diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
index 4e4006cc..0dfc0929 100644
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -23,7 +23,7 @@ jobs:
             packages/app/yarn.lock
             packages/core/yarn.lock
             packages/docs/yarn.lock
-          node-version: 16
+          node-version: 18
 
       - name: Install
         run: |
@@ -50,7 +50,7 @@ jobs:
             packages/app/yarn.lock
             packages/core/yarn.lock
             packages/docs/yarn.lock
-          node-version: 16
+          node-version: 18
 
       - name: Install
         run: |
@@ -75,7 +75,7 @@ jobs:
             packages/app/yarn.lock
             packages/core/yarn.lock
             packages/docs/yarn.lock
-          node-version: 16
+          node-version: 18
 
       - name: Install
         run: |
@@ -105,7 +105,7 @@ jobs:
             packages/app/yarn.lock
             packages/core/yarn.lock
             packages/docs/yarn.lock
-          node-version: 16
+          node-version: 18
 
       - name: Install
         run: |
diff --git a/.github/workflows/cypress.yml b/.github/workflows/cypress.yml
new file mode 100644
index 00000000..9c313848
--- /dev/null
+++ b/.github/workflows/cypress.yml
@@ -0,0 +1,49 @@
+name: Cypress Tests
+
+on:
+  workflow_dispatch:
+  push:
+    branches: ['main', 'next']
+  pull_request:
+    branches: ['main', 'next']
+
+jobs:
+  cypress-run:
+    runs-on: ubuntu-latest
+
+    strategy:
+      fail-fast: false # https://github.com/cypress-io/github-action/issues/48
+      matrix:
+        containers: [1, 2] # Uses 2 parallel instances
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          cache: yarn
+          cache-dependency-path: |
+            yarn.lock
+            packages/app/yarn.lock
+            packages/core/yarn.lock
+            packages/docs/yarn.lock
+          node-version: 18
+
+      - name: Install
+        run: |
+          yarn install --frozen-lockfile
+
+      - name: Run Cypress Tests
+        uses: cypress-io/github-action@v6
+        with:
+          start: yarn dev
+          wait-on: 'http://localhost:8080'
+          record: true # Records to Cypress Cloud
+          parallel: true # Runs test in parallel using settings above
+        env:
+          # For recording and parallelization to work you must set your CYPRESS_RECORD_KEY
+          # in GitHub repo → Settings → Secrets → Actions
+          CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}
+          # Creating a token https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/creating-a-personal-access-token
+          GITHUB_TOKEN: ${{ secrets.CYPRESS_GITHUB_TOKEN }}
diff --git a/.gitignore b/.gitignore
index 7c4e60e7..d9379e20 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,3 +2,7 @@
 /node_modules
 *.log
 .vscode
+cypress/screenshots
+cypress/downloads
+.env
+.temp
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 00000000..863642f5
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,4 @@
+dist/
+bin/
+public/
+.cache/
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 00000000..30e01f34
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,6 @@
+{
+  "arrowParens": "avoid",
+  "trailingComma": "all",
+  "singleQuote": true,
+  "printWidth": 100
+}
diff --git a/cypress.config.ts b/cypress.config.ts
new file mode 100644
index 00000000..e1066657
--- /dev/null
+++ b/cypress.config.ts
@@ -0,0 +1,19 @@
+import { defineConfig } from "cypress";
+import setupNodeEvents from "./cypress/plugins";
+
+export default defineConfig({
+  projectId: "wvw3x3",
+  retries: {
+    runMode: 2,
+    openMode: 0,
+  },
+  chromeWebSecurity: false,
+  e2e: {
+    video: false,
+    // We've imported your old cypress plugins here.
+    // You may want to clean this up later by importing these.
+    setupNodeEvents,
+    baseUrl: "http://localhost:8080",
+    specPattern: "cypress/e2e/*.spec.ts",
+  },
+});
diff --git a/cypress/README.md b/cypress/README.md
new file mode 100644
index 00000000..a1516ffc
--- /dev/null
+++ b/cypress/README.md
@@ -0,0 +1,72 @@
+# Cypress Tests Guide
+
+## Introduction
+
+[Cypress](https://www.cypress.io/) is a JavaScript End to End Testing Framework that runs in the browser.
+
+Cypress tests run with a [local version](../packages/core/dev-test) of the CMS.
+
+During the setup of a spec file, the relevant `index.html` and `config.yml` are copied from `packages/core/dev-test/backends/<backend>` to `dev-test`.
+
+Tests for the `test` backend use mock data generated in `dev-test/backends/test/index.html`.
+
+Tests for the other backends use previously [recorded data](fixtures) and stub `fetch` [calls](support/commands.js#L52). See more about recording tests data [here](#recording-tests-data).
+
+## Run Tests Locally
+
+```bash
+yarn test:e2e # builds the demo site and runs Cypress in headless mode with mock data
+```
+
+## Debug Tests
+
+```bash
+yarn develop # starts a local dev server with the demo site
+yarn test:e2e:exec # runs Cypress in non-headless mode with mock data
+```
+
+## Recording Tests Data
+
+When recording tests, access to the relevant backend API is required, thus one must set up a `.env` file in the root project directory in the following format:
+
+```bash
+GITHUB_REPO_OWNER=owner
+GITHUB_REPO_NAME=repo
+GITHUB_REPO_TOKEN=tokenWithWritePermissions
+GITHUB_OPEN_AUTHORING_OWNER=forkOwner
+GITHUB_OPEN_AUTHORING_TOKEN=tokenWithWritePermissions
+
+GITLAB_REPO_OWNER=owner
+GITLAB_REPO_NAME=repo
+GITLAB_REPO_TOKEN=tokenWithWritePermissions
+
+BITBUCKET_REPO_OWNER=owner
+BITBUCKET_REPO_NAME=repo
+BITBUCKET_OUATH_CONSUMER_KEY=ouathConsumerKey
+BITBUCKET_OUATH_CONSUMER_SECRET=ouathConsumerSecret
+
+NETLIFY_API_TOKEN=netlifyApiToken
+NETLIFY_INSTALLATION_ID=netlifyGitHubInstallationId
+```
+
+> The structure of the relevant repo should match the settings in [`config.yml`](../packages/core/dev-test/backends/<backend>/config.yml#L1)
+
+To start a recording run the following commands:
+
+```bash
+yarn develop # starts a local dev server with the demo site
+yarn mock:server:start # starts the recording proxy
+yarn test:e2e:record-fixtures:dev # runs Cypress in non-headless and pass data through the recording proxy
+yarn mock:server:stop # stops the recording proxy
+```
+
+> During the recorded process a clone of the relevant repo will be created under `.temp` and reset between tests.
+
+Recordings are sanitized from any possible sensitive data and [transformed](plugins/common.js#L34) into an easier to process format.
+
+To avoid recording all the tests over and over again, a recommended process is to:
+
+1. Mark the specific test as `only` by changing `it("some test...` to `it.only("some test...` for the relevant test.
+2. Run the test in recording mode.
+3. Exit Cypress and stop the proxy.
+4. Run the test normally (with mock data) to verify the recording works.
diff --git a/cypress/cypress.d.ts b/cypress/cypress.d.ts
new file mode 100644
index 00000000..4a495f9e
--- /dev/null
+++ b/cypress/cypress.d.ts
@@ -0,0 +1,82 @@
+/// <reference types="cypress" />
+
+import type {
+  SetupBackendProps,
+  SetupBackendTestProps,
+  SeedRepoProps,
+  TeardownBackendTestProps,
+  TeardownBackendProps,
+} from './interface';
+import type { Config as CMSConfig, DeepPartial } from '@staticcms/core/interface';
+
+interface KeyProps {
+  shift?: boolean;
+  times?: number;
+}
+
+declare global {
+  namespace Cypress {
+    interface Chainable {
+      task(event: 'setupBackend', props: SetupBackendProps): Chainable<SetupBackendResponse>;
+      task(event: 'setupBackendTest', props: SetupBackendTestProps): Chainable<Promise<null>>;
+      task(event: 'seedRepo', props: SeedRepoProps): Chainable<Promise<null>>;
+      task(event: 'teardownBackendTest', props: TeardownBackendTestProps): Chainable<Promise<null>>;
+      task(event: 'teardownBackend', props: TeardownBackendProps): Chainable<Promise<null>>;
+      task(event: 'updateConfig', props: DeepPartial<CMSConfig>): Chainable<Promise<null>>;
+
+      login(): Chainable;
+      loginAndNewPost(): Chainable;
+
+      dragTo(selector: string, options?: { delay?: number }): Chainable;
+
+      getMarkdownEditor(): Chainable;
+      confirmMarkdownEditorContent(expected: string): Chainable;
+      clearMarkdownEditorContent(): Chainable;
+      confirmRawEditorContent(expected: string): Chainable;
+
+      enter(props?: KeyProps): Chainable;
+      backspace(props?: KeyProps): Chainable;
+      selectAll(props?: KeyProps): Chainable;
+      up(props?: KeyProps): Chainable;
+      down(props?: KeyProps): Chainable;
+      left(props?: KeyProps): Chainable;
+      right(props?: KeyProps): Chainable;
+      tabkey(props?: KeyProps): Chainable;
+
+      selection(
+        fn: (this: Cypress.ObjectLike, currentSubject: JQuery<any>) => Chainable,
+      ): Chainable;
+      setSelection(
+        query:
+          | string
+          | {
+              anchorQuery: string;
+              anchorOffset?: number;
+              focusQuery: string;
+              focusOffset?: number;
+            },
+        endQuery: string,
+      ): Chainable;
+
+      setCursor(query: string, atStart?: boolean): Chainable;
+      setCursorBefore(query: string): Chainable;
+      setCursorAfter(query: string): Chainable;
+
+      print(message: string): Chainable;
+
+      insertCodeBlock(): Chainable;
+      insertEditorComponent(title: string): Chainable;
+
+      clickToolbarButton(title: string, opts: { times: number }): Chainable;
+      clickHeadingOneButton(opts: { times: number }): Chainable;
+      clickHeadingTwoButton(opts: { times: number }): Chainable;
+      clickOrderedListButton(opts: { times: number }): Chainable;
+      clickUnorderedListButton(opts: { times: number }): Chainable;
+      clickCodeButton(opts: { times: number }): Chainable;
+      clickItalicButton(opts: { times: number }): Chainable;
+      clickQuoteButton(opts: { times: number }): Chainable;
+      clickLinkButton(opts: { times: number }): Chainable;
+      clickModeToggle(): Chainable;
+    }
+  }
+}
diff --git a/cypress/e2e/_old/editorial_workflow_spec_bitbucket_backend.js b/cypress/e2e/_old/editorial_workflow_spec_bitbucket_backend.js
new file mode 100644
index 00000000..e706c53a
--- /dev/null
+++ b/cypress/e2e/_old/editorial_workflow_spec_bitbucket_backend.js
@@ -0,0 +1,30 @@
+import fixture from '../common/editorial_workflow';
+import * as specUtils from '../common/spec_utils';
+import { entry1, entry2, entry3 } from '../common/entries';
+
+const backend = 'bitbucket';
+
+describe('BitBucket Backend Editorial Workflow', () => {
+  let taskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(taskResult, { publish_mode: 'editorial_workflow' }, backend);
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  fixture({
+    entries: [entry1, entry2, entry3],
+    getUser: () => taskResult.data.user,
+  });
+});
diff --git a/cypress/e2e/_old/editorial_workflow_spec_git-gateway_github_backend.js b/cypress/e2e/_old/editorial_workflow_spec_git-gateway_github_backend.js
new file mode 100644
index 00000000..a4c7d500
--- /dev/null
+++ b/cypress/e2e/_old/editorial_workflow_spec_git-gateway_github_backend.js
@@ -0,0 +1,31 @@
+import fixture from '../common/editorial_workflow';
+import * as specUtils from '../common/spec_utils';
+import { entry1, entry2, entry3 } from '../common/entries';
+
+const backend = 'git-gateway';
+const provider = 'github';
+
+describe('Git Gateway (GitHub) Backend Editorial Workflow', () => {
+  let taskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(taskResult, { publish_mode: 'editorial_workflow', provider }, backend);
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  fixture({
+    entries: [entry1, entry2, entry3],
+    getUser: () => taskResult.data.user,
+  });
+});
diff --git a/cypress/e2e/_old/editorial_workflow_spec_git-gateway_gitlab_backend.js b/cypress/e2e/_old/editorial_workflow_spec_git-gateway_gitlab_backend.js
new file mode 100644
index 00000000..baa36591
--- /dev/null
+++ b/cypress/e2e/_old/editorial_workflow_spec_git-gateway_gitlab_backend.js
@@ -0,0 +1,31 @@
+import fixture from '../common/editorial_workflow';
+import * as specUtils from '../common/spec_utils';
+import { entry1, entry2, entry3 } from '../common/entries';
+
+const backend = 'git-gateway';
+const provider = 'gitlab';
+
+describe('Git Gateway (GitLab) Backend Editorial Workflow', () => {
+  let taskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(taskResult, { publish_mode: 'editorial_workflow', provider }, backend);
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  fixture({
+    entries: [entry1, entry2, entry3],
+    getUser: () => taskResult.data.user,
+  });
+});
diff --git a/cypress/e2e/_old/editorial_workflow_spec_github_backend_graphql.js b/cypress/e2e/_old/editorial_workflow_spec_github_backend_graphql.js
new file mode 100644
index 00000000..15745c79
--- /dev/null
+++ b/cypress/e2e/_old/editorial_workflow_spec_github_backend_graphql.js
@@ -0,0 +1,37 @@
+import fixture from '../common/editorial_workflow';
+import * as specUtils from '../common/spec_utils';
+import { entry1, entry2, entry3 } from '../common/entries';
+
+const backend = 'github';
+
+describe('Github Backend Editorial Workflow - GraphQL API', () => {
+  const taskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(
+      taskResult,
+      {
+        backend: { use_graphql: true, open_authoring: false },
+        publish_mode: 'editorial_workflow',
+      },
+      backend,
+    );
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  fixture({
+    entries: [entry1, entry2, entry3],
+    getUser: () => taskResult.data.user,
+  });
+});
diff --git a/cypress/e2e/_old/editorial_workflow_spec_github_backend_graphql_open_authoring.js b/cypress/e2e/_old/editorial_workflow_spec_github_backend_graphql_open_authoring.js
new file mode 100644
index 00000000..40b4354c
--- /dev/null
+++ b/cypress/e2e/_old/editorial_workflow_spec_github_backend_graphql_open_authoring.js
@@ -0,0 +1,38 @@
+import fixture from '../common/open_authoring';
+import * as specUtils from '../common/spec_utils';
+import { entry1, entry2, entry3 } from '../common/entries';
+
+const backend = 'github';
+
+describe('Github Backend Editorial Workflow - GraphQL API - Open Authoring', () => {
+  const taskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(
+      taskResult,
+      {
+        backend: { use_graphql: true, open_authoring: true },
+        publish_mode: 'editorial_workflow',
+      },
+      backend,
+    );
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  fixture({
+    entries: [entry1, entry2, entry3],
+    getUser: () => taskResult.data.user,
+    getForkUser: () => taskResult.data.forkUser,
+  });
+});
diff --git a/cypress/e2e/_old/editorial_workflow_spec_github_backend_rest.js b/cypress/e2e/_old/editorial_workflow_spec_github_backend_rest.js
new file mode 100644
index 00000000..46d9bfe0
--- /dev/null
+++ b/cypress/e2e/_old/editorial_workflow_spec_github_backend_rest.js
@@ -0,0 +1,37 @@
+import fixture from '../common/editorial_workflow';
+import * as specUtils from '../common/spec_utils';
+import { entry1, entry2, entry3 } from '../common/entries';
+
+const backend = 'github';
+
+describe('Github Backend Editorial Workflow - REST API', () => {
+  let taskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(
+      taskResult,
+      {
+        backend: { use_graphql: false, open_authoring: false },
+        publish_mode: 'editorial_workflow',
+      },
+      backend,
+    );
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  fixture({
+    entries: [entry1, entry2, entry3],
+    getUser: () => taskResult.data.user,
+  });
+});
diff --git a/cypress/e2e/_old/editorial_workflow_spec_github_backend_rest_open_authoring.js b/cypress/e2e/_old/editorial_workflow_spec_github_backend_rest_open_authoring.js
new file mode 100644
index 00000000..3feeb5bf
--- /dev/null
+++ b/cypress/e2e/_old/editorial_workflow_spec_github_backend_rest_open_authoring.js
@@ -0,0 +1,38 @@
+import fixture from '../common/open_authoring';
+import * as specUtils from '../common/spec_utils';
+import { entry1, entry2, entry3 } from '../common/entries';
+
+const backend = 'github';
+
+describe('Github Backend Editorial Workflow - REST API - Open Authoring', () => {
+  let taskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(
+      taskResult,
+      {
+        backend: { use_graphql: false, open_authoring: true },
+        publish_mode: 'editorial_workflow',
+      },
+      backend,
+    );
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  fixture({
+    entries: [entry1, entry2, entry3],
+    getUser: () => taskResult.data.user,
+    getForkUser: () => taskResult.data.forkUser,
+  });
+});
diff --git a/cypress/e2e/_old/editorial_workflow_spec_gitlab_backend.js b/cypress/e2e/_old/editorial_workflow_spec_gitlab_backend.js
new file mode 100644
index 00000000..836064a6
--- /dev/null
+++ b/cypress/e2e/_old/editorial_workflow_spec_gitlab_backend.js
@@ -0,0 +1,36 @@
+import fixture from '../common/editorial_workflow';
+import * as specUtils from '../common/spec_utils';
+import { entry1, entry2, entry3 } from '../common/entries';
+
+const backend = 'gitlab';
+
+describe('GitLab Backend Editorial Workflow', () => {
+  let taskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(taskResult, { publish_mode: 'editorial_workflow' }, backend);
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    if (
+      Cypress.mocha.getRunner().suite.ctx.currentTest.title ===
+      'can change status on and publish multiple entries'
+    ) {
+      Cypress.mocha.getRunner().suite.ctx.currentTest.skip();
+    }
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  fixture({
+    entries: [entry1, entry2, entry3],
+    getUser: () => taskResult.data.user,
+  });
+});
diff --git a/cypress/e2e/_old/editorial_workflow_spec_proxy_git_backend.js b/cypress/e2e/_old/editorial_workflow_spec_proxy_git_backend.js
new file mode 100644
index 00000000..64796b1a
--- /dev/null
+++ b/cypress/e2e/_old/editorial_workflow_spec_proxy_git_backend.js
@@ -0,0 +1,32 @@
+import fixture from '../common/editorial_workflow';
+import * as specUtils from '../common/spec_utils';
+import { entry1, entry2, entry3 } from '../common/entries';
+
+const backend = 'proxy';
+const mode = 'git';
+
+describe.skip(`Proxy Backend Editorial Workflow - '${mode}' mode`, () => {
+  let taskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(taskResult, { publish_mode: 'editorial_workflow', mode }, backend);
+    Cypress.config('defaultCommandTimeout', 5 * 1000);
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  fixture({
+    entries: [entry1, entry2, entry3],
+    getUser: () => taskResult.data.user,
+  });
+});
diff --git a/cypress/e2e/_old/field_validations_spec.js b/cypress/e2e/_old/field_validations_spec.js
new file mode 100644
index 00000000..98201220
--- /dev/null
+++ b/cypress/e2e/_old/field_validations_spec.js
@@ -0,0 +1,54 @@
+import {
+  login,
+  validateObjectFieldsAndExit,
+  validateNestedObjectFieldsAndExit,
+  validateListFieldsAndExit,
+  validateNestedListFieldsAndExit,
+} from '../../utils/steps';
+import { setting1, setting2 } from '../../utils/constants';
+
+describe('Test Backend Editorial Workflow', () => {
+  after(() => {
+    cy.task('teardownBackend', { backend: 'test' });
+  });
+
+  before(() => {
+    Cypress.config('defaultCommandTimeout', 4000);
+  });
+
+  beforeEach(() => {
+    cy.task('setupBackend', { backend: 'test' });
+  });
+
+  it('can validate object fields', () => {
+    login({ editorialWorkflow: true });
+
+    cy.contains('a', 'Posts').click();
+
+    validateObjectFieldsAndExit(setting1);
+  });
+
+  it('can validate fields nested in an object field', () => {
+    login({ editorialWorkflow: true });
+
+    cy.contains('a', 'Posts').click();
+
+    validateNestedObjectFieldsAndExit(setting1);
+  });
+
+  it('can validate list fields', () => {
+    login({ editorialWorkflow: true });
+
+    cy.contains('a', 'Posts').click();
+
+    validateListFieldsAndExit(setting2);
+  });
+
+  it('can validate deeply nested list fields', () => {
+    login({ editorialWorkflow: true });
+
+    cy.contains('a', 'Posts').click();
+
+    validateNestedListFieldsAndExit(setting2);
+  });
+});
diff --git a/cypress/e2e/_old/i18n_editorial_workflow_spec_test_backend.js b/cypress/e2e/_old/i18n_editorial_workflow_spec_test_backend.js
new file mode 100644
index 00000000..9e138cf7
--- /dev/null
+++ b/cypress/e2e/_old/i18n_editorial_workflow_spec_test_backend.js
@@ -0,0 +1,38 @@
+import fixture from '../common/i18n_editorial_workflow_spec';
+
+const backend = 'test';
+
+describe(`I18N Test Backend Editorial Workflow`, () => {
+  const taskResult = { data: {} };
+
+  before(() => {
+    Cypress.config('defaultCommandTimeout', 4000);
+    cy.task('setupBackend', {
+      backend,
+      options: {
+        publish_mode: 'editorial_workflow',
+        i18n: {
+          locales: ['en', 'de', 'fr'],
+        },
+        collections: [
+          {
+            folder: 'content/i18n',
+            i18n: true,
+            fields: [{ i18n: true }, {}, { i18n: 'duplicate' }],
+          },
+        ],
+      },
+    });
+  });
+
+  after(() => {
+    cy.task('teardownBackend', { backend });
+  });
+
+  const entry = {
+    Title: 'first title',
+    Body: 'first body',
+  };
+
+  fixture({ entry, getUser: () => taskResult.data.user });
+});
diff --git a/cypress/e2e/_old/i18n_simple_workflow_spec_proxy_fs_backend.js b/cypress/e2e/_old/i18n_simple_workflow_spec_proxy_fs_backend.js
new file mode 100644
index 00000000..da717b8f
--- /dev/null
+++ b/cypress/e2e/_old/i18n_simple_workflow_spec_proxy_fs_backend.js
@@ -0,0 +1,148 @@
+import * as specUtils from '../common/spec_utils';
+import { login } from '../../utils/steps';
+import { createEntryTranslateAndPublish } from '../common/i18n';
+
+const backend = 'proxy';
+const mode = 'fs';
+
+const expectedEnContent = `---
+template: post
+title: first title
+date: 1970-01-01T00:00:00.000Z
+description: first description
+category: first category
+tags:
+  - tag1
+---
+`;
+
+const expectedDeContent = `---
+title: de
+date: 1970-01-01T00:00:00.000Z
+---
+`;
+
+const expectedFrContent = `---
+title: fr
+date: 1970-01-01T00:00:00.000Z
+---
+`;
+
+const contentSingleFile = `---
+en:
+  template: post
+  date: 1970-01-01T00:00:00.000Z
+  title: first title
+  body: first body
+  description: first description
+  category: first category
+  tags:
+    - tag1
+de:
+  date: 1970-01-01T00:00:00.000Z
+  title: de
+fr:
+  date: 1970-01-01T00:00:00.000Z
+  title: fr
+---
+`;
+
+describe(`I18N Proxy Backend Simple Workflow - '${mode}' mode`, () => {
+  const taskResult = { data: {} };
+
+  const entry = {
+    Title: 'first title',
+    Body: 'first body',
+    Description: 'first description',
+    Category: 'first category',
+    Tags: 'tag1',
+  };
+
+  before(() => {
+    specUtils.before(
+      taskResult,
+      {
+        mode,
+        publish_mode: 'simple',
+        i18n: {
+          locales: ['en', 'de', 'fr'],
+        },
+        collections: [{ i18n: true, fields: [{}, { i18n: true }, {}, { i18n: 'duplicate' }] }],
+      },
+      backend,
+    );
+    Cypress.config('taskTimeout', 15 * 1000);
+    Cypress.config('defaultCommandTimeout', 5 * 1000);
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  it('can create entry with translation in locale_folders mode', () => {
+    cy.task('updateConfig', { i18n: { structure: 'multiple_folders' } });
+
+    login({ user: taskResult.data.user });
+
+    createEntryTranslateAndPublish(entry);
+
+    cy.readFile(`${taskResult.data.tempDir}/content/posts/en/1970-01-01-first-title.md`).should(
+      'contain',
+      expectedEnContent,
+    );
+
+    cy.readFile(`${taskResult.data.tempDir}/content/posts/de/1970-01-01-first-title.md`).should(
+      'eq',
+      expectedDeContent,
+    );
+
+    cy.readFile(`${taskResult.data.tempDir}/content/posts/fr/1970-01-01-first-title.md`).should(
+      'eq',
+      expectedFrContent,
+    );
+  });
+
+  it('can create entry with translation in single_file mode', () => {
+    cy.task('updateConfig', { i18n: { structure: 'multiple_files' } });
+
+    login({ user: taskResult.data.user });
+
+    createEntryTranslateAndPublish(entry);
+
+    cy.readFile(`${taskResult.data.tempDir}/content/posts/1970-01-01-first-title.en.md`).should(
+      'contain',
+      expectedEnContent,
+    );
+
+    cy.readFile(`${taskResult.data.tempDir}/content/posts/1970-01-01-first-title.de.md`).should(
+      'eq',
+      expectedDeContent,
+    );
+
+    cy.readFile(`${taskResult.data.tempDir}/content/posts/1970-01-01-first-title.fr.md`).should(
+      'eq',
+      expectedFrContent,
+    );
+  });
+
+  it('can create entry with translation in locale_file_extensions mode', () => {
+    cy.task('updateConfig', { i18n: { structure: 'single_file' } });
+
+    login({ user: taskResult.data.user });
+
+    createEntryTranslateAndPublish(entry);
+
+    cy.readFile(`${taskResult.data.tempDir}/content/posts/1970-01-01-first-title.md`).should(
+      'eq',
+      contentSingleFile,
+    );
+  });
+});
diff --git a/cypress/e2e/_old/markdown_widget_backspace_spec.js b/cypress/e2e/_old/markdown_widget_backspace_spec.js
new file mode 100644
index 00000000..b15a04bf
--- /dev/null
+++ b/cypress/e2e/_old/markdown_widget_backspace_spec.js
@@ -0,0 +1,76 @@
+describe('Markdown widget', () => {
+  before(() => {
+    Cypress.config('defaultCommandTimeout', 4000);
+    cy.task('setupBackend', { backend: 'test' });
+  });
+
+  beforeEach(() => {
+    cy.loginAndNewPost();
+    cy.clearMarkdownEditorContent();
+  });
+
+  after(() => {
+    cy.task('teardownBackend', { backend: 'test' });
+  });
+
+  // describe('pressing backspace', () => {
+  it('sets non-default block to default when empty', () => {
+    cy.focused().clickHeadingOneButton().backspace().confirmMarkdownEditorContent(`
+          <p></p>
+        `);
+  });
+  it('moves to previous block when no character left to delete', () => {
+    cy.focused().type('foo').enter().clickHeadingOneButton().type('a').backspace({ times: 2 })
+      .confirmMarkdownEditorContent(`
+          <p>foo</p>
+        `);
+  });
+  it('does nothing at start of first block in document when non-empty and non-default', () => {
+    cy.focused().clickHeadingOneButton().type('foo').setCursorBefore('foo').backspace({ times: 4 })
+      .confirmMarkdownEditorContent(`
+          <h1>foo</h1>
+        `);
+  });
+  it('deletes individual characters in middle of non-empty non-default block in document', () => {
+    cy.focused().clickHeadingOneButton().type('foo').setCursorAfter('fo').backspace({ times: 3 })
+      .confirmMarkdownEditorContent(`
+          <h1>o</h1>
+        `);
+  });
+  it('at beginning of non-first block, moves default block content to previous block', () => {
+    cy
+      .focused()
+      .clickHeadingOneButton()
+      .type('foo')
+      .enter()
+      .type('bar')
+      .setCursorBefore('bar')
+      .backspace().confirmMarkdownEditorContent(`
+          <h1>foobar</h1>
+        `);
+  });
+  it('at beginning of non-first block, moves non-default block content to previous block', () => {
+    cy
+      .focused()
+      .type('foo')
+      .enter()
+      .clickHeadingOneButton()
+      .type('bar')
+      .enter()
+      .clickHeadingTwoButton()
+      .type('baz')
+      .setCursorBefore('baz')
+      .backspace()
+      .confirmMarkdownEditorContent(
+        `
+          <p>foo</p>
+          <h1>barbaz</h1>
+        `,
+      )
+      .setCursorBefore('bar')
+      .backspace().confirmMarkdownEditorContent(`
+          <p>foobarbaz</p>
+        `);
+    // });
+  });
+});
diff --git a/cypress/e2e/_old/markdown_widget_code_block_spec.js b/cypress/e2e/_old/markdown_widget_code_block_spec.js
new file mode 100644
index 00000000..5fee16e7
--- /dev/null
+++ b/cypress/e2e/_old/markdown_widget_code_block_spec.js
@@ -0,0 +1,134 @@
+import { oneLineTrim, stripIndent } from 'common-tags';
+
+describe('Markdown widget code block', () => {
+  before(() => {
+    Cypress.config('defaultCommandTimeout', 4000);
+    cy.task('setupBackend', { backend: 'test' });
+  });
+
+  beforeEach(() => {
+    cy.loginAndNewPost();
+    cy.clearMarkdownEditorContent();
+  });
+
+  after(() => {
+    cy.task('teardownBackend', { backend: 'test' });
+  });
+  describe('code block', () => {
+    it('outputs code', () => {
+      // eslint-disable-next-line cypress/no-unnecessary-waiting
+      cy
+        .insertCodeBlock()
+        .type('foo')
+        .enter()
+        .type('bar')
+        .confirmMarkdownEditorContent(
+          `
+          ${codeBlock(`
+            foo
+            bar
+          `)}
+        `,
+        )
+        .wait(500)
+        .clickModeToggle().confirmMarkdownEditorContent(`
+          ${codeBlockRaw(`
+            foo
+            bar
+          `)}
+        `);
+    });
+  });
+});
+
+function codeBlockRaw(content) {
+  return ['```', ...stripIndent(content).split('\n'), '```']
+    .map(
+      line => oneLineTrim`
+    <div>
+      <span>
+        <span>
+          <span>${line}</span>
+        </span>
+      </span>
+    </div>
+  `,
+    )
+    .join('');
+}
+
+function codeBlock(content) {
+  const lines = stripIndent(content)
+    .split('\n')
+    .map(
+      (line, idx) => `
+    <div>
+      <div>
+        <div>${idx + 1}</div>
+      </div>
+      <pre><span>${line}</span></pre>
+    </div>
+  `,
+    )
+    .join('');
+
+  return oneLineTrim`
+    <div>
+      <div></div>
+      <div>
+        <div><label>Code Block </label>
+          <div><button><span><svg>
+                  <path></path>
+                </svg></span></button>
+            <div>
+              <div>
+                <div><textarea></textarea></div>
+                <div>
+                  <div></div>
+                </div>
+                <div>
+                  <div></div>
+                </div>
+                <div></div>
+                <div></div>
+                <div>
+                  <div>
+                    <div>
+                      <div>
+                        <div>
+                          <div>
+                            <pre><span>xxxxxxxxxx</span></pre>
+                          </div>
+                          <div></div>
+                          <div></div>
+                          <div>
+                            <div> </div>
+                          </div>
+                          <div>
+                            ${lines}
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div></div>
+                  <div>
+                    <div></div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div>
+            <span>
+                <span>
+                    <span></span>
+                </span>
+            </span>
+        </div>
+      </div>
+      <div></div>
+    </div>
+  `;
+}
diff --git a/cypress/e2e/_old/markdown_widget_enter_spec.js b/cypress/e2e/_old/markdown_widget_enter_spec.js
new file mode 100644
index 00000000..4ca26ce7
--- /dev/null
+++ b/cypress/e2e/_old/markdown_widget_enter_spec.js
@@ -0,0 +1,80 @@
+describe('Markdown widget breaks', () => {
+  before(() => {
+    Cypress.config('defaultCommandTimeout', 4000);
+    cy.task('setupBackend', { backend: 'test' });
+  });
+
+  beforeEach(() => {
+    cy.loginAndNewPost();
+    cy.clearMarkdownEditorContent();
+  });
+
+  after(() => {
+    cy.task('teardownBackend', { backend: 'test' });
+  });
+
+  describe('pressing enter', () => {
+    it('creates new default block from empty block', () => {
+      cy.focused().enter().confirmMarkdownEditorContent(`
+          <p></p>
+          <p></p>
+        `);
+    });
+    it('creates new default block when selection collapsed at end of block', () => {
+      cy.focused().type('foo').enter().confirmMarkdownEditorContent(`
+          <p>foo</p>
+          <p></p>
+        `);
+    });
+    it('creates new default block when selection collapsed at end of non-default block', () => {
+      cy.clickHeadingOneButton().type('foo').enter().confirmMarkdownEditorContent(`
+          <h1>foo</h1>
+          <p></p>
+        `);
+    });
+    it('creates new default block when selection collapsed in empty non-default block', () => {
+      cy.clickHeadingOneButton().enter().confirmMarkdownEditorContent(`
+          <h1></h1>
+          <p></p>
+        `);
+    });
+    it('splits block into two same-type blocks when collapsed selection at block start', () => {
+      cy.clickHeadingOneButton().type('foo').setCursorBefore('foo').enter()
+        .confirmMarkdownEditorContent(`
+          <h1></h1>
+          <h1>foo</h1>
+        `);
+    });
+    it('splits block into two same-type blocks when collapsed in middle of selection at block start', () => {
+      cy.clickHeadingOneButton().type('foo').setCursorBefore('oo').enter()
+        .confirmMarkdownEditorContent(`
+          <h1>f</h1>
+          <h1>oo</h1>
+        `);
+    });
+    it('deletes selected content and splits to same-type block when selection is expanded', () => {
+      cy.clickHeadingOneButton().type('foo bar').setSelection('o b').enter()
+        .confirmMarkdownEditorContent(`
+          <h1>fo</h1>
+          <h1>ar</h1>
+        `);
+    });
+  });
+
+  describe('pressing shift+enter', () => {
+    it('creates line break', () => {
+      cy.focused().enter({ shift: true }).confirmMarkdownEditorContent(`
+          <p>
+
+          </p>
+        `);
+    });
+    it('creates consecutive line break', () => {
+      cy.focused().enter({ shift: true, times: 4 }).confirmMarkdownEditorContent(`
+          <p>
+
+          </p>
+        `);
+    });
+  });
+});
diff --git a/cypress/e2e/_old/markdown_widget_hotkeys_spec.js b/cypress/e2e/_old/markdown_widget_hotkeys_spec.js
new file mode 100644
index 00000000..35288775
--- /dev/null
+++ b/cypress/e2e/_old/markdown_widget_hotkeys_spec.js
@@ -0,0 +1,109 @@
+import { HOT_KEY_MAP } from '../../utils/constants';
+const headingNumberToWord = ['', 'one', 'two', 'three', 'four', 'five', 'six'];
+const isMac = Cypress.platform === 'darwin';
+const modifierKey = isMac ? '{meta}' : '{ctrl}';
+// eslint-disable-next-line func-style
+const replaceMod = str => str.replace(/mod\+/g, modifierKey).replace(/shift\+/g, '{shift}');
+
+describe('Markdown widget hotkeys', () => {
+  describe('hot keys', () => {
+    before(() => {
+      Cypress.config('defaultCommandTimeout', 4000);
+      cy.task('setupBackend', { backend: 'test' });
+    });
+
+    beforeEach(() => {
+      cy.loginAndNewPost();
+      cy.clearMarkdownEditorContent();
+      cy.focused().type('foo').setSelection('foo').as('selection');
+    });
+
+    after(() => {
+      cy.task('teardownBackend', { backend: 'test' });
+    });
+
+    describe('bold', () => {
+      it('pressing mod+b bolds the text', () => {
+        cy.get('@selection')
+          .type(replaceMod(HOT_KEY_MAP['bold']))
+          .confirmMarkdownEditorContent(
+            `
+            <p>
+              <strong>foo</strong>
+            </p>
+          `,
+          )
+          .type(replaceMod(HOT_KEY_MAP['bold']));
+      });
+    });
+
+    describe('italic', () => {
+      it('pressing mod+i italicizes the text', () => {
+        cy.get('@selection')
+          .type(replaceMod(HOT_KEY_MAP['italic']))
+          .confirmMarkdownEditorContent(
+            `
+            <p>
+              <em>foo</em>
+            </p>
+          `,
+          )
+          .type(replaceMod(HOT_KEY_MAP['italic']));
+      });
+    });
+
+    describe('strikethrough', () => {
+      it('pressing mod+shift+s displays a strike through the text', () => {
+        cy.get('@selection')
+          .type(replaceMod(HOT_KEY_MAP['strikethrough']))
+          .confirmMarkdownEditorContent(
+            `
+            <p>
+              <s>foo</s>
+            </p>
+          `,
+          )
+          .type(replaceMod(HOT_KEY_MAP['strikethrough']));
+      });
+    });
+
+    describe('code', () => {
+      it('pressing mod+shift+c displays a code block around the text', () => {
+        cy.get('@selection')
+          .type(replaceMod(HOT_KEY_MAP['code']))
+          .confirmMarkdownEditorContent(
+            `
+            <p>
+              <code>foo</code>
+            </p>
+          `,
+          )
+          .type(replaceMod(HOT_KEY_MAP['code']));
+      });
+    });
+
+    describe('link', () => {
+      before(() => {});
+      it('pressing mod+k transforms the text to a link', () => {
+        cy.window().then(win => {
+          cy.get('@selection').type(replaceMod(HOT_KEY_MAP['link']));
+          cy.stub(win, 'prompt').returns('https://google.com');
+          cy.confirmMarkdownEditorContent('<p><a>foo</a></p>').type(
+            replaceMod(HOT_KEY_MAP['link']),
+          );
+        });
+      });
+    });
+
+    describe('headings', () => {
+      for (let i = 1; i <= 6; i++) {
+        it(`pressing mod+${i} transforms the text to a heading`, () => {
+          cy.get('@selection')
+            .type(replaceMod(HOT_KEY_MAP[`heading-${headingNumberToWord[i]}`]))
+            .confirmMarkdownEditorContent(`<h${i}>foo</h${i}>`)
+            .type(replaceMod(HOT_KEY_MAP[`heading-${headingNumberToWord[i]}`]));
+        });
+      }
+    });
+  });
+});
diff --git a/cypress/e2e/_old/markdown_widget_link_spec.js b/cypress/e2e/_old/markdown_widget_link_spec.js
new file mode 100644
index 00000000..79ee57f3
--- /dev/null
+++ b/cypress/e2e/_old/markdown_widget_link_spec.js
@@ -0,0 +1,64 @@
+describe('Markdown widget link', () => {
+  before(() => {
+    Cypress.config('defaultCommandTimeout', 4000);
+    cy.task('setupBackend', { backend: 'test' });
+  });
+
+  beforeEach(() => {
+    cy.loginAndNewPost();
+    cy.clearMarkdownEditorContent();
+  });
+
+  after(() => {
+    cy.task('teardownBackend', { backend: 'test' });
+  });
+
+  describe('link', () => {
+    it('can add a new valid link', () => {
+      const link = 'https://www.staticcms.org/';
+      cy.window().then(win => {
+        cy.stub(win, 'prompt').returns(link);
+      });
+      cy.focused().clickLinkButton();
+
+      cy.confirmMarkdownEditorContent(`<p><a>${link}</a></p>`);
+      // eslint-disable-next-line cypress/no-unnecessary-waiting
+      cy.wait(300);
+      cy.clickModeToggle();
+
+      cy.confirmRawEditorContent(`<${link}>`);
+    });
+
+    it('can add a new invalid link', () => {
+      const link = 'www.staticcms.org';
+      cy.window().then(win => {
+        cy.stub(win, 'prompt').returns(link);
+      });
+      cy.focused().clickLinkButton();
+
+      cy.confirmMarkdownEditorContent(`<p><a>${link}</a></p>`);
+      // eslint-disable-next-line cypress/no-unnecessary-waiting
+      cy.wait(300);
+      cy.clickModeToggle();
+
+      cy.confirmRawEditorContent(`[${link}](${link})`);
+    });
+
+    it('can select existing text as link', () => {
+      const link = 'https://www.staticcms.org';
+      cy.window().then(win => {
+        cy.stub(win, 'prompt').returns(link);
+      });
+
+      const text = 'Static CMS';
+      cy.focused().getMarkdownEditor().type(text).setSelection(text).clickLinkButton();
+
+      cy.confirmMarkdownEditorContent(`<p><a>${text}</a></p>`);
+      // eslint-disable-next-line cypress/no-unnecessary-waiting
+      cy.wait(300);
+      cy.clickModeToggle();
+
+      cy.confirmRawEditorContent(`[${text}](${link})`);
+    });
+  });
+});
diff --git a/cypress/e2e/_old/markdown_widget_list_spec.js b/cypress/e2e/_old/markdown_widget_list_spec.js
new file mode 100644
index 00000000..f54e352c
--- /dev/null
+++ b/cypress/e2e/_old/markdown_widget_list_spec.js
@@ -0,0 +1,734 @@
+describe('Markdown widget', () => {
+  describe('list', () => {
+    before(() => {
+      Cypress.config('defaultCommandTimeout', 4000);
+      cy.task('setupBackend', { backend: 'test' });
+    });
+
+    beforeEach(() => {
+      cy.loginAndNewPost();
+      cy.clearMarkdownEditorContent();
+    });
+
+    after(() => {
+      cy.task('teardownBackend', { backend: 'test' });
+    });
+
+    // describe('toolbar buttons', () => {
+    it('creates and focuses empty list', () => {
+      cy.clickUnorderedListButton().confirmMarkdownEditorContent(`
+            <ul>
+              <li>
+                <p></p>
+              </li>
+            </ul>
+          `);
+    });
+
+    it('removes list', () => {
+      cy.clickUnorderedListButton().clickUnorderedListButton().confirmMarkdownEditorContent(`
+            <p></p>
+          `);
+    });
+
+    it('converts a list item to a paragraph block which is a sibling of the parent list', () => {
+      cy.clickUnorderedListButton().type('foo').enter().clickUnorderedListButton()
+        .confirmMarkdownEditorContent(`
+            <ul>
+              <li>
+                <p>foo</p>
+              </li>
+            </ul>
+            <p></p>
+          `);
+    });
+
+    it('converts empty nested list item to empty paragraph block in parent list item', () => {
+      cy
+        .clickUnorderedListButton()
+        .type('foo')
+        .enter()
+        .tabkey()
+        .type('bar')
+        .enter()
+        .tabkey()
+        .confirmMarkdownEditorContent(
+          `
+            <ul>
+              <li>
+                <p>foo</p>
+                <ul>
+                  <li>
+                    <p>bar</p>
+                    <ul>
+                      <li>
+                        <p></p>
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+            </ul>
+          `,
+        )
+        .clickUnorderedListButton()
+        .confirmMarkdownEditorContent(
+          `
+            <ul>
+              <li>
+                <p>foo</p>
+                <ul>
+                  <li>
+                    <p>bar</p>
+                    <p></p>
+                  </li>
+                </ul>
+              </li>
+            </ul>
+          `,
+        )
+        .backspace({ times: 4 })
+        .clickUnorderedListButton().confirmMarkdownEditorContent(`
+            <ul>
+              <li>
+                <p>foo</p>
+                <p></p>
+              </li>
+            </ul>
+          `);
+    });
+
+    it('moves nested list item content to parent list item when in first block', () => {
+      cy
+        .clickUnorderedListButton()
+        .type('foo')
+        .enter()
+        .tabkey()
+        .type('bar')
+        .enter()
+        .tabkey()
+        .type('baz')
+        .clickUnorderedListButton()
+        .confirmMarkdownEditorContent(
+          `
+            <ul>
+              <li>
+                <p>foo</p>
+                <ul>
+                  <li>
+                    <p>bar</p>
+                    <p>baz</p>
+                  </li>
+                </ul>
+              </li>
+            </ul>
+          `,
+        )
+        .up()
+        .clickUnorderedListButton()
+        .confirmMarkdownEditorContent(
+          `
+            <ul>
+              <li>
+                <p>foo</p>
+                <p>bar</p>
+                <p>baz</p>
+              </li>
+            </ul>
+          `,
+        )
+        .up()
+        .clickUnorderedListButton().confirmMarkdownEditorContent(`
+            <p>foo</p>
+            <p>bar</p>
+            <p>baz</p>
+          `);
+    });
+
+    it('affects only the current block with collapsed selection', () => {
+      cy
+        .focused()
+        .type('foo')
+        .enter()
+        .type('bar')
+        .enter()
+        .type('baz')
+        .up()
+        .clickUnorderedListButton().confirmMarkdownEditorContent(`
+            <p>foo</p>
+            <ul>
+              <li>
+                <p>bar</p>
+              </li>
+            </ul>
+            <p>baz</p>
+          `);
+    });
+
+    it('wrap each bottom-most block in a selection with a list item block', () => {
+      // eslint-disable-next-line cypress/no-unnecessary-waiting
+      cy
+        .focused()
+        .type('foo')
+        .enter()
+        .type('bar')
+        .enter()
+        .type('baz')
+        .setSelection('foo', 'baz')
+        .wait(500)
+        .clickUnorderedListButton().confirmMarkdownEditorContent(`
+            <ul>
+              <li>
+                <p>foo</p>
+              </li>
+              <li>
+                <p>bar</p>
+              </li>
+              <li>
+                <p>baz</p>
+              </li>
+            </ul>
+          `);
+    });
+
+    it('unwraps list item block from each selected list item and unwraps all of them from the outer list block', () => {
+      // eslint-disable-next-line cypress/no-unnecessary-waiting
+      cy
+        .clickUnorderedListButton()
+        .type('foo')
+        .enter()
+        .type('bar')
+        .enter()
+        .type('baz')
+        .setSelection('foo', 'baz')
+        .wait(500)
+        .clickUnorderedListButton().confirmMarkdownEditorContent(`
+            <p>foo</p>
+            <p>bar</p>
+            <p>baz</p>
+          `);
+    });
+
+    it('combines adjacent same-typed lists, not differently typed lists', () => {
+      cy.focused()
+        .type('foo')
+        .enter()
+        .type('bar')
+        .enter()
+        .type('baz')
+        .up()
+        .clickUnorderedListButton()
+        .up()
+        .clickUnorderedListButton()
+        .confirmMarkdownEditorContent(
+          `
+            <ul>
+              <li>
+                <p>foo</p>
+              </li>
+              <li>
+                <p>bar</p>
+              </li>
+            </ul>
+            <p>baz</p>
+          `,
+        )
+        .down({ times: 2 })
+        .focused()
+        .clickUnorderedListButton()
+        .confirmMarkdownEditorContent(
+          `
+            <ul>
+              <li>
+                <p>foo</p>
+              </li>
+              <li>
+                <p>bar</p>
+              </li>
+              <li>
+                <p>baz</p>
+              </li>
+            </ul>
+          `,
+        )
+        .up()
+        .enter()
+        .type('qux')
+        .tabkey()
+        .confirmMarkdownEditorContent(
+          `
+            <ul>
+              <li>
+                <p>foo</p>
+              </li>
+              <li>
+                <p>bar</p>
+                <ul>
+                  <li>
+                    <p>qux</p>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <p>baz</p>
+              </li>
+            </ul>
+          `,
+        )
+        .up()
+        .enter()
+        .type('quux')
+        .confirmMarkdownEditorContent(
+          `
+            <ul>
+              <li>
+                <p>foo</p>
+              </li>
+              <li>
+                <p>bar</p>
+                <ul>
+                  <li>
+                    <p>quux</p>
+                  </li>
+                  <li>
+                    <p>qux</p>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <p>baz</p>
+              </li>
+            </ul>
+          `,
+        )
+        .clickOrderedListButton()
+        .confirmMarkdownEditorContent(
+          `
+            <ul>
+              <li>
+                <p>foo</p>
+              </li>
+              <li>
+                <p>bar</p>
+                <ol>
+                  <li>
+                    <p>quux</p>
+                  </li>
+                </ol>
+                <ul>
+                  <li>
+                    <p>qux</p>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <p>baz</p>
+              </li>
+            </ul>
+          `,
+        )
+        .setSelection({
+          anchorQuery: 'ul > li > ol p',
+          anchorOffset: 1,
+          focusQuery: 'ul > li > ul:last-child p',
+          focusOffset: 2,
+        });
+    });
+
+    // while this works on dev environemnt, it will always fail in cypress - has something to do with text selection
+    // it('affects only selected list items', () => {
+    //   cy
+    //     .clickUnorderedListButton()
+    //     .type('foo')
+    //     .enter()
+    //     .type('bar')
+    //     .enter()
+    //     .type('baz')
+    //     .setSelection('bar')
+    //     .clickUnorderedListButton()
+    //     .confirmMarkdownEditorContent(
+    //       `
+    //       <ul>
+    //         <li>
+    //           <p>foo</p>
+    //         </li>
+    //       </ul>
+    //       <p>bar</p>
+    //       <ul>
+    //         <li>
+    //           <p>baz</p>
+    //         </li>
+    //       </ul>
+    //     `,
+    //     )
+    //     .clickUnorderedListButton()
+    //     .setSelection('bar', 'baz')
+    //     .clickUnorderedListButton()
+    //     .confirmMarkdownEditorContent(
+    //       `
+    //       <ul>
+    //         <li>
+    //           <p>foo</p>
+    //         </li>
+    //       </ul>
+    //       <p>bar</p>
+    //       <p>baz</p>
+    //     `,
+    //     )
+    //     .clickUnorderedListButton()
+    //     .confirmMarkdownEditorContent(
+    //       `
+    //       <ul>
+    //         <li>
+    //           <p>foo</p>
+    //         </li>
+    //         <li>
+    //           <p>bar</p>
+    //         </li>
+    //         <li>
+    //           <p>baz</p>
+    //         </li>
+    //       </ul>
+    //     `,
+    //     )
+    //     .setSelection('baz')
+    //     .clickUnorderedListButton()
+    //     .confirmMarkdownEditorContent(
+    //       `
+    //       <ul>
+    //         <li>
+    //           <p>foo</p>
+    //         </li>
+    //         <li>
+    //           <p>bar</p>
+    //         </li>
+    //       </ul>
+    //       <p>baz</p>
+    //     `,
+    //     )
+    //     .clickUnorderedListButton()
+    //     .tabkey()
+    //     .setCursorAfter('baz')
+    //     .enter()
+    //     .tabkey()
+    //     .type('qux')
+    //     .confirmMarkdownEditorContent(
+    //       `
+    //     <ul>
+    //       <li>
+    //         <p>foo</p>
+    //       </li>
+    //       <li>
+    //         <p>bar</p>
+    //         <ul>
+    //           <li>
+    //             <p>baz</p>
+    //             <ul>
+    //               <li>
+    //                 <p>qux</p>
+    //               </li>
+    //             </ul>
+    //           </li>
+    //         </ul>
+    //       </li>
+    //     </ul>
+    //     `,
+    //     )
+    //     .setSelection('baz')
+    //     .clickOrderedListButton()
+    //     .confirmMarkdownEditorContent(
+    //       `
+    //     <ul>
+    //       <li>
+    //         <p>foo</p>
+    //       </li>
+    //       <li>
+    //         <p>bar</p>
+    //         <ol>
+    //           <li>
+    //             <p>baz</p>
+    //             <ul>
+    //               <li>
+    //                 <p>qux</p>
+    //               </li>
+    //             </ul>
+    //           </li>
+    //         </ol>
+    //       </li>
+    //     </ul>
+    //     `,
+    //     )
+    //     .setCursorAfter('qux')
+    //     .enter({ times: 2 })
+    //     .clickUnorderedListButton()
+    //     .confirmMarkdownEditorContent(`
+    //       <ul>
+    //         <li>
+    //           <p>foo</p>
+    //         </li>
+    //         <li>
+    //           <p>bar</p>
+    //           <ol>
+    //             <li>
+    //               <p>baz</p>
+    //               <ul>
+    //                 <li>
+    //                   <p>qux</p>
+    //                 </li>
+    //               </ul>
+    //             </li>
+    //           </ol>
+    //           <ul>
+    //             <li>
+    //               <p></p>
+    //             </li>
+    //           </ul>
+    //         </li>
+    //       </ul>
+    //     `);
+    // });
+    // });
+    // });
+
+    //     describe('on Enter', () => {
+    it('removes the list item and list if empty', () => {
+      cy.clickUnorderedListButton().enter().confirmMarkdownEditorContent(`
+            <p></p>
+          `);
+    });
+
+    it('creates a new list item in a non-empty list', () => {
+      cy
+        .clickUnorderedListButton()
+        .type('foo')
+        .enter()
+        .confirmMarkdownEditorContent(
+          `
+            <ul>
+              <li>
+                <p>foo</p>
+              </li>
+              <li>
+                <p></p>
+              </li>
+            </ul>
+          `,
+        )
+        .type('bar')
+        .enter().confirmMarkdownEditorContent(`
+            <ul>
+              <li>
+                <p>foo</p>
+              </li>
+              <li>
+                <p>bar</p>
+              </li>
+              <li>
+                <p></p>
+              </li>
+            </ul>
+          `);
+    });
+
+    it('creates a new default block below a list when hitting Enter twice on an empty list item of the list', () => {
+      cy.clickUnorderedListButton().type('foo').enter({ times: 2 }).confirmMarkdownEditorContent(`
+            <ul>
+              <li>
+                <p>foo</p>
+              </li>
+            </ul>
+            <p></p>
+          `);
+    });
+    // });
+
+    // describe('on Backspace', () => {
+    it('removes the list item and list if empty', () => {
+      cy.clickUnorderedListButton().backspace().confirmMarkdownEditorContent(`
+            <p></p>
+          `);
+    });
+
+    it('removes the list item if list not empty', () => {
+      cy.clickUnorderedListButton().type('foo').enter().backspace().confirmMarkdownEditorContent(`
+            <ul>
+              <li>
+                <p>foo</p>
+                <p></p>
+              </li>
+            </ul>
+          `);
+    });
+
+    it('does not remove list item if empty with non-default block', () => {
+      cy.clickUnorderedListButton().clickHeadingOneButton().backspace()
+        .confirmMarkdownEditorContent(`
+            <ul>
+              <li>
+                <p></p>
+              </li>
+            </ul>
+          `);
+    });
+    // });
+
+    // describe('on Tab', () => {
+    it('does nothing in top level list', () => {
+      cy
+        .clickUnorderedListButton()
+        .tabkey()
+        .confirmMarkdownEditorContent(
+          `
+            <ul>
+              <li>
+                <p></p>
+              </li>
+            </ul>
+          `,
+        )
+        .type('foo')
+        .tabkey().confirmMarkdownEditorContent(`
+            <ul>
+              <li>
+                <p>foo</p>
+              </li>
+            </ul>
+          `);
+    });
+
+    it('indents nested list items', () => {
+      cy
+        .clickUnorderedListButton()
+        .type('foo')
+        .enter()
+        .type('bar')
+        .tabkey()
+        .confirmMarkdownEditorContent(
+          `
+            <ul>
+              <li>
+                <p>foo</p>
+                <ul>
+                  <li>
+                    <p>bar</p>
+                  </li>
+                </ul>
+              </li>
+            </ul>
+          `,
+        )
+        .enter()
+        .tabkey().confirmMarkdownEditorContent(`
+            <ul>
+              <li>
+                <p>foo</p>
+                <ul>
+                  <li>
+                    <p>bar</p>
+                    <ul>
+                      <li>
+                        <p></p>
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+            </ul>
+          `);
+    });
+
+    it('only nests up to one level down from the parent list', () => {
+      cy.clickUnorderedListButton().type('foo').enter().tabkey().confirmMarkdownEditorContent(`
+            <ul>
+              <li>
+                <p>foo</p>
+                <ul>
+                  <li>
+                    <p></p>
+                  </li>
+                </ul>
+              </li>
+            </ul>
+          `);
+    });
+
+    it('unindents nested list items with shift', () => {
+      cy.clickUnorderedListButton().type('foo').enter().tabkey().tabkey({ shift: true })
+        .confirmMarkdownEditorContent(`
+            <ul>
+              <li>
+                <p>foo</p>
+              </li>
+              <li>
+                <p></p>
+              </li>
+            </ul>
+          `);
+    });
+
+    it('indents and unindents from one level below parent back to document root', () => {
+      cy
+        .clickUnorderedListButton()
+        .type('foo')
+        .enter()
+        .tabkey()
+        .type('bar')
+        .enter()
+        .tabkey()
+        .type('baz')
+        .confirmMarkdownEditorContent(
+          `
+            <ul>
+              <li>
+                <p>foo</p>
+                <ul>
+                  <li>
+                    <p>bar</p>
+                    <ul>
+                      <li>
+                        <p>baz</p>
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+            </ul>
+          `,
+        )
+        .tabkey({ shift: true })
+        .confirmMarkdownEditorContent(
+          `
+            <ul>
+              <li>
+                <p>foo</p>
+                <ul>
+                  <li>
+                    <p>bar</p>
+                  </li>
+                  <li>
+                    <p>baz</p>
+                  </li>
+                </ul>
+              </li>
+            </ul>
+          `,
+        )
+        .tabkey({ shift: true }).confirmMarkdownEditorContent(`
+            <ul>
+              <li>
+                <p>foo</p>
+                <ul>
+                  <li>
+                    <p>bar</p>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <p>baz</p>
+              </li>
+            </ul>
+          `);
+    });
+    // });
+  });
+});
diff --git a/cypress/e2e/_old/markdown_widget_marks_spec.js b/cypress/e2e/_old/markdown_widget_marks_spec.js
new file mode 100644
index 00000000..b6ad15ab
--- /dev/null
+++ b/cypress/e2e/_old/markdown_widget_marks_spec.js
@@ -0,0 +1,31 @@
+describe('Markdown widget', () => {
+  describe('code mark', () => {
+    before(() => {
+      Cypress.config('defaultCommandTimeout', 4000);
+      cy.task('setupBackend', { backend: 'test' });
+    });
+
+    beforeEach(() => {
+      cy.loginAndNewPost();
+      cy.clearMarkdownEditorContent();
+    });
+
+    after(() => {
+      cy.task('teardownBackend', { backend: 'test' });
+    });
+
+    describe('toolbar button', () => {
+      it('can combine code mark with other marks', () => {
+        cy.clickItalicButton().type('foo').setSelection('oo').clickCodeButton()
+          .confirmMarkdownEditorContent(`
+            <p>
+              <em>f</em>
+              <code>
+                <em>oo</em>
+              </code>
+            </p>
+          `);
+      });
+    });
+  });
+});
diff --git a/cypress/e2e/_old/markdown_widget_quote_spec.js b/cypress/e2e/_old/markdown_widget_quote_spec.js
new file mode 100644
index 00000000..1b138e44
--- /dev/null
+++ b/cypress/e2e/_old/markdown_widget_quote_spec.js
@@ -0,0 +1,370 @@
+describe('Markdown widget', () => {
+  describe('quote block', () => {
+    before(() => {
+      Cypress.config('defaultCommandTimeout', 4000);
+      cy.task('setupBackend', { backend: 'test' });
+    });
+
+    beforeEach(() => {
+      cy.loginAndNewPost();
+      cy.clearMarkdownEditorContent();
+    });
+
+    after(() => {
+      cy.task('teardownBackend', { backend: 'test' });
+    });
+
+    // describe('toggle quote', () => {
+    it('toggles empty quote block on and off in empty editor', () => {
+      cy
+        .clickQuoteButton()
+        .confirmMarkdownEditorContent(
+          `
+            <blockquote>
+              <p></p>
+            </blockquote>
+          `,
+        )
+        .clickQuoteButton().confirmMarkdownEditorContent(`
+            <p></p>
+          `);
+    });
+    it('toggles empty quote block on and off for current block', () => {
+      cy
+        .focused()
+        .type('foo')
+        .clickQuoteButton()
+        .confirmMarkdownEditorContent(
+          `
+            <blockquote>
+              <p>foo</p>
+            </blockquote>
+          `,
+        )
+        .clickQuoteButton().confirmMarkdownEditorContent(`
+            <p>foo</p>
+          `);
+    });
+    it('toggles entire quote block without expanded selection', () => {
+      cy.clickQuoteButton().type('foo').enter().type('bar').clickQuoteButton()
+        .confirmMarkdownEditorContent(`
+            <p>foo</p>
+            <p>bar</p>
+          `);
+    });
+    it('toggles entire quote block with complex content', () => {
+      cy
+        .clickQuoteButton()
+        .clickUnorderedListButton()
+        .clickHeadingOneButton()
+        .type('foo')
+        .enter({ times: 2 }) // First Enter creates new list item. Second Enter turns that list item into a default block.
+        .clickQuoteButton() // Unwrap the quote block.
+        .confirmMarkdownEditorContent(`
+            <ul>
+              <li>
+                <h1>foo</h1>
+              </li>
+            </ul>
+            <p></p>
+          `);
+    });
+    it('toggles empty quote block on and off for selected blocks', () => {
+      // eslint-disable-next-line cypress/no-unnecessary-waiting
+      cy
+        .focused()
+        .type('foo')
+        .enter()
+        .type('bar')
+        .setSelection('foo', 'bar')
+        .wait(500)
+        .clickQuoteButton()
+        .confirmMarkdownEditorContent(
+          `
+            <blockquote>
+              <p>foo</p>
+              <p>bar</p>
+            </blockquote>
+          `,
+        )
+        .clickQuoteButton()
+        .confirmMarkdownEditorContent(
+          `
+            <p>foo</p>
+            <p>bar</p>
+          `,
+        )
+        .clickQuoteButton().confirmMarkdownEditorContent(`
+            <blockquote>
+              <p>foo</p>
+              <p>bar</p>
+            </blockquote>
+          `);
+    });
+    it('toggles empty quote block on and off for partially selected blocks', () => {
+      // eslint-disable-next-line cypress/no-unnecessary-waiting
+      cy
+        .focused()
+        .type('foo')
+        .enter()
+        .type('bar')
+        .setSelection('oo', 'ba')
+        .wait(500)
+        .clickQuoteButton()
+        .confirmMarkdownEditorContent(
+          `
+            <blockquote>
+              <p>foo</p>
+              <p>bar</p>
+            </blockquote>
+          `,
+        )
+        .clickQuoteButton()
+        .confirmMarkdownEditorContent(
+          `
+            <p>foo</p>
+            <p>bar</p>
+          `,
+        )
+        .clickQuoteButton().confirmMarkdownEditorContent(`
+            <blockquote>
+              <p>foo</p>
+              <p>bar</p>
+            </blockquote>
+          `);
+    });
+    it('toggles quote block on and off for multiple selected list items', () => {
+      // eslint-disable-next-line cypress/no-unnecessary-waiting
+      cy
+        .focused()
+        .clickUnorderedListButton()
+        .type('foo')
+        .enter()
+        .type('bar')
+        .setSelection('foo', 'bar')
+        .wait(500)
+        .clickQuoteButton()
+        .confirmMarkdownEditorContent(
+          `
+            <blockquote>
+              <ul>
+                <li>
+                  <p>foo</p>
+                </li>
+                <li>
+                  <p>bar</p>
+                </li>
+              </ul>
+            </blockquote>
+          `,
+        )
+        .clickQuoteButton()
+        .confirmMarkdownEditorContent(
+          `
+            <ul>
+              <li>
+                <p>foo</p>
+              </li>
+              <li>
+                <p>bar</p>
+              </li>
+            </ul>
+          `,
+        )
+        .setCursorAfter('bar')
+        .wait(500)
+        .enter()
+        .type('baz')
+        .setSelection('bar', 'baz')
+        .wait(500)
+        .clickQuoteButton().confirmMarkdownEditorContent(`
+            <ul>
+              <li>
+                <p>foo</p>
+              </li>
+            </ul>
+            <blockquote>
+              <ul>
+                <li>
+                  <p>bar</p>
+                </li>
+                <li>
+                  <p>baz</p>
+                </li>
+              </ul>
+            </blockquote>
+          `);
+    });
+    it('creates new quote block if parent is not a quote, can deeply nest', () => {
+      cy.clickQuoteButton()
+        .clickUnorderedListButton()
+        .clickQuoteButton()
+        .clickUnorderedListButton()
+        .clickQuoteButton()
+        .clickUnorderedListButton()
+        .clickQuoteButton()
+        .type('foo')
+        // Content should contains 4 <blockquote> tags and 3 <ul> tags
+        .confirmMarkdownEditorContent(
+          `
+            <blockquote>
+              <ul>
+                <li>
+                  <blockquote>
+                    <ul>
+                      <li>
+                        <blockquote>
+                          <ul>
+                            <li>
+                              <blockquote>
+                                <p>foo</p>
+                              </blockquote>
+                            </li>
+                          </ul>
+                        </blockquote>
+                      </li>
+                    </ul>
+                  </blockquote>
+                </li>
+              </ul>
+            </blockquote>
+          `,
+        )
+        /*
+         * First Enter creates new paragraph within the innermost block quote.
+         * Second Enter moves that paragraph one level up to become sibling of the previous quote block and direct child of a list item.
+         * Third Enter to turn that paragraph into a list item and move it one level up.
+         * Repeat the circle for three more times to reach the second list item of the outermost list block.
+         * Then Enter again to turn that list item into a paragraph and move it one level up to become sibling of the outermost list and
+         * direct child of the outermost block quote.
+         */
+        .enter({ times: 10 })
+        .type('bar')
+        .confirmMarkdownEditorContent(
+          `
+            <blockquote>
+              <ul>
+                <li>
+                  <blockquote>
+                    <ul>
+                      <li>
+                        <blockquote>
+                          <ul>
+                            <li>
+                              <blockquote>
+                                <p>foo</p>
+                              </blockquote>
+                            </li>
+                          </ul>
+                        </blockquote>
+                      </li>
+                    </ul>
+                  </blockquote>
+                </li>
+              </ul>
+              <p>bar</p>
+            </blockquote>
+          `,
+        )
+        /* The GOAL is to delete all the text content inside this deeply nested block quote and turn it into a default paragraph block on top level.
+         * We need:
+         *  3 Backspace to delete the word “bar”.
+         *  1 Backspace to remove the paragraph that contains bar and bring cursor to the end of the unordered list which is direct child of the outermost block quote.
+         *  3 Backspace to remove the word “foo”.
+         *  1 Backspace to remove the current block quote that the cursor is on, 1 Backspace to remove the list that wraps the block quote. Repeat this step for three times for a total of 6 Backspace until the cursor is on the outermost block quote.
+         * 1 Backspace to remove to toggle off the outermost block quote and turn it into a default paragraph.
+         * Total Backspaces required: 3 + 1 + 3 + ((1 + 1) * 3) + 1 = 14
+         */
+        .backspace({ times: 14 });
+    });
+    // });
+
+    // describe('backspace inside quote', () => {
+    it('joins two paragraphs', () => {
+      cy.clickQuoteButton().type('foo').enter().type('bar').setCursorBefore('bar').backspace()
+        .confirmMarkdownEditorContent(`
+            <blockquote>
+              <p>foobar</p>
+            </blockquote>
+          `);
+    });
+    it('joins quote with previous quote', () => {
+      cy
+        .clickQuoteButton()
+        .type('foo')
+        .enter({ times: 2 })
+        .clickQuoteButton()
+        .type('bar')
+        .confirmMarkdownEditorContent(
+          `
+            <blockquote>
+              <p>foo</p>
+            </blockquote>
+            <blockquote>
+              <p>bar</p>
+            </blockquote>
+          `,
+        )
+        .setCursorBefore('bar')
+        .backspace().confirmMarkdownEditorContent(`
+            <blockquote>
+              <p>foo</p>
+              <p>bar</p>
+            </blockquote>
+          `);
+    });
+    it('removes first block from quote when focused at first block at start', () => {
+      // eslint-disable-next-line cypress/no-unnecessary-waiting
+      cy
+        .clickQuoteButton()
+        .type('foo')
+        .enter()
+        .type('bar')
+        .setCursorBefore('foo')
+        .wait(500)
+        .backspace().confirmMarkdownEditorContent(`
+            <p>foo</p>
+            <blockquote>
+              <p>bar</p>
+            </blockquote>
+          `);
+    });
+    // });
+
+    // describe('enter inside quote', () => {
+    it('creates new block inside quote', () => {
+      // eslint-disable-next-line cypress/no-unnecessary-waiting
+      cy
+        .clickQuoteButton()
+        .type('foo')
+        .enter()
+        .confirmMarkdownEditorContent(
+          `
+            <blockquote>
+              <p>foo</p>
+              <p></p>
+            </blockquote>
+          `,
+        )
+        .type('bar')
+        .setCursorAfter('ba')
+        .wait(500)
+        .enter().confirmMarkdownEditorContent(`
+            <blockquote>
+              <p>foo</p>
+              <p>ba</p>
+              <p>r</p>
+            </blockquote>
+          `);
+    });
+    it('creates new block after quote from empty last block', () => {
+      cy.clickQuoteButton().type('foo').enter().enter().confirmMarkdownEditorContent(`
+            <blockquote>
+              <p>foo</p>
+            </blockquote>
+            <p></p>
+          `);
+    });
+    // });
+  });
+});
diff --git a/cypress/e2e/_old/media_library_spec_bitbucket_backend.js b/cypress/e2e/_old/media_library_spec_bitbucket_backend.js
new file mode 100644
index 00000000..9de5c93b
--- /dev/null
+++ b/cypress/e2e/_old/media_library_spec_bitbucket_backend.js
@@ -0,0 +1,27 @@
+import fixture from '../common/media_library';
+import { entry1 } from '../common/entries';
+import * as specUtils from '../common/spec_utils';
+
+const backend = 'bitbucket';
+
+describe('BitBucket Backend Media Library - REST API', () => {
+  let taskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(taskResult, {}, backend);
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  fixture({ entries: [entry1], getUser: () => taskResult.data.user });
+});
diff --git a/cypress/e2e/_old/media_library_spec_bitbucket_backend_large_media.js b/cypress/e2e/_old/media_library_spec_bitbucket_backend_large_media.js
new file mode 100644
index 00000000..fefee09d
--- /dev/null
+++ b/cypress/e2e/_old/media_library_spec_bitbucket_backend_large_media.js
@@ -0,0 +1,28 @@
+import fixture from '../common/media_library';
+import { entry1 } from '../common/entries';
+import * as specUtils from '../common/spec_utils';
+
+const backend = 'bitbucket';
+const lfs = true;
+
+describe('BitBucket Backend Media Library - Large Media', () => {
+  let taskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(taskResult, { lfs }, backend);
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  fixture({ entries: [entry1], getUser: () => taskResult.data.user });
+});
diff --git a/cypress/e2e/_old/media_library_spec_git-gateway_github_backend_large_media.js b/cypress/e2e/_old/media_library_spec_git-gateway_github_backend_large_media.js
new file mode 100644
index 00000000..71b811b9
--- /dev/null
+++ b/cypress/e2e/_old/media_library_spec_git-gateway_github_backend_large_media.js
@@ -0,0 +1,28 @@
+import fixture from '../common/media_library';
+import { entry1 } from '../common/entries';
+import * as specUtils from '../common/spec_utils';
+
+const backend = 'git-gateway';
+const provider = 'github';
+
+describe('Git Gateway (GitHub) Backend Media Library - Large Media', () => {
+  let taskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(taskResult, { publish_mode: 'editorial_workflow', provider }, backend);
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  fixture({ entries: [entry1], getUser: () => taskResult.data.user });
+});
diff --git a/cypress/e2e/_old/media_library_spec_git-gateway_gitlab_backend_large_media.js b/cypress/e2e/_old/media_library_spec_git-gateway_gitlab_backend_large_media.js
new file mode 100644
index 00000000..6a6073f7
--- /dev/null
+++ b/cypress/e2e/_old/media_library_spec_git-gateway_gitlab_backend_large_media.js
@@ -0,0 +1,28 @@
+import fixture from '../common/media_library';
+import { entry1 } from '../common/entries';
+import * as specUtils from '../common/spec_utils';
+
+const backend = 'git-gateway';
+const provider = 'gitlab';
+
+describe('Git Gateway (GitLab) Backend Media Library - Large Media', () => {
+  let taskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(taskResult, { publish_mode: 'editorial_workflow', provider }, backend);
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  fixture({ entries: [entry1], getUser: () => taskResult.data.user });
+});
diff --git a/cypress/e2e/_old/media_library_spec_github_backend_graphql.js b/cypress/e2e/_old/media_library_spec_github_backend_graphql.js
new file mode 100644
index 00000000..5968442d
--- /dev/null
+++ b/cypress/e2e/_old/media_library_spec_github_backend_graphql.js
@@ -0,0 +1,34 @@
+import fixture from '../common/media_library';
+import { entry1 } from '../common/entries';
+import * as specUtils from '../common/spec_utils';
+
+const backend = 'github';
+
+describe('GitHub Backend Media Library - GraphQL API', () => {
+  const taskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(
+      taskResult,
+      {
+        backend: { use_graphql: true },
+        publish_mode: 'editorial_workflow',
+      },
+      backend,
+    );
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  fixture({ entries: [entry1], getUser: () => taskResult.data.user });
+});
diff --git a/cypress/e2e/_old/media_library_spec_github_backend_rest.js b/cypress/e2e/_old/media_library_spec_github_backend_rest.js
new file mode 100644
index 00000000..31daf0fe
--- /dev/null
+++ b/cypress/e2e/_old/media_library_spec_github_backend_rest.js
@@ -0,0 +1,34 @@
+import fixture from '../common/media_library';
+import { entry1 } from '../common/entries';
+import * as specUtils from '../common/spec_utils';
+
+const backend = 'github';
+
+describe('GitHub Backend Media Library - REST API', () => {
+  let taskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(
+      taskResult,
+      {
+        backend: { use_graphql: false },
+        publish_mode: 'editorial_workflow',
+      },
+      backend,
+    );
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  fixture({ entries: [entry1], getUser: () => taskResult.data.user });
+});
diff --git a/cypress/e2e/_old/media_library_spec_gitlab_backend.js b/cypress/e2e/_old/media_library_spec_gitlab_backend.js
new file mode 100644
index 00000000..6cfe3c61
--- /dev/null
+++ b/cypress/e2e/_old/media_library_spec_gitlab_backend.js
@@ -0,0 +1,27 @@
+import fixture from '../common/media_library';
+import { entry1 } from '../common/entries';
+import * as specUtils from '../common/spec_utils';
+
+const backend = 'gitlab';
+
+describe('GitLab Backend Media Library - REST API', () => {
+  let taskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(taskResult, { publish_mode: 'editorial_workflow' }, backend);
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  fixture({ entries: [entry1], getUser: () => taskResult.data.user });
+});
diff --git a/cypress/e2e/_old/media_library_spec_proxy_git_backend.js b/cypress/e2e/_old/media_library_spec_proxy_git_backend.js
new file mode 100644
index 00000000..95a0ff18
--- /dev/null
+++ b/cypress/e2e/_old/media_library_spec_proxy_git_backend.js
@@ -0,0 +1,29 @@
+import fixture from '../common/media_library';
+import * as specUtils from '../common/spec_utils';
+import { entry1 } from '../common/entries';
+
+const backend = 'proxy';
+const mode = 'git';
+
+describe(`Proxy Backend Media Library - '${mode}' mode`, () => {
+  let taskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(taskResult, { publish_mode: 'editorial_workflow', mode }, backend);
+    Cypress.config('defaultCommandTimeout', 5 * 1000);
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  fixture({ entries: [entry1], getUser: () => taskResult.data.user });
+});
diff --git a/cypress/e2e/_old/media_library_spec_test_backend.js b/cypress/e2e/_old/media_library_spec_test_backend.js
new file mode 100644
index 00000000..6e16209a
--- /dev/null
+++ b/cypress/e2e/_old/media_library_spec_test_backend.js
@@ -0,0 +1,21 @@
+import fixture from '../common/media_library';
+
+const entries = [
+  {
+    Title: 'first title',
+    Body: 'first body',
+  },
+];
+
+describe('Test Backend Media Library', () => {
+  after(() => {
+    cy.task('teardownBackend', { backend: 'test' });
+  });
+
+  before(() => {
+    Cypress.config('defaultCommandTimeout', 4000);
+    cy.task('setupBackend', { backend: 'test' });
+  });
+
+  fixture({ entries });
+});
diff --git a/cypress/e2e/_old/search_suggestion_spec.js b/cypress/e2e/_old/search_suggestion_spec.js
new file mode 100644
index 00000000..69452070
--- /dev/null
+++ b/cypress/e2e/_old/search_suggestion_spec.js
@@ -0,0 +1,71 @@
+import { login } from '../../utils/steps';
+
+const search = (term, collection) => {
+  cy.get('[class*=SearchInput]').clear({ force: true });
+  cy.get('[class*=SearchInput]').type(term, { force: true });
+  cy.get('[class*=SuggestionsContainer]').within(() => {
+    cy.contains(collection).click();
+  });
+};
+
+const assertSearchHeading = title => {
+  cy.get('[class*=SearchResultHeading]').should('have.text', title);
+};
+
+const assertSearchResult = (text, collection) => {
+  cy.get('[class*=ListCardLink] h2').contains(collection ?? text);
+};
+
+const assertNotInSearch = text => {
+  cy.get('[class*=ListCardLink] h2').contains(text).should('not.exist');
+};
+
+describe('Search Suggestion', () => {
+  before(() => {
+    Cypress.config('defaultCommandTimeout', 4000);
+    cy.task('setupBackend', { backend: 'test' });
+  });
+
+  after(() => {
+    cy.task('teardownBackend', { backend: 'test' });
+  });
+
+  beforeEach(() => {
+    login();
+  });
+
+  it('can search in all collections', () => {
+    search('this', 'All Collections');
+
+    assertSearchHeading('Search Results for "this"');
+
+    assertSearchResult('This is post # 20', 'Posts');
+    assertSearchResult('This is a TOML front matter post', 'Posts');
+    assertSearchResult('This is a JSON front matter post', 'Posts');
+    assertSearchResult('This is a YAML front matter post', 'Posts');
+    assertSearchResult('This FAQ item # 5', 'FAQ');
+  });
+
+  it('can search in posts collection', () => {
+    search('this', 'Posts');
+
+    assertSearchHeading('Search Results for "this" in Posts');
+
+    assertSearchResult('This is post # 20');
+    assertSearchResult('This is a TOML front matter post');
+    assertSearchResult('This is a JSON front matter post');
+    assertSearchResult('This is a YAML front matter post');
+
+    assertNotInSearch('This FAQ item # 5');
+  });
+
+  it('can search in faq collection', () => {
+    search('this', 'FAQ');
+
+    assertSearchHeading('Search Results for "this" in FAQ');
+
+    assertSearchResult('This FAQ item # 5');
+
+    assertNotInSearch('This is post # 20');
+  });
+});
diff --git a/cypress/e2e/_old/simple_workflow_spec_bitbucket_backend.ts b/cypress/e2e/_old/simple_workflow_spec_bitbucket_backend.ts
new file mode 100644
index 00000000..48f8b859
--- /dev/null
+++ b/cypress/e2e/_old/simple_workflow_spec_bitbucket_backend.ts
@@ -0,0 +1,30 @@
+import fixture from '../common/simple_workflow';
+import * as specUtils from '../common/spec_utils';
+
+import type { TaskResult } from '../../interface';
+
+const backend = 'bitbucket';
+
+describe('BitBucket Backend Simple Workflow', () => {
+  let taskResult: TaskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(taskResult, { publish_mode: 'simple' }, backend);
+  });
+
+  after(() => {
+    specUtils.after(backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(backend);
+  });
+
+  fixture({
+    getUser: () => taskResult.data?.user,
+  });
+});
diff --git a/cypress/e2e/_old/simple_workflow_spec_git-gateway_github_backend.js b/cypress/e2e/_old/simple_workflow_spec_git-gateway_github_backend.js
new file mode 100644
index 00000000..2c64273e
--- /dev/null
+++ b/cypress/e2e/_old/simple_workflow_spec_git-gateway_github_backend.js
@@ -0,0 +1,31 @@
+import fixture from '../common/simple_workflow';
+import * as specUtils from '../common/spec_utils';
+import { entry1, entry2, entry3 } from '../common/entries';
+
+const backend = 'git-gateway';
+const provider = 'github';
+
+describe('Git Gateway (GitHub) Backend Simple Workflow', () => {
+  let taskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(taskResult, { publish_mode: 'simple', provider }, backend);
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  fixture({
+    entries: [entry1, entry2, entry3],
+    getUser: () => taskResult.data.user,
+  });
+});
diff --git a/cypress/e2e/_old/simple_workflow_spec_git-gateway_gitlab_backend.js b/cypress/e2e/_old/simple_workflow_spec_git-gateway_gitlab_backend.js
new file mode 100644
index 00000000..5fd2f902
--- /dev/null
+++ b/cypress/e2e/_old/simple_workflow_spec_git-gateway_gitlab_backend.js
@@ -0,0 +1,31 @@
+import fixture from '../common/simple_workflow';
+import * as specUtils from '../common/spec_utils';
+import { entry1, entry2, entry3 } from '../common/entries';
+
+const backend = 'git-gateway';
+const provider = 'gitlab';
+
+describe('Git Gateway (GitLab) Backend Simple Workflow', () => {
+  let taskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(taskResult, { publish_mode: 'simple', provider }, backend);
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  fixture({
+    entries: [entry1, entry2, entry3],
+    getUser: () => taskResult.data.user,
+  });
+});
diff --git a/cypress/e2e/_old/simple_workflow_spec_github_backend_graphql.js b/cypress/e2e/_old/simple_workflow_spec_github_backend_graphql.js
new file mode 100644
index 00000000..489c67f7
--- /dev/null
+++ b/cypress/e2e/_old/simple_workflow_spec_github_backend_graphql.js
@@ -0,0 +1,37 @@
+import fixture from '../common/simple_workflow';
+import * as specUtils from '../common/spec_utils';
+import { entry1, entry2, entry3 } from '../common/entries';
+
+const backend = 'github';
+
+describe('GitHub Backend Simple Workflow - GraphQL API', () => {
+  const taskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(
+      taskResult,
+      {
+        backend: { use_graphql: true },
+        publish_mode: 'simple',
+      },
+      backend,
+    );
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  fixture({
+    entries: [entry1, entry2, entry3],
+    getUser: () => taskResult.data.user,
+  });
+});
diff --git a/cypress/e2e/_old/simple_workflow_spec_github_backend_rest.js b/cypress/e2e/_old/simple_workflow_spec_github_backend_rest.js
new file mode 100644
index 00000000..884dee8b
--- /dev/null
+++ b/cypress/e2e/_old/simple_workflow_spec_github_backend_rest.js
@@ -0,0 +1,37 @@
+import fixture from '../common/simple_workflow';
+import * as specUtils from '../common/spec_utils';
+import { entry1, entry2, entry3 } from '../common/entries';
+
+const backend = 'github';
+
+describe('GitHub Backend Simple Workflow - REST API', () => {
+  let taskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(
+      taskResult,
+      {
+        backend: { use_graphql: false },
+        publish_mode: 'simple',
+      },
+      backend,
+    );
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  fixture({
+    entries: [entry1, entry2, entry3],
+    getUser: () => taskResult.data.user,
+  });
+});
diff --git a/cypress/e2e/_old/simple_workflow_spec_gitlab_backend.js b/cypress/e2e/_old/simple_workflow_spec_gitlab_backend.js
new file mode 100644
index 00000000..a519cdd2
--- /dev/null
+++ b/cypress/e2e/_old/simple_workflow_spec_gitlab_backend.js
@@ -0,0 +1,30 @@
+import fixture from '../common/simple_workflow';
+import * as specUtils from '../common/spec_utils';
+import { entry1, entry2, entry3 } from '../common/entries';
+
+const backend = 'gitlab';
+
+describe('GitLab Backend Simple Workflow', () => {
+  let taskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(taskResult, { publish_mode: 'simple' }, backend);
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  fixture({
+    entries: [entry1, entry2, entry3],
+    getUser: () => taskResult.data.user,
+  });
+});
diff --git a/cypress/e2e/_old/simple_workflow_spec_proxy_fs_backend.js b/cypress/e2e/_old/simple_workflow_spec_proxy_fs_backend.js
new file mode 100644
index 00000000..7ef5a27a
--- /dev/null
+++ b/cypress/e2e/_old/simple_workflow_spec_proxy_fs_backend.js
@@ -0,0 +1,32 @@
+import fixture from '../common/simple_workflow';
+import * as specUtils from '../common/spec_utils';
+import { entry1, entry2, entry3 } from '../common/entries';
+
+const backend = 'proxy';
+const mode = 'fs';
+
+describe(`Proxy Backend Simple Workflow - '${mode}' mode`, () => {
+  const taskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(taskResult, { publish_mode: 'simple', mode }, backend);
+    Cypress.config('defaultCommandTimeout', 5 * 1000);
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  fixture({
+    entries: [entry1, entry2, entry3],
+    getUser: () => taskResult.data.user,
+  });
+});
diff --git a/cypress/e2e/_old/simple_workflow_spec_proxy_git_backend.js b/cypress/e2e/_old/simple_workflow_spec_proxy_git_backend.js
new file mode 100644
index 00000000..81093685
--- /dev/null
+++ b/cypress/e2e/_old/simple_workflow_spec_proxy_git_backend.js
@@ -0,0 +1,35 @@
+import fixture from '../common/simple_workflow';
+import * as specUtils from '../common/spec_utils';
+import { entry1, entry2, entry3 } from '../common/entries';
+
+const backend = 'proxy';
+const mode = 'git';
+
+describe(`Proxy Backend Simple Workflow - '${mode}' mode`, () => {
+  let taskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(taskResult, { publish_mode: 'simple', mode }, backend);
+    Cypress.config('defaultCommandTimeout', 5 * 1000);
+  });
+
+  after(() => {
+    specUtils.after(taskResult, backend);
+  });
+
+  beforeEach(() => {
+    if (Cypress.mocha.getRunner().suite.ctx.currentTest.title === 'can create an entry') {
+      Cypress.mocha.getRunner().suite.ctx.currentTest.skip();
+    }
+    specUtils.beforeEach(taskResult, backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(taskResult, backend);
+  });
+
+  fixture({
+    entries: [entry1, entry2, entry3],
+    getUser: () => taskResult.data.user,
+  });
+});
diff --git a/cypress/e2e/common/editorial_workflow.js b/cypress/e2e/common/editorial_workflow.js
new file mode 100644
index 00000000..587f17ce
--- /dev/null
+++ b/cypress/e2e/common/editorial_workflow.js
@@ -0,0 +1,92 @@
+import {
+  login,
+  createPost,
+  createPostAndExit,
+  updateExistingPostAndExit,
+  exitEditor,
+  goToWorkflow,
+  goToCollections,
+  updateWorkflowStatus,
+  publishWorkflowEntry,
+  assertWorkflowStatusInEditor,
+  assertPublishedEntry,
+  deleteEntryInEditor,
+  assertOnCollectionsPage,
+  assertEntryDeleted,
+  assertWorkflowStatus,
+  updateWorkflowStatusInEditor,
+} from '../../utils/steps';
+import { workflowStatus, editorStatus } from '../../utils/constants';
+
+export default function ({ entries, getUser }) {
+  it('successfully loads', () => {
+    login({ user: getUser() });
+  });
+
+  it('can create an entry', () => {
+    login({ user: getUser() });
+    createPostAndExit(entries[0]);
+  });
+
+  it('can update an entry', () => {
+    login({ user: getUser() });
+    createPostAndExit(entries[0]);
+    updateExistingPostAndExit(entries[0], entries[1]);
+  });
+
+  it('can publish an editorial workflow entry', () => {
+    login({ user: getUser() });
+    createPostAndExit(entries[0]);
+    goToWorkflow();
+    updateWorkflowStatus(entries[0], workflowStatus.draft, workflowStatus.ready);
+    publishWorkflowEntry(entries[0]);
+  });
+
+  it('can change workflow status', () => {
+    login({ user: getUser() });
+    createPostAndExit(entries[0]);
+    goToWorkflow();
+    updateWorkflowStatus(entries[0], workflowStatus.draft, workflowStatus.review);
+    updateWorkflowStatus(entries[0], workflowStatus.review, workflowStatus.ready);
+    updateWorkflowStatus(entries[0], workflowStatus.ready, workflowStatus.review);
+    updateWorkflowStatus(entries[0], workflowStatus.review, workflowStatus.draft);
+    updateWorkflowStatus(entries[0], workflowStatus.draft, workflowStatus.ready);
+  });
+
+  it('can change status on and publish multiple entries', () => {
+    login({ user: getUser() });
+    createPostAndExit(entries[0]);
+    createPostAndExit(entries[1]);
+    createPostAndExit(entries[2]);
+    goToWorkflow();
+    updateWorkflowStatus(entries[2], workflowStatus.draft, workflowStatus.ready);
+    updateWorkflowStatus(entries[1], workflowStatus.draft, workflowStatus.ready);
+    updateWorkflowStatus(entries[0], workflowStatus.draft, workflowStatus.ready);
+    publishWorkflowEntry(entries[2]);
+    publishWorkflowEntry(entries[1]);
+    publishWorkflowEntry(entries[0]);
+    goToCollections();
+    assertPublishedEntry([entries[2], entries[1], entries[0]]);
+  });
+
+  it('can delete an entry', () => {
+    login({ user: getUser() });
+    createPost(entries[0]);
+    deleteEntryInEditor();
+    assertOnCollectionsPage();
+    assertEntryDeleted(entries[0]);
+  });
+
+  it('can update workflow status from within the editor', () => {
+    login({ user: getUser() });
+    createPost(entries[0]);
+    assertWorkflowStatusInEditor(editorStatus.draft);
+    updateWorkflowStatusInEditor(editorStatus.review);
+    assertWorkflowStatusInEditor(editorStatus.review);
+    updateWorkflowStatusInEditor(editorStatus.ready);
+    assertWorkflowStatusInEditor(editorStatus.ready);
+    exitEditor();
+    goToWorkflow();
+    assertWorkflowStatus(entries[0], workflowStatus.ready);
+  });
+}
diff --git a/cypress/e2e/common/editorial_workflow_migrations.js b/cypress/e2e/common/editorial_workflow_migrations.js
new file mode 100644
index 00000000..d178d860
--- /dev/null
+++ b/cypress/e2e/common/editorial_workflow_migrations.js
@@ -0,0 +1,50 @@
+import {
+  login,
+  createPostAndExit,
+  goToWorkflow,
+  goToCollections,
+  updateWorkflowStatus,
+  publishWorkflowEntry,
+  assertPublishedEntry,
+} from '../../utils/steps';
+import { workflowStatus } from '../../utils/constants';
+
+const versions = ['2.9.7', '2.10.24'];
+
+export default function ({ entries, getUser }) {
+  versions.forEach(version => {
+    it(`migrate from ${version} to latest`, () => {
+      cy.task('switchToVersion', {
+        version,
+      });
+      cy.reload();
+
+      login({ user: getUser() });
+      createPostAndExit(entries[0]);
+      createPostAndExit(entries[1]);
+      createPostAndExit(entries[2]);
+      goToWorkflow();
+      updateWorkflowStatus(entries[2], workflowStatus.draft, workflowStatus.ready);
+      // eslint-disable-next-line cypress/no-unnecessary-waiting
+      cy.wait(1500); // older versions of the CMS didn't wait fully for the update to be resolved
+      updateWorkflowStatus(entries[1], workflowStatus.draft, workflowStatus.ready);
+      // eslint-disable-next-line cypress/no-unnecessary-waiting
+      cy.wait(1500); // older versions of the CMS didn't wait fully for the update to be resolved
+      updateWorkflowStatus(entries[0], workflowStatus.draft, workflowStatus.ready);
+      // eslint-disable-next-line cypress/no-unnecessary-waiting
+      cy.wait(1500); // older versions of the CMS didn't wait fully for the update to be resolved
+
+      cy.task('switchToVersion', {
+        version: 'latest',
+      });
+      cy.reload();
+
+      // allow migration code to run for 5 minutes
+      publishWorkflowEntry(entries[2], 5 * 60 * 1000);
+      publishWorkflowEntry(entries[1]);
+      publishWorkflowEntry(entries[0]);
+      goToCollections();
+      assertPublishedEntry([entries[2], entries[1], entries[0]]);
+    });
+  });
+}
diff --git a/cypress/e2e/common/entries.ts b/cypress/e2e/common/entries.ts
new file mode 100644
index 00000000..aca43f5a
--- /dev/null
+++ b/cypress/e2e/common/entries.ts
@@ -0,0 +1,121 @@
+import type { Post } from '@staticcms/cypress/interface';
+
+export const entry1: Post = {
+  Title: 'first title',
+  Body: 'first body',
+  Description: 'first description',
+  Category: 'first category',
+  Tags: 'tag1',
+};
+
+export const entry2: Post = {
+  Title: 'second title',
+  Body: 'second body',
+  Description: 'second description',
+  Category: 'second category',
+  Tags: 'tag2',
+};
+
+export const entry3: Post = {
+  Title: 'third title',
+  Body: 'third body',
+  Description: 'third description',
+  Category: 'third category',
+  Tags: 'tag3',
+};
+
+export const entry4: Post = {
+  Title: 'fourth title',
+  Body: 'fourth body',
+  Description: 'fourth description',
+  Category: 'fourth category',
+  Tags: 'tag4',
+};
+
+export const entry5: Post = {
+  Title: 'fifth title',
+  Body: 'fifth body',
+  Description: 'fifth description',
+  Category: 'fifth category',
+  Tags: 'tag5',
+};
+
+export const entry6: Post = {
+  Title: 'sixth title',
+  Body: 'sixth body',
+  Description: 'sixth description',
+  Category: 'sixth category',
+  Tags: 'tag6',
+};
+
+export const entry7: Post = {
+  Title: 'seventh title',
+  Body: 'seventh body',
+  Description: 'seventh description',
+  Category: 'seventh category',
+  Tags: 'tag7',
+};
+
+export const entry8: Post = {
+  Title: 'eighth title',
+  Body: 'eighth body',
+  Description: 'eighth description',
+  Category: 'eighth category',
+  Tags: 'tag8',
+};
+
+export const entry9: Post = {
+  Title: 'nineth title',
+  Body: 'nineth body',
+  Description: 'nineth description',
+  Category: 'nineth category',
+  Tags: 'tag9',
+};
+
+export const entry10: Post = {
+  Title: 'tenth title',
+  Body: 'tenth body',
+  Description: 'tenth description',
+  Category: 'tenth category',
+  Tags: 'tag10',
+};
+
+export const entry11: Post = {
+  Title: 'eleventh title',
+  Body: 'eleventh body',
+  Description: 'eleventh description',
+  Category: 'eleventh category',
+  Tags: 'tag11',
+};
+
+export const entry12: Post = {
+  Title: 'twelveth title',
+  Body: 'twelveth body',
+  Description: 'twelveth description',
+  Category: 'twelveth category',
+  Tags: 'tag12',
+};
+
+export const entry13: Post = {
+  Title: 'thirteenth title',
+  Body: 'thirteenth body',
+  Description: 'thirteenth description',
+  Category: 'thirteenth category',
+  Tags: 'tag13',
+};
+
+export const entry14: Post = {
+  Title: 'fourteenth title',
+  Body: 'fourteenth body',
+  Description: 'fourteenth description',
+  Category: 'fourteenth category',
+  Tags: 'tag14',
+};
+
+export const entry15: Post = {
+  Title: 'fifteenth title',
+  Body: 'fifteenth body',
+  Description: 'fifteenth description',
+  Category: 'fifteenth category',
+  Tags: 'tag15',
+};
diff --git a/cypress/e2e/common/i18n.js b/cypress/e2e/common/i18n.js
new file mode 100644
index 00000000..130bcbbf
--- /dev/null
+++ b/cypress/e2e/common/i18n.js
@@ -0,0 +1,55 @@
+import { newPost, populateEntry, publishEntry, flushClockAndSave } from '../../utils/steps';
+
+const enterTranslation = str => {
+  cy.get('[data-testid="field-Title"]').first().clear({ force: true });
+  cy.get('[data-testid="field-Title"]').first().type(str, { force: true });
+};
+
+const createAndTranslate = entry => {
+  newPost();
+  // fill the main entry
+  populateEntry(entry, () => undefined);
+
+  // fill the translation
+  cy.get('.Pane2').within(() => {
+    enterTranslation('de');
+
+    cy.contains('span', 'Writing in DE').click();
+    cy.contains('span', 'fr').click();
+
+    enterTranslation('fr');
+  });
+};
+
+export const updateTranslation = () => {
+  cy.get('.Pane2').within(() => {
+    enterTranslation('fr fr');
+
+    cy.contains('span', 'Writing in FR').click();
+    cy.contains('span', 'de').click();
+
+    enterTranslation('de de');
+  });
+  cy.contains('button', 'Save').click();
+};
+
+export const assertTranslation = () => {
+  cy.get('.Pane2').within(() => {
+    cy.get('[data-testid="field-Title"]').should('have.value', 'de');
+
+    cy.contains('span', 'Writing in DE').click();
+    cy.contains('span', 'fr').click();
+
+    cy.get('[data-testid="field-Title"]').should('have.value', 'fr');
+  });
+};
+
+export const createEntryTranslateAndPublish = entry => {
+  createAndTranslate(entry);
+  publishEntry();
+};
+
+export const createEntryTranslateAndSave = entry => {
+  createAndTranslate(entry);
+  flushClockAndSave();
+};
diff --git a/cypress/e2e/common/i18n_editorial_workflow_spec.js b/cypress/e2e/common/i18n_editorial_workflow_spec.js
new file mode 100644
index 00000000..094cd297
--- /dev/null
+++ b/cypress/e2e/common/i18n_editorial_workflow_spec.js
@@ -0,0 +1,53 @@
+import {
+  login,
+  goToWorkflow,
+  updateWorkflowStatus,
+  exitEditor,
+  publishWorkflowEntry,
+  goToEntry,
+  updateWorkflowStatusInEditor,
+  publishEntryInEditor,
+  assertPublishedEntryInEditor,
+  assertUnpublishedEntryInEditor,
+  assertUnpublishedChangesInEditor,
+} from '../../utils/steps';
+import { createEntryTranslateAndSave, assertTranslation, updateTranslation } from './i18n';
+import { workflowStatus, editorStatus, publishTypes } from '../../utils/constants';
+
+export default function ({ entry, getUser }) {
+  const structures = ['multiple_folders', 'multiple_files', 'single_file'];
+  structures.forEach(structure => {
+    it(`can create and publish entry with translation in ${structure} mode`, () => {
+      cy.task('updateConfig', { i18n: { structure } });
+
+      login({ user: getUser() });
+
+      createEntryTranslateAndSave(entry);
+      assertUnpublishedEntryInEditor();
+      exitEditor();
+      goToWorkflow();
+      updateWorkflowStatus(entry, workflowStatus.draft, workflowStatus.ready);
+      publishWorkflowEntry(entry);
+      goToEntry(entry);
+      assertTranslation();
+      assertPublishedEntryInEditor();
+    });
+
+    it(`can update translated entry in ${structure} mode`, () => {
+      cy.task('updateConfig', { i18n: { structure: 'multiple_folders' } });
+
+      login({ user: getUser() });
+
+      createEntryTranslateAndSave(entry);
+      assertUnpublishedEntryInEditor();
+      updateWorkflowStatusInEditor(editorStatus.ready);
+      publishEntryInEditor(publishTypes.publishNow);
+      exitEditor();
+      goToEntry(entry);
+      assertTranslation();
+      assertPublishedEntryInEditor();
+      updateTranslation();
+      assertUnpublishedChangesInEditor();
+    });
+  });
+}
diff --git a/cypress/e2e/common/media_library.js b/cypress/e2e/common/media_library.js
new file mode 100644
index 00000000..e495523f
--- /dev/null
+++ b/cypress/e2e/common/media_library.js
@@ -0,0 +1,162 @@
+import {
+  login,
+  goToMediaLibrary,
+  newPost,
+  populateEntry,
+  exitEditor,
+  goToWorkflow,
+  updateWorkflowStatus,
+  publishWorkflowEntry,
+  goToEntry,
+  goToCollections,
+} from '../../utils/steps';
+import { workflowStatus } from '../../utils/constants';
+
+function uploadMediaFile() {
+  assertNoImagesInLibrary();
+
+  const fixture = 'cypress/fixtures/media/netlify.png';
+  cy.get('input[type="file"]').selectFile(fixture, { force: true });
+  cy.contains('span', 'Uploading...').should('not.exist');
+
+  assertImagesInLibrary();
+}
+
+function assertImagesInLibrary() {
+  cy.get('img[class*="CardImage"]').should('exist');
+}
+
+function assertNoImagesInLibrary() {
+  cy.get('h1').contains('Loading...').should('not.exist');
+  cy.get('img[class*="CardImage"]').should('not.exist');
+}
+
+function deleteImage() {
+  cy.get('img[class*="CardImage"]').click();
+  cy.contains('button', 'Delete selected').click();
+  assertNoImagesInLibrary();
+}
+
+function chooseSelectedMediaFile() {
+  cy.contains('button', 'Choose selected').should('not.be.disabled');
+  cy.contains('button', 'Choose selected').click();
+}
+
+function chooseAnImage() {
+  cy.contains('button', 'Choose an image').click();
+}
+
+function waitForEntryToLoad() {
+  cy.contains('button', 'Saving...').should('not.exist');
+  cy.contains('div', 'Loading entry...').should('not.exist');
+}
+
+function matchImageSnapshot() {
+  // cy.matchImageSnapshot();
+}
+
+function newPostAndUploadImage() {
+  newPost();
+  chooseAnImage();
+  uploadMediaFile();
+}
+
+function newPostWithImage(entry) {
+  newPostAndUploadImage();
+  chooseSelectedMediaFile();
+  populateEntry(entry);
+  waitForEntryToLoad();
+}
+
+function publishPostWithImage(entry) {
+  newPostWithImage(entry);
+  // eslint-disable-next-line cypress/no-unnecessary-waiting
+  cy.wait(500);
+  exitEditor();
+  goToWorkflow();
+  updateWorkflowStatus(entry, workflowStatus.draft, workflowStatus.ready);
+  publishWorkflowEntry(entry);
+}
+
+function closeMediaLibrary() {
+  cy.get('button[class*="CloseButton"]').click();
+}
+
+function switchToGridView() {
+  cy.get('div[class*="ViewControls"]').within(() => {
+    cy.get('button').last().click();
+  });
+}
+
+function assertGridEntryImage(entry) {
+  cy.contains('li', entry.title).within(() => {
+    cy.get('div[class*="CardImage"]').should('be.visible');
+  });
+}
+
+export default function ({ entries, getUser }) {
+  beforeEach(() => {
+    login(getUser && getUser());
+  });
+
+  it('can upload image from global media library', () => {
+    goToMediaLibrary();
+    uploadMediaFile();
+    matchImageSnapshot();
+    closeMediaLibrary();
+  });
+
+  it('can delete image from global media library', () => {
+    goToMediaLibrary();
+    uploadMediaFile();
+    closeMediaLibrary();
+    goToMediaLibrary();
+    deleteImage();
+    matchImageSnapshot();
+    closeMediaLibrary();
+  });
+
+  it('can upload image from entry media library', () => {
+    newPostAndUploadImage();
+    matchImageSnapshot();
+    closeMediaLibrary();
+    exitEditor();
+  });
+
+  it('can save entry with image', () => {
+    newPostWithImage(entries[0]);
+    matchImageSnapshot();
+    exitEditor();
+  });
+
+  it('can publish entry with image', () => {
+    publishPostWithImage(entries[0]);
+    goToEntry(entries[0]);
+    waitForEntryToLoad();
+    matchImageSnapshot();
+  });
+
+  it('should not show draft entry image in global media library', () => {
+    newPostWithImage(entries[0]);
+    exitEditor();
+    goToMediaLibrary();
+    assertNoImagesInLibrary();
+    matchImageSnapshot();
+  });
+
+  it('should show published entry image in global media library', () => {
+    publishPostWithImage(entries[0]);
+    goToMediaLibrary();
+    assertImagesInLibrary();
+    matchImageSnapshot();
+  });
+
+  it('should show published entry image in grid view', () => {
+    publishPostWithImage(entries[0]);
+    goToCollections();
+    switchToGridView();
+    assertGridEntryImage(entries[0]);
+
+    matchImageSnapshot();
+  });
+}
diff --git a/cypress/e2e/common/open_authoring.js b/cypress/e2e/common/open_authoring.js
new file mode 100644
index 00000000..cedfeb80
--- /dev/null
+++ b/cypress/e2e/common/open_authoring.js
@@ -0,0 +1,75 @@
+import {
+  login,
+  createPostAndExit,
+  updateExistingPostAndExit,
+  goToWorkflow,
+  deleteWorkflowEntry,
+  updateWorkflowStatus,
+  publishWorkflowEntry,
+} from '../../utils/steps';
+import { workflowStatus } from '../../utils/constants';
+
+export default function ({ entries, getUser, getForkUser }) {
+  it('successfully loads', () => {
+    login({ user: getUser() });
+  });
+
+  it('can create an entry', () => {
+    login({ user: getUser() });
+    createPostAndExit(entries[0]);
+  });
+
+  it('can update an entry', () => {
+    login({ user: getUser() });
+    createPostAndExit(entries[0]);
+    updateExistingPostAndExit(entries[0], entries[1]);
+  });
+
+  it('can publish an editorial workflow entry', () => {
+    login({ user: getUser() });
+    createPostAndExit(entries[0]);
+    goToWorkflow();
+    updateWorkflowStatus(entries[0], workflowStatus.draft, workflowStatus.ready);
+    publishWorkflowEntry(entries[0]);
+  });
+
+  it('successfully forks repository and loads', () => {
+    login({ user: getForkUser() });
+  });
+
+  it('can create an entry on fork', () => {
+    login({ user: getForkUser() });
+    createPostAndExit(entries[0]);
+  });
+
+  it('can update a draft entry on fork', () => {
+    login({ user: getForkUser() });
+    createPostAndExit(entries[0]);
+    updateExistingPostAndExit(entries[0], entries[1]);
+  });
+
+  it('can change entry status from fork', () => {
+    login({ user: getForkUser() });
+    createPostAndExit(entries[0]);
+    goToWorkflow();
+    updateWorkflowStatus(entries[0], workflowStatus.draft, workflowStatus.review);
+  });
+
+  it('can delete review entry from fork', () => {
+    login({ user: getForkUser() });
+    createPostAndExit(entries[0]);
+    goToWorkflow();
+    updateWorkflowStatus(entries[0], workflowStatus.draft, workflowStatus.review);
+    deleteWorkflowEntry(entries[0]);
+  });
+
+  it('can return entry to draft and delete it', () => {
+    login({ user: getForkUser() });
+    createPostAndExit(entries[0]);
+    goToWorkflow();
+    updateWorkflowStatus(entries[0], workflowStatus.draft, workflowStatus.review);
+
+    updateWorkflowStatus(entries[0], workflowStatus.review, workflowStatus.draft);
+    deleteWorkflowEntry(entries[0]);
+  });
+}
diff --git a/cypress/e2e/common/simple_workflow.ts b/cypress/e2e/common/simple_workflow.ts
new file mode 100644
index 00000000..4eb50c9c
--- /dev/null
+++ b/cypress/e2e/common/simple_workflow.ts
@@ -0,0 +1,85 @@
+import {
+  assertPublishedEntry,
+  createPostAndPublish,
+  createPostPublishAndCreateNew,
+  createPostPublishAndDuplicate,
+  duplicatePostAndPublish,
+  editPostAndPublish,
+  editPostPublishAndCreateNew,
+  editPostPublishAndDuplicate,
+  login,
+} from '../../utils/steps';
+import {
+  entry1,
+  entry10,
+  entry2,
+  entry3,
+  entry4,
+  entry5,
+  entry6,
+  entry7,
+  entry8,
+  entry9,
+} from './entries';
+
+import type { User } from '@staticcms/cypress/interface';
+
+export interface SimpleWorkflowProps {
+  getUser?: () => User | undefined;
+}
+
+export default function ({ getUser }: SimpleWorkflowProps = {}) {
+  it('successfully loads', () => {
+    login({ user: getUser?.() });
+  });
+
+  it('can create an entry', () => {
+    login({ user: getUser?.() });
+    createPostAndPublish(entry1);
+    assertPublishedEntry(entry1);
+  });
+
+  it('can publish a new entry and create new', () => {
+    login();
+    createPostPublishAndCreateNew(entry2);
+    assertPublishedEntry(entry2);
+  });
+
+  it('can publish a new entry and duplicate', () => {
+    login();
+    createPostPublishAndDuplicate(entry3);
+    assertPublishedEntry(entry3);
+  });
+
+  it('can edit an existing entry and publish', () => {
+    login();
+    createPostAndPublish(entry4);
+    assertPublishedEntry(entry4);
+
+    editPostAndPublish(entry4, entry5);
+  });
+
+  it('can edit an existing entry, publish and create new', () => {
+    login();
+    createPostAndPublish(entry6);
+    assertPublishedEntry(entry6);
+
+    editPostPublishAndCreateNew(entry6, entry7);
+  });
+
+  it('can edit an existing entry, publish and duplicate', () => {
+    login();
+    createPostAndPublish(entry8);
+    assertPublishedEntry(entry8);
+
+    editPostPublishAndDuplicate(entry8, entry9);
+  });
+
+  it('can duplicate an existing entry', () => {
+    login();
+    createPostAndPublish(entry10);
+    assertPublishedEntry(entry10);
+
+    duplicatePostAndPublish(entry10);
+  });
+}
diff --git a/cypress/e2e/common/spec_utils.ts b/cypress/e2e/common/spec_utils.ts
new file mode 100644
index 00000000..59e3dcef
--- /dev/null
+++ b/cypress/e2e/common/spec_utils.ts
@@ -0,0 +1,47 @@
+import type { Config } from '@staticcms/core/interface';
+import type { TaskResult } from 'cypress/interface';
+
+export const before = (taskResult: TaskResult, options: Partial<Config>, backend: string) => {
+  Cypress.config('taskTimeout', 7 * 60 * 1000);
+  cy.task('setupBackend', { backend, options }).then(data => {
+    taskResult.data = data;
+  });
+};
+
+export const after = (backend: string) => {
+  cy.task('teardownBackend', {
+    backend,
+  });
+};
+
+export const beforeEach = (backend: string) => {
+  cy.task('setupBackendTest', {
+    backend,
+    testName: Cypress.currentTest.title,
+  });
+};
+
+export const afterEach = (backend: string) => {
+  cy.task('teardownBackendTest', {
+    backend,
+    testName: Cypress.currentTest.title,
+  });
+
+  const {
+    suite: {
+      ctx: {
+        currentTest: { state, _retries: retries, _currentRetry: currentRetry },
+      },
+    },
+  } = (Cypress as any).mocha.getRunner();
+
+  if (state === 'failed' && retries === currentRetry) {
+    (Cypress as any).runner.stop();
+  }
+};
+
+export const seedRepo = (backend: string) => {
+  cy.task('seedRepo', {
+    backend,
+  });
+};
diff --git a/cypress/e2e/editorial_workflow_test_backend.spec.ts b/cypress/e2e/editorial_workflow_test_backend.spec.ts
new file mode 100644
index 00000000..fd3d2949
--- /dev/null
+++ b/cypress/e2e/editorial_workflow_test_backend.spec.ts
@@ -0,0 +1,358 @@
+import format from 'date-fns/format';
+
+import {
+  login,
+  createPost,
+  createPostAndExit,
+  exitEditor,
+  goToWorkflow,
+  updateWorkflowStatus,
+  publishWorkflowEntry,
+  assertWorkflowStatusInEditor,
+  assertPublishedEntry,
+  deleteEntryInEditor,
+  assertOnCollectionsPage,
+  assertEntryDeleted,
+  assertWorkflowStatus,
+  updateWorkflowStatusInEditor,
+  unpublishEntry,
+  publishEntryInEditor,
+  duplicateEntry,
+  goToEntry,
+  populateEntry,
+  publishAndCreateNewEntryInEditor,
+  publishAndDuplicateEntryInEditor,
+  assertNotification,
+  assertFieldValidationError,
+} from '../utils/steps';
+import { editorStatus, publishTypes, notifications } from '../utils/constants';
+import {
+  entry1,
+  entry10,
+  entry11,
+  entry12,
+  entry13,
+  entry14,
+  entry15,
+  entry2,
+  entry3,
+  entry4,
+  entry5,
+  entry6,
+  entry7,
+  entry8,
+  entry9,
+} from './common/entries';
+import { WorkflowStatus } from '@staticcms/core/constants/publishModes';
+
+describe('Test Backend Editorial Workflow', () => {
+  after(() => {
+    cy.task('teardownBackend', { backend: 'test' });
+  });
+
+  before(() => {
+    Cypress.config('defaultCommandTimeout', 4000);
+    cy.task('setupBackend', { backend: 'test' });
+  });
+
+  beforeEach(() => {
+    cy.task('updateConfig', {
+      collections: [{ publish: true }],
+      publish_mode: 'editorial_workflow',
+    });
+  });
+
+  it('successfully loads', () => {
+    login({ editorialWorkflow: true });
+  });
+
+  it('can create an entry', () => {
+    login({ editorialWorkflow: true });
+
+    cy.get('[data-testid="sidebar-collection-nav-Posts').click();
+
+    createPost(entry1);
+
+    // new entry should show 'Delete unpublished entry'
+    cy.wait(1000);
+    cy.get('[data-testid="editor-extra-menu"]', { timeout: 5000 }).should('be.enabled');
+    cy.get('[data-testid="editor-extra-menu"]').click();
+    cy.contains('[data-testid="delete-button"]', 'Delete unpublished entry');
+    cy.url().should(
+      'eq',
+      `http://localhost:8080/#/collections/posts/entries/${format(
+        new Date(),
+        'yyyy-MM-dd',
+      )}-${entry1.Title.toLowerCase().replace(/\s/, '-')}`,
+    );
+    exitEditor();
+  });
+
+  it.only('can publish an editorial workflow entry', () => {
+    login({ editorialWorkflow: true });
+
+    cy.get('[data-testid="sidebar-collection-nav-Posts').click();
+
+    createPostAndExit(entry2);
+    goToWorkflow();
+    updateWorkflowStatus(entry2, WorkflowStatus.DRAFT, WorkflowStatus.PENDING_PUBLISH);
+    publishWorkflowEntry(entry2);
+  });
+
+  it('can update an entry', () => {
+    login({ editorialWorkflow: true });
+
+    cy.get('[data-testid="sidebar-collection-nav-Posts').click();
+
+    createPostAndExit(entry3);
+    goToWorkflow();
+    updateWorkflowStatus(entry3, WorkflowStatus.DRAFT, WorkflowStatus.PENDING_PUBLISH);
+    publishWorkflowEntry(entry3);
+
+    goToEntry(entry3);
+    populateEntry(entry4);
+    // existing entry should show 'Delete unpublished changes'
+    cy.contains('button', 'Delete unpublished changes');
+    // existing entry slug should remain the same after save'
+    cy.url().should(
+      'eq',
+      `http://localhost:8080/#/collections/posts/entries/${format(
+        new Date(),
+        'yyyy-MM-dd',
+      )}-${entry3.Title.toLowerCase().replace(/\s/, '-')}`,
+    );
+    exitEditor();
+  });
+
+  it('can change workflow status', () => {
+    login({ editorialWorkflow: true });
+
+    cy.get('[data-testid="sidebar-collection-nav-Posts').click();
+
+    createPostAndExit(entry5);
+    goToWorkflow();
+    updateWorkflowStatus(entry5, WorkflowStatus.DRAFT, WorkflowStatus.PENDING_REVIEW);
+    updateWorkflowStatus(entry5, WorkflowStatus.PENDING_REVIEW, WorkflowStatus.PENDING_PUBLISH);
+    updateWorkflowStatus(entry5, WorkflowStatus.PENDING_PUBLISH, WorkflowStatus.PENDING_REVIEW);
+    updateWorkflowStatus(entry5, WorkflowStatus.PENDING_REVIEW, WorkflowStatus.DRAFT);
+    updateWorkflowStatus(entry5, WorkflowStatus.DRAFT, WorkflowStatus.PENDING_PUBLISH);
+  });
+
+  it('can change status on and publish multiple entries', () => {
+    login({ editorialWorkflow: true });
+
+    cy.get('[data-testid="sidebar-collection-nav-Posts').click();
+
+    createPostAndExit(entry6);
+    createPostAndExit(entry7);
+    createPostAndExit(entry8);
+    goToWorkflow();
+    updateWorkflowStatus(entry8, WorkflowStatus.DRAFT, WorkflowStatus.PENDING_PUBLISH);
+    updateWorkflowStatus(entry7, WorkflowStatus.DRAFT, WorkflowStatus.PENDING_PUBLISH);
+    updateWorkflowStatus(entry6, WorkflowStatus.DRAFT, WorkflowStatus.PENDING_PUBLISH);
+    publishWorkflowEntry(entry8);
+    publishWorkflowEntry(entry7);
+    publishWorkflowEntry(entry6);
+    assertPublishedEntry([entry8, entry7, entry6]);
+  });
+
+  it('can delete an entry', () => {
+    login({ editorialWorkflow: true });
+
+    cy.get('[data-testid="sidebar-collection-nav-Posts').click();
+
+    createPost(entry9);
+    deleteEntryInEditor();
+    assertOnCollectionsPage();
+    assertEntryDeleted(entry9);
+  });
+
+  it('can update workflow status from within the editor', () => {
+    login({ editorialWorkflow: true });
+
+    cy.get('[data-testid="sidebar-collection-nav-Posts').click();
+
+    createPost(entry10);
+    assertWorkflowStatusInEditor(editorStatus.draft);
+    updateWorkflowStatusInEditor(editorStatus.review);
+    assertWorkflowStatusInEditor(editorStatus.review);
+    updateWorkflowStatusInEditor(editorStatus.ready);
+    assertWorkflowStatusInEditor(editorStatus.ready);
+    exitEditor();
+    goToWorkflow();
+    assertWorkflowStatus(entry10, WorkflowStatus.PENDING_PUBLISH);
+  });
+
+  it('can unpublish an existing entry', () => {
+    // first publish an entry
+    login({ editorialWorkflow: true });
+
+    cy.get('[data-testid="sidebar-collection-nav-Posts').click();
+
+    createPostAndExit(entry11);
+    goToWorkflow();
+    updateWorkflowStatus(entry11, WorkflowStatus.DRAFT, WorkflowStatus.PENDING_PUBLISH);
+    publishWorkflowEntry(entry11);
+    // then unpublish it
+    unpublishEntry(entry11);
+  });
+
+  it('can duplicate an existing entry', () => {
+    login({ editorialWorkflow: true });
+
+    cy.get('[data-testid="sidebar-collection-nav-Posts').click();
+
+    createPost(entry12);
+    updateWorkflowStatusInEditor(editorStatus.ready);
+    publishEntryInEditor(publishTypes.publishNow);
+    duplicateEntry(entry12);
+  });
+
+  it('cannot publish when "publish" is false', () => {
+    cy.task('updateConfig', { collections: [{ publish: false }] });
+    login({ editorialWorkflow: true });
+
+    cy.get('[data-testid="sidebar-collection-nav-Posts').click();
+
+    createPost(entry13);
+    cy.contains('span', 'Publish').should('not.exist');
+    exitEditor();
+    goToWorkflow();
+    updateWorkflowStatus(entry13, WorkflowStatus.DRAFT, WorkflowStatus.PENDING_PUBLISH);
+    cy.contains('button', 'Publish new entry').should('not.exist');
+  });
+
+  it('can create a new entry, publish and create new', () => {
+    login({ editorialWorkflow: true });
+
+    cy.get('[data-testid="sidebar-collection-nav-Posts').click();
+
+    createPost(entry14);
+    updateWorkflowStatusInEditor(editorStatus.ready);
+
+    publishAndCreateNewEntryInEditor();
+  });
+
+  it('can create a new entry, publish and duplicate', () => {
+    login({ editorialWorkflow: true });
+
+    cy.get('[data-testid="sidebar-collection-nav-Posts').click();
+
+    createPost(entry15);
+    updateWorkflowStatusInEditor(editorStatus.ready);
+    publishAndDuplicateEntryInEditor(entry15);
+  });
+
+  const inSidebar = (func: (currentSubject: JQuery<HTMLElement>) => void) => {
+    cy.get('[class*=SidebarNavList]').within(func);
+  };
+
+  const inGrid = (func: (currentSubject: JQuery<HTMLElement>) => void) => {
+    cy.get('[class*=CardsGrid]').within(func);
+  };
+
+  it('can access nested collection items', () => {
+    login();
+
+    inSidebar(() => cy.contains('a', 'Pages').click());
+    inSidebar(() => cy.contains('a', 'Directory'));
+    inGrid(() => cy.contains('a', 'Root Page'));
+    inGrid(() => cy.contains('a', 'Directory'));
+
+    inSidebar(() => cy.contains('a', 'Directory').click());
+
+    inGrid(() => cy.contains('a', 'Sub Directory'));
+    inGrid(() => cy.contains('a', 'Another Sub Directory'));
+
+    inSidebar(() => cy.contains('a', 'Sub Directory').click());
+    inGrid(() => cy.contains('a', 'Nested Directory'));
+    cy.url().should(
+      'eq',
+      'http://localhost:8080/#/collections/pages/filter/directory/sub-directory',
+    );
+
+    inSidebar(() => cy.contains('a', 'Pages').click());
+    inSidebar(() => cy.contains('a', 'Pages').click());
+
+    inGrid(() => cy.contains('a', 'Another Sub Directory').should('not.exist'));
+  });
+
+  it('can navigate to nested entry', () => {
+    login();
+
+    inSidebar(() => cy.contains('a', 'Pages').click());
+    inSidebar(() => cy.contains('a', 'Directory').click());
+    inGrid(() => cy.contains('a', 'Another Sub Directory').click());
+
+    cy.url().should(
+      'eq',
+      'http://localhost:8080/#/collections/pages/entries/directory/another-sub-directory/index',
+    );
+  });
+
+  it(`can create a new entry with custom path`, () => {
+    login();
+
+    inSidebar(() => cy.contains('a', 'Pages').click());
+    inSidebar(() => cy.contains('a', 'Directory').click());
+    inSidebar(() => cy.contains('a', 'Sub Directory').click());
+    cy.contains('a', 'New Page').click();
+
+    cy.get('[data-testid="field-Path"]').should('have.value', 'directory/sub-directory');
+    cy.get('[data-testid="field-Path"]').type('/new-path');
+    cy.get('[data-testid="field-Title"]').type('New Path Title');
+    cy.wait(150);
+    cy.contains('button', 'Save').click();
+    assertNotification(notifications.saved);
+    updateWorkflowStatusInEditor(editorStatus.ready);
+    publishEntryInEditor(publishTypes.publishNow);
+    exitEditor();
+
+    inGrid(() => cy.contains('a', 'New Path Title'));
+    inSidebar(() => cy.contains('a', 'Directory').click());
+    inSidebar(() => cy.contains('a', 'Directory').click());
+    inGrid(() => cy.contains('a', 'New Path Title').should('not.exist'));
+  });
+
+  it(`can't create an entry with an existing path`, () => {
+    login();
+
+    inSidebar(() => cy.contains('a', 'Pages').click());
+    inSidebar(() => cy.contains('a', 'Directory').click());
+    inSidebar(() => cy.contains('a', 'Sub Directory').click());
+
+    cy.contains('a', 'New Page').click();
+    cy.get('[data-testid="field-Title"]').type('New Path Title');
+    cy.wait(150);
+    cy.contains('button', 'Save').click();
+
+    assertFieldValidationError({
+      message: `Path 'directory/sub-directory' already exists`,
+      fieldLabel: 'Path',
+    });
+  });
+
+  it('can move an existing entry to a new path', () => {
+    login();
+
+    inSidebar(() => cy.contains('a', 'Pages').click());
+    inGrid(() => cy.contains('a', 'Directory').click());
+
+    cy.get('[data-testid="field-Path"]').should('have.value', 'directory');
+    cy.get('[data-testid="field-Path"]').clear();
+    cy.get('[data-testid="field-Path"]').type('new-directory');
+    cy.get('[data-testid="field-Title"]').clear();
+    cy.get('[data-testid="field-Title"]').type('New Directory');
+    cy.wait(150);
+    cy.contains('button', 'Save').click();
+    assertNotification(notifications.saved);
+    updateWorkflowStatusInEditor(editorStatus.ready);
+    publishEntryInEditor(publishTypes.publishNow);
+    exitEditor();
+
+    inSidebar(() => cy.contains('a', 'New Directory').click());
+
+    inGrid(() => cy.contains('a', 'Sub Directory'));
+    inGrid(() => cy.contains('a', 'Another Sub Directory'));
+  });
+});
diff --git a/cypress/e2e/simple_workflow_test_backend.spec.ts b/cypress/e2e/simple_workflow_test_backend.spec.ts
new file mode 100644
index 00000000..63de638e
--- /dev/null
+++ b/cypress/e2e/simple_workflow_test_backend.spec.ts
@@ -0,0 +1,28 @@
+import fixture from './common/simple_workflow';
+import * as specUtils from './common/spec_utils';
+
+import type { TaskResult } from '../interface';
+
+const backend = 'test';
+
+describe('Test Backend Simple Workflow', () => {
+  const taskResult: TaskResult = { data: {} };
+
+  before(() => {
+    specUtils.before(taskResult, { publish_mode: 'simple' }, backend);
+  });
+
+  after(() => {
+    specUtils.after(backend);
+  });
+
+  beforeEach(() => {
+    specUtils.beforeEach(backend);
+  });
+
+  afterEach(() => {
+    specUtils.afterEach(backend);
+  });
+
+  fixture();
+});
diff --git a/cypress/e2e/view_filters.spec.ts b/cypress/e2e/view_filters.spec.ts
new file mode 100644
index 00000000..70e3e969
--- /dev/null
+++ b/cypress/e2e/view_filters.spec.ts
@@ -0,0 +1,60 @@
+import { login } from '../utils/steps';
+
+const filter = (term: string) => {
+  cy.get('[data-testid="filter-by"]').click();
+  cy.get(`[data-testid="filter-by-option-${term}"]`).click();
+};
+
+const assertEntriesCount = (count: number) => {
+  cy.get('[class*=CMS_Entries_entry-listing-table-row]').should('have.length', count);
+};
+
+describe('View Filter', () => {
+  before(() => {
+    Cypress.config('defaultCommandTimeout', 4000);
+    cy.task('setupBackend', { backend: 'test' });
+  });
+
+  after(() => {
+    cy.task('teardownBackend', { backend: 'test' });
+  });
+
+  beforeEach(() => {
+    login();
+  });
+
+  it('can apply string filter', () => {
+    // enable filter
+    filter('Posts With Index');
+
+    assertEntriesCount(20);
+
+    // disable filter
+    filter('Posts With Index');
+  });
+
+  it('can apply boolean filter', () => {
+    // enable filter
+    filter('Drafts');
+
+    assertEntriesCount(10);
+
+    // disable filter
+    filter('Drafts');
+
+    assertEntriesCount(23);
+  });
+
+  it('can apply multiple filters', () => {
+    // enable filter
+    filter('Posts Without Index');
+
+    assertEntriesCount(3);
+
+    filter('Drafts');
+
+    assertEntriesCount(0);
+
+    cy.contains('div', 'No Entries');
+  });
+});
diff --git a/cypress/e2e/view_groups.spec.ts b/cypress/e2e/view_groups.spec.ts
new file mode 100644
index 00000000..83622c3f
--- /dev/null
+++ b/cypress/e2e/view_groups.spec.ts
@@ -0,0 +1,58 @@
+import { login } from '../utils/steps';
+
+const group = (term: string) => {
+  cy.get('[data-testid="group-by"]').click();
+  cy.get(`[data-testid="group-by-option-${term}"]`).click();
+};
+
+const assertGroupsCount = (count: number) => {
+  cy.get('[class*=CMS_Entries_group-button]').should('have.length', count);
+};
+
+const assertEachGroupCount = (name: string, count: number) => {
+  cy.get(`[data-testid="group-by-${name}"]`).click();
+  assertEntriesCount(count);
+};
+
+const assertEntriesCount = (count: number) => {
+  cy.get('[class*=CMS_Entries_entry-listing-table-row]').should('have.length', count);
+};
+
+describe('View Group', () => {
+  before(() => {
+    Cypress.config('defaultCommandTimeout', 4000);
+    cy.task('setupBackend', { backend: 'test' });
+  });
+
+  after(() => {
+    cy.task('teardownBackend', { backend: 'test' });
+  });
+
+  beforeEach(() => {
+    login();
+  });
+
+  it('can apply string group', () => {
+    // enable group
+    group('Year');
+
+    assertGroupsCount(2);
+    const year = new Date().getFullYear();
+    assertEachGroupCount(`Year ${year}`, 20);
+    assertEachGroupCount('Year 2015', 3);
+
+    //disable group
+    group('Year');
+
+    assertEntriesCount(23);
+
+    //enable group
+    group('Drafts');
+
+    assertGroupsCount(3);
+
+    assertEachGroupCount('Drafts', 10);
+    assertEachGroupCount('Not Drafts', 10);
+    assertEachGroupCount('Other', 3);
+  });
+});
diff --git a/cypress/fixtures/media/decap.png b/cypress/fixtures/media/decap.png
new file mode 100644
index 00000000..31d2f867
Binary files /dev/null and b/cypress/fixtures/media/decap.png differ
diff --git a/cypress/fixtures/media/netlify.png b/cypress/fixtures/media/netlify.png
new file mode 100644
index 00000000..13692e65
Binary files /dev/null and b/cypress/fixtures/media/netlify.png differ
diff --git a/cypress/interface.ts b/cypress/interface.ts
new file mode 100644
index 00000000..b248769e
--- /dev/null
+++ b/cypress/interface.ts
@@ -0,0 +1,55 @@
+import type { Config } from '@staticcms/core/interface';
+
+export interface TaskResult {
+  data: SetupBackendResponse;
+}
+
+export interface SetupBackendProps {
+  backend: string;
+  options: Partial<Config>;
+}
+
+export interface User {
+  email: string;
+  password: string;
+  netlifySiteURL?: string;
+}
+
+export type SetupBackendResponse = null | {
+  user?: User;
+};
+
+export interface SetupBackendTestProps {
+  backend: string;
+  testName: string;
+}
+
+export interface TeardownBackendTestProps {
+  backend: string;
+  testName: string;
+}
+
+export interface SeedRepoProps {
+  backend: string;
+}
+
+export interface TeardownBackendProps {
+  backend: string;
+}
+
+export interface Post {
+  Title: string;
+  Body: string;
+  Description: string;
+  Category: string;
+  Tags: string;
+}
+
+export interface Author {
+  name: string;
+  description: string;
+}
+
+export interface Authors {
+  authors: Author[];
+}
diff --git a/cypress/plugins/bitbucket.js b/cypress/plugins/bitbucket.js
new file mode 100644
index 00000000..dbcf7e1c
--- /dev/null
+++ b/cypress/plugins/bitbucket.js
@@ -0,0 +1,310 @@
+const fs = require('fs-extra');
+const fetch = require('node-fetch');
+const path = require('path');
+const { updateConfig } = require('../utils/config');
+const { escapeRegExp } = require('../utils/regexp');
+const {
+  getExpectationsFilename,
+  transformRecordedData: transformData,
+  getGitClient,
+} = require('./common');
+const { merge } = require('lodash');
+
+const BITBUCKET_REPO_OWNER_SANITIZED_VALUE = 'owner';
+const BITBUCKET_REPO_NAME_SANITIZED_VALUE = 'repo';
+const BITBUCKET_REPO_TOKEN_SANITIZED_VALUE = 'fakeToken';
+
+const FAKE_OWNER_USER = {
+  name: 'owner',
+  display_name: 'owner',
+  links: {
+    avatar: {
+      href: 'https://avatars1.githubusercontent.com/u/7892489?v=4',
+    },
+  },
+  nickname: 'owner',
+};
+
+async function getEnvs() {
+  const {
+    BITBUCKET_REPO_OWNER: owner,
+    BITBUCKET_REPO_NAME: repo,
+    BITBUCKET_OUATH_CONSUMER_KEY: consumerKey,
+    BITBUCKET_OUATH_CONSUMER_SECRET: consumerSecret,
+  } = process.env;
+  if (!owner || !repo || !consumerKey || !consumerSecret) {
+    throw new Error(
+      'Please set BITBUCKET_REPO_OWNER, BITBUCKET_REPO_NAME, BITBUCKET_OUATH_CONSUMER_KEY, BITBUCKET_OUATH_CONSUMER_SECRET environment variables',
+    );
+  }
+
+  const params = new URLSearchParams();
+  params.append('grant_type', 'client_credentials');
+
+  const { access_token: token } = await fetch(
+    `https://${consumerKey}:${consumerSecret}@bitbucket.org/site/oauth2/access_token`,
+    { method: 'POST', body: params },
+  ).then(r => r.json());
+
+  return { owner, repo, token };
+}
+
+const API_URL = 'https://api.bitbucket.org/2.0/';
+
+function get(token, path) {
+  return fetch(`${API_URL}${path}`, {
+    headers: {
+      'Content-Type': 'application/json',
+      Authorization: `Bearer ${token}`,
+    },
+  }).then(r => r.json());
+}
+
+function post(token, path, body) {
+  return fetch(`${API_URL}${path}`, {
+    method: 'POST',
+    ...(body ? { body } : {}),
+    headers: {
+      'Content-Type': 'application/json',
+      ...(body ? { 'Content-Type': 'application/json' } : {}),
+      Authorization: `Bearer ${token}`,
+    },
+  });
+}
+
+function del(token, path) {
+  return fetch(`${API_URL}${path}`, {
+    method: 'DELETE',
+    headers: {
+      'Content-Type': 'application/json',
+      Authorization: `Bearer ${token}`,
+    },
+  });
+}
+
+async function prepareTestBitBucketRepo({ lfs }) {
+  const { owner, repo, token } = await getEnvs();
+
+  // postfix a random string to avoid collisions
+  const postfix = Math.random().toString(32).slice(2);
+  const testRepoName = `${repo}-${Date.now()}-${postfix}`;
+
+  console.info('Creating repository', testRepoName, token);
+  const response = await post(
+    token,
+    `repositories/${owner}/${testRepoName}`,
+    JSON.stringify({ scm: 'git' }),
+  );
+  if (!response.ok) {
+    throw new Error(`Unable to create repository. ${response.statusText}`);
+  }
+
+  const tempDir = path.join('.temp', testRepoName);
+  await fs.remove(tempDir);
+  let git = getGitClient();
+
+  const repoUrl = `git@bitbucket.org:${owner}/${repo}.git`;
+
+  console.info('Cloning repository', repoUrl);
+  await git.clone(repoUrl, tempDir);
+  git = getGitClient(tempDir);
+
+  console.info('Pushing to new repository', testRepoName);
+
+  console.info('Updating remote...');
+  await git.removeRemote('origin');
+  await git.addRemote('origin', `git@bitbucket.org:${owner}/${testRepoName}`);
+
+  console.info('Pushing...');
+  await git.push(['-u', 'origin', 'main']);
+
+  console.info('Pushed to new repository', testRepoName);
+
+  if (lfs) {
+    console.info(`Enabling LFS for repo ${owner}/${repo}`);
+    await git.addConfig('commit.gpgsign', 'false');
+    await git.raw(['lfs', 'track', '*.png', '*.jpg']);
+    await git.add('.gitattributes');
+    await git.commit('chore: track images files under LFS');
+    await git.push('origin', 'main');
+  }
+
+  return { owner, repo: testRepoName, tempDir };
+}
+
+async function getUser() {
+  const { token } = await getEnvs();
+  const user = await get(token, 'user');
+  return { ...user, token, backendName: 'bitbucket' };
+}
+
+async function deleteRepositories({ owner, repo, tempDir }) {
+  const { token } = await getEnvs();
+
+  console.info('Deleting repository', `${owner}/${repo}`);
+  await fs.remove(tempDir);
+
+  await del(token, `repositories/${owner}/${repo}`);
+}
+
+async function resetOriginRepo({ owner, repo, tempDir }) {
+  console.info('Resetting origin repo:', `${owner}/${repo}`);
+
+  const { token } = await getEnvs();
+
+  const pullRequests = await get(token, `repositories/${owner}/${repo}/pullrequests`);
+  const ids = pullRequests.values.map(mr => mr.id);
+
+  console.info('Closing pull requests:', ids);
+  await Promise.all(
+    ids.map(id => post(token, `repositories/${owner}/${repo}/pullrequests/${id}/decline`)),
+  );
+  const branches = await get(token, `repositories/${owner}/${repo}/refs/branches`);
+  const toDelete = branches.values.filter(b => b.name !== 'main').map(b => b.name);
+
+  console.info('Deleting branches', toDelete);
+  await Promise.all(
+    toDelete.map(branch => del(token, `repositories/${owner}/${repo}/refs/branches/${branch}`)),
+  );
+
+  console.info('Resetting main');
+  const git = getGitClient(tempDir);
+  await git.push(['--force', 'origin', 'main']);
+  console.info('Done resetting origin repo:', `${owner}/${repo}`);
+}
+
+async function resetRepositories({ owner, repo, tempDir }) {
+  await resetOriginRepo({ owner, repo, tempDir });
+}
+
+async function setupBitBucket(options) {
+  const { lfs = false, ...rest } = options;
+
+  console.info('Running tests - live data will be used!');
+  const [user, repoData] = await Promise.all([getUser(), prepareTestBitBucketRepo({ lfs })]);
+
+  console.info('Updating config...');
+  await updateConfig(config => {
+    merge(config, rest, {
+      backend: {
+        repo: `${repoData.owner}/${repoData.repo}`,
+      },
+    });
+  });
+
+  return { ...repoData, user };
+}
+
+async function teardownBitBucket(taskData) {
+  await deleteRepositories(taskData);
+
+  return null;
+}
+
+async function setupBitBucketTest(taskData) {
+  await resetRepositories(taskData);
+
+  return null;
+}
+
+const sanitizeString = (str, { owner, repo, token, ownerName }) => {
+  let replaced = str
+    .replace(new RegExp(escapeRegExp(owner), 'g'), BITBUCKET_REPO_OWNER_SANITIZED_VALUE)
+    .replace(new RegExp(escapeRegExp(repo), 'g'), BITBUCKET_REPO_NAME_SANITIZED_VALUE)
+    .replace(new RegExp(escapeRegExp(token), 'g'), BITBUCKET_REPO_TOKEN_SANITIZED_VALUE)
+    .replace(
+      new RegExp('https://secure.gravatar.+?/u/.+?v=\\d', 'g'),
+      `${FAKE_OWNER_USER.links.avatar.href}`,
+    )
+    .replace(new RegExp(/\?token=.+?&/g), 'token=fakeToken&')
+    .replace(new RegExp(/&client=.+?&/g), 'client=fakeClient&');
+
+  if (ownerName) {
+    replaced = replaced.replace(
+      new RegExp(escapeRegExp(ownerName), 'g'),
+      FAKE_OWNER_USER.display_name,
+    );
+  }
+
+  return replaced;
+};
+
+const transformRecordedData = (expectation, toSanitize) => {
+  const requestBodySanitizer = httpRequest => {
+    let body;
+    if (httpRequest.body && httpRequest.body.type === 'JSON' && httpRequest.body.json) {
+      const bodyObject = JSON.parse(httpRequest.body.json);
+      if (bodyObject.encoding === 'base64') {
+        // sanitize encoded data
+        const decodedBody = Buffer.from(bodyObject.content, 'base64').toString('binary');
+        const sanitizedContent = sanitizeString(decodedBody, toSanitize);
+        const sanitizedEncodedContent = Buffer.from(sanitizedContent, 'binary').toString('base64');
+        bodyObject.content = sanitizedEncodedContent;
+        body = JSON.stringify(bodyObject);
+      } else {
+        body = httpRequest.body.json;
+      }
+    } else if (httpRequest.body && httpRequest.body.type === 'STRING' && httpRequest.body.string) {
+      body = httpRequest.body.string;
+    } else if (
+      httpRequest.body &&
+      httpRequest.body.type === 'BINARY' &&
+      httpRequest.body.base64Bytes
+    ) {
+      body = {
+        encoding: 'base64',
+        content: httpRequest.body.base64Bytes,
+        contentType: httpRequest.body.contentType,
+      };
+    }
+    return body;
+  };
+
+  const responseBodySanitizer = (httpRequest, httpResponse) => {
+    let responseBody = null;
+    if (httpResponse.body && httpResponse.body.string) {
+      responseBody = httpResponse.body.string;
+    } else if (
+      httpResponse.body &&
+      httpResponse.body.type === 'BINARY' &&
+      httpResponse.body.base64Bytes
+    ) {
+      responseBody = {
+        encoding: 'base64',
+        content: httpResponse.body.base64Bytes,
+      };
+    } else if (httpResponse.body) {
+      if (httpResponse.body && httpResponse.body.type === 'JSON' && httpResponse.body.json) {
+        responseBody = JSON.stringify(httpResponse.body.json);
+      } else {
+        responseBody = httpResponse.body;
+      }
+    }
+
+    // replace recorded user with fake one
+    if (
+      responseBody &&
+      httpRequest.path === '/2.0/user' &&
+      httpRequest.headers.host.includes('api.bitbucket.org')
+    ) {
+      responseBody = JSON.stringify(FAKE_OWNER_USER);
+    }
+
+    return responseBody;
+  };
+
+  return transformData(expectation, requestBodySanitizer, responseBodySanitizer);
+};
+
+async function teardownBitBucketTest(taskData) {
+  await resetRepositories(taskData);
+
+  return null;
+}
+
+module.exports = {
+  setupBitBucket,
+  teardownBitBucket,
+  setupBitBucketTest,
+  teardownBitBucketTest,
+};
diff --git a/cypress/plugins/common.js b/cypress/plugins/common.js
new file mode 100644
index 00000000..d3f5c5b9
--- /dev/null
+++ b/cypress/plugins/common.js
@@ -0,0 +1,80 @@
+const path = require('path');
+const { default: simpleGit } = require('simple-git');
+
+const GIT_SSH_COMMAND = 'ssh -o UserKnownHostsFile=/dev/null -o StrictHostKeyChecking=no';
+const GIT_SSL_NO_VERIFY = true;
+
+const getExpectationsFilename = taskData => {
+  const { spec, testName } = taskData;
+  const basename = `${spec}__${testName}`;
+  const fixtures = path.join(__dirname, '..', 'fixtures');
+  const filename = path.join(fixtures, `${basename}.json`);
+
+  return filename;
+};
+
+const HEADERS_TO_IGNORE = [
+  'Date',
+  'X-RateLimit-Remaining',
+  'X-RateLimit-Reset',
+  'ETag',
+  'Last-Modified',
+  'X-GitHub-Request-Id',
+  'X-NF-Request-ID',
+  'X-Request-Id',
+  'X-Runtime',
+  'RateLimit-Limit',
+  'RateLimit-Observed',
+  'RateLimit-Remaining',
+  'RateLimit-Reset',
+  'RateLimit-ResetTime',
+  'GitLab-LB',
+].map(h => h.toLowerCase());
+
+const transformRecordedData = (expectation, requestBodySanitizer, responseBodySanitizer) => {
+  const { httpRequest, httpResponse } = expectation;
+
+  const responseHeaders = {
+    'Content-Type': 'application/json; charset=utf-8',
+  };
+
+  Object.keys(httpResponse.headers)
+    .filter(key => !HEADERS_TO_IGNORE.includes(key.toLowerCase()))
+    .forEach(key => {
+      responseHeaders[key] = httpResponse.headers[key][0];
+    });
+
+  let queryString;
+  if (httpRequest.queryStringParameters) {
+    const { queryStringParameters } = httpRequest;
+
+    queryString = Object.keys(queryStringParameters)
+      .map(key => `${key}=${queryStringParameters[key]}`)
+      .join('&');
+  }
+
+  const body = requestBodySanitizer(httpRequest);
+  const responseBody = responseBodySanitizer(httpRequest, httpResponse);
+
+  const cypressRouteOptions = {
+    body,
+    method: httpRequest.method,
+    url: queryString ? `${httpRequest.path}?${queryString}` : httpRequest.path,
+    headers: responseHeaders,
+    response: responseBody,
+    status: httpResponse.statusCode,
+  };
+
+  return cypressRouteOptions;
+};
+
+function getGitClient(repoDir) {
+  const git = simpleGit(repoDir).env({ ...process.env, GIT_SSH_COMMAND, GIT_SSL_NO_VERIFY });
+  return git;
+}
+
+module.exports = {
+  getExpectationsFilename,
+  transformRecordedData,
+  getGitClient,
+};
diff --git a/cypress/plugins/gitGateway.js b/cypress/plugins/gitGateway.js
new file mode 100644
index 00000000..ec1ea747
--- /dev/null
+++ b/cypress/plugins/gitGateway.js
@@ -0,0 +1,284 @@
+const fetch = require('node-fetch');
+const {
+  transformRecordedData: transformGitHub,
+  setupGitHub,
+  teardownGitHub,
+  setupGitHubTest,
+  teardownGitHubTest,
+} = require('./github');
+const {
+  transformRecordedData: transformGitLab,
+  setupGitLab,
+  teardownGitLab,
+  setupGitLabTest,
+  teardownGitLabTest,
+} = require('./gitlab');
+const { getGitClient } = require('./common');
+
+function getEnvs() {
+  const {
+    NETLIFY_API_TOKEN: netlifyApiToken,
+    GITHUB_REPO_TOKEN: githubToken,
+    GITLAB_REPO_TOKEN: gitlabToken,
+    NETLIFY_INSTALLATION_ID: installationId,
+  } = process.env;
+  if (!netlifyApiToken) {
+    throw new Error(
+      'Please set NETLIFY_API_TOKEN, GITHUB_REPO_TOKEN, GITLAB_REPO_TOKEN, NETLIFY_INSTALLATION_ID  environment variables',
+    );
+  }
+  return { netlifyApiToken, githubToken, gitlabToken, installationId };
+}
+
+const apiRoot = 'https://api.netlify.com/api/v1/';
+
+async function get(netlifyApiToken, path) {
+  const response = await fetch(`${apiRoot}${path}`, {
+    headers: {
+      'Content-Type': 'application/json',
+      Authorization: `Bearer ${netlifyApiToken}`,
+    },
+  }).then(res => res.json());
+
+  return response;
+}
+
+async function post(netlifyApiToken, path, payload) {
+  const response = await fetch(`${apiRoot}${path}`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+      Authorization: `Bearer ${netlifyApiToken}`,
+    },
+    ...(payload ? { body: JSON.stringify(payload) } : {}),
+  }).then(res => res.json());
+
+  return response;
+}
+
+async function del(netlifyApiToken, path) {
+  const response = await fetch(`${apiRoot}${path}`, {
+    method: 'DELETE',
+    headers: {
+      'Content-Type': 'application/json',
+      Authorization: `Bearer ${netlifyApiToken}`,
+    },
+  }).then(res => res.text());
+
+  return response;
+}
+
+async function createSite(netlifyApiToken, payload) {
+  return post(netlifyApiToken, 'sites', payload);
+}
+
+async function enableIdentity(netlifyApiToken, siteId) {
+  return post(netlifyApiToken, `sites/${siteId}/identity`, {});
+}
+
+async function enableGitGateway(netlifyApiToken, siteId, provider, token, repo) {
+  return post(netlifyApiToken, `sites/${siteId}/services/git/instances`, {
+    [provider]: {
+      repo,
+      access_token: token,
+    },
+  });
+}
+
+async function enableLargeMedia(netlifyApiToken, siteId) {
+  return post(netlifyApiToken, `sites/${siteId}/services/large-media/instances`, {});
+}
+
+async function waitForDeploys(netlifyApiToken, siteId) {
+  for (let i = 0; i < 10; i++) {
+    const deploys = await get(netlifyApiToken, `sites/${siteId}/deploys`);
+    if (deploys.some(deploy => deploy.state === 'ready')) {
+      console.info('Deploy finished for site:', siteId);
+      return;
+    }
+    console.info('Waiting on deploy of site:', siteId);
+    await new Promise(resolve => setTimeout(resolve, 30 * 1000));
+  }
+  console.info('Timed out waiting on deploy of site:', siteId);
+}
+
+async function createUser(netlifyApiToken, siteUrl, email, password) {
+  const response = await fetch(`${siteUrl}/.netlify/functions/create-user`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+      Authorization: `Bearer ${netlifyApiToken}`,
+    },
+    body: JSON.stringify({ email, password }),
+  });
+
+  if (response.ok) {
+    console.info('User created successfully');
+  } else {
+    throw new Error('Failed to create user');
+  }
+}
+
+const netlifySiteURL = 'https://fake-site-url.netlify.com/';
+const email = 'static@p-m.si';
+const password = '12345678';
+const backendName = 'git-gateway';
+
+const methods = {
+  github: {
+    setup: setupGitHub,
+    teardown: teardownGitHub,
+    setupTest: setupGitHubTest,
+    teardownTest: teardownGitHubTest,
+    transformData: transformGitHub,
+    createSite: (netlifyApiToken, result) => {
+      const { installationId } = getEnvs();
+      return createSite(netlifyApiToken, {
+        repo: {
+          provider: 'github',
+          installation_id: installationId,
+          repo: `${result.owner}/${result.repo}`,
+        },
+      });
+    },
+    token: () => getEnvs().githubToken,
+  },
+  gitlab: {
+    setup: setupGitLab,
+    teardown: teardownGitLab,
+    setupTest: setupGitLabTest,
+    teardownTest: teardownGitLabTest,
+    transformData: transformGitLab,
+    createSite: async (netlifyApiToken, result) => {
+      const { id, public_key } = await post(netlifyApiToken, 'deploy_keys');
+      const { gitlabToken } = getEnvs();
+      const project = `${result.owner}/${result.repo}`;
+      await fetch(`https://gitlab.com/api/v4/projects/${encodeURIComponent(project)}/deploy_keys`, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          Authorization: `Bearer ${gitlabToken}`,
+        },
+        body: JSON.stringify({ title: 'Netlify Deploy Key', key: public_key, can_push: false }),
+      }).then(res => res.json());
+
+      const site = await createSite(netlifyApiToken, {
+        account_slug: result.owner,
+        repo: {
+          provider: 'gitlab',
+          repo: `${result.owner}/${result.repo}`,
+          deploy_key_id: id,
+        },
+      });
+
+      await fetch(`https://gitlab.com/api/v4/projects/${encodeURIComponent(project)}/hooks`, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          Authorization: `Bearer ${gitlabToken}`,
+        },
+        body: JSON.stringify({
+          url: 'https://api.netlify.com/hooks/gitlab',
+          push_events: true,
+          merge_requests_events: true,
+          enable_ssl_verification: true,
+        }),
+      }).then(res => res.json());
+
+      return site;
+    },
+    token: () => getEnvs().gitlabToken,
+  },
+};
+
+async function setupGitGateway(options) {
+  const { provider, ...rest } = options;
+  const result = await methods[provider].setup(rest);
+
+  const { netlifyApiToken } = getEnvs();
+
+  console.info(`Creating Netlify Site for provider: ${provider}`);
+  let site_id, ssl_url;
+  try {
+    ({ site_id, ssl_url } = await methods[provider].createSite(netlifyApiToken, result));
+  } catch (e) {
+    console.error(e);
+    throw e;
+  }
+
+  console.info('Enabling identity for site:', site_id);
+  await enableIdentity(netlifyApiToken, site_id);
+
+  console.info('Enabling git gateway for site:', site_id);
+  const token = methods[provider].token();
+  await enableGitGateway(
+    netlifyApiToken,
+    site_id,
+    provider,
+    token,
+    `${result.owner}/${result.repo}`,
+  );
+
+  console.info('Enabling large media for site:', site_id);
+  await enableLargeMedia(netlifyApiToken, site_id);
+
+  const git = getGitClient(result.tempDir);
+  await git.raw([
+    'config',
+    '-f',
+    '.lfsconfig',
+    'lfs.url',
+    `https://${site_id}.netlify.com/.netlify/large-media`,
+  ]);
+  await git.addConfig('commit.gpgsign', 'false');
+  await git.add('.lfsconfig');
+  await git.commit('add .lfsconfig');
+  await git.push('origin', 'main');
+
+  await waitForDeploys(netlifyApiToken, site_id);
+  console.info('Creating user for site:', site_id, 'with email:', email);
+
+  try {
+    await createUser(netlifyApiToken, ssl_url, email, password);
+  } catch (e) {
+    console.error(e);
+  }
+
+  return {
+    ...result,
+    user: {
+      ...result.user,
+      backendName,
+      netlifySiteURL: ssl_url,
+      email,
+      password,
+    },
+    site_id,
+    ssl_url,
+    provider,
+  };
+}
+
+async function teardownGitGateway(taskData) {
+  const { netlifyApiToken } = getEnvs();
+  const { site_id } = taskData;
+  console.info('Deleting Netlify site:', site_id);
+  await del(netlifyApiToken, `sites/${site_id}`);
+
+  return methods[taskData.provider].teardown(taskData);
+}
+
+async function setupGitGatewayTest(taskData) {
+  return methods[taskData.provider].setupTest(taskData);
+}
+
+async function teardownGitGatewayTest(taskData) {
+  return methods[taskData.provider].teardownTest(taskData, {});
+}
+
+module.exports = {
+  setupGitGateway,
+  teardownGitGateway,
+  setupGitGatewayTest,
+  teardownGitGatewayTest,
+};
diff --git a/cypress/plugins/github.js b/cypress/plugins/github.js
new file mode 100644
index 00000000..de81aed8
--- /dev/null
+++ b/cypress/plugins/github.js
@@ -0,0 +1,426 @@
+const { Octokit } = require('@octokit/rest');
+const fs = require('fs-extra');
+const path = require('path');
+const {
+  getExpectationsFilename,
+  transformRecordedData: transformData,
+  getGitClient,
+} = require('./common');
+const { updateConfig } = require('../utils/config');
+const { escapeRegExp } = require('../utils/regexp');
+const { merge } = require('lodash');
+
+const GITHUB_REPO_OWNER_SANITIZED_VALUE = 'owner';
+const GITHUB_REPO_NAME_SANITIZED_VALUE = 'repo';
+const GITHUB_REPO_TOKEN_SANITIZED_VALUE = 'fakeToken';
+const GITHUB_OPEN_AUTHORING_OWNER_SANITIZED_VALUE = 'forkOwner';
+const GITHUB_OPEN_AUTHORING_TOKEN_SANITIZED_VALUE = 'fakeForkToken';
+
+const FAKE_OWNER_USER = {
+  login: 'owner',
+  id: 1,
+  avatar_url: 'https://avatars1.githubusercontent.com/u/7892489?v=4',
+  name: 'owner',
+};
+
+const FAKE_FORK_OWNER_USER = {
+  login: 'forkOwner',
+  id: 2,
+  avatar_url: 'https://avatars1.githubusercontent.com/u/9919?s=200&v=4',
+  name: 'forkOwner',
+};
+
+function getGitHubClient(token) {
+  const client = new Octokit({
+    auth: `token ${token}`,
+    baseUrl: 'https://api.github.com',
+  });
+  return client;
+}
+
+function getEnvs() {
+  const {
+    GITHUB_REPO_OWNER: owner,
+    GITHUB_REPO_NAME: repo,
+    GITHUB_REPO_TOKEN: token,
+    GITHUB_OPEN_AUTHORING_OWNER: forkOwner,
+    GITHUB_OPEN_AUTHORING_TOKEN: forkToken,
+  } = process.env;
+  if (!owner || !repo || !token || !forkOwner || !forkToken) {
+    throw new Error(
+      'Please set GITHUB_REPO_OWNER, GITHUB_REPO_NAME, GITHUB_REPO_TOKEN, GITHUB_OPEN_AUTHORING_OWNER, GITHUB_OPEN_AUTHORING_TOKEN  environment variables',
+    );
+  }
+  return { owner, repo, token, forkOwner, forkToken };
+}
+
+async function prepareTestGitHubRepo() {
+  const { owner, repo, token } = getEnvs();
+
+  // postfix a random string to avoid collisions
+  const postfix = Math.random().toString(32).slice(2);
+  const testRepoName = `${repo}-${Date.now()}-${postfix}`;
+
+  const client = getGitHubClient(token);
+
+  console.info('Creating repository', testRepoName);
+  await client.repos.createForAuthenticatedUser({
+    name: testRepoName,
+  });
+
+  const tempDir = path.join('.temp', testRepoName);
+  await fs.remove(tempDir);
+  let git = getGitClient();
+
+  const repoUrl = `git@github.com:${owner}/${repo}.git`;
+
+  console.info('Cloning repository', repoUrl);
+  await git.clone(repoUrl, tempDir);
+  git = getGitClient(tempDir);
+
+  console.info('Pushing to new repository', testRepoName);
+
+  await git.removeRemote('origin');
+  await git.addRemote(
+    'origin',
+    `https://${token}:x-oauth-basic@github.com/${owner}/${testRepoName}`,
+  );
+  await git.push(['-u', 'origin', 'main']);
+
+  return { owner, repo: testRepoName, tempDir };
+}
+
+async function getAuthenticatedUser(token) {
+  const client = getGitHubClient(token);
+  const { data: user } = await client.users.getAuthenticated();
+  return { ...user, token, backendName: 'github' };
+}
+
+async function getUser() {
+  const { token } = getEnvs();
+  return getAuthenticatedUser(token);
+}
+
+async function getForkUser() {
+  const { forkToken } = getEnvs();
+  return getAuthenticatedUser(forkToken);
+}
+
+async function deleteRepositories({ owner, repo, tempDir }) {
+  const { forkOwner, token, forkToken } = getEnvs();
+
+  const errorHandler = e => {
+    if (e.status !== 404) {
+      throw e;
+    }
+  };
+
+  console.info('Deleting repository', `${owner}/${repo}`);
+  await fs.remove(tempDir);
+
+  let client = getGitHubClient(token);
+  await client.repos
+    .delete({
+      owner,
+      repo,
+    })
+    .catch(errorHandler);
+
+  console.info('Deleting forked repository', `${forkOwner}/${repo}`);
+  client = getGitHubClient(forkToken);
+  await client.repos
+    .delete({
+      owner: forkOwner,
+      repo,
+    })
+    .catch(errorHandler);
+}
+
+async function batchRequests(items, batchSize, func) {
+  while (items.length > 0) {
+    const batch = items.splice(0, batchSize);
+    await Promise.all(batch.map(func));
+    await new Promise(resolve => setTimeout(resolve, 2500));
+  }
+}
+
+async function resetOriginRepo({ owner, repo, tempDir }) {
+  console.info('Resetting origin repo:', `${owner}/${repo}`);
+  const { token } = getEnvs();
+  const client = getGitHubClient(token);
+
+  const { data: prs } = await client.pulls.list({
+    repo,
+    owner,
+    state: 'open',
+  });
+  const numbers = prs.map(pr => pr.number);
+  console.info('Closing prs:', numbers);
+
+  await batchRequests(numbers, 10, async pull_number => {
+    await client.pulls.update({
+      owner,
+      repo,
+      pull_number,
+      state: 'closed',
+    });
+  });
+
+  const { data: branches } = await client.repos.listBranches({ owner, repo });
+  const refs = branches.filter(b => b.name !== 'main').map(b => `heads/${b.name}`);
+
+  console.info('Deleting refs', refs);
+
+  await batchRequests(refs, 10, async ref => {
+    await client.git.deleteRef({
+      owner,
+      repo,
+      ref,
+    });
+  });
+
+  console.info('Resetting main');
+  const git = getGitClient(tempDir);
+  await git.push(['--force', 'origin', 'main']);
+  console.info('Done resetting origin repo:', `${owner}/${repo}`);
+}
+
+async function resetForkedRepo({ repo }) {
+  const { forkToken, forkOwner } = getEnvs();
+  const client = getGitHubClient(forkToken);
+
+  const { data: repos } = await client.repos.list();
+  if (repos.some(r => r.name === repo)) {
+    console.info('Resetting forked repo:', `${forkOwner}/${repo}`);
+    const { data: branches } = await client.repos.listBranches({ owner: forkOwner, repo });
+    const refs = branches.filter(b => b.name !== 'main').map(b => `heads/${b.name}`);
+
+    console.info('Deleting refs', refs);
+    await Promise.all(
+      refs.map(ref =>
+        client.git.deleteRef({
+          owner: forkOwner,
+          repo,
+          ref,
+        }),
+      ),
+    );
+    console.info('Done resetting forked repo:', `${forkOwner}/${repo}`);
+  }
+}
+
+async function resetRepositories({ owner, repo, tempDir }) {
+  await resetOriginRepo({ owner, repo, tempDir });
+  await resetForkedRepo({ repo });
+}
+
+async function setupGitHub(options) {
+  console.info('Running tests - live data will be used!');
+  const [user, forkUser, repoData] = await Promise.all([
+    getUser(),
+    getForkUser(),
+    prepareTestGitHubRepo(),
+  ]);
+
+  await updateConfig(config => {
+    merge(config, options, {
+      backend: {
+        repo: `${repoData.owner}/${repoData.repo}`,
+      },
+    });
+  });
+
+  return { ...repoData, user, forkUser };
+}
+
+async function teardownGitHub(taskData) {
+  await deleteRepositories(taskData);
+
+  return null;
+}
+
+async function setupGitHubTest(taskData) {
+  await resetRepositories(taskData);
+
+  return null;
+}
+
+const sanitizeString = (
+  str,
+  { owner, repo, token, forkOwner, forkToken, ownerName, forkOwnerName },
+) => {
+  let replaced = str
+    .replace(new RegExp(escapeRegExp(forkOwner), 'g'), GITHUB_OPEN_AUTHORING_OWNER_SANITIZED_VALUE)
+    .replace(new RegExp(escapeRegExp(forkToken), 'g'), GITHUB_OPEN_AUTHORING_TOKEN_SANITIZED_VALUE)
+    .replace(new RegExp(escapeRegExp(owner), 'g'), GITHUB_REPO_OWNER_SANITIZED_VALUE)
+    .replace(new RegExp(escapeRegExp(repo), 'g'), GITHUB_REPO_NAME_SANITIZED_VALUE)
+    .replace(new RegExp(escapeRegExp(token), 'g'), GITHUB_REPO_TOKEN_SANITIZED_VALUE)
+    .replace(
+      new RegExp('https://avatars\\d+\\.githubusercontent\\.com/u/\\d+?\\?v=\\d', 'g'),
+      `${FAKE_OWNER_USER.avatar_url}`,
+    );
+
+  if (ownerName) {
+    replaced = replaced.replace(new RegExp(escapeRegExp(ownerName), 'g'), FAKE_OWNER_USER.name);
+  }
+
+  if (forkOwnerName) {
+    replaced = replaced.replace(
+      new RegExp(escapeRegExp(forkOwnerName), 'g'),
+      FAKE_FORK_OWNER_USER.name,
+    );
+  }
+
+  return replaced;
+};
+
+const transformRecordedData = (expectation, toSanitize) => {
+  const requestBodySanitizer = httpRequest => {
+    let body;
+    if (httpRequest.body && httpRequest.body.type === 'JSON' && httpRequest.body.json) {
+      const bodyObject =
+        typeof httpRequest.body.json === 'string'
+          ? JSON.parse(httpRequest.body.json)
+          : httpRequest.body.json;
+
+      if (bodyObject.encoding === 'base64') {
+        // sanitize encoded data
+        const decodedBody = Buffer.from(bodyObject.content, 'base64').toString('binary');
+        const sanitizedContent = sanitizeString(decodedBody, toSanitize);
+        const sanitizedEncodedContent = Buffer.from(sanitizedContent, 'binary').toString('base64');
+        bodyObject.content = sanitizedEncodedContent;
+        body = JSON.stringify(bodyObject);
+      } else {
+        body = JSON.stringify(bodyObject);
+      }
+    } else if (httpRequest.body && httpRequest.body.type === 'STRING' && httpRequest.body.string) {
+      body = httpRequest.body.string;
+    } else if (httpRequest.body) {
+      const str =
+        typeof httpRequest.body !== 'string' ? JSON.stringify(httpRequest.body) : httpRequest.body;
+      body = sanitizeString(str, toSanitize);
+    }
+    return body;
+  };
+
+  const responseBodySanitizer = (httpRequest, httpResponse) => {
+    let responseBody = null;
+    if (httpResponse.body && httpResponse.body.string) {
+      responseBody = httpResponse.body.string;
+    } else if (
+      httpResponse.body &&
+      httpResponse.body.type === 'BINARY' &&
+      httpResponse.body.base64Bytes
+    ) {
+      responseBody = {
+        encoding: 'base64',
+        content: httpResponse.body.base64Bytes,
+      };
+    } else if (httpResponse.body && httpResponse.body.json) {
+      responseBody = JSON.stringify(httpResponse.body.json);
+    } else {
+      responseBody =
+        typeof httpResponse.body === 'string'
+          ? httpResponse.body
+          : httpResponse.body && JSON.stringify(httpResponse.body);
+    }
+
+    // replace recorded user with fake one
+    if (
+      responseBody &&
+      httpRequest.path === '/user' &&
+      httpRequest.headers.host.includes('api.github.com')
+    ) {
+      const parsed = JSON.parse(responseBody);
+      if (parsed.login === toSanitize.forkOwner) {
+        responseBody = JSON.stringify(FAKE_FORK_OWNER_USER);
+      } else {
+        responseBody = JSON.stringify(FAKE_OWNER_USER);
+      }
+    }
+    return responseBody;
+  };
+
+  const cypressRouteOptions = transformData(
+    expectation,
+    requestBodySanitizer,
+    responseBodySanitizer,
+  );
+
+  return cypressRouteOptions;
+};
+
+const defaultOptions = {
+  transformRecordedData,
+};
+
+async function teardownGitHubTest(taskData, { transformRecordedData } = defaultOptions) {
+  await resetRepositories(taskData);
+
+  return null;
+}
+
+async function seedGitHubRepo(taskData) {
+  const { owner, token } = getEnvs();
+
+  const client = getGitHubClient(token);
+  const repo = taskData.repo;
+
+  try {
+    console.info('Getting main branch');
+    const { data: main } = await client.repos.getBranch({
+      owner,
+      repo,
+      branch: 'main',
+    });
+
+    const prCount = 120;
+    const prs = new Array(prCount).fill(0).map((v, i) => i);
+    const batchSize = 5;
+    await batchRequests(prs, batchSize, async i => {
+      const branch = `seed_branch_${i}`;
+      console.info(`Creating branch ${branch}`);
+      await client.git.createRef({
+        owner,
+        repo,
+        ref: `refs/heads/${branch}`,
+        sha: main.commit.sha,
+      });
+
+      const path = `seed/file_${i}`;
+      console.info(`Creating file ${path}`);
+      await client.repos.createOrUpdateFile({
+        owner,
+        repo,
+        branch,
+        content: Buffer.from(`Seed File ${i}`).toString('base64'),
+        message: `Create seed file ${i}`,
+        path,
+      });
+
+      const title = `Non CMS Pull Request ${i}`;
+      console.info(`Creating PR ${title}`);
+      await client.pulls.create({
+        owner,
+        repo,
+        base: 'main',
+        head: branch,
+        title,
+      });
+    });
+  } catch (e) {
+    console.error(e);
+    throw e;
+  }
+
+  return null;
+}
+
+module.exports = {
+  transformRecordedData,
+  setupGitHub,
+  teardownGitHub,
+  setupGitHubTest,
+  teardownGitHubTest,
+  seedGitHubRepo,
+};
diff --git a/cypress/plugins/gitlab.js b/cypress/plugins/gitlab.js
new file mode 100644
index 00000000..c650a335
--- /dev/null
+++ b/cypress/plugins/gitlab.js
@@ -0,0 +1,275 @@
+const { Gitlab } = require('gitlab');
+const fs = require('fs-extra');
+const path = require('path');
+const { updateConfig } = require('../utils/config');
+const { escapeRegExp } = require('../utils/regexp');
+const {
+  getExpectationsFilename,
+  transformRecordedData: transformData,
+  getGitClient,
+} = require('./common');
+const { merge } = require('lodash');
+
+const GITLAB_REPO_OWNER_SANITIZED_VALUE = 'owner';
+const GITLAB_REPO_NAME_SANITIZED_VALUE = 'repo';
+const GITLAB_REPO_TOKEN_SANITIZED_VALUE = 'fakeToken';
+
+const FAKE_OWNER_USER = {
+  id: 1,
+  name: 'owner',
+  username: 'owner',
+  avatar_url: 'https://avatars1.githubusercontent.com/u/7892489?v=4',
+  email: 'owner@email.com',
+  login: 'owner',
+};
+
+function getGitLabClient(token) {
+  const client = new Gitlab({
+    token,
+  });
+
+  return client;
+}
+
+function getEnvs() {
+  const {
+    GITLAB_REPO_OWNER: owner,
+    GITLAB_REPO_NAME: repo,
+    GITLAB_REPO_TOKEN: token,
+  } = process.env;
+  if (!owner || !repo || !token) {
+    throw new Error(
+      'Please set GITLAB_REPO_OWNER, GITLAB_REPO_NAME, GITLAB_REPO_TOKEN environment variables',
+    );
+  }
+  return { owner, repo, token };
+}
+
+async function prepareTestGitLabRepo() {
+  const { owner, repo, token } = getEnvs();
+
+  // postfix a random string to avoid collisions
+  const postfix = Math.random().toString(32).slice(2);
+  const testRepoName = `${repo}-${Date.now()}-${postfix}`;
+
+  const client = getGitLabClient(token);
+
+  console.info('Creating repository', testRepoName);
+  await client.Projects.create({
+    name: testRepoName,
+    lfs_enabled: false,
+  });
+
+  const tempDir = path.join('.temp', testRepoName);
+  await fs.remove(tempDir);
+  let git = getGitClient();
+
+  const repoUrl = `git@gitlab.com:${owner}/${repo}.git`;
+
+  console.info('Cloning repository', repoUrl);
+  await git.clone(repoUrl, tempDir);
+  git = getGitClient(tempDir);
+
+  console.info('Pushing to new repository', testRepoName);
+
+  await git.removeRemote('origin');
+  await git.addRemote('origin', `https://oauth2:${token}@gitlab.com/${owner}/${testRepoName}`);
+  await git.push(['-u', 'origin', 'main']);
+
+  await client.ProtectedBranches.unprotect(`${owner}/${testRepoName}`, 'main');
+
+  return { owner, repo: testRepoName, tempDir };
+}
+
+async function getAuthenticatedUser(token) {
+  const client = getGitLabClient(token);
+  const user = await client.Users.current();
+  return { ...user, token, backendName: 'gitlab' };
+}
+
+async function getUser() {
+  const { token } = getEnvs();
+  return getAuthenticatedUser(token);
+}
+
+async function deleteRepositories({ owner, repo, tempDir }) {
+  const { token } = getEnvs();
+
+  const errorHandler = e => {
+    if (e.status !== 404) {
+      throw e;
+    }
+  };
+
+  console.info('Deleting repository', `${owner}/${repo}`);
+  await fs.remove(tempDir);
+
+  const client = getGitLabClient(token);
+  await client.Projects.remove(`${owner}/${repo}`).catch(errorHandler);
+}
+
+async function resetOriginRepo({ owner, repo, tempDir }) {
+  console.info('Resetting origin repo:', `${owner}/${repo}`);
+
+  const { token } = getEnvs();
+  const client = getGitLabClient(token);
+
+  const projectId = `${owner}/${repo}`;
+  const mergeRequests = await client.MergeRequests.all({
+    projectId,
+    state: 'opened',
+  });
+  const ids = mergeRequests.map(mr => mr.iid);
+  console.info('Closing merge requests:', ids);
+  await Promise.all(
+    ids.map(id => client.MergeRequests.edit(projectId, id, { state_event: 'close' })),
+  );
+  const branches = await client.Branches.all(projectId);
+  const toDelete = branches.filter(b => b.name !== 'main').map(b => b.name);
+
+  console.info('Deleting branches', toDelete);
+  await Promise.all(toDelete.map(branch => client.Branches.remove(projectId, branch)));
+
+  console.info('Resetting main');
+  const git = getGitClient(tempDir);
+  await git.push(['--force', 'origin', 'main']);
+  console.info('Done resetting origin repo:', `${owner}/${repo}`);
+}
+
+async function resetRepositories({ owner, repo, tempDir }) {
+  await resetOriginRepo({ owner, repo, tempDir });
+}
+
+async function setupGitLab(options) {
+  console.info('Running tests - live data will be used!');
+  const [user, repoData] = await Promise.all([getUser(), prepareTestGitLabRepo()]);
+
+  await updateConfig(config => {
+    merge(config, options, {
+      backend: {
+        repo: `${repoData.owner}/${repoData.repo}`,
+      },
+    });
+  });
+
+  return { ...repoData, user };
+}
+
+async function teardownGitLab(taskData) {
+  await deleteRepositories(taskData);
+
+  return null;
+}
+
+async function setupGitLabTest(taskData) {
+  await resetRepositories(taskData);
+
+  return null;
+}
+
+const sanitizeString = (str, { owner, repo, token, ownerName }) => {
+  let replaced = str
+    .replace(new RegExp(escapeRegExp(owner), 'g'), GITLAB_REPO_OWNER_SANITIZED_VALUE)
+    .replace(new RegExp(escapeRegExp(repo), 'g'), GITLAB_REPO_NAME_SANITIZED_VALUE)
+    .replace(new RegExp(escapeRegExp(token), 'g'), GITLAB_REPO_TOKEN_SANITIZED_VALUE)
+    .replace(
+      new RegExp('https://secure.gravatar.+?/u/.+?v=\\d', 'g'),
+      `${FAKE_OWNER_USER.avatar_url}`,
+    );
+
+  if (ownerName) {
+    replaced = replaced.replace(new RegExp(escapeRegExp(ownerName), 'g'), FAKE_OWNER_USER.name);
+  }
+
+  return replaced;
+};
+
+const transformRecordedData = (expectation, toSanitize) => {
+  const requestBodySanitizer = httpRequest => {
+    let body;
+    if (httpRequest.body && httpRequest.body.type === 'JSON' && httpRequest.body.json) {
+      const bodyObject =
+        typeof httpRequest.body.json === 'string'
+          ? JSON.parse(httpRequest.body.json)
+          : httpRequest.body.json;
+
+      if (bodyObject.encoding === 'base64') {
+        // sanitize encoded data
+        const decodedBody = Buffer.from(bodyObject.content, 'base64').toString('binary');
+        const sanitizedContent = sanitizeString(decodedBody, toSanitize);
+        const sanitizedEncodedContent = Buffer.from(sanitizedContent, 'binary').toString('base64');
+        bodyObject.content = sanitizedEncodedContent;
+        body = JSON.stringify(bodyObject);
+      } else {
+        body = JSON.stringify(bodyObject);
+      }
+    } else if (httpRequest.body && httpRequest.body.type === 'STRING' && httpRequest.body.string) {
+      body = sanitizeString(httpRequest.body.string, toSanitize);
+    } else if (httpRequest.body) {
+      const str =
+        typeof httpRequest.body !== 'string' ? JSON.stringify(httpRequest.body) : httpRequest.body;
+      body = sanitizeString(str, toSanitize);
+    }
+    return body;
+  };
+
+  const responseBodySanitizer = (httpRequest, httpResponse) => {
+    let responseBody = null;
+    if (httpResponse.body && httpResponse.body.string) {
+      responseBody = httpResponse.body.string;
+    } else if (
+      httpResponse.body &&
+      httpResponse.body.type === 'BINARY' &&
+      httpResponse.body.base64Bytes
+    ) {
+      responseBody = {
+        encoding: 'base64',
+        content: httpResponse.body.base64Bytes,
+      };
+    } else if (httpResponse.body && httpResponse.body.json) {
+      responseBody = JSON.stringify(httpResponse.body.json);
+    } else {
+      responseBody =
+        typeof httpResponse.body === 'string'
+          ? httpResponse.body
+          : httpResponse.body && JSON.stringify(httpResponse.body);
+    }
+
+    // replace recorded user with fake one
+    if (
+      responseBody &&
+      httpRequest.path === '/api/v4/user' &&
+      httpRequest.headers.host.includes('gitlab.com')
+    ) {
+      responseBody = JSON.stringify(FAKE_OWNER_USER);
+    }
+
+    return responseBody;
+  };
+
+  const cypressRouteOptions = transformData(
+    expectation,
+    requestBodySanitizer,
+    responseBodySanitizer,
+  );
+
+  return cypressRouteOptions;
+};
+
+const defaultOptions = {
+  transformRecordedData,
+};
+
+async function teardownGitLabTest(taskData, { transformRecordedData } = defaultOptions) {
+  await resetRepositories(taskData);
+
+  return null;
+}
+
+module.exports = {
+  transformRecordedData,
+  setupGitLab,
+  teardownGitLab,
+  setupGitLabTest,
+  teardownGitLabTest,
+};
diff --git a/cypress/plugins/index.ts b/cypress/plugins/index.ts
new file mode 100644
index 00000000..45dda08b
--- /dev/null
+++ b/cypress/plugins/index.ts
@@ -0,0 +1,178 @@
+// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+import 'dotenv/config';
+
+import { addMatchImageSnapshotPlugin } from '@simonsmith/cypress-image-snapshot/plugin';
+import merge from 'lodash/merge';
+
+// const { setupGitHub, teardownGitHub, setupGitHubTest, teardownGitHubTest, seedGitHubRepo } = require("./github");
+// const { setupGitGateway, teardownGitGateway, setupGitGatewayTest, teardownGitGatewayTest } = require("./gitGateway");
+// const { setupGitLab, teardownGitLab, setupGitLabTest, teardownGitLabTest } = require("./gitlab");
+// const { setupBitBucket, teardownBitBucket, setupBitBucketTest, teardownBitBucketTest } = require("./bitbucket");
+// const { setupProxy, teardownProxy, setupProxyTest, teardownProxyTest } = require("./proxy");
+import { setupTestBackend } from './testBackend';
+
+import { copyBackendFiles, switchVersion, updateConfig } from '../utils/config';
+
+import type { Config } from '@staticcms/core/interface';
+import type {
+  SeedRepoProps,
+  SetupBackendProps,
+  SetupBackendResponse,
+  SetupBackendTestProps,
+  TeardownBackendProps,
+  TeardownBackendTestProps,
+} from '../interface';
+
+export default async (on: Cypress.PluginEvents) => {
+  // `on` is used to hook into various events Cypress emits
+  on('task', {
+    async setupBackend({ backend, options }: SetupBackendProps): Promise<SetupBackendResponse> {
+      console.info('Preparing environment for backend', backend);
+      await copyBackendFiles(backend);
+
+      let result = null;
+      switch (backend) {
+        // case "github":
+        //   result = await setupGitHub(options);
+        //   break;
+        // case "git-gateway":
+        //   result = await setupGitGateway(options);
+        //   break;
+        // case "gitlab":
+        //   result = await setupGitLab(options);
+        //   break;
+        // case "bitbucket":
+        //   result = await setupBitBucket(options);
+        //   break;
+        // case "proxy":
+        //   result = await setupProxy(options);
+        //   break;
+        case 'test':
+          result = await setupTestBackend(options);
+          break;
+      }
+
+      return result;
+    },
+    async teardownBackend({ backend }: TeardownBackendProps): Promise<null> {
+      console.info('Tearing down backend', backend);
+
+      switch (
+        backend
+        // case "github":
+        //   await teardownGitHub(taskData);
+        //   break;
+        // case "git-gateway":
+        //   await teardownGitGateway(taskData);
+        //   break;
+        // case "gitlab":
+        //   await teardownGitLab(taskData);
+        //   break;
+        // case "bitbucket":
+        //   await teardownBitBucket(taskData);
+        //   break;
+        // case "proxy":
+        //   await teardownProxy(taskData);
+        //   break;
+      ) {
+      }
+
+      console.info('Restoring defaults');
+      await copyBackendFiles('test');
+
+      return null;
+    },
+    async setupBackendTest({ backend, testName }: SetupBackendTestProps): Promise<null> {
+      console.info(`Setting up single test '${testName}' for backend`, backend);
+
+      switch (
+        backend
+        // case "github":
+        //   await setupGitHubTest(taskData);
+        //   break;
+        // case "git-gateway":
+        //   await setupGitGatewayTest(taskData);
+        //   break;
+        // case "gitlab":
+        //   await setupGitLabTest(taskData);
+        //   break;
+        // case "bitbucket":
+        //   await setupBitBucketTest(taskData);
+        //   break;
+        // case "proxy":
+        //   await setupProxyTest(taskData);
+        //   break;
+      ) {
+      }
+
+      return null;
+    },
+    async teardownBackendTest({ backend, testName }: TeardownBackendTestProps): Promise<null> {
+      console.info(`Tearing down single test '${testName}' for backend`, backend);
+
+      switch (
+        backend
+        // case "github":
+        //   await teardownGitHubTest(taskData);
+        //   break;
+        // case "git-gateway":
+        //   await teardownGitGatewayTest(taskData);
+        //   break;
+        // case "gitlab":
+        //   await teardownGitLabTest(taskData);
+        //   break;
+        // case "bitbucket":
+        //   await teardownBitBucketTest(taskData);
+        //   break;
+        // case "proxy":
+        //   await teardownProxyTest(taskData);
+        //   break;
+      ) {
+      }
+
+      return null;
+    },
+    async seedRepo({ backend }: SeedRepoProps): Promise<null> {
+      console.info(`Seeding repository for backend`, backend);
+
+      switch (
+        backend
+        // case "github":
+        //   await seedGitHubRepo(taskData);
+        //   break;
+      ) {
+      }
+
+      return null;
+    },
+    async switchToVersion(taskData) {
+      const { version } = taskData;
+
+      console.info(`Switching CMS to version '${version}'`);
+
+      await switchVersion(version);
+
+      return null;
+    },
+    async updateConfig(config: Partial<Config>) {
+      await updateConfig(current => {
+        merge(current, config);
+      });
+
+      return null;
+    },
+  });
+
+  addMatchImageSnapshotPlugin(on);
+};
diff --git a/cypress/plugins/proxy.js b/cypress/plugins/proxy.js
new file mode 100644
index 00000000..6ca7025b
--- /dev/null
+++ b/cypress/plugins/proxy.js
@@ -0,0 +1,105 @@
+const fs = require('fs-extra');
+const path = require('path');
+const { spawn } = require('child_process');
+const { merge } = require('lodash');
+
+const { updateConfig } = require('../utils/config');
+const { getGitClient } = require('./common');
+
+const initRepo = async dir => {
+  await fs.remove(dir);
+  await fs.mkdirp(dir);
+  const git = getGitClient(dir);
+  await git.init({ '--initial-branch': 'main' });
+  await git.addConfig('user.email', 'cms-cypress-test@netlify.com');
+  await git.addConfig('user.name', 'cms-cypress-test');
+
+  const readme = 'README.md';
+  await fs.writeFile(path.join(dir, readme), '');
+  await git.add(readme);
+  await git.commit('initial commit', readme, { '--no-verify': true, '--no-gpg-sign': true });
+};
+
+const startServer = async (repoDir, mode) => {
+  const tsNode = path.join(__dirname, '..', '..', 'node_modules', '.bin', 'ts-node');
+  const serverDir = path.join(__dirname, '..', '..', 'packages', 'static-server');
+  const distIndex = path.join(serverDir, 'dist', 'index.js');
+  const tsIndex = path.join(serverDir, 'src', 'index.ts');
+
+  const port = 8082;
+  const env = {
+    ...process.env,
+    GIT_REPO_DIRECTORY: path.resolve(repoDir),
+    PORT: port,
+    MODE: mode,
+  };
+
+  console.info(`Starting proxy server on port '${port}' with mode ${mode}`);
+  if (await fs.pathExists(distIndex)) {
+    serverProcess = spawn('node', [distIndex], { env, cwd: serverDir });
+  } else {
+    serverProcess = spawn(tsNode, ['--files', tsIndex], { env, cwd: serverDir });
+  }
+
+  return new Promise((resolve, reject) => {
+    serverProcess.stdout.on('data', data => {
+      const message = data.toString().trim();
+      console.info(`server:stdout: ${message}`);
+      if (message.includes('Static CMS Proxy Server listening on port')) {
+        resolve(serverProcess);
+      }
+    });
+
+    serverProcess.stderr.on('data', data => {
+      console.error(`server:stderr: ${data.toString().trim()}`);
+      reject(data.toString());
+    });
+  });
+};
+
+let serverProcess;
+
+async function setupProxy(options) {
+  const postfix = Math.random().toString(32).slice(2);
+
+  const testRepoName = `proxy-test-repo-${Date.now()}-${postfix}`;
+  const tempDir = path.join('.temp', testRepoName);
+
+  const { mode, ...rest } = options;
+
+  await updateConfig(config => {
+    merge(config, rest);
+  });
+
+  return { tempDir, mode };
+}
+
+async function teardownProxy(taskData) {
+  if (serverProcess) {
+    serverProcess.kill();
+  }
+  await fs.remove(taskData.tempDir);
+
+  return null;
+}
+
+async function setupProxyTest(taskData) {
+  await initRepo(taskData.tempDir);
+  serverProcess = await startServer(taskData.tempDir, taskData.mode);
+  return null;
+}
+
+async function teardownProxyTest(taskData) {
+  if (serverProcess) {
+    serverProcess.kill();
+  }
+  await fs.remove(taskData.tempDir);
+  return null;
+}
+
+module.exports = {
+  setupProxy,
+  teardownProxy,
+  setupProxyTest,
+  teardownProxyTest,
+};
diff --git a/cypress/plugins/testBackend.ts b/cypress/plugins/testBackend.ts
new file mode 100644
index 00000000..c7ccf62e
--- /dev/null
+++ b/cypress/plugins/testBackend.ts
@@ -0,0 +1,13 @@
+import merge from 'lodash/merge';
+import { updateConfig } from '../utils/config';
+
+import type { Config } from '@staticcms/core/interface';
+import type { SetupBackendResponse } from '../interface';
+
+export async function setupTestBackend(options: Partial<Config>): Promise<SetupBackendResponse> {
+  await updateConfig(current => {
+    merge(current, options);
+  });
+
+  return null;
+}
diff --git a/cypress/run.mjs b/cypress/run.mjs
new file mode 100644
index 00000000..9e77c678
--- /dev/null
+++ b/cypress/run.mjs
@@ -0,0 +1,41 @@
+import execa from 'execa';
+import { globby } from 'globby';
+
+async function runCypress() {
+  if (process.env.IS_FORK === 'true') {
+    const machineIndex = parseInt(process.env.MACHINE_INDEX);
+    const machineCount = parseInt(process.env.MACHINE_COUNT);
+    const specs = await globby(['cypress/integration/*spec*.js']);
+    const specsPerMachine = Math.floor(specs.length / machineCount);
+    const start = (machineIndex - 1) * specsPerMachine;
+    const machineSpecs =
+      machineIndex === machineCount
+        ? specs.slice(start)
+        : specs.slice(start, start + specsPerMachine);
+
+    await execa(
+      'cypress',
+      ['run', '--browser', 'chrome', '--headless', '--spec', machineSpecs.join(',')],
+      { stdio: 'inherit', preferLocal: true },
+    );
+  } else {
+    await execa(
+      'cypress',
+      [
+        'run',
+        '--browser',
+        'chrome',
+        '--headless',
+        '--record',
+        '--parallel',
+        '--ci-build-id',
+        process.env.GITHUB_SHA,
+        '--group',
+        'GitHub CI',
+      ],
+      { stdio: 'inherit', preferLocal: true },
+    );
+  }
+}
+
+runCypress();
diff --git a/cypress/snapshots/media_library_spec_git-gateway_backend_large_media.js/Git Gateway Backend Media Library - Large Media -- can delete image from global media library.snap.png b/cypress/snapshots/media_library_spec_git-gateway_backend_large_media.js/Git Gateway Backend Media Library - Large Media -- can delete image from global media library.snap.png
new file mode 100644
index 00000000..d64a7a56
Binary files /dev/null and b/cypress/snapshots/media_library_spec_git-gateway_backend_large_media.js/Git Gateway Backend Media Library - Large Media -- can delete image from global media library.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_git-gateway_backend_large_media.js/Git Gateway Backend Media Library - Large Media -- can publish entry with image.snap.png b/cypress/snapshots/media_library_spec_git-gateway_backend_large_media.js/Git Gateway Backend Media Library - Large Media -- can publish entry with image.snap.png
new file mode 100644
index 00000000..bfe883f7
Binary files /dev/null and b/cypress/snapshots/media_library_spec_git-gateway_backend_large_media.js/Git Gateway Backend Media Library - Large Media -- can publish entry with image.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_git-gateway_backend_large_media.js/Git Gateway Backend Media Library - Large Media -- can save entry with image.snap.png b/cypress/snapshots/media_library_spec_git-gateway_backend_large_media.js/Git Gateway Backend Media Library - Large Media -- can save entry with image.snap.png
new file mode 100644
index 00000000..2850e691
Binary files /dev/null and b/cypress/snapshots/media_library_spec_git-gateway_backend_large_media.js/Git Gateway Backend Media Library - Large Media -- can save entry with image.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_git-gateway_backend_large_media.js/Git Gateway Backend Media Library - Large Media -- can upload image from entry media library.snap.png b/cypress/snapshots/media_library_spec_git-gateway_backend_large_media.js/Git Gateway Backend Media Library - Large Media -- can upload image from entry media library.snap.png
new file mode 100644
index 00000000..f7b064d2
Binary files /dev/null and b/cypress/snapshots/media_library_spec_git-gateway_backend_large_media.js/Git Gateway Backend Media Library - Large Media -- can upload image from entry media library.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_git-gateway_backend_large_media.js/Git Gateway Backend Media Library - Large Media -- can upload image from global media library.snap.png b/cypress/snapshots/media_library_spec_git-gateway_backend_large_media.js/Git Gateway Backend Media Library - Large Media -- can upload image from global media library.snap.png
new file mode 100644
index 00000000..c45b810d
Binary files /dev/null and b/cypress/snapshots/media_library_spec_git-gateway_backend_large_media.js/Git Gateway Backend Media Library - Large Media -- can upload image from global media library.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_git-gateway_backend_large_media.js/Git Gateway Backend Media Library - Large Media -- should not show draft entry image in global media library.snap.png b/cypress/snapshots/media_library_spec_git-gateway_backend_large_media.js/Git Gateway Backend Media Library - Large Media -- should not show draft entry image in global media library.snap.png
new file mode 100644
index 00000000..3d4b65a9
Binary files /dev/null and b/cypress/snapshots/media_library_spec_git-gateway_backend_large_media.js/Git Gateway Backend Media Library - Large Media -- should not show draft entry image in global media library.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_git-gateway_backend_large_media.js/Git Gateway Backend Media Library - Large Media -- should show published entry image in global media library.snap.png b/cypress/snapshots/media_library_spec_git-gateway_backend_large_media.js/Git Gateway Backend Media Library - Large Media -- should show published entry image in global media library.snap.png
new file mode 100644
index 00000000..ebf2054d
Binary files /dev/null and b/cypress/snapshots/media_library_spec_git-gateway_backend_large_media.js/Git Gateway Backend Media Library - Large Media -- should show published entry image in global media library.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_git-gateway_backend_large_media.js/Git Gateway Backend Media Library - Large Media -- should show published entry image in grid view.snap.png b/cypress/snapshots/media_library_spec_git-gateway_backend_large_media.js/Git Gateway Backend Media Library - Large Media -- should show published entry image in grid view.snap.png
new file mode 100644
index 00000000..77a5b8ca
Binary files /dev/null and b/cypress/snapshots/media_library_spec_git-gateway_backend_large_media.js/Git Gateway Backend Media Library - Large Media -- should show published entry image in grid view.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_github_backend_graphql.js/GitHub Backend Media Library - GraphQL API -- can delete image from global media library.snap.png b/cypress/snapshots/media_library_spec_github_backend_graphql.js/GitHub Backend Media Library - GraphQL API -- can delete image from global media library.snap.png
new file mode 100644
index 00000000..849eb72c
Binary files /dev/null and b/cypress/snapshots/media_library_spec_github_backend_graphql.js/GitHub Backend Media Library - GraphQL API -- can delete image from global media library.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_github_backend_graphql.js/GitHub Backend Media Library - GraphQL API -- can publish entry with image.snap.png b/cypress/snapshots/media_library_spec_github_backend_graphql.js/GitHub Backend Media Library - GraphQL API -- can publish entry with image.snap.png
new file mode 100644
index 00000000..acc62dd4
Binary files /dev/null and b/cypress/snapshots/media_library_spec_github_backend_graphql.js/GitHub Backend Media Library - GraphQL API -- can publish entry with image.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_github_backend_graphql.js/GitHub Backend Media Library - GraphQL API -- can save entry with image.snap.png b/cypress/snapshots/media_library_spec_github_backend_graphql.js/GitHub Backend Media Library - GraphQL API -- can save entry with image.snap.png
new file mode 100644
index 00000000..7c6fabbd
Binary files /dev/null and b/cypress/snapshots/media_library_spec_github_backend_graphql.js/GitHub Backend Media Library - GraphQL API -- can save entry with image.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_github_backend_graphql.js/GitHub Backend Media Library - GraphQL API -- can upload image from entry media library.snap.png b/cypress/snapshots/media_library_spec_github_backend_graphql.js/GitHub Backend Media Library - GraphQL API -- can upload image from entry media library.snap.png
new file mode 100644
index 00000000..af11607e
Binary files /dev/null and b/cypress/snapshots/media_library_spec_github_backend_graphql.js/GitHub Backend Media Library - GraphQL API -- can upload image from entry media library.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_github_backend_graphql.js/GitHub Backend Media Library - GraphQL API -- can upload image from global media library.snap.png b/cypress/snapshots/media_library_spec_github_backend_graphql.js/GitHub Backend Media Library - GraphQL API -- can upload image from global media library.snap.png
new file mode 100644
index 00000000..20eee39d
Binary files /dev/null and b/cypress/snapshots/media_library_spec_github_backend_graphql.js/GitHub Backend Media Library - GraphQL API -- can upload image from global media library.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_github_backend_graphql.js/GitHub Backend Media Library - GraphQL API -- should not show draft entry image in global media library.snap.png b/cypress/snapshots/media_library_spec_github_backend_graphql.js/GitHub Backend Media Library - GraphQL API -- should not show draft entry image in global media library.snap.png
new file mode 100644
index 00000000..b73df63b
Binary files /dev/null and b/cypress/snapshots/media_library_spec_github_backend_graphql.js/GitHub Backend Media Library - GraphQL API -- should not show draft entry image in global media library.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_github_backend_graphql.js/GitHub Backend Media Library - GraphQL API -- should show published entry image in global media library.snap.png b/cypress/snapshots/media_library_spec_github_backend_graphql.js/GitHub Backend Media Library - GraphQL API -- should show published entry image in global media library.snap.png
new file mode 100644
index 00000000..22981d6f
Binary files /dev/null and b/cypress/snapshots/media_library_spec_github_backend_graphql.js/GitHub Backend Media Library - GraphQL API -- should show published entry image in global media library.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_github_backend_graphql.js/GitHub Backend Media Library - GraphQL API -- should show published entry image in grid view.snap.png b/cypress/snapshots/media_library_spec_github_backend_graphql.js/GitHub Backend Media Library - GraphQL API -- should show published entry image in grid view.snap.png
new file mode 100644
index 00000000..db978aec
Binary files /dev/null and b/cypress/snapshots/media_library_spec_github_backend_graphql.js/GitHub Backend Media Library - GraphQL API -- should show published entry image in grid view.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_github_backend_rest.js/GitHub Backend Media Library - REST API -- can delete image from global media library.snap.png b/cypress/snapshots/media_library_spec_github_backend_rest.js/GitHub Backend Media Library - REST API -- can delete image from global media library.snap.png
new file mode 100644
index 00000000..33a6187e
Binary files /dev/null and b/cypress/snapshots/media_library_spec_github_backend_rest.js/GitHub Backend Media Library - REST API -- can delete image from global media library.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_github_backend_rest.js/GitHub Backend Media Library - REST API -- can publish entry with image.snap.png b/cypress/snapshots/media_library_spec_github_backend_rest.js/GitHub Backend Media Library - REST API -- can publish entry with image.snap.png
new file mode 100644
index 00000000..1bd9410a
Binary files /dev/null and b/cypress/snapshots/media_library_spec_github_backend_rest.js/GitHub Backend Media Library - REST API -- can publish entry with image.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_github_backend_rest.js/GitHub Backend Media Library - REST API -- can save entry with image.snap.png b/cypress/snapshots/media_library_spec_github_backend_rest.js/GitHub Backend Media Library - REST API -- can save entry with image.snap.png
new file mode 100644
index 00000000..80d85269
Binary files /dev/null and b/cypress/snapshots/media_library_spec_github_backend_rest.js/GitHub Backend Media Library - REST API -- can save entry with image.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_github_backend_rest.js/GitHub Backend Media Library - REST API -- can upload image from entry media library.snap.png b/cypress/snapshots/media_library_spec_github_backend_rest.js/GitHub Backend Media Library - REST API -- can upload image from entry media library.snap.png
new file mode 100644
index 00000000..1c7fe29a
Binary files /dev/null and b/cypress/snapshots/media_library_spec_github_backend_rest.js/GitHub Backend Media Library - REST API -- can upload image from entry media library.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_github_backend_rest.js/GitHub Backend Media Library - REST API -- can upload image from global media library.snap.png b/cypress/snapshots/media_library_spec_github_backend_rest.js/GitHub Backend Media Library - REST API -- can upload image from global media library.snap.png
new file mode 100644
index 00000000..20eee39d
Binary files /dev/null and b/cypress/snapshots/media_library_spec_github_backend_rest.js/GitHub Backend Media Library - REST API -- can upload image from global media library.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_github_backend_rest.js/GitHub Backend Media Library - REST API -- should not show draft entry image in global media library.snap.png b/cypress/snapshots/media_library_spec_github_backend_rest.js/GitHub Backend Media Library - REST API -- should not show draft entry image in global media library.snap.png
new file mode 100644
index 00000000..73c77b36
Binary files /dev/null and b/cypress/snapshots/media_library_spec_github_backend_rest.js/GitHub Backend Media Library - REST API -- should not show draft entry image in global media library.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_github_backend_rest.js/GitHub Backend Media Library - REST API -- should show published entry image in global media library.snap.png b/cypress/snapshots/media_library_spec_github_backend_rest.js/GitHub Backend Media Library - REST API -- should show published entry image in global media library.snap.png
new file mode 100644
index 00000000..93ca0454
Binary files /dev/null and b/cypress/snapshots/media_library_spec_github_backend_rest.js/GitHub Backend Media Library - REST API -- should show published entry image in global media library.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_github_backend_rest.js/GitHub Backend Media Library - REST API -- should show published entry image in grid view.snap.png b/cypress/snapshots/media_library_spec_github_backend_rest.js/GitHub Backend Media Library - REST API -- should show published entry image in grid view.snap.png
new file mode 100644
index 00000000..8c95b623
Binary files /dev/null and b/cypress/snapshots/media_library_spec_github_backend_rest.js/GitHub Backend Media Library - REST API -- should show published entry image in grid view.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_test_backend.js/Test Backend Media Library -- can delete image from global media library.snap.png b/cypress/snapshots/media_library_spec_test_backend.js/Test Backend Media Library -- can delete image from global media library.snap.png
new file mode 100644
index 00000000..0df4524c
Binary files /dev/null and b/cypress/snapshots/media_library_spec_test_backend.js/Test Backend Media Library -- can delete image from global media library.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_test_backend.js/Test Backend Media Library -- can publish entry with image.snap.png b/cypress/snapshots/media_library_spec_test_backend.js/Test Backend Media Library -- can publish entry with image.snap.png
new file mode 100644
index 00000000..7804e216
Binary files /dev/null and b/cypress/snapshots/media_library_spec_test_backend.js/Test Backend Media Library -- can publish entry with image.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_test_backend.js/Test Backend Media Library -- can save entry with image.snap.png b/cypress/snapshots/media_library_spec_test_backend.js/Test Backend Media Library -- can save entry with image.snap.png
new file mode 100644
index 00000000..9a23d143
Binary files /dev/null and b/cypress/snapshots/media_library_spec_test_backend.js/Test Backend Media Library -- can save entry with image.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_test_backend.js/Test Backend Media Library -- can upload image from entry media library.snap.png b/cypress/snapshots/media_library_spec_test_backend.js/Test Backend Media Library -- can upload image from entry media library.snap.png
new file mode 100644
index 00000000..157eb756
Binary files /dev/null and b/cypress/snapshots/media_library_spec_test_backend.js/Test Backend Media Library -- can upload image from entry media library.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_test_backend.js/Test Backend Media Library -- can upload image from global media library.snap.png b/cypress/snapshots/media_library_spec_test_backend.js/Test Backend Media Library -- can upload image from global media library.snap.png
new file mode 100644
index 00000000..3db31625
Binary files /dev/null and b/cypress/snapshots/media_library_spec_test_backend.js/Test Backend Media Library -- can upload image from global media library.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_test_backend.js/Test Backend Media Library -- should not show draft entry image in global media library.snap.png b/cypress/snapshots/media_library_spec_test_backend.js/Test Backend Media Library -- should not show draft entry image in global media library.snap.png
new file mode 100644
index 00000000..dff9602a
Binary files /dev/null and b/cypress/snapshots/media_library_spec_test_backend.js/Test Backend Media Library -- should not show draft entry image in global media library.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_test_backend.js/Test Backend Media Library -- should show published entry image in global media library.snap.png b/cypress/snapshots/media_library_spec_test_backend.js/Test Backend Media Library -- should show published entry image in global media library.snap.png
new file mode 100644
index 00000000..479f0a2e
Binary files /dev/null and b/cypress/snapshots/media_library_spec_test_backend.js/Test Backend Media Library -- should show published entry image in global media library.snap.png differ
diff --git a/cypress/snapshots/media_library_spec_test_backend.js/Test Backend Media Library -- should show published entry image in grid view.snap.png b/cypress/snapshots/media_library_spec_test_backend.js/Test Backend Media Library -- should show published entry image in grid view.snap.png
new file mode 100644
index 00000000..b7a92f56
Binary files /dev/null and b/cypress/snapshots/media_library_spec_test_backend.js/Test Backend Media Library -- should show published entry image in grid view.snap.png differ
diff --git a/cypress/support/commands.ts b/cypress/support/commands.ts
new file mode 100644
index 00000000..da23d60c
--- /dev/null
+++ b/cypress/support/commands.ts
@@ -0,0 +1,322 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add("login", (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This is will overwrite an existing command --
+// Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })
+import { oneLineTrim } from 'common-tags';
+import { rehype } from 'rehype';
+import { visit } from 'unist-util-visit';
+
+function runTimes(
+  cyInstance: Cypress.Chainable,
+  fn: (chain: Cypress.Chainable) => Cypress.Chainable,
+  count = 1,
+) {
+  let chain = cyInstance,
+    i = count;
+  while (i) {
+    i -= 1;
+    chain = fn(chain);
+  }
+  return chain;
+}
+
+(
+  [
+    'enter',
+    'backspace',
+    ['selectAll', 'selectall'],
+    ['up', 'upArrow'],
+    ['down', 'downArrow'],
+    ['left', 'leftArrow'],
+    ['right', 'rightArrow'],
+  ] as const
+).forEach(key => {
+  const [cmd, keyName] = typeof key === 'object' ? key : [key, key];
+  Cypress.Commands.add(cmd, { prevSubject: true }, (subject, { shift, times = 1 } = {}) => {
+    const fn = (chain: Cypress.Chainable) =>
+      chain.type(`${shift ? '{shift}' : ''}{${keyName}}`, { delay: 50 });
+    return runTimes(cy.wrap(subject), fn, times);
+  });
+});
+
+// Convert `tab` command from plugin to a child command with `times` support
+Cypress.Commands.add('tabkey', { prevSubject: true }, (subject, { shift, times } = {}) => {
+  const fn = (chain: Cypress.Chainable) => chain.tab({ shift });
+  cy.wait(100);
+  return runTimes(cy, fn, times).wrap(subject);
+});
+
+Cypress.Commands.add('selection', { prevSubject: true }, (subject, fn) => {
+  cy.wrap(subject).trigger('mousedown').then(fn).trigger('mouseup');
+
+  cy.document().trigger('selectionchange');
+  return cy.wrap(subject);
+});
+
+Cypress.Commands.add('print', { prevSubject: 'optional' }, (subject, str) => {
+  cy.log(str);
+  console.info(`cy.log: ${str}`);
+  return cy.wrap(subject);
+});
+
+Cypress.Commands.add('setSelection', { prevSubject: true }, (subject, query, endQuery) => {
+  return cy.wrap(subject).selection($el => {
+    if (typeof query === 'string') {
+      const anchorNode = getTextNode($el[0], query);
+      const focusNode = endQuery ? getTextNode($el[0], endQuery) : anchorNode;
+      const anchorOffset = anchorNode?.wholeText.indexOf(query) ?? 0;
+      const focusOffset = endQuery
+        ? (focusNode?.wholeText ?? '').indexOf(endQuery) + endQuery.length
+        : anchorOffset + query.length;
+      setBaseAndExtent(anchorNode, anchorOffset, focusNode, focusOffset);
+    } else if (typeof query === 'object') {
+      const el = $el[0];
+      const anchorNode = getTextNode(el.querySelector(query.anchorQuery));
+      const anchorOffset = query.anchorOffset || 0;
+      const focusNode = query.focusQuery
+        ? getTextNode(el.querySelector(query.focusQuery))
+        : anchorNode;
+      const focusOffset = query.focusOffset || 0;
+      setBaseAndExtent(anchorNode, anchorOffset, focusNode, focusOffset);
+    }
+    return cy.wrap(subject);
+  });
+});
+
+Cypress.Commands.add('setCursor', { prevSubject: true }, (subject, query, atStart) => {
+  return cy.wrap(subject).selection($el => {
+    const node = getTextNode($el[0], query);
+    const offset = (node?.wholeText.indexOf(query) ?? 0) + (atStart ? 0 : query.length);
+    const document = node?.ownerDocument;
+    document?.getSelection()?.removeAllRanges();
+    document?.getSelection()?.collapse(node, offset);
+
+    return cy.wrap(subject);
+  });
+});
+
+Cypress.Commands.add('setCursorBefore', { prevSubject: true }, (subject, query) => {
+  cy.wrap(subject).setCursor(query, true);
+});
+
+Cypress.Commands.add('setCursorAfter', { prevSubject: true }, (subject, query) => {
+  cy.wrap(subject).setCursor(query);
+});
+
+Cypress.Commands.add('login', () => {
+  cy.viewport(1200, 1200);
+  cy.visit('/');
+  cy.contains('button', 'Login').click();
+});
+
+Cypress.Commands.add('loginAndNewPost', () => {
+  cy.login();
+  cy.contains('a', 'New Post').click();
+});
+
+Cypress.Commands.add(
+  'dragTo',
+  {
+    prevSubject: 'element',
+  },
+  (subject, selector, options) => {
+    cy.wrap(subject, { log: false }).then(subject => {
+      return cy
+        .document()
+        .its('body')
+        .find(selector)
+        .then($el => {
+          const target = $el[0].getBoundingClientRect();
+          const x = Math.floor(target.x + target.width / 2);
+          const y = target.y + 200;
+
+          cy.wrap(subject)
+            .trigger('pointerdown', { force: true })
+            .wait(options?.delay || 100, { log: Boolean(options?.delay) });
+
+          cy.wrap(subject)
+            .trigger('pointermove', {
+              force: true,
+              clientX: x,
+              clientY: y,
+            })
+            .wait(options?.delay || 100, { log: Boolean(options?.delay) });
+
+          cy.wrap(subject)
+            .trigger('pointermove', {
+              force: true,
+              clientX: x,
+              clientY: y,
+            })
+            .wait(options?.delay || 100, { log: Boolean(options?.delay) });
+
+          cy.document().its('body').find(selector).trigger('pointerup', { force: true }).wait(250);
+        });
+    });
+  },
+);
+
+Cypress.Commands.add('clickToolbarButton', (title, { times } = {}) => {
+  const isHeading = title.startsWith('Heading');
+  if (isHeading) {
+    cy.get('button[title="Headings"]').click();
+  }
+  const instance = isHeading ? cy.contains('div', title) : cy.get(`button[title="${title}"]`);
+  const fn = (chain: Cypress.Chainable) => chain.click();
+  // this seems to be the only thing that makes cypress stable(ish)
+  // eslint-disable-next-line cypress/no-unnecessary-waiting
+  cy.wait(100);
+  return runTimes(instance, fn, times).focused();
+});
+
+Cypress.Commands.add('insertEditorComponent', (title: string) => {
+  cy.get('button[title="Add Component"]').click();
+  cy.contains('div', title).click().focused();
+});
+
+(
+  [
+    ['clickHeadingOneButton', 'Heading 1'],
+    ['clickHeadingTwoButton', 'Heading 2'],
+    ['clickOrderedListButton', 'Numbered List'],
+    ['clickUnorderedListButton', 'Bulleted List'],
+    ['clickCodeButton', 'Code'],
+    ['clickItalicButton', 'Italic'],
+    ['clickQuoteButton', 'Quote'],
+    ['clickLinkButton', 'Link'],
+  ] as const
+).forEach(([commandName, toolbarButtonName]) => {
+  Cypress.Commands.add(commandName, opts => {
+    return cy.clickToolbarButton(toolbarButtonName, opts);
+  });
+});
+
+Cypress.Commands.add('clickModeToggle', () => {
+  cy.get('.cms-editor-visual').within(() => {
+    cy.get('button[role="switch"]').click().focused();
+  });
+});
+
+([['insertCodeBlock', 'Code Block']] as const).forEach(([commandName, componentTitle]) => {
+  Cypress.Commands.add(commandName, () => {
+    return cy.insertEditorComponent(componentTitle);
+  });
+});
+
+Cypress.Commands.add('getMarkdownEditor', () => {
+  return cy.get('[data-slate-editor="true"]');
+});
+
+Cypress.Commands.add('confirmMarkdownEditorContent', (expectedDomString: string) => {
+  return cy.getMarkdownEditor().should(([element]) => {
+    // Slate makes the following representations:
+    // - blank line: 2 BOM's + <br>
+    // - blank element (placed inside empty elements): 1 BOM + <br>
+    // - inline element (e.g. link tag <a>) are wrapped with BOM characters (https://github.com/ianstormtaylor/slate/issues/2722)
+    // We replace to represent a blank line as a single <br>, remove the
+    // contents of elements that are actually empty, and remove BOM characters wrapping <a> tags
+    const actualDomString = toPlainTree(element.innerHTML)
+      .replace(/\uFEFF\uFEFF<br>/g, '<br>')
+      .replace(/\uFEFF<br>/g, '')
+      .replace(/\uFEFF<a>/g, '<a>')
+      .replace(/<\/a>\uFEFF/g, '</a>');
+    expect(actualDomString).equals(oneLineTrim(expectedDomString));
+  });
+});
+
+Cypress.Commands.add('clearMarkdownEditorContent', () => {
+  return cy.getMarkdownEditor().selectAll().backspace({ times: 2 });
+});
+
+Cypress.Commands.add('confirmRawEditorContent', expectedDomString => {
+  cy.get('.cms-editor-raw').within(() => {
+    cy.contains('span', expectedDomString);
+  });
+});
+
+function toPlainTree(domString: string) {
+  return rehype()
+    .use(removeSlateArtifacts)
+    .data('settings', { fragment: true })
+    .processSync(domString)
+    .toString();
+}
+
+function getActualBlockChildren(node: any) {
+  if (node.tagName === 'span') {
+    return node.children.flatMap(getActualBlockChildren);
+  }
+  if (node.children) {
+    return {
+      ...node,
+      children: node.children.flatMap(getActualBlockChildren),
+    };
+  }
+  return node;
+}
+
+function removeSlateArtifacts() {
+  return function transform(tree: any) {
+    visit(tree, 'element', node => {
+      // remove all element attributes
+      delete node.properties;
+
+      // remove slate padding spans to simplify test cases
+      if (['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p'].includes(node.tagName)) {
+        node.children = node.children.flatMap(getActualBlockChildren);
+      }
+    });
+  };
+}
+
+function getTextNode(el: Node, match?: string): Text | null {
+  const walk = document.createTreeWalker(el, NodeFilter.SHOW_TEXT, null);
+  if (!match) {
+    return walk.nextNode() as Text;
+  }
+
+  let node: Text;
+  while ((node = walk.nextNode() as Text)) {
+    if (node.wholeText.includes(match)) {
+      return node;
+    }
+  }
+
+  return null;
+}
+
+function setBaseAndExtent(
+  anchorNode: Node | null,
+  anchorOffset: number,
+  focusNode: Node | null,
+  focusOffset: number,
+) {
+  if (!anchorNode || !focusNode) {
+    return;
+  }
+
+  const document = anchorNode?.ownerDocument;
+  document?.getSelection()?.removeAllRanges();
+  document?.getSelection()?.setBaseAndExtent(anchorNode, anchorOffset, focusNode, focusOffset);
+}
diff --git a/cypress/support/e2e.ts b/cypress/support/e2e.ts
new file mode 100644
index 00000000..2a0db543
--- /dev/null
+++ b/cypress/support/e2e.ts
@@ -0,0 +1,27 @@
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+import 'cypress-plugin-tab';
+import { addMatchImageSnapshotCommand } from '@simonsmith/cypress-image-snapshot/command';
+
+addMatchImageSnapshotCommand({
+  failureThreshold: 0.01,
+  failureThresholdType: 'percent',
+  customDiffConfig: { threshold: 0.09 },
+  capture: 'viewport',
+});
+
+Cypress.on('uncaught:exception', () => false);
+
+import './commands';
diff --git a/cypress/utils/README.md b/cypress/utils/README.md
new file mode 100644
index 00000000..9eaf3394
--- /dev/null
+++ b/cypress/utils/README.md
@@ -0,0 +1,5 @@
+## Utilities for integration tests
+
+Utils in this dir must be explicitly included in each spec file.
+
+For routines to be executed on all tests, please use the `cypress/plugins.index.js` file instead: https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests.html#Plugin-files
diff --git a/cypress/utils/config.ts b/cypress/utils/config.ts
new file mode 100644
index 00000000..51aa2e56
--- /dev/null
+++ b/cypress/utils/config.ts
@@ -0,0 +1,42 @@
+import fs from 'fs-extra';
+import path from 'path';
+import yaml from 'js-yaml';
+
+import type { Config } from '@staticcms/core/interface';
+
+const devTestDirectory = path.join(__dirname, '..', '..', 'packages', 'core', 'dev-test');
+const backendsDirectory = path.join(devTestDirectory, 'backends');
+
+export async function copyBackendFiles(backend: string) {
+  await Promise.all(
+    ['config.yml', 'index.html'].map(file => {
+      return fs.copyFile(
+        path.join(backendsDirectory, backend, file),
+        path.join(devTestDirectory, file),
+      );
+    }),
+  );
+}
+
+export async function updateConfig(configModifier: (config: Config) => void) {
+  const configFile = path.join(devTestDirectory, 'config.yml');
+  const configContent = await fs.readFile(configFile, 'utf-8');
+  const config = yaml.load(configContent) as Config;
+  await configModifier(config);
+  await fs.writeFileSync(configFile, yaml.dump(config));
+}
+
+export async function switchVersion(version: string) {
+  const htmlFile = path.join(devTestDirectory, 'index.html');
+  const content = await fs.readFile(htmlFile);
+
+  const replaceString =
+    version === 'latest'
+      ? '<script src="dist/static-cms.js"></script>'
+      : `<script src="https://unpkg.com/@staticcms/app@${version}/dist/static-cms-app.js"></script>`;
+
+  await fs.writeFile(
+    htmlFile,
+    content.toString().replace(/<script src=".+?static-cms.+?"><\/script>/, replaceString),
+  );
+}
diff --git a/cypress/utils/constants.ts b/cypress/utils/constants.ts
new file mode 100644
index 00000000..af3eaf3e
--- /dev/null
+++ b/cypress/utils/constants.ts
@@ -0,0 +1,39 @@
+export const workflowStatus = { draft: 'Drafts', review: 'In Review', ready: 'Ready' };
+export const editorStatus = { draft: 'Draft', review: 'In review', ready: 'Ready' };
+export const setting1 = { limit: 10, author: 'John Doe' };
+export const setting2 = { name: 'Jane Doe', description: 'description' };
+export const publishTypes = {
+  publishNow: 'Publish now',
+  publishAndCreateNew: 'Publish and create new',
+  publishAndDuplicate: 'Publish and duplicate',
+};
+
+export const notifications = {
+  saved: 'Entry saved',
+  published: 'Entry published',
+  unpublished: 'Entry unpublished',
+  updated: 'Entry status updated',
+  deletedUnpublished: 'Unpublished changes deleted',
+  error: {
+    missingField: "Oops, you've missed a required field. Please complete before saving.",
+  },
+  validation: {
+    range: {
+      fieldLabel: 'Number of posts on frontpage',
+      message: 'Number of posts on frontpage must be between 1 and 10.',
+    },
+  },
+};
+export const HOT_KEY_MAP = {
+  bold: 'mod+b',
+  code: 'mod+shift+c',
+  italic: 'mod+i',
+  strikethrough: 'mod+shift+s',
+  'heading-one': 'mod+1',
+  'heading-two': 'mod+2',
+  'heading-three': 'mod+3',
+  'heading-four': 'mod+4',
+  'heading-five': 'mod+5',
+  'heading-six': 'mod+6',
+  link: 'mod+k',
+};
diff --git a/cypress/utils/regexp.ts b/cypress/utils/regexp.ts
new file mode 100644
index 00000000..2e691a94
--- /dev/null
+++ b/cypress/utils/regexp.ts
@@ -0,0 +1,3 @@
+export const escapeRegExp = (str: string) => {
+  return str.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
+};
diff --git a/cypress/utils/steps.ts b/cypress/utils/steps.ts
new file mode 100644
index 00000000..830fd01a
--- /dev/null
+++ b/cypress/utils/steps.ts
@@ -0,0 +1,572 @@
+import format from 'date-fns/format';
+import 'cypress-real-events';
+
+import { editorStatus, notifications, publishTypes, workflowStatus } from './constants';
+
+import { WorkflowStatus } from '@staticcms/core/constants/publishModes';
+import type { Author, Post, User } from '../interface';
+
+export interface LoginProps {
+  user?: User;
+  editorialWorkflow?: boolean;
+}
+
+export function login(options?: LoginProps) {
+  const { user, editorialWorkflow = false } = options ?? {};
+
+  cy.viewport(1200, 1200);
+  if (user) {
+    cy.visit('/', {
+      onBeforeLoad: () => {
+        // https://github.com/cypress-io/cypress/issues/1208
+        window.indexedDB.deleteDatabase('localforage');
+        window.localStorage.setItem('static-cms-user', JSON.stringify(user));
+        if (user.netlifySiteURL) {
+          window.localStorage.setItem('netlifySiteURL', user.netlifySiteURL);
+        }
+      },
+    });
+    if (user.netlifySiteURL && user.email && user.password) {
+      cy.get('input[name="email"]').clear().type(user.email);
+      cy.get('input[name="password"]').clear().type(user.password);
+      cy.contains('button', 'Login').click();
+    }
+  } else {
+    cy.visit('/');
+    cy.contains('button', 'Login').click();
+  }
+
+  if (editorialWorkflow) {
+    cy.contains('div', 'Editorial Workflow');
+  } else {
+    cy.contains('a', 'New Post');
+  }
+}
+
+export function assertNotification(message: string) {
+  cy.get('[data-testid="toast-messages"]', { timeout: 10000 })
+    .should('be.visible')
+    .within(() => {
+      cy.contains(message);
+      cy.contains(message).invoke('hide');
+    });
+}
+
+export function exitEditor() {
+  cy.get('[data-testid="breadcrumb-link"]').first().click();
+}
+
+export function goToWorkflow() {
+  cy.get('[data-testid="sidebar-nav-Dashboard"]').click();
+}
+
+export function goToMediaLibrary() {
+  cy.get('[data-testid="sidebar-nav-Media]').click();
+}
+
+export function assertUnpublishedEntryInEditor() {
+  cy.contains('button', 'Delete unpublished entry');
+}
+
+export function assertPublishedEntryInEditor() {
+  cy.contains('button', 'Delete published entry');
+}
+
+export function assertUnpublishedChangesInEditor() {
+  cy.contains('button', 'Delete unpublished changes');
+}
+
+export function goToEntry(entry: Post) {
+  cy.contains('a', entry.Title).click();
+}
+
+export function updateWorkflowStatus(
+  { Title }: Post,
+  fromColumnHeading: WorkflowStatus,
+  toColumnHeading: WorkflowStatus,
+) {
+  cy.get(`[data-testid="drop-zone-${fromColumnHeading}"]`).within(() => {
+    cy.get(`[data-testid="drag-handle-${Title}"]`).dragTo(
+      `[data-testid="drop-zone-${toColumnHeading}"]`,
+    );
+  });
+
+  assertNotification(notifications.updated);
+}
+
+export function publishWorkflowEntry({ Title }: Post, timeout = 3000) {
+  cy.get(`[data-testid="drop-zone-${WorkflowStatus.PENDING_PUBLISH}"]`).within(() => {
+    cy.get(`[data-testid="drag-handle-${Title}"]`, { timeout })
+      .realHover()
+      .within(() => {
+        cy.get('[data-testid="workflow-dashboard-publish"]').click();
+      });
+  });
+
+  cy.get('[data-testid="confirm-button"]').click();
+
+  assertNotification(notifications.published);
+}
+
+export function deleteWorkflowEntry({ Title }: Post) {
+  cy.contains('a', Title)
+    .parent()
+    .within(() => {
+      cy.contains('button', 'Delete new entry').click({ force: true });
+    });
+
+  assertNotification(notifications.deletedUnpublished);
+}
+
+const STATUS_BUTTON_TEXT = 'Status:';
+
+export function assertWorkflowStatusInEditor(status: string) {
+  cy.contains('button', STATUS_BUTTON_TEXT).as('setStatusButton');
+  cy.get('@setStatusButton').click();
+  cy.contains('[role="menuitem"] div', status)
+    .parent()
+    .within(() => {
+      cy.get('svg');
+    });
+  cy.get('@setStatusButton').click();
+}
+
+export function assertPublishedEntry(entry: Post | Post[]) {
+  if (Array.isArray(entry)) {
+    const entries = entry.reverse();
+    cy.wrap(entry.slice(0, entries.length)).each((_el, idx) => {
+      cy.contains('a', entries[idx].Title);
+    });
+  } else {
+    cy.contains('a', entry.Title);
+  }
+}
+
+export function deleteEntryInEditor() {
+  cy.contains('button', 'Delete').click();
+  assertNotification(notifications.deletedUnpublished);
+}
+
+export function assertOnCollectionsPage() {
+  cy.url().should('contain', '/#/collections/posts');
+}
+
+export function assertEntryDeleted(entry: Post) {
+  cy.get('body').then($body => {
+    const entriesHeaders = $body.find('a');
+    if (entriesHeaders.length > 0) {
+      if (Array.isArray(entry)) {
+        const titles = entry.map(e => e.title);
+        cy.get('a').each(el => {
+          expect(titles).not.to.include(el.text());
+        });
+      } else {
+        cy.get('a').each(el => {
+          expect(entry.Title).not.to.equal(el.text());
+        });
+      }
+    }
+  });
+}
+
+export function assertWorkflowStatus({ Title }: Post, status: string) {
+  cy.contains('h2', status).parent().contains('a', Title);
+}
+
+export function updateWorkflowStatusInEditor(newStatus: string) {
+  selectDropdownItem(STATUS_BUTTON_TEXT, newStatus);
+  assertNotification(notifications.updated);
+}
+
+export function publishEntryInEditor(publishType: string) {
+  selectDropdownItem('Publish', publishType);
+  assertNotification(notifications.published);
+}
+
+export function publishAndCreateNewEntryInEditor() {
+  selectDropdownItem('Publish', publishTypes.publishAndCreateNew);
+  assertNotification(notifications.published);
+  cy.url().should('eq', `http://localhost:8080/#/collections/posts/new`);
+  cy.get('[data-testid="field-Title"]').should('have.value', '');
+}
+
+export function publishAndDuplicateEntryInEditor(entry: Post) {
+  selectDropdownItem('Publish', publishTypes.publishAndDuplicate);
+  assertNotification(notifications.published);
+  cy.url().should('eq', `http://localhost:8080/#/collections/posts/new`);
+  cy.get('[data-testid="field-Title"]').should('have.value', entry.Title);
+}
+
+function selectDropdownItem(label: string, item: string) {
+  cy.contains('button', label).click();
+  cy.contains('[role="menuitem"] div', item).click();
+}
+
+function flushClockAndSave() {
+  cy.wait(260);
+
+  cy.contains('button', 'Save').should('not.be.disabled').click();
+
+  assertNotification(notifications.saved);
+}
+
+export function populateEntry(entry: Post, onDone = flushClockAndSave) {
+  const keys = Object.keys(entry) as (keyof Post)[];
+  for (const key of keys) {
+    const value = entry[key];
+    if (key === 'Body') {
+      cy.getMarkdownEditor().click().clear({ force: true }).type(value, { force: true });
+      cy.getMarkdownEditor().first().click().clear({ force: true }).type(value, { force: true });
+    } else {
+      cy.get(`[data-testid="field-${key}"]`).click();
+      cy.focused().clear({ force: true });
+      cy.focused().type(value, { force: true });
+    }
+  }
+
+  onDone();
+}
+
+function newPost() {
+  cy.contains('a', 'New Post').click();
+}
+
+export function createPost(entry: Post) {
+  newPost();
+  populateEntry(entry);
+}
+
+export function createPostAndExit(entry: Post) {
+  createPost(entry);
+  exitEditor();
+}
+
+function publishEntry({ createNew = false, duplicate = false } = {}) {
+  cy.wait(500);
+
+  if (createNew) {
+    selectDropdownItem('Publish', publishTypes.publishAndCreateNew);
+  } else if (duplicate) {
+    selectDropdownItem('Publish', publishTypes.publishAndDuplicate);
+  } else {
+    selectDropdownItem('Publish', publishTypes.publishNow);
+  }
+
+  assertNotification(notifications.saved);
+
+  // eslint-disable-next-line cypress/no-unnecessary-waiting
+  cy.wait(500);
+}
+
+export function createPostAndPublish(entry: Post) {
+  newPost();
+  populateEntry(entry, publishEntry);
+  exitEditor();
+}
+
+export function createPostPublishAndCreateNew(entry: Post) {
+  newPost();
+  populateEntry(entry, () => publishEntry({ createNew: true }));
+  cy.url().should('eq', `http://localhost:8080/#/collections/posts/new`);
+
+  cy.get('[data-testid="field-Title"] input').should('have.value', '');
+
+  exitEditor();
+}
+
+export function createPostPublishAndDuplicate(entry: Post) {
+  newPost();
+  populateEntry(entry, () => publishEntry({ duplicate: true }));
+  cy.url().should('eq', `http://localhost:8080/#/collections/posts/new?duplicate=true`);
+  cy.get('[data-testid="field-Title"] input').should('have.value', entry.Title);
+
+  exitEditor();
+}
+
+export function editPostAndPublish(entry1: Post, entry2: Post) {
+  goToEntry(entry1);
+  cy.wait(1000);
+  cy.get('[data-testid="editor-extra-menu"]', { timeout: 5000 }).should('be.enabled');
+  cy.get('[data-testid="editor-extra-menu"]').click();
+  cy.get('[data-testid="delete-button"]');
+  cy.contains('[data-testid="publish-dropdown"]', 'Published');
+
+  populateEntry(entry2, publishEntry);
+  // existing entry slug should remain the same after save
+  cy.url().should(
+    'eq',
+    `http://localhost:8080/#/collections/posts/entries/${format(
+      new Date(),
+      'yyyy-MM-dd',
+    )}-${entry1.Title.toLowerCase().replace(/\s/, '-')}`,
+  );
+}
+
+export function editPostPublishAndCreateNew(entry1: Post, entry2: Post) {
+  goToEntry(entry1);
+  cy.wait(1000);
+  cy.get('[data-testid="editor-extra-menu"]', { timeout: 5000 }).should('be.enabled');
+  cy.get('[data-testid="editor-extra-menu"]').click();
+  cy.get('[data-testid="delete-button"]');
+  cy.contains('[data-testid="publish-dropdown"]', 'Published');
+
+  populateEntry(entry2, () => publishEntry({ createNew: true }));
+  cy.url().should('eq', `http://localhost:8080/#/collections/posts/new`);
+  cy.get('[data-testid="field-Title"] input').should('have.value', '');
+}
+
+export function editPostPublishAndDuplicate(entry1: Post, entry2: Post) {
+  goToEntry(entry1);
+  cy.wait(1000);
+  cy.get('[data-testid="editor-extra-menu"]', { timeout: 5000 }).should('be.enabled');
+  cy.get('[data-testid="editor-extra-menu"]').click();
+  cy.get('[data-testid="delete-button"]');
+  cy.contains('[data-testid="publish-dropdown"]', 'Published');
+
+  populateEntry(entry2, () => publishEntry({ duplicate: true }));
+  cy.url().should('eq', `http://localhost:8080/#/collections/posts/new?duplicate=true`);
+  cy.get('[data-testid="field-Title"] input').should('have.value', entry2.Title);
+}
+
+export function duplicatePostAndPublish(entry1: Post) {
+  goToEntry(entry1);
+  cy.wait(1000);
+  cy.get('[data-testid="editor-extra-menu"]', { timeout: 5000 }).should('be.enabled');
+  cy.get('[data-testid="editor-extra-menu"]').click();
+  cy.get('[data-testid="delete-button"]');
+  selectDropdownItem('Published', 'Duplicate');
+  publishEntry();
+
+  cy.url().should(
+    'eq',
+    `http://localhost:8080/#/collections/posts/entries/${format(
+      new Date(),
+      'yyyy-MM-dd',
+    )}-${entry1.Title.toLowerCase().replace(/\s/, '-')}-1`,
+  );
+}
+
+export function updateExistingPostAndExit(fromEntry: Post, toEntry: Post) {
+  goToWorkflow();
+  cy.contains('a', fromEntry.Title).click({ force: true });
+  populateEntry(toEntry);
+  exitEditor();
+  goToWorkflow();
+  cy.contains('a', toEntry.Title);
+}
+
+export function unpublishEntry(entry: Post) {
+  cy.contains('a', entry.Title).click({ force: true });
+  selectDropdownItem('Published', 'Unpublish');
+  assertNotification(notifications.unpublished);
+  goToWorkflow();
+  assertWorkflowStatus(entry, workflowStatus.ready);
+}
+
+export function duplicateEntry(entry: Post) {
+  selectDropdownItem('Published', 'Duplicate');
+  cy.url().should('contain', '/#/collections/posts/new?duplicate=true');
+  flushClockAndSave();
+  updateWorkflowStatusInEditor(editorStatus.ready);
+  publishEntryInEditor(publishTypes.publishNow);
+  exitEditor();
+  cy.get('a').should($h2s => {
+    expect($h2s.eq(0)).to.contain(entry.Title);
+    expect($h2s.eq(1)).to.contain(entry.Title);
+  });
+}
+
+export interface ValidateObjectFieldsProps {
+  limit: string;
+  author: string;
+}
+
+function validateObjectFields({ limit, author }: ValidateObjectFieldsProps) {
+  cy.contains('a', 'Settings').click();
+  cy.contains('a', 'Site Settings').click();
+
+  discardDraft();
+
+  cy.contains('label', 'Number of posts on frontpage').click();
+  cy.focused().type(limit);
+  flushClockAndSave();
+  assertNotification(notifications.error.missingField);
+  cy.get('[data-testid="field-Default Author"]').should('have.class', 'CMS_Field_error');
+  cy.contains('label', 'Default Author').click();
+  cy.focused().type(author);
+  flushClockAndSave();
+  assertNotification(notifications.saved);
+  cy.get('[data-testid="field-Default Author"]').should('not.have.class', 'CMS_Field_error');
+}
+
+function validateNestedObjectFields({ limit, author }: ValidateObjectFieldsProps) {
+  cy.contains('a', 'Settings').click();
+  cy.contains('a', 'Site Settings').click();
+
+  discardDraft();
+
+  cy.contains('label', 'Default Author').click();
+  cy.focused().type(author);
+  flushClockAndSave();
+  assertNotification(notifications.error.missingField);
+  cy.get('input[type=number]').type(limit + 1);
+  flushClockAndSave();
+  assertFieldValidationError(notifications.validation.range);
+  cy.get('input[type=number]').clear().type('-1');
+  flushClockAndSave();
+  assertFieldValidationError(notifications.validation.range);
+  cy.get('input[type=number]').clear().type(limit);
+  flushClockAndSave();
+  assertNotification(notifications.saved);
+}
+
+function validateListFields({ name, description }: Author) {
+  cy.contains('a', 'Settings').click();
+  cy.contains('a', 'Authors').click();
+
+  discardDraft();
+
+  cy.contains('button', 'Add').click();
+  flushClockAndSave();
+  assertNotification(notifications.error.missingField);
+  cy.get('[data-testid="list-field-Authors"]').should('have.class', 'CMS_WidgetList_error');
+  cy.get('[data-testid="list-item-field-Author"]').eq(2).as('listControl');
+  cy.get('@listControl').should('have.class', 'CMS_WidgetList_ListItem_error');
+  cy.get('@listControl').get('[data-testid="field-Name"]').should('have.class', 'CMS_Field_error');
+  cy.get('input').eq(2).type(name);
+  cy.get('textarea').eq(2).type(description);
+  flushClockAndSave();
+  assertNotification(notifications.saved);
+  cy.get('[data-testid="list-field-Authors"]').should('not.have.class', 'CMS_WidgetList_error');
+}
+
+function validateNestedListFields() {
+  cy.contains('a', 'Settings').click();
+  cy.contains('a', 'Hotel Locations').click();
+
+  discardDraft();
+
+  // add first city list item
+  cy.contains('button', 'Add Hotel Locations').click();
+  cy.contains('button', 'Add Cities').click();
+  cy.contains('label', 'City').next().type('Washington DC');
+  cy.contains('label', 'Number of Hotels in City').next().type('5');
+  cy.contains('button', 'Add City Locations').click();
+  cy.get('[data-testid="field-Hotel Name"]').should('exist');
+
+  // add second city list item
+  cy.contains('button', 'Add Cities').click();
+
+  cy.get('[data-testid="list-item-field-Cities"]')
+    .eq(0)
+    .within(() => {});
+  cy.get('[data-testid="list-item-field-Cities"]').eq(1).as('secondCitiesListControl');
+
+  cy.get('@secondCitiesListControl').contains('label', 'City').next().type('Boston');
+  cy.get('@secondCitiesListControl').contains('button', 'Add City Locations').click();
+
+  flushClockAndSave();
+  assertNotification(notifications.error.missingField);
+
+  // assert on fields
+  cy.get('[data-testid="list-field-Hotel Locations"]').should('have.class', 'CMS_WidgetList_error');
+  cy.get('[data-testid="list-item-field-Cities"]').should(
+    'have.class',
+    'CMS_WidgetList_ListItem_error',
+  );
+
+  cy.get('[data-testid="list-item-field-Cities"]')
+    .eq(0)
+    .within(() => {
+      cy.get('[data-testid="field-City"]').should('not.have.class', 'CMS_Field_error');
+      cy.get('[data-testid="field-Number of Hotels in City"]').should(
+        'not.have.class',
+        'CMS_Field_error',
+      );
+      cy.get('[data-testid="list-field-City Locations"]').should(
+        'have.class',
+        'CMS_WidgetList_error',
+      );
+      cy.get('[data-testid="field-Hotel Name"]').should('have.class', 'CMS_Field_error');
+    });
+
+  cy.get('[data-testid="list-item-field-Cities"]')
+    .eq(1)
+    .within(() => {
+      cy.get('[data-testid="field-City"]').should('not.have.class', 'CMS_Field_error');
+      cy.get('[data-testid="field-Number of Hotels in City"]').should(
+        'have.class',
+        'CMS_Field_error',
+      );
+      cy.get('[data-testid="list-field-City Locations"]').should(
+        'have.class',
+        'CMS_WidgetList_error',
+      );
+      cy.get('[data-testid="field-Hotel Name"]').should('have.class', 'CMS_Field_error');
+    });
+
+  // list control aliases
+  cy.contains('label', 'Hotel Name').next().type('The Ritz Carlton');
+  flushClockAndSave();
+  assertNotification(notifications.error.missingField);
+
+  // fill out rest of form and save
+  cy.get('@secondCitiesListControl').contains('label', 'Number of Hotels in City').type('3');
+  cy.get('@secondCitiesListControl').contains('label', 'Hotel Name').type('Grand Hyatt');
+  cy.contains('label', 'Country').next().type('United States');
+  flushClockAndSave();
+  assertNotification(notifications.saved);
+}
+
+export function validateObjectFieldsAndExit(setting: ValidateObjectFieldsProps) {
+  validateObjectFields(setting);
+  exitEditor();
+}
+
+export function validateNestedObjectFieldsAndExit(setting: ValidateObjectFieldsProps) {
+  validateNestedObjectFields(setting);
+  exitEditor();
+}
+
+export function validateListFieldsAndExit(setting: Author) {
+  validateListFields(setting);
+  exitEditor();
+}
+
+export function validateNestedListFieldsAndExit() {
+  validateNestedListFields();
+  exitEditor();
+}
+
+export interface AssertFieldValidationErrorProps {
+  message: string;
+  fieldLabel: string;
+}
+
+export function assertFieldValidationError({
+  message,
+  fieldLabel,
+}: AssertFieldValidationErrorProps) {
+  cy.contains('label', fieldLabel).siblings('[data-testid="error"]').contains(message);
+  cy.get(`[data-testid="field-${fieldLabel}"]`).should('have.class', 'CMS_Field_error');
+}
+
+function discardDraft() {
+  cy.get('[data-testid="editor-extra-menu"]', { timeout: 5000 })
+    .should(_ => {})
+    .then($el => {
+      if ($el.length) {
+        cy.wait(1000);
+        cy.get('[data-testid="editor-extra-menu"]', { timeout: 5000 }).should('be.enabled');
+        cy.get('[data-testid="editor-extra-menu"]').click();
+        cy.get('[data-testid="discard-button"]')
+          .should(_ => {})
+          .then($el => {
+            if ($el.length) {
+              $el.trigger('click');
+              cy.get('[data-testid="confirm-button"]').click();
+            }
+          });
+      }
+    });
+}
diff --git a/lerna.json b/lerna.json
index dd3bdc8b..7e18c47e 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,5 +1,4 @@
 {
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
-  "useWorkspaces": true,
-  "version": "3.4.8"
+  "version": "4.0.0"
 }
diff --git a/nx.json b/nx.json
index 008f21ce..d6da188a 100644
--- a/nx.json
+++ b/nx.json
@@ -3,18 +3,34 @@
     "default": {
       "runner": "nx/tasks-runners/default",
       "options": {
-        "cacheableOperations": ["build", "test"]
+        "cacheableOperations": [
+          "build",
+          "test"
+        ]
       }
     }
   },
   "targetDefaults": {
     "build": {
-      "dependsOn": ["^build"]
+      "dependsOn": [
+        "^build"
+      ]
     },
     "dev": {
       "dependsOn": [
         "^build"
       ]
     }
+  },
+  "$schema": "./node_modules/nx/schemas/nx-schema.json",
+  "namedInputs": {
+    "default": [
+      "{projectRoot}/**/*",
+      "sharedGlobals"
+    ],
+    "sharedGlobals": [],
+    "production": [
+      "default"
+    ]
   }
 }
diff --git a/package.json b/package.json
index 65573fad..e56b9eeb 100644
--- a/package.json
+++ b/package.json
@@ -2,33 +2,46 @@
   "name": "static-cms",
   "private": true,
   "scripts": {
-    "contributors:add": "all-contributors add",
-    "contributors:generate": "all-contributors generate",
     "build": "lerna run build --scope @staticcms/core --scope @staticcms/app",
     "build:demo": "lerna run build --scope @staticcms/demo",
     "build:docs": "cd packages/docs && yarn build",
-    "dev": "lerna run dev --scope @staticcms/core",
+    "contributors:add": "all-contributors add",
+    "contributors:generate": "all-contributors generate",
     "demo": "lerna run dev --scope @staticcms/demo",
+    "dev": "lerna run dev --scope @staticcms/core",
     "docs": "lerna run dev --scope @staticcms/docs",
-    "format": "lerna run format",
-    "lint": "lerna run lint",
+    "format:prettier": "prettier \"cypress/**/*.{js,jsx,ts,tsx,css}\" --write",
+    "format": "lerna run format && yarn format:prettier",
+    "lint:format": "prettier \"cypress/**/*.{js,jsx,ts,tsx,css}\" --list-different",
+    "lint": "lerna run lint && yarn lint:format",
     "prepare": "husky install",
     "release": "lerna publish --no-private",
     "release-dev": "lerna publish --no-private --no-push --no-git-tag-version --dist-tag dev",
     "release-next": "lerna publish --no-private --dist-tag next",
+    "sync-locales": "lerna run sync-locales --scope @staticcms/tools",
+    "test": "lerna run test",
     "test:ci": "lerna run test:ci",
+    "test:e2e": "cypress run --browser chrome --headed",
+    "test:e2e:headless": "cypress run --browser chrome --headless",
     "test:integration:ci": "lerna run test:integration:ci",
     "test:integration": "lerna run test:integration",
-    "test": "lerna run test",
     "type-check": "lerna run type-check --scope @staticcms/core"
   },
   "devDependencies": {
-    "all-contributors-cli": "6.24.0",
+    "@simonsmith/cypress-image-snapshot": "9.0.1",
+    "@types/mocha": "10.0.3",
+    "all-contributors-cli": "6.26.1",
+    "cypress-plugin-tab": "1.0.5",
+    "cypress-real-events": "1.11.0",
+    "cypress": "13.4.0",
+    "execa": "5.1.1",
     "husky": "8.0.3",
-    "lerna": "6.6.1",
-    "lint-staged": "13.2.1",
+    "lerna": "7.3.0",
+    "lint-staged": "14.0.1",
+    "react-dom": "18.2.0",
     "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "rehype": "13.0.1",
+    "unist-util-visit": "4.1.2"
   },
   "workspaces": [
     "packages/*"
diff --git a/packages/app/.eslintrc.js b/packages/app/.eslintrc.js
index 90bd58f4..fabf0409 100644
--- a/packages/app/.eslintrc.js
+++ b/packages/app/.eslintrc.js
@@ -34,9 +34,6 @@ module.exports = {
       },
     ],
     'no-duplicate-imports': 'error',
-    '@emotion/no-vanilla': 'off',
-    '@emotion/import-from-emotion': 'error',
-    '@emotion/styled-import': 'error',
     'require-atomic-updates': [0],
     'object-shorthand': ['error', 'always'],
     'prefer-const': [
@@ -57,7 +54,7 @@ module.exports = {
     ],
     'import/prefer-default-export': 'error',
   },
-  plugins: ['babel', '@emotion', 'cypress', 'unicorn', 'react-hooks'],
+  plugins: ['babel', 'cypress', 'unicorn', 'react-hooks'],
   settings: {
     react: {
       version: 'detect',
@@ -97,7 +94,6 @@ module.exports = {
         '@typescript-eslint/consistent-type-imports': 'error',
         '@typescript-eslint/explicit-function-return-type': [0],
         '@typescript-eslint/explicit-module-boundary-types': [0],
-        '@typescript-eslint/no-duplicate-imports': 'error',
         '@typescript-eslint/no-use-before-define': [
           'error',
           { functions: false, classes: true, variables: true },
diff --git a/packages/app/babel.config.js b/packages/app/babel.config.js
index 91373013..2bf8b3a5 100644
--- a/packages/app/babel.config.js
+++ b/packages/app/babel.config.js
@@ -42,12 +42,6 @@ function presets() {
   return [
     '@babel/preset-react',
     '@babel/preset-env',
-    [
-      '@emotion/babel-preset-css-prop',
-      {
-        autoLabel: 'always',
-      },
-    ],
     '@babel/typescript',
   ];
 }
diff --git a/packages/app/package.json b/packages/app/package.json
index afd6d9c6..557ec0f9 100644
--- a/packages/app/package.json
+++ b/packages/app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@staticcms/app",
-  "version": "3.4.8",
+  "version": "4.0.0",
   "license": "MIT",
   "description": "Static CMS application.",
   "repository": "https://github.com/StaticJsCMS/static-cms",
@@ -37,10 +37,9 @@
     "last 2 Safari versions"
   ],
   "dependencies": {
-    "@babel/eslint-parser": "7.21.3",
-    "@babel/runtime": "7.21.0",
-    "@emotion/babel-preset-css-prop": "11.10.0",
-    "@staticcms/core": "^3.4.8",
+    "@babel/eslint-parser": "7.22.15",
+    "@babel/runtime": "7.23.1",
+    "@staticcms/core": "^4.0.0",
     "buffer": "6.0.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",
@@ -48,59 +47,57 @@
     "ts-loader": "9.4.2"
   },
   "devDependencies": {
-    "@babel/cli": "7.21.0",
-    "@babel/core": "7.21.4",
+    "@babel/cli": "7.23.0",
+    "@babel/core": "7.23.0",
     "@babel/plugin-proposal-class-properties": "7.18.6",
-    "@babel/plugin-proposal-export-default-from": "7.18.10",
+    "@babel/plugin-proposal-export-default-from": "7.22.17",
     "@babel/plugin-proposal-nullish-coalescing-operator": "7.18.6",
     "@babel/plugin-proposal-numeric-separator": "7.18.6",
     "@babel/plugin-proposal-object-rest-spread": "7.20.7",
     "@babel/plugin-proposal-optional-chaining": "7.21.0",
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
-    "@babel/preset-env": "7.21.4",
-    "@babel/preset-react": "7.18.6",
-    "@babel/preset-typescript": "7.21.4",
-    "@emotion/eslint-plugin": "11.10.0",
-    "@emotion/jest": "11.10.5",
-    "@types/node": "18.16.14",
-    "@types/react": "18.2.0",
-    "@types/react-dom": "18.2.1",
-    "@typescript-eslint/eslint-plugin": "5.59.1",
-    "@typescript-eslint/parser": "5.59.1",
-    "autoprefixer": "10.4.14",
+    "@babel/preset-env": "7.22.20",
+    "@babel/preset-react": "7.22.15",
+    "@babel/preset-typescript": "7.23.0",
+    "@types/node": "18.17.19",
+    "@types/react": "18.2.25",
+    "@types/react-dom": "18.2.10",
+    "@typescript-eslint/eslint-plugin": "6.7.4",
+    "@typescript-eslint/parser": "6.7.4",
+    "autoprefixer": "10.4.16",
     "babel-core": "7.0.0-bridge.0",
-    "babel-loader": "9.1.2",
-    "babel-plugin-emotion": "11.0.0",
+    "babel-loader": "9.1.3",
     "babel-plugin-inline-json-import": "0.3.2",
     "babel-plugin-inline-react-svg": "2.0.2",
     "babel-plugin-lodash": "3.3.4",
     "babel-plugin-transform-builtin-extend": "1.1.2",
-    "babel-plugin-transform-define": "2.1.0",
+    "babel-plugin-transform-define": "2.1.4",
     "babel-plugin-transform-export-extensions": "6.22.0",
     "babel-plugin-transform-inline-environment-variables": "0.4.4",
     "cross-env": "7.0.3",
-    "css-loader": "6.7.3",
-    "dotenv": "16.0.3",
-    "eslint": "8.39.0",
-    "eslint-import-resolver-typescript": "3.5.5",
-    "eslint-plugin-cypress": "2.13.3",
-    "eslint-plugin-import": "2.27.5",
-    "eslint-plugin-prettier": "4.2.1",
-    "eslint-plugin-react": "7.32.2",
+    "css-loader": "6.8.1",
+    "dotenv": "16.3.1",
+    "eslint": "8.50.0",
+    "eslint-import-resolver-typescript": "3.6.1",
+    "eslint-plugin-cypress": "2.15.1",
+    "eslint-plugin-import": "2.28.1",
+    "eslint-plugin-prettier": "5.0.0",
     "eslint-plugin-react-hooks": "4.6.0",
-    "eslint-plugin-unicorn": "46.0.1",
-    "mini-css-extract-plugin": "2.7.5",
+    "eslint-plugin-unicorn": "48.0.1",
+    "mini-css-extract-plugin": "2.7.6",
     "npm-run-all": "4.1.5",
-    "postcss": "8.4.23",
-    "postcss-scss": "4.0.6",
-    "prettier": "2.8.8",
+    "postcss": "8.4.31",
+    "postcss-loader": "7.3.3",
+    "postcss-scss": "4.0.9",
+    "prettier": "3.0.3",
     "source-map-loader": "4.0.1",
-    "style-loader": "3.3.2",
+    "style-loader": "3.3.3",
+    "tailwindcss": "3.3.3",
     "to-string-loader": "1.2.0",
     "tsconfig-paths-webpack-plugin": "4.0.1",
-    "typescript": "5.0.4",
-    "webpack": "5.80.0",
-    "webpack-cli": "5.0.2"
+    "typescript": "5.2.2",
+    "webpack": "5.88.2",
+    "webpack-cli": "5.1.4"
   },
   "publishConfig": {
     "access": "public",
diff --git a/packages/app/tsconfig.json b/packages/app/tsconfig.json
index a0274886..4d9b0d6c 100644
--- a/packages/app/tsconfig.json
+++ b/packages/app/tsconfig.json
@@ -52,7 +52,7 @@
       "@staticcms/core": ["../core/src"],
       "@staticcms/core/*": ["../core/src/*"]
     },
-    "types": ["@emotion/react/types/css-prop", "@types/jest", "@testing-library/jest-dom"]
+    "types": ["@types/jest", "@testing-library/jest-dom"]
   },
   "include": ["src/**/*"],
   "exclude": ["node_modules", "**/*.spec.ts"]
diff --git a/packages/app/webpack.config.js b/packages/app/webpack.config.js
index 3e1c1728..44c0403c 100644
--- a/packages/app/webpack.config.js
+++ b/packages/app/webpack.config.js
@@ -86,7 +86,6 @@ module.exports = {
     !isProduction && new ReactRefreshWebpackPlugin(),
     isProduction && new MiniCssExtractPlugin(),
     new webpack.IgnorePlugin({ resourceRegExp: /^esprima$/ }),
-    new webpack.IgnorePlugin({ resourceRegExp: /moment\/locale\// }),
     new webpack.ProvidePlugin({
       process: 'process/browser',
       Buffer: ['buffer', 'Buffer'],
diff --git a/packages/core/.eslintrc.js b/packages/core/.eslintrc.js
index 623f6a2c..3058e132 100644
--- a/packages/core/.eslintrc.js
+++ b/packages/core/.eslintrc.js
@@ -34,9 +34,6 @@ module.exports = {
       },
     ],
     'no-duplicate-imports': 'error',
-    '@emotion/no-vanilla': 'off',
-    '@emotion/import-from-emotion': 'error',
-    '@emotion/styled-import': 'error',
     'require-atomic-updates': [0],
     'object-shorthand': ['error', 'always'],
     'prefer-const': [
@@ -57,7 +54,7 @@ module.exports = {
     ],
     'import/prefer-default-export': 'error',
   },
-  plugins: ['babel', '@emotion', 'cypress', 'unicorn', 'react-hooks'],
+  plugins: ['babel', 'cypress', 'unicorn', 'react-hooks'],
   settings: {
     react: {
       version: 'detect',
@@ -99,7 +96,6 @@ module.exports = {
         '@typescript-eslint/consistent-type-imports': 'error',
         '@typescript-eslint/explicit-function-return-type': [0],
         '@typescript-eslint/explicit-module-boundary-types': [0],
-        '@typescript-eslint/no-duplicate-imports': 'error',
         '@typescript-eslint/no-use-before-define': [
           'error',
           { functions: false, classes: true, variables: true },
diff --git a/packages/core/babel.config.js b/packages/core/babel.config.js
index 40a4d8b8..1363782c 100644
--- a/packages/core/babel.config.js
+++ b/packages/core/babel.config.js
@@ -42,12 +42,6 @@ function presets() {
   return [
     '@babel/preset-react',
     '@babel/preset-env',
-    [
-      '@emotion/babel-preset-css-prop',
-      {
-        autoLabel: 'always',
-      },
-    ],
     '@babel/typescript',
   ];
 }
diff --git a/packages/core/dev-test/backends/bitbucket/config.yml b/packages/core/dev-test/backends/bitbucket/config.yml
index c84043d2..f3d78b18 100644
--- a/packages/core/dev-test/backends/bitbucket/config.yml
+++ b/packages/core/dev-test/backends/bitbucket/config.yml
@@ -2,9 +2,24 @@ backend:
   name: bitbucket
   branch: main
   repo: staticcms/static-cms-bitbucket
+site_url: 'https://example.com'
+media_folder: /assets/uploads
+media_library:
+  folder_support: true
+locale: en
+i18n:
+  # Required and can be one of multiple_folders, multiple_files or single_file
+  # multiple_folders - persists files in `<folder>/<locale>/<slug>.<extension>`
+  # multiple_files - persists files in `<folder>/<slug>.<locale>.<extension>`
+  # single_file - persists a single file in `<folder>/<slug>.<extension>`
+  structure: multiple_files
 
-media_folder: static/media
-public_folder: /media
+  # Required - a list of locales to show in the editor UI
+  locales: [en, de, fr]
+
+  # Optional, defaults to the first item in locales.
+  # The locale to be used for fields validation and as a baseline for the entry.
+  default_locale: en
 collections:
   - name: posts
     label: Posts
@@ -14,7 +29,9 @@ collections:
       and editing guidelines that are specific to a collection.
     folder: _posts
     slug: '{{year}}-{{month}}-{{day}}-{{slug}}'
-    summary: '{{title}} -- {{year}}/{{month}}/{{day}}'
+    summary_fields:
+      - title
+      - date
     sortable_fields:
       fields:
         - title
@@ -23,59 +40,99 @@ collections:
         field: title
     create: true
     view_filters:
-      - label: Posts With Index
-        field: title
-        pattern: 'This is post #'
-      - label: Posts Without Index
-        field: title
-        pattern: front matter post
-      - label: Drafts
-        field: draft
-        pattern: true
+      filters:
+        - name: posts-with-index
+          label: Posts With Index
+          field: title
+          pattern: 'This is post #'
+        - name: posts-without-index
+          label: Posts Without Index
+          field: title
+          pattern: front matter post
+        - name: draft
+          label: Drafts
+          field: draft
+          pattern: true
     view_groups:
-      - label: Year
-        field: date
-        pattern: '\d{4}'
-      - label: Drafts
-        field: draft
+      groups:
+        - name: by-year
+          label: Year
+          field: date
+          pattern: '\d{4}'
+        - name: draft
+          label: Drafts
+          field: draft
     fields:
       - label: Title
         name: title
         widget: string
-      - label: Draft
-        name: draft
-        widget: boolean
+      - label: 'Draft'
+        name: 'draft'
+        widget: 'boolean'
         default: false
       - label: Publish Date
         name: date
         widget: datetime
         date_format: yyyy-MM-dd
         time_format: 'HH:mm'
-        format: 'yyyy-MM-dd HH:mm'
+        format: "yyyy-MM-dd'T'HH:mm:ss.SSSXXX"
       - label: Cover Image
         name: image
         widget: image
         required: false
+      - label: Description
+        name: description
+        widget: text
+      - label: Category
+        name: category
+        widget: string
       - label: Body
         name: body
         widget: markdown
-        hint: Main content goes here.
+        hint: '*Main* __content__ __*goes*__ [here](https://example.com/).'
+      - label: Tags
+        name: tags
+        widget: list
   - name: faq
     label: FAQ
     folder: _faqs
     create: true
+    editor:
+      frame: false
+      size: half
     fields:
       - label: Question
         name: title
         widget: string
+      - label: Type
+        name: type
+        widget: select
+        default: internal
+        options:
+          - label: Internal
+            value: internal
+          - label: External
+            value: external
+      - label: URL
+        name: url
+        widget: string
+        condition:
+          field: type
+          value: external
       - label: Answer
         name: body
         widget: markdown
+        condition:
+          field: type
+          value: internal
       - name: posts
         label: Posts
         label_singular: Post
         widget: list
-        summary: '{{fields.post | split(''|'', ''$1'')}}'
+        summary: "{{fields.post | split('|', '$1')}}"
+        condition:
+          field: type
+          value: internal
         fields:
           - label: Related Post
             name: post
@@ -88,6 +145,1005 @@ collections:
               - title
               - body
             value_field: '{{title}}|{{date}}'
+  - name: widgets
+    label: Widgets
+    delete: false
+    files:
+      - name: boolean
+        label: Boolean
+        file: _widgets/boolean.json
+        description: Boolean widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: boolean
+          - name: with_default
+            label: Required With Default
+            widget: boolean
+            default: true
+          - name: pattern
+            label: Pattern Validation
+            widget: boolean
+            pattern: ['true', 'Must be true']
+            required: false
+          - name: prefix
+            label: With Prefix
+            widget: boolean
+            prefix: "I'm a prefix"
+          - name: suffix
+            label: With Suffix
+            widget: boolean
+            suffix: "I'm a suffix"
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: boolean
+            prefix: "I'm a prefix"
+            suffix: "I'm a suffix"
+      - name: code
+        label: Code
+        file: _widgets/code.json
+        description: Code widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: code
+          - name: with_default
+            label: Required With Default
+            widget: code
+            default: '<div>Some html!</div>'
+          - name: pattern
+            label: Pattern Validation
+            widget: code
+            pattern: ['.{12,}', 'Must have at least 12 characters']
+            allow_input: true
+            required: false
+          - name: language
+            label: Language Selection
+            widget: code
+            allow_language_selection: true
+            required: false
+          - name: language_with_default
+            label: Language Selection With Default Language
+            widget: code
+            allow_language_selection: true
+            required: false
+            default_language: html
+          - name: language_with_default_language_and_value
+            label: Language Selection With Default Language and Value
+            widget: code
+            allow_language_selection: true
+            required: false
+            default:
+              lang: html
+              code: '<div>Some html!</div>'
+          - name: language_with_default_language_and_value_string_default
+            label: Language Selection With Default Language and Value (String Default)
+            widget: code
+            allow_language_selection: true
+            required: false
+            default_language: html
+            default: '<div>Some html!</div>'
+      - name: color
+        label: Color
+        file: _widgets/color.json
+        description: Color widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: color
+          - name: allow_input
+            label: Allow Input
+            widget: color
+            allow_input: true
+          - name: with_default
+            label: Required With Default
+            widget: color
+            default: '#2121c5'
+          - name: pattern
+            label: Pattern Validation
+            widget: color
+            pattern:
+              ['^#[a-fA-F0-9]{3}$|^[a-fA-F0-9]{4}$|^[a-fA-F0-9]{6}$', 'Must be a valid hex code']
+            allow_input: true
+            required: false
+          - name: alpha
+            label: Alpha
+            widget: color
+            enable_alpha: true
+            required: false
+          - name: alpha_with_default
+            label: Alpha With Default
+            widget: color
+            enable_alpha: true
+            required: false
+            default: 'rgba(175, 28, 28, 0.65)'
+      - name: datetime
+        label: DateTime
+        file: _widgets/datetime.json
+        description: DateTime widget
+        fields:
+          - name: required
+            label: 'Required Validation'
+            widget: datetime
+          - name: pattern
+            label: 'Pattern Validation'
+            widget: datetime
+            format: 'MMM d, yyyy h:mm aaa'
+            date_format: 'MMM d, yyyy'
+            time_format: 'h:mm aaa'
+            pattern: ['pm', 'Must be in the afternoon']
+            required: false
+          - name: date_and_time
+            label: Date and Time
+            widget: datetime
+            format: 'MMM d, yyyy h:mm aaa'
+            date_format: 'MMM d, yyyy'
+            time_format: 'h:mm aaa'
+            required: false
+          - name: date_and_time_with_default
+            label: Date and Time With Default
+            widget: datetime
+            format: 'MMM d, yyyy h:mm aaa'
+            date_format: 'MMM d, yyyy'
+            time_format: 'h:mm aaa'
+            required: false
+            default: 'Jan 12, 2023 12:00 am'
+          - name: date
+            label: Date
+            widget: datetime
+            format: 'MMM d, yyyy'
+            time_format: false
+            required: false
+          - name: date_with_default
+            label: Date With Default
+            widget: datetime
+            format: 'MMM d, yyyy'
+            date_format: 'MMM d, yyyy'
+            time_format: false
+            required: false
+            default: 'Jan 12, 2023'
+          - name: time
+            label: Time
+            widget: datetime
+            format: 'h:mm aaa'
+            date_format: false
+            time_format: 'h:mm aaa'
+            required: false
+          - name: time_with_default
+            label: Time With Default
+            widget: datetime
+            format: 'h:mm aaa'
+            date_format: false
+            time_format: 'h:mm aaa'
+            required: false
+            default: '12:00 am'
+      - name: file
+        label: File
+        file: _widgets/file.json
+        description: File widget
+        media_library:
+          folder_support: false
+        fields:
+          - name: required
+            label: Required Validation
+            widget: file
+          - name: with_default
+            label: Required With Default
+            widget: file
+            default: /assets/uploads/moby-dick.jpg
+          - name: pattern
+            label: Pattern Validation
+            widget: file
+            pattern: ['\.pdf', 'Must be a pdf']
+            required: false
+          - name: choose_url
+            label: Choose URL
+            widget: file
+            required: false
+            choose_url: true
+          - name: multiple
+            label: Multiple Files
+            widget: file
+            required: false
+            multiple: true
+          - name: multiple_choose_url
+            label: Multiple Files, Choose URL
+            widget: file
+            required: false
+            multiple: true
+            choose_url: true
+          - name: folder_support
+            label: Folder Support
+            widget: file
+            media_library:
+              folder_support: true
+      - name: image
+        label: Image
+        file: _widgets/image.json
+        description: Image widget
+        media_library:
+          folder_support: false
+        fields:
+          - name: required
+            label: Required Validation
+            widget: image
+          - name: with_default
+            label: Required With Default
+            widget: image
+            default: /assets/uploads/moby-dick.jpg
+          - name: pattern
+            label: Pattern Validation
+            widget: image
+            pattern: ['\.png', 'Must be a png']
+            required: false
+          - name: choose_url
+            label: Choose URL
+            widget: image
+            required: false
+            choose_url: true
+          - name: multiple
+            label: Multiple Images
+            widget: image
+            required: false
+            multiple: true
+          - name: multiple_choose_url
+            label: Multiple Images, Choose URL
+            widget: image
+            required: false
+            multiple: true
+            choose_url: true
+          - name: folder_support
+            label: Folder Support
+            widget: image
+            media_library:
+              folder_support: true
+      - name: keyvalue
+        label: Key Value
+        file: _widgets/keyvalue.yml
+        description: Key Value widget
+        fields:
+          - name: keyvalue
+            label: Required
+            widget: keyvalue
+          - name: with_default
+            label: Required With Default
+            widget: keyvalue
+            default:
+              key1: value1
+              key2: value2
+              key3: value3
+          - name: with_min
+            label: Required With Min (2)
+            widget: keyvalue
+            min: 2
+          - name: with_max
+            label: Required With Max (4)
+            widget: keyvalue
+            max: 4
+          - name: with_min_and_max
+            label: Required With Min (2) and Max (4)
+            widget: keyvalue
+            min: 2
+            max: 4
+      - name: list
+        label: List
+        file: _widgets/list.yml
+        description: List widget
+        fields:
+          - name: list
+            label: Required List
+            widget: list
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+          - name: with_default
+            label: Required With Default
+            widget: list
+            default:
+              - name: Bob Billy
+                description: Some text about bob
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+          - name: optional
+            label: Optional List
+            widget: list
+            required: false
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+          - name: list_with_object_child
+            label: List With Object Child
+            widget: list
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+              - label: Object
+                name: object
+                widget: object
+                fields:
+                  - label: Name
+                    name: name
+                    widget: string
+                    hint: First and Last
+                  - label: Description
+                    name: description
+                    widget: text
+          - name: comma_separated_list
+            label: Comma Separated List
+            widget: list
+          - name: delimiter_separated_list
+            label: Custom Delimiter (Semicolon) Separated List
+            widget: list
+            delimiter: ';'
+            default:
+              - 'tag-1'
+              - 'tag-2'
+          - name: string_list
+            label: String List
+            widget: list
+            fields:
+              - label: Tag
+                name: tag
+                widget: string
+          - name: number_list
+            label: Number List
+            widget: list
+            default:
+              - 5
+              - 13
+              - 2
+            fields:
+              - label: Value
+                name: value
+                widget: number
+          - name: boolean_list
+            label: Boolean List
+            widget: list
+            default:
+              - false
+              - true
+            fields:
+              - label: Active
+                name: active
+                widget: boolean
+          - name: typed_list
+            label: Typed List
+            widget: list
+            types:
+              - label: Type 1 Object
+                name: type_1_object
+                widget: object
+                fields:
+                  - label: String
+                    name: string
+                    widget: string
+                  - label: Boolean
+                    name: boolean
+                    widget: boolean
+                  - label: Text
+                    name: text
+                    widget: text
+              - label: Type 2 Object
+                name: type_2_object
+                widget: object
+                fields:
+                  - label: Number
+                    name: number
+                    widget: number
+                  - label: Select
+                    name: select
+                    widget: select
+                    options:
+                      - a
+                      - b
+                      - c
+                  - label: Datetime
+                    name: datetime
+                    widget: datetime
+                  - label: Markdown
+                    name: markdown
+                    widget: markdown
+              - label: Type 3 Object
+                name: type_3_object
+                widget: object
+                fields:
+                  - label: Image
+                    name: image
+                    widget: image
+                  - label: File
+                    name: file
+                    widget: file
+          - name: typed_list_with_default
+            label: Typed List With Default
+            widget: list
+            default:
+              - type: type_2_object
+                number: 5
+                select: c
+                datetime: '2022-12-05T20:22:52+0000'
+                markdown: Some ***Markdown*** ~content~ text
+            types:
+              - label: Type 1 Object
+                name: type_1_object
+                widget: object
+                fields:
+                  - label: String
+                    name: string
+                    widget: string
+                  - label: Boolean
+                    name: boolean
+                    widget: boolean
+                  - label: Text
+                    name: text
+                    widget: text
+              - label: Type 2 Object
+                name: type_2_object
+                widget: object
+                summary: "{{datetime | date('yyyy-MM-dd')}}"
+                fields:
+                  - label: Number
+                    name: number
+                    widget: number
+                  - label: Select
+                    name: select
+                    widget: select
+                    options:
+                      - a
+                      - b
+                      - c
+                  - label: Datetime
+                    name: datetime
+                    widget: datetime
+                  - label: Markdown
+                    name: markdown
+                    widget: markdown
+              - label: Type 3 Object
+                name: type_3_object
+                widget: object
+                fields:
+                  - label: Image
+                    name: image
+                    widget: image
+                  - label: File
+                    name: file
+                    widget: file
+          - name: typed_list_with_condition
+            label: Typed List With Condition
+            widget: list
+            types:
+              - label: Type 1 Object
+                name: type_1_object
+                widget: object
+                fields:
+                  - name: template
+                    label: template
+                    widget: select
+                    options:
+                      - column
+                      - row
+                      - banner
+                    default: column
+                  - label: String
+                    name: string
+                    widget: string
+                  - label: Boolean
+                    name: boolean
+                    widget: boolean
+                    condition:
+                      field: template
+                      value: banner
+                  - label: Text
+                    name: text
+                    widget: text
+              - label: Type 2 Object
+                name: type_2_object
+                widget: object
+                fields:
+                  - label: Number
+                    name: number
+                    widget: number
+                  - label: Select
+                    name: select
+                    widget: select
+                    options:
+                      - a
+                      - b
+                      - c
+                  - label: Datetime
+                    name: datetime
+                    widget: datetime
+                  - label: Markdown
+                    name: markdown
+                    widget: markdown
+              - label: Type 3 Object
+                name: type_3_object
+                widget: object
+                fields:
+                  - label: Image
+                    name: image
+                    widget: image
+                  - label: File
+                    name: file
+                    widget: file
+      - name: map
+        label: Map
+        file: _widgets/map.json
+        description: Map widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: map
+          - name: with_default
+            label: Required With Default
+            widget: map
+            default: '{ "type": "Point", "coordinates": [-73.9852661, 40.7478738] }'
+          - name: pattern
+            label: Pattern Validation
+            widget: map
+            pattern: ['\[-([7-9][0-9]|1[0-2][0-9])\.', 'Must be between latitude -70 and -129']
+            required: false
+          - name: line_string
+            label: Line String
+            type: LineString
+            widget: map
+            required: false
+          - name: polygon
+            label: Polygon
+            type: Polygon
+            widget: map
+            required: false
+      - name: markdown
+        label: Markdown
+        file: _widgets/markdown.json
+        description: Markdown widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: markdown
+          - name: with_default
+            label: Required With Default
+            widget: markdown
+            default: Default **markdown** value
+          - name: raw
+            label: Raw Editor
+            widget: markdown
+            show_raw: true
+          - name: pattern
+            label: Pattern Validation
+            widget: markdown
+            pattern: ['# [a-zA-Z0-9]+', 'Must have a header']
+            required: false
+          - name: folder_support
+            label: Folder Support
+            widget: markdown
+            media_library:
+              folder_support: true
+          - name: customized_buttons
+            label: Customized Buttons
+            widget: markdown
+            toolbar_buttons:
+              main:
+                - bold
+                - italic
+                - font
+                - shortcode
+                - label: Insert
+                  groups:
+                    - items: ['image', 'file-link']
+                    - items: ['insert-table']
+              empty:
+                - bold
+                - italic
+                - font
+                - label: Insert
+                  groups:
+                    - items: ['image', 'file-link']
+                    - items: ['blockquote', 'code-block']
+              selection:
+                - bold
+                - italic
+                - font
+                - file-link
+              table_empty:
+                - insert-row
+                - insert-column
+                - delete-row
+                - delete-column
+                - delete-table
+              table_selection:
+                - bold
+                - italic
+                - font
+      - name: number
+        label: Number
+        file: _widgets/number.json
+        description: Number widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: number
+          - name: with_default
+            label: Required With Default
+            widget: number
+            default: 5
+          - name: min
+            label: Min Validation
+            widget: number
+            min: 5
+            required: false
+          - name: max
+            label: Max Validation
+            widget: number
+            max: 10
+            required: false
+          - name: min_and_max
+            label: Min and Max Validation
+            widget: number
+            min: 5
+            max: 10
+            required: false
+          - name: pattern
+            label: Pattern Validation
+            widget: number
+            pattern: ['[0-9]{3,}', 'Must be at least 3 digits']
+            required: false
+          - name: prefix
+            label: With Prefix
+            widget: number
+            prefix: '$'
+          - name: suffix
+            label: With Suffix
+            widget: number
+            suffix: '%'
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: number
+            prefix: '$'
+            suffix: '%'
+      - name: object
+        label: Object
+        file: _widgets/object.json
+        description: Object widget
+        fields:
+          - label: Required Validation
+            name: required
+            widget: object
+            fields:
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+              - label: Author
+                name: author
+                widget: string
+              - label: Thumbnail
+                name: thumb
+                widget: image
+          - label: Required With Defaults
+            name: with_defaults
+            widget: object
+            fields:
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                default: 5
+              - label: Author
+                name: author
+                widget: string
+                default: Bob
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                default: /assets/uploads/moby-dick.jpg
+          - label: Optional Validation
+            name: optional
+            widget: object
+            required: false
+            fields:
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                required: false
+              - label: Author
+                name: author
+                widget: string
+                required: false
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                required: false
+          - label: With Hidden Field
+            name: hidden_field
+            widget: object
+            required: false
+            fields:
+              - name: layout
+                widget: hidden
+                default: post
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                required: false
+              - label: Author
+                name: author
+                widget: string
+                required: false
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                required: false
+          - label: Collapsed, optional with required children
+            name: collapsed_optional_with_required_children
+            widget: object
+            required: false
+            collapsed: true
+            fields:
+              - name: layout
+                widget: hidden
+                default: post
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                required: true
+              - label: Author
+                name: author
+                widget: string
+                required: true
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                required: true
+      - name: relation
+        label: Relation
+        file: _widgets/relation.json
+        description: Relation widget
+        fields:
+          - label: Required Validation
+            name: required
+            widget: relation
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+          - label: Required With Default
+            name: with_default
+            widget: relation
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+            default: This is a YAML front matter post
+          - label: Optional Validation
+            name: optional
+            widget: relation
+            required: false
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+          - label: Multiple
+            name: multiple
+            widget: relation
+            multiple: true
+            required: false
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+          - label: Multiple With Default
+            name: multiple_with_default
+            widget: relation
+            multiple: true
+            required: false
+            collection: posts
+            default:
+              - This is a JSON front matter post
+              - This is a YAML front matter post
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+      - name: select
+        label: Select
+        file: _widgets/select.json
+        description: Select widget
+        fields:
+          - label: Required Validation
+            name: required
+            widget: select
+            options:
+              - a
+              - b
+              - c
+          - label: Required With Default
+            name: with_default
+            widget: select
+            default: b
+            options:
+              - a
+              - b
+              - c
+          - label: Pattern Validation
+            name: pattern
+            widget: select
+            options:
+              - a
+              - b
+              - c
+            pattern: ['[a-b]', 'Must be a or b']
+            required: false
+          - label: Number Value
+            name: number
+            widget: select
+            options:
+              - 1
+              - 2
+              - 3
+          - label: Number With Default
+            name: number_with_default
+            widget: select
+            default: 3
+            options:
+              - 1
+              - 2
+              - 3
+          - label: Value and Label
+            name: value_and_label
+            widget: select
+            options:
+              - value: a
+                label: A fancy label
+              - value: 2
+                label: Another fancy label
+              - value: c
+                label: And one more fancy label
+          - label: Value and Label With Default
+            name: value_and_label_with_default
+            widget: select
+            default: 2
+            options:
+              - value: a
+                label: A fancy label
+              - value: 2
+                label: Another fancy label
+              - value: c
+                label: And one more fancy label
+          - label: Multiple
+            name: multiple
+            widget: select
+            options:
+              - a
+              - b
+              - c
+            pattern: ['[a-b]', 'Must be a or b']
+            multiple: true
+            required: false
+          - label: Multiple With Default
+            name: multiple_with_default
+            widget: select
+            default:
+              - b
+              - c
+            options:
+              - a
+              - b
+              - c
+            pattern: ['[a-b]', 'Must be a or b']
+            multiple: true
+            required: false
+          - label: Value and Label Multiple
+            name: value_and_label_multiple
+            widget: select
+            multiple: true
+            options:
+              - value: a
+                label: A fancy label
+              - value: b
+                label: Another fancy label
+              - value: c
+                label: And one more fancy label
+      - name: string
+        label: String
+        file: _widgets/string.json
+        description: String widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: string
+          - name: with_default
+            label: Required With Default
+            widget: string
+            default: Default value
+          - name: pattern
+            label: Pattern Validation
+            widget: string
+            pattern: ['.{12,}', 'Must have at least 12 characters']
+            required: false
+          - name: prefix
+            label: With Prefix
+            widget: string
+            prefix: '$'
+          - name: suffix
+            label: With Suffix
+            widget: string
+            suffix: '%'
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: string
+            prefix: '$'
+            suffix: '%'
+      - name: text
+        label: Text
+        file: _widgets/text.json
+        description: Text widget
+        fields:
+          - name: required
+            label: 'Required Validation'
+            widget: text
+          - name: with_default
+            label: Required With Default
+            widget: text
+            default: Default value
+          - name: pattern
+            label: 'Pattern Validation'
+            widget: text
+            pattern: ['.{12,}', 'Must have at least 12 characters']
+            required: false
+      - name: uuid
+        label: UUID
+        file: _widgets/uuid.json
+        description: UUID widget
+        fields:
+          - name: uuid
+            label: UUID
+            widget: uuid
+          - name: no_regenerate
+            label: Does not allow regeneration
+            widget: uuid
+            allow_regenerate: false
+          - name: with_prefix
+            label: With Prefix
+            widget: uuid
+            prefix: 'book/'
   - name: settings
     label: Settings
     delete: false
@@ -99,11 +1155,6 @@ collections:
         file: _data/settings.json
         description: General Site Settings
         fields:
-          - label: Number of posts on frontpage
-            name: front_limit
-            widget: number
-            min: 1
-            max: 10
           - label: Global title
             name: site_title
             widget: string
@@ -127,6 +1178,8 @@ collections:
         label: Authors
         file: _data/authors.yml
         description: Author descriptions
+        editor:
+          preview: true
         fields:
           - name: authors
             label: Authors
@@ -140,6 +1193,34 @@ collections:
               - label: Description
                 name: description
                 widget: text
+      - name: hotels
+        label: Hotel Locations
+        file: _data/hotel_locations.yml
+        fields:
+          - name: country
+            label: Country
+            widget: string
+          - name: hotel_locations
+            label: Hotel Locations
+            widget: list
+            fields:
+              - name: cities
+                label: Cities
+                widget: list
+                fields:
+                  - name: city
+                    label: City
+                    widget: string
+                  - name: number_of_hotels_in_city
+                    label: Number of Hotels in City
+                    widget: number
+                  - name: city_locations
+                    label: City Locations
+                    widget: list
+                    fields:
+                      - name: hotel_name
+                        label: Hotel Name
+                        widget: string
   - name: kitchenSink
     label: Kitchen Sink
     folder: _sink
@@ -219,6 +1300,16 @@ collections:
             value: 2
           - label: Three
             value: 3
+      - label: Select mixed string and numeric
+        name: select_mixed_string_numeric
+        widget: select
+        options:
+          - label: One
+            value: 'One'
+          - label: Two
+            value: 2
+          - label: Three
+            value: 3
       - label: Hidden
         name: hidden
         widget: hidden
@@ -364,7 +1455,7 @@ collections:
                     widget: number
                   - label: Markdown
                     name: markdown
-                    widget: text
+                    widget: markdown
                   - label: Datetime
                     name: datetime
                     widget: datetime
@@ -403,7 +1494,7 @@ collections:
                         widget: number
                       - label: Markdown
                         name: markdown
-                        widget: text
+                        widget: markdown
                       - label: Datetime
                         name: datetime
                         widget: datetime
@@ -456,7 +1547,7 @@ collections:
                 widget: datetime
               - label: Markdown
                 name: markdown
-                widget: text
+                widget: markdown
           - label: Type 3 Object
             name: type_3_object
             widget: object
@@ -467,3 +1558,43 @@ collections:
               - label: File
                 name: file
                 widget: file
+  - name: i18n_playground
+    label: i18n Playground
+    i18n: true
+    folder: _i18n_playground
+    identifier_field: slug
+    create: true
+    fields:
+      # The slug field will be omitted from the translation.
+      - name: slug
+        label: Slug
+        widget: string
+      # same as 'i18n: translate'. Allows translation of the description field
+      - name: description
+        label: Description
+        widget: text
+        i18n: true
+      # The date field will be duplicated from the default locale.
+      - name: date
+        label: Date
+        widget: datetime
+        i18n: duplicate
+  - name: pages
+    label: Nested Pages
+    label_singular: 'Page'
+    folder: _nested_pages
+    create: true
+    # adding a nested object will show the collection folder structure
+    nested:
+      depth: 100 # max depth to show in the collection tree
+      summary: '{{title}}' # optional summary for a tree node, defaults to the inferred title field
+      # adding a path object allows editing the path of entries
+      # moving an existing entry will move the entire sub tree of the entry to the new location
+      path: { label: 'Path', index_file: 'index' }
+    fields:
+      - label: Title
+        name: title
+        widget: string
+      - label: Body
+        name: body
+        widget: markdown
diff --git a/packages/core/dev-test/backends/git-gateway/config.yml b/packages/core/dev-test/backends/git-gateway/config.yml
index e6410057..50ebacc5 100644
--- a/packages/core/dev-test/backends/git-gateway/config.yml
+++ b/packages/core/dev-test/backends/git-gateway/config.yml
@@ -1,9 +1,24 @@
 backend:
   name: git-gateway
-  branch: master
+  branch: main
+site_url: 'https://example.com'
+media_folder: /assets/uploads
+media_library:
+  folder_support: true
+locale: en
+i18n:
+  # Required and can be one of multiple_folders, multiple_files or single_file
+  # multiple_folders - persists files in `<folder>/<locale>/<slug>.<extension>`
+  # multiple_files - persists files in `<folder>/<slug>.<locale>.<extension>`
+  # single_file - persists a single file in `<folder>/<slug>.<extension>`
+  structure: multiple_files
 
-media_folder: static/media
-public_folder: /media
+  # Required - a list of locales to show in the editor UI
+  locales: [en, de, fr]
+
+  # Optional, defaults to the first item in locales.
+  # The locale to be used for fields validation and as a baseline for the entry.
+  default_locale: en
 collections:
   - name: posts
     label: Posts
@@ -13,7 +28,9 @@ collections:
       and editing guidelines that are specific to a collection.
     folder: _posts
     slug: '{{year}}-{{month}}-{{day}}-{{slug}}'
-    summary: '{{title}} -- {{year}}/{{month}}/{{day}}'
+    summary_fields:
+      - title
+      - date
     sortable_fields:
       fields:
         - title
@@ -22,59 +39,99 @@ collections:
         field: title
     create: true
     view_filters:
-      - label: Posts With Index
-        field: title
-        pattern: 'This is post #'
-      - label: Posts Without Index
-        field: title
-        pattern: front matter post
-      - label: Drafts
-        field: draft
-        pattern: true
+      filters:
+        - name: posts-with-index
+          label: Posts With Index
+          field: title
+          pattern: 'This is post #'
+        - name: posts-without-index
+          label: Posts Without Index
+          field: title
+          pattern: front matter post
+        - name: draft
+          label: Drafts
+          field: draft
+          pattern: true
     view_groups:
-      - label: Year
-        field: date
-        pattern: '\d{4}'
-      - label: Drafts
-        field: draft
+      groups:
+        - name: by-year
+          label: Year
+          field: date
+          pattern: '\d{4}'
+        - name: draft
+          label: Drafts
+          field: draft
     fields:
       - label: Title
         name: title
         widget: string
-      - label: Draft
-        name: draft
-        widget: boolean
+      - label: 'Draft'
+        name: 'draft'
+        widget: 'boolean'
         default: false
       - label: Publish Date
         name: date
         widget: datetime
         date_format: yyyy-MM-dd
         time_format: 'HH:mm'
-        format: 'yyyy-MM-dd HH:mm'
+        format: "yyyy-MM-dd'T'HH:mm:ss.SSSXXX"
       - label: Cover Image
         name: image
         widget: image
         required: false
+      - label: Description
+        name: description
+        widget: text
+      - label: Category
+        name: category
+        widget: string
       - label: Body
         name: body
         widget: markdown
-        hint: Main content goes here.
+        hint: '*Main* __content__ __*goes*__ [here](https://example.com/).'
+      - label: Tags
+        name: tags
+        widget: list
   - name: faq
     label: FAQ
     folder: _faqs
     create: true
+    editor:
+      frame: false
+      size: half
     fields:
       - label: Question
         name: title
         widget: string
+      - label: Type
+        name: type
+        widget: select
+        default: internal
+        options:
+          - label: Internal
+            value: internal
+          - label: External
+            value: external
+      - label: URL
+        name: url
+        widget: string
+        condition:
+          field: type
+          value: external
       - label: Answer
         name: body
         widget: markdown
+        condition:
+          field: type
+          value: internal
       - name: posts
         label: Posts
         label_singular: Post
         widget: list
-        summary: '{{fields.post | split(''|'', ''$1'')}}'
+        summary: "{{fields.post | split('|', '$1')}}"
+        condition:
+          field: type
+          value: internal
         fields:
           - label: Related Post
             name: post
@@ -87,6 +144,1005 @@ collections:
               - title
               - body
             value_field: '{{title}}|{{date}}'
+  - name: widgets
+    label: Widgets
+    delete: false
+    files:
+      - name: boolean
+        label: Boolean
+        file: _widgets/boolean.json
+        description: Boolean widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: boolean
+          - name: with_default
+            label: Required With Default
+            widget: boolean
+            default: true
+          - name: pattern
+            label: Pattern Validation
+            widget: boolean
+            pattern: ['true', 'Must be true']
+            required: false
+          - name: prefix
+            label: With Prefix
+            widget: boolean
+            prefix: "I'm a prefix"
+          - name: suffix
+            label: With Suffix
+            widget: boolean
+            suffix: "I'm a suffix"
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: boolean
+            prefix: "I'm a prefix"
+            suffix: "I'm a suffix"
+      - name: code
+        label: Code
+        file: _widgets/code.json
+        description: Code widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: code
+          - name: with_default
+            label: Required With Default
+            widget: code
+            default: '<div>Some html!</div>'
+          - name: pattern
+            label: Pattern Validation
+            widget: code
+            pattern: ['.{12,}', 'Must have at least 12 characters']
+            allow_input: true
+            required: false
+          - name: language
+            label: Language Selection
+            widget: code
+            allow_language_selection: true
+            required: false
+          - name: language_with_default
+            label: Language Selection With Default Language
+            widget: code
+            allow_language_selection: true
+            required: false
+            default_language: html
+          - name: language_with_default_language_and_value
+            label: Language Selection With Default Language and Value
+            widget: code
+            allow_language_selection: true
+            required: false
+            default:
+              lang: html
+              code: '<div>Some html!</div>'
+          - name: language_with_default_language_and_value_string_default
+            label: Language Selection With Default Language and Value (String Default)
+            widget: code
+            allow_language_selection: true
+            required: false
+            default_language: html
+            default: '<div>Some html!</div>'
+      - name: color
+        label: Color
+        file: _widgets/color.json
+        description: Color widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: color
+          - name: allow_input
+            label: Allow Input
+            widget: color
+            allow_input: true
+          - name: with_default
+            label: Required With Default
+            widget: color
+            default: '#2121c5'
+          - name: pattern
+            label: Pattern Validation
+            widget: color
+            pattern:
+              ['^#[a-fA-F0-9]{3}$|^[a-fA-F0-9]{4}$|^[a-fA-F0-9]{6}$', 'Must be a valid hex code']
+            allow_input: true
+            required: false
+          - name: alpha
+            label: Alpha
+            widget: color
+            enable_alpha: true
+            required: false
+          - name: alpha_with_default
+            label: Alpha With Default
+            widget: color
+            enable_alpha: true
+            required: false
+            default: 'rgba(175, 28, 28, 0.65)'
+      - name: datetime
+        label: DateTime
+        file: _widgets/datetime.json
+        description: DateTime widget
+        fields:
+          - name: required
+            label: 'Required Validation'
+            widget: datetime
+          - name: pattern
+            label: 'Pattern Validation'
+            widget: datetime
+            format: 'MMM d, yyyy h:mm aaa'
+            date_format: 'MMM d, yyyy'
+            time_format: 'h:mm aaa'
+            pattern: ['pm', 'Must be in the afternoon']
+            required: false
+          - name: date_and_time
+            label: Date and Time
+            widget: datetime
+            format: 'MMM d, yyyy h:mm aaa'
+            date_format: 'MMM d, yyyy'
+            time_format: 'h:mm aaa'
+            required: false
+          - name: date_and_time_with_default
+            label: Date and Time With Default
+            widget: datetime
+            format: 'MMM d, yyyy h:mm aaa'
+            date_format: 'MMM d, yyyy'
+            time_format: 'h:mm aaa'
+            required: false
+            default: 'Jan 12, 2023 12:00 am'
+          - name: date
+            label: Date
+            widget: datetime
+            format: 'MMM d, yyyy'
+            time_format: false
+            required: false
+          - name: date_with_default
+            label: Date With Default
+            widget: datetime
+            format: 'MMM d, yyyy'
+            date_format: 'MMM d, yyyy'
+            time_format: false
+            required: false
+            default: 'Jan 12, 2023'
+          - name: time
+            label: Time
+            widget: datetime
+            format: 'h:mm aaa'
+            date_format: false
+            time_format: 'h:mm aaa'
+            required: false
+          - name: time_with_default
+            label: Time With Default
+            widget: datetime
+            format: 'h:mm aaa'
+            date_format: false
+            time_format: 'h:mm aaa'
+            required: false
+            default: '12:00 am'
+      - name: file
+        label: File
+        file: _widgets/file.json
+        description: File widget
+        media_library:
+          folder_support: false
+        fields:
+          - name: required
+            label: Required Validation
+            widget: file
+          - name: with_default
+            label: Required With Default
+            widget: file
+            default: /assets/uploads/moby-dick.jpg
+          - name: pattern
+            label: Pattern Validation
+            widget: file
+            pattern: ['\.pdf', 'Must be a pdf']
+            required: false
+          - name: choose_url
+            label: Choose URL
+            widget: file
+            required: false
+            choose_url: true
+          - name: multiple
+            label: Multiple Files
+            widget: file
+            required: false
+            multiple: true
+          - name: multiple_choose_url
+            label: Multiple Files, Choose URL
+            widget: file
+            required: false
+            multiple: true
+            choose_url: true
+          - name: folder_support
+            label: Folder Support
+            widget: file
+            media_library:
+              folder_support: true
+      - name: image
+        label: Image
+        file: _widgets/image.json
+        description: Image widget
+        media_library:
+          folder_support: false
+        fields:
+          - name: required
+            label: Required Validation
+            widget: image
+          - name: with_default
+            label: Required With Default
+            widget: image
+            default: /assets/uploads/moby-dick.jpg
+          - name: pattern
+            label: Pattern Validation
+            widget: image
+            pattern: ['\.png', 'Must be a png']
+            required: false
+          - name: choose_url
+            label: Choose URL
+            widget: image
+            required: false
+            choose_url: true
+          - name: multiple
+            label: Multiple Images
+            widget: image
+            required: false
+            multiple: true
+          - name: multiple_choose_url
+            label: Multiple Images, Choose URL
+            widget: image
+            required: false
+            multiple: true
+            choose_url: true
+          - name: folder_support
+            label: Folder Support
+            widget: image
+            media_library:
+              folder_support: true
+      - name: keyvalue
+        label: Key Value
+        file: _widgets/keyvalue.yml
+        description: Key Value widget
+        fields:
+          - name: keyvalue
+            label: Required
+            widget: keyvalue
+          - name: with_default
+            label: Required With Default
+            widget: keyvalue
+            default:
+              key1: value1
+              key2: value2
+              key3: value3
+          - name: with_min
+            label: Required With Min (2)
+            widget: keyvalue
+            min: 2
+          - name: with_max
+            label: Required With Max (4)
+            widget: keyvalue
+            max: 4
+          - name: with_min_and_max
+            label: Required With Min (2) and Max (4)
+            widget: keyvalue
+            min: 2
+            max: 4
+      - name: list
+        label: List
+        file: _widgets/list.yml
+        description: List widget
+        fields:
+          - name: list
+            label: Required List
+            widget: list
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+          - name: with_default
+            label: Required With Default
+            widget: list
+            default:
+              - name: Bob Billy
+                description: Some text about bob
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+          - name: optional
+            label: Optional List
+            widget: list
+            required: false
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+          - name: list_with_object_child
+            label: List With Object Child
+            widget: list
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+              - label: Object
+                name: object
+                widget: object
+                fields:
+                  - label: Name
+                    name: name
+                    widget: string
+                    hint: First and Last
+                  - label: Description
+                    name: description
+                    widget: text
+          - name: comma_separated_list
+            label: Comma Separated List
+            widget: list
+          - name: delimiter_separated_list
+            label: Custom Delimiter (Semicolon) Separated List
+            widget: list
+            delimiter: ';'
+            default:
+              - 'tag-1'
+              - 'tag-2'
+          - name: string_list
+            label: String List
+            widget: list
+            fields:
+              - label: Tag
+                name: tag
+                widget: string
+          - name: number_list
+            label: Number List
+            widget: list
+            default:
+              - 5
+              - 13
+              - 2
+            fields:
+              - label: Value
+                name: value
+                widget: number
+          - name: boolean_list
+            label: Boolean List
+            widget: list
+            default:
+              - false
+              - true
+            fields:
+              - label: Active
+                name: active
+                widget: boolean
+          - name: typed_list
+            label: Typed List
+            widget: list
+            types:
+              - label: Type 1 Object
+                name: type_1_object
+                widget: object
+                fields:
+                  - label: String
+                    name: string
+                    widget: string
+                  - label: Boolean
+                    name: boolean
+                    widget: boolean
+                  - label: Text
+                    name: text
+                    widget: text
+              - label: Type 2 Object
+                name: type_2_object
+                widget: object
+                fields:
+                  - label: Number
+                    name: number
+                    widget: number
+                  - label: Select
+                    name: select
+                    widget: select
+                    options:
+                      - a
+                      - b
+                      - c
+                  - label: Datetime
+                    name: datetime
+                    widget: datetime
+                  - label: Markdown
+                    name: markdown
+                    widget: markdown
+              - label: Type 3 Object
+                name: type_3_object
+                widget: object
+                fields:
+                  - label: Image
+                    name: image
+                    widget: image
+                  - label: File
+                    name: file
+                    widget: file
+          - name: typed_list_with_default
+            label: Typed List With Default
+            widget: list
+            default:
+              - type: type_2_object
+                number: 5
+                select: c
+                datetime: '2022-12-05T20:22:52+0000'
+                markdown: Some ***Markdown*** ~content~ text
+            types:
+              - label: Type 1 Object
+                name: type_1_object
+                widget: object
+                fields:
+                  - label: String
+                    name: string
+                    widget: string
+                  - label: Boolean
+                    name: boolean
+                    widget: boolean
+                  - label: Text
+                    name: text
+                    widget: text
+              - label: Type 2 Object
+                name: type_2_object
+                widget: object
+                summary: "{{datetime | date('yyyy-MM-dd')}}"
+                fields:
+                  - label: Number
+                    name: number
+                    widget: number
+                  - label: Select
+                    name: select
+                    widget: select
+                    options:
+                      - a
+                      - b
+                      - c
+                  - label: Datetime
+                    name: datetime
+                    widget: datetime
+                  - label: Markdown
+                    name: markdown
+                    widget: markdown
+              - label: Type 3 Object
+                name: type_3_object
+                widget: object
+                fields:
+                  - label: Image
+                    name: image
+                    widget: image
+                  - label: File
+                    name: file
+                    widget: file
+          - name: typed_list_with_condition
+            label: Typed List With Condition
+            widget: list
+            types:
+              - label: Type 1 Object
+                name: type_1_object
+                widget: object
+                fields:
+                  - name: template
+                    label: template
+                    widget: select
+                    options:
+                      - column
+                      - row
+                      - banner
+                    default: column
+                  - label: String
+                    name: string
+                    widget: string
+                  - label: Boolean
+                    name: boolean
+                    widget: boolean
+                    condition:
+                      field: template
+                      value: banner
+                  - label: Text
+                    name: text
+                    widget: text
+              - label: Type 2 Object
+                name: type_2_object
+                widget: object
+                fields:
+                  - label: Number
+                    name: number
+                    widget: number
+                  - label: Select
+                    name: select
+                    widget: select
+                    options:
+                      - a
+                      - b
+                      - c
+                  - label: Datetime
+                    name: datetime
+                    widget: datetime
+                  - label: Markdown
+                    name: markdown
+                    widget: markdown
+              - label: Type 3 Object
+                name: type_3_object
+                widget: object
+                fields:
+                  - label: Image
+                    name: image
+                    widget: image
+                  - label: File
+                    name: file
+                    widget: file
+      - name: map
+        label: Map
+        file: _widgets/map.json
+        description: Map widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: map
+          - name: with_default
+            label: Required With Default
+            widget: map
+            default: '{ "type": "Point", "coordinates": [-73.9852661, 40.7478738] }'
+          - name: pattern
+            label: Pattern Validation
+            widget: map
+            pattern: ['\[-([7-9][0-9]|1[0-2][0-9])\.', 'Must be between latitude -70 and -129']
+            required: false
+          - name: line_string
+            label: Line String
+            type: LineString
+            widget: map
+            required: false
+          - name: polygon
+            label: Polygon
+            type: Polygon
+            widget: map
+            required: false
+      - name: markdown
+        label: Markdown
+        file: _widgets/markdown.json
+        description: Markdown widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: markdown
+          - name: with_default
+            label: Required With Default
+            widget: markdown
+            default: Default **markdown** value
+          - name: raw
+            label: Raw Editor
+            widget: markdown
+            show_raw: true
+          - name: pattern
+            label: Pattern Validation
+            widget: markdown
+            pattern: ['# [a-zA-Z0-9]+', 'Must have a header']
+            required: false
+          - name: folder_support
+            label: Folder Support
+            widget: markdown
+            media_library:
+              folder_support: true
+          - name: customized_buttons
+            label: Customized Buttons
+            widget: markdown
+            toolbar_buttons:
+              main:
+                - bold
+                - italic
+                - font
+                - shortcode
+                - label: Insert
+                  groups:
+                    - items: ['image', 'file-link']
+                    - items: ['insert-table']
+              empty:
+                - bold
+                - italic
+                - font
+                - label: Insert
+                  groups:
+                    - items: ['image', 'file-link']
+                    - items: ['blockquote', 'code-block']
+              selection:
+                - bold
+                - italic
+                - font
+                - file-link
+              table_empty:
+                - insert-row
+                - insert-column
+                - delete-row
+                - delete-column
+                - delete-table
+              table_selection:
+                - bold
+                - italic
+                - font
+      - name: number
+        label: Number
+        file: _widgets/number.json
+        description: Number widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: number
+          - name: with_default
+            label: Required With Default
+            widget: number
+            default: 5
+          - name: min
+            label: Min Validation
+            widget: number
+            min: 5
+            required: false
+          - name: max
+            label: Max Validation
+            widget: number
+            max: 10
+            required: false
+          - name: min_and_max
+            label: Min and Max Validation
+            widget: number
+            min: 5
+            max: 10
+            required: false
+          - name: pattern
+            label: Pattern Validation
+            widget: number
+            pattern: ['[0-9]{3,}', 'Must be at least 3 digits']
+            required: false
+          - name: prefix
+            label: With Prefix
+            widget: number
+            prefix: '$'
+          - name: suffix
+            label: With Suffix
+            widget: number
+            suffix: '%'
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: number
+            prefix: '$'
+            suffix: '%'
+      - name: object
+        label: Object
+        file: _widgets/object.json
+        description: Object widget
+        fields:
+          - label: Required Validation
+            name: required
+            widget: object
+            fields:
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+              - label: Author
+                name: author
+                widget: string
+              - label: Thumbnail
+                name: thumb
+                widget: image
+          - label: Required With Defaults
+            name: with_defaults
+            widget: object
+            fields:
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                default: 5
+              - label: Author
+                name: author
+                widget: string
+                default: Bob
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                default: /assets/uploads/moby-dick.jpg
+          - label: Optional Validation
+            name: optional
+            widget: object
+            required: false
+            fields:
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                required: false
+              - label: Author
+                name: author
+                widget: string
+                required: false
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                required: false
+          - label: With Hidden Field
+            name: hidden_field
+            widget: object
+            required: false
+            fields:
+              - name: layout
+                widget: hidden
+                default: post
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                required: false
+              - label: Author
+                name: author
+                widget: string
+                required: false
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                required: false
+          - label: Collapsed, optional with required children
+            name: collapsed_optional_with_required_children
+            widget: object
+            required: false
+            collapsed: true
+            fields:
+              - name: layout
+                widget: hidden
+                default: post
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                required: true
+              - label: Author
+                name: author
+                widget: string
+                required: true
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                required: true
+      - name: relation
+        label: Relation
+        file: _widgets/relation.json
+        description: Relation widget
+        fields:
+          - label: Required Validation
+            name: required
+            widget: relation
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+          - label: Required With Default
+            name: with_default
+            widget: relation
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+            default: This is a YAML front matter post
+          - label: Optional Validation
+            name: optional
+            widget: relation
+            required: false
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+          - label: Multiple
+            name: multiple
+            widget: relation
+            multiple: true
+            required: false
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+          - label: Multiple With Default
+            name: multiple_with_default
+            widget: relation
+            multiple: true
+            required: false
+            collection: posts
+            default:
+              - This is a JSON front matter post
+              - This is a YAML front matter post
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+      - name: select
+        label: Select
+        file: _widgets/select.json
+        description: Select widget
+        fields:
+          - label: Required Validation
+            name: required
+            widget: select
+            options:
+              - a
+              - b
+              - c
+          - label: Required With Default
+            name: with_default
+            widget: select
+            default: b
+            options:
+              - a
+              - b
+              - c
+          - label: Pattern Validation
+            name: pattern
+            widget: select
+            options:
+              - a
+              - b
+              - c
+            pattern: ['[a-b]', 'Must be a or b']
+            required: false
+          - label: Number Value
+            name: number
+            widget: select
+            options:
+              - 1
+              - 2
+              - 3
+          - label: Number With Default
+            name: number_with_default
+            widget: select
+            default: 3
+            options:
+              - 1
+              - 2
+              - 3
+          - label: Value and Label
+            name: value_and_label
+            widget: select
+            options:
+              - value: a
+                label: A fancy label
+              - value: 2
+                label: Another fancy label
+              - value: c
+                label: And one more fancy label
+          - label: Value and Label With Default
+            name: value_and_label_with_default
+            widget: select
+            default: 2
+            options:
+              - value: a
+                label: A fancy label
+              - value: 2
+                label: Another fancy label
+              - value: c
+                label: And one more fancy label
+          - label: Multiple
+            name: multiple
+            widget: select
+            options:
+              - a
+              - b
+              - c
+            pattern: ['[a-b]', 'Must be a or b']
+            multiple: true
+            required: false
+          - label: Multiple With Default
+            name: multiple_with_default
+            widget: select
+            default:
+              - b
+              - c
+            options:
+              - a
+              - b
+              - c
+            pattern: ['[a-b]', 'Must be a or b']
+            multiple: true
+            required: false
+          - label: Value and Label Multiple
+            name: value_and_label_multiple
+            widget: select
+            multiple: true
+            options:
+              - value: a
+                label: A fancy label
+              - value: b
+                label: Another fancy label
+              - value: c
+                label: And one more fancy label
+      - name: string
+        label: String
+        file: _widgets/string.json
+        description: String widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: string
+          - name: with_default
+            label: Required With Default
+            widget: string
+            default: Default value
+          - name: pattern
+            label: Pattern Validation
+            widget: string
+            pattern: ['.{12,}', 'Must have at least 12 characters']
+            required: false
+          - name: prefix
+            label: With Prefix
+            widget: string
+            prefix: '$'
+          - name: suffix
+            label: With Suffix
+            widget: string
+            suffix: '%'
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: string
+            prefix: '$'
+            suffix: '%'
+      - name: text
+        label: Text
+        file: _widgets/text.json
+        description: Text widget
+        fields:
+          - name: required
+            label: 'Required Validation'
+            widget: text
+          - name: with_default
+            label: Required With Default
+            widget: text
+            default: Default value
+          - name: pattern
+            label: 'Pattern Validation'
+            widget: text
+            pattern: ['.{12,}', 'Must have at least 12 characters']
+            required: false
+      - name: uuid
+        label: UUID
+        file: _widgets/uuid.json
+        description: UUID widget
+        fields:
+          - name: uuid
+            label: UUID
+            widget: uuid
+          - name: no_regenerate
+            label: Does not allow regeneration
+            widget: uuid
+            allow_regenerate: false
+          - name: with_prefix
+            label: With Prefix
+            widget: uuid
+            prefix: 'book/'
   - name: settings
     label: Settings
     delete: false
@@ -98,11 +1154,6 @@ collections:
         file: _data/settings.json
         description: General Site Settings
         fields:
-          - label: Number of posts on frontpage
-            name: front_limit
-            widget: number
-            min: 1
-            max: 10
           - label: Global title
             name: site_title
             widget: string
@@ -126,6 +1177,8 @@ collections:
         label: Authors
         file: _data/authors.yml
         description: Author descriptions
+        editor:
+          preview: true
         fields:
           - name: authors
             label: Authors
@@ -139,6 +1192,34 @@ collections:
               - label: Description
                 name: description
                 widget: text
+      - name: hotels
+        label: Hotel Locations
+        file: _data/hotel_locations.yml
+        fields:
+          - name: country
+            label: Country
+            widget: string
+          - name: hotel_locations
+            label: Hotel Locations
+            widget: list
+            fields:
+              - name: cities
+                label: Cities
+                widget: list
+                fields:
+                  - name: city
+                    label: City
+                    widget: string
+                  - name: number_of_hotels_in_city
+                    label: Number of Hotels in City
+                    widget: number
+                  - name: city_locations
+                    label: City Locations
+                    widget: list
+                    fields:
+                      - name: hotel_name
+                        label: Hotel Name
+                        widget: string
   - name: kitchenSink
     label: Kitchen Sink
     folder: _sink
@@ -218,6 +1299,16 @@ collections:
             value: 2
           - label: Three
             value: 3
+      - label: Select mixed string and numeric
+        name: select_mixed_string_numeric
+        widget: select
+        options:
+          - label: One
+            value: 'One'
+          - label: Two
+            value: 2
+          - label: Three
+            value: 3
       - label: Hidden
         name: hidden
         widget: hidden
@@ -363,7 +1454,7 @@ collections:
                     widget: number
                   - label: Markdown
                     name: markdown
-                    widget: text
+                    widget: markdown
                   - label: Datetime
                     name: datetime
                     widget: datetime
@@ -402,7 +1493,7 @@ collections:
                         widget: number
                       - label: Markdown
                         name: markdown
-                        widget: text
+                        widget: markdown
                       - label: Datetime
                         name: datetime
                         widget: datetime
@@ -455,7 +1546,7 @@ collections:
                 widget: datetime
               - label: Markdown
                 name: markdown
-                widget: text
+                widget: markdown
           - label: Type 3 Object
             name: type_3_object
             widget: object
@@ -466,3 +1557,43 @@ collections:
               - label: File
                 name: file
                 widget: file
+  - name: i18n_playground
+    label: i18n Playground
+    i18n: true
+    folder: _i18n_playground
+    identifier_field: slug
+    create: true
+    fields:
+      # The slug field will be omitted from the translation.
+      - name: slug
+        label: Slug
+        widget: string
+      # same as 'i18n: translate'. Allows translation of the description field
+      - name: description
+        label: Description
+        widget: text
+        i18n: true
+      # The date field will be duplicated from the default locale.
+      - name: date
+        label: Date
+        widget: datetime
+        i18n: duplicate
+  - name: pages
+    label: Nested Pages
+    label_singular: 'Page'
+    folder: _nested_pages
+    create: true
+    # adding a nested object will show the collection folder structure
+    nested:
+      depth: 100 # max depth to show in the collection tree
+      summary: '{{title}}' # optional summary for a tree node, defaults to the inferred title field
+      # adding a path object allows editing the path of entries
+      # moving an existing entry will move the entire sub tree of the entry to the new location
+      path: { label: 'Path', index_file: 'index' }
+    fields:
+      - label: Title
+        name: title
+        widget: string
+      - label: Body
+        name: body
+        widget: markdown
diff --git a/packages/core/dev-test/backends/github/config.yml b/packages/core/dev-test/backends/github/config.yml
index 3104d449..e3703289 100644
--- a/packages/core/dev-test/backends/github/config.yml
+++ b/packages/core/dev-test/backends/github/config.yml
@@ -2,11 +2,24 @@ backend:
   name: github
   branch: main
   repo: staticjscms/static-cms-github
-
-media_folder: assets/upload
-public_folder: /assets/upload
+site_url: 'https://example.com'
+media_folder: /assets/uploads
 media_library:
-  max_file_size: 100000000
+  folder_support: true
+locale: en
+i18n:
+  # Required and can be one of multiple_folders, multiple_files or single_file
+  # multiple_folders - persists files in `<folder>/<locale>/<slug>.<extension>`
+  # multiple_files - persists files in `<folder>/<slug>.<locale>.<extension>`
+  # single_file - persists a single file in `<folder>/<slug>.<extension>`
+  structure: multiple_files
+
+  # Required - a list of locales to show in the editor UI
+  locales: [en, de, fr]
+
+  # Optional, defaults to the first item in locales.
+  # The locale to be used for fields validation and as a baseline for the entry.
+  default_locale: en
 collections:
   - name: posts
     label: Posts
@@ -16,7 +29,9 @@ collections:
       and editing guidelines that are specific to a collection.
     folder: _posts
     slug: '{{year}}-{{month}}-{{day}}-{{slug}}'
-    summary: '{{title}} -- {{year}}/{{month}}/{{day}}'
+    summary_fields:
+      - title
+      - date
     sortable_fields:
       fields:
         - title
@@ -25,61 +40,99 @@ collections:
         field: title
     create: true
     view_filters:
-      - label: Posts With Index
-        field: title
-        pattern: 'This is post #'
-      - label: Posts Without Index
-        field: title
-        pattern: front matter post
-      - label: Drafts
-        field: draft
-        pattern: true
+      filters:
+        - name: posts-with-index
+          label: Posts With Index
+          field: title
+          pattern: 'This is post #'
+        - name: posts-without-index
+          label: Posts Without Index
+          field: title
+          pattern: front matter post
+        - name: draft
+          label: Drafts
+          field: draft
+          pattern: true
     view_groups:
-      - label: Year
-        field: date
-        pattern: '\d{4}'
-      - label: Drafts
-        field: draft
+      groups:
+        - name: by-year
+          label: Year
+          field: date
+          pattern: '\d{4}'
+        - name: draft
+          label: Drafts
+          field: draft
     fields:
       - label: Title
         name: title
         widget: string
-      - label: Draft
-        name: draft
-        widget: boolean
+      - label: 'Draft'
+        name: 'draft'
+        widget: 'boolean'
         default: false
       - label: Publish Date
         name: date
         widget: datetime
         date_format: yyyy-MM-dd
         time_format: 'HH:mm'
-        format: 'yyyy-MM-dd HH:mm'
+        format: "yyyy-MM-dd'T'HH:mm:ss.SSSXXX"
       - label: Cover Image
         name: image
         widget: image
         required: false
-        media_library:
-          folder_support: true
+      - label: Description
+        name: description
+        widget: text
+      - label: Category
+        name: category
+        widget: string
       - label: Body
         name: body
         widget: markdown
-        hint: Main content goes here.
+        hint: '*Main* __content__ __*goes*__ [here](https://example.com/).'
+      - label: Tags
+        name: tags
+        widget: list
   - name: faq
     label: FAQ
     folder: _faqs
     create: true
+    editor:
+      frame: false
+      size: half
     fields:
       - label: Question
         name: title
         widget: string
+      - label: Type
+        name: type
+        widget: select
+        default: internal
+        options:
+          - label: Internal
+            value: internal
+          - label: External
+            value: external
+      - label: URL
+        name: url
+        widget: string
+        condition:
+          field: type
+          value: external
       - label: Answer
         name: body
         widget: markdown
+        condition:
+          field: type
+          value: internal
       - name: posts
         label: Posts
         label_singular: Post
         widget: list
-        summary: '{{fields.post | split(''|'', ''$1'')}}'
+        summary: "{{fields.post | split('|', '$1')}}"
+        condition:
+          field: type
+          value: internal
         fields:
           - label: Related Post
             name: post
@@ -92,6 +145,1005 @@ collections:
               - title
               - body
             value_field: '{{title}}|{{date}}'
+  - name: widgets
+    label: Widgets
+    delete: false
+    files:
+      - name: boolean
+        label: Boolean
+        file: _widgets/boolean.json
+        description: Boolean widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: boolean
+          - name: with_default
+            label: Required With Default
+            widget: boolean
+            default: true
+          - name: pattern
+            label: Pattern Validation
+            widget: boolean
+            pattern: ['true', 'Must be true']
+            required: false
+          - name: prefix
+            label: With Prefix
+            widget: boolean
+            prefix: "I'm a prefix"
+          - name: suffix
+            label: With Suffix
+            widget: boolean
+            suffix: "I'm a suffix"
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: boolean
+            prefix: "I'm a prefix"
+            suffix: "I'm a suffix"
+      - name: code
+        label: Code
+        file: _widgets/code.json
+        description: Code widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: code
+          - name: with_default
+            label: Required With Default
+            widget: code
+            default: '<div>Some html!</div>'
+          - name: pattern
+            label: Pattern Validation
+            widget: code
+            pattern: ['.{12,}', 'Must have at least 12 characters']
+            allow_input: true
+            required: false
+          - name: language
+            label: Language Selection
+            widget: code
+            allow_language_selection: true
+            required: false
+          - name: language_with_default
+            label: Language Selection With Default Language
+            widget: code
+            allow_language_selection: true
+            required: false
+            default_language: html
+          - name: language_with_default_language_and_value
+            label: Language Selection With Default Language and Value
+            widget: code
+            allow_language_selection: true
+            required: false
+            default:
+              lang: html
+              code: '<div>Some html!</div>'
+          - name: language_with_default_language_and_value_string_default
+            label: Language Selection With Default Language and Value (String Default)
+            widget: code
+            allow_language_selection: true
+            required: false
+            default_language: html
+            default: '<div>Some html!</div>'
+      - name: color
+        label: Color
+        file: _widgets/color.json
+        description: Color widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: color
+          - name: allow_input
+            label: Allow Input
+            widget: color
+            allow_input: true
+          - name: with_default
+            label: Required With Default
+            widget: color
+            default: '#2121c5'
+          - name: pattern
+            label: Pattern Validation
+            widget: color
+            pattern:
+              ['^#[a-fA-F0-9]{3}$|^[a-fA-F0-9]{4}$|^[a-fA-F0-9]{6}$', 'Must be a valid hex code']
+            allow_input: true
+            required: false
+          - name: alpha
+            label: Alpha
+            widget: color
+            enable_alpha: true
+            required: false
+          - name: alpha_with_default
+            label: Alpha With Default
+            widget: color
+            enable_alpha: true
+            required: false
+            default: 'rgba(175, 28, 28, 0.65)'
+      - name: datetime
+        label: DateTime
+        file: _widgets/datetime.json
+        description: DateTime widget
+        fields:
+          - name: required
+            label: 'Required Validation'
+            widget: datetime
+          - name: pattern
+            label: 'Pattern Validation'
+            widget: datetime
+            format: 'MMM d, yyyy h:mm aaa'
+            date_format: 'MMM d, yyyy'
+            time_format: 'h:mm aaa'
+            pattern: ['pm', 'Must be in the afternoon']
+            required: false
+          - name: date_and_time
+            label: Date and Time
+            widget: datetime
+            format: 'MMM d, yyyy h:mm aaa'
+            date_format: 'MMM d, yyyy'
+            time_format: 'h:mm aaa'
+            required: false
+          - name: date_and_time_with_default
+            label: Date and Time With Default
+            widget: datetime
+            format: 'MMM d, yyyy h:mm aaa'
+            date_format: 'MMM d, yyyy'
+            time_format: 'h:mm aaa'
+            required: false
+            default: 'Jan 12, 2023 12:00 am'
+          - name: date
+            label: Date
+            widget: datetime
+            format: 'MMM d, yyyy'
+            time_format: false
+            required: false
+          - name: date_with_default
+            label: Date With Default
+            widget: datetime
+            format: 'MMM d, yyyy'
+            date_format: 'MMM d, yyyy'
+            time_format: false
+            required: false
+            default: 'Jan 12, 2023'
+          - name: time
+            label: Time
+            widget: datetime
+            format: 'h:mm aaa'
+            date_format: false
+            time_format: 'h:mm aaa'
+            required: false
+          - name: time_with_default
+            label: Time With Default
+            widget: datetime
+            format: 'h:mm aaa'
+            date_format: false
+            time_format: 'h:mm aaa'
+            required: false
+            default: '12:00 am'
+      - name: file
+        label: File
+        file: _widgets/file.json
+        description: File widget
+        media_library:
+          folder_support: false
+        fields:
+          - name: required
+            label: Required Validation
+            widget: file
+          - name: with_default
+            label: Required With Default
+            widget: file
+            default: /assets/uploads/moby-dick.jpg
+          - name: pattern
+            label: Pattern Validation
+            widget: file
+            pattern: ['\.pdf', 'Must be a pdf']
+            required: false
+          - name: choose_url
+            label: Choose URL
+            widget: file
+            required: false
+            choose_url: true
+          - name: multiple
+            label: Multiple Files
+            widget: file
+            required: false
+            multiple: true
+          - name: multiple_choose_url
+            label: Multiple Files, Choose URL
+            widget: file
+            required: false
+            multiple: true
+            choose_url: true
+          - name: folder_support
+            label: Folder Support
+            widget: file
+            media_library:
+              folder_support: true
+      - name: image
+        label: Image
+        file: _widgets/image.json
+        description: Image widget
+        media_library:
+          folder_support: false
+        fields:
+          - name: required
+            label: Required Validation
+            widget: image
+          - name: with_default
+            label: Required With Default
+            widget: image
+            default: /assets/uploads/moby-dick.jpg
+          - name: pattern
+            label: Pattern Validation
+            widget: image
+            pattern: ['\.png', 'Must be a png']
+            required: false
+          - name: choose_url
+            label: Choose URL
+            widget: image
+            required: false
+            choose_url: true
+          - name: multiple
+            label: Multiple Images
+            widget: image
+            required: false
+            multiple: true
+          - name: multiple_choose_url
+            label: Multiple Images, Choose URL
+            widget: image
+            required: false
+            multiple: true
+            choose_url: true
+          - name: folder_support
+            label: Folder Support
+            widget: image
+            media_library:
+              folder_support: true
+      - name: keyvalue
+        label: Key Value
+        file: _widgets/keyvalue.yml
+        description: Key Value widget
+        fields:
+          - name: keyvalue
+            label: Required
+            widget: keyvalue
+          - name: with_default
+            label: Required With Default
+            widget: keyvalue
+            default:
+              key1: value1
+              key2: value2
+              key3: value3
+          - name: with_min
+            label: Required With Min (2)
+            widget: keyvalue
+            min: 2
+          - name: with_max
+            label: Required With Max (4)
+            widget: keyvalue
+            max: 4
+          - name: with_min_and_max
+            label: Required With Min (2) and Max (4)
+            widget: keyvalue
+            min: 2
+            max: 4
+      - name: list
+        label: List
+        file: _widgets/list.yml
+        description: List widget
+        fields:
+          - name: list
+            label: Required List
+            widget: list
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+          - name: with_default
+            label: Required With Default
+            widget: list
+            default:
+              - name: Bob Billy
+                description: Some text about bob
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+          - name: optional
+            label: Optional List
+            widget: list
+            required: false
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+          - name: list_with_object_child
+            label: List With Object Child
+            widget: list
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+              - label: Object
+                name: object
+                widget: object
+                fields:
+                  - label: Name
+                    name: name
+                    widget: string
+                    hint: First and Last
+                  - label: Description
+                    name: description
+                    widget: text
+          - name: comma_separated_list
+            label: Comma Separated List
+            widget: list
+          - name: delimiter_separated_list
+            label: Custom Delimiter (Semicolon) Separated List
+            widget: list
+            delimiter: ';'
+            default:
+              - 'tag-1'
+              - 'tag-2'
+          - name: string_list
+            label: String List
+            widget: list
+            fields:
+              - label: Tag
+                name: tag
+                widget: string
+          - name: number_list
+            label: Number List
+            widget: list
+            default:
+              - 5
+              - 13
+              - 2
+            fields:
+              - label: Value
+                name: value
+                widget: number
+          - name: boolean_list
+            label: Boolean List
+            widget: list
+            default:
+              - false
+              - true
+            fields:
+              - label: Active
+                name: active
+                widget: boolean
+          - name: typed_list
+            label: Typed List
+            widget: list
+            types:
+              - label: Type 1 Object
+                name: type_1_object
+                widget: object
+                fields:
+                  - label: String
+                    name: string
+                    widget: string
+                  - label: Boolean
+                    name: boolean
+                    widget: boolean
+                  - label: Text
+                    name: text
+                    widget: text
+              - label: Type 2 Object
+                name: type_2_object
+                widget: object
+                fields:
+                  - label: Number
+                    name: number
+                    widget: number
+                  - label: Select
+                    name: select
+                    widget: select
+                    options:
+                      - a
+                      - b
+                      - c
+                  - label: Datetime
+                    name: datetime
+                    widget: datetime
+                  - label: Markdown
+                    name: markdown
+                    widget: markdown
+              - label: Type 3 Object
+                name: type_3_object
+                widget: object
+                fields:
+                  - label: Image
+                    name: image
+                    widget: image
+                  - label: File
+                    name: file
+                    widget: file
+          - name: typed_list_with_default
+            label: Typed List With Default
+            widget: list
+            default:
+              - type: type_2_object
+                number: 5
+                select: c
+                datetime: '2022-12-05T20:22:52+0000'
+                markdown: Some ***Markdown*** ~content~ text
+            types:
+              - label: Type 1 Object
+                name: type_1_object
+                widget: object
+                fields:
+                  - label: String
+                    name: string
+                    widget: string
+                  - label: Boolean
+                    name: boolean
+                    widget: boolean
+                  - label: Text
+                    name: text
+                    widget: text
+              - label: Type 2 Object
+                name: type_2_object
+                widget: object
+                summary: "{{datetime | date('yyyy-MM-dd')}}"
+                fields:
+                  - label: Number
+                    name: number
+                    widget: number
+                  - label: Select
+                    name: select
+                    widget: select
+                    options:
+                      - a
+                      - b
+                      - c
+                  - label: Datetime
+                    name: datetime
+                    widget: datetime
+                  - label: Markdown
+                    name: markdown
+                    widget: markdown
+              - label: Type 3 Object
+                name: type_3_object
+                widget: object
+                fields:
+                  - label: Image
+                    name: image
+                    widget: image
+                  - label: File
+                    name: file
+                    widget: file
+          - name: typed_list_with_condition
+            label: Typed List With Condition
+            widget: list
+            types:
+              - label: Type 1 Object
+                name: type_1_object
+                widget: object
+                fields:
+                  - name: template
+                    label: template
+                    widget: select
+                    options:
+                      - column
+                      - row
+                      - banner
+                    default: column
+                  - label: String
+                    name: string
+                    widget: string
+                  - label: Boolean
+                    name: boolean
+                    widget: boolean
+                    condition:
+                      field: template
+                      value: banner
+                  - label: Text
+                    name: text
+                    widget: text
+              - label: Type 2 Object
+                name: type_2_object
+                widget: object
+                fields:
+                  - label: Number
+                    name: number
+                    widget: number
+                  - label: Select
+                    name: select
+                    widget: select
+                    options:
+                      - a
+                      - b
+                      - c
+                  - label: Datetime
+                    name: datetime
+                    widget: datetime
+                  - label: Markdown
+                    name: markdown
+                    widget: markdown
+              - label: Type 3 Object
+                name: type_3_object
+                widget: object
+                fields:
+                  - label: Image
+                    name: image
+                    widget: image
+                  - label: File
+                    name: file
+                    widget: file
+      - name: map
+        label: Map
+        file: _widgets/map.json
+        description: Map widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: map
+          - name: with_default
+            label: Required With Default
+            widget: map
+            default: '{ "type": "Point", "coordinates": [-73.9852661, 40.7478738] }'
+          - name: pattern
+            label: Pattern Validation
+            widget: map
+            pattern: ['\[-([7-9][0-9]|1[0-2][0-9])\.', 'Must be between latitude -70 and -129']
+            required: false
+          - name: line_string
+            label: Line String
+            type: LineString
+            widget: map
+            required: false
+          - name: polygon
+            label: Polygon
+            type: Polygon
+            widget: map
+            required: false
+      - name: markdown
+        label: Markdown
+        file: _widgets/markdown.json
+        description: Markdown widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: markdown
+          - name: with_default
+            label: Required With Default
+            widget: markdown
+            default: Default **markdown** value
+          - name: raw
+            label: Raw Editor
+            widget: markdown
+            show_raw: true
+          - name: pattern
+            label: Pattern Validation
+            widget: markdown
+            pattern: ['# [a-zA-Z0-9]+', 'Must have a header']
+            required: false
+          - name: folder_support
+            label: Folder Support
+            widget: markdown
+            media_library:
+              folder_support: true
+          - name: customized_buttons
+            label: Customized Buttons
+            widget: markdown
+            toolbar_buttons:
+              main:
+                - bold
+                - italic
+                - font
+                - shortcode
+                - label: Insert
+                  groups:
+                    - items: ['image', 'file-link']
+                    - items: ['insert-table']
+              empty:
+                - bold
+                - italic
+                - font
+                - label: Insert
+                  groups:
+                    - items: ['image', 'file-link']
+                    - items: ['blockquote', 'code-block']
+              selection:
+                - bold
+                - italic
+                - font
+                - file-link
+              table_empty:
+                - insert-row
+                - insert-column
+                - delete-row
+                - delete-column
+                - delete-table
+              table_selection:
+                - bold
+                - italic
+                - font
+      - name: number
+        label: Number
+        file: _widgets/number.json
+        description: Number widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: number
+          - name: with_default
+            label: Required With Default
+            widget: number
+            default: 5
+          - name: min
+            label: Min Validation
+            widget: number
+            min: 5
+            required: false
+          - name: max
+            label: Max Validation
+            widget: number
+            max: 10
+            required: false
+          - name: min_and_max
+            label: Min and Max Validation
+            widget: number
+            min: 5
+            max: 10
+            required: false
+          - name: pattern
+            label: Pattern Validation
+            widget: number
+            pattern: ['[0-9]{3,}', 'Must be at least 3 digits']
+            required: false
+          - name: prefix
+            label: With Prefix
+            widget: number
+            prefix: '$'
+          - name: suffix
+            label: With Suffix
+            widget: number
+            suffix: '%'
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: number
+            prefix: '$'
+            suffix: '%'
+      - name: object
+        label: Object
+        file: _widgets/object.json
+        description: Object widget
+        fields:
+          - label: Required Validation
+            name: required
+            widget: object
+            fields:
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+              - label: Author
+                name: author
+                widget: string
+              - label: Thumbnail
+                name: thumb
+                widget: image
+          - label: Required With Defaults
+            name: with_defaults
+            widget: object
+            fields:
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                default: 5
+              - label: Author
+                name: author
+                widget: string
+                default: Bob
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                default: /assets/uploads/moby-dick.jpg
+          - label: Optional Validation
+            name: optional
+            widget: object
+            required: false
+            fields:
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                required: false
+              - label: Author
+                name: author
+                widget: string
+                required: false
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                required: false
+          - label: With Hidden Field
+            name: hidden_field
+            widget: object
+            required: false
+            fields:
+              - name: layout
+                widget: hidden
+                default: post
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                required: false
+              - label: Author
+                name: author
+                widget: string
+                required: false
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                required: false
+          - label: Collapsed, optional with required children
+            name: collapsed_optional_with_required_children
+            widget: object
+            required: false
+            collapsed: true
+            fields:
+              - name: layout
+                widget: hidden
+                default: post
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                required: true
+              - label: Author
+                name: author
+                widget: string
+                required: true
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                required: true
+      - name: relation
+        label: Relation
+        file: _widgets/relation.json
+        description: Relation widget
+        fields:
+          - label: Required Validation
+            name: required
+            widget: relation
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+          - label: Required With Default
+            name: with_default
+            widget: relation
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+            default: This is a YAML front matter post
+          - label: Optional Validation
+            name: optional
+            widget: relation
+            required: false
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+          - label: Multiple
+            name: multiple
+            widget: relation
+            multiple: true
+            required: false
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+          - label: Multiple With Default
+            name: multiple_with_default
+            widget: relation
+            multiple: true
+            required: false
+            collection: posts
+            default:
+              - This is a JSON front matter post
+              - This is a YAML front matter post
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+      - name: select
+        label: Select
+        file: _widgets/select.json
+        description: Select widget
+        fields:
+          - label: Required Validation
+            name: required
+            widget: select
+            options:
+              - a
+              - b
+              - c
+          - label: Required With Default
+            name: with_default
+            widget: select
+            default: b
+            options:
+              - a
+              - b
+              - c
+          - label: Pattern Validation
+            name: pattern
+            widget: select
+            options:
+              - a
+              - b
+              - c
+            pattern: ['[a-b]', 'Must be a or b']
+            required: false
+          - label: Number Value
+            name: number
+            widget: select
+            options:
+              - 1
+              - 2
+              - 3
+          - label: Number With Default
+            name: number_with_default
+            widget: select
+            default: 3
+            options:
+              - 1
+              - 2
+              - 3
+          - label: Value and Label
+            name: value_and_label
+            widget: select
+            options:
+              - value: a
+                label: A fancy label
+              - value: 2
+                label: Another fancy label
+              - value: c
+                label: And one more fancy label
+          - label: Value and Label With Default
+            name: value_and_label_with_default
+            widget: select
+            default: 2
+            options:
+              - value: a
+                label: A fancy label
+              - value: 2
+                label: Another fancy label
+              - value: c
+                label: And one more fancy label
+          - label: Multiple
+            name: multiple
+            widget: select
+            options:
+              - a
+              - b
+              - c
+            pattern: ['[a-b]', 'Must be a or b']
+            multiple: true
+            required: false
+          - label: Multiple With Default
+            name: multiple_with_default
+            widget: select
+            default:
+              - b
+              - c
+            options:
+              - a
+              - b
+              - c
+            pattern: ['[a-b]', 'Must be a or b']
+            multiple: true
+            required: false
+          - label: Value and Label Multiple
+            name: value_and_label_multiple
+            widget: select
+            multiple: true
+            options:
+              - value: a
+                label: A fancy label
+              - value: b
+                label: Another fancy label
+              - value: c
+                label: And one more fancy label
+      - name: string
+        label: String
+        file: _widgets/string.json
+        description: String widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: string
+          - name: with_default
+            label: Required With Default
+            widget: string
+            default: Default value
+          - name: pattern
+            label: Pattern Validation
+            widget: string
+            pattern: ['.{12,}', 'Must have at least 12 characters']
+            required: false
+          - name: prefix
+            label: With Prefix
+            widget: string
+            prefix: '$'
+          - name: suffix
+            label: With Suffix
+            widget: string
+            suffix: '%'
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: string
+            prefix: '$'
+            suffix: '%'
+      - name: text
+        label: Text
+        file: _widgets/text.json
+        description: Text widget
+        fields:
+          - name: required
+            label: 'Required Validation'
+            widget: text
+          - name: with_default
+            label: Required With Default
+            widget: text
+            default: Default value
+          - name: pattern
+            label: 'Pattern Validation'
+            widget: text
+            pattern: ['.{12,}', 'Must have at least 12 characters']
+            required: false
+      - name: uuid
+        label: UUID
+        file: _widgets/uuid.json
+        description: UUID widget
+        fields:
+          - name: uuid
+            label: UUID
+            widget: uuid
+          - name: no_regenerate
+            label: Does not allow regeneration
+            widget: uuid
+            allow_regenerate: false
+          - name: with_prefix
+            label: With Prefix
+            widget: uuid
+            prefix: 'book/'
   - name: settings
     label: Settings
     delete: false
@@ -103,11 +1155,6 @@ collections:
         file: _data/settings.json
         description: General Site Settings
         fields:
-          - label: Number of posts on frontpage
-            name: front_limit
-            widget: number
-            min: 1
-            max: 10
           - label: Global title
             name: site_title
             widget: string
@@ -131,6 +1178,8 @@ collections:
         label: Authors
         file: _data/authors.yml
         description: Author descriptions
+        editor:
+          preview: true
         fields:
           - name: authors
             label: Authors
@@ -144,6 +1193,34 @@ collections:
               - label: Description
                 name: description
                 widget: text
+      - name: hotels
+        label: Hotel Locations
+        file: _data/hotel_locations.yml
+        fields:
+          - name: country
+            label: Country
+            widget: string
+          - name: hotel_locations
+            label: Hotel Locations
+            widget: list
+            fields:
+              - name: cities
+                label: Cities
+                widget: list
+                fields:
+                  - name: city
+                    label: City
+                    widget: string
+                  - name: number_of_hotels_in_city
+                    label: Number of Hotels in City
+                    widget: number
+                  - name: city_locations
+                    label: City Locations
+                    widget: list
+                    fields:
+                      - name: hotel_name
+                        label: Hotel Name
+                        widget: string
   - name: kitchenSink
     label: Kitchen Sink
     folder: _sink
@@ -223,6 +1300,16 @@ collections:
             value: 2
           - label: Three
             value: 3
+      - label: Select mixed string and numeric
+        name: select_mixed_string_numeric
+        widget: select
+        options:
+          - label: One
+            value: 'One'
+          - label: Two
+            value: 2
+          - label: Three
+            value: 3
       - label: Hidden
         name: hidden
         widget: hidden
@@ -368,7 +1455,7 @@ collections:
                     widget: number
                   - label: Markdown
                     name: markdown
-                    widget: text
+                    widget: markdown
                   - label: Datetime
                     name: datetime
                     widget: datetime
@@ -407,7 +1494,7 @@ collections:
                         widget: number
                       - label: Markdown
                         name: markdown
-                        widget: text
+                        widget: markdown
                       - label: Datetime
                         name: datetime
                         widget: datetime
@@ -460,7 +1547,7 @@ collections:
                 widget: datetime
               - label: Markdown
                 name: markdown
-                widget: text
+                widget: markdown
           - label: Type 3 Object
             name: type_3_object
             widget: object
@@ -471,3 +1558,43 @@ collections:
               - label: File
                 name: file
                 widget: file
+  - name: i18n_playground
+    label: i18n Playground
+    i18n: true
+    folder: _i18n_playground
+    identifier_field: slug
+    create: true
+    fields:
+      # The slug field will be omitted from the translation.
+      - name: slug
+        label: Slug
+        widget: string
+      # same as 'i18n: translate'. Allows translation of the description field
+      - name: description
+        label: Description
+        widget: text
+        i18n: true
+      # The date field will be duplicated from the default locale.
+      - name: date
+        label: Date
+        widget: datetime
+        i18n: duplicate
+  - name: pages
+    label: Nested Pages
+    label_singular: 'Page'
+    folder: _nested_pages
+    create: true
+    # adding a nested object will show the collection folder structure
+    nested:
+      depth: 100 # max depth to show in the collection tree
+      summary: '{{title}}' # optional summary for a tree node, defaults to the inferred title field
+      # adding a path object allows editing the path of entries
+      # moving an existing entry will move the entire sub tree of the entry to the new location
+      path: { label: 'Path', index_file: 'index' }
+    fields:
+      - label: Title
+        name: title
+        widget: string
+      - label: Body
+        name: body
+        widget: markdown
diff --git a/packages/core/dev-test/backends/gitlab/config.yml b/packages/core/dev-test/backends/gitlab/config.yml
index cedd921e..225f3fa9 100644
--- a/packages/core/dev-test/backends/gitlab/config.yml
+++ b/packages/core/dev-test/backends/gitlab/config.yml
@@ -4,12 +4,24 @@ backend:
   repo: static-cms/static-cms-gitlab
   auth_type: pkce
   app_id: 589ccb30ce31da8ba08e0b1e10b681a10be108e144508c2712573c6e4d60707e
-
-media_folder: assets/upload
-public_folder: /assets/upload
-logo_url: http://localhost:8080/assets/uploads/lobby.jpg
+site_url: 'https://example.com'
+media_folder: /assets/uploads
 media_library:
-  max_file_size: 100000000
+  folder_support: true
+locale: en
+i18n:
+  # Required and can be one of multiple_folders, multiple_files or single_file
+  # multiple_folders - persists files in `<folder>/<locale>/<slug>.<extension>`
+  # multiple_files - persists files in `<folder>/<slug>.<locale>.<extension>`
+  # single_file - persists a single file in `<folder>/<slug>.<extension>`
+  structure: multiple_files
+
+  # Required - a list of locales to show in the editor UI
+  locales: [en, de, fr]
+
+  # Optional, defaults to the first item in locales.
+  # The locale to be used for fields validation and as a baseline for the entry.
+  default_locale: en
 collections:
   - name: posts
     label: Posts
@@ -19,74 +31,110 @@ collections:
       and editing guidelines that are specific to a collection.
     folder: _posts
     slug: '{{year}}-{{month}}-{{day}}-{{slug}}'
-    summary: '{{title}} -- {{year}}/{{month}}/{{day}}'
     summary_fields:
       - title
       - date
-      - draft
     sortable_fields:
       fields:
         - title
         - date
+      default:
+        field: title
     create: true
     view_filters:
-      - label: Posts With Index
-        field: title
-        pattern: 'This is post #'
-      - label: Posts Without Index
-        field: title
-        pattern: front matter post
-      - label: Drafts
-        field: draft
-        pattern: true
+      filters:
+        - name: posts-with-index
+          label: Posts With Index
+          field: title
+          pattern: 'This is post #'
+        - name: posts-without-index
+          label: Posts Without Index
+          field: title
+          pattern: front matter post
+        - name: draft
+          label: Drafts
+          field: draft
+          pattern: true
     view_groups:
-      - label: Year
-        field: date
-        pattern: '\d{4}'
-      - label: Drafts
-        field: draft
+      groups:
+        - name: by-year
+          label: Year
+          field: date
+          pattern: '\d{4}'
+        - name: draft
+          label: Drafts
+          field: draft
     fields:
       - label: Title
         name: title
         widget: string
-      - label: Draft
-        name: draft
-        widget: boolean
+      - label: 'Draft'
+        name: 'draft'
+        widget: 'boolean'
         default: false
       - label: Publish Date
         name: date
         widget: datetime
         date_format: yyyy-MM-dd
         time_format: 'HH:mm'
-        format: 'yyyy-MM-dd HH:mm'
+        format: "yyyy-MM-dd'T'HH:mm:ss.SSSXXX"
       - label: Cover Image
         name: image
         widget: image
         required: false
+      - label: Description
+        name: description
+        widget: text
+      - label: Category
+        name: category
+        widget: string
       - label: Body
         name: body
         widget: markdown
-        hint: Main content goes here.
+        hint: '*Main* __content__ __*goes*__ [here](https://example.com/).'
+      - label: Tags
+        name: tags
+        widget: list
   - name: faq
     label: FAQ
     folder: _faqs
     create: true
-    media_folder: '/_faqs_images/{{slug}}'
+    editor:
+      frame: false
+      size: half
     fields:
       - label: Question
         name: title
         widget: string
+      - label: Type
+        name: type
+        widget: select
+        default: internal
+        options:
+          - label: Internal
+            value: internal
+          - label: External
+            value: external
+      - label: URL
+        name: url
+        widget: string
+        condition:
+          field: type
+          value: external
       - label: Answer
         name: body
         widget: markdown
-      - label: Image
-        name: image
-        widget: image
+        condition:
+          field: type
+          value: internal
       - name: posts
         label: Posts
         label_singular: Post
         widget: list
-        summary: '{{fields.post | split(''|'', ''$1'')}}'
+        summary: "{{fields.post | split('|', '$1')}}"
+        condition:
+          field: type
+          value: internal
         fields:
           - label: Related Post
             name: post
@@ -99,23 +147,1016 @@ collections:
               - title
               - body
             value_field: '{{title}}|{{date}}'
+  - name: widgets
+    label: Widgets
+    delete: false
+    files:
+      - name: boolean
+        label: Boolean
+        file: _widgets/boolean.json
+        description: Boolean widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: boolean
+          - name: with_default
+            label: Required With Default
+            widget: boolean
+            default: true
+          - name: pattern
+            label: Pattern Validation
+            widget: boolean
+            pattern: ['true', 'Must be true']
+            required: false
+          - name: prefix
+            label: With Prefix
+            widget: boolean
+            prefix: "I'm a prefix"
+          - name: suffix
+            label: With Suffix
+            widget: boolean
+            suffix: "I'm a suffix"
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: boolean
+            prefix: "I'm a prefix"
+            suffix: "I'm a suffix"
+      - name: code
+        label: Code
+        file: _widgets/code.json
+        description: Code widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: code
+          - name: with_default
+            label: Required With Default
+            widget: code
+            default: '<div>Some html!</div>'
+          - name: pattern
+            label: Pattern Validation
+            widget: code
+            pattern: ['.{12,}', 'Must have at least 12 characters']
+            allow_input: true
+            required: false
+          - name: language
+            label: Language Selection
+            widget: code
+            allow_language_selection: true
+            required: false
+          - name: language_with_default
+            label: Language Selection With Default Language
+            widget: code
+            allow_language_selection: true
+            required: false
+            default_language: html
+          - name: language_with_default_language_and_value
+            label: Language Selection With Default Language and Value
+            widget: code
+            allow_language_selection: true
+            required: false
+            default:
+              lang: html
+              code: '<div>Some html!</div>'
+          - name: language_with_default_language_and_value_string_default
+            label: Language Selection With Default Language and Value (String Default)
+            widget: code
+            allow_language_selection: true
+            required: false
+            default_language: html
+            default: '<div>Some html!</div>'
+      - name: color
+        label: Color
+        file: _widgets/color.json
+        description: Color widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: color
+          - name: allow_input
+            label: Allow Input
+            widget: color
+            allow_input: true
+          - name: with_default
+            label: Required With Default
+            widget: color
+            default: '#2121c5'
+          - name: pattern
+            label: Pattern Validation
+            widget: color
+            pattern:
+              ['^#[a-fA-F0-9]{3}$|^[a-fA-F0-9]{4}$|^[a-fA-F0-9]{6}$', 'Must be a valid hex code']
+            allow_input: true
+            required: false
+          - name: alpha
+            label: Alpha
+            widget: color
+            enable_alpha: true
+            required: false
+          - name: alpha_with_default
+            label: Alpha With Default
+            widget: color
+            enable_alpha: true
+            required: false
+            default: 'rgba(175, 28, 28, 0.65)'
+      - name: datetime
+        label: DateTime
+        file: _widgets/datetime.json
+        description: DateTime widget
+        fields:
+          - name: required
+            label: 'Required Validation'
+            widget: datetime
+          - name: pattern
+            label: 'Pattern Validation'
+            widget: datetime
+            format: 'MMM d, yyyy h:mm aaa'
+            date_format: 'MMM d, yyyy'
+            time_format: 'h:mm aaa'
+            pattern: ['pm', 'Must be in the afternoon']
+            required: false
+          - name: date_and_time
+            label: Date and Time
+            widget: datetime
+            format: 'MMM d, yyyy h:mm aaa'
+            date_format: 'MMM d, yyyy'
+            time_format: 'h:mm aaa'
+            required: false
+          - name: date_and_time_with_default
+            label: Date and Time With Default
+            widget: datetime
+            format: 'MMM d, yyyy h:mm aaa'
+            date_format: 'MMM d, yyyy'
+            time_format: 'h:mm aaa'
+            required: false
+            default: 'Jan 12, 2023 12:00 am'
+          - name: date
+            label: Date
+            widget: datetime
+            format: 'MMM d, yyyy'
+            time_format: false
+            required: false
+          - name: date_with_default
+            label: Date With Default
+            widget: datetime
+            format: 'MMM d, yyyy'
+            date_format: 'MMM d, yyyy'
+            time_format: false
+            required: false
+            default: 'Jan 12, 2023'
+          - name: time
+            label: Time
+            widget: datetime
+            format: 'h:mm aaa'
+            date_format: false
+            time_format: 'h:mm aaa'
+            required: false
+          - name: time_with_default
+            label: Time With Default
+            widget: datetime
+            format: 'h:mm aaa'
+            date_format: false
+            time_format: 'h:mm aaa'
+            required: false
+            default: '12:00 am'
+      - name: file
+        label: File
+        file: _widgets/file.json
+        description: File widget
+        media_library:
+          folder_support: false
+        fields:
+          - name: required
+            label: Required Validation
+            widget: file
+          - name: with_default
+            label: Required With Default
+            widget: file
+            default: /assets/uploads/moby-dick.jpg
+          - name: pattern
+            label: Pattern Validation
+            widget: file
+            pattern: ['\.pdf', 'Must be a pdf']
+            required: false
+          - name: choose_url
+            label: Choose URL
+            widget: file
+            required: false
+            choose_url: true
+          - name: multiple
+            label: Multiple Files
+            widget: file
+            required: false
+            multiple: true
+          - name: multiple_choose_url
+            label: Multiple Files, Choose URL
+            widget: file
+            required: false
+            multiple: true
+            choose_url: true
+          - name: folder_support
+            label: Folder Support
+            widget: file
+            media_library:
+              folder_support: true
+      - name: image
+        label: Image
+        file: _widgets/image.json
+        description: Image widget
+        media_library:
+          folder_support: false
+        fields:
+          - name: required
+            label: Required Validation
+            widget: image
+          - name: with_default
+            label: Required With Default
+            widget: image
+            default: /assets/uploads/moby-dick.jpg
+          - name: pattern
+            label: Pattern Validation
+            widget: image
+            pattern: ['\.png', 'Must be a png']
+            required: false
+          - name: choose_url
+            label: Choose URL
+            widget: image
+            required: false
+            choose_url: true
+          - name: multiple
+            label: Multiple Images
+            widget: image
+            required: false
+            multiple: true
+          - name: multiple_choose_url
+            label: Multiple Images, Choose URL
+            widget: image
+            required: false
+            multiple: true
+            choose_url: true
+          - name: folder_support
+            label: Folder Support
+            widget: image
+            media_library:
+              folder_support: true
+      - name: keyvalue
+        label: Key Value
+        file: _widgets/keyvalue.yml
+        description: Key Value widget
+        fields:
+          - name: keyvalue
+            label: Required
+            widget: keyvalue
+          - name: with_default
+            label: Required With Default
+            widget: keyvalue
+            default:
+              key1: value1
+              key2: value2
+              key3: value3
+          - name: with_min
+            label: Required With Min (2)
+            widget: keyvalue
+            min: 2
+          - name: with_max
+            label: Required With Max (4)
+            widget: keyvalue
+            max: 4
+          - name: with_min_and_max
+            label: Required With Min (2) and Max (4)
+            widget: keyvalue
+            min: 2
+            max: 4
+      - name: list
+        label: List
+        file: _widgets/list.yml
+        description: List widget
+        fields:
+          - name: list
+            label: Required List
+            widget: list
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+          - name: with_default
+            label: Required With Default
+            widget: list
+            default:
+              - name: Bob Billy
+                description: Some text about bob
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+          - name: optional
+            label: Optional List
+            widget: list
+            required: false
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+          - name: list_with_object_child
+            label: List With Object Child
+            widget: list
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+              - label: Object
+                name: object
+                widget: object
+                fields:
+                  - label: Name
+                    name: name
+                    widget: string
+                    hint: First and Last
+                  - label: Description
+                    name: description
+                    widget: text
+          - name: comma_separated_list
+            label: Comma Separated List
+            widget: list
+          - name: delimiter_separated_list
+            label: Custom Delimiter (Semicolon) Separated List
+            widget: list
+            delimiter: ';'
+            default:
+              - 'tag-1'
+              - 'tag-2'
+          - name: string_list
+            label: String List
+            widget: list
+            fields:
+              - label: Tag
+                name: tag
+                widget: string
+          - name: number_list
+            label: Number List
+            widget: list
+            default:
+              - 5
+              - 13
+              - 2
+            fields:
+              - label: Value
+                name: value
+                widget: number
+          - name: boolean_list
+            label: Boolean List
+            widget: list
+            default:
+              - false
+              - true
+            fields:
+              - label: Active
+                name: active
+                widget: boolean
+          - name: typed_list
+            label: Typed List
+            widget: list
+            types:
+              - label: Type 1 Object
+                name: type_1_object
+                widget: object
+                fields:
+                  - label: String
+                    name: string
+                    widget: string
+                  - label: Boolean
+                    name: boolean
+                    widget: boolean
+                  - label: Text
+                    name: text
+                    widget: text
+              - label: Type 2 Object
+                name: type_2_object
+                widget: object
+                fields:
+                  - label: Number
+                    name: number
+                    widget: number
+                  - label: Select
+                    name: select
+                    widget: select
+                    options:
+                      - a
+                      - b
+                      - c
+                  - label: Datetime
+                    name: datetime
+                    widget: datetime
+                  - label: Markdown
+                    name: markdown
+                    widget: markdown
+              - label: Type 3 Object
+                name: type_3_object
+                widget: object
+                fields:
+                  - label: Image
+                    name: image
+                    widget: image
+                  - label: File
+                    name: file
+                    widget: file
+          - name: typed_list_with_default
+            label: Typed List With Default
+            widget: list
+            default:
+              - type: type_2_object
+                number: 5
+                select: c
+                datetime: '2022-12-05T20:22:52+0000'
+                markdown: Some ***Markdown*** ~content~ text
+            types:
+              - label: Type 1 Object
+                name: type_1_object
+                widget: object
+                fields:
+                  - label: String
+                    name: string
+                    widget: string
+                  - label: Boolean
+                    name: boolean
+                    widget: boolean
+                  - label: Text
+                    name: text
+                    widget: text
+              - label: Type 2 Object
+                name: type_2_object
+                widget: object
+                summary: "{{datetime | date('yyyy-MM-dd')}}"
+                fields:
+                  - label: Number
+                    name: number
+                    widget: number
+                  - label: Select
+                    name: select
+                    widget: select
+                    options:
+                      - a
+                      - b
+                      - c
+                  - label: Datetime
+                    name: datetime
+                    widget: datetime
+                  - label: Markdown
+                    name: markdown
+                    widget: markdown
+              - label: Type 3 Object
+                name: type_3_object
+                widget: object
+                fields:
+                  - label: Image
+                    name: image
+                    widget: image
+                  - label: File
+                    name: file
+                    widget: file
+          - name: typed_list_with_condition
+            label: Typed List With Condition
+            widget: list
+            types:
+              - label: Type 1 Object
+                name: type_1_object
+                widget: object
+                fields:
+                  - name: template
+                    label: template
+                    widget: select
+                    options:
+                      - column
+                      - row
+                      - banner
+                    default: column
+                  - label: String
+                    name: string
+                    widget: string
+                  - label: Boolean
+                    name: boolean
+                    widget: boolean
+                    condition:
+                      field: template
+                      value: banner
+                  - label: Text
+                    name: text
+                    widget: text
+              - label: Type 2 Object
+                name: type_2_object
+                widget: object
+                fields:
+                  - label: Number
+                    name: number
+                    widget: number
+                  - label: Select
+                    name: select
+                    widget: select
+                    options:
+                      - a
+                      - b
+                      - c
+                  - label: Datetime
+                    name: datetime
+                    widget: datetime
+                  - label: Markdown
+                    name: markdown
+                    widget: markdown
+              - label: Type 3 Object
+                name: type_3_object
+                widget: object
+                fields:
+                  - label: Image
+                    name: image
+                    widget: image
+                  - label: File
+                    name: file
+                    widget: file
+      - name: map
+        label: Map
+        file: _widgets/map.json
+        description: Map widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: map
+          - name: with_default
+            label: Required With Default
+            widget: map
+            default: '{ "type": "Point", "coordinates": [-73.9852661, 40.7478738] }'
+          - name: pattern
+            label: Pattern Validation
+            widget: map
+            pattern: ['\[-([7-9][0-9]|1[0-2][0-9])\.', 'Must be between latitude -70 and -129']
+            required: false
+          - name: line_string
+            label: Line String
+            type: LineString
+            widget: map
+            required: false
+          - name: polygon
+            label: Polygon
+            type: Polygon
+            widget: map
+            required: false
+      - name: markdown
+        label: Markdown
+        file: _widgets/markdown.json
+        description: Markdown widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: markdown
+          - name: with_default
+            label: Required With Default
+            widget: markdown
+            default: Default **markdown** value
+          - name: raw
+            label: Raw Editor
+            widget: markdown
+            show_raw: true
+          - name: pattern
+            label: Pattern Validation
+            widget: markdown
+            pattern: ['# [a-zA-Z0-9]+', 'Must have a header']
+            required: false
+          - name: folder_support
+            label: Folder Support
+            widget: markdown
+            media_library:
+              folder_support: true
+          - name: customized_buttons
+            label: Customized Buttons
+            widget: markdown
+            toolbar_buttons:
+              main:
+                - bold
+                - italic
+                - font
+                - shortcode
+                - label: Insert
+                  groups:
+                    - items: ['image', 'file-link']
+                    - items: ['insert-table']
+              empty:
+                - bold
+                - italic
+                - font
+                - label: Insert
+                  groups:
+                    - items: ['image', 'file-link']
+                    - items: ['blockquote', 'code-block']
+              selection:
+                - bold
+                - italic
+                - font
+                - file-link
+              table_empty:
+                - insert-row
+                - insert-column
+                - delete-row
+                - delete-column
+                - delete-table
+              table_selection:
+                - bold
+                - italic
+                - font
+      - name: number
+        label: Number
+        file: _widgets/number.json
+        description: Number widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: number
+          - name: with_default
+            label: Required With Default
+            widget: number
+            default: 5
+          - name: min
+            label: Min Validation
+            widget: number
+            min: 5
+            required: false
+          - name: max
+            label: Max Validation
+            widget: number
+            max: 10
+            required: false
+          - name: min_and_max
+            label: Min and Max Validation
+            widget: number
+            min: 5
+            max: 10
+            required: false
+          - name: pattern
+            label: Pattern Validation
+            widget: number
+            pattern: ['[0-9]{3,}', 'Must be at least 3 digits']
+            required: false
+          - name: prefix
+            label: With Prefix
+            widget: number
+            prefix: '$'
+          - name: suffix
+            label: With Suffix
+            widget: number
+            suffix: '%'
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: number
+            prefix: '$'
+            suffix: '%'
+      - name: object
+        label: Object
+        file: _widgets/object.json
+        description: Object widget
+        fields:
+          - label: Required Validation
+            name: required
+            widget: object
+            fields:
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+              - label: Author
+                name: author
+                widget: string
+              - label: Thumbnail
+                name: thumb
+                widget: image
+          - label: Required With Defaults
+            name: with_defaults
+            widget: object
+            fields:
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                default: 5
+              - label: Author
+                name: author
+                widget: string
+                default: Bob
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                default: /assets/uploads/moby-dick.jpg
+          - label: Optional Validation
+            name: optional
+            widget: object
+            required: false
+            fields:
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                required: false
+              - label: Author
+                name: author
+                widget: string
+                required: false
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                required: false
+          - label: With Hidden Field
+            name: hidden_field
+            widget: object
+            required: false
+            fields:
+              - name: layout
+                widget: hidden
+                default: post
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                required: false
+              - label: Author
+                name: author
+                widget: string
+                required: false
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                required: false
+          - label: Collapsed, optional with required children
+            name: collapsed_optional_with_required_children
+            widget: object
+            required: false
+            collapsed: true
+            fields:
+              - name: layout
+                widget: hidden
+                default: post
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                required: true
+              - label: Author
+                name: author
+                widget: string
+                required: true
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                required: true
+      - name: relation
+        label: Relation
+        file: _widgets/relation.json
+        description: Relation widget
+        fields:
+          - label: Required Validation
+            name: required
+            widget: relation
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+          - label: Required With Default
+            name: with_default
+            widget: relation
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+            default: This is a YAML front matter post
+          - label: Optional Validation
+            name: optional
+            widget: relation
+            required: false
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+          - label: Multiple
+            name: multiple
+            widget: relation
+            multiple: true
+            required: false
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+          - label: Multiple With Default
+            name: multiple_with_default
+            widget: relation
+            multiple: true
+            required: false
+            collection: posts
+            default:
+              - This is a JSON front matter post
+              - This is a YAML front matter post
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+      - name: select
+        label: Select
+        file: _widgets/select.json
+        description: Select widget
+        fields:
+          - label: Required Validation
+            name: required
+            widget: select
+            options:
+              - a
+              - b
+              - c
+          - label: Required With Default
+            name: with_default
+            widget: select
+            default: b
+            options:
+              - a
+              - b
+              - c
+          - label: Pattern Validation
+            name: pattern
+            widget: select
+            options:
+              - a
+              - b
+              - c
+            pattern: ['[a-b]', 'Must be a or b']
+            required: false
+          - label: Number Value
+            name: number
+            widget: select
+            options:
+              - 1
+              - 2
+              - 3
+          - label: Number With Default
+            name: number_with_default
+            widget: select
+            default: 3
+            options:
+              - 1
+              - 2
+              - 3
+          - label: Value and Label
+            name: value_and_label
+            widget: select
+            options:
+              - value: a
+                label: A fancy label
+              - value: 2
+                label: Another fancy label
+              - value: c
+                label: And one more fancy label
+          - label: Value and Label With Default
+            name: value_and_label_with_default
+            widget: select
+            default: 2
+            options:
+              - value: a
+                label: A fancy label
+              - value: 2
+                label: Another fancy label
+              - value: c
+                label: And one more fancy label
+          - label: Multiple
+            name: multiple
+            widget: select
+            options:
+              - a
+              - b
+              - c
+            pattern: ['[a-b]', 'Must be a or b']
+            multiple: true
+            required: false
+          - label: Multiple With Default
+            name: multiple_with_default
+            widget: select
+            default:
+              - b
+              - c
+            options:
+              - a
+              - b
+              - c
+            pattern: ['[a-b]', 'Must be a or b']
+            multiple: true
+            required: false
+          - label: Value and Label Multiple
+            name: value_and_label_multiple
+            widget: select
+            multiple: true
+            options:
+              - value: a
+                label: A fancy label
+              - value: b
+                label: Another fancy label
+              - value: c
+                label: And one more fancy label
+      - name: string
+        label: String
+        file: _widgets/string.json
+        description: String widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: string
+          - name: with_default
+            label: Required With Default
+            widget: string
+            default: Default value
+          - name: pattern
+            label: Pattern Validation
+            widget: string
+            pattern: ['.{12,}', 'Must have at least 12 characters']
+            required: false
+          - name: prefix
+            label: With Prefix
+            widget: string
+            prefix: '$'
+          - name: suffix
+            label: With Suffix
+            widget: string
+            suffix: '%'
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: string
+            prefix: '$'
+            suffix: '%'
+      - name: text
+        label: Text
+        file: _widgets/text.json
+        description: Text widget
+        fields:
+          - name: required
+            label: 'Required Validation'
+            widget: text
+          - name: with_default
+            label: Required With Default
+            widget: text
+            default: Default value
+          - name: pattern
+            label: 'Pattern Validation'
+            widget: text
+            pattern: ['.{12,}', 'Must have at least 12 characters']
+            required: false
+      - name: uuid
+        label: UUID
+        file: _widgets/uuid.json
+        description: UUID widget
+        fields:
+          - name: uuid
+            label: UUID
+            widget: uuid
+          - name: no_regenerate
+            label: Does not allow regeneration
+            widget: uuid
+            allow_regenerate: false
+          - name: with_prefix
+            label: With Prefix
+            widget: uuid
+            prefix: 'book/'
   - name: settings
     label: Settings
     delete: false
     editor:
-      preview: true
-      frame: false
+      preview: false
     files:
       - name: general
         label: Site Settings
         file: _data/settings.json
         description: General Site Settings
         fields:
-          - label: Number of posts on frontpage
-            name: front_limit
-            widget: number
-            min: 1
-            max: 10
           - label: Global title
             name: site_title
             widget: string
@@ -139,6 +1180,8 @@ collections:
         label: Authors
         file: _data/authors.yml
         description: Author descriptions
+        editor:
+          preview: true
         fields:
           - name: authors
             label: Authors
@@ -152,6 +1195,34 @@ collections:
               - label: Description
                 name: description
                 widget: text
+      - name: hotels
+        label: Hotel Locations
+        file: _data/hotel_locations.yml
+        fields:
+          - name: country
+            label: Country
+            widget: string
+          - name: hotel_locations
+            label: Hotel Locations
+            widget: list
+            fields:
+              - name: cities
+                label: Cities
+                widget: list
+                fields:
+                  - name: city
+                    label: City
+                    widget: string
+                  - name: number_of_hotels_in_city
+                    label: Number of Hotels in City
+                    widget: number
+                  - name: city_locations
+                    label: City Locations
+                    widget: list
+                    fields:
+                      - name: hotel_name
+                        label: Hotel Name
+                        widget: string
   - name: kitchenSink
     label: Kitchen Sink
     folder: _sink
@@ -231,6 +1302,16 @@ collections:
             value: 2
           - label: Three
             value: 3
+      - label: Select mixed string and numeric
+        name: select_mixed_string_numeric
+        widget: select
+        options:
+          - label: One
+            value: 'One'
+          - label: Two
+            value: 2
+          - label: Three
+            value: 3
       - label: Hidden
         name: hidden
         widget: hidden
@@ -376,7 +1457,7 @@ collections:
                     widget: number
                   - label: Markdown
                     name: markdown
-                    widget: text
+                    widget: markdown
                   - label: Datetime
                     name: datetime
                     widget: datetime
@@ -415,7 +1496,7 @@ collections:
                         widget: number
                       - label: Markdown
                         name: markdown
-                        widget: text
+                        widget: markdown
                       - label: Datetime
                         name: datetime
                         widget: datetime
@@ -468,7 +1549,7 @@ collections:
                 widget: datetime
               - label: Markdown
                 name: markdown
-                widget: text
+                widget: markdown
           - label: Type 3 Object
             name: type_3_object
             widget: object
@@ -479,12 +1560,32 @@ collections:
               - label: File
                 name: file
                 widget: file
+  - name: i18n_playground
+    label: i18n Playground
+    i18n: true
+    folder: _i18n_playground
+    identifier_field: slug
+    create: true
+    fields:
+      # The slug field will be omitted from the translation.
+      - name: slug
+        label: Slug
+        widget: string
+      # same as 'i18n: translate'. Allows translation of the description field
+      - name: description
+        label: Description
+        widget: text
+        i18n: true
+      # The date field will be duplicated from the default locale.
+      - name: date
+        label: Date
+        widget: datetime
+        i18n: duplicate
   - name: pages
     label: Nested Pages
     label_singular: 'Page'
     folder: _nested_pages
     create: true
-    media_folder: '/_nested_page_pictures/{{slug}}'
     # adding a nested object will show the collection folder structure
     nested:
       depth: 100 # max depth to show in the collection tree
@@ -496,30 +1597,6 @@ collections:
       - label: Title
         name: title
         widget: string
-      - label: Image
-        name: image
-        widget: image
       - label: Body
         name: body
         widget: markdown
-  - name: events
-    label: Events
-    label_singular: Event
-    folder: _events
-    fields:
-      - label: Title
-        name: title
-        widget: string
-      - label: Publish Date
-        name: publishDate
-        widget: datetime
-        date_format: 'LLLL d, yyyy'
-        time_format: 'h:mm bbb'
-        format: 'yyyy-MM-dd''T''HH:mm:ssXXX'
-      - label: Event Date
-        name: eventDate
-        widget: datetime
-        date_format: 'LLLL d, yyyy'
-        time_format: false
-        format: 'yyyy-MM-dd''T''HH:mm:ssXXX'
-
diff --git a/packages/core/dev-test/backends/gitlab/index.js b/packages/core/dev-test/backends/gitlab/index.js
index db80e979..208219ed 100644
--- a/packages/core/dev-test/backends/gitlab/index.js
+++ b/packages/core/dev-test/backends/gitlab/index.js
@@ -24,27 +24,6 @@ const PostDateFieldPreview = ({ value }) => {
   );
 };
 
-const PostDraftFieldPreview = ({ value }) => {
-  return h(
-    'div',
-    {
-      style: {
-        backgroundColor: value === true ? 'rgb(37 99 235)' : 'rgb(22 163 74)',
-        color: 'white',
-        border: 'none',
-        padding: '2px 6px',
-        textAlign: 'center',
-        textDecoration: 'none',
-        display: 'inline-block',
-        cursor: 'pointer',
-        borderRadius: '4px',
-        fontSize: '14px',
-      },
-    },
-    value === true ? 'Draft' : 'Published',
-  );
-};
-
 const GeneralPreview = ({ widgetsFor, entry, collection }) => {
   const title = entry.data.site_title;
   const posts = entry.data.posts;
@@ -88,38 +67,16 @@ const AuthorsPreview = ({ widgetsFor }) => {
   );
 };
 
-const RelationKitchenSinkPostPreview = ({ fieldsMetaData }) => {
-  // When a post is selected from the relation field, all of it's data
-  // will be available in the field's metadata nested under the collection
-  // name, and then further nested under the value specified in `value_field`.
-  // In this case, the post would be nested under "posts" and then under
-  // the title of the selected post, since our `value_field` in the config
-  // is "title".
-  const post = fieldsMetaData && fieldsMetaData.posts.value;
-  const style = { border: '2px solid #ccc', borderRadius: '8px', padding: '20px' };
-  return post
-    ? h(
-        'div',
-        { style: style },
-        h('h2', {}, 'Related Post'),
-        h('h3', {}, post.title),
-        h('img', { src: post.image }),
-        h('p', {}, (post.body ?? '').slice(0, 100) + '...'),
-      )
-    : null;
-};
-
 const CustomPage = () => {
   return h('div', {}, 'I am a custom page!');
 };
 
 CMS.registerPreviewTemplate('posts', PostPreview);
 CMS.registerFieldPreview('posts', 'date', PostDateFieldPreview);
-CMS.registerFieldPreview('posts', 'draft', PostDraftFieldPreview);
 CMS.registerPreviewTemplate('general', GeneralPreview);
 CMS.registerPreviewTemplate('authors', AuthorsPreview);
 // Pass the name of a registered control to reuse with a new widget preview.
-CMS.registerWidget('relationKitchenSinkPost', 'relation', RelationKitchenSinkPostPreview);
+CMS.registerWidget('relationKitchenSinkPost', 'relation');
 CMS.registerAdditionalLink({
   id: 'example',
   title: 'Example.com',
@@ -152,7 +109,9 @@ CMS.registerShortcode('youtube', {
   toArgs: ({ src }) => {
     return [src];
   },
-  control: ({ src, onChange, theme }) => {
+  control: ({ src, onChange }) => {
+    const theme = useTheme();
+
     return h('span', {}, [
       h('input', {
         key: 'control-input',
@@ -162,8 +121,8 @@ CMS.registerShortcode('youtube', {
         },
         style: {
           width: '100%',
-          backgroundColor: theme === 'dark' ? 'rgb(30, 41, 59)' : 'white',
-          color: theme === 'dark' ? 'white' : 'black',
+          backgroundColor: theme.common.gray,
+          color: theme.text.primary,
           padding: '4px 8px',
         },
       }),
diff --git a/packages/core/dev-test/backends/proxy/_posts/2022-11-01-something/index.md b/packages/core/dev-test/backends/proxy/_posts/2022-11-01-something/index.md
index 9ceb3687..e39fcfcd 100644
--- a/packages/core/dev-test/backends/proxy/_posts/2022-11-01-something/index.md
+++ b/packages/core/dev-test/backends/proxy/_posts/2022-11-01-something/index.md
@@ -1,6 +1,5 @@
 ---
 title: Something something something2...
-draft: false
 date: 2022-11-01 06:30
 image: static-cms-icon.svg
 ---
diff --git a/packages/core/dev-test/backends/proxy/_posts/2022-11-01-test/index.md b/packages/core/dev-test/backends/proxy/_posts/2022-11-01-test/index.md
index 0e0dcf88..6210766e 100644
--- a/packages/core/dev-test/backends/proxy/_posts/2022-11-01-test/index.md
+++ b/packages/core/dev-test/backends/proxy/_posts/2022-11-01-test/index.md
@@ -1,6 +1,5 @@
 ---
 title: Test
-draft: false
 date: 2022-11-01 14:28
 image: kittens.jpg
 ---
diff --git a/packages/core/dev-test/backends/proxy/_posts/2022-11-02-test/index.md b/packages/core/dev-test/backends/proxy/_posts/2022-11-02-test/index.md
index 9e6f8dc9..b567594f 100644
--- a/packages/core/dev-test/backends/proxy/_posts/2022-11-02-test/index.md
+++ b/packages/core/dev-test/backends/proxy/_posts/2022-11-02-test/index.md
@@ -1,6 +1,5 @@
 ---
 title: Test3
-draft: false
 date: 2022-11-02 08:43
 image: ori_3587884_d966kldqzc6mvdeq67hyk16rnbe3gb1k8eeoy31s_shark-icon.jpg
 ---
diff --git a/packages/core/dev-test/backends/proxy/config.yml b/packages/core/dev-test/backends/proxy/config.yml
index 2cbeb28f..a9435e73 100644
--- a/packages/core/dev-test/backends/proxy/config.yml
+++ b/packages/core/dev-test/backends/proxy/config.yml
@@ -2,11 +2,13 @@ backend:
   name: github
   branch: main
   repo: staticjscms/static-cms-github
-
+site_url: 'https://example.com'
 local_backend: true
-
 media_folder: /packages/core/dev-test/backends/proxy/assets/upload
 public_folder: /backends/proxy/assets/upload
+media_library:
+  folder_support: true
+locale: en
 i18n:
   # Required and can be one of multiple_folders, multiple_files or single_file
   # multiple_folders - persists files in `<folder>/<locale>/<slug>.<extension>`
@@ -19,7 +21,7 @@ i18n:
 
   # Optional, defaults to the first item in locales.
   # The locale to be used for fields validation and as a baseline for the entry.
-  defaultLocale: en
+  default_locale: en
 collections:
   - name: posts
     label: Posts
@@ -28,11 +30,10 @@ collections:
       The description is a great place for tone setting, high level information,
       and editing guidelines that are specific to a collection.
     folder: packages/core/dev-test/backends/proxy/_posts
-    summary: '{{title}} -- {{year}}/{{month}}/{{day}}'
     slug: '{{year}}-{{month}}-{{day}}-{{slug}}'
-    media_folder: ""
-    public_folder: ""
-    path: "{{year}}-{{month}}-{{day}}-{{slug}}/index"
+    summary_fields:
+      - title
+      - date
     sortable_fields:
       fields:
         - title
@@ -41,69 +42,99 @@ collections:
         field: title
     create: true
     view_filters:
-      - label: Posts With Index
-        field: title
-        pattern: 'This is post #'
-      - label: Posts Without Index
-        field: title
-        pattern: front matter post
-      - label: Drafts
-        field: draft
-        pattern: true
+      filters:
+        - name: posts-with-index
+          label: Posts With Index
+          field: title
+          pattern: 'This is post #'
+        - name: posts-without-index
+          label: Posts Without Index
+          field: title
+          pattern: front matter post
+        - name: draft
+          label: Drafts
+          field: draft
+          pattern: true
     view_groups:
-      - label: Year
-        field: date
-        pattern: '\d{4}'
-      - label: Drafts
-        field: draft
+      groups:
+        - name: by-year
+          label: Year
+          field: date
+          pattern: '\d{4}'
+        - name: draft
+          label: Drafts
+          field: draft
     fields:
       - label: Title
         name: title
         widget: string
-      - label: Draft
-        name: draft
-        widget: boolean
+      - label: 'Draft'
+        name: 'draft'
+        widget: 'boolean'
         default: false
       - label: Publish Date
         name: date
         widget: datetime
         date_format: yyyy-MM-dd
         time_format: 'HH:mm'
-        format: 'yyyy-MM-dd HH:mm'
+        format: "yyyy-MM-dd'T'HH:mm:ss.SSSXXX"
       - label: Cover Image
         name: image
         widget: image
         required: false
-      - name: icons
-        label: Icon
-        widget: relation
-        collection: settings
-        required: false
-        file: general
-        search_fields: ['icons.*.name']
-        display_fields: ['icons.*.name']
-        options_length: 200
-        value_field: icons.*.icon
+      - label: Description
+        name: description
+        widget: text
+      - label: Category
+        name: category
+        widget: string
       - label: Body
         name: body
         widget: markdown
-        hint: Main content goes here.
+        hint: '*Main* __content__ __*goes*__ [here](https://example.com/).'
+      - label: Tags
+        name: tags
+        widget: list
   - name: faq
     label: FAQ
     folder: packages/core/dev-test/backends/proxy/_faqs
     create: true
+    editor:
+      frame: false
+      size: half
     fields:
       - label: Question
         name: title
         widget: string
+      - label: Type
+        name: type
+        widget: select
+        default: internal
+        options:
+          - label: Internal
+            value: internal
+          - label: External
+            value: external
+      - label: URL
+        name: url
+        widget: string
+        condition:
+          field: type
+          value: external
       - label: Answer
         name: body
         widget: markdown
+        condition:
+          field: type
+          value: internal
       - name: posts
         label: Posts
         label_singular: Post
         widget: list
-        summary: '{{fields.post | split(''|'', ''$1'')}}'
+        summary: "{{fields.post | split('|', '$1')}}"
+        condition:
+          field: type
+          value: internal
         fields:
           - label: Related Post
             name: post
@@ -116,20 +147,1016 @@ collections:
               - title
               - body
             value_field: '{{title}}|{{date}}'
+  - name: widgets
+    label: Widgets
+    delete: false
+    files:
+      - name: boolean
+        label: Boolean
+        file: packages/core/dev-test/backends/proxy/_widgets/boolean.json
+        description: Boolean widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: boolean
+          - name: with_default
+            label: Required With Default
+            widget: boolean
+            default: true
+          - name: pattern
+            label: Pattern Validation
+            widget: boolean
+            pattern: ['true', 'Must be true']
+            required: false
+          - name: prefix
+            label: With Prefix
+            widget: boolean
+            prefix: "I'm a prefix"
+          - name: suffix
+            label: With Suffix
+            widget: boolean
+            suffix: "I'm a suffix"
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: boolean
+            prefix: "I'm a prefix"
+            suffix: "I'm a suffix"
+      - name: code
+        label: Code
+        file: packages/core/dev-test/backends/proxy/_widgets/code.json
+        description: Code widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: code
+          - name: with_default
+            label: Required With Default
+            widget: code
+            default: '<div>Some html!</div>'
+          - name: pattern
+            label: Pattern Validation
+            widget: code
+            pattern: ['.{12,}', 'Must have at least 12 characters']
+            allow_input: true
+            required: false
+          - name: language
+            label: Language Selection
+            widget: code
+            allow_language_selection: true
+            required: false
+          - name: language_with_default
+            label: Language Selection With Default Language
+            widget: code
+            allow_language_selection: true
+            required: false
+            default_language: html
+          - name: language_with_default_language_and_value
+            label: Language Selection With Default Language and Value
+            widget: code
+            allow_language_selection: true
+            required: false
+            default:
+              lang: html
+              code: '<div>Some html!</div>'
+          - name: language_with_default_language_and_value_string_default
+            label: Language Selection With Default Language and Value (String Default)
+            widget: code
+            allow_language_selection: true
+            required: false
+            default_language: html
+            default: '<div>Some html!</div>'
+      - name: color
+        label: Color
+        file: packages/core/dev-test/backends/proxy/_widgets/color.json
+        description: Color widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: color
+          - name: allow_input
+            label: Allow Input
+            widget: color
+            allow_input: true
+          - name: with_default
+            label: Required With Default
+            widget: color
+            default: '#2121c5'
+          - name: pattern
+            label: Pattern Validation
+            widget: color
+            pattern:
+              ['^#[a-fA-F0-9]{3}$|^[a-fA-F0-9]{4}$|^[a-fA-F0-9]{6}$', 'Must be a valid hex code']
+            allow_input: true
+            required: false
+          - name: alpha
+            label: Alpha
+            widget: color
+            enable_alpha: true
+            required: false
+          - name: alpha_with_default
+            label: Alpha With Default
+            widget: color
+            enable_alpha: true
+            required: false
+            default: 'rgba(175, 28, 28, 0.65)'
+      - name: datetime
+        label: DateTime
+        file: packages/core/dev-test/backends/proxy/_widgets/datetime.json
+        description: DateTime widget
+        fields:
+          - name: required
+            label: 'Required Validation'
+            widget: datetime
+          - name: pattern
+            label: 'Pattern Validation'
+            widget: datetime
+            format: 'MMM d, yyyy h:mm aaa'
+            date_format: 'MMM d, yyyy'
+            time_format: 'h:mm aaa'
+            pattern: ['pm', 'Must be in the afternoon']
+            required: false
+          - name: date_and_time
+            label: Date and Time
+            widget: datetime
+            format: 'MMM d, yyyy h:mm aaa'
+            date_format: 'MMM d, yyyy'
+            time_format: 'h:mm aaa'
+            required: false
+          - name: date_and_time_with_default
+            label: Date and Time With Default
+            widget: datetime
+            format: 'MMM d, yyyy h:mm aaa'
+            date_format: 'MMM d, yyyy'
+            time_format: 'h:mm aaa'
+            required: false
+            default: 'Jan 12, 2023 12:00 am'
+          - name: date
+            label: Date
+            widget: datetime
+            format: 'MMM d, yyyy'
+            time_format: false
+            required: false
+          - name: date_with_default
+            label: Date With Default
+            widget: datetime
+            format: 'MMM d, yyyy'
+            date_format: 'MMM d, yyyy'
+            time_format: false
+            required: false
+            default: 'Jan 12, 2023'
+          - name: time
+            label: Time
+            widget: datetime
+            format: 'h:mm aaa'
+            date_format: false
+            time_format: 'h:mm aaa'
+            required: false
+          - name: time_with_default
+            label: Time With Default
+            widget: datetime
+            format: 'h:mm aaa'
+            date_format: false
+            time_format: 'h:mm aaa'
+            required: false
+            default: '12:00 am'
+      - name: file
+        label: File
+        file: packages/core/dev-test/backends/proxy/_widgets/file.json
+        description: File widget
+        media_library:
+          folder_support: false
+        fields:
+          - name: required
+            label: Required Validation
+            widget: file
+          - name: with_default
+            label: Required With Default
+            widget: file
+            default: /assets/uploads/moby-dick.jpg
+          - name: pattern
+            label: Pattern Validation
+            widget: file
+            pattern: ['\.pdf', 'Must be a pdf']
+            required: false
+          - name: choose_url
+            label: Choose URL
+            widget: file
+            required: false
+            choose_url: true
+          - name: multiple
+            label: Multiple Files
+            widget: file
+            required: false
+            multiple: true
+          - name: multiple_choose_url
+            label: Multiple Files, Choose URL
+            widget: file
+            required: false
+            multiple: true
+            choose_url: true
+          - name: folder_support
+            label: Folder Support
+            widget: file
+            media_library:
+              folder_support: true
+      - name: image
+        label: Image
+        file: packages/core/dev-test/backends/proxy/_widgets/image.json
+        description: Image widget
+        media_library:
+          folder_support: false
+        fields:
+          - name: required
+            label: Required Validation
+            widget: image
+          - name: with_default
+            label: Required With Default
+            widget: image
+            default: /assets/uploads/moby-dick.jpg
+          - name: pattern
+            label: Pattern Validation
+            widget: image
+            pattern: ['\.png', 'Must be a png']
+            required: false
+          - name: choose_url
+            label: Choose URL
+            widget: image
+            required: false
+            choose_url: true
+          - name: multiple
+            label: Multiple Images
+            widget: image
+            required: false
+            multiple: true
+          - name: multiple_choose_url
+            label: Multiple Images, Choose URL
+            widget: image
+            required: false
+            multiple: true
+            choose_url: true
+          - name: folder_support
+            label: Folder Support
+            widget: image
+            media_library:
+              folder_support: true
+      - name: keyvalue
+        label: Key Value
+        file: packages/core/dev-test/backends/proxy/_widgets/keyvalue.yml
+        description: Key Value widget
+        fields:
+          - name: keyvalue
+            label: Required
+            widget: keyvalue
+          - name: with_default
+            label: Required With Default
+            widget: keyvalue
+            default:
+              key1: value1
+              key2: value2
+              key3: value3
+          - name: with_min
+            label: Required With Min (2)
+            widget: keyvalue
+            min: 2
+          - name: with_max
+            label: Required With Max (4)
+            widget: keyvalue
+            max: 4
+          - name: with_min_and_max
+            label: Required With Min (2) and Max (4)
+            widget: keyvalue
+            min: 2
+            max: 4
+      - name: list
+        label: List
+        file: packages/core/dev-test/backends/proxy/_widgets/list.yml
+        description: List widget
+        fields:
+          - name: list
+            label: Required List
+            widget: list
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+          - name: with_default
+            label: Required With Default
+            widget: list
+            default:
+              - name: Bob Billy
+                description: Some text about bob
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+          - name: optional
+            label: Optional List
+            widget: list
+            required: false
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+          - name: list_with_object_child
+            label: List With Object Child
+            widget: list
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+              - label: Object
+                name: object
+                widget: object
+                fields:
+                  - label: Name
+                    name: name
+                    widget: string
+                    hint: First and Last
+                  - label: Description
+                    name: description
+                    widget: text
+          - name: comma_separated_list
+            label: Comma Separated List
+            widget: list
+          - name: delimiter_separated_list
+            label: Custom Delimiter (Semicolon) Separated List
+            widget: list
+            delimiter: ';'
+            default:
+              - 'tag-1'
+              - 'tag-2'
+          - name: string_list
+            label: String List
+            widget: list
+            fields:
+              - label: Tag
+                name: tag
+                widget: string
+          - name: number_list
+            label: Number List
+            widget: list
+            default:
+              - 5
+              - 13
+              - 2
+            fields:
+              - label: Value
+                name: value
+                widget: number
+          - name: boolean_list
+            label: Boolean List
+            widget: list
+            default:
+              - false
+              - true
+            fields:
+              - label: Active
+                name: active
+                widget: boolean
+          - name: typed_list
+            label: Typed List
+            widget: list
+            types:
+              - label: Type 1 Object
+                name: type_1_object
+                widget: object
+                fields:
+                  - label: String
+                    name: string
+                    widget: string
+                  - label: Boolean
+                    name: boolean
+                    widget: boolean
+                  - label: Text
+                    name: text
+                    widget: text
+              - label: Type 2 Object
+                name: type_2_object
+                widget: object
+                fields:
+                  - label: Number
+                    name: number
+                    widget: number
+                  - label: Select
+                    name: select
+                    widget: select
+                    options:
+                      - a
+                      - b
+                      - c
+                  - label: Datetime
+                    name: datetime
+                    widget: datetime
+                  - label: Markdown
+                    name: markdown
+                    widget: markdown
+              - label: Type 3 Object
+                name: type_3_object
+                widget: object
+                fields:
+                  - label: Image
+                    name: image
+                    widget: image
+                  - label: File
+                    name: file
+                    widget: file
+          - name: typed_list_with_default
+            label: Typed List With Default
+            widget: list
+            default:
+              - type: type_2_object
+                number: 5
+                select: c
+                datetime: '2022-12-05T20:22:52+0000'
+                markdown: Some ***Markdown*** ~content~ text
+            types:
+              - label: Type 1 Object
+                name: type_1_object
+                widget: object
+                fields:
+                  - label: String
+                    name: string
+                    widget: string
+                  - label: Boolean
+                    name: boolean
+                    widget: boolean
+                  - label: Text
+                    name: text
+                    widget: text
+              - label: Type 2 Object
+                name: type_2_object
+                widget: object
+                summary: "{{datetime | date('yyyy-MM-dd')}}"
+                fields:
+                  - label: Number
+                    name: number
+                    widget: number
+                  - label: Select
+                    name: select
+                    widget: select
+                    options:
+                      - a
+                      - b
+                      - c
+                  - label: Datetime
+                    name: datetime
+                    widget: datetime
+                  - label: Markdown
+                    name: markdown
+                    widget: markdown
+              - label: Type 3 Object
+                name: type_3_object
+                widget: object
+                fields:
+                  - label: Image
+                    name: image
+                    widget: image
+                  - label: File
+                    name: file
+                    widget: file
+          - name: typed_list_with_condition
+            label: Typed List With Condition
+            widget: list
+            types:
+              - label: Type 1 Object
+                name: type_1_object
+                widget: object
+                fields:
+                  - name: template
+                    label: template
+                    widget: select
+                    options:
+                      - column
+                      - row
+                      - banner
+                    default: column
+                  - label: String
+                    name: string
+                    widget: string
+                  - label: Boolean
+                    name: boolean
+                    widget: boolean
+                    condition:
+                      field: template
+                      value: banner
+                  - label: Text
+                    name: text
+                    widget: text
+              - label: Type 2 Object
+                name: type_2_object
+                widget: object
+                fields:
+                  - label: Number
+                    name: number
+                    widget: number
+                  - label: Select
+                    name: select
+                    widget: select
+                    options:
+                      - a
+                      - b
+                      - c
+                  - label: Datetime
+                    name: datetime
+                    widget: datetime
+                  - label: Markdown
+                    name: markdown
+                    widget: markdown
+              - label: Type 3 Object
+                name: type_3_object
+                widget: object
+                fields:
+                  - label: Image
+                    name: image
+                    widget: image
+                  - label: File
+                    name: file
+                    widget: file
+      - name: map
+        label: Map
+        file: packages/core/dev-test/backends/proxy/_widgets/map.json
+        description: Map widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: map
+          - name: with_default
+            label: Required With Default
+            widget: map
+            default: '{ "type": "Point", "coordinates": [-73.9852661, 40.7478738] }'
+          - name: pattern
+            label: Pattern Validation
+            widget: map
+            pattern: ['\[-([7-9][0-9]|1[0-2][0-9])\.', 'Must be between latitude -70 and -129']
+            required: false
+          - name: line_string
+            label: Line String
+            type: LineString
+            widget: map
+            required: false
+          - name: polygon
+            label: Polygon
+            type: Polygon
+            widget: map
+            required: false
+      - name: markdown
+        label: Markdown
+        file: packages/core/dev-test/backends/proxy/_widgets/markdown.json
+        description: Markdown widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: markdown
+          - name: with_default
+            label: Required With Default
+            widget: markdown
+            default: Default **markdown** value
+          - name: raw
+            label: Raw Editor
+            widget: markdown
+            show_raw: true
+          - name: pattern
+            label: Pattern Validation
+            widget: markdown
+            pattern: ['# [a-zA-Z0-9]+', 'Must have a header']
+            required: false
+          - name: folder_support
+            label: Folder Support
+            widget: markdown
+            media_library:
+              folder_support: true
+          - name: customized_buttons
+            label: Customized Buttons
+            widget: markdown
+            toolbar_buttons:
+              main:
+                - bold
+                - italic
+                - font
+                - shortcode
+                - label: Insert
+                  groups:
+                    - items: ['image', 'file-link']
+                    - items: ['insert-table']
+              empty:
+                - bold
+                - italic
+                - font
+                - label: Insert
+                  groups:
+                    - items: ['image', 'file-link']
+                    - items: ['blockquote', 'code-block']
+              selection:
+                - bold
+                - italic
+                - font
+                - file-link
+              table_empty:
+                - insert-row
+                - insert-column
+                - delete-row
+                - delete-column
+                - delete-table
+              table_selection:
+                - bold
+                - italic
+                - font
+      - name: number
+        label: Number
+        file: packages/core/dev-test/backends/proxy/_widgets/number.json
+        description: Number widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: number
+          - name: with_default
+            label: Required With Default
+            widget: number
+            default: 5
+          - name: min
+            label: Min Validation
+            widget: number
+            min: 5
+            required: false
+          - name: max
+            label: Max Validation
+            widget: number
+            max: 10
+            required: false
+          - name: min_and_max
+            label: Min and Max Validation
+            widget: number
+            min: 5
+            max: 10
+            required: false
+          - name: pattern
+            label: Pattern Validation
+            widget: number
+            pattern: ['[0-9]{3,}', 'Must be at least 3 digits']
+            required: false
+          - name: prefix
+            label: With Prefix
+            widget: number
+            prefix: '$'
+          - name: suffix
+            label: With Suffix
+            widget: number
+            suffix: '%'
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: number
+            prefix: '$'
+            suffix: '%'
+      - name: object
+        label: Object
+        file: packages/core/dev-test/backends/proxy/_widgets/object.json
+        description: Object widget
+        fields:
+          - label: Required Validation
+            name: required
+            widget: object
+            fields:
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+              - label: Author
+                name: author
+                widget: string
+              - label: Thumbnail
+                name: thumb
+                widget: image
+          - label: Required With Defaults
+            name: with_defaults
+            widget: object
+            fields:
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                default: 5
+              - label: Author
+                name: author
+                widget: string
+                default: Bob
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                default: /assets/uploads/moby-dick.jpg
+          - label: Optional Validation
+            name: optional
+            widget: object
+            required: false
+            fields:
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                required: false
+              - label: Author
+                name: author
+                widget: string
+                required: false
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                required: false
+          - label: With Hidden Field
+            name: hidden_field
+            widget: object
+            required: false
+            fields:
+              - name: layout
+                widget: hidden
+                default: post
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                required: false
+              - label: Author
+                name: author
+                widget: string
+                required: false
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                required: false
+          - label: Collapsed, optional with required children
+            name: collapsed_optional_with_required_children
+            widget: object
+            required: false
+            collapsed: true
+            fields:
+              - name: layout
+                widget: hidden
+                default: post
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                required: true
+              - label: Author
+                name: author
+                widget: string
+                required: true
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                required: true
+      - name: relation
+        label: Relation
+        file: packages/core/dev-test/backends/proxy/_widgets/relation.json
+        description: Relation widget
+        fields:
+          - label: Required Validation
+            name: required
+            widget: relation
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+          - label: Required With Default
+            name: with_default
+            widget: relation
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+            default: This is a YAML front matter post
+          - label: Optional Validation
+            name: optional
+            widget: relation
+            required: false
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+          - label: Multiple
+            name: multiple
+            widget: relation
+            multiple: true
+            required: false
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+          - label: Multiple With Default
+            name: multiple_with_default
+            widget: relation
+            multiple: true
+            required: false
+            collection: posts
+            default:
+              - This is a JSON front matter post
+              - This is a YAML front matter post
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+      - name: select
+        label: Select
+        file: packages/core/dev-test/backends/proxy/_widgets/select.json
+        description: Select widget
+        fields:
+          - label: Required Validation
+            name: required
+            widget: select
+            options:
+              - a
+              - b
+              - c
+          - label: Required With Default
+            name: with_default
+            widget: select
+            default: b
+            options:
+              - a
+              - b
+              - c
+          - label: Pattern Validation
+            name: pattern
+            widget: select
+            options:
+              - a
+              - b
+              - c
+            pattern: ['[a-b]', 'Must be a or b']
+            required: false
+          - label: Number Value
+            name: number
+            widget: select
+            options:
+              - 1
+              - 2
+              - 3
+          - label: Number With Default
+            name: number_with_default
+            widget: select
+            default: 3
+            options:
+              - 1
+              - 2
+              - 3
+          - label: Value and Label
+            name: value_and_label
+            widget: select
+            options:
+              - value: a
+                label: A fancy label
+              - value: 2
+                label: Another fancy label
+              - value: c
+                label: And one more fancy label
+          - label: Value and Label With Default
+            name: value_and_label_with_default
+            widget: select
+            default: 2
+            options:
+              - value: a
+                label: A fancy label
+              - value: 2
+                label: Another fancy label
+              - value: c
+                label: And one more fancy label
+          - label: Multiple
+            name: multiple
+            widget: select
+            options:
+              - a
+              - b
+              - c
+            pattern: ['[a-b]', 'Must be a or b']
+            multiple: true
+            required: false
+          - label: Multiple With Default
+            name: multiple_with_default
+            widget: select
+            default:
+              - b
+              - c
+            options:
+              - a
+              - b
+              - c
+            pattern: ['[a-b]', 'Must be a or b']
+            multiple: true
+            required: false
+          - label: Value and Label Multiple
+            name: value_and_label_multiple
+            widget: select
+            multiple: true
+            options:
+              - value: a
+                label: A fancy label
+              - value: b
+                label: Another fancy label
+              - value: c
+                label: And one more fancy label
+      - name: string
+        label: String
+        file: packages/core/dev-test/backends/proxy/_widgets/string.json
+        description: String widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: string
+          - name: with_default
+            label: Required With Default
+            widget: string
+            default: Default value
+          - name: pattern
+            label: Pattern Validation
+            widget: string
+            pattern: ['.{12,}', 'Must have at least 12 characters']
+            required: false
+          - name: prefix
+            label: With Prefix
+            widget: string
+            prefix: '$'
+          - name: suffix
+            label: With Suffix
+            widget: string
+            suffix: '%'
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: string
+            prefix: '$'
+            suffix: '%'
+      - name: text
+        label: Text
+        file: packages/core/dev-test/backends/proxy/_widgets/text.json
+        description: Text widget
+        fields:
+          - name: required
+            label: 'Required Validation'
+            widget: text
+          - name: with_default
+            label: Required With Default
+            widget: text
+            default: Default value
+          - name: pattern
+            label: 'Pattern Validation'
+            widget: text
+            pattern: ['.{12,}', 'Must have at least 12 characters']
+            required: false
+      - name: uuid
+        label: UUID
+        file: packages/core/dev-test/backends/proxy/_widgets/uuid.json
+        description: UUID widget
+        fields:
+          - name: uuid
+            label: UUID
+            widget: uuid
+          - name: no_regenerate
+            label: Does not allow regeneration
+            widget: uuid
+            allow_regenerate: false
+          - name: with_prefix
+            label: With Prefix
+            widget: uuid
+            prefix: 'book/'
   - name: settings
     label: Settings
     delete: false
+    editor:
+      preview: false
     files:
       - name: general
         label: Site Settings
         file: packages/core/dev-test/backends/proxy/_data/settings.json
         description: General Site Settings
         fields:
-          - label: Number of posts on frontpage
-            name: front_limit
-            widget: number
-            min: 1
-            max: 10
           - label: Global title
             name: site_title
             widget: string
@@ -149,20 +1176,12 @@ collections:
                 name: thumb
                 widget: image
                 required: false
-          - label: Icons
-            name: icons
-            widget: list
-            fields:
-              - name: name
-                label: Name
-                widget: string
-              - name: icon
-                label: Icon
-                widget: string
       - name: authors
         label: Authors
         file: packages/core/dev-test/backends/proxy/_data/authors.yml
         description: Author descriptions
+        editor:
+          preview: true
         fields:
           - name: authors
             label: Authors
@@ -176,45 +1195,34 @@ collections:
               - label: Description
                 name: description
                 widget: text
-
-      - name: navigation
-        label: Navigation
-        file: packages/core/dev-test/backends/proxy/_data/navigation.mdx
-        extension: mdx
-        format: yaml-frontmatter
+      - name: hotels
+        label: Hotel Locations
+        file: packages/core/dev-test/backends/proxy/_data/hotel_locations.yml
         fields:
-          - name: main_menu
-            label: Main Menu
+          - name: country
+            label: Country
+            widget: string
+          - name: hotel_locations
+            label: Hotel Locations
             widget: list
-            collapsed: true
             fields:
-              - name: label
-                label: Label
-                widget: string
-              - name: href
-                label: Href
-                widget: string
-          - name: footer_menus
-            label: Footer Menus
-            widget: list
-            collapsed: true
-            reuired: false
-            fields:
-              - name: label
-                label: Label
-                widget: string
-              - name: links
-                label: Links
+              - name: cities
+                label: Cities
                 widget: list
-                collapsed: true
                 fields:
-                  - name: label
-                    label: Label
+                  - name: city
+                    label: City
                     widget: string
-                  - name: href
-                    label: Href
-                    widget: string
-
+                  - name: number_of_hotels_in_city
+                    label: Number of Hotels in City
+                    widget: number
+                  - name: city_locations
+                    label: City Locations
+                    widget: list
+                    fields:
+                      - name: hotel_name
+                        label: Hotel Name
+                        widget: string
   - name: kitchenSink
     label: Kitchen Sink
     folder: packages/core/dev-test/backends/proxy/_sink
@@ -294,6 +1302,16 @@ collections:
             value: 2
           - label: Three
             value: 3
+      - label: Select mixed string and numeric
+        name: select_mixed_string_numeric
+        widget: select
+        options:
+          - label: One
+            value: 'One'
+          - label: Two
+            value: 2
+          - label: Three
+            value: 3
       - label: Hidden
         name: hidden
         widget: hidden
@@ -439,7 +1457,7 @@ collections:
                     widget: number
                   - label: Markdown
                     name: markdown
-                    widget: text
+                    widget: markdown
                   - label: Datetime
                     name: datetime
                     widget: datetime
@@ -478,7 +1496,7 @@ collections:
                         widget: number
                       - label: Markdown
                         name: markdown
-                        widget: text
+                        widget: markdown
                       - label: Datetime
                         name: datetime
                         widget: datetime
@@ -531,7 +1549,7 @@ collections:
                 widget: datetime
               - label: Markdown
                 name: markdown
-                widget: text
+                widget: markdown
           - label: Type 3 Object
             name: type_3_object
             widget: object
diff --git a/packages/core/dev-test/backends/test/config.yml b/packages/core/dev-test/backends/test/config.yml
new file mode 100644
index 00000000..236f4f8d
--- /dev/null
+++ b/packages/core/dev-test/backends/test/config.yml
@@ -0,0 +1,1598 @@
+backend:
+  name: test-repo
+site_url: 'https://example.com'
+media_folder: /assets/uploads
+media_library:
+  folder_support: true
+locale: en
+i18n:
+  # Required and can be one of multiple_folders, multiple_files or single_file
+  # multiple_folders - persists files in `<folder>/<locale>/<slug>.<extension>`
+  # multiple_files - persists files in `<folder>/<slug>.<locale>.<extension>`
+  # single_file - persists a single file in `<folder>/<slug>.<extension>`
+  structure: multiple_files
+
+  # Required - a list of locales to show in the editor UI
+  locales: [en, de, fr]
+
+  # Optional, defaults to the first item in locales.
+  # The locale to be used for fields validation and as a baseline for the entry.
+  default_locale: en
+collections:
+  - name: posts
+    label: Posts
+    label_singular: Post
+    description: >
+      The description is a great place for tone setting, high level information,
+      and editing guidelines that are specific to a collection.
+    folder: _posts
+    slug: '{{year}}-{{month}}-{{day}}-{{slug}}'
+    summary_fields:
+      - title
+      - date
+    sortable_fields:
+      fields:
+        - title
+        - date
+      default:
+        field: title
+    create: true
+    view_filters:
+      filters:
+        - name: posts-with-index
+          label: Posts With Index
+          field: title
+          pattern: 'This is post #'
+        - name: posts-without-index
+          label: Posts Without Index
+          field: title
+          pattern: front matter post
+        - name: draft
+          label: Drafts
+          field: draft
+          pattern: true
+    view_groups:
+      groups:
+        - name: by-year
+          label: Year
+          field: date
+          pattern: '\d{4}'
+        - name: draft
+          label: Drafts
+          field: draft
+    fields:
+      - label: Title
+        name: title
+        widget: string
+      - label: 'Draft'
+        name: 'draft'
+        widget: 'boolean'
+        default: false
+      - label: Publish Date
+        name: date
+        widget: datetime
+        date_format: yyyy-MM-dd
+        time_format: 'HH:mm'
+        format: "yyyy-MM-dd'T'HH:mm:ss.SSSXXX"
+      - label: Cover Image
+        name: image
+        widget: image
+        required: false
+      - label: Description
+        name: description
+        widget: text
+      - label: Category
+        name: category
+        widget: string
+      - label: Body
+        name: body
+        widget: markdown
+        hint: '*Main* __content__ __*goes*__ [here](https://example.com/).'
+      - label: Tags
+        name: tags
+        widget: list
+  - name: faq
+    label: FAQ
+    folder: _faqs
+    create: true
+    editor:
+      frame: false
+      size: half
+    fields:
+      - label: Question
+        name: title
+        widget: string
+      - label: Type
+        name: type
+        widget: select
+        default: internal
+        options:
+          - label: Internal
+            value: internal
+          - label: External
+            value: external
+      - label: URL
+        name: url
+        widget: string
+        condition:
+          field: type
+          value: external
+      - label: Answer
+        name: body
+        widget: markdown
+        condition:
+          field: type
+          value: internal
+      - name: posts
+        label: Posts
+        label_singular: Post
+        widget: list
+        summary: "{{fields.post | split('|', '$1')}}"
+        condition:
+          field: type
+          value: internal
+        fields:
+          - label: Related Post
+            name: post
+            widget: relationKitchenSinkPost
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - body
+            value_field: '{{title}}|{{date}}'
+  - name: widgets
+    label: Widgets
+    delete: false
+    files:
+      - name: boolean
+        label: Boolean
+        file: _widgets/boolean.json
+        description: Boolean widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: boolean
+          - name: with_default
+            label: Required With Default
+            widget: boolean
+            default: true
+          - name: pattern
+            label: Pattern Validation
+            widget: boolean
+            pattern: ['true', 'Must be true']
+            required: false
+          - name: prefix
+            label: With Prefix
+            widget: boolean
+            prefix: "I'm a prefix"
+          - name: suffix
+            label: With Suffix
+            widget: boolean
+            suffix: "I'm a suffix"
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: boolean
+            prefix: "I'm a prefix"
+            suffix: "I'm a suffix"
+      - name: code
+        label: Code
+        file: _widgets/code.json
+        description: Code widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: code
+          - name: with_default
+            label: Required With Default
+            widget: code
+            default: '<div>Some html!</div>'
+          - name: pattern
+            label: Pattern Validation
+            widget: code
+            pattern: ['.{12,}', 'Must have at least 12 characters']
+            allow_input: true
+            required: false
+          - name: language
+            label: Language Selection
+            widget: code
+            allow_language_selection: true
+            required: false
+          - name: language_with_default
+            label: Language Selection With Default Language
+            widget: code
+            allow_language_selection: true
+            required: false
+            default_language: html
+          - name: language_with_default_language_and_value
+            label: Language Selection With Default Language and Value
+            widget: code
+            allow_language_selection: true
+            required: false
+            default:
+              lang: html
+              code: '<div>Some html!</div>'
+          - name: language_with_default_language_and_value_string_default
+            label: Language Selection With Default Language and Value (String Default)
+            widget: code
+            allow_language_selection: true
+            required: false
+            default_language: html
+            default: '<div>Some html!</div>'
+      - name: color
+        label: Color
+        file: _widgets/color.json
+        description: Color widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: color
+          - name: allow_input
+            label: Allow Input
+            widget: color
+            allow_input: true
+          - name: with_default
+            label: Required With Default
+            widget: color
+            default: '#2121c5'
+          - name: pattern
+            label: Pattern Validation
+            widget: color
+            pattern:
+              ['^#[a-fA-F0-9]{3}$|^[a-fA-F0-9]{4}$|^[a-fA-F0-9]{6}$', 'Must be a valid hex code']
+            allow_input: true
+            required: false
+          - name: alpha
+            label: Alpha
+            widget: color
+            enable_alpha: true
+            required: false
+          - name: alpha_with_default
+            label: Alpha With Default
+            widget: color
+            enable_alpha: true
+            required: false
+            default: 'rgba(175, 28, 28, 0.65)'
+      - name: datetime
+        label: DateTime
+        file: _widgets/datetime.json
+        description: DateTime widget
+        fields:
+          - name: required
+            label: 'Required Validation'
+            widget: datetime
+          - name: pattern
+            label: 'Pattern Validation'
+            widget: datetime
+            format: 'MMM d, yyyy h:mm aaa'
+            date_format: 'MMM d, yyyy'
+            time_format: 'h:mm aaa'
+            pattern: ['pm', 'Must be in the afternoon']
+            required: false
+          - name: date_and_time
+            label: Date and Time
+            widget: datetime
+            format: 'MMM d, yyyy h:mm aaa'
+            date_format: 'MMM d, yyyy'
+            time_format: 'h:mm aaa'
+            required: false
+          - name: date_and_time_with_default
+            label: Date and Time With Default
+            widget: datetime
+            format: 'MMM d, yyyy h:mm aaa'
+            date_format: 'MMM d, yyyy'
+            time_format: 'h:mm aaa'
+            required: false
+            default: 'Jan 12, 2023 12:00 am'
+          - name: date
+            label: Date
+            widget: datetime
+            format: 'MMM d, yyyy'
+            time_format: false
+            required: false
+          - name: date_with_default
+            label: Date With Default
+            widget: datetime
+            format: 'MMM d, yyyy'
+            date_format: 'MMM d, yyyy'
+            time_format: false
+            required: false
+            default: 'Jan 12, 2023'
+          - name: time
+            label: Time
+            widget: datetime
+            format: 'h:mm aaa'
+            date_format: false
+            time_format: 'h:mm aaa'
+            required: false
+          - name: time_with_default
+            label: Time With Default
+            widget: datetime
+            format: 'h:mm aaa'
+            date_format: false
+            time_format: 'h:mm aaa'
+            required: false
+            default: '12:00 am'
+      - name: file
+        label: File
+        file: _widgets/file.json
+        description: File widget
+        media_library:
+          folder_support: false
+        fields:
+          - name: required
+            label: Required Validation
+            widget: file
+          - name: with_default
+            label: Required With Default
+            widget: file
+            default: /assets/uploads/moby-dick.jpg
+          - name: pattern
+            label: Pattern Validation
+            widget: file
+            pattern: ['\.pdf', 'Must be a pdf']
+            required: false
+          - name: choose_url
+            label: Choose URL
+            widget: file
+            required: false
+            choose_url: true
+          - name: multiple
+            label: Multiple Files
+            widget: file
+            required: false
+            multiple: true
+          - name: multiple_choose_url
+            label: Multiple Files, Choose URL
+            widget: file
+            required: false
+            multiple: true
+            choose_url: true
+          - name: folder_support
+            label: Folder Support
+            widget: file
+            media_library:
+              folder_support: true
+      - name: image
+        label: Image
+        file: _widgets/image.json
+        description: Image widget
+        media_library:
+          folder_support: false
+        fields:
+          - name: required
+            label: Required Validation
+            widget: image
+          - name: with_default
+            label: Required With Default
+            widget: image
+            default: /assets/uploads/moby-dick.jpg
+          - name: pattern
+            label: Pattern Validation
+            widget: image
+            pattern: ['\.png', 'Must be a png']
+            required: false
+          - name: choose_url
+            label: Choose URL
+            widget: image
+            required: false
+            choose_url: true
+          - name: multiple
+            label: Multiple Images
+            widget: image
+            required: false
+            multiple: true
+          - name: multiple_choose_url
+            label: Multiple Images, Choose URL
+            widget: image
+            required: false
+            multiple: true
+            choose_url: true
+          - name: folder_support
+            label: Folder Support
+            widget: image
+            media_library:
+              folder_support: true
+      - name: keyvalue
+        label: Key Value
+        file: _widgets/keyvalue.yml
+        description: Key Value widget
+        fields:
+          - name: keyvalue
+            label: Required
+            widget: keyvalue
+          - name: with_default
+            label: Required With Default
+            widget: keyvalue
+            default:
+              key1: value1
+              key2: value2
+              key3: value3
+          - name: with_min
+            label: Required With Min (2)
+            widget: keyvalue
+            min: 2
+          - name: with_max
+            label: Required With Max (4)
+            widget: keyvalue
+            max: 4
+          - name: with_min_and_max
+            label: Required With Min (2) and Max (4)
+            widget: keyvalue
+            min: 2
+            max: 4
+      - name: list
+        label: List
+        file: _widgets/list.yml
+        description: List widget
+        fields:
+          - name: list
+            label: Required List
+            widget: list
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+          - name: with_default
+            label: Required With Default
+            widget: list
+            default:
+              - name: Bob Billy
+                description: Some text about bob
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+          - name: optional
+            label: Optional List
+            widget: list
+            required: false
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+          - name: list_with_object_child
+            label: List With Object Child
+            widget: list
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+              - label: Object
+                name: object
+                widget: object
+                fields:
+                  - label: Name
+                    name: name
+                    widget: string
+                    hint: First and Last
+                  - label: Description
+                    name: description
+                    widget: text
+          - name: comma_separated_list
+            label: Comma Separated List
+            widget: list
+          - name: delimiter_separated_list
+            label: Custom Delimiter (Semicolon) Separated List
+            widget: list
+            delimiter: ';'
+            default:
+              - 'tag-1'
+              - 'tag-2'
+          - name: string_list
+            label: String List
+            widget: list
+            fields:
+              - label: Tag
+                name: tag
+                widget: string
+          - name: number_list
+            label: Number List
+            widget: list
+            default:
+              - 5
+              - 13
+              - 2
+            fields:
+              - label: Value
+                name: value
+                widget: number
+          - name: boolean_list
+            label: Boolean List
+            widget: list
+            default:
+              - false
+              - true
+            fields:
+              - label: Active
+                name: active
+                widget: boolean
+          - name: typed_list
+            label: Typed List
+            widget: list
+            types:
+              - label: Type 1 Object
+                name: type_1_object
+                widget: object
+                fields:
+                  - label: String
+                    name: string
+                    widget: string
+                  - label: Boolean
+                    name: boolean
+                    widget: boolean
+                  - label: Text
+                    name: text
+                    widget: text
+              - label: Type 2 Object
+                name: type_2_object
+                widget: object
+                fields:
+                  - label: Number
+                    name: number
+                    widget: number
+                  - label: Select
+                    name: select
+                    widget: select
+                    options:
+                      - a
+                      - b
+                      - c
+                  - label: Datetime
+                    name: datetime
+                    widget: datetime
+                  - label: Markdown
+                    name: markdown
+                    widget: markdown
+              - label: Type 3 Object
+                name: type_3_object
+                widget: object
+                fields:
+                  - label: Image
+                    name: image
+                    widget: image
+                  - label: File
+                    name: file
+                    widget: file
+          - name: typed_list_with_default
+            label: Typed List With Default
+            widget: list
+            default:
+              - type: type_2_object
+                number: 5
+                select: c
+                datetime: '2022-12-05T20:22:52+0000'
+                markdown: Some ***Markdown*** ~content~ text
+            types:
+              - label: Type 1 Object
+                name: type_1_object
+                widget: object
+                fields:
+                  - label: String
+                    name: string
+                    widget: string
+                  - label: Boolean
+                    name: boolean
+                    widget: boolean
+                  - label: Text
+                    name: text
+                    widget: text
+              - label: Type 2 Object
+                name: type_2_object
+                widget: object
+                summary: "{{datetime | date('yyyy-MM-dd')}}"
+                fields:
+                  - label: Number
+                    name: number
+                    widget: number
+                  - label: Select
+                    name: select
+                    widget: select
+                    options:
+                      - a
+                      - b
+                      - c
+                  - label: Datetime
+                    name: datetime
+                    widget: datetime
+                  - label: Markdown
+                    name: markdown
+                    widget: markdown
+              - label: Type 3 Object
+                name: type_3_object
+                widget: object
+                fields:
+                  - label: Image
+                    name: image
+                    widget: image
+                  - label: File
+                    name: file
+                    widget: file
+          - name: typed_list_with_condition
+            label: Typed List With Condition
+            widget: list
+            types:
+              - label: Type 1 Object
+                name: type_1_object
+                widget: object
+                fields:
+                  - name: template
+                    label: template
+                    widget: select
+                    options:
+                      - column
+                      - row
+                      - banner
+                    default: column
+                  - label: String
+                    name: string
+                    widget: string
+                  - label: Boolean
+                    name: boolean
+                    widget: boolean
+                    condition:
+                      field: template
+                      value: banner
+                  - label: Text
+                    name: text
+                    widget: text
+              - label: Type 2 Object
+                name: type_2_object
+                widget: object
+                fields:
+                  - label: Number
+                    name: number
+                    widget: number
+                  - label: Select
+                    name: select
+                    widget: select
+                    options:
+                      - a
+                      - b
+                      - c
+                  - label: Datetime
+                    name: datetime
+                    widget: datetime
+                  - label: Markdown
+                    name: markdown
+                    widget: markdown
+              - label: Type 3 Object
+                name: type_3_object
+                widget: object
+                fields:
+                  - label: Image
+                    name: image
+                    widget: image
+                  - label: File
+                    name: file
+                    widget: file
+      - name: map
+        label: Map
+        file: _widgets/map.json
+        description: Map widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: map
+          - name: with_default
+            label: Required With Default
+            widget: map
+            default: '{ "type": "Point", "coordinates": [-73.9852661, 40.7478738] }'
+          - name: pattern
+            label: Pattern Validation
+            widget: map
+            pattern: ['\[-([7-9][0-9]|1[0-2][0-9])\.', 'Must be between latitude -70 and -129']
+            required: false
+          - name: line_string
+            label: Line String
+            type: LineString
+            widget: map
+            required: false
+          - name: polygon
+            label: Polygon
+            type: Polygon
+            widget: map
+            required: false
+      - name: markdown
+        label: Markdown
+        file: _widgets/markdown.json
+        description: Markdown widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: markdown
+          - name: with_default
+            label: Required With Default
+            widget: markdown
+            default: Default **markdown** value
+          - name: raw
+            label: Raw Editor
+            widget: markdown
+            show_raw: true
+          - name: pattern
+            label: Pattern Validation
+            widget: markdown
+            pattern: ['# [a-zA-Z0-9]+', 'Must have a header']
+            required: false
+          - name: folder_support
+            label: Folder Support
+            widget: markdown
+            media_library:
+              folder_support: true
+          - name: customized_buttons
+            label: Customized Buttons
+            widget: markdown
+            toolbar_buttons:
+              main:
+                - bold
+                - italic
+                - font
+                - shortcode
+                - label: Insert
+                  groups:
+                    - items: ['image', 'file-link']
+                    - items: ['insert-table']
+              empty:
+                - bold
+                - italic
+                - font
+                - label: Insert
+                  groups:
+                    - items: ['image', 'file-link']
+                    - items: ['blockquote', 'code-block']
+              selection:
+                - bold
+                - italic
+                - font
+                - file-link
+              table_empty:
+                - insert-row
+                - insert-column
+                - delete-row
+                - delete-column
+                - delete-table
+              table_selection:
+                - bold
+                - italic
+                - font
+      - name: number
+        label: Number
+        file: _widgets/number.json
+        description: Number widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: number
+          - name: with_default
+            label: Required With Default
+            widget: number
+            default: 5
+          - name: min
+            label: Min Validation
+            widget: number
+            min: 5
+            required: false
+          - name: max
+            label: Max Validation
+            widget: number
+            max: 10
+            required: false
+          - name: min_and_max
+            label: Min and Max Validation
+            widget: number
+            min: 5
+            max: 10
+            required: false
+          - name: pattern
+            label: Pattern Validation
+            widget: number
+            pattern: ['[0-9]{3,}', 'Must be at least 3 digits']
+            required: false
+          - name: prefix
+            label: With Prefix
+            widget: number
+            prefix: '$'
+          - name: suffix
+            label: With Suffix
+            widget: number
+            suffix: '%'
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: number
+            prefix: '$'
+            suffix: '%'
+      - name: object
+        label: Object
+        file: _widgets/object.json
+        description: Object widget
+        fields:
+          - label: Required Validation
+            name: required
+            widget: object
+            fields:
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+              - label: Author
+                name: author
+                widget: string
+              - label: Thumbnail
+                name: thumb
+                widget: image
+          - label: Required With Defaults
+            name: with_defaults
+            widget: object
+            fields:
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                default: 5
+              - label: Author
+                name: author
+                widget: string
+                default: Bob
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                default: /assets/uploads/moby-dick.jpg
+          - label: Optional Validation
+            name: optional
+            widget: object
+            required: false
+            fields:
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                required: false
+              - label: Author
+                name: author
+                widget: string
+                required: false
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                required: false
+          - label: With Hidden Field
+            name: hidden_field
+            widget: object
+            required: false
+            fields:
+              - name: layout
+                widget: hidden
+                default: post
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                required: false
+              - label: Author
+                name: author
+                widget: string
+                required: false
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                required: false
+          - label: Collapsed, optional with required children
+            name: collapsed_optional_with_required_children
+            widget: object
+            required: false
+            collapsed: true
+            fields:
+              - name: layout
+                widget: hidden
+                default: post
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                required: true
+              - label: Author
+                name: author
+                widget: string
+                required: true
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                required: true
+      - name: relation
+        label: Relation
+        file: _widgets/relation.json
+        description: Relation widget
+        fields:
+          - label: Required Validation
+            name: required
+            widget: relation
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+          - label: Required With Default
+            name: with_default
+            widget: relation
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+            default: This is a YAML front matter post
+          - label: Optional Validation
+            name: optional
+            widget: relation
+            required: false
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+          - label: Multiple
+            name: multiple
+            widget: relation
+            multiple: true
+            required: false
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+          - label: Multiple With Default
+            name: multiple_with_default
+            widget: relation
+            multiple: true
+            required: false
+            collection: posts
+            default:
+              - This is a JSON front matter post
+              - This is a YAML front matter post
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+      - name: select
+        label: Select
+        file: _widgets/select.json
+        description: Select widget
+        fields:
+          - label: Required Validation
+            name: required
+            widget: select
+            options:
+              - a
+              - b
+              - c
+          - label: Required With Default
+            name: with_default
+            widget: select
+            default: b
+            options:
+              - a
+              - b
+              - c
+          - label: Pattern Validation
+            name: pattern
+            widget: select
+            options:
+              - a
+              - b
+              - c
+            pattern: ['[a-b]', 'Must be a or b']
+            required: false
+          - label: Number Value
+            name: number
+            widget: select
+            options:
+              - 1
+              - 2
+              - 3
+          - label: Number With Default
+            name: number_with_default
+            widget: select
+            default: 3
+            options:
+              - 1
+              - 2
+              - 3
+          - label: Value and Label
+            name: value_and_label
+            widget: select
+            options:
+              - value: a
+                label: A fancy label
+              - value: 2
+                label: Another fancy label
+              - value: c
+                label: And one more fancy label
+          - label: Value and Label With Default
+            name: value_and_label_with_default
+            widget: select
+            default: 2
+            options:
+              - value: a
+                label: A fancy label
+              - value: 2
+                label: Another fancy label
+              - value: c
+                label: And one more fancy label
+          - label: Multiple
+            name: multiple
+            widget: select
+            options:
+              - a
+              - b
+              - c
+            pattern: ['[a-b]', 'Must be a or b']
+            multiple: true
+            required: false
+          - label: Multiple With Default
+            name: multiple_with_default
+            widget: select
+            default:
+              - b
+              - c
+            options:
+              - a
+              - b
+              - c
+            pattern: ['[a-b]', 'Must be a or b']
+            multiple: true
+            required: false
+          - label: Value and Label Multiple
+            name: value_and_label_multiple
+            widget: select
+            multiple: true
+            options:
+              - value: a
+                label: A fancy label
+              - value: b
+                label: Another fancy label
+              - value: c
+                label: And one more fancy label
+      - name: string
+        label: String
+        file: _widgets/string.json
+        description: String widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: string
+          - name: with_default
+            label: Required With Default
+            widget: string
+            default: Default value
+          - name: pattern
+            label: Pattern Validation
+            widget: string
+            pattern: ['.{12,}', 'Must have at least 12 characters']
+            required: false
+          - name: prefix
+            label: With Prefix
+            widget: string
+            prefix: '$'
+          - name: suffix
+            label: With Suffix
+            widget: string
+            suffix: '%'
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: string
+            prefix: '$'
+            suffix: '%'
+      - name: text
+        label: Text
+        file: _widgets/text.json
+        description: Text widget
+        fields:
+          - name: required
+            label: 'Required Validation'
+            widget: text
+          - name: with_default
+            label: Required With Default
+            widget: text
+            default: Default value
+          - name: pattern
+            label: 'Pattern Validation'
+            widget: text
+            pattern: ['.{12,}', 'Must have at least 12 characters']
+            required: false
+      - name: uuid
+        label: UUID
+        file: _widgets/uuid.json
+        description: UUID widget
+        fields:
+          - name: uuid
+            label: UUID
+            widget: uuid
+          - name: no_regenerate
+            label: Does not allow regeneration
+            widget: uuid
+            allow_regenerate: false
+          - name: with_prefix
+            label: With Prefix
+            widget: uuid
+            prefix: 'book/'
+  - name: settings
+    label: Settings
+    delete: false
+    editor:
+      preview: false
+    files:
+      - name: general
+        label: Site Settings
+        file: _data/settings.json
+        description: General Site Settings
+        fields:
+          - label: Global title
+            name: site_title
+            widget: string
+          - label: Post Settings
+            name: posts
+            widget: object
+            fields:
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                min: 1
+                max: 10
+              - label: Default Author
+                name: author
+                widget: string
+              - label: Default Thumbnail
+                name: thumb
+                widget: image
+                required: false
+      - name: authors
+        label: Authors
+        file: _data/authors.yml
+        description: Author descriptions
+        editor:
+          preview: true
+        fields:
+          - name: authors
+            label: Authors
+            label_singular: Author
+            widget: list
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+      - name: hotels
+        label: Hotel Locations
+        file: _data/hotel_locations.yml
+        fields:
+          - name: country
+            label: Country
+            widget: string
+          - name: hotel_locations
+            label: Hotel Locations
+            widget: list
+            fields:
+              - name: cities
+                label: Cities
+                widget: list
+                fields:
+                  - name: city
+                    label: City
+                    widget: string
+                  - name: number_of_hotels_in_city
+                    label: Number of Hotels in City
+                    widget: number
+                  - name: city_locations
+                    label: City Locations
+                    widget: list
+                    fields:
+                      - name: hotel_name
+                        label: Hotel Name
+                        widget: string
+  - name: kitchenSink
+    label: Kitchen Sink
+    folder: _sink
+    create: true
+    fields:
+      - label: Related Post
+        name: post
+        widget: relationKitchenSinkPost
+        collection: posts
+        display_fields:
+          - title
+          - date
+        search_fields:
+          - title
+          - body
+        value_field: title
+      - label: Title
+        name: title
+        widget: string
+      - label: Boolean
+        name: boolean
+        widget: boolean
+        default: true
+      - label: Map
+        name: map
+        widget: map
+      - label: Text
+        name: text
+        widget: text
+        hint: 'Plain text, not markdown'
+      - label: Number
+        name: number
+        widget: number
+        hint: To infinity and beyond!
+      - label: Markdown
+        name: markdown
+        widget: markdown
+      - label: Datetime
+        name: datetime
+        widget: datetime
+      - label: Color
+        name: color
+        widget: color
+      - label: Color string editable and alpha enabled
+        name: colorEditable
+        widget: color
+        enable_alpha: true
+        allow_input: true
+      - label: Image
+        name: image
+        widget: image
+      - label: File
+        name: file
+        widget: file
+      - label: Select
+        name: select
+        widget: select
+        options:
+          - a
+          - b
+          - c
+      - label: Select multiple
+        name: select_multiple
+        widget: select
+        options:
+          - a
+          - b
+          - c
+        multiple: true
+      - label: Select numeric
+        name: select_numeric
+        widget: select
+        options:
+          - label: One
+            value: 1
+          - label: Two
+            value: 2
+          - label: Three
+            value: 3
+      - label: Select mixed string and numeric
+        name: select_mixed_string_numeric
+        widget: select
+        options:
+          - label: One
+            value: 'One'
+          - label: Two
+            value: 2
+          - label: Three
+            value: 3
+      - label: Hidden
+        name: hidden
+        widget: hidden
+        default: hidden
+      - label: Object
+        name: object
+        widget: object
+        collapsed: true
+        fields:
+          - label: Related Post
+            name: post
+            widget: relationKitchenSinkPost
+            collection: posts
+            search_fields:
+              - title
+              - body
+            value_field: title
+          - label: String
+            name: string
+            widget: string
+          - label: Boolean
+            name: boolean
+            widget: boolean
+            default: false
+          - label: Text
+            name: text
+            widget: text
+          - label: Number
+            name: number
+            widget: number
+          - label: Markdown
+            name: markdown
+            widget: markdown
+          - label: Datetime
+            name: datetime
+            widget: datetime
+          - label: Image
+            name: image
+            widget: image
+          - label: File
+            name: file
+            widget: file
+          - label: Select
+            name: select
+            widget: select
+            options:
+              - a
+              - b
+              - c
+      - label: List
+        name: list
+        widget: list
+        fields:
+          - label: String
+            name: string
+            widget: string
+          - label: Boolean
+            name: boolean
+            widget: boolean
+          - label: Text
+            name: text
+            widget: text
+          - label: Number
+            name: number
+            widget: number
+          - label: Markdown
+            name: markdown
+            widget: markdown
+          - label: Datetime
+            name: datetime
+            widget: datetime
+          - label: Image
+            name: image
+            widget: image
+          - label: File
+            name: file
+            widget: file
+          - label: Select
+            name: select
+            widget: select
+            options:
+              - a
+              - b
+              - c
+          - label: Object
+            name: object
+            widget: object
+            fields:
+              - label: String
+                name: string
+                widget: string
+              - label: Boolean
+                name: boolean
+                widget: boolean
+              - label: Text
+                name: text
+                widget: text
+              - label: Number
+                name: number
+                widget: number
+              - label: Markdown
+                name: markdown
+                widget: markdown
+              - label: Datetime
+                name: datetime
+                widget: datetime
+              - label: Image
+                name: image
+                widget: image
+              - label: File
+                name: file
+                widget: file
+              - label: Select
+                name: select
+                widget: select
+                options:
+                  - a
+                  - b
+                  - c
+              - label: List
+                name: list
+                widget: list
+                fields:
+                  - label: Related Post
+                    name: post
+                    widget: relationKitchenSinkPost
+                    collection: posts
+                    search_fields:
+                      - title
+                      - body
+                    value_field: title
+                  - label: String
+                    name: string
+                    widget: string
+                  - label: Boolean
+                    name: boolean
+                    widget: boolean
+                  - label: Text
+                    name: text
+                    widget: text
+                  - label: Number
+                    name: number
+                    widget: number
+                  - label: Markdown
+                    name: markdown
+                    widget: markdown
+                  - label: Datetime
+                    name: datetime
+                    widget: datetime
+                  - label: Image
+                    name: image
+                    widget: image
+                  - label: File
+                    name: file
+                    widget: file
+                  - label: Select
+                    name: select
+                    widget: select
+                    options:
+                      - a
+                      - b
+                      - c
+                  - label: Hidden
+                    name: hidden
+                    widget: hidden
+                    default: hidden
+                  - label: Object
+                    name: object
+                    widget: object
+                    fields:
+                      - label: String
+                        name: string
+                        widget: string
+                      - label: Boolean
+                        name: boolean
+                        widget: boolean
+                      - label: Text
+                        name: text
+                        widget: text
+                      - label: Number
+                        name: number
+                        widget: number
+                      - label: Markdown
+                        name: markdown
+                        widget: markdown
+                      - label: Datetime
+                        name: datetime
+                        widget: datetime
+                      - label: Image
+                        name: image
+                        widget: image
+                      - label: File
+                        name: file
+                        widget: file
+                      - label: Select
+                        name: select
+                        widget: select
+                        options:
+                          - a
+                          - b
+                          - c
+      - label: Typed List
+        name: typed_list
+        widget: list
+        types:
+          - label: Type 1 Object
+            name: type_1_object
+            widget: object
+            fields:
+              - label: String
+                name: string
+                widget: string
+              - label: Boolean
+                name: boolean
+                widget: boolean
+              - label: Text
+                name: text
+                widget: text
+          - label: Type 2 Object
+            name: type_2_object
+            widget: object
+            fields:
+              - label: Number
+                name: number
+                widget: number
+              - label: Select
+                name: select
+                widget: select
+                options:
+                  - a
+                  - b
+                  - c
+              - label: Datetime
+                name: datetime
+                widget: datetime
+              - label: Markdown
+                name: markdown
+                widget: markdown
+          - label: Type 3 Object
+            name: type_3_object
+            widget: object
+            fields:
+              - label: Image
+                name: image
+                widget: image
+              - label: File
+                name: file
+                widget: file
+  - name: i18n_playground
+    label: i18n Playground
+    i18n: true
+    folder: _i18n_playground
+    identifier_field: slug
+    create: true
+    fields:
+      # The slug field will be omitted from the translation.
+      - name: slug
+        label: Slug
+        widget: string
+      # same as 'i18n: translate'. Allows translation of the description field
+      - name: description
+        label: Description
+        widget: text
+        i18n: true
+      # The date field will be duplicated from the default locale.
+      - name: date
+        label: Date
+        widget: datetime
+        i18n: duplicate
+  - name: pages
+    label: Nested Pages
+    label_singular: 'Page'
+    folder: _nested_pages
+    create: true
+    # adding a nested object will show the collection folder structure
+    nested:
+      depth: 100 # max depth to show in the collection tree
+      summary: '{{title}}' # optional summary for a tree node, defaults to the inferred title field
+      # adding a path object allows editing the path of entries
+      # moving an existing entry will move the entire sub tree of the entry to the new location
+      path: { label: 'Path', index_file: 'index' }
+    fields:
+      - label: Title
+        name: title
+        widget: string
+      - label: Body
+        name: body
+        widget: markdown
diff --git a/packages/core/dev-test/backends/test/index.html b/packages/core/dev-test/backends/test/index.html
new file mode 100644
index 00000000..bc75f077
--- /dev/null
+++ b/packages/core/dev-test/backends/test/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+
+    <title>Static CMS Development Test</title>
+  </head>
+  <body>
+    <script src="/static-cms-core.js"></script>
+    <script src="/data.js"></script>
+    <script type="module" src="/index.js"></script>
+  </body>
+</html>
diff --git a/packages/core/dev-test/config.yml b/packages/core/dev-test/config.yml
index 785df0d0..236f4f8d 100644
--- a/packages/core/dev-test/config.yml
+++ b/packages/core/dev-test/config.yml
@@ -1,8 +1,7 @@
 backend:
   name: test-repo
 site_url: 'https://example.com'
-media_folder: assets/uploads
-public_folder: /assets/uploads
+media_folder: /assets/uploads
 media_library:
   folder_support: true
 locale: en
@@ -18,7 +17,7 @@ i18n:
 
   # Optional, defaults to the first item in locales.
   # The locale to be used for fields validation and as a baseline for the entry.
-  defaultLocale: en
+  default_locale: en
 collections:
   - name: posts
     label: Posts
@@ -31,7 +30,6 @@ collections:
     summary_fields:
       - title
       - date
-      - draft
     sortable_fields:
       fields:
         - title
@@ -40,28 +38,35 @@ collections:
         field: title
     create: true
     view_filters:
-      - label: Posts With Index
-        field: title
-        pattern: 'This is post #'
-      - label: Posts Without Index
-        field: title
-        pattern: front matter post
-      - label: Drafts
-        field: draft
-        pattern: true
+      filters:
+        - name: posts-with-index
+          label: Posts With Index
+          field: title
+          pattern: 'This is post #'
+        - name: posts-without-index
+          label: Posts Without Index
+          field: title
+          pattern: front matter post
+        - name: draft
+          label: Drafts
+          field: draft
+          pattern: true
     view_groups:
-      - label: Year
-        field: date
-        pattern: '\d{4}'
-      - label: Drafts
-        field: draft
+      groups:
+        - name: by-year
+          label: Year
+          field: date
+          pattern: '\d{4}'
+        - name: draft
+          label: Drafts
+          field: draft
     fields:
       - label: Title
         name: title
         widget: string
-      - label: Draft
-        name: draft
-        widget: boolean
+      - label: 'Draft'
+        name: 'draft'
+        widget: 'boolean'
         default: false
       - label: Publish Date
         name: date
@@ -73,10 +78,19 @@ collections:
         name: image
         widget: image
         required: false
+      - label: Description
+        name: description
+        widget: text
+      - label: Category
+        name: category
+        widget: string
       - label: Body
         name: body
         widget: markdown
-        hint: "*Main* __content__ __*goes*__ [here](https://example.com/)."
+        hint: '*Main* __content__ __*goes*__ [here](https://example.com/).'
+      - label: Tags
+        name: tags
+        widget: list
   - name: faq
     label: FAQ
     folder: _faqs
@@ -150,6 +164,19 @@ collections:
             widget: boolean
             pattern: ['true', 'Must be true']
             required: false
+          - name: prefix
+            label: With Prefix
+            widget: boolean
+            prefix: "I'm a prefix"
+          - name: suffix
+            label: With Suffix
+            widget: boolean
+            suffix: "I'm a suffix"
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: boolean
+            prefix: "I'm a prefix"
+            suffix: "I'm a suffix"
       - name: code
         label: Code
         file: _widgets/code.json
@@ -571,6 +598,7 @@ collections:
               - label: Type 2 Object
                 name: type_2_object
                 widget: object
+                summary: "{{datetime | date('yyyy-MM-dd')}}"
                 fields:
                   - label: Number
                     name: number
@@ -778,6 +806,19 @@ collections:
             widget: number
             pattern: ['[0-9]{3,}', 'Must be at least 3 digits']
             required: false
+          - name: prefix
+            label: With Prefix
+            widget: number
+            prefix: '$'
+          - name: suffix
+            label: With Suffix
+            widget: number
+            suffix: '%'
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: number
+            prefix: '$'
+            suffix: '%'
       - name: object
         label: Object
         file: _widgets/object.json
@@ -1055,6 +1096,19 @@ collections:
             widget: string
             pattern: ['.{12,}', 'Must have at least 12 characters']
             required: false
+          - name: prefix
+            label: With Prefix
+            widget: string
+            prefix: '$'
+          - name: suffix
+            label: With Suffix
+            widget: string
+            suffix: '%'
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: string
+            prefix: '$'
+            suffix: '%'
       - name: text
         label: Text
         file: _widgets/text.json
@@ -1099,11 +1153,6 @@ collections:
         file: _data/settings.json
         description: General Site Settings
         fields:
-          - label: Number of posts on frontpage
-            name: front_limit
-            widget: number
-            min: 1
-            max: 10
           - label: Global title
             name: site_title
             widget: string
@@ -1142,6 +1191,34 @@ collections:
               - label: Description
                 name: description
                 widget: text
+      - name: hotels
+        label: Hotel Locations
+        file: _data/hotel_locations.yml
+        fields:
+          - name: country
+            label: Country
+            widget: string
+          - name: hotel_locations
+            label: Hotel Locations
+            widget: list
+            fields:
+              - name: cities
+                label: Cities
+                widget: list
+                fields:
+                  - name: city
+                    label: City
+                    widget: string
+                  - name: number_of_hotels_in_city
+                    label: Number of Hotels in City
+                    widget: number
+                  - name: city_locations
+                    label: City Locations
+                    widget: list
+                    fields:
+                      - name: hotel_name
+                        label: Hotel Name
+                        widget: string
   - name: kitchenSink
     label: Kitchen Sink
     folder: _sink
diff --git a/packages/core/dev-test/data.js b/packages/core/dev-test/data.js
new file mode 100644
index 00000000..d1a1dcdf
--- /dev/null
+++ b/packages/core/dev-test/data.js
@@ -0,0 +1,308 @@
+window.repoFiles = {
+  assets: {
+    uploads: {
+      'moby-dick.jpg': {
+        content: '',
+      },
+      'lobby.jpg': {
+        content: '',
+      },
+      'Other Pics': {
+        'moby-dick.jpg': {
+          content: '',
+        },
+        'lobby.jpg': {
+          content: '',
+        },
+      },
+    },
+  },
+  _posts: {
+    '2015-02-14-this-is-a-post.md': {
+      content:
+        '---\ntitle: This is a YAML front matter post\nimage: /assets/uploads/moby-dick.jpg\ndate: 2015-02-13T00:00:00.000Z\ndescription: YAML front matter post\ncategory: yaml\ntags:\n  - yaml\n---\n\n# I Am a Title in Markdown\n\nHello, world\n\n* One Thing\n* Another Thing\n* A Third Thing\n',
+    },
+    '2015-02-15-this-is-a-json-frontmatter-post.md': {
+      content:
+        '{\n"title": "This is a JSON front matter post",\n"image": "/assets/uploads/moby-dick.jpg",\n"date": "2015-02-14T00:00:00.000Z",\n"description": "JSON front matter post",\n"category": "json",\n"tags": ["json"]\n}\n\n# I Am a Title in Markdown\n\nHello, world\n\n* One Thing\n* Another Thing\n* A Third Thing\n',
+    },
+    '2015-02-15-this-is-a-toml-frontmatter-post.md': {
+      content:
+        '+++\ntitle = "This is a TOML front matter post"\nimage = "/assets/uploads/moby-dick.jpg"\ndate = "2015-02-15T00:00:00.000Z"\ndescription = "TOML front matter post"\ncategory = "toml"\ntags = ["toml"]\n+++\n\n# I Am a Title in Markdown\n\nHello, world\n\n* One Thing\n* Another Thing\n* A Third Thing\n',
+    },
+    '2015-02-14-this-is-a-post-with-a-different-extension.other': {
+      content:
+        '---\ntitle: This post should not appear because the extension is different\nimage: /assets/uploads/moby-dick.jpg\ndate: 2015-02-16T00:00:00.000Z\ndescription: YAML front matter post\ncategory: yaml\ntags:\n  - yaml---\n\n# I Am a Title in Markdown\n\nHello, world\n\n* One Thing\n* Another Thing\n* A Third Thing\n',
+    },
+  },
+  _faqs: {
+    'what-is-static-cms.md': {
+      content:
+        '---\ntitle: What is Static CMS?\ndate: 2015-11-02T00:00.000Z\n---\n\n# Static CMS is Content Manager for Static Site Generators\n\nStatic sites are many times faster, cheaper and safer and traditional dynamic websites.\n\nModern static site generators like Jekyll, Middleman, Roots or Hugo are powerful publishing and development systems, but when we build sites for non-technical users, we need a layer on top of them.\n\nStatic CMS is there to let your marketing team push new content to your public site, or to let technical writers work on your documentation.\n\nStatic CMS integrates with Git and turns normal content editors into git committers.\n\n',
+    },
+    'what-is-jam-stack.md': {
+      content:
+        "---\ntitle: What is the “JAM Stack”?\ndate: 2015-11-02T00:00.000Z\n---\n\n# The JAM stack is a new way of building websites and apps that are fast, secure and simple to work with.\n\nJAM stands for JavaScript, APIs and Markup. It's the fastest growing new stack for building websites and apps: no more servers, host all your front-end on a CDN and use APIs for any moving parts.\n\n",
+    },
+    'cache-invalidation.md': {
+      content:
+        '---\ntitle: What about Cache Invalidation?\ndate: 2015-11-02T00:00.000Z\n---\n\n# Netlify handles cache invalidation automatically\n\nWhen your changes go live, they go live.\n\nNo waiting for cache purges, no cumbersome varnish setup, no API calls to clean your distribution. Netlify handles cache purges within an average of 250ms from your deploy!\n\n',
+    },
+    'continuous-deployment.md': {
+      content:
+        '---\ntitle: Does Netlify support Continuous Deployment?\ndate: 2015-11-02T00:00.000Z\n---\n\n# Yes, Netlify let you Integrate your site or web-app to GitHub, GitLab or BitBucket and run your build tool on our servers.\n\nAutomatically rebuild your site every time your content changes: trigger builds by pushing to git or via webhooks.\n\n',
+    },
+  },
+  _data: {
+    'settings.json': {
+      content: '{"site_title": "CMS Demo"}',
+    },
+    'authors.yml': {
+      content:
+        'authors:\n  - name: Mathias\n    description: Co-founder @ Netlify\n  - name: Chris\n    description: Co-founder @ Netlify\n',
+    },
+  },
+  _widgets: {
+    'boolean.json': {
+      content: '{}',
+    },
+    'code.json': {
+      content: '{}',
+    },
+    'color.json': {
+      content: '{}',
+    },
+    'datetime.json': {
+      content: '{}',
+    },
+    'file.json': {
+      content: '{}',
+    },
+    'image.json': {
+      content: `{}`,
+    },
+    'map.json': {
+      content: '{}',
+    },
+    'markdown.json': {
+      content: '{}',
+    },
+    'number.json': {
+      content: '{}',
+    },
+    'object.json': {
+      content: '{}',
+    },
+    'relation.json': {
+      content: '{}',
+    },
+    'select.json': {
+      content: '{}',
+    },
+    'string.json': {
+      content: '{}',
+    },
+    'text.json': {
+      content: '{}',
+    },
+  },
+  _sink: {
+    'a-big-entry-with-all-the-things.md': {
+      content:
+        "---\ntitle: CHAPTER 1. Loomings.\nboolean: true\ntext: >-\n  Call me Ishmael. Some years ago—never mind how long precisely—having little or\n  no money in my purse, and nothing particular to interest me on shore, I\n  thought I would sail about a little and see the watery part of the world. It\n  is a way I have of driving off the spleen and regulating the circulation.\n  Whenever I find myself growing grim about the mouth; whenever it is a damp,\n  drizzly November in my soul; whenever I find myself involuntarily pausing\n  before coffin warehouses, and bringing up the rear of every funeral I meet;\n  and especially whenever my hypos get such an upper hand of me, that it\n  requires a strong moral principle to prevent me from deliberately stepping\n  into the street, and methodically knocking people’s hats off—then, I account\n  it high time to get to sea as soon as I can. This is my substitute for pistol\n  and ball. With a philosophical flourish Cato throws himself upon his sword; I\n  quietly take to the ship. There is nothing surprising in this. If they but\n  knew it, almost all men in their degree, some time or other, cherish very\n  nearly the same feelings towards the ocean with me.\nnumber: '111111'\nmarkdown: \"# Call me Ishmael. Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation. Whenever I find myself growing grim about the mouth; whenever it is a damp, drizzly November in my soul; whenever I find myself involuntarily pausing before coffin warehouses, and bringing up the rear of every funeral I meet; and especially whenever my hypos get such an upper hand of me, that it requires a strong moral principle to prevent me from deliberately stepping into the street, and methodically knocking people’s hats off—then, I account it high time to get to sea as soon as I can. This is my substitute for pistol and ball. With a philosophical flourish Cato throws himself upon his sword; I quietly take to the ship. There is nothing surprising in this. If they but knew it, almost all men in their degree, some time or other, cherish very nearly the same feelings towards the ocean with me.\\n\\n## There now is your insular city of the Manhattoes, belted round by wharves as Indian isles by coral reefs—commerce surrounds it with her surf. Right and left, the streets take you waterward. Its extreme downtown is the battery, where that noble mole is washed by waves, and cooled by breezes, which a few hours previous were out of sight of land. Look at the crowds of water-gazers there.\\n\\n**Circumambulate the city of a dreamy Sabbath afternoon. Go from Corlears Hook to Coenties Slip, and from thence, by Whitehall, northward. What do you see?—Posted like silent sentinels all around the town, stand thousands upon thousands of mortal men fixed in ocean reveries. Some leaning against the spiles; some seated upon the pier-heads; some looking over the bulwarks of ships from China; some high aloft in the rigging, as if striving to get a still better seaward peep. But these are all landsmen; of week days pent up in lath and plaster—tied to counters, nailed to benches, clinched to desks. How then is this? Are the green fields gone? What do they here?**\\n\\n*But look! here come more crowds, pacing straight for the water, and seemingly bound for a dive. Strange! Nothing will content them but the extremest limit of the land; loitering under the shady lee of yonder warehouses will not suffice. No. They must get just as nigh the water as they possibly can without falling in. And there they stand—miles of them—leagues. Inlanders all, they come from lanes and alleys, streets and avenues—north, east, south, and west. Yet here they all unite. Tell me, does the magnetic virtue of the needles of the compasses of all those ships attract them thither?*\\n\\n[Once more. Say you are in the country; in some high land of lakes. Take almost any path you please, and ten to one it carries you down in a dale, and leaves you there by a pool in the stream. There is magic in it. Let the most absent-minded of men be plunged in his deepest reveries—stand that man on his legs, set his feet a-going, and he will infallibly lead you to water, if water there be in all that region. Should you ever be athirst in the great American desert, try this experiment, if your caravan happen to be supplied with a metaphysical professor. Yes, as every one knows, meditation and water are wedded for ever.](https://staticcms.org)\\n\\n![moby dick](/assets/uploads/moby-dick.jpg)\\n\\n{{< youtube lZ6NEHDgk58 >}}\\n\\nBut here is an artist. He desires to paint you the dreamiest, shadiest, quietest, most enchanting bit of romantic landscape in all the valley of the Saco. What is the chief element he employs? There stand his trees, each with a hollow trunk, as if a hermit and a crucifix were within; and here sleeps his meadow, and there sleep his cattle; and up from yonder cottage goes a sleepy smoke. Deep into distant woodlands winds a mazy way, reaching to overlapping spurs of mountains bathed in their hill-side blue. But though the picture lies thus tranced, and though this pine-tree shakes down its sighs like leaves upon this shepherd’s head, yet all were vain, unless the shepherd’s eye were fixed upon the magic stream before him. Go visit the Prairies in June, when for scores on scores of miles you wade knee-deep among Tiger-lilies—what is the one charm wanting?—Water—there is not a drop of water there! Were Niagara but a cataract of sand, would you travel your thousand miles to see it? Why did the poor poet of Tennessee, upon suddenly receiving two handfuls of silver, deliberate whether to buy him a coat, which he sadly needed, or invest his money in a pedestrian trip to Rockaway Beach? Why is almost every robust healthy boy with a robust healthy soul in him, at some time or other crazy to go to sea? Why upon your first voyage as a passenger, did you yourself feel such a mystical vibration, when first told that you and your ship were now out of sight of land? Why did the old Persians hold the sea holy? Why did the Greeks give it a separate deity, and own brother of Jove? Surely all this is not without meaning. And still deeper the meaning of that story of Narcissus, who because he could not grasp the tormenting, mild image he saw in the fountain, plunged into it and was drowned. But that same image, we ourselves see in all rivers and oceans. It is the image of the ungraspable phantom of life; and this is the key to it all.\\n\\nNow, when I say that I am in the habit of going to sea whenever I begin to grow hazy about the eyes, and begin to be over conscious of my lungs, I do not mean to have it inferred that I ever go to sea as a passenger. For to go as a passenger you must needs have a purse, and a purse is but a rag unless you have something in it. Besides, passengers get sea-sick—grow quarrelsome—don’t sleep of nights—do not enjoy themselves much, as a general thing;—no, I never go as a passenger; nor, though I am something of a salt, do I ever go to sea as a Commodore, or a Captain, or a Cook. I abandon the glory and distinction of such offices to those who like them. For my part, I abominate all honourable respectable toils, trials, and tribulations of every kind whatsoever. It is quite as much as I can do to take care of myself, without taking care of ships, barques, brigs, schooners, and what not. And as for going as cook,—though I confess there is considerable glory in that, a cook being a sort of officer on ship-board—yet, somehow, I never fancied broiling fowls;—though once broiled, judiciously buttered, and judgmatically salted and peppered, there is no one who will speak more respectfully, not to say reverentially, of a broiled fowl than I will. It is out of the idolatrous dotings of the old Egyptians upon broiled ibis and roasted river horse, that you see the mummies of those creatures in their huge bake-houses the pyramids.\\n\\nNo, when I go to sea, I go as a simple sailor, right before the mast, plumb down into the forecastle, aloft there to the royal mast-head. True, they rather order me about some, and make me jump from spar to spar, like a grasshopper in a May meadow. And at first, this sort of thing is unpleasant enough. It touches one’s sense of honour, particularly if you come of an old established family in the land, the Van Rensselaers, or Randolphs, or Hardicanutes. And more than all, if just previous to putting your hand into the tar-pot, you have been lording it as a country schoolmaster, making the tallest boys stand in awe of you. The transition is a keen one, I assure you, from a schoolmaster to a sailor, and requires a strong decoction of Seneca and the Stoics to enable you to grin and bear it. But even this wears off in time.\\n\\nWhat of it, if some old hunks of a sea-captain orders me to get a broom and sweep down the decks? What does that indignity amount to, weighed, I mean, in the scales of the New Testament? Do you think the archangel Gabriel thinks anything the less of me, because I promptly and respectfully obey that old hunks in that particular instance? Who ain’t a slave? Tell me that. Well, then, however the old sea-captains may order me about—however they may thump and punch me about, I have the satisfaction of knowing that it is all right; that everybody else is one way or other served in much the same way—either in a physical or metaphysical point of view, that is; and so the universal thump is passed round, and all hands should rub each other’s shoulder-blades, and be content.\\n\\nAgain, I always go to sea as a sailor, because they make a point of paying me for my trouble, whereas they never pay passengers a single penny that I ever heard of. On the contrary, passengers themselves must pay. And there is all the difference in the world between paying and being paid. The act of paying is perhaps the most uncomfortable infliction that the two orchard thieves entailed upon us. But_*being paid*,—what will compare with it? The urbane activity with which a man receives money is really marvellous, considering that we so earnestly believe money to be the root of all earthly ills, and that on no account can a monied man enter heaven. Ah! how cheerfully we consign ourselves to perdition!\\n\\nFinally, I always go to sea as a sailor, because of the wholesome exercise and pure air of the fore-castle deck. For as in this world, head winds are far more prevalent than winds from astern (that is, if you never violate the Pythagorean maxim), so for the most part the Commodore on the quarter-deck gets his atmosphere at second hand from the sailors on the forecastle. He thinks he breathes it first; but not so. In much the same way do the commonalty lead their leaders in many other things, at the same time that the leaders little suspect it. But wherefore it was that after having repeatedly smelt the sea as a merchant sailor, I should now take it into my head to go on a whaling voyage; this the invisible police officer of the Fates, who has the constant surveillance of me, and secretly dogs me, and influences me in some unaccountable way—he can better answer than any one else. And, doubtless, my going on this whaling voyage, formed part of the grand programme of Providence that was drawn up a long time ago. It came in as a sort of brief interlude and solo between more extensive performances. I take it that this part of the bill must have run something like this:\\n\\n“*Grand Contested Election for the Presidency of the United States.*_“WHALING VOYAGE BY ONE ISHMAEL. “BLOODY BATTLE IN AFFGHANISTAN.”\\n\\nThough I cannot tell why it was exactly that those stage managers, the Fates, put me down for this shabby part of a whaling voyage, when others were set down for magnificent parts in high tragedies, and short and easy parts in genteel comedies, and jolly parts in farces—though I cannot tell why this was exactly; yet, now that I recall all the circumstances, I think I can see a little into the springs and motives which being cunningly presented to me under various disguises, induced me to set about performing the part I did, besides cajoling me into the delusion that it was a choice resulting from my own unbiased freewill and discriminating judgment.\\n\\nChief among these motives was the overwhelming idea of the great whale himself. Such a portentous and mysterious monster roused all my curiosity. Then the wild and distant seas where he rolled his island bulk; the undeliverable, nameless perils of the whale; these, with all the attending marvels of a thousand Patagonian sights and sounds, helped to sway me to my wish. With other men, perhaps, such things would not have been inducements; but as for me, I am tormented with an everlasting itch for things remote. I love to sail forbidden seas, and land on barbarous coasts. Not ignoring what is good, I am quick to perceive a horror, and could still be social with it—would they let me—since it is but well to be on friendly terms with all the inmates of the place one lodges in.\\n\\nBy reason of these things, then, the whaling voyage was welcome; the great flood-gates of the wonder-world swung open, and in the wild conceits that swayed me to my purpose, two and two there floated into my inmost soul, endless processions of the whale, and, mid most of them all, one grand hooded phantom, like a snow hill in the air.\"\ndatetime: 2017-06-07T18:55:28.110Z\ndate: 2017-06-07T18:55:28.111Z\nimage: /assets/uploads/moby-dick.jpg\nfile: /assets/uploads/moby-dick.jpg\nselect: b\npost: 'This is a front matter post'\nobject:\n  boolean: true\n  text: >-\n    I stuffed a shirt or two into my old carpet-bag, tucked it under my arm, and\n    started for Cape Horn and the Pacific. Quitting the good city of old\n    Manhatto, I duly arrived in New Bedford. It was a Saturday night in\n    December. Much was I disappointed upon learning that the little packet for\n    Nantucket had already sailed, and that no way of reaching that place would\n    offer, till the following Monday.\n  number: '222222'\n  markdown: >-\n    # I stuffed a shirt or two into my old carpet-bag, tucked it under my arm,\n    and started for Cape Horn and the Pacific. Quitting the good city of old\n    Manhatto, I duly arrived in New Bedford. It was a Saturday night in\n    December. Much was I disappointed upon learning that the little packet for\n    Nantucket had already sailed, and that no way of reaching that place would\n    offer, till the following Monday.\n\n\n    ## As most young candidates for the pains and penalties of whaling stop at\n    this same New Bedford, thence to embark on their voyage, it may as well be\n    related that I, for one, had no idea of so doing. For my mind was made up to\n    sail in no other than a Nantucket craft, because there was a fine,\n    boisterous something about everything connected with that famous old island,\n    which amazingly pleased me. Besides though New Bedford has of late been\n    gradually monopolising the business of whaling, and though in this matter\n    poor old Nantucket is now much behind her, yet Nantucket was her great\n    original—the Tyre of this Carthage;—the place where the first dead American\n    whale was stranded. Where else but from Nantucket did those aboriginal\n    whalemen, the Red-Men, first sally out in canoes to give chase to the\n    Leviathan? And where but from Nantucket, too, did that first adventurous\n    little sloop put forth, partly laden with imported cobblestones—so goes the\n    story—to throw at the whales, in order to discover when they were nigh\n    enough to risk a harpoon from the bowsprit?\n\n\n    **Now having a night, a day, and still another night following before me in\n    New Bedford, ere I could embark for my destined port, it became a matter of\n    concernment where I was to eat and sleep meanwhile. It was a very\n    dubious-looking, nay, a very dark and dismal night, bitingly cold and\n    cheerless. I knew no one in the place. With anxious grapnels I had sounded\n    my pocket, and only brought up a few pieces of silver,—So, wherever you go,\n    Ishmael, said I to myself, as I stood in the middle of a dreary street\n    shouldering my bag, and comparing the gloom towards the north with the\n    darkness towards the south—wherever in your wisdom you may conclude to lodge\n    for the night, my dear Ishmael, be sure to inquire the price, and don’t be\n    too particular.**\n\n\n    *With halting steps I paced the streets, and passed the sign of “The Crossed\n    Harpoons”—but it looked too expensive and jolly there. Further on, from the\n    bright red windows of the “Sword-Fish Inn,” there came such fervent rays,\n    that it seemed to have melted the packed snow and ice from before the house,\n    for everywhere else the congealed frost lay ten inches thick in a hard,\n    asphaltic pavement,—rather weary for me, when I struck my foot against the\n    flinty projections, because from hard, remorseless service the soles of my\n    boots were in a most miserable plight. Too expensive and jolly, again\n    thought I, pausing one moment to watch the broad glare in the street, and\n    hear the sounds of the tinkling glasses within. But go on, Ishmael, said I\n    at last; don’t you hear? get away from before the door; your patched boots\n    are stopping the way. So on I went. I now by instinct followed the streets\n    that took me waterward, for there, doubtless, were the cheapest, if not the\n    cheeriest inns.*\n\n\n    [Such dreary streets! blocks of blackness, not houses, on either hand, and\n    here and there a candle, like a candle moving about in a tomb. At this hour\n    of the night, of the last day of the week, that quarter of the town proved\n    all but deserted. But presently I came to a smoky light proceeding from a\n    low, wide building, the door of which stood invitingly open. It had a\n    careless look, as if it were meant for the uses of the public; so, entering,\n    the first thing I did was to stumble over an ash-box in the porch. Ha!\n    thought I, ha, as the flying particles almost choked me, are these ashes\n    from that destroyed city, Gomorrah? But “The Crossed Harpoons,” and “The\n    Sword-Fish?”—this, then must needs be the sign of “The Trap.” However, I\n    picked myself up and hearing a loud voice within, pushed on and opened a\n    second, interior door.](https://staticcms.org)\n\n\n    ![moby dick](/assets/uploads/moby-dick.jpg)\n\n\n    {{< youtube lZ6NEHDgk58 >}}\n\n\n    It seemed the great Black Parliament sitting in Tophet. A hundred black\n    faces turned round in their rows to peer; and beyond, a black Angel of Doom\n    was beating a book in a pulpit. It was a negro church; and the preacher’s\n    text was about the blackness of darkness, and the weeping and wailing and\n    teeth-gnashing there. Ha, Ishmael, muttered I, backing out, Wretched\n    entertainment at the sign of ‘The Trap!’\n\n\n    Moving on, I at last came to a dim sort of light not far from the docks, and\n    heard a forlorn creaking in the air; and looking up, saw a swinging sign\n    over the door with a white painting upon it, faintly representing a tall\n    straight jet of misty spray, and these words underneath—“The Spouter\n    Inn:—Peter Coffin.”\n\n\n    Coffin?—Spouter?—Rather ominous in that particular connexion, thought I. But\n    it is a common name in Nantucket, they say, and I suppose this Peter here is\n    an emigrant from there. As the light looked so dim, and the place, for the\n    time, looked quiet enough, and the dilapidated little wooden house itself\n    looked as if it might have been carted here from the ruins of some burnt\n    district, and as the swinging sign had a poverty-stricken sort of creak to\n    it, I thought that here was the very spot for cheap lodgings, and the best\n    of pea coffee.\n\n\n    It was a queer sort of place—a gable-ended old house, one side palsied as it\n    were, and leaning over sadly. It stood on a sharp bleak corner, where that\n    tempestuous wind Euroclydon kept up a worse howling than ever it did about\n    poor Paul’s tossed craft. Euroclydon, nevertheless, is a mighty pleasant\n    zephyr to any one in-doors, with his feet on the hob quietly toasting for\n    bed. “In judging of that tempestuous wind called Euroclydon,” says an old\n    writer—of whose works I possess the only copy extant—“it maketh a marvellous\n    difference, whether thou lookest out at it from a glass window where the\n    frost is all on the outside, or whether thou observest it from that sashless\n    window, where the frost is on both sides, and of which the wight Death is\n    the only glazier.” True enough, thought I, as this passage occurred to my\n    mind—old black-letter, thou reasonest well. Yes, these eyes are windows, and\n    this body of mine is the house. What a pity they didn’t stop up the chinks\n    and the crannies though, and thrust in a little lint here and there. But\n    it’s too late to make any improvements now. The universe is finished; the\n    copestone is on, and the chips were carted off a million years ago. Poor\n    Lazarus there, chattering his teeth against the curbstone for his pillow,\n    and shaking off his tatters with his shiverings, he might plug up both ears\n    with rags, and put a corn-cob into his mouth, and yet that would not keep\n    out the tempestuous Euroclydon. Euroclydon! says old Dives, in his red\n    silken wrapper—(he had a redder one afterwards) pooh, pooh! What a fine\n    frosty night; how Orion glitters; what northern lights! Let them talk of\n    their oriental summer climes of everlasting conservatories; give me the\n    privilege of making my own summer with my own coals.\n\n\n    But what thinks Lazarus? Can he warm his blue hands by holding them up to\n    the grand northern lights? Would not Lazarus rather be in Sumatra than here?\n    Would he not far rather lay him down lengthwise along the line of the\n    equator; yea, ye gods! go down to the fiery pit itself, in order to keep out\n    this frost?\n\n\n    Now, that Lazarus should lie stranded there on the curbstone before the door\n    of Dives, this is more wonderful than that an iceberg should be moored to\n    one of the Moluccas. Yet Dives himself, he too lives like a Czar in an ice\n    palace made of frozen sighs, and being a president of a temperance society,\n    he only drinks the tepid tears of orphans.\n\n\n    But no more of this blubbering now, we are going a-whaling, and there is\n    plenty of that yet to come. Let us scrape the ice from our frosted feet, and\n    see what sort of a place this “Spouter” may be.\n  datetime: 2017-06-07T19:05:43.816Z\n  date: 2017-06-07T18:55:28.115Z\n  image: /assets/uploads/moby-dick.jpg\n  file: /assets/uploads/moby-dick.jpg\n  select: b\n  string: CHAPTER 2. The Carpet-Bag.\nlist:\n  - text: >-\n      Entering that gable-ended Spouter-Inn, you found yourself in a wide, low,\n      straggling entry with old-fashioned wainscots, reminding one of the\n      bulwarks of some condemned old craft. On one side hung a very large\n      oilpainting so thoroughly besmoked, and every way defaced, that in the\n      unequal crosslights by which you viewed it, it was only by diligent study\n      and a series of systematic visits to it, and careful inquiry of the\n      neighbors, that you could any way arrive at an understanding of its\n      purpose. Such unaccountable masses of shades and shadows, that at first\n      you almost thought some ambitious young artist, in the time of the New\n      England hags, had endeavored to delineate chaos bewitched. But by dint of\n      much and earnest contemplation, and oft repeated ponderings, and\n      especially by throwing open the little window towards the back of the\n      entry, you at last come to the conclusion that such an idea, however wild,\n      might not be altogether unwarranted.\n    number: '333333'\n    markdown: \"# Entering that gable-ended Spouter-Inn, you found yourself in a wide, low, straggling entry with old-fashioned wainscots, reminding one of the bulwarks of some condemned old craft. On one side hung a very large oilpainting so thoroughly besmoked, and every way defaced, that in the unequal crosslights by which you viewed it, it was only by diligent study and a series of systematic visits to it, and careful inquiry of the neighbors, that you could any way arrive at an understanding of its purpose. Such unaccountable masses of shades and shadows, that at first you almost thought some ambitious young artist, in the time of the New England hags, had endeavored to delineate chaos bewitched. But by dint of much and earnest contemplation, and oft repeated ponderings, and especially by throwing open the little window towards the back of the entry, you at last come to the conclusion that such an idea, however wild, might not be altogether unwarranted.\n\n      # But what most puzzled and confounded you was a long, limber, portentous, black mass of something hovering in the centre of the picture over three blue, dim, perpendicular lines floating in a nameless yeast. A boggy, soggy, squitchy picture truly, enough to drive a nervous man distracted. Yet was there a sort of indefinite, half-attained, unimaginable sublimity about it that fairly froze you to it, till you involuntarily took an oath with yourself to find out what that marvellous painting meant. Ever and anon a bright, but, alas, deceptive idea would dart you through.—It’s the Black Sea in a midnight gale.—It’s the unnatural combat of the four primal elements.—It’s a blasted heath.—It’s a Hyperborean winter scene.—It’s the breaking-up of the icebound stream of Time. But at last all these fancies yielded to that one portentous something in the picture’s midst._*That*_once found out, and all the rest were plain. But stop; does it not bear a faint resemblance to a gigantic fish? even the great leviathan himself?\n\n      ## In fact, the artist’s design seemed this: a final theory of my own, partly based upon the aggregated opinions of many aged persons with whom I conversed upon the subject. The picture represents a Cape-Horner in a great hurricane; the half-foundered ship weltering there with its three dismantled masts alone visible; and an exasperated whale, purposing to spring clean over the craft, is in the enormous act of impaling himself upon the three mast-heads.\n\n      ## The opposite wall of this entry was hung all over with a heathenish array of monstrous clubs and spears. Some were thickly set with glittering teeth resembling ivory saws; others were tufted with knots of human hair; and one was sickle-shaped, with a vast handle sweeping round like the segment made in the new-mown grass by a long-armed mower. You shuddered as you gazed, and wondered what monstrous cannibal and savage could ever have gone a death-harvesting with such a hacking, horrifying implement. Mixed with these were rusty old whaling lances and harpoons all broken and deformed. Some were storied weapons. With this once long lance, now wildly elbowed, fifty years ago did Nathan Swain kill fifteen whales between a sunrise and a sunset. And that harpoon—so like a corkscrew now—was flung in Javan seas, and run away with by a whale, years afterwards slain off the Cape of Blanco. The original iron entered nigh the tail, and, like a restless needle sojourning in the body of a man, travelled full forty feet, and at last was found imbedded in the hump.\n\n      Crossing this dusky entry, and on through yon low-arched way—cut through what in old times must have been a great central chimney with fireplaces all round—you enter the public room. A still duskier place is this, with such low ponderous beams above, and such old wrinkled planks beneath, that you would almost fancy you trod some old craft’s cockpits, especially of such a howling night, when this corner-anchored old ark rocked so furiously. On one side stood a long, low, shelf-like table covered with cracked glass cases, filled with dusty rarities gathered from this wide world’s remotest nooks. Projecting from the further angle of the room stands a dark-looking den—the bar—a rude attempt at a right whale’s head. Be that how it may, there stands the vast arched bone of the whale’s jaw, so wide, a coach might almost drive beneath it. Within are shabby shelves, ranged round with old decanters, bottles, flasks; and in those jaws of swift destruction, like another cursed Jonah (by which name indeed they called him), bustles a little withered old man, who, for their money, dearly sells the sailors deliriums and death.\n\n      Abominable are the tumblers into which he pours his poison. Though true cylinders without—within, the villanous green goggling glasses deceitfully tapered downwards to a cheating bottom. Parallel meridians rudely pecked into the glass, surround these footpads’ goblets. Fill to_*this*_mark, and your charge is but a penny; to_*this*_a penny more; and so on to the full glass—the Cape Horn measure, which you may gulp down for a shilling.\n\n      Upon entering the place I found a number of young seamen gathered about a table, examining by a dim light divers specimens of_*skrimshander*. I sought the landlord, and telling him I desired to be accommodated with a room, received for answer that his house was full—not a bed unoccupied. “But avast,” he added, tapping his forehead, “you haint no objections to sharing a harpooneer’s blanket, have ye? I s’pose you are goin’ a-whalin’, so you’d better get used to that sort of thing.”\n\n      I told him that I never liked to sleep two in a bed; that if I should ever do so, it would depend upon who the harpooneer might be, and that if he (the landlord) really had no other place for me, and the harpooneer was not decidedly objectionable, why rather than wander further about a strange town on so bitter a night, I would put up with the half of any decent man’s blanket.\n\n      “I thought so. All right; take a seat. Supper?—you want supper? Supper’ll be ready directly.”\n\n      I sat down on an old wooden settle, carved all over like a bench on the Battery. At one end a ruminating tar was still further adorning it with his jack-knife, stooping over and diligently working away at the space between his legs. He was trying his hand at a ship under full sail, but he didn’t make much headway, I thought.\n\n      At last some four or five of us were summoned to our meal in an adjoining room. It was cold as Iceland—no fire at all—the landlord said he couldn’t afford it. Nothing but two dismal tallow candles, each in a winding sheet. We were fain to button up our monkey jackets, and hold to our lips cups of scalding tea with our half frozen fingers. But the fare was of the most substantial kind—not only meat and potatoes, but dumplings; good heavens! dumplings for supper! One young fellow in a green box coat, addressed himself to these dumplings in a most direful manner.\n\n      “My boy,” said the landlord, “you’ll have the nightmare to a dead sartainty.”\n\n      “Landlord,” I whispered, “that aint the harpooneer is it?”\n\n      “Oh, no,” said he, looking a sort of diabolically funny, “the harpooneer is a dark complexioned chap. He never eats dumplings, he don’t—he eats nothing but steaks, and he likes ‘em rare.”\n\n      “The devil he does,” says I. “Where is that harpooneer? Is he here?”\n\n      “He’ll be here afore long,” was the answer.\n\n      I could not help it, but I began to feel suspicious of this “dark complexioned” harpooneer. At any rate, I made up my mind that if it so turned out that we should sleep together, he must undress and get into bed before I did.\n\n      Supper over, the company went back to the bar-room, when, knowing not what else to do with myself, I resolved to spend the rest of the evening as a looker on.\n\n      Presently a rioting noise was heard without. Starting up, the landlord cried, “That’s the Grampus’s crew. I seed her reported in the offing this morning; a three years’ voyage, and a full ship. Hurrah, boys; now we’ll have the latest news from the Feegees.”\n\n      A tramping of sea boots was heard in the entry; the door was flung open, and in rolled a wild set of mariners enough. Enveloped in their shaggy watch coats, and with their heads muffled in woollen comforters, all bedarned and ragged, and their beards stiff with icicles, they seemed an eruption of bears from Labrador. They had just landed from their boat, and this was the first house they entered. No wonder, then, that they made a straight wake for the whale’s mouth—the bar—when the wrinkled little old Jonah, there officiating, soon poured them out brimmers all round. One complained of a bad cold in his head, upon which Jonah mixed him a pitch-like potion of gin and molasses, which he swore was a sovereign cure for all colds and catarrhs whatsoever, never mind of how long standing, or whether caught off the coast of Labrador, or on the weather side of an ice-island.\n\n      The liquor soon mounted into their heads, as it generally does even with the arrantest topers newly landed from sea, and they began capering about most obstreperously.\n\n      I observed, however, that one of them held somewhat aloof, and though he seemed desirous not to spoil the hilarity of his shipmates by his own sober face, yet upon the whole he refrained from making as much noise as the rest. This man interested me at once; and since the sea-gods had ordained that he should soon become my shipmate (though but a sleeping-partner one, so far as this narrative is concerned), I will here venture upon a little description of him. He stood full six feet in height, with noble shoulders, and a chest like a coffer-dam. I have seldom seen such brawn in a man. His face was deeply brown and burnt, making his white teeth dazzling by the contrast; while in the deep shadows of his eyes floated some reminiscences that did not seem to give him much joy. His voice at once announced that he was a Southerner, and from his fine stature, I thought he must be one of those tall mountaineers from the Alleghanian Ridge in Virginia. When the revelry of his companions had mounted to its height, this man slipped away unobserved, and I saw no more of him till he became my comrade on the sea. In a few minutes, however, he was missed by his shipmates, and being, it seems, for some reason a huge favourite with them, they raised a cry of “Bulkington! Bulkington! where’s Bulkington?” and darted out of the house in pursuit of him.\n\n      It was now about nine o’clock, and the room seeming almost supernaturally quiet after these orgies, I began to congratulate myself upon a little plan that had occurred to me just previous to the entrance of the seamen.\n\n      No man prefers to sleep two in a bed. In fact, you would a good deal rather not sleep with your own brother. I don’t know how it is, but people like to be private when they are sleeping. And when it comes to sleeping with an unknown stranger, in a strange inn, in a strange town, and that stranger a harpooneer, then your objections indefinitely multiply. Nor was there any earthly reason why I as a sailor should sleep two in a bed, more than anybody else; for sailors no more sleep two in a bed at sea, than bachelor Kings do ashore. To be sure they all sleep together in one apartment, but you have your own hammock, and cover yourself with your own blanket, and sleep in your own skin.\n\n      The more I pondered over this harpooneer, the more I abominated the thought of sleeping with him. It was fair to presume that being a harpooneer, his linen or woollen, as the case might be, would not be of the tidiest, certainly none of the finest. I began to twitch all over. Besides, it was getting late, and my decent harpooneer ought to be home and going bedwards. Suppose now, he should tumble in upon me at midnight—how could I tell from what vile hole he had been coming?\n\n      “Landlord! I’ve changed my mind about that harpooneer.—I shan’t sleep with him. I’ll try the bench here.”\n\n      “Just as you please; I’m sorry I can’t spare ye a tablecloth for a mattress, and it’s a plaguy rough board here”—feeling of the knots and notches. “But wait a bit, Skrimshander; I’ve got a carpenter’s plane there in the bar—wait, I say, and I’ll make ye snug enough.” So saying he procured the plane; and with his old silk handkerchief first dusting the bench, vigorously set to planing away at my bed, the while grinning like an ape. The shavings flew right and left; till at last the plane-iron came bump against an indestructible knot. The landlord was near spraining his wrist, and I told him for heaven’s sake to quit—the bed was soft enough to suit me, and I did not know how all the planing in the world could make eider down of a pine plank. So gathering up the shavings with another grin, and throwing them into the great stove in the middle of the room, he went about his business, and left me in a brown study.\n\n      I now took the measure of the bench, and found that it was a foot too short; but that could be mended with a chair. But it was a foot too narrow, and the other bench in the room was about four inches higher than the planned one—so there was no yoking them. I then placed the first bench lengthwise along the only clear space against the wall, leaving a little interval between, for my back to settle down in. But I soon found that there came such a draught of cold air over me from under the sill of the window, that this plan would never do at all, especially as another current from the rickety door met the one from the window, and both together formed a series of small whirlwinds in the immediate vicinity of the spot where I had thought to spend the night.\n\n      The devil fetch that harpooneer, thought I, but stop, couldn’t I steal a march on him—bolt his door inside, and jump into his bed, not to be wakened by the most violent knockings? It seemed no bad idea; but upon second thoughts I dismissed it. For who could tell but what the next morning, so soon as I popped out of the room, the harpooneer might be standing in the entry, all ready to knock me down!\n\n      Still, looking round me again, and seeing no possible chance of spending a sufferable night unless in some other person’s bed, I began to think that after all I might be cherishing unwarrantable prejudices against this unknown harpooneer. Thinks I, I’ll wait awhile; he must be dropping in before long. I’ll have a good look at him then, and perhaps we may become jolly good bedfellows after all—there’s no telling.\n\n      But though the other boarders kept coming in by ones, twos, and threes, and going to bed, yet no sign of my harpooneer.\n\n      “Landlord!” said I, “what sort of a chap is he—does he always keep such late hours?” It was now hard upon twelve o’clock.\n\n      The landlord chuckled again with his lean chuckle, and seemed to be mightily tickled at something beyond my comprehension. “No,” he answered, “generally he’s an early bird—airley to bed and airley to rise—yes, he’s the bird what catches the worm. But to-night he went out a peddling, you see, and I don’t see what on airth keeps him so late, unless, may be, he can’t sell his head.”\n\n      “Can’t sell his head?—What sort of a bamboozingly story is this you are telling me?” getting into a towering rage. “Do you pretend to say, landlord, that this harpooneer is actually engaged this blessed Saturday night, or rather Sunday morning, in peddling his head around this town?”\n\n      “That’s precisely it,” said the landlord, “and I told him he couldn’t sell it here, the market’s overstocked.”\n\n      “With what?” shouted I.\n\n      “With heads to be sure; ain’t there too many heads in the world?”\n\n      “I tell you what it is, landlord,” said I quite calmly, “you’d better stop spinning that yarn to me—I’m not green.”\n\n      “May be not,” taking out a stick and whittling a toothpick, “but I rayther guess you’ll be done_*brown*_if that ere harpooneer hears you a slanderin’ his head.”\n\n      “I’ll break it for him,” said I, now flying into a passion again at this unaccountable farrago of the landlord’s.\n\n      “It’s broke a’ready,” said he.\n\n      “Broke,” said I—“*broke*, do you mean?”\n\n      “Sartain, and that’s the very reason he can’t sell it, I guess.”\n\n      “Landlord,” said I, going up to him as cool as Mt. Hecla in a snow-storm—“landlord, stop whittling. You and I must understand one another, and that too without delay. I come to your house and want a bed; you tell me you can only give me half a one; that the other half belongs to a certain harpooneer. And about this harpooneer, whom I have not yet seen, you persist in telling me the most mystifying and exasperating stories tending to beget in me an uncomfortable feeling towards the man whom you design for my bedfellow—a sort of connexion, landlord, which is an intimate and confidential one in the highest degree. I now demand of you to speak out and tell me who and what this harpooneer is, and whether I shall be in all respects safe to spend the night with him. And in the first place, you will be so good as to unsay that story about selling his head, which if true I take to be good evidence that this harpooneer is stark mad, and I’ve no idea of sleeping with a madman; and you, sir,_*you*_I mean, landlord,_*you*, sir, by trying to induce me to do so knowingly, would thereby render yourself liable to a criminal prosecution.”\n\n      “Wall,” said the landlord, fetching a long breath, “that’s a purty long sarmon for a chap that rips a little now and then. But be easy, be easy, this here harpooneer I have been tellin’ you of has just arrived from the south seas, where he bought up a lot of ‘balmed New Zealand heads (great curios, you know), and he’s sold all on ‘em but one, and that one he’s trying to sell to-night, cause to-morrow’s Sunday, and it would not do to be sellin’ human heads about the streets when folks is goin’ to churches. He wanted to, last Sunday, but I stopped him just as he was goin’ out of the door with four heads strung on a string, for all the airth like a string of inions.”\n\n      This account cleared up the otherwise unaccountable mystery, and showed that the landlord, after all, had had no idea of fooling me—but at the same time what could I think of a harpooneer who stayed out of a Saturday night clean into the holy Sabbath, engaged in such a cannibal business as selling the heads of dead idolators?\n\n      “Depend upon it, landlord, that harpooneer is a dangerous man.”\n\n      “He pays reg’lar,” was the rejoinder. “But come, it’s getting dreadful late, you had better be turning flukes—it’s a nice bed; Sal and me slept in that ere bed the night we were spliced. There’s plenty of room for two to kick about in that bed; it’s an almighty big bed that. Why, afore we give it up, Sal used to put our Sam and little Johnny in the foot of it. But I got a dreaming and sprawling about one night, and somehow, Sam got pitched on the floor, and came near breaking his arm. Arter that, Sal said it wouldn’t do. Come along here, I’ll give ye a glim in a jiffy;” and so saying he lighted a candle and held it towards me, offering to lead the way. But I stood irresolute; when looking at a clock in the corner, he exclaimed “I vum it’s Sunday—you won’t see that harpooneer to-night; he’s come to anchor somewhere—come along then;_*do*_come;_*won’t*_ye come?”\n\n      I considered the matter a moment, and then up stairs we went, and I was ushered into a small room, cold as a clam, and furnished, sure enough, with a prodigious bed, almost big enough indeed for any four harpooneers to sleep abreast.\n\n      “There,” said the landlord, placing the candle on a crazy old sea chest that did double duty as a wash-stand and centre table; “there, make yourself comfortable now, and good night to ye.” I turned round from eyeing the bed, but he had disappeared.\n\n      Folding back the counterpane, I stooped over the bed. Though none of the most elegant, it yet stood the scrutiny tolerably well. I then glanced round the room; and besides the bedstead and centre table, could see no other furniture belonging to the place, but a rude shelf, the four walls, and a papered fireboard representing a man striking a whale. Of things not properly belonging to the room, there was a hammock lashed up, and thrown upon the floor in one corner; also a large seaman’s bag, containing the harpooneer’s wardrobe, no doubt in lieu of a land trunk. Likewise, there was a parcel of outlandish bone fish hooks on the shelf over the fire-place, and a tall harpoon standing at the head of the bed.\n\n      But what is this on the chest? I took it up, and held it close to the light, and felt it, and smelt it, and tried every way possible to arrive at some satisfactory conclusion concerning it. I can compare it to nothing but a large door mat, ornamented at the edges with little tinkling tags something like the stained porcupine quills round an Indian moccasin. There was a hole or slit in the middle of this mat, as you see the same in South American ponchos. But could it be possible that any sober harpooneer would get into a door mat, and parade the streets of any Christian town in that sort of guise? I put it on, to try it, and it weighed me down like a hamper, being uncommonly shaggy and thick, and I thought a little damp, as though this mysterious harpooneer had been wearing it of a rainy day. I went up in it to a bit of glass stuck against the wall, and I never saw such a sight in my life. I tore myself out of it in such a hurry that I gave myself a kink in the neck.\n\n      I sat down on the side of the bed, and commenced thinking about this head-peddling harpooneer, and his door mat. After thinking some time on the bed-side, I got up and took off my monkey jacket, and then stood in the middle of the room thinking. I then took off my coat, and thought a little more in my shirt sleeves. But beginning to feel very cold now, half undressed as I was, and remembering what the landlord said about the harpooneer’s not coming home at all that night, it being so very late, I made no more ado, but jumped out of my pantaloons and boots, and then blowing out the light tumbled into bed, and commended myself to the care of heaven.\n\n      Whether that mattress was stuffed with corn-cobs or broken crockery, there is no telling, but I rolled about a good deal, and could not sleep for a long time. At last I slid off into a light doze, and had pretty nearly made a good offing towards the land of Nod, when I heard a heavy footfall in the passage, and saw a glimmer of light come into the room from under the door.\n\n      Lord save me, thinks I, that must be the harpooneer, the infernal head-peddler. But I lay perfectly still, and resolved not to say a word till spoken to. Holding a light in one hand, and that identical New Zealand head in the other, the stranger entered the room, and without looking towards the bed, placed his candle a good way off from me on the floor in one corner, and then began working away at the knotted cords of the large bag I before spoke of as being in the room. I was all eagerness to see his face, but he kept it averted for some time while employed in unlacing the bag’s mouth. This accomplished, however, he turned round—when, good heavens! what a sight! Such a face! It was of a dark, purplish, yellow colour, here and there stuck over with large blackish looking squares. Yes, it’s just as I thought, he’s a terrible bedfellow; he’s been in a fight, got dreadfully cut, and here he is, just from the surgeon. But at that moment he chanced to turn his face so towards the light, that I plainly saw they could not be sticking-plasters at all, those black squares on his cheeks. They were stains of some sort or other. At first I knew not what to make of this; but soon an inkling of the truth occurred to me. I remembered a story of a white man—a whaleman too—who, falling among the cannibals, had been tattooed by them. I concluded that this harpooneer, in the course of his distant voyages, must have met with a similar adventure. And what is it, thought I, after all! It’s only his outside; a man can be honest in any sort of skin. But then, what to make of his unearthly complexion, that part of it, I mean, lying round about, and completely independent of the squares of tattooing. To be sure, it might be nothing but a good coat of tropical tanning; but I never heard of a hot sun’s tanning a white man into a purplish yellow one. However, I had never been in the South Seas; and perhaps the sun there produced these extraordinary effects upon the skin. Now, while all these ideas were passing through me like lightning, this harpooneer never noticed me at all. But, after some difficulty having opened his bag, he commenced fumbling in it, and presently pulled out a sort of tomahawk, and a seal-skin wallet with the hair on. Placing these on the old chest in the middle of the room, he then took the New Zealand head—a ghastly thing enough—and crammed it down into the bag. He now took off his hat—a new beaver hat—when I came nigh singing out with fresh surprise. There was no hair on his head—none to speak of at least—nothing but a small scalp-knot twisted up on his forehead. His bald purplish head now looked for all the world like a mildewed skull. Had not the stranger stood between me and the door, I would have bolted out of it quicker than ever I bolted a dinner.\n\n      Even as it was, I thought something of slipping out of the window, but it was the second floor back. I am no coward, but what to make of this head-peddling purple rascal altogether passed my comprehension. Ignorance is the parent of fear, and being completely nonplussed and confounded about the stranger, I confess I was now as much afraid of him as if it was the devil himself who had thus broken into my room at the dead of night. In fact, I was so afraid of him that I was not game enough just then to address him, and demand a satisfactory answer concerning what seemed inexplicable in him.\n\n      Meanwhile, he continued the business of undressing, and at last showed his chest and arms. As I live, these covered parts of him were checkered with the same squares as his face; his back, too, was all over the same dark squares; he seemed to have been in a Thirty Years’ War, and just escaped from it with a sticking-plaster shirt. Still more, his very legs were marked, as if a parcel of dark green frogs were running up the trunks of young palms. It was now quite plain that he must be some abominable savage or other shipped aboard of a whaleman in the South Seas, and so landed in this Christian country. I quaked to think of it. A peddler of heads too—perhaps the heads of his own brothers. He might take a fancy to mine—heavens! look at that tomahawk!\n\n      But there was no time for shuddering, for now the savage went about something that completely fascinated my attention, and convinced me that he must indeed be a heathen. Going to his heavy grego, or wrapall, or dreadnaught, which he had previously hung on a chair, he fumbled in the pockets, and produced at length a curious little deformed image with a hunch on its back, and exactly the colour of a three days’ old Congo baby. Remembering the embalmed head, at first I almost thought that this black manikin was a real baby preserved in some similar manner. But seeing that it was not at all limber, and that it glistened a good deal like polished ebony, I concluded that it must be nothing but a wooden idol, which indeed it proved to be. For now the savage goes up to the empty fire-place, and removing the papered fire-board, sets up this little hunch-backed image, like a tenpin, between the andirons. The chimney jambs and all the bricks inside were very sooty, so that I thought this fire-place made a very appropriate little shrine or chapel for his Congo idol.\n\n      I now screwed my eyes hard towards the half hidden image, feeling but ill at ease meantime—to see what was next to follow. First he takes about a double handful of shavings out of his grego pocket, and places them carefully before the idol; then laying a bit of ship biscuit on top and applying the flame from the lamp, he kindled the shavings into a sacrificial blaze. Presently, after many hasty snatches into the fire, and still hastier withdrawals of his fingers (whereby he seemed to be scorching them badly), he at last succeeded in drawing out the biscuit; then blowing off the heat and ashes a little, he made a polite offer of it to the little negro. But the little devil did not seem to fancy such dry sort of fare at all; he never moved his lips. All these strange antics were accompanied by still stranger guttural noises from the devotee, who seemed to be praying in a sing-song or else singing some pagan psalmody or other, during which his face twitched about in the most unnatural manner. At last extinguishing the fire, he took the idol up very unceremoniously, and bagged it again in his grego pocket as carelessly as if he were a sportsman bagging a dead woodcock.\n\n      All these queer proceedings increased my uncomfortableness, and seeing him now exhibiting strong symptoms of concluding his business operations, and jumping into bed with me, I thought it was high time, now or never, before the light was put out, to break the spell in which I had so long been bound.\n\n      But the interval I spent in deliberating what to say, was a fatal one. Taking up his tomahawk from the table, he examined the head of it for an instant, and then holding it to the light, with his mouth at the handle, he puffed out great clouds of tobacco smoke. The next moment the light was extinguished, and this wild cannibal, tomahawk between his teeth, sprang into bed with me. I sang out, I could not help it now; and giving a sudden grunt of astonishment he began feeling me.\n\n      Stammering out something, I knew not what, I rolled away from him against the wall, and then conjured him, whoever or whatever he might be, to keep quiet, and let me get up and light the lamp again. But his guttural responses satisfied me at once that he but ill comprehended my meaning.\n\n      “Who-e debel you?”—he at last said—“you no speak-e, dam-me, I kill-e.” And so saying the lighted tomahawk began flourishing about me in the dark.\n\n      “Landlord, for God’s sake, Peter Coffin!” shouted I. “Landlord! Watch! Coffin! Angels! save me!”\n\n      “Speak-e! tell-ee me who-ee be, or dam-me, I kill-e!” again growled the cannibal, while his horrid flourishings of the tomahawk scattered the hot tobacco ashes about me till I thought my linen would get on fire. But thank heaven, at that moment the landlord came into the room light in hand, and leaping from the bed I ran up to him.\n\n      “Don’t be afraid now,” said he, grinning again, “Queequeg here wouldn’t harm a hair of your head.”\n\n      “Stop your grinning,” shouted I, “and why didn’t you tell me that that infernal harpooneer was a cannibal?”\n\n      “I thought ye know’d it;—didn’t I tell ye, he was a peddlin’ heads around town?—but turn flukes again and go to sleep. Queequeg, look here—you sabbee me, I sabbee—you this man sleepe you—you sabbee?”\n\n      “Me sabbee plenty”—grunted Queequeg, puffing away at his pipe and sitting up in bed.\n\n      “You gettee in,” he added, motioning to me with his tomahawk, and throwing the clothes to one side. He really did this in not only a civil but a really kind and charitable way. I stood looking at him a moment. For all his tattooings he was on the whole a clean, comely looking cannibal. What’s all this fuss I have been making about, thought I to myself—the man’s a human being just as I am: he has just as much reason to fear me, as I have to be afraid of him. Better sleep with a sober cannibal than a drunken Christian.\n\n      “Landlord,” said I, “tell him to stash his tomahawk there, or pipe, or whatever you call it; tell him to stop smoking, in short, and I will turn in with him. But I don’t fancy having a man smoking in bed with me. It’s dangerous. Besides, I ain’t insured.”\n\n      This being told to Queequeg, he at once complied, and again politely motioned me to get into bed—rolling over to one side as much as to say—“I won’t touch a leg of ye.”\n\n      “Good night, landlord,” said I, “you may go.”\n\n      I turned in, and never slept better in my life.\"\n    datetime: 2017-06-02T00:00:00-04:00\n    date: 2017-06-07T00:00:00-04:00\n    image: /assets/uploads/moby-dick.jpg\n    file: /assets/uploads/moby-dick.jpg\n    select: c\n    object:\n      text: >-\n        Upon waking next morning about daylight, I found Queequeg’s arm thrown\n        over me in the most loving and affectionate manner. You had almost\n        thought I had been his wife. The counterpane was of patchwork, full of\n        odd little parti-coloured squares and triangles; and this arm of his\n        tattooed all over with an interminable Cretan labyrinth of a figure, no\n        two parts of which were of one precise shade—owing I suppose to his\n        keeping his arm at sea unmethodically in sun and shade, his shirt\n        sleeves irregularly rolled up at various times—this same arm of his, I\n        say, looked for all the world like a strip of that same patchwork quilt.\n        Indeed, partly lying on it as the arm did when I first awoke, I could\n        hardly tell it from the quilt, they so blended their hues together; and\n        it was only by the sense of weight and pressure that I could tell that\n        Queequeg was hugging me.\n      number: '444444'\n      markdown: >-\n        # Upon waking next morning about daylight, I found Queequeg’s arm thrown\n        over me in the most loving and affectionate manner. You had almost\n        thought I had been his wife. The counterpane was of patchwork, full of\n        odd little parti-coloured squares and triangles; and this arm of his\n        tattooed all over with an interminable Cretan labyrinth of a figure, no\n        two parts of which were of one precise shade—owing I suppose to his\n        keeping his arm at sea unmethodically in sun and shade, his shirt\n        sleeves irregularly rolled up at various times—this same arm of his, I\n        say, looked for all the world like a strip of that same patchwork quilt.\n        Indeed, partly lying on it as the arm did when I first awoke, I could\n        hardly tell it from the quilt, they so blended their hues together; and\n        it was only by the sense of weight and pressure that I could tell that\n        Queequeg was hugging me.\n\n\n        ## My sensations were strange. Let me try to explain them. When I was a\n        child, I well remember a somewhat similar circumstance that befell me;\n        whether it was a reality or a dream, I never could entirely settle. The\n        circumstance was this. I had been cutting up some caper or other—I think\n        it was trying to crawl up the chimney, as I had seen a little sweep do a\n        few days previous; and my stepmother who, somehow or other, was all the\n        time whipping me, or sending me to bed supperless,—my mother dragged me\n        by the legs out of the chimney and packed me off to bed, though it was\n        only two o’clock in the afternoon of the 21st June, the longest day in\n        the year in our hemisphere. I felt dreadfully. But there was no help for\n        it, so up stairs I went to my little room in the third floor, undressed\n        myself as slowly as possible so as to kill time, and with a bitter sigh\n        got between the sheets.\n\n\n        I lay there dismally calculating that sixteen entire hours must elapse\n        before I could hope for a resurrection. Sixteen hours in bed! the small\n        of my back ached to think of it. And it was so light too; the sun\n        shining in at the window, and a great rattling of coaches in the\n        streets, and the sound of gay voices all over the house. I felt worse\n        and worse—at last I got up, dressed, and softly going down in my\n        stockinged feet, sought out my stepmother, and suddenly threw myself at\n        her feet, beseeching her as a particular favour to give me a good\n        slippering for my misbehaviour; anything indeed but condemning me to lie\n        abed such an unendurable length of time. But she was the best and most\n        conscientious of stepmothers, and back I had to go to my room. For\n        several hours I lay there broad awake, feeling a great deal worse than I\n        have ever done since, even from the greatest subsequent misfortunes. At\n        last I must have fallen into a troubled nightmare of a doze; and slowly\n        waking from it—half steeped in dreams—I opened my eyes, and the before\n        sun-lit room was now wrapped in outer darkness. Instantly I felt a shock\n        running through all my frame; nothing was to be seen, and nothing was to\n        be heard; but a supernatural hand seemed placed in mine. My arm hung\n        over the counterpane, and the nameless, unimaginable, silent form or\n        phantom, to which the hand belonged, seemed closely seated by my\n        bed-side. For what seemed ages piled on ages, I lay there, frozen with\n        the most awful fears, not daring to drag away my hand; yet ever thinking\n        that if I could but stir it one single inch, the horrid spell would be\n        broken. I knew not how this consciousness at last glided away from me;\n        but waking in the morning, I shudderingly remembered it all, and for\n        days and weeks and months afterwards I lost myself in confounding\n        attempts to explain the mystery. Nay, to this very hour, I often puzzle\n        myself with it.\n\n\n        Now, take away the awful fear, and my sensations at feeling the\n        supernatural hand in mine were very similar, in their strangeness, to\n        those which I experienced on waking up and seeing Queequeg’s pagan arm\n        thrown round me. But at length all the past night’s events soberly\n        recurred, one by one, in fixed reality, and then I lay only alive to the\n        comical predicament. For though I tried to move his arm—unlock his\n        bridegroom clasp—yet, sleeping as he was, he still hugged me tightly, as\n        though naught but death should part us twain. I now strove to rouse\n        him—“Queequeg!”—but his only answer was a snore. I then rolled over, my\n        neck feeling as if it were in a horse-collar; and suddenly felt a slight\n        scratch. Throwing aside the counterpane, there lay the tomahawk sleeping\n        by the savage’s side, as if it were a hatchet-faced baby. A pretty\n        pickle, truly, thought I; abed here in a strange house in the broad day,\n        with a cannibal and a tomahawk! “Queequeg!—in the name of goodness,\n        Queequeg, wake!” At length, by dint of much wriggling, and loud and\n        incessant expostulations upon the unbecomingness of his hugging a fellow\n        male in that matrimonial sort of style, I succeeded in extracting a\n        grunt; and presently, he drew back his arm, shook himself all over like\n        a Newfoundland dog just from the water, and sat up in bed, stiff as a\n        pike-staff, looking at me, and rubbing his eyes as if he did not\n        altogether remember how I came to be there, though a dim consciousness\n        of knowing something about me seemed slowly dawning over him. Meanwhile,\n        I lay quietly eyeing him, having no serious misgivings now, and bent\n        upon narrowly observing so curious a creature. When, at last, his mind\n        seemed made up touching the character of his bedfellow, and he became,\n        as it were, reconciled to the fact; he jumped out upon the floor, and by\n        certain signs and sounds gave me to understand that, if it pleased me,\n        he would dress first and then leave me to dress afterwards, leaving the\n        whole apartment to myself. Thinks I, Queequeg, under the circumstances,\n        this is a very civilized overture; but, the truth is, these savages have\n        an innate sense of delicacy, say what you will; it is marvellous how\n        essentially polite they are. I pay this particular compliment to\n        Queequeg, because he treated me with so much civility and consideration,\n        while I was guilty of great rudeness; staring at him from the bed, and\n        watching all his toilette motions; for the time my curiosity getting the\n        better of my breeding. Nevertheless, a man like Queequeg you don’t see\n        every day, he and his ways were well worth unusual regarding.\n\n\n        He commenced dressing at top by donning his beaver hat, a very tall one,\n        by the by, and then—still minus his trowsers—he hunted up his boots.\n        What under the heavens he did it for, I cannot tell, but his next\n        movement was to crush himself—boots in hand, and hat on—under the bed;\n        when, from sundry violent gaspings and strainings, I inferred he was\n        hard at work booting himself; though by no law of propriety that I ever\n        heard of, is any man required to be private when putting on his boots.\n        But Queequeg, do you see, was a creature in the transition stage—neither\n        caterpillar nor butterfly. He was just enough civilized to show off his\n        outlandishness in the strangest possible manners. His education was not\n        yet completed. He was an undergraduate. If he had not been a small\n        degree civilized, he very probably would not have troubled himself with\n        boots at all; but then, if he had not been still a savage, he never\n        would have dreamt of getting under the bed to put them on. At last, he\n        emerged with his hat very much dented and crushed down over his eyes,\n        and began creaking and limping about the room, as if, not being much\n        accustomed to boots, his pair of damp, wrinkled cowhide ones—probably\n        not made to order either—rather pinched and tormented him at the first\n        go off of a bitter cold morning.\n\n\n        Seeing, now, that there were no curtains to the window, and that the\n        street being very narrow, the house opposite commanded a plain view into\n        the room, and observing more and more the indecorous figure that\n        Queequeg made, staving about with little else but his hat and boots on;\n        I begged him as well as I could, to accelerate his toilet somewhat, and\n        particularly to get into his pantaloons as soon as possible. He\n        complied, and then proceeded to wash himself. At that time in the\n        morning any Christian would have washed his face; but Queequeg, to my\n        amazement, contented himself with restricting his ablutions to his\n        chest, arms, and hands. He then donned his waistcoat, and taking up a\n        piece of hard soap on the wash-stand centre table, dipped it into water\n        and commenced lathering his face. I was watching to see where he kept\n        his razor, when lo and behold, he takes the harpoon from the bed corner,\n        slips out the long wooden stock, unsheathes the head, whets it a little\n        on his boot, and striding up to the bit of mirror against the wall,\n        begins a vigorous scraping, or rather harpooning of his cheeks. Thinks\n        I, Queequeg, this is using Rogers’s best cutlery with a vengeance.\n        Afterwards I wondered the less at this operation when I came to know of\n        what fine steel the head of a harpoon is made, and how exceedingly sharp\n        the long straight edges are always kept.\n\n\n        The rest of his toilet was soon achieved, and he proudly marched out of\n        the room, wrapped up in his great pilot monkey jacket, and sporting his\n        harpoon like a marshal’s baton.\n      datetime: 2017-06-07T19:05:43.820Z\n      date: 2017-06-07T19:05:36.240Z\n      image: /assets/uploads/moby-dick.jpg\n      file: /assets/uploads/moby-dick.jpg\n      select: b\n      list:\n        - object:\n            date: 2017-06-07T19:10:25.684Z\n      string: CHAPTER 4. The Counterpane.\n    string: CHAPTER 3. The Spouter-Inn.\ntyped_list:\n  - type: type_1_object\n    string: CHAPTER 2. The Carpet-Bag.\n    boolean: true\n    text: >-\n      I stuffed a shirt or two into my old carpet-bag, tucked it under my arm, and\n      started for Cape Horn and the Pacific. Quitting the good city of old\n      Manhatto, I duly arrived in New Bedford. It was a Saturday night in\n      December. Much was I disappointed upon learning that the little packet for\n      Nantucket had already sailed, and that no way of reaching that place would\n      offer, till the following Monday.\n  - type: type_2_object\n    number: 3\n    select: b\n    datetime:  2017-06-07T19:05:43.816Z\n    markdown: >-\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget\n      facilisis magna. Integer eget eleifend quam, sit amet sodales nisi. Fusce\n      non lacus tempus, posuere tellus semper, facilisis lectus. Cras consequat\n      aliquet ex.\n  - type: type_1_object\n    string: CHAPTER 2. The Carpet-Bag.\n    boolean: false\n    text: >-\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum\n      augue ornare lectus finibus mollis. Maecenas fringilla lorem at nisl pharetra\n      scelerisque.\n  - type: type_3_object\n    date: 2017-06-07T18:55:28.111Z\n    image: /assets/uploads/moby-dick.jpg\n    file: /assets/uploads/moby-dick.jpg\n---\n\n",
+    },
+  },
+  _i18n_playground: {
+    'file1.en.md': {
+      content:
+        '---\nslug: file1\ndescription: Coffee is a small tree or shrub that grows in the forest understory in its wild form, and traditionally was grown commercially under other trees that provided shade. The forest-like structure of shade coffee farms provides habitat for a great number of migratory and resident species.\ndate: 2015-02-14T00:00:00.000Z\n---\n',
+    },
+    'file1.de.md': {
+      content:
+        '---\ndescription: Kaffee ist ein kleiner Baum oder Strauch, der in seiner wilden Form im Unterholz des Waldes wächst und traditionell kommerziell unter anderen Bäumen angebaut wurde, die Schatten spendeten. Die waldähnliche Struktur schattiger Kaffeefarmen bietet Lebensraum für eine Vielzahl von wandernden und ansässigen Arten.\ndate: 2015-02-14T00:00:00.000Z\n---\n',
+    },
+    'file1.fr.md': {
+      content:
+        "---\ndescription: Le café est un petit arbre ou un arbuste qui pousse dans le sous-étage de la forêt sous sa forme sauvage et qui était traditionnellement cultivé commercialement sous d'autres arbres qui fournissaient de l'ombre. La structure forestière des plantations de café d'ombre fournit un habitat à un grand nombre d'espèces migratrices et résidentes.\ndate: 2015-02-14T00:00:00.000Z\n---\n",
+    },
+  },
+  _nested_pages: {
+    authors: {
+      'author-1': {
+        'index.md': {
+          content: '---\ntitle: An Author\n---\nAuthor details go here!.\n',
+        },
+      },
+      'index.md': {
+        content: '---\ntitle: Authors\n---\n',
+      },
+    },
+    posts: {
+      'hello-world': {
+        'index.md': {
+          content:
+            '---\ntitle: Hello World\n---\nCoffee is a small tree or shrub that grows in the forest understory in its wild form, and traditionally was grown commercially under other trees that provided shade. The forest-like structure of shade coffee farms provides habitat for a great number of migratory and resident species.\n',
+        },
+      },
+      'index.md': {
+        content: '---\ntitle: Posts\n---\n',
+      },
+      news: {
+        'hello-world-news': {
+          'index.md': {
+            content:
+              '---\ntitle: Hello World News\n---\nCoffee is a small tree or shrub that grows in the forest understory in its wild form, and traditionally was grown commercially under other trees that provided shade. The forest-like structure of shade coffee farms provides habitat for a great number of migratory and resident species.\n',
+          },
+        },
+        'index.md': {
+          content: '---\ntitle: News Articles\n---\n',
+        },
+      },
+    },
+    'index.md': {
+      content: '---\ntitle: Pages\n---\n',
+    },
+  },
+};
+
+var ONE_DAY = 60 * 60 * 24 * 1000;
+
+for (var i = 1; i <= 20; i++) {
+  var date = new Date();
+
+  date.setTime(date.getTime() - ONE_DAY);
+  var month = ('0' + (date.getMonth() + 1)).slice(-2);
+  var day = ('0' + date.getDate()).slice(-2);
+  var dateString = '' + date.getFullYear() + '-' + month + '-' + day;
+  var slug = dateString + '-post-number-' + i + '.md';
+
+  window.repoFiles._posts[slug] = {
+    content: `---
+title: "This is post # ${i}"
+image: /assets/uploads/lobby.jpg
+draft: ${i % 2 === 0}
+date: ${dateString}T00:00:00.000Z
+description: "Post # ${i}"
+category: news
+tags:
+  - tag1
+  - tag2
+---
+# The post is number ${i}
+
+![Static CMS](https://raw.githubusercontent.com/StaticJsCMS/static-cms/main/static-cms-logo.png)
+
+# Awesome Editor!
+
+It was _released as open source in 2022_ and is **_continually_** evolving to be the **best editor experience** available for static site generators.
+
+## MDX
+
+The output out this widget is \`mdx\`, a mixture of \`markdown\` and \`javascript components\`. See [MDX documentation](https://mdxjs.com/docs/).
+
+\`\`\`yaml
+name: body
+label: Blog post content
+widget: markdown
+\`\`\`
+
+\`\`\`js
+name: 'body',
+label: 'Blog post content',
+widget: 'markdown',
+\`\`\`
+
+> See the table below for default options
+> More API information can be found in the document
+
+| Name          | Type                  | Default | Description                                                                                                                                           |
+| ------------- | --------------------- | ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- |
+| default       | string                | \`''\`    | _Optional_. The default value for the field. Accepts markdown content                                                                                 |
+| media_library | Media Library Options | \`{}\`    | _Optional_. Media library settings to apply when a media library is opened by the current widget. See [Media Library Options](#media-library-options) |
+| media_folder  | string                |         | _Optional_. Specifies the folder path where uploaded files should be saved, relative to the base of the repo                                          |
+| public_folder | string                |         | _Optional_. Specifies the folder path where the files uploaded by the media library will be accessed, relative to the base of the built site          |
+
+### Media Library Options
+
+| Name           | Type                   | Default | Description                                                                                                                                       |
+| -------------- | ---------------------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------- |
+| allow_multiple | boolean                | \`true\`  | _Optional_. When set to \`false\`, prevents multiple selection for any media library extension, but must be supported by the extension in use       |
+| config         | string                 | \`{}\`    | _Optional_. A configuration object that will be passed directly to the media library being used - available options are determined by the library |
+| choose_url     | string<br />\\| boolean | \`true\`  | _Optional_. When set to \`false\`, the "Insert from URL" button will be hidden
+
+## Features
+
+* CommonMark + GFM Specifications
+* Live \`Preview\`
+* Auto Indent
+* Syntax Highlight
+  1. Rich Editor
+  2. Preview
+
+## Formatting
+
+**Bold**, *Italic*, ***both***
+
+~~Strikethrough~~
+
+## Shortcodes
+
+[youtube|p6h-rYSVX90]
+
+## Tasks
+
+> * List Item A
+> * List Item B
+>    1. [x] Task 1
+>    2. [ ] Task 2`,
+  };
+}
+
+for (var i = 1; i <= 5; i++) {
+  var date = new Date();
+
+  date.setTime(date.getTime() + ONE_DAY);
+  var month = ('0' + (date.getMonth() + 1)).slice(-2);
+  var day = ('0' + date.getDate()).slice(-2);
+  var dateString = '' + date.getFullYear() + '-' + month + '-' + day;
+  var slug = dateString + '-faq-number-' + i + '.md';
+
+  window.repoFiles._faqs[slug] = {
+    content:
+      '---\ntitle: "This FAQ item # ' +
+      i +
+      '"\ndate: ' +
+      dateString +
+      'T00:00:00.000Z\n---\n# Loren ipsum dolor sit amet',
+  };
+}
+window.repoFiles._pages = {
+  directory: {
+    'sub-directory': {
+      'nested-directory': {
+        'index.md': {
+          path: '_pages/directory/sub-directory/nested-directory/index.md',
+          content: '---\ntitle: "Nested Directory"\n---\n',
+        },
+      },
+      'index.md': {
+        path: '_pages/directory/sub-directory/index.md',
+        content: '---\ntitle: "Sub Directory"\n---\n',
+      },
+    },
+    'another-sub-directory': {
+      'index.md': {
+        path: '_pages/directory/another-sub-directory/index.md',
+        content: '---\ntitle: "Another Sub Directory"\n---\n',
+      },
+    },
+    'index.md': {
+      path: '_pages/directory/index.md',
+      content: '---\ntitle: "Directory"\n---\n',
+    },
+  },
+  'index.md': {
+    path: '_pages/index.md',
+    content: '---\ntitle: "Root Page"\n---\n',
+  },
+};
diff --git a/packages/core/dev-test/index.html b/packages/core/dev-test/index.html
index 467b75ca..bc75f077 100644
--- a/packages/core/dev-test/index.html
+++ b/packages/core/dev-test/index.html
@@ -4,314 +4,10 @@
     <meta charset="utf-8" />
 
     <title>Static CMS Development Test</title>
-    <script>
-      window.repoFiles = {
-        assets: {
-          uploads: {
-            'moby-dick.jpg': {
-              content: '',
-            },
-            'lobby.jpg': {
-              content: '',
-            },
-            'Other Pics': {
-              'moby-dick.jpg': {
-                content: '',
-              },
-              'lobby.jpg': {
-                content: '',
-              },
-            },
-          },
-        },
-        _posts: {
-          '2015-02-14-this-is-a-post.md': {
-            content:
-              '---\ntitle: This is a YAML front matter post\ndraft: true\nimage: /assets/uploads/moby-dick.jpg\ndate: 2015-02-14T00:00:00.000Z\n---\n\n# I Am a Title in Markdown\n\nHello, world\n\n* One Thing\n* Another Thing\n* A Third Thing\n',
-          },
-          '2015-02-15-this-is-a-json-frontmatter-post.md': {
-            content:
-              '{\n"title": "This is a JSON front matter post",\n"draft": false,\n"image": "/assets/uploads/moby-dick.jpg",\n"date": "2015-02-15T00:00:00.000Z"\n}\n\n# I Am a Title in Markdown\n\nHello, world\n\n* One Thing\n* Another Thing\n* A Third Thing\n',
-          },
-          '2015-02-15-this-is-a-toml-frontmatter-post.md': {
-            content:
-              '+++\ntitle = "This is a TOML front matter post"\ndraft = true\nimage = "/assets/uploads/moby-dick.jpg"\ndate = 2015-02-14T00:00:00.000Z\n+++\n\n# I Am a Title in Markdown\n\nHello, world\n\n* One Thing\n* Another Thing\n* A Third Thing\n',
-          },
-          '2015-02-14-this-is-a-post-with-a-different-extension.other': {
-            content:
-              '---\ntitle: This post should not appear because the extension is different\ndraft: false\nimage: /assets/uploads/moby-dick.jpg\ndate: 2015-02-14T00:00:00.000Z\n---\n\n# I Am a Title in Markdown\n\nHello, world\n\n* One Thing\n* Another Thing\n* A Third Thing\n',
-          },
-        },
-        _faqs: {
-          'what-is-static-cms.md': {
-            content:
-              '---\ntitle: What is Static CMS?\ndate: 2015-11-02T00:00.000Z\n---\n\n# Static CMS is Content Manager for Static Site Generators\n\nStatic sites are many times faster, cheaper and safer and traditional dynamic websites.\n\nModern static site generators like Jekyll, Middleman, Roots or Hugo are powerful publishing and development systems, but when we build sites for non-technical users, we need a layer on top of them.\n\nStatic CMS is there to let your marketing team push new content to your public site, or to let technical writers work on your documentation.\n\nStatic CMS integrates with Git and turns normal content editors into git committers.\n\n',
-          },
-          'what-is-jam-stack.md': {
-            content:
-              "---\ntitle: What is the “JAM Stack”?\ndate: 2015-11-02T00:00.000Z\n---\n\n# The JAM stack is a new way of building websites and apps that are fast, secure and simple to work with.\n\nJAM stands for JavaScript, APIs and Markup. It's the fastest growing new stack for building websites and apps: no more servers, host all your front-end on a CDN and use APIs for any moving parts.\n\n",
-          },
-          'cache-invalidation.md': {
-            content:
-              '---\ntitle: What about Cache Invalidation?\ndate: 2015-11-02T00:00.000Z\n---\n\n# Netlify handles cache invalidation automatically\n\nWhen your changes go live, they go live.\n\nNo waiting for cache purges, no cumbersome varnish setup, no API calls to clean your distribution. Netlify handles cache purges within an average of 250ms from your deploy!\n\n',
-          },
-          'continuous-deployment.md': {
-            content:
-              '---\ntitle: Does Netlify support Continuous Deployment?\ndate: 2015-11-02T00:00.000Z\n---\n\n# Yes, Netlify let you Integrate your site or web-app to GitHub, GitLab or BitBucket and run your build tool on our servers.\n\nAutomatically rebuild your site every time your content changes: trigger builds by pushing to git or via webhooks.\n\n',
-          },
-        },
-        _data: {
-          'settings.json': {
-            content: '{"site_title": "CMS Demo"}',
-          },
-          'authors.yml': {
-            content:
-              'authors:\n  - name: Mathias\n    description: Co-founder @ Netlify\n  - name: Chris\n    description: Co-founder @ Netlify\n',
-          },
-        },
-        _widgets: {
-          'boolean.json': {
-            content: '{}',
-          },
-          'code.json': {
-            content: '{}',
-          },
-          'color.json': {
-            content: '{}',
-          },
-          'datetime.json': {
-            content: '{}',
-          },
-          'file.json': {
-            content: '{}',
-          },
-          'image.json': {
-            content: `{}`,
-          },
-          'map.json': {
-            content: '{}',
-          },
-          'markdown.json': {
-            content: '{}',
-          },
-          'number.json': {
-            content: '{}',
-          },
-          'object.json': {
-            content: '{}',
-          },
-          'relation.json': {
-            content: '{}',
-          },
-          'select.json': {
-            content: '{}',
-          },
-          'string.json': {
-            content: '{}',
-          },
-          'text.json': {
-            content: '{}',
-          },
-        },
-        _sink: {
-          'a-big-entry-with-all-the-things.md': {
-            content:
-              "---\ntitle: CHAPTER 1. Loomings.\nboolean: true\ntext: >-\n  Call me Ishmael. Some years ago—never mind how long precisely—having little or\n  no money in my purse, and nothing particular to interest me on shore, I\n  thought I would sail about a little and see the watery part of the world. It\n  is a way I have of driving off the spleen and regulating the circulation.\n  Whenever I find myself growing grim about the mouth; whenever it is a damp,\n  drizzly November in my soul; whenever I find myself involuntarily pausing\n  before coffin warehouses, and bringing up the rear of every funeral I meet;\n  and especially whenever my hypos get such an upper hand of me, that it\n  requires a strong moral principle to prevent me from deliberately stepping\n  into the street, and methodically knocking people’s hats off—then, I account\n  it high time to get to sea as soon as I can. This is my substitute for pistol\n  and ball. With a philosophical flourish Cato throws himself upon his sword; I\n  quietly take to the ship. There is nothing surprising in this. If they but\n  knew it, almost all men in their degree, some time or other, cherish very\n  nearly the same feelings towards the ocean with me.\nnumber: '111111'\nmarkdown: \"# Call me Ishmael. Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation. Whenever I find myself growing grim about the mouth; whenever it is a damp, drizzly November in my soul; whenever I find myself involuntarily pausing before coffin warehouses, and bringing up the rear of every funeral I meet; and especially whenever my hypos get such an upper hand of me, that it requires a strong moral principle to prevent me from deliberately stepping into the street, and methodically knocking people’s hats off—then, I account it high time to get to sea as soon as I can. This is my substitute for pistol and ball. With a philosophical flourish Cato throws himself upon his sword; I quietly take to the ship. There is nothing surprising in this. If they but knew it, almost all men in their degree, some time or other, cherish very nearly the same feelings towards the ocean with me.\\n\\n## There now is your insular city of the Manhattoes, belted round by wharves as Indian isles by coral reefs—commerce surrounds it with her surf. Right and left, the streets take you waterward. Its extreme downtown is the battery, where that noble mole is washed by waves, and cooled by breezes, which a few hours previous were out of sight of land. Look at the crowds of water-gazers there.\\n\\n**Circumambulate the city of a dreamy Sabbath afternoon. Go from Corlears Hook to Coenties Slip, and from thence, by Whitehall, northward. What do you see?—Posted like silent sentinels all around the town, stand thousands upon thousands of mortal men fixed in ocean reveries. Some leaning against the spiles; some seated upon the pier-heads; some looking over the bulwarks of ships from China; some high aloft in the rigging, as if striving to get a still better seaward peep. But these are all landsmen; of week days pent up in lath and plaster—tied to counters, nailed to benches, clinched to desks. How then is this? Are the green fields gone? What do they here?**\\n\\n*But look! here come more crowds, pacing straight for the water, and seemingly bound for a dive. Strange! Nothing will content them but the extremest limit of the land; loitering under the shady lee of yonder warehouses will not suffice. No. They must get just as nigh the water as they possibly can without falling in. And there they stand—miles of them—leagues. Inlanders all, they come from lanes and alleys, streets and avenues—north, east, south, and west. Yet here they all unite. Tell me, does the magnetic virtue of the needles of the compasses of all those ships attract them thither?*\\n\\n[Once more. Say you are in the country; in some high land of lakes. Take almost any path you please, and ten to one it carries you down in a dale, and leaves you there by a pool in the stream. There is magic in it. Let the most absent-minded of men be plunged in his deepest reveries—stand that man on his legs, set his feet a-going, and he will infallibly lead you to water, if water there be in all that region. Should you ever be athirst in the great American desert, try this experiment, if your caravan happen to be supplied with a metaphysical professor. Yes, as every one knows, meditation and water are wedded for ever.](https://staticcms.org)\\n\\n![moby dick](/assets/uploads/moby-dick.jpg)\\n\\n{{< youtube lZ6NEHDgk58 >}}\\n\\nBut here is an artist. He desires to paint you the dreamiest, shadiest, quietest, most enchanting bit of romantic landscape in all the valley of the Saco. What is the chief element he employs? There stand his trees, each with a hollow trunk, as if a hermit and a crucifix were within; and here sleeps his meadow, and there sleep his cattle; and up from yonder cottage goes a sleepy smoke. Deep into distant woodlands winds a mazy way, reaching to overlapping spurs of mountains bathed in their hill-side blue. But though the picture lies thus tranced, and though this pine-tree shakes down its sighs like leaves upon this shepherd’s head, yet all were vain, unless the shepherd’s eye were fixed upon the magic stream before him. Go visit the Prairies in June, when for scores on scores of miles you wade knee-deep among Tiger-lilies—what is the one charm wanting?—Water—there is not a drop of water there! Were Niagara but a cataract of sand, would you travel your thousand miles to see it? Why did the poor poet of Tennessee, upon suddenly receiving two handfuls of silver, deliberate whether to buy him a coat, which he sadly needed, or invest his money in a pedestrian trip to Rockaway Beach? Why is almost every robust healthy boy with a robust healthy soul in him, at some time or other crazy to go to sea? Why upon your first voyage as a passenger, did you yourself feel such a mystical vibration, when first told that you and your ship were now out of sight of land? Why did the old Persians hold the sea holy? Why did the Greeks give it a separate deity, and own brother of Jove? Surely all this is not without meaning. And still deeper the meaning of that story of Narcissus, who because he could not grasp the tormenting, mild image he saw in the fountain, plunged into it and was drowned. But that same image, we ourselves see in all rivers and oceans. It is the image of the ungraspable phantom of life; and this is the key to it all.\\n\\nNow, when I say that I am in the habit of going to sea whenever I begin to grow hazy about the eyes, and begin to be over conscious of my lungs, I do not mean to have it inferred that I ever go to sea as a passenger. For to go as a passenger you must needs have a purse, and a purse is but a rag unless you have something in it. Besides, passengers get sea-sick—grow quarrelsome—don’t sleep of nights—do not enjoy themselves much, as a general thing;—no, I never go as a passenger; nor, though I am something of a salt, do I ever go to sea as a Commodore, or a Captain, or a Cook. I abandon the glory and distinction of such offices to those who like them. For my part, I abominate all honourable respectable toils, trials, and tribulations of every kind whatsoever. It is quite as much as I can do to take care of myself, without taking care of ships, barques, brigs, schooners, and what not. And as for going as cook,—though I confess there is considerable glory in that, a cook being a sort of officer on ship-board—yet, somehow, I never fancied broiling fowls;—though once broiled, judiciously buttered, and judgmatically salted and peppered, there is no one who will speak more respectfully, not to say reverentially, of a broiled fowl than I will. It is out of the idolatrous dotings of the old Egyptians upon broiled ibis and roasted river horse, that you see the mummies of those creatures in their huge bake-houses the pyramids.\\n\\nNo, when I go to sea, I go as a simple sailor, right before the mast, plumb down into the forecastle, aloft there to the royal mast-head. True, they rather order me about some, and make me jump from spar to spar, like a grasshopper in a May meadow. And at first, this sort of thing is unpleasant enough. It touches one’s sense of honour, particularly if you come of an old established family in the land, the Van Rensselaers, or Randolphs, or Hardicanutes. And more than all, if just previous to putting your hand into the tar-pot, you have been lording it as a country schoolmaster, making the tallest boys stand in awe of you. The transition is a keen one, I assure you, from a schoolmaster to a sailor, and requires a strong decoction of Seneca and the Stoics to enable you to grin and bear it. But even this wears off in time.\\n\\nWhat of it, if some old hunks of a sea-captain orders me to get a broom and sweep down the decks? What does that indignity amount to, weighed, I mean, in the scales of the New Testament? Do you think the archangel Gabriel thinks anything the less of me, because I promptly and respectfully obey that old hunks in that particular instance? Who ain’t a slave? Tell me that. Well, then, however the old sea-captains may order me about—however they may thump and punch me about, I have the satisfaction of knowing that it is all right; that everybody else is one way or other served in much the same way—either in a physical or metaphysical point of view, that is; and so the universal thump is passed round, and all hands should rub each other’s shoulder-blades, and be content.\\n\\nAgain, I always go to sea as a sailor, because they make a point of paying me for my trouble, whereas they never pay passengers a single penny that I ever heard of. On the contrary, passengers themselves must pay. And there is all the difference in the world between paying and being paid. The act of paying is perhaps the most uncomfortable infliction that the two orchard thieves entailed upon us. But\_*being paid*,—what will compare with it? The urbane activity with which a man receives money is really marvellous, considering that we so earnestly believe money to be the root of all earthly ills, and that on no account can a monied man enter heaven. Ah! how cheerfully we consign ourselves to perdition!\\n\\nFinally, I always go to sea as a sailor, because of the wholesome exercise and pure air of the fore-castle deck. For as in this world, head winds are far more prevalent than winds from astern (that is, if you never violate the Pythagorean maxim), so for the most part the Commodore on the quarter-deck gets his atmosphere at second hand from the sailors on the forecastle. He thinks he breathes it first; but not so. In much the same way do the commonalty lead their leaders in many other things, at the same time that the leaders little suspect it. But wherefore it was that after having repeatedly smelt the sea as a merchant sailor, I should now take it into my head to go on a whaling voyage; this the invisible police officer of the Fates, who has the constant surveillance of me, and secretly dogs me, and influences me in some unaccountable way—he can better answer than any one else. And, doubtless, my going on this whaling voyage, formed part of the grand programme of Providence that was drawn up a long time ago. It came in as a sort of brief interlude and solo between more extensive performances. I take it that this part of the bill must have run something like this:\\n\\n“*Grand Contested Election for the Presidency of the United States.*\_“WHALING VOYAGE BY ONE ISHMAEL. “BLOODY BATTLE IN AFFGHANISTAN.”\\n\\nThough I cannot tell why it was exactly that those stage managers, the Fates, put me down for this shabby part of a whaling voyage, when others were set down for magnificent parts in high tragedies, and short and easy parts in genteel comedies, and jolly parts in farces—though I cannot tell why this was exactly; yet, now that I recall all the circumstances, I think I can see a little into the springs and motives which being cunningly presented to me under various disguises, induced me to set about performing the part I did, besides cajoling me into the delusion that it was a choice resulting from my own unbiased freewill and discriminating judgment.\\n\\nChief among these motives was the overwhelming idea of the great whale himself. Such a portentous and mysterious monster roused all my curiosity. Then the wild and distant seas where he rolled his island bulk; the undeliverable, nameless perils of the whale; these, with all the attending marvels of a thousand Patagonian sights and sounds, helped to sway me to my wish. With other men, perhaps, such things would not have been inducements; but as for me, I am tormented with an everlasting itch for things remote. I love to sail forbidden seas, and land on barbarous coasts. Not ignoring what is good, I am quick to perceive a horror, and could still be social with it—would they let me—since it is but well to be on friendly terms with all the inmates of the place one lodges in.\\n\\nBy reason of these things, then, the whaling voyage was welcome; the great flood-gates of the wonder-world swung open, and in the wild conceits that swayed me to my purpose, two and two there floated into my inmost soul, endless processions of the whale, and, mid most of them all, one grand hooded phantom, like a snow hill in the air.\"\ndatetime: 2017-06-07T18:55:28.110Z\ndate: 2017-06-07T18:55:28.111Z\nimage: /assets/uploads/moby-dick.jpg\nfile: /assets/uploads/moby-dick.jpg\nselect: b\npost: 'This is a front matter post'\nobject:\n  boolean: true\n  text: >-\n    I stuffed a shirt or two into my old carpet-bag, tucked it under my arm, and\n    started for Cape Horn and the Pacific. Quitting the good city of old\n    Manhatto, I duly arrived in New Bedford. It was a Saturday night in\n    December. Much was I disappointed upon learning that the little packet for\n    Nantucket had already sailed, and that no way of reaching that place would\n    offer, till the following Monday.\n  number: '222222'\n  markdown: >-\n    # I stuffed a shirt or two into my old carpet-bag, tucked it under my arm,\n    and started for Cape Horn and the Pacific. Quitting the good city of old\n    Manhatto, I duly arrived in New Bedford. It was a Saturday night in\n    December. Much was I disappointed upon learning that the little packet for\n    Nantucket had already sailed, and that no way of reaching that place would\n    offer, till the following Monday.\n\n\n    ## As most young candidates for the pains and penalties of whaling stop at\n    this same New Bedford, thence to embark on their voyage, it may as well be\n    related that I, for one, had no idea of so doing. For my mind was made up to\n    sail in no other than a Nantucket craft, because there was a fine,\n    boisterous something about everything connected with that famous old island,\n    which amazingly pleased me. Besides though New Bedford has of late been\n    gradually monopolising the business of whaling, and though in this matter\n    poor old Nantucket is now much behind her, yet Nantucket was her great\n    original—the Tyre of this Carthage;—the place where the first dead American\n    whale was stranded. Where else but from Nantucket did those aboriginal\n    whalemen, the Red-Men, first sally out in canoes to give chase to the\n    Leviathan? And where but from Nantucket, too, did that first adventurous\n    little sloop put forth, partly laden with imported cobblestones—so goes the\n    story—to throw at the whales, in order to discover when they were nigh\n    enough to risk a harpoon from the bowsprit?\n\n\n    **Now having a night, a day, and still another night following before me in\n    New Bedford, ere I could embark for my destined port, it became a matter of\n    concernment where I was to eat and sleep meanwhile. It was a very\n    dubious-looking, nay, a very dark and dismal night, bitingly cold and\n    cheerless. I knew no one in the place. With anxious grapnels I had sounded\n    my pocket, and only brought up a few pieces of silver,—So, wherever you go,\n    Ishmael, said I to myself, as I stood in the middle of a dreary street\n    shouldering my bag, and comparing the gloom towards the north with the\n    darkness towards the south—wherever in your wisdom you may conclude to lodge\n    for the night, my dear Ishmael, be sure to inquire the price, and don’t be\n    too particular.**\n\n\n    *With halting steps I paced the streets, and passed the sign of “The Crossed\n    Harpoons”—but it looked too expensive and jolly there. Further on, from the\n    bright red windows of the “Sword-Fish Inn,” there came such fervent rays,\n    that it seemed to have melted the packed snow and ice from before the house,\n    for everywhere else the congealed frost lay ten inches thick in a hard,\n    asphaltic pavement,—rather weary for me, when I struck my foot against the\n    flinty projections, because from hard, remorseless service the soles of my\n    boots were in a most miserable plight. Too expensive and jolly, again\n    thought I, pausing one moment to watch the broad glare in the street, and\n    hear the sounds of the tinkling glasses within. But go on, Ishmael, said I\n    at last; don’t you hear? get away from before the door; your patched boots\n    are stopping the way. So on I went. I now by instinct followed the streets\n    that took me waterward, for there, doubtless, were the cheapest, if not the\n    cheeriest inns.*\n\n\n    [Such dreary streets! blocks of blackness, not houses, on either hand, and\n    here and there a candle, like a candle moving about in a tomb. At this hour\n    of the night, of the last day of the week, that quarter of the town proved\n    all but deserted. But presently I came to a smoky light proceeding from a\n    low, wide building, the door of which stood invitingly open. It had a\n    careless look, as if it were meant for the uses of the public; so, entering,\n    the first thing I did was to stumble over an ash-box in the porch. Ha!\n    thought I, ha, as the flying particles almost choked me, are these ashes\n    from that destroyed city, Gomorrah? But “The Crossed Harpoons,” and “The\n    Sword-Fish?”—this, then must needs be the sign of “The Trap.” However, I\n    picked myself up and hearing a loud voice within, pushed on and opened a\n    second, interior door.](https://staticcms.org)\n\n\n    ![moby dick](/assets/uploads/moby-dick.jpg)\n\n\n    {{< youtube lZ6NEHDgk58 >}}\n\n\n    It seemed the great Black Parliament sitting in Tophet. A hundred black\n    faces turned round in their rows to peer; and beyond, a black Angel of Doom\n    was beating a book in a pulpit. It was a negro church; and the preacher’s\n    text was about the blackness of darkness, and the weeping and wailing and\n    teeth-gnashing there. Ha, Ishmael, muttered I, backing out, Wretched\n    entertainment at the sign of ‘The Trap!’\n\n\n    Moving on, I at last came to a dim sort of light not far from the docks, and\n    heard a forlorn creaking in the air; and looking up, saw a swinging sign\n    over the door with a white painting upon it, faintly representing a tall\n    straight jet of misty spray, and these words underneath—“The Spouter\n    Inn:—Peter Coffin.”\n\n\n    Coffin?—Spouter?—Rather ominous in that particular connexion, thought I. But\n    it is a common name in Nantucket, they say, and I suppose this Peter here is\n    an emigrant from there. As the light looked so dim, and the place, for the\n    time, looked quiet enough, and the dilapidated little wooden house itself\n    looked as if it might have been carted here from the ruins of some burnt\n    district, and as the swinging sign had a poverty-stricken sort of creak to\n    it, I thought that here was the very spot for cheap lodgings, and the best\n    of pea coffee.\n\n\n    It was a queer sort of place—a gable-ended old house, one side palsied as it\n    were, and leaning over sadly. It stood on a sharp bleak corner, where that\n    tempestuous wind Euroclydon kept up a worse howling than ever it did about\n    poor Paul’s tossed craft. Euroclydon, nevertheless, is a mighty pleasant\n    zephyr to any one in-doors, with his feet on the hob quietly toasting for\n    bed. “In judging of that tempestuous wind called Euroclydon,” says an old\n    writer—of whose works I possess the only copy extant—“it maketh a marvellous\n    difference, whether thou lookest out at it from a glass window where the\n    frost is all on the outside, or whether thou observest it from that sashless\n    window, where the frost is on both sides, and of which the wight Death is\n    the only glazier.” True enough, thought I, as this passage occurred to my\n    mind—old black-letter, thou reasonest well. Yes, these eyes are windows, and\n    this body of mine is the house. What a pity they didn’t stop up the chinks\n    and the crannies though, and thrust in a little lint here and there. But\n    it’s too late to make any improvements now. The universe is finished; the\n    copestone is on, and the chips were carted off a million years ago. Poor\n    Lazarus there, chattering his teeth against the curbstone for his pillow,\n    and shaking off his tatters with his shiverings, he might plug up both ears\n    with rags, and put a corn-cob into his mouth, and yet that would not keep\n    out the tempestuous Euroclydon. Euroclydon! says old Dives, in his red\n    silken wrapper—(he had a redder one afterwards) pooh, pooh! What a fine\n    frosty night; how Orion glitters; what northern lights! Let them talk of\n    their oriental summer climes of everlasting conservatories; give me the\n    privilege of making my own summer with my own coals.\n\n\n    But what thinks Lazarus? Can he warm his blue hands by holding them up to\n    the grand northern lights? Would not Lazarus rather be in Sumatra than here?\n    Would he not far rather lay him down lengthwise along the line of the\n    equator; yea, ye gods! go down to the fiery pit itself, in order to keep out\n    this frost?\n\n\n    Now, that Lazarus should lie stranded there on the curbstone before the door\n    of Dives, this is more wonderful than that an iceberg should be moored to\n    one of the Moluccas. Yet Dives himself, he too lives like a Czar in an ice\n    palace made of frozen sighs, and being a president of a temperance society,\n    he only drinks the tepid tears of orphans.\n\n\n    But no more of this blubbering now, we are going a-whaling, and there is\n    plenty of that yet to come. Let us scrape the ice from our frosted feet, and\n    see what sort of a place this “Spouter” may be.\n  datetime: 2017-06-07T19:05:43.816Z\n  date: 2017-06-07T18:55:28.115Z\n  image: /assets/uploads/moby-dick.jpg\n  file: /assets/uploads/moby-dick.jpg\n  select: b\n  string: CHAPTER 2. The Carpet-Bag.\nlist:\n  - text: >-\n      Entering that gable-ended Spouter-Inn, you found yourself in a wide, low,\n      straggling entry with old-fashioned wainscots, reminding one of the\n      bulwarks of some condemned old craft. On one side hung a very large\n      oilpainting so thoroughly besmoked, and every way defaced, that in the\n      unequal crosslights by which you viewed it, it was only by diligent study\n      and a series of systematic visits to it, and careful inquiry of the\n      neighbors, that you could any way arrive at an understanding of its\n      purpose. Such unaccountable masses of shades and shadows, that at first\n      you almost thought some ambitious young artist, in the time of the New\n      England hags, had endeavored to delineate chaos bewitched. But by dint of\n      much and earnest contemplation, and oft repeated ponderings, and\n      especially by throwing open the little window towards the back of the\n      entry, you at last come to the conclusion that such an idea, however wild,\n      might not be altogether unwarranted.\n    number: '333333'\n    markdown: \"# Entering that gable-ended Spouter-Inn, you found yourself in a wide, low, straggling entry with old-fashioned wainscots, reminding one of the bulwarks of some condemned old craft. On one side hung a very large oilpainting so thoroughly besmoked, and every way defaced, that in the unequal crosslights by which you viewed it, it was only by diligent study and a series of systematic visits to it, and careful inquiry of the neighbors, that you could any way arrive at an understanding of its purpose. Such unaccountable masses of shades and shadows, that at first you almost thought some ambitious young artist, in the time of the New England hags, had endeavored to delineate chaos bewitched. But by dint of much and earnest contemplation, and oft repeated ponderings, and especially by throwing open the little window towards the back of the entry, you at last come to the conclusion that such an idea, however wild, might not be altogether unwarranted.\n\n      # But what most puzzled and confounded you was a long, limber, portentous, black mass of something hovering in the centre of the picture over three blue, dim, perpendicular lines floating in a nameless yeast. A boggy, soggy, squitchy picture truly, enough to drive a nervous man distracted. Yet was there a sort of indefinite, half-attained, unimaginable sublimity about it that fairly froze you to it, till you involuntarily took an oath with yourself to find out what that marvellous painting meant. Ever and anon a bright, but, alas, deceptive idea would dart you through.—It’s the Black Sea in a midnight gale.—It’s the unnatural combat of the four primal elements.—It’s a blasted heath.—It’s a Hyperborean winter scene.—It’s the breaking-up of the icebound stream of Time. But at last all these fancies yielded to that one portentous something in the picture’s midst.\_*That*\_once found out, and all the rest were plain. But stop; does it not bear a faint resemblance to a gigantic fish? even the great leviathan himself?\n\n      ## In fact, the artist’s design seemed this: a final theory of my own, partly based upon the aggregated opinions of many aged persons with whom I conversed upon the subject. The picture represents a Cape-Horner in a great hurricane; the half-foundered ship weltering there with its three dismantled masts alone visible; and an exasperated whale, purposing to spring clean over the craft, is in the enormous act of impaling himself upon the three mast-heads.\n\n      ## The opposite wall of this entry was hung all over with a heathenish array of monstrous clubs and spears. Some were thickly set with glittering teeth resembling ivory saws; others were tufted with knots of human hair; and one was sickle-shaped, with a vast handle sweeping round like the segment made in the new-mown grass by a long-armed mower. You shuddered as you gazed, and wondered what monstrous cannibal and savage could ever have gone a death-harvesting with such a hacking, horrifying implement. Mixed with these were rusty old whaling lances and harpoons all broken and deformed. Some were storied weapons. With this once long lance, now wildly elbowed, fifty years ago did Nathan Swain kill fifteen whales between a sunrise and a sunset. And that harpoon—so like a corkscrew now—was flung in Javan seas, and run away with by a whale, years afterwards slain off the Cape of Blanco. The original iron entered nigh the tail, and, like a restless needle sojourning in the body of a man, travelled full forty feet, and at last was found imbedded in the hump.\n\n      Crossing this dusky entry, and on through yon low-arched way—cut through what in old times must have been a great central chimney with fireplaces all round—you enter the public room. A still duskier place is this, with such low ponderous beams above, and such old wrinkled planks beneath, that you would almost fancy you trod some old craft’s cockpits, especially of such a howling night, when this corner-anchored old ark rocked so furiously. On one side stood a long, low, shelf-like table covered with cracked glass cases, filled with dusty rarities gathered from this wide world’s remotest nooks. Projecting from the further angle of the room stands a dark-looking den—the bar—a rude attempt at a right whale’s head. Be that how it may, there stands the vast arched bone of the whale’s jaw, so wide, a coach might almost drive beneath it. Within are shabby shelves, ranged round with old decanters, bottles, flasks; and in those jaws of swift destruction, like another cursed Jonah (by which name indeed they called him), bustles a little withered old man, who, for their money, dearly sells the sailors deliriums and death.\n\n      Abominable are the tumblers into which he pours his poison. Though true cylinders without—within, the villanous green goggling glasses deceitfully tapered downwards to a cheating bottom. Parallel meridians rudely pecked into the glass, surround these footpads’ goblets. Fill to\_*this*\_mark, and your charge is but a penny; to\_*this*\_a penny more; and so on to the full glass—the Cape Horn measure, which you may gulp down for a shilling.\n\n      Upon entering the place I found a number of young seamen gathered about a table, examining by a dim light divers specimens of\_*skrimshander*. I sought the landlord, and telling him I desired to be accommodated with a room, received for answer that his house was full—not a bed unoccupied. “But avast,” he added, tapping his forehead, “you haint no objections to sharing a harpooneer’s blanket, have ye? I s’pose you are goin’ a-whalin’, so you’d better get used to that sort of thing.”\n\n      I told him that I never liked to sleep two in a bed; that if I should ever do so, it would depend upon who the harpooneer might be, and that if he (the landlord) really had no other place for me, and the harpooneer was not decidedly objectionable, why rather than wander further about a strange town on so bitter a night, I would put up with the half of any decent man’s blanket.\n\n      “I thought so. All right; take a seat. Supper?—you want supper? Supper’ll be ready directly.”\n\n      I sat down on an old wooden settle, carved all over like a bench on the Battery. At one end a ruminating tar was still further adorning it with his jack-knife, stooping over and diligently working away at the space between his legs. He was trying his hand at a ship under full sail, but he didn’t make much headway, I thought.\n\n      At last some four or five of us were summoned to our meal in an adjoining room. It was cold as Iceland—no fire at all—the landlord said he couldn’t afford it. Nothing but two dismal tallow candles, each in a winding sheet. We were fain to button up our monkey jackets, and hold to our lips cups of scalding tea with our half frozen fingers. But the fare was of the most substantial kind—not only meat and potatoes, but dumplings; good heavens! dumplings for supper! One young fellow in a green box coat, addressed himself to these dumplings in a most direful manner.\n\n      “My boy,” said the landlord, “you’ll have the nightmare to a dead sartainty.”\n\n      “Landlord,” I whispered, “that aint the harpooneer is it?”\n\n      “Oh, no,” said he, looking a sort of diabolically funny, “the harpooneer is a dark complexioned chap. He never eats dumplings, he don’t—he eats nothing but steaks, and he likes ‘em rare.”\n\n      “The devil he does,” says I. “Where is that harpooneer? Is he here?”\n\n      “He’ll be here afore long,” was the answer.\n\n      I could not help it, but I began to feel suspicious of this “dark complexioned” harpooneer. At any rate, I made up my mind that if it so turned out that we should sleep together, he must undress and get into bed before I did.\n\n      Supper over, the company went back to the bar-room, when, knowing not what else to do with myself, I resolved to spend the rest of the evening as a looker on.\n\n      Presently a rioting noise was heard without. Starting up, the landlord cried, “That’s the Grampus’s crew. I seed her reported in the offing this morning; a three years’ voyage, and a full ship. Hurrah, boys; now we’ll have the latest news from the Feegees.”\n\n      A tramping of sea boots was heard in the entry; the door was flung open, and in rolled a wild set of mariners enough. Enveloped in their shaggy watch coats, and with their heads muffled in woollen comforters, all bedarned and ragged, and their beards stiff with icicles, they seemed an eruption of bears from Labrador. They had just landed from their boat, and this was the first house they entered. No wonder, then, that they made a straight wake for the whale’s mouth—the bar—when the wrinkled little old Jonah, there officiating, soon poured them out brimmers all round. One complained of a bad cold in his head, upon which Jonah mixed him a pitch-like potion of gin and molasses, which he swore was a sovereign cure for all colds and catarrhs whatsoever, never mind of how long standing, or whether caught off the coast of Labrador, or on the weather side of an ice-island.\n\n      The liquor soon mounted into their heads, as it generally does even with the arrantest topers newly landed from sea, and they began capering about most obstreperously.\n\n      I observed, however, that one of them held somewhat aloof, and though he seemed desirous not to spoil the hilarity of his shipmates by his own sober face, yet upon the whole he refrained from making as much noise as the rest. This man interested me at once; and since the sea-gods had ordained that he should soon become my shipmate (though but a sleeping-partner one, so far as this narrative is concerned), I will here venture upon a little description of him. He stood full six feet in height, with noble shoulders, and a chest like a coffer-dam. I have seldom seen such brawn in a man. His face was deeply brown and burnt, making his white teeth dazzling by the contrast; while in the deep shadows of his eyes floated some reminiscences that did not seem to give him much joy. His voice at once announced that he was a Southerner, and from his fine stature, I thought he must be one of those tall mountaineers from the Alleghanian Ridge in Virginia. When the revelry of his companions had mounted to its height, this man slipped away unobserved, and I saw no more of him till he became my comrade on the sea. In a few minutes, however, he was missed by his shipmates, and being, it seems, for some reason a huge favourite with them, they raised a cry of “Bulkington! Bulkington! where’s Bulkington?” and darted out of the house in pursuit of him.\n\n      It was now about nine o’clock, and the room seeming almost supernaturally quiet after these orgies, I began to congratulate myself upon a little plan that had occurred to me just previous to the entrance of the seamen.\n\n      No man prefers to sleep two in a bed. In fact, you would a good deal rather not sleep with your own brother. I don’t know how it is, but people like to be private when they are sleeping. And when it comes to sleeping with an unknown stranger, in a strange inn, in a strange town, and that stranger a harpooneer, then your objections indefinitely multiply. Nor was there any earthly reason why I as a sailor should sleep two in a bed, more than anybody else; for sailors no more sleep two in a bed at sea, than bachelor Kings do ashore. To be sure they all sleep together in one apartment, but you have your own hammock, and cover yourself with your own blanket, and sleep in your own skin.\n\n      The more I pondered over this harpooneer, the more I abominated the thought of sleeping with him. It was fair to presume that being a harpooneer, his linen or woollen, as the case might be, would not be of the tidiest, certainly none of the finest. I began to twitch all over. Besides, it was getting late, and my decent harpooneer ought to be home and going bedwards. Suppose now, he should tumble in upon me at midnight—how could I tell from what vile hole he had been coming?\n\n      “Landlord! I’ve changed my mind about that harpooneer.—I shan’t sleep with him. I’ll try the bench here.”\n\n      “Just as you please; I’m sorry I can’t spare ye a tablecloth for a mattress, and it’s a plaguy rough board here”—feeling of the knots and notches. “But wait a bit, Skrimshander; I’ve got a carpenter’s plane there in the bar—wait, I say, and I’ll make ye snug enough.” So saying he procured the plane; and with his old silk handkerchief first dusting the bench, vigorously set to planing away at my bed, the while grinning like an ape. The shavings flew right and left; till at last the plane-iron came bump against an indestructible knot. The landlord was near spraining his wrist, and I told him for heaven’s sake to quit—the bed was soft enough to suit me, and I did not know how all the planing in the world could make eider down of a pine plank. So gathering up the shavings with another grin, and throwing them into the great stove in the middle of the room, he went about his business, and left me in a brown study.\n\n      I now took the measure of the bench, and found that it was a foot too short; but that could be mended with a chair. But it was a foot too narrow, and the other bench in the room was about four inches higher than the planned one—so there was no yoking them. I then placed the first bench lengthwise along the only clear space against the wall, leaving a little interval between, for my back to settle down in. But I soon found that there came such a draught of cold air over me from under the sill of the window, that this plan would never do at all, especially as another current from the rickety door met the one from the window, and both together formed a series of small whirlwinds in the immediate vicinity of the spot where I had thought to spend the night.\n\n      The devil fetch that harpooneer, thought I, but stop, couldn’t I steal a march on him—bolt his door inside, and jump into his bed, not to be wakened by the most violent knockings? It seemed no bad idea; but upon second thoughts I dismissed it. For who could tell but what the next morning, so soon as I popped out of the room, the harpooneer might be standing in the entry, all ready to knock me down!\n\n      Still, looking round me again, and seeing no possible chance of spending a sufferable night unless in some other person’s bed, I began to think that after all I might be cherishing unwarrantable prejudices against this unknown harpooneer. Thinks I, I’ll wait awhile; he must be dropping in before long. I’ll have a good look at him then, and perhaps we may become jolly good bedfellows after all—there’s no telling.\n\n      But though the other boarders kept coming in by ones, twos, and threes, and going to bed, yet no sign of my harpooneer.\n\n      “Landlord!” said I, “what sort of a chap is he—does he always keep such late hours?” It was now hard upon twelve o’clock.\n\n      The landlord chuckled again with his lean chuckle, and seemed to be mightily tickled at something beyond my comprehension. “No,” he answered, “generally he’s an early bird—airley to bed and airley to rise—yes, he’s the bird what catches the worm. But to-night he went out a peddling, you see, and I don’t see what on airth keeps him so late, unless, may be, he can’t sell his head.”\n\n      “Can’t sell his head?—What sort of a bamboozingly story is this you are telling me?” getting into a towering rage. “Do you pretend to say, landlord, that this harpooneer is actually engaged this blessed Saturday night, or rather Sunday morning, in peddling his head around this town?”\n\n      “That’s precisely it,” said the landlord, “and I told him he couldn’t sell it here, the market’s overstocked.”\n\n      “With what?” shouted I.\n\n      “With heads to be sure; ain’t there too many heads in the world?”\n\n      “I tell you what it is, landlord,” said I quite calmly, “you’d better stop spinning that yarn to me—I’m not green.”\n\n      “May be not,” taking out a stick and whittling a toothpick, “but I rayther guess you’ll be done\_*brown*\_if that ere harpooneer hears you a slanderin’ his head.”\n\n      “I’ll break it for him,” said I, now flying into a passion again at this unaccountable farrago of the landlord’s.\n\n      “It’s broke a’ready,” said he.\n\n      “Broke,” said I—“*broke*, do you mean?”\n\n      “Sartain, and that’s the very reason he can’t sell it, I guess.”\n\n      “Landlord,” said I, going up to him as cool as Mt. Hecla in a snow-storm—“landlord, stop whittling. You and I must understand one another, and that too without delay. I come to your house and want a bed; you tell me you can only give me half a one; that the other half belongs to a certain harpooneer. And about this harpooneer, whom I have not yet seen, you persist in telling me the most mystifying and exasperating stories tending to beget in me an uncomfortable feeling towards the man whom you design for my bedfellow—a sort of connexion, landlord, which is an intimate and confidential one in the highest degree. I now demand of you to speak out and tell me who and what this harpooneer is, and whether I shall be in all respects safe to spend the night with him. And in the first place, you will be so good as to unsay that story about selling his head, which if true I take to be good evidence that this harpooneer is stark mad, and I’ve no idea of sleeping with a madman; and you, sir,\_*you*\_I mean, landlord,\_*you*, sir, by trying to induce me to do so knowingly, would thereby render yourself liable to a criminal prosecution.”\n\n      “Wall,” said the landlord, fetching a long breath, “that’s a purty long sarmon for a chap that rips a little now and then. But be easy, be easy, this here harpooneer I have been tellin’ you of has just arrived from the south seas, where he bought up a lot of ‘balmed New Zealand heads (great curios, you know), and he’s sold all on ‘em but one, and that one he’s trying to sell to-night, cause to-morrow’s Sunday, and it would not do to be sellin’ human heads about the streets when folks is goin’ to churches. He wanted to, last Sunday, but I stopped him just as he was goin’ out of the door with four heads strung on a string, for all the airth like a string of inions.”\n\n      This account cleared up the otherwise unaccountable mystery, and showed that the landlord, after all, had had no idea of fooling me—but at the same time what could I think of a harpooneer who stayed out of a Saturday night clean into the holy Sabbath, engaged in such a cannibal business as selling the heads of dead idolators?\n\n      “Depend upon it, landlord, that harpooneer is a dangerous man.”\n\n      “He pays reg’lar,” was the rejoinder. “But come, it’s getting dreadful late, you had better be turning flukes—it’s a nice bed; Sal and me slept in that ere bed the night we were spliced. There’s plenty of room for two to kick about in that bed; it’s an almighty big bed that. Why, afore we give it up, Sal used to put our Sam and little Johnny in the foot of it. But I got a dreaming and sprawling about one night, and somehow, Sam got pitched on the floor, and came near breaking his arm. Arter that, Sal said it wouldn’t do. Come along here, I’ll give ye a glim in a jiffy;” and so saying he lighted a candle and held it towards me, offering to lead the way. But I stood irresolute; when looking at a clock in the corner, he exclaimed “I vum it’s Sunday—you won’t see that harpooneer to-night; he’s come to anchor somewhere—come along then;\_*do*\_come;\_*won’t*\_ye come?”\n\n      I considered the matter a moment, and then up stairs we went, and I was ushered into a small room, cold as a clam, and furnished, sure enough, with a prodigious bed, almost big enough indeed for any four harpooneers to sleep abreast.\n\n      “There,” said the landlord, placing the candle on a crazy old sea chest that did double duty as a wash-stand and centre table; “there, make yourself comfortable now, and good night to ye.” I turned round from eyeing the bed, but he had disappeared.\n\n      Folding back the counterpane, I stooped over the bed. Though none of the most elegant, it yet stood the scrutiny tolerably well. I then glanced round the room; and besides the bedstead and centre table, could see no other furniture belonging to the place, but a rude shelf, the four walls, and a papered fireboard representing a man striking a whale. Of things not properly belonging to the room, there was a hammock lashed up, and thrown upon the floor in one corner; also a large seaman’s bag, containing the harpooneer’s wardrobe, no doubt in lieu of a land trunk. Likewise, there was a parcel of outlandish bone fish hooks on the shelf over the fire-place, and a tall harpoon standing at the head of the bed.\n\n      But what is this on the chest? I took it up, and held it close to the light, and felt it, and smelt it, and tried every way possible to arrive at some satisfactory conclusion concerning it. I can compare it to nothing but a large door mat, ornamented at the edges with little tinkling tags something like the stained porcupine quills round an Indian moccasin. There was a hole or slit in the middle of this mat, as you see the same in South American ponchos. But could it be possible that any sober harpooneer would get into a door mat, and parade the streets of any Christian town in that sort of guise? I put it on, to try it, and it weighed me down like a hamper, being uncommonly shaggy and thick, and I thought a little damp, as though this mysterious harpooneer had been wearing it of a rainy day. I went up in it to a bit of glass stuck against the wall, and I never saw such a sight in my life. I tore myself out of it in such a hurry that I gave myself a kink in the neck.\n\n      I sat down on the side of the bed, and commenced thinking about this head-peddling harpooneer, and his door mat. After thinking some time on the bed-side, I got up and took off my monkey jacket, and then stood in the middle of the room thinking. I then took off my coat, and thought a little more in my shirt sleeves. But beginning to feel very cold now, half undressed as I was, and remembering what the landlord said about the harpooneer’s not coming home at all that night, it being so very late, I made no more ado, but jumped out of my pantaloons and boots, and then blowing out the light tumbled into bed, and commended myself to the care of heaven.\n\n      Whether that mattress was stuffed with corn-cobs or broken crockery, there is no telling, but I rolled about a good deal, and could not sleep for a long time. At last I slid off into a light doze, and had pretty nearly made a good offing towards the land of Nod, when I heard a heavy footfall in the passage, and saw a glimmer of light come into the room from under the door.\n\n      Lord save me, thinks I, that must be the harpooneer, the infernal head-peddler. But I lay perfectly still, and resolved not to say a word till spoken to. Holding a light in one hand, and that identical New Zealand head in the other, the stranger entered the room, and without looking towards the bed, placed his candle a good way off from me on the floor in one corner, and then began working away at the knotted cords of the large bag I before spoke of as being in the room. I was all eagerness to see his face, but he kept it averted for some time while employed in unlacing the bag’s mouth. This accomplished, however, he turned round—when, good heavens! what a sight! Such a face! It was of a dark, purplish, yellow colour, here and there stuck over with large blackish looking squares. Yes, it’s just as I thought, he’s a terrible bedfellow; he’s been in a fight, got dreadfully cut, and here he is, just from the surgeon. But at that moment he chanced to turn his face so towards the light, that I plainly saw they could not be sticking-plasters at all, those black squares on his cheeks. They were stains of some sort or other. At first I knew not what to make of this; but soon an inkling of the truth occurred to me. I remembered a story of a white man—a whaleman too—who, falling among the cannibals, had been tattooed by them. I concluded that this harpooneer, in the course of his distant voyages, must have met with a similar adventure. And what is it, thought I, after all! It’s only his outside; a man can be honest in any sort of skin. But then, what to make of his unearthly complexion, that part of it, I mean, lying round about, and completely independent of the squares of tattooing. To be sure, it might be nothing but a good coat of tropical tanning; but I never heard of a hot sun’s tanning a white man into a purplish yellow one. However, I had never been in the South Seas; and perhaps the sun there produced these extraordinary effects upon the skin. Now, while all these ideas were passing through me like lightning, this harpooneer never noticed me at all. But, after some difficulty having opened his bag, he commenced fumbling in it, and presently pulled out a sort of tomahawk, and a seal-skin wallet with the hair on. Placing these on the old chest in the middle of the room, he then took the New Zealand head—a ghastly thing enough—and crammed it down into the bag. He now took off his hat—a new beaver hat—when I came nigh singing out with fresh surprise. There was no hair on his head—none to speak of at least—nothing but a small scalp-knot twisted up on his forehead. His bald purplish head now looked for all the world like a mildewed skull. Had not the stranger stood between me and the door, I would have bolted out of it quicker than ever I bolted a dinner.\n\n      Even as it was, I thought something of slipping out of the window, but it was the second floor back. I am no coward, but what to make of this head-peddling purple rascal altogether passed my comprehension. Ignorance is the parent of fear, and being completely nonplussed and confounded about the stranger, I confess I was now as much afraid of him as if it was the devil himself who had thus broken into my room at the dead of night. In fact, I was so afraid of him that I was not game enough just then to address him, and demand a satisfactory answer concerning what seemed inexplicable in him.\n\n      Meanwhile, he continued the business of undressing, and at last showed his chest and arms. As I live, these covered parts of him were checkered with the same squares as his face; his back, too, was all over the same dark squares; he seemed to have been in a Thirty Years’ War, and just escaped from it with a sticking-plaster shirt. Still more, his very legs were marked, as if a parcel of dark green frogs were running up the trunks of young palms. It was now quite plain that he must be some abominable savage or other shipped aboard of a whaleman in the South Seas, and so landed in this Christian country. I quaked to think of it. A peddler of heads too—perhaps the heads of his own brothers. He might take a fancy to mine—heavens! look at that tomahawk!\n\n      But there was no time for shuddering, for now the savage went about something that completely fascinated my attention, and convinced me that he must indeed be a heathen. Going to his heavy grego, or wrapall, or dreadnaught, which he had previously hung on a chair, he fumbled in the pockets, and produced at length a curious little deformed image with a hunch on its back, and exactly the colour of a three days’ old Congo baby. Remembering the embalmed head, at first I almost thought that this black manikin was a real baby preserved in some similar manner. But seeing that it was not at all limber, and that it glistened a good deal like polished ebony, I concluded that it must be nothing but a wooden idol, which indeed it proved to be. For now the savage goes up to the empty fire-place, and removing the papered fire-board, sets up this little hunch-backed image, like a tenpin, between the andirons. The chimney jambs and all the bricks inside were very sooty, so that I thought this fire-place made a very appropriate little shrine or chapel for his Congo idol.\n\n      I now screwed my eyes hard towards the half hidden image, feeling but ill at ease meantime—to see what was next to follow. First he takes about a double handful of shavings out of his grego pocket, and places them carefully before the idol; then laying a bit of ship biscuit on top and applying the flame from the lamp, he kindled the shavings into a sacrificial blaze. Presently, after many hasty snatches into the fire, and still hastier withdrawals of his fingers (whereby he seemed to be scorching them badly), he at last succeeded in drawing out the biscuit; then blowing off the heat and ashes a little, he made a polite offer of it to the little negro. But the little devil did not seem to fancy such dry sort of fare at all; he never moved his lips. All these strange antics were accompanied by still stranger guttural noises from the devotee, who seemed to be praying in a sing-song or else singing some pagan psalmody or other, during which his face twitched about in the most unnatural manner. At last extinguishing the fire, he took the idol up very unceremoniously, and bagged it again in his grego pocket as carelessly as if he were a sportsman bagging a dead woodcock.\n\n      All these queer proceedings increased my uncomfortableness, and seeing him now exhibiting strong symptoms of concluding his business operations, and jumping into bed with me, I thought it was high time, now or never, before the light was put out, to break the spell in which I had so long been bound.\n\n      But the interval I spent in deliberating what to say, was a fatal one. Taking up his tomahawk from the table, he examined the head of it for an instant, and then holding it to the light, with his mouth at the handle, he puffed out great clouds of tobacco smoke. The next moment the light was extinguished, and this wild cannibal, tomahawk between his teeth, sprang into bed with me. I sang out, I could not help it now; and giving a sudden grunt of astonishment he began feeling me.\n\n      Stammering out something, I knew not what, I rolled away from him against the wall, and then conjured him, whoever or whatever he might be, to keep quiet, and let me get up and light the lamp again. But his guttural responses satisfied me at once that he but ill comprehended my meaning.\n\n      “Who-e debel you?”—he at last said—“you no speak-e, dam-me, I kill-e.” And so saying the lighted tomahawk began flourishing about me in the dark.\n\n      “Landlord, for God’s sake, Peter Coffin!” shouted I. “Landlord! Watch! Coffin! Angels! save me!”\n\n      “Speak-e! tell-ee me who-ee be, or dam-me, I kill-e!” again growled the cannibal, while his horrid flourishings of the tomahawk scattered the hot tobacco ashes about me till I thought my linen would get on fire. But thank heaven, at that moment the landlord came into the room light in hand, and leaping from the bed I ran up to him.\n\n      “Don’t be afraid now,” said he, grinning again, “Queequeg here wouldn’t harm a hair of your head.”\n\n      “Stop your grinning,” shouted I, “and why didn’t you tell me that that infernal harpooneer was a cannibal?”\n\n      “I thought ye know’d it;—didn’t I tell ye, he was a peddlin’ heads around town?—but turn flukes again and go to sleep. Queequeg, look here—you sabbee me, I sabbee—you this man sleepe you—you sabbee?”\n\n      “Me sabbee plenty”—grunted Queequeg, puffing away at his pipe and sitting up in bed.\n\n      “You gettee in,” he added, motioning to me with his tomahawk, and throwing the clothes to one side. He really did this in not only a civil but a really kind and charitable way. I stood looking at him a moment. For all his tattooings he was on the whole a clean, comely looking cannibal. What’s all this fuss I have been making about, thought I to myself—the man’s a human being just as I am: he has just as much reason to fear me, as I have to be afraid of him. Better sleep with a sober cannibal than a drunken Christian.\n\n      “Landlord,” said I, “tell him to stash his tomahawk there, or pipe, or whatever you call it; tell him to stop smoking, in short, and I will turn in with him. But I don’t fancy having a man smoking in bed with me. It’s dangerous. Besides, I ain’t insured.”\n\n      This being told to Queequeg, he at once complied, and again politely motioned me to get into bed—rolling over to one side as much as to say—“I won’t touch a leg of ye.”\n\n      “Good night, landlord,” said I, “you may go.”\n\n      I turned in, and never slept better in my life.\"\n    datetime: 2017-06-02T00:00:00-04:00\n    date: 2017-06-07T00:00:00-04:00\n    image: /assets/uploads/moby-dick.jpg\n    file: /assets/uploads/moby-dick.jpg\n    select: c\n    object:\n      text: >-\n        Upon waking next morning about daylight, I found Queequeg’s arm thrown\n        over me in the most loving and affectionate manner. You had almost\n        thought I had been his wife. The counterpane was of patchwork, full of\n        odd little parti-coloured squares and triangles; and this arm of his\n        tattooed all over with an interminable Cretan labyrinth of a figure, no\n        two parts of which were of one precise shade—owing I suppose to his\n        keeping his arm at sea unmethodically in sun and shade, his shirt\n        sleeves irregularly rolled up at various times—this same arm of his, I\n        say, looked for all the world like a strip of that same patchwork quilt.\n        Indeed, partly lying on it as the arm did when I first awoke, I could\n        hardly tell it from the quilt, they so blended their hues together; and\n        it was only by the sense of weight and pressure that I could tell that\n        Queequeg was hugging me.\n      number: '444444'\n      markdown: >-\n        # Upon waking next morning about daylight, I found Queequeg’s arm thrown\n        over me in the most loving and affectionate manner. You had almost\n        thought I had been his wife. The counterpane was of patchwork, full of\n        odd little parti-coloured squares and triangles; and this arm of his\n        tattooed all over with an interminable Cretan labyrinth of a figure, no\n        two parts of which were of one precise shade—owing I suppose to his\n        keeping his arm at sea unmethodically in sun and shade, his shirt\n        sleeves irregularly rolled up at various times—this same arm of his, I\n        say, looked for all the world like a strip of that same patchwork quilt.\n        Indeed, partly lying on it as the arm did when I first awoke, I could\n        hardly tell it from the quilt, they so blended their hues together; and\n        it was only by the sense of weight and pressure that I could tell that\n        Queequeg was hugging me.\n\n\n        ## My sensations were strange. Let me try to explain them. When I was a\n        child, I well remember a somewhat similar circumstance that befell me;\n        whether it was a reality or a dream, I never could entirely settle. The\n        circumstance was this. I had been cutting up some caper or other—I think\n        it was trying to crawl up the chimney, as I had seen a little sweep do a\n        few days previous; and my stepmother who, somehow or other, was all the\n        time whipping me, or sending me to bed supperless,—my mother dragged me\n        by the legs out of the chimney and packed me off to bed, though it was\n        only two o’clock in the afternoon of the 21st June, the longest day in\n        the year in our hemisphere. I felt dreadfully. But there was no help for\n        it, so up stairs I went to my little room in the third floor, undressed\n        myself as slowly as possible so as to kill time, and with a bitter sigh\n        got between the sheets.\n\n\n        I lay there dismally calculating that sixteen entire hours must elapse\n        before I could hope for a resurrection. Sixteen hours in bed! the small\n        of my back ached to think of it. And it was so light too; the sun\n        shining in at the window, and a great rattling of coaches in the\n        streets, and the sound of gay voices all over the house. I felt worse\n        and worse—at last I got up, dressed, and softly going down in my\n        stockinged feet, sought out my stepmother, and suddenly threw myself at\n        her feet, beseeching her as a particular favour to give me a good\n        slippering for my misbehaviour; anything indeed but condemning me to lie\n        abed such an unendurable length of time. But she was the best and most\n        conscientious of stepmothers, and back I had to go to my room. For\n        several hours I lay there broad awake, feeling a great deal worse than I\n        have ever done since, even from the greatest subsequent misfortunes. At\n        last I must have fallen into a troubled nightmare of a doze; and slowly\n        waking from it—half steeped in dreams—I opened my eyes, and the before\n        sun-lit room was now wrapped in outer darkness. Instantly I felt a shock\n        running through all my frame; nothing was to be seen, and nothing was to\n        be heard; but a supernatural hand seemed placed in mine. My arm hung\n        over the counterpane, and the nameless, unimaginable, silent form or\n        phantom, to which the hand belonged, seemed closely seated by my\n        bed-side. For what seemed ages piled on ages, I lay there, frozen with\n        the most awful fears, not daring to drag away my hand; yet ever thinking\n        that if I could but stir it one single inch, the horrid spell would be\n        broken. I knew not how this consciousness at last glided away from me;\n        but waking in the morning, I shudderingly remembered it all, and for\n        days and weeks and months afterwards I lost myself in confounding\n        attempts to explain the mystery. Nay, to this very hour, I often puzzle\n        myself with it.\n\n\n        Now, take away the awful fear, and my sensations at feeling the\n        supernatural hand in mine were very similar, in their strangeness, to\n        those which I experienced on waking up and seeing Queequeg’s pagan arm\n        thrown round me. But at length all the past night’s events soberly\n        recurred, one by one, in fixed reality, and then I lay only alive to the\n        comical predicament. For though I tried to move his arm—unlock his\n        bridegroom clasp—yet, sleeping as he was, he still hugged me tightly, as\n        though naught but death should part us twain. I now strove to rouse\n        him—“Queequeg!”—but his only answer was a snore. I then rolled over, my\n        neck feeling as if it were in a horse-collar; and suddenly felt a slight\n        scratch. Throwing aside the counterpane, there lay the tomahawk sleeping\n        by the savage’s side, as if it were a hatchet-faced baby. A pretty\n        pickle, truly, thought I; abed here in a strange house in the broad day,\n        with a cannibal and a tomahawk! “Queequeg!—in the name of goodness,\n        Queequeg, wake!” At length, by dint of much wriggling, and loud and\n        incessant expostulations upon the unbecomingness of his hugging a fellow\n        male in that matrimonial sort of style, I succeeded in extracting a\n        grunt; and presently, he drew back his arm, shook himself all over like\n        a Newfoundland dog just from the water, and sat up in bed, stiff as a\n        pike-staff, looking at me, and rubbing his eyes as if he did not\n        altogether remember how I came to be there, though a dim consciousness\n        of knowing something about me seemed slowly dawning over him. Meanwhile,\n        I lay quietly eyeing him, having no serious misgivings now, and bent\n        upon narrowly observing so curious a creature. When, at last, his mind\n        seemed made up touching the character of his bedfellow, and he became,\n        as it were, reconciled to the fact; he jumped out upon the floor, and by\n        certain signs and sounds gave me to understand that, if it pleased me,\n        he would dress first and then leave me to dress afterwards, leaving the\n        whole apartment to myself. Thinks I, Queequeg, under the circumstances,\n        this is a very civilized overture; but, the truth is, these savages have\n        an innate sense of delicacy, say what you will; it is marvellous how\n        essentially polite they are. I pay this particular compliment to\n        Queequeg, because he treated me with so much civility and consideration,\n        while I was guilty of great rudeness; staring at him from the bed, and\n        watching all his toilette motions; for the time my curiosity getting the\n        better of my breeding. Nevertheless, a man like Queequeg you don’t see\n        every day, he and his ways were well worth unusual regarding.\n\n\n        He commenced dressing at top by donning his beaver hat, a very tall one,\n        by the by, and then—still minus his trowsers—he hunted up his boots.\n        What under the heavens he did it for, I cannot tell, but his next\n        movement was to crush himself—boots in hand, and hat on—under the bed;\n        when, from sundry violent gaspings and strainings, I inferred he was\n        hard at work booting himself; though by no law of propriety that I ever\n        heard of, is any man required to be private when putting on his boots.\n        But Queequeg, do you see, was a creature in the transition stage—neither\n        caterpillar nor butterfly. He was just enough civilized to show off his\n        outlandishness in the strangest possible manners. His education was not\n        yet completed. He was an undergraduate. If he had not been a small\n        degree civilized, he very probably would not have troubled himself with\n        boots at all; but then, if he had not been still a savage, he never\n        would have dreamt of getting under the bed to put them on. At last, he\n        emerged with his hat very much dented and crushed down over his eyes,\n        and began creaking and limping about the room, as if, not being much\n        accustomed to boots, his pair of damp, wrinkled cowhide ones—probably\n        not made to order either—rather pinched and tormented him at the first\n        go off of a bitter cold morning.\n\n\n        Seeing, now, that there were no curtains to the window, and that the\n        street being very narrow, the house opposite commanded a plain view into\n        the room, and observing more and more the indecorous figure that\n        Queequeg made, staving about with little else but his hat and boots on;\n        I begged him as well as I could, to accelerate his toilet somewhat, and\n        particularly to get into his pantaloons as soon as possible. He\n        complied, and then proceeded to wash himself. At that time in the\n        morning any Christian would have washed his face; but Queequeg, to my\n        amazement, contented himself with restricting his ablutions to his\n        chest, arms, and hands. He then donned his waistcoat, and taking up a\n        piece of hard soap on the wash-stand centre table, dipped it into water\n        and commenced lathering his face. I was watching to see where he kept\n        his razor, when lo and behold, he takes the harpoon from the bed corner,\n        slips out the long wooden stock, unsheathes the head, whets it a little\n        on his boot, and striding up to the bit of mirror against the wall,\n        begins a vigorous scraping, or rather harpooning of his cheeks. Thinks\n        I, Queequeg, this is using Rogers’s best cutlery with a vengeance.\n        Afterwards I wondered the less at this operation when I came to know of\n        what fine steel the head of a harpoon is made, and how exceedingly sharp\n        the long straight edges are always kept.\n\n\n        The rest of his toilet was soon achieved, and he proudly marched out of\n        the room, wrapped up in his great pilot monkey jacket, and sporting his\n        harpoon like a marshal’s baton.\n      datetime: 2017-06-07T19:05:43.820Z\n      date: 2017-06-07T19:05:36.240Z\n      image: /assets/uploads/moby-dick.jpg\n      file: /assets/uploads/moby-dick.jpg\n      select: b\n      list:\n        - object:\n            date: 2017-06-07T19:10:25.684Z\n      string: CHAPTER 4. The Counterpane.\n    string: CHAPTER 3. The Spouter-Inn.\ntyped_list:\n  - type: type_1_object\n    string: CHAPTER 2. The Carpet-Bag.\n    boolean: true\n    text: >-\n      I stuffed a shirt or two into my old carpet-bag, tucked it under my arm, and\n      started for Cape Horn and the Pacific. Quitting the good city of old\n      Manhatto, I duly arrived in New Bedford. It was a Saturday night in\n      December. Much was I disappointed upon learning that the little packet for\n      Nantucket had already sailed, and that no way of reaching that place would\n      offer, till the following Monday.\n  - type: type_2_object\n    number: 3\n    select: b\n    datetime:  2017-06-07T19:05:43.816Z\n    markdown: >-\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget\n      facilisis magna. Integer eget eleifend quam, sit amet sodales nisi. Fusce\n      non lacus tempus, posuere tellus semper, facilisis lectus. Cras consequat\n      aliquet ex.\n  - type: type_1_object\n    string: CHAPTER 2. The Carpet-Bag.\n    boolean: false\n    text: >-\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum\n      augue ornare lectus finibus mollis. Maecenas fringilla lorem at nisl pharetra\n      scelerisque.\n  - type: type_3_object\n    date: 2017-06-07T18:55:28.111Z\n    image: /assets/uploads/moby-dick.jpg\n    file: /assets/uploads/moby-dick.jpg\n---\n\n",
-          },
-        },
-        _i18n_playground: {
-          'file1.en.md': {
-            content:
-              '---\nslug: file1\ndescription: Coffee is a small tree or shrub that grows in the forest understory in its wild form, and traditionally was grown commercially under other trees that provided shade. The forest-like structure of shade coffee farms provides habitat for a great number of migratory and resident species.\ndate: 2015-02-14T00:00:00.000Z\n---\n',
-          },
-          'file1.de.md': {
-            content:
-              '---\ndescription: Kaffee ist ein kleiner Baum oder Strauch, der in seiner wilden Form im Unterholz des Waldes wächst und traditionell kommerziell unter anderen Bäumen angebaut wurde, die Schatten spendeten. Die waldähnliche Struktur schattiger Kaffeefarmen bietet Lebensraum für eine Vielzahl von wandernden und ansässigen Arten.\ndate: 2015-02-14T00:00:00.000Z\n---\n',
-          },
-          'file1.fr.md': {
-            content:
-              "---\ndescription: Le café est un petit arbre ou un arbuste qui pousse dans le sous-étage de la forêt sous sa forme sauvage et qui était traditionnellement cultivé commercialement sous d'autres arbres qui fournissaient de l'ombre. La structure forestière des plantations de café d'ombre fournit un habitat à un grand nombre d'espèces migratrices et résidentes.\ndate: 2015-02-14T00:00:00.000Z\n---\n",
-          },
-        },
-        _nested_pages: {
-          authors: {
-            'author-1': {
-              'index.md': {
-                content: '---\ntitle: An Author\n---\nAuthor details go here!.\n',
-              },
-            },
-            'index.md': {
-              content: '---\ntitle: Authors\n---\n',
-            },
-          },
-          posts: {
-            'hello-world': {
-              'index.md': {
-                content:
-                  '---\ntitle: Hello World\n---\nCoffee is a small tree or shrub that grows in the forest understory in its wild form, and traditionally was grown commercially under other trees that provided shade. The forest-like structure of shade coffee farms provides habitat for a great number of migratory and resident species.\n',
-              },
-            },
-            'index.md': {
-              content: '---\ntitle: Posts\n---\n',
-            },
-            news: {
-              'hello-world-news': {
-                'index.md': {
-                  content:
-                    '---\ntitle: Hello World News\n---\nCoffee is a small tree or shrub that grows in the forest understory in its wild form, and traditionally was grown commercially under other trees that provided shade. The forest-like structure of shade coffee farms provides habitat for a great number of migratory and resident species.\n',
-                },
-              },
-              'index.md': {
-                content: '---\ntitle: News Articles\n---\n',
-              },
-            },
-          },
-          'index.md': {
-            content: '---\ntitle: Pages\n---\n',
-          },
-        },
-      };
-
-      var ONE_DAY = 60 * 60 * 24 * 1000;
-
-      for (var i = 1; i <= 20; i++) {
-        var date = new Date();
-
-        date.setTime(date.getTime() + ONE_DAY);
-        var month = ('0' + (date.getMonth() + 1)).slice(-2);
-        var day = ('0' + date.getDate()).slice(-2);
-        var dateString = '' + date.getFullYear() + '-' + month + '-' + day;
-        var slug = dateString + '-post-number-' + i + '.md';
-
-        window.repoFiles._posts[slug] = {
-          content: `---
-title: "This is post # ${i}"
-draft: ${i % 2 === 0}
-image: /assets/uploads/lobby.jpg
-date: ${dateString}T00:00:00.000Z
----
-# The post is number ${i}
-
-![Static CMS](https://raw.githubusercontent.com/StaticJsCMS/static-cms/main/static-cms-logo.png)
-
-# Awesome Editor!
-
-It was _released as open source in 2022_ and is **_continually_** evolving to be the **best editor experience** available for static site generators.
-
-## MDX
-
-The output out this widget is \`mdx\`, a mixture of \`markdown\` and \`javascript components\`. See [MDX documentation](https://mdxjs.com/docs/).
-
-\`\`\`yaml
-name: body
-label: Blog post content
-widget: markdown
-\`\`\`
-
-\`\`\`js
-name: 'body',
-label: 'Blog post content',
-widget: 'markdown',
-\`\`\`
-
-> See the table below for default options
-> More API information can be found in the document
-
-| Name          | Type                  | Default | Description                                                                                                                                           |
-| ------------- | --------------------- | ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- |
-| default       | string                | \`''\`    | _Optional_. The default value for the field. Accepts markdown content                                                                                 |
-| media_library | Media Library Options | \`{}\`    | _Optional_. Media library settings to apply when a media library is opened by the current widget. See [Media Library Options](#media-library-options) |
-| media_folder  | string                |         | _Optional_. Specifies the folder path where uploaded files should be saved, relative to the base of the repo                                          |
-| public_folder | string                |         | _Optional_. Specifies the folder path where the files uploaded by the media library will be accessed, relative to the base of the built site          |
-
-### Media Library Options
-
-| Name           | Type                   | Default | Description                                                                                                                                       |
-| -------------- | ---------------------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------- |
-| allow_multiple | boolean                | \`true\`  | _Optional_. When set to \`false\`, prevents multiple selection for any media library extension, but must be supported by the extension in use       |
-| config         | string                 | \`{}\`    | _Optional_. A configuration object that will be passed directly to the media library being used - available options are determined by the library |
-| choose_url     | string<br />\\| boolean | \`true\`  | _Optional_. When set to \`false\`, the "Insert from URL" button will be hidden
-
-## Features
-
-* CommonMark + GFM Specifications
-   * Live \`Preview\`
-   * Auto Indent
-   * Syntax Highlight
-        1. Rich Editor
-        2. Preview
-
-## Formatting
-
-**Bold**, *Italic*, ***both***
-
-~~Strikethrough~~
-
-## Shortcodes
-
-[youtube|p6h-rYSVX90]
-
-## Tasks
-
-> * List Item A
-> * List Item B
->    1. [x] Task 1
->    2. [ ] Task 2`,
-        };
-      }
-
-      for (var i = 1; i <= 5; i++) {
-        var date = new Date();
-
-        date.setTime(date.getTime() + ONE_DAY);
-        var month = ('0' + (date.getMonth() + 1)).slice(-2);
-        var day = ('0' + date.getDate()).slice(-2);
-        var dateString = '' + date.getFullYear() + '-' + month + '-' + day;
-        var slug = dateString + '-faq-number-' + i + '.md';
-
-        window.repoFiles._faqs[slug] = {
-          content:
-            '---\ntitle: "This FAQ item # ' +
-            i +
-            '"\ndate: ' +
-            dateString +
-            'T00:00:00.000Z\n---\n# Loren ipsum dolor sit amet',
-        };
-      }
-      window.repoFiles._pages = {
-        directory: {
-          'sub-directory': {
-            'nested-directory': {
-              'index.md': {
-                path: '_pages/directory/sub-directory/nested-directory/index.md',
-                content: '---\ntitle: "Nested Directory"\n---\n',
-              },
-            },
-            'index.md': {
-              path: '_pages/directory/sub-directory/index.md',
-              content: '---\ntitle: "Sub Directory"\n---\n',
-            },
-          },
-          'another-sub-directory': {
-            'index.md': {
-              path: '_pages/directory/another-sub-directory/index.md',
-              content: '---\ntitle: "Another Sub Directory"\n---\n',
-            },
-          },
-          'index.md': {
-            path: '_pages/directory/index.md',
-            content: '---\ntitle: "Directory"\n---\n',
-          },
-        },
-        'index.md': {
-          path: '_pages/index.md',
-          content: '---\ntitle: "Root Page"\n---\n',
-        },
-      };
-    </script>
   </head>
   <body>
-    <script src="./static-cms-core.js"></script>
-    <script type="module" src="./index.js"></script>
+    <script src="/static-cms-core.js"></script>
+    <script src="/data.js"></script>
+    <script type="module" src="/index.js"></script>
   </body>
 </html>
diff --git a/packages/core/dev-test/index.js b/packages/core/dev-test/index.js
index fa798116..a4f321b9 100644
--- a/packages/core/dev-test/index.js
+++ b/packages/core/dev-test/index.js
@@ -11,134 +11,6 @@ const PostPreview = ({ entry, widgetFor }) => {
   );
 };
 
-const PostPreviewCard = ({ entry, theme, hasLocalBackup, collection }) => {
-  const date = new Date(entry.data.date);
-
-  const month = date.getMonth() + 1;
-  const day = date.getDate();
-
-  const imageField = useMemo(() => collection.fields.find((f) => f.name === 'image'), []);
-  const image = useMediaAsset(entry.data.image, collection, imageField, entry);
-
-  return h(
-    'div',
-    { style: { width: '100%' } },
-    h('div', {
-      style: {
-        width: '100%',
-        borderTopLeftRadius: '8px',
-        borderTopRightRadius: '8px',
-        overflow: 'hidden',
-        height: '140px',
-        backgroundSize: 'cover',
-        backgroundRepeat: 'no-repeat',
-        backgroundPosition: 'center',
-        objectFit: 'cover',
-        backgroundImage: `url('${image}')`,
-      },
-    }),
-    h(
-      'div',
-      { style: { padding: '16px', width: '100%' } },
-      h(
-        'div',
-        {
-          style: {
-            display: 'flex',
-            width: '100%',
-            justifyContent: 'space-between',
-            alignItems: 'start',
-            gap: '4px',
-            color: theme === 'dark' ? 'white' : 'inherit',
-          },
-        },
-        h(
-          'div',
-          {
-            style: {
-              display: 'flex',
-              flexDirection: 'column',
-              alignItems: 'baseline',
-              gap: '4px',
-            },
-          },
-          h(
-            'div',
-            {
-              style: {
-                fontSize: '14px',
-                fontWeight: 700,
-                color: 'rgb(107, 114, 128)',
-                lineHeight: '18px',
-              },
-            },
-            entry.data.title,
-          ),
-          h(
-            'span',
-            { style: { fontSize: '14px' } },
-            `${date.getFullYear()}-${month < 10 ? `0${month}` : month}-${
-              day < 10 ? `0${day}` : day
-            }`,
-          ),
-        ),
-        h(
-          'div',
-          {
-            style: {
-              display: 'flex',
-              alignItems: 'center',
-              whiteSpace: 'no-wrap',
-              gap: '8px',
-            },
-          },
-          hasLocalBackup
-            ? h(
-                'div',
-                {
-                  style: {
-                    border: '2px solid rgb(147, 197, 253)',
-                    borderRadius: '50%',
-                    color: 'rgb(147, 197, 253)',
-                    height: '18px',
-                    width: '18px',
-                    fontWeight: 'bold',
-                    fontSize: '11px',
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    textAlign: 'center',
-                  },
-                  title: 'Has local backup',
-                },
-                'i',
-              )
-            : null,
-          h(
-            'div',
-            {
-              style: {
-                backgroundColor:
-                  entry.data.draft === true ? 'rgb(37, 99, 235)' : 'rgb(22, 163, 74)',
-                color: 'white',
-                border: 'none',
-                padding: '2px 6px',
-                textAlign: 'center',
-                textDecoration: 'none',
-                display: 'inline-block',
-                cursor: 'pointer',
-                borderRadius: '4px',
-                fontSize: '14px',
-              },
-            },
-            entry.data.draft === true ? 'Draft' : 'Published',
-          ),
-        ),
-      ),
-    ),
-  );
-};
-
 const PostDateFieldPreview = ({ value }) => {
   const date = new Date(value);
 
@@ -152,29 +24,6 @@ const PostDateFieldPreview = ({ value }) => {
   );
 };
 
-const PostDraftFieldPreview = ({ value }) => {
-  return h(
-    'div',
-    {
-      style: {
-        backgroundColor: value === true ? 'rgb(37 99 235)' : 'rgb(22 163 74)',
-        color: 'white',
-        border: 'none',
-        padding: '2px 6px',
-        textAlign: 'center',
-        textDecoration: 'none',
-        display: 'inline-block',
-        cursor: 'pointer',
-        borderRadius: '4px',
-        fontSize: '14px',
-        lineHeight: '16px',
-        height: '20px',
-      },
-    },
-    value === true ? 'Draft' : 'Published',
-  );
-};
-
 const GeneralPreview = ({ widgetsFor, entry, collection }) => {
   const title = entry.data.site_title;
   const posts = entry.data.posts;
@@ -218,39 +67,16 @@ const AuthorsPreview = ({ widgetsFor }) => {
   );
 };
 
-const RelationKitchenSinkPostPreview = ({ fieldsMetaData }) => {
-  // When a post is selected from the relation field, all of it's data
-  // will be available in the field's metadata nested under the collection
-  // name, and then further nested under the value specified in `value_field`.
-  // In this case, the post would be nested under "posts" and then under
-  // the title of the selected post, since our `value_field` in the config
-  // is "title".
-  const post = fieldsMetaData && fieldsMetaData.posts.value;
-  const style = { border: '2px solid #ccc', borderRadius: '8px', padding: '20px' };
-  return post
-    ? h(
-        'div',
-        { style: style },
-        h('h2', {}, 'Related Post'),
-        h('h3', {}, post.title),
-        h('img', { src: post.image }),
-        h('p', {}, (post.body ?? '').slice(0, 100) + '...'),
-      )
-    : null;
-};
-
 const CustomPage = () => {
   return h('div', {}, 'I am a custom page!');
 };
 
 CMS.registerPreviewTemplate('posts', PostPreview);
-CMS.registerPreviewCard('posts', PostPreviewCard, () => 240);
 CMS.registerFieldPreview('posts', 'date', PostDateFieldPreview);
-CMS.registerFieldPreview('posts', 'draft', PostDraftFieldPreview);
 CMS.registerPreviewTemplate('general', GeneralPreview);
 CMS.registerPreviewTemplate('authors', AuthorsPreview);
 // Pass the name of a registered control to reuse with a new widget preview.
-CMS.registerWidget('relationKitchenSinkPost', 'relation', RelationKitchenSinkPostPreview);
+CMS.registerWidget('relationKitchenSinkPost', 'relation');
 CMS.registerAdditionalLink({
   id: 'example',
   title: 'Example.com',
@@ -268,6 +94,14 @@ CMS.registerAdditionalLink({
   },
 });
 
+CMS.registerTheme({
+  name: 'Custom Red Orange',
+  extends: 'dark',
+  primary: {
+    main: '#ff4500',
+  }
+});
+
 CMS.registerShortcode('youtube', {
   label: 'YouTube',
   openTag: '[',
@@ -283,7 +117,9 @@ CMS.registerShortcode('youtube', {
   toArgs: ({ src }) => {
     return [src];
   },
-  control: ({ src, onChange, theme }) => {
+  control: ({ src, onChange }) => {
+    const theme = useTheme();
+
     return h('span', {}, [
       h('input', {
         key: 'control-input',
@@ -293,8 +129,8 @@ CMS.registerShortcode('youtube', {
         },
         style: {
           width: '100%',
-          backgroundColor: theme === 'dark' ? 'rgb(30, 41, 59)' : 'white',
-          color: theme === 'dark' ? 'white' : 'black',
+          backgroundColor: theme.common.gray,
+          color: theme.text.primary,
           padding: '4px 8px',
         },
       }),
diff --git a/packages/core/jest.config.js b/packages/core/jest.config.js
index 07f3209d..7392f3df 100644
--- a/packages/core/jest.config.js
+++ b/packages/core/jest.config.js
@@ -15,5 +15,4 @@ module.exports = {
   setupFiles: ['./test/setupEnv.js'],
   globalSetup: './test/globalSetup.js',
   testRegex: '\\.spec\\.tsx?$',
-  snapshotSerializers: ['@emotion/jest/serializer'],
 };
diff --git a/packages/core/package.json b/packages/core/package.json
index 9923e653..3818e81b 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@staticcms/core",
-  "version": "3.4.8",
+  "version": "4.0.0",
   "license": "MIT",
   "description": "Static CMS core application.",
   "repository": "https://github.com/StaticJsCMS/static-cms",
@@ -16,21 +16,22 @@
     "build": "cross-env NODE_ENV=production run-s clean build:webpack build:types",
     "clean": "rimraf dist dev-test/dist",
     "dev": "run-s clean serve",
-    "format:prettier": "prettier \"src/**/*.{js,jsx,ts,tsx,css}\" --write",
+    "format:prettier": "prettier \"{src,test}/**/*.{js,jsx,ts,tsx,css}\" --write",
     "format": "run-s \"lint:js --fix --quiet\" \"format:prettier\"",
     "lint-quiet": "run-p -c --aggregate-output \"lint:* --quiet\"",
-    "lint:format": "prettier \"src/**/*.{js,jsx,ts,tsx,css}\" --list-different",
-    "lint:js": "eslint --color \"src/**/*.{ts,tsx}\"",
+    "lint:format": "prettier \"{src,test}/**/*.{js,jsx,ts,tsx,css}\" --list-different",
+    "lint:js": "eslint --color \"{src,test}/**/*.{ts,tsx}\" --max-warnings=0",
     "lint": "run-p -c --aggregate-output \"lint:*\"",
     "prepublishOnly": "yarn build ",
     "prepack": "cp ../../README.md ./",
     "postpack": "rm ./README.md",
     "serve": "webpack serve --config-name configMain",
-    "test": "cross-env NODE_ENV=test jest",
+    "test": "cross-env NODE_ENV=test yarn run-s clean test:unit",
+    "test:unit": "jest",
     "test:integration": "cross-env NODE_ENV=test jest -c jest.config.integration.js",
     "test:ci": "cross-env NODE_ENV=test jest --maxWorkers=2 --coverage",
     "test:integration:ci": "cross-env NODE_ENV=test jest -c jest.config.integration.js --maxWorkers=2",
-    "type-check": "tsc --watch"
+    "type-check": "tsc --watch --project tsconfig.dev.json"
   },
   "main": "dist/static-cms-core.js",
   "types": "dist/index.d.ts",
@@ -47,33 +48,31 @@
     "last 2 Safari versions"
   ],
   "dependencies": {
-    "@babel/eslint-parser": "7.21.3",
-    "@babel/runtime": "7.21.0",
-    "@codemirror/autocomplete": "6.5.1",
-    "@codemirror/commands": "6.2.3",
-    "@codemirror/language": "6.6.0",
-    "@codemirror/language-data": "6.3.0",
-    "@codemirror/legacy-modes": "6.3.2",
-    "@codemirror/lint": "6.2.1",
-    "@codemirror/search": "6.3.0",
-    "@codemirror/state": "6.2.0",
+    "@babel/eslint-parser": "7.22.15",
+    "@babel/runtime": "7.23.1",
+    "@codemirror/autocomplete": "6.9.1",
+    "@codemirror/commands": "6.3.0",
+    "@codemirror/language": "6.9.1",
+    "@codemirror/language-data": "6.3.1",
+    "@codemirror/legacy-modes": "6.3.3",
+    "@codemirror/lint": "6.4.2",
+    "@codemirror/search": "6.5.4",
+    "@codemirror/state": "6.2.1",
     "@codemirror/theme-one-dark": "6.1.2",
-    "@codemirror/view": "6.9.5",
+    "@codemirror/view": "6.21.2",
     "@dnd-kit/core": "6.0.8",
     "@dnd-kit/sortable": "7.0.2",
     "@dnd-kit/utilities": "3.2.1",
-    "@emotion/babel-preset-css-prop": "11.10.0",
-    "@emotion/css": "11.10.6",
-    "@emotion/react": "11.10.6",
-    "@emotion/styled": "11.10.6",
-    "@lezer/common": "1.0.2",
+    "@emotion/react": "11.11.1",
+    "@emotion/styled": "11.11.0",
+    "@lezer/common": "1.1.0",
     "@mdx-js/mdx": "3.0.0",
     "@mdx-js/react": "3.0.0",
-    "@mui/base": "5.0.0-beta.14",
-    "@mui/material": "5.11.16",
-    "@mui/system": "5.11.16",
-    "@mui/x-date-pickers": "5.0.20",
-    "@reduxjs/toolkit": "1.9.5",
+    "@mui/base": "5.0.0-beta.18",
+    "@mui/material": "5.14.12",
+    "@mui/system": "5.14.12",
+    "@mui/x-date-pickers": "6.16.0",
+    "@reduxjs/toolkit": "1.9.7",
     "@styled-icons/bootstrap": "10.47.0",
     "@styled-icons/fa-brands": "10.47.0",
     "@styled-icons/fluentui-system-regular": "10.47.0",
@@ -81,8 +80,8 @@
     "@styled-icons/material": "10.47.0",
     "@styled-icons/material-outlined": "10.47.0",
     "@styled-icons/material-rounded": "10.47.0",
-    "@styled-icons/remix-editor": "10.46.0",
     "@styled-icons/simple-icons": "10.46.0",
+    "@tanstack/react-virtual": "3.0.0-beta.61",
     "@udecode/plate": "23.7.4",
     "@udecode/plate-cursor": "23.7.4",
     "@udecode/plate-juice": "23.7.4",
@@ -98,16 +97,16 @@
     "common-tags": "1.8.2",
     "copy-text-to-clipboard": "3.1.0",
     "create-react-class": "15.7.0",
-    "date-fns": "2.29.3",
+    "date-fns": "2.30.0",
     "deepmerge": "4.3.1",
     "diacritics": "1.3.0",
     "escape-html": "1.0.3",
-    "eslint-config-prettier": "8.8.0",
+    "eslint-config-prettier": "9.0.0",
     "eslint-plugin-babel": "5.3.1",
     "fuzzy": "0.1.3",
     "globby": "13.1.4",
     "gotrue-js": "0.9.29",
-    "graphql": "16.6.0",
+    "graphql": "16.8.1",
     "graphql-tag": "2.12.6",
     "gray-matter": "4.0.3",
     "history": "5.3.0",
@@ -130,7 +129,6 @@
     "micromark-extension-gfm-task-list-item": "2.0.1",
     "micromark-util-combine-extensions": "2.0.0",
     "minimatch": "9.0.0",
-    "moment": "2.29.4",
     "node-polyglot": "2.5.0",
     "ol": "7.3.0",
     "path-browserify": "1.0.1",
@@ -144,12 +142,12 @@
     "react-is": "18.2.0",
     "react-markdown": "9.0.1",
     "react-polyglot": "0.7.2",
-    "react-redux": "8.0.5",
-    "react-router-dom": "6.10.0",
+    "react-redux": "8.1.3",
+    "react-resizable-panels": "0.0.55",
+    "react-router-dom": "6.16.0",
     "react-scroll-sync": "0.11.0",
     "react-topbar-progress-indicator": "4.1.1",
-    "react-virtual": "2.10.4",
-    "react-virtualized-auto-sizer": "1.0.15",
+    "react-virtualized-auto-sizer": "1.0.20",
     "react-waypoint": "10.3.0",
     "react-window": "1.8.9",
     "remark-gfm": "4.0.0",
@@ -164,123 +162,111 @@
     "slate-hyperscript": "0.77.0",
     "slate-react": "0.98.3",
     "stream-browserify": "3.0.0",
-    "styled-components": "5.3.10",
+    "styled-components": "5.3.11",
     "symbol-observable": "4.0.0",
     "unified": "11.0.4",
     "unist-util-visit": "5.0.0",
     "url": "0.11.0",
     "url-join": "5.0.0",
-    "uuid": "9.0.0",
+    "uuid": "9.0.1",
     "validate-color": "2.2.4",
     "vfile": "6.0.1",
     "vfile-message": "4.0.2",
     "vfile-statistics": "3.0.0",
-    "what-input": "5.2.12",
     "what-the-diff": "0.6.0",
-    "yaml": "2.2.2"
+    "yaml": "2.3.2"
   },
   "devDependencies": {
-    "@babel/cli": "7.21.0",
-    "@babel/core": "7.21.4",
+    "@babel/cli": "7.23.0",
+    "@babel/core": "7.23.0",
     "@babel/plugin-proposal-class-properties": "7.18.6",
-    "@babel/plugin-proposal-export-default-from": "7.18.10",
+    "@babel/plugin-proposal-export-default-from": "7.22.17",
     "@babel/plugin-proposal-nullish-coalescing-operator": "7.18.6",
     "@babel/plugin-proposal-numeric-separator": "7.18.6",
     "@babel/plugin-proposal-object-rest-spread": "7.20.7",
     "@babel/plugin-proposal-optional-chaining": "7.21.0",
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
-    "@babel/preset-env": "7.21.4",
-    "@babel/preset-react": "7.18.6",
-    "@babel/preset-typescript": "7.21.4",
-    "@emotion/eslint-plugin": "11.10.0",
-    "@emotion/jest": "11.10.5",
+    "@babel/preset-env": "7.22.20",
+    "@babel/preset-react": "7.22.15",
+    "@babel/preset-typescript": "7.23.0",
     "@iarna/toml": "2.2.5",
-    "@pmmmwh/react-refresh-webpack-plugin": "0.5.10",
+    "@pmmmwh/react-refresh-webpack-plugin": "0.5.11",
     "@simbathesailor/use-what-changed": "2.0.0",
-    "@testing-library/dom": "9.2.0",
-    "@testing-library/jest-dom": "5.16.5",
+    "@testing-library/dom": "9.3.3",
+    "@testing-library/jest-dom": "6.1.3",
     "@testing-library/react": "14.0.0",
-    "@testing-library/user-event": "14.4.3",
+    "@testing-library/user-event": "14.5.1",
     "@types/common-tags": "1.8.1",
     "@types/create-react-class": "15.6.3",
     "@types/fs-extra": "11.0.1",
     "@types/is-hotkey": "0.1.7",
-    "@types/jest": "29.5.1",
-    "@types/js-yaml": "4.0.5",
+    "@types/jest": "29.5.5",
+    "@types/js-yaml": "4.0.6",
     "@types/jwt-decode": "2.2.1",
     "@types/lodash": "4.14.194",
     "@types/minimatch": "5.1.2",
-    "@types/node": "18.16.14",
-    "@types/node-fetch": "2.6.4",
-    "@types/react": "18.2.0",
-    "@types/react-color": "3.0.6",
-    "@types/react-dom": "18.2.1",
+    "@types/node": "18.17.19",
+    "@types/react": "18.2.25",
+    "@types/react-color": "3.0.7",
+    "@types/react-dom": "18.2.10",
     "@types/react-virtualized-auto-sizer": "1.0.1",
-    "@types/react-window": "1.8.5",
-    "@types/styled-components": "5.1.26",
+    "@types/react-window": "1.8.6",
     "@types/unist": "3.0.2",
     "@types/url-join": "4.0.1",
-    "@types/uuid": "9.0.1",
-    "@typescript-eslint/eslint-plugin": "5.59.1",
-    "@typescript-eslint/parser": "5.59.1",
-    "autoprefixer": "10.4.14",
-    "axios": "1.3.6",
+    "@types/uuid": "9.0.4",
+    "@typescript-eslint/eslint-plugin": "6.7.4",
+    "@typescript-eslint/parser": "6.7.4",
+    "autoprefixer": "10.4.16",
     "babel-core": "7.0.0-bridge.0",
-    "babel-loader": "9.1.2",
-    "babel-plugin-emotion": "11.0.0",
+    "babel-loader": "9.1.3",
     "babel-plugin-inline-json-import": "0.3.2",
     "babel-plugin-inline-react-svg": "2.0.2",
     "babel-plugin-lodash": "3.3.4",
     "babel-plugin-transform-builtin-extend": "1.1.2",
-    "babel-plugin-transform-define": "2.1.0",
+    "babel-plugin-transform-define": "2.1.4",
     "babel-plugin-transform-export-extensions": "6.22.0",
     "babel-plugin-transform-inline-environment-variables": "0.4.4",
-    "cache-me-outside": "1.0.0",
     "commonmark": "0.30.0",
     "commonmark-spec": "0.30.0",
     "cross-env": "7.0.3",
-    "css-loader": "6.7.3",
-    "dotenv": "16.0.3",
-    "eslint": "8.39.0",
-    "eslint-import-resolver-typescript": "3.5.5",
-    "eslint-plugin-cypress": "2.13.3",
-    "eslint-plugin-import": "2.27.5",
-    "eslint-plugin-prettier": "4.2.1",
-    "eslint-plugin-react": "7.32.2",
+    "css-loader": "6.8.1",
+    "dotenv": "16.3.1",
+    "eslint": "8.50.0",
+    "eslint-import-resolver-typescript": "3.6.1",
+    "eslint-plugin-cypress": "2.15.1",
+    "eslint-plugin-import": "2.28.1",
+    "eslint-plugin-prettier": "5.0.0",
+    "eslint-plugin-react": "7.33.2",
     "eslint-plugin-react-hooks": "4.6.0",
-    "eslint-plugin-unicorn": "46.0.1",
+    "eslint-plugin-unicorn": "48.0.1",
     "execa": "7.1.1",
     "fs-extra": "11.1.1",
     "gitlab": "14.2.2",
-    "http-server": "14.1.1",
-    "jest": "29.5.0",
-    "jest-environment-jsdom": "29.5.0",
+    "jest": "29.7.0",
+    "jest-environment-jsdom": "29.7.0",
     "js-yaml": "4.1.0",
-    "mini-css-extract-plugin": "2.7.5",
-    "mockserver-client": "5.15.0",
-    "mockserver-node": "5.15.0",
+    "mini-css-extract-plugin": "2.7.6",
     "ncp": "2.0.0",
-    "node-fetch": "3.3.1",
     "npm-run-all": "4.1.5",
-    "postcss": "8.4.23",
-    "postcss-loader": "7.2.4",
-    "prettier": "2.8.8",
+    "postcss": "8.4.31",
+    "postcss-loader": "7.3.3",
+    "prettier": "3.0.3",
     "process": "0.11.10",
     "react-refresh": "0.14.0",
     "react-svg-loader": "3.0.3",
-    "rimraf": "5.0.0",
-    "simple-git": "3.17.0",
+    "rimraf": "5.0.5",
+    "simple-git": "3.20.0",
     "source-map-loader": "4.0.1",
-    "style-loader": "3.3.2",
-    "tailwindcss": "3.3.1",
+    "style-loader": "3.3.3",
+    "tailwindcss": "3.3.3",
     "to-string-loader": "1.2.0",
-    "ts-jest": "29.1.0",
+    "ts-jest": "29.1.1",
     "ts-node": "10.9.1",
-    "tsconfig-paths-webpack-plugin": "4.0.1",
-    "typescript": "5.0.4",
-    "webpack": "5.80.0",
-    "webpack-cli": "5.0.2",
-    "webpack-dev-server": "4.13.3"
+    "tsconfig-paths-webpack-plugin": "4.1.0",
+    "typescript": "5.2.2",
+    "webpack": "5.88.2",
+    "webpack-cli": "5.1.4",
+    "webpack-dev-server": "4.15.1"
   },
   "peerDependencies": {
     "react": "^18.2.0",
diff --git a/packages/core/src/__mocks__/backend.ts b/packages/core/src/__mocks__/backend.ts
index eceb94d8..65194313 100644
--- a/packages/core/src/__mocks__/backend.ts
+++ b/packages/core/src/__mocks__/backend.ts
@@ -6,11 +6,7 @@ const {
   mergeExpandedEntries: actualMergeExpandedEntries,
 } = jest.requireActual('@staticcms/core/backend');
 
-const isGitBackend = jest.fn().mockReturnValue(true);
-
-export const resolveBackend = jest.fn().mockReturnValue({
-  isGitBackend,
-});
+export const resolveBackend = jest.fn().mockReturnValue({});
 
 export const currentBackend = jest.fn();
 
diff --git a/packages/core/src/__mocks__/yaml.ts b/packages/core/src/__mocks__/yaml.ts
index 01c21d17..5cab8ef4 100644
--- a/packages/core/src/__mocks__/yaml.ts
+++ b/packages/core/src/__mocks__/yaml.ts
@@ -1,4 +1,5 @@
 export const isNode = jest.fn();
 export const isMap = jest.fn();
+export const parse = jest.fn();
 
 export default {};
diff --git a/packages/core/src/__tests__/backend.spec.ts b/packages/core/src/__tests__/backend.spec.ts
new file mode 100644
index 00000000..31751a1f
--- /dev/null
+++ b/packages/core/src/__tests__/backend.spec.ts
@@ -0,0 +1,1110 @@
+import { createMockFolderCollectionWithDefaults } from '@staticcms/test/data/collections.mock';
+import { createMockConfig } from '@staticcms/test/data/config.mock';
+import {
+  createMockEntry,
+  createMockExpandedEntry,
+  createMockUnpublishedEntry,
+} from '@staticcms/test/data/entry.mock';
+import {
+  Backend,
+  expandSearchEntries,
+  extractSearchFields,
+  mergeExpandedEntries,
+  resolveBackend,
+} from '../backend';
+import { WorkflowStatus } from '../constants/publishModes';
+import { getBackend } from '../lib/registry';
+import { sanitizeChar, sanitizeSlug } from '../lib/urlHelper';
+import { asyncLock } from '../lib/util/asyncLock';
+import localForage from '../lib/util/localForage';
+
+import type {
+  BackendClass,
+  BackendInitializer,
+  CollectionWithDefaults,
+  ConfigWithDefaults,
+} from '../interface';
+import type { RootState } from '../store';
+import type { AssetProxy } from '../valueObjects';
+
+jest.mock('../lib/registry');
+jest.mock('../lib/util/localForage');
+jest.mock('../lib/util/asyncLock');
+jest.mock('../lib/urlHelper');
+
+describe('Backend', () => {
+  describe('filterEntries', () => {
+    let backend: Backend;
+    let config: ConfigWithDefaults;
+    let collection: CollectionWithDefaults;
+
+    beforeEach(() => {
+      (getBackend as jest.Mock).mockReturnValue({
+        init: jest.fn(),
+      });
+
+      collection = createMockFolderCollectionWithDefaults();
+
+      config = createMockConfig({
+        backend: {
+          name: 'git-gateway',
+        },
+        collections: [collection],
+      });
+
+      backend = resolveBackend(config);
+    });
+
+    it('filters string values', () => {
+      const result = backend.filterEntries(
+        {
+          entries: [
+            createMockEntry({
+              data: {
+                testField: 'testValue',
+              },
+            }),
+            createMockEntry({
+              data: {
+                testField: 'testValue2',
+              },
+            }),
+          ],
+        },
+        { field: 'testField', value: 'testValue' },
+      );
+
+      expect(result.length).toBe(1);
+    });
+
+    it('filters number values', () => {
+      const result = backend.filterEntries(
+        {
+          entries: [
+            createMockEntry({
+              data: {
+                testField: 42,
+              },
+            }),
+            createMockEntry({
+              data: {
+                testField: 5,
+              },
+            }),
+          ],
+        },
+        { field: 'testField', value: 42 },
+      );
+
+      expect(result.length).toBe(1);
+    });
+
+    it('filters boolean values', () => {
+      const result = backend.filterEntries(
+        {
+          entries: [
+            createMockEntry({
+              data: {
+                testField: false,
+              },
+            }),
+            createMockEntry({
+              data: {
+                testField: true,
+              },
+            }),
+          ],
+        },
+        { field: 'testField', value: false },
+      );
+
+      expect(result.length).toBe(1);
+    });
+
+    it('filters list values', () => {
+      const result = backend.filterEntries(
+        {
+          entries: [
+            createMockEntry({
+              data: {
+                testField: ['valueOne', 'valueTwo', 'testValue'],
+              },
+            }),
+            createMockEntry({
+              data: {
+                testField: ['valueThree'],
+              },
+            }),
+          ],
+        },
+        { field: 'testField.*', value: 'testValue' },
+      );
+
+      expect(result.length).toBe(1);
+    });
+  });
+
+  describe('getLocalDraftBackup', () => {
+    (asyncLock as jest.Mock).mockImplementation(() => ({ acquire: jest.fn(), release: jest.fn() }));
+
+    beforeEach(() => {
+      jest.clearAllMocks();
+    });
+
+    it('should return empty object on no item', async () => {
+      const implementation = {} as unknown as BackendClass;
+
+      const initializer = {
+        init: jest.fn(() => implementation),
+      } as BackendInitializer;
+
+      (getBackend as jest.Mock).mockReturnValue(initializer);
+
+      const collection = createMockFolderCollectionWithDefaults({
+        name: 'posts',
+      }) as CollectionWithDefaults;
+
+      const config = createMockConfig({
+        backend: {
+          name: 'github',
+        },
+        collections: [collection],
+      });
+
+      const backend = new Backend(initializer, {
+        config,
+        backendName: 'github',
+      });
+
+      const slug = 'slug';
+
+      (localForage.getItem as jest.Mock).mockReturnValue(null);
+
+      const result = await backend.getLocalDraftBackup(collection, config, slug);
+
+      expect(result).toEqual({ entry: null });
+      expect(localForage.getItem).toHaveBeenCalledTimes(1);
+      expect(localForage.getItem).toHaveBeenCalledWith('backup.posts.slug');
+    });
+
+    it('should return empty object on item with empty content', async () => {
+      const implementation = {} as unknown as BackendClass;
+
+      const initializer = {
+        init: jest.fn(() => implementation),
+      } as BackendInitializer;
+
+      (getBackend as jest.Mock).mockReturnValue(initializer);
+
+      const collection = createMockFolderCollectionWithDefaults({
+        name: 'posts',
+      }) as CollectionWithDefaults;
+
+      const config = createMockConfig({
+        backend: {
+          name: 'github',
+        },
+        collections: [collection],
+      });
+
+      const backend = new Backend(initializer, {
+        config,
+        backendName: 'github',
+      });
+
+      const slug = 'slug';
+
+      (localForage.getItem as jest.Mock).mockReturnValue({ raw: '' });
+
+      const result = await backend.getLocalDraftBackup(collection, config, slug);
+
+      expect(result).toEqual({ entry: null });
+      expect(localForage.getItem).toHaveBeenCalledTimes(1);
+      expect(localForage.getItem).toHaveBeenCalledWith('backup.posts.slug');
+    });
+
+    it('should return backup entry, empty media files and assets when only raw property was saved', async () => {
+      const implementation = {} as unknown as BackendClass;
+
+      const initializer = {
+        init: jest.fn(() => implementation),
+      } as BackendInitializer;
+
+      (getBackend as jest.Mock).mockReturnValue(initializer);
+
+      const collection = createMockFolderCollectionWithDefaults({
+        name: 'posts',
+        format: 'json-frontmatter',
+      }) as CollectionWithDefaults;
+
+      const config = createMockConfig({
+        backend: {
+          name: 'github',
+        },
+        collections: [collection],
+      });
+
+      const backend = new Backend(initializer, {
+        config,
+        backendName: 'github',
+      });
+
+      const slug = 'slug';
+
+      (localForage.getItem as jest.Mock).mockReturnValue({
+        raw: '{\n"title": "Hello World"\n}\n',
+      });
+
+      const result = await backend.getLocalDraftBackup(collection, config, slug);
+
+      expect(result).toEqual({
+        entry: {
+          author: '',
+          mediaFiles: [],
+          collection: 'posts',
+          slug: 'slug',
+          path: '',
+          partial: false,
+          raw: '{\n"title": "Hello World"\n}\n',
+          data: { title: 'Hello World' },
+          meta: undefined,
+          i18n: {},
+          label: null,
+          isModification: null,
+          status: undefined,
+          updatedOn: '',
+        },
+      });
+      expect(localForage.getItem).toHaveBeenCalledTimes(1);
+      expect(localForage.getItem).toHaveBeenCalledWith('backup.posts.slug');
+    });
+
+    it('should return backup entry, media files and assets when all were backed up', async () => {
+      const implementation = {} as unknown as BackendClass;
+
+      const initializer = {
+        init: jest.fn(() => implementation),
+      } as BackendInitializer;
+
+      (getBackend as jest.Mock).mockReturnValue(initializer);
+
+      const collection = createMockFolderCollectionWithDefaults({
+        name: 'posts',
+        format: 'json-frontmatter',
+      }) as CollectionWithDefaults;
+
+      const config = createMockConfig({
+        backend: {
+          name: 'github',
+        },
+        collections: [collection],
+      });
+
+      const backend = new Backend(initializer, {
+        config,
+        backendName: 'github',
+      });
+
+      const slug = 'slug';
+
+      (localForage.getItem as jest.Mock).mockReturnValue({
+        raw: '{\n"title": "Hello World"\n}\n',
+        mediaFiles: [{ id: '1' }],
+      });
+
+      const result = await backend.getLocalDraftBackup(collection, config, slug);
+
+      expect(result).toEqual({
+        entry: {
+          author: '',
+          mediaFiles: [{ id: '1' }],
+          collection: 'posts',
+          slug: 'slug',
+          path: '',
+          partial: false,
+          raw: '{\n"title": "Hello World"\n}\n',
+          data: { title: 'Hello World' },
+          meta: undefined,
+          i18n: {},
+          label: null,
+          isModification: null,
+          status: undefined,
+          updatedOn: '',
+        },
+      });
+      expect(localForage.getItem).toHaveBeenCalledTimes(1);
+      expect(localForage.getItem).toHaveBeenCalledWith('backup.posts.slug');
+    });
+  });
+
+  describe('persistLocalDraftBackup', () => {
+    beforeEach(() => {
+      jest.clearAllMocks();
+    });
+
+    it('should not persist empty entry', async () => {
+      const implementation = {} as unknown as BackendClass;
+
+      const initializer = {
+        init: jest.fn(() => implementation),
+      } as BackendInitializer;
+
+      (getBackend as jest.Mock).mockReturnValue(initializer);
+
+      const collection = createMockFolderCollectionWithDefaults({
+        name: 'posts',
+        format: 'json-frontmatter',
+      }) as CollectionWithDefaults;
+
+      const config = createMockConfig({ collections: [collection] });
+
+      const backend = new Backend(initializer, {
+        config,
+        backendName: 'github',
+      });
+
+      backend.entryToRaw = jest.fn().mockReturnValue('');
+
+      const slug = 'slug';
+
+      const entry = createMockEntry({
+        slug,
+        data: {
+          some: 'value',
+        },
+      });
+
+      await backend.persistLocalDraftBackup(entry, collection, config);
+
+      expect(backend.entryToRaw).toHaveBeenCalledTimes(1);
+      expect(backend.entryToRaw).toHaveBeenCalledWith(collection, entry, config);
+      expect(localForage.setItem).toHaveBeenCalledTimes(0);
+    });
+
+    it('should persist non empty entry', async () => {
+      const implementation = {} as unknown as BackendClass;
+
+      const initializer = {
+        init: jest.fn(() => implementation),
+      } as BackendInitializer;
+
+      (getBackend as jest.Mock).mockReturnValue(initializer);
+
+      const collection = createMockFolderCollectionWithDefaults({
+        name: 'posts',
+        format: 'json-frontmatter',
+      }) as CollectionWithDefaults;
+
+      const config = createMockConfig({ collections: [collection] });
+
+      const backend = new Backend(initializer, {
+        config,
+        backendName: 'github',
+      });
+
+      backend.entryToRaw = jest.fn().mockReturnValue('content');
+
+      const slug = 'slug';
+
+      const entry = createMockEntry({
+        slug,
+        path: 'content/posts/entry.md',
+        mediaFiles: [{ id: '1', name: 'file.png', path: '/path/to/file.png' }],
+        data: {
+          some: 'value',
+        },
+      });
+
+      await backend.persistLocalDraftBackup(entry, collection, config);
+
+      expect(backend.entryToRaw).toHaveBeenCalledTimes(1);
+      expect(backend.entryToRaw).toHaveBeenCalledWith(collection, entry, config);
+      expect(localForage.setItem).toHaveBeenCalledTimes(2);
+      expect(localForage.setItem).toHaveBeenCalledWith('backup.posts.slug', {
+        mediaFiles: [{ id: '1', name: 'file.png', path: '/path/to/file.png' }],
+        path: 'content/posts/entry.md',
+        raw: 'content',
+      });
+      expect(localForage.setItem).toHaveBeenCalledWith('backup', 'content');
+    });
+  });
+
+  describe('persistMedia', () => {
+    it('should persist media', async () => {
+      const persistMediaResult = {};
+
+      const implementation = {
+        persistMedia: jest.fn().mockResolvedValue(persistMediaResult),
+      } as unknown as BackendClass;
+
+      const initializer = {
+        init: jest.fn(() => implementation),
+      } as BackendInitializer;
+
+      (getBackend as jest.Mock).mockReturnValue(initializer);
+
+      const collection = createMockFolderCollectionWithDefaults({
+        name: 'posts',
+      }) as CollectionWithDefaults;
+
+      const config = createMockConfig({ backend: { name: 'github' }, collections: [collection] });
+
+      const backend = new Backend(initializer, { config, backendName: config.backend.name });
+      const user = { login: 'login', name: 'name' };
+      backend.currentUser = jest.fn().mockResolvedValue(user);
+
+      const file = { path: 'static/media/image.png' } as AssetProxy;
+
+      const result = await backend.persistMedia(config, file);
+      expect(result).toBe(persistMediaResult);
+      expect(implementation.persistMedia).toHaveBeenCalledTimes(1);
+      expect(implementation.persistMedia).toHaveBeenCalledWith(
+        { path: 'static/media/image.png' },
+        { commitMessage: 'Upload “static/media/image.png”' },
+      );
+    });
+  });
+
+  describe('unpublishedEntry', () => {
+    it('should return unpublished entry', async () => {
+      const unpublishedEntryResult = createMockUnpublishedEntry({
+        diffs: [
+          { id: 'index.md', path: 'src/posts/index.md', newFile: false },
+          { id: 'netlify.png', path: 'netlify.png', newFile: true },
+        ],
+      });
+
+      const implementation = {
+        unpublishedEntry: jest.fn().mockResolvedValue(unpublishedEntryResult),
+        unpublishedEntryDataFile: jest.fn().mockResolvedValueOnce('{\n"title": "Hello World"\n}\n'),
+        unpublishedEntryMediaFile: jest.fn().mockResolvedValueOnce({ id: '1' }),
+      } as unknown as BackendClass;
+
+      const initializer = {
+        init: jest.fn(() => implementation),
+      } as BackendInitializer;
+
+      (getBackend as jest.Mock).mockReturnValue(initializer);
+
+      const collection = createMockFolderCollectionWithDefaults({
+        name: 'posts',
+        folder: 'src/posts',
+        fields: [],
+      }) as CollectionWithDefaults;
+
+      const config = createMockConfig({
+        media_folder: 'static/images',
+        collections: [collection],
+      });
+      const backend = new Backend(initializer, { config, backendName: 'github' });
+
+      const state = {
+        config: { config },
+        integrations: {},
+        mediaLibrary: {},
+      } as unknown as RootState;
+
+      const slug = 'slug';
+
+      const result = await backend.unpublishedEntry(state, collection, config, slug);
+      expect(result).toEqual({
+        author: '',
+        collection: 'posts',
+        slug: 'unpublished-entry.md',
+        path: 'src/posts/index.md',
+        partial: false,
+        raw: '{\n"title": "Hello World"\n}\n',
+        data: { title: 'Hello World' },
+        meta: { path: 'src/posts/index.md' },
+        i18n: {},
+        label: null,
+        isModification: true,
+        mediaFiles: [{ id: '1', draft: true }],
+        status: WorkflowStatus.DRAFT,
+        updatedOn: '20230-02-09T00:00:00.000Z',
+        openAuthoring: false,
+      });
+    });
+  });
+
+  describe('generateUniqueSlug', () => {
+    beforeEach(() => {
+      jest.resetAllMocks();
+    });
+
+    it("should return unique slug when entry doesn't exist", async () => {
+      (sanitizeSlug as jest.Mock).mockReturnValue('some-post-title');
+
+      const implementation = {
+        getEntry: jest.fn(() => Promise.resolve()),
+      } as unknown as BackendClass;
+
+      const initializer = {
+        init: jest.fn(() => implementation),
+      } as BackendInitializer;
+
+      (getBackend as jest.Mock).mockReturnValue(initializer);
+
+      const collection = createMockFolderCollectionWithDefaults({
+        name: 'posts',
+        fields: [
+          {
+            name: 'title',
+            widget: 'string',
+          },
+        ],
+        folder: 'posts',
+        slug: '{{slug}}',
+        path: 'sub_dir/{{slug}}',
+      }) as unknown as CollectionWithDefaults;
+
+      const entry = createMockEntry({
+        data: {
+          title: 'some post title',
+        },
+      });
+
+      const config = createMockConfig({ collections: [collection] });
+
+      const backend = new Backend(initializer, {
+        config,
+        backendName: 'github',
+      });
+
+      await expect(
+        backend.generateUniqueSlug(collection, entry, config, [], undefined),
+      ).resolves.toBe('sub_dir/some-post-title');
+    });
+
+    it('should return unique slug when entry exists', async () => {
+      (sanitizeSlug as jest.Mock).mockReturnValue('some-post-title');
+      (sanitizeChar as jest.Mock).mockReturnValue('-');
+
+      const implementation = {
+        getEntry: jest.fn(() => Promise.resolve()),
+      } as unknown as BackendClass;
+
+      const initializer = {
+        init: jest.fn(() => implementation),
+      } as BackendInitializer;
+
+      (getBackend as jest.Mock).mockReturnValue(initializer);
+
+      (implementation.getEntry as jest.Mock).mockResolvedValueOnce({ data: 'data' });
+
+      const collection = createMockFolderCollectionWithDefaults({
+        name: 'posts',
+        fields: [
+          {
+            name: 'title',
+            widget: 'string',
+          },
+        ],
+        folder: 'posts',
+        slug: '{{slug}}',
+        path: 'sub_dir/{{slug}}',
+      }) as unknown as CollectionWithDefaults;
+
+      const entry = createMockEntry({
+        data: {
+          title: 'some post title',
+        },
+      });
+
+      const config = createMockConfig({ collections: [collection] });
+
+      const backend = new Backend(initializer, { config, backendName: 'github' });
+
+      await expect(
+        backend.generateUniqueSlug(collection, entry, config, [], undefined),
+      ).resolves.toBe('sub_dir/some-post-title-1');
+    });
+  });
+
+  describe('extractSearchFields', () => {
+    it('should extract slug', () => {
+      expect(
+        extractSearchFields(['slug'])(createMockEntry({ slug: 'entry-slug', data: {} })),
+      ).toEqual(' entry-slug');
+    });
+
+    it('should extract path', () => {
+      expect(
+        extractSearchFields(['path'])(createMockEntry({ path: 'entry-path', data: {} })),
+      ).toEqual(' entry-path');
+    });
+
+    it('should extract fields', () => {
+      expect(
+        extractSearchFields(['title', 'order'])(
+          createMockEntry({ data: { title: 'Entry Title', order: 5 } }),
+        ),
+      ).toEqual(' Entry Title 5');
+    });
+
+    it('should extract nested fields', () => {
+      expect(
+        extractSearchFields(['nested.title'])(
+          createMockEntry({ data: { nested: { title: 'nested title' } } }),
+        ),
+      ).toEqual(' nested title');
+    });
+  });
+
+  describe('search/query', () => {
+    const collections = [
+      createMockFolderCollectionWithDefaults({
+        name: 'posts',
+        folder: 'posts',
+        fields: [
+          { name: 'title', widget: 'string' },
+          { name: 'short_title', widget: 'string' },
+          { name: 'author', widget: 'string' },
+          { name: 'description', widget: 'string' },
+          { name: 'nested', widget: 'object', fields: [{ name: 'title', widget: 'string' }] },
+        ],
+      }),
+      createMockFolderCollectionWithDefaults({
+        name: 'pages',
+        folder: 'pages',
+        fields: [
+          { name: 'title', widget: 'string' },
+          { name: 'short_title', widget: 'string' },
+          { name: 'author', widget: 'string' },
+          { name: 'description', widget: 'string' },
+          { name: 'nested', widget: 'object', fields: [{ name: 'title', widget: 'string' }] },
+        ],
+      }),
+    ] as unknown as CollectionWithDefaults[];
+
+    const posts = [
+      createMockEntry({
+        path: 'posts/find-me.md',
+        slug: 'find-me',
+        data: {
+          title: 'find me by title',
+          short_title: 'find me by short title',
+          author: 'find me by author',
+          description: 'find me by description',
+          nested: { title: 'find me by nested title' },
+        },
+      }),
+      createMockEntry({ path: 'posts/not-me.md', slug: 'not-me', data: { title: 'not me' } }),
+    ];
+
+    const pages = [
+      createMockEntry({
+        path: 'pages/find-me.md',
+        slug: 'find-me',
+        data: {
+          title: 'find me by title',
+          short_title: 'find me by short title',
+          author: 'find me by author',
+          description: 'find me by description',
+          nested: { title: 'find me by nested title' },
+        },
+      }),
+      createMockEntry({ path: 'pages/not-me.md', slug: 'not-me', data: { title: 'not me' } }),
+    ];
+
+    const files = [
+      createMockEntry({
+        path: 'files/file1.md',
+        slug: 'file1',
+        data: {
+          author: 'find me by author',
+        },
+      }),
+      createMockEntry({
+        path: 'files/file2.md',
+        slug: 'file2',
+        data: {
+          other: 'find me by other',
+        },
+      }),
+    ];
+
+    let config: ConfigWithDefaults;
+
+    const implementation = {
+      listAllEntries: jest.fn(),
+    } as unknown as BackendClass;
+
+    const initializer = {
+      init: jest.fn(() => implementation),
+    } as BackendInitializer;
+
+    let backend: Backend;
+    beforeEach(() => {
+      jest.clearAllMocks();
+
+      (getBackend as jest.Mock).mockReturnValue(initializer);
+
+      config = createMockConfig({ collections });
+
+      backend = new Backend(initializer, { config, backendName: 'github' });
+      (backend.listAllEntries as jest.Mock) = jest.fn(collection => {
+        switch (collection.name) {
+          case 'posts':
+            return Promise.resolve(posts);
+          case 'pages':
+            return Promise.resolve(pages);
+          case 'files':
+            return Promise.resolve(files);
+          default:
+            return Promise.resolve([]);
+        }
+      });
+    });
+
+    it('should search collections by title', async () => {
+      const results = await backend.search(collections, 'find me by title', config);
+
+      expect(results).toEqual({
+        entries: [posts[0], pages[0]],
+        pagination: 1,
+      });
+    });
+
+    it('should search collections by short title', async () => {
+      const results = await backend.search(collections, 'find me by short title', config);
+
+      expect(results).toEqual({
+        entries: [posts[0], pages[0]],
+        pagination: 1,
+      });
+    });
+
+    it('should search collections by author', async () => {
+      const results = await backend.search(collections, 'find me by author', config);
+
+      expect(results).toEqual({
+        entries: [posts[0], pages[0]],
+        pagination: 1,
+      });
+    });
+
+    it('should search collections by summary description', async () => {
+      const results = await backend.search(
+        collections.map(c => ({ ...c, summary: '{{description}}' })),
+        'find me by description',
+        config,
+      );
+
+      expect(results).toEqual({
+        entries: [posts[0], pages[0]],
+        pagination: 1,
+      });
+    });
+
+    it('should search in file collection using top level fields', async () => {
+      const collections = [
+        createMockFolderCollectionWithDefaults({
+          name: 'files',
+          files: [
+            {
+              name: 'file1',
+              label: 'File 1',
+              file: 'file1.json',
+              fields: [{ name: 'author', widget: 'string' }],
+            },
+            {
+              name: 'file2',
+              label: 'File 2',
+              file: 'file2.json',
+              fields: [{ name: 'other', widget: 'string' }],
+            },
+          ],
+        }),
+      ] as unknown as CollectionWithDefaults[];
+
+      expect(await backend.search(collections, 'find me by author', config)).toEqual({
+        entries: [files[0]],
+        pagination: 1,
+      });
+      expect(await backend.search(collections, 'find me by other', config)).toEqual({
+        entries: [files[1]],
+        pagination: 1,
+      });
+    });
+
+    it('should query collections by title', async () => {
+      const results = await backend.query(collections[0], config, ['title'], 'find me by title');
+
+      expect(results).toEqual({
+        hits: [posts[0]],
+        query: 'find me by title',
+      });
+    });
+
+    it('should query collections by slug', async () => {
+      const results = await backend.query(collections[0], config, ['slug'], 'find-me');
+
+      expect(results).toEqual({
+        hits: [posts[0]],
+        query: 'find-me',
+      });
+    });
+
+    it('should query collections by path', async () => {
+      const results = await backend.query(collections[0], config, ['path'], 'posts/find-me.md');
+
+      expect(results).toEqual({
+        hits: [posts[0]],
+        query: 'posts/find-me.md',
+      });
+    });
+
+    it('should query collections by nested field', async () => {
+      const results = await backend.query(
+        collections[0],
+        config,
+        ['nested.title'],
+        'find me by nested title',
+      );
+
+      expect(results).toEqual({
+        hits: [posts[0]],
+        query: 'find me by nested title',
+      });
+    });
+  });
+
+  describe('expandSearchEntries', () => {
+    it('should expand entry with list to multiple entries', () => {
+      const entry = createMockEntry({
+        data: {
+          field: {
+            nested: {
+              list: [
+                { id: 1, name: '1' },
+                { id: 2, name: '2' },
+              ],
+            },
+          },
+          list: [1, 2],
+        },
+      });
+
+      expect(expandSearchEntries([entry], ['list.*', 'field.nested.list.*.name'])).toEqual([
+        expect.objectContaining({
+          data: {
+            field: {
+              nested: {
+                list: [
+                  { id: 1, name: '1' },
+                  { id: 2, name: '2' },
+                ],
+              },
+            },
+            list: [1, 2],
+          },
+          field: 'list.0',
+        }),
+        expect.objectContaining({
+          data: {
+            field: {
+              nested: {
+                list: [
+                  { id: 1, name: '1' },
+                  { id: 2, name: '2' },
+                ],
+              },
+            },
+            list: [1, 2],
+          },
+          field: 'list.1',
+        }),
+        expect.objectContaining({
+          data: {
+            field: {
+              nested: {
+                list: [
+                  { id: 1, name: '1' },
+                  { id: 2, name: '2' },
+                ],
+              },
+            },
+            list: [1, 2],
+          },
+          field: 'field.nested.list.0.name',
+        }),
+        expect.objectContaining({
+          data: {
+            field: {
+              nested: {
+                list: [
+                  { id: 1, name: '1' },
+                  { id: 2, name: '2' },
+                ],
+              },
+            },
+            list: [1, 2],
+          },
+          field: 'field.nested.list.1.name',
+        }),
+      ]);
+    });
+  });
+
+  describe('mergeExpandedEntries', () => {
+    it('should merge entries and filter data', () => {
+      const expanded = [
+        createMockExpandedEntry({
+          data: {
+            field: {
+              nested: {
+                list: [
+                  { id: 1, name: '1' },
+                  { id: 2, name: '2' },
+                  { id: 3, name: '3' },
+                  { id: 4, name: '4' },
+                ],
+              },
+            },
+            list: [1, 2],
+          },
+          field: 'field.nested.list.0.name',
+        }),
+        createMockExpandedEntry({
+          data: {
+            field: {
+              nested: {
+                list: [
+                  { id: 1, name: '1' },
+                  { id: 2, name: '2' },
+                  { id: 3, name: '3' },
+                  { id: 4, name: '4' },
+                ],
+              },
+            },
+            list: [1, 2],
+          },
+          field: 'field.nested.list.3.name',
+        }),
+      ];
+
+      expect(mergeExpandedEntries(expanded)).toEqual([
+        expect.objectContaining({
+          data: {
+            field: {
+              nested: {
+                list: [
+                  { id: 1, name: '1' },
+                  { id: 4, name: '4' },
+                ],
+              },
+            },
+            list: [1, 2],
+          },
+        }),
+      ]);
+    });
+
+    it('should merge entries and filter data based on different fields', () => {
+      const expanded = [
+        createMockExpandedEntry({
+          data: {
+            field: {
+              nested: {
+                list: [
+                  { id: 1, name: '1' },
+                  { id: 2, name: '2' },
+                  { id: 3, name: '3' },
+                  { id: 4, name: '4' },
+                ],
+              },
+            },
+            list: [1, 2],
+          },
+          field: 'field.nested.list.0.name',
+        }),
+        createMockExpandedEntry({
+          data: {
+            field: {
+              nested: {
+                list: [
+                  { id: 1, name: '1' },
+                  { id: 2, name: '2' },
+                  { id: 3, name: '3' },
+                  { id: 4, name: '4' },
+                ],
+              },
+            },
+            list: [1, 2],
+          },
+          field: 'field.nested.list.3.name',
+        }),
+        createMockExpandedEntry({
+          data: {
+            field: {
+              nested: {
+                list: [
+                  { id: 1, name: '1' },
+                  { id: 2, name: '2' },
+                  { id: 3, name: '3' },
+                  { id: 4, name: '4' },
+                ],
+              },
+            },
+            list: [1, 2],
+          },
+          field: 'list.1',
+        }),
+      ];
+
+      expect(mergeExpandedEntries(expanded)).toEqual([
+        expect.objectContaining({
+          data: {
+            field: {
+              nested: {
+                list: [
+                  { id: 1, name: '1' },
+                  { id: 4, name: '4' },
+                ],
+              },
+            },
+            list: [2],
+          },
+        }),
+      ]);
+    });
+
+    it('should merge entries and keep sort by entry index', () => {
+      const expanded = [
+        createMockExpandedEntry({
+          data: {
+            list: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
+          },
+          field: 'list.5',
+        }),
+        createMockExpandedEntry({
+          data: {
+            list: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
+          },
+          field: 'list.0',
+        }),
+        createMockExpandedEntry({
+          data: {
+            list: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
+          },
+          field: 'list.11',
+        }),
+        createMockExpandedEntry({
+          data: {
+            list: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
+          },
+          field: 'list.1',
+        }),
+      ];
+
+      expect(mergeExpandedEntries(expanded)).toEqual([
+        expect.objectContaining({
+          data: {
+            list: [5, 0, 11, 1],
+          },
+        }),
+      ]);
+    });
+  });
+});
diff --git a/packages/core/src/__tests__/testConfig.ts b/packages/core/src/__tests__/testConfig.ts
index 3494fcaf..80dafa29 100644
--- a/packages/core/src/__tests__/testConfig.ts
+++ b/packages/core/src/__tests__/testConfig.ts
@@ -14,7 +14,7 @@ const testConfig: Config<RelationKitchenSinkPostField> = {
   i18n: {
     structure: 'multiple_files',
     locales: ['en', 'de', 'fr'],
-    defaultLocale: 'en',
+    default_locale: 'en',
   },
   collections: [
     {
@@ -25,7 +25,7 @@ const testConfig: Config<RelationKitchenSinkPostField> = {
         'The description is a great place for tone setting, high level information, and editing guidelines that are specific to a collection.',
       folder: '_posts',
       slug: '{{year}}-{{month}}-{{day}}-{{slug}}',
-      summary_fields: ['title', 'date', 'draft'],
+      summary_fields: ['title', 'date'],
       sortable_fields: {
         fields: ['title', 'date'],
         default: {
@@ -33,46 +33,39 @@ const testConfig: Config<RelationKitchenSinkPostField> = {
         },
       },
       create: true,
-      view_filters: [
-        {
-          label: 'Posts With Index',
-          field: 'title',
-          pattern: 'This is post #',
-        },
-        {
-          label: 'Posts Without Index',
-          field: 'title',
-          pattern: 'front matter post',
-        },
-        {
-          label: 'Drafts',
-          field: 'draft',
-          pattern: true,
-        },
-      ],
-      view_groups: [
-        {
-          label: 'Year',
-          field: 'date',
-          pattern: '\\d{4}',
-        },
-        {
-          label: 'Drafts',
-          field: 'draft',
-        },
-      ],
+      view_filters: {
+        default: 'posts-without-index',
+        filters: [
+          {
+            name: 'posts-with-index',
+            label: 'Posts With Index',
+            field: 'title',
+            pattern: 'This is post #',
+          },
+          {
+            name: 'posts-without-index',
+            label: 'Posts Without Index',
+            field: 'title',
+            pattern: 'front matter post',
+          },
+        ],
+      },
+      view_groups: {
+        groups: [
+          {
+            name: 'by-year',
+            label: 'Year',
+            field: 'date',
+            pattern: '\\d{4}',
+          },
+        ],
+      },
       fields: [
         {
           label: 'Title',
           name: 'title',
           widget: 'string',
         },
-        {
-          label: 'Draft',
-          name: 'draft',
-          widget: 'boolean',
-          default: false,
-        },
         {
           label: 'Publish Date',
           name: 'date',
@@ -91,7 +84,7 @@ const testConfig: Config<RelationKitchenSinkPostField> = {
           label: 'Body',
           name: 'body',
           widget: 'markdown',
-          hint: 'Main content goes here.',
+          hint: '*Main* __content__ __*goes*__ [here](https://example.com/).',
         },
       ],
     },
@@ -1172,13 +1165,6 @@ const testConfig: Config<RelationKitchenSinkPostField> = {
             preview: true,
           },
           fields: [
-            {
-              label: 'Number of posts on frontpage',
-              name: 'front_limit',
-              widget: 'number',
-              min: 1,
-              max: 10,
-            },
             {
               label: 'Global title',
               name: 'site_title',
@@ -1800,7 +1786,7 @@ const testConfig: Config<RelationKitchenSinkPostField> = {
       i18n: {
         structure: 'multiple_folders',
         locales: ['en', 'de', 'fr'],
-        defaultLocale: 'en',
+        default_locale: 'en',
       },
       folder: 'packages/core/dev-test/backends/proxy/_i18n_playground_multiple_folders',
       identifier_field: 'slug',
@@ -1831,7 +1817,7 @@ const testConfig: Config<RelationKitchenSinkPostField> = {
       i18n: {
         structure: 'single_file',
         locales: ['en', 'de', 'fr'],
-        defaultLocale: 'en',
+        default_locale: 'en',
       },
       folder: 'packages/core/dev-test/backends/proxy/_i18n_playground_single_file',
       identifier_field: 'slug',
diff --git a/packages/core/src/actions/__tests__/config.spec.ts b/packages/core/src/actions/__tests__/config.spec.ts
new file mode 100644
index 00000000..3b8958b0
--- /dev/null
+++ b/packages/core/src/actions/__tests__/config.spec.ts
@@ -0,0 +1,1310 @@
+/**
+ * @jest-environment jsdom
+ */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-empty-function */
+import { stripIndent } from 'common-tags';
+import yaml from 'yaml';
+
+import { createMockConfig } from '@staticcms/test/data/config.mock';
+import { detectProxyServer, handleLocalBackend, loadConfig, parseConfig } from '../config';
+
+import type {
+  Config,
+  DefaultEditorConfig,
+  FileOrImageField,
+  FilesCollection,
+  FolderCollection,
+} from '@staticcms/core';
+
+jest.spyOn(console, 'error').mockImplementation(() => {});
+jest.spyOn(console, 'info').mockImplementation(() => {});
+jest.spyOn(console, 'warn').mockImplementation(() => {});
+jest.mock('../../backend', () => {
+  return {
+    resolveBackend: jest.fn(() => ({ isGitBackend: jest.fn(() => true) })),
+  };
+});
+jest.mock('../../constants/configSchema');
+
+jest.mock('yaml', () => ({
+  parse: jest.fn(),
+}));
+
+describe('config', () => {
+  describe('parseConfig', () => {
+    let yamlParseMock: jest.Mock;
+
+    beforeEach(() => {
+      yamlParseMock = yaml.parse as jest.Mock;
+    });
+
+    it('can parse simple yaml config', () => {
+      const file = stripIndent`
+        backend:
+          name: test-repo
+        media_folder: static/images
+      `;
+
+      yamlParseMock.mockReturnValue({
+        backend: {
+          name: 'test-repo',
+        },
+        media_folder: 'static/images',
+      });
+
+      expect(parseConfig(file)).toEqual({
+        backend: { name: 'test-repo' },
+        media_folder: 'static/images',
+      });
+
+      expect(yamlParseMock).toHaveBeenCalledWith(file, {
+        maxAliasCount: -1,
+        prettyErrors: true,
+        merge: true,
+      });
+    });
+
+    it('should merge yaml aliases', () => {
+      const file = stripIndent`
+      backend:
+        name: github
+        repo: staticjscms/static-cms
+        squash_merges: true
+        open_authoring: true
+      local_backend: true
+      site_url: https://www.staticcms.org
+      publish_mode: editorial_workflow
+      media_folder: website/static/img
+      public_folder: img
+      docs_collection: &docs_collection
+        folder: website/content/docs
+        create: true
+        preview_path: 'docs/{{slug}}'
+        fields:
+          - { label: Title, name: title }
+          - { label: Body, name: body, widget: markdown }
+      collections:
+        - <<: *docs_collection
+          name: docs_start
+          label: 'Docs: Quick Start'
+      `;
+
+      yamlParseMock.mockReturnValue({
+        backend: {
+          name: 'github',
+          repo: 'staticjscms/static-cms',
+          squash_merges: true,
+          open_authoring: true,
+        },
+        local_backend: true,
+        site_url: 'https://www.staticcms.org',
+        publish_mode: 'editorial_workflow',
+        media_folder: 'website/static/img',
+        public_folder: 'img',
+        docs_collection: {
+          folder: 'website/content/docs',
+          create: true,
+          preview_path: 'docs/{{slug}}',
+          fields: [
+            {
+              label: 'Title',
+              name: 'title',
+            },
+            {
+              label: 'Body',
+              name: 'body',
+              widget: 'markdown',
+            },
+          ],
+        },
+        collections: [
+          {
+            folder: 'website/content/docs',
+            create: true,
+            preview_path: 'docs/{{slug}}',
+            fields: [
+              {
+                label: 'Title',
+                name: 'title',
+              },
+              {
+                label: 'Body',
+                name: 'body',
+                widget: 'markdown',
+              },
+            ],
+            name: 'docs_start',
+            label: 'Docs: Quick Start',
+          },
+        ],
+      });
+
+      expect(parseConfig(file)).toEqual({
+        backend: {
+          name: 'github',
+          repo: 'staticjscms/static-cms',
+          squash_merges: true,
+          open_authoring: true,
+        },
+        local_backend: true,
+        site_url: 'https://www.staticcms.org',
+        publish_mode: 'editorial_workflow',
+        media_folder: 'website/static/img',
+        public_folder: 'img',
+        docs_collection: {
+          folder: 'website/content/docs',
+          create: true,
+          preview_path: 'docs/{{slug}}',
+          fields: [
+            { label: 'Title', name: 'title' },
+            { label: 'Body', name: 'body', widget: 'markdown' },
+          ],
+        },
+        collections: [
+          {
+            folder: 'website/content/docs',
+            create: true,
+            preview_path: 'docs/{{slug}}',
+            fields: [
+              { label: 'Title', name: 'title' },
+              { label: 'Body', name: 'body', widget: 'markdown' },
+            ],
+            name: 'docs_start',
+            label: 'Docs: Quick Start',
+          },
+        ],
+      });
+
+      expect(yamlParseMock).toHaveBeenCalledWith(file, {
+        maxAliasCount: -1,
+        prettyErrors: true,
+        merge: true,
+      });
+    });
+  });
+
+  describe('applyDefaults', () => {
+    describe('publish_mode', () => {
+      it('should set publish_mode if not set', () => {
+        const config = createMockConfig({
+          media_folder: 'path/to/media',
+          public_folder: '/path/to/media',
+          collections: [],
+        });
+        expect(config.publish_mode).toEqual('simple');
+      });
+
+      it('should set publish_mode from config', () => {
+        const config = createMockConfig({
+          publish_mode: 'editorial_workflow',
+          media_folder: 'path/to/media',
+          public_folder: '/path/to/media',
+          collections: [],
+        });
+        expect(config.publish_mode).toEqual('editorial_workflow');
+      });
+    });
+
+    describe('media_library', () => {
+      it('should set media_library based on global config if not set', () => {
+        const config = createMockConfig({
+          media_library: {
+            max_file_size: 600000,
+            folder_support: true,
+          },
+          collections: [
+            {
+              name: 'foo-collection',
+              label: 'Foo',
+              folder: 'foo',
+              fields: [{ name: 'title', widget: 'file' }],
+            },
+          ],
+        });
+
+        const collection = config.collections[0] as FolderCollection;
+        expect(collection.media_library).toEqual({
+          max_file_size: 600000,
+          folder_support: true,
+        });
+
+        const field = collection.fields[0] as FileOrImageField;
+        expect(field.media_library).toEqual({
+          max_file_size: 600000,
+          folder_support: true,
+        });
+      });
+
+      it('should set media_library based on collection config if set', () => {
+        const config = createMockConfig({
+          media_library: {
+            max_file_size: 600000,
+            folder_support: true,
+          },
+          collections: [
+            {
+              name: 'foo-collection',
+              label: 'Foo',
+              folder: 'foo',
+              media_library: {
+                max_file_size: 500,
+                folder_support: false,
+              },
+              fields: [{ name: 'title', widget: 'file' }],
+            },
+          ],
+        });
+
+        const collection = config.collections[0] as FolderCollection;
+        expect(collection.media_library).toEqual({
+          max_file_size: 500,
+          folder_support: false,
+        });
+
+        const field = collection.fields[0] as FileOrImageField;
+        expect(field.media_library).toEqual({
+          max_file_size: 500,
+          folder_support: false,
+        });
+      });
+
+      it('should not override media_library if set', () => {
+        const config = createMockConfig({
+          media_library: {
+            max_file_size: 600000,
+            folder_support: true,
+          },
+          collections: [
+            {
+              name: 'foo-collection',
+              label: 'Foo',
+              folder: 'foo',
+              media_library: {
+                max_file_size: 500,
+                folder_support: false,
+              },
+              fields: [
+                {
+                  name: 'title',
+                  widget: 'file',
+                  media_library: {
+                    max_file_size: 1000,
+                    folder_support: true,
+                  },
+                },
+              ],
+            },
+          ],
+        });
+
+        const collection = config.collections[0] as FolderCollection;
+        expect(collection.media_library).toEqual({
+          max_file_size: 500,
+          folder_support: false,
+        });
+
+        const field = collection.fields[0] as FileOrImageField;
+        expect(field.media_library).toEqual({
+          max_file_size: 1000,
+          folder_support: true,
+        });
+      });
+    });
+
+    describe('public_folder', () => {
+      it('should set public_folder based on media_folder if not set', () => {
+        expect(
+          createMockConfig({
+            media_folder: 'path/to/media',
+            collections: [],
+          }).public_folder,
+        ).toEqual('/path/to/media');
+      });
+
+      it('should not overwrite public_folder if set', () => {
+        expect(
+          createMockConfig({
+            media_folder: 'path/to/media',
+            public_folder: '/publib/path',
+            collections: [],
+          }).public_folder,
+        ).toEqual('/publib/path');
+        expect(
+          createMockConfig({
+            media_folder: 'path/to/media',
+            public_folder: '',
+            collections: [],
+          }).public_folder,
+        ).toEqual('');
+      });
+    });
+
+    describe('slug', () => {
+      it('should set default slug config if not set', () => {
+        expect(createMockConfig({ collections: [] }).slug).toEqual({
+          encoding: 'unicode',
+          clean_accents: false,
+          sanitize_replacement: '-',
+        });
+      });
+
+      it('should not overwrite slug encoding if set', () => {
+        expect(
+          createMockConfig({ collections: [], slug: { encoding: 'ascii' } }).slug?.encoding,
+        ).toEqual('ascii');
+      });
+
+      it('should not overwrite slug clean_accents if set', () => {
+        expect(
+          createMockConfig({ collections: [], slug: { clean_accents: true } }).slug?.clean_accents,
+        ).toEqual(true);
+      });
+
+      it('should not overwrite slug sanitize_replacement if set', () => {
+        expect(
+          createMockConfig({ collections: [], slug: { sanitize_replacement: '_' } }).slug
+            ?.sanitize_replacement,
+        ).toEqual('_');
+      });
+    });
+
+    describe('collections', () => {
+      it('should strip leading slashes from collection folder', () => {
+        expect(
+          (
+            createMockConfig({
+              collections: [
+                {
+                  folder: '/foo',
+                  fields: [{ name: 'title', widget: 'string' }],
+                } as FolderCollection,
+              ],
+            }).collections[0] as FolderCollection
+          ).folder,
+        ).toEqual('foo');
+      });
+
+      it('should strip leading slashes from collection files', () => {
+        expect(
+          (
+            createMockConfig({
+              collections: [
+                {
+                  files: [{ file: '/foo', fields: [{ name: 'title', widget: 'string' }] }],
+                } as FilesCollection,
+              ],
+            }).collections[0] as FilesCollection
+          ).files[0].file,
+        ).toEqual('foo');
+      });
+
+      describe('public_folder and media_folder', () => {
+        it('should set collection public_folder based on media_folder if not set', () => {
+          expect(
+            createMockConfig({
+              collections: [
+                {
+                  name: 'foo-collection',
+                  label: 'Foo',
+                  folder: 'foo',
+                  media_folder: 'static/images/docs',
+                  fields: [{ name: 'title', widget: 'string' }],
+                },
+              ],
+            }).collections[0].public_folder,
+          ).toEqual('static/images/docs');
+        });
+
+        it('should not overwrite collection public_folder if set to non empty string', () => {
+          expect(
+            createMockConfig({
+              collections: [
+                {
+                  name: 'foo-collection',
+                  label: 'Foo',
+                  folder: 'foo',
+                  media_folder: 'static/images/docs',
+                  public_folder: 'images/docs',
+                  fields: [{ name: 'title', widget: 'string' }],
+                },
+              ],
+            }).collections[0].public_folder,
+          ).toEqual('images/docs');
+        });
+
+        it('should not overwrite collection public_folder if set to empty string', () => {
+          expect(
+            createMockConfig({
+              collections: [
+                {
+                  name: 'foo-collection',
+                  label: 'Foo',
+                  folder: 'foo',
+                  media_folder: 'static/images/docs',
+                  public_folder: '',
+                  fields: [{ name: 'title', widget: 'string' }],
+                },
+              ],
+            }).collections[0].public_folder,
+          ).toEqual('');
+        });
+
+        it('should set collection media_folder and public_folder to an empty string when collection path exists, but collection media_folder does not', () => {
+          const result = createMockConfig({
+            collections: [
+              {
+                name: 'foo-collection',
+                label: 'Foo',
+                folder: 'foo',
+                path: '{{slug}}/index',
+                fields: [{ name: 'title', widget: 'string' }],
+              },
+            ],
+          });
+          expect(result.collections[0].media_folder).toEqual('');
+          expect(result.collections[0].public_folder).toEqual('');
+        });
+
+        it('should set file public_folder based on media_folder if not set', () => {
+          expect(
+            (
+              createMockConfig({
+                collections: [
+                  {
+                    name: 'foo-collection',
+                    label: 'Foo',
+                    files: [
+                      {
+                        name: 'foo-file',
+                        label: 'Foo',
+                        file: 'foo',
+                        media_folder: 'static/images/docs',
+                        fields: [{ name: 'title', widget: 'string' }],
+                      },
+                    ],
+                  } as FilesCollection,
+                ],
+              }).collections[0] as FilesCollection
+            ).files[0].public_folder,
+          ).toEqual('static/images/docs');
+        });
+
+        it('should not overwrite file public_folder if set', () => {
+          expect(
+            (
+              createMockConfig({
+                collections: [
+                  {
+                    name: 'foo-collection',
+                    label: 'Foo',
+                    files: [
+                      {
+                        name: 'foo-file',
+                        label: 'Foo',
+                        file: 'foo',
+                        media_folder: 'static/images/docs',
+                        public_folder: 'images/docs',
+                        fields: [{ name: 'title', widget: 'string' }],
+                      },
+                    ],
+                  } as FilesCollection,
+                ],
+              }).collections[0] as FilesCollection
+            ).files[0].public_folder,
+          ).toEqual('images/docs');
+        });
+
+        it('should set nested field public_folder based on media_folder if not set', () => {
+          const config = createMockConfig({
+            collections: [
+              {
+                name: 'foo-collection',
+                label: 'Foo',
+                folder: 'foo',
+                path: '{{slug}}/index',
+                fields: [
+                  {
+                    name: 'image',
+                    widget: 'image',
+                    media_folder: 'collection/static/images/docs',
+                  },
+                ],
+              } as FolderCollection,
+              {
+                name: 'foo-collection',
+                label: 'Foo',
+                files: [
+                  {
+                    name: 'foo-file',
+                    label: 'Foo',
+                    file: 'foo',
+                    fields: [
+                      {
+                        name: 'image',
+                        widget: 'image',
+                        media_folder: 'file/static/images/docs',
+                      },
+                    ],
+                  },
+                ],
+              } as FilesCollection,
+            ],
+          });
+          expect(
+            ((config.collections[0] as FolderCollection).fields[0] as FileOrImageField)
+              .public_folder,
+          ).toEqual('collection/static/images/docs');
+          expect(
+            ((config.collections[1] as FilesCollection).files[0].fields[0] as FileOrImageField)
+              .public_folder,
+          ).toEqual('file/static/images/docs');
+        });
+
+        it('should not overwrite nested field public_folder if set', () => {
+          const config = createMockConfig({
+            collections: [
+              {
+                name: 'foo-collection',
+                label: 'Foo',
+                folder: 'foo',
+                path: '{{slug}}/index',
+                fields: [
+                  {
+                    name: 'image',
+                    widget: 'image',
+                    media_folder: 'collection/static/images/docs',
+                    public_folder: 'collection/public_folder',
+                  },
+                ],
+              } as FolderCollection,
+              {
+                name: 'foo-collection',
+                label: 'Foo',
+                files: [
+                  {
+                    name: 'foo-file',
+                    label: 'Foo',
+                    file: 'foo',
+                    fields: [
+                      {
+                        name: 'image',
+                        widget: 'image',
+                        public_folder: 'file/public_folder',
+                      },
+                    ],
+                  },
+                ],
+              } as FilesCollection,
+            ],
+          });
+          expect(
+            ((config.collections[0] as FolderCollection).fields[0] as FileOrImageField)
+              .public_folder,
+          ).toEqual('collection/public_folder');
+          expect(
+            ((config.collections[1] as FilesCollection).files[0].fields[0] as FileOrImageField)
+              .public_folder,
+          ).toEqual('file/public_folder');
+        });
+      });
+
+      describe('publish', () => {
+        it('should set publish to true if not set', () => {
+          expect(
+            (
+              createMockConfig({
+                collections: [
+                  {
+                    name: 'foo-collection',
+                    label: 'Foo',
+                    folder: 'foo',
+                    media_folder: 'static/images/docs',
+                    fields: [{ name: 'title', widget: 'string' }],
+                  } as FolderCollection,
+                ],
+              }).collections[0] as FolderCollection
+            ).publish,
+          ).toEqual(true);
+        });
+
+        it('should not override existing publish config', () => {
+          expect(
+            (
+              createMockConfig({
+                collections: [
+                  {
+                    name: 'foo-collection',
+                    label: 'Foo',
+                    folder: 'foo',
+                    media_folder: 'static/images/docs',
+                    publish: false,
+                    fields: [{ name: 'title', widget: 'string' }],
+                  } as FolderCollection,
+                ],
+              }).collections[0] as FolderCollection
+            ).publish,
+          ).toEqual(false);
+        });
+      });
+
+      describe('editor preview', () => {
+        it('should set editor preview honoring global config before and specific config after', () => {
+          const config = createMockConfig({
+            editor: {
+              preview: false,
+            },
+            collections: [
+              {
+                name: 'foo-collection',
+                label: 'Foo',
+                fields: [{ name: 'title', widget: 'string' }],
+                folder: 'foo',
+              },
+              {
+                name: 'bar-collection',
+                label: 'Bar',
+                editor: {
+                  preview: true,
+                },
+                fields: [{ name: 'title', widget: 'string' }],
+                folder: 'bar',
+              },
+            ],
+          });
+
+          expect((config.collections[0].editor as DefaultEditorConfig).preview).toEqual(false);
+          expect((config.collections[1].editor as DefaultEditorConfig).preview).toEqual(true);
+        });
+      });
+    });
+
+    describe('i18n', () => {
+      it('should set root i18n on collection when collection i18n is set to true', () => {
+        expect(
+          createMockConfig({
+            i18n: {
+              structure: 'multiple_folders',
+              locales: ['en', 'de'],
+            },
+            collections: [
+              {
+                name: 'foo-collection',
+                label: 'Foo',
+                folder: 'foo',
+                i18n: true,
+                fields: [{ name: 'title', widget: 'string' }],
+              },
+            ],
+          }).collections[0].i18n,
+        ).toEqual({ structure: 'multiple_folders', locales: ['en', 'de'], default_locale: 'en' });
+      });
+
+      it('should not set root i18n on collection when collection i18n is not set', () => {
+        expect(
+          createMockConfig({
+            i18n: {
+              structure: 'multiple_folders',
+              locales: ['en', 'de'],
+            },
+            collections: [
+              {
+                name: 'foo-collection',
+                label: 'Foo',
+                folder: 'foo',
+                fields: [{ name: 'title', widget: 'string' }],
+              },
+            ],
+          }).collections[0].i18n,
+        ).toBeUndefined();
+      });
+
+      it('should not set root i18n on collection when collection i18n is set to false', () => {
+        expect(
+          createMockConfig({
+            i18n: {
+              structure: 'multiple_folders',
+              locales: ['en', 'de'],
+            },
+            collections: [
+              {
+                name: 'foo-collection',
+                label: 'Foo',
+                folder: 'foo',
+                i18n: false,
+                fields: [{ name: 'title', widget: 'string' }],
+              },
+            ],
+          }).collections[0].i18n,
+        ).toBeUndefined();
+      });
+
+      it('should merge root i18n on collection when collection i18n is set to an object', () => {
+        expect(
+          createMockConfig({
+            i18n: {
+              structure: 'multiple_folders',
+              locales: ['en', 'de'],
+              default_locale: 'en',
+            },
+            collections: [
+              {
+                name: 'foo-collection',
+                label: 'Foo',
+                folder: 'foo',
+                i18n: { locales: ['en', 'fr'], default_locale: 'fr' },
+                fields: [{ name: 'title', widget: 'string' }],
+              },
+            ],
+          }).collections[0].i18n,
+        ).toEqual({ structure: 'multiple_folders', locales: ['en', 'fr'], default_locale: 'fr' });
+      });
+
+      it('should throw when i18n structure is not single_file on files collection', () => {
+        expect(() =>
+          createMockConfig({
+            i18n: {
+              structure: 'multiple_folders',
+              locales: ['en', 'de'],
+            },
+            collections: [
+              {
+                name: 'foo-collection',
+                label: 'Foo',
+                files: [
+                  {
+                    name: 'file',
+                    label: 'File',
+                    file: 'file',
+                    i18n: true,
+                    fields: [{ name: 'title', widget: 'string', i18n: true }],
+                  },
+                ],
+                i18n: true,
+              },
+            ],
+          }),
+        ).toThrow('i18n configuration for files collections is limited to single_file structure');
+      });
+
+      it('should throw when i18n structure is set to multiple_folders and contains a single file collection', () => {
+        expect(() =>
+          createMockConfig({
+            i18n: {
+              structure: 'multiple_folders',
+              locales: ['en', 'de'],
+            },
+            collections: [
+              {
+                name: 'foo-collection',
+                label: 'Foo',
+                files: [
+                  {
+                    name: 'file',
+                    label: 'File',
+                    file: 'file',
+                    fields: [{ name: 'title', widget: 'string' }],
+                  },
+                ],
+                i18n: true,
+              },
+            ],
+          }),
+        ).toThrow('i18n configuration for files collections is limited to single_file structure');
+      });
+
+      it('should throw when i18n structure is set to multiple_files and contains a single file collection', () => {
+        expect(() =>
+          createMockConfig({
+            i18n: {
+              structure: 'multiple_files',
+              locales: ['en', 'de'],
+            },
+            collections: [
+              {
+                name: 'foo-collection',
+                label: 'Foo',
+                files: [
+                  {
+                    name: 'file',
+                    label: 'File',
+                    file: 'file',
+                    fields: [{ name: 'title', widget: 'string' }],
+                  },
+                ],
+                i18n: true,
+              },
+            ],
+          }),
+        ).toThrow('i18n configuration for files collections is limited to single_file structure');
+      });
+
+      it('should set i18n value to translate on field when i18n=true for field in files collection', () => {
+        expect(
+          (
+            createMockConfig({
+              i18n: {
+                structure: 'multiple_folders',
+                locales: ['en', 'de'],
+              },
+              collections: [
+                {
+                  name: 'foo-collection',
+                  label: 'Foo',
+                  files: [
+                    {
+                      name: 'file',
+                      label: 'File',
+                      file: 'file',
+                      i18n: true,
+                      fields: [{ name: 'title', widget: 'string', i18n: true }],
+                    },
+                  ],
+                  i18n: {
+                    structure: 'single_file',
+                  },
+                } as FilesCollection,
+              ],
+            }).collections[0] as FilesCollection
+          ).files[0].fields[0].i18n,
+        ).toEqual('translate');
+      });
+
+      it('should set i18n value to translate on field when i18n=true for field', () => {
+        expect(
+          (
+            createMockConfig({
+              i18n: {
+                structure: 'multiple_folders',
+                locales: ['en', 'de'],
+              },
+              collections: [
+                {
+                  name: 'foo-collection',
+                  label: 'Foo',
+                  folder: 'foo',
+                  i18n: true,
+                  fields: [{ name: 'title', widget: 'string', i18n: true }],
+                } as FolderCollection,
+              ],
+            }).collections[0] as FolderCollection
+          ).fields[0].i18n,
+        ).toEqual('translate');
+      });
+
+      it('should set i18n value to none on field when i18n=false for field', () => {
+        expect(
+          (
+            createMockConfig({
+              i18n: {
+                structure: 'multiple_folders',
+                locales: ['en', 'de'],
+              },
+              collections: [
+                {
+                  name: 'foo-collection',
+                  label: 'Foo',
+                  folder: 'foo',
+                  i18n: true,
+                  fields: [{ name: 'title', widget: 'string', i18n: false }],
+                } as FolderCollection,
+              ],
+            }).collections[0] as FolderCollection
+          ).fields[0].i18n,
+        ).toEqual('none');
+      });
+
+      it('should throw is default locale is missing from root i18n config', () => {
+        expect(() =>
+          createMockConfig({
+            i18n: {
+              structure: 'multiple_folders',
+              locales: ['en', 'de'],
+              default_locale: 'fr',
+            },
+            collections: [
+              {
+                name: 'foo-collection',
+                label: 'Foo',
+                folder: 'foo',
+                fields: [{ name: 'title', widget: 'string' }],
+              },
+            ],
+          }),
+        ).toThrow("i18n locales 'en, de' are missing the default locale fr");
+      });
+
+      it('should throw if default locale is missing from collection i18n config', () => {
+        expect(() =>
+          createMockConfig({
+            i18n: {
+              structure: 'multiple_folders',
+              locales: ['en', 'de'],
+            },
+            collections: [
+              {
+                name: 'foo-collection',
+                label: 'Foo',
+                folder: 'foo',
+                i18n: {
+                  default_locale: 'fr',
+                },
+                fields: [{ name: 'title', widget: 'string' }],
+              },
+            ],
+          }),
+        ).toThrow("i18n locales 'en, de' are missing the default locale fr");
+      });
+    });
+  });
+
+  describe('detectProxyServer', () => {
+    function assetFetchCalled(url = 'http://localhost:8081/api/v1') {
+      expect(global.fetch).toHaveBeenCalledTimes(1);
+      expect(global.fetch).toHaveBeenCalledWith(url, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ action: 'info' }),
+      });
+    }
+
+    beforeEach(() => {
+      delete (window as any).location;
+    });
+
+    it('should return empty object when not on localhost', async () => {
+      (window as any).location = { hostname: 'www.netlify.com', pathname: '/' };
+      global.fetch = jest.fn();
+      await expect(detectProxyServer()).resolves.toEqual({});
+
+      expect(global.fetch).toHaveBeenCalledTimes(0);
+    });
+
+    it('should return empty object when fetch returns an error', async () => {
+      (window as any).location = {
+        hostname: 'localhost',
+        origin: 'http://localhost',
+        pathname: '/',
+      };
+      global.fetch = jest.fn().mockRejectedValue(new Error());
+      await expect(detectProxyServer(true)).resolves.toEqual({});
+
+      assetFetchCalled();
+    });
+
+    it('should return empty object when fetch returns an invalid response', async () => {
+      (window as any).location = {
+        hostname: 'localhost',
+        origin: 'http://localhost',
+        pathname: '/',
+      };
+      global.fetch = jest
+        .fn()
+        .mockResolvedValue({ json: jest.fn().mockResolvedValue({ repo: [] }) });
+      await expect(detectProxyServer(true)).resolves.toEqual({});
+
+      assetFetchCalled();
+    });
+
+    it('should return result object when fetch returns a valid response', async () => {
+      (window as any).location = {
+        hostname: 'localhost',
+        origin: 'http://localhost',
+        pathname: '/',
+      };
+      global.fetch = jest.fn().mockResolvedValue({
+        json: jest.fn().mockResolvedValue({
+          repo: 'test-repo',
+          publish_modes: ['simple', 'editorial_workflow'],
+          type: 'local_git',
+        }),
+      });
+      await expect(detectProxyServer(true)).resolves.toEqual({
+        proxyUrl: 'http://localhost:8081/api/v1',
+        publish_modes: ['simple', 'editorial_workflow'],
+        type: 'local_git',
+      });
+
+      assetFetchCalled();
+    });
+
+    it('should use local_backend url', async () => {
+      const url = 'http://localhost:8082/api/v1';
+      (window as any).location = {
+        hostname: 'localhost',
+        origin: 'http://localhost',
+        pathname: '/',
+      };
+      global.fetch = jest.fn().mockResolvedValue({
+        json: jest.fn().mockResolvedValue({
+          repo: 'test-repo',
+          publish_modes: ['simple', 'editorial_workflow'],
+          type: 'local_git',
+        }),
+      });
+      await expect(detectProxyServer({ url })).resolves.toEqual({
+        proxyUrl: url,
+        publish_modes: ['simple', 'editorial_workflow'],
+        type: 'local_git',
+      });
+
+      assetFetchCalled(url);
+    });
+
+    it('should use local_backend allowed_hosts', async () => {
+      const allowed_hosts = ['192.168.0.1'];
+      (window as any).location = { hostname: '192.168.0.1', pathname: '/' };
+      global.fetch = jest.fn().mockResolvedValue({
+        json: jest.fn().mockResolvedValue({
+          repo: 'test-repo',
+          publish_modes: ['simple', 'editorial_workflow'],
+          type: 'local_git',
+        }),
+      });
+      await expect(detectProxyServer({ allowed_hosts })).resolves.toEqual({
+        proxyUrl: 'http://192.168.0.1:8081/api/v1',
+        publish_modes: ['simple', 'editorial_workflow'],
+        type: 'local_git',
+      });
+
+      assetFetchCalled('http://192.168.0.1:8081/api/v1');
+    });
+  });
+
+  describe('handleLocalBackend', () => {
+    beforeEach(() => {
+      delete (window as any).location;
+    });
+
+    it('should not replace backend config when proxy is not detected', async () => {
+      (window as any).location = {
+        hostname: 'localhost',
+        origin: 'http://localhost',
+        pathname: '/',
+      };
+      global.fetch = jest.fn().mockRejectedValue(new Error());
+
+      const config = createMockConfig({
+        local_backend: true,
+        backend: { name: 'github' },
+        collections: [],
+      }) as Config;
+      const actual = await handleLocalBackend(config);
+
+      expect(actual).toEqual(config);
+    });
+
+    it('should replace backend config when proxy is detected', async () => {
+      (window as any).location = {
+        hostname: 'localhost',
+        origin: 'http://localhost',
+        pathname: '/',
+      };
+      global.fetch = jest.fn().mockResolvedValue({
+        json: jest.fn().mockResolvedValue({
+          repo: 'test-repo',
+          publish_modes: ['simple', 'editorial_workflow'],
+          type: 'local_git',
+        }),
+      });
+
+      const config = createMockConfig({
+        local_backend: true,
+        backend: { name: 'github' },
+        collections: [],
+      }) as Config;
+      const actual = await handleLocalBackend(config);
+
+      expect(actual.backend).toEqual({
+        name: 'proxy',
+        proxy_url: 'http://localhost:8081/api/v1',
+      });
+    });
+
+    it('should replace publish mode when not supported by proxy', async () => {
+      (window as any).location = {
+        hostname: 'localhost',
+        origin: 'http://localhost',
+        pathname: '/',
+      };
+      global.fetch = jest.fn().mockResolvedValue({
+        json: jest.fn().mockResolvedValue({
+          repo: 'test-repo',
+          publish_modes: ['simple'],
+          type: 'local_fs',
+        }),
+      });
+
+      const config = createMockConfig({
+        local_backend: true,
+        publish_mode: 'editorial_workflow',
+        backend: { name: 'github' },
+        collections: [],
+      }) as Config;
+      const actual = await handleLocalBackend(config);
+
+      expect(actual.publish_mode).toBe('simple');
+    });
+  });
+
+  describe('loadConfig', () => {
+    let yamlParseMock: jest.Mock;
+
+    beforeEach(() => {
+      document.querySelector = jest.fn();
+      global.fetch = jest.fn();
+      yamlParseMock = yaml.parse as jest.Mock;
+    });
+
+    it(`should fetch default 'config.yml'`, async () => {
+      (window as any).location = {
+        hostname: 'localhost',
+        origin: 'http://localhost',
+        pathname: '/',
+      };
+      const dispatch = jest.fn();
+
+      const content = stripIndent`
+        backend:
+          repo: test-repo
+      `;
+
+      yamlParseMock.mockReturnValue({
+        backend: {
+          repo: 'test-repo',
+        },
+      });
+
+      (global.fetch as jest.Mock).mockResolvedValue({
+        status: 200,
+        text: () => Promise.resolve(content),
+        headers: new Headers(),
+      });
+      const response = await loadConfig(undefined, () => {});
+      if (typeof response === 'function') {
+        await response(dispatch);
+      }
+
+      expect(global.fetch).toHaveBeenCalledTimes(1);
+      expect(global.fetch).toHaveBeenCalledWith('http://localhost/config.yml', {
+        credentials: 'same-origin',
+      });
+
+      expect(yamlParseMock).toHaveBeenCalledWith(content, {
+        maxAliasCount: -1,
+        prettyErrors: true,
+        merge: true,
+      });
+
+      expect(dispatch).toHaveBeenCalledTimes(2);
+      expect(dispatch).toHaveBeenCalledWith({ type: 'CONFIG_REQUEST' });
+      expect(dispatch).toHaveBeenCalledWith({
+        type: 'CONFIG_SUCCESS',
+        payload: {
+          config: {
+            backend: { repo: 'test-repo' },
+            collections: [],
+            publish_mode: 'simple',
+            slug: { encoding: 'unicode', clean_accents: false, sanitize_replacement: '-' },
+            public_folder: '/',
+          },
+          originalConfig: {
+            backend: {
+              repo: 'test-repo',
+            },
+          },
+        },
+      });
+    });
+
+    it(`should fetch from custom 'config.yml'`, async () => {
+      (window as any).location = {
+        hostname: 'localhost',
+        origin: 'http://localhost',
+        pathname: '/',
+      };
+      const dispatch = jest.fn();
+
+      const content = stripIndent`
+        backend:
+          repo: github
+      `;
+
+      yamlParseMock.mockReturnValue({
+        backend: {
+          repo: 'github',
+        },
+      });
+
+      (document.querySelector as jest.Mock).mockReturnValue({
+        type: 'text/yaml',
+        href: 'custom-config.yml',
+      });
+      (global.fetch as jest.Mock).mockResolvedValue({
+        status: 200,
+        text: () => Promise.resolve(content),
+        headers: new Headers({
+          'Content-Type': 'text/plain',
+        }),
+      });
+      const response = await loadConfig(undefined, () => {});
+      if (typeof response === 'function') {
+        await response(dispatch);
+      }
+
+      expect(document.querySelector).toHaveBeenCalledTimes(1);
+      expect(document.querySelector).toHaveBeenCalledWith('link[rel="cms-config-url"]');
+
+      expect(global.fetch).toHaveBeenCalledTimes(1);
+      expect(global.fetch).toHaveBeenCalledWith('custom-config.yml', {
+        credentials: 'same-origin',
+      });
+
+      expect(yamlParseMock).toHaveBeenCalledWith(content, {
+        maxAliasCount: -1,
+        prettyErrors: true,
+        merge: true,
+      });
+
+      expect(dispatch).toHaveBeenCalledTimes(2);
+      expect(dispatch).toHaveBeenNthCalledWith(1, { type: 'CONFIG_REQUEST' });
+      expect(dispatch).toHaveBeenNthCalledWith(2, {
+        type: 'CONFIG_SUCCESS',
+        payload: {
+          config: {
+            backend: { repo: 'github' },
+            collections: [],
+            publish_mode: 'simple',
+            slug: { encoding: 'unicode', clean_accents: false, sanitize_replacement: '-' },
+            public_folder: '/',
+          },
+          originalConfig: {
+            backend: {
+              repo: 'github',
+            },
+          },
+        },
+      });
+    });
+
+    it(`should throw on failure to fetch 'config.yml'`, async () => {
+      const dispatch = jest.fn();
+
+      (global.fetch as jest.Mock).mockRejectedValue(new Error('Failed to fetch'));
+      const response = await loadConfig(undefined, () => {});
+      if (typeof response === 'function') {
+        await expect(() => response(dispatch)).rejects.toEqual(
+          new Error('Failed to load config.yml (Failed to fetch)'),
+        );
+      }
+
+      expect(dispatch).toHaveBeenCalledTimes(2);
+      expect(dispatch).toHaveBeenCalledWith({ type: 'CONFIG_REQUEST' });
+      expect(dispatch).toHaveBeenCalledWith({
+        type: 'CONFIG_FAILURE',
+        error: 'Error loading config',
+        payload: new Error('Failed to load config.yml (Failed to fetch)'),
+      });
+    });
+  });
+});
diff --git a/packages/core/src/actions/auth.ts b/packages/core/src/actions/auth.ts
index 42a2ece1..707cd327 100644
--- a/packages/core/src/actions/auth.ts
+++ b/packages/core/src/actions/auth.ts
@@ -2,6 +2,7 @@ import { currentBackend } from '../backend';
 import { AUTH_FAILURE, AUTH_REQUEST, AUTH_REQUEST_DONE, AUTH_SUCCESS, LOGOUT } from '../constants';
 import { invokeEvent } from '../lib/registry';
 import { addSnackbar } from '../store/slices/snackbars';
+import { useOpenAuthoring } from './globalUI';
 
 import type { AnyAction } from 'redux';
 import type { ThunkDispatch } from 'redux-thunk';
@@ -57,6 +58,9 @@ export function authenticateUser() {
     return Promise.resolve(backend.currentUser())
       .then(user => {
         if (user) {
+          if (user.useOpenAuthoring) {
+            dispatch(useOpenAuthoring());
+          }
           dispatch(authenticate(user));
         } else {
           dispatch(doneAuthenticating());
@@ -85,6 +89,9 @@ export function loginUser(credentials: Credentials) {
     return backend
       .authenticate(credentials)
       .then(user => {
+        if (user.useOpenAuthoring) {
+          dispatch(useOpenAuthoring());
+        }
         dispatch(authenticate(user));
       })
       .catch((error: unknown) => {
diff --git a/packages/core/src/actions/config.ts b/packages/core/src/actions/config.ts
index 1596ecaa..66ebc393 100644
--- a/packages/core/src/actions/config.ts
+++ b/packages/core/src/actions/config.ts
@@ -1,28 +1,32 @@
 import deepmerge from 'deepmerge';
 import { produce } from 'immer';
+import cloneDeep from 'lodash/cloneDeep';
 import trim from 'lodash/trim';
 import trimStart from 'lodash/trimStart';
 import yaml from 'yaml';
 
-import { resolveBackend } from '@staticcms/core/backend';
 import { CONFIG_FAILURE, CONFIG_REQUEST, CONFIG_SUCCESS } from '../constants';
 import validateConfig from '../constants/configSchema';
-import {
-  I18N,
-  I18N_FIELD_NONE,
-  I18N_FIELD_TRANSLATE,
-  I18N_STRUCTURE_SINGLE_FILE,
-} from '../lib/i18n';
+import { SIMPLE as SIMPLE_PUBLISH_MODE } from '../constants/publishModes';
+import { I18N_FIELD_NONE, I18N_FIELD_TRANSLATE, I18N_STRUCTURE_SINGLE_FILE } from '../lib/i18n';
 import { selectDefaultSortableFields } from '../lib/util/collection.util';
 
 import type { AnyAction } from 'redux';
 import type { ThunkDispatch } from 'redux-thunk';
+import type { Workflow } from '../constants/publishModes';
 import type {
   BaseField,
   Collection,
   CollectionFile,
+  CollectionFileWithDefaults,
+  CollectionWithDefaults,
   Config,
+  ConfigWithDefaults,
   Field,
+  FilesCollection,
+  FilesCollectionWithDefaults,
+  FolderCollection,
+  FolderCollectionWithDefaults,
   I18nInfo,
   LocalBackend,
   UnknownField,
@@ -60,14 +64,16 @@ function getConfigUrl() {
 }
 
 const setFieldDefaults =
-  (collection: Collection, collectionFile?: CollectionFile) => (field: Field) => {
+  (collection: Collection, config: Config, collectionFile?: CollectionFile) => (field: Field) => {
     if ('media_folder' in field && !('public_folder' in field)) {
       return { ...field, public_folder: field.media_folder };
     }
 
     if (field.widget === 'image' || field.widget === 'file' || field.widget === 'markdown') {
       field.media_library = {
-        ...((collectionFile ?? collection).media_library ?? {}),
+        ...(config.media_library ?? {}),
+        ...(collectionFile?.media_library ?? {}),
+        ...(collection.media_library ?? {}),
         ...(field.media_library ?? {}),
       };
     }
@@ -76,23 +82,27 @@ const setFieldDefaults =
   };
 
 function setI18nField<T extends BaseField = UnknownField>(field: T) {
-  if (field[I18N] === true) {
-    return { ...field, [I18N]: I18N_FIELD_TRANSLATE };
-  } else if (field[I18N] === false || !field[I18N]) {
-    return { ...field, [I18N]: I18N_FIELD_NONE };
+  if (field.i18n === true) {
+    return { ...field, ['i18n']: I18N_FIELD_TRANSLATE };
+  } else if (field.i18n === false || !field['i18n']) {
+    return { ...field, ['i18n']: I18N_FIELD_NONE };
   }
   return field;
 }
 
-function getI18nDefaults(collectionOrFileI18n: boolean | I18nInfo, defaultI18n: I18nInfo) {
+function getI18nDefaults(
+  collectionOrFileI18n: boolean | Partial<I18nInfo>,
+  { default_locale, locales = ['en'], structure = I18N_STRUCTURE_SINGLE_FILE }: Partial<I18nInfo>,
+): I18nInfo {
   if (typeof collectionOrFileI18n === 'boolean') {
-    return defaultI18n;
+    return { default_locale, locales, structure };
   } else {
-    const locales = collectionOrFileI18n.locales || defaultI18n.locales;
-    const defaultLocale = collectionOrFileI18n.defaultLocale || locales[0];
-    const mergedI18n: I18nInfo = deepmerge(defaultI18n, collectionOrFileI18n);
-    mergedI18n.locales = locales;
-    mergedI18n.defaultLocale = defaultLocale;
+    const mergedI18n: I18nInfo = deepmerge(
+      { default_locale, locales, structure },
+      collectionOrFileI18n,
+    );
+    mergedI18n.locales = collectionOrFileI18n.locales ?? locales;
+    mergedI18n.default_locale = collectionOrFileI18n.default_locale || locales?.[0];
     throwOnMissingDefaultLocale(mergedI18n);
     return mergedI18n;
   }
@@ -104,13 +114,13 @@ function setI18nDefaultsForFields(collectionOrFileFields: Field[], hasI18n: bool
   } else {
     return traverseFields(collectionOrFileFields, field => {
       const newField = { ...field };
-      delete newField[I18N];
+      delete newField.i18n;
       return newField;
     });
   }
 }
 
-function throwOnInvalidFileCollectionStructure(i18n?: I18nInfo) {
+function throwOnInvalidFileCollectionStructure(i18n?: Partial<I18nInfo>) {
   if (i18n && i18n.structure !== I18N_STRUCTURE_SINGLE_FILE) {
     throw new Error(
       `i18n configuration for files collections is limited to ${I18N_STRUCTURE_SINGLE_FILE} structure`,
@@ -118,162 +128,229 @@ function throwOnInvalidFileCollectionStructure(i18n?: I18nInfo) {
   }
 }
 
-function throwOnMissingDefaultLocale(i18n?: I18nInfo) {
-  if (i18n && i18n.defaultLocale && !i18n.locales.includes(i18n.defaultLocale)) {
+function throwOnMissingDefaultLocale(i18n?: Partial<I18nInfo>) {
+  if (i18n && i18n.default_locale && !i18n.locales?.includes(i18n.default_locale)) {
     throw new Error(
-      `i18n locales '${i18n.locales.join(', ')}' are missing the default locale ${
-        i18n.defaultLocale
+      `i18n locales '${i18n.locales?.join(', ')}' are missing the default locale ${
+        i18n.default_locale
       }`,
     );
   }
 }
 
-export function applyDefaults<EF extends BaseField = UnknownField>(
-  originalConfig: Config<EF>,
-): Config<EF> {
-  return produce(originalConfig, (config: Config) => {
-    config.slug = config.slug || {};
-    config.collections = config.collections || [];
+function applyFolderCollectionDefaults(
+  originalCollection: FolderCollection,
+  collectionI18n: I18nInfo | undefined,
+  config: Config,
+): FolderCollectionWithDefaults {
+  const collection: FolderCollectionWithDefaults = {
+    ...originalCollection,
+    i18n: collectionI18n,
+  };
 
-    // Use `site_url` as default `display_url`.
-    if (!config.display_url && config.site_url) {
-      config.display_url = config.site_url;
-    }
+  if (collection.path && !collection.media_folder) {
+    // default value for media folder when using the path config
+    collection.media_folder = '';
+  }
 
-    // Use media_folder as default public_folder.
-    const defaultPublicFolder = `/${trimStart(config.media_folder, '/')}`;
-    if (!('public_folder' in config)) {
-      config.public_folder = defaultPublicFolder;
-    }
+  if ('media_folder' in collection && !('public_folder' in collection)) {
+    collection.public_folder = collection.media_folder;
+  }
 
-    // default values for the slug config
-    if (!('encoding' in config.slug)) {
-      config.slug.encoding = 'unicode';
-    }
+  if ('fields' in collection && collection.fields) {
+    collection.fields = traverseFields(collection.fields, setFieldDefaults(collection, config));
+  }
 
-    if (!('clean_accents' in config.slug)) {
-      config.slug.clean_accents = false;
-    }
+  collection.folder = trim(collection.folder, '/');
+  collection.publish = collection.publish ?? true;
 
-    if (!('sanitize_replacement' in config.slug)) {
-      config.slug.sanitize_replacement = '-';
-    }
+  return collection;
+}
 
-    const i18n = config[I18N];
+function applyCollectionFileDefaults(
+  originalFile: CollectionFile,
+  collection: Collection,
+  collectionI18n: I18nInfo | undefined,
+  config: Config,
+): CollectionFileWithDefaults {
+  const file: CollectionFileWithDefaults = {
+    ...originalFile,
+    i18n: undefined,
+  };
 
-    if (i18n) {
-      i18n.defaultLocale = i18n.defaultLocale || i18n.locales[0];
-    }
+  file.file = trimStart(file.file, '/');
 
-    throwOnMissingDefaultLocale(i18n);
+  if ('media_folder' in file && !('public_folder' in file)) {
+    file.public_folder = file.media_folder;
+  }
 
-    const backend = resolveBackend(config);
+  file.media_library = {
+    ...(collection.media_library ?? {}),
+    ...(file.media_library ?? {}),
+  };
 
-    for (const collection of config.collections) {
-      let collectionI18n = collection[I18N];
+  if (file.fields) {
+    file.fields = traverseFields(file.fields, setFieldDefaults(collection, config, file));
+  }
 
-      if (config.editor && !collection.editor) {
-        collection.editor = config.editor;
-      }
+  let fileI18n: I18nInfo | undefined;
 
-      collection.media_library = {
-        ...(config.media_library ?? {}),
-        ...(collection.media_library ?? {}),
+  if (originalFile.i18n && collectionI18n) {
+    fileI18n = getI18nDefaults(originalFile.i18n, {
+      locales: collectionI18n.locales,
+      default_locale: collectionI18n.default_locale,
+      structure: collectionI18n.structure,
+    });
+    file.i18n = fileI18n;
+  } else {
+    fileI18n = undefined;
+    delete file.i18n;
+  }
+
+  throwOnInvalidFileCollectionStructure(fileI18n);
+
+  if (file.fields) {
+    file.fields = setI18nDefaultsForFields(file.fields, Boolean(fileI18n));
+  }
+
+  if (collection.editor && !file.editor) {
+    file.editor = collection.editor;
+  }
+
+  return file;
+}
+
+function applyFilesCollectionDefaults(
+  originalCollection: FilesCollection,
+  collectionI18n: I18nInfo | undefined,
+  config: Config,
+): FilesCollectionWithDefaults {
+  const collection: FilesCollectionWithDefaults = {
+    ...originalCollection,
+    i18n: collectionI18n,
+    files: originalCollection.files.map(f =>
+      applyCollectionFileDefaults(f, originalCollection, collectionI18n, config),
+    ),
+  };
+
+  throwOnInvalidFileCollectionStructure(collectionI18n);
+
+  return collection;
+}
+
+function applyCollectionDefaults(
+  originalCollection: Collection,
+  config: Config,
+): CollectionWithDefaults {
+  let collection: CollectionWithDefaults;
+
+  let collectionI18n: I18nInfo | undefined;
+
+  if (config.i18n && originalCollection.i18n) {
+    collectionI18n = getI18nDefaults(originalCollection.i18n, config.i18n);
+  } else {
+    collectionI18n = undefined;
+  }
+
+  if ('folder' in originalCollection) {
+    collection = applyFolderCollectionDefaults(originalCollection, collectionI18n, config);
+  } else {
+    collection = applyFilesCollectionDefaults(originalCollection, collectionI18n, config);
+  }
+
+  if (config.editor && !collection.editor) {
+    collection.editor = config.editor;
+  }
+
+  collection.media_library = {
+    ...(config.media_library ?? {}),
+    ...(collection.media_library ?? {}),
+  };
+
+  if ('fields' in collection && collection.fields) {
+    collection.fields = setI18nDefaultsForFields(collection.fields, Boolean(collectionI18n));
+  }
+
+  const { view_filters, view_groups } = collection;
+
+  if (!collection.sortable_fields) {
+    collection.sortable_fields = {
+      fields: selectDefaultSortableFields(collection, config),
+    };
+  }
+
+  collection.view_filters = {
+    default: collection.view_filters?.default,
+    filters: (view_filters?.filters ?? []).map(filter => {
+      return {
+        ...filter,
+        id: `${filter.field}__${filter.pattern}`,
       };
+    }),
+  };
 
-      if (i18n && collectionI18n) {
-        collectionI18n = getI18nDefaults(collectionI18n, i18n);
-        collection[I18N] = collectionI18n;
-      } else {
-        collectionI18n = undefined;
-        delete collection[I18N];
-      }
+  collection.view_groups = {
+    default: collection.view_groups?.default,
+    groups: (view_groups?.groups ?? []).map(group => {
+      return {
+        ...group,
+        id: `${group.field}__${group.pattern}`,
+      };
+    }),
+  };
 
-      if ('fields' in collection && collection.fields) {
-        collection.fields = setI18nDefaultsForFields(collection.fields, Boolean(collectionI18n));
-      }
+  return collection;
+}
 
-      const { view_filters, view_groups } = collection;
+export function applyDefaults<EF extends BaseField = UnknownField>(
+  originConfig: Config<EF>,
+): ConfigWithDefaults<EF> {
+  const clonedConfig = cloneDeep(originConfig) as Config;
 
-      if ('folder' in collection && collection.folder) {
-        if (collection.path && !collection.media_folder) {
-          // default value for media folder when using the path config
-          collection.media_folder = '';
-        }
+  const i18n = clonedConfig.i18n;
 
-        if ('media_folder' in collection && !('public_folder' in collection)) {
-          collection.public_folder = collection.media_folder;
-        }
+  if (i18n) {
+    i18n.default_locale = i18n.default_locale ?? i18n.locales[0];
+  }
 
-        if ('fields' in collection && collection.fields) {
-          collection.fields = traverseFields(collection.fields, setFieldDefaults(collection));
-        }
+  throwOnMissingDefaultLocale(i18n);
 
-        collection.folder = trim(collection.folder, '/');
-      }
+  const config: ConfigWithDefaults = {
+    ...clonedConfig,
+    collections: (clonedConfig.collections ?? []).map(c =>
+      applyCollectionDefaults(c, clonedConfig),
+    ),
+  };
 
-      if ('files' in collection && collection.files) {
-        throwOnInvalidFileCollectionStructure(collectionI18n);
+  config.publish_mode = config.publish_mode ?? SIMPLE_PUBLISH_MODE;
+  config.slug = config.slug ?? {};
+  config.collections = config.collections ?? [];
 
-        for (const file of collection.files) {
-          file.file = trimStart(file.file, '/');
+  // Use `site_url` as default `display_url`.
+  if (!config.display_url && config.site_url) {
+    config.display_url = config.site_url;
+  }
 
-          if ('media_folder' in file && !('public_folder' in file)) {
-            file.public_folder = file.media_folder;
-          }
+  // Use media_folder as default public_folder.
+  const defaultPublicFolder = `/${trimStart(config.media_folder, '/')}`;
+  if (!('public_folder' in config)) {
+    config.public_folder = defaultPublicFolder;
+  }
 
-          file.media_library = {
-            ...(collection.media_library ?? {}),
-            ...(file.media_library ?? {}),
-          };
+  // default values for the slug config
+  if (!('encoding' in config.slug)) {
+    config.slug.encoding = 'unicode';
+  }
 
-          if (file.fields) {
-            file.fields = traverseFields(file.fields, setFieldDefaults(collection, file));
-          }
+  if (!('clean_accents' in config.slug)) {
+    config.slug.clean_accents = false;
+  }
 
-          let fileI18n = file[I18N];
+  if (!('sanitize_replacement' in config.slug)) {
+    config.slug.sanitize_replacement = '-';
+  }
 
-          if (fileI18n && collectionI18n) {
-            fileI18n = getI18nDefaults(fileI18n, collectionI18n);
-            file[I18N] = fileI18n;
-          } else {
-            fileI18n = undefined;
-            delete file[I18N];
-          }
-
-          throwOnInvalidFileCollectionStructure(fileI18n);
-
-          if (file.fields) {
-            file.fields = setI18nDefaultsForFields(file.fields, Boolean(fileI18n));
-          }
-
-          if (collection.editor && !file.editor) {
-            file.editor = collection.editor;
-          }
-        }
-      }
-
-      if (!collection.sortable_fields) {
-        collection.sortable_fields = {
-          fields: selectDefaultSortableFields(collection, backend),
-        };
-      }
-
-      collection.view_filters = (view_filters || []).map(filter => {
-        return {
-          ...filter,
-          id: `${filter.field}__${filter.pattern}`,
-        };
-      });
-
-      collection.view_groups = (view_groups || []).map(group => {
-        return {
-          ...group,
-          id: `${group.field}__${group.pattern}`,
-        };
-      });
-    }
-  });
+  return config as ConfigWithDefaults<EF>;
 }
 
 export function parseConfig(data: string) {
@@ -305,10 +382,13 @@ async function getConfigYaml(file: string): Promise<Config> {
   return parseConfig(await response.text());
 }
 
-export function configLoaded(config: Config) {
+export function configLoaded(config: ConfigWithDefaults, originalConfig: Config) {
   return {
     type: CONFIG_SUCCESS,
-    payload: config,
+    payload: {
+      config,
+      originalConfig,
+    },
   } as const;
 }
 
@@ -350,15 +430,16 @@ export async function detectProxyServer(localBackend?: boolean | LocalBackend) {
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({ action: 'info' }),
     });
-    const { repo, type } = (await res.json()) as {
+    const { repo, publish_modes, type } = (await res.json()) as {
       repo?: string;
+      publish_modes?: Workflow[];
       type?: string;
     };
-    if (typeof repo === 'string' && typeof type === 'string') {
+    if (typeof repo === 'string' && Array.isArray(publish_modes) && typeof type === 'string') {
       console.info(
         `[StaticCMS] Detected Static CMS Proxy Server at '${proxyUrl}' with repo: '${repo}'`,
       );
-      return { proxyUrl, type };
+      return { proxyUrl, publish_modes, type };
     } else {
       console.info(`[StaticCMS] Static CMS Proxy Server not detected at '${proxyUrl}'`);
       return {};
@@ -369,12 +450,28 @@ export async function detectProxyServer(localBackend?: boolean | LocalBackend) {
   }
 }
 
+function getPublishMode(config: Config, publishModes?: Workflow[], backendType?: string) {
+  if (config.publish_mode && publishModes && !publishModes.includes(config.publish_mode)) {
+    const newPublishMode = publishModes[0];
+    console.info(
+      `'${config.publish_mode}' is not supported by '${backendType}' backend, switching to '${newPublishMode}'`,
+    );
+    return newPublishMode;
+  }
+
+  return config.publish_mode;
+}
+
 export async function handleLocalBackend(originalConfig: Config) {
   if (!originalConfig.local_backend) {
     return originalConfig;
   }
 
-  const { proxyUrl } = await detectProxyServer(originalConfig.local_backend);
+  const {
+    proxyUrl,
+    publish_modes: publishModes,
+    type: backendType,
+  } = await detectProxyServer(originalConfig.local_backend);
 
   if (!proxyUrl) {
     return originalConfig;
@@ -383,26 +480,36 @@ export async function handleLocalBackend(originalConfig: Config) {
   return produce(originalConfig, config => {
     config.backend.name = 'proxy';
     config.backend.proxy_url = proxyUrl;
+
+    if (config.publish_mode) {
+      config.publish_mode = getPublishMode(config as Config, publishModes, backendType);
+    }
   });
 }
 
-export function loadConfig(manualConfig: Config | undefined, onLoad: (config: Config) => unknown) {
-  if (window.CMS_CONFIG) {
-    return configLoaded(window.CMS_CONFIG);
-  }
+export function loadConfig(
+  manualConfig: Config | undefined,
+  onLoad: (config: ConfigWithDefaults) => unknown,
+) {
   return async (dispatch: ThunkDispatch<RootState, {}, AnyAction>) => {
     dispatch(configLoading());
 
     try {
-      const configUrl = getConfigUrl();
-      const mergedConfig = manualConfig ? manualConfig : await getConfigYaml(configUrl);
+      let originalConfig: Config;
 
-      validateConfig(mergedConfig);
+      if (window.CMS_CONFIG) {
+        originalConfig = window.CMS_CONFIG;
+      } else {
+        const configUrl = getConfigUrl();
+        originalConfig = manualConfig ? manualConfig : await getConfigYaml(configUrl);
+      }
 
-      const withLocalBackend = await handleLocalBackend(mergedConfig);
+      validateConfig(originalConfig);
+
+      const withLocalBackend = await handleLocalBackend(originalConfig);
       const config = applyDefaults(withLocalBackend);
 
-      dispatch(configLoaded(config));
+      dispatch(configLoaded(config, originalConfig));
 
       if (typeof onLoad === 'function') {
         onLoad(config);
diff --git a/packages/core/src/actions/editorialWorkflow.ts b/packages/core/src/actions/editorialWorkflow.ts
new file mode 100644
index 00000000..f65be4c6
--- /dev/null
+++ b/packages/core/src/actions/editorialWorkflow.ts
@@ -0,0 +1,657 @@
+import { currentBackend } from '../backend';
+import {
+  UNPUBLISHED_ENTRIES_FAILURE,
+  UNPUBLISHED_ENTRIES_REQUEST,
+  UNPUBLISHED_ENTRIES_SUCCESS,
+  UNPUBLISHED_ENTRY_DELETE_FAILURE,
+  UNPUBLISHED_ENTRY_DELETE_REQUEST,
+  UNPUBLISHED_ENTRY_DELETE_SUCCESS,
+  UNPUBLISHED_ENTRY_PERSIST_FAILURE,
+  UNPUBLISHED_ENTRY_PERSIST_REQUEST,
+  UNPUBLISHED_ENTRY_PERSIST_SUCCESS,
+  UNPUBLISHED_ENTRY_PUBLISH_FAILURE,
+  UNPUBLISHED_ENTRY_PUBLISH_REQUEST,
+  UNPUBLISHED_ENTRY_PUBLISH_SUCCESS,
+  UNPUBLISHED_ENTRY_REDIRECT,
+  UNPUBLISHED_ENTRY_REQUEST,
+  UNPUBLISHED_ENTRY_STATUS_CHANGE_FAILURE,
+  UNPUBLISHED_ENTRY_STATUS_CHANGE_REQUEST,
+  UNPUBLISHED_ENTRY_STATUS_CHANGE_SUCCESS,
+  UNPUBLISHED_ENTRY_SUCCESS,
+} from '../constants';
+import { EDITORIAL_WORKFLOW, WorkflowStatus } from '../constants/publishModes';
+import ValidationErrorTypes from '../constants/validationErrorTypes';
+import { EditorialWorkflowError } from '../lib';
+import { slugFromCustomPath } from '../lib/util/nested.util';
+import {
+  selectUnpublishedEntry,
+  selectUnpublishedSlugs,
+} from '../reducers/selectors/editorialWorkflow';
+import { selectEntry, selectPublishedSlugs } from '../reducers/selectors/entries';
+import { selectEditingDraft } from '../reducers/selectors/entryDraft';
+import { addSnackbar } from '../store/slices/snackbars';
+import { createAssetProxy } from '../valueObjects/AssetProxy';
+import {
+  createDraftFromEntry,
+  entryDeleted,
+  getMediaAssets,
+  getSerializedEntry,
+  loadEntries,
+  loadEntry,
+} from './entries';
+import { addAssets } from './media';
+import { loadMedia } from './mediaLibrary';
+
+import type { NavigateFunction } from 'react-router-dom';
+import type { AnyAction } from 'redux';
+import type { ThunkDispatch } from 'redux-thunk';
+import type {
+  CollectionWithDefaults,
+  CollectionsWithDefaults,
+  ConfigWithDefaults,
+  Entry,
+  EntryDraft,
+} from '../interface';
+import type { RootState } from '../store';
+
+/*
+ * Simple Action Creators (Internal)
+ */
+
+function unpublishedEntryLoading(collection: CollectionWithDefaults, slug: string) {
+  return {
+    type: UNPUBLISHED_ENTRY_REQUEST,
+    payload: {
+      collection: collection.name,
+      slug,
+    },
+  } as const;
+}
+
+function unpublishedEntryLoaded(collection: CollectionWithDefaults, entry: Entry) {
+  return {
+    type: UNPUBLISHED_ENTRY_SUCCESS,
+    payload: {
+      collection: collection.name,
+      entry,
+    },
+  } as const;
+}
+
+function unpublishedEntryRedirected(collection: CollectionWithDefaults, slug: string) {
+  return {
+    type: UNPUBLISHED_ENTRY_REDIRECT,
+    payload: {
+      collection: collection.name,
+      slug,
+    },
+  } as const;
+}
+
+function unpublishedEntriesLoading() {
+  return {
+    type: UNPUBLISHED_ENTRIES_REQUEST,
+  } as const;
+}
+
+function unpublishedEntriesLoaded(entries: Entry[], pagination: number) {
+  return {
+    type: UNPUBLISHED_ENTRIES_SUCCESS,
+    payload: {
+      entries,
+      pages: pagination,
+    },
+  } as const;
+}
+
+function unpublishedEntriesFailed(error: Error) {
+  return {
+    type: UNPUBLISHED_ENTRIES_FAILURE,
+    error: 'Failed to load entries',
+    payload: error,
+  } as const;
+}
+
+function unpublishedEntryPersisting(collection: CollectionWithDefaults, slug: string) {
+  return {
+    type: UNPUBLISHED_ENTRY_PERSIST_REQUEST,
+    payload: {
+      collection: collection.name,
+      slug,
+    },
+  } as const;
+}
+
+function unpublishedEntryPersisted(collection: CollectionWithDefaults, entry: Entry) {
+  return {
+    type: UNPUBLISHED_ENTRY_PERSIST_SUCCESS,
+    payload: {
+      collection: collection.name,
+      entry,
+      slug: entry.slug,
+    },
+  } as const;
+}
+
+function unpublishedEntryPersistedFail(
+  error: unknown,
+  collection: CollectionWithDefaults,
+  slug: string,
+) {
+  return {
+    type: UNPUBLISHED_ENTRY_PERSIST_FAILURE,
+    payload: {
+      error,
+      collection: collection.name,
+      slug,
+    },
+    error,
+  } as const;
+}
+
+function unpublishedEntryStatusChangeRequest(collection: string, slug: string) {
+  return {
+    type: UNPUBLISHED_ENTRY_STATUS_CHANGE_REQUEST,
+    payload: {
+      collection,
+      slug,
+    },
+  } as const;
+}
+
+function unpublishedEntryStatusChangePersisted(
+  collection: string,
+  slug: string,
+  newStatus: WorkflowStatus,
+) {
+  return {
+    type: UNPUBLISHED_ENTRY_STATUS_CHANGE_SUCCESS,
+    payload: {
+      collection,
+      slug,
+      newStatus,
+    },
+  } as const;
+}
+
+function unpublishedEntryStatusChangeError(collection: string, slug: string) {
+  return {
+    type: UNPUBLISHED_ENTRY_STATUS_CHANGE_FAILURE,
+    payload: { collection, slug },
+  } as const;
+}
+
+function unpublishedEntryPublishRequest(collection: string, slug: string) {
+  return {
+    type: UNPUBLISHED_ENTRY_PUBLISH_REQUEST,
+    payload: { collection, slug },
+  } as const;
+}
+
+function unpublishedEntryPublished(collection: string, slug: string) {
+  return {
+    type: UNPUBLISHED_ENTRY_PUBLISH_SUCCESS,
+    payload: { collection, slug },
+  } as const;
+}
+
+function unpublishedEntryPublishError(collection: string, slug: string) {
+  return {
+    type: UNPUBLISHED_ENTRY_PUBLISH_FAILURE,
+    payload: { collection, slug },
+  } as const;
+}
+
+function unpublishedEntryDeleteRequest(collection: string, slug: string) {
+  return {
+    type: UNPUBLISHED_ENTRY_DELETE_REQUEST,
+    payload: { collection, slug },
+  } as const;
+}
+
+function unpublishedEntryDeleted(collection: string, slug: string) {
+  return {
+    type: UNPUBLISHED_ENTRY_DELETE_SUCCESS,
+    payload: { collection, slug },
+  } as const;
+}
+
+function unpublishedEntryDeleteError(collection: string, slug: string) {
+  return {
+    type: UNPUBLISHED_ENTRY_DELETE_FAILURE,
+    payload: { collection, slug },
+  } as const;
+}
+
+/*
+ * Exported Thunk Action Creators
+ */
+
+export function loadUnpublishedEntry(collection: CollectionWithDefaults, slug: string) {
+  return async (dispatch: ThunkDispatch<RootState, {}, AnyAction>, getState: () => RootState) => {
+    const state = getState();
+    if (!state.config.config) {
+      return;
+    }
+
+    const backend = currentBackend(state.config.config);
+    const entriesLoaded = state.editorialWorkflow.ids;
+    //run possible unpublishedEntries migration
+    if (!entriesLoaded) {
+      try {
+        const { entries, pagination } = await backend.unpublishedEntries(
+          state.collections,
+          state.config.config,
+        );
+        dispatch(unpublishedEntriesLoaded(entries, pagination));
+        // eslint-disable-next-line no-empty
+      } catch (e) {}
+    }
+
+    dispatch(unpublishedEntryLoading(collection, slug));
+
+    try {
+      const entry = await backend.unpublishedEntry(state, collection, state.config.config, slug);
+      const assetProxies = await Promise.all(
+        entry.mediaFiles
+          .filter(file => file.draft)
+          .map(({ url, file, path }) =>
+            createAssetProxy({
+              path,
+              url,
+              file,
+            }),
+          ),
+      );
+      dispatch(addAssets(assetProxies));
+      dispatch(unpublishedEntryLoaded(collection, entry));
+      dispatch(createDraftFromEntry(collection, entry));
+    } catch (error) {
+      if (error instanceof EditorialWorkflowError && error.notUnderEditorialWorkflow) {
+        dispatch(unpublishedEntryRedirected(collection, slug));
+        dispatch(loadEntry(collection, slug));
+      } else {
+        console.error(error);
+        dispatch(
+          addSnackbar({
+            type: 'error',
+            message: {
+              key: 'ui.toast.onFailToLoadEntries',
+              options: {
+                details: error,
+              },
+            },
+          }),
+        );
+      }
+    }
+  };
+}
+
+export function loadUnpublishedEntries(collections: CollectionsWithDefaults) {
+  return (dispatch: ThunkDispatch<RootState, {}, AnyAction>, getState: () => RootState) => {
+    const state = getState();
+    if (!state.config.config) {
+      return;
+    }
+
+    const backend = currentBackend(state.config.config);
+
+    if (state.config.config.publish_mode !== EDITORIAL_WORKFLOW) {
+      return;
+    }
+
+    dispatch(unpublishedEntriesLoading());
+    backend
+      .unpublishedEntries(collections, state.config.config)
+      .then(response => dispatch(unpublishedEntriesLoaded(response.entries, response.pagination)))
+      .catch((error: Error) => {
+        console.error(error);
+        dispatch(
+          addSnackbar({
+            type: 'error',
+            message: {
+              key: 'ui.toast.onFailToLoadEntries',
+              options: {
+                details: error,
+              },
+            },
+          }),
+        );
+        dispatch(unpublishedEntriesFailed(error));
+        Promise.reject(error);
+      });
+  };
+}
+
+export function persistUnpublishedEntry(
+  collection: CollectionWithDefaults,
+  rootSlug: string | undefined,
+  existingUnpublishedEntry: boolean,
+  navigate: NavigateFunction,
+) {
+  return async (dispatch: ThunkDispatch<RootState, {}, AnyAction>, getState: () => RootState) => {
+    const state = getState();
+    if (!state.config.config) {
+      return;
+    }
+
+    const entryDraft = state.entryDraft;
+    const fieldsErrors = entryDraft.fieldsErrors;
+    const unpublishedSlugs = selectUnpublishedSlugs(state, collection.name);
+    const publishedSlugs = selectPublishedSlugs(state, collection.name);
+    const usedSlugs = publishedSlugs.concat(unpublishedSlugs);
+    const entriesLoaded = state.editorialWorkflow.ids;
+
+    //load unpublishedEntries
+    !entriesLoaded && dispatch(loadUnpublishedEntries(state.collections));
+
+    // Early return if draft contains validation errors
+    if (Object.keys(fieldsErrors).length > 0) {
+      const hasPresenceErrors = Object.values(fieldsErrors).find(errors =>
+        errors.some(error => error.type && error.type === ValidationErrorTypes.PRESENCE),
+      );
+
+      if (hasPresenceErrors) {
+        dispatch(
+          addSnackbar({
+            type: 'error',
+            message: {
+              key: 'ui.toast.missingRequiredField',
+            },
+          }),
+        );
+      }
+      return Promise.reject();
+    }
+
+    const backend = currentBackend(state.config.config);
+    const entry = entryDraft.entry;
+    if (!entry) {
+      return;
+    }
+
+    entry.status = WorkflowStatus.DRAFT;
+
+    const assetProxies = getMediaAssets({
+      entry,
+    });
+
+    let serializedEntry = getSerializedEntry(collection, entry);
+    serializedEntry = {
+      ...serializedEntry,
+      raw: backend.entryToRaw(collection, serializedEntry, state.config.config),
+    };
+    const serializedEntryDraft: EntryDraft = {
+      ...(entryDraft as EntryDraft),
+      entry: serializedEntry,
+    };
+
+    dispatch(unpublishedEntryPersisting(collection, entry.slug));
+    const persistAction = existingUnpublishedEntry
+      ? backend.persistUnpublishedEntry
+      : backend.persistEntry;
+
+    try {
+      const newSlug = await persistAction.call(backend, {
+        config: state.config.config,
+        collection,
+        entryDraft: serializedEntryDraft,
+        assetProxies,
+        rootSlug,
+        usedSlugs,
+        status: WorkflowStatus.DRAFT,
+      });
+      dispatch(
+        addSnackbar({
+          type: 'success',
+          message: {
+            key: 'ui.toast.entrySaved',
+          },
+        }),
+      );
+      dispatch(unpublishedEntryPersisted(collection, serializedEntry));
+
+      if (entry.slug !== newSlug) {
+        navigate(`/collections/${collection.name}/entries/${newSlug}`);
+        return;
+      }
+    } catch (error) {
+      dispatch(
+        addSnackbar({
+          type: 'error',
+          message: {
+            key: 'ui.toast.onFailToPersist',
+            options: {
+              details: error,
+            },
+          },
+        }),
+      );
+      return Promise.reject(dispatch(unpublishedEntryPersistedFail(error, collection, entry.slug)));
+    }
+  };
+}
+
+export function updateUnpublishedEntryStatus(
+  collection: string,
+  slug: string,
+  oldStatus: WorkflowStatus,
+  newStatus: WorkflowStatus,
+) {
+  return (dispatch: ThunkDispatch<RootState, {}, AnyAction>, getState: () => RootState) => {
+    if (oldStatus === newStatus) {
+      return;
+    }
+
+    const state = getState();
+    if (!state.config.config) {
+      return;
+    }
+
+    const backend = currentBackend(state.config.config);
+    dispatch(unpublishedEntryStatusChangeRequest(collection, slug));
+    backend
+      .updateUnpublishedEntryStatus(collection, slug, newStatus)
+      .then(() => {
+        dispatch(
+          addSnackbar({
+            type: 'success',
+            message: {
+              key: 'ui.toast.entryUpdated',
+            },
+          }),
+        );
+        dispatch(unpublishedEntryStatusChangePersisted(collection, slug, newStatus));
+      })
+      .catch((error: Error) => {
+        dispatch(
+          addSnackbar({
+            type: 'error',
+            message: {
+              key: 'ui.toast.onFailToUpdateStatus',
+              options: {
+                details: error,
+              },
+            },
+          }),
+        );
+        dispatch(unpublishedEntryStatusChangeError(collection, slug));
+      });
+  };
+}
+
+export function deleteUnpublishedEntry(collection: string, slug: string) {
+  return (dispatch: ThunkDispatch<RootState, {}, AnyAction>, getState: () => RootState) => {
+    const state = getState();
+    if (!state.config.config) {
+      return;
+    }
+
+    const backend = currentBackend(state.config.config);
+    dispatch(unpublishedEntryDeleteRequest(collection, slug));
+    return backend
+      .deleteUnpublishedEntry(collection, slug)
+      .then(() => {
+        dispatch(
+          addSnackbar({
+            type: 'success',
+            message: {
+              key: 'ui.toast.onDeleteUnpublishedChanges',
+            },
+          }),
+        );
+        dispatch(unpublishedEntryDeleted(collection, slug));
+      })
+      .catch((error: Error) => {
+        dispatch(
+          addSnackbar({
+            type: 'error',
+            message: {
+              key: 'ui.toast.onDeleteUnpublishedChanges',
+              options: {
+                details: error,
+              },
+            },
+          }),
+        );
+        dispatch(unpublishedEntryDeleteError(collection, slug));
+      });
+  };
+}
+
+export function publishUnpublishedEntry(
+  collectionName: string,
+  slug: string,
+  navigate?: NavigateFunction,
+) {
+  return async (dispatch: ThunkDispatch<RootState, {}, AnyAction>, getState: () => RootState) => {
+    const state = getState();
+    if (!state.config.config) {
+      return;
+    }
+
+    const collections = state.collections;
+    const backend = currentBackend(state.config.config);
+    const entry = selectUnpublishedEntry(state, collectionName, slug);
+    if (!entry) {
+      return;
+    }
+
+    dispatch(unpublishedEntryPublishRequest(collectionName, slug));
+    try {
+      const collection = collections[collectionName];
+      if (!collection) {
+        return;
+      }
+
+      await backend.publishUnpublishedEntry(collection, entry);
+      // re-load media after entry was published
+      dispatch(loadMedia());
+      dispatch(
+        addSnackbar({
+          type: 'success',
+          message: {
+            key: 'ui.toast.entryPublished',
+          },
+        }),
+      );
+      dispatch(unpublishedEntryPublished(collectionName, slug));
+      if ('nested' in collection) {
+        dispatch(loadEntries(collection));
+        const newSlug = slugFromCustomPath(collection, entry.path);
+        loadEntry(collection, newSlug);
+        if (slug !== newSlug && selectEditingDraft(state)) {
+          navigate?.(`/collections/${collection.name}/entries/${newSlug}`);
+        }
+      } else {
+        return dispatch(loadEntry(collection, slug));
+      }
+    } catch (error) {
+      dispatch(
+        addSnackbar({
+          type: 'error',
+          message: { key: 'ui.toast.onFailToPublishEntry', options: { details: error } },
+        }),
+      );
+      dispatch(unpublishedEntryPublishError(collectionName, slug));
+    }
+  };
+}
+
+export function unpublishPublishedEntry(collection: CollectionWithDefaults, slug: string) {
+  return (dispatch: ThunkDispatch<RootState, {}, AnyAction>, getState: () => RootState) => {
+    const state = getState();
+    if (!state.config.config) {
+      return;
+    }
+
+    const backend = currentBackend(state.config.config);
+    const entry = selectEntry(state, collection.name, slug);
+    if (!entry) {
+      return;
+    }
+
+    const entryDraft: EntryDraft = { entry, fieldsErrors: {} };
+    dispatch(unpublishedEntryPersisting(collection, slug));
+    return backend
+      .deleteEntry(state, collection, slug)
+      .then(() =>
+        backend.persistEntry({
+          config: state.config.config as ConfigWithDefaults,
+          collection,
+          entryDraft,
+          assetProxies: [],
+          usedSlugs: [],
+          rootSlug: slug,
+          status: WorkflowStatus.PENDING_PUBLISH,
+        }),
+      )
+      .then(async () => {
+        dispatch(unpublishedEntryPersisted(collection, entry));
+        dispatch(entryDeleted(collection, slug));
+        await dispatch(loadUnpublishedEntry(collection, slug));
+        dispatch(
+          addSnackbar({
+            type: 'success',
+            message: {
+              key: 'ui.toast.entryUnpublished',
+            },
+          }),
+        );
+      })
+      .catch((error: Error) => {
+        dispatch(
+          addSnackbar({
+            type: 'error',
+            message: {
+              key: 'ui.toast.onFailToUnpublishEntry',
+              options: { details: error },
+            },
+          }),
+        );
+        dispatch(unpublishedEntryPersistedFail(error, collection, entry.slug));
+      });
+  };
+}
+
+export type EditorialWorkflowAction = ReturnType<
+  | typeof unpublishedEntryLoading
+  | typeof unpublishedEntryLoaded
+  | typeof unpublishedEntryRedirected
+  | typeof unpublishedEntriesLoading
+  | typeof unpublishedEntriesLoaded
+  | typeof unpublishedEntriesFailed
+  | typeof unpublishedEntryPersisting
+  | typeof unpublishedEntryPersisted
+  | typeof unpublishedEntryPersistedFail
+  | typeof unpublishedEntryStatusChangeRequest
+  | typeof unpublishedEntryStatusChangePersisted
+  | typeof unpublishedEntryStatusChangeError
+  | typeof unpublishedEntryPublishRequest
+  | typeof unpublishedEntryPublished
+  | typeof unpublishedEntryPublishError
+  | typeof unpublishedEntryDeleteRequest
+  | typeof unpublishedEntryDeleted
+  | typeof unpublishedEntryDeleteError
+>;
diff --git a/packages/core/src/actions/entries.ts b/packages/core/src/actions/entries.ts
index 0f5c3960..698ff2a4 100644
--- a/packages/core/src/actions/entries.ts
+++ b/packages/core/src/actions/entries.ts
@@ -41,11 +41,11 @@ import ValidationErrorTypes from '../constants/validationErrorTypes';
 import { hasI18n, serializeI18n } from '../lib/i18n';
 import { serializeValues } from '../lib/serializeEntryValues';
 import { Cursor } from '../lib/util';
-import { selectFields, updateFieldByKey } from '../lib/util/collection.util';
+import { getFields, updateFieldByKey } from '../lib/util/collection.util';
 import { createEmptyDraftData, createEmptyDraftI18nData } from '../lib/util/entry.util';
 import { selectCollectionEntriesCursor } from '../reducers/selectors/cursors';
 import {
-  selectEntriesSortField,
+  selectEntriesSelectedSort,
   selectIsFetching,
   selectPublishedSlugs,
 } from '../reducers/selectors/entries';
@@ -54,7 +54,6 @@ import { createAssetProxy } from '../valueObjects/AssetProxy';
 import createEntry from '../valueObjects/createEntry';
 import { addAssets, getAsset } from './media';
 import { loadMedia } from './mediaLibrary';
-import { waitUntil } from './waitUntil';
 
 import type { NavigateFunction } from 'react-router-dom';
 import type { AnyAction } from 'redux';
@@ -62,7 +61,8 @@ import type { ThunkDispatch } from 'redux-thunk';
 import type { Backend } from '../backend';
 import type { ViewStyle } from '../constants/views';
 import type {
-  Collection,
+  CollectionWithDefaults,
+  ConfigWithDefaults,
   Entry,
   EntryData,
   EntryDraft,
@@ -82,7 +82,7 @@ import type AssetProxy from '../valueObjects/AssetProxy';
  * Simple Action Creators (Internal)
  * We still need to export them for tests
  */
-export function entryLoading(collection: Collection, slug: string) {
+export function entryLoading(collection: CollectionWithDefaults, slug: string) {
   return {
     type: ENTRY_REQUEST,
     payload: {
@@ -92,7 +92,7 @@ export function entryLoading(collection: Collection, slug: string) {
   } as const;
 }
 
-export function entryLoaded(collection: Collection, entry: Entry) {
+export function entryLoaded(collection: CollectionWithDefaults, entry: Entry) {
   return {
     type: ENTRY_SUCCESS,
     payload: {
@@ -102,7 +102,7 @@ export function entryLoaded(collection: Collection, entry: Entry) {
   } as const;
 }
 
-export function entryLoadError(error: Error, collection: Collection, slug: string) {
+export function entryLoadError(error: Error, collection: CollectionWithDefaults, slug: string) {
   return {
     type: ENTRY_FAILURE,
     payload: {
@@ -113,7 +113,7 @@ export function entryLoadError(error: Error, collection: Collection, slug: strin
   } as const;
 }
 
-export function entriesLoading(collection: Collection) {
+export function entriesLoading(collection: CollectionWithDefaults) {
   return {
     type: ENTRIES_REQUEST,
     payload: {
@@ -122,7 +122,7 @@ export function entriesLoading(collection: Collection) {
   } as const;
 }
 
-export function filterEntriesRequest(collection: Collection, filter: ViewFilter) {
+export function filterEntriesRequest(collection: CollectionWithDefaults, filter: ViewFilter) {
   return {
     type: FILTER_ENTRIES_REQUEST,
     payload: {
@@ -132,7 +132,11 @@ export function filterEntriesRequest(collection: Collection, filter: ViewFilter)
   } as const;
 }
 
-export function filterEntriesSuccess(collection: Collection, filter: ViewFilter, entries: Entry[]) {
+export function filterEntriesSuccess(
+  collection: CollectionWithDefaults,
+  filter: ViewFilter,
+  entries: Entry[],
+) {
   return {
     type: FILTER_ENTRIES_SUCCESS,
     payload: {
@@ -143,7 +147,11 @@ export function filterEntriesSuccess(collection: Collection, filter: ViewFilter,
   } as const;
 }
 
-export function filterEntriesFailure(collection: Collection, filter: ViewFilter, error: unknown) {
+export function filterEntriesFailure(
+  collection: CollectionWithDefaults,
+  filter: ViewFilter,
+  error: unknown,
+) {
   return {
     type: FILTER_ENTRIES_FAILURE,
     payload: {
@@ -154,7 +162,7 @@ export function filterEntriesFailure(collection: Collection, filter: ViewFilter,
   } as const;
 }
 
-export function groupEntriesRequest(collection: Collection, group: ViewGroup) {
+export function groupEntriesRequest(collection: CollectionWithDefaults, group: ViewGroup) {
   return {
     type: GROUP_ENTRIES_REQUEST,
     payload: {
@@ -164,7 +172,11 @@ export function groupEntriesRequest(collection: Collection, group: ViewGroup) {
   } as const;
 }
 
-export function groupEntriesSuccess(collection: Collection, group: ViewGroup, entries: Entry[]) {
+export function groupEntriesSuccess(
+  collection: CollectionWithDefaults,
+  group: ViewGroup,
+  entries: Entry[],
+) {
   return {
     type: GROUP_ENTRIES_SUCCESS,
     payload: {
@@ -175,7 +187,11 @@ export function groupEntriesSuccess(collection: Collection, group: ViewGroup, en
   } as const;
 }
 
-export function groupEntriesFailure(collection: Collection, group: ViewGroup, error: unknown) {
+export function groupEntriesFailure(
+  collection: CollectionWithDefaults,
+  group: ViewGroup,
+  error: unknown,
+) {
   return {
     type: GROUP_ENTRIES_FAILURE,
     payload: {
@@ -186,7 +202,11 @@ export function groupEntriesFailure(collection: Collection, group: ViewGroup, er
   } as const;
 }
 
-export function sortEntriesRequest(collection: Collection, key: string, direction: SortDirection) {
+export function sortEntriesRequest(
+  collection: CollectionWithDefaults,
+  key: string,
+  direction: SortDirection,
+) {
   return {
     type: SORT_ENTRIES_REQUEST,
     payload: {
@@ -198,7 +218,7 @@ export function sortEntriesRequest(collection: Collection, key: string, directio
 }
 
 export function sortEntriesSuccess(
-  collection: Collection,
+  collection: CollectionWithDefaults,
   key: string,
   direction: SortDirection,
   entries: Entry[],
@@ -215,7 +235,7 @@ export function sortEntriesSuccess(
 }
 
 export function sortEntriesFailure(
-  collection: Collection,
+  collection: CollectionWithDefaults,
   key: string,
   direction: SortDirection,
   error: unknown,
@@ -232,7 +252,7 @@ export function sortEntriesFailure(
 }
 
 export function entriesLoaded(
-  collection: Collection,
+  collection: CollectionWithDefaults,
   entries: Entry[],
   pagination: number | null,
   cursor: Cursor,
@@ -250,7 +270,7 @@ export function entriesLoaded(
   } as const;
 }
 
-export function entriesFailed(collection: Collection, error: Error) {
+export function entriesFailed(collection: CollectionWithDefaults, error: Error) {
   return {
     type: ENTRIES_FAILURE,
     error: 'Failed to load entries',
@@ -261,18 +281,18 @@ export function entriesFailed(collection: Collection, error: Error) {
   } as const;
 }
 
-async function getAllEntries(state: RootState, collection: Collection) {
+async function getAllEntries(state: RootState, collection: CollectionWithDefaults) {
   const configState = state.config;
   if (!configState.config) {
     throw new Error('Config not loaded');
   }
 
   const backend = currentBackend(configState.config);
-  return backend.listAllEntries(collection);
+  return backend.listAllEntries(collection, configState.config);
 }
 
 export function sortByField(
-  collection: Collection,
+  collection: CollectionWithDefaults,
   key: string,
   direction: SortDirection = SORT_DIRECTION_ASCENDING,
 ) {
@@ -295,7 +315,7 @@ export function sortByField(
   };
 }
 
-export function filterByField(collection: Collection, filter: ViewFilter) {
+export function filterByField(collection: CollectionWithDefaults, filter: ViewFilter) {
   return async (dispatch: ThunkDispatch<RootState, {}, AnyAction>, getState: () => RootState) => {
     const state = getState();
     // if we're already fetching we update the filter key, but skip loading entries
@@ -314,7 +334,7 @@ export function filterByField(collection: Collection, filter: ViewFilter) {
   };
 }
 
-export function groupByField(collection: Collection, group: ViewGroup) {
+export function groupByField(collection: CollectionWithDefaults, group: ViewGroup) {
   return async (dispatch: ThunkDispatch<RootState, {}, AnyAction>, getState: () => RootState) => {
     const state = getState();
     const isFetching = selectIsFetching(state, collection.name);
@@ -354,7 +374,7 @@ export function changeViewStyle(viewStyle: ViewStyle) {
   } as const;
 }
 
-export function entryPersisting(collection: Collection, entry: Entry) {
+export function entryPersisting(collection: CollectionWithDefaults, entry: Entry) {
   return {
     type: ENTRY_PERSIST_REQUEST,
     payload: {
@@ -364,7 +384,7 @@ export function entryPersisting(collection: Collection, entry: Entry) {
   } as const;
 }
 
-export function entryPersisted(collection: Collection, entry: Entry, slug: string) {
+export function entryPersisted(collection: CollectionWithDefaults, entry: Entry, slug: string) {
   return {
     type: ENTRY_PERSIST_SUCCESS,
     payload: {
@@ -379,7 +399,7 @@ export function entryPersisted(collection: Collection, entry: Entry, slug: strin
   } as const;
 }
 
-export function entryPersistFail(collection: Collection, entry: Entry, error: Error) {
+export function entryPersistFail(collection: CollectionWithDefaults, entry: Entry, error: Error) {
   return {
     type: ENTRY_PERSIST_FAILURE,
     error: 'Failed to persist entry',
@@ -391,7 +411,7 @@ export function entryPersistFail(collection: Collection, entry: Entry, error: Er
   } as const;
 }
 
-export function entryDeleting(collection: Collection, slug: string) {
+export function entryDeleting(collection: CollectionWithDefaults, slug: string) {
   return {
     type: ENTRY_DELETE_REQUEST,
     payload: {
@@ -401,7 +421,7 @@ export function entryDeleting(collection: Collection, slug: string) {
   } as const;
 }
 
-export function entryDeleted(collection: Collection, slug: string) {
+export function entryDeleted(collection: CollectionWithDefaults, slug: string) {
   return {
     type: ENTRY_DELETE_SUCCESS,
     payload: {
@@ -411,7 +431,7 @@ export function entryDeleted(collection: Collection, slug: string) {
   } as const;
 }
 
-export function entryDeleteFail(collection: Collection, slug: string, error: Error) {
+export function entryDeleteFail(collection: CollectionWithDefaults, slug: string, error: Error) {
   return {
     type: ENTRY_DELETE_FAILURE,
     payload: {
@@ -431,23 +451,13 @@ export function emptyDraftCreated(entry: Entry) {
 /*
  * Exported simple Action Creators
  */
-export function createDraftFromEntry(collection: Collection, entry: Entry) {
+export function createDraftFromEntry(collection: CollectionWithDefaults, entry: Entry) {
   return {
     type: DRAFT_CREATE_FROM_ENTRY,
     payload: { collection, entry },
   } as const;
 }
 
-export function draftDuplicateEntry(entry: Entry) {
-  return {
-    type: DRAFT_CREATE_DUPLICATE_FROM_ENTRY,
-    payload: createEntry(entry.collection, '', '', {
-      data: entry.data,
-      mediaFiles: entry.mediaFiles,
-    }),
-  } as const;
-}
-
 export function discardDraft() {
   return { type: DRAFT_DISCARD } as const;
 }
@@ -528,7 +538,18 @@ export function removeDraftEntryMediaFile({ id }: { id: string }) {
   return { type: REMOVE_DRAFT_ENTRY_MEDIA_FILE, payload: { id } } as const;
 }
 
-export function persistLocalBackup(entry: Entry, collection: Collection) {
+export function loadBackup() {
+  return (dispatch: ThunkDispatch<RootState, {}, AnyAction>, getState: () => RootState) => {
+    const state = getState();
+    if (!state.entryDraft.localBackup) {
+      return;
+    }
+
+    dispatch(loadLocalBackup());
+  };
+}
+
+export function persistLocalBackup(entry: Entry, collection: CollectionWithDefaults) {
   return (_dispatch: ThunkDispatch<RootState, {}, AnyAction>, getState: () => RootState) => {
     const state = getState();
     const configState = state.config;
@@ -538,22 +559,21 @@ export function persistLocalBackup(entry: Entry, collection: Collection) {
 
     const backend = currentBackend(configState.config);
 
-    return backend.persistLocalDraftBackup(entry, collection);
+    return backend.persistLocalDraftBackup(entry, collection, configState.config);
   };
 }
 
 export function createDraftDuplicateFromEntry(entry: Entry) {
-  return (dispatch: ThunkDispatch<RootState, {}, AnyAction>) => {
-    dispatch(
-      waitUntil({
-        predicate: ({ type }) => type === DRAFT_CREATE_EMPTY,
-        run: () => dispatch(draftDuplicateEntry(entry)),
-      }),
-    );
-  };
+  return {
+    type: DRAFT_CREATE_DUPLICATE_FROM_ENTRY,
+    payload: createEntry(entry.collection, '', '', {
+      data: entry.data,
+      mediaFiles: entry.mediaFiles,
+    }),
+  } as const;
 }
 
-export function retrieveLocalBackup(collection: Collection, slug: string) {
+export function retrieveLocalBackup(collection: CollectionWithDefaults, slug: string) {
   return async (dispatch: ThunkDispatch<RootState, {}, AnyAction>, getState: () => RootState) => {
     const state = getState();
     const configState = state.config;
@@ -562,7 +582,7 @@ export function retrieveLocalBackup(collection: Collection, slug: string) {
     }
 
     const backend = currentBackend(configState.config);
-    const { entry } = await backend.getLocalDraftBackup(collection, slug);
+    const { entry } = await backend.getLocalDraftBackup(collection, configState.config, slug);
 
     if (entry) {
       // load assets from backup
@@ -590,7 +610,7 @@ export function retrieveLocalBackup(collection: Collection, slug: string) {
   };
 }
 
-export function deleteLocalBackup(collection: Collection, slug: string) {
+export function deleteLocalBackup(collection: CollectionWithDefaults, slug: string) {
   return (_dispatch: ThunkDispatch<RootState, {}, AnyAction>, getState: () => RootState) => {
     const state = getState();
     const configState = state.config;
@@ -607,7 +627,7 @@ export function deleteLocalBackup(collection: Collection, slug: string) {
  * Exported Thunk Action Creators
  */
 
-export function loadEntry(collection: Collection, slug: string, silent = false) {
+export function loadEntry(collection: CollectionWithDefaults, slug: string, silent = false) {
   return async (dispatch: ThunkDispatch<RootState, {}, AnyAction>, getState: () => RootState) => {
     if (!silent) {
       dispatch(entryLoading(collection, slug));
@@ -638,14 +658,18 @@ export function loadEntry(collection: Collection, slug: string, silent = false)
   };
 }
 
-export async function tryLoadEntry(state: RootState, collection: Collection, slug: string) {
+export async function tryLoadEntry(
+  state: RootState,
+  collection: CollectionWithDefaults,
+  slug: string,
+) {
   const configState = state.config;
   if (!configState.config) {
     throw new Error('Config not loaded');
   }
 
   const backend = currentBackend(configState.config);
-  return backend.getEntry(state, collection, slug);
+  return backend.getEntry(state, collection, configState.config, slug);
 }
 
 interface AppendAction {
@@ -669,13 +693,13 @@ function addAppendActionsToCursor(cursor: Cursor) {
   }));
 }
 
-export function loadEntries(collection: Collection, page = 0) {
+export function loadEntries(collection: CollectionWithDefaults, page = 0) {
   return async (dispatch: ThunkDispatch<RootState, {}, AnyAction>, getState: () => RootState) => {
     if (collection.isFetching) {
       return;
     }
     const state = getState();
-    const sortField = selectEntriesSortField(collection.name)(state);
+    const sortField = selectEntriesSelectedSort(state, collection.name);
     if (sortField) {
       return dispatch(sortByField(collection, sortField.key, sortField.direction));
     }
@@ -698,8 +722,10 @@ export function loadEntries(collection: Collection, page = 0) {
         entries: Entry[];
       } = await (loadAllEntries
         ? // nested collections require all entries to construct the tree
-          backend.listAllEntries(collection).then((entries: Entry[]) => ({ entries }))
-        : backend.listEntries(collection));
+          backend
+            .listAllEntries(collection, configState.config)
+            .then((entries: Entry[]) => ({ entries }))
+        : backend.listEntries(collection, configState.config));
 
       const cleanResponse = {
         ...response,
@@ -745,14 +771,19 @@ export function loadEntries(collection: Collection, page = 0) {
   };
 }
 
-function traverseCursor(backend: Backend, cursor: Cursor, action: string) {
+function traverseCursor(
+  backend: Backend,
+  cursor: Cursor,
+  action: string,
+  config: ConfigWithDefaults,
+) {
   if (!cursor.actions!.has(action)) {
     throw new Error(`The current cursor does not support the pagination action "${action}".`);
   }
-  return backend.traverseCursor(cursor, action);
+  return backend.traverseCursor(cursor, action, config);
 }
 
-export function traverseCollectionCursor(collection: Collection, action: string) {
+export function traverseCollectionCursor(collection: CollectionWithDefaults, action: string) {
   return async (dispatch: ThunkDispatch<RootState, {}, AnyAction>, getState: () => RootState) => {
     const state = getState();
     const collectionName = collection.name;
@@ -783,7 +814,12 @@ export function traverseCollectionCursor(collection: Collection, action: string)
 
     try {
       dispatch(entriesLoading(collection));
-      const { entries, cursor: newCursor } = await traverseCursor(backend, cursor, realAction);
+      const { entries, cursor: newCursor } = await traverseCursor(
+        backend,
+        cursor,
+        realAction,
+        configState.config,
+      );
 
       const pagination = newCursor.meta?.page as number | null;
       return dispatch(
@@ -831,7 +867,7 @@ function processValue(unsafe: string) {
   return escapeHtml(unsafe);
 }
 
-export function createEmptyDraft(collection: Collection, search: string) {
+export function createEmptyDraft(collection: CollectionWithDefaults, search: string) {
   return async (dispatch: ThunkDispatch<RootState, {}, AnyAction>, getState: () => RootState) => {
     if ('files' in collection) {
       return;
@@ -886,12 +922,12 @@ export function getMediaAssets({ entry }: { entry: Entry }) {
   return assets;
 }
 
-export function getSerializedEntry(collection: Collection, entry: Entry): Entry {
+export function getSerializedEntry(collection: CollectionWithDefaults, entry: Entry): Entry {
   /**
    * Serialize the values of any fields with registered serializers, and
    * update the entry and entryDraft with the serialized values.
    */
-  const fields = selectFields(collection, entry.slug);
+  const fields = getFields(collection, entry.slug);
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   function serializeData(data: any) {
@@ -911,7 +947,7 @@ export function getSerializedEntry(collection: Collection, entry: Entry): Entry
 }
 
 export function persistEntry(
-  collection: Collection,
+  collection: CollectionWithDefaults,
   rootSlug: string | undefined,
   navigate: NavigateFunction,
 ) {
@@ -919,7 +955,7 @@ export function persistEntry(
     const state = getState();
     const entryDraft = state.entryDraft;
     const fieldsErrors = entryDraft.fieldsErrors;
-    const usedSlugs = selectPublishedSlugs(collection.name)(state);
+    const usedSlugs = selectPublishedSlugs(state, collection.name);
 
     // Early return if draft contains validation errors
     if (Object.keys(fieldsErrors).length > 0) {
@@ -983,6 +1019,7 @@ export function persistEntry(
         entryDraft: newEntryDraft,
         assetProxies,
         usedSlugs,
+        status: entry.status,
       })
       .then(async (newSlug: string) => {
         dispatch(
@@ -1027,7 +1064,7 @@ export function persistEntry(
   };
 }
 
-export function deleteEntry(collection: Collection, slug: string) {
+export function deleteEntry(collection: CollectionWithDefaults, slug: string) {
   return (dispatch: ThunkDispatch<RootState, {}, AnyAction>, getState: () => RootState) => {
     const state = getState();
     const configState = state.config;
@@ -1077,7 +1114,7 @@ export type EntriesAction = ReturnType<
   | typeof entryDeleteFail
   | typeof emptyDraftCreated
   | typeof createDraftFromEntry
-  | typeof draftDuplicateEntry
+  | typeof createDraftDuplicateFromEntry
   | typeof discardDraft
   | typeof updateDraft
   | typeof changeDraftField
diff --git a/packages/core/src/actions/globalUI.ts b/packages/core/src/actions/globalUI.ts
index 01bf465f..1466b8dc 100644
--- a/packages/core/src/actions/globalUI.ts
+++ b/packages/core/src/actions/globalUI.ts
@@ -1,8 +1,14 @@
 /* eslint-disable import/prefer-default-export */
-import { THEME_CHANGE } from '../constants';
+import { THEME_CHANGE, USE_OPEN_AUTHORING } from '../constants';
 
-export function changeTheme(theme: 'dark' | 'light') {
+export function useOpenAuthoring() {
+  return {
+    type: USE_OPEN_AUTHORING,
+  } as const;
+}
+
+export function changeTheme(theme: string) {
   return { type: THEME_CHANGE, payload: theme } as const;
 }
 
-export type GlobalUIAction = ReturnType<typeof changeTheme>;
+export type GlobalUIAction = ReturnType<typeof changeTheme | typeof useOpenAuthoring>;
diff --git a/packages/core/src/actions/media.ts b/packages/core/src/actions/media.ts
index 0788d2c5..bf5336d2 100644
--- a/packages/core/src/actions/media.ts
+++ b/packages/core/src/actions/media.ts
@@ -12,7 +12,14 @@ import { getMediaFile } from './mediaLibrary';
 
 import type { AnyAction } from 'redux';
 import type { ThunkDispatch } from 'redux-thunk';
-import type { BaseField, Collection, Entry, Field, MediaField, UnknownField } from '../interface';
+import type {
+  BaseField,
+  CollectionWithDefaults,
+  Entry,
+  Field,
+  MediaField,
+  UnknownField,
+} from '../interface';
 import type { RootState } from '../store';
 import type AssetProxy from '../valueObjects/AssetProxy';
 
@@ -71,7 +78,7 @@ async function loadAsset(
 const promiseCache: Record<string, Promise<AssetProxy>> = {};
 
 export function getAsset<T extends MediaField, EF extends BaseField = UnknownField>(
-  collection: Collection<EF> | null | undefined,
+  collection: CollectionWithDefaults<EF> | null | undefined,
   entry: Entry | null | undefined,
   path: string,
   field?: T,
@@ -88,7 +95,7 @@ export function getAsset<T extends MediaField, EF extends BaseField = UnknownFie
 
     const resolvedPath = selectMediaFilePath(
       state.config.config,
-      collection as Collection,
+      collection as CollectionWithDefaults,
       entry,
       path,
       field as Field,
diff --git a/packages/core/src/actions/mediaLibrary.ts b/packages/core/src/actions/mediaLibrary.ts
index 8b4a5ec1..c0026023 100644
--- a/packages/core/src/actions/mediaLibrary.ts
+++ b/packages/core/src/actions/mediaLibrary.ts
@@ -33,8 +33,8 @@ import type { AnyAction } from 'redux';
 import type { ThunkDispatch } from 'redux-thunk';
 import type {
   BaseField,
-  Collection,
-  CollectionFile,
+  CollectionWithDefaults,
+  CollectionFileWithDefaults,
   DisplayURLState,
   Field,
   ImplementationMediaFile,
@@ -57,8 +57,8 @@ export function openMediaLibrary<EF extends BaseField = UnknownField>(
     allowMultiple?: boolean;
     replaceIndex?: number;
     config?: MediaLibraryConfig;
-    collection?: Collection<EF>;
-    collectionFile?: CollectionFile<EF>;
+    collection?: CollectionWithDefaults<EF>;
+    collectionFile?: CollectionFileWithDefaults<EF>;
     field?: EF;
     insertOptions?: MediaLibrarInsertOptions;
   } = {},
@@ -89,8 +89,8 @@ export function openMediaLibrary<EF extends BaseField = UnknownField>(
       allowMultiple,
       replaceIndex,
       config,
-      collection: collection as Collection,
-      collectionFile: collectionFile as CollectionFile,
+      collection: collection as CollectionWithDefaults,
+      collectionFile: collectionFile as CollectionFileWithDefaults,
       field: field as Field,
       insertOptions,
     },
@@ -226,7 +226,7 @@ export function persistMedia(
     }
 
     const backend = currentBackend(config);
-    const files: MediaFile[] = selectMediaFiles(field)(state);
+    const files: MediaFile[] = selectMediaFiles(state, field);
     const fileName = sanitizeSlug(file.name.toLowerCase(), config.slug);
     const existingFile = files.find(existingFile => existingFile.name.toLowerCase() === fileName);
 
diff --git a/packages/core/src/actions/search.ts b/packages/core/src/actions/search.ts
index e5b607b1..83665562 100644
--- a/packages/core/src/actions/search.ts
+++ b/packages/core/src/actions/search.ts
@@ -121,6 +121,7 @@ export function searchEntries(searchTerm: string, searchCollections: string[], p
           .filter(([key, _value]) => allCollections.indexOf(key) !== -1)
           .map(([_key, value]) => value),
         searchTerm,
+        configState.config,
       );
 
       return dispatch(searchSuccess(response.entries, page));
@@ -163,6 +164,7 @@ export function query(
     try {
       const response: SearchQueryResponse = await backend.query(
         collection,
+        configState.config,
         searchFields,
         searchTerm,
         file,
diff --git a/packages/core/src/backend.ts b/packages/core/src/backend.ts
index 663a5961..3ba85272 100644
--- a/packages/core/src/backend.ts
+++ b/packages/core/src/backend.ts
@@ -4,10 +4,11 @@ import flatten from 'lodash/flatten';
 import get from 'lodash/get';
 import isError from 'lodash/isError';
 import uniq from 'lodash/uniq';
-import { dirname } from 'path';
+import { dirname, extname } from 'path';
 
 import { DRAFT_MEDIA_FILES } from './constants/mediaLibrary';
-import { resolveFormat } from './formats/formats';
+import { WorkflowStatus, workflowStatusFromString } from './constants/publishModes';
+import { formatExtensions, resolveFormat } from './formats/formats';
 import { commitMessageFormatter, slugFormatter } from './lib/formatters';
 import {
   I18N_STRUCTURE_MULTIPLE_FILES,
@@ -15,6 +16,7 @@ import {
   formatI18nBackup,
   getFilePaths,
   getI18nBackup,
+  getI18nDataFiles,
   getI18nEntry,
   getI18nFiles,
   getI18nFilesDepth,
@@ -32,8 +34,10 @@ import {
   getPathDepth,
   localForage,
 } from './lib/util';
+import { EDITORIAL_WORKFLOW_ERROR } from './lib/util/EditorialWorkflowError';
 import { getEntryBackupKey } from './lib/util/backup.util';
 import {
+  getFields,
   selectAllowDeletion,
   selectAllowNewEntries,
   selectEntryPath,
@@ -47,10 +51,11 @@ import {
 import filterEntries from './lib/util/filter.util';
 import { selectMediaFilePublicPath } from './lib/util/media.util';
 import { selectCustomPath, slugFromCustomPath } from './lib/util/nested.util';
-import { isNullish } from './lib/util/null.util';
+import { isNotNullish, isNullish } from './lib/util/null.util';
 import { fileSearch, sortByScore } from './lib/util/search.util';
 import set from './lib/util/set.util';
 import { dateParsers, expandPath, extractTemplateVars } from './lib/widgets/stringTemplate';
+import { getUseWorkflow } from './reducers/selectors/config';
 import createEntry from './valueObjects/createEntry';
 
 import type {
@@ -58,9 +63,10 @@ import type {
   BackendInitializer,
   BackupEntry,
   BaseField,
-  Collection,
   CollectionFile,
-  Config,
+  CollectionWithDefaults,
+  CollectionsWithDefaults,
+  ConfigWithDefaults,
   Credentials,
   DataFile,
   DisplayURL,
@@ -68,6 +74,7 @@ import type {
   EntryData,
   EventData,
   FilterRule,
+  FolderCollectionWithDefaults,
   I18nInfo,
   ImplementationEntry,
   MediaField,
@@ -76,6 +83,8 @@ import type {
   SearchQueryResponse,
   SearchResponse,
   UnknownField,
+  UnpublishedEntry,
+  UnpublishedEntryDiff,
   User,
   ValueOrNestedValue,
 } from './interface';
@@ -83,6 +92,8 @@ import type { AsyncLock } from './lib/util';
 import type { RootState } from './store';
 import type AssetProxy from './valueObjects/AssetProxy';
 
+const LIST_ALL_ENTRIES_CACHE_TIME = 5000;
+
 function updatePath(entryPath: string, assetPath: string): string | null {
   const pathDir = dirname(entryPath);
 
@@ -185,19 +196,22 @@ export function expandSearchEntries(
   field: string;
 })[] {
   // expand the entries for the purpose of the search
-  const expandedEntries = entries.reduce((acc, e) => {
-    const expandedFields = searchFields.reduce((acc, f) => {
-      const fields = expandPath({ data: e.data, path: f });
-      acc.push(...fields);
+  const expandedEntries = entries.reduce(
+    (acc, e) => {
+      const expandedFields = searchFields.reduce((acc, f) => {
+        const fields = expandPath({ data: e.data, path: f });
+        acc.push(...fields);
+        return acc;
+      }, [] as string[]);
+
+      for (let i = 0; i < expandedFields.length; i++) {
+        acc.push({ ...e, field: expandedFields[i] });
+      }
+
       return acc;
-    }, [] as string[]);
-
-    for (let i = 0; i < expandedFields.length; i++) {
-      acc.push({ ...e, field: expandedFields[i] });
-    }
-
-    return acc;
-  }, [] as (Entry & { field: string })[]);
+    },
+    [] as (Entry & { field: string })[],
+  );
 
   return expandedEntries;
 }
@@ -207,31 +221,34 @@ export function mergeExpandedEntries(entries: (Entry & { field: string })[]): En
   const fields = entries.map(f => f.field);
   const arrayPaths: Record<string, Set<string>> = {};
 
-  const merged = entries.reduce((acc, e) => {
-    if (!acc[e.slug]) {
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      const { field, ...rest } = e;
-      acc[e.slug] = rest;
-      arrayPaths[e.slug] = new Set();
-    }
-
-    const nestedFields = e.field.split('.');
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    let value = acc[e.slug].data as any;
-    for (let i = 0; i < nestedFields.length; i++) {
-      value = value[nestedFields[i]];
-      if (Array.isArray(value)) {
-        const path = nestedFields.slice(0, i + 1).join('.');
-        arrayPaths[e.slug] = arrayPaths[e.slug].add(path);
+  const merged = entries.reduce(
+    (acc, e) => {
+      if (!acc[e.slug]) {
+        const { field: _field, ...rest } = e;
+        acc[e.slug] = rest;
+        arrayPaths[e.slug] = new Set();
       }
-    }
 
-    return acc;
-  }, {} as Record<string, Entry>);
+      const nestedFields = e.field.split('.');
+      let value: ValueOrNestedValue = acc[e.slug].data;
+      for (let i = 0; i < nestedFields.length; i++) {
+        if (isNotNullish(value)) {
+          value = value[nestedFields[i]];
+          if (Array.isArray(value)) {
+            const path = nestedFields.slice(0, i + 1).join('.');
+            arrayPaths[e.slug] = arrayPaths[e.slug].add(path);
+          }
+        }
+      }
+
+      return acc;
+    },
+    {} as Record<string, Entry>,
+  );
 
   // this keeps the search score sorting order designated by the order in entries
   // and filters non matching items
-  Object.keys(merged).forEach(slug => {
+  return Object.keys(merged).map(slug => {
     let data = merged[slug].data ?? {};
     for (const path of arrayPaths[slug]) {
       const array = get(data, path) as unknown[];
@@ -252,9 +269,12 @@ export function mergeExpandedEntries(entries: (Entry & { field: string })[]): En
 
       data = set(data, path, filtered);
     }
-  });
 
-  return Object.values(merged);
+    return {
+      ...merged[slug],
+      data,
+    };
+  });
 }
 
 interface AuthStore {
@@ -265,7 +285,7 @@ interface AuthStore {
 
 interface BackendOptions<EF extends BaseField> {
   backendName: string;
-  config: Config<EF>;
+  config: ConfigWithDefaults<EF>;
   authStore?: AuthStore;
 }
 
@@ -285,7 +305,21 @@ export interface MediaFile {
   isDirectory?: boolean;
 }
 
-function collectionDepth<EF extends BaseField>(collection: Collection<EF>) {
+function selectHasMetaPath(
+  collection: CollectionWithDefaults,
+): collection is FolderCollectionWithDefaults {
+  return Boolean('folder' in collection && collection.meta?.path);
+}
+
+function prepareMetaPath(path: string, collection: CollectionWithDefaults) {
+  if (!selectHasMetaPath(collection)) {
+    return path;
+  }
+  const dir = dirname(path);
+  return dir.slice(collection.folder!.length + 1) || '/';
+}
+
+function collectionDepth<EF extends BaseField>(collection: CollectionWithDefaults<EF>) {
   let depth;
   depth =
     ('nested' in collection && collection.nested?.depth) || getPathDepth(collection.path ?? '');
@@ -297,19 +331,21 @@ function collectionDepth<EF extends BaseField>(collection: Collection<EF>) {
   return depth;
 }
 
-function i18nRuleString(ruleString: string, { defaultLocale, structure }: I18nInfo): string {
+function i18nRuleString(ruleString: string, { default_locale, structure }: I18nInfo): string {
   if (structure === I18N_STRUCTURE_MULTIPLE_FOLDERS) {
-    return `${defaultLocale}\\/${ruleString}`;
+    return `${default_locale}\\/${ruleString}`;
   }
 
   if (structure === I18N_STRUCTURE_MULTIPLE_FILES) {
-    return `${ruleString}\\.${defaultLocale}\\..*`;
+    return `${ruleString}\\.${default_locale}\\..*`;
   }
 
   return ruleString;
 }
 
-function collectionRegex<EF extends BaseField>(collection: Collection<EF>): RegExp | undefined {
+function collectionRegex<EF extends BaseField>(
+  collection: CollectionWithDefaults<EF>,
+): RegExp | undefined {
   let ruleString = '';
 
   if ('folder' in collection && collection.path) {
@@ -326,7 +362,7 @@ function collectionRegex<EF extends BaseField>(collection: Collection<EF>): RegE
 export class Backend<EF extends BaseField = UnknownField, BC extends BackendClass = BackendClass> {
   implementation: BC;
   backendName: string;
-  config: Config<EF>;
+  config: ConfigWithDefaults<EF>;
   authStore?: AuthStore;
   user?: User | null;
   backupSync: AsyncLock;
@@ -339,7 +375,9 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
     this.deleteAnonymousBackup();
     this.config = config;
     this.implementation = implementation.init(this.config, {
+      useWorkflow: getUseWorkflow(this.config as ConfigWithDefaults),
       updateUserCredentials: this.updateUserCredentials,
+      initialWorkflowStatus: WorkflowStatus.DRAFT,
     }) as BC;
     this.backendName = backendName;
     this.authStore = authStore;
@@ -386,10 +424,6 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
     return Promise.resolve(null);
   }
 
-  isGitBackend() {
-    return this.implementation.isGitBackend?.() || false;
-  }
-
   updateUserCredentials = (updatedCredentials: Credentials) => {
     const storedUser = this.authStore!.retrieve();
     if (storedUser && storedUser.backendName === this.backendName) {
@@ -429,7 +463,27 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
 
   getToken = () => this.implementation.getToken();
 
-  async entryExist(path: string) {
+  async entryExist(
+    collection: CollectionWithDefaults,
+    path: string,
+    slug: string,
+    useWorkflow: boolean,
+  ) {
+    const unpublishedEntry =
+      useWorkflow &&
+      (await this.implementation
+        .unpublishedEntry({ collection: collection.name, slug })
+        .catch(error => {
+          if (error.name === EDITORIAL_WORKFLOW_ERROR && error.notUnderEditorialWorkflow) {
+            return Promise.resolve(false);
+          }
+          return Promise.reject(error);
+        }));
+
+    if (unpublishedEntry) {
+      return unpublishedEntry;
+    }
+
     const publishedEntry = await this.implementation
       .getEntry(path)
       .then(({ data }) => data)
@@ -441,9 +495,9 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
   }
 
   async generateUniqueSlug(
-    collection: Collection,
-    entryData: EntryData,
-    config: Config,
+    collection: CollectionWithDefaults,
+    entry: Entry,
+    config: ConfigWithDefaults,
     usedSlugs: string[],
     customPath: string | undefined,
   ) {
@@ -452,15 +506,21 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
     if (customPath) {
       slug = slugFromCustomPath(collection, customPath);
     } else {
-      slug = slugFormatter(collection, entryData, slugConfig);
+      const collectionFields = getFields(collection, entry.slug);
+      slug = slugFormatter(collection, entry.data, slugConfig, collectionFields);
     }
     let i = 1;
     let uniqueSlug = slug;
 
-    // Check for duplicate slug in loaded entities store first before repo
+    // Check for duplicate slug in loaded entries store first before repo
     while (
       usedSlugs.includes(uniqueSlug) ||
-      (await this.entryExist(selectEntryPath(collection, uniqueSlug) as string))
+      (await this.entryExist(
+        collection,
+        selectEntryPath(collection, uniqueSlug) as string,
+        uniqueSlug,
+        getUseWorkflow(config),
+      ))
     ) {
       uniqueSlug = `${slug}${sanitizeChar(' ', slugConfig)}${i++}`;
     }
@@ -469,7 +529,8 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
 
   processEntries<EF extends BaseField>(
     loadedEntries: ImplementationEntry[],
-    collection: Collection<EF>,
+    collection: CollectionWithDefaults<EF>,
+    config: ConfigWithDefaults<EF>,
   ): Entry[] {
     const entries = loadedEntries.map(loadedEntry =>
       createEntry(
@@ -484,7 +545,7 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
         },
       ),
     );
-    const formattedEntries = entries.map(this.entryWithFormat(collection));
+    const formattedEntries = entries.map(this.entryWithFormat(collection, config));
     // If this collection has a "filter" property, filter entries accordingly
     const collectionFilter = collection.filter;
     const filteredEntries = collectionFilter
@@ -500,7 +561,7 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
     return filteredEntries;
   }
 
-  async listEntries(collection: Collection) {
+  async listEntries(collection: CollectionWithDefaults, config: ConfigWithDefaults) {
     const extension = selectFolderEntryExtension(collection);
     let listMethod: () => Promise<ImplementationEntry[]>;
     if ('folder' in collection) {
@@ -528,18 +589,19 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
       collection,
     });
     return {
-      entries: this.processEntries(loadedEntries, collection),
+      entries: this.processEntries(loadedEntries, collection, config),
       pagination: cursor.meta?.page,
       cursor,
     };
   }
 
-  // The same as listEntries, except that if a cursor with the "next"
-  // action available is returned, it calls "next" on the cursor and
-  // repeats the process. Once there is no available "next" action, it
-  // returns all the collected entries. Used to retrieve all entries
-  // for local searches and queries.
-  async listAllEntries<EF extends BaseField>(collection: Collection<EF>) {
+  backendPromise: Record<string, { expires: number; data?: Entry[]; promise?: Promise<Entry[]> }> =
+    {};
+
+  async listAllEntriesExecutor<EF extends BaseField>(
+    collection: CollectionWithDefaults<EF>,
+    config: ConfigWithDefaults<EF>,
+  ): Promise<Entry[]> {
     if ('folder' in collection && collection.folder && this.implementation.allEntriesByFolder) {
       const depth = collectionDepth(collection);
       const extension = selectFolderEntryExtension(collection);
@@ -550,21 +612,80 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
           depth,
           collectionRegex(collection),
         )
-        .then(entries => this.processEntries(entries, collection));
+        .then(entries => this.processEntries(entries, collection, config));
     }
 
-    const response = await this.listEntries(collection as Collection);
+    const response = await this.listEntries(
+      collection as CollectionWithDefaults,
+      config as ConfigWithDefaults,
+    );
     const { entries } = response;
     let { cursor } = response;
     while (cursor && cursor.actions?.has('next')) {
-      const { entries: newEntries, cursor: newCursor } = await this.traverseCursor(cursor, 'next');
+      const { entries: newEntries, cursor: newCursor } = await this.traverseCursor(
+        cursor,
+        'next',
+        config as ConfigWithDefaults,
+      );
       entries.push(...newEntries);
       cursor = newCursor;
     }
     return entries;
   }
 
-  async search(collections: Collection[], searchTerm: string): Promise<SearchResponse> {
+  // The same as listEntries, except that if a cursor with the "next"
+  // action available is returned, it calls "next" on the cursor and
+  // repeats the process. Once there is no available "next" action, it
+  // returns all the collected entries. Used to retrieve all entries
+  // for local searches and queries.
+  async listAllEntries<EF extends BaseField>(
+    collection: CollectionWithDefaults<EF>,
+    config: ConfigWithDefaults<EF>,
+  ): Promise<Entry[]> {
+    const now = new Date().getTime();
+    if (collection.name in this.backendPromise) {
+      const cachedRequest = this.backendPromise[collection.name];
+      if (cachedRequest && cachedRequest.expires >= now) {
+        if (cachedRequest.data) {
+          return Promise.resolve(cachedRequest.data);
+        }
+
+        if (cachedRequest.promise) {
+          return cachedRequest.promise;
+        }
+      }
+
+      delete this.backendPromise[collection.name];
+    }
+
+    const p = new Promise<Entry[]>(resolve => {
+      this.listAllEntriesExecutor(collection, config).then(entries => {
+        const responseNow = new Date().getTime();
+        this.backendPromise[collection.name] = {
+          expires: responseNow + LIST_ALL_ENTRIES_CACHE_TIME,
+          data: entries,
+        };
+        resolve(entries);
+      });
+    });
+
+    this.backendPromise[collection.name] = {
+      expires: now + LIST_ALL_ENTRIES_CACHE_TIME,
+      promise: p,
+    };
+
+    return p;
+  }
+
+  printError(error: Error) {
+    return `\n\n${error.stack}`;
+  }
+
+  async search(
+    collections: CollectionWithDefaults[],
+    searchTerm: string,
+    config: ConfigWithDefaults,
+  ): Promise<SearchResponse> {
     // Perform a local search by requesting all entries. For each
     // collection, load it, search, and call onCollectionResults with
     // its results.
@@ -596,7 +717,7 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
           ];
         }
         const filteredSearchFields = searchFields.filter(Boolean) as string[];
-        const collectionEntries = await this.listAllEntries(collection);
+        const collectionEntries = await this.listAllEntries(collection, config);
         return fuzzy.filter(searchTerm, collectionEntries, {
           extract: extractSearchFields(uniq(filteredSearchFields)),
         });
@@ -611,9 +732,9 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
     const entries = await Promise.all(collectionEntriesRequests).then(arrays => flatten(arrays));
 
     if (errors.length > 0) {
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-      throw new Error({ message: 'Errors occurred while searching entries locally!', errors });
+      throw new Error(
+        `Errors occurred while searching entries locally!${errors.map(this.printError)}`,
+      );
     }
 
     const hits = entries
@@ -624,13 +745,17 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
   }
 
   async query<EF extends BaseField>(
-    collection: Collection<EF>,
+    collection: CollectionWithDefaults<EF>,
+    config: ConfigWithDefaults<EF>,
     searchFields: string[],
     searchTerm: string,
     file?: string,
     limit?: number,
   ): Promise<SearchQueryResponse> {
-    const entries = await this.listAllEntries(collection as Collection);
+    const entries = await this.listAllEntries(
+      collection as CollectionWithDefaults,
+      config as ConfigWithDefaults,
+    );
     if (file) {
       let hits = fileSearch(
         entries.find(e => e.slug === file),
@@ -663,13 +788,17 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
     return { query: searchTerm, hits: merged };
   }
 
-  traverseCursor(cursor: Cursor, action: string): Promise<{ entries: Entry[]; cursor: Cursor }> {
+  traverseCursor(
+    cursor: Cursor,
+    action: string,
+    config: ConfigWithDefaults,
+  ): Promise<{ entries: Entry[]; cursor: Cursor }> {
     const [data, unwrappedCursor] = cursor.unwrapData();
     // TODO: stop assuming all cursors are for collections
-    const collection = data.collection as Collection;
+    const collection = data.collection as CollectionWithDefaults;
     return this.implementation.traverseCursor!(unwrappedCursor, action).then(
       async ({ entries, cursor: newCursor }) => ({
-        entries: this.processEntries(entries, collection),
+        entries: this.processEntries(entries, collection, config),
         cursor: Cursor.create(newCursor).wrapData({
           cursorType: 'collectionEntries',
           collection,
@@ -679,7 +808,8 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
   }
 
   async getLocalDraftBackup(
-    collection: Collection,
+    collection: CollectionWithDefaults,
+    config: ConfigWithDefaults,
     slug: string,
   ): Promise<{ entry: Entry | null }> {
     const key = getEntryBackupKey(collection.name, slug);
@@ -701,7 +831,10 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
     const label = selectFileEntryLabel(collection, slug);
 
     const formatRawData = (raw: string) => {
-      return this.entryWithFormat(collection)(
+      return this.entryWithFormat(
+        collection,
+        config,
+      )(
         createEntry(collection.name, slug, path, {
           raw,
           label,
@@ -719,11 +852,15 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
     return { entry };
   }
 
-  async persistLocalDraftBackup(entry: Entry, collection: Collection) {
+  async persistLocalDraftBackup(
+    entry: Entry,
+    collection: CollectionWithDefaults,
+    config: ConfigWithDefaults,
+  ) {
     try {
       await this.backupSync.acquire();
       const key = getEntryBackupKey(collection.name, entry.slug);
-      const raw = this.entryToRaw(collection, entry);
+      const raw = this.entryToRaw(collection, entry, config);
 
       if (!raw.trim()) {
         return;
@@ -742,7 +879,9 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
 
       let i18n;
       if (hasI18n(collection)) {
-        i18n = getI18nBackup(collection, entry, entry => this.entryToRaw(collection, entry));
+        i18n = getI18nBackup(collection, entry, entry =>
+          this.entryToRaw(collection, entry, config),
+        );
       }
 
       await localForage.setItem<BackupEntry>(key, {
@@ -760,7 +899,7 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
     }
   }
 
-  async deleteLocalDraftBackup(collection: Collection, slug: string) {
+  async deleteLocalDraftBackup(collection: CollectionWithDefaults, slug: string) {
     try {
       await this.backupSync.acquire();
       await localForage.removeItem(getEntryBackupKey(collection.name, slug));
@@ -783,7 +922,8 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
 
   async getEntry<EF extends BaseField>(
     state: RootState<EF>,
-    collection: Collection<EF>,
+    collection: CollectionWithDefaults<EF>,
+    config: ConfigWithDefaults<EF>,
     slug: string,
   ) {
     const path = selectEntryPath(collection, slug) as string;
@@ -798,7 +938,7 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
         mediaFiles: [],
       });
 
-      entry = this.entryWithFormat(collection)(entry);
+      entry = this.entryWithFormat(collection, config)(entry);
       entry = await this.processEntry(state, collection, entry);
 
       return entry;
@@ -833,14 +973,21 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
     return Promise.reject(err);
   }
 
-  entryWithFormat<EF extends BaseField>(collection: Collection<EF>) {
+  entryWithFormat<EF extends BaseField>(
+    collection: CollectionWithDefaults<EF>,
+    config: ConfigWithDefaults<EF>,
+  ) {
     return (entry: Entry): Entry => {
       const format = resolveFormat(collection, entry);
       if (entry && entry.raw !== undefined) {
-        const data = (format && attempt(format.fromFile.bind(format, entry.raw))) || {};
+        const data =
+          (format &&
+            attempt(format.fromFile.bind(format, entry.raw, config as ConfigWithDefaults))) ||
+          {};
         if (isError(data)) {
           console.error(data);
         }
+
         return Object.assign(entry, { data: isError(data) ? {} : data });
       }
 
@@ -850,7 +997,7 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
 
   async processEntry<EF extends BaseField>(
     state: RootState<EF>,
-    collection: Collection<EF>,
+    collection: CollectionWithDefaults<EF>,
     entry: Entry,
   ) {
     const configState = state.config;
@@ -891,6 +1038,7 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
     entryDraft: draft,
     assetProxies,
     usedSlugs,
+    unpublished = false,
     status,
   }: PersistArgs) {
     const modifiedData = await this.invokePreSaveEvent(draft.entry, collection);
@@ -906,6 +1054,8 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
 
     const newEntry = entryDraft.entry.newRecord ?? false;
 
+    const useWorkflow = getUseWorkflow(config);
+
     const customPath = selectCustomPath(draft.entry, collection, rootSlug, config.slug);
 
     let dataFile: DataFile;
@@ -915,7 +1065,7 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
       }
       const slug = await this.generateUniqueSlug(
         collection,
-        entryDraft.entry.data,
+        entryDraft.entry,
         config,
         usedSlugs,
         customPath,
@@ -929,14 +1079,15 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
       dataFile = {
         path,
         slug,
-        raw: this.entryToRaw(collection, entryDraft.entry),
+        raw: this.entryToRaw(collection, entryDraft.entry, config),
       };
     } else {
       const slug = entryDraft.entry.slug;
       dataFile = {
         path: entryDraft.entry.path,
-        slug: customPath ? slugFromCustomPath(collection, customPath) : slug,
-        raw: this.entryToRaw(collection, entryDraft.entry),
+        // for workflow entries we refresh the slug on publish
+        slug: customPath && !useWorkflow ? slugFromCustomPath(collection, customPath) : slug,
+        raw: this.entryToRaw(collection, entryDraft.entry, config),
         newPath: customPath,
       };
     }
@@ -950,7 +1101,7 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
         collection,
         extension,
         entryDraft.entry,
-        (draftData: Entry) => this.entryToRaw(collection, draftData),
+        (draftData: Entry) => this.entryToRaw(collection, draftData, config),
         path,
         slug,
         newPath,
@@ -958,24 +1109,34 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
     }
 
     const user = (await this.currentUser()) as User;
-    const commitMessage = commitMessageFormatter(newEntry ? 'create' : 'update', config, {
-      collection,
-      slug,
-      path,
-      authorLogin: user.login,
-      authorName: user.name,
-    });
+    const commitMessage = commitMessageFormatter(
+      newEntry ? 'create' : 'update',
+      config,
+      {
+        collection,
+        slug,
+        path,
+        authorLogin: user.login,
+        authorName: user.name,
+      },
+      user.useOpenAuthoring,
+    );
 
     const collectionName = collection.name;
 
-    const updatedOptions = { status };
     const opts = {
       newEntry,
       commitMessage,
       collectionName,
-      ...updatedOptions,
+      useWorkflow,
+      unpublished,
+      status,
     };
 
+    if (!useWorkflow) {
+      await this.invokePrePublishEvent(entryDraft.entry, collection);
+    }
+
     await this.implementation.persistEntry(
       {
         dataFiles,
@@ -986,6 +1147,10 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
 
     await this.invokePostSaveEvent(entryDraft.entry, collection);
 
+    if (!useWorkflow) {
+      await this.invokePostPublishEvent(entryDraft.entry, collection);
+    }
+
     return slug;
   }
 
@@ -994,31 +1159,46 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
     return { entry, author: { login, name } };
   }
 
-  async invokePreSaveEvent(entry: Entry, collection: Collection): Promise<EntryData> {
+  async invokePrePublishEvent(entry: Entry, collection: CollectionWithDefaults) {
+    const eventData = await this.getEventData(entry);
+    return await invokeEvent({ name: 'prePublish', collection: collection.name, data: eventData });
+  }
+
+  async invokePostPublishEvent(entry: Entry, collection: CollectionWithDefaults) {
+    const eventData = await this.getEventData(entry);
+    return await invokeEvent({ name: 'postPublish', collection: collection.name, data: eventData });
+  }
+
+  async invokePreSaveEvent(entry: Entry, collection: CollectionWithDefaults): Promise<EntryData> {
     const eventData = await this.getEventData(entry);
     return await invokeEvent({ name: 'preSave', collection: collection.name, data: eventData });
   }
 
-  async invokePostSaveEvent(entry: Entry, collection: Collection): Promise<void> {
+  async invokePostSaveEvent(entry: Entry, collection: CollectionWithDefaults): Promise<void> {
     const eventData = await this.getEventData(entry);
     await invokeEvent({ name: 'postSave', collection: collection.name, data: eventData });
   }
 
-  async persistMedia(config: Config, file: AssetProxy) {
+  async persistMedia(config: ConfigWithDefaults, file: AssetProxy) {
     const user = (await this.currentUser()) as User;
     const options = {
-      commitMessage: commitMessageFormatter('uploadMedia', config, {
-        path: file.path,
-        authorLogin: user.login,
-        authorName: user.name,
-      }),
+      commitMessage: commitMessageFormatter(
+        'uploadMedia',
+        config,
+        {
+          path: file.path,
+          authorLogin: user.login,
+          authorName: user.name,
+        },
+        user.useOpenAuthoring,
+      ),
     };
     return this.implementation.persistMedia(file, options);
   }
 
   async deleteEntry<EF extends BaseField>(
     state: RootState<EF>,
-    collection: Collection<EF>,
+    collection: CollectionWithDefaults<EF>,
     slug: string,
   ) {
     const configState = state.config;
@@ -1034,13 +1214,18 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
     }
 
     const user = (await this.currentUser()) as User;
-    const commitMessage = commitMessageFormatter('delete', configState.config, {
-      collection,
-      slug,
-      path,
-      authorLogin: user.login,
-      authorName: user.name,
-    });
+    const commitMessage = commitMessageFormatter(
+      'delete',
+      configState.config,
+      {
+        collection,
+        slug,
+        path,
+        authorLogin: user.login,
+        authorName: user.name,
+      },
+      user.useOpenAuthoring,
+    );
 
     let paths = [path];
     if (hasI18n(collection)) {
@@ -1049,24 +1234,29 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
     await this.implementation.deleteFiles(paths, commitMessage);
   }
 
-  async deleteMedia(config: Config, path: string) {
+  async deleteMedia(config: ConfigWithDefaults, path: string) {
     const user = (await this.currentUser()) as User;
-    const commitMessage = commitMessageFormatter('deleteMedia', config, {
-      path,
-      authorLogin: user.login,
-      authorName: user.name,
-    });
+    const commitMessage = commitMessageFormatter(
+      'deleteMedia',
+      config,
+      {
+        path,
+        authorLogin: user.login,
+        authorName: user.name,
+      },
+      user.useOpenAuthoring,
+    );
     return this.implementation.deleteFiles([path], commitMessage);
   }
 
-  entryToRaw(collection: Collection, entry: Entry): string {
+  entryToRaw(collection: CollectionWithDefaults, entry: Entry, config: ConfigWithDefaults): string {
     const format = resolveFormat(collection, entry);
     const fieldsOrder = this.fieldsOrder(collection, entry);
     const fieldsComments = selectFieldsComments(collection, entry);
-    return format ? format.toFile(entry.data ?? {}, fieldsOrder, fieldsComments) : '';
+    return format ? format.toFile(entry.data ?? {}, config, fieldsOrder, fieldsComments) : '';
   }
 
-  fieldsOrder(collection: Collection, entry: Entry) {
+  fieldsOrder(collection: CollectionWithDefaults, entry: Entry) {
     if ('fields' in collection) {
       return collection.fields?.map(f => f!.name) ?? [];
     }
@@ -1083,9 +1273,144 @@ export class Backend<EF extends BaseField = UnknownField, BC extends BackendClas
   filterEntries(collection: { entries: Entry[] }, filterRule: FilterRule | FilterRule[]) {
     return filterEntries(collection.entries, filterRule, undefined);
   }
+
+  /**
+   * Editorial Workflows
+   */
+  async processUnpublishedEntry(
+    collection: CollectionWithDefaults,
+    config: ConfigWithDefaults,
+    entryData: UnpublishedEntry,
+    withMediaFiles: boolean,
+  ) {
+    const { slug, openAuthoring } = entryData;
+    let extension: string;
+    if ('files' in collection) {
+      const file = collection.files.find(f => f?.name === slug);
+      extension = file ? extname(file.file) : formatExtensions['json'];
+    } else {
+      extension = selectFolderEntryExtension(collection);
+    }
+
+    const mediaFiles: MediaFile[] = [];
+    if (withMediaFiles) {
+      const nonDataFiles = entryData.diffs.filter(d => !d.path.endsWith(extension));
+      const files = await Promise.all(
+        nonDataFiles.map(f =>
+          this.implementation!.unpublishedEntryMediaFile(collection.name, slug, f.path, f.id),
+        ),
+      );
+      mediaFiles.push(...files.map(f => ({ ...f, draft: true })));
+    }
+
+    const dataFiles = entryData.diffs.filter(d => d.path.endsWith(extension));
+    dataFiles.sort((a, b) => a.path.length - b.path.length);
+
+    const formatData = (data: string, path: string, newFile: boolean) => {
+      const entry = createEntry(collection.name, slug, path, {
+        raw: data,
+        isModification: !newFile,
+        label: collection && selectFileEntryLabel(collection, slug),
+        mediaFiles,
+        updatedOn: entryData.updatedAt,
+        author: entryData.pullRequestAuthor,
+        status: workflowStatusFromString(entryData.status),
+        meta: { path: prepareMetaPath(path, collection) },
+        openAuthoring,
+      });
+
+      return this.entryWithFormat(collection, config)(entry);
+    };
+
+    const readAndFormatDataFile = async (dataFile: UnpublishedEntryDiff) => {
+      const data = await this.implementation.unpublishedEntryDataFile(
+        collection.name,
+        entryData.slug,
+        dataFile.path,
+        dataFile.id,
+      );
+
+      return formatData(data, dataFile.path, dataFile.newFile);
+    };
+
+    // if the unpublished entry has no diffs, return the original
+    if (dataFiles.length <= 0) {
+      const loadedEntry = await this.implementation.getEntry(
+        selectEntryPath(collection, slug) as string,
+      );
+      return formatData(loadedEntry.data, loadedEntry.file.path, false);
+    } else if (hasI18n(collection)) {
+      // we need to read all locales files and not just the changes
+      const path = selectEntryPath(collection, slug) as string;
+      const i18nFiles = getI18nDataFiles(collection, extension, path, slug, dataFiles);
+      let entries = await Promise.all(
+        i18nFiles.map(dataFile => readAndFormatDataFile(dataFile).catch(() => null)),
+      );
+      entries = entries.filter(Boolean);
+      const grouped = await groupEntries(collection, extension, entries as Entry[]);
+      return grouped[0];
+    } else {
+      return readAndFormatDataFile(dataFiles[0]);
+    }
+  }
+
+  async unpublishedEntries(collections: CollectionsWithDefaults, config: ConfigWithDefaults) {
+    const ids = await this.implementation.unpublishedEntries();
+    const entries = (
+      await Promise.all(
+        ids.map(async id => {
+          const entryData = await this.implementation.unpublishedEntry({ id });
+          const collectionName = entryData.collection;
+          const collection = Object.values(collections).find(c => c.name === collectionName);
+          if (!collection) {
+            console.warn(`Missing collection '${collectionName}' for unpublished entry '${id}'`);
+            return null;
+          }
+
+          return this.processUnpublishedEntry(collection, config, entryData, false);
+        }),
+      )
+    ).filter(Boolean) as Entry[];
+
+    return { pagination: 0, entries };
+  }
+
+  async unpublishedEntry(
+    state: RootState,
+    collection: CollectionWithDefaults,
+    config: ConfigWithDefaults,
+    slug: string,
+  ) {
+    const entryData = await this.implementation.unpublishedEntry({
+      collection: collection.name,
+      slug,
+    });
+
+    let entry = await this.processUnpublishedEntry(collection, config, entryData, true);
+    entry = await this.processEntry(state, collection, entry);
+    return entry;
+  }
+
+  persistUnpublishedEntry(args: PersistArgs) {
+    return this.persistEntry({ ...args, unpublished: true });
+  }
+
+  updateUnpublishedEntryStatus(collection: string, slug: string, newStatus: WorkflowStatus) {
+    return this.implementation.updateUnpublishedEntryStatus(collection, slug, newStatus);
+  }
+
+  deleteUnpublishedEntry(collection: string, slug: string) {
+    return this.implementation.deleteUnpublishedEntry(collection, slug);
+  }
+
+  async publishUnpublishedEntry(collection: CollectionWithDefaults, entry: Entry) {
+    await this.invokePrePublishEvent(entry, collection);
+    await this.implementation.publishUnpublishedEntry(collection.name, entry.slug);
+    await this.invokePostPublishEvent(entry, collection);
+  }
 }
 
-export function resolveBackend<EF extends BaseField>(config?: Config<EF>) {
+export function resolveBackend<EF extends BaseField>(config?: ConfigWithDefaults<EF>) {
   if (!config?.backend.name) {
     throw new Error('No backend defined in configuration');
   }
@@ -1104,7 +1429,7 @@ export function resolveBackend<EF extends BaseField>(config?: Config<EF>) {
 export const currentBackend = (function () {
   let backend: Backend;
 
-  return <EF extends BaseField = UnknownField>(config: Config<EF>) => {
+  return <EF extends BaseField = UnknownField>(config: ConfigWithDefaults<EF>) => {
     if (backend) {
       return backend;
     }
diff --git a/packages/core/src/backends/bitbucket/API.ts b/packages/core/src/backends/bitbucket/API.ts
index cd66d37b..40fda801 100644
--- a/packages/core/src/backends/bitbucket/API.ts
+++ b/packages/core/src/backends/bitbucket/API.ts
@@ -1,12 +1,15 @@
+import { oneLine } from 'common-tags';
 import flow from 'lodash/flow';
 import get from 'lodash/get';
 import { dirname } from 'path';
 import { parse } from 'what-the-diff';
 
+import { PreviewState } from '@staticcms/core/constants/enums';
 import {
   APIError,
   basename,
   Cursor,
+  EditorialWorkflowError,
   localForage,
   readFile,
   readFileMetadata,
@@ -16,8 +19,20 @@ import {
   throwOnConflictingBranches,
   unsentRequest,
 } from '@staticcms/core/lib/util';
+import {
+  branchFromContentKey,
+  CMS_BRANCH_PREFIX,
+  DEFAULT_PR_BODY,
+  generateContentKey,
+  isCMSLabel,
+  labelToStatus,
+  MERGE_COMMIT_MESSAGE,
+  parseContentKey,
+  statusToLabel,
+} from '@staticcms/core/lib/util/APIUtils';
 
-import type { DataFile, PersistOptions } from '@staticcms/core/interface';
+import type { DataFile, PersistOptions, UnpublishedEntry } from '@staticcms/core';
+import type { WorkflowStatus } from '@staticcms/core/constants/publishModes';
 import type { ApiRequest, FetchError } from '@staticcms/core/lib/util';
 import type AssetProxy from '@staticcms/core/valueObjects/AssetProxy';
 
@@ -28,6 +43,9 @@ interface Config {
   repo?: string;
   requestFunction?: (req: ApiRequest) => Promise<Response>;
   hasWriteAccess?: () => Promise<boolean>;
+  squashMerges: boolean;
+  initialWorkflowStatus: WorkflowStatus;
+  cmsLabelPrefix: string;
 }
 
 interface CommitAuthor {
@@ -35,6 +53,96 @@ interface CommitAuthor {
   email: string;
 }
 
+enum BitBucketPullRequestState {
+  MERGED = 'MERGED',
+  SUPERSEDED = 'SUPERSEDED',
+  OPEN = 'OPEN',
+  DECLINED = 'DECLINED',
+}
+
+type BitBucketPullRequest = {
+  description: string;
+  id: number;
+  title: string;
+  state: BitBucketPullRequestState;
+  updated_on: string;
+  summary: {
+    raw: string;
+  };
+  source: {
+    commit: {
+      hash: string;
+    };
+    branch: {
+      name: string;
+    };
+  };
+  destination: {
+    commit: {
+      hash: string;
+    };
+    branch: {
+      name: string;
+    };
+  };
+  author: BitBucketUser;
+};
+
+type BitBucketPullRequests = {
+  size: number;
+  page: number;
+  pagelen: number;
+  next: string;
+  preview: string;
+  values: BitBucketPullRequest[];
+};
+
+type BitBucketPullComment = {
+  content: {
+    raw: string;
+  };
+};
+
+type BitBucketPullComments = {
+  size: number;
+  page: number;
+  pagelen: number;
+  next: string;
+  preview: string;
+  values: BitBucketPullComment[];
+};
+
+enum BitBucketPullRequestStatusState {
+  Successful = 'SUCCESSFUL',
+  Failed = 'FAILED',
+  InProgress = 'INPROGRESS',
+  Stopped = 'STOPPED',
+}
+
+type BitBucketPullRequestStatus = {
+  uuid: string;
+  name: string;
+  key: string;
+  refname: string;
+  url: string;
+  description: string;
+  state: BitBucketPullRequestStatusState;
+};
+
+type BitBucketPullRequestStatues = {
+  size: number;
+  page: number;
+  pagelen: number;
+  next: string;
+  preview: string;
+  values: BitBucketPullRequestStatus[];
+};
+
+type DeleteEntry = {
+  path: string;
+  delete: true;
+};
+
 type BitBucketFile = {
   id: string;
   type: string;
@@ -81,6 +189,8 @@ type BitBucketCommit = {
 
 export const API_NAME = 'Bitbucket';
 
+const APPLICATION_JSON = 'application/json; charset=utf-8';
+
 function replace404WithEmptyResponse(err: FetchError) {
   if (err && err.status === 404) {
     console.info('[StaticCMS] This 404 was expected and handled appropriately.');
@@ -97,6 +207,9 @@ export default class API {
   requestFunction: (req: ApiRequest) => Promise<Response>;
   repoURL: string;
   commitAuthor?: CommitAuthor;
+  mergeStrategy: string;
+  initialWorkflowStatus: WorkflowStatus;
+  cmsLabelPrefix: string;
 
   constructor(config: Config) {
     this.apiRoot = config.apiRoot || 'https://api.bitbucket.org/2.0';
@@ -106,6 +219,9 @@ export default class API {
     // Allow overriding this.hasWriteAccess
     this.hasWriteAccess = config.hasWriteAccess || this.hasWriteAccess;
     this.repoURL = this.repo ? `/repositories/${this.repo}` : '';
+    this.mergeStrategy = config.squashMerges ? 'squash' : 'merge_commit';
+    this.initialWorkflowStatus = config.initialWorkflowStatus;
+    this.cmsLabelPrefix = config.cmsLabelPrefix;
   }
 
   buildRequest = (req: ApiRequest) => {
@@ -231,7 +347,7 @@ export default class API {
   }
 
   async isShaExistsInBranch(branch: string, sha: string) {
-    const { values }: { values: BitBucketCommit[] } = await this.requestJSON({
+    const response: { values: BitBucketCommit[] } = await this.requestJSON({
       url: `${this.repoURL}/commits`,
       params: { include: branch, pagelen: '100' },
     }).catch(e => {
@@ -239,7 +355,7 @@ export default class API {
       return [];
     });
 
-    return values.some(v => v.hash === sha);
+    return response?.values?.some(v => v.hash === sha);
   }
 
   getEntriesAndCursor = (jsonResponse: BitBucketSrcResult) => {
@@ -359,7 +475,11 @@ export default class API {
                 branch: filesBranch,
                 parseText: false,
               });
-        formData.append(file.path.replace(sourceDir, destDir), content, basename(file.path));
+        formData.append(
+          file.path.replace(sourceDir, destDir),
+          content as Blob,
+          basename(file.path),
+        );
       }
     }
 
@@ -412,6 +532,11 @@ export default class API {
     options: PersistOptions,
   ) {
     const files = [...dataFiles, ...mediaFiles];
+    if (options.useWorkflow) {
+      const slug = dataFiles[0].slug;
+      return this.editorialWorkflowGit(files as (DataFile | AssetProxy)[], slug, options);
+    }
+
     return this.uploadFiles(files, { commitMessage: options.commitMessage, branch: this.branch });
   }
 
@@ -460,4 +585,248 @@ export default class API {
       unsentRequest.withBody(body, unsentRequest.withMethod('POST', `${this.repoURL}/src`)),
     );
   };
+
+  /**
+   * Editorial Workflow
+   */
+  async listUnpublishedBranches() {
+    console.info(
+      '%c Checking for Unpublished entries',
+      'line-height: 30px;text-align: center;font-weight: bold',
+    );
+
+    const pullRequests = await this.getPullRequests();
+    const branches = pullRequests.map(mr => mr.source.branch.name);
+
+    return branches;
+  }
+
+  async getPullRequestLabel(id: number) {
+    const comments: BitBucketPullComments = await this.requestJSON({
+      url: `${this.repoURL}/pullrequests/${id}/comments`,
+      params: {
+        pagelen: '100',
+      },
+    });
+    return comments.values.map(c => c.content.raw)[comments.values.length - 1];
+  }
+
+  async getPullRequests(sourceBranch?: string) {
+    const sourceQuery = sourceBranch
+      ? `source.branch.name = "${sourceBranch}"`
+      : `source.branch.name ~ "${CMS_BRANCH_PREFIX}/"`;
+
+    const pullRequests: BitBucketPullRequests = await this.requestJSON({
+      url: `${this.repoURL}/pullrequests`,
+      params: {
+        pagelen: '50',
+        q: oneLine`
+        source.repository.full_name = "${this.repo}"
+        AND state = "${BitBucketPullRequestState.OPEN}"
+        AND destination.branch.name = "${this.branch}"
+        AND comment_count > 0
+        AND ${sourceQuery}
+        `,
+      },
+    });
+
+    const labels = await Promise.all(
+      pullRequests.values.map(pr => this.getPullRequestLabel(pr.id)),
+    );
+
+    return pullRequests.values.filter((_, index) => isCMSLabel(labels[index], this.cmsLabelPrefix));
+  }
+
+  async getBranchPullRequest(branch: string) {
+    const pullRequests = await this.getPullRequests(branch);
+    if (pullRequests.length <= 0) {
+      throw new EditorialWorkflowError('content is not under editorial workflow', true);
+    }
+
+    return pullRequests[0];
+  }
+
+  async retrieveUnpublishedEntryData(contentKey: string): Promise<UnpublishedEntry> {
+    const { collection, slug } = parseContentKey(contentKey);
+    const branch = branchFromContentKey(contentKey);
+    const pullRequest = await this.getBranchPullRequest(branch);
+    const diffs = await this.getDifferences(branch);
+    const label = await this.getPullRequestLabel(pullRequest.id);
+    const status = labelToStatus(label, this.cmsLabelPrefix);
+    const updatedAt = pullRequest.updated_on;
+    const pullRequestAuthor = pullRequest.author.display_name;
+    return {
+      collection,
+      slug,
+      status,
+      // TODO: get real id
+      diffs: diffs
+        .filter(d => d.status !== 'deleted')
+        .map(d => ({ path: d.path, newFile: d.newFile, id: '' })),
+      updatedAt,
+      pullRequestAuthor,
+      openAuthoring: false,
+    };
+  }
+
+  async addPullRequestComment(pullRequest: BitBucketPullRequest, comment: string) {
+    await this.requestJSON({
+      method: 'POST',
+      url: `${this.repoURL}/pullrequests/${pullRequest.id}/comments`,
+      headers: { 'Content-Type': APPLICATION_JSON },
+      body: JSON.stringify({
+        content: {
+          raw: comment,
+        },
+      }),
+    });
+  }
+
+  async updateUnpublishedEntryStatus(collection: string, slug: string, newStatus: WorkflowStatus) {
+    const contentKey = generateContentKey(collection, slug);
+    const branch = branchFromContentKey(contentKey);
+    const pullRequest = await this.getBranchPullRequest(branch);
+
+    await this.addPullRequestComment(pullRequest, statusToLabel(newStatus, this.cmsLabelPrefix));
+  }
+
+  async declinePullRequest(pullRequest: BitBucketPullRequest) {
+    await this.requestJSON({
+      method: 'POST',
+      url: `${this.repoURL}/pullrequests/${pullRequest.id}/decline`,
+    });
+  }
+
+  async deleteBranch(branch: string) {
+    await this.request({
+      method: 'DELETE',
+      url: `${this.repoURL}/refs/branches/${branch}`,
+    });
+  }
+
+  async deleteUnpublishedEntry(collectionName: string, slug: string) {
+    const contentKey = generateContentKey(collectionName, slug);
+    const branch = branchFromContentKey(contentKey);
+    const pullRequest = await this.getBranchPullRequest(branch);
+
+    await this.declinePullRequest(pullRequest);
+    await this.deleteBranch(branch);
+  }
+
+  async mergePullRequest(pullRequest: BitBucketPullRequest) {
+    await this.requestJSON({
+      method: 'POST',
+      url: `${this.repoURL}/pullrequests/${pullRequest.id}/merge`,
+      headers: { 'Content-Type': APPLICATION_JSON },
+      body: JSON.stringify({
+        message: MERGE_COMMIT_MESSAGE,
+        close_source_branch: true,
+        merge_strategy: this.mergeStrategy,
+      }),
+    });
+  }
+
+  async publishUnpublishedEntry(collectionName: string, slug: string) {
+    const contentKey = generateContentKey(collectionName, slug);
+    const branch = branchFromContentKey(contentKey);
+    const pullRequest = await this.getBranchPullRequest(branch);
+
+    await this.mergePullRequest(pullRequest);
+  }
+
+  async getPullRequestStatuses(pullRequest: BitBucketPullRequest) {
+    const statuses: BitBucketPullRequestStatues = await this.requestJSON({
+      url: `${this.repoURL}/pullrequests/${pullRequest.id}/statuses`,
+      params: {
+        pagelen: '100',
+      },
+    });
+
+    return statuses.values;
+  }
+
+  async getStatuses(collectionName: string, slug: string) {
+    const contentKey = generateContentKey(collectionName, slug);
+    const branch = branchFromContentKey(contentKey);
+    const pullRequest = await this.getBranchPullRequest(branch);
+    const statuses = await this.getPullRequestStatuses(pullRequest);
+
+    return statuses.map(({ key, state, url }) => ({
+      context: key,
+      state:
+        state === BitBucketPullRequestStatusState.Successful
+          ? PreviewState.Success
+          : PreviewState.Other,
+      target_url: url,
+    }));
+  }
+
+  async createPullRequest(branch: string, commitMessage: string, status: WorkflowStatus) {
+    const pullRequest: BitBucketPullRequest = await this.requestJSON({
+      method: 'POST',
+      url: `${this.repoURL}/pullrequests`,
+      headers: { 'Content-Type': APPLICATION_JSON },
+      body: JSON.stringify({
+        title: commitMessage,
+        source: {
+          branch: {
+            name: branch,
+          },
+        },
+        destination: {
+          branch: {
+            name: this.branch,
+          },
+        },
+        description: DEFAULT_PR_BODY,
+        close_source_branch: true,
+      }),
+    });
+    // use comments for status labels
+    await this.addPullRequestComment(pullRequest, statusToLabel(status, this.cmsLabelPrefix));
+  }
+
+  async editorialWorkflowGit(
+    files: (DataFile | AssetProxy)[],
+    slug: string,
+    options: PersistOptions,
+  ) {
+    const contentKey = generateContentKey(options.collectionName as string, slug);
+    const branch = branchFromContentKey(contentKey);
+    const unpublished = options.unpublished || false;
+    if (!unpublished) {
+      const defaultBranchSha = await this.branchCommitSha(this.branch);
+      await this.uploadFiles(files, {
+        commitMessage: options.commitMessage,
+        branch,
+        parentSha: defaultBranchSha,
+      });
+      await this.createPullRequest(
+        branch,
+        options.commitMessage,
+        options.status || this.initialWorkflowStatus,
+      );
+    } else {
+      // mark files for deletion
+      const diffs = await this.getDifferences(branch);
+      const toDelete: DeleteEntry[] = [];
+      for (const diff of diffs.filter(d => d.binary && d.status !== 'deleted')) {
+        if (!files.some(file => file.path === diff.path)) {
+          toDelete.push({ path: diff.path, delete: true });
+        }
+      }
+
+      await this.uploadFiles([...files, ...toDelete], {
+        commitMessage: options.commitMessage,
+        branch,
+      });
+    }
+  }
+
+  async getUnpublishedEntrySha(collection: string, slug: string) {
+    const contentKey = generateContentKey(collection, slug);
+    const branch = branchFromContentKey(contentKey);
+    const pullRequest = await this.getBranchPullRequest(branch);
+    return pullRequest.destination.commit.hash;
+  }
 }
diff --git a/packages/core/src/backends/bitbucket/AuthenticationPage.tsx b/packages/core/src/backends/bitbucket/AuthenticationPage.tsx
index 390d3e6d..8934a137 100644
--- a/packages/core/src/backends/bitbucket/AuthenticationPage.tsx
+++ b/packages/core/src/backends/bitbucket/AuthenticationPage.tsx
@@ -3,11 +3,12 @@ import React, { useCallback, useMemo, useState } from 'react';
 
 import Login from '@staticcms/core/components/login/Login';
 import { ImplicitAuthenticator, NetlifyAuthenticator } from '@staticcms/core/lib/auth';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 
-import type { AuthenticationPageProps, TranslatedProps } from '@staticcms/core/interface';
-import type { MouseEvent } from 'react';
+import type { AuthenticationPageProps } from '@staticcms/core';
+import type { FC, MouseEvent } from 'react';
 
-const BitbucketAuthenticationPage = ({
+const BitbucketAuthenticationPage: FC<AuthenticationPageProps> = ({
   inProgress = false,
   config,
   base_url,
@@ -15,8 +16,9 @@ const BitbucketAuthenticationPage = ({
   authEndpoint,
   clearHash,
   onLogin,
-  t,
-}: TranslatedProps<AuthenticationPageProps>) => {
+}) => {
+  const t = useTranslate();
+
   const [loginError, setLoginError] = useState<string | null>(null);
 
   const [auth, authSettings] = useMemo(() => {
diff --git a/packages/core/src/backends/bitbucket/__tests__/api.spec.ts b/packages/core/src/backends/bitbucket/__tests__/api.spec.ts
new file mode 100644
index 00000000..27fe6695
--- /dev/null
+++ b/packages/core/src/backends/bitbucket/__tests__/api.spec.ts
@@ -0,0 +1,43 @@
+import { WorkflowStatus } from '@staticcms/core/constants/publishModes';
+import { CMS_BRANCH_PREFIX } from '@staticcms/core/lib/util/APIUtils';
+import API from '../API';
+
+global.fetch = jest.fn().mockRejectedValue(new Error('should not call fetch inside tests'));
+
+describe('bitbucket API', () => {
+  beforeEach(() => {
+    jest.resetAllMocks();
+  });
+
+  test('should get preview statuses', async () => {
+    const api = new API({
+      squashMerges: false,
+      initialWorkflowStatus: WorkflowStatus.DRAFT,
+      cmsLabelPrefix: CMS_BRANCH_PREFIX,
+    });
+
+    const pr = { id: 1 };
+    const statuses = [
+      { key: 'deploy', state: 'SUCCESSFUL', url: 'deploy-url' },
+      { key: 'build', state: 'FAILED' },
+    ];
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (api as any).getBranchPullRequest = jest.fn(() => Promise.resolve(pr));
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (api as any).getPullRequestStatuses = jest.fn(() => Promise.resolve(statuses));
+
+    const collectionName = 'posts';
+    const slug = 'title';
+    await expect(api.getStatuses(collectionName, slug)).resolves.toEqual([
+      { context: 'deploy', state: 'success', target_url: 'deploy-url' },
+      { context: 'build', state: 'other' },
+    ]);
+
+    expect(api.getBranchPullRequest).toHaveBeenCalledTimes(1);
+    expect(api.getBranchPullRequest).toHaveBeenCalledWith(`cms/posts/title`);
+
+    expect(api.getPullRequestStatuses).toHaveBeenCalledTimes(1);
+    expect(api.getPullRequestStatuses).toHaveBeenCalledWith(pr);
+  });
+});
diff --git a/packages/core/src/backends/bitbucket/implementation.ts b/packages/core/src/backends/bitbucket/implementation.ts
index c4edb02d..493f4c81 100644
--- a/packages/core/src/backends/bitbucket/implementation.ts
+++ b/packages/core/src/backends/bitbucket/implementation.ts
@@ -2,6 +2,7 @@ import { stripIndent } from 'common-tags';
 import trimStart from 'lodash/trimStart';
 import semaphore from 'semaphore';
 
+import { WorkflowStatus } from '@staticcms/core/constants/publishModes';
 import { NetlifyAuthenticator } from '@staticcms/core/lib/auth';
 import {
   AccessTokenError,
@@ -23,23 +24,31 @@ import {
   runWithLock,
   unsentRequest,
 } from '@staticcms/core/lib/util';
+import { getPreviewStatus } from '@staticcms/core/lib/util/API';
+import {
+  branchFromContentKey,
+  contentKeyFromBranch,
+  generateContentKey,
+} from '@staticcms/core/lib/util/APIUtils';
+import { unpublishedEntries } from '@staticcms/core/lib/util/implementation';
 import API, { API_NAME } from './API';
 import AuthenticationPage from './AuthenticationPage';
 import GitLfsClient from './git-lfs-client';
 
-import type { Semaphore } from 'semaphore';
 import type {
-  BackendEntry,
   BackendClass,
-  Config,
+  BackendEntry,
+  ConfigWithDefaults,
   Credentials,
   DisplayURL,
   ImplementationFile,
   PersistOptions,
+  UnpublishedEntry,
   User,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 import type { ApiRequest, AsyncLock, Cursor, FetchError } from '@staticcms/core/lib/util';
 import type AssetProxy from '@staticcms/core/valueObjects/AssetProxy';
+import type { Semaphore } from 'semaphore';
 
 const MAX_CONCURRENT_DOWNLOADS = 10;
 
@@ -61,6 +70,7 @@ export default class BitbucketBackend implements BackendClass {
     proxied: boolean;
     API: API | null;
     updateUserCredentials: (args: { token: string; refresh_token: string }) => Promise<null>;
+    initialWorkflowStatus: WorkflowStatus;
   };
   repo: string;
   branch: string;
@@ -73,15 +83,19 @@ export default class BitbucketBackend implements BackendClass {
   refreshedTokenPromise?: Promise<string>;
   authenticator?: NetlifyAuthenticator;
   _mediaDisplayURLSem?: Semaphore;
+  squashMerges: boolean;
+  cmsLabelPrefix: string;
+  previewContext: string;
   largeMediaURL: string;
   _largeMediaClientPromise?: Promise<GitLfsClient>;
   authType: string;
 
-  constructor(config: Config, options = {}) {
+  constructor(config: ConfigWithDefaults, options = {}) {
     this.options = {
       proxied: false,
       API: null,
       updateUserCredentials: async () => null,
+      initialWorkflowStatus: WorkflowStatus.DRAFT,
       ...options,
     };
 
@@ -105,14 +119,13 @@ export default class BitbucketBackend implements BackendClass {
       config.backend.large_media_url || `https://bitbucket.org/${config.backend.repo}/info/lfs`;
     this.token = '';
     this.mediaFolder = config.media_folder;
+    this.squashMerges = config.backend.squash_merges || false;
+    this.cmsLabelPrefix = config.backend.cms_label_prefix || '';
+    this.previewContext = config.backend.preview_context || '';
     this.lock = asyncLock();
     this.authType = config.backend.auth_type || '';
   }
 
-  isGitBackend() {
-    return true;
-  }
-
   async status() {
     const api = await fetch(BITBUCKET_STATUS_ENDPOINT)
       .then(res => res.json())
@@ -168,6 +181,9 @@ export default class BitbucketBackend implements BackendClass {
       branch: this.branch,
       repo: this.repo,
       apiRoot: this.apiRoot,
+      squashMerges: this.squashMerges,
+      cmsLabelPrefix: this.cmsLabelPrefix,
+      initialWorkflowStatus: this.options.initialWorkflowStatus,
     });
 
     const isCollab = await this.api.hasWriteAccess().catch(error => {
@@ -535,4 +551,99 @@ export default class BitbucketBackend implements BackendClass {
       file: fileObj,
     };
   }
+
+  /**
+   * Editorial Workflow
+   */
+  async unpublishedEntries() {
+    const listEntriesKeys = () =>
+      this.api!.listUnpublishedBranches().then(branches =>
+        branches.map(branch => contentKeyFromBranch(branch)),
+      );
+
+    const ids = await unpublishedEntries(listEntriesKeys);
+    return ids;
+  }
+
+  async unpublishedEntry({
+    id,
+    collection,
+    slug,
+  }: {
+    id?: string;
+    collection?: string;
+    slug?: string;
+  }): Promise<UnpublishedEntry> {
+    if (id) {
+      const data = await this.api!.retrieveUnpublishedEntryData(id);
+      return data;
+    } else if (collection && slug) {
+      const entryId = generateContentKey(collection, slug);
+      const data = await this.api!.retrieveUnpublishedEntryData(entryId);
+      return data;
+    } else {
+      throw new Error('Missing unpublished entry id or collection and slug');
+    }
+  }
+
+  getBranch(collection: string, slug: string) {
+    const contentKey = generateContentKey(collection, slug);
+    const branch = branchFromContentKey(contentKey);
+    return branch;
+  }
+
+  async unpublishedEntryDataFile(collection: string, slug: string, path: string, id: string) {
+    const branch = this.getBranch(collection, slug);
+    const data = (await this.api!.readFile(path, id, { branch })) as string;
+    return data;
+  }
+
+  async unpublishedEntryMediaFile(collection: string, slug: string, path: string, id: string) {
+    const branch = this.getBranch(collection, slug);
+    const mediaFile = await this.loadMediaFile(path, id, { branch });
+    return mediaFile;
+  }
+
+  async updateUnpublishedEntryStatus(collection: string, slug: string, newStatus: WorkflowStatus) {
+    // updateUnpublishedEntryStatus is a transactional operation
+    return runWithLock(
+      this.lock,
+      () => this.api!.updateUnpublishedEntryStatus(collection, slug, newStatus),
+      'Failed to acquire update entry status lock',
+    );
+  }
+
+  async deleteUnpublishedEntry(collection: string, slug: string) {
+    // deleteUnpublishedEntry is a transactional operation
+    return runWithLock(
+      this.lock,
+      () => this.api!.deleteUnpublishedEntry(collection, slug),
+      'Failed to acquire delete entry lock',
+    );
+  }
+
+  async publishUnpublishedEntry(collection: string, slug: string) {
+    // publishUnpublishedEntry is a transactional operation
+    return runWithLock(
+      this.lock,
+      () => this.api!.publishUnpublishedEntry(collection, slug),
+      'Failed to acquire publish entry lock',
+    );
+  }
+
+  async getDeployPreview(collection: string, slug: string) {
+    try {
+      const statuses = await this.api!.getStatuses(collection, slug);
+      const deployStatus = getPreviewStatus(statuses, this.previewContext);
+
+      if (deployStatus) {
+        const { target_url: url, state } = deployStatus;
+        return { url, status: state };
+      } else {
+        return null;
+      }
+    } catch (e) {
+      return null;
+    }
+  }
 }
diff --git a/packages/core/src/backends/git-gateway/AuthenticationPage.tsx b/packages/core/src/backends/git-gateway/AuthenticationPage.tsx
index 267f66d8..bf2d8ef5 100644
--- a/packages/core/src/backends/git-gateway/AuthenticationPage.tsx
+++ b/packages/core/src/backends/git-gateway/AuthenticationPage.tsx
@@ -1,8 +1,10 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 
 import Login from '@staticcms/core/components/login/Login';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 
-import type { AuthenticationPageProps, TranslatedProps, User } from '@staticcms/core/interface';
+import type { AuthenticationPageProps, User } from '@staticcms/core';
+import type { FC } from 'react';
 
 function useNetlifyIdentifyEvent(eventName: 'login', callback: (login: User) => void): void;
 function useNetlifyIdentifyEvent(eventName: 'logout', callback: () => void): void;
@@ -17,12 +19,13 @@ function useNetlifyIdentifyEvent(
   }, [callback, eventName]);
 }
 
-export interface GitGatewayAuthenticationPageProps
-  extends TranslatedProps<AuthenticationPageProps> {
+export interface GitGatewayAuthenticationPageProps extends AuthenticationPageProps {
   handleAuth: (email: string, password: string) => Promise<User | string>;
 }
 
-const GitGatewayAuthenticationPage = ({ onLogin, t }: GitGatewayAuthenticationPageProps) => {
+const GitGatewayAuthenticationPage: FC<GitGatewayAuthenticationPageProps> = ({ onLogin }) => {
+  const t = useTranslate();
+
   const [loggingIn, setLoggingIn] = useState(false);
   const [loggedIn, setLoggedIn] = useState(false);
   const [errors, setErrors] = useState<{
diff --git a/packages/core/src/backends/git-gateway/GitHubAPI.ts b/packages/core/src/backends/git-gateway/GitHubAPI.ts
index feaa0e05..fe992804 100644
--- a/packages/core/src/backends/git-gateway/GitHubAPI.ts
+++ b/packages/core/src/backends/git-gateway/GitHubAPI.ts
@@ -4,7 +4,7 @@ import { API as GithubAPI } from '../github';
 import type { FetchError } from '@staticcms/core/lib/util';
 import type { Config as GitHubConfig } from '../github/API';
 
-type Config = GitHubConfig & {
+export type GitHubApiOptions = GitHubConfig & {
   apiRoot: string;
   tokenPromise: () => Promise<string>;
   commitAuthor: { name: string };
@@ -16,12 +16,12 @@ export default class API extends GithubAPI {
   commitAuthor: { name: string };
   isLargeMedia: (filename: string) => Promise<boolean>;
 
-  constructor(config: Config) {
-    super(config);
-    this.apiRoot = config.apiRoot;
-    this.tokenPromise = config.tokenPromise;
-    this.commitAuthor = config.commitAuthor;
-    this.isLargeMedia = config.isLargeMedia;
+  constructor(options: GitHubApiOptions) {
+    super(options);
+    this.apiRoot = options.apiRoot;
+    this.tokenPromise = options.tokenPromise;
+    this.commitAuthor = options.commitAuthor;
+    this.isLargeMedia = options.isLargeMedia;
     this.repoURL = '';
     this.originRepoURL = '';
   }
diff --git a/packages/core/src/backends/git-gateway/__tests__/AuthenticationPage.spec.tsx b/packages/core/src/backends/git-gateway/__tests__/AuthenticationPage.spec.tsx
new file mode 100644
index 00000000..dff0c8b1
--- /dev/null
+++ b/packages/core/src/backends/git-gateway/__tests__/AuthenticationPage.spec.tsx
@@ -0,0 +1,63 @@
+/**
+ * @jest-environment jsdom
+ */
+import '@testing-library/jest-dom';
+import { act } from '@testing-library/react';
+import React from 'react';
+
+import { resolveBackend } from '@staticcms/core/backend';
+import { createMockConfig } from '@staticcms/test/data/config.mock';
+import { renderWithProviders } from '@staticcms/test/test-utils';
+import GitGatewayAuthenticationPage from '../AuthenticationPage';
+
+import type { GitGatewayAuthenticationPageProps } from '../AuthenticationPage';
+
+jest.mock('@staticcms/core/backend');
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+(window as any).netlifyIdentity = {
+  currentUser: jest.fn(),
+  on: jest.fn(),
+  close: jest.fn(),
+};
+
+describe('GitGatewayAuthenticationPage', () => {
+  const props: GitGatewayAuthenticationPageProps = {
+    onLogin: jest.fn(),
+    inProgress: false,
+    config: createMockConfig({ logo_url: 'logo_url', collections: [] }),
+    handleAuth: jest.fn(),
+  };
+
+  beforeEach(() => {
+    (resolveBackend as jest.Mock).mockResolvedValue(null);
+
+    jest.clearAllMocks();
+    jest.resetModules();
+  });
+
+  it('should render with identity error', () => {
+    const { queryByTestId } = renderWithProviders(<GitGatewayAuthenticationPage {...props} />);
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const errorCallback = (window as any).netlifyIdentity.on.mock.calls.find(
+      (call: string[]) => call[0] === 'error',
+    )[1];
+
+    act(() => {
+      errorCallback(
+        new Error('Failed to load settings from https://site.netlify.com/.netlify/identity'),
+      );
+    });
+
+    expect(queryByTestId('login-button')).toBeInTheDocument();
+    expect(queryByTestId('login-error')).toBeInTheDocument();
+  });
+
+  it('should render with no identity error', () => {
+    const { queryByTestId } = renderWithProviders(<GitGatewayAuthenticationPage {...props} />);
+
+    expect(queryByTestId('login-button')).toBeInTheDocument();
+    expect(queryByTestId('login-error')).not.toBeInTheDocument();
+  });
+});
diff --git a/packages/core/src/backends/git-gateway/__tests__/GitHubAPI.spec.ts b/packages/core/src/backends/git-gateway/__tests__/GitHubAPI.spec.ts
new file mode 100644
index 00000000..120bfe18
--- /dev/null
+++ b/packages/core/src/backends/git-gateway/__tests__/GitHubAPI.spec.ts
@@ -0,0 +1,110 @@
+import { WorkflowStatus } from '@staticcms/core/constants/publishModes';
+import API from '../GitHubAPI';
+
+import type { GitHubApiOptions } from '../GitHubAPI';
+
+const createApi = (options: Partial<GitHubApiOptions> = {}) => {
+  return new API({
+    apiRoot: 'https://site.netlify.com/.netlify/git/github',
+    tokenPromise: () => Promise.resolve('token'),
+    squashMerges: true,
+    initialWorkflowStatus: WorkflowStatus.DRAFT,
+    cmsLabelPrefix: 'CMS',
+    isLargeMedia: () => Promise.resolve(false),
+    commitAuthor: { name: 'Bob' },
+    ...options,
+  });
+};
+
+describe('github API', () => {
+  describe('request', () => {
+    const fetch = jest.fn();
+
+    beforeEach(() => {
+      global.fetch = fetch;
+    });
+
+    afterEach(() => {
+      jest.resetAllMocks();
+    });
+
+    it('should fetch url with authorization header', async () => {
+      const api = createApi();
+
+      fetch.mockResolvedValue({
+        text: jest.fn().mockResolvedValue('some response'),
+        ok: true,
+        status: 200,
+        headers: { get: () => '' },
+      });
+      const result = await api.request('/some-path');
+      expect(result).toEqual('some response');
+      expect(fetch).toHaveBeenCalledTimes(1);
+      expect(fetch).toHaveBeenCalledWith('https://site.netlify.com/.netlify/git/github/some-path', {
+        cache: 'no-cache',
+        headers: {
+          Authorization: 'Bearer token',
+          'Content-Type': 'application/json; charset=utf-8',
+        },
+      });
+    });
+
+    it('should throw error on not ok response with message property', async () => {
+      const api = createApi({
+        apiRoot: 'https://site.netlify.com/.netlify/git/github',
+        tokenPromise: () => Promise.resolve('token'),
+      });
+
+      fetch.mockResolvedValue({
+        text: jest.fn().mockResolvedValue({ message: 'some error' }),
+        ok: false,
+        status: 404,
+        headers: { get: () => '' },
+      });
+
+      await expect(api.request('some-path')).rejects.toThrow(
+        expect.objectContaining({
+          message: 'some error',
+          name: 'API_ERROR',
+          status: 404,
+          api: 'Git Gateway',
+        }),
+      );
+    });
+
+    it('should throw error on not ok response with msg property', async () => {
+      const api = createApi({
+        apiRoot: 'https://site.netlify.com/.netlify/git/github',
+        tokenPromise: () => Promise.resolve('token'),
+      });
+
+      fetch.mockResolvedValue({
+        text: jest.fn().mockResolvedValue({ msg: 'some error' }),
+        ok: false,
+        status: 404,
+        headers: { get: () => '' },
+      });
+
+      await expect(api.request('some-path')).rejects.toThrow(
+        expect.objectContaining({
+          message: 'some error',
+          name: 'API_ERROR',
+          status: 404,
+          api: 'Git Gateway',
+        }),
+      );
+    });
+  });
+
+  describe('nextUrlProcessor', () => {
+    it('should re-write github url', () => {
+      const api = createApi({
+        apiRoot: 'https://site.netlify.com/.netlify/git/github',
+      });
+
+      expect(api.nextUrlProcessor()('https://api.github.com/repositories/10000/pulls')).toEqual(
+        'https://site.netlify.com/.netlify/git/github/pulls',
+      );
+    });
+  });
+});
diff --git a/packages/core/src/backends/git-gateway/implementation.tsx b/packages/core/src/backends/git-gateway/implementation.tsx
index ed873662..796e37ee 100644
--- a/packages/core/src/backends/git-gateway/implementation.tsx
+++ b/packages/core/src/backends/git-gateway/implementation.tsx
@@ -5,6 +5,8 @@ import intersection from 'lodash/intersection';
 import pick from 'lodash/pick';
 import React, { useCallback } from 'react';
 
+import { PreviewState } from '@staticcms/core/constants/enums';
+import { WorkflowStatus } from '@staticcms/core/constants/publishModes';
 import {
   AccessTokenError,
   APIError,
@@ -28,17 +30,18 @@ import type {
   AuthenticationPageProps,
   BackendClass,
   BackendEntry,
-  Config,
+  ConfigWithDefaults,
   Credentials,
   DisplayURL,
   DisplayURLObject,
   ImplementationFile,
   PersistOptions,
-  TranslatedProps,
+  UnpublishedEntry,
   User,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 import type { ApiRequest, Cursor } from '@staticcms/core/lib/util';
 import type AssetProxy from '@staticcms/core/valueObjects/AssetProxy';
+import type { FC } from 'react';
 import type { Client } from './netlify-lfs-client';
 
 const STATUS_PAGE = 'https://www.netlifystatus.com';
@@ -112,10 +115,18 @@ interface NetlifyUser extends Credentials {
   user_metadata: { full_name: string; avatar_url: string };
 }
 
+async function apiGet(path: string) {
+  const apiRoot = 'https://api.netlify.com/api/v1/sites';
+  const response = await fetch(`${apiRoot}/${path}`).then(res => res.json());
+  return response;
+}
+
 export default class GitGateway implements BackendClass {
-  config: Config;
+  config: ConfigWithDefaults;
   api?: GitHubAPI | GitLabAPI | BitBucketAPI;
   branch: string;
+  squashMerges: boolean;
+  cmsLabelPrefix: string;
   mediaFolder?: string;
   transformImages: boolean;
   gatewayUrl: string;
@@ -131,15 +142,19 @@ export default class GitGateway implements BackendClass {
   options: {
     proxied: boolean;
     API: GitHubAPI | GitLabAPI | BitBucketAPI | null;
+    initialWorkflowStatus: WorkflowStatus;
   };
-  constructor(config: Config, options = {}) {
+  constructor(config: ConfigWithDefaults, options = {}) {
     this.options = {
       proxied: true,
       API: null,
+      initialWorkflowStatus: WorkflowStatus.DRAFT,
       ...options,
     };
     this.config = config;
     this.branch = config.backend.branch?.trim() || 'main';
+    this.squashMerges = config.backend.squash_merges || false;
+    this.cmsLabelPrefix = config.backend.cms_label_prefix || '';
     this.mediaFolder = config.media_folder;
     const { use_large_media_transforms_in_media_library: transformImages = true } = config.backend;
     this.transformImages = transformImages;
@@ -163,10 +178,6 @@ export default class GitGateway implements BackendClass {
     this.backend = null;
   }
 
-  isGitBackend() {
-    return true;
-  }
-
   async status() {
     const api = await fetch(GIT_GATEWAY_STATUS_ENDPOINT)
       .then(res => res.json())
@@ -299,6 +310,9 @@ export default class GitGateway implements BackendClass {
         tokenPromise: this.tokenPromise!,
         commitAuthor: pick(userData, ['name', 'email']),
         isLargeMedia: (filename: string) => this.isLargeMediaFile(filename),
+        squashMerges: this.squashMerges,
+        cmsLabelPrefix: this.cmsLabelPrefix,
+        initialWorkflowStatus: this.options.initialWorkflowStatus,
       };
 
       if (this.backendType === 'github') {
@@ -333,7 +347,7 @@ export default class GitGateway implements BackendClass {
   }
 
   authComponent() {
-    const WrappedAuthenticationPage = (props: TranslatedProps<AuthenticationPageProps>) => {
+    const WrappedAuthenticationPage: FC<AuthenticationPageProps> = props => {
       const handleAuth = useCallback(
         async (email: string, password: string): Promise<User | string> => {
           try {
@@ -542,4 +556,87 @@ export default class GitGateway implements BackendClass {
   traverseCursor(cursor: Cursor, action: string) {
     return this.backend!.traverseCursor!(cursor, action);
   }
+
+  /**
+   * Editorial Workflow
+   */
+  unpublishedEntries() {
+    return this.backend!.unpublishedEntries();
+  }
+
+  unpublishedEntry({
+    id,
+    collection,
+    slug,
+  }: {
+    id?: string;
+    collection?: string;
+    slug?: string;
+  }): Promise<UnpublishedEntry> {
+    return this.backend!.unpublishedEntry({ id, collection, slug });
+  }
+
+  updateUnpublishedEntryStatus(collection: string, slug: string, newStatus: WorkflowStatus) {
+    return this.backend!.updateUnpublishedEntryStatus(collection, slug, newStatus);
+  }
+
+  deleteUnpublishedEntry(collection: string, slug: string) {
+    return this.backend!.deleteUnpublishedEntry(collection, slug);
+  }
+
+  publishUnpublishedEntry(collection: string, slug: string) {
+    return this.backend!.publishUnpublishedEntry(collection, slug);
+  }
+
+  async unpublishedEntryDataFile(collection: string, slug: string, path: string, id: string) {
+    return this.backend!.unpublishedEntryDataFile(collection, slug, path, id);
+  }
+
+  async unpublishedEntryMediaFile(collection: string, slug: string, path: string, id: string) {
+    const isLargeMedia = await this.isLargeMediaFile(path);
+    if (isLargeMedia) {
+      const branch = this.backend!.getBranch(collection, slug);
+      const { url, blob } = await this.getLargeMediaDisplayURL({ path, id }, branch);
+      return {
+        id,
+        name: basename(path),
+        path,
+        url,
+        displayURL: url,
+        file: new File([blob], basename(path)),
+        size: blob.size,
+      };
+    } else {
+      return this.backend!.unpublishedEntryMediaFile(collection, slug, path, id);
+    }
+  }
+
+  async getDeployPreview(collection: string, slug: string) {
+    let preview = await this.backend!.getDeployPreview(collection, slug);
+    if (!preview) {
+      try {
+        // if the commit doesn't have a status, try to use Netlify API directly
+        // this is useful when builds are queue up in Netlify and don't have a commit status yet
+        // and only works with public logs at the moment
+        // TODO: get Netlify API Token and use it to access private logs
+        const siteId = new URL(localStorage.getItem('netlifySiteURL') || '').hostname;
+        const site = await apiGet(siteId);
+        const deploys: { state: string; commit_ref: string; deploy_url: string }[] = await apiGet(
+          `${site.id}/deploys?per_page=100`,
+        );
+        if (deploys.length > 0) {
+          const ref = await this.api!.getUnpublishedEntrySha(collection, slug);
+          const deploy = deploys.find(d => d.commit_ref === ref);
+          if (deploy) {
+            preview = {
+              status: deploy.state === 'ready' ? PreviewState.Success : PreviewState.Other,
+              url: deploy.deploy_url,
+            };
+          }
+        }
+        // eslint-disable-next-line no-empty
+      } catch (e) {}
+    }
+    return preview;
+  }
 }
diff --git a/packages/core/src/backends/gitea/API.ts b/packages/core/src/backends/gitea/API.ts
index a7fe4783..5acd118e 100644
--- a/packages/core/src/backends/gitea/API.ts
+++ b/packages/core/src/backends/gitea/API.ts
@@ -13,7 +13,7 @@ import {
   unsentRequest,
 } from '@staticcms/core/lib/util';
 
-import type { DataFile, PersistOptions } from '@staticcms/core/interface';
+import type { DataFile, PersistOptions } from '@staticcms/core';
 import type { ApiRequest, FetchError } from '@staticcms/core/lib/util';
 import type AssetProxy from '@staticcms/core/valueObjects/AssetProxy';
 import type { Semaphore } from 'semaphore';
diff --git a/packages/core/src/backends/gitea/AuthenticationPage.tsx b/packages/core/src/backends/gitea/AuthenticationPage.tsx
index 04822c42..bfeaa2b3 100644
--- a/packages/core/src/backends/gitea/AuthenticationPage.tsx
+++ b/packages/core/src/backends/gitea/AuthenticationPage.tsx
@@ -3,17 +3,19 @@ import React, { useCallback, useMemo, useState } from 'react';
 
 import Login from '@staticcms/core/components/login/Login';
 import { PkceAuthenticator } from '@staticcms/core/lib/auth';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 
-import type { AuthenticationPageProps, TranslatedProps } from '@staticcms/core/interface';
-import type { MouseEvent } from 'react';
+import type { AuthenticationPageProps } from '@staticcms/core';
+import type { FC, MouseEvent } from 'react';
 
-const GiteaAuthenticationPage = ({
+const GiteaAuthenticationPage: FC<AuthenticationPageProps> = ({
   inProgress = false,
   config,
   clearHash,
   onLogin,
-  t,
-}: TranslatedProps<AuthenticationPageProps>) => {
+}) => {
+  const t = useTranslate();
+
   const [loginError, setLoginError] = useState<string | null>(null);
 
   const auth = useMemo(() => {
diff --git a/packages/core/src/backends/gitea/__tests__/implementation.spec.ts b/packages/core/src/backends/gitea/__tests__/implementation.spec.ts
index 4fcfebfd..ce410373 100644
--- a/packages/core/src/backends/gitea/__tests__/implementation.spec.ts
+++ b/packages/core/src/backends/gitea/__tests__/implementation.spec.ts
@@ -1,7 +1,7 @@
 import Cursor, { CURSOR_COMPATIBILITY_SYMBOL } from '@staticcms/core/lib/util/Cursor';
 import GiteaImplementation from '../implementation';
 
-import type { Config, UnknownField } from '@staticcms/core';
+import type { ConfigWithDefaults, UnknownField } from '@staticcms/core';
 import type API from '../API';
 import type { AssetProxy } from '@staticcms/core/valueObjects';
 
@@ -14,7 +14,7 @@ describe('gitea backend implementation', () => {
       repo: 'owner/repo',
       api_root: 'https://try.gitea.io/api/v1',
     },
-  } as Config<UnknownField>;
+  } as ConfigWithDefaults<UnknownField>;
 
   const createObjectURL = jest.fn();
   global.URL = {
diff --git a/packages/core/src/backends/gitea/implementation.tsx b/packages/core/src/backends/gitea/implementation.tsx
index b74f5232..af816df7 100644
--- a/packages/core/src/backends/gitea/implementation.tsx
+++ b/packages/core/src/backends/gitea/implementation.tsx
@@ -23,13 +23,15 @@ import AuthenticationPage from './AuthenticationPage';
 import type {
   BackendClass,
   BackendEntry,
-  Config,
+  ConfigWithDefaults,
   Credentials,
   DisplayURL,
   ImplementationFile,
+  ImplementationMediaFile,
   PersistOptions,
+  UnpublishedEntry,
   User,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 import type { AsyncLock } from '@staticcms/core/lib/util';
 import type AssetProxy from '@staticcms/core/valueObjects/AssetProxy';
 import type { Semaphore } from 'semaphore';
@@ -60,7 +62,7 @@ export default class Gitea implements BackendClass {
   };
   _mediaDisplayURLSem?: Semaphore;
 
-  constructor(config: Config, options = {}) {
+  constructor(config: ConfigWithDefaults, options = {}) {
     this.options = {
       proxied: false,
       API: null,
@@ -82,11 +84,6 @@ export default class Gitea implements BackendClass {
     this.mediaFolder = config.media_folder;
     this.lock = asyncLock();
   }
-
-  isGitBackend() {
-    return true;
-  }
-
   async status() {
     const auth =
       (await this.api
@@ -405,4 +402,36 @@ export default class Gitea implements BackendClass {
       cursor: result.cursor,
     };
   }
+
+  async unpublishedEntries(): Promise<string[]> {
+    throw new Error('Editorial workflow is not yet available for Gitea');
+  }
+
+  async unpublishedEntry(): Promise<UnpublishedEntry> {
+    throw new Error('Editorial workflow is not yet available for Gitea');
+  }
+
+  async unpublishedEntryDataFile(): Promise<string> {
+    throw new Error('Editorial workflow is not yet available for Gitea');
+  }
+
+  async unpublishedEntryMediaFile(): Promise<ImplementationMediaFile> {
+    throw new Error('Editorial workflow is not yet available for Gitea');
+  }
+
+  async updateUnpublishedEntryStatus(): Promise<void> {
+    throw new Error('Editorial workflow is not yet available for Gitea');
+  }
+
+  async publishUnpublishedEntry(): Promise<void> {
+    throw new Error('Editorial workflow is not yet available for Gitea');
+  }
+
+  async deleteUnpublishedEntry(): Promise<void> {
+    throw new Error('Editorial workflow is not yet available for Gitea');
+  }
+
+  async getDeployPreview(): Promise<{ url: string; status: string } | null> {
+    throw new Error('Editorial workflow is not yet available for Gitea');
+  }
 }
diff --git a/packages/core/src/backends/github/API.ts b/packages/core/src/backends/github/API.ts
index 1e5d926a..a5b70bfd 100644
--- a/packages/core/src/backends/github/API.ts
+++ b/packages/core/src/backends/github/API.ts
@@ -7,8 +7,11 @@ import trim from 'lodash/trim';
 import trimStart from 'lodash/trimStart';
 import { dirname } from 'path';
 
+import { PreviewState } from '@staticcms/core/constants/enums';
+import { WorkflowStatus } from '@staticcms/core/constants/publishModes';
 import {
   APIError,
+  EditorialWorkflowError,
   basename,
   generateContentKey,
   getAllResponses,
@@ -16,10 +19,21 @@ import {
   parseContentKey,
   readFileMetadata,
   requestWithBackoff,
+  throwOnConflictingBranches,
   unsentRequest,
 } from '@staticcms/core/lib/util';
+import {
+  CMS_BRANCH_PREFIX,
+  DEFAULT_PR_BODY,
+  MERGE_COMMIT_MESSAGE,
+  branchFromContentKey,
+  isCMSLabel,
+  labelToStatus,
+  statusToLabel,
+} from '@staticcms/core/lib/util/APIUtils';
+import { GitHubCommitStatusState, PullRequestState } from './types';
 
-import type { DataFile, PersistOptions } from '@staticcms/core/interface';
+import type { DataFile, PersistOptions, UnpublishedEntry } from '@staticcms/core';
 import type { ApiRequest, FetchError } from '@staticcms/core/lib/util';
 import type AssetProxy from '@staticcms/core/valueObjects/AssetProxy';
 import type { Semaphore } from 'semaphore';
@@ -31,22 +45,44 @@ import type {
   GitGetBlobResponse,
   GitGetTreeResponse,
   GitHubAuthor,
+  GitHubCommitStatus,
   GitHubCommitter,
+  GitHubCompareCommit,
+  GitHubCompareCommits,
+  GitHubCompareFiles,
+  GitHubPull,
   GitHubUser,
+  GitListMatchingRefsResponse,
+  GitListMatchingRefsResponseItem,
   GitUpdateRefResponse,
+  PullsCreateResponse,
+  PullsGetResponseLabelsItem,
+  PullsListResponse,
+  PullsMergeResponse,
+  PullsUpdateBranchResponse,
+  ReposCompareCommitsResponse,
+  ReposCompareCommitsResponseFilesItem,
   ReposGetBranchResponse,
   ReposGetResponse,
   ReposListCommitsResponse,
+  TreeFile,
 } from './types';
 
 export const API_NAME = 'GitHub';
 
+export const MOCK_PULL_REQUEST = -1;
+
 export interface Config {
   apiRoot?: string;
   token?: string;
   branch?: string;
+  useOpenAuthoring?: boolean;
+  openAuthoringEnabled?: boolean;
   repo?: string;
   originRepo?: string;
+  squashMerges: boolean;
+  initialWorkflowStatus: WorkflowStatus;
+  cmsLabelPrefix: string;
 }
 
 type Override<T, U> = Pick<T, Exclude<keyof T, keyof U>> & U;
@@ -89,6 +125,33 @@ type MediaFile = {
   path: string;
 };
 
+function withCmsLabel(pr: GitHubPull, cmsLabelPrefix: string) {
+  return pr.labels.some(l => isCMSLabel(l.name, cmsLabelPrefix));
+}
+
+function getTreeFiles(files: GitHubCompareFiles) {
+  const treeFiles = files.reduce(
+    (arr, file) => {
+      if (file.status === 'removed') {
+        // delete the file
+        arr.push({ sha: null, path: file.filename });
+      } else if (file.status === 'renamed') {
+        // delete the previous file
+        arr.push({ sha: null, path: file.previous_filename as string });
+        // add the renamed file
+        arr.push({ sha: file.sha, path: file.filename });
+      } else {
+        // add the  file
+        arr.push({ sha: file.sha, path: file.filename });
+      }
+      return arr;
+    },
+    [] as { sha: string | null; path: string }[],
+  );
+
+  return treeFiles;
+}
+
 export type Diff = {
   path: string;
   newFile: boolean;
@@ -100,6 +163,8 @@ export default class API {
   apiRoot: string;
   token: string;
   branch: string;
+  useOpenAuthoring?: boolean;
+  openAuthoringEnabled?: boolean;
   repo: string;
   originRepo: string;
   repoOwner: string;
@@ -108,6 +173,9 @@ export default class API {
   originRepoName: string;
   repoURL: string;
   originRepoURL: string;
+  mergeMethod: string;
+  initialWorkflowStatus: WorkflowStatus;
+  cmsLabelPrefix: string;
 
   _userPromise?: Promise<GitHubUser>;
   _metadataSemaphore?: Semaphore;
@@ -118,9 +186,11 @@ export default class API {
     this.apiRoot = config.apiRoot || 'https://api.github.com';
     this.token = config.token || '';
     this.branch = config.branch || 'main';
+    this.useOpenAuthoring = config.useOpenAuthoring;
     this.repo = config.repo || '';
     this.originRepo = config.originRepo || this.repo;
     this.repoURL = `/repos/${this.repo}`;
+    // when not in 'useOpenAuthoring' mode originRepoURL === repoURL
     this.originRepoURL = `/repos/${this.originRepo}`;
 
     const [repoParts, originRepoParts] = [this.repo.split('/'), this.originRepo.split('/')];
@@ -129,6 +199,11 @@ export default class API {
 
     this.originRepoOwner = originRepoParts[0];
     this.originRepoName = originRepoParts[1];
+
+    this.mergeMethod = config.squashMerges ? 'squash' : 'merge';
+    this.cmsLabelPrefix = config.cmsLabelPrefix;
+    this.initialWorkflowStatus = config.initialWorkflowStatus;
+    this.openAuthoringEnabled = config.openAuthoringEnabled;
   }
 
   static DEFAULT_COMMIT_MESSAGE = 'Automatically generated by Static CMS';
@@ -265,11 +340,27 @@ export default class API {
   }
 
   generateContentKey(collectionName: string, slug: string) {
-    return generateContentKey(collectionName, slug);
+    const contentKey = generateContentKey(collectionName, slug);
+    if (this.useOpenAuthoring) {
+      return `${this.repo}/${contentKey}`;
+    }
+
+    return contentKey;
+  }
+
+  getContentKeySlug(contentKey: string) {
+    let key = contentKey;
+
+    const parts = contentKey.split(this.repoName);
+    if (parts.length > 1) {
+      key = parts[1];
+    }
+
+    return key.replace(/^\//g, '').replace(/^cms\//g, '');
   }
 
   parseContentKey(contentKey: string) {
-    return parseContentKey(contentKey);
+    return parseContentKey(this.getContentKeySlug(contentKey));
   }
 
   async readFile(
@@ -379,17 +470,27 @@ export default class API {
 
   async persistFiles(dataFiles: DataFile[], mediaFiles: AssetProxy[], options: PersistOptions) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const files: (DataFile | AssetProxy)[] = mediaFiles.concat(dataFiles as any);
+    const files = [...mediaFiles, ...dataFiles] as unknown[] as TreeFile[];
     const uploadPromises = files.map(file => this.uploadBlob(file));
     await Promise.all(uploadPromises);
 
-    return (
-      this.getDefaultBranch()
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        .then(branchData => this.updateTree(branchData.commit.sha, files as any))
-        .then(changeTree => this.commit(options.commitMessage, changeTree))
-        .then(response => this.patchBranch(this.branch, response.sha))
-    );
+    if (options.useWorkflow) {
+      /**
+       * Editorial Workflow
+       */
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const mediaFilesList = (mediaFiles as any[]).map(({ sha, path }) => ({
+        path: trimStart(path, '/'),
+        sha,
+      }));
+      const slug = dataFiles[0].slug;
+      return this.editorialWorkflowGit(files, slug, mediaFilesList, options);
+    }
+
+    return this.getDefaultBranch()
+      .then(branchData => this.updateTree(branchData.commit.sha, files))
+      .then(changeTree => this.commit(options.commitMessage, changeTree))
+      .then(response => this.patchBranch(this.branch, response.sha));
   }
 
   async getFileSha(path: string, { repoURL = this.repoURL, branch = this.branch } = {}) {
@@ -415,6 +516,10 @@ export default class API {
   }
 
   async deleteFiles(paths: string[], message: string) {
+    if (this.useOpenAuthoring) {
+      return Promise.reject('Cannot delete published entries as an Open Authoring user!');
+    }
+
     const branchData = await this.getDefaultBranch();
     const files = paths.map(path => ({ path, sha: null }));
     const changeTree = await this.updateTree(branchData.commit.sha, files);
@@ -430,12 +535,13 @@ export default class API {
     return result;
   }
 
-  async patchRef(type: string, name: string, sha: string) {
+  async patchRef(type: string, name: string, sha: string, opts: { force?: boolean } = {}) {
+    const force = opts.force || false;
     const result: GitUpdateRefResponse = await this.request(
       `${this.repoURL}/git/refs/${type}/${encodeURIComponent(name)}`,
       {
         method: 'PATCH',
-        body: JSON.stringify({ sha }),
+        body: JSON.stringify({ sha, force }),
       },
     );
     return result;
@@ -454,8 +560,16 @@ export default class API {
     return result;
   }
 
-  patchBranch(branchName: string, sha: string) {
-    return this.patchRef('heads', branchName, sha);
+  assertCmsBranch(branchName: string) {
+    return branchName.startsWith(`${CMS_BRANCH_PREFIX}/`);
+  }
+
+  patchBranch(branchName: string, sha: string, opts: { force?: boolean } = {}) {
+    const force = opts.force || false;
+    if (force && !this.assertCmsBranch(branchName)) {
+      throw Error(`Only CMS branches can be force updated, cannot force update ${branchName}`);
+    }
+    return this.patchRef('heads', branchName, sha, { force });
   }
 
   async getHeadReference(head: string) {
@@ -558,4 +672,588 @@ export default class API {
     });
     return result;
   }
+
+  /**
+   * Editorial Workflow
+   */
+  async listUnpublishedBranches() {
+    console.info(
+      '%c Checking for Unpublished entries',
+      'line-height: 30px;text-align: center;font-weight: bold',
+    );
+
+    let branches: string[];
+    if (this.useOpenAuthoring) {
+      // open authoring branches can exist without a pr
+      const cmsBranches: GitListMatchingRefsResponse = await this.getOpenAuthoringBranches();
+      branches = cmsBranches.map(b => b.ref.slice('refs/heads/'.length));
+      // filter irrelevant branches
+      const branchesWithFilter = await Promise.all(
+        branches.map(b => this.filterOpenAuthoringBranches(b)),
+      );
+      branches = branchesWithFilter.filter(b => b.filter).map(b => b.branch);
+    } else if (this.openAuthoringEnabled) {
+      const cmsPullRequests = await this.getPullRequests(
+        undefined,
+        PullRequestState.Open,
+        () => true,
+      );
+      branches = cmsPullRequests.map(pr => pr.head.ref);
+    } else {
+      const cmsPullRequests = await this.getPullRequests(undefined, PullRequestState.Open, pr =>
+        withCmsLabel(pr, this.cmsLabelPrefix),
+      );
+      branches = cmsPullRequests.map(pr => pr.head.ref);
+    }
+
+    return branches;
+  }
+
+  async getOpenAuthoringBranches() {
+    return this.requestAllPages<GitListMatchingRefsResponseItem>(
+      `${this.repoURL}/git/refs/heads/cms/${this.repo}`,
+    ).catch(() => [] as GitListMatchingRefsResponseItem[]);
+  }
+
+  filterOpenAuthoringBranches = async (branch: string) => {
+    try {
+      const pullRequest = await this.getBranchPullRequest(branch);
+      const { state: currentState, merged_at: mergedAt } = pullRequest;
+      if (
+        pullRequest.number !== MOCK_PULL_REQUEST &&
+        currentState === PullRequestState.Closed &&
+        mergedAt
+      ) {
+        // pr was merged, delete branch
+        await this.deleteBranch(branch);
+        return { branch, filter: false };
+      } else {
+        return { branch, filter: true };
+      }
+    } catch (e) {
+      return { branch, filter: false };
+    }
+  };
+
+  async getPullRequests(
+    head: string | undefined,
+    state: PullRequestState,
+    predicate: (pr: GitHubPull) => boolean,
+  ) {
+    const pullRequests: PullsListResponse = await this.requestAllPages(
+      `${this.originRepoURL}/pulls`,
+      {
+        params: {
+          ...(head ? { head: await this.getHeadReference(head) } : {}),
+          base: this.branch,
+          state,
+          per_page: 100,
+        },
+      },
+    );
+
+    return pullRequests.filter(pr => {
+      return pr.head.ref.startsWith(`${CMS_BRANCH_PREFIX}/`) && predicate(pr);
+    });
+  }
+
+  deleteBranch(branchName: string) {
+    return this.deleteRef('heads', branchName).catch((err: Error) => {
+      // If the branch doesn't exist, then it has already been deleted -
+      // deletion should be idempotent, so we can consider this a
+      // success.
+      if (err.message === 'Reference does not exist') {
+        return Promise.resolve();
+      }
+      console.error(err);
+      return Promise.reject(err);
+    });
+  }
+
+  async getBranchPullRequest(branch: string) {
+    if (this.useOpenAuthoring) {
+      const pullRequests = await this.getPullRequests(branch, PullRequestState.All, () => true);
+      return this.getOpenAuthoringPullRequest(branch, pullRequests);
+    } else if (this.openAuthoringEnabled) {
+      const pullRequests = await this.getPullRequests(undefined, PullRequestState.Open, pr => {
+        return this.getContentKeySlug(pr.head.ref) === this.getContentKeySlug(branch);
+      });
+      if (pullRequests.length <= 0) {
+        throw new EditorialWorkflowError('content is not under editorial workflow', true);
+      }
+      return pullRequests[0];
+    } else {
+      const pullRequests = await this.getPullRequests(branch, PullRequestState.Open, pr =>
+        withCmsLabel(pr, this.cmsLabelPrefix),
+      );
+      if (pullRequests.length <= 0) {
+        throw new EditorialWorkflowError('content is not under editorial workflow', true);
+      }
+      return pullRequests[0];
+    }
+  }
+
+  async getOpenAuthoringPullRequest(branch: string, pullRequests: GitHubPull[]) {
+    // we can't use labels when using open authoring
+    // since the contributor doesn't have access to set labels
+    // a branch without a pr (or a closed pr) means a 'draft' entry
+    // a branch with an opened pr means a 'pending_review' entry
+    const data = await this.getBranch(branch).catch(() => {
+      throw new EditorialWorkflowError('content is not under editorial workflow', true);
+    });
+    // since we get all (open and closed) pull requests by branch name, make sure to filter by head sha
+    const pullRequest = pullRequests.filter(pr => pr.head.sha === data.commit.sha)[0];
+    // if no pull request is found for the branch we return a mocked one
+    if (!pullRequest) {
+      try {
+        return {
+          head: { sha: data.commit.sha },
+          number: MOCK_PULL_REQUEST,
+          labels: [{ name: statusToLabel(this.initialWorkflowStatus, this.cmsLabelPrefix) }],
+          state: PullRequestState.Open,
+        } as GitHubPull;
+      } catch (e) {
+        throw new EditorialWorkflowError('content is not under editorial workflow', true);
+      }
+    } else {
+      pullRequest.labels = pullRequest.labels.filter(l => !isCMSLabel(l.name, this.cmsLabelPrefix));
+      const cmsLabel =
+        pullRequest.state === PullRequestState.Closed
+          ? { name: statusToLabel(this.initialWorkflowStatus, this.cmsLabelPrefix) }
+          : { name: statusToLabel(WorkflowStatus.PENDING_REVIEW, this.cmsLabelPrefix) };
+
+      pullRequest.labels.push(cmsLabel as PullsGetResponseLabelsItem);
+      return pullRequest;
+    }
+  }
+
+  async getBranch(branch: string) {
+    const result: ReposGetBranchResponse = await this.request(
+      `${this.repoURL}/branches/${encodeURIComponent(branch)}`,
+    );
+    return result;
+  }
+
+  async retrieveUnpublishedEntryData(contentKey: string): Promise<UnpublishedEntry> {
+    const { collection, slug } = this.parseContentKey(contentKey);
+    const branch = branchFromContentKey(contentKey);
+    const pullRequest = await this.getBranchPullRequest(branch);
+    const [{ files }, pullRequestAuthor] = await Promise.all([
+      this.getDifferences(this.branch, pullRequest.head.sha),
+      this.getPullRequestAuthor(pullRequest),
+    ]);
+    const diffs = await Promise.all(files.map(file => this.diffFromFile(file)));
+    const label = pullRequest.labels.find(l => isCMSLabel(l.name, this.cmsLabelPrefix)) as {
+      name: string;
+    };
+    const status = label
+      ? labelToStatus(label.name, this.cmsLabelPrefix)
+      : WorkflowStatus.PENDING_REVIEW;
+    const updatedAt = pullRequest.updated_at;
+
+    return {
+      collection,
+      slug,
+      status,
+      diffs: diffs.map(d => ({ path: d.path, newFile: d.newFile, id: d.sha })),
+      updatedAt,
+      pullRequestAuthor,
+      openAuthoring:
+        !pullRequest.head.ref.includes(this.repo) && pullRequest.head.ref.includes(this.repoName),
+    };
+  }
+
+  async getDifferences(from: string, to: string) {
+    // retry this as sometimes GitHub returns an initial 404 on cross repo compare
+    const attempts = this.useOpenAuthoring ? 10 : 1;
+    for (let i = 1; i <= attempts; i++) {
+      try {
+        const result: ReposCompareCommitsResponse = await this.request(
+          `${this.originRepoURL}/compare/${from}...${to}`,
+        );
+        return result;
+      } catch (e) {
+        if (i === attempts) {
+          console.warn(`Reached maximum number of attempts '${attempts}' for getDifferences`);
+          throw e;
+        }
+        await new Promise(resolve => setTimeout(resolve, i * 500));
+      }
+    }
+    throw new APIError('Not Found', 404, API_NAME);
+  }
+
+  async getPullRequestAuthor(pullRequest: GitHubPull) {
+    if (!pullRequest.user?.login) {
+      return;
+    }
+
+    try {
+      const user: GitHubUser = await this.request(`/users/${pullRequest.user.login}`);
+      return user.name || user.login;
+    } catch {
+      return;
+    }
+  }
+
+  // async since it is overridden in a child class
+  async diffFromFile(diff: ReposCompareCommitsResponseFilesItem): Promise<Diff> {
+    return {
+      path: diff.filename,
+      newFile: diff.status === 'added',
+      sha: diff.sha,
+      // media files diffs don't have a patch attribute, except svg files
+      // renamed files don't have a patch attribute too
+      binary: (diff.status !== 'renamed' && !diff.patch) || diff.filename.endsWith('.svg'),
+    };
+  }
+
+  async publishUnpublishedEntry(collectionName: string, slug: string) {
+    const contentKey = this.generateContentKey(collectionName, slug);
+    const branch = branchFromContentKey(contentKey);
+
+    const pullRequest = await this.getBranchPullRequest(branch);
+    await this.mergePR(pullRequest);
+    await this.deleteBranch(branch);
+  }
+
+  async mergePR(pullrequest: GitHubPull) {
+    console.info('%c Merging PR', 'line-height: 30px;text-align: center;font-weight: bold');
+    try {
+      const result: PullsMergeResponse = await this.request(
+        `${this.originRepoURL}/pulls/${pullrequest.number}/merge`,
+        {
+          method: 'PUT',
+          body: JSON.stringify({
+            commit_message: MERGE_COMMIT_MESSAGE,
+            sha: pullrequest.head.sha,
+            merge_method: this.mergeMethod,
+          }),
+        },
+      );
+      return result;
+    } catch (error) {
+      if (error instanceof APIError && error.status === 405) {
+        return this.forceMergePR(pullrequest);
+      } else {
+        throw error;
+      }
+    }
+  }
+
+  async forceMergePR(pullRequest: GitHubPull) {
+    const result = await this.getDifferences(pullRequest.base.sha, pullRequest.head.sha);
+    const files = getTreeFiles(result.files as GitHubCompareFiles);
+
+    let commitMessage = 'Automatically generated. Merged on Static CMS\n\nForce merge of:';
+    files.forEach(file => {
+      commitMessage += `\n* "${file.path}"`;
+    });
+    console.info(
+      '%c Automatic merge not possible - Forcing merge.',
+      'line-height: 30px;text-align: center;font-weight: bold',
+    );
+    return this.getDefaultBranch()
+      .then(branchData => this.updateTree(branchData.commit.sha, files))
+      .then(changeTree => this.commit(commitMessage, changeTree))
+      .then(response => this.patchBranch(this.branch, response.sha));
+  }
+
+  async deleteUnpublishedEntry(collectionName: string, slug: string) {
+    const contentKey = this.generateContentKey(collectionName, slug);
+    const branch = branchFromContentKey(contentKey);
+
+    const pullRequest = await this.getBranchPullRequest(branch);
+    if (pullRequest.number !== MOCK_PULL_REQUEST) {
+      await this.closePR(pullRequest.number);
+    }
+    await this.deleteBranch(branch);
+  }
+
+  async closePR(number: number) {
+    console.info('%c Deleting PR', 'line-height: 30px;text-align: center;font-weight: bold');
+    const result: PullsUpdateBranchResponse = await this.request(
+      `${this.originRepoURL}/pulls/${number}`,
+      {
+        method: 'PATCH',
+        body: JSON.stringify({
+          state: PullRequestState.Closed,
+        }),
+      },
+    );
+    return result;
+  }
+
+  async updatePullRequestLabels(number: number, labels: string[]) {
+    await this.request(`${this.repoURL}/issues/${number}/labels`, {
+      method: 'PUT',
+      body: JSON.stringify({ labels }),
+    });
+  }
+
+  async setPullRequestStatus(pullRequest: GitHubPull, newStatus: WorkflowStatus) {
+    const labels = [
+      ...pullRequest.labels
+        .filter(label => !isCMSLabel(label.name, this.cmsLabelPrefix))
+        .map(l => l.name),
+      statusToLabel(newStatus, this.cmsLabelPrefix),
+    ];
+    await this.updatePullRequestLabels(pullRequest.number, labels);
+  }
+
+  async createPR(title: string, head: string) {
+    const result: PullsCreateResponse = await this.request(`${this.originRepoURL}/pulls`, {
+      method: 'POST',
+      body: JSON.stringify({
+        title,
+        body: DEFAULT_PR_BODY,
+        head: await this.getHeadReference(head),
+        base: this.branch,
+      }),
+    });
+
+    return result;
+  }
+
+  async openPR(number: number) {
+    console.info('%c Re-opening PR', 'line-height: 30px;text-align: center;font-weight: bold');
+    const result: PullsUpdateBranchResponse = await this.request(
+      `${this.originRepoURL}/pulls/${number}`,
+      {
+        method: 'PATCH',
+        body: JSON.stringify({
+          state: PullRequestState.Open,
+        }),
+      },
+    );
+    return result;
+  }
+
+  async updateUnpublishedEntryStatus(
+    collectionName: string,
+    slug: string,
+    newStatus: WorkflowStatus,
+  ) {
+    const contentKey = this.generateContentKey(collectionName, slug);
+    const branch = branchFromContentKey(contentKey);
+    const pullRequest = await this.getBranchPullRequest(branch);
+
+    if (!this.useOpenAuthoring) {
+      await this.setPullRequestStatus(pullRequest, newStatus);
+    } else {
+      if (status === 'pending_publish') {
+        throw new Error('Open Authoring entries may not be set to the status "pending_publish".');
+      }
+
+      if (pullRequest.number !== MOCK_PULL_REQUEST) {
+        const { state } = pullRequest;
+        if (state === PullRequestState.Open && newStatus === 'draft') {
+          await this.closePR(pullRequest.number);
+        }
+        if (state === PullRequestState.Closed && newStatus === 'pending_review') {
+          await this.openPR(pullRequest.number);
+        }
+      } else if (newStatus === 'pending_review') {
+        const branch = branchFromContentKey(contentKey);
+        // get the first commit message as the pr title
+        const diff = await this.getDifferences(this.branch, await this.getHeadReference(branch));
+        const title = diff.commits[0]?.commit?.message || API.DEFAULT_COMMIT_MESSAGE;
+        await this.createPR(title, branch);
+      }
+    }
+  }
+
+  /**
+   * Retrieve statuses for a given SHA. Unrelated to the editorial workflow
+   * concept of entry "status". Useful for things like deploy preview links.
+   */
+  async getStatuses(collectionName: string, slug: string) {
+    const contentKey = this.generateContentKey(collectionName, slug);
+    const branch = branchFromContentKey(contentKey);
+    const pullRequest = await this.getBranchPullRequest(branch);
+    const sha = pullRequest.head.sha;
+    const resp: { statuses: GitHubCommitStatus[] } = await this.request(
+      `${this.originRepoURL}/commits/${sha}/status`,
+    );
+    return resp.statuses.map(s => ({
+      context: s.context,
+      target_url: s.target_url,
+      state:
+        s.state === GitHubCommitStatusState.Success ? PreviewState.Success : PreviewState.Other,
+    }));
+  }
+
+  async editorialWorkflowGit(
+    files: TreeFile[],
+    slug: string,
+    mediaFilesList: MediaFile[],
+    options: PersistOptions,
+  ) {
+    const contentKey = this.generateContentKey(options.collectionName as string, slug);
+    const branch = branchFromContentKey(contentKey);
+    const unpublished = options.unpublished || false;
+    if (!unpublished) {
+      const branchData = await this.getDefaultBranch();
+      const changeTree = await this.updateTree(branchData.commit.sha, files);
+      const commitResponse = await this.commit(options.commitMessage, changeTree);
+
+      if (this.useOpenAuthoring) {
+        await this.createBranch(branch, commitResponse.sha);
+      } else {
+        const pr = await this.createBranchAndPullRequest(
+          branch,
+          commitResponse.sha,
+          options.commitMessage,
+        );
+        await this.setPullRequestStatus(pr, options.status || this.initialWorkflowStatus);
+      }
+    } else {
+      // Entry is already on editorial review workflow - commit to existing branch
+      const { files: diffFiles } = await this.getDifferences(
+        this.branch,
+        await this.getHeadReference(branch),
+      );
+
+      const diffs = await Promise.all(diffFiles.map(file => this.diffFromFile(file)));
+      // mark media files to remove
+      const mediaFilesToRemove: { path: string; sha: string | null }[] = [];
+      for (const diff of diffs.filter(d => d.binary)) {
+        if (!mediaFilesList.some(file => file.path === diff.path)) {
+          mediaFilesToRemove.push({ path: diff.path, sha: null });
+        }
+      }
+
+      // rebase the branch before applying new changes
+      const rebasedHead = await this.rebaseBranch(branch);
+      const treeFiles = mediaFilesToRemove.concat(files);
+      const changeTree = await this.updateTree(rebasedHead.sha, treeFiles, branch);
+      const commit = await this.commit(options.commitMessage, changeTree);
+
+      return this.patchBranch(branch, commit.sha, { force: true });
+    }
+  }
+
+  async backupBranch(branchName: string) {
+    try {
+      const existingBranch = await this.getBranch(branchName);
+      await this.createBranch(
+        existingBranch.name.replace(
+          new RegExp(`${CMS_BRANCH_PREFIX}/`),
+          `${CMS_BRANCH_PREFIX}_${Date.now()}/`,
+        ),
+        existingBranch.commit.sha,
+      );
+    } catch (e) {
+      console.warn(e);
+    }
+  }
+
+  async createBranch(branchName: string, sha: string) {
+    try {
+      const result = await this.createRef('heads', branchName, sha);
+      return result;
+    } catch (e) {
+      if (e instanceof Error) {
+        const message = String(e.message || '');
+        if (message === 'Reference update failed') {
+          await throwOnConflictingBranches(branchName, name => this.getBranch(name), API_NAME);
+        } else if (
+          message === 'Reference already exists' &&
+          branchName.startsWith(`${CMS_BRANCH_PREFIX}/`)
+        ) {
+          try {
+            // this can happen if the branch wasn't deleted when the PR was merged
+            // we backup the existing branch just in case and patch it with the new sha
+            await this.backupBranch(branchName);
+            const result = await this.patchBranch(branchName, sha, { force: true });
+            return result;
+          } catch (e) {
+            console.error(e);
+          }
+        }
+      }
+      throw e;
+    }
+  }
+
+  async createBranchAndPullRequest(branchName: string, sha: string, commitMessage: string) {
+    await this.createBranch(branchName, sha);
+    return this.createPR(commitMessage, branchName);
+  }
+
+  /**
+   * Rebase an array of commits one-by-one, starting from a given base SHA
+   */
+  async rebaseCommits(baseCommit: GitHubCompareCommit, commits: GitHubCompareCommits) {
+    /**
+     * If the parent of the first commit already matches the target base,
+     * return commits as is.
+     */
+    if (commits.length === 0 || commits[0].parents[0].sha === baseCommit.sha) {
+      const head = last(commits) as GitHubCompareCommit;
+      return head;
+    } else {
+      /**
+       * Re-create each commit over the new base, applying each to the previous,
+       * changing only the parent SHA and tree for each, but retaining all other
+       * info, such as the author/committer data.
+       */
+      const newHeadPromise = commits.reduce((lastCommitPromise, commit) => {
+        return lastCommitPromise.then(newParent => {
+          const parent = newParent;
+          const commitToRebase = commit;
+          return this.rebaseSingleCommit(parent, commitToRebase);
+        });
+      }, Promise.resolve(baseCommit));
+      return newHeadPromise;
+    }
+  }
+
+  async rebaseSingleCommit(baseCommit: GitHubCompareCommit, commit: GitHubCompareCommit) {
+    // first get the diff between the commits
+    const result = await this.getDifferences(commit.parents[0].sha, commit.sha);
+    const files = getTreeFiles(result.files as GitHubCompareFiles);
+
+    // only update the tree if changes were detected
+    if (files.length > 0) {
+      // create a tree with baseCommit as the base with the diff applied
+      const tree = await this.updateTree(baseCommit.sha, files);
+      const { message, author, committer } = commit.commit;
+
+      // create a new commit from the updated tree
+      const newCommit = await this.createCommit(
+        message,
+        tree.sha,
+        [baseCommit.sha],
+        author,
+        committer,
+      );
+      return newCommit as unknown as GitHubCompareCommit;
+    } else {
+      return commit;
+    }
+  }
+
+  async rebaseBranch(branch: string) {
+    try {
+      // Get the diff between the default branch the published branch
+      const { base_commit: baseCommit, commits } = await this.getDifferences(
+        this.branch,
+        await this.getHeadReference(branch),
+      );
+      // Rebase the branch based on the diff
+      const rebasedHead = await this.rebaseCommits(baseCommit, commits);
+      return rebasedHead;
+    } catch (error) {
+      console.error(error);
+      throw error;
+    }
+  }
+
+  async getUnpublishedEntrySha(collection: string, slug: string) {
+    const contentKey = this.generateContentKey(collection, slug);
+    const branch = branchFromContentKey(contentKey);
+    const pullRequest = await this.getBranchPullRequest(branch);
+    return pullRequest.head.sha;
+  }
 }
diff --git a/packages/core/src/backends/github/AuthenticationPage.css b/packages/core/src/backends/github/AuthenticationPage.css
new file mode 100644
index 00000000..c382aa07
--- /dev/null
+++ b/packages/core/src/backends/github/AuthenticationPage.css
@@ -0,0 +1,26 @@
+.CMS_Github_AuthenticationPage_fork-approve-container {
+  @apply flex
+    flex-col
+    flex-nowrap
+    justify-around
+    flex-grow-[0.2];
+}
+
+.CMS_Github_AuthenticationPage_fork-text {
+  @apply max-w-[600px]
+    w-full
+    px-2
+    my-2
+    justify-center
+    items-center
+    text-center;
+}
+
+.CMS_Github_AuthenticationPage_fork-buttons {
+  @apply flex
+    flex-col
+    flex-nowrap
+    justify-around
+    items-center
+    gap-2;
+}
diff --git a/packages/core/src/backends/github/AuthenticationPage.tsx b/packages/core/src/backends/github/AuthenticationPage.tsx
index 3484ad58..0697a4d9 100644
--- a/packages/core/src/backends/github/AuthenticationPage.tsx
+++ b/packages/core/src/backends/github/AuthenticationPage.tsx
@@ -1,22 +1,83 @@
 import { Github as GithubIcon } from '@styled-icons/simple-icons/Github';
 import React, { useCallback, useState } from 'react';
 
+import Button from '@staticcms/core/components/common/button/Button';
 import Login from '@staticcms/core/components/login/Login';
 import { NetlifyAuthenticator } from '@staticcms/core/lib/auth';
+import useCurrentBackend from '@staticcms/core/lib/hooks/useCurrentBackend';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
+import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { AuthenticationPageProps, TranslatedProps } from '@staticcms/core/interface';
-import type { MouseEvent } from 'react';
+import type { AuthenticationPageProps, User } from '@staticcms/core';
+import type { FC, MouseEvent } from 'react';
+import type GitHub from './implementation';
 
-const GitHubAuthenticationPage = ({
+import './AuthenticationPage.css';
+
+const classes = generateClassNames('Github_AuthenticationPage', [
+  'fork-approve-container',
+  'fork-text',
+  'fork-buttons',
+]);
+
+const GitHubAuthenticationPage: FC<AuthenticationPageProps> = ({
   inProgress = false,
   config,
   base_url,
   siteId,
   authEndpoint,
   onLogin,
-  t,
-}: TranslatedProps<AuthenticationPageProps>) => {
+}) => {
+  const t = useTranslate();
+
   const [loginError, setLoginError] = useState<string | null>(null);
+  const [forkState, setForkState] = useState<{
+    requestingFork?: boolean;
+    findingFork?: boolean;
+    approveFork?: () => void;
+  }>();
+
+  const { requestingFork = false, findingFork = false, approveFork } = forkState ?? {};
+
+  const backend = useCurrentBackend();
+
+  const getPermissionToFork = useCallback(() => {
+    return new Promise<boolean>(resolve => {
+      setForkState({
+        findingFork: true,
+        requestingFork: true,
+        approveFork: () => {
+          setForkState({
+            findingFork: true,
+            requestingFork: false,
+          });
+          resolve(true);
+        },
+      });
+    });
+  }, []);
+
+  const loginWithOpenAuthoring = useCallback(
+    (userData: User): Promise<void> => {
+      if (backend?.backendName !== 'github') {
+        return Promise.resolve();
+      }
+
+      const githubBackend = backend.implementation as GitHub;
+
+      setForkState({ findingFork: true });
+      return githubBackend
+        .authenticateWithFork({ userData, getPermissionToFork })
+        .then(() => {
+          setForkState({ findingFork: false });
+        })
+        .catch(() => {
+          setForkState({ findingFork: false });
+          console.error('Cannot create fork');
+        });
+    },
+    [backend?.backendName, backend?.implementation, getPermissionToFork],
+  );
 
   const handleLogin = useCallback(
     (e: MouseEvent<HTMLButtonElement>) => {
@@ -28,18 +89,25 @@ const GitHubAuthenticationPage = ({
       };
       const auth = new NetlifyAuthenticator(cfg);
 
-      const { auth_scope: authScope = '' } = config.backend;
+      const { auth_scope: authScope = '', open_authoring: openAuthoringEnabled } = config.backend;
 
-      const scope = authScope || 'repo';
+      const scope = authScope || (openAuthoringEnabled ? 'public_repo' : 'repo');
       auth.authenticate({ provider: 'github', scope }, (err, data) => {
         if (err) {
           setLoginError(err.toString());
-        } else if (data) {
+          return;
+        }
+
+        if (data) {
+          if (openAuthoringEnabled) {
+            return loginWithOpenAuthoring(data).then(() => onLogin(data));
+          }
+
           onLogin(data);
         }
       });
     },
-    [authEndpoint, base_url, config.backend, onLogin, siteId],
+    [authEndpoint, base_url, config.backend, loginWithOpenAuthoring, onLogin, siteId],
   );
 
   return (
@@ -47,8 +115,18 @@ const GitHubAuthenticationPage = ({
       login={handleLogin}
       label={t('auth.loginWithGitHub')}
       icon={GithubIcon}
-      inProgress={inProgress}
+      inProgress={inProgress || findingFork || requestingFork}
       error={loginError}
+      buttonContent={
+        requestingFork ? (
+          <div className={classes['fork-approve-container']}>
+            <p className={classes['fork-text']}>{t('workflow.openAuthoring.forkRequired')}</p>
+            <div className={classes['fork-buttons']}>
+              <Button onClick={approveFork}>{t('workflow.openAuthoring.forkRepo')}</Button>
+            </div>
+          </div>
+        ) : null
+      }
     />
   );
 };
diff --git a/packages/core/src/backends/github/__tests__/API.spec.ts b/packages/core/src/backends/github/__tests__/API.spec.ts
index 6e751051..5b8d8740 100644
--- a/packages/core/src/backends/github/__tests__/API.spec.ts
+++ b/packages/core/src/backends/github/__tests__/API.spec.ts
@@ -1,6 +1,7 @@
 import { Base64 } from 'js-base64';
 
 import API from '../API';
+import { WorkflowStatus } from '@staticcms/core/constants/publishModes';
 
 import type { Options } from '../API';
 
@@ -24,7 +25,13 @@ describe('github API', () => {
 
   describe('updateTree', () => {
     it('should create tree with nested paths', async () => {
-      const api = new API({ branch: 'master', repo: 'owner/repo' });
+      const api = new API({
+        branch: 'master',
+        repo: 'owner/repo',
+        squashMerges: false,
+        initialWorkflowStatus: WorkflowStatus.DRAFT,
+        cmsLabelPrefix: '',
+      });
 
       api.createTree = jest.fn().mockImplementation(() => Promise.resolve({ sha: 'newTreeSha' }));
 
@@ -69,7 +76,14 @@ describe('github API', () => {
     });
 
     it('should fetch url with authorization header', async () => {
-      const api = new API({ branch: 'gh-pages', repo: 'my-repo', token: 'token' });
+      const api = new API({
+        branch: 'gh-pages',
+        repo: 'my-repo',
+        token: 'token',
+        squashMerges: false,
+        initialWorkflowStatus: WorkflowStatus.DRAFT,
+        cmsLabelPrefix: '',
+      });
 
       fetch.mockResolvedValue({
         text: jest.fn().mockResolvedValue('some response'),
@@ -90,7 +104,14 @@ describe('github API', () => {
     });
 
     it('should throw error on not ok response', async () => {
-      const api = new API({ branch: 'gh-pages', repo: 'my-repo', token: 'token' });
+      const api = new API({
+        branch: 'gh-pages',
+        repo: 'my-repo',
+        token: 'token',
+        squashMerges: false,
+        initialWorkflowStatus: WorkflowStatus.DRAFT,
+        cmsLabelPrefix: '',
+      });
 
       fetch.mockResolvedValue({
         text: jest.fn().mockResolvedValue({ message: 'some error' }),
@@ -110,7 +131,14 @@ describe('github API', () => {
     });
 
     it('should allow overriding requestHeaders to return a promise ', async () => {
-      const api = new API({ branch: 'gh-pages', repo: 'my-repo', token: 'token' });
+      const api = new API({
+        branch: 'gh-pages',
+        repo: 'my-repo',
+        token: 'token',
+        squashMerges: false,
+        initialWorkflowStatus: WorkflowStatus.DRAFT,
+        cmsLabelPrefix: '',
+      });
 
       api.requestHeaders = jest.fn().mockResolvedValue({
         Authorization: 'promise-token',
@@ -138,7 +166,13 @@ describe('github API', () => {
 
   describe('persistFiles', () => {
     it('should update tree, commit and patch branch when useWorkflow is false', async () => {
-      const api = new API({ branch: 'master', repo: 'owner/repo' });
+      const api = new API({
+        branch: 'master',
+        repo: 'owner/repo',
+        squashMerges: false,
+        initialWorkflowStatus: WorkflowStatus.DRAFT,
+        cmsLabelPrefix: '',
+      });
 
       const responses = {
         // upload the file
@@ -226,6 +260,7 @@ describe('github API', () => {
         {
           body: JSON.stringify({
             sha: 'commit-sha',
+            force: false,
           }),
           method: 'PATCH',
         },
@@ -235,7 +270,13 @@ describe('github API', () => {
 
   describe('listFiles', () => {
     it('should get files by depth', async () => {
-      const api = new API({ branch: 'master', repo: 'owner/repo' });
+      const api = new API({
+        branch: 'master',
+        repo: 'owner/repo',
+        squashMerges: false,
+        initialWorkflowStatus: WorkflowStatus.DRAFT,
+        cmsLabelPrefix: '',
+      });
 
       const tree = [
         {
@@ -315,7 +356,13 @@ describe('github API', () => {
       });
     });
     it('should get files and folders', async () => {
-      const api = new API({ branch: 'master', repo: 'owner/repo' });
+      const api = new API({
+        branch: 'master',
+        repo: 'owner/repo',
+        squashMerges: false,
+        initialWorkflowStatus: WorkflowStatus.DRAFT,
+        cmsLabelPrefix: '',
+      });
 
       const tree = [
         {
diff --git a/packages/core/src/backends/github/__tests__/implementation.spec.ts b/packages/core/src/backends/github/__tests__/implementation.spec.ts
index 81cb6a5a..70e3cd66 100644
--- a/packages/core/src/backends/github/__tests__/implementation.spec.ts
+++ b/packages/core/src/backends/github/__tests__/implementation.spec.ts
@@ -1,9 +1,9 @@
 import Cursor, { CURSOR_COMPATIBILITY_SYMBOL } from '@staticcms/core/lib/util/Cursor';
 import GitHubImplementation from '../implementation';
 
-import type { Config, UnknownField } from '@staticcms/core';
-import type API from '../API';
+import type { ConfigWithDefaults, UnknownField } from '@staticcms/core';
 import type { AssetProxy } from '@staticcms/core/valueObjects';
+import type API from '../API';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 declare const global: any;
@@ -14,7 +14,7 @@ describe('github backend implementation', () => {
       repo: 'owner/repo',
       api_root: 'https://api.github.com',
     },
-  } as Config<UnknownField>;
+  } as ConfigWithDefaults<UnknownField>;
 
   const createObjectURL = jest.fn();
   global.URL = {
@@ -100,6 +100,44 @@ describe('github backend implementation', () => {
     });
   });
 
+  describe('unpublishedEntry', () => {
+    const generateContentKey = jest.fn();
+    const retrieveUnpublishedEntryData = jest.fn();
+
+    const mockAPI = {
+      generateContentKey,
+      retrieveUnpublishedEntryData,
+    } as unknown as API;
+
+    it('should return unpublished entry data', async () => {
+      const gitHubImplementation = new GitHubImplementation(config);
+      gitHubImplementation.api = mockAPI;
+
+      generateContentKey.mockReturnValue('contentKey');
+
+      const data = {
+        collection: 'collection',
+        slug: 'slug',
+        status: 'draft',
+        diffs: [],
+        updatedAt: 'updatedAt',
+      };
+      retrieveUnpublishedEntryData.mockResolvedValue(data);
+
+      const collection = 'posts';
+      const slug = 'slug';
+      await expect(gitHubImplementation.unpublishedEntry({ collection, slug })).resolves.toEqual(
+        data,
+      );
+
+      expect(generateContentKey).toHaveBeenCalledTimes(1);
+      expect(generateContentKey).toHaveBeenCalledWith('posts', 'slug');
+
+      expect(retrieveUnpublishedEntryData).toHaveBeenCalledTimes(1);
+      expect(retrieveUnpublishedEntryData).toHaveBeenCalledWith('contentKey');
+    });
+  });
+
   describe('entriesByFolder', () => {
     const listFiles = jest.fn();
     const readFile = jest.fn();
diff --git a/packages/core/src/backends/github/implementation.tsx b/packages/core/src/backends/github/implementation.tsx
index 4cb5a825..65dce4ec 100644
--- a/packages/core/src/backends/github/implementation.tsx
+++ b/packages/core/src/backends/github/implementation.tsx
@@ -2,6 +2,7 @@ import { stripIndent } from 'common-tags';
 import trimStart from 'lodash/trimStart';
 import semaphore from 'semaphore';
 
+import { WorkflowStatus } from '@staticcms/core/constants/publishModes';
 import {
   asyncLock,
   basename,
@@ -17,19 +18,24 @@ import {
   runWithLock,
   unsentRequest,
 } from '@staticcms/core/lib/util';
+import { getPreviewStatus } from '@staticcms/core/lib/util/API';
+import { branchFromContentKey, contentKeyFromBranch } from '@staticcms/core/lib/util/APIUtils';
+import { unpublishedEntries } from '@staticcms/core/lib/util/implementation';
 import API, { API_NAME } from './API';
 import AuthenticationPage from './AuthenticationPage';
 
 import type {
   BackendClass,
   BackendEntry,
-  Config,
+  ConfigWithDefaults,
   Credentials,
   DisplayURL,
   ImplementationFile,
   PersistOptions,
+  UnpublishedEntry,
+  UnpublishedEntryMediaFile,
   User,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 import type { AsyncLock } from '@staticcms/core/lib/util';
 import type AssetProxy from '@staticcms/core/valueObjects/AssetProxy';
 import type { Semaphore } from 'semaphore';
@@ -56,23 +62,32 @@ export default class GitHub implements BackendClass {
   options: {
     proxied: boolean;
     API: API | null;
+    useWorkflow?: boolean;
+    initialWorkflowStatus: WorkflowStatus;
   };
   originRepo: string;
   repo?: string;
+  openAuthoringEnabled: boolean;
+  useOpenAuthoring?: boolean;
+  alwaysForkEnabled: boolean;
   branch: string;
   apiRoot: string;
   mediaFolder?: string;
+  previewContext: string;
   token: string | null;
+  squashMerges: boolean;
+  cmsLabelPrefix: string;
   _currentUserPromise?: Promise<GitHubUser>;
   _userIsOriginMaintainerPromises?: {
     [key: string]: Promise<boolean>;
   };
   _mediaDisplayURLSem?: Semaphore;
 
-  constructor(config: Config, options = {}) {
+  constructor(config: ConfigWithDefaults, options = {}) {
     this.options = {
       proxied: false,
       API: null,
+      initialWorkflowStatus: WorkflowStatus.DRAFT,
       ...options,
     };
 
@@ -84,18 +99,28 @@ export default class GitHub implements BackendClass {
     }
 
     this.api = this.options.API || null;
-    this.repo = this.originRepo = config.backend.repo || '';
+    this.openAuthoringEnabled = config.backend.open_authoring || false;
+    if (this.openAuthoringEnabled) {
+      if (!this.options.useWorkflow) {
+        throw new Error(
+          'backend.open_authoring is true but publish_mode is not set to editorial_workflow.',
+        );
+      }
+      this.originRepo = config.backend.repo || '';
+    } else {
+      this.repo = this.originRepo = config.backend.repo || '';
+    }
+    this.alwaysForkEnabled = config.backend.always_fork || false;
     this.branch = config.backend.branch?.trim() || 'main';
     this.apiRoot = config.backend.api_root || 'https://api.github.com';
     this.token = '';
+    this.squashMerges = config.backend.squash_merges || false;
+    this.cmsLabelPrefix = config.backend.cms_label_prefix || '';
     this.mediaFolder = config.media_folder;
+    this.previewContext = config.backend.preview_context || '';
     this.lock = asyncLock();
   }
 
-  isGitBackend() {
-    return true;
-  }
-
   async status() {
     const api = await fetch(GITHUB_STATUS_ENDPOINT)
       .then(res => res.json())
@@ -134,7 +159,35 @@ export default class GitHub implements BackendClass {
   }
 
   restoreUser(user: User) {
-    return this.authenticate(user);
+    return this.openAuthoringEnabled
+      ? this.authenticateWithFork({ userData: user, getPermissionToFork: () => true }).then(() =>
+          this.authenticate(user),
+        )
+      : this.authenticate(user);
+  }
+
+  async pollUntilForkExists({ repo, token }: { repo: string; token: string }) {
+    const pollDelay = 250; // milliseconds
+    let repoExists = false;
+    while (!repoExists) {
+      repoExists = await fetch(`${this.apiRoot}/repos/${repo}`, {
+        headers: { Authorization: `token ${token}` },
+      })
+        .then(() => true)
+        .catch(err => {
+          if (err && err.status === 404) {
+            console.info('This 404 was expected and handled appropriately.');
+            return false;
+          } else {
+            return Promise.reject(err);
+          }
+        });
+      // wait between polls
+      if (!repoExists) {
+        await new Promise(resolve => setTimeout(resolve, pollDelay));
+      }
+    }
+    return Promise.resolve();
   }
 
   async currentUser({ token }: { token: string }) {
@@ -172,6 +225,65 @@ export default class GitHub implements BackendClass {
     return this._userIsOriginMaintainerPromises[username];
   }
 
+  async forkExists({ token }: { token: string }) {
+    try {
+      const currentUser = await this.currentUser({ token });
+      const repoName = this.originRepo.split('/')[1];
+      const repo = await fetch(`${this.apiRoot}/repos/${currentUser.login}/${repoName}`, {
+        method: 'GET',
+        headers: {
+          Authorization: `token ${token}`,
+        },
+      }).then(res => res.json());
+
+      // https://developer.github.com/v3/repos/#get
+      // The parent and source objects are present when the repository is a fork.
+      // parent is the repository this repository was forked from, source is the ultimate source for the network.
+      const forkExists =
+        repo.fork === true &&
+        repo.parent &&
+        repo.parent.full_name.toLowerCase() === this.originRepo.toLowerCase();
+      return forkExists;
+    } catch {
+      return false;
+    }
+  }
+
+  async authenticateWithFork({
+    userData,
+    getPermissionToFork,
+  }: {
+    userData: User;
+    getPermissionToFork: () => Promise<boolean> | boolean;
+  }) {
+    if (!this.openAuthoringEnabled) {
+      throw new Error('Cannot authenticate with fork; Open Authoring is turned off.');
+    }
+    const token = userData.token as string;
+
+    // Origin maintainers should be able to use the CMS normally. If alwaysFork
+    // is enabled we always fork (and avoid the origin maintainer check)
+    if (!this.alwaysForkEnabled && (await this.userIsOriginMaintainer({ token }))) {
+      this.repo = this.originRepo;
+      this.useOpenAuthoring = false;
+      return Promise.resolve();
+    }
+
+    if (!(await this.forkExists({ token }))) {
+      await getPermissionToFork();
+    }
+
+    const fork = await fetch(`${this.apiRoot}/repos/${this.originRepo}/forks`, {
+      method: 'POST',
+      headers: {
+        Authorization: `token ${token}`,
+      },
+    }).then(res => res.json());
+    this.useOpenAuthoring = true;
+    this.repo = fork.full_name;
+    return this.pollUntilForkExists({ repo: fork.full_name, token });
+  }
+
   async authenticate(state: Credentials) {
     this.token = state.token as string;
     const apiCtor = API;
@@ -181,6 +293,11 @@ export default class GitHub implements BackendClass {
       repo: this.repo,
       originRepo: this.originRepo,
       apiRoot: this.apiRoot,
+      squashMerges: this.squashMerges,
+      cmsLabelPrefix: this.cmsLabelPrefix,
+      useOpenAuthoring: this.useOpenAuthoring,
+      openAuthoringEnabled: this.openAuthoringEnabled,
+      initialWorkflowStatus: this.options.initialWorkflowStatus,
     });
     const user = await this.api!.user();
     const isCollab = await this.api!.hasWriteAccess().catch(error => {
@@ -203,7 +320,7 @@ export default class GitHub implements BackendClass {
     }
 
     // Authorized user
-    return { ...user, token: state.token as string };
+    return { ...user, token: state.token as string, useOpenAuthoring: this.useOpenAuthoring };
   }
 
   logout() {
@@ -299,7 +416,7 @@ export default class GitHub implements BackendClass {
   }
 
   entriesByFiles(files: ImplementationFile[]) {
-    const repoURL = this.api!.repoURL;
+    const repoURL = this.useOpenAuthoring ? this.api!.originRepoURL : this.api!.repoURL;
 
     const readFile = (path: string, id: string | null | undefined) =>
       this.api!.readFile(path, id, { repoURL }).catch(() => '') as Promise<string>;
@@ -435,4 +552,117 @@ export default class GitHub implements BackendClass {
       cursor: result.cursor,
     };
   }
+
+  /**
+   * Editorial Workflow
+   */
+  async unpublishedEntries() {
+    const listEntriesKeys = () =>
+      this.api!.listUnpublishedBranches().then(branches =>
+        branches.map(branch => contentKeyFromBranch(branch)),
+      );
+
+    const ids = await unpublishedEntries(listEntriesKeys);
+    return ids;
+  }
+
+  async unpublishedEntry({
+    id,
+    collection,
+    slug,
+  }: {
+    id?: string;
+    collection?: string;
+    slug?: string;
+  }): Promise<UnpublishedEntry> {
+    if (id) {
+      return this.api!.retrieveUnpublishedEntryData(id);
+    } else if (collection && slug) {
+      const entryId = this.api!.generateContentKey(collection, slug);
+      return this.api!.retrieveUnpublishedEntryData(entryId);
+    } else {
+      throw new Error('Missing unpublished entry id or collection and slug');
+    }
+  }
+
+  getBranch(collection: string, slug: string) {
+    const contentKey = this.api!.generateContentKey(collection, slug);
+    const branch = branchFromContentKey(contentKey);
+    return branch;
+  }
+
+  async unpublishedEntryDataFile(collection: string, slug: string, path: string, id: string) {
+    const branch = this.getBranch(collection, slug);
+    const data = (await this.api!.readFile(path, id, { branch })) as string;
+    return data;
+  }
+
+  async unpublishedEntryMediaFile(collection: string, slug: string, path: string, id: string) {
+    const branch = this.getBranch(collection, slug);
+    const mediaFile = await this.loadMediaFile(branch, { path, id });
+    return mediaFile;
+  }
+
+  async getDeployPreview(collection: string, slug: string) {
+    try {
+      const statuses = await this.api!.getStatuses(collection, slug);
+      const deployStatus = getPreviewStatus(statuses, this.previewContext);
+
+      if (deployStatus) {
+        const { target_url: url, state } = deployStatus;
+        return { url, status: state };
+      } else {
+        return null;
+      }
+    } catch (e) {
+      return null;
+    }
+  }
+
+  updateUnpublishedEntryStatus(collection: string, slug: string, newStatus: WorkflowStatus) {
+    // updateUnpublishedEntryStatus is a transactional operation
+    return runWithLock(
+      this.lock,
+      () => this.api!.updateUnpublishedEntryStatus(collection, slug, newStatus),
+      'Failed to acquire update entry status lock',
+    );
+  }
+
+  deleteUnpublishedEntry(collection: string, slug: string) {
+    // deleteUnpublishedEntry is a transactional operation
+    return runWithLock(
+      this.lock,
+      () => this.api!.deleteUnpublishedEntry(collection, slug),
+      'Failed to acquire delete entry lock',
+    );
+  }
+
+  publishUnpublishedEntry(collection: string, slug: string) {
+    // publishUnpublishedEntry is a transactional operation
+    return runWithLock(
+      this.lock,
+      () => this.api!.publishUnpublishedEntry(collection, slug),
+      'Failed to acquire publish entry lock',
+    );
+  }
+
+  async loadMediaFile(branch: string, file: UnpublishedEntryMediaFile) {
+    const readFile = (
+      path: string,
+      id: string | null | undefined,
+      { parseText }: { parseText: boolean },
+    ) => this.api!.readFile(path, id, { branch, parseText });
+
+    const blob = await getMediaAsBlob(file.path, file.id, readFile);
+    const name = basename(file.path);
+    const fileObj = blobToFileObj(name, blob);
+    return {
+      id: file.id,
+      displayURL: URL.createObjectURL(fileObj),
+      path: file.path,
+      name,
+      size: fileObj.size,
+      file: fileObj,
+    };
+  }
 }
diff --git a/packages/core/src/backends/github/types.ts b/packages/core/src/backends/github/types.ts
index 0e255c1c..debc23a6 100644
--- a/packages/core/src/backends/github/types.ts
+++ b/packages/core/src/backends/github/types.ts
@@ -688,3 +688,1348 @@ export type GitCreateTreeResponse = {
   tree: Array<GitCreateTreeResponseTreeItem>;
   url: string;
 };
+
+/**
+ * Editorial Workflow
+ */
+export type GitListMatchingRefsResponseItem = {
+  node_id: string;
+  object: GitListMatchingRefsResponseItemObject;
+  ref: string;
+  url: string;
+};
+
+export type GitListMatchingRefsResponseItemObject = {
+  sha: string;
+  type: string;
+  url: string;
+};
+
+export type GitListMatchingRefsResponse = Array<GitListMatchingRefsResponseItem>;
+
+export type GitHubCompareFile = ReposCompareCommitsResponseFilesItem & {
+  previous_filename?: string;
+};
+
+export type GitHubCompareFiles = GitHubCompareFile[];
+
+export type ReposCompareCommitsResponseFilesItem = {
+  additions: number;
+  blob_url: string;
+  changes: number;
+  contents_url: string;
+  deletions: number;
+  filename: string;
+  patch: string;
+  raw_url: string;
+  sha: string;
+  status: string;
+};
+type PullsListResponseItemUser = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type PullsListResponseItemRequestedTeamsItem = {
+  description: string;
+  html_url: string;
+  id: number;
+  members_url: string;
+  name: string;
+  node_id: string;
+  parent: null;
+  permission: string;
+  privacy: string;
+  repositories_url: string;
+  slug: string;
+  url: string;
+};
+type PullsListResponseItemRequestedReviewersItem = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type PullsListResponseItemMilestoneCreator = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type PullsListResponseItemMilestone = {
+  closed_at: string;
+  closed_issues: number;
+  created_at: string;
+  creator: PullsListResponseItemMilestoneCreator;
+  description: string;
+  due_on: string;
+  html_url: string;
+  id: number;
+  labels_url: string;
+  node_id: string;
+  number: number;
+  open_issues: number;
+  state: string;
+  title: string;
+  updated_at: string;
+  url: string;
+};
+type PullsListResponseItemLabelsItem = {
+  color: string;
+  default: boolean;
+  description: string;
+  id: number;
+  name: string;
+  node_id: string;
+  url: string;
+};
+type PullsListResponseItemHeadUser = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type PullsListResponseItemHeadRepoPermissions = {
+  admin: boolean;
+  pull: boolean;
+  push: boolean;
+};
+type PullsListResponseItemHeadRepoOwner = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type PullsListResponseItemHeadRepo = {
+  allow_merge_commit: boolean;
+  allow_rebase_merge: boolean;
+  allow_squash_merge: boolean;
+  archive_url: string;
+  archived: boolean;
+  assignees_url: string;
+  blobs_url: string;
+  branches_url: string;
+  clone_url: string;
+  collaborators_url: string;
+  comments_url: string;
+  commits_url: string;
+  compare_url: string;
+  contents_url: string;
+  contributors_url: string;
+  created_at: string;
+  default_branch: string;
+  deployments_url: string;
+  description: string;
+  disabled: boolean;
+  downloads_url: string;
+  events_url: string;
+  fork: boolean;
+  forks_count: number;
+  forks_url: string;
+  full_name: string;
+  git_commits_url: string;
+  git_refs_url: string;
+  git_tags_url: string;
+  git_url: string;
+  has_downloads: boolean;
+  has_issues: boolean;
+  has_pages: boolean;
+  has_projects: boolean;
+  has_wiki: boolean;
+  homepage: string;
+  hooks_url: string;
+  html_url: string;
+  id: number;
+  is_template: boolean;
+  issue_comment_url: string;
+  issue_events_url: string;
+  issues_url: string;
+  keys_url: string;
+  labels_url: string;
+  language: null;
+  languages_url: string;
+  merges_url: string;
+  milestones_url: string;
+  mirror_url: string;
+  name: string;
+  network_count: number;
+  node_id: string;
+  notifications_url: string;
+  open_issues_count: number;
+  owner: PullsListResponseItemHeadRepoOwner;
+  permissions: PullsListResponseItemHeadRepoPermissions;
+  private: boolean;
+  pulls_url: string;
+  pushed_at: string;
+  releases_url: string;
+  size: number;
+  ssh_url: string;
+  stargazers_count: number;
+  stargazers_url: string;
+  statuses_url: string;
+  subscribers_count: number;
+  subscribers_url: string;
+  subscription_url: string;
+  svn_url: string;
+  tags_url: string;
+  teams_url: string;
+  temp_clone_token: string;
+  template_repository: null;
+  topics: Array<string>;
+  trees_url: string;
+  updated_at: string;
+  url: string;
+  visibility: string;
+  watchers_count: number;
+};
+type PullsListResponseItemHead = {
+  label: string;
+  ref: string;
+  repo: PullsListResponseItemHeadRepo;
+  sha: string;
+  user: PullsListResponseItemHeadUser;
+};
+type PullsListResponseItemBaseUser = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type PullsListResponseItemBaseRepoPermissions = {
+  admin: boolean;
+  pull: boolean;
+  push: boolean;
+};
+type PullsListResponseItemBaseRepoOwner = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type PullsListResponseItemBaseRepo = {
+  allow_merge_commit: boolean;
+  allow_rebase_merge: boolean;
+  allow_squash_merge: boolean;
+  archive_url: string;
+  archived: boolean;
+  assignees_url: string;
+  blobs_url: string;
+  branches_url: string;
+  clone_url: string;
+  collaborators_url: string;
+  comments_url: string;
+  commits_url: string;
+  compare_url: string;
+  contents_url: string;
+  contributors_url: string;
+  created_at: string;
+  default_branch: string;
+  deployments_url: string;
+  description: string;
+  disabled: boolean;
+  downloads_url: string;
+  events_url: string;
+  fork: boolean;
+  forks_count: number;
+  forks_url: string;
+  full_name: string;
+  git_commits_url: string;
+  git_refs_url: string;
+  git_tags_url: string;
+  git_url: string;
+  has_downloads: boolean;
+  has_issues: boolean;
+  has_pages: boolean;
+  has_projects: boolean;
+  has_wiki: boolean;
+  homepage: string;
+  hooks_url: string;
+  html_url: string;
+  id: number;
+  is_template: boolean;
+  issue_comment_url: string;
+  issue_events_url: string;
+  issues_url: string;
+  keys_url: string;
+  labels_url: string;
+  language: null;
+  languages_url: string;
+  merges_url: string;
+  milestones_url: string;
+  mirror_url: string;
+  name: string;
+  network_count: number;
+  node_id: string;
+  notifications_url: string;
+  open_issues_count: number;
+  owner: PullsListResponseItemBaseRepoOwner;
+  permissions: PullsListResponseItemBaseRepoPermissions;
+  private: boolean;
+  pulls_url: string;
+  pushed_at: string;
+  releases_url: string;
+  size: number;
+  ssh_url: string;
+  stargazers_count: number;
+  stargazers_url: string;
+  statuses_url: string;
+  subscribers_count: number;
+  subscribers_url: string;
+  subscription_url: string;
+  svn_url: string;
+  tags_url: string;
+  teams_url: string;
+  temp_clone_token: string;
+  template_repository: null;
+  topics: Array<string>;
+  trees_url: string;
+  updated_at: string;
+  url: string;
+  visibility: string;
+  watchers_count: number;
+};
+type PullsListResponseItemBase = {
+  label: string;
+  ref: string;
+  repo: PullsListResponseItemBaseRepo;
+  sha: string;
+  user: PullsListResponseItemBaseUser;
+};
+type PullsListResponseItemAssigneesItem = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type PullsListResponseItemAssignee = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type PullsListResponseItemLinksStatuses = { href: string };
+type PullsListResponseItemLinksSelf = { href: string };
+type PullsListResponseItemLinksReviewComments = { href: string };
+type PullsListResponseItemLinksReviewComment = { href: string };
+type PullsListResponseItemLinksIssue = { href: string };
+type PullsListResponseItemLinksHtml = { href: string };
+type PullsListResponseItemLinksCommits = { href: string };
+type PullsListResponseItemLinksComments = { href: string };
+type PullsListResponseItemLinks = {
+  comments: PullsListResponseItemLinksComments;
+  commits: PullsListResponseItemLinksCommits;
+  html: PullsListResponseItemLinksHtml;
+  issue: PullsListResponseItemLinksIssue;
+  review_comment: PullsListResponseItemLinksReviewComment;
+  review_comments: PullsListResponseItemLinksReviewComments;
+  self: PullsListResponseItemLinksSelf;
+  statuses: PullsListResponseItemLinksStatuses;
+};
+
+export type GitHubPull = {
+  _links: PullsListResponseItemLinks;
+  active_lock_reason: string;
+  assignee: PullsListResponseItemAssignee;
+  assignees: Array<PullsListResponseItemAssigneesItem>;
+  author_association: string;
+  base: PullsListResponseItemBase;
+  body: string;
+  closed_at: string;
+  comments_url: string;
+  commits_url: string;
+  created_at: string;
+  diff_url: string;
+  draft: boolean;
+  head: PullsListResponseItemHead;
+  html_url: string;
+  id: number;
+  issue_url: string;
+  labels: Array<PullsListResponseItemLabelsItem>;
+  locked: boolean;
+  merge_commit_sha: string;
+  merged_at: string;
+  milestone: PullsListResponseItemMilestone;
+  node_id: string;
+  number: number;
+  patch_url: string;
+  requested_reviewers: Array<PullsListResponseItemRequestedReviewersItem>;
+  requested_teams: Array<PullsListResponseItemRequestedTeamsItem>;
+  review_comment_url: string;
+  review_comments_url: string;
+  state: string;
+  statuses_url: string;
+  title: string;
+  updated_at: string;
+  url: string;
+  user: PullsListResponseItemUser;
+};
+
+export enum PullRequestState {
+  Open = 'open',
+  Closed = 'closed',
+  All = 'all',
+}
+
+export type PullsListResponse = Array<GitHubPull>;
+
+export type PullsGetResponseLabelsItem = {
+  color: string;
+  default: boolean;
+  description: string;
+  id: number;
+  name: string;
+  node_id: string;
+  url: string;
+};
+
+type ReposCompareCommitsResponseMergeBaseCommitParentsItem = {
+  sha: string;
+  url: string;
+};
+type ReposCompareCommitsResponseMergeBaseCommitCommitter = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type ReposCompareCommitsResponseMergeBaseCommitCommitVerification = {
+  payload: null;
+  reason: string;
+  signature: null;
+  verified: boolean;
+};
+type ReposCompareCommitsResponseMergeBaseCommitCommitTree = {
+  sha: string;
+  url: string;
+};
+type ReposCompareCommitsResponseMergeBaseCommitCommitCommitter = {
+  date: string;
+  email: string;
+  name: string;
+};
+type ReposCompareCommitsResponseMergeBaseCommitCommitAuthor = {
+  date: string;
+  email: string;
+  name: string;
+};
+type ReposCompareCommitsResponseMergeBaseCommitCommit = {
+  author: ReposCompareCommitsResponseMergeBaseCommitCommitAuthor;
+  comment_count: number;
+  committer: ReposCompareCommitsResponseMergeBaseCommitCommitCommitter;
+  message: string;
+  tree: ReposCompareCommitsResponseMergeBaseCommitCommitTree;
+  url: string;
+  verification: ReposCompareCommitsResponseMergeBaseCommitCommitVerification;
+};
+type ReposCompareCommitsResponseMergeBaseCommitAuthor = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type ReposCompareCommitsResponseMergeBaseCommit = {
+  author: ReposCompareCommitsResponseMergeBaseCommitAuthor;
+  comments_url: string;
+  commit: ReposCompareCommitsResponseMergeBaseCommitCommit;
+  committer: ReposCompareCommitsResponseMergeBaseCommitCommitter;
+  html_url: string;
+  node_id: string;
+  parents: Array<ReposCompareCommitsResponseMergeBaseCommitParentsItem>;
+  sha: string;
+  url: string;
+};
+type ReposCompareCommitsResponseCommitsItemParentsItem = {
+  sha: string;
+  url: string;
+};
+type ReposCompareCommitsResponseCommitsItemCommitter = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type ReposCompareCommitsResponseCommitsItemCommitVerification = {
+  payload: null;
+  reason: string;
+  signature: null;
+  verified: boolean;
+};
+type ReposCompareCommitsResponseCommitsItemCommitTree = {
+  sha: string;
+  url: string;
+};
+type ReposCompareCommitsResponseCommitsItemCommitCommitter = {
+  date: string;
+  email: string;
+  name: string;
+};
+type ReposCompareCommitsResponseCommitsItemCommitAuthor = {
+  date: string;
+  email: string;
+  name: string;
+};
+type ReposCompareCommitsResponseCommitsItemCommit = {
+  author: ReposCompareCommitsResponseCommitsItemCommitAuthor;
+  comment_count: number;
+  committer: ReposCompareCommitsResponseCommitsItemCommitCommitter;
+  message: string;
+  tree: ReposCompareCommitsResponseCommitsItemCommitTree;
+  url: string;
+  verification: ReposCompareCommitsResponseCommitsItemCommitVerification;
+};
+type ReposCompareCommitsResponseCommitsItemAuthor = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type ReposCompareCommitsResponseCommitsItem = {
+  author: ReposCompareCommitsResponseCommitsItemAuthor;
+  comments_url: string;
+  commit: ReposCompareCommitsResponseCommitsItemCommit;
+  committer: ReposCompareCommitsResponseCommitsItemCommitter;
+  html_url: string;
+  node_id: string;
+  parents: Array<ReposCompareCommitsResponseCommitsItemParentsItem>;
+  sha: string;
+  url: string;
+};
+type ReposCompareCommitsResponseBaseCommitParentsItem = {
+  sha: string;
+  url: string;
+};
+type ReposCompareCommitsResponseBaseCommitCommitter = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type ReposCompareCommitsResponseBaseCommitCommitVerification = {
+  payload: null;
+  reason: string;
+  signature: null;
+  verified: boolean;
+};
+type ReposCompareCommitsResponseBaseCommitCommitTree = {
+  sha: string;
+  url: string;
+};
+type ReposCompareCommitsResponseBaseCommitCommitCommitter = {
+  date: string;
+  email: string;
+  name: string;
+};
+type ReposCompareCommitsResponseBaseCommitCommitAuthor = {
+  date: string;
+  email: string;
+  name: string;
+};
+type ReposCompareCommitsResponseBaseCommitCommit = {
+  author: ReposCompareCommitsResponseBaseCommitCommitAuthor;
+  comment_count: number;
+  committer: ReposCompareCommitsResponseBaseCommitCommitCommitter;
+  message: string;
+  tree: ReposCompareCommitsResponseBaseCommitCommitTree;
+  url: string;
+  verification: ReposCompareCommitsResponseBaseCommitCommitVerification;
+};
+type ReposCompareCommitsResponseBaseCommitAuthor = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type ReposCompareCommitsResponseBaseCommit = {
+  author: ReposCompareCommitsResponseBaseCommitAuthor;
+  comments_url: string;
+  commit: ReposCompareCommitsResponseBaseCommitCommit;
+  committer: ReposCompareCommitsResponseBaseCommitCommitter;
+  html_url: string;
+  node_id: string;
+  parents: Array<ReposCompareCommitsResponseBaseCommitParentsItem>;
+  sha: string;
+  url: string;
+};
+export type ReposCompareCommitsResponse = {
+  ahead_by: number;
+  base_commit: ReposCompareCommitsResponseBaseCommit;
+  behind_by: number;
+  commits: Array<ReposCompareCommitsResponseCommitsItem>;
+  diff_url: string;
+  files: Array<ReposCompareCommitsResponseFilesItem>;
+  html_url: string;
+  merge_base_commit: ReposCompareCommitsResponseMergeBaseCommit;
+  patch_url: string;
+  permalink_url: string;
+  status: string;
+  total_commits: number;
+  url: string;
+};
+
+export type PullsMergeResponse = { merged: boolean; message: string; sha: string };
+
+export type PullsUpdateBranchResponse = { message: string; url: string };
+
+type PullsCreateResponseUser = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type PullsCreateResponseRequestedTeamsItem = {
+  description: string;
+  html_url: string;
+  id: number;
+  members_url: string;
+  name: string;
+  node_id: string;
+  parent: null;
+  permission: string;
+  privacy: string;
+  repositories_url: string;
+  slug: string;
+  url: string;
+};
+type PullsCreateResponseRequestedReviewersItem = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type PullsCreateResponseMilestoneCreator = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type PullsCreateResponseMilestone = {
+  closed_at: string;
+  closed_issues: number;
+  created_at: string;
+  creator: PullsCreateResponseMilestoneCreator;
+  description: string;
+  due_on: string;
+  html_url: string;
+  id: number;
+  labels_url: string;
+  node_id: string;
+  number: number;
+  open_issues: number;
+  state: string;
+  title: string;
+  updated_at: string;
+  url: string;
+};
+type PullsCreateResponseMergedBy = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type PullsCreateResponseLabelsItem = {
+  color: string;
+  default: boolean;
+  description: string;
+  id: number;
+  name: string;
+  node_id: string;
+  url: string;
+};
+type PullsCreateResponseHeadUser = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type PullsCreateResponseHeadRepoPermissions = {
+  admin: boolean;
+  pull: boolean;
+  push: boolean;
+};
+type PullsCreateResponseHeadRepoOwner = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type PullsCreateResponseHeadRepo = {
+  allow_merge_commit: boolean;
+  allow_rebase_merge: boolean;
+  allow_squash_merge: boolean;
+  archive_url: string;
+  archived: boolean;
+  assignees_url: string;
+  blobs_url: string;
+  branches_url: string;
+  clone_url: string;
+  collaborators_url: string;
+  comments_url: string;
+  commits_url: string;
+  compare_url: string;
+  contents_url: string;
+  contributors_url: string;
+  created_at: string;
+  default_branch: string;
+  deployments_url: string;
+  description: string;
+  disabled: boolean;
+  downloads_url: string;
+  events_url: string;
+  fork: boolean;
+  forks_count: number;
+  forks_url: string;
+  full_name: string;
+  git_commits_url: string;
+  git_refs_url: string;
+  git_tags_url: string;
+  git_url: string;
+  has_downloads: boolean;
+  has_issues: boolean;
+  has_pages: boolean;
+  has_projects: boolean;
+  has_wiki: boolean;
+  homepage: string;
+  hooks_url: string;
+  html_url: string;
+  id: number;
+  is_template: boolean;
+  issue_comment_url: string;
+  issue_events_url: string;
+  issues_url: string;
+  keys_url: string;
+  labels_url: string;
+  language: null;
+  languages_url: string;
+  merges_url: string;
+  milestones_url: string;
+  mirror_url: string;
+  name: string;
+  network_count: number;
+  node_id: string;
+  notifications_url: string;
+  open_issues_count: number;
+  owner: PullsCreateResponseHeadRepoOwner;
+  permissions: PullsCreateResponseHeadRepoPermissions;
+  private: boolean;
+  pulls_url: string;
+  pushed_at: string;
+  releases_url: string;
+  size: number;
+  ssh_url: string;
+  stargazers_count: number;
+  stargazers_url: string;
+  statuses_url: string;
+  subscribers_count: number;
+  subscribers_url: string;
+  subscription_url: string;
+  svn_url: string;
+  tags_url: string;
+  teams_url: string;
+  temp_clone_token: string;
+  template_repository: null;
+  topics: Array<string>;
+  trees_url: string;
+  updated_at: string;
+  url: string;
+  visibility: string;
+  watchers_count: number;
+};
+type PullsCreateResponseHead = {
+  label: string;
+  ref: string;
+  repo: PullsCreateResponseHeadRepo;
+  sha: string;
+  user: PullsCreateResponseHeadUser;
+};
+type PullsCreateResponseBaseUser = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type PullsCreateResponseBaseRepoPermissions = {
+  admin: boolean;
+  pull: boolean;
+  push: boolean;
+};
+type PullsCreateResponseBaseRepoOwner = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type PullsCreateResponseBaseRepo = {
+  allow_merge_commit: boolean;
+  allow_rebase_merge: boolean;
+  allow_squash_merge: boolean;
+  archive_url: string;
+  archived: boolean;
+  assignees_url: string;
+  blobs_url: string;
+  branches_url: string;
+  clone_url: string;
+  collaborators_url: string;
+  comments_url: string;
+  commits_url: string;
+  compare_url: string;
+  contents_url: string;
+  contributors_url: string;
+  created_at: string;
+  default_branch: string;
+  deployments_url: string;
+  description: string;
+  disabled: boolean;
+  downloads_url: string;
+  events_url: string;
+  fork: boolean;
+  forks_count: number;
+  forks_url: string;
+  full_name: string;
+  git_commits_url: string;
+  git_refs_url: string;
+  git_tags_url: string;
+  git_url: string;
+  has_downloads: boolean;
+  has_issues: boolean;
+  has_pages: boolean;
+  has_projects: boolean;
+  has_wiki: boolean;
+  homepage: string;
+  hooks_url: string;
+  html_url: string;
+  id: number;
+  is_template: boolean;
+  issue_comment_url: string;
+  issue_events_url: string;
+  issues_url: string;
+  keys_url: string;
+  labels_url: string;
+  language: null;
+  languages_url: string;
+  merges_url: string;
+  milestones_url: string;
+  mirror_url: string;
+  name: string;
+  network_count: number;
+  node_id: string;
+  notifications_url: string;
+  open_issues_count: number;
+  owner: PullsCreateResponseBaseRepoOwner;
+  permissions: PullsCreateResponseBaseRepoPermissions;
+  private: boolean;
+  pulls_url: string;
+  pushed_at: string;
+  releases_url: string;
+  size: number;
+  ssh_url: string;
+  stargazers_count: number;
+  stargazers_url: string;
+  statuses_url: string;
+  subscribers_count: number;
+  subscribers_url: string;
+  subscription_url: string;
+  svn_url: string;
+  tags_url: string;
+  teams_url: string;
+  temp_clone_token: string;
+  template_repository: null;
+  topics: Array<string>;
+  trees_url: string;
+  updated_at: string;
+  url: string;
+  visibility: string;
+  watchers_count: number;
+};
+type PullsCreateResponseBase = {
+  label: string;
+  ref: string;
+  repo: PullsCreateResponseBaseRepo;
+  sha: string;
+  user: PullsCreateResponseBaseUser;
+};
+type PullsCreateResponseAssigneesItem = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type PullsCreateResponseAssignee = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+type PullsCreateResponseLinksStatuses = { href: string };
+type PullsCreateResponseLinksSelf = { href: string };
+type PullsCreateResponseLinksReviewComments = { href: string };
+type PullsCreateResponseLinksReviewComment = { href: string };
+type PullsCreateResponseLinksIssue = { href: string };
+type PullsCreateResponseLinksHtml = { href: string };
+type PullsCreateResponseLinksCommits = { href: string };
+type PullsCreateResponseLinksComments = { href: string };
+type PullsCreateResponseLinks = {
+  comments: PullsCreateResponseLinksComments;
+  commits: PullsCreateResponseLinksCommits;
+  html: PullsCreateResponseLinksHtml;
+  issue: PullsCreateResponseLinksIssue;
+  review_comment: PullsCreateResponseLinksReviewComment;
+  review_comments: PullsCreateResponseLinksReviewComments;
+  self: PullsCreateResponseLinksSelf;
+  statuses: PullsCreateResponseLinksStatuses;
+};
+export type PullsCreateResponse = {
+  _links: PullsCreateResponseLinks;
+  active_lock_reason: string;
+  additions: number;
+  assignee: PullsCreateResponseAssignee;
+  assignees: Array<PullsCreateResponseAssigneesItem>;
+  author_association: string;
+  base: PullsCreateResponseBase;
+  body: string;
+  changed_files: number;
+  closed_at: string;
+  comments: number;
+  comments_url: string;
+  commits: number;
+  commits_url: string;
+  created_at: string;
+  deletions: number;
+  diff_url: string;
+  draft: boolean;
+  head: PullsCreateResponseHead;
+  html_url: string;
+  id: number;
+  issue_url: string;
+  labels: Array<PullsCreateResponseLabelsItem>;
+  locked: boolean;
+  maintainer_can_modify: boolean;
+  merge_commit_sha: string;
+  mergeable: boolean;
+  mergeable_state: string;
+  merged: boolean;
+  merged_at: string;
+  merged_by: PullsCreateResponseMergedBy;
+  milestone: PullsCreateResponseMilestone;
+  node_id: string;
+  number: number;
+  patch_url: string;
+  rebaseable: boolean;
+  requested_reviewers: Array<PullsCreateResponseRequestedReviewersItem>;
+  requested_teams: Array<PullsCreateResponseRequestedTeamsItem>;
+  review_comment_url: string;
+  review_comments: number;
+  review_comments_url: string;
+  state: string;
+  statuses_url: string;
+  title: string;
+  updated_at: string;
+  url: string;
+  user: PullsCreateResponseUser;
+};
+
+export enum GitHubCommitStatusState {
+  Error = 'error',
+  Failure = 'failure',
+  Pending = 'pending',
+  Success = 'success',
+}
+
+type ReposListStatusesForRefResponseItemCreator = {
+  avatar_url: string;
+  events_url: string;
+  followers_url: string;
+  following_url: string;
+  gists_url: string;
+  gravatar_id: string;
+  html_url: string;
+  id: number;
+  login: string;
+  node_id: string;
+  organizations_url: string;
+  received_events_url: string;
+  repos_url: string;
+  site_admin: boolean;
+  starred_url: string;
+  subscriptions_url: string;
+  type: string;
+  url: string;
+};
+
+type ReposListStatusesForRefResponseItem = {
+  avatar_url: string;
+  context: string;
+  created_at: string;
+  creator: ReposListStatusesForRefResponseItemCreator;
+  description: string;
+  id: number;
+  node_id: string;
+  state: string;
+  target_url: string;
+  updated_at: string;
+  url: string;
+};
+
+export type GitHubCommitStatus = ReposListStatusesForRefResponseItem & {
+  state: GitHubCommitStatusState;
+};
+
+export interface TreeFile {
+  type: 'blob' | 'tree';
+  sha: string;
+  path: string;
+  raw?: string;
+}
+
+export type GitHubCompareCommit = ReposCompareCommitsResponseCommitsItem;
+export type GitHubCompareCommits = GitHubCompareCommit[];
diff --git a/packages/core/src/backends/gitlab/API.ts b/packages/core/src/backends/gitlab/API.ts
index cd1216cf..b4076a6b 100644
--- a/packages/core/src/backends/gitlab/API.ts
+++ b/packages/core/src/backends/gitlab/API.ts
@@ -4,9 +4,11 @@ import result from 'lodash/result';
 import trimStart from 'lodash/trimStart';
 import { dirname } from 'path';
 
+import { PreviewState } from '@staticcms/core/constants/enums';
 import {
   APIError,
   Cursor,
+  EditorialWorkflowError,
   localForage,
   parseLinkHeader,
   readFile,
@@ -16,8 +18,20 @@ import {
   throwOnConflictingBranches,
   unsentRequest,
 } from '@staticcms/core/lib/util';
+import {
+  CMS_BRANCH_PREFIX,
+  DEFAULT_PR_BODY,
+  MERGE_COMMIT_MESSAGE,
+  branchFromContentKey,
+  generateContentKey,
+  isCMSLabel,
+  labelToStatus,
+  parseContentKey,
+  statusToLabel,
+} from '@staticcms/core/lib/util/APIUtils';
 
-import type { DataFile, PersistOptions } from '@staticcms/core/interface';
+import type { DataFile, PersistOptions, UnpublishedEntry } from '@staticcms/core';
+import type { WorkflowStatus } from '@staticcms/core/constants/publishModes';
 import type { ApiRequest, FetchError } from '@staticcms/core/lib/util';
 import type AssetProxy from '@staticcms/core/valueObjects/AssetProxy';
 
@@ -28,6 +42,9 @@ export interface Config {
   token?: string;
   branch?: string;
   repo?: string;
+  squashMerges: boolean;
+  initialWorkflowStatus: WorkflowStatus;
+  cmsLabelPrefix: string;
 }
 
 export interface CommitAuthor {
@@ -74,6 +91,55 @@ type GitLabCommitDiff = {
   deleted_file: boolean;
 };
 
+enum GitLabCommitStatuses {
+  Pending = 'pending',
+  Running = 'running',
+  Success = 'success',
+  Failed = 'failed',
+  Canceled = 'canceled',
+}
+
+type GitLabCommitStatus = {
+  status: GitLabCommitStatuses;
+  name: string;
+  author: {
+    username: string;
+    name: string;
+  };
+  description: null;
+  sha: string;
+  ref: string;
+  target_url: string;
+};
+
+type GitLabMergeRebase = {
+  rebase_in_progress: boolean;
+  merge_error: string;
+};
+
+type GitLabMergeRequest = {
+  id: number;
+  iid: number;
+  title: string;
+  description: string;
+  state: string;
+  merged_by: {
+    name: string;
+    username: string;
+  };
+  merged_at: string;
+  created_at: string;
+  updated_at: string;
+  target_branch: string;
+  source_branch: string;
+  author: {
+    name: string;
+    username: string;
+  };
+  labels: string[];
+  sha: string;
+};
+
 type GitLabRepo = {
   shared_with_groups: { group_access_level: number }[] | null;
   permissions: {
@@ -126,6 +192,9 @@ export default class API {
   repo: string;
   repoURL: string;
   commitAuthor?: CommitAuthor;
+  squashMerges: boolean;
+  initialWorkflowStatus: WorkflowStatus;
+  cmsLabelPrefix: string;
 
   constructor(config: Config) {
     this.apiRoot = config.apiRoot || 'https://gitlab.com/api/v4';
@@ -133,6 +202,9 @@ export default class API {
     this.branch = config.branch || 'main';
     this.repo = config.repo || '';
     this.repoURL = `/projects/${encodeURIComponent(this.repo)}`;
+    this.squashMerges = config.squashMerges;
+    this.initialWorkflowStatus = config.initialWorkflowStatus;
+    this.cmsLabelPrefix = config.cmsLabelPrefix;
   }
 
   withAuthorizationHeaders = (req: ApiRequest) => {
@@ -444,6 +516,12 @@ export default class API {
   async persistFiles(dataFiles: DataFile[], mediaFiles: AssetProxy[], options: PersistOptions) {
     const files = [...dataFiles, ...mediaFiles];
     const items = await this.getCommitItems(files, this.branch);
+
+    if (options.useWorkflow) {
+      const slug = dataFiles[0].slug;
+      return this.editorialWorkflowGit(files, slug, options);
+    }
+
     return this.uploadAndCommit(items, {
       commitMessage: options.commitMessage,
     });
@@ -465,14 +543,17 @@ export default class API {
   };
 
   async getFileId(path: string, branch: string) {
-    const request = await this.request({
+    const response = await this.request({
       method: 'HEAD',
       url: `${this.repoURL}/repository/files/${encodeURIComponent(path)}`,
       params: { ref: branch },
     });
 
-    const blobId = request.headers.get('X - Gitlab - Blob - Id') as string;
-    return blobId;
+    try {
+      return response.headers.get('X - Gitlab - Blob - Id') as string;
+    } catch {
+      return '';
+    }
   }
 
   async isFileExists(path: string, branch: string) {
@@ -542,4 +623,255 @@ export default class API {
     });
     return refs.some(r => r.name === branch);
   }
+
+  /**
+   * Editorial Workflow
+   */
+  async listUnpublishedBranches() {
+    console.info(
+      '%c Checking for Unpublished entries',
+      'line-height: 30px;text-align: center;font-weight: bold',
+    );
+
+    const mergeRequests = await this.getMergeRequests();
+    const branches = mergeRequests.map(mr => mr.source_branch);
+
+    return branches;
+  }
+
+  async getMergeRequests(sourceBranch?: string) {
+    const mergeRequests: GitLabMergeRequest[] = await this.requestJSON({
+      url: `${this.repoURL}/merge_requests`,
+      params: {
+        state: 'opened',
+        labels: 'Any',
+        per_page: '100',
+        target_branch: this.branch,
+        ...(sourceBranch ? { source_branch: sourceBranch } : {}),
+      },
+    });
+
+    return mergeRequests.filter(
+      mr =>
+        mr.source_branch.startsWith(CMS_BRANCH_PREFIX) &&
+        mr.labels.some(l => isCMSLabel(l, this.cmsLabelPrefix)),
+    );
+  }
+
+  async getBranchMergeRequest(branch: string) {
+    const mergeRequests = await this.getMergeRequests(branch);
+    if (mergeRequests.length <= 0) {
+      throw new EditorialWorkflowError('content is not under editorial workflow', true);
+    }
+
+    return mergeRequests[0];
+  }
+
+  async retrieveUnpublishedEntryData(contentKey: string): Promise<UnpublishedEntry> {
+    const { collection, slug } = parseContentKey(contentKey);
+    const branch = branchFromContentKey(contentKey);
+    const mergeRequest = await this.getBranchMergeRequest(branch);
+    const diffs = await this.getDifferences(mergeRequest.sha);
+    const diffsWithIds = await Promise.all(
+      diffs.map(async d => {
+        const { path, newFile } = d;
+        const id = await this.getFileId(path, branch);
+        return { id, path, newFile };
+      }),
+    );
+    const label = mergeRequest.labels.find(l => isCMSLabel(l, this.cmsLabelPrefix)) as string;
+    const status = labelToStatus(label, this.cmsLabelPrefix);
+    const updatedAt = mergeRequest.updated_at;
+    const pullRequestAuthor = mergeRequest.author.name;
+    return {
+      collection,
+      slug,
+      status,
+      diffs: diffsWithIds,
+      updatedAt,
+      pullRequestAuthor,
+      openAuthoring: false,
+    };
+  }
+
+  async updateMergeRequestLabels(mergeRequest: GitLabMergeRequest, labels: string[]) {
+    await this.requestJSON({
+      method: 'PUT',
+      url: `${this.repoURL}/merge_requests/${mergeRequest.iid}`,
+      params: {
+        labels: labels.join(','),
+      },
+    });
+  }
+
+  async updateUnpublishedEntryStatus(collection: string, slug: string, newStatus: WorkflowStatus) {
+    const contentKey = generateContentKey(collection, slug);
+    const branch = branchFromContentKey(contentKey);
+    const mergeRequest = await this.getBranchMergeRequest(branch);
+
+    const labels = [
+      ...mergeRequest.labels.filter(label => !isCMSLabel(label, this.cmsLabelPrefix)),
+      statusToLabel(newStatus, this.cmsLabelPrefix),
+    ];
+    await this.updateMergeRequestLabels(mergeRequest, labels);
+  }
+
+  async deleteBranch(branch: string) {
+    await this.request({
+      method: 'DELETE',
+      url: `${this.repoURL}/repository/branches/${encodeURIComponent(branch)}`,
+    });
+  }
+
+  async closeMergeRequest(mergeRequest: GitLabMergeRequest) {
+    await this.requestJSON({
+      method: 'PUT',
+      url: `${this.repoURL}/merge_requests/${mergeRequest.iid}`,
+      params: {
+        state_event: 'close',
+      },
+    });
+  }
+
+  async deleteUnpublishedEntry(collectionName: string, slug: string) {
+    const contentKey = generateContentKey(collectionName, slug);
+    const branch = branchFromContentKey(contentKey);
+    const mergeRequest = await this.getBranchMergeRequest(branch);
+    await this.closeMergeRequest(mergeRequest);
+    await this.deleteBranch(branch);
+  }
+
+  async getMergeRequestStatues(mergeRequest: GitLabMergeRequest, branch: string) {
+    const statuses: GitLabCommitStatus[] = await this.requestJSON({
+      url: `${this.repoURL}/repository/commits/${mergeRequest.sha}/statuses`,
+      params: {
+        ref: branch,
+      },
+    });
+    return statuses;
+  }
+
+  async mergeMergeRequest(mergeRequest: GitLabMergeRequest) {
+    await this.requestJSON({
+      method: 'PUT',
+      url: `${this.repoURL}/merge_requests/${mergeRequest.iid}/merge`,
+      params: {
+        merge_commit_message: MERGE_COMMIT_MESSAGE,
+        squash_commit_message: MERGE_COMMIT_MESSAGE,
+        squash: String(this.squashMerges),
+        should_remove_source_branch: 'true',
+      },
+    });
+  }
+
+  async publishUnpublishedEntry(collectionName: string, slug: string) {
+    const contentKey = generateContentKey(collectionName, slug);
+    const branch = branchFromContentKey(contentKey);
+    const mergeRequest = await this.getBranchMergeRequest(branch);
+    await this.mergeMergeRequest(mergeRequest);
+  }
+
+  async getStatuses(collectionName: string, slug: string) {
+    const contentKey = generateContentKey(collectionName, slug);
+    const branch = branchFromContentKey(contentKey);
+    const mergeRequest = await this.getBranchMergeRequest(branch);
+    const statuses: GitLabCommitStatus[] = await this.getMergeRequestStatues(mergeRequest, branch);
+    return statuses.map(({ name, status, target_url }) => ({
+      context: name,
+      state: status === GitLabCommitStatuses.Success ? PreviewState.Success : PreviewState.Other,
+      target_url,
+    }));
+  }
+
+  async createMergeRequest(branch: string, commitMessage: string, status: WorkflowStatus) {
+    await this.requestJSON({
+      method: 'POST',
+      url: `${this.repoURL}/merge_requests`,
+      params: {
+        source_branch: branch,
+        target_branch: this.branch,
+        title: commitMessage,
+        description: DEFAULT_PR_BODY,
+        labels: statusToLabel(status, this.cmsLabelPrefix),
+        remove_source_branch: 'true',
+        squash: String(this.squashMerges),
+      },
+    });
+  }
+
+  async rebaseMergeRequest(mergeRequest: GitLabMergeRequest) {
+    let rebase: GitLabMergeRebase = await this.requestJSON({
+      method: 'PUT',
+      url: `${this.repoURL}/merge_requests/${mergeRequest.iid}/rebase?skip_ci=true`,
+    });
+
+    let i = 1;
+    while (rebase.rebase_in_progress) {
+      await new Promise(resolve => setTimeout(resolve, 1000));
+      rebase = await this.requestJSON({
+        url: `${this.repoURL}/merge_requests/${mergeRequest.iid}`,
+        params: {
+          include_rebase_in_progress: 'true',
+        },
+      });
+      if (!rebase.rebase_in_progress || i > 30) {
+        break;
+      }
+      i++;
+    }
+
+    if (rebase.rebase_in_progress) {
+      throw new APIError('Timed out rebasing merge request', null, API_NAME);
+    } else if (rebase.merge_error) {
+      throw new APIError(`Rebase error: ${rebase.merge_error}`, null, API_NAME);
+    }
+  }
+
+  async editorialWorkflowGit(
+    files: (DataFile | AssetProxy)[],
+    slug: string,
+    options: PersistOptions,
+  ) {
+    const contentKey = generateContentKey(options.collectionName as string, slug);
+    const branch = branchFromContentKey(contentKey);
+    const unpublished = options.unpublished || false;
+    if (!unpublished) {
+      const items = await this.getCommitItems(files, this.branch);
+      await this.uploadAndCommit(items, {
+        commitMessage: options.commitMessage,
+        branch,
+        newBranch: true,
+      });
+      await this.createMergeRequest(
+        branch,
+        options.commitMessage,
+        options.status || this.initialWorkflowStatus,
+      );
+    } else {
+      const mergeRequest = await this.getBranchMergeRequest(branch);
+      await this.rebaseMergeRequest(mergeRequest);
+      const [items, diffs] = await Promise.all([
+        this.getCommitItems(files, branch),
+        this.getDifferences(branch),
+      ]);
+      // mark files for deletion
+      for (const diff of diffs.filter(d => d.binary)) {
+        if (!items.some(item => item.path === diff.path)) {
+          items.push({ action: CommitAction.DELETE, path: diff.newPath });
+        }
+      }
+
+      await this.uploadAndCommit(items, {
+        commitMessage: options.commitMessage,
+        branch,
+      });
+    }
+  }
+
+  async getUnpublishedEntrySha(collection: string, slug: string) {
+    const contentKey = generateContentKey(collection, slug);
+    const branch = branchFromContentKey(contentKey);
+    const mergeRequest = await this.getBranchMergeRequest(branch);
+    return mergeRequest.sha;
+  }
 }
diff --git a/packages/core/src/backends/gitlab/AuthenticationPage.tsx b/packages/core/src/backends/gitlab/AuthenticationPage.tsx
index 717b9011..4792de63 100644
--- a/packages/core/src/backends/gitlab/AuthenticationPage.tsx
+++ b/packages/core/src/backends/gitlab/AuthenticationPage.tsx
@@ -3,28 +3,26 @@ import React, { useCallback, useMemo, useState } from 'react';
 
 import Login from '@staticcms/core/components/login/Login';
 import { NetlifyAuthenticator, PkceAuthenticator } from '@staticcms/core/lib/auth';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import { isNotEmpty } from '@staticcms/core/lib/util/string.util';
 
-import type {
-  AuthenticationPageProps,
-  AuthenticatorConfig,
-  TranslatedProps,
-} from '@staticcms/core/interface';
-import type { MouseEvent } from 'react';
+import type { AuthenticationPageProps, AuthenticatorConfig } from '@staticcms/core';
+import type { FC, MouseEvent } from 'react';
 
 const clientSideAuthenticators = {
   pkce: (config: AuthenticatorConfig) => new PkceAuthenticator(config),
 } as const;
 
-const GitLabAuthenticationPage = ({
+const GitLabAuthenticationPage: FC<AuthenticationPageProps> = ({
   inProgress = false,
   config,
   siteId,
   authEndpoint,
   clearHash,
   onLogin,
-  t,
-}: TranslatedProps<AuthenticationPageProps>) => {
+}) => {
+  const t = useTranslate();
+
   const [loginError, setLoginError] = useState<string | null>(null);
 
   const auth = useMemo(() => {
diff --git a/packages/core/src/backends/gitlab/__tests__/API.spec.ts b/packages/core/src/backends/gitlab/__tests__/API.spec.ts
index f179f260..7c0721bd 100644
--- a/packages/core/src/backends/gitlab/__tests__/API.spec.ts
+++ b/packages/core/src/backends/gitlab/__tests__/API.spec.ts
@@ -1,5 +1,7 @@
 /* eslint-disable @typescript-eslint/no-empty-function */
+import { WorkflowStatus } from '@staticcms/core/constants/publishModes';
 import API, { getMaxAccess } from '../API';
+import { CMS_BRANCH_PREFIX } from '@staticcms/core/lib/util/APIUtils';
 
 global.fetch = jest.fn().mockRejectedValue(new Error('should not call fetch inside tests'));
 
@@ -14,7 +16,12 @@ describe('GitLab API', () => {
 
   describe('hasWriteAccess', () => {
     test('should return true on project access_level >= 30', async () => {
-      const api = new API({ repo: 'repo' });
+      const api = new API({
+        repo: 'repo',
+        squashMerges: false,
+        initialWorkflowStatus: WorkflowStatus.DRAFT,
+        cmsLabelPrefix: '',
+      });
 
       api.requestJSON = jest
         .fn()
@@ -24,7 +31,12 @@ describe('GitLab API', () => {
     });
 
     test('should return false on project access_level < 30', async () => {
-      const api = new API({ repo: 'repo' });
+      const api = new API({
+        repo: 'repo',
+        squashMerges: false,
+        initialWorkflowStatus: WorkflowStatus.DRAFT,
+        cmsLabelPrefix: '',
+      });
 
       api.requestJSON = jest
         .fn()
@@ -34,7 +46,12 @@ describe('GitLab API', () => {
     });
 
     test('should return true on group access_level >= 30', async () => {
-      const api = new API({ repo: 'repo' });
+      const api = new API({
+        repo: 'repo',
+        squashMerges: false,
+        initialWorkflowStatus: WorkflowStatus.DRAFT,
+        cmsLabelPrefix: '',
+      });
 
       api.requestJSON = jest
         .fn()
@@ -44,7 +61,12 @@ describe('GitLab API', () => {
     });
 
     test('should return false on group access_level < 30', async () => {
-      const api = new API({ repo: 'repo' });
+      const api = new API({
+        repo: 'repo',
+        squashMerges: false,
+        initialWorkflowStatus: WorkflowStatus.DRAFT,
+        cmsLabelPrefix: '',
+      });
 
       api.requestJSON = jest
         .fn()
@@ -54,7 +76,12 @@ describe('GitLab API', () => {
     });
 
     test('should return true on shared group access_level >= 40', async () => {
-      const api = new API({ repo: 'repo' });
+      const api = new API({
+        repo: 'repo',
+        squashMerges: false,
+        initialWorkflowStatus: WorkflowStatus.DRAFT,
+        cmsLabelPrefix: '',
+      });
       api.requestJSON = jest.fn().mockResolvedValueOnce({
         permissions: { project_access: null, group_access: null },
         shared_with_groups: [{ group_access_level: 10 }, { group_access_level: 40 }],
@@ -66,7 +93,12 @@ describe('GitLab API', () => {
     });
 
     test('should return true on shared group access_level >= 30, developers can merge and push', async () => {
-      const api = new API({ repo: 'repo' });
+      const api = new API({
+        repo: 'repo',
+        squashMerges: false,
+        initialWorkflowStatus: WorkflowStatus.DRAFT,
+        cmsLabelPrefix: '',
+      });
 
       const requestJSONMock = (api.requestJSON = jest.fn());
       requestJSONMock.mockResolvedValueOnce({
@@ -82,7 +114,12 @@ describe('GitLab API', () => {
     });
 
     test('should return false on shared group access_level < 30,', async () => {
-      const api = new API({ repo: 'repo' });
+      const api = new API({
+        repo: 'repo',
+        squashMerges: false,
+        initialWorkflowStatus: WorkflowStatus.DRAFT,
+        cmsLabelPrefix: '',
+      });
 
       const requestJSONMock = (api.requestJSON = jest.fn());
       requestJSONMock.mockResolvedValueOnce({
@@ -98,7 +135,12 @@ describe('GitLab API', () => {
     });
 
     test("should return false on shared group access_level >= 30, developers can't merge", async () => {
-      const api = new API({ repo: 'repo' });
+      const api = new API({
+        repo: 'repo',
+        squashMerges: false,
+        initialWorkflowStatus: WorkflowStatus.DRAFT,
+        cmsLabelPrefix: '',
+      });
 
       const requestJSONMock = (api.requestJSON = jest.fn());
       requestJSONMock.mockResolvedValueOnce({
@@ -114,7 +156,12 @@ describe('GitLab API', () => {
     });
 
     test("should return false on shared group access_level >= 30, developers can't push", async () => {
-      const api = new API({ repo: 'repo' });
+      const api = new API({
+        repo: 'repo',
+        squashMerges: false,
+        initialWorkflowStatus: WorkflowStatus.DRAFT,
+        cmsLabelPrefix: '',
+      });
 
       const requestJSONMock = (api.requestJSON = jest.fn());
       requestJSONMock.mockResolvedValueOnce({
@@ -130,7 +177,12 @@ describe('GitLab API', () => {
     });
 
     test('should return false on shared group access_level >= 30, error getting branch', async () => {
-      const api = new API({ repo: 'repo' });
+      const api = new API({
+        repo: 'repo',
+        squashMerges: false,
+        initialWorkflowStatus: WorkflowStatus.DRAFT,
+        cmsLabelPrefix: '',
+      });
 
       const consoleError = jest.spyOn(console, 'error').mockImplementation(() => {});
 
@@ -152,6 +204,41 @@ describe('GitLab API', () => {
     });
   });
 
+  describe('getStatuses', () => {
+    test('should get preview statuses', async () => {
+      const api = new API({
+        repo: 'repo',
+        squashMerges: true,
+        initialWorkflowStatus: WorkflowStatus.DRAFT,
+        cmsLabelPrefix: CMS_BRANCH_PREFIX,
+      });
+
+      const mr = { sha: 'sha' };
+      const statuses = [
+        { name: 'deploy', status: 'success', target_url: 'deploy-url' },
+        { name: 'build', status: 'pending' },
+      ];
+
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      (api as any).getBranchMergeRequest = jest.fn(() => Promise.resolve(mr));
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      (api as any).getMergeRequestStatues = jest.fn(() => Promise.resolve(statuses));
+
+      const collectionName = 'posts';
+      const slug = 'title';
+      await expect(api.getStatuses(collectionName, slug)).resolves.toEqual([
+        { context: 'deploy', state: 'success', target_url: 'deploy-url' },
+        { context: 'build', state: 'other' },
+      ]);
+
+      expect(api.getBranchMergeRequest).toHaveBeenCalledTimes(1);
+      expect(api.getBranchMergeRequest).toHaveBeenCalledWith('cms/posts/title');
+
+      expect(api.getMergeRequestStatues).toHaveBeenCalledTimes(1);
+      expect(api.getMergeRequestStatues).toHaveBeenCalledWith(mr, 'cms/posts/title');
+    });
+  });
+
   describe('getMaxAccess', () => {
     it('should return group with max access level', () => {
       const groups = [
diff --git a/packages/core/src/backends/gitlab/__tests__/gitlab.spec.ts b/packages/core/src/backends/gitlab/__tests__/gitlab.spec.ts
new file mode 100644
index 00000000..1b2ba9e6
--- /dev/null
+++ b/packages/core/src/backends/gitlab/__tests__/gitlab.spec.ts
@@ -0,0 +1,633 @@
+/**
+ * @jest-environment jsdom
+ */
+import { oneLine, stripIndent } from 'common-tags';
+
+import Cursor from '@staticcms/core/lib/util/Cursor';
+import {
+  createMockFilesCollectionWithDefaults,
+  createMockFolderCollectionWithDefaults,
+} from '@staticcms/test/data/collections.mock';
+import { createMockConfig } from '@staticcms/test/data/config.mock';
+import mockFetch from '@staticcms/test/mockFetch';
+import AuthenticationPage from '../AuthenticationPage';
+import GitLab from '../implementation';
+
+import type {
+  Backend as BackendType,
+  LocalStorageAuthStore as LocalStorageAuthStoreType,
+} from '@staticcms/core/backend';
+import type {
+  ConfigWithDefaults,
+  FilesCollectionWithDefaults,
+  FolderCollectionWithDefaults,
+} from '@staticcms/core';
+import type { RootState } from '@staticcms/core/store';
+import type { FetchMethod } from '@staticcms/test/mockFetch';
+
+jest.mock('@staticcms/core/backend');
+
+const { Backend, LocalStorageAuthStore } = jest.requireActual('@staticcms/core/backend') as {
+  Backend: typeof BackendType;
+  LocalStorageAuthStore: typeof LocalStorageAuthStoreType;
+};
+
+function generateEntries(path: string, length: number) {
+  const entries = Array.from({ length }, (_val, idx) => {
+    const count = idx + 1;
+    const id = `00${count}`.slice(-3);
+    const fileName = `test${id}.md`;
+    return { id, fileName, filePath: `${path}/${fileName}` };
+  });
+
+  return {
+    tree: entries.map(({ id, fileName, filePath }) => ({
+      id: `d8345753a1d935fa47a26317a503e73e1192d${id}`,
+      name: fileName,
+      type: 'blob',
+      path: filePath,
+      mode: '100644',
+    })),
+    files: entries.reduce(
+      (acc, { id, filePath }) => ({
+        ...acc,
+        [filePath]: stripIndent`
+        ---
+        title: test ${id}
+        ---
+        # test ${id}
+      `,
+      }),
+      {},
+    ),
+  };
+}
+
+const manyEntries = generateEntries('many-entries', 500);
+
+interface TreeEntry {
+  id: string;
+  name: string;
+  type: string;
+  path: string;
+  mode: string;
+}
+
+interface MockRepo {
+  tree: Record<string, TreeEntry[]>;
+  files: Record<string, string>;
+}
+
+const mockRepo: MockRepo = {
+  tree: {
+    '/': [
+      {
+        id: '5d0620ebdbc92068a3e866866e928cc373f18429',
+        name: 'content',
+        type: 'tree',
+        path: 'content',
+        mode: '040000',
+      },
+    ],
+    content: [
+      {
+        id: 'b1a200e48be54fde12b636f9563d659d44c206a5',
+        name: 'test1.md',
+        type: 'blob',
+        path: 'content/test1.md',
+        mode: '100644',
+      },
+      {
+        id: 'd8345753a1d935fa47a26317a503e73e1192d623',
+        name: 'test2.md',
+        type: 'blob',
+        path: 'content/test2.md',
+        mode: '100644',
+      },
+    ],
+    'many-entries': manyEntries.tree,
+  },
+  files: {
+    'content/test1.md': stripIndent`
+      {
+      "title": "test"
+      }
+      # test
+    `,
+    'content/test2.md': stripIndent`
+      {
+      "title": "test2"
+      }
+      # test 2
+    `,
+    ...manyEntries.files,
+  },
+};
+
+const resp: Record<string, Record<string, object | Promise<object>>> = {
+  user: {
+    success: {
+      id: 1,
+    },
+  },
+  branch: {
+    success: {
+      name: 'main',
+      commit: {
+        id: 1,
+      },
+    },
+  },
+  project: {
+    success: {
+      permissions: {
+        project_access: {
+          access_level: 30,
+        },
+      },
+    },
+    readOnly: {
+      permissions: {
+        project_access: {
+          access_level: 10,
+        },
+      },
+    },
+  },
+};
+
+function mockApi(apiRoot: string) {
+  return mockFetch(apiRoot);
+}
+
+describe('gitlab backend', () => {
+  const apiRoot = 'https://gitlab.com/api/v4';
+  const api = mockApi(apiRoot);
+
+  let authStore: InstanceType<typeof LocalStorageAuthStoreType>;
+  const repo = 'foo/bar';
+
+  const collectionContentConfig = createMockFolderCollectionWithDefaults({
+    name: 'foo',
+    folder: 'content',
+    format: 'json-frontmatter',
+    fields: [{ name: 'title', widget: 'string' }],
+  }) as unknown as FolderCollectionWithDefaults;
+
+  const collectionManyEntriesConfig = createMockFolderCollectionWithDefaults({
+    name: 'foo',
+    folder: 'many-entries',
+    format: 'json-frontmatter',
+    fields: [{ name: 'title', widget: 'string' }],
+  }) as unknown as FolderCollectionWithDefaults;
+
+  const collectionFilesConfig = createMockFilesCollectionWithDefaults({
+    name: 'foo',
+    files: [
+      {
+        label: 'foo',
+        name: 'foo',
+        file: 'content/test1.json',
+        fields: [{ name: 'title', widget: 'string' }],
+      },
+      {
+        label: 'bar',
+        name: 'bar',
+        file: 'content/test2.json',
+        fields: [{ name: 'title', widget: 'string' }],
+      },
+    ],
+  }) as unknown as FilesCollectionWithDefaults;
+
+  const defaultConfig = createMockConfig({
+    backend: {
+      name: 'gitlab',
+      repo,
+    },
+    collections: [],
+  }) as ConfigWithDefaults;
+
+  const mockCredentials = { token: 'MOCK_TOKEN' };
+  const expectedRepo = encodeURIComponent(repo);
+  const expectedRepoUrl = `/projects/${expectedRepo}`;
+
+  function resolveBackend(config: ConfigWithDefaults) {
+    authStore = new LocalStorageAuthStore();
+    return new Backend(
+      {
+        init: (...args) => new GitLab(...args),
+      },
+      {
+        backendName: 'gitlab',
+        config,
+        authStore,
+      },
+    );
+  }
+
+  interface InterceptAuthOptions {
+    userResponse?: (typeof resp)['user'][string];
+    projectResponse?: (typeof resp)['project'][string];
+  }
+
+  function interceptAuth({ userResponse, projectResponse }: InterceptAuthOptions = {}) {
+    api
+      .when('GET', '/user')
+      .query(true)
+      .reply({ status: 200, json: userResponse ?? resp.user.success });
+
+    api
+      .when('GET', expectedRepoUrl)
+      .query(true)
+      .reply({ status: 200, json: projectResponse || resp.project.success });
+  }
+
+  function interceptBranch({ branch = 'main' } = {}) {
+    api
+      .when('GET', `${expectedRepoUrl}/repository/branches/${encodeURIComponent(branch)}`)
+      .query(true)
+      .reply({ status: 200, json: resp.branch.success });
+  }
+
+  function parseQuery(uri: string) {
+    const query = uri.split('?')[1];
+    if (!query) {
+      return {};
+    }
+    return query.split('&').reduce(
+      (acc, q) => {
+        const [key, value] = q.split('=');
+        acc[key] = value;
+        return acc;
+      },
+      {} as Record<string, string>,
+    );
+  }
+
+  interface CreateHeadersOptions {
+    basePath: string;
+    path: string;
+    page: string;
+    perPage: string;
+    pageCount: string;
+    totalCount: string;
+  }
+
+  function createHeaders({
+    basePath,
+    path,
+    page,
+    perPage,
+    pageCount,
+    totalCount,
+  }: CreateHeadersOptions) {
+    const pageNum = parseInt(page, 10);
+    const pageCountNum = parseInt(pageCount, 10);
+    const url = `${apiRoot}${basePath}`;
+
+    function link(linkPage: string | number) {
+      return `<${url}?id=${expectedRepo}&page=${linkPage}&path=${path}&per_page=${perPage}&recursive=false>`;
+    }
+
+    const linkHeader = oneLine`
+      ${link(1)}; rel="first",
+      ${link(pageCount)}; rel="last",
+      ${pageNum === 1 ? '' : `${link(pageNum - 1)}; rel="prev",`}
+      ${pageNum === pageCountNum ? '' : `${link(pageNum + 1)}; rel="next",`}
+    `.slice(0, -1);
+
+    return {
+      'X-Page': page,
+      'X-Total-Pages': pageCount,
+      'X-Per-Page': perPage,
+      'X-Total': totalCount,
+      Link: linkHeader,
+    };
+  }
+
+  interface InterceptCollectionOptions {
+    verb?: FetchMethod;
+    repeat?: number;
+    page?: string;
+  }
+
+  function interceptCollection(
+    collection: FolderCollectionWithDefaults,
+    { verb = 'GET', repeat = 1, page: expectedPage }: InterceptCollectionOptions = {},
+  ) {
+    const url = `${expectedRepoUrl}/repository/tree`;
+    const { folder } = collection;
+    const tree = mockRepo.tree[folder];
+
+    api
+      .when(verb, url)
+      .query(searchParams => {
+        const path = searchParams.get('path');
+        const page = searchParams.get('page');
+
+        if (path !== folder) {
+          return false;
+        }
+
+        if (
+          expectedPage &&
+          page &&
+          (Array.isArray(page) || parseInt(page, 10) !== parseInt(expectedPage, 10))
+        ) {
+          return false;
+        }
+
+        return true;
+      })
+      .repeat(repeat)
+      .reply(uri => {
+        const { page = '1', per_page = '20' } = parseQuery(uri);
+        const perPage = parseInt(per_page, 10);
+        const parsedPage = parseInt(page, 10);
+        const pageCount = tree.length <= perPage ? 1 : Math.round(tree.length / perPage);
+        const pageLastIndex = parsedPage * perPage;
+        const pageFirstIndex = pageLastIndex - perPage;
+        const resp = tree.slice(pageFirstIndex, pageLastIndex);
+        return {
+          status: 200,
+          json: verb === 'HEAD' ? null : resp,
+          headers: createHeaders({
+            basePath: url,
+            path: folder,
+            page,
+            perPage: `${perPage}`,
+            pageCount: `${pageCount}`,
+            totalCount: `${tree.length}`,
+          }),
+        };
+      });
+  }
+
+  function interceptFiles(path: string) {
+    const url = `${expectedRepoUrl}/repository/files/${encodeURIComponent(path)}/raw`;
+
+    api.when('GET', url).query(true).reply({ status: 200, json: mockRepo.files[path] });
+
+    api
+      .when('GET', `${expectedRepoUrl}/repository/commits`)
+      .query(searchParams => searchParams.get('path') === path)
+      .reply({
+        status: 200,
+        json: {
+          author_name: 'author_name',
+          author_email: 'author_email',
+          authored_date: 'authored_date',
+        },
+      });
+  }
+
+  async function sharedSetup() {
+    const backend = resolveBackend(defaultConfig);
+    interceptAuth();
+    await backend.authenticate(mockCredentials);
+    interceptCollection(collectionManyEntriesConfig, { verb: 'HEAD' });
+    interceptCollection(collectionContentConfig, { verb: 'HEAD' });
+
+    return backend;
+  }
+
+  it('throws if configuration does not include repo', () => {
+    expect(() =>
+      resolveBackend(createMockConfig({ backend: { name: 'gitlab' }, collections: [] })),
+    ).toThrowErrorMatchingInlineSnapshot(
+      `"The GitLab backend needs a "repo" in the backend configuration."`,
+    );
+  });
+
+  describe('authComponent', () => {
+    it('returns authentication page component', () => {
+      const backend = resolveBackend(defaultConfig);
+      expect(backend.authComponent()).toEqual(AuthenticationPage);
+    });
+  });
+
+  describe('authenticate', () => {
+    it('throws if user does not have access to project', async () => {
+      const backend = resolveBackend(defaultConfig);
+      interceptAuth({ projectResponse: resp.project.readOnly });
+      await expect(
+        backend.authenticate(mockCredentials),
+      ).rejects.toThrowErrorMatchingInlineSnapshot(
+        `"Your GitLab user account does not have access to this repo."`,
+      );
+    });
+
+    it('stores and returns user object on success', async () => {
+      const backendName = defaultConfig.backend.name;
+      const backend = resolveBackend(defaultConfig);
+      interceptAuth();
+      const user = await backend.authenticate(mockCredentials);
+      expect(authStore.retrieve()).toEqual(user);
+      expect(user).toEqual({ ...resp.user.success, ...mockCredentials, backendName });
+    });
+  });
+
+  describe('currentUser', () => {
+    it('returns null if no user', async () => {
+      const backend = resolveBackend(defaultConfig);
+      const user = await backend.currentUser();
+      expect(user).toEqual(null);
+    });
+
+    it('returns the stored user if exists', async () => {
+      const backendName = defaultConfig.backend.name;
+      const backend = resolveBackend(defaultConfig);
+      interceptAuth();
+      await backend.authenticate(mockCredentials);
+      const user = await backend.currentUser();
+      expect(user).toEqual({ ...resp.user.success, ...mockCredentials, backendName });
+    });
+  });
+
+  describe('getToken', () => {
+    it('returns the token for the current user', async () => {
+      const backend = resolveBackend(defaultConfig);
+      interceptAuth();
+      await backend.authenticate(mockCredentials);
+      const token = await backend.getToken();
+      expect(token).toEqual(mockCredentials.token);
+    });
+  });
+
+  describe('logout', () => {
+    it('sets token to null', async () => {
+      const backend = resolveBackend(defaultConfig);
+      interceptAuth();
+      await backend.authenticate(mockCredentials);
+      await backend.logout();
+      const token = await backend.getToken();
+      expect(token).toEqual(null);
+    });
+  });
+
+  describe('getEntry', () => {
+    it('returns an entry from folder collection', async () => {
+      const backend = await sharedSetup();
+
+      const entryTree = mockRepo.tree[collectionContentConfig.folder][0];
+      const slug = entryTree.path.split('/').pop()?.replace('.md', '') ?? '';
+
+      interceptFiles(entryTree.path);
+      interceptCollection(collectionContentConfig);
+
+      const config = createMockConfig({ collections: [createMockFolderCollectionWithDefaults()] });
+
+      const entry = await backend.getEntry(
+        {
+          config: {
+            config,
+          },
+          integrations: [],
+          entryDraft: {},
+          mediaLibrary: {},
+        } as unknown as RootState,
+        collectionContentConfig,
+        config,
+        slug,
+      );
+
+      expect(entry).toEqual(expect.objectContaining({ path: entryTree.path }));
+    });
+  });
+
+  describe('listEntries', () => {
+    it('returns entries from folder collection', async () => {
+      const backend = await sharedSetup();
+
+      const tree = mockRepo.tree[collectionContentConfig.folder];
+      tree.forEach(file => interceptFiles(file.path));
+
+      interceptCollection(collectionContentConfig);
+      const entries = await backend.listEntries(collectionContentConfig, defaultConfig);
+
+      expect(entries).toEqual({
+        cursor: expect.any(Cursor),
+        pagination: 1,
+        entries: expect.arrayContaining(
+          tree.map(file => expect.objectContaining({ path: file.path })),
+        ),
+      });
+      expect(entries.entries).toHaveLength(2);
+    });
+
+    it('returns all entries from folder collection', async () => {
+      const backend = await sharedSetup();
+
+      const tree = mockRepo.tree[collectionManyEntriesConfig.folder];
+      interceptBranch();
+      tree.forEach(file => interceptFiles(file.path));
+
+      interceptCollection(collectionManyEntriesConfig, { repeat: 5 });
+      const entries = await backend.listAllEntries(collectionManyEntriesConfig, defaultConfig);
+
+      expect(entries).toEqual(
+        expect.arrayContaining(tree.map(file => expect.objectContaining({ path: file.path }))),
+      );
+      expect(entries).toHaveLength(500);
+    }, 7000);
+
+    it('returns entries from file collection', async () => {
+      const backend = await sharedSetup();
+
+      const { files } = collectionFilesConfig;
+      files.forEach(file => interceptFiles(file.file));
+      const entries = await backend.listEntries(collectionFilesConfig, defaultConfig);
+
+      expect(entries).toEqual({
+        cursor: expect.any(Cursor),
+        entries: expect.arrayContaining(
+          files.map(file => expect.objectContaining({ path: file.file })),
+        ),
+      });
+      expect(entries.entries).toHaveLength(2);
+    });
+
+    it('returns first page from paginated folder collection tree', async () => {
+      const backend = await sharedSetup();
+
+      const tree = mockRepo.tree[collectionManyEntriesConfig.folder];
+      const pageTree = tree.slice(0, 20);
+      pageTree.forEach(file => interceptFiles(file.path));
+      interceptCollection(collectionManyEntriesConfig, { page: '1' });
+      const entries = await backend.listEntries(collectionManyEntriesConfig, defaultConfig);
+
+      expect(entries.entries).toEqual(
+        expect.arrayContaining(pageTree.map(file => expect.objectContaining({ path: file.path }))),
+      );
+      expect(entries.entries).toHaveLength(20);
+    });
+  });
+
+  describe('traverseCursor', () => {
+    it('returns complete last page of paginated tree', async () => {
+      const backend = await sharedSetup();
+
+      const tree = mockRepo.tree[collectionManyEntriesConfig.folder];
+      tree.slice(0, 20).forEach(file => interceptFiles(file.path));
+      interceptCollection(collectionManyEntriesConfig, { page: '1' });
+      const entries = await backend.listEntries(collectionManyEntriesConfig, defaultConfig);
+
+      const nextPageTree = tree.slice(20, 40);
+      nextPageTree.forEach(file => interceptFiles(file.path));
+      interceptCollection(collectionManyEntriesConfig, { page: '2' });
+      const nextPage = await backend.traverseCursor(entries.cursor, 'next', defaultConfig);
+
+      expect(nextPage.entries).toEqual(
+        expect.arrayContaining(
+          nextPageTree.map(file => expect.objectContaining({ path: file.path })),
+        ),
+      );
+      expect(nextPage.entries).toHaveLength(20);
+
+      const lastPageTree = tree.slice(-20);
+      lastPageTree.forEach(file => interceptFiles(file.path));
+      interceptCollection(collectionManyEntriesConfig, { page: '25' });
+      const lastPage = await backend.traverseCursor(nextPage.cursor, 'last', defaultConfig);
+      expect(lastPage.entries).toEqual(
+        expect.arrayContaining(
+          lastPageTree.map(file => expect.objectContaining({ path: file.path })),
+        ),
+      );
+      expect(lastPage.entries).toHaveLength(20);
+    });
+  });
+
+  describe('filterFile', () => {
+    it('should return true for nested file with matching depth', () => {
+      const backend = resolveBackend(defaultConfig);
+
+      expect(
+        (backend.implementation as GitLab).filterFile(
+          'content/posts',
+          { name: 'index.md', path: 'content/posts/dir1/dir2/index.md' },
+          'md',
+          3,
+        ),
+      ).toBe(true);
+    });
+
+    it('should return false for nested file with non matching depth', () => {
+      const backend = resolveBackend(defaultConfig);
+
+      expect(
+        (backend.implementation as GitLab).filterFile(
+          'content/posts',
+          { name: 'index.md', path: 'content/posts/dir1/dir2/index.md' },
+          'md',
+          2,
+        ),
+      ).toBe(false);
+    });
+  });
+
+  afterEach(() => {
+    authStore.logout();
+    api.reset();
+    expect(authStore.retrieve()).toEqual(null);
+  });
+});
diff --git a/packages/core/src/backends/gitlab/implementation.ts b/packages/core/src/backends/gitlab/implementation.ts
index 7da9151b..96a02b23 100644
--- a/packages/core/src/backends/gitlab/implementation.ts
+++ b/packages/core/src/backends/gitlab/implementation.ts
@@ -3,6 +3,7 @@ import trim from 'lodash/trim';
 import trimStart from 'lodash/trimStart';
 import semaphore from 'semaphore';
 
+import { WorkflowStatus } from '@staticcms/core/constants/publishModes';
 import {
   allEntriesByFolder,
   asyncLock,
@@ -18,22 +19,31 @@ import {
   localForage,
   runWithLock,
 } from '@staticcms/core/lib/util';
+import { getPreviewStatus } from '@staticcms/core/lib/util/API';
+import {
+  branchFromContentKey,
+  contentKeyFromBranch,
+  generateContentKey,
+} from '@staticcms/core/lib/util/APIUtils';
+import { unpublishedEntries } from '@staticcms/core/lib/util/implementation';
 import API, { API_NAME } from './API';
 import AuthenticationPage from './AuthenticationPage';
 
-import type { Semaphore } from 'semaphore';
-import type { AsyncLock, Cursor } from '@staticcms/core/lib/util';
 import type {
-  Config,
+  BackendClass,
+  BackendEntry,
+  ConfigWithDefaults,
   Credentials,
   DisplayURL,
-  BackendEntry,
-  BackendClass,
   ImplementationFile,
   PersistOptions,
+  UnpublishedEntry,
+  UnpublishedEntryMediaFile,
   User,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
+import type { AsyncLock, Cursor } from '@staticcms/core/lib/util';
 import type AssetProxy from '@staticcms/core/valueObjects/AssetProxy';
+import type { Semaphore } from 'semaphore';
 
 const MAX_CONCURRENT_DOWNLOADS = 10;
 
@@ -43,19 +53,25 @@ export default class GitLab implements BackendClass {
   options: {
     proxied: boolean;
     API: API | null;
+    initialWorkflowStatus: WorkflowStatus;
   };
   repo: string;
   branch: string;
+  useOpenAuthoring?: boolean;
   apiRoot: string;
   token: string | null;
+  squashMerges: boolean;
+  cmsLabelPrefix: string;
   mediaFolder?: string;
+  previewContext: string;
 
   _mediaDisplayURLSem?: Semaphore;
 
-  constructor(config: Config, options = {}) {
+  constructor(config: ConfigWithDefaults, options = {}) {
     this.options = {
       proxied: false,
       API: null,
+      initialWorkflowStatus: WorkflowStatus.DRAFT,
       ...options,
     };
 
@@ -72,14 +88,13 @@ export default class GitLab implements BackendClass {
     this.branch = config.backend.branch || 'main';
     this.apiRoot = config.backend.api_root || 'https://gitlab.com/api/v4';
     this.token = '';
+    this.squashMerges = config.backend.squash_merges || false;
+    this.cmsLabelPrefix = config.backend.cms_label_prefix || '';
     this.mediaFolder = config.media_folder;
+    this.previewContext = config.backend.preview_context || '';
     this.lock = asyncLock();
   }
 
-  isGitBackend() {
-    return true;
-  }
-
   async status() {
     const auth =
       (await this.api
@@ -108,8 +123,12 @@ export default class GitLab implements BackendClass {
       branch: this.branch,
       repo: this.repo,
       apiRoot: this.apiRoot,
+      squashMerges: this.squashMerges,
+      cmsLabelPrefix: this.cmsLabelPrefix,
+      initialWorkflowStatus: this.options.initialWorkflowStatus,
     });
     const user = await this.api.user();
+
     const isCollab = await this.api.hasWriteAccess().catch((error: Error) => {
       error.message = stripIndent`
         Repo "${this.repo}" not found.
@@ -313,4 +332,118 @@ export default class GitLab implements BackendClass {
       };
     });
   }
+
+  /**
+   * Editorial Workflow
+   */
+  async unpublishedEntries() {
+    const listEntriesKeys = () =>
+      this.api!.listUnpublishedBranches().then(branches =>
+        branches.map(branch => contentKeyFromBranch(branch)),
+      );
+
+    const ids = await unpublishedEntries(listEntriesKeys);
+    return ids;
+  }
+
+  async unpublishedEntry({
+    id,
+    collection,
+    slug,
+  }: {
+    id?: string;
+    collection?: string;
+    slug?: string;
+  }): Promise<UnpublishedEntry> {
+    if (id) {
+      return this.api!.retrieveUnpublishedEntryData(id);
+    } else if (collection && slug) {
+      const entryId = generateContentKey(collection, slug);
+      return this.api!.retrieveUnpublishedEntryData(entryId);
+    } else {
+      throw new Error('Missing unpublished entry id or collection and slug');
+    }
+  }
+
+  getBranch(collection: string, slug: string) {
+    const contentKey = generateContentKey(collection, slug);
+    const branch = branchFromContentKey(contentKey);
+    return branch;
+  }
+
+  async unpublishedEntryDataFile(collection: string, slug: string, path: string, id: string) {
+    const branch = this.getBranch(collection, slug);
+    const data = (await this.api!.readFile(path, id, { branch })) as string;
+    return data;
+  }
+
+  async unpublishedEntryMediaFile(collection: string, slug: string, path: string, id: string) {
+    const branch = this.getBranch(collection, slug);
+    const mediaFile = await this.loadMediaFile(branch, { path, id });
+    return mediaFile;
+  }
+
+  async updateUnpublishedEntryStatus(collection: string, slug: string, newStatus: WorkflowStatus) {
+    // updateUnpublishedEntryStatus is a transactional operation
+    return runWithLock(
+      this.lock,
+      () => this.api!.updateUnpublishedEntryStatus(collection, slug, newStatus),
+      'Failed to acquire update entry status lock',
+    );
+  }
+
+  async deleteUnpublishedEntry(collection: string, slug: string) {
+    // deleteUnpublishedEntry is a transactional operation
+    return runWithLock(
+      this.lock,
+      () => this.api!.deleteUnpublishedEntry(collection, slug),
+      'Failed to acquire delete entry lock',
+    );
+  }
+
+  async publishUnpublishedEntry(collection: string, slug: string) {
+    // publishUnpublishedEntry is a transactional operation
+    return runWithLock(
+      this.lock,
+      () => this.api!.publishUnpublishedEntry(collection, slug),
+      'Failed to acquire publish entry lock',
+    );
+  }
+
+  async getDeployPreview(collection: string, slug: string) {
+    try {
+      const statuses = await this.api!.getStatuses(collection, slug);
+      const deployStatus = getPreviewStatus(statuses, this.previewContext);
+
+      if (deployStatus) {
+        const { target_url: url, state } = deployStatus;
+        return { url, status: state };
+      } else {
+        return null;
+      }
+    } catch (e) {
+      return null;
+    }
+  }
+
+  loadMediaFile(branch: string, file: UnpublishedEntryMediaFile) {
+    const readFile = (
+      path: string,
+      id: string | null | undefined,
+      { parseText }: { parseText: boolean },
+    ) => this.api!.readFile(path, id, { branch, parseText });
+
+    return getMediaAsBlob(file.path, null, readFile).then(blob => {
+      const name = basename(file.path);
+      const fileObj = blobToFileObj(name, blob);
+      return {
+        id: file.path,
+        displayURL: URL.createObjectURL(fileObj),
+        path: file.path,
+        name,
+        size: fileObj.size,
+        file: fileObj,
+      };
+    });
+  }
 }
diff --git a/packages/core/src/backends/proxy/AuthenticationPage.tsx b/packages/core/src/backends/proxy/AuthenticationPage.tsx
index 5b616c97..10f874af 100644
--- a/packages/core/src/backends/proxy/AuthenticationPage.tsx
+++ b/packages/core/src/backends/proxy/AuthenticationPage.tsx
@@ -2,13 +2,10 @@ import React, { useCallback } from 'react';
 
 import Login from '@staticcms/core/components/login/Login';
 
-import type { AuthenticationPageProps, TranslatedProps } from '@staticcms/core/interface';
-import type { MouseEvent } from 'react';
+import type { AuthenticationPageProps } from '@staticcms/core';
+import type { FC, MouseEvent } from 'react';
 
-const AuthenticationPage = ({
-  inProgress = false,
-  onLogin,
-}: TranslatedProps<AuthenticationPageProps>) => {
+const AuthenticationPage: FC<AuthenticationPageProps> = ({ inProgress = false, onLogin }) => {
   const handleLogin = useCallback(
     (e: MouseEvent<HTMLButtonElement>) => {
       e.preventDefault();
diff --git a/packages/core/src/backends/proxy/implementation.ts b/packages/core/src/backends/proxy/implementation.ts
index 6d6b7e51..01e4071a 100644
--- a/packages/core/src/backends/proxy/implementation.ts
+++ b/packages/core/src/backends/proxy/implementation.ts
@@ -1,17 +1,24 @@
-import { APIError, basename, blobToFileObj, unsentRequest } from '@staticcms/core/lib/util';
+import {
+  APIError,
+  EditorialWorkflowError,
+  basename,
+  blobToFileObj,
+  unsentRequest,
+} from '@staticcms/core/lib/util';
 import AuthenticationPage from './AuthenticationPage';
 
 import type {
-  BackendEntry,
   BackendClass,
-  Config,
+  BackendEntry,
+  ConfigWithDefaults,
   DisplayURL,
   ImplementationEntry,
   ImplementationFile,
-  PersistOptions,
-  User,
   ImplementationMediaFile,
-} from '@staticcms/core/interface';
+  PersistOptions,
+  UnpublishedEntry,
+  User,
+} from '@staticcms/core';
 import type { Cursor } from '@staticcms/core/lib/util';
 import type AssetProxy from '@staticcms/core/valueObjects/AssetProxy';
 
@@ -51,8 +58,9 @@ export default class ProxyBackend implements BackendClass {
   publicFolder?: string;
   options: {};
   branch: string;
+  cmsLabelPrefix?: string;
 
-  constructor(config: Config, options = {}) {
+  constructor(config: ConfigWithDefaults, options = {}) {
     if (!config.backend.proxy_url) {
       throw new Error('The Proxy backend needs a "proxy_url" in the backend configuration.');
     }
@@ -62,10 +70,7 @@ export default class ProxyBackend implements BackendClass {
     this.mediaFolder = config.media_folder;
     this.publicFolder = config.public_folder;
     this.options = options;
-  }
-
-  isGitBackend() {
-    return false;
+    this.cmsLabelPrefix = config.backend.cms_label_prefix;
   }
 
   status() {
@@ -213,4 +218,86 @@ export default class ProxyBackend implements BackendClass {
   ): Promise<ImplementationEntry[]> {
     return this.entriesByFolder(folder, extension, depth);
   }
+
+  unpublishedEntries(): Promise<string[]> {
+    return this.request({
+      action: 'unpublishedEntries',
+      params: { branch: this.branch },
+    });
+  }
+
+  async unpublishedEntry({
+    id,
+    collection,
+    slug,
+  }: {
+    id?: string;
+    collection?: string;
+    slug?: string;
+  }) {
+    try {
+      const entry: UnpublishedEntry = await this.request({
+        action: 'unpublishedEntry',
+        params: { branch: this.branch, id, collection, slug, cmsLabelPrefix: this.cmsLabelPrefix },
+      });
+
+      return entry;
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    } catch (e: any) {
+      if (e.status === 404) {
+        throw new EditorialWorkflowError('content is not under editorial workflow', true);
+      }
+      throw e;
+    }
+  }
+
+  async unpublishedEntryDataFile(collection: string, slug: string, path: string, id: string) {
+    const { data } = await this.request<{ data: string }>({
+      action: 'unpublishedEntryDataFile',
+      params: { branch: this.branch, collection, slug, path, id },
+    });
+    return data;
+  }
+
+  async unpublishedEntryMediaFile(collection: string, slug: string, path: string, id: string) {
+    const file = await this.request<MediaFile>({
+      action: 'unpublishedEntryMediaFile',
+      params: { branch: this.branch, collection, slug, path, id },
+    });
+    return deserializeMediaFile(file);
+  }
+
+  updateUnpublishedEntryStatus(collection: string, slug: string, newStatus: string) {
+    return this.request<void>({
+      action: 'updateUnpublishedEntryStatus',
+      params: {
+        branch: this.branch,
+        collection,
+        slug,
+        newStatus,
+        cmsLabelPrefix: this.cmsLabelPrefix,
+      },
+    });
+  }
+
+  publishUnpublishedEntry(collection: string, slug: string) {
+    return this.request<void>({
+      action: 'publishUnpublishedEntry',
+      params: { branch: this.branch, collection, slug },
+    });
+  }
+
+  deleteUnpublishedEntry(collection: string, slug: string) {
+    return this.request<void>({
+      action: 'deleteUnpublishedEntry',
+      params: { branch: this.branch, collection, slug },
+    });
+  }
+
+  getDeployPreview(collection: string, slug: string) {
+    return this.request<{ url: string; status: string } | null>({
+      action: 'getDeployPreview',
+      params: { branch: this.branch, collection, slug },
+    });
+  }
 }
diff --git a/packages/core/src/backends/test/AuthenticationPage.tsx b/packages/core/src/backends/test/AuthenticationPage.tsx
index 1ba880e2..91efacaf 100644
--- a/packages/core/src/backends/test/AuthenticationPage.tsx
+++ b/packages/core/src/backends/test/AuthenticationPage.tsx
@@ -2,14 +2,14 @@ import React, { useCallback, useEffect } from 'react';
 
 import Login from '@staticcms/core/components/login/Login';
 
-import type { AuthenticationPageProps, TranslatedProps } from '@staticcms/core/interface';
-import type { MouseEvent } from 'react';
+import type { AuthenticationPageProps } from '@staticcms/core';
+import type { FC, MouseEvent } from 'react';
 
-const AuthenticationPage = ({
+const AuthenticationPage: FC<AuthenticationPageProps> = ({
   inProgress = false,
   config,
   onLogin,
-}: TranslatedProps<AuthenticationPageProps>) => {
+}) => {
   useEffect(() => {
     /**
      * Allow login screen to be skipped for demo purposes.
diff --git a/packages/core/src/backends/test/__tests__/implementation.spec.ts b/packages/core/src/backends/test/__tests__/implementation.spec.ts
new file mode 100644
index 00000000..6b962210
--- /dev/null
+++ b/packages/core/src/backends/test/__tests__/implementation.spec.ts
@@ -0,0 +1,272 @@
+import { createMockConfig } from '@staticcms/test/data/config.mock';
+import TestBackend, { getFolderFiles } from '../implementation';
+import { resolveBackend } from '@staticcms/core/backend';
+
+jest.mock('@staticcms/core/backend');
+
+describe('test backend implementation', () => {
+  let backend: TestBackend;
+
+  beforeEach(() => {
+    backend = new TestBackend(createMockConfig({ collections: [] }));
+
+    (resolveBackend as jest.Mock).mockResolvedValue(null);
+
+    jest.resetModules();
+  });
+
+  describe('getEntry', () => {
+    it('should get entry by path', async () => {
+      window.repoFiles = {
+        posts: {
+          'some-post.md': {
+            path: 'path/to/some-post.md',
+            content: 'post content',
+          },
+        },
+      };
+
+      await expect(backend.getEntry('posts/some-post.md')).resolves.toEqual({
+        file: { path: 'posts/some-post.md', id: null },
+        data: 'post content',
+      });
+    });
+
+    it('should get entry by nested path', async () => {
+      window.repoFiles = {
+        posts: {
+          dir1: {
+            dir2: {
+              'some-post.md': {
+                path: 'path/to/some-post.md',
+                content: 'post content',
+              },
+            },
+          },
+        },
+      };
+
+      await expect(backend.getEntry('posts/dir1/dir2/some-post.md')).resolves.toEqual({
+        file: { path: 'posts/dir1/dir2/some-post.md', id: null },
+        data: 'post content',
+      });
+    });
+  });
+
+  describe('persistEntry', () => {
+    it('should persist entry', async () => {
+      window.repoFiles = {};
+
+      const entry = {
+        dataFiles: [{ path: 'posts/some-post.md', raw: 'content', slug: 'some-post.md' }],
+        assets: [],
+      };
+      await backend.persistEntry(entry, { newEntry: true, commitMessage: 'Persist file' });
+
+      expect(window.repoFiles).toEqual({
+        posts: {
+          'some-post.md': {
+            content: 'content',
+            path: 'posts/some-post.md',
+          },
+        },
+      });
+    });
+
+    it('should persist entry and keep existing unrelated entries', async () => {
+      window.repoFiles = {
+        pages: {
+          'other-page.md': {
+            path: 'path/to/other-page.md',
+            content: 'content',
+          },
+        },
+        posts: {
+          'other-post.md': {
+            path: 'path/to/other-post.md',
+            content: 'content',
+          },
+        },
+      };
+
+      const entry = {
+        dataFiles: [{ path: 'posts/new-post.md', raw: 'content', slug: 'new-post.md' }],
+        assets: [],
+      };
+      await backend.persistEntry(entry, { newEntry: true, commitMessage: 'Persist file' });
+
+      expect(window.repoFiles).toEqual({
+        pages: {
+          'other-page.md': {
+            path: 'path/to/other-page.md',
+            content: 'content',
+          },
+        },
+        posts: {
+          'new-post.md': {
+            path: 'posts/new-post.md',
+            content: 'content',
+          },
+          'other-post.md': {
+            path: 'path/to/other-post.md',
+            content: 'content',
+          },
+        },
+      });
+    });
+
+    it('should persist nested entry', async () => {
+      window.repoFiles = {};
+
+      const slug = 'dir1/dir2/some-post.md';
+      const path = `posts/${slug}`;
+      const entry = { dataFiles: [{ path, raw: 'content', slug }], assets: [] };
+      await backend.persistEntry(entry, { newEntry: true, commitMessage: 'Persist file' });
+
+      expect(window.repoFiles).toEqual({
+        posts: {
+          dir1: {
+            dir2: {
+              'some-post.md': {
+                content: 'content',
+                path: 'posts/dir1/dir2/some-post.md',
+              },
+            },
+          },
+        },
+      });
+    });
+
+    it('should update existing nested entry', async () => {
+      window.repoFiles = {
+        posts: {
+          dir1: {
+            dir2: {
+              'some-post.md': {
+                path: 'path/to/some-post.md',
+                mediaFiles: { file1: { path: 'path/to/media/file1.txt', content: 'file1' } },
+                content: 'content',
+              },
+            },
+          },
+        },
+      };
+
+      const slug = 'dir1/dir2/some-post.md';
+      const path = `posts/${slug}`;
+      const entry = { dataFiles: [{ path, raw: 'new content', slug }], assets: [] };
+      await backend.persistEntry(entry, { newEntry: false, commitMessage: 'Persist file' });
+
+      expect(window.repoFiles).toEqual({
+        posts: {
+          dir1: {
+            dir2: {
+              'some-post.md': {
+                path: 'posts/dir1/dir2/some-post.md',
+                content: 'new content',
+              },
+            },
+          },
+        },
+      });
+    });
+  });
+
+  describe('deleteFiles', () => {
+    it('should delete entry by path', async () => {
+      window.repoFiles = {
+        posts: {
+          'some-post.md': {
+            path: 'path/to/some-post.md',
+            content: 'post content',
+          },
+        },
+      };
+
+      await backend.deleteFiles(['posts/some-post.md']);
+      expect(window.repoFiles).toEqual({
+        posts: {},
+      });
+    });
+
+    it('should delete entry by nested path', async () => {
+      window.repoFiles = {
+        posts: {
+          dir1: {
+            dir2: {
+              'some-post.md': {
+                path: 'path/to/some-post.md',
+                content: 'post content',
+              },
+            },
+          },
+        },
+      };
+
+      await backend.deleteFiles(['posts/dir1/dir2/some-post.md']);
+      expect(window.repoFiles).toEqual({
+        posts: {
+          dir1: {
+            dir2: {},
+          },
+        },
+      });
+    });
+  });
+
+  describe('getFolderFiles', () => {
+    it('should get files by depth', () => {
+      const tree = {
+        pages: {
+          'root-page.md': {
+            path: 'pages/root-page.md',
+            content: 'root page content',
+          },
+          dir1: {
+            'nested-page-1.md': {
+              path: 'pages/dir1/nested-page-1.md',
+              content: 'nested page 1 content',
+            },
+            dir2: {
+              'nested-page-2.md': {
+                path: 'pages/dir1/dir2/nested-page-2.md',
+                content: 'nested page 2 content',
+              },
+            },
+          },
+        },
+      };
+
+      expect(getFolderFiles(tree, 'pages', 'md', 1)).toEqual([
+        {
+          path: 'pages/root-page.md',
+          content: 'root page content',
+        },
+      ]);
+      expect(getFolderFiles(tree, 'pages', 'md', 2)).toEqual([
+        {
+          path: 'pages/dir1/nested-page-1.md',
+          content: 'nested page 1 content',
+        },
+        {
+          path: 'pages/root-page.md',
+          content: 'root page content',
+        },
+      ]);
+      expect(getFolderFiles(tree, 'pages', 'md', 3)).toEqual([
+        {
+          path: 'pages/dir1/dir2/nested-page-2.md',
+          content: 'nested page 2 content',
+        },
+        {
+          path: 'pages/dir1/nested-page-1.md',
+          content: 'nested page 1 content',
+        },
+        {
+          path: 'pages/root-page.md',
+          content: 'root page content',
+        },
+      ]);
+    });
+  });
+});
diff --git a/packages/core/src/backends/test/implementation.ts b/packages/core/src/backends/test/implementation.ts
index 826549fa..be2a1282 100644
--- a/packages/core/src/backends/test/implementation.ts
+++ b/packages/core/src/backends/test/implementation.ts
@@ -5,40 +5,68 @@ import unset from 'lodash/unset';
 import { basename, dirname } from 'path';
 import { v4 as uuid } from 'uuid';
 
-import { Cursor, CURSOR_COMPATIBILITY_SYMBOL } from '@staticcms/core/lib/util';
+import {
+  Cursor,
+  CURSOR_COMPATIBILITY_SYMBOL,
+  EditorialWorkflowError,
+} from '@staticcms/core/lib/util';
+import { isNullish } from '@staticcms/core/lib/util/null.util';
 import { isNotEmpty } from '@staticcms/core/lib/util/string.util';
+import AssetProxy from '@staticcms/core/valueObjects/AssetProxy';
 import AuthenticationPage from './AuthenticationPage';
 
+import type { WorkflowStatus } from '@staticcms/core/constants/publishModes';
 import type {
   BackendClass,
   BackendEntry,
-  Config,
+  ConfigWithDefaults,
+  DataFile,
   DisplayURL,
   ImplementationEntry,
   ImplementationFile,
   ImplementationMediaFile,
+  PersistOptions,
+  UnpublishedEntry,
   User,
-} from '@staticcms/core/interface';
-import type AssetProxy from '@staticcms/core/valueObjects/AssetProxy';
+} from '@staticcms/core';
 
 type RepoFile = { path: string; content: string | AssetProxy; isDirectory?: boolean };
 type RepoTree = { [key: string]: RepoFile | RepoTree };
 
+type Diff = {
+  id: string;
+  originalPath?: string;
+  path: string;
+  newFile: boolean;
+  status: string;
+  content: string | AssetProxy;
+};
+
+type UnpublishedRepoEntry = {
+  slug: string;
+  collection: string;
+  status: WorkflowStatus;
+  diffs: Diff[];
+  updatedAt: string;
+};
+
 declare global {
   interface Window {
     repoFiles: RepoTree;
+    repoFilesUnpublished: { [key: string]: UnpublishedRepoEntry };
   }
 }
 
 window.repoFiles = window.repoFiles || {};
+window.repoFilesUnpublished = window.repoFilesUnpublished || [];
 
-function getFile(path: string, tree: RepoTree) {
+function getFile(path: string, tree: RepoTree): RepoFile | undefined {
   const segments = path.split('/');
   let obj: RepoTree = tree;
   while (obj && segments.length) {
     obj = obj[segments.shift() as string] as RepoTree;
   }
-  return (obj as unknown as RepoFile) || {};
+  return (obj as unknown as RepoFile) || undefined;
 }
 
 function writeFile(path: string, content: string | AssetProxy, tree: RepoTree) {
@@ -122,17 +150,13 @@ export function getFolderFiles(
 
 export default class TestBackend implements BackendClass {
   mediaFolder?: string;
-  options: {};
+  options: { initialWorkflowStatus?: string };
 
-  constructor(config: Config, options = {}) {
+  constructor(config: ConfigWithDefaults, options = {}) {
     this.options = options;
     this.mediaFolder = config.media_folder;
   }
 
-  isGitBackend() {
-    return false;
-  }
-
   status() {
     return Promise.resolve({ auth: { status: true }, api: { status: true, statusPage: '' } });
   }
@@ -210,7 +234,7 @@ export default class TestBackend implements BackendClass {
     return Promise.all(
       files.map(file => ({
         file,
-        data: getFile(file.path, window.repoFiles).content as string,
+        data: (getFile(file.path, window.repoFiles)?.content ?? '') as string,
       })),
     );
   }
@@ -218,11 +242,28 @@ export default class TestBackend implements BackendClass {
   getEntry(path: string) {
     return Promise.resolve({
       file: { path, id: null },
-      data: getFile(path, window.repoFiles).content as string,
+      data: (getFile(path, window.repoFiles)?.content ?? '') as string,
     });
   }
 
-  async persistEntry(entry: BackendEntry) {
+  async persistEntry(entry: BackendEntry, options: PersistOptions) {
+    if (options.useWorkflow) {
+      const slug = entry.dataFiles[0].slug;
+      const key = `${options.collectionName}/${slug}`;
+      const currentEntry = window.repoFilesUnpublished[key];
+      const status = currentEntry?.status || options.status || this.options.initialWorkflowStatus;
+
+      this.addOrUpdateUnpublishedEntry(
+        key,
+        entry.dataFiles,
+        entry.assets,
+        slug,
+        options.collectionName as string,
+        status,
+      );
+      return Promise.resolve();
+    }
+
     entry.dataFiles.forEach(dataFile => {
       const { path, newPath, raw } = dataFile;
 
@@ -291,7 +332,7 @@ export default class TestBackend implements BackendClass {
       path: assetProxy.path,
       url,
       displayURL: url,
-      fileObj,
+      file: fileObj,
     };
 
     return normalizedAsset;
@@ -331,4 +372,131 @@ export default class TestBackend implements BackendClass {
   getMediaDisplayURL(_displayURL: DisplayURL): Promise<string> {
     throw new Error('Not supported');
   }
+
+  /**
+   * Editorial Workflow
+   */
+  unpublishedEntries() {
+    return Promise.resolve(Object.keys(window.repoFilesUnpublished));
+  }
+
+  unpublishedEntry({
+    id,
+    collection,
+    slug,
+  }: {
+    id?: string;
+    collection?: string;
+    slug?: string;
+  }): Promise<UnpublishedEntry> {
+    if (id) {
+      const parts = id.split('/');
+      collection = parts[0];
+      slug = parts[1];
+    }
+    const entry = window.repoFilesUnpublished[`${collection}/${slug}`];
+    if (!entry) {
+      return Promise.reject(
+        new EditorialWorkflowError('content is not under editorial workflow', true),
+      );
+    }
+
+    return Promise.resolve({
+      ...entry,
+      openAuthoring: false,
+    });
+  }
+
+  async unpublishedEntryDataFile(collection: string, slug: string, path: string) {
+    const entry = window.repoFilesUnpublished[`${collection}/${slug}`];
+    const file = entry.diffs.find(d => d.path === path);
+    return file?.content as string;
+  }
+
+  async unpublishedEntryMediaFile(collection: string, slug: string, path: string) {
+    const entry = window.repoFilesUnpublished[`${collection}/${slug}`];
+    const file = entry.diffs.find(d => d.path === path);
+    return this.normalizeAsset(file?.content as AssetProxy);
+  }
+
+  deleteUnpublishedEntry(collection: string, slug: string) {
+    delete window.repoFilesUnpublished[`${collection}/${slug}`];
+    return Promise.resolve();
+  }
+
+  async addOrUpdateUnpublishedEntry(
+    key: string,
+    dataFiles: DataFile[],
+    assetProxies: AssetProxy[],
+    slug: string,
+    collection: string,
+    status: WorkflowStatus,
+  ) {
+    const diffs: Diff[] = [];
+    dataFiles.forEach(dataFile => {
+      const { path, newPath, raw } = dataFile;
+      const currentDataFile = window.repoFilesUnpublished[key]?.diffs.find(d => d.path === path);
+      const originalPath = currentDataFile ? currentDataFile.originalPath : path;
+      diffs.push({
+        originalPath,
+        id: newPath || path,
+        path: newPath || path,
+        newFile: isNullish(getFile(originalPath as string, window.repoFiles)),
+        status: 'added',
+        content: raw,
+      });
+    });
+    assetProxies.forEach(a => {
+      const asset = this.normalizeAsset(a);
+      diffs.push({
+        id: asset.id,
+        path: asset.path,
+        newFile: true,
+        status: 'added',
+        content: new AssetProxy(asset),
+      });
+    });
+    window.repoFilesUnpublished[key] = {
+      slug,
+      collection,
+      status,
+      diffs,
+      updatedAt: new Date().toISOString(),
+    };
+  }
+
+  updateUnpublishedEntryStatus(collection: string, slug: string, newStatus: WorkflowStatus) {
+    window.repoFilesUnpublished[`${collection}/${slug}`].status = newStatus;
+    return Promise.resolve();
+  }
+
+  publishUnpublishedEntry(collection: string, slug: string) {
+    const key = `${collection}/${slug}`;
+    const unpubEntry = window.repoFilesUnpublished[key];
+
+    delete window.repoFilesUnpublished[key];
+
+    const tree = window.repoFiles;
+    unpubEntry.diffs.forEach(d => {
+      if (d.originalPath && !d.newFile) {
+        const originalPath = d.originalPath;
+        const sourceDir = dirname(originalPath);
+        const destDir = dirname(d.path);
+        const toMove = getFolderFiles(tree, originalPath.split('/')[0], '', 100).filter(f =>
+          f.path.startsWith(sourceDir),
+        );
+        toMove.forEach(f => {
+          deleteFile(f.path, tree);
+          writeFile(f.path.replace(sourceDir, destDir), f.content, tree);
+        });
+      }
+      writeFile(d.path, d.content, tree);
+    });
+
+    return Promise.resolve();
+  }
+
+  async getDeployPreview() {
+    return null;
+  }
 }
diff --git a/packages/core/src/bootstrap.tsx b/packages/core/src/bootstrap.tsx
index 54a7bab8..d4329677 100644
--- a/packages/core/src/bootstrap.tsx
+++ b/packages/core/src/bootstrap.tsx
@@ -6,26 +6,24 @@ import { I18n } from 'react-polyglot';
 import { connect, Provider } from 'react-redux';
 import { HashRouter as Router } from 'react-router-dom';
 
-import 'what-input';
 import { authenticateUser } from './actions/auth';
 import { loadConfig } from './actions/config';
 import App from './components/App';
 import './components/entry-editor/widgets';
 import ErrorBoundary from './components/ErrorBoundary';
 import addExtensions from './extensions';
+import useMeta from './lib/hooks/useMeta';
+import useTranslate from './lib/hooks/useTranslate';
 import { getPhrases } from './lib/phrases';
 import { selectLocale } from './reducers/selectors/config';
 import { store } from './store';
-import useMeta from './lib/hooks/useMeta';
 
 import type { AnyAction } from '@reduxjs/toolkit';
+import type { FC } from 'react';
 import type { ConnectedProps } from 'react-redux';
 import type { BaseField, Config, UnknownField } from './interface';
 import type { RootState } from './store';
 
-import './styles/datetime/calendar.css';
-import './styles/datetime/clock.css';
-import './styles/datetime/datetime.css';
 import './styles/main.css';
 
 const ROOT_ID = 'nc-root';
@@ -45,7 +43,9 @@ import ReactDOM from 'react-dom';
 // @ts-ignore
 ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = true;
 
-const TranslatedApp = ({ locale, config }: AppRootProps) => {
+const TranslatedApp: FC<AppRootProps> = ({ locale, config }) => {
+  const t = useTranslate();
+
   useMeta({ name: 'viewport', content: 'width=device-width, initial-scale=1.0' });
 
   if (!config) {
@@ -54,7 +54,7 @@ const TranslatedApp = ({ locale, config }: AppRootProps) => {
 
   return (
     <I18n locale={locale} messages={getPhrases(locale)}>
-      <ErrorBoundary showBackup config={config}>
+      <ErrorBoundary showBackup config={config} t={t}>
         <Router>
           <App />
         </Router>
@@ -117,7 +117,7 @@ function bootstrap<F extends BaseField = UnknownField>(opts?: {
       if (config.backend.name !== 'git-gateway') {
         store.dispatch(authenticateUser() as unknown as AnyAction);
       }
-    }) as AnyAction,
+    }) as unknown as AnyAction,
   );
 
   /**
diff --git a/packages/core/src/components/App.tsx b/packages/core/src/components/App.tsx
index 6ddf30cf..735b7125 100644
--- a/packages/core/src/components/App.tsx
+++ b/packages/core/src/components/App.tsx
@@ -1,6 +1,4 @@
-import { createTheme, ThemeProvider } from '@mui/material/styles';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { translate } from 'react-polyglot';
 import { connect } from 'react-redux';
 import {
   Navigate,
@@ -17,25 +15,32 @@ import TopBarProgress from 'react-topbar-progress-indicator';
 import { loginUser as loginUserAction } from '@staticcms/core/actions/auth';
 import { discardDraft } from '@staticcms/core/actions/entries';
 import { currentBackend } from '@staticcms/core/backend';
+import { loadUnpublishedEntries } from '../actions/editorialWorkflow';
 import { changeTheme } from '../actions/globalUI';
+import useDefaultPath from '../lib/hooks/useDefaultPath';
+import useTranslate from '../lib/hooks/useTranslate';
 import { invokeEvent } from '../lib/registry';
-import { getDefaultPath } from '../lib/util/collection.util';
+import { isNotNullish } from '../lib/util/null.util';
+import { isEmpty } from '../lib/util/string.util';
 import { generateClassNames } from '../lib/util/theming.util';
-import { selectTheme } from '../reducers/selectors/globalUI';
+import { selectUseWorkflow } from '../reducers/selectors/config';
 import { useAppDispatch, useAppSelector } from '../store/hooks';
+import NotFoundPage from './NotFoundPage';
 import CollectionRoute from './collections/CollectionRoute';
 import { Alert } from './common/alert/Alert';
 import { Confirm } from './common/confirm/Confirm';
 import Loader from './common/progress/Loader';
 import EditorRoute from './entry-editor/EditorRoute';
 import MediaPage from './media-library/MediaPage';
-import NotFoundPage from './NotFoundPage';
 import Page from './page/Page';
 import Snackbars from './snackbar/Snackbars';
+import ThemeManager from './theme/ThemeManager';
+import useTheme from './theme/hooks/useTheme';
+import Dashboard from './workflow/Dashboard';
 
-import type { Credentials, TranslatedProps } from '@staticcms/core/interface';
+import type { Credentials } from '@staticcms/core';
 import type { RootState } from '@staticcms/core/store';
-import type { ComponentType } from 'react';
+import type { FC } from 'react';
 import type { ConnectedProps } from 'react-redux';
 
 import './App.css';
@@ -65,38 +70,21 @@ function EditEntityRedirect() {
   return <Navigate to={`/collections/${name}/entries/${params['*']}`} />;
 }
 
-const App = ({
+const App: FC<AppProps> = ({
   auth,
   user,
   config,
   collections,
   loginUser,
   isFetching,
-  t,
   scrollSyncEnabled,
-}: TranslatedProps<AppProps>) => {
+}) => {
+  const t = useTranslate();
+
   const navigate = useNavigate();
   const dispatch = useAppDispatch();
 
-  const mode = useAppSelector(selectTheme);
-
-  const theme = React.useMemo(
-    () =>
-      createTheme({
-        palette: {
-          mode,
-          primary: {
-            main: 'rgb(37 99 235)',
-          },
-          ...(mode === 'dark' && {
-            background: {
-              paper: 'rgb(15 23 42)',
-            },
-          }),
-        },
-      }),
-    [mode],
-  );
+  const theme = useTheme();
 
   const configError = useCallback(
     (error?: string) => {
@@ -154,12 +142,12 @@ const App = ({
         authEndpoint={config.config.backend.auth_endpoint}
         config={config.config}
         clearHash={() => navigate('/', { replace: true })}
-        t={t}
       />
     );
   }, [AuthComponent, auth.error, auth.isFetching, config.config, handleLogin, navigate, t]);
 
-  const defaultPath = useMemo(() => getDefaultPath(collections), [collections]);
+  const useWorkflow = useAppSelector(selectUseWorkflow);
+  const defaultPath = useDefaultPath(collections);
 
   const { pathname } = useLocation();
   const [searchParams] = useSearchParams();
@@ -176,19 +164,12 @@ const App = ({
   }, [dispatch, pathname, searchParams]);
 
   useEffect(() => {
-    // On page load or when changing themes, best to add inline in `head` to avoid FOUC
-    if (
-      localStorage.getItem('color-theme') === 'dark' ||
-      (!('color-theme' in localStorage) &&
-        window.matchMedia('(prefers-color-scheme: dark)').matches)
-    ) {
-      document.documentElement.classList.add('dark');
-      dispatch(changeTheme('dark'));
-    } else {
-      document.documentElement.classList.remove('dark');
-      dispatch(changeTheme('light'));
+    if (!user || !useWorkflow) {
+      return;
     }
-  }, [dispatch]);
+
+    dispatch(loadUnpublishedEntries(collections));
+  }, [collections, dispatch, useWorkflow, user]);
 
   const [prevUser, setPrevUser] = useState(user);
   useEffect(() => {
@@ -214,6 +195,10 @@ const App = ({
         {isFetching && <TopBarProgress />}
         <Routes>
           <Route path="/" element={<Navigate to={defaultPath} />} />
+          <Route
+            path="/dashboard"
+            element={useWorkflow ? <Dashboard /> : <Navigate to={defaultPath} />}
+          />
           <Route path="/search" element={<Navigate to={defaultPath} />} />
           <Route path="/collections/:name/search/" element={<CollectionSearchRedirect />} />
           <Route
@@ -247,7 +232,7 @@ const App = ({
         </Routes>
       </>
     );
-  }, [authenticationPage, collections, defaultPath, isFetching, user]);
+  }, [authenticationPage, collections, defaultPath, isFetching, useWorkflow, user]);
 
   useEffect(() => {
     setTimeout(() => {
@@ -255,6 +240,20 @@ const App = ({
     });
   }, []);
 
+  useEffect(() => {
+    const defaultTheme = config.config?.theme?.default_theme;
+    if (isEmpty(defaultTheme)) {
+      return;
+    }
+
+    const themeName = localStorage.getItem('color-theme');
+    if (isNotNullish(themeName)) {
+      return;
+    }
+
+    dispatch(changeTheme(defaultTheme));
+  }, [config.config?.theme?.default_theme, dispatch]);
+
   if (!config.config) {
     return configError(t('app.app.configNotFound'));
   }
@@ -268,7 +267,7 @@ const App = ({
   }
 
   return (
-    <ThemeProvider theme={theme}>
+    <ThemeManager theme={theme} element={document.documentElement}>
       <ScrollSync key="scroll-sync" enabled={scrollSyncEnabled}>
         <>
           <div key="back-to-top-anchor" id="back-to-top-anchor" />
@@ -282,7 +281,7 @@ const App = ({
           </div>
         </>
       </ScrollSync>
-    </ThemeProvider>
+    </ThemeManager>
   );
 };
 
@@ -308,4 +307,4 @@ const mapDispatchToProps = {
 const connector = connect(mapStateToProps, mapDispatchToProps);
 export type AppProps = ConnectedProps<typeof connector>;
 
-export default connector(translate()(App) as ComponentType<AppProps>);
+export default connector(App);
diff --git a/packages/core/src/components/ErrorBoundary.css b/packages/core/src/components/ErrorBoundary.css
index 52d0b32f..873fc8fd 100644
--- a/packages/core/src/components/ErrorBoundary.css
+++ b/packages/core/src/components/ErrorBoundary.css
@@ -1,8 +1,8 @@
 .CMS_ErrorBoundary_root {
+  background: var(--background-dark);
+
   @apply flex
     flex-col
-    bg-slate-50
-    dark:bg-slate-900
     min-h-screen
     gap-2;
 }
@@ -21,8 +21,9 @@
 }
 
 .CMS_ErrorBoundary_report-link {
-  @apply text-blue-500
-    hover:underline;
+  color: var(--primary-main);
+
+  @apply hover:underline;
 }
 
 .CMS_ErrorBoundary_content {
diff --git a/packages/core/src/components/ErrorBoundary.tsx b/packages/core/src/components/ErrorBoundary.tsx
index 95e3d9c0..e734c24b 100644
--- a/packages/core/src/components/ErrorBoundary.tsx
+++ b/packages/core/src/components/ErrorBoundary.tsx
@@ -2,14 +2,14 @@ import cleanStack from 'clean-stack';
 import copyToClipboard from 'copy-text-to-clipboard';
 import truncate from 'lodash/truncate';
 import React, { Component } from 'react';
-import { translate } from 'react-polyglot';
 import yaml from 'yaml';
 
 import { localForage } from '@staticcms/core/lib/util';
+import useTranslate from '../lib/hooks/useTranslate';
 import { generateClassNames } from '../lib/util/theming.util';
 
-import type { Config, TranslatedProps } from '@staticcms/core/interface';
-import type { ComponentClass, ReactNode } from 'react';
+import type { Config, TranslatedProps } from '@staticcms/core';
+import type { FC, ReactNode } from 'react';
 
 import './ErrorBoundary.css';
 
@@ -86,7 +86,9 @@ interface RecoveredEntryProps {
   entry: string;
 }
 
-const RecoveredEntry = ({ entry, t }: TranslatedProps<RecoveredEntryProps>) => {
+const RecoveredEntry: FC<RecoveredEntryProps> = ({ entry }) => {
+  const t = useTranslate();
+
   console.info('[StaticCMS] Recovered entry', entry);
   return (
     <>
@@ -197,11 +199,11 @@ class ErrorBoundary extends Component<TranslatedProps<ErrorBoundaryProps>, Error
               <br key={`error-break-${index}`} />,
             ])}
           </p>
-          {backup && showBackup && <RecoveredEntry key="backup" entry={backup} t={t} />}
+          {backup && showBackup && <RecoveredEntry key="backup" entry={backup} />}
         </div>
       </div>
     );
   }
 }
 
-export default translate()(ErrorBoundary) as ComponentClass<ErrorBoundaryProps>;
+export default ErrorBoundary;
diff --git a/packages/core/src/components/MainView.css b/packages/core/src/components/MainView.css
index 48826349..600bd18c 100644
--- a/packages/core/src/components/MainView.css
+++ b/packages/core/src/components/MainView.css
@@ -1,7 +1,7 @@
 .CMS_MainView_root {
-  @apply flex
-    bg-slate-50
-    dark:bg-slate-900;
+  background: var(--background-dark);
+
+  @apply flex;
 }
 
 .CMS_MainView_body {
diff --git a/packages/core/src/components/MainView.tsx b/packages/core/src/components/MainView.tsx
index 4a678e82..8974864c 100644
--- a/packages/core/src/components/MainView.tsx
+++ b/packages/core/src/components/MainView.tsx
@@ -7,8 +7,8 @@ import BottomNavigation from './navbar/BottomNavigation';
 import Navbar from './navbar/Navbar';
 import Sidebar from './navbar/Sidebar';
 
-import type { ReactNode } from 'react';
-import type { Breadcrumb, Collection } from '../interface';
+import type { FC, ReactNode } from 'react';
+import type { Breadcrumb, CollectionWithDefaults } from '../interface';
 
 import './MainView.css';
 
@@ -37,10 +37,10 @@ interface MainViewProps {
   noMargin?: boolean;
   noScroll?: boolean;
   children: ReactNode;
-  collection?: Collection;
+  collection?: CollectionWithDefaults;
 }
 
-const MainView = ({
+const MainView: FC<MainViewProps> = ({
   children,
   breadcrumbs,
   showQuickCreate = false,
@@ -49,7 +49,7 @@ const MainView = ({
   noScroll = false,
   navbarActions,
   collection,
-}: MainViewProps) => {
+}) => {
   return (
     <>
       <Navbar
@@ -66,6 +66,7 @@ const MainView = ({
             showLeftNav && classes['show-left-nav'],
             noMargin && classes['no-margin'],
             noScroll && classes['no-scroll'],
+            'CMS_Scrollbar_root',
           )}
         >
           {children}
diff --git a/packages/core/src/components/NotFoundPage.tsx b/packages/core/src/components/NotFoundPage.tsx
index eaeb67e0..0515a749 100644
--- a/packages/core/src/components/NotFoundPage.tsx
+++ b/packages/core/src/components/NotFoundPage.tsx
@@ -1,10 +1,12 @@
 import React from 'react';
-import { translate } from 'react-polyglot';
 
-import type { ComponentType } from 'react';
-import type { TranslateProps } from 'react-polyglot';
+import useTranslate from '../lib/hooks/useTranslate';
+
+import type { FC } from 'react';
+
+const NotFoundPage: FC = () => {
+  const t = useTranslate();
 
-const NotFoundPage = ({ t }: TranslateProps) => {
   return (
     <div>
       <h2>{t('app.notFoundPage.header')}</h2>
@@ -12,4 +14,4 @@ const NotFoundPage = ({ t }: TranslateProps) => {
   );
 };
 
-export default translate()(NotFoundPage) as ComponentType<{}>;
+export default NotFoundPage;
diff --git a/packages/core/src/components/collections/Collection.css b/packages/core/src/components/collections/Collection.css
index 2ee0aa6e..f751d38e 100644
--- a/packages/core/src/components/collections/Collection.css
+++ b/packages/core/src/components/collections/Collection.css
@@ -60,12 +60,12 @@
 }
 
 .CMS_Collection_header {
+  color: var(--text-primary);
+
   @apply text-xl
     font-semibold
     flex
     items-center
-    text-gray-800
-    dark:text-gray-300
     gap-2
     md:w-auto;
 }
diff --git a/packages/core/src/components/collections/CollectionControls.tsx b/packages/core/src/components/collections/CollectionControls.tsx
index 7af6b09a..bfc47568 100644
--- a/packages/core/src/components/collections/CollectionControls.tsx
+++ b/packages/core/src/components/collections/CollectionControls.tsx
@@ -16,7 +16,8 @@ import type {
   SortMap,
   ViewFilter,
   ViewGroup,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
+import type { FC } from 'react';
 
 interface CollectionControlsProps {
   viewStyle: ViewStyle;
@@ -32,7 +33,7 @@ interface CollectionControlsProps {
   onGroupClick?: (filter: ViewGroup) => void;
 }
 
-const CollectionControls = ({
+const CollectionControls: FC<CollectionControlsProps> = ({
   viewStyle,
   onChangeViewStyle,
   sortableFields,
@@ -44,7 +45,7 @@ const CollectionControls = ({
   onGroupClick,
   filter,
   group,
-}: CollectionControlsProps) => {
+}) => {
   const showGroupControl = useMemo(
     () => Boolean(viewGroups && onGroupClick && group && viewGroups.length > 0),
     [group, onGroupClick, viewGroups],
diff --git a/packages/core/src/components/collections/CollectionHeader.tsx b/packages/core/src/components/collections/CollectionHeader.tsx
index 3466538a..220c9173 100644
--- a/packages/core/src/components/collections/CollectionHeader.tsx
+++ b/packages/core/src/components/collections/CollectionHeader.tsx
@@ -1,10 +1,10 @@
 import React, { useMemo } from 'react';
-import { translate } from 'react-polyglot';
 import { useParams } from 'react-router-dom';
 
 import useEntries from '@staticcms/core/lib/hooks/useEntries';
 import useIcon from '@staticcms/core/lib/hooks/useIcon';
 import useNewEntryUrl from '@staticcms/core/lib/hooks/useNewEntryUrl';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import {
   selectEntryCollectionTitle,
   selectFolderEntryExtension,
@@ -14,14 +14,16 @@ import { addFileTemplateFields } from '@staticcms/core/lib/widgets/stringTemplat
 import Button from '../common/button/Button';
 import collectionClasses from './Collection.classes';
 
-import type { Collection, Entry, TranslatedProps } from '@staticcms/core/interface';
+import type { CollectionWithDefaults, Entry } from '@staticcms/core';
 import type { FC } from 'react';
 
 interface CollectionHeaderProps {
-  collection: Collection;
+  collection: CollectionWithDefaults;
 }
 
-const CollectionHeader: FC<TranslatedProps<CollectionHeaderProps>> = ({ collection, t }) => {
+const CollectionHeader: FC<CollectionHeaderProps> = ({ collection }) => {
+  const t = useTranslate();
+
   const collectionLabel = collection.label;
   const collectionLabelSingular = collection.label_singular;
 
@@ -35,10 +37,13 @@ const CollectionHeader: FC<TranslatedProps<CollectionHeaderProps>> = ({ collecti
 
   const pluralLabel = useMemo(() => {
     if ('nested' in collection && collection.nested?.path && filterTerm) {
-      const entriesByPath = entries.reduce((acc, entry) => {
-        acc[entry.path] = entry;
-        return acc;
-      }, {} as Record<string, Entry>);
+      const entriesByPath = entries.reduce(
+        (acc, entry) => {
+          acc[entry.path] = entry;
+          return acc;
+        },
+        {} as Record<string, Entry>,
+      );
 
       if (isNotEmpty(filterTerm)) {
         const extension = selectFolderEntryExtension(collection);
@@ -72,7 +77,7 @@ const CollectionHeader: FC<TranslatedProps<CollectionHeaderProps>> = ({ collecti
       {newEntryUrl ? (
         <Button to={newEntryUrl} className={collectionClasses['new-entry-button']}>
           {t('collection.collectionTop.newButton', {
-            collectionLabel: collectionLabelSingular || pluralLabel,
+            collectionLabel: collectionLabelSingular ?? pluralLabel,
           })}
         </Button>
       ) : null}
@@ -80,4 +85,4 @@ const CollectionHeader: FC<TranslatedProps<CollectionHeaderProps>> = ({ collecti
   );
 };
 
-export default translate()(CollectionHeader) as FC<CollectionHeaderProps>;
+export default CollectionHeader;
diff --git a/packages/core/src/components/collections/CollectionPage.tsx b/packages/core/src/components/collections/CollectionPage.tsx
index 1a108bb2..d23be143 100644
--- a/packages/core/src/components/collections/CollectionPage.tsx
+++ b/packages/core/src/components/collections/CollectionPage.tsx
@@ -5,7 +5,7 @@ import useBreadcrumbs from '@staticcms/core/lib/hooks/useBreadcrumbs';
 import MainView from '../MainView';
 import CollectionView from './CollectionView';
 
-import type { Collection } from '@staticcms/core/interface';
+import type { CollectionWithDefaults } from '@staticcms/core';
 import type { FC } from 'react';
 
 const MultiSearchCollectionPage: FC = () => {
@@ -26,7 +26,7 @@ const MultiSearchCollectionPage: FC = () => {
 };
 
 interface SingleCollectionPageProps {
-  collection: Collection;
+  collection: CollectionWithDefaults;
   isSearchResults?: boolean;
   isSingleSearchResult?: boolean;
 }
@@ -62,7 +62,7 @@ const SingleCollectionPage: FC<SingleCollectionPageProps> = ({
 };
 
 interface CollectionPageProps {
-  collection?: Collection;
+  collection?: CollectionWithDefaults;
   isSearchResults?: boolean;
   isSingleSearchResult?: boolean;
 }
diff --git a/packages/core/src/components/collections/CollectionRoute.tsx b/packages/core/src/components/collections/CollectionRoute.tsx
index c575a3f1..71d583ec 100644
--- a/packages/core/src/components/collections/CollectionRoute.tsx
+++ b/packages/core/src/components/collections/CollectionRoute.tsx
@@ -1,29 +1,30 @@
-import React, { useMemo } from 'react';
+import React from 'react';
 import { Navigate, useParams, useSearchParams } from 'react-router-dom';
 
+import useDefaultPath from '@staticcms/core/lib/hooks/useDefaultPath';
 import {
   selectCollection,
   selectCollections,
 } from '@staticcms/core/reducers/selectors/collections';
 import { useAppSelector } from '@staticcms/core/store/hooks';
-import { getDefaultPath } from '../../lib/util/collection.util';
 import CollectionPage from './CollectionPage';
 
+import type { FC } from 'react';
+
 interface CollectionRouteProps {
   isSearchResults?: boolean;
   isSingleSearchResult?: boolean;
 }
 
-const CollectionRoute = ({ isSearchResults, isSingleSearchResult }: CollectionRouteProps) => {
+const CollectionRoute: FC<CollectionRouteProps> = ({ isSearchResults, isSingleSearchResult }) => {
   const { name, searchTerm } = useParams();
   const [searchParams] = useSearchParams();
   const noRedirect = searchParams.has('noredirect');
 
-  const collectionSelector = useMemo(() => selectCollection(name), [name]);
-  const collection = useAppSelector(collectionSelector);
+  const collection = useAppSelector(state => selectCollection(state, name));
   const collections = useAppSelector(selectCollections);
 
-  const defaultPath = useMemo(() => getDefaultPath(collections), [collections]);
+  const defaultPath = useDefaultPath(collections);
 
   if (!searchTerm && (!name || !collection)) {
     return <Navigate to={defaultPath} />;
diff --git a/packages/core/src/components/collections/CollectionSearch.css b/packages/core/src/components/collections/CollectionSearch.css
index eba7a555..63bd9eb7 100644
--- a/packages/core/src/components/collections/CollectionSearch.css
+++ b/packages/core/src/components/collections/CollectionSearch.css
@@ -13,48 +13,47 @@
 }
 
 .CMS_CollectionSearch_icon {
+  color: var(--text-secondary);
+
   @apply w-5
-    h-5
-    text-gray-500
-    dark:text-gray-400;
+    h-5;
 }
 
 .CMS_CollectionSearch_input {
+  color: var(--text-primary);
+  background: color-mix(in srgb, var(--background-light) 50%, transparent);
+  border-color: color-mix(in srgb, var(--background-divider) 50%, transparent);
+
   @apply block
     w-full
     p-1.5
     pl-10
     text-sm
-    text-gray-800
     border
-    border-gray-300
     rounded-lg
-    bg-gray-50
     focus-visible:outline-none
-    focus:ring-4
-    focus:ring-gray-200
-    dark:bg-gray-700
-    dark:border-gray-600
-    dark:placeholder-gray-400
-    dark:text-white
-    dark:focus:ring-slate-700;
+    focus:ring-4;
+
+  &:placeholder {
+    color: var(--text-disabled);
+  }
+
+  &:focus {
+    --tw-ring-color: color-mix(in srgb, var(--primary-light) 50%, transparent);
+  }
 }
 
 .CMS_CollectionSearch_search-in {
+  background: var(--background-light);
+
   @apply absolute
     overflow-auto
     rounded-md
-    bg-white
     text-base
     shadow-md
-    ring-1
-    ring-black
-    ring-opacity-5
     focus:outline-none
     sm:text-sm
-    z-[1300]
-    dark:bg-slate-700
-    dark:shadow-lg;
+    z-[1300];
 }
 
 .CMS_CollectionSearch_search-in-content {
@@ -64,17 +63,22 @@
 }
 
 .CMS_CollectionSearch_search-in-label {
+  color: var(--text-secondary);
+
   @apply text-base
-    text-slate-500
-    dark:text-slate-400
     py-2
     px-3;
 }
 
 .CMS_CollectionSearch_search-in-option {
+  color: var(--text-primary);
+
+  &:hover {
+    color: var(--text-secondary);
+    background: var(--primary-main);
+  }
+
   @apply cursor-pointer
-    hover:bg-blue-500
-    hover:text-gray-100
     py-2
     px-3;
 }
diff --git a/packages/core/src/components/collections/CollectionSearch.tsx b/packages/core/src/components/collections/CollectionSearch.tsx
index b63843fb..82b4c003 100644
--- a/packages/core/src/components/collections/CollectionSearch.tsx
+++ b/packages/core/src/components/collections/CollectionSearch.tsx
@@ -1,12 +1,12 @@
 import { Popper as BasePopper } from '@mui/base/Popper';
 import { Search as SearchIcon } from '@styled-icons/material/Search';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { translate } from 'react-polyglot';
 
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { Collection, Collections, TranslatedProps } from '@staticcms/core/interface';
-import type { ChangeEvent, FocusEvent, KeyboardEvent, MouseEvent } from 'react';
+import type { CollectionWithDefaults, CollectionsWithDefaults } from '@staticcms/core';
+import type { ChangeEvent, FC, FocusEvent, KeyboardEvent, MouseEvent } from 'react';
 
 import './CollectionSearch.css';
 
@@ -23,19 +23,20 @@ export const classes = generateClassNames('CollectionSearch', [
 ]);
 
 interface CollectionSearchProps {
-  collections: Collections;
-  collection?: Collection;
+  collections: CollectionsWithDefaults;
+  collection?: CollectionWithDefaults;
   searchTerm: string | undefined;
   onSubmit: (query: string, collection?: string) => void;
 }
 
-const CollectionSearch = ({
+const CollectionSearch: FC<CollectionSearchProps> = ({
   collections: collectionsMap,
   collection,
   searchTerm = '',
   onSubmit,
-  t,
-}: TranslatedProps<CollectionSearchProps>) => {
+}) => {
+  const t = useTranslate();
+
   const inputRef = useRef<HTMLInputElement | HTMLTextAreaElement>();
   const [query, setQuery] = useState(searchTerm);
   const [anchorEl, setAnchorEl] = useState<HTMLInputElement | HTMLTextAreaElement | null>(null);
@@ -211,4 +212,4 @@ const CollectionSearch = ({
   );
 };
 
-export default translate()(CollectionSearch);
+export default CollectionSearch;
diff --git a/packages/core/src/components/collections/CollectionView.tsx b/packages/core/src/components/collections/CollectionView.tsx
index ae049db1..ab9e97aa 100644
--- a/packages/core/src/components/collections/CollectionView.tsx
+++ b/packages/core/src/components/collections/CollectionView.tsx
@@ -1,25 +1,26 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { translate } from 'react-polyglot';
-import { connect } from 'react-redux';
 
 import {
-  changeViewStyle as changeViewStyleAction,
-  filterByField as filterByFieldAction,
-  groupByField as groupByFieldAction,
-  sortByField as sortByFieldAction,
+  changeViewStyle,
+  filterByField,
+  groupByField,
+  sortByField,
 } from '@staticcms/core/actions/entries';
 import { SORT_DIRECTION_ASCENDING } from '@staticcms/core/constants';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import {
-  selectSortableFields,
-  selectViewFilters,
-  selectViewGroups,
+  getSortableFields,
+  getViewFilters,
+  getViewGroups,
 } from '@staticcms/core/lib/util/collection.util';
+import { selectCollections } from '@staticcms/core/reducers/selectors/collections';
 import {
   selectEntriesFilter,
   selectEntriesGroup,
   selectEntriesSort,
   selectViewStyle,
 } from '@staticcms/core/reducers/selectors/entries';
+import { useAppDispatch, useAppSelector } from '@staticcms/core/store/hooks';
 import Card from '../common/card/Card';
 import collectionClasses from './Collection.classes';
 import CollectionControls from './CollectionControls';
@@ -27,41 +28,50 @@ import CollectionHeader from './CollectionHeader';
 import EntriesCollection from './entries/EntriesCollection';
 import EntriesSearch from './entries/EntriesSearch';
 
-import type {
-  Collection,
-  SortDirection,
-  TranslatedProps,
-  ViewFilter,
-  ViewGroup,
-} from '@staticcms/core/interface';
-import type { RootState } from '@staticcms/core/store';
-import type { ComponentType } from 'react';
-import type { ConnectedProps } from 'react-redux';
+import type { ViewStyle } from '@staticcms/core/constants/views';
+import type { CollectionWithDefaults, SortDirection, ViewFilter, ViewGroup } from '@staticcms/core';
+import type { FC } from 'react';
 
 import './Collection.css';
 
-const CollectionView = ({
-  collection,
-  collections,
+export interface CollectionViewProps {
+  isSearchResults?: boolean;
+  isSingleSearchResult?: boolean;
+  name?: string;
+  searchTerm?: string;
+  filterTerm?: string;
+}
+
+const CollectionView: FC<CollectionViewProps> = ({
+  name: collectionName,
   isSearchResults,
   isSingleSearchResult,
-  searchTerm,
-  sortableFields,
-  sortByField,
-  sort,
-  viewFilters,
-  viewGroups,
-  filterTerm,
-  t,
-  filterByField,
-  groupByField,
-  filter,
-  group,
-  changeViewStyle,
-  viewStyle,
-}: TranslatedProps<CollectionViewProps>) => {
+  searchTerm = '',
+  filterTerm = '',
+}) => {
+  const t = useTranslate();
+  const dispatch = useAppDispatch();
+
+  const collections = useAppSelector(selectCollections);
+  const collection = useMemo(
+    () =>
+      (collectionName ? collections[collectionName] : collections[0]) as
+        | CollectionWithDefaults
+        | undefined,
+    [collectionName, collections],
+  );
+
+  const viewStyle = useAppSelector(selectViewStyle);
+  const sort = useAppSelector(state => selectEntriesSort(state, collectionName));
+  const viewFilters = useMemo(() => getViewFilters(collection), [collection]);
+  const viewGroups = useMemo(() => getViewGroups(collection), [collection]);
+
+  const sortableFields = useMemo(() => getSortableFields(collection, t), [collection, t]);
+  const filter = useAppSelector(state => selectEntriesFilter(state, collection?.name));
+  const group = useAppSelector(state => selectEntriesGroup(state, collection?.name));
+
   const [readyToLoad, setReadyToLoad] = useState(false);
-  const [prevCollection, setPrevCollection] = useState<Collection | null>();
+  const [prevCollection, setPrevCollection] = useState<CollectionWithDefaults | null>();
 
   useEffect(() => {
     setPrevCollection(collection);
@@ -89,6 +99,7 @@ const CollectionView = ({
           key="search"
           collections={searchCollections}
           searchTerm={searchTerm}
+          filterTerm={filterTerm}
           viewStyle={viewStyle}
         />
       );
@@ -120,23 +131,30 @@ const CollectionView = ({
 
   const onSortClick = useCallback(
     async (key: string, direction?: SortDirection) => {
-      collection && (await sortByField(collection, key, direction));
+      collection && (await dispatch(sortByField(collection, key, direction)));
     },
-    [collection, sortByField],
+    [collection, dispatch],
   );
 
   const onFilterClick = useCallback(
     async (filter: ViewFilter) => {
-      collection && (await filterByField(collection, filter));
+      collection && (await dispatch(filterByField(collection, filter)));
     },
-    [collection, filterByField],
+    [collection, dispatch],
   );
 
   const onGroupClick = useCallback(
     async (group: ViewGroup) => {
-      collection && (await groupByField(collection, group));
+      collection && (await dispatch(groupByField(collection, group)));
     },
-    [collection, groupByField],
+    [collection, dispatch],
+  );
+
+  const onChangeViewStyle = useCallback(
+    (viewStyle: ViewStyle) => {
+      dispatch(changeViewStyle(viewStyle));
+    },
+    [dispatch],
   );
 
   useEffect(() => {
@@ -155,7 +173,9 @@ const CollectionView = ({
     }
 
     const defaultSort = collection?.sortable_fields?.default;
-    if (!defaultSort || !defaultSort.field) {
+    const defaultViewGroupName = collection?.view_groups?.default;
+    const defaultViewFilterName = collection?.view_filters?.default;
+    if (!defaultViewGroupName && !defaultViewFilterName && (!defaultSort || !defaultSort.field)) {
       if (!readyToLoad) {
         setReadyToLoad(true);
       }
@@ -166,9 +186,27 @@ const CollectionView = ({
 
     let alive = true;
 
-    const sortEntries = () => {
+    const sortGroupFilterEntries = () => {
       setTimeout(async () => {
-        await onSortClick(defaultSort.field, defaultSort.direction ?? SORT_DIRECTION_ASCENDING);
+        if (defaultSort && defaultSort.field) {
+          await onSortClick(defaultSort.field, defaultSort.direction ?? SORT_DIRECTION_ASCENDING);
+        }
+
+        if (defaultViewGroupName) {
+          const defaultViewGroup = viewGroups?.groups.find(g => g.name === defaultViewGroupName);
+          if (defaultViewGroup) {
+            await onGroupClick(defaultViewGroup);
+          }
+        }
+
+        if (defaultViewFilterName) {
+          const defaultViewFilter = viewFilters?.filters.find(
+            f => f.name === defaultViewFilterName,
+          );
+          if (defaultViewFilter) {
+            await onFilterClick(defaultViewFilter);
+          }
+        }
 
         if (alive) {
           setReadyToLoad(true);
@@ -176,12 +214,22 @@ const CollectionView = ({
       });
     };
 
-    sortEntries();
+    sortGroupFilterEntries();
 
     return () => {
       alive = false;
     };
-  }, [collection, onSortClick, prevCollection, readyToLoad, sort]);
+  }, [
+    collection,
+    onFilterClick,
+    onGroupClick,
+    onSortClick,
+    prevCollection,
+    readyToLoad,
+    sort,
+    viewFilters?.filters,
+    viewGroups?.groups,
+  ]);
 
   const collectionDescription = collection?.description;
 
@@ -193,19 +241,19 @@ const CollectionView = ({
             <div className={collectionClasses['search-query']}>
               <div>{t(searchResultKey, { searchTerm, collection: collection?.label })}</div>
             </div>
-            <CollectionControls viewStyle={viewStyle} onChangeViewStyle={changeViewStyle} />
+            <CollectionControls viewStyle={viewStyle} onChangeViewStyle={onChangeViewStyle} />
           </>
         ) : (
           <>
             {collection ? <CollectionHeader collection={collection} /> : null}
             <CollectionControls
               viewStyle={viewStyle}
-              onChangeViewStyle={changeViewStyle}
+              onChangeViewStyle={onChangeViewStyle}
               sortableFields={sortableFields}
               onSortClick={onSortClick}
               sort={sort}
-              viewFilters={viewFilters ?? []}
-              viewGroups={viewGroups ?? []}
+              viewFilters={viewFilters?.filters ?? []}
+              viewGroups={viewGroups?.groups ?? []}
               onFilterClick={onFilterClick}
               onGroupClick={onGroupClick}
               filter={filter}
@@ -224,59 +272,4 @@ const CollectionView = ({
   );
 };
 
-interface CollectionViewOwnProps {
-  isSearchResults?: boolean;
-  isSingleSearchResult?: boolean;
-  name?: string;
-  searchTerm?: string;
-  filterTerm?: string;
-}
-
-function mapStateToProps(state: RootState, ownProps: TranslatedProps<CollectionViewOwnProps>) {
-  const { collections } = state;
-  const {
-    isSearchResults,
-    isSingleSearchResult,
-    name,
-    searchTerm = '',
-    filterTerm = '',
-    t,
-  } = ownProps;
-  const collection = (name ? collections[name] : collections[0]) as Collection | undefined;
-  const sort = selectEntriesSort(state, collection?.name);
-  const sortableFields = selectSortableFields(collection, t);
-  const viewFilters = selectViewFilters(collection);
-  const viewGroups = selectViewGroups(collection);
-  const filter = selectEntriesFilter(collection?.name)(state);
-  const group = selectEntriesGroup(state, collection?.name);
-  const viewStyle = selectViewStyle(state);
-
-  return {
-    isSearchResults,
-    isSingleSearchResult,
-    name,
-    searchTerm,
-    filterTerm,
-    collection,
-    collections,
-    sort,
-    sortableFields,
-    viewFilters,
-    viewGroups,
-    filter,
-    group,
-    viewStyle,
-  };
-}
-
-const mapDispatchToProps = {
-  sortByField: sortByFieldAction,
-  filterByField: filterByFieldAction,
-  changeViewStyle: changeViewStyleAction,
-  groupByField: groupByFieldAction,
-};
-
-const connector = connect(mapStateToProps, mapDispatchToProps);
-export type CollectionViewProps = ConnectedProps<typeof connector>;
-
-export default translate()(connector(CollectionView)) as ComponentType<CollectionViewOwnProps>;
+export default CollectionView;
diff --git a/packages/core/src/components/collections/FilterControl.css b/packages/core/src/components/collections/FilterControl.css
index 638f4aca..a388c9f5 100644
--- a/packages/core/src/components/collections/FilterControl.css
+++ b/packages/core/src/components/collections/FilterControl.css
@@ -4,11 +4,11 @@
 }
 
 .CMS_FilterControl_filter-label {
+  color: var(--text-primary);
+
   @apply ml-2
     text-sm
-    font-medium
-    text-gray-800
-    dark:text-gray-300;
+    font-medium;
 }
 
 .CMS_FilterControl_list-root {
@@ -18,25 +18,25 @@
 }
 
 .CMS_FilterControl_list-label {
+  color: var(--text-primary);
+
   @apply text-lg
-    font-bold
-    text-gray-800
-    dark:text-white;
+    font-bold;
 }
 
 .CMS_FilterControl_list-filter {
+  color: var(--text-primary);
+
   @apply ml-1.5
     font-medium
     flex
-    items-center
-    text-gray-800
-    dark:text-gray-300;
+    items-center;
 }
 
 .CMS_FilterControl_list-filter-label {
+  color: var(--text-primary);
+
   @apply ml-2
     text-base
-    font-medium
-    text-gray-800
-    dark:text-gray-300;
+    font-medium;
 }
diff --git a/packages/core/src/components/collections/FilterControl.tsx b/packages/core/src/components/collections/FilterControl.tsx
index df699fea..2aea73fb 100644
--- a/packages/core/src/components/collections/FilterControl.tsx
+++ b/packages/core/src/components/collections/FilterControl.tsx
@@ -1,13 +1,14 @@
 import React, { useCallback, useMemo } from 'react';
-import { translate } from 'react-polyglot';
 
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
+import Checkbox from '../common/checkbox/Checkbox';
 import Menu from '../common/menu/Menu';
 import MenuGroup from '../common/menu/MenuGroup';
 import MenuItemButton from '../common/menu/MenuItemButton';
 
-import type { FilterMap, TranslatedProps, ViewFilter } from '@staticcms/core/interface';
-import type { FC, MouseEvent } from 'react';
+import type { FilterMap, ViewFilter } from '@staticcms/core';
+import type { MouseEvent, FC } from 'react';
 
 import './FilterControl.css';
 
@@ -28,13 +29,14 @@ export interface FilterControlProps {
   onFilterClick: ((viewFilter: ViewFilter) => void) | undefined;
 }
 
-const FilterControl = ({
+const FilterControl: FC<FilterControlProps> = ({
   filter = {},
   viewFilters = [],
   variant = 'menu',
   onFilterClick,
-  t,
-}: TranslatedProps<FilterControlProps>) => {
+}) => {
+  const t = useTranslate();
+
   const anyActive = useMemo(() => Object.keys(filter).some(key => filter[key]?.active), [filter]);
 
   const handleFilterClick = useCallback(
@@ -79,8 +81,11 @@ const FilterControl = ({
     <Menu
       key="filter-by-menu"
       label={t('collection.collectionTop.filterBy')}
+      color={anyActive ? 'primary' : 'secondary'}
       variant={anyActive ? 'contained' : 'outlined'}
       rootClassName={classes.root}
+      aria-label="filter options dropdown"
+      data-testid="filter-by"
     >
       <MenuGroup>
         {viewFilters.map(viewFilter => {
@@ -90,14 +95,14 @@ const FilterControl = ({
             <MenuItemButton
               key={viewFilter.id}
               onClick={handleFilterClick(viewFilter)}
-              className={classes.filter}
+              rootClassName={classes.filter}
+              data-testid={`filter-by-option-${viewFilter.label}`}
             >
-              <input
+              <Checkbox
                 key={`${labelId}-${checked}`}
                 id={labelId}
-                type="checkbox"
-                value=""
                 checked={checked}
+                size="sm"
                 readOnly
               />
               <label className={classes['filter-label']}>{viewFilter.label}</label>
@@ -109,4 +114,4 @@ const FilterControl = ({
   );
 };
 
-export default translate()(FilterControl) as FC<FilterControlProps>;
+export default FilterControl;
diff --git a/packages/core/src/components/collections/GroupControl.css b/packages/core/src/components/collections/GroupControl.css
index 82aa3794..a99a2c9e 100644
--- a/packages/core/src/components/collections/GroupControl.css
+++ b/packages/core/src/components/collections/GroupControl.css
@@ -10,34 +10,35 @@
 }
 
 .CMS_GroupControl_list-label {
+  color: var(--text-primary);
+
   @apply text-lg
-    font-bold
-    text-gray-800
-    dark:text-white;
+    font-bold;
 }
 
 .CMS_GroupControl_list-option {
+  color: var(--text-primary);
+
   @apply ml-0.5
     font-medium
     flex
-    items-center
-    text-gray-800
-    dark:text-gray-300;
+    items-center;
 }
 
 .CMS_GroupControl_list-option-label {
+  color: var(--text-primary);
+
   @apply ml-2
     text-base
-    font-medium
-    text-gray-800
-    dark:text-gray-300;
+    font-medium;
 }
 
 .CMS_GroupControl_list-option-checked-icon {
+  color: var(--primary-main);
+
   @apply ml-2
     w-6
-    h-6
-    text-blue-500;
+    h-6;
 }
 
 .CMS_GroupControl_list-option-not-checked {
diff --git a/packages/core/src/components/collections/GroupControl.tsx b/packages/core/src/components/collections/GroupControl.tsx
index c4c5381a..fb5040cb 100644
--- a/packages/core/src/components/collections/GroupControl.tsx
+++ b/packages/core/src/components/collections/GroupControl.tsx
@@ -1,13 +1,13 @@
 import { Check as CheckIcon } from '@styled-icons/material/Check';
 import React, { useCallback, useMemo } from 'react';
-import { translate } from 'react-polyglot';
 
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import Menu from '../common/menu/Menu';
 import MenuGroup from '../common/menu/MenuGroup';
 import MenuItemButton from '../common/menu/MenuItemButton';
 
-import type { GroupMap, TranslatedProps, ViewGroup } from '@staticcms/core/interface';
+import type { GroupMap, ViewGroup } from '@staticcms/core';
 import type { FC, MouseEvent } from 'react';
 
 import './GroupControl.css';
@@ -30,13 +30,14 @@ export interface GroupControlProps {
   onGroupClick: ((viewGroup: ViewGroup) => void) | undefined;
 }
 
-const GroupControl = ({
+const GroupControl: FC<GroupControlProps> = ({
   viewGroups = [],
   group = {},
   variant = 'menu',
   onGroupClick,
-  t,
-}: TranslatedProps<GroupControlProps>) => {
+}) => {
+  const t = useTranslate();
+
   const activeGroup = useMemo(() => Object.values(group).find(f => f.active === true), [group]);
 
   const handleGroupClick = useCallback(
@@ -76,8 +77,11 @@ const GroupControl = ({
   return (
     <Menu
       label={t('collection.collectionTop.groupBy')}
+      color={activeGroup ? 'primary' : 'secondary'}
       variant={activeGroup ? 'contained' : 'outlined'}
       rootClassName={classes.root}
+      aria-label="group by options dropdown"
+      data-testid="group-by"
     >
       <MenuGroup>
         {viewGroups.map(viewGroup => (
@@ -85,7 +89,8 @@ const GroupControl = ({
             key={viewGroup.id}
             onClick={() => onGroupClick?.(viewGroup)}
             endIcon={viewGroup.id === activeGroup?.id ? CheckIcon : undefined}
-            className={classes.option}
+            rootClassName={classes.option}
+            data-testid={`group-by-option-${viewGroup.label}`}
           >
             {viewGroup.label}
           </MenuItemButton>
@@ -95,4 +100,4 @@ const GroupControl = ({
   );
 };
 
-export default translate()(GroupControl) as FC<GroupControlProps>;
+export default GroupControl;
diff --git a/packages/core/src/components/collections/NestedCollection.css b/packages/core/src/components/collections/NestedCollection.css
index 6ad6026f..b9142cd3 100644
--- a/packages/core/src/components/collections/NestedCollection.css
+++ b/packages/core/src/components/collections/NestedCollection.css
@@ -4,7 +4,7 @@
       & > .CMS_NestedCollection_link {
         & .CMS_NestedCollection_node-children-icon {
           @apply rotate-90
-          transform;
+            transform;
         }
       }
     }
@@ -29,7 +29,7 @@
     & > .CMS_NestedCollection_link {
       & .CMS_NestedCollection_node-children-icon {
         @apply rotate-90
-        transform;
+          transform;
       }
     }
   }
@@ -51,9 +51,7 @@
 .CMS_NestedCollection_node-children-icon {
   @apply transition-transform
     h-5
-    w-5
-    group-focus-within/active-list:text-blue-500
-    group-hover/active-list:text-blue-500;
+    w-5;
 }
 
 .CMS_NestedCollection_node-children {
diff --git a/packages/core/src/components/collections/NestedCollection.tsx b/packages/core/src/components/collections/NestedCollection.tsx
index 9eca254e..4fa53287 100644
--- a/packages/core/src/components/collections/NestedCollection.tsx
+++ b/packages/core/src/components/collections/NestedCollection.tsx
@@ -10,9 +10,9 @@ import { getTreeData } from '@staticcms/core/lib/util/nested.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import NavLink from '../navbar/NavLink';
 
-import type { Collection, Entry } from '@staticcms/core/interface';
+import type { CollectionWithDefaults, Entry } from '@staticcms/core';
 import type { TreeNodeData } from '@staticcms/core/lib/util/nested.util';
-import type { MouseEvent } from 'react';
+import type { FC, MouseEvent } from 'react';
 
 import './NestedCollection.css';
 
@@ -38,7 +38,7 @@ function getNodeTitle(node: TreeNodeData) {
 }
 
 interface TreeNodeProps {
-  collection: Collection;
+  collection: CollectionWithDefaults;
   treeData: TreeNodeData[];
   rootIsActive: boolean;
   path: string;
@@ -46,14 +46,14 @@ interface TreeNodeProps {
   onToggle: ({ node, expanded }: { node: TreeNodeData; expanded: boolean }) => void;
 }
 
-const TreeNode = ({
+const TreeNode: FC<TreeNodeProps> = ({
   collection,
   treeData,
   rootIsActive,
   path,
   depth = 0,
   onToggle,
-}: TreeNodeProps) => {
+}) => {
   const collectionName = collection.name;
 
   const handleClick = useCallback(
@@ -184,18 +184,18 @@ export function updateNode(
 }
 
 export interface NestedCollectionProps {
-  collection: Collection;
+  collection: CollectionWithDefaults;
   filterTerm: string;
 }
 
-const NestedCollection = ({ collection, filterTerm }: NestedCollectionProps) => {
+const NestedCollection: FC<NestedCollectionProps> = ({ collection, filterTerm }) => {
   const entries = useEntries(collection);
 
   const [treeData, setTreeData] = useState<TreeNodeData[]>(getTreeData(collection, entries));
   const [useFilter, setUseFilter] = useState(true);
 
   const [prevRootIsActive, setPrevRootIsActive] = useState(false);
-  const [prevCollection, setPrevCollection] = useState<Collection | null>(null);
+  const [prevCollection, setPrevCollection] = useState<CollectionWithDefaults | null>(null);
   const [prevEntries, setPrevEntries] = useState<Entry[] | null>(null);
   const [prevPath, setPrevPath] = useState<string | null>(null);
 
diff --git a/packages/core/src/components/collections/SortControl.css b/packages/core/src/components/collections/SortControl.css
index fa42eeb4..1367d74e 100644
--- a/packages/core/src/components/collections/SortControl.css
+++ b/packages/core/src/components/collections/SortControl.css
@@ -13,34 +13,35 @@
 }
 
 .CMS_SortControl_list-label {
+  color: var(--text-primary);
+
   @apply text-lg
-    font-bold
-    text-gray-800
-    dark:text-white;
+    font-bold;
 }
 
 .CMS_SortControl_list-option {
+  color: var(--text-primary);
+
   @apply ml-0.5
     font-medium
     flex
-    items-center
-    text-gray-800
-    dark:text-gray-300;
+    items-center;
 }
 
 .CMS_SortControl_list-option-label {
+  color: var(--text-primary);
+
   @apply ml-2
     text-base
-    font-medium
-    text-gray-800
-    dark:text-gray-300;
+    font-medium;
 }
 
 .CMS_SortControl_list-option-sorted-icon {
+  color: var(--primary-main);
+
   @apply ml-2
     w-6
-    h-6
-    text-blue-500;
+    h-6;
 }
 
 .CMS_SortControl_list-option-not-sorted {
diff --git a/packages/core/src/components/collections/SortControl.tsx b/packages/core/src/components/collections/SortControl.tsx
index b8f4c167..928aece7 100644
--- a/packages/core/src/components/collections/SortControl.tsx
+++ b/packages/core/src/components/collections/SortControl.tsx
@@ -1,24 +1,19 @@
 import { KeyboardArrowDown as KeyboardArrowDownIcon } from '@styled-icons/material/KeyboardArrowDown';
 import { KeyboardArrowUp as KeyboardArrowUpIcon } from '@styled-icons/material/KeyboardArrowUp';
 import React, { useCallback, useMemo } from 'react';
-import { translate } from 'react-polyglot';
 
 import {
   SORT_DIRECTION_ASCENDING,
   SORT_DIRECTION_DESCENDING,
   SORT_DIRECTION_NONE,
 } from '@staticcms/core/constants';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import Menu from '../common/menu/Menu';
 import MenuGroup from '../common/menu/MenuGroup';
 import MenuItemButton from '../common/menu/MenuItemButton';
 
-import type {
-  SortableField,
-  SortDirection,
-  SortMap,
-  TranslatedProps,
-} from '@staticcms/core/interface';
+import type { SortableField, SortDirection, SortMap } from '@staticcms/core';
 import type { FC, MouseEvent } from 'react';
 
 import './SortControl.css';
@@ -52,13 +47,14 @@ export interface SortControlProps {
   onSortClick: ((key: string, direction?: SortDirection) => Promise<void>) | undefined;
 }
 
-const SortControl = ({
+const SortControl: FC<SortControlProps> = ({
   fields = [],
   sort = {},
   variant = 'menu',
   onSortClick,
-  t,
-}: TranslatedProps<SortControlProps>) => {
+}) => {
+  const t = useTranslate();
+
   const selectedSort = useMemo(() => {
     if (!sort) {
       return { key: undefined, direction: undefined };
@@ -120,8 +116,10 @@ const SortControl = ({
   return (
     <Menu
       label={t('collection.collectionTop.sortBy')}
+      color={selectedSort.key ? 'primary' : 'secondary'}
       variant={selectedSort.key ? 'contained' : 'outlined'}
       rootClassName={classes.root}
+      aria-label="sort options dropdown"
     >
       <MenuGroup>
         {fields.map(field => {
@@ -139,7 +137,7 @@ const SortControl = ({
                     : KeyboardArrowDownIcon
                   : undefined
               }
-              className={classes.option}
+              rootClassName={classes.option}
             >
               {field.label ?? field.name}
             </MenuItemButton>
@@ -150,4 +148,4 @@ const SortControl = ({
   );
 };
 
-export default translate()(SortControl) as FC<SortControlProps>;
+export default SortControl;
diff --git a/packages/core/src/components/collections/entries/Entries.classes.ts b/packages/core/src/components/collections/entries/Entries.classes.ts
index 7533c834..2c1c5cd0 100644
--- a/packages/core/src/components/collections/entries/Entries.classes.ts
+++ b/packages/core/src/components/collections/entries/Entries.classes.ts
@@ -1,7 +1,7 @@
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
 const entriesClasses = generateClassNames('Entries', [
-  'root',
+  'no-entries',
   'group',
   'group-content-wrapper',
   'group-content',
diff --git a/packages/core/src/components/collections/entries/Entries.css b/packages/core/src/components/collections/entries/Entries.css
index 7f705080..2afcf6c0 100644
--- a/packages/core/src/components/collections/entries/Entries.css
+++ b/packages/core/src/components/collections/entries/Entries.css
@@ -1,9 +1,10 @@
-.CMS_Entries_root {
+.CMS_Entries_no-entries {
+  color: var(--warning-contrast-color);
+  background: var(--warning-main);
+
   @apply py-2
     px-3
     rounded-md
-    bg-yellow-300/75
-    dark:bg-yellow-800/75
     text-sm;
 }
 
@@ -32,13 +33,13 @@
 }
 
 .CMS_Entries_entry-listing-loading {
+  background: color-mix(in srgb, var(--background-dark) 50%, transparent);
+
   @apply absolute
     inset-0
     flex
     items-center
-    justify-center
-    bg-slate-50/50
-    dark:bg-slate-900/50;
+    justify-center;
 }
 
 .CMS_Entries_entry-listing-grid {
@@ -70,18 +71,16 @@
 }
 
 .CMS_Entries_entry-listing-table {
+  background: var(--background-main);
+  border-color: var(--background-light);
+
   @apply relative
     max-h-full
     h-full
     overflow-hidden
     p-1.5
-    bg-white
     shadow-sm
     border
-    border-gray-100
-    dark:bg-slate-800
-    dark:border-gray-700/40
-    dark:shadow-md
     rounded-xl;
 }
 
@@ -91,14 +90,9 @@
     overflow-auto;
 }
 
-.CMS_Entries_entry-listing-table-row {
-  @apply hover:bg-gray-200
-    dark:hover:bg-slate-700/70;
-}
-
 .CMS_Entries_entry-listing-local-backup {
+  color: var(--primary-light);
+
   @apply w-5
-    h-5
-    text-blue-600
-    dark:text-blue-300;
+    h-5;
 }
diff --git a/packages/core/src/components/collections/entries/Entries.tsx b/packages/core/src/components/collections/entries/Entries.tsx
index 8454b329..63965d50 100644
--- a/packages/core/src/components/collections/entries/Entries.tsx
+++ b/packages/core/src/components/collections/entries/Entries.tsx
@@ -1,13 +1,14 @@
 import React, { useMemo } from 'react';
-import { translate } from 'react-polyglot';
 
 import Loader from '@staticcms/core/components/common/progress/Loader';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import entriesClasses from './Entries.classes';
 import EntryListing from './EntryListing';
 
+import type { CollectionWithDefaults, CollectionsWithDefaults, Entry } from '@staticcms/core';
 import type { ViewStyle } from '@staticcms/core/constants/views';
-import type { Collection, Collections, Entry, TranslatedProps } from '@staticcms/core/interface';
 import type Cursor from '@staticcms/core/lib/util/Cursor';
+import type { FC } from 'react';
 
 import './Entries.css';
 
@@ -22,26 +23,27 @@ export interface BaseEntriesProps {
 }
 
 export interface SingleCollectionEntriesProps extends BaseEntriesProps {
-  collection: Collection;
+  collection: CollectionWithDefaults;
 }
 
 export interface MultipleCollectionEntriesProps extends BaseEntriesProps {
-  collections: Collections;
+  collections: CollectionsWithDefaults;
 }
 
 export type EntriesProps = SingleCollectionEntriesProps | MultipleCollectionEntriesProps;
 
-const Entries = ({
+const Entries: FC<EntriesProps> = ({
   entries,
   isFetching,
   viewStyle,
   cursor,
   filterTerm,
   handleCursorActions,
-  t,
   page,
   ...otherProps
-}: TranslatedProps<EntriesProps>) => {
+}) => {
+  const t = useTranslate();
+
   const loadingMessages = useMemo(
     () => [
       t('collection.entries.loadingEntries'),
@@ -84,7 +86,7 @@ const Entries = ({
     );
   }
 
-  return <div className={entriesClasses.root}>{t('collection.entries.noEntries')}</div>;
+  return <div className={entriesClasses['no-entries']}>{t('collection.entries.noEntries')}</div>;
 };
 
-export default translate()(Entries);
+export default Entries;
diff --git a/packages/core/src/components/collections/entries/EntriesCollection.tsx b/packages/core/src/components/collections/entries/EntriesCollection.tsx
index 8599d984..2059cafb 100644
--- a/packages/core/src/components/collections/entries/EntriesCollection.tsx
+++ b/packages/core/src/components/collections/entries/EntriesCollection.tsx
@@ -1,23 +1,24 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { translate } from 'react-polyglot';
 import { connect } from 'react-redux';
 
 import { loadEntries, traverseCollectionCursor } from '@staticcms/core/actions/entries';
 import useEntries from '@staticcms/core/lib/hooks/useEntries';
 import useGroups from '@staticcms/core/lib/hooks/useGroups';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import { Cursor } from '@staticcms/core/lib/util';
 import classNames from '@staticcms/core/lib/util/classNames.util';
+import { selectUseWorkflow } from '@staticcms/core/reducers/selectors/config';
 import { selectCollectionEntriesCursor } from '@staticcms/core/reducers/selectors/cursors';
 import { selectEntriesLoaded, selectIsFetching } from '@staticcms/core/reducers/selectors/entries';
-import { useAppDispatch } from '@staticcms/core/store/hooks';
+import { useAppDispatch, useAppSelector } from '@staticcms/core/store/hooks';
 import Button from '../../common/button/Button';
 import Entries from './Entries';
 import entriesClasses from './Entries.classes';
 
 import type { ViewStyle } from '@staticcms/core/constants/views';
-import type { Collection, Entry, GroupOfEntries, TranslatedProps } from '@staticcms/core/interface';
+import type { CollectionWithDefaults, Entry, GroupOfEntries } from '@staticcms/core';
 import type { RootState } from '@staticcms/core/store';
-import type { ComponentType } from 'react';
+import type { FC } from 'react';
 import type { t } from 'react-polyglot';
 import type { ConnectedProps } from 'react-redux';
 
@@ -56,17 +57,18 @@ export function filterNestedEntries(path: string, collectionFolder: string, entr
   return filtered;
 }
 
-const EntriesCollection = ({
+const EntriesCollection: FC<EntriesCollectionProps> = ({
   collection,
   filterTerm,
   isFetching,
   viewStyle,
   cursor,
   page,
-  t,
   entriesLoaded,
   readyToLoad,
-}: TranslatedProps<EntriesCollectionProps>) => {
+}) => {
+  const t = useTranslate();
+
   const dispatch = useAppDispatch();
 
   const [prevReadyToLoad, setPrevReadyToLoad] = useState(false);
@@ -75,6 +77,7 @@ const EntriesCollection = ({
   const groups = useGroups(collection.name);
 
   const entries = useEntries(collection);
+  const useWorkflow = useAppSelector(selectUseWorkflow);
 
   const filteredEntries = useMemo(() => {
     if ('nested' in collection) {
@@ -97,7 +100,15 @@ const EntriesCollection = ({
 
     setPrevReadyToLoad(readyToLoad);
     setPrevCollection(collection);
-  }, [collection, dispatch, entriesLoaded, prevCollection, prevReadyToLoad, readyToLoad]);
+  }, [
+    collection,
+    dispatch,
+    entriesLoaded,
+    prevCollection,
+    prevReadyToLoad,
+    readyToLoad,
+    useWorkflow,
+  ]);
 
   const handleCursorActions = useCallback(
     (action: string) => {
@@ -128,6 +139,8 @@ const EntriesCollection = ({
                     variant={index === selectedGroup ? 'contained' : 'text'}
                     onClick={handleGroupClick(index)}
                     className={entriesClasses['group-button']}
+                    aria-label={`group by ${title}`}
+                    data-testid={`group-by-${title}`}
                   >
                     {title}
                   </Button>
@@ -141,7 +154,6 @@ const EntriesCollection = ({
           collection={collection}
           entries={getGroupEntries(filteredEntries, groups[selectedGroup].paths)}
           isFetching={isFetching}
-          collectionName={collection.label}
           viewStyle={viewStyle}
           cursor={cursor}
           handleCursorActions={handleCursorActions}
@@ -158,7 +170,6 @@ const EntriesCollection = ({
       collection={collection}
       entries={filteredEntries}
       isFetching={isFetching}
-      collectionName={collection.label}
       viewStyle={viewStyle}
       cursor={cursor}
       handleCursorActions={handleCursorActions}
@@ -169,7 +180,7 @@ const EntriesCollection = ({
 };
 
 interface EntriesCollectionOwnProps {
-  collection: Collection;
+  collection: CollectionWithDefaults;
   viewStyle: ViewStyle;
   readyToLoad: boolean;
   filterTerm: string;
@@ -193,4 +204,4 @@ const mapDispatchToProps = {};
 const connector = connect(mapStateToProps, mapDispatchToProps);
 export type EntriesCollectionProps = ConnectedProps<typeof connector>;
 
-export default connector(translate()(EntriesCollection) as ComponentType<EntriesCollectionProps>);
+export default connector(EntriesCollection);
diff --git a/packages/core/src/components/collections/entries/EntriesSearch.tsx b/packages/core/src/components/collections/entries/EntriesSearch.tsx
index 5e1ecfac..6f4e9d21 100644
--- a/packages/core/src/components/collections/entries/EntriesSearch.tsx
+++ b/packages/core/src/components/collections/entries/EntriesSearch.tsx
@@ -11,20 +11,22 @@ import { selectSearchedEntries } from '@staticcms/core/reducers/selectors/entrie
 import Entries from './Entries';
 
 import type { ViewStyle } from '@staticcms/core/constants/views';
-import type { Collections } from '@staticcms/core/interface';
+import type { CollectionsWithDefaults } from '@staticcms/core';
 import type { RootState } from '@staticcms/core/store';
+import type { FC } from 'react';
 import type { ConnectedProps } from 'react-redux';
 
-const EntriesSearch = ({
+const EntriesSearch: FC<EntriesSearchProps> = ({
   collections,
   entries,
   isFetching,
   page,
   searchTerm,
+  filterTerm,
   viewStyle,
   searchEntries,
   clearSearch,
-}: EntriesSearchProps) => {
+}) => {
   const collectionNames = useMemo(() => Object.keys(collections), [collections]);
 
   const getCursor = useCallback(() => {
@@ -64,23 +66,25 @@ const EntriesSearch = ({
       entries={entries}
       isFetching={isFetching}
       viewStyle={viewStyle}
+      filterTerm={filterTerm}
     />
   );
 };
 
 interface EntriesSearchOwnProps {
   searchTerm: string;
-  collections: Collections;
+  filterTerm: string;
+  collections: CollectionsWithDefaults;
   viewStyle: ViewStyle;
 }
 
 function mapStateToProps(state: RootState, ownProps: EntriesSearchOwnProps) {
-  const { searchTerm, collections, viewStyle } = ownProps;
+  const { searchTerm, filterTerm, collections, viewStyle } = ownProps;
   const collectionNames = Object.keys(collections);
   const isFetching = state.search.isFetching;
   const page = state.search.page;
   const entries = selectSearchedEntries(state, collectionNames);
-  return { isFetching, page, collections, viewStyle, entries, searchTerm };
+  return { isFetching, page, collections, viewStyle, entries, searchTerm, filterTerm };
 }
 
 const mapDispatchToProps = {
diff --git a/packages/core/src/components/collections/entries/EntryCard.css b/packages/core/src/components/collections/entries/EntryCard.css
index 1c6cc772..c767f50e 100644
--- a/packages/core/src/components/collections/entries/EntryCard.css
+++ b/packages/core/src/components/collections/entries/EntryCard.css
@@ -3,6 +3,15 @@
     w-full
     relative
     overflow-visible;
+
+  &.CMS_EntryCard_no-margin {
+    & .CMS_EntryCard_content-wrapper {
+      inset: unset;
+
+      @apply p-0
+        w-full;
+    }
+  }
 }
 
 .CMS_EntryCard_content-wrapper {
@@ -14,7 +23,8 @@
 .CMS_EntryCard_content {
   @apply p-1
     h-full
-    w-full;
+    w-full
+    relative;
 }
 
 .CMS_EntryCard_card {
@@ -23,18 +33,47 @@
 
 .CMS_EntryCard_card-content {
   @apply flex
-    w-full
-    items-center
-    justify-between;
+    flex-col
+    w-full;
 }
 
-.CMS_EntryCard_card-summary {
-  @apply truncate;
+.CMS_EntryCard_summary-wrapper {
+  @apply flex
+    gap-1
+    w-full
+    flex-nowrap
+    items-center;
+}
+
+.CMS_EntryCard_summary {
+  color: var(--text-primary);
+
+  @apply truncate
+    flex-grow
+    font-bold;
+}
+
+.CMS_EntryCard_description {
+  color: var(--text-primary);
+
+  @apply truncate
+    text-sm;
+}
+
+.CMS_EntryCard_date {
+  color: var(--text-secondary);
+
+  @apply truncate
+    text-sm;
 }
 
 .CMS_EntryCard_local-backup-icon {
+  color: var(--primary-light);
+
   @apply w-5
     h-5
-    text-blue-600
-    dark:text-blue-300;
+    flex-shrink-0;
+}
+
+.CMS_EntryCard_workflow-status {
 }
diff --git a/packages/core/src/components/collections/entries/EntryCard.tsx b/packages/core/src/components/collections/entries/EntryCard.tsx
index 17a507bb..303a0dd9 100644
--- a/packages/core/src/components/collections/entries/EntryCard.tsx
+++ b/packages/core/src/components/collections/entries/EntryCard.tsx
@@ -1,62 +1,87 @@
 import { Info as InfoIcon } from '@styled-icons/material-outlined/Info';
+import format from 'date-fns/format';
+import parse from 'date-fns/parse';
 import React, { useEffect, useMemo, useState } from 'react';
 
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import { getPreviewCard } from '@staticcms/core/lib/registry';
 import { getEntryBackupKey } from '@staticcms/core/lib/util/backup.util';
+import classNames from '@staticcms/core/lib/util/classNames.util';
 import {
   selectEntryCollectionTitle,
-  selectFields,
+  getFields,
   selectTemplateName,
 } from '@staticcms/core/lib/util/collection.util';
 import localForage from '@staticcms/core/lib/util/localForage';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import { selectConfig } from '@staticcms/core/reducers/selectors/config';
-import { selectTheme } from '@staticcms/core/reducers/selectors/globalUI';
 import { useAppSelector } from '@staticcms/core/store/hooks';
 import Card from '../../common/card/Card';
 import CardActionArea from '../../common/card/CardActionArea';
 import CardContent from '../../common/card/CardContent';
 import CardMedia from '../../common/card/CardMedia';
 import useWidgetsFor from '../../common/widget/useWidgetsFor';
+import WorkflowStatusPill from '../../workflow/WorkflowStatusPill';
 
 import type {
   BackupEntry,
-  Collection,
+  CollectionWithDefaults,
+  DateTimeFormats,
   Entry,
   FileOrImageField,
-  TranslatedProps,
-} from '@staticcms/core/interface';
-import type { FC } from 'react';
+} from '@staticcms/core';
+import type { FC, ReactNode } from 'react';
 
 import './EntryCard.css';
 
 export const classes = generateClassNames('EntryCard', [
   'root',
+  'no-margin',
   'content-wrapper',
   'content',
   'card',
   'card-content',
-  'card-summary',
+  'summary-wrapper',
+  'summary',
+  'description',
+  'date',
   'local-backup-icon',
+  'workflow-status',
 ]);
 
 export interface EntryCardProps {
   entry: Entry;
-  imageFieldName?: string | null | undefined;
-  collection: Collection;
+  imageFieldName: string | null | undefined;
+  descriptionFieldName: string | null | undefined;
+  dateFieldName: string | null | undefined;
+  dateFormats: DateTimeFormats | undefined;
+  collection: CollectionWithDefaults;
+  noMargin?: boolean;
+  backTo?: string;
+  children?: ReactNode;
+  useWorkflow: boolean;
 }
 
-const EntryCard: FC<TranslatedProps<EntryCardProps>> = ({
+const EntryCard: FC<EntryCardProps> = ({
   collection,
   entry,
   imageFieldName,
-  t,
+  descriptionFieldName,
+  dateFieldName,
+  dateFormats,
+  noMargin = false,
+  backTo,
+  children,
+  useWorkflow,
 }) => {
+  const t = useTranslate();
+
   const entryData = entry.data;
 
   const path = useMemo(
-    () => `/collections/${collection.name}/entries/${entry.slug}`,
-    [collection.name, entry.slug],
+    () =>
+      `/collections/${collection.name}/entries/${entry.slug}${backTo ? `?backTo=${backTo}` : ''}`,
+    [backTo, collection.name, entry.slug],
   );
 
   const imageField = useMemo(
@@ -73,15 +98,40 @@ const EntryCard: FC<TranslatedProps<EntryCardProps>> = ({
     let i = imageFieldName ? (entryData?.[imageFieldName] as string | undefined) : undefined;
 
     if (i) {
-      i = encodeURI(i.trim());
+      i = i.trim();
     }
 
     return i;
   }, [entryData, imageFieldName]);
 
+  const description = useMemo(() => {
+    let d = descriptionFieldName
+      ? (entryData?.[descriptionFieldName] as string | undefined)
+      : undefined;
+
+    if (d) {
+      d = d.trim();
+    }
+
+    return d;
+  }, [entryData, descriptionFieldName]);
+
+  const date = useMemo(() => {
+    let d = dateFieldName ? (entryData?.[dateFieldName] as string | undefined) : undefined;
+
+    if (d && dateFormats) {
+      const date = parse(d, dateFormats.storageFormat, new Date());
+      if (!isNaN(date.getTime())) {
+        d = format(date, dateFormats.displayFormat);
+      }
+    }
+
+    return d;
+  }, [dateFieldName, entryData, dateFormats]);
+
   const summary = useMemo(() => selectEntryCollectionTitle(collection, entry), [collection, entry]);
 
-  const fields = selectFields(collection, entry.slug);
+  const fields = useMemo(() => getFields(collection, entry.slug), [collection, entry.slug]);
 
   const config = useAppSelector(selectConfig);
 
@@ -97,8 +147,6 @@ const EntryCard: FC<TranslatedProps<EntryCardProps>> = ({
     [templateName],
   );
 
-  const theme = useAppSelector(selectTheme);
-
   const [hasLocalBackup, setHasLocalBackup] = useState(false);
   useEffect(() => {
     if (config?.disable_local_backup) {
@@ -130,7 +178,7 @@ const EntryCard: FC<TranslatedProps<EntryCardProps>> = ({
 
   if (PreviewCardComponent) {
     return (
-      <div className={classes.root}>
+      <div className={classNames(classes.root, noMargin && classes['no-margin'])}>
         <div className={classes['content-wrapper']}>
           <div className={classes.content}>
             <Card>
@@ -141,10 +189,10 @@ const EntryCard: FC<TranslatedProps<EntryCardProps>> = ({
                   entry={entry}
                   widgetFor={widgetFor}
                   widgetsFor={widgetsFor}
-                  theme={theme}
                   hasLocalBackup={hasLocalBackup}
                 />
               </CardActionArea>
+              {children}
             </Card>
           </div>
         </div>
@@ -153,7 +201,7 @@ const EntryCard: FC<TranslatedProps<EntryCardProps>> = ({
   }
 
   return (
-    <div className={classes.root}>
+    <div className={classNames(classes.root, noMargin && classes['no-margin'])}>
       <div className={classes['content-wrapper']}>
         <div className={classes.content}>
           <Card className={classes.card} title={summary}>
@@ -169,16 +217,27 @@ const EntryCard: FC<TranslatedProps<EntryCardProps>> = ({
               ) : null}
               <CardContent>
                 <div className={classes['card-content']}>
-                  <div className={classes['card-summary']}>{summary}</div>
-                  {hasLocalBackup ? (
-                    <InfoIcon
-                      className={classes['local-backup-icon']}
-                      title={t('ui.localBackup.hasLocalBackup')}
-                    />
-                  ) : null}
+                  <div className={classes['summary-wrapper']}>
+                    <div className={classes['summary']}>{summary}</div>
+                    {hasLocalBackup ? (
+                      <InfoIcon
+                        className={classes['local-backup-icon']}
+                        title={t('ui.localBackup.hasLocalBackup')}
+                      />
+                    ) : null}
+                    {useWorkflow ? (
+                      <WorkflowStatusPill
+                        status={entry.status}
+                        className={classes['workflow-status']}
+                      />
+                    ) : null}
+                  </div>
+                  {description ? <div className={classes.description}>{description}</div> : null}
+                  {date ? <div className={classes.date}>{String(date)}</div> : null}
                 </div>
               </CardContent>
             </CardActionArea>
+            {children}
           </Card>
         </div>
       </div>
diff --git a/packages/core/src/components/collections/entries/EntryListing.tsx b/packages/core/src/components/collections/entries/EntryListing.tsx
index b8adddf9..298cbfba 100644
--- a/packages/core/src/components/collections/entries/EntryListing.tsx
+++ b/packages/core/src/components/collections/entries/EntryListing.tsx
@@ -2,21 +2,23 @@ import React, { useCallback, useMemo } from 'react';
 
 import { VIEW_STYLE_TABLE } from '@staticcms/core/constants/views';
 import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
-import { selectFields, selectInferredField } from '@staticcms/core/lib/util/collection.util';
+import { getInferredFields, getFields } from '@staticcms/core/lib/util/collection.util';
 import { isNullish } from '@staticcms/core/lib/util/null.util';
 import { toTitleCaseFromKey } from '@staticcms/core/lib/util/string.util';
+import { getDatetimeFormats } from '@staticcms/datetime/datetime.util';
 import entriesClasses from './Entries.classes';
 import EntryListingGrid from './EntryListingGrid';
 import EntryListingTable from './EntryListingTable';
 
 import type { ViewStyle } from '@staticcms/core/constants/views';
 import type {
-  Collection,
   CollectionEntryData,
-  Collections,
+  CollectionWithDefaults,
+  CollectionsWithDefaults,
+  DateTimeField,
   Entry,
   Field,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 import type Cursor from '@staticcms/core/lib/util/Cursor';
 import type { FC } from 'react';
 
@@ -31,11 +33,11 @@ export interface BaseEntryListingProps {
 }
 
 export interface SingleCollectionEntryListingProps extends BaseEntryListingProps {
-  collection: Collection;
+  collection: CollectionWithDefaults;
 }
 
 export interface MultipleCollectionEntryListingProps extends BaseEntryListingProps {
-  collections: Collections;
+  collections: CollectionsWithDefaults;
 }
 
 export type EntryListingProps =
@@ -62,26 +64,7 @@ const EntryListing: FC<EntryListingProps> = ({
   }, [handleCursorActions, hasMore]);
 
   const inferFields = useCallback(
-    (
-      collection?: Collection,
-    ): {
-      titleField?: string | null;
-      descriptionField?: string | null;
-      imageField?: string | null;
-      remainingFields?: Field[];
-    } => {
-      if (!collection) {
-        return {};
-      }
-
-      const titleField = selectInferredField(collection, 'title');
-      const descriptionField = selectInferredField(collection, 'description');
-      const imageField = selectInferredField(collection, 'image');
-      const fields = selectFields(collection);
-      const inferredFields = [titleField, descriptionField, imageField];
-      const remainingFields = fields && fields.filter(f => inferredFields.indexOf(f.name) === -1);
-      return { titleField, descriptionField, imageField, remainingFields };
-    },
+    (collection?: CollectionWithDefaults) => getInferredFields(collection),
     [],
   );
 
@@ -110,10 +93,13 @@ const EntryListing: FC<EntryListingProps> = ({
     }
 
     const fieldNames = otherProps.collection.summary_fields;
-    const collectionFields = selectFields(otherProps.collection).reduce((acc, f) => {
-      acc[f.name] = f;
-      return acc;
-    }, {} as Record<string, Field>);
+    const collectionFields = getFields(otherProps.collection).reduce(
+      (acc, f) => {
+        acc[f.name] = f;
+        return acc;
+      },
+      {} as Record<string, Field>,
+    );
 
     return fieldNames.map(summaryField => {
       const field = collectionFields[summaryField];
@@ -130,9 +116,21 @@ const EntryListing: FC<EntryListingProps> = ({
     if ('collection' in otherProps) {
       const inferredFields = inferFields(otherProps.collection);
 
+      const dateField =
+        'fields' in otherProps.collection
+          ? (otherProps.collection.fields?.find(
+              f => f.name === inferredFields.date && f.widget === 'datetime',
+            ) as DateTimeField)
+          : undefined;
+
+      const formats = getDatetimeFormats(dateField);
+
       return entries.map(entry => ({
         collection: otherProps.collection,
-        imageFieldName: inferredFields.imageField,
+        imageFieldName: inferredFields.image,
+        descriptionFieldName: inferredFields.description,
+        dateFieldName: inferredFields.date,
+        dateFormats: formats,
         viewStyle,
         entry,
         key: entry.slug,
@@ -146,13 +144,26 @@ const EntryListing: FC<EntryListingProps> = ({
           coll => coll.name === collectionName,
         );
 
-        const collectionLabel = !isSingleCollectionInList ? collection?.label : undefined;
         const inferredFields = inferFields(collection);
+
+        const dateField =
+          collection && 'fields' in collection
+            ? (collection.fields?.find(
+                f => f.name === inferredFields.date && f.widget === 'datetime',
+              ) as DateTimeField)
+            : undefined;
+
+        const formats = getDatetimeFormats(dateField);
+
+        const collectionLabel = !isSingleCollectionInList ? collection?.label : undefined;
         return collection
           ? {
               collection,
               entry,
-              imageFieldName: inferredFields.imageField,
+              imageFieldName: inferredFields.image,
+              descriptionFieldName: inferredFields.description,
+              dateFieldName: inferredFields.date,
+              dateFormats: formats,
               viewStyle,
               collectionLabel,
               key: entry.slug,
@@ -173,7 +184,6 @@ const EntryListing: FC<EntryListingProps> = ({
           loadNext={handleLoadMore}
           canLoadMore={Boolean(hasMore && handleLoadMore)}
           isLoadingEntries={isLoadingEntries}
-          t={t}
         />
       </div>
     );
@@ -186,7 +196,6 @@ const EntryListing: FC<EntryListingProps> = ({
       onLoadMore={handleLoadMore}
       canLoadMore={Boolean(hasMore && handleLoadMore)}
       isLoadingEntries={isLoadingEntries}
-      t={t}
     />
   );
 };
diff --git a/packages/core/src/components/collections/entries/EntryListingCardGrid.tsx b/packages/core/src/components/collections/entries/EntryListingCardGrid.tsx
index 47e7ce01..4b1812d5 100644
--- a/packages/core/src/components/collections/entries/EntryListingCardGrid.tsx
+++ b/packages/core/src/components/collections/entries/EntryListingCardGrid.tsx
@@ -8,38 +8,39 @@ import {
   COLLECTION_CARD_MARGIN,
   COLLECTION_CARD_WIDTH,
 } from '@staticcms/core/constants/views';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import { getPreviewCard } from '@staticcms/core/lib/registry';
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import { selectTemplateName } from '@staticcms/core/lib/util/collection.util';
 import { isNotNullish } from '@staticcms/core/lib/util/null.util';
+import { selectUseWorkflow } from '@staticcms/core/reducers/selectors/config';
+import { useAppSelector } from '@staticcms/core/store/hooks';
 import entriesClasses from './Entries.classes';
 import EntryCard from './EntryCard';
 
-import type { CollectionEntryData } from '@staticcms/core/interface';
+import type { CollectionEntryData } from '@staticcms/core';
 import type { FC } from 'react';
-import type { t } from 'react-polyglot';
 import type { GridChildComponentProps } from 'react-window';
 
 export interface EntryListingCardGridProps {
   scrollContainerRef: React.MutableRefObject<HTMLDivElement | null>;
   entryData: CollectionEntryData[];
   onScroll: () => void;
-  t: t;
 }
 
 export interface CardGridItemData {
   columnCount: number;
   cardHeights: number[];
   entryData: CollectionEntryData[];
-  t: t;
+  useWorkflow: boolean;
 }
 
-const CardWrapper = ({
+const CardWrapper: FC<GridChildComponentProps<CardGridItemData>> = ({
   rowIndex,
   columnIndex,
   style,
-  data: { columnCount, cardHeights, entryData, t },
-}: GridChildComponentProps<CardGridItemData>) => {
+  data: { columnCount, cardHeights, entryData, useWorkflow },
+}) => {
   const left = useMemo(
     () =>
       parseFloat(
@@ -82,7 +83,10 @@ const CardWrapper = ({
         collection={data.collection}
         entry={data.entry}
         imageFieldName={data.imageFieldName}
-        t={t}
+        descriptionFieldName={data.descriptionFieldName}
+        dateFieldName={data.dateFieldName}
+        dateFormats={data.dateFormats}
+        useWorkflow={useWorkflow}
       />
     </div>
   );
@@ -92,8 +96,11 @@ const EntryListingCardGrid: FC<EntryListingCardGridProps> = ({
   entryData,
   scrollContainerRef,
   onScroll,
-  t,
 }) => {
+  const t = useTranslate();
+
+  const useWorkflow = useAppSelector(selectUseWorkflow);
+
   const [version, setVersion] = useState(0);
 
   const handleResize = useCallback(() => {
@@ -195,6 +202,7 @@ const EntryListingCardGrid: FC<EntryListingCardGridProps> = ({
                     entryData,
                     cardHeights,
                     columnCount,
+                    useWorkflow,
                     t,
                   } as CardGridItemData
                 }
diff --git a/packages/core/src/components/collections/entries/EntryListingGrid.tsx b/packages/core/src/components/collections/entries/EntryListingGrid.tsx
index 12e13a2e..12fbd10d 100644
--- a/packages/core/src/components/collections/entries/EntryListingGrid.tsx
+++ b/packages/core/src/components/collections/entries/EntryListingGrid.tsx
@@ -1,21 +1,20 @@
 import React, { useCallback, useEffect, useRef } from 'react';
 
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import { isNotNullish } from '@staticcms/core/lib/util/null.util';
 import { selectIsFetching } from '@staticcms/core/reducers/selectors/globalUI';
 import { useAppSelector } from '@staticcms/core/store/hooks';
 import entriesClasses from './Entries.classes';
 import EntryListingCardGrid from './EntryListingCardGrid';
 
-import type { CollectionEntryData } from '@staticcms/core/interface';
+import type { CollectionEntryData } from '@staticcms/core';
 import type { FC } from 'react';
-import type { t } from 'react-polyglot';
 
 export interface EntryListingGridProps {
   entryData: CollectionEntryData[];
   canLoadMore?: boolean;
   isLoadingEntries: boolean;
   onLoadMore: () => void;
-  t: t;
 }
 
 const EntryListingGrid: FC<EntryListingGridProps> = ({
@@ -23,8 +22,9 @@ const EntryListingGrid: FC<EntryListingGridProps> = ({
   canLoadMore,
   isLoadingEntries,
   onLoadMore,
-  t,
 }) => {
+  const t = useTranslate();
+
   const gridContainerRef = useRef<HTMLDivElement | null>(null);
 
   const isFetching = useAppSelector(selectIsFetching);
@@ -65,7 +65,6 @@ const EntryListingGrid: FC<EntryListingGridProps> = ({
           entryData={entryData}
           scrollContainerRef={gridContainerRef}
           onScroll={handleScroll}
-          t={t}
         />
       </div>
       {isLoadingEntries ? (
diff --git a/packages/core/src/components/collections/entries/EntryListingTable.tsx b/packages/core/src/components/collections/entries/EntryListingTable.tsx
index 69767f2d..2b75dca4 100644
--- a/packages/core/src/components/collections/entries/EntryListingTable.tsx
+++ b/packages/core/src/components/collections/entries/EntryListingTable.tsx
@@ -1,17 +1,18 @@
+import { useVirtualizer } from '@tanstack/react-virtual';
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
-import { useVirtual } from 'react-virtual';
 
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import { isNotNullish } from '@staticcms/core/lib/util/null.util';
+import { selectUseWorkflow } from '@staticcms/core/reducers/selectors/config';
 import { selectIsFetching } from '@staticcms/core/reducers/selectors/globalUI';
 import { useAppSelector } from '@staticcms/core/store/hooks';
 import Table from '../../common/table/Table';
 import entriesClasses from './Entries.classes';
 import EntryRow from './EntryRow';
 
-import type { CollectionEntryData } from '@staticcms/core/interface';
+import type { CollectionEntryData } from '@staticcms/core';
 import type { FC } from 'react';
-import type { t } from 'react-polyglot';
 
 export interface EntryListingTableProps {
   isSingleCollectionInList: boolean;
@@ -23,7 +24,6 @@ export interface EntryListingTableProps {
   canLoadMore: boolean;
   isLoadingEntries: boolean;
   loadNext: () => void;
-  t: t;
 }
 
 const EntryListingTable: FC<EntryListingTableProps> = ({
@@ -33,26 +33,32 @@ const EntryListingTable: FC<EntryListingTableProps> = ({
   canLoadMore,
   isLoadingEntries,
   loadNext,
-  t,
 }) => {
+  const t = useTranslate();
+
   const isFetching = useAppSelector(selectIsFetching);
 
   const tableContainerRef = useRef<HTMLDivElement | null>(null);
 
-  const { virtualItems: virtualRows, totalSize } = useVirtual({
-    parentRef: tableContainerRef,
-    size: entryData.length,
+  const rowVirtualizer = useVirtualizer({
+    getScrollElement: () => tableContainerRef.current,
+    count: entryData.length,
     overscan: 10,
+    estimateSize: () => 45,
   });
 
+  const virtualRows = rowVirtualizer.getVirtualItems();
+
   const paddingTop = useMemo(
     () => (virtualRows.length > 0 ? virtualRows?.[0]?.start || 0 : 0),
     [virtualRows],
   );
   const paddingBottom = useMemo(
     () =>
-      virtualRows.length > 0 ? totalSize - (virtualRows?.[virtualRows.length - 1]?.end || 0) : 0,
-    [totalSize, virtualRows],
+      virtualRows.length > 0
+        ? rowVirtualizer.getTotalSize() - (virtualRows?.[virtualRows.length - 1]?.end || 0)
+        : 0,
+    [rowVirtualizer, virtualRows],
   );
 
   const fetchMoreOnBottomReached = useCallback(
@@ -73,6 +79,8 @@ const EntryListingTable: FC<EntryListingTableProps> = ({
     fetchMoreOnBottomReached(scrollHeight, scrollTop, clientHeight);
   }, [clientHeight, fetchMoreOnBottomReached, scrollHeight, scrollTop]);
 
+  const useWorkflow = useAppSelector(selectUseWorkflow);
+
   const baseColumnHeaders = useMemo(() => {
     const cols = [...summaryFields.map(f => f.label), ''];
 
@@ -80,8 +88,12 @@ const EntryListingTable: FC<EntryListingTableProps> = ({
       cols.unshift(t('collection.table.collection'));
     }
 
+    if (useWorkflow) {
+      cols.push('');
+    }
+
     return cols;
-  }, [isSingleCollectionInList, summaryFields, t]);
+  }, [isSingleCollectionInList, summaryFields, t, useWorkflow]);
 
   const columnFields = useMemo(() => [...summaryFields.map(f => f.name)], [summaryFields]);
 
@@ -101,7 +113,7 @@ const EntryListingTable: FC<EntryListingTableProps> = ({
               <td style={{ height: `${paddingTop}px` }} />
             </tr>
           )}
-          {virtualRows.map(virtualRow => {
+          {rowVirtualizer.getVirtualItems().map(virtualRow => {
             const data = entryData[virtualRow.index];
             return (
               <EntryRow
diff --git a/packages/core/src/components/collections/entries/EntryRow.tsx b/packages/core/src/components/collections/entries/EntryRow.tsx
index b6580319..c27b670f 100644
--- a/packages/core/src/components/collections/entries/EntryRow.tsx
+++ b/packages/core/src/components/collections/entries/EntryRow.tsx
@@ -6,24 +6,26 @@ import { getFieldPreview } from '@staticcms/core/lib/registry';
 import { getEntryBackupKey } from '@staticcms/core/lib/util/backup.util';
 import {
   selectEntryCollectionTitle,
-  selectFields,
+  getFields,
   selectTemplateName,
 } from '@staticcms/core/lib/util/collection.util';
 import localForage from '@staticcms/core/lib/util/localForage';
 import { isNullish } from '@staticcms/core/lib/util/null.util';
-import { selectConfig } from '@staticcms/core/reducers/selectors/config';
-import { selectTheme } from '@staticcms/core/reducers/selectors/globalUI';
+import { selectConfig, selectUseWorkflow } from '@staticcms/core/reducers/selectors/config';
 import { useAppSelector } from '@staticcms/core/store/hooks';
 import TableCell from '../../common/table/TableCell';
 import TableRow from '../../common/table/TableRow';
+import WorkflowStatusPill from '../../workflow/WorkflowStatusPill';
 import entriesClasses from './Entries.classes';
+import RelationSummary from '@staticcms/relation/RelationSummary';
+import { getI18nInfo } from '@staticcms/core/lib/i18n';
 
-import type { BackupEntry, Collection, Entry, TranslatedProps } from '@staticcms/core/interface';
+import type { BackupEntry, CollectionWithDefaults, Entry, TranslatedProps } from '@staticcms/core';
 import type { FC } from 'react';
 
 export interface EntryRowProps {
   entry: Entry;
-  collection: Collection;
+  collection: CollectionWithDefaults;
   collectionLabel?: string;
   columnFields: string[];
 }
@@ -40,19 +42,20 @@ const EntryRow: FC<TranslatedProps<EntryRowProps>> = ({
     [collection.name, entry.slug],
   );
 
+  const { default_locale } = useMemo(() => getI18nInfo(collection), [collection]) ?? {};
+
   const summary = useMemo(() => selectEntryCollectionTitle(collection, entry), [collection, entry]);
 
-  const fields = selectFields(collection, entry.slug);
+  const fields = useMemo(() => getFields(collection, entry.slug), [collection, entry.slug]);
 
   const config = useAppSelector(selectConfig);
+  const useWorkflow = useAppSelector(selectUseWorkflow);
 
   const templateName = useMemo(
     () => selectTemplateName(collection, entry.slug),
     [collection, entry.slug],
   );
 
-  const theme = useAppSelector(selectTheme);
-
   const [hasLocalBackup, setHasLocalBackup] = useState(false);
   useEffect(() => {
     if (config?.disable_local_backup) {
@@ -105,14 +108,11 @@ const EntryRow: FC<TranslatedProps<EntryRowProps>> = ({
         return (
           <TableCell key={fieldName} to={path}>
             {field && FieldPreviewComponent ? (
-              <FieldPreviewComponent
-                collection={collection}
-                field={field}
-                value={value}
-                theme={theme}
-              />
+              <FieldPreviewComponent collection={collection} field={field} value={value} />
             ) : isNullish(value) ? (
               ''
+            ) : field?.widget === 'relation' ? (
+              <RelationSummary field={field} value={value} locale={default_locale} entry={entry} />
             ) : (
               String(value)
             )}
@@ -127,6 +127,11 @@ const EntryRow: FC<TranslatedProps<EntryRowProps>> = ({
           />
         ) : null}
       </TableCell>
+      {useWorkflow ? (
+        <TableCell key="status" to={path} shrink>
+          <WorkflowStatusPill status={entry.status} />
+        </TableCell>
+      ) : null}
     </TableRow>
   );
 };
diff --git a/packages/core/src/components/collections/mobile/MobileCollectionControls.classes.ts b/packages/core/src/components/collections/mobile/MobileCollectionControls.classes.ts
index f865be38..7627958b 100644
--- a/packages/core/src/components/collections/mobile/MobileCollectionControls.classes.ts
+++ b/packages/core/src/components/collections/mobile/MobileCollectionControls.classes.ts
@@ -4,7 +4,6 @@ const mobileCollectionControlsClasses = generateClassNames('MobileCollectionCont
   'root',
   'content',
   'toggle',
-  'toggle-icon',
 ]);
 
 export default mobileCollectionControlsClasses;
diff --git a/packages/core/src/components/collections/mobile/MobileCollectionControls.css b/packages/core/src/components/collections/mobile/MobileCollectionControls.css
index 13f067e8..bc990880 100644
--- a/packages/core/src/components/collections/mobile/MobileCollectionControls.css
+++ b/packages/core/src/components/collections/mobile/MobileCollectionControls.css
@@ -14,6 +14,8 @@
 }
 
 .CMS_MobileCollectionControls_content {
+  background: var(--background-main);
+
   @apply px-5
     py-4
     flex
@@ -21,17 +23,10 @@
     gap-6
     h-full
     w-full
-    overflow-y-auto
-    bg-white
-    dark:bg-slate-800;
+    overflow-y-auto;
 }
 
 .CMS_MobileCollectionControls_toggle {
   @apply flex
     lg:!hidden;
 }
-
-.CMS_MobileCollectionControls_toggle-icon {
-  @apply w-5
-    h-5;
-}
diff --git a/packages/core/src/components/collections/mobile/MobileCollectionControls.tsx b/packages/core/src/components/collections/mobile/MobileCollectionControls.tsx
index 848e5f1a..5e7f0d79 100644
--- a/packages/core/src/components/collections/mobile/MobileCollectionControls.tsx
+++ b/packages/core/src/components/collections/mobile/MobileCollectionControls.tsx
@@ -29,12 +29,12 @@ const MobileCollectionControls: FC<MobileCollectionControlsProps> = props => {
   return (
     <>
       <IconButton
-        className={mobileCollectionControlsClasses.toggle}
+        icon={FilterListIcon}
         variant="text"
         onClick={toggleMobileMenu}
-      >
-        <FilterListIcon className={mobileCollectionControlsClasses['toggle-icon']} />
-      </IconButton>
+        rootClassName={mobileCollectionControlsClasses.toggle}
+        aria-label="toggle menu"
+      />
       <MobileCollectionControlsDrawer
         {...props}
         mobileOpen={mobileOpen}
diff --git a/packages/core/src/components/collections/mobile/MobileCollectionControlsDrawer.tsx b/packages/core/src/components/collections/mobile/MobileCollectionControlsDrawer.tsx
index 486582dd..aef83c6f 100644
--- a/packages/core/src/components/collections/mobile/MobileCollectionControlsDrawer.tsx
+++ b/packages/core/src/components/collections/mobile/MobileCollectionControlsDrawer.tsx
@@ -7,6 +7,7 @@ import GroupControl from '../GroupControl';
 import SortControl from '../SortControl';
 import mobileCollectionControlsClasses from './MobileCollectionControls.classes';
 
+import type { FC } from 'react';
 import type { FilterControlProps } from '../FilterControl';
 import type { GroupControlProps } from '../GroupControl';
 import type { SortControlProps } from '../SortControl';
@@ -22,7 +23,7 @@ export type MobileCollectionControlsDrawerProps = Omit<FilterControlProps, 'vari
     showSortControl: boolean;
   };
 
-const MobileCollectionControlsDrawer = ({
+const MobileCollectionControlsDrawer: FC<MobileCollectionControlsDrawerProps> = ({
   mobileOpen,
   onMobileOpenToggle,
   showFilterControl,
@@ -37,7 +38,7 @@ const MobileCollectionControlsDrawer = ({
   sort,
   fields,
   onSortClick,
-}: MobileCollectionControlsDrawerProps) => {
+}) => {
   const container = useMemo(
     () => (typeof window !== 'undefined' ? window.document.body : undefined),
     [],
diff --git a/packages/core/src/components/common/alert/Alert.css b/packages/core/src/components/common/alert/Alert.css
index 5ea9a225..9e054bd5 100644
--- a/packages/core/src/components/common/alert/Alert.css
+++ b/packages/core/src/components/common/alert/Alert.css
@@ -11,11 +11,11 @@
 }
 
 .CMS_Alert_content {
+  color: var(--text-secondary);
+
   @apply px-6
     pb-4
-    text-sm
-    text-slate-500
-    dark:text-slate-400;
+    text-sm;
 }
 
 .CMS_Alert_actions {
diff --git a/packages/core/src/components/common/alert/Alert.tsx b/packages/core/src/components/common/alert/Alert.tsx
index fd7e739a..33880d8d 100644
--- a/packages/core/src/components/common/alert/Alert.tsx
+++ b/packages/core/src/components/common/alert/Alert.tsx
@@ -1,13 +1,13 @@
 import React, { useCallback, useMemo, useState } from 'react';
-import { translate } from 'react-polyglot';
 
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import AlertEvent from '@staticcms/core/lib/util/events/AlertEvent';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import { useWindowEvent } from '@staticcms/core/lib/util/window.util';
 import Button from '../button/Button';
 import Modal from '../modal/Modal';
 
-import type { TranslateProps } from 'react-polyglot';
+import type { FC } from 'react';
 
 import './Alert.css';
 
@@ -30,7 +30,9 @@ export interface AlertDialogProps extends AlertProps {
   resolve: () => void;
 }
 
-const AlertDialog = ({ t }: TranslateProps) => {
+const AlertDialog: FC = () => {
+  const t = useTranslate();
+
   const [detail, setDetail] = useState<AlertDialogProps | null>(null);
   const {
     resolve,
@@ -98,7 +100,7 @@ const AlertDialog = ({ t }: TranslateProps) => {
   );
 };
 
-export const Alert = translate()(AlertDialog);
+export const Alert = AlertDialog;
 
 const alert = (props: AlertProps) => {
   return new Promise<void>(resolve => {
diff --git a/packages/core/src/components/common/autocomplete/Autocomplete.css b/packages/core/src/components/common/autocomplete/Autocomplete.css
index aff0aa11..fa3bf811 100644
--- a/packages/core/src/components/common/autocomplete/Autocomplete.css
+++ b/packages/core/src/components/common/autocomplete/Autocomplete.css
@@ -8,13 +8,11 @@
 
   &.CMS_Autocomplete_disabled {
     & .CMS_Autocomplete_input {
-      @apply text-gray-300
-        dark:text-gray-500;
+      color: var(--text-secondary);
     }
 
     & .CMS_Autocomplete_button-icon {
-      @apply text-gray-300/75
-        dark:text-gray-600/75;
+      color: var(--text-secondary);
     }
   }
 }
@@ -27,6 +25,8 @@
 }
 
 .CMS_Autocomplete_input {
+  color: var(--text-primary);
+
   @apply w-full
     bg-transparent
     border-none
@@ -37,9 +37,7 @@
     focus:ring-0
     outline-none
     flex-grow
-    truncate
-    text-gray-800
-    dark:text-gray-100;
+    truncate;
 }
 
 .CMS_Autocomplete_button-wrapper {
@@ -53,54 +51,52 @@
 }
 
 .CMS_Autocomplete_button-icon {
-  @apply h-5
-    w-5
-    text-gray-400;
+  color: var(--text-secondary);
+}
+
+.CMS_Autocomplete_popper {
+  @apply z-[11]
+    after:-z-[1];
 }
 
 .CMS_Autocomplete_options {
+  background: var(--background-main);
+
   @apply max-h-60
     w-full
     overflow-auto
     rounded-md
-    bg-white
     py-1
     text-base
     shadow-md
-    ring-1
-    ring-black
-    ring-opacity-5
     focus:outline-none
     sm:text-sm
-    z-30
-    dark:bg-slate-700
-    dark:shadow-lg;
+    relative;
 }
 
 .CMS_Autocomplete_nothing {
+  color: var(--text-primary);
+
   @apply relative
     cursor-default
     select-none
     py-2
-    px-4
-    text-gray-800
-    dark:text-gray-300;
+    px-4;
 }
 
 .CMS_Autocomplete_option {
+  color: var(--text-primary);
+
   @apply relative
     select-none
     py-2
     pl-10
     pr-4
-    cursor-pointer
-    text-gray-800
-    dark:text-gray-100;
+    cursor-pointer;
 }
 
 .CMS_Autocomplete_option-selected {
-  @apply bg-gray-100
-    dark:bg-slate-600;
+  background: var(--background-dark);
 }
 
 .CMS_Autocomplete_option-selected {
@@ -115,13 +111,14 @@
 }
 
 .CMS_Autocomplete_checkmark {
+  color: var(--primary-main);
+
   @apply absolute
     inset-y-0
     left-0
     flex
     items-center
-    pl-3
-    text-blue-500;
+    pl-3;
 }
 
 .CMS_Autocomplete_checkmark-icon {
diff --git a/packages/core/src/components/common/autocomplete/Autocomplete.tsx b/packages/core/src/components/common/autocomplete/Autocomplete.tsx
index bdf98aaa..1de9e01d 100644
--- a/packages/core/src/components/common/autocomplete/Autocomplete.tsx
+++ b/packages/core/src/components/common/autocomplete/Autocomplete.tsx
@@ -12,7 +12,7 @@ import { isNullish } from '@staticcms/core/lib/util/null.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import IconButton from '../button/IconButton';
 
-import type { MouseEvent, ReactNode, Ref } from 'react';
+import type { FC, MouseEvent, ReactNode, Ref } from 'react';
 
 import './Autocomplete.css';
 
@@ -27,6 +27,7 @@ export const classes = generateClassNames('Autocomplete', [
   'button-icon',
   'options',
   'nothing',
+  'popper',
   'option',
   'option-selected',
   'option-label',
@@ -62,7 +63,7 @@ export interface AutocompleteProps {
   onChange: (value: string | string[] | undefined) => void;
 }
 
-const Autocomplete = ({
+const Autocomplete: FC<AutocompleteProps> = ({
   label,
   value,
   options,
@@ -72,7 +73,7 @@ const Autocomplete = ({
   endAdornment,
   onChange,
   onQuery,
-}: AutocompleteProps) => {
+}) => {
   const [inputValue, setInputValue] = useState('');
 
   const debouncedOnQuery = useDebouncedCallback(onQuery, 200);
@@ -120,11 +121,14 @@ const Autocomplete = ({
   const finalOptions = useMemo(() => options.map(getOptionLabelAndValue), [options]);
   const optionsByValue = useMemo(
     () =>
-      finalOptions.reduce((acc, option) => {
-        acc[option.value] = option;
+      finalOptions.reduce(
+        (acc, option) => {
+          acc[option.value] = option;
 
-        return acc;
-      }, {} as Record<string, Option>),
+          return acc;
+        },
+        {} as Record<string, Option>,
+      ),
     [finalOptions],
   );
 
@@ -202,29 +206,31 @@ const Autocomplete = ({
         <div className={classes['button-wrapper']}>
           {endAdornment}
           <IconButton
+            icon={KeyboardArrowDownIcon}
             variant="text"
             size="small"
             disabled={disabled}
-            className={classes.button}
             onClick={handleDropdownButtonClick}
-          >
-            <KeyboardArrowDownIcon className={classes['button-icon']} aria-hidden="true" />
-          </IconButton>
+            rootClassName={classes.button}
+            iconClassName={classes['button-icon']}
+            aria-label="open options"
+          />
           {!required ? (
             <IconButton
+              icon={CloseIcon}
               variant="text"
               size="small"
               disabled={disabled}
-              className={classes.button}
               onClick={clear}
-            >
-              <CloseIcon className={classes['button-icon']} aria-hidden="true" />
-            </IconButton>
+              rootClassName={classes.button}
+              iconClassName={classes['button-icon']}
+              aria-label="clear"
+            />
           ) : null}
         </div>
       </div>
       {anchorEl && (
-        <Popper open={popupOpen} anchorEl={anchorEl} style={{ width }}>
+        <Popper open={popupOpen} anchorEl={anchorEl} style={{ width }} className={classes.popper}>
           <ul
             {...getListboxProps()}
             className={classNames(classes.options, 'CMS_Scrollbar_root', 'CMS_Scrollbar_secondary')}
diff --git a/packages/core/src/components/common/button/Button.tsx b/packages/core/src/components/common/button/Button.tsx
index e61a74c9..1fb20928 100644
--- a/packages/core/src/components/common/button/Button.tsx
+++ b/packages/core/src/components/common/button/Button.tsx
@@ -10,7 +10,7 @@ import './Button.css';
 
 export interface BaseBaseProps {
   variant?: 'contained' | 'outlined' | 'text';
-  color?: 'primary' | 'secondary' | 'success' | 'error' | 'warning';
+  color?: 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info';
   size?: 'medium' | 'small';
   rounded?: boolean | 'no-padding';
   className?: string;
diff --git a/packages/core/src/components/common/button/IconButton.css b/packages/core/src/components/common/button/IconButton.css
index 3108444e..dd8b56a4 100644
--- a/packages/core/src/components/common/button/IconButton.css
+++ b/packages/core/src/components/common/button/IconButton.css
@@ -1,9 +1,19 @@
 .CMS_IconButton_root {
   &.CMS_IconButton_sm {
     @apply px-0.5;
+
+    & .CMS_IconButton_icon {
+      @apply h-4
+        w-4;
+    }
   }
 
   &.CMS_IconButton_md {
     @apply px-1.5;
+
+    & .CMS_IconButton_icon {
+      @apply h-5
+        w-5;
+    }
   }
 }
diff --git a/packages/core/src/components/common/button/IconButton.tsx b/packages/core/src/components/common/button/IconButton.tsx
index f7ead57a..dd219f3d 100644
--- a/packages/core/src/components/common/button/IconButton.tsx
+++ b/packages/core/src/components/common/button/IconButton.tsx
@@ -5,21 +5,41 @@ import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import Button from './Button';
 
 import type { FC } from 'react';
-import type { ButtonLinkProps } from './Button';
+import type { ButtonExternalLinkProps, ButtonInternalLinkProps, ButtonProps } from './Button';
 
 import './IconButton.css';
 
-export const classes = generateClassNames('IconButton', ['root', 'sm', 'md']);
+export const classes = generateClassNames('IconButton', ['root', 'sm', 'md', 'icon']);
 
-export type IconButtonProps = Omit<ButtonLinkProps, 'children'> & {
-  children: FC<{ className?: string }>;
-};
+export interface BaseIconButtonProps {
+  rootClassName?: string;
+  iconClassName?: string;
+  icon: FC<{ className?: string }>;
+}
 
-const IconButton = ({ children, size = 'medium', className, ...otherProps }: ButtonLinkProps) => {
+export type IconButtonProps = Omit<ButtonProps, 'children' | 'className'> & BaseIconButtonProps;
+
+export type IconButtonInternalLinkProps = Omit<ButtonInternalLinkProps, 'children' | 'className'> &
+  BaseIconButtonProps;
+
+export type IconButtonExternalLinkProps = Omit<ButtonExternalLinkProps, 'children' | 'className'> &
+  BaseIconButtonProps;
+
+export type IconLinkProps = IconButtonInternalLinkProps | IconButtonExternalLinkProps;
+
+export type IconButtonLinkProps = IconButtonProps | IconLinkProps;
+
+const IconButton: FC<IconButtonLinkProps> = ({
+  icon: Icon,
+  size = 'medium',
+  rootClassName,
+  iconClassName,
+  ...otherProps
+}) => {
   return (
     <Button
       className={classNames(
-        className,
+        rootClassName,
         classes.root,
         size === 'small' && classes.sm,
         size === 'medium' && classes.md,
@@ -27,7 +47,7 @@ const IconButton = ({ children, size = 'medium', className, ...otherProps }: But
       size={size}
       {...otherProps}
     >
-      {children}
+      <Icon className={classNames(iconClassName, classes.icon)} />
     </Button>
   );
 };
diff --git a/packages/core/src/components/common/button/useButtonClassNames.tsx b/packages/core/src/components/common/button/useButtonClassNames.tsx
index 5a9daa39..ea393928 100644
--- a/packages/core/src/components/common/button/useButtonClassNames.tsx
+++ b/packages/core/src/components/common/button/useButtonClassNames.tsx
@@ -39,6 +39,7 @@ const classes: Record<
     success: 'CMS_Button_contained-success',
     error: 'CMS_Button_contained-error',
     warning: 'CMS_Button_contained-warning',
+    info: 'CMS_Button_contained-info',
   },
   outlined: {
     primary: 'CMS_Button_outlined-primary',
@@ -46,6 +47,7 @@ const classes: Record<
     success: 'CMS_Button_outlined-success',
     error: 'CMS_Button_outlined-error',
     warning: 'CMS_Button_outlined-warning',
+    info: 'CMS_Button_outlined-info',
   },
   text: {
     primary: 'CMS_Button_text-primary',
@@ -53,6 +55,7 @@ const classes: Record<
     success: 'CMS_Button_text-success',
     error: 'CMS_Button_text-error',
     warning: 'CMS_Button_text-warning',
+    info: 'CMS_Button_text-info',
   },
 };
 
diff --git a/packages/core/src/components/common/card/Card.classes.ts b/packages/core/src/components/common/card/Card.classes.ts
index 162e4165..d503e2dc 100644
--- a/packages/core/src/components/common/card/Card.classes.ts
+++ b/packages/core/src/components/common/card/Card.classes.ts
@@ -1,5 +1,12 @@
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-const cardClasses = generateClassNames('Card', ['root', 'header', 'content', 'media', 'actions']);
+const cardClasses = generateClassNames('Card', [
+  'root',
+  'header',
+  'content',
+  'media',
+  'link-action',
+  'button-action',
+]);
 
 export default cardClasses;
diff --git a/packages/core/src/components/common/card/Card.css b/packages/core/src/components/common/card/Card.css
index cea77a55..aafb4b3c 100644
--- a/packages/core/src/components/common/card/Card.css
+++ b/packages/core/src/components/common/card/Card.css
@@ -1,32 +1,30 @@
 .CMS_Card_root {
-  @apply bg-white
-    border
-    border-gray-100
+  background: var(--background-main);
+  border-color: var(--background-light);
+
+  @apply border
     rounded-lg
     shadow-sm
-    dark:bg-slate-800
-    dark:border-gray-700/40
-    dark:shadow-md
     flex
     flex-col
     h-full;
 }
 
 .CMS_Card_header {
+  color: var(--text-primary);
+
   @apply mb-2
     text-2xl
     font-bold
-    tracking-tight
-    text-gray-800
-    dark:text-white;
+    tracking-tight;
 }
 
 .CMS_Card_content {
+  color: var(--text-primary);
+
   @apply w-full
-    p-5
-    font-normal
-    text-gray-800
-    dark:text-gray-300;
+    p-4
+    font-normal;
 }
 
 .CMS_Card_media {
@@ -38,7 +36,7 @@
     object-cover;
 }
 
-.CMS_Card_actions {
+.CMS_Card_link-action {
   @apply h-full
     w-full
     relative
@@ -46,10 +44,34 @@
     flex-col
     rounded-lg
     justify-start
-    hover:bg-gray-200
-    dark:hover:bg-slate-700/70
     focus:outline-none
-    focus:ring-4
-    focus:ring-gray-200
-    dark:focus:ring-slate-700;
+    focus:ring-4;
+
+  &:hover {
+    background: color-mix(in srgb, var(--primary-main) 15%, transparent);
+  }
+
+  &:focus {
+    --tw-ring-color: color-mix(in srgb, var(--primary-light) 50%, transparent);
+  }
+}
+
+.CMS_Card_button-action {
+  @apply h-full
+    w-full
+    relative
+    flex
+    flex-col
+    rounded-lg
+    justify-start
+    focus:outline-none
+    focus:ring-4;
+
+  &:hover {
+    background: color-mix(in srgb, var(--primary-main) 15%, transparent);
+  }
+
+  &:focus {
+    --tw-ring-color: color-mix(in srgb, var(--primary-light) 50%, transparent);
+  }
 }
diff --git a/packages/core/src/components/common/card/Card.tsx b/packages/core/src/components/common/card/Card.tsx
index ccbe9fd0..d9449c6b 100644
--- a/packages/core/src/components/common/card/Card.tsx
+++ b/packages/core/src/components/common/card/Card.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import cardClasses from './Card.classes';
 
-import type { ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 
 import './Card.css';
 
@@ -13,7 +13,7 @@ interface CardProps {
   title?: string;
 }
 
-const Card = ({ children, className, title }: CardProps) => {
+const Card: FC<CardProps> = ({ children, className, title }) => {
   return (
     <div className={classNames(cardClasses.root, className)} title={title}>
       {children}
diff --git a/packages/core/src/components/common/card/CardActionArea.tsx b/packages/core/src/components/common/card/CardActionArea.tsx
index e9351c5e..8bf4643f 100644
--- a/packages/core/src/components/common/card/CardActionArea.tsx
+++ b/packages/core/src/components/common/card/CardActionArea.tsx
@@ -1,18 +1,40 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
 
+import classNames from '@staticcms/core/lib/util/classNames.util';
 import cardClasses from './Card.classes';
 
-import type { ReactNode } from 'react';
+import type { FC, MouseEvent, ReactNode } from 'react';
 
-interface CardActionAreaProps {
-  to: string;
+interface BaseCardActionAreaProps {
   children: ReactNode;
+  className?: string;
 }
 
-const CardActionArea = ({ to, children }: CardActionAreaProps) => {
+interface CardActionAreaPropsLink extends BaseCardActionAreaProps {
+  to: string;
+}
+
+interface CardActionAreaPropsButton extends BaseCardActionAreaProps {
+  onClick: (event: MouseEvent) => void;
+}
+
+export type CardActionAreaProps = CardActionAreaPropsLink | CardActionAreaPropsButton;
+
+const CardActionArea: FC<CardActionAreaProps> = ({ children, className, ...otherProps }) => {
+  if ('onClick' in otherProps) {
+    return (
+      <button
+        onClick={otherProps.onClick}
+        className={classNames(className, cardClasses['button-action'])}
+      >
+        {children}
+      </button>
+    );
+  }
+
   return (
-    <Link to={to} className={cardClasses.actions}>
+    <Link to={otherProps.to} className={classNames(className, cardClasses['link-action'])}>
       {children}
     </Link>
   );
diff --git a/packages/core/src/components/common/card/CardContent.tsx b/packages/core/src/components/common/card/CardContent.tsx
index 143a5e0c..ad1df136 100644
--- a/packages/core/src/components/common/card/CardContent.tsx
+++ b/packages/core/src/components/common/card/CardContent.tsx
@@ -2,14 +2,14 @@ import React from 'react';
 
 import cardClasses from './Card.classes';
 
-import type { ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 
 interface CardContentProps {
   children: ReactNode;
 }
 
-const CardContent = ({ children }: CardContentProps) => {
-  return <p className={cardClasses.content}>{children}</p>;
+const CardContent: FC<CardContentProps> = ({ children }) => {
+  return <div className={cardClasses.content}>{children}</div>;
 };
 
 export default CardContent;
diff --git a/packages/core/src/components/common/card/CardHeader.tsx b/packages/core/src/components/common/card/CardHeader.tsx
index e0714e5f..008e3fd0 100644
--- a/packages/core/src/components/common/card/CardHeader.tsx
+++ b/packages/core/src/components/common/card/CardHeader.tsx
@@ -2,13 +2,13 @@ import React from 'react';
 
 import cardClasses from './Card.classes';
 
-import type { ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 
 interface CardHeaderProps {
   children: ReactNode;
 }
 
-const CardHeader = ({ children }: CardHeaderProps) => {
+const CardHeader: FC<CardHeaderProps> = ({ children }) => {
   return <h5 className={cardClasses.header}>{children}</h5>;
 };
 
diff --git a/packages/core/src/components/common/card/CardMedia.tsx b/packages/core/src/components/common/card/CardMedia.tsx
index 9e291b00..78296463 100644
--- a/packages/core/src/components/common/card/CardMedia.tsx
+++ b/packages/core/src/components/common/card/CardMedia.tsx
@@ -5,18 +5,18 @@ import cardClasses from './Card.classes';
 
 import type {
   BaseField,
-  Collection,
+  CollectionWithDefaults,
   Entry,
   MediaField,
   UnknownField,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 
 interface CardMediaProps<EF extends BaseField> {
   image: string;
   width?: string | number;
   height?: string | number;
   alt?: string;
-  collection?: Collection<EF>;
+  collection?: CollectionWithDefaults<EF>;
   field?: MediaField;
   entry?: Entry;
 }
diff --git a/packages/core/src/components/common/checkbox/Checkbox.css b/packages/core/src/components/common/checkbox/Checkbox.css
index 3c24edca..0c970a30 100644
--- a/packages/core/src/components/common/checkbox/Checkbox.css
+++ b/packages/core/src/components/common/checkbox/Checkbox.css
@@ -9,18 +9,30 @@
 
     & .CMS_Checkbox_input {
       & + .CMS_Checkbox_custom-input {
-        @apply bg-blue-600/25
-          after:border-gray-500/75;
+        background: var(--primary-main);
       }
     }
 
     & .CMS_Checkbox_custom-input {
-      @apply bg-gray-100/75
-        dark:bg-gray-700/75;
+      background: var(--common-gray);
     }
   }
 }
 
+.CMS_Checkbox_md {
+  & .CMS_Checkbox_custom-input {
+    @apply w-6
+      h-6;
+  }
+}
+
+.CMS_Checkbox_sm {
+  & .CMS_Checkbox_custom-input {
+    @apply w-4
+      h-4;
+  }
+}
+
 .CMS_Checkbox_input {
   @apply sr-only;
 
@@ -28,39 +40,38 @@
   -webkit-tap-highlight-color: transparent;
 
   &:focus + .CMS_Checkbox_custom-input {
-    @apply ring-4
-      ring-blue-300
-      dark:ring-blue-800;
+    --tw-ring-color: color-mix(in srgb, var(--primary-light) 50%, transparent);
+
+    @apply ring-4;
   }
 
   &:checked + .CMS_Checkbox_custom-input {
-    @apply after:translate-x-full
-      bg-blue-600
-      after:border-white;
+    background: var(--primary-main);
+
+    @apply after:translate-x-full;
   }
 }
 
 .CMS_Checkbox_custom-input {
-  @apply w-6
-    h-6
-    text-blue-600
-    border-gray-300
-    rounded
-    focus:ring-blue-500
-    dark:focus:ring-blue-600
-    dark:ring-offset-gray-800
+  color: var(--primary-light);
+  background: color-mix(in srgb, var(--primary-contrast-color) 50%, transparent);
+  border-color: var(--background-light);
+
+  @apply rounded
     focus:ring-2
-    dark:border-gray-600
     select-none
     flex
     items-center
-    justify-center
-    bg-gray-100
-    dark:bg-gray-700;
+    justify-center;
+
+  &:focus {
+    --tw-ring-color: color-mix(in srgb, var(--primary-light) 50%, transparent);
+  }
 }
 
 .CMS_Checkbox_checkmark {
+  color: var(--primary-contrast-color);
+
   @apply w-5
-    h-5
-    text-white;
+    h-5;
 }
diff --git a/packages/core/src/components/common/checkbox/Checkbox.tsx b/packages/core/src/components/common/checkbox/Checkbox.tsx
index 19b8f259..a673a54e 100644
--- a/packages/core/src/components/common/checkbox/Checkbox.tsx
+++ b/packages/core/src/components/common/checkbox/Checkbox.tsx
@@ -10,6 +10,8 @@ import './Checkbox.css';
 
 export const classes = generateClassNames('Checkbox', [
   'root',
+  'sm',
+  'md',
   'disabled',
   'input',
   'custom-input',
@@ -17,12 +19,22 @@ export const classes = generateClassNames('Checkbox', [
 ]);
 
 export interface CheckboxProps {
+  id?: string;
+  size?: 'sm' | 'md';
   checked: boolean;
   disabled?: boolean;
-  onChange: ChangeEventHandler<HTMLInputElement>;
+  readOnly?: boolean;
+  onChange?: ChangeEventHandler<HTMLInputElement>;
 }
 
-const Checkbox: FC<CheckboxProps> = ({ checked, disabled = false, onChange }) => {
+const Checkbox: FC<CheckboxProps> = ({
+  id,
+  size = 'md',
+  checked,
+  disabled = false,
+  readOnly = false,
+  onChange,
+}) => {
   const inputRef = useRef<HTMLInputElement | null>(null);
 
   const handleNoop = useCallback((event: KeyboardEvent | MouseEvent) => {
@@ -46,17 +58,19 @@ const Checkbox: FC<CheckboxProps> = ({ checked, disabled = false, onChange }) =>
 
   return (
     <label
-      className={classNames(classes.root, disabled && classes.disabled)}
+      className={classNames(classes.root, classes[size], disabled && classes.disabled)}
       onClick={handleNoop}
       onKeyDown={handleKeydown}
     >
       <input
+        id={id}
         data-testid="switch-input"
         ref={inputRef}
         type="checkbox"
         checked={checked}
         className={classes.input}
         disabled={disabled}
+        readOnly={readOnly}
         onChange={onChange}
         onClick={handleNoop}
         onKeyDown={handleKeydown}
diff --git a/packages/core/src/components/common/confirm/Confirm.css b/packages/core/src/components/common/confirm/Confirm.css
index 2214d05f..bfa9fc8f 100644
--- a/packages/core/src/components/common/confirm/Confirm.css
+++ b/packages/core/src/components/common/confirm/Confirm.css
@@ -1,7 +1,9 @@
 .CMS_Confirm_root {
-  @apply w-[50%]
+  @apply w-[85%]
     min-w-[300px]
-    max-w-[600px];
+    max-w-[560px]
+    shadow-xl
+    drop-shadow-lg;
 }
 
 .CMS_Confirm_title {
@@ -11,11 +13,11 @@
 }
 
 .CMS_Confirm_content {
+  color: var(--text-secondary);
+
   @apply px-6
     pb-4
-    text-sm
-    text-slate-500
-    dark:text-slate-400;
+    text-sm;
 }
 
 .CMS_Confirm_actions {
diff --git a/packages/core/src/components/common/confirm/Confirm.tsx b/packages/core/src/components/common/confirm/Confirm.tsx
index 907ee848..19115686 100644
--- a/packages/core/src/components/common/confirm/Confirm.tsx
+++ b/packages/core/src/components/common/confirm/Confirm.tsx
@@ -1,13 +1,13 @@
 import React, { useCallback, useMemo, useState } from 'react';
-import { translate } from 'react-polyglot';
 
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import ConfirmEvent from '@staticcms/core/lib/util/events/ConfirmEvent';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import { useWindowEvent } from '@staticcms/core/lib/util/window.util';
 import Button from '../button/Button';
 import Modal from '../modal/Modal';
 
-import type { TranslateProps } from 'react-polyglot';
+import type { FC } from 'react';
 
 import './Confirm.css';
 
@@ -32,7 +32,9 @@ export interface ConfirmDialogProps extends ConfirmProps {
   resolve: (value: boolean | PromiseLike<boolean>) => void;
 }
 
-const ConfirmDialog = ({ t }: TranslateProps) => {
+const ConfirmDialog: FC = () => {
+  const t = useTranslate();
+
   const [detail, setDetail] = useState<ConfirmDialogProps | null>(null);
   const {
     resolve,
@@ -107,6 +109,7 @@ const ConfirmDialog = ({ t }: TranslateProps) => {
           variant="text"
           color="secondary"
           className={classes['cancel-button']}
+          data-testid="cancel-button"
         >
           {cancel}
         </Button>
@@ -115,6 +118,7 @@ const ConfirmDialog = ({ t }: TranslateProps) => {
           variant="contained"
           color={color}
           className={classes['confirm-button']}
+          data-testid="confirm-button"
         >
           {confirm}
         </Button>
@@ -123,7 +127,7 @@ const ConfirmDialog = ({ t }: TranslateProps) => {
   );
 };
 
-export const Confirm = translate()(ConfirmDialog);
+export const Confirm = ConfirmDialog;
 
 const confirm = (props: ConfirmProps) => {
   return new Promise<boolean>(resolve => {
diff --git a/packages/core/src/components/common/field/ErrorMessage.css b/packages/core/src/components/common/field/ErrorMessage.css
index 2466cebc..b2817ecd 100644
--- a/packages/core/src/components/common/field/ErrorMessage.css
+++ b/packages/core/src/components/common/field/ErrorMessage.css
@@ -1,8 +1,9 @@
 .CMS_ErrorMessage_root {
+  color: var(--error-main);
+
   @apply flex
     w-full
     text-xs
-    text-red-500
     px-3
     pt-2;
 }
diff --git a/packages/core/src/components/common/field/ErrorMessage.tsx b/packages/core/src/components/common/field/ErrorMessage.tsx
index a3ce7f9c..fb532d5d 100644
--- a/packages/core/src/components/common/field/ErrorMessage.tsx
+++ b/packages/core/src/components/common/field/ErrorMessage.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { FieldError } from '@staticcms/core/interface';
+import type { FieldError } from '@staticcms/core';
 import type { FC } from 'react';
 
 import './ErrorMessage.css';
diff --git a/packages/core/src/components/common/field/Field.css b/packages/core/src/components/common/field/Field.css
index 98105999..13c71e18 100644
--- a/packages/core/src/components/common/field/Field.css
+++ b/packages/core/src/components/common/field/Field.css
@@ -1,18 +1,50 @@
 .CMS_Field_root {
+  border-color: var(--background-divider);
+
   @apply relative
     flex
     items-center
     gap-2
-    border-b
-    border-slate-400
-    focus-within:border-blue-800
-    dark:focus-within:border-blue-100;
+    border-b;
 
-  &:not(.CMS_Field_disabled):not(.CMS_Field_no-highlight) {
-    @apply focus-within:bg-slate-100
-      dark:focus-within:bg-slate-800
-      hover:bg-slate-100
-      dark:hover:bg-slate-800;
+  &:not(.CMS_Field_error) {
+    &:not(.CMS_Field_disabled) {
+      &:focus-within {
+        border-color: var(--primary-dark);
+      }
+
+      &:focus-within {
+        & .CMS_Field_label,
+        & .CMS_Field_hint {
+          color: var(--primary-main);
+        }
+      }
+
+      &:not(.CMS_Field_no-highlight) {
+        &:hover,
+        &:focus-within {
+          background: var(--background-main);
+
+          & .CMS_Field_label,
+          & .CMS_Field_hint {
+            color: var(--primary-main);
+          }
+        }
+      }
+    }
+  }
+
+  &.CMS_Field_error {
+    & .CMS_Field_label,
+    & .CMS_Field_hint {
+      color: var(--error-main);
+    }
+
+    &:not(.CMS_Field_disabled) {
+      &:focus-within {
+        border-color: var(--error-main);
+      }
+    }
   }
 
   &:not(.CMS_Field_no-padding) {
diff --git a/packages/core/src/components/common/field/Field.tsx b/packages/core/src/components/common/field/Field.tsx
index 6aa01ee5..fdc51ff8 100644
--- a/packages/core/src/components/common/field/Field.tsx
+++ b/packages/core/src/components/common/field/Field.tsx
@@ -7,7 +7,7 @@ import ErrorMessage from './ErrorMessage';
 import Hint from './Hint';
 import Label from './Label';
 
-import type { FieldError } from '@staticcms/core/interface';
+import type { FieldError } from '@staticcms/core';
 import type { FC, MouseEvent, ReactNode } from 'react';
 
 import './Field.css';
@@ -27,6 +27,8 @@ export const classes = generateClassNames('Field', [
   'valid',
   'for-single-list',
   'end-adornment',
+  'hint',
+  'label',
 ]);
 
 export interface FieldProps {
@@ -90,8 +92,9 @@ const Field: FC<FieldProps> = ({
           variant={variant}
           cursor={finalCursor}
           disabled={disabled}
+          className={classes.label}
         >
-          {label}
+          {label.trim()}
         </Label>
       ) : null,
     [finalCursor, disabled, hasErrors, label, variant],
@@ -106,6 +109,7 @@ const Field: FC<FieldProps> = ({
           variant={variant}
           cursor={finalCursor}
           disabled={disabled}
+          className={classes.hint}
         >
           {hint}
         </Hint>
@@ -126,7 +130,7 @@ const Field: FC<FieldProps> = ({
         finalCursor === 'pointer' && classes['cursor-pointer'],
         finalCursor === 'text' && classes['cursor-text'],
         finalCursor === 'default' && classes['cursor-default'],
-        hasErrors ? classes.error : `group/active`,
+        hasErrors && classes.error,
       ),
     [rootClassName, noHightlight, disabled, noPadding, finalCursor, hasErrors],
   );
@@ -157,7 +161,7 @@ const Field: FC<FieldProps> = ({
   }
 
   return (
-    <div data-testid="field" className={rootClassNames} onClick={handleOnClick}>
+    <div data-testid={`field-${label?.trim()}`} className={rootClassNames} onClick={handleOnClick}>
       <div data-testid="field-wrapper" className={wrapperClassNames}>
         {renderedLabel}
         {children}
diff --git a/packages/core/src/components/common/field/Hint.css b/packages/core/src/components/common/field/Hint.css
index 93ccbe18..7ab12fbb 100644
--- a/packages/core/src/components/common/field/Hint.css
+++ b/packages/core/src/components/common/field/Hint.css
@@ -2,23 +2,6 @@
   @apply w-full
     text-xs;
 
-  &:not(.CMS_Hint_error) {
-    &.CMS_Hint_disabled {
-      @apply text-slate-300
-        dark:text-slate-600;
-    }
-
-    &:not(.CMS_Hint_disabled) {
-      @apply text-slate-500
-       dark:text-slate-400;
-    }
-  }
-
-  &:not(.CMS_Hint_disabled) {
-    @apply group-focus-within/active:text-blue-500
-      group-hover/active:text-blue-500;
-  }
-
   &:not(.CMS_Hint_inline) {
     @apply px-3
       pt-1;
@@ -44,7 +27,3 @@
 .CMS_Hint_cursor-default {
   @apply cursor-default;
 }
-
-.CMS_Hint_error {
-  @apply text-red-500;
-}
diff --git a/packages/core/src/components/common/field/Hint.tsx b/packages/core/src/components/common/field/Hint.tsx
index b6b512ed..6f2075b9 100644
--- a/packages/core/src/components/common/field/Hint.tsx
+++ b/packages/core/src/components/common/field/Hint.tsx
@@ -13,11 +13,9 @@ import './Hint.css';
 export const classes = generateClassNames('Hint', [
   'root',
   'inline',
-  'disabled',
   'cursor-pointer',
   'cursor-text',
   'cursor-default',
-  'error',
   'link',
 ]);
 
@@ -32,7 +30,6 @@ export interface HintProps {
 
 const Hint: FC<HintProps> = ({
   children,
-  hasErrors,
   variant = 'default',
   cursor = 'default',
   className,
@@ -49,11 +46,9 @@ const Hint: FC<HintProps> = ({
       data-testid="hint"
       className={classNames(
         classes.root,
-        disabled && classes.disabled,
         finalCursor === 'pointer' && classes['cursor-pointer'],
         finalCursor === 'text' && classes['cursor-text'],
         finalCursor === 'default' && classes['cursor-default'],
-        hasErrors && classes.error,
         variant === 'inline' && classes.inline,
         className,
       )}
diff --git a/packages/core/src/components/common/field/Label.css b/packages/core/src/components/common/field/Label.css
index 9cddad20..e7b9ac28 100644
--- a/packages/core/src/components/common/field/Label.css
+++ b/packages/core/src/components/common/field/Label.css
@@ -2,25 +2,7 @@
   @apply w-full
     flex
     text-xs
-    font-bold
-    dark:font-semibold;
-
-  &:not(.CMS_Label_error) {
-    &.CMS_Label_disabled {
-      @apply text-slate-300
-        dark:text-slate-600;
-    }
-
-    &:not(.CMS_Label_disabled) {
-      @apply text-slate-500
-       dark:text-slate-400;
-    }
-  }
-
-  &:not(.CMS_Label_disabled) {
-    @apply group-focus-within/active:text-blue-500
-      group-hover/active:text-blue-500;
-  }
+    font-bold;
 
   &:not(.CMS_Label_inline) {
     @apply px-3
@@ -39,7 +21,3 @@
 .CMS_Label_cursor-default {
   @apply cursor-default;
 }
-
-.CMS_Label_error {
-  @apply text-red-500;
-}
diff --git a/packages/core/src/components/common/field/Label.tsx b/packages/core/src/components/common/field/Label.tsx
index d6eca099..9a1fe829 100644
--- a/packages/core/src/components/common/field/Label.tsx
+++ b/packages/core/src/components/common/field/Label.tsx
@@ -10,11 +10,9 @@ import './Label.css';
 
 export const classes = generateClassNames('Label', [
   'root',
-  'disabled',
   'cursor-pointer',
   'cursor-text',
   'cursor-default',
-  'error',
   'inline',
 ]);
 
@@ -32,7 +30,6 @@ export interface LabelProps {
 const Label: FC<LabelProps> = ({
   htmlFor,
   children,
-  hasErrors = false,
   variant = 'default',
   cursor = 'default',
   className,
@@ -47,11 +44,9 @@ const Label: FC<LabelProps> = ({
       data-testid={dataTestId ?? 'label'}
       className={classNames(
         classes.root,
-        disabled && classes.disabled,
         finalCursor === 'pointer' && classes['cursor-pointer'],
         finalCursor === 'text' && classes['cursor-text'],
         finalCursor === 'default' && classes['cursor-default'],
-        hasErrors && classes.error,
         variant === 'inline' && classes.inline,
         className,
       )}
diff --git a/packages/core/src/components/common/image/Image.css b/packages/core/src/components/common/image/Image.css
index 1f927246..e738c9fc 100644
--- a/packages/core/src/components/common/image/Image.css
+++ b/packages/core/src/components/common/image/Image.css
@@ -6,11 +6,11 @@
   }
 
   &.CMS_Image_empty {
+    border-color: var(--background-main);
+
     @apply p-10
       rounded-md
       border
-      max-w-full
-      border-gray-200/75
-      dark:border-slate-600/75;
+      max-w-full;
   }
 }
diff --git a/packages/core/src/components/common/image/Image.tsx b/packages/core/src/components/common/image/Image.tsx
index 8af76c1b..a81d45ce 100644
--- a/packages/core/src/components/common/image/Image.tsx
+++ b/packages/core/src/components/common/image/Image.tsx
@@ -10,11 +10,11 @@ import { useAppSelector } from '@staticcms/core/store/hooks';
 
 import type {
   BaseField,
-  Collection,
+  CollectionWithDefaults,
   Entry,
   MediaField,
   UnknownField,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 import type { CSSProperties } from 'react';
 
 import './Image.css';
@@ -26,7 +26,7 @@ export interface ImageProps<EF extends BaseField> {
   alt?: string;
   className?: string;
   style?: CSSProperties;
-  collection?: Collection<EF>;
+  collection?: CollectionWithDefaults<EF>;
   field?: MediaField;
   entry?: Entry;
   'data-testid'?: string;
diff --git a/packages/core/src/components/common/link/Link.tsx b/packages/core/src/components/common/link/Link.tsx
index aa593278..0c9d5f16 100644
--- a/packages/core/src/components/common/link/Link.tsx
+++ b/packages/core/src/components/common/link/Link.tsx
@@ -4,12 +4,13 @@ import useMediaAsset from '@staticcms/core/lib/hooks/useMediaAsset';
 import { selectEditingDraft } from '@staticcms/core/reducers/selectors/entryDraft';
 import { useAppSelector } from '@staticcms/core/store/hooks';
 
-import type { Collection, MediaField } from '@staticcms/core/interface';
+import type { CollectionWithDefaults, MediaField } from '@staticcms/core';
+import type { FC } from 'react';
 
 export interface LinkProps<F extends MediaField> {
   href: string | undefined | null;
   children: string;
-  collection?: Collection<F>;
+  collection?: CollectionWithDefaults<F>;
   field?: F;
   'data-testid'?: string;
 }
@@ -36,7 +37,7 @@ export const withMdxLink = <F extends MediaField>({
   collection,
   field,
 }: Pick<LinkProps<F>, 'collection' | 'field'>) => {
-  const MdxLink = ({ children, ...props }: Omit<LinkProps<F>, 'collection' | 'field'>) => (
+  const MdxLink: FC<Omit<LinkProps<F>, 'collection' | 'field'>> = ({ children, ...props }) => (
     <Link {...props} collection={collection} field={field}>
       {children}
     </Link>
diff --git a/packages/core/src/components/common/menu/Menu.css b/packages/core/src/components/common/menu/Menu.css
index d6cfcbaf..a6e30092 100644
--- a/packages/core/src/components/common/menu/Menu.css
+++ b/packages/core/src/components/common/menu/Menu.css
@@ -49,21 +49,22 @@
 }
 
 .CMS_Menu_menu {
+  background: var(--background-main);
+  border-color: var(--background-light);
+
+  & > :not([hidden]) ~ :not([hidden]) {
+    border-color: var(--background-divider);
+  }
+
   @apply absolute
     right-0
     z-40
-    w-56
+    min-w-[224px]
+    max-w-[80%]
     origin-top-right
     rounded-md
-    bg-white
-    dark:bg-slate-800
     shadow-md
     border
-    border-gray-200
     focus:outline-none
-    divide-y
-    divide-gray-100
-    dark:border-gray-700
-    dark:divide-gray-600
-    dark:shadow-lg;
+    divide-y;
 }
diff --git a/packages/core/src/components/common/menu/Menu.tsx b/packages/core/src/components/common/menu/Menu.tsx
index 10ddfd4a..51c10dc2 100644
--- a/packages/core/src/components/common/menu/Menu.tsx
+++ b/packages/core/src/components/common/menu/Menu.tsx
@@ -43,9 +43,10 @@ export interface MenuProps {
   disabled?: boolean;
   keepMounted?: boolean;
   'data-testid'?: string;
+  'aria-label': string;
 }
 
-const Menu = ({
+const Menu: FC<MenuProps> = ({
   label,
   startIcon: StartIcon,
   variant = 'contained',
@@ -63,7 +64,8 @@ const Menu = ({
   disabled = false,
   keepMounted = false,
   'data-testid': dataTestId,
-}: MenuProps) => {
+  'aria-label': ariaLabel,
+}) => {
   const calculatedButtonClassName = useButtonClassNames(variant, color, size, rounded);
 
   const menuButtonClassNames = useMemo(
@@ -87,6 +89,7 @@ const Menu = ({
           data-testid={dataTestId}
           className={menuButtonClassNames}
           disabled={disabled}
+          aria-label={ariaLabel}
         >
           {StartIcon ? (
             <StartIcon className={classNames(classes['dropdown-start-icon'], iconClassName)} />
diff --git a/packages/core/src/components/common/menu/MenuGroup.css b/packages/core/src/components/common/menu/MenuGroup.css
index 116dd229..d1914705 100644
--- a/packages/core/src/components/common/menu/MenuGroup.css
+++ b/packages/core/src/components/common/menu/MenuGroup.css
@@ -1,6 +1,7 @@
 .CMS_MenuGroup_root {
+  border-color: var(--background-divider);
+
   @apply py-1
     border-b
-    border-gray-200
-    dark:border-slate-700;
+    last:border-0;
 }
diff --git a/packages/core/src/components/common/menu/MenuGroup.tsx b/packages/core/src/components/common/menu/MenuGroup.tsx
index 25b245fa..c4bbb39b 100644
--- a/packages/core/src/components/common/menu/MenuGroup.tsx
+++ b/packages/core/src/components/common/menu/MenuGroup.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 
 import './MenuGroup.css';
 
@@ -12,7 +12,7 @@ export interface MenuGroupProps {
   children: ReactNode | ReactNode[];
 }
 
-const MenuGroup = ({ children }: MenuGroupProps) => {
+const MenuGroup: FC<MenuGroupProps> = ({ children }) => {
   return <div className={classes.root}>{children}</div>;
 };
 
diff --git a/packages/core/src/components/common/menu/MenuItemButton.css b/packages/core/src/components/common/menu/MenuItemButton.css
index 1b9d0892..ec3f9b55 100644
--- a/packages/core/src/components/common/menu/MenuItemButton.css
+++ b/packages/core/src/components/common/menu/MenuItemButton.css
@@ -7,61 +7,87 @@
     flex
     items-center
     justify-between
-    cursor-pointer;
+    cursor-pointer
+    whitespace-nowrap;
 
   &:not(.CMS_MenuItemButton_disabled) {
     &.CMS_MenuItemButton_active {
-      @apply bg-slate-200
-        dark:bg-slate-600;
+      background: var(--background-light);
     }
   }
 
   &.CMS_MenuItemButton_default {
-    @apply text-gray-800
-      dark:text-gray-300;
+    color: var(--text-primary);
 
     &.CMS_MenuItemButton_disabled {
-      @apply text-gray-500
-        dark:text-gray-700;
+      color: var(--text-disabled);
     }
 
     &:not(.CMS_MenuItemButton_disabled) {
-      @apply hover:bg-gray-200
-        dark:hover:bg-slate-600;
+      &:hover {
+        color: var(--primary-contrast-color);
+        background: var(--primary-main);
+      }
+    }
+  }
+
+  &.CMS_MenuItemButton_success {
+    color: var(--success-main);
+
+    &.CMS_MenuItemButton_disabled {
+      background: color-mix(in srgb, var(--success-main) 50%, transparent);
+    }
+
+    &:not(.CMS_MenuItemButton_disabled) {
+      &:hover {
+        color: var(--success-contrast-color);
+        background: var(--success-main);
+      }
     }
   }
 
   &.CMS_MenuItemButton_warning {
-    @apply text-yellow-600
-      dark:text-yellow-500;
+    color: var(--warning-main);
 
     &.CMS_MenuItemButton_disabled {
-      @apply text-yellow-300
-        dark:hover:bg-yellow-800;
+      background: color-mix(in srgb, var(--warning-main) 50%, transparent);
     }
 
     &:not(.CMS_MenuItemButton_disabled) {
-      @apply hover:text-white
-        hover:bg-yellow-500
-        dark:hover:text-yellow-100
-        dark:hover:bg-yellow-600;
+      &:hover {
+        color: var(--warning-contrast-color);
+        background: var(--warning-main);
+      }
     }
   }
 
   &.CMS_MenuItemButton_error {
-    @apply text-red-500
-      dark:text-red-500;
+    color: var(--error-main);
 
     &.CMS_MenuItemButton_disabled {
-      @apply text-red-200
-        dark:hover:bg-red-800;
+      background: color-mix(in srgb, var(--error-main) 50%, transparent);
     }
 
     &:not(.CMS_MenuItemButton_disabled) {
-      @apply hover:text-white
-        hover:bg-red-500
-        dark:hover:text-red-100
-        dark:hover:bg-red-600;
+      &:hover {
+        color: var(--error-contrast-color);
+        background: var(--error-main);
+      }
+    }
+  }
+
+  &.CMS_MenuItemButton_info {
+    color: var(--info-main);
+
+    &.CMS_MenuItemButton_disabled {
+      background: color-mix(in srgb, var(--info-main) 50%, transparent);
+    }
+
+    &:not(.CMS_MenuItemButton_disabled) {
+      &:hover {
+        color: var(--info-contrast-color);
+        background: var(--info-main);
+      }
     }
   }
 }
diff --git a/packages/core/src/components/common/menu/MenuItemButton.tsx b/packages/core/src/components/common/menu/MenuItemButton.tsx
index d80e642e..9ac99d80 100644
--- a/packages/core/src/components/common/menu/MenuItemButton.tsx
+++ b/packages/core/src/components/common/menu/MenuItemButton.tsx
@@ -24,7 +24,8 @@ export interface MenuItemButtonProps {
   active?: boolean;
   onClick: (event: MouseEvent) => void;
   children: ReactNode;
-  className?: string;
+  rootClassName?: string;
+  contentClassName?: string;
   disabled?: boolean;
   startIcon?: FC<{ className?: string }>;
   endIcon?: FC<{ className?: string }>;
@@ -32,23 +33,24 @@ export interface MenuItemButtonProps {
   'data-testid'?: string;
 }
 
-const MenuItemButton = ({
+const MenuItemButton: FC<MenuItemButtonProps> = ({
   active = false,
   onClick,
   children,
-  className,
+  rootClassName,
+  contentClassName,
   disabled = false,
   startIcon: StartIcon,
   endIcon: EndIcon,
   color = 'default',
   'data-testid': dataTestId,
-}: MenuItemButtonProps) => {
+}) => {
   return (
     <MenuItem
       slotProps={{
         root: {
           className: classNames(
-            className,
+            rootClassName,
             classes.root,
             disabled && classes.disabled,
             active && classes.active,
@@ -62,7 +64,7 @@ const MenuItemButton = ({
       disabled={disabled}
       data-testid={dataTestId}
     >
-      <div className={classes.content}>
+      <div className={classNames(contentClassName, classes.content)}>
         {StartIcon ? <StartIcon className={classes['start-icon']} /> : null}
         {children}
       </div>
diff --git a/packages/core/src/components/common/menu/MenuItemLink.css b/packages/core/src/components/common/menu/MenuItemLink.css
index 68d55d77..016fa564 100644
--- a/packages/core/src/components/common/menu/MenuItemLink.css
+++ b/packages/core/src/components/common/menu/MenuItemLink.css
@@ -1,20 +1,22 @@
 .CMS_MenuItemLink_root {
+  color: var(--text-primary);
+
+  &:hover {
+    color: var(--primary-contrast-color);
+    background: var(--primary-main);
+  }
+
   @apply px-4
     py-2
     text-sm
-    text-gray-800
-    dark:text-gray-300
     w-full
     text-left
     flex
     items-center
-    justify-between
-    hover:bg-slate-100
-    dark:hover:bg-slate-900;
+    justify-between;
 
   &.CMS_MenuItemLink_active {
-    @apply bg-slate-100
-      dark:bg-slate-900;
+    background: var(--background-light);
   }
 }
 
diff --git a/packages/core/src/components/common/menu/MenuItemLink.tsx b/packages/core/src/components/common/menu/MenuItemLink.tsx
index 39b06f12..4a43bece 100644
--- a/packages/core/src/components/common/menu/MenuItemLink.tsx
+++ b/packages/core/src/components/common/menu/MenuItemLink.tsx
@@ -26,14 +26,14 @@ export interface MenuItemLinkProps {
   endIcon?: FC<{ className?: string }>;
 }
 
-const MenuItemLink = ({
+const MenuItemLink: FC<MenuItemLinkProps> = ({
   href,
   children,
   className,
   active = false,
   startIcon: StartIcon,
   endIcon: EndIcon,
-}: MenuItemLinkProps) => {
+}) => {
   return (
     <NavLink to={href}>
       <MenuItem
diff --git a/packages/core/src/components/common/modal/Modal.css b/packages/core/src/components/common/modal/Modal.css
index 29856330..09b38027 100644
--- a/packages/core/src/components/common/modal/Modal.css
+++ b/packages/core/src/components/common/modal/Modal.css
@@ -11,15 +11,16 @@
 }
 
 .CMS_Modal_backdrop {
+  background: color-mix(in srgb, var(--background-dark) 50%, transparent);
+
   @apply fixed
     inset-0
-    bg-black
-    bg-opacity-50
-    dark:bg-opacity-60
     z-[100];
 }
 
 .CMS_Modal_content {
+  background: var(--background-main);
+
   @apply transform
     overflow-visible
     rounded-lg
@@ -27,8 +28,6 @@
     align-middle
     shadow-xl
     transition-all
-    bg-white
-    dark:bg-slate-800
     z-[101]
     outline-none;
 }
diff --git a/packages/core/src/components/common/pill/Pill.css b/packages/core/src/components/common/pill/Pill.css
index 80ec5451..c1af2200 100644
--- a/packages/core/src/components/common/pill/Pill.css
+++ b/packages/core/src/components/common/pill/Pill.css
@@ -4,39 +4,54 @@
     px-3
     py-1
     rounded-lg
-    truncate;
+    truncate
+    flex
+    items-center
+    flex-shrink-0;
 
   &.CMS_Pill_no-wrap {
     @apply whitespace-nowrap;
   }
 
   &.CMS_Pill_primary {
-    @apply bg-blue-700
-      text-gray-100
-      dark:bg-blue-700
-      dark:text-gray-100;
+    color: var(--primary-contrast-color);
+    background: var(--primary-main);
   }
 
   &.CMS_Pill_default {
-    @apply bg-gray-200
-      text-gray-800
-      dark:bg-gray-700
-      dark:text-gray-100;
+    color: var(--text-primary);
+    background: var(--common-gray);
+  }
+
+  &.CMS_Pill_info {
+    color: var(--info-contrast-color);
+    background: var(--info-main);
+  }
+
+  &.CMS_Pill_warning {
+    color: var(--warning-contrast-color);
+    background: var(--warning-main);
+  }
+
+  &.CMS_Pill_error {
+    color: var(--error-contrast-color);
+    background: var(--error-main);
+  }
+
+  &.CMS_Pill_success {
+    color: var(--success-contrast-color);
+    background: var(--success-main);
   }
 
   &.CMS_Pill_disabled {
-    &.CMS_Pill_primary {
-      @apply bg-blue-300/75
-        text-gray-100/75
-        dark:bg-blue-700/25
-        dark:text-gray-500;
-    }
-
-    &.CMS_Pill_default {
-      @apply bg-gray-100
-        text-gray-400/75
-        dark:bg-gray-800/75
-        dark:text-gray-500;
+    &.CMS_Pill_primary,
+    &.CMS_Pill_default,
+    &.CMS_Pill_info,
+    &.CMS_Pill_warning,
+    &.CMS_Pill_error,
+    &.CMS_Pill_success {
+      color: var(--text-disabled);
+      background: var(--common-gray);
     }
   }
 }
diff --git a/packages/core/src/components/common/pill/Pill.tsx b/packages/core/src/components/common/pill/Pill.tsx
index 91f78669..549cd2b7 100644
--- a/packages/core/src/components/common/pill/Pill.tsx
+++ b/packages/core/src/components/common/pill/Pill.tsx
@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React from 'react';
 
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
@@ -12,15 +12,19 @@ export const classes = generateClassNames('Pill', [
   'no-wrap',
   'primary',
   'default',
+  'info',
+  'warning',
+  'error',
+  'success',
   'disabled',
 ]);
 
-interface PillProps {
+export interface PillProps {
   children: ReactNode | ReactNode[];
   noWrap?: boolean;
   className?: string;
   disabled?: boolean;
-  color?: 'default' | 'primary';
+  color?: 'default' | 'primary' | 'info' | 'warning' | 'error' | 'success';
 }
 
 const Pill: FC<PillProps> = ({
@@ -30,23 +34,14 @@ const Pill: FC<PillProps> = ({
   disabled = false,
   color = 'default',
 }) => {
-  const colorClassNames = useMemo(() => {
-    switch (color) {
-      case 'primary':
-        return classes.primary;
-      default:
-        return classes.default;
-    }
-  }, [color]);
-
   return (
     <span
       className={classNames(
+        className,
         classes.root,
         noWrap && classes['no-wrap'],
         disabled && classes.disabled,
-        colorClassNames,
-        className,
+        classes[color],
       )}
     >
       {children}
diff --git a/packages/core/src/components/common/progress/CircularProgress.css b/packages/core/src/components/common/progress/CircularProgress.css
index 4a472c98..4d1ef784 100644
--- a/packages/core/src/components/common/progress/CircularProgress.css
+++ b/packages/core/src/components/common/progress/CircularProgress.css
@@ -1,8 +1,8 @@
 .CMS_CircularProgress_svg {
-  @apply text-gray-200
-    animate-spin
-    dark:text-gray-600
-    fill-blue-600;
+  color: var(--text-secondary);
+  fill: var(--primary-main);
+
+  @apply animate-spin;
 
   &.CMS_CircularProgress_md {
     @apply w-8
diff --git a/packages/core/src/components/common/progress/Loader.css b/packages/core/src/components/common/progress/Loader.css
index a8928d44..c0f1965f 100644
--- a/packages/core/src/components/common/progress/Loader.css
+++ b/packages/core/src/components/common/progress/Loader.css
@@ -1,11 +1,11 @@
 .CMS_Loader_root {
+  background: var(--background-dark);
+
   @apply absolute
     inset-0
     flex
     flex-col
     gap-2
     items-center
-    justify-center
-    bg-slate-50
-    dark:bg-slate-900;
+    justify-center;
 }
diff --git a/packages/core/src/components/common/progress/Loader.tsx b/packages/core/src/components/common/progress/Loader.tsx
index f3c10491..8d61b2e8 100644
--- a/packages/core/src/components/common/progress/Loader.tsx
+++ b/packages/core/src/components/common/progress/Loader.tsx
@@ -3,6 +3,8 @@ import React, { useEffect, useMemo, useState } from 'react';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import CircularProgress from './CircularProgress';
 
+import type { FC } from 'react';
+
 import './Loader.css';
 
 export const classes = generateClassNames('Loader', ['root']);
@@ -11,7 +13,7 @@ export interface LoaderProps {
   children: string | string[] | undefined;
 }
 
-const Loader = ({ children }: LoaderProps) => {
+const Loader: FC<LoaderProps> = ({ children }) => {
   const [currentItem, setCurrentItem] = useState(0);
 
   const text = useMemo(() => {
diff --git a/packages/core/src/components/common/select/Option.css b/packages/core/src/components/common/select/Option.css
index d0e39bb3..1279c4dc 100644
--- a/packages/core/src/components/common/select/Option.css
+++ b/packages/core/src/components/common/select/Option.css
@@ -1,15 +1,18 @@
 .CMS_SelectOption_root {
+  color: var(--text-primary);
+
   @apply relative
     select-none
     py-2
     px-4
-    cursor-pointer
-    text-gray-800
-    hover:bg-blue-500
-    dark:text-gray-100;
+    cursor-pointer;
+
+  &:hover {
+    background: var(--primary-main);
+  }
 
   &.CMS_SelectOption_selected {
-    @apply bg-blue-400/75;
+    background: var(--primary-main);
 
     & .CMS_SelectOption_label {
       @apply font-medium;
diff --git a/packages/core/src/components/common/select/Select.css b/packages/core/src/components/common/select/Select.css
index bcc5b472..f2d1f486 100644
--- a/packages/core/src/components/common/select/Select.css
+++ b/packages/core/src/components/common/select/Select.css
@@ -4,15 +4,13 @@
 
   &.CMS_Select_disabled {
     & .CMS_Select_input {
-      @apply text-gray-300/75
-        dark:text-gray-600/75;
+      color: var(--text-secondary);
     }
 
     & .CMS_Select_value {
       & .CMS_Select_dropdown {
         & .CMS_Select_dropdown-icon {
-          @apply text-gray-300/75
-            dark:text-gray-600/75;
+          color: var(--text-secondary);
         }
       }
     }
@@ -43,12 +41,15 @@
 }
 
 .CMS_Select_dropdown-icon {
+  color: var(--text-secondary);
+
   @apply h-5
-    w-5
-    text-gray-400;
+    w-5;
 }
 
 .CMS_Select_input {
+  color: var(--text-primary);
+
   @apply flex
     items-center
     text-sm
@@ -57,25 +58,19 @@
     min-h-8
     px-4
     py-1.5
-    w-full
-    text-gray-800
-    dark:text-gray-100;
+    w-full;
 }
 
 .CMS_Select_popper {
+  background: var(--background-main);
+
   @apply max-h-60
     overflow-auto
     rounded-md
-    bg-white
     py-1
     text-base
     shadow-md
-    ring-1
-    ring-black
-    ring-opacity-5
     focus:outline-none
     sm:text-sm
-    z-[100]
-    dark:bg-slate-700
-    dark:shadow-lg;
+    z-[100];
 }
diff --git a/packages/core/src/components/common/select/Select.tsx b/packages/core/src/components/common/select/Select.tsx
index a8b50732..13ece757 100644
--- a/packages/core/src/components/common/select/Select.tsx
+++ b/packages/core/src/components/common/select/Select.tsx
@@ -39,7 +39,10 @@ function getOptionLabelAndValue(option: number | string | Option): Option {
   return { label: String(option), value: option };
 }
 
-export type SelectChangeEventHandler = (value: number | string | (number | string)[]) => void;
+export type SelectChangeEventHandler = (
+  value: number | string | (number | string)[],
+  event: MouseEvent | KeyboardEvent | FocusEvent | null,
+) => void;
 
 export interface SelectProps {
   label?: ReactNode | ReactNode[];
@@ -80,7 +83,7 @@ const Select = forwardRef(
     );
 
     const handleChange = useCallback(
-      (_event: MouseEvent | KeyboardEvent | FocusEvent | null, selectedValue: number | string) => {
+      (event: MouseEvent | KeyboardEvent | FocusEvent | null, selectedValue: number | string) => {
         if (Array.isArray(value)) {
           const newValue = [...value];
           const index = newValue.indexOf(selectedValue);
@@ -90,12 +93,12 @@ const Select = forwardRef(
             newValue.push(selectedValue);
           }
 
-          onChange(newValue);
+          onChange(newValue, event);
           setOpen(false);
           return;
         }
 
-        onChange(selectedValue);
+        onChange(selectedValue, event);
         setOpen(false);
       },
       [onChange, value],
diff --git a/packages/core/src/components/common/switch/Switch.css b/packages/core/src/components/common/switch/Switch.css
index c706db24..fa720f91 100644
--- a/packages/core/src/components/common/switch/Switch.css
+++ b/packages/core/src/components/common/switch/Switch.css
@@ -8,17 +8,26 @@
     @apply cursor-default;
 
     & .CMS_Switch_toggle {
-      @apply peer-checked:bg-blue-600/25
-        after:bg-gray-500/75
-        after:border-gray-500/75
-        peer-checked:after:border-gray-500/75;
+      &:after {
+        background: var(--primary-contrast-color);
+        border-color: transparent;
+      }
+    }
+
+    &.CMS_Switch_input {
+      &:checked + .CMS_Switch_toggle {
+        background: var(--primary-contrast-color);
+        border-color: var(--primary-contrast-color);
+      }
     }
   }
 
   &:not(.CMS_Switch_disabled) {
     & .CMS_Switch_toggle {
-      @apply after:bg-white
-        after:border-gray-300;
+      &:after {
+        background: var(--primary-contrast-color);
+        border-color: var(--background-dark);
+      }
     }
   }
 }
@@ -27,24 +36,29 @@
   @apply sr-only;
 
   &:focus + .CMS_Switch_toggle {
-    @apply ring-4
-      ring-blue-300
-      dark:ring-blue-800;
+    --tw-ring-color: color-mix(in srgb, var(--primary-light) 50%, transparent);
+
+    @apply ring-4;
   }
 
   &:checked + .CMS_Switch_toggle {
-    @apply bg-blue-600
-      after:border-white
-      after:translate-x-full;
+    background: var(--primary-main);
+
+    &:after {
+      background: var(--primary-contrast-color);
+      border-color: var(--primary-contrast-color);
+    }
+
+    @apply after:translate-x-full;
   }
 }
 
 .CMS_Switch_toggle {
+  background: color-mix(in srgb, var(--text-disabled) 50%, transparent);
+
   @apply w-11
     h-6
-    bg-slate-200
     rounded-full
-    dark:bg-slate-700
     after:content-['']
     after:absolute after:top-0.5
     after:left-[2px]
@@ -52,14 +66,13 @@
     after:rounded-full
     after:h-5
     after:w-5
-    after:transition-all
-    dark:border-gray-600;
+    after:transition-all;
 }
 
 .CMS_Switch_label {
+  color: var(--text-primary);
+
   @apply ml-3
     text-sm
-    font-medium
-    text-gray-800
-    dark:text-gray-300;
+    font-medium;
 }
diff --git a/packages/core/src/components/common/table/Table.css b/packages/core/src/components/common/table/Table.css
index 8588f81f..833122f7 100644
--- a/packages/core/src/components/common/table/Table.css
+++ b/packages/core/src/components/common/table/Table.css
@@ -3,11 +3,11 @@
 }
 
 .CMS_Table_table {
+  color: var(--text-primary);
+
   @apply w-full
     text-sm
-    text-left
-    text-gray-500
-    dark:text-gray-300;
+    text-left;
 }
 
 .CMS_Table_header {
@@ -27,37 +27,34 @@
 }
 
 .CMS_Table_header-cell-content {
+  color: var(--text-primary);
+  background: var(--background-main);
+  border-color: var(--background-light);
+
   @apply px-4
     py-3
-    text-gray-800
-    border-gray-100
     border-b
-    bg-white
-    dark:text-white
-    dark:border-gray-700
-    dark:bg-slate-800
     text-[14px]
     truncate
     w-full;
 }
 
 .CMS_Table_body-row {
+  background: var(--background-main);
+  border-color: color-mix(in srgb, var(--background-divider) 25%, transparent);
+
+  &:focus,
+  &:hover {
+    background: color-mix(in srgb, var(--primary-main) 15%, transparent);
+    border-color: color-mix(in srgb, var(--primary-main) 15%, transparent);
+  }
+
   @apply border-t
-    first:border-t-0
-    border-gray-100
-    dark:border-gray-700
-    bg-white
-    hover:bg-slate-50
-    dark:bg-slate-800
-    dark:hover:bg-slate-700
-    focus:outline-none
-    focus:bg-gray-100
-    focus:dark:bg-slate-700;
+    focus:outline-none;
 }
 
 .CMS_Table_body-cell {
-  @apply text-gray-500
-    dark:text-gray-300;
+  color: var(--text-primary);
 
   &.CMS_Table_body-cell-has-link {
     @apply p-0;
@@ -69,10 +66,10 @@
   }
 
   &.CMS_Table_body-cell-emphasis {
+    color: var(--text-primary);
+
     @apply font-medium
-      text-gray-800
-      whitespace-nowrap
-      dark:text-white;
+      whitespace-nowrap;
   }
 
   &.CMS_Table_body-cell-shrink {
diff --git a/packages/core/src/components/common/table/Table.tsx b/packages/core/src/components/common/table/Table.tsx
index c61da8c0..0e754a60 100644
--- a/packages/core/src/components/common/table/Table.tsx
+++ b/packages/core/src/components/common/table/Table.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 import tableClasses from './Table.classes';
 import TableHeaderCell from './TableHeaderCell';
 
-import type { ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 
 import './Table.css';
 
@@ -12,7 +12,7 @@ interface TableCellProps {
   children: ReactNode[];
 }
 
-const TableCell = ({ columns, children }: TableCellProps) => {
+const TableCell: FC<TableCellProps> = ({ columns, children }) => {
   return (
     <div className={tableClasses.root}>
       <table className={tableClasses.table}>
diff --git a/packages/core/src/components/common/table/TableCell.tsx b/packages/core/src/components/common/table/TableCell.tsx
index 2e8810fe..898f6535 100644
--- a/packages/core/src/components/common/table/TableCell.tsx
+++ b/packages/core/src/components/common/table/TableCell.tsx
@@ -4,7 +4,7 @@ import { Link } from 'react-router-dom';
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import tableClasses from './Table.classes';
 
-import type { ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 
 interface TableCellProps {
   children: ReactNode;
@@ -13,7 +13,7 @@ interface TableCellProps {
   shrink?: boolean;
 }
 
-const TableCell = ({ children, emphasis = false, to, shrink = false }: TableCellProps) => {
+const TableCell: FC<TableCellProps> = ({ children, emphasis = false, to, shrink = false }) => {
   const content = useMemo(() => {
     if (to) {
       return (
diff --git a/packages/core/src/components/common/table/TableHeaderCell.tsx b/packages/core/src/components/common/table/TableHeaderCell.tsx
index 8dd5dfc6..50defceb 100644
--- a/packages/core/src/components/common/table/TableHeaderCell.tsx
+++ b/packages/core/src/components/common/table/TableHeaderCell.tsx
@@ -3,13 +3,13 @@ import React from 'react';
 import { isEmpty } from '@staticcms/core/lib/util/string.util';
 import tableClasses from './Table.classes';
 
-import type { ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 
 interface TableHeaderCellProps {
   children: ReactNode;
 }
 
-const TableHeaderCell = ({ children }: TableHeaderCellProps) => {
+const TableHeaderCell: FC<TableHeaderCellProps> = ({ children }) => {
   return (
     <th scope="col" className={tableClasses['header-cell']}>
       <div className={tableClasses['header-cell-content']}>
diff --git a/packages/core/src/components/common/table/TableRow.tsx b/packages/core/src/components/common/table/TableRow.tsx
index c25c92a4..da270112 100644
--- a/packages/core/src/components/common/table/TableRow.tsx
+++ b/packages/core/src/components/common/table/TableRow.tsx
@@ -4,7 +4,7 @@ import { useNavigate } from 'react-router-dom';
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import tableClasses from './Table.classes';
 
-import type { KeyboardEvent, ReactNode } from 'react';
+import type { FC, KeyboardEvent, ReactNode } from 'react';
 
 interface TableRowProps {
   children: ReactNode;
@@ -12,7 +12,7 @@ interface TableRowProps {
   to?: string;
 }
 
-const TableRow = ({ children, className, to }: TableRowProps) => {
+const TableRow: FC<TableRowProps> = ({ children, className, to }) => {
   const navigate = useNavigate();
   const handleKeyDown = useCallback(
     (event: KeyboardEvent) => {
diff --git a/packages/core/src/components/common/text-field/TextArea.css b/packages/core/src/components/common/text-field/TextArea.css
index 5b9c8221..15ce0d75 100644
--- a/packages/core/src/components/common/text-field/TextArea.css
+++ b/packages/core/src/components/common/text-field/TextArea.css
@@ -4,15 +4,17 @@
 }
 
 .CMS_TextArea_input {
+  color: var(--text-primary);
+
+  &:disabled {
+    color: var(--text-disabled);
+  }
+
   @apply w-full
     min-h-[80px]
     px-3
     bg-transparent
     outline-none
     text-sm
-    font-medium
-    text-gray-800
-    dark:text-gray-100
-    disabled:text-gray-300
-    dark:disabled:text-gray-500;
+    font-medium;
 }
diff --git a/packages/core/src/components/common/text-field/TextField.css b/packages/core/src/components/common/text-field/TextField.css
index 401782d2..2a090bd2 100644
--- a/packages/core/src/components/common/text-field/TextField.css
+++ b/packages/core/src/components/common/text-field/TextField.css
@@ -8,33 +8,33 @@
     text-sm;
 
   &.CMS_TextField_borderless {
+    color: var(--text-primary);
+
+    &:disabled {
+      color: var(--text-disabled);
+    }
+
     @apply h-6
       px-3
       bg-transparent
       outline-none
-      font-medium
-      text-gray-800
-      disabled:text-gray-300
-      dark:text-gray-100
-      dark:disabled:text-gray-500;
+      font-medium;
   }
 
   &.CMS_TextField_contained {
-    @apply bg-gray-50
-      border
-      border-gray-300
-      text-gray-800
+    color: var(--text-primary);
+    background: var(--background-main);
+    border-color: var(--background-light);
+
+    &:hover,
+    &:focus-within {
+      border-color: var(--primary-main);
+    }
+
+    @apply border
       rounded-lg
-      focus:ring-blue-500
-      focus:border-blue-500
       block
-      p-2.5
-      dark:bg-gray-700
-      dark:border-gray-600
-      dark:placeholder-gray-400
-      dark:text-white
-      dark:focus:ring-blue-500
-      dark:focus:border-blue-500;
+      p-2.5;
   }
 
   &.CMS_TextField_cursor-pointer {
diff --git a/packages/core/src/components/common/view-style/ViewStyleControl.css b/packages/core/src/components/common/view-style/ViewStyleControl.css
index d8558679..bd2088bf 100644
--- a/packages/core/src/components/common/view-style/ViewStyleControl.css
+++ b/packages/core/src/components/common/view-style/ViewStyleControl.css
@@ -4,15 +4,3 @@
     gap-1.5
     lg:mr-1;
 }
-
-.CMS_ViewStyleControl_button {
-  &.CMS_ViewStyleControl_active {
-    @apply text-blue-500
-      dark:text-blue-500;
-  }
-}
-
-.CMS_ViewStyleControl_icon {
-  @apply h-5
-    w-5;
-}
diff --git a/packages/core/src/components/common/view-style/ViewStyleControl.tsx b/packages/core/src/components/common/view-style/ViewStyleControl.tsx
index b2ff246d..4a35bf81 100644
--- a/packages/core/src/components/common/view-style/ViewStyleControl.tsx
+++ b/packages/core/src/components/common/view-style/ViewStyleControl.tsx
@@ -3,40 +3,40 @@ import { TableRows as TableRowsIcon } from '@styled-icons/material-rounded/Table
 import React from 'react';
 
 import { VIEW_STYLE_GRID, VIEW_STYLE_TABLE } from '@staticcms/core/constants/views';
-import classNames from '@staticcms/core/lib/util/classNames.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import IconButton from '../button/IconButton';
 
 import type { ViewStyle } from '@staticcms/core/constants/views';
+import type { FC } from 'react';
 
 import './ViewStyleControl.css';
 
-export const classes = generateClassNames('ViewStyleControl', ['root', 'button', 'active', 'icon']);
+export const classes = generateClassNames('ViewStyleControl', ['root', 'button', 'icon']);
 
 interface ViewStyleControlPros {
   viewStyle: ViewStyle;
   onChangeViewStyle: (viewStyle: ViewStyle) => void;
 }
 
-const ViewStyleControl = ({ viewStyle, onChangeViewStyle }: ViewStyleControlPros) => {
+const ViewStyleControl: FC<ViewStyleControlPros> = ({ viewStyle, onChangeViewStyle }) => {
   return (
     <div className={classes.root}>
       <IconButton
+        icon={TableRowsIcon}
+        color={viewStyle === VIEW_STYLE_TABLE ? 'primary' : 'secondary'}
         variant="text"
-        className={classNames(classes.button, viewStyle === VIEW_STYLE_TABLE && classes.active)}
-        aria-label="table view"
+        rootClassName={classes.button}
+        aria-label="table view option"
         onClick={() => onChangeViewStyle(VIEW_STYLE_TABLE)}
-      >
-        <TableRowsIcon className={classes.icon} />
-      </IconButton>
+      />
       <IconButton
+        icon={GridIcon}
+        color={viewStyle === VIEW_STYLE_GRID ? 'primary' : 'secondary'}
         variant="text"
-        className={classNames(classes.button, viewStyle === VIEW_STYLE_GRID && classes.active)}
-        aria-label="grid view"
+        rootClassName={classes.button}
+        aria-label="grid view option"
         onClick={() => onChangeViewStyle(VIEW_STYLE_GRID)}
-      >
-        <GridIcon className={classes.icon} />
-      </IconButton>
+      />
     </div>
   );
 };
diff --git a/packages/core/src/components/common/widget/PreviewHOC.tsx b/packages/core/src/components/common/widget/PreviewHOC.tsx
index 78b2d4b1..c31c8f73 100644
--- a/packages/core/src/components/common/widget/PreviewHOC.tsx
+++ b/packages/core/src/components/common/widget/PreviewHOC.tsx
@@ -1,6 +1,7 @@
 import { cloneElement, createElement, isValidElement } from 'react';
 
-import type { WidgetPreviewComponent, WidgetPreviewProps } from '@staticcms/core/interface';
+import type { WidgetPreviewComponent, WidgetPreviewProps } from '@staticcms/core';
+import type { FC } from 'react';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 interface PreviewHOCProps extends Omit<WidgetPreviewProps, 'widgetFor'> {
@@ -8,7 +9,7 @@ interface PreviewHOCProps extends Omit<WidgetPreviewProps, 'widgetFor'> {
   previewComponent: WidgetPreviewComponent;
 }
 
-const PreviewHOC = ({ previewComponent, ...props }: PreviewHOCProps) => {
+const PreviewHOC: FC<PreviewHOCProps> = ({ previewComponent, ...props }) => {
   if (!previewComponent) {
     return null;
   } else if (isValidElement(previewComponent)) {
diff --git a/packages/core/src/components/common/widget/useWidgetsFor.tsx b/packages/core/src/components/common/widget/useWidgetsFor.tsx
index 46a458bb..fe3b4d69 100644
--- a/packages/core/src/components/common/widget/useWidgetsFor.tsx
+++ b/packages/core/src/components/common/widget/useWidgetsFor.tsx
@@ -1,25 +1,23 @@
 import React, { useCallback } from 'react';
 
-import { useInferredFields } from '@staticcms/core/lib/util/collection.util';
-import { selectTheme } from '@staticcms/core/reducers/selectors/globalUI';
-import { useAppSelector } from '@staticcms/core/store/hooks';
+import { useInferredFieldsByName } from '@staticcms/core/lib/util/collection.util';
 import getWidgetFor from './widgetFor';
 
 import type {
-  Collection,
-  Config,
+  CollectionWithDefaults,
+  ConfigWithDefaults,
   Entry,
   EntryData,
   Field,
   ObjectValue,
   WidgetFor,
   WidgetsFor,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 import type { ReactNode } from 'react';
 
 export default function useWidgetsFor(
-  config: Config | undefined,
-  collection: Collection,
+  config: ConfigWithDefaults | undefined,
+  collection: CollectionWithDefaults,
   fields: Field[],
   entry: Entry,
   data: EntryData = entry.data,
@@ -27,28 +25,16 @@ export default function useWidgetsFor(
   widgetFor: WidgetFor;
   widgetsFor: WidgetsFor;
 } {
-  const inferredFields = useInferredFields(collection);
-
-  const theme = useAppSelector(selectTheme);
+  const inferredFields = useInferredFieldsByName(collection);
 
   const widgetFor = useCallback(
     (name: string): ReturnType<WidgetFor<EntryData>> => {
       if (!config) {
         return null;
       }
-      return getWidgetFor(
-        config,
-        collection,
-        name,
-        fields,
-        entry,
-        theme,
-        inferredFields,
-        fields,
-        data,
-      );
+      return getWidgetFor(config, collection, name, fields, entry, inferredFields, fields, data);
     },
-    [collection, config, data, entry, fields, inferredFields, theme],
+    [collection, config, data, entry, fields, inferredFields],
   );
 
   /**
@@ -88,25 +74,27 @@ export default function useWidgetsFor(
         return finalValue
           .filter((val: unknown) => typeof val === 'object')
           .map((val: ObjectValue) => {
-            const widgets = nestedFields.reduce((acc, field, index) => {
-              acc[field.name] = (
-                <div key={index}>
-                  {getWidgetFor(
-                    config,
-                    collection,
-                    field.name,
-                    fields,
-                    entry,
-                    theme,
-                    inferredFields,
-                    nestedFields,
-                    val,
-                    index,
-                  )}
-                </div>
-              );
-              return acc;
-            }, {} as Record<string, ReactNode>);
+            const widgets = nestedFields.reduce(
+              (acc, field, index) => {
+                acc[field.name] = (
+                  <div key={index}>
+                    {getWidgetFor(
+                      config,
+                      collection,
+                      field.name,
+                      fields,
+                      entry,
+                      inferredFields,
+                      nestedFields,
+                      val,
+                      index,
+                    )}
+                  </div>
+                );
+                return acc;
+              },
+              {} as Record<string, ReactNode>,
+            );
             return { data: val, widgets };
           });
       }
@@ -120,28 +108,30 @@ export default function useWidgetsFor(
 
       return {
         data: value,
-        widgets: nestedFields.reduce((acc, field, index) => {
-          acc[field.name] = (
-            <div key={index}>
-              {getWidgetFor(
-                config,
-                collection,
-                field.name,
-                fields,
-                entry,
-                theme,
-                inferredFields,
-                nestedFields,
-                value,
-                index,
-              )}
-            </div>
-          );
-          return acc;
-        }, {} as Record<string, ReactNode>),
+        widgets: nestedFields.reduce(
+          (acc, field, index) => {
+            acc[field.name] = (
+              <div key={index}>
+                {getWidgetFor(
+                  config,
+                  collection,
+                  field.name,
+                  fields,
+                  entry,
+                  inferredFields,
+                  nestedFields,
+                  value,
+                  index,
+                )}
+              </div>
+            );
+            return acc;
+          },
+          {} as Record<string, ReactNode>,
+        ),
       };
     },
-    [collection, config, entry, fields, inferredFields, theme],
+    [collection, config, entry, fields, inferredFields],
   );
 
   return {
diff --git a/packages/core/src/components/common/widget/widgetFor.css b/packages/core/src/components/common/widget/widgetFor.css
index 68ae1a43..da1f2fee 100644
--- a/packages/core/src/components/common/widget/widgetFor.css
+++ b/packages/core/src/components/common/widget/widgetFor.css
@@ -1,4 +1,3 @@
 .CMS_WidgetPreview_label {
-  @apply text-slate-500
-    dark:text-slate-400;
+  color: var(--text-secondary);
 }
diff --git a/packages/core/src/components/common/widget/widgetFor.tsx b/packages/core/src/components/common/widget/widgetFor.tsx
index 4d7523ac..7b9c9e57 100644
--- a/packages/core/src/components/common/widget/widgetFor.tsx
+++ b/packages/core/src/components/common/widget/widgetFor.tsx
@@ -8,8 +8,8 @@ import { getTypedFieldForValue } from '@staticcms/list/typedListHelpers';
 import PreviewHOC from './PreviewHOC';
 
 import type {
-  Collection,
-  Config,
+  CollectionWithDefaults,
+  ConfigWithDefaults,
   Entry,
   EntryData,
   Field,
@@ -19,7 +19,7 @@ import type {
   ValueOrNestedValue,
   Widget,
   WidgetPreviewComponent,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 import type { ReactFragment, ReactNode } from 'react';
 
 import './widgetFor.css';
@@ -33,12 +33,11 @@ export const classes = generateClassNames('WidgetPreview', ['label']);
  * exposed for use in custom preview templates.
  */
 export default function getWidgetFor(
-  config: Config,
-  collection: Collection,
+  config: ConfigWithDefaults,
+  collection: CollectionWithDefaults,
   name: string,
   fields: Field[],
   entry: Entry,
-  theme: 'dark' | 'light',
   inferredFields: Record<string, InferredField>,
   widgetFields: Field[] = fields,
   values: EntryData = entry.data,
@@ -62,7 +61,6 @@ export default function getWidgetFor(
         collection,
         fields,
         entry,
-        theme,
         inferredFields,
         field.fields,
         value as EntryData | EntryData[],
@@ -76,7 +74,6 @@ export default function getWidgetFor(
         collection,
         field,
         entry,
-        theme,
         inferredFields,
         value as EntryData[],
       ),
@@ -111,7 +108,7 @@ export default function getWidgetFor(
   }
 
   return renderedValue
-    ? getWidget(config, fieldWithWidgets, collection, renderedValue, entry, theme, idx)
+    ? getWidget(config, fieldWithWidgets, collection, renderedValue, entry, idx)
     : null;
 }
 
@@ -119,11 +116,10 @@ export default function getWidgetFor(
  * Retrieves widgets for nested fields (children of object/list fields)
  */
 function getNestedWidgets(
-  config: Config,
-  collection: Collection,
+  config: ConfigWithDefaults,
+  collection: CollectionWithDefaults,
   fields: Field[],
   entry: Entry,
-  theme: 'dark' | 'light',
   inferredFields: Record<string, InferredField>,
   widgetFields: Field[],
   values: EntryData | EntryData[],
@@ -136,7 +132,6 @@ function getNestedWidgets(
         collection,
         fields,
         entry,
-        theme,
         inferredFields,
         widgetFields,
         value,
@@ -150,7 +145,6 @@ function getNestedWidgets(
     collection,
     fields,
     entry,
-    theme,
     inferredFields,
     widgetFields,
     values,
@@ -161,11 +155,10 @@ function getNestedWidgets(
  * Retrieves widgets for nested fields (children of object/list fields)
  */
 function getTypedNestedWidgets(
-  config: Config,
-  collection: Collection,
+  config: ConfigWithDefaults,
+  collection: CollectionWithDefaults,
   field: ListField,
   entry: Entry,
-  theme: 'dark' | 'light',
   inferredFields: Record<string, InferredField>,
   values: EntryData[],
 ) {
@@ -181,7 +174,6 @@ function getTypedNestedWidgets(
         collection,
         itemType.fields,
         entry,
-        theme,
         inferredFields,
         itemType.fields,
         value,
@@ -195,11 +187,10 @@ function getTypedNestedWidgets(
  * Use getWidgetFor as a mapping function for recursive widget retrieval
  */
 function widgetsForNestedFields(
-  config: Config,
-  collection: Collection,
+  config: ConfigWithDefaults,
+  collection: CollectionWithDefaults,
   fields: Field[],
   entry: Entry,
-  theme: 'dark' | 'light',
   inferredFields: Record<string, InferredField>,
   widgetFields: Field[],
   values: EntryData,
@@ -213,7 +204,6 @@ function widgetsForNestedFields(
         field.name,
         fields,
         entry,
-        theme,
         inferredFields,
         widgetFields,
         values,
@@ -224,12 +214,11 @@ function widgetsForNestedFields(
 }
 
 function getWidget(
-  config: Config,
+  config: ConfigWithDefaults,
   field: RenderedField<Field>,
-  collection: Collection,
+  collection: CollectionWithDefaults,
   value: ValueOrNestedValue | ReactNode,
   entry: Entry,
-  theme: 'dark' | 'light',
   idx: number | null = null,
 ) {
   if (!field.widget) {
@@ -265,7 +254,6 @@ function getWidget(
       collection={collection}
       value={finalValue}
       entry={entry}
-      theme={theme}
     />
   );
 }
diff --git a/packages/core/src/components/entry-editor/Editor.tsx b/packages/core/src/components/entry-editor/Editor.tsx
index daf96961..2ba05d23 100644
--- a/packages/core/src/components/entry-editor/Editor.tsx
+++ b/packages/core/src/components/entry-editor/Editor.tsx
@@ -1,10 +1,7 @@
 import { createHashHistory } from 'history';
 import debounce from 'lodash/debounce';
-import isEqual from 'lodash/isEqual';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { translate } from 'react-polyglot';
-import { connect } from 'react-redux';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate, useSearchParams } from 'react-router-dom';
 
 import {
   createDraftDuplicateFromEntry,
@@ -12,51 +9,56 @@ import {
   deleteDraftLocalBackup,
   deleteEntry,
   deleteLocalBackup,
+  loadBackup,
   loadEntry,
-  loadLocalBackup,
   persistEntry,
   persistLocalBackup,
   retrieveLocalBackup,
 } from '@staticcms/core/actions/entries';
 import { loadMedia } from '@staticcms/core/actions/mediaLibrary';
 import { loadScroll, toggleScroll } from '@staticcms/core/actions/scroll';
+import { WorkflowStatus } from '@staticcms/core/constants/publishModes';
+import useDebouncedCallback from '@staticcms/core/lib/hooks/useDebouncedCallback';
 import useEntryCallback from '@staticcms/core/lib/hooks/useEntryCallback';
-import { getFileFromSlug, selectFields } from '@staticcms/core/lib/util/collection.util';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
+import { getFields, getFileFromSlug } from '@staticcms/core/lib/util/collection.util';
 import { useWindowEvent } from '@staticcms/core/lib/util/window.util';
-import { selectConfig } from '@staticcms/core/reducers/selectors/config';
+import { selectCollection } from '@staticcms/core/reducers/selectors/collections';
+import { selectConfig, selectUseWorkflow } from '@staticcms/core/reducers/selectors/config';
+import { selectUnpublishedEntry } from '@staticcms/core/reducers/selectors/editorialWorkflow';
 import { selectEntry } from '@staticcms/core/reducers/selectors/entries';
+import { selectEntryDraft } from '@staticcms/core/reducers/selectors/entryDraft';
+import { selectIsScrolling } from '@staticcms/core/reducers/selectors/scroll';
 import { useAppDispatch, useAppSelector } from '@staticcms/core/store/hooks';
+import { addSnackbar } from '@staticcms/core/store/slices/snackbars';
+import {
+  deleteUnpublishedEntry,
+  loadUnpublishedEntry,
+  persistUnpublishedEntry,
+  publishUnpublishedEntry,
+  unpublishPublishedEntry,
+  updateUnpublishedEntryStatus,
+} from '../../actions/editorialWorkflow';
+import alert from '../common/alert/Alert';
 import confirm from '../common/confirm/Confirm';
 import Loader from '../common/progress/Loader';
 import MediaLibraryModal from '../media-library/MediaLibraryModal';
 import EditorInterface from './EditorInterface';
 
-import type {
-  Collection,
-  EditorPersistOptions,
-  Entry,
-  TranslatedProps,
-} from '@staticcms/core/interface';
-import type { RootState } from '@staticcms/core/store';
+import type { CollectionWithDefaults, EditorPersistOptions, Entry } from '@staticcms/core';
 import type { Blocker } from 'history';
-import type { ComponentType, FC } from 'react';
-import type { ConnectedProps } from 'react-redux';
+import type { FC } from 'react';
+
+export interface EditorProps {
+  name: string;
+  slug?: string;
+  newRecord: boolean;
+}
+
+const Editor: FC<EditorProps> = ({ name: collectionName, slug, newRecord }) => {
+  const t = useTranslate();
+  const [searchParams] = useSearchParams();
 
-const Editor: FC<TranslatedProps<EditorProps>> = ({
-  entry,
-  entryDraft,
-  fields,
-  collection,
-  hasChanged,
-  displayUrl,
-  isModification,
-  draftKey,
-  slug,
-  localBackup,
-  scrollSyncActive,
-  newRecord,
-  t,
-}) => {
   const [version, setVersion] = useState(0);
 
   const history = createHashHistory();
@@ -65,11 +67,46 @@ const Editor: FC<TranslatedProps<EditorProps>> = ({
   const navigate = useNavigate();
 
   const config = useAppSelector(selectConfig);
+  const entryDraft = useAppSelector(selectEntryDraft);
+
+  const collection = useAppSelector(state => selectCollection(state, collectionName));
+
+  const useWorkflow = useAppSelector(selectUseWorkflow);
+
+  const unPublishedEntry = useAppSelector(state =>
+    selectUnpublishedEntry(state, collectionName, slug),
+  );
+  const hasUnpublishedEntry = useMemo(
+    () => Boolean(useWorkflow && unPublishedEntry),
+    [unPublishedEntry, useWorkflow],
+  );
+  const currentStatus = useMemo(
+    () => unPublishedEntry && unPublishedEntry.status,
+    [unPublishedEntry],
+  );
+  const isModification = useMemo(
+    () => entryDraft.entry?.isModification ?? false,
+    [entryDraft.entry?.isModification],
+  );
+  const hasChanged = useMemo(() => entryDraft.hasChanged, [entryDraft.hasChanged]);
+  const isUpdatingStatus = useMemo(
+    () => Boolean(entryDraft.entry?.isUpdatingStatus),
+    [entryDraft.entry?.isUpdatingStatus],
+  );
+  const isPublishing = useMemo(
+    () => Boolean(entryDraft.entry?.isPublishing),
+    [entryDraft.entry?.isPublishing],
+  );
+
+  const entry = useAppSelector(state => selectEntry(state, collectionName, slug));
+  const fields = useMemo(() => getFields(collection, slug), [collection, slug]);
+
+  const scrollSyncActive = useAppSelector(selectIsScrolling);
 
   const createBackup = useMemo(
     () =>
-      debounce(function (entry: Entry, collection: Collection) {
-        if (config?.disable_local_backup) {
+      debounce(function (entry: Entry, collection: CollectionWithDefaults) {
+        if (config?.disable_local_backup || !slug) {
           return;
         }
 
@@ -80,7 +117,7 @@ const Editor: FC<TranslatedProps<EditorProps>> = ({
   );
 
   const deleteBackup = useCallback(() => {
-    if (config?.disable_local_backup) {
+    if (!collection || config?.disable_local_backup) {
       return;
     }
 
@@ -96,7 +133,7 @@ const Editor: FC<TranslatedProps<EditorProps>> = ({
     (opts: EditorPersistOptions = {}) => {
       const { createNew = false, duplicate = false } = opts;
 
-      if (!entryDraft.entry) {
+      if (!collection || !entryDraft.entry) {
         return;
       }
 
@@ -104,22 +141,28 @@ const Editor: FC<TranslatedProps<EditorProps>> = ({
 
       setTimeout(async () => {
         try {
-          await dispatch(persistEntry(collection, slug, navigate));
-          setVersion(version + 1);
-
           deleteBackup();
 
+          if (useWorkflow) {
+            await dispatch(
+              persistUnpublishedEntry(collection, slug, hasUnpublishedEntry, navigate),
+            );
+          } else {
+            await dispatch(persistEntry(collection, slug, navigate));
+          }
+          setVersion(version + 1);
+
           if (createNew) {
             if (duplicate && entryDraft.entry) {
+              navigate(`/collections/${collection.name}/new?duplicate=true`, { replace: true });
               dispatch(createDraftDuplicateFromEntry(entryDraft.entry));
-              navigate(`/collections/${collection.name}/new`, { replace: true });
             } else {
               setSubmitted(false);
               setTimeout(async () => {
                 await dispatch(loadMedia());
-                dispatch(createEmptyDraft(collection, location.search));
-                setVersion(version + 1);
-                navigate(`/collections/${collection.name}/new`, { replace: true });
+                navigate(`/collections/${collection.name}/new`, {
+                  replace: true,
+                });
               }, 100);
             }
           }
@@ -127,19 +170,139 @@ const Editor: FC<TranslatedProps<EditorProps>> = ({
         } catch (e) {}
       }, 100);
     },
-    [collection, deleteBackup, dispatch, entryDraft.entry, navigate, slug, version],
+    [
+      collection,
+      deleteBackup,
+      dispatch,
+      entryDraft.entry,
+      hasUnpublishedEntry,
+      navigate,
+      slug,
+      useWorkflow,
+      version,
+    ],
   );
 
+  const debouncedHandlePersistEntry = useDebouncedCallback(handlePersistEntry, 250);
+
+  const handleChangeStatus = useCallback(
+    (newStatus: WorkflowStatus) => {
+      if (!collection || !slug || !currentStatus) {
+        return;
+      }
+
+      if (entryDraft.hasChanged) {
+        alert({
+          title: 'editor.editor.onUpdatingWithUnsavedChangesTitle',
+          body: {
+            key: 'editor.editor.onUpdatingWithUnsavedChangesBody',
+          },
+        });
+        return;
+      }
+      dispatch(updateUnpublishedEntryStatus(collection.name, slug, currentStatus, newStatus));
+    },
+    [collection, currentStatus, dispatch, entryDraft.hasChanged, slug],
+  );
+
+  const handlePublishEntry = useCallback(
+    async (opts: { createNew?: boolean; duplicate?: boolean } = {}) => {
+      if (!collection || !slug || !entryDraft.entry) {
+        return;
+      }
+
+      const { createNew = false, duplicate = false } = opts;
+
+      if (currentStatus !== WorkflowStatus.PENDING_PUBLISH) {
+        alert({
+          title: 'editor.editor.onPublishingNotReadyTitle',
+          body: {
+            key: 'editor.editor.onPublishingNotReadyBody',
+          },
+        });
+        return;
+      }
+
+      if (entryDraft.hasChanged) {
+        alert({
+          title: 'editor.editor.onPublishingWithUnsavedChangesTitle',
+          body: {
+            key: 'editor.editor.onPublishingWithUnsavedChangesBody',
+          },
+        });
+        return;
+      }
+
+      if (
+        !(await confirm({
+          title: 'editor.editor.onPublishingTitle',
+          body: 'editor.editor.onPublishingBody',
+        }))
+      ) {
+        return;
+      }
+
+      await dispatch(publishUnpublishedEntry(collection.name, slug, navigate));
+
+      deleteBackup();
+
+      if (createNew) {
+        navigate(`/collections/${collection.name}/new?duplicate=true`, { replace: true });
+        return;
+      }
+
+      if (duplicate) {
+        dispatch(createDraftDuplicateFromEntry(entryDraft.entry));
+        navigate(`/collections/${collection.name}/new?duplicate=true`, { replace: true });
+        return;
+      }
+    },
+    [
+      collection,
+      currentStatus,
+      deleteBackup,
+      dispatch,
+      entryDraft.entry,
+      entryDraft.hasChanged,
+      navigate,
+      slug,
+    ],
+  );
+
+  const handleUnpublishEntry = useCallback(async () => {
+    if (!collection || !slug) {
+      return;
+    }
+
+    if (
+      !(await confirm({
+        title: 'editor.editor.onUnpublishingTitle',
+        body: 'editor.editor.onUnpublishingBody',
+        color: 'error',
+      }))
+    ) {
+      return;
+    }
+
+    await dispatch(unpublishPublishedEntry(collection, slug));
+
+    return navigate(`/collections/${collection.name}?noredirect`);
+  }, [collection, dispatch, navigate, slug]);
+
   const handleDuplicateEntry = useCallback(() => {
-    if (!entryDraft.entry) {
+    if (!collection || !entryDraft.entry) {
       return;
     }
 
     dispatch(createDraftDuplicateFromEntry(entryDraft.entry));
     navigate(`/collections/${collection.name}/new?duplicate=true`, { replace: true });
-  }, [collection.name, dispatch, entryDraft.entry, navigate]);
+  }, [collection, dispatch, entryDraft.entry, navigate]);
 
   const handleDeleteEntry = useCallback(async () => {
+    if (!collection) {
+      return;
+    }
+
     if (entryDraft.hasChanged) {
       if (
         !(await confirm({
@@ -161,47 +324,96 @@ const Editor: FC<TranslatedProps<EditorProps>> = ({
     }
 
     if (!slug || newRecord) {
-      return navigate(`/collections/${collection.name}`);
+      return navigate(`/collections/${collection.name}?noredirect`);
     }
 
     setTimeout(async () => {
       await dispatch(deleteEntry(collection, slug));
       deleteBackup();
-      return navigate(`/collections/${collection.name}`);
+      dispatch(
+        addSnackbar({
+          type: 'success',
+          message: {
+            key: `ui.toast.${useWorkflow ? 'onDeletePublishedEntry' : 'entryDeleted'}`,
+          },
+        }),
+      );
+      return navigate(`/collections/${collection.name}?noredirect`);
     }, 0);
-  }, [collection, deleteBackup, dispatch, entryDraft.hasChanged, navigate, newRecord, slug]);
+  }, [
+    collection,
+    deleteBackup,
+    dispatch,
+    entryDraft.hasChanged,
+    navigate,
+    newRecord,
+    slug,
+    useWorkflow,
+  ]);
 
-  const [prevLocalBackup, setPrevLocalBackup] = useState<
-    | {
-        entry: Entry;
-      }
-    | undefined
-  >();
-
-  useEffect(() => {
-    if (config?.disable_local_backup) {
+  const handleDeleteUnpublishedChanges = useCallback(async () => {
+    if (!collection) {
       return;
     }
 
-    if (
-      !prevLocalBackup &&
-      localBackup &&
-      (!isEqual(localBackup.entry.data, entryDraft.entry?.data) ||
-        !isEqual(localBackup.entry.meta, entryDraft.entry?.meta))
+    if (entryDraft.hasChanged) {
+      if (
+        entryDraft.hasChanged &&
+        !(await confirm({
+          title: 'editor.editor.onDeleteUnpublishedChangesWithUnsavedChangesTitle',
+          body: 'editor.editor.onDeleteUnpublishedChangesWithUnsavedChangesBody',
+          color: 'error',
+        }))
+      ) {
+        return;
+      }
+    } else if (
+      !(await confirm({
+        title: 'editor.editor.onDeleteUnpublishedChangesTitle',
+        body: 'editor.editor.onDeleteUnpublishedChangesBody',
+        color: 'error',
+      }))
     ) {
-      const updateLocalBackup = async () => {
-        dispatch(loadLocalBackup());
-        setVersion(version + 1);
-      };
-
-      updateLocalBackup();
+      return;
     }
 
-    setPrevLocalBackup(localBackup);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [config?.disable_local_backup, deleteBackup, dispatch, localBackup, prevLocalBackup, version]);
+    if (!slug || newRecord) {
+      return navigate(`/collections/${collection.name}?noredirect`);
+    }
+
+    setTimeout(async () => {
+      await dispatch(deleteUnpublishedEntry(collection.name, slug));
+      deleteBackup();
+      dispatch(
+        addSnackbar({
+          type: 'success',
+          message: {
+            key: 'ui.toast.onDeleteUnpublishedChanges',
+          },
+        }),
+      );
+      if (isModification) {
+        dispatch(loadEntry(collection, slug));
+      } else {
+        return navigate(`/collections/${collection.name}?noredirect`);
+      }
+    }, 0);
+  }, [
+    collection,
+    deleteBackup,
+    dispatch,
+    entryDraft.hasChanged,
+    isModification,
+    navigate,
+    newRecord,
+    slug,
+  ]);
 
   useEffect(() => {
+    if (!collection || submitted) {
+      return;
+    }
+
     if (hasChanged && entryDraft.entry) {
       createBackup(entryDraft.entry, collection);
     }
@@ -209,9 +421,13 @@ const Editor: FC<TranslatedProps<EditorProps>> = ({
     return () => {
       createBackup.flush();
     };
-  }, [collection, createBackup, entryDraft.entry, hasChanged]);
+  }, [collection, createBackup, entryDraft.entry, hasChanged, submitted]);
 
   const hasLivePreview = useMemo(() => {
+    if (!collection) {
+      return false;
+    }
+
     let livePreview = typeof collection.editor?.live_preview === 'string';
 
     if ('files' in collection) {
@@ -236,20 +452,42 @@ const Editor: FC<TranslatedProps<EditorProps>> = ({
     },
   });
 
-  const [prevCollection, setPrevCollection] = useState<Collection | null>(null);
+  const [prevCollection, setPrevCollection] = useState<CollectionWithDefaults | null>(null);
   const [prevSlug, setPrevSlug] = useState<string | undefined | null>(null);
   useEffect(() => {
+    if (!collection) {
+      return;
+    }
+
     if (newRecord && slug !== prevSlug) {
       setTimeout(async () => {
         await dispatch(loadMedia());
-        dispatch(createEmptyDraft(collection, location.search));
+
+        if (
+          !searchParams.has('duplicate') ||
+          searchParams.get('duplicate') !== 'true' ||
+          entryDraft.entry === undefined
+        ) {
+          await dispatch(createEmptyDraft(collection, location.search));
+        }
       });
     } else if (!newRecord && slug && (prevCollection !== collection || prevSlug !== slug)) {
-      setTimeout(() => {
-        if (!config?.disable_local_backup) {
-          dispatch(retrieveLocalBackup(collection, slug));
+      setTimeout(async () => {
+        if (useWorkflow) {
+          await dispatch(loadUnpublishedEntry(collection, slug));
+        } else {
+          await dispatch(loadEntry(collection, slug));
         }
-        dispatch(loadEntry(collection, slug));
+
+        if (!config?.disable_local_backup) {
+          await dispatch(retrieveLocalBackup(collection, slug));
+        }
+        if (submitted && config?.disable_local_backup) {
+          return;
+        }
+
+        dispatch(loadBackup());
+        setVersion(version + 1);
       });
     }
 
@@ -264,6 +502,10 @@ const Editor: FC<TranslatedProps<EditorProps>> = ({
     dispatch,
     newRecord,
     config?.disable_local_backup,
+    useWorkflow,
+    submitted,
+    version,
+    searchParams,
   ]);
 
   const leaveMessage = useMemo(() => t('editor.editor.onLeavePage'), [t]);
@@ -283,6 +525,10 @@ const Editor: FC<TranslatedProps<EditorProps>> = ({
 
   const navigationBlocker: Blocker = useCallback(
     ({ location, action }) => {
+      if (!collection) {
+        return;
+      }
+
       /**
        * New entry being saved and redirected to it's new slug based url.
        */
@@ -303,7 +549,7 @@ const Editor: FC<TranslatedProps<EditorProps>> = ({
       }
     },
     [
-      collection.name,
+      collection,
       entryDraft.entry?.isPersisting,
       entryDraft.entry?.newRecord,
       hasChanged,
@@ -317,7 +563,7 @@ const Editor: FC<TranslatedProps<EditorProps>> = ({
     return () => {
       unblock();
     };
-  }, [collection.name, history, navigationBlocker]);
+  }, [collection?.name, history, navigationBlocker]);
 
   const handleToggleScroll = useCallback(async () => {
     await dispatch(toggleScroll());
@@ -337,7 +583,12 @@ const Editor: FC<TranslatedProps<EditorProps>> = ({
         <h3>{entry.error}</h3>
       </div>
     );
-  } else if (entryDraft == null || entryDraft.entry === undefined || (entry && entry.isFetching)) {
+  } else if (
+    !collection ||
+    entryDraft == null ||
+    entryDraft.entry === undefined ||
+    (entry && entry.isFetching)
+  ) {
     return <Loader>{t('editor.editor.loadingEntry')}</Loader>;
   }
 
@@ -345,16 +596,15 @@ const Editor: FC<TranslatedProps<EditorProps>> = ({
     <>
       <EditorInterface
         key={`editor-${version}`}
-        draftKey={draftKey}
+        draftKey={entryDraft.key}
         entry={entryDraft.entry}
         collection={collection}
         fields={fields}
         fieldsErrors={entryDraft.fieldsErrors}
-        onPersist={handlePersistEntry}
+        onPersist={debouncedHandlePersistEntry}
         onDelete={handleDeleteEntry}
         onDuplicate={handleDuplicateEntry}
         hasChanged={hasChanged}
-        displayUrl={displayUrl}
         isNewEntry={newRecord}
         isModification={isModification}
         toggleScroll={handleToggleScroll}
@@ -363,50 +613,18 @@ const Editor: FC<TranslatedProps<EditorProps>> = ({
         onDiscardDraft={handleDiscardDraft}
         submitted={submitted}
         slug={slug}
-        t={t}
+        currentStatus={currentStatus}
+        isUpdatingStatus={isUpdatingStatus}
+        onChangeStatus={handleChangeStatus}
+        onPublish={handlePublishEntry}
+        onUnPublish={handleUnpublishEntry}
+        onDeleteUnpublishedChanges={handleDeleteUnpublishedChanges}
+        hasUnpublishedChanges={hasUnpublishedEntry}
+        isPublishing={isPublishing}
       />
       <MediaLibraryModal />
     </>
   );
 };
 
-interface CollectionViewOwnProps {
-  name: string;
-  slug?: string;
-  newRecord: boolean;
-}
-
-function mapStateToProps(state: RootState, ownProps: CollectionViewOwnProps) {
-  const { collections, entryDraft, config, entries, scroll } = state;
-  const { name, slug } = ownProps;
-  const collection = collections[name];
-  const collectionName = collection.name;
-  const fields = selectFields(collection, slug);
-  const entry = !slug ? null : selectEntry(state, collectionName, slug);
-  const hasChanged = entryDraft.hasChanged;
-  const displayUrl = config.config?.display_url;
-  const isModification = entryDraft.entry?.isModification ?? false;
-  const collectionEntriesLoaded = Boolean(entries.pages[collectionName]);
-  const localBackup = entryDraft.localBackup;
-  const draftKey = entryDraft.key;
-  return {
-    ...ownProps,
-    collection,
-    collections,
-    entryDraft,
-    fields,
-    entry,
-    hasChanged,
-    displayUrl,
-    isModification,
-    collectionEntriesLoaded,
-    localBackup,
-    draftKey,
-    scrollSyncActive: scroll.isScrolling,
-  };
-}
-
-const connector = connect(mapStateToProps);
-export type EditorProps = ConnectedProps<typeof connector>;
-
-export default connector(translate()(Editor) as ComponentType<EditorProps>);
+export default Editor;
diff --git a/packages/core/src/components/entry-editor/EditorInterface.css b/packages/core/src/components/entry-editor/EditorInterface.css
index be4db87e..37f797aa 100644
--- a/packages/core/src/components/entry-editor/EditorInterface.css
+++ b/packages/core/src/components/entry-editor/EditorInterface.css
@@ -1,56 +1,40 @@
+& .CMS_Editor_root {
+  @apply md:h-main
+    !hidden
+    lg:!flex;
+
+  &:not(.CMS_Editor_wrapper-i18n-side-by-side) {
+    @apply h-full;
+  }
+
+  &.CMS_Editor_wrapper-i18n-side-by-side {
+    @apply h-full;
+  }
+}
+
 .CMS_Editor_default {
   @apply w-full;
 
   &.CMS_Editor_split-view {
     @apply overflow-y-auto
-      h-main-mobile
       md:h-main;
   }
-
-  & .CMS_Editor_mobile-preview {
-    @apply hidden
-      lg:block;
-  }
 }
 
-& .CMS_Editor_i18n {
-  @apply hidden
-    w-full
-    overflow-y-auto
-    h-main-mobile
-    md:h-main;
+.CMS_Editor_i18n-panel {
+  border-color: var(--background-main);
+
+  @apply border-l;
+}
+
+.CMS_Editor_i18n {
+  @apply w-full
+    hidden;
 
   &.CMS_Editor_i18n-active {
-    @apply flex;
-  }
-}
-
-& .CMS_Editor_mobile-i18n {
-  @apply flex
-    w-full
-    overflow-y-auto
-    h-main-mobile;
-}
-
-& .CMS_Editor_root {
-  &:not(.CMS_Editor_wrapper-i18n-side-by-side) {
-    @apply grid
-      h-full;
-
-    &.CMS_Editor_compact {
-      @apply lg:grid-cols-editor;
-    }
-
-    &:not(.CMS_Editor_compact) {
-      @apply lg:grid-cols-2;
-    }
-  }
-
-  &.CMS_Editor_wrapper-i18n-side-by-side {
-    @apply grid-cols-2
-      h-full
-      hidden
-      lg:grid;
+    @apply flex
+      overflow-y-auto
+      h-main;
   }
 }
 
@@ -67,3 +51,76 @@
       max-w-full;
   }
 }
+
+.CMS_Editor_resize-handle {
+  @apply bg-transparent
+    outline-none
+    flex-[0_0_1rem]
+    justify-stretch
+    m-1.5
+    flex
+    items-center
+    rounded
+    transition-colors;
+
+  &:hover {
+    background: color-mix(in srgb, var(--primary-main) 15%, transparent);
+
+    & .CMS_Editor_resize-handle-icon {
+      @apply opacity-100;
+    }
+  }
+}
+
+.CMS_Editor_resize-handle-icon {
+  color: var(--text-primary);
+
+  @apply w-4
+    h-4
+    rotate-90
+    transition-opacity
+    opacity-20;
+}
+
+.CMS_Editor_mobile-root {
+  @apply w-full
+    overflow-y-auto
+    h-main-mobile;
+
+  &.CMS_Editor_workflow {
+    @apply h-main-mobile-workflow;
+  }
+
+  &:not(.CMS_Editor_mobile-preview-active) {
+    & .CMS_Editor_mobile-preview {
+      @apply hidden;
+    }
+  }
+
+  &.CMS_Editor_mobile-preview-active {
+    & .CMS_Editor_i18n,
+    & .CMS_Editor_default {
+      @apply hidden;
+    }
+  }
+}
+
+.CMS_Editor_mobile-preview {
+  @apply flex
+    w-full
+    overflow-y-auto
+    h-main-mobile;
+}
+
+.CMS_Editor_mobile-workflow-controls {
+  background: color-mix(in srgb, var(--background-main) 75%, transparent);
+
+  @apply px-2
+    py-2.5
+    h-[50px]
+    flex
+    items-center
+    justify-between
+    drop-shadow-lg
+    md:hidden;
+}
diff --git a/packages/core/src/components/entry-editor/EditorInterface.tsx b/packages/core/src/components/entry-editor/EditorInterface.tsx
index 901d65bc..fb7e146c 100644
--- a/packages/core/src/components/entry-editor/EditorInterface.tsx
+++ b/packages/core/src/components/entry-editor/EditorInterface.tsx
@@ -1,4 +1,6 @@
+import { DragHandle as DragHandleIcon } from '@styled-icons/material/DragHandle';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { Panel, PanelGroup, PanelResizeHandle } from 'react-resizable-panels';
 import { ScrollSyncPane } from 'react-scroll-sync';
 
 import { EDITOR_SIZE_COMPACT } from '@staticcms/core/constants/views';
@@ -13,21 +15,27 @@ import {
 } from '@staticcms/core/lib/util/collection.util';
 import { customPathFromSlug } from '@staticcms/core/lib/util/nested.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
-import { selectConfig } from '@staticcms/core/reducers/selectors/config';
+import { selectConfig, selectUseWorkflow } from '@staticcms/core/reducers/selectors/config';
+import {
+  selectIsFetching,
+  selectUseOpenAuthoring,
+} from '@staticcms/core/reducers/selectors/globalUI';
 import { useAppSelector } from '@staticcms/core/store/hooks';
 import MainView from '../MainView';
 import EditorToolbar from './EditorToolbar';
+import EditorWorkflowToolbarButtons from './EditorWorkflowToolbarButtons';
 import EditorControlPane from './editor-control-pane/EditorControlPane';
 import EditorPreviewPane from './editor-preview-pane/EditorPreviewPane';
 
+import type { WorkflowStatus } from '@staticcms/core/constants/publishModes';
 import type {
-  Collection,
+  CollectionWithDefaults,
   EditorPersistOptions,
   Entry,
   Field,
   FieldsErrors,
-  TranslatedProps,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
+import type { FC } from 'react';
 
 import './EditorInterface.css';
 
@@ -35,18 +43,27 @@ export const classes = generateClassNames('Editor', [
   'root',
   'default',
   'i18n',
+  'i18n-panel',
   'i18n-active',
-  'mobile-i18n',
   'split-view',
-  'mobile-preview',
   'wrapper-preview',
   'wrapper-i18n-side-by-side',
   'compact',
   'toolbar',
   'content',
   'content-wrapper',
+  'resize-handle',
+  'resize-handle-icon',
+  'mobile-root',
+  'workflow',
+  'mobile-preview',
+  'mobile-preview-active',
+  'mobile-workflow-controls',
 ]);
 
+const COMPACT_EDITOR_DEFAULT_WIDTH = 450;
+const MIN_PREVIEW_SIZE = 300;
+
 const PREVIEW_VISIBLE = 'cms.preview-visible';
 const I18N_VISIBLE = 'cms.i18n-visible';
 
@@ -58,13 +75,13 @@ interface EditorContentProps {
   editorWithPreview: JSX.Element;
 }
 
-const EditorContent = ({
+const EditorContent: FC<EditorContentProps> = ({
   i18nActive,
   previewActive,
   editor,
   editorSideBySideLocale,
   editorWithPreview,
-}: EditorContentProps) => {
+}) => {
   if (i18nActive) {
     return editorSideBySideLocale;
   } else if (previewActive) {
@@ -81,14 +98,13 @@ const EditorContent = ({
 interface EditorInterfaceProps {
   draftKey: string;
   entry: Entry;
-  collection: Collection;
+  collection: CollectionWithDefaults;
   fields: Field[] | undefined;
   fieldsErrors: FieldsErrors;
   onPersist: (opts?: EditorPersistOptions) => void;
   onDelete: () => Promise<void>;
   onDuplicate: () => void;
   hasChanged: boolean;
-  displayUrl: string | undefined;
   isNewEntry: boolean;
   isModification: boolean;
   toggleScroll: () => Promise<void>;
@@ -97,9 +113,17 @@ interface EditorInterfaceProps {
   submitted: boolean;
   slug: string | undefined;
   onDiscardDraft: () => void;
+  currentStatus: WorkflowStatus | undefined;
+  isUpdatingStatus: boolean;
+  onChangeStatus: (status: WorkflowStatus) => void;
+  hasUnpublishedChanges: boolean;
+  isPublishing: boolean;
+  onPublish: (opts?: EditorPersistOptions) => Promise<void>;
+  onUnPublish: () => Promise<void>;
+  onDeleteUnpublishedChanges: () => Promise<void>;
 }
 
-const EditorInterface = ({
+const EditorInterface: FC<EditorInterfaceProps> = ({
   collection,
   entry,
   fields = [],
@@ -108,26 +132,47 @@ const EditorInterface = ({
   onDuplicate,
   onPersist,
   hasChanged,
-  displayUrl,
   isNewEntry,
   isModification,
   draftKey,
   scrollSyncActive,
-  t,
   loadScroll,
   toggleScroll,
   submitted,
   slug,
   onDiscardDraft,
-}: TranslatedProps<EditorInterfaceProps>) => {
+  currentStatus,
+  isUpdatingStatus,
+  onChangeStatus,
+  hasUnpublishedChanges,
+  isPublishing,
+  onPublish,
+  onUnPublish,
+  onDeleteUnpublishedChanges,
+}) => {
   const config = useAppSelector(selectConfig);
+  const useWorkflow = useAppSelector(selectUseWorkflow);
+  const useOpenAuthoring = useAppSelector(selectUseOpenAuthoring);
 
   const isSmallScreen = useIsSmallScreen();
 
-  const { locales, defaultLocale } = useMemo(() => getI18nInfo(collection), [collection]) ?? {};
+  const isLoading = useAppSelector(selectIsFetching);
+  const disabled = useMemo(
+    () =>
+      Boolean(
+        isLoading || entry.isPersisting || isPublishing || isUpdatingStatus || entry.isDeleting,
+      ),
+    [entry.isDeleting, entry.isPersisting, isLoading, isPublishing, isUpdatingStatus],
+  );
+  const editorDisabled = useMemo(
+    () => Boolean(disabled || entry.openAuthoring),
+    [disabled, entry.openAuthoring],
+  );
+
+  const { locales, default_locale } = useMemo(() => getI18nInfo(collection), [collection]) ?? {};
   const translatedLocales = useMemo(
-    () => (isSmallScreen ? locales : locales?.filter(locale => locale !== defaultLocale)) ?? [],
-    [isSmallScreen, locales, defaultLocale],
+    () => (isSmallScreen ? locales : locales?.filter(locale => locale !== default_locale)) ?? [],
+    [isSmallScreen, locales, default_locale],
   );
 
   const [previewActive, setPreviewActive] = useState(
@@ -141,12 +186,12 @@ const EditorInterface = ({
   );
 
   const [selectedLocale, setSelectedLocale] = useState<string>(
-    (i18nActive ? translatedLocales?.[0] : defaultLocale) ?? 'en',
+    (i18nActive ? translatedLocales?.[0] : default_locale) ?? 'en',
   );
 
   useEffect(() => {
-    setSelectedLocale((i18nActive ? translatedLocales?.[0] : defaultLocale) ?? 'en');
-  }, [defaultLocale, i18nActive, translatedLocales]);
+    setSelectedLocale((i18nActive ? translatedLocales?.[0] : default_locale) ?? 'en');
+  }, [default_locale, i18nActive, translatedLocales]);
 
   useEffect(() => {
     loadScroll();
@@ -155,12 +200,19 @@ const EditorInterface = ({
   const handleOnPersist = useCallback(
     async (opts: EditorPersistOptions = {}) => {
       const { createNew = false, duplicate = false } = opts;
-      // await switchToDefaultLocale();
       onPersist({ createNew, duplicate });
     },
     [onPersist],
   );
 
+  const handleOnPublish = useCallback(
+    async (opts: EditorPersistOptions = {}) => {
+      const { createNew = false, duplicate = false } = opts;
+      onPublish({ createNew, duplicate });
+    },
+    [onPublish],
+  );
+
   const handleToggleScrollSync = useCallback(() => {
     toggleScroll();
   }, [toggleScroll]);
@@ -169,10 +221,10 @@ const EditorInterface = ({
     const newI18nActive = !i18nActive;
     setI18nActive(newI18nActive);
     setSelectedLocale(selectedLocale =>
-      newI18nActive && selectedLocale === defaultLocale ? translatedLocales?.[0] : selectedLocale,
+      newI18nActive && selectedLocale === default_locale ? translatedLocales?.[0] : selectedLocale,
     );
     localStorage.setItem(I18N_VISIBLE, `${newI18nActive}`);
-  }, [i18nActive, setSelectedLocale, translatedLocales, defaultLocale]);
+  }, [i18nActive, setSelectedLocale, translatedLocales, default_locale]);
 
   const handleTogglePreview = useCallback(() => {
     let newPreviewActive = true;
@@ -190,6 +242,8 @@ const EditorInterface = ({
     setSelectedLocale(locale);
   }, []);
 
+  const file = getFileFromSlug(collection, entry.slug);
+
   const { livePreviewUrlTemplate, showPreviewToggle, previewInFrame, editorSize } = useMemo(() => {
     let livePreviewUrlTemplate =
       typeof collection.editor?.live_preview === 'string' ? collection.editor.live_preview : false;
@@ -209,8 +263,6 @@ const EditorInterface = ({
     }
 
     if ('files' in collection) {
-      const file = getFileFromSlug(collection, entry.slug);
-
       if (file?.editor) {
         if (typeof file.editor.live_preview === 'string') {
           livePreviewUrlTemplate = file.editor.live_preview;
@@ -238,7 +290,7 @@ const EditorInterface = ({
       previewInFrame: frame,
       editorSize: size,
     };
-  }, [collection, config?.slug, entry]);
+  }, [collection, config?.slug, entry, file?.editor]);
 
   const finalPreviewActive = useMemo(
     () => showPreviewToggle && previewActive,
@@ -259,12 +311,11 @@ const EditorInterface = ({
   const editor = useMemo(
     () => (
       <div
-        key={defaultLocale}
+        key={default_locale}
         id="control-pane"
         className={classNames(
           classes.default,
           (finalPreviewActive || i18nActive) && `${classes['split-view']} CMS_Scrollbar_root`,
-          showMobilePreview && classes['mobile-preview'],
         )}
       >
         <EditorControlPane
@@ -272,21 +323,20 @@ const EditorInterface = ({
           entry={entry}
           fields={fields}
           fieldsErrors={fieldsErrors}
-          locale={i18nActive ? defaultLocale : selectedLocale}
+          locale={i18nActive ? default_locale : selectedLocale}
           submitted={submitted}
           hideBorder={!finalPreviewActive && !i18nActive}
           canChangeLocale={i18nEnabled && !i18nActive}
           onLocaleChange={handleLocaleChange}
           slug={slug}
-          t={t}
+          disabled={editorDisabled}
         />
       </div>
     ),
     [
-      defaultLocale,
+      default_locale,
       finalPreviewActive,
       i18nActive,
-      showMobilePreview,
       collection,
       entry,
       fields,
@@ -296,64 +346,63 @@ const EditorInterface = ({
       i18nEnabled,
       handleLocaleChange,
       slug,
-      t,
+      editorDisabled,
     ],
   );
 
   const editorLocale = useMemo(
     () =>
       locales
-        ?.filter(locale => isSmallScreen || locale !== defaultLocale)
+        ?.filter(locale => isSmallScreen || locale !== default_locale)
         .map(locale => (
-          <div
-            key={locale}
-            className={classNames(
-              classes.i18n,
-              selectedLocale === locale && classes['i18n-active'],
-            )}
-          >
-            <EditorControlPane
-              collection={collection}
-              entry={entry}
-              fields={fields}
-              fieldsErrors={fieldsErrors}
-              locale={locale}
-              onLocaleChange={handleLocaleChange}
-              allowDefaultLocale={isSmallScreen}
-              submitted={submitted}
-              canChangeLocale
-              context={!isSmallScreen ? 'i18nSplit' : undefined}
-              hideBorder
-              t={t}
-            />
-          </div>
+          <ScrollSyncPane key={locale}>
+            <div
+              className={classNames(
+                classes.i18n,
+                selectedLocale === locale && classes['i18n-active'],
+                'CMS_Scrollbar_root',
+              )}
+            >
+              <EditorControlPane
+                collection={collection}
+                entry={entry}
+                fields={fields}
+                fieldsErrors={fieldsErrors}
+                locale={locale}
+                onLocaleChange={handleLocaleChange}
+                allowDefaultLocale={isSmallScreen}
+                submitted={submitted}
+                canChangeLocale
+                context={!isSmallScreen ? 'i18nSplit' : undefined}
+                hideBorder
+                disabled={editorDisabled}
+              />
+            </div>
+          </ScrollSyncPane>
         )),
     [
+      locales,
+      default_locale,
+      selectedLocale,
       collection,
-      defaultLocale,
       entry,
       fields,
       fieldsErrors,
       handleLocaleChange,
       isSmallScreen,
-      locales,
-      selectedLocale,
       submitted,
-      t,
+      editorDisabled,
     ],
   );
 
   const previewEntry = useMemo(
     () =>
-      collectHasI18n ? getPreviewEntry(collection, entry, selectedLocale, defaultLocale) : entry,
-    [collectHasI18n, collection, defaultLocale, entry, selectedLocale],
+      collectHasI18n ? getPreviewEntry(collection, entry, selectedLocale, default_locale) : entry,
+    [collectHasI18n, collection, default_locale, entry, selectedLocale],
   );
 
-  const editorWithPreview = (
-    <div
-      className={classNames(classes.root, editorSize === EDITOR_SIZE_COMPACT && classes.compact)}
-    >
-      <ScrollSyncPane>{editor}</ScrollSyncPane>
+  const mobilePreview = (
+    <div className={classes['mobile-preview']}>
       <EditorPreviewPane
         collection={collection}
         previewInFrame={previewInFrame}
@@ -366,15 +415,93 @@ const EditorInterface = ({
     </div>
   );
 
-  const editorSideBySideLocale = isSmallScreen ? (
-    <>{editorLocale}</>
-  ) : (
-    <div className={classNames(classes.root, classes['wrapper-i18n-side-by-side'])}>
-      <ScrollSyncPane>{editor}</ScrollSyncPane>
-      <ScrollSyncPane>
-        <>{editorLocale}</>
-      </ScrollSyncPane>
-    </div>
+  const editorWithPreview = (
+    <>
+      {!isSmallScreen ? (
+        <PanelGroup
+          key="editor-with-preview"
+          autoSaveId={`editor-with-preview-${collection.name}${file ? `-${file.name}` : ''}`}
+          direction="horizontal"
+          units={editorSize === EDITOR_SIZE_COMPACT ? 'pixels' : 'percentages'}
+          className={classNames(
+            classes.root,
+            editorSize === EDITOR_SIZE_COMPACT && classes.compact,
+          )}
+          disablePointerEventsDuringResize={true}
+        >
+          <Panel
+            defaultSize={editorSize === EDITOR_SIZE_COMPACT ? COMPACT_EDITOR_DEFAULT_WIDTH : 50}
+            minSize={editorSize === EDITOR_SIZE_COMPACT ? COMPACT_EDITOR_DEFAULT_WIDTH : 30}
+          >
+            <ScrollSyncPane>{editor}</ScrollSyncPane>
+          </Panel>
+          <PanelResizeHandle className={classes['resize-handle']}>
+            <DragHandleIcon className={classes['resize-handle-icon']} />
+          </PanelResizeHandle>
+          <Panel
+            defaultSize={editorSize === EDITOR_SIZE_COMPACT ? undefined : 50}
+            minSize={editorSize === EDITOR_SIZE_COMPACT ? MIN_PREVIEW_SIZE : 30}
+          >
+            <EditorPreviewPane
+              collection={collection}
+              previewInFrame={previewInFrame}
+              livePreviewUrlTemplate={livePreviewUrlTemplate}
+              entry={previewEntry}
+              fields={fields}
+              editorSize={editorSize}
+              showMobilePreview={showMobilePreview}
+            />
+          </Panel>
+        </PanelGroup>
+      ) : (
+        <div
+          className={classNames(
+            classes['mobile-root'],
+            showMobilePreview && classes['mobile-preview-active'],
+            useWorkflow && classes.workflow,
+          )}
+        >
+          {editor}
+          {mobilePreview}
+        </div>
+      )}
+    </>
+  );
+
+  const editorSideBySideLocale = (
+    <>
+      {!isSmallScreen ? (
+        <PanelGroup
+          key="editor-side-by-side-locale"
+          autoSaveId={`editor-side-by-side-locale-${collection.name}`}
+          direction="horizontal"
+          className={classNames(classes.root, classes['wrapper-i18n-side-by-side'])}
+        >
+          <Panel defaultSize={50} minSize={30}>
+            <ScrollSyncPane>{editor}</ScrollSyncPane>
+          </Panel>
+          <PanelResizeHandle className={classes['resize-handle']}>
+            <DragHandleIcon className={classes['resize-handle-icon']} />
+          </PanelResizeHandle>
+          <Panel defaultSize={50} minSize={30} className={classes['i18n-panel']}>
+            <ScrollSyncPane>
+              <>{editorLocale}</>
+            </ScrollSyncPane>
+          </Panel>
+        </PanelGroup>
+      ) : (
+        <div
+          className={classNames(
+            classes['mobile-root'],
+            showMobilePreview && classes['mobile-preview-active'],
+            useWorkflow && classes.workflow,
+          )}
+        >
+          {editorLocale}
+          {mobilePreview}
+        </div>
+      )}
+    </>
   );
 
   const summary = useMemo(() => selectEntryCollectionTitle(collection, entry), [collection, entry]);
@@ -382,7 +509,9 @@ const EditorInterface = ({
     () => customPathFromSlug(collection, entry.slug),
     [collection, entry.slug],
   );
-  const breadcrumbs = useBreadcrumbs(collection, nestedFieldPath, { isNewEntry, summary, t });
+  const breadcrumbs = useBreadcrumbs(collection, nestedFieldPath, { isNewEntry, summary });
+
+  const isPersisting = useMemo(() => Boolean(entry.isPersisting), [entry.isPersisting]);
 
   return (
     <MainView
@@ -391,15 +520,13 @@ const EditorInterface = ({
       noScroll={finalPreviewActive || i18nActive}
       navbarActions={
         <EditorToolbar
-          isPersisting={entry.isPersisting}
-          isDeleting={entry.isDeleting}
+          isPersisting={isPersisting}
           onPersist={handleOnPersist}
           onPersistAndNew={() => handleOnPersist({ createNew: true })}
           onPersistAndDuplicate={() => handleOnPersist({ createNew: true, duplicate: true })}
           onDelete={onDelete}
           onDuplicate={onDuplicate}
           hasChanged={hasChanged}
-          displayUrl={displayUrl}
           collection={collection}
           isNewEntry={isNewEntry}
           isModification={isModification}
@@ -416,9 +543,36 @@ const EditorInterface = ({
           onMobilePreviewToggle={toggleMobilePreview}
           className={classes.toolbar}
           onDiscardDraft={onDiscardDraft}
+          currentStatus={currentStatus}
+          isUpdatingStatus={isUpdatingStatus}
+          onChangeStatus={onChangeStatus}
+          hasUnpublishedChanges={hasUnpublishedChanges}
+          isPublishing={isPublishing}
+          onDeleteUnpublishedChanges={onDeleteUnpublishedChanges}
+          onPublish={onPublish}
+          onUnPublish={onUnPublish}
+          onPublishAndNew={() => handleOnPublish({ createNew: true })}
+          onPublishAndDuplicate={() => handleOnPublish({ createNew: true, duplicate: true })}
+          disabled={disabled}
         />
       }
     >
+      {useWorkflow ? (
+        <div className={classes['mobile-workflow-controls']}>
+          <EditorWorkflowToolbarButtons
+            hasChanged={hasChanged}
+            isPersisting={isPersisting}
+            onPersist={onPersist}
+            currentStatus={currentStatus}
+            isUpdatingStatus={isUpdatingStatus}
+            disabled={disabled}
+            onChangeStatus={onChangeStatus}
+            isLoading={isLoading}
+            useOpenAuthoring={useOpenAuthoring}
+            mobile
+          />
+        </div>
+      ) : null}
       <EditorContent
         key={draftKey}
         i18nActive={i18nActive}
diff --git a/packages/core/src/components/entry-editor/EditorRoute.tsx b/packages/core/src/components/entry-editor/EditorRoute.tsx
index ba2c3c77..b52d9c74 100644
--- a/packages/core/src/components/entry-editor/EditorRoute.tsx
+++ b/packages/core/src/components/entry-editor/EditorRoute.tsx
@@ -1,17 +1,18 @@
 import React, { useMemo } from 'react';
 import { Navigate, useParams } from 'react-router-dom';
 
+import useDefaultPath from '@staticcms/core/lib/hooks/useDefaultPath';
 import Editor from './Editor';
-import { getDefaultPath } from '../../lib/util/collection.util';
 
-import type { Collections } from '@staticcms/core/interface';
+import type { CollectionsWithDefaults } from '@staticcms/core';
+import type { FC } from 'react';
 
 interface EditorRouteProps {
   newRecord?: boolean;
-  collections: Collections;
+  collections: CollectionsWithDefaults;
 }
 
-const EditorRoute = ({ newRecord = false, collections }: EditorRouteProps) => {
+const EditorRoute: FC<EditorRouteProps> = ({ newRecord = false, collections }) => {
   const { name, ...params } = useParams();
   const slug = params['*'];
 
@@ -22,7 +23,7 @@ const EditorRoute = ({ newRecord = false, collections }: EditorRouteProps) => {
     return !collections[name];
   }, [collections, name]);
 
-  const defaultPath = useMemo(() => getDefaultPath(collections), [collections]);
+  const defaultPath = useDefaultPath(collections);
 
   if (shouldRedirect || !name || (!newRecord && !slug)) {
     return <Navigate to={defaultPath} />;
diff --git a/packages/core/src/components/entry-editor/EditorToolbar.css b/packages/core/src/components/entry-editor/EditorToolbar.css
index 0dc546d0..b01dfdc0 100644
--- a/packages/core/src/components/entry-editor/EditorToolbar.css
+++ b/packages/core/src/components/entry-editor/EditorToolbar.css
@@ -22,21 +22,11 @@
     lg:!hidden;
 }
 
-.CMS_EditorToolbar_preview-toggle-icon {
-  @apply w-5
-    h-5;
-}
-
 .CMS_EditorToolbar_delete-button {
   @apply flex
     lg:!hidden;
 }
 
-.CMS_EditorToolbar_delete-button-icon {
-  @apply w-5
-    h-5;
-}
-
 .CMS_EditorToolbar_publish-button {
 }
 
@@ -49,3 +39,10 @@
   @apply hidden
     md:block;
 }
+
+.CMS_EditorToolbar_workflow-controls {
+  @apply hidden
+    md:flex
+    gap-2
+    items-center;
+}
diff --git a/packages/core/src/components/entry-editor/EditorToolbar.tsx b/packages/core/src/components/entry-editor/EditorToolbar.tsx
index 7c161355..93c429b8 100644
--- a/packages/core/src/components/entry-editor/EditorToolbar.tsx
+++ b/packages/core/src/components/entry-editor/EditorToolbar.tsx
@@ -7,22 +7,30 @@ import { Height as HeightIcon } from '@styled-icons/material-rounded/Height';
 import { Check as CheckIcon } from '@styled-icons/material/Check';
 import { MoreVert as MoreVertIcon } from '@styled-icons/material/MoreVert';
 import { Publish as PublishIcon } from '@styled-icons/material/Publish';
+import { Unpublished as UnpublishedIcon } from '@styled-icons/material/Unpublished';
 import React, { useCallback, useMemo } from 'react';
-import { translate } from 'react-polyglot';
 
+import { loadUnpublishedEntry } from '@staticcms/core/actions/editorialWorkflow';
 import { deleteLocalBackup, loadEntry } from '@staticcms/core/actions/entries';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import classNames from '@staticcms/core/lib/util/classNames.util';
-import { selectAllowDeletion } from '@staticcms/core/lib/util/collection.util';
+import { selectAllowDeletion, selectAllowPublish } from '@staticcms/core/lib/util/collection.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
-import { selectIsFetching } from '@staticcms/core/reducers/selectors/globalUI';
+import { selectUseWorkflow } from '@staticcms/core/reducers/selectors/config';
+import {
+  selectIsFetching,
+  selectUseOpenAuthoring,
+} from '@staticcms/core/reducers/selectors/globalUI';
 import { useAppDispatch, useAppSelector } from '@staticcms/core/store/hooks';
 import IconButton from '../common/button/IconButton';
 import confirm from '../common/confirm/Confirm';
 import Menu from '../common/menu/Menu';
 import MenuGroup from '../common/menu/MenuGroup';
 import MenuItemButton from '../common/menu/MenuItemButton';
+import EditorWorkflowToolbarButtons from './EditorWorkflowToolbarButtons';
 
-import type { Collection, EditorPersistOptions, TranslatedProps } from '@staticcms/core/interface';
+import type { WorkflowStatus } from '@staticcms/core/constants/publishModes';
+import type { CollectionWithDefaults, EditorPersistOptions } from '@staticcms/core';
 import type { FC, MouseEventHandler } from 'react';
 
 import './EditorToolbar.css';
@@ -33,25 +41,23 @@ export const classes = generateClassNames('EditorToolbar', [
   'more-menu-button',
   'more-menu-label-icon',
   'preview-toggle',
-  'preview-toggle-icon',
   'delete-button',
-  'delete-button-icon',
   'publish-button',
   'publish-button-icon',
   'publish-button-label',
+  'workflow-controls',
 ]);
 
 export interface EditorToolbarProps {
   isPersisting?: boolean;
-  isDeleting?: boolean;
   onPersist: (opts?: EditorPersistOptions) => Promise<void>;
   onPersistAndNew: () => Promise<void>;
   onPersistAndDuplicate: () => Promise<void>;
   onDelete: () => Promise<void>;
   onDuplicate: () => void;
   hasChanged: boolean;
-  displayUrl: string | undefined;
-  collection: Collection;
+  hasUnpublishedChanges: boolean;
+  collection: CollectionWithDefaults;
   isNewEntry: boolean;
   isModification?: boolean;
   showPreviewToggle: boolean;
@@ -67,20 +73,29 @@ export interface EditorToolbarProps {
   showMobilePreview: boolean;
   onMobilePreviewToggle: () => void;
   onDiscardDraft: () => void;
+  currentStatus: WorkflowStatus | undefined;
+  isUpdatingStatus: boolean;
+  onChangeStatus: (status: WorkflowStatus) => void;
+  isPublishing: boolean;
+  onPublish: (opts?: EditorPersistOptions) => Promise<void>;
+  onUnPublish: () => Promise<void>;
+  onDeleteUnpublishedChanges: () => Promise<void>;
+  onPublishAndNew: () => Promise<void>;
+  onPublishAndDuplicate: () => Promise<void>;
+  disabled: boolean;
 }
 
-const EditorToolbar = ({
+const EditorToolbar: FC<EditorToolbarProps> = ({
   hasChanged,
-  // TODO displayUrl,
   collection,
   onDuplicate,
-  // TODO isPersisting,
+  isPersisting = false,
   onPersist,
   onPersistAndDuplicate,
   onPersistAndNew,
   isNewEntry,
+  isModification,
   onDelete,
-  t,
   showPreviewToggle,
   previewActive,
   scrollSyncActive,
@@ -94,15 +109,36 @@ const EditorToolbar = ({
   showMobilePreview,
   onMobilePreviewToggle,
   onDiscardDraft,
-}: TranslatedProps<EditorToolbarProps>) => {
+  currentStatus,
+  isUpdatingStatus,
+  onChangeStatus,
+  hasUnpublishedChanges,
+  isPublishing,
+  onPublish,
+  onUnPublish,
+  onDeleteUnpublishedChanges,
+  onPublishAndNew,
+  onPublishAndDuplicate,
+  disabled,
+}) => {
+  const t = useTranslate();
+
+  const useOpenAuthoring = useAppSelector(selectUseOpenAuthoring);
+
   const canCreate = useMemo(
     () => ('folder' in collection && collection.create) ?? false,
     [collection],
   );
   const canDelete = useMemo(() => selectAllowDeletion(collection), [collection]);
+  const canPublish = useMemo(
+    () => selectAllowPublish(collection, slug) && !useOpenAuthoring,
+    [collection, slug, useOpenAuthoring],
+  );
   const isPublished = useMemo(() => !isNewEntry && !hasChanged, [hasChanged, isNewEntry]);
   const isLoading = useAppSelector(selectIsFetching);
 
+  const useWorkflow = useAppSelector(selectUseWorkflow);
+
   const dispatch = useAppDispatch();
 
   const handleDiscardDraft = useCallback(async () => {
@@ -120,17 +156,53 @@ const EditorToolbar = ({
       })
     ) {
       await dispatch(deleteLocalBackup(collection, slug));
-      await dispatch(loadEntry(collection, slug));
+      if (useWorkflow) {
+        await dispatch(loadUnpublishedEntry(collection, slug));
+      } else {
+        await dispatch(loadEntry(collection, slug));
+      }
       onDiscardDraft();
     }
-  }, [collection, dispatch, onDiscardDraft, slug]);
+  }, [collection, dispatch, onDiscardDraft, slug, useWorkflow]);
+
+  const handlePublishClick = useCallback(() => {
+    if (useWorkflow) {
+      onPublish();
+      return;
+    }
+
+    onPersist();
+  }, [onPersist, onPublish, useWorkflow]);
+
+  const handlePublishAndNew = useCallback(() => {
+    if (useWorkflow) {
+      onPublishAndNew();
+      return;
+    }
+
+    onPersistAndNew();
+  }, [onPersistAndNew, onPublishAndNew, useWorkflow]);
+
+  const handlePublishAndDuplicate = useCallback(() => {
+    if (useWorkflow) {
+      onPublishAndDuplicate();
+      return;
+    }
+
+    onPersistAndDuplicate();
+  }, [onPersistAndDuplicate, onPublishAndDuplicate, useWorkflow]);
 
   const menuItems: JSX.Element[][] = useMemo(() => {
     const items: JSX.Element[] = [];
 
-    if (!isPublished) {
+    if ((!useWorkflow && !isPublished) || (useWorkflow && hasUnpublishedChanges)) {
       items.push(
-        <MenuItemButton key="publishNow" onClick={() => onPersist()} startIcon={PublishIcon}>
+        <MenuItemButton
+          key="publishNow"
+          onClick={handlePublishClick}
+          startIcon={PublishIcon}
+          data-testid="publish-now-button"
+        >
           {t('editor.editorToolbar.publishNow')}
         </MenuItemButton>,
       );
@@ -139,15 +211,17 @@ const EditorToolbar = ({
         items.push(
           <MenuItemButton
             key="publishAndCreateNew"
-            onClick={onPersistAndNew}
+            onClick={handlePublishAndNew}
             startIcon={DocumentAddIcon}
+            data-testid="publish-and-create-new-button"
           >
             {t('editor.editorToolbar.publishAndCreateNew')}
           </MenuItemButton>,
           <MenuItemButton
             key="publishAndDuplicate"
-            onClick={onPersistAndDuplicate}
+            onClick={handlePublishAndDuplicate}
             startIcon={DocumentDuplicateIcon}
+            data-testid="publish-and-duplicate-button"
           >
             {t('editor.editorToolbar.publishAndDuplicate')}
           </MenuItemButton>,
@@ -155,53 +229,115 @@ const EditorToolbar = ({
       }
     } else if (canCreate) {
       items.push(
-        <MenuItemButton key="duplicate" onClick={onDuplicate} startIcon={DocumentDuplicateIcon}>
+        <MenuItemButton
+          key="duplicate"
+          onClick={onDuplicate}
+          startIcon={DocumentDuplicateIcon}
+          data-testid="duplicate-button"
+        >
           {t('editor.editorToolbar.duplicate')}
         </MenuItemButton>,
       );
     }
 
-    if (hasChanged) {
-      return [
-        items,
-        [
-          <MenuItemButton
-            key="discardChanges"
-            onClick={handleDiscardDraft}
-            startIcon={TrashIcon}
-            color="warning"
-          >
-            {t('editor.editorToolbar.discardChanges')}
-          </MenuItemButton>,
-        ],
-      ];
+    const groups = [items];
+
+    if (useWorkflow && canCreate && canPublish && canDelete) {
+      groups.push([
+        <MenuItemButton
+          key="unpublish"
+          onClick={onUnPublish}
+          startIcon={UnpublishedIcon}
+          color="warning"
+          data-testid="unpublish-button"
+        >
+          {t('editor.editorToolbar.unpublish')}
+        </MenuItemButton>,
+      ]);
     }
 
-    return [items];
+    return groups;
   }, [
     canCreate,
-    handleDiscardDraft,
-    hasChanged,
+    canDelete,
+    canPublish,
+    handlePublishAndDuplicate,
+    handlePublishAndNew,
+    handlePublishClick,
+    hasUnpublishedChanges,
     isPublished,
     onDuplicate,
-    onPersist,
-    onPersistAndDuplicate,
-    onPersistAndNew,
+    onUnPublish,
     t,
+    useWorkflow,
   ]);
 
-  return useMemo(
-    () => (
-      <div className={classNames(classes.root, className)}>
-        {showI18nToggle || showPreviewToggle || canDelete ? (
-          <Menu
-            key="extra-menu"
-            label={<MoreVertIcon className={classes['more-menu-label-icon']} />}
-            variant="text"
-            rootClassName={classes['more-menu']}
-            buttonClassName={classes['more-menu-button']}
-            hideDropdownIcon
-          >
+  const workflowDeleteLabel = useMemo(() => {
+    if (hasUnpublishedChanges) {
+      if (isModification) {
+        return 'editor.editorToolbar.deleteUnpublishedChanges';
+      }
+
+      if (isNewEntry || !isModification) {
+        return 'editor.editorToolbar.deleteUnpublishedEntry';
+      }
+
+      return;
+    }
+
+    if (isNewEntry) {
+      return;
+    }
+
+    if (!isModification) {
+      return 'editor.editorToolbar.deletePublishedEntry';
+    }
+  }, [hasUnpublishedChanges, isModification, isNewEntry]);
+
+  const publishLabel = useMemo(() => {
+    if (useWorkflow) {
+      if (isPublishing) {
+        return 'editor.editorToolbar.publishing';
+      }
+
+      if (hasUnpublishedChanges) {
+        return 'editor.editorToolbar.publish';
+      }
+
+      if (!isNewEntry) {
+        return 'editor.editorToolbar.published';
+      }
+
+      return;
+    }
+
+    if (isPersisting) {
+      return 'editor.editorToolbar.publishing';
+    }
+
+    if (isPublished) {
+      return 'editor.editorToolbar.published';
+    }
+
+    return 'editor.editorToolbar.publish';
+  }, [hasUnpublishedChanges, isNewEntry, isPersisting, isPublished, isPublishing, useWorkflow]);
+
+  return (
+    <div className={classNames(classes.root, className)}>
+      {showI18nToggle || showPreviewToggle || canDelete || hasChanged ? (
+        <Menu
+          key="extra-menu"
+          label={<MoreVertIcon className={classes['more-menu-label-icon']} />}
+          color="secondary"
+          variant="text"
+          rootClassName={classes['more-menu']}
+          buttonClassName={classes['more-menu-button']}
+          hideDropdownIcon
+          aria-label="more options dropdown"
+          disabled={disabled}
+          data-testid="editor-extra-menu"
+        >
+          {showI18nToggle || showPreviewToggle ? (
             <MenuGroup>
               {showI18nToggle && (
                 <MenuItemButton
@@ -224,10 +360,10 @@ const EditorToolbar = ({
                   </MenuItemButton>
                   <MenuItemButton
                     onClick={toggleScrollSync}
-                    disabled={isLoading || i18nActive || !previewActive}
+                    disabled={isLoading || (!i18nActive && !previewActive)}
                     startIcon={HeightIcon}
                     endIcon={
-                      scrollSyncActive && !(i18nActive || !previewActive) ? CheckIcon : undefined
+                      scrollSyncActive && (i18nActive || previewActive) ? CheckIcon : undefined
                     }
                   >
                     {t('editor.editorInterface.toggleScrollSync')}
@@ -235,76 +371,102 @@ const EditorToolbar = ({
                 </>
               )}
             </MenuGroup>
-            {canDelete ? (
-              <MenuGroup key="delete-button">
-                <MenuItemButton onClick={onDelete} startIcon={TrashIcon} color="error">
-                  {t('editor.editorToolbar.deleteEntry')}
-                </MenuItemButton>
-              </MenuGroup>
-            ) : null}
-          </Menu>
-        ) : null}
-        {showPreviewToggle ? (
-          <IconButton
-            key="show-preview-button"
-            title={t('editor.editorInterface.preview')}
-            variant={showMobilePreview ? 'contained' : 'text'}
-            onClick={onMobilePreviewToggle}
-            className={classes['preview-toggle']}
-          >
-            <EyeIcon className={classes['preview-toggle-icon']} />
-          </IconButton>
-        ) : null}
-        {canDelete ? (
-          <IconButton
-            key="delete-button"
-            title={t('editor.editorToolbar.deleteEntry')}
-            color="error"
-            variant="text"
-            onClick={onDelete}
-            className={classes['delete-button']}
-          >
-            <TrashIcon className={classes['delete-button-icon']} />
-          </IconButton>
-        ) : null}
+          ) : null}
+          {hasChanged ? (
+            <MenuGroup key="discard-button">
+              <MenuItemButton
+                key="discardChanges"
+                onClick={handleDiscardDraft}
+                startIcon={TrashIcon}
+                color="warning"
+                data-testid="discard-button"
+              >
+                {t('editor.editorToolbar.discardChanges')}
+              </MenuItemButton>
+            </MenuGroup>
+          ) : null}
+          {canDelete &&
+          (!useOpenAuthoring || hasUnpublishedChanges) &&
+          (!useWorkflow || workflowDeleteLabel) ? (
+            <MenuGroup key="delete-button">
+              <MenuItemButton
+                onClick={
+                  useWorkflow &&
+                  workflowDeleteLabel &&
+                  workflowDeleteLabel !== 'editor.editorToolbar.deletePublishedEntry'
+                    ? onDeleteUnpublishedChanges
+                    : onDelete
+                }
+                startIcon={TrashIcon}
+                color="error"
+                data-testid="delete-button"
+              >
+                {useWorkflow ? t(workflowDeleteLabel!) : t('editor.editorToolbar.deleteEntry')}
+              </MenuItemButton>
+            </MenuGroup>
+          ) : null}
+        </Menu>
+      ) : null}
+      {showPreviewToggle ? (
+        <IconButton
+          icon={EyeIcon}
+          key="show-preview-button"
+          title={t('editor.editorInterface.preview')}
+          variant={showMobilePreview ? 'contained' : 'text'}
+          onClick={onMobilePreviewToggle}
+          rootClassName={classes['preview-toggle']}
+          aria-label="toggle preview"
+          disabled={disabled}
+        />
+      ) : null}
+      {canDelete ? (
+        <IconButton
+          icon={TrashIcon}
+          key="delete-button"
+          title={t('editor.editorToolbar.deleteEntry')}
+          color="error"
+          variant="text"
+          onClick={onDelete}
+          rootClassName={classes['delete-button']}
+          aria-label="delete"
+          disabled={disabled}
+        />
+      ) : null}
+      {useWorkflow ? (
+        <div className={classes['workflow-controls']}>
+          <EditorWorkflowToolbarButtons
+            hasChanged={hasChanged}
+            isPersisting={isPersisting}
+            onPersist={onPersist}
+            currentStatus={currentStatus}
+            isUpdatingStatus={isUpdatingStatus}
+            disabled={disabled}
+            onChangeStatus={onChangeStatus}
+            isLoading={isLoading}
+            useOpenAuthoring={useOpenAuthoring}
+          />
+        </div>
+      ) : null}
+      {!useOpenAuthoring && publishLabel ? (
         <Menu
-          label={
-            isPublished ? t('editor.editorToolbar.published') : t('editor.editorToolbar.publish')
-          }
-          color={isPublished ? 'success' : 'primary'}
-          disabled={isLoading || (menuItems.length == 1 && menuItems[0].length === 0)}
+          label={t(publishLabel)}
+          color={publishLabel === 'editor.editorToolbar.published' ? 'success' : 'primary'}
+          disabled={disabled || (menuItems.length == 1 && menuItems[0].length === 0)}
           startIcon={PublishIcon}
           rootClassName={classes['publish-button']}
           iconClassName={classes['publish-button-icon']}
           labelClassName={classes['publish-button-label']}
           hideDropdownIconOnMobile
+          aria-label="publish options dropdown"
+          data-testid="publish-dropdown"
         >
           {menuItems.map((group, index) => (
             <MenuGroup key={`menu-group-${index}`}>{group}</MenuGroup>
           ))}
         </Menu>
-      </div>
-    ),
-    [
-      className,
-      showI18nToggle,
-      showPreviewToggle,
-      canDelete,
-      toggleI18n,
-      i18nActive,
-      t,
-      togglePreview,
-      isLoading,
-      previewActive,
-      toggleScrollSync,
-      scrollSyncActive,
-      onDelete,
-      showMobilePreview,
-      onMobilePreviewToggle,
-      isPublished,
-      menuItems,
-    ],
+      ) : null}
+    </div>
   );
 };
 
-export default translate()(EditorToolbar) as FC<EditorToolbarProps>;
+export default EditorToolbar;
diff --git a/packages/core/src/components/entry-editor/EditorWorkflowToolbarButtons.css b/packages/core/src/components/entry-editor/EditorWorkflowToolbarButtons.css
new file mode 100644
index 00000000..3122e481
--- /dev/null
+++ b/packages/core/src/components/entry-editor/EditorWorkflowToolbarButtons.css
@@ -0,0 +1,8 @@
+.CMS_EditorWorkflowToolbarButtons_not-checked {
+  @apply ms-7;
+}
+
+.CMS_EditorWorkflowToolbarButtons_status-label {
+  @apply flex
+    items-center;
+}
diff --git a/packages/core/src/components/entry-editor/EditorWorkflowToolbarButtons.tsx b/packages/core/src/components/entry-editor/EditorWorkflowToolbarButtons.tsx
new file mode 100644
index 00000000..98cddf95
--- /dev/null
+++ b/packages/core/src/components/entry-editor/EditorWorkflowToolbarButtons.tsx
@@ -0,0 +1,151 @@
+import { Check as CheckIcon } from '@styled-icons/material/Check';
+import React, { useCallback, useMemo } from 'react';
+
+import { WorkflowStatus } from '@staticcms/core/constants/publishModes';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
+import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
+import Button from '../common/button/Button';
+import Menu from '../common/menu/Menu';
+import MenuGroup from '../common/menu/MenuGroup';
+import MenuItemButton from '../common/menu/MenuItemButton';
+import Pill from '../common/pill/Pill';
+
+import type { FC } from 'react';
+import type { PillProps } from '../common/pill/Pill';
+
+import './EditorWorkflowToolbarButtons.css';
+
+const classes = generateClassNames('EditorWorkflowToolbarButtons', ['not-checked', 'status-label']);
+
+export interface EditorWorkflowToolbarButtonsProps {
+  hasChanged: boolean;
+  isPersisting: boolean;
+  onPersist: () => void;
+  currentStatus: WorkflowStatus | undefined;
+  isUpdatingStatus: boolean;
+  onChangeStatus: (status: WorkflowStatus) => void;
+  disabled: boolean;
+  isLoading: boolean;
+  mobile?: boolean;
+  useOpenAuthoring: boolean;
+}
+
+const EditorWorkflowToolbarButtons: FC<EditorWorkflowToolbarButtonsProps> = ({
+  hasChanged,
+  isPersisting,
+  onPersist,
+  currentStatus,
+  isUpdatingStatus,
+  onChangeStatus,
+  disabled,
+  isLoading,
+  mobile,
+  useOpenAuthoring,
+}) => {
+  const t = useTranslate();
+
+  const statusToTranslation = useMemo(
+    () => ({
+      [WorkflowStatus.DRAFT]: t('editor.editorToolbar.draft'),
+      [WorkflowStatus.PENDING_REVIEW]: t('editor.editorToolbar.inReview'),
+      [WorkflowStatus.PENDING_PUBLISH]: t('editor.editorToolbar.ready'),
+    }),
+    [t],
+  );
+
+  const statusToPillColor: Record<WorkflowStatus, PillProps['color']> = useMemo(
+    () => ({
+      [WorkflowStatus.DRAFT]: 'info',
+      [WorkflowStatus.PENDING_REVIEW]: 'warning',
+      [WorkflowStatus.PENDING_PUBLISH]: 'success',
+    }),
+    [],
+  );
+
+  const handleSave = useCallback(() => {
+    if (!hasChanged) {
+      return;
+    }
+
+    onPersist();
+  }, [hasChanged, onPersist]);
+
+  return (
+    <>
+      {currentStatus ? (
+        useOpenAuthoring ? (
+          <>
+            <Pill className={classes['status-label']} color={statusToPillColor[currentStatus]}>
+              {statusToTranslation[currentStatus]}
+            </Pill>
+            {currentStatus === WorkflowStatus.DRAFT ? (
+              <Button
+                variant="outlined"
+                color="warning"
+                onClick={() => onChangeStatus(WorkflowStatus.PENDING_REVIEW)}
+              >
+                {t('workflow.openAuthoring.markReadyForReview')}
+              </Button>
+            ) : null}
+          </>
+        ) : (
+          <Menu
+            label={
+              isUpdatingStatus
+                ? t('editor.editorToolbar.updating')
+                : isLoading
+                ? t('app.app.loading')
+                : t('editor.editorToolbar.status', { status: statusToTranslation[currentStatus] })
+            }
+            color="secondary"
+            disabled={disabled}
+            aria-label="change status options dropdown"
+          >
+            <MenuGroup>
+              <MenuItemButton
+                onClick={() => onChangeStatus(WorkflowStatus.DRAFT)}
+                startIcon={currentStatus === WorkflowStatus.DRAFT ? CheckIcon : undefined}
+                contentClassName={
+                  currentStatus !== WorkflowStatus.DRAFT ? classes['not-checked'] : ''
+                }
+              >
+                {statusToTranslation[WorkflowStatus.DRAFT]}
+              </MenuItemButton>
+              <MenuItemButton
+                onClick={() => onChangeStatus(WorkflowStatus.PENDING_REVIEW)}
+                startIcon={currentStatus === WorkflowStatus.PENDING_REVIEW ? CheckIcon : undefined}
+                contentClassName={
+                  currentStatus !== WorkflowStatus.PENDING_REVIEW ? classes['not-checked'] : ''
+                }
+              >
+                {statusToTranslation[WorkflowStatus.PENDING_REVIEW]}
+              </MenuItemButton>
+              <MenuItemButton
+                onClick={() => onChangeStatus(WorkflowStatus.PENDING_PUBLISH)}
+                startIcon={currentStatus === WorkflowStatus.PENDING_PUBLISH ? CheckIcon : undefined}
+                contentClassName={
+                  currentStatus !== WorkflowStatus.PENDING_PUBLISH ? classes['not-checked'] : ''
+                }
+              >
+                {statusToTranslation[WorkflowStatus.PENDING_PUBLISH]}
+              </MenuItemButton>
+            </MenuGroup>
+          </Menu>
+        )
+      ) : mobile ? (
+        <div />
+      ) : null}
+      <Button
+        disabled={!hasChanged || disabled}
+        onClick={handleSave}
+        color={hasChanged ? 'primary' : 'secondary'}
+        variant={hasChanged ? 'contained' : 'outlined'}
+        aria-label="save unpublished entry"
+      >
+        {isPersisting ? t('editor.editorToolbar.saving') : t('editor.editorToolbar.save')}
+      </Button>
+    </>
+  );
+};
+
+export default EditorWorkflowToolbarButtons;
diff --git a/packages/core/src/components/entry-editor/editor-control-pane/EditorControl.tsx b/packages/core/src/components/entry-editor/editor-control-pane/EditorControl.tsx
index f61ca6bf..b602133a 100644
--- a/packages/core/src/components/entry-editor/editor-control-pane/EditorControl.tsx
+++ b/packages/core/src/components/entry-editor/editor-control-pane/EditorControl.tsx
@@ -1,7 +1,6 @@
 import { isEqual } from 'lodash';
 import isEmpty from 'lodash/isEmpty';
 import React, { createElement, useCallback, useEffect, useMemo, useState } from 'react';
-import { translate } from 'react-polyglot';
 import { connect } from 'react-redux';
 
 import {
@@ -12,6 +11,7 @@ import {
 import { query as queryAction } from '@staticcms/core/actions/search';
 import useDebouncedCallback from '@staticcms/core/lib/hooks/useDebouncedCallback';
 import useMemoCompare from '@staticcms/core/lib/hooks/useMemoCompare';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import useUUID from '@staticcms/core/lib/hooks/useUUID';
 import { isFieldDuplicate, isFieldHidden } from '@staticcms/core/lib/i18n';
 import { resolveWidget } from '@staticcms/core/lib/registry';
@@ -22,7 +22,6 @@ import { isNotNullish } from '@staticcms/core/lib/util/null.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import { validate } from '@staticcms/core/lib/util/validation.util';
 import { selectFieldErrors } from '@staticcms/core/reducers/selectors/entryDraft';
-import { selectTheme } from '@staticcms/core/reducers/selectors/globalUI';
 import { selectIsLoadingAsset } from '@staticcms/core/reducers/selectors/medias';
 import { useAppDispatch, useAppSelector } from '@staticcms/core/store/hooks';
 
@@ -30,20 +29,19 @@ import type {
   Field,
   FieldsErrors,
   I18nSettings,
-  TranslatedProps,
   UnknownField,
   ValueOrNestedValue,
   Widget,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 import type { RootState } from '@staticcms/core/store';
-import type { ComponentType } from 'react';
+import type { FC } from 'react';
 import type { ConnectedProps } from 'react-redux';
 
 import './EditorControl.css';
 
 export const classes = generateClassNames('EditorControl', ['root', 'hidden']);
 
-const EditorControl = ({
+const EditorControl: FC<EditorControlProps> = ({
   collection,
   collectionFile,
   config: configState,
@@ -51,12 +49,11 @@ const EditorControl = ({
   field,
   fieldsErrors,
   submitted,
-  disabled = false,
+  disabled,
   parentDuplicate = false,
   locale,
   parentPath,
   query,
-  t,
   value: storageValue,
   forList = false,
   listItemPath,
@@ -66,7 +63,9 @@ const EditorControl = ({
   fieldName,
   isMeta = false,
   controlled = false,
-}: TranslatedProps<EditorControlProps>) => {
+}) => {
+  const t = useTranslate();
+
   const dispatch = useAppDispatch();
 
   const id = useUUID();
@@ -74,8 +73,6 @@ const EditorControl = ({
   const widgetName = field.widget;
   const widget = resolveWidget(widgetName) as Widget<ValueOrNestedValue, Field>;
 
-  const theme = useAppSelector(selectTheme);
-
   const path = useMemo(
     () =>
       parentPath.length > 0 ? `${parentPath}.${fieldName ?? field.name}` : fieldName ?? field.name,
@@ -84,7 +81,7 @@ const EditorControl = ({
 
   const finalStorageValue = useMemoCompare(storageValue, isEqual);
 
-  const [internalValue, setInternalValue] = useState(
+  const [internalValue, setInternalValue] = useState(() =>
     widget.converters.deserialize(finalStorageValue, field),
   );
 
@@ -92,11 +89,7 @@ const EditorControl = ({
     !isEmpty(widget.getValidValue(internalValue, field as UnknownField)),
   );
 
-  const fieldErrorsSelector = useMemo(
-    () => selectFieldErrors(path, i18n, isMeta),
-    [i18n, isMeta, path],
-  );
-  const errors = useAppSelector(fieldErrorsSelector);
+  const errors = useAppSelector(state => selectFieldErrors(state, path, i18n, isMeta));
 
   const hasErrors = (submitted || dirty) && Boolean(errors.length);
 
@@ -127,7 +120,12 @@ const EditorControl = ({
       return;
     }
 
-    if ((!dirty && !submitted) || disabled || i18nDisabled) {
+    if (
+      (!dirty && !submitted) ||
+      disabled ||
+      i18nDisabled ||
+      (forList && field.widget === 'object' && field.fields.length === 1)
+    ) {
       return;
     }
 
@@ -151,6 +149,8 @@ const EditorControl = ({
     disabled,
     isMeta,
     i18nDisabled,
+    forList,
+    forSingleList,
   ]);
 
   const clearChildValidation = useCallback(() => {
@@ -212,7 +212,10 @@ const EditorControl = ({
     }
 
     return (
-      <div className={classNames(classes.root, hidden && classes.hidden)}>
+      <div
+        className={classNames(classes.root, hidden && classes.hidden)}
+        aria-label={widgetName?.concat(' field')}
+      >
         {createElement(widget.control, {
           key: `${id}-${version}`,
           collection,
@@ -238,7 +241,6 @@ const EditorControl = ({
           i18n,
           hasErrors,
           errors,
-          theme,
           controlled: controlled || i18nDisabled,
         })}
       </div>
@@ -275,7 +277,7 @@ interface EditorControlOwnProps {
   field: Field;
   fieldsErrors: FieldsErrors;
   submitted: boolean;
-  disabled?: boolean;
+  disabled: boolean;
   parentDuplicate?: boolean;
   locale?: string;
   parentPath: string;
@@ -314,4 +316,4 @@ const mapDispatchToProps = {
 const connector = connect(mapStateToProps, mapDispatchToProps);
 export type EditorControlProps = ConnectedProps<typeof connector>;
 
-export default connector(translate()(EditorControl) as ComponentType<EditorControlProps>);
+export default connector(EditorControl);
diff --git a/packages/core/src/components/entry-editor/editor-control-pane/EditorControlPane.css b/packages/core/src/components/entry-editor/editor-control-pane/EditorControlPane.css
index 36be1672..3da30139 100644
--- a/packages/core/src/components/entry-editor/editor-control-pane/EditorControlPane.css
+++ b/packages/core/src/components/entry-editor/editor-control-pane/EditorControlPane.css
@@ -5,8 +5,9 @@
     w-full;
 
   &:not(.CMS_EditorControlPane_no-border) {
-    @apply lg:border-r
-      border-slate-400;
+    border-color: var(--background-main);
+
+    @apply lg:border-r;
   }
 }
 
diff --git a/packages/core/src/components/entry-editor/editor-control-pane/EditorControlPane.tsx b/packages/core/src/components/entry-editor/editor-control-pane/EditorControlPane.tsx
index bbd16d19..0a6d34c5 100644
--- a/packages/core/src/components/entry-editor/editor-control-pane/EditorControlPane.tsx
+++ b/packages/core/src/components/entry-editor/editor-control-pane/EditorControlPane.tsx
@@ -1,5 +1,6 @@
 import React, { useMemo } from 'react';
 
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import { getI18nInfo, hasI18n, isFieldTranslatable } from '@staticcms/core/lib/i18n';
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import { getFieldValue } from '@staticcms/core/lib/util/field.util';
@@ -11,14 +12,14 @@ import EditorControl from './EditorControl';
 import LocaleDropdown from './LocaleDropdown';
 
 import type {
-  Collection,
+  CollectionWithDefaults,
   Entry,
   Field,
   FieldsErrors,
   I18nSettings,
-  StringOrTextField,
-  TranslatedProps,
-} from '@staticcms/core/interface';
+  StringField,
+} from '@staticcms/core';
+import type { FC } from 'react';
 
 import './EditorControlPane.css';
 
@@ -29,7 +30,7 @@ export const classes = generateClassNames('EditorControlPane', [
 ]);
 
 export interface EditorControlPaneProps {
-  collection: Collection;
+  collection: CollectionWithDefaults;
   entry: Entry;
   fields: Field[];
   fieldsErrors: FieldsErrors;
@@ -42,9 +43,10 @@ export interface EditorControlPaneProps {
   allowDefaultLocale?: boolean;
   context?: 'default' | 'i18nSplit';
   listItemPath?: string;
+  disabled: boolean;
 }
 
-const EditorControlPane = ({
+const EditorControlPane: FC<EditorControlPaneProps> = ({
   collection,
   entry,
   fields,
@@ -58,8 +60,10 @@ const EditorControlPane = ({
   allowDefaultLocale = false,
   context = 'default',
   listItemPath,
-  t,
-}: TranslatedProps<EditorControlPaneProps>) => {
+  disabled,
+}) => {
+  const t = useTranslate();
+
   const pathField = useMemo(
     () =>
       ({
@@ -71,7 +75,7 @@ const EditorControlPane = ({
         widget: 'string',
         i18n: 'none',
         hint: ``,
-      } as StringOrTextField),
+      }) as StringField,
     [collection],
   );
 
@@ -84,11 +88,11 @@ const EditorControlPane = ({
 
   const i18n = useMemo(() => {
     if (hasI18n(collection)) {
-      const { locales, defaultLocale } = getI18nInfo(collection);
+      const { locales, default_locale } = getI18nInfo(collection);
       return {
-        currentLocale: locale ?? locales[0],
+        currentLocale: locale ?? locales?.[0],
         locales,
-        defaultLocale,
+        defaultLocale: default_locale,
       } as I18nSettings;
     }
 
@@ -135,6 +139,7 @@ const EditorControlPane = ({
           listItemPath={listItemPath}
           controlled
           isMeta
+          disabled={disabled}
         />
       ) : null}
       {fields.map(field => {
@@ -152,6 +157,7 @@ const EditorControlPane = ({
             parentPath=""
             i18n={i18n}
             listItemPath={listItemPath}
+            disabled={disabled}
           />
         );
       })}
diff --git a/packages/core/src/components/entry-editor/editor-control-pane/LocaleDropdown.css b/packages/core/src/components/entry-editor/editor-control-pane/LocaleDropdown.css
index 07103840..24f769f5 100644
--- a/packages/core/src/components/entry-editor/editor-control-pane/LocaleDropdown.css
+++ b/packages/core/src/components/entry-editor/editor-control-pane/LocaleDropdown.css
@@ -10,14 +10,15 @@
 }
 
 .CMS_LocaleDropdown_errors-icon {
+  color: var(--error-main);
+
   @apply w-7
-    h-7
-    text-red-500;
+    h-7;
 }
 
 .CMS_LocaleDropdown_no-edit {
+  color: var(--text-secondary);
+
   @apply border
-    border-transparent
-    text-slate-500
-    dark:text-slate-400;
+    border-transparent;
 }
diff --git a/packages/core/src/components/entry-editor/editor-control-pane/LocaleDropdown.tsx b/packages/core/src/components/entry-editor/editor-control-pane/LocaleDropdown.tsx
index af18733b..c85ec244 100644
--- a/packages/core/src/components/entry-editor/editor-control-pane/LocaleDropdown.tsx
+++ b/packages/core/src/components/entry-editor/editor-control-pane/LocaleDropdown.tsx
@@ -13,7 +13,7 @@ import Menu from '../../common/menu/Menu';
 import MenuGroup from '../../common/menu/MenuGroup';
 import MenuItemButton from '../../common/menu/MenuItemButton';
 
-import type { ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 
 import './LocaleDropdown.css';
 
@@ -34,7 +34,7 @@ interface LocaleDropdownProps {
   excludeLocales?: string[];
 }
 
-const LocaleDropdown = ({
+const LocaleDropdown: FC<LocaleDropdownProps> = ({
   locale,
   locales,
   defaultLocale,
@@ -96,7 +96,11 @@ const LocaleDropdown = ({
 
   return (
     <div className={classes.root}>
-      <Menu label={dropdownText} rootClassName={classes.dropdown}>
+      <Menu
+        label={dropdownText}
+        rootClassName={classes.dropdown}
+        aria-label="locale options dropdown"
+      >
         <MenuGroup>
           {locales
             .filter(locale => !excludeLocales.includes(locale))
diff --git a/packages/core/src/components/entry-editor/editor-preview-pane/EditorPreview.tsx b/packages/core/src/components/entry-editor/editor-preview-pane/EditorPreview.tsx
index e0ead3a6..e821af8b 100644
--- a/packages/core/src/components/entry-editor/editor-preview-pane/EditorPreview.tsx
+++ b/packages/core/src/components/entry-editor/editor-preview-pane/EditorPreview.tsx
@@ -1,8 +1,9 @@
 import React from 'react';
 
-import type { ObjectValue, TemplatePreviewProps } from '@staticcms/core/interface';
+import type { ObjectValue, TemplatePreviewProps } from '@staticcms/core';
+import type { FC } from 'react';
 
-const Preview = ({ collection, fields, widgetFor }: TemplatePreviewProps<ObjectValue>) => {
+const Preview: FC<TemplatePreviewProps<ObjectValue>> = ({ collection, fields, widgetFor }) => {
   if (!collection || !fields) {
     return null;
   }
diff --git a/packages/core/src/components/entry-editor/editor-preview-pane/EditorPreviewContent.tsx b/packages/core/src/components/entry-editor/editor-preview-pane/EditorPreviewContent.tsx
index a02f913d..3d571c57 100644
--- a/packages/core/src/components/entry-editor/editor-preview-pane/EditorPreviewContent.tsx
+++ b/packages/core/src/components/entry-editor/editor-preview-pane/EditorPreviewContent.tsx
@@ -5,7 +5,7 @@ import type {
   TemplatePreviewComponent,
   TemplatePreviewProps,
   UnknownField,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 import type { FC } from 'react';
 
 interface EditorPreviewContentProps {
diff --git a/packages/core/src/components/entry-editor/editor-preview-pane/EditorPreviewPane.css b/packages/core/src/components/entry-editor/editor-preview-pane/EditorPreviewPane.css
index 8b6412a5..0f1058c6 100644
--- a/packages/core/src/components/entry-editor/editor-preview-pane/EditorPreviewPane.css
+++ b/packages/core/src/components/entry-editor/editor-preview-pane/EditorPreviewPane.css
@@ -1,17 +1,11 @@
 .CMS_Preview_root {
-  @apply h-main-mobile
+  background: var(--background-dark);
+
+  @apply h-full
     md:h-main
-    absolute
     top-16
     right-0
-    w-full
-    lg:w-6/12
-    bg-slate-50
-    dark:bg-slate-900;
-
-  &.CMS_Preview_compact {
-    @apply lg:w-preview;
-  }
+    w-full;
 
   &.CMS_Preview_show-mobile-preview {
     @apply hidden
@@ -33,5 +27,5 @@
   @apply overflow-y-auto
     h-full
     py-2
-    px-3;
+    pe-3;
 }
diff --git a/packages/core/src/components/entry-editor/editor-preview-pane/EditorPreviewPane.tsx b/packages/core/src/components/entry-editor/editor-preview-pane/EditorPreviewPane.tsx
index 8cd38833..84b72ef2 100644
--- a/packages/core/src/components/entry-editor/editor-preview-pane/EditorPreviewPane.tsx
+++ b/packages/core/src/components/entry-editor/editor-preview-pane/EditorPreviewPane.tsx
@@ -1,17 +1,16 @@
 import React, { useCallback, useMemo, useRef } from 'react';
-import { createPortal } from 'react-dom';
 import Frame from 'react-frame-component';
-import { translate } from 'react-polyglot';
 import { ScrollSyncPane } from 'react-scroll-sync';
 
 import { EDITOR_SIZE_COMPACT } from '@staticcms/core/constants/views';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import { getPreviewStyles, getPreviewTemplate } from '@staticcms/core/lib/registry';
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import { selectTemplateName } from '@staticcms/core/lib/util/collection.util';
 import LivePreviewLoadedEvent from '@staticcms/core/lib/util/events/LivePreviewLoadedEvent';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import { useWindowEvent } from '@staticcms/core/lib/util/window.util';
-import { selectConfig } from '@staticcms/core/reducers/selectors/config';
+import { selectConfig, selectOriginConfig } from '@staticcms/core/reducers/selectors/config';
 import { selectTheme } from '@staticcms/core/reducers/selectors/globalUI';
 import { useAppSelector } from '@staticcms/core/store/hooks';
 import ErrorBoundary from '../../ErrorBoundary';
@@ -21,13 +20,7 @@ import EditorPreviewContent from './EditorPreviewContent';
 import PreviewFrameContent from './PreviewFrameContent';
 
 import type { EditorSize } from '@staticcms/core/constants/views';
-import type {
-  Collection,
-  Entry,
-  Field,
-  TemplatePreviewProps,
-  TranslatedProps,
-} from '@staticcms/core/interface';
+import type { CollectionWithDefaults, Entry, Field, TemplatePreviewProps } from '@staticcms/core';
 import type DataUpdateEvent from '@staticcms/core/lib/util/events/DataEvent';
 import type { FC } from 'react';
 
@@ -53,7 +46,7 @@ const FrameGlobalStyles = `
   }
 
   a {
-    color: rgb(59 130 246);
+    color: var(--primary-main);
     text-decoration: none;
   }
 
@@ -62,37 +55,27 @@ const FrameGlobalStyles = `
   }
 
   .frame-content {
-    padding: 16px;
+    padding: 8px 12px 8px 0;
   }
 
-  .text-blue-500 {
-    color: rgb(59 130 246);
+  @media (max-width: 1024px) {
+    .frame-content {
+      padding: 8px 12px;
+    }
   }
 
   .CMS_PreviewFrameContent_content {
-    color: rgb(17 24 39);
-  }
-
-  .dark .CMS_PreviewFrameContent_content {
-    color: rgb(243 244 246);
-  }
-
-  .text-slate-500 {
-    color: rgb(100 116 139);
-  }
-
-  .dark .dark\\:text-slate-400 {
-    color: rgb(148 163 184);
+    color: var(--text-primary);
   }
 
   .CMS_Scrollbar_root {
-    --scrollbar-foreground: rgba(100, 116, 139, 0.25);
-    --scrollbar-background: rgb(248 250 252);
+    --scrollbar-foreground: var(--scrollbar-main);
+    --scrollbar-background: var(--background-dark);
   }
 
-  .dark.CMS_Scrollbar_root {
-    --scrollbar-foreground: rgba(30, 41, 59, 0.8);
-    --scrollbar-background: rgb(15 23 42);
+  .CMS_Scrollbar_root.CMS_Scrollbar_secondary {
+    --scrollbar-foreground: var(--scrollbar-light);
+    --scrollbar-background: var(--background-main);
   }
 
   .CMS_Scrollbar_root {
@@ -121,7 +104,7 @@ const FrameGlobalStyles = `
 `;
 
 export interface EditorPreviewPaneProps {
-  collection: Collection;
+  collection: CollectionWithDefaults;
   fields: Field[];
   entry: Entry;
   previewInFrame: boolean;
@@ -130,7 +113,9 @@ export interface EditorPreviewPaneProps {
   showMobilePreview: boolean;
 }
 
-const EditorPreviewPane = (props: TranslatedProps<EditorPreviewPaneProps>) => {
+const EditorPreviewPane: FC<EditorPreviewPaneProps> = props => {
+  const t = useTranslate();
+
   const {
     editorSize,
     entry,
@@ -139,9 +124,9 @@ const EditorPreviewPane = (props: TranslatedProps<EditorPreviewPaneProps>) => {
     previewInFrame,
     livePreviewUrlTemplate,
     showMobilePreview,
-    t,
   } = props;
 
+  const originalConfig = useAppSelector(selectOriginConfig);
   const config = useAppSelector(selectConfig);
 
   const { widgetFor, widgetsFor } = useWidgetsFor(config, collection, fields, entry);
@@ -192,7 +177,7 @@ const EditorPreviewPane = (props: TranslatedProps<EditorPreviewPaneProps>) => {
         theme,
         widgetFor,
         widgetsFor,
-      } as Omit<TemplatePreviewProps, 'document' | 'window'>),
+      }) as Omit<TemplatePreviewProps, 'document' | 'window'>,
     [props, theme, widgetFor, widgetsFor],
   );
 
@@ -217,7 +202,7 @@ const EditorPreviewPane = (props: TranslatedProps<EditorPreviewPaneProps>) => {
       return null;
     }
 
-    return createPortal(
+    return (
       <div
         className={classNames(
           classes.root,
@@ -225,7 +210,7 @@ const EditorPreviewPane = (props: TranslatedProps<EditorPreviewPaneProps>) => {
           !showMobilePreview && classes['show-mobile-preview'],
         )}
       >
-        <ErrorBoundary config={config}>
+        <ErrorBoundary config={originalConfig} t={t}>
           {livePreviewUrlTemplate ? (
             <iframe
               key="live-preview-frame"
@@ -275,18 +260,16 @@ const EditorPreviewPane = (props: TranslatedProps<EditorPreviewPaneProps>) => {
             </ScrollSyncPane>
           )}
         </ErrorBoundary>
-      </div>,
-      element,
-      'preview-content',
+      </div>
     );
   }, [
     collection,
-    config,
     editorSize,
     element,
     handleLivePreviewIframeLoaded,
     initialFrameContent,
     livePreviewUrlTemplate,
+    originalConfig,
     previewComponent,
     previewInFrame,
     previewProps,
@@ -296,4 +279,4 @@ const EditorPreviewPane = (props: TranslatedProps<EditorPreviewPaneProps>) => {
   ]);
 };
 
-export default translate()(EditorPreviewPane) as FC<EditorPreviewPaneProps>;
+export default EditorPreviewPane;
diff --git a/packages/core/src/components/entry-editor/editor-preview-pane/PreviewFrameContent.css b/packages/core/src/components/entry-editor/editor-preview-pane/PreviewFrameContent.css
index 4e91b880..424da418 100644
--- a/packages/core/src/components/entry-editor/editor-preview-pane/PreviewFrameContent.css
+++ b/packages/core/src/components/entry-editor/editor-preview-pane/PreviewFrameContent.css
@@ -1,4 +1,3 @@
 .CMS_PreviewFrameContent_content {
-  @apply text-gray-800
-    dark:text-gray-100;
+  color: var(--text-primary);
 }
diff --git a/packages/core/src/components/entry-editor/editor-preview-pane/PreviewFrameContent.tsx b/packages/core/src/components/entry-editor/editor-preview-pane/PreviewFrameContent.tsx
index d56c107a..d0b15491 100644
--- a/packages/core/src/components/entry-editor/editor-preview-pane/PreviewFrameContent.tsx
+++ b/packages/core/src/components/entry-editor/editor-preview-pane/PreviewFrameContent.tsx
@@ -3,6 +3,8 @@ import { FrameContextConsumer } from 'react-frame-component';
 import { ScrollSyncPane } from 'react-scroll-sync';
 
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
+import ThemeManager from '../../theme/ThemeManager';
+import useTheme from '../../theme/hooks/useTheme';
 import EditorPreviewContent from './EditorPreviewContent';
 
 import type {
@@ -10,7 +12,7 @@ import type {
   TemplatePreviewComponent,
   TemplatePreviewProps,
   UnknownField,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 import type { FC } from 'react';
 
 import './PreviewFrameContent.css';
@@ -25,7 +27,7 @@ interface PreviewFrameContentProps {
 const PreviewFrameContent: FC<PreviewFrameContentProps> = ({ previewComponent, previewProps }) => {
   const ref = useRef<HTMLElement>();
 
-  const { theme } = previewProps;
+  const theme = useTheme();
 
   return (
     <FrameContextConsumer>
@@ -34,28 +36,24 @@ const PreviewFrameContent: FC<PreviewFrameContentProps> = ({ previewComponent, p
           ref.current = context.document?.scrollingElement as HTMLElement;
         }
 
-        if (theme === 'dark') {
-          context.document?.body.classList.add('dark');
-        } else {
-          context.document?.body.classList.remove('dark');
-        }
-
         return (
-          <ScrollSyncPane key="preview-frame-scroll-sync" attachTo={ref}>
-            <div className={classes.root}>
-              <div className={classes.content}>
-                <EditorPreviewContent
-                  key="preview-frame-content"
-                  previewComponent={previewComponent}
-                  previewProps={{
-                    ...previewProps,
-                    document: context.document,
-                    window: context.window,
-                  }}
-                />
+          <ThemeManager theme={theme} element={context.document?.documentElement}>
+            <ScrollSyncPane key="preview-frame-scroll-sync" attachTo={ref}>
+              <div className={classes.root}>
+                <div className={classes.content}>
+                  <EditorPreviewContent
+                    key="preview-frame-content"
+                    previewComponent={previewComponent}
+                    previewProps={{
+                      ...previewProps,
+                      document: context.document,
+                      window: context.window,
+                    }}
+                  />
+                </div>
               </div>
-            </div>
-          </ScrollSyncPane>
+            </ScrollSyncPane>
+          </ThemeManager>
         );
       }}
     </FrameContextConsumer>
diff --git a/packages/core/src/components/entry-editor/widgets/Unknown/UnknownControl.css b/packages/core/src/components/entry-editor/widgets/Unknown/UnknownControl.css
index 6dcbde12..a728e1ab 100644
--- a/packages/core/src/components/entry-editor/widgets/Unknown/UnknownControl.css
+++ b/packages/core/src/components/entry-editor/widgets/Unknown/UnknownControl.css
@@ -1,7 +1,7 @@
 .CMS_WdigetUnknown_root {
+  color: var(--text-primary);
+
   @apply px-4
     py-2
-    text-sm
-    text-gray-800
-    dark:text-gray-100;
+    text-sm;
 }
diff --git a/packages/core/src/components/entry-editor/widgets/Unknown/UnknownControl.tsx b/packages/core/src/components/entry-editor/widgets/Unknown/UnknownControl.tsx
index a21f3409..c2205ac6 100644
--- a/packages/core/src/components/entry-editor/widgets/Unknown/UnknownControl.tsx
+++ b/packages/core/src/components/entry-editor/widgets/Unknown/UnknownControl.tsx
@@ -1,15 +1,18 @@
 import React from 'react';
-import { translate } from 'react-polyglot';
 
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { TranslatedProps, WidgetControlProps } from '@staticcms/core/interface';
+import type { WidgetControlProps } from '@staticcms/core';
+import type { FC } from 'react';
 
 import './UnknownControl.css';
 
 const classes = generateClassNames('WidgetUnknown', ['root']);
 
-const UnknownControl = ({ field, t }: TranslatedProps<WidgetControlProps<unknown>>) => {
+const UnknownControl: FC<WidgetControlProps<unknown>> = ({ field }) => {
+  const t = useTranslate();
+
   return (
     <div className={classes.root}>
       {t('editor.editorWidgets.unknownControl.noControl', { widget: field.widget })}
@@ -17,4 +20,4 @@ const UnknownControl = ({ field, t }: TranslatedProps<WidgetControlProps<unknown
   );
 };
 
-export default translate()(UnknownControl);
+export default UnknownControl;
diff --git a/packages/core/src/components/entry-editor/widgets/Unknown/UnknownPreview.tsx b/packages/core/src/components/entry-editor/widgets/Unknown/UnknownPreview.tsx
index 9b47abd3..6c92a6c6 100644
--- a/packages/core/src/components/entry-editor/widgets/Unknown/UnknownPreview.tsx
+++ b/packages/core/src/components/entry-editor/widgets/Unknown/UnknownPreview.tsx
@@ -1,13 +1,16 @@
 import React from 'react';
-import { translate } from 'react-polyglot';
 
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { TranslatedProps, WidgetPreviewProps } from '@staticcms/core/interface';
+import type { WidgetPreviewProps } from '@staticcms/core';
+import type { FC } from 'react';
 
 const classes = generateClassNames('WidgetUnknownPreview', ['root']);
 
-const UnknownPreview = ({ field, t }: TranslatedProps<WidgetPreviewProps>) => {
+const UnknownPreview: FC<WidgetPreviewProps> = ({ field }) => {
+  const t = useTranslate();
+
   return (
     <div className={classes.root}>
       {t('editor.editorWidgets.unknownPreview.noPreview', { widget: field.widget })}
@@ -15,4 +18,4 @@ const UnknownPreview = ({ field, t }: TranslatedProps<WidgetPreviewProps>) => {
   );
 };
 
-export default translate()(UnknownPreview);
+export default UnknownPreview;
diff --git a/packages/core/src/components/login/GoBackButton.tsx b/packages/core/src/components/login/GoBackButton.tsx
index 09ad0826..e95d419c 100644
--- a/packages/core/src/components/login/GoBackButton.tsx
+++ b/packages/core/src/components/login/GoBackButton.tsx
@@ -1,15 +1,18 @@
 import { ArrowBack as ArrowBackIcon } from '@styled-icons/material/ArrowBack';
 import React from 'react';
 
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import Button from '../common/button/Button';
 
-import type { TranslatedProps } from '@staticcms/core/interface';
+import type { FC } from 'react';
 
 interface GoBackButtonProps {
   href: string;
 }
 
-const GoBackButton = ({ href, t }: TranslatedProps<GoBackButtonProps>) => {
+const GoBackButton: FC<GoBackButtonProps> = ({ href }) => {
+  const t = useTranslate();
+
   return (
     <Button variant="text" href={href} startIcon={ArrowBackIcon}>
       {t('ui.default.goBackToSite')}
diff --git a/packages/core/src/components/login/Login.css b/packages/core/src/components/login/Login.css
index a060ade6..6b28943b 100644
--- a/packages/core/src/components/login/Login.css
+++ b/packages/core/src/components/login/Login.css
@@ -1,11 +1,11 @@
 .CMS_Login_root {
+  background: var(--background-dark);
+
   @apply flex
     flex-col
     h-screen
     items-center
-    justify-center
-    bg-slate-50
-    dark:bg-slate-900;
+    justify-center;
 }
 
 .CMS_Login_custom-logo {
@@ -24,19 +24,17 @@
 }
 
 .CMS_Login_error {
+  color: var(--error-contrast-color);
+  background: var(--error-light);
+  border-color: var(--error-main);
+
   @apply flex
     px-4
     py-3
     mb-6
     text-sm
-    text-red-800
     border
-    border-red-300
-    rounded-lg
-    bg-red-50
-    dark:bg-gray-800
-    dark:text-red-400
-    dark:border-red-800;
+    rounded-lg;
 }
 
 .CMS_Login_error-icon {
diff --git a/packages/core/src/components/login/Login.tsx b/packages/core/src/components/login/Login.tsx
index bed7113b..77201ff9 100644
--- a/packages/core/src/components/login/Login.tsx
+++ b/packages/core/src/components/login/Login.tsx
@@ -1,14 +1,13 @@
 import React from 'react';
-import { translate } from 'react-polyglot';
 
 import Button from '@staticcms/core/components/common/button/Button';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import { selectConfig } from '@staticcms/core/reducers/selectors/config';
 import { useAppSelector } from '@staticcms/core/store/hooks';
 import { StaticCmsLogo } from '../images/_index';
 import GoBackButton from './GoBackButton';
 
-import type { TranslatedProps } from '@staticcms/core/interface';
 import type { FC, MouseEventHandler, ReactNode } from 'react';
 
 import './Login.css';
@@ -30,17 +29,20 @@ export interface LoginProps {
   label?: string;
   error?: ReactNode;
   disabled?: boolean;
+  buttonContent?: ReactNode;
 }
 
-const Login = ({
+const Login: FC<LoginProps> = ({
   inProgress = false,
   login,
   icon,
   label,
   error,
   disabled = false,
-  t,
-}: TranslatedProps<LoginProps>) => {
+  buttonContent,
+}) => {
+  const t = useTranslate();
+
   const config = useAppSelector(selectConfig);
 
   return (
@@ -54,7 +56,7 @@ const Login = ({
         <StaticCmsLogo className={classes['static-cms-logo']} />
       )}
       {error ? (
-        <div className={classes.error} role="alert">
+        <div className={classes.error} data-testid="login-error" role="alert">
           <svg
             aria-hidden="true"
             className={classes['error-icon']}
@@ -72,17 +74,22 @@ const Login = ({
           <div>{error}</div>
         </div>
       ) : null}
-      <Button
-        disabled={inProgress || disabled}
-        onClick={login}
-        className={classes.button}
-        startIcon={icon}
-      >
-        {inProgress ? t('auth.loggingIn') : label ?? t('auth.login')}
-      </Button>
-      {config?.site_url && <GoBackButton href={config.site_url} t={t}></GoBackButton>}
+      {buttonContent ? (
+        buttonContent
+      ) : (
+        <Button
+          disabled={inProgress || disabled}
+          onClick={login}
+          className={classes.button}
+          startIcon={icon}
+          data-testid="login-button"
+        >
+          {inProgress ? t('auth.loggingIn') : label ?? t('auth.login')}
+        </Button>
+      )}
+      {config?.site_url && <GoBackButton href={config.site_url} />}
     </div>
   );
 };
 
-export default translate()(Login) as FC<LoginProps>;
+export default Login;
diff --git a/packages/core/src/components/media-library/MediaLibraryModal.css b/packages/core/src/components/media-library/MediaLibraryModal.css
index 0e9c5002..95f984c7 100644
--- a/packages/core/src/components/media-library/MediaLibraryModal.css
+++ b/packages/core/src/components/media-library/MediaLibraryModal.css
@@ -3,18 +3,16 @@
     h-media-library-dialog;
 
   & .CMS_MediaLibraryModal_close-button {
+    background: var(--background-main);
+    border-color: var(--background-light);
+
+    &:hover {
+      background: var(--background-light);
+    }
+
     @apply absolute
-    -top-3.5
-    -left-3.5
-    bg-white
-    hover:bg-gray-100
-    dark:bg-slate-800
-    dark:hover:bg-slate-900
-    z-[1];
+      -top-3.5
+      -left-3.5
+      z-[1];
   }
 }
-
-.CMS_MediaLibraryModal_close-button-icon {
-  @apply w-5
-    h-5;
-}
diff --git a/packages/core/src/components/media-library/MediaLibraryModal.tsx b/packages/core/src/components/media-library/MediaLibraryModal.tsx
index 23c89428..865bac55 100644
--- a/packages/core/src/components/media-library/MediaLibraryModal.tsx
+++ b/packages/core/src/components/media-library/MediaLibraryModal.tsx
@@ -13,11 +13,7 @@ import type { FC } from 'react';
 
 import './MediaLibraryModal.css';
 
-export const classes = generateClassNames('MediaLibraryModal', [
-  'root',
-  'close-button',
-  'close-button-icon',
-]);
+export const classes = generateClassNames('MediaLibraryModal', ['root', 'close-button']);
 
 const MediaLibraryModal: FC = () => {
   const dispatch = useAppDispatch();
@@ -30,14 +26,14 @@ const MediaLibraryModal: FC = () => {
   return (
     <Modal open={isVisible} onClose={handleClose} className={classes.root}>
       <IconButton
-        className={classes['close-button']}
+        icon={CloseIcon}
+        rootClassName={classes['close-button']}
+        color="secondary"
         variant="outlined"
-        aria-label="add"
+        aria-label="close media library"
         onClick={handleClose}
         rounded
-      >
-        <CloseIcon className={classes['close-button-icon']} />
-      </IconButton>
+      />
       <MediaLibrary canInsert isDialog />
     </Modal>
   );
diff --git a/packages/core/src/components/media-library/MediaPage.tsx b/packages/core/src/components/media-library/MediaPage.tsx
index 210fc048..13549faf 100644
--- a/packages/core/src/components/media-library/MediaPage.tsx
+++ b/packages/core/src/components/media-library/MediaPage.tsx
@@ -1,15 +1,16 @@
 import React, { useEffect } from 'react';
-import { translate } from 'react-polyglot';
 
 import { loadMedia } from '@staticcms/core/actions/mediaLibrary';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import { useAppDispatch } from '@staticcms/core/store/hooks';
 import MainView from '../MainView';
 import MediaLibrary from './common/MediaLibrary';
 
 import type { FC } from 'react';
-import type { TranslateProps } from 'react-polyglot';
 
-const MediaPage: FC<TranslateProps> = ({ t }) => {
+const MediaPage: FC = () => {
+  const t = useTranslate();
+
   const dispatch = useAppDispatch();
 
   useEffect(() => {
@@ -29,4 +30,4 @@ const MediaPage: FC<TranslateProps> = ({ t }) => {
   );
 };
 
-export default translate()(MediaPage) as FC;
+export default MediaPage;
diff --git a/packages/core/src/components/media-library/common/CopyToClipBoardButton.tsx b/packages/core/src/components/media-library/common/CopyToClipBoardButton.tsx
index ee96fd7b..73257762 100644
--- a/packages/core/src/components/media-library/common/CopyToClipBoardButton.tsx
+++ b/packages/core/src/components/media-library/common/CopyToClipBoardButton.tsx
@@ -1,13 +1,12 @@
 import { ContentCopy as ContentCopyIcon } from '@styled-icons/material/ContentCopy';
 import copyToClipboard from 'copy-text-to-clipboard';
 import React, { useCallback, useEffect, useState } from 'react';
-import { translate } from 'react-polyglot';
 
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import { isAbsolutePath } from '@staticcms/core/lib/util';
 import Button from '../../common/button/Button';
 import mediaLibraryClasses from './MediaLibrary.classes';
 
-import type { TranslatedProps } from '@staticcms/core/interface';
 import type { FC } from 'react';
 
 export interface CopyToClipBoardButtonProps {
@@ -16,12 +15,9 @@ export interface CopyToClipBoardButtonProps {
   name?: string;
 }
 
-const CopyToClipBoardButton: FC<TranslatedProps<CopyToClipBoardButtonProps>> = ({
-  draft,
-  path,
-  name,
-  t,
-}) => {
+const CopyToClipBoardButton: FC<CopyToClipBoardButtonProps> = ({ draft, path, name }) => {
+  const t = useTranslate();
+
   const [copied, setCopied] = useState(false);
 
   useEffect(() => {
@@ -80,4 +76,4 @@ const CopyToClipBoardButton: FC<TranslatedProps<CopyToClipBoardButtonProps>> = (
   );
 };
 
-export default translate()(CopyToClipBoardButton) as FC<CopyToClipBoardButtonProps>;
+export default CopyToClipBoardButton;
diff --git a/packages/core/src/components/media-library/common/CurrentMediaDetails.tsx b/packages/core/src/components/media-library/common/CurrentMediaDetails.tsx
index 664eefae..e50284a4 100644
--- a/packages/core/src/components/media-library/common/CurrentMediaDetails.tsx
+++ b/packages/core/src/components/media-library/common/CurrentMediaDetails.tsx
@@ -7,11 +7,11 @@ import Image from '../../common/image/Image';
 import InlineEditTextField from './InlineEditTextField';
 import mediaLibraryClasses from './MediaLibrary.classes';
 
-import type { Collection, MediaField, MediaLibrarInsertOptions } from '@staticcms/core/interface';
+import type { CollectionWithDefaults, MediaField, MediaLibrarInsertOptions } from '@staticcms/core';
 import type { FC } from 'react';
 
 interface CurrentMediaDetailsProps {
-  collection?: Collection;
+  collection?: CollectionWithDefaults;
   field?: MediaField;
   canInsert: boolean;
   url?: string | string[];
diff --git a/packages/core/src/components/media-library/common/EmptyMessage.tsx b/packages/core/src/components/media-library/common/EmptyMessage.tsx
index a197dbdd..47579d3d 100644
--- a/packages/core/src/components/media-library/common/EmptyMessage.tsx
+++ b/packages/core/src/components/media-library/common/EmptyMessage.tsx
@@ -2,11 +2,13 @@ import React from 'react';
 
 import mediaLibraryClasses from './MediaLibrary.classes';
 
+import type { FC } from 'react';
+
 export interface EmptyMessageProps {
   content: string;
 }
 
-const EmptyMessage = ({ content }: EmptyMessageProps) => {
+const EmptyMessage: FC<EmptyMessageProps> = ({ content }) => {
   return (
     <div className={mediaLibraryClasses.empty}>
       <h3>{content}</h3>
diff --git a/packages/core/src/components/media-library/common/FileUploadButton.tsx b/packages/core/src/components/media-library/common/FileUploadButton.tsx
index 4bf4fb74..eca4852d 100644
--- a/packages/core/src/components/media-library/common/FileUploadButton.tsx
+++ b/packages/core/src/components/media-library/common/FileUploadButton.tsx
@@ -1,14 +1,13 @@
 import { FileUpload as FileUploadIcon } from '@styled-icons/material/FileUpload';
 import React, { useCallback, useRef } from 'react';
-import { translate } from 'react-polyglot';
 
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import { selectDeleting, selectPersisting } from '@staticcms/core/reducers/selectors/mediaLibrary';
 import { useAppSelector } from '@staticcms/core/store/hooks';
 import useButtonClassNames from '../../common/button/useButtonClassNames';
 import mediaLibraryClasses from './MediaLibrary.classes';
 
-import type { TranslatedProps } from '@staticcms/core/interface';
 import type { ChangeEventHandler, FC, KeyboardEvent } from 'react';
 
 export interface FileUploadButtonProps {
@@ -16,11 +15,9 @@ export interface FileUploadButtonProps {
   onChange: ChangeEventHandler<HTMLInputElement>;
 }
 
-const FileUploadButton: FC<TranslatedProps<FileUploadButtonProps>> = ({
-  imagesOnly,
-  onChange,
-  t,
-}) => {
+const FileUploadButton: FC<FileUploadButtonProps> = ({ imagesOnly, onChange }) => {
+  const t = useTranslate();
+
   const ref = useRef<HTMLLabelElement | null>(null);
 
   const isPersisting = useAppSelector(selectPersisting);
@@ -59,4 +56,4 @@ const FileUploadButton: FC<TranslatedProps<FileUploadButtonProps>> = ({
   );
 };
 
-export default translate()(FileUploadButton) as FC<FileUploadButtonProps>;
+export default FileUploadButton;
diff --git a/packages/core/src/components/media-library/common/FolderCreationDialog.css b/packages/core/src/components/media-library/common/FolderCreationDialog.css
index bc9ac924..ee597358 100644
--- a/packages/core/src/components/media-library/common/FolderCreationDialog.css
+++ b/packages/core/src/components/media-library/common/FolderCreationDialog.css
@@ -14,10 +14,10 @@
 }
 
 .CMS_FolderCreationDialog_title {
+  color: var(--text-primary);
+
   @apply text-xl
-    font-semibold
-    text-gray-800
-    dark:text-white;
+    font-semibold;
 }
 
 .CMS_FolderCreationDialog_close-button-icon {
diff --git a/packages/core/src/components/media-library/common/FolderCreationDialog.tsx b/packages/core/src/components/media-library/common/FolderCreationDialog.tsx
index f8a8fb3b..2e7a9c3f 100644
--- a/packages/core/src/components/media-library/common/FolderCreationDialog.tsx
+++ b/packages/core/src/components/media-library/common/FolderCreationDialog.tsx
@@ -1,6 +1,7 @@
 import { Close as CloseIcon } from '@styled-icons/material/Close';
 import React, { useCallback, useState } from 'react';
 
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import { isEmpty } from '@staticcms/core/lib/util/string.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import Button from '../../common/button/Button';
@@ -8,7 +9,6 @@ import IconButton from '../../common/button/IconButton';
 import Modal from '../../common/modal/Modal';
 import TextField from '../../common/text-field/TextField';
 
-import type { TranslatedProps } from '@staticcms/core/interface';
 import type { ChangeEventHandler, FC } from 'react';
 
 import './FolderCreationDialog.css';
@@ -32,12 +32,9 @@ interface FolderCreationDialogProps {
   onCreate: (folderName: string) => void;
 }
 
-const FolderCreationDialog: FC<TranslatedProps<FolderCreationDialogProps>> = ({
-  open,
-  onClose,
-  onCreate,
-  t,
-}) => {
+const FolderCreationDialog: FC<FolderCreationDialogProps> = ({ open, onClose, onCreate }) => {
+  const t = useTranslate();
+
   const [folderName, setFolderName] = useState('');
   const handleFolderNameChange: ChangeEventHandler<HTMLInputElement> = useCallback(event => {
     setFolderName(event.target.value);
@@ -62,13 +59,13 @@ const FolderCreationDialog: FC<TranslatedProps<FolderCreationDialogProps>> = ({
       <div className={classes.header}>
         <h3 className={classes.title}>{t('mediaLibrary.folderSupport.createNewFolder')}</h3>
         <IconButton
+          icon={CloseIcon}
           variant="text"
-          aria-label="add"
+          aria-label="close"
           onClick={handleClose}
-          className={classes['close-button']}
-        >
-          <CloseIcon className={classes['close-button-icon']} />
-        </IconButton>
+          rootClassName={classes['close-button']}
+          iconClassName={classes['close-button-icon']}
+        />
       </div>
       <div className={classes['name-input-wrapper']}>
         <TextField
@@ -91,7 +88,7 @@ const FolderCreationDialog: FC<TranslatedProps<FolderCreationDialogProps>> = ({
           onClick={handleClose}
           className={classes['cancel-button']}
         >
-          Cancel
+          {t('ui.common.cancel')}
         </Button>
         <Button
           variant="contained"
@@ -100,7 +97,7 @@ const FolderCreationDialog: FC<TranslatedProps<FolderCreationDialogProps>> = ({
           disabled={isEmpty(folderName)}
           className={classes['create-button']}
         >
-          Create
+          {t('mediaLibrary.folderSupport.create')}
         </Button>
       </div>
     </Modal>
diff --git a/packages/core/src/components/media-library/common/InlineEditTextField.css b/packages/core/src/components/media-library/common/InlineEditTextField.css
index 6ace35f8..51235cee 100644
--- a/packages/core/src/components/media-library/common/InlineEditTextField.css
+++ b/packages/core/src/components/media-library/common/InlineEditTextField.css
@@ -6,20 +6,22 @@
   &.CMS_InlineEditTextField_editable {
     & .CMS_InlineEditTextField_preview {
       @apply cursor-pointer
-        border-gray-100
-        hover:border-gray-300
-        dark:border-slate-600;
+        border-transparent;
+
+      &:hover {
+        border-color: var(--primary-main);
+      }
     }
 
     &:focus {
       & .CMS_InlineEditTextField_label {
-        @apply text-blue-500;
+        color: var(--primary-main);
       }
     }
 
     &:hover {
       & .CMS_InlineEditTextField_label {
-        @apply text-blue-500;
+        color: var(--primary-main);
       }
     }
   }
@@ -29,11 +31,12 @@
   @apply w-full
     flex
     text-xs
-    font-bold
-    dark:font-semibold;
+    font-bold;
 }
 
 .CMS_InlineEditTextField_preview {
+  color: var(--text-secondary);
+
   @apply flex
     items-center
     w-full
@@ -45,29 +48,29 @@
     h-input
     rounded-md
     border
-    text-slate-600
-    dark:text-gray-100
     border-transparent;
 }
 
 .CMS_InlineEditTextField_input {
+  color: var(--text-primary);
+  background: var(--background-main);
+  border-color: var(--background-light);
+
+  &:hover,
+  &:focus-within {
+    border-color: var(--primary-main);
+  }
+
+  --tw-ring-color: color-mix(in srgb, var(--primary-light) 50%, transparent);
+
   @apply block
     w-full
     p-1.5
     -ml-1.5
     text-sm
-    text-gray-800
     border
-    border-gray-300
     rounded-md
-    bg-gray-50
     focus-visible:outline-none
     focus:ring-4
-    focus:ring-gray-200
-    dark:bg-gray-700
-    dark:border-gray-600
-    dark:placeholder-gray-400
-    dark:text-white
-    dark:focus:ring-slate-700
     h-input;
 }
diff --git a/packages/core/src/components/media-library/common/MediaLibrary.classes.ts b/packages/core/src/components/media-library/common/MediaLibrary.classes.ts
index 61f0d076..370f5648 100644
--- a/packages/core/src/components/media-library/common/MediaLibrary.classes.ts
+++ b/packages/core/src/components/media-library/common/MediaLibrary.classes.ts
@@ -20,7 +20,6 @@ const mediaLibraryClasses = generateClassNames('MediaLibrary', [
   'title-icon-wrapper',
   'title-icon',
   'folder-controls',
-  'folder-controls-icon',
   'folder',
   'folder-icon',
   'copy-to-clipboard-button',
diff --git a/packages/core/src/components/media-library/common/MediaLibrary.css b/packages/core/src/components/media-library/common/MediaLibrary.css
index 14d79b02..d6df22de 100644
--- a/packages/core/src/components/media-library/common/MediaLibrary.css
+++ b/packages/core/src/components/media-library/common/MediaLibrary.css
@@ -42,7 +42,7 @@
   }
 
   &.CMS_MediaLIbrary_drop-area-active {
-    @apply border-blue-500;
+    border-color: var(--primary-main);
 
     & .CMS_MediaLibrary_drop-area {
       @apply opacity-100;
@@ -56,10 +56,10 @@
 
 .CMS_MediaLibrary_supports-folders {
   & .CMS_MediaLibrary_controls {
+    border-color: var(--background-light);
+
     @apply pb-4
-      border-b
-      border-gray-200/75
-      dark:border-slate-500/75;
+      border-b;
   }
 }
 
@@ -77,6 +77,9 @@
 }
 
 .CMS_MediaLibrary_drop-area {
+  color: var(--primary-light);
+  background: color-mix(in srgb, var(--background-main) 75%, transparent);
+
   @apply absolute
     inset-0
     flex
@@ -84,10 +87,6 @@
     justify-center
     pointer-events-none
     font-bold
-    text-blue-500
-    bg-white/75
-    dark:text-blue-400
-    dark:bg-slate-800/75
     transition-opacity
     opacity-0;
 }
@@ -127,13 +126,13 @@
 }
 
 .CMS_MediaLibrary_title {
+  color: var(--text-primary);
+
   @apply text-xl
     font-semibold
     flex
     items-center
-    gap-2
-    text-gray-800
-    dark:text-gray-300;
+    gap-2;
 }
 
 .CMS_MediaLibrary_title-icon-wrapper {
@@ -152,11 +151,6 @@
     items-center;
 }
 
-.CMS_MediaLibrary_folder-controls-icon {
-  @apply h-5
-    w-5;
-}
-
 .CMS_MediaLibrary_folder {
   @apply flex
     gap-2
@@ -172,39 +166,30 @@
     h-6;
 }
 
-.CMS_MediaLibrary_copy-to-clipboard-button {
-  @apply text-white
-    dark:text-white
-    bg-gray-900/25
-    dark:hover:text-white
-    dark:hover:bg-blue-800/80;
-}
-
 .CMS_MediaLibrary_copy-to-clipboard-button-icon {
   @apply w-5
     h-5;
 }
 
 .CMS_MediaLibrary_preview {
+  border-color: var(--background-light);
+
   @apply items-center
     px-5
     py-4
-    border-b
-    border-gray-200/75
-    dark:border-slate-500/75;
+    border-b;
 }
 
 .CMS_MediaLibrary_preview-image {
+  background: var(--background-dark);
+  border-color: var(--background-light);
+
   @apply w-media-preview-image
     h-media-preview-image
     rounded-md
     shadow-sm
     overflow-hidden
     border
-    bg-gray-50/75
-    border-gray-200/75
-    dark:bg-slate-800
-    dark:border-slate-600/75
     object-cover;
 }
 
@@ -217,14 +202,15 @@
 }
 
 .CMS_MediaLibrary_empty {
+  color: var(--text-secondary);
+
   @apply relative
     flex-grow
     p-5
     pb-20
     flex
     items-center
-    justify-center
-    dark:text-gray-100;
+    justify-center;
 }
 
 .CMS_MediaLibrary_files {
@@ -250,11 +236,11 @@
 }
 
 .CMS_MediaLibrary_search-label {
+  color: var(--text-primary);
+
   @apply text-sm
     font-medium
-    text-gray-800
-    sr-only
-    dark:text-white;
+    sr-only;
 }
 
 .CMS_MediaLibrary_search-wrapper {
@@ -272,29 +258,31 @@
 }
 
 .CMS_MediaLibrary_search-icon {
+  color: var(--text-secondary);
+
   @apply w-5
-    h-5
-    text-gray-500
-    dark:text-gray-400;
+    h-5;
 }
 
 .CMS_MediaLibrary_search-input {
+  color: var(--text-primary);
+  background: var(--background-main);
+  border-color: var(--background-light);
+
+  &:hover,
+  &:focus-within {
+    border-color: var(--primary-main);
+  }
+
+  --tw-ring-color: color-mix(in srgb, var(--primary-light) 50%, transparent);
+
   @apply block
     w-full
     p-1.5
     pl-10
     text-sm
-    text-gray-800
     border
-    border-gray-300
     rounded-lg
-    bg-gray-50
     focus-visible:outline-none
-    focus:ring-4
-    focus:ring-gray-200
-    dark:bg-gray-700
-    dark:border-gray-600
-    dark:placeholder-gray-400
-    dark:text-white
-    dark:focus:ring-slate-700;
+    focus:ring-4;
 }
diff --git a/packages/core/src/components/media-library/common/MediaLibrary.tsx b/packages/core/src/components/media-library/common/MediaLibrary.tsx
index 1256b982..50c484bc 100644
--- a/packages/core/src/components/media-library/common/MediaLibrary.tsx
+++ b/packages/core/src/components/media-library/common/MediaLibrary.tsx
@@ -7,7 +7,6 @@ import fuzzy from 'fuzzy';
 import isEmpty from 'lodash/isEmpty';
 import { dirname, join } from 'path';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { translate } from 'react-polyglot';
 
 import {
   closeMediaLibrary,
@@ -21,6 +20,7 @@ import useDragHandlers from '@staticcms/core/lib/hooks/useDragHandlers';
 import useFolderSupport from '@staticcms/core/lib/hooks/useFolderSupport';
 import useMediaFiles from '@staticcms/core/lib/hooks/useMediaFiles';
 import useMediaPersist from '@staticcms/core/lib/hooks/useMediaPersist';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import { fileExtension } from '@staticcms/core/lib/util';
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import MediaLibraryCloseEvent from '@staticcms/core/lib/util/events/MediaLibraryCloseEvent';
@@ -40,7 +40,7 @@ import mediaLibraryClasses from './MediaLibrary.classes';
 import MediaLibraryCardGrid from './MediaLibraryCardGrid';
 import MediaLibrarySearch from './MediaLibrarySearch';
 
-import type { MediaFile, TranslatedProps } from '@staticcms/core/interface';
+import type { MediaFile } from '@staticcms/core';
 import type { ChangeEvent, FC, KeyboardEvent } from 'react';
 
 import './MediaLibrary.css';
@@ -67,11 +67,9 @@ interface MediaLibraryProps {
   isDialog?: boolean;
 }
 
-const MediaLibrary: FC<TranslatedProps<MediaLibraryProps>> = ({
-  canInsert = false,
-  isDialog = false,
-  t,
-}) => {
+const MediaLibrary: FC<MediaLibraryProps> = ({ canInsert = false, isDialog = false }) => {
+  const t = useTranslate();
+
   const [currentFolder, setCurrentFolder] = useState<string | undefined>(undefined);
   const [selectedFile, setSelectedFile] = useState<string | string[] | null>(null);
   const [query, setQuery] = useState<string | undefined>(undefined);
@@ -474,7 +472,7 @@ const MediaLibrary: FC<TranslatedProps<MediaLibraryProps>> = ({
   const hasSearchResults = queriedFiles && !!queriedFiles.length;
   const hasMedia = hasSearchResults;
   const emptyMessage =
-    (isLoading && !hasMedia && t('mediaLibrary.mediaLibraryModal.loading')) ||
+    (isLoading && !hasMedia && t('app.app.loading')) ||
     (dynamicSearchActive && t('mediaLibrary.mediaLibraryModal.noResults')) ||
     (!hasFiles && t('mediaLibrary.mediaLibraryModal.noAssetsFound')) ||
     (!hasFilteredFiles && t('mediaLibrary.mediaLibraryModal.noImagesFound')) ||
@@ -532,14 +530,15 @@ const MediaLibrary: FC<TranslatedProps<MediaLibraryProps>> = ({
                 {folderSupport ? (
                   <div className={mediaLibraryClasses['folder-controls']}>
                     <IconButton
+                      icon={HomeIcon}
                       onClick={handleHome}
                       title={t('mediaLibrary.folderSupport.home')}
                       color="secondary"
                       disabled={!currentFolder}
-                    >
-                      <HomeIcon className={mediaLibraryClasses['folder-controls-icon']} />
-                    </IconButton>
+                      aria-label="go to home"
+                    />
                     <IconButton
+                      icon={UpwardIcon}
                       onClick={handleGoBack}
                       title={
                         parentFolder
@@ -548,18 +547,15 @@ const MediaLibrary: FC<TranslatedProps<MediaLibraryProps>> = ({
                       }
                       color="secondary"
                       disabled={!parentFolder}
-                    >
-                      <UpwardIcon className={mediaLibraryClasses['folder-controls-icon']} />
-                    </IconButton>
+                      aria-label="go to parent folder"
+                    />
                     <IconButton
+                      icon={NewFolderIcon}
                       onClick={handleCreateFolder}
                       title={t('mediaLibrary.folderSupport.newFolder')}
                       color="secondary"
-                    >
-                      <NewFolderIcon
-                        className={mediaLibraryClasses['folder-controls-icon']}
-                      ></NewFolderIcon>
-                    </IconButton>
+                      aria-label="create folder"
+                    />
                   </div>
                 ) : null}
               </div>
@@ -602,7 +598,7 @@ const MediaLibrary: FC<TranslatedProps<MediaLibraryProps>> = ({
                 onDirectoryOpen={handleOpenDirectory}
                 currentFolder={currentFolder}
                 isPaginating={isPaginating}
-                paginatingMessage={t('mediaLibrary.mediaLibraryModal.loading')}
+                paginatingMessage={t('app.app.loading')}
                 cardDraftText={t('mediaLibrary.mediaLibraryCard.draft')}
                 loadDisplayURL={loadDisplayURL}
                 displayURLs={displayURLs}
@@ -626,10 +622,9 @@ const MediaLibrary: FC<TranslatedProps<MediaLibraryProps>> = ({
         open={folderCreationOpen}
         onClose={handleFolderCreationDialogClose}
         onCreate={handleFolderCreate}
-        t={t}
       />
     </>
   );
 };
 
-export default translate()(MediaLibrary) as FC<MediaLibraryProps>;
+export default MediaLibrary;
diff --git a/packages/core/src/components/media-library/common/MediaLibraryCard.css b/packages/core/src/components/media-library/common/MediaLibraryCard.css
index b4829be5..03cb96aa 100644
--- a/packages/core/src/components/media-library/common/MediaLibraryCard.css
+++ b/packages/core/src/components/media-library/common/MediaLibraryCard.css
@@ -5,79 +5,80 @@
 }
 
 .CMS_MediaLibraryCard_action {
+  background: var(--background-dark);
+  border-color: var(--background-light);
+
   @apply w-media-card
     h-media-card
     rounded-md
     shadow-sm
     overflow-hidden
     cursor-pointer
-    border
-    bg-gray-50/75
-    border-gray-200/75
-    dark:bg-slate-800
-    dark:border-slate-600/75;
+    border;
 
   &:hover {
     & .CMS_MediaLibraryCard_controls-overlay {
-      @apply visible
-        bg-blue-200/25
-        dark:bg-blue-400/60;
+      background: color-mix(in srgb, var(--primary-main) 25%, transparent);
+
+      @apply visible;
     }
   }
 }
 
 .CMS_MediaLibraryCard_handle {
+  --tw-ring-color: color-mix(in srgb, var(--primary-light) 50%, transparent);
+
   @apply absolute
     inset-0
     rounded-md
     z-20
     overflow-visible
     focus:ring-4
-    focus:ring-gray-200
-    dark:focus:ring-slate-700
     focus-visible:outline-none;
 }
 
 .CMS_MediaLibraryCard_outline {
+  border-color: var(--primary-main);
+
   @apply absolute
     inset-0
     rounded-md
     border-2
-    border-blue-500
     z-20;
 }
 
 .CMS_MediaLibraryCard_text {
+  color: var(--text-secondary);
+
   @apply p-3
     w-full
     flex
     text-sm
     font-bold
-    dark:font-semibold
-    text-slate-600
-    dark:text-gray-100
     whitespace-nowrap
     overflow-hidden;
 }
 
 .CMS_MediaLibraryCard_controls-overlay {
+  border-color: var(--primary-main);
+
   @apply absolute
     inset-0
     invisible
     transition-all
     rounded-md
-    group-hover/media-card:visible
-    group-hover/media-card:bg-blue-200/25
-    dark:group-hover/media-card:bg-blue-400/60
     z-20;
 }
 
 .CMS_MediaLibraryCard_controls {
+  background: color-mix(in srgb, var(--background-dark) 90%, transparent);
+
   @apply absolute
     top-2
     right-2
     flex
-    gap-1;
+    gap-1
+    rounded;
 }
 
 .CMS_MediaLibraryCard_control-icon {
@@ -86,19 +87,19 @@
 }
 
 .CMS_MediaLibraryCard_download-button {
-  @apply text-white
-    dark:text-white
-    bg-gray-900/25
-    dark:hover:text-blue-100
-    dark:hover:bg-blue-800/80;
+  color: var(--primary-contrast-color);
+  background: color-mix(in srgb, var(--primary-dark) 15%, transparent);
+
+  &:hover {
+    color: var(--primary-light);
+  }
 }
 
 .CMS_MediaLibraryCard_delete-button {
+  color: var(--error-main);
+  background: color-mix(in srgb, var(--error-dark) 15%, transparent);
+
   @apply relative
-    text-red-400
-    bg-gray-900/25
-    dark:hover:text-red-600
-    dark:hover:bg-red-800/40
     z-30;
 }
 
@@ -123,12 +124,11 @@
 }
 
 .CMS_MediaLibraryCard_folder {
+  color: var(--text-secondary);
+  background: var(--background-light);
+
   @apply w-media-card
     h-media-card-image
-    bg-gray-500
-    dark:bg-slate-700
-    text-gray-200
-    dark:text-slate-400
     font-bold
     flex
     items-center
@@ -142,12 +142,11 @@
 }
 
 .CMS_MediaLibraryCard_file {
+  color: var(--text-secondary);
+  background: var(--background-light);
+
   @apply w-media-card
     h-media-card-image
-    bg-gray-500
-    dark:bg-slate-700
-    text-gray-200
-    dark:text-slate-400
     font-bold
     flex
     items-center
diff --git a/packages/core/src/components/media-library/common/MediaLibraryCard.tsx b/packages/core/src/components/media-library/common/MediaLibraryCard.tsx
index 1d461384..9841c637 100644
--- a/packages/core/src/components/media-library/common/MediaLibraryCard.tsx
+++ b/packages/core/src/components/media-library/common/MediaLibraryCard.tsx
@@ -2,10 +2,10 @@ import { Delete as DeleteIcon } from '@styled-icons/material/Delete';
 import { Download as DownloadIcon } from '@styled-icons/material/Download';
 import { FolderOpen as FolderOpenIcon } from '@styled-icons/material/FolderOpen';
 import React, { useCallback, useEffect, useMemo } from 'react';
-import { translate } from 'react-polyglot';
 
 import { MAX_LINK_DISPLAY_LENGTH } from '@staticcms/core/constants/mediaLibrary';
 import useMediaAsset from '@staticcms/core/lib/hooks/useMediaAsset';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import { selectEditingDraft } from '@staticcms/core/reducers/selectors/entryDraft';
 import { useAppSelector } from '@staticcms/core/store/hooks';
@@ -15,14 +15,7 @@ import Image from '../../common/image/Image';
 import Pill from '../../common/pill/Pill';
 import CopyToClipBoardButton from './CopyToClipBoardButton';
 
-import type {
-  BaseField,
-  Collection,
-  MediaField,
-  MediaLibraryDisplayURL,
-  TranslatedProps,
-  UnknownField,
-} from '@staticcms/core/interface';
+import type { CollectionWithDefaults, MediaField, MediaLibraryDisplayURL } from '@staticcms/core';
 import type { ChangeEvent, FC, KeyboardEvent } from 'react';
 
 import './MediaLibraryCard.css';
@@ -47,7 +40,7 @@ export const classes = generateClassNames('MediaLibraryCard', [
   'file',
 ]);
 
-interface MediaLibraryCardProps<T extends MediaField, EF extends BaseField = UnknownField> {
+interface MediaLibraryCardProps {
   isSelected?: boolean;
   displayURL: MediaLibraryDisplayURL;
   path: string;
@@ -57,8 +50,8 @@ interface MediaLibraryCardProps<T extends MediaField, EF extends BaseField = Unk
   isViewableImage: boolean;
   isDraft?: boolean;
   isDirectory?: boolean;
-  collection?: Collection<EF>;
-  field?: T;
+  collection?: CollectionWithDefaults;
+  field?: MediaField;
   currentFolder?: string;
   hasSelection: boolean;
   allowMultiple: boolean;
@@ -68,7 +61,7 @@ interface MediaLibraryCardProps<T extends MediaField, EF extends BaseField = Unk
   onDelete: () => void;
 }
 
-const MediaLibraryCard = <T extends MediaField, EF extends BaseField = UnknownField>({
+const MediaLibraryCard: FC<MediaLibraryCardProps> = ({
   isSelected = false,
   displayURL,
   path,
@@ -87,8 +80,9 @@ const MediaLibraryCard = <T extends MediaField, EF extends BaseField = UnknownFi
   onDirectoryOpen,
   loadDisplayURL,
   onDelete,
-  t,
-}: TranslatedProps<MediaLibraryCardProps<T, EF>>) => {
+}) => {
+  const t = useTranslate();
+
   const entry = useAppSelector(selectEditingDraft);
   const url = useMediaAsset(path, collection, field, entry, currentFolder, isDirectory);
 
@@ -217,4 +211,4 @@ const MediaLibraryCard = <T extends MediaField, EF extends BaseField = UnknownFi
   );
 };
 
-export default translate()(MediaLibraryCard) as FC<MediaLibraryCardProps<MediaField, UnknownField>>;
+export default MediaLibraryCard;
diff --git a/packages/core/src/components/media-library/common/MediaLibraryCardGrid.tsx b/packages/core/src/components/media-library/common/MediaLibraryCardGrid.tsx
index d13f214f..f431f6c1 100644
--- a/packages/core/src/components/media-library/common/MediaLibraryCardGrid.tsx
+++ b/packages/core/src/components/media-library/common/MediaLibraryCardGrid.tsx
@@ -17,12 +17,12 @@ import mediaLibraryClasses from './MediaLibrary.classes';
 import MediaLibraryCard from './MediaLibraryCard';
 
 import type {
-  Collection,
-  CollectionFile,
+  CollectionFileWithDefaults,
+  CollectionWithDefaults,
   MediaField,
   MediaFile,
   MediaLibraryDisplayURL,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 import type { MediaLibraryState } from '@staticcms/core/reducers/mediaLibrary';
 import type { FC } from 'react';
 import type { GridChildComponentProps } from 'react-window';
@@ -53,8 +53,8 @@ export interface MediaLibraryCardGridProps {
   cardDraftText: string;
   loadDisplayURL: (asset: MediaFile) => void;
   displayURLs: MediaLibraryState['displayURLs'];
-  collection?: Collection;
-  collectionFile?: CollectionFile;
+  collection?: CollectionWithDefaults;
+  collectionFile?: CollectionFileWithDefaults;
   field?: MediaField;
   isDialog: boolean;
   onDelete: (file: MediaFile) => void;
@@ -67,7 +67,7 @@ export type CardGridItemData = MediaLibraryCardGridProps & {
   gutter: number;
 };
 
-const CardWrapper = ({
+const CardWrapper: FC<GridChildComponentProps<CardGridItemData>> = ({
   rowIndex,
   columnIndex,
   style,
@@ -87,7 +87,7 @@ const CardWrapper = ({
     hasSelection,
     allowMultiple,
   },
-}: GridChildComponentProps<CardGridItemData>) => {
+}) => {
   const left = useMemo(
     () =>
       parseFloat(
diff --git a/packages/core/src/components/media-library/common/MediaLibrarySearch.tsx b/packages/core/src/components/media-library/common/MediaLibrarySearch.tsx
index ff8a85ed..a4952df0 100644
--- a/packages/core/src/components/media-library/common/MediaLibrarySearch.tsx
+++ b/packages/core/src/components/media-library/common/MediaLibrarySearch.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 
 import mediaLibraryClasses from './MediaLibrary.classes';
 
-import type { ChangeEventHandler, KeyboardEventHandler } from 'react';
+import type { ChangeEventHandler, FC, KeyboardEventHandler } from 'react';
 
 export interface MediaLibrarySearchProps {
   value?: string;
@@ -13,13 +13,13 @@ export interface MediaLibrarySearchProps {
   disabled?: boolean;
 }
 
-const MediaLibrarySearch = ({
+const MediaLibrarySearch: FC<MediaLibrarySearchProps> = ({
   value = '',
   onChange,
   onKeyDown,
   placeholder,
   disabled,
-}: MediaLibrarySearchProps) => {
+}) => {
   return (
     <form className={mediaLibraryClasses['search-form']}>
       <label htmlFor="default-search" className={mediaLibraryClasses['search-label']}>
diff --git a/packages/core/src/components/navbar/BottomNavigation.css b/packages/core/src/components/navbar/BottomNavigation.css
index f6c65327..719e28c6 100644
--- a/packages/core/src/components/navbar/BottomNavigation.css
+++ b/packages/core/src/components/navbar/BottomNavigation.css
@@ -1,12 +1,12 @@
 .CMS_BottomNavigation_root {
+  background: var(--background-main);
+
   @apply fixed
     bottom-0
     left-0
     right-0
     h-16
     shadow-bottom-navigation
-    bg-gray-50
-    dark:bg-gray-800
     flex
     px-6
     py-1
diff --git a/packages/core/src/components/navbar/BottomNavigation.tsx b/packages/core/src/components/navbar/BottomNavigation.tsx
index 1c6a14ca..9a6599b1 100644
--- a/packages/core/src/components/navbar/BottomNavigation.tsx
+++ b/packages/core/src/components/navbar/BottomNavigation.tsx
@@ -13,7 +13,7 @@ import IconButton from '../common/button/IconButton';
 import NavigationDrawer from './NavigationDrawer';
 import QuickCreate from './QuickCreate';
 
-import type { Collection } from '@staticcms/core/interface';
+import type { CollectionWithDefaults } from '@staticcms/core';
 import type { FC } from 'react';
 
 import './BottomNavigation.css';
@@ -31,7 +31,7 @@ export const classes = generateClassNames('BottomNavigation', [
 ]);
 
 export interface BottomNavigationProps {
-  collection: Collection | undefined;
+  collection: CollectionWithDefaults | undefined;
 }
 
 const BottomNavigation: FC<BottomNavigationProps> = ({ collection }) => {
@@ -49,13 +49,23 @@ const BottomNavigation: FC<BottomNavigationProps> = ({ collection }) => {
   return (
     <>
       <div className={classes.root}>
-        <IconButton variant="text" className={classes['menu-button']} onClick={toggleMobileMenu}>
-          <MenuIcon className={classes['menu-button-icon']} />
-        </IconButton>
+        <IconButton
+          icon={MenuIcon}
+          variant="text"
+          onClick={toggleMobileMenu}
+          rootClassName={classes['menu-button']}
+          iconClassName={classes['menu-button-icon']}
+          aria-label="toggle menu"
+        />
         {isNotEmpty(newEntryUrl) ? (
-          <IconButton to={newEntryUrl} variant="text" className={classes['add-button']}>
-            <AddIcon className={classes['add-button-icon']} />
-          </IconButton>
+          <IconButton
+            icon={AddIcon}
+            to={newEntryUrl}
+            variant="text"
+            rootClassName={classes['add-button']}
+            iconClassName={classes['add-button-icon']}
+            aria-label="create entry"
+          />
         ) : (
           <QuickCreate
             key="quick-create"
@@ -67,9 +77,14 @@ const BottomNavigation: FC<BottomNavigationProps> = ({ collection }) => {
           />
         )}
         {displayUrl ? (
-          <IconButton variant="text" className={classes['site-url-button']} href={displayUrl}>
-            <OpenInNewIcon className={classes['site-url-button-icon']} />
-          </IconButton>
+          <IconButton
+            icon={OpenInNewIcon}
+            variant="text"
+            href={displayUrl}
+            rootClassName={classes['site-url-button']}
+            iconClassName={classes['site-url-button-icon']}
+            aria-label="go to site"
+          />
         ) : null}
       </div>
       <NavigationDrawer mobileOpen={mobileOpen} onMobileOpenToggle={toggleMobileMenu} />
diff --git a/packages/core/src/components/navbar/Breadcrumbs.css b/packages/core/src/components/navbar/Breadcrumbs.css
index b8897bb5..1663cb3c 100644
--- a/packages/core/src/components/navbar/Breadcrumbs.css
+++ b/packages/core/src/components/navbar/Breadcrumbs.css
@@ -1,4 +1,6 @@
 .CMS_Breadcrumbs_root {
+  color: var(--text-primary);
+
   @apply flex
     h-full
     md:w-auto
@@ -6,8 +8,6 @@
     text-xl
     font-semibold
     gap-1
-    text-gray-800
-    dark:text-white
     flex-grow
     truncate;
 }
@@ -32,15 +32,17 @@
 }
 
 .CMS_Breadcrumbs_breadcrumb-link {
-  @apply hover:text-gray-400
-    dark:hover:text-gray-400
-    overflow-hidden
+  &:hover {
+    color: var(--text-secondary);
+  }
+
+  --tw-ring-color: color-mix(in srgb, var(--primary-light) 50%, transparent);
+
+  @apply overflow-hidden
     whitespace-nowrap
     focus:outline-none
     focus:ring-4
-    rounded-md
-    focus:ring-gray-200
-    dark:focus:ring-slate-700;
+    rounded-md;
 
   &.CMS_Breadcrumbs_breadcrumb-truncated {
     @apply text-ellipsis;
@@ -64,6 +66,8 @@
 }
 
 .CMS_Breadcrumbs_last-non-editor-breadcrumb-link {
+  --tw-ring-color: color-mix(in srgb, var(--primary-light) 50%, transparent);
+
   @apply flex
     md:hidden
     gap-2
@@ -71,12 +75,12 @@
     truncate
     w-full
     focus:outline-none
-    focus:ring-4
-    focus:ring-gray-200
-    dark:focus:ring-slate-700;
+    focus:ring-4;
 }
 
 .CMS_Breadcrumbs_mobile-current-breadcrumb-link {
+  --tw-ring-color: color-mix(in srgb, var(--primary-light) 50%, transparent);
+
   @apply flex
     md:hidden
     gap-2
@@ -84,9 +88,7 @@
     truncate
     w-full
     focus:outline-none
-    focus:ring-4
-    focus:ring-gray-200
-    dark:focus:ring-slate-700;
+    focus:ring-4;
 }
 
 .CMS_Breadcrumbs_mobile-backlink {
diff --git a/packages/core/src/components/navbar/Breadcrumbs.tsx b/packages/core/src/components/navbar/Breadcrumbs.tsx
index d5e18b3b..60ad2ce2 100644
--- a/packages/core/src/components/navbar/Breadcrumbs.tsx
+++ b/packages/core/src/components/navbar/Breadcrumbs.tsx
@@ -1,11 +1,11 @@
 import { ArrowBack as ArrowBackIcon } from '@styled-icons/material/ArrowBack';
 import React, { Fragment, useMemo } from 'react';
-import { Link } from 'react-router-dom';
+import { Link, useSearchParams } from 'react-router-dom';
 
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { Breadcrumb } from '@staticcms/core/interface';
+import type { Breadcrumb } from '@staticcms/core';
 import type { FC } from 'react';
 
 import './Breadcrumbs.css';
@@ -29,6 +29,9 @@ export interface BreadcrumbsProps {
 }
 
 const Breadcrumbs: FC<BreadcrumbsProps> = ({ breadcrumbs, inEditor = false }) => {
+  const [searchParams] = useSearchParams();
+  const backTo = searchParams.get('backTo') as string | undefined;
+
   const finalNonEditorBreadcrumb = useMemo(() => {
     const nonEditorBreadcrumbs = breadcrumbs.filter(b => !b.editor);
     if (nonEditorBreadcrumbs.length === 0) {
@@ -49,6 +52,7 @@ const Breadcrumbs: FC<BreadcrumbsProps> = ({ breadcrumbs, inEditor = false }) =>
                 {breadcrumb.to ? (
                   <Link
                     key={`link-${index}`}
+                    data-testid="breadcrumb-link"
                     className={classNames(
                       classes['breadcrumb-link'],
                       index + 1 === breadcrumbs.length && classes['breadcrumb-truncated'],
@@ -74,11 +78,12 @@ const Breadcrumbs: FC<BreadcrumbsProps> = ({ breadcrumbs, inEditor = false }) =>
         </div>
       </div>
       {finalNonEditorBreadcrumb ? (
-        finalNonEditorBreadcrumb.to ? (
+        finalNonEditorBreadcrumb.to || backTo ? (
           <Link
             key="final-non-editor-breadcrumb-link"
             className={classes['mobile-current-breadcrumb-link']}
-            to={finalNonEditorBreadcrumb.to}
+            data-testid="breadcrumb-link"
+            to={backTo ? backTo : finalNonEditorBreadcrumb.to!}
           >
             {inEditor ? <ArrowBackIcon className={classes['mobile-backlink']} /> : null}
             {finalNonEditorBreadcrumb.name}
diff --git a/packages/core/src/components/navbar/NavLink.css b/packages/core/src/components/navbar/NavLink.css
index 2c85b35e..2b0ff667 100644
--- a/packages/core/src/components/navbar/NavLink.css
+++ b/packages/core/src/components/navbar/NavLink.css
@@ -1,34 +1,25 @@
 .CMS_NavLink_link {
   @apply w-full
     justify-start;
-
-  &.CMS_NavLink_active {
-    @apply bg-blue-200/75
-      dark:bg-slate-700
-      hover:bg-slate-200
-      dark:hover:bg-slate-700/75
-      text-blue-700
-      dark:text-blue-400;
-  }
 }
 
 .CMS_NavLink_external {
   @apply flex
-  justify-between
-  w-full;
+    justify-between
+    w-full;
 }
 
 .CMS_NavLink_external-content {
   @apply flex
-  items-center
-  justify-start;
+    items-center
+    justify-start;
 }
 
 .CMS_NavLink_external-icon {
+  color: var(--text-secondary);
+
   @apply h-5
-  w-5
-  text-gray-400
-  dark:text-gray-500;
+    w-5;
 }
 
 .CMS_NavLink_content {
diff --git a/packages/core/src/components/navbar/NavLink.tsx b/packages/core/src/components/navbar/NavLink.tsx
index b667f73f..095e883d 100644
--- a/packages/core/src/components/navbar/NavLink.tsx
+++ b/packages/core/src/components/navbar/NavLink.tsx
@@ -6,7 +6,7 @@ import classNames from '@staticcms/core/lib/util/classNames.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import { buttonClasses } from '../common/button/useButtonClassNames';
 
-import type { MouseEventHandler, ReactNode } from 'react';
+import type { FC, MouseEventHandler, ReactNode } from 'react';
 
 import './NavLink.css';
 
@@ -16,7 +16,6 @@ export const classes = generateClassNames('NavLink', [
   'external',
   'external-content',
   'external-icon',
-  'active',
   'content',
   'icon',
   'label',
@@ -26,6 +25,7 @@ export interface BaseNavLinkProps {
   icon?: ReactNode;
   children: ReactNode;
   className?: string;
+  'data-testid'?: string;
   onClick?: MouseEventHandler;
 }
 
@@ -39,9 +39,14 @@ export interface NavInternalLinkProps extends BaseNavLinkProps {
 
 export type NavLinkProps = NavExternalLinkProps | NavInternalLinkProps;
 
-const linkClassNames = `${buttonClasses.root} ${buttonClasses['text-primary']} ${classes.link}`;
-
-const NavLink = ({ icon, children, className, onClick, ...otherProps }: NavLinkProps) => {
+const NavLink: FC<NavLinkProps> = ({
+  icon,
+  children,
+  className,
+  'data-testid': dataTestId,
+  onClick,
+  ...otherProps
+}) => {
   const content = useMemo(
     () => (
       <div className={classes.content}>
@@ -61,7 +66,8 @@ const NavLink = ({ icon, children, className, onClick, ...otherProps }: NavLinkP
           href={otherProps.href}
           target="_blank"
           rel="noreferrer"
-          className={linkClassNames}
+          className={classNames(buttonClasses.root, buttonClasses['text-secondary'], classes.link)}
+          data-testid={dataTestId}
           onClick={onClick}
         >
           <div className={classes.external}>
@@ -77,7 +83,14 @@ const NavLink = ({ icon, children, className, onClick, ...otherProps }: NavLinkP
     <li className={classNames(classes.root, className)}>
       <BaseNavLink
         to={otherProps.to}
-        className={classNames(linkClassNames, pathname === otherProps.to && classes.active)}
+        className={classNames(
+          buttonClasses.root,
+          pathname === otherProps.to
+            ? buttonClasses['contained-primary']
+            : buttonClasses['text-secondary'],
+          classes.link,
+        )}
+        data-testid={dataTestId}
         onClick={onClick}
       >
         {content}
diff --git a/packages/core/src/components/navbar/Navbar.css b/packages/core/src/components/navbar/Navbar.css
index dc2a53d2..8bd476f5 100644
--- a/packages/core/src/components/navbar/Navbar.css
+++ b/packages/core/src/components/navbar/Navbar.css
@@ -1,10 +1,9 @@
 .CMS_Navbar_root {
+  background: var(--background-main);
+
   @apply z-40
     relative
-    bg-white
-    drop-shadow-md
-    dark:bg-slate-800
-    dark:drop-shadow-lg;
+    drop-shadow-md;
 
   &.CMS_Navbar_in-editor {
     & .CMS_Navbar_content-wrapper {
@@ -50,13 +49,13 @@
     truncate;
 
   & .CMS_Navbar_logo-wrapper {
+    background: var(--background-light);
+
     @apply flex
       flex-shrink-0
       items-center
       justify-center
-      w-16
-      bg-slate-500
-      dark:bg-slate-700;
+      w-16;
 
     & .CMS_Navbar_logo {
       @apply w-10
@@ -74,26 +73,24 @@
 
 .CMS_Navbar_actions {
   @apply flex
-    gap-3
+    gap-2
+    lg:gap-3
     items-center;
 }
 
 .CMS_Navbar_site-url {
   @apply gap-2
-    hidden
-    lg:flex;
+    !hidden
+    lg:!flex;
 }
 
-.CMS_Navbar_site-url-label {
-  @apply hidden
-    lg:flex;
+.CMS_Navbar_site-url-mobile {
+  @apply !flex
+    lg:!hidden;
 }
 
 .CMS_Navbar_site-url-icon {
-  @apply h-5
-    w-5
-    text-gray-400
-    dark:text-gray-500;
+  color: var(--text-secondary);
 }
 
 .CMS_Navbar_quick-create {
diff --git a/packages/core/src/components/navbar/Navbar.tsx b/packages/core/src/components/navbar/Navbar.tsx
index 1e3fa09e..391d2517 100644
--- a/packages/core/src/components/navbar/Navbar.tsx
+++ b/packages/core/src/components/navbar/Navbar.tsx
@@ -1,6 +1,5 @@
 import { OpenInNew as OpenInNewIcon } from '@styled-icons/material/OpenInNew';
 import React, { useEffect, useMemo } from 'react';
-import { translate } from 'react-polyglot';
 
 import { checkBackendStatus } from '@staticcms/core/actions/status';
 import classNames from '@staticcms/core/lib/util/classNames.util';
@@ -8,12 +7,13 @@ import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import { selectConfig, selectDisplayUrl } from '@staticcms/core/reducers/selectors/config';
 import { useAppDispatch, useAppSelector } from '@staticcms/core/store/hooks';
 import Button from '../common/button/Button';
+import IconButton from '../common/button/IconButton';
 import { StaticCmsIcon } from '../images/_index';
 import Breadcrumbs from './Breadcrumbs';
 import QuickCreate from './QuickCreate';
 import SettingsDropdown from './SettingsDropdown';
 
-import type { Breadcrumb, TranslatedProps } from '@staticcms/core/interface';
+import type { Breadcrumb } from '@staticcms/core';
 import type { FC, ReactNode } from 'react';
 
 import './Navbar.css';
@@ -29,6 +29,7 @@ export const classes = generateClassNames('Navbar', [
   'custom-logo',
   'actions',
   'site-url',
+  'site-url-mobile',
   'site-url-label',
   'site-url-icon',
   'quick-create',
@@ -40,20 +41,23 @@ export interface NavbarProps {
   navbarActions?: ReactNode;
 }
 
-const Navbar = ({
+const Navbar: FC<NavbarProps> = ({
   showQuickCreate = false,
   navbarActions = null,
   breadcrumbs = [],
-}: TranslatedProps<NavbarProps>) => {
+}) => {
   const dispatch = useAppDispatch();
   const config = useAppSelector(selectConfig);
 
   const displayUrl = useAppSelector(selectDisplayUrl);
 
   useEffect(() => {
-    const intervalId = setInterval(() => {
-      dispatch(checkBackendStatus());
-    }, 5 * 60 * 1000);
+    const intervalId = setInterval(
+      () => {
+        dispatch(checkBackendStatus());
+      },
+      5 * 60 * 1000,
+    );
 
     return () => {
       clearInterval(intervalId);
@@ -84,10 +88,21 @@ const Navbar = ({
           </div>
           <div className={classes.actions}>
             {displayUrl ? (
-              <Button variant="text" className={classes['site-url']} href={displayUrl}>
-                <div className={classes['site-url-label']}>{displayUrl}</div>
-                <OpenInNewIcon className={classes['site-url-icon']} />
-              </Button>
+              <>
+                <Button variant="text" className={classes['site-url']} href={displayUrl}>
+                  <div className={classes['site-url-label']}>{displayUrl}</div>
+                  <OpenInNewIcon className={classes['site-url-icon']} />
+                </Button>
+                <IconButton
+                  icon={OpenInNewIcon}
+                  variant="text"
+                  href={displayUrl}
+                  title={displayUrl}
+                  rootClassName={classes['site-url-mobile']}
+                  iconClassName={classes['site-url-icon']}
+                  aria-label="go to site"
+                />
+              </>
             ) : null}
             {showQuickCreate ? (
               <QuickCreate key="quick-create" rootClassName={classes['quick-create']} />
@@ -101,4 +116,4 @@ const Navbar = ({
   );
 };
 
-export default translate()(Navbar) as FC<NavbarProps>;
+export default Navbar;
diff --git a/packages/core/src/components/navbar/NavigationDrawer.tsx b/packages/core/src/components/navbar/NavigationDrawer.tsx
index 44c0dddb..4aec623c 100644
--- a/packages/core/src/components/navbar/NavigationDrawer.tsx
+++ b/packages/core/src/components/navbar/NavigationDrawer.tsx
@@ -4,6 +4,8 @@ import React, { useMemo } from 'react';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import SidebarContent from './SidebarContent';
 
+import type { FC } from 'react';
+
 import './NavigationDrawer.css';
 
 export const classes = generateClassNames('NavigationDrawer', ['root', 'content']);
@@ -15,7 +17,7 @@ interface NavigationDrawerProps {
   onMobileOpenToggle: () => void;
 }
 
-const NavigationDrawer = ({ mobileOpen, onMobileOpenToggle }: NavigationDrawerProps) => {
+const NavigationDrawer: FC<NavigationDrawerProps> = ({ mobileOpen, onMobileOpenToggle }) => {
   const container = useMemo(
     () => (typeof window !== 'undefined' ? window.document.body : undefined),
     [],
@@ -47,7 +49,7 @@ const NavigationDrawer = ({ mobileOpen, onMobileOpenToggle }: NavigationDrawerPr
       }}
     >
       <div onClick={onMobileOpenToggle} className={classes.content}>
-        <SidebarContent />
+        <SidebarContent isMobile />
       </div>
     </Drawer>
   );
diff --git a/packages/core/src/components/navbar/QuickCreate.tsx b/packages/core/src/components/navbar/QuickCreate.tsx
index 41ca301b..ff8afd35 100644
--- a/packages/core/src/components/navbar/QuickCreate.tsx
+++ b/packages/core/src/components/navbar/QuickCreate.tsx
@@ -1,7 +1,7 @@
 import { Add as AddIcon } from '@styled-icons/material/Add';
 import React, { useMemo } from 'react';
-import { translate } from 'react-polyglot';
 
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import { getNewEntryUrl } from '@staticcms/core/lib/urlHelper';
 import { selectCollections } from '@staticcms/core/reducers/selectors/collections';
 import { useAppSelector } from '@staticcms/core/store/hooks';
@@ -9,7 +9,6 @@ import Menu from '../common/menu/Menu';
 import MenuGroup from '../common/menu/MenuGroup';
 import MenuItemLink from '../common/menu/MenuItemLink';
 
-import type { TranslatedProps } from '@staticcms/core/interface';
 import type { FC } from 'react';
 import type { MenuProps } from '../common/menu/Menu';
 
@@ -18,7 +17,9 @@ export type QuickCreateProps = Pick<
   'rootClassName' | 'buttonClassName' | 'hideDropdownIcon' | 'hideLabel' | 'variant'
 >;
 
-const QuickCreate: FC<TranslatedProps<QuickCreateProps>> = ({ t, ...menuProps }) => {
+const QuickCreate: FC<QuickCreateProps> = menuProps => {
+  const t = useTranslate();
+
   const collections = useAppSelector(selectCollections);
 
   const createableCollections = useMemo(
@@ -30,7 +31,12 @@ const QuickCreate: FC<TranslatedProps<QuickCreateProps>> = ({ t, ...menuProps })
   );
 
   return (
-    <Menu label={t('app.header.quickAdd')} startIcon={AddIcon} {...menuProps}>
+    <Menu
+      label={t('app.header.quickAdd')}
+      startIcon={AddIcon}
+      {...menuProps}
+      aria-label="create entry options dropdown"
+    >
       <MenuGroup>
         {createableCollections.map(collection => (
           <MenuItemLink key={collection.name} href={getNewEntryUrl(collection.name)}>
@@ -42,4 +48,4 @@ const QuickCreate: FC<TranslatedProps<QuickCreateProps>> = ({ t, ...menuProps })
   );
 };
 
-export default translate()(QuickCreate) as FC<QuickCreateProps>;
+export default QuickCreate;
diff --git a/packages/core/src/components/navbar/SettingsDropdown.css b/packages/core/src/components/navbar/SettingsDropdown.css
index 8a58eb18..4b2e5b67 100644
--- a/packages/core/src/components/navbar/SettingsDropdown.css
+++ b/packages/core/src/components/navbar/SettingsDropdown.css
@@ -19,9 +19,3 @@
 .CMS_SettingsDropdown_sr-label {
   @apply sr-only;
 }
-
-.CMS_SettingsDropdown_theme-toggle {
-  @apply flex
-    justify-between
-    w-full;
-}
diff --git a/packages/core/src/components/navbar/SettingsDropdown.tsx b/packages/core/src/components/navbar/SettingsDropdown.tsx
index 5f5cadd0..ab295690 100644
--- a/packages/core/src/components/navbar/SettingsDropdown.tsx
+++ b/packages/core/src/components/navbar/SettingsDropdown.tsx
@@ -1,11 +1,10 @@
-import { Moon as MoonIcon } from '@styled-icons/bootstrap/Moon';
 import { Logout as LogoutIcon } from '@styled-icons/material/Logout';
+import { Palette as PaletteIcon } from '@styled-icons/material/Palette';
 import { Person as PersonIcon } from '@styled-icons/material/Person';
 import React, { useCallback, useState } from 'react';
-import { translate } from 'react-polyglot';
 
 import { logoutUser } from '@staticcms/core/actions/auth';
-import { changeTheme } from '@staticcms/core/actions/globalUI';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import { selectUser } from '@staticcms/core/reducers/selectors/auth';
@@ -13,10 +12,9 @@ import { useAppDispatch, useAppSelector } from '@staticcms/core/store/hooks';
 import Menu from '../common/menu/Menu';
 import MenuGroup from '../common/menu/MenuGroup';
 import MenuItemButton from '../common/menu/MenuItemButton';
-import Switch from '../common/switch/Switch';
+import ThemeSelectorDialog from '../theme/components/ThemeSelectorDialog';
 
-import type { TranslatedProps } from '@staticcms/core/interface';
-import type { ChangeEvent, FC, MouseEvent } from 'react';
+import type { FC } from 'react';
 
 import './SettingsDropdown.css';
 
@@ -26,14 +24,13 @@ export const classes = generateClassNames('SettingsDropdown', [
   'avatar-image',
   'avatar-icon',
   'sr-label',
-  'theme-toggle',
 ]);
 
 interface AvatarImageProps {
   imageUrl: string | undefined;
 }
 
-const AvatarImage = ({ imageUrl }: AvatarImageProps) => {
+const AvatarImage: FC<AvatarImageProps> = ({ imageUrl }) => {
   return imageUrl ? (
     <img className={classes['avatar-image']} src={imageUrl} />
   ) : (
@@ -45,79 +42,56 @@ export interface SettingsDropdownProps {
   inEditor: boolean;
 }
 
-const SettingsDropdown: FC<TranslatedProps<SettingsDropdownProps>> = ({ inEditor, t }) => {
+const SettingsDropdown: FC<SettingsDropdownProps> = ({ inEditor }) => {
+  const t = useTranslate();
+
   const dispatch = useAppDispatch();
   const user = useAppSelector(selectUser);
-  const [isDarkMode, setIsDarkMode] = useState(document.documentElement.classList.contains('dark'));
+
+  const [themeDialogOpen, setThemeDialogOpen] = useState(false);
+
+  const handleOpenThemeDialog = useCallback(() => {
+    setThemeDialogOpen(true);
+  }, []);
+
+  const handleCloseThemeDialog = useCallback(() => {
+    setThemeDialogOpen(false);
+  }, []);
 
   const handleLogout = useCallback(() => {
     dispatch(logoutUser());
   }, [dispatch]);
 
-  const handleToggleDarkMode = useCallback(
-    (event: MouseEvent | ChangeEvent) => {
-      event.stopPropagation();
-
-      // if set via local storage previously
-      if (localStorage.getItem('color-theme')) {
-        if (localStorage.getItem('color-theme') === 'light') {
-          document.documentElement.classList.add('dark');
-          localStorage.setItem('color-theme', 'dark');
-          setIsDarkMode(true);
-          dispatch(changeTheme('dark'));
-        } else {
-          document.documentElement.classList.remove('dark');
-          localStorage.setItem('color-theme', 'light');
-          setIsDarkMode(false);
-          dispatch(changeTheme('light'));
-        }
-
-        // if NOT set via local storage previously
-      } else {
-        if (document.documentElement.classList.contains('dark')) {
-          document.documentElement.classList.remove('dark');
-          localStorage.setItem('color-theme', 'light');
-          setIsDarkMode(false);
-          dispatch(changeTheme('light'));
-        } else {
-          document.documentElement.classList.add('dark');
-          localStorage.setItem('color-theme', 'dark');
-          setIsDarkMode(true);
-          dispatch(changeTheme('dark'));
-        }
-      }
-    },
-    [dispatch],
-  );
-
   return (
-    <Menu
-      label={
-        <>
-          <span className={classes['sr-label']}>Open user menu</span>
-          <AvatarImage imageUrl={user?.avatar_url} />
-        </>
-      }
-      variant="outlined"
-      rounded={!user?.avatar_url || 'no-padding'}
-      hideDropdownIcon
-      rootClassName={classNames(classes.root, inEditor && classes['in-editor'])}
-    >
-      <MenuGroup>
-        <MenuItemButton key="dark-mode" onClick={handleToggleDarkMode} startIcon={MoonIcon}>
-          <div className={classes['theme-toggle']}>
-            {t('ui.settingsDropdown.darkMode')}
-            <Switch value={isDarkMode} onChange={handleToggleDarkMode} />
-          </div>
-        </MenuItemButton>
-      </MenuGroup>
-      <MenuGroup>
-        <MenuItemButton key="log-out" onClick={handleLogout} startIcon={LogoutIcon}>
-          {t('ui.settingsDropdown.logOut')}
-        </MenuItemButton>
-      </MenuGroup>
-    </Menu>
+    <>
+      <Menu
+        label={
+          <>
+            <span className={classes['sr-label']}>Open user menu</span>
+            <AvatarImage imageUrl={user?.avatar_url} />
+          </>
+        }
+        color="secondary"
+        variant="outlined"
+        rounded={!user?.avatar_url || 'no-padding'}
+        hideDropdownIcon
+        rootClassName={classNames(classes.root, inEditor && classes['in-editor'])}
+        aria-label="account options dropdown"
+      >
+        <MenuGroup>
+          <MenuItemButton key="dark-mode" onClick={handleOpenThemeDialog} startIcon={PaletteIcon}>
+            {t('ui.settingsDropdown.theme')}
+          </MenuItemButton>
+        </MenuGroup>
+        <MenuGroup>
+          <MenuItemButton key="log-out" onClick={handleLogout} startIcon={LogoutIcon}>
+            {t('ui.settingsDropdown.logOut')}
+          </MenuItemButton>
+        </MenuGroup>
+      </Menu>
+      <ThemeSelectorDialog open={themeDialogOpen} onClose={handleCloseThemeDialog} />
+    </>
   );
 };
 
-export default translate()(SettingsDropdown) as FC<SettingsDropdownProps>;
+export default SettingsDropdown;
diff --git a/packages/core/src/components/navbar/Sidebar.classes.ts b/packages/core/src/components/navbar/Sidebar.classes.ts
index 707b5470..abe1b0c6 100644
--- a/packages/core/src/components/navbar/Sidebar.classes.ts
+++ b/packages/core/src/components/navbar/Sidebar.classes.ts
@@ -1,6 +1,6 @@
 /* eslint-disable import/prefer-default-export */
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-const sidebarClasses = generateClassNames('Sidebar', ['root', 'content', 'items', 'media-icon']);
+const sidebarClasses = generateClassNames('Sidebar', ['root', 'content', 'items', 'icon']);
 
 export default sidebarClasses;
diff --git a/packages/core/src/components/navbar/Sidebar.css b/packages/core/src/components/navbar/Sidebar.css
index 34a165c4..2401a3bb 100644
--- a/packages/core/src/components/navbar/Sidebar.css
+++ b/packages/core/src/components/navbar/Sidebar.css
@@ -7,20 +7,20 @@
 }
 
 .CMS_Sidebar_content {
+  background: var(--background-main);
+
   @apply px-3
     py-4
     h-full
     w-full
-    overflow-y-auto
-    bg-white
-    dark:bg-slate-800;
+    overflow-y-auto;
 }
 
 .CMS_Sidebar_items {
   @apply space-y-2;
 }
 
-.CMS_Sidebar_media-icon {
+.CMS_Sidebar_icon {
   @apply h-6
     w-6;
 }
diff --git a/packages/core/src/components/navbar/Sidebar.tsx b/packages/core/src/components/navbar/Sidebar.tsx
index a308aaff..1ee99713 100644
--- a/packages/core/src/components/navbar/Sidebar.tsx
+++ b/packages/core/src/components/navbar/Sidebar.tsx
@@ -9,7 +9,7 @@ import './Sidebar.css';
 
 const Sidebar: FC = () => {
   return (
-    <aside className={sidebarClasses.root} aria-label="Sidebar">
+    <aside className={sidebarClasses.root} aria-label="sidebar">
       <SidebarContent />
     </aside>
   );
diff --git a/packages/core/src/components/navbar/SidebarContent.tsx b/packages/core/src/components/navbar/SidebarContent.tsx
index 88077a0b..7f5e381e 100644
--- a/packages/core/src/components/navbar/SidebarContent.tsx
+++ b/packages/core/src/components/navbar/SidebarContent.tsx
@@ -1,33 +1,45 @@
+import { Dashboard as DashboardIcon } from '@styled-icons/material/Dashboard';
 import { Photo as PhotoIcon } from '@styled-icons/material/Photo';
 import React, { useCallback, useMemo } from 'react';
-import { translate } from 'react-polyglot';
 import { useNavigate, useParams } from 'react-router-dom';
 
 import { getIcon } from '@staticcms/core/lib/hooks/useIcon';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import { getAdditionalLinks } from '@staticcms/core/lib/registry';
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import { selectCollections } from '@staticcms/core/reducers/selectors/collections';
-import { selectIsSearchEnabled } from '@staticcms/core/reducers/selectors/config';
+import {
+  selectIsMediaLinkEnabled,
+  selectIsSearchEnabled,
+  selectUseWorkflow,
+} from '@staticcms/core/reducers/selectors/config';
 import { useAppSelector } from '@staticcms/core/store/hooks';
 import CollectionSearch from '../collections/CollectionSearch';
 import NestedCollection from '../collections/NestedCollection';
 import NavLink from './NavLink';
 import sidebarClasses from './Sidebar.classes';
 
-import type { Collection } from '@staticcms/core/interface';
+import type { CollectionWithDefaults } from '@staticcms/core';
 import type { FC } from 'react';
-import type { TranslateProps } from 'react-polyglot';
 
-const SidebarContent: FC<TranslateProps> = ({ t }) => {
+export interface SidebarContentProps {
+  isMobile?: boolean;
+}
+
+const SidebarContent: FC<SidebarContentProps> = ({ isMobile = false }) => {
+  const t = useTranslate();
+
   const { name, searchTerm, ...params } = useParams();
   const filterTerm = useMemo(() => params['*'] ?? '', [params]);
 
   const navigate = useNavigate();
   const isSearchEnabled = useAppSelector(selectIsSearchEnabled);
+  const isMediaLinkEnabled = useAppSelector(selectIsMediaLinkEnabled);
   const collections = useAppSelector(selectCollections);
+  const useWorkflow = useAppSelector(selectUseWorkflow);
 
   const collection = useMemo(
-    () => (name ? collections[name] : collections[0]) as Collection | undefined,
+    () => (name ? collections[name] : collections[0]) as CollectionWithDefaults | undefined,
     [collections, name],
   );
 
@@ -51,12 +63,19 @@ const SidebarContent: FC<TranslateProps> = ({ t }) => {
           }
 
           return (
-            <NavLink key={collectionName} to={`/collections/${collectionName}`} icon={icon}>
+            <NavLink
+              key={collectionName}
+              to={`/collections/${collectionName}`}
+              icon={icon}
+              data-testid={`${isMobile ? 'mobile-collection-nav' : 'sidebar-collection-nav'}-${
+                collection.label
+              }`}
+            >
               {collection.label}
             </NavLink>
           );
         }),
-    [collections, filterTerm],
+    [collections, filterTerm, isMobile],
   );
 
   const additionalLinks = useMemo(() => getAdditionalLinks(), []);
@@ -67,17 +86,27 @@ const SidebarContent: FC<TranslateProps> = ({ t }) => {
           const icon = getIcon(iconName);
 
           return typeof data === 'string' ? (
-            <NavLink key={title} href={data} icon={icon}>
+            <NavLink
+              key={title}
+              href={data}
+              icon={icon}
+              data-testid={`${isMobile ? 'mobile-external-nav' : 'sidebar-external-nav'}-${title}`}
+            >
               {title}
             </NavLink>
           ) : (
-            <NavLink key={title} to={`/page/${id}`} icon={icon}>
+            <NavLink
+              key={title}
+              to={`/page/${id}`}
+              icon={icon}
+              data-testid={`${isMobile ? 'mobile-page-nav' : 'sidebar-page-nav'}-${title}`}
+            >
               {title}
             </NavLink>
           );
         },
       ),
-    [additionalLinks],
+    [additionalLinks, isMobile],
   );
 
   const searchCollections = useCallback(
@@ -96,7 +125,13 @@ const SidebarContent: FC<TranslateProps> = ({ t }) => {
   );
 
   return (
-    <div className={classNames(sidebarClasses.content, 'CMS_Scrollbar_root')}>
+    <div
+      className={classNames(
+        sidebarClasses.content,
+        'CMS_Scrollbar_root',
+        'CMS_Scrollbar_secondary',
+      )}
+    >
       <ul className={sidebarClasses.items}>
         {isSearchEnabled && (
           <CollectionSearch
@@ -106,18 +141,31 @@ const SidebarContent: FC<TranslateProps> = ({ t }) => {
             onSubmit={(query: string, collection?: string) => searchCollections(query, collection)}
           />
         )}
+        {useWorkflow ? (
+          <NavLink
+            key="Dashboard"
+            to="/dashboard"
+            icon={<DashboardIcon className={sidebarClasses['icon']} />}
+            data-testid={`${isMobile ? 'mobile-nav' : 'sidebar-nav'}-Dashboard`}
+          >
+            {t('workflow.workflow.dashboard')}
+          </NavLink>
+        ) : null}
         {collectionLinks}
         {links}
-        <NavLink
-          key="Media"
-          to="/media"
-          icon={<PhotoIcon className={sidebarClasses['media-icon']} />}
-        >
-          {t('app.header.media')}
-        </NavLink>
+        {isMediaLinkEnabled ? (
+          <NavLink
+            key="Media"
+            to="/media"
+            icon={<PhotoIcon className={sidebarClasses['icon']} />}
+            data-testid={`${isMobile ? 'mobile-nav' : 'sidebar-nav'}-Media`}
+          >
+            {t('app.header.media')}
+          </NavLink>
+        ) : null}
       </ul>
     </div>
   );
 };
 
-export default translate()(SidebarContent) as FC;
+export default SidebarContent;
diff --git a/packages/core/src/components/snackbar/SnackbarAlert.css b/packages/core/src/components/snackbar/SnackbarAlert.css
index 39a694b8..9c2487a4 100644
--- a/packages/core/src/components/snackbar/SnackbarAlert.css
+++ b/packages/core/src/components/snackbar/SnackbarAlert.css
@@ -1,4 +1,8 @@
 .CMS_SnackbarAlert_root {
+  color: var(--text-primary);
+  border-color: color-mix(in srgb, var(--background-divider) 75%, transparent);
+  background: var(--background-light);
+
   @apply flex
     items-center
     w-full
@@ -6,47 +10,36 @@
     gap-3
     py-2
     px-2.5
-    text-gray-500
-    bg-white
     rounded-lg
-    shadow-md
-    dark:text-gray-300
-    dark:bg-gray-800
-    dark:shadow-lg;
+    shadow-lg
+    drop-shadow-xl
+    border;
 
   &.CMS_SnackbarAlert_error {
     & .CMS_SnackbarAlert_icon-wrapper {
-      @apply bg-red-500
-        text-red-100
-        dark:bg-red-600
-        dark:text-red-200;
+      color: var(--error-contrast-color);
+      background: var(--error-main);
     }
   }
 
   &.CMS_SnackbarAlert_success {
     & .CMS_SnackbarAlert_icon-wrapper {
-      @apply bg-green-500
-        text-green-100
-        dark:bg-green-600
-        dark:text-green-200;
+      color: var(--success-contrast-color);
+      background: var(--success-main);
     }
   }
 
   &.CMS_SnackbarAlert_warning {
     & .CMS_SnackbarAlert_icon-wrapper {
-      @apply bg-yellow-500
-        text-yellow-100
-        dark:bg-yellow-600
-        dark:text-yellow-200;
+      color: var(--warning-contrast-color);
+      background: var(--warning-main);
     }
   }
 
   &.CMS_SnackbarAlert_info {
     & .CMS_SnackbarAlert_icon-wrapper {
-      @apply text-blue-500
-        bg-blue-100
-        dark:bg-blue-800
-        dark:text-blue-200;
+      color: var(--info-contrast-color);
+      background: var(--info-main);
     }
   }
 }
@@ -68,18 +61,10 @@
 
 .CMS_SnackbarAlert_message {
   @apply text-sm
-    font-normal;
+    font-normal
+    flex-grow;
 }
 
 .CMS_SnackbarAlert_close-button {
   @apply ml-2;
 }
-
-.CMS_SnackbarAlert_close-button-sr-label {
-  @apply sr-only;
-}
-
-.CMS_SnackbarAlert_close-button-icon {
-  @apply w-4
-    h-4;
-}
diff --git a/packages/core/src/components/snackbar/SnackbarAlert.tsx b/packages/core/src/components/snackbar/SnackbarAlert.tsx
index 397a1a38..e7ec8c5c 100644
--- a/packages/core/src/components/snackbar/SnackbarAlert.tsx
+++ b/packages/core/src/components/snackbar/SnackbarAlert.tsx
@@ -5,11 +5,11 @@ import { TaskAlt as TaskAltIcon } from '@styled-icons/material/TaskAlt';
 import { WarningAmber as WarningAmberIcon } from '@styled-icons/material/WarningAmber';
 import React, { forwardRef, useMemo } from 'react';
 
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import IconButton from '../common/button/IconButton';
 
-import type { TranslatedProps } from '@staticcms/core/interface';
 import type { SnackbarMessage } from '@staticcms/core/store/slices/snackbars';
 
 import './SnackbarAlert.css';
@@ -33,61 +33,62 @@ interface SnackbarAlertProps {
   onClose: () => void;
 }
 
-const SnackbarAlert = forwardRef<HTMLDivElement, TranslatedProps<SnackbarAlertProps>>(
-  ({ data, onClose, t }, ref) => {
-    const { type, message } = data;
+const SnackbarAlert = forwardRef<HTMLDivElement, SnackbarAlertProps>(({ data, onClose }, ref) => {
+  const t = useTranslate();
 
-    const renderedMessage = useMemo(() => {
-      if (typeof message === 'string') {
-        return message;
-      }
+  const { type, message } = data;
 
-      const { key, options } = message;
-      return t(key, options);
-    }, [message, t]);
+  const renderedMessage = useMemo(() => {
+    if (typeof message === 'string') {
+      return message;
+    }
 
-    const icon = useMemo(() => {
-      switch (type) {
-        case 'error':
-          return <ErrorOutlineIcon className={classes.icon} />;
-        case 'success':
-          return <TaskAltIcon className={classes.icon} />;
-        case 'warning':
-          return <WarningAmberIcon className={classes.icon} />;
-        default:
-          return <InfoIcon className={classes.icon} />;
-      }
-    }, [type]);
+    const { key, options } = message;
+    return t(key, options);
+  }, [message, t]);
 
-    return (
-      <div
-        id="toast-default"
-        className={classNames(
-          classes.root,
-          type === 'error' && classes.error,
-          type === 'success' && classes.success,
-          type === 'warning' && classes.warning,
-          type === 'info' && classes.info,
-        )}
-        role="alert"
-        ref={ref}
-      >
-        <div className={classes['icon-wrapper']}>{icon}</div>
-        <div className={classes.message}>{renderedMessage}</div>
-        <IconButton
-          aria-label="Close"
-          variant="text"
-          color="secondary"
-          onClick={onClose}
-          className={classes['close-button']}
-        >
-          <span className={classes['close-button-sr-label']}>Close</span>
-          <CloseIcon className={classes['close-button-icon']} />
-        </IconButton>
+  const icon = useMemo(() => {
+    switch (type) {
+      case 'error':
+        return <ErrorOutlineIcon className={classes.icon} />;
+      case 'success':
+        return <TaskAltIcon className={classes.icon} />;
+      case 'warning':
+        return <WarningAmberIcon className={classes.icon} />;
+      default:
+        return <InfoIcon className={classes.icon} />;
+    }
+  }, [type]);
+
+  return (
+    <div
+      id="toast-default"
+      className={classNames(
+        classes.root,
+        type === 'error' && classes.error,
+        type === 'success' && classes.success,
+        type === 'warning' && classes.warning,
+        type === 'info' && classes.info,
+      )}
+      role="alert"
+      ref={ref}
+    >
+      <div className={classes['icon-wrapper']}>{icon}</div>
+      <div className={classes.message} data-testid="toast-messages">
+        {renderedMessage}
       </div>
-    );
-  },
-);
+      <IconButton
+        icon={CloseIcon}
+        variant="text"
+        color="secondary"
+        onClick={onClose}
+        rootClassName={classes['close-button']}
+        size="small"
+        aria-label="close"
+      />
+    </div>
+  );
+});
 
 SnackbarAlert.displayName = 'SnackbarAlert';
 
diff --git a/packages/core/src/components/snackbar/Snackbars.tsx b/packages/core/src/components/snackbar/Snackbars.tsx
index b642d673..2d3e98c7 100644
--- a/packages/core/src/components/snackbar/Snackbars.tsx
+++ b/packages/core/src/components/snackbar/Snackbars.tsx
@@ -1,16 +1,16 @@
 import Snackbar from '@mui/material/Snackbar';
 import React, { useCallback, useEffect, useState } from 'react';
-import { translate } from 'react-polyglot';
 
+import useDebounce from '@staticcms/core/lib/hooks/useDebounce';
+import { isNullish } from '@staticcms/core/lib/util/null.util';
 import { useAppDispatch, useAppSelector } from '@staticcms/core/store/hooks';
 import { removeSnackbarById, selectSnackbars } from '@staticcms/core/store/slices/snackbars';
 import SnackbarAlert from './SnackbarAlert';
 
 import type { SnackbarMessage } from '@staticcms/core/store/slices/snackbars';
 import type { FC, SyntheticEvent } from 'react';
-import type { TranslateProps } from 'react-polyglot';
 
-const Snackbars: FC<TranslateProps> = ({ t }) => {
+const Snackbars: FC = () => {
   const [open, setOpen] = useState(false);
   const [messageInfo, setMessageInfo] = useState<SnackbarMessage | undefined>(undefined);
 
@@ -30,6 +30,20 @@ const Snackbars: FC<TranslateProps> = ({ t }) => {
     }
   }, [snackbars, messageInfo, open, dispatch]);
 
+  const idToClose = useDebounce(messageInfo?.id, 5000);
+
+  useEffect(() => {
+    if (isNullish(idToClose)) {
+      return;
+    }
+
+    if (idToClose !== messageInfo?.id) {
+      return;
+    }
+
+    setOpen(false);
+  }, [idToClose, messageInfo?.id]);
+
   const handleClose = useCallback((_event?: SyntheticEvent | Event, reason?: string) => {
     if (reason === 'clickaway') {
       return;
@@ -51,9 +65,9 @@ const Snackbars: FC<TranslateProps> = ({ t }) => {
       TransitionProps={{ onExited: handleExited }}
       anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
     >
-      {messageInfo ? <SnackbarAlert data={messageInfo} onClose={handleClose} t={t} /> : undefined}
+      {messageInfo ? <SnackbarAlert data={messageInfo} onClose={handleClose} /> : undefined}
     </Snackbar>
   );
 };
 
-export default translate()(Snackbars);
+export default Snackbars;
diff --git a/packages/core/src/components/theme/ThemeManager.tsx b/packages/core/src/components/theme/ThemeManager.tsx
new file mode 100644
index 00000000..04951bab
--- /dev/null
+++ b/packages/core/src/components/theme/ThemeManager.tsx
@@ -0,0 +1,118 @@
+import { ThemeProvider as MuiThemeProvider, createTheme, lighten } from '@mui/material/styles';
+import React, { useEffect, useMemo } from 'react';
+
+import type { Theme } from '@staticcms/core';
+import type { FC, PropsWithChildren } from 'react';
+
+export interface ThemeManagerProps {
+  element: HTMLElement | undefined | null;
+  theme: Theme;
+}
+
+const ThemeManager: FC<PropsWithChildren<ThemeManagerProps>> = ({ element, theme, children }) => {
+  useEffect(() => {
+    if (!element) {
+      return;
+    }
+
+    element.style.setProperty('--text-primary', theme.text.primary);
+    element.style.setProperty('--text-secondary', theme.text.secondary);
+    element.style.setProperty('--text-disabled', theme.text.disabled);
+
+    element.style.setProperty('--background-main', theme.background.main);
+    element.style.setProperty('--background-light', theme.background.light);
+    element.style.setProperty('--background-dark', theme.background.dark);
+    element.style.setProperty('--background-divider', theme.background.divider);
+
+    element.style.setProperty('--scrollbar-main', theme.scrollbar.main);
+    element.style.setProperty('--scrollbar-light', theme.scrollbar.light);
+
+    element.style.setProperty('--common-gray', theme.common.gray);
+
+    element.style.setProperty('--primary-main', theme.primary.main);
+    element.style.setProperty('--primary-light', theme.primary.light);
+    element.style.setProperty('--primary-dark', theme.primary.dark);
+    element.style.setProperty('--primary-contrast-color', theme.primary.contrastColor);
+
+    element.style.setProperty('--error-main', theme.error.main);
+    element.style.setProperty('--error-light', theme.error.light);
+    element.style.setProperty('--error-dark', theme.error.dark);
+    element.style.setProperty('--error-contrast-color', theme.error.contrastColor);
+
+    element.style.setProperty('--warning-main', theme.warning.main);
+    element.style.setProperty('--warning-light', theme.warning.light);
+    element.style.setProperty('--warning-dark', theme.warning.dark);
+    element.style.setProperty('--warning-contrast-color', theme.warning.contrastColor);
+
+    element.style.setProperty('--info-main', theme.info.main);
+    element.style.setProperty('--info-light', theme.info.light);
+    element.style.setProperty('--info-dark', theme.info.dark);
+    element.style.setProperty('--info-contrast-color', theme.info.contrastColor);
+
+    element.style.setProperty('--success-main', theme.success.main);
+    element.style.setProperty('--success-light', theme.success.light);
+    element.style.setProperty('--success-dark', theme.success.dark);
+    element.style.setProperty('--success-contrast-color', theme.success.contrastColor);
+  }, [element, theme]);
+
+  const muiTheme = useMemo(
+    () =>
+      createTheme({
+        palette: {
+          primary: {
+            main: theme.primary.main,
+            light: theme.primary.light,
+            dark: theme.primary.dark,
+            contrastText: theme.primary.contrastColor,
+          },
+          secondary: {
+            main: theme.common.gray,
+            light: lighten(theme.common.gray, 0.125),
+            dark: theme.primary.main,
+            contrastText: theme.text.primary,
+          },
+          text: {
+            primary: theme.text.primary,
+            secondary: theme.text.secondary,
+            disabled: theme.text.disabled,
+          },
+          action: {
+            active: theme.text.primary,
+          },
+          background: {
+            default: theme.background.dark,
+            paper: theme.background.main,
+          },
+          error: {
+            main: theme.error.main,
+            light: theme.error.light,
+            dark: theme.error.dark,
+            contrastText: theme.error.contrastColor,
+          },
+          warning: {
+            main: theme.warning.main,
+            light: theme.warning.light,
+            dark: theme.warning.dark,
+            contrastText: theme.warning.contrastColor,
+          },
+          info: {
+            main: theme.info.main,
+            light: theme.info.light,
+            dark: theme.info.dark,
+            contrastText: theme.info.contrastColor,
+          },
+          success: {
+            main: theme.success.main,
+            light: theme.success.light,
+            dark: theme.success.dark,
+            contrastText: theme.success.contrastColor,
+          },
+        },
+      }),
+    [theme],
+  );
+
+  return <MuiThemeProvider theme={muiTheme}>{children}</MuiThemeProvider>;
+};
+
+export default ThemeManager;
diff --git a/packages/core/src/components/theme/components/ThemeCard.css b/packages/core/src/components/theme/components/ThemeCard.css
new file mode 100644
index 00000000..d8b50ba4
--- /dev/null
+++ b/packages/core/src/components/theme/components/ThemeCard.css
@@ -0,0 +1,222 @@
+.CMS_ThemeCard_root {
+  border-color: color-mix(in srgb, var(--background-divider) 50%, transparent);
+
+  @apply w-full
+    rounded-md
+    border
+    drop-shadow-md
+    overflow-hidden;
+}
+
+.CMS_ThemeCard_active {
+  --tw-ring-color: color-mix(in srgb, var(--primary-light) 50%, transparent);
+
+  @apply ring-4;
+}
+
+.CMS_ThemeCard_button {
+  background: color-mix(in srgb, var(--background-dark) 50%, transparent);
+
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-tap-highlight-color: transparent;
+
+  @apply w-full
+    rounded-md;
+}
+
+.CMS_ThemeCard_content {
+  border-color: color-mix(in srgb, var(--background-divider) 50%, transparent);
+
+  @apply px-3
+    py-2
+    flex
+    justify-start
+    items-center
+    border-t
+    w-full;
+}
+
+.CMS_ThemeCard_preview {
+  background: var(--background-dark);
+
+  @apply w-full
+    h-[128px]
+    flex
+    flex-col;
+}
+
+.CMS_ThemeCard_preview-appbar {
+  background: var(--background-main);
+
+  @apply h-5
+    w-full
+    flex
+    items-center
+    justify-between
+    pr-2
+    drop-shadow-md
+    z-[100];
+}
+
+.CMS_ThemeCard_preview-breadcrumbs {
+  @apply flex
+    items-center
+    gap-1
+    h-full;
+}
+
+.CMS_ThemeCard_preview-logo-wrapper {
+  background: var(--background-light);
+
+  @apply flex
+    flex-shrink-0
+    items-center
+    justify-center
+    w-[21px]
+    pl-[1px]
+    h-full;
+
+  & .CMS_ThemeCard_preview-logo {
+    @apply w-3
+      h-3;
+
+    &.CMS_ThemeCard_preview-custom-logo {
+      @apply bg-contain
+        bg-no-repeat
+        bg-center
+        object-cover;
+    }
+  }
+}
+
+.CMS_ThemeCard_preview-appbar-actions {
+  @apply flex
+    items-center
+    gap-1;
+}
+
+.CMS_ThemeCard_preview-primary-button {
+  background: var(--primary-main);
+
+  @apply w-8
+    h-2
+    rounded-md;
+}
+
+.CMS_ThemeCard_preview-secondary-button {
+  background: var(--common-gray);
+
+  @apply w-8
+    h-2
+    rounded-md;
+}
+
+.CMS_ThemeCard_preview-avatar {
+  background: var(--common-gray);
+
+  @apply w-2.5
+    h-2.5
+    rounded-full;
+}
+
+.CMS_ThemeCard_preview-content {
+  @apply flex
+    flex-grow;
+}
+
+.CMS_ThemeCard_preview-text {
+  background: var(--text-primary);
+
+  @apply w-8
+    h-[7px]
+    rounded-md;
+}
+
+.CMS_ThemeCard_preview-sidebar {
+  background: var(--background-main);
+
+  @apply h-full
+    w-12
+    flex
+    flex-col
+    items-center
+    gap-1
+    px-1
+    py-1.5
+    drop-shadow-md;
+
+  & .CMS_ThemeCard_preview-primary-button,
+  & .CMS_ThemeCard_preview-secondary-button {
+    @apply w-full;
+  }
+}
+
+.CMS_ThemeCard_preview-main {
+  @apply flex
+    flex-col
+    flex-grow
+    p-1
+    gap-1;
+}
+
+.CMS_ThemeCard_preview-main-actions {
+  @apply h-2
+    flex
+    gap-1
+    items-center
+    justify-end;
+}
+
+.CMS_ThemeCard_preview-error-button {
+  background: var(--error-main);
+
+  @apply w-[7px]
+    h-[7px]
+    rounded-md;
+}
+
+.CMS_ThemeCard_preview-warning-button {
+  background: var(--warning-main);
+
+  @apply w-[7px]
+    h-[7px]
+    rounded-md;
+}
+
+.CMS_ThemeCard_preview-info-button {
+  background: var(--info-main);
+
+  @apply w-[7px]
+    h-[7px]
+    rounded-md;
+}
+
+.CMS_ThemeCard_preview-success-button {
+  background: var(--success-main);
+
+  @apply w-[7px]
+    h-[7px]
+    rounded-md;
+}
+
+.CMS_ThemeCard_preview-card {
+  background: var(--background-main);
+
+  @apply w-full
+    min-h-[12px]
+    rounded-md
+    px-1;
+}
+
+.CMS_ThemeCard_preview-collection-row {
+  border-color: color-mix(in srgb, var(--background-divider) 25%, transparent);
+
+  @apply h-3
+    border-t
+    first:border-t-0;
+}
+
+.CMS_ThemeCard_preview-collection-highlight {
+  background: color-mix(in srgb, var(--primary-main) 15%, transparent);
+  border-color: color-mix(in srgb, var(--primary-main) 15%, transparent);
+}
diff --git a/packages/core/src/components/theme/components/ThemeCard.tsx b/packages/core/src/components/theme/components/ThemeCard.tsx
new file mode 100644
index 00000000..90d6aa94
--- /dev/null
+++ b/packages/core/src/components/theme/components/ThemeCard.tsx
@@ -0,0 +1,134 @@
+import React, { useCallback, useState } from 'react';
+
+import useRefWithCallback from '@staticcms/core/lib/hooks/useRefWithCallback';
+import classNames from '@staticcms/core/lib/util/classNames.util';
+import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
+import { selectConfig } from '@staticcms/core/reducers/selectors/config';
+import { selectTheme } from '@staticcms/core/reducers/selectors/globalUI';
+import { useAppSelector } from '@staticcms/core/store/hooks';
+import Card from '../../common/card/Card';
+import CardActionArea from '../../common/card/CardActionArea';
+import { StaticCmsIcon } from '../../images/_index';
+import ThemeManager from '../ThemeManager';
+
+import type { Theme } from '@staticcms/core';
+import type { FC } from 'react';
+
+import './ThemeCard.css';
+
+export const classes = generateClassNames('ThemeCard', [
+  'root',
+  'active',
+  'button',
+  'content',
+  'preview',
+  'preview-appbar',
+  'preview-logo-wrapper',
+  'preview-logo',
+  'preview-custom-logo',
+  'preview-breadcrumbs',
+  'preview-appbar-actions',
+  'preview-avatar',
+  'preview-content',
+  'preview-primary-button',
+  'preview-secondary-button',
+  'preview-text',
+  'preview-sidebar',
+  'preview-main',
+  'preview-main-actions',
+  'preview-error-button',
+  'preview-warning-button',
+  'preview-info-button',
+  'preview-success-button',
+  'preview-card',
+  'preview-collection-row',
+  'preview-collection-highlight',
+]);
+
+export interface ThemeCardProps {
+  currentTheme: string;
+  theme: Theme;
+  onClick: (themeName: string) => void;
+}
+
+const ThemeCard: FC<ThemeCardProps> = ({ theme, onClick }) => {
+  const [element, setElement] = useState<HTMLDivElement>();
+  const ref = useRefWithCallback<HTMLDivElement>(setElement);
+
+  const themeName = useAppSelector(selectTheme);
+  const config = useAppSelector(selectConfig);
+
+  const handleClick = useCallback(() => {
+    onClick(theme.name);
+  }, [onClick, theme.name]);
+
+  return (
+    <ThemeManager theme={theme} element={element}>
+      <Card
+        className={classNames(
+          classes.root,
+          theme.name.toLowerCase() === themeName && classes.active,
+        )}
+      >
+        <CardActionArea onClick={handleClick} className={classes.button}>
+          <div ref={ref} className={classes.preview}>
+            <div className={classes['preview-appbar']}>
+              <div className={classes['preview-breadcrumbs']}>
+                <div className={classes['preview-logo-wrapper']}>
+                  {config?.logo_url ? (
+                    <div
+                      className={classNames(
+                        classes['preview-logo'],
+                        classes['preview-custom-logo'],
+                      )}
+                      style={{ backgroundImage: `url('${config.logo_url}')` }}
+                    />
+                  ) : (
+                    <StaticCmsIcon className={classes['preview-logo']} />
+                  )}
+                </div>
+                <div className={classes['preview-text']} />
+                <div className={classes['preview-text']} />
+              </div>
+              <div className={classes['preview-appbar-actions']}>
+                <div className={classes['preview-primary-button']} />
+                <div className={classes['preview-avatar']} />
+              </div>
+            </div>
+            <div className={classes['preview-content']}>
+              <div className={classes['preview-sidebar']}>
+                <div className={classes['preview-primary-button']} />
+                <div className={classes['preview-secondary-button']} />
+                <div className={classes['preview-secondary-button']} />
+                <div className={classes['preview-secondary-button']} />
+              </div>
+              <div className={classes['preview-main']}>
+                <div className={classes['preview-main-actions']}>
+                  <div className={classes['preview-error-button']} />
+                  <div className={classes['preview-warning-button']} />
+                  <div className={classes['preview-info-button']} />
+                  <div className={classes['preview-success-button']} />
+                </div>
+                <div className={classes['preview-card']}>
+                  <div className={classes['preview-collection-row']} />
+                  <div
+                    className={classNames(
+                      classes['preview-collection-row'],
+                      classes['preview-collection-highlight'],
+                    )}
+                  />
+                  <div className={classes['preview-collection-row']} />
+                  <div className={classes['preview-collection-row']} />
+                  <div className={classes['preview-collection-row']} />
+                </div>
+              </div>
+            </div>
+          </div>
+          <div className={classes.content}>{theme.name}</div>
+        </CardActionArea>
+      </Card>
+    </ThemeManager>
+  );
+};
+
+export default ThemeCard;
diff --git a/packages/core/src/components/theme/components/ThemeSelectorDialog.css b/packages/core/src/components/theme/components/ThemeSelectorDialog.css
new file mode 100644
index 00000000..ee798155
--- /dev/null
+++ b/packages/core/src/components/theme/components/ThemeSelectorDialog.css
@@ -0,0 +1,27 @@
+.CMS_ThemeSelectorDialog_root {
+  @apply pt-3
+    pb-5
+    px-4
+    w-[600px]
+    max-w-[80%];
+}
+
+.CMS_ThemeSelectorDialog_header {
+  @apply flex
+    justify-between
+    items-center
+    mb-2
+    ps-1;
+}
+
+.CMS_ThemeSelectorDialog_title {
+  @apply text-lg
+    font-bold;
+}
+
+.CMS_ThemeSelectorDialog_grid {
+  @apply grid
+    grid-cols-1
+    md:grid-cols-2
+    gap-3;
+}
diff --git a/packages/core/src/components/theme/components/ThemeSelectorDialog.tsx b/packages/core/src/components/theme/components/ThemeSelectorDialog.tsx
new file mode 100644
index 00000000..1b45dc75
--- /dev/null
+++ b/packages/core/src/components/theme/components/ThemeSelectorDialog.tsx
@@ -0,0 +1,64 @@
+import { Close as CloseIcon } from '@styled-icons/material/Close';
+import React, { useCallback } from 'react';
+
+import { changeTheme } from '@staticcms/core/actions/globalUI';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
+import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
+import { selectTheme } from '@staticcms/core/reducers/selectors/globalUI';
+import { useAppDispatch, useAppSelector } from '@staticcms/core/store/hooks';
+import IconButton from '../../common/button/IconButton';
+import Modal from '../../common/modal/Modal';
+import useThemes from '../hooks/useThemes';
+import ThemeCard from './ThemeCard';
+
+import type { FC } from 'react';
+
+import './ThemeSelectorDialog.css';
+
+export const classes = generateClassNames('ThemeSelectorDialog', [
+  'root',
+  'header',
+  'title',
+  'grid',
+]);
+
+export interface ThemeSelectorDialogProps {
+  open: boolean;
+  onClose: () => void;
+}
+
+const ThemeSelectorDialog: FC<ThemeSelectorDialogProps> = ({ open, onClose }) => {
+  const dispatch = useAppDispatch();
+  const t = useTranslate();
+
+  const theme = useAppSelector(selectTheme);
+  const themes = useThemes();
+
+  const handleThemeChange = useCallback(
+    (newTheme: string) => {
+      dispatch(changeTheme(newTheme));
+    },
+    [dispatch],
+  );
+
+  return (
+    <Modal open={open} onClose={onClose} className={classes.root}>
+      <div className={classes.header}>
+        <h2 className={classes.title}>{t('ui.settingsDropdown.theme')}</h2>
+        <IconButton icon={CloseIcon} variant="text" onClick={onClose} aria-label="close" />
+      </div>
+      <div className={classes.grid}>
+        {themes.map((themeOption, index) => (
+          <ThemeCard
+            key={index}
+            theme={themeOption}
+            currentTheme={theme}
+            onClick={handleThemeChange}
+          />
+        ))}
+      </div>
+    </Modal>
+  );
+};
+
+export default ThemeSelectorDialog;
diff --git a/packages/core/src/components/theme/defaultThemes.ts b/packages/core/src/components/theme/defaultThemes.ts
new file mode 100644
index 00000000..10b91fb6
--- /dev/null
+++ b/packages/core/src/components/theme/defaultThemes.ts
@@ -0,0 +1,113 @@
+import type { Theme } from '@staticcms/core';
+
+export const DARK_THEME: Theme = {
+  name: 'Dark',
+  common: {
+    gray: '#334155',
+  },
+  text: {
+    primary: '#fff',
+    secondary: 'rgba(255, 255, 255, 0.7)',
+    disabled: 'rgba(255, 255, 255, 0.5)',
+  },
+  background: {
+    main: '#1e293b',
+    light: '#2c3b55',
+    dark: '#0f172a',
+    divider: '#2c3b55',
+  },
+  scrollbar: {
+    main: '#1e293b',
+    light: '#2c3b55',
+  },
+  primary: {
+    main: '#339ef4',
+    light: '#6bb9f7',
+    dark: '#0c82e0',
+    contrastColor: '#ffffff',
+  },
+  error: {
+    main: '#f44336',
+    light: '#e57373',
+    dark: '#d32f2f',
+    contrastColor: '#ffffff',
+  },
+  warning: {
+    main: '#ffa726',
+    light: '#ffb74d',
+    dark: '#f57c00',
+    contrastColor: '#ffffff',
+  },
+  info: {
+    main: '#29b6f6',
+    light: '#4fc3f7',
+    dark: '#0288d1',
+    contrastColor: '#ffffff',
+  },
+  success: {
+    main: '#66bb6a',
+    light: '#81c784',
+    dark: '#388e3c',
+    contrastColor: '#ffffff',
+  },
+  codemirror: {
+    theme: 'dark',
+  },
+};
+
+export const LIGHT_THEME: Theme = {
+  name: 'Light',
+  common: {
+    gray: '#d1d5db',
+  },
+  text: {
+    primary: 'rgba(0, 0, 0, 0.87)',
+    secondary: 'rgba(0, 0, 0, 0.6)',
+    disabled: 'rgba(0, 0, 0, 0.38)',
+  },
+  background: {
+    main: '#ffffff',
+    light: '#ffffff',
+    dark: '#f8fafc',
+    divider: '#94a3b8',
+  },
+  scrollbar: {
+    main: 'rgba(100, 116, 139, .25)',
+    light: 'rgba(100, 116, 139, .25)',
+  },
+  primary: {
+    main: '#1976d2',
+    light: '#42a5f5',
+    dark: '#1565c0',
+    contrastColor: '#ffffff',
+  },
+  error: {
+    main: '#d32f2f',
+    light: '#ef5350',
+    dark: '#c62828',
+    contrastColor: '#ffffff',
+  },
+  warning: {
+    main: '#ed6c02',
+    light: '#ff9800',
+    dark: '#e65100',
+    contrastColor: '#ffffff',
+  },
+  info: {
+    main: '#0288d1',
+    light: '#03a9f4',
+    dark: '#01579b',
+    contrastColor: '#ffffff',
+  },
+  success: {
+    main: '#2e7d32',
+    light: '#4caf50',
+    dark: '#1b5e20',
+    contrastColor: '#ffffff',
+  },
+  codemirror: {
+    theme: 'light',
+  },
+};
+
+export const DEFAULT_THEMES: Theme[] = [DARK_THEME, LIGHT_THEME];
diff --git a/packages/core/src/components/theme/hooks/useTheme.ts b/packages/core/src/components/theme/hooks/useTheme.ts
new file mode 100644
index 00000000..2276a4da
--- /dev/null
+++ b/packages/core/src/components/theme/hooks/useTheme.ts
@@ -0,0 +1,19 @@
+import { useMemo } from 'react';
+
+import { selectTheme } from '@staticcms/core/reducers/selectors/globalUI';
+import { useAppSelector } from '@staticcms/core/store/hooks';
+import { DEFAULT_THEMES } from '../defaultThemes';
+import useThemes from './useThemes';
+
+import type { Theme } from '@staticcms/core';
+
+export default function useTheme(): Theme {
+  const themes = useThemes();
+
+  const themeName = useAppSelector(selectTheme);
+
+  return useMemo(
+    () => themes.find(t => t.name.toLowerCase() === themeName) ?? DEFAULT_THEMES[0],
+    [themes, themeName],
+  );
+}
diff --git a/packages/core/src/components/theme/hooks/useThemes.ts b/packages/core/src/components/theme/hooks/useThemes.ts
new file mode 100644
index 00000000..b3209599
--- /dev/null
+++ b/packages/core/src/components/theme/hooks/useThemes.ts
@@ -0,0 +1,45 @@
+import { useMemo } from 'react';
+
+import { getThemes } from '@staticcms/core/lib/registry';
+import { selectConfig } from '@staticcms/core/reducers/selectors/config';
+import { useAppSelector } from '@staticcms/core/store/hooks';
+import { DEFAULT_THEMES } from '../defaultThemes';
+import createTheme from '../util/createTheme';
+import { isNotEmpty } from '@staticcms/core/lib/util/string.util';
+
+import type { Theme } from '@staticcms/core';
+
+export default function useThemes(): Theme[] {
+  const config = useAppSelector(selectConfig);
+
+  return useMemo(() => {
+    const customThemes: Theme[] = [];
+
+    customThemes.push(
+      ...[...(config?.theme?.themes ?? []), ...getThemes()].map(t =>
+        'extends' in t ? createTheme(t) : t,
+      ),
+    );
+
+    if (customThemes.length === 0 || config?.theme?.include_built_in_themes !== false) {
+      customThemes.push(...DEFAULT_THEMES);
+    }
+
+    const defaultTheme = config?.theme?.default_theme;
+    if (isNotEmpty(defaultTheme)) {
+      customThemes.sort((a, b) => {
+        if (a.name.toLowerCase() === defaultTheme.toLowerCase()) {
+          return -1;
+        }
+
+        if (b.name.toLowerCase() === defaultTheme.toLowerCase()) {
+          return 1;
+        }
+
+        return 0;
+      });
+    }
+
+    return customThemes;
+  }, [config?.theme?.default_theme, config?.theme?.include_built_in_themes, config?.theme?.themes]);
+}
diff --git a/packages/core/src/components/theme/util/createTheme.ts b/packages/core/src/components/theme/util/createTheme.ts
new file mode 100644
index 00000000..ffe99324
--- /dev/null
+++ b/packages/core/src/components/theme/util/createTheme.ts
@@ -0,0 +1,92 @@
+import { darken, lighten } from '@mui/material/styles';
+
+import { DARK_THEME, LIGHT_THEME } from '../defaultThemes';
+
+import type { PartialTheme, Theme, ThemeColor } from '@staticcms/core';
+
+function createDarkColor(
+  color: string | undefined,
+  main: string | undefined,
+  base: string,
+): string {
+  if (color) {
+    return color;
+  }
+
+  if (main) {
+    return darken(main, 0.125);
+  }
+
+  return base;
+}
+
+function createLightColor(
+  color: string | undefined,
+  main: string | undefined,
+  base: string,
+): string {
+  if (color) {
+    return color;
+  }
+
+  if (main) {
+    return lighten(main, 0.125);
+  }
+
+  return base;
+}
+
+function createThemeColor(overrides: Partial<ThemeColor> | undefined, base: ThemeColor) {
+  return {
+    main: overrides?.main ?? base.main,
+    light: createLightColor(overrides?.light, overrides?.main, base.light),
+    dark: createDarkColor(overrides?.dark, overrides?.main, base.dark),
+    contrastColor: overrides?.contrastColor ?? base.contrastColor,
+  };
+}
+
+export default function createTheme(overrides: PartialTheme): Theme {
+  const baseTheme = overrides.extends === 'light' ? LIGHT_THEME : DARK_THEME;
+
+  return {
+    name: overrides.name,
+    common: {
+      gray: overrides.common?.gray ?? baseTheme.common.gray,
+    },
+    text: {
+      primary: overrides.text?.primary ?? baseTheme.text.primary,
+      secondary: overrides.text?.secondary ?? baseTheme.text.secondary,
+      disabled: overrides.text?.disabled ?? baseTheme.text.disabled,
+    },
+    background: {
+      main: overrides.background?.main ?? baseTheme.background.main,
+      light: createLightColor(
+        overrides.background?.light,
+        overrides.background?.main,
+        baseTheme.background.light,
+      ),
+      dark: createDarkColor(
+        overrides.background?.dark,
+        overrides.background?.main,
+        baseTheme.background.dark,
+      ),
+      divider: overrides.background?.divider ?? baseTheme.background.divider,
+    },
+    scrollbar: {
+      main: overrides.scrollbar?.main ?? baseTheme.scrollbar.main,
+      light: createLightColor(
+        overrides.scrollbar?.light,
+        overrides.scrollbar?.main,
+        baseTheme.scrollbar.light,
+      ),
+    },
+    primary: createThemeColor(overrides.primary, baseTheme.primary),
+    error: createThemeColor(overrides.error, baseTheme.error),
+    warning: createThemeColor(overrides.warning, baseTheme.warning),
+    info: createThemeColor(overrides.info, baseTheme.info),
+    success: createThemeColor(overrides.success, baseTheme.success),
+    codemirror: {
+      theme: overrides.codemirror?.theme ?? baseTheme.codemirror.theme,
+    },
+  };
+}
diff --git a/packages/core/src/components/workflow/ActiveWorkflowCard.tsx b/packages/core/src/components/workflow/ActiveWorkflowCard.tsx
new file mode 100644
index 00000000..de24fcdc
--- /dev/null
+++ b/packages/core/src/components/workflow/ActiveWorkflowCard.tsx
@@ -0,0 +1,46 @@
+import React, { useMemo } from 'react';
+
+import { useInferredFields } from '@staticcms/core/lib/util/collection.util';
+import { selectCollection } from '@staticcms/core/reducers/selectors/collections';
+import { useAppSelector } from '@staticcms/core/store/hooks';
+import EntryCard from '../collections/entries/EntryCard';
+import { useDatetimeFormats } from '@staticcms/datetime/datetime.util';
+
+import type { DateTimeField, Entry } from '@staticcms/core';
+import type { FC } from 'react';
+
+export interface WorkflowCardProps {
+  entry: Entry;
+}
+
+const WorkflowCard: FC<WorkflowCardProps> = ({ entry }) => {
+  const collection = useAppSelector(state => selectCollection(state, entry.collection));
+  const inferredFields = useInferredFields(collection);
+
+  const dateField = useMemo(
+    () =>
+      collection && 'fields' in collection
+        ? (collection.fields?.find(
+            f => f.name === inferredFields.date && f.widget === 'image',
+          ) as DateTimeField)
+        : undefined,
+    [collection, inferredFields.date],
+  );
+
+  const formats = useDatetimeFormats(dateField);
+
+  return collection ? (
+    <EntryCard
+      entry={entry}
+      imageFieldName={inferredFields.image}
+      descriptionFieldName={inferredFields.description}
+      dateFieldName={inferredFields.date}
+      dateFormats={formats}
+      collection={collection}
+      useWorkflow
+      noMargin
+    />
+  ) : null;
+};
+
+export default WorkflowCard;
diff --git a/packages/core/src/components/workflow/Dashboard.css b/packages/core/src/components/workflow/Dashboard.css
new file mode 100644
index 00000000..a055e4e7
--- /dev/null
+++ b/packages/core/src/components/workflow/Dashboard.css
@@ -0,0 +1,73 @@
+.CMS_Dashboard_root {
+  @apply flex
+    flex-col
+    min-h-full;
+
+  &.CMS_Dashboard_dragging {
+    & .CMS_Dashboard_board {
+      @apply snap-none;
+    }
+  }
+}
+
+.CMS_Dashboard_header-wrapper {
+  background: var(--background-dark);
+  border-color: var(--background-main);
+
+  @apply flex
+    flex-col
+    gap-2
+    p-4
+    drop-shadow-md
+    border-b
+    sticky
+    top-0
+    z-[100];
+}
+
+.CMS_Dashboard_header {
+  color: var(--text-primary);
+
+  @apply text-xl
+    font-semibold
+    flex
+    items-center
+    gap-2
+    md:w-auto;
+}
+
+.CMS_Dashboard_header-icon-wrapper {
+  @apply flex
+    items-center;
+}
+
+.CMS_Dashboard_header-icon {
+  @apply w-6
+    h-6;
+}
+
+.CMS_Dashboard_header-label {
+  @apply w-full
+    truncate;
+}
+
+.CMS_Dashboard_header-description {
+  color: var(--text-secondary);
+
+  @apply w-full
+    text-sm;
+}
+
+.CMS_Dashboard_board {
+  @apply relative
+    flex-grow
+    flex
+    md:w-full
+    pt-3
+    px-4
+    pb-4
+    snap-x
+    snap-mandatory
+    overflow-x-auto
+    gap-4;
+}
diff --git a/packages/core/src/components/workflow/Dashboard.tsx b/packages/core/src/components/workflow/Dashboard.tsx
new file mode 100644
index 00000000..a962329f
--- /dev/null
+++ b/packages/core/src/components/workflow/Dashboard.tsx
@@ -0,0 +1,174 @@
+import {
+  DndContext,
+  DragOverlay,
+  defaultDropAnimation,
+  useSensor,
+  useSensors,
+} from '@dnd-kit/core';
+import { Dashboard as DashboardIcon } from '@styled-icons/material/Dashboard';
+import React, { useCallback, useMemo, useState } from 'react';
+
+import { updateUnpublishedEntryStatus } from '@staticcms/core/actions/editorialWorkflow';
+import { WorkflowStatus } from '@staticcms/core/constants/publishModes';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
+import classNames from '@staticcms/core/lib/util/classNames.util';
+import { PointerSensor } from '@staticcms/core/lib/util/dnd.util';
+import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
+import { selectUseOpenAuthoring } from '@staticcms/core/reducers/selectors/globalUI';
+import { useAppDispatch, useAppSelector } from '@staticcms/core/store/hooks';
+import MainView from '../MainView';
+import ActiveWorkflowCard from './ActiveWorkflowCard';
+import WorkflowColumn from './WorkflowColumn';
+import useWorkflowBoardSections from './hooks/useWorkflowBoardSections';
+import useWorkflowEntriesByCollection from './hooks/useWorkflowEntriesByCollection';
+import { getEntryId } from './util/workflow.util';
+
+import type { DragEndEvent, DragOverEvent, DragStartEvent } from '@dnd-kit/core';
+import type { FC } from 'react';
+
+import './Dashboard.css';
+
+const classes = generateClassNames('Dashboard', [
+  'root',
+  'dragging',
+  'header-wrapper',
+  'header',
+  'header-icon-wrapper',
+  'header-icon',
+  'header-label',
+  'header-description',
+  'board',
+  'columns',
+]);
+
+const Dashboard: FC = () => {
+  const t = useTranslate();
+
+  const dispatch = useAppDispatch();
+
+  const useOpenAuthoring = useAppSelector(selectUseOpenAuthoring);
+
+  const { boardSections, entriesById, setBoardSections } = useWorkflowBoardSections();
+
+  const inReviewEntries = useWorkflowEntriesByCollection(WorkflowStatus.PENDING_REVIEW);
+  const readyEntries = useWorkflowEntriesByCollection(WorkflowStatus.PENDING_PUBLISH);
+
+  const [isDragging, setIsDragging] = useState(false);
+  const [activeTaskId, setActiveTaskId] = useState<string | null>(null);
+
+  const handleOnDragStart = useCallback(({ active }: DragStartEvent) => {
+    setIsDragging(true);
+    setActiveTaskId(active.id as string);
+  }, []);
+
+  const handleDragOver = ({ active, over }: DragOverEvent) => {
+    // Find the containers
+    const activeEntry = entriesById[active.id as string];
+    const activeStatus = activeEntry.boardStatus;
+    const overStatus = over?.id as WorkflowStatus;
+
+    if (!activeStatus || !overStatus || activeStatus === overStatus) {
+      return;
+    }
+
+    setBoardSections(boardSection => {
+      const activeItems = boardSection[activeStatus];
+
+      // Find the indexes for the items
+      const activeIndex = activeItems.findIndex(entry => getEntryId(entry) === active.id);
+
+      return {
+        ...boardSection,
+        [activeStatus]: [
+          ...boardSection[activeStatus].filter(entry => getEntryId(entry) !== active.id),
+        ],
+        [overStatus]: [boardSections[activeStatus][activeIndex], ...boardSection[overStatus]],
+      };
+    });
+  };
+
+  const handleOnDragEnd = useCallback(
+    ({ over, active }: DragEndEvent) => {
+      const entry = entriesById[active.id];
+      if (entry && entry.status && over) {
+        dispatch(
+          updateUnpublishedEntryStatus(
+            entry.collection,
+            entry.slug,
+            entry.status,
+            over.id as WorkflowStatus,
+          ),
+        );
+      }
+
+      setIsDragging(false);
+      setActiveTaskId(null);
+    },
+    [dispatch, entriesById],
+  );
+
+  const handleOnDragCancel = useCallback(() => {
+    setIsDragging(false);
+    setActiveTaskId(null);
+  }, []);
+
+  const activeEntry = useMemo(
+    () => (activeTaskId ? entriesById[activeTaskId] : null),
+    [activeTaskId, entriesById],
+  );
+
+  const sensors = useSensors(
+    useSensor(PointerSensor, {
+      activationConstraint: {
+        distance: 8,
+      },
+    }),
+  );
+
+  return (
+    <MainView breadcrumbs={[{ name: 'Dashboard' }]} showQuickCreate showLeftNav noMargin>
+      <div className={classNames(classes.root, isDragging && classes.dragging)}>
+        <div className={classes['header-wrapper']}>
+          <h2 className={classes.header}>
+            <div className={classes['header-icon-wrapper']}>
+              <DashboardIcon className={classes['header-icon']} />
+            </div>
+            <div className={classes['header-label']}>{t('workflow.workflow.workflowHeading')}</div>
+          </h2>
+          <div className={classes['header-description']}>
+            {t('workflow.workflow.description', {
+              smart_count: inReviewEntries.length,
+              readyCount: readyEntries.length,
+            })}
+          </div>
+        </div>
+        <DndContext
+          onDragStart={handleOnDragStart}
+          onDragEnd={handleOnDragEnd}
+          onDragOver={handleDragOver}
+          onDragCancel={handleOnDragCancel}
+          sensors={sensors}
+        >
+          <div className={classNames(classes.board, 'CMS_Scrollbar_root')}>
+            {(Object.keys(boardSections) as WorkflowStatus[])
+              .filter(ws => !useOpenAuthoring || ws !== WorkflowStatus.PENDING_PUBLISH)
+              .map(status => (
+                <WorkflowColumn
+                  key={status}
+                  entries={boardSections[status]}
+                  status={status}
+                  dragging={isDragging}
+                  useOpenAuthoring={useOpenAuthoring}
+                />
+              ))}
+          </div>
+          <DragOverlay dropAnimation={defaultDropAnimation}>
+            {activeEntry ? <ActiveWorkflowCard entry={activeEntry} /> : null}
+          </DragOverlay>
+        </DndContext>
+      </div>
+    </MainView>
+  );
+};
+
+export default Dashboard;
diff --git a/packages/core/src/components/workflow/WorkflowCard.css b/packages/core/src/components/workflow/WorkflowCard.css
new file mode 100644
index 00000000..7b4dda10
--- /dev/null
+++ b/packages/core/src/components/workflow/WorkflowCard.css
@@ -0,0 +1,28 @@
+.CMS_WorkflowCard_root {
+  @apply w-full
+    min-h-[100px];
+
+  &:hover {
+    & .CMS_WorkflowCard_actions {
+      @apply visible;
+    }
+  }
+}
+
+.CMS_WorkflowCard_actions {
+  background: color-mix(in srgb, var(--background-dark) 95%, transparent);
+
+  @apply py-1
+    px-2
+    gap-2
+    absolute
+    top-3
+    right-3
+    flex
+    transition-all
+    rounded-md
+    invisible;
+}
+
+.CMS_WorkflowCard_action-button {
+}
diff --git a/packages/core/src/components/workflow/WorkflowCard.tsx b/packages/core/src/components/workflow/WorkflowCard.tsx
new file mode 100644
index 00000000..baa3885c
--- /dev/null
+++ b/packages/core/src/components/workflow/WorkflowCard.tsx
@@ -0,0 +1,191 @@
+import { useDraggable } from '@dnd-kit/core';
+import { Delete as DeleteIcon } from '@styled-icons/material/Delete';
+import { Publish as PublishIcon } from '@styled-icons/material/Publish';
+import React, { useCallback, useMemo } from 'react';
+
+import {
+  deleteUnpublishedEntry,
+  publishUnpublishedEntry,
+} from '@staticcms/core/actions/editorialWorkflow';
+import { WorkflowStatus } from '@staticcms/core/constants/publishModes';
+import {
+  COLLECTION_CARD_HEIGHT,
+  COLLECTION_CARD_HEIGHT_WITHOUT_IMAGE,
+} from '@staticcms/core/constants/views';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
+import { getPreviewCard } from '@staticcms/core/lib/registry';
+import classNames from '@staticcms/core/lib/util/classNames.util';
+import {
+  selectEntryCollectionTitle,
+  selectTemplateName,
+  useInferredFields,
+} from '@staticcms/core/lib/util/collection.util';
+import { isNotNullish, isNullish } from '@staticcms/core/lib/util/null.util';
+import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
+import { selectCollection } from '@staticcms/core/reducers/selectors/collections';
+import { useAppDispatch, useAppSelector } from '@staticcms/core/store/hooks';
+import { useDatetimeFormats } from '@staticcms/datetime/datetime.util';
+import EntryCard from '../collections/entries/EntryCard';
+import IconButton from '../common/button/IconButton';
+import confirm from '../common/confirm/Confirm';
+
+import type { DateTimeField, Entry } from '@staticcms/core';
+import type { FC, MouseEvent } from 'react';
+
+import './WorkflowCard.css';
+
+const classes = generateClassNames('WorkflowCard', [
+  'root',
+  'dragging',
+  'actions',
+  'action-button',
+]);
+
+export interface WorkflowCardProps {
+  entry: Entry;
+  useOpenAuthoring: boolean;
+}
+
+const WorkflowCard: FC<WorkflowCardProps> = ({ entry, useOpenAuthoring }) => {
+  const t = useTranslate();
+  const dispatch = useAppDispatch();
+
+  const { isDragging, setNodeRef, listeners } = useDraggable({
+    id: `${entry.collection}|${entry.slug}`,
+    disabled: useOpenAuthoring,
+  });
+
+  const collection = useAppSelector(state => selectCollection(state, entry.collection));
+  const inferredFields = useInferredFields(collection);
+
+  const dateField = useMemo(
+    () =>
+      collection && 'fields' in collection
+        ? (collection.fields?.find(
+            f => f.name === inferredFields.date && f.widget === 'datetime',
+          ) as DateTimeField)
+        : undefined,
+    [collection, inferredFields.date],
+  );
+
+  const formats = useDatetimeFormats(dateField);
+
+  const height = useMemo(() => {
+    let result = null;
+
+    if (collection) {
+      const templateName = selectTemplateName(collection, entry.slug);
+
+      result = getPreviewCard(templateName)?.getHeight?.({ collection, entry }) ?? null;
+    }
+
+    if (isNullish(result)) {
+      result = isNotNullish(inferredFields.image)
+        ? COLLECTION_CARD_HEIGHT
+        : COLLECTION_CARD_HEIGHT_WITHOUT_IMAGE;
+    }
+
+    return result;
+  }, [collection, entry, inferredFields.image]);
+
+  const handleDeleteChanges = useCallback(
+    async (event: MouseEvent) => {
+      event.stopPropagation();
+
+      if (
+        !(await confirm({
+          title: 'editor.editor.onDeleteUnpublishedChangesTitle',
+          body: 'editor.editor.onDeleteUnpublishedChangesBody',
+          color: 'error',
+        }))
+      ) {
+        return;
+      }
+
+      await dispatch(deleteUnpublishedEntry(entry.collection, entry.slug));
+    },
+    [dispatch, entry.collection, entry.slug],
+  );
+
+  const handlePublishEntry = useCallback(
+    async (event: MouseEvent) => {
+      event.stopPropagation();
+
+      if (entry.status !== WorkflowStatus.PENDING_PUBLISH) {
+        alert({
+          title: 'editor.editor.onPublishingNotReadyTitle',
+          body: {
+            key: 'editor.editor.onPublishingNotReadyBody',
+          },
+        });
+        return;
+      }
+
+      if (
+        !(await confirm({
+          title: 'editor.editor.onPublishingTitle',
+          body: 'editor.editor.onPublishingBody',
+        }))
+      ) {
+        return;
+      }
+
+      await dispatch(publishUnpublishedEntry(entry.collection, entry.slug));
+    },
+    [dispatch, entry.collection, entry.slug, entry.status],
+  );
+
+  const summary = useMemo(() => selectEntryCollectionTitle(collection, entry), [collection, entry]);
+
+  return collection ? (
+    <div
+      ref={setNodeRef}
+      className={classNames(classes.root, isDragging && classes.dragging)}
+      style={{
+        height,
+        opacity: isDragging ? 0 : undefined,
+      }}
+      data-testid={`drag-handle-${summary}`}
+      {...listeners}
+    >
+      <EntryCard
+        entry={entry}
+        imageFieldName={inferredFields.image}
+        descriptionFieldName={inferredFields.description}
+        dateFieldName={inferredFields.date}
+        dateFormats={formats}
+        collection={collection}
+        backTo="/dashboard"
+        useWorkflow
+        noMargin
+      >
+        <div className={classes.actions}>
+          <IconButton
+            icon={DeleteIcon}
+            variant="text"
+            color="error"
+            rootClassName={classes['action-button']}
+            onClick={handleDeleteChanges}
+            title={t('workflow.workflowCard.deleteChanges')}
+            aria-label="delete unpublished changes"
+            data-testid="workflow-dashboard-delete"
+          />
+          {entry.status === WorkflowStatus.PENDING_PUBLISH ? (
+            <IconButton
+              icon={PublishIcon}
+              variant="text"
+              color="secondary"
+              rootClassName={classes['action-button']}
+              onClick={handlePublishEntry}
+              title={t('workflow.workflowCard.publishChanges')}
+              aria-label="publish changes"
+              data-testid="workflow-dashboard-publish"
+            />
+          ) : null}
+        </div>
+      </EntryCard>
+    </div>
+  ) : null;
+};
+
+export default WorkflowCard;
diff --git a/packages/core/src/components/workflow/WorkflowColumn.css b/packages/core/src/components/workflow/WorkflowColumn.css
new file mode 100644
index 00000000..599f75b9
--- /dev/null
+++ b/packages/core/src/components/workflow/WorkflowColumn.css
@@ -0,0 +1,50 @@
+.CMS_WorkflowColumn_root {
+  @apply flex
+    flex-col
+    flex-grow
+    gap-2.5
+    basis-full
+    md:basis-2/6
+    snap-center
+    flex-shrink-0
+    md:flex-shrink;
+
+  &.CMS_WorkflowColumn_over {
+    & .CMS_WorkflowColumn_content {
+      background: color-mix(in srgb, var(--background-light) 50%, transparent);
+    }
+  }
+}
+
+.CMS_WorkflowColumn_content {
+  background: color-mix(in srgb, var(--background-main) 50%, transparent);
+
+  @apply h-full
+    flex
+    flex-col
+    flex-grow
+    rounded-lg
+    p-1;
+}
+
+.CMS_WorkflowColumn_header {
+  @apply text-lg
+    rounded
+    px-3
+    py-1;
+
+  &.CMS_WorkflowColumn_draft {
+    background: color-mix(in srgb, var(--info-main) 75%, transparent);
+    color: var(--info-contrast-color);
+  }
+
+  &.CMS_WorkflowColumn_pending_review {
+    background: color-mix(in srgb, var(--warning-main) 75%, transparent);
+    color: var(--warning-contrast-color);
+  }
+
+  &.CMS_WorkflowColumn_pending_publish {
+    background: color-mix(in srgb, var(--success-main) 75%, transparent);
+    color: var(--success-contrast-color);
+  }
+}
diff --git a/packages/core/src/components/workflow/WorkflowColumn.tsx b/packages/core/src/components/workflow/WorkflowColumn.tsx
new file mode 100644
index 00000000..07cb4f83
--- /dev/null
+++ b/packages/core/src/components/workflow/WorkflowColumn.tsx
@@ -0,0 +1,69 @@
+import { useDroppable } from '@dnd-kit/core';
+import React from 'react';
+
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
+import classNames from '@staticcms/core/lib/util/classNames.util';
+import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
+import WorkflowCard from './WorkflowCard';
+
+import type { WorkflowStatus } from '@staticcms/core/constants/publishModes';
+import type { Entry } from '@staticcms/core';
+import type { FC } from 'react';
+
+import './WorkflowColumn.css';
+
+const classes = generateClassNames('WorkflowColumn', [
+  'root',
+  'dragging',
+  'over',
+  'content',
+  'header',
+  'draft',
+  'pending_review',
+  'pending_publish',
+]);
+
+interface WorkflowColumnProps {
+  entries: Entry[];
+  status: WorkflowStatus;
+  dragging: boolean;
+  useOpenAuthoring: boolean;
+}
+
+const WorkflowColumn: FC<WorkflowColumnProps> = ({
+  entries,
+  status,
+  dragging,
+  useOpenAuthoring,
+}) => {
+  const t = useTranslate();
+
+  const { isOver, setNodeRef } = useDroppable({
+    id: status,
+    disabled: useOpenAuthoring,
+  });
+
+  return (
+    <div
+      ref={setNodeRef}
+      className={classNames(classes.root, dragging && classes.dragging, isOver && classes.over)}
+      aria-label="droppable region draft"
+      data-testid={`drop-zone-${status}`}
+    >
+      <div className={classNames(classes.header, classes[status])}>
+        {t(`workflow.workflowList.${status}`)}
+      </div>
+      <div className={classes.content}>
+        {entries.map(e => (
+          <WorkflowCard
+            key={`${e.collection}|${e.slug}`}
+            entry={e}
+            useOpenAuthoring={useOpenAuthoring}
+          />
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export default WorkflowColumn;
diff --git a/packages/core/src/components/workflow/WorkflowStatusPill.tsx b/packages/core/src/components/workflow/WorkflowStatusPill.tsx
new file mode 100644
index 00000000..44c86b1c
--- /dev/null
+++ b/packages/core/src/components/workflow/WorkflowStatusPill.tsx
@@ -0,0 +1,38 @@
+import React, { useMemo } from 'react';
+
+import { WorkflowStatus } from '@staticcms/core/constants/publishModes';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
+import Pill from '../common/pill/Pill';
+
+import type { FC } from 'react';
+import type { PillProps } from '../common/pill/Pill';
+
+export interface WorkflowStatusPillProps {
+  status: WorkflowStatus | undefined;
+  className?: string;
+}
+
+const WorkflowStatusPill: FC<WorkflowStatusPillProps> = ({ status, className }) => {
+  const t = useTranslate();
+
+  const [label, color]: [string, PillProps['color']] = useMemo(() => {
+    switch (status) {
+      case WorkflowStatus.DRAFT:
+        return [t('editor.editorToolbar.draft'), 'info'];
+      case WorkflowStatus.PENDING_REVIEW:
+        return [t('editor.editorToolbar.inReview'), 'warning'];
+      case WorkflowStatus.PENDING_PUBLISH:
+        return [t('editor.editorToolbar.ready'), 'success'];
+      default:
+        return [t('editor.editorToolbar.published'), 'default'];
+    }
+  }, [status, t]);
+
+  return (
+    <Pill color={color} className={className}>
+      {label}
+    </Pill>
+  );
+};
+
+export default WorkflowStatusPill;
diff --git a/packages/core/src/components/workflow/hooks/useWorkflowBoardSections.ts b/packages/core/src/components/workflow/hooks/useWorkflowBoardSections.ts
new file mode 100644
index 00000000..90035d09
--- /dev/null
+++ b/packages/core/src/components/workflow/hooks/useWorkflowBoardSections.ts
@@ -0,0 +1,61 @@
+import { useEffect, useMemo, useState } from 'react';
+
+import { WorkflowStatus } from '@staticcms/core/constants/publishModes';
+import { selectUnpublishedEntries } from '@staticcms/core/reducers/selectors/editorialWorkflow';
+import { useAppSelector } from '@staticcms/core/store/hooks';
+
+import type { Entry } from '@staticcms/core';
+
+export type BoardEntry = Entry & { boardStatus: WorkflowStatus };
+
+export default function useWorkflowBoardSections() {
+  const [boardSections, setBoardSections] = useState<Record<WorkflowStatus, Entry[]>>({
+    [WorkflowStatus.DRAFT]: [],
+    [WorkflowStatus.PENDING_REVIEW]: [],
+    [WorkflowStatus.PENDING_PUBLISH]: [],
+  });
+
+  const rawEntries = useAppSelector(selectUnpublishedEntries);
+
+  const entriesById = useMemo(
+    () =>
+      (Object.keys(boardSections) as WorkflowStatus[])
+        .reduce((acc, status) => {
+          acc.push(
+            ...boardSections[status].map(e => ({
+              ...e,
+              boardStatus: status,
+            })),
+          );
+          return acc;
+        }, [] as BoardEntry[])
+        .reduce(
+          (acc, entry) => {
+            acc[`${entry.collection}|${entry.slug}`] = entry;
+            return acc;
+          },
+          {} as Record<string, BoardEntry>,
+        ),
+    [boardSections],
+  );
+
+  useEffect(() => {
+    setBoardSections(
+      Object.values(rawEntries).reduce(
+        (acc, entry) => {
+          if (entry.status) {
+            acc[entry.status].push(entry);
+          }
+          return acc;
+        },
+        {
+          [WorkflowStatus.DRAFT]: [],
+          [WorkflowStatus.PENDING_REVIEW]: [],
+          [WorkflowStatus.PENDING_PUBLISH]: [],
+        } as Record<WorkflowStatus, Entry[]>,
+      ),
+    );
+  }, [rawEntries]);
+
+  return { boardSections, entriesById, setBoardSections };
+}
diff --git a/packages/core/src/components/workflow/hooks/useWorkflowEntriesByCollection.ts b/packages/core/src/components/workflow/hooks/useWorkflowEntriesByCollection.ts
new file mode 100644
index 00000000..e6a41c84
--- /dev/null
+++ b/packages/core/src/components/workflow/hooks/useWorkflowEntriesByCollection.ts
@@ -0,0 +1,18 @@
+import { useMemo } from 'react';
+
+import { selectUnpublishedEntries } from '@staticcms/core/reducers/selectors/editorialWorkflow';
+import { useAppSelector } from '@staticcms/core/store/hooks';
+
+import type { WorkflowStatus } from '@staticcms/core/constants/publishModes';
+import type { Entry } from '@staticcms/core';
+
+export type BoardEntry = Entry & { boardStatus: WorkflowStatus };
+
+export default function useWorkflowEntriesByCollection(status: WorkflowStatus) {
+  const entries = useAppSelector(selectUnpublishedEntries);
+
+  return useMemo(
+    () => Object.values(entries).filter(entry => entry.status === status),
+    [entries, status],
+  );
+}
diff --git a/packages/core/src/components/workflow/util/workflow.util.ts b/packages/core/src/components/workflow/util/workflow.util.ts
new file mode 100644
index 00000000..35cd193c
--- /dev/null
+++ b/packages/core/src/components/workflow/util/workflow.util.ts
@@ -0,0 +1,6 @@
+/* eslint-disable import/prefer-default-export */
+import type { Entry } from '@staticcms/core';
+
+export function getEntryId(entry: Entry) {
+  return `${entry.collection}|${entry.slug}`;
+}
diff --git a/packages/core/src/constants.ts b/packages/core/src/constants.ts
index aed3631c..3daeccfd 100644
--- a/packages/core/src/constants.ts
+++ b/packages/core/src/constants.ts
@@ -122,3 +122,31 @@ export const WAIT_UNTIL_ACTION = 'WAIT_UNTIL_ACTION';
 
 // Global UI
 export const THEME_CHANGE = 'THEME_CHANGE';
+export const USE_OPEN_AUTHORING = 'USE_OPEN_AUTHORING';
+
+/*
+ * Editorial Workflow
+ */
+export const UNPUBLISHED_ENTRY_REQUEST = 'UNPUBLISHED_ENTRY_REQUEST';
+export const UNPUBLISHED_ENTRY_SUCCESS = 'UNPUBLISHED_ENTRY_SUCCESS';
+export const UNPUBLISHED_ENTRY_REDIRECT = 'UNPUBLISHED_ENTRY_REDIRECT';
+
+export const UNPUBLISHED_ENTRIES_REQUEST = 'UNPUBLISHED_ENTRIES_REQUEST';
+export const UNPUBLISHED_ENTRIES_SUCCESS = 'UNPUBLISHED_ENTRIES_SUCCESS';
+export const UNPUBLISHED_ENTRIES_FAILURE = 'UNPUBLISHED_ENTRIES_FAILURE';
+
+export const UNPUBLISHED_ENTRY_PERSIST_REQUEST = 'UNPUBLISHED_ENTRY_PERSIST_REQUEST';
+export const UNPUBLISHED_ENTRY_PERSIST_SUCCESS = 'UNPUBLISHED_ENTRY_PERSIST_SUCCESS';
+export const UNPUBLISHED_ENTRY_PERSIST_FAILURE = 'UNPUBLISHED_ENTRY_PERSIST_FAILURE';
+
+export const UNPUBLISHED_ENTRY_STATUS_CHANGE_REQUEST = 'UNPUBLISHED_ENTRY_STATUS_CHANGE_REQUEST';
+export const UNPUBLISHED_ENTRY_STATUS_CHANGE_SUCCESS = 'UNPUBLISHED_ENTRY_STATUS_CHANGE_SUCCESS';
+export const UNPUBLISHED_ENTRY_STATUS_CHANGE_FAILURE = 'UNPUBLISHED_ENTRY_STATUS_CHANGE_FAILURE';
+
+export const UNPUBLISHED_ENTRY_PUBLISH_REQUEST = 'UNPUBLISHED_ENTRY_PUBLISH_REQUEST';
+export const UNPUBLISHED_ENTRY_PUBLISH_SUCCESS = 'UNPUBLISHED_ENTRY_PUBLISH_SUCCESS';
+export const UNPUBLISHED_ENTRY_PUBLISH_FAILURE = 'UNPUBLISHED_ENTRY_PUBLISH_FAILURE';
+
+export const UNPUBLISHED_ENTRY_DELETE_REQUEST = 'UNPUBLISHED_ENTRY_DELETE_REQUEST';
+export const UNPUBLISHED_ENTRY_DELETE_SUCCESS = 'UNPUBLISHED_ENTRY_DELETE_SUCCESS';
+export const UNPUBLISHED_ENTRY_DELETE_FAILURE = 'UNPUBLISHED_ENTRY_DELETE_FAILURE';
diff --git a/packages/core/src/constants/configSchema.tsx b/packages/core/src/constants/configSchema.tsx
index 5d467678..f09b04ca 100644
--- a/packages/core/src/constants/configSchema.tsx
+++ b/packages/core/src/constants/configSchema.tsx
@@ -39,7 +39,7 @@ const i18n = {
       items: localeType,
       uniqueItems: true,
     },
-    defaultLocale: localeType,
+    default_locale: localeType,
   },
 };
 
@@ -89,6 +89,90 @@ const filterRules = {
   ],
 };
 
+const themeColor = (required: boolean) => ({
+  type: 'object',
+  properties: {
+    main: { type: 'string' },
+    light: { type: 'string' },
+    dark: { type: 'string' },
+    contrastColor: { type: 'string' },
+  },
+  required: required ? ['main', 'light', 'dark', 'contrastColor'] : [],
+});
+
+const theme = (required: boolean) => ({
+  type: 'object',
+  properties: {
+    name: { type: 'string' },
+    ...(required ? {} : { extends: { type: 'string' } }),
+    text: {
+      type: 'object',
+      properties: {
+        primary: { type: 'string' },
+        secondary: { type: 'string' },
+        disabled: { type: 'string' },
+      },
+      required: required ? ['primary', 'secondary', 'disabled'] : [],
+    },
+    background: {
+      type: 'object',
+      properties: {
+        main: { type: 'string' },
+        light: { type: 'string' },
+        dark: { type: 'string' },
+        divider: { type: 'string' },
+      },
+      required: required ? ['main', 'light', 'dark', 'divider'] : [],
+    },
+    scrollbar: {
+      type: 'object',
+      properties: {
+        main: { type: 'string' },
+        light: { type: 'string' },
+      },
+      required: required ? ['main', 'light'] : [],
+    },
+    button: {
+      type: 'object',
+      properties: {
+        disabled: { type: 'string' },
+      },
+      required: required ? ['disabled'] : [],
+    },
+    primary: themeColor(required),
+    error: themeColor(required),
+    warning: themeColor(required),
+    info: themeColor(required),
+    success: themeColor(required),
+    codemirror: {
+      type: 'object',
+      properties: {
+        theme: {
+          type: 'string',
+          examples: ['light', 'dark'],
+          enum: ['light', 'dark'],
+        },
+      },
+      required: required ? ['theme'] : [],
+    },
+  },
+  required: required
+    ? [
+        'name',
+        'text',
+        'background',
+        'scrollbar',
+        'button',
+        'primary',
+        'error',
+        'warning',
+        'info',
+        'success',
+        'codemirror',
+      ]
+    : ['name', 'extends'],
+});
+
 /**
  * Config for fields in both file and folder collections.
  */
@@ -135,6 +219,7 @@ const viewFilters = {
   items: {
     type: 'object',
     properties: {
+      name: { type: 'string' },
       label: { type: 'string' },
       field: { type: 'string' },
       pattern: {
@@ -149,7 +234,7 @@ const viewFilters = {
         ],
       },
     },
-    required: ['label', 'field', 'pattern'],
+    required: ['name', 'label', 'field', 'pattern'],
   },
 };
 
@@ -159,11 +244,12 @@ const viewGroups = {
   items: {
     type: 'object',
     properties: {
+      name: { type: 'string' },
       label: { type: 'string' },
       field: { type: 'string' },
       pattern: { type: 'string' },
     },
-    required: ['label', 'field'],
+    required: ['name', 'label', 'field'],
   },
 };
 
@@ -213,6 +299,13 @@ function getConfigSchema() {
             },
           },
           use_large_media_transforms_in_media_library: { type: 'boolean' },
+          /**
+           * Editorial Workflow
+           */
+          always_fork: { type: 'boolean' },
+          open_authoring: { type: 'boolean' },
+          squash_merges: { type: 'boolean' },
+          cms_label_prefix: { type: 'string' },
         },
         required: ['name'],
       },
@@ -260,8 +353,26 @@ function getConfigSchema() {
               },
               required: ['fields'],
             },
-            view_filters: viewFilters,
-            view_groups: viewGroups,
+            view_filters: {
+              type: 'object',
+              properties: {
+                default: {
+                  type: 'string',
+                },
+                filters: viewFilters,
+              },
+              required: ['filters'],
+            },
+            view_groups: {
+              type: 'object',
+              properties: {
+                default: {
+                  type: 'string',
+                },
+                groups: viewGroups,
+              },
+              required: ['groups'],
+            },
             i18n: i18nCollection,
             hide: { type: 'boolean' },
             editor: {
@@ -383,10 +494,16 @@ function getConfigSchema() {
       media_library: {
         type: 'object',
         properties: {
+          display_in_navigation: { type: 'boolean' },
           max_file_size: { type: 'number' },
           folder_support: { type: 'boolean' },
         },
       },
+      publish_mode: {
+        type: 'string',
+        enum: ['simple', 'editorial_workflow'],
+        examples: ['editorial_workflow'],
+      },
       slug: {
         type: 'object',
         properties: {
@@ -420,16 +537,30 @@ function getConfigSchema() {
         },
       },
       search: { type: 'boolean' },
+      theme: {
+        type: 'object',
+        properties: {
+          defaultTheme: { type: 'string' },
+          includeStandardThemes: { type: 'boolean' },
+          themes: {
+            type: 'array',
+            items: { oneOf: [theme(true), theme(false)] },
+          },
+        },
+      },
     },
     required: ['backend', 'collections', 'media_folder'],
   };
 }
 
 function getWidgetSchemas() {
-  const schemas = getWidgets().reduce((acc, widget) => {
-    acc[widget.name] = widget.schema ?? {};
-    return acc;
-  }, {} as Record<string, unknown>);
+  const schemas = getWidgets().reduce(
+    (acc, widget) => {
+      acc[widget.name] = widget.schema ?? {};
+      return acc;
+    },
+    {} as Record<string, unknown>,
+  );
   return { ...schemas };
 }
 
diff --git a/packages/core/src/constants/enums.ts b/packages/core/src/constants/enums.ts
new file mode 100644
index 00000000..e24f4754
--- /dev/null
+++ b/packages/core/src/constants/enums.ts
@@ -0,0 +1,9 @@
+export enum PreviewState {
+  Other = 'other',
+  Success = 'success',
+}
+
+export enum CollectionType {
+  FOLDER,
+  FILES,
+}
diff --git a/packages/core/src/constants/fieldInference.tsx b/packages/core/src/constants/fieldInference.tsx
index cee35ebb..010ffdf8 100644
--- a/packages/core/src/constants/fieldInference.tsx
+++ b/packages/core/src/constants/fieldInference.tsx
@@ -2,11 +2,13 @@ import React from 'react';
 
 import type { InferredField } from '../interface';
 
+export type InferrableField = 'title' | 'shortTitle' | 'author' | 'date' | 'description' | 'image';
+
 export const IDENTIFIER_FIELDS = ['title', 'path'] as const;
 
-export const SORTABLE_FIELDS = ['title', 'date', 'author', 'description'] as const;
+export const SORTABLE_FIELDS = ['title', 'date', 'author', 'description'] as InferrableField[];
 
-export const INFERABLE_FIELDS: Record<string, InferredField> = {
+export const INFERABLE_FIELDS: Record<InferrableField, InferredField> = {
   title: {
     type: 'string',
     secondaryTypes: [],
diff --git a/packages/core/src/constants/publishModes.ts b/packages/core/src/constants/publishModes.ts
new file mode 100644
index 00000000..625ea157
--- /dev/null
+++ b/packages/core/src/constants/publishModes.ts
@@ -0,0 +1,30 @@
+// Create/edit workflow modes
+export const SIMPLE = 'simple';
+export const EDITORIAL_WORKFLOW = 'editorial_workflow';
+
+export type Workflow = typeof SIMPLE | typeof EDITORIAL_WORKFLOW;
+
+export enum WorkflowStatus {
+  DRAFT = 'draft',
+  PENDING_REVIEW = 'pending_review',
+  PENDING_PUBLISH = 'pending_publish',
+}
+
+export const STATUS_DESCRIPTIONS: Record<WorkflowStatus, string> = {
+  [WorkflowStatus.DRAFT]: 'Draft',
+  [WorkflowStatus.PENDING_REVIEW]: 'Waiting for Review',
+  [WorkflowStatus.PENDING_PUBLISH]: 'Waiting to go live',
+};
+
+export function workflowStatusFromString(status: string) {
+  switch (status.toLowerCase()) {
+    case 'draft':
+      return WorkflowStatus.DRAFT;
+    case 'pending_review':
+      return WorkflowStatus.PENDING_REVIEW;
+    case 'pending_publish':
+      return WorkflowStatus.PENDING_PUBLISH;
+    default:
+      return undefined;
+  }
+}
diff --git a/packages/core/src/constants/views.ts b/packages/core/src/constants/views.ts
index 7f0f2736..ed43bdb6 100644
--- a/packages/core/src/constants/views.ts
+++ b/packages/core/src/constants/views.ts
@@ -7,7 +7,7 @@ export const VIEW_STYLES = [VIEW_STYLE_TABLE, VIEW_STYLE_GRID];
 export const COLLECTION_CARD_WIDTH = 240;
 export const COLLECTION_CARD_HEIGHT = 204;
 export const COLLECTION_CARD_IMAGE_HEIGHT = 140;
-export const COLLECTION_CARD_HEIGHT_WITHOUT_IMAGE = 64;
+export const COLLECTION_CARD_HEIGHT_WITHOUT_IMAGE = 56;
 export const COLLECTION_CARD_MARGIN = 10;
 
 export const EDITOR_SIZE_COMPACT = 'compact';
diff --git a/packages/core/src/formats/FileFormatter.ts b/packages/core/src/formats/FileFormatter.ts
index 88a2fb43..8b6e752e 100644
--- a/packages/core/src/formats/FileFormatter.ts
+++ b/packages/core/src/formats/FileFormatter.ts
@@ -1,4 +1,12 @@
+import type { ConfigWithDefaults } from '../interface';
+
 export default abstract class FileFormatter {
-  abstract fromFile(content: string): object;
-  abstract toFile(data: object, sortedKeys?: string[], comments?: Record<string, string>): string;
+  abstract name: string;
+  abstract fromFile(content: string, config: ConfigWithDefaults): object;
+  abstract toFile(
+    data: object,
+    config: ConfigWithDefaults,
+    sortedKeys?: string[],
+    comments?: Record<string, string>,
+  ): string;
 }
diff --git a/packages/core/src/formats/JsonFormatter.ts b/packages/core/src/formats/JsonFormatter.ts
index c235aa34..00e88b7a 100644
--- a/packages/core/src/formats/JsonFormatter.ts
+++ b/packages/core/src/formats/JsonFormatter.ts
@@ -2,6 +2,8 @@ import { isEmpty } from '../lib/util/string.util';
 import FileFormatter from './FileFormatter';
 
 class JsonFormatter extends FileFormatter {
+  name = 'json';
+
   fromFile(content: string) {
     if (isEmpty(content)) {
       return {};
diff --git a/packages/core/src/formats/TomlFormatter.ts b/packages/core/src/formats/TomlFormatter.ts
index eee4f87b..ab64ef78 100644
--- a/packages/core/src/formats/TomlFormatter.ts
+++ b/packages/core/src/formats/TomlFormatter.ts
@@ -3,6 +3,8 @@ import toml from '@iarna/toml';
 import FileFormatter from './FileFormatter';
 
 class TomlFormatter extends FileFormatter {
+  name = 'toml';
+
   fromFile(content: string) {
     return toml.parse(content) as object;
   }
diff --git a/packages/core/src/formats/YamlFormatter.ts b/packages/core/src/formats/YamlFormatter.ts
index 0a331dd1..5f71a7b0 100644
--- a/packages/core/src/formats/YamlFormatter.ts
+++ b/packages/core/src/formats/YamlFormatter.ts
@@ -1,10 +1,11 @@
-import yaml, { isNode, isMap } from 'yaml';
+import yaml, { isMap, isNode } from 'yaml';
 
-import { sortKeys } from './helpers';
-import FileFormatter from './FileFormatter';
 import { isNotNullish } from '../lib/util/null.util';
+import FileFormatter from './FileFormatter';
+import { sortKeys } from './helpers';
 
-import type { Pair, YAMLMap, Node } from 'yaml';
+import type { Node, Pair, YAMLMap } from 'yaml';
+import type { ConfigWithDefaults } from '../interface';
 
 function addComments(items: Array<Pair>, comments: Record<string, string>, prefix = '') {
   items.forEach(item => {
@@ -23,23 +24,45 @@ function addComments(items: Array<Pair>, comments: Record<string, string>, prefi
 }
 
 class YamlFormatter extends FileFormatter {
-  fromFile(content: string) {
+  name = 'yaml';
+
+  fromFile(content: string, config: ConfigWithDefaults) {
     if (content && content.trim().endsWith('---')) {
       content = content.trim().slice(0, -3);
     }
-    return yaml.parse(content);
+
+    return yaml.parse(content, {
+      ...(config.yaml?.parseOptions ?? {}),
+      ...(config.yaml?.documentOptions ?? {}),
+      ...(config.yaml?.schemaOptions ?? {}),
+      ...(config.yaml?.toJsOptions ?? {}),
+    });
   }
 
-  toFile(data: object, sortedKeys: string[] = [], comments: Record<string, string> = {}) {
-    const doc = new yaml.Document();
-    const contents = doc.createNode(data) as YAMLMap<Node>;
+  toFile(
+    data: object,
+    config: ConfigWithDefaults,
+    sortedKeys: string[] = [],
+    comments: Record<string, string> = {},
+  ) {
+    const doc = new yaml.Document({
+      aliasDuplicateObjects: false,
+      ...(config.yaml?.documentOptions ?? {}),
+      ...(config.yaml?.schemaOptions ?? {}),
+      ...(config.yaml?.parseOptions ?? {}),
+      ...(config.yaml?.createNodeOptions ?? {}),
+    });
+    const contents = doc.createNode(data, {
+      aliasDuplicateObjects: false,
+      ...(config.yaml?.createNodeOptions ?? {}),
+    }) as YAMLMap<Node>;
 
     addComments(contents.items as Pair<Node>[], comments);
 
     contents.items.sort(sortKeys(sortedKeys, item => item.key?.toString()));
     doc.contents = contents;
 
-    return doc.toString();
+    return doc.toString(config.yaml?.toStringOptions);
   }
 }
 
diff --git a/packages/core/src/formats/__tests__/YamlFormatter.spec.ts b/packages/core/src/formats/__tests__/YamlFormatter.spec.ts
index ea756282..a675ea34 100644
--- a/packages/core/src/formats/__tests__/YamlFormatter.spec.ts
+++ b/packages/core/src/formats/__tests__/YamlFormatter.spec.ts
@@ -1,5 +1,8 @@
+import { createMockConfig } from '@staticcms/test/data/config.mock';
 import yamlFormatter from '../YamlFormatter';
 
+import type { ConfigWithDefaults } from '@staticcms/core';
+
 jest.unmock('yaml');
 
 const json = {
@@ -7,65 +10,172 @@ const json = {
   keyA: 'valueA',
   keyB: 'valueB',
   keyD: 'valueD',
-  keyC: 'valueC',
-  keyE: 'valueE',
+  keyC: {
+    subKeyC1: 'valueC1',
+    subKeyC2: {
+      subC2SubKeyC1: 'subC2ValueC1',
+    },
+  },
+  keyE: ['valueE1', 'valueE2', 'valueE3', 'valueE4'],
 };
 
 const unsortedYaml = `keyF: valueF
 keyA: valueA
 keyB: valueB
 keyD: valueD
-keyC: valueC
-keyE: valueE
+keyC:
+  subKeyC1: valueC1
+  subKeyC2:
+    subC2SubKeyC1: subC2ValueC1
+keyE:
+  - valueE1
+  - valueE2
+  - valueE3
+  - valueE4
 `;
 
 const sortedYaml = `keyA: valueA
 keyB: valueB
-keyC: valueC
+keyC:
+  subKeyC1: valueC1
+  subKeyC2:
+    subC2SubKeyC1: subC2ValueC1
 keyD: valueD
-keyE: valueE
+keyE:
+  - valueE1
+  - valueE2
+  - valueE3
+  - valueE4
 keyF: valueF
 `;
 
 const sortedCommentedYaml = `keyA: valueA
 # New comment here
 keyB: valueB
-keyC: valueC
+keyC:
+  subKeyC1: valueC1
+  subKeyC2:
+    subC2SubKeyC1: subC2ValueC1
 keyD: valueD
-keyE: valueE
+keyE:
+  - valueE1
+  - valueE2
+  - valueE3
+  - valueE4
 # Last comment
 keyF: valueF
 `;
 
+const doubleQuotedYaml = `"keyF": "valueF"
+"keyA": "valueA"
+"keyB": "valueB"
+"keyD": "valueD"
+"keyC":
+  "subKeyC1": "valueC1"
+  "subKeyC2":
+    "subC2SubKeyC1": "subC2ValueC1"
+"keyE":
+  - "valueE1"
+  - "valueE2"
+  - "valueE3"
+  - "valueE4"
+`;
+
+const noIdentSeqYaml = `keyF: valueF
+keyA: valueA
+keyB: valueB
+keyD: valueD
+keyC:
+  subKeyC1: valueC1
+  subKeyC2:
+    subC2SubKeyC1: subC2ValueC1
+keyE:
+- valueE1
+- valueE2
+- valueE3
+- valueE4
+`;
+
+const flowStyleYaml = `{
+  keyF: valueF,
+  keyA: valueA,
+  keyB: valueB,
+  keyD: valueD,
+  keyC:
+    {
+      subKeyC1: valueC1,
+      subKeyC2: { subC2SubKeyC1: subC2ValueC1 }
+    },
+  keyE: [ valueE1, valueE2, valueE3, valueE4 ]
+}
+`;
+
 describe('YamlFormatter', () => {
+  const config = createMockConfig({ collections: [] }) as ConfigWithDefaults;
+
   describe('toFile', () => {
     it('should convert json to yaml', () => {
-      expect(yamlFormatter.toFile(json)).toEqual(unsortedYaml);
+      expect(yamlFormatter.toFile(json, config)).toEqual(unsortedYaml);
     });
 
     it('should sort yaml', () => {
-      expect(yamlFormatter.toFile(json, ['keyA', 'keyB', 'keyC', 'keyD', 'keyE', 'keyF'])).toEqual(
-        sortedYaml,
-      );
+      expect(
+        yamlFormatter.toFile(json, config, ['keyA', 'keyB', 'keyC', 'keyD', 'keyE', 'keyF']),
+      ).toEqual(sortedYaml);
     });
 
     it('should add comments', () => {
       expect(
-        yamlFormatter.toFile(json, ['keyA', 'keyB', 'keyC', 'keyD', 'keyE', 'keyF'], {
+        yamlFormatter.toFile(json, config, ['keyA', 'keyB', 'keyC', 'keyD', 'keyE', 'keyF'], {
           keyB: 'New comment here',
           keyF: 'Last comment',
         }),
       ).toEqual(sortedCommentedYaml);
     });
+
+    describe('options', () => {
+      it('should convert json to yaml with double quotes', () => {
+        const optionsConfig = createMockConfig({
+          collections: [],
+          yaml: {
+            toStringOptions: { defaultStringType: 'QUOTE_DOUBLE' },
+          },
+        }) as ConfigWithDefaults;
+
+        expect(yamlFormatter.toFile(json, optionsConfig)).toEqual(doubleQuotedYaml);
+      });
+
+      it('should convert json to yaml without additional idents for block sequences', () => {
+        const optionsConfig = createMockConfig({
+          collections: [],
+          yaml: {
+            toStringOptions: { indentSeq: false },
+          },
+        }) as ConfigWithDefaults;
+
+        expect(yamlFormatter.toFile(json, optionsConfig)).toEqual(noIdentSeqYaml);
+      });
+
+      it('should convert json to yaml flow style', () => {
+        const optionsConfig = createMockConfig({
+          collections: [],
+          yaml: {
+            createNodeOptions: { flow: true },
+          },
+        }) as ConfigWithDefaults;
+
+        expect(yamlFormatter.toFile(json, optionsConfig)).toEqual(flowStyleYaml);
+      });
+    });
   });
 
   describe('fromFile', () => {
     it('should convert yaml to json', () => {
-      expect(yamlFormatter.fromFile(unsortedYaml)).toEqual(json);
+      expect(yamlFormatter.fromFile(unsortedYaml, config)).toEqual(json);
     });
 
     it('should handle yaml with comments', () => {
-      expect(yamlFormatter.fromFile(sortedCommentedYaml)).toEqual(json);
+      expect(yamlFormatter.fromFile(sortedCommentedYaml, config)).toEqual(json);
     });
   });
 });
diff --git a/packages/core/src/formats/formats.ts b/packages/core/src/formats/formats.ts
index 0de5de4b..72e8b2c1 100644
--- a/packages/core/src/formats/formats.ts
+++ b/packages/core/src/formats/formats.ts
@@ -3,7 +3,7 @@ import TomlFormatter from './TomlFormatter';
 import YamlFormatter from './YamlFormatter';
 import { FrontmatterInfer, frontmatterJSON, frontmatterTOML, frontmatterYAML } from './frontmatter';
 
-import type { BaseField, Collection, Entry, Format } from '../interface';
+import type { BaseField, CollectionWithDefaults, Entry, Format } from '../interface';
 import type FileFormatter from './FileFormatter';
 import type { Delimiter } from './frontmatter';
 
@@ -47,7 +47,7 @@ function formatByName(name: Format, customDelimiter?: Delimiter): FileFormatter
 }
 
 export function resolveFormat<EF extends BaseField>(
-  collection: Collection<EF>,
+  collection: CollectionWithDefaults<EF>,
   entry: Entry,
 ): FileFormatter | undefined {
   // Check for custom delimiter
diff --git a/packages/core/src/formats/frontmatter.ts b/packages/core/src/formats/frontmatter.ts
index 0aed630f..5b9b60d1 100644
--- a/packages/core/src/formats/frontmatter.ts
+++ b/packages/core/src/formats/frontmatter.ts
@@ -5,6 +5,8 @@ import TomlFormatter from './TomlFormatter';
 import JsonFormatter from './JsonFormatter';
 import FileFormatter from './FileFormatter';
 
+import type { ConfigWithDefaults } from '../interface';
+
 const Languages = {
   YAML: 'yaml',
   TOML: 'toml',
@@ -16,7 +18,7 @@ type Language = (typeof Languages)[keyof typeof Languages];
 export type Delimiter = string | [string, string];
 type Format = { language: Language; delimiters: Delimiter };
 
-const parsers = {
+const parsers = (config: ConfigWithDefaults) => ({
   toml: {
     parse: (input: string) => TomlFormatter.fromFile(input),
     stringify: (metadata: object) => {
@@ -42,16 +44,16 @@ const parsers = {
     },
   },
   yaml: {
-    parse: (input: string) => YamlFormatter.fromFile(input),
+    parse: (input: string) => YamlFormatter.fromFile(input, config),
     stringify: (
       metadata: object,
       opts?: { sortedKeys?: string[]; comments?: Record<string, string> },
     ) => {
       const { sortedKeys, comments } = opts || {};
-      return YamlFormatter.toFile(metadata, sortedKeys, comments);
+      return YamlFormatter.toFile(metadata, config, sortedKeys, comments);
     },
   },
-};
+});
 
 function inferFrontmatterFormat(str: string) {
   const lineEnd = str.indexOf('\n');
@@ -91,6 +93,7 @@ export function getFormatOpts(format?: Language, customDelimiter?: Delimiter) {
 }
 
 export class FrontmatterFormatter extends FileFormatter {
+  name = 'formatter';
   format?: Format;
 
   constructor(format?: Language, customDelimiter?: Delimiter) {
@@ -98,9 +101,9 @@ export class FrontmatterFormatter extends FileFormatter {
     this.format = getFormatOpts(format, customDelimiter);
   }
 
-  fromFile(content: string) {
+  fromFile(content: string, config: ConfigWithDefaults) {
     const format = this.format || inferFrontmatterFormat(content);
-    const result = matter(content, { engines: parsers, ...format });
+    const result = matter(content, { engines: parsers(config), ...format });
     // in the absent of a body when serializing an entry we use an empty one
     // when calling `toFile`, so we don't want to add it when parsing.
     return {
@@ -111,6 +114,7 @@ export class FrontmatterFormatter extends FileFormatter {
 
   toFile(
     data: { body?: string } & Record<string, unknown>,
+    config: ConfigWithDefaults,
     sortedKeys?: string[],
     comments?: Record<string, string>,
   ) {
@@ -124,7 +128,7 @@ export class FrontmatterFormatter extends FileFormatter {
     // https://github.com/jonschlinkert/gray-matter/issues/96
     const trimLastLineBreak = body.slice(-1) !== '\n';
     const file = matter.stringify(body, meta, {
-      engines: parsers,
+      engines: parsers(config),
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore `sortedKeys` is not recognized by gray-matter, so it gets passed through to the parser
       sortedKeys,
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
index 9beb32e9..daba2d22 100644
--- a/packages/core/src/index.ts
+++ b/packages/core/src/index.ts
@@ -3,6 +3,7 @@ import { useNavigate } from 'react-router-dom';
 
 import { currentBackend } from './backend';
 import bootstrap from './bootstrap';
+import useTheme from './components/theme/hooks/useTheme';
 import useEntries from './lib/hooks/useEntries';
 import useFolderSupport from './lib/hooks/useFolderSupport';
 import useHasChildErrors from './lib/hooks/useHasChildErrors';
@@ -19,6 +20,7 @@ export * from './interface';
 export * from './lib';
 export { default as locales } from './locales';
 export * from './widgets';
+export { useTheme };
 
 const CMS = {
   ...Registry,
@@ -44,6 +46,7 @@ if (typeof window !== 'undefined') {
   window.useUUID = window.useUUID || useUUID;
   window.useData = window.useData || useData;
   window.useNavigate = window.useNavigate || useNavigate;
+  window.useTheme = window.useTheme || useTheme;
 }
 
 export default CMS;
diff --git a/packages/core/src/interface.ts b/packages/core/src/interface.ts
index 19472c4b..d5455d27 100644
--- a/packages/core/src/interface.ts
+++ b/packages/core/src/interface.ts
@@ -2,12 +2,21 @@ import type { LanguageName } from '@uiw/codemirror-extensions-langs';
 import type { PropertiesSchema } from 'ajv/dist/types/json-schema';
 import type {
   ComponentType,
+  FC,
   FunctionComponent,
   JSXElementConstructor,
   ReactElement,
   ReactNode,
 } from 'react';
 import type { TranslateProps as ReactPolyglotTranslateProps, t } from 'react-polyglot';
+import type {
+  CreateNodeOptions,
+  DocumentOptions,
+  ParseOptions,
+  SchemaOptions,
+  ToJSOptions,
+  ToStringOptions,
+} from 'yaml';
 import type { MediaFile as BackendMediaFile } from './backend';
 import type { EditorControlProps } from './components/entry-editor/editor-control-pane/EditorControl';
 import type {
@@ -15,6 +24,7 @@ import type {
   SORT_DIRECTION_DESCENDING,
   SORT_DIRECTION_NONE,
 } from './constants';
+import type { Workflow, WorkflowStatus } from './constants/publishModes';
 import type {
   BLOCKQUOTE_TOOLBAR_BUTTON,
   BOLD_TOOLBAR_BUTTON,
@@ -50,8 +60,14 @@ import type {
 import type Cursor from './lib/util/Cursor';
 import type AssetProxy from './valueObjects/AssetProxy';
 
+export interface Page {
+  isFetching?: boolean;
+  page?: number;
+  ids: string[];
+}
+
 export interface Pages {
-  [collection: string]: { isFetching?: boolean; page?: number; ids: string[] };
+  [collection: string]: Page;
 }
 
 export type SortableField<EF extends BaseField = UnknownField> =
@@ -117,11 +133,14 @@ export interface Entry<T = ObjectValue> {
   mediaFiles: MediaFile[];
   author: string;
   updatedOn: string;
-  status?: string;
+  status?: WorkflowStatus;
   newRecord?: boolean;
+  openAuthoring?: boolean;
   isFetching?: boolean;
   isPersisting?: boolean;
   isDeleting?: boolean;
+  isPublishing?: boolean;
+  isUpdatingStatus?: boolean;
   error?: string;
   i18n?: {
     [locale: string]: {
@@ -133,7 +152,7 @@ export interface Entry<T = ObjectValue> {
   };
 }
 
-export type Entities = Record<string, Entry>;
+export type Entries = Record<string, Entry>;
 
 export interface FieldError {
   type: string;
@@ -183,7 +202,7 @@ export interface BaseFieldFilterRule {
 }
 
 export interface FieldPatternFilterRule extends BaseFieldFilterRule {
-  pattern: string;
+  pattern: string | RegExp;
 }
 
 export interface FieldValueFilterRule extends BaseFieldFilterRule {
@@ -194,7 +213,7 @@ export interface FieldValueFilterRule extends BaseFieldFilterRule {
 export type FieldFilterRule = FieldPatternFilterRule | FieldValueFilterRule;
 
 export interface FileNameFilterRule {
-  pattern: string;
+  pattern: string | RegExp;
 }
 
 export type FilterRule = FieldFilterRule | FileNameFilterRule;
@@ -225,8 +244,14 @@ export interface CollectionFile<EF extends BaseField = UnknownField> {
   media_folder?: string;
   public_folder?: string;
   media_library?: MediaLibraryConfig;
-  i18n?: boolean | I18nInfo;
+  i18n?: boolean | Partial<I18nInfo>;
   editor?: EditorConfig;
+  publish?: boolean;
+}
+
+export interface CollectionFileWithDefaults<EF extends BaseField = UnknownField>
+  extends Omit<CollectionFile<EF>, 'i18n'> {
+  i18n?: I18nInfo;
 }
 
 interface Nested {
@@ -247,8 +272,8 @@ export interface I18nSettings {
 export type Format = keyof typeof formatExtensions;
 
 export interface i18nCollection<EF extends BaseField = UnknownField>
-  extends Omit<Collection<EF>, 'i18n'> {
-  i18n: Required<Collection<EF>>['i18n'];
+  extends Omit<CollectionWithDefaults<EF>, 'i18n'> {
+  i18n: Required<CollectionWithDefaults<EF>>['i18n'];
 }
 
 export interface BaseCollection {
@@ -262,9 +287,9 @@ export interface BaseCollection {
   label_singular?: string;
   label: string;
   sortable_fields?: SortableFields;
-  view_filters?: ViewFilter[];
-  view_groups?: ViewGroup[];
-  i18n?: boolean | I18nInfo;
+  view_filters?: ViewFilters;
+  view_groups?: ViewGroups;
+  i18n?: boolean | Partial<I18nInfo>;
   hide?: boolean;
   editor?: EditorConfig;
   identifier_field?: string;
@@ -278,24 +303,52 @@ export interface BaseCollection {
   media_library?: MediaLibraryConfig;
 }
 
+export interface BaseCollectionWithDefaults extends Omit<BaseCollection, 'i18n'> {
+  i18n?: I18nInfo;
+}
+
 export interface FilesCollection<EF extends BaseField = UnknownField> extends BaseCollection {
   files: CollectionFile<EF>[];
 }
 
-export interface FolderCollection<EF extends BaseField = UnknownField> extends BaseCollection {
+export interface FilesCollectionWithDefaults<EF extends BaseField = UnknownField>
+  extends BaseCollectionWithDefaults {
+  files: CollectionFileWithDefaults<EF>[];
+}
+
+export interface BaseFolderCollection<EF extends BaseField = UnknownField> {
   folder: string;
   fields: Field<EF>[];
   create?: boolean;
+  publish?: boolean;
   delete?: boolean;
   nested?: Nested;
+  meta?: {
+    path: string;
+  };
 }
 
+export type FolderCollection<EF extends BaseField = UnknownField> = BaseCollection &
+  BaseFolderCollection<EF>;
+
+export type FolderCollectionWithDefaults<EF extends BaseField = UnknownField> =
+  BaseCollectionWithDefaults & BaseFolderCollection<EF>;
+
 export type Collection<EF extends BaseField = UnknownField> =
   | FilesCollection<EF>
   | FolderCollection<EF>;
 
+export type CollectionWithDefaults<EF extends BaseField = UnknownField> =
+  | FilesCollectionWithDefaults<EF>
+  | FolderCollectionWithDefaults<EF>;
+
 export type Collections<EF extends BaseField = UnknownField> = Record<string, Collection<EF>>;
 
+export type CollectionsWithDefaults<EF extends BaseField = UnknownField> = Record<
+  string,
+  CollectionWithDefaults<EF>
+>;
+
 export type MediaFile = BackendMediaFile & { key?: string };
 
 export interface DisplayURLState {
@@ -312,9 +365,9 @@ export interface MediaPath<T = string | string[]> {
 }
 
 export interface WidgetControlProps<T, F extends BaseField = UnknownField, EV = ObjectValue> {
-  collection: Collection<F>;
-  collectionFile: CollectionFile<F> | undefined;
-  config: Config<F>;
+  collection: CollectionWithDefaults<F>;
+  collectionFile: CollectionFileWithDefaults<F> | undefined;
+  config: ConfigWithDefaults<F>;
   entry: Entry<EV>;
   field: F;
   fieldsErrors: FieldsErrors;
@@ -335,17 +388,15 @@ export interface WidgetControlProps<T, F extends BaseField = UnknownField, EV =
   query: EditorControlProps['query'];
   t: t;
   value: T | undefined | null;
-  theme: 'dark' | 'light';
   controlled: boolean;
 }
 
 export interface WidgetPreviewProps<T = unknown, F extends BaseField = UnknownField> {
-  config: Config<F>;
-  collection: Collection<F>;
+  config: ConfigWithDefaults<F>;
+  collection: CollectionWithDefaults<F>;
   entry: Entry;
   field: RenderedField<F>;
   value: T | undefined | null;
-  theme: 'dark' | 'light';
 }
 
 export type WidgetPreviewComponent<T = unknown, F extends BaseField = UnknownField> =
@@ -368,14 +419,13 @@ export type WidgetsFor<P = ObjectValue> = <K extends keyof P>(
     };
 
 export interface TemplatePreviewProps<T = ObjectValue, EF extends BaseField = UnknownField> {
-  collection: Collection<EF>;
+  collection: CollectionWithDefaults<EF>;
   fields: Field<EF>[];
   entry: Entry<T>;
   document: Document | undefined | null;
   window: Window | undefined | null;
   widgetFor: WidgetFor<T>;
   widgetsFor: WidgetsFor<T>;
-  theme: 'dark' | 'light';
 }
 
 export type TemplatePreviewComponent<
@@ -384,12 +434,12 @@ export type TemplatePreviewComponent<
 > = ComponentType<TemplatePreviewProps<T, EF>>;
 
 export interface TemplatePreviewCardProps<T = EntryData, EF extends BaseField = UnknownField> {
-  collection: Collection<EF>;
+  collection: CollectionWithDefaults<EF>;
   fields: Field<EF>[];
   entry: Entry<T>;
+  status?: WorkflowStatus | 'published';
   widgetFor: WidgetFor<T>;
   widgetsFor: WidgetsFor<T>;
-  theme: 'dark' | 'light';
   hasLocalBackup: boolean;
 }
 
@@ -399,10 +449,9 @@ export type TemplatePreviewCardComponent<
 > = ComponentType<TemplatePreviewCardProps<T, EF>>;
 
 export interface FieldPreviewProps<T = unknown, F extends BaseField = UnknownField> {
-  collection: Collection<F>;
+  collection: CollectionWithDefaults<F>;
   field: Field<F>;
   value: T;
-  theme: 'dark' | 'light';
 }
 
 export type FieldPreviewComponent<T = unknown, F extends BaseField = UnknownField> = ComponentType<
@@ -442,17 +491,24 @@ export interface PersistOptions {
   newEntry?: boolean;
   commitMessage: string;
   collectionName?: string;
-  status?: string;
+  status?: WorkflowStatus;
+
+  /**
+   * Editorial Workflow
+   */
+  useWorkflow?: boolean;
+  unpublished?: boolean;
 }
 
 export interface PersistArgs {
-  config: Config;
+  config: ConfigWithDefaults;
   rootSlug: string | undefined;
-  collection: Collection;
+  collection: CollectionWithDefaults;
   entryDraft: EntryDraft;
   assetProxies: AssetProxy[];
   usedSlugs: string[];
-  status?: string;
+  status?: WorkflowStatus;
+  unpublished?: boolean;
 }
 
 export interface ImplementationEntry {
@@ -501,6 +557,7 @@ export type User = Credentials & {
   login?: string;
   name?: string;
   avatar_url?: string;
+  useOpenAuthoring?: boolean;
 };
 
 export interface ImplementationFile {
@@ -521,9 +578,9 @@ export interface AuthenticatorConfig {
 
 export abstract class BackendClass {
   // eslint-disable-next-line @typescript-eslint/no-empty-function
-  constructor(_config: Config, _options: BackendInitializerOptions) {}
+  constructor(_config: ConfigWithDefaults, _options: BackendInitializerOptions) {}
 
-  abstract authComponent(): (props: TranslatedProps<AuthenticationPageProps>) => JSX.Element;
+  abstract authComponent(): FC<AuthenticationPageProps>;
   abstract restoreUser(user: User): Promise<User>;
 
   abstract authenticate(credentials: Credentials): Promise<User>;
@@ -561,11 +618,43 @@ export abstract class BackendClass {
     action: string,
   ): Promise<{ entries: ImplementationEntry[]; cursor: Cursor }>;
 
-  abstract isGitBackend(): boolean;
   abstract status(): Promise<{
     auth: { status: boolean };
     api: { status: boolean; statusPage: string };
   }>;
+
+  /**
+   * Editorial Workflow
+   */
+  abstract unpublishedEntries: () => Promise<string[]>;
+  abstract unpublishedEntry: (args: {
+    id?: string;
+    collection?: string;
+    slug?: string;
+  }) => Promise<UnpublishedEntry>;
+  abstract unpublishedEntryDataFile: (
+    collection: string,
+    slug: string,
+    path: string,
+    id: string,
+  ) => Promise<string>;
+  abstract unpublishedEntryMediaFile: (
+    collection: string,
+    slug: string,
+    path: string,
+    id: string,
+  ) => Promise<ImplementationMediaFile>;
+  abstract updateUnpublishedEntryStatus: (
+    collection: string,
+    slug: string,
+    newStatus: WorkflowStatus,
+  ) => Promise<void>;
+  abstract publishUnpublishedEntry: (collection: string, slug: string) => Promise<void>;
+  abstract deleteUnpublishedEntry: (collection: string, slug: string) => Promise<void>;
+  abstract getDeployPreview: (
+    collectionName: string,
+    slug: string,
+  ) => Promise<{ url: string; status: string } | null>;
 }
 
 export type CustomIcon = FunctionComponent;
@@ -585,6 +674,10 @@ export interface MediaLibraryConfig {
   folder_support?: boolean;
 }
 
+export interface RootMediaLibraryConfig extends MediaLibraryConfig {
+  display_in_navigation?: boolean;
+}
+
 export type BackendType =
   | 'git-gateway'
   | 'github'
@@ -633,6 +726,9 @@ export interface MediaField extends BaseField {
 export interface BooleanField extends BaseField {
   widget: 'boolean';
   default?: boolean;
+
+  prefix?: string;
+  suffix?: string;
 }
 
 export interface CodeField extends BaseField {
@@ -777,6 +873,9 @@ export interface NumberField extends BaseField {
   max?: number;
 
   step?: number;
+
+  prefix?: string;
+  suffix?: string;
 }
 
 export interface SelectField extends BaseField {
@@ -809,8 +908,15 @@ export interface HiddenField extends BaseField {
   default?: ValueOrNestedValue;
 }
 
-export interface StringOrTextField extends BaseField {
-  widget: 'string' | 'text';
+export interface StringField extends BaseField {
+  widget: 'string';
+  default?: string;
+  prefix?: string;
+  suffix?: string;
+}
+
+export interface TextField extends BaseField {
+  widget: 'text';
   default?: string;
 }
 
@@ -839,24 +945,37 @@ export type Field<EF extends BaseField = UnknownField> =
   | RelationField
   | SelectField
   | HiddenField
-  | StringOrTextField
+  | StringField
+  | TextField
   | UUIDField
   | EF;
 
 export interface ViewFilter {
   id?: string;
+  name: string;
   label: string;
   field: string;
   pattern: string | boolean | number;
 }
 
+export interface ViewFilters {
+  default?: string;
+  filters: ViewFilter[];
+}
+
 export interface ViewGroup {
   id?: string;
+  name: string;
   label: string;
   field: string;
   pattern?: string;
 }
 
+export interface ViewGroups {
+  default?: string;
+  groups: ViewGroup[];
+}
+
 export type SortDirection =
   | typeof SORT_DIRECTION_ASCENDING
   | typeof SORT_DIRECTION_DESCENDING
@@ -894,8 +1013,18 @@ export interface Backend {
     delete?: string;
     uploadMedia?: string;
     deleteMedia?: string;
+    openAuthoring?: string;
   };
   use_large_media_transforms_in_media_library?: boolean;
+
+  /**
+   * Editorial Workflow
+   */
+  always_fork?: boolean;
+  open_authoring?: boolean;
+  squash_merges?: boolean;
+  cms_label_prefix?: string;
+  preview_context?: string;
 }
 
 export interface Slug {
@@ -921,25 +1050,89 @@ export interface Config<EF extends BaseField = UnknownField> {
   media_folder?: string;
   public_folder?: string;
   media_folder_relative?: boolean;
-  media_library?: MediaLibraryConfig;
+  media_library?: RootMediaLibraryConfig;
+  publish_mode?: Workflow;
   slug?: Slug;
   i18n?: I18nInfo;
   local_backend?: boolean | LocalBackend;
   disable_local_backup?: boolean;
   editor?: EditorConfig;
   search?: boolean;
+  theme?: Themes;
+  yaml?: {
+    documentOptions?: DocumentOptions;
+    schemaOptions?: SchemaOptions;
+    createNodeOptions?: CreateNodeOptions;
+    parseOptions?: ParseOptions;
+    toJsOptions?: ToJSOptions;
+    toStringOptions?: ToStringOptions;
+  };
 }
 
-export interface InitOptions<EF extends BaseField = UnknownField> {
-  config: Config<EF>;
+export interface ConfigWithDefaults<EF extends BaseField = UnknownField>
+  extends Omit<Config<EF>, 'collections'> {
+  collections: CollectionWithDefaults<EF>[];
+}
+
+export interface ThemeColor {
+  main: string;
+  light: string;
+  dark: string;
+  contrastColor: string;
+}
+
+export interface Theme {
+  name: string;
+  common: {
+    gray: string;
+  };
+  text: {
+    primary: string;
+    secondary: string;
+    disabled: string;
+  };
+  background: {
+    main: string;
+    light: string;
+    dark: string;
+    divider: string;
+  };
+  scrollbar: {
+    main: string;
+    light: string;
+  };
+  primary: ThemeColor;
+  error: ThemeColor;
+  warning: ThemeColor;
+  info: ThemeColor;
+  success: ThemeColor;
+  codemirror: {
+    theme: 'light' | 'dark';
+  };
+}
+
+export interface PartialTheme extends DeepPartial<Omit<Theme, 'name'>> {
+  name: string;
+  extends: 'light' | 'dark';
+}
+
+export interface Themes {
+  default_theme?: string;
+  include_built_in_themes?: boolean;
+  themes?: (Theme | PartialTheme)[];
 }
 
 export interface BackendInitializerOptions {
   updateUserCredentials: (credentials: Credentials) => void;
+  /**
+   * Editorial Workflow
+   */
+  useWorkflow: boolean;
+  initialWorkflowStatus: WorkflowStatus;
 }
 
 export interface BackendInitializer<EF extends BaseField = UnknownField> {
-  init: (config: Config<EF>, options: BackendInitializerOptions) => BackendClass;
+  init: (config: ConfigWithDefaults<EF>, options: BackendInitializerOptions) => BackendClass;
 }
 
 export interface AuthorData {
@@ -952,21 +1145,48 @@ export interface EventData {
   author: AuthorData;
 }
 
-export interface PreSaveEventListener {
-  name: 'preSave';
-  collection: string;
+export interface PrePublishEventListener {
+  name: 'prePublish';
+  collection?: string;
   file?: string;
   handler: (event: {
     data: EventData;
     collection: string;
+    file: string | undefined;
+  }) => void | Promise<void>;
+}
+
+export interface PostPublishEventListener {
+  name: 'postPublish';
+  collection?: string;
+  file?: string;
+  handler: (event: {
+    data: EventData;
+    collection: string;
+    file: string | undefined;
+  }) => void | Promise<void>;
+}
+
+export interface PreSaveEventListener {
+  name: 'preSave';
+  collection?: string;
+  file?: string;
+  handler: (event: {
+    data: EventData;
+    collection: string;
+    file: string | undefined;
   }) => EntryData | undefined | null | void | Promise<EntryData | undefined | null | void>;
 }
 
 export interface PostSaveEventListener {
   name: 'postSave';
-  collection: string;
+  collection?: string;
   file?: string;
-  handler: (event: { data: EventData; collection: string }) => void | Promise<void>;
+  handler: (event: {
+    data: EventData;
+    collection: string;
+    file: string | undefined;
+  }) => void | Promise<void>;
 }
 
 export interface MountedEventListener {
@@ -976,9 +1196,7 @@ export interface MountedEventListener {
 
 export interface LoginEventListener {
   name: 'login';
-  handler: (event: {
-    author: AuthorData;
-  }) => EntryData | undefined | null | void | Promise<EntryData | undefined | null | void>;
+  handler: (event: { author: AuthorData }) => void | Promise<void>;
 }
 
 export interface LogoutEventListener {
@@ -988,17 +1206,20 @@ export interface LogoutEventListener {
 
 export interface ChangeEventListener {
   name: 'change';
-  collection: string;
+  collection?: string;
   file?: string;
-  field: string;
+  field?: string;
   handler: (event: {
     data: EntryData;
     collection: string;
+    file: string | undefined;
     field: string;
   }) => EntryData | undefined | null | void | Promise<EntryData | undefined | null | void>;
 }
 
 export type EventListener =
+  | PrePublishEventListener
+  | PostPublishEventListener
   | PreSaveEventListener
   | PostSaveEventListener
   | ChangeEventListener
@@ -1023,7 +1244,7 @@ export interface AuthenticationPageProps {
   base_url?: string;
   siteId?: string;
   authEndpoint?: string;
-  config: Config;
+  config: ConfigWithDefaults;
   error?: string | undefined;
   clearHash?: () => void;
 }
@@ -1061,8 +1282,8 @@ export type I18nField =
 
 export interface I18nInfo {
   locales: string[];
-  defaultLocale: string;
-  structure?: I18nStructure;
+  default_locale?: string;
+  structure: I18nStructure;
 }
 
 export interface ProcessedCodeLanguage {
@@ -1087,7 +1308,7 @@ export interface PreviewStyle {
 }
 
 export interface MarkdownPluginFactoryProps {
-  config: Config<MarkdownField>;
+  config: ConfigWithDefaults<MarkdownField>;
   field: MarkdownField;
   mode: 'editor' | 'preview';
 }
@@ -1116,7 +1337,6 @@ export interface MarkdownEditorOptions {
 export type ShortcodeControlProps<P = {}> = P & {
   onChange: (props: P) => void;
   controlProps: WidgetControlProps<string, MarkdownField>;
-  theme: 'dark' | 'light';
 };
 
 export type ShortcodePreviewProps<P = {}> = P & {
@@ -1134,11 +1354,6 @@ export interface ShortcodeConfig<P = {}> {
   preview: ComponentType<ShortcodePreviewProps>;
 }
 
-export enum CollectionType {
-  FOLDER,
-  FILES,
-}
-
 export type DeepPartial<T> = T extends object
   ? {
       [P in keyof T]?: DeepPartial<T[P]>;
@@ -1183,10 +1398,45 @@ export interface BackupEntry {
 }
 
 export interface CollectionEntryData {
-  collection: Collection;
+  collection: CollectionWithDefaults;
   imageFieldName: string | null | undefined;
+  descriptionFieldName: string | null | undefined;
+  dateFieldName: string | null | undefined;
+  dateFormats: DateTimeFormats | undefined;
   viewStyle: ViewStyle;
   entry: Entry;
   key: string;
   collectionLabel?: string;
 }
+
+export interface DateTimeFormats {
+  storageFormat: string;
+  dateFormat: string | boolean;
+  timeFormat: string | boolean;
+  displayFormat: string;
+  timezoneExtra: string;
+}
+
+/**
+ * Editorial Workflow
+ */
+export interface UnpublishedEntry {
+  pullRequestAuthor?: string;
+  slug: string;
+  collection: string;
+  status: WorkflowStatus;
+  diffs: UnpublishedEntryDiff[];
+  updatedAt: string;
+  openAuthoring: boolean;
+}
+
+export interface UnpublishedEntryDiff {
+  id: string;
+  path: string;
+  newFile: boolean;
+}
+
+export interface UnpublishedEntryMediaFile {
+  id: string;
+  path: string;
+}
diff --git a/packages/core/src/lib/__tests__/registry.spec.ts b/packages/core/src/lib/__tests__/registry.spec.ts
new file mode 100644
index 00000000..bdfa3a38
--- /dev/null
+++ b/packages/core/src/lib/__tests__/registry.spec.ts
@@ -0,0 +1,1401 @@
+import { createMockEntry } from '@staticcms/test/data/entry.mock';
+import { invokeEvent, registerEventListener, removeEventListener } from '../registry';
+import set from '../util/set.util';
+
+import type { EventListener } from '@staticcms/core';
+
+jest.spyOn(console, 'info').mockImplementation(() => {});
+
+describe('registry', () => {
+  let listener: EventListener | undefined;
+
+  afterEach(() => {
+    if (listener) {
+      removeEventListener(listener);
+      listener = undefined;
+    }
+  });
+
+  describe('events', () => {
+    it('should invoke registered login event', done => {
+      listener = {
+        name: 'login',
+        handler: ({ author }) => {
+          expect(author).toEqual({
+            login: 'username',
+            name: 'User Name',
+          });
+          done();
+        },
+      };
+
+      registerEventListener(listener);
+
+      invokeEvent({
+        name: 'login',
+        data: {
+          login: 'username',
+          name: 'User Name',
+        },
+      });
+    });
+
+    it('should invoke registered logout event', done => {
+      listener = {
+        name: 'logout',
+        handler: () => {
+          done();
+        },
+      };
+
+      registerEventListener(listener);
+
+      invokeEvent({
+        name: 'logout',
+      });
+    });
+
+    it('should invoke registered mounted event', done => {
+      listener = {
+        name: 'mounted',
+        handler: () => {
+          done();
+        },
+      };
+
+      registerEventListener(listener);
+
+      invokeEvent({
+        name: 'mounted',
+      });
+    });
+
+    describe('change event', () => {
+      describe('folder collection', () => {
+        it('should invoke event listener for all changes', async () => {
+          listener = {
+            name: 'change',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                file: undefined,
+                field: 'path.to.field',
+                data: {
+                  path: {
+                    to: {
+                      field: 'fieldValue',
+                    },
+                  },
+                },
+              });
+
+              return set(data.data, data.field, 'NEW FIELD VALUE');
+            },
+          };
+
+          registerEventListener(listener);
+
+          expect(
+            await invokeEvent({
+              name: 'change',
+              collection: 'collectionName',
+              field: 'path.to.field',
+              fieldName: 'fieldName',
+              data: {
+                path: {
+                  to: {
+                    field: 'fieldValue',
+                  },
+                },
+              },
+            }),
+          ).toEqual({
+            path: {
+              to: {
+                field: 'NEW FIELD VALUE',
+              },
+            },
+          });
+        });
+
+        it('should invoke event listener for whole collection changes', async () => {
+          listener = {
+            name: 'change',
+            collection: 'collectionName',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                file: undefined,
+                field: 'path.to.field',
+                data: {
+                  path: {
+                    to: {
+                      field: 'fieldValue',
+                    },
+                  },
+                },
+              });
+
+              return set(data.data, data.field, 'NEW FIELD VALUE');
+            },
+          };
+
+          registerEventListener(listener);
+
+          expect(
+            await invokeEvent({
+              name: 'change',
+              collection: 'collectionName',
+              field: 'path.to.field',
+              fieldName: 'fieldName',
+              data: {
+                path: {
+                  to: {
+                    field: 'fieldValue',
+                  },
+                },
+              },
+            }),
+          ).toEqual({
+            path: {
+              to: {
+                field: 'NEW FIELD VALUE',
+              },
+            },
+          });
+        });
+
+        it('should invoke event listener for specific field changes', async () => {
+          listener = {
+            name: 'change',
+            collection: 'collectionName',
+            field: 'path.to.field',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                file: undefined,
+                field: 'path.to.field',
+                data: {
+                  path: {
+                    to: {
+                      field: 'fieldValue',
+                    },
+                  },
+                },
+              });
+
+              return set(data.data, data.field, 'NEW FIELD VALUE');
+            },
+          };
+
+          registerEventListener(listener);
+
+          expect(
+            await invokeEvent({
+              name: 'change',
+              collection: 'collectionName',
+              field: 'path.to.field',
+              fieldName: 'fieldName',
+              data: {
+                path: {
+                  to: {
+                    field: 'fieldValue',
+                  },
+                },
+              },
+            }),
+          ).toEqual({
+            path: {
+              to: {
+                field: 'NEW FIELD VALUE',
+              },
+            },
+          });
+        });
+      });
+
+      describe('file collection', () => {
+        it('should invoke event listener for all changes', async () => {
+          listener = {
+            name: 'change',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                file: 'fileName',
+                field: 'path.to.field',
+                data: {
+                  path: {
+                    to: {
+                      field: 'fieldValue',
+                    },
+                  },
+                },
+              });
+
+              return set(data.data, data.field, 'NEW FIELD VALUE');
+            },
+          };
+
+          registerEventListener(listener);
+
+          expect(
+            await invokeEvent({
+              name: 'change',
+              collection: 'collectionName',
+              file: 'fileName',
+              field: 'path.to.field',
+              fieldName: 'fieldName',
+              data: {
+                path: {
+                  to: {
+                    field: 'fieldValue',
+                  },
+                },
+              },
+            }),
+          ).toEqual({
+            path: {
+              to: {
+                field: 'NEW FIELD VALUE',
+              },
+            },
+          });
+        });
+
+        it('should invoke event listener for whole collection changes', async () => {
+          listener = {
+            name: 'change',
+            collection: 'collectionName',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                file: 'fileName',
+                field: 'path.to.field',
+                data: {
+                  path: {
+                    to: {
+                      field: 'fieldValue',
+                    },
+                  },
+                },
+              });
+
+              return set(data.data, data.field, 'NEW FIELD VALUE');
+            },
+          };
+
+          registerEventListener(listener);
+
+          expect(
+            await invokeEvent({
+              name: 'change',
+              collection: 'collectionName',
+              file: 'fileName',
+              field: 'path.to.field',
+              fieldName: 'fieldName',
+              data: {
+                path: {
+                  to: {
+                    field: 'fieldValue',
+                  },
+                },
+              },
+            }),
+          ).toEqual({
+            path: {
+              to: {
+                field: 'NEW FIELD VALUE',
+              },
+            },
+          });
+        });
+
+        it('should invoke event listener for whole file changes', async () => {
+          listener = {
+            name: 'change',
+            collection: 'collectionName',
+            file: 'fileName',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                file: 'fileName',
+                field: 'path.to.field',
+                data: {
+                  path: {
+                    to: {
+                      field: 'fieldValue',
+                    },
+                  },
+                },
+              });
+
+              return set(data.data, data.field, 'NEW FIELD VALUE');
+            },
+          };
+
+          registerEventListener(listener);
+
+          expect(
+            await invokeEvent({
+              name: 'change',
+              collection: 'collectionName',
+              file: 'fileName',
+              field: 'path.to.field',
+              fieldName: 'fieldName',
+              data: {
+                path: {
+                  to: {
+                    field: 'fieldValue',
+                  },
+                },
+              },
+            }),
+          ).toEqual({
+            path: {
+              to: {
+                field: 'NEW FIELD VALUE',
+              },
+            },
+          });
+        });
+
+        it('should invoke event listener for specific field changes', async () => {
+          listener = {
+            name: 'change',
+            collection: 'collectionName',
+            field: 'path.to.field',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                file: 'fileName',
+                field: 'path.to.field',
+                data: {
+                  path: {
+                    to: {
+                      field: 'fieldValue',
+                    },
+                  },
+                },
+              });
+
+              return set(data.data, data.field, 'NEW FIELD VALUE');
+            },
+          };
+
+          registerEventListener(listener);
+
+          expect(
+            await invokeEvent({
+              name: 'change',
+              collection: 'collectionName',
+              file: 'fileName',
+              field: 'path.to.field',
+              fieldName: 'fieldName',
+              data: {
+                path: {
+                  to: {
+                    field: 'fieldValue',
+                  },
+                },
+              },
+            }),
+          ).toEqual({
+            path: {
+              to: {
+                field: 'NEW FIELD VALUE',
+              },
+            },
+          });
+        });
+      });
+    });
+
+    describe('preSave event', () => {
+      describe('folder collection', () => {
+        it('should invoke event listener for all changes', async () => {
+          const entry = createMockEntry({
+            data: {
+              path: {
+                to: {
+                  field: 'fieldValue',
+                },
+              },
+            },
+          });
+
+          listener = {
+            name: 'preSave',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                file: undefined,
+                data: {
+                  author: {
+                    login: 'username',
+                    name: 'User Name',
+                  },
+                  entry,
+                },
+              });
+
+              return set(data.data.entry.data, 'path.to.field', 'NEW FIELD VALUE');
+            },
+          };
+
+          registerEventListener(listener);
+
+          expect(
+            await invokeEvent({
+              name: 'preSave',
+              collection: 'collectionName',
+              data: {
+                author: {
+                  login: 'username',
+                  name: 'User Name',
+                },
+                entry,
+              },
+            }),
+          ).toEqual({
+            path: {
+              to: {
+                field: 'NEW FIELD VALUE',
+              },
+            },
+          });
+        });
+
+        it('should invoke event listener for whole collection changes', async () => {
+          const entry = createMockEntry({
+            data: {
+              path: {
+                to: {
+                  field: 'fieldValue',
+                },
+              },
+            },
+          });
+
+          listener = {
+            name: 'preSave',
+            collection: 'collectionName',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                data: {
+                  author: {
+                    login: 'username',
+                    name: 'User Name',
+                  },
+                  entry,
+                },
+              });
+
+              return set(data.data.entry.data, 'path.to.field', 'NEW FIELD VALUE');
+            },
+          };
+
+          registerEventListener(listener);
+
+          expect(
+            await invokeEvent({
+              name: 'preSave',
+              collection: 'collectionName',
+              data: {
+                author: {
+                  login: 'username',
+                  name: 'User Name',
+                },
+                entry,
+              },
+            }),
+          ).toEqual({
+            path: {
+              to: {
+                field: 'NEW FIELD VALUE',
+              },
+            },
+          });
+        });
+      });
+
+      describe('file collection', () => {
+        it('should invoke event listener for all changes', async () => {
+          const entry = createMockEntry({
+            data: {
+              path: {
+                to: {
+                  field: 'fieldValue',
+                },
+              },
+            },
+          });
+
+          listener = {
+            name: 'preSave',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                file: 'fileName',
+                data: {
+                  author: {
+                    login: 'username',
+                    name: 'User Name',
+                  },
+                  entry,
+                },
+              });
+
+              return set(data.data.entry.data, 'path.to.field', 'NEW FIELD VALUE');
+            },
+          };
+
+          registerEventListener(listener);
+
+          expect(
+            await invokeEvent({
+              name: 'preSave',
+              collection: 'collectionName',
+              file: 'fileName',
+              data: {
+                author: {
+                  login: 'username',
+                  name: 'User Name',
+                },
+                entry,
+              },
+            }),
+          ).toEqual({
+            path: {
+              to: {
+                field: 'NEW FIELD VALUE',
+              },
+            },
+          });
+        });
+
+        it('should invoke event listener for whole collection changes', async () => {
+          const entry = createMockEntry({
+            data: {
+              path: {
+                to: {
+                  field: 'fieldValue',
+                },
+              },
+            },
+          });
+
+          listener = {
+            name: 'preSave',
+            collection: 'collectionName',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                file: 'fileName',
+                data: {
+                  author: {
+                    login: 'username',
+                    name: 'User Name',
+                  },
+                  entry,
+                },
+              });
+
+              return set(data.data.entry.data, 'path.to.field', 'NEW FIELD VALUE');
+            },
+          };
+
+          registerEventListener(listener);
+
+          expect(
+            await invokeEvent({
+              name: 'preSave',
+              collection: 'collectionName',
+              file: 'fileName',
+              data: {
+                author: {
+                  login: 'username',
+                  name: 'User Name',
+                },
+                entry,
+              },
+            }),
+          ).toEqual({
+            path: {
+              to: {
+                field: 'NEW FIELD VALUE',
+              },
+            },
+          });
+        });
+
+        it('should invoke event listener for whole file changes', async () => {
+          const entry = createMockEntry({
+            data: {
+              path: {
+                to: {
+                  field: 'fieldValue',
+                },
+              },
+            },
+          });
+
+          listener = {
+            name: 'preSave',
+            collection: 'collectionName',
+            file: 'fileName',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                file: 'fileName',
+                data: {
+                  author: {
+                    login: 'username',
+                    name: 'User Name',
+                  },
+                  entry,
+                },
+              });
+
+              return set(data.data.entry.data, 'path.to.field', 'NEW FIELD VALUE');
+            },
+          };
+
+          registerEventListener(listener);
+
+          expect(
+            await invokeEvent({
+              name: 'preSave',
+              collection: 'collectionName',
+              file: 'fileName',
+              data: {
+                author: {
+                  login: 'username',
+                  name: 'User Name',
+                },
+                entry,
+              },
+            }),
+          ).toEqual({
+            path: {
+              to: {
+                field: 'NEW FIELD VALUE',
+              },
+            },
+          });
+        });
+      });
+    });
+
+    describe('postSave event', () => {
+      describe('folder collection', () => {
+        it('should invoke event listener for all changes', done => {
+          const entry = createMockEntry({
+            data: {
+              path: {
+                to: {
+                  field: 'fieldValue',
+                },
+              },
+            },
+          });
+
+          listener = {
+            name: 'postSave',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                file: undefined,
+                data: {
+                  author: {
+                    login: 'username',
+                    name: 'User Name',
+                  },
+                  entry,
+                },
+              });
+
+              done();
+            },
+          };
+
+          registerEventListener(listener);
+
+          invokeEvent({
+            name: 'postSave',
+            collection: 'collectionName',
+            data: {
+              author: {
+                login: 'username',
+                name: 'User Name',
+              },
+              entry,
+            },
+          });
+        });
+
+        it('should invoke event listener for whole collection changes', done => {
+          const entry = createMockEntry({
+            data: {
+              path: {
+                to: {
+                  field: 'fieldValue',
+                },
+              },
+            },
+          });
+
+          listener = {
+            name: 'postSave',
+            collection: 'collectionName',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                data: {
+                  author: {
+                    login: 'username',
+                    name: 'User Name',
+                  },
+                  entry,
+                },
+              });
+
+              done();
+            },
+          };
+
+          registerEventListener(listener);
+
+          invokeEvent({
+            name: 'postSave',
+            collection: 'collectionName',
+            data: {
+              author: {
+                login: 'username',
+                name: 'User Name',
+              },
+              entry,
+            },
+          });
+        });
+      });
+
+      describe('file collection', () => {
+        it('should invoke event listener for all changes', done => {
+          const entry = createMockEntry({
+            data: {
+              path: {
+                to: {
+                  field: 'fieldValue',
+                },
+              },
+            },
+          });
+
+          listener = {
+            name: 'postSave',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                file: 'fileName',
+                data: {
+                  author: {
+                    login: 'username',
+                    name: 'User Name',
+                  },
+                  entry,
+                },
+              });
+
+              done();
+            },
+          };
+
+          registerEventListener(listener);
+
+          invokeEvent({
+            name: 'postSave',
+            collection: 'collectionName',
+            file: 'fileName',
+            data: {
+              author: {
+                login: 'username',
+                name: 'User Name',
+              },
+              entry,
+            },
+          });
+        });
+
+        it('should invoke event listener for whole collection changes', done => {
+          const entry = createMockEntry({
+            data: {
+              path: {
+                to: {
+                  field: 'fieldValue',
+                },
+              },
+            },
+          });
+
+          listener = {
+            name: 'postSave',
+            collection: 'collectionName',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                file: 'fileName',
+                data: {
+                  author: {
+                    login: 'username',
+                    name: 'User Name',
+                  },
+                  entry,
+                },
+              });
+
+              done();
+            },
+          };
+
+          registerEventListener(listener);
+
+          invokeEvent({
+            name: 'postSave',
+            collection: 'collectionName',
+            file: 'fileName',
+            data: {
+              author: {
+                login: 'username',
+                name: 'User Name',
+              },
+              entry,
+            },
+          });
+        });
+
+        it('should invoke event listener for whole file changes', done => {
+          const entry = createMockEntry({
+            data: {
+              path: {
+                to: {
+                  field: 'fieldValue',
+                },
+              },
+            },
+          });
+
+          listener = {
+            name: 'postSave',
+            collection: 'collectionName',
+            file: 'fileName',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                file: 'fileName',
+                data: {
+                  author: {
+                    login: 'username',
+                    name: 'User Name',
+                  },
+                  entry,
+                },
+              });
+
+              done();
+            },
+          };
+
+          registerEventListener(listener);
+
+          invokeEvent({
+            name: 'postSave',
+            collection: 'collectionName',
+            file: 'fileName',
+            data: {
+              author: {
+                login: 'username',
+                name: 'User Name',
+              },
+              entry,
+            },
+          });
+        });
+      });
+    });
+
+    describe('prePublish event', () => {
+      describe('folder collection', () => {
+        it('should invoke event listener for all changes', done => {
+          const entry = createMockEntry({
+            data: {
+              path: {
+                to: {
+                  field: 'fieldValue',
+                },
+              },
+            },
+          });
+
+          listener = {
+            name: 'prePublish',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                file: undefined,
+                data: {
+                  author: {
+                    login: 'username',
+                    name: 'User Name',
+                  },
+                  entry,
+                },
+              });
+
+              done();
+            },
+          };
+
+          registerEventListener(listener);
+
+          invokeEvent({
+            name: 'prePublish',
+            collection: 'collectionName',
+            data: {
+              author: {
+                login: 'username',
+                name: 'User Name',
+              },
+              entry,
+            },
+          });
+        });
+
+        it('should invoke event listener for whole collection changes', done => {
+          const entry = createMockEntry({
+            data: {
+              path: {
+                to: {
+                  field: 'fieldValue',
+                },
+              },
+            },
+          });
+
+          listener = {
+            name: 'prePublish',
+            collection: 'collectionName',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                data: {
+                  author: {
+                    login: 'username',
+                    name: 'User Name',
+                  },
+                  entry,
+                },
+              });
+
+              done();
+            },
+          };
+
+          registerEventListener(listener);
+
+          invokeEvent({
+            name: 'prePublish',
+            collection: 'collectionName',
+            data: {
+              author: {
+                login: 'username',
+                name: 'User Name',
+              },
+              entry,
+            },
+          });
+        });
+      });
+
+      describe('file collection', () => {
+        it('should invoke event listener for all changes', done => {
+          const entry = createMockEntry({
+            data: {
+              path: {
+                to: {
+                  field: 'fieldValue',
+                },
+              },
+            },
+          });
+
+          listener = {
+            name: 'prePublish',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                file: 'fileName',
+                data: {
+                  author: {
+                    login: 'username',
+                    name: 'User Name',
+                  },
+                  entry,
+                },
+              });
+
+              done();
+            },
+          };
+
+          registerEventListener(listener);
+
+          invokeEvent({
+            name: 'prePublish',
+            collection: 'collectionName',
+            file: 'fileName',
+            data: {
+              author: {
+                login: 'username',
+                name: 'User Name',
+              },
+              entry,
+            },
+          });
+        });
+
+        it('should invoke event listener for whole collection changes', done => {
+          const entry = createMockEntry({
+            data: {
+              path: {
+                to: {
+                  field: 'fieldValue',
+                },
+              },
+            },
+          });
+
+          listener = {
+            name: 'prePublish',
+            collection: 'collectionName',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                file: 'fileName',
+                data: {
+                  author: {
+                    login: 'username',
+                    name: 'User Name',
+                  },
+                  entry,
+                },
+              });
+
+              done();
+            },
+          };
+
+          registerEventListener(listener);
+
+          invokeEvent({
+            name: 'prePublish',
+            collection: 'collectionName',
+            file: 'fileName',
+            data: {
+              author: {
+                login: 'username',
+                name: 'User Name',
+              },
+              entry,
+            },
+          });
+        });
+
+        it('should invoke event listener for whole file changes', done => {
+          const entry = createMockEntry({
+            data: {
+              path: {
+                to: {
+                  field: 'fieldValue',
+                },
+              },
+            },
+          });
+
+          listener = {
+            name: 'prePublish',
+            collection: 'collectionName',
+            file: 'fileName',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                file: 'fileName',
+                data: {
+                  author: {
+                    login: 'username',
+                    name: 'User Name',
+                  },
+                  entry,
+                },
+              });
+
+              done();
+            },
+          };
+
+          registerEventListener(listener);
+
+          invokeEvent({
+            name: 'prePublish',
+            collection: 'collectionName',
+            file: 'fileName',
+            data: {
+              author: {
+                login: 'username',
+                name: 'User Name',
+              },
+              entry,
+            },
+          });
+        });
+      });
+    });
+
+    describe('postPublish event', () => {
+      describe('folder collection', () => {
+        it('should invoke event listener for all changes', done => {
+          const entry = createMockEntry({
+            data: {
+              path: {
+                to: {
+                  field: 'fieldValue',
+                },
+              },
+            },
+          });
+
+          listener = {
+            name: 'postPublish',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                file: undefined,
+                data: {
+                  author: {
+                    login: 'username',
+                    name: 'User Name',
+                  },
+                  entry,
+                },
+              });
+
+              done();
+            },
+          };
+
+          registerEventListener(listener);
+
+          invokeEvent({
+            name: 'postPublish',
+            collection: 'collectionName',
+            data: {
+              author: {
+                login: 'username',
+                name: 'User Name',
+              },
+              entry,
+            },
+          });
+        });
+
+        it('should invoke event listener for whole collection changes', done => {
+          const entry = createMockEntry({
+            data: {
+              path: {
+                to: {
+                  field: 'fieldValue',
+                },
+              },
+            },
+          });
+
+          listener = {
+            name: 'postPublish',
+            collection: 'collectionName',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                data: {
+                  author: {
+                    login: 'username',
+                    name: 'User Name',
+                  },
+                  entry,
+                },
+              });
+
+              done();
+            },
+          };
+
+          registerEventListener(listener);
+
+          invokeEvent({
+            name: 'postPublish',
+            collection: 'collectionName',
+            data: {
+              author: {
+                login: 'username',
+                name: 'User Name',
+              },
+              entry,
+            },
+          });
+        });
+      });
+
+      describe('file collection', () => {
+        it('should invoke event listener for all changes', done => {
+          const entry = createMockEntry({
+            data: {
+              path: {
+                to: {
+                  field: 'fieldValue',
+                },
+              },
+            },
+          });
+
+          listener = {
+            name: 'postPublish',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                file: 'fileName',
+                data: {
+                  author: {
+                    login: 'username',
+                    name: 'User Name',
+                  },
+                  entry,
+                },
+              });
+
+              done();
+            },
+          };
+
+          registerEventListener(listener);
+
+          invokeEvent({
+            name: 'postPublish',
+            collection: 'collectionName',
+            file: 'fileName',
+            data: {
+              author: {
+                login: 'username',
+                name: 'User Name',
+              },
+              entry,
+            },
+          });
+        });
+
+        it('should invoke event listener for whole collection changes', done => {
+          const entry = createMockEntry({
+            data: {
+              path: {
+                to: {
+                  field: 'fieldValue',
+                },
+              },
+            },
+          });
+
+          listener = {
+            name: 'postPublish',
+            collection: 'collectionName',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                file: 'fileName',
+                data: {
+                  author: {
+                    login: 'username',
+                    name: 'User Name',
+                  },
+                  entry,
+                },
+              });
+
+              done();
+            },
+          };
+
+          registerEventListener(listener);
+
+          invokeEvent({
+            name: 'postPublish',
+            collection: 'collectionName',
+            file: 'fileName',
+            data: {
+              author: {
+                login: 'username',
+                name: 'User Name',
+              },
+              entry,
+            },
+          });
+        });
+
+        it('should invoke event listener for whole file changes', done => {
+          const entry = createMockEntry({
+            data: {
+              path: {
+                to: {
+                  field: 'fieldValue',
+                },
+              },
+            },
+          });
+
+          listener = {
+            name: 'postPublish',
+            collection: 'collectionName',
+            file: 'fileName',
+            handler: data => {
+              expect(data).toEqual({
+                collection: 'collectionName',
+                file: 'fileName',
+                data: {
+                  author: {
+                    login: 'username',
+                    name: 'User Name',
+                  },
+                  entry,
+                },
+              });
+
+              done();
+            },
+          };
+
+          registerEventListener(listener);
+
+          invokeEvent({
+            name: 'postPublish',
+            collection: 'collectionName',
+            file: 'fileName',
+            data: {
+              author: {
+                login: 'username',
+                name: 'User Name',
+              },
+              entry,
+            },
+          });
+        });
+      });
+    });
+  });
+});
diff --git a/packages/core/src/lib/auth/implicit-oauth.ts b/packages/core/src/lib/auth/implicit-oauth.ts
index 67b00233..0b9ff9e4 100644
--- a/packages/core/src/lib/auth/implicit-oauth.ts
+++ b/packages/core/src/lib/auth/implicit-oauth.ts
@@ -3,7 +3,7 @@ import trimEnd from 'lodash/trimEnd';
 
 import { createNonce, isInsecureProtocol, validateNonce } from './utils';
 
-import type { User, AuthenticatorConfig } from '@staticcms/core/interface';
+import type { User, AuthenticatorConfig } from '@staticcms/core';
 import type { NetlifyError } from './netlify-auth';
 
 export default class ImplicitAuthenticator {
@@ -60,10 +60,13 @@ export default class ImplicitAuthenticator {
     // Remove tokens from hash so that token does not remain in browser history.
     this.clearHash();
 
-    const params = [...hashParams.entries()].reduce((acc, [key, value]) => {
-      acc[key] = value;
-      return acc;
-    }, {} as Record<string, string>);
+    const params = [...hashParams.entries()].reduce(
+      (acc, [key, value]) => {
+        acc[key] = value;
+        return acc;
+      },
+      {} as Record<string, string>,
+    );
 
     const { nonce } = JSON.parse(params.state ?? '');
     const validNonce = validateNonce(nonce);
diff --git a/packages/core/src/lib/auth/netlify-auth.ts b/packages/core/src/lib/auth/netlify-auth.ts
index 758c4813..bc1af566 100644
--- a/packages/core/src/lib/auth/netlify-auth.ts
+++ b/packages/core/src/lib/auth/netlify-auth.ts
@@ -1,7 +1,7 @@
 import trim from 'lodash/trim';
 import trimEnd from 'lodash/trimEnd';
 
-import type { User, AuthenticatorConfig } from '@staticcms/core/interface';
+import type { User, AuthenticatorConfig } from '@staticcms/core';
 
 const NETLIFY_API = 'https://api.netlify.com';
 const AUTH_ENDPOINT = 'auth';
diff --git a/packages/core/src/lib/auth/pkce-oauth.ts b/packages/core/src/lib/auth/pkce-oauth.ts
index dc426de5..f934f4ba 100644
--- a/packages/core/src/lib/auth/pkce-oauth.ts
+++ b/packages/core/src/lib/auth/pkce-oauth.ts
@@ -3,7 +3,7 @@ import trimEnd from 'lodash/trimEnd';
 
 import { createNonce, isInsecureProtocol, validateNonce } from './utils';
 
-import type { User, AuthenticatorConfig } from '@staticcms/core/interface';
+import type { User, AuthenticatorConfig } from '@staticcms/core';
 import type { NetlifyError } from './netlify-auth';
 
 async function sha256(text: string) {
@@ -95,10 +95,13 @@ export default class PkceAuthenticator {
   async completeAuth(cb: (error: Error | NetlifyError | null, data?: User) => void) {
     const searchParams = new URLSearchParams(document.location.search);
 
-    const params = [...searchParams.entries()].reduce((acc, [key, value]) => {
-      acc[key] = value;
-      return acc;
-    }, {} as Record<string, string>);
+    const params = [...searchParams.entries()].reduce(
+      (acc, [key, value]) => {
+        acc[key] = value;
+        return acc;
+      },
+      {} as Record<string, string>,
+    );
 
     // Remove code from url
     window.history.replaceState(null, '', document.location.pathname);
diff --git a/packages/core/src/lib/formatters.ts b/packages/core/src/lib/formatters.ts
index 34a345e8..040c54a2 100644
--- a/packages/core/src/lib/formatters.ts
+++ b/packages/core/src/lib/formatters.ts
@@ -2,8 +2,8 @@ import get from 'lodash/get';
 
 import { COMMIT_AUTHOR, COMMIT_DATE } from '../constants/commitProps';
 import { sanitizeSlug } from './urlHelper';
-import { selectIdentifier, selectInferredField } from './util/collection.util';
-import { selectField } from './util/field.util';
+import { getFields, selectIdentifier, selectInferredField } from './util/collection.util';
+import { getField, selectField } from './util/field.util';
 import set from './util/set.util';
 import { isEmpty } from './util/string.util';
 import {
@@ -15,10 +15,11 @@ import {
 
 import type {
   BaseField,
-  Collection,
-  Config,
+  CollectionWithDefaults,
+  ConfigWithDefaults,
   Entry,
   EntryData,
+  Field,
   Slug,
   UnknownField,
 } from '../interface';
@@ -29,6 +30,7 @@ const commitMessageTemplates = {
   delete: 'Delete {{collection}} “{{slug}}”',
   uploadMedia: 'Upload “{{path}}”',
   deleteMedia: 'Delete “{{path}}”',
+  openAuthoring: '{{message}}',
 } as const;
 
 const variableRegex = /\{\{([^}]+)\}\}/g;
@@ -36,19 +38,20 @@ const variableRegex = /\{\{([^}]+)\}\}/g;
 type Options<EF extends BaseField> = {
   slug?: string;
   path?: string;
-  collection?: Collection<EF>;
+  collection?: CollectionWithDefaults<EF>;
   authorLogin?: string;
   authorName?: string;
 };
 
 export function commitMessageFormatter<EF extends BaseField>(
   type: keyof typeof commitMessageTemplates,
-  config: Config<EF>,
+  config: ConfigWithDefaults<EF>,
   { slug, path, collection, authorLogin, authorName }: Options<EF>,
+  isOpenAuthoring?: boolean,
 ) {
   const templates = { ...commitMessageTemplates, ...(config.backend.commit_messages || {}) };
 
-  return templates[type].replace(variableRegex, (_, variable) => {
+  const commitMessage = templates[type].replace(variableRegex, (_, variable) => {
     switch (variable) {
       case 'slug':
         return slug || '';
@@ -67,6 +70,26 @@ export function commitMessageFormatter<EF extends BaseField>(
         return '';
     }
   });
+
+  if (!isOpenAuthoring) {
+    return commitMessage;
+  }
+
+  const message = templates.openAuthoring?.replace(variableRegex, (_, variable: string) => {
+    switch (variable) {
+      case 'message':
+        return commitMessage;
+      case 'author-login':
+        return authorLogin || '';
+      case 'author-name':
+        return authorName || '';
+      default:
+        console.warn(`Ignoring unknown variable “${variable}” in open authoring message template.`);
+        return '';
+    }
+  });
+
+  return message;
 }
 
 export function prepareSlug(slug: string) {
@@ -92,9 +115,10 @@ export function getProcessSegment(slugConfig?: Slug, ignoreValues?: string[]) {
 }
 
 export function slugFormatter<EF extends BaseField = UnknownField>(
-  collection: Collection<EF>,
+  collection: CollectionWithDefaults<EF>,
   entryData: EntryData,
-  slugConfig?: Slug,
+  slugConfig: Slug | undefined,
+  fields: Field[] | undefined,
 ): string {
   if (!('fields' in collection)) {
     return '';
@@ -116,13 +140,20 @@ export function slugFormatter<EF extends BaseField = UnknownField>(
 
   const processSegment = getProcessSegment(slugConfig);
   const date = new Date();
-  const slug = compileStringTemplate(slugTemplate, date, identifier, entryData, processSegment);
+  const slug = compileStringTemplate(
+    slugTemplate,
+    date,
+    identifier,
+    entryData,
+    fields,
+    processSegment,
+  );
 
   if (!('path' in collection)) {
     return slug;
   } else {
     const pathTemplate = prepareSlug(collection.path as string);
-    return compileStringTemplate(pathTemplate, date, slug, entryData, (value: string) =>
+    return compileStringTemplate(pathTemplate, date, slug, entryData, fields, (value: string) =>
       value === slug ? value : processSegment(value),
     );
   }
@@ -131,13 +162,18 @@ export function slugFormatter<EF extends BaseField = UnknownField>(
 export function summaryFormatter<EF extends BaseField>(
   summaryTemplate: string,
   entry: Entry,
-  collection: Collection<EF>,
+  collection: CollectionWithDefaults<EF>,
   slugConfig?: Slug,
 ) {
-  const slug = slugFormatter(collection, entry.data, slugConfig);
+  const collectionFields = getFields(collection, entry.slug) as Field[];
+
+  const slug = slugFormatter(collection, entry.data, slugConfig, collectionFields);
 
   let entryData = entry.data;
-  const date = parseDateFromEntry(entry, selectInferredField(collection, 'date')) || null;
+
+  const dateFieldName = selectInferredField(collection, 'date');
+  const dateField = getField(collectionFields, dateFieldName);
+  const date = parseDateFromEntry(entry, dateFieldName, dateField) || null;
 
   entryData =
     addFileTemplateFields(entry.path, entryData, 'folder' in collection ? collection.folder : '') ??
@@ -150,13 +186,13 @@ export function summaryFormatter<EF extends BaseField>(
     entryData = set(entryData, COMMIT_DATE, entry.updatedOn);
   }
 
-  return compileStringTemplate(summaryTemplate, date, slug, entryData);
+  return compileStringTemplate(summaryTemplate, date, slug, entryData, collectionFields);
 }
 
 export function folderFormatter<EF extends BaseField>(
   folderTemplate: string,
   entry: Entry | null | undefined,
-  collection: Collection<EF> | undefined,
+  collection: CollectionWithDefaults<EF> | undefined,
   defaultFolder: string,
   folderKey: string,
   slugConfig?: Slug,
@@ -172,9 +208,22 @@ export function folderFormatter<EF extends BaseField>(
     'folder' in collection ? collection.folder : '',
   );
 
-  const date = parseDateFromEntry(entry, selectInferredField(collection, 'date')) || null;
+  const collectionFields = getFields(collection, entry.slug) as Field[];
+
+  const dateFieldName = selectInferredField(collection, 'date');
+  const dateField = getField(collectionFields, dateFieldName);
+  const date = parseDateFromEntry(entry, dateFieldName, dateField) || null;
 
   const processSegment = getProcessSegment(slugConfig, [defaultFolder, fields?.dirname as string]);
 
-  return compileStringTemplate(folderTemplate, date, entry.slug, fields, processSegment);
+  const mediaFolder = compileStringTemplate(
+    folderTemplate,
+    date,
+    entry.slug,
+    fields,
+    collectionFields,
+    processSegment,
+  );
+
+  return mediaFolder;
 }
diff --git a/packages/core/src/lib/hooks/__tests__/useMediaFiles.spec.tsx b/packages/core/src/lib/hooks/__tests__/useMediaFiles.spec.tsx
index 0cb2ff28..f674a0e8 100644
--- a/packages/core/src/lib/hooks/__tests__/useMediaFiles.spec.tsx
+++ b/packages/core/src/lib/hooks/__tests__/useMediaFiles.spec.tsx
@@ -11,13 +11,13 @@ import { selectConfig } from '@staticcms/core/reducers/selectors/config';
 import { selectEditingDraft } from '@staticcms/core/reducers/selectors/entryDraft';
 import { selectMediaLibraryFiles } from '@staticcms/core/reducers/selectors/mediaLibrary';
 import { useAppSelector } from '@staticcms/core/store/hooks';
-import { createMockCollection } from '@staticcms/test/data/collections.mock';
+import { createMockFolderCollection } from '@staticcms/test/data/collections.mock';
 import { createMockConfig } from '@staticcms/test/data/config.mock';
 import { createMockEntry } from '@staticcms/test/data/entry.mock';
-import useMediaFiles from '../useMediaFiles';
 import { mockFileField } from '@staticcms/test/data/fields.mock';
+import useMediaFiles from '../useMediaFiles';
 
-import type { MediaField, MediaFile } from '@staticcms/core/interface';
+import type { MediaField, MediaFile } from '@staticcms/core';
 import type { FC } from 'react';
 
 interface MockWidgetProps {
@@ -123,7 +123,7 @@ const testEntryMediaFiles: Record<string, MediaFile[]> = {
 };
 
 describe('useMediaFiles', () => {
-  const mockSelectCollection = selectCollection as jest.Mock;
+  const mockSelectCollection = selectCollection as unknown as jest.Mock;
   const mockSelectConfig = selectConfig as jest.Mock;
   const mockSelectEditingDraft = selectEditingDraft as jest.Mock;
   const mockSelectMediaLibraryFiles = selectMediaLibraryFiles as jest.Mock;
@@ -132,7 +132,7 @@ describe('useMediaFiles', () => {
 
   const mockGetMedia = jest.fn();
 
-  const mockCollection = createMockCollection();
+  const mockCollection = createMockFolderCollection();
 
   const createMockComponent = async (props: MockWidgetProps = {}) => {
     const { rerender, ...result } = render(<MockWidget {...props} />);
@@ -162,7 +162,7 @@ describe('useMediaFiles', () => {
       return fn();
     });
 
-    mockSelectCollection.mockReturnValue(() => undefined);
+    mockSelectCollection.mockReturnValue(undefined);
     mockSelectConfig.mockReturnValue(
       createMockConfig({
         collections: [mockCollection],
diff --git a/packages/core/src/lib/hooks/index.ts b/packages/core/src/lib/hooks/index.ts
index 4d4a538c..dd0261fd 100644
--- a/packages/core/src/lib/hooks/index.ts
+++ b/packages/core/src/lib/hooks/index.ts
@@ -9,3 +9,4 @@ export { default as useMediaInsert } from './useMediaInsert';
 export { default as useMediaPersist } from './useMediaPersist';
 export { default as useUUID } from './useUUID';
 export { default as useTranslate } from './useTranslate';
+export { default as useCurrentBackend } from './useCurrentBackend';
diff --git a/packages/core/src/lib/hooks/useBreadcrumbs.ts b/packages/core/src/lib/hooks/useBreadcrumbs.ts
index ccb55837..fc4a833e 100644
--- a/packages/core/src/lib/hooks/useBreadcrumbs.ts
+++ b/packages/core/src/lib/hooks/useBreadcrumbs.ts
@@ -5,21 +5,22 @@ import { useAppDispatch } from '@staticcms/core/store/hooks';
 import { selectEntryCollectionTitle, selectFolderEntryExtension } from '../util/collection.util';
 import { addFileTemplateFields } from '../widgets/stringTemplate';
 import useEntries from './useEntries';
+import useTranslate from './useTranslate';
 
-import type { Breadcrumb, Collection, Entry } from '@staticcms/core/interface';
-import type { t } from 'react-polyglot';
+import type { Breadcrumb, CollectionWithDefaults, Entry } from '@staticcms/core';
 
 interface EntryDetails {
   isNewEntry: boolean;
   summary: string;
-  t: t;
 }
 
 export default function useBreadcrumbs(
-  collection: Collection,
+  collection: CollectionWithDefaults,
   filterTerm: string | undefined | null,
   entryDetails?: EntryDetails,
 ) {
+  const t = useTranslate();
+
   const entries = useEntries(collection);
   const dispatch = useAppDispatch();
 
@@ -39,10 +40,13 @@ export default function useBreadcrumbs(
     ];
 
     if ('nested' in collection && collection.nested?.path && filterTerm) {
-      const entriesByPath = entries.reduce((acc, entry) => {
-        acc[entry.path] = entry;
-        return acc;
-      }, {} as Record<string, Entry>);
+      const entriesByPath = entries.reduce(
+        (acc, entry) => {
+          acc[entry.path] = entry;
+          return acc;
+        },
+        {} as Record<string, Entry>,
+      );
 
       const path = filterTerm.split('/');
       if (path.length > 0) {
@@ -76,7 +80,7 @@ export default function useBreadcrumbs(
     }
 
     if (entryDetails) {
-      const { isNewEntry, summary, t } = entryDetails;
+      const { isNewEntry, summary } = entryDetails;
       crumbs.push({
         name: isNewEntry
           ? t('collection.collectionTop.newButton', {
@@ -88,5 +92,5 @@ export default function useBreadcrumbs(
     }
 
     return crumbs;
-  }, [collection, entries, entryDetails, filterTerm]);
+  }, [collection, entries, entryDetails, filterTerm, t]);
 }
diff --git a/packages/core/src/lib/hooks/useCurrentBackend.ts b/packages/core/src/lib/hooks/useCurrentBackend.ts
new file mode 100644
index 00000000..8fd32128
--- /dev/null
+++ b/packages/core/src/lib/hooks/useCurrentBackend.ts
@@ -0,0 +1,19 @@
+import { useMemo } from 'react';
+
+import { currentBackend } from '@staticcms/core/backend';
+import { selectConfig } from '@staticcms/core/reducers/selectors/config';
+import { useAppSelector } from '@staticcms/core/store/hooks';
+
+import type { Backend } from '@staticcms/core/backend';
+
+export default function useCurrentBackend(): Backend | undefined {
+  const config = useAppSelector(selectConfig);
+
+  return useMemo(() => {
+    if (!config) {
+      return undefined;
+    }
+
+    return currentBackend(config);
+  }, [config]);
+}
diff --git a/packages/core/src/lib/hooks/useDefaultPath.ts b/packages/core/src/lib/hooks/useDefaultPath.ts
new file mode 100644
index 00000000..a1181669
--- /dev/null
+++ b/packages/core/src/lib/hooks/useDefaultPath.ts
@@ -0,0 +1,13 @@
+import { useMemo } from 'react';
+
+import { selectUseWorkflow } from '@staticcms/core/reducers/selectors/config';
+import { useAppSelector } from '@staticcms/core/store/hooks';
+import { getDefaultPath } from '../util/collection.util';
+
+import type { CollectionsWithDefaults } from '@staticcms/core';
+
+export default function useDefaultPath(collections: CollectionsWithDefaults) {
+  const useWorkflow = useAppSelector(selectUseWorkflow);
+
+  return useMemo(() => getDefaultPath(collections, useWorkflow), [collections, useWorkflow]);
+}
diff --git a/packages/core/src/lib/hooks/useEntries.ts b/packages/core/src/lib/hooks/useEntries.ts
index 94dfc9db..57d359c2 100644
--- a/packages/core/src/lib/hooks/useEntries.ts
+++ b/packages/core/src/lib/hooks/useEntries.ts
@@ -3,27 +3,30 @@ import orderBy from 'lodash/orderBy';
 import { useMemo } from 'react';
 
 import { SORT_DIRECTION_ASCENDING } from '@staticcms/core/constants';
-import { selectEntriesSortField } from '@staticcms/core/reducers/selectors/entries';
+import { selectEntriesSelectedSort } from '@staticcms/core/reducers/selectors/entries';
 import { useAppSelector } from '@staticcms/core/store/hooks';
 import { selectSortDataPath } from '../util/sort.util';
 import useFilters from './useFilters';
 import usePublishedEntries from './usePublishedEntries';
+import useUnpublishedEntries from './useUnpublishedEntries';
 
-import type { Collection } from '@staticcms/core/interface';
+import type { CollectionWithDefaults } from '@staticcms/core';
 
-export default function useEntries(collection: Collection) {
-  const entries = usePublishedEntries(collection.name);
+export default function useEntries(collection: CollectionWithDefaults) {
+  const publishedEntries = usePublishedEntries(collection.name);
+  const unpublishedEntries = useUnpublishedEntries(collection.name);
 
-  const entriesSortFieldSelector = useMemo(
-    () => selectEntriesSortField(collection.name),
-    [collection.name],
+  const filteredPublishedEntries = useMemo(
+    () => publishedEntries.filter(entry => !unpublishedEntries.find(e => e.slug === entry.slug)),
+    [publishedEntries, unpublishedEntries],
   );
-  const sortField = useAppSelector(entriesSortFieldSelector);
+
+  const sortField = useAppSelector(state => selectEntriesSelectedSort(state, collection.name));
 
   const filters = useFilters(collection.name);
 
   return useMemo(() => {
-    let finalEntries = [...entries];
+    let finalEntries = [...unpublishedEntries, ...filteredPublishedEntries];
 
     if (sortField) {
       const key = selectSortDataPath(collection, sortField.key);
@@ -36,7 +39,7 @@ export default function useEntries(collection: Collection) {
         const allMatched = filters.every(f => {
           const pattern = f.pattern;
           const field = f.field;
-          const data = e!.data || {};
+          const data = e.data || {};
           const toMatch = get(data, field);
           const matched =
             toMatch !== undefined && new RegExp(String(pattern)).test(String(toMatch));
@@ -47,5 +50,5 @@ export default function useEntries(collection: Collection) {
     }
 
     return finalEntries;
-  }, [collection, entries, filters, sortField]);
+  }, [collection, filters, filteredPublishedEntries, sortField, unpublishedEntries]);
 }
diff --git a/packages/core/src/lib/hooks/useEntryCallback.ts b/packages/core/src/lib/hooks/useEntryCallback.ts
index 3edac168..68ead357 100644
--- a/packages/core/src/lib/hooks/useEntryCallback.ts
+++ b/packages/core/src/lib/hooks/useEntryCallback.ts
@@ -12,7 +12,7 @@ import DataUpdateEvent from '../util/events/DataEvent';
 import { useWindowEvent } from '../util/window.util';
 import useDebouncedCallback from './useDebouncedCallback';
 
-import type { Collection, EntryData, Field } from '@staticcms/core/interface';
+import type { CollectionWithDefaults, EntryData, Field } from '@staticcms/core';
 
 async function handleChange(
   path: string[],
@@ -32,8 +32,8 @@ async function handleChange(
     newEntry = await invokeEvent({
       name: 'change',
       collection,
-      field: field.name,
-      fieldPath,
+      fieldName: field.name,
+      field: fieldPath,
       data: newEntry,
     });
 
@@ -65,7 +65,7 @@ async function handleChange(
 
 interface EntryCallbackProps {
   hasLivePreview: boolean;
-  collection: Collection;
+  collection: CollectionWithDefaults | undefined;
   slug: string | undefined;
   callback: () => void;
 }
@@ -84,7 +84,11 @@ export default function useEntryCallback({
   const [lastEntryData, setLastEntryData] = useState<EntryData>(cloneDeep(entry?.data));
 
   const runUpdateCheck = useCallback(async () => {
-    if ((hasLivePreview && !livePreviewLoaded) || isEqual(lastEntryData, entry?.data)) {
+    if (
+      !collection ||
+      (hasLivePreview && !livePreviewLoaded) ||
+      isEqual(lastEntryData, entry?.data)
+    ) {
       return;
     }
 
diff --git a/packages/core/src/lib/hooks/useFilters.ts b/packages/core/src/lib/hooks/useFilters.ts
index cf63cbb0..0b907cce 100644
--- a/packages/core/src/lib/hooks/useFilters.ts
+++ b/packages/core/src/lib/hooks/useFilters.ts
@@ -4,11 +4,7 @@ import { selectEntriesFilter } from '@staticcms/core/reducers/selectors/entries'
 import { useAppSelector } from '@staticcms/core/store/hooks';
 
 export default function useFilters(collectionName: string) {
-  const entriesFilterFieldSelector = useMemo(
-    () => selectEntriesFilter(collectionName),
-    [collectionName],
-  );
-  const filters = useAppSelector(entriesFilterFieldSelector);
+  const filters = useAppSelector(state => selectEntriesFilter(state, collectionName));
 
   return useMemo(() => {
     return Object.values(filters ?? {}).filter(v => v?.active === true) || [];
diff --git a/packages/core/src/lib/hooks/useFolderSupport.ts b/packages/core/src/lib/hooks/useFolderSupport.ts
index 20716d1c..bd9211bd 100644
--- a/packages/core/src/lib/hooks/useFolderSupport.ts
+++ b/packages/core/src/lib/hooks/useFolderSupport.ts
@@ -1,11 +1,16 @@
 import { useMemo } from 'react';
 
-import type { Collection, CollectionFile, Config, MediaField } from '@staticcms/core/interface';
+import type {
+  CollectionFileWithDefaults,
+  CollectionWithDefaults,
+  ConfigWithDefaults,
+  MediaField,
+} from '@staticcms/core';
 
 interface UseFolderSupportProps {
-  config?: Config;
-  collection?: Collection;
-  collectionFile?: CollectionFile;
+  config?: ConfigWithDefaults;
+  collection?: CollectionWithDefaults;
+  collectionFile?: CollectionFileWithDefaults;
   field?: MediaField;
 }
 
diff --git a/packages/core/src/lib/hooks/useGroups.ts b/packages/core/src/lib/hooks/useGroups.ts
index 8f44578d..b94ffd92 100644
--- a/packages/core/src/lib/hooks/useGroups.ts
+++ b/packages/core/src/lib/hooks/useGroups.ts
@@ -1,20 +1,16 @@
 import groupBy from 'lodash/groupBy';
 import { useMemo } from 'react';
 
-import { getGroup, selectEntriesGroupField } from '@staticcms/core/reducers/selectors/entries';
+import { getGroup, selectEntriesSelectedGroup } from '@staticcms/core/reducers/selectors/entries';
 import { useAppSelector } from '@staticcms/core/store/hooks';
 import usePublishedEntries from './usePublishedEntries';
 
-import type { GroupOfEntries } from '@staticcms/core/interface';
+import type { GroupOfEntries } from '@staticcms/core';
 
 export default function useGroups(collectionName: string) {
   const entries = usePublishedEntries(collectionName);
 
-  const entriesGroupFieldSelector = useMemo(
-    () => selectEntriesGroupField(collectionName),
-    [collectionName],
-  );
-  const selectedGroup = useAppSelector(entriesGroupFieldSelector);
+  const selectedGroup = useAppSelector(state => selectEntriesSelectedGroup(state, collectionName));
 
   return useMemo(() => {
     if (selectedGroup === undefined) {
@@ -23,6 +19,7 @@ export default function useGroups(collectionName: string) {
 
     let groups: Record<string, { id: string; label: string; value: string | boolean | undefined }> =
       {};
+
     const groupedEntries = groupBy(entries, entry => {
       const group = getGroup(entry, selectedGroup);
       groups = { ...groups, [group.id]: group };
diff --git a/packages/core/src/lib/hooks/useHasChildErrors.ts b/packages/core/src/lib/hooks/useHasChildErrors.ts
index 8934fd59..faded9de 100644
--- a/packages/core/src/lib/hooks/useHasChildErrors.ts
+++ b/packages/core/src/lib/hooks/useHasChildErrors.ts
@@ -2,7 +2,7 @@ import { useMemo } from 'react';
 
 import { getEntryDataPath } from '@staticcms/core/reducers/selectors/entryDraft';
 
-import type { FieldsErrors, I18nSettings } from '@staticcms/core/interface';
+import type { FieldsErrors, I18nSettings } from '@staticcms/core';
 
 export default function useHasChildErrors(
   path: string,
diff --git a/packages/core/src/lib/hooks/useIsMediaAsset.ts b/packages/core/src/lib/hooks/useIsMediaAsset.ts
index 66bc7986..8980c9b2 100644
--- a/packages/core/src/lib/hooks/useIsMediaAsset.ts
+++ b/packages/core/src/lib/hooks/useIsMediaAsset.ts
@@ -7,15 +7,15 @@ import useDebounce from './useDebounce';
 
 import type {
   BaseField,
-  Collection,
+  CollectionWithDefaults,
   Entry,
   MediaField,
   UnknownField,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 
 export default function useIsMediaAsset<T extends MediaField, EF extends BaseField = UnknownField>(
   url: string,
-  collection: Collection<EF>,
+  collection: CollectionWithDefaults<EF>,
   field: T,
   entry: Entry,
   currentFolder?: string,
@@ -29,17 +29,27 @@ export default function useIsMediaAsset<T extends MediaField, EF extends BaseFie
       return;
     }
 
+    let alive = true;
+
     const checkMediaExistence = async () => {
       const asset = await dispatch(
         getAsset<T, EF>(collection, entry, debouncedUrl, field, currentFolder),
       );
-      setExists(
-        Boolean(asset && asset !== emptyAsset && isNotEmpty(asset.toString()) && asset.fileObj),
-      );
+
+      if (alive) {
+        setExists(
+          Boolean(asset && asset !== emptyAsset && isNotEmpty(asset.toString()) && asset.fileObj),
+        );
+      }
     };
 
     checkMediaExistence();
-  }, [collection, dispatch, entry, field, debouncedUrl, currentFolder]);
+
+    return () => {
+      alive = false;
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [debouncedUrl]);
 
   return exists;
 }
diff --git a/packages/core/src/lib/hooks/useMediaAsset.ts b/packages/core/src/lib/hooks/useMediaAsset.ts
index 1a23c22c..b25fdd4c 100644
--- a/packages/core/src/lib/hooks/useMediaAsset.ts
+++ b/packages/core/src/lib/hooks/useMediaAsset.ts
@@ -7,16 +7,21 @@ import useDebounce from './useDebounce';
 
 import type {
   BaseField,
-  Collection,
+  CollectionWithDefaults,
   Entry,
   MediaField,
+  ObjectValue,
   UnknownField,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 
-export function useGetMediaAsset<T extends MediaField, EF extends BaseField = UnknownField>(
-  collection?: Collection<EF>,
+export function useGetMediaAsset<
+  T extends MediaField,
+  EF extends BaseField = UnknownField,
+  D = ObjectValue,
+>(
+  collection?: CollectionWithDefaults<EF>,
   field?: T,
-  entry?: Entry,
+  entry?: Entry<D>,
   currentFolder?: string,
   isDirectory = false,
 ): (url: string | undefined | null) => Promise<string | undefined | null> {
@@ -30,21 +35,29 @@ export function useGetMediaAsset<T extends MediaField, EF extends BaseField = Un
         return url;
       }
 
-      const asset = await dispatch(getAsset<T, EF>(collection, entry, url, field, currentFolder));
+      const asset = await dispatch(
+        getAsset<T, EF>(collection, entry as Entry, url, field, currentFolder),
+      );
 
       if (asset !== emptyAsset) {
         return asset?.toString() ?? '';
       }
+
+      return '';
     },
     [collection, currentFolder, dispatch, entry, field, isDirectory],
   );
 }
 
-export default function useMediaAsset<T extends MediaField, EF extends BaseField = UnknownField>(
+export default function useMediaAsset<
+  T extends MediaField,
+  EF extends BaseField = UnknownField,
+  D = ObjectValue,
+>(
   url: string | undefined | null,
-  collection?: Collection<EF>,
+  collection?: CollectionWithDefaults<EF>,
   field?: T,
-  entry?: Entry,
+  entry?: Entry<D>,
   currentFolder?: string,
   isDirectory?: boolean,
 ): string {
@@ -62,16 +75,23 @@ export default function useMediaAsset<T extends MediaField, EF extends BaseField
       return;
     }
 
+    let alive = true;
+
     const fetchMedia = async () => {
       const asset = await dispatch(
-        getAsset<T, EF>(collection, entry, debouncedUrl, field, currentFolder),
+        getAsset<T, EF>(collection, entry as Entry, debouncedUrl, field, currentFolder),
       );
-      if (asset !== emptyAsset) {
+
+      if (alive) {
         setAssetSource(asset?.toString() ?? '');
       }
     };
 
     fetchMedia();
+
+    return () => {
+      alive = false;
+    };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [debouncedUrl]);
 
diff --git a/packages/core/src/lib/hooks/useMediaFiles.ts b/packages/core/src/lib/hooks/useMediaFiles.ts
index 1ecb60f3..90d751a6 100644
--- a/packages/core/src/lib/hooks/useMediaFiles.ts
+++ b/packages/core/src/lib/hooks/useMediaFiles.ts
@@ -12,7 +12,7 @@ import { selectMediaFolder } from '../util/media.util';
 import useFolderSupport from './useFolderSupport';
 import { fileForEntry } from '../util/collection.util';
 
-import type { MediaField, MediaFile } from '@staticcms/core/interface';
+import type { MediaField, MediaFile } from '@staticcms/core';
 
 export default function useMediaFiles(field?: MediaField, currentFolder?: string): MediaFile[] {
   const [currentFolderMediaFiles, setCurrentFolderMediaFiles] = useState<MediaFile[] | null>(null);
@@ -20,11 +20,7 @@ export default function useMediaFiles(field?: MediaField, currentFolder?: string
   const entry = useAppSelector(selectEditingDraft);
   const config = useAppSelector(selectConfig);
 
-  const collectionSelector = useMemo(
-    () => selectCollection(entry?.collection),
-    [entry?.collection],
-  );
-  const collection = useAppSelector(collectionSelector);
+  const collection = useAppSelector(state => selectCollection(state, entry?.collection));
   const collectionFile = useMemo(
     () => fileForEntry(collection, entry?.slug),
     [collection, entry?.slug],
@@ -75,10 +71,10 @@ export default function useMediaFiles(field?: MediaField, currentFolder?: string
       .filter(f => {
         if (f.name === '.gitkeep') {
           const folder = dirname(f.path);
-          return dirname(folder) === mediaFolder;
+          return dirname(folder) === trim(mediaFolder, '/');
         }
 
-        return dirname(f.path) === mediaFolder;
+        return dirname(f.path) === trim(mediaFolder, '/');
       })
       .map(file => {
         if (file.name === '.gitkeep') {
diff --git a/packages/core/src/lib/hooks/useMediaInsert.ts b/packages/core/src/lib/hooks/useMediaInsert.ts
index 9560e964..095c7310 100644
--- a/packages/core/src/lib/hooks/useMediaInsert.ts
+++ b/packages/core/src/lib/hooks/useMediaInsert.ts
@@ -6,11 +6,11 @@ import { selectMediaPath } from '@staticcms/core/reducers/selectors/mediaLibrary
 import { useAppDispatch, useAppSelector } from '@staticcms/core/store/hooks';
 
 import type {
-  Collection,
+  CollectionWithDefaults,
   MediaField,
   MediaLibrarInsertOptions,
   MediaPath,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 import type { MouseEvent } from 'react';
 
 export interface OpenMediaLibraryProps {
@@ -22,7 +22,7 @@ export interface OpenMediaLibraryProps {
 export default function useMediaInsert<T extends string | string[], F extends MediaField>(
   value: MediaPath<T> | undefined,
   options: {
-    collection: Collection<F>;
+    collection: CollectionWithDefaults<F>;
     field: F;
     controlID?: string;
     forImage?: boolean;
@@ -43,8 +43,7 @@ export default function useMediaInsert<T extends string | string[], F extends Me
   } = options;
 
   const finalControlID = useMemo(() => controlID ?? uuid(), [controlID]);
-  const mediaPathSelector = useMemo(() => selectMediaPath(finalControlID), [finalControlID]);
-  const mediaPath = useAppSelector(mediaPathSelector);
+  const mediaPath = useAppSelector(state => selectMediaPath(state, finalControlID));
 
   useEffect(() => {
     if (mediaPath && (!value || mediaPath.path !== value.path || mediaPath.alt !== value.alt)) {
diff --git a/packages/core/src/lib/hooks/useMediaPersist.ts b/packages/core/src/lib/hooks/useMediaPersist.ts
index ce38ccc8..cb6198db 100644
--- a/packages/core/src/lib/hooks/useMediaPersist.ts
+++ b/packages/core/src/lib/hooks/useMediaPersist.ts
@@ -4,7 +4,7 @@ import { persistMedia } from '@staticcms/core/actions/mediaLibrary';
 import { useAppDispatch } from '@staticcms/core/store/hooks';
 import alert from '../../components/common/alert/Alert';
 
-import type { MediaField, MediaLibraryConfig } from '@staticcms/core/interface';
+import type { MediaField, MediaLibraryConfig } from '@staticcms/core';
 import type { AssetProxy } from '@staticcms/core/valueObjects';
 import type { ChangeEvent, DragEvent } from 'react';
 
diff --git a/packages/core/src/lib/hooks/useNewEntryUrl.ts b/packages/core/src/lib/hooks/useNewEntryUrl.ts
index bf4c2449..ed77b042 100644
--- a/packages/core/src/lib/hooks/useNewEntryUrl.ts
+++ b/packages/core/src/lib/hooks/useNewEntryUrl.ts
@@ -3,10 +3,10 @@ import { useMemo } from 'react';
 import { getNewEntryUrl } from '../urlHelper';
 import { isNotEmpty } from '../util/string.util';
 
-import type { Collection } from '@staticcms/core/interface';
+import type { CollectionWithDefaults } from '@staticcms/core';
 
 export default function useNewEntryUrl(
-  collection: Collection | undefined,
+  collection: CollectionWithDefaults | undefined,
   filterTerm: string | undefined,
 ) {
   return useMemo(() => {
diff --git a/packages/core/src/lib/hooks/usePublishedEntries.ts b/packages/core/src/lib/hooks/usePublishedEntries.ts
index 73e9300b..5e4ddd39 100644
--- a/packages/core/src/lib/hooks/usePublishedEntries.ts
+++ b/packages/core/src/lib/hooks/usePublishedEntries.ts
@@ -7,12 +7,7 @@ import {
 import { useAppSelector } from '@staticcms/core/store/hooks';
 
 export default function usePublishedEntries(collectionName: string) {
-  const publishedSlugsSelector = useMemo(
-    () => selectPublishedSlugs(collectionName),
-    [collectionName],
-  );
-
-  const slugs = useAppSelector(publishedSlugsSelector);
+  const slugs = useAppSelector(state => selectPublishedSlugs(state, collectionName));
   const entries = useAppSelector(selectEntriesBySlugs);
 
   return useMemo(
diff --git a/packages/core/src/lib/hooks/useRefWithCallback.ts b/packages/core/src/lib/hooks/useRefWithCallback.ts
new file mode 100644
index 00000000..78a3eaea
--- /dev/null
+++ b/packages/core/src/lib/hooks/useRefWithCallback.ts
@@ -0,0 +1,18 @@
+import { useCallback, useRef } from 'react';
+
+export default function useRefWithCallback<T>(cb: (node: T) => void) {
+  const ref = useRef<T>(null);
+  const setRef = useCallback(
+    (node: T | null) => {
+      if (node) {
+        cb(node);
+      }
+
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      (ref as any).current = node;
+    },
+    [cb],
+  );
+
+  return setRef;
+}
diff --git a/packages/core/src/lib/hooks/useUnpublishedEntries.ts b/packages/core/src/lib/hooks/useUnpublishedEntries.ts
new file mode 100644
index 00000000..46f89cb2
--- /dev/null
+++ b/packages/core/src/lib/hooks/useUnpublishedEntries.ts
@@ -0,0 +1,16 @@
+import { useMemo } from 'react';
+
+import { selectUnpublishedEntries } from '@staticcms/core/reducers/selectors/editorialWorkflow';
+import { useAppSelector } from '@staticcms/core/store/hooks';
+
+export default function useUnpublishedEntries(collectionName: string, onlyNew = false) {
+  const allEntries = useAppSelector(selectUnpublishedEntries);
+
+  return useMemo(
+    () =>
+      Object.values(allEntries).filter(
+        e => e.collection === collectionName && (!onlyNew || !e.isModification),
+      ),
+    [allEntries, collectionName, onlyNew],
+  );
+}
diff --git a/packages/core/src/lib/i18n.ts b/packages/core/src/lib/i18n.ts
index 303e22de..f5279edb 100644
--- a/packages/core/src/lib/i18n.ts
+++ b/packages/core/src/lib/i18n.ts
@@ -7,7 +7,7 @@ import set from './util/set.util';
 
 import type {
   BaseField,
-  Collection,
+  CollectionWithDefaults,
   Entry,
   EntryData,
   Field,
@@ -19,8 +19,6 @@ import type {
 } from '../interface';
 import type { EntryDraftState } from '../reducers/entryDraft';
 
-export const I18N = 'i18n';
-
 export const I18N_STRUCTURE_MULTIPLE_FOLDERS = 'multiple_folders';
 export const I18N_STRUCTURE_MULTIPLE_FILES = 'multiple_files';
 export const I18N_STRUCTURE_SINGLE_FILE = 'single_file';
@@ -30,27 +28,36 @@ export const I18N_FIELD_DUPLICATE = 'duplicate';
 export const I18N_FIELD_NONE = 'none';
 
 export function hasI18n<EF extends BaseField>(
-  collection: Collection<EF> | i18nCollection<EF>,
+  collection: CollectionWithDefaults<EF> | i18nCollection<EF>,
 ): collection is i18nCollection<EF> {
-  return I18N in collection;
+  return Boolean('i18n' in collection && collection.i18n);
 }
 
 export function getI18nInfo<EF extends BaseField>(collection: i18nCollection<EF>): I18nInfo;
-export function getI18nInfo<EF extends BaseField>(collection: Collection<EF>): I18nInfo | null;
 export function getI18nInfo<EF extends BaseField>(
-  collection: Collection<EF> | i18nCollection<EF>,
+  collection: CollectionWithDefaults<EF>,
+): I18nInfo | null;
+export function getI18nInfo<EF extends BaseField>(
+  collection: CollectionWithDefaults<EF> | i18nCollection<EF>,
 ): I18nInfo | null {
-  if (!hasI18n(collection) || typeof collection[I18N] !== 'object') {
+  if (!hasI18n(collection) || typeof collection.i18n !== 'object') {
     return null;
   }
-  return collection.i18n;
+  return collection.i18n as I18nInfo;
 }
 
-export function getI18nFilesDepth<EF extends BaseField>(collection: Collection<EF>, depth: number) {
-  const { structure } = getI18nInfo(collection) as I18nInfo;
-  if (structure === I18N_STRUCTURE_MULTIPLE_FOLDERS) {
-    return depth + 1;
+export function getI18nFilesDepth<EF extends BaseField>(
+  collection: CollectionWithDefaults<EF>,
+  depth: number,
+) {
+  const i18nInfo = getI18nInfo(collection);
+  if (i18nInfo) {
+    const { structure } = i18nInfo;
+    if (structure === I18N_STRUCTURE_MULTIPLE_FOLDERS) {
+      return depth + 1;
+    }
   }
+
   return depth;
 }
 
@@ -67,10 +74,10 @@ export function isFieldHidden(field: Field, locale?: string, defaultLocale?: str
 }
 
 export function getLocaleDataPath(locale: string) {
-  return [I18N, locale, 'data'];
+  return ['i18n', locale, 'data'];
 }
 
-export function getDataPath(locale: string, defaultLocale: string) {
+export function getDataPath(locale: string, defaultLocale: string | undefined) {
   return locale !== defaultLocale ? getLocaleDataPath(locale) : ['data'];
 }
 
@@ -112,12 +119,17 @@ export function getLocaleFromPath(structure: I18nStructure, extension: string, p
 }
 
 export function getFilePaths<EF extends BaseField>(
-  collection: Collection<EF>,
+  collection: CollectionWithDefaults<EF>,
   extension: string,
   path: string,
   slug: string,
-) {
-  const { structure, locales } = getI18nInfo(collection) as I18nInfo;
+): string[] {
+  const i18nInfo = getI18nInfo(collection);
+  if (!i18nInfo) {
+    return [];
+  }
+
+  const { structure, locales } = i18nInfo;
 
   if (structure === I18N_STRUCTURE_SINGLE_FILE) {
     return [path];
@@ -130,7 +142,15 @@ export function getFilePaths<EF extends BaseField>(
   return paths;
 }
 
-export function normalizeFilePath(structure: I18nStructure, path: string, locale: string) {
+export function normalizeFilePath(
+  structure: I18nStructure,
+  path: string,
+  locale: string | undefined,
+) {
+  if (!locale) {
+    return path;
+  }
+
   switch (structure) {
     case I18N_STRUCTURE_MULTIPLE_FOLDERS:
       return path.replace(`${locale}/`, '');
@@ -142,24 +162,32 @@ export function normalizeFilePath(structure: I18nStructure, path: string, locale
   }
 }
 
+export interface i18nFile {
+  newPath?: string | undefined;
+  path: string;
+  slug: string;
+  raw: string;
+}
+
 export function getI18nFiles<EF extends BaseField>(
-  collection: Collection<EF>,
+  collection: CollectionWithDefaults<EF>,
   extension: string,
   entryDraft: Entry,
   entryToRaw: (entryDraft: Entry) => string,
   path: string,
   slug: string,
   newPath?: string,
-) {
-  const {
-    structure = I18N_STRUCTURE_SINGLE_FILE,
-    defaultLocale,
-    locales,
-  } = getI18nInfo(collection) as I18nInfo;
+): i18nFile[] {
+  const i18nInfo = getI18nInfo(collection);
+  if (!i18nInfo) {
+    return [];
+  }
+
+  const { structure = I18N_STRUCTURE_SINGLE_FILE, default_locale, locales } = i18nInfo;
 
   if (structure === I18N_STRUCTURE_SINGLE_FILE) {
     const data = locales.reduce((map, locale) => {
-      const dataPath = getDataPath(locale, defaultLocale);
+      const dataPath = getDataPath(locale, default_locale);
       if (map) {
         map[locale] = get(entryDraft, dataPath);
       }
@@ -180,9 +208,9 @@ export function getI18nFiles<EF extends BaseField>(
     ];
   }
 
-  const dataFiles = locales
+  return locales
     .map(locale => {
-      const dataPath = getDataPath(locale, defaultLocale);
+      const dataPath = getDataPath(locale, default_locale);
       entryDraft.data = get(entryDraft, dataPath);
       return {
         path: getFilePath(structure, extension, path, slug, locale),
@@ -194,34 +222,46 @@ export function getI18nFiles<EF extends BaseField>(
       };
     })
     .filter(dataFile => dataFile.raw);
-  return dataFiles;
 }
 
 export function getI18nBackup(
-  collection: Collection,
+  collection: CollectionWithDefaults,
   entry: Entry,
   entryToRaw: (entry: Entry) => string,
-) {
-  const { locales, defaultLocale } = getI18nInfo(collection) as I18nInfo;
+): Record<
+  string,
+  {
+    raw: string;
+  }
+> {
+  const i18nInfo = getI18nInfo(collection);
+  if (!i18nInfo) {
+    return {};
+  }
+
+  const { locales, default_locale } = i18nInfo;
 
   const i18nBackup = locales
-    .filter(l => l !== defaultLocale)
-    .reduce((acc, locale) => {
-      const dataPath = getDataPath(locale, defaultLocale);
-      const data = get(entry, dataPath);
-      if (!data) {
-        return acc;
-      }
-      return {
-        ...acc,
-        [locale]: {
-          raw: entryToRaw({
-            ...entry,
-            data,
-          }),
-        },
-      };
-    }, {} as Record<string, { raw: string }>);
+    .filter(l => l !== default_locale)
+    .reduce(
+      (acc, locale) => {
+        const dataPath = getDataPath(locale, default_locale);
+        const data = get(entry, dataPath);
+        if (!data) {
+          return acc;
+        }
+        return {
+          ...acc,
+          [locale]: {
+            raw: entryToRaw({
+              ...entry,
+              data,
+            }),
+          },
+        };
+      },
+      {} as Record<string, { raw: string }>,
+    );
 
   return i18nBackup;
 }
@@ -239,9 +279,9 @@ export function formatI18nBackup(
 }
 
 function mergeValues<EF extends BaseField>(
-  collection: Collection<EF>,
+  collection: CollectionWithDefaults<EF>,
   structure: I18nStructure,
-  defaultLocale: string,
+  defaultLocale: string | undefined,
   values: { locale: string; value: Entry }[],
 ) {
   let defaultEntry = values.find(e => e.locale === defaultLocale);
@@ -269,8 +309,12 @@ function mergeValues<EF extends BaseField>(
   return entryValue;
 }
 
-function mergeSingleFileValue(entryValue: Entry, defaultLocale: string, locales: string[]): Entry {
-  const data = (entryValue.data?.[defaultLocale] ?? {}) as EntryData;
+function mergeSingleFileValue(
+  entryValue: Entry,
+  defaultLocale: string | undefined,
+  locales: string[],
+): Entry {
+  const data = (defaultLocale ? entryValue.data?.[defaultLocale] ?? {} : {}) as EntryData;
   const i18n = locales
     .filter(l => l !== defaultLocale)
     .map(l => ({ locale: l, value: entryValue.data?.[l] }))
@@ -288,21 +332,25 @@ function mergeSingleFileValue(entryValue: Entry, defaultLocale: string, locales:
 }
 
 export async function getI18nEntry<EF extends BaseField>(
-  collection: Collection<EF>,
+  collection: CollectionWithDefaults<EF>,
   extension: string,
   path: string,
   slug: string,
   getEntryValue: (path: string) => Promise<Entry>,
-) {
-  const {
-    structure = I18N_STRUCTURE_SINGLE_FILE,
-    locales,
-    defaultLocale,
-  } = getI18nInfo(collection) as I18nInfo;
+): Promise<Entry<ObjectValue>> {
+  let i18nInfo = getI18nInfo(collection);
+  if (!i18nInfo) {
+    i18nInfo = {
+      structure: I18N_STRUCTURE_SINGLE_FILE,
+      locales: [],
+    };
+  }
+
+  const { structure, locales, default_locale } = i18nInfo;
 
   let entryValue: Entry;
   if (structure === I18N_STRUCTURE_SINGLE_FILE) {
-    entryValue = mergeSingleFileValue(await getEntryValue(path), defaultLocale, locales);
+    entryValue = mergeSingleFileValue(await getEntryValue(path), default_locale, locales);
   } else {
     const entryValues = await Promise.all(
       locales.map(async locale => {
@@ -317,24 +365,26 @@ export async function getI18nEntry<EF extends BaseField>(
       locale: string;
     }[];
 
-    entryValue = mergeValues(collection, structure, defaultLocale, nonNullValues);
+    entryValue = mergeValues(collection, structure, default_locale, nonNullValues);
   }
 
   return entryValue;
 }
 
 export function groupEntries<EF extends BaseField>(
-  collection: Collection<EF>,
+  collection: CollectionWithDefaults<EF>,
   extension: string,
   entries: Entry[],
 ): Entry[] {
-  const {
-    structure = I18N_STRUCTURE_SINGLE_FILE,
-    defaultLocale,
-    locales,
-  } = getI18nInfo(collection) as I18nInfo;
+  const i18nInfo = getI18nInfo(collection);
+  if (!i18nInfo) {
+    return [];
+  }
+
+  const { structure, default_locale, locales } = i18nInfo;
+
   if (structure === I18N_STRUCTURE_SINGLE_FILE) {
-    return entries.map(e => mergeSingleFileValue(e, defaultLocale, locales));
+    return entries.map(e => mergeSingleFileValue(e, default_locale, locales));
   }
 
   const grouped = groupBy(
@@ -347,45 +397,68 @@ export function groupEntries<EF extends BaseField>(
     },
   );
 
-  const groupedEntries = Object.values(grouped).reduce((acc, values) => {
-    const entryValue = mergeValues(collection, structure, defaultLocale, values);
+  return Object.values(grouped).reduce((acc, values) => {
+    const entryValue = mergeValues(collection, structure, default_locale, values);
     return [...acc, entryValue];
   }, [] as Entry[]);
-
-  return groupedEntries;
 }
 
 export function getI18nDataFiles(
-  collection: Collection,
+  collection: CollectionWithDefaults,
   extension: string,
   path: string,
   slug: string,
   diffFiles: { path: string; id: string; newFile: boolean }[],
-) {
-  const { structure } = getI18nInfo(collection) as I18nInfo;
+): {
+  path: string;
+  id: string;
+  newFile: boolean;
+}[] {
+  const i18nInfo = getI18nInfo(collection);
+  if (!i18nInfo) {
+    return [];
+  }
+
+  const { structure } = i18nInfo;
   if (structure === I18N_STRUCTURE_SINGLE_FILE) {
     return diffFiles;
   }
   const paths = getFilePaths(collection, extension, path, slug);
-  const dataFiles = paths.reduce((acc, path) => {
-    const dataFile = diffFiles.find(file => file.path === path);
-    if (dataFile) {
-      return [...acc, dataFile];
-    } else {
-      return [...acc, { path, id: '', newFile: false }];
-    }
-  }, [] as { path: string; id: string; newFile: boolean }[]);
+  const dataFiles = paths.reduce(
+    (acc, path) => {
+      const dataFile = diffFiles.find(file => file.path === path);
+      if (dataFile) {
+        return [...acc, dataFile];
+      } else {
+        return [...acc, { path, id: '', newFile: false }];
+      }
+    },
+    [] as { path: string; id: string; newFile: boolean }[],
+  );
 
   return dataFiles;
 }
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function duplicateDefaultI18nFields(collection: Collection, dataFields: any) {
-  const { locales, defaultLocale } = getI18nInfo(collection) as I18nInfo;
+export function duplicateDefaultI18nFields(
+  collection: CollectionWithDefaults,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  dataFields: any,
+): {
+  [k: string]: {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    data: any;
+  };
+} {
+  const i18nInfo = getI18nInfo(collection);
+  if (!i18nInfo) {
+    return {};
+  }
+
+  const { locales, default_locale } = i18nInfo;
 
   const i18nFields = Object.fromEntries(
     locales
-      .filter(locale => locale !== defaultLocale)
+      .filter(locale => locale !== default_locale)
       .map(locale => [locale, { data: dataFields }]),
   );
 
@@ -466,7 +539,7 @@ function mergeI18nData(
 }
 
 export function getPreviewEntry(
-  collection: Collection,
+  collection: CollectionWithDefaults,
   entry: Entry,
   locale: string | undefined,
   defaultLocale: string | undefined,
@@ -493,15 +566,20 @@ export function getPreviewEntry(
 }
 
 export function serializeI18n(
-  collection: Collection,
+  collection: CollectionWithDefaults,
   entry: Entry,
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   serializeValues: (data: any) => any,
-) {
-  const { locales, defaultLocale } = getI18nInfo(collection) as I18nInfo;
+): Entry<ObjectValue> {
+  const i18nInfo = getI18nInfo(collection);
+  if (!i18nInfo) {
+    return entry;
+  }
+
+  const { locales, default_locale } = i18nInfo;
 
   locales
-    .filter(locale => locale !== defaultLocale)
+    .filter(locale => locale !== default_locale)
     .forEach(locale => {
       const dataPath = getLocaleDataPath(locale);
       entry = set(entry, dataPath.join('.'), serializeValues(get(entry, dataPath)));
diff --git a/packages/core/src/lib/registry.ts b/packages/core/src/lib/registry.ts
index c274a576..f3d8dd41 100644
--- a/packages/core/src/lib/registry.ts
+++ b/packages/core/src/lib/registry.ts
@@ -9,8 +9,8 @@ import type {
   BackendInitializerOptions,
   BaseField,
   ChangeEventListener,
-  Collection,
-  Config,
+  CollectionWithDefaults,
+  ConfigWithDefaults,
   CustomIcon,
   Entry,
   EntryData,
@@ -21,13 +21,17 @@ import type {
   LogoutEventListener,
   MountedEventListener,
   ObjectValue,
+  PartialTheme,
+  PostPublishEventListener,
   PostSaveEventListener,
+  PrePublishEventListener,
   PreSaveEventListener,
   PreviewStyle,
   PreviewStyleOptions,
   ShortcodeConfig,
   TemplatePreviewCardComponent,
   TemplatePreviewComponent,
+  Theme,
   UnknownField,
   ValueOrNestedValue,
   Widget,
@@ -41,39 +45,56 @@ export const allowedEvents = [
   'mounted',
   'login',
   'logout',
+  'prePublish',
+  'postPublish',
   'preSave',
   'postSave',
   'change',
 ] as const;
 export type AllowedEvent = (typeof allowedEvents)[number];
 
-type EventHandlerRegistry = {
-  preSave: Record<
-    string,
-    PreSaveEventListener['handler'][] | Record<string, PreSaveEventListener['handler'][]>
-  >;
-  postSave: Record<
-    string,
-    PostSaveEventListener['handler'][] | Record<string, PostSaveEventListener['handler'][]>
-  >;
+export interface CollectionListener<T> {
+  all: T[];
+  collections: Record<string, T[]>;
+  files: Record<string, Record<string, T[]>>;
+}
+
+export interface ChangeListener extends CollectionListener<ChangeEventListener['handler']> {
+  collectionField: Record<string, Record<string, ChangeEventListener['handler'][]>>;
+  fileField: Record<string, Record<string, Record<string, ChangeEventListener['handler'][]>>>;
+}
+
+export type EventHandlerRegistry = {
+  prePublish: CollectionListener<PrePublishEventListener['handler']>;
+  postPublish: CollectionListener<PostPublishEventListener['handler']>;
+  preSave: CollectionListener<PreSaveEventListener['handler']>;
+  postSave: CollectionListener<PostSaveEventListener['handler']>;
   mounted: MountedEventListener['handler'][];
   login: LoginEventListener['handler'][];
   logout: LogoutEventListener['handler'][];
-  change: Record<
-    string,
-    Record<
-      string,
-      ChangeEventListener['handler'][] | Record<string, ChangeEventListener['handler'][]>
-    >
-  >;
+  change: ChangeListener;
 };
 
 const eventHandlers = allowedEvents.reduce((acc, e) => {
   switch (e) {
+    case 'prePublish':
+    case 'postPublish':
     case 'preSave':
     case 'postSave':
+      acc[e] = {
+        all: [],
+        collections: {},
+        files: {},
+      };
+      break;
     case 'change':
-      acc[e] = {};
+      acc[e] = {
+        all: [],
+        collections: {},
+        files: {},
+        collectionField: {},
+        fileField: {},
+      };
       break;
     default:
       acc[e] = [];
@@ -85,7 +106,7 @@ const eventHandlers = allowedEvents.reduce((acc, e) => {
 
 interface CardPreviews {
   component: TemplatePreviewCardComponent<ObjectValue>;
-  getHeight?: (data: { collection: Collection; entry: Entry }) => number;
+  getHeight?: (data: { collection: CollectionWithDefaults; entry: Entry }) => number;
 }
 
 interface Registry {
@@ -103,6 +124,9 @@ interface Registry {
 
   /** Markdown editor */
   shortcodes: Record<string, ShortcodeConfig>;
+
+  /** Themes */
+  themes: (Theme | PartialTheme)[];
 }
 
 /**
@@ -121,6 +145,7 @@ const registry: Registry = {
   eventHandlers,
   previewStyles: [],
   shortcodes: {},
+  themes: [],
 };
 
 export default {
@@ -153,6 +178,8 @@ export default {
   registerShortcode,
   getShortcode,
   getShortcodes,
+  registerTheme,
+  getThemes,
 };
 
 /**
@@ -352,7 +379,7 @@ export function getWidgetValueSerializer(widgetName: string): WidgetValueSeriali
  * Backends
  */
 export function registerBackend<
-  T extends { new (config: Config, options: BackendInitializerOptions): BackendClass },
+  T extends { new (config: ConfigWithDefaults, options: BackendInitializerOptions): BackendClass },
 >(name: string, BackendClass: T) {
   if (!name || !BackendClass) {
     console.error(
@@ -362,7 +389,7 @@ export function registerBackend<
     console.error(`Backend [${name}] already registered. Please choose a different name.`);
   } else {
     registry.backends[name] = {
-      init: (config: Config, options: BackendInitializerOptions) =>
+      init: (config: ConfigWithDefaults, options: BackendInitializerOptions) =>
         new BackendClass(config, options),
     };
   }
@@ -383,32 +410,70 @@ function validateEventName(name: AllowedEvent) {
   }
 }
 
-export function getEventListeners(options: {
+export function getEventListeners<T extends EventListener['handler']>(options: {
   name: AllowedEvent;
   collection?: string;
+  file?: string;
   field?: string;
-}) {
-  const { name } = options;
+}): T[] {
+  const { name, collection, file, field } = options;
 
   validateEventName(name);
 
+  const handlers: T[] = [];
+
   if (name === 'change') {
-    if (!options.field || !options.collection) {
-      return [];
+    handlers.push(...(registry.eventHandlers[name].all as T[]));
+    if (!collection) {
+      return handlers;
     }
 
-    return (registry.eventHandlers[name][options.collection] ?? {})[options.field] ?? [];
-  }
-
-  if (name === 'preSave' || name === 'postSave') {
-    if (!options.collection) {
-      return [];
+    handlers.push(...((registry.eventHandlers[name].collections[collection] ?? []) as T[]));
+    if (!file && !field) {
+      return handlers;
     }
 
-    return registry.eventHandlers[name][options.collection] ?? [];
+    if (field) {
+      handlers.push(
+        ...((registry.eventHandlers[name].collectionField[collection]?.[field] ?? []) as T[]),
+      );
+    }
+    if (!file) {
+      return handlers;
+    }
+
+    handlers.push(...((registry.eventHandlers[name].files[collection]?.[file] ?? []) as T[]));
+    if (!field) {
+      return handlers;
+    }
+
+    handlers.push(
+      ...((registry.eventHandlers[name].fileField[collection]?.[file]?.[field] ?? []) as T[]),
+    );
+    return handlers;
   }
 
-  return [...registry.eventHandlers[name]];
+  if (
+    name === 'prePublish' ||
+    name === 'postPublish' ||
+    name === 'preSave' ||
+    name === 'postSave'
+  ) {
+    handlers.push(...(registry.eventHandlers[name].all as T[]));
+    if (!collection) {
+      return handlers;
+    }
+
+    handlers.push(...((registry.eventHandlers[name].collections[collection] ?? []) as T[]));
+    if (!file) {
+      return handlers;
+    }
+
+    handlers.push(...((registry.eventHandlers[name].files[collection]?.[file] ?? []) as T[]));
+    return handlers;
+  }
+
+  return [...registry.eventHandlers[name]] as T[];
 }
 
 export function registerEventListener(listener: EventListener) {
@@ -420,85 +485,129 @@ export function registerEventListener(listener: EventListener) {
     const file = listener.file;
     const field = listener.field;
 
-    if (!(collection in registry.eventHandlers[name])) {
-      registry.eventHandlers[name][collection] = {};
+    if (!collection) {
+      registry.eventHandlers[name].all.push(handler);
+      return;
     }
 
-    if (file) {
-      if (!(file in registry.eventHandlers[name][collection])) {
-        registry.eventHandlers[name][collection][file] = {};
-      }
+    if (!(collection in registry.eventHandlers[name])) {
+      registry.eventHandlers[name].collections[collection] = [];
+      registry.eventHandlers[name].collectionField[collection] = {};
+      registry.eventHandlers[name].files[collection] = {};
+      registry.eventHandlers[name].fileField[collection] = {};
+    }
 
-      if (Array.isArray(registry.eventHandlers[name][collection][file])) {
+    if (!file) {
+      if (!field) {
+        registry.eventHandlers[name].collections[collection].push(handler);
         return;
       }
 
-      if (!(field in registry.eventHandlers[name][collection][file])) {
-        (
-          registry.eventHandlers[name][collection][file] as Record<
-            string,
-            ChangeEventListener['handler'][]
-          >
-        )[field] = [];
+      if (!(field in registry.eventHandlers[name].collectionField[collection])) {
+        registry.eventHandlers[name].collectionField[collection][field] = [];
       }
 
-      (
-        registry.eventHandlers[name][collection][file] as Record<
-          string,
-          ChangeEventListener['handler'][]
-        >
-      )[field].push(handler);
+      registry.eventHandlers[name].collectionField[collection][field].push(handler);
       return;
     }
 
-    if (!(field in registry.eventHandlers[name][collection])) {
-      registry.eventHandlers[name][collection][field] = [];
-    }
+    if (!field) {
+      if (!(file in registry.eventHandlers[name].files[collection])) {
+        registry.eventHandlers[name].files[collection][file] = [];
+      }
 
-    if (!Array.isArray(registry.eventHandlers[name][collection][field])) {
+      registry.eventHandlers[name].files[collection][file].push(handler);
       return;
     }
 
-    (registry.eventHandlers[name][collection][field] as ChangeEventListener['handler'][]).push(
-      handler,
-    );
+    if (!(file in registry.eventHandlers[name].fileField[collection])) {
+      registry.eventHandlers[name].fileField[collection][file] = {};
+    }
+
+    if (!(field in registry.eventHandlers[name].fileField[collection][file])) {
+      registry.eventHandlers[name].fileField[collection][file][field] = [];
+    }
+
+    registry.eventHandlers[name].fileField[collection][file][field].push(handler);
     return;
   }
 
-  if (name === 'preSave' || name === 'postSave') {
+  if (name === 'preSave') {
     const collection = listener.collection;
     const file = listener.file;
 
-    if (file) {
-      if (!(collection in registry.eventHandlers[name])) {
-        registry.eventHandlers[name][collection] = {};
-      }
-
-      if (!(file in registry.eventHandlers[name][collection])) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        (registry.eventHandlers[name][collection] as Record<string, any[]>)[file] = [];
-      }
-
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      (registry.eventHandlers[name][collection] as Record<string, any[]>)[file].push(handler);
+    if (!collection) {
+      registry.eventHandlers[name].all.push(handler);
       return;
     }
 
     if (!(collection in registry.eventHandlers[name])) {
-      registry.eventHandlers[name][collection] = [];
+      registry.eventHandlers[name].collections[collection] = [];
+      registry.eventHandlers[name].files[collection] = {};
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (registry.eventHandlers[name][collection] as any[]).push(handler);
+    if (!file) {
+      registry.eventHandlers[name].collections[collection].push(handler);
+      return;
+    }
+
+    if (!(file in registry.eventHandlers[name].files[collection])) {
+      registry.eventHandlers[name].files[collection][file] = [];
+    }
+
+    registry.eventHandlers[name].files[collection][file].push(handler);
     return;
   }
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  registry.eventHandlers[name].push(handler as any);
+  if (name === 'postSave' || name === 'prePublish' || name === 'postPublish') {
+    const collection = listener.collection;
+    const file = listener.file;
+
+    if (!collection) {
+      registry.eventHandlers[name].all.push(handler);
+      return;
+    }
+
+    if (!(collection in registry.eventHandlers[name])) {
+      registry.eventHandlers[name].collections[collection] = [];
+      registry.eventHandlers[name].files[collection] = {};
+    }
+
+    if (!file) {
+      registry.eventHandlers[name].collections[collection].push(handler);
+      return;
+    }
+
+    if (!(file in registry.eventHandlers[name].files[collection])) {
+      registry.eventHandlers[name].files[collection][file] = [];
+    }
+
+    registry.eventHandlers[name].files[collection][file].push(handler);
+    return;
+  }
+
+  if (name === 'login') {
+    registry.eventHandlers[name].push(handler);
+    return;
+  }
+
+  registry.eventHandlers[name].push(handler);
 }
 
 export async function invokeEvent(event: { name: 'login'; data: AuthorData }): Promise<void>;
 export async function invokeEvent(event: { name: 'logout' }): Promise<void>;
+export async function invokeEvent(event: {
+  name: 'prePublish';
+  data: EventData;
+  collection: string;
+  file?: string;
+}): Promise<void>;
+export async function invokeEvent(event: {
+  name: 'postPublish';
+  data: EventData;
+  collection: string;
+  file?: string;
+}): Promise<void>;
 export async function invokeEvent(event: {
   name: 'preSave';
   data: EventData;
@@ -517,17 +626,18 @@ export async function invokeEvent(event: {
   data: EntryData | undefined;
   collection: string;
   file?: string;
+  fieldName: string;
   field: string;
-  fieldPath: string;
 }): Promise<EntryData>;
 export async function invokeEvent(event: {
   name: AllowedEvent;
   data?: EventData | EntryData | AuthorData;
   collection?: string;
   file?: string;
+  fieldName?: string;
   field?: string;
 }): Promise<void | EntryData> {
-  const { name, data, collection, field } = event;
+  const { name, data, collection, file, fieldName, field } = event;
 
   validateEventName(name);
 
@@ -551,36 +661,26 @@ export async function invokeEvent(event: {
     return;
   }
 
-  if (name === 'postSave') {
+  if (name === 'postSave' || name === 'prePublish' || name === 'postPublish') {
     if (!collection) {
       return;
     }
 
+    const handlers = getEventListeners<
+      | PrePublishEventListener['handler']
+      | PostPublishEventListener['handler']
+      | PostSaveEventListener['handler']
+    >({ name, collection, file });
+
     console.info(
       `[StaticCMS] Firing post save event for${
-        event.file ? ` "${event.file}" file in` : ''
+        file ? ` "${file}" file in` : ''
       } "${collection}" collection`,
       data,
     );
-    const handlers = registry.eventHandlers[name][collection];
 
-    let finalHandlers: PostSaveEventListener['handler'][];
-    if (event.file && !Array.isArray(handlers)) {
-      finalHandlers =
-        (
-          registry.eventHandlers[name][collection] as Record<
-            string,
-            PostSaveEventListener['handler'][]
-          >
-        )[event.file] ?? [];
-    } else if (Array.isArray(handlers)) {
-      finalHandlers = handlers ?? [];
-    } else {
-      finalHandlers = [];
-    }
-
-    for (const handler of finalHandlers) {
-      handler({ data: data as EventData, collection });
+    for (const handler of handlers) {
+      handler({ data: data as EventData, collection, file });
     }
 
     return;
@@ -591,34 +691,22 @@ export async function invokeEvent(event: {
       return;
     }
 
+    const handlers = getEventListeners<ChangeEventListener['handler']>({
+      name,
+      collection,
+      file,
+      field,
+    });
+
     let _data = cloneDeep(data as EntryData);
     console.info(
-      `[StaticCMS] Firing change event for field "${field}" for${
+      `[StaticCMS] Firing change event for field "${fieldName ?? field}" for${
         event.file ? ` "${event.file}" file in` : ''
       } "${collection}" collection`,
     );
-    const collectionHandlers = registry.eventHandlers[name][collection] ?? {};
-
-    let finalHandlers: Record<string, ChangeEventListener['handler'][]>;
-    if (
-      event.file &&
-      event.file in collectionHandlers &&
-      !Array.isArray(collectionHandlers[event.file])
-    ) {
-      finalHandlers =
-        (collectionHandlers as Record<string, Record<string, ChangeEventListener['handler'][]>>)[
-          event.file
-        ] ?? {};
-    } else if (Array.isArray(collectionHandlers[field])) {
-      finalHandlers = collectionHandlers as Record<string, ChangeEventListener['handler'][]>;
-    } else {
-      finalHandlers = {};
-    }
-
-    const handlers = finalHandlers[field] ?? [];
 
     for (const handler of handlers) {
-      const result = await handler({ data: _data, collection, field });
+      const result = await handler({ data: _data, collection, file, field });
       if (_data !== undefined && result) {
         _data = result;
       }
@@ -638,25 +726,11 @@ export async function invokeEvent(event: {
     } "${collection}" collection`,
     data,
   );
-  const handlers = registry.eventHandlers[name][collection] ?? [];
 
-  let finalHandlers: PreSaveEventListener['handler'][];
-  if (event.file && !Array.isArray(handlers)) {
-    finalHandlers =
-      (
-        registry.eventHandlers[name][collection] as Record<
-          string,
-          PreSaveEventListener['handler'][]
-        >
-      )[event.file] ?? [];
-  } else if (Array.isArray(handlers)) {
-    finalHandlers = handlers ?? [];
-  } else {
-    finalHandlers = [];
-  }
+  const handlers = getEventListeners<PreSaveEventListener['handler']>({ name, collection, file });
 
-  for (const handler of finalHandlers) {
-    const result = await handler({ data: _data, collection });
+  for (const handler of handlers) {
+    const result = await handler({ data: _data, collection, file });
     if (_data !== undefined && result !== undefined) {
       const entry = {
         ..._data.entry,
@@ -669,91 +743,162 @@ export async function invokeEvent(event: {
   return _data.entry.data;
 }
 
+function filterEventListeners<T extends EventListener['handler']>(
+  handlers: T[],
+  handlerToRemove: T,
+): T[] {
+  return handlers.filter(item => item !== handlerToRemove);
+}
+
 export function removeEventListener(listener: EventListener) {
   const { name, handler } = listener;
-
   validateEventName(name);
+
   if (name === 'change') {
     const collection = listener.collection;
     const file = listener.file;
     const field = listener.field;
 
-    if (!(collection in registry.eventHandlers[name])) {
-      registry.eventHandlers[name][collection] = {};
-    }
-
-    if (file) {
-      if (!(file in registry.eventHandlers[name][collection])) {
-        registry.eventHandlers[name][collection][file] = {};
-      }
-
-      if (!(field in registry.eventHandlers[name][collection][file])) {
-        (
-          registry.eventHandlers[name][collection][file] as Record<
-            string,
-            ChangeEventListener['handler'][]
-          >
-        )[field] = [];
-      }
-
-      (
-        registry.eventHandlers[name][collection][file] as Record<
-          string,
-          ChangeEventListener['handler'][]
-        >
-      )[field].filter(item => item !== handler);
-
-      return;
-    }
-
-    if (!(field in registry.eventHandlers[name][collection])) {
-      registry.eventHandlers[name][collection][field] = [];
-    }
-
-    if (!Array.isArray(registry.eventHandlers[name][collection][field])) {
-      return;
-    }
-
-    (registry.eventHandlers[name][collection][field] as ChangeEventListener['handler'][]).filter(
-      item => item !== handler,
-    );
-    return;
-  }
-
-  if (name === 'preSave' || name === 'postSave') {
-    const collection = listener.collection;
-    const file = listener.file;
-
-    if (file) {
-      if (!(collection in registry.eventHandlers[name])) {
-        registry.eventHandlers[name][collection] = {};
-      }
-
-      if (!(file in registry.eventHandlers[name][collection])) {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        (registry.eventHandlers[name][collection] as Record<string, any[]>)[file] = [];
-      }
-
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      (registry.eventHandlers[name][collection] as Record<string, any[]>)[file].filter(
-        item => item !== handler,
+    if (!collection) {
+      registry.eventHandlers[name].all = filterEventListeners(
+        registry.eventHandlers[name].all,
+        handler,
       );
       return;
     }
 
     if (!(collection in registry.eventHandlers[name])) {
-      registry.eventHandlers[name][collection] = [];
+      registry.eventHandlers[name].collections[collection] = [];
+      registry.eventHandlers[name].collectionField[collection] = {};
+      registry.eventHandlers[name].files[collection] = {};
+      registry.eventHandlers[name].fileField[collection] = {};
     }
 
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (registry.eventHandlers[name][collection] as any[]).filter(item => item !== handler);
+    if (!file) {
+      if (!field) {
+        registry.eventHandlers[name].collections[collection] = filterEventListeners(
+          registry.eventHandlers[name].collections[collection],
+          handler,
+        );
+        return;
+      }
+
+      if (!(field in registry.eventHandlers[name].collectionField[collection])) {
+        registry.eventHandlers[name].collectionField[collection][field] = [];
+      }
+
+      registry.eventHandlers[name].collectionField[collection][field] = filterEventListeners(
+        registry.eventHandlers[name].collectionField[collection][field],
+        handler,
+      );
+      return;
+    }
+
+    if (!field) {
+      if (!(file in registry.eventHandlers[name].files[collection])) {
+        registry.eventHandlers[name].files[collection][file] = [];
+      }
+
+      registry.eventHandlers[name].files[collection][file] = filterEventListeners(
+        registry.eventHandlers[name].files[collection][file],
+        handler,
+      );
+      return;
+    }
+
+    if (!(file in registry.eventHandlers[name].fileField[collection])) {
+      registry.eventHandlers[name].fileField[collection][file] = {};
+    }
+
+    if (!(field in registry.eventHandlers[name].fileField[collection][file])) {
+      registry.eventHandlers[name].fileField[collection][file][field] = [];
+    }
+
+    registry.eventHandlers[name].fileField[collection][file][field] = filterEventListeners(
+      registry.eventHandlers[name].fileField[collection][file][field],
+      handler,
+    );
     return;
   }
 
-  registry.eventHandlers[name] = registry.eventHandlers[name].filter(
-    item => item !== handler,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  ) as any;
+  if (name === 'preSave') {
+    const collection = listener.collection;
+    const file = listener.file;
+
+    if (!collection) {
+      registry.eventHandlers[name].all = filterEventListeners(
+        registry.eventHandlers[name].all,
+        handler,
+      );
+      return;
+    }
+
+    if (!(collection in registry.eventHandlers[name])) {
+      registry.eventHandlers[name].collections[collection] = [];
+      registry.eventHandlers[name].files[collection] = {};
+    }
+
+    if (!file) {
+      registry.eventHandlers[name].collections[collection] = filterEventListeners(
+        registry.eventHandlers[name].collections[collection],
+        handler,
+      );
+      return;
+    }
+
+    if (!(file in registry.eventHandlers[name].files[collection])) {
+      registry.eventHandlers[name].files[collection][file] = [];
+    }
+
+    registry.eventHandlers[name].files[collection][file] = filterEventListeners(
+      registry.eventHandlers[name].files[collection][file],
+      handler,
+    );
+    return;
+  }
+
+  if (name === 'postSave' || name === 'prePublish' || name === 'postPublish') {
+    const collection = listener.collection;
+    const file = listener.file;
+
+    if (!collection) {
+      registry.eventHandlers[name].all = filterEventListeners(
+        registry.eventHandlers[name].all,
+        handler,
+      );
+      return;
+    }
+
+    if (!(collection in registry.eventHandlers[name])) {
+      registry.eventHandlers[name].collections[collection] = [];
+      registry.eventHandlers[name].files[collection] = {};
+    }
+
+    if (!file) {
+      registry.eventHandlers[name].collections[collection] = filterEventListeners(
+        registry.eventHandlers[name].collections[collection],
+        handler,
+      );
+      return;
+    }
+
+    if (!(file in registry.eventHandlers[name].files[collection])) {
+      registry.eventHandlers[name].files[collection][file] = [];
+    }
+
+    registry.eventHandlers[name].files[collection][file] = filterEventListeners(
+      registry.eventHandlers[name].files[collection][file],
+      handler,
+    );
+    return;
+  }
+
+  if (name === 'login') {
+    registry.eventHandlers[name] = filterEventListeners(registry.eventHandlers[name], handler);
+    return;
+  }
+
+  registry.eventHandlers[name] = filterEventListeners(registry.eventHandlers[name], handler);
 }
 
 /**
@@ -815,3 +960,14 @@ export function getShortcode(name: string): ShortcodeConfig {
 export function getShortcodes(): Record<string, ShortcodeConfig> {
   return registry.shortcodes;
 }
+
+/**
+ * Markdown editor shortcodes
+ */
+export function registerTheme(theme: Theme | PartialTheme) {
+  registry.themes.push(theme);
+}
+
+export function getThemes(): (Theme | PartialTheme)[] {
+  return registry.themes;
+}
diff --git a/packages/core/src/lib/util/API.ts b/packages/core/src/lib/util/API.ts
index 14512a60..2a5a95cd 100644
--- a/packages/core/src/lib/util/API.ts
+++ b/packages/core/src/lib/util/API.ts
@@ -3,7 +3,7 @@ import unsentRequest from './unsentRequest';
 import APIError from './APIError';
 
 import type { AsyncLock } from './asyncLock';
-import type { FileMetadata } from '@staticcms/core/interface';
+import type { FileMetadata } from '@staticcms/core';
 
 export class FetchError extends Error {
   status: number;
@@ -181,3 +181,42 @@ export async function throwOnConflictingBranches(
     );
   }
 }
+
+/**
+ * Keywords for inferring a status that will provide a deploy preview URL.
+ */
+const PREVIEW_CONTEXT_KEYWORDS = ['deploy'];
+
+/**
+ * Check a given status context string to determine if it provides a link to a
+ * deploy preview. Checks for an exact match against `previewContext` if given,
+ * otherwise checks for inclusion of a value from `PREVIEW_CONTEXT_KEYWORDS`.
+ */
+export function isPreviewContext(context: string, previewContext: string) {
+  if (previewContext) {
+    return context === previewContext;
+  }
+  return PREVIEW_CONTEXT_KEYWORDS.some(keyword => context.includes(keyword));
+}
+
+export enum PreviewState {
+  Other = 'other',
+  Success = 'success',
+}
+
+/**
+ * Retrieve a deploy preview URL from an array of statuses. By default, a
+ * matching status is inferred via `isPreviewContext`.
+ */
+export function getPreviewStatus(
+  statuses: {
+    context: string;
+    target_url: string;
+    state: PreviewState;
+  }[],
+  previewContext: string,
+) {
+  return statuses.find(({ context }) => {
+    return isPreviewContext(context, previewContext);
+  });
+}
diff --git a/packages/core/src/lib/util/APIUtils.ts b/packages/core/src/lib/util/APIUtils.ts
index 04ac16b9..6330e487 100644
--- a/packages/core/src/lib/util/APIUtils.ts
+++ b/packages/core/src/lib/util/APIUtils.ts
@@ -1,3 +1,10 @@
+import { WorkflowStatus, workflowStatusFromString } from '@staticcms/core/constants/publishModes';
+
+export const CMS_BRANCH_PREFIX = 'cms';
+export const DEFAULT_STATIC_CMS_LABEL_PREFIX = 'static-cms/';
+export const DEFAULT_PR_BODY = 'Automatically generated by Static CMS';
+export const MERGE_COMMIT_MESSAGE = 'Automatically generated. Merged on Static CMS.';
+
 export function generateContentKey(collectionName: string, slug: string) {
   return `${collectionName}/${slug}`;
 }
@@ -6,3 +13,30 @@ export function parseContentKey(contentKey: string) {
   const index = contentKey.indexOf('/');
   return { collection: contentKey.slice(0, index), slug: contentKey.slice(index + 1) };
 }
+
+function getLabelPrefix(labelPrefix: string | undefined) {
+  return labelPrefix ?? DEFAULT_STATIC_CMS_LABEL_PREFIX;
+}
+
+export function isCMSLabel(label: string, labelPrefix: string) {
+  return label.startsWith(getLabelPrefix(labelPrefix));
+}
+
+export function labelToStatus(label: string, labelPrefix: string): WorkflowStatus {
+  return (
+    workflowStatusFromString(label.slice(getLabelPrefix(labelPrefix).length)) ??
+    WorkflowStatus.DRAFT
+  );
+}
+
+export function statusToLabel(status: WorkflowStatus, labelPrefix: string) {
+  return `${getLabelPrefix(labelPrefix)}${status}`;
+}
+
+export function contentKeyFromBranch(branch: string) {
+  return branch.slice(`${CMS_BRANCH_PREFIX}/`.length);
+}
+
+export function branchFromContentKey(contentKey: string) {
+  return `${CMS_BRANCH_PREFIX}/${contentKey}`;
+}
diff --git a/packages/core/src/lib/util/Cursor.ts b/packages/core/src/lib/util/Cursor.ts
index db1be966..c695dfee 100644
--- a/packages/core/src/lib/util/Cursor.ts
+++ b/packages/core/src/lib/util/Cursor.ts
@@ -19,12 +19,15 @@ const knownMetaKeys = [
 ];
 
 function filterUnknownMetaKeys(meta: Record<string, unknown>) {
-  return Object.keys(meta ?? {}).reduce((acc, k) => {
-    if (knownMetaKeys.includes(k)) {
-      acc[k] = meta[k];
-    }
-    return acc;
-  }, {} as Record<string, unknown>);
+  return Object.keys(meta ?? {}).reduce(
+    (acc, k) => {
+      if (knownMetaKeys.includes(k)) {
+        acc[k] = meta[k];
+      }
+      return acc;
+    },
+    {} as Record<string, unknown>,
+  );
 }
 
 /*
diff --git a/packages/core/src/lib/util/EditorialWorkflowError.ts b/packages/core/src/lib/util/EditorialWorkflowError.ts
new file mode 100644
index 00000000..9a620529
--- /dev/null
+++ b/packages/core/src/lib/util/EditorialWorkflowError.ts
@@ -0,0 +1,12 @@
+export const EDITORIAL_WORKFLOW_ERROR = 'EDITORIAL_WORKFLOW_ERROR';
+
+export default class EditorialWorkflowError extends Error {
+  message: string;
+  notUnderEditorialWorkflow: boolean;
+  constructor(message: string, notUnderEditorialWorkflow: boolean) {
+    super(message);
+    this.message = message;
+    this.notUnderEditorialWorkflow = notUnderEditorialWorkflow;
+    this.name = EDITORIAL_WORKFLOW_ERROR;
+  }
+}
diff --git a/packages/core/src/lib/util/__tests__/field.util.spec.ts b/packages/core/src/lib/util/__tests__/field.util.spec.ts
index fc4b19cc..9d46c351 100644
--- a/packages/core/src/lib/util/__tests__/field.util.spec.ts
+++ b/packages/core/src/lib/util/__tests__/field.util.spec.ts
@@ -2,16 +2,16 @@ import { createMockEntry } from '@staticcms/test/data/entry.mock';
 import { isHidden } from '../field.util';
 import { I18N_FIELD_NONE } from '../../i18n';
 
-import type { StringOrTextField } from '@staticcms/core/interface';
+import type { StringField, TextField } from '@staticcms/core';
 
 describe('filterEntries', () => {
-  const mockTitleField: StringOrTextField = {
+  const mockTitleField: StringField = {
     label: 'Title',
     name: 'title',
     widget: 'string',
   };
 
-  const mockUrlField: StringOrTextField = {
+  const mockUrlField: StringField = {
     label: 'URL',
     name: 'url',
     widget: 'string',
@@ -22,7 +22,7 @@ describe('filterEntries', () => {
     },
   };
 
-  const mockBodyField: StringOrTextField = {
+  const mockBodyField: TextField = {
     label: 'Body',
     name: 'body',
     widget: 'text',
@@ -86,7 +86,7 @@ describe('filterEntries', () => {
       expect(isHidden(mockBodyField, mockExternalEntry, undefined)).toBeTruthy();
     });
 
-    it('should show field if single condition is met', () => {
+    it('should show field if multiple conditions are met', () => {
       expect(isHidden(mockBodyField, mockHasSummaryEntry, undefined)).toBeFalsy();
       expect(isHidden(mockBodyField, mockInternalEntry, undefined)).toBeFalsy();
     });
@@ -141,7 +141,7 @@ describe('filterEntries', () => {
         expect(isHidden(mockBodyField, mockInsideListEntry, 'list.0')).toBeTruthy();
       });
 
-      it('should show field if single condition is met', () => {
+      it('should show field if multiple conditions are met', () => {
         expect(isHidden(mockBodyField, mockInsideListEntry, 'list.2')).toBeFalsy();
         expect(isHidden(mockBodyField, mockInsideListEntry, 'list.1')).toBeFalsy();
       });
@@ -152,5 +152,266 @@ describe('filterEntries', () => {
         expect(isHidden(mockBodyField, undefined, 'list.0')).toBeFalsy();
       });
     });
+
+    describe('searching list items', () => {
+      const mockInsideListEntry = createMockEntry({
+        path: 'path/to/file-1.md',
+        data: {
+          list: [
+            {
+              title: 'I am a title',
+              type: 'external',
+              url: 'http://example.com',
+              hasSummary: false,
+            },
+            {
+              title: 'I am a title',
+              type: 'internal',
+              body: 'I am the body of your post',
+              hasSummary: false,
+            },
+            {
+              title: 'I am a title',
+              type: 'external',
+              url: 'http://example.com',
+              body: 'I am the body of your post',
+              hasSummary: true,
+            },
+          ],
+        },
+      });
+
+      const mockPatternUrlField: StringField = {
+        label: 'URL',
+        name: 'url',
+        widget: 'string',
+        i18n: I18N_FIELD_NONE,
+        condition: {
+          field: 'list.*',
+          pattern: /external/,
+        },
+      };
+
+      const mockPatternUrlMultipleConditionsField: StringField = {
+        label: 'URL',
+        name: 'url',
+        widget: 'string',
+        i18n: I18N_FIELD_NONE,
+        condition: [
+          {
+            field: 'list.*',
+            pattern: /external/,
+          },
+          {
+            field: 'list.*',
+            pattern: /true/,
+          },
+        ],
+      };
+
+      it('should show field by default', () => {
+        expect(isHidden(mockTitleField, mockInsideListEntry, undefined)).toBeFalsy();
+      });
+
+      it('should hide field if single condition is not met', () => {
+        expect(isHidden(mockUrlField, mockInsideListEntry, undefined)).toBeTruthy();
+      });
+
+      it('should show field if single condition is met', () => {
+        expect(isHidden(mockPatternUrlField, mockInsideListEntry, undefined)).toBeFalsy();
+      });
+
+      it('should hide field if all multiple conditions are not met', () => {
+        expect(isHidden(mockBodyField, mockInsideListEntry, undefined)).toBeTruthy();
+      });
+
+      it('should show field if multiple conditions are met', () => {
+        expect(
+          isHidden(mockPatternUrlMultipleConditionsField, mockInsideListEntry, undefined),
+        ).toBeFalsy();
+      });
+
+      it('should show field if entry is undefined', () => {
+        expect(isHidden(mockTitleField, undefined, undefined)).toBeFalsy();
+        expect(isHidden(mockUrlField, undefined, undefined)).toBeFalsy();
+        expect(isHidden(mockBodyField, undefined, undefined)).toBeFalsy();
+      });
+    });
+
+    describe('matching list', () => {
+      const mockDependsOnEmptyListField: StringField = {
+        label: 'Title',
+        name: 'title',
+        widget: 'string',
+        condition: [
+          {
+            field: 'list',
+            pattern: /^(\[\])?$/,
+          },
+        ],
+      };
+
+      const mockDependsOnListWithValueField: StringField = {
+        label: 'Title',
+        name: 'title',
+        widget: 'string',
+        condition: [
+          {
+            field: 'list',
+            pattern: /"something":"yes"/,
+          },
+        ],
+      };
+
+      const mockEmptyListEntry = createMockEntry({
+        path: 'path/to/file-1.md',
+        data: {
+          default: 'http://example.com',
+          list: [],
+        },
+      });
+
+      const mockUndefinedListEntry = createMockEntry({
+        path: 'path/to/file-1.md',
+        data: {
+          default: 'http://example.com',
+          list: undefined,
+        },
+      });
+
+      const mockListWithValueEntry = createMockEntry({
+        path: 'path/to/file-1.md',
+        data: {
+          default: 'http://example.com',
+          list: [
+            {
+              something: 'yes',
+            },
+          ],
+        },
+      });
+
+      it('should match empty list', () => {
+        expect(isHidden(mockDependsOnEmptyListField, mockEmptyListEntry, undefined)).toBeFalsy();
+      });
+
+      it('should match undefined list', () => {
+        expect(
+          isHidden(mockDependsOnEmptyListField, mockUndefinedListEntry, undefined),
+        ).toBeFalsy();
+      });
+
+      it('should not match list with value', () => {
+        expect(
+          isHidden(mockDependsOnEmptyListField, mockListWithValueEntry, undefined),
+        ).toBeTruthy();
+      });
+
+      it('should not match empty list', () => {
+        expect(
+          isHidden(mockDependsOnListWithValueField, mockEmptyListEntry, undefined),
+        ).toBeTruthy();
+      });
+
+      it('should not match undefined list', () => {
+        expect(
+          isHidden(mockDependsOnListWithValueField, mockUndefinedListEntry, undefined),
+        ).toBeTruthy();
+      });
+
+      it('should match list with specific value', () => {
+        expect(
+          isHidden(mockDependsOnListWithValueField, mockListWithValueEntry, undefined),
+        ).toBeFalsy();
+      });
+    });
+
+    describe('matching object', () => {
+      const mockDependsOnEmptyObjectField: StringField = {
+        label: 'Title',
+        name: 'title',
+        widget: 'string',
+        condition: [
+          {
+            field: 'object',
+            pattern: /^({})?$/,
+          },
+        ],
+      };
+
+      const mockDependsOnObjectWithValueField: StringField = {
+        label: 'Title',
+        name: 'title',
+        widget: 'string',
+        condition: [
+          {
+            field: 'object',
+            pattern: /"something":"yes"/,
+          },
+        ],
+      };
+
+      const mockEmptyObjectEntry = createMockEntry({
+        path: 'path/to/file-1.md',
+        data: {
+          default: 'http://example.com',
+          object: {},
+        },
+      });
+
+      const mockUndefinedObjectEntry = createMockEntry({
+        path: 'path/to/file-1.md',
+        data: {
+          default: 'http://example.com',
+          object: undefined,
+        },
+      });
+
+      const mockObjectWithValueEntry = createMockEntry({
+        path: 'path/to/file-1.md',
+        data: {
+          default: 'http://example.com',
+          object: {
+            something: 'yes',
+          },
+        },
+      });
+
+      it('should match empty object', () => {
+        expect(
+          isHidden(mockDependsOnEmptyObjectField, mockEmptyObjectEntry, undefined),
+        ).toBeFalsy();
+      });
+
+      it('should match undefined object', () => {
+        expect(
+          isHidden(mockDependsOnEmptyObjectField, mockUndefinedObjectEntry, undefined),
+        ).toBeFalsy();
+      });
+
+      it('should not match object with value', () => {
+        expect(
+          isHidden(mockDependsOnEmptyObjectField, mockObjectWithValueEntry, undefined),
+        ).toBeTruthy();
+      });
+
+      it('should not match empty object', () => {
+        expect(
+          isHidden(mockDependsOnObjectWithValueField, mockEmptyObjectEntry, undefined),
+        ).toBeTruthy();
+      });
+
+      it('should not match undefined object', () => {
+        expect(
+          isHidden(mockDependsOnObjectWithValueField, mockUndefinedObjectEntry, undefined),
+        ).toBeTruthy();
+      });
+
+      it('should match object with specific value', () => {
+        expect(
+          isHidden(mockDependsOnObjectWithValueField, mockObjectWithValueEntry, undefined),
+        ).toBeFalsy();
+      });
+    });
   });
 });
diff --git a/packages/core/src/lib/util/__tests__/filter.util.spec.ts b/packages/core/src/lib/util/__tests__/filter.util.spec.ts
index 2a5e91d7..9ec1fe7c 100644
--- a/packages/core/src/lib/util/__tests__/filter.util.spec.ts
+++ b/packages/core/src/lib/util/__tests__/filter.util.spec.ts
@@ -1,7 +1,7 @@
 import { createMockEntry } from '@staticcms/test/data/entry.mock';
 import filterEntries from '../filter.util';
 
-import type { Entry } from '@staticcms/core/interface';
+import type { Entry } from '@staticcms/core';
 
 describe('filterEntries', () => {
   const mockEnglishEntry = createMockEntry({
@@ -126,13 +126,13 @@ describe('filterEntries', () => {
     });
 
     it('should filter fields if field value is an array (must include value)', () => {
-      expect(filterEntries(entries, { field: 'tags', value: 'tag-4' }, undefined)).toEqual([
+      expect(filterEntries(entries, { field: 'tags.*', value: 'tag-4' }, undefined)).toEqual([
         mockFrenchEntry,
         mockIndexEntry,
         mockTags1and4Entry,
       ]);
 
-      expect(filterEntries(entries, { field: 'numbers', value: 8 }, undefined)).toEqual([
+      expect(filterEntries(entries, { field: 'numbers.*', value: 8 }, undefined)).toEqual([
         mockRandomFileNameEntry,
         mockTags1and4Entry,
       ]);
@@ -140,7 +140,7 @@ describe('filterEntries', () => {
 
     it('should filter fields if field value is an array and multiple filter values are provided (must include only one)', () => {
       expect(
-        filterEntries(entries, { field: 'tags', value: ['tag-3', 'tag-4'] }, undefined),
+        filterEntries(entries, { field: 'tags.*', value: ['tag-3', 'tag-4'] }, undefined),
       ).toEqual([
         mockFrenchEntry,
         mockIndexEntry,
@@ -149,7 +149,7 @@ describe('filterEntries', () => {
         mockTags1and4Entry,
       ]);
 
-      expect(filterEntries(entries, { field: 'numbers', value: ['5', '6'] }, undefined)).toEqual([
+      expect(filterEntries(entries, { field: 'numbers.*', value: ['5', '6'] }, undefined)).toEqual([
         mockEnglishEntry,
         mockFrenchEntry,
         mockIndexEntry,
@@ -160,13 +160,17 @@ describe('filterEntries', () => {
       expect(
         filterEntries(
           entries,
-          { field: 'tags', value: ['tag-1', 'tag-4'], matchAll: true },
+          { field: 'tags.*', value: ['tag-1', 'tag-4'], matchAll: true },
           undefined,
         ),
       ).toEqual([mockFrenchEntry, mockIndexEntry, mockTags1and4Entry]);
 
       expect(
-        filterEntries(entries, { field: 'numbers', value: ['5', '6'], matchAll: true }, undefined),
+        filterEntries(
+          entries,
+          { field: 'numbers.*', value: ['5', '6'], matchAll: true },
+          undefined,
+        ),
       ).toEqual([mockFrenchEntry, mockIndexEntry]);
     });
 
@@ -183,7 +187,7 @@ describe('filterEntries', () => {
         filterEntries(
           entries,
           [
-            { field: 'tags', value: ['tag-3', 'tag-4'] },
+            { field: 'tags.*', value: ['tag-3', 'tag-4'] },
             { field: 'language', value: 'gr' },
           ],
           undefined,
@@ -201,7 +205,7 @@ describe('filterEntries', () => {
         filterEntries(
           entries,
           [
-            { field: 'tags', value: ['tag-1', 'tag-4'], matchAll: true },
+            { field: 'tags.*', value: ['tag-1', 'tag-4'], matchAll: true },
             { field: 'language', value: 'gr' },
           ],
           undefined,
@@ -246,7 +250,7 @@ describe('filterEntries', () => {
       expect(
         filterEntries(
           entries,
-          [{ pattern: 'index.md$' }, { field: 'tags', value: 'tag-3' }],
+          [{ pattern: 'index.md$' }, { field: 'tags.*', value: 'tag-3' }],
           undefined,
         ),
       ).toEqual([mockUnderscoreIndexEntry]);
diff --git a/packages/core/src/lib/util/__tests__/media.util.spec.ts b/packages/core/src/lib/util/__tests__/media.util.spec.ts
index 138ba38d..f615895d 100644
--- a/packages/core/src/lib/util/__tests__/media.util.spec.ts
+++ b/packages/core/src/lib/util/__tests__/media.util.spec.ts
@@ -1,16 +1,16 @@
-import { createMockCollection } from '@staticcms/test/data/collections.mock';
+import { createMockFolderCollection } from '@staticcms/test/data/collections.mock';
 import { createMockConfig } from '@staticcms/test/data/config.mock';
 import { createMockEntry } from '@staticcms/test/data/entry.mock';
 import { mockImageField as mockBaseImageField } from '@staticcms/test/data/fields.mock';
 import { selectMediaFilePublicPath, selectMediaFolder } from '../media.util';
 
-import type { FileOrImageField, FolderCollection, UnknownField } from '@staticcms/core/interface';
+import type { FileOrImageField, FolderCollection, UnknownField } from '@staticcms/core';
 
 jest.mock('@staticcms/core/backend');
 
 describe('media.util', () => {
   describe('selectMediaFolder', () => {
-    const mockBaseCollection = createMockCollection<UnknownField>({
+    const mockBaseCollection = createMockFolderCollection<UnknownField>({
       fields: [
         {
           name: 'title',
@@ -29,7 +29,7 @@ describe('media.util', () => {
     it('does not transform path if it does not start with media_folder', () => {
       const mockConfig = createMockConfig({
         collections: [
-          createMockCollection<UnknownField>({
+          createMockFolderCollection<UnknownField>({
             folder: 'base/folder',
             slug: '{{fields.title}}-{{fields.name}}',
             fields: [
@@ -103,7 +103,7 @@ describe('media.util', () => {
         it('should use collection media_folder if available', () => {
           const mockConfig = createMockConfig({
             collections: [
-              createMockCollection<UnknownField>({
+              createMockFolderCollection<UnknownField>({
                 folder: 'base/folder',
                 media_folder: 'path/to/some/other/media/folder',
                 fields: [
@@ -130,7 +130,7 @@ describe('media.util', () => {
           it('should substitute field value', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   media_folder: 'path/to/some/other/media/{{fields.title}}',
                   fields: [
@@ -156,7 +156,7 @@ describe('media.util', () => {
           it('should substitute slug', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   media_folder: 'path/to/some/other/media/{{slug}}',
                   slug: '{{fields.title}}-{{fields.name}}',
@@ -194,7 +194,7 @@ describe('media.util', () => {
           it('should substitute slug from top level media_folder (always considered an absolute path)', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   slug: '{{fields.title}}-{{fields.name}}',
                   fields: [
@@ -231,7 +231,7 @@ describe('media.util', () => {
           it('should not throw error when evaluating slug for new entry', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   media_folder: 'path/to/some/other/media/{{slug}}',
                   slug: '{{fields.title}}-{{fields.name}}',
@@ -273,7 +273,7 @@ describe('media.util', () => {
         it('should use collection media_folder if available', () => {
           const mockConfig = createMockConfig({
             collections: [
-              createMockCollection<UnknownField>({
+              createMockFolderCollection<UnknownField>({
                 folder: 'base/folder',
                 media_folder: '/path/to/some/other/media/folder',
                 fields: [
@@ -300,7 +300,7 @@ describe('media.util', () => {
           it('should substitute field value', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   media_folder: '/path/to/some/other/media/{{fields.title}}',
                   fields: [
@@ -326,7 +326,7 @@ describe('media.util', () => {
           it('should substitute slug', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   media_folder: '/path/to/some/other/media/{{slug}}',
                   slug: '{{fields.title}}-{{fields.name}}',
@@ -364,7 +364,7 @@ describe('media.util', () => {
           it('should substitute slug from top level media_folder', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   slug: '{{fields.title}}-{{fields.name}}',
                   fields: [
@@ -401,7 +401,7 @@ describe('media.util', () => {
           it('should not throw error when evaluating slug for new entry', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   media_folder: '/path/to/some/other/media/{{slug}}',
                   slug: '{{fields.title}}-{{fields.name}}',
@@ -442,7 +442,7 @@ describe('media.util', () => {
   });
 
   describe('selectMediaFilePublicPath', () => {
-    const mockBaseCollection = createMockCollection<UnknownField>({
+    const mockBaseCollection = createMockFolderCollection<UnknownField>({
       fields: [
         {
           name: 'title',
@@ -543,7 +543,7 @@ describe('media.util', () => {
         it('should use collection public_folder if available', () => {
           const mockConfig = createMockConfig({
             collections: [
-              createMockCollection<UnknownField>({
+              createMockFolderCollection<UnknownField>({
                 folder: 'base/folder',
                 media_folder: 'path/to/collection/media/folder',
                 public_folder: 'path/to/collection/public/folder',
@@ -576,7 +576,7 @@ describe('media.util', () => {
         it('should use collection media_folder if no public_folder is available', () => {
           const mockConfig = createMockConfig({
             collections: [
-              createMockCollection<UnknownField>({
+              createMockFolderCollection<UnknownField>({
                 folder: 'base/folder',
                 media_folder: 'path/to/collection/media/folder',
                 fields: [
@@ -608,7 +608,7 @@ describe('media.util', () => {
         it('should handle folder collections path', () => {
           const mockConfig = createMockConfig({
             collections: [
-              createMockCollection<UnknownField>({
+              createMockFolderCollection<UnknownField>({
                 folder: 'base/folder',
                 media_folder: '',
                 public_folder: '',
@@ -645,7 +645,7 @@ describe('media.util', () => {
         it('should handle folder collections path for new entry', () => {
           const mockConfig = createMockConfig({
             collections: [
-              createMockCollection<UnknownField>({
+              createMockFolderCollection<UnknownField>({
                 folder: 'base/folder',
                 media_folder: '',
                 public_folder: '',
@@ -683,7 +683,7 @@ describe('media.util', () => {
           it('should substitute field value', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   media_folder: 'path/to/some/other/media/{{fields.title}}',
                   fields: [
@@ -715,7 +715,7 @@ describe('media.util', () => {
           it('should substitute slug', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   media_folder: 'path/to/some/other/media/{{slug}}',
                   slug: '{{fields.title}}-{{fields.name}}',
@@ -759,7 +759,7 @@ describe('media.util', () => {
           it('should substitute slug from top level media_folder if no public_folders', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   slug: '{{fields.title}}-{{fields.name}}',
                   fields: [
@@ -802,7 +802,7 @@ describe('media.util', () => {
           it('should substitute slug from top level public_folder', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   slug: '{{fields.title}}-{{fields.name}}',
                   fields: [
@@ -846,7 +846,7 @@ describe('media.util', () => {
           it('should not throw error when evaluating slug for new entry', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   media_folder: 'path/to/collection/media/folder/{{slug}}',
                   public_folder: 'path/to/collection/public/folder/{{slug}}',
@@ -895,7 +895,7 @@ describe('media.util', () => {
         it('should use collection public_folder if available', () => {
           const mockConfig = createMockConfig({
             collections: [
-              createMockCollection<UnknownField>({
+              createMockFolderCollection<UnknownField>({
                 folder: 'base/folder',
                 media_folder: 'path/to/collection/media/folder',
                 public_folder: '/path/to/collection/public/folder',
@@ -928,7 +928,7 @@ describe('media.util', () => {
         it('should use collection media_folder if no public_folder is available', () => {
           const mockConfig = createMockConfig({
             collections: [
-              createMockCollection<UnknownField>({
+              createMockFolderCollection<UnknownField>({
                 folder: 'base/folder',
                 media_folder: '/path/to/collection/media/folder',
                 fields: [
@@ -961,7 +961,7 @@ describe('media.util', () => {
           it('should substitute field value', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   media_folder: '/path/to/some/other/media/{{fields.title}}',
                   fields: [
@@ -993,7 +993,7 @@ describe('media.util', () => {
           it('should substitute slug', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   media_folder: '/path/to/some/other/media/{{slug}}',
                   slug: '{{fields.title}}-{{fields.name}}',
@@ -1037,7 +1037,7 @@ describe('media.util', () => {
           it('should substitute slug from top level media_folder if no public_folders', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   slug: '{{fields.title}}-{{fields.name}}',
                   fields: [
@@ -1080,7 +1080,7 @@ describe('media.util', () => {
           it('should substitute slug from top level public_folder', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   slug: '{{fields.title}}-{{fields.name}}',
                   fields: [
@@ -1124,7 +1124,7 @@ describe('media.util', () => {
           it('should not throw error when evaluating slug for new entry', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   media_folder: '/path/to/collection/media/folder/{{slug}}',
                   public_folder: '/path/to/collection/public/folder/{{slug}}',
@@ -1171,7 +1171,7 @@ describe('media.util', () => {
     });
 
     describe('with folder support', () => {
-      const mockBaseCollection = createMockCollection<UnknownField>({
+      const mockBaseCollection = createMockFolderCollection<UnknownField>({
         fields: [
           {
             name: 'title',
@@ -1276,7 +1276,7 @@ describe('media.util', () => {
           it('should handle folder collections path', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   media_folder: '',
                   public_folder: '',
@@ -1314,7 +1314,7 @@ describe('media.util', () => {
           it('should handle folder collections path for new entry', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   media_folder: '',
                   public_folder: '',
@@ -1352,7 +1352,7 @@ describe('media.util', () => {
           it('should use collection public_folder if available', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   media_folder: 'path/to/collection/media/folder',
                   public_folder: 'path/to/collection/public/folder',
@@ -1386,7 +1386,7 @@ describe('media.util', () => {
           it('should use collection media_folder if no public_folder is available', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   media_folder: 'path/to/collection/media/folder',
                   fields: [
@@ -1419,7 +1419,7 @@ describe('media.util', () => {
           it('should handle folder collections path', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   media_folder: '',
                   public_folder: '',
@@ -1458,7 +1458,7 @@ describe('media.util', () => {
             it('should substitute field value', () => {
               const mockConfig = createMockConfig({
                 collections: [
-                  createMockCollection<UnknownField>({
+                  createMockFolderCollection<UnknownField>({
                     folder: 'base/folder',
                     media_folder: 'path/to/some/other/media/{{fields.title}}',
                     fields: [
@@ -1491,7 +1491,7 @@ describe('media.util', () => {
             it('should substitute slug', () => {
               const mockConfig = createMockConfig({
                 collections: [
-                  createMockCollection<UnknownField>({
+                  createMockFolderCollection<UnknownField>({
                     folder: 'base/folder',
                     media_folder: 'path/to/some/other/media/{{slug}}',
                     slug: '{{fields.title}}-{{fields.name}}',
@@ -1536,7 +1536,7 @@ describe('media.util', () => {
             it('should substitute slug from top level media_folder if no public_folders', () => {
               const mockConfig = createMockConfig({
                 collections: [
-                  createMockCollection<UnknownField>({
+                  createMockFolderCollection<UnknownField>({
                     folder: 'base/folder',
                     slug: '{{fields.title}}-{{fields.name}}',
                     fields: [
@@ -1580,7 +1580,7 @@ describe('media.util', () => {
             it('should substitute slug from top level public_folder', () => {
               const mockConfig = createMockConfig({
                 collections: [
-                  createMockCollection<UnknownField>({
+                  createMockFolderCollection<UnknownField>({
                     folder: 'base/folder',
                     slug: '{{fields.title}}-{{fields.name}}',
                     fields: [
@@ -1625,7 +1625,7 @@ describe('media.util', () => {
             it('should not throw error when evaluating slug for new entry', () => {
               const mockConfig = createMockConfig({
                 collections: [
-                  createMockCollection<UnknownField>({
+                  createMockFolderCollection<UnknownField>({
                     folder: 'base/folder',
                     media_folder: 'path/to/collection/media/folder/{{slug}}',
                     public_folder: 'path/to/collection/public/folder/{{slug}}',
@@ -1675,7 +1675,7 @@ describe('media.util', () => {
           it('should use collection public_folder if available', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   media_folder: 'path/to/collection/media/folder',
                   public_folder: '/path/to/collection/public/folder',
@@ -1709,7 +1709,7 @@ describe('media.util', () => {
           it('should use collection media_folder if no public_folder is available', () => {
             const mockConfig = createMockConfig({
               collections: [
-                createMockCollection<UnknownField>({
+                createMockFolderCollection<UnknownField>({
                   folder: 'base/folder',
                   media_folder: '/path/to/collection/media/folder',
                   fields: [
@@ -1743,7 +1743,7 @@ describe('media.util', () => {
             it('should substitute field value', () => {
               const mockConfig = createMockConfig({
                 collections: [
-                  createMockCollection<UnknownField>({
+                  createMockFolderCollection<UnknownField>({
                     folder: 'base/folder',
                     media_folder: '/path/to/some/other/media/{{fields.title}}',
                     fields: [
@@ -1776,7 +1776,7 @@ describe('media.util', () => {
             it('should substitute slug', () => {
               const mockConfig = createMockConfig({
                 collections: [
-                  createMockCollection<UnknownField>({
+                  createMockFolderCollection<UnknownField>({
                     folder: 'base/folder',
                     media_folder: '/path/to/some/other/media/{{slug}}',
                     slug: '{{fields.title}}-{{fields.name}}',
@@ -1821,7 +1821,7 @@ describe('media.util', () => {
             it('should substitute slug from top level media_folder if no public_folders', () => {
               const mockConfig = createMockConfig({
                 collections: [
-                  createMockCollection<UnknownField>({
+                  createMockFolderCollection<UnknownField>({
                     folder: 'base/folder',
                     slug: '{{fields.title}}-{{fields.name}}',
                     fields: [
@@ -1865,7 +1865,7 @@ describe('media.util', () => {
             it('should substitute slug from top level public_folder', () => {
               const mockConfig = createMockConfig({
                 collections: [
-                  createMockCollection<UnknownField>({
+                  createMockFolderCollection<UnknownField>({
                     folder: 'base/folder',
                     slug: '{{fields.title}}-{{fields.name}}',
                     fields: [
@@ -1910,7 +1910,7 @@ describe('media.util', () => {
             it('should not throw error when evaluating slug for new entry', () => {
               const mockConfig = createMockConfig({
                 collections: [
-                  createMockCollection<UnknownField>({
+                  createMockFolderCollection<UnknownField>({
                     folder: 'base/folder',
                     media_folder: '/path/to/collection/media/folder/{{slug}}',
                     public_folder: '/path/to/collection/public/folder/{{slug}}',
diff --git a/packages/core/src/lib/util/__tests__/nested.util.spec.ts b/packages/core/src/lib/util/__tests__/nested.util.spec.ts
index dc884f8a..e6031e4f 100644
--- a/packages/core/src/lib/util/__tests__/nested.util.spec.ts
+++ b/packages/core/src/lib/util/__tests__/nested.util.spec.ts
@@ -1,8 +1,8 @@
 import { getTreeData } from '../nested.util';
 
-import type { Collection, Entry } from '@staticcms/core/interface';
+import type { CollectionWithDefaults, Entry } from '@staticcms/core';
 
-const collection: Collection = {
+const collection: CollectionWithDefaults = {
   create: true,
   fields: [
     { label: 'Title', name: 'title', widget: 'string' },
@@ -20,8 +20,8 @@ const collection: Collection = {
   name: 'pages',
   nested: { depth: 100, summary: '{{title}}', path: { label: 'Path', index_file: 'index' } },
   sortable_fields: { fields: Array(1) },
-  view_filters: [],
-  view_groups: [],
+  view_filters: { filters: [] },
+  view_groups: { groups: [] },
 };
 
 const entries: Entry[] = [
@@ -38,8 +38,8 @@ const entries: Entry[] = [
     path: '_nested_pages/authors/author-1/index.md',
     raw: '---\ntitle: An Author\n---\nAuthor details go here!.\n',
     slug: 'authors/author-1/index',
-    status: '',
     updatedOn: '',
+    openAuthoring: false,
   },
   {
     author: '',
@@ -54,8 +54,8 @@ const entries: Entry[] = [
     path: '_nested_pages/authors/index.md',
     raw: '---\ntitle: Authors\n---\n',
     slug: 'authors/index',
-    status: '',
     updatedOn: '',
+    openAuthoring: false,
   },
   {
     author: '',
@@ -73,8 +73,8 @@ const entries: Entry[] = [
     path: '_nested_pages/posts/hello-world/index.md',
     raw: '---\ntitle: Hello World\n---\nCoffee is a small tree or shrub that grows in the forest understory in its wild form, and traditionally was grown commercially under other trees that provided shade. The forest-like structure of shade coffee farms provides habitat for a great number of migratory and resident species.\n',
     slug: 'posts/hello-world/index',
-    status: '',
     updatedOn: '',
+    openAuthoring: false,
   },
   {
     author: '',
@@ -89,8 +89,8 @@ const entries: Entry[] = [
     path: '_nested_pages/posts/index.md',
     raw: '---\ntitle: Posts\n---\n',
     slug: 'posts/index',
-    status: '',
     updatedOn: '',
+    openAuthoring: false,
   },
   {
     author: '',
@@ -108,8 +108,8 @@ const entries: Entry[] = [
     path: '_nested_pages/posts/news/hello-world-news/index.md',
     raw: '---\ntitle: Hello World News\n---\nCoffee is a small tree or shrub that grows in the forest understory in its wild form, and traditionally was grown commercially under other trees that provided shade. The forest-like structure of shade coffee farms provides habitat for a great number of migratory and resident species.\n',
     slug: 'posts/news/hello-world-news/index',
-    status: '',
     updatedOn: '',
+    openAuthoring: false,
   },
   {
     author: '',
@@ -124,8 +124,8 @@ const entries: Entry[] = [
     path: '_nested_pages/posts/news/index.md',
     raw: '---\ntitle: News Articles\n---\n',
     slug: 'posts/news/index',
-    status: '',
     updatedOn: '',
+    openAuthoring: false,
   },
   {
     author: '',
@@ -140,8 +140,8 @@ const entries: Entry[] = [
     path: '_nested_pages/index.md',
     raw: '---\ntitle: Pages\n---\n',
     slug: 'index',
-    status: '',
     updatedOn: '',
+    openAuthoring: false,
   },
 ];
 
diff --git a/packages/core/src/lib/util/backendUtil.ts b/packages/core/src/lib/util/backendUtil.ts
index 04ecb3b6..4c5c2875 100644
--- a/packages/core/src/lib/util/backendUtil.ts
+++ b/packages/core/src/lib/util/backendUtil.ts
@@ -64,6 +64,7 @@ export async function parseResponse<T extends keyof typeof responseFormatters =
   { expectingOk = true, format = 'text', apiName = '' }: ParseResponseOptions,
 ): Promise<Awaited<ReturnType<(typeof responseFormatters)[T]>>> {
   let body: Awaited<ReturnType<(typeof responseFormatters)[T]>>;
+
   try {
     const formatter = responseFormatters[format] ?? false;
     if (!formatter) {
diff --git a/packages/core/src/lib/util/collection.util.ts b/packages/core/src/lib/util/collection.util.ts
index d476e965..f66cb183 100644
--- a/packages/core/src/lib/util/collection.util.ts
+++ b/packages/core/src/lib/util/collection.util.ts
@@ -14,25 +14,27 @@ import { keyToPathArray } from '../widgets/stringTemplate';
 import { selectField } from './field.util';
 import { selectMediaFolder } from './media.util';
 
-import type { Backend } from '@staticcms/core/backend';
 import type {
   BaseField,
   Collection,
   CollectionFile,
-  Collections,
+  CollectionFileWithDefaults,
+  CollectionWithDefaults,
+  CollectionsWithDefaults,
   Config,
+  ConfigWithDefaults,
   Entry,
   Field,
-  FilesCollection,
   InferredField,
   ObjectField,
   SortableField,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
+import type { InferrableField } from '@staticcms/core/constants/fieldInference';
 
 export function fileForEntry<EF extends BaseField>(
-  collection: Collection<EF> | undefined | null,
+  collection: CollectionWithDefaults<EF> | undefined | null,
   slug?: string,
-): CollectionFile<EF> | undefined {
+): CollectionFileWithDefaults<EF> | undefined {
   if (!collection || !('files' in collection)) {
     return undefined;
   }
@@ -44,19 +46,9 @@ export function fileForEntry<EF extends BaseField>(
   return files && files.filter(f => f?.name === slug)?.[0];
 }
 
-export function selectFields<EF extends BaseField>(
-  collection: Collection<EF>,
-  slug?: string,
-): Field<EF>[] {
-  if ('fields' in collection) {
-    return collection.fields;
-  }
-
-  const file = fileForEntry(collection, slug);
-  return file ? file.fields : [];
-}
-
-export function selectFolderEntryExtension<EF extends BaseField>(collection: Collection<EF>) {
+export function selectFolderEntryExtension<EF extends BaseField>(
+  collection: CollectionWithDefaults<EF>,
+) {
   return (collection.extension || formatExtensions[collection.format ?? 'frontmatter']).replace(
     /^\./,
     '',
@@ -64,7 +56,7 @@ export function selectFolderEntryExtension<EF extends BaseField>(collection: Col
 }
 
 export function selectFileEntryLabel<EF extends BaseField>(
-  collection: Collection<EF>,
+  collection: CollectionWithDefaults<EF>,
   slug: string,
 ) {
   if ('fields' in collection) {
@@ -75,7 +67,10 @@ export function selectFileEntryLabel<EF extends BaseField>(
   return file && file.label;
 }
 
-export function selectEntryPath<EF extends BaseField>(collection: Collection<EF>, slug: string) {
+export function selectEntryPath<EF extends BaseField>(
+  collection: CollectionWithDefaults<EF>,
+  slug: string,
+) {
   if ('fields' in collection) {
     const folder = collection.folder.replace(/\/$/, '');
 
@@ -92,7 +87,10 @@ export function selectEntryPath<EF extends BaseField>(collection: Collection<EF>
   return file && file.file;
 }
 
-export function selectEntrySlug<EF extends BaseField>(collection: Collection<EF>, path: string) {
+export function selectEntrySlug<EF extends BaseField>(
+  collection: CollectionWithDefaults<EF>,
+  path: string,
+) {
   if ('fields' in collection) {
     const folder = (collection.folder as string).replace(/\/$/, '');
     const slug = path
@@ -107,7 +105,9 @@ export function selectEntrySlug<EF extends BaseField>(collection: Collection<EF>
   return file && file.name;
 }
 
-export function selectAllowNewEntries<EF extends BaseField>(collection: Collection<EF>) {
+export function selectAllowNewEntries<EF extends BaseField>(
+  collection: CollectionWithDefaults<EF>,
+) {
   if ('fields' in collection) {
     return collection.create ?? true;
   }
@@ -115,7 +115,7 @@ export function selectAllowNewEntries<EF extends BaseField>(collection: Collecti
   return false;
 }
 
-export function selectAllowDeletion<EF extends BaseField>(collection: Collection<EF>) {
+export function selectAllowDeletion<EF extends BaseField>(collection: CollectionWithDefaults<EF>) {
   if ('fields' in collection) {
     return collection.delete ?? true;
   }
@@ -123,7 +123,22 @@ export function selectAllowDeletion<EF extends BaseField>(collection: Collection
   return false;
 }
 
-export function selectTemplateName<EF extends BaseField>(collection: Collection<EF>, slug: string) {
+export function selectAllowPublish<EF extends BaseField>(
+  collection: CollectionWithDefaults<EF>,
+  slug: string | undefined,
+) {
+  const file = fileForEntry(collection, slug);
+  if (file) {
+    return file.publish;
+  }
+
+  return 'publish' in collection ? collection.publish ?? true : true;
+}
+
+export function selectTemplateName<EF extends BaseField>(
+  collection: CollectionWithDefaults<EF>,
+  slug: string,
+) {
   if ('fields' in collection) {
     return collection.name;
   }
@@ -132,9 +147,13 @@ export function selectTemplateName<EF extends BaseField>(collection: Collection<
 }
 
 export function selectEntryCollectionTitle<EF extends BaseField>(
-  collection: Collection<EF>,
+  collection: CollectionWithDefaults<EF> | undefined,
   entry: Entry,
 ): string {
+  if (!collection) {
+    return '';
+  }
+
   // prefer formatted summary over everything else
   const summaryTemplate = collection.summary;
   if (summaryTemplate) {
@@ -163,19 +182,21 @@ export function selectEntryCollectionTitle<EF extends BaseField>(
 }
 
 export function selectDefaultSortableFields<EF extends BaseField>(
-  collection: Collection<EF>,
-  backend: Backend<EF>,
+  collection: CollectionWithDefaults<EF>,
+  config: Config<EF>,
 ) {
-  let defaultSortable = SORTABLE_FIELDS.map((type: string) => {
+  const isGitBackend = !['proxy', 'test'].includes(config.backend.name);
+
+  let defaultSortable = SORTABLE_FIELDS.map(type => {
     const field = selectInferredField(collection, type);
-    if (backend.isGitBackend() && type === 'author' && !field) {
+    if (isGitBackend && type === 'author' && !field) {
       // default to commit author if not author field is found
       return COMMIT_AUTHOR;
     }
     return field;
   }).filter(Boolean);
 
-  if (backend.isGitBackend()) {
+  if (isGitBackend) {
     // always have commit date by default
     defaultSortable = [COMMIT_DATE, ...defaultSortable];
   }
@@ -183,8 +204,8 @@ export function selectDefaultSortableFields<EF extends BaseField>(
   return defaultSortable as string[];
 }
 
-export function selectSortableFields(
-  collection: Collection | undefined,
+export function getSortableFields(
+  collection: CollectionWithDefaults | undefined,
   t: (key: string) => string,
 ): SortableField[] {
   if (!collection) {
@@ -209,16 +230,16 @@ export function selectSortableFields(
   return fields;
 }
 
-export function selectViewFilters<EF extends BaseField>(collection?: Collection<EF>) {
+export function getViewFilters<EF extends BaseField>(collection?: CollectionWithDefaults<EF>) {
   return collection?.view_filters;
 }
 
-export function selectViewGroups<EF extends BaseField>(collection?: Collection<EF>) {
+export function getViewGroups<EF extends BaseField>(collection?: CollectionWithDefaults<EF>) {
   return collection?.view_groups;
 }
 
 export function selectFieldsComments<EF extends BaseField>(
-  collection: Collection<EF>,
+  collection: CollectionWithDefaults<EF>,
   entryMap: Entry,
 ) {
   let fields: Field<EF>[] = [];
@@ -262,14 +283,18 @@ function getFieldsWithMediaFolders<EF extends BaseField>(fields: Field<EF>[]) {
 }
 
 export function getFileFromSlug<EF extends BaseField>(
-  collection: FilesCollection<EF>,
+  collection: Collection<EF>,
   slug: string,
-) {
+): CollectionFile<EF> | undefined {
+  if (!('files' in collection)) {
+    return undefined;
+  }
+
   return collection.files?.find(f => f.name === slug);
 }
 
 export function selectFieldsWithMediaFolders<EF extends BaseField>(
-  collection: Collection<EF>,
+  collection: CollectionWithDefaults<EF>,
   slug: string,
 ) {
   if ('folder' in collection) {
@@ -282,8 +307,8 @@ export function selectFieldsWithMediaFolders<EF extends BaseField>(
 }
 
 export function selectMediaFolders<EF extends BaseField>(
-  config: Config<EF>,
-  collection: Collection<EF>,
+  config: ConfigWithDefaults<EF>,
+  collection: CollectionWithDefaults<EF>,
   entry: Entry,
 ) {
   const fields = selectFieldsWithMediaFolders(collection, entry.slug);
@@ -344,10 +369,10 @@ export function traverseFields(
 }
 
 export function updateFieldByKey(
-  collection: Collection,
+  collection: CollectionWithDefaults,
   key: string,
   updater: (field: Field) => Field,
-): Collection {
+): CollectionWithDefaults {
   const selected = selectField(collection, key);
   if (!selected) {
     return collection;
@@ -372,7 +397,7 @@ export function updateFieldByKey(
   return collection;
 }
 
-export function selectIdentifier<EF extends BaseField>(collection: Collection<EF>) {
+export function selectIdentifier<EF extends BaseField>(collection: CollectionWithDefaults<EF>) {
   const identifier = collection.identifier_field;
   const identifierFields = identifier ? [identifier, ...IDENTIFIER_FIELDS] : [...IDENTIFIER_FIELDS];
   const fieldNames = getFieldsNames('fields' in collection ? collection.fields ?? [] : []);
@@ -382,24 +407,17 @@ export function selectIdentifier<EF extends BaseField>(collection: Collection<EF
 }
 
 export function selectInferredField<EF extends BaseField>(
-  collection: Collection<EF>,
-  fieldName: string,
+  collection: CollectionWithDefaults<EF> | undefined,
+  fieldName: InferrableField,
 ) {
+  if (!collection) {
+    return;
+  }
+
   if (fieldName === 'title' && collection.identifier_field) {
     return selectIdentifier(collection);
   }
-  const inferableField = (
-    INFERABLE_FIELDS as Record<
-      string,
-      {
-        type: string;
-        synonyms: string[];
-        secondaryTypes: string[];
-        fallbackToFirstField: boolean;
-        showError: boolean;
-      }
-    >
-  )[fieldName];
+  const inferableField = INFERABLE_FIELDS[fieldName];
   const fields = 'fields' in collection ? collection.fields ?? [] : undefined;
   let field;
 
@@ -441,7 +459,55 @@ export function selectInferredField<EF extends BaseField>(
   return null;
 }
 
-export function useInferredFields(collection: Collection) {
+export function getInferredFields(
+  collection: CollectionWithDefaults | undefined,
+): Partial<Record<InferrableField, string>> {
+  if (!collection) {
+    return {};
+  }
+
+  const iFields: Partial<Record<InferrableField, string>> = {};
+
+  const titleField = selectInferredField(collection, 'title');
+  if (titleField) {
+    iFields.title = titleField;
+  }
+
+  const shortTitleField = selectInferredField(collection, 'shortTitle');
+  if (shortTitleField) {
+    iFields.shortTitle = shortTitleField;
+  }
+
+  const authorField = selectInferredField(collection, 'author');
+  if (authorField) {
+    iFields.author = authorField;
+  }
+
+  const dateField = selectInferredField(collection, 'date');
+  if (dateField) {
+    iFields.date = dateField;
+  }
+
+  const descriptionField = selectInferredField(collection, 'description');
+  if (descriptionField) {
+    iFields.description = descriptionField;
+  }
+
+  const imageField = selectInferredField(collection, 'image');
+  if (imageField) {
+    iFields.image = imageField;
+  }
+
+  return iFields;
+}
+
+export function useInferredFields(
+  collection: CollectionWithDefaults | undefined,
+): Partial<Record<InferrableField, string>> {
+  return useMemo(() => getInferredFields(collection), [collection]);
+}
+
+export function useInferredFieldsByName(collection: CollectionWithDefaults) {
   return useMemo(() => {
     const titleField = selectInferredField(collection, 'title');
     const shortTitleField = selectInferredField(collection, 'shortTitle');
@@ -461,7 +527,11 @@ export function useInferredFields(collection: Collection) {
   }, [collection]);
 }
 
-export function getDefaultPath(collections: Collections) {
+export function getDefaultPath(collections: CollectionsWithDefaults, useWorkflow: boolean) {
+  if (useWorkflow) {
+    return '/dashboard';
+  }
+
   if (Object.keys(collections).length === 0) {
     throw new Error('No collections found');
   }
@@ -477,3 +547,25 @@ export function getDefaultPath(collections: Collections) {
 
   return `/collections/${options[0].name}`;
 }
+
+export function getFields<EF extends BaseField>(
+  collection: CollectionWithDefaults<EF> | undefined,
+  slug?: string,
+): Field<EF>[] {
+  if (!collection) {
+    return [];
+  }
+
+  if ('fields' in collection) {
+    return collection.fields;
+  }
+
+  if (slug) {
+    const file = getFileFromSlug(collection, slug);
+    if (file) {
+      return file.fields;
+    }
+  }
+
+  return [];
+}
diff --git a/packages/core/src/lib/util/entry.util.ts b/packages/core/src/lib/util/entry.util.ts
index a129af75..a7027a3c 100644
--- a/packages/core/src/lib/util/entry.util.ts
+++ b/packages/core/src/lib/util/entry.util.ts
@@ -12,58 +12,55 @@ import { joinUrlPath } from '../urlHelper';
 import { isNotNullish } from './null.util';
 import { isNotEmpty } from './string.util';
 
-import type {
-  BaseField,
-  Collection,
-  Entry,
-  EntryData,
-  Field,
-  ObjectValue,
-} from '@staticcms/core/interface';
+import type { CollectionWithDefaults, EntryData, Field, ObjectValue } from '@staticcms/core';
+import type { BaseField, Collection, Entry } from '@staticcms/core/interface';
 
 export function applyDefaultsToDraftData(
   fields: Field[],
   skipField: (field: Field) => boolean = () => false,
   initialValue?: ObjectValue | null,
 ) {
-  const emptyDraftData = fields.reduce((acc, item) => {
-    const name = item.name;
+  const emptyDraftData = fields.reduce(
+    (acc, item) => {
+      const name = item.name;
 
-    if (skipField(item) || isNotNullish(acc[name])) {
-      return acc;
-    }
-
-    const subfields = 'fields' in item && item.fields;
-    const list = item.widget === 'list';
-    const defaultValue = (('default' in item ? item.default : null) ?? null) as EntryData;
-
-    function isEmptyDefaultValue(val: EntryData | EntryData[]) {
-      return [[{}], {}].some(e => isEqual(val, e));
-    }
-
-    if (subfields) {
-      if (list && Array.isArray(defaultValue)) {
-        acc[name] = defaultValue;
-      } else {
-        const asList = Array.isArray(subfields) ? subfields : [subfields];
-
-        const subDefaultValue = list
-          ? [applyDefaultsToDraftData(asList, skipField)]
-          : applyDefaultsToDraftData(asList, skipField);
-
-        if (!isEmptyDefaultValue(subDefaultValue)) {
-          acc[name] = subDefaultValue;
-        }
+      if (skipField(item) || isNotNullish(acc[name])) {
+        return acc;
       }
+
+      const subfields = 'fields' in item && item.fields;
+      const list = item.widget === 'list';
+      const defaultValue = (('default' in item ? item.default : null) ?? null) as EntryData;
+
+      function isEmptyDefaultValue(val: EntryData | EntryData[]) {
+        return [[{}], {}].some(e => isEqual(val, e));
+      }
+
+      if (subfields) {
+        if (list && Array.isArray(defaultValue)) {
+          acc[name] = defaultValue;
+        } else {
+          const asList = Array.isArray(subfields) ? subfields : [subfields];
+
+          const subDefaultValue = list
+            ? [applyDefaultsToDraftData(asList, skipField)]
+            : applyDefaultsToDraftData(asList, skipField);
+
+          if (!isEmptyDefaultValue(subDefaultValue)) {
+            acc[name] = subDefaultValue;
+          }
+        }
+        return acc;
+      }
+
+      if (defaultValue !== null) {
+        acc[name] = defaultValue;
+      }
+
       return acc;
-    }
-
-    if (defaultValue !== null) {
-      acc[name] = defaultValue;
-    }
-
-    return acc;
-  }, (initialValue ?? {}) as ObjectValue);
+    },
+    (initialValue ?? {}) as ObjectValue,
+  );
 
   return emptyDraftData;
 }
@@ -72,7 +69,7 @@ export function createEmptyDraftData(fields: Field[], skipField?: (field: Field)
   return applyDefaultsToDraftData(fields, skipField);
 }
 
-export function createEmptyDraftI18nData(collection: Collection, dataFields: Field[]) {
+export function createEmptyDraftI18nData(collection: CollectionWithDefaults, dataFields: Field[]) {
   if (!hasI18n(collection)) {
     return {};
   }
diff --git a/packages/core/src/lib/util/events/DataEvent.ts b/packages/core/src/lib/util/events/DataEvent.ts
index 4f74a2e6..ca6e6144 100644
--- a/packages/core/src/lib/util/events/DataEvent.ts
+++ b/packages/core/src/lib/util/events/DataEvent.ts
@@ -1,4 +1,4 @@
-import type { ValueOrNestedValue } from '@staticcms/core/interface';
+import type { ValueOrNestedValue } from '@staticcms/core';
 
 export interface DataUpdateEventProps {
   field: string;
diff --git a/packages/core/src/lib/util/field.util.ts b/packages/core/src/lib/util/field.util.ts
index f2bfc35a..3fb32bd3 100644
--- a/packages/core/src/lib/util/field.util.ts
+++ b/packages/core/src/lib/util/field.util.ts
@@ -7,14 +7,17 @@ import { entryMatchesFieldRule } from './filter.util';
 
 import type {
   BaseField,
-  Collection,
+  CollectionWithDefaults,
   Entry,
   Field,
   ValueOrNestedValue,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 import type { t } from 'react-polyglot';
 
-export function selectField<EF extends BaseField>(collection: Collection<EF>, key: string) {
+export function selectField<EF extends BaseField>(
+  collection: CollectionWithDefaults<EF>,
+  key: string,
+) {
   const array = keyToPathArray(key);
   let name: string | undefined;
   let field: Field<EF> | undefined;
@@ -64,7 +67,10 @@ function findField(field: Field | undefined, path: string[]): Field | null {
   );
 }
 
-export function getField(field: Field | Field[], path: string): Field | null {
+export function getField(
+  field: Field | Field[] | undefined,
+  path: string | undefined | null,
+): Field | null {
   return findField(
     Array.isArray(field)
       ? {
@@ -73,7 +79,7 @@ export function getField(field: Field | Field[], path: string): Field | null {
           fields: field,
         }
       : field,
-    path.split('.'),
+    (path ?? '').split('.'),
   );
 }
 
diff --git a/packages/core/src/lib/util/filter.util.ts b/packages/core/src/lib/util/filter.util.ts
index 4f76c6df..5f702de3 100644
--- a/packages/core/src/lib/util/filter.util.ts
+++ b/packages/core/src/lib/util/filter.util.ts
@@ -1,31 +1,53 @@
-import { parse } from 'path';
 import get from 'lodash/get';
+import { parse } from 'path';
 
-import type { Entry, FieldFilterRule, FilterRule } from '@staticcms/core/interface';
+import { isNullish } from './null.util';
+
+import type { Entry, FieldFilterRule, FilterRule, ValueOrNestedValue } from '@staticcms/core';
+
+function valueToString(value: ValueOrNestedValue) {
+  if (Array.isArray(value) || (typeof value === 'object' && !(value instanceof Date))) {
+    return JSON.stringify(value);
+  }
+
+  if (isNullish(value)) {
+    return '';
+  }
+
+  return String(value);
+}
 
 export function entryMatchesFieldRule(
   entry: Entry,
   filterRule: FieldFilterRule,
   listItemPath: string | undefined,
 ): boolean {
-  const fieldValue = get(
-    entry.data,
-    listItemPath ? `${listItemPath}.${filterRule.field}` : filterRule.field,
-  );
-  if ('pattern' in filterRule) {
-    if (Array.isArray(fieldValue)) {
-      return Boolean(fieldValue.find(v => new RegExp(filterRule.pattern).test(String(v))));
-    }
+  const searchInArray = /\.\*$/.test(filterRule.field);
 
-    return new RegExp(filterRule.pattern).test(String(fieldValue));
+  let field = filterRule.field;
+  if (searchInArray) {
+    field = field.replace(/\.\*$/, '');
   }
 
-  if (Array.isArray(fieldValue)) {
+  const fieldValue = get(entry.data, listItemPath ? `${listItemPath}.${field}` : field);
+  if ('pattern' in filterRule) {
+    if (Array.isArray(fieldValue) && searchInArray) {
+      return Boolean(
+        fieldValue.find(v => {
+          return new RegExp(filterRule.pattern).test(valueToString(v));
+        }),
+      );
+    }
+
+    return new RegExp(filterRule.pattern).test(valueToString(fieldValue));
+  }
+
+  if (Array.isArray(fieldValue) && searchInArray) {
     if (Array.isArray(filterRule.value)) {
       if (filterRule.matchAll) {
         return Boolean(
           filterRule.value.every(ruleValue =>
-            fieldValue.find(v => String(v) === String(ruleValue)),
+            fieldValue.find(v => valueToString(v) === valueToString(ruleValue)),
           ),
         );
       }
@@ -34,25 +56,27 @@ export function entryMatchesFieldRule(
         fieldValue.find(v =>
           Boolean(
             (filterRule.value as string[]).find(
-              filterRuleValue => String(filterRuleValue) === String(v),
+              filterRuleValue => valueToString(filterRuleValue) === valueToString(v),
             ),
           ),
         ),
       );
     }
 
-    return Boolean(fieldValue.find(v => String(v) === String(filterRule.value)));
+    return Boolean(fieldValue.find(v => valueToString(v) === valueToString(filterRule.value)));
   }
 
   if (Array.isArray(filterRule.value)) {
     if (filterRule.matchAll) {
-      return Boolean(filterRule.value.every(ruleValue => String(fieldValue) === String(ruleValue)));
+      return Boolean(
+        filterRule.value.every(ruleValue => valueToString(fieldValue) === valueToString(ruleValue)),
+      );
     }
 
-    return Boolean(filterRule.value.find(v => String(v) === String(fieldValue)));
+    return Boolean(filterRule.value.find(v => valueToString(v) === valueToString(fieldValue)));
   }
 
-  return String(fieldValue) === String(filterRule.value);
+  return valueToString(fieldValue) === valueToString(filterRule.value);
 }
 
 function entryMatchesRule(entry: Entry, filterRule: FilterRule, listItemPath: string | undefined) {
diff --git a/packages/core/src/lib/util/implementation.ts b/packages/core/src/lib/util/implementation.ts
index f1834a58..904536e1 100644
--- a/packages/core/src/lib/util/implementation.ts
+++ b/packages/core/src/lib/util/implementation.ts
@@ -11,7 +11,7 @@ import type {
   FileMetadata,
   ImplementationEntry,
   ImplementationFile,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 import type { AsyncLock } from './asyncLock';
 
 const MAX_CONCURRENT_DOWNLOADS = 10;
@@ -78,6 +78,18 @@ export async function entriesByFiles(
   return fetchFiles(files, readFile, readFileMetadata, apiName);
 }
 
+export async function unpublishedEntries(listEntriesKeys: () => Promise<string[]>) {
+  try {
+    const keys = await listEntriesKeys();
+    return keys;
+  } catch (error) {
+    if (error instanceof Error && error.message === 'Not Found') {
+      return Promise.resolve([]);
+    }
+    throw error;
+  }
+}
+
 export function blobToFileObj(name: string, blob: Blob) {
   const options = name.match(/.svg$/) ? { type: 'image/svg+xml' } : {};
   return new File([blob], name, options);
@@ -212,34 +224,37 @@ async function getDiffFromLocalTree({
   const diff = await getDifferences(branch.sha, localTree.head);
   const diffFiles = diff
     .filter(d => d.oldPath?.startsWith(folder) || d.newPath?.startsWith(folder))
-    .reduce((acc, d) => {
-      if (d.status === 'renamed') {
-        acc.push({
-          path: d.oldPath,
-          name: basename(d.oldPath),
-          deleted: true,
-        });
-        acc.push({
-          path: d.newPath,
-          name: basename(d.newPath),
-          deleted: false,
-        });
-      } else if (d.status === 'deleted') {
-        acc.push({
-          path: d.oldPath,
-          name: basename(d.oldPath),
-          deleted: true,
-        });
-      } else {
-        acc.push({
-          path: d.newPath || d.oldPath,
-          name: basename(d.newPath || d.oldPath),
-          deleted: false,
-        });
-      }
+    .reduce(
+      (acc, d) => {
+        if (d.status === 'renamed') {
+          acc.push({
+            path: d.oldPath,
+            name: basename(d.oldPath),
+            deleted: true,
+          });
+          acc.push({
+            path: d.newPath,
+            name: basename(d.newPath),
+            deleted: false,
+          });
+        } else if (d.status === 'deleted') {
+          acc.push({
+            path: d.oldPath,
+            name: basename(d.oldPath),
+            deleted: true,
+          });
+        } else {
+          acc.push({
+            path: d.newPath || d.oldPath,
+            name: basename(d.newPath || d.oldPath),
+            deleted: false,
+          });
+        }
 
-      return acc;
-    }, [] as { path: string; name: string; deleted: boolean }[])
+        return acc;
+      },
+      [] as { path: string; name: string; deleted: boolean }[],
+    )
 
     .filter(filterFile);
 
@@ -342,10 +357,13 @@ export async function allEntriesByFolder({
         // return local copy
         return localTree.files;
       } else {
-        const deleted = diff.reduce((acc, d) => {
-          acc[d.path] = d.deleted;
-          return acc;
-        }, {} as Record<string, boolean>);
+        const deleted = diff.reduce(
+          (acc, d) => {
+            acc[d.path] = d.deleted;
+            return acc;
+          },
+          {} as Record<string, boolean>,
+        );
         const newCopy = sortBy(
           unionBy(
             diff.filter(d => !deleted[d.path]),
diff --git a/packages/core/src/lib/util/index.ts b/packages/core/src/lib/util/index.ts
index d0a70d60..ce69478f 100644
--- a/packages/core/src/lib/util/index.ts
+++ b/packages/core/src/lib/util/index.ts
@@ -1,7 +1,9 @@
-export { default as AccessTokenError } from './AccessTokenError';
 export { readFile, readFileMetadata, requestWithBackoff, throwOnConflictingBranches } from './API';
 export { default as APIError } from './APIError';
 export { generateContentKey, parseContentKey } from './APIUtils';
+export { default as AccessTokenError } from './AccessTokenError';
+export { CURSOR_COMPATIBILITY_SYMBOL, default as Cursor } from './Cursor';
+export { default as EditorialWorkflowError } from './EditorialWorkflowError';
 export { asyncLock } from './asyncLock';
 export {
   filterByExtension,
@@ -11,7 +13,6 @@ export {
   parseResponse,
   responseParser,
 } from './backendUtil';
-export { default as Cursor, CURSOR_COMPATIBILITY_SYMBOL } from './Cursor';
 export { default as getBlobSHA } from './getBlobSHA';
 export {
   createPointerFile,
diff --git a/packages/core/src/lib/util/media.util.ts b/packages/core/src/lib/util/media.util.ts
index 08dfe180..99e2ac65 100644
--- a/packages/core/src/lib/util/media.util.ts
+++ b/packages/core/src/lib/util/media.util.ts
@@ -8,9 +8,9 @@ import { createEntryMediaPath } from './entry.util';
 
 import type {
   BaseField,
-  Collection,
-  CollectionFile,
-  Config,
+  CollectionFileWithDefaults,
+  CollectionWithDefaults,
+  ConfigWithDefaults,
   Entry,
   Field,
   FileOrImageField,
@@ -18,10 +18,10 @@ import type {
   MarkdownField,
   MediaField,
   ObjectField,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 
 function getFileField<EF extends BaseField>(
-  collectionFiles: CollectionFile<EF>[],
+  collectionFiles: CollectionFileWithDefaults<EF>[],
   slug: string | undefined,
 ) {
   const file = collectionFiles.find(f => f?.name === slug);
@@ -37,7 +37,7 @@ function isMediaField(
 
 function hasCustomFolder<EF extends BaseField>(
   folderKey: 'media_folder' | 'public_folder',
-  collection: Collection<EF> | undefined | null,
+  collection: CollectionWithDefaults<EF> | undefined | null,
   slug: string | undefined,
   field: MediaField | undefined,
 ): field is FileOrImageField | MarkdownField {
@@ -67,8 +67,8 @@ function hasCustomFolder<EF extends BaseField>(
 
 function evaluateFolder<EF extends BaseField>(
   folderKey: 'media_folder' | 'public_folder',
-  config: Config<EF>,
-  c: Collection<EF>,
+  config: ConfigWithDefaults<EF>,
+  c: CollectionWithDefaults<EF>,
   entryMap: Entry | null | undefined,
   field: FileOrImageField | MarkdownField,
 ) {
@@ -160,8 +160,8 @@ function evaluateFolder<EF extends BaseField>(
 
 function traverseFields<EF extends BaseField>(
   folderKey: 'media_folder' | 'public_folder',
-  config: Config<EF>,
-  collection: Collection<EF>,
+  config: ConfigWithDefaults<EF>,
+  collection: CollectionWithDefaults<EF>,
   entryMap: Entry | null | undefined,
   field: FileOrImageField | MarkdownField | ListField<EF> | ObjectField<EF>,
   fields: Field<EF>[],
@@ -225,8 +225,8 @@ function traverseFields<EF extends BaseField>(
 }
 
 export function selectMediaFolder<EF extends BaseField>(
-  config: Config<EF>,
-  collection: Collection<EF> | undefined | null,
+  config: ConfigWithDefaults<EF>,
+  collection: CollectionWithDefaults<EF> | undefined | null,
   entry: Entry | undefined | null,
   field: MediaField | undefined,
   currentFolder?: string,
@@ -234,7 +234,7 @@ export function selectMediaFolder<EF extends BaseField>(
   let mediaFolder = folderFormatter(
     config.media_folder ?? '',
     entry,
-    collection as Collection,
+    collection as CollectionWithDefaults,
     config.media_folder ?? '',
     'media_folder',
     config.slug,
@@ -255,8 +255,8 @@ export function selectMediaFolder<EF extends BaseField>(
 }
 
 export function selectMediaFilePublicPath<EF extends BaseField>(
-  config: Config<EF>,
-  collection: Collection<EF> | undefined | null,
+  config: ConfigWithDefaults<EF>,
+  collection: CollectionWithDefaults<EF> | undefined | null,
   mediaPath: string,
   entry: Entry | undefined | null,
   field: MediaField | undefined,
@@ -269,7 +269,7 @@ export function selectMediaFilePublicPath<EF extends BaseField>(
   let publicFolder = folderFormatter(
     config.public_folder ?? '',
     entry,
-    collection as Collection,
+    collection as CollectionWithDefaults,
     config.public_folder ?? '',
     'public_folder',
     config.slug,
@@ -278,7 +278,7 @@ export function selectMediaFilePublicPath<EF extends BaseField>(
   let mediaFolder = folderFormatter(
     config.media_folder ?? '',
     entry,
-    collection as Collection,
+    collection as CollectionWithDefaults,
     config.media_folder ?? '',
     'media_folder',
     config.slug,
@@ -312,8 +312,8 @@ export function selectMediaFilePublicPath<EF extends BaseField>(
 }
 
 export function selectMediaFilePath(
-  config: Config,
-  collection: Collection | null | undefined,
+  config: ConfigWithDefaults,
+  collection: CollectionWithDefaults | null | undefined,
   entryMap: Entry | null | undefined,
   mediaPath: string,
   field: MediaField | undefined,
@@ -338,7 +338,7 @@ export function selectMediaFilePath(
       );
     }
 
-    if (mediaPathDir.includes(publicFolder) && mediaPathDir != mediaFolder) {
+    if (mediaPathDir.startsWith(publicFolder) && mediaPathDir != mediaFolder) {
       mediaFolder = selectMediaFolder(
         config,
         collection,
diff --git a/packages/core/src/lib/util/nested.util.ts b/packages/core/src/lib/util/nested.util.ts
index fe69dd83..9b2c6db3 100644
--- a/packages/core/src/lib/util/nested.util.ts
+++ b/packages/core/src/lib/util/nested.util.ts
@@ -6,7 +6,7 @@ import { stringTemplate } from '../widgets';
 import { selectEntryCollectionTitle, selectFolderEntryExtension } from './collection.util';
 import { isEmpty, isNotEmpty } from './string.util';
 
-import type { BaseField, Collection, Entry, Slug } from '@staticcms/core/interface';
+import type { BaseField, CollectionWithDefaults, Entry, Slug } from '@staticcms/core';
 
 const { addFileTemplateFields } = stringTemplate;
 
@@ -26,7 +26,7 @@ export type TreeNodeData = SingleTreeNodeData & {
 
 export function selectCustomPath(
   entry: Entry,
-  collection: Collection,
+  collection: CollectionWithDefaults,
   rootSlug: string | undefined,
   slugConfig: Slug | undefined,
 ): string | undefined {
@@ -43,7 +43,7 @@ export function selectCustomPath(
   return customPath;
 }
 
-export function customPathFromSlug(collection: Collection, slug: string): string {
+export function customPathFromSlug(collection: CollectionWithDefaults, slug: string): string {
   if (!('nested' in collection) || !collection.nested) {
     return '';
   }
@@ -57,7 +57,7 @@ export function customPathFromSlug(collection: Collection, slug: string): string
   return slug;
 }
 
-export function slugFromCustomPath(collection: Collection, customPath: string): string {
+export function slugFromCustomPath(collection: CollectionWithDefaults, customPath: string): string {
   if (!('folder' in collection)) {
     return '';
   }
@@ -69,7 +69,7 @@ export function slugFromCustomPath(collection: Collection, customPath: string):
 }
 
 export function getNestedSlug(
-  collection: Collection,
+  collection: CollectionWithDefaults,
   entry: Entry,
   slug: string | undefined,
   slugConfig: Slug | undefined,
@@ -94,22 +94,25 @@ export function getNestedSlug(
 }
 
 export function getTreeData<EF extends BaseField>(
-  collection: Collection<EF>,
+  collection: CollectionWithDefaults<EF>,
   entries: Entry[],
 ): TreeNodeData[] {
   const collectionFolder = 'folder' in collection ? collection.folder : '';
   const rootFolder = '/';
   const entriesObj = entries.map(e => ({ ...e, path: e.path.slice(collectionFolder.length) }));
 
-  const dirs = entriesObj.reduce((acc, entry) => {
-    let dir: string | undefined = dirname(entry.path);
-    while (dir && !acc[dir] && dir !== rootFolder) {
-      const parts: string[] = dir.split('/');
-      acc[dir] = parts.pop();
-      dir = parts.length ? parts.join('/') : undefined;
-    }
-    return acc;
-  }, {} as Record<string, string | undefined>);
+  const dirs = entriesObj.reduce(
+    (acc, entry) => {
+      let dir: string | undefined = dirname(entry.path);
+      while (dir && !acc[dir] && dir !== rootFolder) {
+        const parts: string[] = dir.split('/');
+        acc[dir] = parts.pop();
+        dir = parts.length ? parts.join('/') : undefined;
+      }
+      return acc;
+    },
+    {} as Record<string, string | undefined>,
+  );
 
   if ('nested' in collection && collection.nested?.summary) {
     collection = {
@@ -152,15 +155,18 @@ export function getTreeData<EF extends BaseField>(
     }),
   ];
 
-  const parentsToChildren = flatData.reduce((acc, node) => {
-    const parent = node.path === rootFolder ? '' : dirname(node.path);
-    if (acc[parent]) {
-      acc[parent].push(node);
-    } else {
-      acc[parent] = [node];
-    }
-    return acc;
-  }, {} as Record<string, BaseTreeNodeData[]>);
+  const parentsToChildren = flatData.reduce(
+    (acc, node) => {
+      const parent = node.path === rootFolder ? '' : dirname(node.path);
+      if (acc[parent]) {
+        acc[parent].push(node);
+      } else {
+        acc[parent] = [node];
+      }
+      return acc;
+    },
+    {} as Record<string, BaseTreeNodeData[]>,
+  );
 
   function reducer(acc: TreeNodeData[], value: BaseTreeNodeData) {
     const node = value;
diff --git a/packages/core/src/lib/util/search.util.ts b/packages/core/src/lib/util/search.util.ts
index dc7188de..94258829 100644
--- a/packages/core/src/lib/util/search.util.ts
+++ b/packages/core/src/lib/util/search.util.ts
@@ -1,7 +1,7 @@
 import deepmerge from 'deepmerge';
 import * as fuzzy from 'fuzzy';
 
-import type { Entry, ObjectValue, ValueOrNestedValue } from '@staticcms/core/interface';
+import type { Entry, ObjectValue, ValueOrNestedValue } from '@staticcms/core';
 
 function filter(
   value: ValueOrNestedValue,
diff --git a/packages/core/src/lib/util/sort.util.ts b/packages/core/src/lib/util/sort.util.ts
index ebed5fb3..a1def026 100644
--- a/packages/core/src/lib/util/sort.util.ts
+++ b/packages/core/src/lib/util/sort.util.ts
@@ -2,9 +2,9 @@
 import { COMMIT_AUTHOR, COMMIT_DATE } from '@staticcms/core/constants/commitProps';
 import { selectField } from './field.util';
 
-import type { Collection } from '@staticcms/core/interface';
+import type { CollectionWithDefaults } from '@staticcms/core';
 
-export function selectSortDataPath(collection: Collection, key: string) {
+export function selectSortDataPath(collection: CollectionWithDefaults, key: string) {
   if (key === COMMIT_DATE) {
     return 'updatedOn';
   } else if (key === COMMIT_AUTHOR && !selectField(collection, key)) {
diff --git a/packages/core/src/lib/util/theming.util.ts b/packages/core/src/lib/util/theming.util.ts
index 840d0578..e1848cc9 100644
--- a/packages/core/src/lib/util/theming.util.ts
+++ b/packages/core/src/lib/util/theming.util.ts
@@ -4,8 +4,11 @@ export function generateClassNames<T extends string>(
   base: string,
   classNames: T[],
 ): Record<T, string> {
-  return classNames.reduce((acc, className) => {
-    acc[className] = `${GLOBAL_CLASS_NAME_PREFIX}_${base}_${className}`;
-    return acc;
-  }, {} as Record<T, string>);
+  return classNames.reduce(
+    (acc, className) => {
+      acc[className] = `${GLOBAL_CLASS_NAME_PREFIX}_${base}_${className}`;
+      return acc;
+    },
+    {} as Record<T, string>,
+  );
 }
diff --git a/packages/core/src/lib/util/unsentRequest.ts b/packages/core/src/lib/util/unsentRequest.ts
index 9aab899a..1d9dc1ed 100644
--- a/packages/core/src/lib/util/unsentRequest.ts
+++ b/packages/core/src/lib/util/unsentRequest.ts
@@ -37,10 +37,13 @@ function decodeParams(paramsString: string): Record<string, string> {
   return paramsString
     .split('&')
     .map(s => s.split('='))
-    .reduce((acc, [key, value]) => {
-      acc[key] = decodeURIComponent(value);
-      return acc;
-    }, {} as Record<string, string>);
+    .reduce(
+      (acc, [key, value]) => {
+        acc[key] = decodeURIComponent(value);
+        return acc;
+      },
+      {} as Record<string, string>,
+    );
 }
 
 function fromURL(wholeURL: string): ApiRequestURL {
diff --git a/packages/core/src/lib/util/validation.util.ts b/packages/core/src/lib/util/validation.util.ts
index 34430eb8..18fabc47 100644
--- a/packages/core/src/lib/util/validation.util.ts
+++ b/packages/core/src/lib/util/validation.util.ts
@@ -10,7 +10,7 @@ import type {
   UnknownField,
   ValueOrNestedValue,
   Widget,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 
 export function isEmpty(value: ValueOrNestedValue) {
   return (
diff --git a/packages/core/src/lib/widgets/stringTemplate.ts b/packages/core/src/lib/widgets/stringTemplate.ts
index ea776611..edf6733c 100644
--- a/packages/core/src/lib/widgets/stringTemplate.ts
+++ b/packages/core/src/lib/widgets/stringTemplate.ts
@@ -1,32 +1,54 @@
+import format from 'date-fns/format';
+import parse from 'date-fns/parse';
 import get from 'lodash/get';
 import trimEnd from 'lodash/trimEnd';
 import truncate from 'lodash/truncate';
-import moment from 'moment';
 import { basename, dirname, extname } from 'path';
 
-import type { Entry, EntryData, ObjectValue } from '@staticcms/core/interface';
+import { getDatetimeFormats } from '@staticcms/datetime/datetime.util';
+import { getField } from '../util/field.util';
 
-const filters = [
+import type { Entry, EntryData, Field, ObjectValue } from '@staticcms/core';
+
+export interface StringTemplateFilter {
+  pattern: RegExp;
+  transform: (str: string, match: RegExpMatchArray, field: Field | null) => string;
+}
+
+const filters: StringTemplateFilter[] = [
   { pattern: /^upper$/, transform: (str: string) => str.toUpperCase() },
   {
     pattern: /^lower$/,
-    transform: (str: string) => str.toLowerCase(),
+    transform: str => str.toLowerCase(),
   },
   {
     pattern: /^date\('(.+)'\)$/,
-    transform: (str: string, match: RegExpMatchArray) => moment(str).format(match[1]),
+    transform: (str, match, field) => {
+      if (!field || field.widget !== 'datetime') {
+        return str;
+      }
+
+      const { storageFormat } = getDatetimeFormats(field);
+
+      const date = parse(str, storageFormat, new Date());
+      if (isNaN(date.getTime())) {
+        return str;
+      }
+
+      return format(date, match[1]);
+    },
   },
   {
     pattern: /^default\('(.+)'\)$/,
-    transform: (str: string, match: RegExpMatchArray) => (str ? str : match[1]),
+    transform: (str, match) => (str ? str : match[1]),
   },
   {
     pattern: /^ternary\('(.*)',\s*'(.*)'\)$/,
-    transform: (str: string, match: RegExpMatchArray) => (str ? match[1] : match[2]),
+    transform: (str, match) => (str ? match[1] : match[2]),
   },
   {
     pattern: /^truncate\(([0-9]+)(?:(?:,\s*['"])([^'"]*)(?:['"]))?\)$/,
-    transform: (str: string, match: RegExpMatchArray) => {
+    transform: (str, match) => {
       const omission = match[2] || '...';
       const length = parseInt(match[1]) + omission.length;
 
@@ -77,9 +99,13 @@ export const dateParsers: Record<string, (date: Date) => string> = {
   second: (date: Date) => formatDate(date.getUTCSeconds()),
 };
 
-export function parseDateFromEntry(entry: Entry, dateFieldName?: string | null) {
-  if (!dateFieldName) {
-    return;
+export function parseDateFromEntry(
+  entry: Entry,
+  dateFieldName: string | undefined | null,
+  dateField: Field | null,
+) {
+  if (!dateFieldName || !dateField || dateField.widget !== 'datetime') {
+    return undefined;
   }
 
   const dateValue = entry.data?.[dateFieldName];
@@ -87,11 +113,13 @@ export function parseDateFromEntry(entry: Entry, dateFieldName?: string | null)
     return dateValue;
   }
 
-  const dateMoment =
-    typeof dateValue === 'string' || typeof dateValue === 'number' ? moment(dateValue) : null;
-  if (dateMoment && dateMoment.isValid()) {
-    return dateMoment.toDate();
+  if (typeof dateValue !== 'string') {
+    return undefined;
   }
+
+  const { storageFormat } = getDatetimeFormats(dateField);
+
+  return parse(dateValue, storageFormat, new Date());
 }
 
 export const SLUG_MISSING_REQUIRED_DATE = 'SLUG_MISSING_REQUIRED_DATE';
@@ -180,7 +208,8 @@ function getFilterFunction(filterStr: string) {
     });
 
     if (filter) {
-      return (str: string) => filter.transform(str, match as RegExpMatchArray);
+      return (str: string, field: Field | null) =>
+        filter.transform(str, match as RegExpMatchArray, field);
     }
   }
   return null;
@@ -190,8 +219,9 @@ export function compileStringTemplate(
   template: string,
   date: Date | undefined | null,
   identifier = '',
-  data: ObjectValue | undefined | null = {},
-  processor?: (value: string) => string,
+  data: ObjectValue | undefined | null,
+  fields: Field[] | undefined,
+  processor?: (value: string, field: Field | null) => string,
 ) {
   if (template === '') {
     return '';
@@ -207,6 +237,8 @@ export function compileStringTemplate(
     RegExp(templateVariablePattern, 'g'),
     (_full, key: string, _part, filter: string) => {
       let replacement;
+
+      const field = getField(fields, key);
       const explicitFieldReplacement = getExplicitFieldReplacement(key, data);
 
       if (explicitFieldReplacement) {
@@ -223,11 +255,11 @@ export function compileStringTemplate(
       }
 
       if (processor) {
-        return processor(replacement);
+        return processor(replacement, field);
       } else {
         const filterFunction = getFilterFunction(filter);
         if (filterFunction) {
-          replacement = filterFunction(replacement);
+          replacement = filterFunction(replacement, field);
         }
       }
 
diff --git a/packages/core/src/live/Data.tsx b/packages/core/src/live/Data.tsx
index 0b34e68c..c784cfd7 100644
--- a/packages/core/src/live/Data.tsx
+++ b/packages/core/src/live/Data.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import useData from './useData';
 
-import type { ValueOrNestedValue } from '@staticcms/core/interface';
+import type { ValueOrNestedValue } from '@staticcms/core';
 import type { FC } from 'react';
 
 export interface DataProps {
diff --git a/packages/core/src/live/useData.tsx b/packages/core/src/live/useData.tsx
index e97f955d..fb2b638f 100644
--- a/packages/core/src/live/useData.tsx
+++ b/packages/core/src/live/useData.tsx
@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useMemo, useState } from 'react';
 
-import type { ValueOrNestedValue } from '@staticcms/core/interface';
+import type { ValueOrNestedValue } from '@staticcms/core';
 
 export default function useData<I extends ValueOrNestedValue, O extends ValueOrNestedValue>(
   value: O,
diff --git a/packages/core/src/locales/bg/index.ts b/packages/core/src/locales/bg/index.ts
index 8e1ff903..e076c788 100644
--- a/packages/core/src/locales/bg/index.ts
+++ b/packages/core/src/locales/bg/index.ts
@@ -22,10 +22,12 @@ const bg: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'Съдържание',
+      workflow: 'Работен процес',
       media: 'Мултимедийни файлове',
       quickAdd: 'Бързо добавяне',
     },
     app: {
+      loading: undefined, // English translation: 'Loading...'
       errorHeader: 'Грешка при зареждането на конфигурацията на CMS',
       configErrors: 'Грешки в конфигурацията',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -95,8 +97,8 @@ const bg: LocalePhrasesRoot = {
         max: '%{fieldLabel} трябва да бъде %{maxValue} или по-малко.',
         rangeCount: '%{fieldLabel} трябва да има между %{minCount} и %{maxCount} елемент(и).',
         rangeCountExact: '%{fieldLabel} трябва да има точно %{count} елемент(и).',
-        rangeMin: undefined, // English translation: '%{fieldLabel} must have at least %{minCount} item(s).'
-        rangeMax: undefined, // English translation: '%{fieldLabel} must have %{maxCount} or less item(s).'
+        rangeMin: '%{fieldLabel} трябва да бъде поне %{minCount} елемент(и).',
+        rangeMax: '%{fieldLabel} трябва да бъде %{maxCount} или по-малко елемент(и).',
         invalidPath: "'%{path}' не е валиден път",
         pathExists: "Пътят '%{path}' вече съществува",
         invalidColor: undefined, // English translation: 'Color '%{color}' is invalid.'
@@ -104,15 +106,36 @@ const bg: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: 'Писане на %{locale}',
+        copyFromLocale: undefined, // English translation: 'Fill in from another locale'
+        copyFromLocaleConfirm: undefined, // English translation: 'Do you want to fill in data from %{locale} locale?\nAll existing content will be overwritten.'
       },
     },
     editor: {
       onLeavePage: 'Наистина ли искате да напуснете тази страница?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody:
+        'Имате незапазени промени, моля, запазете преди актуализиране на състоянието.',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody:
+        'Моля, актуализирайте състоянието на „Готово“, преди да публикувате',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody:
+        'Имате незапазени промени, моля, запазете преди публикуване.',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: 'Наистина ли искате да публикувате този запис?',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: 'Наистина ли искате да прекратите публикуването на този запис?',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody:
         'Наистина ли искате да изтриете този публикуван запис, както и незаписаните промени от текущата сесия?',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody: 'Наистина ли искате да изтриете този публикуван запис?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'Това ще изтрие всички непубликувани промени в този запис, както и незаписаните ви промени от текущата сесия. Все още ли искате да изтриете?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        'Всички непубликувани промени в този запис ще бъдат изтрити. Все още ли искате да изтриете?',
       loadingEntry: 'Зареждане на запис...',
     },
     editorInterface: {
@@ -123,13 +146,35 @@ const bg: LocalePhrasesRoot = {
       toggleScrollSync: 'Синхронизирай превъртане',
     },
     editorToolbar: {
+      publishing: 'Публикуване...',
       publish: 'Публикувай',
       published: 'Публикуван',
+      unpublish: 'Непубликувай',
       duplicate: 'Дублирай',
+      unpublishing: 'Непубликуване...',
       publishAndCreateNew: 'Публикувай и създай нов',
       publishAndDuplicate: 'Публикувай и дублирай',
+      deleteUnpublishedChanges: 'Изтриване на непубликувани промени',
+      deleteUnpublishedEntry: 'Изтрий непубликувани записи',
+      deletePublishedEntry: 'Изтрий публикувани записи',
       deleteEntry: 'Изтрий запис',
+      saving: 'Запазване...',
+      save: 'Запази',
+      statusInfoTooltipDraft: undefined, // English translation: 'Entry status is set to draft. To finalize and submit it for review, set the status to �In review�'
+      statusInfoTooltipInReview: undefined, // English translation: 'Entry is being reviewed, no further actions are required. However, you can still make additional changes while it is being reviewed.'
+      deleting: 'Изтриване...',
+      updating: 'Актуализиране...',
+      status: 'Cъстояние: %{status}',
+      backCollection: 'Записване в %{collectionLabel} колекция',
+      unsavedChanges: 'Незапазени Промени',
+      changesSaved: 'Запазени промени',
+      draft: 'Чернова',
+      inReview: 'В ревю',
+      ready: 'Готово',
       publishNow: 'Публикувай сега',
+      deployPreviewPendingButtonLabel: 'Проверете  визуализацията',
+      deployPreviewButtonLabel: 'Визуализация',
+      deployButtonLabel: 'Изглед',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -138,17 +183,35 @@ const bg: LocalePhrasesRoot = {
       markdown: {
         bold: 'Удебелен',
         italic: 'Курсив',
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: 'Код',
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: 'Връзка',
-        linkPrompt: 'Моля, въведете URL на връзката',
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: 'Заглавия',
         quote: 'Цитат',
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: 'Маркиран Списък',
         numberedList: 'Номериран Списък',
         addComponent: 'Добави Компонент',
         richText: 'Форматиране на текст',
         markdown: 'Markdown',
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: 'Избери изображение',
@@ -212,6 +275,10 @@ const bg: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -233,10 +300,10 @@ const bg: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: 'Зареждане...',
       noResults: 'Няма резултати.',
       noAssetsFound: 'Няма намерени ресурси.',
       noImagesFound: 'Няма намерени изображения.',
+      private: 'Частен ',
       images: 'Изображения',
       mediaAssets: 'Медийни ресурси',
       search: 'Търсене...',
@@ -253,6 +320,7 @@ const bg: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -263,6 +331,7 @@ const bg: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: 'Обратно към сайта',
@@ -284,11 +353,12 @@ const bg: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'Изход',
     },
     toast: {
       onFailToLoadEntries: 'Неуспешно зареждане на записа: %{details}',
+      onFailToLoadDeployPreview: 'Неуспешно зареждане на визуализация: %{details}',
       onFailToPersist: 'Неуспешно запазване на записа: %{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: 'Неуспешно изтриване на записа: %{details}',
@@ -297,14 +367,54 @@ const bg: LocalePhrasesRoot = {
       missingRequiredField:
         'Извинете, пропуснахте задължително поле. Моля, попълнете преди запазване.',
       entrySaved: 'Записът е запазен',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'Записът е публикуван',
+      entryUnpublished: 'Записът е непубликуван',
       onFailToPublishEntry: 'Неуспешно публикуване на запис: %{details}',
+      onFailToUnpublishEntry: 'Неуспешно премахване на публикацията на записа: %{details}',
       entryUpdated: 'Статусът на записа е актуализиран',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'Непубликуваните промени са изтрити',
       onFailToAuth: '%{details}',
       onLoggedOut: 'Излезли сте. Моля, запазете всички данни и влезте отново',
       onBackendDown: 'Има прекъсване в работата на бекенда. Виж детайлите %{details}',
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'Зареждане на редакционни записи',
+      workflowHeading: 'Редакционен работен процес',
+      newPost: 'Нова публикация',
+      description:
+        'Броят на записите, които очакват проверка -% {smart_count}, готови за публикуване -% {readyCount}. |||| Броят на записите, които очакват проверка -% {smart_count}, готови за публикуване -% {readyCount}. ',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date}, %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: '%{author}',
+      deleteChanges: 'Изтриване на промените',
+      deleteNewEntry: 'Изтриване на нов запис',
+      publishChanges: 'Публикуване на промени',
+      publishNewEntry: 'Публикуване на нов запис',
+    },
+    workflowList: {
+      onDeleteEntry: 'Наистина ли искате да изтриете този запис?',
+      onPublishingNotReadyEntry:
+        'Могат да се публикуват само елементи със статус "Готов". Плъзенете картата в колоната "Готов" за да активирате публикуването.',
+      onPublishEntry: 'Наистина ли искате да публикувате този запис?',
+      draft: 'Чернови',
+      pending_review: 'В Ревю',
+      pending_publish: 'Готов',
+      currentEntries: '%{smart_count} запис |||| %{smart_count} записи',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'undefined'
+      forkRepo: undefined, // English translation: 'undefined'
+      markReadyForReview: undefined, // English translation: 'undefined'
+    },
+  },
 };
 
 export default bg;
diff --git a/packages/core/src/locales/ca/index.ts b/packages/core/src/locales/ca/index.ts
index 91e078a6..323bebb8 100644
--- a/packages/core/src/locales/ca/index.ts
+++ b/packages/core/src/locales/ca/index.ts
@@ -22,10 +22,12 @@ const ca: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'Contingut',
+      workflow: 'Flux Editorial',
       media: 'Multimèdia',
       quickAdd: 'Afegir',
     },
     app: {
+      loading: 'Carregant...',
       errorHeader: 'Error al carregar la configuració del CMS',
       configErrors: 'Errors de configuració',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -104,15 +106,35 @@ const ca: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: 'Escriure en %{locale}',
+        copyFromLocale: undefined, // English translation: 'Fill in from another locale'
+        copyFromLocaleConfirm: undefined, // English translation: 'Do you want to fill in data from %{locale} locale?\nAll existing content will be overwritten.'
       },
     },
     editor: {
       onLeavePage: 'Estàs segur que vols deixar aquesta pàgina?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody:
+        "Tens canvis no guardats, si us plau, guarda'ls abans d'actualitzar l'estat.",
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: 'Si us plau, actualitza l\'estat a "Llest" abans de publicar.',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody:
+        "Tens canvis no guardats, si us plau, guarda'ls abans de publicar-los.",
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: 'Estàs segur que vols publicar aquesta entrada?',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: 'Estàs segur que vols esborrar aquesta entrada?',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody:
         'Està segur que vol eliminar aquesta entrada publicada, així com els canvis no guardats de la sessió actual?',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody: 'Està segur que vol eliminar aquesta entrada publicada?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        "Això eliminarà tots els canvis no publicats d'aquesta entrada així com els canvis no guardats de la sessió actual. Encara vol procedir?",
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        'Tots els canvis no publicats en aquesta entrada seràn esborrats. Encara els vol eliminar?',
       loadingEntry: 'Carregant entrada...',
     },
     editorInterface: {
@@ -123,13 +145,35 @@ const ca: LocalePhrasesRoot = {
       toggleScrollSync: undefined, // English translation: 'Sync scrolling'
     },
     editorToolbar: {
+      publishing: 'Publicant...',
       publish: 'Publicar',
       published: 'Publicat',
+      unpublish: 'Despublicar',
       duplicate: 'Duplicar',
+      unpublishing: 'Despublicant...',
       publishAndCreateNew: 'Publicar i crear de nou',
       publishAndDuplicate: 'Publica i duplica',
+      deleteUnpublishedChanges: 'Eliminar canvis no publicats',
+      deleteUnpublishedEntry: 'Eliminar entrada no publicada',
+      deletePublishedEntry: 'Eliminar entrada publicada',
       deleteEntry: 'Eliminar entrada',
+      saving: 'Guardant...',
+      save: 'Guardar',
+      statusInfoTooltipDraft: undefined, // English translation: 'Entry status is set to draft. To finalize and submit it for review, set the status to �In review�'
+      statusInfoTooltipInReview: undefined, // English translation: 'Entry is being reviewed, no further actions are required. However, you can still make additional changes while it is being reviewed.'
+      deleting: 'Eliminant...',
+      updating: 'Actualizant...',
+      status: 'Estat: %{status}',
+      backCollection: 'Escrivint a la colecció %{collectionLabel}',
+      unsavedChanges: 'Canvis no guardats',
+      changesSaved: 'Canvis guardats',
+      draft: 'Esborrany',
+      inReview: 'En revisió',
+      ready: 'Llest',
       publishNow: 'Publicar ara',
+      deployPreviewPendingButtonLabel: 'Comprovar Vista Prèvia',
+      deployPreviewButtonLabel: 'Veure Vista Prèvia',
+      deployButtonLabel: 'Veure publicació',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -138,17 +182,35 @@ const ca: LocalePhrasesRoot = {
       markdown: {
         bold: 'Negreta',
         italic: 'Cursiva',
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: 'Codi',
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: 'Enllaç',
-        linkPrompt: "Introdueix l'URL de l'enllaç",
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: 'Encapçalaments',
         quote: undefined, // English translation: 'Quote'
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: 'Llista',
         numberedList: 'Llista numèrica',
         addComponent: 'Afegir component',
         richText: 'Text enriquit',
         markdown: 'Markdown',
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: 'Escull una imatge',
@@ -212,6 +274,10 @@ const ca: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -233,10 +299,10 @@ const ca: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: 'Carregant...',
       noResults: 'Sense resultats.',
       noAssetsFound: 'Arxius no trobats.',
       noImagesFound: 'Imatges no trobades.',
+      private: 'Privat',
       images: 'Imatges',
       mediaAssets: 'Arxius multimèdia',
       search: 'Buscar...',
@@ -253,6 +319,7 @@ const ca: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -263,6 +330,7 @@ const ca: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: 'Torna enrere al lloc',
@@ -284,11 +352,12 @@ const ca: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'Tancar sessió',
     },
     toast: {
       onFailToLoadEntries: "No s'ha ha pogut carregar l'entrada: %{details}",
+      onFailToLoadDeployPreview: "No s'ha pogut carregar la vista prèvia: %{details}",
       onFailToPersist: "No s'ha pogut guardar l'entrada: %{details}",
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: "No s'ha pogut eliminar l'entrada: %{details}",
@@ -297,14 +366,54 @@ const ca: LocalePhrasesRoot = {
       missingRequiredField:
         "Ups, no ha omplert un camp obligatori. Si us plau,  ompli'l abans de guardar.",
       entrySaved: 'Entrada guardada',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'Entrada publicada',
+      entryUnpublished: 'Entrada despublicada',
       onFailToPublishEntry: "No s'ha pogut publicar: %{details}",
+      onFailToUnpublishEntry: "No s'ha pogut despublicar l'entrada: %{details}",
       entryUpdated: "Estat de l'entrada actualitzat",
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'Canvis no publicats eliminats',
       onFailToAuth: '%{details}',
       onLoggedOut: 'La teva sessió ha estat tancada. Si us plau, torna a iniciar-la',
       onBackendDown: 'El servidor està patint problemes. Consulta %{details} per a més informació',
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'Carregant Entradas del Flux Editorial',
+      workflowHeading: 'Flux Editorial',
+      newPost: 'Nou article',
+      description:
+        '%{smart_count} entrada esperant revisió, %{readyCount} llesta per a publicar |||| %{smart_count} entrades esperant revisió, %{readyCount} llestes per a publicar. ',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date} per %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'per %{author}',
+      deleteChanges: 'Eliminar canvis',
+      deleteNewEntry: 'Eliminar nova entrada',
+      publishChanges: 'Publicar canvis',
+      publishNewEntry: 'Publicar nova entrada',
+    },
+    workflowList: {
+      onDeleteEntry: 'Està segur que vol borrar aquesta entrada?',
+      onPublishingNotReadyEntry:
+        'Només es poden publicar elements amb estat "Llest". Si us plau, arrossegui la targeta fins la columna "Llest" per a permetre\'n la publicació',
+      onPublishEntry: 'Està segur que vol publicar aquesta entrada?',
+      draft: 'Esborranys',
+      pending_review: 'En revisió',
+      pending_publish: 'Llest',
+      currentEntries: '%{smart_count} entrada |||| %{smart_count} entrades',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default ca;
diff --git a/packages/core/src/locales/cs/index.ts b/packages/core/src/locales/cs/index.ts
index 10702bc3..5e7f9079 100644
--- a/packages/core/src/locales/cs/index.ts
+++ b/packages/core/src/locales/cs/index.ts
@@ -22,10 +22,12 @@ const cs: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'Obsah',
+      workflow: 'Workflow',
       media: 'Média',
       quickAdd: 'Přidat',
     },
     app: {
+      loading: 'Načítání…',
       errorHeader: 'Chyba při načítání CMS konfigurace',
       configErrors: 'Chyba konfigurace',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -104,15 +106,35 @@ const cs: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: 'Psát v %{locale}',
+        copyFromLocale: undefined, // English translation: 'Fill in from another locale'
+        copyFromLocaleConfirm: undefined, // English translation: 'Do you want to fill in data from %{locale} locale?\nAll existing content will be overwritten.'
       },
     },
     editor: {
       onLeavePage: 'Chcete opravdu opustit tuto stránku?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody:
+        'Máte neuložené změny. Uložte je prosím před změnou statusu.',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: 'Změňte stav na „Připraveno“ před publikováním.',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody:
+        'Máte neuložené změny, prosím uložte je před publikováním.',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: 'Chcete opravdu publikovat tento záznam?',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: 'Chcete opravdu zrušit publikování tohoto záznamu?',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody:
         'Chcete opravdu vymazat tento publikovaný záznam a všechny neuložené změny z této relace?',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody: 'Chcete opravdu smazat tento publikovaný záznam?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'Tato akce vymaže všechny nepublikované změny v tomto záznamu a také všechny neuložené změny z této relace. Chcete záznam skutečně vymazat?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        'Všechny nepublivkoané změny v tomto záznamu budou vymazány. Chcete ho skuteně vymazat?',
       loadingEntry: 'Načítání záznamu…',
     },
     editorInterface: {
@@ -123,13 +145,35 @@ const cs: LocalePhrasesRoot = {
       toggleScrollSync: 'Sladit skrolování',
     },
     editorToolbar: {
+      publishing: 'Publikování…',
       publish: 'Publikovat',
       published: 'Publikovaný',
+      unpublish: 'Zrušit publikování',
       duplicate: 'Duplikovat',
+      unpublishing: 'Rušení publikování…',
       publishAndCreateNew: 'Publikovat a vytvořit nový',
       publishAndDuplicate: 'Publikovat a duplikovat',
+      deleteUnpublishedChanges: 'Vymazat nepublikované změny',
+      deleteUnpublishedEntry: 'Vymazat nepublikovaný záznam',
+      deletePublishedEntry: 'Vymazat publikovaný záznam',
       deleteEntry: 'Vymazat záznam',
+      saving: 'Ukládání…',
+      save: 'Uložit',
+      statusInfoTooltipDraft: undefined, // English translation: 'Entry status is set to draft. To finalize and submit it for review, set the status to �In review�'
+      statusInfoTooltipInReview: undefined, // English translation: 'Entry is being reviewed, no further actions are required. However, you can still make additional changes while it is being reviewed.'
+      deleting: 'Vymazávání…',
+      updating: 'Aktualizace…',
+      status: 'Status: %{status}',
+      backCollection: ' Píšete v kolekci %{collectionLabel}',
+      unsavedChanges: 'Neuložené změny',
+      changesSaved: 'Změny uloženy',
+      draft: 'Koncept',
+      inReview: 'V revizi',
+      ready: 'Připraveno',
       publishNow: 'Publikovat teď',
+      deployPreviewPendingButtonLabel: 'Zkontrolovat náhled',
+      deployPreviewButtonLabel: 'Zobrazit náhled',
+      deployButtonLabel: 'Zobrazit na webu',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -138,17 +182,35 @@ const cs: LocalePhrasesRoot = {
       markdown: {
         bold: 'Tučně',
         italic: 'Kurzíva',
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: 'Kód',
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: 'Odkaz',
-        linkPrompt: 'Zadejte URL odkazu',
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: 'Nadpisy',
         quote: 'Citovat',
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: 'Odrážkový seznam',
         numberedList: 'Číslovaný seznam',
         addComponent: 'Přidat součástku',
         richText: 'Rich Text',
         markdown: 'Markdown',
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: 'Vyberte obrázek',
@@ -212,6 +274,10 @@ const cs: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -232,10 +298,10 @@ const cs: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: 'Načítání…',
       noResults: 'Nic nenalezeno.',
       noAssetsFound: 'Média nenalezena.',
       noImagesFound: 'Obrázky nenalezeny.',
+      private: 'Soukromé ',
       images: 'Obrázky',
       mediaAssets: 'Média',
       search: 'Hledat…',
@@ -252,6 +318,7 @@ const cs: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -262,6 +329,7 @@ const cs: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: 'Vrátit se na stránku',
@@ -283,11 +351,12 @@ const cs: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'Odhlásit',
     },
     toast: {
       onFailToLoadEntries: 'Chyba při načítání záznamu: %{details}',
+      onFailToLoadDeployPreview: 'Chyba při načítání náhledu: %{details}',
       onFailToPersist: 'Chyba při ukládání záznamu: %{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: 'Chyba při vymazávání záznamu: %{details}',
@@ -295,14 +364,54 @@ const cs: LocalePhrasesRoot = {
       onFailToUpdateStatus: 'Chyba při změně stavu záznamu: %{details}',
       missingRequiredField: 'Vynechali jste povinné pole. Prosím vyplňte ho.',
       entrySaved: 'Záznam uložen',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'Záznam publikován',
+      entryUnpublished: 'Publikování záznamu zrušeno',
       onFailToPublishEntry: 'Chyba při publikování záznamu: %{details}',
+      onFailToUnpublishEntry: 'Chyba při rušení publikování záznamu: %{details}',
       entryUpdated: 'Stav záznamu byl změněn',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'Nepublikované změny byly smazány',
       onFailToAuth: '%{details}',
       onLoggedOut: 'Byli jste odhlášeni, prosím zálohujte všechna data a znova se přihlašte',
       onBackendDown: 'Backend zaznamenal výpadek. Podívejte se do %{details} pro více informací.',
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'Načítání workflow záznamů',
+      workflowHeading: 'Schvalovací Workflow',
+      newPost: 'Nový post',
+      description:
+        '%{smart_count} záznam čeká na schválení, %{readyCount} připraven k publikaci. |||| %{smart_count} čeká na schválení, %{readyCount} připraveno k publikaci. ',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date} (%{author})',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: '%{author}',
+      deleteChanges: 'Vymazat změny',
+      deleteNewEntry: 'Vymazat nový záznam',
+      publishChanges: 'Publikovat změny',
+      publishNewEntry: 'Publikovat nový záznam',
+    },
+    workflowList: {
+      onDeleteEntry: 'Opravdu chcete smazat tento záznam?',
+      onPublishingNotReadyEntry:
+        'Pouze položky se statusem "Připraveno" mohou být publikováno. Pro umožnění publikace musíte přetáhnout kartu do sloupce "Připraveno"',
+      onPublishEntry: 'Opravdu chcete publikovat tento záznam?',
+      draft: 'Koncepty',
+      pending_review: 'V revizi',
+      pending_publish: 'Připraveno',
+      currentEntries: '%{smart_count} záznam |||| %{smart_count} záznamů',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default cs;
diff --git a/packages/core/src/locales/da/index.ts b/packages/core/src/locales/da/index.ts
index 010c2665..1ed33874 100644
--- a/packages/core/src/locales/da/index.ts
+++ b/packages/core/src/locales/da/index.ts
@@ -22,10 +22,12 @@ const da: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'Indhold',
+      workflow: 'Arbejdsgang',
       media: 'Medier',
       quickAdd: 'Hurtig opret',
     },
     app: {
+      loading: 'Indlæser...',
       errorHeader: 'Fejl ved indlæsning af CMS opsætningen',
       configErrors: 'Opsætningsfejl',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -104,16 +106,36 @@ const da: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: 'Skriver på %{locale}',
+        copyFromLocale: 'Kopier fra et andet sprog',
+        copyFromLocaleConfirm:
+          'Vil du indsætte data fra sproget %{locale}?\nAlt eksisterende indhold vil blive overskrevet.',
       },
     },
     editor: {
       onLeavePage: 'Er du sikker på at du vil forlade siden?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody:
+        'Du har ændringer der ikke er gemt, gem disse før status ændres.',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: 'Skift status til "Klar" inden publicering.',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody: 'Du har ændringer der ikke er gemt, gem inden publicing.',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: 'Er du sikker på at du vil publicere dette dokument?',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: 'Er du sikker på at du vil afpublicere dette dokument?',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody:
         'Er du sikker på at du vil slette dette tidliere publiceret dokument, samt dine nuværende ugemte ændringer fra denne session?',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody:
         'Er du sikker på at du vil slette dette tidliere publiceret dokument?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'Alle ikke publicerede ændringer til dette dokument vil blive slettet ligesom dine nuværende ugemte ændringer fra denne session. Er du sikker på at du vil slette?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        'Alle ikke publicerede ændringer til dette dokument vil blive slettet. Er du sikker på at du vil slette?',
       loadingEntry: 'Indlæser dokument...',
     },
     editorInterface: {
@@ -124,13 +146,37 @@ const da: LocalePhrasesRoot = {
       toggleScrollSync: undefined, // English translation: 'Sync scrolling'
     },
     editorToolbar: {
+      publishing: 'Publicerer...',
       publish: 'Publicer',
       published: 'Publiceret',
+      unpublish: 'Afpublicer',
       duplicate: 'Kopier',
+      unpublishing: 'Afpublicerer...',
       publishAndCreateNew: 'Publicer og opret ny',
       publishAndDuplicate: 'Publicer og kopier',
+      deleteUnpublishedChanges: 'Slet upublicerede ændringer',
+      deleteUnpublishedEntry: 'Slet upubliceret dokument',
+      deletePublishedEntry: 'Slet publiceret dokument',
       deleteEntry: 'Slet dokument',
+      saving: 'Gemmer...',
+      save: 'Gem',
+      statusInfoTooltipDraft:
+        'Status for elementet er kladde. For at afslutte og sende til gennemsyn, skift status til ‘Til gennemsyn’',
+      statusInfoTooltipInReview:
+        'Elementet er til gennemsyn, det er ikke nødvendigt med yderligere handlinger. Du kan dog stadig lave yderligere ændringer mens det er til gennemsyn.',
+      deleting: 'Sletter...',
+      updating: 'Opdaterer...',
+      status: 'Status: %{status}',
+      backCollection: ' Skriver til %{collectionLabel} samlingen',
+      unsavedChanges: 'Ugemte ændringer',
+      changesSaved: 'Ændringer gemt',
+      draft: 'Kladder',
+      inReview: 'Til gennemsyn',
+      ready: 'Klar',
       publishNow: 'Publicer nu',
+      deployPreviewPendingButtonLabel: 'Lav preview',
+      deployPreviewButtonLabel: 'Vis preview',
+      deployButtonLabel: 'Vis live',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -139,39 +185,57 @@ const da: LocalePhrasesRoot = {
       markdown: {
         bold: 'Fed',
         italic: 'Kursiv',
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: 'Kode',
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: 'Link',
-        linkPrompt: 'Indtast URL for link',
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: 'Overskrifter',
         quote: 'Citat',
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: 'Punktopstilling',
         numberedList: 'Nummeret liste',
         addComponent: 'Tilføj komponent',
         richText: 'Formatteret tekst',
         markdown: 'Markdown',
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: 'Vælg et billede',
-        chooseMultiple: undefined, // English translation: 'Choose images'
-        chooseUrl: undefined, // English translation: 'Insert from URL'
-        replaceUrl: undefined, // English translation: 'Replace with URL'
-        promptUrl: undefined, // English translation: 'Enter the URL of the image'
+        chooseMultiple: 'Vælg billeder',
+        chooseUrl: 'Indsæt fra URL',
+        replaceUrl: 'Erstat med URL',
+        promptUrl: 'Indtast URL for billeder',
         chooseDifferent: 'Vælg et andet billede',
-        addMore: undefined, // English translation: 'Add more images'
+        addMore: 'Tilføj flere billeder',
         remove: 'Fjern billede',
-        removeAll: undefined, // English translation: 'Remove all images'
+        removeAll: 'Fjern alle billeder',
       },
       file: {
         choose: 'Vælg fil',
-        chooseUrl: undefined, // English translation: 'Insert from URL'
-        chooseMultiple: undefined, // English translation: 'Choose files'
-        replaceUrl: undefined, // English translation: 'Replace with URL'
-        promptUrl: undefined, // English translation: 'Enter the URL of the file'
+        chooseUrl: 'Indsæt fra URL',
+        chooseMultiple: 'Vælg filer',
+        replaceUrl: 'Erstat med URL',
+        promptUrl: 'Indtast URL for filen',
         chooseDifferent: 'Vælg en anden fil',
-        addMore: undefined, // English translation: 'Add more files'
+        addMore: 'Tilføj flere filer',
         remove: 'Fjern fil',
-        removeAll: undefined, // English translation: 'Remove all files'
+        removeAll: 'Fjern alle filer',
       },
       folder: {
         choose: undefined, // English translation: 'Choose a folder'
@@ -185,7 +249,7 @@ const da: LocalePhrasesRoot = {
         removeAll: undefined, // English translation: 'Remove all folders'
       },
       unknownControl: {
-        noControl: "Ingen kontrol finden for '%{widget}'.",
+        noControl: "Ingen kontrol for '%{widget}'.",
       },
       unknownPreview: {
         noPreview: "Ingen preview for '%{widget}'.",
@@ -204,8 +268,8 @@ const da: LocalePhrasesRoot = {
         invalidDateBody: undefined, // English translation: 'The date you entered is invalid.'
       },
       list: {
-        add: undefined, // English translation: 'Add %{item}'
-        addType: undefined, // English translation: 'Add %{item}'
+        add: 'Tilføj %{item}',
+        addType: 'Tilføj %{item}',
         noValue: undefined, // English translation: 'No value'
       },
       keyvalue: {
@@ -213,16 +277,20 @@ const da: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
     mediaLibraryCard: {
       draft: 'Kladde',
-      copy: undefined, // English translation: 'Copy'
-      copyUrl: undefined, // English translation: 'Copy URL'
-      copyPath: undefined, // English translation: 'Copy Path'
-      copyName: undefined, // English translation: 'Copy Name'
-      copied: undefined, // English translation: 'Copied'
+      copy: 'Kopier',
+      copyUrl: 'Kopier URL',
+      copyPath: 'Kopier sti',
+      copyName: 'Kopier navn',
+      copied: 'Kopieret',
     },
     mediaLibrary: {
       onDeleteTitle: undefined, // English translation: 'Delete selected media?'
@@ -234,10 +302,10 @@ const da: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: 'Indlæser...',
       noResults: 'Ingen resultater.',
       noAssetsFound: 'Ingen elementer fundet.',
       noImagesFound: 'Ingen billeder fundet.',
+      private: 'Privat ',
       images: 'Billeder',
       mediaAssets: 'Medie elementer',
       search: 'Søg...',
@@ -254,6 +322,7 @@ const da: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -264,6 +333,7 @@ const da: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: 'Tilbage til hjemmesiden',
@@ -285,11 +355,12 @@ const da: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'Log af',
     },
     toast: {
       onFailToLoadEntries: 'Fejl ved indlæsning af dokumenter: %{details}',
+      onFailToLoadDeployPreview: 'Preview kunne ikke indlæses: %{details}',
       onFailToPersist: 'Dokumentet kunne ikke gemmes: %{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: 'Dokumentet kunne ikke slettes: %{details}',
@@ -298,15 +369,55 @@ const da: LocalePhrasesRoot = {
       missingRequiredField:
         'Ups, du mangler et påkrævet felt. Udfyld de påkrævede felter før dokumentet gemmes.',
       entrySaved: 'Dokumentet er gemt',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'Dokumentet er publiceret ',
+      entryUnpublished: 'Dokumentet er afpubliceret',
       onFailToPublishEntry: 'Kunne ikke publicere på grund af en fejl: %{details}',
+      onFailToUnpublishEntry: 'Kunne ikke afpublicere på grund af en fejl: %{details}',
       entryUpdated: 'Dokumentstatus er opdateret',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'Upublicerede ændringer blev slettet',
       onFailToAuth: '%{details}',
       onLoggedOut: 'Du er blevet logget ind, gem venligst evt. ændringer og log på igen',
       onBackendDown:
         'Den bagvedliggende service er ikke tilgængelig i øjeblikket. Se %{details} for mere information',
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'Indlæser dokumenter i redaktionel arbejdsgang',
+      workflowHeading: 'Redaktionel arbejdsgang',
+      newPost: 'Nyt indlæg',
+      description:
+        '%{smart_count} dokumenter afventer gennemsyn, %{readyCount} er klar til live. |||| %{smart_count} dokumenter afventer gennemsyn, %{readyCount} klar til go live. ',
+      dateFormat: 'D. MMMM',
+    },
+    workflowCard: {
+      lastChange: '%{date} af %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'af %{author}',
+      deleteChanges: 'Slet ændringer',
+      deleteNewEntry: 'Slet nye dokumenter',
+      publishChanges: 'Publicer ændringer',
+      publishNewEntry: 'Publicer nye dokumenter',
+    },
+    workflowList: {
+      onDeleteEntry: 'Er du sikker på at du vil slette dette dokument?',
+      onPublishingNotReadyEntry:
+        'Kun dokumenter med "Klar" status kan publiceres. Træk kortet til "Klar" kolonnen for at tillade publicering.',
+      onPublishEntry: 'Er du sikker på at du vil publicere dokumentet?',
+      draft: 'Kladder',
+      pending_review: 'Til gennemsyn',
+      pending_publish: 'Klar',
+      currentEntries: '%{smart_count} dokument |||| %{smart_count} dokumenter',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default da;
diff --git a/packages/core/src/locales/de/index.ts b/packages/core/src/locales/de/index.ts
index b1474228..ff9280ef 100644
--- a/packages/core/src/locales/de/index.ts
+++ b/packages/core/src/locales/de/index.ts
@@ -12,8 +12,8 @@ const de: LocalePhrasesRoot = {
     errors: {
       email: 'Stellen Sie sicher, Ihre E-Mail-Adresse einzugeben.',
       password: 'Bitte geben Sie Ihr Passwort ein.',
-      authTitle: undefined, // English translation: 'Error logging in'
-      authBody: 'Fehler beim Anmelden',
+      authTitle: 'Fehler beim Anmelden',
+      authBody: '%{details}',
       netlifyIdentityNotFound: 'Das Netlify Identity Plugin wurde nicht gefunden',
       identitySettings:
         'Identity-Einstellungen konnten nicht abgerufen werden. Stellen Sie bei der Verwendung des Git-Gateway Backends sicher, den Identity Service und das Git Gateway zu aktivieren.',
@@ -22,10 +22,12 @@ const de: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'Inhalt',
+      workflow: 'Arbeitsablauf',
       media: 'Medien',
       quickAdd: 'Schnellerstellung',
     },
     app: {
+      loading: 'Laden...',
       errorHeader: 'Fehler beim Laden der CMS-Konfiguration.',
       configErrors: 'Konfigurationsfehler',
       configNotFound: 'KOnfiguration nicht gefunden',
@@ -66,8 +68,8 @@ const de: LocalePhrasesRoot = {
       negateLabel: 'Nicht %{label}',
     },
     table: {
-      summary: undefined, // English translation: 'Summary'
-      collection: undefined, // English translation: 'Collection'
+      summary: 'Zusammenfassung',
+      collection: 'Bereich',
     },
     defaultFields: {
       author: {
@@ -77,7 +79,7 @@ const de: LocalePhrasesRoot = {
         label: 'Änderungsdatum',
       },
     },
-    notFound: undefined, // English translation: 'Collection not found'
+    notFound: 'Bereich nicht gefunden',
   },
   editor: {
     editorControl: {
@@ -104,15 +106,38 @@ const de: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: 'Aktuelle Sprache: %{locale}',
+        copyFromLocale: 'Aus anderer Sprache übernehmen',
+        copyFromLocaleConfirm:
+          'Wollen Sie wirklich die Daten aus der Sprache %{locale} übernehmen?\nAlle bishergen Inhalte werden überschrieben.',
       },
     },
     editor: {
       onLeavePage: 'Möchten Sie diese Seite wirklich verlassen?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody:
+        'Es sind noch ungespeicherte Änderungen vorhanden. Bitte speichern Sie diese, bevor Sie den Status aktualisieren.',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody:
+        'Bitte setzten die den Status vor dem Veröffentlichen auf "Abgeschlossen".',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody:
+        'Es sind noch ungespeicherte Änderungen vorhanden. Bitte speicheren Sie vor dem Veröffentlichen.',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: 'Soll dieser Beitrag wirklich veröffentlicht werden?',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody:
+        'Soll die Veröffentlichung dieses Beitrags wirklich zurückgezogen werden?',
       onDeleteWithUnsavedChangesTitle: 'Veröffentlichten Beitrag löschen?',
       onDeleteWithUnsavedChangesBody:
         'Möchten Sie diesen veröffentlichten Beitrag, sowie Ihre nicht gespeicherten Änderungen löschen?',
       onDeletePublishedEntryTitle: 'Veröffentlichten Beitrag löschen?',
       onDeletePublishedEntryBody: 'Soll dieser veröffentlichte Beitrag wirklich gelöscht werden?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'Möchten Sie diesen unveröffentlichten Beitrag, sowie Ihre nicht gespeicherten Änderungen löschen?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        'Alle unveröffentlichten Änderungen werden gelöscht. Möchten Sie wirklich löschen?',
       loadingEntry: 'Beitrag laden...',
     },
     editorInterface: {
@@ -123,13 +148,37 @@ const de: LocalePhrasesRoot = {
       toggleScrollSync: 'Synchron scrollen',
     },
     editorToolbar: {
+      publishing: 'Veröffentlichen...',
       publish: 'Veröffentlichen',
       published: 'Veröffentlicht',
+      unpublish: 'Veröffentlichung zurückziehen',
       duplicate: 'Duplizieren',
+      unpublishing: 'Veröffentlichung wird zurückgezogen...',
       publishAndCreateNew: 'Veröffentlichen und neuen Beitrag erstellen',
       publishAndDuplicate: 'Veröffentlichen und Beitrag duplizieren',
+      deleteUnpublishedChanges: 'Unveröffentlichte Änderungen verwerfen',
+      deleteUnpublishedEntry: 'Lösche unveröffentlichten Beitrag',
+      deletePublishedEntry: 'Lösche veröffentlichten Beitrag',
       deleteEntry: 'Lösche Beitrag',
+      saving: 'Speichern...',
+      save: 'Speichern',
+      statusInfoTooltipDraft:
+        'Beitrag ist im Entwurfsstatus. Um ihn fertigzustellen und zur Überprüfung freizugeben, setzen Sie den Status auf ‘Zur Überprüfung‘.',
+      statusInfoTooltipInReview:
+        'Beitrag wird überprüft, keine weitere Aktion erforderlich. Sie können weitere Änderungen vornehmen, während die Überprüfung läuft.',
+      deleting: 'Löschen...',
+      updating: 'Aktualisieren...',
+      status: 'Status: %{status}',
+      backCollection: 'Zurück zu allen %{collectionLabel}',
+      unsavedChanges: 'Ungespeicherte Änderungen',
+      changesSaved: 'Änderungen gespeichert',
+      draft: 'Entwurf',
+      inReview: 'Zur Überprüfung',
+      ready: 'Abgeschlossen',
       publishNow: 'Jetzt veröffentlichen',
+      deployPreviewPendingButtonLabel: 'Überprüfen ob eine Vorschau vorhanden ist',
+      deployPreviewButtonLabel: 'Vorschau anzeigen',
+      deployButtonLabel: 'Live ansehen',
       discardChanges: 'Änderungen verwerfen',
       discardChangesTitle: 'Änderungen verwerfen',
       discardChangesBody: 'Sicher, dass Sie ungespeicherte Änderungen verwerfen wollen?',
@@ -138,17 +187,35 @@ const de: LocalePhrasesRoot = {
       markdown: {
         bold: 'Fett',
         italic: 'Kursiv',
+        strikethrough: 'Durchgestrichen',
         code: 'Code',
+        codeBlock: 'Codeblock',
+        insertCodeBlock: 'Codeblock einfügen',
         link: 'Link',
-        linkPrompt: 'Link-URL eingeben',
+        insertLink: 'Link einfügen',
+        paragraph: 'Paragraph',
         headings: 'Überschriften',
         quote: 'Zitat',
+        insertQuote: 'Zitat einfügen',
         bulletedList: 'Aufzählungsliste',
         numberedList: 'Nummerierte Liste',
         addComponent: 'Komponente hinzufügen',
         richText: 'Rich Text',
         markdown: 'Markdown',
-        type: undefined, // English translation: 'Type...'
+        type: 'Tippen...',
+        decreaseIndent: 'Weniger einrücken',
+        increaseIndent: 'Einrücken',
+        image: 'Bild',
+        insertImage: 'Bild einfügen',
+        table: {
+          table: 'Tabelle',
+          deleteColumn: 'Spalte entfernen',
+          deleteRow: 'Zeile entfernen',
+          deleteTable: 'Tabelle entfernen',
+          insertColumn: 'Spalte einfügen',
+          insertRow: 'Zeile einfügen',
+          insertTable: 'Tabelle einfügen',
+        },
       },
       image: {
         choose: 'Bild wählen',
@@ -199,18 +266,22 @@ const de: LocalePhrasesRoot = {
       },
       datetime: {
         now: 'Jetzt',
-        invalidDateTitle: undefined, // English translation: 'Invalid date'
+        invalidDateTitle: 'Ungültiges Datum',
         invalidDateBody: 'Das eingegebene Datum ist ungültig.',
       },
       list: {
         add: '%{item} hinzufügen',
         addType: '%{item} hinzufügen',
-        noValue: undefined, // English translation: 'No value'
+        noValue: 'Kein Wert',
       },
       keyvalue: {
-        key: undefined, // English translation: 'Key'
-        value: undefined, // English translation: 'Value'
-        uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
+        key: 'Variable',
+        value: 'Wert',
+        uniqueKeys: '%{keyLabel} muss einmalig sein',
+      },
+      code: {
+        language: 'Programmiersprache',
+        selectLanguage: 'Programmiersprache wählen',
       },
     },
   },
@@ -232,10 +303,10 @@ const de: LocalePhrasesRoot = {
       alreadyExistsBody: '%{filename} existiert bereits. Soll sie überschrieben werden?',
     },
     mediaLibraryModal: {
-      loading: 'Laden...',
       noResults: 'Keine Egebnisse.',
       noAssetsFound: 'Keine Medien gefunden.',
       noImagesFound: 'Keine Bilder gefunden.',
+      private: 'Privat ',
       images: 'Bilder',
       mediaAssets: 'Medien',
       search: 'Suchen...',
@@ -245,13 +316,14 @@ const de: LocalePhrasesRoot = {
       deleting: 'Löschen...',
       deleteSelected: 'Ausgewähltes Element löschen',
       chooseSelected: 'Ausgewähltes Element verwenden',
-      dropImages: undefined, // English translation: 'Drop images to upload'
-      dropFiles: undefined, // English translation: 'Drop files to upload'
+      dropImages: 'Zum Hochladen Bilder hierher ziehen',
+      dropFiles: 'Zum Hochladen Dateien hierher ziehen',
     },
     folderSupport: {
       newFolder: 'Neuer Ordner',
       createNewFolder: 'Neuen Ordner erstellen',
       enterFolderName: 'Ordnernamen eingeben...',
+      create: 'Erstellen',
       home: 'Start',
       up: 'Zurück',
       upToFolder: 'Zurück zu %{folder}',
@@ -261,7 +333,8 @@ const de: LocalePhrasesRoot = {
     common: {
       yes: 'Ja',
       no: 'Nein',
-      okay: undefined, // English translation: 'OK'
+      okay: 'OK',
+      cancel: 'Abbrechen',
     },
     default: {
       goBackToSite: 'Zurück zur Seite',
@@ -283,11 +356,12 @@ const de: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: 'Dunkler Modus',
+      theme: undefined, // English translation: 'Theme'
       logOut: 'Abmelden',
     },
     toast: {
       onFailToLoadEntries: 'Beitrag konnte nicht geladen werden: %{details}',
+      onFailToLoadDeployPreview: 'Vorschau konnte nicht geladen werden: %{details}',
       onFailToPersist: 'Beitrag speichern fehlgeschlagen: %{details}',
       onFailToPersistMedia: 'Speichern des Meidums fehlgeschlagen: %{details}',
       onFailToDelete: 'Beitrag löschen fehlgeschlagen: %{details}',
@@ -295,9 +369,15 @@ const de: LocalePhrasesRoot = {
       onFailToUpdateStatus: 'Status aktualisieren fehlgeschlagen: %{details}',
       missingRequiredField: 'Oops, einige zwingend erforderliche Felder sind nicht ausgefüllt.',
       entrySaved: 'Beitrag gespeichert',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'Beitrag veröffentlicht',
+      entryUnpublished: 'Beitrag nicht mehr öffentlich',
       onFailToPublishEntry: 'Veröffentlichen fehlgeschlagen: %{details}',
+      onFailToUnpublishEntry:
+        'Veröffentlichung des Beitrags konnte nicht rückgängig gemacht werden: %{details}',
       entryUpdated: 'Beitragsstatus aktualisiert',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'Unveröffentlichte Änderungen verworfen',
       onFailToAuth: '%{details}',
       onLoggedOut:
         'Sie wurden ausgeloggt. Bitte sichern Sie Ihre Daten und melden Sie sich erneut an.',
@@ -305,6 +385,41 @@ const de: LocalePhrasesRoot = {
         'Der Server ist aktuell nicht erreichbar. Für weitere Informationen, siehe: %{details}',
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'Arbeitsablauf Beiträge laden',
+      workflowHeading: 'Redaktioneller Arbeitsablauf',
+      newPost: 'Neuer Beitrag',
+      description:
+        '%{smart_count} Beitrag zur Überprüfung bereit, %{readyCount} bereit zur Veröffentlichung. |||| %{smart_count} Beiträge zur Überprüfung bereit, %{readyCount} bereit zur Veröffentlichung. ',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date} von %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'von %{author}',
+      deleteChanges: 'Änderungen verwerfen',
+      deleteNewEntry: 'Lösche neuen Beitrag',
+      publishChanges: 'Veröffentliche Änderungen',
+      publishNewEntry: 'Veröffentliche neuen Beitrag',
+    },
+    workflowList: {
+      onDeleteEntry: 'Soll dieser Beitrag wirklich gelöscht werden?',
+      onPublishingNotReadyEntry:
+        'Nur Beiträge im Status "Abgeschlossen" können veröffentlicht werden. Bitte ziehen Sie den Beitrag in die "Abgeschlossen" Spalte um die Veröffentlichung zu aktivieren.',
+      onPublishEntry: 'Soll dieser Beitrag wirklich veröffentlicht werden soll?',
+      draft: 'Entwurf',
+      pending_review: 'In Prüfung',
+      pending_publish: 'Abgeschlossen',
+      currentEntries: '%{smart_count} Beitrag |||| %{smart_count} Beiträge',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default de;
diff --git a/packages/core/src/locales/en/index.ts b/packages/core/src/locales/en/index.ts
index 7e33787a..ad90cb85 100644
--- a/packages/core/src/locales/en/index.ts
+++ b/packages/core/src/locales/en/index.ts
@@ -22,10 +22,12 @@ const en: BaseLocalePhrasesRoot = {
   app: {
     header: {
       content: 'Contents',
+      workflow: 'Workflow',
       media: 'Media',
       quickAdd: 'Quick add',
     },
     app: {
+      loading: 'Loading...',
       errorHeader: 'Error loading the CMS configuration',
       configErrors: 'Config Errors',
       configNotFound: 'Config not found',
@@ -104,15 +106,36 @@ const en: BaseLocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: 'Writing in %{locale}',
+        copyFromLocale: 'Fill in from another locale',
+        copyFromLocaleConfirm:
+          'Do you want to fill in data from %{locale} locale?\nAll existing content will be overwritten.',
       },
     },
     editor: {
       onLeavePage: 'Are you sure you want to leave this page?',
+      onUpdatingWithUnsavedChangesTitle: 'Unsaved changes',
+      onUpdatingWithUnsavedChangesBody:
+        'You have unsaved changes, please save before updating status.',
+      onPublishingNotReadyTitle: 'Not ready to publish',
+      onPublishingNotReadyBody: 'Please update status to "Ready" before publishing.',
+      onPublishingWithUnsavedChangesTitle: 'Unsaved changes',
+      onPublishingWithUnsavedChangesBody:
+        'You have unsaved changes, please save before publishing.',
+      onPublishingTitle: 'Publish entry?',
+      onPublishingBody: 'Are you sure you want to publish this entry?',
+      onUnpublishingTitle: 'Unpublish entry?',
+      onUnpublishingBody: 'Are you sure you want to unpublish this entry?',
       onDeleteWithUnsavedChangesTitle: 'Delete this published entry?',
       onDeleteWithUnsavedChangesBody:
         'Are you sure you want to delete this published entry, as well as your unsaved changes from the current session?',
       onDeletePublishedEntryTitle: 'Delete this published entry?',
       onDeletePublishedEntryBody: 'Are you sure you want to delete this published entry?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: 'Delete unpublished changes?',
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'This will delete all unpublished changes to this entry, as well as your unsaved changes from the current session. Do you still want to delete?',
+      onDeleteUnpublishedChangesTitle: 'Delete unpublished changes?',
+      onDeleteUnpublishedChangesBody:
+        'All unpublished changes to this entry will be deleted. Do you still want to delete?',
       loadingEntry: 'Loading entry...',
     },
     editorInterface: {
@@ -123,13 +146,37 @@ const en: BaseLocalePhrasesRoot = {
       toggleScrollSync: 'Sync scrolling',
     },
     editorToolbar: {
+      publishing: 'Publishing...',
       publish: 'Publish',
       published: 'Published',
+      unpublish: 'Unpublish',
       duplicate: 'Duplicate',
+      unpublishing: 'Unpublishing...',
       publishAndCreateNew: 'Publish and create new',
       publishAndDuplicate: 'Publish and duplicate',
+      deleteUnpublishedChanges: 'Delete unpublished changes',
+      deleteUnpublishedEntry: 'Delete unpublished entry',
+      deletePublishedEntry: 'Delete published entry',
       deleteEntry: 'Delete entry',
+      saving: 'Saving...',
+      save: 'Save',
+      statusInfoTooltipDraft:
+        'Entry status is set to draft. To finalize and submit it for review, set the status to �In review�',
+      statusInfoTooltipInReview:
+        'Entry is being reviewed, no further actions are required. However, you can still make additional changes while it is being reviewed.',
+      deleting: 'Deleting...',
+      updating: 'Updating...',
+      status: 'Status: %{status}',
+      backCollection: ' Writing in %{collectionLabel} collection',
+      unsavedChanges: 'Unsaved Changes',
+      changesSaved: 'Changes saved',
+      draft: 'Draft',
+      inReview: 'In review',
+      ready: 'Ready',
       publishNow: 'Publish now',
+      deployPreviewPendingButtonLabel: 'Check for Preview',
+      deployPreviewButtonLabel: 'View Preview',
+      deployButtonLabel: 'View Live',
       discardChanges: 'Discard changes',
       discardChangesTitle: 'Discard changes',
       discardChangesBody: 'Are you sure you want to discard the unsaved changed?',
@@ -138,17 +185,35 @@ const en: BaseLocalePhrasesRoot = {
       markdown: {
         bold: 'Bold',
         italic: 'Italic',
+        strikethrough: 'Strikethrough',
         code: 'Code',
+        codeBlock: 'Code block',
+        insertCodeBlock: 'Insert code block',
         link: 'Link',
-        linkPrompt: 'Enter the URL of the link',
+        insertLink: 'Insert link',
+        paragraph: 'Paragraph',
         headings: 'Headings',
         quote: 'Quote',
+        insertQuote: 'Insert blockquote',
         bulletedList: 'Bulleted List',
         numberedList: 'Numbered List',
         addComponent: 'Add Component',
         richText: 'Rich Text',
         markdown: 'Markdown',
         type: 'Type...',
+        decreaseIndent: 'Decrease indent',
+        increaseIndent: 'Increase indent',
+        image: 'Image',
+        insertImage: 'Insert image',
+        table: {
+          table: 'Table',
+          deleteColumn: 'Delete column',
+          deleteRow: 'Delete row',
+          deleteTable: 'Delete table',
+          insertColumn: 'Insert column',
+          insertRow: 'Insert row',
+          insertTable: 'Insert table',
+        },
       },
       image: {
         choose: 'Choose an image',
@@ -212,6 +277,10 @@ const en: BaseLocalePhrasesRoot = {
         value: 'Value',
         uniqueKeys: '%{keyLabel} must be unique',
       },
+      code: {
+        language: 'Language',
+        selectLanguage: 'Select language',
+      },
     },
   },
   mediaLibrary: {
@@ -232,10 +301,10 @@ const en: BaseLocalePhrasesRoot = {
       alreadyExistsBody: `%{filename} already exists. Do you want to replace it?`,
     },
     mediaLibraryModal: {
-      loading: 'Loading...',
       noResults: 'No results.',
       noAssetsFound: 'No assets found.',
       noImagesFound: 'No images found.',
+      private: 'Private ',
       images: 'Images',
       mediaAssets: 'Media assets',
       search: 'Search...',
@@ -252,6 +321,7 @@ const en: BaseLocalePhrasesRoot = {
       newFolder: 'New folder',
       createNewFolder: 'Create new folder',
       enterFolderName: 'Enter folder name...',
+      create: 'Create',
       home: 'Home',
       up: 'Up',
       upToFolder: 'Up to %{folder}',
@@ -262,6 +332,7 @@ const en: BaseLocalePhrasesRoot = {
       yes: 'Yes',
       no: 'No',
       okay: 'OK',
+      cancel: 'Cancel',
     },
     default: {
       goBackToSite: 'Go back to site',
@@ -283,11 +354,12 @@ const en: BaseLocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: 'Dark Mode',
+      theme: 'Theme',
       logOut: 'Log Out',
     },
     toast: {
       onFailToLoadEntries: 'Failed to load entry: %{details}',
+      onFailToLoadDeployPreview: 'Failed to load preview: %{details}',
       onFailToPersist: 'Failed to persist entry: %{details}',
       onFailToPersistMedia: 'Failed to persist media: %{details}',
       onFailToDelete: 'Failed to delete entry: %{details}',
@@ -295,15 +367,56 @@ const en: BaseLocalePhrasesRoot = {
       onFailToUpdateStatus: 'Failed to update status: %{details}',
       missingRequiredField: "Oops, you've missed a required field. Please complete before saving.",
       entrySaved: 'Entry saved',
+      entryDeleted: 'Entry delete',
       entryPublished: 'Entry published',
+      entryUnpublished: 'Entry unpublished',
       onFailToPublishEntry: 'Failed to publish: %{details}',
+      onFailToUnpublishEntry: 'Failed to unpublish entry: %{details}',
       entryUpdated: 'Entry status updated',
+      onDeletePublishedEntry: 'Published entry deleted',
+      onDeleteUnpublishedChanges: 'Unpublished changes deleted',
       onFailToAuth: '%{details}',
       onLoggedOut: 'You have been logged out, please back up any data and login again',
       onBackendDown:
         'The backend service is experiencing an outage. See %{details} for more information',
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: 'Dashboard',
+      loading: 'Loading Editorial Workflow Entries',
+      workflowHeading: 'Editorial Workflow',
+      newPost: 'New Post',
+      description:
+        '%{smart_count} entry waiting for review, %{readyCount} ready to go live. |||| %{smart_count} entries waiting for review, %{readyCount} ready to go live. ',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date} by %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'by %{author}',
+      deleteChanges: 'Delete changes',
+      deleteNewEntry: 'Delete new entry',
+      publishChanges: 'Publish changes',
+      publishNewEntry: 'Publish new entry',
+    },
+    workflowList: {
+      onDeleteEntry: 'Are you sure you want to delete this entry?',
+      onPublishingNotReadyEntry:
+        'Only items with a "Ready" status can be published. Please drag the card to the "Ready" column to enable publishing.',
+      onPublishEntry: 'Are you sure you want to publish this entry?',
+      draft: 'Drafts',
+      pending_review: 'In Review',
+      pending_publish: 'Ready',
+      currentEntries: '%{smart_count} entry |||| %{smart_count} entries',
+    },
+    openAuthoring: {
+      forkRequired:
+        "Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)",
+      forkRepo: 'Fork the repo',
+      markReadyForReview: 'Mark Ready for Review',
+    },
+  },
 };
 
 export default en;
diff --git a/packages/core/src/locales/es/index.ts b/packages/core/src/locales/es/index.ts
index 260d102a..65efc155 100644
--- a/packages/core/src/locales/es/index.ts
+++ b/packages/core/src/locales/es/index.ts
@@ -22,10 +22,12 @@ const es: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'Contenido',
+      workflow: 'Flujo Editorial',
       media: 'Medios',
       quickAdd: 'Añadir rápido',
     },
     app: {
+      loading: 'Cargando...',
       errorHeader: 'Error al cargar la configuración del CMS',
       configErrors: 'Errores de configuración',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -104,15 +106,35 @@ const es: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: undefined, // English translation: 'Writing in %{locale}'
+        copyFromLocale: undefined, // English translation: 'Fill in from another locale'
+        copyFromLocaleConfirm: undefined, // English translation: 'Do you want to fill in data from %{locale} locale?\nAll existing content will be overwritten.'
       },
     },
     editor: {
       onLeavePage: '¿Estás seguro de que quieres dejar esta página?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody:
+        'Tiene cambios no guardados, por favor, guárdelos antes de actualizar el estado.',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: 'Por favor, actualice el estado a "Ready" antes de publicar.',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody:
+        'Tiene cambios no guardados, por favor guárdelos antes de publicarlos.',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: '¿Estás seguro de que quieres publicar esta entrada?',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: '¿Estás seguro de que quieres retirar esta entrada?',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody:
         '¿Está seguro de que desea eliminar esta entrada publicada, así como los cambios no guardados de la sesión actual?',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody: '¿Estás seguro de que quieres borrar esta entrada publicada?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'Esto eliminará todos los cambios no publicados de esta entrada, así como los cambios no guardados de la sesión actual. ¿Todavía quieres borrar?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        'Todos los cambios no publicados en esta entrada serán eliminados. ¿Todavía quieres borrar?',
       loadingEntry: 'Cargando entrada...',
     },
     editorInterface: {
@@ -123,13 +145,35 @@ const es: LocalePhrasesRoot = {
       toggleScrollSync: undefined, // English translation: 'Sync scrolling'
     },
     editorToolbar: {
+      publishing: 'Publicando...',
       publish: 'Publicar',
       published: 'Publicado',
+      unpublish: 'Retirar',
       duplicate: 'Duplicar',
+      unpublishing: 'Retirando...',
       publishAndCreateNew: 'Publicar y crear nuevo',
       publishAndDuplicate: 'Publicar y duplicar',
+      deleteUnpublishedChanges: 'Eliminar cambios no publicados',
+      deleteUnpublishedEntry: 'Eliminar entrada no publicada',
+      deletePublishedEntry: 'Eliminar entrada publicada',
       deleteEntry: 'Eliminar entrada',
+      saving: 'Guardando...',
+      save: 'Guardar',
+      statusInfoTooltipDraft: undefined, // English translation: 'Entry status is set to draft. To finalize and submit it for review, set the status to �In review�'
+      statusInfoTooltipInReview: undefined, // English translation: 'Entry is being reviewed, no further actions are required. However, you can still make additional changes while it is being reviewed.'
+      deleting: 'Eliminando...',
+      updating: 'Actualizando...',
+      status: 'Estado: %{status}',
+      backCollection: ' Escribiendo en la colección %{collectionLabel}',
+      unsavedChanges: 'Cambios no guardados',
+      changesSaved: 'Cambios guardados',
+      draft: 'Borrador',
+      inReview: 'En revisión',
+      ready: 'Listo',
       publishNow: 'Publicar ahora',
+      deployPreviewPendingButtonLabel: 'Comprobar Vista Previa',
+      deployPreviewButtonLabel: 'Ver Vista Previa',
+      deployButtonLabel: 'Ver publicación',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -138,17 +182,35 @@ const es: LocalePhrasesRoot = {
       markdown: {
         bold: undefined, // English translation: 'Bold'
         italic: undefined, // English translation: 'Italic'
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: undefined, // English translation: 'Code'
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: undefined, // English translation: 'Link'
-        linkPrompt: undefined, // English translation: 'Enter the URL of the link'
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: undefined, // English translation: 'Headings'
         quote: undefined, // English translation: 'Quote'
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: undefined, // English translation: 'Bulleted List'
         numberedList: undefined, // English translation: 'Numbered List'
         addComponent: undefined, // English translation: 'Add Component'
         richText: 'Texto enriquecido',
         markdown: 'Markdown',
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: 'Elige una imagen',
@@ -212,6 +274,10 @@ const es: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -233,10 +299,10 @@ const es: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: 'Cargando...',
       noResults: 'Sin resultados.',
       noAssetsFound: 'Archivos no encontrados.',
       noImagesFound: 'Imágenes no encontradas.',
+      private: 'Privado ',
       images: 'Imágenes',
       mediaAssets: 'Archivos multimedia',
       search: 'Buscar...',
@@ -253,6 +319,7 @@ const es: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -263,6 +330,7 @@ const es: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: 'Regresar al sitio',
@@ -284,11 +352,12 @@ const es: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'Cerrar sesión',
     },
     toast: {
       onFailToLoadEntries: 'No se ha podido cargar la entrada: %{details}',
+      onFailToLoadDeployPreview: 'No se ha podido cargar la vista previa: %{details}',
       onFailToPersist: 'No se ha podido guardar la entrada: %{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: 'No se ha podido borrar la entrada: %{details}',
@@ -297,14 +366,54 @@ const es: LocalePhrasesRoot = {
       missingRequiredField:
         'Oops, no ha rellenado un campo obligatorio. Por favor, rellénelo antes de guardar.',
       entrySaved: 'Entrada guardada',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'Entrada publicada',
+      entryUnpublished: 'Entrada retirada',
       onFailToPublishEntry: 'No se ha podido publicar: %{details}',
+      onFailToUnpublishEntry: 'No se ha podido retirar la entrada: %{details}',
       entryUpdated: 'Estado de entrada actualizado',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'Cambios no publicados eliminados',
       onFailToAuth: '%{details}',
       onLoggedOut: undefined, // English translation: 'You have been logged out, please back up any data and login again'
       onBackendDown: undefined, // English translation: 'The backend service is experiencing an outage. See %{details} for more information'
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'Cargando Entradas del Flujo Editorial',
+      workflowHeading: 'Flujo Editorial',
+      newPost: 'Nuevo artículo',
+      description:
+        '%{smart_count} entrada esperando revisión, %{readyCount} lista para publicar |||| %{smart_count} entradas esperando revisión, %{readyCount} listas para publicar. ',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date} por %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'por %{author}',
+      deleteChanges: 'Eliminar cambios',
+      deleteNewEntry: 'Eliminar nueva entrada',
+      publishChanges: 'Publicar cambios',
+      publishNewEntry: 'Publicar nueva entrada',
+    },
+    workflowList: {
+      onDeleteEntry: '¿Está seguro de que quiere borrar esta entrada?',
+      onPublishingNotReadyEntry:
+        'Sólo se pueden publicar los elementos con el estado "Listo". Por favor, arrastre la tarjeta hasta la columna "Listo" para permitir la publicación.',
+      onPublishEntry: '¿Estás seguro de que quieres publicar esta entrada?',
+      draft: 'Borradores',
+      pending_review: 'En revisión',
+      pending_publish: 'Listo',
+      currentEntries: '%{smart_count} entrada |||| %{smart_count} entradas',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default es;
diff --git a/packages/core/src/locales/fa/index.ts b/packages/core/src/locales/fa/index.ts
new file mode 100644
index 00000000..13f4b14e
--- /dev/null
+++ b/packages/core/src/locales/fa/index.ts
@@ -0,0 +1,302 @@
+import type { LocalePhrasesRoot } from '../types';
+
+const fa: LocalePhrasesRoot = {
+  auth: {
+    login: 'وارد شدن',
+    loggingIn: 'ورود به سیستم در...',
+    loginWithNetlifyIdentity: 'با Netlify Identity وارد شوید',
+    loginWithAzure: 'با Azure وارد شوید',
+    loginWithBitbucket: 'با Bitbucket وارد شوید',
+    loginWithGitHub: 'با GitHub وارد شوید',
+    loginWithGitLab: 'با GitLab وارد شوید',
+    errors: {
+      email: 'ایمیل خود را حتما وارد کنید.',
+      password: 'لطفا رمز عبور خود را وارد کنید.',
+      identitySettings:
+        'دسترسی به تنظیمات هویت امکان پذیر نیست. هنگام استفاده از باطن git-gateway، حتماً سرویس Identity و Git Gateway را فعال کنید.',
+    },
+  },
+  app: {
+    header: {
+      content: 'فهرست',
+      workflow: 'جریان کار',
+      media: 'رسانه ها',
+      quickAdd: 'اضافه کردن سریع',
+    },
+    app: {
+      loading: 'بارگذاری...',
+      errorHeader: 'خطا در بارگیری پیکربندی CMS',
+      configErrors: 'خطاهای پیکربندی',
+      checkConfigYml: 'فایل config.yml خود را بررسی کنید.',
+      loadingConfig: 'در حال بارگیری پیکربندی...',
+      waitingBackend: 'در انتظار باطن...',
+    },
+    notFoundPage: { header: 'پیدا نشد' },
+  },
+  collection: {
+    sidebar: {
+      collections: 'مجموعه ها',
+      allCollections: 'همه مجموعه ها',
+      searchAll: 'جستجو در همه',
+      searchIn: 'جستجو در',
+    },
+    collectionTop: {
+      sortBy: 'مرتب سازی بر اساس',
+      viewAs: 'نمایش به صورت',
+      newButton: '%{collectionLabel} جدید',
+      ascending: 'صعودی',
+      descending: 'نزولی',
+      searchResults: 'نتایج جستجو برای "%{searchTerm}"',
+      searchResultsInCollection: 'نتایج جستجو برای "%{searchTerm}" در %{collection}',
+      filterBy: 'محدود شده توسط',
+      groupBy: 'دسته بندی بر اساس',
+    },
+    entries: {
+      loadingEntries: 'در حال بارگیری ورودی ها...',
+      cachingEntries: 'ذخیره ورودی ها...',
+      longerLoading: 'این ممکن است چند دقیقه طول بکشد',
+      noEntries: 'بدون ورودی',
+    },
+    groups: { other: 'دیگر', negateLabel: 'نه %{label}' },
+    defaultFields: {
+      author: { label: 'نویسنده' },
+      updatedOn: { label: 'به روز شد' },
+    },
+  },
+  editor: {
+    editorControl: { field: { optional: 'اختیاری' } },
+    editorControlPane: {
+      widget: {
+        required: '%{fieldLabel} مورد نیاز است.',
+        regexPattern: '%{fieldLabel} با الگوی %{pattern} مطابقت نداشت.',
+        processing: '%{fieldLabel} در حال پردازش است.',
+        range: '%{fieldLabel} باید بین %{minValue} و %{maxValue} باشد.',
+        min: '%{fieldLabel} باید حداقل %{minValue} باشد.',
+        max: '%{fieldLabel} باید %{maxValue} یا کمتر باشد.',
+        rangeCount: '%{fieldLabel} باید بین %{minCount} و %{maxCount} مورد (ها) داشته باشد.',
+        rangeCountExact: '%{fieldLabel} باید دقیقا %{count} مورد(ها) داشته باشد.',
+        rangeMin: '%{fieldLabel} باید حداقل %{minCount} مورد(ها) باشد.',
+        rangeMax: '%{fieldLabel} باید %{maxCount} یا کمتر از موارد باشد.',
+        invalidPath: "'%{path}' یک مسیر معتبر نیست",
+        pathExists: "مسیر '%{path}' از قبل وجود دارد",
+      },
+      i18n: {
+        writingInLocale: 'نوشتن به %{locale}',
+        copyFromLocale: 'از محلی دیگر پر کنید',
+        copyFromLocaleConfirm:
+          'آیا می خواهید داده ها را از %{locale} محلی پر کنید؟\nتمام محتوای موجود رونویسی خواهد شد.',
+      },
+    },
+    editor: {
+      onLeavePage: 'آیا مطمئن هستید که می خواهید این صفحه را ترک کنید؟',
+      onUpdatingWithUnsavedChangesBody:
+        'شما تغییرات ذخیره نشده ای دارید، لطفا قبل از به روز رسانی وضعیت را ذخیره کنید.',
+      onPublishingNotReadyBody: 'لطفاً قبل از انتشار وضعیت را به "آماده" به روز کنید.',
+      onPublishingWithUnsavedChangesBody:
+        'شما تغییرات ذخیره نشده ای دارید، لطفاً قبل از انتشار ذخیره کنید.',
+      onPublishingBody: 'آیا شما مطمئن هستید که می خواهید این مطلب را منتشر کنید؟',
+      onUnpublishingBody: 'آیا مطمئن هستید که می خواهید این ورودی را لغو انتشار کنید؟',
+      onDeleteWithUnsavedChangesBody:
+        'آیا مطمئن هستید که می خواهید این ورودی منتشر شده و همچنین تغییرات ذخیره نشده خود را از جلسه فعلی حذف کنید؟',
+      onDeletePublishedEntryBody: 'آیا مطمئنید که می خواهید این ورودی منتشر شده را حذف کنید؟',
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'با این کار همه تغییرات منتشر نشده در این ورودی و همچنین تغییرات ذخیره نشده شما از جلسه فعلی حذف می شود. آیا هنوز می خواهید حذف کنید؟',
+      onDeleteUnpublishedChangesBody:
+        'همه تغییرات منتشر نشده در این ورودی حذف خواهند شد. آیا هنوز می خواهید حذف کنید؟',
+      loadingEntry: 'در حال بارگیری ورودی...',
+    },
+    editorInterface: {
+      toggleI18n: 'i18n را تغییر دهید',
+      togglePreview: 'پیش نمایش را تغییر دهید',
+      toggleScrollSync: 'همگام سازی پیمایش',
+    },
+    editorToolbar: {
+      publishing: 'در حال انتشار...',
+      publish: 'انتشار',
+      published: 'منتشر شده',
+      unpublish: 'لغو انتشار',
+      duplicate: 'تکراری',
+      unpublishing: 'در حال لغو انتشار...',
+      publishAndCreateNew: 'انتشار و ایجاد جدید',
+      publishAndDuplicate: 'انتشار و تکثیر',
+      deleteUnpublishedChanges: 'حذف تغییرات منتشر نشده',
+      deleteUnpublishedEntry: 'حذف ورودی منتشر نشده',
+      deletePublishedEntry: 'حذف ورودی منتشر شده',
+      deleteEntry: 'حذف ورودی',
+      saving: 'صرفه جویی در...',
+      save: 'صرفه جویی',
+      statusInfoTooltipDraft:
+        'وضعیت ورودی روی پیش نویس تنظیم شده است. برای نهایی کردن و ارسال آن برای بررسی، وضعیت را روی «در حال بررسی» تنظیم کنید',
+      statusInfoTooltipInReview:
+        'ورودی در حال بررسی است، هیچ اقدام دیگری لازم نیست. با این حال، همچنان می‌توانید در حین بررسی، تغییرات بیشتری ایجاد کنید.',
+      deleting: 'در حال حذف...',
+      updating: 'در حال بروز رسانی...',
+      status: 'وضعیت: %{status}',
+      backCollection: 'نوشتن در مجموعه %{collectionLabel}',
+      unsavedChanges: 'تغییرات ذخیره نشده',
+      changesSaved: 'تغییرات ذخیره شد',
+      draft: 'پیش نویس',
+      inReview: 'در بررسی',
+      ready: 'آماده',
+      publishNow: 'اکنون منتشر کنید',
+      deployPreviewPendingButtonLabel: 'پیش نمایش را بررسی کنید',
+      deployPreviewButtonLabel: 'مشاهده پیش نمایش',
+      deployButtonLabel: 'مشاهده زنده',
+    },
+    editorWidgets: {
+      markdown: {
+        bold: 'پررنگ',
+        italic: 'کج',
+        code: 'کد',
+        link: 'ارتباط دادن',
+        linkPrompt: 'آدرس لینک را وارد کنید',
+        headings: 'سرفصل ها',
+        quote: 'نقل قول',
+        bulletedList: 'لیست گلوله شده',
+        numberedList: 'لیست شماره گذاری شده',
+        addComponent: 'افزودن کامپوننت',
+        richText: 'متن غنی',
+        markdown: 'مارک داون',
+      },
+      image: {
+        choose: 'یک تصویر را انتخاب کنید',
+        chooseMultiple: 'تصاویر را انتخاب کنید',
+        chooseUrl: 'درج از URL',
+        replaceUrl: 'با URL جایگزین کنید',
+        promptUrl: 'آدرس تصویر را وارد کنید',
+        chooseDifferent: 'تصویر متفاوت را انتخاب کنید',
+        addMore: 'تصاویر بیشتری اضافه کنید',
+        remove: 'حذف تصویر',
+        removeAll: 'حذف همه تصاویر',
+      },
+      file: {
+        choose: 'یک فایل را انتخاب کنید',
+        chooseUrl: 'درج از URL',
+        chooseMultiple: 'فایل ها را انتخاب کنید',
+        replaceUrl: 'با URL جایگزین کنید',
+        promptUrl: 'آدرس فایل را وارد کنید',
+        chooseDifferent: 'فایل های مختلف را انتخاب کنید',
+        addMore: 'فایل های بیشتری اضافه کنید',
+        remove: 'حذف فایل',
+        removeAll: 'تمام فایل ها را حذف کنید',
+      },
+      unknownControl: {
+        noControl: 'هیچ کنترلی برای ویجت "%{widget}" وجود ندارد.',
+      },
+      unknownPreview: {
+        noPreview: 'هیچ پیش نمایشی برای ویجت "%{widget}" وجود ندارد.',
+      },
+      headingOptions: {
+        headingOne: 'سرفصل 1',
+        headingTwo: 'سرفصل 2',
+        headingThree: 'سرفصل 3',
+        headingFour: 'سرفصل 4',
+        headingFive: 'سرفصل 5',
+        headingSix: 'سرفصل 6',
+      },
+      datetime: { now: 'اکنون' },
+      list: {
+        add: 'این مورد را اضافه کنید}',
+        addType: 'این مورد را اضافه کنید}',
+      },
+    },
+  },
+  mediaLibrary: {
+    mediaLibraryCard: {
+      draft: 'پیش نویس',
+      copy: 'کپی',
+      copyUrl: 'URL را کپی کنید',
+      copyPath: 'مسیر را کپی کنید',
+      copyName: 'کپی نام',
+      copied: 'کپی شده است',
+    },
+    mediaLibrary: {
+      onDeleteBody: 'آیا مطمئن هستید که می خواهید رسانه انتخابی را حذف کنید؟',
+      fileTooLargeBody:
+        'فایل خیلی بزرگ است.\nپیکربندی شده است تا فایل های بزرگتر از %{size} کیلوبایت مجاز نباشد.',
+    },
+    mediaLibraryModal: {
+      noResults: 'هیچ نتیجه ای.',
+      noAssetsFound: 'هیچ دارایی یافت نشد.',
+      noImagesFound: 'هیچ تصویری یافت نشد',
+      private: 'خصوصی',
+      images: 'تصاویر',
+      mediaAssets: 'دارایی های رسانه ای',
+      search: 'جستجو کردن...',
+      uploading: 'در حال آپلود...',
+      upload: 'بارگذاری',
+      download: 'دانلود',
+      deleting: 'در حال حذف...',
+      deleteSelected: 'انتخاب شده را پاک کن',
+      chooseSelected: 'انتخاب شده را انتخاب کنید',
+    },
+  },
+  ui: {
+    default: { goBackToSite: 'به سایت برگردید' },
+    errorBoundary: {
+      title: 'خطا',
+      details: 'خطایی رخ داده است - لطفا',
+      reportIt: 'یک مسئله را در GitHub باز کنید.',
+      detailsHeading: 'جزئیات',
+      privacyWarning:
+        'باز کردن یک مشکل، آن را با پیام خطا و داده‌های اشکال‌زدایی از قبل پر می‌کند.\nلطفاً صحت اطلاعات را تأیید کنید و در صورت وجود داده های حساس را حذف کنید.',
+      recoveredEntry: {
+        heading: 'سند بازیابی شده',
+        warning: 'لطفاً قبل از حرکت، این را در جایی کپی/پیست کنید!',
+        copyButtonLabel: 'کپی به کلیپ بورد',
+      },
+    },
+    settingsDropdown: { logOut: 'خروج' },
+    toast: {
+      onFailToLoadEntries: 'ورودی بارگیری نشد: %{details}',
+      onFailToLoadDeployPreview: 'پیش نمایش بارگیری نشد: %{details}',
+      onFailToPersist: 'ادامه ورود ناموفق بود: %{details}',
+      onFailToDelete: 'ورودی حذف نشد: %{details}',
+      onFailToUpdateStatus: 'وضعیت به‌روزرسانی نشد: %{details}',
+      missingRequiredField:
+        'اوه، شما یک قسمت الزامی را از دست داده اید. لطفاً قبل از ذخیره تکمیل کنید.',
+      entrySaved: 'ورودی ذخیره شد',
+      entryPublished: 'مدخل منتشر شد',
+      entryUnpublished: 'ورودی منتشر نشده است',
+      onFailToPublishEntry: 'منتشر نشد: %{details}',
+      onFailToUnpublishEntry: 'لغو انتشار ورودی انجام نشد: %{details}',
+      entryUpdated: 'وضعیت ورودی به روز شد',
+      onDeleteUnpublishedChangesBody: 'تغییرات منتشر نشده حذف شد',
+      onFailToAuth: '%{details}',
+      onLoggedOut:
+        'شما از سیستم خارج شده اید، لطفاً از داده ها نسخه پشتیبان تهیه کنید و دوباره وارد شوید',
+      onBackendDown: 'سرویس باطن در حال تجربه قطعی است. جهت اطلاعات بیشتر جزئیات را ببینید',
+    },
+  },
+  workflow: {
+    workflow: {
+      loading: 'در حال بارگیری ورودی های گردش کار ویرایشی',
+      workflowHeading: 'گردش کار تحریریه',
+      newPost: 'مطلب جدید',
+      description:
+        '%{smart_count} ورودی در انتظار بررسی، %{readyCount} آماده انتشار است. |||| %{smart_count} ورودی در انتظار بازبینی، %{readyCount} آماده انتشار است.',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date} توسط %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'توسط %{author}',
+      deleteChanges: 'حذف تغییرات',
+      deleteNewEntry: 'حذف ورودی جدید',
+      publishChanges: 'انتشار تغییرات',
+      publishNewEntry: 'مطلب جدید را منتشر کنید',
+    },
+    workflowList: {
+      onDeleteEntry: 'آیا مطمئن هستید که می خواهید این ورودی را حذف کنید؟',
+      onPublishingNotReadyEntry:
+        'فقط مواردی با وضعیت "آماده" قابل انتشار هستند. لطفاً کارت را به ستون "آماده" بکشید تا انتشار فعال شود.',
+      onPublishEntry: 'آیا شما مطمئن هستید که می خواهید این مطلب را منتشر کنید؟',
+      draft: 'پیش نویس',
+      pending_review: 'در بررسی',
+      pending_publish: 'آماده',
+      currentEntries: '%{smart_count} ورودی |||| %{smart_count} ورودی',
+    },
+  },
+};
+
+export default fa;
diff --git a/packages/core/src/locales/fr/index.ts b/packages/core/src/locales/fr/index.ts
index 5ed47245..b7dd017c 100644
--- a/packages/core/src/locales/fr/index.ts
+++ b/packages/core/src/locales/fr/index.ts
@@ -14,7 +14,7 @@ const fr: LocalePhrasesRoot = {
       password: 'Merci de saisir votre mot de passe.',
       authTitle: 'Erreur de connexion',
       authBody: '%{details}',
-      netlifyIdentityNotFound: 'plugin Netlify Identity non trouvé', // English translation: 'Netlify Identity plugin not found'
+      netlifyIdentityNotFound: 'plugin Netlify Identity non trouvé',
       identitySettings:
         "Impossible d'accéder aux paramètres d'identité. Si vous utilisez le backend git-gateway, merci de vous assurer que vous avez bien activé le service Identity et la passerelle Git.",
     },
@@ -22,10 +22,12 @@ const fr: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'Contenus',
+      workflow: 'Flux',
       media: 'Media',
       quickAdd: 'Ajout rapide',
     },
     app: {
+      loading: 'Chargement...',
       errorHeader: 'Erreur au chargement de la configuration du CMS',
       configErrors: 'Erreurs de configuration',
       configNotFound: 'Configuration non trouvée',
@@ -105,15 +107,35 @@ const fr: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: 'Écrire en %{locale}',
+        copyFromLocale: undefined, // English translation: 'Fill in from another locale'
+        copyFromLocaleConfirm: undefined, // English translation: 'Do you want to fill in data from %{locale} locale?\nAll existing content will be overwritten.'
       },
     },
     editor: {
       onLeavePage: 'Voulez-vous vraiment quitter cette page ?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody:
+        'Veuillez enregistrer vos modifications avant de mettre à jour le statut.',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: 'Veuillez mettre à jour le statut à "Prêt" avant de publier.',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody:
+        'Veuillez enregistrer vos modifications avant de publier.',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: 'Voulez-vous vraiment publier cette entrée ?',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: 'Voulez-vous vraiment dépublier cette entrée ?',
       onDeleteWithUnsavedChangesTitle: 'Supprimer cette entrée publiée ?',
       onDeleteWithUnsavedChangesBody:
         'Voulez-vous vraiment supprimer cette entrée publiée ainsi que vos modifications non enregistrées de cette session ?',
       onDeletePublishedEntryTitle: 'Supprimer cette entrée publiée ?',
       onDeletePublishedEntryBody: 'Voulez-vous vraiment supprimer cette entrée publiée ?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'Ceci supprimera toutes les modifications non publiées de cette entrée ainsi que vos modifications non enregistrées de cette session. Voulez-vous toujours supprimer ?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        'Toutes les modifications non publiées de cette entrée seront supprimées. Voulez-vous toujours supprimer ?',
       loadingEntry: "Chargement de l'entrée...",
     },
     editorInterface: {
@@ -124,13 +146,35 @@ const fr: LocalePhrasesRoot = {
       toggleScrollSync: 'Défilement synchronisé',
     },
     editorToolbar: {
+      publishing: 'Publication...',
       publish: 'Publier',
       published: 'Publiée',
+      unpublish: 'Dépublier',
       duplicate: 'Dupliquer',
+      unpublishing: 'Dépublication...',
       publishAndCreateNew: 'Publier et créer une nouvelle entrée',
       publishAndDuplicate: 'Publier et dupliquer',
+      deleteUnpublishedChanges: 'Supprimer les modications non publiées',
+      deleteUnpublishedEntry: "Supprimer l'entrée non publiée",
+      deletePublishedEntry: "Supprimer l'entrée publiée",
       deleteEntry: "Supprimer l'entrée",
+      saving: 'Enregistrement...',
+      save: 'Enregistrer',
+      statusInfoTooltipDraft: undefined, // English translation: 'Entry status is set to draft. To finalize and submit it for review, set the status to �In review�'
+      statusInfoTooltipInReview: undefined, // English translation: 'Entry is being reviewed, no further actions are required. However, you can still make additional changes while it is being reviewed.'
+      deleting: 'Suppression...',
+      updating: 'Mise à jour...',
+      status: 'Statut: %{status}',
+      backCollection: ' Écriture dans la collection %{collectionLabel}',
+      unsavedChanges: 'Modifications non enregistrées',
+      changesSaved: 'Modifications enregistrées',
+      draft: 'Brouillon',
+      inReview: 'En cours de révision',
+      ready: 'Prêt',
       publishNow: 'Publier maintenant',
+      deployPreviewPendingButtonLabel: "Vérifier l'aperçu",
+      deployPreviewButtonLabel: "Voir l'aperçu",
+      deployButtonLabel: 'Voir en direct',
       discardChanges: 'Abandonner les modifications',
       discardChangesTitle: 'Abandonner les modifications',
       discardChangesBody: 'Voulez-vous vraiment supprimer vos modifications non enregistrées ?',
@@ -139,17 +183,35 @@ const fr: LocalePhrasesRoot = {
       markdown: {
         bold: 'Gras',
         italic: 'Italique',
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: 'Code',
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: 'Lien',
-        linkPrompt: "Entrer l'adresse web du lien",
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: 'Titres',
         quote: 'Citation',
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: 'Liste à puces',
         numberedList: 'Liste numérotée',
         addComponent: 'Ajouter un composant',
         richText: 'Texte enrichi',
         markdown: 'Markdown',
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: 'Choisir une image',
@@ -213,6 +275,10 @@ const fr: LocalePhrasesRoot = {
         value: 'Valeur',
         uniqueKeys: '%{keyLabel} doit être unique',
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -234,10 +300,10 @@ const fr: LocalePhrasesRoot = {
       alreadyExistsBody: '%{filename} existe déjà. Voulez-vous le remplacer ?',
     },
     mediaLibraryModal: {
-      loading: 'Chargement...',
       noResults: 'Aucun résultat.',
       noAssetsFound: 'Aucune ressource trouvée.',
       noImagesFound: 'Aucune image trouvée.',
+      private: 'Privé ',
       images: 'Images',
       mediaAssets: 'Ressources',
       search: 'Recherche...',
@@ -254,6 +320,7 @@ const fr: LocalePhrasesRoot = {
       newFolder: 'Nouveau dossier',
       createNewFolder: 'Créer un nouveau dossier',
       enterFolderName: 'Entrer le nom du dossier',
+      create: undefined, // English translation: 'Create'
       home: 'Accueil',
       up: 'Remonter',
       upToFolder: 'Remonter vers %{folder}',
@@ -264,6 +331,7 @@ const fr: LocalePhrasesRoot = {
       yes: 'Oui',
       no: 'Non',
       okay: 'OK',
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: 'Retourner sur le site',
@@ -285,11 +353,12 @@ const fr: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: 'Mode Sombre',
+      theme: undefined, // English translation: 'Theme'
       logOut: 'Déconnexion',
     },
     toast: {
       onFailToLoadEntries: "Échec du chargement de l'entrée : %{details}",
+      onFailToLoadDeployPreview: "Échec du chargement de l'aperçu : %{details}",
       onFailToPersist: "Échec de l'enregistrement de l'entrée : %{details}",
       onFailToPersistMedia: "Échec de l'enregistrement de la ressource : %{details}",
       onFailToDelete: "Échec de la suppression de l'entrée : %{details}",
@@ -298,15 +367,55 @@ const fr: LocalePhrasesRoot = {
       missingRequiredField:
         'Oops, il manque un champ requis. Veuillez le renseigner avant de soumettre.',
       entrySaved: 'Entrée enregistrée',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'Entrée publiée',
+      entryUnpublished: 'Entrée dépubliée',
       onFailToPublishEntry: 'Échec de la publication : %{details}',
+      onFailToUnpublishEntry: "Impossible de dépublier l'entrée : %{details}",
       entryUpdated: "Statut de l'entrée mis à jour",
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'Modifications non publiées supprimées',
       onFailToAuth: '%{details}',
       onLoggedOut: 'Vous avez été déconnecté, merci de sauvegarder les données et vous reconnecter',
       onBackendDown:
         "Le serveur est actuellement hors-service. Pour plus d'informations : %{details}",
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'Chargement des entrées du flux éditorial',
+      workflowHeading: 'Flux éditorial',
+      newPost: 'Nouvel article',
+      description:
+        '%{smart_count} entrée(s) en attente de revue, %{readyCount} prête(s) à être publiée(s). |||| %{smart_count} entrée(s) en attente de revue, %{readyCount} prête(s) à être publiée(s). ',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date} par %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'par %{author}',
+      deleteChanges: 'Supprimer les mofications',
+      deleteNewEntry: 'Supprimer la nouvelle entrée',
+      publishChanges: 'Publier les modifications',
+      publishNewEntry: 'Publier la nouvelle entrée',
+    },
+    workflowList: {
+      onDeleteEntry: 'Voulez-vous vraiment supprimer cette entrée ?',
+      onPublishingNotReadyEntry:
+        'Seuls les éléments ayant le statut "Prêt" peuvent être publiés. Veuillez glisser/déposer la carte dans la colonne "Prêt" pour activer la publication',
+      onPublishEntry: 'Voulez-vous vraiment publier cette entrée ?',
+      draft: 'Brouillons',
+      pending_review: 'En cours de révision',
+      pending_publish: 'Prêt',
+      currentEntries: '%{smart_count} entrée |||| %{smart_count} entrées',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default fr;
diff --git a/packages/core/src/locales/gr/index.ts b/packages/core/src/locales/gr/index.ts
index 8e3cef8e..b752d4e0 100644
--- a/packages/core/src/locales/gr/index.ts
+++ b/packages/core/src/locales/gr/index.ts
@@ -22,10 +22,12 @@ const gr: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'Περιεχόμενα',
+      workflow: 'Ροής εργασίας',
       media: 'Πολυμέσα',
       quickAdd: 'Γρήγορη προσθήκη',
     },
     app: {
+      loading: 'Φόρτωση...',
       errorHeader: 'Σφάλμα κατά τη φόρτωση της ρύθμισης παραμέτρων CMS',
       configErrors: 'Σφάλματα ρύθμισης παραμέτρων',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -104,16 +106,37 @@ const gr: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: undefined, // English translation: 'Writing in %{locale}'
+        copyFromLocale: undefined, // English translation: 'Fill in from another locale'
+        copyFromLocaleConfirm: undefined, // English translation: 'Do you want to fill in data from %{locale} locale?\nAll existing content will be overwritten.'
       },
     },
     editor: {
       onLeavePage: 'Είστε βέβαιοι ότι θέλετε να αφήσετε αυτήν τη σελίδα;',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody:
+        'Έχετε μη αποθηκευμένες αλλαγές, αποθηκεύστε πριν να ενημερώσετε την κατάσταση.',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: 'Ενημερώστε την κατάσταση σε "έτοιμο" πριν από τη δημοσίευση.',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody:
+        'Έχετε μη αποθηκευμένες αλλαγές, αποθηκεύστε πριν από τη δημοσίευση.',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: 'Είστε βέβαιοι ότι θέλετε να δημοσιεύσετε αυτήν την καταχώρηση;',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody:
+        'Είστε βέβαιοι ότι θέλετε να καταργήσετε τη δημοσίευση αυτής της καταχώρησης;',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody:
         'Είστε βέβαιοι ότι θέλετε να διαγράψετε αυτήν τη δημοσιευμένη καταχώρηση, καθώς και τις αλλαγές που δεν αποθηκεύσατε από την τρέχουσα περίοδο λειτουργίας;',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody:
         'Είστε βέβαιοι ότι θέλετε να διαγράψετε αυτήν τη δημοσιευμένη καταχώρηση;',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'Αυτό θα διαγράψει όλες τις μη δημοσιευμένες αλλαγές σε αυτήν την καταχώρηση, καθώς και τις αλλαγές που δεν έχετε αποθηκεύσει από την τρέχουσα περίοδο λειτουργίας. Θέλετε ακόμα να διαγράψετε;',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        'Όλες οι μη δημοσιευμένες αλλαγές σε αυτήν την καταχώρηση θα διαγραφούν. Θέλετε ακόμα να διαγράψετε;',
       loadingEntry: 'Φόρτωση εισόδου...',
     },
     editorInterface: {
@@ -124,13 +147,35 @@ const gr: LocalePhrasesRoot = {
       toggleScrollSync: undefined, // English translation: 'Sync scrolling'
     },
     editorToolbar: {
+      publishing: 'Δημοσίευση...',
       publish: 'Δημοσίευση',
       published: 'Δημοσιεύθηκε',
+      unpublish: 'Κατάργηση δημοσίευσης',
       duplicate: 'Διπλότυπο',
+      unpublishing: 'Κατάργηση δημοσίευσης...',
       publishAndCreateNew: 'Δημοσίευση και δημιουργία νέων',
       publishAndDuplicate: 'Δημοσίευση και αντίγραφο',
+      deleteUnpublishedChanges: 'Διαγραφή μη δημοσιευμένων αλλαγών',
+      deleteUnpublishedEntry: 'Διαγραφή μη δημοσιευμένης καταχώρησης',
+      deletePublishedEntry: 'Διαγραφή δημοσιευμένης καταχώρησης',
       deleteEntry: 'Διαγραφή καταχώρησης',
+      saving: 'Εξοικονόμηση...',
+      save: 'Αποθήκευση',
+      statusInfoTooltipDraft: undefined, // English translation: 'Entry status is set to draft. To finalize and submit it for review, set the status to �In review�'
+      statusInfoTooltipInReview: undefined, // English translation: 'Entry is being reviewed, no further actions are required. However, you can still make additional changes while it is being reviewed.'
+      deleting: 'Διαγραφή...',
+      updating: 'Ενημέρωση...',
+      status: 'Κατάστασης: %{status}',
+      backCollection: ' Εγγραφή στη συλλογή %{collectionLabel}',
+      unsavedChanges: 'Μη αποθηκευμένες αλλαγές',
+      changesSaved: 'Αλλαγές που αποθηκεύτηκαν',
+      draft: 'Σχέδιο',
+      inReview: 'Σε επανεξέταση',
+      ready: 'Έτοιμα',
       publishNow: 'Δημοσίευση τώρα',
+      deployPreviewPendingButtonLabel: 'Έλεγχος για προεπισκόπηση',
+      deployPreviewButtonLabel: 'Προβολή προεπισκόπησης',
+      deployButtonLabel: 'Προβολή Live',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -139,17 +184,35 @@ const gr: LocalePhrasesRoot = {
       markdown: {
         bold: undefined, // English translation: 'Bold'
         italic: undefined, // English translation: 'Italic'
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: undefined, // English translation: 'Code'
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: undefined, // English translation: 'Link'
-        linkPrompt: undefined, // English translation: 'Enter the URL of the link'
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: undefined, // English translation: 'Headings'
         quote: undefined, // English translation: 'Quote'
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: undefined, // English translation: 'Bulleted List'
         numberedList: undefined, // English translation: 'Numbered List'
         addComponent: undefined, // English translation: 'Add Component'
         richText: undefined, // English translation: 'Rich Text'
         markdown: undefined, // English translation: 'Markdown'
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: 'Επιλέξτε μια εικόνα',
@@ -213,6 +276,10 @@ const gr: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -234,10 +301,10 @@ const gr: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: 'Φόρτωση...',
       noResults: 'Χωρίς αποτελέσματα.',
       noAssetsFound: 'Δεν βρέθηκαν αρχεία.',
       noImagesFound: 'Δεν βρέθηκαν εικόνες.',
+      private: 'Ιδιωτικό',
       images: 'Εικόνες',
       mediaAssets: 'Αρχεία πολυμέσων',
       search: 'Αναζήτηση...',
@@ -254,6 +321,7 @@ const gr: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -264,6 +332,7 @@ const gr: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: undefined, // English translation: 'Go back to site'
@@ -284,11 +353,12 @@ const gr: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'Αποσύνδεση',
     },
     toast: {
       onFailToLoadEntries: 'Απέτυχε η φόρτωση της καταχώρησης: %{details}',
+      onFailToLoadDeployPreview: 'Απέτυχε η φόρτωση της προεπισκόπησης: %{details}',
       onFailToPersist: 'Απέτυχε η διατήρηση της καταχώρησης:% {Details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: 'Απέτυχε η διαγραφή της καταχώρησης: %{details}',
@@ -297,14 +367,54 @@ const gr: LocalePhrasesRoot = {
       missingRequiredField:
         'Ουπς, ξεχάσατε ένα απαιτούμενο πεδίο. Συμπληρώστε το πριν από την αποθήκευση.',
       entrySaved: 'Η καταχώρηση Αποθηκεύτηκε',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'Η καταχώρηση δημοσιεύτηκε',
+      entryUnpublished: 'Μη δημοσιευμένη καταχώρηση',
       onFailToPublishEntry: 'Η δημοσίευση απέτυχε: %{details}',
+      onFailToUnpublishEntry: 'Απέτυχε η κατάργηση δημοσίευσης καταχώρησης: %{details}',
       entryUpdated: 'Η κατάσταση εισόδου ενημερώθηκε',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'Οι μη δημοσιευμένες αλλαγές διαγράφηκαν',
       onFailToAuth: '%{details}',
       onLoggedOut: undefined, // English translation: 'You have been logged out, please back up any data and login again'
       onBackendDown: undefined, // English translation: 'The backend service is experiencing an outage. See %{details} for more information'
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'Φόρτωση καταχωρήσεων ροής εργασίας σύνταξης',
+      workflowHeading: 'Ροή εργασιών',
+      newPost: 'Νέα δημοσίευση',
+      description:
+        '%{smart_count} καταχώρησεις σε αναμονή για αναθεώρηση, %{readyCount} έτοιμες για Live μετάβαση. |||| %{smart_count} καταχωρήσεις σε αναμονή για αναθεώρηση, %{readyCount} έτοιμες για Live μετάβαση. ',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date} από %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'από %{author}',
+      deleteChanges: 'Διαγραφή αλλαγών',
+      deleteNewEntry: 'Διαγραφή νέας καταχώρησης',
+      publishChanges: 'Δημοσίευση αλλαγών',
+      publishNewEntry: 'Δημοσίευση νέας καταχώρησης',
+    },
+    workflowList: {
+      onDeleteEntry: 'Είστε βέβαιοι ότι θέλετε να διαγράψετε αυτήν την καταχώρηση;',
+      onPublishingNotReadyEntry:
+        'Μόνο τα στοιχεία με κατάσταση "Ready" μπορούν να δημοσιευτούν. Σύρετε την κάρτα στη στήλη "έτοιμο" για να ενεργοποιήσετε τη δημοσίευση.',
+      onPublishEntry: 'Είστε βέβαιοι ότι θέλετε να δημοσιεύσετε αυτήν την καταχώρηση;',
+      draft: 'Προσχέδια',
+      pending_review: 'Σε ανασκόπηση',
+      pending_publish: 'Έτοιμα',
+      currentEntries: '%{smart_count} καταχωρηση |||| %{smart_count} καταχωρησεις',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default gr;
diff --git a/packages/core/src/locales/he/index.ts b/packages/core/src/locales/he/index.ts
index 672c8c83..50a3eb58 100644
--- a/packages/core/src/locales/he/index.ts
+++ b/packages/core/src/locales/he/index.ts
@@ -22,10 +22,12 @@ const he: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'תוכן',
+      workflow: 'ניהול אייטמים לפני הפרסום',
       media: 'מדיה',
       quickAdd: 'הוספה מהירה',
     },
     app: {
+      loading: 'טעינה...',
       errorHeader: 'אירעה שגיאה בטעינת הגדרות מערכת ניהול התוכן',
       configErrors: 'שגיאות בהגדרות',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -104,15 +106,34 @@ const he: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: 'כתיבה בשפה ה%{locale}',
+        copyFromLocale: undefined, // English translation: 'Fill in from another locale'
+        copyFromLocaleConfirm: undefined, // English translation: 'Do you want to fill in data from %{locale} locale?\nAll existing content will be overwritten.'
       },
     },
     editor: {
       onLeavePage: 'האם ברצונך לעבור לעמוד אחר ללא שמירה?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody:
+        'בוצעו שינויים שלא נשמרו. יש לבצע שמירה לפני עדכון מצב האייטם.',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: 'נא לשנות את מצב האייטם ל״מוכן לפרסום״ לפני הפרסום.',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody: 'בוצעו שינויים שלא נשמרו. יש לבצע שמירה לפני הפרסום.',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: 'האם ברצונך לפרסם את האייטם?',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: 'האם ברצונך לבטל את פרסום האייטם?',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody:
         'האם ברצונך למחוק את האייטם הזה לפני פרסומו, וכן את השינויים שבוצעו כעת וטרם נשמרו?',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody: 'האם ברצונך למחוק את האייטם הזה לאחר פרסומו?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'פעולה זו תמחק את כל השינויים שבוצעו באייטם זה ולא פורסמו, וכן את השינויים שבוצעו כעת וטרם נשמרו. האם ברצונך למחוק?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        'כל השינויים שבוצעו באייטם זה ולא פורסמו יימחקו. האם ברצונך למחוק אותו?',
       loadingEntry: 'טעינת אייטם...',
     },
     editorInterface: {
@@ -123,13 +144,37 @@ const he: LocalePhrasesRoot = {
       toggleScrollSync: 'סנכרון הגלילה',
     },
     editorToolbar: {
+      publishing: 'פרסום...',
       publish: 'פרסום',
       published: 'פורסם',
+      unpublish: 'ביטול הפרסום',
       duplicate: 'שכפול',
+      unpublishing: 'ביטול הפרסום...',
       publishAndCreateNew: 'פרסום ויצירת אייטם חדש',
       publishAndDuplicate: 'פרסום ושכפול',
+      deleteUnpublishedChanges: 'מחיקת השינויים שלא פורסמו',
+      deleteUnpublishedEntry: 'מחיקת אייטם שטרם פורסם',
+      deletePublishedEntry: 'מחיקת אייטם שפורסם',
       deleteEntry: 'מחיקת האייטם',
+      saving: 'שמירה...',
+      save: 'שמירה',
+      statusInfoTooltipDraft:
+        'האייטם מוגדר כטיוטה. כדי להשלים את הפעולה ולהעביר אותו למצב ״ממתין לאישור״ יש להעביר אותו למצב ״ממתין לאישור״',
+      statusInfoTooltipInReview:
+        'האייטם ממתין לאישור - לא נדרשת פעולה נוספת. ניתן עדיין לבצע שינויים בעת שהאייטם ממתין לאישור.',
+      deleting: 'מחיקה...',
+      updating: 'עדכון...',
+      status: 'מצב: %{status}',
+      backCollection: 'כתיבה בקטגוריית %{collectionLabel}',
+      unsavedChanges: 'שינויים לא שמורים',
+      changesSaved: 'השינויים נשמרו',
+      draft: 'טיוטה',
+      inReview: 'ממתין לאישור',
+      ready: 'מוכן לפרסום',
       publishNow: 'פרסום מיידי',
+      deployPreviewPendingButtonLabel: 'בדיקת תצוגה מקדימה',
+      deployPreviewButtonLabel: 'צפייה בתצוגה מקדימה',
+      deployButtonLabel: 'צפייה באתר',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -138,17 +183,35 @@ const he: LocalePhrasesRoot = {
       markdown: {
         bold: 'מודגש',
         italic: 'נטוי',
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: 'קוד',
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: 'קישור',
-        linkPrompt: 'נא להקליד את הכתובת לקישור',
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: 'כותרת',
         quote: 'ציטוט',
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: 'רשימה לא-ממוספרת',
         numberedList: 'רשימה ממוספרת',
         addComponent: 'הוספת רכיב',
         richText: 'טקסט עשיר',
         markdown: 'Markdown',
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: 'בחירת תמונה',
@@ -212,6 +275,10 @@ const he: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -232,10 +299,10 @@ const he: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: 'טעינה...',
       noResults: 'לא נמצאו תוצאות.',
       noAssetsFound: 'לא נמצאו קבצים.',
       noImagesFound: 'לא נמצאו תמונות.',
+      private: 'פרטי ',
       images: 'תמונות',
       mediaAssets: 'קבצי מדיה',
       search: 'חיפוש...',
@@ -252,6 +319,7 @@ const he: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -262,6 +330,7 @@ const he: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: 'בחזרה לאתר',
@@ -283,11 +352,12 @@ const he: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'התנתקות',
     },
     toast: {
       onFailToLoadEntries: 'טעינת האייטם %{details} נכשלה',
+      onFailToLoadDeployPreview: 'טעינת התצוגה המקדימה של האייטם %{details} נכשלה',
       onFailToPersist: 'אחסון האייטם %{details} נכשל',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: 'מחיקת האייטם %{details} נכשלה',
@@ -295,14 +365,54 @@ const he: LocalePhrasesRoot = {
       onFailToUpdateStatus: 'עדכון מצב האייטם %{details} נכשל',
       missingRequiredField: 'אופס, שכחת למלא שדה חובה. נא להשלים את המידע החסר לפני השמירה',
       entrySaved: 'האייטם נשמר',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'האייטם פורסם',
+      entryUnpublished: 'האייטם הועבר לטיוטות',
       onFailToPublishEntry: 'פרסום האייטם %{details} נכשל',
+      onFailToUnpublishEntry: 'ביטול פרסום האייטם %{details} נכשל',
       entryUpdated: 'מצב האייטם עודכן',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'השינויים שלא פורסמו נמחקו',
       onFailToAuth: '%{details}',
       onLoggedOut: 'נותקת מהמערכת. יש לגבות מידע לא שמור ולהתחבר שוב',
       onBackendDown: 'ה-backend המוגדר אינו זמין. ראו %{details} למידע נוסף',
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'טעינת אייטמים',
+      workflowHeading: 'ניהול אייטמים לפני הפרסום',
+      newPost: 'אייטם חדש',
+      description:
+        '%אייטם {smart_count} ממתין לאישור, אייטם %{readyCount} מוכן לפרסום |||| %{smart_count} אייטמים ממתינים לאישור, %{readyCount} מוכנים לפרסום',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date} מאת %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'מאת %{author}',
+      deleteChanges: 'למחוק את השינויים',
+      deleteNewEntry: 'למחוק אייטם חדש',
+      publishChanges: 'פרסום השינויים',
+      publishNewEntry: 'פרסום אייטם חדש',
+    },
+    workflowList: {
+      onDeleteEntry: 'האם ברצונך למחוק אייטם זה?',
+      onPublishingNotReadyEntry:
+        'ניתן לפרסם רק אייטמים שנמצאים במצב ״מוכן לפרסום״. נא לגרור את האייטם לטור ״מוכן לפרסום״ כדי לפרסם.',
+      onPublishEntry: 'האם ברצונך לפרסם אייטם זה?',
+      draft: 'טיוטות',
+      pending_review: 'ממתין לאישור',
+      pending_publish: 'מוכן לפרסום',
+      currentEntries: 'אייטם %{smart_count} |||| %{smart_count} אייטמים',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default he;
diff --git a/packages/core/src/locales/hr/index.ts b/packages/core/src/locales/hr/index.ts
index ad918b3f..bfdab0d2 100644
--- a/packages/core/src/locales/hr/index.ts
+++ b/packages/core/src/locales/hr/index.ts
@@ -22,10 +22,12 @@ const hr: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'Sadržaj',
+      workflow: 'Tijek rada',
       media: 'Mediji',
       quickAdd: 'Dodaj',
     },
     app: {
+      loading: 'Učitavanje...',
       errorHeader: 'Greška pri učitavanju CMS konfiguracije',
       configErrors: 'Greška u konfiguraciji',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -104,15 +106,35 @@ const hr: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: 'Pisanje na %{locale}',
+        copyFromLocale: undefined, // English translation: 'Fill in from another locale'
+        copyFromLocaleConfirm: undefined, // English translation: 'Do you want to fill in data from %{locale} locale?\nAll existing content will be overwritten.'
       },
     },
     editor: {
       onLeavePage: 'Jeste li sigurni da želite napustiti stranicu?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody:
+        'Imate nespremljene promjene, molimo spremite prije ažuriranja statusa.',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: 'Molimo ažurirajte status na "Spremno" prije objavljivanja.',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody:
+        'Imate nespremljene promjene, molimo spremite prije objavljivanja.',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: 'Jeste li sigurni da želite objaviti ovaj unos?',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: 'Jeste li sigurni da želite maknuti objavu za ovaj unos?',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody:
         'Jeste li sigurni da želite obrisati objavljeni unos, te nespremljene promjene u trenutnoj sesiji?',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody: 'Jeste li sigurni da želite obrisati ovaj objavljeni unos?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'Obrisat ćete sve neobjavljene promjene na ovom unosu, te sve nespremljene promjene u trenutnoj sesiji. Želite li i dalje obrisati?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        'Sve nespremljene promjene na ovom unosu će biti obrisane. Želite li i dalje obrisati?',
       loadingEntry: 'Učitavanje unosa...',
     },
     editorInterface: {
@@ -123,13 +145,35 @@ const hr: LocalePhrasesRoot = {
       toggleScrollSync: undefined, // English translation: 'Sync scrolling'
     },
     editorToolbar: {
+      publishing: 'Objavljivanje...',
       publish: 'Objavi',
       published: 'Objavljeno',
+      unpublish: 'Obriši iz objava',
       duplicate: 'Dupliciraj',
+      unpublishing: 'Brisanje iz objava...',
       publishAndCreateNew: 'Objavi i kreiraj novo',
       publishAndDuplicate: 'Objavi i dupliciraj',
+      deleteUnpublishedChanges: 'Obriši neobjavljene promjene',
+      deleteUnpublishedEntry: 'Obriši neobjavljene unose',
+      deletePublishedEntry: 'Obriši objavljeni unos',
       deleteEntry: 'Obriši unos',
+      saving: 'Spremanje...',
+      save: 'Spremi',
+      statusInfoTooltipDraft: undefined, // English translation: 'Entry status is set to draft. To finalize and submit it for review, set the status to �In review�'
+      statusInfoTooltipInReview: undefined, // English translation: 'Entry is being reviewed, no further actions are required. However, you can still make additional changes while it is being reviewed.'
+      deleting: 'Brisanje...',
+      updating: 'Ažuriranje...',
+      status: 'Status: %{status}',
+      backCollection: 'Pisanje u %{collectionLabel} zbirci',
+      unsavedChanges: 'Nespremljene promjene',
+      changesSaved: 'Promjene spremljene',
+      draft: 'Skica',
+      inReview: 'Osvrt',
+      ready: 'Spremno',
       publishNow: 'Objavi sad',
+      deployPreviewPendingButtonLabel: 'Provjeri za osvrt',
+      deployPreviewButtonLabel: 'Pogledaj osvrt',
+      deployButtonLabel: 'Pogledaj na produkciji',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -138,17 +182,35 @@ const hr: LocalePhrasesRoot = {
       markdown: {
         bold: 'Podebljano',
         italic: 'Kurziv',
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: 'Kod',
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: 'Link',
-        linkPrompt: 'Unesi URL linka',
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: 'Naslovi',
         quote: 'Citat',
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: 'Nabrajan popis',
         numberedList: 'Numeriran popis',
         addComponent: 'Dodaj komponentu',
         richText: 'Bogati tekst',
         markdown: 'Markdown',
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: 'Odaberi sliku',
@@ -212,6 +274,10 @@ const hr: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -233,10 +299,10 @@ const hr: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: 'Učitavanje...',
       noResults: 'Nema rezultata.',
       noAssetsFound: 'Sredstva nisu pronađena.',
       noImagesFound: 'Slike nisu pronađene.',
+      private: 'Privatno ',
       images: 'Slike',
       mediaAssets: 'Medijska sredstva',
       search: 'Pretraži...',
@@ -253,6 +319,7 @@ const hr: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -263,6 +330,7 @@ const hr: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: 'Povratak na stranicu',
@@ -284,11 +352,12 @@ const hr: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'Odjava',
     },
     toast: {
       onFailToLoadEntries: 'Neuspjelo dohvaćanje unosa: %{details}',
+      onFailToLoadDeployPreview: 'Neuspjelo dohvaćanje pregleda: %{details}',
       onFailToPersist: 'Neuspjelo spremanje unosa: %{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: 'Neuspjelo brisanje unosa: %{details}',
@@ -296,14 +365,54 @@ const hr: LocalePhrasesRoot = {
       onFailToUpdateStatus: 'Neuspjelo ažuriranje statusa: %{details}',
       missingRequiredField: 'Uups, preskočili ste obvezno polje. Molimo popunite prije spremanja.',
       entrySaved: 'Unos spremljen',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'Unos objavljen',
+      entryUnpublished: 'Unos obrisan',
       onFailToPublishEntry: 'Neuspjelo objavljivanje unosa: %{details}',
+      onFailToUnpublishEntry: 'Neuspjelo brisanje unosa: %{details}',
       entryUpdated: 'Status unosa ažuriran',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'Otkrivene neobjavljene objave',
       onFailToAuth: '%{details}',
       onLoggedOut: 'Odjavljeni ste, molimo spremite sve podatke i prijavite se ponovno',
       onBackendDown: 'Backend servis ima prekid rada. Pogledaj %{details} za više informacija',
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'Učitavanje unosa uredničkog tijeka rada',
+      workflowHeading: 'Urednički tijek rada',
+      newPost: 'Nova objava',
+      description:
+        '%{smart_count} unos čeka pregled, %{readyCount} unos spreman za produkciju. |||| %{smart_count} unosa čeka pregled, %{readyCount} unosa spremno za produkciju. ',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date} od strane %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'od strane %{author}',
+      deleteChanges: 'Obriši promjene',
+      deleteNewEntry: 'Obriši novi unos',
+      publishChanges: 'Objavi promjene',
+      publishNewEntry: 'Objavi novi unos',
+    },
+    workflowList: {
+      onDeleteEntry: 'Jeste li sigurni da želite obrisati unos?',
+      onPublishingNotReadyEntry:
+        'Samo promjene sa statusom "Spremno" mogu biti objavljene. Molimo povucite karticu u kolumnu "Spremno" prije objavljivanja.',
+      onPublishEntry: 'Jeste li sigurni da želite objaviti unos?',
+      draft: 'Skice',
+      pending_review: 'U osvrtu',
+      pending_publish: 'Spremno',
+      currentEntries: '%{smart_count} unos |||| %{smart_count} unosa',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default hr;
diff --git a/packages/core/src/locales/hu/index.ts b/packages/core/src/locales/hu/index.ts
index f8864605..a9d614d5 100644
--- a/packages/core/src/locales/hu/index.ts
+++ b/packages/core/src/locales/hu/index.ts
@@ -21,10 +21,12 @@ const hu: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'Tartalom',
+      workflow: 'Munkafolyamat',
       media: 'Média',
       quickAdd: 'Gyors hozzáadás',
     },
     app: {
+      loading: 'Betöltés...',
       errorHeader: 'Hiba történt a CMS konfiguráció betöltése közben',
       configErrors: 'Configurációs hibák',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -103,15 +105,35 @@ const hu: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: undefined, // English translation: 'undefined'
+        copyFromLocale: undefined, // English translation: 'undefined'
+        copyFromLocaleConfirm: undefined, // English translation: 'undefined'
       },
     },
     editor: {
       onLeavePage: 'Biztos hogy el akarod hagyni az oldalt?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'undefined'
+      onUpdatingWithUnsavedChangesBody:
+        'Mentettlen változtatások vannak, kérjük, mentse az állapot frissítése előtt.',
+      onPublishingNotReadyTitle: undefined, // English translation: 'undefined'
+      onPublishingNotReadyBody: 'Változtasd az állapotot "Kész"-re publikálás előtt.',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'undefined'
+      onPublishingWithUnsavedChangesBody:
+        'Mentetlen változtatások vannak, kérjük, mentsen a publikálás előtt.',
+      onPublishingTitle: undefined, // English translation: 'undefined'
+      onPublishingBody: 'Publikálod ezt a bejegyzést?',
+      onUnpublishingTitle: undefined, // English translation: 'undefined'
+      onUnpublishingBody: 'Publikálás visszavonása erre a bejegyzésre?',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'undefined'
       onDeleteWithUnsavedChangesBody:
         'Töröljük ezt a publikált bejegyzést, a többi mentetlen modositással együtt?',
       onDeletePublishedEntryTitle: undefined, // English translation: 'undefined'
       onDeletePublishedEntryBody: 'Töröljük ezt a publikált bejegyzést?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'undefined'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'Ezzel törli a bejegyzés összes nem közzétett módosítását, valamint az aktuális munkamenetből nem mentett módosításokat. Még mindig törli?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'undefined'
+      onDeleteUnpublishedChangesBody:
+        'A bejegyzés összes, nem közzétett módosítása törlődik. Még mindig törli?',
       loadingEntry: 'Bejegyzés betöltése...',
     },
     editorInterface: {
@@ -122,13 +144,35 @@ const hu: LocalePhrasesRoot = {
       toggleScrollSync: undefined, // English translation: 'undefined'
     },
     editorToolbar: {
+      publishing: 'Publikálás...',
       publish: 'Publikáció',
       published: 'Publikálás',
+      unpublish: 'Publikálás visszavonása',
       duplicate: 'Duplikált',
+      unpublishing: 'Publikálás visszavonása...',
       publishAndCreateNew: 'Publikálás és új létrehozása',
       publishAndDuplicate: 'Publikálás és duplikál',
+      deleteUnpublishedChanges: 'Nempublikált változtatások törlése',
+      deleteUnpublishedEntry: 'Nempublikált bejegyzés törlése',
+      deletePublishedEntry: 'Publikált bejegyzés törlése',
       deleteEntry: 'Bejegyzés törlése',
+      saving: 'Mentés...',
+      save: 'Mentés',
+      statusInfoTooltipDraft: undefined, // English translation: 'undefined'
+      statusInfoTooltipInReview: undefined, // English translation: 'undefined'
+      deleting: 'Törlés...',
+      updating: 'Frissítés...',
+      status: 'Beállitása: %{status}',
+      backCollection: ' Írás a %{collectionLabel} gyűjteménybe',
+      unsavedChanges: 'Nemmentett változtatások',
+      changesSaved: 'Változások elmentve',
+      draft: 'Piszkozat',
+      inReview: 'Felülvizsgálat alatt',
+      ready: 'Kész',
       publishNow: 'Publikálás most',
+      deployPreviewPendingButtonLabel: 'Előnézet ellenörzése',
+      deployPreviewButtonLabel: 'Előnézet megtekintése',
+      deployButtonLabel: 'Élő megtekintése',
       discardChanges: undefined, // English translation: 'undefined'
       discardChangesTitle: undefined, // English translation: 'undefined'
       discardChangesBody: undefined, // English translation: 'undefined'
@@ -137,17 +181,35 @@ const hu: LocalePhrasesRoot = {
       markdown: {
         bold: undefined, // English translation: 'undefined'
         italic: undefined, // English translation: 'undefined'
+        strikethrough: undefined, // English translation: 'undefined'
         code: undefined, // English translation: 'undefined'
+        codeBlock: undefined, // English translation: 'undefined'
+        insertCodeBlock: undefined, // English translation: 'undefined'
         link: undefined, // English translation: 'undefined'
-        linkPrompt: undefined, // English translation: 'undefined'
+        insertLink: undefined, // English translation: 'undefined'
+        paragraph: undefined, // English translation: 'undefined'
         headings: undefined, // English translation: 'undefined'
         quote: undefined, // English translation: 'undefined'
+        insertQuote: undefined, // English translation: 'undefined'
         bulletedList: undefined, // English translation: 'undefined'
         numberedList: undefined, // English translation: 'undefined'
         addComponent: undefined, // English translation: 'undefined'
         richText: undefined, // English translation: 'undefined'
         markdown: undefined, // English translation: 'undefined'
         type: undefined, // English translation: 'undefined'
+        decreaseIndent: undefined, // English translation: 'undefined'
+        increaseIndent: undefined, // English translation: 'undefined'
+        image: undefined, // English translation: 'undefined'
+        insertImage: undefined, // English translation: 'undefined'
+        table: {
+          table: undefined, // English translation: 'undefined'
+          deleteColumn: undefined, // English translation: 'undefined'
+          deleteRow: undefined, // English translation: 'undefined'
+          deleteTable: undefined, // English translation: 'undefined'
+          insertColumn: undefined, // English translation: 'undefined'
+          insertRow: undefined, // English translation: 'undefined'
+          insertTable: undefined, // English translation: 'undefined'
+        },
       },
       image: {
         choose: 'Válasszon képet',
@@ -211,6 +273,10 @@ const hu: LocalePhrasesRoot = {
         value: undefined, // English translation: 'undefined'
         uniqueKeys: undefined, // English translation: 'undefined'
       },
+      code: {
+        language: undefined, // English translation: 'undefined'
+        selectLanguage: undefined, // English translation: 'undefined'
+      },
     },
   },
   mediaLibrary: {
@@ -231,10 +297,10 @@ const hu: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: 'Betöltés...',
       noResults: 'Nincs találat.',
       noAssetsFound: 'Nem található tartalom.',
       noImagesFound: 'Nem található kép.',
+      private: 'Privát ',
       images: 'Képek',
       mediaAssets: 'Média tartalmak',
       search: 'Keresés...',
@@ -251,6 +317,7 @@ const hu: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -261,6 +328,7 @@ const hu: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: undefined, // English translation: 'Go back to site'
@@ -281,11 +349,12 @@ const hu: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'Kijelentkezés',
     },
     toast: {
       onFailToLoadEntries: 'A bejegyzés betöltése nem sikerült: %{details}',
+      onFailToLoadDeployPreview: 'Az előnézet betöltése nem sikerült: %{details}',
       onFailToPersist: 'Bejegyzés megtartása sikertelen: %{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: 'A bejegyzés törlése sikertelen: %{details}',
@@ -293,14 +362,54 @@ const hu: LocalePhrasesRoot = {
       onFailToUpdateStatus: 'Az állapot frissítése nem sikerült: %{details}',
       missingRequiredField: 'Hoppá, kihagytál egy kötelező mezőt. Mentés előtt töltsd ki.',
       entrySaved: 'Bejegyzés elmentve',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'Bejegyzés publikálva',
+      entryUnpublished: 'Bejegyzés publikálása visszavonva',
       onFailToPublishEntry: 'Bejegyzés publikálása sikertelen: %{details}',
+      onFailToUnpublishEntry: 'Bejegyzés publikálásának visszavonása sikertelen: %{details}',
       entryUpdated: 'Bejegyzés állapota frissült',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'Unpublished changes deleted',
       onFailToAuth: '%{details}',
       onLoggedOut: undefined, // English translation: 'You have been logged out, please back up any data and login again'
       onBackendDown: undefined, // English translation: 'The backend service is experiencing an outage. See %{details} for more information'
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'A szerkesztési munkafolyamat-bejegyzések betöltése',
+      workflowHeading: 'Szerkesztői Folyamat',
+      newPost: 'New Post',
+      description:
+        '%{smart_count} bejegyzés felülvizsgálatra vár, %{readyCount} élesítésre vár. |||| %{smart_count} bejegyzés felülvizsgálatra vár, %{readyCount} élesítésre vár. ',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date}, írta %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: '%{author}',
+      deleteChanges: 'Változtatások törlése',
+      deleteNewEntry: 'Új bejegyzés törlése',
+      publishChanges: 'Változtatások publikálása',
+      publishNewEntry: 'Új bejegyzés publikálása',
+    },
+    workflowList: {
+      onDeleteEntry: 'Biztosan törli ezt a bejegyzést?',
+      onPublishingNotReadyEntry:
+        'Csak a "Kész" állapotú tételek tehetők közzé. A közzététel engedélyezéséhez húzza a kártyát a „Kész” oszlopba.',
+      onPublishEntry: 'Biztosan közzéteszi ezt a bejegyzést?',
+      draft: 'Piszkozat',
+      pending_review: 'Vizsgálat alatt',
+      pending_publish: 'Kész',
+      currentEntries: '%{smart_count} bejegyzés |||| %{smart_count} bejegyzések',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'undefined'
+      forkRepo: undefined, // English translation: 'undefined'
+      markReadyForReview: undefined, // English translation: 'undefined'
+    },
+  },
 };
 
 export default hu;
diff --git a/packages/core/src/locales/it/index.ts b/packages/core/src/locales/it/index.ts
index f19d9358..b40879da 100644
--- a/packages/core/src/locales/it/index.ts
+++ b/packages/core/src/locales/it/index.ts
@@ -22,10 +22,12 @@ const it: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'Contenuti',
+      workflow: 'Workflow',
       media: 'Media',
       quickAdd: 'Aggiunta veloce',
     },
     app: {
+      loading: 'Caricamento...',
       errorHeader: 'Errore nel caricamento della configurazione CMS',
       configErrors: 'Errori di Configurazione',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -104,15 +106,35 @@ const it: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: undefined, // English translation: 'Writing in %{locale}'
+        copyFromLocale: undefined, // English translation: 'Fill in from another locale'
+        copyFromLocaleConfirm: undefined, // English translation: 'Do you want to fill in data from %{locale} locale?\nAll existing content will be overwritten.'
       },
     },
     editor: {
       onLeavePage: 'Sei sicuro di voler lasciare questa pagina?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody:
+        'Hai delle modifiche non salvate, salvale prima di aggiornare lo status.',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: 'Aggiorna lo status a "Pronto" prima di pubblicare.',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody:
+        'Hai delle modifiche non salvate, salvale prima di pubblicare.',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: 'Sei sicuro di voler pubblicare questa voce?',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: 'Sei sicuro di voler nascondere questa voce?',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody:
         'Sei sicuro di voler cancellare questa voce pubblicata e tutte le modifiche non salvate della tua sessione corrente?',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody: 'Sei sicuro di voler cancellare questa voce pubblicata?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'Questo cancellerà tutte le modifiche non pubblicate di questa voce, come anche tutte le modifiche non salvate della sessione corrente. Vuoi ancora cancellarle?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        'Tutte le modifiche non pubblicate a questa voce saranno cancellate. Vuoi ancora cancellarle?',
       loadingEntry: 'Caricando la voce...',
     },
     editorInterface: {
@@ -123,13 +145,35 @@ const it: LocalePhrasesRoot = {
       toggleScrollSync: undefined, // English translation: 'Sync scrolling'
     },
     editorToolbar: {
+      publishing: 'Pubblicando...',
       publish: 'Pubblica',
       published: 'Pubblicato',
+      unpublish: 'Rimuovi dalla pubblicazione',
       duplicate: 'Duplica',
+      unpublishing: 'Rimuovendo dalla pubblicazione...',
       publishAndCreateNew: 'Pubblica e creane uno nuovo',
       publishAndDuplicate: 'Pubblica e duplica',
+      deleteUnpublishedChanges: 'Cancella le modifiche non pubblicate',
+      deleteUnpublishedEntry: 'Cancella le voci non pubblicate',
+      deletePublishedEntry: 'Cancella la voce pubblicata',
       deleteEntry: 'Cancella voce',
+      saving: 'Salvando...',
+      save: 'Salva',
+      statusInfoTooltipDraft: undefined, // English translation: 'Entry status is set to draft. To finalize and submit it for review, set the status to �In review�'
+      statusInfoTooltipInReview: undefined, // English translation: 'Entry is being reviewed, no further actions are required. However, you can still make additional changes while it is being reviewed.'
+      deleting: 'Cancellando...',
+      updating: 'Aggiornando...',
+      status: 'Status: %{status}',
+      backCollection: ' Scrivendo nella sezione %{collectionLabel}',
+      unsavedChanges: 'Modifiche non salvate',
+      changesSaved: 'Modifiche salvate',
+      draft: 'Bozza',
+      inReview: 'In revisione',
+      ready: 'Pronto',
       publishNow: 'Pubblica ora',
+      deployPreviewPendingButtonLabel: "Controlla l'anteprima",
+      deployPreviewButtonLabel: "Guarda l'anteprima",
+      deployButtonLabel: 'Guarda Live',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -138,17 +182,35 @@ const it: LocalePhrasesRoot = {
       markdown: {
         bold: undefined, // English translation: 'Bold'
         italic: undefined, // English translation: 'Italic'
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: undefined, // English translation: 'Code'
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: undefined, // English translation: 'Link'
-        linkPrompt: undefined, // English translation: 'Enter the URL of the link'
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: undefined, // English translation: 'Headings'
         quote: undefined, // English translation: 'Quote'
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: undefined, // English translation: 'Bulleted List'
         numberedList: undefined, // English translation: 'Numbered List'
         addComponent: undefined, // English translation: 'Add Component'
         richText: undefined, // English translation: 'Rich Text'
         markdown: undefined, // English translation: 'Markdown'
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: "Scegli un'immagine",
@@ -212,6 +274,10 @@ const it: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -233,10 +299,10 @@ const it: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: 'Caricamento...',
       noResults: 'Nessun risultato.',
       noAssetsFound: 'Nessun assets trovato.',
       noImagesFound: 'Nessuna immagine trovata.',
+      private: 'Privato ',
       images: 'Immagini',
       mediaAssets: 'Media assets',
       search: 'Cerca...',
@@ -253,6 +319,7 @@ const it: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -263,6 +330,7 @@ const it: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: undefined, // English translation: 'Go back to site'
@@ -283,11 +351,12 @@ const it: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'Esci',
     },
     toast: {
       onFailToLoadEntries: 'Caricamento voce non riuscito: %{details}',
+      onFailToLoadDeployPreview: 'Caricamento della preview non riuscito: %{details}',
       onFailToPersist: 'Salvataggio della voce non riuscito: %{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: 'Cancellazione della voce non riuscita: %{details}',
@@ -296,14 +365,54 @@ const it: LocalePhrasesRoot = {
       missingRequiredField:
         'Oops, ti sei perso un campo obbligatorio. Per favore completalo prima di salvare.',
       entrySaved: 'Voce salvata',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'Voce pubblicata',
+      entryUnpublished: 'Voce rimossa dalla pubblicazione',
       onFailToPublishEntry: 'Pubblicazione fallita: %{details}',
+      onFailToUnpublishEntry: 'Rimozione della pubblicazione fallita: %{details}',
       entryUpdated: 'Status della voce aggiornato',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'Modifiche non pubblicate cancellate',
       onFailToAuth: '%{details}',
       onLoggedOut: undefined, // English translation: 'You have been logged out, please back up any data and login again'
       onBackendDown: undefined, // English translation: 'The backend service is experiencing an outage. See %{details} for more information'
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'Caricando le voci del Flusso Editoriale',
+      workflowHeading: 'Flusso Editoriale',
+      newPost: 'Nuovo Post',
+      description:
+        '%{smart_count} voce attende la revisione, %{readyCount} pronte per la pubblicazione. |||| %{smart_count} voci attendono la revisione, %{readyCount} pronte per la pubblicazione. ',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date} da %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'da %{author}',
+      deleteChanges: 'Cancella le modifiche',
+      deleteNewEntry: 'Cancella nuova voce',
+      publishChanges: 'Pubblica modifiche',
+      publishNewEntry: 'Pubblica una nuova voce',
+    },
+    workflowList: {
+      onDeleteEntry: 'Sei sicuro di voler cancellare questa voce?',
+      onPublishingNotReadyEntry:
+        'Solo gli oggetti con lo status "Pronto" possono essere pubblicati. Sposta la Card nella colonna "Pronto" per abilitare la pubblicazione.',
+      onPublishEntry: 'Sei sicuro di voler pubblicare questa voce?',
+      draft: 'Bozze',
+      pending_review: 'In Revisione',
+      pending_publish: 'Pronto',
+      currentEntries: '%{smart_count} voce |||| %{smart_count} voci',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default it;
diff --git a/packages/core/src/locales/ja/index.ts b/packages/core/src/locales/ja/index.ts
index 76e3d31b..92b923d2 100644
--- a/packages/core/src/locales/ja/index.ts
+++ b/packages/core/src/locales/ja/index.ts
@@ -22,10 +22,12 @@ const ja: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'コンテンツ',
+      workflow: 'ワークフロー',
       media: 'メディア',
       quickAdd: '新規作成',
     },
     app: {
+      loading: '読込中...',
       errorHeader: 'CMS設定の読み込みエラー',
       configErrors: '設定エラー',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -104,15 +106,34 @@ const ja: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: '言語: %{locale}',
+        copyFromLocale: undefined, // English translation: 'Fill in from another locale'
+        copyFromLocaleConfirm: undefined, // English translation: 'Do you want to fill in data from %{locale} locale?\nAll existing content will be overwritten.'
       },
     },
     editor: {
       onLeavePage: 'このページから遷移しますか？',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody:
+        '変更した項目があります。ステータスを更新する前に保存してください。',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: '公開する前に、ステータスを「準備完了」に更新してください。',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody: '変更した項目があります。公開する前に保存してください。',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: 'このエントリを公開しますか？',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: 'このエントリを未公開にしますか？',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody:
         '保存されていない変更も削除されますが、この公開エントリを削除しますか？',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody: 'この公開エントリを削除しますか？',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        '保存されていない変更も削除されますが、このエントリの未公開の変更を削除しますか？',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        '公開されていない変更も削除されますが、このエントリを削除しますか？',
       loadingEntry: 'エントリの読込中...',
     },
     editorInterface: {
@@ -123,13 +144,37 @@ const ja: LocalePhrasesRoot = {
       toggleScrollSync: 'スクロール同期を切り替える',
     },
     editorToolbar: {
+      publishing: '公開しています...',
       publish: '公開',
       published: '公開済',
+      unpublish: '未公開',
       duplicate: '複製',
+      unpublishing: '未公開にしています...',
       publishAndCreateNew: '公開して新規作成',
       publishAndDuplicate: '公開して複製する',
+      deleteUnpublishedChanges: '未公開の変更を削除',
+      deleteUnpublishedEntry: '未公開エントリを削除',
+      deletePublishedEntry: '公開エントリを削除',
       deleteEntry: 'エントリを削除',
+      saving: '保存中...',
+      save: '保存',
+      statusInfoTooltipDraft:
+        'エントリのステータスは下書きに設定されています。最終決定してレビューに提出するには、ステータスを「レビュー中」に設定します。',
+      statusInfoTooltipInReview:
+        'エントリはレビュー中なので、それ以上のアクションは必要ありません。ただし、レビュー中でも追加の変更を行うことができます。',
+      deleting: '削除しています...',
+      updating: '更新しています...',
+      status: 'ステータス: %{status}',
+      backCollection: '%{collectionLabel}のエントリを作成中',
+      unsavedChanges: '未保存',
+      changesSaved: '保存済',
+      draft: '下書き',
+      inReview: 'レビュー中',
+      ready: '準備完了',
       publishNow: '公開する',
+      deployPreviewPendingButtonLabel: 'プレビューのチェック',
+      deployPreviewButtonLabel: 'プレビューを見る',
+      deployButtonLabel: 'ライブで見る',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -138,17 +183,35 @@ const ja: LocalePhrasesRoot = {
       markdown: {
         bold: '太字',
         italic: '斜体',
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: 'コード',
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: 'リンク',
-        linkPrompt: 'リンクのURLを入力してください',
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: '見出し',
         quote: '引用',
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: '箇条書き',
         numberedList: '番号付きリスト',
         addComponent: 'コンポーネント追加',
         richText: 'リッチテキスト',
         markdown: 'マークダウン',
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: '画像を選択',
@@ -212,6 +275,10 @@ const ja: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -232,10 +299,10 @@ const ja: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: '読込中...',
       noResults: 'データがありません。',
       noAssetsFound: 'データがありません。',
       noImagesFound: 'データがありません。',
+      private: 'プライベート',
       images: '画像',
       mediaAssets: 'メディア',
       search: '検索',
@@ -252,6 +319,7 @@ const ja: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -262,6 +330,7 @@ const ja: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: 'サイトに戻る',
@@ -283,11 +352,12 @@ const ja: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'ログアウト',
     },
     toast: {
       onFailToLoadEntries: 'エントリの読み込みに失敗しました。%{details}',
+      onFailToLoadDeployPreview: 'プレビューの読み込みに失敗しました。%{details}',
       onFailToPersist: 'エントリの保存に失敗しました。%{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: 'エントリの削除に失敗しました。%{details}',
@@ -295,14 +365,53 @@ const ja: LocalePhrasesRoot = {
       onFailToUpdateStatus: 'エントリのステータス更新に失敗しました。%{details}',
       missingRequiredField: 'すべての必須項目を入力してください。',
       entrySaved: '保存しました。',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: '公開しました。',
+      entryUnpublished: '未公開にしました。',
       onFailToPublishEntry: 'エントリの公開に失敗しました。%{details}',
+      onFailToUnpublishEntry: 'エントリを未公開にするのに失敗しました。%{details}',
       entryUpdated: 'エントリのステータスを更新しました。',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: '未公開の変更を削除しました。',
       onFailToAuth: '%{details}',
       onLoggedOut: 'ログアウトされています。データをバックアップし、再度ログインしてください。',
       onBackendDown: 'バックエンドのシステムが停止しています。%{details}',
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'ワークフロー内のエントリを読込中',
+      workflowHeading: 'ワークフロー',
+      newPost: '新規作成',
+      description: '%{smart_count}件がレビュー中、%{readyCount}件が準備完了です。',
+      dateFormat: 'M月D日',
+    },
+    workflowCard: {
+      lastChange: '%{author}が%{date}に更新',
+      lastChangeNoAuthor: '最終更新日：%{date}',
+      lastChangeNoDate: '最終更新者：%{author}',
+      deleteChanges: '変更を削除',
+      deleteNewEntry: 'エントリを削除',
+      publishChanges: '変更を公開',
+      publishNewEntry: 'エントリを公開',
+    },
+    workflowList: {
+      onDeleteEntry: 'このエントリを削除しますか？',
+      onPublishingNotReadyEntry:
+        '「準備完了」のエントリのみを公開できます。「準備完了」列にカードを移動し、ステータスを更新してください。',
+      onPublishEntry: 'このエントリを公開しますか？',
+      draft: '下書き',
+      pending_review: 'レビュー中',
+      pending_publish: '準備完了',
+      currentEntries: '%{smart_count}件のエントリ',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default ja;
diff --git a/packages/core/src/locales/ko/index.ts b/packages/core/src/locales/ko/index.ts
index 8bb2d6ee..a791d048 100644
--- a/packages/core/src/locales/ko/index.ts
+++ b/packages/core/src/locales/ko/index.ts
@@ -22,10 +22,12 @@ const ko: LocalePhrasesRoot = {
   app: {
     header: {
       content: '콘텐츠',
+      workflow: '워크플로우',
       media: '미디어',
       quickAdd: '빠른 추가',
     },
     app: {
+      loading: '불러오는 중...',
       errorHeader: 'CMS 구성을 불러오는 중 오류가 발생했습니다.',
       configErrors: '구성 오류',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -53,7 +55,7 @@ const ko: LocalePhrasesRoot = {
       searchResults: '"%{searchTerm}"에 대한 검색결과',
       searchResultsInCollection: '%{collection} 컬랙션에서 "%{searchTerm}"에 대한 검색결과',
       filterBy: '필터 기준',
-      groupBy: undefined, // English translation: 'Group by'
+      groupBy: '그룹화 기준',
     },
     entries: {
       loadingEntries: '항목 불러오는 중...',
@@ -62,8 +64,8 @@ const ko: LocalePhrasesRoot = {
       noEntries: '항목 없음',
     },
     groups: {
-      other: undefined, // English translation: 'Other'
-      negateLabel: undefined, // English translation: 'Not %{label}'
+      other: '다른 그룹',
+      negateLabel: '%{label} 제외',
     },
     table: {
       summary: undefined, // English translation: 'Summary'
@@ -103,74 +105,135 @@ const ko: LocalePhrasesRoot = {
         invalidHexCode: undefined, // English translation: 'Hex codes must start with a # sign.'
       },
       i18n: {
-        writingInLocale: undefined, // English translation: 'Writing in %{locale}'
+        writingInLocale: '%{locale}로 작성 중',
+        copyFromLocale: '다른 로케일로부터 채우기',
+        copyFromLocaleConfirm:
+          '%{locale} 로케일로부터 데이터를 채우시겠습니까?\n모든 기존 내용을 덮어쓰기 합니다.',
       },
     },
     editor: {
       onLeavePage: '이 페이지를 떠나시겠습니까?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody:
+        '저장하지 않은 변경사항이 있습니다. 상태 업데이트 전 먼저 저장하세요.',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: '게시 하기 앞서 상태를 "준비됨" 으로 업데이트 하세요.',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody:
+        '저장하지 않은 변경사항이 있습니다, 게시하기 전 먼저 저장하세요.',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: '이 항목을 게시하시곘습니까?',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: '이 항목을 게시 철회 하시겠습니까?',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody:
         '현재 세션에서의 저장되지 않은 변경사항과 이 게시된 항목을 삭제하시겠습니까?',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody: '이 게시된 항목을 삭제하시겠습니까?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        '이 항목의 게시되지 않은 모든 변경사항과 현재 세션의 저장되지 않은 변경사항이 삭제됩니다. 정말로 삭제하시겠습니까?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        '이 항목에 대해 게시되지 않은 변경사항이 삭제됩니다. 정말로 삭제하시겠습니까?',
       loadingEntry: '항목 불러오는 중...',
     },
     editorInterface: {
       sideBySideI18n: undefined, // English translation: 'I18n Side by Side'
       preview: undefined, // English translation: 'Preview'
-      toggleI18n: undefined, // English translation: 'Toggle i18n'
-      togglePreview: undefined, // English translation: 'Toggle preview'
-      toggleScrollSync: undefined, // English translation: 'Sync scrolling'
+      toggleI18n: '국제화(i18n) 토글',
+      togglePreview: '미리보기 토글',
+      toggleScrollSync: '스크롤 동기화',
     },
     editorToolbar: {
+      publishing: '게시 중...',
       publish: '게시',
       published: '게시됨',
+      unpublish: '게시 철회',
       duplicate: '복제',
+      unpublishing: '게시 철회 중...',
       publishAndCreateNew: '게시하고 새로 만들기',
       publishAndDuplicate: '게시하고 복제',
+      deleteUnpublishedChanges: '게시 안된 변경사항 삭제',
+      deleteUnpublishedEntry: '게시 안된 항목 삭제',
+      deletePublishedEntry: '게시된 항목 삭제',
       deleteEntry: '항목 삭제',
+      saving: '저장 중...',
+      save: '저장',
+      statusInfoTooltipDraft: undefined, // English translation: 'Entry status is set to draft. To finalize and submit it for review, set the status to �In review�'
+      statusInfoTooltipInReview: undefined, // English translation: 'Entry is being reviewed, no further actions are required. However, you can still make additional changes while it is being reviewed.'
+      deleting: '삭제 중...',
+      updating: '업데이트 중...',
+      status: '상태: %{status}',
+      backCollection: '%{collectionLabel} 컬랙션에 작성하는 중',
+      unsavedChanges: '변경사항 저장되지 않음',
+      changesSaved: '변경사항 저장됨',
+      draft: '초안',
+      inReview: '검토중',
+      ready: '준비됨',
       publishNow: '지금 게시',
+      deployPreviewPendingButtonLabel: '미리보기 확인',
+      deployPreviewButtonLabel: '미리보기 보기',
+      deployButtonLabel: '라이브 보기',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
     },
     editorWidgets: {
       markdown: {
-        bold: undefined, // English translation: 'Bold'
-        italic: undefined, // English translation: 'Italic'
-        code: undefined, // English translation: 'Code'
-        link: undefined, // English translation: 'Link'
-        linkPrompt: undefined, // English translation: 'Enter the URL of the link'
-        headings: undefined, // English translation: 'Headings'
-        quote: undefined, // English translation: 'Quote'
-        bulletedList: undefined, // English translation: 'Bulleted List'
-        numberedList: undefined, // English translation: 'Numbered List'
-        addComponent: undefined, // English translation: 'Add Component'
+        bold: '굵은체',
+        italic: '기울임체',
+        strikethrough: undefined, // English translation: 'Strikethrough'
+        code: '코드',
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
+        link: '링크',
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
+        headings: '제목',
+        quote: '인용',
+        insertQuote: undefined, // English translation: 'Insert blockquote'
+        bulletedList: '글머리 기호 목록',
+        numberedList: '번호 매기기 목록',
+        addComponent: '구성요소 추가',
         richText: '리치 텍스트',
         markdown: '마크다운',
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: '이미지 선택',
-        chooseMultiple: undefined, // English translation: 'Choose images'
-        chooseUrl: undefined, // English translation: 'Insert from URL'
-        replaceUrl: undefined, // English translation: 'Replace with URL'
-        promptUrl: undefined, // English translation: 'Enter the URL of the image'
+        chooseMultiple: '이미지 여러개 선택',
+        chooseUrl: 'URL에서 삽입',
+        replaceUrl: 'URL 변경',
+        promptUrl: '이미지 URL을 입력하세요',
         chooseDifferent: '다른 이미지 선택',
-        addMore: undefined, // English translation: 'Add more images'
+        addMore: '더 많은 이미지 추가',
         remove: '이미지 삭제',
-        removeAll: undefined, // English translation: 'Remove all images'
+        removeAll: '모든 이미지 삭제',
       },
       file: {
         choose: '파일 선택',
-        chooseUrl: undefined, // English translation: 'Insert from URL'
-        chooseMultiple: undefined, // English translation: 'Choose files'
-        replaceUrl: undefined, // English translation: 'Replace with URL'
-        promptUrl: undefined, // English translation: 'Enter the URL of the file'
+        chooseUrl: 'URL에서 삽입',
+        chooseMultiple: '파일 여러개 선택',
+        replaceUrl: 'URL 변경',
+        promptUrl: '파일 URL을 입력하세요',
         chooseDifferent: '다른 파일 선택',
-        addMore: undefined, // English translation: 'Add more files'
+        addMore: '더 많은 파일 추가',
         remove: '파일 삭제',
-        removeAll: undefined, // English translation: 'Remove all files'
+        removeAll: '모든 파일 삭제',
       },
       folder: {
         choose: undefined, // English translation: 'Choose a folder'
@@ -184,7 +247,7 @@ const ko: LocalePhrasesRoot = {
         removeAll: undefined, // English translation: 'Remove all folders'
       },
       unknownControl: {
-        noControl: "'%{widget}' 위젝에 대한 컨트롤이 없습니다.",
+        noControl: "'%{widget}' 위젯에 대한 컨트롤이 없습니다.",
       },
       unknownPreview: {
         noPreview: "'%{widget}' 위젯에 대한 미리보기가 없습니다.",
@@ -203,8 +266,8 @@ const ko: LocalePhrasesRoot = {
         invalidDateBody: undefined, // English translation: 'The date you entered is invalid.'
       },
       list: {
-        add: undefined, // English translation: 'Add %{item}'
-        addType: undefined, // English translation: 'Add %{item}'
+        add: '%{item} 추가',
+        addType: '%{item} 추가',
         noValue: undefined, // English translation: 'No value'
       },
       keyvalue: {
@@ -212,16 +275,20 @@ const ko: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
     mediaLibraryCard: {
       draft: '초안',
-      copy: undefined, // English translation: 'Copy'
-      copyUrl: undefined, // English translation: 'Copy URL'
-      copyPath: undefined, // English translation: 'Copy Path'
-      copyName: undefined, // English translation: 'Copy Name'
-      copied: undefined, // English translation: 'Copied'
+      copy: '복사',
+      copyUrl: 'URL 복사',
+      copyPath: '경로 복사',
+      copyName: '이름 복사',
+      copied: '복사됨',
     },
     mediaLibrary: {
       onDeleteTitle: undefined, // English translation: 'Delete selected media?'
@@ -233,10 +300,10 @@ const ko: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: '불러오는 중...',
       noResults: '일치 항목 없음.',
       noAssetsFound: '발견된 에셋 없음.',
       noImagesFound: '발견된 이미지 없음.',
+      private: '개인 ',
       images: '이미지',
       mediaAssets: '미디어 에셋',
       search: '검색...',
@@ -253,6 +320,7 @@ const ko: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -263,6 +331,7 @@ const ko: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: '사이트로 돌아가기',
@@ -284,11 +353,12 @@ const ko: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: '로그아웃',
     },
     toast: {
       onFailToLoadEntries: '항목 불러오기 실패: %{details}',
+      onFailToLoadDeployPreview: '미리보기 불러오기 실패: %{details}',
       onFailToPersist: '항목 저장 실패: %{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: '항목 삭제 실패: %{details}',
@@ -296,15 +366,55 @@ const ko: LocalePhrasesRoot = {
       onFailToUpdateStatus: '상태 업데이트 실패: %{details}',
       missingRequiredField: '이런! 필수 필드를 놓치셨습니다. 저장하기 전에 먼저 채우세요.',
       entrySaved: '항목 저장됨',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: '항목 게시됨',
+      entryUnpublished: '항목 게시 철회됨',
       onFailToPublishEntry: '게시 실패: %{details}',
+      onFailToUnpublishEntry: '항목 게시 철회 실해: %{details}',
       entryUpdated: '항목 상태 업데이트됨',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: '게시되지 않은 변경사항 삭제됨',
       onFailToAuth: '%{details}',
       onLoggedOut: '로그아웃 하셨습니다, 데티어를 백업하시고 다시 로그인 하세요.',
       onBackendDown:
         '백엔드 서비스가 장애를 겪고 있습니다. 자세한 사항은 %{details} 을(를) 참고하세요.',
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: '편집 워크플로우의 항목을 불러오는 중',
+      workflowHeading: '편집 워크플로우',
+      newPost: '새 게시물',
+      description:
+        '%{smart_count}개 항목 검토 대기중, %{readyCount}개 항목 게시 준비 완료됨. |||| %{smart_count}개 항목 검토 대기중, %{readyCount}개 항목 게시 준비 완료됨. ',
+      dateFormat: 'M월 D일',
+    },
+    workflowCard: {
+      lastChange: '%{date} by %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'by %{author}',
+      deleteChanges: '변경사항 삭제',
+      deleteNewEntry: '새 항목 삭제',
+      publishChanges: '변경사항 게시',
+      publishNewEntry: '새 항목 게시',
+    },
+    workflowList: {
+      onDeleteEntry: '정말로 이 항목을 삭제하시겠습니까?',
+      onPublishingNotReadyEntry:
+        '"준비됨" 상태의 항목만 게시할 수 있습니다. 게시를 활성화 하려면 카드를 "준비됨" 열에 끌어 놓으세요.',
+      onPublishEntry: '이 항목을 게시하시곘습니까?',
+      draft: '초안',
+      pending_review: '검토 진행중',
+      pending_publish: '준비됨',
+      currentEntries: '%{smart_count}개 항목 |||| %{smart_count}개 항목',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default ko;
diff --git a/packages/core/src/locales/lt/index.ts b/packages/core/src/locales/lt/index.ts
index e32def74..d5481bd0 100644
--- a/packages/core/src/locales/lt/index.ts
+++ b/packages/core/src/locales/lt/index.ts
@@ -22,10 +22,12 @@ const lt: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'Turinys',
+      workflow: 'Darbo eiga',
       media: 'Medija',
       quickAdd: 'Sukurti naują',
     },
     app: {
+      loading: 'Kraunama...',
       errorHeader: 'Klaida, neišėjo užkrauti/pasiekti CMS konfigūracijos failą',
       configErrors: 'Konfigūracijos (nustatymų) klaidos',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -105,15 +107,35 @@ const lt: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: 'Rašome %{locale} kalboje',
+        copyFromLocale: undefined, // English translation: 'Fill in from another locale'
+        copyFromLocaleConfirm: undefined, // English translation: 'Do you want to fill in data from %{locale} locale?\nAll existing content will be overwritten.'
       },
     },
     editor: {
       onLeavePage: 'Ar tikrai norite uždaryti šį puslapį?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody:
+        'Turite neišsaugotų pakeitimų! Prašome išsaugoti prieš pakeičiant statusą.',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: 'Prieš publikuojant, privalote pakeisti statusą į „Paruošta“.',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody:
+        'Yra neišsaugotų pakeitimų, prašome išsaugoti juos prieš publikuojant.',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: 'Ae tikrai norite publikuoti šį įrašą?',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: 'Tikrai norite panaikinti publikavimo statusą?',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody:
         'Tikrai norite panaikinti publikuotą įrašą ir Jūsų pakeiitmus iš dabartinės sesijos?',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody: 'Tikrai norite ištrinti šį publikuotą įrašą?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'Tai ištrins visus nepublikuotus pakeitimus įraše, taip pat neišsaugotus pakeitimus per dabartinę sesiją. Vis tiek norite trinti?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        'Visi Jūsų pakeitimai įraše bus panaikinti. Ar tikrai norite trinti jį?',
       loadingEntry: 'Kraunamas įrašas...',
     },
     editorInterface: {
@@ -124,13 +146,35 @@ const lt: LocalePhrasesRoot = {
       toggleScrollSync: undefined, // English translation: 'Sync scrolling'
     },
     editorToolbar: {
+      publishing: 'Publikuojama...',
       publish: 'Publikuoti',
       published: 'Jau publikuota',
+      unpublish: 'Atšaukti paskelbimą',
       duplicate: 'Daryti dublį',
+      unpublishing: 'Nebeskelbiama...',
       publishAndCreateNew: 'Publikuoti šitą, po to kurti kažką naujo',
       publishAndDuplicate: 'Publikuoti šitą, po to kurti šito dublį',
+      deleteUnpublishedChanges: 'Ištrinti publikuotus pakeitimus',
+      deleteUnpublishedEntry: 'Ištrinti nepaskelbtą įrašą',
+      deletePublishedEntry: 'Ištrinti paskelbtą įrašą',
       deleteEntry: 'Panaikinti įrašą',
+      saving: 'Išsaugojama...',
+      save: 'Išsaugoti',
+      statusInfoTooltipDraft: undefined, // English translation: 'Entry status is set to draft. To finalize and submit it for review, set the status to �In review�'
+      statusInfoTooltipInReview: undefined, // English translation: 'Entry is being reviewed, no further actions are required. However, you can still make additional changes while it is being reviewed.'
+      deleting: 'Trinama...',
+      updating: 'Atnaujinama...',
+      status: 'Statusą: %{status}',
+      backCollection: ' Rašoma %{collectionLabel} kolekcijoje',
+      unsavedChanges: 'Neišsaugoti pakeitimai',
+      changesSaved: 'Pakeitimai išsauogti',
+      draft: 'Juodraštis',
+      inReview: 'Peržiūrima redakcijoje',
+      ready: 'Paruošta',
       publishNow: 'Skelbti naują',
+      deployPreviewPendingButtonLabel: 'Tikrinti, ar yra demonstracija',
+      deployPreviewButtonLabel: 'Žiūrėti demonstraciją (netiesiogiai)',
+      deployButtonLabel: 'Žiūrėti tiesiogiai tinklalapyje',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -139,17 +183,35 @@ const lt: LocalePhrasesRoot = {
       markdown: {
         bold: 'Paryškinta',
         italic: 'Pasvariu tekstu (italic)',
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: 'Kodo šriftas',
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: 'Nuoroda (adresas)',
-        linkPrompt: 'Įveskite adresą čia',
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: 'Antraštės',
         quote: 'Citata',
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: 'Sąrašas su ženkleliais',
         numberedList: 'Sąrašas su numeriais',
         addComponent: 'Pridėti komponentą',
         richText: 'Normali peržiūra',
         markdown: 'Rodyti be formatavimo (Markdown)',
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: 'Pasirinkti vaizdą',
@@ -213,6 +275,10 @@ const lt: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -234,10 +300,10 @@ const lt: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: 'Kraunama...',
       noResults: 'Nėra rezultatų.',
       noAssetsFound: 'Turinio nerasta.',
       noImagesFound: 'Vaizdų nerasta.',
+      private: 'Privatu ',
       images: 'Vaizdai',
       mediaAssets: 'Medijos turinys',
       search: 'Paieška...',
@@ -254,6 +320,7 @@ const lt: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -264,6 +331,7 @@ const lt: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: 'Grįžti atgal į tinklalapį',
@@ -285,11 +353,12 @@ const lt: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'Atsijungti',
     },
     toast: {
       onFailToLoadEntries: 'Nepavyko užkrauti įrašo: %{details}',
+      onFailToLoadDeployPreview: 'Nepavyko užkrauti demonstracijos lango: %{details}',
       onFailToPersist: 'Nepavyko išlaikyti įrašo: %{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: 'Nepayvko ištrinti: %{details}',
@@ -298,9 +367,14 @@ const lt: LocalePhrasesRoot = {
       missingRequiredField:
         'Pasitikrinkite — kažkurio (ar kelių) laukelių neužpildėte. Tai padarius galėsite išsaugoti įrašą.',
       entrySaved: 'Įrašas išsaugotos',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'Įrašas publikuotas',
+      entryUnpublished: 'Įrašas nepublikuotas',
       onFailToPublishEntry: 'Nepavyko publikuoti: %{details}',
+      onFailToUnpublishEntry: 'Nepavyko panaikinti publikavimą: %{details}',
       entryUpdated: 'Įrašo statusas pakeistas',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'Nepublikuoti pakeitimai ištrinti',
       onFailToAuth: 'Nepavyko prisijungti: %{details}',
       onLoggedOut:
         'Mes jus atjungėme. Jeigu yra poreikis, sukurkite duomenų atsarginę kopiją. Galite tiesiog iš naujo prisijungti.',
@@ -308,6 +382,41 @@ const lt: LocalePhrasesRoot = {
         'Deja, serveris šiuo metu neveikia. Bandykite iš naujo dar sykį arba šiek tiek vėliau. Detalės: %{details}',
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'Kraunamas turinys',
+      workflowHeading: 'Redakcijos darbo eiga',
+      newPost: 'Naujas įrašas',
+      description:
+        '%{smart_count} įrašas laukia Jūsų peržiūrėjimo, %{readyCount} jau gali būti publikuojamas. |||| %{smart_count} elementai laukia Jūsų peržiūrėjimo, %{readyCount} jau gali būti publikuojami. ',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date} pagal %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'oagal %{author}',
+      deleteChanges: 'Trinti keitimus',
+      deleteNewEntry: 'Trinti naują įrašą',
+      publishChanges: 'Publikuoti keitimus',
+      publishNewEntry: 'Kurti naują įrašą',
+    },
+    workflowList: {
+      onDeleteEntry: 'Ar tikrai norite ištrinti šį įrašą?',
+      onPublishingNotReadyEntry:
+        'Tik įrašai su statusu „Paruošta“ gali būti patvirtinti. Prašome pajudinti įrašo kortelę link „Paruošta“ stulpelio, kad galėtumėte publikuoti įrašą.',
+      onPublishEntry: 'Ar jūs tikrai norite publikuoti šį įrašą?',
+      draft: 'Juodraščiai',
+      pending_review: 'Peržiūrima redakcijoje',
+      pending_publish: 'Paruošta',
+      currentEntries: '%{smart_count} įrašas |||| %{smart_count} įrašai',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default lt;
diff --git a/packages/core/src/locales/nb_no/index.ts b/packages/core/src/locales/nb_no/index.ts
index 498f6805..d2ccb707 100644
--- a/packages/core/src/locales/nb_no/index.ts
+++ b/packages/core/src/locales/nb_no/index.ts
@@ -22,10 +22,12 @@ const nb_no: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'Innhold',
+      workflow: 'Arbeidsflyt',
       media: 'Media',
       quickAdd: 'Hurtiginnlegg',
     },
     app: {
+      loading: 'Laster...',
       errorHeader: 'Det oppstod en feil under lastingen av CMS konfigurasjonen',
       configErrors: 'Konfigurasjonsfeil',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -104,15 +106,33 @@ const nb_no: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: undefined, // English translation: 'Writing in %{locale}'
+        copyFromLocale: undefined, // English translation: 'Fill in from another locale'
+        copyFromLocaleConfirm: undefined, // English translation: 'Do you want to fill in data from %{locale} locale?\nAll existing content will be overwritten.'
       },
     },
     editor: {
       onLeavePage: 'Er du sikker på du vil navigere bort fra denne siden?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody: 'Du må lagre endringene dine før du oppdaterer status.',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: 'Du må endre status til "Klar" før du publiserer.',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody: 'Du må lagre endringene dine før du kan publisere.',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: 'Er du sikker på at du vil publisere?',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: 'Er du sikker på at du vil avpublisere innlegget?',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody:
         'Er du sikker på at du vil slette et publisert innlegg med tilhørende ulagrede endringer?',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody: 'Er du sikker på at du vil slette dette publiserte innlegget?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'Handlingen sletter endringer som ikke er publisert eller lagret enda. Er du sikker på du vil fortsette?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        'Alle endringer som ikke er publisert i dette innlegget vil gå tapt. Vil du fortsette?',
       loadingEntry: 'Laster innlegg...',
     },
     editorInterface: {
@@ -123,13 +143,35 @@ const nb_no: LocalePhrasesRoot = {
       toggleScrollSync: undefined, // English translation: 'Sync scrolling'
     },
     editorToolbar: {
+      publishing: 'Publiserer...',
       publish: 'Publiser',
       published: 'Publisert',
+      unpublish: 'Avpubliser',
       duplicate: 'Dupliser',
+      unpublishing: 'Avpubliserer...',
       publishAndCreateNew: 'Publiser og lag nytt',
       publishAndDuplicate: 'Publiser og dupliser',
+      deleteUnpublishedChanges: 'Slett upubliserte endringer',
+      deleteUnpublishedEntry: 'Slett upublisert innlegg',
+      deletePublishedEntry: 'Slett publisert innlegg',
       deleteEntry: 'Slett innlegg',
+      saving: 'Lagrer...',
+      save: 'Lagre',
+      statusInfoTooltipDraft: undefined, // English translation: 'Entry status is set to draft. To finalize and submit it for review, set the status to �In review�'
+      statusInfoTooltipInReview: undefined, // English translation: 'Entry is being reviewed, no further actions are required. However, you can still make additional changes while it is being reviewed.'
+      deleting: 'Sletter...',
+      updating: 'Oppdaterer...',
+      status: 'Status: %{status}',
+      backCollection: ' Skriver i samlingen %{collectionLabel}',
+      unsavedChanges: 'Ulagrede endringer',
+      changesSaved: 'Endringer lagret',
+      draft: 'Kladd',
+      inReview: 'Til godkjenning',
+      ready: 'Klar',
       publishNow: 'Publiser nå',
+      deployPreviewPendingButtonLabel: 'Kontroller forhåndsvisning',
+      deployPreviewButtonLabel: 'Vis forhåndsvisning',
+      deployButtonLabel: 'Vis i produksjon',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -138,17 +180,35 @@ const nb_no: LocalePhrasesRoot = {
       markdown: {
         bold: undefined, // English translation: 'Bold'
         italic: undefined, // English translation: 'Italic'
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: undefined, // English translation: 'Code'
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: undefined, // English translation: 'Link'
-        linkPrompt: undefined, // English translation: 'Enter the URL of the link'
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: undefined, // English translation: 'Headings'
         quote: undefined, // English translation: 'Quote'
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: undefined, // English translation: 'Bulleted List'
         numberedList: undefined, // English translation: 'Numbered List'
         addComponent: undefined, // English translation: 'Add Component'
         richText: 'Rik-tekst',
         markdown: 'Markdown',
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: 'Velg et bilde',
@@ -212,6 +272,10 @@ const nb_no: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -232,10 +296,10 @@ const nb_no: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: 'Laster...',
       noResults: 'Ingen resultater.',
       noAssetsFound: 'Ingen elementer funnet.',
       noImagesFound: 'Ingen bilder funnet.',
+      private: 'Privat ',
       images: 'Bilder',
       mediaAssets: 'Mediebibliotek',
       search: 'Søk...',
@@ -252,6 +316,7 @@ const nb_no: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -262,6 +327,7 @@ const nb_no: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: 'Gå tilbake til siden',
@@ -283,11 +349,12 @@ const nb_no: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'Logg ut',
     },
     toast: {
       onFailToLoadEntries: 'Kunne ikke laste innlegg: %{details}',
+      onFailToLoadDeployPreview: 'Kunne ikke laste forhåndsvisning: %{details}',
       onFailToPersist: 'Kunne ikke lagre: %{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: 'Kunne ikke slette: %{details}',
@@ -296,14 +363,54 @@ const nb_no: LocalePhrasesRoot = {
       missingRequiredField:
         'Oisann, ser ut som du glemte et påkrevd felt. Du må fylle det ut før du kan fortsette.',
       entrySaved: 'Innlegg lagret',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'Innlegg publisert',
+      entryUnpublished: 'Innlegg avpublisert',
       onFailToPublishEntry: 'Kunne ikke publisere: %{details}',
+      onFailToUnpublishEntry: 'Kunne ikke avpublisere: %{details}',
       entryUpdated: 'Innleggsstatus oppdatert',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'Avpubliserte endringer slettet',
       onFailToAuth: '%{details}',
       onLoggedOut: undefined, // English translation: 'You have been logged out, please back up any data and login again'
       onBackendDown: undefined, // English translation: 'The backend service is experiencing an outage. See %{details} for more information'
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'Laster innlegg for redaksjonell arbeidsflyt',
+      workflowHeading: 'Redaksjonell arbeidsflyt',
+      newPost: 'Nytt innlegg',
+      description:
+        '%{smart_count} innlegg trenger gjennomgang, og %{readyCount} er klar til publisering. |||| %{smart_count} innlegg trenger gjennomgang, og %{readyCount} er klar til publisering ',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date} av %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'av %{author}',
+      deleteChanges: 'Slett endringer',
+      deleteNewEntry: 'Slett nytt innlegg',
+      publishChanges: 'Publiser endringer',
+      publishNewEntry: 'Publiser nytt innlegg',
+    },
+    workflowList: {
+      onDeleteEntry: 'Er du sikker på du vil slette innlegget?',
+      onPublishingNotReadyEntry:
+        'Du kan bare publisere innlegg i "Klar" kolonnen. Trekk kortet til riktig kolonne for å fortsette.',
+      onPublishEntry: 'Er du sikker på du vil publisere innlegget?',
+      draft: 'Kladd',
+      pending_review: 'Gjennomgås',
+      pending_publish: 'Klar',
+      currentEntries: '%{smart_count} innlegg |||| %{smart_count} innlegg',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default nb_no;
diff --git a/packages/core/src/locales/nl/index.ts b/packages/core/src/locales/nl/index.ts
index 737c6be6..70dad180 100644
--- a/packages/core/src/locales/nl/index.ts
+++ b/packages/core/src/locales/nl/index.ts
@@ -22,10 +22,12 @@ const nl: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'Inhoud',
+      workflow: 'Workflow',
       media: 'Media',
       quickAdd: 'Snel toevoegen',
     },
     app: {
+      loading: 'Laden...',
       errorHeader: 'Fout bij het laden van de CMS configuratie',
       configErrors: 'configuratiefouten',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -104,15 +106,35 @@ const nl: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: '%{locale} aan het bewerken',
+        copyFromLocale: undefined, // English translation: 'Fill in from another locale'
+        copyFromLocaleConfirm: undefined, // English translation: 'Do you want to fill in data from %{locale} locale?\nAll existing content will be overwritten.'
       },
     },
     editor: {
       onLeavePage: 'Weet je zeker dat je deze pagina wilt verlaten?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody:
+        'Er zijn nog niet-opgeslagen wijzigingen. Bewaar ze voordat u de status bijwerkt.',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: 'Stel de status in op "Voltooid" voordat u publiceert.',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody:
+        'Er zijn nog niet-opgeslagen wijzigingen. Bewaar deze voordat u publiceert.',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: 'Weet u zeker dat u dit item wil publiceren?',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: 'Weet u zeker dat u de publicatie voor dit item ongedaan wilt maken?',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody:
         'Weet u zeker dat u dit gepubliceerde item en uw niet-opgeslagen wijzigingen uit de huidige sessie wilt verwijderen?',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody: 'Weet u zeker dat u dit gepubliceerde item wilt verwijderen?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'Alle niet-gepubliceerde wijzigingen in dit item worden verwijderd, evenals uw niet-opgeslagen wijzigingen uit de huidige sessie. Wilt u nog steeds verwijderen?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        'Alle niet-gepubliceerde wijzigingen in dit item worden verwijderd. Wilt u nog steeds verwijderen?',
       loadingEntry: 'Item laden...',
     },
     editorInterface: {
@@ -123,13 +145,35 @@ const nl: LocalePhrasesRoot = {
       toggleScrollSync: 'Synchroniseer scrollen',
     },
     editorToolbar: {
+      publishing: 'Publiceren...',
       publish: 'Publiceer',
       published: 'Gepubliceerd',
+      unpublish: 'Publicatie terugtrekken',
       duplicate: 'Dupliceren',
+      unpublishing: 'Publicatie ongedaan maken...',
       publishAndCreateNew: 'Publiceer en maak nieuw item aan',
       publishAndDuplicate: 'Publiceer en dupliceer item',
+      deleteUnpublishedChanges: 'Verwijder niet-gepubliceerde wijzigingen',
+      deleteUnpublishedEntry: 'Niet-gepubliceerd item verwijderen',
+      deletePublishedEntry: 'Gepubliceerd item verwijderen',
       deleteEntry: 'Item verwijderen',
+      saving: 'Opslaan...',
+      save: 'Opslaan',
+      statusInfoTooltipDraft: undefined, // English translation: 'Entry status is set to draft. To finalize and submit it for review, set the status to �In review�'
+      statusInfoTooltipInReview: undefined, // English translation: 'Entry is being reviewed, no further actions are required. However, you can still make additional changes while it is being reviewed.'
+      deleting: 'Verwijderen...',
+      updating: 'Bijwerken...',
+      status: 'Status: %{status}',
+      backCollection: ' Terug naar %{collectionLabel}',
+      unsavedChanges: 'Niet-opgeslagen wijzigingen',
+      changesSaved: 'Wijzigingen opgeslagen',
+      draft: 'Concept',
+      inReview: 'Wordt beoordeeld',
+      ready: 'Klaar',
       publishNow: 'Publiceer nu',
+      deployPreviewPendingButtonLabel: 'Controleer of voorvertoning geladen is',
+      deployPreviewButtonLabel: 'Bekijk voorvertoning',
+      deployButtonLabel: 'Bekijk Live',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -138,17 +182,35 @@ const nl: LocalePhrasesRoot = {
       markdown: {
         bold: 'Vet',
         italic: 'Cursief',
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: 'Code',
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: 'Link',
-        linkPrompt: 'Voer de URL in',
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: 'Hoofdtekst',
         quote: 'Quote',
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: 'Lijst met opsommingstekens',
         numberedList: 'Genummerde lijst',
         addComponent: 'Voeg component toe',
         richText: 'Rijke tekst',
         markdown: 'Markdown',
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: 'Kies een afbeelding',
@@ -212,6 +274,10 @@ const nl: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -233,10 +299,10 @@ const nl: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: 'Laden...',
       noResults: 'Geen resultaten.',
       noAssetsFound: 'Geen media gevonden.',
       noImagesFound: 'Geen afbeeldingen gevonden.',
+      private: 'Privé',
       images: 'Afbeeldingen',
       mediaAssets: 'Media',
       search: 'Zoeken...',
@@ -253,6 +319,7 @@ const nl: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -263,6 +330,7 @@ const nl: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: 'Ga terug naar site',
@@ -284,11 +352,12 @@ const nl: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'Uitloggen',
     },
     toast: {
       onFailToLoadEntries: 'Kan item niet laden: %{details}',
+      onFailToLoadDeployPreview: 'Kan voorvertoning niet laden: %{details}',
       onFailToPersist: 'Kan item niet opslaan: %{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: 'Kan item niet verwijderen: %{details}',
@@ -296,15 +365,55 @@ const nl: LocalePhrasesRoot = {
       onFailToUpdateStatus: 'Kan status niet updaten: %{details}',
       missingRequiredField: 'Oeps, sommige verplichte velden zijn niet ingevuld.',
       entrySaved: 'Item opgeslagen',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'Item gepubliceerd',
+      entryUnpublished: 'Publicatie teruggetrokken',
       onFailToPublishEntry: 'Kan item niet publiceren: %{details}',
+      onFailToUnpublishEntry: 'Kan item niet terugtrekken: %{details}',
       entryUpdated: 'Status van item geüpdatet',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'Niet-gepubliceerde wijzigingen verwijderd',
       onFailToAuth: '%{details}',
       onLoggedOut: 'Je bent uitgelogd, back-up alstublieft uw data log daarna in',
       onBackendDown:
         'De backend-service ondervindt een storing. Zie% {details} voor meer informatie',
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'Redactionele Workflow items laden',
+      workflowHeading: 'Redactionele Workflow',
+      newPost: 'Nieuw bericht',
+      description:
+        '%{smart_count} item wacht op beoordeling, %{readyCount} klaar om live te gaan. |||| %{smart_count} items wachten op beoordeling, %{readyCount} klaar om live te gaan. ',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date} door %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'door %{author}',
+      deleteChanges: 'Verwijder wijzigingen',
+      deleteNewEntry: 'Verwijder nieuw item',
+      publishChanges: 'Publiceer wijzigingen',
+      publishNewEntry: 'Publiceer nieuw item',
+    },
+    workflowList: {
+      onDeleteEntry: 'Weet u zeker dat u dit item wilt verwijderen?',
+      onPublishingNotReadyEntry:
+        'Alleen items met de status "Gereed" kunnen worden gepubliceerd. Sleep de kaart naar de kolom "Gereed" om publiceren mogelijk te maken.',
+      onPublishEntry: 'Weet u zeker dat u dit item wilt publiceren?',
+      draft: 'Concepten',
+      pending_review: 'Wordt beoordeeld',
+      pending_publish: 'Klaar',
+      currentEntries: '%{smart_count} item |||| %{smart_count} items',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default nl;
diff --git a/packages/core/src/locales/nn_no/index.ts b/packages/core/src/locales/nn_no/index.ts
index cdf2f5f5..dc8a03cc 100644
--- a/packages/core/src/locales/nn_no/index.ts
+++ b/packages/core/src/locales/nn_no/index.ts
@@ -22,10 +22,12 @@ const nn_no: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'Innhald',
+      workflow: 'Arbeidsflyt',
       media: 'Media',
       quickAdd: 'Hurtiginnlegg',
     },
     app: {
+      loading: 'Lastar...',
       errorHeader: 'Noko gjekk gale under lastinga av CMS konfigurasjonen',
       configErrors: 'Konfigurasjonsfeil',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -104,15 +106,33 @@ const nn_no: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: undefined, // English translation: 'Writing in %{locale}'
+        copyFromLocale: undefined, // English translation: 'Fill in from another locale'
+        copyFromLocaleConfirm: undefined, // English translation: 'Do you want to fill in data from %{locale} locale?\nAll existing content will be overwritten.'
       },
     },
     editor: {
       onLeavePage: 'Er du sikker på at du vil navigere bort frå denne sida?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody: 'Du må lagra endringane dine før du endrar status',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: 'Du må endre status til "Klar" før du publiserer',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody: 'Du må laga endringane dine før du kan publisere.',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: 'Er du sikker på at vil publisere?',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: 'Er du sikker på at du vil avpublisere innlegget?',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody:
         'Er du sikkert på at du vil slette eit publisert innlegg med tilhøyrande ulagra endringar?',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody: 'Er du sikker på at du vil slette dette publiserte innlegget?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'Handlinga slettar endringar som ikkje er publisert eller lagra. Vil du halde fram?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        'Alle endringar som ikkje er publisert vil gå tapt. Vil du halde fram?',
       loadingEntry: 'Lastar innlegg...',
     },
     editorInterface: {
@@ -123,13 +143,35 @@ const nn_no: LocalePhrasesRoot = {
       toggleScrollSync: undefined, // English translation: 'Sync scrolling'
     },
     editorToolbar: {
+      publishing: 'Publiserer...',
       publish: 'Publiser',
       published: 'Publisert',
+      unpublish: 'Avpubliser',
       duplicate: 'Dupliser',
+      unpublishing: 'Avpubliserer...',
       publishAndCreateNew: 'Publiser og lag nytt',
       publishAndDuplicate: 'Publiser og dupliser',
+      deleteUnpublishedChanges: 'Slett upubliserte endringar',
+      deleteUnpublishedEntry: 'Slett upublisert innlegg',
+      deletePublishedEntry: 'Slett publisert innlegg',
       deleteEntry: 'Slettar innlegg',
+      saving: 'Lagrar...',
+      save: 'Lagre',
+      statusInfoTooltipDraft: undefined, // English translation: 'Entry status is set to draft. To finalize and submit it for review, set the status to �In review�'
+      statusInfoTooltipInReview: undefined, // English translation: 'Entry is being reviewed, no further actions are required. However, you can still make additional changes while it is being reviewed.'
+      deleting: 'Slettar...',
+      updating: 'Oppdaterer...',
+      status: 'Status: %{status}',
+      backCollection: ' Skriv i samlinga %{collectionLabel}',
+      unsavedChanges: 'Ulagra endringar',
+      changesSaved: 'Endringar lagret',
+      draft: 'Kladd',
+      inReview: 'Til godkjenning',
+      ready: 'Klar',
       publishNow: 'Publiser no',
+      deployPreviewPendingButtonLabel: 'Kontroller førehandsvisning',
+      deployPreviewButtonLabel: 'Sjå førehandsvisning',
+      deployButtonLabel: 'Sjå i produksjon',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -138,17 +180,35 @@ const nn_no: LocalePhrasesRoot = {
       markdown: {
         bold: undefined, // English translation: 'Bold'
         italic: undefined, // English translation: 'Italic'
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: undefined, // English translation: 'Code'
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: undefined, // English translation: 'Link'
-        linkPrompt: undefined, // English translation: 'Enter the URL of the link'
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: undefined, // English translation: 'Headings'
         quote: undefined, // English translation: 'Quote'
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: undefined, // English translation: 'Bulleted List'
         numberedList: undefined, // English translation: 'Numbered List'
         addComponent: undefined, // English translation: 'Add Component'
         richText: 'Rik-tekst',
         markdown: 'Markdown',
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: 'Vel bilete',
@@ -212,6 +272,10 @@ const nn_no: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -232,10 +296,10 @@ const nn_no: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: 'Lastar...',
       noResults: 'Ingen resultat.',
       noAssetsFound: 'Ingen elementer funne.',
       noImagesFound: 'Ingen bilete funne.',
+      private: 'Privat ',
       images: 'Bileter',
       mediaAssets: 'Mediebibliotek',
       search: 'Søk...',
@@ -252,6 +316,7 @@ const nn_no: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -262,6 +327,7 @@ const nn_no: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: 'Attende til sida',
@@ -283,11 +349,12 @@ const nn_no: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'Logg ut',
     },
     toast: {
       onFailToLoadEntries: 'Kunne ikkje laste innlegg: %{details}',
+      onFailToLoadDeployPreview: 'Kunne ikkje laste førehandsvisning: %{details}',
       onFailToPersist: 'Kunne ikkje lagre: %{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: 'Kunne ikkje slette: %{details}',
@@ -296,14 +363,54 @@ const nn_no: LocalePhrasesRoot = {
       missingRequiredField:
         'Oisann, gløymte du noko? Alle påkrevde felt må fyllast ut før du kan halde fram',
       entrySaved: 'Innlegg lagra',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'Innlegg publisert',
+      entryUnpublished: 'Innlegg avpublisert',
       onFailToPublishEntry: 'Kunne ikkje publisere: %{details}',
+      onFailToUnpublishEntry: 'Kunne ikkje avpublisere: %{details}',
       entryUpdated: 'Innleggsstatus oppdatert',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'Avpubliserte endringar sletta',
       onFailToAuth: '%{details}',
       onLoggedOut: undefined, // English translation: 'You have been logged out, please back up any data and login again'
       onBackendDown: undefined, // English translation: 'The backend service is experiencing an outage. See %{details} for more information'
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'Lastar innlegg for redaksjonell arbeidsflyt',
+      workflowHeading: 'Redaksjonell arbeidsflyt',
+      newPost: 'Nytt innlegg',
+      description:
+        '%{smart_count} innlegg treng gjennomgong, og %{readyCount} er klar til publisering. |||| %{smart_count} innlegg treng gjennomgong, og %{readyCount} er klar til publisering ',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date} av %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'av %{author}',
+      deleteChanges: 'Slett endringar',
+      deleteNewEntry: 'Slett nytt innlegg',
+      publishChanges: 'Publiser endringar',
+      publishNewEntry: 'Publiser nytt innlegg',
+    },
+    workflowList: {
+      onDeleteEntry: 'Er du sikker på du vil slette innlegget?',
+      onPublishingNotReadyEntry:
+        'Du kan berre publisere innlegg i "Klar" kolonna. Dra kortet til riktig stad for å halde fram.',
+      onPublishEntry: 'Er du sikker på du vil publisere innlegget?',
+      draft: 'Kladd',
+      pending_review: 'Gjennomgås',
+      pending_publish: 'Klar',
+      currentEntries: '%{smart_count} innlegg |||| %{smart_count} innlegg',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default nn_no;
diff --git a/packages/core/src/locales/pl/index.ts b/packages/core/src/locales/pl/index.ts
index aa7956d8..72b72eee 100644
--- a/packages/core/src/locales/pl/index.ts
+++ b/packages/core/src/locales/pl/index.ts
@@ -22,10 +22,12 @@ const pl: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'Treść',
+      workflow: 'Przebieg redakcyjny',
       media: 'Multimedia',
       quickAdd: 'Szybkie dodawanie',
     },
     app: {
+      loading: 'Ładowanie...',
       errorHeader: 'Błąd ładowania konfiguracji CMS',
       configErrors: 'Błędy konfiguracji',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -104,15 +106,35 @@ const pl: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: 'Pisz w języku %{locale}',
+        copyFromLocale: undefined, // English translation: 'Fill in from another locale'
+        copyFromLocaleConfirm: undefined, // English translation: 'Do you want to fill in data from %{locale} locale?\nAll existing content will be overwritten.'
       },
     },
     editor: {
       onLeavePage: 'Czy na pewno chcesz opuścić tę stronę?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody:
+        'Masz niezapisane zmiany, proszę zapisz je przed aktualizacją statusu.',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: 'Proszę zaktualizować status do "Gotowe" przed publikacją.',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody:
+        'Masz niezapisane zmiany, proszę zapisz je przed publikacją.',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: 'Czy na pewno chcesz opublikować tę pozycję?',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: 'Czy na pewno chcesz cofnąć publikację tej pozycji?',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody:
         'Czy na pewno chcesz usunąć tę opublikowaną pozycję, a także niezapisane zmiany z bieżącej sesji?',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody: 'Czy na pewno chcesz usunąć tę opublikowaną pozycję?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'Spowoduje to usunięcie wszystkich nieopublikowanych zmian tej pozycji, a także niezapisanych zmian z bieżącej sesji. Czy nadal chcesz usunąć?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        'Wszystkie nieopublikowane zmiany tej pozycji zostaną usunięte. Czy nadal chcesz usunąć?',
       loadingEntry: 'Ładowanie pozycji...',
     },
     editorInterface: {
@@ -123,13 +145,37 @@ const pl: LocalePhrasesRoot = {
       toggleScrollSync: 'Synchroniczne przesuwanie',
     },
     editorToolbar: {
+      publishing: 'Publikowanie...',
       publish: 'Opublikuj',
       published: 'Opublikowane',
+      unpublish: 'Cofnij publikację',
       duplicate: 'Zduplikuj',
+      unpublishing: 'Cofanie publikacji...',
       publishAndCreateNew: 'Opublikuj i dodaj nowy',
       publishAndDuplicate: 'Opublikuj i zduplikuj',
+      deleteUnpublishedChanges: 'Usuń nieopublikowane zmiany',
+      deleteUnpublishedEntry: 'Usuń nieopublikowaną pozycję',
+      deletePublishedEntry: 'Usuń opublikowaną pozycję',
       deleteEntry: 'Usuń pozycję',
+      saving: 'Zapisywanie...',
+      save: 'Zapisz',
+      statusInfoTooltipDraft:
+        'Dodano jako wersję roboczą. Aby zakończyć i oddać do recenzji zmień status na `Do recenzji`',
+      statusInfoTooltipInReview:
+        'Wpis jest w trakcie recenzji, żadne dodatkowe akcje nie są wymagane. Jeśli chcesz, możesz jeszcze nanieść zmiany.',
+      deleting: 'Usuwanie...',
+      updating: 'Uaktualnianie...',
+      status: 'Status: %{status}',
+      backCollection: ' Edycja treści w zbiorze %{collectionLabel}',
+      unsavedChanges: 'Niezapisane zmiany',
+      changesSaved: 'Zmiany zapisane',
+      draft: 'Wersja robocza',
+      inReview: 'W recenzji',
+      ready: 'Gotowe',
       publishNow: 'Opublikuj teraz',
+      deployPreviewPendingButtonLabel: 'Sprawdź, czy istnieje podgląd',
+      deployPreviewButtonLabel: 'Zobacz podgląd',
+      deployButtonLabel: 'Zobacz na żywo',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -138,17 +184,35 @@ const pl: LocalePhrasesRoot = {
       markdown: {
         bold: 'Pogrubienie',
         italic: 'Kursywa',
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: 'Kod',
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: 'Link',
-        linkPrompt: 'Dodaj adres URL',
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: 'Nagłówki',
         quote: 'Cytat',
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: 'Lista punktowana',
         numberedList: 'Lista numerowana',
         addComponent: 'Dodaj komponent',
         richText: 'Tekst sformatowany',
         markdown: 'Markdown',
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: 'Wybierz zdjęcie',
@@ -212,6 +276,10 @@ const pl: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -232,10 +300,10 @@ const pl: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: 'Ładowanie...',
       noResults: 'Brak wyników.',
       noAssetsFound: 'Nie znaleziono żadnych zasobów.',
       noImagesFound: 'Nie znaleziono żadnych obrazów.',
+      private: 'Prywatne ',
       images: 'Obrazy',
       mediaAssets: 'Zasoby multimedialne',
       search: 'Szukaj...',
@@ -252,6 +320,7 @@ const pl: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -262,6 +331,7 @@ const pl: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: 'Wróć do strony',
@@ -283,11 +353,12 @@ const pl: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'Wyloguj się',
     },
     toast: {
       onFailToLoadEntries: 'Nie udało się załadować pozycji: %{details}',
+      onFailToLoadDeployPreview: 'Nie udało się załadować podglądu: %{details}',
       onFailToPersist: 'Nie udało się zapisać pozycji: %{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: 'Nie udało się usunąć pozycji: %{details}',
@@ -295,14 +366,55 @@ const pl: LocalePhrasesRoot = {
       onFailToUpdateStatus: 'Nie udało się zaktualizować statusu: %{details}',
       missingRequiredField: 'Ups, przegapiłeś wymagane pole. Proszę uzupełnij przed zapisaniem.',
       entrySaved: 'Pozycja zapisana',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'Pozycja opublikowana',
+      entryUnpublished: 'Cofnięto publikację pozycji',
       onFailToPublishEntry: 'Nie udało się opublikować: %{details}',
+      onFailToUnpublishEntry: 'Nie udało się cofnąć publikacji pozycji: %{details}',
       entryUpdated: 'Zaktualizowano status pozycji',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'Nieopublikowane zmiany zostały usunięte',
       onFailToAuth: '%{details}',
       onLoggedOut: 'Zostałeś wylogowany, utwórz kopię zapasową danych i zaloguj się ponownie.',
       onBackendDown: 'Usługa backendu uległa awarii. Zobacz więcej informacji: %{details}',
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'Ładowanie pozycji przebiegu redakcyjnego',
+      workflowHeading: 'Przebieg redakcyjny',
+      newPost: 'Nowa pozycja',
+      description:
+        '%{smart_count} pozycja oczekuje na recenzję, %{readyCount} oczekuje na publikacje. |||| %{smart_count} pozycje oczekują na recenzję, %{readyCount} oczekuje na publikacje. |||| %{smart_count} pozycji oczekuje na recenzje, %{readyCount} oczekuje na publikacje. ',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date} przez %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'przez %{author}',
+      deleteChanges: 'Usuń zmiany',
+      deleteNewEntry: 'Usuń nową pozycję',
+      publishChanges: 'Opublikuj zmiany',
+      publishNewEntry: 'Opublikuj nową pozycję',
+    },
+    workflowList: {
+      onDeleteEntry: 'Czy na pewno chcesz usunąć tę pozycję?',
+      onPublishingNotReadyEntry:
+        'Tylko pozycje o statusie „Gotowe” mogą być publikowane. Przeciągnij proszę kartę do kolumny „Gotowe do publikacji”, aby umożliwić publikowanie.',
+      onPublishEntry: 'Czy na pewno chcesz opublikować tę pozycję?',
+      draft: 'Wersje robocze',
+      pending_review: 'W recenzji',
+      pending_publish: 'Gotowe do publikacji',
+      currentEntries:
+        '%{smart_count} pozycja |||| %{smart_count} pozycje |||| %{smart_count} pozycji',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default pl;
diff --git a/packages/core/src/locales/pt/index.ts b/packages/core/src/locales/pt/index.ts
index 1dde1585..b6d44e70 100644
--- a/packages/core/src/locales/pt/index.ts
+++ b/packages/core/src/locales/pt/index.ts
@@ -22,10 +22,12 @@ const pt: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'Conteúdos',
+      workflow: 'Fluxo de Trabalho',
       media: 'Mídia',
       quickAdd: 'Adição rápida',
     },
     app: {
+      loading: 'Carregando...',
       errorHeader: 'Erro ao carregar a configuração do CMS',
       configErrors: 'Erros de configuração',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -104,15 +106,35 @@ const pt: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: 'Escrevendo em %{locale}',
+        copyFromLocale: undefined, // English translation: 'Fill in from another locale'
+        copyFromLocaleConfirm: undefined, // English translation: 'Do you want to fill in data from %{locale} locale?\nAll existing content will be overwritten.'
       },
     },
     editor: {
       onLeavePage: 'Tem certeza que deseja sair desta página?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody:
+        'Há mudanças não salvas. Por favor, salve-as antes de atualizar o status.',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: 'Por favor, altere o status para "Pronto" antes de publicar.',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody:
+        'Há mudanças não salvas. Por favor, salve-as antes de publicar.',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: 'Tem certeza que deseja publicar essa entrada?',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: 'Tem certeza que deseja cancelar a publicação dessa entrada?',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody:
         'Tem certeza de que deseja excluir esta entrada publicada, bem como as alterações não salvas da sessão atual?',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody: 'Tem certeza de que deseja excluir esta entrada publicada?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'Isso excluirá todas as alterações não publicadas nesta entrada, bem como as alterações não salvas da sessão atual. Você ainda deseja excluir?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        'Todas as alterações não publicadas nesta entrada serão excluídas. Você ainda deseja excluir?',
       loadingEntry: 'Carregando entrada...',
     },
     editorInterface: {
@@ -123,13 +145,37 @@ const pt: LocalePhrasesRoot = {
       toggleScrollSync: 'Sincronizar rolagem',
     },
     editorToolbar: {
+      publishing: 'Publicando...',
       publish: 'Publicar',
       published: 'Publicado',
+      unpublish: 'Despublicar',
       duplicate: 'Duplicado',
+      unpublishing: 'Despublicando...',
       publishAndCreateNew: 'Publicar e criar novo(a)',
       publishAndDuplicate: 'Publicar e duplicar',
+      deleteUnpublishedChanges: 'Excluir alterações não publicadas',
+      deleteUnpublishedEntry: 'Excluir entrada não publicada',
+      deletePublishedEntry: 'Excluir entrada publicada',
       deleteEntry: 'Excluir entrada',
+      saving: 'Salvando...',
+      save: 'Salvar',
+      statusInfoTooltipDraft:
+        "Entrada definida como rascunho. Para finalizar e enviá-la a revisão, mude seu estado para 'Em revisão'",
+      statusInfoTooltipInReview:
+        'Entrada está sendo revisada, nenhuma ação extra é requirida. Porém, você ainda pode fazer mudanças adicionais enquanto ela está sendo revisada.',
+      deleting: 'Excluindo...',
+      updating: 'Atualizando...',
+      status: 'Status: %{status}',
+      backCollection: ' Escrevendo na coleção %{collectionLabel}',
+      unsavedChanges: 'Alterações não salvas',
+      changesSaved: 'Alterações salvas',
+      draft: 'Rascunho',
+      inReview: 'Em revisão',
+      ready: 'Pronto',
       publishNow: 'Publicar agora',
+      deployPreviewPendingButtonLabel: 'Verificar se há Pré-visualização',
+      deployPreviewButtonLabel: 'Ver Pré-visualização',
+      deployButtonLabel: 'Ver em Produção',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -138,17 +184,35 @@ const pt: LocalePhrasesRoot = {
       markdown: {
         bold: 'Negrito',
         italic: 'Itálico',
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: 'Código',
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: 'Link',
-        linkPrompt: 'Insira a URL do link',
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: 'Cabeçalho',
         quote: 'Citação',
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: 'Lista Pontilhada',
         numberedList: 'Lista Numerada',
         addComponent: 'Adicionar Componente',
         richText: 'Rich Text',
         markdown: 'Markdown',
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: 'Escolha uma imagem',
@@ -212,6 +276,10 @@ const pt: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -233,10 +301,10 @@ const pt: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: 'Carregando...',
       noResults: 'Nenhum resultado.',
       noAssetsFound: 'Nenhum recurso encontrado.',
       noImagesFound: 'Nenhuma imagem encontrada.',
+      private: 'Privado ',
       images: 'Imagens',
       mediaAssets: 'Recursos de mídia',
       search: 'Pesquisar...',
@@ -253,6 +321,7 @@ const pt: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -263,6 +332,7 @@ const pt: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: 'Voltar ao site',
@@ -284,11 +354,12 @@ const pt: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'Sair',
     },
     toast: {
       onFailToLoadEntries: 'Falha ao carregar a entrada: %{details}',
+      onFailToLoadDeployPreview: 'Falha ao carregar a pré-visualização: %{details}',
       onFailToPersist: 'Falha ao persistir na entrada: %{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: 'Falha ao excluir a entrada: %{details}',
@@ -297,14 +368,54 @@ const pt: LocalePhrasesRoot = {
       missingRequiredField:
         'Ops, você perdeu um campo obrigatório. Por favor, preencha antes de salvar.',
       entrySaved: 'Entrada salva',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'Entrada publicada',
+      entryUnpublished: 'Entrada despublicada',
       onFailToPublishEntry: 'Falha ao publicar: %{details}',
+      onFailToUnpublishEntry: 'Falha ao cancelar a publicação da entrada: %{details}',
       entryUpdated: 'Status da entrada atualizado',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'Alterações não publicadas excluídas',
       onFailToAuth: '%{details}',
       onLoggedOut: 'Você foi desconectado. Por favor, salve as alterações e entre novamente',
       onBackendDown: 'O serviço de back-end está fora do ar. Veja %{details} para mais informações',
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'Carregando entradas do Fluxo de Trabalho Editorial',
+      workflowHeading: 'Fluxo de Trabalho Editorial',
+      newPost: 'Nova Publicação',
+      description:
+        '%{smart_count} entrada aguardando revisão, %{readyCount} pronta para publicação. |||| %{smart_count} entradas aguardando revisão, %{readyCount} pronta para publicação.',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date} por %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'por %{author}',
+      deleteChanges: 'Excluir alterações',
+      deleteNewEntry: 'Excluir nova entrada',
+      publishChanges: 'Publicar alterações',
+      publishNewEntry: 'Publicar nova entrada',
+    },
+    workflowList: {
+      onDeleteEntry: 'Tem certeza de que deseja excluir esta entrada?',
+      onPublishingNotReadyEntry:
+        'Somente itens com o status "Pronto" podem ser publicados. Arraste o cartão para a coluna "Pronto" para poder publicar.',
+      onPublishEntry: 'Tem certeza de que quer publicar esta entrada?',
+      draft: 'Rascunhos',
+      pending_review: 'Em Revisão',
+      pending_publish: 'Prontos',
+      currentEntries: '%{smart_count} entrada |||| %{smart_count} entradas',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default pt;
diff --git a/packages/core/src/locales/ro/index.ts b/packages/core/src/locales/ro/index.ts
index 1e9e5c88..e725ed46 100644
--- a/packages/core/src/locales/ro/index.ts
+++ b/packages/core/src/locales/ro/index.ts
@@ -22,10 +22,12 @@ const ro: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'Conținut',
+      workflow: 'Workflow',
       media: 'Fișiere',
       quickAdd: 'Adaugă',
     },
     app: {
+      loading: 'Se încarcă...',
       errorHeader: 'A apărut o eroare cu configurarea CMS-ului.',
       configErrors: 'Au apărut erori de configurare.',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -95,8 +97,8 @@ const ro: LocalePhrasesRoot = {
         max: '%{fieldLabel} poate fi mai mic sau egal cu %{maxValue}.',
         rangeCount: '%{fieldLabel} poate avea între %{minCount} și %{maxCount} intrări.',
         rangeCountExact: '%{fieldLabel} trebuie să conțină exact %{count} intrări.',
-        rangeMin: undefined, // English translation: '%{fieldLabel} must have at least %{minCount} item(s).'
-        rangeMax: undefined, // English translation: '%{fieldLabel} must have %{maxCount} or less item(s).'
+        rangeMin: '%{fieldLabel} trebuie să conțină cel puțin %{minCount} intrări.',
+        rangeMax: '%{fieldLabel} trebuie să conțină cel mult %{maxCount} intrări.',
         invalidPath: "'%{path}' nu este o cale validă.",
         pathExists: "Calea '%{path}' există deja.",
         invalidColor: undefined, // English translation: 'Color '%{color}' is invalid.'
@@ -104,15 +106,35 @@ const ro: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: 'Scrii în limba %{locale}',
+        copyFromLocale: undefined, // English translation: 'Fill in from another locale'
+        copyFromLocaleConfirm: undefined, // English translation: 'Do you want to fill in data from %{locale} locale?\nAll existing content will be overwritten.'
       },
     },
     editor: {
       onLeavePage: 'Ești sigur/ă că dorești să părăsești pagina?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody:
+        'Există modificări nesalvate! Te rugăm salvează înainte de a actualiza statusul.',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: 'Actualizează statusul la „Gata” înainte de publicare.',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody:
+        'Există modificări nesalvate, salvează-le înainte de publicare.',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: 'Ești sigur/ă că dorești să publici acest articol?',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: 'Ești sigur/ă că dorești să anulezi publicarea acestui articol?',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody:
         'Ești sigur/ă că dorești să ștergi această publicare, dar și modificările nesalvate din sesiunea curentă?',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody: 'Ești sigur/ă că dorești să ștergi această publicare?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'Se vor șterge toate modificările nepublicate din aceast articol și modificările nesalvate din sesiunea curentă. Continui cu ștergerea?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        'Toate modificările nepublicate din acest articol vor fi șterse. Continui cu ștergerea?',
       loadingEntry: 'Se încarcă...',
     },
     editorInterface: {
@@ -123,13 +145,35 @@ const ro: LocalePhrasesRoot = {
       toggleScrollSync: 'Sincronizează scroll-ul',
     },
     editorToolbar: {
+      publishing: 'Se publică...',
       publish: 'Publicare',
       published: 'Publicat',
+      unpublish: 'Anulează publicarea',
       duplicate: 'Duplifică',
+      unpublishing: 'Se anulează publicarea...',
       publishAndCreateNew: 'Publicare apoi crează altul',
       publishAndDuplicate: 'Publicare apoi duplifică',
+      deleteUnpublishedChanges: 'Șterge modificări nepublicate',
+      deleteUnpublishedEntry: 'Șterge intrarea nepublicată',
+      deletePublishedEntry: 'Șterge intrarea publicată',
       deleteEntry: 'Șterge intrare',
+      saving: 'Se salvează...',
+      save: 'Salvează',
+      statusInfoTooltipDraft: undefined, // English translation: 'Entry status is set to draft. To finalize and submit it for review, set the status to �In review�'
+      statusInfoTooltipInReview: undefined, // English translation: 'Entry is being reviewed, no further actions are required. However, you can still make additional changes while it is being reviewed.'
+      deleting: 'Se șterge...',
+      updating: 'Se actualizează...',
+      status: 'Status: %{status}',
+      backCollection: ' Scrii în colecția „%{collectionLabel}”',
+      unsavedChanges: 'Modificări nesalvate',
+      changesSaved: 'Modificări salvate',
+      draft: 'Ciornă',
+      inReview: 'În revizuire',
+      ready: 'Gata',
       publishNow: 'Publicare',
+      deployPreviewPendingButtonLabel: 'Verifică publicare',
+      deployPreviewButtonLabel: 'Previzualizare',
+      deployButtonLabel: 'Vezi publicarea',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -138,17 +182,35 @@ const ro: LocalePhrasesRoot = {
       markdown: {
         bold: 'Bold',
         italic: 'Italic',
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: 'Cod sursă',
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: 'Link',
-        linkPrompt: 'Scrie URL-ul',
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: 'Titluri',
         quote: 'Citat',
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: 'Listă cu puncte',
         numberedList: 'Listă cu numere',
         addComponent: 'Adaugă componentă',
         richText: 'Rich Text',
         markdown: 'Markdown',
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: 'Alege o imagine',
@@ -212,6 +274,10 @@ const ro: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -233,10 +299,10 @@ const ro: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: 'Se încarcă...',
       noResults: 'Nu sunt rezultate.',
       noAssetsFound: 'Nu s-au găsit fișiere.',
       noImagesFound: 'Nu s-au găsit imagini.',
+      private: 'Privat ',
       images: 'Imagini',
       mediaAssets: 'Fișiere media',
       search: 'Caută...',
@@ -253,6 +319,7 @@ const ro: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -263,6 +330,7 @@ const ro: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: 'Înapoi la site',
@@ -284,11 +352,12 @@ const ro: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'Ieșire din cont',
     },
     toast: {
       onFailToLoadEntries: 'A eșuat încărcarea intrării: %{details}',
+      onFailToLoadDeployPreview: 'A eșuat încărcarea previzualizării: %{details}',
       onFailToPersist: 'A eșuat persistarea intrării: %{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: 'A eșuat ștergerea intrării: %{details}',
@@ -296,14 +365,54 @@ const ro: LocalePhrasesRoot = {
       onFailToUpdateStatus: 'A eșuat actualizarea status-ului: %{details}',
       missingRequiredField: 'Oops, ai ratat un câmp obligatoriu. Completează-l pentru a salva.',
       entrySaved: 'Intrare salvată',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'Intrare publicată',
+      entryUnpublished: 'Publicare anulată',
       onFailToPublishEntry: 'A eșuat publicarea: %{details}',
+      onFailToUnpublishEntry: 'A eșuat anularea publicării: %{details}',
       entryUpdated: 'S-a actualizat status-ul intrării',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'Modificări nepublicate șterse',
       onFailToAuth: '%{details}',
       onLoggedOut: 'Ai fost delogat, te rugăm salvează orice date și autentifică-te din nou.',
       onBackendDown: 'Există probleme la server. Vezi %{details} pentru mai multe informații.',
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'Se încarcă intrările din Workflow-ul Editorial',
+      workflowHeading: 'Workflow Editorial',
+      newPost: 'Postare nouă',
+      description:
+        '%{smart_count} pregătite de revizuire, %{readyCount} gata de publicare. |||| %{smart_count} pregătite de revizuire, %{readyCount} gata de publicare. ',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date} de %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'de %{author}',
+      deleteChanges: 'Modificări șterse',
+      deleteNewEntry: 'Șterge intrarea nouă',
+      publishChanges: 'Publicare modificări',
+      publishNewEntry: 'Publicare intrare nouă',
+    },
+    workflowList: {
+      onDeleteEntry: 'Ești sigur/ă că dorești ștergerea intrării?',
+      onPublishingNotReadyEntry:
+        'Numai intrări cu status-ul „Gata” pot fi publicate. Trage un card în coloana „Gata” pentru a putea publica.',
+      onPublishEntry: 'Ești sigur/ă că dorești să faci publicarea?',
+      draft: 'Ciorne',
+      pending_review: 'În revizuire',
+      pending_publish: 'Gata',
+      currentEntries: '%{smart_count} intrări |||| %{smart_count} intrări',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default ro;
diff --git a/packages/core/src/locales/ru/index.ts b/packages/core/src/locales/ru/index.ts
index 0c78f43f..4986066f 100644
--- a/packages/core/src/locales/ru/index.ts
+++ b/packages/core/src/locales/ru/index.ts
@@ -22,10 +22,12 @@ const ru: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'Записи',
+      workflow: 'Рабочая область',
       media: 'Медиафайлы',
       quickAdd: 'Быстрое добавление',
     },
     app: {
+      loading: 'Загрузка медифайлов…',
       errorHeader: 'Ошибка загрузки конфигурации CMS',
       configErrors: 'Ошибки конфигурации',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -74,7 +76,7 @@ const ru: LocalePhrasesRoot = {
         label: 'Автор',
       },
       updatedOn: {
-        label: 'Обновлено',
+        label: 'Дате обновления',
       },
     },
     notFound: undefined, // English translation: 'Collection not found'
@@ -104,32 +106,77 @@ const ru: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: 'Пишем на %{locale}',
+        copyFromLocale: 'Заполнить из другого региона',
+        copyFromLocaleConfirm:
+          'Вы хотите заполнять данные используя %{locale} локализацию?\nВесь существующий контент будет перезаписан.',
       },
     },
     editor: {
       onLeavePage: 'Вы уверены, что хотите покинуть эту страницу?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody:
+        'У вас есть несохраненные изменения, сохраните их перед обновлением статуса.',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: 'Пожалуйста, измените статус на «Готов» перед публикацией.',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody:
+        'У вас есть несохраненные изменения, сохраните их перед публикацией.',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: 'Вы уверены, что хотите опубликовать эту запись?',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: 'Вы уверены, что хотите отменить публикацию этой записи?',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody:
         'Вы уверены, что хотите удалить эту опубликованную запись, а также несохраненные изменения из текущего сеанса?',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody: 'Вы уверены, что хотите удалить эту опубликованную запись?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'Это удалит все неопубликованные изменения в этой записи, а также ваши несохраненные изменения из текущего сеанса. Вы все еще хотите удалить?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        'Все неопубликованные изменения в этой записи будут удалены. Вы все еще хотите удалить?',
       loadingEntry: 'Загрузка записи…',
     },
     editorInterface: {
       sideBySideI18n: undefined, // English translation: 'I18n Side by Side'
       preview: undefined, // English translation: 'Preview'
-      toggleI18n: undefined, // English translation: 'Toggle i18n'
-      togglePreview: undefined, // English translation: 'Toggle preview'
-      toggleScrollSync: undefined, // English translation: 'Sync scrolling'
+      toggleI18n: 'Переключиться на i18n',
+      togglePreview: 'Переключиться на предварительный просмотр',
+      toggleScrollSync: 'Синхронизация прокрутки',
     },
     editorToolbar: {
+      publishing: 'Публикация…',
       publish: 'Опубликовать',
       published: 'Опубликовано',
+      unpublish: 'Отменить публикацию',
       duplicate: 'Дублировать',
+      unpublishing: 'Отмена публикации…',
       publishAndCreateNew: 'Опубликовать и создать новую',
       publishAndDuplicate: 'Опубликовать и дублировать',
+      deleteUnpublishedChanges: 'Удалить неопубликованные изменения',
+      deleteUnpublishedEntry: 'Удалить неопубликованную запись',
+      deletePublishedEntry: 'Удалить опубликованную запись',
       deleteEntry: 'Удалить запись',
+      saving: 'Сохранение…',
+      save: 'Сохранить',
+      statusInfoTooltipDraft:
+        'Статус записи установлен на черновик. Чтобы доработать и отправить его на рассмотрение, установите статус «На рассмотрении».',
+      statusInfoTooltipInReview:
+        'Запись находится на рассмотрении, дальнейших действий не требуется. Тем не менее, вы все еще можете внести дополнительные изменения, пока она находится на рассмотрении.',
+      deleting: 'Удаление…',
+      updating: 'Обновление…',
+      status: 'Cтатус: %{status}',
+      backCollection: 'Запись в коллекцию %{collectionLabel}',
+      unsavedChanges: 'Несохраненные изменения',
+      changesSaved: 'Изменения сохранены',
+      draft: 'Черновик',
+      inReview: 'На рассмотрении',
+      ready: 'Одобрен',
       publishNow: 'Опубликовать сейчас',
+      deployPreviewPendingButtonLabel: 'Проверить предварительный просмотр',
+      deployPreviewButtonLabel: 'Предварительный просмотр',
+      deployButtonLabel: 'Просмотр',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -138,39 +185,57 @@ const ru: LocalePhrasesRoot = {
       markdown: {
         bold: 'Полужиный',
         italic: 'Курсив',
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: 'Код',
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: 'Ссылка',
-        linkPrompt: 'Укажите URL ссылки',
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: 'Заголовки',
         quote: 'Цитата',
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: 'Маркированный список',
         numberedList: 'Нумерованный список',
         addComponent: 'Добавить компонент',
         richText: 'Форматированный текст',
         markdown: 'Markdown',
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: 'Выберите изображение',
-        chooseMultiple: undefined, // English translation: 'Choose images'
+        chooseMultiple: 'Выберите изображения',
         chooseUrl: 'Вставить из URL',
         replaceUrl: 'Заменить на URL',
         promptUrl: 'Введите URL изображения',
         chooseDifferent: 'Выберите другое изображение',
-        addMore: undefined, // English translation: 'Add more images'
+        addMore: 'Добавьте еще изображений',
         remove: 'Удалить изображение',
-        removeAll: undefined, // English translation: 'Remove all images'
+        removeAll: 'Удалить все изображения',
       },
       file: {
         choose: 'Выберите файл',
         chooseUrl: 'Вставить из URL',
-        chooseMultiple: undefined, // English translation: 'Choose files'
+        chooseMultiple: 'Выбрать файлы',
         replaceUrl: 'Заменить на URL',
         promptUrl: 'Введите URL файла',
         chooseDifferent: 'Выберите другой файл',
-        addMore: undefined, // English translation: 'Add more files'
+        addMore: 'Добавить больше файлов',
         remove: 'Удалить файл',
-        removeAll: undefined, // English translation: 'Remove all files'
+        removeAll: 'Удалить все файлы',
       },
       folder: {
         choose: undefined, // English translation: 'Choose a folder'
@@ -203,8 +268,8 @@ const ru: LocalePhrasesRoot = {
         invalidDateBody: undefined, // English translation: 'The date you entered is invalid.'
       },
       list: {
-        add: undefined, // English translation: 'Add %{item}'
-        addType: undefined, // English translation: 'Add %{item}'
+        add: 'Добавить %{item}',
+        addType: 'Добавить %{item}',
         noValue: undefined, // English translation: 'No value'
       },
       keyvalue: {
@@ -212,6 +277,10 @@ const ru: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -233,10 +302,10 @@ const ru: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: 'Загрузка медифайлов…',
       noResults: 'Нет результатов.',
       noAssetsFound: 'Ресурсы не найдены.',
       noImagesFound: 'Изображения не найдены.',
+      private: 'Приватные ',
       images: 'Изображения',
       mediaAssets: 'Медиаресурсы',
       search: 'Идёт поиск…',
@@ -253,6 +322,7 @@ const ru: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -263,6 +333,7 @@ const ru: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: 'Вернуться на сайт',
@@ -284,11 +355,12 @@ const ru: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'Выйти',
     },
     toast: {
       onFailToLoadEntries: 'Не удалось загрузить запись: %{details}',
+      onFailToLoadDeployPreview: 'Не удалось загрузить превью: %{details}',
       onFailToPersist: 'Не удалось сохранить запись: %{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: 'Не удалось удалить запись: %{details}',
@@ -297,14 +369,54 @@ const ru: LocalePhrasesRoot = {
       missingRequiredField:
         'К сожалению, вы пропустили обязательное поле. Пожалуйста, заполните перед сохранением.',
       entrySaved: 'Запись сохранена',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'Запись опубликована',
+      entryUnpublished: 'Публикация записи отменена',
       onFailToPublishEntry: 'Не удалось опубликовать запись: %{details}',
+      onFailToUnpublishEntry: 'Не удалось отменить публикацию записи: %{details}',
       entryUpdated: 'Статус записи обновлен',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'Неопубликованные изменения удалены',
       onFailToAuth: '%{details}',
       onLoggedOut: 'Вы вышли. Пожалуйста, сохраните все данные и войдите снова',
       onBackendDown: 'Происходят перебои в работе бекенда. См. %{details}',
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'Загрузка записей в рабочей области',
+      workflowHeading: 'Рабочая область',
+      newPost: 'Новая запись',
+      description:
+        'Число записей, ожидающих проверки — %{smart_count}, готовых к публикации — %{readyCount}. |||| Число записей, ожидающих проверки — %{smart_count}, готовых к публикации — %{readyCount}. ',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date}, %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: '%{author}',
+      deleteChanges: 'Удалить изменения',
+      deleteNewEntry: 'Удалить новую запись',
+      publishChanges: 'Опубликовать изменения',
+      publishNewEntry: 'Опубликовать новую запись',
+    },
+    workflowList: {
+      onDeleteEntry: 'Вы уверены, что хотите удалить эту запись?',
+      onPublishingNotReadyEntry:
+        'Только элементы со статусом «Готов» могут быть опубликованы. Перетащите карточку в столбец «Одобренные», чтобы разрешить публикацию.',
+      onPublishEntry: 'Вы уверены, что хотите опубликовать эту запись?',
+      draft: 'Черновики',
+      pending_review: 'На рассмотрении',
+      pending_publish: 'Одобренные',
+      currentEntries: '%{smart_count} entry |||| %{smart_count} entries',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'undefined'
+      forkRepo: undefined, // English translation: 'undefined'
+      markReadyForReview: undefined, // English translation: 'undefined'
+    },
+  },
 };
 
 export default ru;
diff --git a/packages/core/src/locales/sl/index.ts b/packages/core/src/locales/sl/index.ts
index 5616e702..ba00ae18 100644
--- a/packages/core/src/locales/sl/index.ts
+++ b/packages/core/src/locales/sl/index.ts
@@ -22,10 +22,12 @@ const sl: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'Vsebina',
+      workflow: 'Potek dela',
       media: 'Media',
       quickAdd: 'Hitro dodajanje',
     },
     app: {
+      loading: 'Nalaganje...',
       errorHeader: 'Napaka pri nalaganju CMS konfiguracije',
       configErrors: 'Konfiguracijske napake',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -104,15 +106,35 @@ const sl: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: 'Pisanje v %{locale}',
+        copyFromLocale: 'Izpolnite iz drugega jezika',
+        copyFromLocaleConfirm:
+          'Ali želiš izpolniti podatke iz %{locale} jezika?\nVsa obstoječa vsebina bo prepisana.',
       },
     },
     editor: {
       onLeavePage: 'Ste prepričani, da želite zapustiti to stran?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody:
+        'Imaš neshranjene spremembe. Shrani pred posodobitvijo stanja.',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: 'Pred objavo posodobi status na "pripravljen".',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody: 'Imaš neshranjene spremembe. Shrani pred objavo.',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: 'Ste prepričani, da želite objaviti ta vnos?',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: 'Ste prepričani, da želite preklicati objavo tega vnosa?',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody:
         'Ste prepričani, da želite izbrisati ta objavljen vnos, pa tudi neshrannjene spremembe iz trenutne seje?',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody: 'Ste prepričani, da želite izbrisati ta objavljeni vnos?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'To bo izbrisalo vse neobjavljene spremembe tega vnosa, pa tudi neshranjene spremembe iz trenutne seje. Ali še vedno želiš izbrisati?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        'Vse neobjavljene spremembe tega vnosa bodo izbrisane. Ali še vedno želiš izbrisati?',
       loadingEntry: 'Nalaganje vnosa ...',
     },
     editorInterface: {
@@ -123,13 +145,37 @@ const sl: LocalePhrasesRoot = {
       toggleScrollSync: 'Sinhroniziraj drsenje',
     },
     editorToolbar: {
+      publishing: 'Objavljanje ...',
       publish: 'Objavi',
       published: 'Objavljeno',
+      unpublish: 'Prekliči objavo',
       duplicate: 'Podvoji',
+      unpublishing: 'Preklicevanje objave ...',
       publishAndCreateNew: 'Objavi in ustvari novo',
       publishAndDuplicate: 'Objavi in podvoji',
+      deleteUnpublishedChanges: 'Izbriši neobjavljene spremembe',
+      deleteUnpublishedEntry: 'Izbriši neobjavljen vnos',
+      deletePublishedEntry: 'Izbriši objavljen vnos',
       deleteEntry: 'Izbriši vnos',
+      saving: 'Shranjevanje ...',
+      save: 'Shrani',
+      statusInfoTooltipDraft:
+        'Status vnosa je nastavljen na osnutek. Če ga želiš dokončati in predložiti v pregled, nastavi stanje na „v pregledu“',
+      statusInfoTooltipInReview:
+        'Vnos je v pregledu, nadaljnja dejanja niso potrebna. Vendar lahko med pregledovanjem še vedno narediš spremembe.',
+      deleting: 'Brisanje ...',
+      updating: 'Posodabljanje ...',
+      status: 'status: %{status}',
+      backCollection: ' Pisanje v %{collectionLabel} zbirko',
+      unsavedChanges: 'Neshranjene spremembe',
+      changesSaved: 'Spremembe shranjene',
+      draft: 'Osnutek',
+      inReview: 'V pregledu',
+      ready: 'Pripravljen',
       publishNow: 'Objavi zdaj',
+      deployPreviewPendingButtonLabel: 'Preveri za predogled',
+      deployPreviewButtonLabel: 'Ogled predogleda',
+      deployButtonLabel: 'Pogled v živo',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -138,17 +184,35 @@ const sl: LocalePhrasesRoot = {
       markdown: {
         bold: 'Debelo',
         italic: 'Poševno',
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: 'Koda',
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: 'Povezava',
-        linkPrompt: 'Vnesite URL povezave',
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: 'Naslovi',
         quote: 'Citat',
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: 'Seznam z oznakami',
         numberedList: 'Oštevilčen seznam',
         addComponent: 'Dodaj komponento',
         richText: 'Bogato besedilo',
         markdown: 'Markdown',
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: 'Izberi sliko',
@@ -212,6 +276,10 @@ const sl: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -232,10 +300,10 @@ const sl: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: 'Nalaganje...',
       noResults: 'Ni rezultatov.',
       noAssetsFound: 'Ni najdenih sredstev.',
       noImagesFound: 'Ni najdenih slik.',
+      private: 'Private',
       images: 'Slike',
       mediaAssets: 'Multimedijska sredstva',
       search: 'Iskanje ...',
@@ -252,6 +320,7 @@ const sl: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -262,6 +331,7 @@ const sl: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: 'Vrni se na spletno mesto',
@@ -283,11 +353,12 @@ const sl: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'Odjava',
     },
     toast: {
       onFailToLoadEntries: 'Ni naložilo vnosa: %{details}',
+      onFailToLoadDeployPreview: 'Ni naložilo predogleda: %{details}',
       onFailToPersist: 'Ni uspelo vztrajati: %{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: 'Ni uspelo izbrisati vnosa: %{details}',
@@ -295,14 +366,54 @@ const sl: LocalePhrasesRoot = {
       onFailToUpdateStatus: 'Ni uspelo posodobiti stanja: %{details}',
       missingRequiredField: 'Ups, zgrešili ste obvezno polje. Pred shranjevanjem izpolnite.',
       entrySaved: 'Vnos shranjen',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'Vnos objavljen',
+      entryUnpublished: 'Objava vnosa preklicana',
       onFailToPublishEntry: 'Vnosa ni uspelo objaviti: %{details}',
+      onFailToUnpublishEntry: 'Preklicanje objave vnosa ni uspelo: %{details}',
       entryUpdated: 'Status vnosa posodobljen',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'Neobjavljene spremembe izbrisane',
       onFailToAuth: '%{details}',
       onLoggedOut: 'Bili ste odjavljeni, varnostno kopirate vse podatke in se ponovno prijavite',
       onBackendDown: 'Zaledna storitev doživlja izpad. Glejte %{details} za več informacij',
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'Nalaganje uredniških vnosov',
+      workflowHeading: 'Uredniški potek dela',
+      newPost: 'Nov vnos',
+      description:
+        '%{smart_count} vnos čaka na pregled, %{readyCount} pripravljen za objavo. |||| %{smart_count} vnosov čaka na pregled, %{readyCount} pripravljenih za objavo.',
+      dateFormat: 'DD. MM. YYYY',
+    },
+    workflowCard: {
+      lastChange: '%{date} by %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'by %{author}',
+      deleteChanges: 'Izbriši spremembe',
+      deleteNewEntry: 'Izbriši nov vnos',
+      publishChanges: 'Objavi spremembe',
+      publishNewEntry: 'Objavi nov vnos',
+    },
+    workflowList: {
+      onDeleteEntry: 'Ali ste prepričani, da želite izbrisati ta vnos?',
+      onPublishingNotReadyEntry:
+        'Objavijo se lahko samo elementi s statusom "pripravljen". Prosimo, povlecite kartico v stolpec "pripravljen", da omogočite objavo.',
+      onPublishEntry: 'Ste prepričani, da želite objaviti ta vnos?',
+      draft: 'Osnutki',
+      pending_review: 'V pregledu',
+      pending_publish: 'Pripravljen',
+      currentEntries: '%{smart_count} vnos |||| %{smart_count} vnosov',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default sl;
diff --git a/packages/core/src/locales/sv/index.ts b/packages/core/src/locales/sv/index.ts
index eb70ea8d..90fa5543 100644
--- a/packages/core/src/locales/sv/index.ts
+++ b/packages/core/src/locales/sv/index.ts
@@ -22,10 +22,12 @@ const sv: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'Innehåll',
+      workflow: 'Arbetsflöde',
       media: 'Media',
       quickAdd: 'Snabbt tillägg',
     },
     app: {
+      loading: 'Hämtar...',
       errorHeader: 'Ett fel uppstod vid hämtning av CMS-konfigurationen',
       configErrors: 'Konfigurationsfel',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -104,15 +106,35 @@ const sv: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: 'Skriver i %{locale}',
+        copyFromLocale: undefined, // English translation: 'Fill in from another locale'
+        copyFromLocaleConfirm: undefined, // English translation: 'Do you want to fill in data from %{locale} locale?\nAll existing content will be overwritten.'
       },
     },
     editor: {
       onLeavePage: 'Är du säker på att du vill lämna sidan?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody:
+        'Du har osparade ändringar, vänligen spara dem innan du uppdaterar status.',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: 'Vänligen uppdatera status till "Redo" innan du publicerar.',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody:
+        'Du har osparade ändringar, vänligen spara innan du publicerar.',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: 'Är du säker på att du vill publicera det här inlägget?',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: 'Är du säker på att du vill avpublicera det här inlägget?',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody:
         'Är du säker på att du vill radera det här publicerade inlägget, inklusive dina osparade ändringar från nuvarande session?',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody: 'Är du säker på att du vill radera det här publicerade inlägget?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'Du är på väg att radera alla opublicerade ändringar för det här inlägget, inklusive dina osparade ändringar från nuvarande session. Vill du fortfarande radera?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        'Alla opublicerade ändringar kommer raderas. Vill du fortfarande radera?',
       loadingEntry: 'Hämtar inlägg...',
     },
     editorInterface: {
@@ -123,13 +145,35 @@ const sv: LocalePhrasesRoot = {
       toggleScrollSync: 'Synka scrollning',
     },
     editorToolbar: {
+      publishing: 'Publicerar...',
       publish: 'Publicera',
       published: 'Publicerad',
+      unpublish: 'Avpublicera',
       duplicate: 'Duplicera',
+      unpublishing: 'Avpublicerar...',
       publishAndCreateNew: 'Publicera och skapa ny',
       publishAndDuplicate: 'Publicera och duplicera',
+      deleteUnpublishedChanges: 'Radera opublicerade ändringar',
+      deleteUnpublishedEntry: 'Radera opublicerat inlägg',
+      deletePublishedEntry: 'Radera publicerat inlägg',
       deleteEntry: 'Radera inlägg',
+      saving: 'Sparar...',
+      save: 'Spara',
+      statusInfoTooltipDraft: undefined, // English translation: 'Entry status is set to draft. To finalize and submit it for review, set the status to �In review�'
+      statusInfoTooltipInReview: undefined, // English translation: 'Entry is being reviewed, no further actions are required. However, you can still make additional changes while it is being reviewed.'
+      deleting: 'Raderar...',
+      updating: 'Updaterar...',
+      status: 'Status: %{status}',
+      backCollection: ' Redigerar i samlingen %{collectionLabel}',
+      unsavedChanges: 'Osparade ändringar',
+      changesSaved: 'Ändringar sparade',
+      draft: 'Utkast',
+      inReview: 'Under granskning',
+      ready: 'Redo',
       publishNow: 'Publicera nu',
+      deployPreviewPendingButtonLabel: 'Kontrollera förhandsvisning',
+      deployPreviewButtonLabel: 'Visa förhandsvisning',
+      deployButtonLabel: 'Visa Live',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -138,17 +182,35 @@ const sv: LocalePhrasesRoot = {
       markdown: {
         bold: 'Fetstil',
         italic: 'Kursiv',
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: 'Kod',
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: 'Länk',
-        linkPrompt: 'Ange en URL för länken',
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: 'Rubriker',
         quote: 'Citat',
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: 'Punktlista',
         numberedList: 'Numrerad lista',
         addComponent: 'Lägg till komponent',
         richText: 'Rich Text',
         markdown: 'Markdown',
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: 'Välj en bild',
@@ -212,6 +274,10 @@ const sv: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -233,10 +299,10 @@ const sv: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: 'Hämtar...',
       noResults: 'Inga resultat.',
       noAssetsFound: 'Hittade inga mediaobjekt.',
       noImagesFound: 'Hittade inga bilder.',
+      private: 'Privat ',
       images: 'Bilder',
       mediaAssets: 'Mediaobjekt',
       search: 'Sök...',
@@ -253,6 +319,7 @@ const sv: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -263,6 +330,7 @@ const sv: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: 'Tillbaka till sida',
@@ -284,11 +352,12 @@ const sv: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'Logga ut',
     },
     toast: {
       onFailToLoadEntries: 'Kunde inte hämta inlägg: %{details}',
+      onFailToLoadDeployPreview: 'Kunde inte ladda förhandsvisning: %{details}',
       onFailToPersist: 'Kunde inte spara inlägg: %{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: 'Kunde inte radera inlägg: %{details}',
@@ -297,15 +366,55 @@ const sv: LocalePhrasesRoot = {
       missingRequiredField:
         'Oops, du har missat ett obligatoriskt fält. Vänligen fyll i det innan du sparar.',
       entrySaved: 'Inlägg sparat',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'Inlägg publicerat',
+      entryUnpublished: 'Inlägg avpublicerat',
       onFailToPublishEntry: 'Kunde inte publicera: %{details}',
+      onFailToUnpublishEntry: 'Kunde inte avpublicera inlägg: %{details}',
       entryUpdated: 'Inläggsstatus uppdaterad',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'Opublicerade ändringar raderade',
       onFailToAuth: '%{details}',
       onLoggedOut:
         'Du har blivit utloggad, vänligen spara en kopia av eventuella ändringar och logga in på nytt',
       onBackendDown: 'Tjänsten är drabbad av en störning. Se %{details} för mer information',
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'Hämtar inlägg för redaktionellt arbetsflöde',
+      workflowHeading: 'Redaktionellt arbetsflöde',
+      newPost: 'Nytt inlägg',
+      description:
+        '%{smart_count} inlägg väntar på granskning, %{readyCount} redo att publiceras. |||| %{smart_count} inlägg väntar på granskning, %{readyCount} redo att publiceras. ',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date} av %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'av %{author}',
+      deleteChanges: 'Radera ändringar',
+      deleteNewEntry: 'Radera nytt inlägg',
+      publishChanges: 'Publicera ändringar',
+      publishNewEntry: 'Publicera nytt inlägg',
+    },
+    workflowList: {
+      onDeleteEntry: 'Är du säker på att du vill radera det här inlägget?',
+      onPublishingNotReadyEntry:
+        'Bara inlägg med statusen "Redo" kan publiceras. Vänligen dra kortet till "Redo"-kolumnen för att möjliggöra publicering',
+      onPublishEntry: 'Är du säker på att du vill publicera det här inlägget?',
+      draft: 'Utkast',
+      pending_review: 'Under granskning',
+      pending_publish: 'Redo',
+      currentEntries: '%{smart_count} inlägg |||| %{smart_count} inlägg',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default sv;
diff --git a/packages/core/src/locales/th/index.ts b/packages/core/src/locales/th/index.ts
index 95d68697..49bc6b75 100644
--- a/packages/core/src/locales/th/index.ts
+++ b/packages/core/src/locales/th/index.ts
@@ -22,10 +22,12 @@ const th: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'เนื้อหา',
+      workflow: 'ขั้นตอนการทำงาน',
       media: 'มีเดีย',
       quickAdd: 'เพิ่มเนื้อหา อย่างเร็ว',
     },
     app: {
+      loading: 'กำลังโหลด...',
       errorHeader: 'เกิดข้อผิดพลาดในการโหลดการตั้งค่า CMS',
       configErrors: 'คอนฟิกมีข้อผิดพลาด',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -104,15 +106,35 @@ const th: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: 'เขียนด้วยภาษา %{locale}',
+        copyFromLocale: undefined, // English translation: 'Fill in from another locale'
+        copyFromLocaleConfirm: undefined, // English translation: 'Do you want to fill in data from %{locale} locale?\nAll existing content will be overwritten.'
       },
     },
     editor: {
       onLeavePage: 'คุณแน่ใจหรือว่าจะออกจากหน้านี้?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody:
+        'คุณมีการเปลี่ยนแปลงที่ยังไม่ได้บันทึก โปรดบันทึกก่อนอัปเดตสถานะ',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: 'โปรดอัปเดตสถานะเป็น "พร้อม" ก่อนจะเผยแพร่',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody:
+        'คุณมีการเปลี่ยนแปลงที่ยังไม่ได้บันทึก โปรดบันทึกก่อนจะเผยแพร่',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: 'คุณแน่ใจหรือว่าจะเผยแพร่เนื้อหานี้?',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: 'คุณแน่ใจหรือว่าจะไม่ต้องการเผยแพร่เนื้อหานี้?',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody:
         'คุณแน่ใจหรือว่าจะต้องการลบการเผยแพร่เนื้อหานี้ รวมถึงการเปลี่ยนแปลงที่ยังไม่ได้บันทึก?',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody: 'คุณแน่ใจหรือว่าจะต้องการลบการเผยแพร่เนื้อหานี้?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'คุณแน่ใจหรือว่าจะต้องการลบเนื้อหาที่ยังไม่ได้เผยแพร่ทั้งหมดนี้ รวมถึงการเปลี่ยนแปลงที่ยังไม่ได้บันทึก?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        'คุณแน่ใจหรือว่าจะต้องการลบเนื้อหาที่ยังไม่ได้เผยแพร่ทั้งหมดนี้?',
       loadingEntry: 'กำลังโหลดเนื้อหา...',
     },
     editorInterface: {
@@ -123,13 +145,35 @@ const th: LocalePhrasesRoot = {
       toggleScrollSync: undefined, // English translation: 'Sync scrolling'
     },
     editorToolbar: {
+      publishing: 'กำลังเผยแพร่...',
       publish: 'เผยแพร่',
       published: 'เผยแพร่แล้ว',
+      unpublish: 'ไม่ได้เผยแพร่',
       duplicate: 'ทำซ้ำ',
+      unpublishing: 'ไม่ทำการเผยแพร่...',
       publishAndCreateNew: 'เผยแพร่ และ สร้างใหม่',
       publishAndDuplicate: 'เผยแพร่ และ ทำซ้ำ',
+      deleteUnpublishedChanges: 'ลบการเปลี่ยแปลงเนื้อหาที่ยังไม่ได้เผยแพร่',
+      deleteUnpublishedEntry: 'ลบเนื้อหาที่ยังไม่ได้เผยแพร่',
+      deletePublishedEntry: 'ลบเนื้อหาที่เผยแพร่',
       deleteEntry: 'ลบเนื้อหา',
+      saving: 'กำลังบันทึก...',
+      save: 'บันทึก',
+      statusInfoTooltipDraft: undefined, // English translation: 'Entry status is set to draft. To finalize and submit it for review, set the status to �In review�'
+      statusInfoTooltipInReview: undefined, // English translation: 'Entry is being reviewed, no further actions are required. However, you can still make additional changes while it is being reviewed.'
+      deleting: 'กำลังลบ...',
+      updating: 'กำลังอัปเดต...',
+      status: 'สถานะ: %{status}',
+      backCollection: ' เขียนในกลุ่ม %{collectionLabel}',
+      unsavedChanges: 'การเปลี่ยนแปลงยังไม่ได้บันทึก',
+      changesSaved: 'การเปลี่ยนเปลงถูกบันทึกแล้ว',
+      draft: 'ร่าง',
+      inReview: 'อยู่ระหว่างการตรวจสอบ',
+      ready: 'พร้อม',
       publishNow: 'เผยแพร่ตอนนี้',
+      deployPreviewPendingButtonLabel: 'ตรวจสอบตัวอย่าง',
+      deployPreviewButtonLabel: 'ดูตัวอย่าง',
+      deployButtonLabel: 'ดูตัวอย่างจากหน้าจริง',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -138,17 +182,35 @@ const th: LocalePhrasesRoot = {
       markdown: {
         bold: undefined, // English translation: 'Bold'
         italic: undefined, // English translation: 'Italic'
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: undefined, // English translation: 'Code'
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: undefined, // English translation: 'Link'
-        linkPrompt: undefined, // English translation: 'Enter the URL of the link'
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: undefined, // English translation: 'Headings'
         quote: undefined, // English translation: 'Quote'
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: undefined, // English translation: 'Bulleted List'
         numberedList: undefined, // English translation: 'Numbered List'
         addComponent: undefined, // English translation: 'Add Component'
         richText: 'Rich Text',
         markdown: 'Markdown',
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: 'เลือกรูปภาพ',
@@ -212,6 +274,10 @@ const th: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -232,10 +298,10 @@ const th: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: 'กำลังโหลด...',
       noResults: 'ไม่มีผลลัพธ์',
       noAssetsFound: 'ไม่พบข้อมูล',
       noImagesFound: 'ไม่พบรูปภาพ',
+      private: 'ส่วนตัว ',
       images: 'รูปภาพ',
       mediaAssets: 'ข้อมูลมีเดีย',
       search: 'ค้นหา...',
@@ -252,6 +318,7 @@ const th: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -262,6 +329,7 @@ const th: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: 'กลับไปยังเว็บไซต์',
@@ -283,11 +351,12 @@ const th: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'ออกจากระบบ',
     },
     toast: {
       onFailToLoadEntries: 'ล้มเหลวในการโหลดเนื้อหา: %{details}',
+      onFailToLoadDeployPreview: 'ล้มเหลวในการโหลดตัวอย่าง: %{details}',
       onFailToPersist: 'ล้มเหลวในการยืนยันเนื้อหา: %{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: 'ล้มเหลวในการลบเนื้อหา: %{details}',
@@ -295,14 +364,53 @@ const th: LocalePhrasesRoot = {
       onFailToUpdateStatus: 'ล้มเหลวในการอัปเดตสถานะ: %{details}',
       missingRequiredField: 'คุณไม่ได้ใส่ข้อมูลในช่องที่ต้องการ กรุณาใส่ข้อมูลก่อนบันทึก',
       entrySaved: 'เนื้อหาถูกบันทึก',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'เนื้อหาถูกเผยแพร่',
+      entryUnpublished: 'เนื้อหาไม่ได้ถูกเผยแพร่',
       onFailToPublishEntry: 'ล้มเหลวในการเผยแพร่เนื้อหา: %{details}',
+      onFailToUnpublishEntry: 'ล้มเหลวในการไม่เผยแพร่เนื้อหา: %{details}',
       entryUpdated: 'สถานะเนื้อหาถูกอัปเดต',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'การเปลี่ยนแปลงเนื้อหาไม่ถูกเผยแพร่ได้ถูกลบ',
       onFailToAuth: '%{details}',
       onLoggedOut: 'คุณได้ออกจากระบบ โปรดสำรองข้อมูลแล้วเข้าสู่ระบบอีกครั้ง',
       onBackendDown: 'บริการแบ็กเอนด์เกิดการขัดข้อง ดู %{details} สำหรับข้อมูลเพิ่มเติม',
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'กำลังโหลดเนื้อหาขั้นตอนการทำงานของบรรณาธิการ',
+      workflowHeading: 'ขั้นตอนการทำงานของบรรณาธิการ',
+      newPost: 'สร้างโพสต์ใหม่',
+      description: '%{smart_count} เนื้อหารอการตรวจสอบ, %{readyCount} พร้อมที่จะเผยแพร่ ่',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date} โดย %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'โดย %{author}',
+      deleteChanges: 'ลบการเปลี่ยนแปลง',
+      deleteNewEntry: 'ลบเนื้อหาใหม่',
+      publishChanges: 'เผยแพร่การเปลี่ยนแปลง',
+      publishNewEntry: 'เผยแพร่เนื้อหาใหม่',
+    },
+    workflowList: {
+      onDeleteEntry: 'คุณแน่ใจหรือว่าจะต้องการลบเนื้อหานี้?',
+      onPublishingNotReadyEntry:
+        'เฉพาะรายการที่มีสถานะ "พร้อม" สามารถทำการเผยแพร่ โปรดลากเนื้อหาไปยังช่อง "พร้อม" เพื่อจะทำการเผยแพร่.',
+      onPublishEntry: 'คุณแน่ใจหรือว่าจะต้องการเผยแพร่เนื้อหานี้?',
+      draft: 'ร่าง',
+      pending_review: 'อยู่ในการตรวจสอบ',
+      pending_publish: 'พร้อม',
+      currentEntries: '%{smart_count} เนื้อหา',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default th;
diff --git a/packages/core/src/locales/tr/index.ts b/packages/core/src/locales/tr/index.ts
index b08dbd0f..ed708601 100644
--- a/packages/core/src/locales/tr/index.ts
+++ b/packages/core/src/locales/tr/index.ts
@@ -22,10 +22,12 @@ const tr: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'İçerikler',
+      workflow: 'İş Akışı',
       media: 'Medya',
       quickAdd: 'Hızlı ekle',
     },
     app: {
+      loading: 'Yükleniyor...',
       errorHeader: 'CMS yapılandırması yüklenirken hata oluştu',
       configErrors: 'Yapılandırma Hataları',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -105,15 +107,36 @@ const tr: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: '%{locale} için yazılıyor',
+        copyFromLocale: 'Başka bir dilden doldurun',
+        copyFromLocaleConfirm:
+          'Verileri %{locale} dilinden mi doldurmak istiyorsun?\nVarolan bütün verilerin üzerine yazılacak.',
       },
     },
     editor: {
       onLeavePage: 'Bu sayfadan ayrılmak istediğinize emin misiniz?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'undefined'
+      onUpdatingWithUnsavedChangesBody:
+        'Kaydedilmemiş değişiklikleriniz var, lütfen içeriği güncellemeden önce kaydedin.',
+      onPublishingNotReadyTitle: undefined, // English translation: 'undefined'
+      onPublishingNotReadyBody: 'Lütfen yayınlamadan önce içeriği "Hazır" olarak güncelleyin.',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'undefined'
+      onPublishingWithUnsavedChangesBody:
+        'Kaydedilmemiş değişiklikleriniz var, lütfen yayınlamadan önce kaydedin.',
+      onPublishingTitle: undefined, // English translation: 'undefined'
+      onPublishingBody: 'Bu girdiyi yayınlamak istediğinize emin misiniz?',
+      onUnpublishingTitle: undefined, // English translation: 'undefined'
+      onUnpublishingBody: 'Bu girdiyi yayından kaldırmak istediğinizden emin misiniz?',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'undefined'
       onDeleteWithUnsavedChangesBody:
         'Bu oturumda kaydedilmiş değişikliklerin yanı sıra geçerli oturumdaki kaydedilmemiş değişikliklerinizi silmek istediğinize emin misiniz?',
       onDeletePublishedEntryTitle: undefined, // English translation: 'undefined'
       onDeletePublishedEntryBody: 'Bu yayınlanmış girdiyi silmek istediğinize emin misiniz?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'undefined'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'Bu girdide yayınlanmamış tüm değişiklikleri ve geçerli oturumdaki kaydedilmemiş değişikliklerinizi siler. Hala silmek istiyor musun?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'undefined'
+      onDeleteUnpublishedChangesBody:
+        'Bu girdide yayınlanmamış tüm değişiklikler silinecek. Hala silmek istiyor musun?',
       loadingEntry: 'Girdiler yükleniyor...',
     },
     editorInterface: {
@@ -124,13 +147,37 @@ const tr: LocalePhrasesRoot = {
       toggleScrollSync: 'Kaydırmayı senkronize et',
     },
     editorToolbar: {
+      publishing: 'Yayınlanıyor...',
       publish: 'Yayınla',
       published: 'Yayınlanan',
+      unpublish: 'Yayından Kaldır',
       duplicate: 'Kopyala',
+      unpublishing: 'Yayından kaldırılıyor...',
       publishAndCreateNew: 'Yayınla ve yeni oluştur',
       publishAndDuplicate: 'Yayınla ve kopya oluştur',
+      deleteUnpublishedChanges: 'Yayımlanmamış değişiklikleri sil',
+      deleteUnpublishedEntry: 'Yayımlanmamış girdiyi sil',
+      deletePublishedEntry: 'Yayınlanan girdiyi sil',
       deleteEntry: 'Girdiyi sil',
+      saving: 'Kaydediliyor...',
+      save: 'Kaydet',
+      statusInfoTooltipDraft:
+        'Giriş durumu taslak olarak ayarlandı. Girişi bitirmek ve incelemeye göndermek için giriş durumunu ‘İncelemede’ olarak ayarlayın',
+      statusInfoTooltipInReview:
+        'Giriş gözden geçiriliyor, başka bir işlem yapılmasına gerek yok. Ancak, incelenirken yine de ek değişiklikler yapabilirsiniz.',
+      deleting: 'Siliniyor...',
+      updating: 'Güncelleniyor...',
+      status: 'Durumu: %{status}',
+      backCollection: ' %{collectionLabel} koleksiyonunda yazılı',
+      unsavedChanges: 'Kaydedilmemiş Değişiklikler',
+      changesSaved: 'Değişiklikler kaydedildi',
+      draft: 'Taslak',
+      inReview: 'İncelemede',
+      ready: 'Hazır',
       publishNow: 'Şimdi yayımla',
+      deployPreviewPendingButtonLabel: 'Önizlemeyi Denetle',
+      deployPreviewButtonLabel: 'Önizlemeyi Görüntüle',
+      deployButtonLabel: 'Canlı Görüntüle',
       discardChanges: undefined, // English translation: 'undefined'
       discardChangesTitle: undefined, // English translation: 'undefined'
       discardChangesBody: undefined, // English translation: 'undefined'
@@ -139,17 +186,35 @@ const tr: LocalePhrasesRoot = {
       markdown: {
         bold: 'Kalın',
         italic: 'İtalik',
+        strikethrough: undefined, // English translation: 'undefined'
         code: 'Kod',
+        codeBlock: undefined, // English translation: 'undefined'
+        insertCodeBlock: undefined, // English translation: 'undefined'
         link: 'Bağlantı',
-        linkPrompt: "Bağlantının URL'sini girin",
+        insertLink: undefined, // English translation: 'undefined'
+        paragraph: undefined, // English translation: 'undefined'
         headings: 'Başlıklar',
         quote: 'Alıntı',
+        insertQuote: undefined, // English translation: 'undefined'
         bulletedList: 'Maddeli Liste',
         numberedList: 'Numaralı Liste',
         addComponent: 'Bileşen Ekle',
         richText: 'Zengin Metin',
         markdown: 'Markdown',
         type: undefined, // English translation: 'undefined'
+        decreaseIndent: undefined, // English translation: 'undefined'
+        increaseIndent: undefined, // English translation: 'undefined'
+        image: undefined, // English translation: 'undefined'
+        insertImage: undefined, // English translation: 'undefined'
+        table: {
+          table: undefined, // English translation: 'undefined'
+          deleteColumn: undefined, // English translation: 'undefined'
+          deleteRow: undefined, // English translation: 'undefined'
+          deleteTable: undefined, // English translation: 'undefined'
+          insertColumn: undefined, // English translation: 'undefined'
+          insertRow: undefined, // English translation: 'undefined'
+          insertTable: undefined, // English translation: 'undefined'
+        },
       },
       image: {
         choose: 'Bir resim seçin',
@@ -213,6 +278,10 @@ const tr: LocalePhrasesRoot = {
         value: undefined, // English translation: 'undefined'
         uniqueKeys: undefined, // English translation: 'undefined'
       },
+      code: {
+        language: undefined, // English translation: 'undefined'
+        selectLanguage: undefined, // English translation: 'undefined'
+      },
     },
   },
   mediaLibrary: {
@@ -234,10 +303,10 @@ const tr: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: 'Yükleniyor...',
       noResults: 'Sonuç yok.',
       noAssetsFound: 'Hiçbir dosya bulunamadı.',
       noImagesFound: 'Resim bulunamadı.',
+      private: 'Özel ',
       images: 'Görseller',
       mediaAssets: 'Medya dosyaları',
       search: 'Ara...',
@@ -254,6 +323,7 @@ const tr: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -264,6 +334,7 @@ const tr: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: 'Siteye geri git',
@@ -285,11 +356,12 @@ const tr: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'Çıkış Yap',
     },
     toast: {
       onFailToLoadEntries: 'Girdi yüklenemedi: %{details}',
+      onFailToLoadDeployPreview: 'Önizleme yüklenemedi: %{details}',
       onFailToPersist: 'Girdi devam ettirilemedi: %{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: 'Girdi silinemedi: %{details}',
@@ -297,15 +369,55 @@ const tr: LocalePhrasesRoot = {
       onFailToUpdateStatus: 'Durum güncellenemedi: %{details}',
       missingRequiredField: 'Gerekli bir alan eksik. Lütfen kaydetmeden önce tamamlayın.',
       entrySaved: 'Girdi kaydedildi',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'Girdi yayınlandı',
+      entryUnpublished: 'Girdi yayınlanmamış',
       onFailToPublishEntry: 'Yayınlanamadı: %{details}',
+      onFailToUnpublishEntry: 'Girdi yayından kaldırılamadı: %{details}',
       entryUpdated: 'Girdi durumu güncellendi',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'Yayımlanmamış değişiklikler silindi',
       onFailToAuth: '%{details}',
       onLoggedOut: 'Çıkış yaptınız, lütfen tüm verileri yedekleyin ve tekrar giriş yapın',
       onBackendDown:
         'Arka uç hizmetinde bir kesinti yaşanıyor. Daha fazla bilgi için %{details} gör',
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'İş Akışı Girdileri Yükleniyor',
+      workflowHeading: 'Editoryal İş Akışı',
+      newPost: 'Yeni Mesaj',
+      description:
+        '%{smart_count} girdi incelemeyi bekliyor, %{readyCount} yayına hazır. |||| %{smart_count} girdi incelemeyi bekliyor, %{readyCount} yayınlanmaya hazır. ',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date} tarafından %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: '%{author} tarafından',
+      deleteChanges: 'Değişiklikleri sil',
+      deleteNewEntry: 'Yeni girdiyi sil',
+      publishChanges: 'Değişiklikleri yayınla',
+      publishNewEntry: 'Yeni girdi yayınla',
+    },
+    workflowList: {
+      onDeleteEntry: 'Bu girdiyi silmek istediğinize emin misiniz?',
+      onPublishingNotReadyEntry:
+        'Yalnızca "Hazır" durumu olan öğeler yayınlanabilir. Lütfen yayınlamayı etkinleştirmek için kartı "Hazır" sütununa sürükleyin.',
+      onPublishEntry: 'Bu girdiyi yayınlamak istediğinize emin misiniz?',
+      draft: 'Taslaklar',
+      pending_review: 'İncelemede',
+      pending_publish: 'Hazır',
+      currentEntries: '%{smart_count} girdi |||| %{smart_count} girdiler',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default tr;
diff --git a/packages/core/src/locales/ua/index.ts b/packages/core/src/locales/ua/index.ts
new file mode 100644
index 00000000..f788ccd1
--- /dev/null
+++ b/packages/core/src/locales/ua/index.ts
@@ -0,0 +1,299 @@
+import type { LocalePhrasesRoot } from '../types';
+
+const ua: LocalePhrasesRoot = {
+  auth: {
+    login: 'Увійти',
+    loggingIn: 'Вхід...',
+    loginWithNetlifyIdentity: 'Увійти через Netlify Identity',
+    loginWithAzure: 'Увійти через Azure',
+    loginWithBitbucket: 'Увійти через Bitbucket',
+    loginWithGitHub: 'Увійти через GitHub',
+    loginWithGitLab: 'Увійти через GitLab',
+    errors: {
+      email: 'Введіть ваш email.',
+      password: 'Введіть пароль.',
+      identitySettings:
+        'Немає доступу до налаштувань. Якщо використовуєте git-gateway, переконайтеся, що включили Identity service та Git Gateway.',
+    },
+  },
+  app: {
+    header: {
+      content: 'Записи',
+      workflow: 'Документообіг',
+      media: 'Медіафайли',
+      quickAdd: 'Швидке додавання',
+    },
+    app: {
+      loading: 'Завантаження медіафайлів…',
+      errorHeader: 'Помилка завантаження конфігурації CMS',
+      configErrors: 'Помилки конфігурації',
+      checkConfigYml: 'Перевірте свій config.yml файл.',
+      loadingConfig: 'Завантаження конфігурації...',
+      waitingBackend: 'Очікування відповіді від бекенду...',
+    },
+    notFoundPage: {
+      header: 'Не знайдено',
+    },
+  },
+  collection: {
+    sidebar: {
+      collections: 'Колекції',
+      allCollections: 'Всі колекції',
+      searchAll: 'Шукати всюди',
+      searchIn: 'Шукати в',
+    },
+    collectionTop: {
+      sortBy: 'Сортувати за',
+      viewAs: 'Вигляд',
+      newButton: 'Створити %{collectionLabel}',
+      ascending: 'За зростанням',
+      descending: 'За спаданням',
+      searchResults: 'Результати по запиту "%{searchTerm}"',
+      searchResultsInCollection: 'Результати по запиту "%{searchTerm}" в %{collection}',
+      filterBy: 'Фільтрувати за',
+      groupBy: 'Групувати за',
+    },
+    entries: {
+      loadingEntries: 'Завантаження записів...',
+      cachingEntries: 'Кешування записів...',
+      longerLoading: 'Це може зайняти деякий час',
+      noEntries: 'Немає записів',
+    },
+    groups: {
+      other: 'Інша',
+      negateLabel: 'Не %{label}',
+    },
+    defaultFields: {
+      author: {
+        label: 'Автор',
+      },
+      updatedOn: {
+        label: 'Оновлено',
+      },
+    },
+  },
+  editor: {
+    editorControl: {
+      field: {
+        optional: 'необов’язковий',
+      },
+    },
+    editorControlPane: {
+      widget: {
+        required: 'Необхідно вказати значення поля %{fieldLabel}.',
+        regexPattern: 'Значення поля %{fieldLabel} не відповідає шаблону: %{pattern}.',
+        processing: 'Значення поля %{fieldLabel} обробляється…',
+        range: 'Значення поля %{fieldLabel} повинно бути між %{minValue} і %{maxValue}.',
+        min: 'Значення поля %{fieldLabel} повинно бути не менше %{minValue}.',
+        max: 'Значення поля %{fieldLabel} повинно бути %{maxValue} або менше.',
+        rangeCount: '%{fieldLabel} повинно містити від %{minCount} до %{maxCount} елементів.',
+        rangeCountExact: '%{fieldLabel} повинно містити строго %{count} елементів.',
+        rangeMin: '%{fieldLabel} повинно містити не менше %{minCount} елементів.',
+        rangeMax: '%{fieldLabel} повинно містити %{maxCount} або менше елементів.',
+        invalidPath: `Шлях '%{path}' містить помилки`,
+        pathExists: `Шлях '%{path}' вже існує`,
+      },
+      i18n: {
+        writingInLocale: 'Пишемо на %{locale}',
+      },
+    },
+    editor: {
+      onLeavePage: 'Ви впевнені, що хочете залишити цю сторінку?',
+      onUpdatingWithUnsavedChangesBody:
+        'У вас є незбережені зміни, будь ласка, збережіть їх перед оновленням статусу.',
+      onPublishingNotReadyBody: 'Будь ласка, змініть статус на «Готово» перед публікацією.',
+      onPublishingWithUnsavedChangesBody:
+        'У вас є незбережені зміни, будь ласка, збережіть їх перед публікацією.',
+      onPublishingBody: 'Ви впевнені, що хочете опублікувати цей запис?',
+      onUnpublishingBody: 'Ви впевнені, що хочете скасувати публікацію цієї записи?',
+      onDeleteWithUnsavedChangesBody:
+        'Ви впевнені, що хочете видалити цю опубліковану запис, а також незбережені зміни з поточного сеансу?',
+      onDeletePublishedEntryBody: 'Ви впевнені, що хочете видалити цю опубліковану запис?',
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'Це видалить всі неопубліковані зміни в цій записі, а також ваші незбережені зміни з поточного сеансу. Ви все ще хочете видалити?',
+      onDeleteUnpublishedChangesBody:
+        'Всі неопубліковані зміни в цій записі будуть видалені. Ви все ще хочете видалити?',
+      loadingEntry: 'Завантаження запису ...',
+    },
+    editorToolbar: {
+      publishing: 'Публікація...',
+      publish: 'Опублікувати',
+      published: 'Опубліковано',
+      unpublish: 'Скасувати публікацію',
+      duplicate: 'Дублювати',
+      unpublishing: 'Скасування публікації...',
+      publishAndCreateNew: 'Опублікувати і створити нову',
+      publishAndDuplicate: 'Опублікувати і дублювати',
+      deleteUnpublishedChanges: 'Видалити неопубліковані зміни',
+      deleteUnpublishedEntry: 'Видалити неопубліковану запис',
+      deletePublishedEntry: 'Видалити опубліковану запис',
+      deleteEntry: 'Видалити запис',
+      saving: 'Збереження...',
+      save: 'Зберегти',
+      deleting: 'Видалення...',
+      updating: 'Оновлення...',
+      status: 'Статус: %{status}',
+      backCollection: 'Запис в колекцію %{collectionLabel}',
+      unsavedChanges: 'Незбережені зміни',
+      changesSaved: 'Зміни збережені',
+      draft: 'Чернетка',
+      inReview: 'На розгляді',
+      ready: 'Готово до публікації',
+      publishNow: 'Опублікувати зараз',
+      deployPreviewPendingButtonLabel: 'Перевірити попередній перегляд',
+      deployPreviewButtonLabel: 'Попередній перегляд',
+      deployButtonLabel: 'Перегляд',
+    },
+    editorWidgets: {
+      markdown: {
+        bold: 'Напівжирний',
+        italic: 'Курсив',
+        code: 'Код',
+        link: 'Посилання',
+        linkPrompt: 'Введіть URL посилання',
+        headings: 'Заголовки',
+        quote: 'Цитата',
+        bulletedList: 'Маркований список',
+        numberedList: 'Нумерований список',
+        addComponent: 'Додати компонент',
+        richText: 'Форматований текст',
+        markdown: 'Markdown',
+      },
+      image: {
+        choose: 'Обрати зображення',
+        chooseUrl: 'Вставити з URL',
+        replaceUrl: 'Замінити на URL',
+        promptUrl: 'Введіть URL зображення',
+        chooseDifferent: 'Обрати інше зображення',
+        remove: 'Видалити зображення',
+      },
+      file: {
+        choose: 'Обрати файл',
+        chooseUrl: 'Вставити з URL',
+        replaceUrl: 'Замінити на URL',
+        promptUrl: 'Введіть URL файлу',
+        chooseDifferent: 'Обрати інший файл',
+        remove: 'Видалити файл',
+      },
+      unknownControl: {
+        noControl: "Немає контролу для віджета '%{widget}'.",
+      },
+      unknownPreview: {
+        noPreview: "Немає попереднього перегляду для віджета '%{widget}'.",
+      },
+      headingOptions: {
+        headingOne: 'Заголовок 1',
+        headingTwo: 'Заголовок 2',
+        headingThree: 'Заголовок 3',
+        headingFour: 'Заголовок 4',
+        headingFive: 'Заголовок 5',
+        headingSix: 'Заголовок 6',
+      },
+      datetime: {
+        now: 'Зараз',
+      },
+    },
+  },
+  mediaLibrary: {
+    mediaLibraryCard: {
+      draft: 'Чорновик',
+      copy: 'Копіювати',
+      copyUrl: 'Копіювати URL',
+      copyPath: 'Копіювати шлях',
+      copyName: 'Копіювати ім’я',
+      copied: 'Скопійовано',
+    },
+    mediaLibrary: {
+      onDeleteBody: 'Ви впевнені, що хочете видалити вибраний медіафайл?',
+      fileTooLargeBody:
+        'Файл занадто великий.\nНалаштування не дозволяють зберігати файли більше %{size} kB.',
+    },
+    mediaLibraryModal: {
+      noResults: 'Немає результатів.',
+      noAssetsFound: 'Ресурси не знайдені.',
+      noImagesFound: 'Зображення не знайдені.',
+      private: 'Приватні ',
+      images: 'Зображення',
+      mediaAssets: 'Медіаресурси',
+      search: 'Йде пошук…',
+      uploading: 'Завантаження…',
+      upload: 'Завантажити новий',
+      download: 'Завантажити',
+      deleting: 'Видалення…',
+      deleteSelected: 'Видалити позначені',
+      chooseSelected: 'Вибрати позначені',
+    },
+  },
+
+  ui: {
+    default: {
+      goBackToSite: 'Повернутися на сайт',
+    },
+    errorBoundary: {
+      title: 'Помилка',
+      details: 'Сталася помилка. Будь ласка, ',
+      reportIt: 'повідомте про неї.',
+      detailsHeading: 'Деталі',
+      privacyWarning:
+        'При відкритті тікету автоматично заповнюється повідомленням про помилку та відлагоджувальною інформацією.\nБудь ласка, перевірте, що дані є вірними та не містять конфіденційної інформації.',
+      recoveredEntry: {
+        heading: 'Відновлений документ',
+        warning: 'Будь ласка, скопіюйте це повідомлення кудись, перед тим як залишити сторінку!',
+        copyButtonLabel: 'Скопіювати до буферу обміну',
+      },
+    },
+    settingsDropdown: {
+      logOut: 'Вийти',
+    },
+    toast: {
+      onFailToLoadEntries: 'Не вдалося завантажити запис: %{details}',
+      onFailToLoadDeployPreview: 'Не вдалося завантажити попередній перегляд: %{details}',
+      onFailToPersist: 'Не вдалося зберегти запис: %{details}',
+      onFailToDelete: 'Не вдалося видалити запис: %{details}',
+      onFailToUpdateStatus: 'Не вдалося оновити статус: %{details}',
+      missingRequiredField:
+        "На жаль, ви пропустили обов'язкове поле. Будь ласка, заповніть перед збереженням.",
+      entrySaved: 'Запис збережений',
+      entryPublished: 'Запис опублікований',
+      entryUnpublished: 'Публікація запису скасована',
+      onFailToPublishEntry: 'Не вдалося опублікувати запис: %{details}',
+      onFailToUnpublishEntry: 'Не вдалося скасувати публікацію запису: %{details}',
+      entryUpdated: 'Статус запису оновлено',
+      onDeleteUnpublishedChangesBody: 'Неопубліковані зміни видалені',
+      onFailToAuth: '%{details}',
+      onLoggedOut: 'Ви вийшли. Будь ласка, збережіть усі дані та увійдіть знову',
+      onBackendDown: 'Трапилися збої в роботі бекенду. Див. %{details}',
+    },
+  },
+  workflow: {
+    workflow: {
+      loading: 'Завантаження записів редакційного документообігу',
+      workflowHeading: 'Редакційний документообіг',
+      newPost: 'Новий запис',
+      description:
+        'Кількість записів, очікуючих перевірки - %{smart_count}, готових до публікації - %{readyCount}. |||| Кількість записів, очікуючих перевірки - %{smart_count}, готових до публікації - %{readyCount}.',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date}, %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: '%{author}',
+      deleteChanges: 'Видалити зміни',
+      deleteNewEntry: 'Видалити новий запис',
+      publishChanges: 'Опублікувати зміни',
+      publishNewEntry: 'Опублікувати новий запис',
+    },
+    workflowList: {
+      onDeleteEntry: 'Ви впевнені, що хочете видалити цей запис?',
+      onPublishingNotReadyEntry:
+        'Лише елементи зі статусом "Готово" можуть бути опубліковані. Перетягніть картку в стовпчик "Схвалено", щоб дозволити публікацію.',
+      onPublishEntry: 'Ви впевнені, що хочете опублікувати цей запис?',
+      draft: 'Чернетки',
+      pending_review: 'На розгляді',
+      pending_publish: 'Схвалено',
+      currentEntries: '%{smart_count} запис |||| %{smart_count} записів',
+    },
+  },
+};
+
+export default ua;
diff --git a/packages/core/src/locales/uk/index.ts b/packages/core/src/locales/uk/index.ts
index 18372f77..15f156f4 100644
--- a/packages/core/src/locales/uk/index.ts
+++ b/packages/core/src/locales/uk/index.ts
@@ -21,10 +21,12 @@ const uk: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'Зміст',
+      workflow: 'Робочий процес',
       media: 'Медіа',
       quickAdd: 'Додати',
     },
     app: {
+      loading: 'Завантаження...',
       errorHeader: 'Помилка завантаження конфігурації',
       configErrors: 'Помилка конфігурації',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -103,15 +105,35 @@ const uk: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: undefined, // English translation: 'Writing in %{locale}'
+        copyFromLocale: undefined, // English translation: 'Fill in from another locale'
+        copyFromLocaleConfirm: undefined, // English translation: 'Do you want to fill in data from %{locale} locale?\nAll existing content will be overwritten.'
       },
     },
     editor: {
       onLeavePage: 'Ви дійсно бажаєте залишити сторінку?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody:
+        'Присутні незбережені зміни, будь ласка збережіть перед зміною статусу.',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: 'Будь ласка, встановіть статус "Готово" перед публікацією.',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody:
+        'Присутні незбережені зміни, будь ласка збережіть їх перед публікацією.',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: 'Ви дійсно бажаєте опублікувати запис?',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: undefined, // English translation: 'Are you sure you want to unpublish this entry?'
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody:
         'Ви дійсно бажаєте видалити опублікований запис, як і всі незбережені зміни під час поточної сесії?',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody: 'Ви дійсно бажаєте видалити опублікований запис?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'Видаляться всі неопубліковані зміни до цього запису, а також всі незбережені зміни під час поточної сесії. Бажаєте продовжити?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        'Всі незбережені зміни до цього запису буде видалено. Бажаєте продовжити?',
       loadingEntry: 'Завантаження...',
     },
     editorInterface: {
@@ -122,13 +144,35 @@ const uk: LocalePhrasesRoot = {
       toggleScrollSync: undefined, // English translation: 'Sync scrolling'
     },
     editorToolbar: {
+      publishing: 'Публікація...',
       publish: 'Опублікувати',
       published: 'Опубліковано',
+      unpublish: undefined, // English translation: 'Unpublish'
       duplicate: undefined, // English translation: 'Duplicate'
+      unpublishing: undefined, // English translation: 'Unpublishing...'
       publishAndCreateNew: 'Опублікувати і створити нову',
       publishAndDuplicate: undefined, // English translation: 'Publish and duplicate'
+      deleteUnpublishedChanges: 'Видалити неопубліковані зміни',
+      deleteUnpublishedEntry: 'Видалити неопубліковану сторінку',
+      deletePublishedEntry: 'Видалити опубліковану сторінку',
       deleteEntry: 'Видалити',
+      saving: 'Збереження...',
+      save: 'Зберегти',
+      statusInfoTooltipDraft: undefined, // English translation: 'Entry status is set to draft. To finalize and submit it for review, set the status to �In review�'
+      statusInfoTooltipInReview: undefined, // English translation: 'Entry is being reviewed, no further actions are required. However, you can still make additional changes while it is being reviewed.'
+      deleting: 'Видалення...',
+      updating: 'Оновлення...',
+      status: 'Cтан: %{status}',
+      backCollection: ' Робота над %{collectionLabel} колекцією',
+      unsavedChanges: 'Незбережені зміни',
+      changesSaved: 'Зміни збережено',
+      draft: 'В роботі',
+      inReview: 'На розгляді',
+      ready: 'Готово',
       publishNow: 'Опублікувати',
+      deployPreviewPendingButtonLabel: 'Перевірити оновлення',
+      deployPreviewButtonLabel: 'Попередній перегляд',
+      deployButtonLabel: 'Переглянути наживо',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -137,17 +181,35 @@ const uk: LocalePhrasesRoot = {
       markdown: {
         bold: undefined, // English translation: 'Bold'
         italic: undefined, // English translation: 'Italic'
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: undefined, // English translation: 'Code'
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: undefined, // English translation: 'Link'
-        linkPrompt: undefined, // English translation: 'Enter the URL of the link'
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: undefined, // English translation: 'Headings'
         quote: undefined, // English translation: 'Quote'
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: undefined, // English translation: 'Bulleted List'
         numberedList: undefined, // English translation: 'Numbered List'
         addComponent: undefined, // English translation: 'Add Component'
         richText: undefined, // English translation: 'Rich Text'
         markdown: undefined, // English translation: 'Markdown'
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: 'Виберіть зображення',
@@ -211,6 +273,10 @@ const uk: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -231,10 +297,10 @@ const uk: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: 'Завантаження...',
       noResults: 'Результати відсутні.',
       noAssetsFound: 'Матеріали відсутні.',
       noImagesFound: 'Зображення відсутні.',
+      private: 'Private ',
       images: 'Зображення',
       mediaAssets: 'Медіа матеріали',
       search: 'Пошук...',
@@ -251,6 +317,7 @@ const uk: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -261,6 +328,7 @@ const uk: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: undefined, // English translation: 'Go back to site'
@@ -281,11 +349,12 @@ const uk: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'Вихід',
     },
     toast: {
       onFailToLoadEntries: 'Помилка завантаження: %{details}',
+      onFailToLoadDeployPreview: 'Помилка завантаження перегляду: %{details}',
       onFailToPersist: 'Помилка перезапису: %{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: 'Помилка видалення: %{details}',
@@ -294,14 +363,53 @@ const uk: LocalePhrasesRoot = {
       missingRequiredField:
         "Йой, здається пропущено обов'язкове поле. Будь ласка, заповніть перед збереженням.",
       entrySaved: 'Збережено',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'Опубліковано',
+      entryUnpublished: undefined, // English translation: 'Entry unpublished'
       onFailToPublishEntry: 'Помилка публікації: %{details}',
+      onFailToUnpublishEntry: undefined, // English translation: 'Failed to unpublish entry: %{details}'
       entryUpdated: 'Статус оновлено',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'Видалено неопубліковані зміни',
       onFailToAuth: '%{details}',
       onLoggedOut: undefined, // English translation: 'You have been logged out, please back up any data and login again'
       onBackendDown: undefined, // English translation: 'The backend service is experiencing an outage. See %{details} for more information'
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'Завантаження редакційних матеріалів',
+      workflowHeading: 'Редакція',
+      newPost: 'Новий запис',
+      description: '%{smart_count} записів очікують розгляду, %{readyCount} готові до публікації. ',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date} від %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'від %{author}',
+      deleteChanges: 'Видалити зміни',
+      deleteNewEntry: 'Видалити новий запис',
+      publishChanges: 'Опублікувати всі зміни',
+      publishNewEntry: 'Опублікувати новий запис',
+    },
+    workflowList: {
+      onDeleteEntry: 'Ви дійсно бажаєте видалити запис?',
+      onPublishingNotReadyEntry:
+        'Тільки елементи з статусом "Готово" можуть бути опубліковані. Будь ласка перемістіть картку в колонку "Готово" для публікації.',
+      onPublishEntry: 'Дійсно бажаєте опублікувати запис?',
+      draft: 'В роботі',
+      pending_review: 'На розгляді',
+      pending_publish: 'Готово',
+      currentEntries: '%{smart_count} запис |||| %{smart_count} записів',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default uk;
diff --git a/packages/core/src/locales/vi/index.ts b/packages/core/src/locales/vi/index.ts
index af97d2b4..7f7872c0 100644
--- a/packages/core/src/locales/vi/index.ts
+++ b/packages/core/src/locales/vi/index.ts
@@ -22,10 +22,12 @@ const vi: LocalePhrasesRoot = {
   app: {
     header: {
       content: 'Nội dung',
+      workflow: 'Biên tập',
       media: 'Tập tin',
       quickAdd: 'Tạo nhanh',
     },
     app: {
+      loading: 'Đang tải...',
       errorHeader: 'Xảy ra lỗi khi tải cấu hình CMS',
       configErrors: 'Lỗi cấu hình',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -104,15 +106,34 @@ const vi: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: undefined, // English translation: 'Writing in %{locale}'
+        copyFromLocale: undefined, // English translation: 'Fill in from another locale'
+        copyFromLocaleConfirm: undefined, // English translation: 'Do you want to fill in data from %{locale} locale?\nAll existing content will be overwritten.'
       },
     },
     editor: {
       onLeavePage: 'Bạn có chắc rằng bạn muốn rời khỏi trang này?',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody:
+        'Bạn chưa lưu những thay đổi, hãy lưu trước khi thay đổi trạng thái.',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: 'Hãy thay đổi trạng thái thành "Sẵn sàng" trước khi công bố.',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody: 'Bạn có thay đổi chưa lưu, hãy lưu trước khi công bố.',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: 'Bạn có chắc rằng bạn muốn công bố mục này?',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: 'Bạn có chắc rằng bạn muốn ngừng công bố mục này?',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody:
         'Bạn có chắc rằng bạn muốn xoá mục đã được công bố này, cũng như là những thay đổi chưa lưu của bạn trong phiên làm việc này?',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody: 'Bạn có chắc rằng bạn muốn xoá mục đã được công bố này?',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        'Điều này sẽ xoá tất cả những thay đổi chưa được lưu trong mục này, cũng như là những thay đổi chưa được lưu của bạn trong phiên làm việc này. Bạn vẫn muốn xoá chứ?',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody:
+        'Tất cả những thay đổi chưa được lưu trong mục này sẽ bị xoá. Bạn vẫn muốn xoá chứ?',
       loadingEntry: 'Đang tải...',
     },
     editorInterface: {
@@ -123,13 +144,35 @@ const vi: LocalePhrasesRoot = {
       toggleScrollSync: undefined, // English translation: 'Sync scrolling'
     },
     editorToolbar: {
+      publishing: 'Đang công bố...',
       publish: 'Công bố',
       published: 'Đã công bố',
+      unpublish: 'Ngừng công bố',
       duplicate: 'Sao chép',
+      unpublishing: 'Đang ngừng công bố...',
       publishAndCreateNew: 'Công bố và tạo mới',
       publishAndDuplicate: 'Công bố và sao chép',
+      deleteUnpublishedChanges: 'Xoá thay đổi chưa công bố này',
+      deleteUnpublishedEntry: 'Xoá mục chưa được công bố này',
+      deletePublishedEntry: 'Xoá mục đã được công bố này',
       deleteEntry: 'Xoá mục này',
+      saving: 'Đang lưu...',
+      save: 'Lưu',
+      statusInfoTooltipDraft: undefined, // English translation: 'Entry status is set to draft. To finalize and submit it for review, set the status to �In review�'
+      statusInfoTooltipInReview: undefined, // English translation: 'Entry is being reviewed, no further actions are required. However, you can still make additional changes while it is being reviewed.'
+      deleting: 'Đang xoá...',
+      updating: 'Đang cập nhật...',
+      status: 'Trạng: %{status}',
+      backCollection: ' Đang viết trong bộ sưu tập %{collectionLabel}',
+      unsavedChanges: 'Thay đổi chưa được lưu',
+      changesSaved: 'Thay đổi đã được lưu',
+      draft: 'Bản nháp',
+      inReview: 'Đang xét duyệt',
+      ready: 'Sẵn sàng',
       publishNow: 'Công bố ngay',
+      deployPreviewPendingButtonLabel: 'Kiểm tra Xem trước',
+      deployPreviewButtonLabel: 'Xem trước',
+      deployButtonLabel: 'Xem bản hoàn chỉnh',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -138,17 +181,35 @@ const vi: LocalePhrasesRoot = {
       markdown: {
         bold: undefined, // English translation: 'Bold'
         italic: undefined, // English translation: 'Italic'
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: undefined, // English translation: 'Code'
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: undefined, // English translation: 'Link'
-        linkPrompt: undefined, // English translation: 'Enter the URL of the link'
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: undefined, // English translation: 'Headings'
         quote: undefined, // English translation: 'Quote'
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: undefined, // English translation: 'Bulleted List'
         numberedList: undefined, // English translation: 'Numbered List'
         addComponent: undefined, // English translation: 'Add Component'
         richText: 'Văn bản định dạng',
         markdown: 'Markdown',
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: 'Chọn một hình',
@@ -212,6 +273,10 @@ const vi: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -233,10 +298,10 @@ const vi: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: 'Đang tải...',
       noResults: 'Không có kết quả.',
       noAssetsFound: 'Không tìm thấy tập tin nào.',
       noImagesFound: 'Không tìm thấy hình nào.',
+      private: 'Riêng tư ',
       images: 'Hình ảnh',
       mediaAssets: 'Tập tin',
       search: 'Tìm kiếm...',
@@ -253,6 +318,7 @@ const vi: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -263,6 +329,7 @@ const vi: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: 'Quay về trang web',
@@ -284,11 +351,12 @@ const vi: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: 'Đăng xuất',
     },
     toast: {
       onFailToLoadEntries: 'Không thể tải mục: %{details}',
+      onFailToLoadDeployPreview: 'Không thể tải xem trước: %{details}',
       onFailToPersist: 'Không thể giữ lại mục: %{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: 'Không thể xoá mục: %{details}',
@@ -296,14 +364,54 @@ const vi: LocalePhrasesRoot = {
       onFailToUpdateStatus: 'Không thể cập nhật trạng thái: %{details}',
       missingRequiredField: 'Bạn còn thiếu vài thông tin bắt buộc. Hãy hoàn thành trước khi lưu.',
       entrySaved: 'Mục đã được lưu',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: 'Mục đã được công bố',
+      entryUnpublished: 'Mục đã ngừng công bố',
       onFailToPublishEntry: 'Không thể công bố: %{details}',
+      onFailToUnpublishEntry: 'Không thể ngừng công bố mục: %{details}',
       entryUpdated: 'Trạng thái của mục đã được cập nhật',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: 'Những thay đổi chưa được công bố đã được xoá',
       onFailToAuth: '%{details}',
       onLoggedOut: 'Bạn đã đăng xuất, hãy sao lưu dữ liệu và đăng nhập lại',
       onBackendDown: 'Dịch vụ backend đang gặp trục trặc. Hãy xem {details} để biết thêm thông tin',
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: 'Đang tải bài viết',
+      workflowHeading: 'Quy trình biên tập',
+      newPost: 'Bài mới',
+      description:
+        '%{smart_count} bài đang chờ duyệt, %{readyCount} bài đã sẵn sàng để công bố. |||| %{smart_count} bài đang chờ duyệt, %{readyCount} bài đã sẵn sàng để công bố. ',
+      dateFormat: 'D MMMM',
+    },
+    workflowCard: {
+      lastChange: '%{date} bởi %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'bởi %{author}',
+      deleteChanges: 'Xoá thay đổi',
+      deleteNewEntry: 'Xoá bài mới',
+      publishChanges: 'Công bố thay đổi',
+      publishNewEntry: 'Công bố bài mới',
+    },
+    workflowList: {
+      onDeleteEntry: 'Bạn có chắc rằng bạn muốn xoá bài này?',
+      onPublishingNotReadyEntry:
+        'Chỉ những bài với trạng thái "Sẵn sàng" mới có thể được công bố. Hãy kéo thẻ vào cột "Sẵn sàng" để cho phép công bố.',
+      onPublishEntry: 'Bạn có chắc rằng bạn muốn công khai bài này?',
+      draft: 'Bản nháp',
+      pending_review: 'Đang xét duyệt',
+      pending_publish: 'Sẵn sàng',
+      currentEntries: '%{smart_count} bài |||| %{smart_count} bài',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default vi;
diff --git a/packages/core/src/locales/zh_Hans/index.ts b/packages/core/src/locales/zh_Hans/index.ts
index d205431c..63368b8b 100644
--- a/packages/core/src/locales/zh_Hans/index.ts
+++ b/packages/core/src/locales/zh_Hans/index.ts
@@ -22,10 +22,12 @@ const zh_Hans: LocalePhrasesRoot = {
   app: {
     header: {
       content: '内容',
+      workflow: '工作流',
       media: '媒体',
       quickAdd: '快速新建',
     },
     app: {
+      loading: '正在加载...',
       errorHeader: '加载 CMS 配置时发生错误',
       configErrors: '配置错误',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -95,8 +97,8 @@ const zh_Hans: LocalePhrasesRoot = {
         max: '“%{fieldLabel}”必须小于等于 %{maxValue}',
         rangeCount: '“%{fieldLabel}”必须包含 %{minCount} 到 %{maxCount} 个项目',
         rangeCountExact: '“%{fieldLabel}”必须且只能包含 %{count} 个项目',
-        rangeMin: undefined, // English translation: '%{fieldLabel} must have at least %{minCount} item(s).'
-        rangeMax: undefined, // English translation: '%{fieldLabel} must have %{maxCount} or less item(s).'
+        rangeMin: '“%{fieldLabel}”必须为至少 %{minCount} 个项目',
+        rangeMax: '“%{fieldLabel}”必须为小于等于 %{maxCount} 个项目',
         invalidPath: '“%{path}”为无效路径',
         pathExists: '路径“%{path}”已经存在',
         invalidColor: undefined, // English translation: 'Color '%{color}' is invalid.'
@@ -104,14 +106,31 @@ const zh_Hans: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: '正在使用%{locale}撰写',
+        copyFromLocale: undefined, // English translation: 'Fill in from another locale'
+        copyFromLocaleConfirm: undefined, // English translation: 'Do you want to fill in data from %{locale} locale?\nAll existing content will be overwritten.'
       },
     },
     editor: {
       onLeavePage: '你确定要离开此页面吗？',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody: '你有尚未保存的修改，请在更新状态前进行保存',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: '请在发布之前将状态更新为“就绪”',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody: '你有尚未保存的修改，请在发布前进行保存',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: '你确定要发布此内容吗？',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: '你确定要撤销发布此内容吗？',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody: '你确定要删除这个已经发布的内容，以及当前尚未保存的修改吗？',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody: '你确定要删除这个已经发布的内容吗？',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        '此内容所有未被发布的修改，以及当前尚未保存的修改都将被删除，你确定吗？',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody: '此内容所有未被发布的修改都将被删除，你确定吗？',
       loadingEntry: '正在加载内容...',
     },
     editorInterface: {
@@ -122,13 +141,35 @@ const zh_Hans: LocalePhrasesRoot = {
       toggleScrollSync: '同步滚动',
     },
     editorToolbar: {
+      publishing: '正在发布...',
       publish: '发布',
       published: '已发布',
+      unpublish: '撤销发布',
       duplicate: '复制',
+      unpublishing: '正在撤销发布...',
       publishAndCreateNew: '发布，然后新建内容',
       publishAndDuplicate: '发布，然后复制内容',
+      deleteUnpublishedChanges: '删除未发布的修改',
+      deleteUnpublishedEntry: '删除未发布的内容',
+      deletePublishedEntry: '删除已发布的内容',
       deleteEntry: '删除内容',
+      saving: '正在保存...',
+      save: '保存',
+      statusInfoTooltipDraft: undefined, // English translation: 'Entry status is set to draft. To finalize and submit it for review, set the status to �In review�'
+      statusInfoTooltipInReview: undefined, // English translation: 'Entry is being reviewed, no further actions are required. However, you can still make additional changes while it is being reviewed.'
+      deleting: '正在删除...',
+      updating: '正在更新...',
+      status: '状态: %{status}',
+      backCollection: '正在集合“%{collectionLabel}”中编写',
+      unsavedChanges: '含未保存的修改',
+      changesSaved: '修改已保存',
+      draft: '草稿',
+      inReview: '审核中',
+      ready: '就绪',
       publishNow: '立即发布',
+      deployPreviewPendingButtonLabel: '点击以预览',
+      deployPreviewButtonLabel: '查看预览',
+      deployButtonLabel: '查看发布',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -137,17 +178,35 @@ const zh_Hans: LocalePhrasesRoot = {
       markdown: {
         bold: '粗体',
         italic: '斜体',
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: '代码',
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: '链接',
-        linkPrompt: '输入链接的 URL',
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: '标题',
         quote: '引用',
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: '无序列表',
         numberedList: '有序列表',
         addComponent: '添加组件',
         richText: '富文本',
         markdown: 'Markdown',
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: '选择图片',
@@ -211,6 +270,10 @@ const zh_Hans: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -231,10 +294,10 @@ const zh_Hans: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: '正在加载...',
       noResults: '暂无结果',
       noAssetsFound: '未找到资源',
       noImagesFound: '未找到图片',
+      private: '私有',
       images: '图片',
       mediaAssets: '媒体资源',
       search: '搜索...',
@@ -251,6 +314,7 @@ const zh_Hans: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -261,6 +325,7 @@ const zh_Hans: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: '返回主页',
@@ -282,11 +347,12 @@ const zh_Hans: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: '注销',
     },
     toast: {
       onFailToLoadEntries: '加载内容失败: %{details}',
+      onFailToLoadDeployPreview: '加载预览失败: %{details}',
       onFailToPersist: '保存内容失败: %{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: '删除内容失败: %{details}',
@@ -294,14 +360,54 @@ const zh_Hans: LocalePhrasesRoot = {
       onFailToUpdateStatus: '更新状态失败: %{details}',
       missingRequiredField: '你漏掉了一个必填项，请在保存之前将它填写好',
       entrySaved: '内容已保存',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: '内容已发布',
+      entryUnpublished: '内容已撤销发布',
       onFailToPublishEntry: '发布失败: %{details}',
+      onFailToUnpublishEntry: '撤销发布失败: %{details}',
       entryUpdated: '内容状态已更新',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: '未发布的修改已删除',
       onFailToAuth: '%{details}',
       onLoggedOut: '你已注销，请先保存好数据然后再次登录',
       onBackendDown: 'Backend 服务已中断，欲知详情请查看：%{details}',
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: '正在加载编辑工作流项目',
+      workflowHeading: '编辑工作流',
+      newPost: '新建帖子',
+      description:
+        '%{smart_count} 个待审查的内容、%{readyCount} 个已就绪的内容 |||| %{smart_count} 个待检查的内容、%{readyCount} 个已就绪的内容',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date} 由 %{author} 修改',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: '由 %{author} 修改',
+      deleteChanges: '删除修改',
+      deleteNewEntry: '删除新内容',
+      publishChanges: '发布修改',
+      publishNewEntry: '发布新内容',
+    },
+    workflowList: {
+      onDeleteEntry: '你确定要删除此内容吗？',
+      onPublishingNotReadyEntry:
+        '只有状态为“就绪”的项目才能被发布。需要先将卡片拖动到“就绪”一列才能发布',
+      onPublishEntry: '你确定要发布此内容吗？',
+      draft: '草稿',
+      pending_review: '审查中',
+      pending_publish: '就绪',
+      currentEntries: '%{smart_count} 个内容 |||| %{smart_count} 个内容',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default zh_Hans;
diff --git a/packages/core/src/locales/zh_Hant/index.ts b/packages/core/src/locales/zh_Hant/index.ts
index d99f94a6..e0483a02 100644
--- a/packages/core/src/locales/zh_Hant/index.ts
+++ b/packages/core/src/locales/zh_Hant/index.ts
@@ -22,10 +22,12 @@ const zh_Hant: LocalePhrasesRoot = {
   app: {
     header: {
       content: '內容',
+      workflow: '作業流程',
       media: '媒體',
       quickAdd: '快速新增',
     },
     app: {
+      loading: '載入中...',
       errorHeader: '載入 CMS 設定時發生錯誤',
       configErrors: '設定錯誤',
       configNotFound: undefined, // English translation: 'Config not found'
@@ -104,14 +106,31 @@ const zh_Hant: LocalePhrasesRoot = {
       },
       i18n: {
         writingInLocale: '以 %{locale} 書寫',
+        copyFromLocale: undefined, // English translation: 'Fill in from another locale'
+        copyFromLocaleConfirm: undefined, // English translation: 'Do you want to fill in data from %{locale} locale?\nAll existing content will be overwritten.'
       },
     },
     editor: {
       onLeavePage: '您確定要離開這頁嗎？',
+      onUpdatingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onUpdatingWithUnsavedChangesBody: '您有未儲存的變更，在更新狀態前請先進行儲存。',
+      onPublishingNotReadyTitle: undefined, // English translation: 'Not ready to publish'
+      onPublishingNotReadyBody: '在發布前，請先將狀態設定為：預備發布。',
+      onPublishingWithUnsavedChangesTitle: undefined, // English translation: 'Unsaved changes'
+      onPublishingWithUnsavedChangesBody: '您有未儲存的變更，在發布前請先進行儲存。',
+      onPublishingTitle: undefined, // English translation: 'Publish entry?'
+      onPublishingBody: '你確定要發表此內容嗎？',
+      onUnpublishingTitle: undefined, // English translation: 'Unpublish entry?'
+      onUnpublishingBody: '你確定要取消發表此內容嗎？',
       onDeleteWithUnsavedChangesTitle: undefined, // English translation: 'Delete this published entry?'
       onDeleteWithUnsavedChangesBody: '你確定要刪除這篇已發布的內容以及你尚未儲存的變更？',
       onDeletePublishedEntryTitle: undefined, // English translation: 'Delete this published entry?'
       onDeletePublishedEntryBody: '你確定要刪除這篇已發布的內容？',
+      onDeleteUnpublishedChangesWithUnsavedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesWithUnsavedChangesBody:
+        '這將會刪除此內容所有未發布的變更，以及未儲存的變更。你確定還是要刪除？',
+      onDeleteUnpublishedChangesTitle: undefined, // English translation: 'Delete unpublished changes?'
+      onDeleteUnpublishedChangesBody: '此內容所有未發布的變更都將會被刪除。你確定還是要刪除？',
       loadingEntry: '載入內容中...',
     },
     editorInterface: {
@@ -122,13 +141,35 @@ const zh_Hant: LocalePhrasesRoot = {
       toggleScrollSync: undefined, // English translation: 'Sync scrolling'
     },
     editorToolbar: {
+      publishing: '發布中...',
       publish: '發布',
       published: '已發布',
+      unpublish: '取消發布',
       duplicate: '建立新內容',
+      unpublishing: '取消發布中...',
       publishAndCreateNew: '發布並建立內容',
       publishAndDuplicate: '發布並複製內容',
+      deleteUnpublishedChanges: '刪除未發布的變更',
+      deleteUnpublishedEntry: '刪除未發布的內容',
+      deletePublishedEntry: '刪除已發布的內容',
       deleteEntry: '刪除內容',
+      saving: '儲存中...',
+      save: '儲存',
+      statusInfoTooltipDraft: undefined, // English translation: 'Entry status is set to draft. To finalize and submit it for review, set the status to �In review�'
+      statusInfoTooltipInReview: undefined, // English translation: 'Entry is being reviewed, no further actions are required. However, you can still make additional changes while it is being reviewed.'
+      deleting: '刪除中...',
+      updating: '更新中...',
+      status: '狀態: %{status}',
+      backCollection: '在集合 %{collectionLabel} 新增內容',
+      unsavedChanges: '未儲存變更',
+      changesSaved: '已儲存變更',
+      draft: '草稿',
+      inReview: '正在審核',
+      ready: '預備發布',
       publishNow: '立即發布',
+      deployPreviewPendingButtonLabel: '點擊來進行預覽',
+      deployPreviewButtonLabel: '進行預覽',
+      deployButtonLabel: '觀看已發布的內容',
       discardChanges: undefined, // English translation: 'Discard changes'
       discardChangesTitle: undefined, // English translation: 'Discard changes'
       discardChangesBody: undefined, // English translation: 'Are you sure you want to discard the unsaved changed?'
@@ -137,17 +178,35 @@ const zh_Hant: LocalePhrasesRoot = {
       markdown: {
         bold: '粗體',
         italic: '斜體',
+        strikethrough: undefined, // English translation: 'Strikethrough'
         code: '程式碼',
+        codeBlock: undefined, // English translation: 'Code block'
+        insertCodeBlock: undefined, // English translation: 'Insert code block'
         link: '連結',
-        linkPrompt: '輸入連結網址',
+        insertLink: undefined, // English translation: 'Insert link'
+        paragraph: undefined, // English translation: 'Paragraph'
         headings: '標題',
         quote: '引言',
+        insertQuote: undefined, // English translation: 'Insert blockquote'
         bulletedList: '項目符號清單',
         numberedList: '編號清單',
         addComponent: '加入元件',
         richText: 'Rich Text',
         markdown: 'Markdown',
         type: undefined, // English translation: 'Type...'
+        decreaseIndent: undefined, // English translation: 'Decrease indent'
+        increaseIndent: undefined, // English translation: 'Increase indent'
+        image: undefined, // English translation: 'Image'
+        insertImage: undefined, // English translation: 'Insert image'
+        table: {
+          table: undefined, // English translation: 'Table'
+          deleteColumn: undefined, // English translation: 'Delete column'
+          deleteRow: undefined, // English translation: 'Delete row'
+          deleteTable: undefined, // English translation: 'Delete table'
+          insertColumn: undefined, // English translation: 'Insert column'
+          insertRow: undefined, // English translation: 'Insert row'
+          insertTable: undefined, // English translation: 'Insert table'
+        },
       },
       image: {
         choose: '選擇一張圖片',
@@ -211,6 +270,10 @@ const zh_Hant: LocalePhrasesRoot = {
         value: undefined, // English translation: 'Value'
         uniqueKeys: undefined, // English translation: '%{keyLabel} must be unique'
       },
+      code: {
+        language: undefined, // English translation: 'Language'
+        selectLanguage: undefined, // English translation: 'Select language'
+      },
     },
   },
   mediaLibrary: {
@@ -231,10 +294,10 @@ const zh_Hant: LocalePhrasesRoot = {
       alreadyExistsBody: undefined, // English translation: '%{filename} already exists. Do you want to replace it?'
     },
     mediaLibraryModal: {
-      loading: '載入中...',
       noResults: '沒有結果',
       noAssetsFound: '沒有發現媒體資產。',
       noImagesFound: '沒有發現影像。',
+      private: '私人',
       images: '影像',
       mediaAssets: '媒體資產',
       search: '搜尋中...',
@@ -251,6 +314,7 @@ const zh_Hant: LocalePhrasesRoot = {
       newFolder: undefined, // English translation: 'New folder'
       createNewFolder: undefined, // English translation: 'Create new folder'
       enterFolderName: undefined, // English translation: 'Enter folder name...'
+      create: undefined, // English translation: 'Create'
       home: undefined, // English translation: 'Home'
       up: undefined, // English translation: 'Up'
       upToFolder: undefined, // English translation: 'Up to %{folder}'
@@ -261,6 +325,7 @@ const zh_Hant: LocalePhrasesRoot = {
       yes: undefined, // English translation: 'Yes'
       no: undefined, // English translation: 'No'
       okay: undefined, // English translation: 'OK'
+      cancel: undefined, // English translation: 'Cancel'
     },
     default: {
       goBackToSite: '回到網站',
@@ -282,11 +347,12 @@ const zh_Hant: LocalePhrasesRoot = {
       },
     },
     settingsDropdown: {
-      darkMode: undefined, // English translation: 'Dark Mode'
+      theme: undefined, // English translation: 'Theme'
       logOut: '登出',
     },
     toast: {
       onFailToLoadEntries: '無法載入內容： %{details}',
+      onFailToLoadDeployPreview: '無法預覽內容： %{details}',
       onFailToPersist: '無法暫存內容： %{details}',
       onFailToPersistMedia: undefined, // English translation: 'Failed to persist media: %{details}'
       onFailToDelete: '無法刪除內容： %{details}',
@@ -294,14 +360,54 @@ const zh_Hant: LocalePhrasesRoot = {
       onFailToUpdateStatus: '無法更新狀態： %{details}',
       missingRequiredField: '糟了！你漏填了一個必須填入的欄位，在儲存前請先填完所有內容',
       entrySaved: '已儲存內容',
+      entryDeleted: undefined, // English translation: 'Entry delete'
       entryPublished: '已發布內容',
+      entryUnpublished: '已取消發布內容',
       onFailToPublishEntry: '無法發布： %{details}',
+      onFailToUnpublishEntry: '無法取消發布： %{details}',
       entryUpdated: '內容狀態已更新',
+      onDeletePublishedEntry: undefined, // English translation: 'Published entry deleted'
+      onDeleteUnpublishedChanges: '已刪除未發布的變更',
       onFailToAuth: '%{details}',
       onLoggedOut: '你已經登出，請備份任何資料然後重新登入',
       onBackendDown: '後端服務發生中斷。看 %{details} 取得更多資訊',
     },
   },
+  workflow: {
+    workflow: {
+      dashboard: undefined, // English translation: 'Dashboard'
+      loading: '正在載入編輯流程的內容',
+      workflowHeading: '編輯作業流程',
+      newPost: '建立新的內容',
+      description:
+        '%{smart_count} 篇內容正在等待審核， %{readyCount} 篇已經準備進行發布。 |||| %{smart_count} 篇內容正在等待審核， %{readyCount} 篇已經準備進行發布。',
+      dateFormat: 'MMMM D',
+    },
+    workflowCard: {
+      lastChange: '%{date} by %{author}',
+      lastChangeNoAuthor: '%{date}',
+      lastChangeNoDate: 'by %{author}',
+      deleteChanges: '刪除變更',
+      deleteNewEntry: '刪除新內容',
+      publishChanges: '發布變更',
+      publishNewEntry: '發布新內容',
+    },
+    workflowList: {
+      onDeleteEntry: '你確定要刪除這個項目嗎？',
+      onPublishingNotReadyEntry:
+        '只有狀態為 預備發布 的內容可以被發布，請將本內容的狀態設定為 預備發布 來進行發布前的準備',
+      onPublishEntry: '你確定要發表這篇內容嗎？',
+      draft: '草稿',
+      pending_review: '正在預覽',
+      pending_publish: '準備完成',
+      currentEntries: '%{smart_count} 篇內容 |||| %{smart_count} 篇內容',
+    },
+    openAuthoring: {
+      forkRequired: undefined, // English translation: 'Open Authoring is enabled. We need to use a fork on your github account. (If a fork already exists, we'll use that.)'
+      forkRepo: undefined, // English translation: 'Fork the repo'
+      markReadyForReview: undefined, // English translation: 'Mark Ready for Review'
+    },
+  },
 };
 
 export default zh_Hant;
diff --git a/packages/core/src/reducers/__tests__/entryDraft.spec.ts b/packages/core/src/reducers/__tests__/entryDraft.spec.ts
index 5981bee4..5f24b591 100644
--- a/packages/core/src/reducers/__tests__/entryDraft.spec.ts
+++ b/packages/core/src/reducers/__tests__/entryDraft.spec.ts
@@ -2,7 +2,7 @@ import { DRAFT_CHANGE_FIELD, DRAFT_CREATE_EMPTY } from '@staticcms/core/constant
 import entryDraftReducer from '../entryDraft';
 import { createMockEntry } from '@staticcms/test/data/entry.mock';
 
-import type { I18nSettings, StringOrTextField } from '@staticcms/core/interface';
+import type { I18nSettings, StringField } from '@staticcms/core';
 import type { EntryDraftState } from '../entryDraft';
 
 describe('entryDraft', () => {
@@ -145,7 +145,7 @@ describe('entryDraft', () => {
         });
 
         it('should duplicate values to other locales for singleton list', () => {
-          const field: StringOrTextField = {
+          const field: StringField = {
             widget: 'string',
             name: 'stringInput',
             i18n: 'duplicate',
diff --git a/packages/core/src/reducers/collections.ts b/packages/core/src/reducers/collections.ts
index a6c017a8..6a8a9cf1 100644
--- a/packages/core/src/reducers/collections.ts
+++ b/packages/core/src/reducers/collections.ts
@@ -1,9 +1,14 @@
 import { CONFIG_SUCCESS } from '../constants';
 
 import type { ConfigAction } from '../actions/config';
-import type { BaseField, Collection, Collections, UnknownField } from '../interface';
+import type {
+  BaseField,
+  CollectionWithDefaults,
+  CollectionsWithDefaults,
+  UnknownField,
+} from '../interface';
 
-export type CollectionsState<EF extends BaseField = UnknownField> = Collections<EF>;
+export type CollectionsState<EF extends BaseField = UnknownField> = CollectionsWithDefaults<EF>;
 
 const defaultState: CollectionsState = {};
 
@@ -13,11 +18,14 @@ function collections(
 ): CollectionsState {
   switch (action.type) {
     case CONFIG_SUCCESS: {
-      const collections = action.payload.collections;
-      return collections.reduce((acc, collection) => {
-        acc[collection.name] = collection as Collection;
-        return acc;
-      }, {} as Record<string, Collection>);
+      const collections = action.payload.config.collections;
+      return collections.reduce(
+        (acc, collection) => {
+          acc[collection.name] = collection as CollectionWithDefaults;
+          return acc;
+        },
+        {} as Record<string, CollectionWithDefaults>,
+      );
     }
     default:
       return state;
diff --git a/packages/core/src/reducers/config.ts b/packages/core/src/reducers/config.ts
index 20d4a5d9..9de9afad 100644
--- a/packages/core/src/reducers/config.ts
+++ b/packages/core/src/reducers/config.ts
@@ -1,10 +1,11 @@
 import { CONFIG_FAILURE, CONFIG_REQUEST, CONFIG_SUCCESS } from '../constants';
 
 import type { ConfigAction } from '../actions/config';
-import type { BaseField, Config, UnknownField } from '../interface';
+import type { BaseField, Config, ConfigWithDefaults, UnknownField } from '../interface';
 
 export interface ConfigState<EF extends BaseField = UnknownField> {
-  config?: Config<EF>;
+  config?: ConfigWithDefaults<EF>;
+  originalConfig?: Config<EF>;
   isFetching: boolean;
   error?: string;
 }
@@ -13,7 +14,7 @@ const defaultState: ConfigState = {
   isFetching: true,
 };
 
-const config = (state: ConfigState = defaultState, action: ConfigAction) => {
+const config = (state: ConfigState = defaultState, action: ConfigAction): ConfigState => {
   switch (action.type) {
     case CONFIG_REQUEST:
       return {
@@ -22,7 +23,8 @@ const config = (state: ConfigState = defaultState, action: ConfigAction) => {
       };
     case CONFIG_SUCCESS:
       return {
-        config: action.payload,
+        config: action.payload.config,
+        originalConfig: action.payload.originalConfig,
         isFetching: false,
         error: undefined,
       };
diff --git a/packages/core/src/reducers/editorialWorkflow.ts b/packages/core/src/reducers/editorialWorkflow.ts
new file mode 100644
index 00000000..b3bd5457
--- /dev/null
+++ b/packages/core/src/reducers/editorialWorkflow.ts
@@ -0,0 +1,216 @@
+/* eslint-disable no-case-declarations */
+import {
+  UNPUBLISHED_ENTRIES_REQUEST,
+  UNPUBLISHED_ENTRIES_SUCCESS,
+  UNPUBLISHED_ENTRY_DELETE_SUCCESS,
+  UNPUBLISHED_ENTRY_PERSIST_FAILURE,
+  UNPUBLISHED_ENTRY_PERSIST_REQUEST,
+  UNPUBLISHED_ENTRY_PERSIST_SUCCESS,
+  UNPUBLISHED_ENTRY_PUBLISH_FAILURE,
+  UNPUBLISHED_ENTRY_PUBLISH_REQUEST,
+  UNPUBLISHED_ENTRY_PUBLISH_SUCCESS,
+  UNPUBLISHED_ENTRY_REDIRECT,
+  UNPUBLISHED_ENTRY_REQUEST,
+  UNPUBLISHED_ENTRY_STATUS_CHANGE_FAILURE,
+  UNPUBLISHED_ENTRY_STATUS_CHANGE_REQUEST,
+  UNPUBLISHED_ENTRY_STATUS_CHANGE_SUCCESS,
+  UNPUBLISHED_ENTRY_SUCCESS,
+} from '../constants';
+import { isEmpty } from '../lib/util/string.util';
+
+import type { EditorialWorkflowAction } from '../actions/editorialWorkflow';
+import type { Entries } from '../interface';
+
+export interface EditorialWorkflowState {
+  isFetching: boolean;
+  ids: string[];
+  entries: Entries;
+}
+
+const initialState: EditorialWorkflowState = {
+  isFetching: false,
+  ids: [],
+  entries: {},
+};
+
+function unpublishedEntries(
+  state: EditorialWorkflowState = initialState,
+  action: EditorialWorkflowAction,
+): EditorialWorkflowState {
+  switch (action.type) {
+    case UNPUBLISHED_ENTRY_REQUEST: {
+      return {
+        ...state,
+        entries: {
+          ...state.entries,
+          [`${action.payload.collection}.${action.payload.slug}`]: {
+            ...state.entries[`${action.payload.collection}.${action.payload.slug}`],
+            isFetching: true,
+          },
+        },
+      };
+    }
+    case UNPUBLISHED_ENTRY_PUBLISH_SUCCESS:
+    case UNPUBLISHED_ENTRY_DELETE_SUCCESS:
+    case UNPUBLISHED_ENTRY_REDIRECT:
+      const newEntities = {
+        ...state.entries,
+      };
+
+      delete newEntities[`${action.payload.collection}.${action.payload.slug}`];
+
+      const newIds = [...state.ids];
+      const index = newIds.indexOf(`${action.payload.collection}.${action.payload.slug}`);
+      if (index >= 0) {
+        newIds.splice(index, 1);
+      }
+
+      return {
+        ...state,
+        ids: newIds,
+        entries: newEntities,
+      };
+    case UNPUBLISHED_ENTRY_SUCCESS: {
+      return {
+        ...state,
+        entries: {
+          ...state.entries,
+          [`${action.payload.collection}.${action.payload.entry.slug}`]: action.payload.entry,
+        },
+      };
+    }
+    case UNPUBLISHED_ENTRIES_REQUEST: {
+      return {
+        ...state,
+        isFetching: true,
+      };
+    }
+    case UNPUBLISHED_ENTRIES_SUCCESS: {
+      const newEntities = {
+        ...state.entries,
+      };
+
+      action.payload.entries.forEach(entry => {
+        newEntities[`${entry.collection}.${entry.slug}`] = {
+          ...entry,
+          isFetching: false,
+        };
+      });
+
+      return {
+        ...state,
+        entries: newEntities,
+        ids: action.payload.entries.map(entry => entry.slug),
+      };
+    }
+    case UNPUBLISHED_ENTRY_PERSIST_REQUEST: {
+      if (isEmpty(action.payload.slug)) {
+        return state;
+      }
+
+      return {
+        ...state,
+        entries: {
+          ...state.entries,
+          [`${action.payload.collection}.${action.payload.slug}`]: {
+            ...state.entries[`${action.payload.collection}.${action.payload.slug}`],
+            isPersisting: true,
+          },
+        },
+      };
+    }
+    case UNPUBLISHED_ENTRY_PERSIST_SUCCESS: {
+      if (isEmpty(action.payload.slug)) {
+        return state;
+      }
+
+      const newIds = [...state.ids];
+      if (!newIds.includes(action.payload.entry.slug)) {
+        newIds.push(action.payload.entry.slug);
+      }
+
+      // Update Optimistically
+      return {
+        ...state,
+        ids: newIds,
+        entries: {
+          ...state.entries,
+          [`${action.payload.collection}.${action.payload.entry.slug}`]: {
+            ...action.payload.entry,
+            isPersisting: false,
+          },
+        },
+      };
+    }
+    case UNPUBLISHED_ENTRY_PERSIST_FAILURE: {
+      if (isEmpty(action.payload.slug)) {
+        return state;
+      }
+
+      return {
+        ...state,
+        entries: {
+          ...state.entries,
+          [`${action.payload.collection}.${action.payload.slug}`]: {
+            ...state.entries[`${action.payload.collection}.${action.payload.slug}`],
+            isPersisting: false,
+          },
+        },
+      };
+    }
+    case UNPUBLISHED_ENTRY_STATUS_CHANGE_REQUEST: {
+      return {
+        ...state,
+        entries: {
+          ...state.entries,
+          [`${action.payload.collection}.${action.payload.slug}`]: {
+            ...state.entries[`${action.payload.collection}.${action.payload.slug}`],
+            isUpdatingStatus: true,
+          },
+        },
+      };
+    }
+    case UNPUBLISHED_ENTRY_STATUS_CHANGE_SUCCESS: {
+      return {
+        ...state,
+        entries: {
+          ...state.entries,
+          [`${action.payload.collection}.${action.payload.slug}`]: {
+            ...state.entries[`${action.payload.collection}.${action.payload.slug}`],
+            status: action.payload.newStatus,
+            isUpdatingStatus: false,
+          },
+        },
+      };
+    }
+    case UNPUBLISHED_ENTRY_STATUS_CHANGE_FAILURE: {
+      return {
+        ...state,
+        entries: {
+          ...state.entries,
+          [`${action.payload.collection}.${action.payload.slug}`]: {
+            ...state.entries[`${action.payload.collection}.${action.payload.slug}`],
+            isUpdatingStatus: false,
+          },
+        },
+      };
+    }
+    case UNPUBLISHED_ENTRY_PUBLISH_REQUEST: {
+      return {
+        ...state,
+        entries: {
+          ...state.entries,
+          [`${action.payload.collection}.${action.payload.slug}`]: {
+            ...state.entries[`${action.payload.collection}.${action.payload.slug}`],
+            isPublishing: true,
+          },
+        },
+      };
+    }
+    case UNPUBLISHED_ENTRY_PUBLISH_FAILURE:
+    default:
+      return state;
+  }
+}
+
+export default unpublishedEntries;
diff --git a/packages/core/src/reducers/entries.ts b/packages/core/src/reducers/entries.ts
index 5895bdc6..6bc05cb5 100644
--- a/packages/core/src/reducers/entries.ts
+++ b/packages/core/src/reducers/entries.ts
@@ -29,7 +29,7 @@ import type { EntriesAction } from '../actions/entries';
 import type { SearchAction } from '../actions/search';
 import type { ViewStyle } from '../constants/views';
 import type {
-  Entities,
+  Entries,
   Entry,
   Filter,
   FilterMap,
@@ -115,7 +115,7 @@ function persistViewStyle(viewStyle: string | undefined) {
 
 export type EntriesState = {
   pages: Pages;
-  entities: Entities;
+  entries: Entries;
   sort: Sort;
   filter?: Filter;
   group?: Group;
@@ -123,7 +123,7 @@ export type EntriesState = {
 };
 
 function entries(
-  state: EntriesState = { entities: {}, pages: {}, sort: loadSort(), viewStyle: loadViewStyle() },
+  state: EntriesState = { entries: {}, pages: {}, sort: loadSort(), viewStyle: loadViewStyle() },
   action: EntriesAction | SearchAction,
 ): EntriesState {
   switch (action.type) {
@@ -132,15 +132,15 @@ function entries(
 
       const key = `${payload.collection}.${payload.slug}`;
       const newEntity: Entry = {
-        ...(state.entities[key] ?? {}),
+        ...(state.entries[key] ?? {}),
       };
 
       newEntity.isFetching = true;
 
       return {
         ...state,
-        entities: {
-          ...state.entities,
+        entries: {
+          ...state.entries,
           [key]: newEntity,
         },
       };
@@ -151,8 +151,8 @@ function entries(
 
       return {
         ...state,
-        entities: {
-          ...state.entities,
+        entries: {
+          ...state.entries,
           [`${payload.collection}.${payload.entry.slug}`]: payload.entry,
         },
       };
@@ -184,12 +184,12 @@ function entries(
       const page = payload.page;
       const append = payload.append;
 
-      const entities = {
-        ...state.entities,
+      const entries = {
+        ...state.entries,
       };
 
       loadedEntries.forEach(entry => {
-        entities[`${payload.collection}.${entry.slug}`] = { ...entry, isFetching: false };
+        entries[`${payload.collection}.${entry.slug}`] = { ...entry, isFetching: false };
       });
 
       const pages = {
@@ -204,7 +204,7 @@ function entries(
         isFetching: false,
       };
 
-      return { ...state, entities, pages };
+      return { ...state, entries, pages };
     }
 
     case ENTRIES_FAILURE: {
@@ -231,10 +231,10 @@ function entries(
 
       return {
         ...state,
-        entities: {
-          ...state.entities,
+        entries: {
+          ...state.entries,
           [key]: {
-            ...(state.entities[key] ?? {}),
+            ...(state.entries[key] ?? {}),
             isFetching: false,
             error: payload.error.message,
           },
@@ -246,18 +246,18 @@ function entries(
       const payload = action.payload;
       const loadedEntries = payload.entries;
 
-      const entities = {
-        ...state.entities,
+      const entries = {
+        ...state.entries,
       };
 
       loadedEntries.forEach(entry => {
-        entities[`${entry.collection}.${entry.slug}`] = {
+        entries[`${entry.collection}.${entry.slug}`] = {
           ...entry,
           isFetching: false,
         };
       });
 
-      return { ...state, entities };
+      return { ...state, entries };
     }
 
     case ENTRY_DELETE_SUCCESS: {
@@ -265,11 +265,11 @@ function entries(
       const collection = payload.collectionName;
       const slug = payload.entrySlug;
 
-      const entities = {
-        ...state.entities,
+      const entries = {
+        ...state.entries,
       };
 
-      delete entities[`${collection}.${slug}`];
+      delete entries[`${collection}.${slug}`];
 
       const pages = {
         ...state.pages,
@@ -291,7 +291,7 @@ function entries(
 
       return {
         ...state,
-        entities,
+        entries,
         pages,
       };
     }
@@ -332,14 +332,14 @@ function entries(
     case FILTER_ENTRIES_SUCCESS:
     case SORT_ENTRIES_SUCCESS: {
       const payload = action.payload as { collection: string; entries: Entry[] };
-      const { collection, entries } = payload;
+      const { collection } = payload;
 
-      const entities = {
-        ...state.entities,
+      const entries = {
+        ...state.entries,
       };
 
-      entries.forEach(entry => {
-        entities[`${entry.collection}.${entry.slug}`] = {
+      payload.entries.forEach(entry => {
+        entries[`${entry.collection}.${entry.slug}`] = {
           ...entry,
           isFetching: false,
         };
@@ -349,7 +349,7 @@ function entries(
         ...state.pages,
       };
 
-      const ids = entries.map(entry => entry.slug);
+      const ids = payload.entries.map(entry => entry.slug);
 
       pages[collection] = {
         page: 1,
@@ -359,7 +359,7 @@ function entries(
 
       return {
         ...state,
-        entities,
+        entries,
         pages,
       };
     }
diff --git a/packages/core/src/reducers/entryDraft.ts b/packages/core/src/reducers/entryDraft.ts
index 0a979f61..ddcf77f8 100644
--- a/packages/core/src/reducers/entryDraft.ts
+++ b/packages/core/src/reducers/entryDraft.ts
@@ -20,12 +20,22 @@ import {
   ENTRY_PERSIST_REQUEST,
   ENTRY_PERSIST_SUCCESS,
   REMOVE_DRAFT_ENTRY_MEDIA_FILE,
+  UNPUBLISHED_ENTRY_PERSIST_FAILURE,
+  UNPUBLISHED_ENTRY_PERSIST_REQUEST,
+  UNPUBLISHED_ENTRY_PERSIST_SUCCESS,
+  UNPUBLISHED_ENTRY_PUBLISH_FAILURE,
+  UNPUBLISHED_ENTRY_PUBLISH_REQUEST,
+  UNPUBLISHED_ENTRY_PUBLISH_SUCCESS,
+  UNPUBLISHED_ENTRY_STATUS_CHANGE_FAILURE,
+  UNPUBLISHED_ENTRY_STATUS_CHANGE_REQUEST,
+  UNPUBLISHED_ENTRY_STATUS_CHANGE_SUCCESS,
 } from '../constants';
 import { duplicateI18nFields, getDataPath } from '../lib/i18n';
 import { fileForEntry } from '../lib/util/collection.util';
 import { applyDefaultsToDraftData } from '../lib/util/entry.util';
 import set from '../lib/util/set.util';
 
+import type { EditorialWorkflowAction } from '../actions/editorialWorkflow';
 import type { EntriesAction } from '../actions/entries';
 import type { Entry, FieldsErrors } from '../interface';
 
@@ -48,7 +58,7 @@ const initialState: EntryDraftState = {
 
 function entryDraftReducer(
   state: EntryDraftState = initialState,
-  action: EntriesAction,
+  action: EntriesAction | EditorialWorkflowAction,
 ): EntryDraftState {
   switch (action.type) {
     case DRAFT_CREATE_FROM_ENTRY: {
@@ -139,6 +149,7 @@ function entryDraftReducer(
         original: cloneDeep(entry),
         fieldsErrors: {},
         hasChanged: true,
+        key: uuid(),
       };
     }
     case DRAFT_DISCARD:
@@ -266,7 +277,8 @@ function entryDraftReducer(
       };
     }
 
-    case ENTRY_PERSIST_REQUEST: {
+    case ENTRY_PERSIST_REQUEST:
+    case UNPUBLISHED_ENTRY_PERSIST_REQUEST: {
       if (!state.entry) {
         return state;
       }
@@ -280,7 +292,8 @@ function entryDraftReducer(
       };
     }
 
-    case ENTRY_PERSIST_FAILURE: {
+    case ENTRY_PERSIST_FAILURE:
+    case UNPUBLISHED_ENTRY_PERSIST_FAILURE: {
       if (!state.entry) {
         return state;
       }
@@ -294,7 +307,62 @@ function entryDraftReducer(
       };
     }
 
-    case ENTRY_PERSIST_SUCCESS: {
+    case UNPUBLISHED_ENTRY_STATUS_CHANGE_REQUEST:
+      if (!state.entry) {
+        return state;
+      }
+
+      return {
+        ...state,
+        entry: {
+          ...state.entry,
+          isUpdatingStatus: true,
+        },
+      };
+
+    case UNPUBLISHED_ENTRY_STATUS_CHANGE_FAILURE:
+    case UNPUBLISHED_ENTRY_STATUS_CHANGE_SUCCESS:
+      if (!state.entry) {
+        return state;
+      }
+
+      return {
+        ...state,
+        entry: {
+          ...state.entry,
+          isUpdatingStatus: false,
+        },
+      };
+
+    case UNPUBLISHED_ENTRY_PUBLISH_REQUEST:
+      if (!state.entry) {
+        return state;
+      }
+
+      return {
+        ...state,
+        entry: {
+          ...state.entry,
+          isPublishing: true,
+        },
+      };
+
+    case UNPUBLISHED_ENTRY_PUBLISH_SUCCESS:
+    case UNPUBLISHED_ENTRY_PUBLISH_FAILURE:
+      if (!state.entry) {
+        return state;
+      }
+
+      return {
+        ...state,
+        entry: {
+          ...state.entry,
+          isPublishing: false,
+        },
+      };
+
+    case ENTRY_PERSIST_SUCCESS:
+    case UNPUBLISHED_ENTRY_PERSIST_SUCCESS: {
       if (!state.entry) {
         return state;
       }
diff --git a/packages/core/src/reducers/globalUI.ts b/packages/core/src/reducers/globalUI.ts
index da35606d..eefca332 100644
--- a/packages/core/src/reducers/globalUI.ts
+++ b/packages/core/src/reducers/globalUI.ts
@@ -1,15 +1,31 @@
-import { THEME_CHANGE } from '../constants';
+import { THEME_CHANGE, USE_OPEN_AUTHORING } from '../constants';
+import { isNotNullish } from '../lib/util/null.util';
 
 import type { GlobalUIAction } from '../actions/globalUI';
 
 export type GlobalUIState = {
   isFetching: boolean;
-  theme: 'dark' | 'light';
+  useOpenAuthoring: boolean;
+  theme: string;
 };
 
+function loadColorTheme(): string {
+  const themeName = localStorage.getItem('color-theme');
+  if (isNotNullish(themeName)) {
+    return themeName;
+  }
+
+  if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
+    return 'dark';
+  }
+
+  return 'light';
+}
+
 const defaultState: GlobalUIState = {
   isFetching: false,
-  theme: 'light',
+  useOpenAuthoring: false,
+  theme: loadColorTheme(),
 };
 
 /**
@@ -30,10 +46,16 @@ const globalUI = (state: GlobalUIState = defaultState, action: GlobalUIAction):
   }
 
   switch (action.type) {
-    case THEME_CHANGE:
+    case USE_OPEN_AUTHORING:
       return {
         ...state,
-        theme: action.payload,
+        useOpenAuthoring: true,
+      };
+    case THEME_CHANGE:
+      localStorage.setItem('color-theme', action.payload.toLowerCase());
+      return {
+        ...state,
+        theme: action.payload.toLowerCase(),
       };
     default:
       return state;
diff --git a/packages/core/src/reducers/index.ts b/packages/core/src/reducers/index.ts
index f137b573..2b6ab7cc 100644
--- a/packages/core/src/reducers/index.ts
+++ b/packages/core/src/reducers/index.ts
@@ -2,6 +2,7 @@ import auth from './auth';
 import collections from './collections';
 import config from './config';
 import cursors from './cursors';
+import editorialWorkflow from './editorialWorkflow';
 import entries from './entries';
 import entryDraft from './entryDraft';
 import globalUI from './globalUI';
@@ -16,6 +17,7 @@ const reducers = {
   collections,
   config,
   cursors,
+  editorialWorkflow,
   entries,
   entryDraft,
   globalUI,
diff --git a/packages/core/src/reducers/mediaLibrary.ts b/packages/core/src/reducers/mediaLibrary.ts
index d516225c..77d24048 100644
--- a/packages/core/src/reducers/mediaLibrary.ts
+++ b/packages/core/src/reducers/mediaLibrary.ts
@@ -22,8 +22,8 @@ import {
 
 import type { MediaLibraryAction } from '../actions/mediaLibrary';
 import type {
-  Collection,
-  CollectionFile,
+  CollectionFileWithDefaults,
+  CollectionWithDefaults,
   MediaField,
   MediaFile,
   MediaLibrarInsertOptions,
@@ -41,8 +41,8 @@ export type MediaLibraryState = {
   page?: number;
   files?: MediaFile[];
   config?: MediaLibraryConfig;
-  collection?: Collection;
-  collectionFile?: CollectionFile;
+  collection?: CollectionWithDefaults;
+  collectionFile?: CollectionFileWithDefaults;
   field?: MediaField;
   value?: string | string[];
   alt?: string;
diff --git a/packages/core/src/reducers/selectors/collections.ts b/packages/core/src/reducers/selectors/collections.ts
index 8c01c1ae..59f8ae7f 100644
--- a/packages/core/src/reducers/selectors/collections.ts
+++ b/packages/core/src/reducers/selectors/collections.ts
@@ -1,13 +1,19 @@
-/* eslint-disable import/prefer-default-export */
-import type { BaseField, UnknownField } from '@staticcms/core/interface';
+import { createSelector } from '@reduxjs/toolkit';
+
+import type { BaseField, CollectionWithDefaults, UnknownField } from '@staticcms/core';
 import type { RootState } from '@staticcms/core/store';
 
 export const selectCollections = <EF extends BaseField = UnknownField>(state: RootState<EF>) => {
   return state.collections;
 };
 
-export const selectCollection =
-  <EF extends BaseField = UnknownField>(collectionName: string | undefined) =>
-  (state: RootState<EF>) => {
-    return Object.values(state.collections).find(collection => collection.name === collectionName);
-  };
+export const selectCollection = createSelector(
+  [selectCollections, (_state: RootState, collectionName: string | undefined) => collectionName],
+  (collections, collectionName): CollectionWithDefaults | undefined => {
+    if (!collectionName) {
+      return undefined;
+    }
+
+    return Object.values(collections).find(collection => collection.name === collectionName);
+  },
+);
diff --git a/packages/core/src/reducers/selectors/config.ts b/packages/core/src/reducers/selectors/config.ts
index abb782a9..89bfd15b 100644
--- a/packages/core/src/reducers/selectors/config.ts
+++ b/packages/core/src/reducers/selectors/config.ts
@@ -1,20 +1,59 @@
-/* eslint-disable import/prefer-default-export */
+import { createSelector } from '@reduxjs/toolkit';
 
-import type { Config } from '@staticcms/core/interface';
+import { EDITORIAL_WORKFLOW } from '@staticcms/core/constants/publishModes';
+
+import type { ConfigWithDefaults } from '@staticcms/core';
+import type { Workflow } from '@staticcms/core/constants/publishModes';
 import type { RootState } from '@staticcms/core/store';
 
-export function selectLocale(config?: Config) {
-  return config?.locale || 'en';
+export function selectLocale(config?: ConfigWithDefaults) {
+  return config?.locale ?? 'en';
 }
 
 export function selectConfig(state: RootState) {
   return state.config.config;
 }
-
-export function selectIsSearchEnabled(state: RootState) {
-  return state.config.config?.search !== false;
+export function selectOriginConfig(state: RootState) {
+  return state.config.originalConfig;
 }
 
+export function selectSearch(state: RootState) {
+  return state.config.config?.search;
+}
+
+export const selectIsSearchEnabled = createSelector(
+  [selectSearch],
+  (search: boolean | undefined) => {
+    return search !== false;
+  },
+);
+
+export function selectMediaLinkEnabled(state: RootState) {
+  return state.config.config?.media_library?.display_in_navigation;
+}
+
+export const selectIsMediaLinkEnabled = createSelector(
+  [selectMediaLinkEnabled],
+  (display_in_navigation: boolean | undefined) => {
+    return display_in_navigation !== false;
+  },
+);
+
 export function selectDisplayUrl(state: RootState) {
   return state.config.config?.display_url;
 }
+
+export function getUseWorkflow(config?: ConfigWithDefaults) {
+  return config?.publish_mode === EDITORIAL_WORKFLOW;
+}
+
+export function selectPublishMode(state: RootState) {
+  return state.config.config?.publish_mode;
+}
+
+export const selectUseWorkflow = createSelector(
+  [selectPublishMode],
+  (publish_mode: Workflow | undefined) => {
+    return publish_mode === EDITORIAL_WORKFLOW;
+  },
+);
diff --git a/packages/core/src/reducers/selectors/editorialWorkflow.ts b/packages/core/src/reducers/selectors/editorialWorkflow.ts
new file mode 100644
index 00000000..7ee202de
--- /dev/null
+++ b/packages/core/src/reducers/selectors/editorialWorkflow.ts
@@ -0,0 +1,40 @@
+import { createSelector } from '@reduxjs/toolkit';
+
+import type { WorkflowStatus } from '@staticcms/core/constants/publishModes';
+import type { Entry } from '@staticcms/core';
+import type { RootState } from '@staticcms/core/store';
+
+export const selectUnpublishedEntries = (state: RootState) => {
+  return state.editorialWorkflow.entries;
+};
+
+export const selectUnpublishedEntry = createSelector(
+  [
+    selectUnpublishedEntries,
+    (_state: RootState, collectionName: string) => collectionName,
+    (_state: RootState, _collectionName: string, slug: string | undefined) => slug,
+  ],
+  (entries, collectionName, slug): Entry | undefined => {
+    if (!slug) {
+      return undefined;
+    }
+
+    return entries[`${collectionName}.${slug}`];
+  },
+);
+
+export const selectUnpublishedEntriesByStatus = createSelector(
+  [selectUnpublishedEntries, (_state: RootState, status: WorkflowStatus) => status],
+  (entries, status) => {
+    return Object.values(entries).filter(entry => entry.status === status);
+  },
+);
+
+export const selectUnpublishedSlugs = createSelector(
+  [selectUnpublishedEntries, (_state: RootState, collectionName: string) => collectionName],
+  (entries, collectionName) => {
+    return Object.entries(entries)
+      .filter(([k]) => k.startsWith(`${collectionName}.`))
+      .map(([_k, entry]) => entry.slug);
+  },
+);
diff --git a/packages/core/src/reducers/selectors/entries.ts b/packages/core/src/reducers/selectors/entries.ts
index 61fb1529..80756de0 100644
--- a/packages/core/src/reducers/selectors/entries.ts
+++ b/packages/core/src/reducers/selectors/entries.ts
@@ -1,70 +1,130 @@
+import { createSelector } from '@reduxjs/toolkit';
 import get from 'lodash/get';
 
 import { SORT_DIRECTION_NONE } from '@staticcms/core/constants';
+import { filterNullish } from '@staticcms/core/lib/util/null.util';
 
 import type { ViewStyle } from '@staticcms/core/constants/views';
-import type { Entry, Group, GroupMap, Sort } from '@staticcms/core/interface';
+import type {
+  Entries,
+  Entry,
+  GroupMap,
+  ObjectValue,
+  Page,
+  SortMap,
+  SortObject,
+} from '@staticcms/core';
 import type { RootState } from '@staticcms/core/store';
 
-export function selectEntriesSort(entries: RootState, collection?: string) {
-  if (!collection) {
-    return undefined;
-  }
-
-  const sort = entries.entries.sort as Sort | undefined;
-  return sort?.[collection];
-}
-
-export const selectEntriesFilter = (collectionName?: string) => (entries: RootState) => {
-  if (!collectionName) {
-    return {};
-  }
-
-  return entries.entries.filter?.[collectionName] ?? {};
+export const selectEntriesFilters = (entries: RootState) => {
+  return entries.entries.filter;
 };
 
-export function selectEntriesGroup(entries: RootState, collection?: string) {
-  if (!collection) {
-    return {};
-  }
+export const selectEntriesFilter = createSelector(
+  [selectEntriesFilters, (_state: RootState, collectionName?: string) => collectionName],
+  (filters, collectionName) => {
+    if (!collectionName) {
+      return {};
+    }
 
-  const group = entries.entries.group as Group | undefined;
-  return group?.[collection] || {};
-}
+    return filters?.[collectionName] ?? {};
+  },
+);
 
-export const selectEntriesGroupField = (collection: string) => (entries: RootState) => {
-  const groups = selectEntriesGroup(entries, collection);
-  return Object.values(groups ?? {}).find(v => v?.active === true);
+export const selectEntriesGroups = (entries: RootState) => {
+  return entries.entries.group;
 };
 
-export const selectEntriesSortField = (collectionName: string) => (entries: RootState) => {
-  const sort = selectEntriesSort(entries, collectionName);
-  return Object.values(sort ?? {}).find(v => v?.direction !== SORT_DIRECTION_NONE);
+export const selectEntriesGroup = createSelector(
+  [selectEntriesGroups, (_state: RootState, collectionName?: string) => collectionName],
+  (group, collectionName): Record<string, GroupMap> => {
+    if (!collectionName) {
+      return {};
+    }
+
+    return group?.[collectionName] ?? {};
+  },
+);
+
+export const selectEntriesSelectedGroup = createSelector(
+  [selectEntriesGroup],
+  (groupLookup): GroupMap | undefined => {
+    return Object.values(groupLookup).find(v => v?.active === true);
+  },
+);
+
+export const selectEntriesSorts = (entries: RootState) => {
+  return entries.entries.sort;
 };
 
+export const selectEntriesSort = createSelector(
+  [selectEntriesSorts, (_state: RootState, collectionName?: string) => collectionName],
+  (sort, collectionName): SortMap => {
+    if (!collectionName) {
+      return {};
+    }
+
+    return sort[collectionName] ?? {};
+  },
+);
+
+export const selectEntriesSelectedSort = createSelector(
+  [selectEntriesSort],
+  (sortLookup): SortObject | undefined => {
+    return Object.values(sortLookup).find(v => v?.direction !== SORT_DIRECTION_NONE);
+  },
+);
+
 export function selectViewStyle(entries: RootState): ViewStyle {
   return entries.entries.viewStyle;
 }
 
 export function selectEntriesBySlugs(state: RootState) {
-  return state.entries.entities;
+  return state.entries.entries;
 }
 
-export function selectEntry(state: RootState, collection: string, slug: string) {
-  return state.entries.entities[`${collection}.${slug}`];
+function getEntry(entries: Entries, collectionName: string, slug: string) {
+  return entries[`${collectionName}.${slug}`];
 }
 
-export const selectPublishedSlugs = (collection: string) => (state: RootState) => {
-  return state.entries.pages[collection]?.ids ?? [];
+export const selectEntry = createSelector(
+  [
+    selectEntriesBySlugs,
+    (_state: RootState, collectionName: string) => collectionName,
+    (_state: RootState, _collectionName: string, slug: string | undefined) => slug,
+  ],
+  (entries, collectionName, slug): Entry<ObjectValue> | null => {
+    if (!slug) {
+      return null;
+    }
+
+    return getEntry(entries, collectionName, slug);
+  },
+);
+
+export const selectEntryPages = (state: RootState) => {
+  return state.entries.pages;
 };
 
-export const selectPublishedEntries = (collectionName: string) => (state: RootState) => {
-  const slugs = selectPublishedSlugs(collectionName)(state);
-  return (
-    slugs && (slugs.map(slug => selectEntry(state, collectionName, slug as string)) as Entry[])
-  );
+export const selectEntryPage = (state: RootState, collectionName: string) => {
+  return state.entries.pages[collectionName];
 };
 
+export const selectPublishedSlugs = createSelector([selectEntryPage], (page: Page): string[] => {
+  return page?.ids ?? [];
+});
+
+export const selectPublishedEntries = createSelector(
+  [
+    selectEntriesBySlugs,
+    (_state: RootState, collectionName: string) => collectionName,
+    selectPublishedSlugs,
+  ],
+  (entries, collectionName, slugs): Entry<ObjectValue>[] => {
+    return slugs.map(slug => getEntry(entries, collectionName, slug));
+  },
+);
+
 export function getGroup(entry: Entry, selectedGroup: GroupMap) {
   const label = selectedGroup.label;
   const field = selectedGroup.field;
@@ -105,25 +165,42 @@ export function getGroup(entry: Entry, selectedGroup: GroupMap) {
   };
 }
 
-export function selectEntryByPath(state: RootState, collection: string, path: string) {
-  const slugs = selectPublishedSlugs(collection)(state);
-  const entries =
-    slugs && (slugs.map(slug => selectEntry(state, collection, slug as string)) as Entry[]);
+export const selectEntryByPath = createSelector(
+  [
+    selectPublishedSlugs,
+    (_state: RootState, collectionName: string) => collectionName,
+    (_state: RootState, _collectionName: string, path: string) => path,
+    selectEntriesBySlugs,
+  ],
+  (slugs, collectionName, path, entries): Entry<ObjectValue> | undefined => {
+    return slugs.map(slug => getEntry(entries, collectionName, slug)).find(e => e?.path === path);
+  },
+);
 
-  return entries && entries.find(e => e?.path === path);
+export const selectEntriesLoaded = createSelector([selectEntryPage], (page): boolean => {
+  return Boolean(page);
+});
+
+export const selectIsFetching = createSelector([selectEntryPage], (page): boolean => {
+  return page?.isFetching ?? false;
+});
+
+export function selectSearchEntryIds(state: RootState) {
+  return state.search.entryIds;
 }
 
-export function selectEntriesLoaded(state: RootState, collection: string) {
-  return !!state.entries.pages[collection];
-}
-
-export function selectIsFetching(state: RootState, collection: string) {
-  return state.entries.pages[collection]?.isFetching ?? false;
-}
-
-export function selectSearchedEntries(state: RootState, availableCollections: string[]) {
-  // only return search results for actually available collections
-  return state.search.entryIds
-    .filter(entryId => availableCollections.indexOf(entryId!.collection) !== -1)
-    .map(entryId => selectEntry(state, entryId!.collection, entryId!.slug));
-}
+export const selectSearchedEntries = createSelector(
+  [
+    selectSearchEntryIds,
+    selectEntriesBySlugs,
+    (_state: RootState, availableCollections: string[]) => availableCollections,
+  ],
+  (entryIds, entries, availableCollections): Entry<ObjectValue>[] => {
+    // only return search results for actually available collections
+    return filterNullish(
+      entryIds
+        .filter(entryId => availableCollections.indexOf(entryId!.collection) !== -1)
+        .map(entryId => getEntry(entries, entryId.collection, entryId.slug)),
+    );
+  },
+);
diff --git a/packages/core/src/reducers/selectors/entryDraft.ts b/packages/core/src/reducers/selectors/entryDraft.ts
index d2509fd6..8ed406c3 100644
--- a/packages/core/src/reducers/selectors/entryDraft.ts
+++ b/packages/core/src/reducers/selectors/entryDraft.ts
@@ -1,6 +1,8 @@
+import { createSelector } from '@reduxjs/toolkit';
+
 import { getDataPath } from '@staticcms/core/lib/i18n';
 
-import type { I18nSettings } from '@staticcms/core/interface';
+import type { I18nSettings } from '@staticcms/core';
 import type { RootState } from '@staticcms/core/store';
 
 export const getEntryDataPath = (i18n: I18nSettings | undefined, isMeta: boolean | undefined) => {
@@ -9,15 +11,30 @@ export const getEntryDataPath = (i18n: I18nSettings | undefined, isMeta: boolean
     : (i18n && getDataPath(i18n.currentLocale, i18n.defaultLocale)) || ['data'];
 };
 
-export const selectFieldErrors =
-  (path: string, i18n: I18nSettings | undefined, isMeta: boolean | undefined) =>
-  (state: RootState) => {
+export const selectAllFieldErrors = (state: RootState) => state.entryDraft.fieldsErrors;
+
+export const selectFieldErrors = createSelector(
+  [
+    selectAllFieldErrors,
+    (_state: RootState, path: string) => path,
+    (_state: RootState, _path: string, i18n: I18nSettings | undefined) => i18n,
+    (
+      _state: RootState,
+      _path: string,
+      _i18n: I18nSettings | undefined,
+      isMeta: boolean | undefined,
+    ) => isMeta,
+  ],
+  (fieldsErrors, path, i18n, isMeta) => {
     const dataPath = getEntryDataPath(i18n, isMeta);
     const fullPath = `${dataPath.join('.')}.${path}`;
-    return state.entryDraft.fieldsErrors[fullPath] ?? [];
-  };
+    return fieldsErrors[fullPath] ?? [];
+  },
+);
 
-export const selectAllFieldErrors = (state: RootState) => state.entryDraft.fieldsErrors ?? {};
+export function selectEntryDraft(state: RootState) {
+  return state.entryDraft;
+}
 
 export function selectEditingDraft(state: RootState) {
   return state.entryDraft.entry;
diff --git a/packages/core/src/reducers/selectors/globalUI.ts b/packages/core/src/reducers/selectors/globalUI.ts
index 8dfdd699..01c78553 100644
--- a/packages/core/src/reducers/selectors/globalUI.ts
+++ b/packages/core/src/reducers/selectors/globalUI.ts
@@ -7,3 +7,7 @@ export function selectIsFetching(state: RootState) {
 export function selectTheme(state: RootState) {
   return state.globalUI.theme;
 }
+
+export function selectUseOpenAuthoring(state: RootState) {
+  return state.globalUI.useOpenAuthoring;
+}
diff --git a/packages/core/src/reducers/selectors/mediaLibrary.ts b/packages/core/src/reducers/selectors/mediaLibrary.ts
index 58a2644e..c2c9fb01 100644
--- a/packages/core/src/reducers/selectors/mediaLibrary.ts
+++ b/packages/core/src/reducers/selectors/mediaLibrary.ts
@@ -1,25 +1,37 @@
+import { createSelector } from '@reduxjs/toolkit';
 import get from 'lodash/get';
 import { dirname } from 'path';
 
 import { selectMediaFolder } from '@staticcms/core/lib/util/media.util';
-import { selectEditingDraft } from './entryDraft';
+import { selectEntryDraft } from './entryDraft';
+import { selectConfig } from './config';
+import { selectCollections } from './collections';
 
-import type { DisplayURLState, MediaField, MediaFile } from '@staticcms/core/interface';
+import type { DisplayURLState, MediaField, MediaFile } from '@staticcms/core';
 import type { RootState } from '@staticcms/core/store';
 
-export const selectMediaFiles =
-  (field?: MediaField) =>
-  (state: RootState): MediaFile[] => {
-    const { mediaLibrary, entryDraft } = state;
-    const editingDraft = selectEditingDraft(state);
+export const selectMediaLibraryState = (state: RootState) => {
+  return state.mediaLibrary;
+};
+
+export const selectMediaFiles = createSelector(
+  [
+    selectMediaLibraryState,
+    selectEntryDraft,
+    selectCollections,
+    selectConfig,
+    (_state: RootState, field?: MediaField) => field,
+  ],
+  (mediaLibrary, entryDraft, collections, config, field) => {
+    const editingDraft = entryDraft.entry;
 
     let files: MediaFile[] = [];
     if (editingDraft) {
       const entryFiles = entryDraft?.entry?.mediaFiles ?? [];
       const entry = entryDraft['entry'];
-      const collection = entry?.collection ? state.collections[entry.collection] : null;
-      if (state.config.config) {
-        const mediaFolder = selectMediaFolder(state.config.config, collection, entry, field);
+      const collection = entry?.collection ? collections[entry.collection] : null;
+      if (config) {
+        const mediaFolder = selectMediaFolder(config, collection, entry, field);
         files = entryFiles
           .filter(f => dirname(f.path) === mediaFolder)
           .map(file => ({ key: file.id, ...file }));
@@ -29,21 +41,21 @@ export const selectMediaFiles =
     }
 
     return files;
-  };
-
-export const selectMediaLibraryState = (state: RootState) => {
-  return state.mediaLibrary;
-};
+  },
+);
 
 export const selectMediaLibraryFiles = (state: RootState) => {
   return state.mediaLibrary.files;
 };
 
-export function selectMediaDisplayURL(state: RootState, id: string) {
-  return (get(state.mediaLibrary, ['displayURLs', id]) ?? {}) as DisplayURLState;
-}
+export const selectMediaDisplayURL = createSelector(
+  [selectMediaLibraryState, (_state: RootState, id: string) => id],
+  (mediaLibrary, id) => {
+    return (get(mediaLibrary, ['displayURLs', id]) ?? {}) as DisplayURLState;
+  },
+);
 
-export const selectMediaPath = (controlID: string) => (state: RootState) => {
+export const selectMediaPath = (state: RootState, controlID: string) => {
   return state.mediaLibrary.controlMedia[controlID];
 };
 
diff --git a/packages/core/src/reducers/selectors/medias.ts b/packages/core/src/reducers/selectors/medias.ts
index e7bcc183..f9ca36f1 100644
--- a/packages/core/src/reducers/selectors/medias.ts
+++ b/packages/core/src/reducers/selectors/medias.ts
@@ -1,7 +1,11 @@
-/* eslint-disable import/prefer-default-export */
+import { createSelector } from '@reduxjs/toolkit';
 
 import type { RootState } from '@staticcms/core/store';
 
-export function selectIsLoadingAsset(state: RootState) {
-  return Object.values(state.medias).some(state => state.isLoading);
+export function selectMedias(state: RootState) {
+  return state.medias;
 }
+
+export const selectIsLoadingAsset = createSelector([selectMedias], medias => {
+  return Object.values(medias).some(state => state.isLoading);
+});
diff --git a/packages/core/src/reducers/selectors/scroll.ts b/packages/core/src/reducers/selectors/scroll.ts
new file mode 100644
index 00000000..f94e538f
--- /dev/null
+++ b/packages/core/src/reducers/selectors/scroll.ts
@@ -0,0 +1,6 @@
+/* eslint-disable import/prefer-default-export */
+import type { RootState } from '@staticcms/core/store';
+
+export const selectIsScrolling = (state: RootState) => {
+  return state.scroll.isScrolling;
+};
diff --git a/packages/core/src/styles/datetime/calendar.css b/packages/core/src/styles/datetime/calendar.css
deleted file mode 100644
index a3a42c40..00000000
--- a/packages/core/src/styles/datetime/calendar.css
+++ /dev/null
@@ -1,143 +0,0 @@
-.react-calendar {
-  width: 350px;
-  max-width: 100%;
-  background: white;
-  border: 1px solid #a0a096;
-  font-family: Arial, Helvetica, sans-serif;
-  line-height: 1.125em;
-}
-
-.react-calendar--doubleView {
-  width: 700px;
-}
-
-.react-calendar--doubleView .react-calendar__viewContainer {
-  display: flex;
-  margin: -0.5em;
-}
-
-.react-calendar--doubleView .react-calendar__viewContainer > * {
-  width: 50%;
-  margin: 0.5em;
-}
-
-.react-calendar,
-.react-calendar *,
-.react-calendar *:before,
-.react-calendar *:after {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-}
-
-.react-calendar button {
-  margin: 0;
-  border: 0;
-  outline: none;
-}
-
-.react-calendar button:enabled:hover {
-  cursor: pointer;
-}
-
-.react-calendar__navigation {
-  display: flex;
-  height: 44px;
-  margin-bottom: 1em;
-}
-
-.react-calendar__navigation button {
-  min-width: 44px;
-  background: none;
-}
-
-.react-calendar__navigation button:disabled {
-  background-color: #f0f0f0;
-}
-
-.react-calendar__navigation button:enabled:hover,
-.react-calendar__navigation button:enabled:focus {
-  background-color: #e6e6e6;
-}
-
-.react-calendar__month-view__weekdays {
-  text-align: center;
-  text-transform: uppercase;
-  font-weight: bold;
-  font-size: 0.75em;
-}
-
-.react-calendar__month-view__weekdays__weekday {
-  padding: 0.5em;
-}
-
-.react-calendar__month-view__weekNumbers .react-calendar__tile {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 0.75em;
-  font-weight: bold;
-}
-
-.react-calendar__month-view__days__day--weekend {
-  color: #d10000;
-}
-
-.react-calendar__month-view__days__day--neighboringMonth {
-  color: #757575;
-}
-
-.react-calendar__year-view .react-calendar__tile,
-.react-calendar__decade-view .react-calendar__tile,
-.react-calendar__century-view .react-calendar__tile {
-  padding: 2em 0.5em;
-}
-
-.react-calendar__tile {
-  max-width: 100%;
-  padding: 10px 6.6667px;
-  background: none;
-  text-align: center;
-  line-height: 16px;
-}
-
-.react-calendar__tile:disabled {
-  background-color: #f0f0f0;
-}
-
-.react-calendar__tile:enabled:hover,
-.react-calendar__tile:enabled:focus {
-  background-color: #e6e6e6;
-}
-
-.react-calendar__tile--now {
-  background: #ffff76;
-}
-
-.react-calendar__tile--now:enabled:hover,
-.react-calendar__tile--now:enabled:focus {
-  background: #ffffa9;
-}
-
-.react-calendar__tile--hasActive {
-  background: #76baff;
-}
-
-.react-calendar__tile--hasActive:enabled:hover,
-.react-calendar__tile--hasActive:enabled:focus {
-  background: #a9d4ff;
-}
-
-.react-calendar__tile--active {
-  background: #006edc;
-  color: white;
-}
-
-.react-calendar__tile--active:enabled:hover,
-.react-calendar__tile--active:enabled:focus {
-  background: #1087ff;
-}
-
-.react-calendar--selectRange .react-calendar__tile--hover {
-  background-color: #e6e6e6;
-}
diff --git a/packages/core/src/styles/datetime/clock.css b/packages/core/src/styles/datetime/clock.css
deleted file mode 100644
index edbc2e6c..00000000
--- a/packages/core/src/styles/datetime/clock.css
+++ /dev/null
@@ -1,62 +0,0 @@
-.react-clock {
-  display: block;
-  position: relative;
-}
-
-.react-clock,
-.react-clock *,
-.react-clock *:before,
-.react-clock *:after {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-}
-
-.react-clock__face {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  border: 1px solid black;
-  border-radius: 50%;
-}
-
-.react-clock__hand {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 50%;
-  right: 50%;
-}
-
-.react-clock__hand__body {
-  position: absolute;
-  background-color: black;
-  transform: translateX(-50%);
-}
-
-.react-clock__mark {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 50%;
-  right: 50%;
-}
-
-.react-clock__mark__body {
-  position: absolute;
-  background-color: black;
-  transform: translateX(-50%);
-}
-
-.react-clock__mark__number {
-  position: absolute;
-  left: -40px;
-  width: 80px;
-  text-align: center;
-}
-
-.react-clock__second-hand__body {
-  background-color: red;
-}
diff --git a/packages/core/src/styles/datetime/datetime.css b/packages/core/src/styles/datetime/datetime.css
deleted file mode 100644
index 8948f054..00000000
--- a/packages/core/src/styles/datetime/datetime.css
+++ /dev/null
@@ -1,130 +0,0 @@
-.react-datetime-picker {
-  display: inline-flex;
-  position: relative;
-}
-
-.react-datetime-picker,
-.react-datetime-picker *,
-.react-datetime-picker *:before,
-.react-datetime-picker *:after {
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-}
-
-.react-datetime-picker--disabled {
-  background-color: #f0f0f0;
-  color: #6d6d6d;
-}
-
-.react-datetime-picker__wrapper {
-  display: flex;
-  flex-grow: 1;
-  flex-shrink: 0;
-  border: thin solid gray;
-}
-
-.react-datetime-picker__inputGroup {
-  min-width: calc(4px + (4px * 3) + 0.54em * 6 + 0.217em * 2);
-  flex-grow: 1;
-  padding: 0 2px;
-}
-
-.react-datetime-picker__inputGroup__divider {
-  padding: 1px 0;
-  white-space: pre;
-}
-
-.react-datetime-picker__inputGroup__divider,
-.react-datetime-picker__inputGroup__leadingZero {
-  display: inline-block;
-}
-
-.react-datetime-picker__inputGroup__input {
-  min-width: 0.54em;
-  height: calc(100% - 2px);
-  position: relative;
-  padding: 1px;
-  border: 0;
-  background: none;
-  font: inherit;
-  box-sizing: content-box;
-  -webkit-appearance: textfield;
-  -moz-appearance: textfield;
-  appearance: textfield;
-}
-
-.react-datetime-picker__inputGroup__input::-webkit-outer-spin-button,
-.react-datetime-picker__inputGroup__input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  margin: 0;
-}
-
-.react-datetime-picker__inputGroup__input:invalid {
-  background: rgba(255, 0, 0, 0.1);
-}
-
-.react-datetime-picker__inputGroup__input--hasLeadingZero {
-  margin-left: -0.54em;
-  padding-left: calc(1px + 0.54em);
-}
-
-.react-datetime-picker__inputGroup__amPm {
-  font: inherit;
-  -webkit-appearance: menulist;
-  -moz-appearance: menulist;
-  appearance: menulist;
-}
-
-.react-datetime-picker__button {
-  border: 0;
-  background: transparent;
-  padding: 4px 6px;
-}
-
-.react-datetime-picker__button:enabled {
-  cursor: pointer;
-}
-
-.react-datetime-picker__button:enabled:hover .react-datetime-picker__button__icon,
-.react-datetime-picker__button:enabled:focus .react-datetime-picker__button__icon {
-  stroke: #0078d7;
-}
-
-.react-datetime-picker__button:disabled .react-datetime-picker__button__icon {
-  stroke: #6d6d6d;
-}
-
-.react-datetime-picker__button svg {
-  display: inherit;
-}
-
-.react-datetime-picker__calendar,
-.react-datetime-picker__clock {
-  z-index: 1;
-}
-
-.react-datetime-picker__calendar--closed,
-.react-datetime-picker__clock--closed {
-  display: none;
-}
-
-.react-datetime-picker__calendar {
-  width: 350px;
-  max-width: 100vw;
-}
-
-.react-datetime-picker__calendar .react-calendar {
-  border-width: thin;
-}
-
-.react-datetime-picker__clock {
-  width: 200px;
-  height: 200px;
-  max-width: 100vw;
-  padding: 25px;
-  background-color: white;
-  border: thin solid #a0a096;
-}
diff --git a/packages/core/src/styles/main.css b/packages/core/src/styles/main.css
index 3977d3f6..efa3b866 100644
--- a/packages/core/src/styles/main.css
+++ b/packages/core/src/styles/main.css
@@ -13,9 +13,9 @@
   }
 
   body {
-    @apply text-gray-800
-      dark:text-gray-100
-      overflow-hidden
+    color: var(--text-primary);
+
+    @apply overflow-hidden
       w-screen;
   }
 
@@ -30,8 +30,6 @@
       font-medium
       focus:outline-none
       focus:ring-4
-      focus:ring-gray-200
-      dark:focus:ring-slate-600
       border;
   }
 
@@ -67,270 +65,352 @@
   }
 
   .CMS_Button_contained-primary {
-    @apply border-transparent
-      bg-blue-700
-      hover:bg-blue-800
-      text-white
-      disabled:text-gray-50
-      disabled:bg-gray-300/80
-      dark:bg-blue-600
-      dark:hover:bg-blue-800
-      dark:disabled:text-slate-400/50
-      dark:disabled:bg-slate-700/50;
+    color: var(--primary-contrast-color);
+    background: var(--primary-main);
+    --tw-ring-color: color-mix(in srgb, var(--primary-light) 50%, transparent);
+
+    &:hover {
+      background: var(--primary-dark);
+    }
+
+    &:disabled {
+      color: var(--text-disabled);
+      background: var(--common-gray);
+    }
+
+    @apply border-transparent;
   }
 
   .CMS_Button_outlined-primary {
-    @apply text-gray-800
-      bg-transparent
-      border-gray-200
-      hover:bg-slate-100
-      hover:border-blue-400
-      hover:text-blue-700
-      disabled:text-gray-300
-      disabled:border-gray-200
-      disabled:hover:bg-transparent
-      dark:bg-transparent
-      dark:text-slate-300
-      dark:border-slate-400
-      dark:hover:text-blue-400
-      dark:hover:border-blue-500
-      dark:hover:bg-blue-700/20
-      dark:disabled:text-slate-600/75
-      dark:disabled:border-slate-600/75
-      dark:disabled:hover:bg-transparent;
+    color: var(--primary-main);
+    border-color: var(--primary-main);
+    --tw-ring-color: color-mix(in srgb, var(--primary-light) 50%, transparent);
+
+    &:hover {
+      color: var(--primary-dark);
+      background: color-mix(in srgb, var(--primary-dark) 8%, transparent);
+      border-color: var(--primary-dark);
+    }
+
+    &:disabled {
+      color: var(--text-disabled);
+      border-color: var(--common-gray);
+    }
+
+    @apply bg-transparent
+      disabled:hover:bg-transparent;
   }
 
   .CMS_Button_text-primary {
+    color: var(--primary-main);
+    --tw-ring-color: color-mix(in srgb, var(--primary-light) 50%, transparent);
+
+    &:hover {
+      color: var(--primary-dark);
+      background: color-mix(in srgb, var(--primary-dark) 8%, transparent);
+    }
+
+    &:disabled {
+      color: var(--text-disabled);
+    }
+
     @apply bg-transparent
       border-transparent
-      text-gray-800
-      hover:text-blue-700
-      hover:bg-blue-100
-      disabled:text-gray-300
-      disabled:hover:bg-transparent
-      dark:text-gray-300
-      dark:hover:text-blue-400
-      dark:hover:bg-slate-700/75
-      dark:disabled:text-slate-600/75
-      dark:disabled:hover:bg-transparent;
+      disabled:hover:bg-transparent;
   }
 
   .CMS_Button_contained-secondary {
-    @apply font-medium
-      text-gray-600
-      bg-white
-      border-gray-200/75
-      hover:text-gray-800
-      hover:bg-gray-100
-      hover:border-gray-200/50
-      disabled:text-gray-300/75
-      disabled:bg-white/80
-      disabled:border-gray-200/5
-      dark:text-gray-300
-      dark:bg-gray-800
-      dark:border-gray-600/60
-      dark:hover:bg-gray-700
-      dark:hover:text-white
-      dark:hover:border-gray-600/80
-      dark:disabled:text-gray-400/20
-      dark:disabled:bg-gray-700/20
-      dark:disabled:border-gray-600/20;
+    color: var(--text-primary);
+    background: var(--common-gray);
+    --tw-ring-color: color-mix(in srgb, var(--primary-light) 50%, transparent);
+
+    &:hover {
+      color: var(--primary-contrast-color);
+      background: var(--primary-dark);
+    }
+
+    &:disabled {
+      color: var(--text-disabled);
+      background: color-mix(in srgb, var(--common-gray) 50%, transparent);
+    }
+
+    @apply border-transparent;
   }
 
   .CMS_Button_outlined-secondary {
-    @apply text-gray-800
-      bg-transparent
-      border-gray-200
-      hover:bg-gray-100
-      hover:text-gray-800
-      hover:border-gray-200/50
-      disabled:text-gray-300/75
-      disabled:border-gray-200/40
-      disabled:hover:bg-transparent
-      dark:bg-transparent
-      dark:text-gray-300
-      dark:border-gray-600/60
-      dark:hover:bg-gray-700
-      dark:hover:text-white
-      dark:hover:border-gray-600/80
-      dark:disabled:text-gray-400/20
-      dark:disabled:border-gray-600/20
-      dark:disabled:hover:bg-transparent;
+    color: var(--text-primary);
+    border-color: var(--common-gray);
+    --tw-ring-color: color-mix(in srgb, var(--primary-light) 50%, transparent);
+
+    &:hover {
+      color: var(--primary-dark);
+      background: color-mix(in srgb, var(--primary-dark) 8%, transparent);
+      border-color: color-mix(in srgb, var(--primary-dark) 50%, transparent);
+    }
+
+    &:disabled {
+      color: var(--text-disabled);
+      border-color: color-mix(in srgb, var(--common-gray) 50%, transparent);
+    }
+
+    @apply bg-transparent
+      disabled:hover:bg-transparent;
   }
 
   .CMS_Button_text-secondary {
+    color: var(--text-primary);
+    --tw-ring-color: color-mix(in srgb, var(--primary-light) 50%, transparent);
+
+    &:hover {
+      color: var(--primary-dark);
+      background: color-mix(in srgb, var(--primary-dark) 8%, transparent);
+    }
+
+    &:disabled {
+      color: var(--text-disabled);
+    }
+
     @apply bg-transparent
       border-transparent
-      text-gray-800
-      hover:text-gray-800
-      hover:bg-gray-100
-      disabled:text-gray-300/75
-      disabled:hover:bg-transparent
-      dark:text-gray-300
-      dark:hover:text-white
-      dark:hover:bg-gray-700
-      dark:disabled:text-gray-400/20
-      dark:disabled:hover:bg-transparent;
+      disabled:hover:bg-transparent;
   }
 
   .CMS_Button_contained-success {
-    @apply border-transparent
-      bg-green-600
-      hover:bg-green-700
-      text-white
-      disabled:text-gray-50
-      disabled:bg-gray-300/80
-      dark:bg-green-600
-      dark:hover:bg-green-800
-      dark:disabled:text-slate-400/50
-      dark:disabled:bg-slate-700/50;
+    color: var(--success-contrast-color);
+    background: var(--success-main);
+    --tw-ring-color: color-mix(in srgb, var(--success-light) 50%, transparent);
+
+    &:hover {
+      background: var(--success-dark);
+    }
+
+    &:disabled {
+      color: var(--text-disabled);
+      background: var(--common-gray);
+    }
+
+    @apply border-transparent;
   }
 
   .CMS_Button_outlined-success {
+    color: var(--success-main);
+    border-color: var(--success-main);
+    --tw-ring-color: color-mix(in srgb, var(--success-light) 50%, transparent);
+
+    &:hover {
+      color: var(--success-dark);
+      background: color-mix(in srgb, var(--success-dark) 8%, transparent);
+      border-color: var(--success-dark);
+    }
+
+    &:disabled {
+      color: var(--text-disabled);
+      border-color: var(--common-gray);
+    }
+
     @apply bg-transparent
-      text-green-500
-      border-green-200
-      hover:bg-green-100
-      hover:text-green-700
-      disabled:text-gray-300
-      disabled:border-gray-200
-      disabled:hover:bg-transparent
-      dark:bg-transparent
-      dark:text-green-400
-      dark:border-green-600
-      dark:hover:text-green-500
-      dark:hover:bg-green-700/10
-      dark:disabled:text-slate-600/75
-      dark:disabled:border-slate-600/75
-      dark:disabled:hover:bg-transparent;
+      disabled:hover:bg-transparent;
   }
 
   .CMS_Button_text-success {
+    color: var(--success-main);
+    --tw-ring-color: color-mix(in srgb, var(--success-light) 50%, transparent);
+
+    &:hover {
+      color: var(--success-dark);
+      background: color-mix(in srgb, var(--success-dark) 8%, transparent);
+    }
+
+    &:disabled {
+      color: var(--text-disabled);
+    }
+
     @apply bg-transparent
       border-transparent
-      text-green-500
-      hover:text-green-700
-      hover:bg-green-100
-      disabled:text-gray-300
-      disabled:hover:bg-transparent
-      dark:text-green-400
-      dark:hover:text-green-500
-      dark:hover:bg-green-700/10
-      dark:disabled:text-slate-600/75
-      dark:disabled:hover:bg-transparent;
+      disabled:hover:bg-transparent;
   }
 
   .CMS_Button_contained-error {
-    @apply border-transparent
-      bg-red-600
-      hover:bg-red-700
-      text-white
-      disabled:text-gray-50
-      disabled:bg-gray-300/80
-      dark:bg-red-600
-      dark:hover:bg-red-800
-      dark:disabled:text-slate-400/50
-      dark:disabled:bg-slate-700/50;
+    color: var(--error-contrast-color);
+    background: var(--error-main);
+    --tw-ring-color: color-mix(in srgb, var(--error-light) 50%, transparent);
+
+    &:hover {
+      background: var(--error-dark);
+    }
+
+    &:disabled {
+      color: var(--text-disabled);
+      background: var(--common-gray);
+    }
+
+    @apply border-transparent;
   }
 
   .CMS_Button_outlined-error {
+    color: var(--error-main);
+    border-color: var(--error-main);
+    --tw-ring-color: color-mix(in srgb, var(--error-light) 50%, transparent);
+
+    &:hover {
+      color: var(--error-dark);
+      background: color-mix(in srgb, var(--error-dark) 8%, transparent);
+      border-color: var(--error-dark);
+    }
+
+    &:disabled {
+      color: var(--text-disabled);
+      border-color: var(--common-gray);
+    }
+
     @apply bg-transparent
-      text-red-500
-      border-red-200
-      hover:bg-red-100
-      hover:text-red-700
-      disabled:text-gray-300
-      disabled:border-gray-200
-      disabled:hover:bg-transparent
-      dark:bg-transparent
-      dark:text-red-400
-      dark:border-red-600
-      dark:hover:text-red-500
-      dark:hover:bg-red-700/10
-      dark:disabled:text-slate-600/75
-      dark:disabled:border-slate-600/75
-      dark:disabled:hover:bg-transparent;
+      disabled:hover:bg-transparent;
   }
 
   .CMS_Button_text-error {
+    color: var(--error-main);
+    --tw-ring-color: color-mix(in srgb, var(--error-light) 50%, transparent);
+
+    &:hover {
+      color: var(--error-dark);
+      background: color-mix(in srgb, var(--error-dark) 8%, transparent);
+    }
+
+    &:disabled {
+      color: var(--text-disabled);
+    }
+
     @apply bg-transparent
       border-transparent
-      text-red-500
-      hover:text-red-700
-      hover:bg-red-100
-      disabled:text-gray-300
-      disabled:hover:bg-transparent
-      dark:text-red-400
-      dark:hover:text-red-500
-      dark:hover:bg-red-700/10
-      dark:disabled:text-slate-600/75
-      dark:disabled:hover:bg-transparent;
+      disabled:hover:bg-transparent;
   }
 
   .CMS_Button_contained-warning {
-    @apply border-transparent
-      bg-yellow-500
-      hover:bg-yellow-600
-      text-white
-      disabled:text-gray-50
-      disabled:bg-gray-300/80
-      dark:bg-yellow-600
-      dark:hover:bg-yellow-800
-      dark:disabled:text-slate-400/50
-      dark:disabled:bg-slate-700/50;
+    color: var(--warning-contrast-color);
+    background: var(--warning-main);
+    --tw-ring-color: color-mix(in srgb, var(--warning-light) 50%, transparent);
+
+    &:hover {
+      background: var(--warning-dark);
+    }
+
+    &:disabled {
+      color: var(--text-disabled);
+      background: var(--common-gray);
+    }
+
+    @apply border-transparent;
   }
 
   .CMS_Button_outlined-warning {
+    color: var(--warning-main);
+    border-color: var(--warning-main);
+    --tw-ring-color: color-mix(in srgb, var(--warning-light) 50%, transparent);
+
+    &:hover {
+      color: var(--warning-dark);
+      background: color-mix(in srgb, var(--warning-dark) 8%, transparent);
+      border-color: var(--warning-dark);
+    }
+
+    &:disabled {
+      color: var(--text-disabled);
+      border-color: var(--common-gray);
+    }
+
     @apply bg-transparent
-      border
-      text-yellow-500
-      border-yellow-200
-      hover:bg-yellow-50
-      hover:text-yellow-600
-      disabled:text-gray-300
-      disabled:border-gray-200
-      disabled:hover:bg-transparent
-      dark:bg-transparent
-      dark:text-yellow-400
-      dark:border-yellow-600
-      dark:hover:text-yellow-500
-      dark:hover:bg-yellow-700/10
-      dark:disabled:text-slate-600/75
-      dark:disabled:border-slate-600/75
-      dark:disabled:hover:bg-transparent;
+      disabled:hover:bg-transparent;
   }
 
   .CMS_Button_text-warning {
+    color: var(--warning-main);
+    --tw-ring-color: color-mix(in srgb, var(--warning-light) 50%, transparent);
+
+    &:hover {
+      color: var(--warning-dark);
+      background: color-mix(in srgb, var(--warning-dark) 8%, transparent);
+    }
+
+    &:disabled {
+      color: var(--text-disabled);
+    }
+
     @apply bg-transparent
       border-transparent
-      text-yellow-500
-      hover:text-yellow-600
-      hover:bg-yellow-50
-      disabled:text-gray-300
-      disabled:hover:bg-transparent
-      dark:text-yellow-400
-      dark:hover:text-yellow-500
-      dark:hover:bg-yellow-700/10
-      dark:disabled:text-slate-600/75
-      dark:disabled:hover:bg-transparent;
+      disabled:hover:bg-transparent;
+  }
+
+  .CMS_Button_contained-info {
+    color: var(--info-contrast-color);
+    background: var(--info-main);
+    --tw-ring-color: color-mix(in srgb, var(--info-light) 50%, transparent);
+
+    &:hover {
+      background: var(--info-dark);
+    }
+
+    &:disabled {
+      color: var(--text-disabled);
+      background: var(--common-gray);
+    }
+
+    @apply border-transparent;
+  }
+
+  .CMS_Button_outlined-info {
+    color: var(--info-main);
+    border-color: var(--info-main);
+    --tw-ring-color: color-mix(in srgb, var(--info-light) 50%, transparent);
+
+    &:hover {
+      color: var(--info-dark);
+      background: color-mix(in srgb, var(--info-dark) 8%, transparent);
+      border-color: var(--info-dark);
+    }
+
+    &:disabled {
+      color: var(--text-disabled);
+      border-color: var(--common-gray);
+    }
+
+    @apply bg-transparent
+      disabled:hover:bg-transparent;
+  }
+
+  .CMS_Button_text-info {
+    color: var(--info-main);
+    --tw-ring-color: color-mix(in srgb, var(--info-light) 50%, transparent);
+
+    &:hover {
+      color: var(--info-dark);
+      background: color-mix(in srgb, var(--info-dark) 8%, transparent);
+    }
+
+    &:disabled {
+      color: var(--text-disabled);
+    }
+
+    @apply bg-transparent
+      border-transparent
+      disabled:hover:bg-transparent;
   }
 
   /**
   * Checkbox
   */
   .checkbox {
+    background: color-mix(in srgb, var(--primary-contrast-color) 50%, transparent);
+    border-color: var(--primary-contrast-color);
+
     @apply w-4
       h-4
-      bg-slate-100
-      border-gray-300
       rounded
       p-1.5
-      focus:ring-blue-500
-      dark:focus:ring-blue-600
-      dark:ring-offset-gray-800
-      focus:ring-2
-      dark:bg-slate-700
-      dark:border-gray-600;
+      focus:ring-2;
+
+    &:focus {
+      --tw-ring-color: color-mix(in srgb, var(--primary-light) 50%, transparent);
+    }
   }
 }
 
@@ -344,45 +424,41 @@
 }
 
 .CMS_Scrollbar_root {
-  --scrollbar-foreground: rgba(100, 116, 139, 0.25);
-  --scrollbar-background: rgb(248 250 252);
+  --scrollbar-foreground: var(--scrollbar-main);
+  --scrollbar-background: var(--background-dark);
 }
 
-.CMS_Scrollbar_root.CMS_Scrollbar_secondary {
-  --scrollbar-foreground: rgba(100, 116, 139, 0.25);
-  --scrollbar-background: rgb(255 255 255);
+.CMS_Scrollbar_root.CMS_Scrollbar_secondary,
+.MuiMultiSectionDigitalClock-root {
+  --scrollbar-foreground: var(--scrollbar-light);
+  --scrollbar-background: var(--background-main);
 }
 
-.dark .CMS_Scrollbar_root {
-  --scrollbar-foreground: rgba(30, 41, 59, 0.8);
-  --scrollbar-background: rgb(15 23 42);
-}
-
-.dark .CMS_Scrollbar_root.CMS_Scrollbar_secondary {
-  --scrollbar-foreground: rgba(47, 64, 84, 0.8);
-  --scrollbar-background: rgb(30 41 59);
-}
-
-.CMS_Scrollbar_root {
+.CMS_Scrollbar_root,
+.MuiMultiSectionDigitalClock-root {
   /* Foreground, Background */
   scrollbar-color: var(--scrollbar-foreground) var(--scrollbar-background);
 }
 
-.CMS_Scrollbar_root::-webkit-scrollbar {
+.CMS_Scrollbar_root::-webkit-scrollbar,
+.MuiMultiSectionDigitalClock-root::-webkit-scrollbar {
   width: 10px; /* Mostly for vertical scrollbars */
   height: 10px; /* Mostly for horizontal scrollbars */
 }
 
-.CMS_Scrollbar_root::-webkit-scrollbar-corner {
+.CMS_Scrollbar_root::-webkit-scrollbar-corner,
+.MuiMultiSectionDigitalClock-root::-webkit-scrollbar-corner {
   background: rgba(0, 0, 0, 0);
 }
 
-.CMS_Scrollbar_root::-webkit-scrollbar-thumb {
+.CMS_Scrollbar_root::-webkit-scrollbar-thumb,
+.MuiMultiSectionDigitalClock-root::-webkit-scrollbar-thumb {
   /* Foreground */
   background: var(--scrollbar-foreground);
 }
 
-.CMS_Scrollbar_root::-webkit-scrollbar-track {
+.CMS_Scrollbar_root::-webkit-scrollbar-track,
+.MuiMultiSectionDigitalClock-root::-webkit-scrollbar-track {
   /* Background */
   background: var(--scrollbar-background);
 }
diff --git a/packages/core/src/types/global.d.ts b/packages/core/src/types/global.d.ts
index f3c36882..012004a4 100644
--- a/packages/core/src/types/global.d.ts
+++ b/packages/core/src/types/global.d.ts
@@ -15,6 +15,7 @@ import type {
   useUUID,
   useData,
 } from '../lib/hooks';
+import type useTheme from '../components/theme/hooks/useTheme';
 
 declare global {
   interface Window {
@@ -22,6 +23,7 @@ declare global {
     CMS_CONFIG?: Config;
     CMS_ENV?: string;
     h: createElement;
+
     useState: useState;
     useMemo: useMemo;
     useEffect: useEffect;
@@ -37,5 +39,6 @@ declare global {
     useUUID: useUUID;
     useData: useData;
     useNavigate: useNavigate;
+    useTheme: useTheme;
   }
 }
diff --git a/packages/core/src/types/svg.d.ts b/packages/core/src/types/svg.d.ts
index 70dfeafb..14d0aee2 100644
--- a/packages/core/src/types/svg.d.ts
+++ b/packages/core/src/types/svg.d.ts
@@ -1,6 +1,6 @@
 declare module '*.svg' {
   import type { FC } from 'react';
-  import type { SvgProps } from '@staticcms/core/interface';
+  import type { SvgProps } from '@staticcms/core';
 
   const content: FC<SvgProps>;
   export default content;
diff --git a/packages/core/src/valueObjects/createEntry.ts b/packages/core/src/valueObjects/createEntry.ts
index 85ae52ae..485186a4 100644
--- a/packages/core/src/valueObjects/createEntry.ts
+++ b/packages/core/src/valueObjects/createEntry.ts
@@ -1,6 +1,7 @@
 import isBoolean from 'lodash/isBoolean';
 
 import type { MediaFile } from '../backend';
+import type { WorkflowStatus } from '../constants/publishModes';
 import type { Entry } from '../interface';
 
 interface Options {
@@ -13,11 +14,13 @@ interface Options {
   mediaFiles?: MediaFile[] | null;
   author?: string;
   updatedOn?: string;
-  status?: string;
+  status?: WorkflowStatus;
+  meta?: { path: string };
   i18n?: {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     [locale: string]: any;
   };
+  openAuthoring?: boolean;
 }
 
 export default function createEntry(
@@ -38,8 +41,10 @@ export default function createEntry(
     mediaFiles: options.mediaFiles || [],
     author: options.author || '',
     updatedOn: options.updatedOn || '',
-    status: options.status || '',
+    status: options.status || undefined,
     i18n: options.i18n || {},
+    meta: options.meta || undefined,
+    openAuthoring: options.openAuthoring,
   };
 
   return returnObj;
diff --git a/packages/core/src/widgets/boolean/BooleanControl.css b/packages/core/src/widgets/boolean/BooleanControl.css
new file mode 100644
index 00000000..80a5118a
--- /dev/null
+++ b/packages/core/src/widgets/boolean/BooleanControl.css
@@ -0,0 +1,23 @@
+.CMS_WidgetBoolean_content {
+  @apply flex
+    gap-2
+    items-center;
+}
+
+.CMS_WidgetBoolean_prefix {
+  color: var(--text-secondary);
+
+  @apply text-sm
+    whitespace-nowrap;
+
+  line-height: 100%;
+}
+
+.CMS_WidgetBoolean_suffix {
+  color: var(--text-secondary);
+
+  @apply text-sm
+    whitespace-nowrap;
+
+  line-height: 100%;
+}
diff --git a/packages/core/src/widgets/boolean/BooleanControl.tsx b/packages/core/src/widgets/boolean/BooleanControl.tsx
index a339c870..5cd3077d 100644
--- a/packages/core/src/widgets/boolean/BooleanControl.tsx
+++ b/packages/core/src/widgets/boolean/BooleanControl.tsx
@@ -3,11 +3,14 @@ import React, { useCallback, useMemo, useRef, useState } from 'react';
 import Field from '@staticcms/core/components/common/field/Field';
 import Switch from '@staticcms/core/components/common/switch/Switch';
 import classNames from '@staticcms/core/lib/util/classNames.util';
+import { isNotEmpty } from '@staticcms/core/lib/util/string.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { BooleanField, WidgetControlProps } from '@staticcms/core/interface';
+import type { BooleanField, WidgetControlProps } from '@staticcms/core';
 import type { ChangeEvent, FC } from 'react';
 
+import './BooleanControl.css';
+
 const classes = generateClassNames('WidgetBoolean', [
   'root',
   'error',
@@ -15,6 +18,9 @@ const classes = generateClassNames('WidgetBoolean', [
   'disabled',
   'for-single-list',
   'input',
+  'content',
+  'prefix',
+  'suffix',
 ]);
 
 const BooleanControl: FC<WidgetControlProps<boolean, BooleanField>> = ({
@@ -43,6 +49,9 @@ const BooleanControl: FC<WidgetControlProps<boolean, BooleanField>> = ({
     [onChange],
   );
 
+  const prefix = useMemo(() => field.prefix ?? '', [field.prefix]);
+  const suffix = useMemo(() => field.suffix ?? '', [field.suffix]);
+
   return (
     <Field
       inputRef={ref}
@@ -61,13 +70,17 @@ const BooleanControl: FC<WidgetControlProps<boolean, BooleanField>> = ({
         forSingleList && classes['for-single-list'],
       )}
     >
-      <Switch
-        ref={ref}
-        value={internalValue}
-        disabled={disabled}
-        onChange={handleChange}
-        rootClassName={classes.input}
-      />
+      <div className={classes.content}>
+        {isNotEmpty(prefix) ? <div className={classes.prefix}>{prefix}</div> : null}
+        <Switch
+          ref={ref}
+          value={internalValue}
+          disabled={disabled}
+          onChange={handleChange}
+          rootClassName={classes.input}
+        />
+        {isNotEmpty(suffix) ? <div className={classes.suffix}>{suffix}</div> : null}
+      </div>
     </Field>
   );
 };
diff --git a/packages/core/src/widgets/boolean/__tests__/BooleanControl.spec.ts b/packages/core/src/widgets/boolean/__tests__/BooleanControl.spec.ts
index 0363175f..edb1bd06 100644
--- a/packages/core/src/widgets/boolean/__tests__/BooleanControl.spec.ts
+++ b/packages/core/src/widgets/boolean/__tests__/BooleanControl.spec.ts
@@ -3,7 +3,7 @@
  */
 import '@testing-library/jest-dom';
 import { act } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
+import { userEvent } from '@testing-library/user-event';
 
 import { mockBooleanField } from '@staticcms/test/data/fields.mock';
 import { createWidgetControlHarness } from '@staticcms/test/harnesses/widget.harness';
diff --git a/packages/core/src/widgets/boolean/index.ts b/packages/core/src/widgets/boolean/index.ts
index 7c265d3e..01ada9d2 100644
--- a/packages/core/src/widgets/boolean/index.ts
+++ b/packages/core/src/widgets/boolean/index.ts
@@ -1,7 +1,7 @@
 import controlComponent from './BooleanControl';
 import schema from './schema';
 
-import type { BooleanField, WidgetParam } from '@staticcms/core/interface';
+import type { BooleanField, WidgetParam } from '@staticcms/core';
 
 const BooleanWidget = (): WidgetParam<boolean, BooleanField> => {
   return {
diff --git a/packages/core/src/widgets/boolean/schema.ts b/packages/core/src/widgets/boolean/schema.ts
index 858da99c..13c04531 100644
--- a/packages/core/src/widgets/boolean/schema.ts
+++ b/packages/core/src/widgets/boolean/schema.ts
@@ -1,5 +1,7 @@
 export default {
   properties: {
     default: { type: 'boolean' },
+    prefix: { type: 'string' },
+    suffix: { type: 'string' },
   },
 };
diff --git a/packages/core/src/widgets/code/CodeControl.css b/packages/core/src/widgets/code/CodeControl.css
index dcd11423..e90791ab 100644
--- a/packages/core/src/widgets/code/CodeControl.css
+++ b/packages/core/src/widgets/code/CodeControl.css
@@ -1,11 +1,10 @@
 .CMS_WidgetCode_root {
+  border-color: var(--background-light);
+
   @apply relative
     flex
     flex-col
-    border-b
-    border-slate-400
-    focus-within:border-blue-800
-    dark:focus-within:border-blue-100;
+    border-b;
 
   &.CMS_WidgetCode_for-single-list {
     & .CMS_WidgetCode_field-wrapper {
@@ -19,8 +18,7 @@
     }
 
     & .CMS_WidgetCode_expand-button-icon {
-      @apply text-slate-300
-        dark:text-slate-600;
+      color: var(--text-secondary);
     }
   }
 
@@ -34,17 +32,27 @@
   &:not(.CMS_WidgetCode_error) {
     &:not(.CMS_WidgetCode_disabled) {
       &:hover,
-      &:focus {
-        & .CMS_WidgetCode_label {
-          @apply text-blue-500;
-        }
+      &:focus-within {
+        border-color: var(--primary-main);
 
-        & .CMS_WidgetCode_expand-button-icon {
-          @apply text-blue-500;
+        & .CMS_WidgetCode_label {
+          color: var(--primary-main);
         }
       }
     }
   }
+
+  &.CMS_WidgetCode_error {
+    &:not(.CMS_WidgetCode_disabled) {
+      & .CMS_WidgetCode_label {
+        color: var(--error-main);
+      }
+
+      &:focus-within {
+        border-color: var(--error-main);
+      }
+    }
+  }
 }
 
 .CMS_WidgetCode_field-wrapper {
@@ -66,7 +74,6 @@
     focus:outline-none
     focus-visible:ring
     gap-2
-    focus-visible:ring-opacity-75
     items-center;
 }
 
diff --git a/packages/core/src/widgets/code/CodeControl.tsx b/packages/core/src/widgets/code/CodeControl.tsx
index bb5b4583..fdf5c2bd 100644
--- a/packages/core/src/widgets/code/CodeControl.tsx
+++ b/packages/core/src/widgets/code/CodeControl.tsx
@@ -7,21 +7,16 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import ErrorMessage from '@staticcms/core/components/common/field/ErrorMessage';
 import Hint from '@staticcms/core/components/common/field/Hint';
 import Label from '@staticcms/core/components/common/field/Label';
+import useTheme from '@staticcms/core/components/theme/hooks/useTheme';
 import useUUID from '@staticcms/core/lib/hooks/useUUID';
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import { isEmpty } from '@staticcms/core/lib/util/string.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
-import { selectTheme } from '@staticcms/core/reducers/selectors/globalUI';
-import { useAppSelector } from '@staticcms/core/store/hooks';
 import SettingsButton from './SettingsButton';
 import SettingsPane from './SettingsPane';
 import languages from './data/languages';
 
-import type {
-  CodeField,
-  ProcessedCodeLanguage,
-  WidgetControlProps,
-} from '@staticcms/core/interface';
+import type { CodeField, ProcessedCodeLanguage, WidgetControlProps } from '@staticcms/core';
 import type { LanguageName } from '@uiw/codemirror-extensions-langs';
 import type { FC, MouseEvent } from 'react';
 
@@ -62,7 +57,7 @@ const CodeControl: FC<WidgetControlProps<string | { [key: string]: string }, Cod
   errors,
   disabled,
 }) => {
-  const theme = useAppSelector(selectTheme);
+  const theme = useTheme();
 
   const keys = useMemo(() => {
     const defaults = {
@@ -179,7 +174,7 @@ const CodeControl: FC<WidgetControlProps<string | { [key: string]: string }, Cod
 
   return (
     <div
-      data-testid="list-field"
+      data-testid={`code-field-${label}`}
       className={classNames(
         classes.root,
         disabled && classes.disabled,
@@ -203,7 +198,7 @@ const CodeControl: FC<WidgetControlProps<string | { [key: string]: string }, Cod
             variant="inline"
             disabled={disabled}
           >
-            {label}
+            {label.trim()}
           </Label>
           {open && allowLanguageSelection ? (
             <SettingsButton onClick={toggleSettings} disabled={disabled} />
@@ -230,7 +225,7 @@ const CodeControl: FC<WidgetControlProps<string | { [key: string]: string }, Cod
               editable={true}
               onChange={handleChange}
               extensions={extensions}
-              theme={theme}
+              theme={theme.codemirror.theme}
               readOnly={disabled}
             />
           </div>
diff --git a/packages/core/src/widgets/code/CodePreview.tsx b/packages/core/src/widgets/code/CodePreview.tsx
index 26731cec..5697b553 100644
--- a/packages/core/src/widgets/code/CodePreview.tsx
+++ b/packages/core/src/widgets/code/CodePreview.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { CodeField, WidgetPreviewProps } from '@staticcms/core/interface';
+import type { CodeField, WidgetPreviewProps } from '@staticcms/core';
 import type { FC } from 'react';
 
 const classes = generateClassNames('WidgetCodePreview', ['root']);
diff --git a/packages/core/src/widgets/code/SettingsButton.css b/packages/core/src/widgets/code/SettingsButton.css
index 9b62ec53..34077217 100644
--- a/packages/core/src/widgets/code/SettingsButton.css
+++ b/packages/core/src/widgets/code/SettingsButton.css
@@ -1,7 +1,2 @@
 .CMS_WidgetCode_SettingsButton_root {
 }
-
-.CMS_WidgetCode_SettingsButton_icon {
-  @apply w-5
-    h-5;
-}
diff --git a/packages/core/src/widgets/code/SettingsButton.tsx b/packages/core/src/widgets/code/SettingsButton.tsx
index ef5198ce..f9352a6c 100644
--- a/packages/core/src/widgets/code/SettingsButton.tsx
+++ b/packages/core/src/widgets/code/SettingsButton.tsx
@@ -9,7 +9,7 @@ import type { FC, MouseEvent } from 'react';
 
 import './SettingsButton.css';
 
-const classes = generateClassNames('WidgetCode_SettingsButton', ['root', 'icon']);
+const classes = generateClassNames('WidgetCode_SettingsButton', ['root']);
 
 export interface SettingsButtonProps {
   showClose?: boolean;
@@ -20,18 +20,15 @@ export interface SettingsButtonProps {
 const SettingsButton: FC<SettingsButtonProps> = ({ showClose = false, disabled, onClick }) => {
   return (
     <IconButton
+      icon={showClose ? CloseIcon : SettingsIcon}
       onClick={onClick}
       size="small"
+      color="secondary"
       variant="text"
       disabled={disabled}
-      className={classes.root}
-    >
-      {showClose ? (
-        <CloseIcon className={classes.icon} />
-      ) : (
-        <SettingsIcon className={classes.icon} />
-      )}
-    </IconButton>
+      rootClassName={classes.root}
+      aria-label="toggle settings"
+    />
   );
 };
 
diff --git a/packages/core/src/widgets/code/SettingsPane.css b/packages/core/src/widgets/code/SettingsPane.css
index d4935d2c..828860ca 100644
--- a/packages/core/src/widgets/code/SettingsPane.css
+++ b/packages/core/src/widgets/code/SettingsPane.css
@@ -1,6 +1,8 @@
 .CMS_WidgetCodeSettings_root {
+  background: var(--background-light);
+
   @apply absolute
-    top-10
+    top-[41px]
     bottom-0
     right-0
     w-40
@@ -8,12 +10,5 @@
     flex-col
     gap-2
     z-10
-    shadow-sm
-    bg-gray-100
-    dark:bg-slate-800
-    border-l
-    border-l-slate-400
-    border-t
-    border-t-slate-300
-    dark:border-t-slate-700;
+    shadow-sm;
 }
diff --git a/packages/core/src/widgets/code/SettingsPane.tsx b/packages/core/src/widgets/code/SettingsPane.tsx
index 0fafa82a..d5c938eb 100644
--- a/packages/core/src/widgets/code/SettingsPane.tsx
+++ b/packages/core/src/widgets/code/SettingsPane.tsx
@@ -1,6 +1,7 @@
 import isHotkey from 'is-hotkey';
 import React from 'react';
 
+import { useTranslate } from '@staticcms/core/lib';
 import Label from '@staticcms/core/components/common/field/Label';
 import Select from '@staticcms/core/components/common/select/Select';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
@@ -80,12 +81,14 @@ const SettingsPane: FC<SettingsPaneProps> = ({
   language,
   onChangeLanguage,
 }) => {
+  const t = useTranslate();
+
   return (
     <div onKeyDown={e => isHotkey('esc', e) && hideSettings()} className={classes.root}>
       <SettingsSelect
         type="language"
-        label="Language"
-        placeholder="Select language"
+        label={t('editor.editorWidgets.code.language')}
+        placeholder={t('editor.editorWidgets.code.selectLanguage')}
         uniqueId={uniqueId}
         value={language}
         options={languages}
diff --git a/packages/core/src/widgets/code/data/languages.ts b/packages/core/src/widgets/code/data/languages.ts
index e4080b3b..f086e0cd 100644
--- a/packages/core/src/widgets/code/data/languages.ts
+++ b/packages/core/src/widgets/code/data/languages.ts
@@ -1,4 +1,4 @@
-import type { ProcessedCodeLanguage } from '@staticcms/core/interface';
+import type { ProcessedCodeLanguage } from '@staticcms/core';
 
 const languages: ProcessedCodeLanguage[] = [
   {
diff --git a/packages/core/src/widgets/code/index.ts b/packages/core/src/widgets/code/index.ts
index 85bb1408..e5f293ad 100644
--- a/packages/core/src/widgets/code/index.ts
+++ b/packages/core/src/widgets/code/index.ts
@@ -2,7 +2,7 @@ import controlComponent from './CodeControl';
 import previewComponent from './CodePreview';
 import schema from './schema';
 
-import type { CodeField, WidgetParam } from '@staticcms/core/interface';
+import type { CodeField, WidgetParam } from '@staticcms/core';
 
 const CodeWidget = (): WidgetParam<string | { [key: string]: string }, CodeField> => {
   return {
diff --git a/packages/core/src/widgets/code/scripts/process-languages.ts b/packages/core/src/widgets/code/scripts/process-languages.ts
index dcc1a384..018d7032 100644
--- a/packages/core/src/widgets/code/scripts/process-languages.ts
+++ b/packages/core/src/widgets/code/scripts/process-languages.ts
@@ -3,7 +3,7 @@ import yaml from 'js-yaml';
 import uniq from 'lodash/uniq';
 import path from 'path';
 
-import type { ProcessedCodeLanguage } from '@staticcms/core/interface';
+import type { ProcessedCodeLanguage } from '@staticcms/core';
 import type { LanguageName } from '@uiw/codemirror-extensions-langs';
 
 const rawDataPath = '../data/languages-raw.yml';
@@ -26,7 +26,7 @@ function outputData(data: ProcessedCodeLanguage[]) {
   const filePath = path.resolve(__dirname, outputPath);
   return fs.writeFile(
     filePath,
-    `import type { ProcessedCodeLanguage } from '@staticcms/core/interface';
+    `import type { ProcessedCodeLanguage } from '@staticcms/core';
 
 const languages: ProcessedCodeLanguage[] = ${JSON.stringify(data, null, 2)};
 
diff --git a/packages/core/src/widgets/colorstring/ColorControl.css b/packages/core/src/widgets/colorstring/ColorControl.css
index e441aba9..4b13b6bf 100644
--- a/packages/core/src/widgets/colorstring/ColorControl.css
+++ b/packages/core/src/widgets/colorstring/ColorControl.css
@@ -17,7 +17,8 @@
 }
 
 .CMS_WidgetColor_content {
-  @apply flex
+  @apply relative
+    flex
     items-center
     pt-2
     px-3
@@ -38,7 +39,7 @@
 
 .CMS_WidgetColor_color-picker-wrapper {
   @apply absolute
-    bottom-0;
+    -bottom-0.5;
 }
 
 .CMS_WidgetColor_color-picker-backdrop {
@@ -50,7 +51,7 @@
 .CMS_WidgetColor_color-picker {
   @apply absolute
     z-20
-    -top-3;
+    top-0;
 }
 
 .CMS_WidgetColor_input {
@@ -58,8 +59,3 @@
 
 .CMS_WidgetColor_clear-button {
 }
-
-.CMS_WidgetColor_clear-button-icon {
-  @apply w-5
-    h-5;
-}
diff --git a/packages/core/src/widgets/colorstring/ColorControl.tsx b/packages/core/src/widgets/colorstring/ColorControl.tsx
index 03ba6e67..e3c6b500 100644
--- a/packages/core/src/widgets/colorstring/ColorControl.tsx
+++ b/packages/core/src/widgets/colorstring/ColorControl.tsx
@@ -9,7 +9,7 @@ import TextField from '@staticcms/core/components/common/text-field/TextField';
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { ColorField, WidgetControlProps } from '@staticcms/core/interface';
+import type { ColorField, WidgetControlProps } from '@staticcms/core';
 import type { ChangeEvent, FC, MouseEvent, MouseEventHandler } from 'react';
 import type { ColorResult } from 'react-color';
 
@@ -30,7 +30,6 @@ export const classes = generateClassNames('WidgetColor', [
   'color-picker',
   'input',
   'clear-button',
-  'clear-button-icon',
 ]);
 
 const ColorControl: FC<WidgetControlProps<string, ColorField>> = ({
@@ -164,13 +163,13 @@ const ColorControl: FC<WidgetControlProps<string, ColorField>> = ({
         />
         {showClearButton ? (
           <IconButton
+            icon={CloseIcon}
             variant="text"
             onClick={handleClear}
             disabled={disabled}
-            className={classes['clear-button']}
-          >
-            <CloseIcon className={classes['clear-button-icon']} />
-          </IconButton>
+            rootClassName={classes['clear-button']}
+            aria-label="clear"
+          />
         ) : null}
       </div>
     </Field>
diff --git a/packages/core/src/widgets/colorstring/ColorPreview.tsx b/packages/core/src/widgets/colorstring/ColorPreview.tsx
index e178fa73..8b577559 100644
--- a/packages/core/src/widgets/colorstring/ColorPreview.tsx
+++ b/packages/core/src/widgets/colorstring/ColorPreview.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { ColorField, WidgetPreviewProps } from '@staticcms/core/interface';
+import type { ColorField, WidgetPreviewProps } from '@staticcms/core';
 import type { FC } from 'react';
 
 const classes = generateClassNames('WidgetColorPreview', ['root']);
diff --git a/packages/core/src/widgets/colorstring/__tests__/ColorControl.spec.ts b/packages/core/src/widgets/colorstring/__tests__/ColorControl.spec.ts
index 4aa70e04..164c5710 100644
--- a/packages/core/src/widgets/colorstring/__tests__/ColorControl.spec.ts
+++ b/packages/core/src/widgets/colorstring/__tests__/ColorControl.spec.ts
@@ -2,7 +2,7 @@
  * @jest-environment jsdom
  */
 import '@testing-library/jest-dom';
-import userEvent from '@testing-library/user-event';
+import { userEvent } from '@testing-library/user-event';
 import { act } from '@testing-library/react';
 
 import { mockColorField } from '@staticcms/test/data/fields.mock';
@@ -196,7 +196,7 @@ describe(ColorControl.name, () => {
       expect(input).not.toHaveFocus();
 
       await act(async () => {
-        const field = getByTestId('field');
+        const field = getByTestId('field-Mock Widget');
         await userEvent.click(field);
       });
 
diff --git a/packages/core/src/widgets/colorstring/index.ts b/packages/core/src/widgets/colorstring/index.ts
index abce5147..4cb17e22 100644
--- a/packages/core/src/widgets/colorstring/index.ts
+++ b/packages/core/src/widgets/colorstring/index.ts
@@ -3,7 +3,7 @@ import previewComponent from './ColorPreview';
 import schema from './schema';
 import validator from './validator';
 
-import type { ColorField, WidgetParam } from '@staticcms/core/interface';
+import type { ColorField, WidgetParam } from '@staticcms/core';
 
 const ColorWidget = (): WidgetParam<string, ColorField> => {
   return {
diff --git a/packages/core/src/widgets/colorstring/validator.ts b/packages/core/src/widgets/colorstring/validator.ts
index ab81806b..09b8d0ca 100644
--- a/packages/core/src/widgets/colorstring/validator.ts
+++ b/packages/core/src/widgets/colorstring/validator.ts
@@ -2,7 +2,7 @@ import validateColor from 'validate-color';
 
 import ValidationErrorTypes from '@staticcms/core/constants/validationErrorTypes';
 
-import type { ColorField, FieldValidationMethod } from '@staticcms/core/interface';
+import type { ColorField, FieldValidationMethod } from '@staticcms/core';
 
 const validator: FieldValidationMethod<string, ColorField> = ({ value, t }) => {
   if (typeof value !== 'string') {
diff --git a/packages/core/src/widgets/datetime/DateTimeControl.css b/packages/core/src/widgets/datetime/DateTimeControl.css
index a00b511a..17b549c6 100644
--- a/packages/core/src/widgets/datetime/DateTimeControl.css
+++ b/packages/core/src/widgets/datetime/DateTimeControl.css
@@ -2,15 +2,49 @@
 }
 
 .CMS_WidgetDateTime_wrapper {
-  @apply !w-date-widget;
 }
 
-.CMS_WidgetDateTime_date-input {
+.CMS_WidgetDateTime_date {
+  @apply flex-grow;
 }
 
-.CMS_WidgetDateTime_time-input {
+.CMS_WidgetDateTime_time {
+  @apply flex-grow;
 }
 
-.CMS_WidgetDateTime_datetime-input {
-  @apply truncate;
+.CMS_WidgetDateTime_datetime {
+}
+
+.CMS_WidgetDateTime_inputs {
+  @apply flex
+    items-center
+    w-full
+    ps-1.5
+    pe-2.5
+    gap-2;
+
+  & .CMS_WidgetDateTime_input-wrapper {
+    @apply flex-grow;
+
+    & .CMS_WidgetDateTime_input {
+      @apply py-1
+        pl-2;
+    }
+
+    & .MuiOutlinedInput-root {
+      & .MuiOutlinedInput-notchedOutline {
+        @apply border-0;
+      }
+
+      &.Mui-focused {
+        & .MuiOutlinedInput-notchedOutline {
+          @apply border-0;
+        }
+      }
+    }
+
+    & .MuiIconButton-root {
+      color: var(--text-secondary);
+    }
+  }
 }
diff --git a/packages/core/src/widgets/datetime/DateTimeControl.tsx b/packages/core/src/widgets/datetime/DateTimeControl.tsx
index 61c32090..0246354d 100644
--- a/packages/core/src/widgets/datetime/DateTimeControl.tsx
+++ b/packages/core/src/widgets/datetime/DateTimeControl.tsx
@@ -1,30 +1,23 @@
+import { unstable_useForkRef as useForkRef } from '@mui/utils';
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
+import { DatePicker } from '@mui/x-date-pickers/DatePicker';
+import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
-import { MobileDatePicker } from '@mui/x-date-pickers/MobileDatePicker';
-import { MobileDateTimePicker } from '@mui/x-date-pickers/MobileDateTimePicker';
-import { MobileTimePicker } from '@mui/x-date-pickers/MobileTimePicker';
+import { TimePicker } from '@mui/x-date-pickers/TimePicker';
 import formatDate from 'date-fns/format';
 import parse from 'date-fns/parse';
 import parseISO from 'date-fns/parseISO';
 import React, { useCallback, useMemo, useRef, useState } from 'react';
 
 import Field from '@staticcms/core/components/common/field/Field';
-import TextField from '@staticcms/core/components/common/text-field/TextField';
 import classNames from '@staticcms/core/lib/util/classNames.util';
-import { isNotEmpty } from '@staticcms/core/lib/util/string.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import NowButton from './components/NowButton';
-import {
-  DEFAULT_DATETIME_FORMAT,
-  DEFAULT_DATE_FORMAT,
-  DEFAULT_TIMEZONE_FORMAT,
-  DEFAULT_TIME_FORMAT,
-} from './constants';
+import { DEFAULT_DATETIME_FORMAT } from './constants';
+import { useDatetimeFormats } from './datetime.util';
 import { localToUTC } from './utc.util';
 
-import type { TextFieldProps as MuiTextFieldProps } from '@mui/material/TextField';
-import type { TextFieldProps } from '@staticcms/core/components/common/text-field/TextField';
-import type { DateTimeField, WidgetControlProps } from '@staticcms/core/interface';
+import type { DateTimeField, WidgetControlProps } from '@staticcms/core';
 import type { FC } from 'react';
 
 import './DateTimeControl.css';
@@ -36,28 +29,11 @@ export const classes = generateClassNames('WidgetDateTime', [
   'disabled',
   'for-single-list',
   'wrapper',
-  'date-input',
-  'time-input',
-  'datetime-input',
+  'inputs',
+  'input-wrapper',
+  'input',
 ]);
 
-function convertMuiTextFieldProps({
-  inputProps,
-  disabled,
-  onClick,
-}: MuiTextFieldProps): TextFieldProps {
-  const value: string = inputProps?.value ?? '';
-
-  return {
-    type: 'text',
-    value,
-    disabled,
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    onChange: () => {},
-    onClick,
-  };
-}
-
 const DateTimeControl: FC<WidgetControlProps<string | Date, DateTimeField>> = ({
   field,
   label,
@@ -67,7 +43,6 @@ const DateTimeControl: FC<WidgetControlProps<string | Date, DateTimeField>> = ({
   errors,
   hasErrors,
   forSingleList,
-  t,
   onChange,
 }) => {
   const ref = useRef<HTMLInputElement | null>(null);
@@ -80,72 +55,16 @@ const DateTimeControl: FC<WidgetControlProps<string | Date, DateTimeField>> = ({
     setOpen(false);
   }, []);
 
-  const timezoneExtra = useMemo(
-    () => (field.picker_utc ? '' : DEFAULT_TIMEZONE_FORMAT),
-    [field.picker_utc],
-  );
-
-  const { format, dateFormat, timeFormat } = useMemo(() => {
-    // dateFormat and timeFormat are strictly for modifying input field with the date/time pickers
-    const dateFormat: string | boolean = field.date_format ?? true;
-    // show time-picker? false hides it, true shows it using default format
-    const timeFormat: string | boolean = field.time_format ?? true;
-
-    let finalFormat = field.format;
-    if (timeFormat === false) {
-      finalFormat = field.format ?? DEFAULT_DATE_FORMAT;
-    } else if (dateFormat === false) {
-      finalFormat = field.format ?? `${DEFAULT_TIME_FORMAT}${timezoneExtra}`;
-    } else {
-      finalFormat = field.format ?? `${DEFAULT_DATETIME_FORMAT}${timezoneExtra}`;
-    }
-
-    return {
-      format: finalFormat,
-      dateFormat,
-      timeFormat,
-    };
-  }, [field.date_format, field.format, field.time_format, timezoneExtra]);
-
-  const inputFormat = useMemo(() => {
-    if (typeof dateFormat === 'string' || typeof timeFormat === 'string') {
-      const formatParts: string[] = [];
-      if (typeof dateFormat === 'string' && isNotEmpty(dateFormat)) {
-        formatParts.push(dateFormat);
-      } else if (dateFormat !== false) {
-        formatParts.push(DEFAULT_DATE_FORMAT);
-      }
-
-      if (typeof timeFormat === 'string' && isNotEmpty(timeFormat)) {
-        formatParts.push(timeFormat);
-      } else if (timeFormat !== false) {
-        formatParts.push(`${DEFAULT_TIME_FORMAT}${timezoneExtra}`);
-      }
-
-      if (formatParts.length > 0) {
-        return formatParts.join(' ');
-      }
-    }
-
-    if (timeFormat === false) {
-      return format ?? DEFAULT_DATE_FORMAT;
-    }
-
-    if (dateFormat === false) {
-      return format ?? `${DEFAULT_TIME_FORMAT}${timezoneExtra}`;
-    }
-
-    return format ?? `${DEFAULT_DATETIME_FORMAT}${timezoneExtra}`;
-  }, [dateFormat, format, timeFormat, timezoneExtra]);
+  const { storageFormat, dateFormat, timeFormat, displayFormat } = useDatetimeFormats(field);
 
   const defaultValue = useMemo(() => {
     const today = field.picker_utc ? localToUTC(new Date()) : new Date();
     return field.default === undefined
-      ? format
-        ? formatDate(today, format)
+      ? storageFormat
+        ? formatDate(today, storageFormat)
         : formatDate(today, DEFAULT_DATETIME_FORMAT)
       : field.default;
-  }, [field.default, field.picker_utc, format]);
+  }, [field.default, field.picker_utc, storageFormat]);
 
   const [internalRawValue, setInternalValue] = useState(value);
   const internalValue = useMemo(
@@ -163,12 +82,12 @@ const DateTimeControl: FC<WidgetControlProps<string | Date, DateTimeField>> = ({
       return valueToParse;
     }
 
-    return format ? parse(valueToParse, format, new Date()) : parseISO(valueToParse);
-  }, [defaultValue, format, internalValue]);
+    return storageFormat ? parse(valueToParse, storageFormat, new Date()) : parseISO(valueToParse);
+  }, [defaultValue, storageFormat, internalValue]);
 
   const handleChange = useCallback(
     (datetime: Date | null) => {
-      if (datetime === null) {
+      if (datetime === null || isNaN(datetime.getTime())) {
         setInternalValue(defaultValue);
         onChange(defaultValue);
         return;
@@ -176,121 +95,96 @@ const DateTimeControl: FC<WidgetControlProps<string | Date, DateTimeField>> = ({
 
       const adjustedValue = field.picker_utc ? localToUTC(datetime) : datetime;
 
-      const formattedValue = formatDate(adjustedValue, format);
+      const formattedValue = formatDate(adjustedValue, storageFormat);
       setInternalValue(formattedValue);
       onChange(formattedValue);
     },
-    [defaultValue, field.picker_utc, format, onChange],
+    [defaultValue, field.picker_utc, storageFormat, onChange],
   );
 
+  const inputRef = useRef<HTMLInputElement>();
+  const rootRef = useForkRef(ref, inputRef);
+
   const dateTimePicker = useMemo(() => {
     if (dateFormat && !timeFormat) {
       return (
-        <MobileDatePicker
-          key="mobile-date-picker"
-          inputFormat={inputFormat}
-          label={label}
+        <DatePicker
+          key="date-picker"
+          format={displayFormat}
           value={dateValue}
           disabled={disabled}
           onChange={handleChange}
           onOpen={handleOpen}
           onClose={handleClose}
-          renderInput={props => (
-            <>
-              <TextField
-                key="mobile-date-input"
-                data-testid="date-input"
-                {...convertMuiTextFieldProps(props)}
-                inputRef={ref}
-                cursor="pointer"
-                inputClassName={classes['date-input']}
-              />
-              <NowButton
-                key="mobile-date-now"
-                t={t}
-                handleChange={v => handleChange(v)}
-                disabled={disabled}
-              />
-            </>
-          )}
+          className={classes['input-wrapper']}
+          inputRef={rootRef}
+          slotProps={{
+            textField: {
+              inputProps: {
+                'data-testid': 'date-input',
+                className: classes.input,
+              },
+            },
+          }}
         />
       );
     }
 
     if (!dateFormat && timeFormat) {
       return (
-        <MobileTimePicker
+        <TimePicker
           key="time-picker"
-          label={label}
-          inputFormat={inputFormat}
+          format={displayFormat}
           value={dateValue}
           disabled={disabled}
           onChange={handleChange}
           onOpen={handleOpen}
           onClose={handleClose}
-          renderInput={props => (
-            <>
-              <TextField
-                key="mobile-time-input"
-                data-testid="time-input"
-                {...convertMuiTextFieldProps(props)}
-                inputRef={ref}
-                cursor="pointer"
-                inputClassName={classes['time-input']}
-              />
-              <NowButton
-                key="mobile-date-now"
-                t={t}
-                handleChange={v => handleChange(v)}
-                disabled={disabled}
-              />
-            </>
-          )}
+          className={classes['input-wrapper']}
+          inputRef={rootRef}
+          slotProps={{
+            textField: {
+              inputProps: {
+                'data-testid': 'time-input',
+                className: classes.input,
+              },
+            },
+          }}
         />
       );
     }
 
     return (
-      <MobileDateTimePicker
-        key="mobile-date-time-picker"
-        inputFormat={inputFormat}
-        label={label}
+      <DateTimePicker
+        key="date-time-picker"
+        format={displayFormat}
         value={dateValue}
         disabled={disabled}
         onChange={handleChange}
         onOpen={handleOpen}
         onClose={handleClose}
-        renderInput={props => (
-          <>
-            <TextField
-              key="mobile-date-time-input"
-              data-testid="date-time-input"
-              {...convertMuiTextFieldProps(props)}
-              inputRef={ref}
-              cursor="pointer"
-              inputClassName={classes['datetime-input']}
-            />
-            <NowButton
-              key="mobile-date-now"
-              t={t}
-              handleChange={v => handleChange(v)}
-              disabled={disabled}
-            />
-          </>
-        )}
+        className={classes['input-wrapper']}
+        inputRef={rootRef}
+        slotProps={{
+          textField: {
+            inputProps: {
+              'data-testid': 'date-time-input',
+              className: classes.input,
+            },
+          },
+        }}
       />
     );
   }, [
     dateFormat,
-    dateValue,
-    handleChange,
-    handleClose,
-    handleOpen,
-    inputFormat,
-    disabled,
-    label,
-    t,
     timeFormat,
+    displayFormat,
+    dateValue,
+    disabled,
+    handleChange,
+    handleOpen,
+    handleClose,
+    rootRef,
   ]);
 
   return (
@@ -300,7 +194,7 @@ const DateTimeControl: FC<WidgetControlProps<string | Date, DateTimeField>> = ({
       errors={errors}
       hint={field.hint}
       forSingleList={forSingleList}
-      cursor="pointer"
+      cursor="text"
       disabled={disabled}
       rootClassName={classNames(
         classes.root,
@@ -311,9 +205,17 @@ const DateTimeControl: FC<WidgetControlProps<string | Date, DateTimeField>> = ({
       )}
       wrapperClassName={classes.wrapper}
     >
-      <LocalizationProvider key="localization-provider" dateAdapter={AdapterDateFns}>
-        {dateTimePicker}
-      </LocalizationProvider>
+      <div className={classes['inputs']}>
+        <LocalizationProvider key="localization-provider" dateAdapter={AdapterDateFns}>
+          {dateTimePicker}
+        </LocalizationProvider>
+        <NowButton
+          key="date-now"
+          field={field}
+          handleChange={v => handleChange(v)}
+          disabled={disabled}
+        />
+      </div>
     </Field>
   );
 };
diff --git a/packages/core/src/widgets/datetime/DateTimePreview.tsx b/packages/core/src/widgets/datetime/DateTimePreview.tsx
index 726e5f14..13b7d60e 100644
--- a/packages/core/src/widgets/datetime/DateTimePreview.tsx
+++ b/packages/core/src/widgets/datetime/DateTimePreview.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { DateTimeField, WidgetPreviewProps } from '@staticcms/core/interface';
+import type { DateTimeField, WidgetPreviewProps } from '@staticcms/core';
 import type { FC } from 'react';
 
 const classes = generateClassNames('WidgetDateTimePreview', ['root']);
diff --git a/packages/core/src/widgets/datetime/__tests__/DateTimeControl.spec.ts b/packages/core/src/widgets/datetime/__tests__/DateTimeControl.spec.ts
index 312ac140..9e00f6bc 100644
--- a/packages/core/src/widgets/datetime/__tests__/DateTimeControl.spec.ts
+++ b/packages/core/src/widgets/datetime/__tests__/DateTimeControl.spec.ts
@@ -4,7 +4,7 @@
 import { fireEvent, getByText } from '@testing-library/dom';
 import '@testing-library/jest-dom';
 import { act } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
+import { userEvent } from '@testing-library/user-event';
 
 import { mockDateField, mockDateTimeField, mockTimeField } from '@staticcms/test/data/fields.mock';
 import { createWidgetControlHarness } from '@staticcms/test/harnesses/widget.harness';
@@ -85,8 +85,7 @@ async function selectDate(
   const userEventActions = userEvent.setup({ advanceTimers: jest.advanceTimersByTime });
 
   await act(async () => {
-    const inputWrapper = getByTestId('date-input');
-    const input = inputWrapper.getElementsByTagName('input')[0];
+    const input = getByTestId('date-input');
     await userEventActions.click(input);
   });
 
@@ -102,8 +101,7 @@ async function selectTime(
   const userEventActions = userEvent.setup({ advanceTimers: jest.advanceTimersByTime });
 
   await act(async () => {
-    const inputWrapper = getByTestId('time-input');
-    const input = inputWrapper.getElementsByTagName('input')[0];
+    const input = getByTestId('time-input');
     await userEventActions.click(input);
   });
 
@@ -120,8 +118,7 @@ async function selectDateTime(
   const userEventActions = userEvent.setup({ advanceTimers: jest.advanceTimersByTime });
 
   await act(async () => {
-    const inputWrapper = getByTestId('date-time-input');
-    const input = inputWrapper.getElementsByTagName('input')[0];
+    const input = getByTestId('date-time-input');
     await userEventActions.click(input);
   });
 
@@ -169,9 +166,8 @@ describe(DateTimeControl.name, () => {
     it("should default to today's date if no default is provided", () => {
       const { getByTestId } = renderControl({ label: 'I am a label' });
 
-      const inputWrapper = getByTestId('date-time-input');
-      const input = inputWrapper.getElementsByTagName('input')[0];
-      expect(input).toHaveValue('2023-02-12T10:15:35.000-10:00');
+      const input = getByTestId('date-time-input');
+      expect(input).toHaveValue('2023-02-12T10:15:35');
     });
 
     it('should use default if provided', () => {
@@ -179,46 +175,42 @@ describe(DateTimeControl.name, () => {
         label: 'I am a label',
         field: {
           ...mockDateTimeField,
-          default: '2023-01-10T06:23:15.000-10:00',
+          default: '2023-01-10T06:23:15-10:00',
         },
       });
 
-      const inputWrapper = getByTestId('date-time-input');
-      const input = inputWrapper.getElementsByTagName('input')[0];
-      expect(input).toHaveValue('2023-01-10T06:23:15.000-10:00');
+      const input = getByTestId('date-time-input');
+      expect(input).toHaveValue('2023-01-10T06:23:15');
     });
 
     it('should only use prop value as initial value', async () => {
-      const { rerender, getByTestId } = renderControl({ value: '2023-02-12T10:15:35.000-10:00' });
+      const { rerender, getByTestId } = renderControl({ value: '2023-02-12T10:15:35-10:00' });
 
-      const inputWrapper = getByTestId('date-time-input');
-      const input = inputWrapper.getElementsByTagName('input')[0];
-      expect(input).toHaveValue('2023-02-12T10:15:35.000-10:00');
+      const input = getByTestId('date-time-input');
+      expect(input).toHaveValue('2023-02-12T10:15:35');
 
-      rerender({ value: '2023-02-18T14:37:02.000-10:00' });
-      expect(input).toHaveValue('2023-02-12T10:15:35.000-10:00');
+      rerender({ value: '2023-02-18T14:37:02-10:00' });
+      expect(input).toHaveValue('2023-02-12T10:15:35');
     });
 
     it('should use prop value exclusively if field is i18n duplicate', async () => {
       const { rerender, getByTestId } = renderControl({
         field: { ...mockDateTimeField, i18n: 'duplicate' },
         duplicate: true,
-        value: '2023-02-12T10:15:35.000-10:00',
+        value: '2023-02-12T10:15:35-10:00',
       });
 
-      const inputWrapper = getByTestId('date-time-input');
-      const input = inputWrapper.getElementsByTagName('input')[0];
-      expect(input).toHaveValue('2023-02-12T10:15:35.000-10:00');
+      const input = getByTestId('date-time-input');
+      expect(input).toHaveValue('2023-02-12T10:15:35');
 
-      rerender({ value: '2023-02-18T14:37:02.000-10:00' });
-      expect(input).toHaveValue('2023-02-18T14:37:02.000-10:00');
+      rerender({ value: '2023-02-18T14:37:02-10:00' });
+      expect(input).toHaveValue('2023-02-18T14:37:02');
     });
 
     it('should disable input and now button if disabled', () => {
       const { getByTestId } = renderControl({ label: 'I am a label', disabled: true });
 
-      const inputWrapper = getByTestId('date-time-input');
-      const input = inputWrapper.getElementsByTagName('input')[0];
+      const input = getByTestId('date-time-input');
       expect(input).toBeDisabled();
 
       const nowButton = getByTestId('datetime-now');
@@ -228,12 +220,11 @@ describe(DateTimeControl.name, () => {
     it('should focus current date in modal on field click', async () => {
       const { getByTestId } = renderControl();
 
-      const inputWrapper = getByTestId('date-time-input');
-      const input = inputWrapper.getElementsByTagName('input')[0];
+      const input = getByTestId('date-time-input');
       expect(input).not.toHaveFocus();
 
       await act(async () => {
-        const field = getByTestId('field');
+        const field = getByTestId('field-Mock Widget');
         await userEventActions.click(field);
       });
 
@@ -249,8 +240,7 @@ describe(DateTimeControl.name, () => {
 
       expect(onChange).not.toHaveBeenCalled();
 
-      const inputWrapper = getByTestId('date-time-input');
-      const input = inputWrapper.getElementsByTagName('input')[0];
+      const input = getByTestId('date-time-input');
 
       await act(async () => {
         await userEventActions.click(input);
@@ -266,7 +256,7 @@ describe(DateTimeControl.name, () => {
         await userEventActions.click(days[0]);
       });
 
-      expect(onChange).toHaveBeenLastCalledWith('2023-02-01T10:15:35.000-10:00');
+      expect(onChange).toHaveBeenLastCalledWith('2023-02-01T10:15:35-10:00');
 
       const hours = document.querySelectorAll('.MuiClockNumber-root');
       expect(hours.length).toBe(12);
@@ -281,7 +271,7 @@ describe(DateTimeControl.name, () => {
         fireEvent.touchEnd(square!, hourClockEvent);
       });
 
-      expect(onChange).toHaveBeenLastCalledWith('2023-02-01T01:15:35.000-10:00');
+      expect(onChange).toHaveBeenLastCalledWith('2023-02-01T01:15:35-10:00');
 
       const minutes = document.querySelectorAll('.MuiClockNumber-root');
       expect(minutes.length).toBe(12);
@@ -293,7 +283,7 @@ describe(DateTimeControl.name, () => {
         fireEvent.touchEnd(square!, minuteClockEvent);
       });
 
-      expect(onChange).toHaveBeenLastCalledWith('2023-02-01T01:05:35.000-10:00');
+      expect(onChange).toHaveBeenLastCalledWith('2023-02-01T01:05:35-10:00');
     });
 
     it('should set value to current date and time when now button is clicked', async () => {
@@ -304,22 +294,21 @@ describe(DateTimeControl.name, () => {
         label: 'I am a label',
       });
 
-      const inputWrapper = getByTestId('date-time-input');
-      const input = inputWrapper.getElementsByTagName('input')[0];
-      expect(input).toHaveValue('2023-02-12T10:15:35.000-10:00');
+      const input = getByTestId('date-time-input');
+      expect(input).toHaveValue('2023-02-12T10:15:35');
 
       await selectDateTime(getByTestId, 1, 2, 20, 'am');
 
-      expect(onChange).toHaveBeenLastCalledWith('2023-02-01T02:20:35.000-10:00');
-      expect(input).toHaveValue('2023-02-01T02:20:35.000-10:00');
+      expect(onChange).toHaveBeenLastCalledWith('2023-02-01T02:20:35-10:00');
+      expect(input).toHaveValue('2023-02-01T02:20:35');
 
       await act(async () => {
         const nowButton = getByTestId('datetime-now');
         await userEventActions.click(nowButton);
       });
 
-      expect(onChange).toHaveBeenLastCalledWith('2023-02-12T10:15:36.000-10:00'); // Testing framework moves the time forward by a second by this point
-      expect(input).toHaveValue('2023-02-12T10:15:36.000-10:00');
+      expect(onChange).toHaveBeenLastCalledWith('2023-02-12T10:15:36-10:00'); // Testing framework moves the time forward by a second by this point
+      expect(input).toHaveValue('2023-02-12T10:15:36');
     });
 
     describe('format', () => {
@@ -335,14 +324,13 @@ describe(DateTimeControl.name, () => {
           },
         });
 
-        const inputWrapper = getByTestId('date-time-input');
-        const input = inputWrapper.getElementsByTagName('input')[0];
-        expect(input).toHaveValue('02/12/2023 10:15:35.000-10:00');
+        const input = getByTestId('date-time-input');
+        expect(input).toHaveValue('02/12/2023 10:15:35');
 
         await selectDateTime(getByTestId, 1, 2, 20, 'am');
 
-        expect(onChange).toHaveBeenLastCalledWith('2023-02-01T02:20:35.000-10:00');
-        expect(input).toHaveValue('02/01/2023 02:20:35.000-10:00');
+        expect(onChange).toHaveBeenLastCalledWith('2023-02-01T02:20:35-10:00');
+        expect(input).toHaveValue('02/01/2023 02:20:35');
       });
 
       it('uses custom time display format', async () => {
@@ -357,13 +345,12 @@ describe(DateTimeControl.name, () => {
           },
         });
 
-        const inputWrapper = getByTestId('date-time-input');
-        const input = inputWrapper.getElementsByTagName('input')[0];
+        const input = getByTestId('date-time-input');
         expect(input).toHaveValue('2023-02-12 10:15 am');
 
         await selectDateTime(getByTestId, 1, 2, 20, 'am');
 
-        expect(onChange).toHaveBeenLastCalledWith('2023-02-01T02:20:35.000-10:00');
+        expect(onChange).toHaveBeenLastCalledWith('2023-02-01T02:20:35-10:00');
         expect(input).toHaveValue('2023-02-01 02:20 am');
       });
 
@@ -380,13 +367,12 @@ describe(DateTimeControl.name, () => {
           },
         });
 
-        const inputWrapper = getByTestId('date-time-input');
-        const input = inputWrapper.getElementsByTagName('input')[0];
+        const input = getByTestId('date-time-input');
         expect(input).toHaveValue('02/12/2023 10:15 am');
 
         await selectDateTime(getByTestId, 1, 2, 20, 'am');
 
-        expect(onChange).toHaveBeenLastCalledWith('2023-02-01T02:20:35.000-10:00');
+        expect(onChange).toHaveBeenLastCalledWith('2023-02-01T02:20:35-10:00');
         expect(input).toHaveValue('02/01/2023 02:20 am');
       });
 
@@ -404,8 +390,7 @@ describe(DateTimeControl.name, () => {
           },
         });
 
-        const inputWrapper = getByTestId('date-time-input');
-        const input = inputWrapper.getElementsByTagName('input')[0];
+        const input = getByTestId('date-time-input');
         expect(input).toHaveValue('02/12/2023 10:15 am');
 
         await selectDateTime(getByTestId, 1, 3, 20, 'pm');
@@ -426,8 +411,7 @@ describe(DateTimeControl.name, () => {
           },
         });
 
-        const inputWrapper = getByTestId('date-time-input');
-        const input = inputWrapper.getElementsByTagName('input')[0];
+        const input = getByTestId('date-time-input');
         expect(input).toHaveValue('2023-02-12 10:15');
 
         await selectDateTime(getByTestId, 1, 3, 20, 'pm');
@@ -446,9 +430,8 @@ describe(DateTimeControl.name, () => {
       it("should default to today's date if no default is provided", () => {
         const { getByTestId } = renderControl({ label: 'I am a label', field: utcField });
 
-        const inputWrapper = getByTestId('date-time-input');
-        const input = inputWrapper.getElementsByTagName('input')[0];
-        expect(input).toHaveValue('2023-02-12T20:15:35.000');
+        const input = getByTestId('date-time-input');
+        expect(input).toHaveValue('2023-02-12T20:15:35');
       });
 
       it('should use default if provided (assuming default is already in UTC)', () => {
@@ -456,13 +439,12 @@ describe(DateTimeControl.name, () => {
           label: 'I am a label',
           field: {
             ...utcField,
-            default: '2023-01-10T06:23:15.000',
+            default: '2023-01-10T06:23:15',
           },
         });
 
-        const inputWrapper = getByTestId('date-time-input');
-        const input = inputWrapper.getElementsByTagName('input')[0];
-        expect(input).toHaveValue('2023-01-10T06:23:15.000');
+        const input = getByTestId('date-time-input');
+        expect(input).toHaveValue('2023-01-10T06:23:15');
       });
     });
   });
@@ -471,8 +453,7 @@ describe(DateTimeControl.name, () => {
     it("should default to today's date if no default is provided", () => {
       const { getByTestId } = renderControl({ label: 'I am a label', field: mockDateField });
 
-      const inputWrapper = getByTestId('date-input');
-      const input = inputWrapper.getElementsByTagName('input')[0];
+      const input = getByTestId('date-input');
       expect(input).toHaveValue('2023-02-12');
     });
 
@@ -485,8 +466,7 @@ describe(DateTimeControl.name, () => {
         },
       });
 
-      const inputWrapper = getByTestId('date-input');
-      const input = inputWrapper.getElementsByTagName('input')[0];
+      const input = getByTestId('date-input');
       expect(input).toHaveValue('2023-01-10');
     });
 
@@ -496,8 +476,7 @@ describe(DateTimeControl.name, () => {
         value: '2023-02-12',
       });
 
-      const inputWrapper = getByTestId('date-input');
-      const input = inputWrapper.getElementsByTagName('input')[0];
+      const input = getByTestId('date-input');
       expect(input).toHaveValue('2023-02-12');
 
       rerender({ value: '2023-02-18' });
@@ -511,8 +490,7 @@ describe(DateTimeControl.name, () => {
         value: '2023-02-12',
       });
 
-      const inputWrapper = getByTestId('date-input');
-      const input = inputWrapper.getElementsByTagName('input')[0];
+      const input = getByTestId('date-input');
       expect(input).toHaveValue('2023-02-12');
 
       rerender({ value: '2023-02-18' });
@@ -526,8 +504,7 @@ describe(DateTimeControl.name, () => {
         disabled: true,
       });
 
-      const inputWrapper = getByTestId('date-input');
-      const input = inputWrapper.getElementsByTagName('input')[0];
+      const input = getByTestId('date-input');
       expect(input).toBeDisabled();
 
       const nowButton = getByTestId('datetime-now');
@@ -537,12 +514,11 @@ describe(DateTimeControl.name, () => {
     it('should focus current date in modal on field click', async () => {
       const { getByTestId } = renderControl({ field: mockDateField });
 
-      const inputWrapper = getByTestId('date-input');
-      const input = inputWrapper.getElementsByTagName('input')[0];
+      const input = getByTestId('date-input');
       expect(input).not.toHaveFocus();
 
       await act(async () => {
-        const field = getByTestId('field');
+        const field = getByTestId('field-Mock Widget');
         await userEventActions.click(field);
       });
 
@@ -558,8 +534,7 @@ describe(DateTimeControl.name, () => {
 
       expect(onChange).not.toHaveBeenCalled();
 
-      const inputWrapper = getByTestId('date-input');
-      const input = inputWrapper.getElementsByTagName('input')[0];
+      const input = getByTestId('date-input');
 
       await act(async () => {
         await userEventActions.click(input);
@@ -587,8 +562,7 @@ describe(DateTimeControl.name, () => {
         field: mockDateField,
       });
 
-      const inputWrapper = getByTestId('date-input');
-      const input = inputWrapper.getElementsByTagName('input')[0];
+      const input = getByTestId('date-input');
       expect(input).toHaveValue('2023-02-12');
 
       await selectDate(getByTestId, 1);
@@ -618,8 +592,7 @@ describe(DateTimeControl.name, () => {
           },
         });
 
-        const inputWrapper = getByTestId('date-input');
-        const input = inputWrapper.getElementsByTagName('input')[0];
+        const input = getByTestId('date-input');
         expect(input).toHaveValue('02/12/2023');
 
         await selectDate(getByTestId, 1);
@@ -641,8 +614,7 @@ describe(DateTimeControl.name, () => {
           },
         });
 
-        const inputWrapper = getByTestId('date-input');
-        const input = inputWrapper.getElementsByTagName('input')[0];
+        const input = getByTestId('date-input');
         expect(input).toHaveValue('02/12/2023');
 
         await selectDate(getByTestId, 1);
@@ -663,8 +635,7 @@ describe(DateTimeControl.name, () => {
           },
         });
 
-        const inputWrapper = getByTestId('date-input');
-        const input = inputWrapper.getElementsByTagName('input')[0];
+        const input = getByTestId('date-input');
         expect(input).toHaveValue('2023-02-12');
 
         await selectDate(getByTestId, 1);
@@ -683,8 +654,7 @@ describe(DateTimeControl.name, () => {
       it("should default to today's date if no default is provided", () => {
         const { getByTestId } = renderControl({ label: 'I am a label', field: utcField });
 
-        const inputWrapper = getByTestId('date-input');
-        const input = inputWrapper.getElementsByTagName('input')[0];
+        const input = getByTestId('date-input');
         expect(input).toHaveValue('2023-02-12');
       });
 
@@ -697,8 +667,7 @@ describe(DateTimeControl.name, () => {
           },
         });
 
-        const inputWrapper = getByTestId('date-input');
-        const input = inputWrapper.getElementsByTagName('input')[0];
+        const input = getByTestId('date-input');
         expect(input).toHaveValue('2023-01-10');
       });
     });
@@ -708,9 +677,8 @@ describe(DateTimeControl.name, () => {
     it("should default to today's date if no default is provided", () => {
       const { getByTestId } = renderControl({ label: 'I am a label', field: mockTimeField });
 
-      const inputWrapper = getByTestId('time-input');
-      const input = inputWrapper.getElementsByTagName('input')[0];
-      expect(input).toHaveValue('10:15:35.000-10:00');
+      const input = getByTestId('time-input');
+      expect(input).toHaveValue('10:15:35');
     });
 
     it('should use default if provided', () => {
@@ -718,43 +686,40 @@ describe(DateTimeControl.name, () => {
         label: 'I am a label',
         field: {
           ...mockTimeField,
-          default: '06:23:15.000-10:00',
+          default: '06:23:15-10:00',
         },
       });
 
-      const inputWrapper = getByTestId('time-input');
-      const input = inputWrapper.getElementsByTagName('input')[0];
-      expect(input).toHaveValue('06:23:15.000-10:00');
+      const input = getByTestId('time-input');
+      expect(input).toHaveValue('06:23:15');
     });
 
     it('should only use prop value as initial value', async () => {
       const { rerender, getByTestId } = renderControl({
         field: mockTimeField,
-        value: '10:15:35.000-10:00',
+        value: '10:15:35-10:00',
       });
 
-      const inputWrapper = getByTestId('time-input');
-      const input = inputWrapper.getElementsByTagName('input')[0];
-      expect(input).toHaveValue('10:15:35.000-10:00');
+      const input = getByTestId('time-input');
+      expect(input).toHaveValue('10:15:35');
 
-      rerender({ value: '14:37:02.000-10:00' });
-      expect(input).toHaveValue('10:15:35.000-10:00');
+      rerender({ value: '14:37:02-10:00' });
+      expect(input).toHaveValue('10:15:35');
     });
 
     it('should use prop value exclusively if field is i18n duplicate', async () => {
       const { rerender, getByTestId } = renderControl({
         field: { ...mockTimeField, i18n: 'duplicate' },
         duplicate: true,
-        value: '10:15:35.000-10:00',
+        value: '10:15:35-10:00',
       });
 
-      const inputWrapper = getByTestId('time-input');
-      const input = inputWrapper.getElementsByTagName('input')[0];
+      const input = getByTestId('time-input');
 
-      expect(input).toHaveValue('10:15:35.000-10:00');
+      expect(input).toHaveValue('10:15:35');
 
-      rerender({ value: '14:37:02.000-10:00' });
-      expect(input).toHaveValue('14:37:02.000-10:00');
+      rerender({ value: '14:37:02-10:00' });
+      expect(input).toHaveValue('14:37:02');
     });
 
     it('should disable input and now button if disabled', () => {
@@ -764,8 +729,7 @@ describe(DateTimeControl.name, () => {
         disabled: true,
       });
 
-      const inputWrapper = getByTestId('time-input');
-      const input = inputWrapper.getElementsByTagName('input')[0];
+      const input = getByTestId('time-input');
 
       expect(input).toBeDisabled();
 
@@ -776,12 +740,11 @@ describe(DateTimeControl.name, () => {
     it('should focus current time in modal on field click', async () => {
       const { getByTestId } = renderControl({ field: mockTimeField });
 
-      const inputWrapper = getByTestId('time-input');
-      const input = inputWrapper.getElementsByTagName('input')[0];
+      const input = getByTestId('time-input');
       expect(input).not.toHaveFocus();
 
       await act(async () => {
-        const field = getByTestId('field');
+        const field = getByTestId('field-Mock Widget');
         await userEventActions.click(field);
       });
 
@@ -797,8 +760,7 @@ describe(DateTimeControl.name, () => {
 
       expect(onChange).not.toHaveBeenCalled();
 
-      const inputWrapper = getByTestId('time-input');
-      const input = inputWrapper.getElementsByTagName('input')[0];
+      const input = getByTestId('time-input');
 
       await act(async () => {
         await userEventActions.click(input);
@@ -819,7 +781,7 @@ describe(DateTimeControl.name, () => {
         fireEvent.touchEnd(square!, hourClockEvent);
       });
 
-      expect(onChange).toHaveBeenLastCalledWith('01:15:35.000-10:00');
+      expect(onChange).toHaveBeenLastCalledWith('01:15:35-10:00');
 
       const minutes = document.querySelectorAll('.MuiClockNumber-root');
       expect(minutes.length).toBe(12);
@@ -831,7 +793,7 @@ describe(DateTimeControl.name, () => {
         fireEvent.touchEnd(square!, minuteClockEvent);
       });
 
-      expect(onChange).toHaveBeenLastCalledWith('01:05:35.000-10:00');
+      expect(onChange).toHaveBeenLastCalledWith('01:05:35-10:00');
     });
 
     it('should set value to current time when now button is clicked', async () => {
@@ -843,22 +805,21 @@ describe(DateTimeControl.name, () => {
         field: mockTimeField,
       });
 
-      const inputWrapper = getByTestId('time-input');
-      const input = inputWrapper.getElementsByTagName('input')[0];
-      expect(input).toHaveValue('10:15:35.000-10:00');
+      const input = getByTestId('time-input');
+      expect(input).toHaveValue('10:15:35');
 
       await selectTime(getByTestId, 2, 20, 'am');
 
-      expect(onChange).toHaveBeenLastCalledWith('02:20:35.000-10:00');
-      expect(input).toHaveValue('02:20:35.000-10:00');
+      expect(onChange).toHaveBeenLastCalledWith('02:20:35-10:00');
+      expect(input).toHaveValue('02:20:35');
 
       await act(async () => {
         const nowButton = getByTestId('datetime-now');
         await userEventActions.click(nowButton);
       });
 
-      expect(onChange).toHaveBeenLastCalledWith('10:15:36.000-10:00'); // Testing framework moves the time forward by a second by this point
-      expect(input).toHaveValue('10:15:36.000-10:00');
+      expect(onChange).toHaveBeenLastCalledWith('10:15:36-10:00'); // Testing framework moves the time forward by a second by this point
+      expect(input).toHaveValue('10:15:36');
     });
 
     describe('format', () => {
@@ -874,13 +835,12 @@ describe(DateTimeControl.name, () => {
           },
         });
 
-        const inputWrapper = getByTestId('time-input');
-        const input = inputWrapper.getElementsByTagName('input')[0];
+        const input = getByTestId('time-input');
         expect(input).toHaveValue('10:15 am');
 
         await selectTime(getByTestId, 2, 20, 'am');
 
-        expect(onChange).toHaveBeenLastCalledWith('02:20:35.000-10:00');
+        expect(onChange).toHaveBeenLastCalledWith('02:20:35-10:00');
         expect(input).toHaveValue('02:20 am');
       });
 
@@ -897,8 +857,7 @@ describe(DateTimeControl.name, () => {
           },
         });
 
-        const inputWrapper = getByTestId('time-input');
-        const input = inputWrapper.getElementsByTagName('input')[0];
+        const input = getByTestId('time-input');
         expect(input).toHaveValue('10:15 am');
 
         await selectTime(getByTestId, 3, 20, 'pm');
@@ -919,8 +878,7 @@ describe(DateTimeControl.name, () => {
           },
         });
 
-        const inputWrapper = getByTestId('time-input');
-        const input = inputWrapper.getElementsByTagName('input')[0];
+        const input = getByTestId('time-input');
         expect(input).toHaveValue('10:15');
 
         await selectTime(getByTestId, 3, 20, 'pm');
@@ -939,9 +897,8 @@ describe(DateTimeControl.name, () => {
       it("should default to today's date if no default is provided", () => {
         const { getByTestId } = renderControl({ label: 'I am a label', field: utcField });
 
-        const inputWrapper = getByTestId('time-input');
-        const input = inputWrapper.getElementsByTagName('input')[0];
-        expect(input).toHaveValue('20:15:35.000');
+        const input = getByTestId('time-input');
+        expect(input).toHaveValue('20:15:35');
       });
 
       it('should use default if provided (assuming default is already in UTC)', () => {
@@ -949,13 +906,12 @@ describe(DateTimeControl.name, () => {
           label: 'I am a label',
           field: {
             ...utcField,
-            default: '06:23:15.000',
+            default: '06:23:15',
           },
         });
 
-        const inputWrapper = getByTestId('time-input');
-        const input = inputWrapper.getElementsByTagName('input')[0];
-        expect(input).toHaveValue('06:23:15.000');
+        const input = getByTestId('time-input');
+        expect(input).toHaveValue('06:23:15');
       });
     });
   });
diff --git a/packages/core/src/widgets/datetime/__tests__/getDefaultValue.spec.ts b/packages/core/src/widgets/datetime/__tests__/getDefaultValue.spec.ts
index 06b95c36..44c580a7 100644
--- a/packages/core/src/widgets/datetime/__tests__/getDefaultValue.spec.ts
+++ b/packages/core/src/widgets/datetime/__tests__/getDefaultValue.spec.ts
@@ -12,12 +12,12 @@ describe('DateTime getDefaultValue', () => {
 
   describe('datetime', () => {
     it("should use today's date", () => {
-      expect(getDefaultValue(undefined, mockDateTimeField)).toEqual('2023-02-12T10:15:35.000');
+      expect(getDefaultValue(undefined, mockDateTimeField)).toEqual('2023-02-12T10:15:35');
     });
 
     it('should use provided default', () => {
-      expect(getDefaultValue('2022-06-18T14:30:01.000', mockDateTimeField)).toEqual(
-        '2022-06-18T14:30:01.000',
+      expect(getDefaultValue('2022-06-18T14:30:01', mockDateTimeField)).toEqual(
+        '2022-06-18T14:30:01',
       );
     });
   });
@@ -34,11 +34,11 @@ describe('DateTime getDefaultValue', () => {
 
   describe('time', () => {
     it("should use today's date", () => {
-      expect(getDefaultValue(undefined, mockTimeField)).toEqual('10:15:35.000');
+      expect(getDefaultValue(undefined, mockTimeField)).toEqual('10:15:35');
     });
 
     it('should use provided default', () => {
-      expect(getDefaultValue('14:30:01.000', mockTimeField)).toEqual('14:30:01.000');
+      expect(getDefaultValue('14:30:01', mockTimeField)).toEqual('14:30:01');
     });
   });
 });
diff --git a/packages/core/src/widgets/datetime/components/NowButton.css b/packages/core/src/widgets/datetime/components/NowButton.css
index cd5f871c..696ceabc 100644
--- a/packages/core/src/widgets/datetime/components/NowButton.css
+++ b/packages/core/src/widgets/datetime/components/NowButton.css
@@ -1,7 +1,4 @@
 .CMS_WidgetDateTime_NowButton_root {
-  @apply absolute
-    inset-y-1
-    right-3
-    flex
+  @apply flex
     items-center;
 }
diff --git a/packages/core/src/widgets/datetime/components/NowButton.tsx b/packages/core/src/widgets/datetime/components/NowButton.tsx
index b3b3955d..df4eb15e 100644
--- a/packages/core/src/widgets/datetime/components/NowButton.tsx
+++ b/packages/core/src/widgets/datetime/components/NowButton.tsx
@@ -1,9 +1,10 @@
 import React, { useCallback } from 'react';
 
 import Button from '@staticcms/core/components/common/button/Button';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { TranslatedProps } from '@staticcms/core/interface';
+import type { DateTimeField } from '@staticcms/core';
 import type { FC, MouseEvent } from 'react';
 
 import './NowButton.css';
@@ -12,10 +13,13 @@ const classes = generateClassNames('WidgetDateTime_NowButton', ['root', 'button'
 
 export interface NowButtonProps {
   handleChange: (value: Date) => void;
+  field: DateTimeField;
   disabled: boolean;
 }
 
-const NowButton: FC<TranslatedProps<NowButtonProps>> = ({ disabled, t, handleChange }) => {
+const NowButton: FC<NowButtonProps> = ({ disabled, field, handleChange }) => {
+  const t = useTranslate();
+
   const handleClick = useCallback(
     (event: MouseEvent) => {
       event.stopPropagation();
@@ -31,8 +35,10 @@ const NowButton: FC<TranslatedProps<NowButtonProps>> = ({ disabled, t, handleCha
         data-testid="datetime-now"
         onClick={handleClick}
         disabled={disabled}
+        color="secondary"
         variant="outlined"
         className={classes.button}
+        aria-label={`set ${field.label ?? field.name} to now`}
       >
         {t('editor.editorWidgets.datetime.now')}
       </Button>
diff --git a/packages/core/src/widgets/datetime/constants.ts b/packages/core/src/widgets/datetime/constants.ts
index 4cfe5d0d..0d2b2711 100644
--- a/packages/core/src/widgets/datetime/constants.ts
+++ b/packages/core/src/widgets/datetime/constants.ts
@@ -1,4 +1,4 @@
 export const DEFAULT_DATE_FORMAT = 'yyyy-MM-dd';
-export const DEFAULT_TIME_FORMAT = 'HH:mm:ss.SSS';
-export const DEFAULT_DATETIME_FORMAT = "yyyy-MM-dd'T'HH:mm:ss.SSS";
+export const DEFAULT_TIME_FORMAT = 'HH:mm:ss';
+export const DEFAULT_DATETIME_FORMAT = "yyyy-MM-dd'T'HH:mm:ss";
 export const DEFAULT_TIMEZONE_FORMAT = 'XXX';
diff --git a/packages/core/src/widgets/datetime/datetime.util.ts b/packages/core/src/widgets/datetime/datetime.util.ts
new file mode 100644
index 00000000..044c7eca
--- /dev/null
+++ b/packages/core/src/widgets/datetime/datetime.util.ts
@@ -0,0 +1,89 @@
+import { useMemo } from 'react';
+
+import { isNotEmpty } from '@staticcms/core/lib/util/string.util';
+import {
+  DEFAULT_DATETIME_FORMAT,
+  DEFAULT_DATE_FORMAT,
+  DEFAULT_TIMEZONE_FORMAT,
+  DEFAULT_TIME_FORMAT,
+} from './constants';
+
+import type { DateTimeField, DateTimeFormats } from '@staticcms/core';
+
+function getDisplayFormat(
+  dateFormat: string | boolean,
+  timeFormat: string | boolean,
+  storageFormat: string,
+) {
+  if (typeof dateFormat === 'string' || typeof timeFormat === 'string') {
+    const formatParts: string[] = [];
+    if (typeof dateFormat === 'string' && isNotEmpty(dateFormat)) {
+      formatParts.push(dateFormat);
+    } else if (dateFormat !== false) {
+      formatParts.push(DEFAULT_DATE_FORMAT);
+    }
+
+    if (typeof timeFormat === 'string' && isNotEmpty(timeFormat)) {
+      formatParts.push(timeFormat);
+    } else if (timeFormat !== false) {
+      formatParts.push(`${DEFAULT_TIME_FORMAT}`);
+    }
+
+    if (formatParts.length > 0) {
+      return formatParts.join(' ');
+    }
+  }
+
+  if (timeFormat === false) {
+    return storageFormat ?? DEFAULT_DATE_FORMAT;
+  }
+
+  if (dateFormat === false) {
+    return storageFormat ?? `${DEFAULT_TIME_FORMAT}`;
+  }
+
+  return storageFormat ?? `${DEFAULT_DATETIME_FORMAT}`;
+}
+
+export function getDatetimeFormats(field: DateTimeField): DateTimeFormats;
+export function getDatetimeFormats(field: DateTimeField | undefined): DateTimeFormats | undefined;
+export function getDatetimeFormats(field: DateTimeField | undefined) {
+  if (!field) {
+    return undefined;
+  }
+
+  const timezoneExtra = field.picker_utc ? '' : DEFAULT_TIMEZONE_FORMAT;
+
+  // dateFormat and timeFormat are strictly for modifying input field with the date/time pickers
+  const dateFormat: string | boolean = field.date_format ?? true;
+  // show time-picker? false hides it, true shows it using default format
+  const timeFormat: string | boolean = field.time_format ?? true;
+
+  let storageFormat = field.format;
+  let shouldAddTimezoneExtra = false;
+  if (timeFormat === false) {
+    storageFormat = field.format ?? DEFAULT_DATE_FORMAT;
+  } else if (dateFormat === false) {
+    storageFormat = field.format ?? DEFAULT_TIME_FORMAT;
+    shouldAddTimezoneExtra = !field.format;
+  } else {
+    storageFormat = field.format ?? DEFAULT_DATETIME_FORMAT;
+    shouldAddTimezoneExtra = !field.format;
+  }
+
+  const displayFormat = getDisplayFormat(dateFormat, timeFormat, storageFormat);
+
+  return {
+    storageFormat: `${storageFormat}${shouldAddTimezoneExtra ? timezoneExtra : ''}`,
+    dateFormat,
+    timeFormat,
+    displayFormat,
+    timezoneExtra,
+  };
+}
+
+export function useDatetimeFormats(field: DateTimeField): DateTimeFormats;
+export function useDatetimeFormats(field: DateTimeField | undefined): DateTimeFormats | undefined;
+export function useDatetimeFormats(field: DateTimeField | undefined): DateTimeFormats | undefined {
+  return useMemo(() => getDatetimeFormats(field), [field]);
+}
diff --git a/packages/core/src/widgets/datetime/getDefaultValue.ts b/packages/core/src/widgets/datetime/getDefaultValue.ts
index e52203e5..645d6472 100644
--- a/packages/core/src/widgets/datetime/getDefaultValue.ts
+++ b/packages/core/src/widgets/datetime/getDefaultValue.ts
@@ -4,7 +4,7 @@ import { isNotNullish } from '@staticcms/core/lib/util/null.util';
 import { DEFAULT_DATETIME_FORMAT, DEFAULT_DATE_FORMAT, DEFAULT_TIME_FORMAT } from './constants';
 import { localToUTC } from './utc.util';
 
-import type { DateTimeField, FieldGetDefaultMethod } from '@staticcms/core/interface';
+import type { DateTimeField, FieldGetDefaultMethod } from '@staticcms/core';
 
 const getDefaultValue: FieldGetDefaultMethod<string | Date, DateTimeField> = (
   defaultValue,
diff --git a/packages/core/src/widgets/datetime/index.ts b/packages/core/src/widgets/datetime/index.ts
index 4de670fb..9ecf5fa8 100644
--- a/packages/core/src/widgets/datetime/index.ts
+++ b/packages/core/src/widgets/datetime/index.ts
@@ -3,7 +3,7 @@ import previewComponent from './DateTimePreview';
 import getDefaultValue from './getDefaultValue';
 import schema from './schema';
 
-import type { DateTimeField, WidgetParam } from '@staticcms/core/interface';
+import type { DateTimeField, WidgetParam } from '@staticcms/core';
 
 const DateTimeWidget = (): WidgetParam<string | Date, DateTimeField> => {
   return {
diff --git a/packages/core/src/widgets/file/FileImageControl.css b/packages/core/src/widgets/file/FileImageControl.css
index 46881fd3..48c86f97 100644
--- a/packages/core/src/widgets/file/FileImageControl.css
+++ b/packages/core/src/widgets/file/FileImageControl.css
@@ -5,7 +5,7 @@
     border-transparent;
 
   &.CMS_WidgetFileImage_drag-over-active {
-    @apply border-blue-500;
+    border-color: var(--primary-main);
 
     & .CMS_WidgetFileImage_drop-area {
       @apply opacity-100;
@@ -29,6 +29,9 @@
 }
 
 .CMS_WidgetFileImage_drop-area {
+  color: var(--primary-light);
+  background: color-mix(in srgb, var(--background-main) 75%, transparent);
+
   @apply absolute
     inset-0
     flex
@@ -36,10 +39,6 @@
     justify-center
     pointer-events-none
     font-bold
-    text-blue-500
-    bg-white/75
-    dark:text-blue-400
-    dark:bg-slate-800/75
     transition-opacity
     opacity-0;
 }
diff --git a/packages/core/src/widgets/file/FilePreview.tsx b/packages/core/src/widgets/file/FilePreview.tsx
index 9dd0c16f..ec2dbba0 100644
--- a/packages/core/src/widgets/file/FilePreview.tsx
+++ b/packages/core/src/widgets/file/FilePreview.tsx
@@ -3,16 +3,16 @@ import React from 'react';
 import useMediaAsset from '@staticcms/core/lib/hooks/useMediaAsset';
 
 import type {
-  Collection,
+  CollectionWithDefaults,
   Entry,
   FileOrImageField,
   WidgetPreviewProps,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 import type { FC } from 'react';
 
 interface FileLinkProps {
   value: string;
-  collection: Collection<FileOrImageField>;
+  collection: CollectionWithDefaults<FileOrImageField>;
   field: FileOrImageField;
   entry: Entry;
 }
diff --git a/packages/core/src/widgets/file/__test__/FileControl.spec.ts b/packages/core/src/widgets/file/__test__/FileControl.spec.ts
index 5a44beb7..0bd0c338 100644
--- a/packages/core/src/widgets/file/__test__/FileControl.spec.ts
+++ b/packages/core/src/widgets/file/__test__/FileControl.spec.ts
@@ -3,22 +3,23 @@
  */
 import '@testing-library/jest-dom';
 import { act, screen, waitFor } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
+import { userEvent } from '@testing-library/user-event';
 
-import { configLoaded } from '@staticcms/core/actions/config';
+import { applyDefaults, configLoaded } from '@staticcms/core/actions/config';
 import {
   insertMedia,
   mediaDisplayURLSuccess,
   mediaInserted,
 } from '@staticcms/core/actions/mediaLibrary';
 import { store } from '@staticcms/core/store';
-import { createMockCollection } from '@staticcms/test/data/collections.mock';
-import { createMockConfig } from '@staticcms/test/data/config.mock';
+import { createMockFolderCollection } from '@staticcms/test/data/collections.mock';
+import { createNoDefaultsMockConfig } from '@staticcms/test/data/config.mock';
 import { mockFileField } from '@staticcms/test/data/fields.mock';
 import { createWidgetControlHarness } from '@staticcms/test/harnesses/widget.harness';
 import withFileControl from '../withFileControl';
 
-import type { Config, MediaFile } from '@staticcms/core/interface';
+import type { Config, ConfigWithDefaults, FileOrImageField, MediaFile } from '@staticcms/core';
+import type { WidgetControlHarness } from '@staticcms/test/harnesses/widget.harness';
 
 jest.mock('@staticcms/core/backend');
 
@@ -55,21 +56,27 @@ jest.mock('@staticcms/core/lib/hooks/useMediaAsset', () => (url: string) => url)
 
 describe('File Control', () => {
   const FileControl = withFileControl();
-  const collection = createMockCollection({}, mockFileField);
-  const config = createMockConfig({
+  const collection = createMockFolderCollection({}, mockFileField);
+  const originalConfig = createNoDefaultsMockConfig({
     collections: [collection],
   });
 
   const mockInsertMedia = insertMedia as jest.Mock;
 
-  const renderControl = createWidgetControlHarness(
-    FileControl,
-    { field: mockFileField, config },
-    { withMediaLibrary: true },
-  );
+  let renderControl: WidgetControlHarness<string | string[], FileOrImageField>;
 
   beforeEach(() => {
-    store.dispatch(configLoaded(config as unknown as Config));
+    const config = applyDefaults(originalConfig);
+
+    renderControl = createWidgetControlHarness(
+      FileControl,
+      { field: mockFileField, config },
+      { withMediaLibrary: true },
+    );
+
+    store.dispatch(
+      configLoaded(config as unknown as ConfigWithDefaults, originalConfig as unknown as Config),
+    );
     store.dispatch(mediaDisplayURLSuccess('12345', 'path/to/file1.txt'));
     store.dispatch(mediaDisplayURLSuccess('67890', 'path/to/file2.png'));
 
diff --git a/packages/core/src/widgets/file/components/SortableImage.css b/packages/core/src/widgets/file/components/SortableImage.css
index 97dac77f..3a23c5ea 100644
--- a/packages/core/src/widgets/file/components/SortableImage.css
+++ b/packages/core/src/widgets/file/components/SortableImage.css
@@ -5,36 +5,35 @@
 }
 
 .CMS_WidgetFileImage_SortableImage_card {
+  background: var(--background-dark);
+  border-color: var(--background-main);
+
   @apply w-image-card
     h-image-card
     rounded-md
     shadow-sm
     overflow-hidden
     cursor-pointer
-    border
-    bg-gray-50/75
-    border-gray-200/75
-    dark:bg-slate-800
-    dark:border-slate-600/75;
+    border;
 
   &:hover {
     & .CMS_WidgetFileImage_SortableImage_controls-wrapper {
-      @apply visible
-        bg-blue-200/25
-        dark:bg-blue-400/60;
+      background: color-mix(in srgb, var(--primary-main) 25%, transparent);
+
+      @apply visible;
     }
   }
 }
 
 .CMS_WidgetFileImage_SortableImage_handle {
+  --tw-ring-color: color-mix(in srgb, var(--primary-light) 50%, transparent);
+
   @apply absolute
     inset-0
     rounded-md
     z-20
     overflow-visible
     focus:ring-4
-    focus:ring-gray-200
-    dark:focus:ring-slate-700
     focus-visible:outline-none;
 }
 
@@ -48,33 +47,31 @@
 }
 
 .CMS_WidgetFileImage_SortableImage_controls {
+  background: color-mix(in srgb, var(--background-dark) 90%, transparent);
+
   @apply absolute
     top-2
     right-2
     flex
-    gap-1;
+    gap-1
+    rounded;
 }
 
 .CMS_WidgetFileImage_SortableImage_replace-button {
-  @apply text-white
-    dark:text-white
-    bg-gray-900/25
-    dark:hover:text-blue-100
-    dark:hover:bg-blue-800/80;
+  color: var(--primary-contrast-color);
+  background: color-mix(in srgb, var(--primary-dark) 15%, transparent);
+
+  &:hover {
+    color: var(--primary-light);
+  }
 }
 
 .CMS_WidgetFileImage_SortableImage_remove-button {
-  @apply relative
-    text-red-400
-    bg-gray-900/25
-    dark:hover:text-red-600
-    dark:hover:bg-red-800/40
-    z-30;
-}
+  color: var(--error-main);
+  background: color-mix(in srgb, var(--error-dark) 15%, transparent);
 
-.CMS_WidgetFileImage_SortableImage_button-icon {
-  @apply w-5
-    h-5;
+  @apply relative
+    z-30;
 }
 
 .CMS_WidgetFileImage_SortableImage_content {
diff --git a/packages/core/src/widgets/file/components/SortableImage.tsx b/packages/core/src/widgets/file/components/SortableImage.tsx
index edb36247..4826e23d 100644
--- a/packages/core/src/widgets/file/components/SortableImage.tsx
+++ b/packages/core/src/widgets/file/components/SortableImage.tsx
@@ -8,7 +8,7 @@ import IconButton from '@staticcms/core/components/common/button/IconButton';
 import Image from '@staticcms/core/components/common/image/Image';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { Collection, FileOrImageField } from '@staticcms/core/interface';
+import type { CollectionWithDefaults, FileOrImageField } from '@staticcms/core';
 import type { FC, MouseEventHandler } from 'react';
 
 import './SortableImage.css';
@@ -21,7 +21,6 @@ const classes = generateClassNames('WidgetFileImage_SortableImage', [
   'controls',
   'replace-button',
   'remove-button',
-  'button-icon',
   'content',
   'image',
 ]);
@@ -29,7 +28,7 @@ const classes = generateClassNames('WidgetFileImage_SortableImage', [
 export interface SortableImageProps {
   id: string;
   itemValue: string;
-  collection: Collection<FileOrImageField>;
+  collection: CollectionWithDefaults<FileOrImageField>;
   field: FileOrImageField;
   onRemove?: MouseEventHandler;
   onReplace?: MouseEventHandler;
@@ -98,24 +97,24 @@ const SortableImage: FC<SortableImageProps> = ({
           <div className={classes.controls}>
             {onReplace ? (
               <IconButton
+                icon={CameraAltIcon}
                 key="replace"
                 variant="text"
                 onClick={handleReplace}
-                className={classes['replace-button']}
-              >
-                <CameraAltIcon className={classes['button-icon']} />
-              </IconButton>
+                rootClassName={classes['replace-button']}
+                aria-label="replace image"
+              />
             ) : null}
             {onRemove ? (
               <IconButton
+                icon={DeleteIcon}
                 key="remove"
                 variant="text"
                 color="error"
                 onClick={handleRemove}
-                className={classes['remove-button']}
-              >
-                <DeleteIcon className={classes['button-icon']} />
-              </IconButton>
+                rootClassName={classes['remove-button']}
+                aria-label="remove image"
+              />
             ) : null}
           </div>
         </div>
diff --git a/packages/core/src/widgets/file/components/SortableLink.css b/packages/core/src/widgets/file/components/SortableLink.css
index 29302fae..ee2b2fee 100644
--- a/packages/core/src/widgets/file/components/SortableLink.css
+++ b/packages/core/src/widgets/file/components/SortableLink.css
@@ -4,6 +4,8 @@
 }
 
 .CMS_WidgetFileImage_SortableLink_card {
+  border-color: var(--background-light);
+
   @apply w-full
     shadow-sm
     overflow-hidden
@@ -11,7 +13,6 @@
     border-l-2
     border-b
     border-solid
-    border-l-slate-400
     p-2;
 }
 
@@ -27,22 +28,7 @@
     gap-1;
 }
 
-.CMS_WidgetFileImage_SortableLink_replace-button {
-  @apply text-white
-    dark:text-white
-    dark:hover:text-blue-100
-    dark:hover:bg-blue-800/80;
-}
-
 .CMS_WidgetFileImage_SortableLink_remove-button {
   @apply relative
-    text-red-400
-    dark:hover:text-red-600
-    dark:hover:bg-red-800/40
     z-30;
 }
-
-.CMS_WidgetFileImage_SortableLink_button-icon {
-  @apply w-5
-    h-5;
-}
diff --git a/packages/core/src/widgets/file/components/SortableLink.tsx b/packages/core/src/widgets/file/components/SortableLink.tsx
index 81d1a341..8538b143 100644
--- a/packages/core/src/widgets/file/components/SortableLink.tsx
+++ b/packages/core/src/widgets/file/components/SortableLink.tsx
@@ -18,7 +18,6 @@ const classes = generateClassNames('WidgetFileImage_SortableLink', [
   'controls',
   'replace-button',
   'remove-button',
-  'button-icon',
 ]);
 
 const MAX_DISPLAY_LENGTH = 100;
@@ -88,24 +87,25 @@ const SortableLink: FC<SortableLinkProps> = ({ id, itemValue, onRemove, onReplac
           <div className={classes.controls}>
             {onReplace ? (
               <IconButton
+                icon={ModeEditIcon}
                 key="replace"
+                color="secondary"
                 variant="text"
                 onClick={handleReplace}
-                className={classes['replace-button']}
-              >
-                <ModeEditIcon className={classes['button-icon']} />
-              </IconButton>
+                rootClassName={classes['replace-button']}
+                aria-label="replace link"
+              />
             ) : null}
             {onRemove ? (
               <IconButton
+                icon={DeleteIcon}
                 key="remove"
                 variant="text"
                 color="error"
                 onClick={handleRemove}
-                className={classes['remove-button']}
-              >
-                <DeleteIcon className={classes['button-icon']} />
-              </IconButton>
+                rootClassName={classes['remove-button']}
+                aria-label="remove link"
+              />
             ) : null}
           </div>
         </div>
diff --git a/packages/core/src/widgets/file/index.ts b/packages/core/src/widgets/file/index.ts
index 83522d4b..6347c747 100644
--- a/packages/core/src/widgets/file/index.ts
+++ b/packages/core/src/widgets/file/index.ts
@@ -3,7 +3,7 @@ import schema from './schema';
 import withFileControl, { getValidFileValue } from './withFileControl';
 
 import type { WithFileControlProps } from './withFileControl';
-import type { FileOrImageField, WidgetParam } from '@staticcms/core/interface';
+import type { FileOrImageField, WidgetParam } from '@staticcms/core';
 
 const controlComponent = withFileControl();
 
diff --git a/packages/core/src/widgets/file/withFileControl.tsx b/packages/core/src/widgets/file/withFileControl.tsx
index 9d578de5..e3a76fc8 100644
--- a/packages/core/src/widgets/file/withFileControl.tsx
+++ b/packages/core/src/widgets/file/withFileControl.tsx
@@ -28,7 +28,7 @@ import SortableImage from './components/SortableImage';
 import SortableLink from './components/SortableLink';
 
 import type { DragEndEvent } from '@dnd-kit/core';
-import type { FileOrImageField, MediaPath, WidgetControlProps } from '@staticcms/core/interface';
+import type { FileOrImageField, MediaPath, WidgetControlProps } from '@staticcms/core';
 import type AssetProxy from '@staticcms/core/valueObjects/AssetProxy';
 import type { FC, MouseEvent } from 'react';
 
@@ -355,7 +355,7 @@ const withFileControl = ({ forImage = false }: WithFileControlProps = {}) => {
               <div key="controls" className={widgetFileImageClasses.actions}>
                 <Button
                   buttonRef={uploadButtonRef}
-                  color="primary"
+                  color="secondary"
                   variant="outlined"
                   key="upload"
                   onClick={handleOpenMediaLibrary}
@@ -366,7 +366,7 @@ const withFileControl = ({ forImage = false }: WithFileControlProps = {}) => {
                 </Button>
                 {chooseUrl ? (
                   <Button
-                    color="primary"
+                    color="secondary"
                     variant="outlined"
                     key="choose-url"
                     onClick={handleUrl(subject)}
@@ -387,7 +387,7 @@ const withFileControl = ({ forImage = false }: WithFileControlProps = {}) => {
             <div key="controls" className={widgetFileImageClasses.actions}>
               <Button
                 buttonRef={uploadButtonRef}
-                color="primary"
+                color="secondary"
                 variant="outlined"
                 key="add-replace"
                 onClick={handleOpenMediaLibrary}
@@ -403,7 +403,7 @@ const withFileControl = ({ forImage = false }: WithFileControlProps = {}) => {
               {chooseUrl ? (
                 allowsMultiple ? (
                   <Button
-                    color="primary"
+                    color="secondary"
                     variant="outlined"
                     key="choose-url"
                     onClick={handleUrl(subject)}
@@ -414,7 +414,7 @@ const withFileControl = ({ forImage = false }: WithFileControlProps = {}) => {
                   </Button>
                 ) : (
                   <Button
-                    color="primary"
+                    color="secondary"
                     variant="outlined"
                     key="replace-url"
                     onClick={handleUrl(subject)}
diff --git a/packages/core/src/widgets/image/ImagePreview.tsx b/packages/core/src/widgets/image/ImagePreview.tsx
index 0e8c7970..87a6d306 100644
--- a/packages/core/src/widgets/image/ImagePreview.tsx
+++ b/packages/core/src/widgets/image/ImagePreview.tsx
@@ -3,16 +3,16 @@ import React from 'react';
 import useMediaAsset from '@staticcms/core/lib/hooks/useMediaAsset';
 
 import type {
-  Collection,
+  CollectionWithDefaults,
   Entry,
   FileOrImageField,
   WidgetPreviewProps,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 import type { FC } from 'react';
 
 interface ImageAssetProps {
   value: string;
-  collection: Collection<FileOrImageField>;
+  collection: CollectionWithDefaults<FileOrImageField>;
   field: FileOrImageField;
   entry: Entry;
 }
diff --git a/packages/core/src/widgets/image/index.ts b/packages/core/src/widgets/image/index.ts
index 493f856f..88764315 100644
--- a/packages/core/src/widgets/image/index.ts
+++ b/packages/core/src/widgets/image/index.ts
@@ -2,7 +2,7 @@ import withFileControl, { getValidFileValue } from '../file/withFileControl';
 import previewComponent from './ImagePreview';
 import schema from './schema';
 
-import type { FileOrImageField, WidgetParam } from '@staticcms/core/interface';
+import type { FileOrImageField, WidgetParam } from '@staticcms/core';
 
 const controlComponent = withFileControl({ forImage: true });
 
diff --git a/packages/core/src/widgets/keyvalue/KeyValueControl.css b/packages/core/src/widgets/keyvalue/KeyValueControl.css
index 81ecf9ac..70ac7adb 100644
--- a/packages/core/src/widgets/keyvalue/KeyValueControl.css
+++ b/packages/core/src/widgets/keyvalue/KeyValueControl.css
@@ -36,11 +36,6 @@
     w-6;
 }
 
-.CMS_WidgetKeyValue_delete-button-icon {
-  @apply h-5
-    w-5;
-}
-
 .CMS_WidgetKeyValue_actions {
   @apply px-3
     mt-3;
diff --git a/packages/core/src/widgets/keyvalue/KeyValueControl.tsx b/packages/core/src/widgets/keyvalue/KeyValueControl.tsx
index c624bbfb..e38f5db0 100644
--- a/packages/core/src/widgets/keyvalue/KeyValueControl.tsx
+++ b/packages/core/src/widgets/keyvalue/KeyValueControl.tsx
@@ -10,7 +10,7 @@ import classNames from '@staticcms/core/lib/util/classNames.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import { createEmptyPair } from './util';
 
-import type { KeyValueField, WidgetControlProps } from '@staticcms/core/interface';
+import type { KeyValueField, WidgetControlProps } from '@staticcms/core';
 import type { ChangeEvent, FC, MouseEvent } from 'react';
 import type { Pair } from './types';
 
@@ -28,7 +28,6 @@ const classes = generateClassNames('WidgetKeyValue', [
   'header-action-cell-content',
   'row',
   'delete-button',
-  'delete-button-icon',
   'actions',
   'add-button',
 ]);
@@ -159,19 +158,20 @@ const StringControl: FC<WidgetControlProps<Pair[], KeyValueField>> = ({
             variant="contained"
           />
           <IconButton
+            icon={CloseIcon}
             data-testid={`remove-button-${index}`}
             size="small"
             variant="text"
             onClick={handleRemove(index)}
             disabled={disabled}
-            className={classes['delete-button']}
-          >
-            <CloseIcon className={classes['delete-button-icon']} />
-          </IconButton>
+            rootClassName={classes['delete-button']}
+            aria-label="delete"
+          />
         </div>
       ))}
       <div className={classes.actions}>
         <Button
+          color="secondary"
           variant="outlined"
           onClick={handleAdd}
           className={classes['add-button']}
diff --git a/packages/core/src/widgets/keyvalue/KeyValuePreview.tsx b/packages/core/src/widgets/keyvalue/KeyValuePreview.tsx
index 1edf5381..70b02ae5 100644
--- a/packages/core/src/widgets/keyvalue/KeyValuePreview.tsx
+++ b/packages/core/src/widgets/keyvalue/KeyValuePreview.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { KeyValueField, WidgetPreviewProps } from '@staticcms/core/interface';
+import type { KeyValueField, WidgetPreviewProps } from '@staticcms/core';
 import type { FC } from 'react';
 import type { Pair } from './types';
 
diff --git a/packages/core/src/widgets/keyvalue/__tests__/KeyValueControl.spec.ts b/packages/core/src/widgets/keyvalue/__tests__/KeyValueControl.spec.ts
index b419f363..274bbb64 100644
--- a/packages/core/src/widgets/keyvalue/__tests__/KeyValueControl.spec.ts
+++ b/packages/core/src/widgets/keyvalue/__tests__/KeyValueControl.spec.ts
@@ -3,7 +3,7 @@
  */
 import '@testing-library/jest-dom';
 import { act, waitFor } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
+import { userEvent } from '@testing-library/user-event';
 
 import { mockKeyValueField } from '@staticcms/test/data/fields.mock';
 import { createWidgetControlHarness } from '@staticcms/test/harnesses/widget.harness';
@@ -198,7 +198,7 @@ describe(KeyValueControl.name, () => {
     expect(keyInput).not.toHaveFocus();
 
     await act(async () => {
-      const field = getByTestId('field');
+      const field = getByTestId('field-Mock Widget');
       await userEvent.click(field);
     });
 
diff --git a/packages/core/src/widgets/keyvalue/__tests__/converters.spec.ts b/packages/core/src/widgets/keyvalue/__tests__/converters.spec.ts
index 9534468b..f72f0825 100644
--- a/packages/core/src/widgets/keyvalue/__tests__/converters.spec.ts
+++ b/packages/core/src/widgets/keyvalue/__tests__/converters.spec.ts
@@ -5,7 +5,7 @@ import '@testing-library/jest-dom';
 
 import converters from '../converters';
 
-import type { KeyValueField } from '@staticcms/core/interface';
+import type { KeyValueField } from '@staticcms/core';
 
 describe('converters key value', () => {
   const keyValueField: KeyValueField = {
diff --git a/packages/core/src/widgets/keyvalue/__tests__/validator.spec.ts b/packages/core/src/widgets/keyvalue/__tests__/validator.spec.ts
index 51efe991..d75feeb7 100644
--- a/packages/core/src/widgets/keyvalue/__tests__/validator.spec.ts
+++ b/packages/core/src/widgets/keyvalue/__tests__/validator.spec.ts
@@ -6,7 +6,7 @@ import '@testing-library/jest-dom';
 import validator from '../validator';
 import ValidationErrorTypes from '@staticcms/core/constants/validationErrorTypes';
 
-import type { KeyValueField } from '@staticcms/core/interface';
+import type { KeyValueField } from '@staticcms/core';
 
 describe('validator key value', () => {
   const t = jest.fn();
diff --git a/packages/core/src/widgets/keyvalue/converters.ts b/packages/core/src/widgets/keyvalue/converters.ts
index 7d09b061..f51945c7 100644
--- a/packages/core/src/widgets/keyvalue/converters.ts
+++ b/packages/core/src/widgets/keyvalue/converters.ts
@@ -1,6 +1,6 @@
 import { createEmptyPair } from './util';
 
-import type { FieldStorageConverters, KeyValueField } from '@staticcms/core/interface';
+import type { FieldStorageConverters, KeyValueField } from '@staticcms/core';
 import type { Pair } from './types';
 
 const converters: FieldStorageConverters<Pair[], KeyValueField, Record<string, string>> = {
@@ -13,10 +13,13 @@ const converters: FieldStorageConverters<Pair[], KeyValueField, Record<string, s
       : [createEmptyPair()];
   },
   serialize(cmsValue) {
-    return cmsValue?.reduce((acc, pair) => {
-      acc[pair.key] = pair.value;
-      return acc;
-    }, {} as Record<string, string>);
+    return cmsValue?.reduce(
+      (acc, pair) => {
+        acc[pair.key] = pair.value;
+        return acc;
+      },
+      {} as Record<string, string>,
+    );
   },
 };
 
diff --git a/packages/core/src/widgets/keyvalue/index.ts b/packages/core/src/widgets/keyvalue/index.ts
index 0124096b..d4c63c35 100644
--- a/packages/core/src/widgets/keyvalue/index.ts
+++ b/packages/core/src/widgets/keyvalue/index.ts
@@ -4,7 +4,7 @@ import converters from './converters';
 import schema from './schema';
 import validator from './validator';
 
-import type { KeyValueField, WidgetParam } from '@staticcms/core/interface';
+import type { KeyValueField, WidgetParam } from '@staticcms/core';
 import type { Pair } from './types';
 
 const KeyValueWidget = (): WidgetParam<Pair[], KeyValueField> => {
diff --git a/packages/core/src/widgets/keyvalue/validator.ts b/packages/core/src/widgets/keyvalue/validator.ts
index a86f8091..451b5804 100644
--- a/packages/core/src/widgets/keyvalue/validator.ts
+++ b/packages/core/src/widgets/keyvalue/validator.ts
@@ -2,7 +2,7 @@ import ValidationErrorTypes from '@staticcms/core/constants/validationErrorTypes
 import { isEmpty } from '@staticcms/core/lib/util/string.util';
 import { validateMinMax } from '@staticcms/core/lib/widgets/validations';
 
-import type { FieldError, FieldValidationMethod, KeyValueField } from '@staticcms/core/interface';
+import type { FieldError, FieldValidationMethod, KeyValueField } from '@staticcms/core';
 import type { Pair } from './types';
 
 const validator: FieldValidationMethod<Pair[], KeyValueField> = ({ field, value, t }) => {
diff --git a/packages/core/src/widgets/list/DelimitedListControl.tsx b/packages/core/src/widgets/list/DelimitedListControl.tsx
index 85af61a6..ccb0d82a 100644
--- a/packages/core/src/widgets/list/DelimitedListControl.tsx
+++ b/packages/core/src/widgets/list/DelimitedListControl.tsx
@@ -6,7 +6,7 @@ import useDebounce from '@staticcms/core/lib/hooks/useDebounce';
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import widgetListClasses from './ListControl.classes';
 
-import type { ListField, ValueOrNestedValue, WidgetControlProps } from '@staticcms/core/interface';
+import type { ListField, ValueOrNestedValue, WidgetControlProps } from '@staticcms/core';
 import type { ChangeEvent, FC } from 'react';
 
 const DelimitedListControl: FC<WidgetControlProps<ValueOrNestedValue[], ListField>> = ({
diff --git a/packages/core/src/widgets/list/ListControl.css b/packages/core/src/widgets/list/ListControl.css
index 6326a003..893c96f6 100644
--- a/packages/core/src/widgets/list/ListControl.css
+++ b/packages/core/src/widgets/list/ListControl.css
@@ -1,24 +1,32 @@
 .CMS_WidgetList_root {
   &.CMS_WidgetList_disabled {
     & .CMS_WidgetList_expand-button-icon {
-      @apply text-slate-300
-        dark:text-slate-600;
+      color: var(--text-secondary);
+    }
+  }
+
+  &:not(.CMS_WidgetList_error) {
+    &:not(.CMS_WidgetList_disabled) {
+      &:hover,
+      &:focus-within {
+        & > .CMS_WidgetList_field-wrapper {
+          & > .CMS_WidgetList_expand-button {
+            & .CMS_WidgetList_summary {
+              color: var(--primary-main);
+            }
+          }
+        }
+      }
     }
   }
 
   &.CMS_WidgetList_error {
-    & .CMS_WidgetList_content {
-      @apply border-l-red-500;
-    }
-  }
-
-  &:not(.CMS_WidgetList_disabled) {
-    &:not(.CMS_WidgetList_error) {
-      &:hover,
-      &:focus-with {
-        & .CMS_WidgetList_summary,
-        & .CMS_WidgetList_expand-button-icon {
-          @apply text-blue-500;
+    &:not(.CMS_WidgetList_disabled) {
+      & > .CMS_WidgetList_field-wrapper {
+        & > .CMS_WidgetList_expand-button {
+          & .CMS_WidgetList_summary {
+            color: var(--error-main);
+          }
         }
       }
     }
@@ -39,13 +47,12 @@
 }
 
 .CMS_WidgetList_field-wrapper {
+  border-color: var(--background-divider);
+
   @apply relative
     flex
     flex-col
-    border-b
-    border-slate-400
-    focus-within:border-blue-800
-    dark:focus-within:border-blue-100;
+    border-b;
 }
 
 .CMS_WidgetList_field {
@@ -67,7 +74,6 @@
     focus:outline-none
     focus-visible:ring
     gap-2
-    focus-visible:ring-opacity-75
     items-center;
 }
 
@@ -78,8 +84,9 @@
 }
 
 .CMS_WidgetList_content {
-  @apply text-sm
-    text-gray-500;
+  color: var(--text-secondary);
+
+  @apply text-sm;
 }
 
 .CMS_WidgetList_error-message {
diff --git a/packages/core/src/widgets/list/ListControl.tsx b/packages/core/src/widgets/list/ListControl.tsx
index d64d5918..d8140a9c 100644
--- a/packages/core/src/widgets/list/ListControl.tsx
+++ b/packages/core/src/widgets/list/ListControl.tsx
@@ -27,7 +27,7 @@ import type {
   ObjectValue,
   ValueOrNestedValue,
   WidgetControlProps,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 import type { FC, MouseEvent } from 'react';
 
 import './ListControl.css';
@@ -361,10 +361,12 @@ const ListControl: FC<WidgetControlProps<ValueOrNestedValue[], ListField>> = pro
           {types && types.length ? (
             <Menu
               label={t('editor.editorWidgets.list.addType', { item: label })}
+              color="secondary"
               variant="outlined"
               buttonClassName={widgetListClasses['add-types-button']}
               data-testid="list-type-add"
               disabled={disabled}
+              aria-label="add type options dropdown"
             >
               <MenuGroup>
                 {types.map((type, idx) =>
@@ -382,6 +384,7 @@ const ListControl: FC<WidgetControlProps<ValueOrNestedValue[], ListField>> = pro
             </Menu>
           ) : (
             <Button
+              color="secondary"
               variant="outlined"
               onClick={handleAdd}
               className={widgetListClasses['add-button']}
diff --git a/packages/core/src/widgets/list/ListPreview.tsx b/packages/core/src/widgets/list/ListPreview.tsx
index ce5025d9..d7beb22d 100644
--- a/packages/core/src/widgets/list/ListPreview.tsx
+++ b/packages/core/src/widgets/list/ListPreview.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 import { isNullish } from '@staticcms/core/lib/util/null.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { ListField, ValueOrNestedValue, WidgetPreviewProps } from '@staticcms/core/interface';
+import type { ListField, ValueOrNestedValue, WidgetPreviewProps } from '@staticcms/core';
 import type { FC, ReactNode } from 'react';
 
 const classes = generateClassNames('WidgetListPreview', ['root']);
@@ -55,9 +55,7 @@ const ListPreview: FC<WidgetPreviewProps<ValueOrNestedValue[], ListField>> = ({
         !['object', 'list'].includes(field.fields[0].widget)) ||
       (!field.fields && !field.types) ? (
         <ul style={{ marginTop: 0 }}>
-          {value?.map((item, index) => (
-            <li key={index}>{String(item)}</li>
-          ))}
+          {value?.map((item, index) => <li key={index}>{String(item)}</li>)}
         </ul>
       ) : (
         renderNestedList(value)
diff --git a/packages/core/src/widgets/list/__tests__/ListControl.spec.tsx b/packages/core/src/widgets/list/__tests__/ListControl.spec.tsx
index d827bc59..86a68cd2 100644
--- a/packages/core/src/widgets/list/__tests__/ListControl.spec.tsx
+++ b/packages/core/src/widgets/list/__tests__/ListControl.spec.tsx
@@ -4,14 +4,14 @@
 import { DndContext } from '@dnd-kit/core';
 import '@testing-library/jest-dom';
 import { act, getByTestId, queryByTestId, screen, waitFor } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
+import { userEvent } from '@testing-library/user-event';
 import React from 'react';
 
 import { createWidgetControlHarness } from '@staticcms/test/harnesses/widget.harness';
 import ListControl from '../ListControl';
 
 import type { DragEndEvent } from '@dnd-kit/core';
-import type { ListField, ValueOrNestedValue } from '@staticcms/core/interface';
+import type { ListField, ValueOrNestedValue } from '@staticcms/core';
 
 jest.unmock('uuid');
 
diff --git a/packages/core/src/widgets/list/components/ListFieldWrapper.tsx b/packages/core/src/widgets/list/components/ListFieldWrapper.tsx
index fff0fbcd..4ccdac10 100644
--- a/packages/core/src/widgets/list/components/ListFieldWrapper.tsx
+++ b/packages/core/src/widgets/list/components/ListFieldWrapper.tsx
@@ -8,7 +8,7 @@ import Label from '@staticcms/core/components/common/field/Label';
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import widgetListClasses from '../ListControl.classes';
 
-import type { FieldError, ListField } from '@staticcms/core/interface';
+import type { FieldError, ListField } from '@staticcms/core';
 import type { FC, ReactNode } from 'react';
 
 export interface ListFieldWrapperProps {
@@ -44,12 +44,12 @@ const ListFieldWrapper: FC<ListFieldWrapperProps> = ({
 
   return (
     <div
-      data-testid="list-field"
+      data-testid={`list-field-${openLabel?.trim()}`}
       className={classNames(
         widgetListClasses.root,
         disabled && widgetListClasses.disabled,
         field.required !== false && widgetListClasses.required,
-        hasErrors && widgetListClasses.error,
+        (hasErrors || hasChildErrors) && widgetListClasses.error,
         forSingleList && widgetListClasses['for-single-list'],
         open && widgetListClasses.open,
       )}
@@ -68,7 +68,7 @@ const ListFieldWrapper: FC<ListFieldWrapperProps> = ({
             variant="inline"
             disabled={disabled}
           >
-            {open ? openLabel : closedLabel}
+            {open ? openLabel.trim() : closedLabel.trim()}
           </Label>
           <ChevronRightIcon className={widgetListClasses['expand-button-icon']} />
         </button>
diff --git a/packages/core/src/widgets/list/components/ListItem.tsx b/packages/core/src/widgets/list/components/ListItem.tsx
index 9e165260..93694d0e 100644
--- a/packages/core/src/widgets/list/components/ListItem.tsx
+++ b/packages/core/src/widgets/list/components/ListItem.tsx
@@ -1,9 +1,9 @@
 import partial from 'lodash/partial';
 import React, { useMemo } from 'react';
-import { useTranslate } from 'react-polyglot';
 
 import EditorControl from '@staticcms/core/components/entry-editor/editor-control-pane/EditorControl';
 import useHasChildErrors from '@staticcms/core/lib/hooks/useHasChildErrors';
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import { isNotNullish } from '@staticcms/core/lib/util/null.util';
 import {
   addFileTemplateFields,
@@ -17,12 +17,13 @@ import type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
 import type {
   Entry,
   EntryData,
+  Field,
   ListField,
   ObjectField,
   ObjectValue,
   ValueOrNestedValue,
   WidgetControlProps,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 import type { FC, MouseEvent } from 'react';
 import type { t } from 'react-polyglot';
 
@@ -31,6 +32,7 @@ function handleSummary(
   entry: Entry,
   label: string,
   item: ValueOrNestedValue,
+  fields: Field[],
   t: t,
 ): string {
   if (typeof item === 'object' && !(item instanceof Date) && !Array.isArray(item)) {
@@ -41,7 +43,7 @@ function handleSummary(
       },
     };
     const data = addFileTemplateFields(entry.path, labeledItem);
-    return compileStringTemplate(summary, null, '', data);
+    return compileStringTemplate(summary, null, '', data, fields);
   }
 
   return isNotNullish(item) ? String(item) : t('editor.editorWidgets.list.noValue');
@@ -102,7 +104,7 @@ const ListItem: FC<ListItemProps> = ({
   listeners,
   handleRemove,
 }) => {
-  const t = useTranslate() as t;
+  const t = useTranslate();
 
   const [summary, objectField] = useMemo((): [string, ListField | ObjectField] => {
     const childObjectField: ObjectField = {
@@ -138,7 +140,14 @@ const ListItem: FC<ListItemProps> = ({
         const summary =
           'summary' in itemType && itemType.summary ? itemType.summary : field.summary;
         const labelReturn = summary
-          ? `${label} - ${handleSummary(summary, entry, label, mixedObjectValue, t)}`
+          ? `${label} - ${handleSummary(
+              summary,
+              entry,
+              label,
+              mixedObjectValue,
+              itemType.fields,
+              t,
+            )}`
           : label;
 
         return [labelReturn ?? t('editor.editorWidgets.list.noValue'), itemType];
@@ -165,7 +174,7 @@ const ListItem: FC<ListItemProps> = ({
 
         const summary = field.summary;
         const labelReturn = summary
-          ? handleSummary(summary, entry, String(labelFieldValue), objectValue, t)
+          ? handleSummary(summary, entry, String(labelFieldValue), objectValue, multiFields, t)
           : labelFieldValue
           ? String(labelFieldValue)
           : undefined;
diff --git a/packages/core/src/widgets/list/components/ListItemWrapper.css b/packages/core/src/widgets/list/components/ListItemWrapper.css
index c4b2e709..6536f939 100644
--- a/packages/core/src/widgets/list/components/ListItemWrapper.css
+++ b/packages/core/src/widgets/list/components/ListItemWrapper.css
@@ -4,8 +4,14 @@
     flex-col;
 
   &.CMS_WidgetList_ListItem_error {
-    & .CMS_WidgetList_ListItem_content {
-      @apply border-l-red-500;
+    & > .MuiCollapse-root {
+      & > .MuiCollapse-wrapper {
+        & > .MuiCollapse-wrapperInner {
+          & > .CMS_WidgetList_ListItem_content {
+            border-color: var(--error-main);
+          }
+        }
+      }
     }
   }
 
@@ -14,18 +20,24 @@
       &:hover {
         & .CMS_WidgetList_ListItem_summary-label,
         & .CMS_WidgetList_ListItem_expand-button-icon {
-          @apply text-blue-500;
+          color: var(--primary-main);
         }
       }
 
       &:focus-within {
         & .CMS_WidgetList_ListItem_summary-label,
         & .CMS_WidgetList_ListItem_expand-button-icon {
-          @apply text-blue-500;
+          color: var(--primary-main);
         }
 
-        & .CMS_WidgetList_ListItem_content {
-          @apply border-l-blue-500;
+        & > .MuiCollapse-root {
+          & > .MuiCollapse-wrapper {
+            & > .MuiCollapse-wrapperInner {
+              & > .CMS_WidgetList_ListItem_content {
+                border-color: var(--primary-main);
+              }
+            }
+          }
         }
       }
     }
@@ -33,8 +45,7 @@
 
   &.CMS_WidgetList_ListItem_disabled {
     & .CMS_WidgetList_ListItem_expand-button-icon {
-      @apply text-slate-300
-        dark:text-slate-600;
+      color: var(--text-secondary);
     }
   }
 
@@ -52,16 +63,16 @@
     flex-col;
 
   &.CMS_WidgetList_ListItem_error {
-    & .CMS_WidgetList_ListItem_content {
-      @apply border-l-red-500;
+    & > .CMS_WidgetList_ListItem_content {
+      border-color: var(--error-main);
     }
   }
 
   &:not(.CMS_WidgetList_ListItem_error) {
     &:not(.CMS_WidgetList_ListItem_disabled) {
       &:focus-within {
-        & .CMS_WidgetList_ListItem_content {
-          @apply border-l-blue-500;
+        & > .CMS_WidgetList_ListItem_content {
+          border-color: var(--primary-main);
         }
       }
     }
@@ -89,7 +100,6 @@
     focus:outline-none
     focus-visible:ring
     gap-2
-    focus-visible:ring-opacity-75
     items-center;
 }
 
@@ -118,30 +128,33 @@
 }
 
 .CMS_WidgetList_ListItem_not-open-placeholder {
+  border-color: var(--background-light);
+
   @apply ml-8
-    border-b
-    border-slate-400;
+    border-b;
 }
 
 .CMS_WidgetList_ListItem_content {
+  color: var(--text-secondary);
+  border-color: var(--background-light);
+
   @apply relative
     ml-4
     text-sm
-    text-gray-500
     border-l-2
     border-solid
-    border-l-slate-400;
+    flex
+    gap-2;
+}
+
+.CMS_WidgetList_ListItem_content-fields {
+  @apply relative
+    flex-grow;
 }
 
 .CMS_WidgetList_ListItem_single-field-controls {
-  @apply absolute
-    right-3
-    top-0
-    h-full
-    flex
-    items-center
-    justify-end
-    z-10;
+  @apply flex
+    flex-shrink-0;
 }
 
 .CMS_WidgetList_ListItem_drag-handle {
diff --git a/packages/core/src/widgets/list/components/ListItemWrapper.tsx b/packages/core/src/widgets/list/components/ListItemWrapper.tsx
index 7382e140..6f9de2ee 100644
--- a/packages/core/src/widgets/list/components/ListItemWrapper.tsx
+++ b/packages/core/src/widgets/list/components/ListItemWrapper.tsx
@@ -10,7 +10,7 @@ import classNames from '@staticcms/core/lib/util/classNames.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
 import type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
-import type { MouseEvent, ReactNode } from 'react';
+import type { FC, MouseEvent, ReactNode } from 'react';
 
 import './ListItemWrapper.css';
 
@@ -30,6 +30,7 @@ const classes = generateClassNames('WidgetList_ListItem', [
   'button-icon',
   'not-open-placeholder',
   'content',
+  'content-fields',
   'single-field-controls',
   'drag-handle',
   'drag-handle-icon',
@@ -40,7 +41,7 @@ export interface DragHandleProps {
   disabled: boolean;
 }
 
-const DragHandle = ({ listeners, disabled }: DragHandleProps) => {
+const DragHandle: FC<DragHandleProps> = ({ listeners, disabled }) => {
   return (
     <span
       data-testid="drag-handle"
@@ -65,7 +66,7 @@ export interface ListItemWrapperProps {
   disabled: boolean;
 }
 
-const ListItemWrapper = ({
+const ListItemWrapper: FC<ListItemWrapperProps> = ({
   label,
   summary,
   collapsed = false,
@@ -75,7 +76,7 @@ const ListItemWrapper = ({
   children,
   isSingleField,
   disabled,
-}: ListItemWrapperProps) => {
+}) => {
   const [open, setOpen] = useState(!collapsed);
 
   const handleOpenToggle = useCallback(() => {
@@ -87,15 +88,17 @@ const ListItemWrapper = ({
       <div className={classes.controls}>
         {onRemove ? (
           <IconButton
+            icon={CloseIcon}
             data-testid="remove-button"
             size="small"
+            color="secondary"
             variant="text"
             onClick={onRemove}
             disabled={disabled}
-            className={classes['remove-button']}
-          >
-            <CloseIcon className={classes['button-icon']} />
-          </IconButton>
+            rootClassName={classes['remove-button']}
+            iconClassName={classes['button-icon']}
+            aria-label="remove"
+          />
         ) : null}
         {listeners ? <DragHandle listeners={listeners} disabled={disabled} /> : null}
       </div>
@@ -106,7 +109,7 @@ const ListItemWrapper = ({
   if (isSingleField) {
     return (
       <div
-        data-testid="list-item-field"
+        data-testid={`list-item-field-${label?.trim()}`}
         className={classNames(
           classes['single-field-root'],
           hasErrors && classes.error,
@@ -114,7 +117,7 @@ const ListItemWrapper = ({
         )}
       >
         <div data-testid="list-item-objects" className={classes.content}>
-          {children}
+          <div className={classes['content-fields']}>{children}</div>
           <div className={classes['single-field-controls']}>{renderedControls}</div>
         </div>
       </div>
@@ -123,7 +126,7 @@ const ListItemWrapper = ({
 
   return (
     <div
-      data-testid="list-item-field"
+      data-testid={`list-item-field-${label?.trim()}`}
       className={classNames(
         classes.root,
         hasErrors && classes.error,
@@ -136,6 +139,7 @@ const ListItemWrapper = ({
           data-testid="list-item-expand-button"
           className={classes['expand-button']}
           onClick={handleOpenToggle}
+          aria-label={!open ? 'expand' : 'collapse'}
         >
           <ChevronRightIcon className={classes['expand-button-icon']} />
           <div className={classes.summary}>
@@ -148,7 +152,7 @@ const ListItemWrapper = ({
               data-testid="item-label"
               disabled={disabled}
             >
-              {label}
+              {label.trim()}
             </Label>
             {!open ? <span data-testid="item-summary">{summary}</span> : null}
           </div>
@@ -157,7 +161,9 @@ const ListItemWrapper = ({
       </div>
       {!open ? <div className={classes['not-open-placeholder']}></div> : null}
       <Collapse in={open} appear={false}>
-        <div className={classes.content}>{children}</div>
+        <div className={classes.content}>
+          <div className={classes['content-fields']}>{children}</div>
+        </div>
       </Collapse>
     </div>
   );
diff --git a/packages/core/src/widgets/list/index.ts b/packages/core/src/widgets/list/index.ts
index d3609490..cdf8d7da 100644
--- a/packages/core/src/widgets/list/index.ts
+++ b/packages/core/src/widgets/list/index.ts
@@ -2,7 +2,7 @@ import controlComponent from './ListControl';
 import previewComponent from './ListPreview';
 import schema from './schema';
 
-import type { ListField, ValueOrNestedValue, WidgetParam } from '@staticcms/core/interface';
+import type { ListField, ValueOrNestedValue, WidgetParam } from '@staticcms/core';
 
 const ListWidget = (): WidgetParam<ValueOrNestedValue[], ListField> => {
   return {
diff --git a/packages/core/src/widgets/list/typedListHelpers.ts b/packages/core/src/widgets/list/typedListHelpers.ts
index b4fefb7f..607abb00 100644
--- a/packages/core/src/widgets/list/typedListHelpers.ts
+++ b/packages/core/src/widgets/list/typedListHelpers.ts
@@ -1,4 +1,4 @@
-import type { ListField, ObjectField, ObjectValue } from '@staticcms/core/interface';
+import type { ListField, ObjectField, ObjectValue } from '@staticcms/core';
 
 export const TYPES_KEY = 'types';
 export const TYPE_KEY = 'type_key';
diff --git a/packages/core/src/widgets/map/MapPreview.tsx b/packages/core/src/widgets/map/MapPreview.tsx
index 5c6ad223..357dc208 100644
--- a/packages/core/src/widgets/map/MapPreview.tsx
+++ b/packages/core/src/widgets/map/MapPreview.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { MapField, WidgetPreviewProps } from '@staticcms/core/interface';
+import type { MapField, WidgetPreviewProps } from '@staticcms/core';
 import type { FC } from 'react';
 
 const classes = generateClassNames('WidgetMapPreview', ['root']);
diff --git a/packages/core/src/widgets/map/index.ts b/packages/core/src/widgets/map/index.ts
index 5ed2256a..c5bd953f 100644
--- a/packages/core/src/widgets/map/index.ts
+++ b/packages/core/src/widgets/map/index.ts
@@ -2,7 +2,7 @@ import previewComponent from './MapPreview';
 import schema from './schema';
 import withMapControl from './withMapControl';
 
-import type { MapField, WidgetParam } from '@staticcms/core/interface';
+import type { MapField, WidgetParam } from '@staticcms/core';
 
 const controlComponent = withMapControl();
 
diff --git a/packages/core/src/widgets/map/withMapControl.tsx b/packages/core/src/widgets/map/withMapControl.tsx
index ad0aa552..0b0a8c10 100644
--- a/packages/core/src/widgets/map/withMapControl.tsx
+++ b/packages/core/src/widgets/map/withMapControl.tsx
@@ -12,7 +12,7 @@ import Field from '@staticcms/core/components/common/field/Field';
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { MapField, WidgetControlProps } from '@staticcms/core/interface';
+import type { MapField, WidgetControlProps } from '@staticcms/core';
 import type { Geometry } from 'ol/geom';
 import type { FC } from 'react';
 
diff --git a/packages/core/src/widgets/markdown/MarkdownPreview.tsx b/packages/core/src/widgets/markdown/MarkdownPreview.tsx
index 2230bfe2..d56c59bd 100644
--- a/packages/core/src/widgets/markdown/MarkdownPreview.tsx
+++ b/packages/core/src/widgets/markdown/MarkdownPreview.tsx
@@ -10,7 +10,7 @@ import withShortcodeMdxComponent from './mdx/withShortcodeMdxComponent';
 import useMdx from './plate/hooks/useMdx';
 import { processShortcodeConfigToMdx } from './plate/serialization/slate/processShortcodeConfig';
 
-import type { MarkdownField, WidgetPreviewProps } from '@staticcms/core/interface';
+import type { MarkdownField, WidgetPreviewProps } from '@staticcms/core';
 import type { FC } from 'react';
 import type { UseMdxState } from './plate/hooks/useMdx';
 
diff --git a/packages/core/src/widgets/markdown/index.ts b/packages/core/src/widgets/markdown/index.ts
index 26a565ca..0e1831fd 100644
--- a/packages/core/src/widgets/markdown/index.ts
+++ b/packages/core/src/widgets/markdown/index.ts
@@ -2,7 +2,7 @@ import withMarkdownControl from './withMarkdownControl';
 import previewComponent from './MarkdownPreview';
 import schema from './schema';
 
-import type { MarkdownField, WidgetParam } from '@staticcms/core/interface';
+import type { MarkdownField, WidgetParam } from '@staticcms/core';
 
 const controlComponent = withMarkdownControl({ useMdx: false });
 
diff --git a/packages/core/src/widgets/markdown/mdx/withShortcodeMdxComponent.tsx b/packages/core/src/widgets/markdown/mdx/withShortcodeMdxComponent.tsx
index 5c134567..43185d1d 100644
--- a/packages/core/src/widgets/markdown/mdx/withShortcodeMdxComponent.tsx
+++ b/packages/core/src/widgets/markdown/mdx/withShortcodeMdxComponent.tsx
@@ -2,7 +2,7 @@ import React, { useMemo } from 'react';
 
 import { getShortcode } from '../../../lib/registry';
 
-import type { MarkdownField, WidgetPreviewProps } from '@staticcms/core/interface';
+import type { MarkdownField, WidgetPreviewProps } from '@staticcms/core';
 import type { FC } from 'react';
 
 export interface WithShortcodeMdxComponentProps {
diff --git a/packages/core/src/widgets/markdown/plate/PlateEditor.tsx b/packages/core/src/widgets/markdown/plate/PlateEditor.tsx
index 69f465f1..4b4c242f 100644
--- a/packages/core/src/widgets/markdown/plate/PlateEditor.tsx
+++ b/packages/core/src/widgets/markdown/plate/PlateEditor.tsx
@@ -54,13 +54,14 @@ import {
 import React, { useMemo, useRef } from 'react';
 import { DndProvider } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
-import { useTranslate } from 'react-polyglot';
 
+import useTranslate from '@staticcms/core/lib/hooks/useTranslate';
 import useUUID from '@staticcms/core/lib/hooks/useUUID';
 import widgetMarkdownClasses from '../MarkdownControl.classes';
 import { CodeBlockElement, withShortcodeElement } from './components';
 import { BalloonToolbar } from './components/balloon-toolbar';
 import { BlockquoteElement } from './components/nodes/blockquote';
+import CodeElement from './components/nodes/code/Code';
 import {
   Heading1,
   Heading2,
@@ -84,7 +85,6 @@ import {
   TableHeaderCellElement,
   TableRowElement,
 } from './components/nodes/table';
-import CodeElement from './components/nodes/code/Code';
 import { Toolbar } from './components/toolbar';
 import editableProps from './editableProps';
 import { createMdPlugins, ELEMENT_SHORTCODE } from './plateTypes';
@@ -101,19 +101,18 @@ import { createTablePlugin } from './plugins/table';
 import { trailingBlockPlugin } from './plugins/trailing-block';
 
 import type {
-  Collection,
+  CollectionWithDefaults,
   Entry,
   MarkdownField,
   WidgetControlProps,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 import type { AnyObject, AutoformatPlugin, PlatePlugin } from '@udecode/plate';
 import type { FC } from 'react';
-import type { t as T } from 'react-polyglot';
 import type { MdEditor, MdValue } from './plateTypes';
 
 export interface PlateEditorProps {
   initialValue: MdValue;
-  collection: Collection<MarkdownField>;
+  collection: CollectionWithDefaults<MarkdownField>;
   entry: Entry;
   field: MarkdownField;
   useMdx: boolean;
@@ -134,7 +133,7 @@ const PlateEditor: FC<PlateEditorProps> = ({
   onFocus,
   onBlur,
 }) => {
-  const t = useTranslate() as T;
+  const t = useTranslate();
 
   const editorContainerRef = useRef<HTMLDivElement | null>(null);
   const innerEditorContainerRef = useRef<HTMLDivElement | null>(null);
diff --git a/packages/core/src/widgets/markdown/plate/components/balloon-toolbar/BalloonToolbar.css b/packages/core/src/widgets/markdown/plate/components/balloon-toolbar/BalloonToolbar.css
index 9c80aad9..7aa80692 100644
--- a/packages/core/src/widgets/markdown/plate/components/balloon-toolbar/BalloonToolbar.css
+++ b/packages/core/src/widgets/markdown/plate/components/balloon-toolbar/BalloonToolbar.css
@@ -3,22 +3,18 @@
 }
 
 .CMS_WidgetMarkdown_BalloonToolbar_popper {
+  background: var(--background-main);
+
   @apply absolute
     max-h-60
     overflow-hidden
     rounded-md
-    bg-white
     p-1
     text-base
     shadow-md
-    ring-1
-    ring-black
-    ring-opacity-5
     focus:outline-none
     sm:text-sm
-    z-[100]
-    dark:bg-slate-700
-    dark:shadow-lg;
+    z-[100];
 }
 
 .CMS_WidgetMarkdown_BalloonToolbar_content {
diff --git a/packages/core/src/widgets/markdown/plate/components/balloon-toolbar/BalloonToolbar.tsx b/packages/core/src/widgets/markdown/plate/components/balloon-toolbar/BalloonToolbar.tsx
index 8d3b83b7..6a42282c 100644
--- a/packages/core/src/widgets/markdown/plate/components/balloon-toolbar/BalloonToolbar.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/balloon-toolbar/BalloonToolbar.tsx
@@ -38,12 +38,12 @@ import { useMdPlateEditorState } from '@staticcms/markdown/plate/plateTypes';
 import { getToolbarButtons } from '../../hooks/useToolbarButtons';
 
 import type {
-  Collection,
+  CollectionWithDefaults,
   MarkdownField,
   MarkdownToolbarButtonType,
-} from '@staticcms/core/interface';
-import type { FC, ReactNode } from 'react';
+} from '@staticcms/core';
 import type { ClientRectObject } from '@udecode/plate';
+import type { FC, ReactNode } from 'react';
 
 import './BalloonToolbar.css';
 
@@ -91,7 +91,7 @@ const DEFAULT_TABLE_SELECTION_BUTTONS: MarkdownToolbarButtonType[] = [
 export interface BalloonToolbarProps {
   useMdx: boolean;
   containerRef: HTMLElement | null;
-  collection: Collection<MarkdownField>;
+  collection: CollectionWithDefaults<MarkdownField>;
   field: MarkdownField;
   disabled: boolean;
 }
diff --git a/packages/core/src/widgets/markdown/plate/components/balloon-toolbar/__tests__/BalloonToolbar.spec.tsx b/packages/core/src/widgets/markdown/plate/components/balloon-toolbar/__tests__/BalloonToolbar.spec.tsx
index e58f268b..f47a734c 100644
--- a/packages/core/src/widgets/markdown/plate/components/balloon-toolbar/__tests__/BalloonToolbar.spec.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/balloon-toolbar/__tests__/BalloonToolbar.spec.tsx
@@ -20,15 +20,15 @@ import {
 import React, { useRef } from 'react';
 import { useFocused } from 'slate-react';
 
-import { configLoaded } from '@staticcms/core/actions/config';
+import { applyDefaults, configLoaded } from '@staticcms/core/actions/config';
 import { store } from '@staticcms/core/store';
-import { createMockCollection } from '@staticcms/test/data/collections.mock';
-import { createMockConfig } from '@staticcms/test/data/config.mock';
+import { createMockFolderCollectionWithDefaults } from '@staticcms/test/data/collections.mock';
+import { createNoDefaultsMockConfig } from '@staticcms/test/data/config.mock';
 import { mockMarkdownField } from '@staticcms/test/data/fields.mock';
 import { renderWithProviders } from '@staticcms/test/test-utils';
 import BalloonToolbar from '../BalloonToolbar';
 
-import type { Config, MarkdownField } from '@staticcms/core/interface';
+import type { Config, ConfigWithDefaults } from '@staticcms/core';
 import type { MdEditor } from '@staticcms/markdown/plate/plateTypes';
 import type { TRange } from '@udecode/plate';
 import type { FC } from 'react';
@@ -48,7 +48,7 @@ const BalloonToolbarWrapper: FC<BalloonToolbarWrapperProps> = ({ useMdx = false
         key="balloon-toolbar"
         useMdx={useMdx}
         containerRef={ref.current}
-        collection={createMockCollection({}, mockMarkdownField)}
+        collection={createMockFolderCollectionWithDefaults({}, mockMarkdownField)}
         field={mockMarkdownField}
         disabled={false}
       />
@@ -56,9 +56,11 @@ const BalloonToolbarWrapper: FC<BalloonToolbarWrapperProps> = ({ useMdx = false
   );
 };
 
-const config = createMockConfig({
+const originalConfig = createNoDefaultsMockConfig({
   collections: [],
-}) as unknown as Config<MarkdownField>;
+}) as unknown as Config;
+
+let config: ConfigWithDefaults;
 
 describe(BalloonToolbar.name, () => {
   const mockUseEditor = usePlateEditorState as jest.Mock;
@@ -79,7 +81,9 @@ describe(BalloonToolbar.name, () => {
   beforeEach(() => {
     jest.useFakeTimers();
 
-    store.dispatch(configLoaded(config as unknown as Config));
+    config = applyDefaults(originalConfig) as unknown as ConfigWithDefaults;
+
+    store.dispatch(configLoaded(config, originalConfig));
 
     mockEditor = {
       selection: undefined,
diff --git a/packages/core/src/widgets/markdown/plate/components/buttons/BlockquoteToolbarButton.tsx b/packages/core/src/widgets/markdown/plate/components/buttons/BlockquoteToolbarButton.tsx
index 9a66abe7..11a06a7a 100644
--- a/packages/core/src/widgets/markdown/plate/components/buttons/BlockquoteToolbarButton.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/buttons/BlockquoteToolbarButton.tsx
@@ -3,6 +3,7 @@ import { ELEMENT_BLOCKQUOTE } from '@udecode/plate';
 import React from 'react';
 
 import BlockToolbarButton from './common/BlockToolbarButton';
+import { useTranslate } from '@staticcms/core/lib';
 
 import type { FC } from 'react';
 
@@ -12,10 +13,13 @@ export interface BlockquoteToolbarButtonProps {
 }
 
 const BlockquoteToolbarButton: FC<BlockquoteToolbarButtonProps> = ({ disabled, variant }) => {
+  const t = useTranslate();
+
   return (
     <BlockToolbarButton
-      label="Blockquote"
-      tooltip="Insert blockquote"
+      id="blockquote"
+      label={t('editor.editorWidgets.markdown.quote')}
+      tooltip={t('editor.editorWidgets.markdown.insertQuote')}
       icon={FormatQuoteIcon}
       type={ELEMENT_BLOCKQUOTE}
       disabled={disabled}
diff --git a/packages/core/src/widgets/markdown/plate/components/buttons/BoldToolbarButton.tsx b/packages/core/src/widgets/markdown/plate/components/buttons/BoldToolbarButton.tsx
index b4d76bcf..6b94fe1e 100644
--- a/packages/core/src/widgets/markdown/plate/components/buttons/BoldToolbarButton.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/buttons/BoldToolbarButton.tsx
@@ -3,6 +3,7 @@ import { MARK_BOLD } from '@udecode/plate';
 import React from 'react';
 
 import MarkToolbarButton from './common/MarkToolbarButton';
+import { useTranslate } from '@staticcms/core/lib';
 
 import type { FC } from 'react';
 
@@ -12,9 +13,12 @@ export interface BoldToolbarButtonProps {
 }
 
 const BoldToolbarButton: FC<BoldToolbarButtonProps> = ({ disabled, variant }) => {
+  const t = useTranslate();
+
   return (
     <MarkToolbarButton
-      tooltip="Bold"
+      id="bold"
+      tooltip={t('editor.editorWidgets.markdown.bold')}
       type={MARK_BOLD}
       variant={variant}
       icon={FormatBoldIcon}
diff --git a/packages/core/src/widgets/markdown/plate/components/buttons/CodeBlockToolbarButtons.tsx b/packages/core/src/widgets/markdown/plate/components/buttons/CodeBlockToolbarButtons.tsx
index 00bd0a00..59861dd5 100644
--- a/packages/core/src/widgets/markdown/plate/components/buttons/CodeBlockToolbarButtons.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/buttons/CodeBlockToolbarButtons.tsx
@@ -4,6 +4,7 @@ import React, { useCallback } from 'react';
 
 import { useMdPlateEditorState } from '../../plateTypes';
 import ToolbarButton from './common/ToolbarButton';
+import { useTranslate } from '@staticcms/core/lib';
 
 import type { FC } from 'react';
 
@@ -13,6 +14,8 @@ export interface CodeBlockToolbarButtonsProps {
 }
 
 const CodeBlockToolbarButtons: FC<CodeBlockToolbarButtonsProps> = ({ disabled, variant }) => {
+  const t = useTranslate();
+
   const editor = useMdPlateEditorState();
 
   const handleCodeBlockOnClick = useCallback(() => {
@@ -23,8 +26,9 @@ const CodeBlockToolbarButtons: FC<CodeBlockToolbarButtonsProps> = ({ disabled, v
 
   return (
     <ToolbarButton
-      label="Code block"
-      tooltip="Insert code block"
+      id="code-block"
+      label={t('editor.editorWidgets.markdown.codeBlock')}
+      tooltip={t('editor.editorWidgets.markdown.insertCodeBlock')}
       icon={CodeIcon}
       onClick={handleCodeBlockOnClick}
       disabled={disabled}
diff --git a/packages/core/src/widgets/markdown/plate/components/buttons/CodeToolbarButton.tsx b/packages/core/src/widgets/markdown/plate/components/buttons/CodeToolbarButton.tsx
index ff92d6ec..a5d4a576 100644
--- a/packages/core/src/widgets/markdown/plate/components/buttons/CodeToolbarButton.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/buttons/CodeToolbarButton.tsx
@@ -3,6 +3,7 @@ import { MARK_CODE } from '@udecode/plate';
 import React from 'react';
 
 import MarkToolbarButton from './common/MarkToolbarButton';
+import { useTranslate } from '@staticcms/core/lib';
 
 import type { FC } from 'react';
 
@@ -12,9 +13,12 @@ export interface CodeToolbarButtonProps {
 }
 
 const CodeToolbarButton: FC<CodeToolbarButtonProps> = ({ disabled, variant }) => {
+  const t = useTranslate();
+
   return (
     <MarkToolbarButton
-      tooltip="Code"
+      id="code"
+      tooltip={t('editor.editorWidgets.markdown.code')}
       type={MARK_CODE}
       icon={CodeIcon}
       disabled={disabled}
diff --git a/packages/core/src/widgets/markdown/plate/components/buttons/DecreaseIndentToolbarButton.tsx b/packages/core/src/widgets/markdown/plate/components/buttons/DecreaseIndentToolbarButton.tsx
index 93dffa87..0f636382 100644
--- a/packages/core/src/widgets/markdown/plate/components/buttons/DecreaseIndentToolbarButton.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/buttons/DecreaseIndentToolbarButton.tsx
@@ -4,6 +4,7 @@ import React, { useCallback } from 'react';
 
 import { useMdPlateEditorState } from '../../plateTypes';
 import ToolbarButton from './common/ToolbarButton';
+import { useTranslate } from '@staticcms/core/lib';
 
 import type { FC } from 'react';
 
@@ -16,6 +17,8 @@ const DecreaseIndentToolbarButton: FC<DecreaseIndentToolbarButtonProps> = ({
   disabled,
   variant,
 }) => {
+  const t = useTranslate();
+
   const editor = useMdPlateEditorState();
 
   const handleOutdent = useCallback(() => {
@@ -24,7 +27,8 @@ const DecreaseIndentToolbarButton: FC<DecreaseIndentToolbarButtonProps> = ({
 
   return (
     <ToolbarButton
-      tooltip="Decrease indent"
+      id="decrease-ident"
+      tooltip={t('editor.editorWidgets.markdown.decreaseIndent')}
       onClick={handleOutdent}
       icon={FormatIndentDecreaseIcon}
       disabled={disabled}
diff --git a/packages/core/src/widgets/markdown/plate/components/buttons/DeleteColumnToolbarButton.tsx b/packages/core/src/widgets/markdown/plate/components/buttons/DeleteColumnToolbarButton.tsx
index d049acef..a2451a5b 100644
--- a/packages/core/src/widgets/markdown/plate/components/buttons/DeleteColumnToolbarButton.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/buttons/DeleteColumnToolbarButton.tsx
@@ -4,6 +4,7 @@ import React, { useCallback } from 'react';
 
 import { useMdPlateEditorState } from '../../plateTypes';
 import ToolbarButton from './common/ToolbarButton';
+import { useTranslate } from '@staticcms/core/lib';
 
 import type { FC } from 'react';
 
@@ -13,6 +14,8 @@ export interface DeleteColumnToolbarButtonProps {
 }
 
 const DeleteColumnToolbarButton: FC<DeleteColumnToolbarButtonProps> = ({ disabled, variant }) => {
+  const t = useTranslate();
+
   const editor = useMdPlateEditorState();
 
   const handleDeleteColumn = useCallback(() => {
@@ -21,7 +24,8 @@ const DeleteColumnToolbarButton: FC<DeleteColumnToolbarButtonProps> = ({ disable
 
   return (
     <ToolbarButton
-      tooltip="Delete column"
+      id="delete-column"
+      tooltip={t('editor.editorWidgets.markdown.table.deleteColumn')}
       icon={TableDeleteColumn}
       onClick={handleDeleteColumn}
       disabled={disabled}
diff --git a/packages/core/src/widgets/markdown/plate/components/buttons/DeleteRowToolbarButton.tsx b/packages/core/src/widgets/markdown/plate/components/buttons/DeleteRowToolbarButton.tsx
index f2ce0a75..8a1188a2 100644
--- a/packages/core/src/widgets/markdown/plate/components/buttons/DeleteRowToolbarButton.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/buttons/DeleteRowToolbarButton.tsx
@@ -4,6 +4,7 @@ import React, { useCallback } from 'react';
 
 import { useMdPlateEditorState } from '../../plateTypes';
 import ToolbarButton from './common/ToolbarButton';
+import { useTranslate } from '@staticcms/core/lib';
 
 import type { FC } from 'react';
 
@@ -13,6 +14,8 @@ export interface DeleteRowToolbarButtonProps {
 }
 
 const DeleteRowToolbarButton: FC<DeleteRowToolbarButtonProps> = ({ disabled, variant }) => {
+  const t = useTranslate();
+
   const editor = useMdPlateEditorState();
 
   const handleDeleteRow = useCallback(() => {
@@ -21,7 +24,8 @@ const DeleteRowToolbarButton: FC<DeleteRowToolbarButtonProps> = ({ disabled, var
 
   return (
     <ToolbarButton
-      tooltip="Delete row"
+      id="delete-row"
+      tooltip={t('editor.editorWidgets.markdown.table.deleteRow')}
       icon={TableDeleteRow}
       onClick={handleDeleteRow}
       disabled={disabled}
diff --git a/packages/core/src/widgets/markdown/plate/components/buttons/DeleteTableToolbarButton.tsx b/packages/core/src/widgets/markdown/plate/components/buttons/DeleteTableToolbarButton.tsx
index 623abeb5..f8549409 100644
--- a/packages/core/src/widgets/markdown/plate/components/buttons/DeleteTableToolbarButton.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/buttons/DeleteTableToolbarButton.tsx
@@ -4,6 +4,7 @@ import React, { useCallback } from 'react';
 
 import { useMdPlateEditorState } from '../../plateTypes';
 import ToolbarButton from './common/ToolbarButton';
+import { useTranslate } from '@staticcms/core/lib';
 
 import type { FC } from 'react';
 
@@ -13,6 +14,8 @@ export interface DeleteTableToolbarButtonProps {
 }
 
 const DeleteTableToolbarButton: FC<DeleteTableToolbarButtonProps> = ({ disabled, variant }) => {
+  const t = useTranslate();
+
   const editor = useMdPlateEditorState();
 
   const handleDeleteTable = useCallback(() => {
@@ -21,7 +24,8 @@ const DeleteTableToolbarButton: FC<DeleteTableToolbarButtonProps> = ({ disabled,
 
   return (
     <ToolbarButton
-      tooltip="Delete table"
+      id="delete-table"
+      tooltip={t('editor.editorWidgets.markdown.table.deleteTable')}
       icon={TableDismiss}
       onClick={handleDeleteTable}
       disabled={disabled}
diff --git a/packages/core/src/widgets/markdown/plate/components/buttons/FontTypeSelect.css b/packages/core/src/widgets/markdown/plate/components/buttons/FontTypeSelect.css
index e10ee75c..6548971a 100644
--- a/packages/core/src/widgets/markdown/plate/components/buttons/FontTypeSelect.css
+++ b/packages/core/src/widgets/markdown/plate/components/buttons/FontTypeSelect.css
@@ -5,15 +5,16 @@
 
   &.CMS_WidgetMarkdown_FontTypeSelect_disabled {
     & .CMS_WidgetMarkdown_FontTypeSelect_select {
-      @apply text-gray-300
-        border-gray-200
-        dark:border-gray-600
-        dark:text-gray-500;
+      color: var(--text-secondary);
+      border-color: var(--background-light);
     }
   }
 }
 
 .CMS_WidgetMarkdown_FontTypeSelect_select {
+  color: var(--text-primary);
+  border-color: var(--background-light);
+
   @apply flex
     items-center
     justify-between
@@ -25,42 +26,35 @@
     w-full
     h-6
     border
-    rounded-sm
-    text-gray-800
-    border-gray-600
-    dark:border-gray-400
-    dark:text-gray-100;
+    rounded-sm;
 }
 
 .CMS_WidgetMarkdown_FontTypeSelect_popper {
+  background: var(--background-main);
+
   @apply max-h-40
     overflow-auto
     rounded-md
-    bg-white
     shadow-md
-    ring-1
-    ring-black
-    ring-opacity-5
     focus:outline-none
     sm:text-sm
-    dark:bg-slate-800
-    dark:shadow-lg
     z-[101];
 }
 
 .CMS_WidgetMarkdown_FontTypeSelect_option {
+  &:hover {
+    color: var(--primary-contrast-color);
+    background: var(--primary-main);
+  }
+
   @apply relative
     select-none
     py-2
     px-4
-    cursor-pointer
-    hover:bg-blue-500
-    hover:text-white
-    dark:hover:bg-blue-500;
+    cursor-pointer;
 
   &.CMS_WidgetMarkdown_FontTypeSelect_option-selected {
-    @apply bg-blue-500/25
-      dark:bg-blue-700/20;
+    background: var(--primary-main);
 
     & .CMS_WidgetMarkdown_FontTypeSelect_option-label {
       @apply font-medium;
diff --git a/packages/core/src/widgets/markdown/plate/components/buttons/FontTypeSelect.tsx b/packages/core/src/widgets/markdown/plate/components/buttons/FontTypeSelect.tsx
index 6ab0bce4..eb05b9da 100644
--- a/packages/core/src/widgets/markdown/plate/components/buttons/FontTypeSelect.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/buttons/FontTypeSelect.tsx
@@ -18,6 +18,7 @@ import useDebounce from '@staticcms/core/lib/hooks/useDebounce';
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import { useMdPlateEditorState } from '@staticcms/markdown/plate/plateTypes';
+import { useTranslate } from '@staticcms/core/lib';
 
 import type { SelectRootSlotProps } from '@mui/base/Select';
 import type { FC, FocusEvent, KeyboardEvent, MouseEvent } from 'react';
@@ -44,31 +45,31 @@ type Option = {
 const types: Option[] = [
   {
     value: ELEMENT_H1,
-    label: 'Heading 1',
+    label: 'editor.editorWidgets.headingOptions.headingOne',
   },
   {
     value: ELEMENT_H2,
-    label: 'Heading 2',
+    label: 'editor.editorWidgets.headingOptions.headingTwo',
   },
   {
     value: ELEMENT_H3,
-    label: 'Heading 3',
+    label: 'editor.editorWidgets.headingOptions.headingThree',
   },
   {
     value: ELEMENT_H4,
-    label: 'Heading 4',
+    label: 'editor.editorWidgets.headingOptions.headingFour',
   },
   {
     value: ELEMENT_H5,
-    label: 'Heading 5',
+    label: 'editor.editorWidgets.headingOptions.headingFive',
   },
   {
     value: ELEMENT_H6,
-    label: 'Heading 6',
+    label: 'editor.editorWidgets.headingOptions.headingSix',
   },
   {
     value: ELEMENT_PARAGRAPH,
-    label: 'Paragraph',
+    label: 'editor.editorWidgets.markdown.paragraph',
   },
 ];
 
@@ -93,6 +94,8 @@ export interface FontTypeSelectProps {
  * Toolbar button to toggle the type of elements in selection.
  */
 const FontTypeSelect: FC<FontTypeSelectProps> = ({ disabled = false }) => {
+  const t = useTranslate();
+
   const editor = useMdPlateEditorState();
   const [version, setVersion] = useState(0);
 
@@ -151,7 +154,7 @@ const FontTypeSelect: FC<FontTypeSelectProps> = ({ disabled = false }) => {
                 },
               }}
             >
-              <span className={classes['option-label']}>{type.label}</span>
+              <span className={classes['option-label']}>{t(type.label)}</span>
             </Option>
           );
         })}
diff --git a/packages/core/src/widgets/markdown/plate/components/buttons/IncreaseIndentToolbarButton.tsx b/packages/core/src/widgets/markdown/plate/components/buttons/IncreaseIndentToolbarButton.tsx
index f9630338..8a3ce79c 100644
--- a/packages/core/src/widgets/markdown/plate/components/buttons/IncreaseIndentToolbarButton.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/buttons/IncreaseIndentToolbarButton.tsx
@@ -4,6 +4,7 @@ import React, { useCallback } from 'react';
 
 import { useMdPlateEditorState } from '../../plateTypes';
 import ToolbarButton from './common/ToolbarButton';
+import { useTranslate } from '@staticcms/core/lib';
 
 import type { FC } from 'react';
 
@@ -16,6 +17,8 @@ const IncreaseIndentToolbarButton: FC<IncreaseIndentToolbarButtonProps> = ({
   disabled,
   variant,
 }) => {
+  const t = useTranslate();
+
   const editor = useMdPlateEditorState();
 
   const handleIndent = useCallback(() => {
@@ -24,7 +27,8 @@ const IncreaseIndentToolbarButton: FC<IncreaseIndentToolbarButtonProps> = ({
 
   return (
     <ToolbarButton
-      tooltip="Increase indent"
+      id="increase-ident"
+      tooltip={t('editor.editorWidgets.markdown.increaseIndent')}
       onClick={handleIndent}
       icon={FormatIndentIncreaseIcon}
       disabled={disabled}
diff --git a/packages/core/src/widgets/markdown/plate/components/buttons/InsertColumnToolbarButton.tsx b/packages/core/src/widgets/markdown/plate/components/buttons/InsertColumnToolbarButton.tsx
index 564ab408..fa60bab4 100644
--- a/packages/core/src/widgets/markdown/plate/components/buttons/InsertColumnToolbarButton.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/buttons/InsertColumnToolbarButton.tsx
@@ -4,6 +4,7 @@ import React, { useCallback } from 'react';
 
 import { useMdPlateEditorState } from '../../plateTypes';
 import ToolbarButton from './common/ToolbarButton';
+import { useTranslate } from '@staticcms/core/lib';
 
 import type { FC } from 'react';
 
@@ -13,6 +14,8 @@ export interface InsertColumnToolbarButtonProps {
 }
 
 const InsertColumnToolbarButton: FC<InsertColumnToolbarButtonProps> = ({ disabled, variant }) => {
+  const t = useTranslate();
+
   const editor = useMdPlateEditorState();
 
   const handleInsertTableColumn = useCallback(() => {
@@ -21,7 +24,8 @@ const InsertColumnToolbarButton: FC<InsertColumnToolbarButtonProps> = ({ disable
 
   return (
     <ToolbarButton
-      tooltip="Insert column"
+      id="insert-column"
+      tooltip={t('editor.editorWidgets.markdown.table.insertColumn')}
       icon={TableInsertColumn}
       onClick={handleInsertTableColumn}
       disabled={disabled}
diff --git a/packages/core/src/widgets/markdown/plate/components/buttons/InsertImageToolbarButton.tsx b/packages/core/src/widgets/markdown/plate/components/buttons/InsertImageToolbarButton.tsx
index dbf0f95a..fe072c02 100644
--- a/packages/core/src/widgets/markdown/plate/components/buttons/InsertImageToolbarButton.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/buttons/InsertImageToolbarButton.tsx
@@ -2,12 +2,13 @@ import { Image as ImageIcon } from '@styled-icons/material/Image';
 import { ELEMENT_IMAGE, getAboveNode, setNodes } from '@udecode/plate';
 import React, { useCallback, useMemo, useState } from 'react';
 
+import { useTranslate } from '@staticcms/core/lib';
 import useMediaInsert from '@staticcms/core/lib/hooks/useMediaInsert';
 import { isNotEmpty } from '@staticcms/core/lib/util/string.util';
 import { useMdPlateEditorState } from '@staticcms/markdown/plate/plateTypes';
 import ToolbarButton from './common/ToolbarButton';
 
-import type { Collection, MarkdownField, MediaPath } from '@staticcms/core/interface';
+import type { CollectionWithDefaults, MarkdownField, MediaPath } from '@staticcms/core';
 import type { MdImageElement } from '@staticcms/markdown/plate/plateTypes';
 import type { FC } from 'react';
 import type { BaseSelection } from 'slate';
@@ -15,7 +16,7 @@ import type { BaseSelection } from 'slate';
 export interface InsertImageToolbarButtonProps {
   variant: 'button' | 'menu';
   currentValue?: { url: string; alt?: string };
-  collection: Collection<MarkdownField>;
+  collection: CollectionWithDefaults<MarkdownField>;
   field: MarkdownField;
   disabled: boolean;
 }
@@ -27,6 +28,8 @@ const InsertImageToolbarButton: FC<InsertImageToolbarButtonProps> = ({
   currentValue,
   disabled,
 }) => {
+  const t = useTranslate();
+
   const [selection, setSelection] = useState<BaseSelection>();
   const editor = useMdPlateEditorState();
   const handleInsert = useCallback(
@@ -83,8 +86,9 @@ const InsertImageToolbarButton: FC<InsertImageToolbarButtonProps> = ({
 
   return (
     <ToolbarButton
-      label="Image"
-      tooltip="Insert image"
+      id="image"
+      label={t('editor.editorWidgets.markdown.image')}
+      tooltip={t('editor.editorWidgets.markdown.insertImage')}
       icon={ImageIcon}
       onClick={handleOpenMediaLibrary}
       disabled={disabled}
diff --git a/packages/core/src/widgets/markdown/plate/components/buttons/InsertLinkToolbarButton.tsx b/packages/core/src/widgets/markdown/plate/components/buttons/InsertLinkToolbarButton.tsx
index 7f07ecef..ebb97f0c 100644
--- a/packages/core/src/widgets/markdown/plate/components/buttons/InsertLinkToolbarButton.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/buttons/InsertLinkToolbarButton.tsx
@@ -12,13 +12,14 @@ import {
 } from '@udecode/plate';
 import React, { useCallback, useMemo } from 'react';
 
+import { useTranslate } from '@staticcms/core/lib';
 import useMediaInsert from '@staticcms/core/lib/hooks/useMediaInsert';
 import useUUID from '@staticcms/core/lib/hooks/useUUID';
 import { isNotEmpty } from '@staticcms/core/lib/util/string.util';
 import { useMdPlateEditorState } from '@staticcms/markdown/plate/plateTypes';
 import ToolbarButton from './common/ToolbarButton';
 
-import type { Collection, MarkdownField, MediaPath } from '@staticcms/core/interface';
+import type { CollectionWithDefaults, MarkdownField, MediaPath } from '@staticcms/core';
 import type { MdLinkElement } from '@staticcms/markdown/plate/plateTypes';
 import type { TText } from '@udecode/plate';
 import type { FC } from 'react';
@@ -27,7 +28,7 @@ import type { Location } from 'slate';
 export interface InsertLinkToolbarButtonProps {
   variant: 'button' | 'menu';
   currentValue?: { url: string; alt?: string };
-  collection: Collection<MarkdownField>;
+  collection: CollectionWithDefaults<MarkdownField>;
   field: MarkdownField;
   disabled: boolean;
 }
@@ -39,6 +40,8 @@ const InsertLinkToolbarButton: FC<InsertLinkToolbarButtonProps> = ({
   currentValue,
   disabled,
 }) => {
+  const t = useTranslate();
+
   const editor = useMdPlateEditorState();
   const handleInsert = useCallback(
     ({ path: newUrl, alt: newText }: MediaPath<string>) => {
@@ -107,8 +110,9 @@ const InsertLinkToolbarButton: FC<InsertLinkToolbarButtonProps> = ({
 
   return !isLink ? (
     <ToolbarButton
-      label="Link"
-      tooltip="Insert link"
+      id="link"
+      label={t('editor.editorWidgets.markdown.link')}
+      tooltip={t('editor.editorWidgets.markdown.insertLink')}
       icon={LinkIcon}
       onClick={handleOpenMediaLibrary}
       disabled={disabled}
diff --git a/packages/core/src/widgets/markdown/plate/components/buttons/InsertRowToolbarButton.tsx b/packages/core/src/widgets/markdown/plate/components/buttons/InsertRowToolbarButton.tsx
index 92f02688..3e9d321e 100644
--- a/packages/core/src/widgets/markdown/plate/components/buttons/InsertRowToolbarButton.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/buttons/InsertRowToolbarButton.tsx
@@ -4,6 +4,7 @@ import React, { useCallback } from 'react';
 
 import { useMdPlateEditorState } from '../../plateTypes';
 import ToolbarButton from './common/ToolbarButton';
+import { useTranslate } from '@staticcms/core/lib';
 
 import type { FC } from 'react';
 
@@ -13,6 +14,8 @@ export interface InsertRowToolbarButtonProps {
 }
 
 const InsertRowToolbarButton: FC<InsertRowToolbarButtonProps> = ({ disabled, variant }) => {
+  const t = useTranslate();
+
   const editor = useMdPlateEditorState();
 
   const handleInsertTableRow = useCallback(() => {
@@ -21,7 +24,8 @@ const InsertRowToolbarButton: FC<InsertRowToolbarButtonProps> = ({ disabled, var
 
   return (
     <ToolbarButton
-      tooltip="Insert row"
+      id="insert-row"
+      tooltip={t('editor.editorWidgets.markdown.table.insertRow')}
       icon={TableInsertRow}
       onClick={handleInsertTableRow}
       disabled={disabled}
diff --git a/packages/core/src/widgets/markdown/plate/components/buttons/InsertTableToolbarButton.tsx b/packages/core/src/widgets/markdown/plate/components/buttons/InsertTableToolbarButton.tsx
index f49532ba..b4822889 100644
--- a/packages/core/src/widgets/markdown/plate/components/buttons/InsertTableToolbarButton.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/buttons/InsertTableToolbarButton.tsx
@@ -4,6 +4,7 @@ import React, { useCallback } from 'react';
 
 import { useMdPlateEditorState } from '../../plateTypes';
 import ToolbarButton from './common/ToolbarButton';
+import { useTranslate } from '@staticcms/core/lib';
 
 import type { FC } from 'react';
 
@@ -16,6 +17,8 @@ const InsertTableToolbarButton: FC<InsertTableToolbarButtonProps> = ({
   disabled,
   variant = 'button',
 }) => {
+  const t = useTranslate();
+
   const editor = useMdPlateEditorState();
 
   const handleTableAdd = useCallback(() => {
@@ -27,8 +30,9 @@ const InsertTableToolbarButton: FC<InsertTableToolbarButtonProps> = ({
 
   return (
     <ToolbarButton
-      label="Table"
-      tooltip="Insert table"
+      id="insert-table"
+      label={t('editor.editorWidgets.markdown.table.table')}
+      tooltip={t('editor.editorWidgets.markdown.table.insertTable')}
       icon={TableAdd}
       onClick={handleTableAdd}
       disabled={disabled}
diff --git a/packages/core/src/widgets/markdown/plate/components/buttons/ItalicToolbarButton.tsx b/packages/core/src/widgets/markdown/plate/components/buttons/ItalicToolbarButton.tsx
index 6fd6c993..aadb6095 100644
--- a/packages/core/src/widgets/markdown/plate/components/buttons/ItalicToolbarButton.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/buttons/ItalicToolbarButton.tsx
@@ -3,6 +3,7 @@ import { MARK_ITALIC } from '@udecode/plate';
 import React from 'react';
 
 import MarkToolbarButton from './common/MarkToolbarButton';
+import { useTranslate } from '@staticcms/core/lib';
 
 import type { FC } from 'react';
 
@@ -12,9 +13,12 @@ export interface ItalicToolbarButtonsProp {
 }
 
 const ItalicToolbarButton: FC<ItalicToolbarButtonsProp> = ({ disabled, variant }) => {
+  const t = useTranslate();
+
   return (
     <MarkToolbarButton
-      tooltip="Italic"
+      id="italic"
+      tooltip={t('editor.editorWidgets.markdown.italic')}
       type={MARK_ITALIC}
       variant={variant}
       icon={FormatItalicIcon}
diff --git a/packages/core/src/widgets/markdown/plate/components/buttons/OrderedListToolbarButton.tsx b/packages/core/src/widgets/markdown/plate/components/buttons/OrderedListToolbarButton.tsx
index f6b346ae..2f60be81 100644
--- a/packages/core/src/widgets/markdown/plate/components/buttons/OrderedListToolbarButton.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/buttons/OrderedListToolbarButton.tsx
@@ -3,6 +3,7 @@ import { ELEMENT_OL } from '@udecode/plate';
 import React from 'react';
 
 import ListToolbarButton from './common/ListToolbarButton';
+import { useTranslate } from '@staticcms/core/lib';
 
 import type { FC } from 'react';
 
@@ -12,9 +13,12 @@ export interface OrderedListToolbarButtonProps {
 }
 
 const OrderedListToolbarButton: FC<OrderedListToolbarButtonProps> = ({ disabled, variant }) => {
+  const t = useTranslate();
+
   return (
     <ListToolbarButton
-      tooltip="Numbered list"
+      id="numbered-list"
+      tooltip={t('editor.editorWidgets.markdown.numberedList')}
       type={ELEMENT_OL}
       icon={FormatListNumberedIcon}
       disabled={disabled}
diff --git a/packages/core/src/widgets/markdown/plate/components/buttons/ShortcodeToolbarButton.tsx b/packages/core/src/widgets/markdown/plate/components/buttons/ShortcodeToolbarButton.tsx
index b0ccc0c3..e478a981 100644
--- a/packages/core/src/widgets/markdown/plate/components/buttons/ShortcodeToolbarButton.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/buttons/ShortcodeToolbarButton.tsx
@@ -48,10 +48,12 @@ const ShortcodeToolbarButton: FC<ShortcodeToolbarButtonProps> = ({ disabled }) =
       data-testid="toolbar-button-shortcode"
       keepMounted
       hideDropdownIcon
+      color="secondary"
       variant="text"
       rootClassName={classes.root}
       buttonClassName={classes.button}
       disabled={disabled}
+      aria-label="add shortcode"
     >
       <MenuGroup>
         {Object.keys(configs).map(name => {
diff --git a/packages/core/src/widgets/markdown/plate/components/buttons/StrikethroughToolbarButton.tsx b/packages/core/src/widgets/markdown/plate/components/buttons/StrikethroughToolbarButton.tsx
index f5db6e88..d3ff4e9f 100644
--- a/packages/core/src/widgets/markdown/plate/components/buttons/StrikethroughToolbarButton.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/buttons/StrikethroughToolbarButton.tsx
@@ -3,6 +3,7 @@ import { MARK_STRIKETHROUGH } from '@udecode/plate';
 import React from 'react';
 
 import MarkToolbarButton from './common/MarkToolbarButton';
+import { useTranslate } from '@staticcms/core/lib';
 
 import type { FC } from 'react';
 
@@ -12,9 +13,12 @@ export interface StrikethroughToolbarButtonProps {
 }
 
 const StrikethroughToolbarButton: FC<StrikethroughToolbarButtonProps> = ({ disabled, variant }) => {
+  const t = useTranslate();
+
   return (
     <MarkToolbarButton
-      tooltip="Strikethrough"
+      id="strikethrough"
+      tooltip={t('editor.editorWidgets.markdown.strikethrough')}
       type={MARK_STRIKETHROUGH}
       variant={variant}
       icon={FormatStrikethroughIcon}
diff --git a/packages/core/src/widgets/markdown/plate/components/buttons/UnorderedListToolbarButton.tsx b/packages/core/src/widgets/markdown/plate/components/buttons/UnorderedListToolbarButton.tsx
index c527740f..31af7a1a 100644
--- a/packages/core/src/widgets/markdown/plate/components/buttons/UnorderedListToolbarButton.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/buttons/UnorderedListToolbarButton.tsx
@@ -3,6 +3,7 @@ import { ELEMENT_UL } from '@udecode/plate';
 import React from 'react';
 
 import ListToolbarButton from './common/ListToolbarButton';
+import { useTranslate } from '@staticcms/core/lib';
 
 import type { FC } from 'react';
 
@@ -12,9 +13,12 @@ export interface UnorderedListToolbarButtonProps {
 }
 
 const UnorderedListToolbarButton: FC<UnorderedListToolbarButtonProps> = ({ disabled, variant }) => {
+  const t = useTranslate();
+
   return (
     <ListToolbarButton
-      tooltip="List"
+      id="bulleted-list"
+      tooltip={t('editor.editorWidgets.markdown.bulletedList')}
       type={ELEMENT_UL}
       icon={FormatListBulletedIcon}
       disabled={disabled}
diff --git a/packages/core/src/widgets/markdown/plate/components/buttons/common/ToolbarButton.css b/packages/core/src/widgets/markdown/plate/components/buttons/common/ToolbarButton.css
index 62099ef5..f5b5ec98 100644
--- a/packages/core/src/widgets/markdown/plate/components/buttons/common/ToolbarButton.css
+++ b/packages/core/src/widgets/markdown/plate/components/buttons/common/ToolbarButton.css
@@ -5,10 +5,8 @@
 
     &.CMS_WidgetMarkdown_ToolbarButton_active {
       &:not(.CMS_WidgetMarkdown_ToolbarButton_custom-active-color) {
-        @apply text-blue-500
-          bg-gray-100
-          dark:text-blue-500
-          dark:bg-slate-800;
+        color: var(--primary-main);
+        background: color-mix(in srgb, var(--primary-main) 15%, transparent);
       }
     }
   }
diff --git a/packages/core/src/widgets/markdown/plate/components/buttons/common/ToolbarButton.tsx b/packages/core/src/widgets/markdown/plate/components/buttons/common/ToolbarButton.tsx
index ad1fe771..eb0bffad 100644
--- a/packages/core/src/widgets/markdown/plate/components/buttons/common/ToolbarButton.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/buttons/common/ToolbarButton.tsx
@@ -19,6 +19,7 @@ const classes = generateClassNames('WidgetMarkdown_ToolbarButton', [
 ]);
 
 export interface ToolbarButtonProps {
+  id: string;
   label?: string;
   tooltip: string;
   active?: boolean;
@@ -31,6 +32,7 @@ export interface ToolbarButtonProps {
 }
 
 const ToolbarButton: FC<ToolbarButtonProps> = ({
+  id,
   icon: Icon,
   tooltip,
   label,
@@ -79,9 +81,10 @@ const ToolbarButton: FC<ToolbarButtonProps> = ({
     <Button
       key="button"
       aria-label={label ?? tooltip}
+      color="secondary"
       title={label ?? tooltip}
       variant="text"
-      data-testid={`toolbar-button-${label ?? tooltip}`.replace(' ', '-').toLowerCase()}
+      data-testid={`toolbar-button-${id}`}
       onClick={handleOnClick}
       className={classNames(
         classes.root,
diff --git a/packages/core/src/widgets/markdown/plate/components/color-picker/ColorButton.css b/packages/core/src/widgets/markdown/plate/components/color-picker/ColorButton.css
index e10f2b92..8cff07a1 100644
--- a/packages/core/src/widgets/markdown/plate/components/color-picker/ColorButton.css
+++ b/packages/core/src/widgets/markdown/plate/components/color-picker/ColorButton.css
@@ -1,11 +1,13 @@
 .CMS_WidgetMarkdown_ColorButton_root {
   &.CMS_WidgetMarkdown_ColorButton_is-bright-color {
     & .CMS_WidgetMarkdown_ColorButton_avatar {
-      border: 1px solid rgba(209, 213, 219, 1);
+      border-color: var(--background-light);
+
+      @apply border;
     }
 
     & .CMS_WidgetMarkdown_ColorButton_check-icon {
-      @apply text-black;
+      color: var(--text-primary);
     }
   }
 }
@@ -17,7 +19,8 @@
 }
 
 .CMS_WidgetMarkdown_ColorButton_check-icon {
+  color: var(--primary-contrast-color);
+
   @apply h-5
-    w-5
-    text-white;
+    w-5;
 }
diff --git a/packages/core/src/widgets/markdown/plate/components/color-picker/ColorButton.tsx b/packages/core/src/widgets/markdown/plate/components/color-picker/ColorButton.tsx
index bd2474cc..bea85a8b 100644
--- a/packages/core/src/widgets/markdown/plate/components/color-picker/ColorButton.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/color-picker/ColorButton.tsx
@@ -41,6 +41,7 @@ const ColorButton: FC<ColorButtonProps> = ({
         onClick={handleOnClick}
         sx={{ p: 0 }}
         className={classNames(classes.root, isBrightColor && classes['is-bright-color'])}
+        aria-label={value}
       >
         <Avatar
           alt={name}
diff --git a/packages/core/src/widgets/markdown/plate/components/common/MediaPopover.css b/packages/core/src/widgets/markdown/plate/components/common/MediaPopover.css
index 631f8cfe..a0111f50 100644
--- a/packages/core/src/widgets/markdown/plate/components/common/MediaPopover.css
+++ b/packages/core/src/widgets/markdown/plate/components/common/MediaPopover.css
@@ -1,20 +1,16 @@
 .CMS_WidgetMarkdown_MediaPopover_root {
+  background: var(--background-main);
+
   @apply absolute
     max-h-60
     overflow-auto
     rounded-md
-    bg-white
     p-1
     text-base
     shadow-md
-    ring-1
-    ring-black
-    ring-opacity-5
     focus:outline-none
     sm:text-sm
-    z-40
-    dark:bg-slate-700
-    dark:shadow-lg;
+    z-40;
 }
 
 .CMS_WidgetMarkdown_MediaPopover_content {
@@ -28,8 +24,8 @@
 }
 
 .CMS_WidgetMarkdown_MediaPopover_divider {
+  border-color: var(--background-light);
+
   @apply w-[1px]
-    border
-    border-gray-100
-    dark:border-slate-600;
+    border;
 }
diff --git a/packages/core/src/widgets/markdown/plate/components/common/MediaPopover.tsx b/packages/core/src/widgets/markdown/plate/components/common/MediaPopover.tsx
index f61f6061..a1cbafd6 100644
--- a/packages/core/src/widgets/markdown/plate/components/common/MediaPopover.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/common/MediaPopover.tsx
@@ -9,11 +9,11 @@ import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import { useWindowEvent } from '@staticcms/core/lib/util/window.util';
 
 import type {
-  Collection,
+  CollectionWithDefaults,
   FileOrImageField,
   MarkdownField,
   MediaPath,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 import type { MouseEvent } from 'react';
 
 import './MediaPopover.css';
@@ -30,7 +30,7 @@ export interface MediaPopoverProps<T extends FileOrImageField | MarkdownField> {
   url: string;
   text?: string;
   forImage?: boolean;
-  collection: Collection<T>;
+  collection: CollectionWithDefaults<T>;
   field: T;
   onMediaToggle?: (open: boolean) => void;
   onMediaChange: (newValue: MediaPath<string>) => void;
@@ -101,16 +101,16 @@ const MediaPopover = <T extends FileOrImageField | MarkdownField>({
       className={classes.root}
     >
       <div key="edit-content" contentEditable={false} className={classes.content}>
-        <Button onClick={handleOpenMediaLibrary} variant="text" size="small">
+        <Button onClick={handleOpenMediaLibrary} color="secondary" variant="text" size="small">
           {forImage ? 'Edit Image' : 'Edit Link'}
         </Button>
         <div className={classes.divider} />
         {!forImage ? (
-          <Button href={url} variant="text" size="small" onClick={noop}>
+          <Button href={url} color="secondary" variant="text" size="small" onClick={noop}>
             <OpenInNewIcon className={classes.icon} title="Open In New Tab" />
           </Button>
         ) : null}
-        <Button onClick={onRemove} variant="text" size="small">
+        <Button onClick={onRemove} color="secondary" variant="text" size="small">
           <DeleteForeverIcon className={classes.icon} title="Delete" />
         </Button>
       </div>
diff --git a/packages/core/src/widgets/markdown/plate/components/nodes/blockquote/BlockquoteElement.css b/packages/core/src/widgets/markdown/plate/components/nodes/blockquote/BlockquoteElement.css
index c5d30d58..17026300 100644
--- a/packages/core/src/widgets/markdown/plate/components/nodes/blockquote/BlockquoteElement.css
+++ b/packages/core/src/widgets/markdown/plate/components/nodes/blockquote/BlockquoteElement.css
@@ -1,6 +1,7 @@
 .CMS_WidgetMarkdown_Blockquote_root {
+  border-color: var(--background-light);
+
   @apply border-l-2
-    border-gray-400
     ml-2
     pl-2
     my-2;
diff --git a/packages/core/src/widgets/markdown/plate/components/nodes/code-block/CodeBlockElement.css b/packages/core/src/widgets/markdown/plate/components/nodes/code-block/CodeBlockElement.css
index 024a51af..542a710a 100644
--- a/packages/core/src/widgets/markdown/plate/components/nodes/code-block/CodeBlockElement.css
+++ b/packages/core/src/widgets/markdown/plate/components/nodes/code-block/CodeBlockElement.css
@@ -3,16 +3,12 @@
 }
 
 .CMS_WidgetMarkdown_CodeBlock_language-input {
+  background: var(--background-main);
+
   @apply w-full
     rounded-t-md
-    border
-    border-gray-100
-    border-b-white
     px-2
     py-1
     h-6
-    dark:border-slate-700
-    dark:border-b-slate-800
-    dark:bg-slate-800
     outline-none;
 }
diff --git a/packages/core/src/widgets/markdown/plate/components/nodes/code-block/CodeBlockElement.tsx b/packages/core/src/widgets/markdown/plate/components/nodes/code-block/CodeBlockElement.tsx
index 8f1d6a9b..7bf88069 100644
--- a/packages/core/src/widgets/markdown/plate/components/nodes/code-block/CodeBlockElement.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/nodes/code-block/CodeBlockElement.tsx
@@ -108,7 +108,7 @@ const CodeBlockElement: FC<PlateRenderElementProps<MdValue, MdCodeBlockElement>>
       >
         <input
           id={id}
-          value={lang}
+          value={lang ?? ''}
           onChange={event => {
             const value = event.target.value;
             const path = findNodePath(editor, element);
@@ -129,7 +129,7 @@ const CodeBlockElement: FC<PlateRenderElementProps<MdValue, MdCodeBlockElement>>
             }}
             initialContent={initialFrameContent}
           >
-            <CodeBlockFrame id={id} code={code} lang={lang} theme={theme} />
+            <CodeBlockFrame id={id} code={code} lang={lang} />
           </Frame>
         </div>
         <div>{children}</div>
diff --git a/packages/core/src/widgets/markdown/plate/components/nodes/code-block/CodeBlockFrame.tsx b/packages/core/src/widgets/markdown/plate/components/nodes/code-block/CodeBlockFrame.tsx
index 7ab4d21f..c52fbc66 100644
--- a/packages/core/src/widgets/markdown/plate/components/nodes/code-block/CodeBlockFrame.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/nodes/code-block/CodeBlockFrame.tsx
@@ -7,6 +7,7 @@ import React, { useCallback, useMemo } from 'react';
 import { useFrame } from 'react-frame-component';
 
 import languages from '@staticcms/code/data/languages';
+import useTheme from '@staticcms/core/components/theme/hooks/useTheme';
 import { isEmpty } from '@staticcms/core/lib/util/string.util';
 
 import type { FC, KeyboardEvent } from 'react';
@@ -15,20 +16,19 @@ export interface CodeBlockFrameProps {
   id: string;
   lang?: string;
   code: string;
-  theme: 'dark' | 'light';
 }
 
-const CodeBlockFrame: FC<CodeBlockFrameProps> = ({ id, lang, code, theme }) => {
+const CodeBlockFrame: FC<CodeBlockFrameProps> = ({ id, lang, code }) => {
   const { window } = useFrame();
+  const theme = useTheme();
 
   const loadedLangExtension = useMemo(() => {
     if (!lang) {
       return null;
     }
 
-    const languageName = languages.find(language =>
-      language.identifiers.includes(lang),
-    )?.codemirror_mode;
+    const languageName = languages.find(language => language.identifiers.includes(lang))
+      ?.codemirror_mode;
 
     if (!languageName) {
       return null;
@@ -80,7 +80,7 @@ const CodeBlockFrame: FC<CodeBlockFrameProps> = ({ id, lang, code, theme }) => {
       onChange={handleChange}
       onKeyDown={handleKeyDown}
       extensions={extensions}
-      theme={theme}
+      theme={theme.codemirror.theme}
     />
   );
 };
diff --git a/packages/core/src/widgets/markdown/plate/components/nodes/code/Code.css b/packages/core/src/widgets/markdown/plate/components/nodes/code/Code.css
index 55188809..7ff60826 100644
--- a/packages/core/src/widgets/markdown/plate/components/nodes/code/Code.css
+++ b/packages/core/src/widgets/markdown/plate/components/nodes/code/Code.css
@@ -1,13 +1,12 @@
 .CMS_WidgetMarkdown_Code_root {
+  color: var(--text-primary);
+  background: var(--primary-main);
+
   @apply py-[0.2em]
     px-[0.4em]
     m-0
     text-sm
     whitespace-break-spaces
-    text-gray-700
-    dark:text-gray-200
-    bg-gray-200
-    dark:bg-gray-700
     rounded-md
     font-mono;
 }
diff --git a/packages/core/src/widgets/markdown/plate/components/nodes/image/withImageElement.tsx b/packages/core/src/widgets/markdown/plate/components/nodes/image/withImageElement.tsx
index 50c54a26..e59f3655 100644
--- a/packages/core/src/widgets/markdown/plate/components/nodes/image/withImageElement.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/nodes/image/withImageElement.tsx
@@ -9,19 +9,19 @@ import {
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useFocused } from 'slate-react';
 
+import useDebounce from '@staticcms/core/lib/hooks/useDebounce';
 import useMediaAsset from '@staticcms/core/lib/hooks/useMediaAsset';
 import { isEmpty } from '@staticcms/core/lib/util/string.util';
 import { MediaPopover } from '@staticcms/markdown';
-import useDebounce from '@staticcms/core/lib/hooks/useDebounce';
 
-import type { Collection, Entry, MarkdownField, MediaPath } from '@staticcms/core/interface';
+import type { CollectionWithDefaults, Entry, MarkdownField, MediaPath } from '@staticcms/core';
 import type { MdImageElement, MdValue } from '@staticcms/markdown';
 import type { PlateRenderElementProps } from '@udecode/plate';
 import type { TMediaElement } from '@udecode/plate-media';
 import type { FC } from 'react';
 
 export interface WithImageElementProps {
-  collection: Collection<MarkdownField>;
+  collection: CollectionWithDefaults<MarkdownField>;
   entry: Entry;
   field: MarkdownField;
 }
diff --git a/packages/core/src/widgets/markdown/plate/components/nodes/link/LinkElement.css b/packages/core/src/widgets/markdown/plate/components/nodes/link/LinkElement.css
index 1f080fe5..bd2104d6 100644
--- a/packages/core/src/widgets/markdown/plate/components/nodes/link/LinkElement.css
+++ b/packages/core/src/widgets/markdown/plate/components/nodes/link/LinkElement.css
@@ -1,5 +1,6 @@
 .CMS_WidgetMarkdown_Link_root {
-  @apply text-blue-500
-    cursor-pointer
+  color: var(--primary-main);
+
+  @apply cursor-pointer
     hover:underline;
 }
diff --git a/packages/core/src/widgets/markdown/plate/components/nodes/link/withLinkElement.tsx b/packages/core/src/widgets/markdown/plate/components/nodes/link/withLinkElement.tsx
index 5b721d22..4940d0d1 100644
--- a/packages/core/src/widgets/markdown/plate/components/nodes/link/withLinkElement.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/nodes/link/withLinkElement.tsx
@@ -15,7 +15,7 @@ import useDebounce from '@staticcms/core/lib/hooks/useDebounce';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import MediaPopover from '../../common/MediaPopover';
 
-import type { Collection, MarkdownField, MediaPath } from '@staticcms/core/interface';
+import type { CollectionWithDefaults, MarkdownField, MediaPath } from '@staticcms/core';
 import type { MdLinkElement, MdValue } from '@staticcms/markdown';
 import type { PlateRenderElementProps, TText } from '@udecode/plate';
 import type { FC, MouseEvent } from 'react';
@@ -25,7 +25,7 @@ import './LinkElement.css';
 const classes = generateClassNames('WidgetMarkdown_Link', ['root']);
 
 export interface WithLinkElementProps {
-  collection: Collection<MarkdownField>;
+  collection: CollectionWithDefaults<MarkdownField>;
   field: MarkdownField;
 }
 
diff --git a/packages/core/src/widgets/markdown/plate/components/nodes/shortcode/withShortcodeElement.tsx b/packages/core/src/widgets/markdown/plate/components/nodes/shortcode/withShortcodeElement.tsx
index 34756ea8..41e550d4 100644
--- a/packages/core/src/widgets/markdown/plate/components/nodes/shortcode/withShortcodeElement.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/nodes/shortcode/withShortcodeElement.tsx
@@ -2,10 +2,8 @@ import { findNodePath, setNodes } from '@udecode/plate';
 import React, { useCallback, useMemo } from 'react';
 
 import { getShortcode } from '@staticcms/core/lib/registry';
-import { selectTheme } from '@staticcms/core/reducers/selectors/globalUI';
-import { useAppSelector } from '@staticcms/core/store/hooks';
 
-import type { MarkdownField, WidgetControlProps } from '@staticcms/core/interface';
+import type { MarkdownField, WidgetControlProps } from '@staticcms/core';
 import type { MdShortcodeElement, MdValue } from '@staticcms/markdown';
 import type { PlateRenderElementProps } from '@udecode/plate';
 import type { FC } from 'react';
@@ -43,17 +41,10 @@ const withShortcodeElement = ({ controlProps }: WithShortcodeElementProps) => {
       [config, editor, element],
     );
 
-    const theme = useAppSelector(selectTheme);
-
     return (
       <span contentEditable={false}>
         {ShortcodeControl ? (
-          <ShortcodeControl
-            controlProps={controlProps}
-            onChange={handleOnChange}
-            theme={theme}
-            {...props}
-          />
+          <ShortcodeControl controlProps={controlProps} onChange={handleOnChange} {...props} />
         ) : null}
         {children}
       </span>
diff --git a/packages/core/src/widgets/markdown/plate/components/nodes/table/Table.css b/packages/core/src/widgets/markdown/plate/components/nodes/table/Table.css
index 7e14404f..a85d594c 100644
--- a/packages/core/src/widgets/markdown/plate/components/nodes/table/Table.css
+++ b/packages/core/src/widgets/markdown/plate/components/nodes/table/Table.css
@@ -1,51 +1,49 @@
 .CMS_WidgetMarkdown_Table_root {
+  border-color: var(--background-light);
+
   @apply border-collapse
     border
-    border-gray-200
-    dark:border-slate-700
     rounded-md
     my-4;
 }
 
 .CMS_WidgetMarkdown_Table_header {
+  background: var(--background-main);
+  border-color: var(--background-light);
+
   @apply border-r
-    border-b
-    bg-slate-300
-    border-gray-200
-    dark:bg-slate-700
-    dark:border-gray-800;
+    border-b;
 }
 
 .CMS_WidgetMarkdown_Table_body {
 }
 
 .CMS_WidgetMarkdown_Table_row {
+  border-color: var(--background-light);
+
   @apply border-b
-    border-gray-200
-    last:border-0
-    dark:border-gray-800;
+    last:border-0;
 }
 
 .CMS_WidgetMarkdown_Table_header-cell {
+  background: var(--background-main);
+  border-color: var(--background-light);
+
   @apply px-2
     py-1
     [&>div>p]:m-0
     text-left
-    bg-slate-300
     text-sm
-    border-r
-    border-gray-200
-    dark:bg-slate-700
-    dark:border-gray-800;
+    border-r;
 }
 
 .CMS_WidgetMarkdown_Table_body-cell {
+  border-color: var(--background-light);
+
   @apply px-2
     py-1
     [&>div>p]:m-0
     border-r
-    border-gray-200
     last:border-0
-    dark:border-gray-800
     text-sm;
 }
diff --git a/packages/core/src/widgets/markdown/plate/components/toolbar/Toolbar.css b/packages/core/src/widgets/markdown/plate/components/toolbar/Toolbar.css
index 9b539aac..a3069e40 100644
--- a/packages/core/src/widgets/markdown/plate/components/toolbar/Toolbar.css
+++ b/packages/core/src/widgets/markdown/plate/components/toolbar/Toolbar.css
@@ -1,4 +1,7 @@
 .CMS_WidgetMarkdown_Toolbar_root {
+  background: var(--background-dark);
+  border-color: color-mix(in srgb, var(--background-divider) 35%, transparent);
+
   @apply flex
     flex-wrap
     items-center
@@ -11,12 +14,8 @@
     pb-1.5
     mb-1.5
     border-b
-    border-gray-400/10
     gap-0.5
     shadow-sm
-    bg-slate-50
-    dark:bg-slate-900
-    dark:shadow-md
     sticky
     top-0
     z-10;
diff --git a/packages/core/src/widgets/markdown/plate/components/toolbar/Toolbar.tsx b/packages/core/src/widgets/markdown/plate/components/toolbar/Toolbar.tsx
index f0dc20bb..b6c62ec2 100644
--- a/packages/core/src/widgets/markdown/plate/components/toolbar/Toolbar.tsx
+++ b/packages/core/src/widgets/markdown/plate/components/toolbar/Toolbar.tsx
@@ -20,7 +20,7 @@ import {
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 import useToolbarButtons from '../../hooks/useToolbarButtons';
 
-import type { Collection, MarkdownField, MarkdownToolbarItem } from '@staticcms/core/interface';
+import type { CollectionWithDefaults, MarkdownField, MarkdownToolbarItem } from '@staticcms/core';
 import type { FC } from 'react';
 
 import './Toolbar.css';
@@ -56,7 +56,7 @@ const DEFAULT_TOOLBAR_BUTTONS: MarkdownToolbarItem[] = [
 
 export interface ToolbarProps {
   useMdx: boolean;
-  collection: Collection<MarkdownField>;
+  collection: CollectionWithDefaults<MarkdownField>;
   field: MarkdownField;
   disabled: boolean;
 }
diff --git a/packages/core/src/widgets/markdown/plate/hooks/useToolbarButtons.tsx b/packages/core/src/widgets/markdown/plate/hooks/useToolbarButtons.tsx
index a0c504ae..e2afee89 100644
--- a/packages/core/src/widgets/markdown/plate/hooks/useToolbarButtons.tsx
+++ b/packages/core/src/widgets/markdown/plate/hooks/useToolbarButtons.tsx
@@ -26,12 +26,12 @@ import StrikethroughToolbarButton from '../components/buttons/StrikethroughToolb
 import UnorderedListButton from '../components/buttons/UnorderedListToolbarButton';
 
 import type {
-  Collection,
+  CollectionWithDefaults,
   LowLevelMarkdownToolbarButtonType,
   MarkdownField,
   MarkdownToolbarButtonType,
   MarkdownToolbarItem,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 import type { ReactNode } from 'react';
 
 import './useToolbarButtons.css';
@@ -40,7 +40,7 @@ const classes = generateClassNames('WidgetMarkdown_MenuToolbar', ['root', 'butto
 
 export default function useToolbarButtons(
   toolbarButtons: MarkdownToolbarItem[],
-  collection: Collection<MarkdownField>,
+  collection: CollectionWithDefaults<MarkdownField>,
   field: MarkdownField,
   disabled: boolean,
 ): ReactNode[] {
@@ -52,7 +52,7 @@ export default function useToolbarButtons(
 
 export function getToolbarButtons(
   toolbarButtons: MarkdownToolbarItem[] | MarkdownToolbarButtonType[],
-  collection: Collection<MarkdownField>,
+  collection: CollectionWithDefaults<MarkdownField>,
   field: MarkdownField,
   disabled: boolean,
 ): ReactNode[] {
@@ -68,10 +68,12 @@ export function getToolbarButtons(
         data-testid={`toolbar-menu-${button.label.toLowerCase().replace(' ', '-')}`}
         keepMounted
         hideDropdownIcon
+        color="secondary"
         variant="text"
         rootClassName={classes.root}
         buttonClassName={classes.button}
         disabled={disabled}
+        aria-label="additional toolbar options dropdown"
       >
         {button.groups.map((group, index) => {
           if (group.items.length === 0) {
@@ -91,21 +93,21 @@ export function getToolbarButtons(
 
 function getToolbarButton(
   name: MarkdownToolbarButtonType,
-  collection: Collection<MarkdownField>,
+  collection: CollectionWithDefaults<MarkdownField>,
   field: MarkdownField,
   disabled: boolean,
   variant: 'button',
 ): ReactNode;
 function getToolbarButton(
   name: LowLevelMarkdownToolbarButtonType,
-  collection: Collection<MarkdownField>,
+  collection: CollectionWithDefaults<MarkdownField>,
   field: MarkdownField,
   disabled: boolean,
   variant: 'menu',
 ): ReactNode;
 function getToolbarButton(
   name: MarkdownToolbarButtonType | LowLevelMarkdownToolbarButtonType,
-  collection: Collection<MarkdownField>,
+  collection: CollectionWithDefaults<MarkdownField>,
   field: MarkdownField,
   disabled: boolean,
   variant: 'button' | 'menu',
diff --git a/packages/core/src/widgets/markdown/plate/serialization/slate/deserializeMarkdown.ts b/packages/core/src/widgets/markdown/plate/serialization/slate/deserializeMarkdown.ts
index e8daf140..61b76ac1 100644
--- a/packages/core/src/widgets/markdown/plate/serialization/slate/deserializeMarkdown.ts
+++ b/packages/core/src/widgets/markdown/plate/serialization/slate/deserializeMarkdown.ts
@@ -5,7 +5,7 @@ import { LIST_TYPES, MarkNodeTypes, NodeTypes } from './ast-types';
 import { autoLinkToSlate } from './autoLinkUrls';
 import { processShortcodeConfigsToSlate } from './processShortcodeConfig';
 
-import type { ShortcodeConfig } from '@staticcms/core/interface';
+import type { ShortcodeConfig } from '@staticcms/core';
 import type { MdBlockElement } from '@staticcms/markdown';
 import type {
   AlignMdxMdastNodeAttribute,
diff --git a/packages/core/src/widgets/markdown/plate/serialization/slate/processShortcodeConfig.ts b/packages/core/src/widgets/markdown/plate/serialization/slate/processShortcodeConfig.ts
index fa327359..f5e18ec8 100644
--- a/packages/core/src/widgets/markdown/plate/serialization/slate/processShortcodeConfig.ts
+++ b/packages/core/src/widgets/markdown/plate/serialization/slate/processShortcodeConfig.ts
@@ -1,7 +1,7 @@
 /* eslint-disable no-case-declarations */
 import { isEmpty, isNotEmpty } from '@staticcms/core/lib/util/string.util';
 
-import type { ShortcodeConfig } from '@staticcms/core/interface';
+import type { ShortcodeConfig } from '@staticcms/core';
 import type { BaseMdastNode, MdastNode } from './ast-types';
 
 function cleanRegex(str: string) {
diff --git a/packages/core/src/widgets/markdown/plate/serialization/slate/toSlatePlugin.ts b/packages/core/src/widgets/markdown/plate/serialization/slate/toSlatePlugin.ts
index 0e9a3a98..99dfd7f2 100644
--- a/packages/core/src/widgets/markdown/plate/serialization/slate/toSlatePlugin.ts
+++ b/packages/core/src/widgets/markdown/plate/serialization/slate/toSlatePlugin.ts
@@ -1,7 +1,7 @@
 import transform from './deserializeMarkdown';
 
-import type { ShortcodeConfig } from '@staticcms/core/interface';
-import type { Compiler, Plugin } from 'unified';
+import type { ShortcodeConfig } from '@staticcms/core';
+import type { Plugin, Compiler } from 'unified';
 import type { MdastNode } from './ast-types';
 
 export interface ToSlatePluginOptions {
diff --git a/packages/core/src/widgets/markdown/plate/tests-util/serializationTests.util.tsx b/packages/core/src/widgets/markdown/plate/tests-util/serializationTests.util.tsx
index 99f436b9..e3ab9221 100644
--- a/packages/core/src/widgets/markdown/plate/tests-util/serializationTests.util.tsx
+++ b/packages/core/src/widgets/markdown/plate/tests-util/serializationTests.util.tsx
@@ -23,7 +23,7 @@ import React from 'react';
 
 import { ELEMENT_SHORTCODE } from '../plateTypes';
 
-import type { ShortcodeConfig } from '@staticcms/core/interface';
+import type { ShortcodeConfig } from '@staticcms/core';
 import type { MdValue } from '../plateTypes';
 
 export const testShortcodeConfigs: Record<string, ShortcodeConfig> = {
diff --git a/packages/core/src/widgets/markdown/withMarkdownControl.tsx b/packages/core/src/widgets/markdown/withMarkdownControl.tsx
index 636bedd1..d65fdcf1 100644
--- a/packages/core/src/widgets/markdown/withMarkdownControl.tsx
+++ b/packages/core/src/widgets/markdown/withMarkdownControl.tsx
@@ -10,7 +10,7 @@ import PlateEditor from './plate/PlateEditor';
 import useMarkdownToSlate from './plate/hooks/useMarkdownToSlate';
 import serializeMarkdown from './plate/serialization/serializeMarkdown';
 
-import type { MarkdownField, WidgetControlProps } from '@staticcms/core/interface';
+import type { MarkdownField, WidgetControlProps } from '@staticcms/core';
 import type { ChangeEvent, FC } from 'react';
 import type { MdValue } from './plate/plateTypes';
 
@@ -169,18 +169,22 @@ const withMarkdownControl = ({ useMdx }: WithMarkdownControlProps) => {
             <Button
               data-testid="rich-editor"
               size="small"
+              color={!showRaw ? 'primary' : 'secondary'}
               variant={!showRaw ? 'contained' : 'outlined'}
               onClick={handleShowRich}
               disabled={disabled}
+              aria-label="toggle to rich text mode"
             >
               {t('editor.editorWidgets.markdown.richText')}
             </Button>
             <Button
               data-testid="rich-editor"
               size="small"
+              color={showRaw ? 'primary' : 'secondary'}
               variant={showRaw ? 'contained' : 'outlined'}
               onClick={handleShowRaw}
               disabled={disabled}
+              aria-label="toggle to markdown mode"
             >
               {t('editor.editorWidgets.markdown.markdown')}
             </Button>
diff --git a/packages/core/src/widgets/number/NumberControl.css b/packages/core/src/widgets/number/NumberControl.css
new file mode 100644
index 00000000..8e1cbe26
--- /dev/null
+++ b/packages/core/src/widgets/number/NumberControl.css
@@ -0,0 +1,35 @@
+.CMS_WidgetNumber_root {
+  & .CMS_WidgetNumber_input {
+    &.CMS_WidgetNumber_with-prefix {
+      @apply ps-0.5;
+    }
+
+    &.CMS_WidgetNumber_with-suffix {
+      @apply pe-0.5;
+    }
+  }
+}
+
+.CMS_WidgetNumber_prefix {
+  color: var(--text-secondary);
+
+  @apply ps-3
+    text-sm
+    flex
+    items-center
+    whitespace-nowrap;
+
+  line-height: 100%;
+}
+
+.CMS_WidgetNumber_suffix {
+  color: var(--text-secondary);
+
+  @apply pe-3
+    text-sm
+    flex
+    items-center
+    whitespace-nowrap;
+
+  line-height: 100%;
+}
diff --git a/packages/core/src/widgets/number/NumberControl.tsx b/packages/core/src/widgets/number/NumberControl.tsx
index 4bafe1dc..5741c73f 100644
--- a/packages/core/src/widgets/number/NumberControl.tsx
+++ b/packages/core/src/widgets/number/NumberControl.tsx
@@ -3,18 +3,25 @@ import React, { useCallback, useMemo, useRef, useState } from 'react';
 import Field from '@staticcms/core/components/common/field/Field';
 import TextField from '@staticcms/core/components/common/text-field/TextField';
 import classNames from '@staticcms/core/lib/util/classNames.util';
+import { isNotEmpty } from '@staticcms/core/lib/util/string.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { NumberField, WidgetControlProps } from '@staticcms/core/interface';
+import type { NumberField, WidgetControlProps } from '@staticcms/core';
 import type { ChangeEvent, FC } from 'react';
 
-const classes = generateClassNames('WidgetNumberPreview', [
+import './NumberControl.css';
+
+const classes = generateClassNames('WidgetNumber', [
   'root',
   'error',
   'required',
   'disabled',
   'for-single-list',
   'input',
+  'with-prefix',
+  'with-suffix',
+  'prefix',
+  'suffix',
 ]);
 
 const NumberControl: FC<WidgetControlProps<string | number, NumberField>> = ({
@@ -68,6 +75,9 @@ const NumberControl: FC<WidgetControlProps<string | number, NumberField>> = ({
     return 1;
   }, [field.step, field.value_type]);
 
+  const prefix = useMemo(() => field.prefix ?? '', [field.prefix]);
+  const suffix = useMemo(() => field.suffix ?? '', [field.suffix]);
+
   return (
     <Field
       inputRef={ref}
@@ -94,7 +104,13 @@ const NumberControl: FC<WidgetControlProps<string | number, NumberField>> = ({
         step={step}
         disabled={disabled}
         onChange={handleChange}
-        inputClassName={classes.input}
+        inputClassName={classNames(
+          classes.input,
+          isNotEmpty(prefix) && classes['with-prefix'],
+          isNotEmpty(suffix) && classes['with-suffix'],
+        )}
+        startAdornment={isNotEmpty(prefix) ? <div className={classes.prefix}>{prefix}</div> : null}
+        endAdornment={isNotEmpty(suffix) ? <div className={classes.suffix}>{suffix}</div> : null}
       />
     </Field>
   );
diff --git a/packages/core/src/widgets/number/NumberPreview.tsx b/packages/core/src/widgets/number/NumberPreview.tsx
index 2aaccb99..d559d540 100644
--- a/packages/core/src/widgets/number/NumberPreview.tsx
+++ b/packages/core/src/widgets/number/NumberPreview.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { NumberField, WidgetPreviewProps } from '@staticcms/core/interface';
+import type { NumberField, WidgetPreviewProps } from '@staticcms/core';
 import type { FC } from 'react';
 
 const classes = generateClassNames('WidgetNumberPreview', ['root']);
diff --git a/packages/core/src/widgets/number/__tests__/NumberControl.spec.ts b/packages/core/src/widgets/number/__tests__/NumberControl.spec.ts
index 1c48a63f..9b9249e0 100644
--- a/packages/core/src/widgets/number/__tests__/NumberControl.spec.ts
+++ b/packages/core/src/widgets/number/__tests__/NumberControl.spec.ts
@@ -3,13 +3,13 @@
  */
 import '@testing-library/jest-dom';
 import { act } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
+import { userEvent } from '@testing-library/user-event';
 
 import { mockNumberField } from '@staticcms/test/data/fields.mock';
 import { createWidgetControlHarness } from '@staticcms/test/harnesses/widget.harness';
 import NumberControl from '../NumberControl';
 
-import type { NumberField } from '@staticcms/core/interface';
+import type { NumberField } from '@staticcms/core';
 
 describe(NumberControl.name, () => {
   const renderControl = createWidgetControlHarness(NumberControl, { field: mockNumberField });
@@ -81,7 +81,7 @@ describe(NumberControl.name, () => {
     const input = inputWrapper.getElementsByTagName('input')[0];
     expect(input).not.toHaveFocus();
 
-    const field = getByTestId('field');
+    const field = getByTestId('field-Mock Widget');
 
     await act(async () => {
       await userEvent.click(field);
diff --git a/packages/core/src/widgets/number/__tests__/validator.spec.ts b/packages/core/src/widgets/number/__tests__/validator.spec.ts
index d58e3937..7b7f8d37 100644
--- a/packages/core/src/widgets/number/__tests__/validator.spec.ts
+++ b/packages/core/src/widgets/number/__tests__/validator.spec.ts
@@ -7,7 +7,7 @@ import ValidationErrorTypes from '@staticcms/core/constants/validationErrorTypes
 import { mockNumberField } from '@staticcms/test/data/fields.mock';
 import validator from '../validator';
 
-import type { NumberField } from '@staticcms/core/interface';
+import type { NumberField } from '@staticcms/core';
 
 describe('validator number', () => {
   const t = jest.fn();
diff --git a/packages/core/src/widgets/number/index.ts b/packages/core/src/widgets/number/index.ts
index 5900f948..10e5c13a 100644
--- a/packages/core/src/widgets/number/index.ts
+++ b/packages/core/src/widgets/number/index.ts
@@ -3,7 +3,7 @@ import previewComponent from './NumberPreview';
 import schema from './schema';
 import validator from './validator';
 
-import type { NumberField, WidgetParam } from '@staticcms/core/interface';
+import type { NumberField, WidgetParam } from '@staticcms/core';
 
 const NumberWidget = (): WidgetParam<string | number, NumberField> => {
   return {
diff --git a/packages/core/src/widgets/number/schema.ts b/packages/core/src/widgets/number/schema.ts
index 9b3291ce..8916bcad 100644
--- a/packages/core/src/widgets/number/schema.ts
+++ b/packages/core/src/widgets/number/schema.ts
@@ -5,5 +5,7 @@ export default {
     min: { type: 'number' },
     max: { type: 'number' },
     default: { type: 'number' },
+    prefix: { type: 'string' },
+    suffix: { type: 'string' },
   },
 };
diff --git a/packages/core/src/widgets/number/validator.ts b/packages/core/src/widgets/number/validator.ts
index fa0ca371..92b27398 100644
--- a/packages/core/src/widgets/number/validator.ts
+++ b/packages/core/src/widgets/number/validator.ts
@@ -1,6 +1,6 @@
 import ValidationErrorTypes from '@staticcms/core/constants/validationErrorTypes';
 
-import type { FieldError, FieldValidationMethod, NumberField } from '@staticcms/core/interface';
+import type { FieldError, FieldValidationMethod, NumberField } from '@staticcms/core';
 import type { t } from 'react-polyglot';
 
 function validateMinMax(
diff --git a/packages/core/src/widgets/object/ObjectControl.css b/packages/core/src/widgets/object/ObjectControl.css
index 7d245286..a181099a 100644
--- a/packages/core/src/widgets/object/ObjectControl.css
+++ b/packages/core/src/widgets/object/ObjectControl.css
@@ -2,46 +2,54 @@
 }
 
 .CMS_WidgetObject_root {
+  border-color: var(--background-divider);
+
   @apply relative
     flex
     flex-col
-    border-b
-    border-slate-400
-    focus-within:border-blue-800
-    dark:focus-within:border-blue-100;
+    border-b;
 
-  &.CMS_WidgetObject_error {
-    & .CMS_WidgetObject_fields {
-      @apply border-l-red-500;
-    }
-  }
+  &:not(.CMS_WidgetObject_disabled) {
+    &.CMS_WidgetObject_error {
+      &:focus-within {
+        border-color: var(--error-main);
+      }
 
-  &:not(.CMS_WidgetObject_error) {
-    &:not(.CMS_WidgetObject_disabled) {
       & .CMS_WidgetObject_fields {
-        @apply border-l-blue-500;
+        border-color: var(--error-main);
+      }
+
+      &:hover,
+      &:focus-within {
+        & .CMS_WidgetObject_summary,
+        & .CMS_WidgetObject_expand-icon {
+          color: var(--error-main);
+        }
       }
     }
 
-    &:focus-within {
-      & .CMS_WidgetObject_summary,
-      & .CMS_WidgetObject_expand-icon {
-        @apply text-blue-500;
-      }
-    }
+    &:not(.CMS_WidgetObject_error) {
+      &:focus-within {
+        border-color: var(--primary-main);
 
-    &:hover {
-      & .CMS_WidgetObject_summary,
-      & .CMS_WidgetObject_expand-icon {
-        @apply text-blue-500;
+        & .CMS_WidgetObject_fields {
+          border-color: var(--primary-main);
+        }
+      }
+
+      &:hover,
+      &:focus-within {
+        & .CMS_WidgetObject_summary,
+        & .CMS_WidgetObject_expand-icon {
+          color: var(--primary-main);
+        }
       }
     }
   }
 
   &.CMS_WidgetObject_disabled {
     & .CMS_WidgetObject_expand-icon {
-      @apply text-slate-300
-        dark:text-slate-600;
+      color: var(--text-secondary);
     }
   }
 
@@ -65,8 +73,7 @@
     font-medium
     focus:outline-none
     focus-visible:ring
-    gap-2
-    focus-visible:ring-opacity-75;
+    gap-2;
 }
 
 .CMS_WidgetObject_expand-icon {
@@ -76,12 +83,12 @@
 }
 
 .CMS_WidgetObject_fields {
+  color: var(--text-secondary);
+
   @apply ml-4
     text-sm
-    text-gray-500
     border-l-2
-    border-solid
-    border-l-slate-400;
+    border-solid;
 }
 
 .CMS_WidgetObject_error-message {
diff --git a/packages/core/src/widgets/object/ObjectControl.tsx b/packages/core/src/widgets/object/ObjectControl.tsx
index 4e5944a9..7127f47e 100644
--- a/packages/core/src/widgets/object/ObjectControl.tsx
+++ b/packages/core/src/widgets/object/ObjectControl.tsx
@@ -6,7 +6,7 @@ import { compileStringTemplate } from '@staticcms/core/lib/widgets/stringTemplat
 import widgetObjectClasses from './ObjectControl.classes';
 import ObjectFieldWrapper from './ObjectFieldWrapper';
 
-import type { ObjectField, ObjectValue, WidgetControlProps } from '@staticcms/core/interface';
+import type { ObjectField, ObjectValue, WidgetControlProps } from '@staticcms/core';
 import type { FC } from 'react';
 
 import './ObjectControl.css';
@@ -27,12 +27,14 @@ const ObjectControl: FC<WidgetControlProps<ObjectValue, ObjectField>> = ({
   value = {},
   listItemPath,
 }) => {
+  const fields = useMemo(() => field.fields, [field.fields]);
+
   const objectLabel = useMemo(() => {
     const summary = field.summary;
-    return summary ? `${label} - ${compileStringTemplate(summary, null, '', value)}` : label;
-  }, [field.summary, label, value]);
-
-  const fields = useMemo(() => field.fields, [field.fields]);
+    return summary
+      ? `${label} - ${compileStringTemplate(summary, null, '', value, fields)}`
+      : label;
+  }, [field.summary, fields, label, value]);
 
   const hasChildErrors = useHasChildErrors(path, fieldsErrors, i18n, false);
 
diff --git a/packages/core/src/widgets/object/ObjectFieldWrapper.tsx b/packages/core/src/widgets/object/ObjectFieldWrapper.tsx
index 037bb289..24874c7c 100644
--- a/packages/core/src/widgets/object/ObjectFieldWrapper.tsx
+++ b/packages/core/src/widgets/object/ObjectFieldWrapper.tsx
@@ -8,7 +8,7 @@ import Label from '@staticcms/core/components/common/field/Label';
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import widgetObjectClasses from './ObjectControl.classes';
 
-import type { FieldError, ObjectField } from '@staticcms/core/interface';
+import type { FieldError, ObjectField } from '@staticcms/core';
 import type { FC, ReactNode } from 'react';
 
 export interface ObjectFieldWrapperProps {
@@ -44,7 +44,7 @@ const ObjectFieldWrapper: FC<ObjectFieldWrapperProps> = ({
 
   return (
     <div
-      data-testid="object-field"
+      data-testid={`object-field-${openLabel?.trim()}`}
       className={classNames(
         widgetObjectClasses.root,
         disabled && widgetObjectClasses.disabled,
@@ -58,6 +58,7 @@ const ObjectFieldWrapper: FC<ObjectFieldWrapperProps> = ({
         data-testid="expand-button"
         className={widgetObjectClasses.expand}
         onClick={handleOpenToggle}
+        aria-label={!open ? 'expand' : 'collapse'}
       >
         <ChevronRightIcon className={widgetObjectClasses['expand-icon']} />
         <Label
@@ -68,7 +69,7 @@ const ObjectFieldWrapper: FC<ObjectFieldWrapperProps> = ({
           variant="inline"
           disabled={disabled}
         >
-          {open ? openLabel : closedLabel}
+          {open ? openLabel.trim() : closedLabel.trim()}
         </Label>
       </button>
       <Collapse in={open} appear={false}>
diff --git a/packages/core/src/widgets/object/ObjectPreview.tsx b/packages/core/src/widgets/object/ObjectPreview.tsx
index 742ff597..a4d9b881 100644
--- a/packages/core/src/widgets/object/ObjectPreview.tsx
+++ b/packages/core/src/widgets/object/ObjectPreview.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { ObjectField, ObjectValue, WidgetPreviewProps } from '@staticcms/core/interface';
+import type { ObjectField, ObjectValue, WidgetPreviewProps } from '@staticcms/core';
 import type { FC } from 'react';
 
 const classes = generateClassNames('WidgetObjectPreview', ['root']);
diff --git a/packages/core/src/widgets/object/__tests__/ObjectControl.spec.tsx b/packages/core/src/widgets/object/__tests__/ObjectControl.spec.tsx
index de55161b..50f0c7ee 100644
--- a/packages/core/src/widgets/object/__tests__/ObjectControl.spec.tsx
+++ b/packages/core/src/widgets/object/__tests__/ObjectControl.spec.tsx
@@ -3,13 +3,13 @@
  */
 import '@testing-library/jest-dom';
 import { act, getByTestId, screen, waitFor } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
+import { userEvent } from '@testing-library/user-event';
 import React from 'react';
 
 import { createWidgetControlHarness } from '@staticcms/test/harnesses/widget.harness';
 import ObjectControl from '../ObjectControl';
 
-import type { ObjectField } from '@staticcms/core/interface';
+import type { ObjectField } from '@staticcms/core';
 
 const singleFieldObjectField: ObjectField = {
   widget: 'object',
diff --git a/packages/core/src/widgets/object/index.ts b/packages/core/src/widgets/object/index.ts
index 1d239299..50933d38 100644
--- a/packages/core/src/widgets/object/index.ts
+++ b/packages/core/src/widgets/object/index.ts
@@ -2,7 +2,7 @@ import controlComponent from './ObjectControl';
 import previewComponent from './ObjectPreview';
 import schema from './schema';
 
-import type { ObjectField, ObjectValue, WidgetParam } from '@staticcms/core/interface';
+import type { ObjectField, ObjectValue, WidgetParam } from '@staticcms/core';
 
 const ObjectWidget = (): WidgetParam<ObjectValue, ObjectField> => {
   return {
diff --git a/packages/core/src/widgets/relation/RelationControl.tsx b/packages/core/src/widgets/relation/RelationControl.tsx
index d9193183..b9164e50 100644
--- a/packages/core/src/widgets/relation/RelationControl.tsx
+++ b/packages/core/src/widgets/relation/RelationControl.tsx
@@ -1,5 +1,4 @@
 import * as fuzzy from 'fuzzy';
-import get from 'lodash/get';
 import uniqBy from 'lodash/uniqBy';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
@@ -14,28 +13,23 @@ import Field from '@staticcms/core/components/common/field/Field';
 import Pill from '@staticcms/core/components/common/pill/Pill';
 import CircularProgress from '@staticcms/core/components/common/progress/CircularProgress';
 import classNames from '@staticcms/core/lib/util/classNames.util';
-import { isNullish } from '@staticcms/core/lib/util/null.util';
+import { getFields } from '@staticcms/core/lib/util/collection.util';
 import { fileSearch, sortByScore } from '@staticcms/core/lib/util/search.util';
-import { isEmpty } from '@staticcms/core/lib/util/string.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
-import {
-  addFileTemplateFields,
-  compileStringTemplate,
-  expandPath,
-  extractTemplateVars,
-} from '@staticcms/core/lib/widgets/stringTemplate';
 import { selectCollection } from '@staticcms/core/reducers/selectors/collections';
 import { useAppSelector } from '@staticcms/core/store/hooks';
+import { getSelectedValue, parseHitOptions } from './util';
 
 import type {
+  ConfigWithDefaults,
   Entry,
-  EntryData,
   ObjectValue,
   RelationField,
   WidgetControlProps,
-} from '@staticcms/core/interface';
+} from '@staticcms/core';
 import type { FC, ReactNode } from 'react';
 import type { ListChildComponentProps } from 'react-window';
+import type { HitOption } from './types';
 
 import './RelationControl.css';
 
@@ -53,64 +47,15 @@ function Option({ index, style, data }: ListChildComponentProps<{ options: React
   return <div style={style}>{data.options[index]}</div>;
 }
 
-export interface HitOption {
-  data: EntryData;
-  value: string;
-  label: string;
-}
-
 export interface Option {
   value: string;
   label: string;
 }
 
-function getSelectedOptions(value: HitOption[] | undefined | null): HitOption[] | null;
-function getSelectedOptions(value: string[] | undefined | null): string[] | null;
-function getSelectedOptions(value: string[] | HitOption[] | undefined | null) {
-  if (!value || !Array.isArray(value)) {
-    return null;
-  }
-
-  return value;
-}
-
 function uniqOptions(initial: HitOption[], current: HitOption[]): HitOption[] {
   return uniqBy(initial.concat(current), o => o.value);
 }
 
-function getSelectedValue(value: string, options: HitOption[], isMultiple: boolean): string | null;
-function getSelectedValue(
-  value: string[],
-  options: HitOption[],
-  isMultiple: boolean,
-): string[] | null;
-function getSelectedValue(
-  value: string | string[] | null | undefined,
-  options: HitOption[],
-  isMultiple: boolean,
-): string | string[] | null;
-function getSelectedValue(
-  value: string | string[] | null | undefined,
-  options: HitOption[],
-  isMultiple: boolean,
-): string | string[] | null {
-  if (isMultiple && Array.isArray(value)) {
-    const selectedOptions = getSelectedOptions(value);
-    if (selectedOptions === null) {
-      return null;
-    }
-
-    const selected = selectedOptions
-      .map(i => options.find(o => o.value === i))
-      .filter(Boolean)
-      .map(option => (typeof option === 'string' ? option : option?.value)) as string[];
-
-    return selected;
-  } else {
-    return options.find(option => option.value === value)?.value ?? null;
-  }
-}
-
 const DEFAULT_OPTIONS_LIMIT = 20;
 
 const RelationControl: FC<WidgetControlProps<string | string[], RelationField>> = ({
@@ -125,6 +70,7 @@ const RelationControl: FC<WidgetControlProps<string | string[], RelationField>>
   disabled,
   forSingleList,
   onChange,
+  entry,
 }) => {
   const [internalRawValue, setInternalValue] = useState(value);
   const internalValue = useMemo(
@@ -133,66 +79,16 @@ const RelationControl: FC<WidgetControlProps<string | string[], RelationField>>
   );
   const [initialOptions, setInitialOptions] = useState<HitOption[]>([]);
 
-  const searchCollectionSelector = useMemo(
-    () => selectCollection(field.collection),
-    [field.collection],
+  const searchCollection = useAppSelector(state => selectCollection(state, field.collection));
+  const searchCollectionFields = useMemo(
+    () => getFields(searchCollection, entry.slug),
+    [entry.slug, searchCollection],
   );
-  const searchCollection = useAppSelector(searchCollectionSelector);
 
   const isMultiple = useMemo(() => {
     return field.multiple ?? false;
   }, [field.multiple]);
 
-  const parseNestedFields = useCallback(
-    (hit: Entry, field: string): string => {
-      const hitData =
-        locale != null && hit.i18n != null && hit.i18n[locale] != null
-          ? hit.i18n[locale].data
-          : hit.data;
-
-      const templateVars = extractTemplateVars(field);
-      // return non template fields as is
-      if (templateVars.length <= 0) {
-        return get(hitData, field) as string;
-      }
-      const data = addFileTemplateFields(hit.path, hitData);
-      return compileStringTemplate(field, null, hit.slug, data);
-    },
-    [locale],
-  );
-
-  const parseHitOptions = useCallback(
-    (hits: Entry[]) => {
-      const valueField = field.value_field;
-      const displayField = field.display_fields || [field.value_field];
-
-      const options = hits.reduce((acc, hit) => {
-        const valuesPaths = expandPath({ data: hit.data, path: valueField });
-        for (let i = 0; i < valuesPaths.length; i++) {
-          const value = parseNestedFields(hit, valuesPaths[i]) as string;
-
-          const label = displayField
-            .map(key => {
-              const displayPaths = expandPath({ data: hit.data, path: key });
-              const path = displayPaths[i] ?? displayPaths[0];
-              if (isNullish(path) || isEmpty(path)) {
-                return value;
-              }
-              return parseNestedFields(hit, displayPaths[i] ?? displayPaths[0]);
-            })
-            .join(' ');
-
-          acc.push({ data: hit.data, value, label });
-        }
-
-        return acc;
-      }, [] as HitOption[]);
-
-      return options;
-    },
-    [field.display_fields, field.value_field, parseNestedFields],
-  );
-
   const [options, setOptions] = useState<HitOption[]>([]);
   const [entries, setEntries] = useState<Entry[] | null>(null);
   const loading = useMemo(() => !entries, [entries]);
@@ -229,7 +125,10 @@ const RelationControl: FC<WidgetControlProps<string | string[], RelationField>>
         );
       }
 
-      let options = uniqBy(parseHitOptions(hits), o => o.value);
+      let options = uniqBy(
+        parseHitOptions(hits, field, locale, searchCollectionFields),
+        o => o.value,
+      );
 
       if (limit !== undefined && limit > 0) {
         options = options.slice(0, limit);
@@ -237,7 +136,7 @@ const RelationControl: FC<WidgetControlProps<string | string[], RelationField>>
 
       setOptions(options);
     },
-    [entries, field.file, field.options_length, field.search_fields, parseHitOptions],
+    [entries, field, locale, searchCollectionFields],
   );
 
   useEffect(() => {
@@ -245,38 +144,53 @@ const RelationControl: FC<WidgetControlProps<string | string[], RelationField>>
       return;
     }
 
+    let alive = true;
+
     const getOptions = async () => {
       const backend = currentBackend(config);
 
-      const options = await backend.listAllEntries(searchCollection);
-      setEntries(options);
+      const options = await backend.listAllEntries(
+        searchCollection,
+        config as unknown as ConfigWithDefaults,
+      );
 
-      const hitOptions = parseHitOptions(options);
+      if (alive) {
+        setEntries(options);
 
-      if (value) {
-        const byValue = hitOptions.reduce((acc, option) => {
-          acc[option.value] = option;
-          return acc;
-        }, {} as Record<string, HitOption>);
+        const hitOptions = parseHitOptions(options, field, locale, searchCollectionFields);
 
-        const newFilteredValue =
-          typeof value === 'string'
-            ? value in byValue
-              ? [value]
-              : []
-            : value.filter(v => v && v in byValue);
+        if (value) {
+          const byValue = hitOptions.reduce(
+            (acc, option) => {
+              acc[option.value] = option;
+              return acc;
+            },
+            {} as Record<string, HitOption>,
+          );
 
-        const newInitialOptions = newFilteredValue.map(v => byValue[v]);
+          const newFilteredValue =
+            typeof value === 'string'
+              ? value in byValue
+                ? [value]
+                : []
+              : value.filter(v => v && v in byValue);
 
-        setInitialOptions(newInitialOptions);
+          const newInitialOptions = newFilteredValue.map(v => byValue[v]);
+
+          setInitialOptions(newInitialOptions);
+        }
+
+        setOptions(hitOptions);
       }
-
-      setOptions(hitOptions);
     };
 
     getOptions();
+
+    return () => {
+      alive = false;
+    };
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [searchCollection, config, loading, parseHitOptions]);
+  }, [searchCollection, config, loading, field, locale, searchCollectionFields]);
 
   const uniqueOptions = useMemo(() => {
     let uOptions = uniqOptions(initialOptions, options);
@@ -291,10 +205,13 @@ const RelationControl: FC<WidgetControlProps<string | string[], RelationField>>
 
   const uniqueOptionsByValue = useMemo(
     () =>
-      uniqueOptions.reduce((acc, option) => {
-        acc[option.value] = option;
-        return acc;
-      }, {} as Record<string, HitOption>),
+      uniqueOptions.reduce(
+        (acc, option) => {
+          acc[option.value] = option;
+          return acc;
+        },
+        {} as Record<string, HitOption>,
+      ),
     [uniqueOptions],
   );
 
diff --git a/packages/core/src/widgets/relation/RelationPreview.tsx b/packages/core/src/widgets/relation/RelationPreview.tsx
index c7107458..510f15ed 100644
--- a/packages/core/src/widgets/relation/RelationPreview.tsx
+++ b/packages/core/src/widgets/relation/RelationPreview.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { RelationField, WidgetPreviewProps } from '@staticcms/core/interface';
+import type { RelationField, WidgetPreviewProps } from '@staticcms/core';
 import type { FC } from 'react';
 
 const classes = generateClassNames('WidgetRelationPreview', ['root']);
diff --git a/packages/core/src/widgets/relation/RelationSummary.tsx b/packages/core/src/widgets/relation/RelationSummary.tsx
new file mode 100644
index 00000000..81082199
--- /dev/null
+++ b/packages/core/src/widgets/relation/RelationSummary.tsx
@@ -0,0 +1,141 @@
+import React, { useEffect, useMemo, useState } from 'react';
+
+import { currentBackend } from '@staticcms/core/backend';
+import Pill from '@staticcms/core/components/common/pill/Pill';
+import { getFields } from '@staticcms/core/lib/util/collection.util';
+import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
+import { selectCollection } from '@staticcms/core/reducers/selectors/collections';
+import { selectConfig } from '@staticcms/core/reducers/selectors/config';
+import { useAppSelector } from '@staticcms/core/store/hooks';
+import { getSelectedValue, parseHitOptions } from './util';
+
+import type { Entry, RelationField, ValueOrNestedValue } from '@staticcms/core/interface';
+import type { FC, ReactNode } from 'react';
+import type { ListChildComponentProps } from 'react-window';
+import type { HitOption } from './types';
+
+import './RelationControl.css';
+
+export const classes = generateClassNames('WidgetRelation', [
+  'root',
+  'error',
+  'required',
+  'disabled',
+  'for-single-list',
+  'values',
+  'loading',
+]);
+
+function Option({ index, style, data }: ListChildComponentProps<{ options: ReactNode[] }>) {
+  return <div style={style}>{data.options[index]}</div>;
+}
+
+export interface Option {
+  value: string;
+  label: string;
+}
+
+export interface RelationSummaryProps {
+  field: RelationField;
+  value: ValueOrNestedValue;
+  locale: string | undefined;
+  entry: Entry;
+}
+
+const RelationSummary: FC<RelationSummaryProps> = ({ value, field, locale, entry }) => {
+  const [initialOptions, setInitialOptions] = useState<HitOption[]>([]);
+
+  const searchCollection = useAppSelector(state => selectCollection(state, field.collection));
+  const searchCollectionFields = useMemo(
+    () => getFields(searchCollection, entry.slug),
+    [entry.slug, searchCollection],
+  );
+
+  const isMultiple = useMemo(() => {
+    return field.multiple ?? false;
+  }, [field.multiple]);
+
+  const [entries, setEntries] = useState<Entry[] | null>(null);
+  const loading = useMemo(() => !entries, [entries]);
+
+  const config = useAppSelector(selectConfig);
+
+  useEffect(() => {
+    if (!loading || !searchCollection || !config) {
+      return;
+    }
+
+    const getOptions = async () => {
+      const backend = currentBackend(config);
+
+      const options = await backend.listAllEntries(searchCollection, config);
+      setEntries(options);
+
+      const hitOptions = parseHitOptions(options, field, locale, searchCollectionFields);
+
+      const byValue = hitOptions.reduce(
+        (acc, option) => {
+          acc[option.value] = option;
+          return acc;
+        },
+        {} as Record<string, HitOption>,
+      );
+
+      const newFilteredValue = Array.isArray(value)
+        ? value.filter(v => v && String(v) in byValue)
+        : String(value) in byValue
+        ? [value]
+        : [];
+
+      const newInitialOptions = newFilteredValue.map(v => byValue[String(v)]);
+
+      setInitialOptions(newInitialOptions);
+    };
+
+    getOptions();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [searchCollection, config, loading, field, locale, searchCollectionFields]);
+
+  const uniqueOptionsByValue = useMemo(
+    () =>
+      initialOptions.reduce(
+        (acc, option) => {
+          acc[option.value] = option;
+          return acc;
+        },
+        {} as Record<string, HitOption>,
+      ),
+    [initialOptions],
+  );
+
+  const selectedValue = useMemo(() => {
+    let selected = getSelectedValue(value, initialOptions, isMultiple);
+    if (isMultiple && !selected) {
+      selected = [];
+    }
+    return selected;
+  }, [isMultiple, initialOptions, value]);
+
+  return (
+    <span>
+      {Array.isArray(selectedValue) ? (
+        <div className={classes.values}>
+          {selectedValue.map(selectValue => {
+            const option = uniqueOptionsByValue[String(selectValue)];
+            return (
+              <Pill key={String(selectValue)} noWrap>
+                {option?.label ?? selectValue}
+              </Pill>
+            );
+          })}
+        </div>
+      ) : selectedValue ? (
+        uniqueOptionsByValue[String(selectedValue)].label ?? String(selectedValue)
+      ) : (
+        String(value)
+      )}
+    </span>
+  );
+};
+
+export default RelationSummary;
diff --git a/packages/core/src/widgets/relation/__tests__/RelationControl.spec.ts b/packages/core/src/widgets/relation/__tests__/RelationControl.spec.ts
index 871ec493..671b8db3 100644
--- a/packages/core/src/widgets/relation/__tests__/RelationControl.spec.ts
+++ b/packages/core/src/widgets/relation/__tests__/RelationControl.spec.ts
@@ -3,14 +3,14 @@
  */
 import '@testing-library/jest-dom';
 import { act, waitFor } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
+import { userEvent } from '@testing-library/user-event';
 
-import { configLoaded } from '@staticcms/core/actions/config';
+import { applyDefaults, configLoaded } from '@staticcms/core/actions/config';
 import * as backend from '@staticcms/core/backend';
 import { isNotNullish } from '@staticcms/core/lib/util/null.util';
 import { store } from '@staticcms/core/store';
-import { createMockCollection } from '@staticcms/test/data/collections.mock';
-import { createMockConfig } from '@staticcms/test/data/config.mock';
+import { createMockFolderCollection } from '@staticcms/test/data/collections.mock';
+import { createNoDefaultsMockConfig } from '@staticcms/test/data/config.mock';
 import { createMockEntry } from '@staticcms/test/data/entry.mock';
 import { mockRelationField } from '@staticcms/test/data/fields.mock';
 import { createWidgetControlHarness } from '@staticcms/test/harnesses/widget.harness';
@@ -18,14 +18,17 @@ import RelationControl from '../RelationControl';
 
 import type {
   Collection,
+  CollectionWithDefaults,
   Config,
+  ConfigWithDefaults,
   DateTimeField,
   Entry,
   ListField,
   ObjectField,
   RelationField,
-  StringOrTextField,
-} from '@staticcms/core/interface';
+  TextField,
+} from '@staticcms/core';
+import type { WidgetControlHarness } from '@staticcms/test/harnesses/widget.harness';
 
 jest.mock('@staticcms/core/backend');
 
@@ -69,14 +72,14 @@ const coAuthorsField: ListField = {
   ],
 };
 
-const bodyField: StringOrTextField = {
+const bodyField: TextField = {
   widget: 'text',
   name: 'body',
 };
 
-const config = createMockConfig({
+const originalConfig = createNoDefaultsMockConfig({
   collections: [
-    createMockCollection(
+    createMockFolderCollection(
       {
         name: 'posts',
       },
@@ -89,18 +92,27 @@ const config = createMockConfig({
   ],
 });
 
-const searchCollection = config.collections[0];
+let config: ConfigWithDefaults<RelationField>;
+let searchCollection: CollectionWithDefaults<RelationField>;
 
 describe(RelationControl.name, () => {
-  const renderControl = createWidgetControlHarness(RelationControl, {
-    field: mockRelationField,
-    config,
-  });
+  let renderControl: WidgetControlHarness<string | string[], RelationField>;
   let currentBackendSpy: jest.SpyInstance;
   let mockListAllEntries: jest.Mock;
 
   beforeEach(() => {
-    store.dispatch(configLoaded(config as unknown as Config));
+    config = applyDefaults(originalConfig);
+
+    renderControl = createWidgetControlHarness(RelationControl, {
+      field: mockRelationField,
+      config,
+    });
+
+    searchCollection = config.collections[0];
+
+    store.dispatch(
+      configLoaded(config as unknown as ConfigWithDefaults, originalConfig as unknown as Config),
+    );
 
     const mockEntries: Entry[] = [
       createMockEntry({
@@ -238,7 +250,7 @@ describe(RelationControl.name, () => {
     const response = renderControl(options);
 
     expect(currentBackendSpy).toHaveBeenCalledWith(config);
-    expect(mockListAllEntries).toHaveBeenCalledWith(searchCollection);
+    expect(mockListAllEntries).toHaveBeenCalledWith(searchCollection, config);
 
     const { expectedValue = '', expectedText } = relationOptions ?? {};
 
@@ -340,7 +352,7 @@ describe(RelationControl.name, () => {
     const input = getByTestId('autocomplete-input');
     expect(input).not.toHaveFocus();
 
-    const field = getByTestId('field');
+    const field = getByTestId('field-Mock Widget');
 
     await act(async () => {
       await userEvent.click(field);
diff --git a/packages/core/src/widgets/relation/__tests__/validator.spec.ts b/packages/core/src/widgets/relation/__tests__/validator.spec.ts
index df01e527..e9a98d8e 100644
--- a/packages/core/src/widgets/relation/__tests__/validator.spec.ts
+++ b/packages/core/src/widgets/relation/__tests__/validator.spec.ts
@@ -6,7 +6,7 @@ import '@testing-library/jest-dom';
 import validator from '../validator';
 import ValidationErrorTypes from '@staticcms/core/constants/validationErrorTypes';
 
-import type { RelationField } from '@staticcms/core/interface';
+import type { RelationField } from '@staticcms/core';
 
 describe('validator relation', () => {
   const t = jest.fn();
diff --git a/packages/core/src/widgets/relation/index.ts b/packages/core/src/widgets/relation/index.ts
index 8e9b0044..ab13e494 100644
--- a/packages/core/src/widgets/relation/index.ts
+++ b/packages/core/src/widgets/relation/index.ts
@@ -1,9 +1,10 @@
 import controlComponent from './RelationControl';
 import previewComponent from './RelationPreview';
+import RelationSummary from './RelationSummary';
 import schema from './schema';
 import validator from './validator';
 
-import type { RelationField, WidgetParam } from '@staticcms/core/interface';
+import type { RelationField, WidgetParam } from '@staticcms/core';
 
 function RelationWidget(): WidgetParam<string | string[], RelationField> {
   return {
@@ -20,6 +21,7 @@ function RelationWidget(): WidgetParam<string | string[], RelationField> {
 export {
   controlComponent as RelationControl,
   previewComponent as RelationPreview,
+  RelationSummary,
   schema as relationSchema,
   validator as relationValidator,
 };
diff --git a/packages/core/src/widgets/relation/types.ts b/packages/core/src/widgets/relation/types.ts
new file mode 100644
index 00000000..474d18e9
--- /dev/null
+++ b/packages/core/src/widgets/relation/types.ts
@@ -0,0 +1,7 @@
+import type { EntryData } from '@staticcms/core';
+
+export interface HitOption {
+  data: EntryData;
+  value: string;
+  label: string;
+}
diff --git a/packages/core/src/widgets/relation/util.ts b/packages/core/src/widgets/relation/util.ts
new file mode 100644
index 00000000..4580c7a1
--- /dev/null
+++ b/packages/core/src/widgets/relation/util.ts
@@ -0,0 +1,136 @@
+import get from 'lodash/get';
+
+import { isNullish } from '@staticcms/core/lib/util/null.util';
+import { isEmpty } from '@staticcms/core/lib/util/string.util';
+import {
+  addFileTemplateFields,
+  compileStringTemplate,
+  expandPath,
+  extractTemplateVars,
+} from '@staticcms/core/lib/widgets/stringTemplate';
+
+import type {
+  Entry,
+  Field,
+  RelationField,
+  UnknownField,
+  ValueOrNestedValue,
+} from '@staticcms/core';
+import type { HitOption } from './types';
+
+export function parseNestedFields(
+  hit: Entry,
+  field: string,
+  locale: string | undefined,
+  searchCollectionFields: Field<UnknownField>[],
+): string {
+  const hitData =
+    locale != null && hit.i18n != null && hit.i18n[locale] != null
+      ? hit.i18n[locale].data
+      : hit.data;
+
+  const templateVars = extractTemplateVars(field);
+  // return non template fields as is
+  if (templateVars.length <= 0) {
+    return get(hitData, field) as string;
+  }
+  const data = addFileTemplateFields(hit.path, hitData);
+  return compileStringTemplate(field, null, hit.slug, data, searchCollectionFields);
+}
+
+export function parseHitOptions(
+  hits: Entry[],
+  field: RelationField,
+  locale: string | undefined,
+  searchCollectionFields: Field<UnknownField>[],
+): HitOption[] {
+  const valueField = field.value_field;
+  const displayField = field.display_fields || [field.value_field];
+
+  return hits.reduce((acc, hit) => {
+    const valuesPaths = expandPath({ data: hit.data, path: valueField });
+    for (let i = 0; i < valuesPaths.length; i++) {
+      const value = parseNestedFields(
+        hit,
+        valuesPaths[i],
+        locale,
+        searchCollectionFields,
+      ) as string;
+
+      const label = displayField
+        .map(key => {
+          const displayPaths = expandPath({ data: hit.data, path: key });
+          const path = displayPaths[i] ?? displayPaths[0];
+          if (isNullish(path) || isEmpty(path)) {
+            return value;
+          }
+          return parseNestedFields(
+            hit,
+            displayPaths[i] ?? displayPaths[0],
+            locale,
+            searchCollectionFields,
+          );
+        })
+        .join(' ');
+
+      acc.push({ data: hit.data, value, label });
+    }
+
+    return acc;
+  }, [] as HitOption[]);
+}
+
+export function getSelectedOptions(value: HitOption[] | undefined | null): HitOption[] | null;
+export function getSelectedOptions(value: string[] | undefined | null): string[] | null;
+export function getSelectedOptions(
+  value: ValueOrNestedValue[] | undefined | null,
+): ValueOrNestedValue[] | null;
+export function getSelectedOptions(value: ValueOrNestedValue[] | HitOption[] | undefined | null) {
+  if (!value || !Array.isArray(value)) {
+    return null;
+  }
+
+  return value;
+}
+
+export function getSelectedValue(
+  value: string,
+  options: HitOption[],
+  isMultiple: boolean,
+): string | null;
+export function getSelectedValue(
+  value: string[],
+  options: HitOption[],
+  isMultiple: boolean,
+): string[] | null;
+export function getSelectedValue(
+  value: string | string[] | null | undefined,
+  options: HitOption[],
+  isMultiple: boolean,
+): string | string[] | null;
+export function getSelectedValue(
+  value: ValueOrNestedValue | null | undefined,
+  options: HitOption[],
+  isMultiple: boolean,
+): ValueOrNestedValue | ValueOrNestedValue[] | null;
+export function getSelectedValue(
+  value: ValueOrNestedValue | null | undefined,
+  options: HitOption[],
+  isMultiple: boolean,
+): string | string[] | null {
+  if (isMultiple && Array.isArray(value)) {
+    const selectedOptions = getSelectedOptions(value);
+    if (selectedOptions === null) {
+      return null;
+    }
+
+    const selected = selectedOptions
+      .map(i => options.find(o => o.value === i))
+      .filter(Boolean)
+      .map(option => (typeof option === 'string' ? option : option?.value)) as string[];
+
+    return selected;
+  } else {
+    return options.find(option => option.value === value)?.value ?? null;
+  }
+}
diff --git a/packages/core/src/widgets/relation/validator.ts b/packages/core/src/widgets/relation/validator.ts
index f0857c25..66aac0f9 100644
--- a/packages/core/src/widgets/relation/validator.ts
+++ b/packages/core/src/widgets/relation/validator.ts
@@ -1,6 +1,6 @@
 import { validateMinMax } from '@staticcms/core/lib/widgets/validations';
 
-import type { FieldValidationMethod, RelationField } from '@staticcms/core/interface';
+import type { FieldValidationMethod, RelationField } from '@staticcms/core';
 
 const validator: FieldValidationMethod<string | string[], RelationField> = ({
   field,
diff --git a/packages/core/src/widgets/select/SelectControl.tsx b/packages/core/src/widgets/select/SelectControl.tsx
index 7d0d29d9..95e90265 100644
--- a/packages/core/src/widgets/select/SelectControl.tsx
+++ b/packages/core/src/widgets/select/SelectControl.tsx
@@ -7,11 +7,7 @@ import classNames from '@staticcms/core/lib/util/classNames.util';
 import { isNullish } from '@staticcms/core/lib/util/null.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type {
-  SelectField,
-  SelectWidgetOptionObject,
-  WidgetControlProps,
-} from '@staticcms/core/interface';
+import type { SelectField, SelectWidgetOptionObject, WidgetControlProps } from '@staticcms/core';
 import type { FC } from 'react';
 
 import './SelectControl.css';
@@ -67,10 +63,13 @@ const SelectControl: FC<WidgetControlProps<string | number | (string | number)[]
 
   const optionsByValue = useMemo(
     () =>
-      options.reduce((acc, option) => {
-        acc[`${option.value}`] = option;
-        return acc;
-      }, {} as Record<string, SelectWidgetOptionObject>),
+      options.reduce(
+        (acc, option) => {
+          acc[`${option.value}`] = option;
+          return acc;
+        },
+        {} as Record<string, SelectWidgetOptionObject>,
+      ),
     [options],
   );
 
diff --git a/packages/core/src/widgets/select/SelectPreview.tsx b/packages/core/src/widgets/select/SelectPreview.tsx
index ff296789..074ca301 100644
--- a/packages/core/src/widgets/select/SelectPreview.tsx
+++ b/packages/core/src/widgets/select/SelectPreview.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { SelectField, WidgetPreviewProps } from '@staticcms/core/interface';
+import type { SelectField, WidgetPreviewProps } from '@staticcms/core';
 import type { FC } from 'react';
 
 const classes = generateClassNames('WidgetSelectPreview', ['root']);
@@ -11,7 +11,7 @@ interface ListPreviewProps {
   values: (string | number)[];
 }
 
-const ListPreview = ({ values }: ListPreviewProps) => {
+const ListPreview: FC<ListPreviewProps> = ({ values }) => {
   return (
     <ul>
       {values.map((value, idx) => (
diff --git a/packages/core/src/widgets/select/__tests__/SelectControl.spec.ts b/packages/core/src/widgets/select/__tests__/SelectControl.spec.ts
index e2d8fe07..7cdfc967 100644
--- a/packages/core/src/widgets/select/__tests__/SelectControl.spec.ts
+++ b/packages/core/src/widgets/select/__tests__/SelectControl.spec.ts
@@ -2,14 +2,14 @@
  * @jest-environment jsdom
  */
 import '@testing-library/jest-dom';
-import userEvent from '@testing-library/user-event';
+import { userEvent } from '@testing-library/user-event';
 import { act, waitFor } from '@testing-library/react';
 
 import { mockSelectField } from '@staticcms/test/data/fields.mock';
 import { createWidgetControlHarness } from '@staticcms/test/harnesses/widget.harness';
 import SelectControl from '../SelectControl';
 
-import type { SelectField } from '@staticcms/core/interface';
+import type { SelectField } from '@staticcms/core';
 
 describe(SelectControl.name, () => {
   const renderControl = createWidgetControlHarness(SelectControl, { field: mockSelectField });
@@ -33,7 +33,7 @@ describe(SelectControl.name, () => {
     });
 
     await act(async () => {
-      const field = getByTestId('field');
+      const field = getByTestId('field-Mock Widget');
       await userEvent.click(field);
     });
 
@@ -43,7 +43,7 @@ describe(SelectControl.name, () => {
     });
 
     await act(async () => {
-      const field = getByTestId('field');
+      const field = getByTestId('field-Mock Widget');
       await userEvent.click(field);
     });
 
diff --git a/packages/core/src/widgets/select/__tests__/validator.spec.ts b/packages/core/src/widgets/select/__tests__/validator.spec.ts
index 0853b525..1af538f5 100644
--- a/packages/core/src/widgets/select/__tests__/validator.spec.ts
+++ b/packages/core/src/widgets/select/__tests__/validator.spec.ts
@@ -6,7 +6,7 @@ import '@testing-library/jest-dom';
 import validator from '../validator';
 import ValidationErrorTypes from '@staticcms/core/constants/validationErrorTypes';
 
-import type { SelectField } from '@staticcms/core/interface';
+import type { SelectField } from '@staticcms/core';
 
 describe('validator select', () => {
   const t = jest.fn();
diff --git a/packages/core/src/widgets/select/index.ts b/packages/core/src/widgets/select/index.ts
index 92a408df..3320d211 100644
--- a/packages/core/src/widgets/select/index.ts
+++ b/packages/core/src/widgets/select/index.ts
@@ -3,7 +3,7 @@ import controlComponent from './SelectControl';
 import previewComponent from './SelectPreview';
 import validator from './validator';
 
-import type { SelectField, WidgetParam } from '@staticcms/core/interface';
+import type { SelectField, WidgetParam } from '@staticcms/core';
 
 const SelectWidget = (): WidgetParam<string | number | (string | number)[], SelectField> => {
   return {
diff --git a/packages/core/src/widgets/select/validator.ts b/packages/core/src/widgets/select/validator.ts
index 7c6f4c70..b87ef617 100644
--- a/packages/core/src/widgets/select/validator.ts
+++ b/packages/core/src/widgets/select/validator.ts
@@ -1,6 +1,6 @@
 import { validateMinMax } from '@staticcms/core/lib/widgets/validations';
 
-import type { FieldValidationMethod, SelectField } from '@staticcms/core/interface';
+import type { FieldValidationMethod, SelectField } from '@staticcms/core';
 
 const validator: FieldValidationMethod<string | number | (string | number)[], SelectField> = ({
   field,
diff --git a/packages/core/src/widgets/string/StringControl.css b/packages/core/src/widgets/string/StringControl.css
new file mode 100644
index 00000000..ec1ddaa3
--- /dev/null
+++ b/packages/core/src/widgets/string/StringControl.css
@@ -0,0 +1,35 @@
+.CMS_WidgetString_root {
+  & .CMS_WidgetString_input {
+    &.CMS_WidgetString_with-prefix {
+      @apply ps-0.5;
+    }
+
+    &.CMS_WidgetString_with-suffix {
+      @apply pe-0.5;
+    }
+  }
+}
+
+.CMS_WidgetString_prefix {
+  color: var(--text-secondary);
+
+  @apply ps-3
+    text-sm
+    flex
+    items-center
+    whitespace-nowrap;
+
+  line-height: 100%;
+}
+
+.CMS_WidgetString_suffix {
+  color: var(--text-secondary);
+
+  @apply pe-3
+    text-sm
+    flex
+    items-center
+    whitespace-nowrap;
+
+  line-height: 100%;
+}
diff --git a/packages/core/src/widgets/string/StringControl.tsx b/packages/core/src/widgets/string/StringControl.tsx
index 2a5d09f9..b26f154e 100644
--- a/packages/core/src/widgets/string/StringControl.tsx
+++ b/packages/core/src/widgets/string/StringControl.tsx
@@ -3,11 +3,14 @@ import React, { useCallback, useMemo, useRef, useState } from 'react';
 import Field from '@staticcms/core/components/common/field/Field';
 import TextField from '@staticcms/core/components/common/text-field/TextField';
 import classNames from '@staticcms/core/lib/util/classNames.util';
+import { isNotEmpty } from '@staticcms/core/lib/util/string.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { StringOrTextField, WidgetControlProps } from '@staticcms/core/interface';
+import type { StringField, WidgetControlProps } from '@staticcms/core';
 import type { ChangeEvent, FC } from 'react';
 
+import './StringControl.css';
+
 const classes = generateClassNames('WidgetString', [
   'root',
   'error',
@@ -15,9 +18,13 @@ const classes = generateClassNames('WidgetString', [
   'disabled',
   'for-single-list',
   'input',
+  'with-prefix',
+  'with-suffix',
+  'prefix',
+  'suffix',
 ]);
 
-const StringControl: FC<WidgetControlProps<string, StringOrTextField>> = ({
+const StringControl: FC<WidgetControlProps<string, StringField>> = ({
   value,
   label,
   errors,
@@ -46,6 +53,9 @@ const StringControl: FC<WidgetControlProps<string, StringOrTextField>> = ({
     [onChange],
   );
 
+  const prefix = useMemo(() => field.prefix ?? '', [field.prefix]);
+  const suffix = useMemo(() => field.suffix ?? '', [field.suffix]);
+
   return (
     <Field
       inputRef={ref}
@@ -69,7 +79,13 @@ const StringControl: FC<WidgetControlProps<string, StringOrTextField>> = ({
         value={internalValue}
         disabled={disabled}
         onChange={handleChange}
-        inputClassName={classes.input}
+        inputClassName={classNames(
+          classes.input,
+          isNotEmpty(prefix) && classes['with-prefix'],
+          isNotEmpty(suffix) && classes['with-suffix'],
+        )}
+        startAdornment={isNotEmpty(prefix) ? <div className={classes.prefix}>{prefix}</div> : null}
+        endAdornment={isNotEmpty(suffix) ? <div className={classes.suffix}>{suffix}</div> : null}
       />
     </Field>
   );
diff --git a/packages/core/src/widgets/string/StringPreview.tsx b/packages/core/src/widgets/string/StringPreview.tsx
index 5d89e8b2..bfc26ded 100644
--- a/packages/core/src/widgets/string/StringPreview.tsx
+++ b/packages/core/src/widgets/string/StringPreview.tsx
@@ -2,12 +2,12 @@ import React from 'react';
 
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { StringOrTextField, WidgetPreviewProps } from '@staticcms/core/interface';
+import type { StringField, WidgetPreviewProps } from '@staticcms/core';
 import type { FC } from 'react';
 
 const classes = generateClassNames('WidgetStringPreview', ['root']);
 
-const StringPreview: FC<WidgetPreviewProps<string, StringOrTextField>> = ({ value = '' }) => {
+const StringPreview: FC<WidgetPreviewProps<string, StringField>> = ({ value = '' }) => {
   return <div className={classes.root}>{value}</div>;
 };
 
diff --git a/packages/core/src/widgets/string/__tests__/StringControl.spec.ts b/packages/core/src/widgets/string/__tests__/StringControl.spec.ts
index 8c63f1b8..51791637 100644
--- a/packages/core/src/widgets/string/__tests__/StringControl.spec.ts
+++ b/packages/core/src/widgets/string/__tests__/StringControl.spec.ts
@@ -3,7 +3,7 @@
  */
 import '@testing-library/jest-dom';
 import { act, waitFor } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
+import { userEvent } from '@testing-library/user-event';
 
 import { mockStringField } from '@staticcms/test/data/fields.mock';
 import { createWidgetControlHarness } from '@staticcms/test/harnesses/widget.harness';
@@ -89,7 +89,7 @@ describe(StringControl.name, () => {
     expect(input).not.toHaveFocus();
 
     await act(async () => {
-      const field = getByTestId('field');
+      const field = getByTestId('field-Mock Widget');
       await userEvent.click(field);
     });
 
diff --git a/packages/core/src/widgets/string/index.ts b/packages/core/src/widgets/string/index.ts
index 8c57ec22..3410dc1d 100644
--- a/packages/core/src/widgets/string/index.ts
+++ b/packages/core/src/widgets/string/index.ts
@@ -2,9 +2,9 @@ import schema from './schema';
 import controlComponent from './StringControl';
 import previewComponent from './StringPreview';
 
-import type { StringOrTextField, WidgetParam } from '@staticcms/core/interface';
+import type { StringField, WidgetParam } from '@staticcms/core';
 
-const StringWidget = (): WidgetParam<string, StringOrTextField> => {
+const StringWidget = (): WidgetParam<string, StringField> => {
   return {
     name: 'string',
     controlComponent,
diff --git a/packages/core/src/widgets/string/schema.ts b/packages/core/src/widgets/string/schema.ts
index c1d7002a..4786253d 100644
--- a/packages/core/src/widgets/string/schema.ts
+++ b/packages/core/src/widgets/string/schema.ts
@@ -1,5 +1,7 @@
 export default {
   properties: {
     default: { type: 'string' },
+    prefix: { type: 'string' },
+    suffix: { type: 'string' },
   },
 };
diff --git a/packages/core/src/widgets/text/TextControl.tsx b/packages/core/src/widgets/text/TextControl.tsx
index 1cdee816..8fa4c991 100644
--- a/packages/core/src/widgets/text/TextControl.tsx
+++ b/packages/core/src/widgets/text/TextControl.tsx
@@ -5,7 +5,7 @@ import TextArea from '@staticcms/core/components/common/text-field/TextArea';
 import classNames from '@staticcms/core/lib/util/classNames.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { StringOrTextField, WidgetControlProps } from '@staticcms/core/interface';
+import type { TextField, WidgetControlProps } from '@staticcms/core';
 import type { ChangeEvent, FC } from 'react';
 
 const classes = generateClassNames('WidgetText', [
@@ -17,7 +17,7 @@ const classes = generateClassNames('WidgetText', [
   'input',
 ]);
 
-const TextControl: FC<WidgetControlProps<string, StringOrTextField>> = ({
+const TextControl: FC<WidgetControlProps<string, TextField>> = ({
   label,
   value,
   errors,
diff --git a/packages/core/src/widgets/text/TextPreview.tsx b/packages/core/src/widgets/text/TextPreview.tsx
index cb52a285..a7c5e190 100644
--- a/packages/core/src/widgets/text/TextPreview.tsx
+++ b/packages/core/src/widgets/text/TextPreview.tsx
@@ -2,12 +2,12 @@ import React from 'react';
 
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { StringOrTextField, WidgetPreviewProps } from '@staticcms/core/interface';
+import type { TextField, WidgetPreviewProps } from '@staticcms/core';
 import type { FC } from 'react';
 
 const classes = generateClassNames('WidgetTextPreview', ['root']);
 
-const TextPreview: FC<WidgetPreviewProps<string, StringOrTextField>> = ({ value }) => {
+const TextPreview: FC<WidgetPreviewProps<string, TextField>> = ({ value }) => {
   return <div className={classes.root}>{value}</div>;
 };
 
diff --git a/packages/core/src/widgets/text/__tests__/TextControl.spec.ts b/packages/core/src/widgets/text/__tests__/TextControl.spec.ts
index cf82d042..0b5dc5e9 100644
--- a/packages/core/src/widgets/text/__tests__/TextControl.spec.ts
+++ b/packages/core/src/widgets/text/__tests__/TextControl.spec.ts
@@ -3,7 +3,7 @@
  */
 import '@testing-library/jest-dom';
 import { act } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
+import { userEvent } from '@testing-library/user-event';
 
 import { mockTextField } from '@staticcms/test/data/fields.mock';
 import { createWidgetControlHarness } from '@staticcms/test/harnesses/widget.harness';
@@ -87,7 +87,7 @@ describe(TextControl.name, () => {
     expect(input).not.toHaveFocus();
 
     await act(async () => {
-      const field = getByTestId('field');
+      const field = getByTestId('field-Mock Widget');
       await userEvent.click(field);
     });
 
diff --git a/packages/core/src/widgets/text/index.ts b/packages/core/src/widgets/text/index.ts
index 664637ad..519f6896 100644
--- a/packages/core/src/widgets/text/index.ts
+++ b/packages/core/src/widgets/text/index.ts
@@ -2,9 +2,9 @@ import schema from './schema';
 import controlComponent from './TextControl';
 import previewComponent from './TextPreview';
 
-import type { StringOrTextField, WidgetParam } from '@staticcms/core/interface';
+import type { TextField, WidgetParam } from '@staticcms/core';
 
-const TextWidget = (): WidgetParam<string, StringOrTextField> => {
+const TextWidget = (): WidgetParam<string, TextField> => {
   return {
     name: 'text',
     controlComponent,
diff --git a/packages/core/src/widgets/uuid/UUIDControl.css b/packages/core/src/widgets/uuid/UUIDControl.css
index 5f623699..e5c20535 100644
--- a/packages/core/src/widgets/uuid/UUIDControl.css
+++ b/packages/core/src/widgets/uuid/UUIDControl.css
@@ -4,11 +4,6 @@
 .CMS_UUID_refresh-button {
 }
 
-.CMS_UUID_refresh-button-icon {
-  @apply w-5
-    h-5;
-}
-
 .CMS_UUID_input {
   @apply truncate;
 }
diff --git a/packages/core/src/widgets/uuid/UUIDControl.tsx b/packages/core/src/widgets/uuid/UUIDControl.tsx
index 8a36b575..752249ce 100644
--- a/packages/core/src/widgets/uuid/UUIDControl.tsx
+++ b/packages/core/src/widgets/uuid/UUIDControl.tsx
@@ -9,7 +9,7 @@ import classNames from '@staticcms/core/lib/util/classNames.util';
 import { isEmpty, isNotEmpty } from '@staticcms/core/lib/util/string.util';
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { UUIDField, WidgetControlProps } from '@staticcms/core/interface';
+import type { UUIDField, WidgetControlProps } from '@staticcms/core';
 import type { FC } from 'react';
 
 import './UUIDControl.css';
@@ -21,7 +21,6 @@ export const classes = generateClassNames('WidgetUUID', [
   'disabled',
   'for-single-list',
   'refresh-button',
-  'refresh-button-icon',
   'input',
 ]);
 
@@ -92,15 +91,14 @@ const UUIDControl: FC<WidgetControlProps<string, UUIDField>> = ({
       endAdornment={
         allowRegenerate ? (
           <IconButton
+            icon={RefreshIcon}
             data-testid="generate-new-uuid"
             title="Generate new UUID"
-            aria-label="generate new uuid"
             onClick={generateUUID}
             variant="text"
-            className={classes['refresh-button']}
-          >
-            <RefreshIcon className={classes['refresh-button-icon']} />
-          </IconButton>
+            rootClassName={classes['refresh-button']}
+            aria-label="generate new uuid"
+          />
         ) : null
       }
       rootClassName={classNames(
diff --git a/packages/core/src/widgets/uuid/UUIDPreview.tsx b/packages/core/src/widgets/uuid/UUIDPreview.tsx
index e14e5ae3..ac0af73c 100644
--- a/packages/core/src/widgets/uuid/UUIDPreview.tsx
+++ b/packages/core/src/widgets/uuid/UUIDPreview.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import { generateClassNames } from '@staticcms/core/lib/util/theming.util';
 
-import type { UUIDField, WidgetPreviewProps } from '@staticcms/core/interface';
+import type { UUIDField, WidgetPreviewProps } from '@staticcms/core';
 import type { FC } from 'react';
 
 const classes = generateClassNames('WidgetUUIDPreview', ['root']);
diff --git a/packages/core/src/widgets/uuid/__tests__/UUIDControl.spec.ts b/packages/core/src/widgets/uuid/__tests__/UUIDControl.spec.ts
index a04996c8..aa97bc05 100644
--- a/packages/core/src/widgets/uuid/__tests__/UUIDControl.spec.ts
+++ b/packages/core/src/widgets/uuid/__tests__/UUIDControl.spec.ts
@@ -3,7 +3,7 @@
  */
 import '@testing-library/jest-dom';
 import { act, waitFor } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
+import { userEvent } from '@testing-library/user-event';
 import { v4, validate } from 'uuid';
 
 import { mockUUIDField } from '@staticcms/test/data/fields.mock';
@@ -159,7 +159,7 @@ describe(UUIDControl.name, () => {
     expect(input).not.toHaveFocus();
 
     await act(async () => {
-      const field = getByTestId('field');
+      const field = getByTestId('field-Mock Widget');
       await userEvent.click(field);
     });
 
diff --git a/packages/core/src/widgets/uuid/index.ts b/packages/core/src/widgets/uuid/index.ts
index e328e149..731ca67c 100644
--- a/packages/core/src/widgets/uuid/index.ts
+++ b/packages/core/src/widgets/uuid/index.ts
@@ -2,7 +2,7 @@ import schema from './schema';
 import controlComponent from './UUIDControl';
 import previewComponent from './UUIDPreview';
 
-import type { UUIDField, WidgetParam } from '@staticcms/core/interface';
+import type { UUIDField, WidgetParam } from '@staticcms/core';
 
 const UUIDWidget = (): WidgetParam<string, UUIDField> => {
   return {
diff --git a/packages/core/test/data/collections.mock.ts b/packages/core/test/data/collections.mock.ts
index d6f7318d..4e7e7cc7 100644
--- a/packages/core/test/data/collections.mock.ts
+++ b/packages/core/test/data/collections.mock.ts
@@ -1,10 +1,20 @@
-/* eslint-disable import/prefer-default-export */
-import type { BaseField, Collection, Field } from '@staticcms/core/interface';
+import type {
+  BaseField,
+  Collection,
+  CollectionFile,
+  CollectionFileWithDefaults,
+  CollectionWithDefaults,
+  Field,
+  FilesCollection,
+  FilesCollectionWithDefaults,
+  FolderCollection,
+  FolderCollectionWithDefaults,
+} from '@staticcms/core';
 
-export const createMockCollection = <EF extends BaseField>(
+export const createMockFolderCollection = <EF extends BaseField>(
   extra: Partial<Collection<EF>> = {},
   ...fields: Field<EF>[]
-): Collection<EF> => ({
+): FolderCollection<EF> => ({
   name: 'mock_collection',
   label: 'Mock Collections',
   label_singular: 'Mock Collection',
@@ -29,3 +39,67 @@ export const createMockCollection = <EF extends BaseField>(
   ],
   ...extra,
 });
+
+export const createMockFolderCollectionWithDefaults = <EF extends BaseField>(
+  extra: Partial<CollectionWithDefaults<EF>> = {},
+  ...fields: Field<EF>[]
+): FolderCollectionWithDefaults<EF> => ({
+  ...createMockFolderCollection(extra, ...fields),
+  i18n: extra.i18n,
+});
+
+export const createMockCollectionFile = <EF extends BaseField>(
+  extra: Partial<CollectionFile<EF>> = {},
+  ...fields: Field<EF>[]
+): CollectionFile<EF> => ({
+  name: 'mock_collection',
+  label: 'Mock Collections',
+  label_singular: 'Mock Collection',
+  file: 'mock_collection.md',
+  description:
+    'The description is a great place for tone setting, high level information, and editing guidelines that are specific to a collection.\n',
+  fields: [
+    {
+      label: 'Title',
+      name: 'title',
+      widget: 'string',
+    },
+    ...fields,
+  ],
+  ...extra,
+});
+
+export const createMockCollectionFileWithDefaults = <EF extends BaseField>(
+  extra: Partial<CollectionFileWithDefaults<EF>> = {},
+  ...fields: Field<EF>[]
+): CollectionFileWithDefaults<EF> => ({
+  ...createMockCollectionFile(extra, ...fields),
+  i18n: extra.i18n,
+});
+
+export const createMockFilesCollection = <EF extends BaseField>(
+  extra: Omit<Partial<FilesCollection<EF>>, 'files'> & Pick<FilesCollection<EF>, 'files'>,
+): FilesCollection<EF> => ({
+  name: 'mock_collection',
+  label: 'Mock Collections',
+  label_singular: 'Mock Collection',
+  description:
+    'The description is a great place for tone setting, high level information, and editing guidelines that are specific to a collection.\n',
+  summary: '{{title}}',
+  sortable_fields: {
+    fields: ['title'],
+    default: {
+      field: 'title',
+    },
+  },
+  ...extra,
+});
+
+export const createMockFilesCollectionWithDefaults = <EF extends BaseField>(
+  extra: Omit<Partial<FilesCollectionWithDefaults<EF>>, 'files'> &
+    Pick<FilesCollectionWithDefaults<EF>, 'files'>,
+): FilesCollectionWithDefaults<EF> => ({
+  ...createMockFilesCollection(extra),
+  i18n: extra.i18n,
+  files: extra.files,
+});
diff --git a/packages/core/test/data/config.mock.ts b/packages/core/test/data/config.mock.ts
index 17e3f818..c13a0c78 100644
--- a/packages/core/test/data/config.mock.ts
+++ b/packages/core/test/data/config.mock.ts
@@ -1,11 +1,20 @@
 /* eslint-disable import/prefer-default-export */
 import { applyDefaults } from '@staticcms/core/actions/config';
 
-import type { BaseField, Config } from '@staticcms/core';
+import type { BaseField, Config, ConfigWithDefaults } from '@staticcms/core';
+
+export const createNoDefaultsMockConfig = <EF extends BaseField>(
+  options: Omit<Partial<Config<EF>>, 'collections'> & Pick<Config<EF>, 'collections'>,
+): Config<EF> => ({
+  backend: {
+    name: 'test-repo',
+  },
+  ...options,
+});
 
 export const createMockConfig = <EF extends BaseField>(
   options: Omit<Partial<Config<EF>>, 'collections'> & Pick<Config<EF>, 'collections'>,
-): Config<EF> =>
+): ConfigWithDefaults<EF> =>
   applyDefaults({
     backend: {
       name: 'test-repo',
diff --git a/packages/core/test/data/entry.mock.ts b/packages/core/test/data/entry.mock.ts
index 8bfc2fc3..e3d53d01 100644
--- a/packages/core/test/data/entry.mock.ts
+++ b/packages/core/test/data/entry.mock.ts
@@ -1,5 +1,6 @@
-/* eslint-disable import/prefer-default-export */
-import type { Entry } from '@staticcms/core';
+import { WorkflowStatus } from '@staticcms/core/constants/publishModes';
+
+import type { Entry, UnpublishedEntry } from '@staticcms/core';
 
 export const createMockEntry = (
   options: Omit<Partial<Entry>, 'data'> & Pick<Entry, 'data'>,
@@ -14,5 +15,38 @@ export const createMockEntry = (
   mediaFiles: [],
   author: 'Some Person',
   updatedOn: '20230-02-09T00:00:00.000Z',
+  openAuthoring: false,
+  ...options,
+});
+
+export const createMockExpandedEntry = (
+  options: Omit<Partial<Entry>, 'data'> & Pick<Entry, 'data'> & { field: string },
+): Entry & { field: string } => ({
+  collection: 'mock_collection',
+  slug: 'slug-value',
+  path: '/path/to/entry',
+  partial: false,
+  raw: JSON.stringify(options.data),
+  label: 'Entry',
+  isModification: false,
+  mediaFiles: [],
+  author: 'Some Person',
+  updatedOn: '20230-02-09T00:00:00.000Z',
+  openAuthoring: false,
+  ...options,
+});
+
+export const createMockUnpublishedEntry = (
+  options: Partial<UnpublishedEntry>,
+): UnpublishedEntry => ({
+  slug: 'unpublished-entry.md',
+  collection: 'posts',
+  status: WorkflowStatus.DRAFT,
+  diffs: [
+    { id: 'index.md', path: 'src/posts/index.md', newFile: false },
+    { id: 'netlify.png', path: 'netlify.png', newFile: true },
+  ],
+  updatedAt: '20230-02-09T00:00:00.000Z',
+  openAuthoring: false,
   ...options,
 });
diff --git a/packages/core/test/data/fields.mock.ts b/packages/core/test/data/fields.mock.ts
index ce21dcd6..ee6ea7f0 100644
--- a/packages/core/test/data/fields.mock.ts
+++ b/packages/core/test/data/fields.mock.ts
@@ -8,7 +8,8 @@ import type {
   NumberField,
   RelationField,
   SelectField,
-  StringOrTextField,
+  StringField,
+  TextField,
   UUIDField,
 } from '@staticcms/core';
 
@@ -66,7 +67,7 @@ export const mockMarkdownField: MarkdownField = {
   label: 'Body',
   name: 'body',
   widget: 'markdown',
-  hint: 'Main content goes here.',
+  hint: '*Main* __content__ __*goes*__ [here](https://example.com/).',
 };
 
 export const mockNumberField: NumberField = {
@@ -92,13 +93,13 @@ export const mockSelectField: SelectField = {
   options: ['Option 1', 'Option 2', 'Option 3'],
 };
 
-export const mockStringField: StringOrTextField = {
+export const mockStringField: StringField = {
   label: 'String',
   name: 'mock_string',
   widget: 'string',
 };
 
-export const mockTextField: StringOrTextField = {
+export const mockTextField: TextField = {
   label: 'Text',
   name: 'mock_text',
   widget: 'text',
diff --git a/packages/core/test/data/widgets.mock.ts b/packages/core/test/data/widgets.mock.ts
index fd6f42d9..5eb853a2 100644
--- a/packages/core/test/data/widgets.mock.ts
+++ b/packages/core/test/data/widgets.mock.ts
@@ -1,5 +1,6 @@
 /* eslint-disable import/prefer-default-export */
-import { createMockCollection } from './collections.mock';
+import { applyDefaults } from '@staticcms/core/actions/config';
+import { createMockFolderCollection } from './collections.mock';
 import { createMockConfig } from './config.mock';
 import { createMockEntry } from './entry.mock';
 
@@ -34,7 +35,7 @@ export const createMockWidgetControlProps = <T, F extends BaseField = UnknownFie
 
   const value = rawValue ?? null;
 
-  const collection = rawCollection ?? createMockCollection({}, options.field);
+  const collection = rawCollection ?? createMockFolderCollection({}, options.field);
   const config = rawConfig ?? createMockConfig({ collections: [collection] });
   const entry = rawEntry ?? createMockEntry({ data: { [options.field.name]: value } });
 
@@ -44,10 +45,12 @@ export const createMockWidgetControlProps = <T, F extends BaseField = UnknownFie
     rawFieldsErrors ?? (rawErrors ? { [`${path}.${options.field.name}`]: errors } : {});
   const hasErrors = Boolean(rawErrors && rawErrors.length > 0);
 
+  const configWithDefaults = applyDefaults(config);
+
   return {
     label: 'Mock Widget',
-    config,
-    collection,
+    config: configWithDefaults,
+    collection: configWithDefaults.collections[0],
     collectionFile: undefined,
     entry,
     value,
@@ -64,7 +67,6 @@ export const createMockWidgetControlProps = <T, F extends BaseField = UnknownFie
     i18n: undefined,
     duplicate: false,
     controlled: false,
-    theme: 'light',
     onChange: jest.fn(),
     clearChildValidation: jest.fn(),
     query: jest.fn(),
diff --git a/packages/core/test/harnesses/widget.harness.tsx b/packages/core/test/harnesses/widget.harness.tsx
index a6791e50..06284844 100644
--- a/packages/core/test/harnesses/widget.harness.tsx
+++ b/packages/core/test/harnesses/widget.harness.tsx
@@ -7,7 +7,7 @@ import { store } from '@staticcms/core/store';
 import { createMockWidgetControlProps } from '@staticcms/test/data/widgets.mock';
 import { renderWithProviders } from '@staticcms/test/test-utils';
 
-import type { BaseField, UnknownField, WidgetControlProps } from '@staticcms/core/interface';
+import type { BaseField, ObjectValue, UnknownField, WidgetControlProps } from '@staticcms/core';
 import type { FC } from 'react';
 
 export interface WidgetControlHarnessOptions {
@@ -15,16 +15,39 @@ export interface WidgetControlHarnessOptions {
   withMediaLibrary?: boolean;
 }
 
+export type WidgetControlHarnessParams<T, F extends BaseField = UnknownField> = Parameters<
+  typeof createMockWidgetControlProps<T, F>
+>[0];
+export type WidgetControlHarnessProps<T, F extends BaseField = UnknownField> = Omit<
+  WidgetControlHarnessParams<T, F>,
+  'field'
+> &
+  Pick<Partial<WidgetControlHarnessParams<T, F>>, 'field'>;
+
+export interface WidgetControlHarnessReturn<T, F extends BaseField = UnknownField>
+  extends Omit<ReturnType<typeof renderWithProviders>, 'rerender'> {
+  rerender: (rerenderProps?: Omit<WidgetControlHarnessProps<T, F>, 'field'> | undefined) => {
+    props: Omit<WidgetControlHarnessProps<T, F>, 'field'> | undefined;
+  };
+  store: typeof store;
+  props: WidgetControlProps<T, F, ObjectValue>;
+}
+
+export type WidgetControlHarness<T, F extends BaseField = UnknownField> = (
+  renderProps?: WidgetControlHarnessProps<T, F>,
+  renderOptions?: WidgetControlHarnessOptions,
+) => WidgetControlHarnessReturn<T, F>;
+
 export const createWidgetControlHarness = <T, F extends BaseField = UnknownField>(
   Component: FC<WidgetControlProps<T, F>>,
   defaults: Omit<Partial<WidgetControlProps<T, F>>, 'field'> &
     Pick<WidgetControlProps<T, F>, 'field'>,
   options?: WidgetControlHarnessOptions,
-) => {
-  type Params = Parameters<typeof createMockWidgetControlProps<T, F>>[0];
-  type Props = Omit<Params, 'field'> & Pick<Partial<Params>, 'field'>;
-
-  return (renderProps?: Props, renderOptions?: WidgetControlHarnessOptions) => {
+): WidgetControlHarness<T, F> => {
+  return (
+    renderProps?: WidgetControlHarnessProps<T, F>,
+    renderOptions?: WidgetControlHarnessOptions,
+  ) => {
     const { useFakeTimers = false, withMediaLibrary = false } = renderOptions ?? options ?? {};
     if (useFakeTimers) {
       jest.useFakeTimers({ now: new Date(2023, 1, 12, 10, 15, 35, 0) });
@@ -49,7 +72,7 @@ export const createWidgetControlHarness = <T, F extends BaseField = UnknownField
       });
     }
 
-    const rerender = (rerenderProps?: Omit<Props, 'field'>) => {
+    const rerender = (rerenderProps?: Omit<WidgetControlHarnessProps<T, F>, 'field'>) => {
       const finalRerenderProps = {
         ...props,
         ...rerenderProps,
diff --git a/packages/core/test/mockFetch.ts b/packages/core/test/mockFetch.ts
index 22edff1a..0bf2e02d 100644
--- a/packages/core/test/mockFetch.ts
+++ b/packages/core/test/mockFetch.ts
@@ -1,3 +1,5 @@
+import { isNotNullish } from '@staticcms/core/lib/util/null.util';
+
 export const createMockRequest = <T>(
   status: number,
   data: {
@@ -35,44 +37,87 @@ export const createMockRequest = <T>(
   } as Response;
 };
 
+export type FetchMethod = 'GET' | 'POST' | 'PUT' | 'HEAD';
+
+export type QueryCheckFunc = (query: URLSearchParams) => boolean;
+
+export interface RequestData {
+  query: string | true | QueryCheckFunc;
+  response: MockResponse<unknown> | MockResponseFunc<unknown>;
+  limit?: number;
+  used?: number;
+}
+
+export type ReplyFunc = <T>(response: MockResponse<T> | MockResponseFunc<T>) => void;
+export type RepeatFunc = (limit: number) => { reply: ReplyFunc };
+
 export interface MockFetch {
   baseUrl: string;
-  mocks: Record<string, Response>;
-  when: (url: string) => {
-    reply: <T>(
-      status: number,
-      data: {
-        json?: T;
-        text?: string;
-      },
-      options?: {
-        contentType?: string;
-        headers?: Record<string, string>;
-      },
-    ) => void;
+  mocks: Record<string, Partial<Record<FetchMethod, RequestData[]>>>;
+  when: (
+    method: FetchMethod,
+    url: string,
+  ) => {
+    query: (query: string | true | QueryCheckFunc) => { reply: ReplyFunc; repeat: RepeatFunc };
+    repeat: RepeatFunc;
+    reply: ReplyFunc;
   };
   reset: () => void;
 }
 
+export interface MockResponse<T> {
+  status: number;
+  json?: T;
+  text?: string;
+  contentType?: string;
+  headers?: Record<string, string>;
+}
+
+export type MockResponseFunc<T> = (url: string) => MockResponse<T> | Promise<MockResponse<T>>;
+
 const mockFetch = (baseUrl: string): MockFetch => {
   const mockedFetch: MockFetch = {
     baseUrl,
     mocks: {},
-    when(this: MockFetch, url: string) {
+    // eslint-disable-next-line object-shorthand
+    when: function (this: MockFetch, method: FetchMethod, url: string) {
+      const reply =
+        (query: string | true | QueryCheckFunc = '') =>
+        (limit?: number) =>
+        <T>(response: MockResponse<T> | MockResponseFunc<T>) => {
+          const fullUrl = `${baseUrl}${url}`;
+          if (!(fullUrl in this.mocks)) {
+            this.mocks[fullUrl] = {};
+          }
+
+          if (!(method in this.mocks[fullUrl])) {
+            this.mocks[fullUrl][method] = [];
+          }
+
+          this.mocks[fullUrl][method]?.push({
+            query,
+            response,
+            limit,
+          });
+        };
+
+      const repeat =
+        (query: string | true | QueryCheckFunc = '') =>
+        (limit: number) => {
+          return {
+            reply: reply(query)(limit),
+          };
+        };
+
       return {
-        reply: <T>(
-          status: number,
-          data: {
-            json?: T;
-            text?: string;
-          },
-          options?: {
-            contentType?: string;
-            headers?: Record<string, string>;
-          },
-        ) => {
-          this.mocks[`${baseUrl}${url}`] = createMockRequest(status, data, options);
+        query: (query: string | true | QueryCheckFunc) => {
+          return {
+            repeat: repeat(query),
+            reply: reply(query)(),
+          };
         },
+        repeat: repeat(),
+        reply: reply()(),
       };
     },
     reset(this: MockFetch) {
@@ -80,9 +125,66 @@ const mockFetch = (baseUrl: string): MockFetch => {
     },
   };
 
-  global.fetch = jest.fn().mockImplementation((url: string) => {
-    return Promise.resolve(mockedFetch.mocks[url.split('?')[0]]);
-  });
+  global.fetch = jest
+    .fn()
+    .mockImplementation(async (fullUrl: string, { method = 'GET' }: { method: FetchMethod }) => {
+      const [url, ...rest] = fullUrl.split('?');
+      const query = rest.length > 0 ? rest[0] : '';
+
+      const mockResponses = [...(mockedFetch.mocks[url]?.[method] ?? [])];
+      if (!mockResponses) {
+        return Promise.resolve(undefined);
+      }
+
+      for (let i = 0; i < mockResponses.length; i++) {
+        const mockResponse = mockResponses[i];
+
+        const limit = mockResponse.limit;
+        const used = mockResponse.used ?? 0;
+
+        if (isNotNullish(limit)) {
+          if (used >= limit) {
+            continue;
+          }
+        }
+
+        if (isNotNullish(mockResponse.query) && mockResponse.query !== true) {
+          if (typeof mockResponse.query === 'string') {
+            if (mockResponse.query !== query) {
+              continue;
+            }
+          } else if (!mockResponse.query(new URLSearchParams(query))) {
+            continue;
+          }
+        }
+
+        let responseData = mockResponse.response;
+        if (typeof responseData === 'function') {
+          responseData = await responseData(fullUrl);
+        }
+
+        const response = createMockRequest(
+          responseData.status,
+          {
+            json: responseData.json,
+            text: responseData.text,
+          },
+          {
+            contentType: responseData.contentType,
+            headers: responseData.headers,
+          },
+        );
+
+        mockedFetch.mocks[url][method]![i] = {
+          ...mockResponse,
+          used: used + 1,
+        };
+
+        return Promise.resolve(response);
+      }
+
+      return Promise.resolve(undefined);
+    });
 
   return mockedFetch;
 };
diff --git a/packages/core/test/setupEnv.js b/packages/core/test/setupEnv.js
index e46073ce..78eb7b17 100644
--- a/packages/core/test/setupEnv.js
+++ b/packages/core/test/setupEnv.js
@@ -10,7 +10,24 @@ if (typeof window === 'undefined') {
     navigator: {
       platform: 'Win',
     },
+    matchMedia: () => ({
+      matches: false,
+    }),
   };
 }
 
 global.URL.createObjectURL = jest.fn();
+
+Object.defineProperty(window, 'matchMedia', {
+  writable: true,
+  value: jest.fn().mockImplementation(query => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: jest.fn(), // Deprecated
+    removeListener: jest.fn(), // Deprecated
+    addEventListener: jest.fn(),
+    removeEventListener: jest.fn(),
+    dispatchEvent: jest.fn(),
+  })),
+});
diff --git a/packages/core/tsconfig.base.json b/packages/core/tsconfig.base.json
index 60ee1f5f..1307496c 100644
--- a/packages/core/tsconfig.base.json
+++ b/packages/core/tsconfig.base.json
@@ -55,6 +55,6 @@
       "@staticcms/core": ["./src"],
       "@staticcms/core/*": ["./src/*"]
     },
-    "types": ["@emotion/react/types/css-prop", "@types/jest", "@testing-library/jest-dom"]
+    "types": ["@types/jest", "@testing-library/jest-dom"]
   }
 }
diff --git a/packages/core/webpack.config.js b/packages/core/webpack.config.js
index 04fe174e..da0c328e 100644
--- a/packages/core/webpack.config.js
+++ b/packages/core/webpack.config.js
@@ -100,7 +100,6 @@ const config = {
     !isProduction && new ReactRefreshWebpackPlugin(),
     isProduction && new MiniCssExtractPlugin(),
     new webpack.IgnorePlugin({ resourceRegExp: /^esprima$/ }),
-    new webpack.IgnorePlugin({ resourceRegExp: /moment\/locale\// }),
     new webpack.ProvidePlugin({
       process: 'process/browser',
       Buffer: ['buffer', 'Buffer'],
diff --git a/packages/demo/.prettierignore b/packages/demo/.prettierignore
new file mode 100644
index 00000000..863642f5
--- /dev/null
+++ b/packages/demo/.prettierignore
@@ -0,0 +1,4 @@
+dist/
+bin/
+public/
+.cache/
diff --git a/packages/demo/.prettierrc b/packages/demo/.prettierrc
new file mode 100644
index 00000000..30e01f34
--- /dev/null
+++ b/packages/demo/.prettierrc
@@ -0,0 +1,6 @@
+{
+  "arrowParens": "avoid",
+  "trailingComma": "all",
+  "singleQuote": true,
+  "printWidth": 100
+}
diff --git a/packages/demo/index.html b/packages/demo/index.html
deleted file mode 100644
index fa39a51b..00000000
--- a/packages/demo/index.html
+++ /dev/null
@@ -1,317 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-
-    <title>Static CMS Demo</title>
-
-    <link rel="icon" type="image/png" href="/static-cms-icon.png" />
-
-    <script>
-      window.repoFiles = {
-        assets: {
-          uploads: {
-            "moby-dick.jpg": {
-              content: "",
-            },
-            "lobby.jpg": {
-              content: "",
-            },
-            "Other Pics": {
-              "moby-dick.jpg": {
-                content: "",
-              },
-              "lobby.jpg": {
-                content: "",
-              },
-            },
-          },
-        },
-        _posts: {
-          "2015-02-14-this-is-a-post.md": {
-            content:
-              "---\ntitle: This is a YAML front matter post\nimage: /assets/uploads/moby-dick.jpg\ndate: 2015-02-14T00:00:00.000Z\n---\n\n# I Am a Title in Markdown\n\nHello, world\n\n* One Thing\n* Another Thing\n* A Third Thing\n",
-          },
-          "2015-02-15-this-is-a-json-frontmatter-post.md": {
-            content:
-              '{\n"title": "This is a JSON front matter post",\n"image": "/assets/uploads/moby-dick.jpg",\n"date": "2015-02-15T00:00:00.000Z"\n}\n\n# I Am a Title in Markdown\n\nHello, world\n\n* One Thing\n* Another Thing\n* A Third Thing\n',
-          },
-          "2015-02-14-this-is-a-post-with-a-different-extension.other": {
-            content:
-              "---\ntitle: This post should not appear because the extension is different\nimage: /assets/uploads/moby-dick.jpg\ndate: 2015-02-14T00:00:00.000Z\n---\n\n# I Am a Title in Markdown\n\nHello, world\n\n* One Thing\n* Another Thing\n* A Third Thing\n",
-          },
-        },
-        _faqs: {
-          "what-is-static-cms.md": {
-            content:
-              "---\ntitle: What is Static CMS?\ndate: 2015-11-02T00:00.000Z\n---\n\n# Static CMS is Content Manager for Static Site Generators\n\nStatic sites are many times faster, cheaper and safer and traditional dynamic websites.\n\nModern static site generators like Jekyll, Middleman, Roots or Hugo are powerful publishing and development systems, but when we build sites for non-technical users, we need a layer on top of them.\n\nStatic CMS is there to let your marketing team push new content to your public site, or to let technical writers work on your documentation.\n\nStatic CMS integrates with Git and turns normal content editors into git committers.\n\n",
-          },
-          "what-is-jam-stack.md": {
-            content:
-              "---\ntitle: What is the “JAM Stack”?\ndate: 2015-11-02T00:00.000Z\n---\n\n# The JAM stack is a new way of building websites and apps that are fast, secure and simple to work with.\n\nJAM stands for JavaScript, APIs and Markup. It's the fastest growing new stack for building websites and apps: no more servers, host all your front-end on a CDN and use APIs for any moving parts.\n\n",
-          },
-          "cache-invalidation.md": {
-            content:
-              "---\ntitle: What about Cache Invalidation?\ndate: 2015-11-02T00:00.000Z\n---\n\n# Netlify handles cache invalidation automatically\n\nWhen your changes go live, they go live.\n\nNo waiting for cache purges, no cumbersome varnish setup, no API calls to clean your distribution. Netlify handles cache purges within an average of 250ms from your deploy!\n\n",
-          },
-          "continuous-deployment.md": {
-            content:
-              "---\ntitle: Does Netlify support Continuous Deployment?\ndate: 2015-11-02T00:00.000Z\n---\n\n# Yes, Netlify let you Integrate your site or web-app to GitHub, GitLab or BitBucket and run your build tool on our servers.\n\nAutomatically rebuild your site every time your content changes: trigger builds by pushing to git or via webhooks.\n\n",
-          },
-        },
-        _data: {
-          "settings.json": {
-            content: '{"site_title": "CMS Demo"}',
-          },
-          "authors.yml": {
-            content:
-              "authors:\n  - name: Mathias\n    description: Co-founder @ Netlify\n  - name: Chris\n    description: Co-founder @ Netlify\n",
-          },
-        },
-        _widgets: {
-          "boolean.json": {
-            content: "{}",
-          },
-          "code.json": {
-            content: "{}",
-          },
-          "color.json": {
-            content: "{}",
-          },
-          "datetime.json": {
-            content: "{}",
-          },
-          "file.json": {
-            content: "{}",
-          },
-          "image.json": {
-            content: `{}`,
-          },
-          "map.json": {
-            content: "{}",
-          },
-          "markdown.json": {
-            content: "{}",
-          },
-          "number.json": {
-            content: "{}",
-          },
-          "object.json": {
-            content: "{}",
-          },
-          "relation.json": {
-            content: "{}",
-          },
-          "select.json": {
-            content: "{}",
-          },
-          "string.json": {
-            content: "{}",
-          },
-          "text.json": {
-            content: "{}",
-          },
-        },
-        _sink: {
-          "a-big-entry-with-all-the-things.md": {
-            content:
-              "---\ntitle: CHAPTER 1. Loomings.\nboolean: true\ntext: >-\n  Call me Ishmael. Some years ago—never mind how long precisely—having little or\n  no money in my purse, and nothing particular to interest me on shore, I\n  thought I would sail about a little and see the watery part of the world. It\n  is a way I have of driving off the spleen and regulating the circulation.\n  Whenever I find myself growing grim about the mouth; whenever it is a damp,\n  drizzly November in my soul; whenever I find myself involuntarily pausing\n  before coffin warehouses, and bringing up the rear of every funeral I meet;\n  and especially whenever my hypos get such an upper hand of me, that it\n  requires a strong moral principle to prevent me from deliberately stepping\n  into the street, and methodically knocking people’s hats off—then, I account\n  it high time to get to sea as soon as I can. This is my substitute for pistol\n  and ball. With a philosophical flourish Cato throws himself upon his sword; I\n  quietly take to the ship. There is nothing surprising in this. If they but\n  knew it, almost all men in their degree, some time or other, cherish very\n  nearly the same feelings towards the ocean with me.\nnumber: '111111'\nmarkdown: \"# Call me Ishmael. Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation. Whenever I find myself growing grim about the mouth; whenever it is a damp, drizzly November in my soul; whenever I find myself involuntarily pausing before coffin warehouses, and bringing up the rear of every funeral I meet; and especially whenever my hypos get such an upper hand of me, that it requires a strong moral principle to prevent me from deliberately stepping into the street, and methodically knocking people’s hats off—then, I account it high time to get to sea as soon as I can. This is my substitute for pistol and ball. With a philosophical flourish Cato throws himself upon his sword; I quietly take to the ship. There is nothing surprising in this. If they but knew it, almost all men in their degree, some time or other, cherish very nearly the same feelings towards the ocean with me.\\n\\n## There now is your insular city of the Manhattoes, belted round by wharves as Indian isles by coral reefs—commerce surrounds it with her surf. Right and left, the streets take you waterward. Its extreme downtown is the battery, where that noble mole is washed by waves, and cooled by breezes, which a few hours previous were out of sight of land. Look at the crowds of water-gazers there.\\n\\n**Circumambulate the city of a dreamy Sabbath afternoon. Go from Corlears Hook to Coenties Slip, and from thence, by Whitehall, northward. What do you see?—Posted like silent sentinels all around the town, stand thousands upon thousands of mortal men fixed in ocean reveries. Some leaning against the spiles; some seated upon the pier-heads; some looking over the bulwarks of ships from China; some high aloft in the rigging, as if striving to get a still better seaward peep. But these are all landsmen; of week days pent up in lath and plaster—tied to counters, nailed to benches, clinched to desks. How then is this? Are the green fields gone? What do they here?**\\n\\n*But look! here come more crowds, pacing straight for the water, and seemingly bound for a dive. Strange! Nothing will content them but the extremest limit of the land; loitering under the shady lee of yonder warehouses will not suffice. No. They must get just as nigh the water as they possibly can without falling in. And there they stand—miles of them—leagues. Inlanders all, they come from lanes and alleys, streets and avenues—north, east, south, and west. Yet here they all unite. Tell me, does the magnetic virtue of the needles of the compasses of all those ships attract them thither?*\\n\\n[Once more. Say you are in the country; in some high land of lakes. Take almost any path you please, and ten to one it carries you down in a dale, and leaves you there by a pool in the stream. There is magic in it. Let the most absent-minded of men be plunged in his deepest reveries—stand that man on his legs, set his feet a-going, and he will infallibly lead you to water, if water there be in all that region. Should you ever be athirst in the great American desert, try this experiment, if your caravan happen to be supplied with a metaphysical professor. Yes, as every one knows, meditation and water are wedded for ever.](https://staticcms.org)\\n\\n![moby dick](/assets/uploads/moby-dick.jpg)\\n\\n{{< youtube lZ6NEHDgk58 >}}\\n\\nBut here is an artist. He desires to paint you the dreamiest, shadiest, quietest, most enchanting bit of romantic landscape in all the valley of the Saco. What is the chief element he employs? There stand his trees, each with a hollow trunk, as if a hermit and a crucifix were within; and here sleeps his meadow, and there sleep his cattle; and up from yonder cottage goes a sleepy smoke. Deep into distant woodlands winds a mazy way, reaching to overlapping spurs of mountains bathed in their hill-side blue. But though the picture lies thus tranced, and though this pine-tree shakes down its sighs like leaves upon this shepherd’s head, yet all were vain, unless the shepherd’s eye were fixed upon the magic stream before him. Go visit the Prairies in June, when for scores on scores of miles you wade knee-deep among Tiger-lilies—what is the one charm wanting?—Water—there is not a drop of water there! Were Niagara but a cataract of sand, would you travel your thousand miles to see it? Why did the poor poet of Tennessee, upon suddenly receiving two handfuls of silver, deliberate whether to buy him a coat, which he sadly needed, or invest his money in a pedestrian trip to Rockaway Beach? Why is almost every robust healthy boy with a robust healthy soul in him, at some time or other crazy to go to sea? Why upon your first voyage as a passenger, did you yourself feel such a mystical vibration, when first told that you and your ship were now out of sight of land? Why did the old Persians hold the sea holy? Why did the Greeks give it a separate deity, and own brother of Jove? Surely all this is not without meaning. And still deeper the meaning of that story of Narcissus, who because he could not grasp the tormenting, mild image he saw in the fountain, plunged into it and was drowned. But that same image, we ourselves see in all rivers and oceans. It is the image of the ungraspable phantom of life; and this is the key to it all.\\n\\nNow, when I say that I am in the habit of going to sea whenever I begin to grow hazy about the eyes, and begin to be over conscious of my lungs, I do not mean to have it inferred that I ever go to sea as a passenger. For to go as a passenger you must needs have a purse, and a purse is but a rag unless you have something in it. Besides, passengers get sea-sick—grow quarrelsome—don’t sleep of nights—do not enjoy themselves much, as a general thing;—no, I never go as a passenger; nor, though I am something of a salt, do I ever go to sea as a Commodore, or a Captain, or a Cook. I abandon the glory and distinction of such offices to those who like them. For my part, I abominate all honourable respectable toils, trials, and tribulations of every kind whatsoever. It is quite as much as I can do to take care of myself, without taking care of ships, barques, brigs, schooners, and what not. And as for going as cook,—though I confess there is considerable glory in that, a cook being a sort of officer on ship-board—yet, somehow, I never fancied broiling fowls;—though once broiled, judiciously buttered, and judgmatically salted and peppered, there is no one who will speak more respectfully, not to say reverentially, of a broiled fowl than I will. It is out of the idolatrous dotings of the old Egyptians upon broiled ibis and roasted river horse, that you see the mummies of those creatures in their huge bake-houses the pyramids.\\n\\nNo, when I go to sea, I go as a simple sailor, right before the mast, plumb down into the forecastle, aloft there to the royal mast-head. True, they rather order me about some, and make me jump from spar to spar, like a grasshopper in a May meadow. And at first, this sort of thing is unpleasant enough. It touches one’s sense of honour, particularly if you come of an old established family in the land, the Van Rensselaers, or Randolphs, or Hardicanutes. And more than all, if just previous to putting your hand into the tar-pot, you have been lording it as a country schoolmaster, making the tallest boys stand in awe of you. The transition is a keen one, I assure you, from a schoolmaster to a sailor, and requires a strong decoction of Seneca and the Stoics to enable you to grin and bear it. But even this wears off in time.\\n\\nWhat of it, if some old hunks of a sea-captain orders me to get a broom and sweep down the decks? What does that indignity amount to, weighed, I mean, in the scales of the New Testament? Do you think the archangel Gabriel thinks anything the less of me, because I promptly and respectfully obey that old hunks in that particular instance? Who ain’t a slave? Tell me that. Well, then, however the old sea-captains may order me about—however they may thump and punch me about, I have the satisfaction of knowing that it is all right; that everybody else is one way or other served in much the same way—either in a physical or metaphysical point of view, that is; and so the universal thump is passed round, and all hands should rub each other’s shoulder-blades, and be content.\\n\\nAgain, I always go to sea as a sailor, because they make a point of paying me for my trouble, whereas they never pay passengers a single penny that I ever heard of. On the contrary, passengers themselves must pay. And there is all the difference in the world between paying and being paid. The act of paying is perhaps the most uncomfortable infliction that the two orchard thieves entailed upon us. But\_*being paid*,—what will compare with it? The urbane activity with which a man receives money is really marvellous, considering that we so earnestly believe money to be the root of all earthly ills, and that on no account can a monied man enter heaven. Ah! how cheerfully we consign ourselves to perdition!\\n\\nFinally, I always go to sea as a sailor, because of the wholesome exercise and pure air of the fore-castle deck. For as in this world, head winds are far more prevalent than winds from astern (that is, if you never violate the Pythagorean maxim), so for the most part the Commodore on the quarter-deck gets his atmosphere at second hand from the sailors on the forecastle. He thinks he breathes it first; but not so. In much the same way do the commonalty lead their leaders in many other things, at the same time that the leaders little suspect it. But wherefore it was that after having repeatedly smelt the sea as a merchant sailor, I should now take it into my head to go on a whaling voyage; this the invisible police officer of the Fates, who has the constant surveillance of me, and secretly dogs me, and influences me in some unaccountable way—he can better answer than any one else. And, doubtless, my going on this whaling voyage, formed part of the grand programme of Providence that was drawn up a long time ago. It came in as a sort of brief interlude and solo between more extensive performances. I take it that this part of the bill must have run something like this:\\n\\n“*Grand Contested Election for the Presidency of the United States.*\_“WHALING VOYAGE BY ONE ISHMAEL. “BLOODY BATTLE IN AFFGHANISTAN.”\\n\\nThough I cannot tell why it was exactly that those stage managers, the Fates, put me down for this shabby part of a whaling voyage, when others were set down for magnificent parts in high tragedies, and short and easy parts in genteel comedies, and jolly parts in farces—though I cannot tell why this was exactly; yet, now that I recall all the circumstances, I think I can see a little into the springs and motives which being cunningly presented to me under various disguises, induced me to set about performing the part I did, besides cajoling me into the delusion that it was a choice resulting from my own unbiased freewill and discriminating judgment.\\n\\nChief among these motives was the overwhelming idea of the great whale himself. Such a portentous and mysterious monster roused all my curiosity. Then the wild and distant seas where he rolled his island bulk; the undeliverable, nameless perils of the whale; these, with all the attending marvels of a thousand Patagonian sights and sounds, helped to sway me to my wish. With other men, perhaps, such things would not have been inducements; but as for me, I am tormented with an everlasting itch for things remote. I love to sail forbidden seas, and land on barbarous coasts. Not ignoring what is good, I am quick to perceive a horror, and could still be social with it—would they let me—since it is but well to be on friendly terms with all the inmates of the place one lodges in.\\n\\nBy reason of these things, then, the whaling voyage was welcome; the great flood-gates of the wonder-world swung open, and in the wild conceits that swayed me to my purpose, two and two there floated into my inmost soul, endless processions of the whale, and, mid most of them all, one grand hooded phantom, like a snow hill in the air.\"\ndatetime: 2017-06-07T18:55:28.110Z\ndate: 2017-06-07T18:55:28.111Z\nimage: /assets/uploads/moby-dick.jpg\nfile: /assets/uploads/moby-dick.jpg\nselect: b\npost: 'This is a front matter post'\nobject:\n  boolean: true\n  text: >-\n    I stuffed a shirt or two into my old carpet-bag, tucked it under my arm, and\n    started for Cape Horn and the Pacific. Quitting the good city of old\n    Manhatto, I duly arrived in New Bedford. It was a Saturday night in\n    December. Much was I disappointed upon learning that the little packet for\n    Nantucket had already sailed, and that no way of reaching that place would\n    offer, till the following Monday.\n  number: '222222'\n  markdown: >-\n    # I stuffed a shirt or two into my old carpet-bag, tucked it under my arm,\n    and started for Cape Horn and the Pacific. Quitting the good city of old\n    Manhatto, I duly arrived in New Bedford. It was a Saturday night in\n    December. Much was I disappointed upon learning that the little packet for\n    Nantucket had already sailed, and that no way of reaching that place would\n    offer, till the following Monday.\n\n\n    ## As most young candidates for the pains and penalties of whaling stop at\n    this same New Bedford, thence to embark on their voyage, it may as well be\n    related that I, for one, had no idea of so doing. For my mind was made up to\n    sail in no other than a Nantucket craft, because there was a fine,\n    boisterous something about everything connected with that famous old island,\n    which amazingly pleased me. Besides though New Bedford has of late been\n    gradually monopolising the business of whaling, and though in this matter\n    poor old Nantucket is now much behind her, yet Nantucket was her great\n    original—the Tyre of this Carthage;—the place where the first dead American\n    whale was stranded. Where else but from Nantucket did those aboriginal\n    whalemen, the Red-Men, first sally out in canoes to give chase to the\n    Leviathan? And where but from Nantucket, too, did that first adventurous\n    little sloop put forth, partly laden with imported cobblestones—so goes the\n    story—to throw at the whales, in order to discover when they were nigh\n    enough to risk a harpoon from the bowsprit?\n\n\n    **Now having a night, a day, and still another night following before me in\n    New Bedford, ere I could embark for my destined port, it became a matter of\n    concernment where I was to eat and sleep meanwhile. It was a very\n    dubious-looking, nay, a very dark and dismal night, bitingly cold and\n    cheerless. I knew no one in the place. With anxious grapnels I had sounded\n    my pocket, and only brought up a few pieces of silver,—So, wherever you go,\n    Ishmael, said I to myself, as I stood in the middle of a dreary street\n    shouldering my bag, and comparing the gloom towards the north with the\n    darkness towards the south—wherever in your wisdom you may conclude to lodge\n    for the night, my dear Ishmael, be sure to inquire the price, and don’t be\n    too particular.**\n\n\n    *With halting steps I paced the streets, and passed the sign of “The Crossed\n    Harpoons”—but it looked too expensive and jolly there. Further on, from the\n    bright red windows of the “Sword-Fish Inn,” there came such fervent rays,\n    that it seemed to have melted the packed snow and ice from before the house,\n    for everywhere else the congealed frost lay ten inches thick in a hard,\n    asphaltic pavement,—rather weary for me, when I struck my foot against the\n    flinty projections, because from hard, remorseless service the soles of my\n    boots were in a most miserable plight. Too expensive and jolly, again\n    thought I, pausing one moment to watch the broad glare in the street, and\n    hear the sounds of the tinkling glasses within. But go on, Ishmael, said I\n    at last; don’t you hear? get away from before the door; your patched boots\n    are stopping the way. So on I went. I now by instinct followed the streets\n    that took me waterward, for there, doubtless, were the cheapest, if not the\n    cheeriest inns.*\n\n\n    [Such dreary streets! blocks of blackness, not houses, on either hand, and\n    here and there a candle, like a candle moving about in a tomb. At this hour\n    of the night, of the last day of the week, that quarter of the town proved\n    all but deserted. But presently I came to a smoky light proceeding from a\n    low, wide building, the door of which stood invitingly open. It had a\n    careless look, as if it were meant for the uses of the public; so, entering,\n    the first thing I did was to stumble over an ash-box in the porch. Ha!\n    thought I, ha, as the flying particles almost choked me, are these ashes\n    from that destroyed city, Gomorrah? But “The Crossed Harpoons,” and “The\n    Sword-Fish?”—this, then must needs be the sign of “The Trap.” However, I\n    picked myself up and hearing a loud voice within, pushed on and opened a\n    second, interior door.](https://staticcms.org)\n\n\n    ![moby dick](/assets/uploads/moby-dick.jpg)\n\n\n    {{< youtube lZ6NEHDgk58 >}}\n\n\n    It seemed the great Black Parliament sitting in Tophet. A hundred black\n    faces turned round in their rows to peer; and beyond, a black Angel of Doom\n    was beating a book in a pulpit. It was a negro church; and the preacher’s\n    text was about the blackness of darkness, and the weeping and wailing and\n    teeth-gnashing there. Ha, Ishmael, muttered I, backing out, Wretched\n    entertainment at the sign of ‘The Trap!’\n\n\n    Moving on, I at last came to a dim sort of light not far from the docks, and\n    heard a forlorn creaking in the air; and looking up, saw a swinging sign\n    over the door with a white painting upon it, faintly representing a tall\n    straight jet of misty spray, and these words underneath—“The Spouter\n    Inn:—Peter Coffin.”\n\n\n    Coffin?—Spouter?—Rather ominous in that particular connexion, thought I. But\n    it is a common name in Nantucket, they say, and I suppose this Peter here is\n    an emigrant from there. As the light looked so dim, and the place, for the\n    time, looked quiet enough, and the dilapidated little wooden house itself\n    looked as if it might have been carted here from the ruins of some burnt\n    district, and as the swinging sign had a poverty-stricken sort of creak to\n    it, I thought that here was the very spot for cheap lodgings, and the best\n    of pea coffee.\n\n\n    It was a queer sort of place—a gable-ended old house, one side palsied as it\n    were, and leaning over sadly. It stood on a sharp bleak corner, where that\n    tempestuous wind Euroclydon kept up a worse howling than ever it did about\n    poor Paul’s tossed craft. Euroclydon, nevertheless, is a mighty pleasant\n    zephyr to any one in-doors, with his feet on the hob quietly toasting for\n    bed. “In judging of that tempestuous wind called Euroclydon,” says an old\n    writer—of whose works I possess the only copy extant—“it maketh a marvellous\n    difference, whether thou lookest out at it from a glass window where the\n    frost is all on the outside, or whether thou observest it from that sashless\n    window, where the frost is on both sides, and of which the wight Death is\n    the only glazier.” True enough, thought I, as this passage occurred to my\n    mind—old black-letter, thou reasonest well. Yes, these eyes are windows, and\n    this body of mine is the house. What a pity they didn’t stop up the chinks\n    and the crannies though, and thrust in a little lint here and there. But\n    it’s too late to make any improvements now. The universe is finished; the\n    copestone is on, and the chips were carted off a million years ago. Poor\n    Lazarus there, chattering his teeth against the curbstone for his pillow,\n    and shaking off his tatters with his shiverings, he might plug up both ears\n    with rags, and put a corn-cob into his mouth, and yet that would not keep\n    out the tempestuous Euroclydon. Euroclydon! says old Dives, in his red\n    silken wrapper—(he had a redder one afterwards) pooh, pooh! What a fine\n    frosty night; how Orion glitters; what northern lights! Let them talk of\n    their oriental summer climes of everlasting conservatories; give me the\n    privilege of making my own summer with my own coals.\n\n\n    But what thinks Lazarus? Can he warm his blue hands by holding them up to\n    the grand northern lights? Would not Lazarus rather be in Sumatra than here?\n    Would he not far rather lay him down lengthwise along the line of the\n    equator; yea, ye gods! go down to the fiery pit itself, in order to keep out\n    this frost?\n\n\n    Now, that Lazarus should lie stranded there on the curbstone before the door\n    of Dives, this is more wonderful than that an iceberg should be moored to\n    one of the Moluccas. Yet Dives himself, he too lives like a Czar in an ice\n    palace made of frozen sighs, and being a president of a temperance society,\n    he only drinks the tepid tears of orphans.\n\n\n    But no more of this blubbering now, we are going a-whaling, and there is\n    plenty of that yet to come. Let us scrape the ice from our frosted feet, and\n    see what sort of a place this “Spouter” may be.\n  datetime: 2017-06-07T19:05:43.816Z\n  date: 2017-06-07T18:55:28.115Z\n  image: /assets/uploads/moby-dick.jpg\n  file: /assets/uploads/moby-dick.jpg\n  select: b\n  string: CHAPTER 2. The Carpet-Bag.\nlist:\n  - text: >-\n      Entering that gable-ended Spouter-Inn, you found yourself in a wide, low,\n      straggling entry with old-fashioned wainscots, reminding one of the\n      bulwarks of some condemned old craft. On one side hung a very large\n      oilpainting so thoroughly besmoked, and every way defaced, that in the\n      unequal crosslights by which you viewed it, it was only by diligent study\n      and a series of systematic visits to it, and careful inquiry of the\n      neighbors, that you could any way arrive at an understanding of its\n      purpose. Such unaccountable masses of shades and shadows, that at first\n      you almost thought some ambitious young artist, in the time of the New\n      England hags, had endeavored to delineate chaos bewitched. But by dint of\n      much and earnest contemplation, and oft repeated ponderings, and\n      especially by throwing open the little window towards the back of the\n      entry, you at last come to the conclusion that such an idea, however wild,\n      might not be altogether unwarranted.\n    number: '333333'\n    markdown: \"# Entering that gable-ended Spouter-Inn, you found yourself in a wide, low, straggling entry with old-fashioned wainscots, reminding one of the bulwarks of some condemned old craft. On one side hung a very large oilpainting so thoroughly besmoked, and every way defaced, that in the unequal crosslights by which you viewed it, it was only by diligent study and a series of systematic visits to it, and careful inquiry of the neighbors, that you could any way arrive at an understanding of its purpose. Such unaccountable masses of shades and shadows, that at first you almost thought some ambitious young artist, in the time of the New England hags, had endeavored to delineate chaos bewitched. But by dint of much and earnest contemplation, and oft repeated ponderings, and especially by throwing open the little window towards the back of the entry, you at last come to the conclusion that such an idea, however wild, might not be altogether unwarranted.\n\n      # But what most puzzled and confounded you was a long, limber, portentous, black mass of something hovering in the centre of the picture over three blue, dim, perpendicular lines floating in a nameless yeast. A boggy, soggy, squitchy picture truly, enough to drive a nervous man distracted. Yet was there a sort of indefinite, half-attained, unimaginable sublimity about it that fairly froze you to it, till you involuntarily took an oath with yourself to find out what that marvellous painting meant. Ever and anon a bright, but, alas, deceptive idea would dart you through.—It’s the Black Sea in a midnight gale.—It’s the unnatural combat of the four primal elements.—It’s a blasted heath.—It’s a Hyperborean winter scene.—It’s the breaking-up of the icebound stream of Time. But at last all these fancies yielded to that one portentous something in the picture’s midst.\_*That*\_once found out, and all the rest were plain. But stop; does it not bear a faint resemblance to a gigantic fish? even the great leviathan himself?\n\n      ## In fact, the artist’s design seemed this: a final theory of my own, partly based upon the aggregated opinions of many aged persons with whom I conversed upon the subject. The picture represents a Cape-Horner in a great hurricane; the half-foundered ship weltering there with its three dismantled masts alone visible; and an exasperated whale, purposing to spring clean over the craft, is in the enormous act of impaling himself upon the three mast-heads.\n\n      ## The opposite wall of this entry was hung all over with a heathenish array of monstrous clubs and spears. Some were thickly set with glittering teeth resembling ivory saws; others were tufted with knots of human hair; and one was sickle-shaped, with a vast handle sweeping round like the segment made in the new-mown grass by a long-armed mower. You shuddered as you gazed, and wondered what monstrous cannibal and savage could ever have gone a death-harvesting with such a hacking, horrifying implement. Mixed with these were rusty old whaling lances and harpoons all broken and deformed. Some were storied weapons. With this once long lance, now wildly elbowed, fifty years ago did Nathan Swain kill fifteen whales between a sunrise and a sunset. And that harpoon—so like a corkscrew now—was flung in Javan seas, and run away with by a whale, years afterwards slain off the Cape of Blanco. The original iron entered nigh the tail, and, like a restless needle sojourning in the body of a man, travelled full forty feet, and at last was found imbedded in the hump.\n\n      Crossing this dusky entry, and on through yon low-arched way—cut through what in old times must have been a great central chimney with fireplaces all round—you enter the public room. A still duskier place is this, with such low ponderous beams above, and such old wrinkled planks beneath, that you would almost fancy you trod some old craft’s cockpits, especially of such a howling night, when this corner-anchored old ark rocked so furiously. On one side stood a long, low, shelf-like table covered with cracked glass cases, filled with dusty rarities gathered from this wide world’s remotest nooks. Projecting from the further angle of the room stands a dark-looking den—the bar—a rude attempt at a right whale’s head. Be that how it may, there stands the vast arched bone of the whale’s jaw, so wide, a coach might almost drive beneath it. Within are shabby shelves, ranged round with old decanters, bottles, flasks; and in those jaws of swift destruction, like another cursed Jonah (by which name indeed they called him), bustles a little withered old man, who, for their money, dearly sells the sailors deliriums and death.\n\n      Abominable are the tumblers into which he pours his poison. Though true cylinders without—within, the villanous green goggling glasses deceitfully tapered downwards to a cheating bottom. Parallel meridians rudely pecked into the glass, surround these footpads’ goblets. Fill to\_*this*\_mark, and your charge is but a penny; to\_*this*\_a penny more; and so on to the full glass—the Cape Horn measure, which you may gulp down for a shilling.\n\n      Upon entering the place I found a number of young seamen gathered about a table, examining by a dim light divers specimens of\_*skrimshander*. I sought the landlord, and telling him I desired to be accommodated with a room, received for answer that his house was full—not a bed unoccupied. “But avast,” he added, tapping his forehead, “you haint no objections to sharing a harpooneer’s blanket, have ye? I s’pose you are goin’ a-whalin’, so you’d better get used to that sort of thing.”\n\n      I told him that I never liked to sleep two in a bed; that if I should ever do so, it would depend upon who the harpooneer might be, and that if he (the landlord) really had no other place for me, and the harpooneer was not decidedly objectionable, why rather than wander further about a strange town on so bitter a night, I would put up with the half of any decent man’s blanket.\n\n      “I thought so. All right; take a seat. Supper?—you want supper? Supper’ll be ready directly.”\n\n      I sat down on an old wooden settle, carved all over like a bench on the Battery. At one end a ruminating tar was still further adorning it with his jack-knife, stooping over and diligently working away at the space between his legs. He was trying his hand at a ship under full sail, but he didn’t make much headway, I thought.\n\n      At last some four or five of us were summoned to our meal in an adjoining room. It was cold as Iceland—no fire at all—the landlord said he couldn’t afford it. Nothing but two dismal tallow candles, each in a winding sheet. We were fain to button up our monkey jackets, and hold to our lips cups of scalding tea with our half frozen fingers. But the fare was of the most substantial kind—not only meat and potatoes, but dumplings; good heavens! dumplings for supper! One young fellow in a green box coat, addressed himself to these dumplings in a most direful manner.\n\n      “My boy,” said the landlord, “you’ll have the nightmare to a dead sartainty.”\n\n      “Landlord,” I whispered, “that aint the harpooneer is it?”\n\n      “Oh, no,” said he, looking a sort of diabolically funny, “the harpooneer is a dark complexioned chap. He never eats dumplings, he don’t—he eats nothing but steaks, and he likes ‘em rare.”\n\n      “The devil he does,” says I. “Where is that harpooneer? Is he here?”\n\n      “He’ll be here afore long,” was the answer.\n\n      I could not help it, but I began to feel suspicious of this “dark complexioned” harpooneer. At any rate, I made up my mind that if it so turned out that we should sleep together, he must undress and get into bed before I did.\n\n      Supper over, the company went back to the bar-room, when, knowing not what else to do with myself, I resolved to spend the rest of the evening as a looker on.\n\n      Presently a rioting noise was heard without. Starting up, the landlord cried, “That’s the Grampus’s crew. I seed her reported in the offing this morning; a three years’ voyage, and a full ship. Hurrah, boys; now we’ll have the latest news from the Feegees.”\n\n      A tramping of sea boots was heard in the entry; the door was flung open, and in rolled a wild set of mariners enough. Enveloped in their shaggy watch coats, and with their heads muffled in woollen comforters, all bedarned and ragged, and their beards stiff with icicles, they seemed an eruption of bears from Labrador. They had just landed from their boat, and this was the first house they entered. No wonder, then, that they made a straight wake for the whale’s mouth—the bar—when the wrinkled little old Jonah, there officiating, soon poured them out brimmers all round. One complained of a bad cold in his head, upon which Jonah mixed him a pitch-like potion of gin and molasses, which he swore was a sovereign cure for all colds and catarrhs whatsoever, never mind of how long standing, or whether caught off the coast of Labrador, or on the weather side of an ice-island.\n\n      The liquor soon mounted into their heads, as it generally does even with the arrantest topers newly landed from sea, and they began capering about most obstreperously.\n\n      I observed, however, that one of them held somewhat aloof, and though he seemed desirous not to spoil the hilarity of his shipmates by his own sober face, yet upon the whole he refrained from making as much noise as the rest. This man interested me at once; and since the sea-gods had ordained that he should soon become my shipmate (though but a sleeping-partner one, so far as this narrative is concerned), I will here venture upon a little description of him. He stood full six feet in height, with noble shoulders, and a chest like a coffer-dam. I have seldom seen such brawn in a man. His face was deeply brown and burnt, making his white teeth dazzling by the contrast; while in the deep shadows of his eyes floated some reminiscences that did not seem to give him much joy. His voice at once announced that he was a Southerner, and from his fine stature, I thought he must be one of those tall mountaineers from the Alleghanian Ridge in Virginia. When the revelry of his companions had mounted to its height, this man slipped away unobserved, and I saw no more of him till he became my comrade on the sea. In a few minutes, however, he was missed by his shipmates, and being, it seems, for some reason a huge favourite with them, they raised a cry of “Bulkington! Bulkington! where’s Bulkington?” and darted out of the house in pursuit of him.\n\n      It was now about nine o’clock, and the room seeming almost supernaturally quiet after these orgies, I began to congratulate myself upon a little plan that had occurred to me just previous to the entrance of the seamen.\n\n      No man prefers to sleep two in a bed. In fact, you would a good deal rather not sleep with your own brother. I don’t know how it is, but people like to be private when they are sleeping. And when it comes to sleeping with an unknown stranger, in a strange inn, in a strange town, and that stranger a harpooneer, then your objections indefinitely multiply. Nor was there any earthly reason why I as a sailor should sleep two in a bed, more than anybody else; for sailors no more sleep two in a bed at sea, than bachelor Kings do ashore. To be sure they all sleep together in one apartment, but you have your own hammock, and cover yourself with your own blanket, and sleep in your own skin.\n\n      The more I pondered over this harpooneer, the more I abominated the thought of sleeping with him. It was fair to presume that being a harpooneer, his linen or woollen, as the case might be, would not be of the tidiest, certainly none of the finest. I began to twitch all over. Besides, it was getting late, and my decent harpooneer ought to be home and going bedwards. Suppose now, he should tumble in upon me at midnight—how could I tell from what vile hole he had been coming?\n\n      “Landlord! I’ve changed my mind about that harpooneer.—I shan’t sleep with him. I’ll try the bench here.”\n\n      “Just as you please; I’m sorry I can’t spare ye a tablecloth for a mattress, and it’s a plaguy rough board here”—feeling of the knots and notches. “But wait a bit, Skrimshander; I’ve got a carpenter’s plane there in the bar—wait, I say, and I’ll make ye snug enough.” So saying he procured the plane; and with his old silk handkerchief first dusting the bench, vigorously set to planing away at my bed, the while grinning like an ape. The shavings flew right and left; till at last the plane-iron came bump against an indestructible knot. The landlord was near spraining his wrist, and I told him for heaven’s sake to quit—the bed was soft enough to suit me, and I did not know how all the planing in the world could make eider down of a pine plank. So gathering up the shavings with another grin, and throwing them into the great stove in the middle of the room, he went about his business, and left me in a brown study.\n\n      I now took the measure of the bench, and found that it was a foot too short; but that could be mended with a chair. But it was a foot too narrow, and the other bench in the room was about four inches higher than the planned one—so there was no yoking them. I then placed the first bench lengthwise along the only clear space against the wall, leaving a little interval between, for my back to settle down in. But I soon found that there came such a draught of cold air over me from under the sill of the window, that this plan would never do at all, especially as another current from the rickety door met the one from the window, and both together formed a series of small whirlwinds in the immediate vicinity of the spot where I had thought to spend the night.\n\n      The devil fetch that harpooneer, thought I, but stop, couldn’t I steal a march on him—bolt his door inside, and jump into his bed, not to be wakened by the most violent knockings? It seemed no bad idea; but upon second thoughts I dismissed it. For who could tell but what the next morning, so soon as I popped out of the room, the harpooneer might be standing in the entry, all ready to knock me down!\n\n      Still, looking round me again, and seeing no possible chance of spending a sufferable night unless in some other person’s bed, I began to think that after all I might be cherishing unwarrantable prejudices against this unknown harpooneer. Thinks I, I’ll wait awhile; he must be dropping in before long. I’ll have a good look at him then, and perhaps we may become jolly good bedfellows after all—there’s no telling.\n\n      But though the other boarders kept coming in by ones, twos, and threes, and going to bed, yet no sign of my harpooneer.\n\n      “Landlord!” said I, “what sort of a chap is he—does he always keep such late hours?” It was now hard upon twelve o’clock.\n\n      The landlord chuckled again with his lean chuckle, and seemed to be mightily tickled at something beyond my comprehension. “No,” he answered, “generally he’s an early bird—airley to bed and airley to rise—yes, he’s the bird what catches the worm. But to-night he went out a peddling, you see, and I don’t see what on airth keeps him so late, unless, may be, he can’t sell his head.”\n\n      “Can’t sell his head?—What sort of a bamboozingly story is this you are telling me?” getting into a towering rage. “Do you pretend to say, landlord, that this harpooneer is actually engaged this blessed Saturday night, or rather Sunday morning, in peddling his head around this town?”\n\n      “That’s precisely it,” said the landlord, “and I told him he couldn’t sell it here, the market’s overstocked.”\n\n      “With what?” shouted I.\n\n      “With heads to be sure; ain’t there too many heads in the world?”\n\n      “I tell you what it is, landlord,” said I quite calmly, “you’d better stop spinning that yarn to me—I’m not green.”\n\n      “May be not,” taking out a stick and whittling a toothpick, “but I rayther guess you’ll be done\_*brown*\_if that ere harpooneer hears you a slanderin’ his head.”\n\n      “I’ll break it for him,” said I, now flying into a passion again at this unaccountable farrago of the landlord’s.\n\n      “It’s broke a’ready,” said he.\n\n      “Broke,” said I—“*broke*, do you mean?”\n\n      “Sartain, and that’s the very reason he can’t sell it, I guess.”\n\n      “Landlord,” said I, going up to him as cool as Mt. Hecla in a snow-storm—“landlord, stop whittling. You and I must understand one another, and that too without delay. I come to your house and want a bed; you tell me you can only give me half a one; that the other half belongs to a certain harpooneer. And about this harpooneer, whom I have not yet seen, you persist in telling me the most mystifying and exasperating stories tending to beget in me an uncomfortable feeling towards the man whom you design for my bedfellow—a sort of connexion, landlord, which is an intimate and confidential one in the highest degree. I now demand of you to speak out and tell me who and what this harpooneer is, and whether I shall be in all respects safe to spend the night with him. And in the first place, you will be so good as to unsay that story about selling his head, which if true I take to be good evidence that this harpooneer is stark mad, and I’ve no idea of sleeping with a madman; and you, sir,\_*you*\_I mean, landlord,\_*you*, sir, by trying to induce me to do so knowingly, would thereby render yourself liable to a criminal prosecution.”\n\n      “Wall,” said the landlord, fetching a long breath, “that’s a purty long sarmon for a chap that rips a little now and then. But be easy, be easy, this here harpooneer I have been tellin’ you of has just arrived from the south seas, where he bought up a lot of ‘balmed New Zealand heads (great curios, you know), and he’s sold all on ‘em but one, and that one he’s trying to sell to-night, cause to-morrow’s Sunday, and it would not do to be sellin’ human heads about the streets when folks is goin’ to churches. He wanted to, last Sunday, but I stopped him just as he was goin’ out of the door with four heads strung on a string, for all the airth like a string of inions.”\n\n      This account cleared up the otherwise unaccountable mystery, and showed that the landlord, after all, had had no idea of fooling me—but at the same time what could I think of a harpooneer who stayed out of a Saturday night clean into the holy Sabbath, engaged in such a cannibal business as selling the heads of dead idolators?\n\n      “Depend upon it, landlord, that harpooneer is a dangerous man.”\n\n      “He pays reg’lar,” was the rejoinder. “But come, it’s getting dreadful late, you had better be turning flukes—it’s a nice bed; Sal and me slept in that ere bed the night we were spliced. There’s plenty of room for two to kick about in that bed; it’s an almighty big bed that. Why, afore we give it up, Sal used to put our Sam and little Johnny in the foot of it. But I got a dreaming and sprawling about one night, and somehow, Sam got pitched on the floor, and came near breaking his arm. Arter that, Sal said it wouldn’t do. Come along here, I’ll give ye a glim in a jiffy;” and so saying he lighted a candle and held it towards me, offering to lead the way. But I stood irresolute; when looking at a clock in the corner, he exclaimed “I vum it’s Sunday—you won’t see that harpooneer to-night; he’s come to anchor somewhere—come along then;\_*do*\_come;\_*won’t*\_ye come?”\n\n      I considered the matter a moment, and then up stairs we went, and I was ushered into a small room, cold as a clam, and furnished, sure enough, with a prodigious bed, almost big enough indeed for any four harpooneers to sleep abreast.\n\n      “There,” said the landlord, placing the candle on a crazy old sea chest that did double duty as a wash-stand and centre table; “there, make yourself comfortable now, and good night to ye.” I turned round from eyeing the bed, but he had disappeared.\n\n      Folding back the counterpane, I stooped over the bed. Though none of the most elegant, it yet stood the scrutiny tolerably well. I then glanced round the room; and besides the bedstead and centre table, could see no other furniture belonging to the place, but a rude shelf, the four walls, and a papered fireboard representing a man striking a whale. Of things not properly belonging to the room, there was a hammock lashed up, and thrown upon the floor in one corner; also a large seaman’s bag, containing the harpooneer’s wardrobe, no doubt in lieu of a land trunk. Likewise, there was a parcel of outlandish bone fish hooks on the shelf over the fire-place, and a tall harpoon standing at the head of the bed.\n\n      But what is this on the chest? I took it up, and held it close to the light, and felt it, and smelt it, and tried every way possible to arrive at some satisfactory conclusion concerning it. I can compare it to nothing but a large door mat, ornamented at the edges with little tinkling tags something like the stained porcupine quills round an Indian moccasin. There was a hole or slit in the middle of this mat, as you see the same in South American ponchos. But could it be possible that any sober harpooneer would get into a door mat, and parade the streets of any Christian town in that sort of guise? I put it on, to try it, and it weighed me down like a hamper, being uncommonly shaggy and thick, and I thought a little damp, as though this mysterious harpooneer had been wearing it of a rainy day. I went up in it to a bit of glass stuck against the wall, and I never saw such a sight in my life. I tore myself out of it in such a hurry that I gave myself a kink in the neck.\n\n      I sat down on the side of the bed, and commenced thinking about this head-peddling harpooneer, and his door mat. After thinking some time on the bed-side, I got up and took off my monkey jacket, and then stood in the middle of the room thinking. I then took off my coat, and thought a little more in my shirt sleeves. But beginning to feel very cold now, half undressed as I was, and remembering what the landlord said about the harpooneer’s not coming home at all that night, it being so very late, I made no more ado, but jumped out of my pantaloons and boots, and then blowing out the light tumbled into bed, and commended myself to the care of heaven.\n\n      Whether that mattress was stuffed with corn-cobs or broken crockery, there is no telling, but I rolled about a good deal, and could not sleep for a long time. At last I slid off into a light doze, and had pretty nearly made a good offing towards the land of Nod, when I heard a heavy footfall in the passage, and saw a glimmer of light come into the room from under the door.\n\n      Lord save me, thinks I, that must be the harpooneer, the infernal head-peddler. But I lay perfectly still, and resolved not to say a word till spoken to. Holding a light in one hand, and that identical New Zealand head in the other, the stranger entered the room, and without looking towards the bed, placed his candle a good way off from me on the floor in one corner, and then began working away at the knotted cords of the large bag I before spoke of as being in the room. I was all eagerness to see his face, but he kept it averted for some time while employed in unlacing the bag’s mouth. This accomplished, however, he turned round—when, good heavens! what a sight! Such a face! It was of a dark, purplish, yellow colour, here and there stuck over with large blackish looking squares. Yes, it’s just as I thought, he’s a terrible bedfellow; he’s been in a fight, got dreadfully cut, and here he is, just from the surgeon. But at that moment he chanced to turn his face so towards the light, that I plainly saw they could not be sticking-plasters at all, those black squares on his cheeks. They were stains of some sort or other. At first I knew not what to make of this; but soon an inkling of the truth occurred to me. I remembered a story of a white man—a whaleman too—who, falling among the cannibals, had been tattooed by them. I concluded that this harpooneer, in the course of his distant voyages, must have met with a similar adventure. And what is it, thought I, after all! It’s only his outside; a man can be honest in any sort of skin. But then, what to make of his unearthly complexion, that part of it, I mean, lying round about, and completely independent of the squares of tattooing. To be sure, it might be nothing but a good coat of tropical tanning; but I never heard of a hot sun’s tanning a white man into a purplish yellow one. However, I had never been in the South Seas; and perhaps the sun there produced these extraordinary effects upon the skin. Now, while all these ideas were passing through me like lightning, this harpooneer never noticed me at all. But, after some difficulty having opened his bag, he commenced fumbling in it, and presently pulled out a sort of tomahawk, and a seal-skin wallet with the hair on. Placing these on the old chest in the middle of the room, he then took the New Zealand head—a ghastly thing enough—and crammed it down into the bag. He now took off his hat—a new beaver hat—when I came nigh singing out with fresh surprise. There was no hair on his head—none to speak of at least—nothing but a small scalp-knot twisted up on his forehead. His bald purplish head now looked for all the world like a mildewed skull. Had not the stranger stood between me and the door, I would have bolted out of it quicker than ever I bolted a dinner.\n\n      Even as it was, I thought something of slipping out of the window, but it was the second floor back. I am no coward, but what to make of this head-peddling purple rascal altogether passed my comprehension. Ignorance is the parent of fear, and being completely nonplussed and confounded about the stranger, I confess I was now as much afraid of him as if it was the devil himself who had thus broken into my room at the dead of night. In fact, I was so afraid of him that I was not game enough just then to address him, and demand a satisfactory answer concerning what seemed inexplicable in him.\n\n      Meanwhile, he continued the business of undressing, and at last showed his chest and arms. As I live, these covered parts of him were checkered with the same squares as his face; his back, too, was all over the same dark squares; he seemed to have been in a Thirty Years’ War, and just escaped from it with a sticking-plaster shirt. Still more, his very legs were marked, as if a parcel of dark green frogs were running up the trunks of young palms. It was now quite plain that he must be some abominable savage or other shipped aboard of a whaleman in the South Seas, and so landed in this Christian country. I quaked to think of it. A peddler of heads too—perhaps the heads of his own brothers. He might take a fancy to mine—heavens! look at that tomahawk!\n\n      But there was no time for shuddering, for now the savage went about something that completely fascinated my attention, and convinced me that he must indeed be a heathen. Going to his heavy grego, or wrapall, or dreadnaught, which he had previously hung on a chair, he fumbled in the pockets, and produced at length a curious little deformed image with a hunch on its back, and exactly the colour of a three days’ old Congo baby. Remembering the embalmed head, at first I almost thought that this black manikin was a real baby preserved in some similar manner. But seeing that it was not at all limber, and that it glistened a good deal like polished ebony, I concluded that it must be nothing but a wooden idol, which indeed it proved to be. For now the savage goes up to the empty fire-place, and removing the papered fire-board, sets up this little hunch-backed image, like a tenpin, between the andirons. The chimney jambs and all the bricks inside were very sooty, so that I thought this fire-place made a very appropriate little shrine or chapel for his Congo idol.\n\n      I now screwed my eyes hard towards the half hidden image, feeling but ill at ease meantime—to see what was next to follow. First he takes about a double handful of shavings out of his grego pocket, and places them carefully before the idol; then laying a bit of ship biscuit on top and applying the flame from the lamp, he kindled the shavings into a sacrificial blaze. Presently, after many hasty snatches into the fire, and still hastier withdrawals of his fingers (whereby he seemed to be scorching them badly), he at last succeeded in drawing out the biscuit; then blowing off the heat and ashes a little, he made a polite offer of it to the little negro. But the little devil did not seem to fancy such dry sort of fare at all; he never moved his lips. All these strange antics were accompanied by still stranger guttural noises from the devotee, who seemed to be praying in a sing-song or else singing some pagan psalmody or other, during which his face twitched about in the most unnatural manner. At last extinguishing the fire, he took the idol up very unceremoniously, and bagged it again in his grego pocket as carelessly as if he were a sportsman bagging a dead woodcock.\n\n      All these queer proceedings increased my uncomfortableness, and seeing him now exhibiting strong symptoms of concluding his business operations, and jumping into bed with me, I thought it was high time, now or never, before the light was put out, to break the spell in which I had so long been bound.\n\n      But the interval I spent in deliberating what to say, was a fatal one. Taking up his tomahawk from the table, he examined the head of it for an instant, and then holding it to the light, with his mouth at the handle, he puffed out great clouds of tobacco smoke. The next moment the light was extinguished, and this wild cannibal, tomahawk between his teeth, sprang into bed with me. I sang out, I could not help it now; and giving a sudden grunt of astonishment he began feeling me.\n\n      Stammering out something, I knew not what, I rolled away from him against the wall, and then conjured him, whoever or whatever he might be, to keep quiet, and let me get up and light the lamp again. But his guttural responses satisfied me at once that he but ill comprehended my meaning.\n\n      “Who-e debel you?”—he at last said—“you no speak-e, dam-me, I kill-e.” And so saying the lighted tomahawk began flourishing about me in the dark.\n\n      “Landlord, for God’s sake, Peter Coffin!” shouted I. “Landlord! Watch! Coffin! Angels! save me!”\n\n      “Speak-e! tell-ee me who-ee be, or dam-me, I kill-e!” again growled the cannibal, while his horrid flourishings of the tomahawk scattered the hot tobacco ashes about me till I thought my linen would get on fire. But thank heaven, at that moment the landlord came into the room light in hand, and leaping from the bed I ran up to him.\n\n      “Don’t be afraid now,” said he, grinning again, “Queequeg here wouldn’t harm a hair of your head.”\n\n      “Stop your grinning,” shouted I, “and why didn’t you tell me that that infernal harpooneer was a cannibal?”\n\n      “I thought ye know’d it;—didn’t I tell ye, he was a peddlin’ heads around town?—but turn flukes again and go to sleep. Queequeg, look here—you sabbee me, I sabbee—you this man sleepe you—you sabbee?”\n\n      “Me sabbee plenty”—grunted Queequeg, puffing away at his pipe and sitting up in bed.\n\n      “You gettee in,” he added, motioning to me with his tomahawk, and throwing the clothes to one side. He really did this in not only a civil but a really kind and charitable way. I stood looking at him a moment. For all his tattooings he was on the whole a clean, comely looking cannibal. What’s all this fuss I have been making about, thought I to myself—the man’s a human being just as I am: he has just as much reason to fear me, as I have to be afraid of him. Better sleep with a sober cannibal than a drunken Christian.\n\n      “Landlord,” said I, “tell him to stash his tomahawk there, or pipe, or whatever you call it; tell him to stop smoking, in short, and I will turn in with him. But I don’t fancy having a man smoking in bed with me. It’s dangerous. Besides, I ain’t insured.”\n\n      This being told to Queequeg, he at once complied, and again politely motioned me to get into bed—rolling over to one side as much as to say—“I won’t touch a leg of ye.”\n\n      “Good night, landlord,” said I, “you may go.”\n\n      I turned in, and never slept better in my life.\"\n    datetime: 2017-06-02T00:00:00-04:00\n    date: 2017-06-07T00:00:00-04:00\n    image: /assets/uploads/moby-dick.jpg\n    file: /assets/uploads/moby-dick.jpg\n    select: c\n    object:\n      text: >-\n        Upon waking next morning about daylight, I found Queequeg’s arm thrown\n        over me in the most loving and affectionate manner. You had almost\n        thought I had been his wife. The counterpane was of patchwork, full of\n        odd little parti-coloured squares and triangles; and this arm of his\n        tattooed all over with an interminable Cretan labyrinth of a figure, no\n        two parts of which were of one precise shade—owing I suppose to his\n        keeping his arm at sea unmethodically in sun and shade, his shirt\n        sleeves irregularly rolled up at various times—this same arm of his, I\n        say, looked for all the world like a strip of that same patchwork quilt.\n        Indeed, partly lying on it as the arm did when I first awoke, I could\n        hardly tell it from the quilt, they so blended their hues together; and\n        it was only by the sense of weight and pressure that I could tell that\n        Queequeg was hugging me.\n      number: '444444'\n      markdown: >-\n        # Upon waking next morning about daylight, I found Queequeg’s arm thrown\n        over me in the most loving and affectionate manner. You had almost\n        thought I had been his wife. The counterpane was of patchwork, full of\n        odd little parti-coloured squares and triangles; and this arm of his\n        tattooed all over with an interminable Cretan labyrinth of a figure, no\n        two parts of which were of one precise shade—owing I suppose to his\n        keeping his arm at sea unmethodically in sun and shade, his shirt\n        sleeves irregularly rolled up at various times—this same arm of his, I\n        say, looked for all the world like a strip of that same patchwork quilt.\n        Indeed, partly lying on it as the arm did when I first awoke, I could\n        hardly tell it from the quilt, they so blended their hues together; and\n        it was only by the sense of weight and pressure that I could tell that\n        Queequeg was hugging me.\n\n\n        ## My sensations were strange. Let me try to explain them. When I was a\n        child, I well remember a somewhat similar circumstance that befell me;\n        whether it was a reality or a dream, I never could entirely settle. The\n        circumstance was this. I had been cutting up some caper or other—I think\n        it was trying to crawl up the chimney, as I had seen a little sweep do a\n        few days previous; and my stepmother who, somehow or other, was all the\n        time whipping me, or sending me to bed supperless,—my mother dragged me\n        by the legs out of the chimney and packed me off to bed, though it was\n        only two o’clock in the afternoon of the 21st June, the longest day in\n        the year in our hemisphere. I felt dreadfully. But there was no help for\n        it, so up stairs I went to my little room in the third floor, undressed\n        myself as slowly as possible so as to kill time, and with a bitter sigh\n        got between the sheets.\n\n\n        I lay there dismally calculating that sixteen entire hours must elapse\n        before I could hope for a resurrection. Sixteen hours in bed! the small\n        of my back ached to think of it. And it was so light too; the sun\n        shining in at the window, and a great rattling of coaches in the\n        streets, and the sound of gay voices all over the house. I felt worse\n        and worse—at last I got up, dressed, and softly going down in my\n        stockinged feet, sought out my stepmother, and suddenly threw myself at\n        her feet, beseeching her as a particular favour to give me a good\n        slippering for my misbehaviour; anything indeed but condemning me to lie\n        abed such an unendurable length of time. But she was the best and most\n        conscientious of stepmothers, and back I had to go to my room. For\n        several hours I lay there broad awake, feeling a great deal worse than I\n        have ever done since, even from the greatest subsequent misfortunes. At\n        last I must have fallen into a troubled nightmare of a doze; and slowly\n        waking from it—half steeped in dreams—I opened my eyes, and the before\n        sun-lit room was now wrapped in outer darkness. Instantly I felt a shock\n        running through all my frame; nothing was to be seen, and nothing was to\n        be heard; but a supernatural hand seemed placed in mine. My arm hung\n        over the counterpane, and the nameless, unimaginable, silent form or\n        phantom, to which the hand belonged, seemed closely seated by my\n        bed-side. For what seemed ages piled on ages, I lay there, frozen with\n        the most awful fears, not daring to drag away my hand; yet ever thinking\n        that if I could but stir it one single inch, the horrid spell would be\n        broken. I knew not how this consciousness at last glided away from me;\n        but waking in the morning, I shudderingly remembered it all, and for\n        days and weeks and months afterwards I lost myself in confounding\n        attempts to explain the mystery. Nay, to this very hour, I often puzzle\n        myself with it.\n\n\n        Now, take away the awful fear, and my sensations at feeling the\n        supernatural hand in mine were very similar, in their strangeness, to\n        those which I experienced on waking up and seeing Queequeg’s pagan arm\n        thrown round me. But at length all the past night’s events soberly\n        recurred, one by one, in fixed reality, and then I lay only alive to the\n        comical predicament. For though I tried to move his arm—unlock his\n        bridegroom clasp—yet, sleeping as he was, he still hugged me tightly, as\n        though naught but death should part us twain. I now strove to rouse\n        him—“Queequeg!”—but his only answer was a snore. I then rolled over, my\n        neck feeling as if it were in a horse-collar; and suddenly felt a slight\n        scratch. Throwing aside the counterpane, there lay the tomahawk sleeping\n        by the savage’s side, as if it were a hatchet-faced baby. A pretty\n        pickle, truly, thought I; abed here in a strange house in the broad day,\n        with a cannibal and a tomahawk! “Queequeg!—in the name of goodness,\n        Queequeg, wake!” At length, by dint of much wriggling, and loud and\n        incessant expostulations upon the unbecomingness of his hugging a fellow\n        male in that matrimonial sort of style, I succeeded in extracting a\n        grunt; and presently, he drew back his arm, shook himself all over like\n        a Newfoundland dog just from the water, and sat up in bed, stiff as a\n        pike-staff, looking at me, and rubbing his eyes as if he did not\n        altogether remember how I came to be there, though a dim consciousness\n        of knowing something about me seemed slowly dawning over him. Meanwhile,\n        I lay quietly eyeing him, having no serious misgivings now, and bent\n        upon narrowly observing so curious a creature. When, at last, his mind\n        seemed made up touching the character of his bedfellow, and he became,\n        as it were, reconciled to the fact; he jumped out upon the floor, and by\n        certain signs and sounds gave me to understand that, if it pleased me,\n        he would dress first and then leave me to dress afterwards, leaving the\n        whole apartment to myself. Thinks I, Queequeg, under the circumstances,\n        this is a very civilized overture; but, the truth is, these savages have\n        an innate sense of delicacy, say what you will; it is marvellous how\n        essentially polite they are. I pay this particular compliment to\n        Queequeg, because he treated me with so much civility and consideration,\n        while I was guilty of great rudeness; staring at him from the bed, and\n        watching all his toilette motions; for the time my curiosity getting the\n        better of my breeding. Nevertheless, a man like Queequeg you don’t see\n        every day, he and his ways were well worth unusual regarding.\n\n\n        He commenced dressing at top by donning his beaver hat, a very tall one,\n        by the by, and then—still minus his trowsers—he hunted up his boots.\n        What under the heavens he did it for, I cannot tell, but his next\n        movement was to crush himself—boots in hand, and hat on—under the bed;\n        when, from sundry violent gaspings and strainings, I inferred he was\n        hard at work booting himself; though by no law of propriety that I ever\n        heard of, is any man required to be private when putting on his boots.\n        But Queequeg, do you see, was a creature in the transition stage—neither\n        caterpillar nor butterfly. He was just enough civilized to show off his\n        outlandishness in the strangest possible manners. His education was not\n        yet completed. He was an undergraduate. If he had not been a small\n        degree civilized, he very probably would not have troubled himself with\n        boots at all; but then, if he had not been still a savage, he never\n        would have dreamt of getting under the bed to put them on. At last, he\n        emerged with his hat very much dented and crushed down over his eyes,\n        and began creaking and limping about the room, as if, not being much\n        accustomed to boots, his pair of damp, wrinkled cowhide ones—probably\n        not made to order either—rather pinched and tormented him at the first\n        go off of a bitter cold morning.\n\n\n        Seeing, now, that there were no curtains to the window, and that the\n        street being very narrow, the house opposite commanded a plain view into\n        the room, and observing more and more the indecorous figure that\n        Queequeg made, staving about with little else but his hat and boots on;\n        I begged him as well as I could, to accelerate his toilet somewhat, and\n        particularly to get into his pantaloons as soon as possible. He\n        complied, and then proceeded to wash himself. At that time in the\n        morning any Christian would have washed his face; but Queequeg, to my\n        amazement, contented himself with restricting his ablutions to his\n        chest, arms, and hands. He then donned his waistcoat, and taking up a\n        piece of hard soap on the wash-stand centre table, dipped it into water\n        and commenced lathering his face. I was watching to see where he kept\n        his razor, when lo and behold, he takes the harpoon from the bed corner,\n        slips out the long wooden stock, unsheathes the head, whets it a little\n        on his boot, and striding up to the bit of mirror against the wall,\n        begins a vigorous scraping, or rather harpooning of his cheeks. Thinks\n        I, Queequeg, this is using Rogers’s best cutlery with a vengeance.\n        Afterwards I wondered the less at this operation when I came to know of\n        what fine steel the head of a harpoon is made, and how exceedingly sharp\n        the long straight edges are always kept.\n\n\n        The rest of his toilet was soon achieved, and he proudly marched out of\n        the room, wrapped up in his great pilot monkey jacket, and sporting his\n        harpoon like a marshal’s baton.\n      datetime: 2017-06-07T19:05:43.820Z\n      date: 2017-06-07T19:05:36.240Z\n      image: /assets/uploads/moby-dick.jpg\n      file: /assets/uploads/moby-dick.jpg\n      select: b\n      list:\n        - object:\n            date: 2017-06-07T19:10:25.684Z\n      string: CHAPTER 4. The Counterpane.\n    string: CHAPTER 3. The Spouter-Inn.\ntyped_list:\n  - type: type_1_object\n    string: CHAPTER 2. The Carpet-Bag.\n    boolean: true\n    text: >-\n      I stuffed a shirt or two into my old carpet-bag, tucked it under my arm, and\n      started for Cape Horn and the Pacific. Quitting the good city of old\n      Manhatto, I duly arrived in New Bedford. It was a Saturday night in\n      December. Much was I disappointed upon learning that the little packet for\n      Nantucket had already sailed, and that no way of reaching that place would\n      offer, till the following Monday.\n  - type: type_2_object\n    number: 3\n    select: b\n    datetime:  2017-06-07T19:05:43.816Z\n    markdown: >-\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget\n      facilisis magna. Integer eget eleifend quam, sit amet sodales nisi. Fusce\n      non lacus tempus, posuere tellus semper, facilisis lectus. Cras consequat\n      aliquet ex.\n  - type: type_1_object\n    string: CHAPTER 2. The Carpet-Bag.\n    boolean: false\n    text: >-\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum\n      augue ornare lectus finibus mollis. Maecenas fringilla lorem at nisl pharetra\n      scelerisque.\n  - type: type_3_object\n    date: 2017-06-07T18:55:28.111Z\n    image: /assets/uploads/moby-dick.jpg\n    file: /assets/uploads/moby-dick.jpg\n---\n\n",
-          },
-        },
-        _i18n_playground: {
-          "file1.en.md": {
-            content:
-              "---\nslug: file1\ndescription: Coffee is a small tree or shrub that grows in the forest understory in its wild form, and traditionally was grown commercially under other trees that provided shade. The forest-like structure of shade coffee farms provides habitat for a great number of migratory and resident species.\ndate: 2015-02-14T00:00:00.000Z\n---\n",
-          },
-          "file1.de.md": {
-            content:
-              "---\ndescription: Kaffee ist ein kleiner Baum oder Strauch, der in seiner wilden Form im Unterholz des Waldes wächst und traditionell kommerziell unter anderen Bäumen angebaut wurde, die Schatten spendeten. Die waldähnliche Struktur schattiger Kaffeefarmen bietet Lebensraum für eine Vielzahl von wandernden und ansässigen Arten.\ndate: 2015-02-14T00:00:00.000Z\n---\n",
-          },
-          "file1.fr.md": {
-            content:
-              "---\ndescription: Le café est un petit arbre ou un arbuste qui pousse dans le sous-étage de la forêt sous sa forme sauvage et qui était traditionnellement cultivé commercialement sous d'autres arbres qui fournissaient de l'ombre. La structure forestière des plantations de café d'ombre fournit un habitat à un grand nombre d'espèces migratrices et résidentes.\ndate: 2015-02-14T00:00:00.000Z\n---\n",
-          },
-        },
-        _nested_pages: {
-          authors: {
-            "author-1": {
-              "index.md": {
-                content: "---\ntitle: An Author\n---\nAuthor details go here!.\n",
-              },
-            },
-            "index.md": {
-              content: "---\ntitle: Authors\n---\n",
-            },
-          },
-          posts: {
-            "hello-world": {
-              "index.md": {
-                content:
-                  "---\ntitle: Hello World\n---\nCoffee is a small tree or shrub that grows in the forest understory in its wild form, and traditionally was grown commercially under other trees that provided shade. The forest-like structure of shade coffee farms provides habitat for a great number of migratory and resident species.\n",
-              },
-            },
-            "index.md": {
-              content: "---\ntitle: Posts\n---\n",
-            },
-            news: {
-              "hello-world-news": {
-                "index.md": {
-                  content:
-                    "---\ntitle: Hello World News\n---\nCoffee is a small tree or shrub that grows in the forest understory in its wild form, and traditionally was grown commercially under other trees that provided shade. The forest-like structure of shade coffee farms provides habitat for a great number of migratory and resident species.\n",
-                },
-              },
-              "index.md": {
-                content: "---\ntitle: News Articles\n---\n",
-              },
-            },
-          },
-          "index.md": {
-            content: "---\ntitle: Pages\n---\n",
-          },
-        },
-      };
-
-      var ONE_DAY = 60 * 60 * 24 * 1000;
-
-      for (var i = 1; i <= 20; i++) {
-        var date = new Date();
-
-        date.setTime(date.getTime() + ONE_DAY);
-        var month = ("0" + (date.getMonth() + 1)).slice(-2);
-        var day = ("0" + date.getDate()).slice(-2);
-        var dateString = "" + date.getFullYear() + "-" + month + "-" + day;
-        var slug = dateString + "-post-number-" + i + ".md";
-
-        window.repoFiles._posts[slug] = {
-          content: `---
-title: "This is post # ${i}"
-draft: ${i % 2 === 0}
-image: /assets/uploads/lobby.jpg
-date: ${dateString}T00:00:00.000Z
----
-# The post is number ${i}
-
-![Static CMS](https://raw.githubusercontent.com/StaticJsCMS/static-cms/main/static-cms-logo.png)
-
-# Awesome Editor!
-
-It was _released as open source in 2022_ and is **_continually_** evolving to be the **best editor experience** available for static site generators.
-
-## MDX
-
-The output out this widget is \`mdx\`, a mixture of \`markdown\` and \`javascript components\`. See [MDX documentation](https://mdxjs.com/docs/).
-
-\`\`\`yaml
-name: body
-label: Blog post content
-widget: markdown
-\`\`\`
-
-\`\`\`js
-name: 'body',
-label: 'Blog post content',
-widget: 'markdown',
-\`\`\`
-
-> See the table below for default options
-> More API information can be found in the document
-
-| Name          | Type                  | Default | Description                                                                                                                                           |
-| ------------- | --------------------- | ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- |
-| default       | string                | \`''\`    | _Optional_. The default value for the field. Accepts markdown content                                                                                 |
-| media_library | Media Library Options | \`{}\`    | _Optional_. Media library settings to apply when a media library is opened by the current widget. See [Media Library Options](#media-library-options) |
-| media_folder  | string                |         | _Optional_. Specifies the folder path where uploaded files should be saved, relative to the base of the repo                                          |
-| public_folder | string                |         | _Optional_. Specifies the folder path where the files uploaded by the media library will be accessed, relative to the base of the built site          |
-
-### Media Library Options
-
-| Name           | Type                   | Default | Description                                                                                                                                       |
-| -------------- | ---------------------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------- |
-| allow_multiple | boolean                | \`true\`  | _Optional_. When set to \`false\`, prevents multiple selection for any media library extension, but must be supported by the extension in use       |
-| config         | string                 | \`{}\`    | _Optional_. A configuration object that will be passed directly to the media library being used - available options are determined by the library |
-| choose_url     | string<br />\\| boolean | \`true\`  | _Optional_. When set to \`false\`, the "Insert from URL" button will be hidden
-
-## Features
-
-* CommonMark + GFM Specifications
-   * Live \`Preview\`
-   * Auto Indent
-   * Syntax Highlight
-        1. Rich Editor
-        2. Preview
-
-## Formatting
-
-**Bold**, *Italic*, ***both***
-
-~~Strikethrough~~
-
-## Shortcodes
-
-[youtube|p6h-rYSVX90]
-
-## Tasks
-
-> * List Item A
-> * List Item B
->    1. [x] Task 1
->    2. [ ] Task 2`,
-        };
-      }
-
-      for (var i = 1; i <= 5; i++) {
-        var date = new Date();
-
-        date.setTime(date.getTime() + ONE_DAY);
-        var month = ("0" + (date.getMonth() + 1)).slice(-2);
-        var day = ("0" + date.getDate()).slice(-2);
-        var dateString = "" + date.getFullYear() + "-" + month + "-" + day;
-        var slug = dateString + "-faq-number-" + i + ".md";
-
-        window.repoFiles._faqs[slug] = {
-          content:
-            '---\ntitle: "This FAQ item # ' +
-            i +
-            '"\ndate: ' +
-            dateString +
-            "T00:00:00.000Z\n---\n# Loren ipsum dolor sit amet",
-        };
-      }
-      window.repoFiles._pages = {
-        directory: {
-          "sub-directory": {
-            "nested-directory": {
-              "index.md": {
-                path: "_pages/directory/sub-directory/nested-directory/index.md",
-                content: '---\ntitle: "Nested Directory"\n---\n',
-              },
-            },
-            "index.md": {
-              path: "_pages/directory/sub-directory/index.md",
-              content: '---\ntitle: "Sub Directory"\n---\n',
-            },
-          },
-          "another-sub-directory": {
-            "index.md": {
-              path: "_pages/directory/another-sub-directory/index.md",
-              content: '---\ntitle: "Another Sub Directory"\n---\n',
-            },
-          },
-          "index.md": {
-            path: "_pages/directory/index.md",
-            content: '---\ntitle: "Directory"\n---\n',
-          },
-        },
-        "index.md": {
-          path: "_pages/index.md",
-          content: '---\ntitle: "Root Page"\n---\n',
-        },
-      };
-    </script>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <script type="module" src="/src/index.jsx"></script>
-  </body>
-</html>
diff --git a/packages/demo/package.json b/packages/demo/package.json
index cc26ebeb..cd166844 100644
--- a/packages/demo/package.json
+++ b/packages/demo/package.json
@@ -8,33 +8,33 @@
     "serve": "vite preview"
   },
   "dependencies": {
-    "@babel/eslint-parser": "7.21.3",
-    "@staticcms/core": "^3.0.0-beta.1",
-    "babel-loader": "9.1.2",
+    "@babel/eslint-parser": "7.22.15",
+    "@staticcms/core": "^4.0.0-beta.0",
+    "babel-loader": "9.1.3",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
   "devDependencies": {
-    "@babel/cli": "7.21.0",
-    "@babel/core": "7.21.4",
-    "@babel/plugin-syntax-flow": "7.21.4",
-    "@babel/plugin-transform-react-jsx": "7.21.0",
+    "@babel/cli": "7.23.0",
+    "@babel/core": "7.23.0",
+    "@babel/plugin-syntax-flow": "7.22.5",
+    "@babel/plugin-transform-react-jsx": "7.22.15",
     "@vitejs/plugin-react": "^4.0.0",
-    "autoprefixer": "10.4.14",
-    "eslint": "8.39.0",
-    "eslint-import-resolver-typescript": "3.5.5",
-    "eslint-plugin-cypress": "2.13.3",
-    "eslint-plugin-import": "2.27.5",
-    "eslint-plugin-prettier": "4.2.1",
-    "eslint-plugin-react": "7.32.2",
+    "autoprefixer": "10.4.16",
+    "eslint": "8.50.0",
+    "eslint-import-resolver-typescript": "3.6.1",
+    "eslint-plugin-cypress": "2.15.1",
+    "eslint-plugin-import": "2.28.1",
+    "eslint-plugin-prettier": "5.0.0",
+    "eslint-plugin-react": "7.33.2",
     "eslint-plugin-react-hooks": "4.6.0",
-    "eslint-plugin-unicorn": "46.0.1",
-    "postcss": "8.4.23",
-    "postcss-scss": "4.0.6",
-    "prettier": "2.8.8",
-    "vite": "4.3.9",
-    "vite-plugin-svgr": "3.2.0",
-    "webpack": "5.80.0"
+    "eslint-plugin-unicorn": "48.0.1",
+    "postcss": "8.4.31",
+    "postcss-scss": "4.0.9",
+    "prettier": "3.0.3",
+    "vite": "4.5.0",
+    "vite-plugin-svgr": "4.1.0",
+    "webpack": "5.88.2"
   },
   "browserslist": {
     "production": [
diff --git a/packages/demo/public/editor-friendly-user-interface.svg b/packages/demo/public/editor-friendly-user-interface.svg
new file mode 100644
index 00000000..e6a5d793
--- /dev/null
+++ b/packages/demo/public/editor-friendly-user-interface.svg
@@ -0,0 +1 @@
+<svg width="318" height="198" viewBox="0 0 318 198" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>editor</title><defs><rect id="b" width="300" height="180" rx="6"/><filter x="-6%" y="-7.8%" width="112%" filterUnits="objectBoundingBox" id="a"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.147843071 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feOffset dy="3" in="SourceAlpha" result="shadowOffsetOuter2"/><feGaussianBlur stdDeviation="4.5" in="shadowOffsetOuter2" result="shadowBlurOuter2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0974298007 0" in="shadowBlurOuter2" result="shadowMatrixOuter2"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="shadowMatrixOuter2"/></feMerge></filter><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="c"><stop stop-color="#4779DD" offset="0%"/><stop stop-color="#3A69C7" offset="100%"/></linearGradient></defs><g transform="translate(9 6)" fill="none" fill-rule="evenodd"><use fill="#000" filter="url(#a)" xlink:href="#b"/><use fill="#FFF" xlink:href="#b"/><path d="M0 19h149v161H6c-3.3137 0-6-2.6863-6-6V19z" fill="#EFF0F4"/><path fill="#AEB1BD" d="M10 31h18v4H10z"/><path fill="#FFF" d="M10 39h129v12H10z"/><path fill="#D4D6DD" d="M16 43h44v4H16z"/><path fill="#AEB1BD" d="M10 59h10v4H10z"/><path fill="#FFF" d="M10 67h129v12H10z"/><path fill="#D4D6DD" d="M16 71h26v4H16z"/><path fill="#AEB1BD" d="M10 87h35v4H10z"/><path fill="#FFF9E5" d="M10 95h42v27.7686H10z"/><circle fill="#FFC500" cx="31" cy="110.4463" r="7.8099"/><path d="M10 110.1683c4.6101 2.4917 9.3585 3.7375 14.245 3.7375 7.33 0 10.2112-5.0507 15.7083-5.0507 3.6648 0 7.6803 1.5082 12.0467 4.5246v9.3889H10v-12.6003z" fill="#D4D6DD"/><path d="M10 115.257c4.6503-2.702 8.896-4.0531 12.7373-4.0531 5.7618 0 11.322 4.9766 15.525 4.9766 2.8018 0 7.3811-2.196 13.7377-6.588v13.1761H10v-7.5116z" fill="#9AA1AE"/><path fill="#AEB1BD" d="M10 131h10v4H10z"/><path fill="#FFF" d="M10 139h129v41H10z"/><path fill="#D4D6DD" d="M16 145h117v4H16zm0 6h117v4H16zm0 6h83v4H16zm0 10h117v4H16zm0 6h43v4H16z"/><path fill="#9AA1AE" d="M61 172h2v6h-2z"/><path fill="#AEB1BD" d="M179 31h91v8h-91z"/><path fill="#D4D6DD" d="M213 42h24v4h-24z"/><path fill="#FFF9E5" d="M164 56h121v80H164z"/><circle fill="#FFC500" cx="224.5" cy="100.5" r="22.5"/><path d="M164 99.6992c13.2815 7.1784 26.9613 10.7676 41.0393 10.7676 21.117 0 29.4178-14.5508 45.2548-14.5508 10.558 0 22.1266 4.345 34.7059 13.0352V136H164V99.6992z" fill="#D4D6DD"/><path d="M164 114.3594c13.3973-7.7845 25.6291-11.6768 36.6955-11.6768 16.5995 0 32.6183 14.3374 44.7266 14.3374 8.0722 0 21.2648-6.3266 39.5779-18.98V136H164v-21.6406z" fill="#9AA1AE"/><path fill="#D4D6DD" d="M164 145h121v4H164zm0 6h121v4H164zm0 6h85.8376v4H164zm0 10h121v4H164zm0 6h44.4701v4H164z"/><path fill="#9AA1AE" d="M210 172h2v6h-2z"/><path d="M6 0h288c3.3137 0 6 2.6863 6 6v13H0V6c0-3.3137 2.6863-6 6-6z" fill="url(#c)"/></g></svg>
\ No newline at end of file
diff --git a/packages/demo/public/editorial/config.yml b/packages/demo/public/editorial/config.yml
new file mode 100644
index 00000000..39d4e106
--- /dev/null
+++ b/packages/demo/public/editorial/config.yml
@@ -0,0 +1,1551 @@
+backend:
+  name: test-repo
+site_url: 'https://example.com'
+media_folder: /assets/uploads
+media_library:
+  folder_support: true
+locale: en
+publish_mode: editorial_workflow
+i18n:
+  # Required and can be one of multiple_folders, multiple_files or single_file
+  # multiple_folders - persists files in `<folder>/<locale>/<slug>.<extension>`
+  # multiple_files - persists files in `<folder>/<slug>.<locale>.<extension>`
+  # single_file - persists a single file in `<folder>/<slug>.<extension>`
+  structure: multiple_files
+
+  # Required - a list of locales to show in the editor UI
+  locales: [en, de, fr]
+
+  # Optional, defaults to the first item in locales.
+  # The locale to be used for fields validation and as a baseline for the entry.
+  default_locale: en
+collections:
+  - name: posts
+    label: Posts
+    label_singular: Post
+    description: >
+      The description is a great place for tone setting, high level information,
+      and editing guidelines that are specific to a collection.
+    folder: _posts
+    slug: '{{year}}-{{month}}-{{day}}-{{slug}}'
+    summary_fields:
+      - title
+      - date
+    sortable_fields:
+      fields:
+        - title
+        - date
+      default:
+        field: title
+    create: true
+    view_filters:
+      filters:
+        - name: posts-with-index
+          label: Posts With Index
+          field: title
+          pattern: 'This is post #'
+        - name: posts-without-index
+          label: Posts Without Index
+          field: title
+          pattern: front matter post
+    view_groups:
+      groups:
+        - name: by-year
+          label: Year
+          field: date
+          pattern: '\d{4}'
+    fields:
+      - label: Title
+        name: title
+        widget: string
+      - label: Publish Date
+        name: date
+        widget: datetime
+        date_format: yyyy-MM-dd
+        time_format: 'HH:mm'
+        format: "yyyy-MM-dd'T'HH:mm:ss.SSSXXX"
+      - label: Cover Image
+        name: image
+        widget: image
+        required: false
+      - label: Body
+        name: body
+        widget: markdown
+        hint: "*Main* __content__ __*goes*__ [here](https://example.com/)."
+  - name: faq
+    label: FAQ
+    folder: _faqs
+    create: true
+    editor:
+      frame: false
+      size: half
+    fields:
+      - label: Question
+        name: title
+        widget: string
+      - label: Type
+        name: type
+        widget: select
+        default: internal
+        options:
+          - label: Internal
+            value: internal
+          - label: External
+            value: external
+      - label: URL
+        name: url
+        widget: string
+        condition:
+          field: type
+          value: external
+      - label: Answer
+        name: body
+        widget: markdown
+        condition:
+          field: type
+          value: internal
+      - name: posts
+        label: Posts
+        label_singular: Post
+        widget: list
+        summary: "{{fields.post | split('|', '$1')}}"
+        condition:
+          field: type
+          value: internal
+        fields:
+          - label: Related Post
+            name: post
+            widget: relationKitchenSinkPost
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - body
+            value_field: '{{title}}|{{date}}'
+  - name: widgets
+    label: Widgets
+    delete: false
+    files:
+      - name: boolean
+        label: Boolean
+        file: _widgets/boolean.json
+        description: Boolean widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: boolean
+          - name: with_default
+            label: Required With Default
+            widget: boolean
+            default: true
+          - name: pattern
+            label: Pattern Validation
+            widget: boolean
+            pattern: ['true', 'Must be true']
+            required: false
+          - name: prefix
+            label: With Prefix
+            widget: boolean
+            prefix: "I'm a prefix"
+          - name: suffix
+            label: With Suffix
+            widget: boolean
+            suffix: "I'm a suffix"
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: boolean
+            prefix: "I'm a prefix"
+            suffix: "I'm a suffix"
+      - name: code
+        label: Code
+        file: _widgets/code.json
+        description: Code widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: code
+          - name: with_default
+            label: Required With Default
+            widget: code
+            default: '<div>Some html!</div>'
+          - name: pattern
+            label: Pattern Validation
+            widget: code
+            pattern: ['.{12,}', 'Must have at least 12 characters']
+            allow_input: true
+            required: false
+          - name: language
+            label: Language Selection
+            widget: code
+            allow_language_selection: true
+            required: false
+          - name: language_with_default
+            label: Language Selection With Default Language
+            widget: code
+            allow_language_selection: true
+            required: false
+            default_language: html
+          - name: language_with_default_language_and_value
+            label: Language Selection With Default Language and Value
+            widget: code
+            allow_language_selection: true
+            required: false
+            default:
+              lang: html
+              code: '<div>Some html!</div>'
+          - name: language_with_default_language_and_value_string_default
+            label: Language Selection With Default Language and Value (String Default)
+            widget: code
+            allow_language_selection: true
+            required: false
+            default_language: html
+            default: '<div>Some html!</div>'
+      - name: color
+        label: Color
+        file: _widgets/color.json
+        description: Color widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: color
+          - name: allow_input
+            label: Allow Input
+            widget: color
+            allow_input: true
+          - name: with_default
+            label: Required With Default
+            widget: color
+            default: '#2121c5'
+          - name: pattern
+            label: Pattern Validation
+            widget: color
+            pattern:
+              ['^#[a-fA-F0-9]{3}$|^[a-fA-F0-9]{4}$|^[a-fA-F0-9]{6}$', 'Must be a valid hex code']
+            allow_input: true
+            required: false
+          - name: alpha
+            label: Alpha
+            widget: color
+            enable_alpha: true
+            required: false
+          - name: alpha_with_default
+            label: Alpha With Default
+            widget: color
+            enable_alpha: true
+            required: false
+            default: 'rgba(175, 28, 28, 0.65)'
+      - name: datetime
+        label: DateTime
+        file: _widgets/datetime.json
+        description: DateTime widget
+        fields:
+          - name: required
+            label: 'Required Validation'
+            widget: datetime
+          - name: pattern
+            label: 'Pattern Validation'
+            widget: datetime
+            format: 'MMM d, yyyy h:mm aaa'
+            date_format: 'MMM d, yyyy'
+            time_format: 'h:mm aaa'
+            pattern: ['pm', 'Must be in the afternoon']
+            required: false
+          - name: date_and_time
+            label: Date and Time
+            widget: datetime
+            format: 'MMM d, yyyy h:mm aaa'
+            date_format: 'MMM d, yyyy'
+            time_format: 'h:mm aaa'
+            required: false
+          - name: date_and_time_with_default
+            label: Date and Time With Default
+            widget: datetime
+            format: 'MMM d, yyyy h:mm aaa'
+            date_format: 'MMM d, yyyy'
+            time_format: 'h:mm aaa'
+            required: false
+            default: 'Jan 12, 2023 12:00 am'
+          - name: date
+            label: Date
+            widget: datetime
+            format: 'MMM d, yyyy'
+            time_format: false
+            required: false
+          - name: date_with_default
+            label: Date With Default
+            widget: datetime
+            format: 'MMM d, yyyy'
+            date_format: 'MMM d, yyyy'
+            time_format: false
+            required: false
+            default: 'Jan 12, 2023'
+          - name: time
+            label: Time
+            widget: datetime
+            format: 'h:mm aaa'
+            date_format: false
+            time_format: 'h:mm aaa'
+            required: false
+          - name: time_with_default
+            label: Time With Default
+            widget: datetime
+            format: 'h:mm aaa'
+            date_format: false
+            time_format: 'h:mm aaa'
+            required: false
+            default: '12:00 am'
+      - name: file
+        label: File
+        file: _widgets/file.json
+        description: File widget
+        media_library:
+          folder_support: false
+        fields:
+          - name: required
+            label: Required Validation
+            widget: file
+          - name: with_default
+            label: Required With Default
+            widget: file
+            default: /assets/uploads/moby-dick.jpg
+          - name: pattern
+            label: Pattern Validation
+            widget: file
+            pattern: ['\.pdf', 'Must be a pdf']
+            required: false
+          - name: choose_url
+            label: Choose URL
+            widget: file
+            required: false
+            choose_url: true
+          - name: multiple
+            label: Multiple Files
+            widget: file
+            required: false
+            multiple: true
+          - name: multiple_choose_url
+            label: Multiple Files, Choose URL
+            widget: file
+            required: false
+            multiple: true
+            choose_url: true
+          - name: folder_support
+            label: Folder Support
+            widget: file
+            media_library:
+              folder_support: true
+      - name: image
+        label: Image
+        file: _widgets/image.json
+        description: Image widget
+        media_library:
+          folder_support: false
+        fields:
+          - name: required
+            label: Required Validation
+            widget: image
+          - name: with_default
+            label: Required With Default
+            widget: image
+            default: /assets/uploads/moby-dick.jpg
+          - name: pattern
+            label: Pattern Validation
+            widget: image
+            pattern: ['\.png', 'Must be a png']
+            required: false
+          - name: choose_url
+            label: Choose URL
+            widget: image
+            required: false
+            choose_url: true
+          - name: multiple
+            label: Multiple Images
+            widget: image
+            required: false
+            multiple: true
+          - name: multiple_choose_url
+            label: Multiple Images, Choose URL
+            widget: image
+            required: false
+            multiple: true
+            choose_url: true
+          - name: folder_support
+            label: Folder Support
+            widget: image
+            media_library:
+              folder_support: true
+      - name: keyvalue
+        label: Key Value
+        file: _widgets/keyvalue.yml
+        description: Key Value widget
+        fields:
+          - name: keyvalue
+            label: Required
+            widget: keyvalue
+          - name: with_default
+            label: Required With Default
+            widget: keyvalue
+            default:
+              key1: value1
+              key2: value2
+              key3: value3
+          - name: with_min
+            label: Required With Min (2)
+            widget: keyvalue
+            min: 2
+          - name: with_max
+            label: Required With Max (4)
+            widget: keyvalue
+            max: 4
+          - name: with_min_and_max
+            label: Required With Min (2) and Max (4)
+            widget: keyvalue
+            min: 2
+            max: 4
+      - name: list
+        label: List
+        file: _widgets/list.yml
+        description: List widget
+        fields:
+          - name: list
+            label: Required List
+            widget: list
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+          - name: with_default
+            label: Required With Default
+            widget: list
+            default:
+              - name: Bob Billy
+                description: Some text about bob
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+          - name: optional
+            label: Optional List
+            widget: list
+            required: false
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+          - name: list_with_object_child
+            label: List With Object Child
+            widget: list
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+              - label: Object
+                name: object
+                widget: object
+                fields:
+                  - label: Name
+                    name: name
+                    widget: string
+                    hint: First and Last
+                  - label: Description
+                    name: description
+                    widget: text
+          - name: comma_separated_list
+            label: Comma Separated List
+            widget: list
+          - name: delimiter_separated_list
+            label: Custom Delimiter (Semicolon) Separated List
+            widget: list
+            delimiter: ';'
+            default:
+              - 'tag-1'
+              - 'tag-2'
+          - name: string_list
+            label: String List
+            widget: list
+            fields:
+              - label: Tag
+                name: tag
+                widget: string
+          - name: number_list
+            label: Number List
+            widget: list
+            default:
+              - 5
+              - 13
+              - 2
+            fields:
+              - label: Value
+                name: value
+                widget: number
+          - name: boolean_list
+            label: Boolean List
+            widget: list
+            default:
+              - false
+              - true
+            fields:
+              - label: Active
+                name: active
+                widget: boolean
+          - name: typed_list
+            label: Typed List
+            widget: list
+            types:
+              - label: Type 1 Object
+                name: type_1_object
+                widget: object
+                fields:
+                  - label: String
+                    name: string
+                    widget: string
+                  - label: Boolean
+                    name: boolean
+                    widget: boolean
+                  - label: Text
+                    name: text
+                    widget: text
+              - label: Type 2 Object
+                name: type_2_object
+                widget: object
+                fields:
+                  - label: Number
+                    name: number
+                    widget: number
+                  - label: Select
+                    name: select
+                    widget: select
+                    options:
+                      - a
+                      - b
+                      - c
+                  - label: Datetime
+                    name: datetime
+                    widget: datetime
+                  - label: Markdown
+                    name: markdown
+                    widget: markdown
+              - label: Type 3 Object
+                name: type_3_object
+                widget: object
+                fields:
+                  - label: Image
+                    name: image
+                    widget: image
+                  - label: File
+                    name: file
+                    widget: file
+          - name: typed_list_with_default
+            label: Typed List With Default
+            widget: list
+            default:
+              - type: type_2_object
+                number: 5
+                select: c
+                datetime: '2022-12-05T20:22:52+0000'
+                markdown: Some ***Markdown*** ~content~ text
+            types:
+              - label: Type 1 Object
+                name: type_1_object
+                widget: object
+                fields:
+                  - label: String
+                    name: string
+                    widget: string
+                  - label: Boolean
+                    name: boolean
+                    widget: boolean
+                  - label: Text
+                    name: text
+                    widget: text
+              - label: Type 2 Object
+                name: type_2_object
+                widget: object
+                summary: "{{datetime | date('yyyy-MM-dd')}}"
+                fields:
+                  - label: Number
+                    name: number
+                    widget: number
+                  - label: Select
+                    name: select
+                    widget: select
+                    options:
+                      - a
+                      - b
+                      - c
+                  - label: Datetime
+                    name: datetime
+                    widget: datetime
+                  - label: Markdown
+                    name: markdown
+                    widget: markdown
+              - label: Type 3 Object
+                name: type_3_object
+                widget: object
+                fields:
+                  - label: Image
+                    name: image
+                    widget: image
+                  - label: File
+                    name: file
+                    widget: file
+          - name: typed_list_with_condition
+            label: Typed List With Condition
+            widget: list
+            types:
+              - label: Type 1 Object
+                name: type_1_object
+                widget: object
+                fields:
+                  - name: template
+                    label: template
+                    widget: select
+                    options:
+                      - column
+                      - row
+                      - banner
+                    default: column
+                  - label: String
+                    name: string
+                    widget: string
+                  - label: Boolean
+                    name: boolean
+                    widget: boolean
+                    condition:
+                      field: template
+                      value: banner
+                  - label: Text
+                    name: text
+                    widget: text
+              - label: Type 2 Object
+                name: type_2_object
+                widget: object
+                fields:
+                  - label: Number
+                    name: number
+                    widget: number
+                  - label: Select
+                    name: select
+                    widget: select
+                    options:
+                      - a
+                      - b
+                      - c
+                  - label: Datetime
+                    name: datetime
+                    widget: datetime
+                  - label: Markdown
+                    name: markdown
+                    widget: markdown
+              - label: Type 3 Object
+                name: type_3_object
+                widget: object
+                fields:
+                  - label: Image
+                    name: image
+                    widget: image
+                  - label: File
+                    name: file
+                    widget: file
+      - name: map
+        label: Map
+        file: _widgets/map.json
+        description: Map widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: map
+          - name: with_default
+            label: Required With Default
+            widget: map
+            default: '{ "type": "Point", "coordinates": [-73.9852661, 40.7478738] }'
+          - name: pattern
+            label: Pattern Validation
+            widget: map
+            pattern: ['\[-([7-9][0-9]|1[0-2][0-9])\.', 'Must be between latitude -70 and -129']
+            required: false
+          - name: line_string
+            label: Line String
+            type: LineString
+            widget: map
+            required: false
+          - name: polygon
+            label: Polygon
+            type: Polygon
+            widget: map
+            required: false
+      - name: markdown
+        label: Markdown
+        file: _widgets/markdown.json
+        description: Markdown widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: markdown
+          - name: with_default
+            label: Required With Default
+            widget: markdown
+            default: Default **markdown** value
+          - name: raw
+            label: Raw Editor
+            widget: markdown
+            show_raw: true
+          - name: pattern
+            label: Pattern Validation
+            widget: markdown
+            pattern: ['# [a-zA-Z0-9]+', 'Must have a header']
+            required: false
+          - name: folder_support
+            label: Folder Support
+            widget: markdown
+            media_library:
+              folder_support: true
+          - name: customized_buttons
+            label: Customized Buttons
+            widget: markdown
+            toolbar_buttons:
+              main:
+                - bold
+                - italic
+                - font
+                - shortcode
+                - label: Insert
+                  groups:
+                    - items: ['image', 'file-link']
+                    - items: ['insert-table']
+              empty:
+                - bold
+                - italic
+                - font
+                - label: Insert
+                  groups:
+                    - items: ['image', 'file-link']
+                    - items: ['blockquote', 'code-block']
+              selection:
+                - bold
+                - italic
+                - font
+                - file-link
+              table_empty:
+                - insert-row
+                - insert-column
+                - delete-row
+                - delete-column
+                - delete-table
+              table_selection:
+                - bold
+                - italic
+                - font
+      - name: number
+        label: Number
+        file: _widgets/number.json
+        description: Number widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: number
+          - name: with_default
+            label: Required With Default
+            widget: number
+            default: 5
+          - name: min
+            label: Min Validation
+            widget: number
+            min: 5
+            required: false
+          - name: max
+            label: Max Validation
+            widget: number
+            max: 10
+            required: false
+          - name: min_and_max
+            label: Min and Max Validation
+            widget: number
+            min: 5
+            max: 10
+            required: false
+          - name: pattern
+            label: Pattern Validation
+            widget: number
+            pattern: ['[0-9]{3,}', 'Must be at least 3 digits']
+            required: false
+          - name: prefix
+            label: With Prefix
+            widget: number
+            prefix: '$'
+          - name: suffix
+            label: With Suffix
+            widget: number
+            suffix: '%'
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: number
+            prefix: '$'
+            suffix: '%'
+      - name: object
+        label: Object
+        file: _widgets/object.json
+        description: Object widget
+        fields:
+          - label: Required Validation
+            name: required
+            widget: object
+            fields:
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+              - label: Author
+                name: author
+                widget: string
+              - label: Thumbnail
+                name: thumb
+                widget: image
+          - label: Required With Defaults
+            name: with_defaults
+            widget: object
+            fields:
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                default: 5
+              - label: Author
+                name: author
+                widget: string
+                default: Bob
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                default: /assets/uploads/moby-dick.jpg
+          - label: Optional Validation
+            name: optional
+            widget: object
+            required: false
+            fields:
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                required: false
+              - label: Author
+                name: author
+                widget: string
+                required: false
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                required: false
+          - label: With Hidden Field
+            name: hidden_field
+            widget: object
+            required: false
+            fields:
+              - name: layout
+                widget: hidden
+                default: post
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                required: false
+              - label: Author
+                name: author
+                widget: string
+                required: false
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                required: false
+          - label: Collapsed, optional with required children
+            name: collapsed_optional_with_required_children
+            widget: object
+            required: false
+            collapsed: true
+            fields:
+              - name: layout
+                widget: hidden
+                default: post
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                required: true
+              - label: Author
+                name: author
+                widget: string
+                required: true
+              - label: Thumbnail
+                name: thumb
+                widget: image
+                required: true
+      - name: relation
+        label: Relation
+        file: _widgets/relation.json
+        description: Relation widget
+        fields:
+          - label: Required Validation
+            name: required
+            widget: relation
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+          - label: Required With Default
+            name: with_default
+            widget: relation
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+            default: This is a YAML front matter post
+          - label: Optional Validation
+            name: optional
+            widget: relation
+            required: false
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+          - label: Multiple
+            name: multiple
+            widget: relation
+            multiple: true
+            required: false
+            collection: posts
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+          - label: Multiple With Default
+            name: multiple_with_default
+            widget: relation
+            multiple: true
+            required: false
+            collection: posts
+            default:
+              - This is a JSON front matter post
+              - This is a YAML front matter post
+            display_fields:
+              - title
+              - date
+            search_fields:
+              - title
+              - date
+            value_field: title
+      - name: select
+        label: Select
+        file: _widgets/select.json
+        description: Select widget
+        fields:
+          - label: Required Validation
+            name: required
+            widget: select
+            options:
+              - a
+              - b
+              - c
+          - label: Required With Default
+            name: with_default
+            widget: select
+            default: b
+            options:
+              - a
+              - b
+              - c
+          - label: Pattern Validation
+            name: pattern
+            widget: select
+            options:
+              - a
+              - b
+              - c
+            pattern: ['[a-b]', 'Must be a or b']
+            required: false
+          - label: Number Value
+            name: number
+            widget: select
+            options:
+              - 1
+              - 2
+              - 3
+          - label: Number With Default
+            name: number_with_default
+            widget: select
+            default: 3
+            options:
+              - 1
+              - 2
+              - 3
+          - label: Value and Label
+            name: value_and_label
+            widget: select
+            options:
+              - value: a
+                label: A fancy label
+              - value: 2
+                label: Another fancy label
+              - value: c
+                label: And one more fancy label
+          - label: Value and Label With Default
+            name: value_and_label_with_default
+            widget: select
+            default: 2
+            options:
+              - value: a
+                label: A fancy label
+              - value: 2
+                label: Another fancy label
+              - value: c
+                label: And one more fancy label
+          - label: Multiple
+            name: multiple
+            widget: select
+            options:
+              - a
+              - b
+              - c
+            pattern: ['[a-b]', 'Must be a or b']
+            multiple: true
+            required: false
+          - label: Multiple With Default
+            name: multiple_with_default
+            widget: select
+            default:
+              - b
+              - c
+            options:
+              - a
+              - b
+              - c
+            pattern: ['[a-b]', 'Must be a or b']
+            multiple: true
+            required: false
+          - label: Value and Label Multiple
+            name: value_and_label_multiple
+            widget: select
+            multiple: true
+            options:
+              - value: a
+                label: A fancy label
+              - value: b
+                label: Another fancy label
+              - value: c
+                label: And one more fancy label
+      - name: string
+        label: String
+        file: _widgets/string.json
+        description: String widget
+        fields:
+          - name: required
+            label: Required Validation
+            widget: string
+          - name: with_default
+            label: Required With Default
+            widget: string
+            default: Default value
+          - name: pattern
+            label: Pattern Validation
+            widget: string
+            pattern: ['.{12,}', 'Must have at least 12 characters']
+            required: false
+          - name: prefix
+            label: With Prefix
+            widget: string
+            prefix: '$'
+          - name: suffix
+            label: With Suffix
+            widget: string
+            suffix: '%'
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: string
+            prefix: '$'
+            suffix: '%'
+      - name: text
+        label: Text
+        file: _widgets/text.json
+        description: Text widget
+        fields:
+          - name: required
+            label: 'Required Validation'
+            widget: text
+          - name: with_default
+            label: Required With Default
+            widget: text
+            default: Default value
+          - name: pattern
+            label: 'Pattern Validation'
+            widget: text
+            pattern: ['.{12,}', 'Must have at least 12 characters']
+            required: false
+      - name: uuid
+        label: UUID
+        file: _widgets/uuid.json
+        description: UUID widget
+        fields:
+          - name: uuid
+            label: UUID
+            widget: uuid
+          - name: no_regenerate
+            label: Does not allow regeneration
+            widget: uuid
+            allow_regenerate: false
+          - name: with_prefix
+            label: With Prefix
+            widget: uuid
+            prefix: 'book/'
+  - name: settings
+    label: Settings
+    delete: false
+    editor:
+      preview: false
+    files:
+      - name: general
+        label: Site Settings
+        file: _data/settings.json
+        description: General Site Settings
+        fields:
+          - label: Global title
+            name: site_title
+            widget: string
+          - label: Post Settings
+            name: posts
+            widget: object
+            fields:
+              - label: Number of posts on frontpage
+                name: front_limit
+                widget: number
+                min: 1
+                max: 10
+              - label: Default Author
+                name: author
+                widget: string
+              - label: Default Thumbnail
+                name: thumb
+                widget: image
+                required: false
+      - name: authors
+        label: Authors
+        file: _data/authors.yml
+        description: Author descriptions
+        editor:
+          preview: true
+        fields:
+          - name: authors
+            label: Authors
+            label_singular: Author
+            widget: list
+            fields:
+              - label: Name
+                name: name
+                widget: string
+                hint: First and Last
+              - label: Description
+                name: description
+                widget: text
+  - name: kitchenSink
+    label: Kitchen Sink
+    folder: _sink
+    create: true
+    fields:
+      - label: Related Post
+        name: post
+        widget: relationKitchenSinkPost
+        collection: posts
+        display_fields:
+          - title
+          - date
+        search_fields:
+          - title
+          - body
+        value_field: title
+      - label: Title
+        name: title
+        widget: string
+      - label: Boolean
+        name: boolean
+        widget: boolean
+        default: true
+      - label: Map
+        name: map
+        widget: map
+      - label: Text
+        name: text
+        widget: text
+        hint: 'Plain text, not markdown'
+      - label: Number
+        name: number
+        widget: number
+        hint: To infinity and beyond!
+      - label: Markdown
+        name: markdown
+        widget: markdown
+      - label: Datetime
+        name: datetime
+        widget: datetime
+      - label: Color
+        name: color
+        widget: color
+      - label: Color string editable and alpha enabled
+        name: colorEditable
+        widget: color
+        enable_alpha: true
+        allow_input: true
+      - label: Image
+        name: image
+        widget: image
+      - label: File
+        name: file
+        widget: file
+      - label: Select
+        name: select
+        widget: select
+        options:
+          - a
+          - b
+          - c
+      - label: Select multiple
+        name: select_multiple
+        widget: select
+        options:
+          - a
+          - b
+          - c
+        multiple: true
+      - label: Select numeric
+        name: select_numeric
+        widget: select
+        options:
+          - label: One
+            value: 1
+          - label: Two
+            value: 2
+          - label: Three
+            value: 3
+      - label: Select mixed string and numeric
+        name: select_mixed_string_numeric
+        widget: select
+        options:
+          - label: One
+            value: 'One'
+          - label: Two
+            value: 2
+          - label: Three
+            value: 3
+      - label: Hidden
+        name: hidden
+        widget: hidden
+        default: hidden
+      - label: Object
+        name: object
+        widget: object
+        collapsed: true
+        fields:
+          - label: Related Post
+            name: post
+            widget: relationKitchenSinkPost
+            collection: posts
+            search_fields:
+              - title
+              - body
+            value_field: title
+          - label: String
+            name: string
+            widget: string
+          - label: Boolean
+            name: boolean
+            widget: boolean
+            default: false
+          - label: Text
+            name: text
+            widget: text
+          - label: Number
+            name: number
+            widget: number
+          - label: Markdown
+            name: markdown
+            widget: markdown
+          - label: Datetime
+            name: datetime
+            widget: datetime
+          - label: Image
+            name: image
+            widget: image
+          - label: File
+            name: file
+            widget: file
+          - label: Select
+            name: select
+            widget: select
+            options:
+              - a
+              - b
+              - c
+      - label: List
+        name: list
+        widget: list
+        fields:
+          - label: String
+            name: string
+            widget: string
+          - label: Boolean
+            name: boolean
+            widget: boolean
+          - label: Text
+            name: text
+            widget: text
+          - label: Number
+            name: number
+            widget: number
+          - label: Markdown
+            name: markdown
+            widget: markdown
+          - label: Datetime
+            name: datetime
+            widget: datetime
+          - label: Image
+            name: image
+            widget: image
+          - label: File
+            name: file
+            widget: file
+          - label: Select
+            name: select
+            widget: select
+            options:
+              - a
+              - b
+              - c
+          - label: Object
+            name: object
+            widget: object
+            fields:
+              - label: String
+                name: string
+                widget: string
+              - label: Boolean
+                name: boolean
+                widget: boolean
+              - label: Text
+                name: text
+                widget: text
+              - label: Number
+                name: number
+                widget: number
+              - label: Markdown
+                name: markdown
+                widget: markdown
+              - label: Datetime
+                name: datetime
+                widget: datetime
+              - label: Image
+                name: image
+                widget: image
+              - label: File
+                name: file
+                widget: file
+              - label: Select
+                name: select
+                widget: select
+                options:
+                  - a
+                  - b
+                  - c
+              - label: List
+                name: list
+                widget: list
+                fields:
+                  - label: Related Post
+                    name: post
+                    widget: relationKitchenSinkPost
+                    collection: posts
+                    search_fields:
+                      - title
+                      - body
+                    value_field: title
+                  - label: String
+                    name: string
+                    widget: string
+                  - label: Boolean
+                    name: boolean
+                    widget: boolean
+                  - label: Text
+                    name: text
+                    widget: text
+                  - label: Number
+                    name: number
+                    widget: number
+                  - label: Markdown
+                    name: markdown
+                    widget: markdown
+                  - label: Datetime
+                    name: datetime
+                    widget: datetime
+                  - label: Image
+                    name: image
+                    widget: image
+                  - label: File
+                    name: file
+                    widget: file
+                  - label: Select
+                    name: select
+                    widget: select
+                    options:
+                      - a
+                      - b
+                      - c
+                  - label: Hidden
+                    name: hidden
+                    widget: hidden
+                    default: hidden
+                  - label: Object
+                    name: object
+                    widget: object
+                    fields:
+                      - label: String
+                        name: string
+                        widget: string
+                      - label: Boolean
+                        name: boolean
+                        widget: boolean
+                      - label: Text
+                        name: text
+                        widget: text
+                      - label: Number
+                        name: number
+                        widget: number
+                      - label: Markdown
+                        name: markdown
+                        widget: markdown
+                      - label: Datetime
+                        name: datetime
+                        widget: datetime
+                      - label: Image
+                        name: image
+                        widget: image
+                      - label: File
+                        name: file
+                        widget: file
+                      - label: Select
+                        name: select
+                        widget: select
+                        options:
+                          - a
+                          - b
+                          - c
+      - label: Typed List
+        name: typed_list
+        widget: list
+        types:
+          - label: Type 1 Object
+            name: type_1_object
+            widget: object
+            fields:
+              - label: String
+                name: string
+                widget: string
+              - label: Boolean
+                name: boolean
+                widget: boolean
+              - label: Text
+                name: text
+                widget: text
+          - label: Type 2 Object
+            name: type_2_object
+            widget: object
+            fields:
+              - label: Number
+                name: number
+                widget: number
+              - label: Select
+                name: select
+                widget: select
+                options:
+                  - a
+                  - b
+                  - c
+              - label: Datetime
+                name: datetime
+                widget: datetime
+              - label: Markdown
+                name: markdown
+                widget: markdown
+          - label: Type 3 Object
+            name: type_3_object
+            widget: object
+            fields:
+              - label: Image
+                name: image
+                widget: image
+              - label: File
+                name: file
+                widget: file
+  - name: i18n_playground
+    label: i18n Playground
+    i18n: true
+    folder: _i18n_playground
+    identifier_field: slug
+    create: true
+    fields:
+      # The slug field will be omitted from the translation.
+      - name: slug
+        label: Slug
+        widget: string
+      # same as 'i18n: translate'. Allows translation of the description field
+      - name: description
+        label: Description
+        widget: text
+        i18n: true
+      # The date field will be duplicated from the default locale.
+      - name: date
+        label: Date
+        widget: datetime
+        i18n: duplicate
+  - name: pages
+    label: Nested Pages
+    label_singular: 'Page'
+    folder: _nested_pages
+    create: true
+    # adding a nested object will show the collection folder structure
+    nested:
+      depth: 100 # max depth to show in the collection tree
+      summary: '{{title}}' # optional summary for a tree node, defaults to the inferred title field
+      # adding a path object allows editing the path of entries
+      # moving an existing entry will move the entire sub tree of the entry to the new location
+      path: { label: 'Path', index_file: 'index' }
+    fields:
+      - label: Title
+        name: title
+        widget: string
+      - label: Body
+        name: body
+        widget: markdown
diff --git a/packages/demo/public/intuitive-workflow-for-content-teams.svg b/packages/demo/public/intuitive-workflow-for-content-teams.svg
new file mode 100644
index 00000000..b8e9fc6a
--- /dev/null
+++ b/packages/demo/public/intuitive-workflow-for-content-teams.svg
@@ -0,0 +1 @@
+<svg width="318" height="198" viewBox="0 0 318 198" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>workflow</title><defs><rect id="b" width="300" height="180" rx="6"/><filter x="-6%" y="-7.8%" width="112%" filterUnits="objectBoundingBox" id="c"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.147843071 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feOffset dy="3" in="SourceAlpha" result="shadowOffsetOuter2"/><feGaussianBlur stdDeviation="4.5" in="shadowOffsetOuter2" result="shadowBlurOuter2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0974298007 0" in="shadowBlurOuter2" result="shadowMatrixOuter2"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="shadowMatrixOuter2"/></feMerge></filter><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="e"><stop stop-color="#942CB3" offset="0%"/><stop stop-color="#6B1884" offset="100%"/></linearGradient><rect id="g" x="10" y="29" width="80" height="38" rx="3"/><filter x="-4.4%" y="-6.6%" width="108.8%" height="118.4%" filterUnits="objectBoundingBox" id="f"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" in="shadowBlurOuter1"/></filter><rect id="i" x="10" y="119" width="80" height="38" rx="3"/><filter x="-4.4%" y="-6.6%" width="108.8%" height="118.4%" filterUnits="objectBoundingBox" id="h"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" in="shadowBlurOuter1"/></filter><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="j"><stop stop-color="#FFCD23" offset="0%"/><stop stop-color="#EFB900" offset="100%"/></linearGradient><rect id="l" x="110" y="29" width="80" height="38" rx="3"/><filter x="-4.4%" y="-6.6%" width="108.8%" height="118.4%" filterUnits="objectBoundingBox" id="k"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" in="shadowBlurOuter1"/></filter><rect id="a" x="110" y="74" width="80" height="38" rx="3"/><mask id="m" x="0" y="0" width="80" height="38" fill="#fff"><use xlink:href="#a"/></mask><path d="M88.4504 74.4665l73.8197 5.162c1.6528.1156 2.899 1.5491 2.7834 3.202l-2.2322 31.922c-.1155 1.6528-1.5491 2.899-3.202 2.7834l-73.8197-5.162c-1.6528-.1155-2.899-1.5491-2.7834-3.202l2.2322-31.922c.1156-1.6528 1.5492-2.899 3.202-2.7834z" id="o"/><filter x="-4.3%" y="-5.8%" width="108.5%" height="116.2%" filterUnits="objectBoundingBox" id="n"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" in="shadowBlurOuter1"/></filter><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="p"><stop stop-color="#95C21E" offset="0%"/><stop stop-color="#7CA511" offset="100%"/></linearGradient><rect id="r" x="210" y="29" width="80" height="38" rx="3"/><filter x="-4.4%" y="-6.6%" width="108.8%" height="118.4%" filterUnits="objectBoundingBox" id="q"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" in="shadowBlurOuter1"/></filter><rect id="t" x="210" y="74" width="80" height="38" rx="3"/><filter x="-4.4%" y="-6.6%" width="108.8%" height="118.4%" filterUnits="objectBoundingBox" id="s"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" in="shadowBlurOuter1"/></filter><rect id="v" x="210" y="119" width="80" height="38" rx="3"/><filter x="-4.4%" y="-6.6%" width="108.8%" height="118.4%" filterUnits="objectBoundingBox" id="u"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" in="shadowBlurOuter1"/></filter><path d="M213 164h74c1.6569 0 3 1.3431 3 3v13h-80v-13c0-1.6569 1.3431-3 3-3z" id="x"/><filter x="-4.4%" y="-15.6%" width="108.8%" height="143.8%" filterUnits="objectBoundingBox" id="w"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" in="shadowBlurOuter1"/></filter></defs><g transform="translate(9 6)" fill="none" fill-rule="evenodd"><mask id="d" fill="#fff"><use xlink:href="#b"/></mask><use fill="#000" filter="url(#c)" xlink:href="#b"/><use fill="#FFF" xlink:href="#b"/><path fill="#FDF7FF" mask="url(#d)" d="M0 0h100v180H0z"/><path fill="url(#e)" mask="url(#d)" d="M0 0h100v19H0z"/><text mask="url(#d)" font-family="Roboto-Black, Roboto" font-size="9" font-weight="700" letter-spacing=".45" fill="#FFF"><tspan x="32.0293" y="13">DRAFT</tspan> <tspan x="62.7823" y="13" letter-spacing=".5063">S</tspan></text><g mask="url(#d)"><use fill="#000" filter="url(#f)" xlink:href="#g"/><use fill="#FFF" xlink:href="#g"/></g><path fill="#D4D6DD" mask="url(#d)" d="M16 35h44v4H16z"/><path fill="#EFF0F4" mask="url(#d)" d="M16 43h68v4H16zm0 6h27v4H16z"/><g mask="url(#d)"><use fill="#000" filter="url(#h)" xlink:href="#i"/><use fill="#FFF" xlink:href="#i"/></g><path fill="#D4D6DD" mask="url(#d)" d="M16 125h44v4H16z"/><path fill="#EFF0F4" mask="url(#d)" d="M16 133h68v4H16zm0 6h27v4H16z"/><path fill="url(#j)" mask="url(#d)" d="M100 0h100v19H100z"/><text mask="url(#d)" font-family="Roboto-Black, Roboto" font-size="9" font-weight="700" letter-spacing=".45" fill="#FFF"><tspan x="126.1847" y="13">IN REVIEW</tspan></text><path fill="#FFF9E5" mask="url(#d)" d="M100 19h100v161H100z"/><g mask="url(#d)"><use fill="#000" filter="url(#k)" xlink:href="#l"/><use fill="#FFF" xlink:href="#l"/></g><path fill="#D4D6DD" mask="url(#d)" d="M116 35h44v4h-44z"/><path fill="#EFF0F4" mask="url(#d)" d="M116 43h68v4h-68zm0 6h27v4h-27z"/><g stroke-dasharray="5" mask="url(#d)" stroke="#EFB900" stroke-width="4"><use mask="url(#m)" xlink:href="#a"/></g><g mask="url(#d)"><use fill="#000" filter="url(#n)" xlink:href="#o"/><use fill="#FFF" xlink:href="#o"/></g><path fill="#D4D6DD" mask="url(#d)" d="M91.0245 80.6612l43.8929 3.0693-.279 3.9902-43.8929-3.0693z"/><path fill="#EFF0F4" mask="url(#d)" d="M90.4665 88.6417l67.8343 4.7434-.279 3.9903-67.8343-4.7435zm-.4185 5.9853l26.9342 1.8835-.279 3.9902-26.9343-1.8834z"/><path fill="url(#p)" mask="url(#d)" d="M200 0h100v19H200z"/><text mask="url(#d)" font-family="Roboto-Black, Roboto" font-size="9" font-weight="700" letter-spacing=".45" fill="#FFF"><tspan x="234.2927" y="13">READY</tspan></text><path fill="#F7FFE1" mask="url(#d)" d="M200 19h100v161H200z"/><g mask="url(#d)"><use fill="#000" filter="url(#q)" xlink:href="#r"/><use fill="#FFF" xlink:href="#r"/></g><path fill="#D4D6DD" mask="url(#d)" d="M216 35h44v4h-44z"/><path fill="#EFF0F4" mask="url(#d)" d="M216 43h68v4h-68zm0 6h27v4h-27z"/><g mask="url(#d)"><use fill="#000" filter="url(#s)" xlink:href="#t"/><use fill="#FFF" xlink:href="#t"/></g><path fill="#D4D6DD" mask="url(#d)" d="M216 80h44v4h-44z"/><path fill="#EFF0F4" mask="url(#d)" d="M216 88h68v4h-68zm0 6h27v4h-27z"/><g mask="url(#d)"><use fill="#000" filter="url(#u)" xlink:href="#v"/><use fill="#FFF" xlink:href="#v"/></g><path fill="#D4D6DD" mask="url(#d)" d="M216 125h44v4h-44z"/><path fill="#EFF0F4" mask="url(#d)" d="M216 133h68v4h-68zm0 6h27v4h-27z"/><g mask="url(#d)"><use fill="#000" filter="url(#w)" xlink:href="#x"/><use fill="#FFF" xlink:href="#x"/></g><path fill="#D4D6DD" mask="url(#d)" d="M216 170h44v4h-44z"/><path fill="#EFF0F4" mask="url(#d)" d="M216 178h68v2h-68z"/></g></svg>
\ No newline at end of file
diff --git a/packages/demo/public/config.yml b/packages/demo/public/simple/config.yml
similarity index 96%
rename from packages/demo/public/config.yml
rename to packages/demo/public/simple/config.yml
index 54acdc6e..235d52d5 100644
--- a/packages/demo/public/config.yml
+++ b/packages/demo/public/simple/config.yml
@@ -1,7 +1,7 @@
 backend:
   name: test-repo
-site_url: 'https://staticcms.org/'
-media_folder: assets/uploads
+site_url: 'https://example.com'
+media_folder: /assets/uploads
 media_library:
   folder_support: true
 locale: en
@@ -17,7 +17,7 @@ i18n:
 
   # Optional, defaults to the first item in locales.
   # The locale to be used for fields validation and as a baseline for the entry.
-  defaultLocale: en
+  default_locale: en
 collections:
   - name: posts
     label: Posts
@@ -30,7 +30,6 @@ collections:
     summary_fields:
       - title
       - date
-      - draft
     sortable_fields:
       fields:
         - title
@@ -39,29 +38,25 @@ collections:
         field: title
     create: true
     view_filters:
-      - label: Posts With Index
-        field: title
-        pattern: 'This is post #'
-      - label: Posts Without Index
-        field: title
-        pattern: front matter post
-      - label: Drafts
-        field: draft
-        pattern: true
+      filters:
+        - name: posts-with-index
+          label: Posts With Index
+          field: title
+          pattern: 'This is post #'
+        - name: posts-without-index
+          label: Posts Without Index
+          field: title
+          pattern: front matter post
     view_groups:
-      - label: Year
-        field: date
-        pattern: '\d{4}'
-      - label: Drafts
-        field: draft
+      groups:
+        - name: by-year
+          label: Year
+          field: date
+          pattern: '\d{4}'
     fields:
       - label: Title
         name: title
         widget: string
-      - label: Draft
-        name: draft
-        widget: boolean
-        default: false
       - label: Publish Date
         name: date
         widget: datetime
@@ -75,7 +70,7 @@ collections:
       - label: Body
         name: body
         widget: markdown
-        hint: Main content goes here.
+        hint: "*Main* __content__ __*goes*__ [here](https://example.com/)."
   - name: faq
     label: FAQ
     folder: _faqs
@@ -149,6 +144,19 @@ collections:
             widget: boolean
             pattern: ['true', 'Must be true']
             required: false
+          - name: prefix
+            label: With Prefix
+            widget: boolean
+            prefix: "I'm a prefix"
+          - name: suffix
+            label: With Suffix
+            widget: boolean
+            suffix: "I'm a suffix"
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: boolean
+            prefix: "I'm a prefix"
+            suffix: "I'm a suffix"
       - name: code
         label: Code
         file: _widgets/code.json
@@ -570,6 +578,7 @@ collections:
               - label: Type 2 Object
                 name: type_2_object
                 widget: object
+                summary: "{{datetime | date('yyyy-MM-dd')}}"
                 fields:
                   - label: Number
                     name: number
@@ -777,6 +786,19 @@ collections:
             widget: number
             pattern: ['[0-9]{3,}', 'Must be at least 3 digits']
             required: false
+          - name: prefix
+            label: With Prefix
+            widget: number
+            prefix: '$'
+          - name: suffix
+            label: With Suffix
+            widget: number
+            suffix: '%'
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: number
+            prefix: '$'
+            suffix: '%'
       - name: object
         label: Object
         file: _widgets/object.json
@@ -1054,6 +1076,19 @@ collections:
             widget: string
             pattern: ['.{12,}', 'Must have at least 12 characters']
             required: false
+          - name: prefix
+            label: With Prefix
+            widget: string
+            prefix: '$'
+          - name: suffix
+            label: With Suffix
+            widget: string
+            suffix: '%'
+          - name: prefix_and_suffix
+            label: With Prefix and Suffix
+            widget: string
+            prefix: '$'
+            suffix: '%'
       - name: text
         label: Text
         file: _widgets/text.json
@@ -1098,11 +1133,6 @@ collections:
         file: _data/settings.json
         description: General Site Settings
         fields:
-          - label: Number of posts on frontpage
-            name: front_limit
-            widget: number
-            min: 1
-            max: 10
           - label: Global title
             name: site_title
             widget: string
diff --git a/packages/demo/src/cms.js b/packages/demo/src/cms.js
new file mode 100644
index 00000000..2afd87ad
--- /dev/null
+++ b/packages/demo/src/cms.js
@@ -0,0 +1,170 @@
+import cms, { useMediaAsset } from '@staticcms/core';
+
+import '@staticcms/core/dist/main.css';
+
+import './data';
+
+// Register all the things
+cms.init();
+
+const PostPreview = ({ entry, widgetFor }) => {
+  return h(
+    'div',
+    {},
+    h('div', { className: 'cover' }, h('h1', {}, entry.data.title), widgetFor('image')),
+    h('p', {}, h('small', {}, 'Written ' + entry.data.date)),
+    h('div', { className: 'text' }, widgetFor('body')),
+  );
+};
+
+const PostDateFieldPreview = ({ value }) => {
+  const date = new Date(value);
+
+  const month = date.getMonth() + 1;
+  const day = date.getDate();
+
+  return h(
+    'div',
+    {},
+    `${date.getFullYear()}-${month < 10 ? `0${month}` : month}-${day < 10 ? `0${day}` : day}`,
+  );
+};
+
+const GeneralPreview = ({ widgetsFor, entry, collection }) => {
+  const title = entry.data.site_title;
+  const posts = entry.data.posts;
+  const thumb = posts && posts.thumb;
+
+  const thumbUrl = useMediaAsset(thumb, collection, undefined, entry);
+
+  return h(
+    'div',
+    {},
+    h('h1', {}, title),
+    h(
+      'dl',
+      {},
+      h('dt', {}, 'Posts on Frontpage'),
+      h('dd', {}, widgetsFor('posts').widgets.front_limit ?? 0),
+
+      h('dt', {}, 'Default Author'),
+      h('dd', {}, widgetsFor('posts').data?.author ?? 'None'),
+
+      h('dt', {}, 'Default Thumbnail'),
+      h('dd', {}, thumb && h('img', { src: thumbUrl })),
+    ),
+  );
+};
+
+const AuthorsPreview = ({ widgetsFor }) => {
+  return h(
+    'div',
+    {},
+    h('h1', {}, 'Authors'),
+    widgetsFor('authors').map(function (author, index) {
+      return h(
+        'div',
+        { key: index },
+        h('hr', {}),
+        h('strong', {}, author.data.name),
+        author.widgets.description,
+      );
+    }),
+  );
+};
+
+const CustomPage = () => {
+  return h('div', {}, 'I am a custom page!');
+};
+
+cms.registerPreviewTemplate('posts', PostPreview);
+cms.registerFieldPreview('posts', 'date', PostDateFieldPreview);
+cms.registerPreviewTemplate('general', GeneralPreview);
+cms.registerPreviewTemplate('authors', AuthorsPreview);
+// Pass the name of a registered control to reuse with a new widget preview.
+cms.registerWidget('relationKitchenSinkPost', 'relation');
+cms.registerAdditionalLink({
+  id: 'example',
+  title: 'Example.com',
+  data: 'https://example.com',
+  options: {
+    icon: 'page',
+  },
+});
+cms.registerAdditionalLink({
+  id: 'custom-page',
+  title: 'Custom Page',
+  data: CustomPage,
+  options: {
+    icon: 'page',
+  },
+});
+
+cms.registerTheme({
+  name: 'Custom Red Orange',
+  extends: 'dark',
+  primary: {
+    main: '#ff4500',
+  },
+});
+
+cms.registerShortcode('youtube', {
+  label: 'YouTube',
+  openTag: '[',
+  closeTag: ']',
+  separator: '|',
+  toProps: args => {
+    if (args.length > 0) {
+      return { src: args[0] };
+    }
+
+    return { src: '' };
+  },
+  toArgs: ({ src }) => {
+    return [src];
+  },
+  control: ({ src, onChange }) => {
+    const theme = useTheme();
+
+    return h('span', {}, [
+      h('input', {
+        key: 'control-input',
+        value: src,
+        onChange: event => {
+          onChange({ src: event.target.value });
+        },
+        style: {
+          width: '100%',
+          backgroundColor: theme.common.gray,
+          color: theme.text.primary,
+          padding: '4px 8px',
+        },
+      }),
+      h(
+        'iframe',
+        {
+          key: 'control-preview',
+          width: '100%',
+          height: '315',
+          src: `https://www.youtube.com/embed/${src}`,
+        },
+        '',
+      ),
+    ]);
+  },
+  preview: ({ src }) => {
+    return h(
+      'span',
+      {},
+      h(
+        'iframe',
+        {
+          width: '420',
+          height: '315',
+          src: `https://www.youtube.com/embed/${src}`,
+        },
+        '',
+      ),
+    );
+  },
+});
diff --git a/packages/demo/src/cms.jsx b/packages/demo/src/cms.jsx
deleted file mode 100644
index 84e85952..00000000
--- a/packages/demo/src/cms.jsx
+++ /dev/null
@@ -1,300 +0,0 @@
-import cms, { useMediaAsset } from "@staticcms/core";
-
-import "@staticcms/core/dist/main.css";
-
-// Register all the things
-cms.init();
-
-const PostPreview = ({ entry, widgetFor }) => {
-  return (
-    <div>
-      <div className="cover">
-        <h1>{entry.data.title}</h1>
-        {widgetFor("image")}
-      </div>
-      <p>
-        <small>Written {entry.data.date}</small>
-      </p>
-      <div className="text">{widgetFor("body")}</div>
-    </div>
-  );
-};
-
-const PostPreviewCard = ({ entry, theme, hasLocalBackup }) => {
-  const date = new Date(entry.data.date);
-
-  const month = date.getMonth() + 1;
-  const day = date.getDate();
-
-  const image = entry.data.image;
-
-  return (
-    <div style={{ width: "100%" }}>
-      <div
-        style={{
-          width: "100%",
-          borderTopLeftRadius: "8px",
-          borderTopRightRadius: "8px",
-          overflow: "hidden",
-          height: "140px",
-          backgroundSize: "cover",
-          backgroundRepeat: "no-repeat",
-          backgroundPosition: "center",
-          objectFit: "cover",
-          backgroundImage: `url('${image}')`,
-        }}
-      />
-      <div style={{ padding: "16px", width: "100%" }}>
-        <div
-          style={{
-            display: "flex",
-            width: "100%",
-            justifyContent: "space-between",
-            alignItems: "start",
-            gap: "4px",
-            color: theme === "dark" ? "white" : "inherit",
-          }}
-        >
-          <div
-            style={{
-              display: "flex",
-              flexDirection: "column",
-              alignItems: "baseline",
-              gap: "4px",
-            }}
-          >
-            <div
-              style={{
-                fontSize: "14px",
-                fontWeight: 700,
-                color: "rgb(107, 114, 128)",
-                lineHeight: "18px",
-              }}
-            >
-              {entry.data.title}
-            </div>
-            <span style={{ fontSize: "14px" }}>{`${date.getFullYear()}-${month < 10 ? `0${month}` : month}-${
-              day < 10 ? `0${day}` : day
-            }`}</span>
-          </div>
-          <div
-            style={{
-              display: "flex",
-              alignItems: "center",
-              whiteSpace: "no-wrap",
-              gap: "8px",
-            }}
-          >
-            {hasLocalBackup ? (
-              <div
-                style={{
-                  border: "2px solid rgb(147, 197, 253)",
-                  borderRadius: "50%",
-                  color: "rgb(147, 197, 253)",
-                  height: "18px",
-                  width: "18px",
-                  fontWeight: "bold",
-                  fontSize: "11px",
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  textAlign: "center",
-                }}
-                title="Has local backup"
-              >
-                i
-              </div>
-            ) : null}
-            <div
-              style={{
-                backgroundColor: entry.data.draft === true ? "rgb(37, 99, 235)" : "rgb(22, 163, 74)",
-                color: "white",
-                border: "none",
-                padding: "2px 6px",
-                textAlign: "center",
-                textDecoration: "none",
-                display: "inline-block",
-                cursor: "pointer",
-                borderRadius: "4px",
-                fontSize: "14px",
-              }}
-            >
-              {entry.data.draft === true ? "Draft" : "Published"}
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-const PostDateFieldPreview = ({ value }) => {
-  const date = new Date(value);
-
-  const month = date.getMonth() + 1;
-  const day = date.getDate();
-
-  return <div>{`${date.getFullYear()}-${month < 10 ? `0${month}` : month}-${day < 10 ? `0${day}` : day}`}</div>;
-};
-
-const PostDraftFieldPreview = ({ value }) => {
-  return (
-    <div
-      style={{
-        backgroundColor: value === true ? "rgb(37 99 235)" : "rgb(22 163 74)",
-        color: "white",
-        border: "none",
-        padding: "2px 6px",
-        textAlign: "center",
-        textDecoration: "none",
-        display: "inline-block",
-        cursor: "pointer",
-        borderRadius: "4px",
-        fontSize: "14px",
-        lineHeight: "16px",
-        height: "20px",
-      }}
-    >
-      {value === true ? "Draft" : "Published"}
-    </div>
-  );
-};
-
-const GeneralPreview = ({ widgetsFor, entry }) => {
-  const title = entry.data.site_title;
-  const posts = entry.data.posts;
-  const thumb = posts && posts.thumb;
-
-  const thumbUrl = useMediaAsset(thumb);
-
-  return (
-    <div>
-      <h1>{title}</h1>
-      <dl>
-        <dt>Posts on Frontpage</dt>
-        <dd>{widgetsFor("posts").widgets.front_limit ?? 0}</dd>
-      </dl>
-      <dl>
-        <dt>Default Author</dt>
-        <dd>{widgetsFor("posts").data?.author ?? "None"}</dd>
-      </dl>
-      <dl>
-        <dt>Default Thumbnail</dt>
-        <dd>{thumb && <img src={thumbUrl} />}</dd>
-      </dl>
-    </div>
-  );
-};
-
-const AuthorsPreview = ({ widgetsFor }) => {
-  return (
-    <div>
-      <h1>Authors</h1>
-      {widgetsFor("authors").map((author, index) => (
-        <div key={index}>
-          <hr />
-          <strong>{author.data.name}</strong>
-          {author.widgets.description}
-        </div>
-      ))}
-    </div>
-  );
-};
-
-const RelationKitchenSinkPostPreview = ({ fieldsMetaData }) => {
-  // When a post is selected from the relation field, all of it's data
-  // will be available in the field's metadata nested under the collection
-  // name, and then further nested under the value specified in `value_field`.
-  // In this case, the post would be nested under "posts" and then under
-  // the title of the selected post, since our `value_field` in the config
-  // is "title".
-  const post = fieldsMetaData && fieldsMetaData.posts.value;
-
-  if (!post) {
-    return null;
-  }
-
-  return (
-    <div style={{ border: "2px solid #ccc", borderRadius: "8px", padding: "20px" }}>
-      <h2>Related Post</h2>
-      <h3>{post.title}</h3>
-      <img src={post.image} />
-      <p>{(post.body ?? "").slice(0, 100) + "..."}</p>
-    </div>
-  );
-};
-
-const CustomPage = () => {
-  return <div>I am a custom page!</div>;
-};
-
-cms.registerPreviewTemplate("posts", PostPreview);
-CMS.registerPreviewCard("posts", PostPreviewCard, () => 240);
-CMS.registerFieldPreview("posts", "date", PostDateFieldPreview);
-CMS.registerFieldPreview("posts", "draft", PostDraftFieldPreview);
-cms.registerPreviewTemplate("general", GeneralPreview);
-cms.registerPreviewTemplate("authors", AuthorsPreview);
-// Pass the name of a registered control to reuse with a new widget preview.
-cms.registerWidget("relationKitchenSinkPost", "relation", RelationKitchenSinkPostPreview);
-cms.registerAdditionalLink({
-  id: "docs",
-  title: "Static CMS Docs",
-  data: "https://staticcms.org",
-  options: {
-    icon: "page",
-  },
-});
-cms.registerAdditionalLink({
-  id: "config",
-  title: "Demo config.yml",
-  data: "https://github.com/StaticJsCMS/static-cms/blob/main/packages/demo/public/config.yml",
-  options: {
-    icon: "page",
-  },
-});
-cms.registerAdditionalLink({
-  id: "custom-page",
-  title: "Custom Page",
-  data: CustomPage,
-  options: {
-    icon: "page",
-  },
-});
-
-cms.registerShortcode("youtube", {
-  label: "YouTube",
-  openTag: "[",
-  closeTag: "]",
-  separator: "|",
-  toProps: (args) => {
-    if (args.length > 0) {
-      return { src: args[0] };
-    }
-
-    return { src: "" };
-  },
-  toArgs: ({ src }) => {
-    return [src];
-  },
-  control: ({ src, onChange }) => {
-    return (
-      <span>
-        <input
-          key="control-input"
-          value={src}
-          onChange={(event) => {
-            onChange({ src: event.target.value });
-          }}
-        />
-        <iframe key="control-preview" width="420" height="315" src={`https://www.youtube.com/embed/${src}`} />
-      </span>
-    );
-  },
-  preview: ({ src }) => {
-    return (
-      <span>
-        <iframe width="420" height="315" src={`https://www.youtube.com/embed/${src}`} />
-      </span>
-    );
-  },
-});
diff --git a/packages/demo/src/data.js b/packages/demo/src/data.js
new file mode 100644
index 00000000..ad3eafc2
--- /dev/null
+++ b/packages/demo/src/data.js
@@ -0,0 +1,302 @@
+window.repoFiles = {
+  assets: {
+    uploads: {
+      'moby-dick.jpg': {
+        content: '',
+      },
+      'lobby.jpg': {
+        content: '',
+      },
+      'Other Pics': {
+        'moby-dick.jpg': {
+          content: '',
+        },
+        'lobby.jpg': {
+          content: '',
+        },
+      },
+    },
+  },
+  _posts: {
+    '2015-02-14-this-is-a-post.md': {
+      content:
+        '---\ntitle: This is a YAML front matter post\nimage: /assets/uploads/moby-dick.jpg\ndate: 2015-02-13T00:00:00.000Z\n---\n\n# I Am a Title in Markdown\n\nHello, world\n\n* One Thing\n* Another Thing\n* A Third Thing\n',
+    },
+    '2015-02-15-this-is-a-json-frontmatter-post.md': {
+      content:
+        '{\n"title": "This is a JSON front matter post",\n"image": "/assets/uploads/moby-dick.jpg",\n"date": "2015-02-14T00:00:00.000Z"\n}\n\n# I Am a Title in Markdown\n\nHello, world\n\n* One Thing\n* Another Thing\n* A Third Thing\n',
+    },
+    '2015-02-15-this-is-a-toml-frontmatter-post.md': {
+      content:
+        '+++\ntitle = "This is a TOML front matter post"\nimage = "/assets/uploads/moby-dick.jpg"\ndate = "2015-02-15T00:00:00.000Z"\n+++\n\n# I Am a Title in Markdown\n\nHello, world\n\n* One Thing\n* Another Thing\n* A Third Thing\n',
+    },
+    '2015-02-14-this-is-a-post-with-a-different-extension.other': {
+      content:
+        '---\ntitle: This post should not appear because the extension is different\nimage: /assets/uploads/moby-dick.jpg\ndate: 2015-02-16T00:00:00.000Z\n---\n\n# I Am a Title in Markdown\n\nHello, world\n\n* One Thing\n* Another Thing\n* A Third Thing\n',
+    },
+  },
+  _faqs: {
+    'what-is-static-cms.md': {
+      content:
+        '---\ntitle: What is Static CMS?\ndate: 2015-11-02T00:00.000Z\n---\n\n# Static CMS is Content Manager for Static Site Generators\n\nStatic sites are many times faster, cheaper and safer and traditional dynamic websites.\n\nModern static site generators like Jekyll, Middleman, Roots or Hugo are powerful publishing and development systems, but when we build sites for non-technical users, we need a layer on top of them.\n\nStatic CMS is there to let your marketing team push new content to your public site, or to let technical writers work on your documentation.\n\nStatic CMS integrates with Git and turns normal content editors into git committers.\n\n',
+    },
+    'what-is-jam-stack.md': {
+      content:
+        "---\ntitle: What is the “JAM Stack”?\ndate: 2015-11-02T00:00.000Z\n---\n\n# The JAM stack is a new way of building websites and apps that are fast, secure and simple to work with.\n\nJAM stands for JavaScript, APIs and Markup. It's the fastest growing new stack for building websites and apps: no more servers, host all your front-end on a CDN and use APIs for any moving parts.\n\n",
+    },
+    'cache-invalidation.md': {
+      content:
+        '---\ntitle: What about Cache Invalidation?\ndate: 2015-11-02T00:00.000Z\n---\n\n# Netlify handles cache invalidation automatically\n\nWhen your changes go live, they go live.\n\nNo waiting for cache purges, no cumbersome varnish setup, no API calls to clean your distribution. Netlify handles cache purges within an average of 250ms from your deploy!\n\n',
+    },
+    'continuous-deployment.md': {
+      content:
+        '---\ntitle: Does Netlify support Continuous Deployment?\ndate: 2015-11-02T00:00.000Z\n---\n\n# Yes, Netlify let you Integrate your site or web-app to GitHub, GitLab or BitBucket and run your build tool on our servers.\n\nAutomatically rebuild your site every time your content changes: trigger builds by pushing to git or via webhooks.\n\n',
+    },
+  },
+  _data: {
+    'settings.json': {
+      content: '{"site_title": "CMS Demo"}',
+    },
+    'authors.yml': {
+      content:
+        'authors:\n  - name: Mathias\n    description: Co-founder @ Netlify\n  - name: Chris\n    description: Co-founder @ Netlify\n',
+    },
+  },
+  _widgets: {
+    'boolean.json': {
+      content: '{}',
+    },
+    'code.json': {
+      content: '{}',
+    },
+    'color.json': {
+      content: '{}',
+    },
+    'datetime.json': {
+      content: '{}',
+    },
+    'file.json': {
+      content: '{}',
+    },
+    'image.json': {
+      content: `{}`,
+    },
+    'map.json': {
+      content: '{}',
+    },
+    'markdown.json': {
+      content: '{}',
+    },
+    'number.json': {
+      content: '{}',
+    },
+    'object.json': {
+      content: '{}',
+    },
+    'relation.json': {
+      content: '{}',
+    },
+    'select.json': {
+      content: '{}',
+    },
+    'string.json': {
+      content: '{}',
+    },
+    'text.json': {
+      content: '{}',
+    },
+  },
+  _sink: {
+    'a-big-entry-with-all-the-things.md': {
+      content:
+        "---\ntitle: CHAPTER 1. Loomings.\nboolean: true\ntext: >-\n  Call me Ishmael. Some years ago—never mind how long precisely—having little or\n  no money in my purse, and nothing particular to interest me on shore, I\n  thought I would sail about a little and see the watery part of the world. It\n  is a way I have of driving off the spleen and regulating the circulation.\n  Whenever I find myself growing grim about the mouth; whenever it is a damp,\n  drizzly November in my soul; whenever I find myself involuntarily pausing\n  before coffin warehouses, and bringing up the rear of every funeral I meet;\n  and especially whenever my hypos get such an upper hand of me, that it\n  requires a strong moral principle to prevent me from deliberately stepping\n  into the street, and methodically knocking people’s hats off—then, I account\n  it high time to get to sea as soon as I can. This is my substitute for pistol\n  and ball. With a philosophical flourish Cato throws himself upon his sword; I\n  quietly take to the ship. There is nothing surprising in this. If they but\n  knew it, almost all men in their degree, some time or other, cherish very\n  nearly the same feelings towards the ocean with me.\nnumber: '111111'\nmarkdown: \"# Call me Ishmael. Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation. Whenever I find myself growing grim about the mouth; whenever it is a damp, drizzly November in my soul; whenever I find myself involuntarily pausing before coffin warehouses, and bringing up the rear of every funeral I meet; and especially whenever my hypos get such an upper hand of me, that it requires a strong moral principle to prevent me from deliberately stepping into the street, and methodically knocking people’s hats off—then, I account it high time to get to sea as soon as I can. This is my substitute for pistol and ball. With a philosophical flourish Cato throws himself upon his sword; I quietly take to the ship. There is nothing surprising in this. If they but knew it, almost all men in their degree, some time or other, cherish very nearly the same feelings towards the ocean with me.\\n\\n## There now is your insular city of the Manhattoes, belted round by wharves as Indian isles by coral reefs—commerce surrounds it with her surf. Right and left, the streets take you waterward. Its extreme downtown is the battery, where that noble mole is washed by waves, and cooled by breezes, which a few hours previous were out of sight of land. Look at the crowds of water-gazers there.\\n\\n**Circumambulate the city of a dreamy Sabbath afternoon. Go from Corlears Hook to Coenties Slip, and from thence, by Whitehall, northward. What do you see?—Posted like silent sentinels all around the town, stand thousands upon thousands of mortal men fixed in ocean reveries. Some leaning against the spiles; some seated upon the pier-heads; some looking over the bulwarks of ships from China; some high aloft in the rigging, as if striving to get a still better seaward peep. But these are all landsmen; of week days pent up in lath and plaster—tied to counters, nailed to benches, clinched to desks. How then is this? Are the green fields gone? What do they here?**\\n\\n*But look! here come more crowds, pacing straight for the water, and seemingly bound for a dive. Strange! Nothing will content them but the extremest limit of the land; loitering under the shady lee of yonder warehouses will not suffice. No. They must get just as nigh the water as they possibly can without falling in. And there they stand—miles of them—leagues. Inlanders all, they come from lanes and alleys, streets and avenues—north, east, south, and west. Yet here they all unite. Tell me, does the magnetic virtue of the needles of the compasses of all those ships attract them thither?*\\n\\n[Once more. Say you are in the country; in some high land of lakes. Take almost any path you please, and ten to one it carries you down in a dale, and leaves you there by a pool in the stream. There is magic in it. Let the most absent-minded of men be plunged in his deepest reveries—stand that man on his legs, set his feet a-going, and he will infallibly lead you to water, if water there be in all that region. Should you ever be athirst in the great American desert, try this experiment, if your caravan happen to be supplied with a metaphysical professor. Yes, as every one knows, meditation and water are wedded for ever.](https://staticcms.org)\\n\\n![moby dick](/assets/uploads/moby-dick.jpg)\\n\\n{{< youtube lZ6NEHDgk58 >}}\\n\\nBut here is an artist. He desires to paint you the dreamiest, shadiest, quietest, most enchanting bit of romantic landscape in all the valley of the Saco. What is the chief element he employs? There stand his trees, each with a hollow trunk, as if a hermit and a crucifix were within; and here sleeps his meadow, and there sleep his cattle; and up from yonder cottage goes a sleepy smoke. Deep into distant woodlands winds a mazy way, reaching to overlapping spurs of mountains bathed in their hill-side blue. But though the picture lies thus tranced, and though this pine-tree shakes down its sighs like leaves upon this shepherd’s head, yet all were vain, unless the shepherd’s eye were fixed upon the magic stream before him. Go visit the Prairies in June, when for scores on scores of miles you wade knee-deep among Tiger-lilies—what is the one charm wanting?—Water—there is not a drop of water there! Were Niagara but a cataract of sand, would you travel your thousand miles to see it? Why did the poor poet of Tennessee, upon suddenly receiving two handfuls of silver, deliberate whether to buy him a coat, which he sadly needed, or invest his money in a pedestrian trip to Rockaway Beach? Why is almost every robust healthy boy with a robust healthy soul in him, at some time or other crazy to go to sea? Why upon your first voyage as a passenger, did you yourself feel such a mystical vibration, when first told that you and your ship were now out of sight of land? Why did the old Persians hold the sea holy? Why did the Greeks give it a separate deity, and own brother of Jove? Surely all this is not without meaning. And still deeper the meaning of that story of Narcissus, who because he could not grasp the tormenting, mild image he saw in the fountain, plunged into it and was drowned. But that same image, we ourselves see in all rivers and oceans. It is the image of the ungraspable phantom of life; and this is the key to it all.\\n\\nNow, when I say that I am in the habit of going to sea whenever I begin to grow hazy about the eyes, and begin to be over conscious of my lungs, I do not mean to have it inferred that I ever go to sea as a passenger. For to go as a passenger you must needs have a purse, and a purse is but a rag unless you have something in it. Besides, passengers get sea-sick—grow quarrelsome—don’t sleep of nights—do not enjoy themselves much, as a general thing;—no, I never go as a passenger; nor, though I am something of a salt, do I ever go to sea as a Commodore, or a Captain, or a Cook. I abandon the glory and distinction of such offices to those who like them. For my part, I abominate all honourable respectable toils, trials, and tribulations of every kind whatsoever. It is quite as much as I can do to take care of myself, without taking care of ships, barques, brigs, schooners, and what not. And as for going as cook,—though I confess there is considerable glory in that, a cook being a sort of officer on ship-board—yet, somehow, I never fancied broiling fowls;—though once broiled, judiciously buttered, and judgmatically salted and peppered, there is no one who will speak more respectfully, not to say reverentially, of a broiled fowl than I will. It is out of the idolatrous dotings of the old Egyptians upon broiled ibis and roasted river horse, that you see the mummies of those creatures in their huge bake-houses the pyramids.\\n\\nNo, when I go to sea, I go as a simple sailor, right before the mast, plumb down into the forecastle, aloft there to the royal mast-head. True, they rather order me about some, and make me jump from spar to spar, like a grasshopper in a May meadow. And at first, this sort of thing is unpleasant enough. It touches one’s sense of honour, particularly if you come of an old established family in the land, the Van Rensselaers, or Randolphs, or Hardicanutes. And more than all, if just previous to putting your hand into the tar-pot, you have been lording it as a country schoolmaster, making the tallest boys stand in awe of you. The transition is a keen one, I assure you, from a schoolmaster to a sailor, and requires a strong decoction of Seneca and the Stoics to enable you to grin and bear it. But even this wears off in time.\\n\\nWhat of it, if some old hunks of a sea-captain orders me to get a broom and sweep down the decks? What does that indignity amount to, weighed, I mean, in the scales of the New Testament? Do you think the archangel Gabriel thinks anything the less of me, because I promptly and respectfully obey that old hunks in that particular instance? Who ain’t a slave? Tell me that. Well, then, however the old sea-captains may order me about—however they may thump and punch me about, I have the satisfaction of knowing that it is all right; that everybody else is one way or other served in much the same way—either in a physical or metaphysical point of view, that is; and so the universal thump is passed round, and all hands should rub each other’s shoulder-blades, and be content.\\n\\nAgain, I always go to sea as a sailor, because they make a point of paying me for my trouble, whereas they never pay passengers a single penny that I ever heard of. On the contrary, passengers themselves must pay. And there is all the difference in the world between paying and being paid. The act of paying is perhaps the most uncomfortable infliction that the two orchard thieves entailed upon us. But_*being paid*,—what will compare with it? The urbane activity with which a man receives money is really marvellous, considering that we so earnestly believe money to be the root of all earthly ills, and that on no account can a monied man enter heaven. Ah! how cheerfully we consign ourselves to perdition!\\n\\nFinally, I always go to sea as a sailor, because of the wholesome exercise and pure air of the fore-castle deck. For as in this world, head winds are far more prevalent than winds from astern (that is, if you never violate the Pythagorean maxim), so for the most part the Commodore on the quarter-deck gets his atmosphere at second hand from the sailors on the forecastle. He thinks he breathes it first; but not so. In much the same way do the commonalty lead their leaders in many other things, at the same time that the leaders little suspect it. But wherefore it was that after having repeatedly smelt the sea as a merchant sailor, I should now take it into my head to go on a whaling voyage; this the invisible police officer of the Fates, who has the constant surveillance of me, and secretly dogs me, and influences me in some unaccountable way—he can better answer than any one else. And, doubtless, my going on this whaling voyage, formed part of the grand programme of Providence that was drawn up a long time ago. It came in as a sort of brief interlude and solo between more extensive performances. I take it that this part of the bill must have run something like this:\\n\\n“*Grand Contested Election for the Presidency of the United States.*_“WHALING VOYAGE BY ONE ISHMAEL. “BLOODY BATTLE IN AFFGHANISTAN.”\\n\\nThough I cannot tell why it was exactly that those stage managers, the Fates, put me down for this shabby part of a whaling voyage, when others were set down for magnificent parts in high tragedies, and short and easy parts in genteel comedies, and jolly parts in farces—though I cannot tell why this was exactly; yet, now that I recall all the circumstances, I think I can see a little into the springs and motives which being cunningly presented to me under various disguises, induced me to set about performing the part I did, besides cajoling me into the delusion that it was a choice resulting from my own unbiased freewill and discriminating judgment.\\n\\nChief among these motives was the overwhelming idea of the great whale himself. Such a portentous and mysterious monster roused all my curiosity. Then the wild and distant seas where he rolled his island bulk; the undeliverable, nameless perils of the whale; these, with all the attending marvels of a thousand Patagonian sights and sounds, helped to sway me to my wish. With other men, perhaps, such things would not have been inducements; but as for me, I am tormented with an everlasting itch for things remote. I love to sail forbidden seas, and land on barbarous coasts. Not ignoring what is good, I am quick to perceive a horror, and could still be social with it—would they let me—since it is but well to be on friendly terms with all the inmates of the place one lodges in.\\n\\nBy reason of these things, then, the whaling voyage was welcome; the great flood-gates of the wonder-world swung open, and in the wild conceits that swayed me to my purpose, two and two there floated into my inmost soul, endless processions of the whale, and, mid most of them all, one grand hooded phantom, like a snow hill in the air.\"\ndatetime: 2017-06-07T18:55:28.110Z\ndate: 2017-06-07T18:55:28.111Z\nimage: /assets/uploads/moby-dick.jpg\nfile: /assets/uploads/moby-dick.jpg\nselect: b\npost: 'This is a front matter post'\nobject:\n  boolean: true\n  text: >-\n    I stuffed a shirt or two into my old carpet-bag, tucked it under my arm, and\n    started for Cape Horn and the Pacific. Quitting the good city of old\n    Manhatto, I duly arrived in New Bedford. It was a Saturday night in\n    December. Much was I disappointed upon learning that the little packet for\n    Nantucket had already sailed, and that no way of reaching that place would\n    offer, till the following Monday.\n  number: '222222'\n  markdown: >-\n    # I stuffed a shirt or two into my old carpet-bag, tucked it under my arm,\n    and started for Cape Horn and the Pacific. Quitting the good city of old\n    Manhatto, I duly arrived in New Bedford. It was a Saturday night in\n    December. Much was I disappointed upon learning that the little packet for\n    Nantucket had already sailed, and that no way of reaching that place would\n    offer, till the following Monday.\n\n\n    ## As most young candidates for the pains and penalties of whaling stop at\n    this same New Bedford, thence to embark on their voyage, it may as well be\n    related that I, for one, had no idea of so doing. For my mind was made up to\n    sail in no other than a Nantucket craft, because there was a fine,\n    boisterous something about everything connected with that famous old island,\n    which amazingly pleased me. Besides though New Bedford has of late been\n    gradually monopolising the business of whaling, and though in this matter\n    poor old Nantucket is now much behind her, yet Nantucket was her great\n    original—the Tyre of this Carthage;—the place where the first dead American\n    whale was stranded. Where else but from Nantucket did those aboriginal\n    whalemen, the Red-Men, first sally out in canoes to give chase to the\n    Leviathan? And where but from Nantucket, too, did that first adventurous\n    little sloop put forth, partly laden with imported cobblestones—so goes the\n    story—to throw at the whales, in order to discover when they were nigh\n    enough to risk a harpoon from the bowsprit?\n\n\n    **Now having a night, a day, and still another night following before me in\n    New Bedford, ere I could embark for my destined port, it became a matter of\n    concernment where I was to eat and sleep meanwhile. It was a very\n    dubious-looking, nay, a very dark and dismal night, bitingly cold and\n    cheerless. I knew no one in the place. With anxious grapnels I had sounded\n    my pocket, and only brought up a few pieces of silver,—So, wherever you go,\n    Ishmael, said I to myself, as I stood in the middle of a dreary street\n    shouldering my bag, and comparing the gloom towards the north with the\n    darkness towards the south—wherever in your wisdom you may conclude to lodge\n    for the night, my dear Ishmael, be sure to inquire the price, and don’t be\n    too particular.**\n\n\n    *With halting steps I paced the streets, and passed the sign of “The Crossed\n    Harpoons”—but it looked too expensive and jolly there. Further on, from the\n    bright red windows of the “Sword-Fish Inn,” there came such fervent rays,\n    that it seemed to have melted the packed snow and ice from before the house,\n    for everywhere else the congealed frost lay ten inches thick in a hard,\n    asphaltic pavement,—rather weary for me, when I struck my foot against the\n    flinty projections, because from hard, remorseless service the soles of my\n    boots were in a most miserable plight. Too expensive and jolly, again\n    thought I, pausing one moment to watch the broad glare in the street, and\n    hear the sounds of the tinkling glasses within. But go on, Ishmael, said I\n    at last; don’t you hear? get away from before the door; your patched boots\n    are stopping the way. So on I went. I now by instinct followed the streets\n    that took me waterward, for there, doubtless, were the cheapest, if not the\n    cheeriest inns.*\n\n\n    [Such dreary streets! blocks of blackness, not houses, on either hand, and\n    here and there a candle, like a candle moving about in a tomb. At this hour\n    of the night, of the last day of the week, that quarter of the town proved\n    all but deserted. But presently I came to a smoky light proceeding from a\n    low, wide building, the door of which stood invitingly open. It had a\n    careless look, as if it were meant for the uses of the public; so, entering,\n    the first thing I did was to stumble over an ash-box in the porch. Ha!\n    thought I, ha, as the flying particles almost choked me, are these ashes\n    from that destroyed city, Gomorrah? But “The Crossed Harpoons,” and “The\n    Sword-Fish?”—this, then must needs be the sign of “The Trap.” However, I\n    picked myself up and hearing a loud voice within, pushed on and opened a\n    second, interior door.](https://staticcms.org)\n\n\n    ![moby dick](/assets/uploads/moby-dick.jpg)\n\n\n    {{< youtube lZ6NEHDgk58 >}}\n\n\n    It seemed the great Black Parliament sitting in Tophet. A hundred black\n    faces turned round in their rows to peer; and beyond, a black Angel of Doom\n    was beating a book in a pulpit. It was a negro church; and the preacher’s\n    text was about the blackness of darkness, and the weeping and wailing and\n    teeth-gnashing there. Ha, Ishmael, muttered I, backing out, Wretched\n    entertainment at the sign of ‘The Trap!’\n\n\n    Moving on, I at last came to a dim sort of light not far from the docks, and\n    heard a forlorn creaking in the air; and looking up, saw a swinging sign\n    over the door with a white painting upon it, faintly representing a tall\n    straight jet of misty spray, and these words underneath—“The Spouter\n    Inn:—Peter Coffin.”\n\n\n    Coffin?—Spouter?—Rather ominous in that particular connexion, thought I. But\n    it is a common name in Nantucket, they say, and I suppose this Peter here is\n    an emigrant from there. As the light looked so dim, and the place, for the\n    time, looked quiet enough, and the dilapidated little wooden house itself\n    looked as if it might have been carted here from the ruins of some burnt\n    district, and as the swinging sign had a poverty-stricken sort of creak to\n    it, I thought that here was the very spot for cheap lodgings, and the best\n    of pea coffee.\n\n\n    It was a queer sort of place—a gable-ended old house, one side palsied as it\n    were, and leaning over sadly. It stood on a sharp bleak corner, where that\n    tempestuous wind Euroclydon kept up a worse howling than ever it did about\n    poor Paul’s tossed craft. Euroclydon, nevertheless, is a mighty pleasant\n    zephyr to any one in-doors, with his feet on the hob quietly toasting for\n    bed. “In judging of that tempestuous wind called Euroclydon,” says an old\n    writer—of whose works I possess the only copy extant—“it maketh a marvellous\n    difference, whether thou lookest out at it from a glass window where the\n    frost is all on the outside, or whether thou observest it from that sashless\n    window, where the frost is on both sides, and of which the wight Death is\n    the only glazier.” True enough, thought I, as this passage occurred to my\n    mind—old black-letter, thou reasonest well. Yes, these eyes are windows, and\n    this body of mine is the house. What a pity they didn’t stop up the chinks\n    and the crannies though, and thrust in a little lint here and there. But\n    it’s too late to make any improvements now. The universe is finished; the\n    copestone is on, and the chips were carted off a million years ago. Poor\n    Lazarus there, chattering his teeth against the curbstone for his pillow,\n    and shaking off his tatters with his shiverings, he might plug up both ears\n    with rags, and put a corn-cob into his mouth, and yet that would not keep\n    out the tempestuous Euroclydon. Euroclydon! says old Dives, in his red\n    silken wrapper—(he had a redder one afterwards) pooh, pooh! What a fine\n    frosty night; how Orion glitters; what northern lights! Let them talk of\n    their oriental summer climes of everlasting conservatories; give me the\n    privilege of making my own summer with my own coals.\n\n\n    But what thinks Lazarus? Can he warm his blue hands by holding them up to\n    the grand northern lights? Would not Lazarus rather be in Sumatra than here?\n    Would he not far rather lay him down lengthwise along the line of the\n    equator; yea, ye gods! go down to the fiery pit itself, in order to keep out\n    this frost?\n\n\n    Now, that Lazarus should lie stranded there on the curbstone before the door\n    of Dives, this is more wonderful than that an iceberg should be moored to\n    one of the Moluccas. Yet Dives himself, he too lives like a Czar in an ice\n    palace made of frozen sighs, and being a president of a temperance society,\n    he only drinks the tepid tears of orphans.\n\n\n    But no more of this blubbering now, we are going a-whaling, and there is\n    plenty of that yet to come. Let us scrape the ice from our frosted feet, and\n    see what sort of a place this “Spouter” may be.\n  datetime: 2017-06-07T19:05:43.816Z\n  date: 2017-06-07T18:55:28.115Z\n  image: /assets/uploads/moby-dick.jpg\n  file: /assets/uploads/moby-dick.jpg\n  select: b\n  string: CHAPTER 2. The Carpet-Bag.\nlist:\n  - text: >-\n      Entering that gable-ended Spouter-Inn, you found yourself in a wide, low,\n      straggling entry with old-fashioned wainscots, reminding one of the\n      bulwarks of some condemned old craft. On one side hung a very large\n      oilpainting so thoroughly besmoked, and every way defaced, that in the\n      unequal crosslights by which you viewed it, it was only by diligent study\n      and a series of systematic visits to it, and careful inquiry of the\n      neighbors, that you could any way arrive at an understanding of its\n      purpose. Such unaccountable masses of shades and shadows, that at first\n      you almost thought some ambitious young artist, in the time of the New\n      England hags, had endeavored to delineate chaos bewitched. But by dint of\n      much and earnest contemplation, and oft repeated ponderings, and\n      especially by throwing open the little window towards the back of the\n      entry, you at last come to the conclusion that such an idea, however wild,\n      might not be altogether unwarranted.\n    number: '333333'\n    markdown: \"# Entering that gable-ended Spouter-Inn, you found yourself in a wide, low, straggling entry with old-fashioned wainscots, reminding one of the bulwarks of some condemned old craft. On one side hung a very large oilpainting so thoroughly besmoked, and every way defaced, that in the unequal crosslights by which you viewed it, it was only by diligent study and a series of systematic visits to it, and careful inquiry of the neighbors, that you could any way arrive at an understanding of its purpose. Such unaccountable masses of shades and shadows, that at first you almost thought some ambitious young artist, in the time of the New England hags, had endeavored to delineate chaos bewitched. But by dint of much and earnest contemplation, and oft repeated ponderings, and especially by throwing open the little window towards the back of the entry, you at last come to the conclusion that such an idea, however wild, might not be altogether unwarranted.\n\n      # But what most puzzled and confounded you was a long, limber, portentous, black mass of something hovering in the centre of the picture over three blue, dim, perpendicular lines floating in a nameless yeast. A boggy, soggy, squitchy picture truly, enough to drive a nervous man distracted. Yet was there a sort of indefinite, half-attained, unimaginable sublimity about it that fairly froze you to it, till you involuntarily took an oath with yourself to find out what that marvellous painting meant. Ever and anon a bright, but, alas, deceptive idea would dart you through.—It’s the Black Sea in a midnight gale.—It’s the unnatural combat of the four primal elements.—It’s a blasted heath.—It’s a Hyperborean winter scene.—It’s the breaking-up of the icebound stream of Time. But at last all these fancies yielded to that one portentous something in the picture’s midst._*That*_once found out, and all the rest were plain. But stop; does it not bear a faint resemblance to a gigantic fish? even the great leviathan himself?\n\n      ## In fact, the artist’s design seemed this: a final theory of my own, partly based upon the aggregated opinions of many aged persons with whom I conversed upon the subject. The picture represents a Cape-Horner in a great hurricane; the half-foundered ship weltering there with its three dismantled masts alone visible; and an exasperated whale, purposing to spring clean over the craft, is in the enormous act of impaling himself upon the three mast-heads.\n\n      ## The opposite wall of this entry was hung all over with a heathenish array of monstrous clubs and spears. Some were thickly set with glittering teeth resembling ivory saws; others were tufted with knots of human hair; and one was sickle-shaped, with a vast handle sweeping round like the segment made in the new-mown grass by a long-armed mower. You shuddered as you gazed, and wondered what monstrous cannibal and savage could ever have gone a death-harvesting with such a hacking, horrifying implement. Mixed with these were rusty old whaling lances and harpoons all broken and deformed. Some were storied weapons. With this once long lance, now wildly elbowed, fifty years ago did Nathan Swain kill fifteen whales between a sunrise and a sunset. And that harpoon—so like a corkscrew now—was flung in Javan seas, and run away with by a whale, years afterwards slain off the Cape of Blanco. The original iron entered nigh the tail, and, like a restless needle sojourning in the body of a man, travelled full forty feet, and at last was found imbedded in the hump.\n\n      Crossing this dusky entry, and on through yon low-arched way—cut through what in old times must have been a great central chimney with fireplaces all round—you enter the public room. A still duskier place is this, with such low ponderous beams above, and such old wrinkled planks beneath, that you would almost fancy you trod some old craft’s cockpits, especially of such a howling night, when this corner-anchored old ark rocked so furiously. On one side stood a long, low, shelf-like table covered with cracked glass cases, filled with dusty rarities gathered from this wide world’s remotest nooks. Projecting from the further angle of the room stands a dark-looking den—the bar—a rude attempt at a right whale’s head. Be that how it may, there stands the vast arched bone of the whale’s jaw, so wide, a coach might almost drive beneath it. Within are shabby shelves, ranged round with old decanters, bottles, flasks; and in those jaws of swift destruction, like another cursed Jonah (by which name indeed they called him), bustles a little withered old man, who, for their money, dearly sells the sailors deliriums and death.\n\n      Abominable are the tumblers into which he pours his poison. Though true cylinders without—within, the villanous green goggling glasses deceitfully tapered downwards to a cheating bottom. Parallel meridians rudely pecked into the glass, surround these footpads’ goblets. Fill to_*this*_mark, and your charge is but a penny; to_*this*_a penny more; and so on to the full glass—the Cape Horn measure, which you may gulp down for a shilling.\n\n      Upon entering the place I found a number of young seamen gathered about a table, examining by a dim light divers specimens of_*skrimshander*. I sought the landlord, and telling him I desired to be accommodated with a room, received for answer that his house was full—not a bed unoccupied. “But avast,” he added, tapping his forehead, “you haint no objections to sharing a harpooneer’s blanket, have ye? I s’pose you are goin’ a-whalin’, so you’d better get used to that sort of thing.”\n\n      I told him that I never liked to sleep two in a bed; that if I should ever do so, it would depend upon who the harpooneer might be, and that if he (the landlord) really had no other place for me, and the harpooneer was not decidedly objectionable, why rather than wander further about a strange town on so bitter a night, I would put up with the half of any decent man’s blanket.\n\n      “I thought so. All right; take a seat. Supper?—you want supper? Supper’ll be ready directly.”\n\n      I sat down on an old wooden settle, carved all over like a bench on the Battery. At one end a ruminating tar was still further adorning it with his jack-knife, stooping over and diligently working away at the space between his legs. He was trying his hand at a ship under full sail, but he didn’t make much headway, I thought.\n\n      At last some four or five of us were summoned to our meal in an adjoining room. It was cold as Iceland—no fire at all—the landlord said he couldn’t afford it. Nothing but two dismal tallow candles, each in a winding sheet. We were fain to button up our monkey jackets, and hold to our lips cups of scalding tea with our half frozen fingers. But the fare was of the most substantial kind—not only meat and potatoes, but dumplings; good heavens! dumplings for supper! One young fellow in a green box coat, addressed himself to these dumplings in a most direful manner.\n\n      “My boy,” said the landlord, “you’ll have the nightmare to a dead sartainty.”\n\n      “Landlord,” I whispered, “that aint the harpooneer is it?”\n\n      “Oh, no,” said he, looking a sort of diabolically funny, “the harpooneer is a dark complexioned chap. He never eats dumplings, he don’t—he eats nothing but steaks, and he likes ‘em rare.”\n\n      “The devil he does,” says I. “Where is that harpooneer? Is he here?”\n\n      “He’ll be here afore long,” was the answer.\n\n      I could not help it, but I began to feel suspicious of this “dark complexioned” harpooneer. At any rate, I made up my mind that if it so turned out that we should sleep together, he must undress and get into bed before I did.\n\n      Supper over, the company went back to the bar-room, when, knowing not what else to do with myself, I resolved to spend the rest of the evening as a looker on.\n\n      Presently a rioting noise was heard without. Starting up, the landlord cried, “That’s the Grampus’s crew. I seed her reported in the offing this morning; a three years’ voyage, and a full ship. Hurrah, boys; now we’ll have the latest news from the Feegees.”\n\n      A tramping of sea boots was heard in the entry; the door was flung open, and in rolled a wild set of mariners enough. Enveloped in their shaggy watch coats, and with their heads muffled in woollen comforters, all bedarned and ragged, and their beards stiff with icicles, they seemed an eruption of bears from Labrador. They had just landed from their boat, and this was the first house they entered. No wonder, then, that they made a straight wake for the whale’s mouth—the bar—when the wrinkled little old Jonah, there officiating, soon poured them out brimmers all round. One complained of a bad cold in his head, upon which Jonah mixed him a pitch-like potion of gin and molasses, which he swore was a sovereign cure for all colds and catarrhs whatsoever, never mind of how long standing, or whether caught off the coast of Labrador, or on the weather side of an ice-island.\n\n      The liquor soon mounted into their heads, as it generally does even with the arrantest topers newly landed from sea, and they began capering about most obstreperously.\n\n      I observed, however, that one of them held somewhat aloof, and though he seemed desirous not to spoil the hilarity of his shipmates by his own sober face, yet upon the whole he refrained from making as much noise as the rest. This man interested me at once; and since the sea-gods had ordained that he should soon become my shipmate (though but a sleeping-partner one, so far as this narrative is concerned), I will here venture upon a little description of him. He stood full six feet in height, with noble shoulders, and a chest like a coffer-dam. I have seldom seen such brawn in a man. His face was deeply brown and burnt, making his white teeth dazzling by the contrast; while in the deep shadows of his eyes floated some reminiscences that did not seem to give him much joy. His voice at once announced that he was a Southerner, and from his fine stature, I thought he must be one of those tall mountaineers from the Alleghanian Ridge in Virginia. When the revelry of his companions had mounted to its height, this man slipped away unobserved, and I saw no more of him till he became my comrade on the sea. In a few minutes, however, he was missed by his shipmates, and being, it seems, for some reason a huge favourite with them, they raised a cry of “Bulkington! Bulkington! where’s Bulkington?” and darted out of the house in pursuit of him.\n\n      It was now about nine o’clock, and the room seeming almost supernaturally quiet after these orgies, I began to congratulate myself upon a little plan that had occurred to me just previous to the entrance of the seamen.\n\n      No man prefers to sleep two in a bed. In fact, you would a good deal rather not sleep with your own brother. I don’t know how it is, but people like to be private when they are sleeping. And when it comes to sleeping with an unknown stranger, in a strange inn, in a strange town, and that stranger a harpooneer, then your objections indefinitely multiply. Nor was there any earthly reason why I as a sailor should sleep two in a bed, more than anybody else; for sailors no more sleep two in a bed at sea, than bachelor Kings do ashore. To be sure they all sleep together in one apartment, but you have your own hammock, and cover yourself with your own blanket, and sleep in your own skin.\n\n      The more I pondered over this harpooneer, the more I abominated the thought of sleeping with him. It was fair to presume that being a harpooneer, his linen or woollen, as the case might be, would not be of the tidiest, certainly none of the finest. I began to twitch all over. Besides, it was getting late, and my decent harpooneer ought to be home and going bedwards. Suppose now, he should tumble in upon me at midnight—how could I tell from what vile hole he had been coming?\n\n      “Landlord! I’ve changed my mind about that harpooneer.—I shan’t sleep with him. I’ll try the bench here.”\n\n      “Just as you please; I’m sorry I can’t spare ye a tablecloth for a mattress, and it’s a plaguy rough board here”—feeling of the knots and notches. “But wait a bit, Skrimshander; I’ve got a carpenter’s plane there in the bar—wait, I say, and I’ll make ye snug enough.” So saying he procured the plane; and with his old silk handkerchief first dusting the bench, vigorously set to planing away at my bed, the while grinning like an ape. The shavings flew right and left; till at last the plane-iron came bump against an indestructible knot. The landlord was near spraining his wrist, and I told him for heaven’s sake to quit—the bed was soft enough to suit me, and I did not know how all the planing in the world could make eider down of a pine plank. So gathering up the shavings with another grin, and throwing them into the great stove in the middle of the room, he went about his business, and left me in a brown study.\n\n      I now took the measure of the bench, and found that it was a foot too short; but that could be mended with a chair. But it was a foot too narrow, and the other bench in the room was about four inches higher than the planned one—so there was no yoking them. I then placed the first bench lengthwise along the only clear space against the wall, leaving a little interval between, for my back to settle down in. But I soon found that there came such a draught of cold air over me from under the sill of the window, that this plan would never do at all, especially as another current from the rickety door met the one from the window, and both together formed a series of small whirlwinds in the immediate vicinity of the spot where I had thought to spend the night.\n\n      The devil fetch that harpooneer, thought I, but stop, couldn’t I steal a march on him—bolt his door inside, and jump into his bed, not to be wakened by the most violent knockings? It seemed no bad idea; but upon second thoughts I dismissed it. For who could tell but what the next morning, so soon as I popped out of the room, the harpooneer might be standing in the entry, all ready to knock me down!\n\n      Still, looking round me again, and seeing no possible chance of spending a sufferable night unless in some other person’s bed, I began to think that after all I might be cherishing unwarrantable prejudices against this unknown harpooneer. Thinks I, I’ll wait awhile; he must be dropping in before long. I’ll have a good look at him then, and perhaps we may become jolly good bedfellows after all—there’s no telling.\n\n      But though the other boarders kept coming in by ones, twos, and threes, and going to bed, yet no sign of my harpooneer.\n\n      “Landlord!” said I, “what sort of a chap is he—does he always keep such late hours?” It was now hard upon twelve o’clock.\n\n      The landlord chuckled again with his lean chuckle, and seemed to be mightily tickled at something beyond my comprehension. “No,” he answered, “generally he’s an early bird—airley to bed and airley to rise—yes, he’s the bird what catches the worm. But to-night he went out a peddling, you see, and I don’t see what on airth keeps him so late, unless, may be, he can’t sell his head.”\n\n      “Can’t sell his head?—What sort of a bamboozingly story is this you are telling me?” getting into a towering rage. “Do you pretend to say, landlord, that this harpooneer is actually engaged this blessed Saturday night, or rather Sunday morning, in peddling his head around this town?”\n\n      “That’s precisely it,” said the landlord, “and I told him he couldn’t sell it here, the market’s overstocked.”\n\n      “With what?” shouted I.\n\n      “With heads to be sure; ain’t there too many heads in the world?”\n\n      “I tell you what it is, landlord,” said I quite calmly, “you’d better stop spinning that yarn to me—I’m not green.”\n\n      “May be not,” taking out a stick and whittling a toothpick, “but I rayther guess you’ll be done_*brown*_if that ere harpooneer hears you a slanderin’ his head.”\n\n      “I’ll break it for him,” said I, now flying into a passion again at this unaccountable farrago of the landlord’s.\n\n      “It’s broke a’ready,” said he.\n\n      “Broke,” said I—“*broke*, do you mean?”\n\n      “Sartain, and that’s the very reason he can’t sell it, I guess.”\n\n      “Landlord,” said I, going up to him as cool as Mt. Hecla in a snow-storm—“landlord, stop whittling. You and I must understand one another, and that too without delay. I come to your house and want a bed; you tell me you can only give me half a one; that the other half belongs to a certain harpooneer. And about this harpooneer, whom I have not yet seen, you persist in telling me the most mystifying and exasperating stories tending to beget in me an uncomfortable feeling towards the man whom you design for my bedfellow—a sort of connexion, landlord, which is an intimate and confidential one in the highest degree. I now demand of you to speak out and tell me who and what this harpooneer is, and whether I shall be in all respects safe to spend the night with him. And in the first place, you will be so good as to unsay that story about selling his head, which if true I take to be good evidence that this harpooneer is stark mad, and I’ve no idea of sleeping with a madman; and you, sir,_*you*_I mean, landlord,_*you*, sir, by trying to induce me to do so knowingly, would thereby render yourself liable to a criminal prosecution.”\n\n      “Wall,” said the landlord, fetching a long breath, “that’s a purty long sarmon for a chap that rips a little now and then. But be easy, be easy, this here harpooneer I have been tellin’ you of has just arrived from the south seas, where he bought up a lot of ‘balmed New Zealand heads (great curios, you know), and he’s sold all on ‘em but one, and that one he’s trying to sell to-night, cause to-morrow’s Sunday, and it would not do to be sellin’ human heads about the streets when folks is goin’ to churches. He wanted to, last Sunday, but I stopped him just as he was goin’ out of the door with four heads strung on a string, for all the airth like a string of inions.”\n\n      This account cleared up the otherwise unaccountable mystery, and showed that the landlord, after all, had had no idea of fooling me—but at the same time what could I think of a harpooneer who stayed out of a Saturday night clean into the holy Sabbath, engaged in such a cannibal business as selling the heads of dead idolators?\n\n      “Depend upon it, landlord, that harpooneer is a dangerous man.”\n\n      “He pays reg’lar,” was the rejoinder. “But come, it’s getting dreadful late, you had better be turning flukes—it’s a nice bed; Sal and me slept in that ere bed the night we were spliced. There’s plenty of room for two to kick about in that bed; it’s an almighty big bed that. Why, afore we give it up, Sal used to put our Sam and little Johnny in the foot of it. But I got a dreaming and sprawling about one night, and somehow, Sam got pitched on the floor, and came near breaking his arm. Arter that, Sal said it wouldn’t do. Come along here, I’ll give ye a glim in a jiffy;” and so saying he lighted a candle and held it towards me, offering to lead the way. But I stood irresolute; when looking at a clock in the corner, he exclaimed “I vum it’s Sunday—you won’t see that harpooneer to-night; he’s come to anchor somewhere—come along then;_*do*_come;_*won’t*_ye come?”\n\n      I considered the matter a moment, and then up stairs we went, and I was ushered into a small room, cold as a clam, and furnished, sure enough, with a prodigious bed, almost big enough indeed for any four harpooneers to sleep abreast.\n\n      “There,” said the landlord, placing the candle on a crazy old sea chest that did double duty as a wash-stand and centre table; “there, make yourself comfortable now, and good night to ye.” I turned round from eyeing the bed, but he had disappeared.\n\n      Folding back the counterpane, I stooped over the bed. Though none of the most elegant, it yet stood the scrutiny tolerably well. I then glanced round the room; and besides the bedstead and centre table, could see no other furniture belonging to the place, but a rude shelf, the four walls, and a papered fireboard representing a man striking a whale. Of things not properly belonging to the room, there was a hammock lashed up, and thrown upon the floor in one corner; also a large seaman’s bag, containing the harpooneer’s wardrobe, no doubt in lieu of a land trunk. Likewise, there was a parcel of outlandish bone fish hooks on the shelf over the fire-place, and a tall harpoon standing at the head of the bed.\n\n      But what is this on the chest? I took it up, and held it close to the light, and felt it, and smelt it, and tried every way possible to arrive at some satisfactory conclusion concerning it. I can compare it to nothing but a large door mat, ornamented at the edges with little tinkling tags something like the stained porcupine quills round an Indian moccasin. There was a hole or slit in the middle of this mat, as you see the same in South American ponchos. But could it be possible that any sober harpooneer would get into a door mat, and parade the streets of any Christian town in that sort of guise? I put it on, to try it, and it weighed me down like a hamper, being uncommonly shaggy and thick, and I thought a little damp, as though this mysterious harpooneer had been wearing it of a rainy day. I went up in it to a bit of glass stuck against the wall, and I never saw such a sight in my life. I tore myself out of it in such a hurry that I gave myself a kink in the neck.\n\n      I sat down on the side of the bed, and commenced thinking about this head-peddling harpooneer, and his door mat. After thinking some time on the bed-side, I got up and took off my monkey jacket, and then stood in the middle of the room thinking. I then took off my coat, and thought a little more in my shirt sleeves. But beginning to feel very cold now, half undressed as I was, and remembering what the landlord said about the harpooneer’s not coming home at all that night, it being so very late, I made no more ado, but jumped out of my pantaloons and boots, and then blowing out the light tumbled into bed, and commended myself to the care of heaven.\n\n      Whether that mattress was stuffed with corn-cobs or broken crockery, there is no telling, but I rolled about a good deal, and could not sleep for a long time. At last I slid off into a light doze, and had pretty nearly made a good offing towards the land of Nod, when I heard a heavy footfall in the passage, and saw a glimmer of light come into the room from under the door.\n\n      Lord save me, thinks I, that must be the harpooneer, the infernal head-peddler. But I lay perfectly still, and resolved not to say a word till spoken to. Holding a light in one hand, and that identical New Zealand head in the other, the stranger entered the room, and without looking towards the bed, placed his candle a good way off from me on the floor in one corner, and then began working away at the knotted cords of the large bag I before spoke of as being in the room. I was all eagerness to see his face, but he kept it averted for some time while employed in unlacing the bag’s mouth. This accomplished, however, he turned round—when, good heavens! what a sight! Such a face! It was of a dark, purplish, yellow colour, here and there stuck over with large blackish looking squares. Yes, it’s just as I thought, he’s a terrible bedfellow; he’s been in a fight, got dreadfully cut, and here he is, just from the surgeon. But at that moment he chanced to turn his face so towards the light, that I plainly saw they could not be sticking-plasters at all, those black squares on his cheeks. They were stains of some sort or other. At first I knew not what to make of this; but soon an inkling of the truth occurred to me. I remembered a story of a white man—a whaleman too—who, falling among the cannibals, had been tattooed by them. I concluded that this harpooneer, in the course of his distant voyages, must have met with a similar adventure. And what is it, thought I, after all! It’s only his outside; a man can be honest in any sort of skin. But then, what to make of his unearthly complexion, that part of it, I mean, lying round about, and completely independent of the squares of tattooing. To be sure, it might be nothing but a good coat of tropical tanning; but I never heard of a hot sun’s tanning a white man into a purplish yellow one. However, I had never been in the South Seas; and perhaps the sun there produced these extraordinary effects upon the skin. Now, while all these ideas were passing through me like lightning, this harpooneer never noticed me at all. But, after some difficulty having opened his bag, he commenced fumbling in it, and presently pulled out a sort of tomahawk, and a seal-skin wallet with the hair on. Placing these on the old chest in the middle of the room, he then took the New Zealand head—a ghastly thing enough—and crammed it down into the bag. He now took off his hat—a new beaver hat—when I came nigh singing out with fresh surprise. There was no hair on his head—none to speak of at least—nothing but a small scalp-knot twisted up on his forehead. His bald purplish head now looked for all the world like a mildewed skull. Had not the stranger stood between me and the door, I would have bolted out of it quicker than ever I bolted a dinner.\n\n      Even as it was, I thought something of slipping out of the window, but it was the second floor back. I am no coward, but what to make of this head-peddling purple rascal altogether passed my comprehension. Ignorance is the parent of fear, and being completely nonplussed and confounded about the stranger, I confess I was now as much afraid of him as if it was the devil himself who had thus broken into my room at the dead of night. In fact, I was so afraid of him that I was not game enough just then to address him, and demand a satisfactory answer concerning what seemed inexplicable in him.\n\n      Meanwhile, he continued the business of undressing, and at last showed his chest and arms. As I live, these covered parts of him were checkered with the same squares as his face; his back, too, was all over the same dark squares; he seemed to have been in a Thirty Years’ War, and just escaped from it with a sticking-plaster shirt. Still more, his very legs were marked, as if a parcel of dark green frogs were running up the trunks of young palms. It was now quite plain that he must be some abominable savage or other shipped aboard of a whaleman in the South Seas, and so landed in this Christian country. I quaked to think of it. A peddler of heads too—perhaps the heads of his own brothers. He might take a fancy to mine—heavens! look at that tomahawk!\n\n      But there was no time for shuddering, for now the savage went about something that completely fascinated my attention, and convinced me that he must indeed be a heathen. Going to his heavy grego, or wrapall, or dreadnaught, which he had previously hung on a chair, he fumbled in the pockets, and produced at length a curious little deformed image with a hunch on its back, and exactly the colour of a three days’ old Congo baby. Remembering the embalmed head, at first I almost thought that this black manikin was a real baby preserved in some similar manner. But seeing that it was not at all limber, and that it glistened a good deal like polished ebony, I concluded that it must be nothing but a wooden idol, which indeed it proved to be. For now the savage goes up to the empty fire-place, and removing the papered fire-board, sets up this little hunch-backed image, like a tenpin, between the andirons. The chimney jambs and all the bricks inside were very sooty, so that I thought this fire-place made a very appropriate little shrine or chapel for his Congo idol.\n\n      I now screwed my eyes hard towards the half hidden image, feeling but ill at ease meantime—to see what was next to follow. First he takes about a double handful of shavings out of his grego pocket, and places them carefully before the idol; then laying a bit of ship biscuit on top and applying the flame from the lamp, he kindled the shavings into a sacrificial blaze. Presently, after many hasty snatches into the fire, and still hastier withdrawals of his fingers (whereby he seemed to be scorching them badly), he at last succeeded in drawing out the biscuit; then blowing off the heat and ashes a little, he made a polite offer of it to the little negro. But the little devil did not seem to fancy such dry sort of fare at all; he never moved his lips. All these strange antics were accompanied by still stranger guttural noises from the devotee, who seemed to be praying in a sing-song or else singing some pagan psalmody or other, during which his face twitched about in the most unnatural manner. At last extinguishing the fire, he took the idol up very unceremoniously, and bagged it again in his grego pocket as carelessly as if he were a sportsman bagging a dead woodcock.\n\n      All these queer proceedings increased my uncomfortableness, and seeing him now exhibiting strong symptoms of concluding his business operations, and jumping into bed with me, I thought it was high time, now or never, before the light was put out, to break the spell in which I had so long been bound.\n\n      But the interval I spent in deliberating what to say, was a fatal one. Taking up his tomahawk from the table, he examined the head of it for an instant, and then holding it to the light, with his mouth at the handle, he puffed out great clouds of tobacco smoke. The next moment the light was extinguished, and this wild cannibal, tomahawk between his teeth, sprang into bed with me. I sang out, I could not help it now; and giving a sudden grunt of astonishment he began feeling me.\n\n      Stammering out something, I knew not what, I rolled away from him against the wall, and then conjured him, whoever or whatever he might be, to keep quiet, and let me get up and light the lamp again. But his guttural responses satisfied me at once that he but ill comprehended my meaning.\n\n      “Who-e debel you?”—he at last said—“you no speak-e, dam-me, I kill-e.” And so saying the lighted tomahawk began flourishing about me in the dark.\n\n      “Landlord, for God’s sake, Peter Coffin!” shouted I. “Landlord! Watch! Coffin! Angels! save me!”\n\n      “Speak-e! tell-ee me who-ee be, or dam-me, I kill-e!” again growled the cannibal, while his horrid flourishings of the tomahawk scattered the hot tobacco ashes about me till I thought my linen would get on fire. But thank heaven, at that moment the landlord came into the room light in hand, and leaping from the bed I ran up to him.\n\n      “Don’t be afraid now,” said he, grinning again, “Queequeg here wouldn’t harm a hair of your head.”\n\n      “Stop your grinning,” shouted I, “and why didn’t you tell me that that infernal harpooneer was a cannibal?”\n\n      “I thought ye know’d it;—didn’t I tell ye, he was a peddlin’ heads around town?—but turn flukes again and go to sleep. Queequeg, look here—you sabbee me, I sabbee—you this man sleepe you—you sabbee?”\n\n      “Me sabbee plenty”—grunted Queequeg, puffing away at his pipe and sitting up in bed.\n\n      “You gettee in,” he added, motioning to me with his tomahawk, and throwing the clothes to one side. He really did this in not only a civil but a really kind and charitable way. I stood looking at him a moment. For all his tattooings he was on the whole a clean, comely looking cannibal. What’s all this fuss I have been making about, thought I to myself—the man’s a human being just as I am: he has just as much reason to fear me, as I have to be afraid of him. Better sleep with a sober cannibal than a drunken Christian.\n\n      “Landlord,” said I, “tell him to stash his tomahawk there, or pipe, or whatever you call it; tell him to stop smoking, in short, and I will turn in with him. But I don’t fancy having a man smoking in bed with me. It’s dangerous. Besides, I ain’t insured.”\n\n      This being told to Queequeg, he at once complied, and again politely motioned me to get into bed—rolling over to one side as much as to say—“I won’t touch a leg of ye.”\n\n      “Good night, landlord,” said I, “you may go.”\n\n      I turned in, and never slept better in my life.\"\n    datetime: 2017-06-02T00:00:00-04:00\n    date: 2017-06-07T00:00:00-04:00\n    image: /assets/uploads/moby-dick.jpg\n    file: /assets/uploads/moby-dick.jpg\n    select: c\n    object:\n      text: >-\n        Upon waking next morning about daylight, I found Queequeg’s arm thrown\n        over me in the most loving and affectionate manner. You had almost\n        thought I had been his wife. The counterpane was of patchwork, full of\n        odd little parti-coloured squares and triangles; and this arm of his\n        tattooed all over with an interminable Cretan labyrinth of a figure, no\n        two parts of which were of one precise shade—owing I suppose to his\n        keeping his arm at sea unmethodically in sun and shade, his shirt\n        sleeves irregularly rolled up at various times—this same arm of his, I\n        say, looked for all the world like a strip of that same patchwork quilt.\n        Indeed, partly lying on it as the arm did when I first awoke, I could\n        hardly tell it from the quilt, they so blended their hues together; and\n        it was only by the sense of weight and pressure that I could tell that\n        Queequeg was hugging me.\n      number: '444444'\n      markdown: >-\n        # Upon waking next morning about daylight, I found Queequeg’s arm thrown\n        over me in the most loving and affectionate manner. You had almost\n        thought I had been his wife. The counterpane was of patchwork, full of\n        odd little parti-coloured squares and triangles; and this arm of his\n        tattooed all over with an interminable Cretan labyrinth of a figure, no\n        two parts of which were of one precise shade—owing I suppose to his\n        keeping his arm at sea unmethodically in sun and shade, his shirt\n        sleeves irregularly rolled up at various times—this same arm of his, I\n        say, looked for all the world like a strip of that same patchwork quilt.\n        Indeed, partly lying on it as the arm did when I first awoke, I could\n        hardly tell it from the quilt, they so blended their hues together; and\n        it was only by the sense of weight and pressure that I could tell that\n        Queequeg was hugging me.\n\n\n        ## My sensations were strange. Let me try to explain them. When I was a\n        child, I well remember a somewhat similar circumstance that befell me;\n        whether it was a reality or a dream, I never could entirely settle. The\n        circumstance was this. I had been cutting up some caper or other—I think\n        it was trying to crawl up the chimney, as I had seen a little sweep do a\n        few days previous; and my stepmother who, somehow or other, was all the\n        time whipping me, or sending me to bed supperless,—my mother dragged me\n        by the legs out of the chimney and packed me off to bed, though it was\n        only two o’clock in the afternoon of the 21st June, the longest day in\n        the year in our hemisphere. I felt dreadfully. But there was no help for\n        it, so up stairs I went to my little room in the third floor, undressed\n        myself as slowly as possible so as to kill time, and with a bitter sigh\n        got between the sheets.\n\n\n        I lay there dismally calculating that sixteen entire hours must elapse\n        before I could hope for a resurrection. Sixteen hours in bed! the small\n        of my back ached to think of it. And it was so light too; the sun\n        shining in at the window, and a great rattling of coaches in the\n        streets, and the sound of gay voices all over the house. I felt worse\n        and worse—at last I got up, dressed, and softly going down in my\n        stockinged feet, sought out my stepmother, and suddenly threw myself at\n        her feet, beseeching her as a particular favour to give me a good\n        slippering for my misbehaviour; anything indeed but condemning me to lie\n        abed such an unendurable length of time. But she was the best and most\n        conscientious of stepmothers, and back I had to go to my room. For\n        several hours I lay there broad awake, feeling a great deal worse than I\n        have ever done since, even from the greatest subsequent misfortunes. At\n        last I must have fallen into a troubled nightmare of a doze; and slowly\n        waking from it—half steeped in dreams—I opened my eyes, and the before\n        sun-lit room was now wrapped in outer darkness. Instantly I felt a shock\n        running through all my frame; nothing was to be seen, and nothing was to\n        be heard; but a supernatural hand seemed placed in mine. My arm hung\n        over the counterpane, and the nameless, unimaginable, silent form or\n        phantom, to which the hand belonged, seemed closely seated by my\n        bed-side. For what seemed ages piled on ages, I lay there, frozen with\n        the most awful fears, not daring to drag away my hand; yet ever thinking\n        that if I could but stir it one single inch, the horrid spell would be\n        broken. I knew not how this consciousness at last glided away from me;\n        but waking in the morning, I shudderingly remembered it all, and for\n        days and weeks and months afterwards I lost myself in confounding\n        attempts to explain the mystery. Nay, to this very hour, I often puzzle\n        myself with it.\n\n\n        Now, take away the awful fear, and my sensations at feeling the\n        supernatural hand in mine were very similar, in their strangeness, to\n        those which I experienced on waking up and seeing Queequeg’s pagan arm\n        thrown round me. But at length all the past night’s events soberly\n        recurred, one by one, in fixed reality, and then I lay only alive to the\n        comical predicament. For though I tried to move his arm—unlock his\n        bridegroom clasp—yet, sleeping as he was, he still hugged me tightly, as\n        though naught but death should part us twain. I now strove to rouse\n        him—“Queequeg!”—but his only answer was a snore. I then rolled over, my\n        neck feeling as if it were in a horse-collar; and suddenly felt a slight\n        scratch. Throwing aside the counterpane, there lay the tomahawk sleeping\n        by the savage’s side, as if it were a hatchet-faced baby. A pretty\n        pickle, truly, thought I; abed here in a strange house in the broad day,\n        with a cannibal and a tomahawk! “Queequeg!—in the name of goodness,\n        Queequeg, wake!” At length, by dint of much wriggling, and loud and\n        incessant expostulations upon the unbecomingness of his hugging a fellow\n        male in that matrimonial sort of style, I succeeded in extracting a\n        grunt; and presently, he drew back his arm, shook himself all over like\n        a Newfoundland dog just from the water, and sat up in bed, stiff as a\n        pike-staff, looking at me, and rubbing his eyes as if he did not\n        altogether remember how I came to be there, though a dim consciousness\n        of knowing something about me seemed slowly dawning over him. Meanwhile,\n        I lay quietly eyeing him, having no serious misgivings now, and bent\n        upon narrowly observing so curious a creature. When, at last, his mind\n        seemed made up touching the character of his bedfellow, and he became,\n        as it were, reconciled to the fact; he jumped out upon the floor, and by\n        certain signs and sounds gave me to understand that, if it pleased me,\n        he would dress first and then leave me to dress afterwards, leaving the\n        whole apartment to myself. Thinks I, Queequeg, under the circumstances,\n        this is a very civilized overture; but, the truth is, these savages have\n        an innate sense of delicacy, say what you will; it is marvellous how\n        essentially polite they are. I pay this particular compliment to\n        Queequeg, because he treated me with so much civility and consideration,\n        while I was guilty of great rudeness; staring at him from the bed, and\n        watching all his toilette motions; for the time my curiosity getting the\n        better of my breeding. Nevertheless, a man like Queequeg you don’t see\n        every day, he and his ways were well worth unusual regarding.\n\n\n        He commenced dressing at top by donning his beaver hat, a very tall one,\n        by the by, and then—still minus his trowsers—he hunted up his boots.\n        What under the heavens he did it for, I cannot tell, but his next\n        movement was to crush himself—boots in hand, and hat on—under the bed;\n        when, from sundry violent gaspings and strainings, I inferred he was\n        hard at work booting himself; though by no law of propriety that I ever\n        heard of, is any man required to be private when putting on his boots.\n        But Queequeg, do you see, was a creature in the transition stage—neither\n        caterpillar nor butterfly. He was just enough civilized to show off his\n        outlandishness in the strangest possible manners. His education was not\n        yet completed. He was an undergraduate. If he had not been a small\n        degree civilized, he very probably would not have troubled himself with\n        boots at all; but then, if he had not been still a savage, he never\n        would have dreamt of getting under the bed to put them on. At last, he\n        emerged with his hat very much dented and crushed down over his eyes,\n        and began creaking and limping about the room, as if, not being much\n        accustomed to boots, his pair of damp, wrinkled cowhide ones—probably\n        not made to order either—rather pinched and tormented him at the first\n        go off of a bitter cold morning.\n\n\n        Seeing, now, that there were no curtains to the window, and that the\n        street being very narrow, the house opposite commanded a plain view into\n        the room, and observing more and more the indecorous figure that\n        Queequeg made, staving about with little else but his hat and boots on;\n        I begged him as well as I could, to accelerate his toilet somewhat, and\n        particularly to get into his pantaloons as soon as possible. He\n        complied, and then proceeded to wash himself. At that time in the\n        morning any Christian would have washed his face; but Queequeg, to my\n        amazement, contented himself with restricting his ablutions to his\n        chest, arms, and hands. He then donned his waistcoat, and taking up a\n        piece of hard soap on the wash-stand centre table, dipped it into water\n        and commenced lathering his face. I was watching to see where he kept\n        his razor, when lo and behold, he takes the harpoon from the bed corner,\n        slips out the long wooden stock, unsheathes the head, whets it a little\n        on his boot, and striding up to the bit of mirror against the wall,\n        begins a vigorous scraping, or rather harpooning of his cheeks. Thinks\n        I, Queequeg, this is using Rogers’s best cutlery with a vengeance.\n        Afterwards I wondered the less at this operation when I came to know of\n        what fine steel the head of a harpoon is made, and how exceedingly sharp\n        the long straight edges are always kept.\n\n\n        The rest of his toilet was soon achieved, and he proudly marched out of\n        the room, wrapped up in his great pilot monkey jacket, and sporting his\n        harpoon like a marshal’s baton.\n      datetime: 2017-06-07T19:05:43.820Z\n      date: 2017-06-07T19:05:36.240Z\n      image: /assets/uploads/moby-dick.jpg\n      file: /assets/uploads/moby-dick.jpg\n      select: b\n      list:\n        - object:\n            date: 2017-06-07T19:10:25.684Z\n      string: CHAPTER 4. The Counterpane.\n    string: CHAPTER 3. The Spouter-Inn.\ntyped_list:\n  - type: type_1_object\n    string: CHAPTER 2. The Carpet-Bag.\n    boolean: true\n    text: >-\n      I stuffed a shirt or two into my old carpet-bag, tucked it under my arm, and\n      started for Cape Horn and the Pacific. Quitting the good city of old\n      Manhatto, I duly arrived in New Bedford. It was a Saturday night in\n      December. Much was I disappointed upon learning that the little packet for\n      Nantucket had already sailed, and that no way of reaching that place would\n      offer, till the following Monday.\n  - type: type_2_object\n    number: 3\n    select: b\n    datetime:  2017-06-07T19:05:43.816Z\n    markdown: >-\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget\n      facilisis magna. Integer eget eleifend quam, sit amet sodales nisi. Fusce\n      non lacus tempus, posuere tellus semper, facilisis lectus. Cras consequat\n      aliquet ex.\n  - type: type_1_object\n    string: CHAPTER 2. The Carpet-Bag.\n    boolean: false\n    text: >-\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum\n      augue ornare lectus finibus mollis. Maecenas fringilla lorem at nisl pharetra\n      scelerisque.\n  - type: type_3_object\n    date: 2017-06-07T18:55:28.111Z\n    image: /assets/uploads/moby-dick.jpg\n    file: /assets/uploads/moby-dick.jpg\n---\n\n",
+    },
+  },
+  _i18n_playground: {
+    'file1.en.md': {
+      content:
+        '---\nslug: file1\ndescription: Coffee is a small tree or shrub that grows in the forest understory in its wild form, and traditionally was grown commercially under other trees that provided shade. The forest-like structure of shade coffee farms provides habitat for a great number of migratory and resident species.\ndate: 2015-02-14T00:00:00.000Z\n---\n',
+    },
+    'file1.de.md': {
+      content:
+        '---\ndescription: Kaffee ist ein kleiner Baum oder Strauch, der in seiner wilden Form im Unterholz des Waldes wächst und traditionell kommerziell unter anderen Bäumen angebaut wurde, die Schatten spendeten. Die waldähnliche Struktur schattiger Kaffeefarmen bietet Lebensraum für eine Vielzahl von wandernden und ansässigen Arten.\ndate: 2015-02-14T00:00:00.000Z\n---\n',
+    },
+    'file1.fr.md': {
+      content:
+        "---\ndescription: Le café est un petit arbre ou un arbuste qui pousse dans le sous-étage de la forêt sous sa forme sauvage et qui était traditionnellement cultivé commercialement sous d'autres arbres qui fournissaient de l'ombre. La structure forestière des plantations de café d'ombre fournit un habitat à un grand nombre d'espèces migratrices et résidentes.\ndate: 2015-02-14T00:00:00.000Z\n---\n",
+    },
+  },
+  _nested_pages: {
+    authors: {
+      'author-1': {
+        'index.md': {
+          content: '---\ntitle: An Author\n---\nAuthor details go here!.\n',
+        },
+      },
+      'index.md': {
+        content: '---\ntitle: Authors\n---\n',
+      },
+    },
+    posts: {
+      'hello-world': {
+        'index.md': {
+          content:
+            '---\ntitle: Hello World\n---\nCoffee is a small tree or shrub that grows in the forest understory in its wild form, and traditionally was grown commercially under other trees that provided shade. The forest-like structure of shade coffee farms provides habitat for a great number of migratory and resident species.\n',
+        },
+      },
+      'index.md': {
+        content: '---\ntitle: Posts\n---\n',
+      },
+      news: {
+        'hello-world-news': {
+          'index.md': {
+            content:
+              '---\ntitle: Hello World News\n---\nCoffee is a small tree or shrub that grows in the forest understory in its wild form, and traditionally was grown commercially under other trees that provided shade. The forest-like structure of shade coffee farms provides habitat for a great number of migratory and resident species.\n',
+          },
+        },
+        'index.md': {
+          content: '---\ntitle: News Articles\n---\n',
+        },
+      },
+    },
+    'index.md': {
+      content: '---\ntitle: Pages\n---\n',
+    },
+  },
+};
+
+var ONE_DAY = 60 * 60 * 24 * 1000;
+
+for (var i = 1; i <= 20; i++) {
+  var date = new Date();
+
+  date.setTime(date.getTime() - ONE_DAY);
+  var month = ('0' + (date.getMonth() + 1)).slice(-2);
+  var day = ('0' + date.getDate()).slice(-2);
+  var dateString = '' + date.getFullYear() + '-' + month + '-' + day;
+  var slug = dateString + '-post-number-' + i + '.md';
+
+  window.repoFiles._posts[slug] = {
+    content: `---
+title: "This is post # ${i}"
+image: /assets/uploads/lobby.jpg
+date: ${dateString}T00:00:00.000Z
+---
+# The post is number ${i}
+
+![Static CMS](https://raw.githubusercontent.com/StaticJsCMS/static-cms/main/static-cms-logo.png)
+
+# Awesome Editor!
+
+It was _released as open source in 2022_ and is **_continually_** evolving to be the **best editor experience** available for static site generators.
+
+## MDX
+
+The output out this widget is \`mdx\`, a mixture of \`markdown\` and \`javascript components\`. See [MDX documentation](https://mdxjs.com/docs/).
+
+\`\`\`yaml
+name: body
+label: Blog post content
+widget: markdown
+\`\`\`
+
+\`\`\`js
+name: 'body',
+label: 'Blog post content',
+widget: 'markdown',
+\`\`\`
+
+> See the table below for default options
+> More API information can be found in the document
+
+| Name          | Type                  | Default | Description                                                                                                                                           |
+| ------------- | --------------------- | ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- |
+| default       | string                | \`''\`    | _Optional_. The default value for the field. Accepts markdown content                                                                                 |
+| media_library | Media Library Options | \`{}\`    | _Optional_. Media library settings to apply when a media library is opened by the current widget. See [Media Library Options](#media-library-options) |
+| media_folder  | string                |         | _Optional_. Specifies the folder path where uploaded files should be saved, relative to the base of the repo                                          |
+| public_folder | string                |         | _Optional_. Specifies the folder path where the files uploaded by the media library will be accessed, relative to the base of the built site          |
+
+### Media Library Options
+
+| Name           | Type                   | Default | Description                                                                                                                                       |
+| -------------- | ---------------------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------- |
+| allow_multiple | boolean                | \`true\`  | _Optional_. When set to \`false\`, prevents multiple selection for any media library extension, but must be supported by the extension in use       |
+| config         | string                 | \`{}\`    | _Optional_. A configuration object that will be passed directly to the media library being used - available options are determined by the library |
+| choose_url     | string<br />\\| boolean | \`true\`  | _Optional_. When set to \`false\`, the "Insert from URL" button will be hidden
+
+## Features
+
+* CommonMark + GFM Specifications
+* Live \`Preview\`
+* Auto Indent
+* Syntax Highlight
+  1. Rich Editor
+  2. Preview
+
+## Formatting
+
+**Bold**, *Italic*, ***both***
+
+~~Strikethrough~~
+
+## Shortcodes
+
+[youtube|p6h-rYSVX90]
+
+## Tasks
+
+> * List Item A
+> * List Item B
+>    1. [x] Task 1
+>    2. [ ] Task 2`,
+  };
+}
+
+for (var i = 1; i <= 5; i++) {
+  var date = new Date();
+
+  date.setTime(date.getTime() + ONE_DAY);
+  var month = ('0' + (date.getMonth() + 1)).slice(-2);
+  var day = ('0' + date.getDate()).slice(-2);
+  var dateString = '' + date.getFullYear() + '-' + month + '-' + day;
+  var slug = dateString + '-faq-number-' + i + '.md';
+
+  window.repoFiles._faqs[slug] = {
+    content:
+      '---\ntitle: "This FAQ item # ' +
+      i +
+      '"\ndate: ' +
+      dateString +
+      'T00:00:00.000Z\n---\n# Loren ipsum dolor sit amet',
+  };
+}
+window.repoFiles._pages = {
+  directory: {
+    'sub-directory': {
+      'nested-directory': {
+        'index.md': {
+          path: '_pages/directory/sub-directory/nested-directory/index.md',
+          content: '---\ntitle: "Nested Directory"\n---\n',
+        },
+      },
+      'index.md': {
+        path: '_pages/directory/sub-directory/index.md',
+        content: '---\ntitle: "Sub Directory"\n---\n',
+      },
+    },
+    'another-sub-directory': {
+      'index.md': {
+        path: '_pages/directory/another-sub-directory/index.md',
+        content: '---\ntitle: "Another Sub Directory"\n---\n',
+      },
+    },
+    'index.md': {
+      path: '_pages/directory/index.md',
+      content: '---\ntitle: "Directory"\n---\n',
+    },
+  },
+  'index.md': {
+    path: '_pages/index.md',
+    content: '---\ntitle: "Root Page"\n---\n',
+  },
+};
diff --git a/packages/demo/src/editorial/index.html b/packages/demo/src/editorial/index.html
new file mode 100644
index 00000000..1db744a1
--- /dev/null
+++ b/packages/demo/src/editorial/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Static CMS Demo - Editorial</title>
+    <link rel="icon" type="image/png" href="/static-cms-icon.png" />
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <link href="/editorial/config.yml" type="text/yaml" rel="cms-config-url" />
+    <script type="module" src="/index.jsx"></script>
+  </body>
+</html>
diff --git a/packages/demo/src/index.html b/packages/demo/src/index.html
new file mode 100644
index 00000000..f16ff3aa
--- /dev/null
+++ b/packages/demo/src/index.html
@@ -0,0 +1,201 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Static CMS Demo</title>
+    <link rel="icon" type="image/png" href="/static-cms-icon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+    <style>
+      @import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
+
+      html {
+        line-height: 1.5;
+        -webkit-text-size-adjust: 100%;
+        tab-size: 4;
+        font-family:
+          Inter var,
+          Inter,
+          ui-sans-serif,
+          system-ui,
+          sans-serif;
+        font-feature-settings: normal;
+        font-variation-settings: normal;
+      }
+
+      body {
+        color: #fff;
+        width: 100vw;
+        overflow: hidden;
+        margin: 0;
+        line-height: inherit;
+      }
+
+      .CMS_Demo_root {
+        background: #0f172a;
+        display: flex;
+        height: 100dvh;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+      }
+
+      .CMS_Demo_static-cms-logo {
+        height: 10rem;
+        width: 20rem;
+        max-width: 80%;
+        margin-top: -5rem;
+      }
+
+      .CMS_Demo_entries {
+        display: flex;
+        gap: 16px;
+      }
+
+      @media screen and (max-width: 600px) {
+        .CMS_Demo_entries {
+          flex-direction: column;
+        }
+      }
+
+      .CMS_Demo_Card_root {
+        background: #1e293b;
+        border-color: #2c3b55;
+        display: flex;
+        height: 100%;
+        flex-direction: column;
+        border-radius: 0.5rem;
+        border-width: 1px;
+        box-shadow:
+          0 0 #0000,
+          0 0 #0000,
+          0 1px 2px 0 rgb(0 0 0 / 0.05);
+      }
+
+      .CMS_Demo_Card_link-action {
+        position: relative;
+        display: flex;
+        height: 100%;
+        width: 100%;
+        flex-direction: column;
+        justify-content: flex-start;
+        border-radius: 0.5rem;
+        text-decoration: none;
+      }
+
+      .CMS_Demo_Card_link-action:hover {
+        background: color-mix(in srgb, #339ef4 15%, transparent);
+      }
+
+      .CMS_Demo_Card_media {
+        width: 100%;
+        border-top-left-radius: 0.5rem;
+        border-top-right-radius: 0.5rem;
+        background-size: cover;
+        background-position: center;
+        background-repeat: no-repeat;
+        object-fit: cover;
+      }
+
+      .CMS_Demo_Card_content {
+        color: #fff;
+        padding: 0 1rem 0.5rem;
+        font-weight: 700;
+        flex-grow: 1;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        text-align: center;
+        white-space: nowrap;
+      }
+    </style>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div class="CMS_Demo_root">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 1280 640"
+        class="CMS_Demo_static-cms-logo"
+      >
+        <path
+          class="no-fill"
+          fill="none"
+          d="M783 641H1.05V1.092h1279.774V641H783M167.485 140.998c-15.156 6.702-28.356 16.424-40.894 27.03-10.11 8.553-18.798 18.543-26.587 29.234-14.31 19.642-24.677 41.194-29.922 64.988-1.876 8.511-3.6 17.206-3.937 25.873-.575 14.791-1.49 29.834.527 44.385 1.86 13.41 7.466 26.287 11.277 39.441 3.806 13.135 11.227 24.44 18.444 35.737 7.262 11.368 15.944 21.815 26.386 30.455 10.006 8.28 20.127 16.56 30.993 23.617 8.065 5.238 17.18 9.102 26.228 12.522 10.99 4.154 22.286 7.643 33.671 10.549 6.411 1.635 13.31 1.245 19.918 2.243 15.486 2.341 30.768.512 45.973-2.09 6.414-1.099 12.704-3.082 18.939-5.022 8.055-2.508 16.18-4.945 23.931-8.223 6.164-2.607 11.674-6.715 17.72-9.652 12.2-5.926 22.162-14.836 32.005-23.806 9.668-8.809 17.764-18.958 25.408-29.706 7.017-9.866 12.568-20.314 17.25-31.208 4.012-9.336 6.91-19.247 9.343-29.139 2.27-9.224 4.194-18.718 4.62-28.167.57-12.704.087-25.523-.955-38.21a138.07 138.07 0 00-4.97-27.044c-4.684-16.128-10.897-31.81-20.457-45.722-7.39-10.753-15.229-21.346-24.033-30.941-13.2-14.385-28.639-26.275-46.442-34.595-11.24-5.252-22.555-10.67-34.36-14.313-17.411-5.374-35.51-7.234-53.805-6.243-8.065.437-16.27.01-24.167 1.38-10.563 1.832-21.027 4.585-31.266 7.796-6.924 2.171-13.386 5.814-20.838 8.831m420.516 134.53c.47-6.45-.918-12.458-4.08-18.11-4.98-8.904-12.987-14.451-22.063-17.831-10.571-3.937-21.54-7.11-32.595-9.326-6.44-1.291-12.342-3.06-18.029-6.22-5.7-3.166-7.164-9.908-2.963-14.863 5.306-6.258 12.703-7.923 20.14-7.965 6.351-.035 12.683 2.191 19.079 2.665 7.252.536 13.534 3.61 19.259 7.32 4.492 2.912 5.06 1.085 6.35-2.494 2.28-6.328 4.728-12.615 7.502-18.74 2.203-4.864 2.291-5.22-2.756-7.414-4.047-1.76-7.97-3.924-12.165-5.196-6.886-2.088-13.89-4.78-20.944-5.114-16.306-.77-32.724-1.264-48.295 5.677-8.644 3.854-16.194 9.191-20.621 17.296-3.446 6.307-5.092 13.752-6.601 20.89-.64 3.027 1.418 6.534 1.725 9.87 1.037 11.23 7.609 18.617 16.753 23.961 7.865 4.596 16.193 7.942 25.44 9.296 7.69 1.127 15.258 3.482 22.679 5.908 4.542 1.485 9.073 3.632 12.894 6.451 2.145 1.583 4.622 5.896 3.869 7.674-3.125 7.375-7.871 12.047-17.656 11.675-10.42-.396-20.908 1.453-31.222-2.73-6.572-2.665-13.451-4.413-19.126-8.95-3.075-2.458-6.002-1.309-7.655 2.276-2.37 5.142-5.68 9.89-7.668 15.153-1.14 3.014-4.019 7.297.223 9.959 4.73 2.968 9.991 5.155 15.18 7.297 3.51 1.448 7.25 2.422 10.964 3.273 7.477 1.715 14.962 4.175 22.526 4.52 8.212.373 16.463.876 24.915-1.34 6.975-1.828 13.984-2.986 20.53-6.345 15.388-7.895 24.067-19.971 24.41-38.523M696 441.43l.848 11.569c8.543 0 16.2-.114 23.852.053 3.258.071 4.412-1.078 4.353-4.344-.158-8.828-.053-17.662-.053-26.493 0-26.828-.117-53.656.11-80.482.04-4.74-1.393-6.125-5.97-5.823-5.64.372-11.331-.06-16.986.185-1.59.07-3.64.9-4.575 2.09-1.586 2.023-2.319 4.688-3.649 6.943-3.53 5.986-7.196 11.891-10.79 17.839-3.4 5.624-6.822 11.235-10.153 16.899-4.73 8.039-9.385 16.12-14.473 24.874-3.133-5.334-5.842-9.927-8.531-14.532-4.44-7.603-8.799-15.256-13.32-22.81-4.814-8.042-9.9-15.923-14.63-24.013-2.758-4.719-5.446-8.59-12.033-7.52-4.383.71-8.998.412-13.469.056-4.455-.355-5.655 1.268-5.624 5.642.187 26.326.093 52.655.093 78.982 0 9.332-.116 18.666.118 27.991.038 1.501 1.589 4.214 2.52 4.249 8.737.328 17.491.195 26.543.195v-61.76c2.47 3.483 4.847 6.373 6.72 9.56 7.163 12.182 14.053 24.525 21.328 36.639 1.277 2.126 3.203 3.718 6.708 3.825 6.994.213 11.819-.662 15.258-8.111 4.663-10.102 11.086-19.4 16.87-28.973 2.61-4.324 5.498-8.48 8.932-13.742 0 17.521 0 33.775.003 51.012m97-188.87c-.201-7.83-2.007-15.302-5.019-22.505-2.833-6.775-7.35-12.12-13.573-16.024-10.408-6.53-22.093-8.777-34.026-8.833-7.546-.036-15.123.82-22.728 2.479-10.108 2.204-19.196 5.768-27.963 11.79 3.652 7.628 7.089 15.132 10.86 22.465.997 1.94 2.568 2.628 5.286.977 5.159-3.134 10.665-6.489 16.442-7.605 6.74-1.301 13.94-.613 20.908-.223 7.783.434 14.54 8.416 14.623 16.918-5.473 0-10.948.017-16.422-.003-12.37-.047-24.645-.517-36.478 4.836-8.173 3.699-14.524 9.042-16.655 17.367-2.333 9.11-3.05 18.722 1.734 27.735 4.864 9.162 12.743 14.954 22.437 16.783 8.816 1.664 18.096 1.418 27.141 1.108 5.568-.191 10.969-2.3 15.363-6.22 1.443-1.287 3.104-2.329 5.267-3.927V319c9.46 0 18.601-.174 27.731.081 3.92.11 5.197-1.026 5.159-5.061-.19-20.156-.087-40.314-.087-61.46m253.551 63.489c1.28-.615 2.548-1.257 3.843-1.839 8.857-3.98 15.107-10.7 19.867-18.956 2.128-3.69.035-5.595-3.05-7.302-4.831-2.674-9.616-5.455-14.25-8.454-4.847-3.137-8.556-3.383-10.655-.27-6.847 10.151-16.952 14.535-28.403 11.552-3.638-.947-7.12-3.253-10.147-5.612-5.399-4.207-7.861-10.084-9.227-16.849-1.726-8.546 1.9-23.93 11.223-28.65 2.47-1.25 4.792-3.427 7.355-3.733 5.195-.621 11.25-1.887 15.598.088 6.48 2.943 11.79 8.46 18.27 13.394 5.642-3.212 12.079-7.829 19.226-10.634 5.476-2.15 5.654-5.024 3.643-8.994-1.406-2.774-3.8-5.057-5.814-7.51-7.552-9.204-17.941-14.06-29.08-15.993-10.608-1.84-21.477-1.842-32.333 1.43-7.566 2.28-14.686 4.93-21.057 9.444-13.348 9.46-21.03 22.537-22.42 38.72-1.157 13.473.75 26.32 8.655 38.252 10.354 15.627 24.696 24.137 42.752 25.61 11.763.96 23.97 1.962 36.004-3.694M804.464 334c-1.498-.019-3.03.157-4.49-.086-12.908-2.149-25.146-.33-37.177 4.94-11.057 4.844-18.257 12.785-20.277 24.414-1.697 9.769-1.472 19.68 6.016 27.85 9.338 10.188 22.396 12.032 34.585 15.887 7.143 2.259 14.423 4.191 21.353 6.985 4.72 1.903 5.149 10.377.802 12.806-5.48 3.063-11.751 4.194-17.898 4.007-5.284-.16-10.63-1.432-15.748-2.91-4.831-1.395-9.41-3.677-14.08-5.614-2.918-1.21-5.8-2.506-9.06-3.92-.356 1.96-.312 3.178-.795 4.129-2.47 4.868-5.51 9.505-7.395 14.578-.653 1.756.853 5.143 2.44 6.694 1.997 1.951 5.087 2.788 7.708 4.1 11.121 5.563 23.355 6.473 35.359 7.948 4.36.535 8.982-1.608 13.5-1.688 6.039-.106 11.477-1.694 16.982-4.02 11.421-4.827 18.625-13.561 21.396-25.054 1.684-6.985 1.285-14.9-2.77-21.614-1.943-3.218-4.096-6.72-7.052-8.841-10.23-7.335-22.35-9.874-34.376-12.718-6.36-1.503-12.514-4.056-18.563-6.605-2.843-1.197-4.142-8.91-2.413-11.07 4.913-6.137 12.716-4.476 19.04-6.778 2.603-.948 6.281.832 9.41 1.611 5.178 1.288 10.349 2.636 15.441 4.22 2.988.93 5.82 2.366 8.002 3.274 2.86-6.192 5.474-11.093 7.342-16.263.78-2.159.935-6.31-.273-7.132-7.8-5.302-16.98-7.21-27.009-9.13m-323.94 102.043c11.268 13.98 27.554 17.147 43.848 19.748 4.453.71 9.334-1 13.978-1.821 4.776-.845 9.524-1.872 14.246-2.98 9.408-2.205 16.3-8.305 22.905-14.887 2.06-2.053 1.793-3.539-.21-5.346-4.585-4.136-9.346-8.13-13.516-12.659-3.07-3.336-5.45-2.176-7.508.37-6.332 7.835-15.356 10.549-24.455 11.155-5.599.373-11.695-2.371-17.126-4.733-11.701-5.09-16.89-14.875-17.655-27.247-.205-3.318-.599-6.785.11-9.958.912-4.086 2.355-8.229 4.446-11.84 4.011-6.927 9.868-11.248 17.68-14.397 8.055-3.246 15.719-2.79 23.059-.848 5.279 1.396 9.503 6.502 14.472 9.5 1.743 1.052 5.124 1.823 6.341.885 4.982-3.84 9.308-8.514 14.097-12.624 2.42-2.077 1.99-4.11.399-5.964-8.693-10.13-20.286-15.744-32.93-18.136-11.037-2.088-22.255-1.75-33.574 1.441-10.955 3.089-20.182 8.236-28.179 15.932-7.285 7.012-12.796 15.787-14.612 25.354-3.135 16.516-3.19 33.353 5.76 48.667 2.099 3.591 5.227 6.581 8.424 10.388M889.97 305.82c-1.92-4.728-4.152-9.36-5.657-14.217-1.148-3.707-1.988-4.775-5.594-2.05-2.419 1.83-5.768 3.029-8.81 3.308-6.976.64-12.853-5.333-12.894-12.53-.058-10.164-.015-20.328-.015-30.491V237c8.016 0 15.343-.117 22.664.055 3.205.075 4.497-.932 4.394-4.27-.196-6.325-.24-12.668.012-18.99.15-3.715-1.077-4.996-4.832-4.867-7.277.248-14.569.072-22.238.072 0-7.853-.125-15.31.057-22.76.08-3.31-1.141-4.355-4.37-4.294-8.662.163-17.332.223-25.99-.021-3.834-.108-4.88 1.3-4.765 4.934.23 7.27.068 14.553.068 22.222h-15.755v28.013h15.755c0 13.53-.019 26.66.007 39.79.014 6.837.411 13.402 2.704 20.185 4.055 11.994 12.171 19.36 23.714 21.636 11.925 2.35 24.287 3.339 36.274-1.6 6.244-2.573 7.567-4.273 5.271-11.285m-243.946-19.567c-.675-2.416-1.776-4.805-1.933-7.254-.308-4.812-.091-9.658-.091-14.49v-27.68h26.712v-28.01H644c0-7.71-.156-15.025.067-22.328.108-3.558-1.174-4.634-4.631-4.553-8.327.196-16.663.173-24.99.018-4.187-.079-5.756 1.426-5.541 5.775.35 7.06.094 14.15.094 21.432h-15.795v27.839h15.795c0 12.85.263 25.308-.085 37.75-.268 9.61 1.004 18.76 5.104 27.5 4.343 9.257 12.055 14.556 21.544 16.535 6.84 1.426 14.127 1.45 21.152 1.037 5.857-.345 11.656-2.1 17.419-3.486 3.896-.938 4.73-4.226 3.737-7.402-2.053-6.568-4.587-12.993-7.162-19.38-.308-.765-2.25-1.51-3.171-1.266-2.392.633-4.666 1.76-6.935 2.802-6.372 2.929-10.722 1.681-14.578-4.839M942.007 231.5c0-6.33-.028-12.66.01-18.99.025-4.243-1.409-6.703-6.258-6.57-8.323.228-16.66.193-24.986.01-4.296-.095-5.833 1.646-5.821 5.881.093 33.984.126 67.968-.04 101.951-.02 4.362 1.865 5.285 5.544 5.246 8.329-.09 16.659-.021 24.988-.03 6.097-.007 6.559-.461 6.56-6.536.006-26.654.003-53.308.003-80.962m-10.09-74.484c-5.664.015-11.975-1.584-16.861.373-10.873 4.355-16.696 13.838-11.092 26.823 5.038 11.674 20.61 13.24 29.18 8.998 4.812-2.38 8.263-5.824 10.331-11.624 2.989-8.379-.072-19.145-8.315-22.561-.892-.37-1.607-1.164-3.242-2.009z"
+        ></path>
+        <path
+          class="no-fill"
+          fill="#e4e9ed"
+          d="M167.877 140.982c7.06-3.001 13.522-6.644 20.446-8.815 10.239-3.211 20.703-5.964 31.266-7.796 7.897-1.37 16.102-.943 24.167-1.38 18.296-.991 36.394.87 53.804 6.243 11.806 3.644 23.12 9.061 34.36 14.313 17.804 8.32 33.242 20.21 46.443 34.595 8.804 9.595 16.644 20.188 24.033 30.94 9.56 13.912 15.773 29.595 20.457 45.723a138.07 138.07 0 014.97 27.045c1.042 12.686 1.526 25.505.954 38.209-.425 9.45-2.349 18.943-4.619 28.167-2.434 9.892-5.331 19.803-9.343 29.14-4.682 10.893-10.233 21.341-17.25 31.207-7.644 10.748-15.74 20.897-25.408 29.706-9.843 8.97-19.805 17.88-32.006 23.806-6.045 2.937-11.555 7.045-17.719 9.652-7.752 3.278-15.876 5.715-23.931 8.223-6.235 1.94-12.525 3.923-18.939 5.021-15.205 2.603-30.487 4.432-45.973 2.091-6.607-.998-13.507-.608-19.918-2.243-11.385-2.906-22.681-6.395-33.67-10.549-9.048-3.42-18.164-7.284-26.23-12.522-10.865-7.056-20.986-15.337-30.992-23.617-10.442-8.64-19.124-19.087-26.386-30.455-7.217-11.297-14.638-22.602-18.444-35.737-3.81-13.154-9.417-26.032-11.277-39.44-2.017-14.552-1.102-29.595-.527-44.386.338-8.667 2.06-17.362 3.937-25.873 5.245-23.794 15.613-45.346 29.922-64.988 7.79-10.691 16.477-20.681 26.587-29.233 12.538-10.607 25.738-20.329 41.286-27.047m-34.91 73.372c-8.412 8.934-14.073 19.62-19.055 30.647-9.951 22.025-14.136 45.178-12.637 69.314.07 1.116 1.17 3.154 1.59 3.104 3.063-.366 6.286-.725 8.99-2.044.994-.484 1.053-3.572.98-5.45-.723-18.522 2.748-36.299 9.088-53.625 1.135-3.103 2.778-4.366 6.21-4.325 14.997.178 29.998.17 44.994.01 3.754-.04 5.036 1.318 4.891 4.96-.198 4.99.097 10.001-.074 14.994-.103 3.003.898 4.192 3.996 4.079 5.16-.189 10.333.05 15.496-.087 2.785-.074 3.89.952 3.823 3.769-.127 5.33-.209 10.673.045 15.994.173 3.626-1.3 4.55-4.68 4.476-8.495-.186-17.005.166-25.492-.155-4.317-.163-5.327 1.414-5.23 5.442.249 10.493.35 21.007-.092 31.487-.114 2.73-1.808 6.038-3.845 7.929-8.024 7.449-16.615 14.284-24.724 21.646-6.943 6.304-7.874 6.284-11.633-2.238-.87-1.973-1.528-4.048-2.5-5.967-2.073-4.091-2.374-7.949-.07-12.212 2.532-4.686.67-10.868-3.59-13.921-5.187-3.718-11.629-2.799-15.972 2.278-3.635 4.25-3.095 10.957.917 15.395 2.186 2.418 4.563 4.995 5.733 7.944 6.336 15.976 14.61 30.9 25.627 43.983 12.485 14.825 27.472 26.982 44.798 35.863 24.086 12.346 49.63 17.845 76.816 16.296 19.682-1.12 38.255-5.792 55.998-14.211 14.838-7.04 28.108-16.472 39.716-27.894 7.152-7.038 13.4-15.2 19.009-23.56 15.46-23.043 24.365-48.445 24.882-76.395.15-8.115-.477-16.262-1.132-24.364-.173-2.143-1.774-4.17-2.719-6.25-3.221 1.49-7.818-.764-9.971 3.96-.601 1.32-2.637 2.776-4.046 2.81-10.327.24-20.663.03-30.993.202-3.383.056-4.289-1.282-4.212-4.426.166-6.828-.141-13.671.122-20.494.154-3.977-1.273-5.202-5.18-5.142-12.662.194-25.353-.393-37.984.262-6.666.346-10.39-2.188-13.464-7.548-1.785-3.111-1.943-5.278.773-7.865 5.791-5.515 11.517-11.12 16.916-17.012 1.603-1.748 2.789-4.551 2.862-6.911.31-9.99.092-19.994.143-29.993.023-4.577 1.413-5.54 5.405-3.281 5.308 3.003 10.51 6.24 15.517 9.722 14.643 10.182 26.509 23.185 35.736 38.28 4.455 7.287 10.043 14.546 9.375 24.155-.425 6.127 3.766 11.249 8.945 11.945 6.064.815 11.976-2.502 13.61-7.635 1.81-5.69-.814-12.212-6.805-14.15-4.951-1.601-7.13-4.906-8.904-9.129a40.768 40.768 0 00-2.428-4.892c-8.805-14.96-19.364-28.36-32.487-39.956-11.614-10.262-24.336-18.643-38.44-24.496-22.573-9.366-46.077-14.253-70.815-11.558-15.247 1.661-29.897 4.922-44.207 10.693-22.313 9-40.514 23.314-56.51 40.845-1.09 1.196-1.777 2.761-3.112 4.702z"
+        ></path>
+        <path
+          class="no-fill"
+          fill="#a2b2c1"
+          d="M588 276.01c-.343 18.07-9.022 30.146-24.41 38.041-6.546 3.359-13.555 4.517-20.53 6.345-8.452 2.216-16.703 1.713-24.915 1.34-7.564-.345-15.049-2.805-22.526-4.52-3.714-.851-7.454-1.825-10.963-3.273-5.19-2.142-10.452-4.33-15.181-7.297-4.242-2.662-1.362-6.945-.223-9.96 1.989-5.263 5.297-10.01 7.668-15.152 1.653-3.585 4.58-4.734 7.655-2.276 5.675 4.537 12.554 6.285 19.126 8.95 10.314 4.183 20.801 2.334 31.222 2.73 9.785.372 14.531-4.3 17.656-11.675.753-1.778-1.724-6.09-3.869-7.674-3.821-2.819-8.352-4.966-12.894-6.451-7.421-2.426-14.989-4.781-22.679-5.908-9.247-1.354-17.575-4.7-25.44-9.296-9.144-5.344-15.716-12.732-16.753-23.96-.307-3.337-2.366-6.844-1.725-9.871 1.509-7.138 3.155-14.583 6.6-20.89 4.428-8.105 11.978-13.442 20.622-17.296 15.57-6.94 31.99-6.447 48.295-5.677 7.054.334 14.058 3.026 20.944 5.114 4.194 1.272 8.118 3.436 12.165 5.196 5.047 2.195 4.96 2.55 2.756 7.414-2.774 6.125-5.222 12.412-7.503 18.74-1.29 3.58-1.857 5.406-6.35 2.494-5.724-3.71-12.006-6.784-19.258-7.32-6.396-.474-12.728-2.7-19.08-2.665-7.436.042-14.833 1.707-20.14 7.965-4.2 4.955-2.736 11.697 2.964 14.864 5.687 3.16 11.589 4.928 18.029 6.219 11.055 2.216 22.024 5.39 32.595 9.326 9.076 3.38 17.083 8.927 22.063 17.83 3.162 5.653 4.55 11.662 4.08 18.594z"
+        ></path>
+        <path
+          class="no-fill"
+          fill="#68C4E2"
+          d="M695.999 440.94c-.002-16.746-.002-33-.002-50.521-3.434 5.261-6.321 9.418-8.933 13.742-5.783 9.574-12.206 18.871-16.87 28.973-3.438 7.449-8.263 8.324-15.257 8.11-3.505-.106-5.431-1.698-6.708-3.824-7.275-12.114-14.165-24.457-21.328-36.64-1.873-3.186-4.25-6.076-6.72-9.56v61.76c-9.052 0-17.806.134-26.544-.194-.93-.035-2.481-2.748-2.519-4.249-.234-9.325-.118-18.66-.118-27.99 0-26.328.094-52.657-.093-78.983-.03-4.374 1.17-5.997 5.624-5.642 4.471.356 9.086.654 13.47-.057 6.586-1.069 9.274 2.802 12.033 7.521 4.729 8.09 9.815 15.97 14.628 24.012 4.522 7.555 8.88 15.208 13.32 22.811 2.69 4.605 5.4 9.198 8.532 14.532 5.088-8.754 9.744-16.835 14.473-24.874 3.331-5.664 6.753-11.275 10.152-16.9 3.595-5.947 7.261-11.852 10.791-17.838 1.33-2.255 2.063-4.92 3.649-6.943.934-1.19 2.986-2.02 4.575-2.09 5.655-.246 11.346.187 16.986-.185 4.577-.302 6.01 1.083 5.97 5.823-.227 26.826-.11 53.654-.11 80.482 0 8.831-.105 17.665.053 26.493.059 3.266-1.095 4.415-4.353 4.344-7.651-.167-15.309-.053-23.852-.053-.288-3.926-.568-7.747-.85-12.06z"
+        ></path>
+        <path
+          class="no-fill"
+          fill="#a2b2c1"
+          d="M793 253.054c0 20.652-.103 40.81.087 60.966.038 4.035-1.239 5.171-5.159 5.061-9.13-.255-18.272-.081-27.731-.081v-9.321c-2.163 1.598-3.824 2.64-5.267 3.927-4.394 3.92-9.795 6.029-15.363 6.22-9.045.31-18.325.556-27.14-1.108-9.695-1.829-17.574-7.62-22.438-16.783-4.784-9.013-4.067-18.624-1.734-27.735 2.131-8.325 8.482-13.668 16.655-17.367 11.833-5.353 24.107-4.883 36.478-4.836 5.474.02 10.949.003 16.422.003-.084-8.502-6.84-16.484-14.623-16.918-6.968-.39-14.169-1.078-20.908.223-5.777 1.116-11.283 4.47-16.442 7.605-2.718 1.651-4.289.963-5.287-.977-3.77-7.333-7.207-14.837-10.86-22.464 8.768-6.023 17.856-9.587 27.964-11.791 7.605-1.659 15.182-2.515 22.728-2.48 11.933.057 23.618 2.303 34.026 8.834 6.223 3.904 10.74 9.249 13.573 16.024 3.012 7.203 4.818 14.675 5.019 22.998m-48.482 41.017c9.03-1.007 14.869-10.037 12.822-20.07-8.585 0-17.212-.168-25.83.062-5.245.14-8.877 3.155-10.968 7.9-1.861 4.225.587 7.369 3.198 10.106 1.189 1.247 3.37 1.491 4.993 2.388 5.059 2.794 10.151 2.073 15.785-.386zM1046.244 316.316c-11.727 5.389-23.934 4.387-35.697 3.427-18.056-1.473-32.398-9.983-42.752-25.61-7.906-11.933-9.812-24.779-8.655-38.251 1.39-16.184 9.072-29.261 22.42-38.72 6.371-4.516 13.491-7.166 21.057-9.445 10.856-3.272 21.725-3.27 32.333-1.43 11.139 1.933 21.528 6.789 29.08 15.993 2.013 2.453 4.408 4.736 5.814 7.51 2.011 3.97 1.833 6.845-3.643 8.994-7.147 2.805-13.584 7.422-19.227 10.634-6.48-4.934-11.79-10.451-18.269-13.394-4.349-1.975-10.403-.71-15.598-.088-2.563.306-4.884 2.483-7.355 3.734-9.324 4.72-12.949 20.103-11.223 28.65 1.366 6.764 3.828 12.641 9.227 16.848 3.027 2.36 6.51 4.665 10.147 5.612 11.45 2.983 21.556-1.4 28.403-11.553 2.1-3.112 5.808-2.866 10.656.271 4.633 2.999 9.418 5.78 14.248 8.454 3.086 1.707 5.179 3.612 3.051 7.302-4.76 8.256-11.01 14.977-19.867 18.956-1.295.582-2.563 1.224-4.15 2.106z"
+        ></path>
+        <path
+          class="no-fill"
+          fill="#68C4E2"
+          d="M804.928 334c9.565 1.92 18.744 3.828 26.545 9.13 1.208.821 1.052 4.973.273 7.132-1.868 5.17-4.483 10.07-7.342 16.263-2.183-.908-5.014-2.344-8.002-3.273-5.092-1.585-10.263-2.933-15.44-4.221-3.13-.779-6.808-2.559-9.41-1.611-6.325 2.302-14.128.64-19.04 6.778-1.73 2.16-.431 9.873 2.412 11.07 6.05 2.549 12.204 5.102 18.563 6.605 12.027 2.844 24.146 5.383 34.376 12.718 2.956 2.12 5.109 5.623 7.052 8.84 4.055 6.716 4.454 14.63 2.77 21.615-2.771 11.493-9.975 20.227-21.396 25.053-5.505 2.327-10.943 3.915-16.983 4.021-4.517.08-9.14 2.223-13.5 1.688-12.003-1.475-24.237-2.385-35.358-7.949-2.621-1.311-5.711-2.148-7.709-4.1-1.586-1.55-3.092-4.937-2.439-6.693 1.885-5.073 4.926-9.71 7.395-14.578.483-.95.439-2.168.795-4.129 3.26 1.414 6.142 2.71 9.06 3.92 4.67 1.937 9.249 4.219 14.08 5.614 5.117 1.478 10.464 2.75 15.748 2.91 6.147.187 12.418-.944 17.898-4.007 4.347-2.429 3.917-10.903-.802-12.806-6.93-2.794-14.21-4.726-21.353-6.985-12.189-3.855-25.247-5.7-34.585-15.887-7.488-8.17-7.713-18.081-6.016-27.85 2.02-11.63 9.22-19.57 20.277-24.414 12.031-5.27 24.27-7.089 37.176-4.94 1.462.243 2.993.067 4.955.086zM480.253 435.773c-2.926-3.537-6.054-6.527-8.153-10.118-8.95-15.314-8.895-32.151-5.76-48.667 1.816-9.567 7.327-18.342 14.612-25.354 7.997-7.696 17.224-12.843 28.179-15.932 11.319-3.191 22.537-3.529 33.575-1.44 12.643 2.39 24.236 8.005 32.929 18.135 1.592 1.855 2.02 3.887-.4 5.964-4.788 4.11-9.114 8.784-14.096 12.624-1.217.938-4.598.167-6.341-.885-4.969-2.998-9.193-8.104-14.472-9.5-7.34-1.942-15.004-2.398-23.058.848-7.813 3.149-13.67 7.47-17.68 14.397-2.092 3.611-3.535 7.754-4.447 11.84-.709 3.173-.315 6.64-.11 9.958.764 12.372 5.954 22.158 17.655 27.247 5.43 2.362 11.527 5.106 17.126 4.733 9.099-.606 18.123-3.32 24.455-11.155 2.058-2.546 4.437-3.706 7.508-.37 4.17 4.53 8.93 8.523 13.516 12.66 2.003 1.806 2.27 3.292.21 5.345-6.605 6.582-13.497 12.682-22.905 14.888-4.722 1.107-9.47 2.134-14.246 2.979-4.644.822-9.525 2.532-13.978 1.821-16.294-2.601-32.58-5.769-44.119-20.018z"
+        ></path>
+        <path
+          class="no-fill"
+          fill="#a2b2c1"
+          d="M889.985 306.242c2.28 6.59.957 8.29-5.287 10.863-11.987 4.939-24.35 3.95-36.274 1.6-11.543-2.275-19.659-9.642-23.714-21.636-2.293-6.783-2.69-13.348-2.704-20.185-.026-13.13-.007-26.26-.007-39.79h-15.755v-28.013h15.755c0-7.67.162-14.952-.068-22.222-.115-3.634.931-5.042 4.765-4.934 8.658.244 17.328.184 25.99.021 3.229-.06 4.45.984 4.37 4.295-.182 7.45-.057 14.906-.057 22.76 7.67 0 14.961.175 22.238-.073 3.755-.129 4.981 1.152 4.832 4.868-.252 6.32-.208 12.664-.012 18.99.103 3.337-1.19 4.344-4.394 4.269-7.321-.172-14.648-.055-22.664-.055v12.84c0 10.163-.043 20.327.015 30.49.041 7.198 5.918 13.172 12.894 12.531 3.042-.279 6.391-1.479 8.81-3.307 3.606-2.726 4.446-1.658 5.594 2.049 1.505 4.857 3.738 9.489 5.673 14.64zM646.226 286.604c3.653 6.17 8.003 7.417 14.375 4.488 2.269-1.042 4.543-2.169 6.935-2.802.92-.244 2.863.5 3.171 1.266 2.575 6.387 5.109 12.812 7.162 19.38.993 3.176.159 6.464-3.737 7.402-5.763 1.386-11.562 3.141-17.42 3.486-7.024.413-14.31.39-21.151-1.037-9.49-1.98-17.2-7.278-21.544-16.534-4.1-8.742-5.372-17.89-5.104-27.5.348-12.443.085-24.902.085-37.751h-15.795v-27.839h15.795c0-7.281.256-14.372-.094-21.432-.215-4.35 1.354-5.854 5.54-5.775 8.328.155 16.664.178 24.99-.018 3.458-.081 4.74.995 4.632 4.553-.223 7.303-.067 14.618-.067 22.329h26.712v28.01H644v27.68c0 4.831-.217 9.677.09 14.49.158 2.448 1.26 4.837 2.137 7.604zM942.007 232c0 27.154.003 53.808-.003 80.462-.001 6.075-.463 6.529-6.56 6.536-8.33.009-16.66-.06-24.988.03-3.679.039-5.565-.884-5.544-5.246.166-33.983.133-67.967.04-101.95-.012-4.236 1.525-5.977 5.821-5.883 8.326.184 16.663.22 24.986-.009 4.85-.133 6.283 2.327 6.258 6.57-.038 6.33-.01 12.66-.01 19.49zM932.336 157.14c1.217.721 1.932 1.515 2.824 1.885 8.243 3.416 11.304 14.182 8.315 22.561-2.068 5.8-5.519 9.243-10.33 11.624-8.571 4.241-24.143 2.676-29.181-8.998-5.604-12.985.219-22.468 11.092-26.823 4.886-1.957 11.197-.358 17.28-.249z"
+        ></path>
+        <path
+          class="no-fill"
+          fill="#6EC5E3"
+          d="M133.197 214.08c1.105-1.667 1.791-3.232 2.882-4.428 15.996-17.53 34.197-31.845 56.51-40.845 14.31-5.771 28.96-9.032 44.207-10.693 24.738-2.695 48.242 2.192 70.814 11.558 14.105 5.853 26.827 14.234 38.44 24.496 13.124 11.596 23.683 24.996 32.488 39.956a40.768 40.768 0 012.428 4.892c1.773 4.223 3.953 7.528 8.904 9.129 5.991 1.938 8.616 8.46 6.805 14.15-1.634 5.133-7.546 8.45-13.61 7.635-5.179-.696-9.37-5.818-8.945-11.945.668-9.609-4.92-16.868-9.375-24.155-9.227-15.095-21.093-28.098-35.736-38.28-5.008-3.482-10.209-6.72-15.517-9.722-3.992-2.259-5.382-1.296-5.405 3.281-.051 9.999.166 20.003-.143 29.993-.073 2.36-1.26 5.163-2.862 6.911-5.4 5.892-11.125 11.497-16.916 17.012-2.716 2.587-2.558 4.754-.773 7.865 3.075 5.36 6.798 7.894 13.464 7.548 12.63-.655 25.322-.068 37.985-.262 3.906-.06 5.333 1.165 5.18 5.142-.264 6.823.043 13.666-.123 20.494-.077 3.144.829 4.482 4.212 4.426 10.33-.173 20.666.039 30.993-.203 1.41-.033 3.445-1.49 4.046-2.809 2.153-4.724 6.75-2.47 9.971-3.96.945 2.08 2.546 4.107 2.719 6.25.655 8.102 1.282 16.249 1.132 24.364-.517 27.95-9.422 53.352-24.882 76.395-5.609 8.36-11.857 16.522-19.009 23.56-11.608 11.422-24.878 20.853-39.716 27.894-17.743 8.42-36.316 13.09-55.998 14.211-27.187 1.549-52.73-3.95-76.816-16.296-17.326-8.88-32.313-21.038-44.798-35.863-11.018-13.082-19.29-28.007-25.627-43.983-1.17-2.95-3.547-5.526-5.733-7.944-4.012-4.438-4.552-11.145-.917-15.395 4.343-5.077 10.785-5.996 15.972-2.278 4.26 3.053 6.122 9.235 3.59 13.921-2.304 4.263-2.003 8.12.07 12.212.972 1.919 1.63 3.994 2.5 5.967 3.76 8.522 4.69 8.542 11.633 2.238 8.11-7.362 16.7-14.197 24.724-21.646 2.037-1.891 3.73-5.199 3.845-7.929.441-10.48.34-20.994.091-31.487-.096-4.028.914-5.605 5.23-5.442 8.488.32 16.998-.03 25.493.155 3.38.074 4.853-.85 4.68-4.476-.254-5.32-.172-10.664-.045-15.994.067-2.817-1.038-3.843-3.823-3.769-5.163.138-10.337-.102-15.496.087-3.098.113-4.099-1.076-3.996-4.079.171-4.993-.124-10.003.074-14.994.145-3.642-1.137-5-4.89-4.96-14.997.16-29.998.168-44.994-.01-3.433-.04-5.076 1.222-6.211 4.325-6.34 17.326-9.811 35.103-9.088 53.624.073 1.879.014 4.967-.98 5.451-2.704 1.319-5.927 1.678-8.99 2.044-.42.05-1.52-1.988-1.59-3.104-1.5-24.136 2.686-47.29 12.637-69.314 4.982-11.027 10.643-21.713 19.285-30.92M274.47 440.161c2.427-.513 4.889-.9 7.276-1.558 20.729-5.716 39.654-14.71 55.917-29.197 4.134-3.682 3.438-5.29.048-8.237-8.777-7.63-17.509-15.315-26.092-23.162-9.692-8.86-6.795-10.761-18.392 1.484-1.686 1.78-4.523 3.252-6.93 3.42-6.632.465-13.32.24-19.984.136-4.152-.064-5.742 1.725-5.167 5.846.74 5.313-.014 6.13-5.364 6.143-13.664.031-27.329.009-40.993.005-13.466-.003-13.379-.006-13.646-13.356-.046-2.316-.488-5.255-1.93-6.806-6.803-7.318-13.915-14.364-21.196-21.208-1.108-1.042-4.43-1.432-5.467-.583-11.048 9.044-21.848 18.392-32.702 27.674-2.337 1.999-2.247 3.94-.37 6.46 8.725 11.71 18.942 21.948 30.854 30.296 31.216 21.876 65.82 28.947 104.138 22.643M233.5 336.022c7.498 0 15 .16 22.491-.067 3.995-.122 5.288 1.442 5.158 5.287-.215 6.324-.061 12.661-.059 18.992.004 9.835-.003 9.893 9.382 11.142 2.788.37 5.712.783 8.43.325 2.812-.472 6.048-1.323 8.054-3.153 6.763-6.17 13.137-12.775 19.47-19.395 1.248-1.304 2.271-3.395 2.334-5.16.26-7.322.05-14.659.143-21.989.038-2.938-1.06-4.272-4.108-4.172-4.16.137-8.33.045-12.495.018-8.3-.053-7.321.83-7.347-7.6-.037-11.83.093-23.66-.101-35.487-.039-2.35-.784-4.931-1.96-6.97-2.482-4.304-5.214-8.524-8.357-12.357-1.364-1.664-3.961-3.146-6.06-3.234-8.65-.362-17.327.025-25.983-.245-3.917-.122-4.915 1.395-4.693 4.97.248 3.983.07 7.994.061 11.992-.015 6.868-.284 7.137-6.912 7.114-3.998-.014-8.012.197-11.991-.088-4.064-.29-5.203 1.451-5.116 5.259.193 8.493-.018 16.994.096 25.49.052 3.808-1.391 5.336-5.338 5.235-8.658-.221-17.328.04-25.989-.122-3.501-.064-4.774 1.302-4.653 4.714.17 4.826-.23 9.687.186 14.483.196 2.249 1.24 4.83 2.75 6.486 5.827 6.393 11.987 12.484 18.069 18.643.362.367 1.12.344 2.271.662 0-5.409.206-10.387-.064-15.34-.22-4.055 1.082-5.645 5.342-5.51 8.655.274 17.325.08 26.989.078m-7.012-119.048c1.83-.002 3.682.17 5.488-.04 4.65-.543 6.286 1.438 5.957 6.015-.322 4.47.038 8.987-.118 13.476-.108 3.142 1.016 4.382 4.294 4.544 29.563 1.462 29.56 1.505 50.218-19.667.464-.476 1.14-.865 1.368-1.435 1.135-2.822 2.946-5.658 3.067-8.55.388-9.305-.057-18.642.218-27.955.127-4.321-1.571-6.458-5.605-7.367-5.805-1.307-11.505-3.245-17.368-4.098-8.669-1.26-17.462-2.642-26.164-2.43-9.54.234-19.02 2.394-28.562 3.357-4.06.41-5.472 2.198-5.418 6.07.124 8.82.035 17.643.04 26.465.008 11.627.011 11.627 12.585 11.615m145.145 148.144c9.791-19.177 14.06-39.556 13.418-61.037-.087-2.901-1.061-4.233-4.118-4.207-11.161.093-22.323.077-33.485.007-2.526-.016-3.67.878-3.578 3.492.116 3.327-.15 6.673.067 9.991.234 3.587-1.339 4.668-4.718 4.543-5.157-.19-10.33.05-15.49-.087-2.792-.074-3.863.968-3.805 3.78.13 6.327-.378 12.696.163 18.98.561 6.527-1.262 11.74-6.25 15.813-3.672 3-3.271 5.428.203 8.413 11.336 9.742 22.526 19.656 33.7 29.583 2.055 1.825 3.652 2.162 5.269-.343 6.083-9.426 12.175-18.845 18.624-28.928M186.297 184.797c-1.37.597-2.826 1.052-4.1 1.812-15.127 9.024-28.273 20.458-39.72 33.753-4.069 4.725-7.103 10.355-10.483 15.652-1.884 2.953-1.738 4.954 2.612 4.925 12.986-.087 25.973-.092 38.958.011 3.178.025 4.565-1.083 4.471-4.348-.144-4.99.079-9.992-.076-14.982-.108-3.464 1.327-4.781 4.747-4.668 4.989.165 9.989-.014 14.982.064 2.546.04 4.196-.64 4.185-3.575-.039-10.323.006-20.645-.038-30.967-.014-3.207-1.45-4.184-4.487-2.719-3.421 1.65-6.93 3.117-11.051 5.042m39.554 58.715c-.007-3.662-.005-7.324-.022-10.985-.014-2.955-1.077-4.53-4.471-4.461-8.938.182-17.883.126-26.823.003-3.106-.043-4.621.952-4.587 4.267.096 9.486.088 18.974-.004 28.46-.03 3.043 1.292 4.113 4.217 4.085 8.986-.087 17.975-.08 26.962-.013 3.415.026 4.802-1.575 4.753-4.883-.075-5.158-.022-10.318-.025-16.473m72.226 26.67c-.648 1.222-1.839 2.434-1.859 3.666-.152 9.328-.083 18.66-.063 27.991.006 3.137 1.607 4.357 4.738 4.317 8.996-.113 17.996-.137 26.992.01 3.267.053 4.406-1.176 4.36-4.388-.13-9.163-.153-18.33.014-27.492.06-3.245-1.005-4.404-4.29-4.346-9.662.17-19.328.08-29.892.243M213.9 376.368c0 7.554 0 7.546 7.693 7.536 7.497-.009 14.996-.126 22.488.056 3.535.086 5.166-.905 5.08-4.762-.203-9.158-.182-18.326-.023-27.485.061-3.542-1.359-4.654-4.742-4.595-8.494.148-16.996.207-25.486-.022-4.044-.11-5.187 1.503-5.08 5.313.217 7.657.068 15.324.07 23.96z"
+        ></path>
+        <path
+          class="no-fill"
+          fill="#e4e9ed"
+          d="M274.042 440.21c-37.89 6.256-72.495-.815-103.711-22.69-11.912-8.349-22.13-18.587-30.854-30.297-1.877-2.52-1.967-4.461.37-6.46 10.854-9.282 21.654-18.63 32.702-27.674 1.037-.849 4.36-.459 5.467.583 7.281 6.844 14.393 13.89 21.196 21.208 1.442 1.551 1.884 4.49 1.93 6.806.267 13.35.18 13.353 13.646 13.356 13.664.004 27.329.026 40.993-.005 5.35-.012 6.104-.83 5.364-6.143-.575-4.12 1.015-5.91 5.167-5.846 6.664.103 13.352.329 19.985-.136 2.406-.168 5.243-1.64 6.93-3.42 11.596-12.245 8.699-10.345 18.391-1.484 8.583 7.847 17.315 15.533 26.092 23.162 3.39 2.947 4.086 4.555-.048 8.237-16.263 14.487-35.188 23.481-55.917 29.197-2.387.658-4.849 1.045-7.703 1.606z"
+        ></path>
+        <path
+          class="no-fill"
+          fill="#e4e9ed"
+          d="M233 336.023c-9.164.001-17.834.196-26.49-.078-4.26-.135-5.561 1.455-5.34 5.51.269 4.953.063 9.931.063 15.34-1.151-.318-1.909-.295-2.271-.662-6.082-6.159-12.242-12.25-18.07-18.643-1.51-1.656-2.553-4.237-2.749-6.486-.417-4.796-.016-9.657-.186-14.483-.12-3.412 1.152-4.778 4.653-4.714 8.661.161 17.33-.099 25.99.122 3.946.1 5.389-1.427 5.338-5.235-.115-8.496.096-16.997-.097-25.49-.087-3.808 1.052-5.55 5.116-5.259 3.979.285 7.993.074 11.991.088 6.628.023 6.897-.246 6.912-7.114.008-3.998.187-8.009-.061-11.992-.222-3.575.776-5.092 4.693-4.97 8.656.27 17.334-.117 25.983.245 2.099.088 4.696 1.57 6.06 3.234 3.143 3.833 5.875 8.053 8.357 12.357 1.176 2.039 1.921 4.62 1.96 6.97.194 11.826.064 23.658.1 35.487.027 8.43-.952 7.547 7.348 7.6 4.165.027 8.334.12 12.495-.018 3.048-.1 4.146 1.234 4.108 4.172-.093 7.33.116 14.667-.143 21.989-.063 1.765-1.086 3.856-2.333 5.16-6.334 6.62-12.708 13.225-19.47 19.395-2.007 1.83-5.243 2.68-8.055 3.153-2.718.458-5.642.045-8.43-.325-9.385-1.249-9.378-1.307-9.382-11.142-.002-6.331-.156-12.668.059-18.992.13-3.845-1.163-5.41-5.158-5.287-7.49.228-14.993.067-22.991.068zM225.998 216.975c-12.084.012-12.087.012-12.095-11.615-.005-8.822.084-17.645-.04-26.466-.054-3.871 1.358-5.66 5.418-6.069 9.542-.963 19.021-3.123 28.562-3.356 8.702-.213 17.495 1.168 26.164 2.43 5.863.852 11.563 2.79 17.368 4.097 4.034.909 5.732 3.046 5.605 7.367-.275 9.313.17 18.65-.218 27.955-.12 2.892-1.932 5.728-3.067 8.55-.229.57-.904.959-1.368 1.435-20.657 21.172-20.655 21.129-50.218 19.667-3.278-.162-4.402-1.402-4.294-4.544.156-4.49-.204-9.005.118-13.476.329-4.577-1.306-6.558-5.957-6.016-1.806.21-3.658.039-5.978.041zM371.453 365.45c-6.269 9.752-12.361 19.171-18.444 28.597-1.617 2.505-3.214 2.168-5.269.343-11.174-9.927-22.364-19.84-33.7-29.583-3.474-2.985-3.875-5.413-.202-8.413 4.987-4.074 6.81-9.286 6.249-15.813-.54-6.284-.033-12.653-.163-18.98-.058-2.812 1.013-3.854 3.805-3.78 5.16.136 10.333-.103 15.49.087 3.38.125 4.952-.956 4.718-4.543-.217-3.318.049-6.664-.067-9.991-.092-2.614 1.052-3.508 3.578-3.492 11.162.07 22.324.086 33.485-.007 3.057-.026 4.031 1.306 4.118 4.207.643 21.481-3.627 41.86-13.598 61.367zM186.622 184.608c3.795-1.736 7.305-3.203 10.726-4.853 3.038-1.465 4.473-.488 4.487 2.719.044 10.322 0 20.644.038 30.967.01 2.935-1.639 3.615-4.185 3.575-4.993-.078-9.993.1-14.982-.064-3.42-.113-4.855 1.204-4.747 4.668.155 4.99-.068 9.991.076 14.982.094 3.265-1.293 4.373-4.471 4.348a2659.482 2659.482 0 00-38.958-.011c-4.35.03-4.496-1.972-2.612-4.925 3.38-5.297 6.414-10.927 10.483-15.652 11.447-13.295 24.593-24.73 39.72-33.753 1.274-.76 2.73-1.215 4.425-2.001zM225.851 244.01c.003 5.657-.05 10.817.025 15.975.049 3.308-1.338 4.909-4.753 4.883-8.987-.067-17.976-.074-26.962.013-2.925.028-4.247-1.042-4.217-4.085.092-9.486.1-18.974.004-28.46-.034-3.315 1.48-4.31 4.587-4.267 8.94.123 17.885.179 26.823-.003 3.394-.07 4.457 1.506 4.47 4.461.018 3.661.016 7.323.023 11.482z"
+        ></path>
+        <path
+          class="no-fill"
+          fill="#e4e9ed"
+          d="M298.527 270.107c10.114-.087 19.78.003 29.441-.167 3.286-.058 4.35 1.1 4.291 4.346-.167 9.162-.144 18.33-.013 27.492.045 3.212-1.094 4.441-4.361 4.388-8.996-.147-17.996-.123-26.992-.01-3.131.04-4.732-1.18-4.738-4.317-.02-9.33-.089-18.663.063-27.991.02-1.232 1.21-2.444 2.31-3.74zM213.9 375.882c-.002-8.15.147-15.816-.07-23.473-.107-3.81 1.036-5.423 5.08-5.313 8.49.229 16.992.17 25.486.022 3.383-.059 4.803 1.053 4.742 4.595-.16 9.16-.18 18.327.023 27.485.086 3.857-1.545 4.848-5.08 4.762-7.492-.182-14.991-.065-22.488-.056-7.692.01-7.692.018-7.693-8.022z"
+        ></path>
+      </svg>
+      <div class="CMS_Demo_entries">
+        <div class="CMS_Demo_Card_root" title="This is a JSON front matter post">
+          <a class="CMS_Demo_Card_link-action" href="/simple">
+            <img
+              src="/editor-friendly-user-interface.svg"
+              width="100%"
+              height="auto"
+              class="CMS_Demo_Card_media"
+            />
+            <p class="CMS_Demo_Card_content">Simple Workflow</p>
+          </a>
+        </div>
+        <div class="CMS_Demo_Card_root" title="This is a JSON front matter post">
+          <a class="CMS_Demo_Card_link-action" href="/editorial">
+            <img
+              src="/intuitive-workflow-for-content-teams.svg"
+              width="100%"
+              height="auto"
+              class="CMS_Demo_Card_media"
+            />
+            <p class="CMS_Demo_Card_content">Editorial Workflow</p>
+          </a>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/packages/demo/src/simple/index.html b/packages/demo/src/simple/index.html
new file mode 100644
index 00000000..329a9ba8
--- /dev/null
+++ b/packages/demo/src/simple/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Static CMS Demo - Simple</title>
+    <link rel="icon" type="image/png" href="/static-cms-icon.png" />
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <link href="/simple/config.yml" type="text/yaml" rel="cms-config-url" />
+    <script type="module" src="/index.jsx"></script>
+  </body>
+</html>
diff --git a/packages/demo/vite.config.ts b/packages/demo/vite.config.ts
index 10a65b5b..d6e1e3f6 100644
--- a/packages/demo/vite.config.ts
+++ b/packages/demo/vite.config.ts
@@ -1,17 +1,48 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-import svgrPlugin from "vite-plugin-svgr";
+import { defineConfig } from 'vite';
+import { resolve } from 'path';
+import react from '@vitejs/plugin-react';
+import svgrPlugin from 'vite-plugin-svgr';
+
+const root = resolve(__dirname, 'src');
+const publicDir = resolve(__dirname, 'public');
+const outDir = resolve(__dirname, 'build');
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react(), svgrPlugin()],
-  assetsInclude: ["public/**/*"],
+  root,
+  publicDir,
+  plugins: [
+    react(),
+    svgrPlugin(),
+    {
+      name: 'rewrite-middleware',
+      configureServer(serve) {
+        serve.middlewares.use((req, _res, next) => {
+          if (req.url === '/simple') {
+            req.url = '/simple/';
+          } else if (req.url === '/editorial') {
+            req.url = '/editorial/';
+          }
+          next();
+        });
+      },
+    },
+  ],
+  assetsInclude: ['public/**/*'],
   optimizeDeps: {
     force: true,
-    include: ["@staticcms/core"],
+    include: ['@staticcms/core'],
   },
   build: {
     commonjsOptions: { include: [/core/, /node_modules/] },
-    outDir: "build",
+    outDir,
+    emptyOutDir: true,
+    rollupOptions: {
+      input: {
+        main: resolve(root, 'index.html'),
+        simple: resolve(root, 'simple', 'index.html'),
+        editorial: resolve(root, 'editorial', 'index.html'),
+      },
+    },
   },
 });
diff --git a/packages/docs/.eslintrc.js b/packages/docs/.eslintrc.js
index d2ced921..d88f8c7a 100644
--- a/packages/docs/.eslintrc.js
+++ b/packages/docs/.eslintrc.js
@@ -114,7 +114,6 @@ module.exports = {
         '@typescript-eslint/consistent-type-imports': 'error',
         '@typescript-eslint/explicit-function-return-type': [0],
         '@typescript-eslint/explicit-module-boundary-types': [0],
-        '@typescript-eslint/no-duplicate-imports': 'error',
         '@typescript-eslint/no-use-before-define': [
           'error',
           { functions: false, classes: true, variables: true },
diff --git a/packages/docs/content/community.json b/packages/docs/content/community.json
index 6fa4defc..46654546 100644
--- a/packages/docs/content/community.json
+++ b/packages/docs/content/community.json
@@ -1,6 +1,6 @@
 {
   "title": "Help us build the CMS of the future",
-  "subtitle": "Get support, give support and find out what's new through the channels below.",
+  "subtitle": "Get support, give support and find out what is new through the channels below.",
   "sections": [
     {
       "title": "Contributing",
diff --git a/packages/docs/content/docs/add-to-your-site-bundling.mdx b/packages/docs/content/docs/add-to-your-site-bundling.mdx
index 35c0b168..1ef742c6 100644
--- a/packages/docs/content/docs/add-to-your-site-bundling.mdx
+++ b/packages/docs/content/docs/add-to-your-site-bundling.mdx
@@ -4,7 +4,7 @@ title: Bundling
 weight: 5
 ---
 
-This tutorial guides you through the steps for adding Static CMS via a package manager to a site that's built with a common [static site generator](https://www.staticgen.com/). If you want to start form a template, the [Next Template](/docs/start-with-a-template) provides a great example of bundling in action.
+This tutorial guides you through the steps for adding Static CMS via a package manager to a site that is built with a common [static site generator](https://www.staticgen.com/). If you want to start form a template, the [Next Template](/docs/start-with-a-template) provides a great example of bundling in action.
 
 ## Installation
 
@@ -58,11 +58,11 @@ Make sure the file containing the CMS object will be built as a page, with `@sta
 
 ## Configuration
 
-Configuration is different for every site, so we'll break it down into parts. Add all the code snippets in this section to your `admin/config.js` file (which is passed into the `CMS.init({ config })` call).
+Configuration is different for every site, so we will break it down into parts. Add all the code snippets in this section to your `admin/config.js` file (which is passed into the `CMS.init({ config })` call).
 
 ### Backend
 
-We're using [Netlify](https://www.netlify.com) for our hosting and authentication in this tutorial, so backend configuration is fairly straightforward.
+We are using [Netlify](https://www.netlify.com) for our hosting and authentication in this tutorial, so backend configuration is fairly straightforward.
 
 For GitHub and GitLab repositories, you can start your Static CMS `config` file with these lines:
 
@@ -84,7 +84,22 @@ backend:
 
 _(For Bitbucket repositories, use the [Bitbucket backend](/docs/bitbucket-backend) instructions instead.)_
 
-The configuration above specifies your backend protocol and your publication branch. Git Gateway is an open source API that acts as a proxy between authenticated users of your site and your site repo. (We'll get to the details of that in the [Authentication section](#authentication) below.) If you leave out the `branch` declaration, it defaults to `main`.
+The configuration above specifies your backend protocol and your publication branch. Git Gateway is an open source API that acts as a proxy between authenticated users of your site and your site repo. (We will get to the details of that in the [Authentication section](#authentication) below.) If you leave out the `branch` declaration, it defaults to `main`.
+
+### Editorial Workflow <BetaImage />
+
+By default, saving a post in the CMS interface pushes a commit directly to the publication branch specified in `backend`. However, you also have the option to enable the [Editorial Workflow](/docs/editorial-workflow), which adds an interface for drafting, reviewing, and approving posts. To do this, add the following line to your `config.yml`:
+
+<CodeTabs>
+```yaml
+publish_mode: editorial_workflow
+```
+
+```js
+publish_mode: 'editorial_workflow'
+```
+
+</CodeTabs>
 
 ### Media and Public Folders
 
@@ -102,9 +117,9 @@ media_folder: 'images/uploads' # Media files will be stored in the repo under im
 
 </CodeTabs>
 
-If you're creating a new folder for uploaded media, you'll need to know where your static site generator expects static files. You can refer to the paths outlined above in [App File Structure](#app-file-structure), and put your media folder in the same location where you put the `admin` folder.
+If you are creating a new folder for uploaded media, you will need to know where your static site generator expects static files. You can refer to the paths outlined above in [App File Structure](#app-file-structure), and put your media folder in the same location where you put the `admin` folder.
 
-Note that the`media_folder` file path is relative to the project root, so the example above would work for Jekyll, GitBook, or any other generator that stores static files at the project root. However, it would not work for Hugo, Hexo, Middleman or others that store static files in a subfolder. Here's an example that could work for a Hugo site:
+Note that the`media_folder` file path is relative to the project root, so the example above would work for Jekyll, GitBook, or any other generator that stores static files at the project root. However, it would not work for Hugo, Hexo, Middleman or others that store static files in a subfolder. Here is an example that could work for a Hugo site:
 
 <CodeTabs>
 ```js
@@ -120,7 +135,7 @@ public_folder: '/images/uploads' # The src attribute for uploaded media will beg
 
 </CodeTabs>
 
-The configuration above adds a new setting, `public_folder`. While `media_folder` specifies where uploaded files are saved in the repo, `public_folder` indicates where they are found in the published site. Image `src` attributes use this path, which is relative to the file where it's called. For this reason, we usually start the path at the site root, using the opening `/`.
+The configuration above adds a new setting, `public_folder`. While `media_folder` specifies where uploaded files are saved in the repo, `public_folder` indicates where they are found in the published site. Image `src` attributes use this path, which is relative to the file where it is called. For this reason, we usually start the path at the site root, using the opening `/`.
 
 _If `public_folder` is not set, Static CMS defaults to the same value as `media_folder`, adding an opening `/` if one is not included._
 
@@ -128,7 +143,7 @@ _If `public_folder` is not set, Static CMS defaults to the same value as `media_
 
 Collections define the structure for the different content types on your static site. Since every site is different, the `collections` settings differ greatly from one site to the next.
 
-Let's say your site has a blog, with the posts stored in `_posts/blog`, and files saved in a date-title format, like `1999-12-31-lets-party.md`. Each post begins with settings in yaml-formatted front matter, like so:
+Let us say your site has a blog, with the posts stored in `_posts/blog`, and files saved in a date-title format, like `1999-12-31-lets-party.md`. Each post begins with settings in yaml-formatted front matter, like so:
 
 ```yaml
 ---
@@ -151,7 +166,7 @@ collections: [
     label: 'Blog', // Used in the UI
     folder: '_posts/blog', // The path to the folder where the documents are stored
     create: true, // Allow users to create new documents in this collection
-    slug: '{{year}}-{{month}}-{{day}}-{{slug}}', // Filename template, e.g., YYYY-MM-DD-title.md
+    slug: '{{year}}-{{month}}-{{day}}-{{slug}}', // Filename template, e.g., yyyy-MM-dd-title.md
     fields: [ // The fields for each document, usually in front matter
       { label: 'Layout', name: 'layout', widget: 'hidden', default: 'blog' },
       { label: 'Title', name: 'title', widget: 'string' },
@@ -170,7 +185,7 @@ collections:
     label: 'Blog' # Used in the UI
     folder: '_posts/blog' # The path to the folder where the documents are stored
     create: true # Allow users to create new documents in this collection
-    slug: '{{year}}-{{month}}-{{day}}-{{slug}}' # Filename template, e.g., YYYY-MM-DD-title.md
+    slug: '{{year}}-{{month}}-{{day}}-{{slug}}' # Filename template, e.g., yyyy-MM-dd-title.md
     fields: # The fields for each document, usually in front matter
       - { label: 'Layout', name: 'layout', widget: 'hidden', default: 'blog' }
       - { label: 'Title', name: 'title', widget: 'string' }
@@ -182,7 +197,7 @@ collections:
 
 </CodeTabs>
 
-Let's break that down:
+Let us break that down:
 
 | Field  | Description                                                                                                                                                                                                     |
 | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
@@ -239,7 +254,7 @@ collections:
 
 ## Authentication
 
-Now that you have your Static CMS files in place and configured, all that's left is to enable authentication. We're using the [Netlify](https://www.netlify.com/) platform here because it's one of the quickest ways to get started, but you can learn about other authentication options in the [Backends](/docs/backends-overview) doc.
+Now that you have your Static CMS files in place and configured, all that is left is to enable authentication. We are using the [Netlify](https://www.netlify.com/) platform here because it is one of the quickest ways to get started, but you can learn about other authentication options in the [Backends](/docs/backends-overview) doc.
 
 ### Setup on Netlify
 
@@ -250,9 +265,9 @@ Netlify offers a built-in authentication service called Identity. In order to us
 Netlify's Identity and Git Gateway services allow you to manage CMS admin users for your site without requiring them to have an account with your Git host or commit access on your repo. From your site dashboard on Netlify:
 
 1. Go to **Settings > Identity**, and select **Enable Identity service**.
-2. Under **Registration preferences**, select **Open** or **Invite only**. In most cases, you want only invited users to access your CMS, but if you're just experimenting, you can leave it open for convenience.
+2. Under **Registration preferences**, select **Open** or **Invite only**. In most cases, you want only invited users to access your CMS, but if you are just experimenting, you can leave it open for convenience.
 3. If you'd like to allow one-click login with services like Google and GitHub, check the boxes next to the services you'd like to use, under **External providers**.
-4. Scroll down to **Services > Git Gateway**, and click **Enable Git Gateway**. This authenticates with your Git host and generates an API access token. In this case, we're leaving the **Roles** field blank, which means any logged in user may access Static CMS. For information on changing this, check the [Netlify Identity documentation](https://www.netlify.com/docs/identity/).
+4. Scroll down to **Services > Git Gateway**, and click **Enable Git Gateway**. This authenticates with your Git host and generates an API access token. In this case, we are leaving the **Roles** field blank, which means any logged in user may access Static CMS. For information on changing this, check the [Netlify Identity documentation](https://www.netlify.com/docs/identity/).
 
 ### Add the Netlify Identity Widget
 
@@ -262,7 +277,7 @@ With the backend set to handle authentication, now you need a frontend interface
 <script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script>
 ```
 
-Add this to the `<head>` of your CMS index page at `/admin/index.html`, as well as the `<head>` of your site's main index page. Depending on how your site generator is set up, this may mean you need to add it to the default template, or to a "partial" or "include" template. If you can find where the site stylesheet is linked, that's probably the right place. Alternatively, you can include the script in your site using Netlify's [Script Injection](https://www.netlify.com/docs/inject-analytics-snippets/) feature.
+Add this to the `<head>` of your CMS index page at `/admin/index.html`, as well as the `<head>` of your site's main index page. Depending on how your site generator is set up, this may mean you need to add it to the default template, or to a "partial" or "include" template. If you can find where the site stylesheet is linked, that is probably the right place. Alternatively, you can include the script in your site using Netlify's [Script Injection](https://www.netlify.com/docs/inject-analytics-snippets/) feature.
 
 When a user logs in with the Netlify Identity widget, an access token directs to the site homepage. In order to complete the login and get back to Static CMS, redirect the user back to the `/admin/` path. To do this, add the following script before the closing `body` tag of your site's main index page:
 
@@ -290,6 +305,6 @@ If you set your registration preference to "Invite only," invite yourself (and a
 
 If you left your site registration open, or for return visits after confirming an email invitation, access your site's CMS at `yoursite.com/admin/`.
 
-**Note:** No matter where you access Static CMS — whether running locally, in a staging environment, or in your published site — it always fetches and commits files in your hosted repository (for example, on GitHub), on the branch you configured in your Static CMS `config` file. This means that content fetched in the admin UI matches the content in the repository, which may be different from your locally running site. It also means that content saved using the admin UI saves directly to the hosted repository, even if you're running the UI locally or in staging.
+**Note:** No matter where you access Static CMS — whether running locally, in a staging environment, or in your published site — it always fetches and commits files in your hosted repository (for example, on GitHub), on the branch you configured in your Static CMS `config` file. This means that content fetched in the admin UI matches the content in the repository, which may be different from your locally running site. It also means that content saved using the admin UI saves directly to the hosted repository, even if you are running the UI locally or in staging.
 
 Happy posting!
diff --git a/packages/docs/content/docs/add-to-your-site-cdn.mdx b/packages/docs/content/docs/add-to-your-site-cdn.mdx
index 76ee9c3b..f2e34953 100644
--- a/packages/docs/content/docs/add-to-your-site-cdn.mdx
+++ b/packages/docs/content/docs/add-to-your-site-cdn.mdx
@@ -4,11 +4,11 @@ title: CDN Hosting
 weight: 4
 ---
 
-This tutorial guides you through the steps for adding Static CMS via a public CDN to a site that's built with a common [static site generator](https://www.staticgen.com/), like Jekyll, Next, Hugo, Hexo, or Gatsby. Alternatively, you can [start from a template](/docs/start-with-a-template) or dive right into [configuration options](/docs/configuration-options).
+This tutorial guides you through the steps for adding Static CMS via a public CDN to a site that is built with a common [static site generator](https://www.staticgen.com/), like Jekyll, Next, Hugo, Hexo, or Gatsby. Alternatively, you can [start from a template](/docs/start-with-a-template) or dive right into [configuration options](/docs/configuration-options).
 
 ## App File Structure
 
-A static `admin` folder contains all Static CMS files, stored at the root of your published site. Where you store this folder in the source files depends on your static site generator. Here's the static file location for a few of the most popular static site generators:
+A static `admin` folder contains all Static CMS files, stored at the root of your published site. Where you store this folder in the source files depends on your static site generator. Here is the static file location for a few of the most popular static site generators:
 
 | These generators                                        | store static files in |
 | ------------------------------------------------------- | --------------------- |
@@ -25,9 +25,9 @@ A static `admin` folder contains all Static CMS files, stored at the root of you
 | preact-cli                                              | `/src/static`         |
 | Docusaurus                                              | `/static`             |
 
-If your generator isn't listed here, you can check its documentation, or as a shortcut, look in your project for a `css` or `images` folder. The contents of folders like that are usually processed as static files, so it's likely you can store your `admin` folder next to those. (When you've found the location, feel free to add it to these docs by [filing a pull request](https://github.com/StaticJsCMS/static-cms/blob/main/CONTRIBUTING.md#pull-requests)!)
+If your generator is not listed here, you can check its documentation, or as a shortcut, look in your project for a `css` or `images` folder. The contents of folders like that are usually processed as static files, so it is likely you can store your `admin` folder next to those. (When you have found the location, feel free to add it to these docs by [filing a pull request](https://github.com/StaticJsCMS/static-cms/blob/main/CONTRIBUTING.md#pull-requests)!)
 
-Inside the `admin` folder, you'll create two files:
+Inside the `admin` folder, you will create two files:
 
 ```bash
 admin
@@ -35,7 +35,7 @@ admin
  └ config.yml
 ```
 
-The first file, `admin/index.html`, is the entry point for the Static CMS admin interface. This means that users navigate to `yoursite.com/admin/` to access it. On the code side, it's a basic HTML starter page that loads the Static CMS JavaScript file from a public CDN and initializes it. The second file, `admin/config.yml`, is the heart of your Static CMS installation, and a bit more complex. The [Configuration](#configuration) section covers the details.
+The first file, `admin/index.html`, is the entry point for the Static CMS admin interface. This means that users navigate to `yoursite.com/admin/` to access it. On the code side, it is a basic HTML starter page that loads the Static CMS JavaScript file from a public CDN and initializes it. The second file, `admin/config.yml`, is the heart of your Static CMS installation, and a bit more complex. The [Configuration](#configuration) section covers the details.
 
 In this example, we pull the `admin/index.html` file from a public CDN.
 
@@ -62,11 +62,11 @@ In the code above the `script` is loaded from the `unpkg` CDN. Should there be a
 
 ## Configuration
 
-Configuration is different for every site, so we'll break it down into parts. Add all the code snippets in this section to your `admin/config.yml` file. Alternatively, you can use a javascript file (`admin/config.js`) instead of a yaml file. Simply import the javascript config and pass it into your `CMS.init({ config })` call.
+Configuration is different for every site, so we will break it down into parts. Add all the code snippets in this section to your `admin/config.yml` file. Alternatively, you can use a javascript file (`admin/config.js`) instead of a yaml file. Simply import the javascript config and pass it into your `CMS.init({ config })` call.
 
 ### Backend
 
-We're using [Netlify](https://www.netlify.com) for our hosting and authentication in this tutorial, so backend configuration is fairly straightforward.
+We are using [Netlify](https://www.netlify.com) for our hosting and authentication in this tutorial, so backend configuration is fairly straightforward.
 
 For GitHub repositories, you can start your Static CMS `config` file with these lines:
 
@@ -88,7 +88,22 @@ backend: {
 
 _(For GitLab repositories, use [GitLab backend](/docs/gitlab-backend) and for Bitbucket repositories, use [Bitbucket backend](/docs/bitbucket-backend).)_
 
-The configuration above specifies your backend protocol and your publication branch. Git Gateway is an open source API that acts as a proxy between authenticated users of your site and your site repo. (We'll get to the details of that in the [Authentication section](#authentication) below.) If you leave out the `branch` declaration, it defaults to `main`.
+The configuration above specifies your backend protocol and your publication branch. Git Gateway is an open source API that acts as a proxy between authenticated users of your site and your site repo. (We will get to the details of that in the [Authentication section](#authentication) below.) If you leave out the `branch` declaration, it defaults to `main`.
+
+### Editorial Workflow <BetaImage />
+
+By default, saving a post in the CMS interface pushes a commit directly to the publication branch specified in `backend`. However, you also have the option to enable the [Editorial Workflow](/docs/editorial-workflow), which adds an interface for drafting, reviewing, and approving posts. To do this, add the following line to your `config.yml`:
+
+<CodeTabs>
+```yaml
+publish_mode: editorial_workflow
+```
+
+```js
+publish_mode: 'editorial_workflow'
+```
+
+</CodeTabs>
 
 ### Media and Public Folders
 
@@ -106,9 +121,9 @@ media_folder: 'images/uploads', // Media files will be stored in the repo under
 
 </CodeTabs>
 
-If you're creating a new folder for uploaded media, you'll need to know where your static site generator expects static files. You can refer to the paths outlined above in [App File Structure](#app-file-structure), and put your media folder in the same location where you put the `admin` folder.
+If you are creating a new folder for uploaded media, you will need to know where your static site generator expects static files. You can refer to the paths outlined above in [App File Structure](#app-file-structure), and put your media folder in the same location where you put the `admin` folder.
 
-Note that the `media_folder` file path is relative to the project root, so the example above would work for Jekyll, GitBook, or any other generator that stores static files at the project root. However, it would not work for Hugo, Next, Hexo, Middleman or others that store static files in a subfolder. Here's an example that could work for a Hugo site:
+Note that the `media_folder` file path is relative to the project root, so the example above would work for Jekyll, GitBook, or any other generator that stores static files at the project root. However, it would not work for Hugo, Next, Hexo, Middleman or others that store static files in a subfolder. Here is an example that could work for a Hugo site:
 
 <CodeTabs>
 ```yaml
@@ -124,7 +139,7 @@ public_folder: '/images/uploads', // The src attribute for uploaded media will b
 
 </CodeTabs>
 
-The configuration above adds a new setting, `public_folder`. While `media_folder` specifies where uploaded files are saved in the repo, `public_folder` indicates where they are found in the published site. Image `src` attributes use this path, which is relative to the file where it's called. For this reason, we usually start the path at the site root, using the opening `/`.
+The configuration above adds a new setting, `public_folder`. While `media_folder` specifies where uploaded files are saved in the repo, `public_folder` indicates where they are found in the published site. Image `src` attributes use this path, which is relative to the file where it is called. For this reason, we usually start the path at the site root, using the opening `/`.
 
 _If `public_folder` is not set, Static CMS defaults to the same value as `media_folder`, adding an opening `/` if one is not included._
 
@@ -132,7 +147,7 @@ _If `public_folder` is not set, Static CMS defaults to the same value as `media_
 
 Collections define the structure for the different content types on your static site. Since every site is different, the `collections` settings differ greatly from one site to the next.
 
-Let's say your site has a blog, with the posts stored in `_posts/blog`, and files saved in a date-title format, like `1999-12-31-lets-party.md`. Each post begins with settings in yaml-formatted front matter, like so:
+Let us say your site has a blog, with the posts stored in `_posts/blog`, and files saved in a date-title format, like `1999-12-31-lets-party.md`. Each post begins with settings in yaml-formatted front matter, like so:
 
 ```yaml
 ---
@@ -154,7 +169,7 @@ collections:
     label: 'Blog' # Used in the UI
     folder: '_posts/blog' # The path to the folder where the documents are stored
     create: true # Allow users to create new documents in this collection
-    slug: '{{year}}-{{month}}-{{day}}-{{slug}}' # Filename template, e.g., YYYY-MM-DD-title.md
+    slug: '{{year}}-{{month}}-{{day}}-{{slug}}' # Filename template, e.g., yyyy-MM-dd-title.md
     fields: # The fields for each document, usually in front matter
       - { label: 'Layout', name: 'layout', widget: 'hidden', default: 'blog' }
       - { label: 'Title', name: 'title', widget: 'string' }
@@ -171,7 +186,7 @@ collections: [
     label: 'Blog', // Used in the UI
     folder: '_posts/blog', // The path to the folder where the documents are stored
     create: true, // Allow users to create new documents in this collection
-    slug: '{{year}}-{{month}}-{{day}}-{{slug}}', // Filename template, e.g., YYYY-MM-DD-title.md
+    slug: '{{year}}-{{month}}-{{day}}-{{slug}}', // Filename template, e.g., yyyy-MM-dd-title.md
     fields: [
       // The fields for each document, usually in front matter
       { label: 'Layout', name: 'layout', widget: 'hidden', default: 'blog' },
@@ -187,7 +202,7 @@ collections: [
 
 </CodeTabs>
 
-Let's break that down:
+Let us break that down:
 
 | Field  | Description                                                                                                                                                                                                     |
 | ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
@@ -244,7 +259,7 @@ collections: [
 
 ## Authentication
 
-Now that you have your Static CMS files in place and configured, all that's left is to enable authentication. We're using the [Netlify](https://www.netlify.com/) platform here because it's one of the quickest ways to get started, but you can learn about other authentication options in the [Backends](/docs/backends-overview) doc.
+Now that you have your Static CMS files in place and configured, all that is left is to enable authentication. We are using the [Netlify](https://www.netlify.com/) platform here because it is one of the quickest ways to get started, but you can learn about other authentication options in the [Backends](/docs/backends-overview) doc.
 
 ### Setup on Netlify
 
@@ -255,9 +270,9 @@ Netlify offers a built-in authentication service called Identity. In order to us
 Netlify's Identity and Git Gateway services allow you to manage CMS admin users for your site without requiring them to have an account with your Git host or commit access on your repo. From your site dashboard on Netlify:
 
 1. Go to **Settings > Identity**, and select **Enable Identity service**.
-2. Under **Registration preferences**, select **Open** or **Invite only**. In most cases, you want only invited users to access your CMS, but if you're just experimenting, you can leave it open for convenience.
+2. Under **Registration preferences**, select **Open** or **Invite only**. In most cases, you want only invited users to access your CMS, but if you are just experimenting, you can leave it open for convenience.
 3. If you'd like to allow one-click login with services like Google and GitHub, check the boxes next to the services you'd like to use, under **External providers**.
-4. Scroll down to **Services > Git Gateway**, and click **Enable Git Gateway**. This authenticates with your Git host and generates an API access token. In this case, we're leaving the **Roles** field blank, which means any logged in user may access Static CMS. For information on changing this, check the [Netlify Identity documentation](https://www.netlify.com/docs/identity/).
+4. Scroll down to **Services > Git Gateway**, and click **Enable Git Gateway**. This authenticates with your Git host and generates an API access token. In this case, we are leaving the **Roles** field blank, which means any logged in user may access Static CMS. For information on changing this, check the [Netlify Identity documentation](https://www.netlify.com/docs/identity/).
 
 ### Add the Netlify Identity Widget
 
@@ -267,7 +282,7 @@ With the backend set to handle authentication, now you need a frontend interface
 <script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script>
 ```
 
-Add this to the `<head>` of your CMS index page at `/admin/index.html`, as well as the `<head>` of your site's main index page. Depending on how your site generator is set up, this may mean you need to add it to the default template, or to a "partial" or "include" template. If you can find where the site stylesheet is linked, that's probably the right place. Alternatively, you can include the script in your site using Netlify's [Script Injection](https://www.netlify.com/docs/inject-analytics-snippets/) feature.
+Add this to the `<head>` of your CMS index page at `/admin/index.html`, as well as the `<head>` of your site's main index page. Depending on how your site generator is set up, this may mean you need to add it to the default template, or to a "partial" or "include" template. If you can find where the site stylesheet is linked, that is probably the right place. Alternatively, you can include the script in your site using Netlify's [Script Injection](https://www.netlify.com/docs/inject-analytics-snippets/) feature.
 
 When a user logs in with the Netlify Identity widget, an access token directs to the site homepage. In order to complete the login and get back to Static CMS, redirect the user back to the `/admin/` path. To do this, add the following script before the closing `body` tag of your site's main index page:
 
@@ -295,6 +310,6 @@ If you set your registration preference to "Invite only," invite yourself (and a
 
 If you left your site registration open, or for return visits after confirming an email invitation, access your site's CMS at `yoursite.com/admin/`.
 
-**Note:** No matter where you access Static CMS — whether running locally, in a staging environment, or in your published site — it always fetches and commits files in your hosted repository (for example, on GitHub), on the branch you configured in your Static CMS `config` file. This means that content fetched in the admin UI matches the content in the repository, which may be different from your locally running site. It also means that content saved using the admin UI saves directly to the hosted repository, even if you're running the UI locally or in staging.
+**Note:** No matter where you access Static CMS — whether running locally, in a staging environment, or in your published site — it always fetches and commits files in your hosted repository (for example, on GitHub), on the branch you configured in your Static CMS `config` file. This means that content fetched in the admin UI matches the content in the repository, which may be different from your locally running site. It also means that content saved using the admin UI saves directly to the hosted repository, even if you are running the UI locally or in staging.
 
 Happy posting!
diff --git a/packages/docs/content/docs/add-to-your-site.mdx b/packages/docs/content/docs/add-to-your-site.mdx
index 271cee5e..686412ce 100644
--- a/packages/docs/content/docs/add-to-your-site.mdx
+++ b/packages/docs/content/docs/add-to-your-site.mdx
@@ -10,7 +10,7 @@ You can add Static CMS to your site in two different ways:
 
 ## CDN hosting
 
-Adding Static CMS via a public CDN to a site that's built with a common static site generator, like Jekyll, Hugo, Hexo, or Gatsby. Alternatively, is a quick and easy way to get started. You can start from a [template](/docs/start-with-a-template) or use [this guide](/docs/add-to-your-site-cdn) to get started.
+Adding Static CMS via a public CDN to a site that is built with a common static site generator, like Jekyll, Hugo, Hexo, or Gatsby. Alternatively, is a quick and easy way to get started. You can start from a [template](/docs/start-with-a-template) or use [this guide](/docs/add-to-your-site-cdn) to get started.
 
 ## Bundling
 
diff --git a/packages/docs/content/docs/additional-links.mdx b/packages/docs/content/docs/additional-links.mdx
index bc6ad93c..8ed501dd 100644
--- a/packages/docs/content/docs/additional-links.mdx
+++ b/packages/docs/content/docs/additional-links.mdx
@@ -4,7 +4,7 @@ title: Custom Links & Pages
 weight: 60
 ---
 
-The Static CMS exposes a `window.CMS` global object that you can use to register external links or links custom pages, via `registerAdditionalLink`. The links are displayed at the bottom of the navigation menu in the order they are registered.
+Static CMS exposes a `window.CMS` global object that you can use to register external links or links custom pages, via `registerAdditionalLink`. The links are displayed at the bottom of the navigation menu in the order they are registered.
 
 ### React Components Inline
 
diff --git a/packages/docs/content/docs/backends-overview.mdx b/packages/docs/content/docs/backends-overview.mdx
index 14015c78..f6e2697a 100644
--- a/packages/docs/content/docs/backends-overview.mdx
+++ b/packages/docs/content/docs/backends-overview.mdx
@@ -10,15 +10,16 @@ A backend is JavaScript code that allows Static CMS to communicate with a servic
 
 Individual backends provide their own configuration documentation, but there are some configuration options that are common to multiple backends. A full reference is below. Note that these are properties of the `backend` field, and should be nested under that field.
 
-| Name          | Type                                                                                                    | Default                                                                                                                                                                                        | Description                                                                                                                                                      |
-| ------------- | ------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| name          | 'git-gateway'<br />\| 'github'<br />\| 'gitlab'<br />\| 'bitbucket'<br />\| 'gitea'<br />\|'test-repo'<br />\| 'proxy' |                                                                                                                                                                                 | The backend git provider                                                                                                                                         |
-| repo          | string                                                                                                  |                                                                                                                                                                                                | Required for `github`, `gitlab`, `gitea` and `bitbucket` backends. Ignored by `git-gateway`. Follows the pattern `[org-or-username]/[repo-name]`                 |
-| branch        | string                                                                                                  | `main`                                                                                                                                                                                         | _Optional_. The branch where published content is stored. All CMS commits and PRs are made to this branch                                                        |
-| api_root      | string                                                                                                  | GitHub<br />`https://api.github.com`<br /><br />GitLab<br/>`https://gitlab.com/api/v4`<br /><br />Bitbucket<br />`https://api.bitbucket.org/2.0`<br /><br />Gitea<br />`https://try.gitea.io/api/v1` | _Optional_. The API endpoint. Only necessary in certain cases, like with GitHub Enterprise or self-hosted GitLab                                                 |
-| site_domain   | string                                                                                                  | `location.hostname`<br /><br />On `localhost`<br />`cms.netlify.com`                                                                                                                           | _Optional_. Sets the `site_id` query param sent to the API endpoint. Non-Netlify auth setups will often need to set this for local development to work properly  |
-| base_url      | string                                                                                                  | GitHub or Bitbucket<br />`https://api.netlify.com`<br /><br />GitLab<br />`https://gitlab.com`<br /><br />Gitea<br />`https://try.gitea.io`                                                    | _Optional_. OAuth client hostname (just the base domain, no path). **Required** when using an external OAuth server or self-hosted GitLab/Gitea                  |
-| auth_endpoint | string                                                                                                  | GitHub or Bitbucket<br />`auth`<br /><br />GitLab<br />`oauth/authorize`                                                                                                                       | _Optional_. Path to append to `base_url` for authentication requests.                                                                                            |
+| Name             | Type                                                                                                                   | Default                                                                                                                                                                                              | Description                                                                                                                                                     |
+| ---------------- | ---------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| name             | 'git-gateway'<br />\| 'github'<br />\| 'gitlab'<br />\| 'bitbucket'<br />\| 'gitea'<br />\|'test-repo'<br />\| 'proxy' |                                                                                                                                                                                                      | The backend git provider                                                                                                                                        |
+| repo             | string                                                                                                                 |                                                                                                                                                                                                      | Required for `github`, `gitlab`, `gitea` and `bitbucket` backends. Ignored by `git-gateway`. Follows the pattern `[org-or-username]/[repo-name]`                |
+| branch           | string                                                                                                                 | `main`                                                                                                                                                                                               | _Optional_. The branch where published content is stored. All CMS commits and PRs are made to this branch                                                       |
+| api_root         | string                                                                                                                 | GitHub<br />`https://api.github.com`<br /><br />GitLab<br/>`https://gitlab.com/api/v4`<br /><br />Bitbucket<br />`https://api.bitbucket.org/2.0`<br /><br />Gitea<br />`https://try.gitea.io/api/v1` | _Optional_. The API endpoint. Only necessary in certain cases, like with GitHub Enterprise or self-hosted GitLab                                                |
+| site_domain      | string                                                                                                                 | `location.hostname`<br /><br />On `localhost`<br />`cms.netlify.com`                                                                                                                                 | _Optional_. Sets the `site_id` query param sent to the API endpoint. Non-Netlify auth setups will often need to set this for local development to work properly |
+| base_url         | string                                                                                                                 | GitHub or Bitbucket<br />`https://api.netlify.com`<br /><br />GitLab<br />`https://gitlab.com`<br /><br />Gitea<br />`https://try.gitea.io`                                                          | _Optional_. OAuth client hostname (just the base domain, no path). **Required** when using an external OAuth server or self-hosted GitLab/Gitea                 |
+| auth_endpoint    | string                                                                                                                 | GitHub or Bitbucket<br />`auth`<br /><br />GitLab<br />`oauth/authorize`                                                                                                                             | _Optional_. Path to append to `base_url` for authentication requests.                                                                                           |
+| cms_label_prefix | string                                                                                                                 | `cms/`                                                                                                                                                                                               | Pull (or Merge) Requests label prefix when using editorial workflow. Optional.                                                                                  |
 
 ## Creating a New Backend
 
diff --git a/packages/docs/content/docs/beta-features.mdx b/packages/docs/content/docs/beta-features.mdx
index 89d5a517..66d1bf64 100644
--- a/packages/docs/content/docs/beta-features.mdx
+++ b/packages/docs/content/docs/beta-features.mdx
@@ -9,191 +9,22 @@ weight: 200
   fix the features as well as update the docs. Use at your own risk.
 </Alert>
 
-Static CMS runs new functionality in an open beta format from time to time. That means that this functionality is totally available for use, an it might be ready for primetime, but it could break or change without notice.
+Static CMS runs new functionality in an open beta format from time to time. That means that this functionality is fully available for use, and it might be ready for primetime, but it could break or change without notice.
 
 **Use these features at your own risk.**
 
-## Folder Collections Path
+## Editorial Workflow
 
-By default Static CMS stores folder collection content under the folder specified in the collection setting. You can now specify an additional `path` template (similar to the `slug` template) to control the content destination.
+By default, all entries created or edited in Static CMS are committed directly into the main repository branch.
 
-This allows saving content in subfolders, e.g. configuring `path: '{{year}}/{{slug}}'` will save the content under `posts/2019/post-title.md`.
+The publish_mode option allows you to enable "Editorial Workflow" mode for more control over the content publishing phases. All unpublished entries will be arranged in a board according to their status, and they can be further reviewed and edited before going live.
 
-See [Folder Collections Path](/docs/collection-types#folder-collections-path) for more information.
+See [Editorial Workflow](/docs/editorial-workflow) for more information.
 
-## Nested Collections
+## Open Authoring
 
-Nested collections is a beta feature that allows a folder collection to show a nested structure of entries and edit the locations of the entries. This feature is useful when you have a complex folder structure and may not want to create separate collections for every directory.
+When using the [GitHub backend](/docs/github-backend), you can use Static CMS to accept contributions from GitHub users without giving them access to your repository. When they make changes in the CMS, the CMS forks your repository for them behind the scenes, and all the changes are made to the fork. When the contributor is ready to submit their changes, they can set their draft as ready for review in the CMS. This triggers a pull request to your repository, which you can merge using the GitHub UI.
 
-See [Nested Collections](/docs/collection-types#nested-collections) for more information.
+At the same time, any contributors who _do_ have write access to the repository can continue to use Static CMS normally.
 
-## Image widget file size limit
-
-You can set a limit to as what the maximum file size of a file is that users can upload directly into a image field.
-
-See [Media Library](/docs/configuration-options#media-library) for more information.
-
-## Media Library Folders
-
-Adds support for viewing subfolders and creating new subfolders in the media library, under your configured `media_folder`.
-
-See [Media Library](/docs/configuration-options#media-library) for more information.
-
-## Summary string template transformations
-
-You can apply transformations on fields in a summary string template using filter notation syntax.
-
-Example config:
-
-<CodeTabs>
-```yaml
-collections:
-  - name: 'posts'
-    label: 'Posts'
-    folder: '_posts'
-    summary: "{{title | upper}} - {{date | date('YYYY-MM-DD')}} - {{body | truncate(20, '***')}}"
-    fields:
-      - { label: 'Title', name: 'title', widget: 'string' }
-      - { label: 'Publish Date', name: 'date', widget: 'datetime' }
-      - { label: 'Body', name: 'body', widget: 'markdown' }
-```
-
-```js
-collections: [
-  {
-    name: 'posts',
-    label: 'Posts',
-    folder: '_posts',
-    summary: "{{title | upper}} - {{date | date('YYYY-MM-DD')}} - {{body | truncate(20, '***')}}",
-    fields: [
-      { label: 'Title', name: 'title', widget: 'string' },
-      { label: 'Publish Date', name: 'date', widget: 'datetime' },
-      { label: 'Body', name: 'body', widget: 'markdown' },
-    ],
-  },
-],
-```
-
-</CodeTabs>
-
-The above config will transform the title field to uppercase and format the date field using `YYYY-MM-DD` format.
-Available transformations are `upper`, `lower`, `date('<format>')`, `default('defaultValue')`, `ternary('valueForTrue','valueForFalse')` and `truncate(<number>)`/`truncate(<number>, '<string>')`
-
-## Registering to CMS Events
-
-You can execute a function when a specific CMS event occurs. Supported events are `mounted`, `login`, `logout`, `change`, `preSave` and `postSave`.
-
-### Mounted
-
-The `mounted` event handler fires once the CMS is fully loaded.
-
-```javascript
-CMS.registerEventListener({
-  name: 'mounted',
-  handler: () => {
-    // your code here
-  },
-});
-```
-
-### Login
-
-The `login` event handler fires when a user logs into the CMS.
-
-```javascript
-CMS.registerEventListener({
-  name: 'login',
-  handler: ({ author: { login, name } }) => {
-    // your code here
-  },
-});
-```
-
-### Logout
-
-The `logout` event handler fires when a user logs out of the CMS.
-
-```javascript
-CMS.registerEventListener({
-  name: 'logout',
-  handler: () => {
-    // your code here
-  },
-});
-```
-
-### Pre Save
-
-The `preSave` event handler fires before the changes have been saved to your git backend, and can be used to modify the entry data like so:
-
-```javascript
-CMS.registerEventListener({
-  name: 'preSave',
-  collection: 'posts',
-  handler: ({ data: { entry } }) => {
-    return {
-      ...entry.data,
-      title: 'new title',
-    };
-  },
-});
-```
-
-### Post Save
-
-The `postSave` event handler fires after the changes have been saved to your git backend.
-
-```javascript
-CMS.registerEventListener({
-  name: 'postSave',
-  collection: 'posts',
-  handler: ({ data: { entry } }) => {
-    // your code here
-  },
-});
-```
-
-### Change
-
-The `change` event handler must provide a field name, and can be used to modify the entry data like so:
-
-```javascript
-CMS.registerEventListener({
-  name: 'change',
-  collection: 'posts',
-  field: 'path.to.my.field',
-  handler: ({ data, collection, field }) => {
-    const currentValue = data.path.to.my.field;
-
-    return {
-      ...data,
-      path: {
-        ...data.path,
-        to: {
-          ...data.path.to,
-          my: {
-            ...data.path.to.my,
-            field: `new${currentValue}`
-          }
-        }
-      }
-    };
-  },
-});
-```
-
-## i18n Support
-
-Static CMS can provide a side by side interface for authoring content in multiple languages. Configuring Static CMS for i18n support requires top level configuration, collection level configuration and field level configuration.
-
-## Gitea Backend
-
-For repositories stored on Gitea, the gitea backend allows CMS users to log in directly with their Gitea account. Note that all users must have push access to your content repository for this to work.
-
-See [Gitea Backend](/docs/gitea-backend) for more information.
-
-## Large Media Support
-
-Netlify Large Media allows you to store your media files outside of your git backend. This is helpful if you are trying to store large media files.
-
-See [Netlify Large Media](/docs/netlify-large-media) for more information.
+See [Open Authoring](/docs/open-authoring) for more information.
diff --git a/packages/docs/content/docs/cms-events.mdx b/packages/docs/content/docs/cms-events.mdx
new file mode 100644
index 00000000..7c40610e
--- /dev/null
+++ b/packages/docs/content/docs/cms-events.mdx
@@ -0,0 +1,288 @@
+---
+group: Customization
+title: Events Hooks
+weight: 110
+---
+
+You can execute a function when a specific event occurs within Static CMSD.
+
+Supported events are:
+
+| Name                               | Description                                                                                                             |
+| ---------------------------------- | ----------------------------------------------------------------------------------------------------------------------- |
+| [mounted](#mounted-event)          | Event fires once Static CMS is fully loaded                                                                             |
+| [login](#login-event)              | Event fires when a user logs into Static CMS                                                                            |
+| [logout](#logout-event)            | Event fires when a user logs out of Static CMS                                                                          |
+| [change](#change-event)            | Event fires when a user changes the value of a field in the editor                                                      |
+| [preSave](#pre-save-event)         | Event fires before the changes have been saved to your git backend                                                      |
+| [postSave](#post-save-event)       | Event fires after the changes have been saved to your git backend                                                       |
+| [prePublish](#pre-publish-event)   | _**Editorial Workflow ONLY**_. Event fires before the entry is "published", before the PR is merged into default branch |
+| [postPublish](#post-publish-event) | _**Editorial Workflow ONLY**_. Event fires after the entry is "published", after the PR is merged into default branch   |
+
+## Mounted Event
+
+The `mounted` event handler fires once Static CMS is fully loaded.
+
+```javascript
+CMS.registerEventListener({
+  name: 'mounted',
+  handler: () => {
+    // your code here
+  },
+});
+```
+
+## Login Event
+
+The `login` event handler fires when a user logs into Static CMS.
+
+```javascript
+CMS.registerEventListener({
+  name: 'login',
+  handler: ({ author: { login, name } }) => {
+    // your code here
+  },
+});
+```
+
+## Logout Event
+
+The `logout` event handler fires when a user logs out of Static CMS.
+
+```javascript
+CMS.registerEventListener({
+  name: 'logout',
+  handler: () => {
+    // your code here
+  },
+});
+```
+
+## Change Event
+
+The `change` event handler fires when a user changes the value of a field in the editor. Event listeners for `change` can optionally provide collection, file and field names. They can also be used to modify the entry data.
+
+```javascript
+// Listen for ALL change events
+CMS.registerEventListener({
+  name: 'change',
+  handler: ({ data, collection, field }) => {
+    // Your handler code
+  },
+});
+
+// Listen for all change events in a specific collection
+CMS.registerEventListener({
+  name: 'change',
+  collection: 'posts',
+  handler: ({ data, collection, field }) => {
+    // Your handler code
+  },
+});
+
+// Listen for all change events in a specific file in a collection
+CMS.registerEventListener({
+  name: 'change',
+  collection: 'settings',
+  file: 'global',
+  handler: ({ data, collection, field }) => {
+    // Your handler code
+  },
+});
+
+// Listen for all change events in a specific field in a collection
+CMS.registerEventListener({
+  name: 'change',
+  collection: 'posts',
+  // file: 'global', // You can specify a file if in a file collection
+  field: 'path.to.my.field',
+  handler: ({ data, collection, field }) => {
+    // Your handler code
+  },
+});
+
+// Alter the entry data when a specific field changes
+CMS.registerEventListener({
+  name: 'change',
+  collection: 'posts',
+  // file: 'global', // You can specify a file if in a file collection
+  field: 'path.to.my.field',
+  handler: ({ data, collection, field }) => {
+    const currentValue = data.path.to.my.field;
+
+    return {
+      ...data,
+      path: {
+        ...data.path,
+        to: {
+          ...data.path.to,
+          my: {
+            ...data.path.to.my,
+            field: `new${currentValue}`,
+          },
+        },
+      },
+    };
+  },
+});
+```
+
+## Pre Save Event
+
+The `preSave` event handler fires before the changes have been saved to your git backend, and can be used to modify the entry data.
+
+```javascript
+// Listen for ALL preSave events
+CMS.registerEventListener({
+  name: 'preSave',
+  handler: ({ data, collection, field }) => {
+    // Your handler code
+  },
+});
+
+// Listen for all preSave events in a specific collection
+CMS.registerEventListener({
+  name: 'preSave',
+  collection: 'posts',
+  handler: ({ data, collection, field }) => {
+    // Your handler code
+  },
+});
+
+// Listen for all preSave events in a specific file in a collection
+CMS.registerEventListener({
+  name: 'preSave',
+  collection: 'settings',
+  file: 'global',
+  handler: ({ data, collection, field }) => {
+    // Your handler code
+  },
+});
+
+// Alter the entry data
+CMS.registerEventListener({
+  name: 'preSave',
+  collection: 'posts',
+  // file: 'global', // You can specify a file if in a file collection
+  handler: ({ data, collection, field }) => {
+    const currentValue = data.path.to.my.field;
+
+    return {
+      ...data,
+      path: {
+        ...data.path,
+        to: {
+          ...data.path.to,
+          my: {
+            ...data.path.to.my,
+            field: `new${currentValue}`,
+          },
+        },
+      },
+    };
+  },
+});
+```
+
+## Post Save Event
+
+The `postSave` event handler fires after the changes have been saved to your git backend.
+
+```javascript
+// Listen for ALL postSave events
+CMS.registerEventListener({
+  name: 'postSave',
+  handler: ({ data, collection, field }) => {
+    // Your handler code
+  },
+});
+
+// Listen for all postSave events in a specific collection
+CMS.registerEventListener({
+  name: 'postSave',
+  collection: 'posts',
+  handler: ({ data, collection, field }) => {
+    // Your handler code
+  },
+});
+
+// Listen for all postSave events in a specific file in a collection
+CMS.registerEventListener({
+  name: 'postSave',
+  collection: 'settings',
+  file: 'global',
+  handler: ({ data, collection, field }) => {
+    // Your handler code
+  },
+});
+```
+
+## Pre Publish Event
+
+<Alert severity="info">Editorial Workflow ONLY</Alert>
+
+The `prePublish` event handler fires before the entry is "published", before the PR is merged into default branch.
+
+```javascript
+// Listen for ALL prePublish events
+CMS.registerEventListener({
+  name: 'prePublish',
+  handler: ({ data, collection, field }) => {
+    // Your handler code
+  },
+});
+
+// Listen for all prePublish events in a specific collection
+CMS.registerEventListener({
+  name: 'prePublish',
+  collection: 'posts',
+  handler: ({ data, collection, field }) => {
+    // Your handler code
+  },
+});
+
+// Listen for all prePublish events in a specific file in a collection
+CMS.registerEventListener({
+  name: 'prePublish',
+  collection: 'settings',
+  file: 'global',
+  handler: ({ data, collection, field }) => {
+    // Your handler code
+  },
+});
+```
+
+## Post Publish Event
+
+<Alert severity="info">Editorial Workflow ONLY</Alert>
+
+The `postPublish` event handler fires after the entry is "published", after the PR is merged into default branch.
+
+```javascript
+// Listen for ALL postPublish events
+CMS.registerEventListener({
+  name: 'postPublish',
+  handler: ({ data, collection, field }) => {
+    // Your handler code
+  },
+});
+
+// Listen for all postPublish events in a specific collection
+CMS.registerEventListener({
+  name: 'postPublish',
+  collection: 'posts',
+  handler: ({ data, collection, field }) => {
+    // Your handler code
+  },
+});
+
+// Listen for all postPublish events in a specific file in a collection
+CMS.registerEventListener({
+  name: 'postPublish',
+  collection: 'settings',
+  file: 'global',
+  handler: ({ data, collection, field }) => {
+    // Your handler code
+  },
+});
+```
diff --git a/packages/docs/content/docs/collection-overview.mdx b/packages/docs/content/docs/collection-overview.mdx
index fbf35ccc..036f4de7 100644
--- a/packages/docs/content/docs/collection-overview.mdx
+++ b/packages/docs/content/docs/collection-overview.mdx
@@ -17,6 +17,7 @@ weight: 9
 | files or folder       | [Collection Files](/docs/collection-types#file-collections)<br />\| [Collection Folder](/docs/collection-types#folder-collections) |             | **Requires one of these**: Specifies the collection type and location; details in [collection types](/docs/collection-types)                                                                 |
 | filter                | FilterRule<br />\| List of FilterRules                                                                                             |             | _Optional_. Field and file filter for [Folder Collections](/docs/collection-types#folder-collections). See [filtered folder collections](/docs/collection-types#filtered-folder-collections) |
 | create                | boolean                                                                                                                            | `false`     | _Optional_. **For [Folder Collections](/docs/collection-types#folder-collections) only**<br />`true` - Allows users to create new items in the collection                                    |
+| publish               | boolean                                                                                                                            | `true`      | _Optional_ For `publish_mode: editorial_workflow` only;<br />`false` hides UI publishing controls for a collection                                                                           |
 | hide                  | boolean                                                                                                                            | `false`     | _Optional_. `true` hides a collection in the Static CMS UI. Useful when using the relation widget to hide referenced collections                                                             |
 | delete                | boolean                                                                                                                            | `true`      | _Optional_. `false` prevents users from deleting items in a collection                                                                                                                       |
 | extension             | string                                                                                                                             |             | _Optional_. See [extension and format](#extension-and-format) below                                                                                                                          |
@@ -66,7 +67,7 @@ You may also specify a custom `extension` not included in the list above, as lon
 - `yml` or `yaml`: parses and saves files as YAML-formatted data files; saves with `yml` extension by default
 - `json`: parses and saves files as JSON-formatted data files; saves with `json` extension by default
 - `toml`: parses and saves files as TOML-formatted data files; saves with `toml` extension by default
-- `frontmatter`: parses files and saves files with data frontmatter followed by an unparsed body text (edited using a `body` field); saves with `md` extension by default; default for collections that can't be inferred. Collections with `frontmatter` format (either inferred or explicitly set) can parse files with frontmatter in YAML or JSON format. However, they will be saved with YAML frontmatter.
+- `frontmatter`: parses files and saves files with data frontmatter followed by an unparsed body text (edited using a `body` field); saves with `md` extension by default; default for collections that cannot be inferred. Collections with `frontmatter` format (either inferred or explicitly set) can parse files with frontmatter in YAML or JSON format. However, they will be saved with YAML frontmatter.
 - `yaml-frontmatter`: same as the `frontmatter` format above, except frontmatter will be both parsed and saved only as YAML, followed by unparsed body text. The default delimiter for this option is `---`.
 - `json-frontmatter`: same as the `frontmatter` format above, except frontmatter will be both parsed and saved as JSON, followed by unparsed body text. The default delimiter for this option is `{` `}`.
 - `toml-frontmatter`: same as the `frontmatter` format above, except frontmatter will be both parsed and saved only as TOML, followed by unparsed body text. The default delimiter for this option is `+++`.
@@ -219,6 +220,55 @@ summary: 'Version: {{version}} - {{title}}',
 
 </CodeTabs>
 
+### Template Transformations
+
+You can apply transformations on fields in a summary string template using filter notation syntax.
+
+Example config:
+
+<CodeTabs>
+```yaml
+collections:
+  - name: 'posts'
+    label: 'Posts'
+    folder: '_posts'
+    summary: "{{title | upper}} - {{date | date('yyyy-MM-dd')}} - {{body | truncate(20, '***')}}"
+    fields:
+      - { label: 'Title', name: 'title', widget: 'string' }
+      - { label: 'Publish Date', name: 'date', widget: 'datetime' }
+      - { label: 'Body', name: 'body', widget: 'markdown' }
+```
+
+```js
+collections: [
+  {
+    name: 'posts',
+    label: 'Posts',
+    folder: '_posts',
+    summary: "{{title | upper}} - {{date | date('yyyy-MM-dd')}} - {{body | truncate(20, '***')}}",
+    fields: [
+      { label: 'Title', name: 'title', widget: 'string' },
+      { label: 'Publish Date', name: 'date', widget: 'datetime' },
+      { label: 'Body', name: 'body', widget: 'markdown' },
+    ],
+  },
+],
+```
+
+</CodeTabs>
+
+The above config will transform the title field to uppercase and format the date field using `yyyy-MM-dd` format.
+Available transformations are:
+
+| Name     | Format                                                     | Description                                                                                                                     |
+| -------- | ---------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------- |
+| upper    | `upper`                                                    | Transforms the value to uppercase                                                                                               |
+| lower    | `lower`                                                    | Transforms the value to lowercase                                                                                               |
+| date     | `date('<format>')`                                         | Formats a date string in the provided format. Accepts [date-fns tokens](https://date-fns.org/docs/format)                       |
+| default  | `default('defaultValue')`                                  | Provides default value if no field value                                                                                        |
+| ternary  | `ternary('valueForTrue','valueForFalse')`                  | <ul><li>If field has value, show `valueForTrue`</li><li>If field does not have a value, show `valueForFalse`</li></ul>          |
+| truncate | `truncate(<number>)`<br />`truncate(<number>, '<string>')` | Truncates text to a specified length. An optional replacement string for the omitted text can be provided as a second parameter |
+
 ## Sortable Fields
 
 The `sortable_fields` setting is an optional object with the following options:
@@ -230,7 +280,7 @@ The `sortable_fields` setting is an optional object with the following options:
 
 Defaults to inferring `title`, `date`, `author` and `description` fields and will also show `Update On` sort field in git based backends.
 
-When `author` field can't be inferred commit author will be used.
+When `author` field cannot be inferred commit author will be used.
 
 <CodeTabs>
 ```yaml
@@ -280,79 +330,122 @@ sortable_fields: {
 
 ## View Filters
 
-The `view_filters` setting is an optional list of predefined view filters to show in the UI.
-
-Defaults to an empty list.
+The `view_filters` setting is an optional property which takes a list of predefined view filters to show in the UI and an optional default view filter.
 
 <CodeTabs>
 ```yaml
 view_filters:
-  - label: "Alice's and Bob's Posts"
-    field: author
-    pattern: 'Alice|Bob'
-  - label: 'Posts published in 2020'
-    field: date
-    pattern: '2020'
-  - label: Drafts
-    field: draft
-    pattern: true
+  default: drafts
+  filters:
+    - name: alice-and-bob
+      label: "Alice's and Bob's Posts"
+      field: author
+      pattern: 'Alice|Bob'
+    - name: posts-2020
+      label: 'Posts published in 2020'
+      field: date
+      pattern: '2020'
+    - name: drafts
+      label: Drafts
+      field: draft
+      pattern: true
 ```
 
 ```js
-view_filters: [
-  {
-    label: "Alice's and Bob's Posts",
-    field: 'author',
-    pattern: 'Alice|Bob',
-  },
-  {
-    label: 'Posts published in 2020',
-    field: 'date',
-    pattern: '2020',
-  },
-  {
-    label: 'Drafts',
-    field: 'draft',
-    pattern: true,
-  },
-],
+view_filters: {
+  default: 'drafts',
+  filters: [
+    {
+      name: 'alice-and-bob',
+      label: "Alice's and Bob's Posts",
+      field: 'author',
+      pattern: 'Alice|Bob',
+    },
+    {
+      name: 'posts-2020',
+      label: 'Posts published in 2020',
+      field: 'date',
+      pattern: '2020',
+    },
+    {
+      name: 'drafts',
+      label: 'Drafts',
+      field: 'draft',
+      pattern: true,
+    },
+  ],
+},
 ```
 
 </CodeTabs>
 
 ## View Groups
 
-The `view_groups` setting is an optional list of predefined view groups to show in the UI.
-
-Defaults to an empty list.
+The `view_groups` setting is an optional property which takes a list of predefined view groups to show in the UI and an optional default view group.
 
 <CodeTabs>
 ```yaml
 view_groups:
-  - label: Year
-    field: date
-    # groups items based on the value matched by the pattern
-    pattern: \d{4}
-  - label: Drafts
-    field: draft
+  default: by-year
+  groups:
+    - name: by-year
+      label: Year
+      field: date
+      # groups items based on the value matched by the pattern
+      pattern: \d{4}
+    - name: drafts
+      label: Drafts
+      field: draft
 ```
 
 ```js
-view_groups: [
-  {
-    label: 'Year',
-    field: 'date',
-    pattern: '\\d{4}',
-  },
-  {
-    label: 'Drafts',
-    field: 'draft',
-  },
-],
+view_groups: {
+  default: by-year
+  groups: [
+    {
+      name: 'by-year',
+      label: 'Year',
+      field: 'date',
+      pattern: '\\d{4}',
+    },
+    {
+      name: 'drafts',
+      label: 'Drafts',
+      field: 'draft',
+    },
+  ],
+},
 ```
 
 </CodeTabs>
 
 ## Media Library
 
-The `media_library` settings allows customization of the media library at the collection level. See [Media Library](/docs/configuration-options#media-library) for more details.
+The `media_library` settings allows customization of the media library at the collection level.
+
+### Options
+
+| Name                  | Type    | Default  | Description                                                                            |
+| --------------------- | ------- | -------- | -------------------------------------------------------------------------------------- |
+| max_file_size         | number  | `512000` | _Optional_. The max size, in bytes, of files that can be uploaded to the media library |
+| folder_support        | boolean | `false`  | _Optional_. Enables directory navigation and folder creation in your media library     |
+
+### Example
+
+<CodeTabs>
+```yaml
+media_library:
+  max_file_size: 512000
+  folder_support: true
+```
+
+```js
+{
+  media_library: {
+    max_file_size: 512000,
+    folder_support: true
+  }
+}
+```
+
+</CodeTabs>
diff --git a/packages/docs/content/docs/collection-types.mdx b/packages/docs/content/docs/collection-types.mdx
index d2f71906..6a1078e5 100644
--- a/packages/docs/content/docs/collection-types.mdx
+++ b/packages/docs/content/docs/collection-types.mdx
@@ -471,7 +471,7 @@ collections: [
 
 </CodeTabs>
 
-### Folder Collections Path <BetaImage />
+### Folder Collections Path
 
 By default Static CMS stores folder collection content under the folder specified in the collection setting.
 
@@ -577,9 +577,9 @@ Supports all of the [`slug` templates](/docs/configuration-options#slug) and:
 - `{{media_folder}}` The global `media_folder`.
 - `{{public_folder}}` The global `public_folder`.
 
-### Nested Collections <BetaImage />
+### Nested Collections
 
-Nested collections is a beta feature that allows a folder collection to show a nested structure of entries and edit the locations of the entries. This feature is useful when you have a complex folder structure and may not want to create separate collections for every directory.
+Nested collections allow a folder collection to show a nested structure of entries and edit the locations of the entries. This feature is useful when you have a complex folder structure and may not want to create separate collections for every directory.
 
 Example configuration:
 
diff --git a/packages/docs/content/docs/configuration-options.mdx b/packages/docs/content/docs/configuration-options.mdx
index 9fb2ef3c..3d081830 100644
--- a/packages/docs/content/docs/configuration-options.mdx
+++ b/packages/docs/content/docs/configuration-options.mdx
@@ -25,7 +25,7 @@ _This setting is required._
 
 The `backend` option specifies how to access the content for your site, including authentication. Full details and code samples can be found in [Backends](/docs/backends-overview).
 
-**Note**: no matter where you access Static CMS — whether running locally, in a staging environment, or in your published site — it will always fetch and commit files in your hosted repository (for example, on GitHub), on the branch you configured in your Static CMS config file. This means that content fetched in the admin UI will match the content in the repository, which may be different from your locally running site. It also means that content saved using the admin UI will save directly to the hosted repository, even if you're running the UI locally or in staging. If you want to have your local CMS write to a local repository, [try the local_backend setting](/docs/local-backend).
+**Note**: no matter where you access Static CMS — whether running locally, in a staging environment, or in your published site — it will always fetch and commit files in your hosted repository (for example, on GitHub), on the branch you configured in your Static CMS config file. This means that content fetched in the admin UI will match the content in the repository, which may be different from your locally running site. It also means that content saved using the admin UI will save directly to the hosted repository, even if you are running the UI locally or in staging. If you want to have your local CMS write to a local repository, [try the local_backend setting](/docs/local-backend).
 
 ### Commit Message Templates
 
@@ -44,6 +44,7 @@ backend:
     delete: Delete {{collection}} "{{slug}}"
     uploadMedia: Upload "{{path}}"
     deleteMedia: Delete "{{path}}"
+    openAuthoring: "{{message}}"
 ```
 
 ```js
@@ -54,6 +55,7 @@ backend: {
     delete: 'Delete {{collection}} "{{slug}}"',
     uploadMedia: 'Upload "{{path}}"',
     deleteMedia: 'Delete "{{path}}"',
+    openAuthoring: '"{{message}}"'
   },
 },
 ```
@@ -82,6 +84,14 @@ Template tags produce the following output:
 - `{{author-login}}`: login/username of the author
 - `{{author-name}}`: full name of the author (might be empty based on the user's profile)
 
+## Publish Mode
+
+By default, all entries created or edited in Static CMS are committed directly into the main repository branch.
+
+The `publish_mode` option allows you to enable "Editorial Workflow" mode for more control over the content publishing phases. All unpublished entries will be arranged on a dashboard according to their status, and they can be further reviewed and edited before going live.
+
+See [Editorial Workflow](/docs/editorial-workflow) for more information.
+
 ## Media and Public Folders
 
 Static CMS users can upload files to your repository using the Media Gallery. The following settings specify where these files are saved, and where they can be accessed on your built site.
@@ -122,16 +132,17 @@ Based on the settings above, if a user used an image widget field called `avatar
 
 This setting can be set to an absolute URL e.g. `https://netlify.com/media` should you wish, however in general this is not advisable as content should have relative paths to other content.
 
-## Media Library <BetaImage />
+## Media Library
 
 The `media_library` settings allows customization of the media library.
 
 ### Options
 
-| Name           | Type    | Default  | Description                                                                            |
-| -------------- | ------- | -------- | -------------------------------------------------------------------------------------- |
-| max_file_size  | number  | `512000` | _Optional_. <BetaImage /> The max size, in bytes, of files that can be uploaded to the media library |
-| folder_support | boolean | `false`  | _Optional_. <BetaImage /> Enables directory navigation and folder creation in your media library     |
+| Name                  | Type    | Default  | Description                                                                            |
+| --------------------- | ------- | -------- | -------------------------------------------------------------------------------------- |
+| max_file_size         | number  | `512000` | _Optional_. The max size, in bytes, of files that can be uploaded to the media library |
+| folder_support        | boolean | `false`  | _Optional_. Enables directory navigation and folder creation in your media library     |
+| display_in_navigation | boolean | `true`   | _Optional_. Displays the "Media" link in the main navigation                           |
 
 ### Example
 
@@ -293,4 +304,34 @@ The `collections` setting is the heart of your Static CMS configuration, as it d
 
 ## Disable Local Backup
 
-When the `disable_local_backup` setting is set to `true` local backups will no be taken for your entries and you will not be prompted to load local backups.
+When the `disable_local_backup` setting is set to `true` local backups will no be taken for your entries.
+
+## YAML Options
+
+The YAML format parsing and stringifing can be customized via the `yaml` setting. Available options can be found in the [yaml docs](https://eemeli.org/yaml/#options),
+
+| Setting           | Docs                                        |
+| ----------------- | ------------------------------------------- |
+| parseOptions      | https://eemeli.org/yaml/#parse-options      |
+| documentOptions   | https://eemeli.org/yaml/#document-options   |
+| schemaOptions     | https://eemeli.org/yaml/#schema-options     |
+| createNodeOptions | https://eemeli.org/yaml/#createnode-options |
+| toJsOptions       | https://eemeli.org/yaml/#tojs-options       |
+| toStringOptions   | https://eemeli.org/yaml/#tostring-options   |
+
+**Example**
+
+<CodeTabs>
+```yaml
+yaml:
+  toStringOptions:
+    indentSeq: false
+```
+
+```js
+yaml: {
+  toStringOptions: { indentSeq: false },
+},
+```
+
+</CodeTabs>
diff --git a/packages/docs/content/docs/contributor-guide.mdx b/packages/docs/content/docs/contributor-guide.mdx
index 741e31bb..5b146fbd 100644
--- a/packages/docs/content/docs/contributor-guide.mdx
+++ b/packages/docs/content/docs/contributor-guide.mdx
@@ -4,7 +4,7 @@ title: Contributor Guide
 weight: 20
 ---
 
-We're hoping that Static CMS will do for the [Jamstack](https://www.jamstack.org) what WordPress did for dynamic sites back in the day. We know we can't do that without building a thriving community of contributors and users, and we'd love to have you join us.
+We are hoping that Static CMS will do for the [Jamstack](https://www.jamstack.org) what WordPress did for dynamic sites back in the day. We know we cannot do that without building a thriving community of contributors and users, and we would love to have you join us.
 
 ## Getting started with contributing
 Being a developer is not a requirement for contributing to Static CMS, you only need the desire, a web browser, and a [GitHub account](https://github.com/join). The GitHub repo has a step-by-step [guide](https://github.com/StaticJsCMS/static-cms/blob/main/CONTRIBUTING.md) to get started with the code.
@@ -18,12 +18,12 @@ The GitHub website allows you to submit issues, work with files, search for cont
 A [style guide](/docs/writing-style-guide/) is available to help provide context around grammar, code styling, syntax, etc.
 
 ## Filing issues
-If you have a GitHub account, you can file an [issue](https://github.com/StaticJsCMS/static-cms/issues) (aka bug report) against the Static CMS docs. Even if you're not able to, or don't know how to, fix the issue (see [Improve existing content](#improve-existing-content)), it helps to start the conversation.
+If you have a GitHub account, you can file an [issue](https://github.com/StaticJsCMS/static-cms/issues) (aka bug report) against the Static CMS docs. Even if you are not able to, or do not know how to, fix the issue (see [Improve existing content](#improve-existing-content)), it helps to start the conversation.
 
 When filing an issue, it is important to remember the [Code of Conduct](https://github.com/StaticJsCMS/static-cms/blob/main/CODE_OF_CONDUCT.md).
 
 ## Improve existing content
-If you are able to offer up a change to existing content, it is welcome. Once you've forked the repo, and changed the content, you would file a pull request (PR). The repo [Contributing file](https://github.com/StaticJsCMS/static-cms/blob/main/CONTRIBUTING.md) lays out the correct format for PRs.
+If you are able to offer up a change to existing content, it is welcome. Once you have forked the repo, and changed the content, you would file a pull request (PR). The repo [Contributing file](https://github.com/StaticJsCMS/static-cms/blob/main/CONTRIBUTING.md) lays out the correct format for PRs.
 
 ## Other places to get involved
 Here are some links with more information about getting involved:
diff --git a/packages/docs/content/docs/custom-icons.mdx b/packages/docs/content/docs/custom-icons.mdx
index ddbc92a1..1df7d8c9 100644
--- a/packages/docs/content/docs/custom-icons.mdx
+++ b/packages/docs/content/docs/custom-icons.mdx
@@ -4,7 +4,7 @@ title: Adding Custom Icons
 weight: 100
 ---
 
-The Static CMS exposes a `window.CMS` global object that you can use to register custom icons via `registerIcon`. The same object is also the default export if you import Static CMS as an npm module.
+Static CMS exposes a `window.CMS` global object that you can use to register custom icons via `registerIcon`. The same object is also the default export if you import Static CMS as an npm module.
 
 Custom icons can be used with [Collections](/docs/collection-overview) or [Custom Links & Pages](/docs/additional-links)
 
diff --git a/packages/docs/content/docs/custom-previews.mdx b/packages/docs/content/docs/custom-previews.mdx
index 3aed01c3..b95da908 100644
--- a/packages/docs/content/docs/custom-previews.mdx
+++ b/packages/docs/content/docs/custom-previews.mdx
@@ -4,7 +4,7 @@ title: Creating Custom Previews
 weight: 50
 ---
 
-The Static CMS exposes a `window.CMS` global object that you can use to register custom previews for an entire collection (or file within a file collection) via `registerPreviewTemplate` (editor view) and `registerPreviewCard` / `registerFieldPreview` (collection view).
+Static CMS exposes a `window.CMS` global object that you can use to register custom previews for an entire collection (or file within a file collection) via `registerPreviewTemplate` (editor view) and `registerPreviewCard` / `registerFieldPreview` (collection view).
 
 ### React Components Inline
 
@@ -34,7 +34,6 @@ The following parameters will be passed to your `react_component` during render:
 | window     | Window                 | The window object the preview is within. If rendered with a frame, it will be the frame's window     |
 | widgetFor  | Function               | Given a field name, returns the rendered preview of that field's widget and value                    |
 | widgetsFor | Function               | Given a field name, returns the rendered previews of that field's nested child widgets and values    |
-| theme      | 'light'<br />\| 'dark' | The current theme being used by the app                                                              |
 
 #### Example
 
@@ -352,7 +351,6 @@ The following parameters will be passed to your `react_component` during render:
 | entry          | object                 | Object with a `data` field that contains the current value of all widgets in the editor           |
 | widgetFor      | Function               | Given a field name, returns the rendered preview of that field's widget and value                 |
 | widgetsFor     | Function               | Given a field name, returns the rendered previews of that field's nested child widgets and values |
-| theme          | 'light'<br />\| 'dark' | The current theme being used by the app                                                           |
 | hasLocalBackup | boolean                | Whether the current entry has a local backup                                                      |
 
 #### Example
@@ -478,7 +476,9 @@ import type { TemplatePreviewCardProps } from '@staticcms/core';
 interface Post {
   image: string;
   title: string;
+  date: string;
   body: string;
+  draft: boolean;
 }
 
 const PostPreviewCard = ({ entry, widgetFor }: TemplatePreviewCardProps<Post>) => {
@@ -502,12 +502,12 @@ const PostPreviewCard = ({ entry, widgetFor }: TemplatePreviewCardProps<Post>) =
               gap: '8px',
             }}
           >
-            <strong style={{ fontSize: '24px' }}>{entry.data.title}</strong>
-            <span style={{ fontSize: '16px' }}>{entry.data.date}</span>
+            <strong style={{ fontSize: '24px' }}>{entry.data?.title}</strong>
+            <span style={{ fontSize: '16px' }}>{entry.data?.date}</span>
           </div>
           <div
             style={{
-              backgroundColor: entry.data.draft === true ? 'blue' : 'green',
+              backgroundColor: entry.data?.draft === true ? 'blue' : 'green',
               color: 'white',
               border: 'none',
               padding: '4px 8px',
@@ -518,7 +518,7 @@ const PostPreviewCard = ({ entry, widgetFor }: TemplatePreviewCardProps<Post>) =
               borderRadius: '4px',
             }}
           >
-            {entry.data.draft === true ? 'Draft' : 'Published'}
+            {entry.data?.draft === true ? 'Draft' : 'Published'}
           </div>
         </div>
       </div>
@@ -554,7 +554,6 @@ The following parameters will be passed to your `component` during render:
 | collection | object                 | Collection configuration                           |
 | field      | object                 | Field configuration                                |
 | value      | Function               | The current value of the field for the given entry |
-| theme      | 'light'<br />\| 'dark' | The current theme being used by the app            |
 
 #### Example
 
diff --git a/packages/docs/content/docs/custom-theme.mdx b/packages/docs/content/docs/custom-theme.mdx
new file mode 100644
index 00000000..47f9ebf1
--- /dev/null
+++ b/packages/docs/content/docs/custom-theme.mdx
@@ -0,0 +1,471 @@
+---
+group: Customization
+title: Theming
+weight: 30
+---
+
+Static CMS comes with two default themes (`light` and `dark`), and you can add your own custom themes as well.
+
+Static CMS exposes a `window.CMS` global object that you can use to register custom themes via `registerTheme`. The same object is also the default export if you import Static CMS as an npm module.
+
+## Register Theme
+
+Register a custom theme.
+
+<CodeTabs>
+
+```js
+const theme = {
+  name: 'Custom Dark',
+  text: {
+    primary: '#fff',
+    secondary: 'rgba(255, 255, 255, 0.7)',
+    disabled: 'rgba(255, 255, 255, 0.5)',
+  },
+  background: {
+    main: '#1e293b',
+    light: '#2c3b55',
+    dark: '#0f172a',
+    divider: '#2c3b55',
+  },
+  scrollbar: {
+    main: '#1e293b',
+    light: '#2c3b55',
+  },
+  button: {
+    disabled: '#334155',
+  },
+  primary: {
+    main: '#339ef4',
+    light: '#6bb9f7',
+    dark: '#0c82e0',
+    contrastColor: '#ffffff',
+  },
+  error: {
+    main: '#f44336',
+    light: '#e57373',
+    dark: '#d32f2f',
+    contrastColor: '#ffffff',
+  },
+  warning: {
+    main: '#ffa726',
+    light: '#ffb74d',
+    dark: '#f57c00',
+    contrastColor: '#ffffff',
+  },
+  info: {
+    main: '#29b6f6',
+    light: '#4fc3f7',
+    dark: '#0288d1',
+    contrastColor: '#ffffff',
+  },
+  success: {
+    main: '#66bb6a',
+    light: '#81c784',
+    dark: '#388e3c',
+    contrastColor: '#ffffff',
+  },
+  codemirror: {
+    theme: 'dark',
+  },
+};
+
+// Using global window object
+CMS.registerTheme(theme);
+
+// Using npm module import
+import CMS from '@staticcms/core';
+
+CMS.registerTheme(theme);
+```
+
+```yaml
+theme:
+  themes:
+    - name: Custom Dark
+      text:
+        primary: '#fff'
+        secondary: 'rgba(255, 255, 255, 0.7)'
+        disabled: 'rgba(255, 255, 255, 0.5)'
+      background:
+        main: '#1e293b'
+        light: '#2c3b55'
+        dark: '#0f172a'
+        divider: '#2c3b55'
+      scrollbar:
+        main: '#1e293b'
+        light: '#2c3b55'
+      button:
+        disabled: '#334155'
+      primary:
+        main: '#339ef4'
+        light: '#6bb9f7'
+        dark: '#0c82e0'
+        contrastColor: '#ffffff'
+      error:
+        main: '#f44336'
+        light: '#e57373'
+        dark: '#d32f2f'
+        contrastColor: '#ffffff'
+      warning:
+        main: '#ffa726'
+        light: '#ffb74d'
+        dark: '#f57c00'
+        contrastColor: '#ffffff'
+      info:
+        main: '#29b6f6'
+        light: '#4fc3f7'
+        dark: '#0288d1'
+        contrastColor: '#ffffff'
+      success:
+        main: '#66bb6a'
+        light: '#81c784'
+        dark: '#388e3c'
+        contrastColor: '#ffffff'
+      codemirror:
+        theme: dark
+```
+
+</CodeTabs>
+
+## Extend Built-in Themes
+
+Extend either the `light` or `dark` themes.
+
+<CodeTabs>
+
+```js
+// Using global window object
+CMS.registerTheme({
+  name: 'Red Orange',
+  extends: 'dark',
+  primary: {
+    main: '#ff4500',
+  },
+});
+
+// Using npm module import
+import CMS from '@staticcms/core';
+
+CMS.registerTheme({
+  name: 'Red Orange',
+  extends: 'dark',
+  primary: {
+    main: '#ff4500',
+  },
+});
+```
+
+```yaml
+theme:
+  themes:
+    - name: Red Orange
+      extends: dark
+      primary:
+        main: '#ff4500'
+```
+
+</CodeTabs>
+
+## Set Default Theme
+
+By default `light` is the main theme (or `dark` if the user's system is set to dark mode). `default_theme` allows you to change that.
+
+```yaml
+theme:
+  default_theme: false
+  themes:
+    # Can also be registered via javascript
+    - name: Red Orange
+      extends: dark
+      primary:
+        main: '#ff4500'
+```
+
+## Hide Built-in themes
+
+By default both a `light` and `dark` them are available. However, if you provide at least one custom theme, `include_built_in_themes` allows you to disable the built-in themes.
+
+If `default_theme` is not provided, then the first custom theme is used (when `include_built_in_themes` is `false`).
+
+```yaml
+theme:
+  include_built_in_themes: false
+  themes:
+    # Can also be registered via javascript
+    - name: Red Orange
+      extends: dark
+      primary:
+        main: '#ff4500'
+```
+
+## useTheme Hook
+
+The `useTheme` hook can be utilized in customize widgets and previews to utilize values from the theme.
+
+### Example Preview Card
+
+<CodeTabs>
+
+```js
+const PostPreviewCard = ({ entry, widgetFor }) => {
+  const theme = useTheme();
+
+  return h(
+    'div',
+    { style: { width: '100%' } },
+    widgetFor('image'),
+    h(
+      'div',
+      { style: { padding: '16px', width: '100%' } },
+      h(
+        'div',
+        {
+          style: {
+            display: 'flex',
+            width: '100%',
+            justifyContent: 'space-between',
+            alignItems: 'start',
+          },
+        },
+        h(
+          'div',
+          {
+            style: {
+              display: 'flex',
+              flexDirection: 'column',
+              alignItems: 'baseline',
+              gap: '8px',
+            },
+          },
+          h('strong', { style: { fontSize: '24px' } }, entry.data.title),
+          h('span', { style: { fontSize: '16px' } }, entry.data.date),
+        ),
+        h(
+          'div',
+          {
+            style: {
+              backgroundColor: entry.data.draft === true
+                ? theme.info.main
+                : theme.success.main,
+              color: 'white',
+              border: 'none',
+              padding: '4px 8px',
+              textAlign: 'center',
+              textDecoration: 'none',
+              display: 'inline-block',
+              cursor: 'pointer',
+              borderRadius: '4px',
+            },
+          },
+          entry.data.draft === true ? 'Draft' : 'Published',
+        ),
+      ),
+    ),
+  );
+};
+
+CMS.registerPreviewCard('posts', PostPreviewCard, () => 240);
+```
+
+```jsx
+import CMS from '@staticcms/core';
+
+const PostPreviewCard = ({ entry, widgetFor }) => {
+  const theme = useTheme();
+
+  return (
+    <div style={{ width: '100%' }}>
+      {widgetFor('image')}
+      <div style={{ padding: '16px', width: '100%' }}>
+        <div
+          style={{
+            display: 'flex',
+            width: '100%',
+            justifyContent: 'space-between',
+            alignItems: 'start',
+          }}
+        >
+          <div
+            style={{
+              display: 'flex',
+              flexDirection: 'column',
+              alignItems: 'baseline',
+              gap: '8px',
+            }}
+          >
+            <strong style={{ fontSize: '24px' }}>{entry.data.title}</strong>
+            <span style={{ fontSize: '16px' }}>{entry.data.date}</span>
+          </div>
+          <div
+            style={{
+              backgroundColor: entry.data.draft === true
+                ? theme.info.main
+                : theme.success.main,
+              color: 'white',
+              border: 'none',
+              padding: '4px 8px',
+              textAlign: 'center',
+              textDecoration: 'none',
+              display: 'inline-block',
+              cursor: 'pointer',
+              borderRadius: '4px',
+            }}
+          >
+            {entry.data.draft === true ? 'Draft' : 'Published'}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+CMS.registerPreviewCard('posts', PostPreviewCard, () => 240);
+```
+
+```tsx
+import CMS, { useTheme } from '@staticcms/core';
+
+import type { TemplatePreviewCardProps } from '@staticcms/core';
+
+/**
+ * The type for 'entry.data'
+ */
+interface Post {
+  image: string;
+  title: string;
+  date: string;
+  body: string;
+  draft: boolean;
+}
+
+const PostPreviewCard = ({ entry, widgetFor }: TemplatePreviewCardProps<Post>) => {
+  const theme = useTheme();
+
+  return (
+    <div style={{ width: '100%' }}>
+      {widgetFor('image')}
+      <div style={{ padding: '16px', width: '100%' }}>
+        <div
+          style={{
+            display: 'flex',
+            width: '100%',
+            justifyContent: 'space-between',
+            alignItems: 'start',
+          }}
+        >
+          <div
+            style={{
+              display: 'flex',
+              flexDirection: 'column',
+              alignItems: 'baseline',
+              gap: '8px',
+            }}
+          >
+            <strong style={{ fontSize: '24px' }}>{entry.data?.title}</strong>
+            <span style={{ fontSize: '16px' }}>{entry.data?.date}</span>
+          </div>
+          <div
+            style={{
+              backgroundColor: entry.data?.draft === true
+                ? theme.info.main
+                : theme.success.main,
+              color: 'white',
+              border: 'none',
+              padding: '4px 8px',
+              textAlign: 'center',
+              textDecoration: 'none',
+              display: 'inline-block',
+              cursor: 'pointer',
+              borderRadius: '4px',
+            }}
+          >
+            {entry.data?.draft === true ? 'Draft' : 'Published'}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+CMS.registerPreviewCard('posts', PostPreviewCard, () => 240);
+```
+
+</CodeTabs>
+
+## Theme
+
+The react component that renders the control. It receives the following props:
+
+| Param      | Type   | Description                                                                          |
+| ---------- | ------ | ------------------------------------------------------------------------------------ |
+| name       | string | The name of the theme                                                                |
+| extends    | string | _Optional if all other theme options are provided._<br />The default theme to extend |
+| common     | object | _Optional if `extends` is provided._ See [Common Colors](#common-colors)             |
+| text       | object | _Optional if `extends` is provided._ See [Text Colors](#text-colors)                 |
+| background | object | _Optional if `extends` is provided._ See [Background Colors](#background-colors)     |
+| scrollbar  | object | _Optional if `extends` is provided._ See [Scrollbar Colors](#scrollbar-colors)       |
+| primary    | object | _Optional if `extends` is provided._ See [Theme Color](#theme-color)                 |
+| error      | object | _Optional if `extends` is provided._ See [Theme Color](#theme-color)                 |
+| warning    | object | _Optional if `extends` is provided._ See [Theme Color](#theme-color)                 |
+| info       | object | _Optional if `extends` is provided._ See [Theme Color](#theme-color)                 |
+| success    | object | _Optional if `extends` is provided._ See [Theme Color](#theme-color)                 |
+| codemirror | object | _Optional if `extends` is provided._ See [Codemirror](#codemirror)                   |
+
+### Common Colors
+
+`common` allows you to change the common colors.
+
+| Param | Type   | Description                          |
+| ----- | ------ | ------------------------------------ |
+| gray  | string | _Optional if `extends` is provided._ |
+
+### Text Colors
+
+`text` allows you to change the text colors.
+
+| Param     | Type   | Description                          |
+| --------- | ------ | ------------------------------------ |
+| primary   | string | _Optional if `extends` is provided._ |
+| secondary | string | _Optional if `extends` is provided._ |
+| disabled  | string | _Optional if `extends` is provided._ |
+
+### Background Colors
+
+`background` allows you to change the background colors.
+
+| Param   | Type   | Description                                                                               |
+| ------- | ------ | ----------------------------------------------------------------------------------------- |
+| main    | string | _Optional if `extends` is provided._                                                      |
+| light   | string | _Optional if `extends` is provided._<br />Will be calculated from `main` if not provided. |
+| dark    | string | _Optional if `extends` is provided._<br />Will be calculated from `main` if not provided. |
+| divider | string | _Optional if `extends` is provided._                                                      |
+
+### Scrollbar Colors
+
+`scrollbar` allows you to change the scrollbar colors.
+
+| Param | Type   | Description                                                                               |
+| ----- | ------ | ----------------------------------------------------------------------------------------- |
+| main  | string | _Optional if `extends` is provided._                                                      |
+| light | string | _Optional if `extends` is provided._<br />Will be calculated from `main` if not provided. |
+
+### Theme Color
+
+`primary`, `error`, `warning`, `info` and `success` are theme colors and share the same options.
+
+| Param         | Type   | Description                                                                               |
+| ------------- | ------ | ----------------------------------------------------------------------------------------- |
+| main          | string | _Optional if `extends` is provided._                                                      |
+| light         | string | _Optional if `extends` is provided._<br />Will be calculated from `main` if not provided. |
+| dark          | string | _Optional if `extends` is provided._<br />Will be calculated from `main` if not provided. |
+| contrastColor | string | _Optional if `extends` is provided._                                                      |
+
+### Codemirror
+
+`codemirror` allows you to change the theme settings for Codemirror instances (used by the [code](/docs/widget-code) and [markdown](/docs/widget-markdown) widgets).
+
+| Param | Type   | Description                                                                               |
+| ----- | ------ | ----------------------------------------------------------------------------------------- |
+| main  | string | _Optional if `extends` is provided._                                                      |
+| light | string | _Optional if `extends` is provided._<br />Will be calculated from `main` if not provided. |
diff --git a/packages/docs/content/docs/custom-widgets.mdx b/packages/docs/content/docs/custom-widgets.mdx
index f50b2735..6cde5f78 100644
--- a/packages/docs/content/docs/custom-widgets.mdx
+++ b/packages/docs/content/docs/custom-widgets.mdx
@@ -4,7 +4,7 @@ title: Creating Custom Widgets
 weight: 40
 ---
 
-The Static CMS exposes a `window.CMS` global object that you can use to register custom widgets via `registerWidget`. The same object is also the default export if you import Static CMS as an npm module.
+Static CMS exposes a `window.CMS` global object that you can use to register custom widgets via `registerWidget`. The same object is also the default export if you import Static CMS as an npm module.
 
 ### React Components Inline
 
@@ -64,7 +64,6 @@ The react component that renders the control. It receives the following props:
 | query                | function                 | Runs a search on another collection. See [Query](#query)                                                                                  |
 | i18n                 | object                   | The current i18n settings                                                                                                                 |
 | t                    | function                 | Translates a given key to the current locale                                                                                              |
-| theme                | 'light'<br />\| 'dark'   | The current theme being used by the app                                                                                                   |
 
 #### Query
 
@@ -90,7 +89,6 @@ The react component that renders the preview. It receives the following props:
 | collection | object                 | The collection configuration for the current widget. See [Collections](/docs/collection-overview)         |
 | config     | object                 | The current Static CMS config. See [configuration options](/docs/configuration-options)                   |
 | entry      | object                 | Object with a `data` field that contains the current value of all widgets in the editor                   |
-| theme      | 'light'<br />\| 'dark' | The current theme being used by the app                                                                   |
 
 ### Options
 
diff --git a/packages/docs/content/docs/customization-overview.mdx b/packages/docs/content/docs/customization-overview.mdx
index 06ff6574..49b24496 100644
--- a/packages/docs/content/docs/customization-overview.mdx
+++ b/packages/docs/content/docs/customization-overview.mdx
@@ -4,7 +4,7 @@ title: Overview
 weight: 1
 ---
 
-The Static CMS exposes a `window.CMS` global object that you can use to customize your CMS. The same object is also the default export if you import Static CMS as an npm module. Available options are:
+Static CMS exposes a `window.CMS` global object that you can use to customize your CMS. The same object is also the default export if you import Static CMS as an npm module. Available options are:
 
 - Register [custom widgets](/docs/custom-widgets)
 - Register [custom previews](/docs/custom-previews)
diff --git a/packages/docs/content/docs/decap-migration-guide.mdx b/packages/docs/content/docs/decap-migration-guide.mdx
index fe02baf4..43c4b4d0 100644
--- a/packages/docs/content/docs/decap-migration-guide.mdx
+++ b/packages/docs/content/docs/decap-migration-guide.mdx
@@ -1,35 +1,45 @@
 ---
 group: Migration
-title: Decap CMS Migration Guide
+title: Decap / Netlify Migration Guide
 weight: 190
 ---
 
-Static CMS is a fork of [Decap](https://github.com/decaporg/decap-cms) (previously Netlify CMS) . Many changes have been made, some big, some small.
+Static CMS is a fork of [Decap](https://github.com/decaporg/decap-cms) (previously Netlify CMS). Many changes have been made, some big, some small.
 
-In this guide, we will walk you through the steps of migrating from Decap to Static CMS.
+In this guide, we will walk you through the steps of migrating from Decap or Netlify to Static CMS.
 
 ## How to Migrate
 
-Start by replacing Decap with Static CMS, then address the changes below.
+Start by replacing Decap / Netlify with Static CMS, then address the changes below.
 
 ### CDN
 
-Decap:
+Decap (_remove_):
+
+```html
+<script src="https://unpkg.com/netlify-cms@^3.0.0/dist/decap-cms.js"></script>
+```
+
+Netlify (_remove_):
 
 ```html
 <script src="https://unpkg.com/netlify-cms@^3.0.0/dist/netlify-cms.js"></script>
 ```
 
-Static CMS:
+Static CMS (_add_):
 
 ```html
-<script src="https://unpkg.com/@staticcms/app@^3.0.0/dist/static-cms-app.js"></script>
+<script src="https://unpkg.com/@staticcms/app@^4.0.0/dist/static-cms-app.js"></script>
 ```
 
 ### Bundling
 
 ```bash
 # Uninstall Decap
+npm uninstall decap-cms-app
+npm uninstall decap-cms-core
+
+# Uninstall Netlify
 npm uninstall netlify-cms-app
 npm uninstall netlify-cms-core
 
@@ -39,13 +49,19 @@ npm install @staticcms/core
 
 #### Change your imports
 
-Decap:
+Decap (_remove_):
+
+```js
+import CMS from 'decap-cms-app';
+```
+
+Netlify (_remove_):
 
 ```js
 import CMS from 'netlify-cms-app';
 ```
 
-Static CMS:
+Static CMS (_add_):
 
 ```js
 import CMS from '@staticcms/core';
@@ -81,7 +97,7 @@ However, the Gitlab, Client-Side Implicit Grant has been removed as a method of
 
 ### Dates
 
-[Moment](https://momentjs.com/) has been dropped as the date library used. Instead we are now using [date-fns](https://date-fns.org/). Date formats in your configuration will need to be updated. See [format docs](https://date-fns.org/v2.29.3/docs/format).
+[Moment](https://momentjs.com/) has been dropped as the date library used. Instead we are now using [date-fns](https://date-fns.org/). Date formats in your configuration will need to be updated. See [format docs](https://date-fns.org/docs/format).
 
 ### Initializing Static CMS
 
@@ -93,20 +109,152 @@ A [new markdown editor](/docs/widget-markdown) has been added. It comes with a n
 
 ### Sortable Fields
 
-The `sortable_fields` configuration option has been slightly changed, as we now allow a [default sorting option](/docs/collection-overview#sortable_fields).
+The `sortable_fields` configuration option has been slightly changed, as we now allow a [default sorting option](/docs/collection-overview#default-sort).
 
-**Decap**:
+**Decap / Netlify**:
 
 ```yaml
-sortable_fields: - field1 - field2
+sortable_fields:
+  - field1
+  - field2
 ```
 
 **Static CMS**:
 
+<CodeTabs>
 ```yaml
-sortable_fields: fields: - field1 - field2
+sortable_fields:
+  fields:
+    - field1
+    - field2
 ```
 
+```js
+sortable_fields: {
+  fields: ['field1', 'field2'];
+}
+```
+
+</CodeTabs>
+
+### View Filters
+
+The `view_filters` configuration option has been slightly changed, as we now allow a [default filter option](/docs/collection-overview#view-filters). Also each filter now requires a unique name.
+
+**Decap / Netlify**:
+
+```yaml
+view_filters:
+  - label: "Alice's and Bob's Posts"
+    field: author
+    pattern: 'Alice|Bob'
+  - label: 'Posts published in 2020'
+    field: date
+    pattern: '2020'
+  - label: Drafts
+    field: draft
+    pattern: true
+```
+
+**Static CMS**:
+
+<CodeTabs>
+```yaml
+view_filters:
+  fields:
+    - name: alice-and-bob
+      label: "Alice's and Bob's Posts"
+      field: author
+      pattern: 'Alice|Bob'
+    - name: posts-2020
+      label: 'Posts published in 2020'
+      field: date
+      pattern: '2020'
+    - name: drafts
+      label: Drafts
+      field: draft
+      pattern: true
+```
+
+```js
+view_filters: {
+  fields: [
+    {
+      name: 'alice-and-bob',
+      label: "Alice's and Bob's Posts",
+      field: 'author',
+      pattern: 'Alice|Bob',
+    },
+    {
+      name: 'posts-2020',
+      label: 'Posts published in 2020',
+      field: 'date',
+      pattern: '2020',
+    },
+    {
+      name: 'drafts',
+      label: 'Drafts',
+      field: 'draft',
+      pattern: true,
+    },
+  ];
+}
+```
+
+</CodeTabs>
+
+### View Groups
+
+The `view_groups` configuration option has been slightly changed, as we now allow a [default grouping option](/docs/collection-overview#view-groups). Also each group now requires a unique name.
+
+**Decap / Netlify**:
+
+```yaml
+view_groups:
+  - label: Year
+    field: date
+    # groups items based on the value matched by the pattern
+    pattern: \d{4}
+  - label: Drafts
+    field: draft
+```
+
+**Static CMS**:
+
+<CodeTabs>
+```yaml
+view_groups:
+  groups:
+    - name: by-year
+      label: Year
+      field: date
+      # groups items based on the value matched by the pattern
+      pattern: \d{4}
+    - name: drafts
+      label: Drafts
+      field: draft
+```
+
+```js
+view_groups: {
+  groups: [
+    {
+      name: "by-year",
+      label: "Year",
+      field: "date",
+      pattern: "\\d{4}
+    },
+    {
+      name: "drafts",
+      label: "Drafts",
+      field: "draft"
+    }
+  ]
+}
+```
+
+</CodeTabs>
+
 ### List Widget
 
 Support in the List Widget for the `field` property has been dropped. A single field in the `fields` property [achieves the same behavior](/docs/widget-list).
@@ -146,7 +294,7 @@ The `getAsset` method has been removed, the new `useMediaAsset` hook should be u
 
 ### Beta Features
 
-The following beta features from Decap have been dropped:
+The following beta features from Decap / Netlify have been dropped:
 
 - GraphQL support for GitHub and GitLab
 - Remark plugins (new markdown editor has its own plugin system)
@@ -226,7 +374,7 @@ collections:
 If you are using Gatsby you will need to change out your CMS plugin.
 
 ```bash
-# Uninstall Decap plugin
+# Uninstall Decap / Netlify plugin
 npm uninstall gatsby-plugin-netlify-cms
 
 # Install Static CMS plugin
@@ -237,13 +385,19 @@ npm install gatsby-plugin-static-cms
 
 If you are using the local backend you will need to switch the proxy server package you are using.
 
-Decap:
+Decap (_remove_):
+
+```bash
+npx decap-server
+```
+
+Netlify (_remove_):
 
 ```bash
 npx netlify-cms-proxy-server
 ```
 
-Static CMS:
+Static CMS (_add_):
 
 ```bash
 npx @staticcms/proxy-server
diff --git a/packages/docs/content/docs/editorial-workflow.mdx b/packages/docs/content/docs/editorial-workflow.mdx
new file mode 100644
index 00000000..a637c92a
--- /dev/null
+++ b/packages/docs/content/docs/editorial-workflow.mdx
@@ -0,0 +1,35 @@
+---
+group: Workflow
+weight: 10
+title: Editorial Workflow
+beta: true
+---
+
+<Alert severity="warning">
+  Editorial Workflow is not available for the Gitea backend.
+</Alert>
+
+By default, all entries created or edited in Static CMS are committed directly into the main repository branch.
+
+The `publish_mode` option allows you to enable "Editorial Workflow" mode for more control over the content publishing phases. The unpublished entries will be arranged on a dashboard, in Static CMS, according to their status (Draft, Ready for Review, Ready To Publish). This allows for quick access to unpublished entries, allowing them to be reviewed and edited before going live.
+
+You can enable the Editorial Workflow with the following line in your `config.yml` file:
+
+<CodeTabs>
+```yaml
+publish_mode: editorial_workflow
+```
+
+```js
+publish_mode: 'editorial_workflow';
+```
+
+</CodeTabs>
+
+From a technical perspective, the workflow translates editor UI actions into common Git commands:
+
+| Actions in Netlify UI     | Perform these Git actions                                                                                               |
+| ------------------------- | ----------------------------------------------------------------------------------------------------------------------- |
+| Save draft                | Commits to a new branch (named according to the pattern `cms/collectionName/entrySlug`), and opens a pull/merge request |
+| Edit draft                | Pushes another commit to the draft branch and pull/merge request                                                        |
+| Approve and publish draft | Merges pull/merge request and deletes branch                                                                            |
diff --git a/packages/docs/content/docs/gitea-backend.mdx b/packages/docs/content/docs/gitea-backend.mdx
index 617b84b2..84ef48ee 100644
--- a/packages/docs/content/docs/gitea-backend.mdx
+++ b/packages/docs/content/docs/gitea-backend.mdx
@@ -2,9 +2,12 @@
 title: Gitea
 group: Backends
 weight: 45
-beta: true
 ---
 
+<Alert severity="warning">
+  Gitea backend cannot be used with the Editorial Workflow.
+</Alert>
+
 - **Name**: `gitea`
 
 For repositories stored on Gitea, the `gitea` backend allows CMS users to log in directly with their Gitea account. Note that all users must have push access to your content repository for this to work.
diff --git a/packages/docs/content/docs/i18n-support.mdx b/packages/docs/content/docs/i18n-support.mdx
index a3253a03..249db80a 100644
--- a/packages/docs/content/docs/i18n-support.mdx
+++ b/packages/docs/content/docs/i18n-support.mdx
@@ -1,7 +1,6 @@
 ---
 group: Collections
 title: i18n Support
-beta: true
 weight: 30
 ---
 
@@ -25,7 +24,7 @@ i18n:
 
   # Optional, defaults to the first item in locales.
   # The locale to be used for fields validation and as a baseline for the entry.
-  defaultLocale: en
+  default_locale: en
 ```
 
 ```js
@@ -45,7 +44,7 @@ i18n: {
    * Optional, defaults to the first item in locales.
    * The locale to be used for fields validation and as a baseline for the entry.
    */
-  defaultLocale: 'en'
+  default_locale: 'en'
 },
 ```
 
diff --git a/packages/docs/content/docs/local-backend.mdx b/packages/docs/content/docs/local-backend.mdx
index e100b2f5..c80d961a 100644
--- a/packages/docs/content/docs/local-backend.mdx
+++ b/packages/docs/content/docs/local-backend.mdx
@@ -37,7 +37,7 @@ backend: {
 ## Usage
 
 1. Run `npx @staticcms/proxy-server` from the root directory of the above repository.
-   - If the default port (8081) is in use, the proxy server won't start and you will see an error message. In this case, follow [these steps](#configure-the-@staticcms/proxy-server-port-number) before proceeding.
+   - If the default port (8081) is in use, the proxy server will not start and you will see an error message. In this case, follow [these steps](#configure-the-@staticcms/proxy-server-port-number) before proceeding.
 2. Start your local development server (e.g. run `gatsby develop`).
 3. Open `http://localhost:<port>/admin` to verify that your can administer your content locally. Replace `<port>` with the port of your local development server. For example Gatsby's default port is `8000`
 
diff --git a/packages/docs/content/docs/migration-guide-v3.mdx b/packages/docs/content/docs/migration-guide-v3.mdx
deleted file mode 100644
index 9c5cb351..00000000
--- a/packages/docs/content/docs/migration-guide-v3.mdx
+++ /dev/null
@@ -1,89 +0,0 @@
----
-group: Migration
-title: How to Upgrade to v3
-weight: 101
----
-
-Static CMS v3 introduces:
-- Mobile support
-- Depedent fields (see [Field Conditions](/docs/widgets#field-conditions) for more information)
-
-In this guide, we will walk you through the steps for upgrading to Static CMS v3.
-
-Please [report any issues](https://github.com/StaticJsCMS/static-cms/issues/new) you encounter while upgrading to Static CMS v3.
-
-## Installing
-
-To install the latest version of Static CMS:
-
-```bash
-npm install @staticcms/core@^3.0.0
-```
-
-Or if you're using yarn:
-
-```bash
-yarn add @staticcms/core@^3.0.0
-```
-
-If you are using a CDN to load Static CMS, simply change your URLs:
-
-```html
-<link rel="stylesheet" href="https://unpkg.com/@staticcms/app@^3.0.0/dist/main.css" />
-```
-
-```html
-<script src="https://unpkg.com/@staticcms/app@^3.0.0/dist/static-cms-app.js"></script>
-```
-
-## Gitea Backend Update <BetaImage />
-
-While still remaining in beta, the Gitea backend has been evolving. This update switches the authentication mechanism to PKCE auth and improves performance when dealing with multiple file commits.
-
-To use Gitea with Static CMS v3, you need to update your Gitea instance to at least `v1.20`. You will also need to update your config to match the setup for PKCE authentication. See [Gitea authentication](/docs/gitea-backend#authentication).
-
-## CMS Events <BetaImage />
-
-CMS Events have undergone a significant refactor in this update, including adding a new `change` event. You may need to update your config as follows to continue to use them. The `preSave` and `postSave` events along with the new `change` event, now require a `collection` be provided during registration, with an optional `file` if you are targeting a [file collection](/docs/collection-types#file-collections). All events now can handle async handlers as well.
-
-**Old setup**
-
-```js
-CMS.registerEventListener({
-  name: 'preSave',
-  handler: ({ entry }) => {
-    return {
-      ...entry,
-      data: {
-        ...entry.data,
-        title: 'new title',
-      },
-    };
-  },
-});
-```
-
-**New Setup**
-
-```js
-CMS.registerEventListener({
-  name: 'preSave',
-  collection: 'posts',
-  handler: ({ data: { entry } }) => {
-    return {
-      ...entry.data,
-      title: 'new title',
-    };
-  },
-});
-```
-
-See [CMS Events](/docs/beta-features#registering-to-cms-events) for more details.
-
-## Other Breaking Changes
-
-- The following Widget Control component properties have been removed:
-  - `hidden`
-  - `mediaPaths` - Use [useMediaInsert](/docs/custom-widgets#interacting-with-the-media-library) instead.
-  - `openMediaLibrary` - Use [useMediaInsert](/docs/custom-widgets#interacting-with-the-media-library) instead.
-  - `removeInsertedMedia` - Use [useMediaInsert](/docs/custom-widgets#interacting-with-the-media-library) instead.
diff --git a/packages/docs/content/docs/migration-guide-v4.mdx b/packages/docs/content/docs/migration-guide-v4.mdx
new file mode 100644
index 00000000..d8df9a2a
--- /dev/null
+++ b/packages/docs/content/docs/migration-guide-v4.mdx
@@ -0,0 +1,263 @@
+---
+group: Migration
+title: How to Upgrade to v4
+weight: 101
+---
+
+Static CMS v4 introduces:
+
+- [Custom themes](/docs/custom-theme)
+- [Editorial Workflow](/docs/editorial-workflow) <BetaImage />
+- [Open Authoring](/docs/open-authoring) (Github backend only) <BetaImage />
+
+In this guide, we will walk you through the steps for upgrading to Static CMS v4.
+
+Please [report any issues](https://github.com/StaticJsCMS/static-cms/issues/new) you encounter while upgrading to Static CMS v4.
+
+## Installing
+
+To install the latest version of Static CMS:
+
+```bash
+npm install @staticcms/core@^4.0.0
+```
+
+Or if you are using yarn:
+
+```bash
+yarn add @staticcms/core@^4.0.0
+```
+
+If you are using a CDN to load Static CMS, simply change your URLs:
+
+```html
+<link rel="stylesheet" href="https://unpkg.com/@staticcms/app@^4.0.0/dist/main.css" />
+```
+
+```html
+<script src="https://unpkg.com/@staticcms/app@^4.0.0/dist/static-cms-app.js"></script>
+```
+
+## View Filters
+
+The `view_filters` configuration option has been slightly changed, as we now allow a [default filter option](/docs/collection-overview#view-filters). Also each filter now requires a unique name.
+
+**Old setup**
+
+<CodeTabs>
+```yaml
+view_filters:
+  - label: "Alice's and Bob's Posts"
+    field: author
+    pattern: 'Alice|Bob'
+  - label: 'Posts published in 2020'
+    field: date
+    pattern: '2020'
+  - label: Drafts
+    field: draft
+    pattern: true
+```
+
+```js
+view_filters: [
+  {
+    label: "Alice's and Bob's Posts",
+    field: 'author',
+    pattern: 'Alice|Bob',
+  },
+  {
+    label: 'Posts published in 2020',
+    field: 'date',
+    pattern: '2020',
+  },
+  {
+    label: 'Drafts',
+    field: 'draft',
+    pattern: true,
+  },
+];
+```
+
+</CodeTabs>
+
+**New setup**
+
+<CodeTabs>
+```yaml
+view_filters:
+  fields:
+    - name: alice-and-bob
+      label: "Alice's and Bob's Posts"
+      field: author
+      pattern: 'Alice|Bob'
+    - name: posts-2020
+      label: 'Posts published in 2020'
+      field: date
+      pattern: '2020'
+    - name: drafts
+      label: Drafts
+      field: draft
+      pattern: true
+```
+
+```js
+view_filters: {
+  fields: [
+    {
+      name: 'alice-and-bob',
+      label: "Alice's and Bob's Posts",
+      field: 'author',
+      pattern: 'Alice|Bob',
+    },
+    {
+      name: 'posts-2020',
+      label: 'Posts published in 2020',
+      field: 'date',
+      pattern: '2020',
+    },
+    {
+      name: 'drafts',
+      label: 'Drafts',
+      field: 'draft',
+      pattern: true,
+    },
+  ];
+}
+```
+
+</CodeTabs>
+
+## View Groups
+
+The `view_groups` configuration option has been slightly changed, as we now allow a [default grouping option](/docs/collection-overview#view-groups). Also each group now requires a unique name.
+
+**Old setup**
+
+<CodeTabs>
+```yaml
+view_groups:
+  - label: Year
+    field: date
+    # groups items based on the value matched by the pattern
+    pattern: \d{4}
+  - label: Drafts
+    field: draft
+```
+
+```js
+view_groups: [
+  {
+    label: "Year",
+    field: "date",
+    pattern: "\\d{4}
+  },
+  {
+    label: "Drafts",
+    field: "draft"
+  }
+]
+```
+
+</CodeTabs>
+
+**New setup**
+
+<CodeTabs>
+```yaml
+view_groups:
+  groups:
+    - name: by-year
+      label: Year
+      field: date
+      # groups items based on the value matched by the pattern
+      pattern: \d{4}
+    - name: drafts
+      label: Drafts
+      field: draft
+```
+
+```js
+view_groups: {
+  groups: [
+    {
+      name: "by-year",
+      label: "Year",
+      field: "date",
+      pattern: "\\d{4}
+    },
+    {
+      name: "drafts",
+      label: "Drafts",
+      field: "draft"
+    }
+  ]
+}
+```
+
+</CodeTabs>
+
+## Theme
+
+The `theme` prop has been removed from:
+
+- Custom widget [control components](/docs/custom-widgets#control-component) and [preview components](/docs/custom-widgets#preview-component)
+- [Custom previews](/docs/custom-previews#editor-preview)
+- [Custom collection card previews](/docs/custom-previews#collection-card-preview)
+- [Custom collection field previews](/docs/custom-previews#collection-field-preview)
+- [Shortcode control components](/docs/widget-markdown#shortcodes)
+
+The new [useTheme hook](/docs/custom-theme#usetheme-hook) should be instead to get the colors of the current theme.
+
+## Date Template Transformation
+
+The date template transformation now uses [date-fns tokens](https://date-fns.org/docs/format) instead of momentjs.
+
+## List / Object Filter Rules
+
+Previously, when using [Filtered Folder Collections](/docs/collection-types#filtered-folder-collections), specifying a `list` field, Static CMS would search the values of the list to find a match. Now the default behavior is to match the JSON formatted version of the list's value. To match values inside the list, simply add `.*` to the end of your filter field.
+
+Object fields are also now matched against the JSON formatted version of their values.
+
+**Old setup**
+
+<CodeTabs>
+```yaml
+filter:
+  field: list_field
+  value: some_value
+```
+
+```js
+filter: {
+  field: 'list_field',
+  value: 'some_value'
+}
+```
+
+</CodeTabs>
+
+**New setup**
+
+<CodeTabs>
+```yaml
+filter:
+  field: list_field.*
+  value: some_value
+```
+
+```js
+filter: {
+  field: 'list_field.*',
+  value: 'some_value'
+}
+```
+
+</CodeTabs>
+
+## i18n Config
+
+For i18n, the setting `defaultLocale` has been renamed to `default_locale`.
+
+## Type Changes (TypeScript)
+
+The `StringOrTextField` type has been split into `StringField` and `TextField`.
diff --git a/packages/docs/content/docs/open-authoring.mdx b/packages/docs/content/docs/open-authoring.mdx
new file mode 100644
index 00000000..506f1211
--- /dev/null
+++ b/packages/docs/content/docs/open-authoring.mdx
@@ -0,0 +1,107 @@
+---
+group: Workflow
+weight: 20
+title: Open Authoring
+beta: true
+---
+
+<Alert severity="warning">
+  Open Authoring is only available with the [GitHub backend](/docs/github-backend) and must be used with the [Editorial Workflow](/docs/editorial-workflow).
+</Alert>
+
+When using the [GitHub backend](/docs/github-backend), you can use Static CMS to accept contributions from GitHub users without giving them access to your repository. When they make changes in the CMS, the CMS forks your repository for them behind the scenes, and all the changes are made to the fork. When the contributor is ready to submit their changes, they can set their draft as ready for review in the CMS. This triggers a pull request to your repository, which makes it appear in the Dashboard for maintainers.
+
+At the same time, any contributors who _do_ have write access to the repository can continue to use Static CMS normally.
+
+## Requirements
+
+- You must use the [GitHub backend](/docs/github-backend).
+
+  **Note that the [Git Gateway backend](/docs/git-gateway-backend) does _not_ support Open Authoring, even when the underlying repo is on GitHub.**
+
+- For private GitHub repos the user must have `read` access on the repo, and you must explicitly set the auth_scope to `repo`, for example:
+
+<CodeTabs>
+```yaml
+backend:
+  name: github
+  repo: owner-name/private-repo-name # path to private repo
+  auth_scope: repo # this is needed to fork the private repo
+  open_authoring: true
+```
+
+```js
+backend: {
+  name: "github",
+  repo: "owner-name/private-repo-name", // path to private repo
+  auth_scope: "repo", // this is needed to fork the private repo
+  open_authoring: true
+}
+```
+
+</CodeTabs>
+
+## Enabling Open Authoring
+
+1. [Enable the editorial workflow](/docs/editorial-workflow) by setting `publish_mode` to `editorial_workflow` in your `config.yml`.
+2. Set `open_authoring` to `true` in the `backend` section of your `config.yml`, as follows:
+
+  <CodeTabs>
+  ```yaml
+  backend:
+    name: github
+    repo: owner-name/repo-name # Path to your GitHub repository
+    open_authoring: true
+  ```
+
+  ```js
+  backend: {
+    name: "github",
+    repo: "owner-name/repo-name", // Path to your GitHub repository
+    open_authoring: true
+  }
+  ```
+
+  </CodeTabs>
+
+## Usage
+
+When a user logs into Static CMS who does not have write access to your repo, the CMS asks for permission to create a fork of your repo (or uses their existing fork, if they already have one). They are then presented with the normal CMS interface. The published content shown is from the original repo, so it stays up-to-date as changes are made.
+
+On the editorial workflow screen, the normal three columns are replaced by two columns instead — `Draft` and `Ready to Review`.
+
+When they make changes to content in the CMS, the changes are made to a branch on their fork. In the editorial workflow screen, they see only their own pending changes. Once they are ready to submit their changes, they can move the card into the "Ready To Review" column to create a pull request. When the entry is published (by a repository maintainer via their Static CMS UI), Static CMS deletes the branch, closes the PR and removes the card from the user's editorial workflow screen. Open Authoring users cannot publish entries through the CMS.
+
+Users who _do_ have write access to the original repository continue to use the CMS normally.
+
+## Alternative for external contributors with Git Gateway
+
+[As noted above](#requirements), Open Authoring does not work with the Git Gateway backend. However, you can use Git Gateway on a site with Netlify Identity that has [open registration](https://www.netlify.com/docs/identity/#adding-identity-users). This lets users create accounts on your site and log into the CMS. There are a few differences, including the following:
+
+- Users do not need to know about GitHub or create a GitHub account. Instead, they use Netlify Identity accounts that are created on your site and managed by you.
+- The CMS applies users' changes directly to your repo, not to a fork. (If you use the editorial workflow, you can use features like [GitHub's protected branches](https://help.github.com/en/articles/about-protected-branches) or [Netlify's locked deploys](https://www.netlify.com/docs/locked-deploys/) to prevent users from publishing directly to your site from the CMS.)
+- There is no distinction between users with write access to the repo and users without — all editorial workflow entries are visible from within the CMS and can be published with the CMS.
+
+## Linking to specific entries in the CMS
+
+Open authoring often includes some sort of "Edit this page" link on the live site. Static CMS supports this via the **edit** path:
+
+```js
+/#/edit/{collectionName}/{entryName}
+```
+
+For the entry named "general" in the "settings" file collection
+
+```html
+https://www.example.com/path-to-cms/#/edit/settings/general
+```
+
+For blog post "test.md" in the "posts" folder collection
+
+```html
+https://www.example.com/path-to-cms/#/edit/posts/test
+```
+
+- **`collectionName`**: the name of the collection as entered in the CMS config.
+- **`entryName`** _(for [file collections](/docs/collection-types/#file-collections)_: the `name` of the entry from the CMS config.
+- **`entryName`** _(for [folder collections](/docs/collection-types/#folder-collections)_: the filename, sans extension (the slug).
diff --git a/packages/docs/content/docs/start-with-a-template.mdx b/packages/docs/content/docs/start-with-a-template.mdx
index 570d9489..621a112f 100644
--- a/packages/docs/content/docs/start-with-a-template.mdx
+++ b/packages/docs/content/docs/start-with-a-template.mdx
@@ -41,15 +41,15 @@ You can add Static CMS [to an existing site](/docs/add-to-your-site/), but the q
 
 After clicking one of those buttons, authenticate with GitHub and choose a repository name. Netlify then automatically creates a clone of the repository in your GitHub account. Next, it builds and deploys the new site on Netlify, bringing you to the site dashboard after completing the build.
 
-**Note for GitLab and Bitbucket users:** Static CMS supports GitLab and Bitbucket repositories, but won't work with the Deploy to Netlify buttons above without additional configuration (See [GitLab](/docs/gitlab-backend) or [Bitbucket](/docs/bitbucket-backend) respectively).
+**Note for GitLab and Bitbucket users:** Static CMS supports GitLab and Bitbucket repositories, but will not work with the Deploy to Netlify buttons above without additional configuration (See [GitLab](/docs/gitlab-backend) or [Bitbucket](/docs/bitbucket-backend) respectively).
 
 ## Access Static CMS
 
 1. The template deploy process sends you an invitation to your new site, sent from `no-reply@netlify.com`.
-   ![Sample email subject line: You've been invited to join radiologist-amanda-53841.netlify.com](/img/email-subject.webp)
+   ![Sample email subject line: You have been invited to join radiologist-amanda-53841.netlify.com](/img/email-subject.webp)
 2. Wait for the deployment to complete, then click the link to accept the invite. Your site will open with a prompt to create a password.
    !["Complete your signup" modal on the Kaldi coffee site](/img/create-password.webp)
-3. Enter a password, sign in, and you'll go to Static CMS. (For future visits, you can go straight to `<yoursiteaddress.com>/admin/`.)
+3. Enter a password, sign in, and you will go to Static CMS. (For future visits, you can go straight to `<yoursiteaddress.com>/admin/`.)
 
 Try adding and editing posts, or changing the content of the Products page. When you save, the changes are pushed immediately to your Git repository, triggering a build on Netlify, and updating the content on your site. Check out the configuration code by visiting your site repo.
 
diff --git a/packages/docs/content/docs/test-backend.mdx b/packages/docs/content/docs/test-backend.mdx
index a131b2d3..4d37df45 100644
--- a/packages/docs/content/docs/test-backend.mdx
+++ b/packages/docs/content/docs/test-backend.mdx
@@ -8,7 +8,7 @@ weight: 60
 
 You can use the `test-repo` backend to try out Static CMS without connecting to a Git repo. With this backend, you can write and publish content normally, but any changes will disappear when you reload the page. This backend powers the Static CMS [demo site](https://demo.staticcms.org/).
 
-**Note:** The `test-repo` backend can't access your local file system, nor does it connect to a Git repo, thus you won't see any existing files while using it.
+**Note:** The `test-repo` backend cannot access your local file system, nor does it connect to a Git repo, thus you will not see any existing files while using it.
 
 To enable this backend, set your backend name to `test-repo` in your Static CMS `config` file.
 
diff --git a/packages/docs/content/docs/updating-your-cms.mdx b/packages/docs/content/docs/updating-your-cms.mdx
index d4789552..6c67f3a2 100644
--- a/packages/docs/content/docs/updating-your-cms.mdx
+++ b/packages/docs/content/docs/updating-your-cms.mdx
@@ -14,12 +14,12 @@ If you are using a package manager like Yarn or NPM, use their standard procedur
 
 If you are using Static CMS through a CDN like Unpkg, then that depends on the version tag you are using. You can find the version tag in the `/admin/index.html` file of your site.
 
-- (Recommended) If you use `^3.0.0`, Static CMS does all updates except major versions automatically.
-  - It upgrades to `3.0.1`, `3.1.0`, `3.1.1`.
-  - It does not upgrade to `3.0.0` or higher.
+- (Recommended) If you use `^4.0.0`, Static CMS does all updates except major versions automatically.
+  - It upgrades to `4.0.1`, `4.1.0`, `4.1.1`.
+  - It does not upgrade to `4.0.0` or higher.
   - It does not upgrade to beta versions.
 
-- If you use `~3.0.0`, Static CMS will do only patch updates automatically.
-  - It upgrades `3.0.1`, `3.0.2`.
-  - It does not upgrade to `3.1.0` or higher.
+- If you use `~4.0.0`, Static CMS will do only patch updates automatically.
+  - It upgrades `4.0.1`, `4.0.2`.
+  - It does not upgrade to `4.1.0` or higher.
   - It does not upgrade beta versions.
diff --git a/packages/docs/content/docs/widget-boolean.mdx b/packages/docs/content/docs/widget-boolean.mdx
index 4ee08191..63fa594f 100644
--- a/packages/docs/content/docs/widget-boolean.mdx
+++ b/packages/docs/content/docs/widget-boolean.mdx
@@ -14,9 +14,11 @@ The boolean widget translates a toggle switch input to a `true` or `false` value
 
 For common options, see [Common widget options](/docs/widgets#common-widget-options).
 
-| Name    | Type    | Default | Description                                 |
-| ------- | ------- | ------- | ------------------------------------------- |
-| default | boolean | `false` | _Optional_. The default value for the field |
+| Name    | Type    | Default | Description                                   |
+| ------- | ------- | ------- | --------------------------------------------- |
+| default | boolean | `false` | _Optional_. The default value for the field   |
+| prefix  | string  | `''`    | _Optional_. Text to show before toggle switch |
+| suffix  | string  | `''`    | _Optional_. Text to show after toggle switch  |
 
 ## Example
 
diff --git a/packages/docs/content/docs/widget-datetime.mdx b/packages/docs/content/docs/widget-datetime.mdx
index 9b3dd3b2..458e85c4 100644
--- a/packages/docs/content/docs/widget-datetime.mdx
+++ b/packages/docs/content/docs/widget-datetime.mdx
@@ -17,9 +17,9 @@ For common options, see [Common widget options](/docs/widgets#common-widget-opti
 | Name        | Type                   | Default                        | Description                                                                                                                                                                                                                                                                                                              |
 | ----------- | ---------------------- | ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
 | default     | string                 | `Current Date and Time`        | _Optional_. The default value for the field. Accepts a datetime string, or an empty string to accept blank input.                                                                                                                                                                                                        |
-| format      | string                 | `yyyy-MM-dd'T'HH:mm:ss.SSSXXX` | _Optional_. Sets storage format. Accepts [date-fns tokens](https://date-fns.org/v2.29.3/docs/format)                                                                                                                                                                                                                     |
-| date_format | string<br />\| boolean | `true`                         | _Optional_. Sets date display format in UI.<ul><li>`string` - Accepts [date-fns tokens](https://date-fns.org/v2.29.3/docs/format)</li><li>`true` - Uses default locale format</li><li>`false` - If `time_format` is `true` or a string, then date picker is hidden</li></ul>                                             |
-| time_format | string<br />\| boolean | `true`                         | _Optional_. Sets time display format in UI.<ul><li>`string` - Accepts [date-fns tokens](https://date-fns.org/v2.29.3/docs/format)</li><li>`true` - Uses default locale format</li><li>`false` - Hides the time picker</li></ul>                                                                                          |
+| format      | string                 | `yyyy-MM-dd'T'HH:mm:ss.SSSXXX` | _Optional_. Sets storage format. Accepts [date-fns tokens](https://date-fns.org/docs/format)                                                                                                                                                                                                                     |
+| date_format | string<br />\| boolean | `true`                         | _Optional_. Sets date display format in UI.<ul><li>`string` - Accepts [date-fns tokens](https://date-fns.org/docs/format)</li><li>`true` - Uses default locale format</li><li>`false` - If `time_format` is `true` or a string, then date picker is hidden</li></ul>                                             |
+| time_format | string<br />\| boolean | `true`                         | _Optional_. Sets time display format in UI.<ul><li>`string` - Accepts [date-fns tokens](https://date-fns.org/docs/format)</li><li>`true` - Uses default locale format</li><li>`false` - Hides the time picker</li></ul>                                                                                          |
 | picker_utc  | boolean                | `false`                        | _Optional_. <ul><li>`true` - The datetime picker will display times in UTC</li><li>`false` - The datetime picker will display times in the user's local timezone</li></ul> When using date-only formats, it can be helpful to set this to `true` so users in all timezones will see the same date in the datetime picker |
 
 ## Examples
diff --git a/packages/docs/content/docs/widget-list.mdx b/packages/docs/content/docs/widget-list.mdx
index d35fb226..ea292496 100644
--- a/packages/docs/content/docs/widget-list.mdx
+++ b/packages/docs/content/docs/widget-list.mdx
@@ -19,7 +19,7 @@ For common options, see [Common widget options](/docs/widgets#common-widget-opti
 | default        | string                 | `[ <default from the child fields> ]` | _Optional_. The default values for fields. Also accepts an array of items                                                                                                                                         |
 | allow_add      | boolean                | `true`                                | _Optional_. `false` - Hides the button to add additional items. Ignored if both `fields` and `types` are not defined                                                                                              |
 | collapsed      | boolean                | `true`                                | _Optional_. `true` - The list and entries collapse by default. Ignored if both `fields` and `types` are not defined                                                                                               |
-| summary        | string                 |                                       | _Optional_. The label displayed on collapsed entries. _Ignored for single field lists._                                                                                                                           |
+| summary        | string                 |                                       | _Optional_. The label displayed on collapsed entries. Can use [Template Transformations](/docs/collection-overview#template-transformations). _Ignored for single field lists._                                   |
 | label_singular | string                 | `label`                               | _Optional_. The text to show on the add button                                                                                                                                                                    |
 | fields         | list of widgets        | []                                    | _Optional_. A nested list of multiple widget fields to be included in each repeatable iteration                                                                                                                   |
 | min            | number                 |                                       | _Optional_. Minimum number of items in the list                                                                                                                                                                   |
diff --git a/packages/docs/content/docs/widget-markdown.mdx b/packages/docs/content/docs/widget-markdown.mdx
index feed9711..6b6f7185 100644
--- a/packages/docs/content/docs/widget-markdown.mdx
+++ b/packages/docs/content/docs/widget-markdown.mdx
@@ -10,7 +10,7 @@ weight: 19
 
 The markdown widget provides a full fledged text editor allowing users to format text with features such as headings and blockquotes. Users can change their editing view with a handy toggle button.
 
-_Please note:_ If you want to use your markdown editor to fill a markdown file contents after its frontmatter, you'll have to name the field `body` so Static CMS recognizes it and saves the file accordingly.
+_Please note:_ If you want to use your markdown editor to fill a markdown file contents after its frontmatter, you will have to name the field `body` so Static CMS recognizes it and saves the file accordingly.
 
 ## Widget Options
 
diff --git a/packages/docs/content/docs/widget-number.mdx b/packages/docs/content/docs/widget-number.mdx
index e03c4a91..cfef1855 100644
--- a/packages/docs/content/docs/widget-number.mdx
+++ b/packages/docs/content/docs/widget-number.mdx
@@ -21,6 +21,8 @@ For common options, see [Common widget options](/docs/widgets#common-widget-opti
 | min        | number                                 |            | _Optional_. Minimum value accepted. If a pattern is provided (see [Common widget options](/docs/widgets#common-widget-options)), min is ignored during validation, but is still applied to the input |
 | max        | number                                 |            | _Optional_. Maximum value accepted. If a pattern is provided (see [Common widget options](/docs/widgets#common-widget-options)), max is ignored during validation, but is still applied to the input |
 | step       | number                                 | `1`        | _Optional_. Size of steps when stepping up or down in input                                                                                                                                          |
+| prefix     | string                                 | `''`       | _Optional_. Text to show before number input                                                                                                                                                         |
+| suffix     | string                                 | `''`       | _Optional_. Text to show after number input                                                                                                                                                          |
 
 ## Example
 
diff --git a/packages/docs/content/docs/widget-object.mdx b/packages/docs/content/docs/widget-object.mdx
index 6e146ba8..2e505791 100644
--- a/packages/docs/content/docs/widget-object.mdx
+++ b/packages/docs/content/docs/widget-object.mdx
@@ -14,11 +14,11 @@ The object widget allows you to group multiple widgets together, nested under a
 
 For common options, see [Common widget options](/docs/widgets#common-widget-options).
 
-| Name      | Type    | Default | Description                                                  |
-| --------- | ------- | ------- | ------------------------------------------------------------ |
-| fields    | boolean | `false` | A nested list of widget fields to include in your widget     |
-| collapsed | boolean | `false` | _Optional_. Collapse the widget's content by default         |
-| summary   | string  | `value` | _Optional_. The label displayed when the object is collapsed |
+| Name      | Type    | Default | Description                                                                                                                                          |
+| --------- | ------- | ------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |
+| fields    | boolean | `false` | A nested list of widget fields to include in your widget                                                                                             |
+| collapsed | boolean | `false` | _Optional_. Collapse the widget's content by default                                                                                                 |
+| summary   | string  | `value` | _Optional_. The label displayed when the object is collapsed. Can use [Template Transformations](/docs/collection-overview#template-transformations) |
 
 _Please note:_ A default value cannot be set directly on an object widget. Instead you can set defaults within each sub-field's configuration
 
@@ -42,7 +42,7 @@ fields:
     label: 'Birthdate'
     widget: 'date'
     default: ''
-    format: 'MM/DD/YYYY'
+    format: 'MM/dd/yyyy'
   - name: 'address'
     label: 'Address'
     widget: 'object'
@@ -81,7 +81,7 @@ fields: [
     label: 'Birthdate',
     widget: 'date',
     default: '',
-    format: 'MM/DD/YYYY'
+    format: 'MM/dd/yyyy'
   },
   {
     name: 'address',
diff --git a/packages/docs/content/docs/widget-relation.mdx b/packages/docs/content/docs/widget-relation.mdx
index 18103bc7..8512d533 100644
--- a/packages/docs/content/docs/widget-relation.mdx
+++ b/packages/docs/content/docs/widget-relation.mdx
@@ -8,7 +8,7 @@ weight: 22
 - **UI:** Text input with search result dropdown
 - **Data type:** Data type of the value pulled from the related collection item
 
-The relation widget allows you to reference items from another collection. It provides a search input with a list of entries from the collection you're referencing, and the list automatically updates with matched entries based on what you've typed.
+The relation widget allows you to reference items from another collection. It provides a search input with a list of entries from the collection you are referencing, and the list automatically updates with matched entries based on what you have typed.
 
 ## Widget Options
 
diff --git a/packages/docs/content/docs/widget-string.mdx b/packages/docs/content/docs/widget-string.mdx
index aa52fa76..90462d0c 100644
--- a/packages/docs/content/docs/widget-string.mdx
+++ b/packages/docs/content/docs/widget-string.mdx
@@ -17,6 +17,8 @@ For common options, see [Common widget options](/docs/widgets#common-widget-opti
 | Name    | Type   | Default | Description                                                   |
 | ------- | ------ | ------- | ------------------------------------------------------------- |
 | default | string | `''`    | _Optional_. The default value for the field. Accepts a string |
+| prefix  | string | `''`    | _Optional_. Text to show before string input                  |
+| suffix  | string | `''`    | _Optional_. Text to show after string input                   |
 
 ## Example
 
diff --git a/packages/docs/content/docs/widgets.mdx b/packages/docs/content/docs/widgets.mdx
index 7749dc4f..c27ca29a 100644
--- a/packages/docs/content/docs/widgets.mdx
+++ b/packages/docs/content/docs/widgets.mdx
@@ -45,7 +45,7 @@ The following options are available on all fields:
 | required  | boolean                                                        | `true`     | _Optional_. Specify as `false` to make a field optional                                                                                                                                                                                                                  |
 | hint      | string                                                         |            | _Optional_. Adds helper text directly below a widget. Useful for including instructions. Accepts markdown for bold, italic, strikethrough, and links.                                                                                                                    |
 | pattern   | list of strings                                                |            | _Optional_. Adds field validation by specifying a list with a [regex pattern](https://regexr.com/) and an error message; more extensive validation can be achieved with [custom widgets](/docs/custom-widgets/#advanced-field-validation)                                |
-| i18n      | boolean<br />\| 'translate'<br />\| 'duplicate'<br />\| 'none' |            | _Optional_. <BetaImage /><ul><li>`translate` - Allows translation of the field</li><li>`duplicate` - Duplicates the value from the default locale</li><li>`true` - Accept parent values as default</li><li>`none` or `false` - Exclude field from translations</li></ul> |
+| i18n      | boolean<br />\| 'translate'<br />\| 'duplicate'<br />\| 'none' |            | _Optional_. <ul><li>`translate` - Allows translation of the field</li><li>`duplicate` - Duplicates the value from the default locale</li><li>`true` - Accept parent values as default</li><li>`none` or `false` - Exclude field from translations</li></ul> |
 | condition | FilterRule<br />\| List of FilterRules                         |            | _Optional_. See [Field Conditions](#field-conditions)                                                                                                                                                                                                                    |
 
 ## Example Widget
diff --git a/packages/docs/content/docs/writing-style-guide.mdx b/packages/docs/content/docs/writing-style-guide.mdx
index c3bd638c..b69916ac 100644
--- a/packages/docs/content/docs/writing-style-guide.mdx
+++ b/packages/docs/content/docs/writing-style-guide.mdx
@@ -168,13 +168,13 @@ _____
 
 > Do: View the fields.
 
-> Don't: With this next command, we'll view the fields.
+> Don't: With this next command, we will view the fields.
 
 ### Address the reader as "you"
 
 > Do: You can create a Deployment by …
 
-> Don't: We'll create a Deployment by …
+> Don't: We will create a Deployment by …
 _____
 
 > Do: In the preceding output, you can see…
@@ -201,7 +201,7 @@ Exception: Use "etc." for et cetera.
 
 ### Avoid using "we"
 
-Using "we" in a sentence can be confusing, because the reader might not know whether they're part of the "we" you're describing.
+Using "we" in a sentence can be confusing, because the reader might not know whether they are part of the "we" you are describing.
 
 > Do: Version 1.4 includes …
 
diff --git a/packages/docs/content/homepage.json b/packages/docs/content/homepage.json
index afc44375..bb7bb634 100644
--- a/packages/docs/content/homepage.json
+++ b/packages/docs/content/homepage.json
@@ -21,7 +21,7 @@
   ],
   "call_to_action": {
     "title": "Getting started is simple and free.",
-    "subtitle": "Choose a template that's pre-configured with a static site generator and deploys to a global CDN in one click.",
+    "subtitle": "Choose a template that is pre-configured with a static site generator and deploys to a global CDN in one click.",
     "button_text": "Get Started",
     "url": "/docs/start-with-a-template/"
   },
@@ -37,14 +37,14 @@
       "description": "The web-based app includes rich-text editing, real-time previews, and drag-and-drop media uploads."
     },
     {
-      "image": "/img/your-content-your-way.webp",
-      "title": "Your content, your way",
-      "description": "Static CMS can integrate with most major static site generators and git repository providers."
+      "image": "/img/intuitive-workflow-for-content-teams.svg",
+      "title": "Intuitive workflow for content teams",
+      "description": "Writers and editors can easily manage content from draft to review to publish across any number of custom content types."
     },
     {
       "image": "/img/instant-access-without-github-account.svg",
       "title": "Instant access without GitHub account",
-      "description": "With Git Gateway, you can add CMS access for any team member — even if they don't have a GitHub account."
+      "description": "With Git Gateway, you can add CMS access for any team member — even if they do not have a GitHub account."
     }
   ]
 }
diff --git a/packages/docs/content/menu.json b/packages/docs/content/menu.json
index f90e89b8..4e99701d 100644
--- a/packages/docs/content/menu.json
+++ b/packages/docs/content/menu.json
@@ -13,6 +13,10 @@
         "name": "Backends",
         "title": "Backends"
       },
+      {
+        "name": "Workflow",
+        "title": "Workflow"
+      },
       {
         "name": "Collections",
         "title": "Collections"
diff --git a/packages/docs/content/releases.json b/packages/docs/content/releases.json
index 5b63a87a..a7a794b6 100644
--- a/packages/docs/content/releases.json
+++ b/packages/docs/content/releases.json
@@ -1,10 +1,41 @@
 {
   "releases": [
+    {
+      "date": "2024-01-03T10:00:00.000Z",
+      "version": "v4.0.0",
+      "type": "major",
+      "description": "Editorial workflow, open authoring and theming"
+    },
+    {
+      "date": "2024-01-02T11:00:00.000Z",
+      "version": "v4.0.0-beta.17",
+      "type": "pre"
+    },
     {
       "date": "2024-01-02T10:00:00.000Z",
       "version": "v3.4.8",
       "type": "patch"
     },
+    {
+      "date": "2023-12-21T10:00:00.000Z",
+      "version": "v4.0.0-beta.16",
+      "type": "pre"
+    },
+    {
+      "date": "2023-12-13T10:00:00.000Z",
+      "version": "v4.0.0-beta.15",
+      "type": "pre"
+    },
+    {
+      "date": "2023-12-11T11:00:00.000Z",
+      "version": "v4.0.0-beta.13",
+      "type": "pre"
+    },
+    {
+      "date": "2023-12-11T10:00:00.000Z",
+      "version": "v4.0.0-beta.12",
+      "type": "pre"
+    },
     {
       "date": "2023-12-11T10:00:00.000Z",
       "version": "v3.4.7",
@@ -15,11 +46,71 @@
       "version": "v3.4.6",
       "type": "patch"
     },
+    {
+      "date": "2023-11-17T10:00:00.000Z",
+      "version": "v4.0.0-beta.11",
+      "type": "pre"
+    },
+    {
+      "date": "2023-11-16T15:00:00.000Z",
+      "version": "v4.0.0-beta.10",
+      "type": "pre"
+    },
+    {
+      "date": "2023-11-16T14:00:00.000Z",
+      "version": "v4.0.0-beta.9",
+      "type": "pre"
+    },
+    {
+      "date": "2023-11-16T13:00:00.000Z",
+      "version": "v4.0.0-beta.8",
+      "type": "pre"
+    },
+    {
+      "date": "2023-11-16T12:00:00.000Z",
+      "version": "v4.0.0-beta.7",
+      "type": "pre"
+    },
+    {
+      "date": "2023-11-16T11:00:00.000Z",
+      "version": "v4.0.0-beta.6",
+      "type": "pre"
+    },
+    {
+      "date": "2023-11-16T10:00:00.000Z",
+      "version": "v4.0.0-beta.5",
+      "type": "pre"
+    },
+    {
+      "date": "2023-11-08T11:00:00.000Z",
+      "version": "v4.0.0-beta.4",
+      "type": "pre"
+    },
+    {
+      "date": "2023-11-08T10:00:00.000Z",
+      "version": "v4.0.0-beta.3",
+      "type": "pre"
+    },
     {
       "date": "2023-11-07T10:00:00.000Z",
+      "version": "v4.0.0-beta.2",
+      "type": "pre"
+    },
+    {
+      "date": "2023-11-07T11:00:00.000Z",
       "version": "v3.4.5",
       "type": "patch"
     },
+    {
+      "date": "2023-11-02T10:00:00.000Z",
+      "version": "v4.0.0-beta.1",
+      "type": "pre"
+    },
+    {
+      "date": "2023-11-01T10:00:00.000Z",
+      "version": "v4.0.0-beta.0",
+      "type": "pre"
+    },
     {
       "date": "2023-10-31T11:00:00.000Z",
       "version": "v3.4.4",
diff --git a/packages/docs/next.config.js b/packages/docs/next.config.js
index 6cde365a..303c711e 100644
--- a/packages/docs/next.config.js
+++ b/packages/docs/next.config.js
@@ -1,13 +1,14 @@
 const withPWA = require('next-pwa')({
   publicExcludes: ['!bulletins/**/*'],
-  dest: 'public'
+  dest: 'public',
 });
 
 const withBundleAnalyzer = require('@next/bundle-analyzer')({
-  enabled: process.env.ANALYZE === 'true'
+  enabled: process.env.ANALYZE === 'true',
 });
 
 const redirects = [
+  { source: '/docs', destination: '/docs/intro', permanent: true },
   { source: '/chat', destination: 'https://discord.gg/ZWJM9pBMjj', permanent: true },
 ];
 
@@ -28,7 +29,7 @@ let config = {
       },
     ],
   },
-}
+};
 
 if (process.env.NODE_ENV === 'production') {
   config = withPWA(config);
@@ -36,4 +37,4 @@ if (process.env.NODE_ENV === 'production') {
   config = withBundleAnalyzer(config);
 }
 
-module.exports = config
+module.exports = config;
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 3a220fb9..3f62d20b 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -14,14 +14,14 @@
     "lint": "run-p -c --aggregate-output \"lint:*\""
   },
   "dependencies": {
-    "@emotion/react": "11.10.6",
-    "@emotion/styled": "11.10.6",
-    "@mui/icons-material": "5.11.16",
-    "@mui/material": "5.11.16",
-    "date-fns": "2.29.3",
+    "@emotion/react": "11.11.1",
+    "@emotion/styled": "11.11.0",
+    "@mui/icons-material": "5.14.12",
+    "@mui/material": "5.14.12",
+    "date-fns": "2.30.0",
     "gray-matter": "4.0.3",
     "js-yaml": "4.1.0",
-    "next": "13.2.4",
+    "next": "14.0.1",
     "next-mdx-remote": "4.4.1",
     "next-pwa": "5.6.0",
     "prismjs": "1.29.0",
@@ -30,31 +30,30 @@
     "react-schemaorg": "2.0.0",
     "remark-gfm": "3.0.1",
     "schema-dts": "1.1.2",
-    "yaml": "2.2.2"
+    "yaml": "2.3.2"
   },
   "devDependencies": {
-    "@babel/core": "7.21.4",
-    "@emotion/eslint-plugin": "11.10.0",
-    "@next/bundle-analyzer": "13.2.4",
-    "@next/eslint-plugin-next": "13.2.4",
-    "@types/js-yaml": "4.0.5",
-    "@types/node": "18.16.14",
-    "@types/prettier": "2.7.2",
-    "@types/prismjs": "1.26.0",
-    "@types/react": "18.2.0",
-    "@types/react-dom": "18.2.1",
-    "@typescript-eslint/eslint-plugin": "5.59.1",
-    "@typescript-eslint/parser": "5.59.1",
-    "@babel/eslint-parser": "7.21.3",
-    "eslint": "8.39.0",
-    "eslint-config-next": "13.2.4",
-    "eslint-config-prettier": "8.8.0",
+    "@babel/core": "7.23.0",
+    "@babel/eslint-parser": "7.22.15",
+    "@emotion/eslint-plugin": "11.11.0",
+    "@next/bundle-analyzer": "13.5.4",
+    "@next/eslint-plugin-next": "13.5.4",
+    "@types/js-yaml": "4.0.6",
+    "@types/node": "18.17.19",
+    "@types/prismjs": "1.26.1",
+    "@types/react": "18.2.25",
+    "@types/react-dom": "18.2.10",
+    "@typescript-eslint/eslint-plugin": "6.7.4",
+    "@typescript-eslint/parser": "6.7.4",
+    "eslint": "8.50.0",
+    "eslint-config-next": "14.0.1",
+    "eslint-config-prettier": "9.0.0",
     "eslint-plugin-babel": "5.3.1",
-    "eslint-plugin-unicorn": "46.0.1",
+    "eslint-plugin-unicorn": "48.0.1",
     "npm-run-all": "4.1.5",
-    "prettier": "2.8.8",
-    "typescript": "5.0.4",
-    "webpack": "5.80.0"
+    "prettier": "3.0.3",
+    "typescript": "5.2.2",
+    "webpack": "5.88.2"
   },
   "lint-staged": {
     "*.ts": "prettier --write",
diff --git a/packages/docs/public/img/editor-friendly-user-interface.svg b/packages/docs/public/img/editor-friendly-user-interface.svg
index e6a5d793..4c0f9cab 100644
--- a/packages/docs/public/img/editor-friendly-user-interface.svg
+++ b/packages/docs/public/img/editor-friendly-user-interface.svg
@@ -1 +1 @@
-<svg width="318" height="198" viewBox="0 0 318 198" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>editor</title><defs><rect id="b" width="300" height="180" rx="6"/><filter x="-6%" y="-7.8%" width="112%" filterUnits="objectBoundingBox" id="a"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.147843071 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feOffset dy="3" in="SourceAlpha" result="shadowOffsetOuter2"/><feGaussianBlur stdDeviation="4.5" in="shadowOffsetOuter2" result="shadowBlurOuter2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0974298007 0" in="shadowBlurOuter2" result="shadowMatrixOuter2"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="shadowMatrixOuter2"/></feMerge></filter><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="c"><stop stop-color="#4779DD" offset="0%"/><stop stop-color="#3A69C7" offset="100%"/></linearGradient></defs><g transform="translate(9 6)" fill="none" fill-rule="evenodd"><use fill="#000" filter="url(#a)" xlink:href="#b"/><use fill="#FFF" xlink:href="#b"/><path d="M0 19h149v161H6c-3.3137 0-6-2.6863-6-6V19z" fill="#EFF0F4"/><path fill="#AEB1BD" d="M10 31h18v4H10z"/><path fill="#FFF" d="M10 39h129v12H10z"/><path fill="#D4D6DD" d="M16 43h44v4H16z"/><path fill="#AEB1BD" d="M10 59h10v4H10z"/><path fill="#FFF" d="M10 67h129v12H10z"/><path fill="#D4D6DD" d="M16 71h26v4H16z"/><path fill="#AEB1BD" d="M10 87h35v4H10z"/><path fill="#FFF9E5" d="M10 95h42v27.7686H10z"/><circle fill="#FFC500" cx="31" cy="110.4463" r="7.8099"/><path d="M10 110.1683c4.6101 2.4917 9.3585 3.7375 14.245 3.7375 7.33 0 10.2112-5.0507 15.7083-5.0507 3.6648 0 7.6803 1.5082 12.0467 4.5246v9.3889H10v-12.6003z" fill="#D4D6DD"/><path d="M10 115.257c4.6503-2.702 8.896-4.0531 12.7373-4.0531 5.7618 0 11.322 4.9766 15.525 4.9766 2.8018 0 7.3811-2.196 13.7377-6.588v13.1761H10v-7.5116z" fill="#9AA1AE"/><path fill="#AEB1BD" d="M10 131h10v4H10z"/><path fill="#FFF" d="M10 139h129v41H10z"/><path fill="#D4D6DD" d="M16 145h117v4H16zm0 6h117v4H16zm0 6h83v4H16zm0 10h117v4H16zm0 6h43v4H16z"/><path fill="#9AA1AE" d="M61 172h2v6h-2z"/><path fill="#AEB1BD" d="M179 31h91v8h-91z"/><path fill="#D4D6DD" d="M213 42h24v4h-24z"/><path fill="#FFF9E5" d="M164 56h121v80H164z"/><circle fill="#FFC500" cx="224.5" cy="100.5" r="22.5"/><path d="M164 99.6992c13.2815 7.1784 26.9613 10.7676 41.0393 10.7676 21.117 0 29.4178-14.5508 45.2548-14.5508 10.558 0 22.1266 4.345 34.7059 13.0352V136H164V99.6992z" fill="#D4D6DD"/><path d="M164 114.3594c13.3973-7.7845 25.6291-11.6768 36.6955-11.6768 16.5995 0 32.6183 14.3374 44.7266 14.3374 8.0722 0 21.2648-6.3266 39.5779-18.98V136H164v-21.6406z" fill="#9AA1AE"/><path fill="#D4D6DD" d="M164 145h121v4H164zm0 6h121v4H164zm0 6h85.8376v4H164zm0 10h121v4H164zm0 6h44.4701v4H164z"/><path fill="#9AA1AE" d="M210 172h2v6h-2z"/><path d="M6 0h288c3.3137 0 6 2.6863 6 6v13H0V6c0-3.3137 2.6863-6 6-6z" fill="url(#c)"/></g></svg>
\ No newline at end of file
+<svg width="318" height="198" viewBox="0 0 318 198" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>editor</title><defs><rect id="b" width="300" height="180" rx="6"/><filter x="-6%" y="-7.8%" width="112%" filterUnits="objectBoundingBox" id="a"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.147843071 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feOffset dy="3" in="SourceAlpha" result="shadowOffsetOuter2"/><feGaussianBlur stdDeviation="4.5" in="shadowOffsetOuter2" result="shadowBlurOuter2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0974298007 0" in="shadowBlurOuter2" result="shadowMatrixOuter2"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="shadowMatrixOuter2"/></feMerge></filter><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="c"><stop stop-color="#4779DD" offset="0%"/><stop stop-color="#3A69C7" offset="100%"/></linearGradient></defs><g transform="translate(9 6)" fill="none" fill-rule="evenodd"><use fill="#000" filter="url(#a)" xlink:href="#b"/><use fill="#FFF" xlink:href="#b"/><path d="M0 19h149v161H6c-3.3137 0-6-2.6863-6-6V19z" fill="#EFF0F4"/><path fill="#AEB1BD" d="M10 31h18v4H10z"/><path fill="#FFF" d="M10 39h129v12H10z"/><path fill="#D4D6DD" d="M16 43h44v4H16z"/><path fill="#AEB1BD" d="M10 59h10v4H10z"/><path fill="#FFF" d="M10 67h129v12H10z"/><path fill="#D4D6DD" d="M16 71h26v4H16z"/><path fill="#AEB1BD" d="M10 87h35v4H10z"/><path fill="#FFF9E5" d="M10 95h42v27.7686H10z"/><circle fill="#FFC500" cx="31" cy="110.4463" r="7.8099"/><path d="M10 110.1683c4.6101 2.4917 9.3585 3.7375 14.245 3.7375 7.33 0 10.2112-5.0507 15.7083-5.0507 3.6648 0 7.6803 1.5082 12.0467 4.5246v9.3889H10v-12.6003z" fill="#D4D6DD"/><path d="M10 115.257c4.6503-2.702 8.896-4.0531 12.7373-4.0531 5.7618 0 11.322 4.9766 15.525 4.9766 2.8018 0 7.3811-2.196 13.7377-6.588v13.1761H10v-7.5116z" fill="#9AA1AE"/><path fill="#AEB1BD" d="M10 131h10v4H10z"/><path fill="#FFF" d="M10 139h129v41H10z"/><path fill="#D4D6DD" d="M16 145h117v4H16zm0 6h117v4H16zm0 6h83v4H16zm0 10h117v4H16zm0 6h43v4H16z"/><path fill="#9AA1AE" d="M61 172h2v6h-2z"/><path fill="#AEB1BD" d="M179 31h91v8h-91z"/><path fill="#D4D6DD" d="M213 42h24v4h-24z"/><path fill="#FFF9E5" d="M164 56h121v80H164z"/><circle fill="#FFC500" cx="224.5" cy="100.5" r="22.5"/><path d="M164 99.6992c13.2815 7.1784 26.9613 10.7676 41.0393 10.7676 21.117 0 29.4178-14.5508 45.2548-14.5508 10.558 0 22.1266 4.345 34.7059 13.0352V136H164V99.6992z" fill="#D4D6DD"/><path d="M164 114.3594c13.3973-7.7845 25.6291-11.6768 36.6955-11.6768 16.5995 0 32.6183 14.3374 44.7266 14.3374 8.0722 0 21.2648-6.3266 39.5779-18.98V136H164v-21.6406z" fill="#9AA1AE"/><path fill="#D4D6DD" d="M164 145h121v4H164zm0 6h121v4H164zm0 6h85.8376v4H164zm0 10h121v4H164zm0 6h44.4701v4H164z"/><path fill="#9AA1AE" d="M210 172h2v6h-2z"/><path d="M6 0h288c3.3137 0 6 2.6863 6 6v13H0V6c0-3.3137 2.6863-6 6-6z" fill="url(#c)"/></g></svg>
diff --git a/packages/docs/public/img/intuitive-workflow-for-content-teams.svg b/packages/docs/public/img/intuitive-workflow-for-content-teams.svg
new file mode 100644
index 00000000..b8e9fc6a
--- /dev/null
+++ b/packages/docs/public/img/intuitive-workflow-for-content-teams.svg
@@ -0,0 +1 @@
+<svg width="318" height="198" viewBox="0 0 318 198" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>workflow</title><defs><rect id="b" width="300" height="180" rx="6"/><filter x="-6%" y="-7.8%" width="112%" filterUnits="objectBoundingBox" id="c"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.147843071 0" in="shadowBlurOuter1" result="shadowMatrixOuter1"/><feOffset dy="3" in="SourceAlpha" result="shadowOffsetOuter2"/><feGaussianBlur stdDeviation="4.5" in="shadowOffsetOuter2" result="shadowBlurOuter2"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0974298007 0" in="shadowBlurOuter2" result="shadowMatrixOuter2"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="shadowMatrixOuter2"/></feMerge></filter><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="e"><stop stop-color="#942CB3" offset="0%"/><stop stop-color="#6B1884" offset="100%"/></linearGradient><rect id="g" x="10" y="29" width="80" height="38" rx="3"/><filter x="-4.4%" y="-6.6%" width="108.8%" height="118.4%" filterUnits="objectBoundingBox" id="f"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" in="shadowBlurOuter1"/></filter><rect id="i" x="10" y="119" width="80" height="38" rx="3"/><filter x="-4.4%" y="-6.6%" width="108.8%" height="118.4%" filterUnits="objectBoundingBox" id="h"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" in="shadowBlurOuter1"/></filter><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="j"><stop stop-color="#FFCD23" offset="0%"/><stop stop-color="#EFB900" offset="100%"/></linearGradient><rect id="l" x="110" y="29" width="80" height="38" rx="3"/><filter x="-4.4%" y="-6.6%" width="108.8%" height="118.4%" filterUnits="objectBoundingBox" id="k"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" in="shadowBlurOuter1"/></filter><rect id="a" x="110" y="74" width="80" height="38" rx="3"/><mask id="m" x="0" y="0" width="80" height="38" fill="#fff"><use xlink:href="#a"/></mask><path d="M88.4504 74.4665l73.8197 5.162c1.6528.1156 2.899 1.5491 2.7834 3.202l-2.2322 31.922c-.1155 1.6528-1.5491 2.899-3.202 2.7834l-73.8197-5.162c-1.6528-.1155-2.899-1.5491-2.7834-3.202l2.2322-31.922c.1156-1.6528 1.5492-2.899 3.202-2.7834z" id="o"/><filter x="-4.3%" y="-5.8%" width="108.5%" height="116.2%" filterUnits="objectBoundingBox" id="n"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" in="shadowBlurOuter1"/></filter><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="p"><stop stop-color="#95C21E" offset="0%"/><stop stop-color="#7CA511" offset="100%"/></linearGradient><rect id="r" x="210" y="29" width="80" height="38" rx="3"/><filter x="-4.4%" y="-6.6%" width="108.8%" height="118.4%" filterUnits="objectBoundingBox" id="q"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" in="shadowBlurOuter1"/></filter><rect id="t" x="210" y="74" width="80" height="38" rx="3"/><filter x="-4.4%" y="-6.6%" width="108.8%" height="118.4%" filterUnits="objectBoundingBox" id="s"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" in="shadowBlurOuter1"/></filter><rect id="v" x="210" y="119" width="80" height="38" rx="3"/><filter x="-4.4%" y="-6.6%" width="108.8%" height="118.4%" filterUnits="objectBoundingBox" id="u"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" in="shadowBlurOuter1"/></filter><path d="M213 164h74c1.6569 0 3 1.3431 3 3v13h-80v-13c0-1.6569 1.3431-3 3-3z" id="x"/><filter x="-4.4%" y="-15.6%" width="108.8%" height="143.8%" filterUnits="objectBoundingBox" id="w"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" in="shadowBlurOuter1"/></filter></defs><g transform="translate(9 6)" fill="none" fill-rule="evenodd"><mask id="d" fill="#fff"><use xlink:href="#b"/></mask><use fill="#000" filter="url(#c)" xlink:href="#b"/><use fill="#FFF" xlink:href="#b"/><path fill="#FDF7FF" mask="url(#d)" d="M0 0h100v180H0z"/><path fill="url(#e)" mask="url(#d)" d="M0 0h100v19H0z"/><text mask="url(#d)" font-family="Roboto-Black, Roboto" font-size="9" font-weight="700" letter-spacing=".45" fill="#FFF"><tspan x="32.0293" y="13">DRAFT</tspan> <tspan x="62.7823" y="13" letter-spacing=".5063">S</tspan></text><g mask="url(#d)"><use fill="#000" filter="url(#f)" xlink:href="#g"/><use fill="#FFF" xlink:href="#g"/></g><path fill="#D4D6DD" mask="url(#d)" d="M16 35h44v4H16z"/><path fill="#EFF0F4" mask="url(#d)" d="M16 43h68v4H16zm0 6h27v4H16z"/><g mask="url(#d)"><use fill="#000" filter="url(#h)" xlink:href="#i"/><use fill="#FFF" xlink:href="#i"/></g><path fill="#D4D6DD" mask="url(#d)" d="M16 125h44v4H16z"/><path fill="#EFF0F4" mask="url(#d)" d="M16 133h68v4H16zm0 6h27v4H16z"/><path fill="url(#j)" mask="url(#d)" d="M100 0h100v19H100z"/><text mask="url(#d)" font-family="Roboto-Black, Roboto" font-size="9" font-weight="700" letter-spacing=".45" fill="#FFF"><tspan x="126.1847" y="13">IN REVIEW</tspan></text><path fill="#FFF9E5" mask="url(#d)" d="M100 19h100v161H100z"/><g mask="url(#d)"><use fill="#000" filter="url(#k)" xlink:href="#l"/><use fill="#FFF" xlink:href="#l"/></g><path fill="#D4D6DD" mask="url(#d)" d="M116 35h44v4h-44z"/><path fill="#EFF0F4" mask="url(#d)" d="M116 43h68v4h-68zm0 6h27v4h-27z"/><g stroke-dasharray="5" mask="url(#d)" stroke="#EFB900" stroke-width="4"><use mask="url(#m)" xlink:href="#a"/></g><g mask="url(#d)"><use fill="#000" filter="url(#n)" xlink:href="#o"/><use fill="#FFF" xlink:href="#o"/></g><path fill="#D4D6DD" mask="url(#d)" d="M91.0245 80.6612l43.8929 3.0693-.279 3.9902-43.8929-3.0693z"/><path fill="#EFF0F4" mask="url(#d)" d="M90.4665 88.6417l67.8343 4.7434-.279 3.9903-67.8343-4.7435zm-.4185 5.9853l26.9342 1.8835-.279 3.9902-26.9343-1.8834z"/><path fill="url(#p)" mask="url(#d)" d="M200 0h100v19H200z"/><text mask="url(#d)" font-family="Roboto-Black, Roboto" font-size="9" font-weight="700" letter-spacing=".45" fill="#FFF"><tspan x="234.2927" y="13">READY</tspan></text><path fill="#F7FFE1" mask="url(#d)" d="M200 19h100v161H200z"/><g mask="url(#d)"><use fill="#000" filter="url(#q)" xlink:href="#r"/><use fill="#FFF" xlink:href="#r"/></g><path fill="#D4D6DD" mask="url(#d)" d="M216 35h44v4h-44z"/><path fill="#EFF0F4" mask="url(#d)" d="M216 43h68v4h-68zm0 6h27v4h-27z"/><g mask="url(#d)"><use fill="#000" filter="url(#s)" xlink:href="#t"/><use fill="#FFF" xlink:href="#t"/></g><path fill="#D4D6DD" mask="url(#d)" d="M216 80h44v4h-44z"/><path fill="#EFF0F4" mask="url(#d)" d="M216 88h68v4h-68zm0 6h27v4h-27z"/><g mask="url(#d)"><use fill="#000" filter="url(#u)" xlink:href="#v"/><use fill="#FFF" xlink:href="#v"/></g><path fill="#D4D6DD" mask="url(#d)" d="M216 125h44v4h-44z"/><path fill="#EFF0F4" mask="url(#d)" d="M216 133h68v4h-68zm0 6h27v4h-27z"/><g mask="url(#d)"><use fill="#000" filter="url(#w)" xlink:href="#x"/><use fill="#FFF" xlink:href="#x"/></g><path fill="#D4D6DD" mask="url(#d)" d="M216 170h44v4h-44z"/><path fill="#EFF0F4" mask="url(#d)" d="M216 178h68v2h-68z"/></g></svg>
\ No newline at end of file
diff --git a/packages/docs/src/components/docs/table_of_contents/DocsTableOfContents.tsx b/packages/docs/src/components/docs/table_of_contents/DocsTableOfContents.tsx
index f0d0231e..c82ecdc5 100644
--- a/packages/docs/src/components/docs/table_of_contents/DocsTableOfContents.tsx
+++ b/packages/docs/src/components/docs/table_of_contents/DocsTableOfContents.tsx
@@ -92,10 +92,13 @@ const useIntersectionObserver = (setActiveId: (activeId: string) => void) => {
     }
 
     const callback: IntersectionObserverCallback = headings => {
-      headingElementsRef.current = headings.reduce((map, headingElement) => {
-        map[headingElement.target.id] = headingElement;
-        return map;
-      }, headingElementsRef.current as Record<string, IntersectionObserverEntry>);
+      headingElementsRef.current = headings.reduce(
+        (map, headingElement) => {
+          map[headingElement.target.id] = headingElement;
+          return map;
+        },
+        headingElementsRef.current as Record<string, IntersectionObserverEntry>,
+      );
 
       // Get all headings that are currently visible on the page
       const visibleHeadings: IntersectionObserverEntry[] = [];
@@ -148,6 +151,11 @@ const StyledNav = styled('nav')(
     overflow-y: auto;
     top: 16px;
 
+    &:hover {
+      overflow-y: auto;
+      padding-right: 0;
+    }
+
     ${theme.breakpoints.between('md', 'lg')} {
       top: 24px;
     }
diff --git a/packages/docs/src/components/layout/Header.tsx b/packages/docs/src/components/layout/Header.tsx
index 6c492ab2..a23fb404 100644
--- a/packages/docs/src/components/layout/Header.tsx
+++ b/packages/docs/src/components/layout/Header.tsx
@@ -8,7 +8,7 @@ import IconButton from '@mui/material/IconButton';
 import { styled, useTheme } from '@mui/material/styles';
 import Toolbar from '@mui/material/Toolbar';
 import Link from 'next/link';
-import { useCallback, useMemo, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 
 import releases from '../../lib/releases';
 import Logo from './Logo';
@@ -19,7 +19,7 @@ import SponsorButton from './SponsorButton';
 import type { PaletteMode } from '@mui/material';
 import type { ButtonTypeMap } from '@mui/material/Button';
 import type { ExtendButtonBase } from '@mui/material/ButtonBase';
-import type { DocsGroup, MenuItem, SearchablePage } from '../../interface';
+import type { DocsGroup, MenuItem, MenuLink, SearchablePage } from '../../interface';
 
 const StyledAppBar = styled(AppBar)(
   ({ theme }) => `
@@ -55,7 +55,7 @@ const StyledGithubLink = styled('a')(
     display: flex;
     align-items: center;
 
-    ${theme.breakpoints.down('lg')} {
+    ${theme.breakpoints.down(1300)} {
       display: none;
     }
   `,
@@ -104,6 +104,14 @@ const StyledDesktopLink = styled(Button)(
   `,
 ) as ExtendButtonBase<ButtonTypeMap<{}, 'a'>>;
 
+const STATIC_CMS_DOMAIN = 'staticcms.org';
+const DEFAULT_DEMO_SITE = 'demo.staticcms.org';
+const STATIC_CMS_DOMAIN_REGEX = /staticcms\.org$/g;
+
+function createDemoUrl(subdomain?: string): string {
+  return `https://${subdomain ? subdomain : ''}${DEFAULT_DEMO_SITE}/`;
+}
+
 interface HeaderProps {
   mode: PaletteMode;
   docsGroups: DocsGroup[];
@@ -115,6 +123,18 @@ const Header = ({ mode, docsGroups, searchablePages, toggleColorMode }: HeaderPr
   const theme = useTheme();
   const [mobileOpen, setMobileOpen] = useState(false);
 
+  const [demoUrl, setDemoUrl] = useState(createDemoUrl());
+  useEffect(() => {
+    if (
+      typeof window === 'undefined' ||
+      !window.location.host.endsWith(STATIC_CMS_DOMAIN) ||
+      window.location.host === `www.${STATIC_CMS_DOMAIN}`
+    ) {
+      return;
+    }
+    setDemoUrl(createDemoUrl(window.location.host.replace(STATIC_CMS_DOMAIN_REGEX, '')));
+  }, []);
+
   const handleDrawerToggle = useCallback(() => {
     setMobileOpen(!mobileOpen);
   }, [mobileOpen]);
@@ -142,12 +162,17 @@ const Header = ({ mode, docsGroups, searchablePages, toggleColorMode }: HeaderPr
         title: 'Examples',
         url: '/docs/examples',
       },
+      {
+        title: 'Demo',
+        url: demoUrl,
+        target: '_blank',
+      },
       {
         title: 'Community',
         url: '/community',
       },
     ],
-    [docsGroups],
+    [demoUrl, docsGroups],
   );
 
   return (
@@ -198,14 +223,21 @@ const Header = ({ mode, docsGroups, searchablePages, toggleColorMode }: HeaderPr
           </StyledIconsWrapper>
           {items.map(item => {
             let url = '#';
+            let target: MenuLink['target'];
             if ('url' in item) {
               url = item.url;
+              target = item.target;
             } else if (item.groups.length > 0 && item.groups[0].links.length > 0) {
               url = item.groups[0].links[0].url;
             }
 
             return (
-              <StyledDesktopLink key={`desktop-${item.title}-${url}`} component={Link} href={url}>
+              <StyledDesktopLink
+                key={`desktop-${item.title}-${url}`}
+                component={Link}
+                href={url}
+                target={target}
+              >
                 {item.title}
               </StyledDesktopLink>
             );
diff --git a/packages/docs/src/interface.ts b/packages/docs/src/interface.ts
index cc69251b..151884b3 100644
--- a/packages/docs/src/interface.ts
+++ b/packages/docs/src/interface.ts
@@ -66,7 +66,7 @@ export interface HomepageData {
 export interface Release {
   readonly date: string;
   readonly version: string;
-  readonly type: 'major' | 'minor' | 'patch';
+  readonly type: 'major' | 'minor' | 'patch' | 'pre';
   readonly description?: string;
 }
 
@@ -136,6 +136,7 @@ export interface MenuLink {
   readonly url: string;
   readonly beta?: boolean;
   readonly deprecated?: boolean;
+  readonly target?: '_blank';
 }
 
 export interface MenuLinkSubGroup {
diff --git a/packages/docs/src/lib/docs.ts b/packages/docs/src/lib/docs.ts
index 85828a65..8c5f2f90 100644
--- a/packages/docs/src/lib/docs.ts
+++ b/packages/docs/src/lib/docs.ts
@@ -129,18 +129,21 @@ export function fetchDocsContent(): [DocsPage[], DocsGroup[]] {
     },
   );
 
-  const pagesByGroup: Record<string, DocsGroupLink[]> = allDocsData.reduce((acc, doc) => {
-    if (!(doc.data.group in acc)) {
-      acc[doc.data.group] = [];
-    }
-    acc[doc.data.group].push({
-      title: doc.data.title,
-      slug: doc.data.slug,
-      beta: doc.data.beta ?? false,
-      deprecated: doc.data.deprecated ?? false,
-    });
-    return acc;
-  }, {} as Record<string, DocsGroupLink[]>);
+  const pagesByGroup: Record<string, DocsGroupLink[]> = allDocsData.reduce(
+    (acc, doc) => {
+      if (!(doc.data.group in acc)) {
+        acc[doc.data.group] = [];
+      }
+      acc[doc.data.group].push({
+        title: doc.data.title,
+        slug: doc.data.slug,
+        beta: doc.data.beta ?? false,
+        deprecated: doc.data.deprecated ?? false,
+      });
+      return acc;
+    },
+    {} as Record<string, DocsGroupLink[]>,
+  );
 
   const docsGroups: DocsGroup[] = menu.docs.map(group => ({
     ...group,
diff --git a/packages/docs/src/pages/index.tsx b/packages/docs/src/pages/index.tsx
index c9ef2206..8bfca131 100644
--- a/packages/docs/src/pages/index.tsx
+++ b/packages/docs/src/pages/index.tsx
@@ -251,7 +251,10 @@ const StyledFeatureText = styled('div')`
 const Home = ({ docsGroups, searchablePages }: DocsMenuProps) => {
   const theme = useTheme();
 
-  const majorMinorThemes = useMemo(() => releases.filter(r => r.type !== 'patch'), []);
+  const majorMinorReleases = useMemo(
+    () => releases.filter(r => ['major', 'minor'].includes(r.type)),
+    [],
+  );
 
   return (
     <Page url="/" docsGroups={docsGroups} searchablePages={searchablePages} fullWidth>
@@ -328,11 +331,11 @@ const Home = ({ docsGroups, searchablePages }: DocsMenuProps) => {
           <Container>
             <StyledReleasesSectionContent>
               {[...Array(3)].map((_, index) => {
-                if (index >= majorMinorThemes.length) {
+                if (index >= majorMinorReleases.length) {
                   return null;
                 }
 
-                const release = majorMinorThemes[index];
+                const release = majorMinorReleases[index];
                 return (
                   <CardActionArea
                     key={release.version}
diff --git a/packages/docs/src/pages/releases.tsx b/packages/docs/src/pages/releases.tsx
index 941b7025..c95ce99d 100644
--- a/packages/docs/src/pages/releases.tsx
+++ b/packages/docs/src/pages/releases.tsx
@@ -6,6 +6,7 @@ import { styled } from '@mui/material/styles';
 import format from 'date-fns/format';
 import parseISO from 'date-fns/parseISO';
 import Link from 'next/link';
+import { useMemo } from 'react';
 
 import Container from '../components/layout/Container';
 import Page from '../components/layout/Page';
@@ -94,7 +95,33 @@ const StyledLink = styled(Link)(
   `,
 );
 
+function getVersionNumber(version: string): number {
+  return +version.replace('v', '');
+}
+
+function isNextVersion(latestMajorVersionNumber: number, version: string): boolean {
+  if (getVersionNumber(version) > latestMajorVersionNumber) {
+    return true;
+  }
+
+  return false;
+}
+
+function getMajorVersion(version: string): string {
+  return version.split('.')[0];
+}
+
 const Releases = ({ docsGroups, searchablePages }: DocsMenuProps) => {
+  const latestMajorVersion = useMemo(
+    () => getMajorVersion((releaseData.find(r => r.type === 'major') ?? releaseData[0]).version),
+    [],
+  );
+
+  const latestMajorVersionNumber = useMemo(
+    () => getVersionNumber(latestMajorVersion),
+    [latestMajorVersion],
+  );
+
   return (
     <Page url="/releases" docsGroups={docsGroups} searchablePages={searchablePages} fullWidth>
       <StyledReleaseContent>
@@ -125,31 +152,50 @@ const Releases = ({ docsGroups, searchablePages }: DocsMenuProps) => {
           </Container>
           <Container>
             <StyledReleaseLinksContent>
-              {releaseData.map(release => (
-                <StyledReleaseSection key={release.version}>
-                  <Typography variant="h3" color="primary.main">
-                    <strong>{release.version}</strong>
-                    &nbsp;&nbsp;
-                    <Box component="small" sx={{ fontSize: '16px', opacity: 0.75 }}>
-                      {format(parseISO(release.date), 'MMM dd, yyyy')}
-                    </Box>
-                  </Typography>
-                  <Typography
-                    variant="body1"
-                    component="div"
-                    color="inherit"
-                    sx={{ display: 'flex', flexDirection: 'column' }}
-                  >
-                    {isNotEmpty(release.description) ? release.description : null}
-                    <StyledLink
-                      href={`${config.repo_url}/releases/tag/${release.version}`}
-                      target="_blank"
+              {releaseData.map(release => {
+                const majorVersion = getMajorVersion(release.version);
+                const isNext = isNextVersion(latestMajorVersionNumber, majorVersion);
+
+                return (
+                  <StyledReleaseSection key={release.version}>
+                    <Typography variant="h3" color="primary.main">
+                      <strong>{release.version}</strong>
+                      &nbsp;&nbsp;
+                      <Box component="small" sx={{ fontSize: '16px', opacity: 0.75 }}>
+                        {format(parseISO(release.date), 'MMM dd, yyyy')}
+                      </Box>
+                    </Typography>
+                    <Typography
+                      variant="body1"
+                      component="div"
+                      color="inherit"
+                      sx={{ display: 'flex', flexDirection: 'column' }}
                     >
-                      Changelog
-                    </StyledLink>
-                  </Typography>
-                </StyledReleaseSection>
-              ))}
+                      {isNotEmpty(release.description) ? release.description : null}
+                      <Box sx={{ display: 'flex', gap: '8px' }}>
+                        <StyledLink
+                          href={`${config.repo_url}/releases/tag/${release.version}`}
+                          target="_blank"
+                        >
+                          Changelog
+                        </StyledLink>
+                        <StyledLink
+                          href={`https://${
+                            isNext
+                              ? 'next'
+                              : majorVersion !== latestMajorVersion
+                              ? majorVersion
+                              : 'www'
+                          }.staticcms.org/docs`}
+                          target={majorVersion !== latestMajorVersion ? '_blank' : undefined}
+                        >
+                          Docs
+                        </StyledLink>
+                      </Box>
+                    </Typography>
+                  </StyledReleaseSection>
+                );
+              })}
             </StyledReleaseLinksContent>
           </Container>
         </StyledReleaseLinks>
diff --git a/packages/tools/package.json b/packages/tools/package.json
index 7860d744..853b66dd 100644
--- a/packages/tools/package.json
+++ b/packages/tools/package.json
@@ -10,31 +10,29 @@
     "type-check": "tsc --watch"
   },
   "dependencies": {
-    "@staticcms/core": "^3.3.3",
+    "@staticcms/core": "^4.0.0-beta.0",
     "lodash": "4.17.21",
-    "prettier": "2.8.8",
+    "prettier": "3.0.3",
     "ts-node": "10.9.1",
-    "typescript": "5.0.4"
+    "typescript": "5.2.2"
   },
   "devDependencies": {
     "@types/common-tags": "1.8.1",
     "@types/create-react-class": "15.6.3",
     "@types/fs-extra": "11.0.1",
     "@types/is-hotkey": "0.1.7",
-    "@types/jest": "29.5.1",
-    "@types/js-yaml": "4.0.5",
+    "@types/jest": "29.5.5",
+    "@types/js-yaml": "4.0.6",
     "@types/jwt-decode": "2.2.1",
     "@types/lodash": "4.14.194",
     "@types/minimatch": "5.1.2",
-    "@types/node": "18.16.14",
-    "@types/node-fetch": "2.6.4",
-    "@types/react": "18.2.0",
-    "@types/react-color": "3.0.6",
-    "@types/react-dom": "18.2.1",
+    "@types/node": "18.17.19",
+    "@types/react": "18.2.25",
+    "@types/react-color": "3.0.7",
+    "@types/react-dom": "18.2.10",
     "@types/react-virtualized-auto-sizer": "1.0.1",
-    "@types/react-window": "1.8.5",
-    "@types/styled-components": "5.1.26",
+    "@types/react-window": "1.8.6",
     "@types/url-join": "4.0.1",
-    "@types/uuid": "9.0.1"
+    "@types/uuid": "9.0.4"
   }
 }
diff --git a/packages/tools/src/localeSync.ts b/packages/tools/src/localeSync.ts
index 2b87a65b..3f3982b8 100644
--- a/packages/tools/src/localeSync.ts
+++ b/packages/tools/src/localeSync.ts
@@ -8,8 +8,6 @@ import baseLocale from '@staticcms/core/locales/en';
 import type { BaseLocalePhrases, LocalePhrases, LocalePhrasesRoot } from '@staticcms/core/locales';
 import { readFileSync, writeFileSync } from 'fs';
 
-// const localesDir = "../core/src/locales";
-
 function processLocaleSection(
   baseSection: BaseLocalePhrases,
   localeSection: LocalePhrases,
@@ -28,7 +26,7 @@ function processLocaleSection(
   }, {} as LocalePhrasesRoot);
 }
 
-function processLocale(name: string, locale: LocalePhrasesRoot) {
+async function processLocale(name: string, locale: LocalePhrasesRoot) {
   const newLocale = Object.keys(baseLocale).reduce((acc, section) => {
     acc[section] = processLocaleSection(baseLocale[section], locale[section]);
 
@@ -37,7 +35,7 @@ function processLocale(name: string, locale: LocalePhrasesRoot) {
 
   const path = join(__dirname, '../../core/src/locales', name, `/index.ts`);
 
-  const formattedCode = prettier.format(
+  const formattedCode = await prettier.format(
     `import type { LocalePhrasesRoot } from '../types';
 
 const ${name}: LocalePhrasesRoot = ${JSON.stringify(
@@ -100,11 +98,13 @@ export default ${name};
 }
 
 (async function () {
-  Object.keys(locales).forEach(locale => {
+  for (const locale in locales) {
     if (locale === 'en') {
-      return;
+      continue;
     }
 
-    processLocale(locale, locales[locale]);
-  });
+    console.info(`Processing locale "${locale}"`);
+
+    await processLocale(locale, locales[locale]);
+  }
 })();
diff --git a/tailwind.base.config.js b/tailwind.base.config.js
index fdfef24b..95c20cca 100644
--- a/tailwind.base.config.js
+++ b/tailwind.base.config.js
@@ -5,6 +5,7 @@ module.exports = {
       height: {
         main: "calc(100dvh - 64px)",
         "main-mobile": "calc(100dvh - 128px)",
+        "main-mobile-workflow": "calc(100dvh - 179px)",
         "media-library-dialog": "80vh",
         "media-card": "240px",
         "media-preview-image": "104px",
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 00000000..abde2200
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,63 @@
+{
+  "compilerOptions": {
+    "sourceMap": false,
+    "declaration": true,
+    "declarationDir": "dist",
+    "emitDeclarationOnly": true,
+    "jsx": "react",
+    "target": "ES2020",
+    "module": "ES2020",
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "preserveSymlinks": true,
+    "noEmit": false,
+    "strict": true,
+    "isolatedModules": true,
+    "skipLibCheck": true,
+    "allowJs": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "baseUrl": "./",
+    "lib": ["DOM", "es6", "ES2015", "ES2020"],
+    "paths": {
+      "@staticcms/boolean": ["./packages/core/src/widgets/boolean"],
+      "@staticcms/boolean/*": ["./packages/core/src/widgets/boolean/*"],
+      "@staticcms/code": ["./packages/core/src/widgets/code"],
+      "@staticcms/code/*": ["./packages/core/src/widgets/code/*"],
+      "@staticcms/colorstring": ["./packages/core/src/widgets/colorstring"],
+      "@staticcms/colorstring/*": ["./packages/core/src/widgets/colorstring/*"],
+      "@staticcms/datetime": ["./packages/core/src/widgets/datetime"],
+      "@staticcms/datetime/*": ["./packages/core/src/widgets/datetime/*"],
+      "@staticcms/file": ["./packages/core/src/widgets/file"],
+      "@staticcms/file/*": ["./packages/core/src/widgets/file/*"],
+      "@staticcms/image": ["./packages/core/src/widgets/image"],
+      "@staticcms/image/*": ["./packages/core/src/widgets/image/*"],
+      "@staticcms/list": ["./packages/core/src/widgets/list"],
+      "@staticcms/list/*": ["./packages/core/src/widgets/list/*"],
+      "@staticcms/map": ["./packages/core/src/widgets/map"],
+      "@staticcms/map/*": ["./packages/core/src/widgets/map/*"],
+      "@staticcms/markdown": ["./packages/core/src/widgets/markdown"],
+      "@staticcms/markdown/*": ["./packages/core/src/widgets/markdown/*"],
+      "@staticcms/number": ["./packages/core/src/widgets/number"],
+      "@staticcms/number/*": ["./packages/core/src/widgets/number/*"],
+      "@staticcms/object": ["./packages/core/src/widgets/object"],
+      "@staticcms/object/*": ["./packages/core/src/widgets/object/*"],
+      "@staticcms/relation": ["./packages/core/src/widgets/relation"],
+      "@staticcms/relation/*": ["./packages/core/src/widgets/relation/*"],
+      "@staticcms/select": ["./packages/core/src/widgets/select"],
+      "@staticcms/select/*": ["./packages/core/src/widgets/select/*"],
+      "@staticcms/string": ["./packages/core/src/widgets/string"],
+      "@staticcms/string/*": ["./packages/core/src/widgets/string/*"],
+      "@staticcms/text": ["./packages/core/src/widgets/text"],
+      "@staticcms/text/*": ["./packages/core/src/widgets/text/*"],
+      "@staticcms/test": ["./packages/core/test"],
+      "@staticcms/test/*": ["./packages/core/test/*"],
+      "@staticcms/core": ["./packages/core/src"],
+      "@staticcms/core/*": ["./packages/core/src/*"],
+      "@staticcms/cypress": ["./cypress"],
+      "@staticcms/cypress/*": ["./cypress/*"]
+    },
+    "types": ["@types/jest", "@testing-library/jest-dom", "cypress", "node", "mocha", "cypress-real-events"]
+  },
+  "include": ["cypress/**/*.*"]
+}
diff --git a/yarn.lock b/yarn.lock
index 7e961c6e..cb336acb 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,11 +2,21 @@
 # yarn lockfile v1
 
 
-"@adobe/css-tools@^4.0.1":
+"@aashutoshrathi/word-wrap@^1.2.3":
+  version "1.2.6"
+  resolved "https://registry.yarnpkg.com/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz#bd9154aec9983f77b3a034ecaa015c2e4201f6cf"
+  integrity sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==
+
+"@adobe/css-tools@^4.3.0":
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/@adobe/css-tools/-/css-tools-4.3.1.tgz#abfccb8ca78075a2b6187345c26243c1a0842f28"
   integrity sha512-/62yikz7NLScCGAAST5SHdnjaDJQBDq0M2muyRTpf2VQhw6StBg2ALiu73zSJQ4fMVLA+0uBhBHAle7Wg+2kSg==
 
+"@alloc/quick-lru@^5.2.0":
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/@alloc/quick-lru/-/quick-lru-5.2.0.tgz#7bf68b20c0a350f936915fcae06f58e32007ce30"
+  integrity sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==
+
 "@ampproject/remapping@^2.2.0":
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.2.1.tgz#99e8e11851128b8702cd57c33684f1d0f260b630"
@@ -24,14 +34,14 @@
     jsonpointer "^5.0.0"
     leven "^3.1.0"
 
-"@babel/cli@7.21.0":
-  version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.21.0.tgz#1868eb70e9824b427fc607610cce8e9e7889e7e1"
-  integrity sha512-xi7CxyS8XjSyiwUGCfwf+brtJxjW1/ZTcBUkP10xawIEXLX5HzLn+3aXkgxozcP2UhRhtKTmQurw9Uaes7jZrA==
+"@babel/cli@7.23.0":
+  version "7.23.0"
+  resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.23.0.tgz#1d7f37c44d4117c67df46749e0c86e11a58cc64b"
+  integrity sha512-17E1oSkGk2IwNILM4jtfAvgjt+ohmpfBky8aLerUfYZhiPNg7ca+CRCxZn8QDxwNhV/upsc2VHBCqGFIR+iBfA==
   dependencies:
     "@jridgewell/trace-mapping" "^0.3.17"
     commander "^4.0.1"
-    convert-source-map "^1.1.0"
+    convert-source-map "^2.0.0"
     fs-readdir-recursive "^1.1.0"
     glob "^7.2.0"
     make-dir "^2.1.0"
@@ -47,6 +57,14 @@
   dependencies:
     "@babel/highlight" "^7.18.6"
 
+"@babel/code-frame@^7.22.13":
+  version "7.22.13"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.22.13.tgz#e3c1c099402598483b7a8c46a721d1038803755e"
+  integrity sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==
+  dependencies:
+    "@babel/highlight" "^7.22.13"
+    chalk "^2.4.2"
+
 "@babel/compat-data@^7.17.7", "@babel/compat-data@^7.20.5", "@babel/compat-data@^7.21.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.21.4.tgz#457ffe647c480dff59c2be092fc3acf71195c87f"
@@ -57,7 +75,33 @@
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.21.7.tgz#61caffb60776e49a57ba61a88f02bedd8714f6bc"
   integrity sha512-KYMqFYTaenzMK4yUtf4EW9wc4N9ef80FsbMtkwool5zpwl4YrT1SdWYSTRcT94KO4hannogdS+LxY7L+arP3gA==
 
-"@babel/core@7.21.4", "@babel/core@^7.11.1", "@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.4.5":
+"@babel/compat-data@^7.22.20", "@babel/compat-data@^7.22.6", "@babel/compat-data@^7.22.9":
+  version "7.22.20"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.22.20.tgz#8df6e96661209623f1975d66c35ffca66f3306d0"
+  integrity sha512-BQYjKbpXjoXwFW5jGqiizJQQT/aC7pFm9Ok1OWssonuguICi264lbgMzRp2ZMmRSlfkX6DsWDDcsrctK8Rwfiw==
+
+"@babel/core@7.23.0":
+  version "7.23.0"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.23.0.tgz#f8259ae0e52a123eb40f552551e647b506a94d83"
+  integrity sha512-97z/ju/Jy1rZmDxybphrBuI+jtJjFVoz7Mr9yUQVVVi+DNZE333uFQeMOqcCIy1x3WYBIbWftUSLmbNXNT7qFQ==
+  dependencies:
+    "@ampproject/remapping" "^2.2.0"
+    "@babel/code-frame" "^7.22.13"
+    "@babel/generator" "^7.23.0"
+    "@babel/helper-compilation-targets" "^7.22.15"
+    "@babel/helper-module-transforms" "^7.23.0"
+    "@babel/helpers" "^7.23.0"
+    "@babel/parser" "^7.23.0"
+    "@babel/template" "^7.22.15"
+    "@babel/traverse" "^7.23.0"
+    "@babel/types" "^7.23.0"
+    convert-source-map "^2.0.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.3"
+    semver "^6.3.1"
+
+"@babel/core@^7.11.1", "@babel/core@^7.11.6", "@babel/core@^7.12.3", "@babel/core@^7.4.5":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.21.4.tgz#c6dc73242507b8e2a27fd13a9c1814f9fa34a659"
   integrity sha512-qt/YV149Jman/6AfmlxJ04LMIu8bMoyl3RB91yTFrxQmgbrSvQMy7cI8Q62FHx1t8wJ8B5fu0UDoLwHAhUo1QA==
@@ -99,14 +143,14 @@
     json5 "^2.2.2"
     semver "^6.3.0"
 
-"@babel/eslint-parser@7.21.3":
-  version "7.21.3"
-  resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.21.3.tgz#d79e822050f2de65d7f368a076846e7184234af7"
-  integrity sha512-kfhmPimwo6k4P8zxNs8+T7yR44q1LdpsZdE1NkCsVlfiuTPRfnGgjaF8Qgug9q9Pou17u6wneYF0lDCZJATMFg==
+"@babel/eslint-parser@7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.22.15.tgz#263f059c476e29ca4972481a17b8b660cb025a34"
+  integrity sha512-yc8OOBIQk1EcRrpizuARSQS0TWAcOMpEJ1aafhNznaeYkeL+OhqnDObGFylB8ka8VFF/sZc+S4RzHyO+3LjQxg==
   dependencies:
     "@nicolo-ribaudo/eslint-scope-5-internals" "5.1.1-v1"
     eslint-visitor-keys "^2.1.0"
-    semver "^6.3.0"
+    semver "^6.3.1"
 
 "@babel/generator@^7.21.4", "@babel/generator@^7.7.2":
   version "7.21.4"
@@ -128,13 +172,30 @@
     "@jridgewell/trace-mapping" "^0.3.17"
     jsesc "^2.5.1"
 
-"@babel/helper-annotate-as-pure@^7.16.0", "@babel/helper-annotate-as-pure@^7.18.6":
+"@babel/generator@^7.23.0":
+  version "7.23.0"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.23.0.tgz#df5c386e2218be505b34837acbcb874d7a983420"
+  integrity sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==
+  dependencies:
+    "@babel/types" "^7.23.0"
+    "@jridgewell/gen-mapping" "^0.3.2"
+    "@jridgewell/trace-mapping" "^0.3.17"
+    jsesc "^2.5.1"
+
+"@babel/helper-annotate-as-pure@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz#eaa49f6f80d5a33f9a5dd2276e6d6e451be0a6bb"
   integrity sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA==
   dependencies:
     "@babel/types" "^7.18.6"
 
+"@babel/helper-annotate-as-pure@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz#e7f06737b197d580a01edf75d97e2c8be99d3882"
+  integrity sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
 "@babel/helper-builder-binary-assignment-operator-visitor@^7.18.6":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.18.9.tgz#acd4edfd7a566d1d51ea975dff38fd52906981bb"
@@ -143,6 +204,13 @@
     "@babel/helper-explode-assignable-expression" "^7.18.6"
     "@babel/types" "^7.18.9"
 
+"@babel/helper-builder-binary-assignment-operator-visitor@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz#5426b109cf3ad47b91120f8328d8ab1be8b0b956"
+  integrity sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==
+  dependencies:
+    "@babel/types" "^7.22.15"
+
 "@babel/helper-compilation-targets@^7.17.7", "@babel/helper-compilation-targets@^7.18.9", "@babel/helper-compilation-targets@^7.20.7", "@babel/helper-compilation-targets@^7.21.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.21.4.tgz#770cd1ce0889097ceacb99418ee6934ef0572656"
@@ -165,6 +233,17 @@
     lru-cache "^5.1.1"
     semver "^6.3.0"
 
+"@babel/helper-compilation-targets@^7.22.15", "@babel/helper-compilation-targets@^7.22.5", "@babel/helper-compilation-targets@^7.22.6":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz#0698fc44551a26cf29f18d4662d5bf545a6cfc52"
+  integrity sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==
+  dependencies:
+    "@babel/compat-data" "^7.22.9"
+    "@babel/helper-validator-option" "^7.22.15"
+    browserslist "^4.21.9"
+    lru-cache "^5.1.1"
+    semver "^6.3.1"
+
 "@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.21.0":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.21.4.tgz#3a017163dc3c2ba7deb9a7950849a9586ea24c18"
@@ -179,6 +258,21 @@
     "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0"
     "@babel/helper-split-export-declaration" "^7.18.6"
 
+"@babel/helper-create-class-features-plugin@^7.22.11", "@babel/helper-create-class-features-plugin@^7.22.15", "@babel/helper-create-class-features-plugin@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.15.tgz#97a61b385e57fe458496fad19f8e63b63c867de4"
+  integrity sha512-jKkwA59IXcvSaiK2UN45kKwSC9o+KuoXsBDvHvU/7BecYIp8GQ2UwrVvFgJASUT+hBnwJx6MhvMCuMzwZZ7jlg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/helper-member-expression-to-functions" "^7.22.15"
+    "@babel/helper-optimise-call-expression" "^7.22.5"
+    "@babel/helper-replace-supers" "^7.22.9"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    semver "^6.3.1"
+
 "@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.20.5":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.21.4.tgz#40411a8ab134258ad2cf3a3d987ec6aa0723cee5"
@@ -187,6 +281,15 @@
     "@babel/helper-annotate-as-pure" "^7.18.6"
     regexpu-core "^5.3.1"
 
+"@babel/helper-create-regexp-features-plugin@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz#5ee90093914ea09639b01c711db0d6775e558be1"
+  integrity sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    regexpu-core "^5.3.1"
+    semver "^6.3.1"
+
 "@babel/helper-define-polyfill-provider@^0.3.3":
   version "0.3.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.3.3.tgz#8612e55be5d51f0cd1f36b4a5a83924e89884b7a"
@@ -199,6 +302,17 @@
     resolve "^1.14.2"
     semver "^6.1.2"
 
+"@babel/helper-define-polyfill-provider@^0.4.2":
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.2.tgz#82c825cadeeeee7aad237618ebbe8fa1710015d7"
+  integrity sha512-k0qnnOqHn5dK9pZpfD5XXZ9SojAITdCKRn2Lp6rnDGzIbaP0rHyMPk/4wsSxVBVz4RfN0q6VpXWP2pDGIoQ7hw==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.22.6"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    debug "^4.1.1"
+    lodash.debounce "^4.0.8"
+    resolve "^1.14.2"
+
 "@babel/helper-environment-visitor@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz#0c0cee9b35d2ca190478756865bb3528422f51be"
@@ -209,6 +323,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.21.5.tgz#c769afefd41d171836f7cb63e295bedf689d48ba"
   integrity sha512-IYl4gZ3ETsWocUWgsFZLM5i1BYx9SoemminVEXadgLBa9TdeorzgLKm8wWLA6J1N/kT3Kch8XIk1laNzYoHKvQ==
 
+"@babel/helper-environment-visitor@^7.22.20", "@babel/helper-environment-visitor@^7.22.5":
+  version "7.22.20"
+  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz#96159db61d34a29dba454c959f5ae4a649ba9167"
+  integrity sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==
+
 "@babel/helper-explode-assignable-expression@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.18.6.tgz#41f8228ef0a6f1a036b8dfdfec7ce94f9a6bc096"
@@ -224,6 +343,14 @@
     "@babel/template" "^7.20.7"
     "@babel/types" "^7.21.0"
 
+"@babel/helper-function-name@^7.22.5", "@babel/helper-function-name@^7.23.0":
+  version "7.23.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz#1f9a3cdbd5b2698a670c30d2735f9af95ed52759"
+  integrity sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==
+  dependencies:
+    "@babel/template" "^7.22.15"
+    "@babel/types" "^7.23.0"
+
 "@babel/helper-hoist-variables@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz#d4d2c8fb4baeaa5c68b99cc8245c56554f926678"
@@ -231,6 +358,13 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
+"@babel/helper-hoist-variables@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz#c01a007dac05c085914e8fb652b339db50d823bb"
+  integrity sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
 "@babel/helper-member-expression-to-functions@^7.20.7", "@babel/helper-member-expression-to-functions@^7.21.0":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.21.0.tgz#319c6a940431a133897148515877d2f3269c3ba5"
@@ -238,7 +372,21 @@
   dependencies:
     "@babel/types" "^7.21.0"
 
-"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.0.0-beta.49", "@babel/helper-module-imports@^7.10.4", "@babel/helper-module-imports@^7.16.0", "@babel/helper-module-imports@^7.16.7", "@babel/helper-module-imports@^7.18.6", "@babel/helper-module-imports@^7.21.4":
+"@babel/helper-member-expression-to-functions@^7.22.15":
+  version "7.23.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.23.0.tgz#9263e88cc5e41d39ec18c9a3e0eced59a3e7d366"
+  integrity sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==
+  dependencies:
+    "@babel/types" "^7.23.0"
+
+"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.22.15", "@babel/helper-module-imports@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz#16146307acdc40cc00c3b2c647713076464bdbf0"
+  integrity sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==
+  dependencies:
+    "@babel/types" "^7.22.15"
+
+"@babel/helper-module-imports@^7.0.0-beta.49", "@babel/helper-module-imports@^7.10.4", "@babel/helper-module-imports@^7.16.7", "@babel/helper-module-imports@^7.18.6", "@babel/helper-module-imports@^7.21.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.21.4.tgz#ac88b2f76093637489e718a90cec6cf8a9b029af"
   integrity sha512-orajc5T2PsRYUN3ZryCEFeMDYwyw09c/pZeaQEZPH0MpKzSvn3e0uXsDBu3k03VI+9DBiRo+l22BfKTpKwa/Wg==
@@ -273,6 +421,17 @@
     "@babel/traverse" "^7.21.5"
     "@babel/types" "^7.21.5"
 
+"@babel/helper-module-transforms@^7.22.5", "@babel/helper-module-transforms@^7.23.0":
+  version "7.23.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.23.0.tgz#3ec246457f6c842c0aee62a01f60739906f7047e"
+  integrity sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.22.20"
+    "@babel/helper-module-imports" "^7.22.15"
+    "@babel/helper-simple-access" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    "@babel/helper-validator-identifier" "^7.22.20"
+
 "@babel/helper-optimise-call-expression@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.18.6.tgz#9369aa943ee7da47edab2cb4e838acf09d290ffe"
@@ -280,11 +439,23 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
+"@babel/helper-optimise-call-expression@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz#f21531a9ccbff644fdd156b4077c16ff0c3f609e"
+  integrity sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
 "@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.16.7", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.18.9", "@babel/helper-plugin-utils@^7.19.0", "@babel/helper-plugin-utils@^7.20.2", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
   version "7.20.2"
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.20.2.tgz#d1b9000752b18d0877cff85a5c376ce5c3121629"
   integrity sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ==
 
+"@babel/helper-plugin-utils@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz#dd7ee3735e8a313b9f7b05a773d892e88e6d7295"
+  integrity sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==
+
 "@babel/helper-remap-async-to-generator@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.18.9.tgz#997458a0e3357080e54e1d79ec347f8a8cd28519"
@@ -295,6 +466,15 @@
     "@babel/helper-wrap-function" "^7.18.9"
     "@babel/types" "^7.18.9"
 
+"@babel/helper-remap-async-to-generator@^7.22.5", "@babel/helper-remap-async-to-generator@^7.22.9":
+  version "7.22.20"
+  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz#7b68e1cb4fa964d2996fd063723fb48eca8498e0"
+  integrity sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-environment-visitor" "^7.22.20"
+    "@babel/helper-wrap-function" "^7.22.20"
+
 "@babel/helper-replace-supers@^7.18.6", "@babel/helper-replace-supers@^7.20.7":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.20.7.tgz#243ecd2724d2071532b2c8ad2f0f9f083bcae331"
@@ -307,6 +487,15 @@
     "@babel/traverse" "^7.20.7"
     "@babel/types" "^7.20.7"
 
+"@babel/helper-replace-supers@^7.22.5", "@babel/helper-replace-supers@^7.22.9":
+  version "7.22.20"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.22.20.tgz#e37d367123ca98fe455a9887734ed2e16eb7a793"
+  integrity sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.22.20"
+    "@babel/helper-member-expression-to-functions" "^7.22.15"
+    "@babel/helper-optimise-call-expression" "^7.22.5"
+
 "@babel/helper-simple-access@^7.20.2":
   version "7.20.2"
   resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.20.2.tgz#0ab452687fe0c2cfb1e2b9e0015de07fc2d62dd9"
@@ -321,6 +510,13 @@
   dependencies:
     "@babel/types" "^7.21.5"
 
+"@babel/helper-simple-access@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz#4938357dc7d782b80ed6dbb03a0fba3d22b1d5de"
+  integrity sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
 "@babel/helper-skip-transparent-expression-wrappers@^7.20.0":
   version "7.20.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.20.0.tgz#fbe4c52f60518cab8140d77101f0e63a8a230684"
@@ -328,6 +524,13 @@
   dependencies:
     "@babel/types" "^7.20.0"
 
+"@babel/helper-skip-transparent-expression-wrappers@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz#007f15240b5751c537c40e77abb4e89eeaaa8847"
+  integrity sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
 "@babel/helper-split-export-declaration@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz#7367949bc75b20c6d5a5d4a97bba2824ae8ef075"
@@ -335,6 +538,13 @@
   dependencies:
     "@babel/types" "^7.18.6"
 
+"@babel/helper-split-export-declaration@^7.22.6":
+  version "7.22.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz#322c61b7310c0997fe4c323955667f18fcefb91c"
+  integrity sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
 "@babel/helper-string-parser@^7.19.4":
   version "7.19.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz#38d3acb654b4701a9b77fb0615a96f775c3a9e63"
@@ -345,16 +555,31 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.21.5.tgz#2b3eea65443c6bdc31c22d037c65f6d323b6b2bd"
   integrity sha512-5pTUx3hAJaZIdW99sJ6ZUUgWq/Y+Hja7TowEnLNMm1VivRgZQL3vpBY3qUACVsvw+yQU6+YgfBVmcbLaZtrA1w==
 
+"@babel/helper-string-parser@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz#533f36457a25814cf1df6488523ad547d784a99f"
+  integrity sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==
+
 "@babel/helper-validator-identifier@^7.18.6", "@babel/helper-validator-identifier@^7.19.1":
   version "7.19.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz#7eea834cf32901ffdc1a7ee555e2f9c27e249ca2"
   integrity sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==
 
+"@babel/helper-validator-identifier@^7.22.20", "@babel/helper-validator-identifier@^7.22.5":
+  version "7.22.20"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz#c4ae002c61d2879e724581d96665583dbc1dc0e0"
+  integrity sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==
+
 "@babel/helper-validator-option@^7.18.6", "@babel/helper-validator-option@^7.21.0":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.21.0.tgz#8224c7e13ace4bafdc4004da2cf064ef42673180"
   integrity sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==
 
+"@babel/helper-validator-option@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.22.15.tgz#694c30dfa1d09a6534cdfcafbe56789d36aba040"
+  integrity sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==
+
 "@babel/helper-wrap-function@^7.18.9":
   version "7.20.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.20.5.tgz#75e2d84d499a0ab3b31c33bcfe59d6b8a45f62e3"
@@ -365,6 +590,15 @@
     "@babel/traverse" "^7.20.5"
     "@babel/types" "^7.20.5"
 
+"@babel/helper-wrap-function@^7.22.20":
+  version "7.22.20"
+  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz#15352b0b9bfb10fc9c76f79f6342c00e3411a569"
+  integrity sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==
+  dependencies:
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/template" "^7.22.15"
+    "@babel/types" "^7.22.19"
+
 "@babel/helpers@^7.21.0":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.21.0.tgz#9dd184fb5599862037917cdc9eecb84577dc4e7e"
@@ -383,6 +617,15 @@
     "@babel/traverse" "^7.21.5"
     "@babel/types" "^7.21.5"
 
+"@babel/helpers@^7.23.0":
+  version "7.23.1"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.23.1.tgz#44e981e8ce2b9e99f8f0b703f3326a4636c16d15"
+  integrity sha512-chNpneuK18yW5Oxsr+t553UZzzAs3aZnFm4bxhebsNTeshrC95yA7l5yl7GBAG+JG1rF0F7zzD2EixK9mWSDoA==
+  dependencies:
+    "@babel/template" "^7.22.15"
+    "@babel/traverse" "^7.23.0"
+    "@babel/types" "^7.23.0"
+
 "@babel/highlight@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.18.6.tgz#81158601e93e2563795adcbfbdf5d64be3f2ecdf"
@@ -392,6 +635,15 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
+"@babel/highlight@^7.22.13":
+  version "7.22.20"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.20.tgz#4ca92b71d80554b01427815e06f2df965b9c1f54"
+  integrity sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.22.20"
+    chalk "^2.4.2"
+    js-tokens "^4.0.0"
+
 "@babel/parser@^7.0.0", "@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.21.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.21.4.tgz#94003fdfc520bbe2875d4ae557b43ddb6d880f17"
@@ -402,6 +654,11 @@
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.21.8.tgz#642af7d0333eab9c0ad70b14ac5e76dbde7bfdf8"
   integrity sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA==
 
+"@babel/parser@^7.22.15", "@babel/parser@^7.23.0":
+  version "7.23.0"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.23.0.tgz#da950e622420bf96ca0d0f2909cdddac3acd8719"
+  integrity sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==
+
 "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.18.6.tgz#da5b8f9a580acdfbe53494dba45ea389fb09a4d2"
@@ -409,6 +666,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.22.15.tgz#02dc8a03f613ed5fdc29fb2f728397c78146c962"
+  integrity sha512-FB9iYlz7rURmRJyXRKEnalYPPdn87H5no108cyuQQyMwlpJ2SJtpIUBI27kdTin956pz+LPypkPVPUTlxOmrsg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.20.7":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.20.7.tgz#d9c85589258539a22a901033853101a6198d4ef1"
@@ -418,6 +682,15 @@
     "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0"
     "@babel/plugin-proposal-optional-chaining" "^7.20.7"
 
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.22.15.tgz#2aeb91d337d4e1a1e7ce85b76a37f5301781200f"
+  integrity sha512-Hyph9LseGvAeeXzikV88bczhsrLrIZqDPxO+sSmAunMPaGrBGhfMWzCPYTtiW9t+HzSE2wtV8e5cc5P6r1xMDQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/plugin-transform-optional-chaining" "^7.22.15"
+
 "@babel/plugin-proposal-async-generator-functions@^7.20.7":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.20.7.tgz#bfb7276d2d573cb67ba379984a2334e262ba5326"
@@ -453,13 +726,13 @@
     "@babel/helper-plugin-utils" "^7.18.6"
     "@babel/plugin-syntax-dynamic-import" "^7.8.3"
 
-"@babel/plugin-proposal-export-default-from@7.18.10":
-  version "7.18.10"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-default-from/-/plugin-proposal-export-default-from-7.18.10.tgz#091f4794dbce4027c03cf4ebc64d3fb96b75c206"
-  integrity sha512-5H2N3R2aQFxkV4PIBUR/i7PUSwgTZjouJKzI8eKswfIjT0PhvzkPn0t0wIS5zn6maQuvtT0t1oHtMUz61LOuow==
+"@babel/plugin-proposal-export-default-from@7.22.17":
+  version "7.22.17"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-default-from/-/plugin-proposal-export-default-from-7.22.17.tgz#91b60cd338f501cccdf549af2308768911ec5fbb"
+  integrity sha512-cop/3quQBVvdz6X5SJC6AhUv3C9DrVTM06LUEXimEdWAhCSyOJIr9NiZDU9leHZ0/aiG0Sh7Zmvaku5TWYNgbA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.9"
-    "@babel/plugin-syntax-export-default-from" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-export-default-from" "^7.22.5"
 
 "@babel/plugin-proposal-export-namespace-from@^7.18.9":
   version "7.18.9"
@@ -537,6 +810,11 @@
     "@babel/helper-create-class-features-plugin" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2":
+  version "7.21.0-placeholder-for-preset-env.2"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz#7844f9289546efa9febac2de4cfe358a050bd703"
+  integrity sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==
+
 "@babel/plugin-proposal-private-property-in-object@^7.21.0":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0.tgz#19496bd9883dd83c23c7d7fc45dcd9ad02dfa1dc"
@@ -590,12 +868,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-export-default-from@^7.18.6":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-export-default-from/-/plugin-syntax-export-default-from-7.18.6.tgz#8df076711a4818c4ce4f23e61d622b0ba2ff84bc"
-  integrity sha512-Kr//z3ujSVNx6E9z9ih5xXXMqK07VVTuqPmqGe6Mss/zW5XPeLZeSDZoP9ab/hT4wPKqAgjl2PnhPrcpk8Seew==
+"@babel/plugin-syntax-export-default-from@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-export-default-from/-/plugin-syntax-export-default-from-7.22.5.tgz#ac3a24b362a04415a017ab96b9b4483d0e2a6e44"
+  integrity sha512-ODAqWWXB/yReh/jVQDag/3/tl6lgBueQkk/TcfW/59Oykm4c8a55XloX0CTk2k2VJiFWMgHby9xNX29IbCv9dQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
 "@babel/plugin-syntax-export-namespace-from@^7.8.3":
   version "7.8.3"
@@ -604,12 +882,12 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.3"
 
-"@babel/plugin-syntax-flow@7.21.4":
-  version "7.21.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.21.4.tgz#3e37fca4f06d93567c1cd9b75156422e90a67107"
-  integrity sha512-l9xd3N+XG4fZRxEP3vXdK6RW7vN1Uf5dxzRC/09wV86wqZ/YYQooBIGNsiRdfNR3/q2/5pPzV4B54J/9ctX5jw==
+"@babel/plugin-syntax-flow@7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.22.5.tgz#163b820b9e7696ce134df3ee716d9c0c98035859"
+  integrity sha512-9RdCl0i+q0QExayk2nOS7853w08yLucnnPML6EN9S8fgMPVtdLDCdx/cOQ/i44Lb9UeQX9A35yaqBBOMMZxPxQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.20.2"
+    "@babel/helper-plugin-utils" "^7.22.5"
 
 "@babel/plugin-syntax-import-assertions@^7.20.0":
   version "7.20.0"
@@ -618,7 +896,21 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.19.0"
 
-"@babel/plugin-syntax-import-meta@^7.8.3":
+"@babel/plugin-syntax-import-assertions@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.22.5.tgz#07d252e2aa0bc6125567f742cd58619cb14dce98"
+  integrity sha512-rdV97N7KqsRzeNGoWUOK6yUsWarLjE5Su/Snk9IYPU9CwkWHs4t+rTGOvffTR8XGkJMTAdLfO0xVnXm8wugIJg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-syntax-import-attributes@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.22.5.tgz#ab840248d834410b829f569f5262b9e517555ecb"
+  integrity sha512-KwvoWDeNKPETmozyFE0P2rOLqh39EoQHNjqizrI5B8Vt0ZNS7M56s7dAiAqbYfiAYOuIzIh96z3iR2ktgu3tEg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-syntax-import-meta@^7.10.4", "@babel/plugin-syntax-import-meta@^7.8.3":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51"
   integrity sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==
@@ -632,13 +924,20 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-jsx@^7.17.12", "@babel/plugin-syntax-jsx@^7.18.6", "@babel/plugin-syntax-jsx@^7.2.0", "@babel/plugin-syntax-jsx@^7.21.4", "@babel/plugin-syntax-jsx@^7.7.2":
+"@babel/plugin-syntax-jsx@^7.18.6", "@babel/plugin-syntax-jsx@^7.2.0", "@babel/plugin-syntax-jsx@^7.7.2":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.21.4.tgz#f264ed7bf40ffc9ec239edabc17a50c4f5b6fea2"
   integrity sha512-5hewiLct5OKyh6PLKEYaFclcqtIgCb6bmELouxjF6up5q3Sov7rOayW4RwhbaBL0dit8rA80GNfY+UuDp2mBbQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.20.2"
 
+"@babel/plugin-syntax-jsx@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.22.5.tgz#a6b68e84fb76e759fc3b93e901876ffabbe1d918"
+  integrity sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-syntax-logical-assignment-operators@^7.10.4", "@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
@@ -695,13 +994,28 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.14.5"
 
-"@babel/plugin-syntax-typescript@^7.20.0", "@babel/plugin-syntax-typescript@^7.7.2":
+"@babel/plugin-syntax-typescript@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.22.5.tgz#aac8d383b062c5072c647a31ef990c1d0af90272"
+  integrity sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-syntax-typescript@^7.7.2":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.21.4.tgz#2751948e9b7c6d771a8efa59340c15d4a2891ff8"
   integrity sha512-xz0D39NvhQn4t4RNsHmDnnsaQizIlUkdtYvLs8La1BlfjQ6JEwxkJGeqJMW2tAXx+q6H+WFuUTXNdYVpEya0YA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.20.2"
 
+"@babel/plugin-syntax-unicode-sets-regex@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz#d49a3b3e6b52e5be6740022317580234a6a47357"
+  integrity sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.18.6"
+
 "@babel/plugin-transform-arrow-functions@^7.20.7":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.20.7.tgz#bea332b0e8b2dab3dafe55a163d8227531ab0551"
@@ -709,6 +1023,23 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.20.2"
 
+"@babel/plugin-transform-arrow-functions@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.22.5.tgz#e5ba566d0c58a5b2ba2a8b795450641950b71958"
+  integrity sha512-26lTNXoVRdAnsaDXPpvCNUq+OVWEVC6bx7Vvz9rC53F2bagUWW4u4ii2+h8Fejfh7RYqPxn+libeFBBck9muEw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-async-generator-functions@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.22.15.tgz#3b153af4a6b779f340d5b80d3f634f55820aefa3"
+  integrity sha512-jBm1Es25Y+tVoTi5rfd5t1KLmL8ogLKpXszboWOTTtGFGz2RKnQe2yn7HbZ+kb/B8N0FVSGQo874NSlOU1T4+w==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-remap-async-to-generator" "^7.22.9"
+    "@babel/plugin-syntax-async-generators" "^7.8.4"
+
 "@babel/plugin-transform-async-to-generator@^7.20.7":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.20.7.tgz#dfee18623c8cb31deb796aa3ca84dda9cea94354"
@@ -718,6 +1049,15 @@
     "@babel/helper-plugin-utils" "^7.20.2"
     "@babel/helper-remap-async-to-generator" "^7.18.9"
 
+"@babel/plugin-transform-async-to-generator@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.22.5.tgz#c7a85f44e46f8952f6d27fe57c2ed3cc084c3775"
+  integrity sha512-b1A8D8ZzE/VhNDoV1MSJTnpKkCG5bJo+19R4o4oy03zM7ws8yEMK755j61Dc3EyvdysbqH5BOOTquJ7ZX9C6vQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-remap-async-to-generator" "^7.22.5"
+
 "@babel/plugin-transform-block-scoped-functions@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.18.6.tgz#9187bf4ba302635b9d70d986ad70f038726216a8"
@@ -725,6 +1065,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-transform-block-scoped-functions@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.22.5.tgz#27978075bfaeb9fa586d3cb63a3d30c1de580024"
+  integrity sha512-tdXZ2UdknEKQWKJP1KMNmuF5Lx3MymtMN/pvA+p/VEkhK8jVcQ1fzSy8KM9qRYhAf2/lV33hoMPKI/xaI9sADA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-block-scoping@^7.21.0":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.21.0.tgz#e737b91037e5186ee16b76e7ae093358a5634f02"
@@ -732,6 +1079,30 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.20.2"
 
+"@babel/plugin-transform-block-scoping@^7.22.15":
+  version "7.23.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.23.0.tgz#8744d02c6c264d82e1a4bc5d2d501fd8aff6f022"
+  integrity sha512-cOsrbmIOXmf+5YbL99/S49Y3j46k/T16b9ml8bm9lP6N9US5iQ2yBK7gpui1pg0V/WMcXdkfKbTb7HXq9u+v4g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-class-properties@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.22.5.tgz#97a56e31ad8c9dc06a0b3710ce7803d5a48cca77"
+  integrity sha512-nDkQ0NfkOhPTq8YCLiWNxp1+f9fCobEjCb0n8WdbNUBc4IB5V7P1QnX9IjpSoquKrXF5SKojHleVNs2vGeHCHQ==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-class-static-block@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.22.11.tgz#dc8cc6e498f55692ac6b4b89e56d87cec766c974"
+  integrity sha512-GMM8gGmqI7guS/llMFk1bJDkKfn3v3C4KHK9Yg1ey5qcHcOlKb0QvcMrgzvxo+T03/4szNh5lghY+fEC98Kq9g==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.22.11"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-class-static-block" "^7.14.5"
+
 "@babel/plugin-transform-classes@^7.21.0":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.21.0.tgz#f469d0b07a4c5a7dbb21afad9e27e57b47031665"
@@ -747,6 +1118,21 @@
     "@babel/helper-split-export-declaration" "^7.18.6"
     globals "^11.1.0"
 
+"@babel/plugin-transform-classes@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.22.15.tgz#aaf4753aee262a232bbc95451b4bdf9599c65a0b"
+  integrity sha512-VbbC3PGjBdE0wAWDdHM9G8Gm977pnYI0XpqMd6LrKISj8/DJXEsWqgRuTYaNE9Bv0JGhTZUzHDlMk18IpOuoqw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-compilation-targets" "^7.22.15"
+    "@babel/helper-environment-visitor" "^7.22.5"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/helper-optimise-call-expression" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-replace-supers" "^7.22.9"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    globals "^11.1.0"
+
 "@babel/plugin-transform-computed-properties@^7.20.7":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.20.7.tgz#704cc2fd155d1c996551db8276d55b9d46e4d0aa"
@@ -755,6 +1141,14 @@
     "@babel/helper-plugin-utils" "^7.20.2"
     "@babel/template" "^7.20.7"
 
+"@babel/plugin-transform-computed-properties@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.22.5.tgz#cd1e994bf9f316bd1c2dafcd02063ec261bb3869"
+  integrity sha512-4GHWBgRf0krxPX+AaPtgBAlTgTeZmqDynokHOX7aqqAB4tHs3U2Y02zH6ETFdLZGcg9UQSD1WCmkVrE9ErHeOg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/template" "^7.22.5"
+
 "@babel/plugin-transform-destructuring@^7.21.3":
   version "7.21.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.21.3.tgz#73b46d0fd11cd6ef57dea8a381b1215f4959d401"
@@ -762,6 +1156,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.20.2"
 
+"@babel/plugin-transform-destructuring@^7.22.15":
+  version "7.23.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.23.0.tgz#6447aa686be48b32eaf65a73e0e2c0bd010a266c"
+  integrity sha512-vaMdgNXFkYrB+8lbgniSYWHsgqK5gjaMNcc84bMIOMRLH0L9AqYq3hwMdvnyqj1OPqea8UtjPEuS/DCenah1wg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-dotall-regex@^7.18.6", "@babel/plugin-transform-dotall-regex@^7.4.4":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.18.6.tgz#b286b3e7aae6c7b861e45bed0a2fafd6b1a4fef8"
@@ -770,6 +1171,14 @@
     "@babel/helper-create-regexp-features-plugin" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-transform-dotall-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.22.5.tgz#dbb4f0e45766eb544e193fb00e65a1dd3b2a4165"
+  integrity sha512-5/Yk9QxCQCl+sOIB1WelKnVRxTJDSAIxtJLL2/pqL14ZVlbH0fUQUZa/T5/UnQtBNgghR7mfB8ERBKyKPCi7Vw==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-duplicate-keys@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.18.9.tgz#687f15ee3cdad6d85191eb2a372c4528eaa0ae0e"
@@ -777,6 +1186,21 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.9"
 
+"@babel/plugin-transform-duplicate-keys@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.22.5.tgz#b6e6428d9416f5f0bba19c70d1e6e7e0b88ab285"
+  integrity sha512-dEnYD+9BBgld5VBXHnF/DbYGp3fqGMsyxKbtD1mDyIA7AkTSpKXFhCVuj/oQVOoALfBs77DudA0BE4d5mcpmqw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-dynamic-import@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.22.11.tgz#2c7722d2a5c01839eaf31518c6ff96d408e447aa"
+  integrity sha512-g/21plo58sfteWjaO0ZNVb+uEOkJNjAaHhbejrnBmu011l/eNDScmkbjCC3l4FKb10ViaGU4aOkFznSu2zRHgA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
+
 "@babel/plugin-transform-exponentiation-operator@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.18.6.tgz#421c705f4521888c65e91fdd1af951bfefd4dacd"
@@ -785,6 +1209,22 @@
     "@babel/helper-builder-binary-assignment-operator-visitor" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-transform-exponentiation-operator@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.22.5.tgz#402432ad544a1f9a480da865fda26be653e48f6a"
+  integrity sha512-vIpJFNM/FjZ4rh1myqIya9jXwrwwgFRHPjT3DkUA9ZLHuzox8jiXkOLvwm1H+PQIP3CqfC++WPKeuDi0Sjdj1g==
+  dependencies:
+    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-export-namespace-from@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.22.11.tgz#b3c84c8f19880b6c7440108f8929caf6056db26c"
+  integrity sha512-xa7aad7q7OiT8oNZ1mU7NrISjlSkVdMbNxn9IuLZyL9AJEhs1Apba3I+u5riX1dIkdptP5EKDG5XDPByWxtehw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+
 "@babel/plugin-transform-for-of@^7.21.0":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.21.0.tgz#964108c9988de1a60b4be2354a7d7e245f36e86e"
@@ -792,6 +1232,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.20.2"
 
+"@babel/plugin-transform-for-of@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.22.15.tgz#f64b4ccc3a4f131a996388fae7680b472b306b29"
+  integrity sha512-me6VGeHsx30+xh9fbDLLPi0J1HzmeIIyenoOQHuw2D4m2SAU3NrspX5XxJLBpqn5yrLzrlw2Iy3RA//Bx27iOA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-function-name@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.18.9.tgz#cc354f8234e62968946c61a46d6365440fc764e0"
@@ -801,6 +1248,23 @@
     "@babel/helper-function-name" "^7.18.9"
     "@babel/helper-plugin-utils" "^7.18.9"
 
+"@babel/plugin-transform-function-name@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.22.5.tgz#935189af68b01898e0d6d99658db6b164205c143"
+  integrity sha512-UIzQNMS0p0HHiQm3oelztj+ECwFnj+ZRV4KnguvlsD2of1whUeM6o7wGNj6oLwcDoAXQ8gEqfgC24D+VdIcevg==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.22.5"
+    "@babel/helper-function-name" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-json-strings@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.22.11.tgz#689a34e1eed1928a40954e37f74509f48af67835"
+  integrity sha512-CxT5tCqpA9/jXFlme9xIBCc5RPtdDq3JpkkhgHQqtDdiTnTI0jtZ0QzXhr5DILeYifDPp2wvY2ad+7+hLMW5Pw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-json-strings" "^7.8.3"
+
 "@babel/plugin-transform-literals@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.18.9.tgz#72796fdbef80e56fba3c6a699d54f0de557444bc"
@@ -808,6 +1272,21 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.9"
 
+"@babel/plugin-transform-literals@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.22.5.tgz#e9341f4b5a167952576e23db8d435849b1dd7920"
+  integrity sha512-fTLj4D79M+mepcw3dgFBTIDYpbcB9Sm0bpm4ppXPaO+U+PKFFyV9MGRvS0gvGw62sd10kT5lRMKXAADb9pWy8g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-logical-assignment-operators@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.22.11.tgz#24c522a61688bde045b7d9bc3c2597a4d948fc9c"
+  integrity sha512-qQwRTP4+6xFCDV5k7gZBF3C31K34ut0tbEcTKxlX/0KXxm9GLcO14p570aWxFvVzx6QAfPgq7gaeIHXJC8LswQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+
 "@babel/plugin-transform-member-expression-literals@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.18.6.tgz#ac9fdc1a118620ac49b7e7a5d2dc177a1bfee88e"
@@ -815,6 +1294,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-transform-member-expression-literals@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.22.5.tgz#4fcc9050eded981a468347dd374539ed3e058def"
+  integrity sha512-RZEdkNtzzYCFl9SE9ATaUMTj2hqMb4StarOJLrZRbqqU4HSBE7UlBw9WBWQiDzrJZJdUWiMTVDI6Gv/8DPvfew==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-modules-amd@^7.20.11":
   version "7.20.11"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.20.11.tgz#3daccca8e4cc309f03c3a0c4b41dc4b26f55214a"
@@ -823,6 +1309,14 @@
     "@babel/helper-module-transforms" "^7.20.11"
     "@babel/helper-plugin-utils" "^7.20.2"
 
+"@babel/plugin-transform-modules-amd@^7.22.5":
+  version "7.23.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.23.0.tgz#05b2bc43373faa6d30ca89214731f76f966f3b88"
+  integrity sha512-xWT5gefv2HGSm4QHtgc1sYPbseOyf+FFDo2JbpE25GWl5BqTGO9IMwTYJRoIdjsF85GE+VegHxSCUt5EvoYTAw==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.23.0"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-modules-commonjs@^7.21.2":
   version "7.21.2"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.21.2.tgz#6ff5070e71e3192ef2b7e39820a06fb78e3058e7"
@@ -832,6 +1326,15 @@
     "@babel/helper-plugin-utils" "^7.20.2"
     "@babel/helper-simple-access" "^7.20.2"
 
+"@babel/plugin-transform-modules-commonjs@^7.22.15", "@babel/plugin-transform-modules-commonjs@^7.23.0":
+  version "7.23.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.23.0.tgz#b3dba4757133b2762c00f4f94590cf6d52602481"
+  integrity sha512-32Xzss14/UVc7k9g775yMIvkVK8xwKE0DPdP5JTapr3+Z9w4tzeOuLNY6BXDQR6BdnzIlXnCGAzsk/ICHBLVWQ==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.23.0"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-simple-access" "^7.22.5"
+
 "@babel/plugin-transform-modules-systemjs@^7.20.11":
   version "7.20.11"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.20.11.tgz#467ec6bba6b6a50634eea61c9c232654d8a4696e"
@@ -842,6 +1345,16 @@
     "@babel/helper-plugin-utils" "^7.20.2"
     "@babel/helper-validator-identifier" "^7.19.1"
 
+"@babel/plugin-transform-modules-systemjs@^7.22.11":
+  version "7.23.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.23.0.tgz#77591e126f3ff4132a40595a6cccd00a6b60d160"
+  integrity sha512-qBej6ctXZD2f+DhlOC9yO47yEYgUh5CZNz/aBoH4j/3NOlRfJXJbY7xDQCqQVf9KbrqGzIWER1f23doHGrIHFg==
+  dependencies:
+    "@babel/helper-hoist-variables" "^7.22.5"
+    "@babel/helper-module-transforms" "^7.23.0"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-validator-identifier" "^7.22.20"
+
 "@babel/plugin-transform-modules-umd@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.18.6.tgz#81d3832d6034b75b54e62821ba58f28ed0aab4b9"
@@ -850,6 +1363,14 @@
     "@babel/helper-module-transforms" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-transform-modules-umd@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.22.5.tgz#4694ae40a87b1745e3775b6a7fe96400315d4f98"
+  integrity sha512-+S6kzefN/E1vkSsKx8kmQuqeQsvCKCd1fraCM7zXm4SFoggI099Tr4G8U81+5gtMdUeMQ4ipdQffbKLX0/7dBQ==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-named-capturing-groups-regex@^7.20.5":
   version "7.20.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.20.5.tgz#626298dd62ea51d452c3be58b285d23195ba69a8"
@@ -858,6 +1379,14 @@
     "@babel/helper-create-regexp-features-plugin" "^7.20.5"
     "@babel/helper-plugin-utils" "^7.20.2"
 
+"@babel/plugin-transform-named-capturing-groups-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz#67fe18ee8ce02d57c855185e27e3dc959b2e991f"
+  integrity sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-new-target@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.18.6.tgz#d128f376ae200477f37c4ddfcc722a8a1b3246a8"
@@ -865,6 +1394,40 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-transform-new-target@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.22.5.tgz#1b248acea54ce44ea06dfd37247ba089fcf9758d"
+  integrity sha512-AsF7K0Fx/cNKVyk3a+DW0JLo+Ua598/NxMRvxDnkpCIGFh43+h/v2xyhRUYf6oD8gE4QtL83C7zZVghMjHd+iw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-nullish-coalescing-operator@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.22.11.tgz#debef6c8ba795f5ac67cd861a81b744c5d38d9fc"
+  integrity sha512-YZWOw4HxXrotb5xsjMJUDlLgcDXSfO9eCmdl1bgW4+/lAGdkjaEvOnQ4p5WKKdUgSzO39dgPl0pTnfxm0OAXcg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+
+"@babel/plugin-transform-numeric-separator@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.22.11.tgz#498d77dc45a6c6db74bb829c02a01c1d719cbfbd"
+  integrity sha512-3dzU4QGPsILdJbASKhF/V2TVP+gJya1PsueQCxIPCEcerqF21oEcrob4mzjsp2Py/1nLfF5m+xYNMDpmA8vffg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+
+"@babel/plugin-transform-object-rest-spread@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.22.15.tgz#21a95db166be59b91cde48775310c0df6e1da56f"
+  integrity sha512-fEB+I1+gAmfAyxZcX1+ZUwLeAuuf8VIg67CTznZE0MqVFumWkh8xWtn58I4dxdVf080wn7gzWoF8vndOViJe9Q==
+  dependencies:
+    "@babel/compat-data" "^7.22.9"
+    "@babel/helper-compilation-targets" "^7.22.15"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
+    "@babel/plugin-transform-parameters" "^7.22.15"
+
 "@babel/plugin-transform-object-super@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.18.6.tgz#fb3c6ccdd15939b6ff7939944b51971ddc35912c"
@@ -873,6 +1436,31 @@
     "@babel/helper-plugin-utils" "^7.18.6"
     "@babel/helper-replace-supers" "^7.18.6"
 
+"@babel/plugin-transform-object-super@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.22.5.tgz#794a8d2fcb5d0835af722173c1a9d704f44e218c"
+  integrity sha512-klXqyaT9trSjIUrcsYIfETAzmOEZL3cBYqOYLJxBHfMFFggmXOv+NYSX/Jbs9mzMVESw/WycLFPRx8ba/b2Ipw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-replace-supers" "^7.22.5"
+
+"@babel/plugin-transform-optional-catch-binding@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.22.11.tgz#461cc4f578a127bb055527b3e77404cad38c08e0"
+  integrity sha512-rli0WxesXUeCJnMYhzAglEjLWVDF6ahb45HuprcmQuLidBJFWjNnOzssk2kuc6e33FlLaiZhG/kUIzUMWdBKaQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
+
+"@babel/plugin-transform-optional-chaining@^7.22.15":
+  version "7.23.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.23.0.tgz#73ff5fc1cf98f542f09f29c0631647d8ad0be158"
+  integrity sha512-sBBGXbLJjxTzLBF5rFWaikMnOGOk/BmK6vVByIdEggZ7Vn6CvWXZyRkkLFK6WE0IF8jSliyOkUN6SScFgzCM0g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+
 "@babel/plugin-transform-parameters@^7.20.7", "@babel/plugin-transform-parameters@^7.21.3":
   version "7.21.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.21.3.tgz#18fc4e797cf6d6d972cb8c411dbe8a809fa157db"
@@ -880,6 +1468,31 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.20.2"
 
+"@babel/plugin-transform-parameters@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.22.15.tgz#719ca82a01d177af358df64a514d64c2e3edb114"
+  integrity sha512-hjk7qKIqhyzhhUvRT683TYQOFa/4cQKwQy7ALvTpODswN40MljzNDa0YldevS6tGbxwaEKVn502JmY0dP7qEtQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-private-methods@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.22.5.tgz#21c8af791f76674420a147ae62e9935d790f8722"
+  integrity sha512-PPjh4gyrQnGe97JTalgRGMuU4icsZFnWkzicB/fUtzlKUqvsWBKEpPPfr5a2JiyirZkHxnAqkQMO5Z5B2kK3fA==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-private-property-in-object@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.22.11.tgz#ad45c4fc440e9cb84c718ed0906d96cf40f9a4e1"
+  integrity sha512-sSCbqZDBKHetvjSwpyWzhuHkmW5RummxJBVbYLkGkaiTOWGxml7SXt0iWa03bzxFIx7wOj3g/ILRd0RcJKBeSQ==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-create-class-features-plugin" "^7.22.11"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
+
 "@babel/plugin-transform-property-literals@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.18.6.tgz#e22498903a483448e94e032e9bbb9c5ccbfc93a3"
@@ -887,6 +1500,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-transform-property-literals@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.22.5.tgz#b5ddabd73a4f7f26cd0e20f5db48290b88732766"
+  integrity sha512-TiOArgddK3mK/x1Qwf5hay2pxI6wCZnvQqrFSqbtg1GLl2JcNMitVH/YnqjP+M31pLUeTfzY1HAXFDnUBV30rQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-react-display-name@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.18.6.tgz#8b1125f919ef36ebdfff061d664e266c666b9415"
@@ -894,6 +1514,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-transform-react-display-name@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.22.5.tgz#3c4326f9fce31c7968d6cb9debcaf32d9e279a2b"
+  integrity sha512-PVk3WPYudRF5z4GKMEYUrLjPl38fJSKNaEOkFuoprioowGuWN6w2RKznuFNSlJx7pzzXXStPUnNSOEO0jL5EVw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-react-jsx-development@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.18.6.tgz#dbe5c972811e49c7405b630e4d0d2e1380c0ddc5"
@@ -901,6 +1528,13 @@
   dependencies:
     "@babel/plugin-transform-react-jsx" "^7.18.6"
 
+"@babel/plugin-transform-react-jsx-development@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.22.5.tgz#e716b6edbef972a92165cd69d92f1255f7e73e87"
+  integrity sha512-bDhuzwWMuInwCYeDeMzyi7TaBgRQei6DqxhbyniL7/VG4RSS7HtSL2QbY4eESy1KJqlWt8g3xeEBGPuo+XqC8A==
+  dependencies:
+    "@babel/plugin-transform-react-jsx" "^7.22.5"
+
 "@babel/plugin-transform-react-jsx-self@^7.21.0":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.21.0.tgz#ec98d4a9baafc5a1eb398da4cf94afbb40254a54"
@@ -915,7 +1549,18 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.19.0"
 
-"@babel/plugin-transform-react-jsx@7.21.0", "@babel/plugin-transform-react-jsx@^7.17.12", "@babel/plugin-transform-react-jsx@^7.18.6":
+"@babel/plugin-transform-react-jsx@7.22.15", "@babel/plugin-transform-react-jsx@^7.22.15", "@babel/plugin-transform-react-jsx@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.22.15.tgz#7e6266d88705d7c49f11c98db8b9464531289cd6"
+  integrity sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-module-imports" "^7.22.15"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-jsx" "^7.22.5"
+    "@babel/types" "^7.22.15"
+
+"@babel/plugin-transform-react-jsx@^7.18.6":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.21.0.tgz#656b42c2fdea0a6d8762075d58ef9d4e3c4ab8a2"
   integrity sha512-6OAWljMvQrZjR2DaNhVfRz6dkCAVV+ymcLUmaf8bccGOHn2v5rHJK3tTpij0BuhdYWP4LLaqj5lwcdlpAAPuvg==
@@ -934,6 +1579,14 @@
     "@babel/helper-annotate-as-pure" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-transform-react-pure-annotations@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.22.5.tgz#1f58363eef6626d6fa517b95ac66fe94685e32c0"
+  integrity sha512-gP4k85wx09q+brArVinTXhWiyzLl9UpmGva0+mWyKxk6JZequ05x3eUcIUE+FyttPKJFRRVtAvQaJ6YF9h1ZpA==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-regenerator@^7.20.5":
   version "7.20.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.20.5.tgz#57cda588c7ffb7f4f8483cc83bdcea02a907f04d"
@@ -942,6 +1595,14 @@
     "@babel/helper-plugin-utils" "^7.20.2"
     regenerator-transform "^0.15.1"
 
+"@babel/plugin-transform-regenerator@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.22.10.tgz#8ceef3bd7375c4db7652878b0241b2be5d0c3cca"
+  integrity sha512-F28b1mDt8KcT5bUyJc/U9nwzw6cV+UmTeRlXYIl2TNqMMJif0Jeey9/RQ3C4NOd2zp0/TRsDns9ttj2L523rsw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    regenerator-transform "^0.15.2"
+
 "@babel/plugin-transform-reserved-words@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.18.6.tgz#b1abd8ebf8edaa5f7fe6bbb8d2133d23b6a6f76a"
@@ -949,6 +1610,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-transform-reserved-words@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.22.5.tgz#832cd35b81c287c4bcd09ce03e22199641f964fb"
+  integrity sha512-DTtGKFRQUDm8svigJzZHzb/2xatPc6TzNvAIJ5GqOKDsGFYgAskjRulbR/vGsPKq3OPqtexnz327qYpP57RFyA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-shorthand-properties@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.18.6.tgz#6d6df7983d67b195289be24909e3f12a8f664dc9"
@@ -956,6 +1624,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-transform-shorthand-properties@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.22.5.tgz#6e277654be82b5559fc4b9f58088507c24f0c624"
+  integrity sha512-vM4fq9IXHscXVKzDv5itkO1X52SmdFBFcMIBZ2FRn2nqVYqw6dBexUgMvAjHW+KXpPPViD/Yo3GrDEBaRC0QYA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-spread@^7.20.7":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.20.7.tgz#c2d83e0b99d3bf83e07b11995ee24bf7ca09401e"
@@ -964,6 +1639,14 @@
     "@babel/helper-plugin-utils" "^7.20.2"
     "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0"
 
+"@babel/plugin-transform-spread@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.22.5.tgz#6487fd29f229c95e284ba6c98d65eafb893fea6b"
+  integrity sha512-5ZzDQIGyvN4w8+dMmpohL6MBo+l2G7tfC/O2Dg7/hjpgeWvUx8FzfeOKxGog9IimPa4YekaQ9PlDqTLOljkcxg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+
 "@babel/plugin-transform-sticky-regex@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.18.6.tgz#c6706eb2b1524028e317720339583ad0f444adcc"
@@ -971,6 +1654,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.6"
 
+"@babel/plugin-transform-sticky-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.22.5.tgz#295aba1595bfc8197abd02eae5fc288c0deb26aa"
+  integrity sha512-zf7LuNpHG0iEeiyCNwX4j3gDg1jgt1k3ZdXBKbZSoA3BbGQGvMiSvfbZRR3Dr3aeJe3ooWFZxOOG3IRStYp2Bw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-template-literals@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.18.9.tgz#04ec6f10acdaa81846689d63fae117dd9c243a5e"
@@ -978,6 +1668,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.9"
 
+"@babel/plugin-transform-template-literals@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.22.5.tgz#8f38cf291e5f7a8e60e9f733193f0bcc10909bff"
+  integrity sha512-5ciOehRNf+EyUeewo8NkbQiUs4d6ZxiHo6BcBcnFlgiJfu16q0bQUw9Jvo0b0gBKFG1SMhDSjeKXSYuJLeFSMA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-typeof-symbol@^7.18.9":
   version "7.18.9"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.18.9.tgz#c8cea68263e45addcd6afc9091429f80925762c0"
@@ -985,15 +1682,22 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.9"
 
-"@babel/plugin-transform-typescript@^7.21.3":
-  version "7.21.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.21.3.tgz#316c5be579856ea890a57ebc5116c5d064658f2b"
-  integrity sha512-RQxPz6Iqt8T0uw/WsJNReuBpWpBqs/n7mNo18sKLoTbMp+UrEekhH+pKSVC7gWz+DNjo9gryfV8YzCiT45RgMw==
+"@babel/plugin-transform-typeof-symbol@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.22.5.tgz#5e2ba478da4b603af8673ff7c54f75a97b716b34"
+  integrity sha512-bYkI5lMzL4kPii4HHEEChkD0rkc+nvnlR6+o/qdqR6zrm0Sv/nodmyLhlq2DO0YKLUNd2VePmPRjJXSBh9OIdA==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.18.6"
-    "@babel/helper-create-class-features-plugin" "^7.21.0"
-    "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/plugin-syntax-typescript" "^7.20.0"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-typescript@^7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.22.15.tgz#15adef906451d86349eb4b8764865c960eb54127"
+  integrity sha512-1uirS0TnijxvQLnlv5wQBwOX3E1wCFX7ITv+9pBV2wKEk4K+M5tqDaoNXnTH8tjEIYHLO98MwiTWO04Ggz4XuA==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-create-class-features-plugin" "^7.22.15"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/plugin-syntax-typescript" "^7.22.5"
 
 "@babel/plugin-transform-unicode-escapes@^7.18.10":
   version "7.18.10"
@@ -1002,6 +1706,21 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.18.9"
 
+"@babel/plugin-transform-unicode-escapes@^7.22.10":
+  version "7.22.10"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.22.10.tgz#c723f380f40a2b2f57a62df24c9005834c8616d9"
+  integrity sha512-lRfaRKGZCBqDlRU3UIFovdp9c9mEvlylmpod0/OatICsSfuQ9YFthRo1tpTkGsklEefZdqlEFdY4A2dwTb6ohg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-unicode-property-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.22.5.tgz#098898f74d5c1e86660dc112057b2d11227f1c81"
+  integrity sha512-HCCIb+CbJIAE6sXn5CjFQXMwkCClcOfPCzTlilJ8cUatfzwHlWQkbtV0zD338u9dZskwvuOYTuuaMaA8J5EI5A==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
 "@babel/plugin-transform-unicode-regex@^7.18.6":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.18.6.tgz#194317225d8c201bbae103364ffe9e2cea36cdca"
@@ -1010,7 +1729,109 @@
     "@babel/helper-create-regexp-features-plugin" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/preset-env@7.21.4", "@babel/preset-env@^7.11.0":
+"@babel/plugin-transform-unicode-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.22.5.tgz#ce7e7bb3ef208c4ff67e02a22816656256d7a183"
+  integrity sha512-028laaOKptN5vHJf9/Arr/HiJekMd41hOEZYvNsrsXqJ7YPYuX2bQxh31fkZzGmq3YqHRJzYFFAVYvKfMPKqyg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/plugin-transform-unicode-sets-regex@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.22.5.tgz#77788060e511b708ffc7d42fdfbc5b37c3004e91"
+  integrity sha512-lhMfi4FC15j13eKrh3DnYHjpGj6UKQHtNKTbtc1igvAhRy4+kLhV07OpLcsN0VgDEw/MjAvJO4BdMJsHwMhzCg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.22.5"
+
+"@babel/preset-env@7.22.20":
+  version "7.22.20"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.22.20.tgz#de9e9b57e1127ce0a2f580831717f7fb677ceedb"
+  integrity sha512-11MY04gGC4kSzlPHRfvVkNAZhUxOvm7DCJ37hPDnUENwe06npjIRAfInEMTGSb4LZK5ZgDFkv5hw0lGebHeTyg==
+  dependencies:
+    "@babel/compat-data" "^7.22.20"
+    "@babel/helper-compilation-targets" "^7.22.15"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-validator-option" "^7.22.15"
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.22.15"
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.22.15"
+    "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2"
+    "@babel/plugin-syntax-async-generators" "^7.8.4"
+    "@babel/plugin-syntax-class-properties" "^7.12.13"
+    "@babel/plugin-syntax-class-static-block" "^7.14.5"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
+    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+    "@babel/plugin-syntax-import-assertions" "^7.22.5"
+    "@babel/plugin-syntax-import-attributes" "^7.22.5"
+    "@babel/plugin-syntax-import-meta" "^7.10.4"
+    "@babel/plugin-syntax-json-strings" "^7.8.3"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
+    "@babel/plugin-syntax-top-level-await" "^7.14.5"
+    "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6"
+    "@babel/plugin-transform-arrow-functions" "^7.22.5"
+    "@babel/plugin-transform-async-generator-functions" "^7.22.15"
+    "@babel/plugin-transform-async-to-generator" "^7.22.5"
+    "@babel/plugin-transform-block-scoped-functions" "^7.22.5"
+    "@babel/plugin-transform-block-scoping" "^7.22.15"
+    "@babel/plugin-transform-class-properties" "^7.22.5"
+    "@babel/plugin-transform-class-static-block" "^7.22.11"
+    "@babel/plugin-transform-classes" "^7.22.15"
+    "@babel/plugin-transform-computed-properties" "^7.22.5"
+    "@babel/plugin-transform-destructuring" "^7.22.15"
+    "@babel/plugin-transform-dotall-regex" "^7.22.5"
+    "@babel/plugin-transform-duplicate-keys" "^7.22.5"
+    "@babel/plugin-transform-dynamic-import" "^7.22.11"
+    "@babel/plugin-transform-exponentiation-operator" "^7.22.5"
+    "@babel/plugin-transform-export-namespace-from" "^7.22.11"
+    "@babel/plugin-transform-for-of" "^7.22.15"
+    "@babel/plugin-transform-function-name" "^7.22.5"
+    "@babel/plugin-transform-json-strings" "^7.22.11"
+    "@babel/plugin-transform-literals" "^7.22.5"
+    "@babel/plugin-transform-logical-assignment-operators" "^7.22.11"
+    "@babel/plugin-transform-member-expression-literals" "^7.22.5"
+    "@babel/plugin-transform-modules-amd" "^7.22.5"
+    "@babel/plugin-transform-modules-commonjs" "^7.22.15"
+    "@babel/plugin-transform-modules-systemjs" "^7.22.11"
+    "@babel/plugin-transform-modules-umd" "^7.22.5"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.22.5"
+    "@babel/plugin-transform-new-target" "^7.22.5"
+    "@babel/plugin-transform-nullish-coalescing-operator" "^7.22.11"
+    "@babel/plugin-transform-numeric-separator" "^7.22.11"
+    "@babel/plugin-transform-object-rest-spread" "^7.22.15"
+    "@babel/plugin-transform-object-super" "^7.22.5"
+    "@babel/plugin-transform-optional-catch-binding" "^7.22.11"
+    "@babel/plugin-transform-optional-chaining" "^7.22.15"
+    "@babel/plugin-transform-parameters" "^7.22.15"
+    "@babel/plugin-transform-private-methods" "^7.22.5"
+    "@babel/plugin-transform-private-property-in-object" "^7.22.11"
+    "@babel/plugin-transform-property-literals" "^7.22.5"
+    "@babel/plugin-transform-regenerator" "^7.22.10"
+    "@babel/plugin-transform-reserved-words" "^7.22.5"
+    "@babel/plugin-transform-shorthand-properties" "^7.22.5"
+    "@babel/plugin-transform-spread" "^7.22.5"
+    "@babel/plugin-transform-sticky-regex" "^7.22.5"
+    "@babel/plugin-transform-template-literals" "^7.22.5"
+    "@babel/plugin-transform-typeof-symbol" "^7.22.5"
+    "@babel/plugin-transform-unicode-escapes" "^7.22.10"
+    "@babel/plugin-transform-unicode-property-regex" "^7.22.5"
+    "@babel/plugin-transform-unicode-regex" "^7.22.5"
+    "@babel/plugin-transform-unicode-sets-regex" "^7.22.5"
+    "@babel/preset-modules" "0.1.6-no-external-plugins"
+    "@babel/types" "^7.22.19"
+    babel-plugin-polyfill-corejs2 "^0.4.5"
+    babel-plugin-polyfill-corejs3 "^0.8.3"
+    babel-plugin-polyfill-regenerator "^0.5.2"
+    core-js-compat "^3.31.0"
+    semver "^6.3.1"
+
+"@babel/preset-env@^7.11.0":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.21.4.tgz#a952482e634a8dd8271a3fe5459a16eb10739c58"
   integrity sha512-2W57zHs2yDLm6GD5ZpvNn71lZ0B/iypSdIeq25OurDKji6AdzV07qp4s3n1/x5BqtiGaTrPN3nerlSCaC5qNTw==
@@ -1091,6 +1912,15 @@
     core-js-compat "^3.25.1"
     semver "^6.3.0"
 
+"@babel/preset-modules@0.1.6-no-external-plugins":
+  version "0.1.6-no-external-plugins"
+  resolved "https://registry.yarnpkg.com/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz#ccb88a2c49c817236861fee7826080573b8a923a"
+  integrity sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/types" "^7.4.4"
+    esutils "^2.0.2"
+
 "@babel/preset-modules@^0.1.5":
   version "0.1.5"
   resolved "https://registry.yarnpkg.com/@babel/preset-modules/-/preset-modules-0.1.5.tgz#ef939d6e7f268827e1841638dc6ff95515e115d9"
@@ -1102,7 +1932,19 @@
     "@babel/types" "^7.4.4"
     esutils "^2.0.2"
 
-"@babel/preset-react@7.18.6", "@babel/preset-react@^7.0.0":
+"@babel/preset-react@7.22.15":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.22.15.tgz#9a776892b648e13cc8ca2edf5ed1264eea6b6afc"
+  integrity sha512-Csy1IJ2uEh/PecCBXXoZGAZBeCATTuePzCSB7dLYWS0vOEj6CNpjxIhW4duWwZodBNueH7QO14WbGn8YyeuN9w==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-validator-option" "^7.22.15"
+    "@babel/plugin-transform-react-display-name" "^7.22.5"
+    "@babel/plugin-transform-react-jsx" "^7.22.15"
+    "@babel/plugin-transform-react-jsx-development" "^7.22.5"
+    "@babel/plugin-transform-react-pure-annotations" "^7.22.5"
+
+"@babel/preset-react@^7.0.0":
   version "7.18.6"
   resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.18.6.tgz#979f76d6277048dc19094c217b507f3ad517dd2d"
   integrity sha512-zXr6atUmyYdiWRVLOZahakYmOBHtWc2WGCkP8PYTgZi0iJXDY2CN180TdrIW4OGOAdLc7TifzDIvtx6izaRIzg==
@@ -1114,23 +1956,30 @@
     "@babel/plugin-transform-react-jsx-development" "^7.18.6"
     "@babel/plugin-transform-react-pure-annotations" "^7.18.6"
 
-"@babel/preset-typescript@7.21.4":
-  version "7.21.4"
-  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.21.4.tgz#b913ac8e6aa8932e47c21b01b4368d8aa239a529"
-  integrity sha512-sMLNWY37TCdRH/bJ6ZeeOH1nPuanED7Ai9Y/vH31IPqalioJ6ZNFUWONsakhv4r4n+I6gm5lmoE0olkgib/j/A==
+"@babel/preset-typescript@7.23.0":
+  version "7.23.0"
+  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.23.0.tgz#cc6602d13e7e5b2087c811912b87cf937a9129d9"
+  integrity sha512-6P6VVa/NM/VlAYj5s2Aq/gdVg8FSENCg3wlZ6Qau9AcPaoF5LbN1nyGlR9DTRIw9PpxI94e+ReydsJHcjwAweg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/helper-validator-option" "^7.21.0"
-    "@babel/plugin-syntax-jsx" "^7.21.4"
-    "@babel/plugin-transform-modules-commonjs" "^7.21.2"
-    "@babel/plugin-transform-typescript" "^7.21.3"
+    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-validator-option" "^7.22.15"
+    "@babel/plugin-syntax-jsx" "^7.22.5"
+    "@babel/plugin-transform-modules-commonjs" "^7.23.0"
+    "@babel/plugin-transform-typescript" "^7.22.15"
 
 "@babel/regjsgen@^0.8.0":
   version "0.8.0"
   resolved "https://registry.yarnpkg.com/@babel/regjsgen/-/regjsgen-0.8.0.tgz#f0ba69b075e1f05fb2825b7fad991e7adbb18310"
   integrity sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==
 
-"@babel/runtime@7.21.0", "@babel/runtime@^7.0.0", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.1", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.14.8", "@babel/runtime@^7.18.3", "@babel/runtime@^7.18.6", "@babel/runtime@^7.18.9", "@babel/runtime@^7.19.0", "@babel/runtime@^7.20.7", "@babel/runtime@^7.21.0", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
+"@babel/runtime@7.23.1", "@babel/runtime@^7.18.6", "@babel/runtime@^7.22.15", "@babel/runtime@^7.23.1":
+  version "7.23.1"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.23.1.tgz#72741dc4d413338a91dcb044a86f3c0bc402646d"
+  integrity sha512-hC2v6p8ZSI/W0HUzh3V8C5g+NwSKzKPtJwSpTjwl0o297GP9+ZLQSkdvHz46CM3LqyoXxq+5G9komY+eSqSO0g==
+  dependencies:
+    regenerator-runtime "^0.14.0"
+
+"@babel/runtime@^7.0.0", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.1", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.14.8", "@babel/runtime@^7.18.3", "@babel/runtime@^7.18.9", "@babel/runtime@^7.19.0", "@babel/runtime@^7.20.7", "@babel/runtime@^7.21.0", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
   version "7.21.0"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.21.0.tgz#5b55c9d394e5fcf304909a8b00c07dc217b56673"
   integrity sha512-xwII0//EObnq89Ji5AKYQaRYiW/nZ3llSv29d49IuxPhKbtJoLP+9QUUZ4nVragQVtaVGeZrpB+ZtG/Pdy/POw==
@@ -1153,7 +2002,16 @@
     "@babel/parser" "^7.20.7"
     "@babel/types" "^7.20.7"
 
-"@babel/traverse@^7.20.5", "@babel/traverse@^7.20.7", "@babel/traverse@^7.21.0", "@babel/traverse@^7.21.2", "@babel/traverse@^7.21.4", "@babel/traverse@^7.4.5", "@babel/traverse@^7.7.2":
+"@babel/template@^7.22.15", "@babel/template@^7.22.5":
+  version "7.22.15"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.22.15.tgz#09576efc3830f0430f4548ef971dde1350ef2f38"
+  integrity sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==
+  dependencies:
+    "@babel/code-frame" "^7.22.13"
+    "@babel/parser" "^7.22.15"
+    "@babel/types" "^7.22.15"
+
+"@babel/traverse@^7.20.5", "@babel/traverse@^7.20.7", "@babel/traverse@^7.21.0", "@babel/traverse@^7.21.2", "@babel/traverse@^7.21.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.21.4.tgz#a836aca7b116634e97a6ed99976236b3282c9d36"
   integrity sha512-eyKrRHKdyZxqDm+fV1iqL9UAHMoIg0nDaGqfIOd8rKH17m5snv7Gn4qgjBoFfLz9APvjFU/ICT00NVCv1Epp8Q==
@@ -1185,6 +2043,22 @@
     debug "^4.1.0"
     globals "^11.1.0"
 
+"@babel/traverse@^7.23.0", "@babel/traverse@^7.4.5":
+  version "7.23.0"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.23.0.tgz#18196ddfbcf4ccea324b7f6d3ada00d8c5a99c53"
+  integrity sha512-t/QaEvyIoIkwzpiZ7aoSKK8kObQYeF7T2v+dazAYCb8SXtp58zEVkWW7zAnju8FNKNdr4ScAOEDmMItbyOmEYw==
+  dependencies:
+    "@babel/code-frame" "^7.22.13"
+    "@babel/generator" "^7.23.0"
+    "@babel/helper-environment-visitor" "^7.22.20"
+    "@babel/helper-function-name" "^7.23.0"
+    "@babel/helper-hoist-variables" "^7.22.5"
+    "@babel/helper-split-export-declaration" "^7.22.6"
+    "@babel/parser" "^7.23.0"
+    "@babel/types" "^7.23.0"
+    debug "^4.1.0"
+    globals "^11.1.0"
+
 "@babel/types@^7.0.0", "@babel/types@^7.0.0-beta.49", "@babel/types@^7.18.6", "@babel/types@^7.18.9", "@babel/types@^7.20.0", "@babel/types@^7.20.2", "@babel/types@^7.20.5", "@babel/types@^7.20.7", "@babel/types@^7.21.0", "@babel/types@^7.21.2", "@babel/types@^7.21.4", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4":
   version "7.21.4"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.21.4.tgz#2d5d6bb7908699b3b416409ffd3b5daa25b030d4"
@@ -1203,41 +2077,51 @@
     "@babel/helper-validator-identifier" "^7.19.1"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.22.15", "@babel/types@^7.22.19", "@babel/types@^7.22.5", "@babel/types@^7.23.0":
+  version "7.23.0"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.23.0.tgz#8c1f020c9df0e737e4e247c0619f58c68458aaeb"
+  integrity sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==
+  dependencies:
+    "@babel/helper-string-parser" "^7.22.5"
+    "@babel/helper-validator-identifier" "^7.22.20"
+    to-fast-properties "^2.0.0"
+
 "@bcoe/v8-coverage@^0.2.3":
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
   integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
-"@codemirror/autocomplete@6.5.1", "@codemirror/autocomplete@^6.0.0", "@codemirror/autocomplete@^6.3.2":
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/@codemirror/autocomplete/-/autocomplete-6.5.1.tgz#539cfff291dbffd3841cba078b222cea28ff7eda"
-  integrity sha512-/Sv9yJmqyILbZ26U4LBHnAtbikuVxWUp+rQ8BXuRGtxZfbfKOY/WPbsUtvSP2h0ZUZMlkxV/hqbKRFzowlA6xw==
+"@codemirror/autocomplete@6.9.1", "@codemirror/autocomplete@^6.0.0", "@codemirror/autocomplete@^6.3.2", "@codemirror/autocomplete@^6.7.1":
+  version "6.9.1"
+  resolved "https://registry.yarnpkg.com/@codemirror/autocomplete/-/autocomplete-6.9.1.tgz#e0989c6a33a37604b5d2c896dcca7562ae3d7c61"
+  integrity sha512-yma56tqD7khIZK4gy4X5lX3/k5ArMiCGat7HEWRF/8L2kqOjVdp2qKZqpcJjwTIjSj6fqKAHqi7IjtH3QFE+Bw==
   dependencies:
     "@codemirror/language" "^6.0.0"
     "@codemirror/state" "^6.0.0"
-    "@codemirror/view" "^6.6.0"
+    "@codemirror/view" "^6.17.0"
     "@lezer/common" "^1.0.0"
 
-"@codemirror/commands@6.2.3", "@codemirror/commands@^6.0.0", "@codemirror/commands@^6.1.0":
-  version "6.2.3"
-  resolved "https://registry.yarnpkg.com/@codemirror/commands/-/commands-6.2.3.tgz#ec476fd588f7a4333f54584d4783dd3862befe3b"
-  integrity sha512-9uf0g9m2wZyrIim1SavcxMdwsu8wc/y5uSw6JRUBYIGWrN+RY4vSru/BqB+MyNWqx4C2uRhQ/Kh7Pw8lAyT3qQ==
+"@codemirror/commands@6.3.0", "@codemirror/commands@^6.0.0", "@codemirror/commands@^6.1.0":
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/@codemirror/commands/-/commands-6.3.0.tgz#cb7ad6ddc1e8af3a3c352135bd0348e6950b4e9d"
+  integrity sha512-tFfcxRIlOWiQDFhjBSWJ10MxcvbCIsRr6V64SgrcaY0MwNk32cUOcCuNlWo8VjV4qRQCgNgUAnIeo0svkk4R5Q==
   dependencies:
     "@codemirror/language" "^6.0.0"
     "@codemirror/state" "^6.2.0"
     "@codemirror/view" "^6.0.0"
-    "@lezer/common" "^1.0.0"
+    "@lezer/common" "^1.1.0"
 
 "@codemirror/lang-angular@^0.1.0":
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/@codemirror/lang-angular/-/lang-angular-0.1.0.tgz#1054747c8196357a2aee2b9c36f0f6de9a6ffef9"
-  integrity sha512-vTjoHjzJmLrrMFmf/tojwp+O0P+R9mgWtjjaKDNDoY58PzOPg7ldMEBqIzABBc+/2mYPD85SG7O5byfBxc83eA==
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/@codemirror/lang-angular/-/lang-angular-0.1.2.tgz#a3f565297842ad60caf2a0bf6f6137c13d19a666"
+  integrity sha512-Nq7lmx9SU+JyoaRcs6SaJs7uAmW2W06HpgJVQYeZptVGNWDzDvzhjwVb/ZuG1rwTlOocY4Y9GwNOBuKCeJbKtw==
   dependencies:
     "@codemirror/lang-html" "^6.0.0"
     "@codemirror/lang-javascript" "^6.1.2"
     "@codemirror/language" "^6.0.0"
     "@lezer/common" "^1.0.0"
     "@lezer/highlight" "^1.0.0"
+    "@lezer/lr" "^1.3.3"
 
 "@codemirror/lang-cpp@^6.0.0":
   version "6.0.2"
@@ -1247,27 +2131,28 @@
     "@codemirror/language" "^6.0.0"
     "@lezer/cpp" "^1.0.0"
 
-"@codemirror/lang-css@^6.0.0", "@codemirror/lang-css@^6.1.1":
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/@codemirror/lang-css/-/lang-css-6.1.1.tgz#8c4414d399df14e796f9891a8152e411264ef535"
-  integrity sha512-P6jdNEHyRcqqDgbvHYyC9Wxkek0rnG3a9aVSRi4a7WrjPbQtBTaOmvYpXmm13zZMAatO4Oqpac+0QZs7sy+LnQ==
+"@codemirror/lang-css@^6.0.0", "@codemirror/lang-css@^6.2.0":
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/@codemirror/lang-css/-/lang-css-6.2.1.tgz#5dc0a43b8e3c31f6af7aabd55ff07fe9aef2a227"
+  integrity sha512-/UNWDNV5Viwi/1lpr/dIXJNWiwDxpw13I4pTUAsNxZdg6E0mI2kTQb0P2iHczg1Tu+H4EBgJR+hYhKiHKko7qg==
   dependencies:
     "@codemirror/autocomplete" "^6.0.0"
     "@codemirror/language" "^6.0.0"
     "@codemirror/state" "^6.0.0"
+    "@lezer/common" "^1.0.2"
     "@lezer/css" "^1.0.0"
 
 "@codemirror/lang-html@^6.0.0", "@codemirror/lang-html@^6.4.0":
-  version "6.4.3"
-  resolved "https://registry.yarnpkg.com/@codemirror/lang-html/-/lang-html-6.4.3.tgz#dec78f76d9d0261cbe9f2a3a247a1b546327f700"
-  integrity sha512-VKzQXEC8nL69Jg2hvAFPBwOdZNvL8tMFOrdFwWpU+wc6a6KEkndJ/19R5xSaglNX6v2bttm8uIEFYxdQDcIZVQ==
+  version "6.4.6"
+  resolved "https://registry.yarnpkg.com/@codemirror/lang-html/-/lang-html-6.4.6.tgz#25c1c71591da80e75dceb67ceeab41e87bde29a5"
+  integrity sha512-E4C8CVupBksXvgLSme/zv31x91g06eZHSph7NczVxZW+/K+3XgJGWNT//2WLzaKSBoxpAjaOi5ZnPU1SHhjh3A==
   dependencies:
     "@codemirror/autocomplete" "^6.0.0"
     "@codemirror/lang-css" "^6.0.0"
     "@codemirror/lang-javascript" "^6.0.0"
     "@codemirror/language" "^6.4.0"
     "@codemirror/state" "^6.0.0"
-    "@codemirror/view" "^6.2.2"
+    "@codemirror/view" "^6.17.0"
     "@lezer/common" "^1.0.0"
     "@lezer/css" "^1.1.0"
     "@lezer/html" "^1.3.0"
@@ -1281,15 +2166,15 @@
     "@lezer/java" "^1.0.0"
 
 "@codemirror/lang-javascript@^6.0.0", "@codemirror/lang-javascript@^6.1.0", "@codemirror/lang-javascript@^6.1.2":
-  version "6.1.7"
-  resolved "https://registry.yarnpkg.com/@codemirror/lang-javascript/-/lang-javascript-6.1.7.tgz#e39fb9757b1cf47de432e4244d18ca5284a73a58"
-  integrity sha512-KXKqxlZ4W6t5I7i2ScmITUD3f/F5Cllk3kj0De9P9mFeYVfhOVOWuDLgYiLpk357u7Xh4dhqjJAnsNPPoTLghQ==
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/@codemirror/lang-javascript/-/lang-javascript-6.2.1.tgz#8068d44365d13cdb044936fb4e3483301c12ef95"
+  integrity sha512-jlFOXTejVyiQCW3EQwvKH0m99bUYIw40oPmFjSX2VS78yzfe0HELZ+NEo9Yfo1MkGRpGlj3Gnu4rdxV1EnAs5A==
   dependencies:
     "@codemirror/autocomplete" "^6.0.0"
     "@codemirror/language" "^6.6.0"
     "@codemirror/lint" "^6.0.0"
     "@codemirror/state" "^6.0.0"
-    "@codemirror/view" "^6.0.0"
+    "@codemirror/view" "^6.17.0"
     "@lezer/common" "^1.0.0"
     "@lezer/javascript" "^1.0.0"
 
@@ -1301,6 +2186,16 @@
     "@codemirror/language" "^6.0.0"
     "@lezer/json" "^1.0.0"
 
+"@codemirror/lang-less@^6.0.0":
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/@codemirror/lang-less/-/lang-less-6.0.1.tgz#fef10e8dbcd07055b815c3928233a05a8549181e"
+  integrity sha512-ABcsKBjLbyPZwPR5gePpc8jEKCQrFF4pby2WlMVdmJOOr7OWwwyz8DZonPx/cKDE00hfoSLc8F7yAcn/d6+rTQ==
+  dependencies:
+    "@codemirror/lang-css" "^6.2.0"
+    "@codemirror/language" "^6.0.0"
+    "@lezer/highlight" "^1.0.0"
+    "@lezer/lr" "^1.0.0"
+
 "@codemirror/lang-lezer@^6.0.0":
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/@codemirror/lang-lezer/-/lang-lezer-6.0.1.tgz#16a5909ab8ab4a23e9b214476413dc92a3191780"
@@ -1312,10 +2207,11 @@
     "@lezer/lezer" "^1.0.0"
 
 "@codemirror/lang-markdown@^6.0.0", "@codemirror/lang-markdown@^6.1.0":
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/@codemirror/lang-markdown/-/lang-markdown-6.1.1.tgz#ff3cdd339c277f6a02d08eb12f1090977873e771"
-  integrity sha512-n87Ms6Y5UYb1UkFu8sRzTLfq/yyF1y2AYiWvaVdbBQi5WDj1tFk5N+AKA+WC0Jcjc1VxvrCCM0iizjdYYi9sFQ==
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/@codemirror/lang-markdown/-/lang-markdown-6.2.1.tgz#2d9e14a579e9a17c164902dcc0d771e86a6803d1"
+  integrity sha512-Tpk1+CllQ/KU27AYixsxvtqqQS2xYfLEUiBEyyzO+Y9/0LfI2oB1qM2cMhy0D7oRnG0ZSAy9qcYniZc9VtlIxg==
   dependencies:
+    "@codemirror/autocomplete" "^6.7.1"
     "@codemirror/lang-html" "^6.0.0"
     "@codemirror/language" "^6.3.0"
     "@codemirror/state" "^6.0.0"
@@ -1335,13 +2231,13 @@
     "@lezer/php" "^1.0.0"
 
 "@codemirror/lang-python@^6.0.0", "@codemirror/lang-python@^6.1.0":
-  version "6.1.2"
-  resolved "https://registry.yarnpkg.com/@codemirror/lang-python/-/lang-python-6.1.2.tgz#cabb57529679981f170491833dbf798576e7ab18"
-  integrity sha512-nbQfifLBZstpt6Oo4XxA2LOzlSp4b/7Bc5cmodG1R+Cs5PLLCTUvsMNWDnziiCfTOG/SW1rVzXq/GbIr6WXlcw==
+  version "6.1.3"
+  resolved "https://registry.yarnpkg.com/@codemirror/lang-python/-/lang-python-6.1.3.tgz#47b8d9fb42eb4482317843e519c6c211accacb62"
+  integrity sha512-S9w2Jl74hFlD5nqtUMIaXAq9t5WlM0acCkyuQWUUSvZclk1sV+UfnpFiZzuZSG+hfEaOmxKR5UxY/Uxswn7EhQ==
   dependencies:
     "@codemirror/autocomplete" "^6.3.2"
-    "@codemirror/language" "^6.0.0"
-    "@lezer/python" "^1.0.0"
+    "@codemirror/language" "^6.8.0"
+    "@lezer/python" "^1.1.4"
 
 "@codemirror/lang-rust@^6.0.0":
   version "6.0.1"
@@ -1352,20 +2248,20 @@
     "@lezer/rust" "^1.0.0"
 
 "@codemirror/lang-sass@^6.0.0":
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/@codemirror/lang-sass/-/lang-sass-6.0.1.tgz#e390f427c8601175f155046e142371c3c4fb718c"
-  integrity sha512-USy9zqtdLYxSuqq0s4peMoQi+BDzyOyO7chUzli+X2xVCjmBhc3CsWQ4kkDU0NYtCHHFQRkcFO8770eaOwZqfw==
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/@codemirror/lang-sass/-/lang-sass-6.0.2.tgz#38c1b0a1326cc9f5cb2741d2cd51cfbcd7abc0b2"
+  integrity sha512-l/bdzIABvnTo1nzdY6U+kPAC51czYQcOErfzQ9zSm9D8GmNPD0WTW8st/CJwBTPLO8jlrbyvlSEcN20dc4iL0Q==
   dependencies:
-    "@codemirror/lang-css" "^6.1.1"
+    "@codemirror/lang-css" "^6.2.0"
     "@codemirror/language" "^6.0.0"
     "@codemirror/state" "^6.0.0"
     "@lezer/common" "^1.0.2"
     "@lezer/sass" "^1.0.0"
 
 "@codemirror/lang-sql@^6.0.0", "@codemirror/lang-sql@^6.4.0":
-  version "6.4.1"
-  resolved "https://registry.yarnpkg.com/@codemirror/lang-sql/-/lang-sql-6.4.1.tgz#e680fe8c12e5902a29fd952207bf454ae02b3bdc"
-  integrity sha512-PFB56L+A0WGY35uRya+Trt5g19V9k2V9X3c55xoFW4RgiATr/yLqWsbbnEsdxuMn5tLpuikp7Kmj9smRsqBXAg==
+  version "6.5.4"
+  resolved "https://registry.yarnpkg.com/@codemirror/lang-sql/-/lang-sql-6.5.4.tgz#cb1f0140a22d9d502d93d7b91390c2e0becedce5"
+  integrity sha512-5Gq7fYtT/5HbNyIG7a8vYaqOYQU3JbgtBe3+derkrFUXRVcjkf8WVgz++PIbMFAQsOFMDdDR+uiNM8ZRRuXH+w==
   dependencies:
     "@codemirror/autocomplete" "^6.0.0"
     "@codemirror/language" "^6.0.0"
@@ -1374,9 +2270,9 @@
     "@lezer/lr" "^1.0.0"
 
 "@codemirror/lang-vue@^0.1.1":
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/@codemirror/lang-vue/-/lang-vue-0.1.1.tgz#79567fb3be3f411354cd135af59d67f956cdb042"
-  integrity sha512-GIfc/MemCFKUdNSYGTFZDN8XsD2z0DUY7DgrK34on0dzdZ/CawZbi+SADYfVzWoPPdxngHzLhqlR5pSOqyPCvA==
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/@codemirror/lang-vue/-/lang-vue-0.1.2.tgz#50aec87b93ba8a6b0742a24cbab566b3989ee6ca"
+  integrity sha512-D4YrefiRBAr+CfEIM4S3yvGSbYW+N69mttIfGMEf7diHpRbmygDxS+R/5xSqjgtkY6VO6qmUrre1GkRcWeZa9A==
   dependencies:
     "@codemirror/lang-html" "^6.0.0"
     "@codemirror/lang-javascript" "^6.1.2"
@@ -1405,10 +2301,10 @@
     "@lezer/common" "^1.0.0"
     "@lezer/xml" "^1.0.0"
 
-"@codemirror/language-data@6.3.0", "@codemirror/language-data@^6.0.0":
-  version "6.3.0"
-  resolved "https://registry.yarnpkg.com/@codemirror/language-data/-/language-data-6.3.0.tgz#058365fc2e857eb48810ed92134ee469d9a9bba6"
-  integrity sha512-D9tOZS38mK59jDs1Flqe8GgCdUAYI339SqBdwHJZwxgyXHsBc8RIhAlz2oXWGpvZeP/kVHy9LVfoBFgO02mx7w==
+"@codemirror/language-data@6.3.1", "@codemirror/language-data@^6.0.0":
+  version "6.3.1"
+  resolved "https://registry.yarnpkg.com/@codemirror/language-data/-/language-data-6.3.1.tgz#795ec09e04260868070296241363d70f4060bb36"
+  integrity sha512-p6jhJmvhGe1TG1EGNhwH7nFWWFSTJ8NDKnB2fVx5g3t+PpO0+63R7GJNxjS0TmmH3cdMxZbzejsik+rlEh1EyQ==
   dependencies:
     "@codemirror/lang-angular" "^0.1.0"
     "@codemirror/lang-cpp" "^6.0.0"
@@ -1417,6 +2313,7 @@
     "@codemirror/lang-java" "^6.0.0"
     "@codemirror/lang-javascript" "^6.0.0"
     "@codemirror/lang-json" "^6.0.0"
+    "@codemirror/lang-less" "^6.0.0"
     "@codemirror/lang-markdown" "^6.0.0"
     "@codemirror/lang-php" "^6.0.0"
     "@codemirror/lang-python" "^6.0.0"
@@ -1429,47 +2326,47 @@
     "@codemirror/language" "^6.0.0"
     "@codemirror/legacy-modes" "^6.1.0"
 
-"@codemirror/language@6.6.0", "@codemirror/language@^6.0.0", "@codemirror/language@^6.3.0", "@codemirror/language@^6.4.0", "@codemirror/language@^6.6.0":
-  version "6.6.0"
-  resolved "https://registry.yarnpkg.com/@codemirror/language/-/language-6.6.0.tgz#2204407174a38a68053715c19e28ad61f491779f"
-  integrity sha512-cwUd6lzt3MfNYOobdjf14ZkLbJcnv4WtndYaoBkbor/vF+rCNguMPK0IRtvZJG4dsWiaWPcK8x1VijhvSxnstg==
+"@codemirror/language@6.9.1", "@codemirror/language@^6.0.0", "@codemirror/language@^6.3.0", "@codemirror/language@^6.4.0", "@codemirror/language@^6.6.0", "@codemirror/language@^6.8.0":
+  version "6.9.1"
+  resolved "https://registry.yarnpkg.com/@codemirror/language/-/language-6.9.1.tgz#97e2c3e44cf4ff152add865ed7ecec73868446a4"
+  integrity sha512-lWRP3Y9IUdOms6DXuBpoWwjkR7yRmnS0hKYCbSfPz9v6Em1A1UCRujAkDiCrdYfs1Z0Eu4dGtwovNPStIfkgNA==
   dependencies:
     "@codemirror/state" "^6.0.0"
     "@codemirror/view" "^6.0.0"
-    "@lezer/common" "^1.0.0"
+    "@lezer/common" "^1.1.0"
     "@lezer/highlight" "^1.0.0"
     "@lezer/lr" "^1.0.0"
     style-mod "^4.0.0"
 
-"@codemirror/legacy-modes@6.3.2", "@codemirror/legacy-modes@^6.0.0", "@codemirror/legacy-modes@^6.1.0":
-  version "6.3.2"
-  resolved "https://registry.yarnpkg.com/@codemirror/legacy-modes/-/legacy-modes-6.3.2.tgz#d5616b453f38866717437b51c16bde1ae3f011ec"
-  integrity sha512-ki5sqNKWzKi5AKvpVE6Cna4Q+SgxYuYVLAZFSsMjGBWx5qSVa+D+xipix65GS3f2syTfAD9pXKMX4i4p49eneQ==
+"@codemirror/legacy-modes@6.3.3", "@codemirror/legacy-modes@^6.0.0", "@codemirror/legacy-modes@^6.1.0":
+  version "6.3.3"
+  resolved "https://registry.yarnpkg.com/@codemirror/legacy-modes/-/legacy-modes-6.3.3.tgz#d7827c76c9533efdc76f7d0a0fc866f5acd4b764"
+  integrity sha512-X0Z48odJ0KIoh/HY8Ltz75/4tDYc9msQf1E/2trlxFaFFhgjpVHjZ/BCXe1Lk7s4Gd67LL/CeEEHNI+xHOiESg==
   dependencies:
     "@codemirror/language" "^6.0.0"
 
-"@codemirror/lint@6.2.1", "@codemirror/lint@^6.0.0":
+"@codemirror/lint@6.4.2", "@codemirror/lint@^6.0.0":
+  version "6.4.2"
+  resolved "https://registry.yarnpkg.com/@codemirror/lint/-/lint-6.4.2.tgz#c13be5320bde9707efdc94e8bcd3c698abae0b92"
+  integrity sha512-wzRkluWb1ptPKdzlsrbwwjYCPLgzU6N88YBAmlZi8WFyuiEduSd05MnJYNogzyc8rPK7pj6m95ptUApc8sHKVA==
+  dependencies:
+    "@codemirror/state" "^6.0.0"
+    "@codemirror/view" "^6.0.0"
+    crelt "^1.0.5"
+
+"@codemirror/search@6.5.4", "@codemirror/search@^6.0.0":
+  version "6.5.4"
+  resolved "https://registry.yarnpkg.com/@codemirror/search/-/search-6.5.4.tgz#54005697bf581f7dccbbb4a0c34d3a7aa25a513a"
+  integrity sha512-YoTrvjv9e8EbPs58opjZKyJ3ewFrVSUzQ/4WXlULQLSDDr1nGPJ67mMXFNNVYwdFhybzhrzrtqgHmtpJwIF+8g==
+  dependencies:
+    "@codemirror/state" "^6.0.0"
+    "@codemirror/view" "^6.0.0"
+    crelt "^1.0.5"
+
+"@codemirror/state@6.2.1", "@codemirror/state@^6.0.0", "@codemirror/state@^6.1.1", "@codemirror/state@^6.1.4", "@codemirror/state@^6.2.0":
   version "6.2.1"
-  resolved "https://registry.yarnpkg.com/@codemirror/lint/-/lint-6.2.1.tgz#654581d8cc293c315ecfa5c9d61d78c52bbd9ccd"
-  integrity sha512-y1muai5U/uUPAGRyHMx9mHuHLypPcHWxzlZGknp/U5Mdb5Ol8Q5ZLp67UqyTbNFJJ3unVxZ8iX3g1fMN79S1JQ==
-  dependencies:
-    "@codemirror/state" "^6.0.0"
-    "@codemirror/view" "^6.0.0"
-    crelt "^1.0.5"
-
-"@codemirror/search@6.3.0", "@codemirror/search@^6.0.0":
-  version "6.3.0"
-  resolved "https://registry.yarnpkg.com/@codemirror/search/-/search-6.3.0.tgz#d48b2d636fc7474613e240ba8e56c4c5e6e51822"
-  integrity sha512-rBhZxzT34CarfhgCZGhaLBScABDN3iqJxixzNuINp9lrb3lzm0nTpR77G1VrxGO3HOGK7j62jcJftQM7eCOIuw==
-  dependencies:
-    "@codemirror/state" "^6.0.0"
-    "@codemirror/view" "^6.0.0"
-    crelt "^1.0.5"
-
-"@codemirror/state@6.2.0", "@codemirror/state@^6.0.0", "@codemirror/state@^6.1.1", "@codemirror/state@^6.1.4", "@codemirror/state@^6.2.0":
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/@codemirror/state/-/state-6.2.0.tgz#a0fb08403ced8c2a68d1d0acee926bd20be922f2"
-  integrity sha512-69QXtcrsc3RYtOtd+GsvczJ319udtBf1PTrr2KbLWM/e2CXUPnh0Nz9AUo8WfhSQ7GeL8dPVNUmhQVgpmuaNGA==
+  resolved "https://registry.yarnpkg.com/@codemirror/state/-/state-6.2.1.tgz#6dc8d8e5abb26b875e3164191872d69a5e85bd73"
+  integrity sha512-RupHSZ8+OjNT38zU9fKH2sv+Dnlr8Eb8sl4NOnnqz95mCFTZUaiRP8Xv5MeeaG0px2b8Bnfe7YGwCV3nsBhbuw==
 
 "@codemirror/theme-one-dark@6.1.2", "@codemirror/theme-one-dark@^6.0.0":
   version "6.1.2"
@@ -1481,15 +2378,20 @@
     "@codemirror/view" "^6.0.0"
     "@lezer/highlight" "^1.0.0"
 
-"@codemirror/view@6.9.5", "@codemirror/view@^6.0.0", "@codemirror/view@^6.2.2", "@codemirror/view@^6.6.0":
-  version "6.9.5"
-  resolved "https://registry.yarnpkg.com/@codemirror/view/-/view-6.9.5.tgz#8149b5e93e6fbdff2573ed205a53be311dfe80ab"
-  integrity sha512-IZwGdkn8PDyMkGms7bCMpFuTCg6+6eCZNgLOe9xQL4RYvMw1yYLviH+qoAqsNoYGpDt4HhHoW9v3FmalobFoKw==
+"@codemirror/view@6.21.2", "@codemirror/view@^6.0.0", "@codemirror/view@^6.17.0":
+  version "6.21.2"
+  resolved "https://registry.yarnpkg.com/@codemirror/view/-/view-6.21.2.tgz#1e9e3d34926bc890ceb4b7f97533fbacc8930a75"
+  integrity sha512-EZ/Q1WeMWVarWiZHcy4E2aOjjDySeipVkPawOIu2iViZ1YNaZXPBqJBd9/2zLJtN/MrXKm0V1mHB8Cxn50t91A==
   dependencies:
     "@codemirror/state" "^6.1.4"
-    style-mod "^4.0.0"
+    style-mod "^4.1.0"
     w3c-keyname "^2.2.4"
 
+"@colors/colors@1.5.0":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@colors/colors/-/colors-1.5.0.tgz#bb504579c1cae923e6576a4f5da43d25f97bdbd9"
+  integrity sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==
+
 "@cspotcode/source-map-support@^0.8.0":
   version "0.8.1"
   resolved "https://registry.yarnpkg.com/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz#00629c35a688e05a88b1cda684fb9d5e73f000a1"
@@ -1497,38 +2399,37 @@
   dependencies:
     "@jridgewell/trace-mapping" "0.3.9"
 
-"@date-io/core@^2.15.0", "@date-io/core@^2.16.0":
-  version "2.16.0"
-  resolved "https://registry.yarnpkg.com/@date-io/core/-/core-2.16.0.tgz#7871bfc1d9bca9aa35ad444a239505589d0f22f6"
-  integrity sha512-DYmSzkr+jToahwWrsiRA2/pzMEtz9Bq1euJwoOuYwuwIYXnZFtHajY2E6a1VNVDc9jP8YUXK1BvnZH9mmT19Zg==
-
-"@date-io/date-fns@^2.15.0":
-  version "2.16.0"
-  resolved "https://registry.yarnpkg.com/@date-io/date-fns/-/date-fns-2.16.0.tgz#bd5e09b6ecb47ee55e593fc3a87e7b2caaa3da40"
-  integrity sha512-bfm5FJjucqlrnQcXDVU5RD+nlGmL3iWgkHTq3uAZWVIuBu6dDmGa3m8a6zo2VQQpu8ambq9H22UyUpn7590joA==
+"@cypress/request@^3.0.0":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@cypress/request/-/request-3.0.1.tgz#72d7d5425236a2413bd3d8bb66d02d9dc3168960"
+  integrity sha512-TWivJlJi8ZDx2wGOw1dbLuHJKUYX7bWySw377nlnGOW3hP9/MUKIsEdXT/YngWxVdgNCHRBmFlBipE+5/2ZZlQ==
   dependencies:
-    "@date-io/core" "^2.16.0"
+    aws-sign2 "~0.7.0"
+    aws4 "^1.8.0"
+    caseless "~0.12.0"
+    combined-stream "~1.0.6"
+    extend "~3.0.2"
+    forever-agent "~0.6.1"
+    form-data "~2.3.2"
+    http-signature "~1.3.6"
+    is-typedarray "~1.0.0"
+    isstream "~0.1.2"
+    json-stringify-safe "~5.0.1"
+    mime-types "~2.1.19"
+    performance-now "^2.1.0"
+    qs "6.10.4"
+    safe-buffer "^5.1.2"
+    tough-cookie "^4.1.3"
+    tunnel-agent "^0.6.0"
+    uuid "^8.3.2"
 
-"@date-io/dayjs@^2.15.0":
-  version "2.16.0"
-  resolved "https://registry.yarnpkg.com/@date-io/dayjs/-/dayjs-2.16.0.tgz#0d2c254ad8db1306fdc4b8eda197cb53c9af89dc"
-  integrity sha512-y5qKyX2j/HG3zMvIxTobYZRGnd1FUW2olZLS0vTj7bEkBQkjd2RO7/FEwDY03Z1geVGlXKnzIATEVBVaGzV4Iw==
+"@cypress/xvfb@^1.2.4":
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/@cypress/xvfb/-/xvfb-1.2.4.tgz#2daf42e8275b39f4aa53c14214e557bd14e7748a"
+  integrity sha512-skbBzPggOVYCbnGgV+0dmBdW/s77ZkAOXIC1knS8NagwDjBrNC1LuXtQJeiN6l+m7lzmHtaoUw/ctJKdqkG57Q==
   dependencies:
-    "@date-io/core" "^2.16.0"
-
-"@date-io/luxon@^2.15.0":
-  version "2.16.1"
-  resolved "https://registry.yarnpkg.com/@date-io/luxon/-/luxon-2.16.1.tgz#b08786614cb58831c729a15807753011e4acb966"
-  integrity sha512-aeYp5K9PSHV28946pC+9UKUi/xMMYoaGelrpDibZSgHu2VWHXrr7zWLEr+pMPThSs5vt8Ei365PO+84pCm37WQ==
-  dependencies:
-    "@date-io/core" "^2.16.0"
-
-"@date-io/moment@^2.15.0":
-  version "2.16.1"
-  resolved "https://registry.yarnpkg.com/@date-io/moment/-/moment-2.16.1.tgz#ec6e0daa486871e0e6412036c6f806842a0eeed4"
-  integrity sha512-JkxldQxUqZBfZtsaCcCMkm/dmytdyq5pS1RxshCQ4fHhsvP5A7gSqPD22QbVXMcJydi3d3v1Y8BQdUKEuGACZQ==
-  dependencies:
-    "@date-io/core" "^2.16.0"
+    debug "^3.1.0"
+    lodash.once "^4.1.1"
 
 "@discoveryjs/json-ext@^0.5.0":
   version "0.5.7"
@@ -1566,156 +2467,97 @@
   dependencies:
     tslib "^2.0.0"
 
-"@emotion/babel-plugin-jsx-pragmatic@^0.2.0":
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/@emotion/babel-plugin-jsx-pragmatic/-/babel-plugin-jsx-pragmatic-0.2.0.tgz#6fdd78600417973fa2610704693158181d8505b7"
-  integrity sha512-VPfKAtb/bVyu5y+HzCPj9bb2nHnj9yX5mMAU7N0pIDcrFZo8aqDyHXLYF8BD7tY4pNL09N87dygVLKIkQvshJw==
-  dependencies:
-    "@babel/plugin-syntax-jsx" "^7.17.12"
-
-"@emotion/babel-plugin@^11.10.0", "@emotion/babel-plugin@^11.10.6":
-  version "11.10.6"
-  resolved "https://registry.yarnpkg.com/@emotion/babel-plugin/-/babel-plugin-11.10.6.tgz#a68ee4b019d661d6f37dec4b8903255766925ead"
-  integrity sha512-p2dAqtVrkhSa7xz1u/m9eHYdLi+en8NowrmXeF/dKtJpU8lCWli8RUAati7NcSl0afsBott48pdnANuD0wh9QQ==
+"@emotion/babel-plugin@^11.11.0":
+  version "11.11.0"
+  resolved "https://registry.yarnpkg.com/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz#c2d872b6a7767a9d176d007f5b31f7d504bb5d6c"
+  integrity sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==
   dependencies:
     "@babel/helper-module-imports" "^7.16.7"
     "@babel/runtime" "^7.18.3"
-    "@emotion/hash" "^0.9.0"
-    "@emotion/memoize" "^0.8.0"
-    "@emotion/serialize" "^1.1.1"
+    "@emotion/hash" "^0.9.1"
+    "@emotion/memoize" "^0.8.1"
+    "@emotion/serialize" "^1.1.2"
     babel-plugin-macros "^3.1.0"
     convert-source-map "^1.5.0"
     escape-string-regexp "^4.0.0"
     find-root "^1.1.0"
     source-map "^0.5.7"
-    stylis "4.1.3"
+    stylis "4.2.0"
 
-"@emotion/babel-preset-css-prop@11.10.0":
-  version "11.10.0"
-  resolved "https://registry.yarnpkg.com/@emotion/babel-preset-css-prop/-/babel-preset-css-prop-11.10.0.tgz#23922787561d8376782b0e9006323512fe797275"
-  integrity sha512-oN2lCP0NJTEt80IIeFM1RbmapeEVNYzKXYk2pYirAuom9WvV9Oz/aJQN5Hn3RyBMPaY+Of1OZYpTVMle2jUm4g==
+"@emotion/cache@^11.11.0":
+  version "11.11.0"
+  resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-11.11.0.tgz#809b33ee6b1cb1a625fef7a45bc568ccd9b8f3ff"
+  integrity sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==
   dependencies:
-    "@babel/plugin-transform-react-jsx" "^7.17.12"
-    "@babel/runtime" "^7.18.3"
-    "@emotion/babel-plugin" "^11.10.0"
-    "@emotion/babel-plugin-jsx-pragmatic" "^0.2.0"
+    "@emotion/memoize" "^0.8.1"
+    "@emotion/sheet" "^1.2.2"
+    "@emotion/utils" "^1.2.1"
+    "@emotion/weak-memoize" "^0.3.1"
+    stylis "4.2.0"
 
-"@emotion/cache@^11.10.5", "@emotion/cache@^11.10.7":
-  version "11.10.7"
-  resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-11.10.7.tgz#2e3b12d3c7c74db0a020ae79eefc52a1b03a6908"
-  integrity sha512-VLl1/2D6LOjH57Y8Vem1RoZ9haWF4jesHDGiHtKozDQuBIkJm2gimVo0I02sWCuzZtVACeixTVB4jeE8qvCBoQ==
-  dependencies:
-    "@emotion/memoize" "^0.8.0"
-    "@emotion/sheet" "^1.2.1"
-    "@emotion/utils" "^1.2.0"
-    "@emotion/weak-memoize" "^0.3.0"
-    stylis "4.1.3"
+"@emotion/eslint-plugin@11.11.0":
+  version "11.11.0"
+  resolved "https://registry.yarnpkg.com/@emotion/eslint-plugin/-/eslint-plugin-11.11.0.tgz#9f19ecf64ba67c4472576c4c82f6bd4df646be61"
+  integrity sha512-jCOYqU/0Sqm+g+6D7QuIlG99q8YAF0T7BP98zQF/MPZKfbcm46z5mizXn0YlhZ9AYZfNtZ1DeODXdncYxZzR4Q==
 
-"@emotion/css-prettifier@^1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@emotion/css-prettifier/-/css-prettifier-1.1.1.tgz#87f3104c057a55674ff464f9c4fdf7326847f0ea"
-  integrity sha512-dtiZLNN3dWP0mo/+VTPkzNrjp1wL6VRHOOSMn3XpQM4D/7xOVHEIQR6lT5Yj5Omun1REog5NFZ+5hxj+LtTIyQ==
-  dependencies:
-    "@emotion/memoize" "^0.8.0"
-    stylis "4.1.3"
+"@emotion/hash@^0.9.1":
+  version "0.9.1"
+  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.9.1.tgz#4ffb0055f7ef676ebc3a5a91fb621393294e2f43"
+  integrity sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==
 
-"@emotion/css@11.10.6":
-  version "11.10.6"
-  resolved "https://registry.yarnpkg.com/@emotion/css/-/css-11.10.6.tgz#5d226fdd8ef2a46d28e4eb09f66dc01a3bda5a04"
-  integrity sha512-88Sr+3heKAKpj9PCqq5A1hAmAkoSIvwEq1O2TwDij7fUtsJpdkV4jMTISSTouFeRvsGvXIpuSuDQ4C1YdfNGXw==
-  dependencies:
-    "@emotion/babel-plugin" "^11.10.6"
-    "@emotion/cache" "^11.10.5"
-    "@emotion/serialize" "^1.1.1"
-    "@emotion/sheet" "^1.2.1"
-    "@emotion/utils" "^1.2.0"
-
-"@emotion/eslint-plugin@11.10.0":
-  version "11.10.0"
-  resolved "https://registry.yarnpkg.com/@emotion/eslint-plugin/-/eslint-plugin-11.10.0.tgz#e0d8544c8a568bb2dac605b87346baaa3b846e80"
-  integrity sha512-nWpuoQQrzI9aM9fgn+Pbb0pOau4BhheXyVqHcOYKFq46uSuSR2ivZaDwwCJKI6ScA8Pm7OcoOpwdRH2iisf9cg==
-
-"@emotion/hash@^0.9.0":
-  version "0.9.0"
-  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.9.0.tgz#c5153d50401ee3c027a57a177bc269b16d889cb7"
-  integrity sha512-14FtKiHhy2QoPIzdTcvh//8OyBlknNs2nXRwIhG904opCby3l+9Xaf/wuPvICBF0rc1ZCNBd3nKe9cd2mecVkQ==
-
-"@emotion/is-prop-valid@^1.1.0", "@emotion/is-prop-valid@^1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-1.2.0.tgz#7f2d35c97891669f7e276eb71c83376a5dc44c83"
-  integrity sha512-3aDpDprjM0AwaxGE09bOPkNxHpBd+kA6jty3RnaEXdweX1DF1U3VQpPYb0g1IStAuK7SVQ1cy+bNBBKp4W3Fjg==
-  dependencies:
-    "@emotion/memoize" "^0.8.0"
-
-"@emotion/is-prop-valid@^1.2.1":
+"@emotion/is-prop-valid@^1.1.0", "@emotion/is-prop-valid@^1.2.1":
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz#23116cf1ed18bfeac910ec6436561ecb1a3885cc"
   integrity sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==
   dependencies:
     "@emotion/memoize" "^0.8.1"
 
-"@emotion/jest@11.10.5":
-  version "11.10.5"
-  resolved "https://registry.yarnpkg.com/@emotion/jest/-/jest-11.10.5.tgz#6aea1aec38e1c59e675702fa877644a6b1c18d05"
-  integrity sha512-LagosxybgisPlxfBGas9kGcNB5xTTX125WbjEVZiE3MEbb+dI4UYn0XIzrsilR8nUaQ5lH6yKUFrMmz7kB34vg==
-  dependencies:
-    "@babel/runtime" "^7.18.3"
-    "@emotion/css-prettifier" "^1.1.1"
-    chalk "^4.1.0"
-    specificity "^0.4.1"
-    stylis "4.1.3"
-
-"@emotion/memoize@^0.8.0":
-  version "0.8.0"
-  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.8.0.tgz#f580f9beb67176fa57aae70b08ed510e1b18980f"
-  integrity sha512-G/YwXTkv7Den9mXDO7AhLWkE3q+I92B+VqAE+dYG4NGPaHZGvt3G8Q0p9vmE+sq7rTGphUbAvmQ9YpbfMQGGlA==
-
 "@emotion/memoize@^0.8.1":
   version "0.8.1"
   resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.8.1.tgz#c1ddb040429c6d21d38cc945fe75c818cfb68e17"
   integrity sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==
 
-"@emotion/react@11.10.6":
-  version "11.10.6"
-  resolved "https://registry.yarnpkg.com/@emotion/react/-/react-11.10.6.tgz#dbe5e650ab0f3b1d2e592e6ab1e006e75fd9ac11"
-  integrity sha512-6HT8jBmcSkfzO7mc+N1L9uwvOnlcGoix8Zn7srt+9ga0MjREo6lRpuVX0kzo6Jp6oTqDhREOFsygN6Ew4fEQbw==
+"@emotion/react@11.11.1":
+  version "11.11.1"
+  resolved "https://registry.yarnpkg.com/@emotion/react/-/react-11.11.1.tgz#b2c36afac95b184f73b08da8c214fdf861fa4157"
+  integrity sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==
   dependencies:
     "@babel/runtime" "^7.18.3"
-    "@emotion/babel-plugin" "^11.10.6"
-    "@emotion/cache" "^11.10.5"
-    "@emotion/serialize" "^1.1.1"
-    "@emotion/use-insertion-effect-with-fallbacks" "^1.0.0"
-    "@emotion/utils" "^1.2.0"
-    "@emotion/weak-memoize" "^0.3.0"
+    "@emotion/babel-plugin" "^11.11.0"
+    "@emotion/cache" "^11.11.0"
+    "@emotion/serialize" "^1.1.2"
+    "@emotion/use-insertion-effect-with-fallbacks" "^1.0.1"
+    "@emotion/utils" "^1.2.1"
+    "@emotion/weak-memoize" "^0.3.1"
     hoist-non-react-statics "^3.3.1"
 
-"@emotion/serialize@^1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.1.1.tgz#0595701b1902feded8a96d293b26be3f5c1a5cf0"
-  integrity sha512-Zl/0LFggN7+L1liljxXdsVSVlg6E/Z/olVWpfxUTxOAmi8NU7YoeWeLfi1RmnB2TATHoaWwIBRoL+FvAJiTUQA==
+"@emotion/serialize@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.1.2.tgz#017a6e4c9b8a803bd576ff3d52a0ea6fa5a62b51"
+  integrity sha512-zR6a/fkFP4EAcCMQtLOhIgpprZOwNmCldtpaISpvz348+DP4Mz8ZoKaGGCQpbzepNIUWbq4w6hNZkwDyKoS+HA==
   dependencies:
-    "@emotion/hash" "^0.9.0"
-    "@emotion/memoize" "^0.8.0"
-    "@emotion/unitless" "^0.8.0"
-    "@emotion/utils" "^1.2.0"
+    "@emotion/hash" "^0.9.1"
+    "@emotion/memoize" "^0.8.1"
+    "@emotion/unitless" "^0.8.1"
+    "@emotion/utils" "^1.2.1"
     csstype "^3.0.2"
 
-"@emotion/sheet@^1.2.1":
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.2.1.tgz#0767e0305230e894897cadb6c8df2c51e61a6c2c"
-  integrity sha512-zxRBwl93sHMsOj4zs+OslQKg/uhF38MB+OMKoCrVuS0nyTkqnau+BM3WGEoOptg9Oz45T/aIGs1qbVAsEFo3nA==
+"@emotion/sheet@^1.2.2":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.2.2.tgz#d58e788ee27267a14342303e1abb3d508b6d0fec"
+  integrity sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==
 
-"@emotion/styled@11.10.6":
-  version "11.10.6"
-  resolved "https://registry.yarnpkg.com/@emotion/styled/-/styled-11.10.6.tgz#d886afdc51ef4d66c787ebde848f3cc8b117ebba"
-  integrity sha512-OXtBzOmDSJo5Q0AFemHCfl+bUueT8BIcPSxu0EGTpGk6DmI5dnhSzQANm1e1ze0YZL7TDyAyy6s/b/zmGOS3Og==
+"@emotion/styled@11.11.0":
+  version "11.11.0"
+  resolved "https://registry.yarnpkg.com/@emotion/styled/-/styled-11.11.0.tgz#26b75e1b5a1b7a629d7c0a8b708fbf5a9cdce346"
+  integrity sha512-hM5Nnvu9P3midq5aaXj4I+lnSfNi7Pmd4EWk1fOZ3pxookaQTNew6bp4JaCBYM4HVFZF9g7UjJmsUmC2JlxOng==
   dependencies:
     "@babel/runtime" "^7.18.3"
-    "@emotion/babel-plugin" "^11.10.6"
-    "@emotion/is-prop-valid" "^1.2.0"
-    "@emotion/serialize" "^1.1.1"
-    "@emotion/use-insertion-effect-with-fallbacks" "^1.0.0"
-    "@emotion/utils" "^1.2.0"
+    "@emotion/babel-plugin" "^11.11.0"
+    "@emotion/is-prop-valid" "^1.2.1"
+    "@emotion/serialize" "^1.1.2"
+    "@emotion/use-insertion-effect-with-fallbacks" "^1.0.1"
+    "@emotion/utils" "^1.2.1"
 
 "@emotion/stylis@^0.8.4":
   version "0.8.5"
@@ -1727,156 +2569,156 @@
   resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.5.tgz#77211291c1900a700b8a78cfafda3160d76949ed"
   integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==
 
-"@emotion/unitless@^0.8.0":
-  version "0.8.0"
-  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.8.0.tgz#a4a36e9cbdc6903737cd20d38033241e1b8833db"
-  integrity sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw==
+"@emotion/unitless@^0.8.1":
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.8.1.tgz#182b5a4704ef8ad91bde93f7a860a88fd92c79a3"
+  integrity sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==
 
-"@emotion/use-insertion-effect-with-fallbacks@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.0.tgz#ffadaec35dbb7885bd54de3fa267ab2f860294df"
-  integrity sha512-1eEgUGmkaljiBnRMTdksDV1W4kUnmwgp7X9G8B++9GYwl1lUdqSndSriIrTJ0N7LQaoauY9JJ2yhiOYK5+NI4A==
+"@emotion/use-insertion-effect-with-fallbacks@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz#08de79f54eb3406f9daaf77c76e35313da963963"
+  integrity sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==
 
-"@emotion/utils@^1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-1.2.0.tgz#9716eaccbc6b5ded2ea5a90d65562609aab0f561"
-  integrity sha512-sn3WH53Kzpw8oQ5mgMmIzzyAaH2ZqFEbozVVBSYp538E06OSE6ytOp7pRAjNQR+Q/orwqdQYJSe2m3hCOeznkw==
+"@emotion/utils@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-1.2.1.tgz#bbab58465738d31ae4cb3dbb6fc00a5991f755e4"
+  integrity sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==
 
-"@emotion/weak-memoize@^0.3.0":
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.3.0.tgz#ea89004119dc42db2e1dba0f97d553f7372f6fcb"
-  integrity sha512-AHPmaAx+RYfZz0eYu6Gviiagpmiyw98ySSlQvCUhVGDRtDFe4DBS0x1bSjdF3gqUDYOczB+yYvBTtEylYSdRhg==
+"@emotion/weak-memoize@^0.3.1":
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz#d0fce5d07b0620caa282b5131c297bb60f9d87e6"
+  integrity sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==
 
-"@esbuild/android-arm64@0.17.18":
-  version "0.17.18"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.17.18.tgz#4aa8d8afcffb4458736ca9b32baa97d7cb5861ea"
-  integrity sha512-/iq0aK0eeHgSC3z55ucMAHO05OIqmQehiGay8eP5l/5l+iEr4EIbh4/MI8xD9qRFjqzgkc0JkX0LculNC9mXBw==
+"@esbuild/android-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz#984b4f9c8d0377443cc2dfcef266d02244593622"
+  integrity sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==
 
-"@esbuild/android-arm@0.17.18":
-  version "0.17.18"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.17.18.tgz#74a7e95af4ee212ebc9db9baa87c06a594f2a427"
-  integrity sha512-EmwL+vUBZJ7mhFCs5lA4ZimpUH3WMAoqvOIYhVQwdIgSpHC8ImHdsRyhHAVxpDYUSm0lWvd63z0XH1IlImS2Qw==
+"@esbuild/android-arm@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.18.20.tgz#fedb265bc3a589c84cc11f810804f234947c3682"
+  integrity sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==
 
-"@esbuild/android-x64@0.17.18":
-  version "0.17.18"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.17.18.tgz#1dcd13f201997c9fe0b204189d3a0da4eb4eb9b6"
-  integrity sha512-x+0efYNBF3NPW2Xc5bFOSFW7tTXdAcpfEg2nXmxegm4mJuVeS+i109m/7HMiOQ6M12aVGGFlqJX3RhNdYM2lWg==
+"@esbuild/android-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.18.20.tgz#35cf419c4cfc8babe8893d296cd990e9e9f756f2"
+  integrity sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==
 
-"@esbuild/darwin-arm64@0.17.18":
-  version "0.17.18"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.17.18.tgz#444f3b961d4da7a89eb9bd35cfa4415141537c2a"
-  integrity sha512-6tY+djEAdF48M1ONWnQb1C+6LiXrKjmqjzPNPWXhu/GzOHTHX2nh8Mo2ZAmBFg0kIodHhciEgUBtcYCAIjGbjQ==
+"@esbuild/darwin-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz#08172cbeccf95fbc383399a7f39cfbddaeb0d7c1"
+  integrity sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==
 
-"@esbuild/darwin-x64@0.17.18":
-  version "0.17.18"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.17.18.tgz#a6da308d0ac8a498c54d62e0b2bfb7119b22d315"
-  integrity sha512-Qq84ykvLvya3dO49wVC9FFCNUfSrQJLbxhoQk/TE1r6MjHo3sFF2tlJCwMjhkBVq3/ahUisj7+EpRSz0/+8+9A==
+"@esbuild/darwin-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz#d70d5790d8bf475556b67d0f8b7c5bdff053d85d"
+  integrity sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==
 
-"@esbuild/freebsd-arm64@0.17.18":
-  version "0.17.18"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.18.tgz#b83122bb468889399d0d63475d5aea8d6829c2c2"
-  integrity sha512-fw/ZfxfAzuHfaQeMDhbzxp9mc+mHn1Y94VDHFHjGvt2Uxl10mT4CDavHm+/L9KG441t1QdABqkVYwakMUeyLRA==
+"@esbuild/freebsd-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz#98755cd12707f93f210e2494d6a4b51b96977f54"
+  integrity sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==
 
-"@esbuild/freebsd-x64@0.17.18":
-  version "0.17.18"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.17.18.tgz#af59e0e03fcf7f221b34d4c5ab14094862c9c864"
-  integrity sha512-FQFbRtTaEi8ZBi/A6kxOC0V0E9B/97vPdYjY9NdawyLd4Qk5VD5g2pbWN2VR1c0xhzcJm74HWpObPszWC+qTew==
+"@esbuild/freebsd-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz#c1eb2bff03915f87c29cece4c1a7fa1f423b066e"
+  integrity sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==
 
-"@esbuild/linux-arm64@0.17.18":
-  version "0.17.18"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.17.18.tgz#8551d72ba540c5bce4bab274a81c14ed01eafdcf"
-  integrity sha512-R7pZvQZFOY2sxUG8P6A21eq6q+eBv7JPQYIybHVf1XkQYC+lT7nDBdC7wWKTrbvMXKRaGudp/dzZCwL/863mZQ==
+"@esbuild/linux-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz#bad4238bd8f4fc25b5a021280c770ab5fc3a02a0"
+  integrity sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==
 
-"@esbuild/linux-arm@0.17.18":
-  version "0.17.18"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.17.18.tgz#e09e76e526df4f665d4d2720d28ff87d15cdf639"
-  integrity sha512-jW+UCM40LzHcouIaqv3e/oRs0JM76JfhHjCavPxMUti7VAPh8CaGSlS7cmyrdpzSk7A+8f0hiedHqr/LMnfijg==
+"@esbuild/linux-arm@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz#3e617c61f33508a27150ee417543c8ab5acc73b0"
+  integrity sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==
 
-"@esbuild/linux-ia32@0.17.18":
-  version "0.17.18"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.17.18.tgz#47878860ce4fe73a36fd8627f5647bcbbef38ba4"
-  integrity sha512-ygIMc3I7wxgXIxk6j3V00VlABIjq260i967Cp9BNAk5pOOpIXmd1RFQJQX9Io7KRsthDrQYrtcx7QCof4o3ZoQ==
+"@esbuild/linux-ia32@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz#699391cccba9aee6019b7f9892eb99219f1570a7"
+  integrity sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==
 
-"@esbuild/linux-loong64@0.17.18":
-  version "0.17.18"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.17.18.tgz#3f8fbf5267556fc387d20b2e708ce115de5c967a"
-  integrity sha512-bvPG+MyFs5ZlwYclCG1D744oHk1Pv7j8psF5TfYx7otCVmcJsEXgFEhQkbhNW8otDHL1a2KDINW20cfCgnzgMQ==
+"@esbuild/linux-loong64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz#e6fccb7aac178dd2ffb9860465ac89d7f23b977d"
+  integrity sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==
 
-"@esbuild/linux-mips64el@0.17.18":
-  version "0.17.18"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.17.18.tgz#9d896d8f3c75f6c226cbeb840127462e37738226"
-  integrity sha512-oVqckATOAGuiUOa6wr8TXaVPSa+6IwVJrGidmNZS1cZVx0HqkTMkqFGD2HIx9H1RvOwFeWYdaYbdY6B89KUMxA==
+"@esbuild/linux-mips64el@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz#eeff3a937de9c2310de30622a957ad1bd9183231"
+  integrity sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==
 
-"@esbuild/linux-ppc64@0.17.18":
-  version "0.17.18"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.17.18.tgz#3d9deb60b2d32c9985bdc3e3be090d30b7472783"
-  integrity sha512-3dLlQO+b/LnQNxgH4l9rqa2/IwRJVN9u/bK63FhOPB4xqiRqlQAU0qDU3JJuf0BmaH0yytTBdoSBHrb2jqc5qQ==
+"@esbuild/linux-ppc64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz#2f7156bde20b01527993e6881435ad79ba9599fb"
+  integrity sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==
 
-"@esbuild/linux-riscv64@0.17.18":
-  version "0.17.18"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.17.18.tgz#8a943cf13fd24ff7ed58aefb940ef178f93386bc"
-  integrity sha512-/x7leOyDPjZV3TcsdfrSI107zItVnsX1q2nho7hbbQoKnmoeUWjs+08rKKt4AUXju7+3aRZSsKrJtaRmsdL1xA==
+"@esbuild/linux-riscv64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz#6628389f210123d8b4743045af8caa7d4ddfc7a6"
+  integrity sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==
 
-"@esbuild/linux-s390x@0.17.18":
-  version "0.17.18"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.17.18.tgz#66cb01f4a06423e5496facabdce4f7cae7cb80e5"
-  integrity sha512-cX0I8Q9xQkL/6F5zWdYmVf5JSQt+ZfZD2bJudZrWD+4mnUvoZ3TDDXtDX2mUaq6upMFv9FlfIh4Gfun0tbGzuw==
+"@esbuild/linux-s390x@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz#255e81fb289b101026131858ab99fba63dcf0071"
+  integrity sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==
 
-"@esbuild/linux-x64@0.17.18":
-  version "0.17.18"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.17.18.tgz#23c26050c6c5d1359c7b774823adc32b3883b6c9"
-  integrity sha512-66RmRsPlYy4jFl0vG80GcNRdirx4nVWAzJmXkevgphP1qf4dsLQCpSKGM3DUQCojwU1hnepI63gNZdrr02wHUA==
+"@esbuild/linux-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz#c7690b3417af318a9b6f96df3031a8865176d338"
+  integrity sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==
 
-"@esbuild/netbsd-x64@0.17.18":
-  version "0.17.18"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.17.18.tgz#789a203d3115a52633ff6504f8cbf757f15e703b"
-  integrity sha512-95IRY7mI2yrkLlTLb1gpDxdC5WLC5mZDi+kA9dmM5XAGxCME0F8i4bYH4jZreaJ6lIZ0B8hTrweqG1fUyW7jbg==
+"@esbuild/netbsd-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz#30e8cd8a3dded63975e2df2438ca109601ebe0d1"
+  integrity sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==
 
-"@esbuild/openbsd-x64@0.17.18":
-  version "0.17.18"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.17.18.tgz#d7b998a30878f8da40617a10af423f56f12a5e90"
-  integrity sha512-WevVOgcng+8hSZ4Q3BKL3n1xTv5H6Nb53cBrtzzEjDbbnOmucEVcZeGCsCOi9bAOcDYEeBZbD2SJNBxlfP3qiA==
+"@esbuild/openbsd-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz#7812af31b205055874c8082ea9cf9ab0da6217ae"
+  integrity sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==
 
-"@esbuild/sunos-x64@0.17.18":
-  version "0.17.18"
-  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.17.18.tgz#ecad0736aa7dae07901ba273db9ef3d3e93df31f"
-  integrity sha512-Rzf4QfQagnwhQXVBS3BYUlxmEbcV7MY+BH5vfDZekU5eYpcffHSyjU8T0xucKVuOcdCsMo+Ur5wmgQJH2GfNrg==
+"@esbuild/sunos-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz#d5c275c3b4e73c9b0ecd38d1ca62c020f887ab9d"
+  integrity sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==
 
-"@esbuild/win32-arm64@0.17.18":
-  version "0.17.18"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.17.18.tgz#58dfc177da30acf956252d7c8ae9e54e424887c4"
-  integrity sha512-Kb3Ko/KKaWhjeAm2YoT/cNZaHaD1Yk/pa3FTsmqo9uFh1D1Rfco7BBLIPdDOozrObj2sahslFuAQGvWbgWldAg==
+"@esbuild/win32-arm64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz#73bc7f5a9f8a77805f357fab97f290d0e4820ac9"
+  integrity sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==
 
-"@esbuild/win32-ia32@0.17.18":
-  version "0.17.18"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.17.18.tgz#340f6163172b5272b5ae60ec12c312485f69232b"
-  integrity sha512-0/xUMIdkVHwkvxfbd5+lfG7mHOf2FRrxNbPiKWg9C4fFrB8H0guClmaM3BFiRUYrznVoyxTIyC/Ou2B7QQSwmw==
+"@esbuild/win32-ia32@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz#ec93cbf0ef1085cc12e71e0d661d20569ff42102"
+  integrity sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==
 
-"@esbuild/win32-x64@0.17.18":
-  version "0.17.18"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.17.18.tgz#3a8e57153905308db357fd02f57c180ee3a0a1fa"
-  integrity sha512-qU25Ma1I3NqTSHJUOKi9sAH1/Mzuvlke0ioMJRthLXKm7JiSKVwFghlGbDLOO2sARECGhja4xYfRAZNPAkooYg==
+"@esbuild/win32-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz#786c5f41f043b07afb1af37683d7c33668858f6d"
+  integrity sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==
 
-"@eslint-community/eslint-utils@^4.1.2", "@eslint-community/eslint-utils@^4.2.0":
+"@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
   integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
   dependencies:
     eslint-visitor-keys "^3.3.0"
 
-"@eslint-community/regexpp@^4.4.0":
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.5.0.tgz#f6f729b02feee2c749f57e334b7a1b5f40a81724"
-  integrity sha512-vITaYzIcNmjn5tF5uxcZ/ft7/RXGrMUIS9HalWckEOF6ESiwXKoMzAQf2UW0aVd6rnOeExTJVd5hmWXucBKGXQ==
+"@eslint-community/regexpp@^4.5.1", "@eslint-community/regexpp@^4.6.1":
+  version "4.9.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.9.1.tgz#449dfa81a57a1d755b09aa58d826c1262e4283b4"
+  integrity sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==
 
-"@eslint/eslintrc@^2.0.2":
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.0.2.tgz#01575e38707add677cf73ca1589abba8da899a02"
-  integrity sha512-3W4f5tDUra+pA+FzgugqL2pRimUTDJWKr7BINqOpkZrC0uYI0NIc0/JFgBROCU07HR6GieA5m3/rsPIhDmCXTQ==
+"@eslint/eslintrc@^2.1.2":
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.1.2.tgz#c6936b4b328c64496692f76944e755738be62396"
+  integrity sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==
   dependencies:
     ajv "^6.12.4"
     debug "^4.3.2"
-    espree "^9.5.1"
+    espree "^9.6.0"
     globals "^13.19.0"
     ignore "^5.2.0"
     import-fresh "^3.2.1"
@@ -1884,10 +2726,10 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
-"@eslint/js@8.39.0":
-  version "8.39.0"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.39.0.tgz#58b536bcc843f4cd1e02a7e6171da5c040f4d44b"
-  integrity sha512-kf9RB0Fg7NZfap83B3QOqOGg9QmD9yBudqQXzzOtn3i4y7ZUXe5ONeW34Gwi+TxhH4mvj72R1Zc300KUMa9Bng==
+"@eslint/js@8.50.0":
+  version "8.50.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.50.0.tgz#9e93b850f0f3fa35f5fa59adfd03adae8488e484"
+  integrity sha512-NCC3zz2+nvYd+Ckfh87rA47zfu2QsQpvc6k1yzTk+b9KzRj0wkGa8LSoGOXN6Zv4lRf/EIoZ80biDh9HOI+RNQ==
 
 "@floating-ui/core@^1.2.6":
   version "1.2.6"
@@ -1923,7 +2765,7 @@
   dependencies:
     "@floating-ui/dom" "^1.2.1"
 
-"@floating-ui/react-dom@^2.0.0", "@floating-ui/react-dom@^2.0.1":
+"@floating-ui/react-dom@^2.0.0", "@floating-ui/react-dom@^2.0.2":
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/@floating-ui/react-dom/-/react-dom-2.0.2.tgz#fab244d64db08e6bed7be4b5fcce65315ef44d20"
   integrity sha512-5qhlDvjaLmAst/rKb3VdlCinwTF4EYMiVxuuc/HVUjs46W0zgtbMmAZ1UTsDrRTxRmUEzl92mOtWbeeXL26lSQ==
@@ -1949,10 +2791,10 @@
   resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.3.tgz#555193ab2e3bb3b6adc3d551c9c030d9e860daf6"
   integrity sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==
 
-"@humanwhocodes/config-array@^0.11.8":
-  version "0.11.8"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.8.tgz#03595ac2075a4dc0f191cc2131de14fbd7d410b9"
-  integrity sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==
+"@humanwhocodes/config-array@^0.11.11":
+  version "0.11.11"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.11.tgz#88a04c570dbbc7dd943e4712429c3df09bc32844"
+  integrity sha512-N2brEuAadi0CcdeMXUkhbZB84eskAc8MEX1By6qEchoVywSgXPIjou4rYsl0V3Hj0ZnuGycGCjdNgockbzeWNA==
   dependencies:
     "@humanwhocodes/object-schema" "^1.2.1"
     debug "^4.1.1"
@@ -1983,10 +2825,17 @@
   resolved "https://registry.yarnpkg.com/@icons/material/-/material-0.2.4.tgz#e90c9f71768b3736e76d7dd6783fc6c2afa88bc8"
   integrity sha512-QPcGmICAPbGLGb6F/yNf/KzKqvFx8z5qx3D1yFqVAjoFmXK35EgyW+cJ57Te3CNsmzblwtzakLGFqHPqrfb4Tw==
 
-"@isaacs/string-locale-compare@^1.1.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@isaacs/string-locale-compare/-/string-locale-compare-1.1.0.tgz#291c227e93fd407a96ecd59879a35809120e432b"
-  integrity sha512-SQ7Kzhh9+D+ZW9MA0zkYv3VXhIDNx+LzM6EJ+/65I3QY+enU6Itte7E5XX7EWrqLW2FN4n06GWzBnPoC3th2aQ==
+"@isaacs/cliui@^8.0.2":
+  version "8.0.2"
+  resolved "https://registry.yarnpkg.com/@isaacs/cliui/-/cliui-8.0.2.tgz#b37667b7bc181c168782259bab42474fbf52b550"
+  integrity sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==
+  dependencies:
+    string-width "^5.1.2"
+    string-width-cjs "npm:string-width@^4.2.0"
+    strip-ansi "^7.0.1"
+    strip-ansi-cjs "npm:strip-ansi@^6.0.1"
+    wrap-ansi "^8.1.0"
+    wrap-ansi-cjs "npm:wrap-ansi@^7.0.0"
 
 "@istanbuljs/load-nyc-config@^1.0.0":
   version "1.1.0"
@@ -2004,61 +2853,61 @@
   resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
   integrity sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==
 
-"@jest/console@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/console/-/console-29.5.0.tgz#593a6c5c0d3f75689835f1b3b4688c4f8544cb57"
-  integrity sha512-NEpkObxPwyw/XxZVLPmAGKE89IQRp4puc6IQRPru6JKd1M3fW9v1xM1AnzIJE65hbCkzQAdnL8P47e9hzhiYLQ==
+"@jest/console@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/console/-/console-29.7.0.tgz#cd4822dbdb84529265c5a2bdb529a3c9cc950ffc"
+  integrity sha512-5Ni4CU7XHQi32IJ398EEP4RrB8eV09sXP2ROqD4bksHrnTree52PsxvX8tpL8LvTZ3pFzXyPbNQReSN41CAhOg==
   dependencies:
-    "@jest/types" "^29.5.0"
+    "@jest/types" "^29.6.3"
     "@types/node" "*"
     chalk "^4.0.0"
-    jest-message-util "^29.5.0"
-    jest-util "^29.5.0"
+    jest-message-util "^29.7.0"
+    jest-util "^29.7.0"
     slash "^3.0.0"
 
-"@jest/core@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/core/-/core-29.5.0.tgz#76674b96904484e8214614d17261cc491e5f1f03"
-  integrity sha512-28UzQc7ulUrOQw1IsN/kv1QES3q2kkbl/wGslyhAclqZ/8cMdB5M68BffkIdSJgKBUt50d3hbwJ92XESlE7LiQ==
+"@jest/core@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/core/-/core-29.7.0.tgz#b6cccc239f30ff36609658c5a5e2291757ce448f"
+  integrity sha512-n7aeXWKMnGtDA48y8TLWJPJmLmmZ642Ceo78cYWEpiD7FzDgmNDV/GCVRorPABdXLJZ/9wzzgZAlHjXjxDHGsg==
   dependencies:
-    "@jest/console" "^29.5.0"
-    "@jest/reporters" "^29.5.0"
-    "@jest/test-result" "^29.5.0"
-    "@jest/transform" "^29.5.0"
-    "@jest/types" "^29.5.0"
+    "@jest/console" "^29.7.0"
+    "@jest/reporters" "^29.7.0"
+    "@jest/test-result" "^29.7.0"
+    "@jest/transform" "^29.7.0"
+    "@jest/types" "^29.6.3"
     "@types/node" "*"
     ansi-escapes "^4.2.1"
     chalk "^4.0.0"
     ci-info "^3.2.0"
     exit "^0.1.2"
     graceful-fs "^4.2.9"
-    jest-changed-files "^29.5.0"
-    jest-config "^29.5.0"
-    jest-haste-map "^29.5.0"
-    jest-message-util "^29.5.0"
-    jest-regex-util "^29.4.3"
-    jest-resolve "^29.5.0"
-    jest-resolve-dependencies "^29.5.0"
-    jest-runner "^29.5.0"
-    jest-runtime "^29.5.0"
-    jest-snapshot "^29.5.0"
-    jest-util "^29.5.0"
-    jest-validate "^29.5.0"
-    jest-watcher "^29.5.0"
+    jest-changed-files "^29.7.0"
+    jest-config "^29.7.0"
+    jest-haste-map "^29.7.0"
+    jest-message-util "^29.7.0"
+    jest-regex-util "^29.6.3"
+    jest-resolve "^29.7.0"
+    jest-resolve-dependencies "^29.7.0"
+    jest-runner "^29.7.0"
+    jest-runtime "^29.7.0"
+    jest-snapshot "^29.7.0"
+    jest-util "^29.7.0"
+    jest-validate "^29.7.0"
+    jest-watcher "^29.7.0"
     micromatch "^4.0.4"
-    pretty-format "^29.5.0"
+    pretty-format "^29.7.0"
     slash "^3.0.0"
     strip-ansi "^6.0.0"
 
-"@jest/environment@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-29.5.0.tgz#9152d56317c1fdb1af389c46640ba74ef0bb4c65"
-  integrity sha512-5FXw2+wD29YU1d4I2htpRX7jYnAyTRjP2CsXQdo9SAM8g3ifxWPSV0HnClSn71xwctr0U3oZIIH+dtbfmnbXVQ==
+"@jest/environment@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-29.7.0.tgz#24d61f54ff1f786f3cd4073b4b94416383baf2a7"
+  integrity sha512-aQIfHDq33ExsN4jP1NWGXhxgQ/wixs60gDiKO+XVMd8Mn0NWPWgc34ZQDTb2jKaUWQ7MuwoitXAsN2XVXNMpAw==
   dependencies:
-    "@jest/fake-timers" "^29.5.0"
-    "@jest/types" "^29.5.0"
+    "@jest/fake-timers" "^29.7.0"
+    "@jest/types" "^29.6.3"
     "@types/node" "*"
-    jest-mock "^29.5.0"
+    jest-mock "^29.7.0"
 
 "@jest/expect-utils@^29.5.0":
   version "29.5.0"
@@ -2067,47 +2916,54 @@
   dependencies:
     jest-get-type "^29.4.3"
 
-"@jest/expect@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/expect/-/expect-29.5.0.tgz#80952f5316b23c483fbca4363ce822af79c38fba"
-  integrity sha512-PueDR2HGihN3ciUNGr4uelropW7rqUfTiOn+8u0leg/42UhblPxHkfoh0Ruu3I9Y1962P3u2DY4+h7GVTSVU6g==
+"@jest/expect-utils@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/expect-utils/-/expect-utils-29.7.0.tgz#023efe5d26a8a70f21677d0a1afc0f0a44e3a1c6"
+  integrity sha512-GlsNBWiFQFCVi9QVSx7f5AgMeLxe9YCCs5PuP2O2LdjDAA8Jh9eX7lA1Jq/xdXw3Wb3hyvlFNfZIfcRetSzYcA==
   dependencies:
-    expect "^29.5.0"
-    jest-snapshot "^29.5.0"
+    jest-get-type "^29.6.3"
 
-"@jest/fake-timers@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-29.5.0.tgz#d4d09ec3286b3d90c60bdcd66ed28d35f1b4dc2c"
-  integrity sha512-9ARvuAAQcBwDAqOnglWq2zwNIRUDtk/SCkp/ToGEhFv5r86K21l+VEs0qNTaXtyiY0lEePl3kylijSYJQqdbDg==
+"@jest/expect@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/expect/-/expect-29.7.0.tgz#76a3edb0cb753b70dfbfe23283510d3d45432bf2"
+  integrity sha512-8uMeAMycttpva3P1lBHB8VciS9V0XAr3GymPpipdyQXbBcuhkLQOSe8E/p92RyAdToS6ZD1tFkX+CkhoECE0dQ==
   dependencies:
-    "@jest/types" "^29.5.0"
+    expect "^29.7.0"
+    jest-snapshot "^29.7.0"
+
+"@jest/fake-timers@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-29.7.0.tgz#fd91bf1fffb16d7d0d24a426ab1a47a49881a565"
+  integrity sha512-q4DH1Ha4TTFPdxLsqDXK1d3+ioSL7yL5oCMJZgDYm6i+6CygW5E5xVr/D1HdsGxjt1ZWSfUAs9OxSB/BNelWrQ==
+  dependencies:
+    "@jest/types" "^29.6.3"
     "@sinonjs/fake-timers" "^10.0.2"
     "@types/node" "*"
-    jest-message-util "^29.5.0"
-    jest-mock "^29.5.0"
-    jest-util "^29.5.0"
+    jest-message-util "^29.7.0"
+    jest-mock "^29.7.0"
+    jest-util "^29.7.0"
 
-"@jest/globals@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-29.5.0.tgz#6166c0bfc374c58268677539d0c181f9c1833298"
-  integrity sha512-S02y0qMWGihdzNbUiqSAiKSpSozSuHX5UYc7QbnHP+D9Lyw8DgGGCinrN9uSuHPeKgSSzvPom2q1nAtBvUsvPQ==
+"@jest/globals@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-29.7.0.tgz#8d9290f9ec47ff772607fa864ca1d5a2efae1d4d"
+  integrity sha512-mpiz3dutLbkW2MNFubUGUEVLkTGiqW6yLVTA+JbP6fI6J5iL9Y0Nlg8k95pcF8ctKwCS7WVxteBs29hhfAotzQ==
   dependencies:
-    "@jest/environment" "^29.5.0"
-    "@jest/expect" "^29.5.0"
-    "@jest/types" "^29.5.0"
-    jest-mock "^29.5.0"
+    "@jest/environment" "^29.7.0"
+    "@jest/expect" "^29.7.0"
+    "@jest/types" "^29.6.3"
+    jest-mock "^29.7.0"
 
-"@jest/reporters@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-29.5.0.tgz#985dfd91290cd78ddae4914ba7921bcbabe8ac9b"
-  integrity sha512-D05STXqj/M8bP9hQNSICtPqz97u7ffGzZu+9XLucXhkOFBqKcXe04JLZOgIekOxdb73MAoBUFnqvf7MCpKk5OA==
+"@jest/reporters@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-29.7.0.tgz#04b262ecb3b8faa83b0b3d321623972393e8f4c7"
+  integrity sha512-DApq0KJbJOEzAFYjHADNNxAE3KbhxQB1y5Kplb5Waqw6zVbuWatSnMjE5gs8FUgEPmNsnZA3NCWl9NG0ia04Pg==
   dependencies:
     "@bcoe/v8-coverage" "^0.2.3"
-    "@jest/console" "^29.5.0"
-    "@jest/test-result" "^29.5.0"
-    "@jest/transform" "^29.5.0"
-    "@jest/types" "^29.5.0"
-    "@jridgewell/trace-mapping" "^0.3.15"
+    "@jest/console" "^29.7.0"
+    "@jest/test-result" "^29.7.0"
+    "@jest/transform" "^29.7.0"
+    "@jest/types" "^29.6.3"
+    "@jridgewell/trace-mapping" "^0.3.18"
     "@types/node" "*"
     chalk "^4.0.0"
     collect-v8-coverage "^1.0.0"
@@ -2115,13 +2971,13 @@
     glob "^7.1.3"
     graceful-fs "^4.2.9"
     istanbul-lib-coverage "^3.0.0"
-    istanbul-lib-instrument "^5.1.0"
+    istanbul-lib-instrument "^6.0.0"
     istanbul-lib-report "^3.0.0"
     istanbul-lib-source-maps "^4.0.0"
     istanbul-reports "^3.1.3"
-    jest-message-util "^29.5.0"
-    jest-util "^29.5.0"
-    jest-worker "^29.5.0"
+    jest-message-util "^29.7.0"
+    jest-util "^29.7.0"
+    jest-worker "^29.7.0"
     slash "^3.0.0"
     string-length "^4.0.1"
     strip-ansi "^6.0.0"
@@ -2134,51 +2990,58 @@
   dependencies:
     "@sinclair/typebox" "^0.25.16"
 
-"@jest/source-map@^29.4.3":
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-29.4.3.tgz#ff8d05cbfff875d4a791ab679b4333df47951d20"
-  integrity sha512-qyt/mb6rLyd9j1jUts4EQncvS6Yy3PM9HghnNv86QBlV+zdL2inCdK1tuVlL+J+lpiw2BI67qXOrX3UurBqQ1w==
+"@jest/schemas@^29.6.3":
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-29.6.3.tgz#430b5ce8a4e0044a7e3819663305a7b3091c8e03"
+  integrity sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==
   dependencies:
-    "@jridgewell/trace-mapping" "^0.3.15"
+    "@sinclair/typebox" "^0.27.8"
+
+"@jest/source-map@^29.6.3":
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-29.6.3.tgz#d90ba772095cf37a34a5eb9413f1b562a08554c4"
+  integrity sha512-MHjT95QuipcPrpLM+8JMSzFx6eHp5Bm+4XeFDJlwsvVBjmKNiIAvasGK2fxz2WbGRlnvqehFbh07MMa7n3YJnw==
+  dependencies:
+    "@jridgewell/trace-mapping" "^0.3.18"
     callsites "^3.0.0"
     graceful-fs "^4.2.9"
 
-"@jest/test-result@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-29.5.0.tgz#7c856a6ca84f45cc36926a4e9c6b57f1973f1408"
-  integrity sha512-fGl4rfitnbfLsrfx1uUpDEESS7zM8JdgZgOCQuxQvL1Sn/I6ijeAVQWGfXI9zb1i9Mzo495cIpVZhA0yr60PkQ==
+"@jest/test-result@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-29.7.0.tgz#8db9a80aa1a097bb2262572686734baed9b1657c"
+  integrity sha512-Fdx+tv6x1zlkJPcWXmMDAG2HBnaR9XPSd5aDWQVsfrZmLVT3lU1cwyxLgRmXR9yrq4NBoEm9BMsfgFzTQAbJYA==
   dependencies:
-    "@jest/console" "^29.5.0"
-    "@jest/types" "^29.5.0"
+    "@jest/console" "^29.7.0"
+    "@jest/types" "^29.6.3"
     "@types/istanbul-lib-coverage" "^2.0.0"
     collect-v8-coverage "^1.0.0"
 
-"@jest/test-sequencer@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-29.5.0.tgz#34d7d82d3081abd523dbddc038a3ddcb9f6d3cc4"
-  integrity sha512-yPafQEcKjkSfDXyvtgiV4pevSeyuA6MQr6ZIdVkWJly9vkqjnFfcfhRQqpD5whjoU8EORki752xQmjaqoFjzMQ==
+"@jest/test-sequencer@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-29.7.0.tgz#6cef977ce1d39834a3aea887a1726628a6f072ce"
+  integrity sha512-GQwJ5WZVrKnOJuiYiAF52UNUJXgTZx1NHjFSEB0qEMmSZKAkdMoIzw/Cj6x6NF4AvV23AUqDpFzQkN/eYCYTxw==
   dependencies:
-    "@jest/test-result" "^29.5.0"
+    "@jest/test-result" "^29.7.0"
     graceful-fs "^4.2.9"
-    jest-haste-map "^29.5.0"
+    jest-haste-map "^29.7.0"
     slash "^3.0.0"
 
-"@jest/transform@^29.5.0":
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-29.5.0.tgz#cf9c872d0965f0cbd32f1458aa44a2b1988b00f9"
-  integrity sha512-8vbeZWqLJOvHaDfeMuoHITGKSz5qWc9u04lnWrQE3VyuSw604PzQM824ZeX9XSjUCeDiE3GuxZe5UKa8J61NQw==
+"@jest/transform@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-29.7.0.tgz#df2dd9c346c7d7768b8a06639994640c642e284c"
+  integrity sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==
   dependencies:
     "@babel/core" "^7.11.6"
-    "@jest/types" "^29.5.0"
-    "@jridgewell/trace-mapping" "^0.3.15"
+    "@jest/types" "^29.6.3"
+    "@jridgewell/trace-mapping" "^0.3.18"
     babel-plugin-istanbul "^6.1.1"
     chalk "^4.0.0"
     convert-source-map "^2.0.0"
     fast-json-stable-stringify "^2.1.0"
     graceful-fs "^4.2.9"
-    jest-haste-map "^29.5.0"
-    jest-regex-util "^29.4.3"
-    jest-util "^29.5.0"
+    jest-haste-map "^29.7.0"
+    jest-regex-util "^29.6.3"
+    jest-util "^29.7.0"
     micromatch "^4.0.4"
     pirates "^4.0.4"
     slash "^3.0.0"
@@ -2196,6 +3059,18 @@
     "@types/yargs" "^17.0.8"
     chalk "^4.0.0"
 
+"@jest/types@^29.6.3":
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-29.6.3.tgz#1131f8cf634e7e84c5e77bab12f052af585fba59"
+  integrity sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==
+  dependencies:
+    "@jest/schemas" "^29.6.3"
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    "@types/istanbul-reports" "^3.0.0"
+    "@types/node" "*"
+    "@types/yargs" "^17.0.8"
+    chalk "^4.0.0"
+
 "@jridgewell/gen-mapping@^0.3.0", "@jridgewell/gen-mapping@^0.3.2":
   version "0.3.3"
   resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz#7e02e6eb5df901aaedb08514203b096614024098"
@@ -2210,7 +3085,7 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz#2203b118c157721addfe69d47b70465463066d78"
   integrity sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==
 
-"@jridgewell/resolve-uri@^3.0.3":
+"@jridgewell/resolve-uri@^3.0.3", "@jridgewell/resolve-uri@^3.1.0":
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz#c08679063f279615a3326583ba3a90d1d82cc721"
   integrity sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==
@@ -2233,7 +3108,7 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
   integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
 
-"@jridgewell/sourcemap-codec@^1.4.10":
+"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14":
   version "1.4.15"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
   integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
@@ -2246,7 +3121,7 @@
     "@jridgewell/resolve-uri" "^3.0.3"
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
-"@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.15", "@jridgewell/trace-mapping@^0.3.17", "@jridgewell/trace-mapping@^0.3.9":
+"@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.17", "@jridgewell/trace-mapping@^0.3.9":
   version "0.3.18"
   resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz#25783b2086daf6ff1dcb53c9249ae480e4dd4cd6"
   integrity sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==
@@ -2254,6 +3129,14 @@
     "@jridgewell/resolve-uri" "3.1.0"
     "@jridgewell/sourcemap-codec" "1.4.14"
 
+"@jridgewell/trace-mapping@^0.3.18":
+  version "0.3.19"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.19.tgz#f8a3249862f91be48d3127c3cfe992f79b4b8811"
+  integrity sha512-kf37QtfW+Hwx/buWGMPcR60iF9ziHa6r/CZJIHbmcm4+0qrXiVdxegAH0F6yddEVQ7zdkjcGCgCzUu+BcbhQxw==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+
 "@juggle/resize-observer@^3.4.0":
   version "3.4.0"
   resolved "https://registry.yarnpkg.com/@juggle/resize-observer/-/resize-observer-3.4.0.tgz#08d6c5e20cf7e4cc02fd181c4b0c225cd31dbb60"
@@ -2276,182 +3159,166 @@
   resolved "https://registry.yarnpkg.com/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz#b2ac626d6cb9c8718ab459166d4bb405b8ffa78b"
   integrity sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==
 
-"@lerna/child-process@6.6.1":
-  version "6.6.1"
-  resolved "https://registry.yarnpkg.com/@lerna/child-process/-/child-process-6.6.1.tgz#e31bc411ad6d474cf7b676904da6f77f58fd64eb"
-  integrity sha512-yUCDCcRNNbI9UUsUB6FYEmDHpo5Tn/f0q5D7vhDP4i6Or8kBj82y7+e31hwfLvK2ykOYlDVs2MxAluH/+QUBOQ==
+"@lerna/child-process@7.3.0":
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/@lerna/child-process/-/child-process-7.3.0.tgz#c56488a8a881f22a64793bf9339c5a2450a18559"
+  integrity sha512-rA+fGUo2j/LEq6w1w8s6oVikLbJTWoIDVpYMc7bUCtwDOUuZKMQiRtjmpavY3fTm7ltu42f4AKflc2A70K4wvA==
   dependencies:
     chalk "^4.1.0"
     execa "^5.0.0"
     strong-log-transformer "^2.1.0"
 
-"@lerna/create@6.6.1":
-  version "6.6.1"
-  resolved "https://registry.yarnpkg.com/@lerna/create/-/create-6.6.1.tgz#fc20f09e10b612d424a576775ad6eefe6aa96517"
-  integrity sha512-GDmHFhQ0mr0RcXWXrsLyfMV6ch/dZV/Ped1e6sFVQhsLL9P+FFXX1ZWxa/dQQ90VWF2qWcmK0+S/L3kUz2xvTA==
+"@lerna/create@7.3.0":
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/@lerna/create/-/create-7.3.0.tgz#5438c231f617b8e825731390d394f8684af471d5"
+  integrity sha512-fjgiKjg9VXwQ4ZKKsrXICEKRiC3yo6+FprR0mc55uz0s5e9xupoSGLobUTTBdE7ncNB3ibqml8dfaAn/+ESajQ==
   dependencies:
-    "@lerna/child-process" "6.6.1"
-    dedent "^0.7.0"
-    fs-extra "^9.1.0"
-    init-package-json "^3.0.2"
-    npm-package-arg "8.1.1"
-    p-reduce "^2.1.0"
-    pacote "^13.6.1"
-    pify "^5.0.0"
-    semver "^7.3.4"
-    slash "^3.0.0"
-    validate-npm-package-license "^3.0.4"
-    validate-npm-package-name "^4.0.0"
-    yargs-parser "20.2.4"
-
-"@lerna/legacy-package-management@6.6.1":
-  version "6.6.1"
-  resolved "https://registry.yarnpkg.com/@lerna/legacy-package-management/-/legacy-package-management-6.6.1.tgz#1f44af40098b9396a4f698514ff2b87016b1ee3d"
-  integrity sha512-0EYxSFr34VgeudA5rvjGJSY7s4seITMVB7AJ9LRFv9QDUk6jpvapV13ZAaKnhDTxX5vNCfnJuWHXXWq0KyPF/Q==
-  dependencies:
-    "@npmcli/arborist" "6.2.3"
-    "@npmcli/run-script" "4.1.7"
-    "@nrwl/devkit" ">=15.5.2 < 16"
-    "@octokit/rest" "19.0.3"
-    byte-size "7.0.0"
+    "@lerna/child-process" "7.3.0"
+    "@npmcli/run-script" "6.0.2"
+    "@nx/devkit" ">=16.5.1 < 17"
+    "@octokit/plugin-enterprise-rest" "6.0.1"
+    "@octokit/rest" "19.0.11"
+    byte-size "8.1.1"
     chalk "4.1.0"
     clone-deep "4.0.1"
-    cmd-shim "5.0.0"
+    cmd-shim "6.0.1"
     columnify "1.6.0"
-    config-chain "1.1.12"
-    conventional-changelog-core "4.2.4"
-    conventional-recommended-bump "6.1.0"
-    cosmiconfig "7.0.0"
+    conventional-changelog-core "5.0.1"
+    conventional-recommended-bump "7.0.1"
+    cosmiconfig "^8.2.0"
     dedent "0.7.0"
-    dot-prop "6.0.1"
     execa "5.0.0"
-    file-url "3.0.0"
-    find-up "5.0.0"
-    fs-extra "9.1.0"
-    get-port "5.1.1"
+    fs-extra "^11.1.1"
     get-stream "6.0.0"
     git-url-parse "13.1.0"
     glob-parent "5.1.2"
     globby "11.1.0"
-    graceful-fs "4.2.10"
+    graceful-fs "4.2.11"
     has-unicode "2.0.1"
-    inquirer "8.2.4"
-    is-ci "2.0.0"
+    ini "^1.3.8"
+    init-package-json "5.0.0"
+    inquirer "^8.2.4"
+    is-ci "3.0.1"
     is-stream "2.0.0"
-    libnpmpublish "6.0.4"
+    js-yaml "4.1.0"
+    libnpmpublish "7.3.0"
     load-json-file "6.2.0"
-    make-dir "3.1.0"
+    lodash "^4.17.21"
+    make-dir "4.0.0"
     minimatch "3.0.5"
     multimatch "5.0.0"
     node-fetch "2.6.7"
     npm-package-arg "8.1.1"
     npm-packlist "5.1.1"
-    npm-registry-fetch "14.0.3"
-    npmlog "6.0.2"
+    npm-registry-fetch "^14.0.5"
+    npmlog "^6.0.2"
+    nx ">=16.5.1 < 17"
     p-map "4.0.0"
     p-map-series "2.1.0"
     p-queue "6.6.2"
-    p-waterfall "2.1.1"
-    pacote "13.6.2"
+    p-reduce "^2.1.0"
+    pacote "^15.2.0"
     pify "5.0.0"
-    pretty-format "29.4.3"
-    read-cmd-shim "3.0.0"
-    read-package-json "5.0.1"
+    read-cmd-shim "4.0.0"
+    read-package-json "6.0.4"
     resolve-from "5.0.0"
-    semver "7.3.8"
+    rimraf "^4.4.1"
+    semver "^7.3.4"
     signal-exit "3.0.7"
-    slash "3.0.0"
-    ssri "9.0.1"
+    slash "^3.0.0"
+    ssri "^9.0.1"
     strong-log-transformer "2.1.0"
     tar "6.1.11"
     temp-dir "1.0.0"
-    tempy "1.0.0"
     upath "2.0.1"
-    uuid "8.3.2"
-    write-file-atomic "4.0.1"
+    uuid "^9.0.0"
+    validate-npm-package-license "^3.0.4"
+    validate-npm-package-name "5.0.0"
+    write-file-atomic "5.0.1"
     write-pkg "4.0.0"
     yargs "16.2.0"
+    yargs-parser "20.2.4"
 
-"@lezer/common@1.0.2", "@lezer/common@^1.0.0", "@lezer/common@^1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@lezer/common/-/common-1.0.2.tgz#8fb9b86bdaa2ece57e7d59e5ffbcb37d71815087"
-  integrity sha512-SVgiGtMnMnW3ActR8SXgsDhw7a0w0ChHSYAyAUxxrOiJ1OqYWEKk/xJd84tTSPo1mo6DXLObAJALNnd0Hrv7Ng==
+"@lezer/common@1.1.0", "@lezer/common@^1.0.0", "@lezer/common@^1.0.2", "@lezer/common@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@lezer/common/-/common-1.1.0.tgz#2e5bfe01d7a2ada6056d93c677bba4f1495e098a"
+  integrity sha512-XPIN3cYDXsoJI/oDWoR2tD++juVrhgIago9xyKhZ7IhGlzdDM9QgC8D8saKNCz5pindGcznFr2HBSsEQSWnSjw==
 
 "@lezer/cpp@^1.0.0":
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/@lezer/cpp/-/cpp-1.1.0.tgz#5aaecac684437925d650252d7e9d97acf8f8f095"
-  integrity sha512-zUHrjNFuY/DOZCkOBJ6qItQIkcopHM/Zv/QOE0a4XNG3HDNahxTNu5fQYl8dIuKCpxCqRdMl5cEwl5zekFc7BA==
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@lezer/cpp/-/cpp-1.1.1.tgz#ac0261f48dc3651bfea13fdaeff35f04c9011a7f"
+  integrity sha512-eS1M3L3U2mDowoFVPG7tEp01SWu9/68Nx3HEBgLJVn3N9ku7g5S7WdFv0jzmcTipAyONYfZJ+7x4WRkfdB2Ung==
   dependencies:
     "@lezer/highlight" "^1.0.0"
     "@lezer/lr" "^1.0.0"
 
 "@lezer/css@^1.0.0", "@lezer/css@^1.1.0":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@lezer/css/-/css-1.1.1.tgz#c36dcb0789317cb80c3740767dd3b85e071ad082"
-  integrity sha512-mSjx+unLLapEqdOYDejnGBokB5+AiJKZVclmud0MKQOKx3DLJ5b5VTCstgDDknR6iIV4gVrN6euzsCnj0A2gQA==
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/@lezer/css/-/css-1.1.3.tgz#605495b00fd8a122088becf196a93744cbe817fc"
+  integrity sha512-SjSM4pkQnQdJDVc80LYzEaMiNy9txsFbI7HsMgeVF28NdLaAdHNtQ+kB/QqDUzRBV/75NTXjJ/R5IdC8QQGxMg==
   dependencies:
     "@lezer/highlight" "^1.0.0"
     "@lezer/lr" "^1.0.0"
 
 "@lezer/highlight@^1.0.0", "@lezer/highlight@^1.1.3":
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/@lezer/highlight/-/highlight-1.1.4.tgz#98ed821e89f72981b7ba590474e6ee86c8185619"
-  integrity sha512-IECkFmw2l7sFcYXrV8iT9GeY4W0fU4CxX0WMwhmhMIVjoDdD1Hr6q3G2NqVtLg/yVe5n7i4menG3tJ2r4eCrPQ==
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/@lezer/highlight/-/highlight-1.1.6.tgz#87e56468c0f43c2a8b3dc7f0b7c2804b34901556"
+  integrity sha512-cmSJYa2us+r3SePpRCjN5ymCqCPv+zyXmDl0ciWtVaNiORT/MxM7ZgOMQZADD0o51qOaOg24qc/zBViOIwAjJg==
   dependencies:
     "@lezer/common" "^1.0.0"
 
 "@lezer/html@^1.3.0":
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/@lezer/html/-/html-1.3.4.tgz#7a5c5498dae6c93aee3de208bfb01aa3a0a932e3"
-  integrity sha512-HdJYMVZcT4YsMo7lW3ipL4NoyS2T67kMPuSVS5TgLGqmaCjEU/D6xv7zsa1ktvTK5lwk7zzF1e3eU6gBZIPm5g==
+  version "1.3.6"
+  resolved "https://registry.yarnpkg.com/@lezer/html/-/html-1.3.6.tgz#26a2a17da4e0f91835e36db9ccd025b2ed8d33f7"
+  integrity sha512-Kk9HJARZTc0bAnMQUqbtuhFVsB4AnteR2BFUWfZV7L/x1H0aAKz6YabrfJ2gk/BEgjh9L3hg5O4y2IDZRBdzuQ==
   dependencies:
     "@lezer/common" "^1.0.0"
     "@lezer/highlight" "^1.0.0"
     "@lezer/lr" "^1.0.0"
 
 "@lezer/java@^1.0.0":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@lezer/java/-/java-1.0.3.tgz#393e333fcdb64f7308e0ce120005b0065668e1d2"
-  integrity sha512-kKN17wmgP1cgHb8juR4pwVSPMKkDMzY/lAPbBsZ1fpXwbk2sg3N1kIrf0q+LefxgrANaQb/eNO7+m2QPruTFng==
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@lezer/java/-/java-1.0.4.tgz#f31f5af4bfc40475dc886f0e3e2d291889b87d25"
+  integrity sha512-POc53LHf2AuNeRXjqZbXNu88GKj0KZTjjSx0L7tYeXlrEHF+3NAQx+dEwKVuCbkl0ZMtpRy2VsDYOV7KKV0oyg==
   dependencies:
     "@lezer/highlight" "^1.0.0"
     "@lezer/lr" "^1.0.0"
 
 "@lezer/javascript@^1.0.0":
-  version "1.4.2"
-  resolved "https://registry.yarnpkg.com/@lezer/javascript/-/javascript-1.4.2.tgz#aee4e18f573b496756294c558965d36320bfca47"
-  integrity sha512-77qdAD4zanmImPiAu4ibrMUzRc79UHoccdPa+Ey5iwS891TAkhnMAodUe17T7zV7tnF7e9HXM0pfmjoGEhrppg==
+  version "1.4.7"
+  resolved "https://registry.yarnpkg.com/@lezer/javascript/-/javascript-1.4.7.tgz#4ebcce2db6043c07fbe827188c07cb001bc7fe37"
+  integrity sha512-OVWlK0YEi7HM+9JRWtRkir8qvcg0/kVYg2TAMHlVtl6DU1C9yK1waEOLBMztZsV/axRJxsqfJKhzYz+bxZme5g==
   dependencies:
     "@lezer/highlight" "^1.1.3"
     "@lezer/lr" "^1.3.0"
 
 "@lezer/json@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@lezer/json/-/json-1.0.0.tgz#848ad9c2c3e812518eb02897edd5a7f649e9c160"
-  integrity sha512-zbAuUY09RBzCoCA3lJ1+ypKw5WSNvLqGMtasdW6HvVOqZoCpPr8eWrsGnOVWGKGn8Rh21FnrKRVlJXrGAVUqRw==
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@lezer/json/-/json-1.0.1.tgz#3bf5641f3d1408ec31a5f9b29e4e96c6e3a232e6"
+  integrity sha512-nkVC27qiEZEjySbi6gQRuMwa2sDu2PtfjSgz0A4QF81QyRGm3kb2YRzLcOPcTEtmcwvrX/cej7mlhbwViA4WJw==
   dependencies:
     "@lezer/highlight" "^1.0.0"
     "@lezer/lr" "^1.0.0"
 
 "@lezer/lezer@^1.0.0":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@lezer/lezer/-/lezer-1.1.1.tgz#0e48d961dd10f2d72d17d6a3e81d1f80bdf7056a"
-  integrity sha512-jwoPZUnnrxsbgCqffX9x4SsiGWfKQ5ru3k+74JrJCTJuGiVrnEnfqVyPJAy11FhKi3InK/qUHNj1MHub6dmawg==
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@lezer/lezer/-/lezer-1.1.2.tgz#c2bf13d505ad193d9b8f6cdc1b0f9c71aa6abd98"
+  integrity sha512-O8yw3CxPhzYHB1hvwbdozjnAslhhR8A5BH7vfEMof0xk3p+/DFDfZkA9Tde6J+88WgtwaHy4Sy6ThZSkaI0Evw==
   dependencies:
     "@lezer/highlight" "^1.0.0"
     "@lezer/lr" "^1.0.0"
 
-"@lezer/lr@^1.0.0", "@lezer/lr@^1.1.0", "@lezer/lr@^1.3.0", "@lezer/lr@^1.3.1":
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/@lezer/lr/-/lr-1.3.3.tgz#0ac6c889f1235874f33c45a1b9785d7054f60708"
-  integrity sha512-JPQe3mwJlzEVqy67iQiiGozhcngbO8QBgpqZM6oL1Wj/dXckrEexpBLeFkq0edtW5IqnPRFxA24BHJni8Js69w==
+"@lezer/lr@^1.0.0", "@lezer/lr@^1.1.0", "@lezer/lr@^1.3.0", "@lezer/lr@^1.3.1", "@lezer/lr@^1.3.3":
+  version "1.3.13"
+  resolved "https://registry.yarnpkg.com/@lezer/lr/-/lr-1.3.13.tgz#578e06c6c52e4dc38421368904585afa3eb82ec8"
+  integrity sha512-RLAbau/4uSzKgIKj96mI5WUtG1qtiR0Frn0Ei9zhPj8YOkHM+1Bb8SgdVvmR/aWJCFIzjo2KFnDiRZ75Xf5NdQ==
   dependencies:
     "@lezer/common" "^1.0.0"
 
 "@lezer/markdown@^1.0.0":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@lezer/markdown/-/markdown-1.0.2.tgz#8c804a9f6fe1ccca4a20acd2fd9fbe0fae1ae178"
-  integrity sha512-8CY0OoZ6V5EzPjSPeJ4KLVbtXdLBd8V6sRCooN5kHnO28ytreEGTyrtU/zUwo/XLRzGr/e1g44KlzKi3yWGB5A==
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@lezer/markdown/-/markdown-1.1.0.tgz#5cee104ef353a3442ecee023ff1912826fac8658"
+  integrity sha512-JYOI6Lkqbl83semCANkO3CKbKc0pONwinyagBufWBm+k4yhIcqfCF8B8fpEpvJLmIy7CAfwiq7dQ/PzUZA340g==
   dependencies:
     "@lezer/common" "^1.0.0"
     "@lezer/highlight" "^1.0.0"
@@ -2464,34 +3331,34 @@
     "@lezer/highlight" "^1.0.0"
     "@lezer/lr" "^1.1.0"
 
-"@lezer/python@^1.0.0":
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/@lezer/python/-/python-1.1.4.tgz#6ef58ff965286150fea9f2db776944a1d69cd9b9"
-  integrity sha512-x82XgYxqqX0Yiw7uIemQJ3z2QyQme5BYpectkPfNg99OQrakqfwqVolqEVIrsj4QO9rVDLFZZ49J0Vbne7UbAA==
+"@lezer/python@^1.1.4":
+  version "1.1.8"
+  resolved "https://registry.yarnpkg.com/@lezer/python/-/python-1.1.8.tgz#fe8d03d6cbc95a1d5625cffd30d78018ee816633"
+  integrity sha512-1T/XsmeF57ijrjpC0Zmrf9YeO5mn2zC1XeSNrOnc0KB+6PgxJ5m7kWKt0CnwyS74oHQXbJxUUL+QDQJR26c1Gw==
   dependencies:
     "@lezer/highlight" "^1.0.0"
     "@lezer/lr" "^1.0.0"
 
 "@lezer/rust@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@lezer/rust/-/rust-1.0.0.tgz#939f3e7b0376ebe13f4ac336ed7d59ca2c8adf52"
-  integrity sha512-IpGAxIjNxYmX9ra6GfQTSPegdCAWNeq23WNmrsMMQI7YNSvKtYxO4TX5rgZUmbhEucWn0KTBMeDEPXg99YKtTA==
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@lezer/rust/-/rust-1.0.1.tgz#ac2d7263fe22527e621bb5623929ba6d6c3a29ea"
+  integrity sha512-j+ToFKM6Wpglv3OQ4ebHYdYIMT2dh0ziCCV0rTf47AWiHOVhR0WjaKrBq+yuvDQNEhr5sxPxVI7+naJIgpqcsQ==
   dependencies:
     "@lezer/highlight" "^1.0.0"
     "@lezer/lr" "^1.0.0"
 
 "@lezer/sass@^1.0.0":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@lezer/sass/-/sass-1.0.1.tgz#c0ec3ece28b04e92437a75ac4a806367e5cb6fd4"
-  integrity sha512-S/aYAzABzMqWLfKKqV89pCWME4yjZYC6xzD02l44wbmb0sHxmN9/8aE4GULrKFzFaGazHdXcGEbPZ4zzB6yqwQ==
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@lezer/sass/-/sass-1.0.3.tgz#17e5d27e40979bc8b4aec8d05df0d01f745aedb8"
+  integrity sha512-n4l2nVOB7gWiGU/Cg2IVxpt2Ic9Hgfgy/7gk+p/XJibAsPXs0lSbsfGwQgwsAw9B/euYo3oS6lEFr9WytoqcZg==
   dependencies:
     "@lezer/highlight" "^1.0.0"
     "@lezer/lr" "^1.0.0"
 
 "@lezer/xml@^1.0.0":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@lezer/xml/-/xml-1.0.1.tgz#c4c738a407db610f0e9c59d0e9b16607cd029591"
-  integrity sha512-jMDXrV953sDAUEMI25VNrI9dz94Ai96FfeglytFINhhwQ867HKlCE2jt3AwZTCT7M528WxdDWv/Ty8e9wizwmQ==
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@lezer/xml/-/xml-1.0.2.tgz#5c934602d1d3565fdaf04e93b534c8b94f4df2d1"
+  integrity sha512-dlngsWceOtQBMuBPw5wtHpaxdPJ71aVntqjbpGkFtWsp4WtQmCnuTjQGocviymydN6M18fhj6UQX3oiEtSuY7w==
   dependencies:
     "@lezer/highlight" "^1.0.0"
     "@lezer/lr" "^1.0.0"
@@ -2592,125 +3459,122 @@
     "@types/mdx" "^2.0.0"
     "@types/react" ">=16"
 
-"@mui/base@5.0.0-alpha.124":
-  version "5.0.0-alpha.124"
-  resolved "https://registry.yarnpkg.com/@mui/base/-/base-5.0.0-alpha.124.tgz#164068642e41ba655fd2b9eaf881526909a41201"
-  integrity sha512-I6M+FrjRCybQCr8I8JTu6L2MkUobSQFgNIpOJyDNKL5zq/73LvZIQXvsKumAzthVGvI1PYaarM9vGDrDYbumKA==
+"@mui/base@5.0.0-beta.18":
+  version "5.0.0-beta.18"
+  resolved "https://registry.yarnpkg.com/@mui/base/-/base-5.0.0-beta.18.tgz#f95d393cf80974e77c0823170cc15c854d5af84b"
+  integrity sha512-e9ZCy/ndhyt5MTshAS3qAUy/40UiO0jX+kAo6a+XirrPJE+rrQW+mKPSI0uyp+5z4Vh+z0pvNoJ2S2gSrNz3BQ==
   dependencies:
-    "@babel/runtime" "^7.21.0"
-    "@emotion/is-prop-valid" "^1.2.0"
-    "@mui/types" "^7.2.3"
-    "@mui/utils" "^5.11.13"
-    "@popperjs/core" "^2.11.7"
-    clsx "^1.2.1"
-    prop-types "^15.8.1"
-    react-is "^18.2.0"
-
-"@mui/base@5.0.0-beta.14":
-  version "5.0.0-beta.14"
-  resolved "https://registry.yarnpkg.com/@mui/base/-/base-5.0.0-beta.14.tgz#315b67b0fd231cbd47e8d54f8f92be23122e4d66"
-  integrity sha512-Je/9JzzYObsuLCIClgE8XvXNFb55IEz8n2NtStUfASfNiVrwiR8t6VVFFuhofehkyTIN34tq1qbBaOjCnOovBw==
-  dependencies:
-    "@babel/runtime" "^7.22.10"
-    "@emotion/is-prop-valid" "^1.2.1"
-    "@floating-ui/react-dom" "^2.0.1"
-    "@mui/types" "^7.2.4"
-    "@mui/utils" "^5.14.8"
+    "@babel/runtime" "^7.23.1"
+    "@floating-ui/react-dom" "^2.0.2"
+    "@mui/types" "^7.2.5"
+    "@mui/utils" "^5.14.12"
     "@popperjs/core" "^2.11.8"
     clsx "^2.0.0"
     prop-types "^15.8.1"
-    react-is "^18.2.0"
 
-"@mui/core-downloads-tracker@^5.11.16":
-  version "5.12.1"
-  resolved "https://registry.yarnpkg.com/@mui/core-downloads-tracker/-/core-downloads-tracker-5.12.1.tgz#f828554889e6ab7345395626bb46e561c113435e"
-  integrity sha512-rNiQYHtkXljcvCEnhWrJzie1ifff5O98j3uW7ZlchFgD8HWxEcz/QoxZvo+sCKC9aayAgxi9RsVn2VjCyp5CrA==
-
-"@mui/icons-material@5.11.16":
-  version "5.11.16"
-  resolved "https://registry.yarnpkg.com/@mui/icons-material/-/icons-material-5.11.16.tgz#417fa773c56672e39d6ccfed9ac55591985f0d38"
-  integrity sha512-oKkx9z9Kwg40NtcIajF9uOXhxiyTZrrm9nmIJ4UjkU2IdHpd4QVLbCc/5hZN/y0C6qzi2Zlxyr9TGddQx2vx2A==
+"@mui/base@^5.0.0-beta.14":
+  version "5.0.0-beta.17"
+  resolved "https://registry.yarnpkg.com/@mui/base/-/base-5.0.0-beta.17.tgz#98b7ef6a3176b7aaf59ac8862d3271acb6876bc0"
+  integrity sha512-xNbk7iOXrglNdIxFBN0k3ySsPIFLWCnFxqsAYl7CIcDkD9low4kJ7IUuy6ctwx/HAy2fenrT3KXHr1sGjAMgpQ==
   dependencies:
-    "@babel/runtime" "^7.21.0"
+    "@babel/runtime" "^7.22.15"
+    "@floating-ui/react-dom" "^2.0.2"
+    "@mui/types" "^7.2.4"
+    "@mui/utils" "^5.14.11"
+    "@popperjs/core" "^2.11.8"
+    clsx "^2.0.0"
+    prop-types "^15.8.1"
 
-"@mui/material@5.11.16":
-  version "5.11.16"
-  resolved "https://registry.yarnpkg.com/@mui/material/-/material-5.11.16.tgz#958cb7bcfa71d889c2585516f012ab3363af843c"
-  integrity sha512-++glQqbZ3rMzOWB77yOvqRG+k8+scYTUKVWZpWff+GWsf6L10g9L2wgRhhAS8bDLuxCbXZlPNbSZowXDDw6z6Q==
+"@mui/core-downloads-tracker@^5.14.12":
+  version "5.14.12"
+  resolved "https://registry.yarnpkg.com/@mui/core-downloads-tracker/-/core-downloads-tracker-5.14.12.tgz#7be13094ef0c2fc7c3854da2b90a7eae456ebefd"
+  integrity sha512-WZhCkKqhrXaSVBzoC6LNcVkIawS000OOt7gmnp4g9HhyvN0PSclRXc/JrkC7EwfzUAZJh+hiK2LaVsbtOpNuOg==
+
+"@mui/icons-material@5.14.12":
+  version "5.14.12"
+  resolved "https://registry.yarnpkg.com/@mui/icons-material/-/icons-material-5.14.12.tgz#6634cdc3198bc438e8d38ce591c96d63d5df99a0"
+  integrity sha512-aFm6g/AIB3RQN9h/4MKoBoBybLZXeR3aDHWNx6KzemEpIlElUxv5uXRX5Qk1VC6v/YPkhbaPsiLLjsRSTiZF3w==
   dependencies:
-    "@babel/runtime" "^7.21.0"
-    "@mui/base" "5.0.0-alpha.124"
-    "@mui/core-downloads-tracker" "^5.11.16"
-    "@mui/system" "^5.11.16"
-    "@mui/types" "^7.2.3"
-    "@mui/utils" "^5.11.13"
-    "@types/react-transition-group" "^4.4.5"
-    clsx "^1.2.1"
+    "@babel/runtime" "^7.23.1"
+
+"@mui/material@5.14.12":
+  version "5.14.12"
+  resolved "https://registry.yarnpkg.com/@mui/material/-/material-5.14.12.tgz#8fa5bebd1a096796a288b548f1ba867e068601c8"
+  integrity sha512-EelF2L46VcVqhg3KjzIGBBpOtcBgRh0MMy9Efuk6Do81QdcZsFC9RebCVAflo5jIdbHiBmxBs5/l5Q9NjONozg==
+  dependencies:
+    "@babel/runtime" "^7.23.1"
+    "@mui/base" "5.0.0-beta.18"
+    "@mui/core-downloads-tracker" "^5.14.12"
+    "@mui/system" "^5.14.12"
+    "@mui/types" "^7.2.5"
+    "@mui/utils" "^5.14.12"
+    "@types/react-transition-group" "^4.4.6"
+    clsx "^2.0.0"
     csstype "^3.1.2"
     prop-types "^15.8.1"
     react-is "^18.2.0"
     react-transition-group "^4.4.5"
 
-"@mui/private-theming@^5.11.13", "@mui/private-theming@^5.12.0":
-  version "5.12.0"
-  resolved "https://registry.yarnpkg.com/@mui/private-theming/-/private-theming-5.12.0.tgz#5f1e6fd09b1447c387fdac1eef7f23efca5c6d69"
-  integrity sha512-w5dwMen1CUm1puAtubqxY9BIzrBxbOThsg2iWMvRJmWyJAPdf3Z583fPXpqeA2lhTW79uH2jajk5Ka4FuGlTPg==
+"@mui/private-theming@^5.14.12":
+  version "5.14.12"
+  resolved "https://registry.yarnpkg.com/@mui/private-theming/-/private-theming-5.14.12.tgz#b07f710b9794c928052ee4c91bf67fc3e0a442ea"
+  integrity sha512-TWwm+9+BgHFpoR3w04FG+IqID4ALa74A27RuKq2CEaWgxliBZB24EVeI6djfjFt5t4FYmIb8BMw2ZJEir7YjLQ==
   dependencies:
-    "@babel/runtime" "^7.21.0"
-    "@mui/utils" "^5.12.0"
+    "@babel/runtime" "^7.23.1"
+    "@mui/utils" "^5.14.12"
     prop-types "^15.8.1"
 
-"@mui/styled-engine@^5.11.16", "@mui/styled-engine@^5.12.0":
-  version "5.12.0"
-  resolved "https://registry.yarnpkg.com/@mui/styled-engine/-/styled-engine-5.12.0.tgz#44640cad961adcc9413ae32116237cd1c8f7ddb0"
-  integrity sha512-frh8L7CRnvD0RDmIqEv6jFeKQUIXqW90BaZ6OrxJ2j4kIsiVLu29Gss4SbBvvrWwwatR72sBmC3w1aG4fjp9mQ==
+"@mui/styled-engine@^5.14.12":
+  version "5.14.12"
+  resolved "https://registry.yarnpkg.com/@mui/styled-engine/-/styled-engine-5.14.12.tgz#bfacc045f14f8f8bef735c76ecfd90bc99427c43"
+  integrity sha512-bocxt1nDmXfB3gpLfCCmFCyJ7sVmscFs+PuheO210QagZwHVp47UIRT1AiswLDYSQo1ZqmVGn7KLEJEYK0d4Xw==
   dependencies:
-    "@babel/runtime" "^7.21.0"
-    "@emotion/cache" "^11.10.7"
+    "@babel/runtime" "^7.23.1"
+    "@emotion/cache" "^11.11.0"
     csstype "^3.1.2"
     prop-types "^15.8.1"
 
-"@mui/system@5.11.16":
-  version "5.11.16"
-  resolved "https://registry.yarnpkg.com/@mui/system/-/system-5.11.16.tgz#8847f790a76c503ea4907854982fc2b1734e0bb4"
-  integrity sha512-JY7CNm7ik2Gr4kQpz1+C9N/f4ET3QjVBo/iaHcmlSOgjdxnOzFbv+vCdb1DMzBGew+UbqckppZpZwbgbrBE2Rw==
+"@mui/system@5.14.12", "@mui/system@^5.14.12":
+  version "5.14.12"
+  resolved "https://registry.yarnpkg.com/@mui/system/-/system-5.14.12.tgz#da5b32c2a10bbe58f8b4839c5d5de449dc35e425"
+  integrity sha512-6DXfjjLhW0/ia5qU3Crke7j+MnfDbMBOHlLIrqbrEqNs0AuSBv8pXniEGb+kqO0H804NJreRTEJRjCngwOX5CA==
   dependencies:
-    "@babel/runtime" "^7.21.0"
-    "@mui/private-theming" "^5.11.13"
-    "@mui/styled-engine" "^5.11.16"
-    "@mui/types" "^7.2.3"
-    "@mui/utils" "^5.11.13"
-    clsx "^1.2.1"
+    "@babel/runtime" "^7.23.1"
+    "@mui/private-theming" "^5.14.12"
+    "@mui/styled-engine" "^5.14.12"
+    "@mui/types" "^7.2.5"
+    "@mui/utils" "^5.14.12"
+    clsx "^2.0.0"
     csstype "^3.1.2"
     prop-types "^15.8.1"
 
-"@mui/system@^5.11.16":
-  version "5.12.1"
-  resolved "https://registry.yarnpkg.com/@mui/system/-/system-5.12.1.tgz#8452bc03159f0a6725b96bde1dee1316e308231b"
-  integrity sha512-Po+sicdV3bbRYXdU29XZaHPZrW7HUYUqU1qCu77GCCEMbahC756YpeyefdIYuPMUg0OdO3gKIUfDISBrkjJL+w==
-  dependencies:
-    "@babel/runtime" "^7.21.0"
-    "@mui/private-theming" "^5.12.0"
-    "@mui/styled-engine" "^5.12.0"
-    "@mui/types" "^7.2.4"
-    "@mui/utils" "^5.12.0"
-    clsx "^1.2.1"
-    csstype "^3.1.2"
-    prop-types "^15.8.1"
-
-"@mui/types@^7.2.3", "@mui/types@^7.2.4":
+"@mui/types@^7.2.4":
   version "7.2.4"
   resolved "https://registry.yarnpkg.com/@mui/types/-/types-7.2.4.tgz#b6fade19323b754c5c6de679a38f068fd50b9328"
   integrity sha512-LBcwa8rN84bKF+f5sDyku42w1NTxaPgPyYKODsh01U1fVstTClbUoSA96oyRBnSNyEiAVjKm6Gwx9vjR+xyqHA==
 
-"@mui/utils@^5.10.3", "@mui/utils@^5.11.13", "@mui/utils@^5.12.0":
-  version "5.12.0"
-  resolved "https://registry.yarnpkg.com/@mui/utils/-/utils-5.12.0.tgz#284db48b36ac26f3d34076379072c1dc8aed1ad0"
-  integrity sha512-RmQwgzF72p7Yr4+AAUO6j1v2uzt6wr7SWXn68KBsnfVpdOHyclCzH2lr/Xu6YOw9su4JRtdAIYfJFXsS6Cjkmw==
+"@mui/types@^7.2.5":
+  version "7.2.5"
+  resolved "https://registry.yarnpkg.com/@mui/types/-/types-7.2.5.tgz#cd62a1fc5eb1044137ccab2053b431dd7cfc3cb8"
+  integrity sha512-S2BwfNczr7VwS6ki8GoAXJyARoeSJDLuxOEPs3vEMyTALlf9PrdHv+sluX7kk3iKrCg/ML2mIWwapZvWbkMCQA==
+
+"@mui/utils@^5.14.11":
+  version "5.14.11"
+  resolved "https://registry.yarnpkg.com/@mui/utils/-/utils-5.14.11.tgz#d19a1d8725ffd16c6c6817f00b5172931958fb9a"
+  integrity sha512-fmkIiCPKyDssYrJ5qk+dime1nlO3dmWfCtaPY/uVBqCRMBZ11JhddB9m8sjI2mgqQQwRJG5bq3biaosNdU/s4Q==
   dependencies:
-    "@babel/runtime" "^7.21.0"
+    "@babel/runtime" "^7.22.15"
     "@types/prop-types" "^15.7.5"
-    "@types/react-is" "^16.7.1 || ^17.0.0"
+    prop-types "^15.8.1"
+    react-is "^18.2.0"
+
+"@mui/utils@^5.14.12":
+  version "5.14.12"
+  resolved "https://registry.yarnpkg.com/@mui/utils/-/utils-5.14.12.tgz#58b570839e22e0fba71e17d37d9c083fe233704d"
+  integrity sha512-RFNXnhKQlzIkIUig6mmv0r5VbtjPdWoaBPYicq25LETdZux59HAqoRdWw15T7lp3c7gXOoE8y67+hTB8C64m2g==
+  dependencies:
+    "@babel/runtime" "^7.23.1"
+    "@types/prop-types" "^15.7.7"
     prop-types "^15.8.1"
     react-is "^18.2.0"
 
@@ -2725,107 +3589,89 @@
     prop-types "^15.8.1"
     react-is "^18.2.0"
 
-"@mui/x-date-pickers@5.0.20":
-  version "5.0.20"
-  resolved "https://registry.yarnpkg.com/@mui/x-date-pickers/-/x-date-pickers-5.0.20.tgz#7b4e5b5a214a8095937ba7d82bb82acd6f270d72"
-  integrity sha512-ERukSeHIoNLbI1C2XRhF9wRhqfsr+Q4B1SAw2ZlU7CWgcG8UBOxgqRKDEOVAIoSWL+DWT6GRuQjOKvj6UXZceA==
+"@mui/x-date-pickers@6.16.0":
+  version "6.16.0"
+  resolved "https://registry.yarnpkg.com/@mui/x-date-pickers/-/x-date-pickers-6.16.0.tgz#944440fabd9cdc5c704ccab7b8c44ebac75f15db"
+  integrity sha512-5xN/OuVtcy/bX/Yx4cJrGWLmHTMTZkufhQMtInFOM8u93TJJSPwA7X86vQdl6OztYNyYKnEpxNKxSrxcDHfKFQ==
   dependencies:
-    "@babel/runtime" "^7.18.9"
-    "@date-io/core" "^2.15.0"
-    "@date-io/date-fns" "^2.15.0"
-    "@date-io/dayjs" "^2.15.0"
-    "@date-io/luxon" "^2.15.0"
-    "@date-io/moment" "^2.15.0"
-    "@mui/utils" "^5.10.3"
-    "@types/react-transition-group" "^4.4.5"
-    clsx "^1.2.1"
-    prop-types "^15.7.2"
+    "@babel/runtime" "^7.22.15"
+    "@mui/base" "^5.0.0-beta.14"
+    "@mui/utils" "^5.14.8"
+    "@types/react-transition-group" "^4.4.6"
+    clsx "^2.0.0"
+    prop-types "^15.8.1"
     react-transition-group "^4.4.5"
-    rifm "^0.12.1"
 
-"@next/bundle-analyzer@13.2.4":
-  version "13.2.4"
-  resolved "https://registry.yarnpkg.com/@next/bundle-analyzer/-/bundle-analyzer-13.2.4.tgz#ad319bf566528f8afee34df07574fd97170b03f2"
-  integrity sha512-bY4Clt7f1roJextpeQOQQWfNiXI0O5UvfOEyfuM5YUGPQMOCAZD2zjLjolakdn9Dm2yyMQUQ6JDE+iJK0dIeLA==
+"@next/bundle-analyzer@13.5.4":
+  version "13.5.4"
+  resolved "https://registry.yarnpkg.com/@next/bundle-analyzer/-/bundle-analyzer-13.5.4.tgz#dcbd18f9f6a7fe358d8b91e61cc63f3c1184bd03"
+  integrity sha512-2vgmkuSKyTiyI7NorL+zYerxQRvzmSGbCDr2/kVrbKX28a4UNhbYn8/cQW8z6pvx0EncEFpd0GCUA5r9aRLhJg==
   dependencies:
     webpack-bundle-analyzer "4.7.0"
 
-"@next/env@13.2.4":
-  version "13.2.4"
-  resolved "https://registry.yarnpkg.com/@next/env/-/env-13.2.4.tgz#8b763700262b2445140a44a8c8d088cef676dbae"
-  integrity sha512-+Mq3TtpkeeKFZanPturjcXt+KHfKYnLlX6jMLyCrmpq6OOs4i1GqBOAauSkii9QeKCMTYzGppar21JU57b/GEA==
+"@next/env@14.0.1":
+  version "14.0.1"
+  resolved "https://registry.yarnpkg.com/@next/env/-/env-14.0.1.tgz#7d03c9042c205a320aef2ea3f83c2d16b6825563"
+  integrity sha512-Ms8ZswqY65/YfcjrlcIwMPD7Rg/dVjdLapMcSHG26W6O67EJDF435ShW4H4LXi1xKO1oRc97tLXUpx8jpLe86A==
 
-"@next/eslint-plugin-next@13.2.4":
-  version "13.2.4"
-  resolved "https://registry.yarnpkg.com/@next/eslint-plugin-next/-/eslint-plugin-next-13.2.4.tgz#3e124cd10ce24dab5d3448ce04104b4f1f4c6ca7"
-  integrity sha512-ck1lI+7r1mMJpqLNa3LJ5pxCfOB1lfJncKmRJeJxcJqcngaFwylreLP7da6Rrjr6u2gVRTfmnkSkjc80IiQCwQ==
+"@next/eslint-plugin-next@13.5.4":
+  version "13.5.4"
+  resolved "https://registry.yarnpkg.com/@next/eslint-plugin-next/-/eslint-plugin-next-13.5.4.tgz#ec70af509f07dc4e545df25834ac94d2c341c36a"
+  integrity sha512-vI94U+D7RNgX6XypSyjeFrOzxGlZyxOplU0dVE5norIfZGn/LDjJYPHdvdsR5vN1eRtl6PDAsOHmycFEOljK5A==
   dependencies:
     glob "7.1.7"
 
-"@next/swc-android-arm-eabi@13.2.4":
-  version "13.2.4"
-  resolved "https://registry.yarnpkg.com/@next/swc-android-arm-eabi/-/swc-android-arm-eabi-13.2.4.tgz#758d0403771e549f9cee71cbabc0cb16a6c947c0"
-  integrity sha512-DWlalTSkLjDU11MY11jg17O1gGQzpRccM9Oes2yTqj2DpHndajrXHGxj9HGtJ+idq2k7ImUdJVWS2h2l/EDJOw==
+"@next/eslint-plugin-next@14.0.1":
+  version "14.0.1"
+  resolved "https://registry.yarnpkg.com/@next/eslint-plugin-next/-/eslint-plugin-next-14.0.1.tgz#6e587b76588a02d77267945b5d1f059a6c8fd9ca"
+  integrity sha512-bLjJMwXdzvhnQOnxvHoTTUh/+PYk6FF/DCgHi4BXwXCINer+o1ZYfL9aVeezj/oI7wqGJOqwGIXrlBvPbAId3w==
+  dependencies:
+    glob "7.1.7"
 
-"@next/swc-android-arm64@13.2.4":
-  version "13.2.4"
-  resolved "https://registry.yarnpkg.com/@next/swc-android-arm64/-/swc-android-arm64-13.2.4.tgz#834d586523045110d5602e0c8aae9028835ac427"
-  integrity sha512-sRavmUImUCf332Gy+PjIfLkMhiRX1Ez4SI+3vFDRs1N5eXp+uNzjFUK/oLMMOzk6KFSkbiK/3Wt8+dHQR/flNg==
+"@next/swc-darwin-arm64@14.0.1":
+  version "14.0.1"
+  resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.0.1.tgz#75a5f872c4077ecd536d7496bc24f3d312d5dcd0"
+  integrity sha512-JyxnGCS4qT67hdOKQ0CkgFTp+PXub5W1wsGvIq98TNbF3YEIN7iDekYhYsZzc8Ov0pWEsghQt+tANdidITCLaw==
 
-"@next/swc-darwin-arm64@13.2.4":
-  version "13.2.4"
-  resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.2.4.tgz#5006fca179a36ef3a24d293abadec7438dbb48c6"
-  integrity sha512-S6vBl+OrInP47TM3LlYx65betocKUUlTZDDKzTiRDbsRESeyIkBtZ6Qi5uT2zQs4imqllJznVjFd1bXLx3Aa6A==
+"@next/swc-darwin-x64@14.0.1":
+  version "14.0.1"
+  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-14.0.1.tgz#7d8498fc680cc8b4d5181bee336818c63779bc5e"
+  integrity sha512-625Z7bb5AyIzswF9hvfZWa+HTwFZw+Jn3lOBNZB87lUS0iuCYDHqk3ujuHCkiyPtSC0xFBtYDLcrZ11mF/ap3w==
 
-"@next/swc-darwin-x64@13.2.4":
-  version "13.2.4"
-  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-13.2.4.tgz#6549c7c04322766acc3264ccdb3e1b43fcaf7946"
-  integrity sha512-a6LBuoYGcFOPGd4o8TPo7wmv5FnMr+Prz+vYHopEDuhDoMSHOnC+v+Ab4D7F0NMZkvQjEJQdJS3rqgFhlZmKlw==
+"@next/swc-linux-arm64-gnu@14.0.1":
+  version "14.0.1"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.0.1.tgz#184286794e67bed192de7dbb10d7f040c996f965"
+  integrity sha512-iVpn3KG3DprFXzVHM09kvb//4CNNXBQ9NB/pTm8LO+vnnnaObnzFdS5KM+w1okwa32xH0g8EvZIhoB3fI3mS1g==
 
-"@next/swc-freebsd-x64@13.2.4":
-  version "13.2.4"
-  resolved "https://registry.yarnpkg.com/@next/swc-freebsd-x64/-/swc-freebsd-x64-13.2.4.tgz#0bbe28979e3e868debc2cc06e45e186ce195b7f4"
-  integrity sha512-kkbzKVZGPaXRBPisoAQkh3xh22r+TD+5HwoC5bOkALraJ0dsOQgSMAvzMXKsN3tMzJUPS0tjtRf1cTzrQ0I5vQ==
+"@next/swc-linux-arm64-musl@14.0.1":
+  version "14.0.1"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.0.1.tgz#e8121b860ebc97a8d2a9113e5a42878430e749d5"
+  integrity sha512-mVsGyMxTLWZXyD5sen6kGOTYVOO67lZjLApIj/JsTEEohDDt1im2nkspzfV5MvhfS7diDw6Rp/xvAQaWZTv1Ww==
 
-"@next/swc-linux-arm-gnueabihf@13.2.4":
-  version "13.2.4"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-13.2.4.tgz#1d28d2203f5a7427d6e7119d7bcb5fc40959fb3e"
-  integrity sha512-7qA1++UY0fjprqtjBZaOA6cas/7GekpjVsZn/0uHvquuITFCdKGFCsKNBx3S0Rpxmx6WYo0GcmhNRM9ru08BGg==
+"@next/swc-linux-x64-gnu@14.0.1":
+  version "14.0.1"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.0.1.tgz#cdc4276b11a10c892fd1cb7dd31e024064db9c3b"
+  integrity sha512-wMqf90uDWN001NqCM/auRl3+qVVeKfjJdT9XW+RMIOf+rhUzadmYJu++tp2y+hUbb6GTRhT+VjQzcgg/QTD9NQ==
 
-"@next/swc-linux-arm64-gnu@13.2.4":
-  version "13.2.4"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.2.4.tgz#eb26448190948cdf4c44b8f34110a3ecea32f1d0"
-  integrity sha512-xzYZdAeq883MwXgcwc72hqo/F/dwUxCukpDOkx/j1HTq/J0wJthMGjinN9wH5bPR98Mfeh1MZJ91WWPnZOedOg==
+"@next/swc-linux-x64-musl@14.0.1":
+  version "14.0.1"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.0.1.tgz#4a194a484ceb34fd370e8d1af571493859fb2542"
+  integrity sha512-ol1X1e24w4j4QwdeNjfX0f+Nza25n+ymY0T2frTyalVczUmzkVD7QGgPTZMHfR1aLrO69hBs0G3QBYaj22J5GQ==
 
-"@next/swc-linux-arm64-musl@13.2.4":
-  version "13.2.4"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.2.4.tgz#c4227c0acd94a420bb14924820710e6284d234d3"
-  integrity sha512-8rXr3WfmqSiYkb71qzuDP6I6R2T2tpkmf83elDN8z783N9nvTJf2E7eLx86wu2OJCi4T05nuxCsh4IOU3LQ5xw==
+"@next/swc-win32-arm64-msvc@14.0.1":
+  version "14.0.1"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.0.1.tgz#71923debee50f98ef166b28cdb3ad7e7463e6598"
+  integrity sha512-WEmTEeWs6yRUEnUlahTgvZteh5RJc4sEjCQIodJlZZ5/VJwVP8p2L7l6VhzQhT4h7KvLx/Ed4UViBdne6zpIsw==
 
-"@next/swc-linux-x64-gnu@13.2.4":
-  version "13.2.4"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.2.4.tgz#6bcb540944ee9b0209b33bfc23b240c2044dfc3e"
-  integrity sha512-Ngxh51zGSlYJ4EfpKG4LI6WfquulNdtmHg1yuOYlaAr33KyPJp4HeN/tivBnAHcZkoNy0hh/SbwDyCnz5PFJQQ==
+"@next/swc-win32-ia32-msvc@14.0.1":
+  version "14.0.1"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.0.1.tgz#b8f46da899c279fd65db76f0951849290c480ef9"
+  integrity sha512-oFpHphN4ygAgZUKjzga7SoH2VGbEJXZa/KL8bHCAwCjDWle6R1SpiGOdUdA8EJ9YsG1TYWpzY6FTbUA+iAJeww==
 
-"@next/swc-linux-x64-musl@13.2.4":
-  version "13.2.4"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.2.4.tgz#ce21e43251eaf09a09df39372b2c3e38028c30ff"
-  integrity sha512-gOvwIYoSxd+j14LOcvJr+ekd9fwYT1RyMAHOp7znA10+l40wkFiMONPLWiZuHxfRk+Dy7YdNdDh3ImumvL6VwA==
-
-"@next/swc-win32-arm64-msvc@13.2.4":
-  version "13.2.4"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.2.4.tgz#68220063d8e5e082f5465498675640dedb670ff1"
-  integrity sha512-q3NJzcfClgBm4HvdcnoEncmztxrA5GXqKeiZ/hADvC56pwNALt3ngDC6t6qr1YW9V/EPDxCYeaX4zYxHciW4Dw==
-
-"@next/swc-win32-ia32-msvc@13.2.4":
-  version "13.2.4"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.2.4.tgz#7c120ab54a081be9566df310bed834f168252990"
-  integrity sha512-/eZ5ncmHUYtD2fc6EUmAIZlAJnVT2YmxDsKs1Ourx0ttTtvtma/WKlMV5NoUsyOez0f9ExLyOpeCoz5aj+MPXw==
-
-"@next/swc-win32-x64-msvc@13.2.4":
-  version "13.2.4"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.2.4.tgz#5abda92fe12b9829bf7951c4a221282c56041144"
-  integrity sha512-0MffFmyv7tBLlji01qc0IaPP/LVExzvj7/R5x1Jph1bTAIj4Vu81yFQWHHQAP6r4ff9Ukj1mBK6MDNVXm7Tcvw==
+"@next/swc-win32-x64-msvc@14.0.1":
+  version "14.0.1"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.0.1.tgz#be3dd8b3729ec51c99ff04b51e2b235756d02b6e"
+  integrity sha512-FFp3nOJ/5qSpeWT0BZQ+YE1pSMk4IMpkME/1DwKBwhg4mJLB9L+6EXuJi4JEwaJdl5iN+UUlmUD3IsR1kx5fAg==
 
 "@nicolo-ribaudo/chokidar-2@2.1.8-no-fsevents.3":
   version "2.1.8-no-fsevents.3"
@@ -2860,45 +3706,6 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
-"@npmcli/arborist@6.2.3":
-  version "6.2.3"
-  resolved "https://registry.yarnpkg.com/@npmcli/arborist/-/arborist-6.2.3.tgz#31f8aed2588341864d3811151d929c01308f8e71"
-  integrity sha512-lpGOC2ilSJXcc2zfW9QtukcCTcMbl3fVI0z4wvFB2AFIl0C+Q6Wv7ccrpdrQa8rvJ1ZVuc6qkX7HVTyKlzGqKA==
-  dependencies:
-    "@isaacs/string-locale-compare" "^1.1.0"
-    "@npmcli/fs" "^3.1.0"
-    "@npmcli/installed-package-contents" "^2.0.0"
-    "@npmcli/map-workspaces" "^3.0.2"
-    "@npmcli/metavuln-calculator" "^5.0.0"
-    "@npmcli/name-from-folder" "^2.0.0"
-    "@npmcli/node-gyp" "^3.0.0"
-    "@npmcli/package-json" "^3.0.0"
-    "@npmcli/query" "^3.0.0"
-    "@npmcli/run-script" "^6.0.0"
-    bin-links "^4.0.1"
-    cacache "^17.0.4"
-    common-ancestor-path "^1.0.1"
-    hosted-git-info "^6.1.1"
-    json-parse-even-better-errors "^3.0.0"
-    json-stringify-nice "^1.1.4"
-    minimatch "^6.1.6"
-    nopt "^7.0.0"
-    npm-install-checks "^6.0.0"
-    npm-package-arg "^10.1.0"
-    npm-pick-manifest "^8.0.1"
-    npm-registry-fetch "^14.0.3"
-    npmlog "^7.0.1"
-    pacote "^15.0.8"
-    parse-conflict-json "^3.0.0"
-    proc-log "^3.0.0"
-    promise-all-reject-late "^1.0.0"
-    promise-call-limit "^1.0.1"
-    read-package-json-fast "^3.0.2"
-    semver "^7.3.7"
-    ssri "^10.0.1"
-    treeverse "^3.0.0"
-    walk-up-path "^1.0.0"
-
 "@npmcli/fs@^2.1.0":
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/@npmcli/fs/-/fs-2.1.2.tgz#a9e2541a4a2fec2e69c29b35e6060973da79b865"
@@ -2914,21 +3721,6 @@
   dependencies:
     semver "^7.3.5"
 
-"@npmcli/git@^3.0.0":
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/@npmcli/git/-/git-3.0.2.tgz#5c5de6b4d70474cf2d09af149ce42e4e1dacb931"
-  integrity sha512-CAcd08y3DWBJqJDpfuVL0uijlq5oaXaOJEKHKc4wqrjd00gkvTZB+nFuLn+doOOKddaQS9JfqtNoFCO2LCvA3w==
-  dependencies:
-    "@npmcli/promise-spawn" "^3.0.0"
-    lru-cache "^7.4.4"
-    mkdirp "^1.0.4"
-    npm-pick-manifest "^7.0.0"
-    proc-log "^2.0.0"
-    promise-inflight "^1.0.1"
-    promise-retry "^2.0.1"
-    semver "^7.3.5"
-    which "^2.0.2"
-
 "@npmcli/git@^4.0.0":
   version "4.0.4"
   resolved "https://registry.yarnpkg.com/@npmcli/git/-/git-4.0.4.tgz#cdf74f21b1d440c0756fb28159d935129d9daa33"
@@ -2943,15 +3735,7 @@
     semver "^7.3.5"
     which "^3.0.0"
 
-"@npmcli/installed-package-contents@^1.0.7":
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/@npmcli/installed-package-contents/-/installed-package-contents-1.0.7.tgz#ab7408c6147911b970a8abe261ce512232a3f4fa"
-  integrity sha512-9rufe0wnJusCQoLpV9ZPKIVP55itrM5BxOXs10DmdbRfgWtHy1LDyskbwRnBghuB0PrF7pNPOqREVtpz4HqzKw==
-  dependencies:
-    npm-bundled "^1.1.1"
-    npm-normalize-package-bin "^1.0.1"
-
-"@npmcli/installed-package-contents@^2.0.0", "@npmcli/installed-package-contents@^2.0.1":
+"@npmcli/installed-package-contents@^2.0.1":
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/@npmcli/installed-package-contents/-/installed-package-contents-2.0.2.tgz#bfd817eccd9e8df200919e73f57f9e3d9e4f9e33"
   integrity sha512-xACzLPhnfD51GKvTOOuNX2/V4G4mz9/1I2MfDoye9kBM3RYe5g2YbscsaGoTlaWqkxeiapBWyseULVKpSVHtKQ==
@@ -2959,26 +3743,6 @@
     npm-bundled "^3.0.0"
     npm-normalize-package-bin "^3.0.0"
 
-"@npmcli/map-workspaces@^3.0.2":
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/@npmcli/map-workspaces/-/map-workspaces-3.0.3.tgz#476944b63cd1f65bf83c6fdc7f4ca7be56906b1f"
-  integrity sha512-HlCvFuTzw4UNoKyZdqiNrln+qMF71QJkxy2dsusV8QQdoa89e2TF4dATCzBxbl4zzRzdDoWWyP5ADVrNAH9cRQ==
-  dependencies:
-    "@npmcli/name-from-folder" "^2.0.0"
-    glob "^9.3.1"
-    minimatch "^7.4.2"
-    read-package-json-fast "^3.0.0"
-
-"@npmcli/metavuln-calculator@^5.0.0":
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/@npmcli/metavuln-calculator/-/metavuln-calculator-5.0.1.tgz#426b3e524c2008bcc82dbc2ef390aefedd643d76"
-  integrity sha512-qb8Q9wIIlEPj3WeA1Lba91R4ZboPL0uspzV0F9uwP+9AYMVB2zOoa7Pbk12g6D2NHAinSbHh6QYmGuRyHZ874Q==
-  dependencies:
-    cacache "^17.0.0"
-    json-parse-even-better-errors "^3.0.0"
-    pacote "^15.0.0"
-    semver "^7.3.5"
-
 "@npmcli/move-file@^2.0.0":
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/@npmcli/move-file/-/move-file-2.0.1.tgz#26f6bdc379d87f75e55739bab89db525b06100e4"
@@ -2987,35 +3751,11 @@
     mkdirp "^1.0.4"
     rimraf "^3.0.2"
 
-"@npmcli/name-from-folder@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@npmcli/name-from-folder/-/name-from-folder-2.0.0.tgz#c44d3a7c6d5c184bb6036f4d5995eee298945815"
-  integrity sha512-pwK+BfEBZJbKdNYpHHRTNBwBoqrN/iIMO0AiGvYsp3Hoaq0WbgGSWQR6SCldZovoDpY3yje5lkFUe6gsDgJ2vg==
-
-"@npmcli/node-gyp@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@npmcli/node-gyp/-/node-gyp-2.0.0.tgz#8c20e53e34e9078d18815c1d2dda6f2420d75e35"
-  integrity sha512-doNI35wIe3bBaEgrlPfdJPaCpUR89pJWep4Hq3aRdh6gKazIVWfs0jHttvSSoq47ZXgC7h73kDsUl8AoIQUB+A==
-
 "@npmcli/node-gyp@^3.0.0":
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/@npmcli/node-gyp/-/node-gyp-3.0.0.tgz#101b2d0490ef1aa20ed460e4c0813f0db560545a"
   integrity sha512-gp8pRXC2oOxu0DUE1/M3bYtb1b3/DbJ5aM113+XJBgfXdussRAsX0YOrOhdd8WvnAR6auDBvJomGAkLKA5ydxA==
 
-"@npmcli/package-json@^3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@npmcli/package-json/-/package-json-3.0.0.tgz#c9219a197e1be8dbf43c4ef8767a72277c0533b6"
-  integrity sha512-NnuPuM97xfiCpbTEJYtEuKz6CFbpUHtaT0+5via5pQeI25omvQDFbp1GcGJ/c4zvL/WX0qbde6YiLgfZbWFgvg==
-  dependencies:
-    json-parse-even-better-errors "^3.0.0"
-
-"@npmcli/promise-spawn@^3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@npmcli/promise-spawn/-/promise-spawn-3.0.0.tgz#53283b5f18f855c6925f23c24e67c911501ef573"
-  integrity sha512-s9SgS+p3a9Eohe68cSI3fi+hpcZUmXq5P7w0kMlAsWVtR7XbK3ptkZqKT2cK1zLDObJ3sR+8P59sJE0w/KTL1g==
-  dependencies:
-    infer-owner "^1.0.4"
-
 "@npmcli/promise-spawn@^6.0.0", "@npmcli/promise-spawn@^6.0.1":
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/@npmcli/promise-spawn/-/promise-spawn-6.0.2.tgz#c8bc4fa2bd0f01cb979d8798ba038f314cfa70f2"
@@ -3023,34 +3763,16 @@
   dependencies:
     which "^3.0.0"
 
-"@npmcli/query@^3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/@npmcli/query/-/query-3.0.0.tgz#51a0dfb85811e04f244171f164b6bc83b36113a7"
-  integrity sha512-MFNDSJNgsLZIEBVZ0Q9w9K7o07j5N4o4yjtdz2uEpuCZlXGMuPENiRaFYk0vRqAA64qVuUQwC05g27fRtfUgnA==
+"@npmcli/run-script@6.0.2":
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/@npmcli/run-script/-/run-script-6.0.2.tgz#a25452d45ee7f7fb8c16dfaf9624423c0c0eb885"
+  integrity sha512-NCcr1uQo1k5U+SYlnIrbAh3cxy+OQT1VtqiAbxdymSlptbzBb62AjH2xXgjNCoP073hoa1CfCAcwoZ8k96C4nA==
   dependencies:
-    postcss-selector-parser "^6.0.10"
-
-"@npmcli/run-script@4.1.7":
-  version "4.1.7"
-  resolved "https://registry.yarnpkg.com/@npmcli/run-script/-/run-script-4.1.7.tgz#b1a2f57568eb738e45e9ea3123fb054b400a86f7"
-  integrity sha512-WXr/MyM4tpKA4BotB81NccGAv8B48lNH0gRoILucbcAhTQXLCoi6HflMV3KdXubIqvP9SuLsFn68Z7r4jl+ppw==
-  dependencies:
-    "@npmcli/node-gyp" "^2.0.0"
-    "@npmcli/promise-spawn" "^3.0.0"
+    "@npmcli/node-gyp" "^3.0.0"
+    "@npmcli/promise-spawn" "^6.0.0"
     node-gyp "^9.0.0"
-    read-package-json-fast "^2.0.3"
-    which "^2.0.2"
-
-"@npmcli/run-script@^4.1.0":
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/@npmcli/run-script/-/run-script-4.2.1.tgz#c07c5c71bc1c70a5f2a06b0d4da976641609b946"
-  integrity sha512-7dqywvVudPSrRCW5nTHpHgeWnbBtz8cFkOuKrecm6ih+oO9ciydhWt6OF7HlqupRRmB8Q/gECVdB9LMfToJbRg==
-  dependencies:
-    "@npmcli/node-gyp" "^2.0.0"
-    "@npmcli/promise-spawn" "^3.0.0"
-    node-gyp "^9.0.0"
-    read-package-json-fast "^2.0.3"
-    which "^2.0.2"
+    read-package-json-fast "^3.0.0"
+    which "^3.0.0"
 
 "@npmcli/run-script@^6.0.0":
   version "6.0.0"
@@ -3063,75 +3785,83 @@
     read-package-json-fast "^3.0.0"
     which "^3.0.0"
 
-"@nrwl/cli@15.9.2":
-  version "15.9.2"
-  resolved "https://registry.yarnpkg.com/@nrwl/cli/-/cli-15.9.2.tgz#82537d3d85410b0143d37a3b4fade09675356084"
-  integrity sha512-QoCmyrcGakHAYTJaNBbOerRQAmqJHMYGCdqtQidV+aP9p1Dy33XxDELfhd+IYmGqngutXuEWChNpWNhPloLnoA==
+"@nrwl/devkit@16.9.1":
+  version "16.9.1"
+  resolved "https://registry.yarnpkg.com/@nrwl/devkit/-/devkit-16.9.1.tgz#e8b42ac23926a241338b173f3eed66757d75e530"
+  integrity sha512-+iR7tg+LOrGWAGmGv0hr45hYUOeKjK/Jm6WV3Ldmx6I7LaaYM5Fu6Ev2KXL669QMzLJpg3kqgKQsneWbFT3MAw==
   dependencies:
-    nx "15.9.2"
+    "@nx/devkit" "16.9.1"
 
-"@nrwl/devkit@>=15.5.2 < 16":
-  version "15.9.2"
-  resolved "https://registry.yarnpkg.com/@nrwl/devkit/-/devkit-15.9.2.tgz#482b89f1bf88d3600b11f8b7e3e4452c5766eca4"
-  integrity sha512-2DvTstVZb91m+d4wqUJMBHQ3elxyabdmFE6/3aXmtOGeDxTyXyDzf/1O6JvBBiL8K6XC3ZYchjtxUHgxl/NJ5A==
+"@nrwl/tao@16.9.1":
+  version "16.9.1"
+  resolved "https://registry.yarnpkg.com/@nrwl/tao/-/tao-16.9.1.tgz#84e9be4002792cf5a2cf45f4e0733ac7091d732a"
+  integrity sha512-KsRBRAE5mSP83ZjO9cPW6ZQZWOtkMfCBih/WE9qpaiHn+hCydtYStyAO2QSic4tHVV+8VpPUQWYnpf5rhkNzWg==
   dependencies:
+    nx "16.9.1"
+    tslib "^2.3.0"
+
+"@nx/devkit@16.9.1", "@nx/devkit@>=16.5.1 < 17":
+  version "16.9.1"
+  resolved "https://registry.yarnpkg.com/@nx/devkit/-/devkit-16.9.1.tgz#819f355849eecde24b40634150af3038d2652570"
+  integrity sha512-jQMLX8pUKsOIk0tLFzJms5awPxKfJEi0uxY7+IUfRNHcnDkOFiv6gf1QqJ3pobmgwBdbC6Nv/dhDP3JT2wA1gA==
+  dependencies:
+    "@nrwl/devkit" "16.9.1"
     ejs "^3.1.7"
+    enquirer "~2.3.6"
     ignore "^5.0.4"
-    semver "7.3.4"
+    semver "7.5.3"
     tmp "~0.2.1"
     tslib "^2.3.0"
 
-"@nrwl/nx-darwin-arm64@15.9.2":
-  version "15.9.2"
-  resolved "https://registry.yarnpkg.com/@nrwl/nx-darwin-arm64/-/nx-darwin-arm64-15.9.2.tgz#612d8d714ec876cafd6f1483bf5565704d1b75be"
-  integrity sha512-Yv+OVsQt3C/hmWOC+YhJZQlsyph5w1BHfbp4jyCvV1ZXBbb8NdvwxgDHPWXxKPTc1EXuB7aEX3qzxM3/OWEUJg==
+"@nx/nx-darwin-arm64@16.9.1":
+  version "16.9.1"
+  resolved "https://registry.yarnpkg.com/@nx/nx-darwin-arm64/-/nx-darwin-arm64-16.9.1.tgz#aff318f99e2b53af480803d00322edcc2037ed5f"
+  integrity sha512-JWGrPxxt3XjgIYzvnaNAeNmK24wyF6yEE1bV+wnnKzd7yavVps3c2TOVE/AT4sgvdVj3xFzztyixYGV58tCYrg==
 
-"@nrwl/nx-darwin-x64@15.9.2":
-  version "15.9.2"
-  resolved "https://registry.yarnpkg.com/@nrwl/nx-darwin-x64/-/nx-darwin-x64-15.9.2.tgz#3f77bd90dbabf4782d81f773cfb2739a443e595f"
-  integrity sha512-qHfdluHlPzV0UHOwj1ZJ+qNEhzfLGiBuy1cOth4BSzDlvMnkuqBWoprfaXoztzYcus2NSILY1/7b3Jw4DAWmMw==
+"@nx/nx-darwin-x64@16.9.1":
+  version "16.9.1"
+  resolved "https://registry.yarnpkg.com/@nx/nx-darwin-x64/-/nx-darwin-x64-16.9.1.tgz#a2095799f9fb67988f4f88eb17f93f73a6b5629f"
+  integrity sha512-b1Hw1AmKrR+Kp361WTiKC1RFoQwERyW9R/9XJGNIdgtr+V2wa775eCEdxB9r9mwCqyEmM9iVadpRHPaFSAfQfQ==
 
-"@nrwl/nx-linux-arm-gnueabihf@15.9.2":
-  version "15.9.2"
-  resolved "https://registry.yarnpkg.com/@nrwl/nx-linux-arm-gnueabihf/-/nx-linux-arm-gnueabihf-15.9.2.tgz#3374a5a1692b222ce18f2213a47b4d68fb509e70"
-  integrity sha512-0GzwbablosnYnnJDCJvAeZv8LlelSrNwUnGhe43saeoZdAew35Ay1E34zBrg/GCGTASuz+knEEYFM+gDD9Mc6A==
+"@nx/nx-freebsd-x64@16.9.1":
+  version "16.9.1"
+  resolved "https://registry.yarnpkg.com/@nx/nx-freebsd-x64/-/nx-freebsd-x64-16.9.1.tgz#ea7ff8ef1e70b0185b2cb01085d37fed068da6e6"
+  integrity sha512-jscl/Xu86tLQYbC8b1wy9FjEgGyuLpYnvP9d+34AHDi6CbCNSodbv93xFDlfYcLOeOD/mJXqR1Ru/1MF86OB5A==
 
-"@nrwl/nx-linux-arm64-gnu@15.9.2":
-  version "15.9.2"
-  resolved "https://registry.yarnpkg.com/@nrwl/nx-linux-arm64-gnu/-/nx-linux-arm64-gnu-15.9.2.tgz#e3ec95c6ee3285c77422886cf4cbec1f04804460"
-  integrity sha512-3mFIY7iUTPG45hSIRaM2DmraCy8W6hNoArAGRrTgYw40BIJHtLrW+Rt7DLyvVXaYCvrKugWOKtxC+jG7kpIZVA==
+"@nx/nx-linux-arm-gnueabihf@16.9.1":
+  version "16.9.1"
+  resolved "https://registry.yarnpkg.com/@nx/nx-linux-arm-gnueabihf/-/nx-linux-arm-gnueabihf-16.9.1.tgz#93728e8fa785ed2c69fced92372cc6faf0340d0d"
+  integrity sha512-NMAyxjYv9y4LwzU76htcPWfdmRoN/ZziTNKT3jaMbn38x4e7DoXYs9GGh267z45yWHscQWoV0v+X39LmB819aQ==
 
-"@nrwl/nx-linux-arm64-musl@15.9.2":
-  version "15.9.2"
-  resolved "https://registry.yarnpkg.com/@nrwl/nx-linux-arm64-musl/-/nx-linux-arm64-musl-15.9.2.tgz#72ce601d256083ded7380c598f1b3eb4dc2a3472"
-  integrity sha512-FNBnXEtockwxZa4I3NqggrJp0YIbNokJvt/clrICP+ijOacdUDkv8mJedavobkFsRsNq9gzCbRbUScKymrOLrg==
+"@nx/nx-linux-arm64-gnu@16.9.1":
+  version "16.9.1"
+  resolved "https://registry.yarnpkg.com/@nx/nx-linux-arm64-gnu/-/nx-linux-arm64-gnu-16.9.1.tgz#bde082e427ff5e108c8f611f6a37fc5e56bc27dc"
+  integrity sha512-A5UbK5rFhqzs3kMiEKA+xr3LAJsQBA97VDyMH6WPraSl+XRIt4EePx0MyEqo1pnEgeuoOCvR1tjDot5E7ldInw==
 
-"@nrwl/nx-linux-x64-gnu@15.9.2":
-  version "15.9.2"
-  resolved "https://registry.yarnpkg.com/@nrwl/nx-linux-x64-gnu/-/nx-linux-x64-gnu-15.9.2.tgz#2da6bb50cd80d699310e91c7331baa6cfc8ce197"
-  integrity sha512-gHWsP5lbe4FNQCa1Q/VLxIuik+BqAOcSzyPjdUa4gCDcbxPa8xiE57PgXB5E1XUzOWNnDTlXa/Ll07/TIuKuog==
+"@nx/nx-linux-arm64-musl@16.9.1":
+  version "16.9.1"
+  resolved "https://registry.yarnpkg.com/@nx/nx-linux-arm64-musl/-/nx-linux-arm64-musl-16.9.1.tgz#d090e0ef5645854da02e6bea58d908dedea286bb"
+  integrity sha512-eIn5PnKH7Y/u1LuanAM0wPNdcb9Z7seDjQzQ0hFMCCvV75Z8A02ztbiueLGaEsDLx35MPBdBmuyo4hsmvmLgpg==
 
-"@nrwl/nx-linux-x64-musl@15.9.2":
-  version "15.9.2"
-  resolved "https://registry.yarnpkg.com/@nrwl/nx-linux-x64-musl/-/nx-linux-x64-musl-15.9.2.tgz#39b3bda5868a53b722f1d42700dce71c5ff3f6b9"
-  integrity sha512-EaFUukCbmoHsYECX2AS4pxXH933yesBFVvBgD38DkoFDxDoJMVt6JqYwm+d5R7S4R2P9U3l++aurljQTRq567Q==
+"@nx/nx-linux-x64-gnu@16.9.1":
+  version "16.9.1"
+  resolved "https://registry.yarnpkg.com/@nx/nx-linux-x64-gnu/-/nx-linux-x64-gnu-16.9.1.tgz#40f808011b59003735e33bd5bae12bd19b3120b5"
+  integrity sha512-MMvhoS1pZjyIjwfeZNH2dDZuVF2xxURLTXC4UmmpY/wOWCuXhvD7QUv5A5QShxfaVXmXceo/fGLK+/Qm5e2+7g==
 
-"@nrwl/nx-win32-arm64-msvc@15.9.2":
-  version "15.9.2"
-  resolved "https://registry.yarnpkg.com/@nrwl/nx-win32-arm64-msvc/-/nx-win32-arm64-msvc-15.9.2.tgz#bc350be5cb7d0bfa6c2c5ced40c5af163a457a2c"
-  integrity sha512-PGAe7QMr51ivx1X3avvs8daNlvv1wGo3OFrobjlu5rSyjC1Y3qHwT9+wdlwzNZ93FIqWOq09s+rE5gfZRfpdAg==
+"@nx/nx-linux-x64-musl@16.9.1":
+  version "16.9.1"
+  resolved "https://registry.yarnpkg.com/@nx/nx-linux-x64-musl/-/nx-linux-x64-musl-16.9.1.tgz#7740b213837e2479fc278f8176344bd2a765919f"
+  integrity sha512-ca0d00YCHo0+OIT80MZdtseJj9wTlWMucmdm0OCXLf/l+Dma4MO4LR09WMH2VIpjoz4Gj7+xP0QtKtH4fWFD8Q==
 
-"@nrwl/nx-win32-x64-msvc@15.9.2":
-  version "15.9.2"
-  resolved "https://registry.yarnpkg.com/@nrwl/nx-win32-x64-msvc/-/nx-win32-x64-msvc-15.9.2.tgz#3e46c3f7af196bdbf0deb336ec4f9448c54e4a9f"
-  integrity sha512-Q8onNzhuAZ0l9DNkm8D4Z1AEIzJr8JiT4L2fVBLYrV/R75C2HS3q7lzvfo6oqMY6mXge1cFPcrTtg3YXBQaSWA==
+"@nx/nx-win32-arm64-msvc@16.9.1":
+  version "16.9.1"
+  resolved "https://registry.yarnpkg.com/@nx/nx-win32-arm64-msvc/-/nx-win32-arm64-msvc-16.9.1.tgz#98f2daf489ffa73a5fa1e7bbb477438988c090fa"
+  integrity sha512-UIDAWH6/LfouFaXLJWyZKggzH/698lSrLkEE1fa9VrrGEOhumk7MPAVQc/XxgkWgPDDR1TJl0ij+J1bOREn73Q==
 
-"@nrwl/tao@15.9.2":
-  version "15.9.2"
-  resolved "https://registry.yarnpkg.com/@nrwl/tao/-/tao-15.9.2.tgz#e970efa8b3fb828007b02286e9e505247032b5b3"
-  integrity sha512-+LqNC37w9c6q6Ukdpf0z0tt1PQFNi4gwhHpJvkYQiKRETHjyrrlyqTNEPEyA7PI62RuYC6VrpVw2gzI7ufqZEA==
-  dependencies:
-    nx "15.9.2"
+"@nx/nx-win32-x64-msvc@16.9.1":
+  version "16.9.1"
+  resolved "https://registry.yarnpkg.com/@nx/nx-win32-x64-msvc/-/nx-win32-x64-msvc-16.9.1.tgz#5d2ad9bd578b807e1e9c4174106e6c8b78a47efe"
+  integrity sha512-isnElU5RaQEGPAJhx6VNY0P/avD79s146kmZOn1Ff5fAjReqR7kRxSWXQOdIqc6nPH9Y0c9wNwEAuhBJoor+Mw==
 
 "@octokit/auth-token@^3.0.0":
   version "3.0.3"
@@ -3140,10 +3870,10 @@
   dependencies:
     "@octokit/types" "^9.0.0"
 
-"@octokit/core@^4.0.0":
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/@octokit/core/-/core-4.2.0.tgz#8c253ba9605aca605bc46187c34fcccae6a96648"
-  integrity sha512-AgvDRUg3COpR82P7PBdGZF/NNqGmtMq2NiPqeSsDIeCfYFOZ9gddqWNQHnFdEUf+YwOj4aZYmJnlPp7OXmDIDg==
+"@octokit/core@^4.2.1":
+  version "4.2.4"
+  resolved "https://registry.yarnpkg.com/@octokit/core/-/core-4.2.4.tgz#d8769ec2b43ff37cc3ea89ec4681a20ba58ef907"
+  integrity sha512-rYKilwgzQ7/imScn3M9/pFfUf4I1AZEH3KhyJmtPdE2zfaXAn2mFfUy4FbKewzc2We5y/LlKLj36fWJLKC2SIQ==
   dependencies:
     "@octokit/auth-token" "^3.0.0"
     "@octokit/graphql" "^5.0.0"
@@ -3171,45 +3901,40 @@
     "@octokit/types" "^9.0.0"
     universal-user-agent "^6.0.0"
 
-"@octokit/openapi-types@^12.11.0":
-  version "12.11.0"
-  resolved "https://registry.yarnpkg.com/@octokit/openapi-types/-/openapi-types-12.11.0.tgz#da5638d64f2b919bca89ce6602d059f1b52d3ef0"
-  integrity sha512-VsXyi8peyRq9PqIz/tpqiL2w3w80OgVMwBHltTml3LmVvXiphgeqmY9mvBw9Wu7e0QWk/fqD37ux8yP5uVekyQ==
-
-"@octokit/openapi-types@^14.0.0":
-  version "14.0.0"
-  resolved "https://registry.yarnpkg.com/@octokit/openapi-types/-/openapi-types-14.0.0.tgz#949c5019028c93f189abbc2fb42f333290f7134a"
-  integrity sha512-HNWisMYlR8VCnNurDU6os2ikx0s0VyEjDYHNS/h4cgb8DeOxQ0n72HyinUtdDVxJhFy3FWLGl0DJhfEWk3P5Iw==
-
 "@octokit/openapi-types@^17.0.0":
   version "17.0.0"
   resolved "https://registry.yarnpkg.com/@octokit/openapi-types/-/openapi-types-17.0.0.tgz#7356d287f48b20e9a1f497ef8dfaabdff9cf8622"
   integrity sha512-V8BVJGN0ZmMlURF55VFHFd/L92XQQ43KvFjNmY1IYbCN3V/h/uUFV6iQi19WEHM395Nn+1qhUbViCAD/1czzog==
 
+"@octokit/openapi-types@^18.0.0":
+  version "18.1.1"
+  resolved "https://registry.yarnpkg.com/@octokit/openapi-types/-/openapi-types-18.1.1.tgz#09bdfdabfd8e16d16324326da5148010d765f009"
+  integrity sha512-VRaeH8nCDtF5aXWnjPuEMIYf1itK/s3JYyJcWFJT8X9pSNnBtriDf7wlEWsGuhPLl4QIH4xM8fqTXDwJ3Mu6sw==
+
 "@octokit/plugin-enterprise-rest@6.0.1":
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/@octokit/plugin-enterprise-rest/-/plugin-enterprise-rest-6.0.1.tgz#e07896739618dab8da7d4077c658003775f95437"
   integrity sha512-93uGjlhUD+iNg1iWhUENAtJata6w5nE+V4urXOAlIXdco6xNZtUSfYY8dzp3Udy74aqO/B5UZL80x/YMa5PKRw==
 
-"@octokit/plugin-paginate-rest@^3.0.0":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@octokit/plugin-paginate-rest/-/plugin-paginate-rest-3.1.0.tgz#86f8be759ce2d6d7c879a31490fd2f7410b731f0"
-  integrity sha512-+cfc40pMzWcLkoDcLb1KXqjX0jTGYXjKuQdFQDc6UAknISJHnZTiBqld6HDwRJvD4DsouDKrWXNbNV0lE/3AXA==
+"@octokit/plugin-paginate-rest@^6.1.2":
+  version "6.1.2"
+  resolved "https://registry.yarnpkg.com/@octokit/plugin-paginate-rest/-/plugin-paginate-rest-6.1.2.tgz#f86456a7a1fe9e58fec6385a85cf1b34072341f8"
+  integrity sha512-qhrmtQeHU/IivxucOV1bbI/xZyC/iOBhclokv7Sut5vnejAIAEXVcGQeRpQlU39E0WwK9lNvJHphHri/DB6lbQ==
   dependencies:
-    "@octokit/types" "^6.41.0"
+    "@octokit/tsconfig" "^1.0.2"
+    "@octokit/types" "^9.2.3"
 
 "@octokit/plugin-request-log@^1.0.4":
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/@octokit/plugin-request-log/-/plugin-request-log-1.0.4.tgz#5e50ed7083a613816b1e4a28aeec5fb7f1462e85"
   integrity sha512-mLUsMkgP7K/cnFEw07kWqXGF5LKrOkD+lhCrKvPHXWDywAwuDUeDwWBpc69XK3pNX0uKiVt8g5z96PJ6z9xCFA==
 
-"@octokit/plugin-rest-endpoint-methods@^6.0.0":
-  version "6.8.1"
-  resolved "https://registry.yarnpkg.com/@octokit/plugin-rest-endpoint-methods/-/plugin-rest-endpoint-methods-6.8.1.tgz#97391fda88949eb15f68dc291957ccbe1d3e8ad1"
-  integrity sha512-QrlaTm8Lyc/TbU7BL/8bO49vp+RZ6W3McxxmmQTgYxf2sWkO8ZKuj4dLhPNJD6VCUW1hetCmeIM0m6FTVpDiEg==
+"@octokit/plugin-rest-endpoint-methods@^7.1.2":
+  version "7.2.3"
+  resolved "https://registry.yarnpkg.com/@octokit/plugin-rest-endpoint-methods/-/plugin-rest-endpoint-methods-7.2.3.tgz#37a84b171a6cb6658816c82c4082ac3512021797"
+  integrity sha512-I5Gml6kTAkzVlN7KCtjOM+Ruwe/rQppp0QU372K1GP7kNOYEKe8Xn5BW4sE62JAHdwpq95OQK/qGNyKQMUzVgA==
   dependencies:
-    "@octokit/types" "^8.1.1"
-    deprecation "^2.3.1"
+    "@octokit/types" "^10.0.0"
 
 "@octokit/request-error@^3.0.0":
   version "3.0.3"
@@ -3232,29 +3957,27 @@
     node-fetch "^2.6.7"
     universal-user-agent "^6.0.0"
 
-"@octokit/rest@19.0.3":
-  version "19.0.3"
-  resolved "https://registry.yarnpkg.com/@octokit/rest/-/rest-19.0.3.tgz#b9a4e8dc8d53e030d611c053153ee6045f080f02"
-  integrity sha512-5arkTsnnRT7/sbI4fqgSJ35KiFaN7zQm0uQiQtivNQLI8RQx8EHwJCajcTUwmaCMNDg7tdCvqAnc7uvHHPxrtQ==
+"@octokit/rest@19.0.11":
+  version "19.0.11"
+  resolved "https://registry.yarnpkg.com/@octokit/rest/-/rest-19.0.11.tgz#2ae01634fed4bd1fca5b642767205ed3fd36177c"
+  integrity sha512-m2a9VhaP5/tUw8FwfnW2ICXlXpLPIqxtg3XcAiGMLj/Xhw3RSBfZ8le/466ktO1Gcjr8oXudGnHhxV1TXJgFxw==
   dependencies:
-    "@octokit/core" "^4.0.0"
-    "@octokit/plugin-paginate-rest" "^3.0.0"
+    "@octokit/core" "^4.2.1"
+    "@octokit/plugin-paginate-rest" "^6.1.2"
     "@octokit/plugin-request-log" "^1.0.4"
-    "@octokit/plugin-rest-endpoint-methods" "^6.0.0"
+    "@octokit/plugin-rest-endpoint-methods" "^7.1.2"
 
-"@octokit/types@^6.41.0":
-  version "6.41.0"
-  resolved "https://registry.yarnpkg.com/@octokit/types/-/types-6.41.0.tgz#e58ef78d78596d2fb7df9c6259802464b5f84a04"
-  integrity sha512-eJ2jbzjdijiL3B4PrSQaSjuF2sPEQPVCPzBvTHJD9Nz+9dw2SGH4K4xeQJ77YfTq5bRQ+bD8wT11JbeDPmxmGg==
-  dependencies:
-    "@octokit/openapi-types" "^12.11.0"
+"@octokit/tsconfig@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@octokit/tsconfig/-/tsconfig-1.0.2.tgz#59b024d6f3c0ed82f00d08ead5b3750469125af7"
+  integrity sha512-I0vDR0rdtP8p2lGMzvsJzbhdOWy405HcGovrspJ8RRibHnyRgggUSNO5AIox5LmqiwmatHKYsvj6VGFHkqS7lA==
 
-"@octokit/types@^8.1.1":
-  version "8.2.1"
-  resolved "https://registry.yarnpkg.com/@octokit/types/-/types-8.2.1.tgz#a6de091ae68b5541f8d4fcf9a12e32836d4648aa"
-  integrity sha512-8oWMUji8be66q2B9PmEIUyQm00VPDPun07umUWSaCwxmeaquFBro4Hcc3ruVoDo3zkQyZBlRvhIMEYS3pBhanw==
+"@octokit/types@^10.0.0":
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/@octokit/types/-/types-10.0.0.tgz#7ee19c464ea4ada306c43f1a45d444000f419a4a"
+  integrity sha512-Vm8IddVmhCgU1fxC1eyinpwqzXPEYu0NrYzD3YZjlGjyftdLBTeqNblRC0jmJmgxbJIsQlyogVeGnrNaaMVzIg==
   dependencies:
-    "@octokit/openapi-types" "^14.0.0"
+    "@octokit/openapi-types" "^18.0.0"
 
 "@octokit/types@^9.0.0":
   version "9.1.1"
@@ -3263,6 +3986,13 @@
   dependencies:
     "@octokit/openapi-types" "^17.0.0"
 
+"@octokit/types@^9.2.3":
+  version "9.3.2"
+  resolved "https://registry.yarnpkg.com/@octokit/types/-/types-9.3.2.tgz#3f5f89903b69f6a2d196d78ec35f888c0013cac5"
+  integrity sha512-D4iHGTdAnEEVsB8fl95m1hiz7D5YiRdQ9b/OEb3BYRVwbLsGHcRVPz+u+BgRLNk0Q0/4iZCBqDN96j2XNxfXrA==
+  dependencies:
+    "@octokit/openapi-types" "^18.0.0"
+
 "@parcel/watcher@2.0.4":
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/@parcel/watcher/-/watcher-2.0.4.tgz#f300fef4cc38008ff4b8c29d92588eced3ce014b"
@@ -3293,10 +4023,10 @@
     tiny-glob "^0.2.9"
     tslib "^2.4.0"
 
-"@pmmmwh/react-refresh-webpack-plugin@0.5.10":
-  version "0.5.10"
-  resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.10.tgz#2eba163b8e7dbabb4ce3609ab5e32ab63dda3ef8"
-  integrity sha512-j0Ya0hCFZPd4x40qLzbhGsh9TMtdb+CJQiso+WxLOPNasohq9cc5SNUcwsZaRH6++Xh91Xkm/xHCkuIiIu0LUA==
+"@pmmmwh/react-refresh-webpack-plugin@0.5.11":
+  version "0.5.11"
+  resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.11.tgz#7c2268cedaa0644d677e8c4f377bc8fb304f714a"
+  integrity sha512-7j/6vdTym0+qZ6u4XbSAxrWBGYSdCfTzySkj7WAFgDLmSyWlOrWvpyzxlFh5jtw9dn0oL/jtW+06XfFiisN3JQ==
   dependencies:
     ansi-html-community "^0.0.8"
     common-path-prefix "^3.0.0"
@@ -3313,11 +4043,6 @@
   resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.21.tgz#5de5a2385a35309427f6011992b544514d559aa1"
   integrity sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==
 
-"@popperjs/core@^2.11.7":
-  version "2.11.7"
-  resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.7.tgz#ccab5c8f7dc557a52ca3288c10075c9ccd37fff7"
-  integrity sha512-Cr4OjIkipTtcXKjAsm8agyleBuDHvxzeBoa1v543lbv1YaIwQjESsVcmjiWiPEbC1FIeHOG/Op9kdCmAmiS3Kw==
-
 "@popperjs/core@^2.11.8":
   version "2.11.8"
   resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.8.tgz#6b79032e760a0899cd4204710beede972a3a185f"
@@ -3565,11 +4290,6 @@
   dependencies:
     "@babel/runtime" "^7.13.10"
 
-"@reach/observe-rect@^1.1.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@reach/observe-rect/-/observe-rect-1.2.0.tgz#d7a6013b8aafcc64c778a0ccb83355a11204d3b2"
-  integrity sha512-Ba7HmkFgfQxZqqaeIWWkNK0rEhpxVQHIoVyW1YDSkGsGIXzcaW4deC8B0pZrNSSyLTdIk7y+5olKt5+g0GmFIQ==
-
 "@react-dnd/asap@^5.0.1":
   version "5.0.2"
   resolved "https://registry.yarnpkg.com/@react-dnd/asap/-/asap-5.0.2.tgz#1f81f124c1cd6f39511c11a881cfb0f715343488"
@@ -3585,20 +4305,20 @@
   resolved "https://registry.yarnpkg.com/@react-dnd/shallowequal/-/shallowequal-4.0.2.tgz#d1b4befa423f692fa4abf1c79209702e7d8ae4b4"
   integrity sha512-/RVXdLvJxLg4QKvMoM5WlwNR9ViO9z8B/qPcc+C0Sa/teJY7QG7kJ441DwzOjMYEY7GmU4dj5EcGHIkKZiQZCA==
 
-"@reduxjs/toolkit@1.9.5":
-  version "1.9.5"
-  resolved "https://registry.yarnpkg.com/@reduxjs/toolkit/-/toolkit-1.9.5.tgz#d3987849c24189ca483baa7aa59386c8e52077c4"
-  integrity sha512-Rt97jHmfTeaxL4swLRNPD/zV4OxTes4la07Xc4hetpUW/vc75t5m1ANyxG6ymnEQ2FsLQsoMlYB2vV1sO3m8tQ==
+"@reduxjs/toolkit@1.9.7":
+  version "1.9.7"
+  resolved "https://registry.yarnpkg.com/@reduxjs/toolkit/-/toolkit-1.9.7.tgz#7fc07c0b0ebec52043f8cb43510cf346405f78a6"
+  integrity sha512-t7v8ZPxhhKgOKtU+uyJT13lu4vL7az5aFi4IdoDs/eS548edn2M8Ik9h8fxgvMjGoAUVFSt6ZC1P5cWmQ014QQ==
   dependencies:
     immer "^9.0.21"
     redux "^4.2.1"
     redux-thunk "^2.4.2"
     reselect "^4.1.8"
 
-"@remix-run/router@1.5.0":
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/@remix-run/router/-/router-1.5.0.tgz#57618e57942a5f0131374a9fdb0167e25a117fdc"
-  integrity sha512-bkUDCp8o1MvFO+qxkODcbhSqRa6P2GXgrGZVpt0dCXNW2HCSCqYI0ZoAqEOSAjRWmmlKcYgFvN4B4S+zo/f8kg==
+"@remix-run/router@1.9.0":
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/@remix-run/router/-/router-1.9.0.tgz#9033238b41c4cbe1e961eccb3f79e2c588328cf6"
+  integrity sha512-bV63itrKBC0zdT27qYm6SDZHlkXwFL1xMBuhkn+X7l0+IIhNaH5wuuvZKp6eKhCD4KFhujhfhCT1YxXW6esUIA==
 
 "@rollup/plugin-babel@^5.2.0":
   version "5.3.1"
@@ -3637,35 +4357,78 @@
     estree-walker "^1.0.1"
     picomatch "^2.2.2"
 
-"@rollup/pluginutils@^5.0.2":
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.0.2.tgz#012b8f53c71e4f6f9cb317e311df1404f56e7a33"
-  integrity sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA==
+"@rollup/pluginutils@^5.0.4":
+  version "5.0.5"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.0.5.tgz#bbb4c175e19ebfeeb8c132c2eea0ecb89941a66c"
+  integrity sha512-6aEYR910NyP73oHiJglti74iRyOwgFU4x3meH/H8OJx6Ry0j6cOVZ5X/wTvub7G7Ao6qaHBEaNsV3GLJkSsF+Q==
   dependencies:
     "@types/estree" "^1.0.0"
     estree-walker "^2.0.2"
     picomatch "^2.3.1"
 
-"@rushstack/eslint-patch@^1.1.3":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.2.0.tgz#8be36a1f66f3265389e90b5f9c9962146758f728"
-  integrity sha512-sXo/qW2/pAcmT43VoRKOJbDOfV3cYpq3szSVfIThQXNt+E4DfKj361vaAt3c88U5tPUxzEswam7GW48PJqtKAg==
+"@rushstack/eslint-patch@^1.3.3":
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.5.1.tgz#5f1b518ec5fa54437c0b7c4a821546c64fed6922"
+  integrity sha512-6i/8UoL0P5y4leBIGzvkZdS85RDMG9y1ihZzmTZQ5LdHUYmZ7pKFoj8X0236s3lusPs1Fa5HTQUpwI+UfTcmeA==
+
+"@sigstore/bundle@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@sigstore/bundle/-/bundle-1.1.0.tgz#17f8d813b09348b16eeed66a8cf1c3d6bd3d04f1"
+  integrity sha512-PFutXEy0SmQxYI4texPw3dd2KewuNqv7OuK1ZFtY2fM754yhvG2KdgwIhRnoEE2uHdtdGNQ8s0lb94dW9sELog==
+  dependencies:
+    "@sigstore/protobuf-specs" "^0.2.0"
 
 "@sigstore/protobuf-specs@^0.1.0":
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/@sigstore/protobuf-specs/-/protobuf-specs-0.1.0.tgz#957cb64ea2f5ce527cc9cf02a096baeb0d2b99b4"
   integrity sha512-a31EnjuIDSX8IXBUib3cYLDRlPMU36AWX4xS8ysLaNu4ZzUesDiPt83pgrW2X1YLMe5L2HbDyaKK5BrL4cNKaQ==
 
+"@sigstore/protobuf-specs@^0.2.0":
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/@sigstore/protobuf-specs/-/protobuf-specs-0.2.1.tgz#be9ef4f3c38052c43bd399d3f792c97ff9e2277b"
+  integrity sha512-XTWVxnWJu+c1oCshMLwnKvz8ZQJJDVOlciMfgpJBQbThVjKTCG8dwyhgLngBD2KN0ap9F/gOV8rFDEx8uh7R2A==
+
+"@sigstore/sign@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@sigstore/sign/-/sign-1.0.0.tgz#6b08ebc2f6c92aa5acb07a49784cb6738796f7b4"
+  integrity sha512-INxFVNQteLtcfGmcoldzV6Je0sbbfh9I16DM4yJPw3j5+TFP8X6uIiA18mvpEa9yyeycAKgPmOA3X9hVdVTPUA==
+  dependencies:
+    "@sigstore/bundle" "^1.1.0"
+    "@sigstore/protobuf-specs" "^0.2.0"
+    make-fetch-happen "^11.0.1"
+
+"@sigstore/tuf@^1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@sigstore/tuf/-/tuf-1.0.3.tgz#2a65986772ede996485728f027b0514c0b70b160"
+  integrity sha512-2bRovzs0nJZFlCN3rXirE4gwxCn97JNjMmwpecqlbgV9WcxX7WRuIrgzx/X7Ib7MYRbyUTpBYE0s2x6AmZXnlg==
+  dependencies:
+    "@sigstore/protobuf-specs" "^0.2.0"
+    tuf-js "^1.1.7"
+
 "@simbathesailor/use-what-changed@2.0.0":
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/@simbathesailor/use-what-changed/-/use-what-changed-2.0.0.tgz#7f82d78f92c8588b5fadd702065dde93bd781403"
   integrity sha512-ulBNrPSvfho9UN6zS2fii3AsdEcp2fMaKeqUZZeCNPaZbB6aXyTUhpEN9atjMAbu/eyK3AY8L4SYJUG62Ekocw==
 
+"@simonsmith/cypress-image-snapshot@9.0.1":
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/@simonsmith/cypress-image-snapshot/-/cypress-image-snapshot-9.0.1.tgz#ecf60b6f40279ab0ff3c5aa58081ff62ac9232d3"
+  integrity sha512-oPwALMKRdHECgGMXlLeZPE9vhgcmYL5BuPW+RgiR0kXvpUvh/xYKRiTEmeVgIFuAuyLfr255zh5h7//3QaJlhg==
+  dependencies:
+    "@types/jest-image-snapshot" "^6.1.0"
+    chalk "^4.1.2"
+    jest-image-snapshot "^6.1.0"
+
 "@sinclair/typebox@^0.25.16":
   version "0.25.24"
   resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.25.24.tgz#8c7688559979f7079aacaf31aa881c3aa410b718"
   integrity sha512-XJfwUVUKDHF5ugKwIcxEgc9k8b7HbznCp6eUfWgu710hMPNIO4aw4/zB5RogDQz8nd6gyCDpU9O/m6qYEWY6yQ==
 
+"@sinclair/typebox@^0.27.8":
+  version "0.27.8"
+  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.27.8.tgz#6667fac16c436b5434a387a34dedb013198f6e6e"
+  integrity sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==
+
 "@sinonjs/commons@^2.0.0":
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-2.0.0.tgz#fd4ca5b063554307e8327b4564bd56d3b73924a3"
@@ -3736,14 +4499,6 @@
     "@babel/runtime" "^7.20.7"
     "@styled-icons/styled-icon" "^10.7.0"
 
-"@styled-icons/remix-editor@10.46.0":
-  version "10.46.0"
-  resolved "https://registry.yarnpkg.com/@styled-icons/remix-editor/-/remix-editor-10.46.0.tgz#81c0d3f174ff5fb1900a019acbeb4fc1f68318a1"
-  integrity sha512-oOrt6wj5//4LrZkm40bXcsFpTgXbdOkixu6RHuE3O82+Hqtw1bYR/smm5MbLOJ+Kz62SEjDF3sxqFO23ITDeUQ==
-  dependencies:
-    "@babel/runtime" "^7.19.0"
-    "@styled-icons/styled-icon" "^10.7.0"
-
 "@styled-icons/simple-icons@10.46.0":
   version "10.46.0"
   resolved "https://registry.yarnpkg.com/@styled-icons/simple-icons/-/simple-icons-10.46.0.tgz#fbb8f73686dbb40e482356a5fdc23e895e2b8468"
@@ -3769,96 +4524,123 @@
     magic-string "^0.25.0"
     string.prototype.matchall "^4.0.6"
 
-"@svgr/babel-plugin-add-jsx-attribute@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-7.0.0.tgz#80856c1b7a3b7422d232f6e079f0beb90c4a13e9"
-  integrity sha512-khWbXesWIP9v8HuKCl2NU2HNAyqpSQ/vkIl36Nbn4HIwEYSRWL0H7Gs6idJdha2DkpFDWlsqMELvoCE8lfFY6Q==
+"@svgr/babel-plugin-add-jsx-attribute@8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-8.0.0.tgz#4001f5d5dd87fa13303e36ee106e3ff3a7eb8b22"
+  integrity sha512-b9MIk7yhdS1pMCZM8VeNfUlSKVRhsHZNMl5O9SfaX0l0t5wjdgu4IDzGB8bpnGBBOjGST3rRFVsaaEtI4W6f7g==
 
-"@svgr/babel-plugin-remove-jsx-attribute@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-7.0.0.tgz#91da77a009dc38e8d30da45d9b62ef8736f2d90a"
-  integrity sha512-iiZaIvb3H/c7d3TH2HBeK91uI2rMhZNwnsIrvd7ZwGLkFw6mmunOCoVnjdYua662MqGFxlN9xTq4fv9hgR4VXQ==
+"@svgr/babel-plugin-remove-jsx-attribute@8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-8.0.0.tgz#69177f7937233caca3a1afb051906698f2f59186"
+  integrity sha512-BcCkm/STipKvbCl6b7QFrMh/vx00vIP63k2eM66MfHJzPr6O2U0jYEViXkHJWqXqQYjdeA9cuCl5KWmlwjDvbA==
 
-"@svgr/babel-plugin-remove-jsx-empty-expression@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-7.0.0.tgz#5154ff1213509e36ab315974c8c2fd48dafb827b"
-  integrity sha512-sQQmyo+qegBx8DfFc04PFmIO1FP1MHI1/QEpzcIcclo5OAISsOJPW76ZIs0bDyO/DBSJEa/tDa1W26pVtt0FRw==
+"@svgr/babel-plugin-remove-jsx-empty-expression@8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-8.0.0.tgz#c2c48104cfd7dcd557f373b70a56e9e3bdae1d44"
+  integrity sha512-5BcGCBfBxB5+XSDSWnhTThfI9jcO5f0Ai2V24gZpG+wXF14BzwxxdDb4g6trdOux0rhibGs385BeFMSmxtS3uA==
 
-"@svgr/babel-plugin-replace-jsx-attribute-value@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-7.0.0.tgz#7e72f44ee57fdbcb02fb0d4a7629466c5242725e"
-  integrity sha512-i6MaAqIZXDOJeikJuzocByBf8zO+meLwfQ/qMHIjCcvpnfvWf82PFvredEZElErB5glQFJa2KVKk8N2xV6tRRA==
+"@svgr/babel-plugin-replace-jsx-attribute-value@8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-8.0.0.tgz#8fbb6b2e91fa26ac5d4aa25c6b6e4f20f9c0ae27"
+  integrity sha512-KVQ+PtIjb1BuYT3ht8M5KbzWBhdAjjUPdlMtpuw/VjT8coTrItWX6Qafl9+ji831JaJcu6PJNKCV0bp01lBNzQ==
 
-"@svgr/babel-plugin-svg-dynamic-title@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-7.0.0.tgz#8caf0449c678ea29be756b89960b2b16c9f33f00"
-  integrity sha512-BoVSh6ge3SLLpKC0pmmN9DFlqgFy4NxNgdZNLPNJWBUU7TQpDWeBuyVuDW88iXydb5Cv0ReC+ffa5h3VrKfk1w==
+"@svgr/babel-plugin-svg-dynamic-title@8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-8.0.0.tgz#1d5ba1d281363fc0f2f29a60d6d936f9bbc657b0"
+  integrity sha512-omNiKqwjNmOQJ2v6ge4SErBbkooV2aAWwaPFs2vUY7p7GhVkzRkJ00kILXQvRhA6miHnNpXv7MRnnSjdRjK8og==
 
-"@svgr/babel-plugin-svg-em-dimensions@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-7.0.0.tgz#4db6b5af6d29e93db236b1a013fa953754071d41"
-  integrity sha512-tNDcBa+hYn0gO+GkP/AuNKdVtMufVhU9fdzu+vUQsR18RIJ9RWe7h/pSBY338RO08wArntwbDk5WhQBmhf2PaA==
+"@svgr/babel-plugin-svg-em-dimensions@8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-8.0.0.tgz#35e08df300ea8b1d41cb8f62309c241b0369e501"
+  integrity sha512-mURHYnu6Iw3UBTbhGwE/vsngtCIbHE43xCRK7kCw4t01xyGqb2Pd+WXekRRoFOBIY29ZoOhUCTEweDMdrjfi9g==
 
-"@svgr/babel-plugin-transform-react-native-svg@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-7.0.0.tgz#236995e58b5e36ff06365d5310509ce5391aeec9"
-  integrity sha512-qw54u8ljCJYL2KtBOjI5z7Nzg8LnSvQOP5hPKj77H4VQL4+HdKbAT5pnkkZLmHKYwzsIHSYKXxHouD8zZamCFQ==
+"@svgr/babel-plugin-transform-react-native-svg@8.1.0":
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-8.1.0.tgz#90a8b63998b688b284f255c6a5248abd5b28d754"
+  integrity sha512-Tx8T58CHo+7nwJ+EhUwx3LfdNSG9R2OKfaIXXs5soiy5HtgoAEkDay9LIimLOcG8dJQH1wPZp/cnAv6S9CrR1Q==
 
-"@svgr/babel-plugin-transform-svg-component@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-7.0.0.tgz#a9b62730acf10d22a2aa57e0f701c0ecbc270430"
-  integrity sha512-CcFECkDj98daOg9jE3Bh3uyD9kzevCAnZ+UtzG6+BQG/jOQ2OA3jHnX6iG4G1MCJkUQFnUvEv33NvQfqrb/F3A==
+"@svgr/babel-plugin-transform-svg-component@8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-8.0.0.tgz#013b4bfca88779711f0ed2739f3f7efcefcf4f7e"
+  integrity sha512-DFx8xa3cZXTdb/k3kfPeaixecQLgKh5NVBMwD0AQxOzcZawK4oo1Jh9LbrcACUivsCA7TLG8eeWgrDXjTMhRmw==
 
-"@svgr/babel-preset@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-preset/-/babel-preset-7.0.0.tgz#55aaca4cec2ff6515a571715b6b6fa98675b66d9"
-  integrity sha512-EX/NHeFa30j5UjldQGVQikuuQNHUdGmbh9kEpBKofGUtF0GUPJ4T4rhoYiqDAOmBOxojyot36JIFiDUHUK1ilQ==
+"@svgr/babel-preset@8.1.0":
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-preset/-/babel-preset-8.1.0.tgz#0e87119aecdf1c424840b9d4565b7137cabf9ece"
+  integrity sha512-7EYDbHE7MxHpv4sxvnVPngw5fuR6pw79SkcrILHJ/iMpuKySNCl5W1qcwPEpU+LgyRXOaAFgH0KhwD18wwg6ug==
   dependencies:
-    "@svgr/babel-plugin-add-jsx-attribute" "^7.0.0"
-    "@svgr/babel-plugin-remove-jsx-attribute" "^7.0.0"
-    "@svgr/babel-plugin-remove-jsx-empty-expression" "^7.0.0"
-    "@svgr/babel-plugin-replace-jsx-attribute-value" "^7.0.0"
-    "@svgr/babel-plugin-svg-dynamic-title" "^7.0.0"
-    "@svgr/babel-plugin-svg-em-dimensions" "^7.0.0"
-    "@svgr/babel-plugin-transform-react-native-svg" "^7.0.0"
-    "@svgr/babel-plugin-transform-svg-component" "^7.0.0"
+    "@svgr/babel-plugin-add-jsx-attribute" "8.0.0"
+    "@svgr/babel-plugin-remove-jsx-attribute" "8.0.0"
+    "@svgr/babel-plugin-remove-jsx-empty-expression" "8.0.0"
+    "@svgr/babel-plugin-replace-jsx-attribute-value" "8.0.0"
+    "@svgr/babel-plugin-svg-dynamic-title" "8.0.0"
+    "@svgr/babel-plugin-svg-em-dimensions" "8.0.0"
+    "@svgr/babel-plugin-transform-react-native-svg" "8.1.0"
+    "@svgr/babel-plugin-transform-svg-component" "8.0.0"
 
-"@svgr/core@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@svgr/core/-/core-7.0.0.tgz#def863d2670c682615583c80b408e83c095c2233"
-  integrity sha512-ztAoxkaKhRVloa3XydohgQQCb0/8x9T63yXovpmHzKMkHO6pkjdsIAWKOS4bE95P/2quVh1NtjSKlMRNzSBffw==
+"@svgr/core@^8.1.0":
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/@svgr/core/-/core-8.1.0.tgz#41146f9b40b1a10beaf5cc4f361a16a3c1885e88"
+  integrity sha512-8QqtOQT5ACVlmsvKOJNEaWmRPmcojMOzCz4Hs2BGG/toAp/K38LcsMRyLp349glq5AzJbCEeimEoxaX6v/fLrA==
   dependencies:
     "@babel/core" "^7.21.3"
-    "@svgr/babel-preset" "^7.0.0"
+    "@svgr/babel-preset" "8.1.0"
     camelcase "^6.2.0"
     cosmiconfig "^8.1.3"
+    snake-case "^3.0.4"
 
-"@svgr/hast-util-to-babel-ast@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-7.0.0.tgz#d457dfbe74ebc1e5a6daf97ded49e9576a3a00cf"
-  integrity sha512-42Ej9sDDEmsJKjrfQ1PHmiDiHagh/u9AHO9QWbeNx4KmD9yS5d1XHmXUNINfUcykAU+4431Cn+k6Vn5mWBYimQ==
+"@svgr/hast-util-to-babel-ast@8.0.0":
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-8.0.0.tgz#6952fd9ce0f470e1aded293b792a2705faf4ffd4"
+  integrity sha512-EbDKwO9GpfWP4jN9sGdYwPBU0kdomaPIL2Eu4YwmgP+sJeXT+L7bMwJUBnhzfH8Q2qMBqZ4fJwpCyYsAN3mt2Q==
   dependencies:
     "@babel/types" "^7.21.3"
     entities "^4.4.0"
 
-"@svgr/plugin-jsx@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@svgr/plugin-jsx/-/plugin-jsx-7.0.0.tgz#b9e0c7d05bc890d70163ac0490ba8c41f1afab90"
-  integrity sha512-SWlTpPQmBUtLKxXWgpv8syzqIU8XgFRvyhfkam2So8b3BE0OS0HPe5UfmlJ2KIC+a7dpuuYovPR2WAQuSyMoPw==
+"@svgr/plugin-jsx@^8.1.0":
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/@svgr/plugin-jsx/-/plugin-jsx-8.1.0.tgz#96969f04a24b58b174ee4cd974c60475acbd6928"
+  integrity sha512-0xiIyBsLlr8quN+WyuxooNW9RJ0Dpr8uOnH/xrCVO8GLUcwHISwj1AG0k+LFzteTkAA0GbX0kj9q6Dk70PTiPA==
   dependencies:
     "@babel/core" "^7.21.3"
-    "@svgr/babel-preset" "^7.0.0"
-    "@svgr/hast-util-to-babel-ast" "^7.0.0"
+    "@svgr/babel-preset" "8.1.0"
+    "@svgr/hast-util-to-babel-ast" "8.0.0"
     svg-parser "^2.0.4"
 
-"@swc/helpers@0.4.14":
-  version "0.4.14"
-  resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.4.14.tgz#1352ac6d95e3617ccb7c1498ff019654f1e12a74"
-  integrity sha512-4C7nX/dvpzB7za4Ql9K81xK3HPxCpHMgwTZVyf+9JQ6VUbn9jjZVN7/Nkdz/Ugzs2CSjqnL/UPXroiVBVHUWUw==
+"@swc/helpers@0.5.2":
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.5.2.tgz#85ea0c76450b61ad7d10a37050289eded783c27d"
+  integrity sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==
   dependencies:
     tslib "^2.4.0"
 
-"@testing-library/dom@9.2.0", "@testing-library/dom@^9.0.0":
+"@tanstack/react-virtual@3.0.0-beta.61":
+  version "3.0.0-beta.61"
+  resolved "https://registry.yarnpkg.com/@tanstack/react-virtual/-/react-virtual-3.0.0-beta.61.tgz#1c2e64affe677c883a475847e66b8774f731fa69"
+  integrity sha512-ElaOqL3FvJE075/6mRbv8VBHhiF5kHjGA7eo1O+x7sPWO7+fzkTr7t7AhNaWzRLxhUpQfbb6XG3ltp8mpfFLQg==
+  dependencies:
+    "@tanstack/virtual-core" "3.0.0-beta.61"
+
+"@tanstack/virtual-core@3.0.0-beta.61":
+  version "3.0.0-beta.61"
+  resolved "https://registry.yarnpkg.com/@tanstack/virtual-core/-/virtual-core-3.0.0-beta.61.tgz#a37b29d807e82b33d7d27a5fbee51de0f2a1f98a"
+  integrity sha512-C3iu9rkWvjJ/KbYAjuwLTjqiR9fcf9lXjRBLHDzsL/M6cR7/HLSU94abSdVrzuiqRvP7u7e0FeqPK0O3VbvWyg==
+
+"@testing-library/dom@9.3.3":
+  version "9.3.3"
+  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-9.3.3.tgz#108c23a5b0ef51121c26ae92eb3179416b0434f5"
+  integrity sha512-fB0R+fa3AUqbLHWyxXa2kGVtf1Fe1ZZFr0Zp6AIbIAzXb2mKbEXl+PCQNUOaq5lbTab5tfctfXRNsWXxa2f7Aw==
+  dependencies:
+    "@babel/code-frame" "^7.10.4"
+    "@babel/runtime" "^7.12.5"
+    "@types/aria-query" "^5.0.1"
+    aria-query "5.1.3"
+    chalk "^4.1.0"
+    dom-accessibility-api "^0.5.9"
+    lz-string "^1.5.0"
+    pretty-format "^27.0.2"
+
+"@testing-library/dom@^9.0.0":
   version "9.2.0"
   resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-9.2.0.tgz#0e1f45e956f2a16f471559c06edd8827c4832f04"
   integrity sha512-xTEnpUKiV/bMyEsE5bT4oYA0x0Z/colMtxzUY8bKyPXBNLn/e0V4ZjBZkEhms0xE4pv9QsPfSRu9AWS4y5wGvA==
@@ -3872,14 +4654,13 @@
     lz-string "^1.5.0"
     pretty-format "^27.0.2"
 
-"@testing-library/jest-dom@5.16.5":
-  version "5.16.5"
-  resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-5.16.5.tgz#3912846af19a29b2dbf32a6ae9c31ef52580074e"
-  integrity sha512-N5ixQ2qKpi5OLYfwQmUb/5mSV9LneAcaUfp32pn4yCnpb8r/Yz0pXFPck21dIicKmi+ta5WRAknkZCfA8refMA==
+"@testing-library/jest-dom@6.1.3":
+  version "6.1.3"
+  resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-6.1.3.tgz#443118c9e4043f96396f120de2c7122504a079c5"
+  integrity sha512-YzpjRHoCBWPzpPNtg6gnhasqtE/5O4qz8WCwDEaxtfnPO6gkaLrnuXusrGSPyhIGPezr1HM7ZH0CFaUTY9PJEQ==
   dependencies:
-    "@adobe/css-tools" "^4.0.1"
+    "@adobe/css-tools" "^4.3.0"
     "@babel/runtime" "^7.9.2"
-    "@types/testing-library__jest-dom" "^5.9.1"
     aria-query "^5.0.0"
     chalk "^3.0.0"
     css.escape "^1.5.1"
@@ -3896,10 +4677,10 @@
     "@testing-library/dom" "^9.0.0"
     "@types/react-dom" "^18.0.0"
 
-"@testing-library/user-event@14.4.3":
-  version "14.4.3"
-  resolved "https://registry.yarnpkg.com/@testing-library/user-event/-/user-event-14.4.3.tgz#af975e367743fa91989cd666666aec31a8f50591"
-  integrity sha512-kCUc5MEwaEMakkO5x7aoD+DLi02ehmEM2QCGWvNqAS1dV/fAvORWEjnjsEIvml59M7Y5kCkWN6fCCyPOe8OL6Q==
+"@testing-library/user-event@14.5.1":
+  version "14.5.1"
+  resolved "https://registry.yarnpkg.com/@testing-library/user-event/-/user-event-14.5.1.tgz#27337d72046d5236b32fd977edee3f74c71d332f"
+  integrity sha512-UCcUKrUYGj7ClomOo2SpNVvx4/fkd/2BbIHDCle8A0ax+P3bU7yJwDBDrS6ZwdTMARWTGODX1hEsCcO+7beJjg==
 
 "@tootallnate/once@2":
   version "2.0.0"
@@ -3944,6 +4725,14 @@
     "@tufjs/canonical-json" "1.0.0"
     minimatch "^7.4.6"
 
+"@tufjs/models@1.0.4":
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/@tufjs/models/-/models-1.0.4.tgz#5a689630f6b9dbda338d4b208019336562f176ef"
+  integrity sha512-qaGV9ltJP0EO25YfFUPhxRVK0evXFIAGicsVXuRim4Ed9cjPxYhNnNJ49SFmbeLgtxpslIkX317IgpfcHPVj/A==
+  dependencies:
+    "@tufjs/canonical-json" "1.0.0"
+    minimatch "^9.0.0"
+
 "@types/acorn@^4.0.0":
   version "4.0.6"
   resolved "https://registry.yarnpkg.com/@types/acorn/-/acorn-4.0.6.tgz#d61ca5480300ac41a7d973dd5b84d0a591154a22"
@@ -4127,7 +4916,7 @@
   dependencies:
     "@types/unist" "*"
 
-"@types/hoist-non-react-statics@*", "@types/hoist-non-react-statics@^3.3.1":
+"@types/hoist-non-react-statics@^3.3.1":
   version "3.3.1"
   resolved "https://registry.yarnpkg.com/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz#1124aafe5118cb591977aeb1ceaaed1070eb039f"
   integrity sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==
@@ -4166,18 +4955,35 @@
   dependencies:
     "@types/istanbul-lib-report" "*"
 
-"@types/jest@*", "@types/jest@29.5.1":
-  version "29.5.1"
-  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-29.5.1.tgz#83c818aa9a87da27d6da85d3378e5a34d2f31a47"
-  integrity sha512-tEuVcHrpaixS36w7hpsfLBLpjtMRJUE09/MHXn923LOVojDwyC14cWcfc0rDs0VEfUyYmt/+iX1kxxp+gZMcaQ==
+"@types/jest-image-snapshot@^6.1.0":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@types/jest-image-snapshot/-/jest-image-snapshot-6.2.2.tgz#aa4aba670b31bd0cd83cf044051b660666e838ee"
+  integrity sha512-wRjyeSDkBiYUXURQgWkfmlcKG5vpv3VsoWfwtbQPHgicjCx/sBtRKR2kCT6MGCWNY+HuWbrmvVVAaVSsqU4Q4Q==
+  dependencies:
+    "@types/jest" "*"
+    "@types/pixelmatch" "*"
+    ssim.js "^3.1.1"
+
+"@types/jest@*":
+  version "29.5.6"
+  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-29.5.6.tgz#f4cf7ef1b5b0bfc1aa744e41b24d9cc52533130b"
+  integrity sha512-/t9NnzkOpXb4Nfvg17ieHE6EeSjDS2SGSpNYfoLbUAeL/EOueU/RSdOWFpfQTXBEM7BguYW1XQ0EbM+6RlIh6w==
   dependencies:
     expect "^29.0.0"
     pretty-format "^29.0.0"
 
-"@types/js-yaml@4.0.5", "@types/js-yaml@^4.0.0":
-  version "4.0.5"
-  resolved "https://registry.yarnpkg.com/@types/js-yaml/-/js-yaml-4.0.5.tgz#738dd390a6ecc5442f35e7f03fa1431353f7e138"
-  integrity sha512-FhpRzf927MNQdRZP0J5DLIdTXhjLYzeUTmLAu69mnVksLH9CJY3IuSeEgbKUki7GQZm0WqDkGzyxju2EZGD2wA==
+"@types/jest@29.5.5":
+  version "29.5.5"
+  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-29.5.5.tgz#727204e06228fe24373df9bae76b90f3e8236a2a"
+  integrity sha512-ebylz2hnsWR9mYvmBFbXJXr+33UPc4+ZdxyDXh5w0FlPBTfCVN3wPL+kuOiQt3xvrK419v7XWeAs+AeOksafXg==
+  dependencies:
+    expect "^29.0.0"
+    pretty-format "^29.0.0"
+
+"@types/js-yaml@4.0.6", "@types/js-yaml@^4.0.0":
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/@types/js-yaml/-/js-yaml-4.0.6.tgz#4b3afd5158b8749095b1f096967b6d0f838d862f"
+  integrity sha512-ACTuifTSIIbyksx2HTon3aFtCKWcID7/h3XEmRpDYdMCXxPbl+m9GteOJeaAkiAta/NJaSFuA7ahZ0NkwajDSw==
 
 "@types/jsdom@^20.0.0":
   version "20.0.1"
@@ -4193,6 +4999,11 @@
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.11.tgz#d421b6c527a3037f7c84433fd2c4229e016863d3"
   integrity sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==
 
+"@types/json-schema@^7.0.12":
+  version "7.0.13"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.13.tgz#02c24f4363176d2d18fc8b70b9f3c54aba178a85"
+  integrity sha512-RbSSoHliUbnXj3ny0CNFOoxrIDV6SUGyStHsvDqosw6CkdPV8TtWGlfecuK4ToyMEAql6pzNxgCFKanovUzlgQ==
+
 "@types/json5@^0.0.29":
   version "0.0.29"
   resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
@@ -4230,9 +5041,9 @@
     "@types/unist" "*"
 
 "@types/mdx@^2.0.0":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@types/mdx/-/mdx-2.0.4.tgz#d1cad61ccc803b3c248c3d9990a2a6880bef537f"
-  integrity sha512-qCYrNdpKwN6YO6FVnx+ulfqifKlE3lQGsNhvDaW9Oxzyob/cRLBJWow8GHBBD4NxQ7BVvtsATgLsX0vZAWmtrg==
+  version "2.0.8"
+  resolved "https://registry.yarnpkg.com/@types/mdx/-/mdx-2.0.8.tgz#585229ff7057ab30c5e4a23fe126858881d818e5"
+  integrity sha512-r7/zWe+f9x+zjXqGxf821qz++ld8tp6Z4jUS6qmPZUXH6tfh4riXOhAqb12tWGWAevCFtMt1goLWkQMqIJKpsA==
 
 "@types/mime@*":
   version "3.0.1"
@@ -4254,28 +5065,32 @@
   resolved "https://registry.yarnpkg.com/@types/minimist/-/minimist-1.2.2.tgz#ee771e2ba4b3dc5b372935d549fd9617bf345b8c"
   integrity sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==
 
+"@types/mocha@10.0.3":
+  version "10.0.3"
+  resolved "https://registry.yarnpkg.com/@types/mocha/-/mocha-10.0.3.tgz#4804fe9cd39da26eb62fa65c15ea77615a187812"
+  integrity sha512-RsOPImTriV/OE4A9qKjMtk2MnXiuLLbcO3nCXK+kvq4nr0iMfFgpjaX3MPLb6f7+EL1FGSelYvuJMV6REH+ZPQ==
+
 "@types/ms@*":
   version "0.7.31"
   resolved "https://registry.yarnpkg.com/@types/ms/-/ms-0.7.31.tgz#31b7ca6407128a3d2bbc27fe2d21b345397f6197"
   integrity sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==
 
-"@types/node-fetch@2.6.4":
-  version "2.6.4"
-  resolved "https://registry.yarnpkg.com/@types/node-fetch/-/node-fetch-2.6.4.tgz#1bc3a26de814f6bf466b25aeb1473fa1afe6a660"
-  integrity sha512-1ZX9fcN4Rvkvgv4E6PAY5WXUFWFcRWxZa3EW83UjycOB9ljJCedb2CupIP4RZMEwF/M3eTcCihbBRgwtGbg5Rg==
-  dependencies:
-    "@types/node" "*"
-    form-data "^3.0.0"
-
 "@types/node@*":
   version "18.15.13"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-18.15.13.tgz#f64277c341150c979e42b00e4ac289290c9df469"
   integrity sha512-N+0kuo9KgrUQ1Sn/ifDXsvg0TTleP7rIy4zOBGECxAljqvqfqpTfzx0Q1NUedOixRMBfe2Whhb056a42cWs26Q==
 
-"@types/node@18.16.14":
-  version "18.16.14"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.16.14.tgz#ab67bb907f1146afc6fedb9ce60ae8a99c989631"
-  integrity sha512-+ImzUB3mw2c5ISJUq0punjDilUQ5GnUim0ZRvchHIWJmOC0G+p0kzhXBqj6cDjK0QdPFwzrHWgrJp3RPvCG5qg==
+"@types/node@18.17.19":
+  version "18.17.19"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.17.19.tgz#80c9b8a89d3648d9e6098f4a7184e03833fee3c5"
+  integrity sha512-+pMhShR3Or5GR0/sp4Da7FnhVmTalWm81M6MkEldbwjETSaPalw138Z4KdpQaistvqQxLB7Cy4xwYdxpbSOs9Q==
+
+"@types/node@^18.17.5":
+  version "18.18.8"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-18.18.8.tgz#2b285361f2357c8c8578ec86b5d097c7f464cfd6"
+  integrity sha512-OLGBaaK5V3VRBS1bAkMVP2/W9B+H8meUfl866OrMNQqt7wDgdpWPp5o6gmIc9pB+lIQHSq4ZL8ypeH1vPxcPaQ==
+  dependencies:
+    undici-types "~5.26.4"
 
 "@types/normalize-package-data@^2.4.0":
   version "2.4.1"
@@ -4287,21 +5102,28 @@
   resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0"
   integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
 
-"@types/prettier@2.7.2", "@types/prettier@^2.1.5":
-  version "2.7.2"
-  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.7.2.tgz#6c2324641cc4ba050a8c710b2b251b377581fbf0"
-  integrity sha512-KufADq8uQqo1pYKVIYzfKbJfBAc0sOeXqGbFaSpv8MRmC/zXgowNZmFcbngndGk922QDmOASEXUZCaY48gs4cg==
+"@types/pixelmatch@*":
+  version "5.2.5"
+  resolved "https://registry.yarnpkg.com/@types/pixelmatch/-/pixelmatch-5.2.5.tgz#65eb7f7076a93cc003a504e363d0bf403ecbeede"
+  integrity sha512-di/HknmWA+KNjlLczJiLft9g1mHJZl5qGAXtDct8KsJg8KPrXKJa8Avumj53fgdJOBbfHABYhp3EjyitmKPdBg==
+  dependencies:
+    "@types/node" "*"
 
-"@types/prismjs@1.26.0":
-  version "1.26.0"
-  resolved "https://registry.yarnpkg.com/@types/prismjs/-/prismjs-1.26.0.tgz#a1c3809b0ad61c62cac6d4e0c56d610c910b7654"
-  integrity sha512-ZTaqn/qSqUuAq1YwvOFQfVW1AR/oQJlLSZVustdjwI+GZ8kr0MSHBj0tsXPW1EqHubx50gtBEjbPGsdZwQwCjQ==
+"@types/prismjs@1.26.1":
+  version "1.26.1"
+  resolved "https://registry.yarnpkg.com/@types/prismjs/-/prismjs-1.26.1.tgz#aae6739d8f0d14a3bc9e6dd83e6d791ad75d4d76"
+  integrity sha512-Q7jDsRbzcNHIQje15CS/piKhu6lMLb9jwjxSfEIi4KcFKXW23GoJMkwQiJ8VObyfx+VmUaDcJxXaWN+cTCjVog==
 
 "@types/prop-types@*", "@types/prop-types@^15.7.5":
   version "15.7.5"
   resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.5.tgz#5f19d2b85a98e9558036f6a3cacc8819420f05cf"
   integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==
 
+"@types/prop-types@^15.7.7":
+  version "15.7.8"
+  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.8.tgz#805eae6e8f41bd19e88917d2ea200dc992f405d3"
+  integrity sha512-kMpQpfZKSCBqltAJwskgePRaYRFukDkm1oItcAbC3gNELR20XIBcN9VRgg4+m8DKsTfkWeA4m4Imp4DDuWy7FQ==
+
 "@types/q@^1.5.1":
   version "1.5.5"
   resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.5.tgz#75a2a8e7d8ab4b230414505d92335d1dcb53a6df"
@@ -4317,18 +5139,18 @@
   resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.4.tgz#cd667bcfdd025213aafb7ca5915a932590acdcdc"
   integrity sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==
 
-"@types/react-color@3.0.6":
-  version "3.0.6"
-  resolved "https://registry.yarnpkg.com/@types/react-color/-/react-color-3.0.6.tgz#602fed023802b2424e7cd6ff3594ccd3d5055f9a"
-  integrity sha512-OzPIO5AyRmLA7PlOyISlgabpYUa3En74LP8mTMa0veCA719SvYQov4WLMsHvCgXP+L+KI9yGhYnqZafVGG0P4w==
+"@types/react-color@3.0.7":
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/@types/react-color/-/react-color-3.0.7.tgz#2dae4e3f898397adcd54fb62e278fb64298249b5"
+  integrity sha512-IGZA7e8Oia0+Sb3/1KP0qTThGelZ9DRspfeLrFWQWv5vXHiYlJJQMC2kgQr75CtP4uL8/kvT8qBgrOVlxVoNTw==
   dependencies:
     "@types/react" "*"
     "@types/reactcss" "*"
 
-"@types/react-dom@18.2.1":
-  version "18.2.1"
-  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.2.1.tgz#663b2612feb5f6431a70207430d7c04881b87f29"
-  integrity sha512-8QZEV9+Kwy7tXFmjJrp3XUKQSs9LTnE0KnoUb0YCguWBiNW0Yfb2iBMYZ08WPg35IR6P3Z0s00B15SwZnO26+w==
+"@types/react-dom@18.2.10":
+  version "18.2.10"
+  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.2.10.tgz#06247cb600e39b63a0a385f6a5014c44bab296f2"
+  integrity sha512-5VEC5RgXIk1HHdyN1pHlg0cOqnxHzvPGpMMyGAP5qSaDRmyZNDaQ0kkVAkK6NYlDhP6YBID3llaXlmAS/mdgCA==
   dependencies:
     "@types/react" "*"
 
@@ -4339,13 +5161,6 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react-is@^16.7.1 || ^17.0.0":
-  version "17.0.3"
-  resolved "https://registry.yarnpkg.com/@types/react-is/-/react-is-17.0.3.tgz#2d855ba575f2fc8d17ef9861f084acc4b90a137a"
-  integrity sha512-aBTIWg1emtu95bLTLx0cpkxwGW3ueZv71nE2YFBpL8k/z5czEW8yYpOo8Dp+UUAFAtKwNaOsh/ioSeQnWlZcfw==
-  dependencies:
-    "@types/react" "*"
-
 "@types/react-is@^18.2.1":
   version "18.2.1"
   resolved "https://registry.yarnpkg.com/@types/react-is/-/react-is-18.2.1.tgz#61d01c2a6fc089a53520c0b66996d458fdc46863"
@@ -4353,10 +5168,10 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react-transition-group@^4.4.5":
-  version "4.4.5"
-  resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.5.tgz#aae20dcf773c5aa275d5b9f7cdbca638abc5e416"
-  integrity sha512-juKD/eiSM3/xZYzjuzH6ZwpP+/lejltmiS3QEzV/vmb/Q8+HfDmxu+Baga8UEMGBqV88Nbg4l2hY/K2DkyaLLA==
+"@types/react-transition-group@^4.4.6":
+  version "4.4.7"
+  resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.7.tgz#bf69f269d74aa78b99097673ca6dd6824a68ef1c"
+  integrity sha512-ICCyBl5mvyqYp8Qeq9B5G/fyBSRC0zx3XM3sCC6KkcMsNeAHqXBKkmat4GqdJET5jtYUpZXrxI5flve5qhi2Eg==
   dependencies:
     "@types/react" "*"
 
@@ -4367,26 +5182,17 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react-window@1.8.5":
-  version "1.8.5"
-  resolved "https://registry.yarnpkg.com/@types/react-window/-/react-window-1.8.5.tgz#285fcc5cea703eef78d90f499e1457e9b5c02fc1"
-  integrity sha512-V9q3CvhC9Jk9bWBOysPGaWy/Z0lxYcTXLtLipkt2cnRj1JOSFNF7wqGpkScSXMgBwC+fnVRg/7shwgddBG5ICw==
+"@types/react-window@1.8.6":
+  version "1.8.6"
+  resolved "https://registry.yarnpkg.com/@types/react-window/-/react-window-1.8.6.tgz#4faba05b86abd36f40b612a5b02e28fadcf95c7c"
+  integrity sha512-AVJr3A5rIO9dQQu5TwTN0lP2c1RtuqyyZGCt7PGP8e5gUpn1PuQRMJb/u3UpdbwTHh4wbEi33UMW5NI0IXt1Mg==
   dependencies:
     "@types/react" "*"
 
-"@types/react@*", "@types/react@>=16":
-  version "18.0.37"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.0.37.tgz#7a784e2a8b8f83abb04dc6b9ed9c9b4c0aee9be7"
-  integrity sha512-4yaZZtkRN3ZIQD3KSEwkfcik8s0SWV+82dlJot1AbGYHCzJkWP3ENBY6wYeDRmKZ6HkrgoGAmR2HqdwYGp6OEw==
-  dependencies:
-    "@types/prop-types" "*"
-    "@types/scheduler" "*"
-    csstype "^3.0.2"
-
-"@types/react@18.2.0":
-  version "18.2.0"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.0.tgz#15cda145354accfc09a18d2f2305f9fc099ada21"
-  integrity sha512-0FLj93y5USLHdnhIhABk83rm8XEGA7kH3cr+YUlvxoUGp1xNt/DINUMvqPxLyOQMzLmZe8i4RTHbvb8MC7NmrA==
+"@types/react@*", "@types/react@18.2.25", "@types/react@>=16":
+  version "18.2.25"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.25.tgz#99fa44154132979e870ff409dc5b6e67f06f0199"
+  integrity sha512-24xqse6+VByVLIr+xWaQ9muX1B4bXJKXBbjszbld/UEDslGLY53+ZucF44HCmLbMPejTzGG9XgR+3m2/Wqu1kw==
   dependencies:
     "@types/prop-types" "*"
     "@types/scheduler" "*"
@@ -4416,10 +5222,10 @@
   resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.3.tgz#cef09e3ec9af1d63d2a6cc5b383a737e24e6dcf5"
   integrity sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==
 
-"@types/semver@^7.3.12":
-  version "7.3.13"
-  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.3.13.tgz#da4bfd73f49bd541d28920ab0e2bf0ee80f71c91"
-  integrity sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==
+"@types/semver@^7.5.0":
+  version "7.5.3"
+  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.3.tgz#9a726e116beb26c24f1ccd6850201e1246122e04"
+  integrity sha512-OxepLK9EuNEIPxWNME+C6WwbRAOOI2o2BaQEGzz5Lu2e4Z5eDnEo+/aVEDMIXywoJitJ7xWd641wrGLZdtwRyw==
 
 "@types/serve-index@^1.9.1":
   version "1.9.1"
@@ -4436,6 +5242,16 @@
     "@types/mime" "*"
     "@types/node" "*"
 
+"@types/sinonjs__fake-timers@8.1.1":
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/@types/sinonjs__fake-timers/-/sinonjs__fake-timers-8.1.1.tgz#b49c2c70150141a15e0fa7e79cf1f92a72934ce3"
+  integrity sha512-0kSuKjAS0TrGLJ0M/+8MaFkGsQhZpB6pxOmvS3K8FYI72K//YmdfoW9X2qPsAKh1mkwxGD5zib9s1FIFed6E8g==
+
+"@types/sizzle@^2.3.2":
+  version "2.3.5"
+  resolved "https://registry.yarnpkg.com/@types/sizzle/-/sizzle-2.3.5.tgz#d93dd29cdcd5801d90be968073b09a6b370780e4"
+  integrity sha512-tAe4Q+OLFOA/AMD+0lq8ovp8t3ysxAOeaScnfNdZpUxaGl51ZMDEITxkvFl1STudQ58mz6gzVGl9VhMKhwRnZQ==
+
 "@types/sockjs@^0.3.33":
   version "0.3.33"
   resolved "https://registry.yarnpkg.com/@types/sockjs/-/sockjs-0.3.33.tgz#570d3a0b99ac995360e3136fd6045113b1bd236f"
@@ -4448,22 +5264,6 @@
   resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.1.tgz#20f18294f797f2209b5f65c8e3b5c8e8261d127c"
   integrity sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw==
 
-"@types/styled-components@5.1.26":
-  version "5.1.26"
-  resolved "https://registry.yarnpkg.com/@types/styled-components/-/styled-components-5.1.26.tgz#5627e6812ee96d755028a98dae61d28e57c233af"
-  integrity sha512-KuKJ9Z6xb93uJiIyxo/+ksS7yLjS1KzG6iv5i78dhVg/X3u5t1H7juRWqVmodIdz6wGVaIApo1u01kmFRdJHVw==
-  dependencies:
-    "@types/hoist-non-react-statics" "*"
-    "@types/react" "*"
-    csstype "^3.0.2"
-
-"@types/testing-library__jest-dom@^5.9.1":
-  version "5.14.5"
-  resolved "https://registry.yarnpkg.com/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.14.5.tgz#d113709c90b3c75fdb127ec338dad7d5f86c974f"
-  integrity sha512-SBwbxYoyPIvxHbeHxTZX2Pe/74F/tX2/D3mMvzabdeJ25bBojfW0TyB8BHrbq/9zaaKICJZjLP+8r6AeZMFCuQ==
-  dependencies:
-    "@types/jest" "*"
-
 "@types/tough-cookie@*":
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/@types/tough-cookie/-/tough-cookie-4.0.2.tgz#6286b4c7228d58ab7866d19716f3696e03a09397"
@@ -4499,15 +5299,15 @@
   resolved "https://registry.yarnpkg.com/@types/use-sync-external-store/-/use-sync-external-store-0.0.3.tgz#b6725d5f4af24ace33b36fafd295136e75509f43"
   integrity sha512-EwmlvuaxPNej9+T4v5AuBPJa2x2UOJVdjCtDHgcDqitUeOtjnJKJ+apYjVcAoBEMjKW1VVFGZLUb5+qqa09XFA==
 
-"@types/uuid@9.0.1":
-  version "9.0.1"
-  resolved "https://registry.yarnpkg.com/@types/uuid/-/uuid-9.0.1.tgz#98586dc36aee8dacc98cc396dbca8d0429647aa6"
-  integrity sha512-rFT3ak0/2trgvp4yYZo5iKFEPsET7vKydKF+VRCxlQ9bpheehyAJH89dAkaLEq/j/RZXJIqcgsmPJKUP1Z28HA==
+"@types/uuid@9.0.4":
+  version "9.0.4"
+  resolved "https://registry.yarnpkg.com/@types/uuid/-/uuid-9.0.4.tgz#e884a59338da907bda8d2ed03e01c5c49d036f1c"
+  integrity sha512-zAuJWQflfx6dYJM62vna+Sn5aeSWhh3OB+wfUEACNcqUSc0AGc5JKl+ycL1vrH7frGTXhJchYjE1Hak8L819dA==
 
-"@types/ws@^8.5.1":
-  version "8.5.4"
-  resolved "https://registry.yarnpkg.com/@types/ws/-/ws-8.5.4.tgz#bb10e36116d6e570dd943735f86c933c1587b8a5"
-  integrity sha512-zdQDHKUgcX/zBc4GrwsE/7dVdAD8JR4EuiAXiiUhhfyIJXXb2+PrGshFyeXWQPMmmZ2XxgaqclgpIC7eTXc1mg==
+"@types/ws@^8.5.5":
+  version "8.5.6"
+  resolved "https://registry.yarnpkg.com/@types/ws/-/ws-8.5.6.tgz#e9ad51f0ab79b9110c50916c9fcbddc36d373065"
+  integrity sha512-8B5EO9jLVCy+B58PLHvLDuOD8DRVMgQzq8d55SjLCOn9kqGyqOvy27exVaTio1q1nX5zLu8/6N0n2ThSxOM6tg==
   dependencies:
     "@types/node" "*"
 
@@ -4523,133 +5323,97 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@5.59.1":
-  version "5.59.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.59.1.tgz#9b09ee1541bff1d2cebdcb87e7ce4a4003acde08"
-  integrity sha512-AVi0uazY5quFB9hlp2Xv+ogpfpk77xzsgsIEWyVS7uK/c7MZ5tw7ZPbapa0SbfkqE0fsAMkz5UwtgMLVk2BQAg==
+"@types/yauzl@^2.9.1":
+  version "2.10.2"
+  resolved "https://registry.yarnpkg.com/@types/yauzl/-/yauzl-2.10.2.tgz#dab926ef9b41a898bc943f11bca6b0bad6d4b729"
+  integrity sha512-Km7XAtUIduROw7QPgvcft0lIupeG8a8rdKL8RiSyKvlE7dYY31fEn41HVuQsRFDuROA8tA4K2UVL+WdfFmErBA==
   dependencies:
-    "@eslint-community/regexpp" "^4.4.0"
-    "@typescript-eslint/scope-manager" "5.59.1"
-    "@typescript-eslint/type-utils" "5.59.1"
-    "@typescript-eslint/utils" "5.59.1"
-    debug "^4.3.4"
-    grapheme-splitter "^1.0.4"
-    ignore "^5.2.0"
-    natural-compare-lite "^1.4.0"
-    semver "^7.3.7"
-    tsutils "^3.21.0"
+    "@types/node" "*"
 
-"@typescript-eslint/parser@5.59.1":
-  version "5.59.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.59.1.tgz#73c2c12127c5c1182d2e5b71a8fa2a85d215cbb4"
-  integrity sha512-nzjFAN8WEu6yPRDizIFyzAfgK7nybPodMNFGNH0M9tei2gYnYszRDqVA0xlnRjkl7Hkx2vYrEdb6fP2a21cG1g==
+"@typescript-eslint/eslint-plugin@6.7.4":
+  version "6.7.4"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.7.4.tgz#057338df21b6062c2f2fc5999fbea8af9973ac6d"
+  integrity sha512-DAbgDXwtX+pDkAHwiGhqP3zWUGpW49B7eqmgpPtg+BKJXwdct79ut9+ifqOFPJGClGKSHXn2PTBatCnldJRUoA==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.59.1"
-    "@typescript-eslint/types" "5.59.1"
-    "@typescript-eslint/typescript-estree" "5.59.1"
+    "@eslint-community/regexpp" "^4.5.1"
+    "@typescript-eslint/scope-manager" "6.7.4"
+    "@typescript-eslint/type-utils" "6.7.4"
+    "@typescript-eslint/utils" "6.7.4"
+    "@typescript-eslint/visitor-keys" "6.7.4"
+    debug "^4.3.4"
+    graphemer "^1.4.0"
+    ignore "^5.2.4"
+    natural-compare "^1.4.0"
+    semver "^7.5.4"
+    ts-api-utils "^1.0.1"
+
+"@typescript-eslint/parser@6.7.4", "@typescript-eslint/parser@^5.4.2 || ^6.0.0":
+  version "6.7.4"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-6.7.4.tgz#23d1dd4fe5d295c7fa2ab651f5406cd9ad0bd435"
+  integrity sha512-I5zVZFY+cw4IMZUeNCU7Sh2PO5O57F7Lr0uyhgCJmhN/BuTlnc55KxPonR4+EM3GBdfiCyGZye6DgMjtubQkmA==
+  dependencies:
+    "@typescript-eslint/scope-manager" "6.7.4"
+    "@typescript-eslint/types" "6.7.4"
+    "@typescript-eslint/typescript-estree" "6.7.4"
+    "@typescript-eslint/visitor-keys" "6.7.4"
     debug "^4.3.4"
 
-"@typescript-eslint/parser@^5.42.0":
-  version "5.59.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.59.0.tgz#0ad7cd019346cc5d150363f64869eca10ca9977c"
-  integrity sha512-qK9TZ70eJtjojSUMrrEwA9ZDQ4N0e/AuoOIgXuNBorXYcBDk397D2r5MIe1B3cok/oCtdNC5j+lUUpVB+Dpb+w==
+"@typescript-eslint/scope-manager@6.7.4":
+  version "6.7.4"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-6.7.4.tgz#a484a17aa219e96044db40813429eb7214d7b386"
+  integrity sha512-SdGqSLUPTXAXi7c3Ob7peAGVnmMoGzZ361VswK2Mqf8UOYcODiYvs8rs5ILqEdfvX1lE7wEZbLyELCW+Yrql1A==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.59.0"
-    "@typescript-eslint/types" "5.59.0"
-    "@typescript-eslint/typescript-estree" "5.59.0"
+    "@typescript-eslint/types" "6.7.4"
+    "@typescript-eslint/visitor-keys" "6.7.4"
+
+"@typescript-eslint/type-utils@6.7.4":
+  version "6.7.4"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-6.7.4.tgz#847cd3b59baf948984499be3e0a12ff07373e321"
+  integrity sha512-n+g3zi1QzpcAdHFP9KQF+rEFxMb2KxtnJGID3teA/nxKHOVi3ylKovaqEzGBbVY2pBttU6z85gp0D00ufLzViQ==
+  dependencies:
+    "@typescript-eslint/typescript-estree" "6.7.4"
+    "@typescript-eslint/utils" "6.7.4"
     debug "^4.3.4"
+    ts-api-utils "^1.0.1"
 
-"@typescript-eslint/scope-manager@5.59.0":
-  version "5.59.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.59.0.tgz#86501d7a17885710b6716a23be2e93fc54a4fe8c"
-  integrity sha512-tsoldKaMh7izN6BvkK6zRMINj4Z2d6gGhO2UsI8zGZY3XhLq1DndP3Ycjhi1JwdwPRwtLMW4EFPgpuKhbCGOvQ==
+"@typescript-eslint/types@6.7.4":
+  version "6.7.4"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-6.7.4.tgz#5d358484d2be986980c039de68e9f1eb62ea7897"
+  integrity sha512-o9XWK2FLW6eSS/0r/tgjAGsYasLAnOWg7hvZ/dGYSSNjCh+49k5ocPN8OmG5aZcSJ8pclSOyVKP2x03Sj+RrCA==
+
+"@typescript-eslint/typescript-estree@6.7.4":
+  version "6.7.4"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-6.7.4.tgz#f2baece09f7bb1df9296e32638b2e1130014ef1a"
+  integrity sha512-ty8b5qHKatlNYd9vmpHooQz3Vki3gG+3PchmtsA4TgrZBKWHNjWfkQid7K7xQogBqqc7/BhGazxMD5vr6Ha+iQ==
   dependencies:
-    "@typescript-eslint/types" "5.59.0"
-    "@typescript-eslint/visitor-keys" "5.59.0"
-
-"@typescript-eslint/scope-manager@5.59.1":
-  version "5.59.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.59.1.tgz#8a20222719cebc5198618a5d44113705b51fd7fe"
-  integrity sha512-mau0waO5frJctPuAzcxiNWqJR5Z8V0190FTSqRw1Q4Euop6+zTwHAf8YIXNwDOT29tyUDrQ65jSg9aTU/H0omA==
-  dependencies:
-    "@typescript-eslint/types" "5.59.1"
-    "@typescript-eslint/visitor-keys" "5.59.1"
-
-"@typescript-eslint/type-utils@5.59.1":
-  version "5.59.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.59.1.tgz#63981d61684fd24eda2f9f08c0a47ecb000a2111"
-  integrity sha512-ZMWQ+Oh82jWqWzvM3xU+9y5U7MEMVv6GLioM3R5NJk6uvP47kZ7YvlgSHJ7ERD6bOY7Q4uxWm25c76HKEwIjZw==
-  dependencies:
-    "@typescript-eslint/typescript-estree" "5.59.1"
-    "@typescript-eslint/utils" "5.59.1"
-    debug "^4.3.4"
-    tsutils "^3.21.0"
-
-"@typescript-eslint/types@5.59.0":
-  version "5.59.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.59.0.tgz#3fcdac7dbf923ec5251545acdd9f1d42d7c4fe32"
-  integrity sha512-yR2h1NotF23xFFYKHZs17QJnB51J/s+ud4PYU4MqdZbzeNxpgUr05+dNeCN/bb6raslHvGdd6BFCkVhpPk/ZeA==
-
-"@typescript-eslint/types@5.59.1":
-  version "5.59.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.59.1.tgz#03f3fedd1c044cb336ebc34cc7855f121991f41d"
-  integrity sha512-dg0ICB+RZwHlysIy/Dh1SP+gnXNzwd/KS0JprD3Lmgmdq+dJAJnUPe1gNG34p0U19HvRlGX733d/KqscrGC1Pg==
-
-"@typescript-eslint/typescript-estree@5.59.0":
-  version "5.59.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.59.0.tgz#8869156ee1dcfc5a95be3ed0e2809969ea28e965"
-  integrity sha512-sUNnktjmI8DyGzPdZ8dRwW741zopGxltGs/SAPgGL/AAgDpiLsCFLcMNSpbfXfmnNeHmK9h3wGmCkGRGAoUZAg==
-  dependencies:
-    "@typescript-eslint/types" "5.59.0"
-    "@typescript-eslint/visitor-keys" "5.59.0"
+    "@typescript-eslint/types" "6.7.4"
+    "@typescript-eslint/visitor-keys" "6.7.4"
     debug "^4.3.4"
     globby "^11.1.0"
     is-glob "^4.0.3"
-    semver "^7.3.7"
-    tsutils "^3.21.0"
+    semver "^7.5.4"
+    ts-api-utils "^1.0.1"
 
-"@typescript-eslint/typescript-estree@5.59.1":
-  version "5.59.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.59.1.tgz#4aa546d27fd0d477c618f0ca00b483f0ec84c43c"
-  integrity sha512-lYLBBOCsFltFy7XVqzX0Ju+Lh3WPIAWxYpmH/Q7ZoqzbscLiCW00LeYCdsUnnfnj29/s1WovXKh2gwCoinHNGA==
+"@typescript-eslint/utils@6.7.4":
+  version "6.7.4"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-6.7.4.tgz#2236f72b10e38277ee05ef06142522e1de470ff2"
+  integrity sha512-PRQAs+HUn85Qdk+khAxsVV+oULy3VkbH3hQ8hxLRJXWBEd7iI+GbQxH5SEUSH7kbEoTp6oT1bOwyga24ELALTA==
   dependencies:
-    "@typescript-eslint/types" "5.59.1"
-    "@typescript-eslint/visitor-keys" "5.59.1"
-    debug "^4.3.4"
-    globby "^11.1.0"
-    is-glob "^4.0.3"
-    semver "^7.3.7"
-    tsutils "^3.21.0"
+    "@eslint-community/eslint-utils" "^4.4.0"
+    "@types/json-schema" "^7.0.12"
+    "@types/semver" "^7.5.0"
+    "@typescript-eslint/scope-manager" "6.7.4"
+    "@typescript-eslint/types" "6.7.4"
+    "@typescript-eslint/typescript-estree" "6.7.4"
+    semver "^7.5.4"
 
-"@typescript-eslint/utils@5.59.1":
-  version "5.59.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.59.1.tgz#d89fc758ad23d2157cfae53f0b429bdf15db9473"
-  integrity sha512-MkTe7FE+K1/GxZkP5gRj3rCztg45bEhsd8HYjczBuYm+qFHP5vtZmjx3B0yUCDotceQ4sHgTyz60Ycl225njmA==
+"@typescript-eslint/visitor-keys@6.7.4":
+  version "6.7.4"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-6.7.4.tgz#80dfecf820fc67574012375859085f91a4dff043"
+  integrity sha512-pOW37DUhlTZbvph50x5zZCkFn3xzwkGtNoJHzIM3svpiSkJzwOYr/kVBaXmf+RAQiUDs1AHEZVNPg6UJCJpwRA==
   dependencies:
-    "@eslint-community/eslint-utils" "^4.2.0"
-    "@types/json-schema" "^7.0.9"
-    "@types/semver" "^7.3.12"
-    "@typescript-eslint/scope-manager" "5.59.1"
-    "@typescript-eslint/types" "5.59.1"
-    "@typescript-eslint/typescript-estree" "5.59.1"
-    eslint-scope "^5.1.1"
-    semver "^7.3.7"
-
-"@typescript-eslint/visitor-keys@5.59.0":
-  version "5.59.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.59.0.tgz#a59913f2bf0baeb61b5cfcb6135d3926c3854365"
-  integrity sha512-qZ3iXxQhanchCeaExlKPV3gDQFxMUmU35xfd5eCXB6+kUw1TUAbIy2n7QIrwz9s98DQLzNWyHp61fY0da4ZcbA==
-  dependencies:
-    "@typescript-eslint/types" "5.59.0"
-    eslint-visitor-keys "^3.3.0"
-
-"@typescript-eslint/visitor-keys@5.59.1":
-  version "5.59.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.59.1.tgz#0d96c36efb6560d7fb8eb85de10442c10d8f6058"
-  integrity sha512-6waEYwBTCWryx0VJmP7JaM4FpipLsFl9CvYf2foAE8Qh/Y0s+bxWysciwOs0LTBED4JCaNxTZ5rGadB14M6dwA==
-  dependencies:
-    "@typescript-eslint/types" "5.59.1"
-    eslint-visitor-keys "^3.3.0"
+    "@typescript-eslint/types" "6.7.4"
+    eslint-visitor-keys "^3.4.1"
 
 "@udecode/plate-alignment@23.7.4":
   version "23.7.4"
@@ -5264,20 +6028,20 @@
     "@webassemblyjs/ast" "1.11.5"
     "@xtuc/long" "4.2.2"
 
-"@webpack-cli/configtest@^2.0.1":
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@webpack-cli/configtest/-/configtest-2.0.1.tgz#a69720f6c9bad6aef54a8fa6ba9c3533e7ef4c7f"
-  integrity sha512-njsdJXJSiS2iNbQVS0eT8A/KPnmyH4pv1APj2K0d1wrZcBLw+yppxOy4CGqa0OxDJkzfL/XELDhD8rocnIwB5A==
+"@webpack-cli/configtest@^2.1.1":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@webpack-cli/configtest/-/configtest-2.1.1.tgz#3b2f852e91dac6e3b85fb2a314fb8bef46d94646"
+  integrity sha512-wy0mglZpDSiSS0XHrVR+BAdId2+yxPSoJW8fsna3ZpYSlufjvxnP4YbKTCBZnNIcGN4r6ZPXV55X4mYExOfLmw==
 
-"@webpack-cli/info@^2.0.1":
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@webpack-cli/info/-/info-2.0.1.tgz#eed745799c910d20081e06e5177c2b2569f166c0"
-  integrity sha512-fE1UEWTwsAxRhrJNikE7v4EotYflkEhBL7EbajfkPlf6E37/2QshOy/D48Mw8G5XMFlQtS6YV42vtbG9zBpIQA==
-
-"@webpack-cli/serve@^2.0.2":
+"@webpack-cli/info@^2.0.2":
   version "2.0.2"
-  resolved "https://registry.yarnpkg.com/@webpack-cli/serve/-/serve-2.0.2.tgz#10aa290e44a182c02e173a89452781b1acbc86d9"
-  integrity sha512-S9h3GmOmzUseyeFW3tYNnWS7gNUuwxZ3mmMq0JyW78Vx1SGKPSkt5bT4pB0rUnVfHjP0EL9gW2bOzmtiTfQt0A==
+  resolved "https://registry.yarnpkg.com/@webpack-cli/info/-/info-2.0.2.tgz#cc3fbf22efeb88ff62310cf885c5b09f44ae0fdd"
+  integrity sha512-zLHQdI/Qs1UyT5UBdWNqsARasIA+AaF8t+4u2aS2nEpBQh2mWIVb8qAklq0eUENnC5mOItrIB4LiS9xMtph18A==
+
+"@webpack-cli/serve@^2.0.5":
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/@webpack-cli/serve/-/serve-2.0.5.tgz#325db42395cd49fe6c14057f9a900e427df8810e"
+  integrity sha512-lqaoKnRYBdo1UgDX8uF24AfGMifWK19TxPmM5FHc2vAGxrJ/qtyUyFBWoY1tISZdelsQ5fBcOusifo5o5wSJxQ==
 
 "@xtuc/ieee754@^1.2.0":
   version "1.2.0"
@@ -5294,10 +6058,10 @@
   resolved "https://registry.yarnpkg.com/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz#e77a97fbd345b76d83245edcd17d393b1b41fb31"
   integrity sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==
 
-"@yarnpkg/parsers@^3.0.0-rc.18":
-  version "3.0.0-rc.42"
-  resolved "https://registry.yarnpkg.com/@yarnpkg/parsers/-/parsers-3.0.0-rc.42.tgz#3814e90a81bb1f9c06cc83c6a009139c55efe94d"
-  integrity sha512-eW9Mbegmb5bJjwawJM9ghjUjUqciNMhC6L7XrQPF/clXS5bbP66MstsgCT5hy9VlfUh/CfBT+0Wucf531dMjHA==
+"@yarnpkg/parsers@3.0.0-rc.46":
+  version "3.0.0-rc.46"
+  resolved "https://registry.yarnpkg.com/@yarnpkg/parsers/-/parsers-3.0.0-rc.46.tgz#03f8363111efc0ea670e53b0282cd3ef62de4e01"
+  integrity sha512-aiATs7pSutzda/rq8fnuPwTglyVwjM22bNnK2ZgjrpAjQHSSl3lztd2f9evst1W/qnC58DRz7T7QndUDumAR4Q==
   dependencies:
     js-yaml "^3.10.0"
     tslib "^2.4.0"
@@ -5309,7 +6073,7 @@
   dependencies:
     argparse "^2.0.1"
 
-JSONStream@^1.0.4:
+JSONStream@^1.3.5:
   version "1.3.5"
   resolved "https://registry.yarnpkg.com/JSONStream/-/JSONStream-1.3.5.tgz#3208c1f08d3a4d99261ab64f92302bc15e111ca0"
   integrity sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==
@@ -5327,11 +6091,6 @@ abbrev@^1.0.0:
   resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
   integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==
 
-abbrev@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-2.0.0.tgz#cf59829b8b4f03f89dda2771cb7f3653828c89bf"
-  integrity sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==
-
 abort-controller@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/abort-controller/-/abort-controller-3.0.0.tgz#eaf54d53b62bae4138e809ca225c8439a6efb392"
@@ -5355,10 +6114,10 @@ acorn-globals@^7.0.0:
     acorn "^8.1.0"
     acorn-walk "^8.0.2"
 
-acorn-import-assertions@^1.7.6:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz#ba2b5939ce62c238db6d93d81c9b111b29b855e9"
-  integrity sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==
+acorn-import-assertions@^1.9.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz#507276249d684797c84e0734ef84860334cfb1ac"
+  integrity sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==
 
 acorn-jsx@^5.0.0, acorn-jsx@^5.3.2:
   version "5.3.2"
@@ -5370,11 +6129,16 @@ acorn-walk@^8.0.0, acorn-walk@^8.0.2, acorn-walk@^8.1.1:
   resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1"
   integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==
 
-acorn@^8.0.0, acorn@^8.0.4, acorn@^8.1.0, acorn@^8.4.1, acorn@^8.5.0, acorn@^8.7.1, acorn@^8.8.0, acorn@^8.8.1:
+acorn@^8.0.0, acorn@^8.0.4, acorn@^8.1.0, acorn@^8.4.1, acorn@^8.5.0, acorn@^8.7.1, acorn@^8.8.1:
   version "8.8.2"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.2.tgz#1b2f25db02af965399b9776b0c2c391276d37c4a"
   integrity sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==
 
+acorn@^8.9.0:
+  version "8.10.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.10.0.tgz#8be5b3907a67221a81ab23c7889c4c5526b62ec5"
+  integrity sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==
+
 add-stream@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/add-stream/-/add-stream-1.0.0.tgz#6a7990437ca736d5e1288db92bd3266d5f5cb2aa"
@@ -5438,7 +6202,7 @@ ajv@8.12.0, ajv@^8.0.0, ajv@^8.6.0, ajv@^8.9.0:
     require-from-string "^2.0.2"
     uri-js "^4.2.2"
 
-ajv@^6.10.0, ajv@^6.12.4, ajv@^6.12.5:
+ajv@^6.12.4, ajv@^6.12.5:
   version "6.12.6"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
   integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@@ -5448,10 +6212,10 @@ ajv@^6.10.0, ajv@^6.12.4, ajv@^6.12.5:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
-all-contributors-cli@6.24.0:
-  version "6.24.0"
-  resolved "https://registry.yarnpkg.com/all-contributors-cli/-/all-contributors-cli-6.24.0.tgz#25c480c5c6e921532873114c2d6487816e6c22e0"
-  integrity sha512-7oSKr2PnqxsOotuSwciltcFTS1eVRdjR0cn99hbElfff7gRQBShVhsf/XBprY41sLcgqTk0l0MKgKv6QNgZdMg==
+all-contributors-cli@6.26.1:
+  version "6.26.1"
+  resolved "https://registry.yarnpkg.com/all-contributors-cli/-/all-contributors-cli-6.26.1.tgz#9f3358c9b9d0a7e66c8f84ffebf5a6432a859cae"
+  integrity sha512-Ymgo3FJACRBEd1eE653FD1J/+uD0kqpUNYfr9zNC1Qby0LgbhDBzB3EF6uvkAbYpycStkk41J+0oo37Lc02yEw==
   dependencies:
     "@babel/runtime" "^7.7.6"
     async "^3.1.0"
@@ -5463,6 +6227,16 @@ all-contributors-cli@6.24.0:
     node-fetch "^2.6.0"
     pify "^5.0.0"
     yargs "^15.0.1"
+  optionalDependencies:
+    prettier "^2"
+
+ally.js@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/ally.js/-/ally.js-1.4.1.tgz#9fb7e6ba58efac4ee9131cb29aa9ee3b540bcf1e"
+  integrity sha512-ZewdfuwP6VewtMN36QY0gmiyvBfMnmEaNwbVu2nTS6zRt069viTgkYgaDiqu6vRJ1VJCriNqV0jGMu44R8zNbA==
+  dependencies:
+    css.escape "^1.5.0"
+    platform "1.3.3"
 
 ansi-colors@^4.1.1:
   version "4.1.3"
@@ -5476,6 +6250,13 @@ ansi-escapes@^4.2.1, ansi-escapes@^4.3.0:
   dependencies:
     type-fest "^0.21.3"
 
+ansi-escapes@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-5.0.0.tgz#b6a0caf0eef0c41af190e9a749e0c00ec04bb2a6"
+  integrity sha512-5GFMVX8HqE/TB+FuBJGuO5XG0WrsA6ptUqoODaT/n9mmUaZFkqnBueB4leqGBCmrUHnCnC4PCZTCd0E7QQ83bA==
+  dependencies:
+    type-fest "^1.0.2"
+
 ansi-html-community@^0.0.8:
   version "0.0.8"
   resolved "https://registry.yarnpkg.com/ansi-html-community/-/ansi-html-community-0.0.8.tgz#69fbc4d6ccbe383f9736934ae34c3f8290f1bf41"
@@ -5520,7 +6301,7 @@ ansi-styles@^5.0.0:
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-5.2.0.tgz#07449690ad45777d1924ac2abb2fc8895dba836b"
   integrity sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==
 
-ansi-styles@^6.0.0:
+ansi-styles@^6.0.0, ansi-styles@^6.1.0:
   version "6.2.1"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-6.2.1.tgz#0e62320cf99c21afff3b3012192546aacbfb05c5"
   integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==
@@ -5538,11 +6319,16 @@ anymatch@^3.0.3, anymatch@~3.1.2:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
 
-"aproba@^1.0.3 || ^2.0.0", aproba@^2.0.0:
+"aproba@^1.0.3 || ^2.0.0":
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/aproba/-/aproba-2.0.0.tgz#52520b8ae5b569215b354efc0caa3fe1e45a8adc"
   integrity sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==
 
+arch@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/arch/-/arch-2.2.0.tgz#1bc47818f305764f23ab3306b0bfc086c5a29d11"
+  integrity sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==
+
 are-we-there-yet@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-3.0.1.tgz#679df222b278c64f2cdba1175cdc00b0d96164bd"
@@ -5551,14 +6337,6 @@ are-we-there-yet@^3.0.0:
     delegates "^1.0.0"
     readable-stream "^3.6.0"
 
-are-we-there-yet@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-4.0.0.tgz#3ff397dc14f08b52dd8b2a64d3cee154ab8760d2"
-  integrity sha512-nSXlV+u3vtVjRgihdTzbfWYzxPWGo424zPgQbHD0ZqIla3jqYAewDcvee0Ua2hjS5IfTAmjGlx1Jf0PKwjZDEw==
-  dependencies:
-    delegates "^1.0.0"
-    readable-stream "^4.1.0"
-
 arg@^4.1.0:
   version "4.1.3"
   resolved "https://registry.yarnpkg.com/arg/-/arg-4.1.3.tgz#269fc7ad5b8e42cb63c896d5666017261c144089"
@@ -5588,7 +6366,7 @@ aria-hidden@^1.1.1, aria-hidden@^1.1.3:
   dependencies:
     tslib "^2.0.0"
 
-aria-query@^5.0.0, aria-query@^5.1.3:
+aria-query@5.1.3, aria-query@^5.0.0, aria-query@^5.1.3:
   version "5.1.3"
   resolved "https://registry.yarnpkg.com/aria-query/-/aria-query-5.1.3.tgz#19db27cd101152773631396f7a95a3b58c22c35e"
   integrity sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==
@@ -5651,6 +6429,17 @@ array-uniq@^1.0.1:
   resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
   integrity sha512-MNha4BWQ6JbwhFhj03YK552f7cb3AzoE8SzeljgChvL1dl3IcvggXVz1DilzySZkCja+CXuZbdW7yATchWn8/Q==
 
+array.prototype.findlastindex@^1.2.2:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz#b37598438f97b579166940814e2c0493a4f50207"
+  integrity sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    es-shim-unscopables "^1.0.0"
+    get-intrinsic "^1.2.1"
+
 array.prototype.flat@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.1.tgz#ffc6576a7ca3efc2f46a143b9d1dda9b4b3cf5e2"
@@ -5705,6 +6494,19 @@ array.prototype.tosorted@^1.1.1:
     es-shim-unscopables "^1.0.0"
     get-intrinsic "^1.1.3"
 
+arraybuffer.prototype.slice@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.2.tgz#98bd561953e3e74bb34938e77647179dfe6e9f12"
+  integrity sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==
+  dependencies:
+    array-buffer-byte-length "^1.0.0"
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    get-intrinsic "^1.2.1"
+    is-array-buffer "^3.0.2"
+    is-shared-array-buffer "^1.0.2"
+
 arrify@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
@@ -5715,10 +6517,17 @@ arrify@^2.0.1:
   resolved "https://registry.yarnpkg.com/arrify/-/arrify-2.0.1.tgz#c9655e9331e0abcd588d2a7cad7e9956f66701fa"
   integrity sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==
 
-asap@^2.0.0:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
-  integrity sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==
+asn1@~0.2.3:
+  version "0.2.6"
+  resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.6.tgz#0d3a7bb6e64e02a90c0303b31f292868ea09a08d"
+  integrity sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==
+  dependencies:
+    safer-buffer "~2.1.0"
+
+assert-plus@1.0.0, assert-plus@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
+  integrity sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==
 
 ast-types-flow@^0.0.7:
   version "0.0.7"
@@ -5731,22 +6540,22 @@ astral-regex@^2.0.0:
   integrity sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==
 
 astring@^1.8.0:
-  version "1.8.4"
-  resolved "https://registry.yarnpkg.com/astring/-/astring-1.8.4.tgz#6d4c5d8de7be2ead9e4a3cc0e2efb8d759378904"
-  integrity sha512-97a+l2LBU3Op3bBQEff79i/E4jMD2ZLFD8rHx9B6mXyB2uQwhJQYfiDqUwtfjF4QA1F2qs//N6Cw8LetMbQjcw==
+  version "1.8.6"
+  resolved "https://registry.yarnpkg.com/astring/-/astring-1.8.6.tgz#2c9c157cf1739d67561c56ba896e6948f6b93731"
+  integrity sha512-ISvCdHdlTDlH5IpxQJIex7BWBywFWgjJSVdwst+/iQCoEYnyOaQ95+X1JGshuBjGp6nxKUy1jMgE3zPqN7fQdg==
 
-async@^2.6.4:
-  version "2.6.4"
-  resolved "https://registry.yarnpkg.com/async/-/async-2.6.4.tgz#706b7ff6084664cd7eae713f6f965433b5504221"
-  integrity sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==
-  dependencies:
-    lodash "^4.17.14"
-
-async@^3.1.0, async@^3.2.3:
+async@^3.1.0, async@^3.2.0, async@^3.2.3:
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/async/-/async-3.2.4.tgz#2d22e00f8cddeb5fde5dd33522b56d1cf569a81c"
   integrity sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==
 
+asynciterator.prototype@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz#8c5df0514936cdd133604dfcc9d3fb93f09b2b62"
+  integrity sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==
+  dependencies:
+    has-symbols "^1.0.3"
+
 asynckit@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
@@ -5757,14 +6566,14 @@ at-least-node@^1.0.0:
   resolved "https://registry.yarnpkg.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
   integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
 
-autoprefixer@10.4.14:
-  version "10.4.14"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.14.tgz#e28d49902f8e759dd25b153264e862df2705f79d"
-  integrity sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==
+autoprefixer@10.4.16:
+  version "10.4.16"
+  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.16.tgz#fad1411024d8670880bdece3970aa72e3572feb8"
+  integrity sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==
   dependencies:
-    browserslist "^4.21.5"
-    caniuse-lite "^1.0.30001464"
-    fraction.js "^4.2.0"
+    browserslist "^4.21.10"
+    caniuse-lite "^1.0.30001538"
+    fraction.js "^4.3.6"
     normalize-range "^0.1.2"
     picocolors "^1.0.0"
     postcss-value-parser "^4.2.0"
@@ -5774,12 +6583,22 @@ available-typed-arrays@^1.0.5:
   resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz#92f95616501069d07d10edb2fc37d3e1c65123b7"
   integrity sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==
 
+aws-sign2@~0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8"
+  integrity sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==
+
+aws4@^1.8.0:
+  version "1.12.0"
+  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.12.0.tgz#ce1c9d143389679e253b314241ea9aa5cec980d3"
+  integrity sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==
+
 axe-core@^4.6.2:
   version "4.7.0"
   resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.7.0.tgz#34ba5a48a8b564f67e103f0aa5768d76e15bbbbf"
   integrity sha512-M0JtH+hlOL5pLQwHOLNYZaXuhqmvS8oExsqB1SBYgA4Dk7u/xx+YdGHXaK5pyUfed5mYXdlYiphWq3G8cRi5JQ==
 
-axios@1.3.6, axios@^1.0.0:
+axios@^1.0.0:
   version "1.3.6"
   resolved "https://registry.yarnpkg.com/axios/-/axios-1.3.6.tgz#1ace9a9fb994314b5f6327960918406fa92c6646"
   integrity sha512-PEcdkk7JcdPiMDkvM4K6ZBRYq9keuVJsToxm2zQIM70Qqo2WHTdJZMXcG9X+RmRp2VPNUQC8W1RAGbgt6b1yMg==
@@ -5809,25 +6628,25 @@ babel-core@7.0.0-bridge.0:
   resolved "https://registry.yarnpkg.com/babel-core/-/babel-core-7.0.0-bridge.0.tgz#95a492ddd90f9b4e9a4a1da14eb335b87b634ece"
   integrity sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg==
 
-babel-jest@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-29.5.0.tgz#3fe3ddb109198e78b1c88f9ebdecd5e4fc2f50a5"
-  integrity sha512-mA4eCDh5mSo2EcA9xQjVTpmbbNk32Zb3Q3QFQsNhaK56Q+yoXowzFodLux30HRgyOho5rsQ6B0P9QpMkvvnJ0Q==
+babel-jest@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-29.7.0.tgz#f4369919225b684c56085998ac63dbd05be020d5"
+  integrity sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg==
   dependencies:
-    "@jest/transform" "^29.5.0"
+    "@jest/transform" "^29.7.0"
     "@types/babel__core" "^7.1.14"
     babel-plugin-istanbul "^6.1.1"
-    babel-preset-jest "^29.5.0"
+    babel-preset-jest "^29.6.3"
     chalk "^4.0.0"
     graceful-fs "^4.2.9"
     slash "^3.0.0"
 
-babel-loader@9.1.2:
-  version "9.1.2"
-  resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-9.1.2.tgz#a16a080de52d08854ee14570469905a5fc00d39c"
-  integrity sha512-mN14niXW43tddohGl8HPu5yfQq70iUThvFL/4QzESA7GcZoC0eVOhvWdQ8+3UlSjaDE9MVtsW9mxDY07W7VpVA==
+babel-loader@9.1.3:
+  version "9.1.3"
+  resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-9.1.3.tgz#3d0e01b4e69760cc694ee306fe16d358aa1c6f9a"
+  integrity sha512-xG3ST4DglodGf8qSwv0MdeWLhrDsw/32QMdTO5T1ZIp9gQur0HkCyFs7Awskr10JKXFXwpAhiCuYX5oGXnRGbw==
   dependencies:
-    find-cache-dir "^3.3.2"
+    find-cache-dir "^4.0.0"
     schema-utils "^4.0.0"
 
 babel-loader@^8.2.5:
@@ -5847,11 +6666,6 @@ babel-messages@^6.23.0:
   dependencies:
     babel-runtime "^6.22.0"
 
-babel-plugin-emotion@11.0.0:
-  version "11.0.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-emotion/-/babel-plugin-emotion-11.0.0.tgz#f362c9fe05493821ab8995cd5a8e7be6504b73a9"
-  integrity sha512-cVD32sIXlidaqQBr7vw0uD2o58uBeD8jILDJ2yAGT1fOmgYcE5iX27bTVMV6meiUZarIAh1iAyTqrEWV+V2dqQ==
-
 babel-plugin-inline-json-import@0.3.2:
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/babel-plugin-inline-json-import/-/babel-plugin-inline-json-import-0.3.2.tgz#fdec1a59364d632895d421aec4c9435ccbbcadd3"
@@ -5881,10 +6695,10 @@ babel-plugin-istanbul@^6.1.1:
     istanbul-lib-instrument "^5.0.4"
     test-exclude "^6.0.0"
 
-babel-plugin-jest-hoist@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.5.0.tgz#a97db437936f441ec196990c9738d4b88538618a"
-  integrity sha512-zSuuuAlTMT4mzLj2nPnUm6fsE6270vdOfnpbJ+RmruU75UhLFvL0N2NgI7xpeS7NaB6hGqmd5pVpGTDYvi4Q3w==
+babel-plugin-jest-hoist@^29.6.3:
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.6.3.tgz#aadbe943464182a8922c3c927c3067ff40d24626"
+  integrity sha512-ESAc/RJvGTFEzRwOTT4+lNDk/GNHMkKbNzsvT0qKRfDyyYTskxB5rnU2njIDYVxXCBHHEI1c0YwHob3WaYujOg==
   dependencies:
     "@babel/template" "^7.3.3"
     "@babel/types" "^7.3.3"
@@ -5920,6 +6734,15 @@ babel-plugin-polyfill-corejs2@^0.3.3:
     "@babel/helper-define-polyfill-provider" "^0.3.3"
     semver "^6.1.1"
 
+babel-plugin-polyfill-corejs2@^0.4.5:
+  version "0.4.5"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.5.tgz#8097b4cb4af5b64a1d11332b6fb72ef5e64a054c"
+  integrity sha512-19hwUH5FKl49JEsvyTcoHakh6BE0wgXLLptIyKZ3PijHc/Ci521wygORCUCCred+E/twuqRyAkE02BAWPmsHOg==
+  dependencies:
+    "@babel/compat-data" "^7.22.6"
+    "@babel/helper-define-polyfill-provider" "^0.4.2"
+    semver "^6.3.1"
+
 babel-plugin-polyfill-corejs3@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.6.0.tgz#56ad88237137eade485a71b52f72dbed57c6230a"
@@ -5928,6 +6751,14 @@ babel-plugin-polyfill-corejs3@^0.6.0:
     "@babel/helper-define-polyfill-provider" "^0.3.3"
     core-js-compat "^3.25.1"
 
+babel-plugin-polyfill-corejs3@^0.8.3:
+  version "0.8.4"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.4.tgz#1fac2b1dcef6274e72b3c72977ed8325cb330591"
+  integrity sha512-9l//BZZsPR+5XjyJMPtZSK4jv0BsTO1zDac2GC6ygx9WLGlcsnRd1Co0B2zT5fF5Ic6BZy+9m3HNZ3QcOeDKfg==
+  dependencies:
+    "@babel/helper-define-polyfill-provider" "^0.4.2"
+    core-js-compat "^3.32.2"
+
 babel-plugin-polyfill-regenerator@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.4.1.tgz#390f91c38d90473592ed43351e801a9d3e0fd747"
@@ -5935,32 +6766,34 @@ babel-plugin-polyfill-regenerator@^0.4.1:
   dependencies:
     "@babel/helper-define-polyfill-provider" "^0.3.3"
 
+babel-plugin-polyfill-regenerator@^0.5.2:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.2.tgz#80d0f3e1098c080c8b5a65f41e9427af692dc326"
+  integrity sha512-tAlOptU0Xj34V1Y2PNTL4Y0FOJMDB6bZmoW39FeCQIhigGLkqu3Fj6uiXpxIf6Ij274ENdYx64y6Au+ZKlb1IA==
+  dependencies:
+    "@babel/helper-define-polyfill-provider" "^0.4.2"
+
 babel-plugin-react-svg@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/babel-plugin-react-svg/-/babel-plugin-react-svg-3.0.3.tgz#7da46a0bd8319f49ac85523d259f145ce5d78321"
   integrity sha512-Pst1RWjUIiV0Ykv1ODSeceCBsFOP2Y4dusjq7/XkjuzJdvS9CjpkPMUIoO4MLlvp5PiLCeMlsOC7faEUA0gm3Q==
 
 "babel-plugin-styled-components@>= 1.12.0":
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.1.tgz#cd977cc0ff8410d5cbfdd142e42576e9c8794b87"
-  integrity sha512-c8lJlszObVQPguHkI+akXv8+Jgb9Ccujx0EetL7oIvwU100LxO6XAGe45qry37wUL40a5U9f23SYrivro2XKhA==
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.4.tgz#9a1f37c7f32ef927b4b008b529feb4a2c82b1092"
+  integrity sha512-Xgp9g+A/cG47sUyRwwYxGM4bR/jDRg5N6it/8+HxCnbT5XNKSKDT9xm4oag/osgqjC2It/vH0yXsomOG6k558g==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.16.0"
-    "@babel/helper-module-imports" "^7.16.0"
-    babel-plugin-syntax-jsx "^6.18.0"
+    "@babel/helper-annotate-as-pure" "^7.22.5"
+    "@babel/helper-module-imports" "^7.22.5"
+    "@babel/plugin-syntax-jsx" "^7.22.5"
     lodash "^4.17.21"
-    picomatch "^2.3.0"
+    picomatch "^2.3.1"
 
 babel-plugin-syntax-export-extensions@^6.8.0:
   version "6.13.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-syntax-export-extensions/-/babel-plugin-syntax-export-extensions-6.13.0.tgz#70a1484f0f9089a4e84ad44bac353c95b9b12721"
   integrity sha512-Eo0rcRaIDMld/W6mVhePiudIuLW+Cr/8eveW3mBREfZORScZgx4rh6BAPyvzdEc/JZvQ+LkC80t0VGFs6FX+lg==
 
-babel-plugin-syntax-jsx@^6.18.0:
-  version "6.18.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz#0af32a9a6e13ca7a3fd5069e62d7b0f58d0d8946"
-  integrity sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==
-
 babel-plugin-transform-builtin-extend@1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-builtin-extend/-/babel-plugin-transform-builtin-extend-1.1.2.tgz#5e96fecf58b8fa1ed74efcad88475b2af3c9116e"
@@ -5969,10 +6802,10 @@ babel-plugin-transform-builtin-extend@1.1.2:
     babel-runtime "^6.2.0"
     babel-template "^6.3.0"
 
-babel-plugin-transform-define@2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-define/-/babel-plugin-transform-define-2.1.0.tgz#32d2e97cf40cffc1b809756a258b611e72036e41"
-  integrity sha512-bYuE8BNUnWuUs+QAmOaA+5+Bg+W7r6x97JX2Nb3xNlI91mLWH1OvIKcGqyJWPU5bWhEfJRbYi02CRarmiH6Tog==
+babel-plugin-transform-define@2.1.4:
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-define/-/babel-plugin-transform-define-2.1.4.tgz#8f7088211176a55a72788d584ceea9f691a021c1"
+  integrity sha512-NN9xFmyNvr4swPZkRWy+RZZoV0yHhPk/WoxpuIvcVkTyYf0xy/JTQeZVbVGX8hyJ0/NKKuxnt4BZz9No7BziVA==
   dependencies:
     lodash "^4.17.11"
     traverse "0.6.6"
@@ -6008,12 +6841,12 @@ babel-preset-current-node-syntax@^1.0.0:
     "@babel/plugin-syntax-optional-chaining" "^7.8.3"
     "@babel/plugin-syntax-top-level-await" "^7.8.3"
 
-babel-preset-jest@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-29.5.0.tgz#57bc8cc88097af7ff6a5ab59d1cd29d52a5916e2"
-  integrity sha512-JOMloxOqdiBSxMAzjRaH023/vvcaSaec49zvg+2LmNsktC7ei39LTJGw02J+9uUtTZUq6xbLyJ4dxe9sSmIuAg==
+babel-preset-jest@^29.6.3:
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-29.6.3.tgz#fa05fa510e7d493896d7b0dd2033601c840f171c"
+  integrity sha512-0B3bhxR6snWXJZtR/RliHTDPRgn1sNHOR0yVtq/IiQFyuOVjFS+wuio/R4gSNkyYmKmJB4wGZv2NZanmKmTnNA==
   dependencies:
-    babel-plugin-jest-hoist "^29.5.0"
+    babel-plugin-jest-hoist "^29.6.3"
     babel-preset-current-node-syntax "^1.0.0"
 
 babel-runtime@^6.2.0, babel-runtime@^6.22.0, babel-runtime@^6.26.0:
@@ -6085,18 +6918,18 @@ base64-js@^1.3.1:
   resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
   integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
 
-basic-auth@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/basic-auth/-/basic-auth-2.0.1.tgz#b998279bf47ce38344b4f3cf916d4679bbf51e3a"
-  integrity sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==
-  dependencies:
-    safe-buffer "5.1.2"
-
 batch@0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16"
   integrity sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==
 
+bcrypt-pbkdf@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz#a4301d389b6a43f9b67ff3ca11a3f6637e360e9e"
+  integrity sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==
+  dependencies:
+    tweetnacl "^0.14.3"
+
 before-after-hook@^2.2.0:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/before-after-hook/-/before-after-hook-2.2.3.tgz#c51e809c81a4e354084422b9b26bad88249c517c"
@@ -6107,16 +6940,6 @@ big.js@^5.2.2:
   resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
   integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
 
-bin-links@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/bin-links/-/bin-links-4.0.1.tgz#afeb0549e642f61ff889b58ea2f8dca78fb9d8d3"
-  integrity sha512-bmFEM39CyX336ZGGRsGPlc6jZHriIoHacOQcTt72MktIjpPhZoP4te2jOyUXF3BLILmJ8aNLncoPVeIIFlrDeA==
-  dependencies:
-    cmd-shim "^6.0.0"
-    npm-normalize-package-bin "^3.0.0"
-    read-cmd-shim "^4.0.0"
-    write-file-atomic "^5.0.0"
-
 binary-extensions@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
@@ -6131,6 +6954,16 @@ bl@^4.0.3, bl@^4.1.0:
     inherits "^2.0.4"
     readable-stream "^3.4.0"
 
+blob-util@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/blob-util/-/blob-util-2.0.2.tgz#3b4e3c281111bb7f11128518006cdc60b403a1eb"
+  integrity sha512-T7JQa+zsXXEa6/8ZhHcQEW1UFfVM49Ts65uBkFL6fz2QmrElqmbajIDJvuA0tEhRe5eIjpV9ZF+0RfZR9voJFQ==
+
+bluebird@^3.7.2:
+  version "3.7.2"
+  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
+  integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
+
 body-parser@1.20.1:
   version "1.20.1"
   resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.1.tgz#b1812a8912c195cd371a3ee5e66faa2338a5c668"
@@ -6186,11 +7019,6 @@ braces@^3.0.2, braces@~3.0.2:
   dependencies:
     fill-range "^7.0.1"
 
-browser-or-node@~2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/browser-or-node/-/browser-or-node-2.1.1.tgz#738790b3a86a8fc020193fa581273fbe65eaea0f"
-  integrity sha512-8CVjaLJGuSKMVTxJ2DpBl5XnlNDiT4cQFeuCJJrvJmts9YrTZDizTX7PjC2s6W4x+MBGZeEY6dGMrF04/6Hgqg==
-
 browserslist@^4.14.5, browserslist@^4.21.3, browserslist@^4.21.5:
   version "4.21.5"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.5.tgz#75c5dae60063ee641f977e00edd3cfb2fb7af6a7"
@@ -6201,6 +7029,16 @@ browserslist@^4.14.5, browserslist@^4.21.3, browserslist@^4.21.5:
     node-releases "^2.0.8"
     update-browserslist-db "^1.0.10"
 
+browserslist@^4.21.10, browserslist@^4.21.9, browserslist@^4.22.1:
+  version "4.22.1"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.22.1.tgz#ba91958d1a59b87dab6fed8dfbcb3da5e2e9c619"
+  integrity sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==
+  dependencies:
+    caniuse-lite "^1.0.30001541"
+    electron-to-chromium "^1.4.535"
+    node-releases "^2.0.13"
+    update-browserslist-db "^1.0.13"
+
 bs-logger@0.x:
   version "0.2.6"
   resolved "https://registry.yarnpkg.com/bs-logger/-/bs-logger-0.2.6.tgz#eb7d365307a72cf974cc6cda76b68354ad336bd8"
@@ -6215,12 +7053,17 @@ bser@2.1.1:
   dependencies:
     node-int64 "^0.4.0"
 
+buffer-crc32@~0.2.3:
+  version "0.2.13"
+  resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
+  integrity sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==
+
 buffer-from@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
   integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
 
-buffer@6.0.3, buffer@^6.0.3:
+buffer@6.0.3:
   version "6.0.3"
   resolved "https://registry.yarnpkg.com/buffer/-/buffer-6.0.3.tgz#2ace578459cc8fbe2a70aaa8f52ee63b6a74c6c6"
   integrity sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==
@@ -6228,7 +7071,7 @@ buffer@6.0.3, buffer@^6.0.3:
     base64-js "^1.3.1"
     ieee754 "^1.2.1"
 
-buffer@^5.5.0:
+buffer@^5.5.0, buffer@^5.6.0:
   version "5.7.1"
   resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.7.1.tgz#ba62e7c13133053582197160851a8f648e99eed0"
   integrity sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==
@@ -6236,13 +7079,6 @@ buffer@^5.5.0:
     base64-js "^1.3.1"
     ieee754 "^1.1.13"
 
-bufferutil@^4.0.1:
-  version "4.0.7"
-  resolved "https://registry.yarnpkg.com/bufferutil/-/bufferutil-4.0.7.tgz#60c0d19ba2c992dd8273d3f73772ffc894c153ad"
-  integrity sha512-kukuqc39WOHtdxtw4UScxF/WVnMFVSQVKhtx3AjZJzhd0RGZZldcrfSEbVsWWe6KNH253574cq5F+wpv0G9pJw==
-  dependencies:
-    node-gyp-build "^4.3.0"
-
 builtin-modules@^3.1.0, builtin-modules@^3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.3.0.tgz#cae62812b89801e9656336e46223e030386be7b6"
@@ -6260,10 +7096,17 @@ builtins@^5.0.0:
   dependencies:
     semver "^7.0.0"
 
-byte-size@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/byte-size/-/byte-size-7.0.0.tgz#36528cd1ca87d39bd9abd51f5715dc93b6ceb032"
-  integrity sha512-NNiBxKgxybMBtWdmvx7ZITJi4ZG+CYUgwOSZTfqB1qogkRHrhbQE/R2r5Fh94X+InN5MCYz6SvB/ejHMj/HbsQ==
+busboy@1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/busboy/-/busboy-1.6.0.tgz#966ea36a9502e43cdb9146962523b92f531f6893"
+  integrity sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==
+  dependencies:
+    streamsearch "^1.1.0"
+
+byte-size@8.1.1:
+  version "8.1.1"
+  resolved "https://registry.yarnpkg.com/byte-size/-/byte-size-8.1.1.tgz#3424608c62d59de5bfda05d31e0313c6174842ae"
+  integrity sha512-tUkzZWK0M/qdoLEqikxBWe4kumyuwjl3HO6zHTr4yEI23EojPtLYXdG1+AQY7MN0cGyNDvEaJ8wiYQm6P2bPxg==
 
 bytes@3.0.0:
   version "3.0.0"
@@ -6275,7 +7118,7 @@ bytes@3.1.2:
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
   integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
 
-cacache@^16.0.0, cacache@^16.1.0:
+cacache@^16.1.0:
   version "16.1.3"
   resolved "https://registry.yarnpkg.com/cacache/-/cacache-16.1.3.tgz#a02b9f34ecfaf9a78c9f4bc16fceb94d5d67a38e"
   integrity sha512-/+Emcj9DAXxX4cwlLmRI9c166RuL3w30zp4R7Joiv2cQTtTtA+jeuCAjH3ZlGnYS3tKENSrKhAzVVP9GVyzeYQ==
@@ -6299,7 +7142,7 @@ cacache@^16.0.0, cacache@^16.1.0:
     tar "^6.1.11"
     unique-filename "^2.0.0"
 
-cacache@^17.0.0, cacache@^17.0.4:
+cacache@^17.0.0:
   version "17.0.5"
   resolved "https://registry.yarnpkg.com/cacache/-/cacache-17.0.5.tgz#6dbec26c11f1f6a2b558bc11ed3316577c339ebc"
   integrity sha512-Y/PRQevNSsjAPWykl9aeGz8Pr+OI6BYM9fYDNMvOkuUiG9IhG4LEmaYrZZZvioMUEQ+cBCxT0v8wrnCURccyKA==
@@ -6318,13 +7161,10 @@ cacache@^17.0.0, cacache@^17.0.4:
     tar "^6.1.11"
     unique-filename "^3.0.0"
 
-cache-me-outside@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/cache-me-outside/-/cache-me-outside-1.0.0.tgz#6fc7eda7077decea3fd405cbfe71fc66a7974809"
-  integrity sha512-C0lbEMPJHXpCLh4AMZBKEZSpMIaEWWqqZD3h0m+R++6cJ6rmII1X48CYWKSZ0dLwsjvUPqaNni2Mq2SK7eIC7A==
-  dependencies:
-    is-invalid-path "^1.0.2"
-    rimraf "^2.6.2"
+cachedir@^2.3.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/cachedir/-/cachedir-2.4.0.tgz#7fef9cf7367233d7c88068fe6e34ed0d355a610d"
+  integrity sha512-9EtFOZR8g22CL7BWjJ9BUx1+A/djkofnyW3aOXZORNW2kxoUpx2h+uN2cOqwPmFhnpVmxg+KW2OjOSgChTEvsQ==
 
 call-bind@^1.0.0, call-bind@^1.0.2:
   version "1.0.2"
@@ -6373,11 +7213,21 @@ camelize@^1.0.0:
   resolved "https://registry.yarnpkg.com/camelize/-/camelize-1.0.1.tgz#89b7e16884056331a35d6b5ad064332c91daa6c3"
   integrity sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==
 
-caniuse-lite@^1.0.30001406, caniuse-lite@^1.0.30001449, caniuse-lite@^1.0.30001464:
+caniuse-lite@^1.0.30001406, caniuse-lite@^1.0.30001449:
   version "1.0.30001572"
   resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001572.tgz"
   integrity sha512-1Pbh5FLmn5y4+QhNyJE9j3/7dK44dGB83/ZMjv/qJk86TvDbjk0LosiZo0i0WB0Vx607qMX9jYrn1VLHCkN4rw==
 
+caniuse-lite@^1.0.30001538, caniuse-lite@^1.0.30001541:
+  version "1.0.30001554"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001554.tgz"
+  integrity sha512-A2E3U//MBwbJVzebddm1YfNp7Nud5Ip+IPn4BozBmn4KqVX7AvluoIDFWjsv5OkGnKUXQVmMSoMKLa3ScCblcQ==
+
+caseless@~0.12.0:
+  version "0.12.0"
+  resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
+  integrity sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==
+
 ccount@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/ccount/-/ccount-2.0.1.tgz#17a3bf82302e0870d6da43a01311a8bc02a3ecf5"
@@ -6391,10 +7241,10 @@ chalk@4.1.0:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
-chalk@5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-5.2.0.tgz#249623b7d66869c673699fb66d65723e54dfcfb3"
-  integrity sha512-ree3Gqw/nazQAPuJJEy+avdl7QfZMcUvmHIKgEZkGL+xOBzRvup5Hxo6LHuMceSxOabuJLJm5Yp/92R9eMmMvA==
+chalk@5.3.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-5.3.0.tgz#67c20a7ebef70e7f3970a01f90fa210cb6860385"
+  integrity sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==
 
 chalk@^1.1.3:
   version "1.1.3"
@@ -6477,6 +7327,11 @@ chardet@^0.7.0:
   resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
   integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==
 
+check-more-types@^2.24.0:
+  version "2.24.0"
+  resolved "https://registry.yarnpkg.com/check-more-types/-/check-more-types-2.24.0.tgz#1420ffb10fd444dcfc79b43891bbfffd32a84600"
+  integrity sha512-Pj779qHxV2tuapviy1bSZNEL1maXr13bPYpsvSDB68HlYcYuhlDrmGd63i0JHMCLKzc7rUSNIrpdJlhVlNwrxA==
+
 cheerio-select@^1.5.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/cheerio-select/-/cheerio-select-1.6.0.tgz#489f36604112c722afa147dedd0d4609c09e1696"
@@ -6526,16 +7381,16 @@ chrome-trace-event@^1.0.2:
   resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz#1015eced4741e15d06664a957dbbf50d041e26ac"
   integrity sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==
 
-ci-info@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46"
-  integrity sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==
-
-ci-info@^3.2.0, ci-info@^3.6.1:
+ci-info@^3.2.0, ci-info@^3.8.0:
   version "3.8.0"
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.8.0.tgz#81408265a5380c929f0bc665d62256628ce9ef91"
   integrity sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==
 
+ci-info@^3.6.1:
+  version "3.9.0"
+  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.9.0.tgz#4279a62028a7b1f262f3473fc9605f5e218c59b4"
+  integrity sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==
+
 cjs-module-lexer@^1.0.0:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-1.2.2.tgz#9f84ba3244a512f3a54e5277e8eef4c489864e40"
@@ -6574,6 +7429,13 @@ cli-cursor@3.1.0, cli-cursor@^3.1.0:
   dependencies:
     restore-cursor "^3.1.0"
 
+cli-cursor@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-4.0.0.tgz#3cecfe3734bf4fe02a8361cbdc0f6fe28c6a57ea"
+  integrity sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==
+  dependencies:
+    restore-cursor "^4.0.0"
+
 cli-spinners@2.6.1:
   version "2.6.1"
   resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.6.1.tgz#adc954ebe281c37a6319bfa401e6dd2488ffb70d"
@@ -6584,6 +7446,15 @@ cli-spinners@^2.2.0, cli-spinners@^2.5.0:
   resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.8.0.tgz#e97a3e2bd00e6d85aa0c13d7f9e3ce236f7787fc"
   integrity sha512-/eG5sJcvEIwxcdYM86k5tPwn0MUzkX5YY3eImTGpJOZgVe4SdTMY14vQpcxgBzJ0wXwAYrS8E+c3uHeK4JNyzQ==
 
+cli-table3@~0.6.1:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/cli-table3/-/cli-table3-0.6.3.tgz#61ab765aac156b52f222954ffc607a6f01dbeeb2"
+  integrity sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==
+  dependencies:
+    string-width "^4.2.0"
+  optionalDependencies:
+    "@colors/colors" "1.5.0"
+
 cli-truncate@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/cli-truncate/-/cli-truncate-2.1.0.tgz#c39e28bf05edcde5be3b98992a22deed5a2b93c7"
@@ -6619,7 +7490,7 @@ cliui@^6.0.0:
     strip-ansi "^6.0.0"
     wrap-ansi "^6.2.0"
 
-cliui@^7.0.2, cliui@^7.0.4:
+cliui@^7.0.2:
   version "7.0.4"
   resolved "https://registry.yarnpkg.com/cliui/-/cliui-7.0.4.tgz#a0265ee655476fc807aea9df3df8df7783808b4f"
   integrity sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==
@@ -6661,14 +7532,7 @@ clsx@^2.0.0:
   resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.0.0.tgz#12658f3fd98fafe62075595a5c30e43d18f3d00b"
   integrity sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==
 
-cmd-shim@5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/cmd-shim/-/cmd-shim-5.0.0.tgz#8d0aaa1a6b0708630694c4dbde070ed94c707724"
-  integrity sha512-qkCtZ59BidfEwHltnJwkyVZn+XQojdAySM1D1gSeh11Z4pW1Kpolkyo53L5noc0nrxmIvyFwTmJRo4xs7FFLPw==
-  dependencies:
-    mkdirp-infer-owner "^2.0.0"
-
-cmd-shim@^6.0.0:
+cmd-shim@6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/cmd-shim/-/cmd-shim-6.0.1.tgz#a65878080548e1dca760b3aea1e21ed05194da9d"
   integrity sha512-S9iI9y0nKR4hwEQsVWpyxld/6kRfGepGfzff83FcaiEBpmvlbA2nnGe7Cylgrx2f/p1P5S5wpRm9oL8z1PbS3Q==
@@ -6729,7 +7593,7 @@ color-name@1.1.3:
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
   integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
 
-color-name@^1.1.4, color-name@~1.1.4:
+color-name@~1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
@@ -6739,7 +7603,7 @@ color-support@^1.1.3:
   resolved "https://registry.yarnpkg.com/color-support/-/color-support-1.1.3.tgz#93834379a1cc9a0c61f82f52f0d04322251bd5a2"
   integrity sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==
 
-colorette@^2.0.10, colorette@^2.0.14, colorette@^2.0.19:
+colorette@^2.0.10, colorette@^2.0.14, colorette@^2.0.16, colorette@^2.0.20:
   version "2.0.20"
   resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.20.tgz#9eb793e6833067f7235902fcd3b09917a000a95a"
   integrity sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==
@@ -6752,7 +7616,7 @@ columnify@1.6.0:
     strip-ansi "^6.0.1"
     wcwidth "^1.0.0"
 
-combined-stream@^1.0.8:
+combined-stream@^1.0.6, combined-stream@^1.0.8, combined-stream@~1.0.6:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
   integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
@@ -6764,7 +7628,12 @@ comma-separated-tokens@^2.0.0:
   resolved "https://registry.yarnpkg.com/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz#4e89c9458acb61bc8fef19f4529973b2392839ee"
   integrity sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==
 
-commander@^10.0.0, commander@^10.0.1:
+commander@11.0.0:
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-11.0.0.tgz#43e19c25dbedc8256203538e8d7e9346877a6f67"
+  integrity sha512-9HMlXtt/BNoYr8ooyjjNRdIilOTkVJXB+GhxMTtOKwk0R4j4lS4NpjuqmRxroBfnfTSHQIHQB7wryHhXarNjmQ==
+
+commander@^10.0.1:
   version "10.0.1"
   resolved "https://registry.yarnpkg.com/commander/-/commander-10.0.1.tgz#881ee46b4f77d1c1dccc5823433aa39b022cbe06"
   integrity sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==
@@ -6779,7 +7648,7 @@ commander@^4.0.0, commander@^4.0.1:
   resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
   integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
 
-commander@^6.1.0:
+commander@^6.1.0, commander@^6.2.1:
   version "6.2.1"
   resolved "https://registry.yarnpkg.com/commander/-/commander-6.2.1.tgz#0792eb682dfbc325999bb2b84fddddba110ac73c"
   integrity sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==
@@ -6789,11 +7658,6 @@ commander@^7.2.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
   integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
 
-common-ancestor-path@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/common-ancestor-path/-/common-ancestor-path-1.0.1.tgz#4f7d2d1394d91b7abdf51871c62f71eadb0182a7"
-  integrity sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==
-
 common-path-prefix@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/common-path-prefix/-/common-path-prefix-3.0.0.tgz#7d007a7e07c58c4b4d5f433131a19141b29f11e0"
@@ -6872,14 +7736,6 @@ concat-stream@^2.0.0:
     readable-stream "^3.0.2"
     typedarray "^0.0.6"
 
-config-chain@1.1.12:
-  version "1.1.12"
-  resolved "https://registry.yarnpkg.com/config-chain/-/config-chain-1.1.12.tgz#0fde8d091200eb5e808caf25fe618c02f48e4efa"
-  integrity sha512-a1eOIcu8+7lUInge4Rpf/n4Krkf3Dd9lqhljRzII1/Zno/kRtUWnznPO3jOKBmTEktkt3fkxisUcivoj0ebzoA==
-  dependencies:
-    ini "^1.3.4"
-    proto-list "~1.2.1"
-
 connect-history-api-fallback@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz#647264845251a0daf25b97ce87834cace0f5f1c8"
@@ -6907,89 +7763,80 @@ content-type@~1.0.4:
   resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.5.tgz#8b773162656d1d1086784c8f23a54ce6d73d7918"
   integrity sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==
 
-conventional-changelog-angular@5.0.12:
-  version "5.0.12"
-  resolved "https://registry.yarnpkg.com/conventional-changelog-angular/-/conventional-changelog-angular-5.0.12.tgz#c979b8b921cbfe26402eb3da5bbfda02d865a2b9"
-  integrity sha512-5GLsbnkR/7A89RyHLvvoExbiGbd9xKdKqDTrArnPbOqBqG/2wIosu0fHwpeIRI8Tl94MhVNBXcLJZl92ZQ5USw==
+conventional-changelog-angular@6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/conventional-changelog-angular/-/conventional-changelog-angular-6.0.0.tgz#a9a9494c28b7165889144fd5b91573c4aa9ca541"
+  integrity sha512-6qLgrBF4gueoC7AFVHu51nHL9pF9FRjXrH+ceVf7WmAfH3gs+gEYOkvxhjMPjZu57I4AGUGoNTY8V7Hrgf1uqg==
   dependencies:
     compare-func "^2.0.0"
-    q "^1.5.1"
 
-conventional-changelog-core@4.2.4:
-  version "4.2.4"
-  resolved "https://registry.yarnpkg.com/conventional-changelog-core/-/conventional-changelog-core-4.2.4.tgz#e50d047e8ebacf63fac3dc67bf918177001e1e9f"
-  integrity sha512-gDVS+zVJHE2v4SLc6B0sLsPiloR0ygU7HaDW14aNJE1v4SlqJPILPl/aJC7YdtRE4CybBf8gDwObBvKha8Xlyg==
+conventional-changelog-core@5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/conventional-changelog-core/-/conventional-changelog-core-5.0.1.tgz#3c331b155d5b9850f47b4760aeddfc983a92ad49"
+  integrity sha512-Rvi5pH+LvgsqGwZPZ3Cq/tz4ty7mjijhr3qR4m9IBXNbxGGYgTVVO+duXzz9aArmHxFtwZ+LRkrNIMDQzgoY4A==
   dependencies:
     add-stream "^1.0.0"
-    conventional-changelog-writer "^5.0.0"
-    conventional-commits-parser "^3.2.0"
-    dateformat "^3.0.0"
-    get-pkg-repo "^4.0.0"
-    git-raw-commits "^2.0.8"
+    conventional-changelog-writer "^6.0.0"
+    conventional-commits-parser "^4.0.0"
+    dateformat "^3.0.3"
+    get-pkg-repo "^4.2.1"
+    git-raw-commits "^3.0.0"
     git-remote-origin-url "^2.0.0"
-    git-semver-tags "^4.1.1"
-    lodash "^4.17.15"
-    normalize-package-data "^3.0.0"
-    q "^1.5.1"
+    git-semver-tags "^5.0.0"
+    normalize-package-data "^3.0.3"
     read-pkg "^3.0.0"
     read-pkg-up "^3.0.0"
-    through2 "^4.0.0"
 
-conventional-changelog-preset-loader@^2.3.4:
-  version "2.3.4"
-  resolved "https://registry.yarnpkg.com/conventional-changelog-preset-loader/-/conventional-changelog-preset-loader-2.3.4.tgz#14a855abbffd59027fd602581f1f34d9862ea44c"
-  integrity sha512-GEKRWkrSAZeTq5+YjUZOYxdHq+ci4dNwHvpaBC3+ENalzFWuCWa9EZXSuZBpkr72sMdKB+1fyDV4takK1Lf58g==
+conventional-changelog-preset-loader@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/conventional-changelog-preset-loader/-/conventional-changelog-preset-loader-3.0.0.tgz#14975ef759d22515d6eabae6396c2ae721d4c105"
+  integrity sha512-qy9XbdSLmVnwnvzEisjxdDiLA4OmV3o8db+Zdg4WiFw14fP3B6XNz98X0swPPpkTd/pc1K7+adKgEDM1JCUMiA==
 
-conventional-changelog-writer@^5.0.0:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/conventional-changelog-writer/-/conventional-changelog-writer-5.0.1.tgz#e0757072f045fe03d91da6343c843029e702f359"
-  integrity sha512-5WsuKUfxW7suLblAbFnxAcrvf6r+0b7GvNaWUwUIk0bXMnENP/PEieGKVUQrjPqwPT4o3EPAASBXiY6iHooLOQ==
+conventional-changelog-writer@^6.0.0:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/conventional-changelog-writer/-/conventional-changelog-writer-6.0.1.tgz#d8d3bb5e1f6230caed969dcc762b1c368a8f7b01"
+  integrity sha512-359t9aHorPw+U+nHzUXHS5ZnPBOizRxfQsWT5ZDHBfvfxQOAik+yfuhKXG66CN5LEWPpMNnIMHUTCKeYNprvHQ==
   dependencies:
-    conventional-commits-filter "^2.0.7"
-    dateformat "^3.0.0"
+    conventional-commits-filter "^3.0.0"
+    dateformat "^3.0.3"
     handlebars "^4.7.7"
     json-stringify-safe "^5.0.1"
-    lodash "^4.17.15"
-    meow "^8.0.0"
-    semver "^6.0.0"
-    split "^1.0.0"
-    through2 "^4.0.0"
+    meow "^8.1.2"
+    semver "^7.0.0"
+    split "^1.0.1"
 
-conventional-commits-filter@^2.0.7:
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/conventional-commits-filter/-/conventional-commits-filter-2.0.7.tgz#f8d9b4f182fce00c9af7139da49365b136c8a0b3"
-  integrity sha512-ASS9SamOP4TbCClsRHxIHXRfcGCnIoQqkvAzCSbZzTFLfcTqJVugB0agRgsEELsqaeWgsXv513eS116wnlSSPA==
+conventional-commits-filter@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/conventional-commits-filter/-/conventional-commits-filter-3.0.0.tgz#bf1113266151dd64c49cd269e3eb7d71d7015ee2"
+  integrity sha512-1ymej8b5LouPx9Ox0Dw/qAO2dVdfpRFq28e5Y0jJEU8ZrLdy0vOSkkIInwmxErFGhg6SALro60ZrwYFVTUDo4Q==
   dependencies:
     lodash.ismatch "^4.4.0"
-    modify-values "^1.0.0"
+    modify-values "^1.0.1"
 
-conventional-commits-parser@^3.2.0:
-  version "3.2.4"
-  resolved "https://registry.yarnpkg.com/conventional-commits-parser/-/conventional-commits-parser-3.2.4.tgz#a7d3b77758a202a9b2293d2112a8d8052c740972"
-  integrity sha512-nK7sAtfi+QXbxHCYfhpZsfRtaitZLIA6889kFIouLvz6repszQDgxBu7wf2WbU+Dco7sAnNCJYERCwt54WPC2Q==
+conventional-commits-parser@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/conventional-commits-parser/-/conventional-commits-parser-4.0.0.tgz#02ae1178a381304839bce7cea9da5f1b549ae505"
+  integrity sha512-WRv5j1FsVM5FISJkoYMR6tPk07fkKT0UodruX4je86V4owk451yjXAKzKAPOs9l7y59E2viHUS9eQ+dfUA9NSg==
   dependencies:
-    JSONStream "^1.0.4"
+    JSONStream "^1.3.5"
     is-text-path "^1.0.1"
-    lodash "^4.17.15"
-    meow "^8.0.0"
-    split2 "^3.0.0"
-    through2 "^4.0.0"
+    meow "^8.1.2"
+    split2 "^3.2.2"
 
-conventional-recommended-bump@6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/conventional-recommended-bump/-/conventional-recommended-bump-6.1.0.tgz#cfa623285d1de554012f2ffde70d9c8a22231f55"
-  integrity sha512-uiApbSiNGM/kkdL9GTOLAqC4hbptObFo4wW2QRyHsKciGAfQuLU1ShZ1BIVI/+K2BE/W1AWYQMCXAsv4dyKPaw==
+conventional-recommended-bump@7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/conventional-recommended-bump/-/conventional-recommended-bump-7.0.1.tgz#ec01f6c7f5d0e2491c2d89488b0d757393392424"
+  integrity sha512-Ft79FF4SlOFvX4PkwFDRnaNiIVX7YbmqGU0RwccUaiGvgp3S0a8ipR2/Qxk31vclDNM+GSdJOVs2KrsUCjblVA==
   dependencies:
     concat-stream "^2.0.0"
-    conventional-changelog-preset-loader "^2.3.4"
-    conventional-commits-filter "^2.0.7"
-    conventional-commits-parser "^3.2.0"
-    git-raw-commits "^2.0.8"
-    git-semver-tags "^4.1.1"
-    meow "^8.0.0"
-    q "^1.5.1"
+    conventional-changelog-preset-loader "^3.0.0"
+    conventional-commits-filter "^3.0.0"
+    conventional-commits-parser "^4.0.0"
+    git-raw-commits "^3.0.0"
+    git-semver-tags "^5.0.0"
+    meow "^8.1.2"
 
-convert-source-map@^1.1.0, convert-source-map@^1.5.0, convert-source-map@^1.6.0, convert-source-map@^1.7.0:
+convert-source-map@^1.5.0, convert-source-map@^1.6.0, convert-source-map@^1.7.0:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
   integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
@@ -7021,6 +7868,13 @@ core-js-compat@^3.25.1:
   dependencies:
     browserslist "^4.21.5"
 
+core-js-compat@^3.31.0, core-js-compat@^3.32.2:
+  version "3.33.0"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.33.0.tgz#24aa230b228406450b2277b7c8bfebae932df966"
+  integrity sha512-0w4LcLXsVEuNkIqwjjf9rjCoPhK8uqA4tMRh4Ge26vfLtUutshn+aRJU21I9LCJlh2QQHfisNToLjw1XEJLTWw==
+  dependencies:
+    browserslist "^4.22.1"
+
 core-js-pure@^3.23.3:
   version "3.30.1"
   resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.30.1.tgz#7d93dc89e7d47b8ef05d7e79f507b0e99ea77eec"
@@ -7031,32 +7885,16 @@ core-js@^2.4.0:
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.12.tgz#d9333dfa7b065e347cc5682219d6f690859cc2ec"
   integrity sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==
 
+core-util-is@1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
+  integrity sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==
+
 core-util-is@~1.0.0:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85"
   integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
 
-corser@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/corser/-/corser-2.0.1.tgz#8eda252ecaab5840dcd975ceb90d9370c819ff87"
-  integrity sha512-utCYNzRSQIZNPIcGZdQc92UVJYAhtGAteCFg0yRaFm8f0P+CPtyGyHXJcGXnffjCybUCEx3FQ2G7U3/o9eIkVQ==
-
-cosmiconfig-typescript-loader@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/cosmiconfig-typescript-loader/-/cosmiconfig-typescript-loader-4.3.0.tgz#c4259ce474c9df0f32274ed162c0447c951ef073"
-  integrity sha512-NTxV1MFfZDLPiBMjxbHRwSh5LaLcPMwNdCutmnHJCKoVnlvldPWlllonKwrsRJ5pYZBIBGRWWU2tfvzxgeSW5Q==
-
-cosmiconfig@7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.0.0.tgz#ef9b44d773959cae63ddecd122de23853b60f8d3"
-  integrity sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==
-  dependencies:
-    "@types/parse-json" "^4.0.0"
-    import-fresh "^3.2.1"
-    parse-json "^5.0.0"
-    path-type "^4.0.0"
-    yaml "^1.10.0"
-
 cosmiconfig@^7.0.0:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
@@ -7078,6 +7916,29 @@ cosmiconfig@^8.1.3:
     parse-json "^5.0.0"
     path-type "^4.0.0"
 
+cosmiconfig@^8.2.0:
+  version "8.3.6"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-8.3.6.tgz#060a2b871d66dba6c8538ea1118ba1ac16f5fae3"
+  integrity sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==
+  dependencies:
+    import-fresh "^3.3.0"
+    js-yaml "^4.1.0"
+    parse-json "^5.2.0"
+    path-type "^4.0.0"
+
+create-jest@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/create-jest/-/create-jest-29.7.0.tgz#a355c5b3cb1e1af02ba177fe7afd7feee49a5320"
+  integrity sha512-Adz2bdH0Vq3F53KEMJOoftQFutWCukm6J24wbPWRO4k1kMY7gS7ds/uoJkNuV8wDCtWWnuwGcJwpWcih+zEW1Q==
+  dependencies:
+    "@jest/types" "^29.6.3"
+    chalk "^4.0.0"
+    exit "^0.1.2"
+    graceful-fs "^4.2.9"
+    jest-config "^29.7.0"
+    jest-util "^29.7.0"
+    prompts "^2.0.1"
+
 create-react-class@15.7.0:
   version "15.7.0"
   resolved "https://registry.yarnpkg.com/create-react-class/-/create-react-class-15.7.0.tgz#7499d7ca2e69bb51d13faf59bd04f0c65a1d6c1e"
@@ -7092,9 +7953,9 @@ create-require@^1.1.0:
   integrity sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==
 
 crelt@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/crelt/-/crelt-1.0.5.tgz#57c0d52af8c859e354bace1883eb2e1eb182bb94"
-  integrity sha512-+BO9wPPi+DWTDcNYhr/W90myha8ptzftZT+LwcmUbbok0rcP/fequmFYCw8NMoH7pkAZQzU78b3kYrlua5a9eA==
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/crelt/-/crelt-1.0.6.tgz#7cc898ea74e190fb6ef9dae57f8f81cf7302df72"
+  integrity sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==
 
 cross-env@7.0.3:
   version "7.0.3"
@@ -7133,15 +7994,15 @@ css-color-keywords@^1.0.0:
   resolved "https://registry.yarnpkg.com/css-color-keywords/-/css-color-keywords-1.0.0.tgz#fea2616dc676b2962686b3af8dbdbe180b244e05"
   integrity sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==
 
-css-loader@6.7.3:
-  version "6.7.3"
-  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.7.3.tgz#1e8799f3ccc5874fdd55461af51137fcc5befbcd"
-  integrity sha512-qhOH1KlBMnZP8FzRO6YCH9UHXQhVMcEGLyNdb7Hv2cpcmJbW0YrddO+tG1ab5nT41KpHIYGsbeHqxB9xPu1pKQ==
+css-loader@6.8.1:
+  version "6.8.1"
+  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.8.1.tgz#0f8f52699f60f5e679eab4ec0fcd68b8e8a50a88"
+  integrity sha512-xDAXtEVGlD0gJ07iclwWVkLoZOpEvAWaSyf6W18S2pOC//K8+qUDIx8IIT3D+HjnmkJPQeesOPv5aiUaJsCM2g==
   dependencies:
     icss-utils "^5.1.0"
-    postcss "^8.4.19"
+    postcss "^8.4.21"
     postcss-modules-extract-imports "^3.0.0"
-    postcss-modules-local-by-default "^4.0.0"
+    postcss-modules-local-by-default "^4.0.3"
     postcss-modules-scope "^3.0.0"
     postcss-modules-values "^4.0.0"
     postcss-value-parser "^4.2.0"
@@ -7208,7 +8069,7 @@ css-what@^6.0.1:
   resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4"
   integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
 
-css.escape@^1.5.1:
+css.escape@^1.5.0, css.escape@^1.5.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/css.escape/-/css.escape-1.5.1.tgz#42e27d4fa04ae32f931a4b4d4191fa9cddee97cb"
   integrity sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==
@@ -7252,13 +8113,66 @@ csstype@^3.0.2, csstype@^3.1.2:
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.2.tgz#1d4bf9d572f11c14031f0436e1c10bc1f571f50b"
   integrity sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==
 
-d@1, d@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/d/-/d-1.0.1.tgz#8698095372d58dbee346ffd0c7093f99f8f9eb5a"
-  integrity sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==
+cypress-plugin-tab@1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/cypress-plugin-tab/-/cypress-plugin-tab-1.0.5.tgz#a40714148104004bb05ed62b1bf46bb544f8eb4a"
+  integrity sha512-QtTJcifOVwwbeMP3hsOzQOKf3EqKsLyjtg9ZAGlYDntrCRXrsQhe4ZQGIthRMRLKpnP6/tTk6G0gJ2sZUfRliQ==
   dependencies:
-    es5-ext "^0.10.50"
-    type "^1.0.1"
+    ally.js "^1.4.1"
+
+cypress-real-events@1.11.0:
+  version "1.11.0"
+  resolved "https://registry.yarnpkg.com/cypress-real-events/-/cypress-real-events-1.11.0.tgz#292fe5281c5b6e955524e766ab7fec46930c7763"
+  integrity sha512-4LXVRsyq+xBh5TmlEyO1ojtBXtN7xw720Pwb9rEE9rkJuXmeH3VyoR1GGayMGr+Itqf11eEjfDewtDmcx6PWPQ==
+
+cypress@13.4.0:
+  version "13.4.0"
+  resolved "https://registry.yarnpkg.com/cypress/-/cypress-13.4.0.tgz#7d91069983ba7c664c505abde84d3e3e20484344"
+  integrity sha512-KeWNC9xSHG/ewZURVbaQsBQg2mOKw4XhjJZFKjWbEjgZCdxpPXLpJnfq5Jns1Gvnjp6AlnIfpZfWFlDgVKXdWQ==
+  dependencies:
+    "@cypress/request" "^3.0.0"
+    "@cypress/xvfb" "^1.2.4"
+    "@types/node" "^18.17.5"
+    "@types/sinonjs__fake-timers" "8.1.1"
+    "@types/sizzle" "^2.3.2"
+    arch "^2.2.0"
+    blob-util "^2.0.2"
+    bluebird "^3.7.2"
+    buffer "^5.6.0"
+    cachedir "^2.3.0"
+    chalk "^4.1.0"
+    check-more-types "^2.24.0"
+    cli-cursor "^3.1.0"
+    cli-table3 "~0.6.1"
+    commander "^6.2.1"
+    common-tags "^1.8.0"
+    dayjs "^1.10.4"
+    debug "^4.3.4"
+    enquirer "^2.3.6"
+    eventemitter2 "6.4.7"
+    execa "4.1.0"
+    executable "^4.1.1"
+    extract-zip "2.0.1"
+    figures "^3.2.0"
+    fs-extra "^9.1.0"
+    getos "^3.2.1"
+    is-ci "^3.0.0"
+    is-installed-globally "~0.4.0"
+    lazy-ass "^1.6.0"
+    listr2 "^3.8.3"
+    lodash "^4.17.21"
+    log-symbols "^4.0.0"
+    minimist "^1.2.8"
+    ospath "^1.2.2"
+    pretty-bytes "^5.6.0"
+    process "^0.11.10"
+    proxy-from-env "1.0.0"
+    request-progress "^3.0.0"
+    semver "^7.5.3"
+    supports-color "^8.1.1"
+    tmp "~0.2.1"
+    untildify "^4.0.0"
+    yauzl "^2.10.0"
 
 damerau-levenshtein@^1.0.8:
   version "1.0.8"
@@ -7270,10 +8184,12 @@ dargs@^7.0.0:
   resolved "https://registry.yarnpkg.com/dargs/-/dargs-7.0.0.tgz#04015c41de0bcb69ec84050f3d9be0caf8d6d5cc"
   integrity sha512-2iy1EkLdlBzQGvbweYRFxmFath8+K7+AKB0TlhHWkNuH+TmovaMH/Wp7V7R4u7f4SnX3OgLsU9t1NI9ioDnUpg==
 
-data-uri-to-buffer@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/data-uri-to-buffer/-/data-uri-to-buffer-4.0.1.tgz#d8feb2b2881e6a4f58c2e08acfd0e2834e26222e"
-  integrity sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==
+dashdash@^1.12.0:
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/dashdash/-/dashdash-1.14.1.tgz#853cfa0f7cbe2fed5de20326b8dd581035f6e2f0"
+  integrity sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==
+  dependencies:
+    assert-plus "^1.0.0"
 
 data-urls@^3.0.2:
   version "3.0.2"
@@ -7284,31 +8200,38 @@ data-urls@^3.0.2:
     whatwg-mimetype "^3.0.0"
     whatwg-url "^11.0.0"
 
-date-fns@2.29.3:
-  version "2.29.3"
-  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.29.3.tgz#27402d2fc67eb442b511b70bbdf98e6411cd68a8"
-  integrity sha512-dDCnyH2WnnKusqvZZ6+jA1O51Ibt8ZMRNkDZdyAyK4YfbDwa/cEmuztzG5pk6hqlp9aSBPYcjOlktquahGwGeA==
+date-fns@2.30.0:
+  version "2.30.0"
+  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.30.0.tgz#f367e644839ff57894ec6ac480de40cae4b0f4d0"
+  integrity sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==
+  dependencies:
+    "@babel/runtime" "^7.21.0"
 
-dateformat@^3.0.0:
+dateformat@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-3.0.3.tgz#a6e37499a4d9a9cf85ef5872044d62901c9889ae"
   integrity sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==
 
-debug@2.6.9, debug@^2.2.0, debug@^2.6.8:
+dayjs@^1.10.4:
+  version "1.11.10"
+  resolved "https://registry.yarnpkg.com/dayjs/-/dayjs-1.11.10.tgz#68acea85317a6e164457d6d6947564029a6a16a0"
+  integrity sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==
+
+debug@2.6.9, debug@^2.6.8:
   version "2.6.9"
   resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
   integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
   dependencies:
     ms "2.0.0"
 
-debug@4, debug@^4.0.0, debug@^4.1.0, debug@^4.1.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4:
+debug@4, debug@4.3.4, debug@^4.0.0, debug@^4.1.0, debug@^4.1.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4:
   version "4.3.4"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
   integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
   dependencies:
     ms "2.1.2"
 
-debug@^3.2.7:
+debug@^3.1.0, debug@^3.2.7:
   version "3.2.7"
   resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a"
   integrity sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==
@@ -7352,11 +8275,16 @@ decode-uri-component@^0.2.0:
   resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.2.tgz#e69dbe25d37941171dd540e024c444cd5188e1e9"
   integrity sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==
 
-dedent@0.7.0, dedent@^0.7.0:
+dedent@0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
   integrity sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==
 
+dedent@^1.0.0:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/dedent/-/dedent-1.5.1.tgz#4f3fc94c8b711e9bb2800d185cd6ad20f2a90aff"
+  integrity sha512-+LxW+KLWxu3HW3M2w2ympwtqPrqYRzU8fqi6Fhd18fBALe15blJPI/I4+UHveMVG6lJqB4JNd4UG0S5cnVHwIg==
+
 deep-equal@^2.0.5:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-2.2.0.tgz#5caeace9c781028b9ff459f33b779346637c43e6"
@@ -7404,6 +8332,15 @@ defaults@^1.0.3:
   dependencies:
     clone "^1.0.2"
 
+define-data-property@^1.0.1:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.0.tgz#0db13540704e1d8d479a0656cf781267531b9451"
+  integrity sha512-UzGwzcjyv3OtAvolTj1GoyNYzfFR+iqbGjcnBEENZVCpM4/Ng1yhGNvS3lR/xDS74Tb2wGG9WzNSNIOS9UVb2g==
+  dependencies:
+    get-intrinsic "^1.2.1"
+    gopd "^1.0.1"
+    has-property-descriptors "^1.0.0"
+
 define-lazy-prop@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
@@ -7417,6 +8354,15 @@ define-properties@^1.1.3, define-properties@^1.1.4, define-properties@^1.2.0:
     has-property-descriptors "^1.0.0"
     object-keys "^1.1.1"
 
+define-properties@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c"
+  integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==
+  dependencies:
+    define-data-property "^1.0.1"
+    has-property-descriptors "^1.0.0"
+    object-keys "^1.1.1"
+
 del@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/del/-/del-4.1.1.tgz#9e8f117222ea44a31ff3a156c049b99052a9f0b4"
@@ -7430,20 +8376,6 @@ del@^4.1.1:
     pify "^4.0.1"
     rimraf "^2.6.3"
 
-del@^6.0.0:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/del/-/del-6.1.1.tgz#3b70314f1ec0aa325c6b14eb36b95786671edb7a"
-  integrity sha512-ua8BhapfP0JUJKC/zV9yHHDW/rDoDxP4Zhn3AkA6/xT6gY7jYXJiaeyBZznYVujhZZET+UgcbZiQ7sN3WqcImg==
-  dependencies:
-    globby "^11.0.1"
-    graceful-fs "^4.2.4"
-    is-glob "^4.0.1"
-    is-path-cwd "^2.2.0"
-    is-path-inside "^3.0.2"
-    p-map "^4.0.0"
-    rimraf "^3.0.2"
-    slash "^3.0.0"
-
 delayed-stream@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
@@ -7464,7 +8396,7 @@ depd@~1.1.2:
   resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
   integrity sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==
 
-deprecation@^2.0.0, deprecation@^2.3.1:
+deprecation@^2.0.0:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/deprecation/-/deprecation-2.3.1.tgz#6368cbdb40abf3373b525ac87e4a260c3a700919"
   integrity sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ==
@@ -7526,6 +8458,11 @@ diff-sequences@^29.4.3:
   resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-29.4.3.tgz#9314bc1fabe09267ffeca9cbafc457d8499a13f2"
   integrity sha512-ofrBgwpPhCD85kMKtE9RYFFq6OC1A89oW2vvgWZNCwxrUpRUILopY7lsYyMDSjc8g6U6aiO0Qubg6r4Wgt5ZnA==
 
+diff-sequences@^29.6.3:
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-29.6.3.tgz#4deaf894d11407c51efc8418012f9e70b84ea921"
+  integrity sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==
+
 diff@^4.0.1:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/diff/-/diff-4.0.2.tgz#60f3aecb89d5fae520c11aa19efc2bb982aade7d"
@@ -7666,12 +8603,13 @@ domutils@^2.4.2, domutils@^2.5.2, domutils@^2.8.0:
     domelementtype "^2.2.0"
     domhandler "^4.2.0"
 
-dot-prop@6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-6.0.1.tgz#fc26b3cf142b9e59b74dbd39ed66ce620c681083"
-  integrity sha512-tE7ztYzXHIeyvc7N+hR3oi7FIbf/NIjVP9hmAt3yMXzrQ072/fpjGLx2GxNxGxUl5V73MEqYzioOMoVhGMJ5cA==
+dot-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-3.0.4.tgz#9b2b670d00a431667a8a75ba29cd1b98809ce751"
+  integrity sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==
   dependencies:
-    is-obj "^2.0.0"
+    no-case "^3.0.4"
+    tslib "^2.0.3"
 
 dot-prop@^5.1.0:
   version "5.3.0"
@@ -7680,15 +8618,15 @@ dot-prop@^5.1.0:
   dependencies:
     is-obj "^2.0.0"
 
-dotenv@16.0.3:
-  version "16.0.3"
-  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.0.3.tgz#115aec42bac5053db3c456db30cc243a5a836a07"
-  integrity sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==
-
-dotenv@~10.0.0:
+dotenv-expand@~10.0.0:
   version "10.0.0"
-  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-10.0.0.tgz#3d4227b8fb95f81096cdd2b66653fb2c7085ba81"
-  integrity sha512-rlBi9d8jpv9Sf1klPjNfFAuWDjKLwTIJJ/VxtoTwIR6hnZxcEOQCZg2oIL3MWBYw5GpUDKOEnND7LXTbIpQ03Q==
+  resolved "https://registry.yarnpkg.com/dotenv-expand/-/dotenv-expand-10.0.0.tgz#12605d00fb0af6d0a592e6558585784032e4ef37"
+  integrity sha512-GopVGCpVS1UKH75VKHGuQFqS1Gusej0z4FyQkPdwjil2gNIv+LNsqBlboOzpJFZKVT95GkCyWJbBSdFEFUWI2A==
+
+dotenv@16.3.1, dotenv@~16.3.1:
+  version "16.3.1"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.3.1.tgz#369034de7d7e5b120972693352a3bf112172cc3e"
+  integrity sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==
 
 downshift@^6.1.12:
   version "6.1.12"
@@ -7716,6 +8654,14 @@ eastasianwidth@^0.2.0:
   resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb"
   integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==
 
+ecc-jsbn@~0.1.1:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9"
+  integrity sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==
+  dependencies:
+    jsbn "~0.1.0"
+    safer-buffer "^2.1.0"
+
 ee-first@1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
@@ -7733,6 +8679,11 @@ electron-to-chromium@^1.4.284:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.368.tgz#75901f97d3e23da2e66feb1e61fbb8e70ac96430"
   integrity sha512-e2aeCAixCj9M7nJxdB/wDjO6mbYX+lJJxSJCXDzlr5YPGYVofuJwGN9nKg2o6wWInjX6XmxRinn3AeJMK81ltw==
 
+electron-to-chromium@^1.4.535:
+  version "1.4.540"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.540.tgz#c685f2f035e93eb21dd6a9cfe2c735bad8f77401"
+  integrity sha512-aoCqgU6r9+o9/S7wkcSbmPRFi7OWZWiXS9rtjEd+Ouyu/Xyw5RSq2XN8s5Qp8IaFOLiRrhQCphCIjAxgG3eCAg==
+
 emittery@^0.13.1:
   version "0.13.1"
   resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.13.1.tgz#c04b8c3457490e0847ae51fced3af52d338e3dad"
@@ -7765,14 +8716,14 @@ encoding@^0.1.13:
   dependencies:
     iconv-lite "^0.6.2"
 
-end-of-stream@^1.4.1:
+end-of-stream@^1.1.0, end-of-stream@^1.4.1:
   version "1.4.4"
   resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
   integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
   dependencies:
     once "^1.4.0"
 
-enhanced-resolve@^5.0.0, enhanced-resolve@^5.12.0, enhanced-resolve@^5.13.0, enhanced-resolve@^5.7.0:
+enhanced-resolve@^5.0.0, enhanced-resolve@^5.12.0, enhanced-resolve@^5.7.0:
   version "5.13.0"
   resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.13.0.tgz#26d1ecc448c02de997133217b5c1053f34a0a275"
   integrity sha512-eyV8f0y1+bzyfh8xAwW/WTSZpLbjhqc4ne9eGSH4Zo2ejdyiNG9pU6mf9DG8a7+Auk6MFTlNOT4Y2y/9k8GKVg==
@@ -7780,6 +8731,22 @@ enhanced-resolve@^5.0.0, enhanced-resolve@^5.12.0, enhanced-resolve@^5.13.0, enh
     graceful-fs "^4.2.4"
     tapable "^2.2.0"
 
+enhanced-resolve@^5.15.0:
+  version "5.15.0"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz#1af946c7d93603eb88e9896cee4904dc012e9c35"
+  integrity sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==
+  dependencies:
+    graceful-fs "^4.2.4"
+    tapable "^2.2.0"
+
+enquirer@^2.3.6:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.4.1.tgz#93334b3fbd74fc7097b224ab4a8fb7e40bf4ae56"
+  integrity sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==
+  dependencies:
+    ansi-colors "^4.1.1"
+    strip-ansi "^6.0.1"
+
 enquirer@~2.3.6:
   version "2.3.6"
   resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.3.6.tgz#2a7fe5dd634a1e4125a975ec994ff5456dc3734d"
@@ -7807,7 +8774,7 @@ env-paths@^2.2.0:
   resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-2.2.1.tgz#420399d416ce1fbe9bc0a07c62fa68d67fd0f8f2"
   integrity sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==
 
-envinfo@^7.7.3, envinfo@^7.7.4:
+envinfo@7.8.1, envinfo@^7.7.3:
   version "7.8.1"
   resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.8.1.tgz#06377e3e5f4d379fea7ac592d5ad8927e0c4d475"
   integrity sha512-/o+BXHmB7ocbHEAs6F2EnG0ogybVVUdkRunTT2glZU9XAaGmhqskrvKwqXuDfNjEO0LZKWdejEEpnq8aM0tOaw==
@@ -7871,6 +8838,51 @@ es-abstract@^1.17.2, es-abstract@^1.19.0, es-abstract@^1.20.4, es-abstract@^1.21
     unbox-primitive "^1.0.2"
     which-typed-array "^1.1.9"
 
+es-abstract@^1.22.1:
+  version "1.22.2"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.22.2.tgz#90f7282d91d0ad577f505e423e52d4c1d93c1b8a"
+  integrity sha512-YoxfFcDmhjOgWPWsV13+2RNjq1F6UQnfs+8TftwNqtzlmFzEXvlUwdrNrYeaizfjQzRMxkZ6ElWMOJIFKdVqwA==
+  dependencies:
+    array-buffer-byte-length "^1.0.0"
+    arraybuffer.prototype.slice "^1.0.2"
+    available-typed-arrays "^1.0.5"
+    call-bind "^1.0.2"
+    es-set-tostringtag "^2.0.1"
+    es-to-primitive "^1.2.1"
+    function.prototype.name "^1.1.6"
+    get-intrinsic "^1.2.1"
+    get-symbol-description "^1.0.0"
+    globalthis "^1.0.3"
+    gopd "^1.0.1"
+    has "^1.0.3"
+    has-property-descriptors "^1.0.0"
+    has-proto "^1.0.1"
+    has-symbols "^1.0.3"
+    internal-slot "^1.0.5"
+    is-array-buffer "^3.0.2"
+    is-callable "^1.2.7"
+    is-negative-zero "^2.0.2"
+    is-regex "^1.1.4"
+    is-shared-array-buffer "^1.0.2"
+    is-string "^1.0.7"
+    is-typed-array "^1.1.12"
+    is-weakref "^1.0.2"
+    object-inspect "^1.12.3"
+    object-keys "^1.1.1"
+    object.assign "^4.1.4"
+    regexp.prototype.flags "^1.5.1"
+    safe-array-concat "^1.0.1"
+    safe-regex-test "^1.0.0"
+    string.prototype.trim "^1.2.8"
+    string.prototype.trimend "^1.0.7"
+    string.prototype.trimstart "^1.0.7"
+    typed-array-buffer "^1.0.0"
+    typed-array-byte-length "^1.0.0"
+    typed-array-byte-offset "^1.0.0"
+    typed-array-length "^1.0.4"
+    unbox-primitive "^1.0.2"
+    which-typed-array "^1.1.11"
+
 es-array-method-boxes-properly@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e"
@@ -7891,6 +8903,26 @@ es-get-iterator@^1.1.2:
     isarray "^2.0.5"
     stop-iteration-iterator "^1.0.0"
 
+es-iterator-helpers@^1.0.12:
+  version "1.0.15"
+  resolved "https://registry.yarnpkg.com/es-iterator-helpers/-/es-iterator-helpers-1.0.15.tgz#bd81d275ac766431d19305923707c3efd9f1ae40"
+  integrity sha512-GhoY8uYqd6iwUl2kgjTm4CZAf6oo5mHK7BPqx3rKgx893YSsy0LGHV6gfqqQvZt/8xM8xeOnfXBCfqclMKkJ5g==
+  dependencies:
+    asynciterator.prototype "^1.0.0"
+    call-bind "^1.0.2"
+    define-properties "^1.2.1"
+    es-abstract "^1.22.1"
+    es-set-tostringtag "^2.0.1"
+    function-bind "^1.1.1"
+    get-intrinsic "^1.2.1"
+    globalthis "^1.0.3"
+    has-property-descriptors "^1.0.0"
+    has-proto "^1.0.1"
+    has-symbols "^1.0.3"
+    internal-slot "^1.0.5"
+    iterator.prototype "^1.1.2"
+    safe-array-concat "^1.0.1"
+
 es-module-lexer@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.2.1.tgz#ba303831f63e6a394983fde2f97ad77b22324527"
@@ -7921,59 +8953,33 @@ es-to-primitive@^1.2.1:
     is-date-object "^1.0.1"
     is-symbol "^1.0.2"
 
-es5-ext@^0.10.35, es5-ext@^0.10.50:
-  version "0.10.62"
-  resolved "https://registry.yarnpkg.com/es5-ext/-/es5-ext-0.10.62.tgz#5e6adc19a6da524bf3d1e02bbc8960e5eb49a9a5"
-  integrity sha512-BHLqn0klhEpnOKSrzn/Xsz2UIW8j+cGmo9JLzr8BiUapV8hPL9+FliFqjwr9ngW7jWdnxv6eO+/LqyhJVqgrjA==
-  dependencies:
-    es6-iterator "^2.0.3"
-    es6-symbol "^3.1.3"
-    next-tick "^1.1.0"
-
-es6-iterator@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/es6-iterator/-/es6-iterator-2.0.3.tgz#a7de889141a05a94b0854403b2d0a0fbfa98f3b7"
-  integrity sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==
-  dependencies:
-    d "1"
-    es5-ext "^0.10.35"
-    es6-symbol "^3.1.1"
-
-es6-symbol@^3.1.1, es6-symbol@^3.1.3:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/es6-symbol/-/es6-symbol-3.1.3.tgz#bad5d3c1bcdac28269f4cb331e431c78ac705d18"
-  integrity sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==
-  dependencies:
-    d "^1.0.1"
-    ext "^1.1.2"
-
-esbuild@^0.17.5:
-  version "0.17.18"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.17.18.tgz#f4f8eb6d77384d68cd71c53eb6601c7efe05e746"
-  integrity sha512-z1lix43jBs6UKjcZVKOw2xx69ffE2aG0PygLL5qJ9OS/gy0Ewd1gW/PUQIOIQGXBHWNywSc0floSKoMFF8aK2w==
+esbuild@^0.18.10:
+  version "0.18.20"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.18.20.tgz#4709f5a34801b43b799ab7d6d82f7284a9b7a7a6"
+  integrity sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==
   optionalDependencies:
-    "@esbuild/android-arm" "0.17.18"
-    "@esbuild/android-arm64" "0.17.18"
-    "@esbuild/android-x64" "0.17.18"
-    "@esbuild/darwin-arm64" "0.17.18"
-    "@esbuild/darwin-x64" "0.17.18"
-    "@esbuild/freebsd-arm64" "0.17.18"
-    "@esbuild/freebsd-x64" "0.17.18"
-    "@esbuild/linux-arm" "0.17.18"
-    "@esbuild/linux-arm64" "0.17.18"
-    "@esbuild/linux-ia32" "0.17.18"
-    "@esbuild/linux-loong64" "0.17.18"
-    "@esbuild/linux-mips64el" "0.17.18"
-    "@esbuild/linux-ppc64" "0.17.18"
-    "@esbuild/linux-riscv64" "0.17.18"
-    "@esbuild/linux-s390x" "0.17.18"
-    "@esbuild/linux-x64" "0.17.18"
-    "@esbuild/netbsd-x64" "0.17.18"
-    "@esbuild/openbsd-x64" "0.17.18"
-    "@esbuild/sunos-x64" "0.17.18"
-    "@esbuild/win32-arm64" "0.17.18"
-    "@esbuild/win32-ia32" "0.17.18"
-    "@esbuild/win32-x64" "0.17.18"
+    "@esbuild/android-arm" "0.18.20"
+    "@esbuild/android-arm64" "0.18.20"
+    "@esbuild/android-x64" "0.18.20"
+    "@esbuild/darwin-arm64" "0.18.20"
+    "@esbuild/darwin-x64" "0.18.20"
+    "@esbuild/freebsd-arm64" "0.18.20"
+    "@esbuild/freebsd-x64" "0.18.20"
+    "@esbuild/linux-arm" "0.18.20"
+    "@esbuild/linux-arm64" "0.18.20"
+    "@esbuild/linux-ia32" "0.18.20"
+    "@esbuild/linux-loong64" "0.18.20"
+    "@esbuild/linux-mips64el" "0.18.20"
+    "@esbuild/linux-ppc64" "0.18.20"
+    "@esbuild/linux-riscv64" "0.18.20"
+    "@esbuild/linux-s390x" "0.18.20"
+    "@esbuild/linux-x64" "0.18.20"
+    "@esbuild/netbsd-x64" "0.18.20"
+    "@esbuild/openbsd-x64" "0.18.20"
+    "@esbuild/sunos-x64" "0.18.20"
+    "@esbuild/win32-arm64" "0.18.20"
+    "@esbuild/win32-ia32" "0.18.20"
+    "@esbuild/win32-x64" "0.18.20"
 
 escalade@^3.1.1:
   version "3.1.1"
@@ -8022,25 +9028,25 @@ escodegen@^2.0.0:
   optionalDependencies:
     source-map "~0.6.1"
 
-eslint-config-next@13.2.4:
-  version "13.2.4"
-  resolved "https://registry.yarnpkg.com/eslint-config-next/-/eslint-config-next-13.2.4.tgz#8aa4d42da3a575a814634ba9c88c8d25266c5fdd"
-  integrity sha512-lunIBhsoeqw6/Lfkd6zPt25w1bn0znLA/JCL+au1HoEpSb4/PpsOYsYtgV/q+YPsoKIOzFyU5xnb04iZnXjUvg==
+eslint-config-next@14.0.1:
+  version "14.0.1"
+  resolved "https://registry.yarnpkg.com/eslint-config-next/-/eslint-config-next-14.0.1.tgz#4e59cbaa1c1c72f6d7c4d9110b0902630493ef56"
+  integrity sha512-QfIFK2WD39H4WOespjgf6PLv9Bpsd7KGGelCtmq4l67nGvnlsGpuvj0hIT+aIy6p5gKH+lAChYILsyDlxP52yg==
   dependencies:
-    "@next/eslint-plugin-next" "13.2.4"
-    "@rushstack/eslint-patch" "^1.1.3"
-    "@typescript-eslint/parser" "^5.42.0"
+    "@next/eslint-plugin-next" "14.0.1"
+    "@rushstack/eslint-patch" "^1.3.3"
+    "@typescript-eslint/parser" "^5.4.2 || ^6.0.0"
     eslint-import-resolver-node "^0.3.6"
     eslint-import-resolver-typescript "^3.5.2"
-    eslint-plugin-import "^2.26.0"
-    eslint-plugin-jsx-a11y "^6.5.1"
-    eslint-plugin-react "^7.31.7"
-    eslint-plugin-react-hooks "^4.5.0"
+    eslint-plugin-import "^2.28.1"
+    eslint-plugin-jsx-a11y "^6.7.1"
+    eslint-plugin-react "^7.33.2"
+    eslint-plugin-react-hooks "^4.5.0 || 5.0.0-canary-7118f5dd7-20230705"
 
-eslint-config-prettier@8.8.0:
-  version "8.8.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.8.0.tgz#bfda738d412adc917fd7b038857110efe98c9348"
-  integrity sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==
+eslint-config-prettier@9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-9.0.0.tgz#eb25485946dd0c66cd216a46232dc05451518d1f"
+  integrity sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==
 
 eslint-import-resolver-node@^0.3.6, eslint-import-resolver-node@^0.3.7:
   version "0.3.7"
@@ -8051,7 +9057,20 @@ eslint-import-resolver-node@^0.3.6, eslint-import-resolver-node@^0.3.7:
     is-core-module "^2.11.0"
     resolve "^1.22.1"
 
-eslint-import-resolver-typescript@3.5.5, eslint-import-resolver-typescript@^3.5.2:
+eslint-import-resolver-typescript@3.6.1:
+  version "3.6.1"
+  resolved "https://registry.yarnpkg.com/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.1.tgz#7b983680edd3f1c5bce1a5829ae0bc2d57fe9efa"
+  integrity sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==
+  dependencies:
+    debug "^4.3.4"
+    enhanced-resolve "^5.12.0"
+    eslint-module-utils "^2.7.4"
+    fast-glob "^3.3.1"
+    get-tsconfig "^4.5.0"
+    is-core-module "^2.11.0"
+    is-glob "^4.0.3"
+
+eslint-import-resolver-typescript@^3.5.2:
   version "3.5.5"
   resolved "https://registry.yarnpkg.com/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.5.5.tgz#0a9034ae7ed94b254a360fbea89187b60ea7456d"
   integrity sha512-TdJqPHs2lW5J9Zpe17DZNQuDnox4xo2o+0tE7Pggain9Rbc19ik8kFtXdxZ250FVx2kF4vlt2RSf4qlUpG7bhw==
@@ -8065,7 +9084,7 @@ eslint-import-resolver-typescript@3.5.5, eslint-import-resolver-typescript@^3.5.
     is-glob "^4.0.3"
     synckit "^0.8.5"
 
-eslint-module-utils@^2.7.4:
+eslint-module-utils@^2.7.4, eslint-module-utils@^2.8.0:
   version "2.8.0"
   resolved "https://registry.yarnpkg.com/eslint-module-utils/-/eslint-module-utils-2.8.0.tgz#e439fee65fc33f6bba630ff621efc38ec0375c49"
   integrity sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==
@@ -8079,35 +9098,37 @@ eslint-plugin-babel@5.3.1:
   dependencies:
     eslint-rule-composer "^0.3.0"
 
-eslint-plugin-cypress@2.13.3:
-  version "2.13.3"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-cypress/-/eslint-plugin-cypress-2.13.3.tgz#5fc1afdc939aaa7daa9181f651f2f35429733ff2"
-  integrity sha512-nAPjZE5WopCsgJwl3vHm5iafpV+ZRO76Z9hMyRygWhmg5ODXDPd+9MaPl7kdJ2azj+sO87H3P1PRnggIrz848g==
+eslint-plugin-cypress@2.15.1:
+  version "2.15.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-cypress/-/eslint-plugin-cypress-2.15.1.tgz#336afa7e8e27451afaf65aa359c9509e0a4f3a7b"
+  integrity sha512-eLHLWP5Q+I4j2AWepYq0PgFEei9/s5LvjuSqWrxurkg1YZ8ltxdvMNmdSf0drnsNo57CTgYY/NIHHLRSWejR7w==
   dependencies:
-    globals "^11.12.0"
+    globals "^13.20.0"
 
-eslint-plugin-import@2.27.5, eslint-plugin-import@^2.26.0:
-  version "2.27.5"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.27.5.tgz#876a6d03f52608a3e5bb439c2550588e51dd6c65"
-  integrity sha512-LmEt3GVofgiGuiE+ORpnvP+kAm3h6MLZJ4Q5HCyHADofsb4VzXFsRiWj3c0OFiV+3DWFh0qg3v9gcPlfc3zRow==
+eslint-plugin-import@2.28.1, eslint-plugin-import@^2.28.1:
+  version "2.28.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.28.1.tgz#63b8b5b3c409bfc75ebaf8fb206b07ab435482c4"
+  integrity sha512-9I9hFlITvOV55alzoKBI+K9q74kv0iKMeY6av5+umsNwayt59fz692daGyjR+oStBQgx6nwR9rXldDev3Clw+A==
   dependencies:
     array-includes "^3.1.6"
+    array.prototype.findlastindex "^1.2.2"
     array.prototype.flat "^1.3.1"
     array.prototype.flatmap "^1.3.1"
     debug "^3.2.7"
     doctrine "^2.1.0"
     eslint-import-resolver-node "^0.3.7"
-    eslint-module-utils "^2.7.4"
+    eslint-module-utils "^2.8.0"
     has "^1.0.3"
-    is-core-module "^2.11.0"
+    is-core-module "^2.13.0"
     is-glob "^4.0.3"
     minimatch "^3.1.2"
+    object.fromentries "^2.0.6"
+    object.groupby "^1.0.0"
     object.values "^1.1.6"
-    resolve "^1.22.1"
-    semver "^6.3.0"
-    tsconfig-paths "^3.14.1"
+    semver "^6.3.1"
+    tsconfig-paths "^3.14.2"
 
-eslint-plugin-jsx-a11y@^6.5.1:
+eslint-plugin-jsx-a11y@^6.7.1:
   version "6.7.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.7.1.tgz#fca5e02d115f48c9a597a6894d5bcec2f7a76976"
   integrity sha512-63Bog4iIethyo8smBklORknVjB0T2dwB8Mr/hIC+fBS0uyHdYYpzM/Ed+YC8VxTjlXHEWFOdmgwcDn1U2L9VCA==
@@ -8129,27 +9150,29 @@ eslint-plugin-jsx-a11y@^6.5.1:
     object.fromentries "^2.0.6"
     semver "^6.3.0"
 
-eslint-plugin-prettier@4.2.1:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-4.2.1.tgz#651cbb88b1dab98bfd42f017a12fa6b2d993f94b"
-  integrity sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==
+eslint-plugin-prettier@5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-5.0.0.tgz#6887780ed95f7708340ec79acfdf60c35b9be57a"
+  integrity sha512-AgaZCVuYDXHUGxj/ZGu1u8H8CYgDY3iG6w5kUFw4AzMVXzB7VvbKgYR4nATIN+OvUrghMbiDLeimVjVY5ilq3w==
   dependencies:
     prettier-linter-helpers "^1.0.0"
+    synckit "^0.8.5"
 
-eslint-plugin-react-hooks@4.6.0, eslint-plugin-react-hooks@^4.5.0:
+eslint-plugin-react-hooks@4.6.0, "eslint-plugin-react-hooks@^4.5.0 || 5.0.0-canary-7118f5dd7-20230705":
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz#4c3e697ad95b77e93f8646aaa1630c1ba607edd3"
   integrity sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==
 
-eslint-plugin-react@7.32.2, eslint-plugin-react@^7.31.7:
-  version "7.32.2"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.32.2.tgz#e71f21c7c265ebce01bcbc9d0955170c55571f10"
-  integrity sha512-t2fBMa+XzonrrNkyVirzKlvn5RXzzPwRHtMvLAtVZrt8oxgnTQaYbU6SXTOO1mwQgp1y5+toMSKInnzGr0Knqg==
+eslint-plugin-react@7.33.2, eslint-plugin-react@^7.33.2:
+  version "7.33.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz#69ee09443ffc583927eafe86ffebb470ee737608"
+  integrity sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==
   dependencies:
     array-includes "^3.1.6"
     array.prototype.flatmap "^1.3.1"
     array.prototype.tosorted "^1.1.1"
     doctrine "^2.1.0"
+    es-iterator-helpers "^1.0.12"
     estraverse "^5.3.0"
     jsx-ast-utils "^2.4.1 || ^3.0.0"
     minimatch "^3.1.2"
@@ -8159,29 +9182,28 @@ eslint-plugin-react@7.32.2, eslint-plugin-react@^7.31.7:
     object.values "^1.1.6"
     prop-types "^15.8.1"
     resolve "^2.0.0-next.4"
-    semver "^6.3.0"
+    semver "^6.3.1"
     string.prototype.matchall "^4.0.8"
 
-eslint-plugin-unicorn@46.0.1:
-  version "46.0.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-unicorn/-/eslint-plugin-unicorn-46.0.1.tgz#222ff65b30b2d9ed6f90de908ceb6a05dd0514d9"
-  integrity sha512-setGhMTiLAddg1asdwjZ3hekIN5zLznNa5zll7pBPwFOka6greCKDQydfqy4fqyUhndi74wpDzClSQMEcmOaew==
+eslint-plugin-unicorn@48.0.1:
+  version "48.0.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-unicorn/-/eslint-plugin-unicorn-48.0.1.tgz#a6573bc1687ae8db7121fdd8f92394b6549a6959"
+  integrity sha512-FW+4r20myG/DqFcCSzoumaddKBicIPeFnTrifon2mWIzlfyvzwyqZjqVP7m4Cqr/ZYisS2aiLghkUWaPg6vtCw==
   dependencies:
-    "@babel/helper-validator-identifier" "^7.19.1"
-    "@eslint-community/eslint-utils" "^4.1.2"
-    ci-info "^3.6.1"
+    "@babel/helper-validator-identifier" "^7.22.5"
+    "@eslint-community/eslint-utils" "^4.4.0"
+    ci-info "^3.8.0"
     clean-regexp "^1.0.0"
-    esquery "^1.4.0"
+    esquery "^1.5.0"
     indent-string "^4.0.0"
-    is-builtin-module "^3.2.0"
+    is-builtin-module "^3.2.1"
     jsesc "^3.0.2"
     lodash "^4.17.21"
     pluralize "^8.0.0"
     read-pkg-up "^7.0.1"
-    regexp-tree "^0.1.24"
-    regjsparser "^0.9.1"
-    safe-regex "^2.1.1"
-    semver "^7.3.8"
+    regexp-tree "^0.1.27"
+    regjsparser "^0.10.0"
+    semver "^7.5.4"
     strip-indent "^3.0.0"
 
 eslint-rule-composer@^0.3.0:
@@ -8189,7 +9211,7 @@ eslint-rule-composer@^0.3.0:
   resolved "https://registry.yarnpkg.com/eslint-rule-composer/-/eslint-rule-composer-0.3.0.tgz#79320c927b0c5c0d3d3d2b76c8b4a488f25bbaf9"
   integrity sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==
 
-eslint-scope@5.1.1, eslint-scope@^5.1.1:
+eslint-scope@5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
   integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
@@ -8197,10 +9219,10 @@ eslint-scope@5.1.1, eslint-scope@^5.1.1:
     esrecurse "^4.3.0"
     estraverse "^4.1.1"
 
-eslint-scope@^7.2.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.2.0.tgz#f21ebdafda02352f103634b96dd47d9f81ca117b"
-  integrity sha512-DYj5deGlHBfMt15J7rdtyKNq/Nqlv5KfU4iodrQ019XESsRnwXH9KAE0y3cwtUHDo2ob7CypAnCqefh6vioWRw==
+eslint-scope@^7.2.2:
+  version "7.2.2"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.2.2.tgz#deb4f92563390f32006894af62a22dba1c46423f"
+  integrity sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==
   dependencies:
     esrecurse "^4.3.0"
     estraverse "^5.2.0"
@@ -8210,32 +9232,37 @@ eslint-visitor-keys@^2.1.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
   integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
 
-eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.0:
+eslint-visitor-keys@^3.3.0:
   version "3.4.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.0.tgz#c7f0f956124ce677047ddbc192a68f999454dedc"
   integrity sha512-HPpKPUBQcAsZOsHAFwTtIKcYlCje62XB7SEAcxjtmW6TD1WVpkS6i6/hOVtTZIl4zGj/mBqpFVGvaDneik+VoQ==
 
-eslint@8.39.0:
-  version "8.39.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.39.0.tgz#7fd20a295ef92d43809e914b70c39fd5a23cf3f1"
-  integrity sha512-mwiok6cy7KTW7rBpo05k6+p4YVZByLNjAZ/ACB9DRCu4YDRwjXI01tWHp6KAUWelsBetTxKK/2sHB0vdS8Z2Og==
+eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4.3:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
+  integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
+
+eslint@8.50.0:
+  version "8.50.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.50.0.tgz#2ae6015fee0240fcd3f83e1e25df0287f487d6b2"
+  integrity sha512-FOnOGSuFuFLv/Sa+FDVRZl4GGVAAFFi8LecRsI5a1tMO5HIE8nCm4ivAlzt4dT3ol/PaaGC0rJEEXQmHJBGoOg==
   dependencies:
     "@eslint-community/eslint-utils" "^4.2.0"
-    "@eslint-community/regexpp" "^4.4.0"
-    "@eslint/eslintrc" "^2.0.2"
-    "@eslint/js" "8.39.0"
-    "@humanwhocodes/config-array" "^0.11.8"
+    "@eslint-community/regexpp" "^4.6.1"
+    "@eslint/eslintrc" "^2.1.2"
+    "@eslint/js" "8.50.0"
+    "@humanwhocodes/config-array" "^0.11.11"
     "@humanwhocodes/module-importer" "^1.0.1"
     "@nodelib/fs.walk" "^1.2.8"
-    ajv "^6.10.0"
+    ajv "^6.12.4"
     chalk "^4.0.0"
     cross-spawn "^7.0.2"
     debug "^4.3.2"
     doctrine "^3.0.0"
     escape-string-regexp "^4.0.0"
-    eslint-scope "^7.2.0"
-    eslint-visitor-keys "^3.4.0"
-    espree "^9.5.1"
+    eslint-scope "^7.2.2"
+    eslint-visitor-keys "^3.4.3"
+    espree "^9.6.1"
     esquery "^1.4.2"
     esutils "^2.0.2"
     fast-deep-equal "^3.1.3"
@@ -8243,39 +9270,36 @@ eslint@8.39.0:
     find-up "^5.0.0"
     glob-parent "^6.0.2"
     globals "^13.19.0"
-    grapheme-splitter "^1.0.4"
+    graphemer "^1.4.0"
     ignore "^5.2.0"
-    import-fresh "^3.0.0"
     imurmurhash "^0.1.4"
     is-glob "^4.0.0"
     is-path-inside "^3.0.3"
-    js-sdsl "^4.1.4"
     js-yaml "^4.1.0"
     json-stable-stringify-without-jsonify "^1.0.1"
     levn "^0.4.1"
     lodash.merge "^4.6.2"
     minimatch "^3.1.2"
     natural-compare "^1.4.0"
-    optionator "^0.9.1"
+    optionator "^0.9.3"
     strip-ansi "^6.0.1"
-    strip-json-comments "^3.1.0"
     text-table "^0.2.0"
 
-espree@^9.5.1:
-  version "9.5.1"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-9.5.1.tgz#4f26a4d5f18905bf4f2e0bd99002aab807e96dd4"
-  integrity sha512-5yxtHSZXRSW5pvv3hAlXM5+/Oswi1AUFqBmbibKb5s6bp3rGIDkyXU6xCoyuuLhijr4SFwPrXRoZjz0AZDN9tg==
+espree@^9.6.0, espree@^9.6.1:
+  version "9.6.1"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-9.6.1.tgz#a2a17b8e434690a5432f2f8018ce71d331a48c6f"
+  integrity sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==
   dependencies:
-    acorn "^8.8.0"
+    acorn "^8.9.0"
     acorn-jsx "^5.3.2"
-    eslint-visitor-keys "^3.4.0"
+    eslint-visitor-keys "^3.4.1"
 
 esprima@^4.0.0, esprima@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
-esquery@^1.4.0, esquery@^1.4.2:
+esquery@^1.4.2, esquery@^1.5.0:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/esquery/-/esquery-1.5.0.tgz#6ce17738de8577694edd7361c57182ac8cb0db0b"
   integrity sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==
@@ -8408,16 +9432,41 @@ event-target-shim@^5.0.0:
   resolved "https://registry.yarnpkg.com/event-target-shim/-/event-target-shim-5.0.1.tgz#5d4d3ebdf9583d63a5333ce2deb7480ab2b05789"
   integrity sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==
 
+eventemitter2@6.4.7:
+  version "6.4.7"
+  resolved "https://registry.yarnpkg.com/eventemitter2/-/eventemitter2-6.4.7.tgz#a7f6c4d7abf28a14c1ef3442f21cb306a054271d"
+  integrity sha512-tYUSVOGeQPKt/eC1ABfhHy5Xd96N3oIijJvN3O9+TsC28T5V9yX9oEfEK5faP0EFSNVOG97qtAS68GBrQB2hDg==
+
 eventemitter3@^4.0.0, eventemitter3@^4.0.4:
   version "4.0.7"
   resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
   integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
 
-events@^3.2.0, events@^3.3.0:
+eventemitter3@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-5.0.1.tgz#53f5ffd0a492ac800721bb42c66b841de96423c4"
+  integrity sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==
+
+events@^3.2.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
   integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
 
+execa@4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-4.1.0.tgz#4e5491ad1572f2f17a77d388c6c857135b22847a"
+  integrity sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==
+  dependencies:
+    cross-spawn "^7.0.0"
+    get-stream "^5.0.0"
+    human-signals "^1.1.1"
+    is-stream "^2.0.0"
+    merge-stream "^2.0.0"
+    npm-run-path "^4.0.0"
+    onetime "^5.1.0"
+    signal-exit "^3.0.2"
+    strip-final-newline "^2.0.0"
+
 execa@5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/execa/-/execa-5.0.0.tgz#4029b0007998a841fbd1032e5f4de86a3c1e3376"
@@ -8433,22 +9482,7 @@ execa@5.0.0:
     signal-exit "^3.0.3"
     strip-final-newline "^2.0.0"
 
-execa@7.1.1, execa@^7.0.0:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-7.1.1.tgz#3eb3c83d239488e7b409d48e8813b76bb55c9c43"
-  integrity sha512-wH0eMf/UXckdUYnO21+HDztteVv05rq2GXksxT4fCGeHkBhw1DROXh40wcjMcRqDOWE7iPJ4n3M7e2+YFP+76Q==
-  dependencies:
-    cross-spawn "^7.0.3"
-    get-stream "^6.0.1"
-    human-signals "^4.3.0"
-    is-stream "^3.0.0"
-    merge-stream "^2.0.0"
-    npm-run-path "^5.1.0"
-    onetime "^6.0.0"
-    signal-exit "^3.0.7"
-    strip-final-newline "^3.0.0"
-
-execa@^5.0.0:
+execa@5.1.1, execa@^5.0.0:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
   integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
@@ -8463,12 +9497,49 @@ execa@^5.0.0:
     signal-exit "^3.0.3"
     strip-final-newline "^2.0.0"
 
+execa@7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-7.1.1.tgz#3eb3c83d239488e7b409d48e8813b76bb55c9c43"
+  integrity sha512-wH0eMf/UXckdUYnO21+HDztteVv05rq2GXksxT4fCGeHkBhw1DROXh40wcjMcRqDOWE7iPJ4n3M7e2+YFP+76Q==
+  dependencies:
+    cross-spawn "^7.0.3"
+    get-stream "^6.0.1"
+    human-signals "^4.3.0"
+    is-stream "^3.0.0"
+    merge-stream "^2.0.0"
+    npm-run-path "^5.1.0"
+    onetime "^6.0.0"
+    signal-exit "^3.0.7"
+    strip-final-newline "^3.0.0"
+
+execa@7.2.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-7.2.0.tgz#657e75ba984f42a70f38928cedc87d6f2d4fe4e9"
+  integrity sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==
+  dependencies:
+    cross-spawn "^7.0.3"
+    get-stream "^6.0.1"
+    human-signals "^4.3.0"
+    is-stream "^3.0.0"
+    merge-stream "^2.0.0"
+    npm-run-path "^5.1.0"
+    onetime "^6.0.0"
+    signal-exit "^3.0.7"
+    strip-final-newline "^3.0.0"
+
+executable@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/executable/-/executable-4.1.1.tgz#41532bff361d3e57af4d763b70582db18f5d133c"
+  integrity sha512-8iA79xD3uAch729dUG8xaaBBFGaEa0wdD2VkYLFHwlqosEj/jT66AzcreRDSgV7ehnNLBW2WR5jIXwGKjVdTLg==
+  dependencies:
+    pify "^2.2.0"
+
 exit@^0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
   integrity sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==
 
-expect@^29.0.0, expect@^29.5.0:
+expect@^29.0.0:
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/expect/-/expect-29.5.0.tgz#68c0509156cb2a0adb8865d413b137eeaae682f7"
   integrity sha512-yM7xqUrCO2JdpFo4XpM82t+PJBFybdqoQuJLDGeDX2ij8NZzqRHyu3Hp188/JX7SWqud+7t4MUdvcgGBICMHZg==
@@ -8479,6 +9550,17 @@ expect@^29.0.0, expect@^29.5.0:
     jest-message-util "^29.5.0"
     jest-util "^29.5.0"
 
+expect@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/expect/-/expect-29.7.0.tgz#578874590dcb3214514084c08115d8aee61e11bc"
+  integrity sha512-2Zks0hf1VLFYI1kbh0I5jP3KHHyCHpkfyHBzsSXRFgl/Bg9mWYfMW8oD+PdMPlEwy5HNsR9JutYy6pMeOh61nw==
+  dependencies:
+    "@jest/expect-utils" "^29.7.0"
+    jest-get-type "^29.6.3"
+    jest-matcher-utils "^29.7.0"
+    jest-message-util "^29.7.0"
+    jest-util "^29.7.0"
+
 express@^4.17.3:
   version "4.18.2"
   resolved "https://registry.yarnpkg.com/express/-/express-4.18.2.tgz#3fabe08296e930c796c19e3c516979386ba9fd59"
@@ -8516,13 +9598,6 @@ express@^4.17.3:
     utils-merge "1.0.1"
     vary "~1.1.2"
 
-ext@^1.1.2:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/ext/-/ext-1.7.0.tgz#0ea4383c0103d60e70be99e9a7f11027a33c4f5f"
-  integrity sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==
-  dependencies:
-    type "^2.7.2"
-
 extend-shallow@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-2.0.1.tgz#51af7d614ad9a9f610ea1bafbb989d6b1c56890f"
@@ -8530,7 +9605,7 @@ extend-shallow@^2.0.1:
   dependencies:
     is-extendable "^0.1.0"
 
-extend@^3.0.0:
+extend@^3.0.0, extend@~3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
   integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
@@ -8544,6 +9619,27 @@ external-editor@^3.0.3:
     iconv-lite "^0.4.24"
     tmp "^0.0.33"
 
+extract-zip@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/extract-zip/-/extract-zip-2.0.1.tgz#663dca56fe46df890d5f131ef4a06d22bb8ba13a"
+  integrity sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==
+  dependencies:
+    debug "^4.1.1"
+    get-stream "^5.1.0"
+    yauzl "^2.10.0"
+  optionalDependencies:
+    "@types/yauzl" "^2.9.1"
+
+extsprintf@1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.3.0.tgz#96918440e3041a7a414f8c52e3c574eb3c3e1e05"
+  integrity sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==
+
+extsprintf@^1.2.0:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.1.tgz#8d172c064867f235c0c84a596806d279bf4bcc07"
+  integrity sha512-Wrk35e8ydCKDj/ArClo1VrPVmN8zph5V4AtHwIuHhvMXsKf73UT3BOD+azBIW+3wOJ4FhEH7zyaJCFvChjYvMA==
+
 fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
@@ -8554,10 +9650,10 @@ fast-diff@^1.1.2:
   resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.2.0.tgz#73ee11982d86caaf7959828d519cfe927fac5f03"
   integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==
 
-fast-glob@3.2.7:
-  version "3.2.7"
-  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.7.tgz#fd6cb7a2d7e9aa7a7846111e85a196d6b2f766a1"
-  integrity sha512-rYGMRwip6lUMvYD3BTScMwT1HtAs2d71SMv66Vrxs0IekGZEjhM0pcMfjQPnknBt2zeCwQMEupiN02ZP4DiT1Q==
+fast-glob@^3.2.11, fast-glob@^3.2.12, fast-glob@^3.2.9:
+  version "3.2.12"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80"
+  integrity sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==
   dependencies:
     "@nodelib/fs.stat" "^2.0.2"
     "@nodelib/fs.walk" "^1.2.3"
@@ -8565,10 +9661,10 @@ fast-glob@3.2.7:
     merge2 "^1.3.0"
     micromatch "^4.0.4"
 
-fast-glob@^3.2.11, fast-glob@^3.2.12, fast-glob@^3.2.9:
-  version "3.2.12"
-  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80"
-  integrity sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==
+fast-glob@^3.3.1:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.1.tgz#784b4e897340f3dbbef17413b3f11acf03c874c4"
+  integrity sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==
   dependencies:
     "@nodelib/fs.stat" "^2.0.2"
     "@nodelib/fs.walk" "^1.2.3"
@@ -8612,15 +9708,14 @@ fb-watchman@^2.0.0:
   dependencies:
     bser "2.1.1"
 
-fetch-blob@^3.1.2, fetch-blob@^3.1.4:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/fetch-blob/-/fetch-blob-3.2.0.tgz#f09b8d4bbd45adc6f0c20b7e787e793e309dcce9"
-  integrity sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==
+fd-slicer@~1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/fd-slicer/-/fd-slicer-1.1.0.tgz#25c7c89cb1f9077f8891bbe61d8f390eae256f1e"
+  integrity sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==
   dependencies:
-    node-domexception "^1.0.0"
-    web-streams-polyfill "^3.0.3"
+    pend "~1.2.0"
 
-figures@3.2.0, figures@^3.0.0:
+figures@3.2.0, figures@^3.0.0, figures@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/figures/-/figures-3.2.0.tgz#625c18bd293c604dc4a8ddb2febf0c88341746af"
   integrity sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==
@@ -8634,11 +9729,6 @@ file-entry-cache@^6.0.1:
   dependencies:
     flat-cache "^3.0.4"
 
-file-url@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/file-url/-/file-url-3.0.0.tgz#247a586a746ce9f7a8ed05560290968afc262a77"
-  integrity sha512-g872QGsHexznxkIAdK8UiZRe7SkE6kvylShU4Nsj8NvfvZag7S0QuQ4IgvPDkk75HxgjIVDwycFTDAgIiO4nDA==
-
 filelist@^1.0.1:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/filelist/-/filelist-1.0.4.tgz#f78978a1e944775ff9e62e744424f215e58352b5"
@@ -8671,7 +9761,7 @@ finalhandler@1.2.0:
     statuses "2.0.1"
     unpipe "~1.0.0"
 
-find-cache-dir@^3.3.1, find-cache-dir@^3.3.2:
+find-cache-dir@^3.3.1:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-3.3.2.tgz#b30c5b6eff0730731aea9bbd9dbecbd80256d64b"
   integrity sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==
@@ -8680,19 +9770,19 @@ find-cache-dir@^3.3.1, find-cache-dir@^3.3.2:
     make-dir "^3.0.2"
     pkg-dir "^4.1.0"
 
+find-cache-dir@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-4.0.0.tgz#a30ee0448f81a3990708f6453633c733e2f6eec2"
+  integrity sha512-9ZonPT4ZAK4a+1pUPVPZJapbi7O5qbbJPdYw/NOQWZZbVLdDTYM3A4R9z/DpAM08IDaFGsvPgiGZ82WEwUDWjg==
+  dependencies:
+    common-path-prefix "^3.0.0"
+    pkg-dir "^7.0.0"
+
 find-root@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/find-root/-/find-root-1.1.0.tgz#abcfc8ba76f708c42a97b3d685b7e9450bfb9ce4"
   integrity sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==
 
-find-up@5.0.0, find-up@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
-  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
-  dependencies:
-    locate-path "^6.0.0"
-    path-exists "^4.0.0"
-
 find-up@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
@@ -8708,6 +9798,22 @@ find-up@^4.0.0, find-up@^4.1.0:
     locate-path "^5.0.0"
     path-exists "^4.0.0"
 
+find-up@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
+  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
+  dependencies:
+    locate-path "^6.0.0"
+    path-exists "^4.0.0"
+
+find-up@^6.3.0:
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-6.3.0.tgz#2abab3d3280b2dc7ac10199ef324c4e002c8c790"
+  integrity sha512-v2ZsoEuVHYy8ZIlYqwPe/39Cy+cFDzp4dXPaxNvkEuouymu+2Jbz0PxpKarJHYJTmv2HWT3O382qY8l4jMWthw==
+  dependencies:
+    locate-path "^7.1.0"
+    path-exists "^5.0.0"
+
 flat-cache@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.0.4.tgz#61b0338302b2fe9f957dcc32fc2a87f1c3048b11"
@@ -8726,7 +9832,7 @@ flatted@^3.1.0:
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.7.tgz#609f39207cb614b89d0765b477cb2d437fbf9787"
   integrity sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==
 
-follow-redirects@^1.0.0, follow-redirects@^1.15.0, follow-redirects@~1.15.2:
+follow-redirects@^1.0.0, follow-redirects@^1.15.0:
   version "1.15.2"
   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.2.tgz#b460864144ba63f2681096f274c4e57026da2c13"
   integrity sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==
@@ -8746,6 +9852,11 @@ foreground-child@^3.1.0:
     cross-spawn "^7.0.0"
     signal-exit "^4.0.1"
 
+forever-agent@~0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
+  integrity sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==
+
 form-data@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/form-data/-/form-data-3.0.1.tgz#ebd53791b78356a99af9a300d4282c4d5eb9755f"
@@ -8764,22 +9875,24 @@ form-data@^4.0.0:
     combined-stream "^1.0.8"
     mime-types "^2.1.12"
 
-formdata-polyfill@^4.0.10:
-  version "4.0.10"
-  resolved "https://registry.yarnpkg.com/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz#24807c31c9d402e002ab3d8c720144ceb8848423"
-  integrity sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==
+form-data@~2.3.2:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.3.3.tgz#dcce52c05f644f298c6a7ab936bd724ceffbf3a6"
+  integrity sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==
   dependencies:
-    fetch-blob "^3.1.2"
+    asynckit "^0.4.0"
+    combined-stream "^1.0.6"
+    mime-types "^2.1.12"
 
 forwarded@0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.2.0.tgz#2269936428aad4c15c7ebe9779a84bf0b2a81811"
   integrity sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==
 
-fraction.js@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.2.0.tgz#448e5109a313a3527f5a3ab2119ec4cf0e0e2950"
-  integrity sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==
+fraction.js@^4.3.6:
+  version "4.3.6"
+  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.3.6.tgz#e9e3acec6c9a28cf7bc36cbe35eea4ceb2c5c92d"
+  integrity sha512-n2aZ9tNfYDwaHhvFTkhFErqOMIb8uyzSQ+vGJBjZyanAKZVbGUQ1sngfk9FdkBw7G26O7AgNjLcecLffD1c7eg==
 
 fresh@0.5.2:
   version "0.5.2"
@@ -8791,7 +9904,7 @@ fs-constants@^1.0.0:
   resolved "https://registry.yarnpkg.com/fs-constants/-/fs-constants-1.0.0.tgz#6be0de9be998ce16af8afc24497b9ee9b7ccd9ad"
   integrity sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==
 
-fs-extra@11.1.1, fs-extra@^11.1.0:
+fs-extra@11.1.1, fs-extra@^11.1.0, fs-extra@^11.1.1:
   version "11.1.1"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-11.1.1.tgz#da69f7c39f3b002378b0954bb6ae7efdc0876e2d"
   integrity sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==
@@ -8800,7 +9913,7 @@ fs-extra@11.1.1, fs-extra@^11.1.0:
     jsonfile "^6.0.1"
     universalify "^2.0.0"
 
-fs-extra@9.1.0, fs-extra@^9.0.1, fs-extra@^9.1.0:
+fs-extra@^9.0.1, fs-extra@^9.1.0:
   version "9.1.0"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d"
   integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
@@ -8859,6 +9972,16 @@ function.prototype.name@^1.1.5:
     es-abstract "^1.19.0"
     functions-have-names "^1.2.2"
 
+function.prototype.name@^1.1.6:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.6.tgz#cdf315b7d90ee77a4c6ee216c3c3362da07533fd"
+  integrity sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    functions-have-names "^1.2.3"
+
 functions-have-names@^1.2.2, functions-have-names@^1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834"
@@ -8883,20 +10006,6 @@ gauge@^4.0.3:
     strip-ansi "^6.0.1"
     wide-align "^1.1.5"
 
-gauge@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/gauge/-/gauge-5.0.0.tgz#e270ca9d97dae84abf64e5277ef1ebddc7dd1e2f"
-  integrity sha512-0s5T5eciEG7Q3ugkxAkFtaDhrrhXsCRivA5y8C9WMHWuI8UlMOJg7+Iwf7Mccii+Dfs3H5jHepU0joPVyQU0Lw==
-  dependencies:
-    aproba "^1.0.3 || ^2.0.0"
-    color-support "^1.1.3"
-    console-control-strings "^1.1.0"
-    has-unicode "^2.0.1"
-    signal-exit "^3.0.7"
-    string-width "^4.2.3"
-    strip-ansi "^6.0.1"
-    wide-align "^1.1.5"
-
 gensync@^1.0.0-beta.2:
   version "1.0.0-beta.2"
   resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
@@ -8929,6 +10038,16 @@ get-intrinsic@^1.0.2, get-intrinsic@^1.1.1, get-intrinsic@^1.1.3, get-intrinsic@
     has "^1.0.3"
     has-symbols "^1.0.3"
 
+get-intrinsic@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.1.tgz#d295644fed4505fc9cde952c37ee12b477a83d82"
+  integrity sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==
+  dependencies:
+    function-bind "^1.1.1"
+    has "^1.0.3"
+    has-proto "^1.0.1"
+    has-symbols "^1.0.3"
+
 get-nonce@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/get-nonce/-/get-nonce-1.0.1.tgz#fdf3f0278073820d2ce9426c18f07481b1e0cdf3"
@@ -8944,7 +10063,7 @@ get-package-type@^0.1.0:
   resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a"
   integrity sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==
 
-get-pkg-repo@^4.0.0:
+get-pkg-repo@^4.2.1:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/get-pkg-repo/-/get-pkg-repo-4.2.1.tgz#75973e1c8050c73f48190c52047c4cee3acbf385"
   integrity sha512-2+QbHjFRfGB74v/pYWjd5OhU3TDIC2Gv/YKUTk/tCvAz0pkn/Mz6P3uByuBimLOcPvN2jYdScl3xGFSrx0jEcA==
@@ -8959,11 +10078,23 @@ get-port@5.1.1:
   resolved "https://registry.yarnpkg.com/get-port/-/get-port-5.1.1.tgz#0469ed07563479de6efb986baf053dcd7d4e3193"
   integrity sha512-g/Q1aTSDOxFpchXC4i8ZWvxA1lnPqx/JHqcpIw0/LX9T8x/GBbi6YnlN5nhaKIFkT8oFsscUKgDJYxfwfS6QsQ==
 
+get-stdin@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-5.0.1.tgz#122e161591e21ff4c52530305693f20e6393a398"
+  integrity sha512-jZV7n6jGE3Gt7fgSTJoz91Ak5MuTLwMwkoYdjxuJ/AmjIsE1UC03y/IWkZCQGEvVNS9qoRNwy5BCqxImv0FVeA==
+
 get-stream@6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.0.tgz#3e0012cb6827319da2706e601a1583e8629a6718"
   integrity sha512-A1B3Bh1UmL0bidM/YX2NsCOTnGJePL9rO/M+Mw3m9f2gUpfokS0hi5Eah0WSUEWZdZhIZtMjkIYS7mDfOqNHbg==
 
+get-stream@^5.0.0, get-stream@^5.1.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-5.2.0.tgz#4966a1795ee5ace65e706c4b7beb71257d6e22d3"
+  integrity sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==
+  dependencies:
+    pump "^3.0.0"
+
 get-stream@^6.0.0, get-stream@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
@@ -8982,16 +10113,28 @@ get-tsconfig@^4.5.0:
   resolved "https://registry.yarnpkg.com/get-tsconfig/-/get-tsconfig-4.5.0.tgz#6d52d1c7b299bd3ee9cd7638561653399ac77b0f"
   integrity sha512-MjhiaIWCJ1sAU4pIQ5i5OfOuHHxVo1oYeNsWTON7jxYkod8pHocXeh+SSbmu5OZZZK73B6cbJ2XADzXehLyovQ==
 
-git-raw-commits@^2.0.8:
-  version "2.0.11"
-  resolved "https://registry.yarnpkg.com/git-raw-commits/-/git-raw-commits-2.0.11.tgz#bc3576638071d18655e1cc60d7f524920008d723"
-  integrity sha512-VnctFhw+xfj8Va1xtfEqCUD2XDrbAPSJx+hSrE5K7fGdjZruW7XV+QOrN7LF/RJyvspRiD2I0asWsxFp0ya26A==
+getos@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/getos/-/getos-3.2.1.tgz#0134d1f4e00eb46144c5a9c0ac4dc087cbb27dc5"
+  integrity sha512-U56CfOK17OKgTVqozZjUKNdkfEv6jk5WISBJ8SHoagjE6L69zOwl3Z+O8myjY9MEW3i2HPWQBt/LTbCgcC973Q==
+  dependencies:
+    async "^3.2.0"
+
+getpass@^0.1.1:
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/getpass/-/getpass-0.1.7.tgz#5eff8e3e684d569ae4cb2b1282604e8ba62149fa"
+  integrity sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==
+  dependencies:
+    assert-plus "^1.0.0"
+
+git-raw-commits@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/git-raw-commits/-/git-raw-commits-3.0.0.tgz#5432f053a9744f67e8db03dbc48add81252cfdeb"
+  integrity sha512-b5OHmZ3vAgGrDn/X0kS+9qCfNKWe4K/jFnhwzVWWg0/k5eLa3060tZShrRg8Dja5kPc+YjS0Gc6y7cRr44Lpjw==
   dependencies:
     dargs "^7.0.0"
-    lodash "^4.17.15"
-    meow "^8.0.0"
-    split2 "^3.0.0"
-    through2 "^4.0.0"
+    meow "^8.1.2"
+    split2 "^3.2.2"
 
 git-remote-origin-url@^2.0.0:
   version "2.0.0"
@@ -9001,13 +10144,13 @@ git-remote-origin-url@^2.0.0:
     gitconfiglocal "^1.0.0"
     pify "^2.3.0"
 
-git-semver-tags@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/git-semver-tags/-/git-semver-tags-4.1.1.tgz#63191bcd809b0ec3e151ba4751c16c444e5b5780"
-  integrity sha512-OWyMt5zBe7xFs8vglMmhM9lRQzCWL3WjHtxNNfJTMngGym7pC1kh8sP6jevfydJ6LP3ZvGxfb6ABYgPUM0mtsA==
+git-semver-tags@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/git-semver-tags/-/git-semver-tags-5.0.1.tgz#db748aa0e43d313bf38dcd68624d8443234e1c15"
+  integrity sha512-hIvOeZwRbQ+7YEUmCkHqo8FOLQZCEn18yevLHADlFPZY02KJGsu5FZt9YW/lybfK2uhWFI7Qg/07LekJiTv7iA==
   dependencies:
-    meow "^8.0.0"
-    semver "^6.0.0"
+    meow "^8.1.2"
+    semver "^7.0.0"
 
 git-up@^7.0.0:
   version "7.0.0"
@@ -9101,17 +10244,16 @@ glob@7.1.7:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-glob@^10.0.0:
-  version "10.2.1"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-10.2.1.tgz#44288e9186b5cd5baa848728533ba21a94aa8f33"
-  integrity sha512-ngom3wq2UhjdbmRE/krgkD8BQyi1KZ5l+D2dVm4+Yj+jJIBp74/ZGunL6gNGc/CYuQmvUBiavWEXIotRiv5R6A==
+glob@^10.2.2, glob@^10.3.7:
+  version "10.3.10"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-10.3.10.tgz#0351ebb809fd187fe421ab96af83d3a70715df4b"
+  integrity sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==
   dependencies:
     foreground-child "^3.1.0"
-    fs.realpath "^1.0.0"
-    jackspeak "^2.0.3"
-    minimatch "^9.0.0"
-    minipass "^5.0.0"
-    path-scurry "^1.7.0"
+    jackspeak "^2.3.5"
+    minimatch "^9.0.1"
+    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
+    path-scurry "^1.10.1"
 
 glob@^7.0.3, glob@^7.1.1, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6, glob@^7.2.0:
   version "7.2.3"
@@ -9146,18 +10288,14 @@ glob@^9.2.0, glob@^9.3.0, glob@^9.3.1:
     minipass "^4.2.4"
     path-scurry "^1.6.1"
 
-glob@~8.0.3:
-  version "8.0.3"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-8.0.3.tgz#415c6eb2deed9e502c68fa44a272e6da6eeca42e"
-  integrity sha512-ull455NHSHI/Y1FqGaaYFaLGkNMMJbavMrEGFXG/PGrg6y7sutWHUHrz6gy6WEBH6akM1M414dWKCNs+IhKdiQ==
+global-dirs@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/global-dirs/-/global-dirs-3.0.1.tgz#0c488971f066baceda21447aecb1a8b911d22485"
+  integrity sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==
   dependencies:
-    fs.realpath "^1.0.0"
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "^5.0.1"
-    once "^1.3.0"
+    ini "2.0.0"
 
-globals@^11.1.0, globals@^11.12.0:
+globals@^11.1.0:
   version "11.12.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
@@ -9169,6 +10307,13 @@ globals@^13.19.0:
   dependencies:
     type-fest "^0.20.2"
 
+globals@^13.20.0:
+  version "13.22.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-13.22.0.tgz#0c9fcb9c48a2494fbb5edbfee644285543eba9d8"
+  integrity sha512-H1Ddc/PbZHTDVJSnj8kWptIRSD6AM3pK+mKytuIVF4uoBV7rshFlhhvA58ceJ5wp3Er58w6zj7bykMpYXt3ETw==
+  dependencies:
+    type-fest "^0.20.2"
+
 globals@^9.18.0:
   version "9.18.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-9.18.0.tgz#aa3896b3e69b487f17e31ed2143d69a8e30c2d8a"
@@ -9186,7 +10331,7 @@ globalyzer@0.1.0:
   resolved "https://registry.yarnpkg.com/globalyzer/-/globalyzer-0.1.0.tgz#cb76da79555669a1519d5a8edf093afaa0bf1465"
   integrity sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==
 
-globby@11.1.0, globby@^11.0.1, globby@^11.0.4, globby@^11.1.0:
+globby@11.1.0, globby@^11.0.4, globby@^11.1.0:
   version "11.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
   integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
@@ -9225,6 +10370,11 @@ globrex@^0.1.2:
   resolved "https://registry.yarnpkg.com/globrex/-/globrex-0.1.2.tgz#dd5d9ec826232730cd6793a5e33a9302985e6098"
   integrity sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==
 
+glur@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/glur/-/glur-1.1.2.tgz#f20ea36db103bfc292343921f1f91e83c3467689"
+  integrity sha512-l+8esYHTKOx2G/Aao4lEQ0bnHWg4fWtJbVoZZT9Knxi01pB8C80BR85nONLFwkkQoFRCmXY+BUcGZN3yZ2QsRA==
+
 gopd@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.0.1.tgz#29ff76de69dac7489b7c0918a5788e56477c332c"
@@ -9239,20 +10389,15 @@ gotrue-js@0.9.29:
   dependencies:
     micro-api-client "^3.2.1"
 
-graceful-fs@4.2.10:
-  version "4.2.10"
-  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c"
-  integrity sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==
-
-graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9:
+graceful-fs@4.2.11, graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9:
   version "4.2.11"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
   integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
 
-grapheme-splitter@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz#9cf3a665c6247479896834af35cf1dbb4400767e"
-  integrity sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==
+graphemer@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/graphemer/-/graphemer-1.4.0.tgz#fb2f1d55e0e3a1849aeffc90c4fa0dd53a0e66c6"
+  integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
 
 graphql-tag@2.12.6:
   version "2.12.6"
@@ -9261,10 +10406,10 @@ graphql-tag@2.12.6:
   dependencies:
     tslib "^2.1.0"
 
-graphql@16.6.0:
-  version "16.6.0"
-  resolved "https://registry.yarnpkg.com/graphql/-/graphql-16.6.0.tgz#c2dcffa4649db149f6282af726c8c83f1c7c5fdb"
-  integrity sha512-KPIBPDlW7NxrbT/eh4qPXz5FiFdL5UbaA0XUNz2Rp3Z3hqBSkbj0GVjwFDztsWVauZUWsbKHgMg++sk8UX0bkw==
+graphql@16.8.1:
+  version "16.8.1"
+  resolved "https://registry.yarnpkg.com/graphql/-/graphql-16.8.1.tgz#1930a965bef1170603702acdb68aedd3f3cf6f07"
+  integrity sha512-59LZHPdGZVh695Ud9lRzPBVTtlX9ZCV150Er2W43ro37wVof0ctenSaskPPjN7lVTIN8mSZt8PHUNKZuNQUuxw==
 
 gray-matter@4.0.3:
   version "4.0.3"
@@ -9363,6 +10508,18 @@ has@^1.0.3:
   dependencies:
     function-bind "^1.1.1"
 
+hast-util-from-html@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/hast-util-from-html/-/hast-util-from-html-2.0.1.tgz#9cd38ee81bf40b2607368b92a04b0905fa987488"
+  integrity sha512-RXQBLMl9kjKVNkJTIO6bZyb2n+cUH8LFaSSzo82jiLT6Tfc+Pt7VQCS+/h3YwG4jaNE2TA2sdJisGWR+aJrp0g==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    devlop "^1.1.0"
+    hast-util-from-parse5 "^8.0.0"
+    parse5 "^7.0.0"
+    vfile "^6.0.0"
+    vfile-message "^4.0.0"
+
 hast-util-from-parse5@^8.0.0:
   version "8.0.1"
   resolved "https://registry.yarnpkg.com/hast-util-from-parse5/-/hast-util-from-parse5-8.0.1.tgz#654a5676a41211e14ee80d1b1758c399a0327651"
@@ -9413,9 +10570,9 @@ hast-util-sanitize@^5.0.0:
     unist-util-position "^5.0.0"
 
 hast-util-to-estree@^2.0.0:
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/hast-util-to-estree/-/hast-util-to-estree-2.3.2.tgz#11ab0cd2e70ecf0305151af56e636b1cdfbba0bf"
-  integrity sha512-YYDwATNdnvZi3Qi84iatPIl1lWpXba1MeNrNbDfJfVzEBZL8uUmtR7mt7bxKBC8kuAuvb0bkojXYZzsNHyHCLg==
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/hast-util-to-estree/-/hast-util-to-estree-2.3.3.tgz#da60142ffe19a6296923ec222aba73339c8bf470"
+  integrity sha512-ihhPIUPxN0v0w6M5+IiAZZrn0LH2uZomeWwhn7uP7avZC6TE7lIiEh2yBMPr5+zi1aUCXq6VoYRgs2Bw9xmycQ==
   dependencies:
     "@types/estree" "^1.0.0"
     "@types/estree-jsx" "^1.0.0"
@@ -9530,11 +10687,6 @@ hastscript@^8.0.0:
     property-information "^6.0.0"
     space-separated-tokens "^2.0.0"
 
-he@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
-  integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
-
 history@5.3.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/history/-/history-5.3.0.tgz#1548abaa245ba47992f063a0783db91ef201c73b"
@@ -9568,14 +10720,7 @@ hosted-git-info@^4.0.0, hosted-git-info@^4.0.1:
   dependencies:
     lru-cache "^6.0.0"
 
-hosted-git-info@^5.0.0:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-5.2.1.tgz#0ba1c97178ef91f3ab30842ae63d6a272341156f"
-  integrity sha512-xIcQYMnhcx2Nr4JTjsFmwwnr9vldugPy9uVm0o87bjqqWMv9GaqsTeT+i99wTl0mk1uLxJtHxLb8kymqTENQsw==
-  dependencies:
-    lru-cache "^7.5.1"
-
-hosted-git-info@^6.0.0, hosted-git-info@^6.1.1:
+hosted-git-info@^6.0.0:
   version "6.1.1"
   resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-6.1.1.tgz#629442c7889a69c05de604d52996b74fe6f26d58"
   integrity sha512-r0EI+HBMcXadMrugk0GCQ+6BQV39PiWAZVfq7oIckeGiN7sjRGyQxPdft3nQekFTCQbYxLBH+/axZMeH8UX6+w==
@@ -9709,24 +10854,14 @@ http-proxy@^1.18.1:
     follow-redirects "^1.0.0"
     requires-port "^1.0.0"
 
-http-server@14.1.1:
-  version "14.1.1"
-  resolved "https://registry.yarnpkg.com/http-server/-/http-server-14.1.1.tgz#d60fbb37d7c2fdff0f0fbff0d0ee6670bd285e2e"
-  integrity sha512-+cbxadF40UXd9T01zUHgA+rlo2Bg1Srer4+B4NwIHdaGxAGGv59nYRnGGDJ9LBk7alpS0US+J+bLLdQOOkJq4A==
+http-signature@~1.3.6:
+  version "1.3.6"
+  resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.3.6.tgz#cb6fbfdf86d1c974f343be94e87f7fc128662cf9"
+  integrity sha512-3adrsD6zqo4GsTqtO7FyrejHNv+NgiIfAfv68+jVlFmSr9OGy7zrxONceFRLKvnnZA5jbxQBX1u9PpB6Wi32Gw==
   dependencies:
-    basic-auth "^2.0.1"
-    chalk "^4.1.2"
-    corser "^2.0.1"
-    he "^1.2.0"
-    html-encoding-sniffer "^3.0.0"
-    http-proxy "^1.18.1"
-    mime "^1.6.0"
-    minimist "^1.2.6"
-    opener "^1.5.1"
-    portfinder "^1.0.28"
-    secure-compare "3.0.1"
-    union "~0.5.0"
-    url-join "^4.0.1"
+    assert-plus "^1.0.0"
+    jsprim "^2.0.2"
+    sshpk "^1.14.1"
 
 https-proxy-agent@^5.0.0, https-proxy-agent@^5.0.1:
   version "5.0.1"
@@ -9736,6 +10871,11 @@ https-proxy-agent@^5.0.0, https-proxy-agent@^5.0.1:
     agent-base "6"
     debug "4"
 
+human-signals@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-1.1.1.tgz#c5b1cd14f50aeae09ab6c59fe63ba3395fe4dfa3"
+  integrity sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==
+
 human-signals@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
@@ -9801,7 +10941,7 @@ ignore-walk@^6.0.0:
   dependencies:
     minimatch "^7.4.2"
 
-ignore@^5.0.4, ignore@^5.2.0:
+ignore@^5.0.4, ignore@^5.2.0, ignore@^5.2.4:
   version "5.2.4"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.4.tgz#a291c0c6178ff1b960befe47fcdec301674a6324"
   integrity sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==
@@ -9826,7 +10966,7 @@ immutable@4.3.4:
   resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.3.4.tgz#2e07b33837b4bb7662f288c244d1ced1ef65a78f"
   integrity sha512-fsXeu4J4i6WNWSikpI88v/PcVflZz+6kMhUfIwc5SY+poQRPnaf5V7qds6SUyUN3cVxEzuCab7QIoLOQ+DQ1wA==
 
-import-fresh@^3.0.0, import-fresh@^3.2.1:
+import-fresh@^3.2.1, import-fresh@^3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
   integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
@@ -9834,7 +10974,7 @@ import-fresh@^3.0.0, import-fresh@^3.2.1:
     parent-module "^1.0.0"
     resolve-from "^4.0.0"
 
-import-local@^3.0.2:
+import-local@3.1.0, import-local@^3.0.2:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/import-local/-/import-local-3.1.0.tgz#b4479df8a5fd44f6cdce24070675676063c95cb4"
   integrity sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==
@@ -9875,28 +11015,33 @@ inherits@2.0.3:
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
   integrity sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==
 
+ini@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-2.0.0.tgz#e5fd556ecdd5726be978fa1001862eacb0a94bc5"
+  integrity sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==
+
 ini@4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/ini/-/ini-4.1.0.tgz#3bca65a0ae224f07f8f8b3392d8c94a7f1bb007b"
   integrity sha512-HLR38RSF2iulAzc3I/sma4CoYxQP844rPYCNfzGDOHqa/YqVlwuuZgBx6M50/X8dKgzk0cm1qRg3+47mK2N+cQ==
 
-ini@^1.3.2, ini@^1.3.4:
+ini@^1.3.2, ini@^1.3.8:
   version "1.3.8"
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
   integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
 
-init-package-json@3.0.2, init-package-json@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/init-package-json/-/init-package-json-3.0.2.tgz#f5bc9bac93f2bdc005778bc2271be642fecfcd69"
-  integrity sha512-YhlQPEjNFqlGdzrBfDNRLhvoSgX7iQRgSxgsNknRQ9ITXFT7UMfVMWhBTOh2Y+25lRnGrv5Xz8yZwQ3ACR6T3A==
+init-package-json@5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/init-package-json/-/init-package-json-5.0.0.tgz#030cf0ea9c84cfc1b0dc2e898b45d171393e4b40"
+  integrity sha512-kBhlSheBfYmq3e0L1ii+VKe3zBTLL5lDCDWR+f9dLmEGSB3MqLlMlsolubSsyI88Bg6EA+BIMlomAnQ1SwgQBw==
   dependencies:
-    npm-package-arg "^9.0.1"
-    promzard "^0.3.0"
-    read "^1.0.7"
-    read-package-json "^5.0.0"
+    npm-package-arg "^10.0.0"
+    promzard "^1.0.0"
+    read "^2.0.0"
+    read-package-json "^6.0.0"
     semver "^7.3.5"
     validate-npm-package-license "^3.0.4"
-    validate-npm-package-name "^4.0.0"
+    validate-npm-package-name "^5.0.0"
 
 inline-style-parser@0.1.1:
   version "0.1.1"
@@ -9908,27 +11053,6 @@ inline-style-parser@0.2.2:
   resolved "https://registry.yarnpkg.com/inline-style-parser/-/inline-style-parser-0.2.2.tgz#d498b4e6de0373458fc610ff793f6b14ebf45633"
   integrity sha512-EcKzdTHVe8wFVOGEYXiW9WmJXPjqi1T+234YpJr98RiFYKHV3cdy1+3mkTE+KHTHxFFLH51SfaGOoUdW+v7ViQ==
 
-inquirer@8.2.4:
-  version "8.2.4"
-  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-8.2.4.tgz#ddbfe86ca2f67649a67daa6f1051c128f684f0b4"
-  integrity sha512-nn4F01dxU8VeKfq192IjLsxu0/OmMZ4Lg3xKAns148rCaXP6ntAoEkVYZThWjwON8AlzdZZi6oqnhNbxUG9hVg==
-  dependencies:
-    ansi-escapes "^4.2.1"
-    chalk "^4.1.1"
-    cli-cursor "^3.1.0"
-    cli-width "^3.0.0"
-    external-editor "^3.0.3"
-    figures "^3.0.0"
-    lodash "^4.17.21"
-    mute-stream "0.0.8"
-    ora "^5.4.1"
-    run-async "^2.4.0"
-    rxjs "^7.5.5"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-    through "^2.3.6"
-    wrap-ansi "^7.0.0"
-
 inquirer@^7.3.3:
   version "7.3.3"
   resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-7.3.3.tgz#04d176b2af04afc157a83fd7c100e98ee0aad003"
@@ -10053,6 +11177,13 @@ is-arrayish@^0.2.1:
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
   integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
 
+is-async-function@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-async-function/-/is-async-function-2.0.0.tgz#8e4418efd3e5d3a6ebb0164c05ef5afb69aa9646"
+  integrity sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
 is-bigint@^1.0.1:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.0.4.tgz#08147a1875bc2b32005d41ccd8291dffc6691df3"
@@ -10080,7 +11211,7 @@ is-buffer@^2.0.0:
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-2.0.5.tgz#ebc252e400d22ff8d77fa09888821a24a658c191"
   integrity sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==
 
-is-builtin-module@^3.2.0:
+is-builtin-module@^3.2.1:
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/is-builtin-module/-/is-builtin-module-3.2.1.tgz#f03271717d8654cfcaf07ab0463faa3571581169"
   integrity sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==
@@ -10092,12 +11223,12 @@ is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7:
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
   integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
 
-is-ci@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-2.0.0.tgz#6bc6334181810e04b5c22b3d589fdca55026404c"
-  integrity sha512-YfJT7rkpQB0updsdHLGWrvhBJfcfzNNawYDNIyQXJz0IViGf75O8EBPKSdvw2rF+LGCsX4FZ8tcr3b19LcZq4w==
+is-ci@3.0.1, is-ci@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-3.0.1.tgz#db6ecbed1bd659c43dac0f45661e7674103d1867"
+  integrity sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==
   dependencies:
-    ci-info "^2.0.0"
+    ci-info "^3.2.0"
 
 is-core-module@^2.11.0, is-core-module@^2.5.0, is-core-module@^2.8.1, is-core-module@^2.9.0:
   version "2.12.0"
@@ -10106,6 +11237,13 @@ is-core-module@^2.11.0, is-core-module@^2.5.0, is-core-module@^2.8.1, is-core-mo
   dependencies:
     has "^1.0.3"
 
+is-core-module@^2.13.0:
+  version "2.13.0"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.13.0.tgz#bb52aa6e2cbd49a30c2ba68c42bf3435ba6072db"
+  integrity sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==
+  dependencies:
+    has "^1.0.3"
+
 is-date-object@^1.0.1, is-date-object@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.5.tgz#0841d5536e724c25597bf6ea62e1bd38298df31f"
@@ -10138,6 +11276,13 @@ is-extglob@^2.1.1:
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
   integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
 
+is-finalizationregistry@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz#c8749b65f17c133313e661b1289b95ad3dbd62e6"
+  integrity sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==
+  dependencies:
+    call-bind "^1.0.2"
+
 is-fullwidth-code-point@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
@@ -10153,6 +11298,13 @@ is-generator-fn@^2.0.0:
   resolved "https://registry.yarnpkg.com/is-generator-fn/-/is-generator-fn-2.1.0.tgz#7d140adc389aaf3011a8f2a2a4cfa6faadffb118"
   integrity sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==
 
+is-generator-function@^1.0.10:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.0.10.tgz#f1558baf1ac17e0deea7c0415c438351ff2b3c72"
+  integrity sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
 is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
@@ -10180,16 +11332,19 @@ is-hotkey@^0.1.6:
   resolved "https://registry.yarnpkg.com/is-hotkey/-/is-hotkey-0.1.8.tgz#6b1f4b2d0e5639934e20c05ed24d623a21d36d25"
   integrity sha512-qs3NZ1INIS+H+yeo7cD9pDfwYV/jqRh1JG9S9zYrNudkoUQg7OL7ziXqRKu+InFjUIDoP2o6HIkLYMh1pcWgyQ==
 
+is-installed-globally@~0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/is-installed-globally/-/is-installed-globally-0.4.0.tgz#9a0fd407949c30f86eb6959ef1b7994ed0b7b520"
+  integrity sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==
+  dependencies:
+    global-dirs "^3.0.0"
+    is-path-inside "^3.0.2"
+
 is-interactive@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-interactive/-/is-interactive-1.0.0.tgz#cea6e6ae5c870a7b0a0004070b7b587e0252912e"
   integrity sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==
 
-is-invalid-path@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-invalid-path/-/is-invalid-path-1.0.2.tgz#2f84731559f4936abcf1b227632719cf45c5dc0e"
-  integrity sha512-6KLcFrPCEP3AFXMfnWrIFkZpYNBVzZAoBJJDEZKtI3LXkaDjM3uFMJQjxiizUuZTZ9Oh9FNv/soXbx5TcpaDmA==
-
 is-lambda@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-lambda/-/is-lambda-1.0.1.tgz#3d9877899e6a53efc0160504cde15f82e6f061d5"
@@ -10232,7 +11387,7 @@ is-obj@^2.0.0:
   resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-2.0.0.tgz#473fb05d973705e3fd9620545018ca8e22ef4982"
   integrity sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==
 
-is-path-cwd@^2.0.0, is-path-cwd@^2.2.0:
+is-path-cwd@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-2.2.0.tgz#67d43b82664a7b5191fd9119127eb300048a9fdb"
   integrity sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==
@@ -10294,9 +11449,9 @@ is-potential-custom-element-name@^1.0.1:
   integrity sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==
 
 is-reference@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/is-reference/-/is-reference-3.0.1.tgz#d400f4260f7e55733955e60d361d827eb4d3b831"
-  integrity sha512-baJJdQLiYaJdvFbJqXrcGv3WU3QCzBlUcI5QhbesIm6/xPsvmO+2CDoi/GMOFBQEQm+PXkwOPrp9KK5ozZsp2w==
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/is-reference/-/is-reference-3.0.2.tgz#154747a01f45cd962404ee89d43837af2cba247c"
+  integrity sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==
   dependencies:
     "@types/estree" "*"
 
@@ -10379,7 +11534,14 @@ is-typed-array@^1.1.10, is-typed-array@^1.1.9:
     gopd "^1.0.1"
     has-tostringtag "^1.0.0"
 
-is-typedarray@^1.0.0:
+is-typed-array@^1.1.12:
+  version "1.1.12"
+  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.12.tgz#d0bab5686ef4a76f7a73097b95470ab199c57d4a"
+  integrity sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==
+  dependencies:
+    which-typed-array "^1.1.11"
+
+is-typedarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
   integrity sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==
@@ -10436,12 +11598,17 @@ isobject@^3.0.1:
   resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
   integrity sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==
 
+isstream@~0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
+  integrity sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==
+
 istanbul-lib-coverage@^3.0.0, istanbul-lib-coverage@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz#189e7909d0a39fa5a3dfad5b03f71947770191d3"
   integrity sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==
 
-istanbul-lib-instrument@^5.0.4, istanbul-lib-instrument@^5.1.0:
+istanbul-lib-instrument@^5.0.4:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz#d10c8885c2125574e1c231cacadf955675e1ce3d"
   integrity sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==
@@ -10452,6 +11619,17 @@ istanbul-lib-instrument@^5.0.4, istanbul-lib-instrument@^5.1.0:
     istanbul-lib-coverage "^3.2.0"
     semver "^6.3.0"
 
+istanbul-lib-instrument@^6.0.0:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.1.tgz#71e87707e8041428732518c6fb5211761753fbdf"
+  integrity sha512-EAMEJBsYuyyztxMxW3g7ugGPkrZsV57v0Hmv3mm1uQsmB+QnZuepg731CRaIgeUVSdmsTngOkSnauNF8p7FIhA==
+  dependencies:
+    "@babel/core" "^7.12.3"
+    "@babel/parser" "^7.14.7"
+    "@istanbuljs/schema" "^0.1.2"
+    istanbul-lib-coverage "^3.2.0"
+    semver "^7.5.4"
+
 istanbul-lib-report@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz#7518fe52ea44de372f460a76b5ecda9ffb73d8a6"
@@ -10478,12 +11656,23 @@ istanbul-reports@^3.1.3:
     html-escaper "^2.0.0"
     istanbul-lib-report "^3.0.0"
 
-jackspeak@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-2.0.3.tgz#672eb397b97744a265b5862d7762b96e8dad6e61"
-  integrity sha512-0Jud3OMUdMbrlr3PyUMKESq51LXVAB+a239Ywdvd+Kgxj3MaBRml/nVRxf8tQFyfthMjuRkxkv7Vg58pmIMfuQ==
+iterator.prototype@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/iterator.prototype/-/iterator.prototype-1.1.2.tgz#5e29c8924f01916cb9335f1ff80619dcff22b0c0"
+  integrity sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==
   dependencies:
-    cliui "^7.0.4"
+    define-properties "^1.2.1"
+    get-intrinsic "^1.2.1"
+    has-symbols "^1.0.3"
+    reflect.getprototypeof "^1.0.4"
+    set-function-name "^2.0.1"
+
+jackspeak@^2.3.5:
+  version "2.3.6"
+  resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-2.3.6.tgz#647ecc472238aee4b06ac0e461acc21a8c505ca8"
+  integrity sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==
+  dependencies:
+    "@isaacs/cliui" "^8.0.2"
   optionalDependencies:
     "@pkgjs/parseargs" "^0.11.0"
 
@@ -10497,86 +11686,96 @@ jake@^10.8.5:
     filelist "^1.0.1"
     minimatch "^3.0.4"
 
-jest-changed-files@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-29.5.0.tgz#e88786dca8bf2aa899ec4af7644e16d9dcf9b23e"
-  integrity sha512-IFG34IUMUaNBIxjQXF/iu7g6EcdMrGRRxaUSw92I/2g2YC6vCdTltl4nHvt7Ci5nSJwXIkCu8Ka1DKF+X7Z1Ag==
+jest-changed-files@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-29.7.0.tgz#1c06d07e77c78e1585d020424dedc10d6e17ac3a"
+  integrity sha512-fEArFiwf1BpQ+4bXSprcDc3/x4HSzL4al2tozwVpDFpsxALjLYdyiIK4e5Vz66GQJIbXJ82+35PtysofptNX2w==
   dependencies:
     execa "^5.0.0"
+    jest-util "^29.7.0"
     p-limit "^3.1.0"
 
-jest-circus@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-29.5.0.tgz#b5926989449e75bff0d59944bae083c9d7fb7317"
-  integrity sha512-gq/ongqeQKAplVxqJmbeUOJJKkW3dDNPY8PjhJ5G0lBRvu0e3EWGxGy5cI4LAGA7gV2UHCtWBI4EMXK8c9nQKA==
+jest-circus@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-29.7.0.tgz#b6817a45fcc835d8b16d5962d0c026473ee3668a"
+  integrity sha512-3E1nCMgipcTkCocFwM90XXQab9bS+GMsjdpmPrlelaxwD93Ad8iVEjX/vvHPdLPnFf+L40u+5+iutRdA1N9myw==
   dependencies:
-    "@jest/environment" "^29.5.0"
-    "@jest/expect" "^29.5.0"
-    "@jest/test-result" "^29.5.0"
-    "@jest/types" "^29.5.0"
+    "@jest/environment" "^29.7.0"
+    "@jest/expect" "^29.7.0"
+    "@jest/test-result" "^29.7.0"
+    "@jest/types" "^29.6.3"
     "@types/node" "*"
     chalk "^4.0.0"
     co "^4.6.0"
-    dedent "^0.7.0"
+    dedent "^1.0.0"
     is-generator-fn "^2.0.0"
-    jest-each "^29.5.0"
-    jest-matcher-utils "^29.5.0"
-    jest-message-util "^29.5.0"
-    jest-runtime "^29.5.0"
-    jest-snapshot "^29.5.0"
-    jest-util "^29.5.0"
+    jest-each "^29.7.0"
+    jest-matcher-utils "^29.7.0"
+    jest-message-util "^29.7.0"
+    jest-runtime "^29.7.0"
+    jest-snapshot "^29.7.0"
+    jest-util "^29.7.0"
     p-limit "^3.1.0"
-    pretty-format "^29.5.0"
+    pretty-format "^29.7.0"
     pure-rand "^6.0.0"
     slash "^3.0.0"
     stack-utils "^2.0.3"
 
-jest-cli@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-29.5.0.tgz#b34c20a6d35968f3ee47a7437ff8e53e086b4a67"
-  integrity sha512-L1KcP1l4HtfwdxXNFCL5bmUbLQiKrakMUriBEcc1Vfz6gx31ORKdreuWvmQVBit+1ss9NNR3yxjwfwzZNdQXJw==
+jest-cli@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-29.7.0.tgz#5592c940798e0cae677eec169264f2d839a37995"
+  integrity sha512-OVVobw2IubN/GSYsxETi+gOe7Ka59EFMR/twOU3Jb2GnKKeMGJB5SGUUrEz3SFVmJASUdZUzy83sLNNQ2gZslg==
   dependencies:
-    "@jest/core" "^29.5.0"
-    "@jest/test-result" "^29.5.0"
-    "@jest/types" "^29.5.0"
+    "@jest/core" "^29.7.0"
+    "@jest/test-result" "^29.7.0"
+    "@jest/types" "^29.6.3"
     chalk "^4.0.0"
+    create-jest "^29.7.0"
     exit "^0.1.2"
-    graceful-fs "^4.2.9"
     import-local "^3.0.2"
-    jest-config "^29.5.0"
-    jest-util "^29.5.0"
-    jest-validate "^29.5.0"
-    prompts "^2.0.1"
+    jest-config "^29.7.0"
+    jest-util "^29.7.0"
+    jest-validate "^29.7.0"
     yargs "^17.3.1"
 
-jest-config@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-29.5.0.tgz#3cc972faec8c8aaea9ae158c694541b79f3748da"
-  integrity sha512-kvDUKBnNJPNBmFFOhDbm59iu1Fii1Q6SxyhXfvylq3UTHbg6o7j/g8k2dZyXWLvfdKB1vAPxNZnMgtKJcmu3kA==
+jest-config@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-29.7.0.tgz#bcbda8806dbcc01b1e316a46bb74085a84b0245f"
+  integrity sha512-uXbpfeQ7R6TZBqI3/TxCU4q4ttk3u0PJeC+E0zbfSoSjq6bJ7buBPxzQPL0ifrkY4DNu4JUdk0ImlBUYi840eQ==
   dependencies:
     "@babel/core" "^7.11.6"
-    "@jest/test-sequencer" "^29.5.0"
-    "@jest/types" "^29.5.0"
-    babel-jest "^29.5.0"
+    "@jest/test-sequencer" "^29.7.0"
+    "@jest/types" "^29.6.3"
+    babel-jest "^29.7.0"
     chalk "^4.0.0"
     ci-info "^3.2.0"
     deepmerge "^4.2.2"
     glob "^7.1.3"
     graceful-fs "^4.2.9"
-    jest-circus "^29.5.0"
-    jest-environment-node "^29.5.0"
-    jest-get-type "^29.4.3"
-    jest-regex-util "^29.4.3"
-    jest-resolve "^29.5.0"
-    jest-runner "^29.5.0"
-    jest-util "^29.5.0"
-    jest-validate "^29.5.0"
+    jest-circus "^29.7.0"
+    jest-environment-node "^29.7.0"
+    jest-get-type "^29.6.3"
+    jest-regex-util "^29.6.3"
+    jest-resolve "^29.7.0"
+    jest-runner "^29.7.0"
+    jest-util "^29.7.0"
+    jest-validate "^29.7.0"
     micromatch "^4.0.4"
     parse-json "^5.2.0"
-    pretty-format "^29.5.0"
+    pretty-format "^29.7.0"
     slash "^3.0.0"
     strip-json-comments "^3.1.1"
 
+"jest-diff@>=29.4.3 < 30", jest-diff@^29.4.1, jest-diff@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-29.7.0.tgz#017934a66ebb7ecf6f205e84699be10afd70458a"
+  integrity sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==
+  dependencies:
+    chalk "^4.0.0"
+    diff-sequences "^29.6.3"
+    jest-get-type "^29.6.3"
+    pretty-format "^29.7.0"
+
 jest-diff@^29.5.0:
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-29.5.0.tgz#e0d83a58eb5451dcc1fa61b1c3ee4e8f5a290d63"
@@ -10587,81 +11786,100 @@ jest-diff@^29.5.0:
     jest-get-type "^29.4.3"
     pretty-format "^29.5.0"
 
-jest-docblock@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-29.4.3.tgz#90505aa89514a1c7dceeac1123df79e414636ea8"
-  integrity sha512-fzdTftThczeSD9nZ3fzA/4KkHtnmllawWrXO69vtI+L9WjEIuXWs4AmyME7lN5hU7dB0sHhuPfcKofRsUb/2Fg==
+jest-docblock@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-29.7.0.tgz#8fddb6adc3cdc955c93e2a87f61cfd350d5d119a"
+  integrity sha512-q617Auw3A612guyaFgsbFeYpNP5t2aoUNLwBUbc/0kD1R4t9ixDbyFTHd1nok4epoVFpr7PmeWHrhvuV3XaJ4g==
   dependencies:
     detect-newline "^3.0.0"
 
-jest-each@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-29.5.0.tgz#fc6e7014f83eac68e22b7195598de8554c2e5c06"
-  integrity sha512-HM5kIJ1BTnVt+DQZ2ALp3rzXEl+g726csObrW/jpEGl+CDSSQpOJJX2KE/vEg8cxcMXdyEPu6U4QX5eruQv5hA==
+jest-each@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-29.7.0.tgz#162a9b3f2328bdd991beaabffbb74745e56577d1"
+  integrity sha512-gns+Er14+ZrEoC5fhOfYCY1LOHHr0TI+rQUHZS8Ttw2l7gl+80eHc/gFf2Ktkw0+SIACDTeWvpFcv3B04VembQ==
   dependencies:
-    "@jest/types" "^29.5.0"
+    "@jest/types" "^29.6.3"
     chalk "^4.0.0"
-    jest-get-type "^29.4.3"
-    jest-util "^29.5.0"
-    pretty-format "^29.5.0"
+    jest-get-type "^29.6.3"
+    jest-util "^29.7.0"
+    pretty-format "^29.7.0"
 
-jest-environment-jsdom@29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-29.5.0.tgz#cfe86ebaf1453f3297b5ff3470fbe94739c960cb"
-  integrity sha512-/KG8yEK4aN8ak56yFVdqFDzKNHgF4BAymCx2LbPNPsUshUlfAl0eX402Xm1pt+eoG9SLZEUVifqXtX8SK74KCw==
+jest-environment-jsdom@29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-29.7.0.tgz#d206fa3551933c3fd519e5dfdb58a0f5139a837f"
+  integrity sha512-k9iQbsf9OyOfdzWH8HDmrRT0gSIcX+FLNW7IQq94tFX0gynPwqDTW0Ho6iMVNjGz/nb+l/vW3dWM2bbLLpkbXA==
   dependencies:
-    "@jest/environment" "^29.5.0"
-    "@jest/fake-timers" "^29.5.0"
-    "@jest/types" "^29.5.0"
+    "@jest/environment" "^29.7.0"
+    "@jest/fake-timers" "^29.7.0"
+    "@jest/types" "^29.6.3"
     "@types/jsdom" "^20.0.0"
     "@types/node" "*"
-    jest-mock "^29.5.0"
-    jest-util "^29.5.0"
+    jest-mock "^29.7.0"
+    jest-util "^29.7.0"
     jsdom "^20.0.0"
 
-jest-environment-node@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-29.5.0.tgz#f17219d0f0cc0e68e0727c58b792c040e332c967"
-  integrity sha512-ExxuIK/+yQ+6PRGaHkKewYtg6hto2uGCgvKdb2nfJfKXgZ17DfXjvbZ+jA1Qt9A8EQSfPnt5FKIfnOO3u1h9qw==
+jest-environment-node@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-29.7.0.tgz#0b93e111dda8ec120bc8300e6d1fb9576e164376"
+  integrity sha512-DOSwCRqXirTOyheM+4d5YZOrWcdu0LNZ87ewUoywbcb2XR4wKgqiG8vNeYwhjFMbEkfju7wx2GYH0P2gevGvFw==
   dependencies:
-    "@jest/environment" "^29.5.0"
-    "@jest/fake-timers" "^29.5.0"
-    "@jest/types" "^29.5.0"
+    "@jest/environment" "^29.7.0"
+    "@jest/fake-timers" "^29.7.0"
+    "@jest/types" "^29.6.3"
     "@types/node" "*"
-    jest-mock "^29.5.0"
-    jest-util "^29.5.0"
+    jest-mock "^29.7.0"
+    jest-util "^29.7.0"
 
 jest-get-type@^29.4.3:
   version "29.4.3"
   resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-29.4.3.tgz#1ab7a5207c995161100b5187159ca82dd48b3dd5"
   integrity sha512-J5Xez4nRRMjk8emnTpWrlkyb9pfRQQanDrvWHhsR1+VUfbwxi30eVcZFlcdGInRibU4G5LwHXpI7IRHU0CY+gg==
 
-jest-haste-map@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-29.5.0.tgz#69bd67dc9012d6e2723f20a945099e972b2e94de"
-  integrity sha512-IspOPnnBro8YfVYSw6yDRKh/TiCdRngjxeacCps1cQ9cgVN6+10JUcuJ1EabrgYLOATsIAigxA0rLR9x/YlrSA==
+jest-get-type@^29.6.3:
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-29.6.3.tgz#36f499fdcea197c1045a127319c0481723908fd1"
+  integrity sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==
+
+jest-haste-map@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-29.7.0.tgz#3c2396524482f5a0506376e6c858c3bbcc17b104"
+  integrity sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==
   dependencies:
-    "@jest/types" "^29.5.0"
+    "@jest/types" "^29.6.3"
     "@types/graceful-fs" "^4.1.3"
     "@types/node" "*"
     anymatch "^3.0.3"
     fb-watchman "^2.0.0"
     graceful-fs "^4.2.9"
-    jest-regex-util "^29.4.3"
-    jest-util "^29.5.0"
-    jest-worker "^29.5.0"
+    jest-regex-util "^29.6.3"
+    jest-util "^29.7.0"
+    jest-worker "^29.7.0"
     micromatch "^4.0.4"
     walker "^1.0.8"
   optionalDependencies:
     fsevents "^2.3.2"
 
-jest-leak-detector@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-29.5.0.tgz#cf4bdea9615c72bac4a3a7ba7e7930f9c0610c8c"
-  integrity sha512-u9YdeeVnghBUtpN5mVxjID7KbkKE1QU4f6uUwuxiY0vYRi9BUCLKlPEZfDGR67ofdFmDz9oPAy2G92Ujrntmow==
+jest-image-snapshot@^6.1.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/jest-image-snapshot/-/jest-image-snapshot-6.2.0.tgz#b6bfc3e1585ec14b2b0595daf537ae1b4d7f8d13"
+  integrity sha512-9mTHBKiiSIZ26csbLmjKyN+SrVypM93S5y+jULCvn6YItgepvcrJIKGNeSyt9d2EZiutOroLs/UjtrWiBzpHbA==
   dependencies:
-    jest-get-type "^29.4.3"
-    pretty-format "^29.5.0"
+    chalk "^4.0.0"
+    get-stdin "^5.0.1"
+    glur "^1.1.2"
+    lodash "^4.17.4"
+    pixelmatch "^5.1.0"
+    pngjs "^3.4.0"
+    rimraf "^2.6.2"
+    ssim.js "^3.1.1"
+
+jest-leak-detector@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-29.7.0.tgz#5b7ec0dadfdfec0ca383dc9aa016d36b5ea4c728"
+  integrity sha512-kYA8IJcSYtST2BY9I+SMC32nDpBT3J2NvWJx8+JCuCdl/CR1I4EKUJROiP8XtCcxqgTTBGJNdbB1A8XRKbTetw==
+  dependencies:
+    jest-get-type "^29.6.3"
+    pretty-format "^29.7.0"
 
 jest-matcher-utils@^29.5.0:
   version "29.5.0"
@@ -10673,6 +11891,16 @@ jest-matcher-utils@^29.5.0:
     jest-get-type "^29.4.3"
     pretty-format "^29.5.0"
 
+jest-matcher-utils@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-29.7.0.tgz#ae8fec79ff249fd592ce80e3ee474e83a6c44f12"
+  integrity sha512-sBkD+Xi9DtcChsI3L3u0+N0opgPYnCRPtGcQYrgXmR+hmt/fYfWAL0xRXYU8eWOdfuLgBe0YCW3AFtnRLagq/g==
+  dependencies:
+    chalk "^4.0.0"
+    jest-diff "^29.7.0"
+    jest-get-type "^29.6.3"
+    pretty-format "^29.7.0"
+
 jest-message-util@^29.5.0:
   version "29.5.0"
   resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-29.5.0.tgz#1f776cac3aca332ab8dd2e3b41625435085c900e"
@@ -10688,131 +11916,143 @@ jest-message-util@^29.5.0:
     slash "^3.0.0"
     stack-utils "^2.0.3"
 
-jest-mock@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-29.5.0.tgz#26e2172bcc71d8b0195081ff1f146ac7e1518aed"
-  integrity sha512-GqOzvdWDE4fAV2bWQLQCkujxYWL7RxjCnj71b5VhDAGOevB3qj3Ovg26A5NI84ZpODxyzaozXLOh2NCgkbvyaw==
+jest-message-util@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-29.7.0.tgz#8bc392e204e95dfe7564abbe72a404e28e51f7f3"
+  integrity sha512-GBEV4GRADeP+qtB2+6u61stea8mGcOT4mCtrYISZwfu9/ISHFJ/5zOMXYbpBE9RsS5+Gb63DW4FgmnKJ79Kf6w==
   dependencies:
-    "@jest/types" "^29.5.0"
+    "@babel/code-frame" "^7.12.13"
+    "@jest/types" "^29.6.3"
+    "@types/stack-utils" "^2.0.0"
+    chalk "^4.0.0"
+    graceful-fs "^4.2.9"
+    micromatch "^4.0.4"
+    pretty-format "^29.7.0"
+    slash "^3.0.0"
+    stack-utils "^2.0.3"
+
+jest-mock@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-29.7.0.tgz#4e836cf60e99c6fcfabe9f99d017f3fdd50a6347"
+  integrity sha512-ITOMZn+UkYS4ZFh83xYAOzWStloNzJFO2s8DWrE4lhtGD+AorgnbkiKERe4wQVBydIGPx059g6riW5Btp6Llnw==
+  dependencies:
+    "@jest/types" "^29.6.3"
     "@types/node" "*"
-    jest-util "^29.5.0"
+    jest-util "^29.7.0"
 
 jest-pnp-resolver@^1.2.2:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz#930b1546164d4ad5937d5540e711d4d38d4cad2e"
   integrity sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==
 
-jest-regex-util@^29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-29.4.3.tgz#a42616141e0cae052cfa32c169945d00c0aa0bb8"
-  integrity sha512-O4FglZaMmWXbGHSQInfXewIsd1LMn9p3ZXB/6r4FOkyhX2/iP/soMG98jGvk/A3HAN78+5VWcBGO0BJAPRh4kg==
+jest-regex-util@^29.6.3:
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-29.6.3.tgz#4a556d9c776af68e1c5f48194f4d0327d24e8a52"
+  integrity sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==
 
-jest-resolve-dependencies@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-29.5.0.tgz#f0ea29955996f49788bf70996052aa98e7befee4"
-  integrity sha512-sjV3GFr0hDJMBpYeUuGduP+YeCRbd7S/ck6IvL3kQ9cpySYKqcqhdLLC2rFwrcL7tz5vYibomBrsFYWkIGGjOg==
+jest-resolve-dependencies@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-29.7.0.tgz#1b04f2c095f37fc776ff40803dc92921b1e88428"
+  integrity sha512-un0zD/6qxJ+S0et7WxeI3H5XSe9lTBBR7bOHCHXkKR6luG5mwDDlIzVQ0V5cZCuoTgEdcdwzTghYkTWfubi+nA==
   dependencies:
-    jest-regex-util "^29.4.3"
-    jest-snapshot "^29.5.0"
+    jest-regex-util "^29.6.3"
+    jest-snapshot "^29.7.0"
 
-jest-resolve@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-29.5.0.tgz#b053cc95ad1d5f6327f0ac8aae9f98795475ecdc"
-  integrity sha512-1TzxJ37FQq7J10jPtQjcc+MkCkE3GBpBecsSUWJ0qZNJpmg6m0D9/7II03yJulm3H/fvVjgqLh/k2eYg+ui52w==
+jest-resolve@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-29.7.0.tgz#64d6a8992dd26f635ab0c01e5eef4399c6bcbc30"
+  integrity sha512-IOVhZSrg+UvVAshDSDtHyFCCBUl/Q3AAJv8iZ6ZjnZ74xzvwuzLXid9IIIPgTnY62SJjfuupMKZsZQRsCvxEgA==
   dependencies:
     chalk "^4.0.0"
     graceful-fs "^4.2.9"
-    jest-haste-map "^29.5.0"
+    jest-haste-map "^29.7.0"
     jest-pnp-resolver "^1.2.2"
-    jest-util "^29.5.0"
-    jest-validate "^29.5.0"
+    jest-util "^29.7.0"
+    jest-validate "^29.7.0"
     resolve "^1.20.0"
     resolve.exports "^2.0.0"
     slash "^3.0.0"
 
-jest-runner@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-29.5.0.tgz#6a57c282eb0ef749778d444c1d758c6a7693b6f8"
-  integrity sha512-m7b6ypERhFghJsslMLhydaXBiLf7+jXy8FwGRHO3BGV1mcQpPbwiqiKUR2zU2NJuNeMenJmlFZCsIqzJCTeGLQ==
+jest-runner@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-29.7.0.tgz#809af072d408a53dcfd2e849a4c976d3132f718e"
+  integrity sha512-fsc4N6cPCAahybGBfTRcq5wFR6fpLznMg47sY5aDpsoejOcVYFb07AHuSnR0liMcPTgBsA3ZJL6kFOjPdoNipQ==
   dependencies:
-    "@jest/console" "^29.5.0"
-    "@jest/environment" "^29.5.0"
-    "@jest/test-result" "^29.5.0"
-    "@jest/transform" "^29.5.0"
-    "@jest/types" "^29.5.0"
+    "@jest/console" "^29.7.0"
+    "@jest/environment" "^29.7.0"
+    "@jest/test-result" "^29.7.0"
+    "@jest/transform" "^29.7.0"
+    "@jest/types" "^29.6.3"
     "@types/node" "*"
     chalk "^4.0.0"
     emittery "^0.13.1"
     graceful-fs "^4.2.9"
-    jest-docblock "^29.4.3"
-    jest-environment-node "^29.5.0"
-    jest-haste-map "^29.5.0"
-    jest-leak-detector "^29.5.0"
-    jest-message-util "^29.5.0"
-    jest-resolve "^29.5.0"
-    jest-runtime "^29.5.0"
-    jest-util "^29.5.0"
-    jest-watcher "^29.5.0"
-    jest-worker "^29.5.0"
+    jest-docblock "^29.7.0"
+    jest-environment-node "^29.7.0"
+    jest-haste-map "^29.7.0"
+    jest-leak-detector "^29.7.0"
+    jest-message-util "^29.7.0"
+    jest-resolve "^29.7.0"
+    jest-runtime "^29.7.0"
+    jest-util "^29.7.0"
+    jest-watcher "^29.7.0"
+    jest-worker "^29.7.0"
     p-limit "^3.1.0"
     source-map-support "0.5.13"
 
-jest-runtime@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-29.5.0.tgz#c83f943ee0c1da7eb91fa181b0811ebd59b03420"
-  integrity sha512-1Hr6Hh7bAgXQP+pln3homOiEZtCDZFqwmle7Ew2j8OlbkIu6uE3Y/etJQG8MLQs3Zy90xrp2C0BRrtPHG4zryw==
+jest-runtime@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-29.7.0.tgz#efecb3141cf7d3767a3a0cc8f7c9990587d3d817"
+  integrity sha512-gUnLjgwdGqW7B4LvOIkbKs9WGbn+QLqRQQ9juC6HndeDiezIwhDP+mhMwHWCEcfQ5RUXa6OPnFF8BJh5xegwwQ==
   dependencies:
-    "@jest/environment" "^29.5.0"
-    "@jest/fake-timers" "^29.5.0"
-    "@jest/globals" "^29.5.0"
-    "@jest/source-map" "^29.4.3"
-    "@jest/test-result" "^29.5.0"
-    "@jest/transform" "^29.5.0"
-    "@jest/types" "^29.5.0"
+    "@jest/environment" "^29.7.0"
+    "@jest/fake-timers" "^29.7.0"
+    "@jest/globals" "^29.7.0"
+    "@jest/source-map" "^29.6.3"
+    "@jest/test-result" "^29.7.0"
+    "@jest/transform" "^29.7.0"
+    "@jest/types" "^29.6.3"
     "@types/node" "*"
     chalk "^4.0.0"
     cjs-module-lexer "^1.0.0"
     collect-v8-coverage "^1.0.0"
     glob "^7.1.3"
     graceful-fs "^4.2.9"
-    jest-haste-map "^29.5.0"
-    jest-message-util "^29.5.0"
-    jest-mock "^29.5.0"
-    jest-regex-util "^29.4.3"
-    jest-resolve "^29.5.0"
-    jest-snapshot "^29.5.0"
-    jest-util "^29.5.0"
+    jest-haste-map "^29.7.0"
+    jest-message-util "^29.7.0"
+    jest-mock "^29.7.0"
+    jest-regex-util "^29.6.3"
+    jest-resolve "^29.7.0"
+    jest-snapshot "^29.7.0"
+    jest-util "^29.7.0"
     slash "^3.0.0"
     strip-bom "^4.0.0"
 
-jest-snapshot@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-29.5.0.tgz#c9c1ce0331e5b63cd444e2f95a55a73b84b1e8ce"
-  integrity sha512-x7Wolra5V0tt3wRs3/ts3S6ciSQVypgGQlJpz2rsdQYoUKxMxPNaoHMGJN6qAuPJqS+2iQ1ZUn5kl7HCyls84g==
+jest-snapshot@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-29.7.0.tgz#c2c574c3f51865da1bb329036778a69bf88a6be5"
+  integrity sha512-Rm0BMWtxBcioHr1/OX5YCP8Uov4riHvKPknOGs804Zg9JGZgmIBkbtlxJC/7Z4msKYVbIJtfU+tKb8xlYNfdkw==
   dependencies:
     "@babel/core" "^7.11.6"
     "@babel/generator" "^7.7.2"
     "@babel/plugin-syntax-jsx" "^7.7.2"
     "@babel/plugin-syntax-typescript" "^7.7.2"
-    "@babel/traverse" "^7.7.2"
     "@babel/types" "^7.3.3"
-    "@jest/expect-utils" "^29.5.0"
-    "@jest/transform" "^29.5.0"
-    "@jest/types" "^29.5.0"
-    "@types/babel__traverse" "^7.0.6"
-    "@types/prettier" "^2.1.5"
+    "@jest/expect-utils" "^29.7.0"
+    "@jest/transform" "^29.7.0"
+    "@jest/types" "^29.6.3"
     babel-preset-current-node-syntax "^1.0.0"
     chalk "^4.0.0"
-    expect "^29.5.0"
+    expect "^29.7.0"
     graceful-fs "^4.2.9"
-    jest-diff "^29.5.0"
-    jest-get-type "^29.4.3"
-    jest-matcher-utils "^29.5.0"
-    jest-message-util "^29.5.0"
-    jest-util "^29.5.0"
+    jest-diff "^29.7.0"
+    jest-get-type "^29.6.3"
+    jest-matcher-utils "^29.7.0"
+    jest-message-util "^29.7.0"
+    jest-util "^29.7.0"
     natural-compare "^1.4.0"
-    pretty-format "^29.5.0"
-    semver "^7.3.5"
+    pretty-format "^29.7.0"
+    semver "^7.5.3"
 
 jest-util@^29.0.0, jest-util@^29.5.0:
   version "29.5.0"
@@ -10826,30 +12066,42 @@ jest-util@^29.0.0, jest-util@^29.5.0:
     graceful-fs "^4.2.9"
     picomatch "^2.2.3"
 
-jest-validate@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-29.5.0.tgz#8e5a8f36178d40e47138dc00866a5f3bd9916ffc"
-  integrity sha512-pC26etNIi+y3HV8A+tUGr/lph9B18GnzSRAkPaaZJIE1eFdiYm6/CewuiJQ8/RlfHd1u/8Ioi8/sJ+CmbA+zAQ==
+jest-util@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-29.7.0.tgz#23c2b62bfb22be82b44de98055802ff3710fc0bc"
+  integrity sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==
   dependencies:
-    "@jest/types" "^29.5.0"
+    "@jest/types" "^29.6.3"
+    "@types/node" "*"
+    chalk "^4.0.0"
+    ci-info "^3.2.0"
+    graceful-fs "^4.2.9"
+    picomatch "^2.2.3"
+
+jest-validate@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-29.7.0.tgz#7bf705511c64da591d46b15fce41400d52147d9c"
+  integrity sha512-ZB7wHqaRGVw/9hST/OuFUReG7M8vKeq0/J2egIGLdvjHCmYqGARhzXmtgi+gVeZ5uXFF219aOc3Ls2yLg27tkw==
+  dependencies:
+    "@jest/types" "^29.6.3"
     camelcase "^6.2.0"
     chalk "^4.0.0"
-    jest-get-type "^29.4.3"
+    jest-get-type "^29.6.3"
     leven "^3.1.0"
-    pretty-format "^29.5.0"
+    pretty-format "^29.7.0"
 
-jest-watcher@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-29.5.0.tgz#cf7f0f949828ba65ddbbb45c743a382a4d911363"
-  integrity sha512-KmTojKcapuqYrKDpRwfqcQ3zjMlwu27SYext9pt4GlF5FUgB+7XE1mcCnSm6a4uUpFyQIkb6ZhzZvHl+jiBCiA==
+jest-watcher@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-29.7.0.tgz#7810d30d619c3a62093223ce6bb359ca1b28a2f2"
+  integrity sha512-49Fg7WXkU3Vl2h6LbLtMQ/HyB6rXSIX7SqvBLQmssRBGN9I0PNvPmAmCWSOY6SOvrjhI/F7/bGAv9RtnsPA03g==
   dependencies:
-    "@jest/test-result" "^29.5.0"
-    "@jest/types" "^29.5.0"
+    "@jest/test-result" "^29.7.0"
+    "@jest/types" "^29.6.3"
     "@types/node" "*"
     ansi-escapes "^4.2.1"
     chalk "^4.0.0"
     emittery "^0.13.1"
-    jest-util "^29.5.0"
+    jest-util "^29.7.0"
     string-length "^4.0.1"
 
 jest-worker@^26.2.1:
@@ -10870,30 +12122,30 @@ jest-worker@^27.4.5:
     merge-stream "^2.0.0"
     supports-color "^8.0.0"
 
-jest-worker@^29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-29.5.0.tgz#bdaefb06811bd3384d93f009755014d8acb4615d"
-  integrity sha512-NcrQnevGoSp4b5kg+akIpthoAFHxPBcb5P6mYPY0fUNT+sSvmtu6jlkEle3anczUKIKEbMxFimk9oTP/tpIPgA==
+jest-worker@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-29.7.0.tgz#acad073acbbaeb7262bd5389e1bcf43e10058d4a"
+  integrity sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==
   dependencies:
     "@types/node" "*"
-    jest-util "^29.5.0"
+    jest-util "^29.7.0"
     merge-stream "^2.0.0"
     supports-color "^8.0.0"
 
-jest@29.5.0:
-  version "29.5.0"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-29.5.0.tgz#f75157622f5ce7ad53028f2f8888ab53e1f1f24e"
-  integrity sha512-juMg3he2uru1QoXX078zTa7pO85QyB9xajZc6bU+d9yEGwrKX6+vGmJQ3UdVZsvTEUARIdObzH68QItim6OSSQ==
+jest@29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest/-/jest-29.7.0.tgz#994676fc24177f088f1c5e3737f5697204ff2613"
+  integrity sha512-NIy3oAFp9shda19hy4HK0HRTWKtPJmGdnvywu01nOqNC2vZg+Z+fvJDxpMQA88eb2I9EcafcdjYgsDthnYTvGw==
   dependencies:
-    "@jest/core" "^29.5.0"
-    "@jest/types" "^29.5.0"
+    "@jest/core" "^29.7.0"
+    "@jest/types" "^29.6.3"
     import-local "^3.0.2"
-    jest-cli "^29.5.0"
+    jest-cli "^29.7.0"
 
-jiti@^1.17.2:
-  version "1.18.2"
-  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.18.2.tgz#80c3ef3d486ebf2450d9335122b32d121f2a83cd"
-  integrity sha512-QAdOptna2NYiSSpv0O/BwoHBSmz4YhpzJHyi+fnMRTXFjp7B8i/YG5Z8IfusxB1ufjcD2Sre1F3R+nX3fvy7gg==
+jiti@^1.18.2:
+  version "1.20.0"
+  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.20.0.tgz#2d823b5852ee8963585c8dd8b7992ffc1ae83b42"
+  integrity sha512-3TV69ZbrvV6U5DfQimop50jE9Dl6J8O1ja1dvBbMba/sZ3YBEQqJ2VZRoQPVnhlzjNtU1vaXRZVrVjU4qtm8yA==
 
 jotai@1.7.2:
   version "1.7.2"
@@ -10905,11 +12157,6 @@ js-base64@3.7.5:
   resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-3.7.5.tgz#21e24cf6b886f76d6f5f165bfcd69cc55b9e3fca"
   integrity sha512-3MEt5DTINKqfScXKfJFrRbxkrnk2AxPWGBL/ycjz4dK8iqiSJ06UxD8jh8xuh6p10TX4t2+7FsBYVxxQbMg+qA==
 
-js-sdsl@^4.1.4:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/js-sdsl/-/js-sdsl-4.4.0.tgz#8b437dbe642daa95760400b602378ed8ffea8430"
-  integrity sha512-FfVSdx6pJ41Oa+CF7RDaFmTnCaFhua+SNYQX74riGOpl96x+2jQCqEfQ2bnXu/5DPCqlRuiqyvTJM0Qjz26IVg==
-
 js-sha256@0.9.0:
   version "0.9.0"
   resolved "https://registry.yarnpkg.com/js-sha256/-/js-sha256-0.9.0.tgz#0b89ac166583e91ef9123644bd3c5334ce9d0966"
@@ -10945,6 +12192,11 @@ js-yaml@^3.10.0, js-yaml@^3.13.1:
     argparse "^1.0.7"
     esprima "^4.0.0"
 
+jsbn@~0.1.0:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
+  integrity sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==
+
 jsdom@^20.0.0:
   version "20.0.3"
   resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-20.0.3.tgz#886a41ba1d4726f67a8858028c99489fed6ad4db"
@@ -11026,7 +12278,7 @@ json-schema-traverse@^1.0.0:
   resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz#ae7bcb3656ab77a73ba5c49bf654f38e6b6860e2"
   integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
 
-json-schema@^0.4.0:
+json-schema@0.4.0, json-schema@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.4.0.tgz#f7de4cf6efab838ebaeb3236474cbba5a1930ab5"
   integrity sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==
@@ -11036,17 +12288,12 @@ json-stable-stringify-without-jsonify@^1.0.1:
   resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
   integrity sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==
 
-json-stringify-nice@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/json-stringify-nice/-/json-stringify-nice-1.1.4.tgz#2c937962b80181d3f317dd39aa323e14f5a60a67"
-  integrity sha512-5Z5RFW63yxReJ7vANgW6eZFGWaQvnPE3WNmZoOJrSkGju2etKA2L5rrOa1sm877TVTFt57A80BH1bArcmlLfPw==
-
 json-stringify-pretty-compact@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/json-stringify-pretty-compact/-/json-stringify-pretty-compact-2.0.0.tgz#e77c419f52ff00c45a31f07f4c820c2433143885"
   integrity sha512-WRitRfs6BGq4q8gTgOy4ek7iPFXjbra0H3PmDLKm2xnZ+Gh1HUhiKGgCZkSPNULlP7mvfu6FV/mOLhCarspADQ==
 
-json-stringify-safe@^5.0.1:
+json-stringify-safe@^5.0.1, json-stringify-safe@~5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
   integrity sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==
@@ -11087,6 +12334,16 @@ jsonpointer@^5.0.0:
   resolved "https://registry.yarnpkg.com/jsonpointer/-/jsonpointer-5.0.1.tgz#2110e0af0900fd37467b5907ecd13a7884a1b559"
   integrity sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==
 
+jsprim@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-2.0.2.tgz#77ca23dbcd4135cd364800d22ff82c2185803d4d"
+  integrity sha512-gqXddjPqQ6G40VdnI6T6yObEC+pDNvyP95wdQhkWkg7crHH3km5qP1FsOXEkzEQwnz6gz5qGTn1c2Y52wP3OyQ==
+  dependencies:
+    assert-plus "1.0.0"
+    extsprintf "1.3.0"
+    json-schema "0.4.0"
+    verror "1.10.0"
+
 "jsx-ast-utils@^2.4.1 || ^3.0.0", jsx-ast-utils@^3.3.3:
   version "3.3.3"
   resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-3.3.3.tgz#76b3e6e6cece5c69d49a5792c3d01bd1a0cdc7ea"
@@ -11106,16 +12363,6 @@ juice@^8.1.0:
     slick "^1.12.2"
     web-resource-inliner "^6.0.1"
 
-just-diff-apply@^5.2.0:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/just-diff-apply/-/just-diff-apply-5.5.0.tgz#771c2ca9fa69f3d2b54e7c3f5c1dfcbcc47f9f0f"
-  integrity sha512-OYTthRfSh55WOItVqwpefPtNt2VdKsq5AnAK6apdtR6yCH8pr0CmSr710J0Mf+WdQy7K/OzMy7K2MgAfdQURDw==
-
-just-diff@^6.0.0:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/just-diff/-/just-diff-6.0.2.tgz#03b65908543ac0521caf6d8eb85035f7d27ea285"
-  integrity sha512-S59eriX5u3/QhMNq3v/gm8Kd0w8OS6Tz2FS1NG4blv+z0MuQcBRJyFWjdovM0Rad4/P4aUPFtnkNjMjyMlMSYA==
-
 jwt-decode@3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/jwt-decode/-/jwt-decode-3.1.2.tgz#3fb319f3675a2df0c2895c8f5e9fa4b67b04ed59"
@@ -11136,11 +12383,6 @@ kleur@^4.0.3:
   resolved "https://registry.yarnpkg.com/kleur/-/kleur-4.1.5.tgz#95106101795f7050c6c650f350c683febddb1780"
   integrity sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==
 
-klona@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.6.tgz#85bffbf819c03b2f53270412420a4555ef882e22"
-  integrity sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==
-
 ky-universal@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/ky-universal/-/ky-universal-0.3.0.tgz#3fcbb0dd03da39b5f05100d9362a630d5e1d402e"
@@ -11174,89 +12416,93 @@ launch-editor@^2.6.0:
     picocolors "^1.0.0"
     shell-quote "^1.7.3"
 
+lazy-ass@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/lazy-ass/-/lazy-ass-1.6.0.tgz#7999655e8646c17f089fdd187d150d3324d54513"
+  integrity sha512-cc8oEVoctTvsFZ/Oje/kGnHbpWHYBe8IAJe4C0QNc3t8uM/0Y8+erSz/7Y1ALuXTEZTMvxXwO6YbX1ey3ujiZw==
+
 lerc@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/lerc/-/lerc-3.0.0.tgz#36f36fbd4ba46f0abf4833799fff2e7d6865f5cb"
   integrity sha512-Rm4J/WaHhRa93nCN2mwWDZFoRVF18G1f47C+kvQWyHGEZxFpTUi73p7lMVSAndyxGt6lJ2/CFbOcf9ra5p8aww==
 
-lerna@6.6.1:
-  version "6.6.1"
-  resolved "https://registry.yarnpkg.com/lerna/-/lerna-6.6.1.tgz#4897171aed64e244a2d0f9000eef5c5b228f9332"
-  integrity sha512-WJtrvmbmR+6hMB9b5pvsxJzew0lRL6hARgW/My9BM4vYaxwPIA2I0riv3qQu5Zd7lYse7FEqJkTnl9Kn1bXhLA==
+lerna@7.3.0:
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/lerna/-/lerna-7.3.0.tgz#efecafbdce15694e2f6841256e073a3a2061053e"
+  integrity sha512-Dt8TH+J+c9+3MhTYcm5OxnNzXb87WG7GPNj3kidjYJjJY7KxIMDNU37qBTYRWA1h3wAeNKBplXVQYUPkGcYgkQ==
   dependencies:
-    "@lerna/child-process" "6.6.1"
-    "@lerna/create" "6.6.1"
-    "@lerna/legacy-package-management" "6.6.1"
-    "@npmcli/arborist" "6.2.3"
-    "@npmcli/run-script" "4.1.7"
-    "@nrwl/devkit" ">=15.5.2 < 16"
+    "@lerna/child-process" "7.3.0"
+    "@lerna/create" "7.3.0"
+    "@npmcli/run-script" "6.0.2"
+    "@nx/devkit" ">=16.5.1 < 17"
     "@octokit/plugin-enterprise-rest" "6.0.1"
-    "@octokit/rest" "19.0.3"
-    byte-size "7.0.0"
+    "@octokit/rest" "19.0.11"
+    byte-size "8.1.1"
     chalk "4.1.0"
     clone-deep "4.0.1"
-    cmd-shim "5.0.0"
+    cmd-shim "6.0.1"
     columnify "1.6.0"
-    config-chain "1.1.12"
-    conventional-changelog-angular "5.0.12"
-    conventional-changelog-core "4.2.4"
-    conventional-recommended-bump "6.1.0"
-    cosmiconfig "7.0.0"
+    conventional-changelog-angular "6.0.0"
+    conventional-changelog-core "5.0.1"
+    conventional-recommended-bump "7.0.1"
+    cosmiconfig "^8.2.0"
     dedent "0.7.0"
-    dot-prop "6.0.1"
-    envinfo "^7.7.4"
+    envinfo "7.8.1"
     execa "5.0.0"
-    fs-extra "9.1.0"
+    fs-extra "^11.1.1"
     get-port "5.1.1"
     get-stream "6.0.0"
     git-url-parse "13.1.0"
     glob-parent "5.1.2"
     globby "11.1.0"
-    graceful-fs "4.2.10"
+    graceful-fs "4.2.11"
     has-unicode "2.0.1"
-    import-local "^3.0.2"
-    init-package-json "3.0.2"
+    import-local "3.1.0"
+    ini "^1.3.8"
+    init-package-json "5.0.0"
     inquirer "^8.2.4"
-    is-ci "2.0.0"
+    is-ci "3.0.1"
     is-stream "2.0.0"
-    js-yaml "^4.1.0"
-    libnpmaccess "6.0.3"
-    libnpmpublish "6.0.4"
+    jest-diff ">=29.4.3 < 30"
+    js-yaml "4.1.0"
+    libnpmaccess "7.0.2"
+    libnpmpublish "7.3.0"
     load-json-file "6.2.0"
-    make-dir "3.1.0"
+    lodash "^4.17.21"
+    make-dir "4.0.0"
     minimatch "3.0.5"
     multimatch "5.0.0"
     node-fetch "2.6.7"
     npm-package-arg "8.1.1"
     npm-packlist "5.1.1"
-    npm-registry-fetch "^14.0.3"
+    npm-registry-fetch "^14.0.5"
     npmlog "^6.0.2"
-    nx ">=15.5.2 < 16"
+    nx ">=16.5.1 < 17"
     p-map "4.0.0"
     p-map-series "2.1.0"
     p-pipe "3.1.0"
     p-queue "6.6.2"
     p-reduce "2.1.0"
     p-waterfall "2.1.1"
-    pacote "13.6.2"
+    pacote "^15.2.0"
     pify "5.0.0"
-    read-cmd-shim "3.0.0"
-    read-package-json "5.0.1"
+    read-cmd-shim "4.0.0"
+    read-package-json "6.0.4"
     resolve-from "5.0.0"
     rimraf "^4.4.1"
     semver "^7.3.8"
     signal-exit "3.0.7"
     slash "3.0.0"
-    ssri "9.0.1"
+    ssri "^9.0.1"
     strong-log-transformer "2.1.0"
     tar "6.1.11"
     temp-dir "1.0.0"
-    typescript "^3 || ^4"
-    upath "^2.0.1"
-    uuid "8.3.2"
+    typescript ">=3 < 6"
+    upath "2.0.1"
+    uuid "^9.0.0"
     validate-npm-package-license "3.0.4"
-    validate-npm-package-name "4.0.0"
-    write-file-atomic "4.0.1"
+    validate-npm-package-name "5.0.0"
+    write-file-atomic "5.0.1"
     write-pkg "4.0.0"
     yargs "16.2.0"
     yargs-parser "20.2.4"
@@ -11287,26 +12533,27 @@ li@^1.3.0:
   resolved "https://registry.yarnpkg.com/li/-/li-1.3.0.tgz#22c59bcaefaa9a8ef359cf759784e4bf106aea1b"
   integrity sha512-z34TU6GlMram52Tss5mt1m//ifRIpKH5Dqm7yUVOdHI+BQCs9qGPHFaCUTIzsWX7edN30aa2WrPwR7IO10FHaw==
 
-libnpmaccess@6.0.3:
-  version "6.0.3"
-  resolved "https://registry.yarnpkg.com/libnpmaccess/-/libnpmaccess-6.0.3.tgz#473cc3e4aadb2bc713419d92e45d23b070d8cded"
-  integrity sha512-4tkfUZprwvih2VUZYMozL7EMKgQ5q9VW2NtRyxWtQWlkLTAWHRklcAvBN49CVqEkhUw7vTX2fNgB5LzgUucgYg==
+libnpmaccess@7.0.2:
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/libnpmaccess/-/libnpmaccess-7.0.2.tgz#7f056c8c933dd9c8ba771fa6493556b53c5aac52"
+  integrity sha512-vHBVMw1JFMTgEk15zRsJuSAg7QtGGHpUSEfnbcRL1/gTBag9iEfJbyjpDmdJmwMhvpoLoNBtdAUCdGnaP32hhw==
   dependencies:
-    aproba "^2.0.0"
-    minipass "^3.1.1"
-    npm-package-arg "^9.0.1"
-    npm-registry-fetch "^13.0.0"
+    npm-package-arg "^10.1.0"
+    npm-registry-fetch "^14.0.3"
 
-libnpmpublish@6.0.4:
-  version "6.0.4"
-  resolved "https://registry.yarnpkg.com/libnpmpublish/-/libnpmpublish-6.0.4.tgz#adb41ec6b0c307d6f603746a4d929dcefb8f1a0b"
-  integrity sha512-lvAEYW8mB8QblL6Q/PI/wMzKNvIrF7Kpujf/4fGS/32a2i3jzUXi04TNyIBcK6dQJ34IgywfaKGh+Jq4HYPFmg==
+libnpmpublish@7.3.0:
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/libnpmpublish/-/libnpmpublish-7.3.0.tgz#2ceb2b36866d75a6cd7b4aa748808169f4d17e37"
+  integrity sha512-fHUxw5VJhZCNSls0KLNEG0mCD2PN1i14gH5elGOgiVnU3VgTcRahagYP2LKI1m0tFCJ+XrAm0zVYyF5RCbXzcg==
   dependencies:
-    normalize-package-data "^4.0.0"
-    npm-package-arg "^9.0.1"
-    npm-registry-fetch "^13.0.0"
+    ci-info "^3.6.1"
+    normalize-package-data "^5.0.0"
+    npm-package-arg "^10.1.0"
+    npm-registry-fetch "^14.0.3"
+    proc-log "^3.0.0"
     semver "^7.3.7"
-    ssri "^9.0.0"
+    sigstore "^1.4.0"
+    ssri "^10.0.1"
 
 lie@3.1.1:
   version "3.1.1"
@@ -11315,7 +12562,7 @@ lie@3.1.1:
   dependencies:
     immediate "~3.0.5"
 
-lilconfig@2.1.0, lilconfig@^2.0.5, lilconfig@^2.0.6:
+lilconfig@2.1.0, lilconfig@^2.0.5, lilconfig@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.1.0.tgz#78e23ac89ebb7e1bfbf25b18043de756548e7f52"
   integrity sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==
@@ -11330,36 +12577,45 @@ lines-and-columns@~2.0.3:
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-2.0.3.tgz#b2f0badedb556b747020ab8ea7f0373e22efac1b"
   integrity sha512-cNOjgCnLB+FnvWWtyRTzmB3POJ+cXxTA81LoW7u8JdmhfXzriropYwpjShnz1QLLWsQwY7nIxoDmcPTwphDK9w==
 
-lint-staged@13.2.1:
-  version "13.2.1"
-  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-13.2.1.tgz#9d30a14e3e42897ef417bc98556fb757f75cae87"
-  integrity sha512-8gfzinVXoPfga5Dz/ZOn8I2GOhf81Wvs+KwbEXQn/oWZAvCVS2PivrXfVbFJc93zD16uC0neS47RXHIjXKYZQw==
+lint-staged@14.0.1:
+  version "14.0.1"
+  resolved "https://registry.yarnpkg.com/lint-staged/-/lint-staged-14.0.1.tgz#57dfa3013a3d60762d9af5d9c83bdb51291a6232"
+  integrity sha512-Mw0cL6HXnHN1ag0mN/Dg4g6sr8uf8sn98w2Oc1ECtFto9tvRF7nkXGJRbx8gPlHyoR0pLyBr2lQHbWwmUHe1Sw==
   dependencies:
-    chalk "5.2.0"
-    cli-truncate "^3.1.0"
-    commander "^10.0.0"
-    debug "^4.3.4"
-    execa "^7.0.0"
+    chalk "5.3.0"
+    commander "11.0.0"
+    debug "4.3.4"
+    execa "7.2.0"
     lilconfig "2.1.0"
-    listr2 "^5.0.7"
-    micromatch "^4.0.5"
-    normalize-path "^3.0.0"
-    object-inspect "^1.12.3"
-    pidtree "^0.6.0"
-    string-argv "^0.3.1"
-    yaml "^2.2.1"
+    listr2 "6.6.1"
+    micromatch "4.0.5"
+    pidtree "0.6.0"
+    string-argv "0.3.2"
+    yaml "2.3.1"
 
-listr2@^5.0.7:
-  version "5.0.8"
-  resolved "https://registry.yarnpkg.com/listr2/-/listr2-5.0.8.tgz#a9379ffeb4bd83a68931a65fb223a11510d6ba23"
-  integrity sha512-mC73LitKHj9w6v30nLNGPetZIlfpUniNSsxxrbaPcWOjDb92SHPzJPi/t+v1YC/lxKz/AJ9egOjww0qUuFxBpA==
+listr2@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/listr2/-/listr2-6.6.1.tgz#08b2329e7e8ba6298481464937099f4a2cd7f95d"
+  integrity sha512-+rAXGHh0fkEWdXBmX+L6mmfmXmXvDGEKzkjxO+8mP3+nI/r/CWznVBvsibXdxda9Zz0OW2e2ikphN3OwCT/jSg==
+  dependencies:
+    cli-truncate "^3.1.0"
+    colorette "^2.0.20"
+    eventemitter3 "^5.0.1"
+    log-update "^5.0.1"
+    rfdc "^1.3.0"
+    wrap-ansi "^8.1.0"
+
+listr2@^3.8.3:
+  version "3.14.0"
+  resolved "https://registry.yarnpkg.com/listr2/-/listr2-3.14.0.tgz#23101cc62e1375fd5836b248276d1d2b51fdbe9e"
+  integrity sha512-TyWI8G99GX9GjE54cJ+RrNMcIFBfwMPxc3XTFiAYGN4s10hWROGtOg7+O6u6LE3mNkyld7RSLE6nrKBvTfcs3g==
   dependencies:
     cli-truncate "^2.1.0"
-    colorette "^2.0.19"
+    colorette "^2.0.16"
     log-update "^4.0.0"
     p-map "^4.0.0"
     rfdc "^1.3.0"
-    rxjs "^7.8.0"
+    rxjs "^7.5.1"
     through "^2.3.8"
     wrap-ansi "^7.0.0"
 
@@ -11435,6 +12691,13 @@ locate-path@^6.0.0:
   dependencies:
     p-locate "^5.0.0"
 
+locate-path@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-7.2.0.tgz#69cb1779bd90b35ab1e771e1f2f89a202c2a8a8a"
+  integrity sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==
+  dependencies:
+    p-locate "^6.0.0"
+
 lodash-es@^4.17.15:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee"
@@ -11470,12 +12733,17 @@ lodash.merge@^4.6.2:
   resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
   integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
 
+lodash.once@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/lodash.once/-/lodash.once-4.1.1.tgz#0dd3971213c7c56df880977d504c88fb471a97ac"
+  integrity sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==
+
 lodash.sortby@^4.7.0:
   version "4.7.0"
   resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
   integrity sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==
 
-lodash@4.17.21, lodash@^4.0.1, lodash@^4.11.2, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.4:
+lodash@4.17.21, lodash@^4.0.1, lodash@^4.11.2, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.4:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
@@ -11487,7 +12755,7 @@ log-symbols@^3.0.0:
   dependencies:
     chalk "^2.4.2"
 
-log-symbols@^4.1.0:
+log-symbols@^4.0.0, log-symbols@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-4.1.0.tgz#3fbdbb95b4683ac9fc785111e792e558d4abd503"
   integrity sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==
@@ -11505,6 +12773,17 @@ log-update@^4.0.0:
     slice-ansi "^4.0.0"
     wrap-ansi "^6.2.0"
 
+log-update@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/log-update/-/log-update-5.0.1.tgz#9e928bf70cb183c1f0c9e91d9e6b7115d597ce09"
+  integrity sha512-5UtUDQ/6edw4ofyljDNcOVJQ4c7OjDro4h3y8e1GQL5iYElYclVHJ3zeWchylvMaKnDbDilC8irOVyexnA/Slw==
+  dependencies:
+    ansi-escapes "^5.0.0"
+    cli-cursor "^4.0.0"
+    slice-ansi "^5.0.0"
+    strip-ansi "^7.0.1"
+    wrap-ansi "^8.0.1"
+
 longest-streak@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/longest-streak/-/longest-streak-3.1.0.tgz#62fa67cd958742a1574af9f39866364102d90cd4"
@@ -11517,6 +12796,13 @@ loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.3.1, loose-envify@^1.4
   dependencies:
     js-tokens "^3.0.0 || ^4.0.0"
 
+lower-case@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.2.tgz#6fa237c63dbdc4a82ca0fd882e4722dc5e634e28"
+  integrity sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==
+  dependencies:
+    tslib "^2.0.3"
+
 lru-cache@^5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920"
@@ -11541,6 +12827,11 @@ lru-cache@^9.0.0:
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-9.1.0.tgz#19efafa9d08d1c08eb8efd78876075f0b8b1b07b"
   integrity sha512-qFXQEwchrZcMVen2uIDceR8Tii6kCJak5rzDStfEM0qA3YLMswaxIEZO0DhIbJ3aqaJiDjt+3crlplOb0tDtKQ==
 
+"lru-cache@^9.1.1 || ^10.0.0":
+  version "10.0.1"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.0.1.tgz#0a3be479df549cca0e5d693ac402ff19537a6b7a"
+  integrity sha512-IJ4uwUTi2qCccrioU6g9g/5rvvVl13bsdczUUcqbciD9iLr095yj8DQKdObriEvuNSx325N1rV1O0sJFszx75g==
+
 lz-string@^1.5.0:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.5.0.tgz#c1ab50f77887b712621201ba9fd4e3a6ed099941"
@@ -11553,12 +12844,12 @@ magic-string@^0.25.0, magic-string@^0.25.7:
   dependencies:
     sourcemap-codec "^1.4.8"
 
-make-dir@3.1.0, make-dir@^3.0.0, make-dir@^3.0.2, make-dir@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
-  integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==
+make-dir@4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-4.0.0.tgz#c3c2307a771277cd9638305f915c29ae741b614e"
+  integrity sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==
   dependencies:
-    semver "^6.0.0"
+    semver "^7.5.3"
 
 make-dir@^2.1.0:
   version "2.1.0"
@@ -11568,12 +12859,19 @@ make-dir@^2.1.0:
     pify "^4.0.1"
     semver "^5.6.0"
 
+make-dir@^3.0.0, make-dir@^3.0.2, make-dir@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
+  integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==
+  dependencies:
+    semver "^6.0.0"
+
 make-error@1.x, make-error@^1.1.1:
   version "1.3.6"
   resolved "https://registry.yarnpkg.com/make-error/-/make-error-1.3.6.tgz#2eb2e37ea9b67c4891f684a1394799af484cf7a2"
   integrity sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==
 
-make-fetch-happen@^10.0.3, make-fetch-happen@^10.0.6:
+make-fetch-happen@^10.0.3:
   version "10.2.1"
   resolved "https://registry.yarnpkg.com/make-fetch-happen/-/make-fetch-happen-10.2.1.tgz#f5e3835c5e9817b617f2770870d9492d28678164"
   integrity sha512-NgOPbRiaQM10DYXvN3/hhGVI2M5MtITFryzBGxHM5p4wnFxsVCbxkrBrDsk+EZ5OB4jEOT7AjDxtdF+KVEFT7w==
@@ -11616,6 +12914,27 @@ make-fetch-happen@^11.0.0, make-fetch-happen@^11.0.1:
     socks-proxy-agent "^7.0.0"
     ssri "^10.0.0"
 
+make-fetch-happen@^11.1.1:
+  version "11.1.1"
+  resolved "https://registry.yarnpkg.com/make-fetch-happen/-/make-fetch-happen-11.1.1.tgz#85ceb98079584a9523d4bf71d32996e7e208549f"
+  integrity sha512-rLWS7GCSTcEujjVBs2YqG7Y4643u8ucvCJeSRqiLYhesrDuzeuFIk37xREzAsfQaqzl8b9rNCE4m6J8tvX4Q8w==
+  dependencies:
+    agentkeepalive "^4.2.1"
+    cacache "^17.0.0"
+    http-cache-semantics "^4.1.1"
+    http-proxy-agent "^5.0.0"
+    https-proxy-agent "^5.0.0"
+    is-lambda "^1.0.1"
+    lru-cache "^7.7.1"
+    minipass "^5.0.0"
+    minipass-fetch "^3.0.0"
+    minipass-flush "^1.0.5"
+    minipass-pipeline "^1.2.4"
+    negotiator "^0.6.3"
+    promise-retry "^2.0.1"
+    socks-proxy-agent "^7.0.0"
+    ssri "^10.0.0"
+
 makeerror@1.0.12:
   version "1.0.12"
   resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.12.tgz#3e5dd2079a82e812e983cc6610c4a2cb0eaa801a"
@@ -12095,7 +13414,7 @@ mensch@^0.3.4:
   resolved "https://registry.yarnpkg.com/mensch/-/mensch-0.3.4.tgz#770f91b46cb16ea5b204ee735768c3f0c491fecd"
   integrity sha512-IAeFvcOnV9V0Yk+bFhYR07O3yNina9ANIN5MoXBKYJ/RLYPurd2d0yw14MDhpr9/momp0WofT1bPUh3hkzdi/g==
 
-meow@^8.0.0:
+meow@^8.1.2:
   version "8.1.2"
   resolved "https://registry.yarnpkg.com/meow/-/meow-8.1.2.tgz#bcbe45bda0ee1729d350c03cffc8395a36c4e897"
   integrity sha512-r85E3NdZ+mpYk1C6RjPFEMSE+s1iZMuHtsHAqY0DT3jZczl0diWUZ8g6oU7h0M9cD2EL+PzaYghhCLzR0ZNn5Q==
@@ -12182,15 +13501,14 @@ micromark-core-commonmark@^2.0.0:
     micromark-util-types "^2.0.0"
 
 micromark-extension-gfm-autolink-literal@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-1.0.3.tgz#dc589f9c37eaff31a175bab49f12290edcf96058"
-  integrity sha512-i3dmvU0htawfWED8aHMMAzAVp/F0Z+0bPh3YrbTPPL1v4YAlCZpy5rBO5p0LPYiZo0zFVkoYh7vDU7yQSiCMjg==
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-1.0.5.tgz#5853f0e579bbd8ef9e39a7c0f0f27c5a063a66e7"
+  integrity sha512-z3wJSLrDf8kRDOh2qBtoTRD53vJ+CWIyo7uyZuxf/JAbNJjiHsOpG1y5wxk8drtv3ETAHutCu6N3thkOOgueWg==
   dependencies:
     micromark-util-character "^1.0.0"
     micromark-util-sanitize-uri "^1.0.0"
     micromark-util-symbol "^1.0.0"
     micromark-util-types "^1.0.0"
-    uvu "^0.5.0"
 
 micromark-extension-gfm-autolink-literal@^2.0.0:
   version "2.0.0"
@@ -12313,9 +13631,9 @@ micromark-extension-gfm-task-list-item@^1.0.0:
     uvu "^0.5.0"
 
 micromark-extension-gfm@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/micromark-extension-gfm/-/micromark-extension-gfm-2.0.1.tgz#40f3209216127a96297c54c67f5edc7ef2d1a2a2"
-  integrity sha512-p2sGjajLa0iYiGQdT0oelahRYtMWvLjy8J9LOCxzIQsllMCGLbsLW+Nc+N4vi02jcRJvedVJ68cjelKIO6bpDA==
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/micromark-extension-gfm/-/micromark-extension-gfm-2.0.3.tgz#e517e8579949a5024a493e49204e884aa74f5acf"
+  integrity sha512-vb9OoHqrhCmbRidQv/2+Bc6pkP0FrtlhurxZofvOEy5o8RtuuvTq+RQ1Vw5ZDNrVraQZu3HixESqbG+0iKk/MQ==
   dependencies:
     micromark-extension-gfm-autolink-literal "^1.0.0"
     micromark-extension-gfm-footnote "^1.0.0"
@@ -12877,7 +14195,7 @@ micromark@~2.11.0:
     debug "^4.0.0"
     parse-entities "^2.0.0"
 
-micromatch@^4.0.0, micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5:
+micromatch@4.0.5, micromatch@^4.0.0, micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5:
   version "4.0.5"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
   integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
@@ -12890,14 +14208,14 @@ mime-db@1.52.0, "mime-db@>= 1.43.0 < 2":
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
   integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
 
-mime-types@^2.1.12, mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.24, mime-types@~2.1.34:
+mime-types@^2.1.12, mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.19, mime-types@~2.1.24, mime-types@~2.1.34:
   version "2.1.35"
   resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
   integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
   dependencies:
     mime-db "1.52.0"
 
-mime@1.6.0, mime@^1.6.0:
+mime@1.6.0:
   version "1.6.0"
   resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
   integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
@@ -12922,10 +14240,10 @@ min-indent@^1.0.0:
   resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
   integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
 
-mini-css-extract-plugin@2.7.5:
-  version "2.7.5"
-  resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-2.7.5.tgz#afbb344977659ec0f1f6e050c7aea456b121cfc5"
-  integrity sha512-9HaR++0mlgom81s95vvNjxkg52n2b5s//3ZTI1EtzFb98awsLSivs2LMsVqnQ3ay0PVhqWcGNyDaTE961FOcjQ==
+mini-css-extract-plugin@2.7.6:
+  version "2.7.6"
+  resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-2.7.6.tgz#282a3d38863fddcd2e0c220aaed5b90bc156564d"
+  integrity sha512-Qk7HcgaPkGG6eD77mLvZS1nmxlao3j+9PkrT9Uc7HAE1id3F41+DdBRYRYkbyfNRGzm8/YWtzhw7nVPmwhqTQw==
   dependencies:
     schema-utils "^4.0.0"
 
@@ -12962,13 +14280,6 @@ minimatch@^5.0.1:
   dependencies:
     brace-expansion "^2.0.1"
 
-minimatch@^6.1.6:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-6.2.0.tgz#2b70fd13294178c69c04dfc05aebdb97a4e79e42"
-  integrity sha512-sauLxniAmvnhhRjFwPNnJKaPFYyddAgbYdeUpHULtCT/GhzdCx/MDNy+Y40lBxTQUrMzDE8e0S43Z5uqfO0REg==
-  dependencies:
-    brace-expansion "^2.0.1"
-
 minimatch@^7.4.2, minimatch@^7.4.6:
   version "7.4.6"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-7.4.6.tgz#845d6f254d8f4a5e4fd6baf44d5f10c8448365fb"
@@ -12983,6 +14294,13 @@ minimatch@^8.0.2:
   dependencies:
     brace-expansion "^2.0.1"
 
+minimatch@^9.0.1:
+  version "9.0.3"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.3.tgz#a6e00c3de44c3a542bfaae70abfc22420a6da825"
+  integrity sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimist-options@4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/minimist-options/-/minimist-options-4.1.0.tgz#c0655713c53a8a2ebd77ffa247d342c40f010619"
@@ -12992,7 +14310,7 @@ minimist-options@4.1.0:
     is-plain-obj "^1.1.0"
     kind-of "^6.0.3"
 
-minimist@>=1.2.2, minimist@^1.2.0, minimist@^1.2.5, minimist@^1.2.6:
+minimist@>=1.2.2, minimist@^1.2.0, minimist@^1.2.5, minimist@^1.2.6, minimist@^1.2.8:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
   integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
@@ -13072,6 +14390,11 @@ minipass@^5.0.0:
   resolved "https://registry.yarnpkg.com/minipass/-/minipass-5.0.0.tgz#3e9788ffb90b694a5d0ec94479a45b5d8738133d"
   integrity sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==
 
+"minipass@^5.0.0 || ^6.0.2 || ^7.0.0":
+  version "7.0.4"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-7.0.4.tgz#dbce03740f50a4786ba994c1fb908844d27b038c"
+  integrity sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==
+
 minizlib@^2.1.1, minizlib@^2.1.2:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-2.1.2.tgz#e90d3466ba209b932451508a11ce3d3632145931"
@@ -13080,55 +14403,23 @@ minizlib@^2.1.1, minizlib@^2.1.2:
     minipass "^3.0.0"
     yallist "^4.0.0"
 
-mkdirp-infer-owner@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/mkdirp-infer-owner/-/mkdirp-infer-owner-2.0.0.tgz#55d3b368e7d89065c38f32fd38e638f0ab61d316"
-  integrity sha512-sdqtiFt3lkOaYvTXSRIUjkIdPTcxgv5+fgqYE/5qgwdw12cOrAuzzgzvVExIkH/ul1oeHN3bCLOWSG3XOqbKKw==
-  dependencies:
-    chownr "^2.0.0"
-    infer-owner "^1.0.4"
-    mkdirp "^1.0.3"
+mkdirp@^1.0.3, mkdirp@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
+  integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
 
-mkdirp@^0.5.6, mkdirp@~0.5.1:
+mkdirp@~0.5.1:
   version "0.5.6"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
   integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
   dependencies:
     minimist "^1.2.6"
 
-mkdirp@^1.0.3, mkdirp@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
-  integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
-
-mockserver-client@5.15.0:
-  version "5.15.0"
-  resolved "https://registry.yarnpkg.com/mockserver-client/-/mockserver-client-5.15.0.tgz#18ab89fe294b64e41907d513842cbe1e79268248"
-  integrity sha512-t0DiypyKH60cX1L9ubUMNnJz+XxmwTYHVdFePQMUNnrwBgERcA5WNqKyuttxRMf7P/WiWO3nWHNHSlPirIFEPw==
-  dependencies:
-    browser-or-node "~2.1.1"
-    q "~2.0.3"
-    websocket "~1.0.34"
-
-mockserver-node@5.15.0:
-  version "5.15.0"
-  resolved "https://registry.yarnpkg.com/mockserver-node/-/mockserver-node-5.15.0.tgz#983ae01e118f2d205eee209a1afa6e8c66891d77"
-  integrity sha512-Po442dwW5GpTSgP2T2FbGFv8vp07llfTVJSZBZQZ2VoTFvkhRgCN1D1FqRFhTFZ/42aCTYsWxQnjp1Tt1nISxA==
-  dependencies:
-    follow-redirects "~1.15.2"
-    glob "~8.0.3"
-    q "~2.0.3"
-
-modify-values@^1.0.0:
+modify-values@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/modify-values/-/modify-values-1.0.1.tgz#b3939fa605546474e3e3e3c63d64bd43b4ee6022"
   integrity sha512-xV2bxeN6F7oYjZWTe/YPAy6MN2M+sL4u/Rlm2AHCIVGfo2p1yGmBHQ6vHehl4bRTZBdHu3TSkWdYgkwpYzAGSw==
 
-moment@2.29.4:
-  version "2.29.4"
-  resolved "https://registry.yarnpkg.com/moment/-/moment-2.29.4.tgz#3dbe052889fe7c1b2ed966fcb3a77328964ef108"
-  integrity sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==
-
 mri@^1.1.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/mri/-/mri-1.2.0.tgz#6721480fec2a11a4889861115a48b6cbe7cc8f0b"
@@ -13173,11 +14464,16 @@ multimatch@5.0.0:
     arrify "^2.0.1"
     minimatch "^3.0.4"
 
-mute-stream@0.0.8, mute-stream@~0.0.4:
+mute-stream@0.0.8:
   version "0.0.8"
   resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.8.tgz#1630c42b2251ff81e2a283de96a5497ea92e5e0d"
   integrity sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==
 
+mute-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-1.0.0.tgz#e31bd9fe62f0aed23520aa4324ea6671531e013e"
+  integrity sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA==
+
 mz@^2.7.0:
   version "2.7.0"
   resolved "https://registry.yarnpkg.com/mz/-/mz-2.7.0.tgz#95008057a56cafadc2bc63dde7f9ff6955948e32"
@@ -13187,16 +14483,11 @@ mz@^2.7.0:
     object-assign "^4.0.1"
     thenify-all "^1.0.0"
 
-nanoid@^3.3.4, nanoid@^3.3.6:
+nanoid@^3.3.6:
   version "3.3.6"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"
   integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
 
-natural-compare-lite@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz#17b09581988979fddafe0201e931ba933c96cbb4"
-  integrity sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==
-
 natural-compare@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
@@ -13239,51 +14530,47 @@ next-pwa@5.6.0:
     workbox-webpack-plugin "^6.5.4"
     workbox-window "^6.5.4"
 
-next-tick@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/next-tick/-/next-tick-1.1.0.tgz#1836ee30ad56d67ef281b22bd199f709449b35eb"
-  integrity sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==
-
-next@13.2.4:
-  version "13.2.4"
-  resolved "https://registry.yarnpkg.com/next/-/next-13.2.4.tgz#2363330392b0f7da02ab41301f60857ffa7f67d6"
-  integrity sha512-g1I30317cThkEpvzfXujf0O4wtaQHtDCLhlivwlTJ885Ld+eOgcz7r3TGQzeU+cSRoNHtD8tsJgzxVdYojFssw==
+next@14.0.1:
+  version "14.0.1"
+  resolved "https://registry.yarnpkg.com/next/-/next-14.0.1.tgz#1375d94c5dc7af730234af48401be270e975cb22"
+  integrity sha512-s4YaLpE4b0gmb3ggtmpmV+wt+lPRuGtANzojMQ2+gmBpgX9w5fTbjsy6dXByBuENsdCX5pukZH/GxdFgO62+pA==
   dependencies:
-    "@next/env" "13.2.4"
-    "@swc/helpers" "0.4.14"
+    "@next/env" "14.0.1"
+    "@swc/helpers" "0.5.2"
+    busboy "1.6.0"
     caniuse-lite "^1.0.30001406"
-    postcss "8.4.14"
+    postcss "8.4.31"
     styled-jsx "5.1.1"
+    watchpack "2.4.0"
   optionalDependencies:
-    "@next/swc-android-arm-eabi" "13.2.4"
-    "@next/swc-android-arm64" "13.2.4"
-    "@next/swc-darwin-arm64" "13.2.4"
-    "@next/swc-darwin-x64" "13.2.4"
-    "@next/swc-freebsd-x64" "13.2.4"
-    "@next/swc-linux-arm-gnueabihf" "13.2.4"
-    "@next/swc-linux-arm64-gnu" "13.2.4"
-    "@next/swc-linux-arm64-musl" "13.2.4"
-    "@next/swc-linux-x64-gnu" "13.2.4"
-    "@next/swc-linux-x64-musl" "13.2.4"
-    "@next/swc-win32-arm64-msvc" "13.2.4"
-    "@next/swc-win32-ia32-msvc" "13.2.4"
-    "@next/swc-win32-x64-msvc" "13.2.4"
+    "@next/swc-darwin-arm64" "14.0.1"
+    "@next/swc-darwin-x64" "14.0.1"
+    "@next/swc-linux-arm64-gnu" "14.0.1"
+    "@next/swc-linux-arm64-musl" "14.0.1"
+    "@next/swc-linux-x64-gnu" "14.0.1"
+    "@next/swc-linux-x64-musl" "14.0.1"
+    "@next/swc-win32-arm64-msvc" "14.0.1"
+    "@next/swc-win32-ia32-msvc" "14.0.1"
+    "@next/swc-win32-x64-msvc" "14.0.1"
 
 nice-try@^1.0.4:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
   integrity sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==
 
+no-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.4.tgz#d361fd5c9800f558551a8369fc0dcd4662b6124d"
+  integrity sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==
+  dependencies:
+    lower-case "^2.0.2"
+    tslib "^2.0.3"
+
 node-addon-api@^3.2.1:
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-3.2.1.tgz#81325e0a2117789c0128dab65e7e38f07ceba161"
   integrity sha512-mmcei9JghVNDYydghQmeDX8KoAm0FAiYyIcUt/N4nhyAipB17pllZQDOJD2fotxABnt4Mdz+dKTO7eftLg4d0A==
 
-node-domexception@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/node-domexception/-/node-domexception-1.0.0.tgz#6888db46a1f71c0b76b3f7555016b63fe64766e5"
-  integrity sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==
-
 node-fetch@2.6.7:
   version "2.6.7"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.7.tgz#24de9fba827e3b4ae44dc8b20256a379160052ad"
@@ -13291,15 +14578,6 @@ node-fetch@2.6.7:
   dependencies:
     whatwg-url "^5.0.0"
 
-node-fetch@3.3.1:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-3.3.1.tgz#b3eea7b54b3a48020e46f4f88b9c5a7430d20b2e"
-  integrity sha512-cRVc/kyto/7E5shrWca1Wsea4y6tL9iYJE5FBCius3JQfb/4P4I295PfhgbJQBLTx6lATE4z+wK0rPM4VS2uow==
-  dependencies:
-    data-uri-to-buffer "^4.0.0"
-    fetch-blob "^3.1.4"
-    formdata-polyfill "^4.0.10"
-
 node-fetch@^2.6.0, node-fetch@^2.6.7:
   version "2.6.9"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.9.tgz#7c7f744b5cc6eb5fd404e0c7a9fec630a55657e6"
@@ -13338,6 +14616,11 @@ node-int64@^0.4.0:
   resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
   integrity sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==
 
+node-machine-id@1.1.12:
+  version "1.1.12"
+  resolved "https://registry.yarnpkg.com/node-machine-id/-/node-machine-id-1.1.12.tgz#37904eee1e59b320bb9c5d6c0a59f3b469cb6267"
+  integrity sha512-QNABxbrPa3qEIfrE6GOJ7BYIuignnJw7iQ2YPbc3Nla1HzRJjXzZOiikfF8m7eAMfichLt3M4VgLOetqgDmgGQ==
+
 node-polyglot@2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/node-polyglot/-/node-polyglot-2.5.0.tgz#bd2703f5c5e784c3917abeaa4b5d4604a4722d7e"
@@ -13349,6 +14632,11 @@ node-polyglot@2.5.0:
     string.prototype.trim "^1.2.6"
     warning "^4.0.3"
 
+node-releases@^2.0.13:
+  version "2.0.13"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.13.tgz#d5ed1627c23e3461e819b02e57b75e4899b1c81d"
+  integrity sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==
+
 node-releases@^2.0.8:
   version "2.0.10"
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.10.tgz#c311ebae3b6a148c89b1813fd7c4d3c024ef537f"
@@ -13361,13 +14649,6 @@ nopt@^6.0.0:
   dependencies:
     abbrev "^1.0.0"
 
-nopt@^7.0.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/nopt/-/nopt-7.1.0.tgz#91f6a3366182176e72ecab93a09c19b63b485f28"
-  integrity sha512-ZFPLe9Iu0tnx7oWhFxAo4s7QTn8+NNDDxYNaKLjE7Dp0tbakQ3M1QhQzsnzXHQBTUO3K9BmwaxnyO8Ayn2I95Q==
-  dependencies:
-    abbrev "^2.0.0"
-
 normalize-package-data@^2.3.2, normalize-package-data@^2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8"
@@ -13378,7 +14659,7 @@ normalize-package-data@^2.3.2, normalize-package-data@^2.5.0:
     semver "2 || 3 || 4 || 5"
     validate-npm-package-license "^3.0.1"
 
-normalize-package-data@^3.0.0:
+normalize-package-data@^3.0.0, normalize-package-data@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-3.0.3.tgz#dbcc3e2da59509a0983422884cd172eefdfa525e"
   integrity sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==
@@ -13388,16 +14669,6 @@ normalize-package-data@^3.0.0:
     semver "^7.3.4"
     validate-npm-package-license "^3.0.1"
 
-normalize-package-data@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-4.0.1.tgz#b46b24e0616d06cadf9d5718b29b6d445a82a62c"
-  integrity sha512-EBk5QKKuocMJhB3BILuKhmaPjI8vNRSpIfO9woLC6NyHVkKKdVEdAO1mrT0ZfxNR1lKwCcTkuZfmGIFdizZ8Pg==
-  dependencies:
-    hosted-git-info "^5.0.0"
-    is-core-module "^2.8.1"
-    semver "^7.3.5"
-    validate-npm-package-license "^3.0.4"
-
 normalize-package-data@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-5.0.0.tgz#abcb8d7e724c40d88462b84982f7cbf6859b4588"
@@ -13418,20 +14689,13 @@ normalize-range@^0.1.2:
   resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
   integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
 
-npm-bundled@^1.1.1, npm-bundled@^1.1.2:
+npm-bundled@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/npm-bundled/-/npm-bundled-1.1.2.tgz#944c78789bd739035b70baa2ca5cc32b8d860bc1"
   integrity sha512-x5DHup0SuyQcmL3s7Rx/YQ8sbw/Hzg0rj48eN0dV7hf5cmQq5PXIeioroH3raV1QC1yh3uTYuMThvEQF3iKgGQ==
   dependencies:
     npm-normalize-package-bin "^1.0.1"
 
-npm-bundled@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/npm-bundled/-/npm-bundled-2.0.1.tgz#94113f7eb342cd7a67de1e789f896b04d2c600f4"
-  integrity sha512-gZLxXdjEzE/+mOstGDqR6b0EkhJ+kM6fxM6vUuckuctuVPh80Q6pw/rSZj9s4Gex9GxWtIicO1pc8DB9KZWudw==
-  dependencies:
-    npm-normalize-package-bin "^2.0.0"
-
 npm-bundled@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/npm-bundled/-/npm-bundled-3.0.0.tgz#7e8e2f8bb26b794265028491be60321a25a39db7"
@@ -13439,13 +14703,6 @@ npm-bundled@^3.0.0:
   dependencies:
     npm-normalize-package-bin "^3.0.0"
 
-npm-install-checks@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/npm-install-checks/-/npm-install-checks-5.0.0.tgz#5ff27d209a4e3542b8ac6b0c1db6063506248234"
-  integrity sha512-65lUsMI8ztHCxFz5ckCEC44DRvEGdZX5usQFriauxHEwt7upv1FKaQEmAtU0YnOAdwuNWCmk64xYiQABNrEyLA==
-  dependencies:
-    semver "^7.1.1"
-
 npm-install-checks@^6.0.0:
   version "6.1.1"
   resolved "https://registry.yarnpkg.com/npm-install-checks/-/npm-install-checks-6.1.1.tgz#b459b621634d06546664207fde16810815808db1"
@@ -13458,11 +14715,6 @@ npm-normalize-package-bin@^1.0.1:
   resolved "https://registry.yarnpkg.com/npm-normalize-package-bin/-/npm-normalize-package-bin-1.0.1.tgz#6e79a41f23fd235c0623218228da7d9c23b8f6e2"
   integrity sha512-EPfafl6JL5/rU+ot6P3gRSCpPDW5VmIzX959Ob1+ySFUuuYHWHekXpwdUZcKP5C+DS4GEtdJluwBjnsNDl+fSA==
 
-npm-normalize-package-bin@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/npm-normalize-package-bin/-/npm-normalize-package-bin-2.0.0.tgz#9447a1adaaf89d8ad0abe24c6c84ad614a675fff"
-  integrity sha512-awzfKUO7v0FscrSpRoogyNm0sajikhBWpU0QMrW09AMi9n1PoKU6WaIqUzuJSQnpciZZmJ/jMZ2Egfmb/9LiWQ==
-
 npm-normalize-package-bin@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/npm-normalize-package-bin/-/npm-normalize-package-bin-3.0.0.tgz#6097436adb4ef09e2628b59a7882576fe53ce485"
@@ -13487,16 +14739,6 @@ npm-package-arg@^10.0.0, npm-package-arg@^10.1.0:
     semver "^7.3.5"
     validate-npm-package-name "^5.0.0"
 
-npm-package-arg@^9.0.0, npm-package-arg@^9.0.1:
-  version "9.1.2"
-  resolved "https://registry.yarnpkg.com/npm-package-arg/-/npm-package-arg-9.1.2.tgz#fc8acecb00235f42270dda446f36926ddd9ac2bc"
-  integrity sha512-pzd9rLEx4TfNJkovvlBSLGhq31gGu2QDexFPWT19yCDh0JgnRhlBLNo5759N0AJmBk+kQ9Y/hXoLnlgFD+ukmg==
-  dependencies:
-    hosted-git-info "^5.0.0"
-    proc-log "^2.0.1"
-    semver "^7.3.5"
-    validate-npm-package-name "^4.0.0"
-
 npm-packlist@5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/npm-packlist/-/npm-packlist-5.1.1.tgz#79bcaf22a26b6c30aa4dd66b976d69cc286800e0"
@@ -13507,16 +14749,6 @@ npm-packlist@5.1.1:
     npm-bundled "^1.1.2"
     npm-normalize-package-bin "^1.0.1"
 
-npm-packlist@^5.1.0:
-  version "5.1.3"
-  resolved "https://registry.yarnpkg.com/npm-packlist/-/npm-packlist-5.1.3.tgz#69d253e6fd664b9058b85005905012e00e69274b"
-  integrity sha512-263/0NGrn32YFYi4J533qzrQ/krmmrWwhKkzwTuM4f/07ug51odoaNjUexxO4vxlzURHcmYMH1QjvHjsNDKLVg==
-  dependencies:
-    glob "^8.0.1"
-    ignore-walk "^5.0.1"
-    npm-bundled "^2.0.0"
-    npm-normalize-package-bin "^2.0.0"
-
 npm-packlist@^7.0.0:
   version "7.0.4"
   resolved "https://registry.yarnpkg.com/npm-packlist/-/npm-packlist-7.0.4.tgz#033bf74110eb74daf2910dc75144411999c5ff32"
@@ -13524,17 +14756,7 @@ npm-packlist@^7.0.0:
   dependencies:
     ignore-walk "^6.0.0"
 
-npm-pick-manifest@^7.0.0:
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/npm-pick-manifest/-/npm-pick-manifest-7.0.2.tgz#1d372b4e7ea7c6712316c0e99388a73ed3496e84"
-  integrity sha512-gk37SyRmlIjvTfcYl6RzDbSmS9Y4TOBXfsPnoYqTHARNgWbyDiCSMLUpmALDj4jjcTZpURiEfsSHJj9k7EV4Rw==
-  dependencies:
-    npm-install-checks "^5.0.0"
-    npm-normalize-package-bin "^2.0.0"
-    npm-package-arg "^9.0.0"
-    semver "^7.3.5"
-
-npm-pick-manifest@^8.0.0, npm-pick-manifest@^8.0.1:
+npm-pick-manifest@^8.0.0:
   version "8.0.1"
   resolved "https://registry.yarnpkg.com/npm-pick-manifest/-/npm-pick-manifest-8.0.1.tgz#c6acd97d1ad4c5dbb80eac7b386b03ffeb289e5f"
   integrity sha512-mRtvlBjTsJvfCCdmPtiu2bdlx8d/KXtF7yNXNWe7G0Z36qWA9Ny5zXsI2PfBZEv7SXgoxTmNaTzGSbbzDZChoA==
@@ -13544,10 +14766,10 @@ npm-pick-manifest@^8.0.0, npm-pick-manifest@^8.0.1:
     npm-package-arg "^10.0.0"
     semver "^7.3.5"
 
-npm-registry-fetch@14.0.3:
-  version "14.0.3"
-  resolved "https://registry.yarnpkg.com/npm-registry-fetch/-/npm-registry-fetch-14.0.3.tgz#8545e321c2b36d2c6fe6e009e77e9f0e527f547b"
-  integrity sha512-YaeRbVNpnWvsGOjX2wk5s85XJ7l1qQBGAp724h8e2CZFFhMSuw9enom7K1mWVUtvXO1uUSFIAPofQK0pPN0ZcA==
+npm-registry-fetch@^14.0.0, npm-registry-fetch@^14.0.3:
+  version "14.0.4"
+  resolved "https://registry.yarnpkg.com/npm-registry-fetch/-/npm-registry-fetch-14.0.4.tgz#43dfa55ce7c0d0c545d625c7a916bab5b95f7038"
+  integrity sha512-pMS2DRkwg+M44ct65zrN/Cr9IHK1+n6weuefAo6Er4lc+/8YBCU0Czq04H3ZiSigluh7pb2rMM5JpgcytctB+Q==
   dependencies:
     make-fetch-happen "^11.0.0"
     minipass "^4.0.0"
@@ -13557,26 +14779,13 @@ npm-registry-fetch@14.0.3:
     npm-package-arg "^10.0.0"
     proc-log "^3.0.0"
 
-npm-registry-fetch@^13.0.0, npm-registry-fetch@^13.0.1:
-  version "13.3.1"
-  resolved "https://registry.yarnpkg.com/npm-registry-fetch/-/npm-registry-fetch-13.3.1.tgz#bb078b5fa6c52774116ae501ba1af2a33166af7e"
-  integrity sha512-eukJPi++DKRTjSBRcDZSDDsGqRK3ehbxfFUcgaRd0Yp6kRwOwh2WVn0r+8rMB4nnuzvAk6rQVzl6K5CkYOmnvw==
-  dependencies:
-    make-fetch-happen "^10.0.6"
-    minipass "^3.1.6"
-    minipass-fetch "^2.0.3"
-    minipass-json-stream "^1.0.1"
-    minizlib "^2.1.2"
-    npm-package-arg "^9.0.1"
-    proc-log "^2.0.0"
-
-npm-registry-fetch@^14.0.0, npm-registry-fetch@^14.0.3:
-  version "14.0.4"
-  resolved "https://registry.yarnpkg.com/npm-registry-fetch/-/npm-registry-fetch-14.0.4.tgz#43dfa55ce7c0d0c545d625c7a916bab5b95f7038"
-  integrity sha512-pMS2DRkwg+M44ct65zrN/Cr9IHK1+n6weuefAo6Er4lc+/8YBCU0Czq04H3ZiSigluh7pb2rMM5JpgcytctB+Q==
+npm-registry-fetch@^14.0.5:
+  version "14.0.5"
+  resolved "https://registry.yarnpkg.com/npm-registry-fetch/-/npm-registry-fetch-14.0.5.tgz#fe7169957ba4986a4853a650278ee02e568d115d"
+  integrity sha512-kIDMIo4aBm6xg7jOttupWZamsZRkAqMqwqqbVXnUqstY5+tapvv6bkH/qMR76jdgV+YljEUCyWx3hRYMrJiAgA==
   dependencies:
     make-fetch-happen "^11.0.0"
-    minipass "^4.0.0"
+    minipass "^5.0.0"
     minipass-fetch "^3.0.0"
     minipass-json-stream "^1.0.1"
     minizlib "^2.1.2"
@@ -13598,7 +14807,7 @@ npm-run-all@4.1.5:
     shell-quote "^1.6.1"
     string.prototype.padend "^3.0.0"
 
-npm-run-path@^4.0.1:
+npm-run-path@^4.0.0, npm-run-path@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
   integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
@@ -13612,7 +14821,7 @@ npm-run-path@^5.1.0:
   dependencies:
     path-key "^4.0.0"
 
-npmlog@6.0.2, npmlog@^6.0.0, npmlog@^6.0.2:
+npmlog@^6.0.0, npmlog@^6.0.2:
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-6.0.2.tgz#c8166017a42f2dea92d6453168dd865186a70830"
   integrity sha512-/vBvz5Jfr9dT/aFWd0FIRf+T/Q2WBsLENygUaFUqstqsycmZAP/t5BvFJTK0viFmSUxiUKTUplWy5vt+rvKIxg==
@@ -13622,16 +14831,6 @@ npmlog@6.0.2, npmlog@^6.0.0, npmlog@^6.0.2:
     gauge "^4.0.3"
     set-blocking "^2.0.0"
 
-npmlog@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-7.0.1.tgz#7372151a01ccb095c47d8bf1d0771a4ff1f53ac8"
-  integrity sha512-uJ0YFk/mCQpLBt+bxN88AKd+gyqZvZDbtiNxk6Waqcj2aPRyfVx8ITawkyQynxUagInjdYT1+qj4NfA5KJJUxg==
-  dependencies:
-    are-we-there-yet "^4.0.0"
-    console-control-strings "^1.1.0"
-    gauge "^5.0.0"
-    set-blocking "^2.0.0"
-
 nth-check@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-1.0.2.tgz#b2bd295c37e3dd58a3bf0700376663ba4d9cf05c"
@@ -13651,37 +14850,38 @@ nwsapi@^2.2.2:
   resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.4.tgz#fd59d5e904e8e1f03c25a7d5a15cfa16c714a1e5"
   integrity sha512-NHj4rzRo0tQdijE9ZqAx6kYDcoRwYwSYzCA8MY3JzfxlrvEU0jhnhJT9BhqhJs7I/dKcrDm6TyulaRqZPIhN5g==
 
-nx@15.9.2, "nx@>=15.5.2 < 16":
-  version "15.9.2"
-  resolved "https://registry.yarnpkg.com/nx/-/nx-15.9.2.tgz#d7ace1e5ae64a47f1b553dc5da08dbdd858bde96"
-  integrity sha512-wtcs+wsuplSckvgk+bV+/XuGlo+sVWzSG0RpgWBjQYeqA3QsVFEAPVY66Z5cSoukDbTV77ddcAjEw+Rz8oOR1A==
+nx@16.9.1, "nx@>=16.5.1 < 17":
+  version "16.9.1"
+  resolved "https://registry.yarnpkg.com/nx/-/nx-16.9.1.tgz#eac231c4cdfd6b3f7088d57289e215fbd539b7a1"
+  integrity sha512-h6jp0fXzEsBO3pwCNS2JbfzJZRgE2DnIo7Sj1/1oBo82o44jNqsPo3nMTj95qhcveJ0qBiKIh+Xw/fghXiRiSQ==
   dependencies:
-    "@nrwl/cli" "15.9.2"
-    "@nrwl/tao" "15.9.2"
+    "@nrwl/tao" "16.9.1"
     "@parcel/watcher" "2.0.4"
     "@yarnpkg/lockfile" "^1.1.0"
-    "@yarnpkg/parsers" "^3.0.0-rc.18"
+    "@yarnpkg/parsers" "3.0.0-rc.46"
     "@zkochan/js-yaml" "0.0.6"
     axios "^1.0.0"
     chalk "^4.1.0"
     cli-cursor "3.1.0"
     cli-spinners "2.6.1"
     cliui "^7.0.2"
-    dotenv "~10.0.0"
+    dotenv "~16.3.1"
+    dotenv-expand "~10.0.0"
     enquirer "~2.3.6"
-    fast-glob "3.2.7"
     figures "3.2.0"
     flat "^5.0.2"
     fs-extra "^11.1.0"
     glob "7.1.4"
     ignore "^5.0.4"
+    jest-diff "^29.4.1"
     js-yaml "4.1.0"
     jsonc-parser "3.2.0"
     lines-and-columns "~2.0.3"
     minimatch "3.0.5"
+    node-machine-id "1.1.12"
     npm-run-path "^4.0.1"
     open "^8.4.0"
-    semver "7.3.4"
+    semver "7.5.3"
     string-width "^4.2.3"
     strong-log-transformer "^2.1.0"
     tar-stream "~2.2.0"
@@ -13692,15 +14892,16 @@ nx@15.9.2, "nx@>=15.5.2 < 16":
     yargs "^17.6.2"
     yargs-parser "21.1.1"
   optionalDependencies:
-    "@nrwl/nx-darwin-arm64" "15.9.2"
-    "@nrwl/nx-darwin-x64" "15.9.2"
-    "@nrwl/nx-linux-arm-gnueabihf" "15.9.2"
-    "@nrwl/nx-linux-arm64-gnu" "15.9.2"
-    "@nrwl/nx-linux-arm64-musl" "15.9.2"
-    "@nrwl/nx-linux-x64-gnu" "15.9.2"
-    "@nrwl/nx-linux-x64-musl" "15.9.2"
-    "@nrwl/nx-win32-arm64-msvc" "15.9.2"
-    "@nrwl/nx-win32-x64-msvc" "15.9.2"
+    "@nx/nx-darwin-arm64" "16.9.1"
+    "@nx/nx-darwin-x64" "16.9.1"
+    "@nx/nx-freebsd-x64" "16.9.1"
+    "@nx/nx-linux-arm-gnueabihf" "16.9.1"
+    "@nx/nx-linux-arm64-gnu" "16.9.1"
+    "@nx/nx-linux-arm64-musl" "16.9.1"
+    "@nx/nx-linux-x64-gnu" "16.9.1"
+    "@nx/nx-linux-x64-musl" "16.9.1"
+    "@nx/nx-win32-arm64-msvc" "16.9.1"
+    "@nx/nx-win32-x64-msvc" "16.9.1"
 
 object-assign@^4.0.1, object-assign@^4.1.1:
   version "4.1.1"
@@ -13769,6 +14970,16 @@ object.getownpropertydescriptors@^2.1.0:
     es-abstract "^1.21.2"
     safe-array-concat "^1.0.0"
 
+object.groupby@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/object.groupby/-/object.groupby-1.0.1.tgz#d41d9f3c8d6c778d9cbac86b4ee9f5af103152ee"
+  integrity sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    get-intrinsic "^1.2.1"
+
 object.hasown@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.2.tgz#f919e21fad4eb38a57bc6345b3afd496515c3f92"
@@ -13822,7 +15033,7 @@ on-headers@~1.0.2:
   resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.2.tgz#772b0ae6aaa525c399e489adfad90c403eb3c28f"
   integrity sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==
 
-once@^1.3.0, once@^1.4.0:
+once@^1.3.0, once@^1.3.1, once@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
   integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
@@ -13852,7 +15063,7 @@ open@^8.0.9, open@^8.4.0:
     is-docker "^2.1.1"
     is-wsl "^2.2.0"
 
-opener@^1.5.1, opener@^1.5.2:
+opener@^1.5.2:
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.2.tgz#5d37e1f35077b9dcac4301372271afdeb2a13598"
   integrity sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==
@@ -13869,17 +15080,17 @@ optionator@^0.8.1:
     type-check "~0.3.2"
     word-wrap "~1.2.3"
 
-optionator@^0.9.1:
-  version "0.9.1"
-  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
-  integrity sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==
+optionator@^0.9.3:
+  version "0.9.3"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.3.tgz#007397d44ed1872fdc6ed31360190f81814e2c64"
+  integrity sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==
   dependencies:
+    "@aashutoshrathi/word-wrap" "^1.2.3"
     deep-is "^0.1.3"
     fast-levenshtein "^2.0.6"
     levn "^0.4.1"
     prelude-ls "^1.2.1"
     type-check "^0.4.0"
-    word-wrap "^1.2.3"
 
 ora@^4.0.3:
   version "4.1.1"
@@ -13915,6 +15126,11 @@ os-tmpdir@~1.0.2:
   resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
   integrity sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==
 
+ospath@^1.2.2:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/ospath/-/ospath-1.2.2.tgz#1276639774a3f8ef2572f7fe4280e0ea4550c07b"
+  integrity sha512-o6E5qJV5zkAbIDNhGSIlyOhScKXgQrSRMilfph0clDfM0nEnBOlKlH4sWDmG95BW/CvwNz0vmm7dJVtU2KlMiA==
+
 p-finally@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/p-finally/-/p-finally-1.0.0.tgz#3fbcfb15b899a44123b34b6dcc18b724336a2cae"
@@ -13941,6 +15157,13 @@ p-limit@^3.0.2, p-limit@^3.1.0:
   dependencies:
     yocto-queue "^0.1.0"
 
+p-limit@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-4.0.0.tgz#914af6544ed32bfa54670b061cafcbd04984b644"
+  integrity sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==
+  dependencies:
+    yocto-queue "^1.0.0"
+
 p-locate@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
@@ -13962,6 +15185,13 @@ p-locate@^5.0.0:
   dependencies:
     p-limit "^3.0.2"
 
+p-locate@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-6.0.0.tgz#3da9a49d4934b901089dca3302fa65dc5a05c04f"
+  integrity sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==
+  dependencies:
+    p-limit "^4.0.0"
+
 p-map-series@2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/p-map-series/-/p-map-series-2.1.0.tgz#7560d4c452d9da0c07e692fdbfe6e2c81a2a91f2"
@@ -14029,37 +15259,10 @@ p-waterfall@2.1.1:
   dependencies:
     p-reduce "^2.0.0"
 
-pacote@13.6.2, pacote@^13.6.1:
-  version "13.6.2"
-  resolved "https://registry.yarnpkg.com/pacote/-/pacote-13.6.2.tgz#0d444ba3618ab3e5cd330b451c22967bbd0ca48a"
-  integrity sha512-Gu8fU3GsvOPkak2CkbojR7vjs3k3P9cA6uazKTHdsdV0gpCEQq2opelnEv30KRQWgVzP5Vd/5umjcedma3MKtg==
-  dependencies:
-    "@npmcli/git" "^3.0.0"
-    "@npmcli/installed-package-contents" "^1.0.7"
-    "@npmcli/promise-spawn" "^3.0.0"
-    "@npmcli/run-script" "^4.1.0"
-    cacache "^16.0.0"
-    chownr "^2.0.0"
-    fs-minipass "^2.1.0"
-    infer-owner "^1.0.4"
-    minipass "^3.1.6"
-    mkdirp "^1.0.4"
-    npm-package-arg "^9.0.0"
-    npm-packlist "^5.1.0"
-    npm-pick-manifest "^7.0.0"
-    npm-registry-fetch "^13.0.1"
-    proc-log "^2.0.0"
-    promise-retry "^2.0.1"
-    read-package-json "^5.0.0"
-    read-package-json-fast "^2.0.3"
-    rimraf "^3.0.2"
-    ssri "^9.0.0"
-    tar "^6.1.11"
-
-pacote@^15.0.0, pacote@^15.0.8:
-  version "15.1.2"
-  resolved "https://registry.yarnpkg.com/pacote/-/pacote-15.1.2.tgz#78b4c1403231fab368c752943f1969c6d8f026bb"
-  integrity sha512-EAGJrMiIjBTBB6tWGrx9hFJTOo14B3HSAoa/W9SawFEBhUqjxN7qqaFlGVF9jfY/mIri8Mb2xafmkRgWxYXxIQ==
+pacote@^15.2.0:
+  version "15.2.0"
+  resolved "https://registry.yarnpkg.com/pacote/-/pacote-15.2.0.tgz#0f0dfcc3e60c7b39121b2ac612bf8596e95344d3"
+  integrity sha512-rJVZeIwHTUta23sIZgEIM62WYwbmGbThdbnkt81ravBplQv+HjyroqnLRNH2+sLJHcGZmLRmhPwACqhfTcOmnA==
   dependencies:
     "@npmcli/git" "^4.0.0"
     "@npmcli/installed-package-contents" "^2.0.1"
@@ -14067,7 +15270,7 @@ pacote@^15.0.0, pacote@^15.0.8:
     "@npmcli/run-script" "^6.0.0"
     cacache "^17.0.0"
     fs-minipass "^3.0.0"
-    minipass "^4.0.0"
+    minipass "^5.0.0"
     npm-package-arg "^10.0.0"
     npm-packlist "^7.0.0"
     npm-pick-manifest "^8.0.0"
@@ -14097,15 +15300,6 @@ parent-module@^1.0.0:
   dependencies:
     callsites "^3.0.0"
 
-parse-conflict-json@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/parse-conflict-json/-/parse-conflict-json-3.0.1.tgz#67dc55312781e62aa2ddb91452c7606d1969960c"
-  integrity sha512-01TvEktc68vwbJOtWZluyWeVGWjP+bZwXtPDMQVbBKzbJ/vZBif0L69KH1+cHv1SZ6e0FKLvjyHe8mqsIqYOmw==
-  dependencies:
-    json-parse-even-better-errors "^3.0.0"
-    just-diff "^6.0.0"
-    just-diff-apply "^5.2.0"
-
 parse-entities@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/parse-entities/-/parse-entities-2.0.0.tgz#53c6eb5b9314a1f4ec99fa0fdf7ce01ecda0cbe8"
@@ -14208,6 +15402,11 @@ path-exists@^4.0.0:
   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
   integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
 
+path-exists@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-5.0.0.tgz#a6aad9489200b21fab31e49cf09277e5116fb9e7"
+  integrity sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==
+
 path-is-absolute@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
@@ -14238,7 +15437,15 @@ path-parse@^1.0.7:
   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
   integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
-path-scurry@^1.6.1, path-scurry@^1.7.0:
+path-scurry@^1.10.1:
+  version "1.10.1"
+  resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-1.10.1.tgz#9ba6bf5aa8500fe9fd67df4f0d9483b2b0bfc698"
+  integrity sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==
+  dependencies:
+    lru-cache "^9.1.1 || ^10.0.0"
+    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
+
+path-scurry@^1.6.1:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/path-scurry/-/path-scurry-1.7.0.tgz#99c741a2cfbce782294a39994d63748b5a24f6db"
   integrity sha512-UkZUeDjczjYRE495+9thsgcVgsaCPkaw80slmfVFgllxY+IO8ubTsOpFVjDPROBqJdHfVPUFRHPBV/WciOVfWg==
@@ -14276,6 +15483,16 @@ pegjs@^0.10.0:
   resolved "https://registry.yarnpkg.com/pegjs/-/pegjs-0.10.0.tgz#cf8bafae6eddff4b5a7efb185269eaaf4610ddbd"
   integrity sha512-qI5+oFNEGi3L5HAxDwN2LA4Gg7irF70Zs25edhjld9QemOgp0CbvMtbFcMvFtEo1OityPrcCzkQFB8JP/hxgow==
 
+pend@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
+  integrity sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==
+
+performance-now@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
+  integrity sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==
+
 periscopic@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/periscopic/-/periscopic-3.1.0.tgz#7e9037bf51c5855bd33b48928828db4afa79d97a"
@@ -14290,27 +15507,27 @@ picocolors@^1.0.0:
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
 
-picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.2.3, picomatch@^2.3.0, picomatch@^2.3.1:
+picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.2.3, picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
 
+pidtree@0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/pidtree/-/pidtree-0.6.0.tgz#90ad7b6d42d5841e69e0a2419ef38f8883aa057c"
+  integrity sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==
+
 pidtree@^0.3.0:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/pidtree/-/pidtree-0.3.1.tgz#ef09ac2cc0533df1f3250ccf2c4d366b0d12114a"
   integrity sha512-qQbW94hLHEqCg7nhby4yRC7G2+jYHY4Rguc2bjw7Uug4GIJuu1tvf2uHaZv5Q8zdt+WKJ6qK1FOI6amaWUo5FA==
 
-pidtree@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/pidtree/-/pidtree-0.6.0.tgz#90ad7b6d42d5841e69e0a2419ef38f8883aa057c"
-  integrity sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==
-
 pify@5.0.0, pify@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/pify/-/pify-5.0.0.tgz#1f5eca3f5e87ebec28cc6d54a0e4aaf00acc127f"
   integrity sha512-eW/gHNMlxdSP6dmG6uJip6FXN0EQBwm2clYYd8Wul42Cwu/DK8HEftzsapcNdYe2MfLiIwZqsDk2RDEsTE79hA==
 
-pify@^2.0.0, pify@^2.3.0:
+pify@^2.0.0, pify@^2.2.0, pify@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
   integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
@@ -14342,6 +15559,13 @@ pirates@^4.0.1, pirates@^4.0.4:
   resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.5.tgz#feec352ea5c3268fb23a37c702ab1699f35a5f3b"
   integrity sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==
 
+pixelmatch@^5.1.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/pixelmatch/-/pixelmatch-5.3.0.tgz#5e5321a7abedfb7962d60dbf345deda87cb9560a"
+  integrity sha512-o8mkY4E/+LNUf6LzX96ht6k6CEDi65k9G2rjMtBe9Oo+VPKSvl+0GKHuH/AlG+GA5LPG/i5hrekkxUc3s2HU+Q==
+  dependencies:
+    pngjs "^6.0.0"
+
 pkg-dir@^4.1.0, pkg-dir@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
@@ -14349,57 +15573,64 @@ pkg-dir@^4.1.0, pkg-dir@^4.2.0:
   dependencies:
     find-up "^4.0.0"
 
+pkg-dir@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-7.0.0.tgz#8f0c08d6df4476756c5ff29b3282d0bab7517d11"
+  integrity sha512-Ie9z/WINcxxLp27BKOCHGde4ITq9UklYKDzVo1nhk5sqGEXU3FpkwP5GM2voTGJkGd9B3Otl+Q4uwSOeSUtOBA==
+  dependencies:
+    find-up "^6.3.0"
+
+platform@1.3.3:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/platform/-/platform-1.3.3.tgz#646c77011899870b6a0903e75e997e8e51da7461"
+  integrity sha512-VJK1SRmXBpjwsB4YOHYSturx48rLKMzHgCqDH2ZDa6ZbMS/N5huoNqyQdK5Fj/xayu3fqbXckn5SeCS1EbMDZg==
+
 pluralize@^8.0.0:
   version "8.0.0"
   resolved "https://registry.yarnpkg.com/pluralize/-/pluralize-8.0.0.tgz#1a6fa16a38d12a1901e0320fa017051c539ce3b1"
   integrity sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==
 
-pop-iterate@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/pop-iterate/-/pop-iterate-1.0.1.tgz#ceacfdab4abf353d7a0f2aaa2c1fc7b3f9413ba3"
-  integrity sha512-HRCx4+KJE30JhX84wBN4+vja9bNfysxg1y28l0DuJmkoaICiv2ZSilKddbS48pq50P8d2erAhqDLbp47yv3MbQ==
+pngjs@^3.4.0:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/pngjs/-/pngjs-3.4.0.tgz#99ca7d725965fb655814eaf65f38f12bbdbf555f"
+  integrity sha512-NCrCHhWmnQklfH4MtJMRjZ2a8c80qXeMlQMv2uVp9ISJMTt562SbGd6n2oq0PaPgKm7Z6pL9E2UlLIhC+SHL3w==
 
-portfinder@^1.0.28:
-  version "1.0.32"
-  resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.32.tgz#2fe1b9e58389712429dc2bea5beb2146146c7f81"
-  integrity sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==
-  dependencies:
-    async "^2.6.4"
-    debug "^3.2.7"
-    mkdirp "^0.5.6"
+pngjs@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/pngjs/-/pngjs-6.0.0.tgz#ca9e5d2aa48db0228a52c419c3308e87720da821"
+  integrity sha512-TRzzuFRRmEoSW/p1KVAmiOgPco2Irlah+bGFCeNfJXxxYGwSw7YwAOAcd7X28K/m5bjBWKsC29KyoMfHbypayg==
 
-postcss-import@^14.1.0:
-  version "14.1.0"
-  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-14.1.0.tgz#a7333ffe32f0b8795303ee9e40215dac922781f0"
-  integrity sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==
+postcss-import@^15.1.0:
+  version "15.1.0"
+  resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-15.1.0.tgz#41c64ed8cc0e23735a9698b3249ffdbf704adc70"
+  integrity sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==
   dependencies:
     postcss-value-parser "^4.0.0"
     read-cache "^1.0.0"
     resolve "^1.1.7"
 
-postcss-js@^4.0.0:
+postcss-js@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/postcss-js/-/postcss-js-4.0.1.tgz#61598186f3703bab052f1c4f7d805f3991bee9d2"
   integrity sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==
   dependencies:
     camelcase-css "^2.0.1"
 
-postcss-load-config@^3.1.4:
-  version "3.1.4"
-  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-3.1.4.tgz#1ab2571faf84bb078877e1d07905eabe9ebda855"
-  integrity sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==
+postcss-load-config@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-4.0.1.tgz#152383f481c2758274404e4962743191d73875bd"
+  integrity sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==
   dependencies:
     lilconfig "^2.0.5"
-    yaml "^1.10.2"
+    yaml "^2.1.1"
 
-postcss-loader@7.2.4:
-  version "7.2.4"
-  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-7.2.4.tgz#2884f4ca172de633b2cf1f93dc852968f0632ba9"
-  integrity sha512-F88rpxxNspo5hatIc+orYwZDtHFaVFOSIVAx+fBfJC1GmhWbVmPWtmg2gXKE1OxJbneOSGn8PWdIwsZFcruS+w==
+postcss-loader@7.3.3:
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-7.3.3.tgz#6da03e71a918ef49df1bb4be4c80401df8e249dd"
+  integrity sha512-YgO/yhtevGO/vJePCQmTxiaEwER94LABZN0ZMT4A0vsak9TpO+RvKRs7EmJ8peIlB9xfXCsS7M8LjqncsUZ5HA==
   dependencies:
-    cosmiconfig "^8.1.3"
-    cosmiconfig-typescript-loader "^4.3.0"
-    klona "^2.0.6"
+    cosmiconfig "^8.2.0"
+    jiti "^1.18.2"
     semver "^7.3.8"
 
 postcss-modules-extract-imports@^3.0.0:
@@ -14407,10 +15638,10 @@ postcss-modules-extract-imports@^3.0.0:
   resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz#cda1f047c0ae80c97dbe28c3e76a43b88025741d"
   integrity sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==
 
-postcss-modules-local-by-default@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.0.tgz#ebbb54fae1598eecfdf691a02b3ff3b390a5a51c"
-  integrity sha512-sT7ihtmGSF9yhm6ggikHdV0hlziDTX7oFoXtuVWeDd3hHObNkcHRo9V3yg7vCAY7cONyxJC/XXCmmiHHcvX7bQ==
+postcss-modules-local-by-default@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.3.tgz#b08eb4f083050708998ba2c6061b50c2870ca524"
+  integrity sha512-2/u2zraspoACtrbFRnTijMiQtb4GW4BvatjaG/bCjYQo8kLTdevCUlwuBHx2sCnSyrI3x3qj4ZK1j5LQBgzmwA==
   dependencies:
     icss-utils "^5.0.0"
     postcss-selector-parser "^6.0.2"
@@ -14430,19 +15661,19 @@ postcss-modules-values@^4.0.0:
   dependencies:
     icss-utils "^5.0.0"
 
-postcss-nested@6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-6.0.0.tgz#1572f1984736578f360cffc7eb7dca69e30d1735"
-  integrity sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==
+postcss-nested@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/postcss-nested/-/postcss-nested-6.0.1.tgz#f83dc9846ca16d2f4fa864f16e9d9f7d0961662c"
+  integrity sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==
   dependencies:
-    postcss-selector-parser "^6.0.10"
+    postcss-selector-parser "^6.0.11"
 
-postcss-scss@4.0.6:
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/postcss-scss/-/postcss-scss-4.0.6.tgz#5d62a574b950a6ae12f2aa89b60d63d9e4432bfd"
-  integrity sha512-rLDPhJY4z/i4nVFZ27j9GqLxj1pwxE80eAzUNRMXtcpipFYIeowerzBgG3yJhMtObGEXidtIgbUpQ3eLDsf5OQ==
+postcss-scss@4.0.9:
+  version "4.0.9"
+  resolved "https://registry.yarnpkg.com/postcss-scss/-/postcss-scss-4.0.9.tgz#a03c773cd4c9623cb04ce142a52afcec74806685"
+  integrity sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==
 
-postcss-selector-parser@^6.0.10, postcss-selector-parser@^6.0.11, postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4:
+postcss-selector-parser@^6.0.11, postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4:
   version "6.0.11"
   resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz#2e41dc39b7ad74046e1615185185cd0b17d0c8dc"
   integrity sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==
@@ -14455,16 +15686,16 @@ postcss-value-parser@^4.0.0, postcss-value-parser@^4.0.2, postcss-value-parser@^
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@8.4.14:
-  version "8.4.14"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.14.tgz#ee9274d5622b4858c1007a74d76e42e56fd21caf"
-  integrity sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==
+postcss@8.4.31, postcss@^8.4.21, postcss@^8.4.27:
+  version "8.4.31"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.31.tgz#92b451050a9f914da6755af352bdc0192508656d"
+  integrity sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==
   dependencies:
-    nanoid "^3.3.4"
+    nanoid "^3.3.6"
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
-postcss@8.4.23, postcss@^8.0.9, postcss@^8.4.19, postcss@^8.4.23:
+postcss@^8.4.23:
   version "8.4.23"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.23.tgz#df0aee9ac7c5e53e1075c24a3613496f9e6552ab"
   integrity sha512-bQ3qMcpF6A/YjR55xtoTr0jGOlnPOKAIMdOWiv0EIT6HVPEaJiJB4NLljSbiHoC2RX7DN5Uvjtpbg1NPdwv1oA==
@@ -14490,25 +15721,21 @@ prettier-linter-helpers@^1.0.0:
   dependencies:
     fast-diff "^1.1.2"
 
-prettier@2.8.8:
+prettier@3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.0.3.tgz#432a51f7ba422d1469096c0fdc28e235db8f9643"
+  integrity sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==
+
+prettier@^2:
   version "2.8.8"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da"
   integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
 
-pretty-bytes@^5.3.0, pretty-bytes@^5.4.1:
+pretty-bytes@^5.3.0, pretty-bytes@^5.4.1, pretty-bytes@^5.6.0:
   version "5.6.0"
   resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.6.0.tgz#356256f643804773c82f64723fe78c92c62beaeb"
   integrity sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==
 
-pretty-format@29.4.3:
-  version "29.4.3"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.4.3.tgz#25500ada21a53c9e8423205cf0337056b201244c"
-  integrity sha512-cvpcHTc42lcsvOOAzd3XuNWTcvk1Jmnzqeu+WsOuiPmxUJTnkbAcFNsRKvEpBEUFVUgy/GTZLulZDcDEi+CIlA==
-  dependencies:
-    "@jest/schemas" "^29.4.3"
-    ansi-styles "^5.0.0"
-    react-is "^18.0.0"
-
 pretty-format@^27.0.2:
   version "27.5.1"
   resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-27.5.1.tgz#2181879fdea51a7a5851fb39d920faa63f01d88e"
@@ -14527,16 +15754,20 @@ pretty-format@^29.0.0, pretty-format@^29.5.0:
     ansi-styles "^5.0.0"
     react-is "^18.0.0"
 
+pretty-format@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.7.0.tgz#ca42c758310f365bfa71a0bda0a807160b776812"
+  integrity sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==
+  dependencies:
+    "@jest/schemas" "^29.6.3"
+    ansi-styles "^5.0.0"
+    react-is "^18.0.0"
+
 prismjs@1.29.0, prismjs@^1.29.0:
   version "1.29.0"
   resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.29.0.tgz#f113555a8fa9b57c35e637bba27509dcf802dd12"
   integrity sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==
 
-proc-log@^2.0.0, proc-log@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/proc-log/-/proc-log-2.0.1.tgz#8f3f69a1f608de27878f91f5c688b225391cb685"
-  integrity sha512-Kcmo2FhfDTXdcbfDH76N7uBYHINxc/8GW7UAVuVP9I+Va3uHSerrnKV6dLooga/gh7GlgzuCCr/eoldnL1muGw==
-
 proc-log@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/proc-log/-/proc-log-3.0.0.tgz#fb05ef83ccd64fd7b20bbe9c8c1070fc08338dd8"
@@ -14552,16 +15783,6 @@ process@0.11.10, process@^0.11.10:
   resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
   integrity sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==
 
-promise-all-reject-late@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/promise-all-reject-late/-/promise-all-reject-late-1.0.1.tgz#f8ebf13483e5ca91ad809ccc2fcf25f26f8643c2"
-  integrity sha512-vuf0Lf0lOxyQREH7GDIOUMLS7kz+gs8i6B+Yi8dC68a2sychGrHTJYghMBD6k7eUcH0H5P73EckCA48xijWqXw==
-
-promise-call-limit@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/promise-call-limit/-/promise-call-limit-1.0.2.tgz#f64b8dd9ef7693c9c7613e7dfe8d6d24de3031ea"
-  integrity sha512-1vTUnfI2hzui8AEIixbdAJlFY4LFDXqQswy/2eOlThAscXCY4It8FdVuI0fMJGAB2aWGbdQf/gv0skKYXmdrHA==
-
 promise-inflight@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/promise-inflight/-/promise-inflight-1.0.1.tgz#98472870bf228132fcbdd868129bad12c3c029e3"
@@ -14583,12 +15804,12 @@ prompts@^2.0.1:
     kleur "^3.0.3"
     sisteransi "^1.0.5"
 
-promzard@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/promzard/-/promzard-0.3.0.tgz#26a5d6ee8c7dee4cb12208305acfb93ba382a9ee"
-  integrity sha512-JZeYqd7UAcHCwI+sTOeUDYkvEU+1bQ7iE0UT1MgB/tERkAPkesW46MrpIySzODi+owTjZtiF8Ay5j9m60KmMBw==
+promzard@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/promzard/-/promzard-1.0.0.tgz#3246f8e6c9895a77c0549cefb65828ac0f6c006b"
+  integrity sha512-KQVDEubSUHGSt5xLakaToDFrSoZhStB8dXLzk2xvwR67gJktrHFvpR63oZgHyK19WKbHFLXJqCPXdVR3aBP8Ig==
   dependencies:
-    read "1"
+    read "^2.0.0"
 
 prop-types@15.8.1, prop-types@^15.0.0, prop-types@^15.5.10, prop-types@^15.5.7, prop-types@^15.5.8, prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
   version "15.8.1"
@@ -14604,11 +15825,6 @@ property-information@^6.0.0:
   resolved "https://registry.yarnpkg.com/property-information/-/property-information-6.2.0.tgz#b74f522c31c097b5149e3c3cb8d7f3defd986a1d"
   integrity sha512-kma4U7AFCTwpqq5twzC1YVIDXSqg6qQK6JN0smOw8fgRy1OkMi0CYSzFmsy6dnqSenamAtj0CyXMUJ1Mf6oROg==
 
-proto-list@~1.2.1:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/proto-list/-/proto-list-1.2.4.tgz#212d5bfe1318306a420f6402b8e26ff39647a849"
-  integrity sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==
-
 protocol-buffers-schema@^3.3.1:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/protocol-buffers-schema/-/protocol-buffers-schema-3.6.0.tgz#77bc75a48b2ff142c1ad5b5b90c94cd0fa2efd03"
@@ -14632,6 +15848,11 @@ proxy-compare@2.4.0:
   resolved "https://registry.yarnpkg.com/proxy-compare/-/proxy-compare-2.4.0.tgz#90f6abffe734ef86d8e37428c5026268606a9c1b"
   integrity sha512-FD8KmQUQD6Mfpd0hywCOzcon/dbkFP8XBd9F1ycbKtvVsfv6TsFUKJ2eC0Iz2y+KzlkdT1Z8SY6ZSgm07zOyqg==
 
+proxy-from-env@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.0.0.tgz#33c50398f70ea7eb96d21f7b817630a55791c7ee"
+  integrity sha512-F2JHgJQ1iqwnHDcQjVBsq3n/uoaFL+iPW/eAeL7kVxy/2RrWaN4WroKjjvbsoRtv0ftelNyC01bjRhn/bhcf4A==
+
 proxy-from-env@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
@@ -14642,6 +15863,14 @@ psl@^1.1.33:
   resolved "https://registry.yarnpkg.com/psl/-/psl-1.9.0.tgz#d0df2a137f00794565fcaf3b2c00cd09f8d5a5a7"
   integrity sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==
 
+pump@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64"
+  integrity sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==
+  dependencies:
+    end-of-stream "^1.1.0"
+    once "^1.3.1"
+
 punycode@1.3.2:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.3.2.tgz#9653a036fb7c1ee42342f2325cceefea3926c48d"
@@ -14657,19 +15886,17 @@ pure-rand@^6.0.0:
   resolved "https://registry.yarnpkg.com/pure-rand/-/pure-rand-6.0.1.tgz#31207dddd15d43f299fdcdb2f572df65030c19af"
   integrity sha512-t+x1zEHDjBwkDGY5v5ApnZ/utcd4XYDiJsaQQoptTXgUXX95sDg1elCdJghzicm7n2mbCBJ3uYWr6M22SO19rg==
 
-q@^1.1.2, q@^1.5.1:
+q@^1.1.2:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
   integrity sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==
 
-q@~2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/q/-/q-2.0.3.tgz#75b8db0255a1a5af82f58c3f3aaa1efec7d0d134"
-  integrity sha512-gv6vLGcmAOg96/fgo3d9tvA4dJNZL3fMyBqVRrGxQ+Q/o4k9QzbJ3NQF9cOO/71wRodoXhaPgphvMFU68qVAJQ==
+qs@6.10.4:
+  version "6.10.4"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.10.4.tgz#6a3003755add91c0ec9eacdc5f878b034e73f9e7"
+  integrity sha512-OQiU+C+Ds5qiH91qh/mg0w+8nwQuLjM4F4M/PbmhDOoYehPh+Fb0bDjtR1sOvy7YKxvj28Y/M0PhP5uVX0kB+g==
   dependencies:
-    asap "^2.0.0"
-    pop-iterate "^1.0.1"
-    weak-map "^1.0.5"
+    side-channel "^1.0.4"
 
 qs@6.11.0:
   version "6.11.0"
@@ -14678,13 +15905,6 @@ qs@6.11.0:
   dependencies:
     side-channel "^1.0.4"
 
-qs@^6.4.0:
-  version "6.11.1"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.11.1.tgz#6c29dff97f0c0060765911ba65cbc9764186109f"
-  integrity sha512-0wsrzgTz/kAVIeuxSjnpGC56rzYtr6JT/2BwEvMaPhFIoYa1aGO8LbzuU1R0uUYQkLpWBTOj0l/CLAJB64J6nQ==
-  dependencies:
-    side-channel "^1.0.4"
-
 query-string@^6.9.0:
   version "6.14.1"
   resolved "https://registry.yarnpkg.com/query-string/-/query-string-6.14.1.tgz#7ac2dca46da7f309449ba0f86b1fd28255b0c86a"
@@ -14715,11 +15935,6 @@ quick-lru@^4.0.1:
   resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-4.0.1.tgz#5b8878f113a58217848c6482026c73e1ba57727f"
   integrity sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==
 
-quick-lru@^5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
-  integrity sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==
-
 quick-lru@^6.1.1:
   version "6.1.1"
   resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-6.1.1.tgz#f8e5bf9010376c126c80c1a62827a526c0e60adf"
@@ -14847,10 +16062,10 @@ react-polyglot@0.7.2:
     hoist-non-react-statics "^3.3.0"
     prop-types "^15.5.8"
 
-react-redux@8.0.5:
-  version "8.0.5"
-  resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-8.0.5.tgz#e5fb8331993a019b8aaf2e167a93d10af469c7bd"
-  integrity sha512-Q2f6fCKxPFpkXt1qNRZdEDLlScsDWyrgSj0mliK59qU6W5gvBiKkdMEG2lJzhd1rCctf0hb6EtePPLZ2e0m1uw==
+react-redux@8.1.3:
+  version "8.1.3"
+  resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-8.1.3.tgz#4fdc0462d0acb59af29a13c27ffef6f49ab4df46"
+  integrity sha512-n0ZrutD7DaX/j9VscF+uTALI3oUPa/pO4Z3soOBIjuRn/FzVu6aehhysxZCLi6y7duMf52WNZGMl7CtuK5EnRw==
   dependencies:
     "@babel/runtime" "^7.12.1"
     "@types/hoist-non-react-statics" "^3.3.1"
@@ -14883,20 +16098,25 @@ react-remove-scroll@2.5.5:
     use-callback-ref "^1.3.0"
     use-sidecar "^1.1.2"
 
-react-router-dom@6.10.0:
-  version "6.10.0"
-  resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-6.10.0.tgz#090ddc5c84dc41b583ce08468c4007c84245f61f"
-  integrity sha512-E5dfxRPuXKJqzwSe/qGcqdwa18QiWC6f3H3cWXM24qj4N0/beCIf/CWTipop2xm7mR0RCS99NnaqPNjHtrAzCg==
-  dependencies:
-    "@remix-run/router" "1.5.0"
-    react-router "6.10.0"
+react-resizable-panels@0.0.55:
+  version "0.0.55"
+  resolved "https://registry.yarnpkg.com/react-resizable-panels/-/react-resizable-panels-0.0.55.tgz#adf06d35ae09748ab7051a4bd2c5be8087ef1a66"
+  integrity sha512-J/LTFzUEjJiqwSjVh8gjUXkQDA8MRPjARASfn++d2+KOgA+9UcRYUfE3QBJixer2vkk+ffQ4cq3QzWzzHgqYpQ==
 
-react-router@6.10.0:
-  version "6.10.0"
-  resolved "https://registry.yarnpkg.com/react-router/-/react-router-6.10.0.tgz#230f824fde9dd0270781b5cb497912de32c0a971"
-  integrity sha512-Nrg0BWpQqrC3ZFFkyewrflCud9dio9ME3ojHCF/WLsprJVzkq3q3UeEhMCAW1dobjeGbWgjNn/PVF6m46ANxXQ==
+react-router-dom@6.16.0:
+  version "6.16.0"
+  resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-6.16.0.tgz#86f24658da35eb66727e75ecbb1a029e33ee39d9"
+  integrity sha512-aTfBLv3mk/gaKLxgRDUPbPw+s4Y/O+ma3rEN1u8EgEpLpPe6gNjIsWt9rxushMHHMb7mSwxRGdGlGdvmFsyPIg==
   dependencies:
-    "@remix-run/router" "1.5.0"
+    "@remix-run/router" "1.9.0"
+    react-router "6.16.0"
+
+react-router@6.16.0:
+  version "6.16.0"
+  resolved "https://registry.yarnpkg.com/react-router/-/react-router-6.16.0.tgz#abbf3d5bdc9c108c9b822a18be10ee004096fb81"
+  integrity sha512-VT4Mmc4jj5YyjpOi5jOf0I+TYzGpvzERy4ckNSvSh2RArv8LLoCxlsZ2D+tc7zgjxcY34oTz2hZaeX5RVprKqA==
+  dependencies:
+    "@remix-run/router" "1.9.0"
 
 react-schemaorg@2.0.0:
   version "2.0.0"
@@ -14965,17 +16185,10 @@ react-transition-group@^4.4.5:
     loose-envify "^1.4.0"
     prop-types "^15.6.2"
 
-react-virtual@2.10.4:
-  version "2.10.4"
-  resolved "https://registry.yarnpkg.com/react-virtual/-/react-virtual-2.10.4.tgz#08712f0acd79d7d6f7c4726f05651a13b24d8704"
-  integrity sha512-Ir6+oPQZTVHfa6+JL9M7cvMILstFZH/H3jqeYeKI4MSUX+rIruVwFC6nGVXw9wqAw8L0Kg2KvfXxI85OvYQdpQ==
-  dependencies:
-    "@reach/observe-rect" "^1.1.0"
-
-react-virtualized-auto-sizer@1.0.15:
-  version "1.0.15"
-  resolved "https://registry.yarnpkg.com/react-virtualized-auto-sizer/-/react-virtualized-auto-sizer-1.0.15.tgz#84558bcab61a625d13ec37876639bb09c5a3ec0b"
-  integrity sha512-01yhkssgHShMiu5W8k+86kgl8lutpl+Uef9KP4wrozXnzZjxWIgj+cH8Qi064oQpKD8myn/JNMzp4tcZNQ3Avg==
+react-virtualized-auto-sizer@1.0.20:
+  version "1.0.20"
+  resolved "https://registry.yarnpkg.com/react-virtualized-auto-sizer/-/react-virtualized-auto-sizer-1.0.20.tgz#d9a907253a7c221c52fa57dc775a6ef40c182645"
+  integrity sha512-OdIyHwj4S4wyhbKHOKM1wLSj/UDXm839Z3Cvfg2a9j+He6yDa6i5p0qQvEiCnyQlGO/HyfSnigQwuxvYalaAXA==
 
 react-waypoint@10.3.0:
   version "10.3.0"
@@ -15016,25 +16229,12 @@ read-cache@^1.0.0:
   dependencies:
     pify "^2.3.0"
 
-read-cmd-shim@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/read-cmd-shim/-/read-cmd-shim-3.0.0.tgz#62b8c638225c61e6cc607f8f4b779f3b8238f155"
-  integrity sha512-KQDVjGqhZk92PPNRj9ZEXEuqg8bUobSKRw+q0YQ3TKI5xkce7bUJobL4Z/OtiEbAAv70yEpYIXp4iQ9L8oPVog==
-
-read-cmd-shim@^4.0.0:
+read-cmd-shim@4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/read-cmd-shim/-/read-cmd-shim-4.0.0.tgz#640a08b473a49043e394ae0c7a34dd822c73b9bb"
   integrity sha512-yILWifhaSEEytfXI76kB9xEEiG1AiozaCJZ83A87ytjRiN+jVibXjedjCRNjoZviinhG+4UkalO3mWTd8u5O0Q==
 
-read-package-json-fast@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/read-package-json-fast/-/read-package-json-fast-2.0.3.tgz#323ca529630da82cb34b36cc0b996693c98c2b83"
-  integrity sha512-W/BKtbL+dUjTuRL2vziuYhp76s5HZ9qQhd/dKfWIZveD0O40453QNyZhC0e63lqZrAQ4jiOapVoeJ7JrszenQQ==
-  dependencies:
-    json-parse-even-better-errors "^2.3.0"
-    npm-normalize-package-bin "^1.0.1"
-
-read-package-json-fast@^3.0.0, read-package-json-fast@^3.0.2:
+read-package-json-fast@^3.0.0:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/read-package-json-fast/-/read-package-json-fast-3.0.2.tgz#394908a9725dc7a5f14e70c8e7556dff1d2b1049"
   integrity sha512-0J+Msgym3vrLOUB3hzQCuZHII0xkNGCtz/HJH9xZshwv9DbDwkw1KaE3gx/e2J5rpEY5rtOy6cyhKOPrkP7FZw==
@@ -15042,25 +16242,15 @@ read-package-json-fast@^3.0.0, read-package-json-fast@^3.0.2:
     json-parse-even-better-errors "^3.0.0"
     npm-normalize-package-bin "^3.0.0"
 
-read-package-json@5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/read-package-json/-/read-package-json-5.0.1.tgz#1ed685d95ce258954596b13e2e0e76c7d0ab4c26"
-  integrity sha512-MALHuNgYWdGW3gKzuNMuYtcSSZbGQm94fAp16xt8VsYTLBjUSc55bLMKe6gzpWue0Tfi6CBgwCSdDAqutGDhMg==
+read-package-json@6.0.4:
+  version "6.0.4"
+  resolved "https://registry.yarnpkg.com/read-package-json/-/read-package-json-6.0.4.tgz#90318824ec456c287437ea79595f4c2854708836"
+  integrity sha512-AEtWXYfopBj2z5N5PbkAOeNHRPUg5q+Nen7QLxV8M2zJq1ym6/lCz3fYNTCXe19puu2d06jfHhrP7v/S2PtMMw==
   dependencies:
-    glob "^8.0.1"
-    json-parse-even-better-errors "^2.3.1"
-    normalize-package-data "^4.0.0"
-    npm-normalize-package-bin "^1.0.1"
-
-read-package-json@^5.0.0:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/read-package-json/-/read-package-json-5.0.2.tgz#b8779ccfd169f523b67208a89cc912e3f663f3fa"
-  integrity sha512-BSzugrt4kQ/Z0krro8zhTwV1Kd79ue25IhNN/VtHFy1mG/6Tluyi+msc0UpwaoQzxSHa28mntAjIZY6kEgfR9Q==
-  dependencies:
-    glob "^8.0.1"
-    json-parse-even-better-errors "^2.3.1"
-    normalize-package-data "^4.0.0"
-    npm-normalize-package-bin "^2.0.0"
+    glob "^10.2.2"
+    json-parse-even-better-errors "^3.0.0"
+    normalize-package-data "^5.0.0"
+    npm-normalize-package-bin "^3.0.0"
 
 read-package-json@^6.0.0:
   version "6.0.1"
@@ -15108,21 +16298,12 @@ read-pkg@^5.2.0:
     parse-json "^5.0.0"
     type-fest "^0.6.0"
 
-read@1, read@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/read/-/read-1.0.7.tgz#b3da19bd052431a97671d44a42634adf710b40c4"
-  integrity sha512-rSOKNYUmaxy0om1BNjMN4ezNT6VKK+2xF4GBhc81mkH7L60i6dp8qPYrkndNLT3QPphoII3maL9PVC9XmhHwVQ==
+read@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/read/-/read-2.1.0.tgz#69409372c54fe3381092bc363a00650b6ac37218"
+  integrity sha512-bvxi1QLJHcaywCAEsAk4DG3nVoqiY2Csps3qzWalhj5hFqRn1d/OixkFXtLO1PrgHUcAP0FNaSY/5GYNfENFFQ==
   dependencies:
-    mute-stream "~0.0.4"
-
-readable-stream@3, readable-stream@^3.0.0, readable-stream@^3.0.2, readable-stream@^3.0.6, readable-stream@^3.1.1, readable-stream@^3.4.0, readable-stream@^3.5.0, readable-stream@^3.6.0:
-  version "3.6.2"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
-  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
-  dependencies:
-    inherits "^2.0.3"
-    string_decoder "^1.1.1"
-    util-deprecate "^1.0.1"
+    mute-stream "~1.0.0"
 
 readable-stream@^2.0.1, readable-stream@~2.3.6:
   version "2.3.8"
@@ -15137,15 +16318,14 @@ readable-stream@^2.0.1, readable-stream@~2.3.6:
     string_decoder "~1.1.1"
     util-deprecate "~1.0.1"
 
-readable-stream@^4.1.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-4.3.0.tgz#0914d0c72db03b316c9733bb3461d64a3cc50cba"
-  integrity sha512-MuEnA0lbSi7JS8XM+WNJlWZkHAAdm7gETHdFK//Q/mChGyj2akEFtdLZh32jSdkWGbRwCW9pn6g3LWDdDeZnBQ==
+readable-stream@^3.0.0, readable-stream@^3.0.2, readable-stream@^3.0.6, readable-stream@^3.1.1, readable-stream@^3.4.0, readable-stream@^3.5.0, readable-stream@^3.6.0:
+  version "3.6.2"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
+  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
   dependencies:
-    abort-controller "^3.0.0"
-    buffer "^6.0.3"
-    events "^3.3.0"
-    process "^0.11.10"
+    inherits "^2.0.3"
+    string_decoder "^1.1.1"
+    util-deprecate "^1.0.1"
 
 readdirp@~3.6.0:
   version "3.6.0"
@@ -15181,6 +16361,18 @@ redux@^4.2.0, redux@^4.2.1:
   dependencies:
     "@babel/runtime" "^7.9.2"
 
+reflect.getprototypeof@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz#aaccbf41aca3821b87bb71d9dcbc7ad0ba50a3f3"
+  integrity sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    get-intrinsic "^1.2.1"
+    globalthis "^1.0.3"
+    which-builtin-type "^1.1.3"
+
 regenerate-unicode-properties@^10.1.0:
   version "10.1.0"
   resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.0.tgz#7c3192cab6dd24e21cb4461e5ddd7dd24fa8374c"
@@ -15215,10 +16407,17 @@ regenerator-transform@^0.15.1:
   dependencies:
     "@babel/runtime" "^7.8.4"
 
-regexp-tree@^0.1.24, regexp-tree@~0.1.1:
-  version "0.1.25"
-  resolved "https://registry.yarnpkg.com/regexp-tree/-/regexp-tree-0.1.25.tgz#1c864b07c06a198fc8153ddbe047897a5547305e"
-  integrity sha512-szcL3aqw+vEeuxhL1AMYRyeMP+goYF5I/guaH10uJX5xbGyeQeNPPneaj3ZWVmGLCDxrVaaYekkr5R12gk4dJw==
+regenerator-transform@^0.15.2:
+  version "0.15.2"
+  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.15.2.tgz#5bbae58b522098ebdf09bca2f83838929001c7a4"
+  integrity sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==
+  dependencies:
+    "@babel/runtime" "^7.8.4"
+
+regexp-tree@^0.1.27:
+  version "0.1.27"
+  resolved "https://registry.yarnpkg.com/regexp-tree/-/regexp-tree-0.1.27.tgz#2198f0ef54518ffa743fe74d983b56ffd631b6cd"
+  integrity sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==
 
 regexp.prototype.flags@^1.4.3:
   version "1.5.0"
@@ -15229,6 +16428,15 @@ regexp.prototype.flags@^1.4.3:
     define-properties "^1.2.0"
     functions-have-names "^1.2.3"
 
+regexp.prototype.flags@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz#90ce989138db209f81492edd734183ce99f9677e"
+  integrity sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    set-function-name "^2.0.0"
+
 regexpu-core@^5.3.1:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-5.3.2.tgz#11a2b06884f3527aec3e93dbbf4a3b958a95546b"
@@ -15241,6 +16449,13 @@ regexpu-core@^5.3.1:
     unicode-match-property-ecmascript "^2.0.0"
     unicode-match-property-value-ecmascript "^2.1.0"
 
+regjsparser@^0.10.0:
+  version "0.10.0"
+  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.10.0.tgz#b1ed26051736b436f22fdec1c8f72635f9f44892"
+  integrity sha512-qx+xQGZVsy55CH0a1hiVwHmqjLryfh7wQyF5HO07XJ9f7dQMY/gPQHhlyDkIzJKC+x2fUCpCcUODUUUFrm7SHA==
+  dependencies:
+    jsesc "~0.5.0"
+
 regjsparser@^0.9.1:
   version "0.9.1"
   resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.9.1.tgz#272d05aa10c7c1f67095b1ff0addae8442fc5709"
@@ -15248,6 +16463,34 @@ regjsparser@^0.9.1:
   dependencies:
     jsesc "~0.5.0"
 
+rehype-parse@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/rehype-parse/-/rehype-parse-9.0.0.tgz#3949faeec6f466ec57774215661e0d75469195d9"
+  integrity sha512-WG7nfvmWWkCR++KEkZevZb/uw41E8TsH4DsY9UxsTbIXCVGbAs4S+r8FrQ+OtH5EEQAs+5UxKC42VinkmpA1Yw==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    hast-util-from-html "^2.0.0"
+    unified "^11.0.0"
+
+rehype-stringify@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/rehype-stringify/-/rehype-stringify-10.0.0.tgz#2031cf6fdd0355393706f0474ec794c75e5492f2"
+  integrity sha512-1TX1i048LooI9QoecrXy7nGFFbFSufxVRAfc6Y9YMRAi56l+oB0zP51mLSV312uRuvVLPV1opSlJmslozR1XHQ==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    hast-util-to-html "^9.0.0"
+    unified "^11.0.0"
+
+rehype@13.0.1:
+  version "13.0.1"
+  resolved "https://registry.yarnpkg.com/rehype/-/rehype-13.0.1.tgz#56384ba83955e2f3aa7eca1975b406c67d9dbd5e"
+  integrity sha512-AcSLS2mItY+0fYu9xKxOu1LhUZeBZZBx8//5HKzF+0XP+eP8+6a5MXn2+DW2kfXR6Dtp1FEXMVrjyKAcvcU8vg==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    rehype-parse "^9.0.0"
+    rehype-stringify "^10.0.0"
+    unified "^11.0.0"
+
 remark-gfm@3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/remark-gfm/-/remark-gfm-3.0.1.tgz#0b180f095e3036545e9dddac0e8df3fa5cfee54f"
@@ -15353,6 +16596,13 @@ remark-stringify@^11.0.0:
     mdast-util-to-markdown "^2.0.0"
     unified "^11.0.0"
 
+request-progress@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/request-progress/-/request-progress-3.0.0.tgz#4ca754081c7fec63f505e4faa825aa06cd669dbe"
+  integrity sha512-MnWzEHHaxHO2iWiQuHrUPBi/1WeBf5PkxQqNyNvLl9VAYSdXkP8tQ3pBSeCPD+yw0v0Aq1zosWLz0BdeXpWwZg==
+  dependencies:
+    throttleit "^1.0.0"
+
 require-directory@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
@@ -15421,6 +16671,15 @@ resolve@^1.1.7, resolve@^1.10.0, resolve@^1.14.2, resolve@^1.19.0, resolve@^1.20
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
+resolve@^1.22.2:
+  version "1.22.6"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.6.tgz#dd209739eca3aef739c626fea1b4f3c506195362"
+  integrity sha512-njhxM7mV12JfufShqGy3Rz8j11RPdLy4xi15UurGJeoHLfJpVXKdh3ueuOqbYUcDZnffr6X739JBo5LzyahEsw==
+  dependencies:
+    is-core-module "^2.13.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
 resolve@^2.0.0-next.4:
   version "2.0.0-next.4"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-2.0.0-next.4.tgz#3d37a113d6429f496ec4752d2a2e58efb1fd4660"
@@ -15438,6 +16697,14 @@ restore-cursor@^3.1.0:
     onetime "^5.1.0"
     signal-exit "^3.0.2"
 
+restore-cursor@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-4.0.0.tgz#519560a4318975096def6e609d44100edaa4ccb9"
+  integrity sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==
+  dependencies:
+    onetime "^5.1.0"
+    signal-exit "^3.0.2"
+
 retry@^0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/retry/-/retry-0.12.0.tgz#1b42a6266a21f07421d1b0b54b7dc167b01c013b"
@@ -15458,17 +16725,12 @@ rfdc@^1.3.0:
   resolved "https://registry.yarnpkg.com/rfdc/-/rfdc-1.3.0.tgz#d0b7c441ab2720d05dc4cf26e01c89631d9da08b"
   integrity sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==
 
-rifm@^0.12.1:
-  version "0.12.1"
-  resolved "https://registry.yarnpkg.com/rifm/-/rifm-0.12.1.tgz#8fa77f45b7f1cda2a0068787ac821f0593967ac4"
-  integrity sha512-OGA1Bitg/dSJtI/c4dh90svzaUPt228kzFsUkJbtA2c964IqEAwWXeL9ZJi86xWv3j5SMqRvGULl7bA6cK0Bvg==
-
-rimraf@5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-5.0.0.tgz#5bda14e410d7e4dd522154891395802ce032c2cb"
-  integrity sha512-Jf9llaP+RvaEVS5nPShYFhtXIrb3LRKP281ib3So0KkeZKo2wIKyq0Re7TOSwanasA423PSr6CCIL4bP6T040g==
+rimraf@5.0.5:
+  version "5.0.5"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-5.0.5.tgz#9be65d2d6e683447d2e9013da2bf451139a61ccf"
+  integrity sha512-CqDakW+hMe/Bz202FPEymy68P+G50RfMQK+Qo5YUqc9SPipvbGjCGKd0RSKEelbsfQuw3g5NZDSrlZZAJurH1A==
   dependencies:
-    glob "^10.0.0"
+    glob "^10.3.7"
 
 rimraf@^2.6.2, rimraf@^2.6.3:
   version "2.7.1"
@@ -15508,10 +16770,10 @@ rollup@^2.43.1:
   optionalDependencies:
     fsevents "~2.3.2"
 
-rollup@^3.21.0:
-  version "3.21.6"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.21.6.tgz#f5649ccdf8fcc7729254faa457cbea9547eb86db"
-  integrity sha512-SXIICxvxQxR3D4dp/3LDHZIJPC8a4anKMHd4E3Jiz2/JnY+2bEjqrOokAauc5ShGVNFHlEFjBXAXlaxkJqIqSg==
+rollup@^3.27.1:
+  version "3.29.4"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.29.4.tgz#4d70c0f9834146df8705bfb69a9a19c9e1109981"
+  integrity sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==
   optionalDependencies:
     fsevents "~2.3.2"
 
@@ -15539,7 +16801,14 @@ rxjs@^6.6.0:
   dependencies:
     tslib "^1.9.0"
 
-rxjs@^7.5.5, rxjs@^7.8.0:
+rxjs@^7.5.1:
+  version "7.8.1"
+  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.8.1.tgz#6f6f3d99ea8044291efd92e7c7fcf562c4057543"
+  integrity sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==
+  dependencies:
+    tslib "^2.1.0"
+
+rxjs@^7.5.5:
   version "7.8.0"
   resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.8.0.tgz#90a938862a82888ff4c7359811a595e14e1e09a4"
   integrity sha512-F2+gxDshqmIub1KdvZkaEfGDwLNpPvk9Fs6LD/MyQxNgMds/WH9OdDDXOmxUZpME+iSK3rQCctkL0DYyytUqMg==
@@ -15563,12 +16832,22 @@ safe-array-concat@^1.0.0:
     has-symbols "^1.0.3"
     isarray "^2.0.5"
 
+safe-array-concat@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.0.1.tgz#91686a63ce3adbea14d61b14c99572a8ff84754c"
+  integrity sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.2.1"
+    has-symbols "^1.0.3"
+    isarray "^2.0.5"
+
 safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
   integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
 
-safe-buffer@5.2.1, safe-buffer@>=5.1.0, safe-buffer@^5.1.0, safe-buffer@~5.2.0:
+safe-buffer@5.2.1, safe-buffer@>=5.1.0, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.2, safe-buffer@~5.2.0:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
   integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
@@ -15582,14 +16861,7 @@ safe-regex-test@^1.0.0:
     get-intrinsic "^1.1.3"
     is-regex "^1.1.4"
 
-safe-regex@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/safe-regex/-/safe-regex-2.1.1.tgz#f7128f00d056e2fe5c11e81a1324dd974aadced2"
-  integrity sha512-rx+x8AMzKb5Q5lQ95Zoi6ZbJqwCLkqi3XuJXp5P3rT8OEc6sZCJG5AE5dU3lsgRr/F4Bs31jSlVN+j5KrsGu9A==
-  dependencies:
-    regexp-tree "~0.1.1"
-
-"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0":
+"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
@@ -15634,7 +16906,7 @@ schema-utils@^2.6.5:
     ajv "^6.12.4"
     ajv-keywords "^3.5.2"
 
-schema-utils@^3.0.0, schema-utils@^3.1.1, schema-utils@^3.1.2:
+schema-utils@^3.0.0, schema-utils@^3.1.1:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.1.2.tgz#36c10abca6f7577aeae136c804b0c741edeadc99"
   integrity sha512-pvjEHOgWc9OWA/f/DE3ohBWTD6EleVLf7iFUkoSwAxttdBhB9QUebQgxER2kWueOvRJXPHNnyrvvh9eZINB8Eg==
@@ -15643,6 +16915,15 @@ schema-utils@^3.0.0, schema-utils@^3.1.1, schema-utils@^3.1.2:
     ajv "^6.12.5"
     ajv-keywords "^3.5.2"
 
+schema-utils@^3.2.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.3.0.tgz#f50a88877c3c01652a15b622ae9e9795df7a60fe"
+  integrity sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==
+  dependencies:
+    "@types/json-schema" "^7.0.8"
+    ajv "^6.12.5"
+    ajv-keywords "^3.5.2"
+
 schema-utils@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.0.1.tgz#eb2d042df8b01f4b5c276a2dfd41ba0faab72e8d"
@@ -15668,11 +16949,6 @@ section-matter@^1.0.0:
     extend-shallow "^2.0.1"
     kind-of "^6.0.0"
 
-secure-compare@3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/secure-compare/-/secure-compare-3.0.1.tgz#f1a0329b308b221fae37b9974f3d578d0ca999e3"
-  integrity sha512-AckIIV90rPDcBcglUwXPF3kg0P0qmPsPXAj6BBEENQE1p5yA1xfmDJzfi1Tappj37Pv2mVbKpL3Z1T+Nn7k1Qw==
-
 select-hose@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
@@ -15695,32 +16971,25 @@ semaphore@1.1.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.2.tgz#48d55db737c3287cd4835e17fa13feace1c41ef8"
   integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
 
-semver@7.3.4:
-  version "7.3.4"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.4.tgz#27aaa7d2e4ca76452f98d3add093a72c943edc97"
-  integrity sha512-tCfb2WLjqFAtXn4KEdxIhalnRtoKFN7nAwj0B3ZXCbQloV2tq5eDbcTmT68JJD3nRJq24/XgxtQKFIpQdtvmVw==
+semver@7.5.3:
+  version "7.5.3"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.3.tgz#161ce8c2c6b4b3bdca6caadc9fa3317a4c4fe88e"
+  integrity sha512-QBlUtyVk/5EeHbi7X0fw6liDZc7BBmEaSYn01fMU1OUYbf6GPsbTtd8WmnqbI20SeycoHSeiybkE/q1Q+qlThQ==
   dependencies:
     lru-cache "^6.0.0"
 
-semver@7.3.8:
-  version "7.3.8"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz#07a78feafb3f7b32347d725e33de7e2a2df67798"
-  integrity sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==
-  dependencies:
-    lru-cache "^6.0.0"
+semver@^6.0.0, semver@^6.1.1, semver@^6.1.2, semver@^6.3.0, semver@^6.3.1:
+  version "6.3.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
+  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
-semver@7.x, semver@^7.0.0, semver@^7.1.1, semver@^7.3.4, semver@^7.3.5, semver@^7.3.7, semver@^7.3.8:
+semver@^7.0.0, semver@^7.1.1, semver@^7.3.4, semver@^7.3.5, semver@^7.3.7, semver@^7.3.8, semver@^7.5.3, semver@^7.5.4:
   version "7.5.4"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.4.tgz#483986ec4ed38e1c6c48c34894a9182dbff68a6e"
   integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
   dependencies:
     lru-cache "^6.0.0"
 
-semver@^6.0.0, semver@^6.1.1, semver@^6.1.2, semver@^6.3.0:
-  version "6.3.1"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
-  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
-
 send@0.18.0:
   version "0.18.0"
   resolved "https://registry.yarnpkg.com/send/-/send-0.18.0.tgz#670167cc654b05f5aa4a767f9113bb371bc706be"
@@ -15782,6 +17051,15 @@ set-blocking@^2.0.0:
   resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
   integrity sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==
 
+set-function-name@^2.0.0, set-function-name@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/set-function-name/-/set-function-name-2.0.1.tgz#12ce38b7954310b9f61faa12701620a0c882793a"
+  integrity sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==
+  dependencies:
+    define-data-property "^1.0.1"
+    functions-have-names "^1.2.3"
+    has-property-descriptors "^1.0.0"
+
 setprototypeof@1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.0.tgz#d0bd85536887b6fe7c0d818cb962d9d91c54e656"
@@ -15861,10 +17139,21 @@ sigstore@^1.3.0:
     make-fetch-happen "^11.0.1"
     tuf-js "^1.1.3"
 
-simple-git@3.17.0:
-  version "3.17.0"
-  resolved "https://registry.yarnpkg.com/simple-git/-/simple-git-3.17.0.tgz#1a961fa43f697b4e2391cf34c8a0554ef84fed8e"
-  integrity sha512-JozI/s8jr3nvLd9yn2jzPVHnhVzt7t7QWfcIoDcqRIGN+f1IINGv52xoZti2kkYfoRhhRvzMSNPfogHMp97rlw==
+sigstore@^1.4.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/sigstore/-/sigstore-1.9.0.tgz#1e7ad8933aa99b75c6898ddd0eeebc3eb0d59875"
+  integrity sha512-0Zjz0oe37d08VeOtBIuB6cRriqXse2e8w+7yIy2XSXjshRKxbc2KkhXjL229jXSxEm7UbcjS76wcJDGQddVI9A==
+  dependencies:
+    "@sigstore/bundle" "^1.1.0"
+    "@sigstore/protobuf-specs" "^0.2.0"
+    "@sigstore/sign" "^1.0.0"
+    "@sigstore/tuf" "^1.0.3"
+    make-fetch-happen "^11.0.1"
+
+simple-git@3.20.0:
+  version "3.20.0"
+  resolved "https://registry.yarnpkg.com/simple-git/-/simple-git-3.20.0.tgz#ff9c3f736d6b2bf0e3510209569d206aac84833d"
+  integrity sha512-ozK8tl2hvLts8ijTs18iFruE+RoqmC/mqZhjs/+V7gS5W68JpJ3+FCTmLVqmR59MaUQ52MfGQuWsIqfsTbbJ0Q==
   dependencies:
     "@kwsites/file-exists" "^1.1.1"
     "@kwsites/promise-deferred" "^1.1.1"
@@ -15973,6 +17262,14 @@ smart-buffer@^4.2.0:
   resolved "https://registry.yarnpkg.com/smart-buffer/-/smart-buffer-4.2.0.tgz#6e1d71fa4f18c05f7d0ff216dd16a481d0e8d9ae"
   integrity sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==
 
+snake-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/snake-case/-/snake-case-3.0.4.tgz#4f2bbd568e9935abdfd593f34c691dadb49c452c"
+  integrity sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==
+  dependencies:
+    dot-case "^3.0.4"
+    tslib "^2.0.3"
+
 sockjs@^0.3.24:
   version "0.3.24"
   resolved "https://registry.yarnpkg.com/sockjs/-/sockjs-0.3.24.tgz#c9bc8995f33a111bea0395ec30aa3206bdb5ccce"
@@ -16140,24 +17437,19 @@ spdy@^4.0.2:
     select-hose "^2.0.0"
     spdy-transport "^3.0.0"
 
-specificity@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/specificity/-/specificity-0.4.1.tgz#aab5e645012db08ba182e151165738d00887b019"
-  integrity sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==
-
 split-on-first@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/split-on-first/-/split-on-first-1.1.0.tgz#f610afeee3b12bce1d0c30425e76398b78249a5f"
   integrity sha512-43ZssAJaMusuKWL8sKUBQXHWOpq8d6CfN/u1p4gUzfJkM05C8rxTmYrkIPTXapZpORA6LkkzcUulJ8FqA7Uudw==
 
-split2@^3.0.0:
+split2@^3.2.2:
   version "3.2.2"
   resolved "https://registry.yarnpkg.com/split2/-/split2-3.2.2.tgz#bf2cf2a37d838312c249c89206fd7a17dd12365f"
   integrity sha512-9NThjpgZnifTkJpzTZ7Eue85S49QwpNhZTq6GRJwObb6jnLFNGB7Qm73V5HewTROPyxD0C29xqmaI68bQtV+hg==
   dependencies:
     readable-stream "^3.0.0"
 
-split@^1.0.0:
+split@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/split/-/split-1.0.1.tgz#605bd9be303aa59fb35f9229fbea0ddec9ea07d9"
   integrity sha512-mTyOoPbrivtXnwnIxZRFYRrPNtEFKlpB2fvjSnCQUiAA6qAZzqwna5envK4uk6OIeP17CsdF3rSBGYVBsU0Tkg==
@@ -16169,12 +17461,25 @@ sprintf-js@~1.0.2:
   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
   integrity sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==
 
-ssri@9.0.1, ssri@^9.0.0:
-  version "9.0.1"
-  resolved "https://registry.yarnpkg.com/ssri/-/ssri-9.0.1.tgz#544d4c357a8d7b71a19700074b6883fcb4eae057"
-  integrity sha512-o57Wcn66jMQvfHG1FlYbWeZWW/dHZhJXjpIcTfXldXEk5nz5lStPo3mK0OJQfGR3RbZUlbISexbljkJzuEj/8Q==
+sshpk@^1.14.1:
+  version "1.18.0"
+  resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.18.0.tgz#1663e55cddf4d688b86a46b77f0d5fe363aba028"
+  integrity sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==
   dependencies:
-    minipass "^3.1.1"
+    asn1 "~0.2.3"
+    assert-plus "^1.0.0"
+    bcrypt-pbkdf "^1.0.0"
+    dashdash "^1.12.0"
+    ecc-jsbn "~0.1.1"
+    getpass "^0.1.1"
+    jsbn "~0.1.0"
+    safer-buffer "^2.0.2"
+    tweetnacl "~0.14.0"
+
+ssim.js@^3.1.1:
+  version "3.5.0"
+  resolved "https://registry.yarnpkg.com/ssim.js/-/ssim.js-3.5.0.tgz#d7276b9ee99b57a5ff0db34035f02f35197e62df"
+  integrity sha512-Aj6Jl2z6oDmgYFFbQqK7fght19bXdOxY7Tj03nF+03M9gCBAjeIiO8/PlEGMfKDwYpw4q6iBqVq2YuREorGg/g==
 
 ssri@^10.0.0, ssri@^10.0.1:
   version "10.0.3"
@@ -16183,6 +17488,13 @@ ssri@^10.0.0, ssri@^10.0.1:
   dependencies:
     minipass "^4.0.0"
 
+ssri@^9.0.0, ssri@^9.0.1:
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/ssri/-/ssri-9.0.1.tgz#544d4c357a8d7b71a19700074b6883fcb4eae057"
+  integrity sha512-o57Wcn66jMQvfHG1FlYbWeZWW/dHZhJXjpIcTfXldXEk5nz5lStPo3mK0OJQfGR3RbZUlbISexbljkJzuEj/8Q==
+  dependencies:
+    minipass "^3.1.1"
+
 stable@^0.1.8:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf"
@@ -16225,15 +17537,20 @@ stream-browserify@3.0.0:
     inherits "~2.0.4"
     readable-stream "^3.5.0"
 
+streamsearch@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/streamsearch/-/streamsearch-1.1.0.tgz#404dd1e2247ca94af554e841a8ef0eaa238da764"
+  integrity sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==
+
 strict-uri-encode@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz#b9c7330c7042862f6b142dc274bbcc5866ce3546"
   integrity sha512-QwiXZgpRcKkhTj2Scnn++4PKtWsH0kpzZ62L2R6c/LUVYv7hVnZqcg2+sMuT6R7Jusu1vviK/MFsu6kNJfWlEQ==
 
-string-argv@^0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.1.tgz#95e2fbec0427ae19184935f816d74aaa4c5c19da"
-  integrity sha512-a1uQGz7IyVy9YwhqjZIZu1c8JO8dNIe20xBmSS6qu9kv++k3JGzCVmprbNN5Kn+BgzD5E7YYwg1CcjuJMRNsvg==
+string-argv@0.3.2:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.2.tgz#2b6d0ef24b656274d957d54e0a4bbf6153dc02b6"
+  integrity sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==
 
 string-length@^4.0.1:
   version "4.0.2"
@@ -16243,7 +17560,7 @@ string-length@^4.0.1:
     char-regex "^1.0.2"
     strip-ansi "^6.0.0"
 
-"string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
+"string-width-cjs@npm:string-width@^4.2.0", "string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -16252,7 +17569,7 @@ string-length@^4.0.1:
     is-fullwidth-code-point "^3.0.0"
     strip-ansi "^6.0.1"
 
-string-width@^5.0.0:
+string-width@^5.0.0, string-width@^5.0.1, string-width@^5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-5.1.2.tgz#14f8daec6d81e7221d2a357e668cab73bdbca794"
   integrity sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==
@@ -16298,6 +17615,15 @@ string.prototype.trim@^1.2.6, string.prototype.trim@^1.2.7:
     define-properties "^1.1.4"
     es-abstract "^1.20.4"
 
+string.prototype.trim@^1.2.8:
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz#f9ac6f8af4bd55ddfa8895e6aea92a96395393bd"
+  integrity sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+
 string.prototype.trimend@^1.0.6:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.6.tgz#c4a27fa026d979d79c04f17397f250a462944533"
@@ -16307,6 +17633,15 @@ string.prototype.trimend@^1.0.6:
     define-properties "^1.1.4"
     es-abstract "^1.20.4"
 
+string.prototype.trimend@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.7.tgz#1bb3afc5008661d73e2dc015cd4853732d6c471e"
+  integrity sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+
 string.prototype.trimstart@^1.0.6:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.6.tgz#e90ab66aa8e4007d92ef591bbf3cd422c56bdcf4"
@@ -16316,6 +17651,15 @@ string.prototype.trimstart@^1.0.6:
     define-properties "^1.1.4"
     es-abstract "^1.20.4"
 
+string.prototype.trimstart@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.7.tgz#d4cdb44b83a4737ffbac2d406e405d43d0184298"
+  integrity sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+
 string_decoder@^1.1.1:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
@@ -16347,6 +17691,13 @@ stringify-object@^3.3.0:
     is-obj "^1.0.1"
     is-regexp "^1.0.0"
 
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
 strip-ansi@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
@@ -16354,13 +17705,6 @@ strip-ansi@^3.0.0:
   dependencies:
     ansi-regex "^2.0.0"
 
-strip-ansi@^6.0.0, strip-ansi@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
-  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
-  dependencies:
-    ansi-regex "^5.0.1"
-
 strip-ansi@^7.0.1:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.0.1.tgz#61740a08ce36b61e50e65653f07060d000975fb2"
@@ -16405,7 +17749,7 @@ strip-indent@^3.0.0:
   dependencies:
     min-indent "^1.0.0"
 
-strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
+strip-json-comments@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
@@ -16419,15 +17763,15 @@ strong-log-transformer@2.1.0, strong-log-transformer@^2.1.0:
     minimist "^1.2.0"
     through "^2.3.4"
 
-style-loader@3.3.2:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-3.3.2.tgz#eaebca714d9e462c19aa1e3599057bc363924899"
-  integrity sha512-RHs/vcrKdQK8wZliteNK4NKzxvLBzpuHMqYmUVWeKa6MkaIQ97ZTOS0b+zapZhy6GcrgWnvWYCMHRirC3FsUmw==
+style-loader@3.3.3:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-3.3.3.tgz#bba8daac19930169c0c9c96706749a597ae3acff"
+  integrity sha512-53BiGLXAcll9maCYtZi2RCQZKa8NQQai5C4horqKyRmHj9H7QmcUyucrH+4KW/gBQbXM2AsB0axoEcFZPlfPcw==
 
-style-mod@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/style-mod/-/style-mod-4.0.3.tgz#136c4abc905f82a866a18b39df4dc08ec762b1ad"
-  integrity sha512-78Jv8kYJdjbvRwwijtCevYADfsI0lGzYJe4mMFdceO8l75DFFDoqBhR1jVDicDRRaX4//g1u9wKeo+ztc2h1Rw==
+style-mod@^4.0.0, style-mod@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/style-mod/-/style-mod-4.1.0.tgz#a313a14f4ae8bb4d52878c0053c4327fb787ec09"
+  integrity sha512-Ca5ib8HrFn+f+0n4N4ScTIA9iTOQ7MaGS1ylHcoVqW9J7w2w8PzN6g9gKmTYgGEBH8e120+RCmhpje6jC5uGWA==
 
 style-to-object@^0.4.0:
   version "0.4.4"
@@ -16437,9 +17781,9 @@ style-to-object@^0.4.0:
     inline-style-parser "0.1.1"
 
 style-to-object@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/style-to-object/-/style-to-object-0.4.1.tgz#53cf856f7cf7f172d72939d9679556469ba5de37"
-  integrity sha512-HFpbb5gr2ypci7Qw+IOhnP2zOU7e77b+rzM+wTzXzfi1PrtBCX0E7Pk4wL4iTLnhzZ+JgEGAhX81ebTg/aYjQw==
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/style-to-object/-/style-to-object-0.4.2.tgz#a8247057111dea8bd3b8a1a66d2d0c9cf9218a54"
+  integrity sha512-1JGpfPB3lo42ZX8cuPrheZbfQ6kqPPnPHlKMyeRYtfKD+0jG+QsXgXN57O/dvJlzlB2elI6dGmrPnl5VPQFPaA==
   dependencies:
     inline-style-parser "0.1.1"
 
@@ -16450,10 +17794,10 @@ style-to-object@^1.0.0:
   dependencies:
     inline-style-parser "0.2.2"
 
-styled-components@5.3.10:
-  version "5.3.10"
-  resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-5.3.10.tgz#42f7245f58fe960362a63f543dda23c0ac107c0f"
-  integrity sha512-3kSzSBN0TiCnGJM04UwO1HklIQQSXW7rCARUk+VyMR7clz8XVlA3jijtf5ypqoDIdNMKx3la4VvaPFR855SFcg==
+styled-components@5.3.11:
+  version "5.3.11"
+  resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-5.3.11.tgz#9fda7bf1108e39bf3f3e612fcc18170dedcd57a8"
+  integrity sha512-uuzIIfnVkagcVHv9nE0VPlHPSCmXIUGKfJ42LNjxCCTDTL5sgnJ8Z7GZBq0EnLYGln77tPpEpExt2+qa+cZqSw==
   dependencies:
     "@babel/helper-module-imports" "^7.0.0"
     "@babel/traverse" "^7.4.5"
@@ -16473,15 +17817,15 @@ styled-jsx@5.1.1:
   dependencies:
     client-only "0.0.1"
 
-stylis@4.1.3:
-  version "4.1.3"
-  resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.1.3.tgz#fd2fbe79f5fed17c55269e16ed8da14c84d069f7"
-  integrity sha512-GP6WDNWf+o403jrEp9c5jibKavrtLW+/qYGhFxFrG8maXhwTBI7gLLhiBb0o7uFccWN+EOS9aMO6cGHWAO07OA==
+stylis@4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.2.0.tgz#79daee0208964c8fe695a42fcffcac633a211a51"
+  integrity sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==
 
-sucrase@^3.29.0:
-  version "3.32.0"
-  resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.32.0.tgz#c4a95e0f1e18b6847127258a75cf360bc568d4a7"
-  integrity sha512-ydQOU34rpSyj2TGyz4D2p8rbktIOZ8QY9s+DGLvFU1i5pWJE8vkpruCjGCMHsdXwnD7JDcS+noSwM/a7zyNFDQ==
+sucrase@^3.32.0:
+  version "3.34.0"
+  resolved "https://registry.yarnpkg.com/sucrase/-/sucrase-3.34.0.tgz#1e0e2d8fcf07f8b9c3569067d92fbd8690fb576f"
+  integrity sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==
   dependencies:
     "@jridgewell/gen-mapping" "^0.3.2"
     commander "^4.0.0"
@@ -16510,7 +17854,7 @@ supports-color@^7.0.0, supports-color@^7.1.0:
   dependencies:
     has-flag "^4.0.0"
 
-supports-color@^8.0.0:
+supports-color@^8.0.0, supports-color@^8.1.1:
   version "8.1.1"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
   integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
@@ -16592,35 +17936,33 @@ tabbable@^6.2.0:
   resolved "https://registry.yarnpkg.com/tabbable/-/tabbable-6.2.0.tgz#732fb62bc0175cfcec257330be187dcfba1f3b97"
   integrity sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==
 
-tailwindcss@3.3.1:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.3.1.tgz#b6662fab6a9b704779e48d083a9fef5a81d2b81e"
-  integrity sha512-Vkiouc41d4CEq0ujXl6oiGFQ7bA3WEhUZdTgXAhtKxSy49OmKs8rEfQmupsfF0IGW8fv2iQkp1EVUuapCFrZ9g==
+tailwindcss@3.3.3:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.3.3.tgz#90da807393a2859189e48e9e7000e6880a736daf"
+  integrity sha512-A0KgSkef7eE4Mf+nKJ83i75TMyq8HqY3qmFIJSWy8bNt0v1lG7jUcpGpoTFxAwYcWOphcTBLPPJg+bDfhDf52w==
   dependencies:
+    "@alloc/quick-lru" "^5.2.0"
     arg "^5.0.2"
     chokidar "^3.5.3"
-    color-name "^1.1.4"
     didyoumean "^1.2.2"
     dlv "^1.1.3"
     fast-glob "^3.2.12"
     glob-parent "^6.0.2"
     is-glob "^4.0.3"
-    jiti "^1.17.2"
-    lilconfig "^2.0.6"
+    jiti "^1.18.2"
+    lilconfig "^2.1.0"
     micromatch "^4.0.5"
     normalize-path "^3.0.0"
     object-hash "^3.0.0"
     picocolors "^1.0.0"
-    postcss "^8.0.9"
-    postcss-import "^14.1.0"
-    postcss-js "^4.0.0"
-    postcss-load-config "^3.1.4"
-    postcss-nested "6.0.0"
+    postcss "^8.4.23"
+    postcss-import "^15.1.0"
+    postcss-js "^4.0.1"
+    postcss-load-config "^4.0.1"
+    postcss-nested "^6.0.1"
     postcss-selector-parser "^6.0.11"
-    postcss-value-parser "^4.2.0"
-    quick-lru "^5.1.1"
-    resolve "^1.22.1"
-    sucrase "^3.29.0"
+    resolve "^1.22.2"
+    sucrase "^3.32.0"
 
 tapable@^2.1.1, tapable@^2.2.0:
   version "2.2.1"
@@ -16672,17 +18014,6 @@ temp-dir@^2.0.0:
   resolved "https://registry.yarnpkg.com/temp-dir/-/temp-dir-2.0.0.tgz#bde92b05bdfeb1516e804c9c00ad45177f31321e"
   integrity sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==
 
-tempy@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/tempy/-/tempy-1.0.0.tgz#4f192b3ee3328a2684d0e3fc5c491425395aab65"
-  integrity sha512-eLXG5B1G0mRPHmgH2WydPl5v4jH35qEn3y/rA/aahKhIa91Pn119SsU7n7v/433gtT9ONzC8ISvNHIh2JSTm0w==
-  dependencies:
-    del "^6.0.0"
-    is-stream "^2.0.0"
-    temp-dir "^2.0.0"
-    type-fest "^0.16.0"
-    unique-string "^2.0.0"
-
 tempy@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/tempy/-/tempy-0.6.0.tgz#65e2c35abc06f1124a97f387b08303442bde59f3"
@@ -16747,6 +18078,11 @@ thenify-all@^1.0.0:
   dependencies:
     any-promise "^1.0.0"
 
+throttleit@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/throttleit/-/throttleit-1.0.0.tgz#9e785836daf46743145a5984b6268d828528ac6c"
+  integrity sha512-rkTVqu6IjfQ/6+uNuuc3sZek4CEYxTJom3IktzgdSxcZqdARuebbA/f4QmAxMQIxqq9ZLEUkSYqvuk1I6VKq4g==
+
 through2@^2.0.0:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
@@ -16755,13 +18091,6 @@ through2@^2.0.0:
     readable-stream "~2.3.6"
     xtend "~4.0.1"
 
-through2@^4.0.0:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/through2/-/through2-4.0.2.tgz#a7ce3ac2a7a8b0b966c80e7c49f0484c3b239764"
-  integrity sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==
-  dependencies:
-    readable-stream "3"
-
 through@2, "through@>=2.2.7 <3", through@^2.3.4, through@^2.3.6, through@^2.3.8:
   version "2.3.8"
   resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
@@ -16853,7 +18182,7 @@ totalist@^1.0.0:
   resolved "https://registry.yarnpkg.com/totalist/-/totalist-1.1.0.tgz#a4d65a3e546517701e3e5c37a47a70ac97fe56df"
   integrity sha512-gduQwd1rOdDMGxFG1gEvhV88Oirdo2p+KjoYFU7k2g+i7n6AFFbDQ5kMPUsW0pNbfQsB/cwXvT1i4Bue0s9g5g==
 
-tough-cookie@^4.1.2:
+tough-cookie@^4.1.2, tough-cookie@^4.1.3:
   version "4.1.3"
   resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.3.tgz#97b9adb0728b42280aa3d814b6b999b2ff0318bf"
   integrity sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==
@@ -16887,11 +18216,6 @@ traverse@0.6.6:
   resolved "https://registry.yarnpkg.com/traverse/-/traverse-0.6.6.tgz#cbdf560fd7b9af632502fed40f918c157ea97137"
   integrity sha512-kdf4JKs8lbARxWdp7RKdNzoJBhGUcIalSYibuGyHJbmk40pOysQ0+QPvlkCOICOivDWU2IJo2rkrxyTK2AH4fw==
 
-treeverse@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/treeverse/-/treeverse-3.0.0.tgz#dd82de9eb602115c6ebd77a574aae67003cb48c8"
-  integrity sha512-gcANaAnd2QDZFmHFEOF4k7uc1J/6a6z3DJMd/QwEyxLoKGiptJRwid582r7QIsFlFMIZ3SnxfS52S4hm2DHkuQ==
-
 trim-lines@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/trim-lines/-/trim-lines-3.0.1.tgz#d802e332a07df861c48802c04321017b1bd87338"
@@ -16919,15 +18243,20 @@ truncate-utf8-bytes@^1.0.0:
   dependencies:
     utf8-byte-length "^1.0.1"
 
+ts-api-utils@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-1.0.3.tgz#f12c1c781d04427313dbac808f453f050e54a331"
+  integrity sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==
+
 ts-interface-checker@^0.1.9:
   version "0.1.13"
   resolved "https://registry.yarnpkg.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz#784fd3d679722bc103b1b4b8030bcddb5db2a699"
   integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
 
-ts-jest@29.1.0:
-  version "29.1.0"
-  resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-29.1.0.tgz#4a9db4104a49b76d2b368ea775b6c9535c603891"
-  integrity sha512-ZhNr7Z4PcYa+JjMl62ir+zPiNJfXJN6E8hSLnaUKhOgqcn8vb3e537cpkd0FuAfRK3sR1LSqM1MOhliXNgOFPA==
+ts-jest@29.1.1:
+  version "29.1.1"
+  resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-29.1.1.tgz#f58fe62c63caf7bfcc5cc6472082f79180f0815b"
+  integrity sha512-D6xjnnbP17cC85nliwGiL+tpoKN0StpgE0TeOjXQTU6MVCfsB4v7aW05CgQ/1OywGb0x/oy9hHFnN+sczTiRaA==
   dependencies:
     bs-logger "0.x"
     fast-json-stable-stringify "2.x"
@@ -16935,7 +18264,7 @@ ts-jest@29.1.0:
     json5 "^2.2.3"
     lodash.memoize "4.x"
     make-error "1.x"
-    semver "7.x"
+    semver "^7.5.3"
     yargs-parser "^21.0.1"
 
 ts-loader@9.4.2:
@@ -16976,7 +18305,16 @@ tsconfig-paths-webpack-plugin@4.0.1:
     enhanced-resolve "^5.7.0"
     tsconfig-paths "^4.1.2"
 
-tsconfig-paths@^3.14.1:
+tsconfig-paths-webpack-plugin@4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/tsconfig-paths-webpack-plugin/-/tsconfig-paths-webpack-plugin-4.1.0.tgz#3c6892c5e7319c146eee1e7302ed9e6f2be4f763"
+  integrity sha512-xWFISjviPydmtmgeUAuXp4N1fky+VCtfhOkDUFIv5ea7p4wuTomI4QTrXvFBX2S4jZsmyTSrStQl+E+4w+RzxA==
+  dependencies:
+    chalk "^4.1.0"
+    enhanced-resolve "^5.7.0"
+    tsconfig-paths "^4.1.2"
+
+tsconfig-paths@^3.14.2:
   version "3.14.2"
   resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz#6e32f1f79412decd261f92d633a9dc1cfa99f088"
   integrity sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==
@@ -16995,7 +18333,7 @@ tsconfig-paths@^4.1.2:
     minimist "^1.2.6"
     strip-bom "^3.0.0"
 
-tslib@^1.8.1, tslib@^1.9.0:
+tslib@^1.9.0:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
@@ -17005,12 +18343,10 @@ tslib@^2.0.0, tslib@^2.1.0, tslib@^2.2.0, tslib@^2.3.0, tslib@^2.4.0, tslib@^2.5
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.5.0.tgz#42bfed86f5787aeb41d031866c8f402429e0fddf"
   integrity sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==
 
-tsutils@^3.21.0:
-  version "3.21.0"
-  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.21.0.tgz#b48717d394cea6c1e096983eed58e9d61715b623"
-  integrity sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==
-  dependencies:
-    tslib "^1.8.1"
+tslib@^2.0.3:
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"
+  integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
 
 tuf-js@^1.1.3:
   version "1.1.4"
@@ -17020,6 +18356,27 @@ tuf-js@^1.1.3:
     "@tufjs/models" "1.0.3"
     make-fetch-happen "^11.0.1"
 
+tuf-js@^1.1.7:
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/tuf-js/-/tuf-js-1.1.7.tgz#21b7ae92a9373015be77dfe0cb282a80ec3bbe43"
+  integrity sha512-i3P9Kgw3ytjELUfpuKVDNBJvk4u5bXL6gskv572mcevPbSKCV3zt3djhmlEQ65yERjIbOSncy7U4cQJaB1CBCg==
+  dependencies:
+    "@tufjs/models" "1.0.4"
+    debug "^4.3.4"
+    make-fetch-happen "^11.1.1"
+
+tunnel-agent@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
+  integrity sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==
+  dependencies:
+    safe-buffer "^5.0.1"
+
+tweetnacl@^0.14.3, tweetnacl@~0.14.0:
+  version "0.14.5"
+  resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"
+  integrity sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==
+
 type-check@^0.4.0, type-check@~0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.4.0.tgz#07b8203bfa7056c0657050e3ccd2c37730bab8f1"
@@ -17074,6 +18431,11 @@ type-fest@^0.8.1:
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
   integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==
 
+type-fest@^1.0.2:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-1.4.0.tgz#e9fb813fe3bf1744ec359d55d1affefa76f14be1"
+  integrity sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==
+
 type-is@~1.6.18:
   version "1.6.18"
   resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
@@ -17082,15 +18444,35 @@ type-is@~1.6.18:
     media-typer "0.3.0"
     mime-types "~2.1.24"
 
-type@^1.0.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/type/-/type-1.2.0.tgz#848dd7698dafa3e54a6c479e759c4bc3f18847a0"
-  integrity sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg==
+typed-array-buffer@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz#18de3e7ed7974b0a729d3feecb94338d1472cd60"
+  integrity sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.2.1"
+    is-typed-array "^1.1.10"
 
-type@^2.7.2:
-  version "2.7.2"
-  resolved "https://registry.yarnpkg.com/type/-/type-2.7.2.tgz#2376a15a3a28b1efa0f5350dcf72d24df6ef98d0"
-  integrity sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw==
+typed-array-byte-length@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz#d787a24a995711611fb2b87a4052799517b230d0"
+  integrity sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==
+  dependencies:
+    call-bind "^1.0.2"
+    for-each "^0.3.3"
+    has-proto "^1.0.1"
+    is-typed-array "^1.1.10"
+
+typed-array-byte-offset@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/typed-array-byte-offset/-/typed-array-byte-offset-1.0.0.tgz#cbbe89b51fdef9cd6aaf07ad4707340abbc4ea0b"
+  integrity sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==
+  dependencies:
+    available-typed-arrays "^1.0.5"
+    call-bind "^1.0.2"
+    for-each "^0.3.3"
+    has-proto "^1.0.1"
+    is-typed-array "^1.1.10"
 
 typed-array-length@^1.0.4:
   version "1.0.4"
@@ -17101,27 +18483,15 @@ typed-array-length@^1.0.4:
     for-each "^0.3.3"
     is-typed-array "^1.1.9"
 
-typedarray-to-buffer@^3.1.5:
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz#a97ee7a9ff42691b9f783ff1bc5112fe3fca9080"
-  integrity sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==
-  dependencies:
-    is-typedarray "^1.0.0"
-
 typedarray@^0.0.6:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==
 
-typescript@5.0.4:
-  version "5.0.4"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.0.4.tgz#b217fd20119bd61a94d4011274e0ab369058da3b"
-  integrity sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==
-
-"typescript@^3 || ^4":
-  version "4.9.5"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.5.tgz#095979f9bcc0d09da324d58d03ce8f8374cbe65a"
-  integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==
+typescript@5.2.2, "typescript@>=3 < 6":
+  version "5.2.2"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.2.2.tgz#5ebb5e5a5b75f085f22bc3f8460fba308310fa78"
+  integrity sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==
 
 uglify-js@^3.1.4:
   version "3.17.4"
@@ -17138,6 +18508,11 @@ unbox-primitive@^1.0.2:
     has-symbols "^1.0.3"
     which-boxed-primitive "^1.0.2"
 
+undici-types@~5.26.4:
+  version "5.26.5"
+  resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-5.26.5.tgz#bcd539893d00b56e964fd2657a4866b221a65617"
+  integrity sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==
+
 unicode-canonical-property-names-ecmascript@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz#301acdc525631670d39f6146e0e77ff6bbdebddc"
@@ -17199,13 +18574,6 @@ unified@^9.2.2:
     trough "^1.0.0"
     vfile "^4.0.0"
 
-union@~0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/union/-/union-0.5.0.tgz#b2c11be84f60538537b846edb9ba266ba0090075"
-  integrity sha512-N6uOhuW6zO95P3Mel2I2zMsbsanvvtgn6jVqJv4vbVcz/JN0OkL9suomjQGmWtxJQXOCqUJvquc1sMeNz/IwlA==
-  dependencies:
-    qs "^6.4.0"
-
 unique-filename@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/unique-filename/-/unique-filename-2.0.1.tgz#e785f8675a9a7589e0ac77e0b5c34d2eaeac6da2"
@@ -17341,6 +18709,15 @@ unist-util-visit-parents@^6.0.0:
     "@types/unist" "^3.0.0"
     unist-util-is "^6.0.0"
 
+unist-util-visit@4.1.2, unist-util-visit@^4.0.0:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-4.1.2.tgz#125a42d1eb876283715a3cb5cceaa531828c72e2"
+  integrity sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==
+  dependencies:
+    "@types/unist" "^2.0.0"
+    unist-util-is "^5.0.0"
+    unist-util-visit-parents "^5.1.1"
+
 unist-util-visit@5.0.0, unist-util-visit@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-5.0.0.tgz#a7de1f31f72ffd3519ea71814cccf5fd6a9217d6"
@@ -17350,15 +18727,6 @@ unist-util-visit@5.0.0, unist-util-visit@^5.0.0:
     unist-util-is "^6.0.0"
     unist-util-visit-parents "^6.0.0"
 
-unist-util-visit@^4.0.0:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-4.1.2.tgz#125a42d1eb876283715a3cb5cceaa531828c72e2"
-  integrity sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==
-  dependencies:
-    "@types/unist" "^2.0.0"
-    unist-util-is "^5.0.0"
-    unist-util-visit-parents "^5.1.1"
-
 universal-user-agent@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/universal-user-agent/-/universal-user-agent-6.0.0.tgz#3381f8503b251c0d9cd21bc1de939ec9df5480ee"
@@ -17384,7 +18752,12 @@ unquote@~1.1.1:
   resolved "https://registry.yarnpkg.com/unquote/-/unquote-1.1.1.tgz#8fded7324ec6e88a0ff8b905e7c098cdc086d544"
   integrity sha512-vRCqFv6UhXpWxZPyGDh/F3ZpNv8/qo7w6iufLpQg9aKnQ71qM4B5KiI7Mia9COcjEhrO9LueHpMYjYzsWH3OIg==
 
-upath@2.0.1, upath@^2.0.1:
+untildify@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/untildify/-/untildify-4.0.0.tgz#2bc947b953652487e4600949fb091e3ae8cd919b"
+  integrity sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==
+
+upath@2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/upath/-/upath-2.0.1.tgz#50c73dea68d6f6b990f51d279ce6081665d61a8b"
   integrity sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==
@@ -17402,6 +18775,14 @@ update-browserslist-db@^1.0.10:
     escalade "^3.1.1"
     picocolors "^1.0.0"
 
+update-browserslist-db@^1.0.13:
+  version "1.0.13"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz#3c5e4f5c083661bd38ef64b6328c26ed6c8248c4"
+  integrity sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==
+  dependencies:
+    escalade "^3.1.1"
+    picocolors "^1.0.0"
+
 uri-js@^4.2.2:
   version "4.4.1"
   resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
@@ -17414,11 +18795,6 @@ url-join@5.0.0:
   resolved "https://registry.yarnpkg.com/url-join/-/url-join-5.0.0.tgz#c2f1e5cbd95fa91082a93b58a1f42fecb4bdbcf1"
   integrity sha512-n2huDr9h9yzd6exQVnH/jU5mr+Pfx08LRXXZhkLLetAMESRj+anQsTAh940iMrIetKAmry9coFuZQ2jY8/p3WA==
 
-url-join@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/url-join/-/url-join-4.0.1.tgz#b642e21a2646808ffa178c4c5fda39844e12cde7"
-  integrity sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA==
-
 url-parse@^1.5.3:
   version "1.5.10"
   resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.10.tgz#9d3c2f736c1d75dd3bd2be507dcc111f1e2ea9c1"
@@ -17467,13 +18843,6 @@ use-sync-external-store@^1.0.0:
   resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz#7dbefd6ef3fe4e767a0cf5d7287aacfb5846928a"
   integrity sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==
 
-utf-8-validate@^5.0.2:
-  version "5.0.10"
-  resolved "https://registry.yarnpkg.com/utf-8-validate/-/utf-8-validate-5.0.10.tgz#d7d10ea39318171ca982718b6b96a8d2442571a2"
-  integrity sha512-Z6czzLq4u8fPOyx7TU6X3dvUZVvoJmxSQ+IcrlmagKhilxlhZgxPK6C5Jqbkw1IDUmFTM+cz9QDnnLTwDz/2gQ==
-  dependencies:
-    node-gyp-build "^4.3.0"
-
 utf8-byte-length@^1.0.1:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/utf8-byte-length/-/utf8-byte-length-1.0.4.tgz#f45f150c4c66eee968186505ab93fcbb8ad6bf61"
@@ -17499,16 +18868,16 @@ utils-merge@1.0.1:
   resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
   integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==
 
-uuid@8.3.2, uuid@^8.3.2:
+uuid@9.0.1, uuid@^9.0.0:
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/uuid/-/uuid-9.0.1.tgz#e188d4c8853cc722220392c424cd637f32293f30"
+  integrity sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==
+
+uuid@^8.3.2:
   version "8.3.2"
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
   integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
 
-uuid@9.0.0:
-  version "9.0.0"
-  resolved "https://registry.yarnpkg.com/uuid/-/uuid-9.0.0.tgz#592f550650024a38ceb0c562f2f6aa435761efb5"
-  integrity sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==
-
 uvu@^0.5.0:
   version "0.5.6"
   resolved "https://registry.yarnpkg.com/uvu/-/uvu-0.5.6.tgz#2754ca20bcb0bb59b64e9985e84d2e81058502df"
@@ -17556,10 +18925,10 @@ validate-npm-package-license@3.0.4, validate-npm-package-license@^3.0.1, validat
     spdx-correct "^3.0.0"
     spdx-expression-parse "^3.0.0"
 
-validate-npm-package-name@4.0.0, validate-npm-package-name@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/validate-npm-package-name/-/validate-npm-package-name-4.0.0.tgz#fe8f1c50ac20afdb86f177da85b3600f0ac0d747"
-  integrity sha512-mzR0L8ZDktZjpX4OB46KT+56MAhl4EIazWP/+G/HPGuvfdaqg4YsCdtOm6U9+LOFyYDoh4dpnpxZRB9MQQns5Q==
+validate-npm-package-name@5.0.0, validate-npm-package-name@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/validate-npm-package-name/-/validate-npm-package-name-5.0.0.tgz#f16afd48318e6f90a1ec101377fa0384cfc8c713"
+  integrity sha512-YuKoXDAhBYxY7SfOKxHBDoSyENFeW5VvIIQp2TGQuit8gpK6MnWaQelBKxso72DoxTZfZdcP3W90LqpSkgPzLQ==
   dependencies:
     builtins "^5.0.0"
 
@@ -17570,13 +18939,6 @@ validate-npm-package-name@^3.0.0:
   dependencies:
     builtins "^1.0.3"
 
-validate-npm-package-name@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/validate-npm-package-name/-/validate-npm-package-name-5.0.0.tgz#f16afd48318e6f90a1ec101377fa0384cfc8c713"
-  integrity sha512-YuKoXDAhBYxY7SfOKxHBDoSyENFeW5VvIIQp2TGQuit8gpK6MnWaQelBKxso72DoxTZfZdcP3W90LqpSkgPzLQ==
-  dependencies:
-    builtins "^5.0.0"
-
 validator@^13.9.0:
   version "13.11.0"
   resolved "https://registry.yarnpkg.com/validator/-/validator-13.11.0.tgz#23ab3fd59290c61248364eabf4067f04955fbb1b"
@@ -17587,6 +18949,15 @@ vary@~1.1.2:
   resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
   integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
 
+verror@1.10.0:
+  version "1.10.0"
+  resolved "https://registry.yarnpkg.com/verror/-/verror-1.10.0.tgz#3a105ca17053af55d6e270c1f8288682e18da400"
+  integrity sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==
+  dependencies:
+    assert-plus "^1.0.0"
+    core-util-is "1.0.2"
+    extsprintf "^1.2.0"
+
 vfile-location@^4.0.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/vfile-location/-/vfile-location-4.1.0.tgz#69df82fb9ef0a38d0d02b90dd84620e120050dd0"
@@ -17673,30 +19044,30 @@ vfile@^5.0.0, vfile@^5.3.0:
     unist-util-stringify-position "^3.0.0"
     vfile-message "^3.0.0"
 
-vite-plugin-svgr@3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/vite-plugin-svgr/-/vite-plugin-svgr-3.2.0.tgz#920375aaf6635091c9ac8e467825f92d32544476"
-  integrity sha512-Uvq6niTvhqJU6ga78qLKBFJSDvxWhOnyfQSoKpDPMAGxJPo5S3+9hyjExE5YDj6Lpa4uaLkGc1cBgxXov+LjSw==
+vite-plugin-svgr@4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/vite-plugin-svgr/-/vite-plugin-svgr-4.1.0.tgz#f11072a873856039702bb66657379c53d3bb5d5a"
+  integrity sha512-v7Qic+FWmCChgQNGSI4V8X63OEYsdUoLt66iqIcHozq9bfK/Dwmr0V+LBy1NE8CE98Y8HouEBJ+pto4AMfN5xw==
   dependencies:
-    "@rollup/pluginutils" "^5.0.2"
-    "@svgr/core" "^7.0.0"
-    "@svgr/plugin-jsx" "^7.0.0"
+    "@rollup/pluginutils" "^5.0.4"
+    "@svgr/core" "^8.1.0"
+    "@svgr/plugin-jsx" "^8.1.0"
 
-vite@4.3.9:
-  version "4.3.9"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-4.3.9.tgz#db896200c0b1aa13b37cdc35c9e99ee2fdd5f96d"
-  integrity sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==
+vite@4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-4.5.0.tgz#ec406295b4167ac3bc23e26f9c8ff559287cff26"
+  integrity sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==
   dependencies:
-    esbuild "^0.17.5"
-    postcss "^8.4.23"
-    rollup "^3.21.0"
+    esbuild "^0.18.10"
+    postcss "^8.4.27"
+    rollup "^3.27.1"
   optionalDependencies:
     fsevents "~2.3.2"
 
 w3c-keyname@^2.2.4:
-  version "2.2.6"
-  resolved "https://registry.yarnpkg.com/w3c-keyname/-/w3c-keyname-2.2.6.tgz#8412046116bc16c5d73d4e612053ea10a189c85f"
-  integrity sha512-f+fciywl1SJEniZHD6H+kUO8gOnwIr7f4ijKA6+ZvJFjeGi1r4PDLl53Ayud9O/rk64RqgoQine0feoeOU0kXg==
+  version "2.2.8"
+  resolved "https://registry.yarnpkg.com/w3c-keyname/-/w3c-keyname-2.2.8.tgz#7b17c8c6883d4e8b86ac8aba79d39e880f8869c5"
+  integrity sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==
 
 w3c-xmlserializer@^4.0.0:
   version "4.0.0"
@@ -17705,11 +19076,6 @@ w3c-xmlserializer@^4.0.0:
   dependencies:
     xml-name-validator "^4.0.0"
 
-walk-up-path@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/walk-up-path/-/walk-up-path-1.0.0.tgz#d4745e893dd5fd0dbb58dd0a4c6a33d9c9fec53e"
-  integrity sha512-hwj/qMDUEjCU5h0xr90KGCf0tg0/LgJbmOWgrWKYlcJZM7XvquvUJZ0G/HMGr7F7OQMOUuPHWP9JpriinkAlkg==
-
 walker@^1.0.8:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.8.tgz#bd498db477afe573dc04185f011d3ab8a8d7653f"
@@ -17724,7 +19090,7 @@ warning@^4.0.3:
   dependencies:
     loose-envify "^1.0.0"
 
-watchpack@^2.4.0:
+watchpack@2.4.0, watchpack@^2.4.0:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.0.tgz#fa33032374962c78113f93c7f2fb4c54c9862a5d"
   integrity sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==
@@ -17746,11 +19112,6 @@ wcwidth@^1.0.0, wcwidth@^1.0.1:
   dependencies:
     defaults "^1.0.3"
 
-weak-map@^1.0.5:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/weak-map/-/weak-map-1.0.8.tgz#394c18a9e8262e790544ed8b55c6a4ddad1cb1a3"
-  integrity sha512-lNR9aAefbGPpHO7AEnY0hCFjz1eTkWCXYvkTRrTHs9qv8zJp+SkVYpzfLIFXQQiG3tVvbNFQgVg2bQS8YGgxyw==
-
 web-namespaces@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/web-namespaces/-/web-namespaces-2.0.1.tgz#1010ff7c650eccb2592cebeeaf9a1b253fd40692"
@@ -17768,11 +19129,6 @@ web-resource-inliner@^6.0.1:
     node-fetch "^2.6.0"
     valid-data-url "^3.0.0"
 
-web-streams-polyfill@^3.0.3:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/web-streams-polyfill/-/web-streams-polyfill-3.2.1.tgz#71c2718c52b45fd49dbeee88634b3a60ceab42a6"
-  integrity sha512-e0MO3wdXWKrLbL0DgGnUV7WHVuw9OUvL4hjgnPkIeEvESk74gAITi5G606JtZPp39cd8HA9VQzCIvA49LpPN5Q==
-
 web-worker@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/web-worker/-/web-worker-1.2.0.tgz#5d85a04a7fbc1e7db58f66595d7a3ac7c9c180da"
@@ -17808,15 +19164,15 @@ webpack-bundle-analyzer@4.7.0:
     sirv "^1.0.7"
     ws "^7.3.1"
 
-webpack-cli@5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/webpack-cli/-/webpack-cli-5.0.2.tgz#2954c10ecb61c5d4dad6f68ee2d77f051741946c"
-  integrity sha512-4y3W5Dawri5+8dXm3+diW6Mn1Ya+Dei6eEVAdIduAmYNLzv1koKVAqsfgrrc9P2mhrYHQphx5htnGkcNwtubyQ==
+webpack-cli@5.1.4:
+  version "5.1.4"
+  resolved "https://registry.yarnpkg.com/webpack-cli/-/webpack-cli-5.1.4.tgz#c8e046ba7eaae4911d7e71e2b25b776fcc35759b"
+  integrity sha512-pIDJHIEI9LR0yxHXQ+Qh95k2EvXpWzZ5l+d+jIo+RdSm9MiHfzazIxwwni/p7+x4eJZuvG1AJwgC4TNQ7NRgsg==
   dependencies:
     "@discoveryjs/json-ext" "^0.5.0"
-    "@webpack-cli/configtest" "^2.0.1"
-    "@webpack-cli/info" "^2.0.1"
-    "@webpack-cli/serve" "^2.0.2"
+    "@webpack-cli/configtest" "^2.1.1"
+    "@webpack-cli/info" "^2.0.2"
+    "@webpack-cli/serve" "^2.0.5"
     colorette "^2.0.14"
     commander "^10.0.1"
     cross-spawn "^7.0.3"
@@ -17838,10 +19194,10 @@ webpack-dev-middleware@^5.3.1:
     range-parser "^1.2.1"
     schema-utils "^4.0.0"
 
-webpack-dev-server@4.13.3:
-  version "4.13.3"
-  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-4.13.3.tgz#9feb740b8b56b886260bae1360286818a221bae8"
-  integrity sha512-KqqzrzMRSRy5ePz10VhjyL27K2dxqwXQLP5rAKwRJBPUahe7Z2bBWzHw37jeb8GCPKxZRO79ZdQUAPesMh/Nug==
+webpack-dev-server@4.15.1:
+  version "4.15.1"
+  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-4.15.1.tgz#8944b29c12760b3a45bdaa70799b17cb91b03df7"
+  integrity sha512-5hbAst3h3C3L8w6W4P96L5vaV0PxSmJhxZvWKYIdgxOQm8pNZ5dEOmmSLBVpP85ReeyRt6AS1QJNyo/oFFPeVA==
   dependencies:
     "@types/bonjour" "^3.5.9"
     "@types/connect-history-api-fallback" "^1.3.5"
@@ -17849,7 +19205,7 @@ webpack-dev-server@4.13.3:
     "@types/serve-index" "^1.9.1"
     "@types/serve-static" "^1.13.10"
     "@types/sockjs" "^0.3.33"
-    "@types/ws" "^8.5.1"
+    "@types/ws" "^8.5.5"
     ansi-html-community "^0.0.8"
     bonjour-service "^1.0.11"
     chokidar "^3.5.3"
@@ -17895,10 +19251,10 @@ webpack-sources@^3.2.3:
   resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz#2d4daab8451fd4b240cc27055ff6a0c2ccea0cde"
   integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
 
-webpack@5.80.0:
-  version "5.80.0"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.80.0.tgz#3e660b4ab572be38c5e954bdaae7e2bf76010fdc"
-  integrity sha512-OIMiq37XK1rWO8mH9ssfFKZsXg4n6klTEDL7S8/HqbAOBBaiy8ABvXvz0dDCXeEF9gqwxSvVk611zFPjS8hJxA==
+webpack@5.88.2:
+  version "5.88.2"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.88.2.tgz#f62b4b842f1c6ff580f3fcb2ed4f0b579f4c210e"
+  integrity sha512-JmcgNZ1iKj+aiR0OvTYtWQqJwq37Pf683dY9bVORwVbUrDhLhdn/PlO2sHsFHPkj7sHNQF3JwaAkp49V+Sq1tQ==
   dependencies:
     "@types/eslint-scope" "^3.7.3"
     "@types/estree" "^1.0.0"
@@ -17906,10 +19262,10 @@ webpack@5.80.0:
     "@webassemblyjs/wasm-edit" "^1.11.5"
     "@webassemblyjs/wasm-parser" "^1.11.5"
     acorn "^8.7.1"
-    acorn-import-assertions "^1.7.6"
+    acorn-import-assertions "^1.9.0"
     browserslist "^4.14.5"
     chrome-trace-event "^1.0.2"
-    enhanced-resolve "^5.13.0"
+    enhanced-resolve "^5.15.0"
     es-module-lexer "^1.2.1"
     eslint-scope "5.1.1"
     events "^3.2.0"
@@ -17919,7 +19275,7 @@ webpack@5.80.0:
     loader-runner "^4.2.0"
     mime-types "^2.1.27"
     neo-async "^2.6.2"
-    schema-utils "^3.1.2"
+    schema-utils "^3.2.0"
     tapable "^2.1.1"
     terser-webpack-plugin "^5.3.7"
     watchpack "^2.4.0"
@@ -17939,23 +19295,6 @@ websocket-extensions@>=0.1.1:
   resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.4.tgz#7f8473bc839dfd87608adb95d7eb075211578a42"
   integrity sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==
 
-websocket@~1.0.34:
-  version "1.0.34"
-  resolved "https://registry.yarnpkg.com/websocket/-/websocket-1.0.34.tgz#2bdc2602c08bf2c82253b730655c0ef7dcab3111"
-  integrity sha512-PRDso2sGwF6kM75QykIesBijKSVceR6jL2G8NGYyq2XrItNC2P5/qL5XeR056GhA+Ly7JMFvJb9I312mJfmqnQ==
-  dependencies:
-    bufferutil "^4.0.1"
-    debug "^2.2.0"
-    es5-ext "^0.10.50"
-    typedarray-to-buffer "^3.1.5"
-    utf-8-validate "^5.0.2"
-    yaeti "^0.0.6"
-
-what-input@5.2.12:
-  version "5.2.12"
-  resolved "https://registry.yarnpkg.com/what-input/-/what-input-5.2.12.tgz#6eb5b5d39ebff4e2273df8bf69d8d2fc9a6e060a"
-  integrity sha512-3yrSa7nGSXGJS6wZeSkO6VNm95pB1mZ9i3wFzC1hhY7mn4/afue/MvXz04OXNdBC8bfo4AB4RRd3Dem9jXM58Q==
-
 what-the-diff@0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/what-the-diff/-/what-the-diff-0.6.0.tgz#445cc56a9d8ee9aea0ee1ed943f4957ae009291e"
@@ -18009,6 +19348,24 @@ which-boxed-primitive@^1.0.2:
     is-string "^1.0.5"
     is-symbol "^1.0.3"
 
+which-builtin-type@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/which-builtin-type/-/which-builtin-type-1.1.3.tgz#b1b8443707cc58b6e9bf98d32110ff0c2cbd029b"
+  integrity sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==
+  dependencies:
+    function.prototype.name "^1.1.5"
+    has-tostringtag "^1.0.0"
+    is-async-function "^2.0.0"
+    is-date-object "^1.0.5"
+    is-finalizationregistry "^1.0.2"
+    is-generator-function "^1.0.10"
+    is-regex "^1.1.4"
+    is-weakref "^1.0.2"
+    isarray "^2.0.5"
+    which-boxed-primitive "^1.0.2"
+    which-collection "^1.0.1"
+    which-typed-array "^1.1.9"
+
 which-collection@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/which-collection/-/which-collection-1.0.1.tgz#70eab71ebbbd2aefaf32f917082fc62cdcb70906"
@@ -18024,6 +19381,17 @@ which-module@^2.0.0:
   resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a"
   integrity sha512-B+enWhmw6cjfVC7kS8Pj9pCrKSc5txArRyaYGe088shv/FGWH+0Rjx/xPgtsWfsUtS27FkP697E4DDhgrgoc0Q==
 
+which-typed-array@^1.1.11:
+  version "1.1.11"
+  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.11.tgz#99d691f23c72aab6768680805a271b69761ed61a"
+  integrity sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew==
+  dependencies:
+    available-typed-arrays "^1.0.5"
+    call-bind "^1.0.2"
+    for-each "^0.3.3"
+    gopd "^1.0.1"
+    has-tostringtag "^1.0.0"
+
 which-typed-array@^1.1.9:
   version "1.1.9"
   resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.9.tgz#307cf898025848cf995e795e8423c7f337efbde6"
@@ -18069,7 +19437,7 @@ wildcard@^2.0.0:
   resolved "https://registry.yarnpkg.com/wildcard/-/wildcard-2.0.0.tgz#a77d20e5200c6faaac979e4b3aadc7b3dd7f8fec"
   integrity sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw==
 
-word-wrap@^1.2.3, word-wrap@~1.2.3:
+word-wrap@~1.2.3:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.4.tgz#cb4b50ec9aca570abd1f52f33cd45b6c61739a9f"
   integrity sha512-2V81OA4ugVo5pRo46hAoD2ivUJx8jXmWXfUkY4KFNw0hEptvN0QfH3K4nHiwzGeKl5rFKedV48QVoqYavy4YpA==
@@ -18248,6 +19616,15 @@ workbox-window@6.5.4, workbox-window@^6.5.4:
     "@types/trusted-types" "^2.0.2"
     workbox-core "6.5.4"
 
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
 wrap-ansi@^6.2.0:
   version "6.2.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-6.2.0.tgz#e9393ba07102e6c91a3b221478f0257cd2856e53"
@@ -18257,27 +19634,27 @@ wrap-ansi@^6.2.0:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
-wrap-ansi@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
-  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+wrap-ansi@^8.0.1, wrap-ansi@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214"
+  integrity sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==
   dependencies:
-    ansi-styles "^4.0.0"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
+    ansi-styles "^6.1.0"
+    string-width "^5.0.1"
+    strip-ansi "^7.0.1"
 
 wrappy@1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
   integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
 
-write-file-atomic@4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-4.0.1.tgz#9faa33a964c1c85ff6f849b80b42a88c2c537c8f"
-  integrity sha512-nSKUxgAbyioruk6hU87QzVbY279oYT6uiwgDoujth2ju4mJ+TZau7SQBhtbTmUyuNYTuXnSyRn66FV0+eCgcrQ==
+write-file-atomic@5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-5.0.1.tgz#68df4717c55c6fa4281a7860b4c2ba0a6d2b11e7"
+  integrity sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==
   dependencies:
     imurmurhash "^0.1.4"
-    signal-exit "^3.0.7"
+    signal-exit "^4.0.1"
 
 write-file-atomic@^2.4.2:
   version "2.4.3"
@@ -18296,14 +19673,6 @@ write-file-atomic@^4.0.2:
     imurmurhash "^0.1.4"
     signal-exit "^3.0.7"
 
-write-file-atomic@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-5.0.0.tgz#54303f117e109bf3d540261125c8ea5a7320fab0"
-  integrity sha512-R7NYMnHSlV42K54lwY9lvW6MnSm1HSJqZL3xiSgi9E7//FYaI74r2G0rd+/X6VAMkHEdzxQaU5HUOXWUz5kA/w==
-  dependencies:
-    imurmurhash "^0.1.4"
-    signal-exit "^3.0.7"
-
 write-json-file@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/write-json-file/-/write-json-file-3.2.0.tgz#65bbdc9ecd8a1458e15952770ccbadfcff5fe62a"
@@ -18370,11 +19739,6 @@ y18n@^5.0.5:
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
   integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
 
-yaeti@^0.0.6:
-  version "0.0.6"
-  resolved "https://registry.yarnpkg.com/yaeti/-/yaeti-0.0.6.tgz#f26f484d72684cf42bedfb76970aa1608fbf9577"
-  integrity sha512-MvQa//+KcZCUkBTIC9blM+CU9J2GzuTytsOUwf2lidtvkx/6gnEp1QvJv34t9vdjhFmha/mUiNDbN0D0mJWdug==
-
 yallist@^3.0.2:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
@@ -18385,12 +19749,17 @@ yallist@^4.0.0:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
-yaml@2.2.2, yaml@^2.2.1:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.2.2.tgz#ec551ef37326e6d42872dad1970300f8eb83a073"
-  integrity sha512-CBKFWExMn46Foo4cldiChEzn7S7SRV+wqiluAb6xmueD/fGyRHIhX8m14vVGgeFWjN540nKCNVj6P21eQjgTuA==
+yaml@2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.3.1.tgz#02fe0975d23cd441242aa7204e09fc28ac2ac33b"
+  integrity sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==
 
-yaml@^1.10.0, yaml@^1.10.2:
+yaml@2.3.2, yaml@^2.1.1:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.3.2.tgz#f522db4313c671a0ca963a75670f1c12ea909144"
+  integrity sha512-N/lyzTPaJasoDmfV7YTrYCI0G/3ivm/9wdG0aHuheKowWQwGTsK0Eoiw6utmzAnI6pkJa0DUVygvp3spqqEKXg==
+
+yaml@^1.10.0:
   version "1.10.2"
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
   integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
@@ -18461,6 +19830,14 @@ yargs@^17.3.1, yargs@^17.6.2:
     y18n "^5.0.5"
     yargs-parser "^21.1.1"
 
+yauzl@^2.10.0:
+  version "2.10.0"
+  resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.10.0.tgz#c7eb17c93e112cb1086fa6d8e51fb0667b79a5f9"
+  integrity sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==
+  dependencies:
+    buffer-crc32 "~0.2.3"
+    fd-slicer "~1.1.0"
+
 yn@3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/yn/-/yn-3.1.1.tgz#1e87401a09d767c1d5eab26a6e4c185182d2eb50"
@@ -18471,6 +19848,11 @@ yocto-queue@^0.1.0:
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
   integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
 
+yocto-queue@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-1.0.0.tgz#7f816433fb2cbc511ec8bf7d263c3b58a1a3c251"
+  integrity sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==
+
 zustand@^3.7.2:
   version "3.7.2"
   resolved "https://registry.yarnpkg.com/zustand/-/zustand-3.7.2.tgz#7b44c4f4a5bfd7a8296a3957b13e1c346f42514d"