diff --git a/.devcontainer/Dockerfile b/.devcontainer/Dockerfile
deleted file mode 100644
index e99b43cb38..0000000000
--- a/.devcontainer/Dockerfile
+++ /dev/null
@@ -1,19 +0,0 @@
-# See here for image contents: https://github.com/microsoft/vscode-dev-containers/tree/v0.191.1/containers/javascript-node/.devcontainer/base.Dockerfile
-
-# [Choice] Node.js version: 18
-ARG VARIANT="18"
-FROM mcr.microsoft.com/vscode/devcontainers/javascript-node:1-${VARIANT}
-
-# Install chromium and point the CHROME_BIN environment variable to it
-# This allows running angular-material's tests in the dev container
-RUN apt-get update && export DEBIAN_FRONTEND=noninteractive \
-  && apt-get -y install --no-install-recommends chromium
-ENV CHROME_BIN=/usr/bin/chromium
-
-# [Optional] Uncomment if you want to install an additional version of node using nvm
-# ARG EXTRA_NODE_VERSION=10
-# RUN su node -c "source /usr/local/share/nvm/nvm.sh && nvm install ${EXTRA_NODE_VERSION}"
-
-# Install and configure pnpm
-RUN su node -c "npm install -g pnpm@8"
-RUN su node -c "pnpm config set store-dir /home/node/.pnpm-store"
diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
deleted file mode 100644
index 41b81e3276..0000000000
--- a/.devcontainer/devcontainer.json
+++ /dev/null
@@ -1,26 +0,0 @@
-// For format details, see https://aka.ms/devcontainer.json. For config options, see the README at:
-// https://github.com/microsoft/vscode-dev-containers/tree/v0.191.1/containers/javascript-node
-{
-  "name": "Node.js",
-  "build": {
-    "dockerfile": "Dockerfile",
-    // Update 'VARIANT' to pick a Node version: 18
-    "args": {
-      "VARIANT": "18"
-    }
-  },
-  // Set *default* container specific settings.json values on container create.
-  // Add the IDs of extensions you want installed when the container is created.
-  "customizations": {
-    "extensions": [
-      "DavidAnson.vscode-markdownlint",
-      "dbaeumer.vscode-eslint",
-      "esbenp.prettier-vscode",
-      "vue.volar"
-    ]
-  },
-  // Use 'postCreateCommand' to run commands after the container is created.
-  "postCreateCommand": "pnpm i --frozen-lockfile && pnpm run build",
-  // Comment out connect as root instead. More info: https://aka.ms/vscode-remote/containers/non-root.
-  "remoteUser": "node"
-}
diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml
deleted file mode 100644
index b4f3d1eb46..0000000000
--- a/.github/ISSUE_TEMPLATE/bug_report.yml
+++ /dev/null
@@ -1,63 +0,0 @@
-name: Bug report
-description: Create a report to help us improve
-body:
-  - type: markdown
-    attributes:
-      value: |
-        This issue form is for reporting bugs only!
-
-        If you have a feature or enhancement request, please use the [feature request][fr] form.
-
-        [fr]: https://github.com/eclipsesource/jsonforms/issues/new?assignees=&labels=&template=feature_request.yml
-  - type: textarea
-    validations:
-      required: true
-    attributes:
-      label: Describe the bug
-      description: A clear and concise description of what the bug is.
-  - type: textarea
-    validations:
-      required: true
-    attributes:
-      label: Expected behavior
-      description: A clear and concise description of what you expected to happen.
-  - type: textarea
-    validations:
-      required: true
-    attributes:
-      label: Steps to reproduce the issue
-      description: Steps to reproduce the behavior
-      value: |
-        1. Go to '...'
-        2. Click on '....'
-        3. Scroll down to '....'
-        4. See error
-  - type: textarea
-    attributes:
-      label: Screenshots
-      description: If applicable, add screenshots to help explain your problem.
-  - type: input
-    validations:
-      required: true
-    attributes:
-      label: Which Version of JSON Forms are you using?
-      placeholder: v3.0.0
-  - type: dropdown
-    attributes:
-      label: Package
-      multiple: true
-      options:
-        - Core
-        - React Bindings
-        - React Material Renderers
-        - React Vanilla Renderers
-        - Angular Bindings
-        - Angular Material Renderers
-        - Vue Bindings
-        - Vue Vanilla Renderers
-        - Vue Vuetify Renderers
-        - Other (please specify in the Additional context field)
-  - type: textarea
-    attributes:
-      label: Additional context
-      description: Add any other context about the problem here.
diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
deleted file mode 100644
index 251a4147ed..0000000000
--- a/.github/ISSUE_TEMPLATE/config.yml
+++ /dev/null
@@ -1,8 +0,0 @@
-blank_issues_enabled: false
-contact_links:
-  - name: JSON Forms board
-    url: https://jsonforms.discourse.group
-    about: For questions and discussions
-  - name: Professional support
-    url: https://jsonforms.io/support
-    about: Professional support by EclipseSource
diff --git a/.github/ISSUE_TEMPLATE/feature_request.yml b/.github/ISSUE_TEMPLATE/feature_request.yml
deleted file mode 100644
index c89a5d3d91..0000000000
--- a/.github/ISSUE_TEMPLATE/feature_request.yml
+++ /dev/null
@@ -1,52 +0,0 @@
-name: Feature request
-description: Suggest an idea for this project
-body:
-  - type: markdown
-    attributes:
-      value: |
-        This issue form is for requesting features only!
-
-        If you want to report a bug, please use the [bug report][br] form.
-
-        [br]: https://github.com/eclipsesource/jsonforms/issues/new?assignees=&labels=&template=bug_report.yml
-  - type: textarea
-    validations:
-      required: true
-    attributes:
-      label: Is your feature request related to a problem? Please describe.
-      description: A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
-  - type: textarea
-    validations:
-      required: true
-    attributes:
-      label: Describe the solution you'd like
-      description: A clear and concise description of what you want to happen.
-  - type: textarea
-    validations:
-      required: true
-    attributes:
-      label: Describe alternatives you've considered
-      description: A clear and concise description of any alternative solutions or features you've considered.
-  - type: markdown
-    attributes:
-      value: |
-        ## Describe for which setup you like to have the improvement
-  - type: dropdown
-    attributes:
-      label: Package
-      multiple: true
-      options:
-        - Core
-        - React Bindings
-        - React Material Renderers
-        - React Vanilla Renderers
-        - Angular Bindings
-        - Angular Material Renderers
-        - Vue Bindings
-        - Vue Vanilla Renderers
-        - Vue Vuetify Renderers
-        - Other (please specify in the Additional context field)
-  - type: textarea
-    attributes:
-      label: Additional context
-      description: Add any other context or screenshots about the feature request here.
diff --git a/.github/config/changelog.json b/.github/config/changelog.json
deleted file mode 100644
index 04256b89ce..0000000000
--- a/.github/config/changelog.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "sort": "DESC",
-  "pr_template": "- [${{LABELS}}] ${{TITLE}} (#${{NUMBER}})",
-  "template": "${{UNCATEGORIZED}}",
-  "ignore_labels": ["dependencies"]
-}
diff --git a/.github/workflows/ci.yaml b/.github/workflows/ci.yaml
deleted file mode 100644
index cefd493b07..0000000000
--- a/.github/workflows/ci.yaml
+++ /dev/null
@@ -1,67 +0,0 @@
-name: CI
-
-on:
-  push:
-    paths-ignore:
-      - '**.md'
-  pull_request:
-    paths-ignore:
-      - '**.md'
-
-jobs:
-  ci:
-    runs-on: ${{ matrix.os }}
-    timeout-minutes: 30
-    strategy:
-      fail-fast: false
-      matrix:
-        os:
-          - ubuntu-latest
-          - macos-latest
-          - windows-latest
-    name: Run on ${{ matrix.os }}
-    steps:
-      - uses: actions/checkout@v3
-
-      - name: Setup node
-        uses: actions/setup-node@v3
-        with:
-          node-version: 18
-
-      - uses: pnpm/action-setup@v4.0.0
-        name: Install pnpm
-        id: pnpm-install
-        with:
-          version: 8
-          run_install: false
-
-      - name: Build
-        run: |
-          pnpm i --frozen-lockfile
-          pnpm run build
-          pnpm run doc
-          pnpm run bundle
-
-      - name: Lint
-        if: matrix.os == 'ubuntu-latest'
-        run: pnpm run lint
-
-      - name: Test
-        if: matrix.os == 'windows-latest' || matrix.os == 'macos-latest'
-        run: |
-          set NODE_OPTIONS=--max_old_space_size=4096
-          pnpm run test
-
-      - name: Test & Coverage
-        if: matrix.os == 'ubuntu-latest'
-        run: |
-          export NODE_OPTIONS=--max_old_space_size=4096
-          pnpm run test-cov
-          pnpm run check-format
-          pnpm run merge-report && cat coverage/lcov.info
-
-      - name: Upload Coveralls Report
-        if: success() && matrix.os == 'ubuntu-latest'
-        uses: coverallsapp/github-action@master
-        with:
-          github-token: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.github/workflows/publish.yaml b/.github/workflows/publish.yaml
deleted file mode 100644
index b31dafa071..0000000000
--- a/.github/workflows/publish.yaml
+++ /dev/null
@@ -1,92 +0,0 @@
-name: "Publish"
-
-on:
-  workflow_dispatch:
-    inputs:
-      next_version:
-        type: "string"
-        description: "version (e.g. 3.4.0-alpha.0)"
-        required: true
-      skip_publish:
-        type: "boolean"
-        description: "mark in case only the version update shall be executed, skipping the release to npm"
-        required: true
-      skip_push:
-        type: "boolean"
-        description: "mark in case the version update shall not be pushed back to the repository"
-        required: true
-      stable_release:
-        type: "boolean"
-        description: "mark in case this is a full stable release (flag is ignored in case publish is skipped)"
-        required: true
-
-jobs:
-  publish:
-    permissions:
-      contents: "write"
-      id-token: "write"
-    runs-on: "ubuntu-latest"
-    steps:
-      - uses: "actions/checkout@v4"
-        with:
-          token: "${{ secrets.JSONFORMS_PUBLISH_PAT }}"
-
-      - name: "Configure Git Credentials"
-        run: |
-          git config user.name "jsonforms-publish[bot]"
-          git config user.email "jsonforms-publish@eclipsesource.com"
-
-      - name: "Setup node"
-        uses: "actions/setup-node@v3"
-        with:
-          node-version: "18"
-          registry-url: "https://registry.npmjs.org"
-
-      - uses: pnpm/action-setup@v4.0.0
-        name: Install pnpm
-        id: pnpm-install
-        with:
-          version: 8
-          run_install: false
-
-      - name: "Install Packages"
-        run: "pnpm i --frozen-lockfile"
-
-      - name: "Build"
-        run: "pnpm run build"
-
-      - name: "Test"
-        run: "pnpm run test"
-
-      - name: "Versioning"
-        run: "pnpm exec lerna version ${{ github.event.inputs.next_version }} --no-push --force-publish --yes"
-
-      - name: "Adjust PeerDependencies"
-        run: |
-          cd packages/angular && pnpm pkg set peerDependencies.@jsonforms/core="${{ github.event.inputs.next_version }}"
-          cd ../angular-material && pnpm pkg set peerDependencies.@jsonforms/core="${{ github.event.inputs.next_version }}" && pnpm pkg set peerDependencies.@jsonforms/angular="${{ github.event.inputs.next_version }}"
-          cd ../examples && pnpm pkg set peerDependencies.@jsonforms/core="${{ github.event.inputs.next_version }}"
-          cd ../material-renderers && pnpm pkg set peerDependencies.@jsonforms/core="${{ github.event.inputs.next_version }}" && pnpm pkg set peerDependencies.@jsonforms/react="${{ github.event.inputs.next_version }}"
-          cd ../react && pnpm pkg set peerDependencies.@jsonforms/core="${{ github.event.inputs.next_version }}"
-          cd ../vanilla-renderers && pnpm pkg set peerDependencies.@jsonforms/core="${{ github.event.inputs.next_version }}" && pnpm pkg set peerDependencies.@jsonforms/react="${{ github.event.inputs.next_version }}"
-          cd ../vue && pnpm pkg set peerDependencies.@jsonforms/core="${{ github.event.inputs.next_version }}"
-          cd ../vue-vanilla && pnpm pkg set peerDependencies.@jsonforms/core="${{ github.event.inputs.next_version }}" && pnpm pkg set peerDependencies.@jsonforms/vue="${{ github.event.inputs.next_version }}"
-          cd ../vue-vuetify && pnpm pkg set peerDependencies.@jsonforms/core="${{ github.event.inputs.next_version }}" && pnpm pkg set peerDependencies.@jsonforms/vue="${{ github.event.inputs.next_version }}"
-
-      - name: "Tag and Commit"
-        run: |
-          git add -A && git commit --amend --no-edit
-          git tag v${{ github.event.inputs.next_version }} -f
-
-      - name: "push"
-        if: "github.event.inputs.skip_push == 'false'"
-        run: |
-          git push
-          git push origin v${{ github.event.inputs.next_version }}
-
-      - name: "Publish to npm"
-        if: "github.event.inputs.skip_publish == 'false'"
-        run: "pnpm publish --recursive ${{  github.event.inputs.stable_release == 'true' && ' ' || '--tag next' }}"
-        env:
-          NODE_AUTH_TOKEN: "${{ secrets.NPM_TOKEN }}"
-          NPM_CONFIG_PROVENANCE: "true"
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
deleted file mode 100644
index 460ca3db3c..0000000000
--- a/.vscode/extensions.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  // See http://go.microsoft.com/fwlink/?LinkId=827846 to learn about workspace recommendations.
-  // Extension identifier format: ${publisher}.${name}. Example: vscode.csharp
-  // List of extensions which should be recommended for users of this workspace.
-  "recommendations": [
-    "DavidAnson.vscode-markdownlint",
-    "dbaeumer.vscode-eslint",
-    "esbenp.prettier-vscode",
-    "ms-vscode-remote.remote-containers"
-  ],
-  // List of extensions recommended by VS Code that should not be recommended for users of this workspace.
-  "unwantedRecommendations": []
-}
diff --git a/.vscode/settings.json b/.vscode/settings.json
deleted file mode 100644
index f3d841d8a9..0000000000
--- a/.vscode/settings.json
+++ /dev/null
@@ -1,29 +0,0 @@
-{
-  "editor.formatOnSave": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
-  "eslint.validate": [
-    "javascript",
-    "javascriptreact",
-    "typescript",
-    "typescriptreact",
-    "vue"
-  ],
-  "[json]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "[jsonc]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
-  },
-  "search.exclude": {
-    "**/docs": true,
-    "**/node_modules": true,
-    "**/lib": true
-  },
-  "typescript.tsdk": "node_modules/typescript/lib",
-  "[javascript][javascriptreact][typescript][typescriptreact][vue]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
-    "editor.codeActionsOnSave": {
-      "source.fixAll.eslint": "explicit"
-    }
-  }
-}
diff --git a/packages/angular-material/.eslintrc.js b/packages/angular-material/.eslintrc.js
deleted file mode 100644
index 1eef8aa523..0000000000
--- a/packages/angular-material/.eslintrc.js
+++ /dev/null
@@ -1,53 +0,0 @@
-/* eslint-env node */
-/** @type {import('eslint').Linter.Config} */
-module.exports = {
-  root: true,
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    /* Reset project because @angular-eslint/recommended sets this to an incompatible value */
-    project: null,
-  },
-  // There is no file include in ESLint. Thus, ignore all and include files via negative ignore (!)
-  ignorePatterns: ['/*', '!/src', '!/test', '!/example', '/example/dist'],
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:import/recommended',
-    'plugin:import/typescript',
-    'plugin:@angular-eslint/recommended',
-    'plugin:@angular-eslint/template/process-inline-templates',
-    'plugin:prettier/recommended',
-  ],
-  rules: {
-    '@angular-eslint/component-class-suffix': 'off',
-    '@angular-eslint/directive-class-suffix': 'off',
-    '@angular-eslint/no-conflicting-lifecycle': 'warn',
-    '@typescript-eslint/no-explicit-any': 'off',
-    // Base rule must be disabled to avoid incorrect errors
-    'no-unused-vars': 'off',
-    '@typescript-eslint/no-unused-vars': [
-      'warn', // or "error"
-      {
-        argsIgnorePattern: '^_',
-        varsIgnorePattern: '^_',
-        caughtErrorsIgnorePattern: '^_',
-      },
-    ],
-    // workaround for
-    // https://github.com/import-js/eslint-plugin-import/issues/1810:
-    "import/no-unresolved": [
-      "error",
-      {
-        ignore: [
-          "@angular/cdk/.*",
-          "@angular/core/.*",
-          "@angular/material/.*",
-          "@angular/platform-browser/.*",
-          "@angular/platform-browser-dynamic/.*",
-          "core-js/es7/.*",
-          "zone.js/.*",
-        ] 
-      }
-    ],
-  },
-};
diff --git a/packages/angular-material/.prettierrc.js b/packages/angular-material/.prettierrc.js
deleted file mode 100644
index 2c26853c4a..0000000000
--- a/packages/angular-material/.prettierrc.js
+++ /dev/null
@@ -1,6 +0,0 @@
-module.exports = {
-  $schema: 'http://json.schemastore.org/prettierrc',
-  singleQuote: true,
-  jsxSingleQuote: true,
-  endOfLine: 'auto',
-};
diff --git a/packages/angular-material/LICENSE b/packages/angular-material/LICENSE
deleted file mode 100644
index 064ca1d9d2..0000000000
--- a/packages/angular-material/LICENSE
+++ /dev/null
@@ -1,22 +0,0 @@
-The MIT License
-
-Copyright (c) 2019 EclipseSource Munich
-https://github.com/eclipsesource/jsonforms
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
diff --git a/packages/angular-material/README.md b/packages/angular-material/README.md
deleted file mode 100644
index c8ab6e12af..0000000000
--- a/packages/angular-material/README.md
+++ /dev/null
@@ -1,137 +0,0 @@
-# JSON Forms - More Forms. Less Code
-
-_Complex forms in the blink of an eye_
-
-JSON Forms eliminates the tedious task of writing fully-featured forms by hand by leveraging the capabilities of JSON, JSON Schema and Javascript.
-
-## Angular Material Renderers Package
-
-This is the JSONForms Angular Material renderers package. This package only contains renderers and must be combined with [JSON Forms Angular](https://github.com/eclipsesource/jsonforms/blob/master/packages/angular).
-
-See the official [documentation](https://jsonforms.io/docs/integrations/angular) and the JSON Forms Angular [seed repository](https://github.com/eclipsesource/jsonforms-angular-seed) for examples on how to integrate JSON Forms with your application.
-
-Check <https://www.npmjs.com/search?q=%40jsonforms> for all published JSON Forms packages.
-
-### Quick start
-
-Install JSON Forms Core, Angular and Angular Material Renderers
-
-```bash
-npm i --save @jsonforms/core @jsonforms/angular @jsonforms/angular-material
-```
-
-Use the `json-forms` component for each form you want to render and hand over the renderer set.
-
-Example component file `app.component.ts`:
-
-```ts
-import { Component } from '@angular/core';
-import { angularMaterialRenderers } from '@jsonforms/angular-material';
-
-@Component({
-  selector: 'app-root',
-  template: `<jsonforms
-    [data]="data"
-    [schema]="schema"
-    [uischema]="uischema"
-    [renderers]="renderers"
-  ></jsonforms>`,
-})
-export class AppComponent {
-  renderers = angularMaterialRenderers;
-  uischema = {
-    type: 'VerticalLayout',
-    elements: [
-      {
-        type: 'Control',
-        label: false,
-        scope: '#/properties/done',
-      },
-      {
-        type: 'Control',
-        scope: '#/properties/name',
-      },
-      {
-        type: 'HorizontalLayout',
-        elements: [
-          {
-            type: 'Control',
-            scope: '#/properties/due_date',
-          },
-          {
-            type: 'Control',
-            scope: '#/properties/recurrence',
-          },
-        ],
-      },
-    ],
-  };
-  schema = {
-    type: 'object',
-    properties: {
-      name: {
-        type: 'string',
-        minLength: 1,
-      },
-      done: {
-        type: 'boolean',
-      },
-      due_date: {
-        type: 'string',
-        format: 'date',
-      },
-      recurrence: {
-        type: 'string',
-        enum: ['Never', 'Daily', 'Weekly', 'Monthly'],
-      },
-    },
-    required: ['name', 'due_date'],
-  };
-  data = {};
-}
-```
-
-Example module file `app.module.ts`:
-
-```ts
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { JsonFormsModule } from '@jsonforms/angular';
-import { JsonFormsAngularMaterialModule } from '@jsonforms/angular-material';
-import { AppComponent } from './app.component';
-
-@NgModule({
-  declarations: [AppComponent],
-  imports: [
-    BrowserModule,
-    BrowserAnimationsModule,
-    JsonFormsModule,
-    JsonFormsAngularMaterialModule,
-  ],
-  schemas: [],
-  bootstrap: [AppComponent],
-})
-export class AppModule {}
-```
-
-## License
-
-The JSON Forms project is licensed under the MIT License. See the [LICENSE file](https://github.com/eclipsesource/jsonforms/blob/master/LICENSE) for more information.
-
-## Roadmap
-
-Our current roadmap is available [here](https://github.com/eclipsesource/jsonforms/blob/master/ROADMAP.md).
-
-## Feedback, Help and Support
-
-JSON Forms is developed by [EclipseSource](https://eclipsesource.com).
-
-If you encounter any problems feel free to [open an issue](https://github.com/eclipsesource/jsonforms/issues/new/choose) on the repo.
-For questions and discussions please use the [JSON Forms board](https://jsonforms.discourse.group).
-You can also reach us via [email](mailto:jsonforms@eclipsesource.com?subject=JSON%20Forms).
-In addition, EclipseSource also offers [professional support](https://jsonforms.io/support) for JSON Forms.
-
-## Migration
-
-See our [migration guide](https://github.com/eclipsesource/jsonforms/blob/master/MIGRATION.md) when updating JSON Forms.
diff --git a/packages/angular-material/build-example.js b/packages/angular-material/build-example.js
deleted file mode 100644
index 76ee52538c..0000000000
--- a/packages/angular-material/build-example.js
+++ /dev/null
@@ -1,73 +0,0 @@
-const path = require('path');
-const ngCore = require('@angular-devkit/core');
-const buildWebpackBrowser = require('@angular-devkit/build-angular/src/builders/browser').buildWebpackBrowser;
-
-const main = async () => new Promise((resolve, reject) => {
-  const project = 'angular-material';
-  const target = 'build';
-  const configuration = '';
-  const workspaceRoot = path.join(process.cwd(), '../..');
-  const root = `packages/${project}`;
-  const options = {
-    outputPath: root + '/example/dist',
-    tsConfig: root + '/tsconfig.example.json',
-    main: root + '/example/main.ts',
-    index: root + '/example/index.html',
-    styles: [
-      root + '/node_modules/@angular/material/prebuilt-themes/indigo-pink.css'
-    ],
-    allowedCommonJsDependencies: [
-      'lodash',
-      'hammerjs'
-    ],
-    watch: false,
-    buildOptimizer: false,
-    optimization: false,
-    outputHashing: 'none',
-  };
-  const sourceRoot = root;
-  const teardownLogics = [];
-  const context = {
-    workspaceRoot,
-    logger: new ngCore.logging.Logger(`${project}:${target}:`),
-    target: {
-        project,
-        configuration,
-        target
-    },
-    getProjectMetadata: (projectName) => Promise.resolve({
-        root,
-        sourceRoot
-    }),
-    getBuilderNameForTarget: () => '@angular-devkit/build-angular:karma',
-    getTargetOptions: (target) => ({...options}),
-    validateOptions: (options) => options,
-    addTeardown: (teardown) => {
-      teardownLogics.push(teardown);
-    }
-  };
-  let exitCode = 1;
-  buildWebpackBrowser(options, context, {}).subscribe({
-    next: out => {
-      if (out.success) {
-        exitCode = 0;
-      }
-    },
-    error: (err) => {
-      reject(err);
-    },
-    complete: () => {
-      if (!exitCode) return resolve();
-      reject();
-    }
-  });
-  return exitCode;
-});
-
-main()
-.then(() => {
-  process.exit(0);
-})
-.catch(err => {
-  process.exit(1);
-});
\ No newline at end of file
diff --git a/packages/angular-material/build-package.js b/packages/angular-material/build-package.js
deleted file mode 100644
index aef214d1a9..0000000000
--- a/packages/angular-material/build-package.js
+++ /dev/null
@@ -1,11 +0,0 @@
-const ngPackage = require('ng-packagr');
-
-ngPackage
-  .ngPackagr()
-  .forProject('ng-package.json')
-  .withTsConfig('tsconfig.json')
-  .build()
-  .catch(error => {
-    console.error(error);
-    process.exit(1);
-  });
\ No newline at end of file
diff --git a/packages/angular-material/example/app/app.component.ts b/packages/angular-material/example/app/app.component.ts
deleted file mode 100644
index 7ce9d2b8f9..0000000000
--- a/packages/angular-material/example/app/app.component.ts
+++ /dev/null
@@ -1,121 +0,0 @@
-/*
-  The MIT License
-
-  Copyright (c) 2017-2020 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { Component } from '@angular/core';
-import { ExampleDescription, getExamples } from '@jsonforms/examples';
-import {
-  JsonFormsI18nState,
-  UISchemaElement,
-  UISchemaTester,
-} from '@jsonforms/core';
-import { angularMaterialRenderers } from '../../lib';
-
-const uiSchema = {
-  type: 'HorizontalLayout',
-  elements: [
-    {
-      type: 'Control',
-      scope: '#/properties/buyer/properties/email',
-    },
-    {
-      type: 'Control',
-      scope: '#/properties/status',
-    },
-  ],
-};
-const defaultI18n: JsonFormsI18nState = {
-  locale: 'en-US',
-};
-const itemTester: UISchemaTester = (_schema, schemaPath, _path) => {
-  if (schemaPath === '#/properties/warehouseitems/items') {
-    return 10;
-  }
-  return -1;
-};
-@Component({
-  selector: 'app-root',
-  template: `
-    <h1>Angular Material Examples</h1>
-    Data: {{ selectedExample.data | json }}
-    <div>
-      Example:
-      <select (change)="onChange($event)">
-        <option
-          *ngFor="let example of examples"
-          value="{{ example.name }}"
-          label="{{ example.label }}"
-        >
-          {{ example.label }}
-        </option>
-      </select>
-    </div>
-    <div>
-      <button (click)="changeLocale('de-DE')">Change locale to de-DE</button>
-      <button (click)="changeLocale('en-US')">Change locale to en-US</button>
-      Current locale: {{ i18n.locale }}
-      <button (click)="toggleReadonly()">
-        {{ readonly ? 'Unset' : 'Set' }} Readonly
-      </button>
-    </div>
-    <jsonforms
-      [(data)]="selectedExample.data"
-      [schema]="selectedExample.schema"
-      [uischema]="selectedExample.uischema"
-      [renderers]="renderers"
-      [i18n]="i18n"
-      [readonly]="readonly"
-    ></jsonforms>
-  `,
-})
-export class AppComponent {
-  readonly renderers = angularMaterialRenderers;
-  readonly examples = getExamples();
-  selectedExample: ExampleDescription | undefined;
-  i18n: JsonFormsI18nState;
-  readonly = false;
-  data: any;
-  uischemas: { tester: UISchemaTester; uischema: UISchemaElement }[] = [
-    { tester: itemTester, uischema: uiSchema },
-  ];
-
-  constructor() {
-    this.selectedExample = this.examples[19];
-    this.i18n = this.selectedExample.i18n ?? defaultI18n;
-  }
-
-  onChange(ev: any) {
-    this.selectedExample = this.examples.find(
-      (e) => e.name === ev.target.value
-    );
-    this.i18n = this.selectedExample?.i18n ?? defaultI18n;
-  }
-
-  changeLocale(locale: string) {
-    this.i18n = { ...this.i18n, locale };
-  }
-
-  toggleReadonly() {
-    this.readonly = !this.readonly;
-  }
-}
diff --git a/packages/angular-material/example/app/app.module.ts b/packages/angular-material/example/app/app.module.ts
deleted file mode 100644
index 9b532e27a1..0000000000
--- a/packages/angular-material/example/app/app.module.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-/*
-  The MIT License
-
-  Copyright (c) 2017-2020 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { BrowserModule } from '@angular/platform-browser';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import { AppComponent } from './app.component';
-import { JsonFormsAngularMaterialModule } from '../../lib';
-
-@NgModule({
-  declarations: [AppComponent],
-  imports: [
-    BrowserModule,
-    BrowserAnimationsModule,
-    JsonFormsAngularMaterialModule,
-  ],
-  bootstrap: [AppComponent],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-})
-export class AppModule {}
diff --git a/packages/angular-material/example/index.html b/packages/angular-material/example/index.html
deleted file mode 100644
index 07875afcb5..0000000000
--- a/packages/angular-material/example/index.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>JSON Forms Angular Material RendererSet</title>
-
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" type="image/x-icon" href="favicon.ico" />
-    <link
-      href="https://fonts.googleapis.com/icon?family=Material+Icons"
-      rel="stylesheet"
-    />
-    <link
-      href="http://fonts.googleapis.com/css?family=Roboto:400,900,700,500,300,100"
-      rel="stylesheet"
-      type="text/css"
-    />
-  </head>
-  <body>
-    <app-root></app-root>
-  </body>
-</html>
-
-<!-- 
-Copyright 2017-2018 Google Inc. All Rights Reserved.
-Use of this source code is governed by an MIT-style license that
-can be found in the LICENSE file at http://angular.io/license
--->
diff --git a/packages/angular-material/example/main.ts b/packages/angular-material/example/main.ts
deleted file mode 100644
index 2a4879ee7b..0000000000
--- a/packages/angular-material/example/main.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import 'zone.js';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-
-import { AppModule } from './app/app.module';
-
-platformBrowserDynamic().bootstrapModule(AppModule);
-
-/*
-Copyright 2017-2018 Google Inc. All Rights Reserved.
-Use of this source code is governed by an MIT-style license that
-can be found in the LICENSE file at http://angular.io/license
-*/
diff --git a/packages/angular-material/karma.conf.js b/packages/angular-material/karma.conf.js
deleted file mode 100644
index 31077a040b..0000000000
--- a/packages/angular-material/karma.conf.js
+++ /dev/null
@@ -1,54 +0,0 @@
-// Karma configuration file, see link for more information
-// https://karma-runner.github.io/1.0/config/configuration-file.html
-
-module.exports = function (config) {
-  config.set({
-    basePath: '',
-    frameworks: ['jasmine', '@angular-devkit/build-angular'],
-    plugins: [
-      require('karma-jasmine'),
-      require('karma-chrome-launcher'),
-      require('karma-jasmine-html-reporter'),
-      require('karma-coverage'),
-      require('@angular-devkit/build-angular/plugins/karma')
-    ],
-    client: {
-      jasmine: {
-        // you can add configuration options for Jasmine here
-        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
-        // for example, you can disable the random execution with `random: false`
-        // or set a specific seed with `seed: 4321`
-      },
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
-    },
-    jasmineHtmlReporter: {
-      suppressAll: true // removes the duplicated traces
-    },
-    coverageReporter: {
-      subdir: '.',
-      reporters: [
-        { type: 'lcov' },
-        { type: 'text-summary' }
-      ]
-    },
-    reporters: ['progress', 'kjhtml', 'dots'],
-
-    browsers: [ config.singleRun ? 'ChromeHeadlessNoSandbox' : 'Chrome' ],
-    customLaunchers: {
-      ChromeHeadlessNoSandbox: {
-        base: 'ChromeHeadless',
-        flags: ['--no-sandbox'],
-      },
-    },
-    restartOnFileChange: true,
-    logLevel: config.LOG_INFO,
-
-    webpackMiddleware: {
-      stats: 'detailed',
-    },
-
-    webpackServer: {
-      noInfo: true,
-    },
-  });
-};
diff --git a/packages/angular-material/ng-package.json b/packages/angular-material/ng-package.json
deleted file mode 100644
index e13258f5df..0000000000
--- a/packages/angular-material/ng-package.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-  "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "./lib",
-  "allowedNonPeerDependencies": [
-    "@jsonforms/angular",
-    "@jsonforms/core",
-    "hammerjs", 
-    "lodash"
-  ]
-}
\ No newline at end of file
diff --git a/packages/angular-material/package.json b/packages/angular-material/package.json
deleted file mode 100644
index cd4eb0b4bf..0000000000
--- a/packages/angular-material/package.json
+++ /dev/null
@@ -1,142 +0,0 @@
-{
-  "name": "@jsonforms/angular-material",
-  "version": "3.4.1",
-  "description": "Material Renderer Set for Angular module of JSON Forms",
-  "repository": "https://github.com/eclipsesource/jsonforms",
-  "bugs": "https://github.com/eclipsesource/jsonforms/issues",
-  "homepage": "http://jsonforms.io/",
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  },
-  "directories": {
-    "src": "src",
-    "test": "test"
-  },
-  "files": [
-    "lib",
-    "src"
-  ],
-  "keywords": [
-    "angular",
-    "material",
-    "form",
-    "forms",
-    "json",
-    "jsonforms",
-    "frontend",
-    "generator",
-    "input",
-    "renderengine",
-    "jsonschema",
-    "schema",
-    "uischema",
-    "layout",
-    "customization"
-  ],
-  "module": "./lib/fesm2022/jsonforms-angular-material.mjs",
-  "typings": "./lib/index.d.ts",
-  "scripts": {
-    "build": "node ./build-package.js",
-    "build:examples-app": "pnpm run build && node ./build-example.js",
-    "dev": "pnpm run build:examples-app && npx http-server ./example/dist/ -c-1 -o",
-    "clean": "rimraf lib coverage dist .nyc_output 2> /dev/null",
-    "lint": "eslint .",
-    "lint:fix": "eslint --fix .",
-    "report": "nyc report --reporter=html",
-    "doc": "typedoc --name 'JSON Forms Angular Material Renderers' --out docs src",
-    "test-dbg": "node ./test-runner",
-    "test": "node ./test-runner --single-run",
-    "test-ci": "node ./test-runner --single-run",
-    "test-cov": "node ./test-runner --coverage --single-run",
-    "e2e": "npm run e2e-update && npm run e2e-test",
-    "e2e-test": "protractor ./test-config/protractor.conf.js",
-    "e2e-update": "webdriver-manager update --standalone false --gecko false"
-  },
-  "nyc": {
-    "reporter": [
-      "lcov",
-      "text-summary"
-    ]
-  },
-  "peerDependencies": {
-    "@angular/animations": "^17.0.0 || ^18.0.0",
-    "@angular/cdk": "^17.0.0 || ^18.0.0",
-    "@angular/common": "^17.0.0 || ^18.0.0",
-    "@angular/core": "^17.0.0 || ^18.0.0",
-    "@angular/forms": "^17.0.0 || ^18.0.0",
-    "@angular/material": "^17.0.0 || ^18.0.0",
-    "@angular/platform-browser": "^17.0.0 || ^18.0.0",
-    "@angular/router": "^17.0.0 || ^18.0.0",
-    "@jsonforms/angular": "3.4.1",
-    "@jsonforms/core": "3.4.1",
-    "dayjs": "^1.11.10",
-    "rxjs": "^6.6.0 || ^7.4.0"
-  },
-  "dependencies": {
-    "hammerjs": "2.0.8",
-    "lodash": "^4.17.21"
-  },
-  "devDependencies": {
-    "@angular-devkit/build-angular": "^17.0.0",
-    "@angular-devkit/core": "^17.0.0",
-    "@angular-eslint/eslint-plugin": "^17.0.0",
-    "@angular-eslint/eslint-plugin-template": "^17.0.0",
-    "@angular-eslint/schematics": "^17.0.0",
-    "@angular-eslint/template-parser": "^17.0.0",
-    "@angular/animations": "^17.0.0",
-    "@angular/cdk": "^17.0.0",
-    "@angular/common": "^17.0.0",
-    "@angular/compiler": "^17.0.0",
-    "@angular/compiler-cli": "^17.0.0",
-    "@angular/core": "^17.0.0",
-    "@angular/forms": "^17.0.0",
-    "@angular/material": "^17.0.0",
-    "@angular/platform-browser": "^17.0.0",
-    "@angular/platform-browser-dynamic": "^17.0.0",
-    "@angular/router": "^17.0.0",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.5",
-    "@babel/plugin-proposal-optional-chaining": "^7.16.5",
-    "@jsonforms/angular": "workspace:*",
-    "@jsonforms/core": "workspace:*",
-    "@jsonforms/examples": "workspace:*",
-    "@ngtools/webpack": "^17.0.0",
-    "@types/jasmine": "~3.8.0",
-    "@types/lodash": "4.14.149",
-    "@types/node": "^18.19.4",
-    "@typescript-eslint/eslint-plugin": "^5.54.1",
-    "@typescript-eslint/parser": "^5.54.1",
-    "babel-loader": "^8.0.6",
-    "copy-webpack-plugin": "^11.0.0",
-    "dayjs": "^1.11.10",
-    "eslint": "^8.56.0",
-    "eslint-config-prettier": "^8.7.0",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-prettier": "^4.2.1",
-    "html-loader": "^0.5.5",
-    "http-server": "^14.1.1",
-    "jasmine": "^3.99.0",
-    "jasmine-spec-reporter": "^4.2.1",
-    "karma": "^6.4.3",
-    "karma-chrome-launcher": "^3.2.0",
-    "karma-coverage": "~2.0.3",
-    "karma-jasmine": "^2.0.1",
-    "karma-jasmine-html-reporter": "^1.7.0",
-    "karma-sourcemap-loader": "^0.3.8",
-    "karma-webpack": "^5.0.0",
-    "ng-packagr": "^17.0.0",
-    "null-loader": "^0.1.1",
-    "nyc": "^15.1.0",
-    "prettier": "^2.8.4",
-    "protractor": "^7.0.0",
-    "rimraf": "^3.0.2",
-    "rxjs": "^6.6.0",
-    "ts-loader": "^9.5.1",
-    "tslib": "^2.5.0",
-    "typedoc": "~0.25.3",
-    "typescript": "~5.2.2",
-    "webpack": "^5.78.0",
-    "yargs": "^17.7.2",
-    "zone.js": "~0.14.0"
-  }
-}
diff --git a/packages/angular-material/src/index.ts b/packages/angular-material/src/index.ts
deleted file mode 100644
index 4aaf8f92ed..0000000000
--- a/packages/angular-material/src/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './public_api';
diff --git a/packages/angular-material/src/library/controls/autocomplete.renderer.ts b/packages/angular-material/src/library/controls/autocomplete.renderer.ts
deleted file mode 100644
index 32742f9b0f..0000000000
--- a/packages/angular-material/src/library/controls/autocomplete.renderer.ts
+++ /dev/null
@@ -1,175 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import {
-  ChangeDetectionStrategy,
-  Component,
-  Input,
-  OnInit,
-} from '@angular/core';
-import type { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
-import { JsonFormsAngularService, JsonFormsControl } from '@jsonforms/angular';
-import {
-  Actions,
-  composeWithUi,
-  ControlElement,
-  isEnumControl,
-  OwnPropsOfControl,
-  RankedTester,
-  rankWith,
-} from '@jsonforms/core';
-import type { Observable } from 'rxjs';
-import { map, startWith } from 'rxjs/operators';
-
-/**
- * To use this component you will need to add your own tester:
- * <pre><code>
- * ...
- * export const AutocompleteControlRendererTester: RankedTester = rankWith(2, isEnumControl);
- * ...
- * </code></pre>
- * Add the tester and renderer to JSONForms registry:
- * <pre><code>
- * ...
- * { tester: AutocompleteControlRendererTester, renderer: AutocompleteControlRenderer },
- * ...
- * </code></pre>
- * Furthermore you need to update your module.
- * <pre><code>
- * ...
- * imports: [JsonFormsAngularMaterialModule, MatAutocompleteModule],
- * declarations: [AutocompleteControlRenderer]
- * ...
- * </code></pre>
- *
- */
-@Component({
-  selector: 'AutocompleteControlRenderer',
-  template: `
-    <mat-form-field [ngStyle]="{ display: hidden ? 'none' : '' }">
-      <mat-label>{{ label }}</mat-label>
-      <input
-        matInput
-        type="text"
-        (change)="onChange($event)"
-        [id]="id"
-        [formControl]="form"
-        [matAutocomplete]="auto"
-        (keydown)="updateFilter($event)"
-        (focus)="focused = true"
-        (focusout)="focused = false"
-      />
-      <mat-autocomplete
-        autoActiveFirstOption
-        #auto="matAutocomplete"
-        (optionSelected)="onSelect($event)"
-      >
-        <mat-option
-          *ngFor="let option of filteredOptions | async"
-          [value]="option"
-        >
-          {{ option }}
-        </mat-option>
-      </mat-autocomplete>
-      <mat-hint *ngIf="shouldShowUnfocusedDescription() || focused">{{
-        description
-      }}</mat-hint>
-      <mat-error>{{ error }}</mat-error>
-    </mat-form-field>
-  `,
-  styles: [
-    `
-      :host {
-        display: flex;
-        flex-direction: row;
-      }
-      mat-form-field {
-        flex: 1 1 auto;
-      }
-    `,
-  ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class AutocompleteControlRenderer
-  extends JsonFormsControl
-  implements OnInit
-{
-  @Input() options: string[];
-  filteredOptions: Observable<string[]>;
-  shouldFilter: boolean;
-  focused = false;
-
-  constructor(jsonformsService: JsonFormsAngularService) {
-    super(jsonformsService);
-  }
-  getEventValue = (event: any) => event.target.value;
-
-  ngOnInit() {
-    super.ngOnInit();
-    this.shouldFilter = false;
-    this.filteredOptions = this.form.valueChanges.pipe(
-      startWith(''),
-      map((val) => this.filter(val))
-    );
-  }
-
-  updateFilter(event: any) {
-    // ENTER
-    if (event.keyCode === 13) {
-      this.shouldFilter = false;
-    } else {
-      this.shouldFilter = true;
-    }
-  }
-
-  onSelect(ev: MatAutocompleteSelectedEvent) {
-    const path = composeWithUi(this.uischema as ControlElement, this.path);
-    this.shouldFilter = false;
-    this.jsonFormsService.updateCore(
-      Actions.update(path, () => ev.option.value)
-    );
-    this.triggerValidation();
-  }
-
-  filter(val: string): string[] {
-    return (this.options || this.scopedSchema.enum || []).filter(
-      (option) =>
-        !this.shouldFilter ||
-        !val ||
-        option.toLowerCase().indexOf(val.toLowerCase()) === 0
-    );
-  }
-  protected getOwnProps(): OwnPropsOfAutoComplete {
-    return {
-      ...super.getOwnProps(),
-      options: this.options,
-    };
-  }
-}
-
-export const enumControlTester: RankedTester = rankWith(2, isEnumControl);
-
-interface OwnPropsOfAutoComplete extends OwnPropsOfControl {
-  options: string[];
-}
diff --git a/packages/angular-material/src/library/controls/boolean.renderer.ts b/packages/angular-material/src/library/controls/boolean.renderer.ts
deleted file mode 100644
index f9e9e770e2..0000000000
--- a/packages/angular-material/src/library/controls/boolean.renderer.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  ViewRef,
-} from '@angular/core';
-import { JsonFormsAngularService, JsonFormsControl } from '@jsonforms/angular';
-import { isBooleanControl, RankedTester, rankWith } from '@jsonforms/core';
-
-@Component({
-  selector: 'BooleanControlRenderer',
-  template: `
-    <div [ngStyle]="{ display: hidden ? 'none' : '' }" class="boolean-control">
-      <mat-checkbox
-        (change)="onChange($event)"
-        [checked]="isChecked()"
-        [disabled]="!isEnabled()"
-        [id]="id"
-      >
-        {{ label }}
-      </mat-checkbox>
-      <mat-hint class="mat-caption" *ngIf="shouldShowUnfocusedDescription()">{{
-        description
-      }}</mat-hint>
-      <mat-error class="mat-caption">{{ error }}</mat-error>
-    </div>
-  `,
-  styles: [
-    `
-      :host {
-        display: flex;
-        flex-direction: row;
-      }
-      .boolean-control {
-        flex: 1 1 auto;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        height: 100%;
-      }
-    `,
-  ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class BooleanControlRenderer extends JsonFormsControl {
-  constructor(
-    jsonformsService: JsonFormsAngularService,
-    private changeDetectionRef: ChangeDetectorRef
-  ) {
-    super(jsonformsService);
-  }
-  isChecked = () => this.data || false;
-  getEventValue = (event: any) => event.checked;
-
-  mapAdditionalProps() {
-    if (!(this.changeDetectionRef as ViewRef).destroyed) {
-      this.changeDetectionRef.markForCheck();
-    }
-  }
-}
-
-export const booleanControlTester: RankedTester = rankWith(2, isBooleanControl);
diff --git a/packages/angular-material/src/library/controls/date.renderer.ts b/packages/angular-material/src/library/controls/date.renderer.ts
deleted file mode 100644
index b80ba352bf..0000000000
--- a/packages/angular-material/src/library/controls/date.renderer.ts
+++ /dev/null
@@ -1,178 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import {
-  Component,
-  ChangeDetectionStrategy,
-  Inject,
-  ViewEncapsulation,
-} from '@angular/core';
-import {
-  defaultDateFormat,
-  isDateControl,
-  JsonFormsState,
-  RankedTester,
-  rankWith,
-  StatePropsOfControl,
-} from '@jsonforms/core';
-import { JsonFormsAngularService, JsonFormsControl } from '@jsonforms/angular';
-import { DateAdapter, MAT_DATE_FORMATS } from '@angular/material/core';
-import { MyFormat } from '../util/date-format';
-import { DayJsDateAdapter } from '../util/dayjs-date-adapter';
-import { MatDatepicker } from '@angular/material/datepicker';
-
-@Component({
-  selector: 'DateControlRenderer',
-  template: `
-    <mat-form-field
-      class="date-control-renderer"
-      [ngStyle]="{ display: hidden ? 'none' : '' }"
-    >
-      <mat-label>{{ label }}</mat-label>
-      <input
-        matInput
-        (dateChange)="onChange($event)"
-        [id]="id"
-        [formControl]="form"
-        [matDatepicker]="datepicker"
-        (focus)="focused = true"
-        (focusout)="focused = false"
-      />
-      <mat-datepicker-toggle
-        matSuffix
-        [for]="datepicker"
-      ></mat-datepicker-toggle>
-      <mat-datepicker
-        #datepicker
-        (monthSelected)="monthSelected($event, datepicker)"
-        (yearSelected)="yearSelected($event, datepicker)"
-        [startView]="startView"
-        [panelClass]="panelClass"
-      ></mat-datepicker>
-      <mat-hint *ngIf="shouldShowUnfocusedDescription() || focused">{{
-        description
-      }}</mat-hint>
-      <mat-error>{{ error }}</mat-error>
-    </mat-form-field>
-  `,
-  styles: [
-    `
-      DateControlRenderer {
-        display: flex;
-        flex-direction: row;
-      }
-      .date-control-renderer {
-        flex: 1 1 auto;
-      }
-      .no-panel-navigation .mat-calendar-period-button {
-        pointer-events: none;
-      }
-      .no-panel-navigation .mat-calendar-arrow {
-        display: none;
-      }
-    `,
-  ],
-  encapsulation: ViewEncapsulation.None,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  providers: [
-    {
-      provide: DateAdapter,
-      useClass: DayJsDateAdapter,
-    },
-    {
-      provide: MAT_DATE_FORMATS,
-      useClass: MyFormat,
-    },
-  ],
-})
-export class DateControlRenderer extends JsonFormsControl {
-  focused = false;
-  views: string[] = [];
-  startView = '';
-  panelClass = '';
-
-  constructor(
-    jsonformsService: JsonFormsAngularService,
-    @Inject(MAT_DATE_FORMATS) private dateFormat: MyFormat,
-    @Inject(DateAdapter) private dateAdapter: DayJsDateAdapter
-  ) {
-    super(jsonformsService);
-  }
-
-  getEventValue = (event: any) => {
-    const value = event.value ? event.value : event;
-    return this.dateAdapter.toSaveFormat(value);
-  };
-
-  protected mapToProps(state: JsonFormsState): StatePropsOfControl {
-    const props = super.mapToProps(state);
-    const saveFormat = this.uischema?.options?.dateSaveFormat
-      ? this.uischema.options.dateSaveFormat
-      : defaultDateFormat;
-    this.views = this.uischema?.options?.views
-      ? this.uischema.options.views
-      : ['year', 'month', 'day'];
-    this.setViewProperties();
-
-    const dateFormat = this.uischema?.options?.dateFormat;
-
-    if (dateFormat) {
-      this.dateFormat.setDisplayFormat(dateFormat);
-    }
-
-    this.dateAdapter.setSaveFormat(saveFormat);
-    if (this.jsonFormsService.getLocale()) {
-      this.dateAdapter.setLocale(this.jsonFormsService.getLocale());
-    }
-    const date = this.dateAdapter.parseSaveFormat(props.data);
-    return { ...props, data: date };
-  }
-
-  yearSelected($event: any, datepicker: MatDatepicker<DayJsDateAdapter>) {
-    if (!this.views.includes('day') && !this.views.includes('month')) {
-      this.onChange($event);
-      datepicker.close();
-    }
-  }
-  monthSelected($event: any, datepicker: MatDatepicker<DayJsDateAdapter>) {
-    if (!this.views.includes('day')) {
-      this.onChange($event);
-      datepicker.close();
-    }
-  }
-
-  setViewProperties() {
-    if (!this.views.includes('day')) {
-      this.startView = 'multi-year';
-      this.panelClass = 'no-panel-navigation';
-    } else {
-      this.startView = 'month';
-    }
-  }
-}
-
-export const DateControlRendererTester: RankedTester = rankWith(
-  2,
-  isDateControl
-);
diff --git a/packages/angular-material/src/library/controls/index.ts b/packages/angular-material/src/library/controls/index.ts
deleted file mode 100644
index ec7666823b..0000000000
--- a/packages/angular-material/src/library/controls/index.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-export * from './boolean.renderer';
-export * from './text.renderer';
-export * from './textarea.renderer';
-export * from './number.renderer';
-export * from './range.renderer';
-export * from './date.renderer';
-export * from './toggle.renderer';
-export * from './autocomplete.renderer';
diff --git a/packages/angular-material/src/library/controls/number.renderer.ts b/packages/angular-material/src/library/controls/number.renderer.ts
deleted file mode 100644
index 829b9c347d..0000000000
--- a/packages/angular-material/src/library/controls/number.renderer.ts
+++ /dev/null
@@ -1,186 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { JsonFormsAngularService, JsonFormsControl } from '@jsonforms/angular';
-import {
-  isIntegerControl,
-  isNumberControl,
-  or,
-  RankedTester,
-  rankWith,
-  StatePropsOfControl,
-} from '@jsonforms/core';
-import merge from 'lodash/merge';
-
-@Component({
-  selector: 'NumberControlRenderer',
-  template: `
-    <mat-form-field [ngStyle]="{ display: hidden ? 'none' : '' }">
-      <mat-label>{{ label }}</mat-label>
-      <input
-        matInput
-        (input)="onChange($event)"
-        [value]="getValue()"
-        [id]="id"
-        [formControl]="form"
-        [min]="min"
-        [max]="max"
-        [step]="multipleOf"
-        (focus)="focused = true"
-        (focusout)="focused = false"
-      />
-      <mat-hint *ngIf="shouldShowUnfocusedDescription() || focused">{{
-        description
-      }}</mat-hint>
-      <mat-error>{{ error }}</mat-error>
-    </mat-form-field>
-  `,
-  styles: [
-    `
-      :host {
-        display: flex;
-        flex-direction: row;
-      }
-      mat-form-field {
-        flex: 1 1 auto;
-      }
-    `,
-  ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class NumberControlRenderer extends JsonFormsControl {
-  private readonly MAXIMUM_FRACTIONAL_DIGITS = 20;
-
-  oldValue: string;
-  min: number;
-  max: number;
-  multipleOf: number;
-  locale: string;
-  numberFormat: Intl.NumberFormat;
-  decimalSeparator: string;
-  focused = false;
-
-  constructor(jsonformsService: JsonFormsAngularService) {
-    super(jsonformsService);
-  }
-
-  onChange(ev: any) {
-    const data = this.oldValue
-      ? ev.target.value.replace(this.oldValue, '')
-      : ev.target.value;
-    // ignore these
-    if (
-      data === '.' ||
-      data === ',' ||
-      data === ' ' ||
-      // if the value is 0 and we already have a value then we ignore
-      (data === '0' &&
-        this.getValue() !== '' &&
-        // a 0 in the first place
-        ((ev.target.selectionStart === 1 && ev.target.selectionEnd === 1) ||
-          // or in the last place as this doesn't change the value (when there is a separator)
-          (ev.target.selectionStart === ev.target.value.length &&
-            ev.target.selectionEnd === ev.target.value.length &&
-            ev.target.value.indexOf(this.decimalSeparator) !== -1)))
-    ) {
-      this.oldValue = ev.target.value;
-      return;
-    }
-    super.onChange(ev);
-    this.oldValue = this.getValue();
-  }
-
-  getEventValue = (event: any) => {
-    const cleanPattern = new RegExp(`[^-+0-9${this.decimalSeparator}]`, 'g');
-    const cleaned = event.target.value.replace(cleanPattern, '');
-    const normalized = cleaned.replace(this.decimalSeparator, '.');
-
-    if (normalized === '') {
-      return undefined;
-    }
-
-    // convert to number
-    const number = +normalized;
-    // if not a number just return the string
-    if (Number.isNaN(number)) {
-      return event.target.value;
-    }
-    return number;
-  };
-
-  getValue = () => {
-    if (this.data !== undefined && this.data !== null) {
-      if (typeof this.data === 'number') {
-        return this.numberFormat.format(this.data);
-      }
-      return this.data;
-    }
-    return '';
-  };
-
-  mapAdditionalProps(props: StatePropsOfControl) {
-    if (this.scopedSchema) {
-      const testerContext = {
-        rootSchema: this.rootSchema,
-        config: props.config,
-      };
-      const defaultStep = isNumberControl(
-        this.uischema,
-        this.rootSchema,
-        testerContext
-      )
-        ? 0.1
-        : 1;
-      this.min = this.scopedSchema.minimum;
-      this.max = this.scopedSchema.maximum;
-      this.multipleOf = this.scopedSchema.multipleOf || defaultStep;
-      const appliedUiSchemaOptions = merge(
-        {},
-        props.config,
-        this.uischema.options
-      );
-      const currentLocale = this.jsonFormsService.getLocale();
-      if (this.locale === undefined || this.locale !== currentLocale) {
-        this.locale = currentLocale;
-        this.numberFormat = new Intl.NumberFormat(this.locale, {
-          useGrouping: appliedUiSchemaOptions.useGrouping,
-          maximumFractionDigits: this.MAXIMUM_FRACTIONAL_DIGITS,
-        });
-        this.determineDecimalSeparator();
-        this.oldValue = this.getValue();
-      }
-      this.form.setValue(this.getValue());
-    }
-  }
-
-  private determineDecimalSeparator(): void {
-    const example = this.numberFormat.format(1.1);
-    this.decimalSeparator = example.charAt(1);
-  }
-}
-export const NumberControlRendererTester: RankedTester = rankWith(
-  2,
-  or(isNumberControl, isIntegerControl)
-);
diff --git a/packages/angular-material/src/library/controls/range.renderer.ts b/packages/angular-material/src/library/controls/range.renderer.ts
deleted file mode 100644
index 38030b8768..0000000000
--- a/packages/angular-material/src/library/controls/range.renderer.ts
+++ /dev/null
@@ -1,98 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import {
-  ChangeDetectionStrategy,
-  Component,
-  ChangeDetectorRef,
-} from '@angular/core';
-import { JsonFormsAngularService, JsonFormsControl } from '@jsonforms/angular';
-import { isRangeControl, RankedTester, rankWith } from '@jsonforms/core';
-
-@Component({
-  selector: 'RangeControlRenderer',
-  template: `
-    <div [ngStyle]="{ display: hidden ? 'none' : '' }" class="range-control">
-      <label class="mat-caption" style="color:rgba(0,0,0,.54)">{{
-        label
-      }}</label>
-      <mat-slider
-        [disabled]="!isEnabled()"
-        [max]="max"
-        [min]="min"
-        [step]="multipleOf"
-        [discrete]="true"
-        [id]="id"
-        showTickMarks
-        #ngSlider
-      >
-        <input matSliderThumb (valueChange)="onChange($event)" />
-      </mat-slider>
-      <mat-hint class="mat-caption" *ngIf="shouldShowUnfocusedDescription()">{{
-        description
-      }}</mat-hint>
-      <mat-error class="mat-caption">{{ error }}</mat-error>
-    </div>
-  `,
-  styles: [
-    `
-      :host {
-        display: flex;
-        flex-direction: row;
-      }
-      .range-control {
-        flex: 1 1 auto;
-        display: flex;
-        flex-direction: column;
-      }
-    `,
-  ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class RangeControlRenderer extends JsonFormsControl {
-  min: number;
-  max: number;
-  multipleOf: number;
-  focused = false;
-
-  constructor(
-    jsonformsService: JsonFormsAngularService,
-    private changeDetectorRef: ChangeDetectorRef
-  ) {
-    super(jsonformsService);
-  }
-  getEventValue = (event: number) => Number(event);
-  mapAdditionalProps() {
-    if (this.scopedSchema) {
-      this.min = this.scopedSchema.minimum;
-      this.max = this.scopedSchema.maximum;
-      this.multipleOf = this.scopedSchema.multipleOf || 1;
-    }
-    this.changeDetectorRef.markForCheck();
-  }
-}
-export const RangeControlRendererTester: RankedTester = rankWith(
-  4,
-  isRangeControl
-);
diff --git a/packages/angular-material/src/library/controls/text.renderer.ts b/packages/angular-material/src/library/controls/text.renderer.ts
deleted file mode 100644
index f6c0ae5fa6..0000000000
--- a/packages/angular-material/src/library/controls/text.renderer.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { JsonFormsAngularService, JsonFormsControl } from '@jsonforms/angular';
-import { isStringControl, RankedTester, rankWith } from '@jsonforms/core';
-
-@Component({
-  selector: 'TextControlRenderer',
-  template: `
-    <mat-form-field [ngStyle]="{ display: hidden ? 'none' : '' }">
-      <mat-label>{{ label }}</mat-label>
-      <input
-        matInput
-        [type]="getType()"
-        (input)="onChange($event)"
-        [id]="id"
-        [formControl]="form"
-        (focus)="focused = true"
-        (focusout)="focused = false"
-      />
-      <mat-hint *ngIf="shouldShowUnfocusedDescription() || focused">{{
-        description
-      }}</mat-hint>
-      <mat-error>{{ error }}</mat-error>
-    </mat-form-field>
-  `,
-  styles: [
-    `
-      :host {
-        display: flex;
-        flex-direction: row;
-      }
-      mat-form-field {
-        flex: 1 1 auto;
-      }
-    `,
-  ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class TextControlRenderer extends JsonFormsControl {
-  focused = false;
-  constructor(jsonformsService: JsonFormsAngularService) {
-    super(jsonformsService);
-  }
-  getEventValue = (event: any) => event.target.value || undefined;
-  getType = (): string => {
-    if (this.uischema.options && this.uischema.options.format) {
-      return this.uischema.options.format;
-    }
-    if (this.scopedSchema && this.scopedSchema.format) {
-      switch (this.scopedSchema.format) {
-        case 'email':
-          return 'email';
-        case 'tel':
-          return 'tel';
-        default:
-          return 'text';
-      }
-    }
-    return 'text';
-  };
-}
-export const TextControlRendererTester: RankedTester = rankWith(
-  1,
-  isStringControl
-);
diff --git a/packages/angular-material/src/library/controls/textarea.renderer.ts b/packages/angular-material/src/library/controls/textarea.renderer.ts
deleted file mode 100644
index 7816d6700c..0000000000
--- a/packages/angular-material/src/library/controls/textarea.renderer.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { JsonFormsAngularService, JsonFormsControl } from '@jsonforms/angular';
-import { isMultiLineControl, RankedTester, rankWith } from '@jsonforms/core';
-
-@Component({
-  selector: 'TextAreaRenderer',
-  template: `
-    <mat-form-field [ngStyle]="{ display: hidden ? 'none' : '' }">
-      <mat-label>{{ label }}</mat-label>
-      <textarea
-        matInput
-        (input)="onChange($event)"
-        [id]="id"
-        [formControl]="form"
-        (focus)="focused = true"
-        (focusout)="focused = false"
-      ></textarea>
-      <mat-hint *ngIf="shouldShowUnfocusedDescription() || focused">{{
-        description
-      }}</mat-hint>
-      <mat-error>{{ error }}</mat-error>
-    </mat-form-field>
-  `,
-  styles: [
-    `
-      :host {
-        display: flex;
-        flex-direction: row;
-      }
-      mat-form-field {
-        flex: 1 1 auto;
-      }
-    `,
-  ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class TextAreaRenderer extends JsonFormsControl {
-  focused = false;
-  constructor(jsonformsService: JsonFormsAngularService) {
-    super(jsonformsService);
-  }
-  getEventValue = (event: any) => event.target.value || undefined;
-}
-export const TextAreaRendererTester: RankedTester = rankWith(
-  2,
-  isMultiLineControl
-);
diff --git a/packages/angular-material/src/library/controls/toggle.renderer.ts b/packages/angular-material/src/library/controls/toggle.renderer.ts
deleted file mode 100644
index abb41f3f31..0000000000
--- a/packages/angular-material/src/library/controls/toggle.renderer.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import {
-  ChangeDetectionStrategy,
-  Component,
-  ChangeDetectorRef,
-} from '@angular/core';
-import { JsonFormsAngularService, JsonFormsControl } from '@jsonforms/angular';
-import {
-  and,
-  isBooleanControl,
-  optionIs,
-  RankedTester,
-  rankWith,
-} from '@jsonforms/core';
-
-@Component({
-  selector: 'ToggleControlRenderer',
-  template: `
-    <div [ngStyle]="{ display: hidden ? 'none' : '' }">
-      <mat-slide-toggle
-        (change)="onChange($event)"
-        [checked]="isChecked()"
-        [disabled]="!isEnabled()"
-        [id]="id"
-      >
-        {{ label }}
-      </mat-slide-toggle>
-      <mat-hint class="mat-caption" *ngIf="shouldShowUnfocusedDescription()">{{
-        description
-      }}</mat-hint>
-      <mat-error class="mat-caption">{{ error }}</mat-error>
-    </div>
-  `,
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class ToggleControlRenderer extends JsonFormsControl {
-  constructor(
-    jsonformsService: JsonFormsAngularService,
-    private changeDetectorRef: ChangeDetectorRef
-  ) {
-    super(jsonformsService);
-  }
-  isChecked = () => this.data || false;
-  getEventValue = (event: any) => event.checked;
-  mapAdditionalProps() {
-    this.changeDetectorRef.markForCheck();
-  }
-}
-
-export const ToggleControlRendererTester: RankedTester = rankWith(
-  3,
-  and(isBooleanControl, optionIs('toggle', true))
-);
diff --git a/packages/angular-material/src/library/index.ts b/packages/angular-material/src/library/index.ts
deleted file mode 100644
index 64c286e7d7..0000000000
--- a/packages/angular-material/src/library/index.ts
+++ /dev/null
@@ -1,121 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import 'hammerjs';
-import { RankedTester } from '@jsonforms/core';
-export * from './module';
-import {
-  BooleanControlRenderer,
-  booleanControlTester,
-} from './controls/boolean.renderer';
-import {
-  TextControlRenderer,
-  TextControlRendererTester,
-} from './controls/text.renderer';
-import {
-  TextAreaRenderer,
-  TextAreaRendererTester,
-} from './controls/textarea.renderer';
-import {
-  NumberControlRenderer,
-  NumberControlRendererTester,
-} from './controls/number.renderer';
-import {
-  RangeControlRenderer,
-  RangeControlRendererTester,
-} from './controls/range.renderer';
-import {
-  DateControlRenderer,
-  DateControlRendererTester,
-} from './controls/date.renderer';
-import {
-  ToggleControlRenderer,
-  ToggleControlRendererTester,
-} from './controls/toggle.renderer';
-import {
-  AutocompleteControlRenderer,
-  enumControlTester,
-} from './controls/autocomplete.renderer';
-import {
-  ObjectControlRenderer,
-  ObjectControlRendererTester,
-} from './other/object.renderer';
-import {
-  VerticalLayoutRenderer,
-  verticalLayoutTester,
-} from './layouts/vertical-layout.renderer';
-import {
-  HorizontalLayoutRenderer,
-  horizontalLayoutTester,
-} from './layouts/horizontal-layout.renderer';
-
-import {
-  CategorizationTabLayoutRenderer,
-  categorizationTester,
-} from './layouts/categorization-layout.renderer';
-
-import { LabelRenderer, LabelRendererTester } from './other/label.renderer';
-import {
-  masterDetailTester,
-  MasterListComponent,
-} from './other/master-detail/master';
-import {
-  GroupLayoutRenderer,
-  groupLayoutTester,
-} from './layouts/group-layout.renderer';
-import { TableRenderer, TableRendererTester } from './other/table.renderer';
-import {
-  ArrayLayoutRenderer,
-  ArrayLayoutRendererTester,
-} from './layouts/array-layout.renderer';
-
-export * from './controls';
-export * from './layouts';
-export * from './other';
-
-export const angularMaterialRenderers: {
-  tester: RankedTester;
-  renderer: any;
-}[] = [
-  // controls
-  { tester: booleanControlTester, renderer: BooleanControlRenderer },
-  { tester: TextControlRendererTester, renderer: TextControlRenderer },
-  { tester: TextAreaRendererTester, renderer: TextAreaRenderer },
-  { tester: NumberControlRendererTester, renderer: NumberControlRenderer },
-  { tester: RangeControlRendererTester, renderer: RangeControlRenderer },
-  { tester: DateControlRendererTester, renderer: DateControlRenderer },
-  { tester: ToggleControlRendererTester, renderer: ToggleControlRenderer },
-  { tester: enumControlTester, renderer: AutocompleteControlRenderer },
-  { tester: ObjectControlRendererTester, renderer: ObjectControlRenderer },
-  // layouts
-  { tester: verticalLayoutTester, renderer: VerticalLayoutRenderer },
-  { tester: groupLayoutTester, renderer: GroupLayoutRenderer },
-  { tester: horizontalLayoutTester, renderer: HorizontalLayoutRenderer },
-  { tester: categorizationTester, renderer: CategorizationTabLayoutRenderer },
-  { tester: LabelRendererTester, renderer: LabelRenderer },
-  { tester: ArrayLayoutRendererTester, renderer: ArrayLayoutRenderer },
-  // other
-  { tester: masterDetailTester, renderer: MasterListComponent },
-  { tester: TableRendererTester, renderer: TableRenderer },
-];
diff --git a/packages/angular-material/src/library/layouts/array-layout.renderer.ts b/packages/angular-material/src/library/layouts/array-layout.renderer.ts
deleted file mode 100644
index 3106d8ab1d..0000000000
--- a/packages/angular-material/src/library/layouts/array-layout.renderer.ts
+++ /dev/null
@@ -1,258 +0,0 @@
-/*
-  The MIT License
-
-  Copyright (c) 2017-2020 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
-import {
-  JsonFormsAngularService,
-  JsonFormsAbstractControl,
-} from '@jsonforms/angular';
-import {
-  arrayDefaultTranslations,
-  ArrayLayoutProps,
-  ArrayTranslations,
-  createDefaultValue,
-  defaultJsonFormsI18nState,
-  findUISchema,
-  getArrayTranslations,
-  isObjectArrayWithNesting,
-  JsonFormsState,
-  mapDispatchToArrayControlProps,
-  mapStateToArrayLayoutProps,
-  OwnPropsOfRenderer,
-  Paths,
-  RankedTester,
-  rankWith,
-  setReadonly,
-  StatePropsOfArrayLayout,
-  UISchemaElement,
-  UISchemaTester,
-  unsetReadonly,
-} from '@jsonforms/core';
-
-@Component({
-  selector: 'app-array-layout-renderer',
-  template: `
-    <div [ngStyle]="{ display: hidden ? 'none' : '' }" class="array-layout">
-      <div class="array-layout-toolbar">
-        <h2 class="mat-h2 array-layout-title">{{ label }}</h2>
-        <span></span>
-        <mat-icon
-          *ngIf="this.error?.length"
-          color="warn"
-          matBadge="{{ this.error.split('').length }}"
-          matBadgeColor="warn"
-          matTooltip="{{ this.error }}"
-          matTooltipClass="error-message-tooltip"
-        >
-          error_outline
-        </mat-icon>
-        <span></span>
-        <button
-          mat-button
-          matTooltip="{{ translations.addTooltip }}"
-          [disabled]="!isEnabled()"
-          (click)="add()"
-          attr.aria-label="{{ translations.addAriaLabel }}"
-        >
-          <mat-icon>add</mat-icon>
-        </button>
-      </div>
-      <p *ngIf="noData">{{ translations.noDataMessage }}</p>
-      <div
-        *ngFor="
-          let item of [].constructor(data);
-          let idx = index;
-          trackBy: trackByFn;
-          last as last;
-          first as first
-        "
-      >
-        <mat-card class="array-item" appearance="outlined">
-          <mat-card-content>
-            <jsonforms-outlet [renderProps]="getProps(idx)"></jsonforms-outlet>
-          </mat-card-content>
-          <mat-card-actions *ngIf="isEnabled()">
-            <button
-              *ngIf="uischema?.options?.showSortButtons"
-              class="item-up"
-              mat-button
-              [disabled]="first"
-              (click)="up(idx)"
-              attr.aria-label="{{ translations.upAriaLabel }}"
-              matTooltip="{{ translations.up }}"
-              matTooltipPosition="right"
-            >
-              <mat-icon>arrow_upward</mat-icon>
-            </button>
-            <button
-              *ngIf="uischema?.options?.showSortButtons"
-              class="item-down"
-              mat-button
-              [disabled]="last"
-              (click)="down(idx)"
-              attr.aria-label="{{ translations.downAriaLabel }}"
-              matTooltip="{{ translations.down }}"
-              matTooltipPosition="right"
-            >
-              <mat-icon>arrow_downward</mat-icon>
-            </button>
-            <button
-              mat-button
-              color="warn"
-              (click)="remove(idx)"
-              attr.aria-label="{{ translations.removeAriaLabel }}"
-              matTooltip="{{ translations.removeTooltip }}"
-              matTooltipPosition="right"
-            >
-              <mat-icon>delete</mat-icon>
-            </button>
-          </mat-card-actions>
-        </mat-card>
-      </div>
-    </div>
-  `,
-  styles: [
-    `
-      .array-layout {
-        display: flex;
-        flex-direction: column;
-        gap: 16px;
-      }
-      .array-layout > * {
-        flex: 1 1 auto;
-      }
-      .array-layout-toolbar {
-        display: flex;
-        align-items: center;
-      }
-      .array-layout-title {
-        margin: 0;
-      }
-      .array-layout-toolbar > span {
-        flex: 1 1 auto;
-      }
-      .array-item {
-        padding: 16px;
-      }
-      ::ng-deep .error-message-tooltip {
-        white-space: pre-line;
-      }
-    `,
-  ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class ArrayLayoutRenderer
-  extends JsonFormsAbstractControl<StatePropsOfArrayLayout>
-  implements OnInit
-{
-  noData: boolean;
-  translations: ArrayTranslations = {};
-  addItem: (path: string, value: any) => () => void;
-  moveItemUp: (path: string, index: number) => () => void;
-  moveItemDown: (path: string, index: number) => () => void;
-  removeItems: (path: string, toDelete: number[]) => () => void;
-  uischemas: {
-    tester: UISchemaTester;
-    uischema: UISchemaElement;
-  }[];
-  constructor(jsonFormsService: JsonFormsAngularService) {
-    super(jsonFormsService);
-  }
-  mapToProps(
-    state: JsonFormsState
-  ): StatePropsOfArrayLayout & { translations: ArrayTranslations } {
-    const props = mapStateToArrayLayoutProps(state, this.getOwnProps());
-    const t =
-      state.jsonforms.i18n?.translate ?? defaultJsonFormsI18nState.translate;
-    const translations = getArrayTranslations(
-      t,
-      arrayDefaultTranslations,
-      props.i18nKeyPrefix,
-      props.label
-    );
-    return { ...props, translations };
-  }
-  remove(index: number): void {
-    this.removeItems(this.propsPath, [index])();
-  }
-  add(): void {
-    this.addItem(
-      this.propsPath,
-      createDefaultValue(this.scopedSchema, this.rootSchema)
-    )();
-  }
-  up(index: number): void {
-    this.moveItemUp(this.propsPath, index)();
-  }
-  down(index: number): void {
-    this.moveItemDown(this.propsPath, index)();
-  }
-  ngOnInit() {
-    super.ngOnInit();
-    const { addItem, removeItems, moveUp, moveDown } =
-      mapDispatchToArrayControlProps(
-        this.jsonFormsService.updateCore.bind(this.jsonFormsService)
-      );
-    this.addItem = addItem;
-    this.moveItemUp = moveUp;
-    this.moveItemDown = moveDown;
-    this.removeItems = removeItems;
-  }
-  mapAdditionalProps(
-    props: ArrayLayoutProps & { translations: ArrayTranslations }
-  ) {
-    this.noData = !props.data || props.data === 0;
-    this.uischemas = props.uischemas;
-    this.translations = props.translations;
-  }
-  getProps(index: number): OwnPropsOfRenderer {
-    const uischema = findUISchema(
-      this.uischemas,
-      this.scopedSchema,
-      this.uischema.scope,
-      this.propsPath,
-      undefined,
-      this.uischema,
-      this.rootSchema
-    );
-    if (this.isEnabled()) {
-      unsetReadonly(uischema);
-    } else {
-      setReadonly(uischema);
-    }
-    return {
-      schema: this.scopedSchema,
-      path: Paths.compose(this.propsPath, `${index}`),
-      uischema,
-    };
-  }
-  trackByFn(index: number) {
-    return index;
-  }
-}
-
-export const ArrayLayoutRendererTester: RankedTester = rankWith(
-  4,
-  isObjectArrayWithNesting
-);
diff --git a/packages/angular-material/src/library/layouts/categorization-layout.renderer.ts b/packages/angular-material/src/library/layouts/categorization-layout.renderer.ts
deleted file mode 100644
index 65ea94f773..0000000000
--- a/packages/angular-material/src/library/layouts/categorization-layout.renderer.ts
+++ /dev/null
@@ -1,107 +0,0 @@
-/*
-  The MIT License
-
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import {
-  and,
-  Categorization,
-  categorizationHasCategory,
-  Category,
-  defaultJsonFormsI18nState,
-  deriveLabelForUISchemaElement,
-  getAjv,
-  isVisible,
-  JsonFormsState,
-  Labelable,
-  mapStateToLayoutProps,
-  RankedTester,
-  rankWith,
-  uiTypeIs,
-} from '@jsonforms/core';
-import { Component, OnInit } from '@angular/core';
-import {
-  JsonFormsAngularService,
-  JsonFormsBaseRenderer,
-} from '@jsonforms/angular';
-
-@Component({
-  selector: 'jsonforms-categorization-layout',
-  template: `
-    <mat-tab-group
-      [ngStyle]="{ display: hidden ? 'none' : '' }"
-      dynamicHeight="true"
-    >
-      <mat-tab
-        *ngFor="let category of visibleCategories; let i = index"
-        [label]="categoryLabels[i]"
-      >
-        <div *ngFor="let element of category.elements">
-          <jsonforms-outlet
-            [uischema]="element"
-            [path]="path"
-            [schema]="schema"
-          ></jsonforms-outlet>
-        </div>
-      </mat-tab>
-    </mat-tab-group>
-  `,
-})
-export class CategorizationTabLayoutRenderer
-  extends JsonFormsBaseRenderer<Categorization>
-  implements OnInit
-{
-  hidden: boolean;
-  visibleCategories: (Category | Categorization)[];
-  categoryLabels: string[];
-
-  constructor(private jsonFormsService: JsonFormsAngularService) {
-    super();
-  }
-
-  ngOnInit() {
-    this.addSubscription(
-      this.jsonFormsService.$state.subscribe({
-        next: (state: JsonFormsState) => {
-          const props = mapStateToLayoutProps(state, this.getOwnProps());
-          this.hidden = !props.visible;
-          this.visibleCategories = this.uischema.elements.filter(
-            (category: Category | Categorization) =>
-              isVisible(category, props.data, undefined, getAjv(state))
-          );
-          this.categoryLabels = this.visibleCategories.map((element) =>
-            deriveLabelForUISchemaElement(
-              element as Labelable<boolean>,
-              state.jsonforms.i18n?.translate ??
-                defaultJsonFormsI18nState.translate
-            )
-          );
-        },
-      })
-    );
-  }
-}
-
-export const categorizationTester: RankedTester = rankWith(
-  2,
-  and(uiTypeIs('Categorization'), categorizationHasCategory)
-);
diff --git a/packages/angular-material/src/library/layouts/group-layout.renderer.ts b/packages/angular-material/src/library/layouts/group-layout.renderer.ts
deleted file mode 100644
index 1b725df9aa..0000000000
--- a/packages/angular-material/src/library/layouts/group-layout.renderer.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-/*
-  The MIT License
-
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-} from '@angular/core';
-import { GroupLayout, RankedTester, rankWith, uiTypeIs } from '@jsonforms/core';
-import { LayoutRenderer } from './layout.renderer';
-import { JsonFormsAngularService } from '@jsonforms/angular';
-
-@Component({
-  selector: 'GroupLayoutRenderer',
-  template: `
-    <mat-card
-      [ngStyle]="{ display: hidden ? 'none' : '' }"
-      appearance="outlined"
-      class="group-layout"
-    >
-      <mat-card-title class="mat-headline-6">{{ label }}</mat-card-title>
-      <div
-        *ngFor="
-          let props of uischema | layoutChildrenRenderProps : schema : path;
-          trackBy: trackElement
-        "
-      >
-        <jsonforms-outlet [renderProps]="props"></jsonforms-outlet>
-      </div>
-    </mat-card>
-  `,
-  styles: [
-    `
-      .group-layout {
-        display: flex;
-        flex-direction: column;
-        gap: 16px;
-        padding: 16px;
-      }
-      .group-layout > div {
-        flex: 1 1 auto;
-      }
-    `,
-  ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class GroupLayoutRenderer extends LayoutRenderer<GroupLayout> {
-  constructor(
-    jsonFormsService: JsonFormsAngularService,
-    changeDetectionRef: ChangeDetectorRef
-  ) {
-    super(jsonFormsService, changeDetectionRef);
-  }
-}
-export const groupLayoutTester: RankedTester = rankWith(1, uiTypeIs('Group'));
diff --git a/packages/angular-material/src/library/layouts/horizontal-layout.renderer.ts b/packages/angular-material/src/library/layouts/horizontal-layout.renderer.ts
deleted file mode 100644
index bd1c97ff11..0000000000
--- a/packages/angular-material/src/library/layouts/horizontal-layout.renderer.ts
+++ /dev/null
@@ -1,83 +0,0 @@
-/*
-  The MIT License
-
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-} from '@angular/core';
-import {
-  HorizontalLayout,
-  RankedTester,
-  rankWith,
-  uiTypeIs,
-} from '@jsonforms/core';
-import { LayoutRenderer } from './layout.renderer';
-import { JsonFormsAngularService } from '@jsonforms/angular';
-
-@Component({
-  selector: 'HorizontalLayoutRenderer',
-  template: `
-    <div
-      [ngStyle]="{ display: hidden ? 'none' : '' }"
-      class="horizontal-layout"
-    >
-      <div
-        *ngFor="
-          let props of uischema | layoutChildrenRenderProps : schema : path;
-          trackBy: trackElement
-        "
-      >
-        <jsonforms-outlet [renderProps]="props"></jsonforms-outlet>
-      </div>
-    </div>
-  `,
-  styles: [
-    `
-      .horizontal-layout {
-        display: flex;
-        gap: 16px;
-        flex-flow: row wrap;
-        align-items: flex-start;
-        place-content: flex-start center;
-      }
-      .horizontal-layout > div {
-        flex: 1 1 auto;
-      }
-    `,
-  ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class HorizontalLayoutRenderer extends LayoutRenderer<HorizontalLayout> {
-  constructor(
-    jsonFormsService: JsonFormsAngularService,
-    changeDetectionRef: ChangeDetectorRef
-  ) {
-    super(jsonFormsService, changeDetectionRef);
-  }
-}
-export const horizontalLayoutTester: RankedTester = rankWith(
-  1,
-  uiTypeIs('HorizontalLayout')
-);
diff --git a/packages/angular-material/src/library/layouts/index.ts b/packages/angular-material/src/library/layouts/index.ts
deleted file mode 100644
index 61c0e338b8..0000000000
--- a/packages/angular-material/src/library/layouts/index.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-export * from './array-layout.renderer';
-export * from './horizontal-layout.renderer';
-export * from './vertical-layout.renderer';
-export * from './categorization-layout.renderer';
-export * from './layout.renderer';
-export * from './group-layout.renderer';
diff --git a/packages/angular-material/src/library/layouts/layout.renderer.ts b/packages/angular-material/src/library/layouts/layout.renderer.ts
deleted file mode 100644
index 109b1a269e..0000000000
--- a/packages/angular-material/src/library/layouts/layout.renderer.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-/*
-  The MIT License
-
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import {
-  OnInit,
-  ChangeDetectorRef,
-  Component,
-  PipeTransform,
-  Pipe,
-} from '@angular/core';
-import {
-  JsonFormsAngularService,
-  JsonFormsBaseRenderer,
-} from '@jsonforms/angular';
-import {
-  JsonFormsState,
-  Layout,
-  mapStateToLayoutProps,
-  OwnPropsOfRenderer,
-  UISchemaElement,
-  JsonSchema,
-} from '@jsonforms/core';
-
-@Component({
-  template: '',
-})
-export class LayoutRenderer<T extends Layout>
-  extends JsonFormsBaseRenderer<T>
-  implements OnInit
-{
-  hidden: boolean;
-  label: string | undefined;
-
-  constructor(
-    private jsonFormsService: JsonFormsAngularService,
-    protected changeDetectionRef: ChangeDetectorRef
-  ) {
-    super();
-  }
-
-  ngOnInit() {
-    this.addSubscription(
-      this.jsonFormsService.$state.subscribe({
-        next: (state: JsonFormsState) => {
-          const props = mapStateToLayoutProps(state, this.getOwnProps());
-          this.label = props.label;
-          this.hidden = !props.visible;
-          this.changeDetectionRef.markForCheck();
-        },
-      })
-    );
-  }
-
-  trackElement(_index: number, renderProp: OwnPropsOfRenderer): string {
-    return renderProp
-      ? renderProp.path + JSON.stringify(renderProp.uischema)
-      : null;
-  }
-}
-
-@Pipe({ name: 'layoutChildrenRenderProps' })
-export class LayoutChildrenRenderPropsPipe implements PipeTransform {
-  transform(
-    uischema: Layout,
-    schema: JsonSchema,
-    path: string
-  ): OwnPropsOfRenderer[] {
-    const elements = (uischema.elements || []).map((el: UISchemaElement) => ({
-      uischema: el,
-      schema: schema,
-      path: path,
-    }));
-    return elements;
-  }
-}
diff --git a/packages/angular-material/src/library/layouts/vertical-layout.renderer.ts b/packages/angular-material/src/library/layouts/vertical-layout.renderer.ts
deleted file mode 100644
index 5426a08135..0000000000
--- a/packages/angular-material/src/library/layouts/vertical-layout.renderer.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-/*
-  The MIT License
-
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-} from '@angular/core';
-import {
-  RankedTester,
-  rankWith,
-  uiTypeIs,
-  VerticalLayout,
-} from '@jsonforms/core';
-import { LayoutRenderer } from './layout.renderer';
-import { JsonFormsAngularService } from '@jsonforms/angular';
-
-@Component({
-  selector: 'VerticalLayoutRenderer',
-  template: `
-    <div [ngStyle]="{ display: hidden ? 'none' : '' }" class="vertical-layout">
-      <div
-        *ngFor="
-          let props of uischema | layoutChildrenRenderProps : schema : path;
-          trackBy: trackElement
-        "
-      >
-        <jsonforms-outlet [renderProps]="props"></jsonforms-outlet>
-      </div>
-    </div>
-  `,
-  styles: [
-    `
-      .vertical-layout {
-        display: flex;
-        flex-direction: column;
-        gap: 16px;
-      }
-      .vertical-layout > div {
-        flex: 1 1 auto;
-      }
-    `,
-  ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class VerticalLayoutRenderer extends LayoutRenderer<VerticalLayout> {
-  constructor(
-    jsonFormsService: JsonFormsAngularService,
-    changeDetectionRef: ChangeDetectorRef
-  ) {
-    super(jsonFormsService, changeDetectionRef);
-  }
-}
-export const verticalLayoutTester: RankedTester = rankWith(
-  1,
-  uiTypeIs('VerticalLayout')
-);
diff --git a/packages/angular-material/src/library/module.ts b/packages/angular-material/src/library/module.ts
deleted file mode 100644
index 15866aeb2a..0000000000
--- a/packages/angular-material/src/library/module.ts
+++ /dev/null
@@ -1,138 +0,0 @@
-/*
-  The MIT License
-
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { CommonModule } from '@angular/common';
-import { ReactiveFormsModule } from '@angular/forms';
-import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatButtonModule } from '@angular/material/button';
-import { MatBadgeModule } from '@angular/material/badge';
-import { MatCardModule } from '@angular/material/card';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatDatepickerModule } from '@angular/material/datepicker';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatListModule } from '@angular/material/list';
-import { MatNativeDateModule } from '@angular/material/core';
-import { MatSelectModule } from '@angular/material/select';
-import { MatSidenavModule } from '@angular/material/sidenav';
-import { MatSliderModule } from '@angular/material/slider';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { MatTableModule } from '@angular/material/table';
-import { MatTabsModule } from '@angular/material/tabs';
-import { MatToolbarModule } from '@angular/material/toolbar';
-import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
-import { JsonFormsModule } from '@jsonforms/angular';
-import { AutocompleteControlRenderer } from './controls/autocomplete.renderer';
-import { BooleanControlRenderer } from './controls/boolean.renderer';
-import { DateControlRenderer } from './controls/date.renderer';
-import { NumberControlRenderer } from './controls/number.renderer';
-import { RangeControlRenderer } from './controls/range.renderer';
-import { TextAreaRenderer } from './controls/textarea.renderer';
-import { TextControlRenderer } from './controls/text.renderer';
-import { ToggleControlRenderer } from './controls/toggle.renderer';
-import { LabelRenderer } from './other/label.renderer';
-import { JsonFormsDetailComponent } from './other/master-detail/detail';
-import { MasterListComponent } from './other/master-detail/master';
-import { ObjectControlRenderer } from './other/object.renderer';
-import { TableRenderer, GetProps } from './other/table.renderer';
-import { CategorizationTabLayoutRenderer } from './layouts/categorization-layout.renderer';
-import { GroupLayoutRenderer } from './layouts/group-layout.renderer';
-import { HorizontalLayoutRenderer } from './layouts/horizontal-layout.renderer';
-import { VerticalLayoutRenderer } from './layouts/vertical-layout.renderer';
-import { ArrayLayoutRenderer } from './layouts/array-layout.renderer';
-import { LayoutChildrenRenderPropsPipe } from './layouts';
-
-@NgModule({
-  imports: [
-    CommonModule,
-    JsonFormsModule,
-    MatFormFieldModule,
-    MatCheckboxModule,
-    MatInputModule,
-    MatSliderModule,
-    MatSlideToggleModule,
-    MatNativeDateModule,
-    MatDatepickerModule,
-    MatTabsModule,
-    MatSidenavModule,
-    MatListModule,
-    ReactiveFormsModule,
-    MatCardModule,
-    MatSelectModule,
-    MatButtonModule,
-    MatIconModule,
-    MatAutocompleteModule,
-    MatTableModule,
-    MatToolbarModule,
-    MatTooltipModule,
-    MatBadgeModule,
-  ],
-  declarations: [
-    BooleanControlRenderer,
-    TextAreaRenderer,
-    TextControlRenderer,
-    NumberControlRenderer,
-    RangeControlRenderer,
-    DateControlRenderer,
-    ToggleControlRenderer,
-    VerticalLayoutRenderer,
-    HorizontalLayoutRenderer,
-    CategorizationTabLayoutRenderer,
-    GroupLayoutRenderer,
-    LabelRenderer,
-    MasterListComponent,
-    JsonFormsDetailComponent,
-    ObjectControlRenderer,
-    AutocompleteControlRenderer,
-    TableRenderer,
-    ArrayLayoutRenderer,
-    LayoutChildrenRenderPropsPipe,
-    GetProps,
-  ],
-  exports: [
-    CommonModule,
-    JsonFormsModule,
-    MatFormFieldModule,
-    MatCheckboxModule,
-    MatInputModule,
-    MatSliderModule,
-    MatSlideToggleModule,
-    MatNativeDateModule,
-    MatDatepickerModule,
-    MatTabsModule,
-    MatSidenavModule,
-    MatListModule,
-    ReactiveFormsModule,
-    MatCardModule,
-    MatSelectModule,
-    MatButtonModule,
-    MatIconModule,
-    MatAutocompleteModule,
-  ],
-  schemas: [CUSTOM_ELEMENTS_SCHEMA],
-  providers: [],
-})
-export class JsonFormsAngularMaterialModule {}
diff --git a/packages/angular-material/src/library/other/index.ts b/packages/angular-material/src/library/other/index.ts
deleted file mode 100644
index ecdab3c25d..0000000000
--- a/packages/angular-material/src/library/other/index.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-export * from './label.renderer';
-export * from './master-detail';
-export * from './object.renderer';
-export * from './table.renderer';
diff --git a/packages/angular-material/src/library/other/label.renderer.ts b/packages/angular-material/src/library/other/label.renderer.ts
deleted file mode 100644
index 3a049ec37c..0000000000
--- a/packages/angular-material/src/library/other/label.renderer.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-/*
-  The MIT License
-
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { Component, OnInit } from '@angular/core';
-import {
-  JsonFormsAngularService,
-  JsonFormsBaseRenderer,
-} from '@jsonforms/angular';
-import {
-  JsonFormsState,
-  LabelElement,
-  mapStateToLabelProps,
-  OwnPropsOfLabel,
-  RankedTester,
-  rankWith,
-  uiTypeIs,
-} from '@jsonforms/core';
-
-@Component({
-  selector: 'LabelRenderer',
-  template: ` <label class="mat-headline-6"> {{ label }} </label> `,
-  styles: [
-    `
-      :host {
-        flex: 1 1 auto;
-      }
-    `,
-  ],
-})
-export class LabelRenderer
-  extends JsonFormsBaseRenderer<LabelElement>
-  implements OnInit
-{
-  label: string;
-  visible: boolean;
-
-  constructor(private jsonFormsService: JsonFormsAngularService) {
-    super();
-  }
-  ngOnInit() {
-    this.addSubscription(
-      this.jsonFormsService.$state.subscribe({
-        next: (state: JsonFormsState) => {
-          const props = mapStateToLabelProps(
-            state,
-            this.getOwnProps() as OwnPropsOfLabel
-          );
-          this.visible = props.visible;
-          this.label = props.text;
-        },
-      })
-    );
-  }
-}
-
-export const LabelRendererTester: RankedTester = rankWith(4, uiTypeIs('Label'));
diff --git a/packages/angular-material/src/library/other/master-detail/detail.ts b/packages/angular-material/src/library/other/master-detail/detail.ts
deleted file mode 100644
index 9076a66675..0000000000
--- a/packages/angular-material/src/library/other/master-detail/detail.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { Component, Input } from '@angular/core';
-
-@Component({
-  selector: 'jsonforms-detail',
-  template: `
-    <div *ngIf="initialized">
-      <jsonforms-outlet [renderProps]="_item"></jsonforms-outlet>
-    </div>
-  `,
-})
-export class JsonFormsDetailComponent {
-  _item: any;
-  _schema: any;
-  initialized = false;
-
-  @Input()
-  set item(item: any) {
-    if (item) {
-      this._item = item;
-      this.initialized = true;
-    }
-  }
-}
diff --git a/packages/angular-material/src/library/other/master-detail/index.ts b/packages/angular-material/src/library/other/master-detail/index.ts
deleted file mode 100644
index 60fb7a1b82..0000000000
--- a/packages/angular-material/src/library/other/master-detail/index.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-export * from './detail';
-export * from './master';
diff --git a/packages/angular-material/src/library/other/master-detail/master.ts b/packages/angular-material/src/library/other/master-detail/master.ts
deleted file mode 100644
index d50d4f092b..0000000000
--- a/packages/angular-material/src/library/other/master-detail/master.ts
+++ /dev/null
@@ -1,309 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import some from 'lodash/some';
-import get from 'lodash/get';
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  OnInit,
-} from '@angular/core';
-import {
-  JsonFormsAngularService,
-  JsonFormsArrayControl,
-} from '@jsonforms/angular';
-import {
-  ArrayControlProps,
-  arrayDefaultTranslations,
-  ArrayTranslations,
-  ControlElement,
-  createDefaultValue,
-  decode,
-  defaultJsonFormsI18nState,
-  findUISchema,
-  getArrayTranslations,
-  getFirstPrimitiveProp,
-  JsonFormsState,
-  mapDispatchToArrayControlProps,
-  mapStateToArrayControlProps,
-  RankedTester,
-  rankWith,
-  setReadonly,
-  StatePropsOfArrayControl,
-  uiTypeIs,
-} from '@jsonforms/core';
-
-const keywords = ['#', 'properties', 'items'];
-
-export const removeSchemaKeywords = (path: string) => {
-  return decode(
-    path
-      .split('/')
-      .filter((s) => !some(keywords, (key) => key === s))
-      .join('.')
-  );
-};
-
-@Component({
-  selector: 'jsonforms-list-with-detail-master',
-  template: `
-    <mat-sidenav-container
-      [ngStyle]="{ display: hidden ? 'none' : '' }"
-      autosize="true"
-      class="container"
-    >
-      <mat-sidenav mode="side" opened>
-        <mat-nav-list>
-          <mat-list-item *ngIf="masterItems.length === 0">{{
-            translations.noDataMessage
-          }}</mat-list-item>
-          <mat-list-item
-            *ngFor="
-              let item of masterItems;
-              let i = index;
-              trackBy: trackElement
-            "
-            [class.selected]="item === selectedItem"
-            (click)="onSelect(item, i)"
-            (mouseover)="onListItemHover(i)"
-            (mouseout)="onListItemHover(undefined)"
-          >
-            <a matLine>{{ item.label || 'No label set' }}</a>
-            <button
-              mat-icon-button
-              class="button item-button hide"
-              (click)="onDeleteClick(i)"
-              [ngClass]="{ show: highlightedIdx == i }"
-              *ngIf="isEnabled()"
-            >
-              <mat-icon mat-list-icon>delete</mat-icon>
-            </button>
-          </mat-list-item>
-        </mat-nav-list>
-        <button
-          mat-fab
-          color="primary"
-          class="add-button"
-          (click)="onAddClick()"
-          *ngIf="isEnabled()"
-        >
-          <mat-icon [attr.aria-label]="translations.addAriaLabel">add</mat-icon>
-        </button>
-      </mat-sidenav>
-      <mat-sidenav-content class="content">
-        <jsonforms-detail
-          *ngIf="selectedItem"
-          [item]="selectedItem"
-        ></jsonforms-detail>
-      </mat-sidenav-content>
-    </mat-sidenav-container>
-  `,
-  styles: [
-    `
-      /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */
-      mat-list-item.selected {
-        background: rgba(0, 0, 0, 0.04);
-      }
-      .container {
-        height: 100vh;
-      }
-      .content {
-        padding: 15px;
-        background-color: #fff;
-      }
-      .add-button {
-        float: right;
-        margin-top: 0.5em;
-        margin-right: 0.25em;
-      }
-      .button {
-        float: right;
-        margin-right: 0.25em;
-      }
-      .item-button {
-        position: absolute;
-        top: 0;
-        right: 0;
-      }
-      .hide {
-        display: none;
-      }
-      .show {
-        display: inline-block;
-      }
-      mat-sidenav {
-        width: 20%;
-      }
-    `,
-  ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class MasterListComponent
-  extends JsonFormsArrayControl
-  implements OnInit
-{
-  masterItems: any[];
-  selectedItem: any;
-  selectedItemIdx: number;
-  addItem: (path: string, value: any) => () => void;
-  removeItems: (path: string, toDelete: number[]) => () => void;
-  highlightedIdx: number;
-  translations: ArrayTranslations;
-
-  constructor(
-    jsonformsService: JsonFormsAngularService,
-    private changeDetectorRef: ChangeDetectorRef
-  ) {
-    super(jsonformsService);
-  }
-
-  onListItemHover(idx: number) {
-    this.highlightedIdx = idx;
-  }
-
-  trackElement(_index: number, element: any) {
-    return element ? element.label : null;
-  }
-
-  ngOnInit() {
-    super.ngOnInit();
-    const dispatch = this.jsonFormsService.updateCore.bind(
-      this.jsonFormsService
-    );
-    const { addItem, removeItems } = mapDispatchToArrayControlProps(dispatch);
-    this.addItem = addItem;
-    this.removeItems = removeItems;
-  }
-
-  mapAdditionalProps(
-    props: ArrayControlProps & { translations: ArrayTranslations }
-  ) {
-    const { data, path, schema, uischema } = props;
-    const controlElement = uischema as ControlElement;
-    this.propsPath = props.path;
-    const detailUISchema = findUISchema(
-      props.uischemas,
-      schema,
-      `${controlElement.scope}/items`,
-      props.path,
-      'VerticalLayout',
-      controlElement,
-      props.rootSchema
-    );
-
-    if (!this.isEnabled()) {
-      setReadonly(detailUISchema);
-    }
-
-    this.translations = props.translations;
-
-    const masterItems = (data || []).map((d: any, index: number) => {
-      const labelRefInstancePath =
-        controlElement.options?.labelRef &&
-        removeSchemaKeywords(controlElement.options.labelRef);
-      const isPrimitive = d !== undefined && typeof d !== 'object';
-      const masterItem = {
-        label: isPrimitive
-          ? d.toString()
-          : get(d, labelRefInstancePath ?? getFirstPrimitiveProp(schema)),
-        data: d,
-        path: `${path}.${index}`,
-        schema,
-        uischema: detailUISchema,
-      };
-      return masterItem;
-    });
-    this.masterItems = masterItems;
-    let newSelectedIdx = -1;
-    let newSelectedItem;
-    if (this.masterItems.length === 0) {
-      // unset select if no elements anymore
-      this.selectedItem = undefined;
-      this.selectedItemIdx = -1;
-    } else if (this.selectedItemIdx >= this.masterItems.length) {
-      // the previous index is to high, reduce it to the maximal possible
-      newSelectedIdx = this.masterItems.length - 1;
-      newSelectedItem = this.masterItems[newSelectedIdx];
-    } else if (
-      this.selectedItemIdx !== -1 &&
-      this.selectedItemIdx < this.masterItems.length
-    ) {
-      newSelectedIdx = this.selectedItemIdx;
-      newSelectedItem = this.masterItems[this.selectedItemIdx];
-    }
-
-    if (
-      newSelectedItem !== undefined &&
-      this.selectedItem !== undefined &&
-      (newSelectedItem.label === this.selectedItem.label ||
-        newSelectedItem.path === this.selectedItem.path)
-    ) {
-      // after checking that we are on the same path, set selection
-      this.selectedItem = newSelectedItem;
-      this.selectedItemIdx = newSelectedIdx;
-    } else if (this.masterItems.length > 0) {
-      // pre-select 1st entry if the previous selected element as fallback
-      this.selectedItem = this.masterItems[0];
-      this.selectedItemIdx = 0;
-    }
-    this.changeDetectorRef.markForCheck();
-  }
-
-  onSelect(item: any, idx: number): void {
-    this.selectedItem = item;
-    this.selectedItemIdx = idx;
-  }
-
-  onAddClick() {
-    this.addItem(
-      this.propsPath,
-      createDefaultValue(this.scopedSchema, this.rootSchema)
-    )();
-  }
-
-  onDeleteClick(item: number) {
-    this.removeItems(this.propsPath, [item])();
-  }
-
-  protected mapToProps(
-    state: JsonFormsState
-  ): StatePropsOfArrayControl & { translations: ArrayTranslations } {
-    const props = mapStateToArrayControlProps(state, this.getOwnProps());
-    const t =
-      state.jsonforms.i18n?.translate ?? defaultJsonFormsI18nState.translate;
-    const translations = getArrayTranslations(
-      t,
-      arrayDefaultTranslations,
-      props.i18nKeyPrefix,
-      props.label
-    );
-    return { ...props, translations };
-  }
-}
-
-export const masterDetailTester: RankedTester = rankWith(
-  4,
-  uiTypeIs('ListWithDetail')
-);
diff --git a/packages/angular-material/src/library/other/object.renderer.ts b/packages/angular-material/src/library/other/object.renderer.ts
deleted file mode 100644
index cdc0b2e4bc..0000000000
--- a/packages/angular-material/src/library/other/object.renderer.ts
+++ /dev/null
@@ -1,106 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import isEmpty from 'lodash/isEmpty';
-import startCase from 'lodash/startCase';
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import {
-  JsonFormsAngularService,
-  JsonFormsControlWithDetail,
-} from '@jsonforms/angular';
-import {
-  ControlWithDetailProps,
-  findUISchema,
-  Generate,
-  GroupLayout,
-  isObjectControl,
-  RankedTester,
-  rankWith,
-  setReadonly,
-  UISchemaElement,
-} from '@jsonforms/core';
-import { cloneDeep } from 'lodash';
-
-@Component({
-  selector: 'ObjectRenderer',
-  template: `
-    <mat-card class="object-layout" appearance="outlined">
-      <jsonforms-outlet
-        [uischema]="detailUiSchema"
-        [schema]="scopedSchema"
-        [path]="propsPath"
-      >
-      </jsonforms-outlet>
-    </mat-card>
-  `,
-  styles: [
-    `
-      .object-layout {
-        padding: 16px;
-      }
-    `,
-  ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class ObjectControlRenderer extends JsonFormsControlWithDetail {
-  detailUiSchema: UISchemaElement;
-  constructor(jsonformsService: JsonFormsAngularService) {
-    super(jsonformsService);
-  }
-  mapAdditionalProps(props: ControlWithDetailProps) {
-    this.detailUiSchema = findUISchema(
-      props.uischemas,
-      props.schema,
-      props.uischema.scope,
-      props.path,
-      () => {
-        const newSchema = cloneDeep(props.schema);
-        // delete unsupported operators
-        delete newSchema.oneOf;
-        delete newSchema.anyOf;
-        delete newSchema.allOf;
-        return Generate.uiSchema(
-          newSchema,
-          'Group',
-          undefined,
-          this.rootSchema
-        );
-      },
-      props.uischema,
-      props.rootSchema
-    );
-    if (isEmpty(props.path)) {
-      this.detailUiSchema.type = 'VerticalLayout';
-    } else {
-      (this.detailUiSchema as GroupLayout).label = startCase(props.path);
-    }
-    if (!this.isEnabled()) {
-      setReadonly(this.detailUiSchema);
-    }
-  }
-}
-export const ObjectControlRendererTester: RankedTester = rankWith(
-  2,
-  isObjectControl
-);
diff --git a/packages/angular-material/src/library/other/table.renderer.ts b/packages/angular-material/src/library/other/table.renderer.ts
deleted file mode 100644
index 3be3d7aaa5..0000000000
--- a/packages/angular-material/src/library/other/table.renderer.ts
+++ /dev/null
@@ -1,285 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import startCase from 'lodash/startCase';
-import { Component, OnInit, Pipe, PipeTransform } from '@angular/core';
-import {
-  JsonFormsAngularService,
-  JsonFormsArrayControl,
-} from '@jsonforms/angular';
-import {
-  ArrayControlProps,
-  ArrayTranslations,
-  ControlElement,
-  createDefaultValue,
-  deriveTypes,
-  encode,
-  isObjectArrayControl,
-  isPrimitiveArrayControl,
-  JsonSchema,
-  mapDispatchToArrayControlProps,
-  or,
-  OwnPropsOfRenderer,
-  Paths,
-  RankedTester,
-  rankWith,
-  setReadonly,
-  UISchemaElement,
-} from '@jsonforms/core';
-
-@Component({
-  selector: 'TableRenderer',
-  template: `
-    <div class="table-container">
-      <table
-        mat-table
-        [dataSource]="data"
-        class="mat-elevation-z8"
-        [trackBy]="trackElement"
-      >
-        <ng-container matColumnDef="action" stickyEnd>
-          <tr>
-            <th
-              mat-header-cell
-              *matHeaderCellDef
-              [ngClass]="{ 'sort-column': uischema?.options?.showSortButtons }"
-            >
-              <button
-                mat-button
-                color="primary"
-                (click)="add()"
-                [disabled]="!isEnabled()"
-                [matTooltip]="translations.addTooltip"
-              >
-                <mat-icon>add</mat-icon>
-              </button>
-            </th>
-          </tr>
-          <tr>
-            <td
-              [ngClass]="{ 'sort-column': uischema?.options?.showSortButtons }"
-              mat-cell
-              *matCellDef="
-                let row;
-                let i = index;
-                let first = first;
-                let last = last
-              "
-            >
-              <button
-                *ngIf="uischema?.options?.showSortButtons"
-                class="item-up"
-                mat-icon-button
-                [disabled]="first"
-                (click)="up(i)"
-                [matTooltip]="translations.upAriaLabel"
-                matTooltipPosition="right"
-              >
-                <mat-icon>arrow_upward</mat-icon>
-              </button>
-              <button
-                *ngIf="uischema?.options?.showSortButtons"
-                class="item-down"
-                mat-icon-button
-                [disabled]="last"
-                (click)="down(i)"
-                [matTooltip]="translations.downAriaLabel"
-                matTooltipPosition="right"
-              >
-                <mat-icon>arrow_downward</mat-icon>
-              </button>
-              <button
-                mat-icon-button
-                color="warn"
-                (click)="remove(i)"
-                [disabled]="!isEnabled()"
-                matTooltipPosition="right"
-                [matTooltip]="translations.removeTooltip"
-              >
-                <mat-icon>delete</mat-icon>
-              </button>
-            </td>
-          </tr>
-
-          <tr></tr
-        ></ng-container>
-
-        <ng-container
-          *ngFor="let item of items"
-          matColumnDef="{{ item.property }}"
-        >
-          <th mat-header-cell *matHeaderCellDef>{{ item.header }}</th>
-          <td mat-cell *matCellDef="let index = index">
-            <jsonforms-outlet
-              [renderProps]="index | getProps : item.props"
-            ></jsonforms-outlet>
-          </td>
-        </ng-container>
-
-        <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
-        <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
-      </table>
-    </div>
-  `,
-  styles: [
-    'table {width: 100%;}',
-    '.cdk-column-action { width: 15%;}',
-    '.sort-column { min-width: 12vw;}',
-    '.table-container {max-width: 100%; overflow: auto;}',
-  ],
-})
-export class TableRenderer extends JsonFormsArrayControl implements OnInit {
-  detailUiSchema: UISchemaElement;
-  displayedColumns: string[];
-  items: ColumnDescription[];
-  readonly columnsToIgnore = ['array', 'object'];
-  addItem: (path: string, value: any) => () => void;
-  moveItemUp: (path: string, index: number) => () => void;
-  moveItemDown: (path: string, index: number) => () => void;
-  removeItems: (path: string, toDelete: number[]) => () => void;
-  translations: ArrayTranslations = {};
-
-  constructor(jsonformsService: JsonFormsAngularService) {
-    super(jsonformsService);
-  }
-  trackElement(index: number, _element: any) {
-    return index ? index : null;
-  }
-  mapAdditionalProps(
-    props: ArrayControlProps & { translations: ArrayTranslations }
-  ) {
-    this.items = this.generateCells(props.schema, props.path);
-    this.displayedColumns = this.items.map((item) => item.property);
-    if (this.isEnabled()) {
-      this.displayedColumns.push('action');
-    }
-    this.translations = props.translations;
-  }
-
-  remove(index: number): void {
-    this.removeItems(this.propsPath, [index])();
-  }
-  add(): void {
-    this.addItem(
-      this.propsPath,
-      createDefaultValue(this.scopedSchema, this.rootSchema)
-    )();
-  }
-  up(index: number): void {
-    this.moveItemUp(this.propsPath, index)();
-  }
-  down(index: number): void {
-    this.moveItemDown(this.propsPath, index)();
-  }
-  ngOnInit() {
-    super.ngOnInit();
-
-    const { addItem, removeItems, moveUp, moveDown } =
-      mapDispatchToArrayControlProps(
-        this.jsonFormsService.updateCore.bind(this.jsonFormsService)
-      );
-    this.addItem = addItem;
-    this.moveItemUp = moveUp;
-    this.moveItemDown = moveDown;
-    this.removeItems = removeItems;
-  }
-
-  generateCells = (
-    schema: JsonSchema,
-    rowPath: string
-  ): ColumnDescription[] => {
-    if (schema.type === 'object') {
-      return this.getValidColumnProps(schema).map((prop) => {
-        const encProp = encode(prop);
-        const uischema = controlWithoutLabel(`#/properties/${encProp}`);
-        if (!this.isEnabled()) {
-          setReadonly(uischema);
-        }
-        return {
-          property: prop,
-          header: startCase(prop),
-          props: {
-            schema: schema,
-            uischema,
-            path: rowPath,
-          },
-        };
-      });
-    }
-    // needed to correctly render input control for multi attributes
-    return [
-      {
-        property: 'DUMMY',
-        header: this.label,
-        props: {
-          schema: schema,
-          uischema: controlWithoutLabel(`#`),
-          path: rowPath,
-        },
-      },
-    ];
-  };
-
-  getValidColumnProps = (scopedSchema: JsonSchema) => {
-    if (scopedSchema.type === 'object') {
-      return Object.keys(scopedSchema.properties).filter((prop) => {
-        const types = deriveTypes(scopedSchema.properties[prop]);
-        if (types.length > 1) {
-          return false;
-        }
-        return this.columnsToIgnore.indexOf(types[0]) === -1;
-      });
-    }
-    // primitives
-    return [''];
-  };
-}
-export const TableRendererTester: RankedTester = rankWith(
-  3,
-  or(isObjectArrayControl, isPrimitiveArrayControl)
-);
-
-interface ColumnDescription {
-  property: string;
-  header: string;
-  props: OwnPropsOfRenderer;
-}
-
-export const controlWithoutLabel = (scope: string): ControlElement => ({
-  type: 'Control',
-  scope: scope,
-  label: false,
-});
-
-@Pipe({ name: 'getProps' })
-export class GetProps implements PipeTransform {
-  transform(index: number, props: OwnPropsOfRenderer) {
-    const rowPath = Paths.compose(props.path, `${index}`);
-    return {
-      schema: props.schema,
-      uischema: props.uischema,
-      path: rowPath,
-    };
-  }
-}
diff --git a/packages/angular-material/src/library/other/util.ts b/packages/angular-material/src/library/other/util.ts
deleted file mode 100644
index 7672002873..0000000000
--- a/packages/angular-material/src/library/other/util.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import {
-  ControlElement,
-  getAjv,
-  getData,
-  isVisible,
-  JsonFormsState,
-  OwnPropsOfRenderer,
-} from '@jsonforms/core';
-
-export const controlWithoutLabel = (scope: string): ControlElement => ({
-  type: 'Control',
-  scope: scope,
-  label: false,
-});
-
-export const mapStateToVisible = (
-  state: JsonFormsState,
-  ownProps: OwnPropsOfRenderer
-) => {
-  const visible =
-    ownProps.visible !== undefined
-      ? ownProps.visible
-      : isVisible(ownProps.uischema, getData(state), undefined, getAjv(state));
-
-  return {
-    visible,
-  };
-};
diff --git a/packages/angular-material/src/library/util/date-format.ts b/packages/angular-material/src/library/util/date-format.ts
deleted file mode 100644
index 95db12e74d..0000000000
--- a/packages/angular-material/src/library/util/date-format.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable()
-export class MyFormat {
-  displayFormat = 'M/D/YYYY';
-
-  setDisplayFormat(displayFormat: string) {
-    this.displayFormat = displayFormat;
-  }
-
-  get display() {
-    return {
-      monthYearLabel: 'YYYY-MM',
-      dateA11yLabel: 'YYYY-MM-DD',
-      monthYearA11yLabel: 'YYYY-MM',
-      dateInput: this.displayFormat,
-    };
-  }
-  get parse() {
-    return {
-      dateInput: this.displayFormat,
-    };
-  }
-}
diff --git a/packages/angular-material/src/library/util/dayjs-date-adapter.ts b/packages/angular-material/src/library/util/dayjs-date-adapter.ts
deleted file mode 100644
index b1fbf3c152..0000000000
--- a/packages/angular-material/src/library/util/dayjs-date-adapter.ts
+++ /dev/null
@@ -1,101 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-
-import { Injectable } from '@angular/core';
-import { NativeDateAdapter } from '@angular/material/core';
-import { defaultDateFormat } from '@jsonforms/core';
-import dayjs from 'dayjs';
-import customParsing from 'dayjs/plugin/customParseFormat';
-
-// allows to parse date strings with custom format
-dayjs.extend(customParsing);
-
-/**
- * date adapter for dayjs to parse and format dates
- */
-@Injectable()
-export class DayJsDateAdapter extends NativeDateAdapter {
-  saveFormat: string = defaultDateFormat;
-
-  setSaveFormat(format: string) {
-    this.saveFormat = format;
-  }
-
-  /**
-   * parses a given data prop string in the save-format into a date object
-   * @param value date string to be parsed
-   * @returns date object or null if parsing failed
-   */
-  parseSaveFormat(value: string): Date | null {
-    return this.parse(value, this.saveFormat);
-  }
-
-  parse(value: string, format: string): Date | null {
-    if (!value) {
-      return null;
-    }
-    const date = dayjs(value, format);
-
-    if (date.isValid()) {
-      return date.toDate();
-    } else {
-      return null;
-    }
-  }
-
-  toSaveFormat(value: Date) {
-    if (!value) {
-      return undefined;
-    }
-    const date = dayjs(value);
-    if (date.isValid()) {
-      return date.format(this.saveFormat);
-    } else {
-      return undefined;
-    }
-  }
-
-  /**
-   * transforms the date to a string representation for display
-   * @param date date to be formatted
-   * @param displayFormat format to be used for formatting the date e.g. YYYY-MM-DD
-   * @returns string representation of the date
-   */
-  format(date: Date, displayFormat: string): string {
-    return dayjs(date).format(displayFormat);
-  }
-
-  deserialize(value: any): Date | null {
-    if (!value) {
-      return null;
-    }
-    const date = dayjs(value);
-    if (date.isValid()) {
-      return date.toDate();
-    } else {
-      return null;
-    }
-  }
-}
diff --git a/packages/angular-material/src/public_api.ts b/packages/angular-material/src/public_api.ts
deleted file mode 100644
index 4b02e6973f..0000000000
--- a/packages/angular-material/src/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './library';
diff --git a/packages/angular-material/test-runner.js b/packages/angular-material/test-runner.js
deleted file mode 100644
index 26591cde8a..0000000000
--- a/packages/angular-material/test-runner.js
+++ /dev/null
@@ -1,129 +0,0 @@
-const yargs = require('yargs/yargs');
-const { hideBin } = require('yargs/helpers');
-const path = require('path');
-const ngCore = require('@angular-devkit/core');
-const execute = require('@angular-devkit/build-angular/src/builders/karma').execute;
-
-// Dumped from debug, subject to changes
-const defaultWebpackOptions = {
-  assets: [],
-  scripts: [],
-  styles: [],
-  inlineStyleLanguage: 'css',
-  stylePreprocessorOptions: {
-    includePaths: [],
-  },
-  include: [
-    '../test/**/*.spec.ts'
-  ],
-  exclude: [],
-  sourceMap: true,
-  progress: true,
-  codeCoverage: false,
-  codeCoverageExclude: [],
-  fileReplacements: [],
-  reporters: []
-};
-
-const normalizeOptions = (options, context) => {
-  return {
-    ...defaultWebpackOptions,
-    ...options
-  }
-};
-
-const webpackConfigTransform = (options, context, webpackConfig) => {
-  const projectRoot = context.getProjectMetadata().root;
-  webpackConfig.resolve.modules.push(projectRoot + '/node_modules');
-  return webpackConfig;
-};
-
-const karmaConfigOptionsTransform = (options, context, karmaConfigOptions) => {
-  /* FYI
-  type KarmaConfigOptions = ConfigOptions & {
-      buildWebpack?: unknown;
-      configFile?: string;
-  };
-  */
-  return karmaConfigOptions;
-};
-const main = async (params) => new Promise((resolve, reject) => {
-  const singleRun = !!params.singleRun;
-  const coverage = !!params.coverage;
-  const project = 'angular-material';
-  const target = 'test';
-  const configuration = '';
-  const workspaceRoot = path.join(process.cwd(), '../..');
-  const options = {
-    singleRun,
-    watch: !singleRun, // angular uses the opposite of watch as single run in karmaConfigOptions
-    coverage,
-    codeCoverage: coverage,
-    polyfills: [
-      'zone.js',
-      'zone.js/testing'
-    ],
-    tsConfig: 'packages/angular-material/tsconfig.spec.json',
-    karmaConfig: 'packages/angular-material/karma.conf.js'
-  };
-  const root = `packages/${project}`;
-  const sourceRoot = root + '/src';
-  const teardownLogics = [];
-  const context = {
-    workspaceRoot,
-    logger: new ngCore.logging.Logger(`${project}:${target}:`),
-    target: {
-        project,
-        configuration,
-        target
-    },
-    getProjectMetadata: (projectName) => ({
-        root,
-        sourceRoot
-    }),
-    getBuilderNameForTarget: () => '@angular-devkit/build-angular:karma',
-    getTargetOptions: (target) => ({...options}),
-    validateOptions: (options) => options,
-    addTeardown: (teardown) => {
-      teardownLogics.push(teardown);
-    }
-  };
-  
-  const transforms = {
-    webpackConfiguration: webpackConfigTransform.bind(null, options, context),
-    karmaOptions: karmaConfigOptionsTransform.bind(null, options, context)
-  };
-  let exitCode = 1;
-  execute(normalizeOptions(options, context), context, transforms).subscribe({
-    next: out => {
-      if (out.success) {
-        exitCode = 0;
-      }
-    },
-    error: reject,
-    complete: () => {
-      if (!exitCode) return resolve();
-      reject();
-    }
-  });
-  return exitCode;
-});
-
-main(
-  yargs(hideBin(process.argv)).options({
-    singleRun: {
-      alias: 'single-run',
-      type: 'boolean'
-    },
-    codeCoverage: {
-      alias: 'coverage',
-      type: 'boolean'
-    }
-  }).parseSync()
-)
-.then(() => {
-  process.exit(0);
-})
-.catch(err => {
-  process.exit(1);
-});
\ No newline at end of file
diff --git a/packages/angular-material/test/autocomplete-control.spec.ts b/packages/angular-material/test/autocomplete-control.spec.ts
deleted file mode 100644
index 4ced222838..0000000000
--- a/packages/angular-material/test/autocomplete-control.spec.ts
+++ /dev/null
@@ -1,375 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import {
-  MatAutocompleteModule,
-  MatAutocompleteSelectedEvent,
-} from '@angular/material/autocomplete';
-import { MatError, MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { DebugElement } from '@angular/core';
-import {
-  ComponentFixture,
-  fakeAsync,
-  TestBed,
-  tick,
-  waitForAsync,
-} from '@angular/core/testing';
-import { ReactiveFormsModule } from '@angular/forms';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import {
-  ErrorTestExpectation,
-  setupMockStore,
-  getJsonFormsService,
-} from './common';
-import { ControlElement, JsonSchema, Actions } from '@jsonforms/core';
-import { AutocompleteControlRenderer } from '../src';
-import { JsonFormsAngularService } from '@jsonforms/angular';
-import { ErrorObject } from 'ajv';
-import { initTestEnvironment } from './test';
-import { HarnessLoader } from '@angular/cdk/testing';
-import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';
-import { MatAutocompleteHarness } from '@angular/material/autocomplete/testing';
-
-const data = { foo: 'A' };
-const schema: JsonSchema = {
-  type: 'object',
-  properties: {
-    foo: {
-      type: 'string',
-      enum: ['A', 'B', 'C'],
-    },
-  },
-};
-const uischema: ControlElement = {
-  type: 'Control',
-  scope: '#/properties/foo',
-};
-
-const imports = [
-  MatAutocompleteModule,
-  MatInputModule,
-  MatFormFieldModule,
-  NoopAnimationsModule,
-  ReactiveFormsModule,
-];
-const providers = [JsonFormsAngularService];
-const componentUT: any = AutocompleteControlRenderer;
-const errorTest: ErrorTestExpectation = {
-  errorInstance: MatError,
-  numberOfElements: 1,
-  indexOfElement: 0,
-};
-
-initTestEnvironment();
-
-describe('Autocomplete control Base Tests', () => {
-  let fixture: ComponentFixture<AutocompleteControlRenderer>;
-  let component: AutocompleteControlRenderer;
-  let inputElement: HTMLInputElement;
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [componentUT],
-      imports: imports,
-      providers: providers,
-    }).compileComponents();
-  }));
-  beforeEach(() => {
-    fixture = TestBed.createComponent(componentUT);
-    component = fixture.componentInstance;
-
-    inputElement = fixture.debugElement.query(By.css('input')).nativeElement;
-  });
-
-  it('should render', fakeAsync(() => {
-    setupMockStore(fixture, { uischema, schema, data });
-    getJsonFormsService(component).updateCore(
-      Actions.init(data, schema, uischema)
-    );
-    component.ngOnInit();
-    fixture.detectChanges();
-    tick();
-    expect(component.data).toBe('A');
-    expect(inputElement.value).toBe('A');
-    expect(inputElement.disabled).toBe(false);
-  }));
-
-  it('should support updating the state', fakeAsync(() => {
-    setupMockStore(fixture, { uischema, schema, data });
-    getJsonFormsService(component).updateCore(
-      Actions.init(data, schema, uischema)
-    );
-    component.ngOnInit();
-    fixture.detectChanges();
-    tick();
-    getJsonFormsService(component).updateCore(Actions.update('foo', () => 'B'));
-    tick();
-    fixture.detectChanges();
-    expect(component.data).toBe('B');
-    expect(inputElement.value).toBe('B');
-  }));
-
-  it('should update with undefined value', () => {
-    setupMockStore(fixture, { uischema, schema, data });
-    getJsonFormsService(component).updateCore(
-      Actions.init(data, schema, uischema)
-    );
-    component.ngOnInit();
-    fixture.detectChanges();
-
-    getJsonFormsService(component).updateCore(
-      Actions.update('foo', () => undefined)
-    );
-    fixture.detectChanges();
-    expect(component.data).toBe(undefined);
-    expect(inputElement.value).toBe('');
-  });
-  it('should update with null value', () => {
-    setupMockStore(fixture, { uischema, schema, data });
-    getJsonFormsService(component).updateCore(
-      Actions.init(data, schema, uischema)
-    );
-    fixture.detectChanges();
-    component.ngOnInit();
-
-    getJsonFormsService(component).updateCore(
-      Actions.update('foo', () => null)
-    );
-    fixture.detectChanges();
-    expect(component.data).toBe(null);
-    expect(inputElement.value).toBe('');
-  });
-  it('should not update with wrong ref', fakeAsync(() => {
-    setupMockStore(fixture, { uischema, schema, data });
-    getJsonFormsService(component).updateCore(
-      Actions.init(data, schema, uischema)
-    );
-    component.ngOnInit();
-    fixture.detectChanges();
-    tick();
-    getJsonFormsService(component).updateCore(Actions.update('foo', () => 'A'));
-    getJsonFormsService(component).updateCore(Actions.update('bar', () => 'B'));
-    fixture.detectChanges();
-    tick();
-    expect(component.data).toBe('A');
-    expect(inputElement.value).toBe('A');
-  }));
-  // store needed as we evaluate the calculated enabled value to disable/enable the control
-  it('can be disabled', () => {
-    setupMockStore(fixture, { uischema, schema, data });
-    getJsonFormsService(component).updateCore(
-      Actions.init(data, schema, uischema)
-    );
-    component.disabled = true;
-    component.ngOnInit();
-    fixture.detectChanges();
-    expect(inputElement.disabled).toBe(true);
-  });
-  it('can be hidden', () => {
-    setupMockStore(fixture, { uischema, schema, data });
-    getJsonFormsService(component).updateCore(
-      Actions.init(data, schema, uischema)
-    );
-    component.visible = false;
-    component.ngOnInit();
-    fixture.detectChanges();
-    const hasDisplayNone =
-      'none' === fixture.nativeElement.children[0].style.display;
-    const hasHidden = fixture.nativeElement.children[0].hidden;
-    expect(hasDisplayNone || hasHidden).toBeTruthy();
-  });
-
-  it('id should be present in output', () => {
-    setupMockStore(fixture, { uischema, schema, data });
-    component.id = 'myId';
-    getJsonFormsService(component).updateCore(
-      Actions.init(data, schema, uischema)
-    );
-
-    fixture.detectChanges();
-    component.ngOnInit();
-    expect(inputElement.id).toBe('myId');
-  });
-});
-describe('AutoComplete control Input Event Tests', () => {
-  let fixture: ComponentFixture<AutocompleteControlRenderer>;
-  let component: AutocompleteControlRenderer;
-  let loader: HarnessLoader;
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [componentUT],
-      imports: imports,
-      providers: [...providers],
-    }).compileComponents();
-  }));
-  beforeEach(waitForAsync(() => {
-    fixture = TestBed.createComponent(componentUT);
-    component = fixture.componentInstance;
-    loader = TestbedHarnessEnvironment.loader(fixture);
-  }));
-
-  it('should update via input event', fakeAsync(async () => {
-    setupMockStore(fixture, { uischema, schema, data });
-    getJsonFormsService(component).updateCore(
-      Actions.init(data, schema, uischema)
-    );
-
-    component.ngOnInit();
-    fixture.detectChanges();
-
-    const spy = spyOn(component, 'onSelect');
-
-    await (await loader.getHarness(MatAutocompleteHarness)).focus();
-    fixture.detectChanges();
-
-    await (
-      await loader.getHarness(MatAutocompleteHarness)
-    ).selectOption({ text: 'B' });
-    tick();
-    fixture.detectChanges();
-
-    expect(spy).toHaveBeenCalled();
-    const event = spy.calls.mostRecent()
-      .args[0] as MatAutocompleteSelectedEvent;
-
-    expect(event.option.value).toBe('B');
-  }));
-  it('options should prefer own props', fakeAsync(async () => {
-    setupMockStore(fixture, { uischema, schema, data });
-    getJsonFormsService(component).updateCore(
-      Actions.init(data, schema, uischema)
-    );
-    component.options = ['X', 'Y', 'Z'];
-
-    component.ngOnInit();
-    fixture.detectChanges();
-    const spy = spyOn(component, 'onSelect');
-
-    await (await loader.getHarness(MatAutocompleteHarness)).focus();
-    fixture.detectChanges();
-
-    await (
-      await loader.getHarness(MatAutocompleteHarness)
-    ).selectOption({ text: 'Y' });
-    fixture.detectChanges();
-    tick();
-
-    const event = spy.calls.mostRecent()
-      .args[0] as MatAutocompleteSelectedEvent;
-    expect(event.option.value).toBe('Y');
-  }));
-});
-describe('AutoComplete control Error Tests', () => {
-  let fixture: ComponentFixture<AutocompleteControlRenderer>;
-  let component: AutocompleteControlRenderer;
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [componentUT],
-      imports: imports,
-      providers: providers,
-    }).compileComponents();
-  }));
-  beforeEach(() => {
-    fixture = TestBed.createComponent(componentUT);
-    component = fixture.componentInstance;
-  });
-  it('should display errors', () => {
-    const errors: ErrorObject[] = [
-      {
-        instancePath: '/foo',
-        message: 'Hi, this is me, test error!',
-        params: {},
-        keyword: '',
-        schemaPath: '',
-      },
-    ];
-    setupMockStore(fixture, {
-      uischema,
-      schema,
-      data,
-    });
-    const formsService = getJsonFormsService(component);
-    formsService.updateCore(Actions.updateErrors(errors));
-    formsService.refresh();
-
-    component.ngOnInit();
-    fixture.detectChanges();
-    const debugErrors: DebugElement[] = fixture.debugElement.queryAll(
-      By.directive(errorTest.errorInstance)
-    );
-    expect(debugErrors.length).toBe(errorTest.numberOfElements);
-    expect(
-      debugErrors[errorTest.indexOfElement].nativeElement.textContent
-    ).toBe('Hi, this is me, test error!');
-  });
-});
-
-describe('AutoComplete control updateFilter function', () => {
-  let fixture: ComponentFixture<AutocompleteControlRenderer>;
-  let component: AutocompleteControlRenderer;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [componentUT],
-      imports: imports,
-      providers: providers,
-    }).compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(componentUT);
-    component = fixture.componentInstance;
-  });
-
-  it('should not filter options on ENTER key press', () => {
-    component.shouldFilter = false;
-    component.options = ['X', 'Y', 'Z'];
-    setupMockStore(fixture, { uischema, schema, data });
-    getJsonFormsService(component).updateCore(
-      Actions.init(data, schema, uischema)
-    );
-    component.ngOnInit();
-    fixture.detectChanges();
-    component.updateFilter({ keyCode: 13 });
-    fixture.detectChanges();
-    expect(component.shouldFilter).toBe(false);
-  });
-
-  it('should filter options when a key other than ENTER is pressed', () => {
-    component.shouldFilter = false;
-    component.options = ['X', 'Y', 'Z'];
-    setupMockStore(fixture, { uischema, schema, data });
-    getJsonFormsService(component).updateCore(
-      Actions.init(data, schema, uischema)
-    );
-    component.ngOnInit();
-    fixture.detectChanges();
-
-    component.updateFilter({ keyCode: 65 });
-    fixture.detectChanges();
-
-    expect(component.shouldFilter).toBe(true);
-  });
-});
diff --git a/packages/angular-material/test/boolean-control.spec.ts b/packages/angular-material/test/boolean-control.spec.ts
deleted file mode 100644
index d0b4e7da83..0000000000
--- a/packages/angular-material/test/boolean-control.spec.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { MatCheckbox, MatCheckboxModule } from '@angular/material/checkbox';
-import { MatError, MatFormFieldModule } from '@angular/material/form-field';
-import {
-  booleanBaseTest,
-  booleanErrorTest,
-  booleanInputEventTest,
-  ErrorTestExpectation,
-} from './common';
-import { BooleanControlRenderer, booleanControlTester } from '../src';
-import { JsonFormsAngularService } from '@jsonforms/angular';
-import { initTestEnvironment } from './test';
-
-initTestEnvironment();
-
-describe('Material boolean field tester', () => {
-  const uischema = {
-    type: 'Control',
-    scope: '#/properties/foo',
-  };
-
-  it('should succeed', () => {
-    expect(
-      booleanControlTester(
-        uischema,
-        {
-          type: 'object',
-          properties: {
-            foo: {
-              type: 'boolean',
-            },
-          },
-        },
-        undefined
-      )
-    ).toBe(2);
-  });
-});
-const imports = [MatCheckboxModule, MatFormFieldModule];
-const providers = [JsonFormsAngularService];
-const componentUT: any = BooleanControlRenderer;
-const errorTest: ErrorTestExpectation = {
-  errorInstance: MatError,
-  numberOfElements: 1,
-  indexOfElement: 0,
-};
-const testConfig = { imports, providers, componentUT };
-describe(
-  'Boolean control Base Tests',
-  booleanBaseTest(testConfig, MatCheckbox)
-);
-describe(
-  'Boolean control Input Event Tests',
-  booleanInputEventTest(testConfig, MatCheckbox, 'label')
-);
-describe(
-  'Boolean control Error Tests',
-  booleanErrorTest(testConfig, MatCheckbox, errorTest)
-);
diff --git a/packages/angular-material/test/categorization-tab-layout.spec.ts b/packages/angular-material/test/categorization-tab-layout.spec.ts
deleted file mode 100644
index 717f78309d..0000000000
--- a/packages/angular-material/test/categorization-tab-layout.spec.ts
+++ /dev/null
@@ -1,332 +0,0 @@
-/*
-  The MIT License
-
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { DebugElement } from '@angular/core';
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import {
-  MatTab,
-  MatTabBody,
-  MatTabGroup,
-  MatTabsModule,
-} from '@angular/material/tabs';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import {
-  JsonFormsAngularService,
-  JsonFormsModule,
-  JsonFormsOutlet,
-} from '@jsonforms/angular';
-import {
-  CategorizationTabLayoutRenderer,
-  TextControlRenderer,
-  TextControlRendererTester,
-} from '../src';
-import { setupMockStore, getJsonFormsService } from './common';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { ReactiveFormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-import { initTestEnvironment } from './test';
-
-const renderers = [
-  { tester: TextControlRendererTester, renderer: TextControlRenderer },
-];
-
-initTestEnvironment();
-
-describe('Categorization tab layout', () => {
-  let fixture: ComponentFixture<any>;
-  let component: any;
-
-  const data = { foo: 'true' };
-  const schema = {
-    type: 'object',
-    properties: {
-      foo: {
-        type: 'string',
-      },
-      bar: {
-        type: 'string',
-      },
-    },
-  };
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [CategorizationTabLayoutRenderer, TextControlRenderer],
-      imports: [
-        CommonModule,
-        MatTabsModule,
-        NoopAnimationsModule,
-        JsonFormsModule,
-        MatFormFieldModule,
-        MatInputModule,
-        ReactiveFormsModule,
-      ],
-      providers: [JsonFormsAngularService],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(CategorizationTabLayoutRenderer);
-    component = fixture.componentInstance;
-  }));
-
-  it('render categories initially', waitForAsync(() => {
-    const uischema = {
-      type: 'Categorization',
-      elements: [
-        {
-          type: 'Category',
-          label: 'foo',
-          elements: [
-            {
-              type: 'Control',
-              scope: '#/properties/foo',
-            },
-            {
-              type: 'Control',
-              scope: '#/properties/bar',
-            },
-          ],
-        },
-        {
-          type: 'Category',
-          label: 'bar',
-          elements: [
-            {
-              type: 'Control',
-              scope: '#/properties/bar',
-            },
-          ],
-        },
-      ],
-    };
-
-    setupMockStore(fixture, { uischema, schema, data });
-
-    fixture.detectChanges();
-    fixture.whenRenderingDone().then(() => {
-      fixture.detectChanges();
-      const tabGroupDE: DebugElement[] = fixture.debugElement.queryAll(
-        By.directive(MatTabGroup)
-      );
-      expect(tabGroupDE.length).toBe(1);
-      const tabGroup: MatTabGroup = tabGroupDE[0].componentInstance;
-      expect(tabGroup._tabs.length).toBe(2);
-      const tab1: MatTab = tabGroup._tabs.first;
-      const tab2: MatTab = tabGroup._tabs.last;
-      expect(tab1.isActive).toBeTruthy();
-      expect(tab2.isActive).toBeFalsy();
-      expect(tab1.textLabel).toBe('foo');
-      expect(tab2.textLabel).toBe('bar');
-      expect(tab1.isActive).toBeTruthy();
-      expect(tab2.isActive).toBeFalsy();
-      expect(tab1.content.isAttached).toBeTruthy();
-      expect(tab2.content.isAttached).toBeFalsy();
-
-      const contents: DebugElement[] = fixture.debugElement.queryAll(
-        By.directive(MatTabBody)
-      );
-      const activeTabOutlets = contents[0].queryAll(
-        By.directive(JsonFormsOutlet)
-      );
-      expect(activeTabOutlets.length).toBe(2);
-
-      expect(fixture.nativeElement.children[0].style.display).not.toBe('none');
-    });
-  }));
-
-  it('pass path and schema to children', waitForAsync(() => {
-    const uischema = {
-      type: 'Categorization',
-      elements: [
-        {
-          type: 'Category',
-          label: 'foo',
-          elements: [
-            {
-              type: 'Control',
-              scope: '#/properties/foo',
-            },
-          ],
-        },
-      ],
-    };
-    setupMockStore(fixture, { uischema, schema, data });
-    component.path = 'aa';
-    const subSchema = { type: 'string' };
-    component.schema = subSchema;
-    getJsonFormsService(component).init({
-      renderers: renderers,
-      core: {
-        data: {},
-        schema: schema,
-        uischema: undefined,
-      },
-    });
-
-    fixture.detectChanges();
-    fixture.whenRenderingDone().then(() => {
-      const contents: DebugElement[] = fixture.debugElement.queryAll(
-        By.directive(MatTabBody)
-      );
-      const activeTabOutlets = contents[0].queryAll(
-        By.directive(TextControlRenderer)
-      );
-      expect(activeTabOutlets[0].componentInstance.path).toBe('aa');
-      expect(activeTabOutlets[0].componentInstance.schema).toBe(subSchema);
-    });
-  }));
-
-  it('add category', waitForAsync(() => {
-    const uischema = {
-      type: 'Categorization',
-      elements: [
-        {
-          type: 'Category',
-          label: 'foo',
-          elements: [
-            {
-              type: 'Control',
-              scope: '#/properties/foo',
-            },
-            {
-              type: 'Control',
-              scope: '#/properties/bar',
-            },
-          ],
-        },
-        {
-          type: 'Category',
-          label: 'bar',
-          elements: [
-            {
-              type: 'Control',
-              scope: '#/properties/bar',
-            },
-          ],
-        },
-      ],
-    };
-    setupMockStore(fixture, { uischema, schema, data });
-    fixture.detectChanges();
-    fixture.whenRenderingDone().then(() => {
-      fixture.detectChanges();
-      const tabGroupDE: DebugElement[] = fixture.debugElement.queryAll(
-        By.directive(MatTabGroup)
-      );
-      const tabGroup: MatTabGroup = tabGroupDE[0].componentInstance;
-      expect(tabGroup._tabs.length).toBe(2);
-
-      const newUischema = {
-        type: 'Categorization',
-        elements: [
-          {
-            type: 'Category',
-            label: 'foo',
-            elements: [
-              {
-                type: 'Control',
-                scope: '#/properties/foo',
-              },
-            ],
-          },
-          {
-            type: 'Category',
-            label: 'bar',
-            elements: [
-              {
-                type: 'Control',
-                scope: '#/properties/bar',
-              },
-            ],
-          },
-          {
-            type: 'Category',
-            label: 'quux',
-            elements: [
-              {
-                type: 'Control',
-                scope: '#/properties/bar',
-              },
-            ],
-          },
-        ],
-      };
-      component.uischema = newUischema;
-      fixture.detectChanges();
-      getJsonFormsService(component).setUiSchema(newUischema);
-
-      fixture.whenRenderingDone().then(() => {
-        fixture.detectChanges();
-        const tabGroupDE2: DebugElement[] = fixture.debugElement.queryAll(
-          By.directive(MatTabGroup)
-        );
-        const tabGroup2: MatTabGroup = tabGroupDE2[0].componentInstance;
-        expect(tabGroup2._tabs.length).toBe(3);
-        const lastTab: MatTab = tabGroup2._tabs.last;
-        expect(lastTab.isActive).toBeFalsy();
-        expect(lastTab.textLabel).toBe('quux');
-      });
-    });
-  }));
-
-  // TODO: broken due to https://github.com/angular/flex-layout/issues/848
-  xit('can be hidden', waitForAsync(() => {
-    const uischema = {
-      type: 'Categorization',
-      elements: [
-        {
-          type: 'Category',
-          label: 'foo',
-          elements: [
-            {
-              type: 'Control',
-              scope: '#/properties/foo',
-            },
-            {
-              type: 'Control',
-              scope: '#/properties/bar',
-            },
-          ],
-        },
-        {
-          type: 'Category',
-          label: 'bar',
-          elements: [
-            {
-              type: 'Control',
-              scope: '#/properties/bar',
-            },
-          ],
-        },
-      ],
-    };
-    setupMockStore(fixture, { uischema, schema, data });
-    component.visible = false;
-    fixture.detectChanges();
-    fixture.whenRenderingDone().then(() => {
-      expect(fixture.nativeElement.children[0].style.display).toBe('none');
-    });
-  }));
-});
diff --git a/packages/angular-material/test/common/boolean.ts b/packages/angular-material/test/common/boolean.ts
deleted file mode 100644
index 0e8a8b1975..0000000000
--- a/packages/angular-material/test/common/boolean.ts
+++ /dev/null
@@ -1,348 +0,0 @@
-/*
-  The MIT License
-
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import type { DebugElement, Type } from '@angular/core';
-import { By } from '@angular/platform-browser';
-import type { JsonFormsControl } from '@jsonforms/angular';
-import { ControlElement, JsonSchema, Actions } from '@jsonforms/core';
-import {
-  baseSetup,
-  ErrorTestExpectation,
-  TestConfig,
-  getJsonFormsService,
-} from './util';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-const prepareComponent = <C extends JsonFormsControl, I>(
-  testConfig: TestConfig<C>,
-  instance: Type<I>
-) => {
-  const fixture = TestBed.createComponent(testConfig.componentUT);
-  const component = fixture.componentInstance;
-  const checkboxDebugElement = fixture.debugElement.query(
-    By.directive(instance)
-  );
-  const checkboxInstance = checkboxDebugElement.componentInstance;
-  const checkboxNativeElement = checkboxDebugElement.nativeElement;
-
-  return { fixture, component, checkboxInstance, checkboxNativeElement };
-};
-
-const data = { foo: true };
-export const defaultBooleanTestSchema: JsonSchema = {
-  type: 'object',
-  properties: {
-    foo: {
-      type: 'boolean',
-    },
-  },
-};
-const uischema: ControlElement = {
-  type: 'Control',
-  scope: '#/properties/foo',
-};
-export const defaultBooleanTestData = {
-  data,
-  schema: defaultBooleanTestSchema,
-  uischema,
-};
-
-export const booleanBaseTest =
-  <C extends JsonFormsControl, I>(
-    testConfig: TestConfig<C>,
-    instance: Type<I>
-  ) =>
-  () => {
-    let fixture: ComponentFixture<any>;
-    let checkboxNativeElement: HTMLElement;
-    let checkboxInstance: any;
-    let component: C;
-
-    baseSetup(testConfig);
-
-    beforeEach(() => {
-      const preparedComponents = prepareComponent(testConfig, instance);
-      fixture = preparedComponents.fixture;
-      checkboxNativeElement = preparedComponents.checkboxNativeElement;
-      checkboxInstance = preparedComponents.checkboxInstance;
-      component = preparedComponents.component;
-    });
-
-    it('should render', () => {
-      component.uischema = uischema;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: data,
-          schema: defaultBooleanTestSchema,
-          uischema: uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-      expect(component.data).toBe(true);
-      expect(checkboxInstance.checked).toBe(true);
-      expect(checkboxInstance.disabled).toBe(false);
-      // the component is wrapped in a div
-      const hasDisplayNone =
-        'none' === fixture.nativeElement.children[0].style.display;
-      const hasHidden = fixture.nativeElement.children[0].hidden;
-      expect(hasDisplayNone || hasHidden).toBeFalsy();
-    });
-    it('should support updating the state', () => {
-      component.uischema = uischema;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: data,
-          schema: defaultBooleanTestSchema,
-          uischema: uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-
-      getJsonFormsService(component).updateCore(
-        Actions.update('foo', () => false)
-      );
-      fixture.detectChanges();
-      expect(component.data).toBe(false);
-      expect(checkboxInstance.checked).toBe(false);
-    });
-    it('should update with undefined value', () => {
-      component.uischema = uischema;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: data,
-          schema: defaultBooleanTestSchema,
-          uischema: uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-
-      getJsonFormsService(component).updateCore(
-        Actions.update('foo', () => undefined)
-      );
-      fixture.detectChanges();
-      expect(component.data).toBe(undefined);
-      expect(checkboxInstance.checked).toBe(false);
-    });
-    it('should update with null value', () => {
-      component.uischema = uischema;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: data,
-          schema: defaultBooleanTestSchema,
-          uischema: uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-
-      getJsonFormsService(component).updateCore(
-        Actions.update('foo', () => null)
-      );
-      fixture.detectChanges();
-      expect(component.data).toBe(null);
-      expect(checkboxInstance.checked).toBe(false);
-    });
-    it('should not update with wrong ref', () => {
-      component.uischema = uischema;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: data,
-          schema: defaultBooleanTestSchema,
-          uischema: uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-
-      getJsonFormsService(component).updateCore(
-        Actions.update('foo', () => true)
-      );
-      getJsonFormsService(component).updateCore(
-        Actions.update('bar', () => false)
-      );
-      fixture.detectChanges();
-      expect(component.data).toBe(true);
-      expect(checkboxInstance.checked).toBe(true);
-    });
-    // store needed as we evaluate the calculated enabled value to disable/enable the control
-    it('can be disabled', () => {
-      component.uischema = uischema;
-      component.disabled = true;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: data,
-          schema: defaultBooleanTestSchema,
-          uischema: uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-      expect(checkboxInstance.disabled).toBe(true);
-    });
-    // store needed as we evaluate the calculated enabled value to disable/enable the control
-    it('can be hidden', () => {
-      component.uischema = uischema;
-      component.visible = false;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: data,
-          schema: defaultBooleanTestSchema,
-          uischema: uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-      // the component is wrapped in a div
-      const hasDisplayNone =
-        'none' === fixture.nativeElement.children[0].style.display;
-      const hasHidden = fixture.nativeElement.children[0].hidden;
-      expect(hasDisplayNone || hasHidden).toBeTruthy();
-    });
-
-    it('id should be present in output', () => {
-      component.uischema = uischema;
-      component.id = 'myId';
-
-      getJsonFormsService(component).init({
-        core: {
-          data: data,
-          schema: defaultBooleanTestSchema,
-          uischema: uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-      expect(checkboxNativeElement.id).toBe('myId');
-    });
-  };
-export const booleanInputEventTest =
-  <C extends JsonFormsControl, I>(
-    testConfig: TestConfig<C>,
-    instance: Type<I>,
-    selectorForClick: string
-  ) =>
-  () => {
-    let fixture: ComponentFixture<any>;
-    let checkboxNativeElement: HTMLElement;
-    let checkboxInstance: any;
-    let component: C & { onChange(evt: string): void };
-    let elementToClick: any;
-
-    baseSetup(testConfig);
-
-    beforeEach(() => {
-      const preparedComponents = prepareComponent(testConfig, instance);
-      fixture = preparedComponents.fixture;
-      checkboxNativeElement = preparedComponents.checkboxNativeElement;
-      checkboxInstance = preparedComponents.checkboxInstance;
-      component = preparedComponents.component;
-
-      elementToClick = checkboxNativeElement.querySelector(selectorForClick);
-    });
-
-    it('should update via input event', () => {
-      component.uischema = uischema;
-      getJsonFormsService(component).init({
-        core: {
-          data: data,
-          schema: defaultBooleanTestSchema,
-          uischema: uischema,
-        },
-      });
-      fixture.detectChanges();
-      component.ngOnInit();
-
-      const spy = spyOn(component, 'onChange');
-      elementToClick.click();
-      // trigger change detection
-      fixture.detectChanges();
-
-      expect(spy).toHaveBeenCalled();
-      expect(checkboxInstance.checked).toBe(false);
-    });
-  };
-
-export const booleanErrorTest =
-  <C extends JsonFormsControl, I>(
-    testConfig: TestConfig<C>,
-    instance: Type<I>,
-    errorTestInformation: ErrorTestExpectation
-  ) =>
-  () => {
-    let fixture: ComponentFixture<any>;
-    let component: C;
-
-    baseSetup(testConfig);
-
-    beforeEach(() => {
-      const preparedComponents = prepareComponent(testConfig, instance);
-      fixture = preparedComponents.fixture;
-      component = preparedComponents.component;
-    });
-    it('should display errors', () => {
-      component.uischema = uischema;
-
-      const formsService = getJsonFormsService(component);
-      formsService.init({
-        core: {
-          data,
-          schema: defaultBooleanTestSchema,
-          uischema: uischema,
-        },
-      });
-      formsService.updateCore(
-        Actions.updateErrors([
-          {
-            instancePath: '/foo',
-            message: 'Hi, this is me, test error!',
-            keyword: '',
-            schemaPath: '',
-            params: {},
-          },
-        ])
-      );
-      formsService.refresh();
-
-      component.ngOnInit();
-      fixture.detectChanges();
-      const debugErrors: DebugElement[] = fixture.debugElement.queryAll(
-        By.directive(errorTestInformation.errorInstance)
-      );
-      expect(debugErrors.length).toBe(errorTestInformation.numberOfElements);
-      expect(
-        debugErrors[errorTestInformation.indexOfElement].nativeElement
-          .textContent
-      ).toBe('Hi, this is me, test error!');
-    });
-  };
diff --git a/packages/angular-material/test/common/index.ts b/packages/angular-material/test/common/index.ts
deleted file mode 100644
index 5739d05f88..0000000000
--- a/packages/angular-material/test/common/index.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-export * from './boolean';
-export * from './text';
-export * from './number';
-export * from './range';
-export * from './util';
-export * from './layout';
diff --git a/packages/angular-material/test/common/layout.ts b/packages/angular-material/test/common/layout.ts
deleted file mode 100644
index 8fbee8225e..0000000000
--- a/packages/angular-material/test/common/layout.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import {
-  JsonFormsAngularService,
-  JsonFormsOutlet,
-  UnknownRenderer,
-} from '@jsonforms/angular';
-
-export const beforeEachLayoutTest = <LAYOUT>(
-  Renderer: any,
-  { declarations = [], imports = [], providers = [] }: any = {}
-): ComponentFixture<LAYOUT> => {
-  TestBed.configureTestingModule({
-    declarations: [Renderer, UnknownRenderer, JsonFormsOutlet, ...declarations],
-    imports,
-    providers: [JsonFormsAngularService, ...providers],
-  }).compileComponents();
-  return TestBed.createComponent(Renderer);
-};
diff --git a/packages/angular-material/test/common/number.ts b/packages/angular-material/test/common/number.ts
deleted file mode 100644
index 6387d0419c..0000000000
--- a/packages/angular-material/test/common/number.ts
+++ /dev/null
@@ -1,443 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import type { DebugElement } from '@angular/core';
-import { By } from '@angular/platform-browser';
-import type { JsonFormsControl } from '@jsonforms/angular';
-import { Actions, ControlElement, JsonSchema } from '@jsonforms/core';
-import {
-  baseSetup,
-  ErrorTestExpectation,
-  getJsonFormsService,
-  setupMockStore,
-  TestConfig,
-  TestData,
-} from './util';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-interface ComponentResult<C extends JsonFormsControl> {
-  fixture: ComponentFixture<any>;
-  component: C;
-  numberElement?: DebugElement;
-  numberNativeElement?: any;
-}
-
-export const prepareComponent = <C extends JsonFormsControl>(
-  testConfig: TestConfig<C>,
-  instance?: string,
-  elementToUse?: (element: DebugElement) => any
-): ComponentResult<C> => {
-  const fixture = TestBed.createComponent(testConfig.componentUT);
-  const component = fixture.componentInstance;
-  const result: ComponentResult<C> = { fixture, component };
-  if (instance && elementToUse) {
-    const numberElement = fixture.debugElement.query(By.css(instance));
-    const numberNativeElement = elementToUse(numberElement);
-    result.numberElement = numberElement;
-    result.numberNativeElement = numberNativeElement;
-  }
-
-  return result;
-};
-const defaultData = { foo: 123.123 };
-const defaultSchema: JsonSchema = {
-  type: 'object',
-  properties: {
-    foo: {
-      type: 'number',
-    },
-  },
-};
-const defaultUischema: ControlElement = {
-  type: 'Control',
-  scope: '#/properties/foo',
-};
-export const defaultNumberTestData: TestData<ControlElement> = {
-  data: defaultData,
-  schema: defaultSchema,
-  uischema: defaultUischema,
-};
-export const updateWithSiblingNumberValue = <C extends JsonFormsControl>(
-  fixture: ComponentFixture<C>,
-  testData: TestData<ControlElement>,
-  expectations: () => any
-) => {
-  setupMockStore(fixture, testData);
-  getJsonFormsService(fixture.componentInstance).init({
-    core: {
-      data: { foo: 123.123, bar: 456.456 },
-      schema: testData.schema,
-      uischema: undefined,
-    },
-  });
-  fixture.componentInstance.ngOnInit();
-  fixture.detectChanges();
-  expectations();
-};
-
-export const numberBaseTest =
-  <C extends JsonFormsControl>(
-    testConfig: TestConfig<C>,
-    instance: string,
-    elementToUse: (element: DebugElement) => any,
-    testData: TestData<ControlElement> = defaultNumberTestData
-  ) =>
-  () => {
-    let fixture: ComponentFixture<any>;
-    let numberElement: DebugElement;
-    let numberNativeElement: any;
-    let component: C;
-
-    baseSetup(testConfig);
-
-    beforeEach(() => {
-      const preparedComponents = prepareComponent(
-        testConfig,
-        instance,
-        elementToUse
-      );
-      fixture = preparedComponents.fixture;
-      numberNativeElement = preparedComponents.numberNativeElement;
-      numberElement = preparedComponents.numberElement;
-      component = preparedComponents.component;
-    });
-
-    it('should render floats', () => {
-      component.uischema = testData.uischema;
-      getJsonFormsService(component).init({ core: testData });
-      getJsonFormsService(component).updateCore(
-        Actions.init(testData.data, testData.schema)
-      );
-      component.ngOnInit();
-      fixture.detectChanges();
-      expect(component.data).toBe(123.123);
-      expect(numberNativeElement.value).toBe('123.123');
-      // step is of type string
-      expect(numberNativeElement.step).toBe('0.1');
-      expect(numberNativeElement.disabled).toBe(false);
-      // the component is wrapped in a div
-      expect(fixture.nativeElement.children[0].style.display).not.toBe('none');
-    });
-
-    it('should render integers', () => {
-      const state = {
-        data: { foo: 123 },
-        schema: {
-          type: 'object',
-          properties: {
-            foo: { type: 'integer' },
-          },
-        },
-        uischema: testData.uischema,
-      };
-      component.uischema = testData.uischema;
-      getJsonFormsService(component).init({ core: state });
-      getJsonFormsService(component).updateCore(
-        Actions.init(state.data, state.schema)
-      );
-      component.ngOnInit();
-      fixture.detectChanges();
-
-      expect(component.data).toBe(123);
-      expect(numberNativeElement.value).toBe('123');
-      // step is of type string
-      expect(numberNativeElement.step).toBe('1');
-      expect(numberNativeElement.disabled).toBe(false);
-      // the component is wrapped in a div
-      expect(fixture.nativeElement.children[0].style.display).not.toBe('none');
-    });
-
-    it('should support updating the state', () => {
-      component.uischema = testData.uischema;
-      getJsonFormsService(component).init({ core: testData });
-      getJsonFormsService(component).updateCore(
-        Actions.init(testData.data, testData.schema)
-      );
-      component.ngOnInit();
-      fixture.detectChanges();
-      getJsonFormsService(fixture.componentInstance).updateCore(
-        Actions.update('foo', () => 456.456)
-      );
-      fixture.detectChanges();
-      expect(component.data).toBe(456.456);
-      expect(Number(numberNativeElement.value)).toBe(456.456);
-    });
-
-    it('should update with undefined value', () => {
-      component.uischema = testData.uischema;
-      getJsonFormsService(component).init({ core: testData });
-      getJsonFormsService(component).updateCore(
-        Actions.init(testData.data, testData.schema)
-      );
-      component.ngOnInit();
-      fixture.detectChanges();
-      getJsonFormsService(fixture.componentInstance).updateCore(
-        Actions.update('foo', () => undefined)
-      );
-      fixture.detectChanges();
-
-      expect(component.data).toBe(undefined);
-      expect(numberNativeElement.value).toBe('');
-    });
-
-    it('should update with null value', () => {
-      component.uischema = testData.uischema;
-      getJsonFormsService(component).init({ core: testData });
-      getJsonFormsService(component).updateCore(
-        Actions.init(testData.data, testData.schema)
-      );
-      component.ngOnInit();
-      fixture.detectChanges();
-      getJsonFormsService(fixture.componentInstance).updateCore(
-        Actions.update('foo', () => null)
-      );
-      fixture.detectChanges();
-      expect(component.data).toBe(null);
-      expect(numberNativeElement.value).toBe('');
-    });
-
-    it('should not update with wrong ref', () => {
-      component.uischema = testData.uischema;
-      getJsonFormsService(component).init({ core: testData });
-      getJsonFormsService(component).updateCore(
-        Actions.init(testData.data, testData.schema)
-      );
-      component.ngOnInit();
-      fixture.detectChanges();
-      getJsonFormsService(fixture.componentInstance).updateCore(
-        Actions.update('bar', () => 456.456)
-      );
-      fixture.detectChanges();
-      expect(component.data).toBe(123.123);
-      expect(Number(numberNativeElement.value)).toBe(123.123);
-    });
-
-    // store needed as we evaluate the calculated enabled value to disable/enable the control
-    it('can be disabled', () => {
-      component.uischema = testData.uischema;
-      component.disabled = true;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: testData.data,
-          schema: testData.schema,
-          uischema: testData.uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-      expect(numberNativeElement.disabled).toBe(true);
-    });
-    // store needed as we evaluate the calculated enabled value to disable/enable the control
-    it('can be hidden', () => {
-      component.uischema = testData.uischema;
-      component.visible = false;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: testData.data,
-          schema: testData.schema,
-          uischema: testData.uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-      const hasDisplayNone =
-        'none' === fixture.nativeElement.children[0].style.display;
-      const hasHidden = fixture.nativeElement.children[0].hidden;
-      expect(hasDisplayNone || hasHidden).toBeTruthy();
-    });
-
-    it('id should be present in output', () => {
-      component.uischema = testData.uischema;
-      component.id = 'myId';
-      getJsonFormsService(component).init({
-        core: {
-          data: testData.data,
-          schema: testData.schema,
-          uischema: testData.uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-      expect(numberElement.nativeElement.id).toBe('myId');
-    });
-  };
-export const numberInputEventTest =
-  <C extends JsonFormsControl>(
-    testConfig: TestConfig<C>,
-    instance: string,
-    elementToUse: (element: DebugElement) => any,
-    testData: TestData<ControlElement> = defaultNumberTestData
-  ) =>
-  () => {
-    let fixture: ComponentFixture<any>;
-    let numberNativeElement: any;
-    let component: C & { onChange(evt: string): void };
-
-    baseSetup(testConfig);
-
-    beforeEach(() => {
-      const preparedComponents = prepareComponent(
-        testConfig,
-        instance,
-        elementToUse
-      );
-      fixture = preparedComponents.fixture;
-      numberNativeElement = preparedComponents.numberNativeElement;
-      component = preparedComponents.component;
-    });
-
-    it('should update via input event', () => {
-      component.uischema = testData.uischema as ControlElement;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: testData.data,
-          schema: testData.schema,
-          uischema: undefined,
-        },
-      });
-      fixture.detectChanges();
-      component.ngOnInit();
-
-      const spy = spyOn(component, 'onChange');
-      numberNativeElement.value = 456.456;
-      if (numberNativeElement.dispatchEvent) {
-        numberNativeElement.dispatchEvent(new Event('input'));
-      }
-      // trigger change detection
-      fixture.detectChanges();
-      expect(spy).toHaveBeenCalled();
-      expect(Number(numberNativeElement.value)).toBe(456.456);
-    });
-  };
-export const numberErrorTest =
-  <C extends JsonFormsControl>(
-    testConfig: TestConfig<C>,
-    errorTestInformation: ErrorTestExpectation,
-    testData: TestData<ControlElement> = defaultNumberTestData
-  ) =>
-  () => {
-    let fixture: ComponentFixture<any>;
-    let component: C;
-
-    baseSetup(testConfig);
-
-    beforeEach(() => {
-      const preparedComponents = prepareComponent(testConfig);
-      fixture = preparedComponents.fixture;
-      component = preparedComponents.component;
-    });
-
-    it('should display errors', () => {
-      component.uischema = testData.uischema;
-
-      const formsService = getJsonFormsService(component);
-      formsService.init({
-        core: {
-          data: testData.data,
-          schema: testData.schema,
-          uischema: undefined,
-        },
-      });
-      formsService.updateCore(
-        Actions.updateErrors([
-          {
-            instancePath: '/foo',
-            message: 'Hi, this is me, test error!',
-            keyword: '',
-            schemaPath: '',
-            params: {},
-          },
-        ])
-      );
-      formsService.refresh();
-      component.ngOnInit();
-      fixture.detectChanges();
-      const debugErrors: DebugElement[] = fixture.debugElement.queryAll(
-        By.directive(errorTestInformation.errorInstance)
-      );
-      expect(debugErrors.length).toBe(errorTestInformation.numberOfElements);
-      expect(
-        debugErrors[errorTestInformation.indexOfElement].nativeElement
-          .textContent
-      ).toBe('Hi, this is me, test error!');
-    });
-  };
-
-const additionalSchema: JsonSchema = {
-  type: 'object',
-  properties: {
-    foo: {
-      type: 'number',
-      minimum: -42.42,
-      maximum: 42,
-      multipleOf: 3,
-    },
-  },
-};
-export const additionalTestData: TestData<ControlElement> = {
-  data: defaultData,
-  schema: additionalSchema,
-  uischema: defaultUischema,
-};
-
-export const numberAdditionalPropsTest =
-  <C extends JsonFormsControl>(
-    testConfig: TestConfig<C>,
-    instance: string,
-    elementToUse: (element: DebugElement) => any,
-    testData: TestData<ControlElement> = additionalTestData
-  ) =>
-  () => {
-    let fixture: ComponentFixture<any>;
-    let numberNativeElement: any;
-
-    baseSetup(testConfig);
-
-    beforeEach(() => {
-      const preparedComponents = prepareComponent(
-        testConfig,
-        instance,
-        elementToUse
-      );
-      fixture = preparedComponents.fixture;
-      numberNativeElement = preparedComponents.numberNativeElement;
-    });
-
-    it('should respect min,max,multipleOf', () => {
-      setupMockStore(fixture, testData);
-      getJsonFormsService(fixture.componentInstance).updateCore(
-        Actions.init(testData.data, testData.schema)
-      );
-      fixture.componentInstance.ngOnInit();
-      fixture.detectChanges();
-
-      // step, min and max are of type string on an input control
-      expect(numberNativeElement.step).toBe('3');
-      expect(numberNativeElement.min).toBe('-42.42');
-      expect(numberNativeElement.max).toBe('42');
-    });
-  };
diff --git a/packages/angular-material/test/common/range.ts b/packages/angular-material/test/common/range.ts
deleted file mode 100644
index 9f8f4baa77..0000000000
--- a/packages/angular-material/test/common/range.ts
+++ /dev/null
@@ -1,435 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import type { DebugElement, Type } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-
-import type { JsonFormsControl } from '@jsonforms/angular';
-import {
-  baseSetup,
-  ErrorTestExpectation,
-  setupMockStore,
-  TestConfig,
-  TestData,
-  getJsonFormsService,
-} from './util';
-import { ControlElement, JsonSchema, Actions } from '@jsonforms/core';
-
-interface ComponentResult<C extends JsonFormsControl> {
-  fixture: ComponentFixture<any>;
-  component: C;
-  rangeElement: DebugElement;
-  thumbElement: DebugElement;
-}
-
-const prepareComponent = <C extends JsonFormsControl, I>(
-  testConfig: TestConfig<C>,
-  instance: Type<I>
-): ComponentResult<C> => {
-  const fixture = TestBed.createComponent(testConfig.componentUT);
-  const component = fixture.componentInstance;
-  const rangeElement = fixture.debugElement.query(By.directive(instance));
-  const thumbElement = fixture.debugElement.query(By.css('[matsliderthumb]')); //rangeElement.nativeElement.children[0]; // todo: find a safer way to get the 'matSliderThumb'
-  const result: ComponentResult<C> = {
-    fixture,
-    component,
-    rangeElement,
-    thumbElement,
-  };
-  return result;
-};
-export const rangeDefaultData = { foo: 1.234 };
-export const rangeDefaultSchema: JsonSchema = {
-  type: 'object',
-  properties: {
-    foo: {
-      type: 'number',
-      minimum: -42.42,
-      maximum: 42.42,
-      default: 0.42,
-    },
-  },
-};
-export const rangeDefaultUischema: ControlElement = {
-  type: 'Control',
-  scope: '#/properties/foo',
-  options: { slider: true },
-};
-export const rangeDefaultTestData: TestData<ControlElement> = {
-  data: rangeDefaultData,
-  schema: rangeDefaultSchema,
-  uischema: rangeDefaultUischema,
-};
-
-export const rangeBaseTest =
-  <C extends JsonFormsControl, I>(
-    testConfig: TestConfig<C>,
-    instance: Type<I>
-  ) =>
-  () => {
-    let fixture: ComponentFixture<any>;
-    let rangeElement: DebugElement;
-    let thumbElement: DebugElement;
-    let component: C;
-
-    baseSetup(testConfig);
-
-    beforeEach(() => {
-      const preparedComponents = prepareComponent(testConfig, instance);
-      fixture = preparedComponents.fixture;
-      rangeElement = preparedComponents.rangeElement;
-      thumbElement = preparedComponents.thumbElement;
-      component = preparedComponents.component;
-    });
-
-    it('should render floats', () => {
-      component.uischema = rangeDefaultTestData.uischema;
-      component.schema = rangeDefaultTestData.schema;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: rangeDefaultTestData.data,
-          schema: rangeDefaultTestData.schema,
-          uischema: rangeDefaultTestData.uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-      expect(component.data).toBe(1.234);
-      expect(thumbElement.componentInstance.data).toBe(1.234);
-      // step is of type string
-      expect(rangeElement.componentInstance.step).toBe(1);
-      expect(rangeElement.componentInstance.min).toBe(-42.42);
-      expect(rangeElement.componentInstance.max).toBe(42.42);
-      expect(rangeElement.componentInstance.disabled).toBe(false);
-      expect(fixture.nativeElement.children[0].style.display).not.toBe('none');
-    });
-
-    it('should render integer', () => {
-      component.uischema = rangeDefaultTestData.uischema;
-      const schema = JSON.parse(JSON.stringify(rangeDefaultTestData.schema));
-      schema.properties.foo.type = 'integer';
-      schema.properties.foo.minimum = -42;
-      schema.properties.foo.maximum = 42;
-      schema.properties.foo.default = 1;
-      setupMockStore(fixture, {
-        uischema: rangeDefaultTestData.uischema,
-        schema,
-        data: { foo: 12 },
-      });
-      getJsonFormsService(component).updateCore(
-        Actions.init({ foo: 12 }, schema, rangeDefaultTestData.uischema)
-      );
-
-      fixture.componentInstance.ngOnInit();
-      fixture.detectChanges();
-      expect(component.data).toBe(12);
-      expect(thumbElement.componentInstance.data).toBe(12);
-      // step is of type string
-      expect(rangeElement.componentInstance.step).toBe(1);
-      expect(rangeElement.componentInstance.min).toBe(-42);
-      expect(rangeElement.componentInstance.max).toBe(42);
-      expect(rangeElement.componentInstance.disabled).toBe(false);
-      // the component is wrapped in a div
-      expect(fixture.nativeElement.children[0].style.display).not.toBe('none');
-    });
-
-    it('should support updating the state', () => {
-      component.uischema = rangeDefaultTestData.uischema;
-      component.schema = rangeDefaultTestData.schema;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: rangeDefaultTestData.data,
-          schema: rangeDefaultTestData.schema,
-          uischema: rangeDefaultTestData.uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-
-      getJsonFormsService(component).updateCore(
-        Actions.update('foo', () => 4.56)
-      );
-      fixture.detectChanges();
-      expect(component.data).toBe(4.56);
-      expect(thumbElement.componentInstance.data).toBe(4.56);
-    });
-    it('should update with undefined value', () => {
-      component.uischema = rangeDefaultTestData.uischema;
-      component.schema = rangeDefaultTestData.schema;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: rangeDefaultTestData.data,
-          schema: rangeDefaultTestData.schema,
-          uischema: rangeDefaultTestData.uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-
-      getJsonFormsService(component).updateCore(
-        Actions.update('foo', () => undefined)
-      );
-      fixture.detectChanges();
-      expect(component.data).toBe(undefined);
-      expect(thumbElement.componentInstance.data).toBe(undefined);
-    });
-    it('should update with null value', () => {
-      component.uischema = rangeDefaultTestData.uischema;
-      component.schema = rangeDefaultTestData.schema;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: rangeDefaultTestData.data,
-          schema: rangeDefaultTestData.schema,
-          uischema: rangeDefaultTestData.uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-
-      getJsonFormsService(component).updateCore(
-        Actions.update('foo', () => null)
-      );
-      fixture.detectChanges();
-      expect(component.data).toBe(null);
-      expect(thumbElement.componentInstance.data).toBe(null);
-    });
-    it('should not update with wrong ref', () => {
-      component.uischema = rangeDefaultTestData.uischema;
-      component.schema = rangeDefaultTestData.schema;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: rangeDefaultTestData.data,
-          schema: rangeDefaultTestData.schema,
-          uischema: rangeDefaultTestData.uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-
-      getJsonFormsService(component).updateCore(
-        Actions.update('foo', () => 1.234)
-      );
-      getJsonFormsService(component).updateCore(
-        Actions.update('bar', () => 456.456)
-      );
-
-      fixture.detectChanges();
-      expect(component.data).toBe(1.234);
-      expect(thumbElement.componentInstance.data).toBe(1.234);
-    });
-    // store needed as we evaluate the calculated enabled value to disable/enable the control
-    it('can be disabled', () => {
-      component.uischema = rangeDefaultTestData.uischema;
-      component.schema = rangeDefaultTestData.schema;
-      component.disabled = true;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: rangeDefaultTestData.data,
-          schema: rangeDefaultTestData.schema,
-          uischema: rangeDefaultTestData.uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-      expect(rangeElement.componentInstance.disabled).toBe(true);
-    });
-    it('can be hidden', () => {
-      component.uischema = rangeDefaultTestData.uischema;
-      component.schema = rangeDefaultTestData.schema;
-      component.visible = false;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: rangeDefaultTestData.data,
-          schema: rangeDefaultTestData.schema,
-          uischema: rangeDefaultTestData.uischema,
-        },
-      });
-      fixture.detectChanges();
-      component.ngOnInit();
-      expect(fixture.nativeElement.children[0].style.display).toBe('none');
-    });
-    it('id should be present in output', () => {
-      component.uischema = rangeDefaultTestData.uischema;
-      component.schema = rangeDefaultTestData.schema;
-      component.id = 'myId';
-      getJsonFormsService(component).init({
-        core: {
-          data: rangeDefaultTestData.data,
-          schema: rangeDefaultTestData.schema,
-          uischema: rangeDefaultTestData.uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-      expect(rangeElement.nativeElement.id).toBe('myId');
-    });
-  };
-export const rangeInputEventTest =
-  <C extends JsonFormsControl, I>(
-    testConfig: TestConfig<C>,
-    instance: Type<I>
-  ) =>
-  () => {
-    let fixture: ComponentFixture<any>;
-    let component: C & { onChange(evt: string): void };
-
-    baseSetup(testConfig);
-
-    beforeEach(() => {
-      const preparedComponents = prepareComponent(testConfig, instance);
-      fixture = preparedComponents.fixture;
-      component = preparedComponents.component;
-    });
-
-    xit('should update via input event', async () => {
-      component.uischema = rangeDefaultTestData.uischema;
-      component.schema = rangeDefaultTestData.schema;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: rangeDefaultTestData.data,
-          schema: rangeDefaultTestData.schema,
-          uischema: rangeDefaultTestData.uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-
-      const spy = spyOn(component, 'onChange');
-
-      const sliderElement = fixture.debugElement.query(
-        By.css('.mat-slider')
-      ).nativeElement;
-
-      const trackElement = fixture.debugElement.query(
-        By.css('.mat-slider-wrapper')
-      ).nativeElement;
-      const dimensions = trackElement.getBoundingClientRect();
-      const x = dimensions.left + dimensions.width * 0.2;
-      const y = dimensions.top + dimensions.height * 0.2;
-
-      dispatchEvent(sliderElement, createMouseEvent('mousedown', x, y, 0));
-
-      // trigger change detection
-      fixture.detectChanges();
-      await fixture.whenStable();
-      expect(spy).toHaveBeenCalled();
-    });
-  };
-export const rangeErrorTest =
-  <C extends JsonFormsControl, I>(
-    testConfig: TestConfig<C>,
-    instance: Type<I>,
-    errorTestInformation: ErrorTestExpectation
-  ) =>
-  () => {
-    let fixture: ComponentFixture<any>;
-    let component: C;
-
-    baseSetup(testConfig);
-
-    beforeEach(() => {
-      const preparedComponents = prepareComponent(testConfig, instance);
-      fixture = preparedComponents.fixture;
-      component = preparedComponents.component;
-    });
-    it('should display errors', () => {
-      component.uischema = rangeDefaultTestData.uischema;
-      component.schema = rangeDefaultTestData.schema;
-
-      const formsService = getJsonFormsService(component);
-      formsService.init({
-        core: {
-          data: rangeDefaultTestData.data,
-          schema: rangeDefaultTestData.schema,
-          uischema: undefined,
-        },
-      });
-      formsService.updateCore(
-        Actions.updateErrors([
-          {
-            instancePath: '/foo',
-            message: 'Hi, this is me, test error!',
-            keyword: '',
-            schemaPath: '',
-            params: {},
-          },
-        ])
-      );
-      formsService.refresh();
-
-      component.ngOnInit();
-      fixture.detectChanges();
-      const debugErrors: DebugElement[] = fixture.debugElement.queryAll(
-        By.directive(errorTestInformation.errorInstance)
-      );
-      expect(debugErrors.length).toBe(errorTestInformation.numberOfElements);
-      expect(
-        debugErrors[errorTestInformation.indexOfElement].nativeElement
-          .textContent
-      ).toBe('Hi, this is me, test error!');
-    });
-  };
-
-/** Creates a browser MouseEvent with the specified options. */
-const createMouseEvent = (type: string, x = 0, y = 0, button = 0) => {
-  const event = document.createEvent('MouseEvent');
-
-  event.initMouseEvent(
-    type,
-    true /* canBubble */,
-    false /* cancelable */,
-    window /* view */,
-    0 /* detail */,
-    x /* screenX */,
-    y /* screenY */,
-    x /* clientX */,
-    y /* clientY */,
-    false /* ctrlKey */,
-    false /* altKey */,
-    false /* shiftKey */,
-    false /* metaKey */,
-    button /* button */,
-    null /* relatedTarget */
-  );
-
-  // `initMouseEvent` doesn't allow us to pass the `buttons` and
-  // defaults it to 0 which looks like a fake event.
-  Object.defineProperty(event, 'buttons', { get: () => 1 });
-
-  return event;
-};
-/** Utility to dispatch any event on a Node. */
-const dispatchEvent = (node: Node | Window, event: Event): Event => {
-  node.dispatchEvent(event);
-  return event;
-};
diff --git a/packages/angular-material/test/common/text.ts b/packages/angular-material/test/common/text.ts
deleted file mode 100644
index 2a29cf6659..0000000000
--- a/packages/angular-material/test/common/text.ts
+++ /dev/null
@@ -1,454 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import type { DebugElement } from '@angular/core';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import type { JsonFormsControl } from '@jsonforms/angular';
-import { Actions, ControlElement, JsonSchema } from '@jsonforms/core';
-import {
-  baseSetup,
-  ErrorTestExpectation,
-  getJsonFormsService,
-  TestConfig,
-  TestData,
-} from './util';
-
-interface ComponentResult<C extends JsonFormsControl> {
-  fixture: ComponentFixture<any>;
-  component: C;
-  textElement?: DebugElement;
-  textNativeElement?: any;
-}
-
-const prepareComponent = <C extends JsonFormsControl>(
-  testConfig: TestConfig<C>,
-  instance?: string,
-  elementToUse?: (element: DebugElement) => any
-): ComponentResult<C> => {
-  const fixture = TestBed.createComponent(testConfig.componentUT);
-  const component = fixture.componentInstance;
-  const result: ComponentResult<C> = { fixture, component };
-  if (instance && elementToUse) {
-    const textElement = fixture.debugElement.query(By.css(instance));
-    const textNativeElement = elementToUse(textElement);
-    result.textElement = textElement;
-    result.textNativeElement = textNativeElement;
-  }
-  return result;
-};
-const defaultData = { foo: 'foo' };
-const defaultSchema: JsonSchema = {
-  type: 'object',
-  properties: {
-    foo: {
-      type: 'string',
-    },
-  },
-};
-const defaultUischema: ControlElement = {
-  type: 'Control',
-  scope: '#/properties/foo',
-};
-export const defaultTextTestData: TestData<ControlElement> = {
-  data: defaultData,
-  schema: defaultSchema,
-  uischema: defaultUischema,
-};
-export const textBaseTest =
-  <C extends JsonFormsControl>(
-    testConfig: TestConfig<C>,
-    instance: string,
-    elementToUse: (element: DebugElement) => any,
-    testData: TestData<ControlElement> = defaultTextTestData
-  ) =>
-  () => {
-    let fixture: ComponentFixture<any>;
-    let textElement: DebugElement;
-    let textNativeElement: any;
-    let component: C;
-
-    baseSetup(testConfig);
-
-    beforeEach(() => {
-      const preparedComponents = prepareComponent(
-        testConfig,
-        instance,
-        elementToUse
-      );
-      fixture = preparedComponents.fixture;
-      textNativeElement = preparedComponents.textNativeElement;
-      textElement = preparedComponents.textElement;
-      component = preparedComponents.component;
-    });
-
-    it('should render', () => {
-      component.uischema = testData.uischema;
-      getJsonFormsService(component).init({
-        core: {
-          data: testData.data,
-          schema: testData.schema,
-          uischema: testData.uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-      expect(component.data).toBe('foo');
-      expect(textNativeElement.value).toBe('foo');
-      expect(textNativeElement.disabled).toBe(false);
-      // the component is wrapped in a div
-      const hasDisplayNone =
-        'none' === fixture.nativeElement.children[0].style.display;
-      const hasHidden = fixture.nativeElement.children[0].hidden;
-      expect(!hasDisplayNone && !hasHidden).toBeTruthy();
-    });
-
-    it('should support updating the state', () => {
-      component.uischema = testData.uischema;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: testData.data,
-          schema: testData.schema,
-          uischema: testData.uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-
-      getJsonFormsService(component).updateCore(
-        Actions.update('foo', () => 'bar')
-      );
-      fixture.detectChanges();
-      expect(component.data).toBe('bar');
-      expect(textNativeElement.value).toBe('bar');
-    });
-    it('should update with undefined value', () => {
-      component.uischema = testData.uischema;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: testData.data,
-          schema: testData.schema,
-          uischema: testData.uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-
-      getJsonFormsService(component).updateCore(
-        Actions.update('foo', () => undefined)
-      );
-      fixture.detectChanges();
-      expect(component.data).toBe(undefined);
-      expect(textNativeElement.value).toBe('');
-    });
-    it('should update with null value', () => {
-      component.uischema = testData.uischema;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: testData.data,
-          schema: testData.schema,
-          uischema: testData.uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-
-      getJsonFormsService(component).updateCore(
-        Actions.update('foo', () => null)
-      );
-      fixture.detectChanges();
-      expect(component.data).toBe(null);
-      expect(textNativeElement.value).toBe('');
-    });
-    it('should not update with wrong ref', () => {
-      component.uischema = testData.uischema;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: testData.data,
-          schema: testData.schema,
-          uischema: testData.uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-
-      getJsonFormsService(component).updateCore(
-        Actions.update('foo', () => 'foo')
-      );
-      getJsonFormsService(component).updateCore(
-        Actions.update('bar', () => 'bar')
-      );
-      fixture.detectChanges();
-      expect(component.data).toBe('foo');
-      expect(textNativeElement.value).toBe('foo');
-    });
-    // store needed as we evaluate the calculated enabled value to disable/enable the control
-    it('can be disabled', () => {
-      component.uischema = testData.uischema;
-      component.disabled = true;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: testData.data,
-          schema: testData.schema,
-          uischema: testData.uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-      expect(textNativeElement.disabled).toBe(true);
-    });
-    it('can be hidden', () => {
-      component.uischema = testData.uischema;
-      component.visible = false;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: testData.data,
-          schema: testData.schema,
-          uischema: testData.uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-      const hasDisplayNone =
-        'none' === fixture.nativeElement.children[0].style.display;
-      const hasHidden = fixture.nativeElement.children[0].hidden;
-      expect(hasDisplayNone || hasHidden).toBeTruthy();
-    });
-    it('id should be present in output', () => {
-      component.uischema = testData.uischema;
-      component.id = 'myId';
-      getJsonFormsService(component).init({
-        core: {
-          data: testData.data,
-          schema: testData.schema,
-          uischema: testData.uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-      expect(textElement.nativeElement.id).toBe('myId');
-    });
-  };
-export const textInputEventTest =
-  <C extends JsonFormsControl>(
-    testConfig: TestConfig<C>,
-    instance: string,
-    elementToUse: (element: DebugElement) => any,
-    testData: TestData<ControlElement> = defaultTextTestData
-  ) =>
-  () => {
-    let fixture: ComponentFixture<any>;
-    let textNativeElement: any;
-    let component: C & { onChange(evt: string): void };
-
-    baseSetup(testConfig);
-
-    beforeEach(() => {
-      const preparedComponents = prepareComponent(
-        testConfig,
-        instance,
-        elementToUse
-      );
-      fixture = preparedComponents.fixture;
-      textNativeElement = preparedComponents.textNativeElement;
-      component = preparedComponents.component;
-    });
-
-    it('should update via input event', () => {
-      component.uischema = testData.uischema;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: testData.data,
-          schema: testData.schema,
-          uischema: testData.uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-
-      const spy = spyOn(component, 'onChange');
-      textNativeElement.value = 'bar';
-      if (textNativeElement.dispatchEvent) {
-        textNativeElement.dispatchEvent(new Event('input'));
-      }
-      // trigger change detection
-      fixture.detectChanges();
-      expect(spy).toHaveBeenCalled();
-      expect(textNativeElement.value).toBe('bar');
-    });
-  };
-export const textErrorTest =
-  <C extends JsonFormsControl>(
-    testConfig: TestConfig<C>,
-    errorTestInformation: ErrorTestExpectation,
-    testData: TestData<ControlElement> = defaultTextTestData
-  ) =>
-  () => {
-    let fixture: ComponentFixture<any>;
-    let component: C;
-
-    baseSetup(testConfig);
-
-    beforeEach(() => {
-      const preparedComponents = prepareComponent(testConfig);
-      fixture = preparedComponents.fixture;
-      component = preparedComponents.component;
-    });
-    it('should display errors', () => {
-      component.uischema = testData.uischema;
-
-      const formsService = getJsonFormsService(component);
-      formsService.init({
-        core: {
-          data: testData.data,
-          schema: testData.schema,
-          uischema: undefined,
-        },
-      });
-      formsService.updateCore(
-        Actions.updateErrors([
-          {
-            instancePath: '/foo',
-            message: 'Hi, this is me, test error!',
-            keyword: '',
-            schemaPath: '',
-            params: {},
-          },
-        ])
-      );
-      formsService.refresh();
-      component.ngOnInit();
-      fixture.detectChanges();
-      const debugErrors: DebugElement[] = fixture.debugElement.queryAll(
-        By.directive(errorTestInformation.errorInstance)
-      );
-      expect(debugErrors.length).toBe(errorTestInformation.numberOfElements);
-      expect(
-        debugErrors[errorTestInformation.indexOfElement].nativeElement
-          .textContent
-      ).toBe('Hi, this is me, test error!');
-    });
-  };
-export const textTypeTest =
-  <C extends JsonFormsControl>(
-    testConfig: TestConfig<C>,
-    instance: string,
-    elementToUse: (element: DebugElement) => any,
-    testData: TestData<ControlElement> = defaultTextTestData
-  ) =>
-  () => {
-    let fixture: ComponentFixture<any>;
-    let component: C;
-    let textNativeElement: any;
-
-    baseSetup(testConfig);
-
-    beforeEach(() => {
-      const preparedComponents = prepareComponent(
-        testConfig,
-        instance,
-        elementToUse
-      );
-      fixture = preparedComponents.fixture;
-      component = preparedComponents.component;
-      textNativeElement = preparedComponents.textNativeElement;
-    });
-    it('should show password independent of schema', () => {
-      const uischema = JSON.parse(JSON.stringify(testData.uischema));
-      uischema.options = { format: 'password' };
-      const schema = JSON.parse(JSON.stringify(testData.schema));
-      schema.properties.foo.format = 'email';
-
-      component.uischema = uischema;
-      component.schema = schema;
-
-      getJsonFormsService(component).init({
-        core: { data: testData.data, schema: schema, uischema: uischema },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-      expect(textNativeElement.type).toBe('password');
-    });
-    it('should show email', () => {
-      const schema = JSON.parse(JSON.stringify(testData.schema));
-      schema.properties.foo.format = 'email';
-
-      component.uischema = testData.uischema;
-      component.schema = schema;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: testData.data,
-          schema: schema,
-          uischema: testData.uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-      expect(textNativeElement.type).toBe('email');
-    });
-    xit('should show tel', () => {
-      const schema = JSON.parse(JSON.stringify(testData.schema));
-      schema.properties.foo.format = 'tel';
-
-      component.uischema = testData.uischema;
-      component.schema = schema;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: testData.data,
-          schema: schema,
-          uischema: testData.uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-      expect(textNativeElement.type).toBe('tel');
-    });
-    xit('should fallback to text', () => {
-      const schema = JSON.parse(JSON.stringify(testData.schema));
-      schema.properties.foo.format = 'foo';
-
-      component.uischema = testData.uischema;
-      component.schema = schema;
-
-      getJsonFormsService(component).init({
-        core: {
-          data: testData.data,
-          schema: schema,
-          uischema: testData.uischema,
-        },
-      });
-      component.ngOnInit();
-      fixture.detectChanges();
-      expect(textNativeElement.type).toBe('text');
-    });
-  };
diff --git a/packages/angular-material/test/common/util.ts b/packages/angular-material/test/common/util.ts
deleted file mode 100644
index 044fc72910..0000000000
--- a/packages/angular-material/test/common/util.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import type { Type } from '@angular/core';
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { JsonFormsAngularService, JsonFormsControl } from '@jsonforms/angular';
-import type {
-  JsonFormsRendererRegistryEntry,
-  JsonSchema,
-  UISchemaElement,
-} from '@jsonforms/core';
-import type { ErrorObject } from 'ajv';
-
-export interface ErrorTestExpectation {
-  errorInstance: Type<any>;
-  numberOfElements: number;
-  indexOfElement: number;
-}
-export interface TestConfig<C extends JsonFormsControl> {
-  imports: any[];
-  providers: any[];
-  componentUT: Type<C>;
-}
-
-export const baseSetup = <C extends JsonFormsControl>(
-  testConfig: TestConfig<C>
-) => {
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [testConfig.componentUT],
-      imports: testConfig.imports,
-      providers: [JsonFormsAngularService].concat(testConfig.providers),
-    }).compileComponents();
-  }));
-};
-
-export interface TestData<T extends UISchemaElement> {
-  data: any;
-  schema: JsonSchema;
-  uischema: T;
-  errors?: ErrorObject[];
-  renderers?: JsonFormsRendererRegistryEntry[];
-}
-
-export const getJsonFormsService = (
-  component: JsonFormsControl
-): JsonFormsAngularService => {
-  return (component as any).jsonFormsService as JsonFormsAngularService;
-};
-
-export const setupMockStore = (
-  fixture: ComponentFixture<any>,
-  testData: TestData<UISchemaElement>
-): void => {
-  const component = fixture.componentInstance;
-  component.uischema = testData.uischema;
-  component.schema = testData.schema;
-
-  getJsonFormsService(component).init({
-    core: {
-      data: testData.data,
-      schema: testData.schema,
-      errors: testData.errors,
-      uischema: testData.uischema,
-    },
-  });
-  getJsonFormsService(component).registerRenderers(testData.renderers);
-};
diff --git a/packages/angular-material/test/date-control.spec.ts b/packages/angular-material/test/date-control.spec.ts
deleted file mode 100644
index 5e8a957d29..0000000000
--- a/packages/angular-material/test/date-control.spec.ts
+++ /dev/null
@@ -1,323 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { DebugElement } from '@angular/core';
-import {
-  ComponentFixture,
-  fakeAsync,
-  flush,
-  TestBed,
-  waitForAsync,
-} from '@angular/core/testing';
-import { ReactiveFormsModule } from '@angular/forms';
-import { MatNativeDateModule } from '@angular/material/core';
-import {
-  MatDatepicker,
-  MatDatepickerModule,
-} from '@angular/material/datepicker';
-import { MatError, MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { By } from '@angular/platform-browser';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import {
-  ErrorTestExpectation,
-  getJsonFormsService,
-  setupMockStore,
-} from './common';
-import { Actions, ControlElement, JsonSchema } from '@jsonforms/core';
-import { DateControlRenderer, DateControlRendererTester } from '../src';
-import { JsonFormsAngularService } from '@jsonforms/angular';
-import { createTesterContext } from './util';
-import { initTestEnvironment } from './test';
-
-const data = { foo: '2018-01-01' };
-const schema: JsonSchema = {
-  type: 'object',
-  properties: {
-    foo: {
-      type: 'string',
-      format: 'date',
-    },
-  },
-};
-const uischema: ControlElement = {
-  type: 'Control',
-  scope: '#/properties/foo',
-};
-
-initTestEnvironment();
-
-describe('Material boolean field tester', () => {
-  it('should succeed', () => {
-    expect(
-      DateControlRendererTester(uischema, schema, createTesterContext(schema))
-    ).toBe(2);
-  });
-});
-const imports = [
-  MatDatepickerModule,
-  MatInputModule,
-  MatNativeDateModule,
-  MatFormFieldModule,
-  NoopAnimationsModule,
-  ReactiveFormsModule,
-];
-const providers = [JsonFormsAngularService];
-const componentUT: any = DateControlRenderer;
-const errorTest: ErrorTestExpectation = {
-  errorInstance: MatError,
-  numberOfElements: 1,
-  indexOfElement: 0,
-};
-
-describe('Date control Base Tests', () => {
-  let fixture: ComponentFixture<DateControlRenderer>;
-  let component: DateControlRenderer;
-  let inputElement: HTMLInputElement;
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [componentUT],
-      imports: imports,
-      providers: providers,
-    }).compileComponents();
-  }));
-  beforeEach(() => {
-    fixture = TestBed.createComponent(componentUT);
-    component = fixture.componentInstance;
-
-    inputElement = fixture.debugElement.query(By.css('input')).nativeElement;
-  });
-
-  it('should render', () => {
-    setupMockStore(fixture, { uischema, schema, data });
-    getJsonFormsService(component).updateCore(
-      Actions.init(data, schema, uischema)
-    );
-    component.ngOnInit();
-    fixture.detectChanges();
-    expect(component.data.toString()).toEqual(
-      new Date('2018-01-01T00:00').toString()
-    );
-    // auto? shown with US layout
-    expect(inputElement.value).toBe('1/1/2018');
-    expect(inputElement.disabled).toBe(false);
-    // the component is wrapped in a div
-    expect(fixture.nativeElement.children[0].style.display).not.toBe('none');
-  });
-
-  it('should support updating the state', () => {
-    setupMockStore(fixture, { uischema, schema, data });
-    getJsonFormsService(component).updateCore(
-      Actions.init(data, schema, uischema)
-    );
-    component.ngOnInit();
-    fixture.detectChanges();
-
-    getJsonFormsService(component).updateCore(
-      Actions.update('foo', () => '2018-03-03')
-    );
-    fixture.detectChanges();
-    expect(component.data.toString()).toEqual(
-      new Date('2018-03-03T00:00').toString()
-    );
-    expect(inputElement.value).toBe('3/3/2018');
-  });
-  it('should update with undefined value', () => {
-    setupMockStore(fixture, { uischema, schema, data });
-    getJsonFormsService(component).updateCore(
-      Actions.init(data, schema, uischema)
-    );
-    component.ngOnInit();
-    fixture.detectChanges();
-
-    getJsonFormsService(component).updateCore(
-      Actions.update('foo', () => undefined)
-    );
-    fixture.detectChanges();
-    expect(component.data).toBe(null);
-    expect(inputElement.value).toBe('');
-  });
-  it('should update with null value', () => {
-    setupMockStore(fixture, { uischema, schema, data });
-    getJsonFormsService(component).updateCore(
-      Actions.init(data, schema, uischema)
-    );
-    component.ngOnInit();
-    fixture.detectChanges();
-
-    getJsonFormsService(component).updateCore(
-      Actions.update('foo', () => null)
-    );
-    fixture.detectChanges();
-    expect(component.data).toBe(null);
-    expect(inputElement.value).toBe('');
-  });
-  it('should not update with wrong ref', () => {
-    setupMockStore(fixture, { uischema, schema, data });
-    getJsonFormsService(component).updateCore(
-      Actions.init(data, schema, uischema)
-    );
-    component.ngOnInit();
-    fixture.detectChanges();
-
-    getJsonFormsService(component).updateCore(
-      Actions.update('foo', () => '2018-01-01')
-    );
-    getJsonFormsService(component).updateCore(
-      Actions.update('bar', () => '2018-03-03')
-    );
-    fixture.detectChanges();
-    expect(component.data.toString()).toEqual(
-      new Date('2018-01-01T00:00').toString()
-    );
-    expect(inputElement.value).toEqual('1/1/2018');
-  });
-  // store needed as we evaluate the calculated enabled value to disable/enable the control
-  it('can be disabled', () => {
-    setupMockStore(fixture, { uischema, schema, data });
-    component.disabled = true;
-    getJsonFormsService(component).updateCore(
-      Actions.init(data, schema, uischema)
-    );
-
-    component.ngOnInit();
-    fixture.detectChanges();
-    expect(inputElement.disabled).toBe(true);
-  });
-  // store needed as we evaluate the calculated enabled value to disable/enable the control
-  it('can be hidden', () => {
-    setupMockStore(fixture, { uischema, schema, data });
-    component.visible = false;
-    getJsonFormsService(component).updateCore(
-      Actions.init(data, schema, uischema)
-    );
-
-    component.ngOnInit();
-    fixture.detectChanges();
-    // the component is wrapped in a div
-    expect(fixture.nativeElement.children[0].style.display).toBe('none');
-  });
-  it('id should be present in output', () => {
-    component.uischema = uischema;
-    component.id = 'myId';
-    getJsonFormsService(component).init({
-      core: { data: data, schema: schema, uischema: uischema },
-    });
-
-    component.ngOnInit();
-    fixture.detectChanges();
-    expect(inputElement.id).toBe('myId');
-  });
-});
-describe('Date control Input Event Tests', () => {
-  let fixture: ComponentFixture<DateControlRenderer>;
-  let component: DateControlRenderer;
-  let inputElement: HTMLInputElement;
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [componentUT],
-      imports: imports,
-      providers: providers,
-    }).compileComponents();
-  }));
-  beforeEach(() => {
-    fixture = TestBed.createComponent(componentUT);
-    component = fixture.componentInstance;
-
-    inputElement = fixture.debugElement.query(By.css('input')).nativeElement;
-  });
-  it('should update via input event', fakeAsync(() => {
-    setupMockStore(fixture, { uischema, schema, data });
-    getJsonFormsService(component).updateCore(
-      Actions.init(data, schema, uischema)
-    );
-    component.ngOnInit();
-    fixture.detectChanges();
-
-    const spy = spyOn(component, 'onChange');
-
-    fixture.debugElement
-      .query(By.directive(MatDatepicker))
-      .componentInstance.open();
-    fixture.detectChanges();
-    flush();
-
-    const cells = document.querySelectorAll('.mat-calendar-body-cell');
-    const firstCell: HTMLElement = cells[1] as HTMLElement;
-    firstCell.click();
-    fixture.detectChanges();
-    flush();
-
-    inputElement.dispatchEvent(new Event('change'));
-    // trigger change detection
-    fixture.detectChanges();
-    expect(spy).toHaveBeenCalled();
-    expect(inputElement.value).toBe('1/2/2018');
-  }));
-});
-describe('Date control Error Tests', () => {
-  let fixture: ComponentFixture<DateControlRenderer>;
-  let component: DateControlRenderer;
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [componentUT],
-      imports: imports,
-      providers: providers,
-    }).compileComponents();
-  }));
-  beforeEach(() => {
-    fixture = TestBed.createComponent(componentUT);
-    component = fixture.componentInstance;
-  });
-  it('should display errors', () => {
-    setupMockStore(fixture, {
-      uischema,
-      schema,
-      data,
-    });
-    const formsService = getJsonFormsService(component);
-    formsService.updateCore(
-      Actions.updateErrors([
-        {
-          instancePath: '/foo',
-          message: 'Hi, this is me, test error!',
-          params: {},
-          keyword: '',
-          schemaPath: '',
-        },
-      ])
-    );
-    formsService.refresh();
-
-    component.ngOnInit();
-    fixture.detectChanges();
-    const debugErrors: DebugElement[] = fixture.debugElement.queryAll(
-      By.directive(errorTest.errorInstance)
-    );
-    expect(debugErrors.length).toBe(errorTest.numberOfElements);
-    expect(
-      debugErrors[errorTest.indexOfElement].nativeElement.textContent
-    ).toBe('Hi, this is me, test error!');
-  });
-});
diff --git a/packages/angular-material/test/group-layout.spec.ts b/packages/angular-material/test/group-layout.spec.ts
deleted file mode 100644
index 7704e88267..0000000000
--- a/packages/angular-material/test/group-layout.spec.ts
+++ /dev/null
@@ -1,104 +0,0 @@
-/*
-  The MIT License
-
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { ComponentFixture, waitForAsync } from '@angular/core/testing';
-import { GroupLayout, UISchemaElement } from '@jsonforms/core';
-import { MatCard, MatCardTitle } from '@angular/material/card';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
-import { beforeEachLayoutTest, setupMockStore } from './common';
-import { LayoutChildrenRenderPropsPipe } from '../src/library/layouts/layout.renderer';
-import {
-  GroupLayoutRenderer,
-  groupLayoutTester,
-} from '../src/library/layouts/group-layout.renderer';
-import { initTestEnvironment } from './test';
-
-initTestEnvironment();
-
-describe('Group layout tester', () => {
-  it('should succeed', () => {
-    expect(groupLayoutTester({ type: 'Group' }, undefined, undefined)).toBe(1);
-  });
-});
-describe('Group layout', () => {
-  let fixture: ComponentFixture<any>;
-
-  beforeEach(waitForAsync(() => {
-    fixture = beforeEachLayoutTest(GroupLayoutRenderer, {
-      declarations: [LayoutChildrenRenderPropsPipe],
-      imports: [MatCard, MatCardTitle],
-    });
-  }));
-
-  it('render with undefined elements', () => {
-    const uischema: UISchemaElement = {
-      type: 'Group',
-    };
-    setupMockStore(fixture, { data: {}, schema: {}, uischema });
-    fixture.componentInstance.ngOnInit();
-    fixture.detectChanges();
-    const card: DebugElement[] = fixture.debugElement.queryAll(
-      By.directive(MatCard)
-    );
-    // title
-    expect(card[0].nativeElement.children.length).toBe(1);
-  });
-
-  it('render with null elements', () => {
-    const uischema: GroupLayout = {
-      type: 'Group',
-      elements: null,
-    };
-    setupMockStore(fixture, { data: {}, schema: {}, uischema });
-    fixture.componentInstance.ngOnInit();
-    fixture.detectChanges();
-    const card: DebugElement[] = fixture.debugElement.queryAll(
-      By.directive(MatCard)
-    );
-    // title
-    expect(card[0].nativeElement.children.length).toBe(1);
-  });
-
-  it('render with children', () => {
-    const uischema: GroupLayout = {
-      type: 'Group',
-      label: 'foo',
-      elements: [{ type: 'Control' }, { type: 'Control' }],
-    };
-    setupMockStore(fixture, { data: {}, schema: {}, uischema });
-    fixture.componentInstance.ngOnInit();
-    fixture.detectChanges();
-    const card: DebugElement[] = fixture.debugElement.queryAll(
-      By.directive(MatCard)
-    );
-    const title: DebugElement = fixture.debugElement.query(
-      By.directive(MatCardTitle)
-    );
-
-    expect(title.nativeElement.textContent).toBe('foo');
-    // title + 2 controls
-    expect(card[0].nativeElement.children.length).toBe(3);
-  });
-});
diff --git a/packages/angular-material/test/horizontal-layout.spec.ts b/packages/angular-material/test/horizontal-layout.spec.ts
deleted file mode 100644
index aab7932d07..0000000000
--- a/packages/angular-material/test/horizontal-layout.spec.ts
+++ /dev/null
@@ -1,97 +0,0 @@
-/*
-  The MIT License
-
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { ComponentFixture, waitForAsync } from '@angular/core/testing';
-import { HorizontalLayout, UISchemaElement } from '@jsonforms/core';
-import { beforeEachLayoutTest, setupMockStore } from './common';
-import {
-  HorizontalLayoutRenderer,
-  horizontalLayoutTester,
-} from '../src/library/layouts/horizontal-layout.renderer';
-import { LayoutChildrenRenderPropsPipe } from '../src/library/layouts/layout.renderer';
-import { initTestEnvironment } from './test';
-
-initTestEnvironment();
-
-describe('Horizontal layout tester', () => {
-  it('should succeed', () => {
-    expect(
-      horizontalLayoutTester({ type: 'HorizontalLayout' }, undefined, undefined)
-    ).toBe(1);
-  });
-});
-describe('Horizontal layout', () => {
-  let fixture: ComponentFixture<any>;
-
-  beforeEach(waitForAsync(() => {
-    fixture = beforeEachLayoutTest(HorizontalLayoutRenderer, {
-      declarations: [LayoutChildrenRenderPropsPipe],
-    });
-  }));
-
-  it('render with undefined elements', () => {
-    const uischema: UISchemaElement = {
-      type: 'HorizontalLayout',
-    };
-    setupMockStore(fixture, {
-      data: {},
-      schema: {},
-      uischema,
-    });
-    fixture.componentInstance.ngOnInit();
-    fixture.detectChanges();
-    expect(fixture.nativeElement.children[0].children.length).toBe(0);
-  });
-
-  it('render with null elements', () => {
-    const uischema: HorizontalLayout = {
-      type: 'HorizontalLayout',
-      elements: null,
-    };
-    setupMockStore(fixture, {
-      data: {},
-      schema: {},
-      uischema,
-    });
-    fixture.componentInstance.ngOnInit();
-    fixture.detectChanges();
-    expect(fixture.nativeElement.children[0].children.length).toBe(0);
-  });
-
-  it('render with children', () => {
-    const uischema: HorizontalLayout = {
-      type: 'HorizontalLayout',
-      elements: [{ type: 'Control' }, { type: 'Control' }],
-    };
-    setupMockStore(fixture, {
-      data: {},
-      schema: {},
-      uischema,
-    });
-    fixture.componentInstance.ngOnInit();
-    fixture.detectChanges();
-    expect(fixture.nativeElement.children[0].children.length).toBe(2);
-    expect(fixture.nativeElement.children[0].hidden).toBe(false);
-  });
-});
diff --git a/packages/angular-material/test/label-renderer.spec.ts b/packages/angular-material/test/label-renderer.spec.ts
deleted file mode 100644
index 3397edbad2..0000000000
--- a/packages/angular-material/test/label-renderer.spec.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { JsonSchema, LabelElement } from '@jsonforms/core';
-
-import { LabelRenderer, LabelRendererTester } from '../src/library/other';
-import { setupMockStore } from './common';
-import { JsonFormsAngularService } from '@jsonforms/angular';
-import { initTestEnvironment } from './test';
-
-const data = {};
-const schema: JsonSchema = {
-  type: 'object',
-  properties: {
-    foo: {
-      type: 'string',
-    },
-  },
-};
-const uischema: LabelElement = {
-  type: 'Label',
-  text: 'FooBar',
-};
-
-initTestEnvironment();
-
-describe('Material label field tester', () => {
-  it('should succeed', () => {
-    expect(LabelRendererTester(uischema, schema, undefined)).toBe(4);
-  });
-});
-const providers = [JsonFormsAngularService];
-const componentUT: any = LabelRenderer;
-
-describe('Label Renderer Base Tests', () => {
-  let fixture: ComponentFixture<LabelRenderer>;
-  let component: LabelRenderer;
-  let labelElement: HTMLLabelElement;
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [componentUT],
-      providers: providers,
-    }).compileComponents();
-  }));
-  beforeEach(() => {
-    fixture = TestBed.createComponent(componentUT);
-    component = fixture.componentInstance;
-
-    labelElement = fixture.debugElement.query(By.css('label')).nativeElement;
-  });
-
-  it('should render', () => {
-    setupMockStore(fixture, { uischema, schema, data });
-    fixture.detectChanges();
-    component.ngOnInit();
-    expect(labelElement.innerText.trim()).toBe('FooBar');
-  });
-});
diff --git a/packages/angular-material/test/master-detail.spec.ts b/packages/angular-material/test/master-detail.spec.ts
deleted file mode 100644
index f0dc4c6dcf..0000000000
--- a/packages/angular-material/test/master-detail.spec.ts
+++ /dev/null
@@ -1,413 +0,0 @@
-/*
-  The MIT License
-
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatListItem, MatListModule } from '@angular/material/list';
-import { MatSidenavModule } from '@angular/material/sidenav';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import {
-  JsonFormsAngularService,
-  JsonFormsOutlet,
-  UnknownRenderer,
-} from '@jsonforms/angular';
-import { DebugElement } from '@angular/core';
-import { MasterListComponent } from '../src/library/other/master-detail/master';
-import { JsonFormsDetailComponent } from '../src/library/other/master-detail/detail';
-import { getJsonFormsService, setupMockStore } from './common';
-import { Actions } from '@jsonforms/core';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { initTestEnvironment } from './test';
-
-initTestEnvironment();
-
-describe('Master detail', () => {
-  let fixture: ComponentFixture<MasterListComponent>;
-  let component: any;
-
-  const data = {
-    orders: [
-      {
-        customer: {
-          name: 'ACME',
-        },
-        title: 'Carrots',
-      },
-    ],
-  };
-  const schema = {
-    definitions: {
-      order: {
-        type: 'object',
-        properties: {
-          customer: {
-            type: 'object',
-            properties: {
-              name: { type: 'string' },
-            },
-          },
-          title: {
-            type: 'string',
-          },
-        },
-      },
-    },
-    type: 'object',
-    properties: {
-      orders: {
-        type: 'array',
-        items: {
-          $ref: '#/definitions/order',
-        },
-      },
-    },
-  };
-  const uischema = {
-    type: 'ListWithDetail',
-    scope: '#/properties/orders',
-    options: {
-      labelRef: '#/items/properties/customer/properties/name',
-      detail: {
-        type: 'VerticalLayout',
-        elements: [
-          {
-            type: 'Control',
-            scope: '#/properties/customer/properties/name',
-          },
-        ],
-      },
-    },
-  };
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [
-        JsonFormsOutlet,
-        MasterListComponent,
-        UnknownRenderer,
-        JsonFormsDetailComponent,
-      ],
-      imports: [
-        MatListModule,
-        MatSidenavModule,
-        MatIconModule,
-        MatButtonModule,
-        NoopAnimationsModule,
-        MatTooltipModule,
-      ],
-      providers: [JsonFormsAngularService],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(MasterListComponent);
-    component = fixture.componentInstance;
-  }));
-
-  it('should render', waitForAsync(() => {
-    setupMockStore(fixture, { uischema, schema, data });
-    getJsonFormsService(component).updateCore(Actions.init(data, schema));
-    component.ngOnInit();
-
-    fixture.detectChanges();
-    fixture.whenStable().then(() => {
-      fixture.detectChanges();
-      expect(component.masterItems.length).toBe(1);
-      expect(
-        fixture.debugElement.queryAll(By.directive(MatListItem)).length
-      ).toBe(1);
-      // the component is wrapped in a div
-      expect(fixture.nativeElement.children[0].style.display).not.toBe('none');
-    });
-  }));
-
-  it('add a master item', waitForAsync(() => {
-    setupMockStore(fixture, { uischema, schema, data });
-    getJsonFormsService(component).updateCore(Actions.init(data, schema));
-    component.ngOnInit();
-    fixture.detectChanges();
-
-    const spy = spyOn(component, 'addItem').and.returnValue(() => {
-      /* noop */
-    });
-    fixture.whenStable().then(() => {
-      const buttons: DebugElement[] = fixture.debugElement.queryAll(
-        By.css('button')
-      );
-      buttons[1].nativeElement.click();
-      fixture.detectChanges();
-      fixture.whenRenderingDone().then(() => {
-        fixture.detectChanges();
-        expect(spy).toHaveBeenCalled();
-      });
-    });
-  }));
-
-  it('remove an item', waitForAsync(() => {
-    setupMockStore(fixture, { uischema, schema, data });
-    getJsonFormsService(component).updateCore(Actions.init(data, schema));
-    component.ngOnInit();
-    fixture.detectChanges();
-
-    const spy = spyOn(component, 'removeItems').and.returnValue(() => {
-      /* noop */
-    });
-    fixture.whenStable().then(() => {
-      const buttons: DebugElement[] = fixture.debugElement.queryAll(
-        By.css('button')
-      );
-      buttons[0].nativeElement.click();
-      fixture.whenStable().then(() => {
-        fixture.detectChanges();
-        expect(spy).toHaveBeenCalled();
-      });
-    });
-  }));
-
-  it('remove an item with index < selected index', () => {
-    const moreData = {
-      orders: [
-        {
-          customer: { name: 'Carrot Chipmunk' },
-          title: 'Carrots',
-        },
-        {
-          customer: { name: 'Banana Joe' },
-          title: 'Bananas',
-        },
-        {
-          customer: { name: 'Fry' },
-          title: 'Slurm',
-        },
-      ],
-    };
-
-    setupMockStore(fixture, {
-      uischema,
-      schema,
-      data: moreData,
-    });
-    getJsonFormsService(component).updateCore(Actions.init(moreData, schema));
-    component.ngOnInit();
-    fixture.detectChanges();
-
-    // select last element
-    const listItems: DebugElement[] = fixture.debugElement.queryAll(
-      By.directive(MatListItem)
-    );
-    listItems[2].nativeElement.click();
-    fixture.detectChanges();
-    expect(component.selectedItemIdx).toBe(2);
-
-    // delete 1st item
-    spyOn(component, 'removeItems').and.callFake(() => () => {
-      getJsonFormsService(component).updateCore(
-        Actions.update('orders', () => moreData.orders.slice(1))
-      );
-      fixture.detectChanges();
-    });
-    const buttons: DebugElement[] = fixture.debugElement.queryAll(
-      By.css('button')
-    );
-    buttons[0].nativeElement.click();
-
-    expect(component.selectedItemIdx).toBe(1);
-    expect(component.selectedItem.data.title).toBe('Slurm');
-  });
-
-  it('remove an item with index > selected index', () => {
-    const moreData = {
-      orders: [
-        {
-          customer: { name: 'Carrot Chipmunk' },
-          title: 'Carrots',
-        },
-        {
-          customer: { name: 'Banana Joe' },
-          title: 'Bananas',
-        },
-        {
-          customer: { name: 'Fry' },
-          title: 'Slurm',
-        },
-      ],
-    };
-    setupMockStore(fixture, {
-      uischema,
-      schema,
-      data: moreData,
-    });
-    getJsonFormsService(component).updateCore(Actions.init(moreData, schema));
-    component.ngOnInit();
-    fixture.detectChanges();
-
-    // delete 2nd item
-    spyOn(component, 'removeItems').and.callFake(() => () => {
-      const copy = moreData.orders.slice();
-      copy.splice(1, 1);
-      getJsonFormsService(component).updateCore(
-        Actions.update('orders', () => copy)
-      );
-      fixture.detectChanges();
-    });
-    const buttons: DebugElement[] = fixture.debugElement.queryAll(
-      By.css('button')
-    );
-    buttons[1].nativeElement.click();
-
-    expect(component.selectedItemIdx).toBe(0);
-    expect(component.selectedItem.data.title).toBe('Carrots');
-  });
-
-  it('remove an item with index == selected index', () => {
-    const moreData = {
-      orders: [
-        {
-          customer: { name: 'Carrot Chipmunk' },
-          title: 'Carrots',
-        },
-        {
-          customer: { name: 'Banana Joe' },
-          title: 'Bananas',
-        },
-        {
-          customer: { name: 'Fry' },
-          title: 'Slurm',
-        },
-      ],
-    };
-    setupMockStore(fixture, {
-      uischema,
-      schema,
-      data: moreData,
-    });
-    getJsonFormsService(component).updateCore(Actions.init(moreData, schema));
-    component.ngOnInit();
-    fixture.detectChanges();
-
-    // delete 1st item
-    spyOn(component, 'removeItems').and.callFake(() => () => {
-      getJsonFormsService(component).updateCore(
-        Actions.update('orders', () => moreData.orders.slice(1))
-      );
-      fixture.detectChanges();
-    });
-    const buttons: DebugElement[] = fixture.debugElement.queryAll(
-      By.css('button')
-    );
-    buttons[0].nativeElement.click();
-
-    expect(component.selectedItemIdx).toBe(0);
-    expect(component.selectedItem.data.title).toBe('Bananas');
-  });
-
-  it('remove last item', () => {
-    const moreData = {
-      orders: [
-        {
-          customer: { name: 'Carrot Chipmunk' },
-          title: 'Carrots',
-        },
-      ],
-    };
-    setupMockStore(fixture, {
-      uischema,
-      schema,
-      data: moreData,
-    });
-    getJsonFormsService(component).updateCore(Actions.init(moreData, schema));
-    component.ngOnInit();
-    fixture.detectChanges();
-
-    // delete item
-    spyOn(component, 'removeItems').and.callFake(() => () => {
-      getJsonFormsService(component).updateCore(
-        Actions.update('orders', () => [])
-      );
-      fixture.detectChanges();
-    });
-    const buttons: DebugElement[] = fixture.debugElement.queryAll(
-      By.css('button')
-    );
-    buttons[0].nativeElement.click();
-
-    expect(component.selectedItemIdx).toBe(-1);
-    expect(component.selectedItem).toBe(undefined);
-  });
-
-  it('setting detail on click', waitForAsync(() => {
-    setupMockStore(fixture, { uischema, schema, data });
-    getJsonFormsService(component).updateCore(Actions.init(data, schema));
-    component.ngOnInit();
-
-    fixture.detectChanges();
-    fixture.whenStable().then(() => {
-      spyOn(component, 'onSelect');
-      const select = fixture.debugElement.query(
-        By.directive(MatListItem)
-      ).nativeElement;
-      select.click();
-      fixture.detectChanges();
-      fixture.whenStable().then(() => {
-        fixture.detectChanges();
-        expect(
-          fixture.debugElement.queryAll(By.directive(JsonFormsDetailComponent))
-            .length
-        ).toBe(1);
-        expect(component.onSelect).toHaveBeenCalledWith(
-          {
-            label: 'ACME',
-            data: {
-              customer: { name: 'ACME' },
-              title: 'Carrots',
-            },
-            path: 'orders.0',
-            schema: schema.definitions.order,
-            uischema: {
-              type: 'VerticalLayout',
-              elements: [
-                {
-                  type: 'Control',
-                  scope: '#/properties/customer/properties/name',
-                },
-              ],
-            },
-          },
-          0
-        );
-      });
-    });
-  }));
-
-  it('can be hidden', waitForAsync(() => {
-    setupMockStore(fixture, { uischema, schema, data });
-    getJsonFormsService(component).updateCore(Actions.init(data, schema));
-    component.visible = false;
-    component.ngOnInit();
-    fixture.detectChanges();
-    fixture.whenRenderingDone().then(() => {
-      expect(fixture.nativeElement.children[0].style.display).toBe('none');
-    });
-  }));
-});
diff --git a/packages/angular-material/test/middleware.spec.ts b/packages/angular-material/test/middleware.spec.ts
deleted file mode 100644
index f0e934d005..0000000000
--- a/packages/angular-material/test/middleware.spec.ts
+++ /dev/null
@@ -1,88 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2023-2023 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-
-import { ReactiveFormsModule } from '@angular/forms';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { NumberControlRenderer } from '../src';
-import { JsonFormsAngularService, JsonFormsControl } from '@jsonforms/angular';
-import { baseSetup, getJsonFormsService, prepareComponent } from './common';
-import { initTestEnvironment } from './test';
-
-const imports = [
-  MatFormFieldModule,
-  MatInputModule,
-  NoopAnimationsModule,
-  ReactiveFormsModule,
-];
-const providers = [JsonFormsAngularService];
-const componentUT: any = NumberControlRenderer;
-const testConfig = { imports, providers, componentUT };
-
-initTestEnvironment();
-
-describe('middleware tests', () => {
-  let component: JsonFormsControl;
-  const startingValues = {
-    core: {
-      data: 'startValue',
-      schema: { type: 'string' },
-      uischema: {
-        type: 'control',
-      },
-    },
-  };
-
-  baseSetup(testConfig);
-
-  beforeEach(() => {
-    const preparedComponents = prepareComponent(testConfig, 'input');
-    component = preparedComponents.component;
-  });
-
-  it('init using middleware', () => {
-    const jsonFormsService: JsonFormsAngularService =
-      getJsonFormsService(component);
-    const spyMiddleware = jasmine.createSpy('spy1').and.returnValue({
-      data: 4,
-      schema: { type: 'number' },
-      uischema: {
-        type: 'VerticalLayout',
-        elements: [
-          {
-            type: 'Control',
-          },
-        ],
-      },
-    });
-    jsonFormsService.init(startingValues, spyMiddleware);
-    expect(spyMiddleware).toHaveBeenCalled();
-    const core = jsonFormsService.getState().jsonforms.core;
-    expect(core?.data).toBe(4);
-    expect(core?.schema.type).toBe('number');
-    expect(core?.uischema.type).toBe('VerticalLayout');
-  });
-});
diff --git a/packages/angular-material/test/number-control.spec.ts b/packages/angular-material/test/number-control.spec.ts
deleted file mode 100644
index fea8b891e2..0000000000
--- a/packages/angular-material/test/number-control.spec.ts
+++ /dev/null
@@ -1,219 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { DebugElement } from '@angular/core';
-import { ComponentFixture } from '@angular/core/testing';
-import { ReactiveFormsModule } from '@angular/forms';
-import { MatError, MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { JsonFormsAngularService, JsonFormsControl } from '@jsonforms/angular';
-import {
-  baseSetup,
-  ErrorTestExpectation,
-  getJsonFormsService,
-  numberAdditionalPropsTest,
-  numberBaseTest,
-  numberErrorTest,
-  numberInputEventTest,
-  prepareComponent,
-} from './common';
-import { Actions, ControlElement, JsonFormsCore } from '@jsonforms/core';
-import { NumberControlRenderer, NumberControlRendererTester } from '../src';
-import { initTestEnvironment } from './test';
-
-initTestEnvironment();
-
-describe('Material number field tester', () => {
-  const uischema = {
-    type: 'Control',
-    scope: '#/properties/foo',
-  };
-
-  it('should succeed with floats', () => {
-    expect(
-      NumberControlRendererTester(
-        uischema,
-        {
-          type: 'object',
-          properties: {
-            foo: {
-              type: 'number',
-            },
-          },
-        },
-        undefined
-      )
-    ).toBe(2);
-  });
-  it('should succeed with integers', () => {
-    expect(
-      NumberControlRendererTester(
-        uischema,
-        {
-          type: 'object',
-          properties: {
-            foo: {
-              type: 'integer',
-            },
-          },
-        },
-        undefined
-      )
-    ).toBe(2);
-  });
-});
-
-const imports = [
-  MatFormFieldModule,
-  MatInputModule,
-  NoopAnimationsModule,
-  ReactiveFormsModule,
-];
-const providers = [JsonFormsAngularService];
-const componentUT: any = NumberControlRenderer;
-const errorTest: ErrorTestExpectation = {
-  errorInstance: MatError,
-  numberOfElements: 1,
-  indexOfElement: 0,
-};
-const toSelect = (el: DebugElement) => el.nativeElement;
-const testConfig = { imports, providers, componentUT };
-
-describe(
-  'Number control Base Tests',
-  numberBaseTest(testConfig, 'input', toSelect)
-);
-describe(
-  'Number control Input Event Tests',
-  numberInputEventTest(testConfig, 'input', toSelect)
-);
-describe('Number control Error Tests', numberErrorTest(testConfig, errorTest));
-describe(
-  'Number control Additional Props Tests',
-  numberAdditionalPropsTest(testConfig, 'input', toSelect)
-);
-
-describe('Number control custom', () => {
-  let fixture: ComponentFixture<any>;
-  let numberNativeElement: any;
-  let component: JsonFormsControl;
-  baseSetup(testConfig);
-
-  const defaultSchema = {
-    type: 'object',
-    properties: {
-      foo: { type: 'number' },
-    },
-  };
-  const defaultData = { foo: 1000000 };
-  const defaultUischema: ControlElement = {
-    type: 'Control',
-    scope: '#/properties/foo',
-  };
-
-  beforeEach(() => {
-    const preparedComponents = prepareComponent(testConfig, 'input', toSelect);
-    fixture = preparedComponents.fixture;
-    numberNativeElement = preparedComponents.numberNativeElement;
-    component = preparedComponents.component;
-  });
-
-  it('default grouping behavior', () => {
-    const uischema = Object.assign({}, defaultUischema);
-    component.uischema = uischema;
-    const state: JsonFormsCore = {
-      data: defaultData,
-      schema: defaultSchema,
-      uischema: uischema,
-    };
-    getJsonFormsService(component).init({
-      core: state,
-      i18n: {
-        locale: 'en',
-      },
-    });
-    getJsonFormsService(component).updateCore(
-      Actions.init(state.data, state.schema)
-    );
-    component.ngOnInit();
-    fixture.detectChanges();
-
-    expect(numberNativeElement.value).toBe('1,000,000');
-  });
-
-  it('should use config for grouping', () => {
-    const uischema = Object.assign({}, defaultUischema);
-    component.uischema = uischema;
-    const state: JsonFormsCore = {
-      data: defaultData,
-      schema: defaultSchema,
-      uischema: uischema,
-    };
-    getJsonFormsService(component).init({
-      core: state,
-      i18n: {
-        locale: 'en',
-      },
-      config: {
-        useGrouping: false,
-      },
-    });
-    getJsonFormsService(component).updateCore(
-      Actions.init(state.data, state.schema)
-    );
-    component.ngOnInit();
-    fixture.detectChanges();
-
-    expect(numberNativeElement.value).toBe('1000000');
-  });
-  it('should use uischema for grouping', () => {
-    const uischema = Object.assign({}, defaultUischema);
-    uischema.options = {
-      useGrouping: false,
-    };
-    component.uischema = uischema;
-    const state: JsonFormsCore = {
-      data: defaultData,
-      schema: defaultSchema,
-      uischema: uischema,
-    };
-    getJsonFormsService(component).init({
-      core: state,
-      i18n: {
-        locale: 'en',
-      },
-      config: {
-        useGrouping: true,
-      },
-    });
-    getJsonFormsService(component).updateCore(
-      Actions.init(state.data, state.schema)
-    );
-    component.ngOnInit();
-    fixture.detectChanges();
-
-    expect(numberNativeElement.value).toBe('1000000');
-  });
-});
diff --git a/packages/angular-material/test/object-control.spec.ts b/packages/angular-material/test/object-control.spec.ts
deleted file mode 100644
index a352dcb137..0000000000
--- a/packages/angular-material/test/object-control.spec.ts
+++ /dev/null
@@ -1,222 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { CommonModule } from '@angular/common';
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { ReactiveFormsModule } from '@angular/forms';
-import { MatCardModule } from '@angular/material/card';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { JsonFormsAngularService, JsonFormsModule } from '@jsonforms/angular';
-import { ControlElement } from '@jsonforms/core';
-import {
-  GroupLayoutRenderer,
-  groupLayoutTester,
-  TextControlRenderer,
-  TextControlRendererTester,
-  VerticalLayoutRenderer,
-  verticalLayoutTester,
-} from '../src';
-import {
-  ObjectControlRenderer,
-  ObjectControlRendererTester,
-} from '../src/library/other/object.renderer';
-import { getJsonFormsService } from './common';
-import { LayoutChildrenRenderPropsPipe } from '../src/library/layouts/layout.renderer';
-import { initTestEnvironment } from './test';
-
-const uischema1: ControlElement = { type: 'Control', scope: '#' };
-const uischema2: ControlElement = {
-  type: 'Control',
-  scope: '#/properties/foo',
-};
-const schema1 = {
-  type: 'object',
-  properties: {
-    foo: { type: 'string' },
-  },
-};
-const schema2 = {
-  type: 'object',
-  properties: {
-    foo: {
-      type: 'object',
-      properties: {
-        foo_1: { type: 'string' },
-      },
-    },
-    bar: {
-      type: 'object',
-      properties: {
-        bar_1: { type: 'string' },
-      },
-    },
-  },
-};
-const renderers = [
-  { tester: TextControlRendererTester, renderer: TextControlRenderer },
-  { tester: verticalLayoutTester, renderer: VerticalLayoutRenderer },
-  { tester: groupLayoutTester, renderer: GroupLayoutRenderer },
-  { tester: ObjectControlRendererTester, renderer: ObjectControlRenderer },
-];
-
-initTestEnvironment();
-
-describe('Object Control tester', () => {
-  it('should succeed', () => {
-    expect(ObjectControlRendererTester(uischema1, schema1, undefined)).toBe(2);
-    expect(ObjectControlRendererTester(uischema2, schema2, undefined)).toBe(2);
-  });
-});
-describe('Object Control', () => {
-  let fixture: ComponentFixture<any>;
-  let component: any;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [
-        ObjectControlRenderer,
-        TextControlRenderer,
-        VerticalLayoutRenderer,
-        GroupLayoutRenderer,
-        LayoutChildrenRenderPropsPipe,
-      ],
-      imports: [
-        CommonModule,
-        JsonFormsModule,
-        MatCardModule,
-        NoopAnimationsModule,
-        MatFormFieldModule,
-        MatInputModule,
-        ReactiveFormsModule,
-      ],
-      providers: [JsonFormsAngularService],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(ObjectControlRenderer);
-    component = fixture.componentInstance;
-  }));
-
-  it('object control creates group', waitForAsync(() => {
-    component.uischema = uischema2;
-    component.schema = schema2;
-
-    getJsonFormsService(component).init({
-      renderers: renderers,
-      core: {
-        data: {},
-        schema: schema2,
-        uischema: undefined,
-      },
-    });
-    fixture.detectChanges();
-    component.ngOnInit();
-    fixture.whenStable().then(() => {
-      // one for the object renderer and one for the group
-      expect(fixture.nativeElement.querySelectorAll('mat-card').length).toBe(2);
-      expect(
-        fixture.nativeElement.querySelectorAll('mat-card-title')[0].textContent
-      ).toBe('Foo');
-    });
-  }));
-
-  it('render all elements', waitForAsync(() => {
-    component.uischema = uischema1;
-    component.schema = schema2;
-
-    getJsonFormsService(component).init({
-      core: {
-        data: {},
-        schema: schema2,
-        uischema: undefined,
-      },
-    });
-    getJsonFormsService(component).registerRenderers(renderers);
-
-    fixture.detectChanges();
-    component.ngOnInit();
-    fixture.whenStable().then(() => {
-      expect(fixture.nativeElement.querySelectorAll('input').length).toBe(2);
-    });
-  }));
-
-  it('render only own elements', waitForAsync(() => {
-    component.uischema = uischema2;
-    component.schema = schema2;
-
-    getJsonFormsService(component).init({
-      core: {
-        data: {},
-        schema: schema2,
-        uischema: undefined,
-      },
-    });
-    getJsonFormsService(component).registerRenderers(renderers);
-    fixture.detectChanges();
-    component.ngOnInit();
-    fixture.whenStable().then(() => {
-      expect(fixture.nativeElement.querySelectorAll('input').length).toBe(1);
-    });
-  }));
-
-  xit('can be disabled', waitForAsync(() => {
-    component.uischema = uischema1;
-    component.schema = schema1;
-    component.disabled = true;
-
-    getJsonFormsService(component).init({
-      core: {
-        data: {},
-        schema: schema1,
-        uischema: undefined,
-      },
-    });
-    getJsonFormsService(component).registerRenderers(renderers);
-    fixture.detectChanges();
-    component.ngOnInit();
-    fixture.whenStable().then(() => {
-      expect(fixture.nativeElement.querySelector('input').disabled).toBe(true);
-    });
-  }));
-  xit('should be enabled by default', waitForAsync(() => {
-    component.uischema = uischema1;
-    component.schema = schema1;
-
-    getJsonFormsService(component).init({
-      core: {
-        data: {},
-        schema: schema1,
-        uischema: undefined,
-      },
-    });
-    getJsonFormsService(component).registerRenderers(renderers);
-    component.ngOnInit();
-    fixture.detectChanges();
-    fixture.whenRenderingDone().then(() => {
-      fixture.detectChanges();
-      expect(fixture.nativeElement.querySelector('input').disabled).toBeFalsy();
-    });
-  }));
-});
diff --git a/packages/angular-material/test/range-control.spec.ts b/packages/angular-material/test/range-control.spec.ts
deleted file mode 100644
index e8f5fbd33f..0000000000
--- a/packages/angular-material/test/range-control.spec.ts
+++ /dev/null
@@ -1,113 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { ReactiveFormsModule } from '@angular/forms';
-import { MatError, MatFormFieldModule } from '@angular/material/form-field';
-import { MatSlider, MatSliderModule } from '@angular/material/slider';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import {
-  ErrorTestExpectation,
-  rangeBaseTest,
-  rangeErrorTest,
-  rangeInputEventTest,
-} from './common';
-import { RangeControlRenderer, RangeControlRendererTester } from '../src';
-import { JsonFormsAngularService } from '@jsonforms/angular';
-import { initTestEnvironment } from './test';
-
-initTestEnvironment();
-
-describe('Material number field tester', () => {
-  const uischema = {
-    type: 'Control',
-    scope: '#/properties/foo',
-    options: { slider: true },
-  };
-
-  it('should succeed with floats', () => {
-    expect(
-      RangeControlRendererTester(
-        uischema,
-        {
-          type: 'object',
-          properties: {
-            foo: {
-              type: 'number',
-              minimum: -42.42,
-              maximum: 42.42,
-              default: 0.42,
-            },
-          },
-        },
-        undefined
-      )
-    ).toBe(4);
-  });
-  it('should succeed with integers', () => {
-    expect(
-      RangeControlRendererTester(
-        uischema,
-        {
-          type: 'object',
-          properties: {
-            foo: {
-              type: 'integer',
-              minimum: -42,
-              maximum: 42,
-              default: 1,
-            },
-          },
-        },
-        undefined
-      )
-    ).toBe(4);
-  });
-});
-const imports = [
-  NoopAnimationsModule,
-  MatSliderModule,
-  MatFormFieldModule,
-  ReactiveFormsModule,
-];
-const providers = [JsonFormsAngularService];
-const componentUT: any = RangeControlRenderer;
-const errorTest: ErrorTestExpectation = {
-  errorInstance: MatError,
-  numberOfElements: 1,
-  indexOfElement: 0,
-};
-const defaultTestConfig = { imports, providers, componentUT };
-
-describe(
-  'Range control Base Tests',
-  rangeBaseTest(defaultTestConfig, MatSlider)
-);
-describe(
-  'Range control Input Event Tests',
-  rangeInputEventTest(defaultTestConfig, MatSlider)
-);
-describe(
-  'Range control Error Tests',
-  rangeErrorTest(defaultTestConfig, MatSlider, errorTest)
-);
diff --git a/packages/angular-material/test/table-control.spec.ts b/packages/angular-material/test/table-control.spec.ts
deleted file mode 100644
index dd370ffd70..0000000000
--- a/packages/angular-material/test/table-control.spec.ts
+++ /dev/null
@@ -1,391 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { CommonModule } from '@angular/common';
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { ReactiveFormsModule } from '@angular/forms';
-import { MatCardModule } from '@angular/material/card';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { MatIconModule } from '@angular/material/icon';
-import { MatTableModule } from '@angular/material/table';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { JsonFormsAngularService, JsonFormsModule } from '@jsonforms/angular';
-import { ControlElement } from '@jsonforms/core';
-import { TextControlRenderer, TextControlRendererTester } from '../src';
-import {
-  GetProps,
-  TableRenderer,
-  TableRendererTester,
-} from '../src/library/other/table.renderer';
-import { setupMockStore } from './common';
-import { createTesterContext } from './util';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { initTestEnvironment } from './test';
-
-const uischema1: ControlElement = { type: 'Control', scope: '#' };
-const uischema2: ControlElement = {
-  type: 'Control',
-  scope: '#/properties/my',
-};
-const uischemaWithSorting: ControlElement = {
-  type: 'Control',
-  scope: '#',
-  options: {
-    showSortButtons: true,
-  },
-};
-const schema_object1 = {
-  type: 'array',
-  items: {
-    type: 'object',
-    properties: {
-      foo: { type: 'string' },
-      bar: { type: 'string' },
-    },
-  },
-};
-const schema_object2 = {
-  type: 'object',
-  properties: {
-    my: {
-      type: 'array',
-      items: {
-        type: 'object',
-        properties: {
-          foo: { type: 'string' },
-          bar: { type: 'string' },
-        },
-      },
-    },
-  },
-};
-const schema_simple1 = {
-  type: 'array',
-  items: {
-    type: 'string',
-  },
-};
-const schema_simple2 = {
-  type: 'object',
-  properties: {
-    my: {
-      type: 'array',
-      items: {
-        type: 'string',
-      },
-    },
-  },
-};
-const renderers = [
-  { tester: TextControlRendererTester, renderer: TextControlRenderer },
-  { tester: TableRendererTester, renderer: TableRenderer },
-];
-
-initTestEnvironment();
-
-describe('Table tester', () => {
-  it('should succeed', () => {
-    expect(
-      TableRendererTester(
-        uischema1,
-        schema_object1,
-        createTesterContext(schema_object1)
-      )
-    ).toBe(3);
-    expect(
-      TableRendererTester(
-        uischema1,
-        schema_simple1,
-        createTesterContext(schema_simple1)
-      )
-    ).toBe(3);
-    expect(
-      TableRendererTester(
-        uischema2,
-        schema_object2,
-        createTesterContext(schema_object2)
-      )
-    ).toBe(3);
-    expect(
-      TableRendererTester(
-        uischema2,
-        schema_simple2,
-        createTesterContext(schema_simple2)
-      )
-    ).toBe(3);
-  });
-});
-describe('Table', () => {
-  let fixture: ComponentFixture<any>;
-  let component: any;
-
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      declarations: [TableRenderer, TextControlRenderer, GetProps],
-      imports: [
-        CommonModule,
-        JsonFormsModule,
-        MatCardModule,
-        NoopAnimationsModule,
-        MatFormFieldModule,
-        MatIconModule,
-        MatInputModule,
-        ReactiveFormsModule,
-        MatTableModule,
-        MatTooltipModule,
-      ],
-      providers: [JsonFormsAngularService],
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(TableRenderer);
-    component = fixture.componentInstance;
-  }));
-
-  it('renders object array on root', waitForAsync(() => {
-    setupMockStore(fixture, {
-      uischema: uischema1,
-      schema: schema_object1,
-      data: [
-        { foo: 'foo_1', bar: 'bar_1' },
-        { foo: 'foo_2', bar: 'bar_2' },
-      ],
-      renderers,
-    });
-    fixture.detectChanges();
-    component.ngOnInit();
-    fixture.whenStable().then(() => {
-      // 2 columns
-      expect(fixture.nativeElement.querySelectorAll('th').length).toBe(3);
-      // 1 head row and 2 data rows
-      expect(fixture.nativeElement.querySelectorAll('tr').length).toBe(1 + 2);
-      // 4 data entries
-      expect(fixture.nativeElement.querySelectorAll('td').length).toBe(6);
-    });
-  }));
-  it('renders object array on path', waitForAsync(() => {
-    setupMockStore(fixture, {
-      uischema: uischema2,
-      schema: schema_object2,
-      data: {
-        my: [
-          { foo: 'foo_1', bar: 'bar_1' },
-          { foo: 'foo_2', bar: 'bar_2' },
-        ],
-      },
-      renderers,
-    });
-
-    fixture.detectChanges();
-    component.ngOnInit();
-    fixture.whenStable().then(() => {
-      // 2 columns
-      expect(fixture.nativeElement.querySelectorAll('th').length).toBe(3);
-      // 1 head row and 2 data rows
-      expect(fixture.nativeElement.querySelectorAll('tr').length).toBe(1 + 2);
-      // 4 data entries
-      expect(fixture.nativeElement.querySelectorAll('td').length).toBe(6);
-    });
-  }));
-
-  it('renders simple array on root', waitForAsync(() => {
-    setupMockStore(fixture, {
-      uischema: uischema1,
-      schema: schema_simple1,
-      data: ['foo', 'bar'],
-      renderers,
-    });
-    fixture.detectChanges();
-    component.ngOnInit();
-    fixture.whenStable().then(() => {
-      // 1 column
-      expect(fixture.nativeElement.querySelectorAll('th').length).toBe(2);
-      // 1 head row and 2 data rows
-      expect(fixture.nativeElement.querySelectorAll('tr').length).toBe(1 + 2);
-      // 2 data entries
-      expect(fixture.nativeElement.querySelectorAll('td').length).toBe(4);
-    });
-  }));
-  it('renders simple array on path', waitForAsync(() => {
-    setupMockStore(fixture, {
-      uischema: uischema2,
-      schema: schema_simple2,
-      data: { my: ['foo', 'bar'] },
-      renderers,
-    });
-    fixture.detectChanges();
-    component.ngOnInit();
-    fixture.whenStable().then(() => {
-      // 1 columns
-      expect(fixture.nativeElement.querySelectorAll('th').length).toBe(2);
-      // 1 head row and 2 data rows
-      expect(fixture.nativeElement.querySelectorAll('tr').length).toBe(1 + 2);
-      // 2 data entries
-      expect(fixture.nativeElement.querySelectorAll('td').length).toBe(4);
-    });
-  }));
-
-  it('can be disabled', waitForAsync(() => {
-    setupMockStore(fixture, {
-      uischema: uischema1,
-      schema: schema_object1,
-      data: [{ foo: 'foo_1', bar: 'bar_1' }],
-      renderers,
-    });
-    component.disabled = true;
-    fixture.detectChanges();
-    component.ngOnInit();
-    fixture.whenStable().then(() => {
-      expect(fixture.nativeElement.querySelectorAll('input').length).toBe(2);
-      expect(
-        fixture.nativeElement.querySelectorAll('input')[0].disabled
-      ).toBeTruthy();
-      expect(
-        fixture.nativeElement.querySelectorAll('input')[1].disabled
-      ).toBeTruthy();
-    });
-  }));
-  it('should be enabled by default', waitForAsync(() => {
-    setupMockStore(fixture, {
-      uischema: uischema1,
-      schema: schema_object1,
-      data: [{ foo: 'foo_1', bar: 'bar_1' }],
-      renderers,
-    });
-    fixture.detectChanges();
-    component.ngOnInit();
-    fixture.whenStable().then(() => {
-      component.add();
-      expect(fixture.nativeElement.querySelectorAll('input').length).toBe(2);
-      expect(fixture.nativeElement.querySelector('input').disabled).toBeFalsy();
-    });
-  }));
-
-  it('renderer handles removing of rows', waitForAsync(() => {
-    setupMockStore(fixture, {
-      uischema: uischema1,
-      schema: schema_object1,
-      data: [
-        { foo: 'foo_1', bar: 'bar_1' },
-        { foo: 'foo_2', bar: 'bar_2' },
-      ],
-      renderers,
-    });
-
-    fixture.detectChanges();
-    component.ngOnInit();
-    component.remove(0);
-    component.remove(0);
-    fixture.detectChanges();
-
-    fixture.whenStable().then(() => {
-      // 1 row
-      expect(fixture.nativeElement.querySelectorAll('tr').length).toBe(1 + 0);
-    });
-  }));
-
-  it('renderer handles adding of rows', waitForAsync(() => {
-    setupMockStore(fixture, {
-      uischema: uischema1,
-      schema: schema_object1,
-      data: [
-        { foo: 'foo_1', bar: 'bar_1' },
-        { foo: 'foo_2', bar: 'bar_2' },
-      ],
-      renderers,
-    });
-
-    fixture.detectChanges();
-    component.ngOnInit();
-
-    component.add();
-    component.add();
-    fixture.detectChanges();
-
-    fixture.whenStable().then(() => {
-      // 3 row
-      expect(fixture.nativeElement.querySelectorAll('tr').length).toBe(1 + 4);
-    });
-  }));
-
-  it('when disabled doesnt render `add` nor `remove` icons', waitForAsync(() => {
-    setupMockStore(fixture, {
-      uischema: uischema1,
-      schema: schema_object1,
-      data: [
-        { foo: 'foo_1', bar: 'bar_1' },
-        { foo: 'foo_2', bar: 'bar_2' },
-      ],
-      renderers,
-    });
-    component.disabled = true;
-    fixture.detectChanges();
-
-    component.ngOnInit();
-    fixture.whenStable().then(() => {
-      // 2 columns
-      expect(fixture.nativeElement.querySelectorAll('th').length).toBe(2);
-      // 2 rows
-      expect(fixture.nativeElement.querySelectorAll('tr').length).toBe(1 + 2);
-      // 2 data entries
-      expect(fixture.nativeElement.querySelectorAll('td').length).toBe(4);
-    });
-  }));
-  it('when options.showSortButtons is True, it should render sort buttons', waitForAsync(() => {
-    setupMockStore(fixture, {
-      uischema: uischemaWithSorting,
-      schema: schema_simple1,
-      data: ['foo', 'bar'],
-      renderers,
-    });
-    component.disabled = false;
-    fixture.detectChanges();
-
-    component.ngOnInit();
-    fixture.whenStable().then(() => {
-      expect(fixture.nativeElement.querySelectorAll('.item-up').length).toBe(2);
-      expect(fixture.nativeElement.querySelectorAll('.item-down').length).toBe(
-        2
-      );
-    });
-  }));
-  it('when options.showSortButtons is False, it should NOT render sort buttons', waitForAsync(() => {
-    setupMockStore(fixture, {
-      uischema: uischema1,
-      schema: schema_simple1,
-      data: ['foo', 'bar'],
-      renderers,
-    });
-    component.disabled = false;
-    fixture.detectChanges();
-
-    component.ngOnInit();
-    fixture.whenStable().then(() => {
-      expect(fixture.nativeElement.querySelectorAll('.item-up').length).toBe(0);
-      expect(fixture.nativeElement.querySelectorAll('.item-down').length).toBe(
-        0
-      );
-    });
-  }));
-});
diff --git a/packages/angular-material/test/test.ts b/packages/angular-material/test/test.ts
deleted file mode 100644
index e1632ec174..0000000000
--- a/packages/angular-material/test/test.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-// This file is required by karma.conf.js and loads recursively all the .spec and framework files
-
-import 'zone.js/testing';
-import { TestBed } from '@angular/core/testing';
-import {
-  BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting,
-} from '@angular/platform-browser-dynamic/testing';
-
-export function initTestEnvironment() {
-  TestBed.resetTestEnvironment();
-  TestBed.initTestEnvironment(
-    BrowserDynamicTestingModule,
-    platformBrowserDynamicTesting(),
-    {
-      teardown: { destroyAfterEach: false },
-    }
-  );
-}
diff --git a/packages/angular-material/test/text-area.spec.ts b/packages/angular-material/test/text-area.spec.ts
deleted file mode 100644
index 2b747bbc33..0000000000
--- a/packages/angular-material/test/text-area.spec.ts
+++ /dev/null
@@ -1,113 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { DebugElement } from '@angular/core';
-import { ReactiveFormsModule } from '@angular/forms';
-import { MatError, MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import {
-  ErrorTestExpectation,
-  TestData,
-  textBaseTest,
-  textErrorTest,
-  textInputEventTest,
-} from './common';
-import { TextAreaRenderer, TextAreaRendererTester } from '../src';
-import { ControlElement, JsonSchema } from '@jsonforms/core';
-import { JsonFormsAngularService } from '@jsonforms/angular';
-import { initTestEnvironment } from './test';
-
-initTestEnvironment();
-
-describe('Material text field tester', () => {
-  const uischema = {
-    type: 'Control',
-    scope: '#/properties/foo',
-    options: { multi: true },
-  };
-
-  it('should succeed', () => {
-    expect(
-      TextAreaRendererTester(
-        uischema,
-        {
-          type: 'object',
-          properties: {
-            foo: {
-              type: 'string',
-            },
-          },
-        },
-        undefined
-      )
-    ).toBe(2);
-  });
-});
-const imports = [
-  MatFormFieldModule,
-  MatInputModule,
-  NoopAnimationsModule,
-  ReactiveFormsModule,
-];
-const providers = [JsonFormsAngularService];
-const componentUT: any = TextAreaRenderer;
-const errorTest: ErrorTestExpectation = {
-  errorInstance: MatError,
-  numberOfElements: 1,
-  indexOfElement: 0,
-};
-const toSelect = (el: DebugElement) => el.nativeElement;
-const testConfig = { imports, providers, componentUT };
-const defaultData = { foo: 'foo' };
-const defaultSchema: JsonSchema = {
-  type: 'object',
-  properties: {
-    foo: {
-      type: 'string',
-    },
-  },
-};
-const defaultUischema: ControlElement = {
-  type: 'Control',
-  scope: '#/properties/foo',
-  options: { multi: true },
-};
-const defaultTestData: TestData<ControlElement> = {
-  data: defaultData,
-  schema: defaultSchema,
-  uischema: defaultUischema,
-};
-describe(
-  'Text control Base Tests',
-  textBaseTest(testConfig, 'textarea', toSelect, defaultTestData)
-);
-describe(
-  'Text control Input Event Tests',
-  textInputEventTest(testConfig, 'textarea', toSelect, defaultTestData)
-);
-describe(
-  'Text control Error Tests',
-  textErrorTest(testConfig, errorTest, defaultTestData)
-);
diff --git a/packages/angular-material/test/text-control.spec.ts b/packages/angular-material/test/text-control.spec.ts
deleted file mode 100644
index c6494cc1c2..0000000000
--- a/packages/angular-material/test/text-control.spec.ts
+++ /dev/null
@@ -1,94 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { DebugElement } from '@angular/core';
-import { ReactiveFormsModule } from '@angular/forms';
-import { MatError, MatFormFieldModule } from '@angular/material/form-field';
-import { MatInputModule } from '@angular/material/input';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import {
-  ErrorTestExpectation,
-  textBaseTest,
-  textErrorTest,
-  textInputEventTest,
-  textTypeTest,
-} from './common';
-import { TextControlRenderer, TextControlRendererTester } from '../src';
-import { JsonFormsAngularService } from '@jsonforms/angular';
-import { initTestEnvironment } from './test';
-
-initTestEnvironment();
-
-describe('Material text field tester', () => {
-  const uischema = {
-    type: 'Control',
-    scope: '#/properties/foo',
-  };
-
-  it('should succeed', () => {
-    expect(
-      TextControlRendererTester(
-        uischema,
-        {
-          type: 'object',
-          properties: {
-            foo: {
-              type: 'string',
-            },
-          },
-        },
-        undefined
-      )
-    ).toBe(1);
-  });
-});
-const imports = [
-  MatFormFieldModule,
-  MatInputModule,
-  NoopAnimationsModule,
-  ReactiveFormsModule,
-];
-const providers = [JsonFormsAngularService];
-const componentUT: any = TextControlRenderer;
-const errorTest: ErrorTestExpectation = {
-  errorInstance: MatError,
-  numberOfElements: 1,
-  indexOfElement: 0,
-};
-const toSelect = (el: DebugElement) => el.nativeElement;
-const testConfig = { imports, providers, componentUT };
-
-describe(
-  'Text control Base Tests',
-  textBaseTest(testConfig, 'input', toSelect)
-);
-describe(
-  'Text control Input Event Tests',
-  textInputEventTest(testConfig, 'input', toSelect)
-);
-describe('Text control Error Tests', textErrorTest(testConfig, errorTest));
-describe(
-  'Text control Type Tests',
-  textTypeTest(testConfig, 'input', toSelect)
-);
diff --git a/packages/angular-material/test/toggle-control.spec.ts b/packages/angular-material/test/toggle-control.spec.ts
deleted file mode 100644
index 586d4400f9..0000000000
--- a/packages/angular-material/test/toggle-control.spec.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { MatError, MatFormFieldModule } from '@angular/material/form-field';
-import {
-  MatSlideToggle,
-  MatSlideToggleModule,
-} from '@angular/material/slide-toggle';
-import {
-  booleanBaseTest,
-  booleanErrorTest,
-  booleanInputEventTest,
-  ErrorTestExpectation,
-} from './common';
-import { ToggleControlRenderer, ToggleControlRendererTester } from '../src';
-import { JsonFormsAngularService } from '@jsonforms/angular';
-import { initTestEnvironment } from './test';
-
-initTestEnvironment();
-
-describe('Material boolean field tester', () => {
-  const uischema = {
-    type: 'Control',
-    scope: '#/properties/foo',
-    options: { toggle: true },
-  };
-
-  it('should succeed', () => {
-    expect(
-      ToggleControlRendererTester(
-        uischema,
-        {
-          type: 'object',
-          properties: {
-            foo: {
-              type: 'boolean',
-            },
-          },
-        },
-        undefined
-      )
-    ).toBe(3);
-  });
-});
-const imports = [MatSlideToggleModule, MatFormFieldModule];
-const providers = [JsonFormsAngularService];
-const componentUT: any = ToggleControlRenderer;
-const errorTest: ErrorTestExpectation = {
-  errorInstance: MatError,
-  numberOfElements: 1,
-  indexOfElement: 0,
-};
-const testConfig = { imports, providers, componentUT };
-describe(
-  'Toggle control Base Tests',
-  booleanBaseTest(testConfig, MatSlideToggle)
-);
-describe(
-  'Toggle control Input Event Tests',
-  booleanInputEventTest(testConfig, MatSlideToggle, 'label')
-);
-describe(
-  'Toggle control Error Tests',
-  booleanErrorTest(testConfig, MatSlideToggle, errorTest)
-);
diff --git a/packages/angular-material/test/util.ts b/packages/angular-material/test/util.ts
deleted file mode 100644
index c0bd9b7448..0000000000
--- a/packages/angular-material/test/util.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2022 EclipseSource
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { JsonSchema, TesterContext } from '@jsonforms/core';
-
-export const createTesterContext = (
-  rootSchema: JsonSchema,
-  config?: any
-): TesterContext => ({ rootSchema, config });
diff --git a/packages/angular-material/test/vertical-layout.spec.ts b/packages/angular-material/test/vertical-layout.spec.ts
deleted file mode 100644
index 16140f619f..0000000000
--- a/packages/angular-material/test/vertical-layout.spec.ts
+++ /dev/null
@@ -1,118 +0,0 @@
-/*
-  The MIT License
-
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { ComponentFixture, waitForAsync } from '@angular/core/testing';
-import { UISchemaElement, VerticalLayout } from '@jsonforms/core';
-import { beforeEachLayoutTest, setupMockStore } from './common';
-import {
-  VerticalLayoutRenderer,
-  verticalLayoutTester,
-} from '../src/library/layouts/vertical-layout.renderer';
-import { LayoutChildrenRenderPropsPipe } from '../src/library/layouts/layout.renderer';
-import { initTestEnvironment } from './test';
-
-initTestEnvironment();
-
-describe('Vertical layout tester', () => {
-  it('should succeed', () => {
-    expect(
-      verticalLayoutTester({ type: 'VerticalLayout' }, undefined, undefined)
-    ).toBe(1);
-  });
-});
-describe('Vertical layout', () => {
-  let fixture: ComponentFixture<any>;
-  let component: any;
-
-  beforeEach(waitForAsync(() => {
-    fixture = beforeEachLayoutTest(VerticalLayoutRenderer, {
-      declarations: [LayoutChildrenRenderPropsPipe],
-    });
-    component = fixture.componentInstance;
-  }));
-
-  it('render with undefined elements', () => {
-    const uischema: UISchemaElement = {
-      type: 'VerticalLayout',
-    };
-    setupMockStore(fixture, {
-      data: {},
-      schema: {},
-      uischema,
-    });
-    fixture.componentInstance.ngOnInit();
-    fixture.detectChanges();
-    expect(fixture.nativeElement.children[0].children.length).toBe(0);
-    // the component is wrapped in a div
-    expect(fixture.nativeElement.children[0].style.display).not.toBe('none');
-  });
-
-  it('render with null elements', () => {
-    const uischema: VerticalLayout = {
-      type: 'VerticalLayout',
-      elements: null,
-    };
-
-    setupMockStore(fixture, {
-      data: {},
-      schema: {},
-      uischema,
-    });
-    fixture.componentInstance.ngOnInit();
-    fixture.detectChanges();
-    expect(fixture.nativeElement.children[0].children.length).toBe(0);
-  });
-
-  it('render with children', () => {
-    const uischema: VerticalLayout = {
-      type: 'VerticalLayout',
-      elements: [{ type: 'Control' }, { type: 'Control' }],
-    };
-    setupMockStore(fixture, {
-      data: {},
-      schema: {},
-      uischema,
-    });
-    fixture.componentInstance.ngOnInit();
-    fixture.detectChanges();
-    expect(fixture.nativeElement.children[0].children.length).toBe(2);
-    expect(fixture.nativeElement.children[0].hidden).toBe(false);
-  });
-
-  // TODO: broken due to https://github.com/angular/flex-layout/issues/848
-  xit('can be hidden', () => {
-    const uischema: VerticalLayout = {
-      type: 'VerticalLayout',
-      elements: [{ type: 'Control' }, { type: 'Control' }],
-    };
-    component.visible = false;
-    setupMockStore(fixture, {
-      data: {},
-      schema: {},
-      uischema,
-    });
-    component.ngOnInit();
-    expect(fixture.nativeElement.children[0].style.display).toBe('none');
-  });
-});
diff --git a/packages/angular-material/tsconfig.example.json b/packages/angular-material/tsconfig.example.json
deleted file mode 100644
index 46c487ea84..0000000000
--- a/packages/angular-material/tsconfig.example.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "extends": "./tsconfig",
-  "compilerOptions": {
-    "outDir": "./example/dist"
-  },
-  "files": ["./example/main.ts"],
-  "angularCompilerOptions": {
-    "compilationMode": "full",
-    "strictMetadataEmit": true,
-    "generateCodeForLibraries": false,
-    "skipTemplateCodegen": true
-  }
-}
diff --git a/packages/angular-material/tsconfig.json b/packages/angular-material/tsconfig.json
deleted file mode 100644
index 64692753aa..0000000000
--- a/packages/angular-material/tsconfig.json
+++ /dev/null
@@ -1,17 +0,0 @@
-{
-  "extends": "../../tsconfig.base",
-  "compilerOptions": {
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "sourceMap": true,
-  },
-  "exclude": ["node_modules"],
-  "files": ["src/index.ts"],
-  "angularCompilerOptions": {
-    "compilationMode": "partial",
-    "strictMetadataEmit": true,
-    "generateCodeForLibraries": false,
-    "skipTemplateCodegen": true
-  }
-}
diff --git a/packages/angular-material/tsconfig.spec.json b/packages/angular-material/tsconfig.spec.json
deleted file mode 100644
index 3f8cb37ad1..0000000000
--- a/packages/angular-material/tsconfig.spec.json
+++ /dev/null
@@ -1,21 +0,0 @@
-{
-  "extends": "../../tsconfig.base",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "inlineSourceMap": true,
-    "sourceMap": true,
-    "types": [
-      "jasmine"
-    ]
-  },
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ],
-  "angularCompilerOptions": {
-    "compilationMode": "partial",
-    "strictMetadataEmit": true,
-    "generateCodeForLibraries": false,
-    "skipTemplateCodegen": true
-  }
-}
diff --git a/packages/angular/.eslintrc.js b/packages/angular/.eslintrc.js
deleted file mode 100644
index 80191b13e9..0000000000
--- a/packages/angular/.eslintrc.js
+++ /dev/null
@@ -1,44 +0,0 @@
-/* eslint-env node */
-/** @type {import('eslint').Linter.Config} */
-module.exports = {
-  root: true,
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    /* Reset project because @angular-eslint/recommended sets this to an incompatible value */
-    project: null,
-  },
-  // There is no file include in ESLint. Thus, ignore all and include files via negative ignore (!)
-  ignorePatterns: ['/*', '!/src', '!/test'],
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:import/recommended',
-    'plugin:import/typescript',
-    'plugin:@angular-eslint/recommended',
-    'plugin:@angular-eslint/template/process-inline-templates',
-    'plugin:prettier/recommended',
-  ],
-  rules: {
-    '@angular-eslint/component-class-suffix': 'off',
-    '@angular-eslint/directive-class-suffix': 'off',
-    '@angular-eslint/no-conflicting-lifecycle': 'warn',
-    '@typescript-eslint/no-explicit-any': 'off',
-    // Base rule must be disabled to avoid incorrect errors
-    'no-unused-vars': 'off',
-    '@typescript-eslint/no-unused-vars': [
-      'warn', // or "error"
-      {
-        argsIgnorePattern: '^_',
-        varsIgnorePattern: '^_',
-        caughtErrorsIgnorePattern: '^_',
-      },
-    ],
-    'import/no-unresolved': [
-      'error',
-      {
-        // Ignore ava import because it is incorrectly reported as unresolved despite working as expected.
-        ignore: ['^ava$'],
-      },
-    ],
-  },
-};
diff --git a/packages/angular/.prettierrc.js b/packages/angular/.prettierrc.js
deleted file mode 100644
index 2c26853c4a..0000000000
--- a/packages/angular/.prettierrc.js
+++ /dev/null
@@ -1,6 +0,0 @@
-module.exports = {
-  $schema: 'http://json.schemastore.org/prettierrc',
-  singleQuote: true,
-  jsxSingleQuote: true,
-  endOfLine: 'auto',
-};
diff --git a/packages/angular/LICENSE b/packages/angular/LICENSE
deleted file mode 100644
index 064ca1d9d2..0000000000
--- a/packages/angular/LICENSE
+++ /dev/null
@@ -1,22 +0,0 @@
-The MIT License
-
-Copyright (c) 2019 EclipseSource Munich
-https://github.com/eclipsesource/jsonforms
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
diff --git a/packages/angular/README.md b/packages/angular/README.md
deleted file mode 100644
index c956524946..0000000000
--- a/packages/angular/README.md
+++ /dev/null
@@ -1,152 +0,0 @@
-# JSON Forms - More Forms. Less Code
-
-_Complex forms in the blink of an eye_
-
-JSON Forms eliminates the tedious task of writing fully-featured forms by hand by leveraging the capabilities of JSON, JSON Schema and Javascript.
-
-## Angular Package
-
-This is the JSON Forms Angular package which provides the necessary bindings for Angular. It uses [JSON Forms Core](https://github.com/eclipsesource/jsonforms/blob/master/packages/core).
-
-You can combine the Angular package with any Angular-based renderer set you want, for example the [Material Renderers](https://github.com/eclipsesource/jsonforms/blob/master/packages/angular-material).
-
-See the official [documentation](https://jsonforms.io/docs/integrations/angular) and the JSON Forms Angular [seed repository](https://github.com/eclipsesource/jsonforms-angular-seed) for examples on how to integrate JSON Forms with your application.
-
-Check <https://www.npmjs.com/search?q=%40jsonforms> for all published JSON Forms packages.
-
-### Usage
-
-Use the `JsonForms` component to render a form for your data.
-
-Mandatory props:
-
-- `data: any` - the data to show
-- `renderers: JsonFormsRendererRegistryEntry[]` - the Angular renderer set to use
-
-Optional props:
-
-- `schema: JsonSchema` - the data schema for the given data. Will be generated when not given.
-- `uischema: UISchemaElement` - the UI schema for the given data schema. Will be generated when not given.
-- `config: any` - form-wide options. May contain default ui schema options.
-- `readonly: boolean` - whether all controls shall be readonly.
-- `uischemas: JsonFormsUiSchemaEntry[]` - registry for dynamic ui schema dispatching
-- `validationMode: 'ValidateAndShow' | 'ValidateAndHide' | 'NoValidation'` - the validation mode for the form
-- `ajv: AJV` - custom Ajv instance for the form
-- `middleware: Middleware` - can be used to hook into the form-wide data management.
-- `i18n: JsonFormsI18nState` - can be used to internationalize the rendered form.
-- `dataChange` - event emitter which is called on each data change, containing the updated data and the validation result.
-- `errors` - event emitter which is called with all validations errors.
-
-Example component file `app.component.ts`:
-
-```ts
-import { Component } from '@angular/core';
-import { angularMaterialRenderers } from '@jsonforms/angular-material';
-
-@Component({
-  selector: 'app-root',
-  template: `<jsonforms
-    [data]="data"
-    [schema]="schema"
-    [uischema]="uischema"
-    [renderers]="renderers"
-  ></jsonforms>`,
-})
-export class AppComponent {
-  renderers = angularMaterialRenderers;
-  uischema = {
-    type: 'VerticalLayout',
-    elements: [
-      {
-        type: 'Control',
-        label: false,
-        scope: '#/properties/done',
-      },
-      {
-        type: 'Control',
-        scope: '#/properties/name',
-      },
-      {
-        type: 'HorizontalLayout',
-        elements: [
-          {
-            type: 'Control',
-            scope: '#/properties/due_date',
-          },
-          {
-            type: 'Control',
-            scope: '#/properties/recurrence',
-          },
-        ],
-      },
-    ],
-  };
-  schema = {
-    type: 'object',
-    properties: {
-      name: {
-        type: 'string',
-        minLength: 1,
-      },
-      done: {
-        type: 'boolean',
-      },
-      due_date: {
-        type: 'string',
-        format: 'date',
-      },
-      recurrence: {
-        type: 'string',
-        enum: ['Never', 'Daily', 'Weekly', 'Monthly'],
-      },
-    },
-    required: ['name', 'due_date'],
-  };
-  data = {};
-}
-```
-
-Example module file:
-
-```ts
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { JsonFormsModule } from '@jsonforms/angular';
-import { JsonFormsAngularMaterialModule } from '@jsonforms/angular-material';
-import { AppComponent } from './app.component';
-
-@NgModule({
-  declarations: [AppComponent],
-  imports: [
-    BrowserModule,
-    BrowserAnimationsModule,
-    JsonFormsModule,
-    JsonFormsAngularMaterialModule,
-  ],
-  schemas: [],
-  bootstrap: [AppComponent],
-})
-export class AppModule {}
-```
-
-## License
-
-The JSON Forms project is licensed under the MIT License. See the [LICENSE file](https://github.com/eclipsesource/jsonforms/blob/master/LICENSE) for more information.
-
-## Roadmap
-
-Our current roadmap is available [here](https://github.com/eclipsesource/jsonforms/blob/master/ROADMAP.md).
-
-## Feedback, Help and Support
-
-JSON Forms is developed by [EclipseSource](https://eclipsesource.com).
-
-If you encounter any problems feel free to [open an issue](https://github.com/eclipsesource/jsonforms/issues/new/choose) on the repo.
-For questions and discussions please use the [JSON Forms board](https://jsonforms.discourse.group).
-You can also reach us via [email](mailto:jsonforms@eclipsesource.com?subject=JSON%20Forms).
-In addition, EclipseSource also offers [professional support](https://jsonforms.io/support) for JSON Forms.
-
-## Migration
-
-See our [migration guide](https://github.com/eclipsesource/jsonforms/blob/master/MIGRATION.md) when updating JSON Forms.
diff --git a/packages/angular/build-package.js b/packages/angular/build-package.js
deleted file mode 100644
index aef214d1a9..0000000000
--- a/packages/angular/build-package.js
+++ /dev/null
@@ -1,11 +0,0 @@
-const ngPackage = require('ng-packagr');
-
-ngPackage
-  .ngPackagr()
-  .forProject('ng-package.json')
-  .withTsConfig('tsconfig.json')
-  .build()
-  .catch(error => {
-    console.error(error);
-    process.exit(1);
-  });
\ No newline at end of file
diff --git a/packages/angular/ng-package.json b/packages/angular/ng-package.json
deleted file mode 100644
index 84439008d2..0000000000
--- a/packages/angular/ng-package.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "./lib",
-  "allowedNonPeerDependencies": ["lodash"]
-}
\ No newline at end of file
diff --git a/packages/angular/package.json b/packages/angular/package.json
deleted file mode 100644
index 9510d59bad..0000000000
--- a/packages/angular/package.json
+++ /dev/null
@@ -1,103 +0,0 @@
-{
-  "name": "@jsonforms/angular",
-  "version": "3.4.1",
-  "description": "Angular module of JSON Forms",
-  "repository": "https://github.com/eclipsesource/jsonforms",
-  "bugs": "https://github.com/eclipsesource/jsonforms/issues",
-  "homepage": "http://jsonforms.io/",
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  },
-  "directories": {
-    "src": "src",
-    "test": "test"
-  },
-  "files": [
-    "lib",
-    "src"
-  ],
-  "keywords": [
-    "angular",
-    "form",
-    "forms",
-    "json",
-    "jsonforms",
-    "frontend",
-    "generator",
-    "input",
-    "renderengine",
-    "jsonschema",
-    "schema",
-    "uischema",
-    "layout",
-    "customization"
-  ],
-  "module": "./lib/fesm2022/jsonforms-angular.mjs",
-  "typings": "./lib/index.d.ts",
-  "scripts": {
-    "build": "node ./build-package.js",
-    "clean": "rimraf lib coverage dist .nyc_output 2> /dev/null",
-    "lint": "eslint .",
-    "lint:fix": "eslint --fix .",
-    "report": "nyc report --reporter=html",
-    "test": "ava",
-    "test-cov": "nyc ava",
-    "doc": "typedoc --name 'JSON Forms Angular Core' --out docs src"
-  },
-  "nyc": {
-    "reporter": [
-      "lcov",
-      "text-summary"
-    ]
-  },
-  "ava": {
-    "files": [
-      "test/**/*"
-    ],
-    "extensions": [
-      "ts"
-    ],
-    "require": [
-      "./test-config/ts-node.config.js",
-      "source-map-support/register.js"
-    ]
-  },
-  "dependencies": {
-    "lodash": "^4.17.21"
-  },
-  "peerDependencies": {
-    "@angular/core": "^17.0.0 || ^18.0.0",
-    "@angular/forms": "^17.0.0 || ^18.0.0",
-    "@jsonforms/core": "3.4.1",
-    "rxjs": "^6.6.0 || ^7.4.0"
-  },
-  "devDependencies": {
-    "@angular-eslint/eslint-plugin": "^17.0.0",
-    "@angular-eslint/eslint-plugin-template": "^17.0.0",
-    "@angular-eslint/schematics": "^17.0.0",
-    "@angular-eslint/template-parser": "^17.0.0",
-    "@angular/compiler": "^17.0.0",
-    "@angular/compiler-cli": "^17.0.0",
-    "@angular/core": "^17.0.0",
-    "@angular/forms": "^17.0.0",
-    "@jsonforms/core": "workspace:*",
-    "@typescript-eslint/eslint-plugin": "^5.54.1",
-    "@typescript-eslint/parser": "^5.54.1",
-    "ava": "^6.1.2",
-    "copy-webpack-plugin": "^5.0.5",
-    "eslint": "^8.56.0",
-    "eslint-config-prettier": "^8.7.0",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-prettier": "^4.2.1",
-    "ng-packagr": "^17.0.0",
-    "nyc": "^15.1.0",
-    "prettier": "^2.8.4",
-    "rimraf": "^3.0.2",
-    "rxjs": "^6.6.0",
-    "source-map-support": "^0.5.21",
-    "tslib": "^2.3.0",
-    "typedoc": "~0.25.3",
-    "typescript": "~5.2.2"
-  }
-}
diff --git a/packages/angular/src/index.ts b/packages/angular/src/index.ts
deleted file mode 100644
index 4aaf8f92ed..0000000000
--- a/packages/angular/src/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './public_api';
diff --git a/packages/angular/src/library/abstract-control.ts b/packages/angular/src/library/abstract-control.ts
deleted file mode 100644
index af43608ce0..0000000000
--- a/packages/angular/src/library/abstract-control.ts
+++ /dev/null
@@ -1,183 +0,0 @@
-/*
-  The MIT License
-
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import {
-  Actions,
-  computeLabel,
-  ControlElement,
-  JsonFormsState,
-  JsonSchema,
-  OwnPropsOfControl,
-  removeId,
-  StatePropsOfControl,
-} from '@jsonforms/core';
-import { Component, Input, OnDestroy, OnInit } from '@angular/core';
-import {
-  AbstractControl,
-  FormControl,
-  ValidationErrors,
-  ValidatorFn,
-} from '@angular/forms';
-
-import { JsonFormsBaseRenderer } from './base.renderer';
-import { JsonFormsAngularService } from './jsonforms.service';
-import merge from 'lodash/merge';
-@Component({
-  template: '',
-})
-export abstract class JsonFormsAbstractControl<
-    Props extends StatePropsOfControl
-  >
-  extends JsonFormsBaseRenderer<ControlElement>
-  implements OnInit, OnDestroy
-{
-  @Input() id: string;
-  @Input() disabled: boolean;
-  @Input() visible: boolean;
-
-  form: FormControl;
-  data: any;
-  label: string;
-  description: string;
-  error: string | null;
-  scopedSchema: JsonSchema;
-  rootSchema: JsonSchema;
-  enabled: boolean;
-  hidden: boolean;
-  propsPath: string;
-
-  constructor(protected jsonFormsService: JsonFormsAngularService) {
-    super();
-    this.form = new FormControl(
-      {
-        value: '',
-        disabled: true,
-      },
-      {
-        updateOn: 'change',
-        validators: this.validator.bind(this),
-      }
-    );
-  }
-
-  getEventValue = (event: any) => event.value;
-
-  onChange(ev: any) {
-    this.jsonFormsService.updateCore(
-      Actions.update(this.propsPath, () => this.getEventValue(ev))
-    );
-    this.triggerValidation();
-  }
-
-  shouldShowUnfocusedDescription(): boolean {
-    const config = this.jsonFormsService.getConfig();
-    const appliedUiSchemaOptions = merge({}, config, this.uischema.options);
-    return !!appliedUiSchemaOptions.showUnfocusedDescription;
-  }
-
-  ngOnInit() {
-    this.addSubscription(
-      this.jsonFormsService.$state.subscribe({
-        next: (state: JsonFormsState) => {
-          const props = this.mapToProps(state);
-          const {
-            data,
-            enabled,
-            errors,
-            label,
-            required,
-            schema,
-            rootSchema,
-            visible,
-            path,
-            config,
-          } = props;
-          this.label = computeLabel(
-            label,
-            required,
-            config ? config.hideRequiredAsterisk : false
-          );
-          this.data = data;
-          this.error = errors;
-          this.enabled = enabled;
-          this.isEnabled() ? this.form.enable() : this.form.disable();
-          this.hidden = !visible;
-          this.scopedSchema = schema;
-          this.rootSchema = rootSchema;
-          this.description =
-            this.scopedSchema !== undefined
-              ? this.scopedSchema.description
-              : '';
-          this.id = props.id;
-          this.form.setValue(data);
-          this.propsPath = path;
-          this.mapAdditionalProps(props);
-        },
-      })
-    );
-    this.triggerValidation();
-  }
-
-  validator: ValidatorFn = (_c: AbstractControl): ValidationErrors | null => {
-    return this.error ? { error: this.error } : null;
-  };
-
-  mapAdditionalProps(_props: Props) {
-    // do nothing by default
-  }
-
-  ngOnDestroy() {
-    super.ngOnDestroy();
-    removeId(this.id);
-  }
-
-  isEnabled(): boolean {
-    return this.enabled;
-  }
-
-  protected getOwnProps(): OwnPropsOfControl {
-    const props: OwnPropsOfControl = {
-      uischema: this.uischema,
-      schema: this.schema,
-      path: this.path,
-      id: this.id,
-    };
-    if (this.disabled !== undefined) {
-      props.enabled = !this.disabled;
-    }
-    if (this.visible !== undefined) {
-      props.visible = this.visible;
-    }
-    return props;
-  }
-
-  protected abstract mapToProps(state: JsonFormsState): Props;
-
-  protected triggerValidation() {
-    // these cause the correct update of the error underline, seems to be
-    // related to ionic-team/ionic#11640
-    this.form.markAsTouched();
-    this.form.updateValueAndValidity();
-  }
-}
diff --git a/packages/angular/src/library/array-control.ts b/packages/angular/src/library/array-control.ts
deleted file mode 100644
index 5e0bfbc5e5..0000000000
--- a/packages/angular/src/library/array-control.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-/*
-  The MIT License
-
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import {
-  arrayDefaultTranslations,
-  ArrayTranslations,
-  defaultJsonFormsI18nState,
-  getArrayTranslations,
-  JsonFormsState,
-  mapStateToArrayControlProps,
-  StatePropsOfArrayControl,
-} from '@jsonforms/core';
-import type { OnDestroy, OnInit } from '@angular/core';
-import { JsonFormsAbstractControl } from './abstract-control';
-
-export class JsonFormsArrayControl
-  extends JsonFormsAbstractControl<StatePropsOfArrayControl>
-  implements OnInit, OnDestroy
-{
-  protected mapToProps(
-    state: JsonFormsState
-  ): StatePropsOfArrayControl & { translations: ArrayTranslations } {
-    const props = mapStateToArrayControlProps(state, this.getOwnProps());
-    const t =
-      state.jsonforms.i18n?.translate ?? defaultJsonFormsI18nState.translate;
-    const translations = getArrayTranslations(
-      t,
-      arrayDefaultTranslations,
-      props.i18nKeyPrefix,
-      props.label
-    );
-    return { ...props, translations };
-  }
-}
diff --git a/packages/angular/src/library/base.renderer.ts b/packages/angular/src/library/base.renderer.ts
deleted file mode 100644
index 5b283ed03a..0000000000
--- a/packages/angular/src/library/base.renderer.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { Directive, Input, OnDestroy } from '@angular/core';
-import {
-  JsonSchema,
-  OwnPropsOfRenderer,
-  UISchemaElement,
-} from '@jsonforms/core';
-import { Subscription } from 'rxjs';
-
-@Directive()
-export class JsonFormsBaseRenderer<T extends UISchemaElement>
-  implements OnDestroy
-{
-  @Input() uischema: T;
-  @Input() schema: JsonSchema;
-  @Input() path: string;
-  protected subscriptions: Subscription = new Subscription();
-
-  protected addSubscription(subscription: Subscription | Subscription[]) {
-    if (Array.isArray(subscription)) {
-      subscription.forEach((sub) => this.subscriptions.add(sub));
-    } else {
-      this.subscriptions.add(subscription);
-    }
-  }
-
-  protected getOwnProps(): OwnPropsOfRenderer {
-    return {
-      uischema: this.uischema,
-      schema: this.schema,
-      path: this.path,
-    };
-  }
-
-  ngOnDestroy(): void {
-    this.subscriptions.unsubscribe();
-  }
-}
diff --git a/packages/angular/src/library/control.ts b/packages/angular/src/library/control.ts
deleted file mode 100644
index 80aa166648..0000000000
--- a/packages/angular/src/library/control.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-/*
-  The MIT License
-
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import {
-  JsonFormsState,
-  mapStateToControlProps,
-  mapStateToControlWithDetailProps,
-  StatePropsOfControl,
-  StatePropsOfControlWithDetail,
-} from '@jsonforms/core';
-import type { OnDestroy, OnInit } from '@angular/core';
-import { JsonFormsAbstractControl } from './abstract-control';
-
-export class JsonFormsControl
-  extends JsonFormsAbstractControl<StatePropsOfControl>
-  implements OnInit, OnDestroy
-{
-  protected mapToProps(state: JsonFormsState): StatePropsOfControl {
-    const props = mapStateToControlProps(state, this.getOwnProps());
-    return { ...props };
-  }
-}
-
-export class JsonFormsControlWithDetail
-  extends JsonFormsAbstractControl<StatePropsOfControlWithDetail>
-  implements OnInit, OnDestroy
-{
-  protected mapToProps(state: JsonFormsState): StatePropsOfControlWithDetail {
-    const props = mapStateToControlWithDetailProps(state, this.getOwnProps());
-    return { ...props };
-  }
-}
diff --git a/packages/angular/src/library/index.ts b/packages/angular/src/library/index.ts
deleted file mode 100644
index c68de6b6b5..0000000000
--- a/packages/angular/src/library/index.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2020 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-export * from './base.renderer';
-export * from './control';
-export * from './array-control';
-export * from './jsonforms.component';
-export * from './jsonforms.module';
-export * from './unknown.component';
-export * from './jsonforms.service';
-export * from './jsonforms-root.component';
-export * from './abstract-control';
diff --git a/packages/angular/src/library/jsonforms-root.component.ts b/packages/angular/src/library/jsonforms-root.component.ts
deleted file mode 100644
index 1150a75436..0000000000
--- a/packages/angular/src/library/jsonforms-root.component.ts
+++ /dev/null
@@ -1,209 +0,0 @@
-/*
-  The MIT License
-
-  Copyright (c) 2017-2020 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import {
-  Component,
-  DoCheck,
-  EventEmitter,
-  Input,
-  OnChanges,
-  OnDestroy,
-  OnInit,
-  Output,
-  SimpleChanges,
-} from '@angular/core';
-import {
-  Actions,
-  JsonFormsI18nState,
-  JsonFormsRendererRegistryEntry,
-  JsonSchema,
-  Middleware,
-  UISchemaElement,
-  UISchemaTester,
-  ValidationMode,
-  defaultMiddleware,
-} from '@jsonforms/core';
-import Ajv, { ErrorObject } from 'ajv';
-import { JsonFormsAngularService, USE_STATE_VALUE } from './jsonforms.service';
-import { Subscription } from 'rxjs';
-
-// TODO Can this be rewritten to not use DoCheck and OnChanges?
-/* eslint-disable @angular-eslint/no-conflicting-lifecycle */
-@Component({
-  selector: 'jsonforms',
-  template: '<jsonforms-outlet></jsonforms-outlet>',
-  providers: [JsonFormsAngularService],
-})
-export class JsonForms implements DoCheck, OnChanges, OnInit, OnDestroy {
-  @Input() uischema: UISchemaElement;
-  @Input() schema: JsonSchema;
-  @Input() data: any;
-  @Input() renderers: JsonFormsRendererRegistryEntry[];
-  @Input() uischemas: { tester: UISchemaTester; uischema: UISchemaElement }[];
-  @Output() dataChange = new EventEmitter<any>();
-  @Input() readonly: boolean;
-  @Input() validationMode: ValidationMode;
-  @Input() ajv: Ajv;
-  @Input() config: any;
-  @Input() i18n: JsonFormsI18nState;
-  @Input() additionalErrors: ErrorObject[];
-  @Input() middleware: Middleware = defaultMiddleware;
-  @Output() errors = new EventEmitter<ErrorObject[]>();
-
-  private previousData: any;
-  private previousErrors: ErrorObject[];
-  subscription: Subscription;
-
-  private initialized = false;
-  oldI18N: JsonFormsI18nState;
-
-  constructor(private jsonformsService: JsonFormsAngularService) {}
-
-  ngOnInit(): void {
-    this.jsonformsService.init(
-      {
-        core: {
-          data: this.data,
-          uischema: this.uischema,
-          schema: this.schema,
-          ajv: this.ajv,
-          validationMode: this.validationMode,
-          additionalErrors: this.additionalErrors,
-        },
-        uischemas: this.uischemas,
-        i18n: this.i18n,
-        renderers: this.renderers,
-        config: this.config,
-        readonly: this.readonly,
-      },
-      this.middleware
-    );
-    this.subscription = this.jsonformsService.$state.subscribe((state) => {
-      const data = state?.jsonforms?.core?.data;
-      const errors = state?.jsonforms?.core?.errors;
-      if (this.previousData !== data) {
-        this.previousData = data;
-        this.dataChange.emit(data);
-      }
-      if (this.previousErrors !== errors) {
-        this.previousErrors = errors;
-        this.errors.emit(errors);
-      }
-    });
-    this.oldI18N = this.i18n;
-    this.initialized = true;
-  }
-
-  ngDoCheck(): void {
-    // we can't use ngOnChanges as then nested i18n changes will not be detected
-    // the update will result in a no-op when the parameters did not change
-    if (
-      this.oldI18N?.locale !== this.i18n?.locale ||
-      this.oldI18N?.translate !== this.i18n?.translate ||
-      this.oldI18N?.translateError !== this.i18n?.translateError
-    ) {
-      this.jsonformsService.updateI18n(
-        Actions.updateI18n(
-          this.oldI18N?.locale === this.i18n?.locale
-            ? this.jsonformsService.getState().jsonforms.i18n.locale
-            : this.i18n?.locale,
-          this.oldI18N?.translate === this.i18n?.translate
-            ? this.jsonformsService.getState().jsonforms.i18n.translate
-            : this.i18n?.translate,
-          this.oldI18N?.translateError === this.i18n?.translateError
-            ? this.jsonformsService.getState().jsonforms.i18n.translateError
-            : this.i18n?.translateError
-        )
-      );
-      this.oldI18N = this.i18n;
-    }
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    if (!this.initialized) {
-      return;
-    }
-    const newData = changes.data;
-    const newSchema = changes.schema;
-    const newUiSchema = changes.uischema;
-    const newRenderers = changes.renderers;
-    const newUischemas = changes.uischemas;
-    const newI18n = changes.i18n;
-    const newReadonly = changes.readonly;
-    const newValidationMode = changes.validationMode;
-    const newAjv = changes.ajv;
-    const newConfig = changes.config;
-    const newAdditionalErrors = changes.additionalErrors;
-
-    if (
-      newData ||
-      newSchema ||
-      newUiSchema ||
-      newValidationMode ||
-      newAjv ||
-      newAdditionalErrors
-    ) {
-      this.jsonformsService.updateCoreState(
-        newData ? newData.currentValue : USE_STATE_VALUE,
-        newSchema ? newSchema.currentValue : USE_STATE_VALUE,
-        newUiSchema ? newUiSchema.currentValue : USE_STATE_VALUE,
-        newAjv ? newAjv.currentValue : USE_STATE_VALUE,
-        newValidationMode ? newValidationMode.currentValue : USE_STATE_VALUE,
-        newAdditionalErrors ? newAdditionalErrors.currentValue : USE_STATE_VALUE
-      );
-    }
-
-    if (newRenderers && !newRenderers.isFirstChange()) {
-      this.jsonformsService.setRenderers(newRenderers.currentValue);
-    }
-
-    if (newUischemas && !newUischemas.isFirstChange()) {
-      this.jsonformsService.setUiSchemas(newUischemas.currentValue);
-    }
-
-    if (newI18n && !newI18n.isFirstChange()) {
-      this.jsonformsService.updateI18n(
-        Actions.updateI18n(
-          newI18n.currentValue?.locale,
-          newI18n.currentValue?.translate,
-          newI18n.currentValue?.translateError
-        )
-      );
-    }
-
-    if (newReadonly && !newReadonly.isFirstChange()) {
-      this.jsonformsService.setReadonly(newReadonly.currentValue);
-    }
-
-    if (newConfig && !newConfig.isFirstChange()) {
-      this.jsonformsService.updateConfig(
-        Actions.setConfig(newConfig.currentValue)
-      );
-    }
-  }
-
-  ngOnDestroy(): void {
-    this.subscription.unsubscribe();
-  }
-}
diff --git a/packages/angular/src/library/jsonforms.component.ts b/packages/angular/src/library/jsonforms.component.ts
deleted file mode 100644
index 22a93264bf..0000000000
--- a/packages/angular/src/library/jsonforms.component.ts
+++ /dev/null
@@ -1,153 +0,0 @@
-/*
-  The MIT License
-
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import maxBy from 'lodash/maxBy';
-import {
-  ComponentFactoryResolver,
-  Directive,
-  Input,
-  OnInit,
-  Type,
-  ViewContainerRef,
-} from '@angular/core';
-import {
-  createId,
-  isControl,
-  getConfig,
-  JsonFormsProps,
-  JsonFormsState,
-  JsonSchema,
-  mapStateToJsonFormsRendererProps,
-  OwnPropsOfRenderer,
-  StatePropsOfJsonFormsRenderer,
-  UISchemaElement,
-} from '@jsonforms/core';
-import { UnknownRenderer } from './unknown.component';
-import { JsonFormsBaseRenderer } from './base.renderer';
-import { JsonFormsControl } from './control';
-import { JsonFormsAngularService } from './jsonforms.service';
-
-import { get, isEqual } from 'lodash';
-
-const areEqual = (
-  prevProps: StatePropsOfJsonFormsRenderer,
-  nextProps: StatePropsOfJsonFormsRenderer
-) => {
-  return (
-    get(prevProps, 'renderers.length') === get(nextProps, 'renderers.length') &&
-    get(prevProps, 'cells.length') === get(nextProps, 'cells.length') &&
-    get(prevProps, 'uischemas.length') === get(nextProps, 'uischemas.length') &&
-    get(prevProps, 'schema') === get(nextProps, 'schema') &&
-    isEqual(get(prevProps, 'uischema'), get(nextProps, 'uischema')) &&
-    get(prevProps, 'path') === get(nextProps, 'path')
-  );
-};
-
-@Directive({
-  selector: 'jsonforms-outlet',
-})
-export class JsonFormsOutlet
-  extends JsonFormsBaseRenderer<UISchemaElement>
-  implements OnInit
-{
-  private previousProps: StatePropsOfJsonFormsRenderer;
-
-  constructor(
-    private viewContainerRef: ViewContainerRef,
-    private componentFactoryResolver: ComponentFactoryResolver,
-    private jsonformsService: JsonFormsAngularService
-  ) {
-    super();
-  }
-
-  @Input()
-  set renderProps(renderProps: OwnPropsOfRenderer) {
-    this.path = renderProps.path;
-    this.schema = renderProps.schema;
-    this.uischema = renderProps.uischema;
-    this.update(this.jsonformsService.getState());
-  }
-
-  ngOnInit(): void {
-    this.addSubscription(
-      this.jsonformsService.$state.subscribe({
-        next: (state: JsonFormsState) => this.update(state),
-      })
-    );
-  }
-
-  update(state: JsonFormsState) {
-    const props = mapStateToJsonFormsRendererProps(state, {
-      schema: this.schema,
-      uischema: this.uischema,
-      path: this.path,
-    });
-    if (areEqual(this.previousProps, props)) {
-      return;
-    } else {
-      this.previousProps = props;
-    }
-    const { renderers } = props as JsonFormsProps;
-    const schema: JsonSchema = this.schema || props.schema;
-    const uischema = this.uischema || props.uischema;
-    const testerContext = {
-      rootSchema: props.rootSchema,
-      config: getConfig(state),
-    };
-
-    const renderer = maxBy(renderers, (r) =>
-      r.tester(uischema, schema, testerContext)
-    );
-    let bestComponent: Type<any> = UnknownRenderer;
-    if (
-      renderer !== undefined &&
-      renderer.tester(uischema, schema, testerContext) !== -1
-    ) {
-      bestComponent = renderer.renderer;
-    }
-
-    const componentFactory =
-      this.componentFactoryResolver.resolveComponentFactory(bestComponent);
-    this.viewContainerRef.clear();
-    const currentComponentRef =
-      this.viewContainerRef.createComponent(componentFactory);
-
-    if (currentComponentRef.instance instanceof JsonFormsBaseRenderer) {
-      const instance =
-        currentComponentRef.instance as JsonFormsBaseRenderer<UISchemaElement>;
-      instance.uischema = uischema;
-      instance.schema = schema;
-      instance.path = this.path;
-      if (instance instanceof JsonFormsControl) {
-        const controlInstance = instance as JsonFormsControl;
-        if (controlInstance.id === undefined) {
-          const id = isControl(props.uischema)
-            ? createId(props.uischema.scope)
-            : undefined;
-          (instance as JsonFormsControl).id = id;
-        }
-      }
-    }
-  }
-}
diff --git a/packages/angular/src/library/jsonforms.module.ts b/packages/angular/src/library/jsonforms.module.ts
deleted file mode 100644
index 037af6bc2c..0000000000
--- a/packages/angular/src/library/jsonforms.module.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2020 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { NgModule } from '@angular/core';
-
-import { JsonForms } from './jsonforms-root.component';
-import { JsonFormsOutlet } from './jsonforms.component';
-import { UnknownRenderer } from './unknown.component';
-@NgModule({
-  declarations: [JsonFormsOutlet, UnknownRenderer, JsonForms],
-  exports: [JsonFormsOutlet, JsonForms],
-})
-export class JsonFormsModule {}
diff --git a/packages/angular/src/library/jsonforms.service.ts b/packages/angular/src/library/jsonforms.service.ts
deleted file mode 100644
index 4b299c65ab..0000000000
--- a/packages/angular/src/library/jsonforms.service.ts
+++ /dev/null
@@ -1,328 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2020 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import {
-  Actions,
-  configReducer,
-  CoreActions,
-  coreReducer,
-  generateDefaultUISchema,
-  generateJsonSchema,
-  i18nReducer,
-  JsonFormsRendererRegistryEntry,
-  JsonFormsState,
-  JsonFormsSubStates,
-  JsonSchema,
-  I18nActions,
-  RankedTester,
-  setConfig,
-  SetConfigAction,
-  UISchemaActions,
-  UISchemaElement,
-  uischemaRegistryReducer,
-  UISchemaTester,
-  ValidationMode,
-  updateI18n,
-  Middleware,
-  defaultMiddleware,
-} from '@jsonforms/core';
-import { BehaviorSubject, Observable } from 'rxjs';
-import type { JsonFormsBaseRenderer } from './base.renderer';
-
-import { cloneDeep } from 'lodash';
-import type Ajv from 'ajv';
-import type { ErrorObject } from 'ajv';
-
-export const USE_STATE_VALUE = Symbol('Marker to use state value');
-export class JsonFormsAngularService {
-  private _state: JsonFormsSubStates;
-  private state: BehaviorSubject<JsonFormsState>;
-  private middleware: Middleware;
-
-  init(
-    initialState: JsonFormsSubStates = {
-      core: {
-        data: undefined,
-        schema: undefined,
-        uischema: undefined,
-        validationMode: 'ValidateAndShow',
-        additionalErrors: undefined,
-      },
-    },
-    middleware: Middleware = defaultMiddleware
-  ) {
-    this.middleware = middleware;
-    this._state = initialState;
-    this._state.config = configReducer(
-      undefined,
-      setConfig(this._state.config)
-    );
-    this._state.i18n = i18nReducer(
-      this._state.i18n,
-      updateI18n(
-        this._state.i18n?.locale,
-        this._state.i18n?.translate,
-        this._state.i18n?.translateError
-      )
-    );
-    this.state = new BehaviorSubject({ jsonforms: this._state });
-    const data = initialState.core.data;
-    const schema = initialState.core.schema ?? generateJsonSchema(data);
-    const uischema =
-      initialState.core.uischema ?? generateDefaultUISchema(schema);
-    this.updateCore(Actions.init(data, schema, uischema));
-  }
-
-  get $state(): Observable<JsonFormsState> {
-    if (!this.state) {
-      throw new Error('Please call init first!');
-    }
-    return this.state.asObservable();
-  }
-
-  /**
-   * @deprecated use {@link JsonFormsAngularService.addRenderer}
-   */
-  registerRenderer(
-    renderer: JsonFormsBaseRenderer<UISchemaElement>,
-    tester: RankedTester
-  ): void {
-    this.addRenderer(renderer, tester);
-  }
-  addRenderer(
-    renderer: JsonFormsBaseRenderer<UISchemaElement>,
-    tester: RankedTester
-  ): void {
-    this._state.renderers.push({ renderer, tester });
-    this.updateSubject();
-  }
-
-  /**
-   * @deprecated use {@link JsonFormsAngularService.setRenderer}
-   */
-  registerRenderers(renderers: JsonFormsRendererRegistryEntry[]): void {
-    this.setRenderers(renderers);
-  }
-  setRenderers(renderers: JsonFormsRendererRegistryEntry[]): void {
-    this._state.renderers = renderers;
-    this.updateSubject();
-  }
-
-  /**
-   * @deprecated use {@link JsonFormsAngularService.removeRenderer}
-   */
-  unregisterRenderer(tester: RankedTester): void {
-    this.removeRenderer(tester);
-  }
-  removeRenderer(tester: RankedTester): void {
-    const findIndex = this._state.renderers.findIndex(
-      (v) => v.tester === tester
-    );
-    if (findIndex === -1) {
-      return;
-    }
-    const renderers = this._state.renderers.filter((v) => v.tester !== tester);
-    this._state.renderers = renderers;
-    this.updateSubject();
-  }
-
-  updateValidationMode(validationMode: ValidationMode): void {
-    const coreState = this.middleware(
-      this._state.core,
-      Actions.setValidationMode(validationMode),
-      coreReducer
-    );
-    this._state.core = coreState;
-    this.updateSubject();
-  }
-
-  updateI18n<T extends I18nActions>(i18nAction: T): T {
-    const i18nState = i18nReducer(this._state.i18n, i18nAction);
-    if (i18nState !== this._state.i18n) {
-      this._state.i18n = i18nState;
-      this.updateSubject();
-    }
-    return i18nAction;
-  }
-
-  updateCore<T extends CoreActions>(coreAction: T): T {
-    const coreState = this.middleware(
-      this._state.core,
-      coreAction,
-      coreReducer
-    );
-    if (coreState !== this._state.core) {
-      this._state.core = coreState;
-      this.updateSubject();
-    }
-    return coreAction;
-  }
-
-  /**
-   * @deprecated use {@link JsonFormsAngularService.setUiSchemas}
-   */
-  updateUiSchema<T extends UISchemaActions>(uischemaAction: T): T {
-    const uischemaState = uischemaRegistryReducer(
-      this._state.uischemas,
-      uischemaAction
-    );
-    this._state.uischemas = uischemaState;
-    this.updateSubject();
-    return uischemaAction;
-  }
-
-  setUiSchemas(
-    uischemas: { tester: UISchemaTester; uischema: UISchemaElement }[]
-  ): void {
-    this._state.uischemas = uischemas;
-    this.updateSubject();
-  }
-
-  updateConfig<T extends SetConfigAction>(setConfigAction: T): T {
-    const configState = configReducer(this._state.config, setConfigAction);
-    this._state.config = configState;
-    this.updateSubject();
-    return setConfigAction;
-  }
-
-  setUiSchema(uischema: UISchemaElement | undefined): void {
-    const newUiSchema =
-      uischema ?? generateDefaultUISchema(this._state.core.schema);
-    const coreState = this.middleware(
-      this._state.core,
-      Actions.updateCore(
-        this._state.core.data,
-        this._state.core.schema,
-        newUiSchema
-      ),
-      coreReducer
-    );
-    if (coreState !== this._state.core) {
-      this._state.core = coreState;
-      this.updateSubject();
-    }
-  }
-
-  setSchema(schema: JsonSchema | undefined): void {
-    const coreState = this.middleware(
-      this._state.core,
-      Actions.updateCore(
-        this._state.core.data,
-        schema ?? generateJsonSchema(this._state.core.data),
-        this._state.core.uischema
-      ),
-      coreReducer
-    );
-    if (coreState !== this._state.core) {
-      this._state.core = coreState;
-      this.updateSubject();
-    }
-  }
-
-  setData(data: any): void {
-    const coreState = this.middleware(
-      this._state.core,
-      Actions.updateCore(
-        data,
-        this._state.core.schema,
-        this._state.core.uischema
-      ),
-      coreReducer
-    );
-    if (coreState !== this._state.core) {
-      this._state.core = coreState;
-      this.updateSubject();
-    }
-  }
-
-  getLocale(): string | undefined {
-    return this._state.i18n?.locale;
-  }
-
-  setLocale(locale: string): void {
-    this._state.i18n.locale = locale;
-    this.updateSubject();
-  }
-
-  setReadonly(readonly: boolean): void {
-    this._state.readonly = readonly;
-    this.updateSubject();
-  }
-
-  setMiddleware(middleware: Middleware): void {
-    this._state.middleware = middleware;
-    this.updateSubject();
-  }
-
-  getState(): JsonFormsState {
-    return cloneDeep({ jsonforms: this._state });
-  }
-
-  getConfig(): any {
-    return cloneDeep(this._state.config);
-  }
-
-  refresh(): void {
-    this.updateSubject();
-  }
-
-  updateCoreState(
-    data: any | typeof USE_STATE_VALUE,
-    schema: JsonSchema | typeof USE_STATE_VALUE,
-    uischema: UISchemaElement | typeof USE_STATE_VALUE,
-    ajv: Ajv | typeof USE_STATE_VALUE,
-    validationMode: ValidationMode | typeof USE_STATE_VALUE,
-    additionalErrors: ErrorObject[] | typeof USE_STATE_VALUE
-  ): void {
-    const newData = data === USE_STATE_VALUE ? this._state.core.data : data;
-    const newSchema =
-      schema === USE_STATE_VALUE
-        ? this._state.core.schema
-        : schema ?? generateJsonSchema(newData);
-    const newUischema =
-      uischema === USE_STATE_VALUE
-        ? this._state.core.uischema
-        : uischema ?? generateDefaultUISchema(newSchema);
-    const newAjv = ajv === USE_STATE_VALUE ? this._state.core.ajv : ajv;
-    const newValidationMode =
-      validationMode === USE_STATE_VALUE
-        ? this._state.core.validationMode
-        : validationMode;
-    const newAdditionalErrors =
-      additionalErrors === USE_STATE_VALUE
-        ? this._state.core.additionalErrors
-        : additionalErrors;
-    this.updateCore(
-      Actions.updateCore(newData, newSchema, newUischema, {
-        ajv: newAjv,
-        validationMode: newValidationMode,
-        additionalErrors: newAdditionalErrors,
-      })
-    );
-  }
-
-  private updateSubject(): void {
-    this.state.next({ jsonforms: this._state });
-  }
-}
diff --git a/packages/angular/src/library/unknown.component.ts b/packages/angular/src/library/unknown.component.ts
deleted file mode 100644
index cb51fbe01f..0000000000
--- a/packages/angular/src/library/unknown.component.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import { Component } from '@angular/core';
-@Component({
-  selector: 'unknown.renderer',
-  template: 'No applicable renderer found!',
-})
-export class UnknownRenderer {}
diff --git a/packages/angular/src/public_api.ts b/packages/angular/src/public_api.ts
deleted file mode 100644
index 4b02e6973f..0000000000
--- a/packages/angular/src/public_api.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './library';
diff --git a/packages/angular/test-config/ts-node.config.js b/packages/angular/test-config/ts-node.config.js
deleted file mode 100644
index d2d154370e..0000000000
--- a/packages/angular/test-config/ts-node.config.js
+++ /dev/null
@@ -1,6 +0,0 @@
-// Register ts-node and override ts options for ava
-require('ts-node').register({
-  compilerOptions: {
-    module: 'commonjs',
-  },
-});
diff --git a/packages/angular/test/dummy.test.ts b/packages/angular/test/dummy.test.ts
deleted file mode 100644
index 9936e607af..0000000000
--- a/packages/angular/test/dummy.test.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-/*
-  The MIT License
-  
-  Copyright (c) 2017-2019 EclipseSource Munich
-  https://github.com/eclipsesource/jsonforms
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in
-  all copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-  THE SOFTWARE.
-*/
-import test from 'ava';
-test.todo('dummy');
diff --git a/packages/angular/test/tsconfig.test.json b/packages/angular/test/tsconfig.test.json
deleted file mode 100644
index 8b6cff6dc8..0000000000
--- a/packages/angular/test/tsconfig.test.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "extends": "../../../tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "../dist/test",
-    "target": "es6",
-    "inlineSourceMap": true
-  },
-  "include": ["**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"],
-  "files": ["../src/index.ts"]
-}
diff --git a/packages/angular/tsconfig.cjs.json b/packages/angular/tsconfig.cjs.json
deleted file mode 100644
index b0c215c3d9..0000000000
--- a/packages/angular/tsconfig.cjs.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "extends": "./tsconfig",
-  "compilerOptions": {
-    "outDir": "./lib/cjs",
-    "sourceMap": true,
-    "target": "es5",
-    "module": "commonjs"
-  }
-}
diff --git a/packages/angular/tsconfig.json b/packages/angular/tsconfig.json
deleted file mode 100644
index 64692753aa..0000000000
--- a/packages/angular/tsconfig.json
+++ /dev/null
@@ -1,17 +0,0 @@
-{
-  "extends": "../../tsconfig.base",
-  "compilerOptions": {
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "sourceMap": true,
-  },
-  "exclude": ["node_modules"],
-  "files": ["src/index.ts"],
-  "angularCompilerOptions": {
-    "compilationMode": "partial",
-    "strictMetadataEmit": true,
-    "generateCodeForLibraries": false,
-    "skipTemplateCodegen": true
-  }
-}
diff --git a/packages/vue-vanilla/.eslintrc.js b/packages/vue-vanilla/.eslintrc.js
deleted file mode 100644
index 1b64a113c9..0000000000
--- a/packages/vue-vanilla/.eslintrc.js
+++ /dev/null
@@ -1,35 +0,0 @@
-/* eslint-env node */
-/** @type {import('eslint').Linter.Config} */
-module.exports = {
-  root: true,
-  parser: 'vue-eslint-parser',
-  parserOptions: {
-    ecmaFeatures: {
-      jsx: true,
-    },
-  },
-  // There is no file include in ESLint. Thus, ignore all and include files via negative ignore (!)
-  ignorePatterns: ['/*', '!/src', '!/tests', '!/dev', '!/config'],
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:import/recommended',
-    'plugin:import/typescript',
-    'plugin:vue/vue3-recommended',
-    '@vue/typescript/recommended',
-    'plugin:prettier-vue/recommended',
-  ],
-  rules: {
-    '@typescript-eslint/no-explicit-any': 'off',
-    // Base rule must be disabled to avoid incorrect errors
-    'no-unused-vars': 'off',
-    '@typescript-eslint/no-unused-vars': [
-      'warn', // or "error"
-      {
-        argsIgnorePattern: '^_',
-        varsIgnorePattern: '^_',
-        caughtErrorsIgnorePattern: '^_',
-      },
-    ],
-  },
-};
diff --git a/packages/vue-vanilla/.prettierrc.js b/packages/vue-vanilla/.prettierrc.js
deleted file mode 100644
index 2c26853c4a..0000000000
--- a/packages/vue-vanilla/.prettierrc.js
+++ /dev/null
@@ -1,6 +0,0 @@
-module.exports = {
-  $schema: 'http://json.schemastore.org/prettierrc',
-  singleQuote: true,
-  jsxSingleQuote: true,
-  endOfLine: 'auto',
-};
diff --git a/packages/vue-vanilla/LICENSE b/packages/vue-vanilla/LICENSE
deleted file mode 100644
index 064ca1d9d2..0000000000
--- a/packages/vue-vanilla/LICENSE
+++ /dev/null
@@ -1,22 +0,0 @@
-The MIT License
-
-Copyright (c) 2019 EclipseSource Munich
-https://github.com/eclipsesource/jsonforms
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
diff --git a/packages/vue-vanilla/README.md b/packages/vue-vanilla/README.md
deleted file mode 100644
index ef704d3b24..0000000000
--- a/packages/vue-vanilla/README.md
+++ /dev/null
@@ -1,207 +0,0 @@
-# JSON Forms - More Forms. Less Code
-
-_Complex Forms in the blink of an eye_
-
-JSON Forms eliminates the tedious task of writing fully-featured forms by hand by leveraging the capabilities of JSON, JSON Schema and Javascript.
-
-## Vue Vanilla Renderers
-
-This is the JSON Forms Vue Vanilla renderers package which provides a HTML5-based renderer set for [JSON Forms Vue](https://github.com/eclipsesource/jsonforms/blob/master/packages/vue).
-
-### JSON Forms Vue seed app
-
-See our [JSON Forms Vue seed repository](https://github.com/eclipsesource/jsonforms-vue-seed) to get started as quickly as possible.
-
-### Quick start
-
-Install JSON Forms Core, Vue and Vue Vanilla Renderers
-
-```bash
-npm i --save @jsonforms/core @jsonforms/vue @jsonforms/vue-vanilla
-```
-
-Also add the packages to the transpile dependencies in the `vue.config.js` file:
-
-```js
-module.exports = {
-  transpileDependencies: [
-    '@jsonforms/core',
-    '@jsonforms/vue',
-    '@jsonforms/vue-vanilla',
-  ],
-};
-```
-
-Use the `json-forms` component for each form you want to render and hand over the renderer set.
-
-```vue
-<script>
-import { JsonForms } from '@jsonforms/vue';
-import { vanillaRenderers } from '@jsonforms/vue-vanilla';
-import { defineComponent } from 'vue';
-
-const renderers = [
-  ...vanillaRenderers,
-  // here you can add custom renderers
-];
-
-export default defineComponent({
-  components: {
-    JsonForms,
-  },
-  data() {
-    return {
-      renderers: Object.freeze(renderers),
-
-      data: {
-        number: 5,
-      },
-      schema: {
-        properties: {
-          number: {
-            type: 'number',
-          },
-        },
-      },
-      uischema: {
-        type: 'VerticalLayout',
-        elements: [
-          {
-            type: 'Control',
-            scope: '#/properties/number',
-          },
-        ],
-      },
-    };
-  },
-  methods: {
-    onChange(event) {
-      this.data = event.data;
-    },
-  },
-});
-</script>
-<template>
-  <json-forms
-    :data="data"
-    :schema="schema"
-    :uischema="uischema"
-    :renderers="renderers"
-    @change="onChange"
-  />
-</template>
-```
-
-By default the Vanilla Renderers don't apply any CSS at all.
-For a quick start you can use `@jsonforms/vue-vanilla/vanilla.css`.
-
-For more information on how JSON Forms can be configured, please see the [README of `@jsonforms/vue`](https://github.com/eclipsesource/jsonforms/blob/master/packages/vue/README.md).
-
-### Styling
-
-Each rendered HTML element specifies a CSS class which can be used to style it.
-This process can also be customized so that each element declares user-specified CSS classes.
-Therefore JSON Forms Vue Vanilla can be integrated with any CSS-only UI framework quite easily.
-
-You can find the default CSS classes in `[defaultStyles.ts](https://github.com/eclipsesource/jsonforms/blob/master/packages/vue-vanilla/src/styles/defaultStyles.ts).
-
-To render your own classes simply `provide` them as `styles`.
-These `styles` replace the `defaultStyles`.
-If you want to fall back to `defaultStyles` or combine them with your own classes you'll need to do so programmatically, e.g.:
-
-```vue
-<script>
-import { JsonForms } from '@jsonforms/vue';
-import {
-  defaultStyles,
-  mergeStyles,
-  vanillaRenderers,
-} from '@jsonforms/vue-vanilla';
-import { defineComponent } from 'vue';
-
-// mergeStyles combines all classes from both styles definitions
-const myStyles = mergeStyles(defaultStyles, {
-  control: { root: 'my-control' },
-});
-
-export default defineComponent({
-  name: 'app',
-  components: {
-    JsonForms,
-  },
-  data() {
-    return {
-      renderers: Object.freeze(vanillaRenderers),
-      data: {
-        number: 5,
-      },
-      schema: {
-        properties: {
-          number: {
-            type: 'number',
-          },
-        },
-      },
-      uischema: {
-        type: 'VerticalLayout',
-        elements: [
-          {
-            type: 'Control',
-            scope: '#/properties/number',
-          },
-        ],
-      },
-    };
-  },
-  methods: {
-    onChange(event) {
-      this.data = event.data;
-    },
-  },
-  provide() {
-    return {
-      styles: myStyles,
-    };
-  },
-});
-</script>
-<template>
-  <json-forms
-    :data="data"
-    :schema="schema"
-    :uischema="uischema"
-    :renderers="renderers"
-    @change="onChange"
-  />
-</template>
-```
-
-You can also use specify styles in the ui schema via the `options.styles` property.
-Attributes specified here override the respective `defaultStyles` or provided `styles`.
-Attributes not specified here fall back to either the `defaultStyles` or provided `styles`.
-
-```js
-{
-  "type": "Control",
-  "scope": "#/properties/name",
-  "options": {
-    "styles": {
-      "control": {
-        "root": "my-control-root"
-      }
-    }
-  }
-}
-```
-
-## License
-
-The JSONForms project is licensed under the MIT License. See the [LICENSE file](https://github.com/eclipsesource/jsonforms/blob/master/LICENSE) for more information.
-
-## Roadmap
-
-Our current roadmap is available [here](https://github.com/eclipsesource/jsonforms/blob/master/ROADMAP.md).
-
-## Migration
-
-See our [migration guide](https://github.com/eclipsesource/jsonforms/blob/master/MIGRATION.md) when updating JSON Forms.
diff --git a/packages/vue-vanilla/babel.config.js b/packages/vue-vanilla/babel.config.js
deleted file mode 100644
index 493d815d04..0000000000
--- a/packages/vue-vanilla/babel.config.js
+++ /dev/null
@@ -1,12 +0,0 @@
-const devPresets = ['@vue/cli-plugin-babel/preset'];
-const buildPresets = ['@babel/preset-env', '@babel/preset-typescript'];
-module.exports = {
-  presets: process.env.NODE_ENV === 'production' ? buildPresets : devPresets,
-  plugins:
-    process.env.NODE_ENV === 'test'
-      ? [
-          '@babel/plugin-proposal-optional-chaining',
-          '@babel/plugin-proposal-nullish-coalescing-operator',
-        ]
-      : [],
-};
diff --git a/packages/vue-vanilla/config/jsonforms.ts b/packages/vue-vanilla/config/jsonforms.ts
deleted file mode 100644
index 7f996761ad..0000000000
--- a/packages/vue-vanilla/config/jsonforms.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from '@jsonforms/vue';
diff --git a/packages/vue-vanilla/dev/components/App.vue b/packages/vue-vanilla/dev/components/App.vue
deleted file mode 100644
index 59dc1afd0b..0000000000
--- a/packages/vue-vanilla/dev/components/App.vue
+++ /dev/null
@@ -1,219 +0,0 @@
-<script lang="ts">
-import { defineComponent } from 'vue';
-import { JsonForms, JsonFormsChangeEvent } from '../../config/jsonforms';
-import { vanillaRenderers, mergeStyles, defaultStyles } from '../../src';
-import '../../vanilla.css';
-import { ErrorObject } from 'ajv';
-import { getExamples } from '../../../examples';
-import get from 'lodash/get';
-
-// mergeStyles combines all classes from both styles definitions into one
-const myStyles = mergeStyles(defaultStyles, {
-  control: { root: 'my-control' },
-});
-
-const examples = getExamples();
-
-export default defineComponent({
-  name: 'App',
-  components: {
-    JsonForms,
-  },
-  provide() {
-    return {
-      styles: myStyles,
-    };
-  },
-  data: function () {
-    const additionalErrors: ErrorObject[] = [];
-    return {
-      data: {},
-      renderers: Object.freeze(vanillaRenderers),
-      currentExampleName: examples[0].name,
-      examples,
-      i18n: examples[0].i18n,
-      additionalErrors,
-    };
-  },
-  computed: {
-    example() {
-      const name = (this as any).currentExampleName;
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      return examples.find((ex) => ex.name === name)!;
-    },
-  },
-  beforeMount() {
-    const searchURL = new URL(String(window.location));
-    const name = searchURL.hash?.substring(1);
-    const exists = name && examples.find((ex) => ex.name === name);
-    if (name && exists) {
-      this.currentExampleName = name;
-    }
-  },
-  methods: {
-    onChange(event: JsonFormsChangeEvent) {
-      console.log(event);
-      this.data = event.data;
-
-      const searchURL = new URL(String(window.location));
-      searchURL.hash = this.currentExampleName;
-      window.history.pushState({}, '', searchURL);
-    },
-    onExampleChange(event: any) {
-      this.currentExampleName = event.target.value;
-    },
-    translationChange(event: any) {
-      try {
-        const input = JSON.parse(event.target.value);
-        (this as any).i18n.translate = (
-          key: string,
-          defaultMessage: string | undefined
-        ) => {
-          const translated = get(input, key) as string;
-          return translated ?? defaultMessage;
-        };
-      } catch (error) {
-        console.log('invalid translation input');
-      }
-    },
-  },
-});
-</script>
-
-<template>
-  <div class="container">
-    <header>
-      <h1>Welcome to JSON Forms with Vue Vanilla</h1>
-      <p>More Forms. Less Code.</p>
-    </header>
-
-    <aside class="example-selector">
-      <div class="data">
-        <details>
-          <summary>data</summary>
-          <pre
-            >{{ JSON.stringify(data, null, 2) }}
-          </pre>
-        </details>
-
-        <details>
-          <summary>schema</summary>
-          <pre
-            >{{ JSON.stringify(example.schema, null, 2) }}
-          </pre>
-        </details>
-
-        <details>
-          <summary>uischema</summary>
-          <pre
-            >{{ JSON.stringify(example.uischema, null, 2) }}
-          </pre>
-        </details>
-
-        <h5>i18n translator</h5>
-        <textarea @change="translationChange"></textarea>
-      </div>
-    </aside>
-
-    <div class="tools">
-      <h4>Select Example:</h4>
-      <select v-model="currentExampleName" @change="onExampleChange($event)">
-        <option
-          v-for="option in examples"
-          :key="option.name"
-          :value="option.name"
-          :label="option.label"
-        >
-          {{ option.label }}
-        </option>
-      </select>
-    </div>
-
-    <main class="form">
-      <article>
-        <json-forms
-          :key="example.name"
-          :data="example.data"
-          :schema="example.schema"
-          :uischema="example.uischema"
-          :renderers="renderers"
-          :i18n="example.i18n"
-          :additional-errors="additionalErrors"
-          @change="onChange"
-        >
-        </json-forms>
-      </article>
-    </main>
-  </div>
-</template>
-
-<style scoped>
-.container {
-  display: grid;
-  grid-template-columns: 0 30% auto 0;
-  grid-column-gap: 2rem;
-  grid-row-gap: 1rem;
-  grid-template-areas:
-    'header header header header'
-    '. tools tools .'
-    '. aside main .';
-}
-.container > header {
-  grid-area: header;
-
-  background-color: #00021e;
-  padding: 2rem;
-  color: white;
-  text-align: center;
-}
-.container > aside {
-  grid-area: aside;
-}
-.container > main {
-  grid-area: main;
-}
-.container > .tools {
-  grid-area: tools;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 1rem;
-}
-
-aside .data {
-  background-color: white;
-  padding: 2rem;
-}
-aside summary,
-aside h5 {
-  font-size: 0.83em;
-  font-weight: bold;
-  margin: 0 0 1em;
-}
-aside summary {
-  cursor: default;
-}
-aside details pre {
-  background: #eee;
-  border: 0;
-  min-height: 300px;
-  max-height: 500px;
-  overflow: scroll;
-}
-
-main article {
-  background-color: white;
-  padding: 1rem;
-}
-</style>
-
-
-<style>
-body {
-  margin: 0;
-  padding: 0;
-  font-family: sans-serif;
-  background: #f3f4fa;
-}
-</style>
diff --git a/packages/vue-vanilla/dev/serve.ts b/packages/vue-vanilla/dev/serve.ts
deleted file mode 100644
index 61d57934c4..0000000000
--- a/packages/vue-vanilla/dev/serve.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { createApp } from 'vue';
-import App from './components/App.vue';
-
-createApp(App).mount('#app');
diff --git a/packages/vue-vanilla/example/index.bundled.html b/packages/vue-vanilla/example/index.bundled.html
deleted file mode 100644
index 43e5e652df..0000000000
--- a/packages/vue-vanilla/example/index.bundled.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <title>JSON Forms Vue Vanilla RendererSet</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="stylesheet" href="bundle.css" />
-  </head>
-
-  <body>
-    <div id="app"></div>
-  </body>
-  <script src="bundle.js"></script>
-</html>
diff --git a/packages/vue-vanilla/package.json b/packages/vue-vanilla/package.json
deleted file mode 100644
index 840f749a7c..0000000000
--- a/packages/vue-vanilla/package.json
+++ /dev/null
@@ -1,100 +0,0 @@
-{
-  "name": "@jsonforms/vue-vanilla",
-  "version": "3.4.1",
-  "description": "Vue 3 Vanilla renderers for JSON Forms",
-  "repository": "https://github.com/eclipsesource/jsonforms",
-  "bugs": "https://github.com/eclipsesource/jsonforms/issues",
-  "homepage": "http://jsonforms.io/",
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  },
-  "keywords": [
-    "vue",
-    "vue3",
-    "vue 3",
-    "form",
-    "forms",
-    "json",
-    "jsonforms",
-    "frontend",
-    "generator",
-    "input",
-    "renderengine",
-    "jsonschema",
-    "schema",
-    "uischema",
-    "layout",
-    "customization",
-    "html5",
-    "css",
-    "tailwind"
-  ],
-  "main": "lib/jsonforms-vue-vanilla.cjs.js",
-  "module": "lib/jsonforms-vue-vanilla.esm.js",
-  "types": "lib/src/index.d.ts",
-  "files": [
-    "lib/*",
-    "src/*",
-    "vanilla.css"
-  ],
-  "scripts": {
-    "serve": "vue-cli-service serve dev/serve.ts",
-    "build": "cross-env NODE_ENV=production rollup --config rollup.config.js",
-    "build:examples-app": "rollup -c rollup.example.config.js",
-    "clean": "rimraf lib example/dist",
-    "lint": "eslint .",
-    "lint:fix": "eslint --fix .",
-    "doc": "typedoc --name 'JSON Forms Vue Vanilla Renderers' --out docs src",
-    "test": "vue-cli-service test:unit"
-  },
-  "dependencies": {
-    "lodash": "^4.17.21"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.9.0",
-    "@babel/preset-env": "^7.9.5",
-    "@babel/preset-typescript": "^7.9.0",
-    "@jsonforms/core": "workspace:*",
-    "@jsonforms/vue": "workspace:*",
-    "@types/chai": "^4.2.11",
-    "@types/jest": "^27.4.1",
-    "@types/mocha": "^5.2.4",
-    "@types/node": "^18.19.4",
-    "@typescript-eslint/eslint-plugin": "^5.54.1",
-    "@typescript-eslint/parser": "^5.54.1",
-    "@vue/cli-plugin-babel": "~5.0.8",
-    "@vue/cli-plugin-typescript": "~5.0.8",
-    "@vue/cli-plugin-unit-mocha": "~5.0.8",
-    "@vue/cli-service": "~5.0.8",
-    "@vue/eslint-config-typescript": "^11.0.2",
-    "@vue/test-utils": "^2.4.5",
-    "chai": "^4.1.2",
-    "cross-env": "^7.0.2",
-    "eslint": "^8.56.0",
-    "eslint-config-prettier": "^8.7.0",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-prettier-vue": "^4.2.0",
-    "eslint-plugin-vue": "^9.9.0",
-    "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.4",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.78.0",
-    "rollup-plugin-babel": "^4.4.0",
-    "rollup-plugin-cleanup": "^3.2.1",
-    "rollup-plugin-typescript2": "^0.34.1",
-    "rollup-plugin-visualizer": "^5.4.1",
-    "rollup-plugin-vue": "^6.0.0",
-    "symlink-dir": "^5.0.0",
-    "tslib": "^2.5.0",
-    "typedoc": "~0.25.3",
-    "typescript": "~5.2.2",
-    "vue": "^3.4.21",
-    "vue-jest": "^5.0.0-0"
-  },
-  "peerDependencies": {
-    "@jsonforms/core": "3.4.1",
-    "@jsonforms/vue": "3.4.1",
-    "vue": "^3.2.26"
-  }
-}
diff --git a/packages/vue-vanilla/rollup.config.js b/packages/vue-vanilla/rollup.config.js
deleted file mode 100644
index 7ff07e13b8..0000000000
--- a/packages/vue-vanilla/rollup.config.js
+++ /dev/null
@@ -1,84 +0,0 @@
-import vue from 'rollup-plugin-vue';
-import alias from '@rollup/plugin-alias';
-import babel from 'rollup-plugin-babel';
-import typescript from 'rollup-plugin-typescript2';
-import cleanup from 'rollup-plugin-cleanup';
-import { visualizer } from 'rollup-plugin-visualizer';
-
-const packageJson = require('./package.json');
-
-const baseConfig = {
-  input: 'src/index.ts',
-  external: [
-    ...Object.keys(packageJson.dependencies),
-    ...Object.keys(packageJson.peerDependencies),
-    /^lodash\/.*/,
-  ],
-};
-
-const buildFormats = [
-  {
-    ...baseConfig,
-    output: {
-      file: packageJson.module,
-      format: 'esm',
-      sourcemap: true,
-    },
-    plugins: [
-      typescript({
-        tsconfigOverride: {
-          include: null,
-          exclude: ['node_modules', 'tests', 'dev'],
-        },
-      }),
-      alias({
-        resolve: ['.js', '.jsx', '.ts', '.tsx', '.vue'],
-      }),
-      vue({
-        css: false,
-        template: {
-          isProduction: true,
-        },
-      }),
-      babel({
-        exclude: 'node_modules/**',
-        extensions: ['.js', '.jsx', '.ts', '.tsx', '.vue'],
-      }),
-      cleanup({ extensions: ['js', 'ts', 'jsx', 'tsx', 'vue'] }),
-      visualizer({ open: false }),
-    ],
-  },
-  {
-    ...baseConfig,
-    output: {
-      file: packageJson.main,
-      format: 'cjs',
-      sourcemap: true,
-    },
-    plugins: [
-      typescript({
-        tsconfigOverride: {
-          include: null,
-          exclude: ['node_modules', 'tests', 'dev'],
-          target: 'ES5',
-        },
-      }),
-      alias({
-        resolve: ['.js', '.jsx', '.ts', '.tsx', '.vue'],
-      }),
-      vue({
-        css: false,
-        template: {
-          isProduction: true,
-        },
-      }),
-      babel({
-        exclude: 'node_modules/**',
-        extensions: ['.js', '.jsx', '.ts', '.tsx', '.vue'],
-      }),
-      cleanup({ extensions: ['js', 'ts', 'jsx', 'tsx', 'vue'] }),
-    ],
-  },
-];
-
-export default buildFormats;
diff --git a/packages/vue-vanilla/rollup.example.config.js b/packages/vue-vanilla/rollup.example.config.js
deleted file mode 100644
index 54b0d6d5ae..0000000000
--- a/packages/vue-vanilla/rollup.example.config.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import commonjs from '@rollup/plugin-commonjs';
-import json from '@rollup/plugin-json';
-import nodeResolve from '@rollup/plugin-node-resolve';
-import replace from '@rollup/plugin-replace';
-import copy from 'rollup-plugin-copy';
-import css from 'rollup-plugin-import-css';
-import typescript from 'rollup-plugin-typescript2';
-import vue from 'rollup-plugin-vue';
-
-/**
- * @type {import('rollup').RollupOptions}
- */
-const config = {
-  input: 'dev/serve.ts',
-  output: {
-    file: 'example/dist/bundle.js',
-    format: 'iife',
-    sourcemap: true,
-  },
-  plugins: [
-    replace({
-      'process.env.NODE_ENV': JSON.stringify('production'),
-      preventAssignment: true, // recommended to be set by library to be forward compatible
-    }),
-    vue(),
-    nodeResolve({ browser: true }),
-    // Transform mixed because some JsonForms modules use import and require
-    commonjs({ transformMixedEsModules: true }),
-    css({
-      output: 'bundle.css',
-    }),
-    json(),
-    typescript({
-      tsconfigOverride: {
-        include: null,
-        compilerOptions: {
-          // Do not emit typescript declarations for our bundled example app
-          declaration: false,
-        },
-      },
-    }),
-    copy({
-      targets: [
-        {
-          src: 'example/index.bundled.html',
-          dest: 'example/dist',
-          rename: () => 'index.html',
-        },
-      ],
-    }),
-  ],
-};
-
-export default config;
diff --git a/packages/vue-vanilla/shims-vue.d.ts b/packages/vue-vanilla/shims-vue.d.ts
deleted file mode 100644
index 907465b245..0000000000
--- a/packages/vue-vanilla/shims-vue.d.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue';
-  const component: DefineComponent<{}, {}, any>;
-  export default component;
-
-  export const entry;
-}
diff --git a/packages/vue-vanilla/src/array/ArrayListElement.vue b/packages/vue-vanilla/src/array/ArrayListElement.vue
deleted file mode 100644
index 01df843f55..0000000000
--- a/packages/vue-vanilla/src/array/ArrayListElement.vue
+++ /dev/null
@@ -1,125 +0,0 @@
-<template>
-  <div :class="styles.arrayList.item">
-    <div :class="toolbarClasses" @click="expandClicked">
-      <div :class="styles.arrayList.itemLabel">{{ label }}</div>
-      <button
-        :disabled="!moveUpEnabled"
-        :class="styles.arrayList.itemMoveUp"
-        type="button"
-        @click="moveUpClicked"
-      >
-        ↑
-      </button>
-      <button
-        :disabled="!moveDownEnabled"
-        :class="styles.arrayList.itemMoveDown"
-        type="button"
-        @click="moveDownClicked"
-      >
-        ↓
-      </button>
-      <button
-        :disabled="!deleteEnabled"
-        :class="styles.arrayList.itemDelete"
-        type="button"
-        @click="deleteClicked"
-      >
-        🗙
-      </button>
-    </div>
-    <div :class="contentClasses">
-      <slot></slot>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, PropType } from 'vue';
-import { classes, Styles } from '../styles';
-
-const listItem = defineComponent({
-  name: 'ArrayListElement',
-  props: {
-    initiallyExpanded: {
-      required: false,
-      type: Boolean,
-      default: false,
-    },
-    label: {
-      required: false,
-      type: String,
-      default: '',
-    },
-    moveUpEnabled: {
-      required: false,
-      type: Boolean,
-      default: true,
-    },
-    moveDownEnabled: {
-      required: false,
-      type: Boolean,
-      default: true,
-    },
-    moveUp: {
-      required: false,
-      type: Function,
-      default: undefined,
-    },
-    moveDown: {
-      required: false,
-      type: Function,
-      default: undefined,
-    },
-    deleteEnabled: {
-      required: false,
-      type: Boolean,
-      default: true,
-    },
-    delete: {
-      required: false,
-      type: Function,
-      default: undefined,
-    },
-    styles: {
-      required: true,
-      type: Object as PropType<Styles>,
-    },
-  },
-  data() {
-    return {
-      expanded: this.initiallyExpanded,
-    };
-  },
-  computed: {
-    contentClasses(): string {
-      return classes`${this.styles.arrayList.itemContent} ${
-        this.expanded && this.styles.arrayList.itemExpanded
-      }`;
-    },
-    toolbarClasses(): string {
-      return classes`${this.styles.arrayList.itemToolbar} ${
-        this.expanded && this.styles.arrayList.itemExpanded
-      }`;
-    },
-  },
-  methods: {
-    expandClicked(): void {
-      this.expanded = !this.expanded;
-    },
-    moveUpClicked(event: Event): void {
-      event.stopPropagation();
-      this.moveUp?.();
-    },
-    moveDownClicked(event: Event): void {
-      event.stopPropagation();
-      this.moveDown?.();
-    },
-    deleteClicked(event: Event): void {
-      event.stopPropagation();
-      this.delete?.();
-    },
-  },
-});
-
-export default listItem;
-</script>
diff --git a/packages/vue-vanilla/src/array/ArrayListRenderer.vue b/packages/vue-vanilla/src/array/ArrayListRenderer.vue
deleted file mode 100644
index b54376e682..0000000000
--- a/packages/vue-vanilla/src/array/ArrayListRenderer.vue
+++ /dev/null
@@ -1,141 +0,0 @@
-<template>
-  <fieldset v-if="control.visible" :class="styles.arrayList.root">
-    <legend :class="styles.arrayList.legend">
-      <button
-        :class="styles.arrayList.addButton"
-        type="button"
-        :disabled="
-          !control.enabled || (appliedOptions.restrict && maxItemsReached)
-        "
-        @click="addButtonClick"
-      >
-        +
-      </button>
-      <label :class="styles.arrayList.label">
-        {{ control.label }}
-      </label>
-    </legend>
-    <div
-      v-for="(element, index) in control.data"
-      :key="`${control.path}-${index}`"
-      :class="styles.arrayList.itemWrapper"
-    >
-      <array-list-element
-        :move-up="moveUp(control.path, index)"
-        :move-up-enabled="control.enabled && index > 0"
-        :move-down="moveDown(control.path, index)"
-        :move-down-enabled="control.enabled && index < control.data.length - 1"
-        :delete-enabled="control.enabled && !minItemsReached"
-        :delete="removeItems(control.path, [index])"
-        :label="childLabelForIndex(index)"
-        :styles="styles"
-      >
-        <dispatch-renderer
-          :schema="control.schema"
-          :uischema="childUiSchema"
-          :path="composePaths(control.path, `${index}`)"
-          :enabled="control.enabled"
-          :renderers="control.renderers"
-          :cells="control.cells"
-        />
-      </array-list-element>
-    </div>
-    <div v-if="noData" :class="styles.arrayList.noData">
-      {{ translations.noDataMessage }}
-    </div>
-  </fieldset>
-</template>
-
-<script lang="ts">
-import {
-  composePaths,
-  createDefaultValue,
-  JsonFormsRendererRegistryEntry,
-  rankWith,
-  ControlElement,
-  schemaTypeIs,
-  Resolve,
-  JsonSchema,
-  JsonFormsSubStates,
-  arrayDefaultTranslations,
-  getArrayTranslations,
-  defaultJsonFormsI18nState,
-} from '@jsonforms/core';
-import { defineComponent, inject } from 'vue';
-import {
-  DispatchRenderer,
-  rendererProps,
-  useJsonFormsArrayControl,
-  RendererProps,
-} from '../../config/jsonforms';
-import { useVanillaArrayControl } from '../util';
-import ArrayListElement from './ArrayListElement.vue';
-
-const controlRenderer = defineComponent({
-  name: 'ArrayListRenderer',
-  components: {
-    ArrayListElement,
-    DispatchRenderer,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVanillaArrayControl(useJsonFormsArrayControl(props));
-  },
-  computed: {
-    noData(): boolean {
-      return !this.control.data || this.control.data.length === 0;
-    },
-    arraySchema(): JsonSchema | undefined {
-      return Resolve.schema(
-        this.schema,
-        this.control.uischema.scope,
-        this.control.rootSchema
-      );
-    },
-    maxItemsReached(): boolean | undefined {
-      return (
-        this.arraySchema !== undefined &&
-        this.arraySchema.maxItems !== undefined &&
-        this.control.data !== undefined &&
-        this.control.data.length >= this.arraySchema.maxItems
-      );
-    },
-    minItemsReached(): boolean | undefined {
-      return (
-        this.arraySchema !== undefined &&
-        this.arraySchema.minItems !== undefined &&
-        this.control.data !== undefined &&
-        this.control.data.length <= this.arraySchema.minItems
-      );
-    },
-    translations(): any {
-      const jsonforms = inject<JsonFormsSubStates>('jsonforms');
-      return getArrayTranslations(
-        jsonforms?.i18n?.translate ?? defaultJsonFormsI18nState.translate,
-        arrayDefaultTranslations,
-        this.control.i18nKeyPrefix,
-        this.control.label
-      );
-    },
-  },
-  methods: {
-    composePaths,
-    createDefaultValue,
-    addButtonClick() {
-      this.addItem(
-        this.control.path,
-        createDefaultValue(this.control.schema, this.control.rootSchema)
-      )();
-    },
-  },
-});
-
-export default controlRenderer;
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(2, schemaTypeIs('array')),
-};
-</script>
diff --git a/packages/vue-vanilla/src/array/index.ts b/packages/vue-vanilla/src/array/index.ts
deleted file mode 100644
index 83d9c90291..0000000000
--- a/packages/vue-vanilla/src/array/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export { default as ArrayListRenderer } from './ArrayListRenderer.vue';
-
-import { entry as arrayListRendererEntry } from './ArrayListRenderer.vue';
-
-export const arrayRenderers = [arrayListRendererEntry];
diff --git a/packages/vue-vanilla/src/complex/EnumArrayRenderer.vue b/packages/vue-vanilla/src/complex/EnumArrayRenderer.vue
deleted file mode 100644
index a0e0edcad8..0000000000
--- a/packages/vue-vanilla/src/complex/EnumArrayRenderer.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-<template>
-  <div v-for="(checkElement, index) in control.options" :key="index">
-    <input
-      :id="control.id + `-input-${index}`"
-      type="checkbox"
-      :class="styles.control.input"
-      :value="checkElement.value"
-      :checked="dataHasEnum(checkElement.value)"
-      :disabled="!control.enabled"
-      :placeholder="appliedOptions?.placeholder"
-      @change="(event) => toggle(checkElement.value, event.target.checked)"
-    />
-    <label :for="control.id + `-input-${index}`">
-      {{ checkElement.label }}
-    </label>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue';
-import {
-  RendererProps,
-  rendererProps,
-  useJsonFormsMultiEnumControl,
-} from '@jsonforms/vue';
-import {
-  ControlElement,
-  JsonFormsRendererRegistryEntry,
-  rankWith,
-  uiTypeIs,
-  and,
-  schemaMatches,
-  hasType,
-  schemaSubPathMatches,
-  JsonSchema,
-} from '@jsonforms/core';
-import { useVanillaArrayControl } from '../util';
-
-const controlRenderer = defineComponent({
-  name: 'EnumArrayRenderer',
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    const control = useJsonFormsMultiEnumControl(props);
-
-    return useVanillaArrayControl(control);
-  },
-  methods: {
-    dataHasEnum(value: any): boolean {
-      return !!this.control.data?.includes(value);
-    },
-    toggle(value: any, checked: boolean): void {
-      if (checked) {
-        this.addItem(this.control.path, value);
-      } else {
-        this.removeItem?.(this.control.path, value);
-      }
-    },
-  },
-});
-
-export default controlRenderer;
-
-const hasOneOfItems = (schema: JsonSchema): boolean =>
-  schema.oneOf !== undefined &&
-  schema.oneOf.length > 0 &&
-  (schema.oneOf as JsonSchema[]).every((entry: JsonSchema) => {
-    return entry.const !== undefined;
-  });
-
-const hasEnumItems = (schema: JsonSchema): boolean =>
-  schema.type === 'string' && schema.enum !== undefined;
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(
-    5,
-    and(
-      uiTypeIs('Control'),
-      and(
-        schemaMatches(
-          (schema) =>
-            hasType(schema, 'array') &&
-            !Array.isArray(schema.items) &&
-            schema.uniqueItems === true
-        ),
-        schemaSubPathMatches('items', (schema) => {
-          return hasOneOfItems(schema) || hasEnumItems(schema);
-        })
-      )
-    )
-  ),
-};
-</script>
\ No newline at end of file
diff --git a/packages/vue-vanilla/src/complex/ObjectRenderer.vue b/packages/vue-vanilla/src/complex/ObjectRenderer.vue
deleted file mode 100644
index 7843f03fc0..0000000000
--- a/packages/vue-vanilla/src/complex/ObjectRenderer.vue
+++ /dev/null
@@ -1,89 +0,0 @@
-<template>
-  <div v-if="control.visible">
-    <dispatch-renderer
-      :visible="control.visible"
-      :enabled="control.enabled"
-      :schema="control.schema"
-      :uischema="detailUiSchema"
-      :path="control.path"
-      :renderers="control.renderers"
-      :cells="control.cells"
-    />
-  </div>
-</template>
-
-<script lang="ts">
-import {
-  JsonFormsRendererRegistryEntry,
-  rankWith,
-  ControlElement,
-  Generate,
-  GroupLayout,
-  UISchemaElement,
-  findUISchema,
-  isObjectControl,
-} from '@jsonforms/core';
-import { defineComponent } from 'vue';
-import {
-  DispatchRenderer,
-  rendererProps,
-  RendererProps,
-  useJsonFormsControlWithDetail,
-} from '../../config/jsonforms';
-import { useVanillaControl } from '../util';
-import { isEmpty } from 'lodash';
-
-const controlRenderer = defineComponent({
-  name: 'ObjectRenderer',
-  components: {
-    DispatchRenderer,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    const control = useVanillaControl(useJsonFormsControlWithDetail(props));
-    return {
-      ...control,
-      input: control,
-    };
-  },
-  computed: {
-    detailUiSchema(): UISchemaElement {
-      const uiSchemaGenerator = () => {
-        const uiSchema = Generate.uiSchema(
-          this.control.schema,
-          'Group',
-          undefined,
-          this.control.rootSchema
-        );
-        if (isEmpty(this.control.path)) {
-          uiSchema.type = 'VerticalLayout';
-        } else {
-          (uiSchema as GroupLayout).label = this.control.label;
-        }
-        return uiSchema;
-      };
-
-      const result = findUISchema(
-        this.control.uischemas,
-        this.control.schema,
-        this.control.uischema.scope,
-        this.control.path,
-        uiSchemaGenerator,
-        this.control.uischema,
-        this.control.rootSchema
-      );
-
-      return result;
-    },
-  },
-});
-
-export default controlRenderer;
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(2, isObjectControl),
-};
-</script>
diff --git a/packages/vue-vanilla/src/complex/OneOfRenderer.vue b/packages/vue-vanilla/src/complex/OneOfRenderer.vue
deleted file mode 100644
index b676662bb9..0000000000
--- a/packages/vue-vanilla/src/complex/OneOfRenderer.vue
+++ /dev/null
@@ -1,211 +0,0 @@
-<template>
-  <div v-if="control.visible" :class="styles.oneOf.root">
-    <combinator-properties
-      :schema="control.schema"
-      combinator-keyword="oneOf"
-      :path="path"
-      :root-schema="control.rootSchema"
-    />
-
-    <control-wrapper
-      v-bind="controlWrapper"
-      :styles="styles"
-      :is-focused="isFocused"
-      :applied-options="appliedOptions"
-    >
-      <select
-        :id="control.id + '-input'"
-        :class="styles.control.select"
-        :value="selectIndex"
-        :disabled="!control.enabled"
-        :autofocus="appliedOptions.focus"
-        @change="handleSelectChange"
-        @focus="isFocused = true"
-        @blur="isFocused = false"
-      >
-        <option
-          v-for="optionElement in indexedOneOfRenderInfos"
-          :key="optionElement.index"
-          :value="optionElement.index"
-          :label="optionElement.label"
-          :class="styles.control.option"
-        ></option>
-      </select>
-    </control-wrapper>
-
-    <dispatch-renderer
-      v-if="selectedIndex !== undefined && selectedIndex !== null"
-      :schema="indexedOneOfRenderInfos[selectedIndex].schema"
-      :uischema="indexedOneOfRenderInfos[selectedIndex].uischema"
-      :path="control.path"
-      :renderers="control.renderers"
-      :cells="control.cells"
-      :enabled="control.enabled"
-    />
-
-    <dialog ref="dialog" :class="styles.dialog.root">
-      <h1 :class="styles.dialog.title">
-        {{ translations.clearDialogTitle }}
-      </h1>
-
-      <p :class="styles.dialog.body">
-        {{ translations.clearDialogMessage }}
-      </p>
-
-      <div :class="styles.dialog.actions">
-        <button :onclick="onCancel" :class="styles.dialog.buttonSecondary">
-          {{ translations.clearDialogDecline }}
-        </button>
-        <button
-          ref="confirm"
-          :onclick="onConfirm"
-          :class="styles.dialog.buttonPrimary"
-        >
-          {{ translations.clearDialogAccept }}
-        </button>
-      </div>
-    </dialog>
-  </div>
-</template>
-
-<script lang="ts">
-import {
-  combinatorDefaultTranslations,
-  CombinatorSubSchemaRenderInfo,
-  ControlElement,
-  createCombinatorRenderInfos,
-  createDefaultValue,
-  defaultJsonFormsI18nState,
-  getCombinatorTranslations,
-  isOneOfControl,
-  JsonFormsRendererRegistryEntry,
-  JsonFormsSubStates,
-  rankWith,
-} from '@jsonforms/core';
-import {
-  DispatchRenderer,
-  rendererProps,
-  RendererProps,
-  useJsonFormsOneOfControl,
-} from '@jsonforms/vue';
-import isEmpty from 'lodash/isEmpty';
-import { defineComponent, inject, nextTick, ref } from 'vue';
-import { useVanillaControl } from '../util';
-import { ControlWrapper } from '../controls';
-import CombinatorProperties from './components/CombinatorProperties.vue';
-
-const controlRenderer = defineComponent({
-  name: 'OneOfRenderer',
-  components: {
-    ControlWrapper,
-    DispatchRenderer,
-    CombinatorProperties,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    const input = useJsonFormsOneOfControl(props);
-    const control = input.control.value;
-
-    const selectedIndex = ref(control.indexOfFittingSchema);
-    const selectIndex = ref(selectedIndex.value);
-    const newSelectedIndex = ref(0);
-
-    const dialog = ref<HTMLDialogElement>();
-    const confirm = ref<HTMLElement>();
-
-    return {
-      ...useVanillaControl(input),
-      selectedIndex,
-      selectIndex,
-      newSelectedIndex,
-      dialog,
-      confirm,
-    };
-  },
-  computed: {
-    indexedOneOfRenderInfos(): (CombinatorSubSchemaRenderInfo & {
-      index: number;
-    })[] {
-      const result = createCombinatorRenderInfos(
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        this.control.schema.oneOf!,
-        this.control.rootSchema,
-        'oneOf',
-        this.control.uischema,
-        this.control.path,
-        this.control.uischemas
-      );
-
-      return result
-        .filter((info) => info.uischema)
-        .map((info, index) => ({ ...info, index: index }));
-    },
-
-    translations(): any {
-      const jsonforms = inject<JsonFormsSubStates>('jsonforms');
-      return getCombinatorTranslations(
-        jsonforms?.i18n?.translate ?? defaultJsonFormsI18nState.translate,
-        combinatorDefaultTranslations,
-        this.control.i18nKeyPrefix,
-        this.control.label
-      );
-    },
-  },
-  methods: {
-    handleSelectChange(event: Event): void {
-      const target = event.target as any;
-      this.selectIndex = target.value;
-
-      if (this.control.enabled && !isEmpty(this.control.data)) {
-        this.showDialog();
-        nextTick(() => {
-          this.newSelectedIndex = this.selectIndex;
-          // revert the selection while the dialog is open
-          this.selectIndex = this.selectedIndex;
-          this.confirm?.focus();
-        });
-      } else {
-        nextTick(() => {
-          this.selectedIndex = this.selectIndex;
-        });
-      }
-    },
-    showDialog(): void {
-      this.dialog?.showModal();
-    },
-    closeDialog(): void {
-      this.dialog?.close();
-    },
-    onConfirm(): void {
-      this.newSelection();
-      this.closeDialog();
-    },
-    onCancel(): void {
-      this.newSelectedIndex = this.selectedIndex;
-      this.closeDialog();
-    },
-    newSelection(): void {
-      this.handleChange(
-        this.control.path,
-        this.newSelectedIndex !== undefined && this.newSelectedIndex !== null
-          ? createDefaultValue(
-              this.indexedOneOfRenderInfos[this.newSelectedIndex].schema,
-              this.control.rootSchema
-            )
-          : {}
-      );
-      this.selectIndex = this.newSelectedIndex;
-      this.selectedIndex = this.newSelectedIndex;
-    },
-  },
-});
-
-export default controlRenderer;
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(3, isOneOfControl),
-};
-</script>
diff --git a/packages/vue-vanilla/src/complex/components/CombinatorProperties.vue b/packages/vue-vanilla/src/complex/components/CombinatorProperties.vue
deleted file mode 100644
index 39849b724e..0000000000
--- a/packages/vue-vanilla/src/complex/components/CombinatorProperties.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template>
-  <div v-if="isLayoutWithElements">
-    <dispatch-renderer
-      :schema="otherProps"
-      :path="path"
-      :uischema="foundUISchema"
-    />
-  </div>
-</template>
-
-<script lang="ts">
-import { Generate, JsonSchema, Layout, UISchemaElement } from '@jsonforms/core';
-import omit from 'lodash/omit';
-import { PropType, defineComponent } from 'vue';
-import { DispatchRenderer } from '@jsonforms/vue';
-
-interface CombinatorProps {
-  schema: JsonSchema;
-  combinatorKeyword: 'oneOf' | 'anyOf' | 'allOf';
-  path: string;
-  rootSchema: JsonSchema;
-}
-
-export default defineComponent({
-  name: 'CombinatorProperties',
-  components: {
-    DispatchRenderer,
-  },
-  props: {
-    schema: {
-      type: Object as PropType<JsonSchema>,
-      required: true,
-    },
-    combinatorKeyword: {
-      type: String as PropType<'oneOf' | 'anyOf' | 'allOf'>,
-      required: true,
-    },
-    path: {
-      type: String,
-      required: true,
-    },
-    rootSchema: {
-      type: Object as PropType<JsonSchema>,
-      required: true,
-    },
-  },
-  setup(props: CombinatorProps) {
-    const otherProps: JsonSchema = omit(
-      props.schema,
-      props.combinatorKeyword
-    ) as JsonSchema;
-    const foundUISchema: UISchemaElement = Generate.uiSchema(
-      otherProps,
-      'VerticalLayout',
-      undefined,
-      props.rootSchema
-    );
-
-    const isLayout = (uischema: UISchemaElement): uischema is Layout =>
-      Object.prototype.hasOwnProperty.call(uischema, 'elements');
-
-    let isLayoutWithElements = false;
-    if (foundUISchema !== null && isLayout(foundUISchema)) {
-      isLayoutWithElements = foundUISchema.elements.length > 0;
-    }
-
-    return {
-      otherProps,
-      foundUISchema,
-      isLayoutWithElements,
-    };
-  },
-});
-</script>
diff --git a/packages/vue-vanilla/src/complex/index.ts b/packages/vue-vanilla/src/complex/index.ts
deleted file mode 100644
index 418e816cb9..0000000000
--- a/packages/vue-vanilla/src/complex/index.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-export { default as ObjectRenderer } from './ObjectRenderer.vue';
-export { default as OneOfRenderer } from './OneOfRenderer.vue';
-export { default as EnumArrayRenderer } from './EnumArrayRenderer.vue';
-
-import { entry as objectRendererEntry } from './ObjectRenderer.vue';
-import { entry as oneOfRendererEntry } from './OneOfRenderer.vue';
-import { entry as enumArrayRendererEntry } from './EnumArrayRenderer.vue';
-
-export const complexRenderers = [
-  objectRendererEntry,
-  oneOfRendererEntry,
-  enumArrayRendererEntry,
-];
diff --git a/packages/vue-vanilla/src/controls/BooleanControlRenderer.vue b/packages/vue-vanilla/src/controls/BooleanControlRenderer.vue
deleted file mode 100644
index d8332eb821..0000000000
--- a/packages/vue-vanilla/src/controls/BooleanControlRenderer.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :is-focused="isFocused"
-    :applied-options="appliedOptions"
-  >
-    <input
-      :id="control.id + '-input'"
-      type="checkbox"
-      :class="styles.control.input"
-      :checked="!!control.data"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      @change="onChange"
-      @focus="isFocused = true"
-      @blur="isFocused = false"
-    />
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import {
-  ControlElement,
-  JsonFormsRendererRegistryEntry,
-  rankWith,
-  isBooleanControl,
-} from '@jsonforms/core';
-import { defineComponent } from 'vue';
-import {
-  rendererProps,
-  useJsonFormsControl,
-  RendererProps,
-} from '../../config/jsonforms';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-import { useVanillaControl } from '../util';
-
-const controlRenderer = defineComponent({
-  name: 'BooleanControlRenderer',
-  components: {
-    ControlWrapper,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVanillaControl(
-      useJsonFormsControl(props),
-      (target) => target.checked
-    );
-  },
-});
-
-export default controlRenderer;
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(1, isBooleanControl),
-};
-</script>
diff --git a/packages/vue-vanilla/src/controls/ControlWrapper.vue b/packages/vue-vanilla/src/controls/ControlWrapper.vue
deleted file mode 100644
index 7b28f06514..0000000000
--- a/packages/vue-vanilla/src/controls/ControlWrapper.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-<template>
-  <div v-if="visible" :id="id" :class="styles.control.root">
-    <label
-      :for="id + '-input'"
-      :class="[styles.control.label, required ? styles.control.required : '']"
-    >
-      {{ label }}
-      <span v-if="showAsterisk" :class="styles.control.asterisk">*</span>
-    </label>
-    <div :class="styles.control.wrapper">
-      <slot></slot>
-    </div>
-    <div :class="errors ? styles.control.error : styles.control.description">
-      {{ errors ? errors : showDescription ? description : null }}
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { isDescriptionHidden } from '@jsonforms/core';
-import { defineComponent, PropType } from 'vue';
-import { Styles } from '../styles';
-import { Options } from '../util';
-
-export default defineComponent({
-  name: 'ControlWrapper',
-  props: {
-    id: {
-      required: true,
-      type: String,
-    },
-    description: {
-      required: false as const,
-      type: String,
-      default: undefined,
-    },
-    errors: {
-      required: false as const,
-      type: String,
-      default: undefined,
-    },
-    label: {
-      required: false as const,
-      type: String,
-      default: undefined,
-    },
-    appliedOptions: {
-      required: false as const,
-      type: Object as PropType<Options>,
-      default: undefined,
-    },
-    visible: {
-      required: false as const,
-      type: Boolean,
-      default: true,
-    },
-    required: {
-      required: false as const,
-      type: Boolean,
-      default: false,
-    },
-    isFocused: {
-      required: false as const,
-      type: Boolean,
-      default: false,
-    },
-    styles: {
-      required: true,
-      type: Object as PropType<Styles>,
-    },
-  },
-  computed: {
-    showDescription(): boolean {
-      return !isDescriptionHidden(
-        this.visible,
-        this.description,
-        this.isFocused,
-        !!this.appliedOptions?.showUnfocusedDescription
-      );
-    },
-    showAsterisk(): boolean {
-      return this.required && !this.appliedOptions?.hideRequiredAsterisk;
-    },
-  },
-});
-</script>
diff --git a/packages/vue-vanilla/src/controls/DateControlRenderer.vue b/packages/vue-vanilla/src/controls/DateControlRenderer.vue
deleted file mode 100644
index 14ef0e8fff..0000000000
--- a/packages/vue-vanilla/src/controls/DateControlRenderer.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :is-focused="isFocused"
-    :applied-options="appliedOptions"
-  >
-    <input
-      :id="control.id + '-input'"
-      type="date"
-      :class="styles.control.input"
-      :value="control.data"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      @change="onChange"
-      @focus="isFocused = true"
-      @blur="isFocused = false"
-    />
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import {
-  ControlElement,
-  JsonFormsRendererRegistryEntry,
-  rankWith,
-  isDateControl,
-} from '@jsonforms/core';
-import { defineComponent } from 'vue';
-import {
-  rendererProps,
-  useJsonFormsControl,
-  RendererProps,
-} from '../../config/jsonforms';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-import { useVanillaControl } from '../util';
-
-const controlRenderer = defineComponent({
-  name: 'DateControlRenderer',
-  components: {
-    ControlWrapper,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVanillaControl(
-      useJsonFormsControl(props),
-      (target) => target.value || undefined
-    );
-  },
-});
-
-export default controlRenderer;
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(2, isDateControl),
-};
-</script>
diff --git a/packages/vue-vanilla/src/controls/DateTimeControlRenderer.vue b/packages/vue-vanilla/src/controls/DateTimeControlRenderer.vue
deleted file mode 100644
index 39b0400b04..0000000000
--- a/packages/vue-vanilla/src/controls/DateTimeControlRenderer.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :is-focused="isFocused"
-    :applied-options="appliedOptions"
-  >
-    <input
-      :id="control.id + '-input'"
-      type="datetime-local"
-      :class="styles.control.input"
-      :value="dataTime"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      @change="onChange"
-      @focus="isFocused = true"
-      @blur="isFocused = false"
-    />
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import {
-  ControlElement,
-  JsonFormsRendererRegistryEntry,
-  rankWith,
-  isDateTimeControl,
-} from '@jsonforms/core';
-import { defineComponent } from 'vue';
-import {
-  rendererProps,
-  useJsonFormsControl,
-  RendererProps,
-} from '../../config/jsonforms';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-import { useVanillaControl } from '../util';
-
-const toISOString = (inputDateTime: string) => {
-  return inputDateTime === '' ? undefined : inputDateTime + ':00.000Z';
-};
-
-const controlRenderer = defineComponent({
-  name: 'DatetimeControlRenderer',
-  components: {
-    ControlWrapper,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVanillaControl(useJsonFormsControl(props), (target) =>
-      toISOString(target.value)
-    );
-  },
-  computed: {
-    dataTime(): string {
-      return (this.control.data ?? '').substr(0, 16);
-    },
-  },
-});
-
-export default controlRenderer;
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(2, isDateTimeControl),
-};
-</script>
diff --git a/packages/vue-vanilla/src/controls/EnumControlRenderer.vue b/packages/vue-vanilla/src/controls/EnumControlRenderer.vue
deleted file mode 100644
index e2bf0ce6c2..0000000000
--- a/packages/vue-vanilla/src/controls/EnumControlRenderer.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :is-focused="isFocused"
-    :applied-options="appliedOptions"
-  >
-    <select
-      :id="control.id + '-input'"
-      :class="styles.control.select"
-      :value="control.data"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      @change="onChange"
-      @focus="isFocused = true"
-      @blur="isFocused = false"
-    >
-      <option key="empty" value="" :class="styles.control.option" />
-      <option
-        v-for="optionElement in control.options"
-        :key="optionElement.value"
-        :value="optionElement.value"
-        :label="optionElement.label"
-        :class="styles.control.option"
-      ></option>
-    </select>
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import {
-  ControlElement,
-  JsonFormsRendererRegistryEntry,
-  rankWith,
-  isEnumControl,
-} from '@jsonforms/core';
-import { defineComponent } from 'vue';
-import {
-  rendererProps,
-  useJsonFormsEnumControl,
-  RendererProps,
-} from '../../config/jsonforms';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-import { useVanillaControl } from '../util';
-
-const controlRenderer = defineComponent({
-  name: 'EnumControlRenderer',
-  components: {
-    ControlWrapper,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVanillaControl(useJsonFormsEnumControl(props), (target) =>
-      target.selectedIndex === 0 ? undefined : target.value
-    );
-  },
-});
-
-export default controlRenderer;
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(2, isEnumControl),
-};
-</script>
diff --git a/packages/vue-vanilla/src/controls/EnumOneOfControlRenderer.vue b/packages/vue-vanilla/src/controls/EnumOneOfControlRenderer.vue
deleted file mode 100644
index 0b520279d9..0000000000
--- a/packages/vue-vanilla/src/controls/EnumOneOfControlRenderer.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :is-focused="isFocused"
-    :applied-options="appliedOptions"
-  >
-    <select
-      :id="control.id + '-input'"
-      :class="styles.control.select"
-      :value="control.data"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      @change="onChange"
-      @focus="isFocused = true"
-      @blur="isFocused = false"
-    >
-      <option key="empty" value="" :class="styles.control.option" />
-      <option
-        v-for="optionElement in control.options"
-        :key="optionElement.value"
-        :value="optionElement.value"
-        :label="optionElement.label"
-        :class="styles.control.option"
-      ></option>
-    </select>
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import {
-  ControlElement,
-  JsonFormsRendererRegistryEntry,
-  rankWith,
-  isOneOfEnumControl,
-} from '@jsonforms/core';
-import { defineComponent } from 'vue';
-import {
-  rendererProps,
-  useJsonFormsOneOfEnumControl,
-  RendererProps,
-} from '../../config/jsonforms';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-import { useVanillaControl } from '../util';
-
-const controlRenderer = defineComponent({
-  name: 'EnumOneofControlRenderer',
-  components: {
-    ControlWrapper,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVanillaControl(useJsonFormsOneOfEnumControl(props), (target) =>
-      target.selectedIndex === 0 ? undefined : target.value
-    );
-  },
-});
-
-export default controlRenderer;
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(5, isOneOfEnumControl),
-};
-</script>
diff --git a/packages/vue-vanilla/src/controls/IntegerControlRenderer.vue b/packages/vue-vanilla/src/controls/IntegerControlRenderer.vue
deleted file mode 100644
index 0e0654c5d5..0000000000
--- a/packages/vue-vanilla/src/controls/IntegerControlRenderer.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :is-focused="isFocused"
-    :applied-options="appliedOptions"
-  >
-    <input
-      :id="control.id + '-input'"
-      type="number"
-      :step="1"
-      :class="styles.control.input"
-      :value="control.data"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      @change="onChange"
-      @focus="isFocused = true"
-      @blur="isFocused = false"
-    />
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import {
-  ControlElement,
-  JsonFormsRendererRegistryEntry,
-  rankWith,
-  isIntegerControl,
-} from '@jsonforms/core';
-import { defineComponent } from 'vue';
-import {
-  rendererProps,
-  useJsonFormsControl,
-  RendererProps,
-} from '../../config/jsonforms';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-import { useVanillaControl } from '../util';
-
-const controlRenderer = defineComponent({
-  name: 'IntegerControlRenderer',
-  components: {
-    ControlWrapper,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVanillaControl(useJsonFormsControl(props), (target) =>
-      target.value === '' ? undefined : parseInt(target.value, 10)
-    );
-  },
-});
-
-export default controlRenderer;
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(1, isIntegerControl),
-};
-</script>
diff --git a/packages/vue-vanilla/src/controls/MultiStringControlRenderer.vue b/packages/vue-vanilla/src/controls/MultiStringControlRenderer.vue
deleted file mode 100644
index 0d1b80e367..0000000000
--- a/packages/vue-vanilla/src/controls/MultiStringControlRenderer.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :is-focused="isFocused"
-    :applied-options="appliedOptions"
-  >
-    <textarea
-      :id="control.id + '-input'"
-      :class="styles.control.textarea"
-      :value="control.data"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      @change="onChange"
-      @focus="isFocused = true"
-      @blur="isFocused = false"
-    />
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import {
-  ControlElement,
-  JsonFormsRendererRegistryEntry,
-  rankWith,
-  isStringControl,
-  isMultiLineControl,
-  and,
-} from '@jsonforms/core';
-import { defineComponent } from 'vue';
-import {
-  rendererProps,
-  useJsonFormsControl,
-  RendererProps,
-} from '../../config/jsonforms';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-import { useVanillaControl } from '../util';
-
-const controlRenderer = defineComponent({
-  name: 'MultiStringControlRenderer',
-  components: {
-    ControlWrapper,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVanillaControl(
-      useJsonFormsControl(props),
-      (target) => target.value || undefined
-    );
-  },
-});
-
-export default controlRenderer;
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(2, and(isStringControl, isMultiLineControl)),
-};
-</script>
diff --git a/packages/vue-vanilla/src/controls/NumberControlRenderer.vue b/packages/vue-vanilla/src/controls/NumberControlRenderer.vue
deleted file mode 100644
index 418dca9832..0000000000
--- a/packages/vue-vanilla/src/controls/NumberControlRenderer.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :is-focused="isFocused"
-    :applied-options="appliedOptions"
-  >
-    <input
-      :id="control.id + '-input'"
-      type="number"
-      :step="step"
-      :class="styles.control.input"
-      :value="control.data"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      @change="onChange"
-      @focus="isFocused = true"
-      @blur="isFocused = false"
-    />
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import {
-  ControlElement,
-  JsonFormsRendererRegistryEntry,
-  rankWith,
-  isNumberControl,
-} from '@jsonforms/core';
-import { defineComponent } from 'vue';
-import {
-  rendererProps,
-  useJsonFormsControl,
-  RendererProps,
-} from '../../config/jsonforms';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-import { useVanillaControl } from '../util';
-
-const controlRenderer = defineComponent({
-  name: 'NumberControlRenderer',
-  components: {
-    ControlWrapper,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVanillaControl(useJsonFormsControl(props), (target) =>
-      target.value === '' ? undefined : Number(target.value)
-    );
-  },
-  computed: {
-    step(): number {
-      const options: any = this.appliedOptions;
-      return options.step ?? 0.1;
-    },
-  },
-});
-
-export default controlRenderer;
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(1, isNumberControl),
-};
-</script>
diff --git a/packages/vue-vanilla/src/controls/StringControlRenderer.vue b/packages/vue-vanilla/src/controls/StringControlRenderer.vue
deleted file mode 100644
index 958126a333..0000000000
--- a/packages/vue-vanilla/src/controls/StringControlRenderer.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :is-focused="isFocused"
-    :applied-options="appliedOptions"
-  >
-    <input
-      :id="control.id + '-input'"
-      :class="styles.control.input"
-      :value="control.data"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      @change="onChange"
-      @focus="isFocused = true"
-      @blur="isFocused = false"
-    />
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import {
-  ControlElement,
-  JsonFormsRendererRegistryEntry,
-  rankWith,
-  isStringControl,
-} from '@jsonforms/core';
-import { defineComponent } from 'vue';
-import {
-  rendererProps,
-  useJsonFormsControl,
-  RendererProps,
-} from '../../config/jsonforms';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-import { useVanillaControl } from '../util';
-
-const controlRenderer = defineComponent({
-  name: 'StringControlRenderer',
-  components: {
-    ControlWrapper,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVanillaControl(
-      useJsonFormsControl(props),
-      (target) => target.value || undefined
-    );
-  },
-});
-
-export default controlRenderer;
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(1, isStringControl),
-};
-</script>
diff --git a/packages/vue-vanilla/src/controls/TimeControlRenderer.vue b/packages/vue-vanilla/src/controls/TimeControlRenderer.vue
deleted file mode 100644
index edae10174a..0000000000
--- a/packages/vue-vanilla/src/controls/TimeControlRenderer.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :is-focused="isFocused"
-    :applied-options="appliedOptions"
-  >
-    <input
-      :id="control.id + '-input'"
-      type="time"
-      :class="styles.control.input"
-      :value="control.data"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      @change="onChange"
-      @focus="isFocused = true"
-      @blur="isFocused = false"
-    />
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import {
-  ControlElement,
-  JsonFormsRendererRegistryEntry,
-  rankWith,
-  isTimeControl,
-} from '@jsonforms/core';
-import { defineComponent } from 'vue';
-import {
-  rendererProps,
-  useJsonFormsControl,
-  RendererProps,
-} from '../../config/jsonforms';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-import { useVanillaControl } from '../util';
-
-const controlRenderer = defineComponent({
-  name: 'TimeControlRenderer',
-  components: {
-    ControlWrapper,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVanillaControl(
-      useJsonFormsControl(props),
-      (target) => target.value || undefined
-    );
-  },
-});
-
-export default controlRenderer;
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(2, isTimeControl),
-};
-</script>
diff --git a/packages/vue-vanilla/src/controls/index.ts b/packages/vue-vanilla/src/controls/index.ts
deleted file mode 100644
index 6bfaa073a6..0000000000
--- a/packages/vue-vanilla/src/controls/index.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-export { default as ControlWrapper } from './ControlWrapper.vue';
-export { default as StringControlRenderer } from './StringControlRenderer.vue';
-export { default as MultiStringControlRenderer } from './MultiStringControlRenderer.vue';
-export { default as NumberControlRenderer } from './NumberControlRenderer.vue';
-export { default as IntegerControlRenderer } from './IntegerControlRenderer.vue';
-export { default as EnumControlRenderer } from './EnumControlRenderer.vue';
-export { default as oneOfEnumControlRenderer } from './EnumOneOfControlRenderer.vue';
-export { default as DateControlRenderer } from './DateControlRenderer.vue';
-export { default as DateTimeControlRenderer } from './DateTimeControlRenderer.vue';
-export { default as TimeControlRenderer } from './TimeControlRenderer.vue';
-export { default as BooleanControlRenderer } from './BooleanControlRenderer.vue';
-
-import { entry as stringControlRendererEntry } from './StringControlRenderer.vue';
-import { entry as multiStringControlRendererEntry } from './MultiStringControlRenderer.vue';
-import { entry as numberControlRendererEntry } from './NumberControlRenderer.vue';
-import { entry as integerControlRendererEntry } from './IntegerControlRenderer.vue';
-import { entry as enumControlRendererEntry } from './EnumControlRenderer.vue';
-import { entry as oneOfEnumControlRendererEntry } from './EnumOneOfControlRenderer.vue';
-import { entry as dateControlRendererEntry } from './DateControlRenderer.vue';
-import { entry as dateTimeControlRendererEntry } from './DateTimeControlRenderer.vue';
-import { entry as timeControlRendererEntry } from './TimeControlRenderer.vue';
-import { entry as booleanControlRendererEntry } from './BooleanControlRenderer.vue';
-
-export const controlRenderers = [
-  stringControlRendererEntry,
-  multiStringControlRendererEntry,
-  numberControlRendererEntry,
-  integerControlRendererEntry,
-  enumControlRendererEntry,
-  oneOfEnumControlRendererEntry,
-  dateControlRendererEntry,
-  dateTimeControlRendererEntry,
-  timeControlRendererEntry,
-  booleanControlRendererEntry,
-];
diff --git a/packages/vue-vanilla/src/index.ts b/packages/vue-vanilla/src/index.ts
deleted file mode 100644
index 90770dbcd4..0000000000
--- a/packages/vue-vanilla/src/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export * from './array';
-export * from './controls';
-export * from './layouts';
-export * from './renderers';
-export * from './styles';
-export * from './util';
-export * from './label';
diff --git a/packages/vue-vanilla/src/label/LabelRenderer.vue b/packages/vue-vanilla/src/label/LabelRenderer.vue
deleted file mode 100644
index d9e8367654..0000000000
--- a/packages/vue-vanilla/src/label/LabelRenderer.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<template>
-  <label v-if="label.visible" :class="styles.label.root">
-    {{ label.text }}
-  </label>
-</template>
-
-<script lang="ts">
-import {
-  JsonFormsRendererRegistryEntry,
-  LabelElement,
-  rankWith,
-  uiTypeIs,
-} from '@jsonforms/core';
-import { defineComponent } from 'vue';
-import {
-  rendererProps,
-  RendererProps,
-  useJsonFormsLabel,
-} from '../../config/jsonforms';
-import { useVanillaLabel } from '../util';
-
-const labelRenderer = defineComponent({
-  name: 'LabelRenderer',
-  props: {
-    ...rendererProps<LabelElement>(),
-  },
-  setup(props: RendererProps<LabelElement>) {
-    return useVanillaLabel(useJsonFormsLabel(props));
-  },
-});
-
-export default labelRenderer;
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: labelRenderer,
-  tester: rankWith(1, uiTypeIs('Label')),
-};
-</script>
diff --git a/packages/vue-vanilla/src/label/index.ts b/packages/vue-vanilla/src/label/index.ts
deleted file mode 100644
index dc85818c9f..0000000000
--- a/packages/vue-vanilla/src/label/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export { default as LabelRenderer } from './LabelRenderer.vue';
-
-import { entry as labelRendererEntry } from './LabelRenderer.vue';
-
-export const labelRenderers = [labelRendererEntry];
diff --git a/packages/vue-vanilla/src/layouts/CategorizationRenderer.vue b/packages/vue-vanilla/src/layouts/CategorizationRenderer.vue
deleted file mode 100644
index 561539ca56..0000000000
--- a/packages/vue-vanilla/src/layouts/CategorizationRenderer.vue
+++ /dev/null
@@ -1,73 +0,0 @@
-<template>
-  <div :class="styles.categorization.root">
-    <div :class="styles.categorization.category">
-      <template
-        v-for="(category, index) in categories"
-        :key="`category-${index}`"
-      >
-        <div v-if="category.value.visible" @click="selected = index">
-          <button
-            :class="[selected === index ? styles.categorization.selected : '']"
-            :disabled="!category.value.enabled"
-          >
-            <label>{{ category.value.label }}</label>
-          </button>
-        </div>
-      </template>
-    </div>
-
-    <div :class="styles.categorization.panel">
-      <DispatchRenderer
-        v-if="categories[selected]"
-        :schema="layout.schema"
-        :uischema="categories[selected].value.uischema"
-        :path="layout.path"
-        :enabled="layout.enabled"
-        :renderers="layout.renderers"
-        :cells="layout.cells"
-      />
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue';
-import type { JsonFormsRendererRegistryEntry, Layout } from '@jsonforms/core';
-import {
-  and,
-  categorizationHasCategory,
-  isCategorization,
-  rankWith,
-} from '@jsonforms/core';
-import {
-  DispatchRenderer,
-  rendererProps,
-  useJsonFormsCategorization,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { useVanillaLayout } from '../util';
-
-const layoutRenderer = defineComponent({
-  name: 'CategorizationRenderer',
-  components: {
-    DispatchRenderer,
-  },
-  props: {
-    ...rendererProps<Layout>(),
-  },
-  setup(props: RendererProps<Layout>) {
-    return useVanillaLayout(useJsonFormsCategorization(props));
-  },
-  data() {
-    return {
-      selected: 0,
-    };
-  },
-});
-
-export default layoutRenderer;
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: layoutRenderer,
-  tester: rankWith(2, and(isCategorization, categorizationHasCategory)),
-};
-</script>
diff --git a/packages/vue-vanilla/src/layouts/CategorizationStepperRenderer.vue b/packages/vue-vanilla/src/layouts/CategorizationStepperRenderer.vue
deleted file mode 100644
index c34ee0d4ad..0000000000
--- a/packages/vue-vanilla/src/layouts/CategorizationStepperRenderer.vue
+++ /dev/null
@@ -1,120 +0,0 @@
-<template>
-  <div :class="styles.categorization.root">
-    <div :class="styles.categorization.stepper">
-      <template
-        v-for="(category, index) in visibleCategories"
-        :key="`tab-${index}`"
-      >
-        <div v-if="category.value.visible" @click="selected = index">
-          <button
-            :class="[selected === index ? styles.categorization.selected : '']"
-            :disabled="!category.value.enabled"
-          >
-            <span :class="styles.categorization.stepperBadge">{{
-              index + 1
-            }}</span>
-
-            <label>{{ category.value.label }}</label>
-          </button>
-        </div>
-
-        <hr
-          v-if="index !== visibleCategories.length - 1"
-          :class="styles.categorization.stepperLine"
-        />
-      </template>
-    </div>
-
-    <div :class="styles.categorization.panel">
-      <DispatchRenderer
-        v-if="visibleCategories[selected]"
-        :schema="layout.schema"
-        :uischema="visibleCategories[selected].value.uischema"
-        :path="layout.path"
-        :enabled="layout.enabled"
-        :renderers="layout.renderers"
-        :cells="layout.cells"
-      />
-    </div>
-
-    <footer
-      v-if="appliedOptions?.showNavButtons"
-      :class="styles.categorization.stepperFooter"
-    >
-      <div
-        v-if="selected > 0"
-        :class="styles.categorization.stepperButtonBack"
-        @click="selected = selected - 1"
-      >
-        <button :disabled="!visibleCategories[selected - 1].value.enabled">
-          {{ 'back' }}
-        </button>
-      </div>
-
-      <div
-        v-if="selected + 1 < visibleCategories.length"
-        :class="styles.categorization.stepperButtonNext"
-        @click="selected = selected + 1"
-      >
-        <button :disabled="!visibleCategories[selected + 1].value.enabled">
-          {{ 'next' }}
-        </button>
-      </div>
-    </footer>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue';
-import type { JsonFormsRendererRegistryEntry, Layout } from '@jsonforms/core';
-import {
-  and,
-  categorizationHasCategory,
-  isCategorization,
-  optionIs,
-  rankWith,
-} from '@jsonforms/core';
-import {
-  DispatchRenderer,
-  rendererProps,
-  useJsonFormsCategorization,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { useVanillaLayout } from '../util';
-
-const layoutRenderer = defineComponent({
-  name: 'CategorizationStepperRenderer',
-  components: {
-    DispatchRenderer,
-  },
-  props: {
-    ...rendererProps<Layout>(),
-  },
-  setup(props: RendererProps<Layout>) {
-    return useVanillaLayout(useJsonFormsCategorization(props));
-  },
-  data() {
-    return {
-      selected: 0,
-    };
-  },
-  computed: {
-    visibleCategories() {
-      return this.categories.filter((category) => category.value.visible);
-    },
-  },
-});
-
-export default layoutRenderer;
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: layoutRenderer,
-  tester: rankWith(
-    3,
-    and(
-      isCategorization,
-      categorizationHasCategory,
-      optionIs('variant', 'stepper')
-    )
-  ),
-};
-</script>
diff --git a/packages/vue-vanilla/src/layouts/GroupRenderer.vue b/packages/vue-vanilla/src/layouts/GroupRenderer.vue
deleted file mode 100644
index 24c03c131b..0000000000
--- a/packages/vue-vanilla/src/layouts/GroupRenderer.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-  <fieldset v-if="layout.visible" :class="styles.group.root">
-    <legend v-if="layout.label" :class="styles.group.label">
-      {{ layout.label }}
-    </legend>
-    <div
-      v-for="(element, index) in layout.uischema.elements"
-      :key="`${layout.path}-${index}`"
-      :class="styles.group.item"
-    >
-      <dispatch-renderer
-        :schema="layout.schema"
-        :uischema="element"
-        :path="layout.path"
-        :enabled="layout.enabled"
-        :renderers="layout.renderers"
-        :cells="layout.cells"
-      />
-    </div>
-  </fieldset>
-</template>
-
-<script lang="ts">
-import {
-  JsonFormsRendererRegistryEntry,
-  Layout,
-  rankWith,
-  and,
-  isLayout,
-  uiTypeIs,
-} from '@jsonforms/core';
-import { defineComponent } from 'vue';
-import {
-  DispatchRenderer,
-  rendererProps,
-  useJsonFormsLayout,
-  RendererProps,
-} from '../../config/jsonforms';
-import { useVanillaLayout } from '../util';
-
-const layoutRenderer = defineComponent({
-  name: 'GroupRenderer',
-  components: {
-    DispatchRenderer,
-  },
-  props: {
-    ...rendererProps<Layout>(),
-  },
-  setup(props: RendererProps<Layout>) {
-    return useVanillaLayout(useJsonFormsLayout(props));
-  },
-});
-
-export default layoutRenderer;
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: layoutRenderer,
-  tester: rankWith(2, and(isLayout, uiTypeIs('Group'))),
-};
-</script>
diff --git a/packages/vue-vanilla/src/layouts/LayoutRenderer.vue b/packages/vue-vanilla/src/layouts/LayoutRenderer.vue
deleted file mode 100644
index b3a30f5be1..0000000000
--- a/packages/vue-vanilla/src/layouts/LayoutRenderer.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<template>
-  <div v-if="layout.visible" :class="layoutClassObject.root">
-    <div
-      v-for="(element, index) in layout.uischema.elements"
-      :key="`${layout.path}-${index}`"
-      :class="layoutClassObject.item"
-    >
-      <dispatch-renderer
-        :schema="layout.schema"
-        :uischema="element"
-        :path="layout.path"
-        :enabled="layout.enabled"
-        :renderers="layout.renderers"
-        :cells="layout.cells"
-      />
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import {
-  isLayout,
-  JsonFormsRendererRegistryEntry,
-  Layout,
-  rankWith,
-} from '@jsonforms/core';
-import { defineComponent } from 'vue';
-import {
-  DispatchRenderer,
-  rendererProps,
-  useJsonFormsLayout,
-  RendererProps,
-} from '../../config/jsonforms';
-import { useVanillaLayout } from '../util';
-
-const layoutRenderer = defineComponent({
-  name: 'LayoutRenderer',
-  components: {
-    DispatchRenderer,
-  },
-  props: {
-    ...rendererProps<Layout>(),
-  },
-  setup(props: RendererProps<Layout>) {
-    return useVanillaLayout(useJsonFormsLayout(props));
-  },
-  computed: {
-    layoutClassObject(): any {
-      return this.layout.direction === 'row'
-        ? this.styles.horizontalLayout
-        : this.styles.verticalLayout;
-    },
-  },
-});
-
-export default layoutRenderer;
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: layoutRenderer,
-  tester: rankWith(1, isLayout),
-};
-</script>
diff --git a/packages/vue-vanilla/src/layouts/index.ts b/packages/vue-vanilla/src/layouts/index.ts
deleted file mode 100644
index be5ffa4127..0000000000
--- a/packages/vue-vanilla/src/layouts/index.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-export { default as LayoutRenderer } from './LayoutRenderer.vue';
-export { default as GroupRenderer } from './GroupRenderer.vue';
-export { default as CategorizationRenderer } from '../layouts/CategorizationRenderer.vue';
-export { default as CategorizationStepperRenderer } from '../layouts/CategorizationStepperRenderer.vue';
-
-import { entry as layoutRendererEntry } from './LayoutRenderer.vue';
-import { entry as groupRendererEntry } from './GroupRenderer.vue';
-import { entry as categorizationEntry } from '../layouts/CategorizationRenderer.vue';
-import { entry as categorizationStepperEntry } from '../layouts/CategorizationStepperRenderer.vue';
-
-export const layoutRenderers = [
-  layoutRendererEntry,
-  groupRendererEntry,
-  categorizationEntry,
-  categorizationStepperEntry,
-];
diff --git a/packages/vue-vanilla/src/renderers.ts b/packages/vue-vanilla/src/renderers.ts
deleted file mode 100644
index 2b2efd2879..0000000000
--- a/packages/vue-vanilla/src/renderers.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { arrayRenderers } from './array';
-import { complexRenderers } from './complex';
-import { controlRenderers } from './controls';
-import { labelRenderers } from './label';
-import { layoutRenderers } from './layouts';
-
-export const vanillaRenderers = [
-  ...controlRenderers,
-  ...layoutRenderers,
-  ...complexRenderers,
-  ...arrayRenderers,
-  ...labelRenderers,
-];
diff --git a/packages/vue-vanilla/src/styles/defaultStyles.ts b/packages/vue-vanilla/src/styles/defaultStyles.ts
deleted file mode 100644
index cc467fde1d..0000000000
--- a/packages/vue-vanilla/src/styles/defaultStyles.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { Styles } from './styles';
-
-export const defaultStyles: Styles = {
-  control: {
-    root: 'control',
-    wrapper: 'wrapper',
-    label: 'label',
-    description: 'description',
-    input: 'input',
-    error: 'error',
-    textarea: 'text-area',
-    select: 'select',
-    option: 'option',
-    asterisk: 'asterisk',
-    required: 'required',
-  },
-  verticalLayout: {
-    root: 'vertical-layout',
-    item: 'vertical-layout-item',
-  },
-  horizontalLayout: {
-    root: 'horizontal-layout',
-    item: 'horizontal-layout-item',
-  },
-  group: {
-    root: 'group',
-    label: 'group-label',
-    item: 'group-item',
-  },
-  arrayList: {
-    root: 'array-list',
-    legend: 'array-list-legend',
-    addButton: 'array-list-add',
-    label: 'array-list-label',
-    itemWrapper: 'array-list-item-wrapper',
-    noData: 'array-list-no-data',
-    item: 'array-list-item',
-    itemToolbar: 'array-list-item-toolbar',
-    itemLabel: 'array-list-item-label',
-    itemContent: 'array-list-item-content',
-    itemExpanded: 'expanded',
-    itemMoveUp: 'array-list-item-move-up',
-    itemMoveDown: 'array-list-item-move-down',
-    itemDelete: 'array-list-item-delete',
-  },
-  label: {
-    root: 'label-element',
-  },
-  dialog: {
-    root: 'dialog-root',
-    title: 'dialog-title',
-    body: 'dialog-body',
-    actions: 'dialog-actions',
-    buttonPrimary: 'dialog-button-primary',
-    buttonSecondary: 'dialog-button-secondary',
-  },
-  oneOf: {
-    root: 'one-of',
-  },
-  categorization: {
-    root: 'categorization',
-    category: 'categorization-category',
-    selected: 'categorization-selected',
-    panel: 'categorization-panel',
-    stepper: 'categorization-stepper',
-    stepperBadge: 'categorization-stepper-badge',
-    stepperLine: 'categorization-stepper-line',
-    stepperFooter: 'categorization-stepper-footer',
-    stepperButtonBack: 'categorization-stepper-button-back',
-    stepperButtonNext: 'categorization-stepper-button-next',
-  },
-};
diff --git a/packages/vue-vanilla/src/styles/index.ts b/packages/vue-vanilla/src/styles/index.ts
deleted file mode 100644
index 2161b5dcd8..0000000000
--- a/packages/vue-vanilla/src/styles/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './styles';
-export * from './util';
-export * from './defaultStyles';
diff --git a/packages/vue-vanilla/src/styles/styles.ts b/packages/vue-vanilla/src/styles/styles.ts
deleted file mode 100644
index a054c9cc56..0000000000
--- a/packages/vue-vanilla/src/styles/styles.ts
+++ /dev/null
@@ -1,104 +0,0 @@
-import { UISchemaElement } from '@jsonforms/core';
-import { inject } from 'vue';
-import merge from 'lodash/merge';
-import { defaultStyles } from './defaultStyles';
-
-const createEmptyStyles = (): Styles => ({
-  control: {},
-  verticalLayout: {},
-  horizontalLayout: {},
-  group: {},
-  arrayList: {},
-  label: {},
-  dialog: {},
-  oneOf: {},
-  categorization: {},
-});
-
-export interface Styles {
-  control: {
-    root?: string;
-    wrapper?: string;
-    label?: string;
-    description?: string;
-    error?: string;
-    input?: string;
-    textarea?: string;
-    select?: string;
-    option?: string;
-    asterisk?: string;
-    required?: string;
-  };
-  dialog: {
-    root?: string;
-    title?: string;
-    body?: string;
-    actions?: string;
-    buttonPrimary?: string;
-    buttonSecondary?: string;
-  };
-  verticalLayout: {
-    root?: string;
-    item?: string;
-  };
-  horizontalLayout: {
-    root?: string;
-    item?: string;
-  };
-  group: {
-    root?: string;
-    label?: string;
-    item?: string;
-  };
-  arrayList: {
-    root?: string;
-    legend?: string;
-    addButton?: string;
-    label?: string;
-    itemWrapper?: string;
-    noData?: string;
-    item?: string;
-    itemToolbar?: string;
-    itemLabel?: string;
-    itemContent?: string;
-    itemExpanded?: string;
-    itemMoveUp?: string;
-    itemMoveDown?: string;
-    itemDelete?: string;
-  };
-  label: {
-    root?: string;
-  };
-  oneOf: {
-    root?: string;
-  };
-  categorization: {
-    root?: string;
-    category?: string;
-    selected?: string;
-    panel?: string;
-    stepper?: string;
-    stepperBadge?: string;
-    stepperLine?: string;
-    stepperFooter?: string;
-    stepperButtonBack?: string;
-    stepperButtonNext?: string;
-  };
-}
-
-export const useStyles = (element?: UISchemaElement) => {
-  const userStyles = inject('styles', defaultStyles);
-  if (!element?.options?.styles) {
-    return userStyles;
-  }
-  const styles = createEmptyStyles();
-  if (userStyles) {
-    merge(styles, userStyles);
-  } else {
-    merge(styles, defaultStyles);
-  }
-  if (element?.options?.styles) {
-    merge(styles, element.options.styles);
-  }
-  return styles;
-};
diff --git a/packages/vue-vanilla/src/styles/util.ts b/packages/vue-vanilla/src/styles/util.ts
deleted file mode 100644
index 9e3c1a947a..0000000000
--- a/packages/vue-vanilla/src/styles/util.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Styles } from './styles';
-import cloneDeep from 'lodash/cloneDeep';
-import mergeWith from 'lodash/mergeWith';
-
-export const classes = (strings: TemplateStringsArray, ...variables: any[]) => {
-  return strings
-    .reduce((acc, curr, index) => {
-      return `${acc}${curr}${variables[index] || ''}`;
-    }, '')
-    .trim();
-};
-
-/**
- * Helper function to merge two styles definitions. The contained classes will be combined, not overwritten.
- *
- * Example usage:
- * ```ts
- * const myStyles = mergeStyles(defaultStyles, { control: { root: 'mycontrol' } });
- * ```
- */
-export const mergeStyles = (
-  stylesA: Partial<Styles>,
-  stylesB: Partial<Styles>
-): Partial<Styles> => {
-  const styles = cloneDeep(stylesA);
-  mergeWith(styles, stylesB, (aValue, bValue) => {
-    if (typeof aValue === 'string' && typeof bValue === 'string') {
-      return `${aValue} ${bValue}`;
-    }
-    return undefined;
-  });
-  return styles;
-};
diff --git a/packages/vue-vanilla/src/util/composition.ts b/packages/vue-vanilla/src/util/composition.ts
deleted file mode 100644
index 89bc88e6d4..0000000000
--- a/packages/vue-vanilla/src/util/composition.ts
+++ /dev/null
@@ -1,139 +0,0 @@
-import { useStyles } from '../styles';
-import { computed, ref } from 'vue';
-import merge from 'lodash/merge';
-import cloneDeep from 'lodash/cloneDeep';
-import {
-  composePaths,
-  findUISchema,
-  getFirstPrimitiveProp,
-  Resolve,
-} from '@jsonforms/core';
-
-/**
- * Adds styles, isFocused, appliedOptions and onChange
- */
-export const useVanillaControl = <
-  I extends { control: any; handleChange: any }
->(
-  input: I,
-  adaptTarget: (target: any) => any = (v) => v.value
-) => {
-  const appliedOptions = computed(() =>
-    merge(
-      {},
-      cloneDeep(input.control.value.config),
-      cloneDeep(input.control.value.uischema.options)
-    )
-  );
-
-  const isFocused = ref(false);
-  const onChange = (event: Event) => {
-    input.handleChange(input.control.value.path, adaptTarget(event.target));
-  };
-
-  const controlWrapper = computed(() => {
-    const { id, description, errors, label, visible, required } =
-      input.control.value;
-    return { id, description, errors, label, visible, required };
-  });
-
-  return {
-    ...input,
-    styles: useStyles(input.control.value.uischema),
-    isFocused,
-    appliedOptions,
-    controlWrapper,
-    onChange,
-  };
-};
-
-/**
- * Adds styles and appliedOptions
- */
-export const useVanillaLayout = <I extends { layout: any }>(input: I) => {
-  const appliedOptions = computed(() =>
-    merge(
-      {},
-      cloneDeep(input.layout.value.config),
-      cloneDeep(input.layout.value.uischema.options)
-    )
-  );
-  return {
-    ...input,
-    styles: useStyles(input.layout.value.uischema),
-    appliedOptions,
-  };
-};
-
-/**
- * Adds styles and appliedOptions
- */
-export const useVanillaLabel = <I extends { label: any }>(input: I) => {
-  const appliedOptions = computed(() =>
-    merge(
-      {},
-      cloneDeep(input.label.value.config),
-      cloneDeep(input.label.value.uischema.options)
-    )
-  );
-  return {
-    ...input,
-    styles: useStyles(input.label.value.uischema),
-    appliedOptions,
-  };
-};
-
-/**
- * Adds styles, appliedOptions and childUiSchema
- */
-export const useVanillaArrayControl = <I extends { control: any }>(
-  input: I
-) => {
-  const appliedOptions = computed(() =>
-    merge(
-      {},
-      cloneDeep(input.control.value.config),
-      cloneDeep(input.control.value.uischema.options)
-    )
-  );
-
-  const childUiSchema = computed(() =>
-    findUISchema(
-      input.control.value.uischemas,
-      input.control.value.schema,
-      input.control.value.uischema.scope,
-      input.control.value.path,
-      undefined,
-      input.control.value.uischema,
-      input.control.value.rootSchema
-    )
-  );
-
-  const childLabelForIndex = (index: number) => {
-    const childLabelProp =
-      input.control.value.uischema.options?.childLabelProp ??
-      getFirstPrimitiveProp(input.control.value.schema);
-    if (!childLabelProp) {
-      return `${index}`;
-    }
-    const labelValue = Resolve.data(
-      input.control.value.data,
-      composePaths(`${index}`, childLabelProp)
-    );
-    if (
-      labelValue === undefined ||
-      labelValue === null ||
-      Number.isNaN(labelValue)
-    ) {
-      return '';
-    }
-    return `${labelValue}`;
-  };
-  return {
-    ...input,
-    styles: useStyles(input.control.value.uischema),
-    appliedOptions,
-    childUiSchema,
-    childLabelForIndex,
-  };
-};
diff --git a/packages/vue-vanilla/src/util/index.ts b/packages/vue-vanilla/src/util/index.ts
deleted file mode 100644
index e1d5a59634..0000000000
--- a/packages/vue-vanilla/src/util/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './options';
-export * from './composition';
diff --git a/packages/vue-vanilla/src/util/options.ts b/packages/vue-vanilla/src/util/options.ts
deleted file mode 100644
index 0c490ea992..0000000000
--- a/packages/vue-vanilla/src/util/options.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export interface Options {
-  showUnfocusedDescription?: boolean;
-  hideRequiredAsterisk?: boolean;
-  focus?: boolean;
-  step?: number;
-}
diff --git a/packages/vue-vanilla/tests/unit/array/ArrayListRenderer.spec.ts b/packages/vue-vanilla/tests/unit/array/ArrayListRenderer.spec.ts
deleted file mode 100644
index e2fcd47946..0000000000
--- a/packages/vue-vanilla/tests/unit/array/ArrayListRenderer.spec.ts
+++ /dev/null
@@ -1,167 +0,0 @@
-import { expect } from 'chai';
-import { mountJsonForms } from '../util';
-
-const schema = {
-  type: 'array',
-  title: 'My Array',
-  maxItems: 3,
-  minItems: 1,
-  items: {
-    type: 'string',
-  },
-};
-const uischema = {
-  type: 'Control',
-  scope: '#',
-  options: {
-    restrict: true,
-  },
-};
-
-const schemaWithNameAndRate = {
-  type: 'array',
-  title: 'My Array',
-  maxItems: 3,
-  minItems: 1,
-  items: {
-    type: 'object',
-    properties: {
-      name: {
-        type: 'string',
-      },
-      rate: {
-        type: 'number',
-      },
-    },
-  },
-};
-
-const schemaWithCountAndName = {
-  type: 'array',
-  title: 'My Array',
-  maxItems: 3,
-  minItems: 1,
-  items: {
-    type: 'object',
-    properties: {
-      count: {
-        type: 'number',
-      },
-      name: {
-        type: 'string',
-      },
-    },
-  },
-};
-
-describe('ArrayListRenderer.vue', () => {
-  it('renders a fieldset', () => {
-    const wrapper = mountJsonForms(['a'], schema, uischema);
-    expect(wrapper.find('fieldset').exists()).to.be.true;
-  });
-
-  it('renders group label', () => {
-    const wrapper = mountJsonForms(['a'], schema, uischema);
-    expect(wrapper.find('label').text()).to.equal('My Array');
-  });
-
-  it('renders children', () => {
-    const wrapper = mountJsonForms(['a', 'b'], schema, uischema);
-    const inputs = wrapper.findAll('input');
-    expect(inputs.length).to.equal(2);
-  });
-
-  it('add element to array', async () => {
-    const wrapper = mountJsonForms(['a', 'b'], schema, uischema);
-    const addButton = wrapper.find('.array-list-add');
-    await addButton.trigger('click');
-    expect(wrapper.vm.data).to.deep.equal(['a', 'b', '']);
-  });
-
-  it('add button disabled if maxItems is reached', async () => {
-    const wrapper = mountJsonForms(['a', 'b'], schema, uischema);
-    const addButton = wrapper.find('.array-list-add');
-    expect(addButton.attributes().disabled).to.not.exist;
-    await addButton.trigger('click');
-    expect(addButton.attributes().disabled).to.exist;
-  });
-
-  it('remove element from array', async () => {
-    const wrapper = mountJsonForms(['a', 'b', 'c'], schema, uischema);
-    const deleteButtons = wrapper.findAll('.array-list-item-delete');
-    await deleteButtons[1].trigger('click');
-    expect(wrapper.vm.data).to.deep.equal(['a', 'c']);
-  });
-
-  it('remove button disabled if minItems is reached', async () => {
-    const wrapper = mountJsonForms(['a', 'b'], schema, uischema);
-    const deleteButtons = wrapper.findAll('.array-list-item-delete');
-    expect(deleteButtons[0].attributes().disabled).to.not.exist;
-    expect(deleteButtons[1].attributes().disabled).to.not.exist;
-    await deleteButtons[0].trigger('click');
-    expect(deleteButtons[0].attributes().disabled).to.exist;
-  });
-
-  it('move element up', async () => {
-    const wrapper = mountJsonForms(['a', 'b', 'c'], schema, uischema);
-    const moveUpButtons = wrapper.findAll('.array-list-item-move-up');
-    await moveUpButtons[1].trigger('click');
-    expect(wrapper.vm.data).to.deep.equal(['b', 'a', 'c']);
-  });
-
-  it('move element up', async () => {
-    const wrapper = mountJsonForms(['a', 'b', 'c'], schema, uischema);
-    const moveDownButtons = wrapper.findAll('.array-list-item-move-down');
-    await moveDownButtons[1].trigger('click');
-    expect(wrapper.vm.data).to.deep.equal(['a', 'c', 'b']);
-  });
-
-  it('all buttons have type button', async () => {
-    const wrapper = mountJsonForms(['a'], schema, uischema);
-    const buttons = wrapper.findAll('button');
-    for (const button of buttons) {
-      const type = button.attributes('type');
-      expect(type).to.equal('button');
-    }
-  });
-
-  it('compute default label', async () => {
-    const wrapper = mountJsonForms(
-      [{ name: 'name1', rate: 5 }],
-      schemaWithNameAndRate,
-      uischema
-    );
-    const labels = wrapper.findAll('.array-list-item-label');
-    const labelText = labels[0].text();
-    expect(labelText).to.equal('name1');
-  });
-
-  it('compute default label with undefined', async () => {
-    const wrapper = mountJsonForms([{}], schemaWithNameAndRate, uischema);
-    const labels = wrapper.findAll('.array-list-item-label');
-    const labelText = labels[0].text();
-    expect(labelText).to.equal('');
-  });
-
-  it('compute default label with number', async () => {
-    const wrapper = mountJsonForms(
-      [{ count: 1, name: 'name1' }],
-      schemaWithCountAndName,
-      uischema
-    );
-    const labels = wrapper.findAll('.array-list-item-label');
-    const labelText = labels[0].text();
-    expect(labelText).to.equal('1');
-  });
-
-  it('compute default label with NaN', async () => {
-    const wrapper = mountJsonForms(
-      [{ count: Number(undefined), name: 'name1' }],
-      schemaWithCountAndName,
-      uischema
-    );
-    const labels = wrapper.findAll('.array-list-item-label');
-    const labelText = labels[0].text();
-    expect(labelText).to.equal('');
-  });
-});
diff --git a/packages/vue-vanilla/tests/unit/complex/EnumArrayRenderer.spec.ts b/packages/vue-vanilla/tests/unit/complex/EnumArrayRenderer.spec.ts
deleted file mode 100644
index e78976d42d..0000000000
--- a/packages/vue-vanilla/tests/unit/complex/EnumArrayRenderer.spec.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-import { expect } from 'chai';
-import { mountJsonForms } from '../util';
-
-const schemaOneOfMultiEnum = {
-  properties: {
-    oneOfMultiEnum: {
-      type: 'array',
-      uniqueItems: true,
-      items: {
-        oneOf: [
-          {
-            const: 'foo',
-            title: 'Foo',
-          },
-          {
-            const: 'bar',
-            title: 'Bar',
-          },
-          {
-            const: 'foobar',
-            title: 'FooBar',
-          },
-        ],
-      },
-    },
-  },
-};
-
-const schemaMultiEnum = {
-  properties: {
-    multiEnum: {
-      type: 'array',
-      uniqueItems: true,
-      items: {
-        type: 'string',
-        enum: ['foo', 'bar', 'foobar'],
-      },
-    },
-  },
-};
-
-const uischema = {
-  type: 'Control',
-  scope: '#',
-};
-
-describe('EnumArrayRenderer.vue oneOfMultiEnum', () => {
-  it('renders checkboxes', () => {
-    const wrapper = mountJsonForms(
-      { oneOfMultiEnum: ['foo', 'bar'] },
-      schemaOneOfMultiEnum,
-      uischema
-    );
-    const checkboxes = wrapper.findAll('input[type="checkbox"]');
-    expect(checkboxes.length).to.equal(3);
-  });
-
-  it('emits a data remove change', async () => {
-    const wrapper = mountJsonForms(
-      { oneOfMultiEnum: ['foo', 'bar'] },
-      schemaOneOfMultiEnum,
-      uischema
-    );
-    const input = wrapper.find('input[value="foo"]');
-    await input.trigger('click');
-    expect(wrapper.vm.data).to.eql({ oneOfMultiEnum: ['bar'] });
-  });
-
-  it('emits a data add change', async () => {
-    const wrapper = mountJsonForms(
-      { oneOfMultiEnum: ['foo', 'bar'] },
-      schemaOneOfMultiEnum,
-      uischema
-    );
-    const input = wrapper.find('input[value="foobar"]');
-    await input.trigger('click');
-    expect(wrapper.vm.data).to.eql({
-      oneOfMultiEnum: ['foo', 'bar', 'foobar'],
-    });
-  });
-});
-
-describe('EnumArrayRenderer.vue multiEnum', () => {
-  it('renders checkboxes', () => {
-    const wrapper = mountJsonForms(
-      { multiEnum: ['foo', 'bar'] },
-      schemaMultiEnum,
-      uischema
-    );
-    const checkboxes = wrapper.findAll('input[type="checkbox"]');
-    expect(checkboxes.length).to.equal(3);
-  });
-
-  it('emits a data remove change', async () => {
-    const wrapper = mountJsonForms(
-      { multiEnum: ['foo', 'bar'] },
-      schemaMultiEnum,
-      uischema
-    );
-    const input = wrapper.find('input[value="foo"]');
-    await input.trigger('click');
-    expect(wrapper.vm.data).to.eql({ multiEnum: ['bar'] });
-  });
-
-  it('emits a data add change', async () => {
-    const wrapper = mountJsonForms(
-      { multiEnum: ['foo', 'bar'] },
-      schemaMultiEnum,
-      uischema
-    );
-    const input = wrapper.find('input[value="foobar"]');
-    await input.trigger('click');
-    expect(wrapper.vm.data).to.eql({
-      multiEnum: ['foo', 'bar', 'foobar'],
-    });
-  });
-});
diff --git a/packages/vue-vanilla/tests/unit/complex/ObjectRenderer.spec.ts b/packages/vue-vanilla/tests/unit/complex/ObjectRenderer.spec.ts
deleted file mode 100644
index 2f710e7462..0000000000
--- a/packages/vue-vanilla/tests/unit/complex/ObjectRenderer.spec.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { expect } from 'chai';
-import { mountJsonForms } from '../util';
-
-const schema = {
-  properties: {
-    nested: {
-      title: 'My Object',
-      properties: {
-        a: {
-          type: 'string',
-        },
-        b: {
-          type: 'boolean',
-        },
-      },
-    },
-  },
-};
-const uischema = {
-  type: 'Control',
-  scope: '#',
-};
-
-describe('ObjectRenderer.vue', () => {
-  it('renders a fieldset', () => {
-    const wrapper = mountJsonForms(
-      { nested: { a: 'a', b: true } },
-      schema,
-      uischema
-    );
-    expect(wrapper.find('fieldset').exists()).to.be.true;
-  });
-
-  it('renders group label', () => {
-    const wrapper = mountJsonForms(
-      { nested: { a: 'a', b: true } },
-      schema,
-      uischema
-    );
-    expect(wrapper.find('legend').text()).to.equal('My Object');
-  });
-
-  it('renders children', () => {
-    const wrapper = mountJsonForms(
-      { nested: { a: 'a', b: true } },
-      schema,
-      uischema
-    );
-    const inputs = wrapper.findAll('input');
-    expect(inputs.length).to.equal(2);
-  });
-});
diff --git a/packages/vue-vanilla/tests/unit/complex/OneOfRenderer.spec.ts b/packages/vue-vanilla/tests/unit/complex/OneOfRenderer.spec.ts
deleted file mode 100644
index d1bb27878a..0000000000
--- a/packages/vue-vanilla/tests/unit/complex/OneOfRenderer.spec.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { expect } from 'chai';
-import { mountJsonForms } from '../util';
-
-const schema = {
-  title: 'My Object',
-  oneOf: [
-    {
-      title: 'Variant A',
-      properties: {
-        variant: {
-          const: 'a',
-        },
-        a: {
-          type: 'string',
-        },
-      },
-    },
-    {
-      title: 'Variant B',
-      properties: {
-        variant: {
-          const: 'b',
-        },
-        b: {
-          type: 'string',
-        },
-      },
-    },
-  ],
-};
-const uischema = {
-  type: 'Control',
-  scope: '#',
-};
-
-describe('OneOfRenderer.vue', () => {
-  it('render has a class', () => {
-    const wrapper = mountJsonForms({ variant: 'b', b: 'b' }, schema, uischema);
-    expect(wrapper.find('div.one-of').exists()).to.be.true;
-  });
-
-  it('renders select label', () => {
-    const wrapper = mountJsonForms({ variant: 'b', b: 'b' }, schema, uischema);
-    expect(wrapper.find('label').text()).to.equal('My Object');
-  });
-
-  it('renders select', () => {
-    const wrapper = mountJsonForms({ variant: 'b', b: 'b' }, schema, uischema);
-    const select = wrapper.find('select');
-    expect(select.element.value).to.equal('1');
-    expect(
-      select.findAll('option').map((option) => option.element.label)
-    ).to.eql(['Variant A', 'Variant B']);
-  });
-
-  it('renders variant-specific children only', () => {
-    const wrapper = mountJsonForms({ variant: 'b', b: 'b' }, schema, uischema);
-    const inputs = wrapper.findAll('input');
-    expect(inputs.length).to.equal(1);
-    expect(inputs[0].element.value).to.equal('b');
-  });
-});
diff --git a/packages/vue-vanilla/tests/unit/controls/BooleanControlRenderer.spec.ts b/packages/vue-vanilla/tests/unit/controls/BooleanControlRenderer.spec.ts
deleted file mode 100644
index b50a50d72e..0000000000
--- a/packages/vue-vanilla/tests/unit/controls/BooleanControlRenderer.spec.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { expect } from 'chai';
-import { mountJsonForms } from '../util';
-
-const schema = {
-  type: 'boolean',
-  title: 'My Boolean',
-};
-const uischema = {
-  type: 'Control',
-  scope: '#',
-  options: {
-    placeholder: 'boolean placeholder',
-  },
-};
-
-describe('BooleanControlRenderer.vue', () => {
-  it('renders a checkbox', () => {
-    const wrapper = mountJsonForms(true, schema, uischema);
-    expect(wrapper.find('input[type="checkbox"]').exists()).to.be.true;
-  });
-
-  it('renders title as label', () => {
-    const wrapper = mountJsonForms(true, schema, uischema);
-    expect(wrapper.find('label').text()).to.equal('My Boolean');
-  });
-
-  it('emits a data change', async () => {
-    const wrapper = mountJsonForms(true, schema, uischema);
-    const input = wrapper.find('input');
-    await input.trigger('click');
-    expect(wrapper.vm.data).to.equal(false);
-  });
-
-  it('should have a placeholder', async () => {
-    const wrapper = mountJsonForms(true, schema, uischema);
-    const input = wrapper.find('input');
-    const placeholder = input.attributes('placeholder');
-    expect(placeholder).to.equal('boolean placeholder');
-  });
-});
diff --git a/packages/vue-vanilla/tests/unit/controls/DateControlRenderer.spec.ts b/packages/vue-vanilla/tests/unit/controls/DateControlRenderer.spec.ts
deleted file mode 100644
index 43a70c8aa5..0000000000
--- a/packages/vue-vanilla/tests/unit/controls/DateControlRenderer.spec.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { expect } from 'chai';
-import { mountJsonForms } from '../util';
-
-const schema = {
-  type: 'string',
-  title: 'My Date',
-  format: 'date',
-};
-const uischema = {
-  type: 'Control',
-  scope: '#',
-  options: {
-    placeholder: 'date placeholder',
-  },
-};
-
-describe('DateControlRenderer.vue', () => {
-  it('renders a date input', () => {
-    const wrapper = mountJsonForms('2021-03-09', schema, uischema);
-    expect(wrapper.find('input[type="date"]').exists()).to.be.true;
-  });
-
-  it('renders title as label', () => {
-    const wrapper = mountJsonForms('2021-03-09', schema, uischema);
-    expect(wrapper.find('label').text()).to.equal('My Date');
-  });
-
-  it('emits a data change', async () => {
-    const wrapper = mountJsonForms('2021-03-09', schema, uischema);
-    const input = wrapper.find('input');
-    await input.setValue('2021-03-10');
-    await input.trigger('blur');
-    expect(wrapper.vm.data).to.equal('2021-03-10');
-  });
-
-  it('should have a placeholder', async () => {
-    const wrapper = mountJsonForms('2021-03-09', schema, uischema);
-    const input = wrapper.find('input');
-    const placeholder = input.attributes('placeholder');
-    expect(placeholder).to.equal('date placeholder');
-  });
-});
diff --git a/packages/vue-vanilla/tests/unit/controls/DateTimeControlRenderer.spec.ts b/packages/vue-vanilla/tests/unit/controls/DateTimeControlRenderer.spec.ts
deleted file mode 100644
index 0d3fc59c8b..0000000000
--- a/packages/vue-vanilla/tests/unit/controls/DateTimeControlRenderer.spec.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-import { expect } from 'chai';
-import { mountJsonForms } from '../util';
-
-const schema = {
-  type: 'string',
-  title: 'My Date Time',
-  format: 'date-time',
-};
-const uischema = {
-  type: 'Control',
-  scope: '#',
-  options: {
-    placeholder: 'date-time placeholder',
-  },
-};
-
-describe('DateTimeControlRenderer.vue', () => {
-  it('renders a date time input', () => {
-    const wrapper = mountJsonForms(
-      '2021-03-09T21:54:00.000Z',
-      schema,
-      uischema
-    );
-    expect(wrapper.find('input[type="datetime-local"]').exists()).to.be.true;
-  });
-
-  it('renders title as label', () => {
-    const wrapper = mountJsonForms(
-      '2021-03-09T21:54:00.000Z',
-      schema,
-      uischema
-    );
-    expect(wrapper.find('label').text()).to.equal('My Date Time');
-  });
-
-  it('emits a data change', async () => {
-    const wrapper = mountJsonForms(
-      '2021-03-09T21:54:00.000Z',
-      schema,
-      uischema
-    );
-    const input = wrapper.find('input');
-    await input.setValue('2021-03-10T21:10');
-    await input.trigger('blur');
-    expect(wrapper.vm.data).to.equal('2021-03-10T21:10:00.000Z');
-  });
-
-  it('should have a placeholder', async () => {
-    const wrapper = mountJsonForms(
-      '2021-03-09T21:54:00.000Z',
-      schema,
-      uischema
-    );
-    const input = wrapper.find('input');
-    const placeholder = input.attributes('placeholder');
-    expect(placeholder).to.equal('date-time placeholder');
-  });
-});
diff --git a/packages/vue-vanilla/tests/unit/controls/EnumControlRenderer.spec.ts b/packages/vue-vanilla/tests/unit/controls/EnumControlRenderer.spec.ts
deleted file mode 100644
index 58cb1c0e6d..0000000000
--- a/packages/vue-vanilla/tests/unit/controls/EnumControlRenderer.spec.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { expect } from 'chai';
-import { mountJsonForms } from '../util';
-
-const schema = {
-  type: 'string',
-  title: 'My Enum',
-  enum: ['a', 'b'],
-};
-const uischema = {
-  type: 'Control',
-  scope: '#',
-};
-
-describe('EnumControlRenderer.vue', () => {
-  it('renders a select input', () => {
-    const wrapper = mountJsonForms('a', schema, uischema);
-    expect(wrapper.find('select').exists()).to.be.true;
-  });
-
-  it('renders title as label', () => {
-    const wrapper = mountJsonForms('a', schema, uischema);
-    expect(wrapper.find('label').text()).to.equal('My Enum');
-  });
-
-  it('emits a data change', async () => {
-    const wrapper = mountJsonForms('a', schema, uischema);
-    const select = wrapper.find('select');
-    await select.setValue('b');
-    expect(wrapper.vm.data).to.equal('b');
-  });
-});
diff --git a/packages/vue-vanilla/tests/unit/controls/EnumOneOfControlRenderer.spec.ts b/packages/vue-vanilla/tests/unit/controls/EnumOneOfControlRenderer.spec.ts
deleted file mode 100644
index 371b55458b..0000000000
--- a/packages/vue-vanilla/tests/unit/controls/EnumOneOfControlRenderer.spec.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { expect } from 'chai';
-import { mountJsonForms } from '../util';
-
-const schema = {
-  type: 'string',
-  title: 'My OneOf Enum',
-  oneOf: [
-    { const: 'a', title: 'Foo' },
-    { const: 'b', title: 'Bar' },
-  ],
-};
-const uischema = {
-  type: 'Control',
-  scope: '#',
-};
-
-describe('EnumOneOfControlRenderer.vue', () => {
-  it('renders a select input', () => {
-    const wrapper = mountJsonForms('a', schema, uischema);
-    expect(wrapper.find('select').exists()).to.be.true;
-  });
-
-  it('renders title as label', () => {
-    const wrapper = mountJsonForms('a', schema, uischema);
-    expect(wrapper.find('label').text()).to.equal('My OneOf Enum');
-  });
-
-  it('emits a data change', async () => {
-    const wrapper = mountJsonForms('a', schema, uischema);
-    const select = wrapper.find('select');
-    await select.setValue('b');
-    expect(wrapper.vm.data).to.equal('b');
-  });
-});
diff --git a/packages/vue-vanilla/tests/unit/controls/IntegerControlRenderer.spec.ts b/packages/vue-vanilla/tests/unit/controls/IntegerControlRenderer.spec.ts
deleted file mode 100644
index 23128196fc..0000000000
--- a/packages/vue-vanilla/tests/unit/controls/IntegerControlRenderer.spec.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { expect } from 'chai';
-import { mountJsonForms } from '../util';
-
-const schema = {
-  type: 'integer',
-  title: 'My Integer',
-};
-const uischema = {
-  type: 'Control',
-  scope: '#',
-};
-
-describe('IntegerControlRenderer.vue', () => {
-  it('renders a number input', () => {
-    const wrapper = mountJsonForms(1, schema, uischema);
-    expect(wrapper.find('input[type="number"]').exists()).to.be.true;
-  });
-
-  it('renders title as label', () => {
-    const wrapper = mountJsonForms(1, schema, uischema);
-    expect(wrapper.find('label').text()).to.equal('My Integer');
-  });
-
-  it('emits a data change', async () => {
-    const wrapper = mountJsonForms(1, schema, uischema);
-    const input = wrapper.find('input');
-    await input.setValue(2);
-    expect(wrapper.vm.data).to.equal(2);
-  });
-});
diff --git a/packages/vue-vanilla/tests/unit/controls/MultiStringControlRenderer.spec.ts b/packages/vue-vanilla/tests/unit/controls/MultiStringControlRenderer.spec.ts
deleted file mode 100644
index 6f5edc7fec..0000000000
--- a/packages/vue-vanilla/tests/unit/controls/MultiStringControlRenderer.spec.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { expect } from 'chai';
-import { mountJsonForms } from '../util';
-
-const schema = {
-  type: 'string',
-  title: 'My Multi String',
-};
-const uischema = {
-  type: 'Control',
-  scope: '#',
-  options: {
-    multi: true,
-  },
-};
-
-describe('MultiStringControlRenderer.vue', () => {
-  it('renders a text area', () => {
-    const wrapper = mountJsonForms('a', schema, uischema);
-    expect(wrapper.find('textarea').exists()).to.be.true;
-  });
-
-  it('renders title as label', () => {
-    const wrapper = mountJsonForms('a', schema, uischema);
-    expect(wrapper.find('label').text()).to.equal('My Multi String');
-  });
-
-  it('emits a data change', async () => {
-    const wrapper = mountJsonForms('a', schema, uischema);
-    const select = wrapper.find('textarea');
-    await select.setValue('b');
-    expect(wrapper.vm.data).to.equal('b');
-  });
-});
diff --git a/packages/vue-vanilla/tests/unit/controls/NumberControlRenderer.spec.ts b/packages/vue-vanilla/tests/unit/controls/NumberControlRenderer.spec.ts
deleted file mode 100644
index 346d44ba63..0000000000
--- a/packages/vue-vanilla/tests/unit/controls/NumberControlRenderer.spec.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { expect } from 'chai';
-import { mountJsonForms } from '../util';
-
-const schema = {
-  type: 'number',
-  title: 'My Number',
-};
-const uischema = {
-  type: 'Control',
-  scope: '#',
-  options: {
-    placeholder: 'number placeholder',
-  },
-};
-
-describe('NumberControlRenderer.vue', () => {
-  it('renders a number input', () => {
-    const wrapper = mountJsonForms(1, schema, uischema);
-    expect(wrapper.find('input[type="number"]').exists()).to.be.true;
-  });
-
-  it('renders title as label', () => {
-    const wrapper = mountJsonForms(1, schema, uischema);
-    expect(wrapper.find('label').text()).to.equal('My Number');
-  });
-
-  it('emits a data change', async () => {
-    const wrapper = mountJsonForms(1, schema, uischema);
-    const input = wrapper.find('input');
-    await input.setValue(2);
-    expect(wrapper.vm.data).to.equal(2);
-  });
-
-  it('should have a placeholder', async () => {
-    const wrapper = mountJsonForms(1, schema, uischema);
-    const input = wrapper.find('input');
-    const placeholder = input.attributes('placeholder');
-    expect(placeholder).to.equal('number placeholder');
-  });
-});
diff --git a/packages/vue-vanilla/tests/unit/controls/StringControlRenderer.spec.ts b/packages/vue-vanilla/tests/unit/controls/StringControlRenderer.spec.ts
deleted file mode 100644
index cf5a130217..0000000000
--- a/packages/vue-vanilla/tests/unit/controls/StringControlRenderer.spec.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import { expect } from 'chai';
-import { mountJsonForms } from '../util';
-
-const schema = {
-  type: 'string',
-  title: 'My String',
-};
-const uischema = {
-  type: 'Control',
-  scope: '#',
-  options: {
-    placeholder: 'string placeholder',
-  },
-};
-
-const schemaRequired = {
-  type: 'object',
-  properties: {
-    a: {
-      type: 'string',
-    },
-  },
-  required: ['a'],
-};
-const uischemaRequired = {
-  type: 'Control',
-  scope: '#/properties/a',
-  options: {
-    hideRequiredAsterisk: true,
-  },
-};
-
-describe('StringControlRenderer.vue', () => {
-  it('renders a string input', () => {
-    const wrapper = mountJsonForms('a', schema, uischema);
-    expect(wrapper.find('input').exists()).to.be.true;
-  });
-
-  it('renders title as label', () => {
-    const wrapper = mountJsonForms('a', schema, uischema);
-    expect(wrapper.find('label').text()).to.equal('My String');
-  });
-
-  it('emits a data change', async () => {
-    const wrapper = mountJsonForms('a', schema, uischema);
-    const input = wrapper.find('input');
-    await input.setValue('b');
-    expect(wrapper.vm.data).to.equal('b');
-  });
-
-  it('should have a placeholder', async () => {
-    const wrapper = mountJsonForms('a', schema, uischema);
-    const input = wrapper.find('input');
-    const placeholder = input.attributes('placeholder');
-    expect(placeholder).to.equal('string placeholder');
-  });
-
-  it('should have a lable with required class and asterisk symbol', () => {
-    const wrapper = mountJsonForms('a', schemaRequired, uischema);
-    expect(wrapper.find('label.required span.asterisk').exists()).to.be.true;
-  });
-
-  it('should have a lable with required class but asterisk symbol is hidden', () => {
-    const wrapper = mountJsonForms('a', schemaRequired, uischemaRequired);
-    expect(wrapper.find('label.required span.asterisk').exists()).to.be.false;
-  });
-});
diff --git a/packages/vue-vanilla/tests/unit/controls/TimeControlRenderer.spec.ts b/packages/vue-vanilla/tests/unit/controls/TimeControlRenderer.spec.ts
deleted file mode 100644
index d099372449..0000000000
--- a/packages/vue-vanilla/tests/unit/controls/TimeControlRenderer.spec.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { expect } from 'chai';
-import { mountJsonForms } from '../util';
-
-const schema = {
-  type: 'string',
-  title: 'My Time',
-  format: 'time',
-};
-const uischema = {
-  type: 'Control',
-  scope: '#',
-  options: {
-    placeholder: 'time placeholder',
-  },
-};
-
-describe('TimeControlRenderer.vue', () => {
-  it('renders a time input', () => {
-    const wrapper = mountJsonForms('00:20', schema, uischema);
-    expect(wrapper.find('input[type="time"]').exists()).to.be.true;
-  });
-
-  it('renders title as label', () => {
-    const wrapper = mountJsonForms('00:20', schema, uischema);
-    expect(wrapper.find('label').text()).to.equal('My Time');
-  });
-
-  it('emits a data change', async () => {
-    const wrapper = mountJsonForms('00:20', schema, uischema);
-    const input = wrapper.find('input');
-    await input.setValue('01:51');
-    expect(wrapper.vm.data).to.equal('01:51');
-  });
-
-  it('should have a placeholder', async () => {
-    const wrapper = mountJsonForms('00:20', schema, uischema);
-    const input = wrapper.find('input');
-    const placeholder = input.attributes('placeholder');
-    expect(placeholder).to.equal('time placeholder');
-  });
-});
diff --git a/packages/vue-vanilla/tests/unit/form/JsonForms.spec.ts b/packages/vue-vanilla/tests/unit/form/JsonForms.spec.ts
deleted file mode 100644
index 9c4f7d73d3..0000000000
--- a/packages/vue-vanilla/tests/unit/form/JsonForms.spec.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import { expect } from 'chai';
-import { mountJsonForms } from '../util';
-
-const schema = {
-  type: 'string',
-};
-const uischema = {
-  type: 'HorizontalLayout',
-  elements: [
-    {
-      type: 'VerticalLayout',
-      elements: [
-        {
-          type: 'Control',
-          scope: '#',
-        },
-        {
-          type: 'Control',
-          scope: '#',
-        },
-      ],
-    },
-    {
-      type: 'VerticalLayout',
-      elements: [
-        {
-          type: 'Control',
-          scope: '#',
-        },
-        {
-          type: 'Control',
-          scope: '#',
-        },
-      ],
-    },
-  ],
-};
-const reducedUiSchema = {
-  type: 'HorizontalLayout',
-  elements: [
-    {
-      type: 'VerticalLayout',
-      elements: [
-        {
-          type: 'Control',
-          scope: '#',
-        },
-        {
-          type: 'Control',
-          scope: '#',
-        },
-      ],
-    },
-  ],
-};
-
-describe('JsonForms.vue', () => {
-  it('renders all inputs', () => {
-    const wrapper = mountJsonForms('', schema, uischema);
-    expect(wrapper.findAll('input').length).to.equal(4);
-  });
-
-  it('reacts to uischema changes', async () => {
-    const wrapper = mountJsonForms('', schema, uischema);
-    await wrapper.setProps({
-      uischema: reducedUiSchema,
-    });
-    expect(wrapper.findAll('input').length).to.equal(2);
-  });
-});
diff --git a/packages/vue-vanilla/tests/unit/label/LabelRenderer.spec.ts b/packages/vue-vanilla/tests/unit/label/LabelRenderer.spec.ts
deleted file mode 100644
index cf8733209b..0000000000
--- a/packages/vue-vanilla/tests/unit/label/LabelRenderer.spec.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { expect } from 'chai';
-import { mountJsonForms } from '../util';
-
-const schema = {
-  type: 'string',
-};
-const uischema = {
-  type: 'Label',
-  text: 'My Label',
-};
-
-describe('LabelRenderer.vue', () => {
-  it('renders a label', () => {
-    const wrapper = mountJsonForms('', schema, uischema);
-    expect(wrapper.find('label').exists()).to.be.true;
-  });
-
-  it('renders label text', () => {
-    const wrapper = mountJsonForms('', schema, uischema);
-    expect(wrapper.find('label').text()).to.equal('My Label');
-  });
-});
diff --git a/packages/vue-vanilla/tests/unit/layouts/CategorizationRenderer.spec.ts b/packages/vue-vanilla/tests/unit/layouts/CategorizationRenderer.spec.ts
deleted file mode 100644
index 7c1bfc2e9c..0000000000
--- a/packages/vue-vanilla/tests/unit/layouts/CategorizationRenderer.spec.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { expect } from 'chai';
-import { mountJsonForms } from '../util';
-
-const schema = {
-  type: 'string',
-};
-const uischema = {
-  type: 'Categorization',
-  elements: [
-    {
-      type: 'Category',
-      label: 'A',
-      elements: [
-        {
-          type: 'Control',
-          scope: '#',
-        },
-      ],
-    },
-    {
-      type: 'Category',
-      label: 'B',
-      elements: [],
-    },
-  ],
-};
-
-describe('CategorizationRenderer.vue', () => {
-  it('renders categorization', () => {
-    const wrapper = mountJsonForms('', schema, uischema);
-    expect(wrapper.find('.categorization').exists()).to.be.true;
-  });
-
-  it('renders 2 category items', async () => {
-    const wrapper = mountJsonForms('', schema, uischema);
-    const inputs = wrapper.findAll('.categorization-category > *');
-    expect(inputs.length).to.equal(2);
-  });
-
-  it('renders 1 panel item', async () => {
-    const wrapper = mountJsonForms('', schema, uischema);
-    const inputs = wrapper.findAll('.categorization-panel > *');
-    expect(inputs.length).to.equal(1);
-  });
-});
diff --git a/packages/vue-vanilla/tests/unit/layouts/CategorizationStepperRenderer.spec.ts b/packages/vue-vanilla/tests/unit/layouts/CategorizationStepperRenderer.spec.ts
deleted file mode 100644
index 9fd0f01aec..0000000000
--- a/packages/vue-vanilla/tests/unit/layouts/CategorizationStepperRenderer.spec.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { expect } from 'chai';
-import { mountJsonForms } from '../util';
-
-const schema = {
-  type: 'string',
-};
-const uischema = {
-  type: 'Categorization',
-  elements: [
-    {
-      type: 'Category',
-      label: 'A',
-      elements: [
-        {
-          type: 'Control',
-          scope: '#',
-        },
-      ],
-    },
-    {
-      type: 'Category',
-      label: 'B',
-      elements: [],
-    },
-  ],
-  options: {
-    variant: 'stepper',
-  },
-};
-
-const uischemaNav = {
-  ...uischema,
-  options: {
-    variant: 'stepper',
-    showNavButtons: true,
-  },
-};
-
-describe('CategorizationStepperRenderer.vue', () => {
-  it('renders categorization as stepper', () => {
-    const wrapper = mountJsonForms('', schema, uischema);
-    expect(wrapper.find('.categorization-stepper').exists()).to.be.true;
-  });
-
-  it('renders 2 stepper items and one line', () => {
-    const wrapper = mountJsonForms('', schema, uischema);
-    const inputs = wrapper.findAll('.categorization-stepper > div');
-    expect(inputs.length).to.equal(2);
-    const lines = wrapper.findAll('.categorization-stepper > hr');
-    expect(lines.length).to.equal(1);
-  });
-
-  it('renders a next button at stepper nav bar', () => {
-    const wrapper = mountJsonForms('', schema, uischemaNav);
-    expect(
-      wrapper
-        .find(
-          '.categorization footer.categorization-stepper-footer > div.categorization-stepper-button-next'
-        )
-        .exists()
-    ).to.be.true;
-  });
-});
diff --git a/packages/vue-vanilla/tests/unit/layouts/GroupRenderer.spec.ts b/packages/vue-vanilla/tests/unit/layouts/GroupRenderer.spec.ts
deleted file mode 100644
index 111f3d5882..0000000000
--- a/packages/vue-vanilla/tests/unit/layouts/GroupRenderer.spec.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { expect } from 'chai';
-import { mountJsonForms } from '../util';
-
-const schema = {
-  type: 'string',
-};
-const uischema = {
-  type: 'Group',
-  label: 'My Group',
-  elements: [
-    {
-      type: 'Control',
-      scope: '#',
-    },
-    {
-      type: 'Control',
-      scope: '#',
-    },
-  ],
-};
-
-describe('GroupRenderer.vue', () => {
-  it('renders a fieldset', () => {
-    const wrapper = mountJsonForms('', schema, uischema);
-    expect(wrapper.find('fieldset').exists()).to.be.true;
-  });
-
-  it('renders group label', () => {
-    const wrapper = mountJsonForms('', schema, uischema);
-    expect(wrapper.find('legend').text()).to.equal('My Group');
-  });
-
-  it('renders children', async () => {
-    const wrapper = mountJsonForms('', schema, uischema);
-    const inputs = wrapper.findAll('input');
-    expect(inputs.length).to.equal(2);
-  });
-});
diff --git a/packages/vue-vanilla/tests/unit/layouts/LayoutRenderer.spec.ts b/packages/vue-vanilla/tests/unit/layouts/LayoutRenderer.spec.ts
deleted file mode 100644
index 4274fed79f..0000000000
--- a/packages/vue-vanilla/tests/unit/layouts/LayoutRenderer.spec.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { expect } from 'chai';
-import { mountJsonForms } from '../util';
-
-const schema = {
-  type: 'string',
-};
-const vertical = {
-  type: 'VerticalLayout',
-  elements: [
-    {
-      type: 'Control',
-      scope: '#',
-    },
-    {
-      type: 'Control',
-      scope: '#',
-    },
-  ],
-};
-const horizontal = {
-  ...vertical,
-  type: 'HorizontalLayout',
-};
-
-describe('LayoutRenderer.vue', () => {
-  it('renders a vertical container div', () => {
-    const wrapper = mountJsonForms('', schema, vertical);
-    expect(wrapper.find('.vertical-layout').exists()).to.be.true;
-  });
-
-  it('renders an horizontal container div', () => {
-    const wrapper = mountJsonForms('', schema, horizontal);
-    expect(wrapper.find('.horizontal-layout').exists()).to.be.true;
-  });
-
-  it('renders children', async () => {
-    const wrapper = mountJsonForms('', schema, vertical);
-    const inputs = wrapper.findAll('input');
-    expect(inputs.length).to.equal(2);
-  });
-});
diff --git a/packages/vue-vanilla/tests/unit/util/TestComponent.vue b/packages/vue-vanilla/tests/unit/util/TestComponent.vue
deleted file mode 100644
index 8e3f764a1e..0000000000
--- a/packages/vue-vanilla/tests/unit/util/TestComponent.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<script lang="ts">
-import { defineComponent } from 'vue';
-import { JsonForms } from '../../../config/jsonforms';
-import { vanillaRenderers } from '../../../src';
-import { JsonFormsChangeEvent } from '@jsonforms/vue';
-
-export default defineComponent({
-  name: 'TestComponent',
-  components: {
-    JsonForms,
-  },
-  // eslint-disable-next-line vue/require-prop-types
-  props: ['initialData', 'schema', 'uischema', 'config'],
-  data() {
-    return {
-      renderers: Object.freeze(vanillaRenderers),
-      data: this.initialData,
-    };
-  },
-  methods: {
-    onChange(event: JsonFormsChangeEvent) {
-      this.data = event.data;
-    },
-  },
-});
-</script>
-
-<template>
-  <json-forms
-    :data="data"
-    :schema="schema"
-    :uischema="uischema"
-    :renderers="renderers"
-    :config="config"
-    @change="onChange"
-  />
-</template>
diff --git a/packages/vue-vanilla/tests/unit/util/index.ts b/packages/vue-vanilla/tests/unit/util/index.ts
deleted file mode 100644
index bbebd88eb4..0000000000
--- a/packages/vue-vanilla/tests/unit/util/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './util';
diff --git a/packages/vue-vanilla/tests/unit/util/util.ts b/packages/vue-vanilla/tests/unit/util/util.ts
deleted file mode 100644
index fd56b5b529..0000000000
--- a/packages/vue-vanilla/tests/unit/util/util.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { mount } from '@vue/test-utils';
-import TestComponent from './TestComponent.vue';
-
-export const mountJsonForms = (
-  data: any,
-  schema: any,
-  uischema?: any,
-  config?: any
-) => {
-  return mount(TestComponent, {
-    props: { initialData: data, schema, uischema, config },
-    // Attach mounted component to document. Without this, some events are not triggered as expected.
-    // E.g. a click on a checkbox input would not result in a change event.
-    attachTo: document.body,
-  });
-};
diff --git a/packages/vue-vanilla/tsconfig.json b/packages/vue-vanilla/tsconfig.json
deleted file mode 100644
index 3a628bb7e2..0000000000
--- a/packages/vue-vanilla/tsconfig.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2021",
-    "module": "ES2020",
-    "skipLibCheck": true,
-    "strict": true,
-    "declaration": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "importHelpers": true,
-    "moduleResolution": "node",
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "sourceMap": true,
-    "outDir": "./lib",
-    "types": ["node", "vue", "mocha", "chai"],
-    "lib": ["ES2021", "dom", "dom.iterable", "scripthost"]
-  },
-  "exclude": ["node_modules", "lib"]
-}
diff --git a/packages/vue-vanilla/vanilla.css b/packages/vue-vanilla/vanilla.css
deleted file mode 100644
index 403cb85750..0000000000
--- a/packages/vue-vanilla/vanilla.css
+++ /dev/null
@@ -1,93 +0,0 @@
-.horizontal-layout {
-  display: flex;
-  flex-direction: row;
-}
-
-.vertical-layout {
-  display: flex;
-  flex-direction: column;
-}
-
-.horizontal-layout-item,
-.vertical-layout-item {
-  flex: 1;
-}
-
-.error {
-  color: red;
-}
-
-.control {
-  display: flex;
-  flex-direction: column;
-}
-
-.control > .wrapper {
-  display: flex;
-}
-
-.control > .wrapper > input,
-.control > .wrapper > select,
-.control > .wrapper > textarea {
-  flex: 1;
-}
-
-.control > .error,
-.control > .description {
-  min-height: 1.5em;
-}
-
-.array-list {
-  display: flex;
-  flex-direction: column;
-}
-
-.array-list-item-toolbar {
-  cursor: pointer;
-  display: flex;
-  justify-content: flex-end;
-  align-items: stretch;
-  margin: 0.2em 0;
-}
-
-.array-list-item-toolbar > button {
-  user-select: none;
-  cursor: pointer;
-}
-.array-list-item-toolbar > button:disabled {
-  cursor: initial;
-}
-
-.array-list-item-label {
-  background-color: rgb(238, 238, 238);
-  flex: 1;
-  padding-left: 0.5em;
-  height: 1.5em;
-  line-height: 1.5em;
-}
-.array-list-item-label:hover {
-  background-color: rgb(221, 221, 221);
-}
-
-.array-list-item-content {
-  display: none;
-  padding: 0 1em;
-}
-
-.array-list-item-content.expanded {
-  display: block;
-}
-
-.categorization .categorization-category,
-.categorization .categorization-stepper {
-  display: flex;
-}
-.categorization .categorization-stepper-line {
-  flex-grow: 1;
-  height: 1px;
-  border-width: 0 0 1px 0;
-}
-.categorization .categorization-stepper-footer {
-  display: flex;
-  justify-content: flex-end;
-}
diff --git a/packages/vue-vuetify/.eslintrc.cjs b/packages/vue-vuetify/.eslintrc.cjs
deleted file mode 100644
index b4615b6621..0000000000
--- a/packages/vue-vuetify/.eslintrc.cjs
+++ /dev/null
@@ -1,27 +0,0 @@
-require('@rushstack/eslint-patch/modern-module-resolution');
-
-module.exports = {
-  root: true,
-  env: {
-    node: true,
-  },
-  // There is no file include in ESLint. Thus, ignore all and include files via negative ignore (!)
-  ignorePatterns: ['/*', '!/src', '!/tests', '!/example', '/example/dist'],
-  extends: [
-    'plugin:vue/vue3-essential',
-    'eslint:recommended',
-    '@vue/eslint-config-typescript',
-    '@vue/eslint-config-prettier/skip-formatting',
-    'plugin:vue-scoped-css/vue3-recommended',
-  ],
-  parserOptions: {
-    ecmaVersion: 2020,
-  },
-  rules: {
-    'no-console': 'warn',
-    'no-debugger': 'warn',
-    '@typescript-eslint/no-explicit-any': 'off',
-    '@typescript-eslint/explicit-function-return-type': 'off',
-    '@typescript-eslint/explicit-module-boundary-types': 'off',
-  },
-};
diff --git a/packages/vue-vuetify/.prettierrc.cjs b/packages/vue-vuetify/.prettierrc.cjs
deleted file mode 100644
index 2c26853c4a..0000000000
--- a/packages/vue-vuetify/.prettierrc.cjs
+++ /dev/null
@@ -1,6 +0,0 @@
-module.exports = {
-  $schema: 'http://json.schemastore.org/prettierrc',
-  singleQuote: true,
-  jsxSingleQuote: true,
-  endOfLine: 'auto',
-};
diff --git a/packages/vue-vuetify/LICENSE b/packages/vue-vuetify/LICENSE
deleted file mode 100644
index 064ca1d9d2..0000000000
--- a/packages/vue-vuetify/LICENSE
+++ /dev/null
@@ -1,22 +0,0 @@
-The MIT License
-
-Copyright (c) 2019 EclipseSource Munich
-https://github.com/eclipsesource/jsonforms
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
diff --git a/packages/vue-vuetify/README.md b/packages/vue-vuetify/README.md
deleted file mode 100644
index a7bac3116d..0000000000
--- a/packages/vue-vuetify/README.md
+++ /dev/null
@@ -1,131 +0,0 @@
-# JSON Forms - More Forms. Less Code
-
-_Complex Forms in the blink of an eye_
-
-JSON Forms eliminates the tedious task of writing fully-featured forms by hand by leveraging the capabilities of JSON, JSON Schema and Javascript.
-
-## Vue Vuetify Renderers
-
-This is the JSON Forms Vue Vuetify renderers package which provides a Vuetify based renderer set for [JSON Forms Vue](https://github.com/eclipsesource/jsonforms/blob/master/packages/vue/vue).
-The renderers are in a preview state.
-
-### Quick start
-
-Install JSON Forms Core, Vue 3 and Vue 3 Vuetify Renderers.
-
-```bash
-npm i --save @jsonforms/core @jsonforms/vue @jsonforms/vue-vuetify
-```
-
-Also add the packages to the transpile dependencies in the `vite.config.js` file:
-
-```js
-// https://vitejs.dev/config/
-export default defineConfig({
-  optimizeDeps: {
-    // Exclude vuetify since it has an issue with vite dev - TypeError: makeVExpansionPanelTextProps is not a function - the makeVExpansionPanelTextProps is used before it is defined
-    exclude: ['vuetify'],
-  },
-
-  // more config....
-});
-```
-
-Use the `json-forms` component for each form you want to render and hand over the renderer set.
-
-```vue
-<script>
-import { JsonForms } from '@jsonforms/vue';
-import { extendedVuetifyRenderers } from '@jsonforms/vue-vuetify';
-import { markRaw } from 'vue';
-
-const renderers = markRaw([
-  ...extendedVuetifyRenderers,
-  // here you can add custom renderers
-]);
-
-export default defineComponent({
-  name: 'app',
-  components: {
-    JsonForms,
-  },
-  data() {
-    return {
-      renderers: Object.freeze(renderers),
-      data,
-      schema,
-      uischema,
-    };
-  },
-  methods: {
-    onChange(event) {
-      this.data = event.data;
-    },
-  },
-});
-</script>
-
-<template>
-  <json-forms
-    :data="data"
-    :schema="schema"
-    :uischema="uischema"
-    :renderers="renderers"
-    @change="onChange"
-  />
-</template>
-
-<style>
-@import '@jsonforms/vue-vuetify/lib/jsonforms-vue-vuetify.css';
-</style>
-```
-
-In your vuetify creation specify the icons used
-
-Material Design Icons (mdi)
-
-```js
-import { mdi, aliases as mdiAliases } from 'vuetify/iconsets/mdi';
-import { createVuetify } from 'vuetify';
-
-import { mdiIconAliases } from '@jsonforms/vue-vuetify';
-import '@mdi/font/css/materialdesignicons.css';
-
-createVuetify({
-    icons: {
-      defaultSet: 'mdi',
-      sets: {
-        mdi,
-      },
-      aliases: { ...mdiAliases, ...mdiIconAliases };,
-    },
-  });
-```
-
-Font Awesome (fa)
-
-```js
-import { fa, aliases as faAliases } from 'vuetify/iconsets/fa';
-import { createVuetify } from 'vuetify';
-
-import { faIconAliases } from '@jsonforms/vue-vuetify';
-import '@fortawesome/fontawesome-free/css/all.css';
-
-createVuetify({
-    icons: {
-      defaultSet: 'fa',
-      sets: {
-        fa,
-      },
-      aliases: { ...faAliases, ...faIconAliases };,
-    },
-  });
-```
-
-If note done yet, please [install Vuetify for Vue](https://vuetifyjs.com/en/getting-started/installation/).
-
-For more information on how JSON Forms can be configured, please see the [README of `@jsonforms/vue`](https://github.com/eclipsesource/jsonforms/blob/master/packages/vue/README.md).
-
-## License
-
-The JSONForms project is licensed under the MIT License. See the [LICENSE file](https://github.com/eclipsesource/jsonforms/blob/master/LICENSE) for more information.
diff --git a/packages/vue-vuetify/dev/App.vue b/packages/vue-vuetify/dev/App.vue
deleted file mode 100644
index eab6fa09be..0000000000
--- a/packages/vue-vuetify/dev/App.vue
+++ /dev/null
@@ -1,52 +0,0 @@
-<script setup lang="ts">
-import { computed } from 'vue';
-import ExampleAppBar from './components/ExampleAppBar.vue';
-import ExampleDrawer from './components/ExampleDrawer.vue';
-import ExampleSettings from './components/ExampleSettings.vue';
-
-import ExampleView from './views/ExampleView.vue';
-import HomeView from './views/HomeView.vue';
-
-import examples from './examples';
-import { getCustomThemes } from './plugins/vuetify';
-import { useAppStore } from './store';
-
-const appStore = useAppStore();
-
-const example = computed(() =>
-  examples.find((ex) => ex.name === appStore.exampleName),
-);
-
-const theme = computed(() => {
-  const theme = getCustomThemes(appStore.blueprint).filter(
-    (t) => t.name === appStore.theme,
-  );
-  if (theme && theme[0] && theme[0].dark === appStore.dark) {
-    return theme[0].name;
-  }
-
-  return appStore.dark ? 'dark' : 'light';
-});
-</script>
-
-<template>
-  <v-locale-provider :rtl="appStore.rtl">
-    <v-theme-provider :theme="theme">
-      <v-app>
-        <example-app-bar></example-app-bar>
-        <example-drawer></example-drawer>
-        <example-settings></example-settings>
-        <suspense>
-          <v-main>
-            <example-view v-if="example" :example="example"></example-view>
-            <home-view v-else></home-view>
-          </v-main>
-        </suspense>
-      </v-app>
-    </v-theme-provider>
-  </v-locale-provider>
-</template>
-
-<style>
-@import '@jsonforms/vue-vuetify/lib/jsonforms-vue-vuetify.css';
-</style>
diff --git a/packages/vue-vuetify/dev/assets/JsonFormsLogo.vue b/packages/vue-vuetify/dev/assets/JsonFormsLogo.vue
deleted file mode 100644
index fb6f408e11..0000000000
--- a/packages/vue-vuetify/dev/assets/JsonFormsLogo.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 150 100"
-    :width="width"
-    :height="height"
-    preserveAspectRatio="xMidYMid meet"
-  >
-    <title>JSONForms Logo</title>
-
-    <g
-      xmlns="http://www.w3.org/2000/svg"
-      transform="translate(0.000000,95.000000) scale(0.100000,-0.100000)"
-      :fill="primaryColor"
-      stroke="none"
-      id="g6"
-    >
-      <path
-        d="M161 937 c-49 -24 -62 -65 -70 -221 -7 -156 -15 -177 -67 -190 -18 -5 -24 -13 -24 -35 0 -22 7 -31 30 -41 48 -20 57 -50 62 -212 4 -121 8 -152 24 -180 25 -42 91 -67 131 -49 36 16 28 52 -14 63 -18 5 -36 14 -40 21 -4 6 -10 75 -13 152 -6 151 -22 208 -69 231 l-22 11 25 17 c47 30 59 70 65 219 6 146 10 157 58 157 28 0 37 14 29 46 -5 20 -12 24 -44 24 -20 0 -48 -6 -61 -13z"
-        id="path8"
-      />
-      <path
-        d="M1204 936 c-11 -29 1 -51 28 -54 49 -6 58 -33 58 -172 0 -141 13 -185 64 -209 l29 -14 -25 -13 c-46 -24 -61 -75 -68 -229 -3 -77 -9 -146 -13 -152 -4 -7 -22 -16 -40 -21 -22 -6 -33 -15 -35 -30 -5 -32 33 -47 86 -32 66 17 74 38 83 210 8 162 23 214 66 231 36 13 32 64 -6 77 -46 16 -54 44 -60 202 -7 158 -17 191 -67 210 -38 15 -94 12 -100 -4z"
-        id="path10"
-      />
-      <path
-        d="M467 923 c-15 -2 -43 -20 -62 -38 -45 -45 -47 -71 -43 -450 4 -430 -23 -400 368 -400 395 0 365 -37 365 445 0 479 27 444 -345 446 -140 1 -268 0 -283 -3z m553 -73 c19 -19 20 -33 20 -372 0 -313 -2 -353 -17 -370 -15 -17 -37 -18 -290 -18 -260 0 -274 1 -293 20 -19 19 -20 33 -20 370 0 337 1 351 20 370 19 19 33 20 290 20 257 0 271 -1 290 -20z"
-        id="path12"
-      />
-      <path
-        d="M500 740 c0 -19 7 -20 235 -20 228 0 235 1 235 20 0 19 -7 20 -235 20 -228 0 -235 -1 -235 -20z"
-        id="path14"
-      />
-      <path
-        d="M500 590 c0 -19 7 -20 235 -20 228 0 235 1 235 20 0 19 -7 20 -235 20 -228 0 -235 -1 -235 -20z"
-        id="path16"
-      />
-      <path
-        d="M500 410 c0 -19 7 -20 235 -20 228 0 235 1 235 20 0 19 -7 20 -235 20 -228 0 -235 -1 -235 -20z"
-        id="path18"
-      />
-      <path
-        d="M500 240 c0 -19 7 -20 235 -20 228 0 235 1 235 20 0 19 -7 20 -235 20 -228 0 -235 -1 -235 -20z"
-        id="path20"
-      />
-    </g>
-  </svg>
-</template>
-
-<script lang="ts" setup>
-import { computed } from 'vue';
-import { useTheme } from 'vuetify';
-
-const theme = useTheme();
-defineProps<{
-  width: string | number;
-  height: string | number;
-}>();
-
-const primaryColor = computed(() => theme.current.value.colors.primary);
-</script>
diff --git a/packages/vue-vuetify/dev/assets/VuetifyLogo.vue b/packages/vue-vuetify/dev/assets/VuetifyLogo.vue
deleted file mode 100644
index cbb684eb25..0000000000
--- a/packages/vue-vuetify/dev/assets/VuetifyLogo.vue
+++ /dev/null
@@ -1,113 +0,0 @@
-<template>
-  <svg
-    id="Layer_1"
-    data-name="Layer 1"
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 87.5 100"
-    :width="width"
-    :height="height"
-    :class="play ? 'animate' : null"
-  >
-    <title>Vuetify Logo</title>
-    <polyline
-      :style="{ fill: primaryColor }"
-      points="43.75 0 23.31 0 43.75 48.32"
-    />
-    <polygon
-      :style="{ fill: primaryLightColor }"
-      points="43.75 62.5 43.75 100 0 14.58 22.92 14.58 43.75 62.5"
-    />
-    <polyline
-      :style="{ fill: primaryDarkColor }"
-      points="43.75 0 64.19 0 43.75 48.32"
-    />
-    <polygon
-      :style="{ fill: primaryLighterColor }"
-      points="64.58 14.58 87.5 14.58 43.75 100 43.75 62.5 64.58 14.58"
-    />
-  </svg>
-</template>
-
-<script lang="ts" setup>
-import { computed, ref, watch } from 'vue';
-import { useTheme } from 'vuetify';
-
-const theme = useTheme();
-const props = defineProps<{
-  width: string | number;
-  height: string | number;
-  animate?: boolean;
-}>();
-
-// Custom color manipulation functions
-function lighten(color: string, percent: number): string {
-  const num = parseInt(color.replace('#', ''), 16);
-  const amt = Math.round(2.55 * percent);
-  const R = (num >> 16) + amt;
-  const G = ((num >> 8) & 0x00ff) + amt;
-  const B = (num & 0x0000ff) + amt;
-  return (
-    '#' +
-    (
-      0x1000000 +
-      (R < 255 ? (R < 1 ? 0 : R) : 255) * 0x10000 +
-      (G < 255 ? (G < 1 ? 0 : G) : 255) * 0x100 +
-      (B < 255 ? (B < 1 ? 0 : B) : 255)
-    )
-      .toString(16)
-      .slice(1)
-      .toUpperCase()
-  );
-}
-
-function darken(color: string, percent: number): string {
-  const num = parseInt(color.replace('#', ''), 16);
-  const amt = Math.round(2.55 * percent);
-  const R = (num >> 16) - amt;
-  const G = ((num >> 8) & 0x00ff) - amt;
-  const B = (num & 0x0000ff) - amt;
-  return (
-    '#' +
-    (
-      0x1000000 +
-      (R < 255 ? (R < 1 ? 0 : R) : 255) * 0x10000 +
-      (G < 255 ? (G < 1 ? 0 : G) : 255) * 0x100 +
-      (B < 255 ? (B < 1 ? 0 : B) : 255)
-    )
-      .toString(16)
-      .slice(1)
-      .toUpperCase()
-  );
-}
-
-const primaryColor = computed(() => theme.current.value.colors.primary);
-const primaryLightColor = computed(() => lighten(primaryColor.value, 20)); // Lighten by 2 steps
-const primaryDarkColor = computed(() => darken(primaryColor.value, 20)); // Darken by 2 steps
-const primaryLighterColor = computed(() => lighten(primaryColor.value, 40)); // Lighten by 4 steps
-
-const play = ref(props.animate);
-if (props.animate) {
-  watch(primaryColor, () => {
-    play.value = false;
-
-    setTimeout(() => {
-      play.value = true;
-    }, 10);
-  });
-}
-</script>
-
-<style scoped>
-.animate {
-  animation: spin 3s ease-in-out;
-}
-
-@keyframes spin {
-  0% {
-    transform: rotateY(0deg);
-  }
-  100% {
-    transform: rotateY(360deg);
-  }
-}
-</style>
diff --git a/packages/vue-vuetify/dev/assets/logo.png b/packages/vue-vuetify/dev/assets/logo.png
deleted file mode 100644
index f3d2503fc2..0000000000
Binary files a/packages/vue-vuetify/dev/assets/logo.png and /dev/null differ
diff --git a/packages/vue-vuetify/dev/assets/logo.svg b/packages/vue-vuetify/dev/assets/logo.svg
deleted file mode 100644
index 145b6d1308..0000000000
--- a/packages/vue-vuetify/dev/assets/logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 87.5 100"><defs><style>.cls-1{fill:#1697f6;}.cls-2{fill:#7bc6ff;}.cls-3{fill:#1867c0;}.cls-4{fill:#aeddff;}</style></defs><title>Artboard 46</title><polyline class="cls-1" points="43.75 0 23.31 0 43.75 48.32"/><polygon class="cls-2" points="43.75 62.5 43.75 100 0 14.58 22.92 14.58 43.75 62.5"/><polyline class="cls-3" points="43.75 0 64.19 0 43.75 48.32"/><polygon class="cls-4" points="64.58 14.58 87.5 14.58 43.75 100 43.75 62.5 64.58 14.58"/></svg>
diff --git a/packages/vue-vuetify/dev/components/ExampleAppBar.vue b/packages/vue-vuetify/dev/components/ExampleAppBar.vue
deleted file mode 100644
index fe05ff7e1c..0000000000
--- a/packages/vue-vuetify/dev/components/ExampleAppBar.vue
+++ /dev/null
@@ -1,64 +0,0 @@
-<script setup lang="ts">
-import { useAppStore } from '../store';
-import JsonFormsLogo from '../assets/JsonFormsLogo.vue';
-import ThemeChanger from './ThemeChanger.vue';
-
-const appStore = useAppStore();
-</script>
-
-<template>
-  <v-app-bar app>
-    <v-app-bar-nav-icon
-      aria-label="Toggle Navigation Drawer"
-      @click="appStore.drawer = !appStore.drawer"
-    />
-    <v-toolbar-title>
-      <v-container fill-height fluid
-        ><v-row align="center" justify="center" dense>
-          <JsonFormsLogo width="40" height="40"></JsonFormsLogo>
-          <v-col>JSON Forms </v-col>
-        </v-row>
-      </v-container>
-    </v-toolbar-title>
-    <v-toolbar-items>
-      <v-container fill-height fluid justify-end
-        ><v-row dense>
-          <v-col>
-            <v-tooltip bottom>
-              <template v-slot:activator="{ props }">
-                <v-btn
-                  icon
-                  v-bind="props"
-                  :disabled="!appStore.exampleName"
-                  @click="appStore.formOnly = !appStore.formOnly"
-                >
-                  <v-icon size="30" color="primary">$formOnly</v-icon>
-                </v-btn>
-              </template>
-              {{
-                appStore.formOnly ? `Show Form Wrapper` : `Hide Form Wrapper`
-              }}
-            </v-tooltip>
-          </v-col>
-          <v-col><theme-changer /> </v-col>
-          <v-col>
-            <v-tooltip bottom>
-              <template v-slot:activator="{ props }">
-                <v-btn
-                  large
-                  icon
-                  dark
-                  v-bind="props"
-                  @click="appStore.settings = !appStore.settings"
-                >
-                  <v-icon size="30" color="primary">$settings</v-icon>
-                </v-btn>
-              </template>
-              Settings
-            </v-tooltip>
-          </v-col>
-        </v-row>
-      </v-container>
-    </v-toolbar-items>
-  </v-app-bar>
-</template>
diff --git a/packages/vue-vuetify/dev/components/ExampleDrawer.vue b/packages/vue-vuetify/dev/components/ExampleDrawer.vue
deleted file mode 100644
index c662f1281b..0000000000
--- a/packages/vue-vuetify/dev/components/ExampleDrawer.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<script setup lang="ts">
-import VuetifyLogo from '../assets/VuetifyLogo.vue';
-import examples from '../examples';
-import { useAppStore } from '../store';
-
-const appStore = useAppStore();
-
-const handleExampleClick = (exampleName: string) => {
-  appStore.exampleName = exampleName;
-};
-</script>
-
-<template>
-  <v-navigation-drawer
-    v-model="appStore.drawer"
-    :location="appStore.rtl ? 'right' : 'left'"
-  >
-    <v-list-item>
-      <template v-slot:prepend>
-        <VuetifyLogo width="40" height="40" />
-      </template>
-      <v-list-item-title class="text-h6"> Examples </v-list-item-title>
-      <v-list-item-subtitle> Vuetify Renderers </v-list-item-subtitle>
-    </v-list-item>
-
-    <v-divider></v-divider>
-
-    <v-list dense nav>
-      <v-list-item
-        v-for="example in examples"
-        :key="example.name"
-        :value="example.name"
-        link
-        color="primary"
-        @click="handleExampleClick(example.name)"
-      >
-        <v-list-item-title>{{ example.label }}</v-list-item-title>
-      </v-list-item>
-    </v-list>
-  </v-navigation-drawer>
-</template>
diff --git a/packages/vue-vuetify/dev/components/ExampleForm.vue b/packages/vue-vuetify/dev/components/ExampleForm.vue
deleted file mode 100644
index 546f9b5132..0000000000
--- a/packages/vue-vuetify/dev/components/ExampleForm.vue
+++ /dev/null
@@ -1,137 +0,0 @@
-<script setup lang="ts">
-import type {
-  JsonFormsCellRendererRegistryEntry,
-  JsonFormsI18nState,
-  JsonFormsRendererRegistryEntry,
-  JsonFormsUISchemaRegistryEntry,
-  JsonSchema,
-  Middleware,
-  UISchemaElement,
-  ValidationMode,
-} from '@jsonforms/core';
-import {
-  JsonForms,
-  type JsonFormsChangeEvent,
-  type MaybeReadonly,
-} from '@jsonforms/vue';
-import type { Ajv, ErrorObject } from 'ajv';
-import * as JsonRefs from 'json-refs';
-import { computed, onMounted, reactive, watch } from 'vue';
-
-export type ResolvedSchema = {
-  schema?: JsonSchema;
-  resolved: boolean;
-  error?: string;
-};
-
-export interface JsonFormsProps {
-  data: any;
-  schema?: JsonSchema;
-  uischema?: UISchemaElement;
-  renderers: MaybeReadonly<JsonFormsRendererRegistryEntry[]>;
-  cells?: MaybeReadonly<JsonFormsCellRendererRegistryEntry[]>;
-  config?: any;
-  readonly?: boolean;
-  uischemas?: MaybeReadonly<JsonFormsUISchemaRegistryEntry[]>;
-  validationMode?: ValidationMode;
-  ajv?: Ajv;
-  i18n?: JsonFormsI18nState;
-  additionalErrors?: ErrorObject<string, Record<string, any>, unknown>[];
-  middleware?: Middleware;
-}
-
-const props = defineProps<{
-  state: JsonFormsProps;
-}>();
-
-const resolvedSchema = reactive<ResolvedSchema>({
-  schema: undefined,
-  resolved: false,
-  error: undefined,
-});
-
-const emits = defineEmits(['jsfchange']);
-
-const onChange = (event: JsonFormsChangeEvent): void => {
-  emits('jsfchange', event);
-};
-
-watch(
-  () => props.state.schema,
-  (schema) => {
-    resolveSchema(schema);
-  },
-);
-
-const resolveSchema = (schema?: JsonSchema): void => {
-  resolvedSchema.schema = undefined;
-  resolvedSchema.resolved = false;
-  resolvedSchema.error = undefined;
-
-  if (schema) {
-    JsonRefs.resolveRefs(schema).then(
-      function (res) {
-        resolvedSchema.schema = res.resolved;
-        resolvedSchema.resolved = true;
-      },
-      function (err: Error) {
-        resolvedSchema.resolved = true;
-        resolvedSchema.error = err.message;
-      },
-    );
-  } else {
-    // nothing to resolve
-    resolvedSchema.resolved = true;
-  }
-};
-
-onMounted(() => {
-  resolveSchema(props.state.schema);
-});
-
-const properties = computed<JsonFormsProps>(() => ({
-  ...props.state,
-  schema: resolvedSchema.schema ?? props.state.schema,
-}));
-</script>
-
-<template>
-  <div>
-    <json-forms
-      v-if="resolvedSchema.resolved && resolvedSchema.error === undefined"
-      v-bind="properties"
-      @change="onChange"
-    ></json-forms>
-    <v-container v-else>
-      <v-row
-        v-if="!resolvedSchema.resolved"
-        class="fill-height"
-        align-content="center"
-        justify="center"
-      >
-        <v-col class="text-subtitle-1 text-center" cols="12">
-          Resolving Schema Refs
-        </v-col>
-        <v-col cols="6">
-          <v-progress-linear
-            indeterminate
-            rounded
-            height="6"
-          ></v-progress-linear>
-        </v-col>
-      </v-row>
-      <v-row
-        v-else-if="resolvedSchema.error !== undefined"
-        class="fill-height"
-        align-content="center"
-        justify="center"
-      >
-        <v-col class="text-subtitle-1 text-center" cols="12">
-          <v-alert color="red" dark>
-            {{ resolvedSchema.error }}
-          </v-alert>
-        </v-col>
-      </v-row>
-    </v-container>
-  </div>
-</template>
diff --git a/packages/vue-vuetify/dev/components/ExampleSettings.vue b/packages/vue-vuetify/dev/components/ExampleSettings.vue
deleted file mode 100644
index 660cb81f4b..0000000000
--- a/packages/vue-vuetify/dev/components/ExampleSettings.vue
+++ /dev/null
@@ -1,369 +0,0 @@
-<script setup lang="ts">
-import { useAppStore } from '../store';
-
-const appStore = useAppStore();
-
-const validationModes = [
-  { text: 'Validate And Show', value: 'ValidateAndShow' },
-  { text: 'Validate And Hide', value: 'ValidateAndHide' },
-  { text: 'No Validation', value: 'NoValidation' },
-];
-
-const locales = [
-  { text: 'English (en)', value: 'en' },
-  { text: 'German (de)', value: 'de' },
-  { text: 'Bulgarian (bg)', value: 'bg' },
-  { text: 'Browser Language', value: navigator.language },
-];
-
-const blueprints = [
-  { text: 'Material Design 1', value: 'md1' },
-  { text: 'Material Design 2', value: 'md2' },
-  { text: 'Material Design 3', value: 'md3' },
-];
-
-const variants = [
-  {
-    text: 'Regular',
-    value: '',
-  },
-  {
-    text: 'Solo',
-    value: 'solo',
-  },
-  {
-    text: 'Filled',
-    value: 'filled',
-  },
-  {
-    text: 'Outlined',
-    value: 'outlined',
-  },
-  {
-    text: 'Plain',
-    value: 'plain',
-  },
-  {
-    text: 'Underlined',
-    value: 'underlined',
-  },
-];
-
-const iconsets = [
-  { text: 'Material Design', value: 'mdi' },
-  { text: 'Font Awesome', value: 'fa' },
-];
-</script>
-
-<template>
-  <v-navigation-drawer
-    v-model="appStore.settings"
-    :right="!appStore.rtl"
-    :location="appStore.rtl ? 'left' : 'right'"
-    temporary
-    width="300"
-  >
-    <v-toolbar flat>
-      <v-toolbar-title>Settings</v-toolbar-title>
-      <v-spacer />
-      <v-toolbar-items>
-        <v-btn icon @click="appStore.settings = false">
-          <v-icon>$close</v-icon>
-        </v-btn>
-      </v-toolbar-items>
-    </v-toolbar>
-
-    <v-divider />
-
-    <v-container>
-      <v-row><v-col>Theme</v-col></v-row>
-      <v-row>
-        <v-col>
-          <v-btn-toggle
-            v-model="appStore.dark"
-            borderless
-            mandatory
-            group
-            color="primary"
-            style="display: grid; grid-template-columns: 1fr 1fr"
-          >
-            <v-btn :value="false">
-              <span class="hidden-sm-and-down">Light</span>
-
-              <v-icon right> $light </v-icon>
-            </v-btn>
-
-            <v-btn :value="true">
-              <span class="hidden-sm-and-down">Dark</span>
-
-              <v-icon right> $dark </v-icon>
-            </v-btn>
-          </v-btn-toggle>
-        </v-col>
-      </v-row>
-    </v-container>
-
-    <v-divider />
-
-    <v-container>
-      <v-row><v-col>Direction</v-col></v-row>
-      <v-row>
-        <v-col>
-          <v-btn-toggle
-            v-model="appStore.rtl"
-            borderless
-            mandatory
-            group
-            color="primary"
-            style="display: grid; grid-template-columns: 1fr 1fr"
-          >
-            <v-btn :value="false">
-              <span class="hidden-sm-and-down">LTR</span>
-
-              <v-icon right> $ltr</v-icon>
-            </v-btn>
-
-            <v-btn :value="true">
-              <span class="hidden-sm-and-down">RTL</span>
-
-              <v-icon right> $rtl </v-icon>
-            </v-btn>
-          </v-btn-toggle>
-        </v-col>
-      </v-row>
-    </v-container>
-
-    <v-divider />
-
-    <v-container>
-      <v-row><v-col>Validation</v-col></v-row>
-      <v-row>
-        <v-col>
-          <v-select
-            attach
-            outlined
-            persistent-hint
-            dense
-            v-model="appStore.jsonforms.validationMode"
-            :items="validationModes"
-            item-title="text"
-            item-value="value"
-          ></v-select>
-        </v-col>
-      </v-row>
-    </v-container>
-
-    <v-divider />
-
-    <v-container>
-      <v-row><v-col>Locale</v-col></v-row>
-      <v-row>
-        <v-col>
-          <v-select
-            outlined
-            persistent-hint
-            dense
-            v-model="appStore.jsonforms.locale"
-            :items="locales"
-            item-title="text"
-            item-value="value"
-          ></v-select>
-        </v-col>
-      </v-row>
-    </v-container>
-
-    <v-divider />
-
-    <v-container>
-      <v-row><v-col>Blueprints (need browser reload)</v-col></v-row>
-      <v-row>
-        <v-col>
-          <v-select
-            outlined
-            persistent-hint
-            dense
-            v-model="appStore.blueprint"
-            :items="blueprints"
-            item-title="text"
-            item-value="value"
-          ></v-select>
-        </v-col>
-      </v-row>
-    </v-container>
-
-    <v-divider />
-
-    <v-container>
-      <v-row><v-col>Variants</v-col></v-row>
-      <v-row>
-        <v-col>
-          <v-select
-            outlined
-            persistent-hint
-            dense
-            v-model="appStore.variant"
-            :items="variants"
-            item-title="text"
-            item-value="value"
-          ></v-select>
-        </v-col>
-      </v-row>
-    </v-container>
-
-    <v-divider />
-
-    <v-container>
-      <v-row><v-col>Icon Set (need browser reload)</v-col></v-row>
-      <v-row>
-        <v-col>
-          <v-select
-            outlined
-            persistent-hint
-            dense
-            v-model="appStore.iconset"
-            :items="iconsets"
-            item-title="text"
-            item-value="value"
-          ></v-select>
-        </v-col>
-      </v-row>
-    </v-container>
-
-    <v-divider />
-
-    <v-container>
-      <v-row><v-col>Options</v-col></v-row>
-      <v-row>
-        <v-col>
-          <v-tooltip bottom>
-            <template v-slot:activator="{ props }">
-              <v-switch
-                v-model="appStore.jsonforms.config.hideRequiredAsterisk"
-                label="Hide Required Asterisk"
-                v-bind="props"
-              ></v-switch>
-            </template>
-            If asterisks in labels for required fields should be hidden
-          </v-tooltip>
-        </v-col>
-      </v-row>
-      <v-row>
-        <v-col>
-          <v-tooltip bottom>
-            <template v-slot:activator="{ props }">
-              <v-switch
-                v-model="appStore.jsonforms.config.showUnfocusedDescription"
-                label="Show Unfocused Description"
-                v-bind="props"
-              ></v-switch>
-            </template>
-            If input descriptions should hide when not focused
-          </v-tooltip>
-        </v-col>
-      </v-row>
-      <v-row>
-        <v-col>
-          <v-tooltip bottom>
-            <template v-slot:activator="{ props }">
-              <v-switch
-                v-model="appStore.jsonforms.config.restrict"
-                label="Restrict"
-                v-bind="props"
-              ></v-switch>
-            </template>
-            Whether to restrict the number of characters to maxLength, if
-            specified in the JSON schema
-          </v-tooltip>
-        </v-col>
-      </v-row>
-      <v-row>
-        <v-col>
-          <v-tooltip bottom>
-            <template v-slot:activator="{ props }">
-              <v-switch
-                v-model="appStore.jsonforms.readonly"
-                label="Read-Only"
-                v-bind="props"
-              ></v-switch>
-            </template>
-            If true, sets all controls to read-only
-          </v-tooltip>
-        </v-col>
-      </v-row>
-      <v-row>
-        <v-col>
-          <v-tooltip bottom>
-            <template v-slot:activator="{ props }">
-              <v-switch
-                v-model="appStore.jsonforms.config.collapseNewItems"
-                label="Collapse new array items"
-                v-bind="props"
-              ></v-switch>
-            </template>
-            If true, new array items are not expanded by default
-          </v-tooltip>
-        </v-col>
-      </v-row>
-      <v-row>
-        <v-col>
-          <v-tooltip bottom>
-            <template v-slot:activator="{ props }">
-              <v-switch
-                v-model="appStore.jsonforms.config.hideArraySummaryValidation"
-                label="Hide array summary validation"
-                v-bind="props"
-              ></v-switch>
-            </template>
-            If true, the summary of validation errors in arrays is hidden
-          </v-tooltip>
-        </v-col>
-      </v-row>
-      <v-row>
-        <v-col>
-          <v-tooltip bottom>
-            <template v-slot:activator="{ props }">
-              <v-switch
-                v-model="appStore.jsonforms.config.initCollapsed"
-                label="Collapse arrays initially"
-                v-bind="props"
-              ></v-switch>
-            </template>
-            If true, arrays are not expanded initially
-          </v-tooltip>
-        </v-col>
-      </v-row>
-      <v-row>
-        <v-col>
-          <v-tooltip bottom>
-            <template v-slot:activator="{ props }">
-              <v-switch
-                v-model="appStore.jsonforms.config.hideAvatar"
-                label="Hide Array Item Avatar"
-                v-bind="props"
-              ></v-switch>
-            </template>
-            Whether the array index avatars shall be shown
-          </v-tooltip>
-        </v-col>
-      </v-row>
-      <v-row>
-        <v-col>
-          <v-tooltip bottom>
-            <template v-slot:activator="{ props }">
-              <v-switch
-                v-model="
-                  appStore.jsonforms.config.enableFilterErrorsBeforeTouch
-                "
-                label="Enable Filter Errors Before Touch"
-                v-bind="props"
-              ></v-switch>
-            </template>
-            Whether the errors will be displayed for not touched controls
-          </v-tooltip>
-        </v-col>
-      </v-row>
-    </v-container>
-
-    <v-divider />
-  </v-navigation-drawer>
-</template>
diff --git a/packages/vue-vuetify/dev/components/MonacoEditor.vue b/packages/vue-vuetify/dev/components/MonacoEditor.vue
deleted file mode 100644
index e1b3db466f..0000000000
--- a/packages/vue-vuetify/dev/components/MonacoEditor.vue
+++ /dev/null
@@ -1,137 +0,0 @@
-<script setup lang="ts">
-import monaco, { type MonacoApi } from '../core/monaco';
-
-import {
-  computed,
-  nextTick,
-  onBeforeUnmount,
-  onMounted,
-  ref,
-  watch,
-} from 'vue';
-import { useTheme } from 'vuetify';
-
-const container = ref<null | HTMLElement>(null);
-let editor: monaco.editor.IStandaloneCodeEditor | null = null;
-let changeListener: monaco.IDisposable | null = null;
-const theme = useTheme();
-
-type DimensionValue =
-  | `${number}px`
-  | `${number}%`
-  | `${number}vw`
-  | `${number}vh`
-  | `${number}vmin`
-  | `${number}vmax`
-  | 'auto'
-  | 'fit-content'
-  | 'inherit'
-  | 'initial'
-  | 'unset';
-
-const props = withDefaults(
-  defineProps<{
-    modelValue?: monaco.editor.ITextModel | string;
-    language?: string;
-    height?: DimensionValue;
-    width?: DimensionValue;
-    editorBeforeMount?: (api: MonacoApi) => void;
-  }>(),
-  {
-    height: '100%',
-    width: '100%',
-  },
-);
-const emits = defineEmits(['update:modelValue']);
-const style = computed(() => ({
-  height: props.height,
-  width: props.width,
-}));
-watch(style, () => {
-  if (editor) {
-    nextTick(() => editor?.layout());
-  }
-});
-
-watch(
-  () => theme.current.value.dark,
-  () => {
-    if (editor) {
-      editor.updateOptions({
-        theme: theme.current.value.dark ? 'vs-dark' : 'vs',
-      });
-    }
-  },
-);
-
-const resizeObserver = new ResizeObserver(() => {
-  nextTick(() => {
-    editor?.layout();
-  });
-});
-
-onMounted(() => {
-  props.editorBeforeMount?.(monaco);
-  editor = monaco.editor.create(container.value!, {
-    value: typeof props.modelValue === 'string' ? props.modelValue : undefined,
-    model: typeof props.modelValue !== 'string' ? props.modelValue : undefined,
-    theme: theme.current.value.dark ? 'vs-dark' : 'vs',
-    language: props.language,
-  });
-  changeListener = editor.onDidChangeModelContent(() => {
-    if (typeof props.modelValue === 'string') {
-      emits('update:modelValue', editor!.getValue());
-    } else {
-      emits('update:modelValue', editor!.getModel());
-    }
-  });
-
-  watch(
-    () => props.modelValue,
-    (newValue) => {
-      if (typeof newValue === 'string') {
-        if (editor && newValue !== editor.getValue()) {
-          editor.setValue(newValue || '');
-        }
-      } else {
-        if (editor && newValue !== editor.getModel()) {
-          editor.setModel(newValue ?? null);
-        }
-      }
-    },
-  );
-  watch(
-    () => props.language,
-    (language, prev) => {
-      if (editor && language !== prev && language) {
-        const model = editor.getModel();
-        if (model) {
-          monaco.editor.setModelLanguage(model, language);
-        }
-      }
-    },
-  );
-
-  nextTick(() => {
-    editor?.layout();
-    editor?.getAction('editor.action.formatDocument')?.run();
-  });
-
-  resizeObserver.observe(container.value!);
-});
-
-onBeforeUnmount(() => {
-  if (changeListener) {
-    changeListener.dispose();
-  }
-  if (editor) {
-    editor.getModel()?.dispose();
-    editor.dispose();
-  }
-  resizeObserver.disconnect();
-});
-</script>
-
-<template>
-  <div ref="container" :style="style"></div>
-</template>
diff --git a/packages/vue-vuetify/dev/components/ThemeChanger.vue b/packages/vue-vuetify/dev/components/ThemeChanger.vue
deleted file mode 100644
index 9979c7c0bd..0000000000
--- a/packages/vue-vuetify/dev/components/ThemeChanger.vue
+++ /dev/null
@@ -1,96 +0,0 @@
-<script setup lang="ts">
-import { ref, mergeProps } from 'vue';
-import { useTheme } from 'vuetify';
-import { getCustomThemes } from '../plugins/vuetify';
-import { useAppStore } from '../store';
-
-const currentTheme = useTheme();
-const menu = ref(false);
-const appStore = useAppStore();
-
-const setTheme = (theme: string) => {
-  menu.value = false;
-
-  appStore.theme = theme;
-};
-</script>
-
-<template>
-  <v-menu
-    v-model="menu"
-    :close-on-content-click="false"
-    :nudge-width="200"
-    offset-y
-  >
-    <template v-slot:activator="{ props: propsMenu }">
-      <v-tooltip bottom>
-        <template v-slot:activator="{ props: propsTooltip }">
-          <v-btn large icon dark>
-            <v-icon
-              size="30"
-              color="primary"
-              v-bind="mergeProps(propsMenu, propsTooltip)"
-              >$palette</v-icon
-            >
-          </v-btn>
-        </template>
-        Theme Colors
-      </v-tooltip>
-    </template>
-    <v-toolbar flat>
-      <v-toolbar-title
-        >{{ currentTheme.current.value.dark ? 'Dark' : 'Light' }} Theme
-        Colors</v-toolbar-title
-      >
-      <v-spacer />
-      <v-toolbar-items>
-        <v-btn icon @click="menu = false">
-          <v-icon>$close</v-icon>
-        </v-btn>
-      </v-toolbar-items>
-    </v-toolbar>
-
-    <v-divider />
-    <v-card min-width="450px">
-      <v-card-text>
-        <v-card
-          class="my-2"
-          :disabled="currentTheme.name.value === theme.name"
-          @click="setTheme(theme.name)"
-          hover
-          outlined
-          v-for="(theme, index) in getCustomThemes(appStore.blueprint).filter(
-            (theme) => theme.dark === currentTheme.current.value.dark,
-          )"
-          :key="index"
-        >
-          <v-list-item>
-            <v-list-item-title class="font-weight-bold">
-              {{ theme.name }}</v-list-item-title
-            >
-            <v-list-item-action>
-              <v-avatar
-                color="success"
-                size="30"
-                v-if="currentTheme.name.value === theme.name"
-              >
-                <v-icon>$complete</v-icon>
-              </v-avatar>
-            </v-list-item-action>
-          </v-list-item>
-          <div class="my-2">
-            <v-chip
-              class="mx-1"
-              label
-              :color="theme.colors![key]"
-              v-for="(key, index) in Object.keys(theme.colors!)"
-              :key="index"
-            >
-              {{ key }}</v-chip
-            >
-          </div>
-        </v-card>
-      </v-card-text>
-    </v-card>
-  </v-menu>
-</template>
diff --git a/packages/vue-vuetify/dev/core/jsonSchemaValidation.ts b/packages/vue-vuetify/dev/core/jsonSchemaValidation.ts
deleted file mode 100644
index 763b54a529..0000000000
--- a/packages/vue-vuetify/dev/core/jsonSchemaValidation.ts
+++ /dev/null
@@ -1,119 +0,0 @@
-import type { JsonSchema } from '@jsonforms/core';
-import monaco, { type MonacoApi } from './monaco';
-
-import isEqual from 'lodash/isEqual';
-import { jsonSchemaDraft7, ruleSchema, uiSchema } from '../core/jsonschema';
-
-/**
- * Register a new schema for the Json language, if it isn't already registered.
- * Schemas are identified by their uri and fileMatch rule, so that they don't
- * leak into unrelated Json editors.
- * @param editor
- *  The monaco editor
- * @param schemas
- *  Schemas to register
- */
-export const addSchema = (
-  editor: MonacoApi,
-  schemas: {
-    uri: string;
-    fileMatch?: string[];
-    schema?: JsonSchema;
-  }[],
-): void => {
-  const registeredSchemas =
-    editor.languages.json.jsonDefaults.diagnosticsOptions.schemas;
-  if (registeredSchemas === undefined || registeredSchemas.length === 0) {
-    editor.languages.json.jsonDefaults.setDiagnosticsOptions({
-      validate: true,
-      allowComments: false,
-      enableSchemaRequest: false,
-      schemaRequest: 'warning',
-      schemaValidation: 'error',
-      schemas: [...schemas],
-    });
-  } else {
-    for (const schema of schemas) {
-      const fileMatch = schema.fileMatch;
-
-      const existingSchemaIndex = registeredSchemas.findIndex(
-        (registeredSchema) =>
-          isEqual(registeredSchema.fileMatch, fileMatch) &&
-          isEqual(registeredSchema.uri, schema.uri),
-      );
-      if (existingSchemaIndex !== -1) {
-        registeredSchemas[existingSchemaIndex] = { ...schema };
-      } else {
-        registeredSchemas.push({ ...schema });
-      }
-    }
-
-    editor.languages.json.jsonDefaults.setDiagnosticsOptions({
-      validate: true,
-      allowComments: false,
-      enableSchemaRequest: false,
-      schemaRequest: 'warning',
-      schemaValidation: 'error',
-      schemas: [...registeredSchemas],
-    });
-  }
-};
-
-/**
- * Configures the Monaco Editor to validate the input against JSON Schema Draft 7.
- */
-export const configureJsonSchemaValidation = (
-  editor: MonacoApi,
-  fileMatch: string[],
-): void => {
-  /** Note that the Monaco Editor only supports JSON Schema Draft 7 itself,
-   * so if we also want to support a later standard we still have to formalize
-   * it in JSON Schema Draft 7*/
-  addSchema(editor, [{ ...jsonSchemaDraft7, fileMatch }]);
-};
-
-/**
- * Configures the Monaco Editor to validate the input against the UI Schema meta-schema.
- */
-export const configureUISchemaValidation = (
-  editor: MonacoApi,
-  fileMatch: string[],
-): void => {
-  /** Note that the Monaco Editor only supports JSON Schema Draft 7 itself,
-   * so if we also want to support a later standard we still have to formalize
-   * it in JSON Schema Draft 7*/
-  addSchema(editor, [
-    { ...jsonSchemaDraft7 },
-    { ...ruleSchema },
-    { ...uiSchema, fileMatch },
-  ]);
-};
-
-/**
- * Configures the Monaco Editor to validate the input against JSON Schema model schema.
- */
-export const configureDataValidation = (
-  editor: MonacoApi,
-  uri: string,
-  fileMatch: string,
-  schema: JsonSchema,
-): void => {
-  /** Note that the Monaco Editor only supports JSON Schema Draft 7 itself,
-   * so if we also want to support a later standard we still have to formalize
-   * it in JSON Schema Draft 7*/
-  addSchema(editor, [{ schema, uri, fileMatch: [fileMatch] }]);
-};
-
-export const getMonacoModelForUri = (
-  modelUri: monaco.Uri,
-  initialValue: string | undefined,
-): monaco.editor.ITextModel => {
-  const value = initialValue ?? '';
-  let model = monaco.editor.getModel(modelUri);
-  if (model) {
-    model.setValue(value);
-  } else {
-    model = monaco.editor.createModel(value, 'json', modelUri);
-  }
-  return model;
-};
diff --git a/packages/vue-vuetify/dev/core/jsonschema/index.ts b/packages/vue-vuetify/dev/core/jsonschema/index.ts
deleted file mode 100644
index 860caf4f26..0000000000
--- a/packages/vue-vuetify/dev/core/jsonschema/index.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import type { JsonSchema } from '@jsonforms/core';
-import rule from './specification/rule.json';
-import schema from './specification/schema.json';
-import uischema from './specification/uischema.json';
-
-export const jsonSchemaDraft7 = {
-  uri: 'http://json-schema.org/draft-07/schema',
-  schema: schema as any as JsonSchema,
-};
-
-export const uiSchema = {
-  uri: 'http://jsonforms.io/uischema',
-  schema: uischema as JsonSchema,
-};
-export const ruleSchema = {
-  uri: 'http://jsonforms.io/uischema/rule',
-  schema: rule as JsonSchema,
-};
diff --git a/packages/vue-vuetify/dev/core/jsonschema/specification/rule.json b/packages/vue-vuetify/dev/core/jsonschema/specification/rule.json
deleted file mode 100644
index 4a54a709c0..0000000000
--- a/packages/vue-vuetify/dev/core/jsonschema/specification/rule.json
+++ /dev/null
@@ -1,96 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://jsonforms.io/uischema/rule",
-  "title": "Rule UI schema meta-schema",
-  "type": ["object"],
-  "properties": {
-    "effect": {
-      "description": "The effect of the rule",
-      "type": "string",
-      "enum": ["HIDE", "SHOW", "ENABLE", "DISABLE"]
-    },
-    "condition": {
-      "description": "The condition of the rule that must evaluate to true in order to trigger the effect.",
-      "oneOf": [
-        { "$ref": "#/definitions/leafCondition" },
-        { "$ref": "#/definitions/schemaBasedCondition" },
-        { "$ref": "#/definitions/orCondition" },
-        { "$ref": "#/definitions/andCondition" }
-      ]
-    }
-  },
-  "required": ["effect", "condition"],
-  "definitions": {
-    "condition": {
-      "type": "object",
-      "properties": { "type": { "type": "string", "readOnly": true } }
-    },
-    "scopable": {
-      "type": "object",
-      "properties": {
-        "scope": { "type": "string" }
-      },
-      "required": ["scope"]
-    },
-    "leafCondition": {
-      "allOf": [
-        { "$ref": "#/definitions/scopable" },
-        {
-          "properties": {
-            "type": { "const": "LEAF" },
-            "expectedValue": {}
-          },
-          "required": ["type", "expectedValue"]
-        }
-      ]
-    },
-    "schemaBasedCondition": {
-      "allOf": [
-        { "$ref": "#/definitions/scopable" },
-        { "$ref": "#/definitions/condition" },
-        {
-          "properties": {
-            "schema": { "$ref": "http://json-schema.org/draft-07/schema#" }
-          },
-          "required": ["schema"]
-        }
-      ]
-    },
-    "composableCondition": {
-      "allOf": [
-        { "$ref": "#/definitions/condition" },
-        {
-          "properties": {
-            "conditions": {
-              "type": "array",
-              "items": { "$ref": "#/definitions/condition" }
-            }
-          },
-          "required": ["conditions"]
-        }
-      ]
-    },
-    "orCondition": {
-      "allOf": [
-        { "$ref": "#/definitions/composableCondition" },
-        {
-          "properties": {
-            "type": { "const": "OR" }
-          },
-          "required": ["type"]
-        }
-      ]
-    },
-    "andCondition": {
-      "allOf": [
-        { "$ref": "#/definitions/composableCondition" },
-        {
-          "properties": {
-            "type": { "const": "AND" }
-          },
-          "required": ["type"]
-        }
-      ]
-    }
-  }
-}
diff --git a/packages/vue-vuetify/dev/core/jsonschema/specification/schema.json b/packages/vue-vuetify/dev/core/jsonschema/specification/schema.json
deleted file mode 100644
index 8875d422c2..0000000000
--- a/packages/vue-vuetify/dev/core/jsonschema/specification/schema.json
+++ /dev/null
@@ -1,166 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://json-schema.org/draft-07/schema#",
-  "title": "Core schema meta-schema",
-  "definitions": {
-    "schemaArray": {
-      "type": "array",
-      "minItems": 1,
-      "items": { "$ref": "#" }
-    },
-    "nonNegativeInteger": {
-      "type": "integer",
-      "minimum": 0
-    },
-    "nonNegativeIntegerDefault0": {
-      "allOf": [
-        { "$ref": "#/definitions/nonNegativeInteger" },
-        { "default": 0 }
-      ]
-    },
-    "simpleTypes": {
-      "enum": [
-        "array",
-        "boolean",
-        "integer",
-        "null",
-        "number",
-        "object",
-        "string"
-      ]
-    },
-    "stringArray": {
-      "type": "array",
-      "items": { "type": "string" },
-      "uniqueItems": true,
-      "default": []
-    }
-  },
-  "type": ["object", "boolean"],
-  "properties": {
-    "$id": {
-      "type": "string",
-      "format": "uri-reference"
-    },
-    "$schema": {
-      "type": "string",
-      "format": "uri"
-    },
-    "$ref": {
-      "type": "string",
-      "format": "uri-reference"
-    },
-    "$comment": {
-      "type": "string"
-    },
-    "title": {
-      "type": "string"
-    },
-    "description": {
-      "type": "string"
-    },
-    "default": true,
-    "readOnly": {
-      "type": "boolean",
-      "default": false
-    },
-    "writeOnly": {
-      "type": "boolean",
-      "default": false
-    },
-    "examples": {
-      "type": "array",
-      "items": true
-    },
-    "multipleOf": {
-      "type": "number",
-      "exclusiveMinimum": 0
-    },
-    "maximum": {
-      "type": "number"
-    },
-    "exclusiveMaximum": {
-      "type": "number"
-    },
-    "minimum": {
-      "type": "number"
-    },
-    "exclusiveMinimum": {
-      "type": "number"
-    },
-    "maxLength": { "$ref": "#/definitions/nonNegativeInteger" },
-    "minLength": { "$ref": "#/definitions/nonNegativeIntegerDefault0" },
-    "pattern": {
-      "type": "string",
-      "format": "regex"
-    },
-    "additionalItems": { "$ref": "#" },
-    "items": {
-      "anyOf": [{ "$ref": "#" }, { "$ref": "#/definitions/schemaArray" }],
-      "default": true
-    },
-    "maxItems": { "$ref": "#/definitions/nonNegativeInteger" },
-    "minItems": { "$ref": "#/definitions/nonNegativeIntegerDefault0" },
-    "uniqueItems": {
-      "type": "boolean",
-      "default": false
-    },
-    "contains": { "$ref": "#" },
-    "maxProperties": { "$ref": "#/definitions/nonNegativeInteger" },
-    "minProperties": { "$ref": "#/definitions/nonNegativeIntegerDefault0" },
-    "required": { "$ref": "#/definitions/stringArray" },
-    "additionalProperties": { "$ref": "#" },
-    "definitions": {
-      "type": "object",
-      "additionalProperties": { "$ref": "#" },
-      "default": {}
-    },
-    "properties": {
-      "type": "object",
-      "additionalProperties": { "$ref": "#" },
-      "default": {}
-    },
-    "patternProperties": {
-      "type": "object",
-      "additionalProperties": { "$ref": "#" },
-      "propertyNames": { "format": "regex" },
-      "default": {}
-    },
-    "dependencies": {
-      "type": "object",
-      "additionalProperties": {
-        "anyOf": [{ "$ref": "#" }, { "$ref": "#/definitions/stringArray" }]
-      }
-    },
-    "propertyNames": { "$ref": "#" },
-    "const": true,
-    "enum": {
-      "type": "array",
-      "items": true,
-      "minItems": 1,
-      "uniqueItems": true
-    },
-    "type": {
-      "anyOf": [
-        { "$ref": "#/definitions/simpleTypes" },
-        {
-          "type": "array",
-          "items": { "$ref": "#/definitions/simpleTypes" },
-          "minItems": 1,
-          "uniqueItems": true
-        }
-      ]
-    },
-    "format": { "type": "string" },
-    "contentMediaType": { "type": "string" },
-    "contentEncoding": { "type": "string" },
-    "if": { "$ref": "#" },
-    "then": { "$ref": "#" },
-    "else": { "$ref": "#" },
-    "allOf": { "$ref": "#/definitions/schemaArray" },
-    "anyOf": { "$ref": "#/definitions/schemaArray" },
-    "oneOf": { "$ref": "#/definitions/schemaArray" },
-    "not": { "$ref": "#" }
-  },
-  "default": true
-}
diff --git a/packages/vue-vuetify/dev/core/jsonschema/specification/uischema.json b/packages/vue-vuetify/dev/core/jsonschema/specification/uischema.json
deleted file mode 100644
index 724ce6db07..0000000000
--- a/packages/vue-vuetify/dev/core/jsonschema/specification/uischema.json
+++ /dev/null
@@ -1,320 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema",
-  "$id": "http://jsonforms.io/uischema",
-  "title": "UI schema meta-schema",
-  "type": "object",
-  "anyOf": [
-    {
-      "$ref": "#/definitions/control"
-    },
-    {
-      "$ref": "#/definitions/label"
-    },
-    {
-      "$ref": "#/definitions/horizontallayout"
-    },
-    {
-      "$ref": "#/definitions/verticallayout"
-    },
-    {
-      "$ref": "#/definitions/categorization"
-    },
-    {
-      "$ref": "#/definitions/group"
-    }
-  ],
-  "definitions": {
-    "elements": {
-      "type": "array",
-      "$id": "#elements",
-      "items": {
-        "anyOf": [
-          {
-            "$ref": "#/definitions/control"
-          },
-          {
-            "$ref": "#/definitions/label"
-          },
-          {
-            "$ref": "#/definitions/horizontallayout"
-          },
-          {
-            "$ref": "#/definitions/verticallayout"
-          },
-          {
-            "$ref": "#/definitions/categorization"
-          },
-          {
-            "$ref": "#/definitions/category"
-          },
-          {
-            "$ref": "#/definitions/group"
-          }
-        ]
-      }
-    },
-    "control": {
-      "type": "object",
-      "$id": "#control",
-      "properties": {
-        "type": {
-          "type": "string",
-          "const": "Control",
-          "default": "Control"
-        },
-        "label": {
-          "type": "string"
-        },
-        "scope": {
-          "$ref": "#/definitions/scope"
-        },
-        "options": {
-          "$ref": "#/definitions/options"
-        },
-        "rule": {
-          "$ref": "#/definitions/rule"
-        }
-      },
-      "required": ["type", "scope"],
-      "additionalProperties": false,
-      "errorMessage": {
-        "properties": {
-          "type": "type should be equal to one of the allowed values",
-          "scope": "Control scope should match pattern \"^#\\/properties\\/{1}\"",
-          "suggestion": "Control suggestion should be array",
-          "options": "Control options should be object",
-          "label": "Control label should be string, boolean or label object"
-        },
-        "required": {
-          "scope": "Control should have an object property \"scope\"",
-          "type": "Control should have a string property \"type\""
-        },
-        "additionalProperties": "Control should not have properties other than type, label, scope, options, suggestion and rule"
-      }
-    },
-    "label": {
-      "type": "object",
-      "$id": "#label",
-      "properties": {
-        "type": {
-          "type": "string",
-          "const": "Label",
-          "default": "Label"
-        },
-        "text": {
-          "type": "string"
-        },
-        "options": {
-          "$ref": "#/definitions/options"
-        },
-        "rule": {
-          "$ref": "#/definitions/rule"
-        }
-      },
-      "additionalProperties": false,
-      "errorMessage": {
-        "properties": {
-          "type": "type should be equal to one of the allowed values",
-          "options": "Control options should be object",
-          "text": "Label text should be string"
-        },
-        "required": {
-          "type": "Label should have a string property \"type\""
-        },
-        "additionalProperties": "Label should not have properties other than type, text, options, and rule"
-      }
-    },
-    "horizontallayout": {
-      "type": "object",
-      "$id": "#horizontallayout",
-      "properties": {
-        "type": {
-          "type": "string",
-          "const": "HorizontalLayout",
-          "default": "HorizontalLayout"
-        },
-        "elements": {
-          "$ref": "#/definitions/elements"
-        },
-        "options": {
-          "$ref": "#/definitions/options"
-        },
-        "rule": {
-          "$ref": "#/definitions/rule"
-        }
-      },
-      "required": ["type", "elements"],
-      "additionalProperties": false,
-      "errorMessage": {
-        "properties": {
-          "type": "type should be equal to one of the allowed values"
-        },
-        "required": {
-          "elements": "Layout should have an array property \"elements\"",
-          "type": "Layout should have a string property \"type\""
-        },
-        "additionalProperties": "Layout should not have properties other than type, elements, options and rule"
-      }
-    },
-    "verticallayout": {
-      "type": "object",
-      "$id": "#verticallayout",
-      "properties": {
-        "type": {
-          "type": "string",
-          "const": "VerticalLayout",
-          "default": "VerticalLayout"
-        },
-        "elements": {
-          "$ref": "#/definitions/elements"
-        },
-        "options": {
-          "$ref": "#/definitions/options"
-        },
-        "rule": {
-          "$ref": "#/definitions/rule"
-        }
-      },
-      "required": ["type", "elements"],
-      "additionalProperties": false,
-      "errorMessage": {
-        "properties": {
-          "type": "type should be equal to one of the allowed values"
-        },
-        "required": {
-          "elements": "Layout should have an array property \"elements\"",
-          "type": "Layout should have a string property \"type\""
-        },
-        "additionalProperties": "Layout should not have properties other than type, elements, options and rule"
-      }
-    },
-    "categorization": {
-      "type": "object",
-      "$id": "#categorization",
-      "properties": {
-        "type": {
-          "type": "string",
-          "const": "Categorization",
-          "default": "Categorization"
-        },
-        "options": {
-          "$ref": "#/definitions/options"
-        },
-        "elements": {
-          "type": "array",
-          "items": {
-            "$ref": "#/definitions/category"
-          }
-        }
-      },
-      "required": ["type", "elements"],
-      "additionalProperties": false,
-      "errorMessage": {
-        "properties": {
-          "type": "type should be equal to one of the allowed values"
-        },
-        "required": {
-          "elements": "Categorization should have an array property \"elements\"",
-          "type": "Categorization should have a string property \"type\""
-        },
-        "additionalProperties": "Categorization should not have properties other than type. elements, and options"
-      }
-    },
-    "category": {
-      "type": "object",
-      "$id": "#category",
-      "properties": {
-        "label": {
-          "type": "string"
-        },
-        "elements": {
-          "$ref": "#/definitions/elements"
-        },
-        "type": {
-          "type": "string",
-          "const": "Category",
-          "default": "Category"
-        },
-        "options": {
-          "$ref": "#/definitions/options"
-        },
-        "rule": {
-          "$ref": "#/definitions/rule"
-        }
-      },
-      "additionalProperties": false,
-      "errorMessage": {
-        "properties": {
-          "type": "type should be equal to one of the allowed values",
-          "label": "Category label should be string"
-        },
-        "required": {
-          "type": "Category layout should have a string property \"type\"",
-          "elements": "Category layout should have an array property \"elements\""
-        },
-        "additionalProperties": "Category layout should not have properties other than type, elements, label, options and rule"
-      }
-    },
-    "group": {
-      "type": "object",
-      "$id": "#group",
-      "properties": {
-        "type": {
-          "type": "string",
-          "const": "Group",
-          "default": "Group"
-        },
-        "elements": {
-          "$ref": "#/definitions/elements"
-        },
-        "label": {
-          "type": "string"
-        },
-        "options": {
-          "$ref": "#/definitions/options"
-        },
-        "rule": {
-          "$ref": "#/definitions/rule"
-        }
-      },
-      "required": ["type", "elements", "label"],
-      "additionalProperties": false,
-      "errorMessage": {
-        "properties": {
-          "type": "type should be equal to one of the allowed values",
-          "label": "Group label should be string"
-        },
-        "required": {
-          "type": "Group layout should have a string property \"type\"",
-          "elements": "Group layout should have an array property \"elements\"",
-          "label": "Group layout should have a string property \"label\""
-        },
-        "additionalProperties": "Group layout should not have properties other than type, elements, label, options and rule"
-      }
-    },
-    "rule": {
-      "$ref": "http://jsonforms.io/uischema/rule"
-    },
-    "scope": {
-      "type": "string",
-      "$id": "#scope",
-      "pattern": "^#$|^#\\/$|^#\\/properties\\/{1}"
-    },
-    "options": {
-      "type": "object",
-      "$id": "#options",
-      "additionalProperties": true
-    }
-  },
-  "errorMessage": {
-    "properties": {
-      "type": "Root type should be equal to one of the allowed values",
-      "label": "Root label should be string"
-    },
-    "required": {
-      "elements": "Root should have an array property \"elements\"",
-      "type": "Root should have a string property \"type\""
-    },
-    "additionalProperties": "Root should not have properties other than type, elements, label, options and rule"
-  }
-}
diff --git a/packages/vue-vuetify/dev/core/monaco.ts b/packages/vue-vuetify/dev/core/monaco.ts
deleted file mode 100644
index f6e156efc1..0000000000
--- a/packages/vue-vuetify/dev/core/monaco.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import * as monaco from 'monaco-editor';
-
-import editorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
-import jsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker';
-
-self.MonacoEnvironment = {
-  getWorker(_, label) {
-    if (label === 'json') {
-      return new jsonWorker();
-    }
-    return new editorWorker();
-  },
-};
-
-export default monaco;
-export type MonacoApi = typeof monaco;
diff --git a/packages/vue-vuetify/dev/env.d.ts b/packages/vue-vuetify/dev/env.d.ts
deleted file mode 100644
index 11f02fe2a0..0000000000
--- a/packages/vue-vuetify/dev/env.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-/// <reference types="vite/client" />
diff --git a/packages/vue-vuetify/dev/examples/index.ts b/packages/vue-vuetify/dev/examples/index.ts
deleted file mode 100644
index c9736d7286..0000000000
--- a/packages/vue-vuetify/dev/examples/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { getExamples } from '../../../examples';
-
-const examples = getExamples();
-
-export default examples;
diff --git a/packages/vue-vuetify/dev/icons/fa.ts b/packages/vue-vuetify/dev/icons/fa.ts
deleted file mode 100644
index 55eba56571..0000000000
--- a/packages/vue-vuetify/dev/icons/fa.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import type { ExampleIconAliases } from './icons';
-
-const aliases: ExampleIconAliases = {
-  dark: 'fas fa-moon',
-  light: 'fas fa-sun',
-  ltr: 'fas fa-align-left',
-  rtl: 'fas fa-align-right',
-  palette: 'fas fa-palette',
-  settings: 'fas fa-gear',
-  formatText: 'fas fa-text',
-  formOnly: 'fas fa-window-restore',
-  reload: 'fas fa-rotate-right',
-  save: 'fas fa-floppy-disk',
-};
-
-export { aliases };
diff --git a/packages/vue-vuetify/dev/icons/icons.ts b/packages/vue-vuetify/dev/icons/icons.ts
deleted file mode 100644
index 5fac9b13a9..0000000000
--- a/packages/vue-vuetify/dev/icons/icons.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import type { IconValue } from '../../src/icons/icons';
-
-export interface ExampleIconAliases {
-  dark: IconValue;
-  light: IconValue;
-  ltr: IconValue;
-  rtl: IconValue;
-  palette: IconValue;
-  settings: IconValue;
-  formatText: IconValue;
-  formOnly: IconValue;
-  reload: IconValue;
-  save: IconValue;
-}
diff --git a/packages/vue-vuetify/dev/icons/mdi.ts b/packages/vue-vuetify/dev/icons/mdi.ts
deleted file mode 100644
index dd95b370bd..0000000000
--- a/packages/vue-vuetify/dev/icons/mdi.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import type { ExampleIconAliases } from './icons';
-
-const aliases: ExampleIconAliases = {
-  dark: 'mdi-weather-night',
-  light: 'mdi-weather-sunny',
-  ltr: 'mdi-format-pilcrow-arrow-right',
-  rtl: 'mdi-format-pilcrow-arrow-left',
-  palette: 'mdi-palette',
-  settings: 'mdi-cog',
-  formatText: 'mdi-format-text',
-  formOnly: 'mdi-dock-window',
-  reload: 'mdi-reload',
-  save: 'mdi-content-save',
-};
-
-export { aliases };
diff --git a/packages/vue-vuetify/dev/main.ts b/packages/vue-vuetify/dev/main.ts
deleted file mode 100644
index 454f3b9d56..0000000000
--- a/packages/vue-vuetify/dev/main.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { createApp } from 'vue';
-import App from './App.vue';
-import buildVuetify from './plugins/vuetify';
-
-createApp(App).use(buildVuetify()).mount('#app');
diff --git a/packages/vue-vuetify/dev/plugins/vuetify.ts b/packages/vue-vuetify/dev/plugins/vuetify.ts
deleted file mode 100644
index 07c26095c3..0000000000
--- a/packages/vue-vuetify/dev/plugins/vuetify.ts
+++ /dev/null
@@ -1,278 +0,0 @@
-import { createVuetify, type Blueprint, type ThemeDefinition } from 'vuetify';
-import { md1, md2, md3 } from 'vuetify/blueprints';
-
-import '@fortawesome/fontawesome-free/css/all.css';
-import '@mdi/font/css/materialdesignicons.css';
-
-import { bg, de, en } from 'vuetify/locale';
-import 'vuetify/styles';
-// just make sure that the locales are loaded
-
-import dayjs from 'dayjs';
-import { watch } from 'vue';
-import { fa, aliases as faAliases } from 'vuetify/iconsets/fa';
-import { mdi, aliases as mdiAliases } from 'vuetify/iconsets/mdi';
-import { mdiIconAliases, faIconAliases } from '../../src/icons';
-import { aliases as appFaAliases } from '../icons/fa';
-import { aliases as appMdiAliases } from '../icons/mdi';
-import { useAppStore } from '../store';
-
-export function getCustomThemes(blueprint: string) {
-  const getThemeColors = (blueprint: string) => {
-    switch (blueprint) {
-      case 'md1':
-        return (md1.theme as any).themes.light.colors;
-      case 'md2':
-        return (md2.theme as any).themes.light.colors;
-      default:
-        return (md3.theme as any).themes.light.colors;
-    }
-  };
-
-  const customThemes: (ThemeDefinition & { name: string })[] = [
-    {
-      name: 'light',
-      dark: false,
-      colors: getThemeColors(blueprint),
-    },
-    {
-      name: 'dark',
-      dark: true,
-      colors: {
-        primary: '#2196F3',
-        secondary: '#54B6B2',
-        error: '#CF6679',
-        info: '#2196F3',
-        success: '#4CAF50',
-        warning: '#FB8C00',
-      },
-    },
-    {
-      name: 'Basil',
-      dark: false,
-      colors: {
-        primary: '#356859',
-        secondary: '#FD5523',
-        accent: '#37966F',
-        info: '#356859',
-      },
-    },
-    {
-      name: 'Crane',
-      dark: false,
-      colors: {
-        primary: '#5D1049',
-        secondary: '#E30425',
-        accent: '#4E0D3A',
-        info: '#5D1049',
-      },
-    },
-    {
-      name: 'Fortnightly',
-      dark: false,
-      colors: {
-        primary: '#6B38FB',
-        secondary: '#6B38FB',
-        info: '#6B38FB',
-      },
-    },
-    {
-      name: 'Owl',
-      dark: false,
-      colors: {
-        primary: '#FFDE03',
-        secondary: '#0336FF',
-        accent: '#FF0266',
-        info: '#FFDE03',
-      },
-    },
-    {
-      name: 'Shrine',
-      dark: false,
-      colors: {
-        primary: '#FEDBD0',
-        secondary: '#FEEAE6',
-        accent: '#442C2E',
-        info: '#FEDBD0',
-      },
-    },
-  ];
-
-  return customThemes;
-}
-
-function toIconSetAliases(iconset: string) {
-  // we can add vue-vuetify icons setoverrides here if needed or use the default provided base on the iconset
-
-  if (iconset === 'fa') {
-    // override vuetify calendar to use fa-regular calendar instead of fa-solid
-    return {
-      ...{ ...faAliases, ...{ calendar: 'far fa-calendar' } },
-      ...faIconAliases,
-      ...appFaAliases,
-    };
-  }
-
-  // default
-  return { ...mdiAliases, ...mdiIconAliases, ...appMdiAliases };
-}
-
-function toBlueprint(value: string): Blueprint {
-  if (value === 'md1') {
-    return md1;
-  }
-  if (value === 'md2') {
-    return md2;
-  }
-  if (value === 'md3') {
-    return md3;
-  }
-  // default
-  return md1;
-}
-
-function createVuetifyInstance(
-  dark: boolean,
-  blueprint: string,
-  variant: string,
-  iconset: string,
-  locale: string,
-) {
-  const defaults = variant
-    ? {
-        VField: {
-          variant: variant,
-        },
-        VTextField: {
-          variant: variant,
-        },
-        VCombobox: {
-          variant: variant,
-        },
-        VSelect: {
-          variant: variant,
-        },
-        VAutocomplete: {
-          variant: variant,
-        },
-        VTextarea: {
-          variant: variant,
-        },
-        VNumberInput: {
-          variant: variant,
-        },
-        VDateInput: {
-          variant: variant,
-        },
-        VCheckbox: { color: 'primary' },
-      }
-    : {
-        VCheckbox: { color: 'primary' },
-      };
-
-  dayjs.locale(locale);
-
-  return createVuetify({
-    blueprint: toBlueprint(blueprint),
-    locale: {
-      locale: locale,
-      fallback: 'en',
-      messages: { en, bg, de },
-    },
-    icons: {
-      defaultSet: iconset, // Set the default icon set
-      sets: {
-        mdi,
-        fa,
-      },
-      aliases: toIconSetAliases(iconset),
-    },
-    theme: {
-      defaultTheme: dark ? 'dark' : 'light',
-      themes: getCustomThemes(blueprint).reduce(
-        (acc: Record<string, ThemeDefinition>, current) => {
-          acc[current.name] = current;
-          return acc;
-        },
-        {},
-      ),
-    },
-    defaults: defaults,
-  });
-}
-
-export function buildVuetify() {
-  const appStore = useAppStore();
-  const vuetify = createVuetifyInstance(
-    appStore.dark,
-    appStore.blueprint,
-    appStore.variant,
-    appStore.iconset,
-    appStore.jsonforms.locale,
-  );
-
-  watch(
-    () => appStore.jsonforms.locale,
-    (locale: string) => {
-      vuetify.locale.current.value = locale;
-      dayjs.locale(locale);
-    },
-  );
-
-  // Watch for changes in the variant and update Vuetify
-  watch(
-    () => appStore.variant,
-    (variant: string) => {
-      if (variant) {
-        vuetify.defaults.value = {
-          ...vuetify.defaults.value,
-          VField: {
-            ...vuetify.defaults.value?.VField,
-            variant: variant,
-          },
-          VTextField: {
-            ...vuetify.defaults.value?.VTextField,
-            variant: variant,
-          },
-          VCombobox: {
-            ...vuetify.defaults.value?.VCombobox,
-            variant: variant,
-          },
-          VSelect: {
-            ...vuetify.defaults.value?.VSelect,
-            variant: variant,
-          },
-          VAutocomplete: {
-            ...vuetify.defaults.value?.VAutocomplete,
-            variant: variant,
-          },
-          VTextarea: {
-            ...vuetify.defaults.value?.VTextarea,
-            variant: variant,
-          },
-          VNumberInput: {
-            ...vuetify.defaults.value?.VNumberInput,
-            variant: variant,
-          },
-          VDateInput: {
-            ...vuetify.defaults.value?.VDateInput,
-            variant: variant,
-          },
-        };
-      } else {
-        delete vuetify.defaults.value?.VField?.variant;
-        delete vuetify.defaults.value?.VTextField?.variant;
-        delete vuetify.defaults.value?.VCombobox?.variant;
-        delete vuetify.defaults.value?.VSelect?.variant;
-        delete vuetify.defaults.value?.VAutocomplete?.variant;
-        delete vuetify.defaults.value?.VTextarea?.variant;
-        delete vuetify.defaults.value?.VNumberInput?.variant;
-        delete vuetify.defaults.value?.VDateInput?.variant;
-      }
-    },
-  );
-
-  return vuetify;
-}
-
-export default buildVuetify;
diff --git a/packages/vue-vuetify/dev/store/index.ts b/packages/vue-vuetify/dev/store/index.ts
deleted file mode 100644
index cacfe6a4bd..0000000000
--- a/packages/vue-vuetify/dev/store/index.ts
+++ /dev/null
@@ -1,111 +0,0 @@
-import type { ValidationMode } from '@jsonforms/core';
-import { reactive, ref, watch } from 'vue';
-
-const appstore = reactive({
-  exampleName: useHistoryHash(''),
-  rtl: false,
-  formOnly: false,
-  dark: useLocalStorage('vuetify-example-dark', false),
-  theme: useLocalStorage('vuetify-example-theme', 'light'),
-  drawer: true,
-  settings: false,
-  variant: useLocalStorage('vuetify-example-variant', ''),
-  iconset: useLocalStorage('vuetify-example-iconset', 'mdi'),
-  blueprint: useLocalStorage('vuetify-example-blueprint', 'md1'),
-  jsonforms: {
-    readonly: false,
-    validationMode: 'ValidateAndShow' as ValidationMode,
-    config: {
-      restrict: true,
-      trim: false,
-      showUnfocusedDescription: false,
-      hideRequiredAsterisk: true,
-      collapseNewItems: false,
-      breakHorizontal: false,
-      initCollapsed: false,
-      hideAvatar: false,
-      hideArraySummaryValidation: false,
-      enableFilterErrorsBeforeTouch: false,
-      vuetify: {},
-    },
-    locale: useLocalStorage('vuetify-example-locale', 'en'),
-  },
-});
-
-export const useAppStore = () => {
-  return appstore;
-};
-
-export function useHistoryHash(initialValue: string) {
-  const data = ref(initialValue);
-
-  // Function to update data based on URL hash
-  const updateDataFromHash = () => {
-    const hash = window.location.hash.slice(1);
-    if (hash) {
-      try {
-        data.value = decodeURIComponent(hash);
-      } catch (error) {
-        console.error('Error parsing hash:', error);
-      }
-    }
-  };
-
-  // Update data from URL hash on component mount
-  updateDataFromHash();
-
-  watch(
-    data,
-    (newValue) => {
-      const encodedData = encodeURIComponent(newValue);
-      window.history.replaceState(null, '', `#${encodedData}`);
-    },
-    { deep: true },
-  );
-
-  return data;
-}
-
-export function useLocalStorage(
-  key: string,
-  initialValue: string | boolean | number | Record<string, any>,
-) {
-  // Read from localStorage
-  const storedValueAsString = localStorage.getItem(key);
-
-  let storedValue;
-  if (storedValueAsString) {
-    if (typeof initialValue === 'string') {
-      storedValue = storedValueAsString;
-    } else if (typeof initialValue === 'number') {
-      storedValue = parseFloat(storedValueAsString);
-    } else if (typeof initialValue === 'boolean') {
-      storedValue = storedValueAsString === 'true';
-    } else {
-      storedValue = JSON.parse(storedValueAsString);
-    }
-  }
-
-  const data = ref(storedValue ?? initialValue);
-
-  // Watch for changes to data and update localStorage
-  watch(
-    data,
-    (newValue) => {
-      if (newValue === undefined || newValue === null) {
-        localStorage.removeItem(key);
-      } else if (
-        typeof newValue === 'string' ||
-        typeof newValue === 'boolean' ||
-        typeof newValue === 'number'
-      ) {
-        localStorage.setItem(key, newValue + '');
-      } else {
-        localStorage.setItem(key, JSON.stringify(newValue));
-      }
-    },
-    { deep: true },
-  );
-
-  return data;
-}
diff --git a/packages/vue-vuetify/dev/validate/dynamicDefaults.ts b/packages/vue-vuetify/dev/validate/dynamicDefaults.ts
deleted file mode 100644
index 5252f9027d..0000000000
--- a/packages/vue-vuetify/dev/validate/dynamicDefaults.ts
+++ /dev/null
@@ -1,149 +0,0 @@
-import dayjs, { type UnitType } from 'dayjs';
-import customParsingPlugin from 'dayjs/plugin/customParseFormat';
-import durationPlugin from 'dayjs/plugin/duration';
-import timezonePlugin from 'dayjs/plugin/timezone'; // dependent on utc plugin
-import utcPlugin from 'dayjs/plugin/utc';
-
-// required for the custom save formats in the date, time and date-time pickers
-dayjs.extend(customParsingPlugin);
-dayjs.extend(utcPlugin);
-dayjs.extend(timezonePlugin);
-dayjs.extend(durationPlugin);
-
-export const dynamic = (args: any) => {
-  let func: string | undefined = undefined;
-  if (args?.func && typeof args.func === 'string') {
-    func = args?.func;
-  }
-
-  if (func) {
-    try {
-      const fn = new Function(
-        'args',
-        `const func = ${func}; return func(args);`,
-      );
-      return () => {
-        try {
-          return fn(args);
-        } catch (e) {
-          console.error(`Error at dynamicDefaults 'dynamic': ${e}`);
-        }
-      };
-    } catch (e) {
-      console.error(`Error at dynamicDefaults 'dynamic': ${e}`);
-    }
-  }
-
-  throw new Error(`missing argument 'func' for dynamicDefaults func 'dynamic'`);
-};
-
-export const searchParams = (args: any) => {
-  let paramName: string | undefined = undefined;
-  if (args?.param && typeof args.param === 'string') {
-    paramName = args?.param;
-  }
-
-  const url: URL = new URL(window.location.href);
-  const params: URLSearchParams = url.searchParams;
-
-  let result: string | undefined = undefined;
-  if (paramName) {
-    if (params.has(paramName)) {
-      result = params.get(paramName)!;
-    } else {
-      // try from the hash #
-      const hash = url.hash;
-      const index = hash.indexOf('?');
-      if (index > 0 && index < hash.length - 1) {
-        const hashSearchParams = new URLSearchParams(hash.substring(index + 1));
-        if (hashSearchParams.has(paramName)) {
-          result = hashSearchParams.get(paramName)!;
-        }
-      }
-    }
-  }
-
-  return () => result;
-};
-
-export const datetimeOffset = (args: any) => {
-  const dateTime = nowOffset(args);
-  let result: string | undefined = undefined;
-
-  if (dateTime.isValid()) {
-    const datetimeLocalFormat = 'YYYY-MM-DDTHH:mm:ss.SSS';
-
-    result = dateTime.local().format(datetimeLocalFormat);
-  }
-
-  return () => result;
-};
-
-export const timeOffset = (args: any) => {
-  const dateTime = nowOffset(args);
-  let result: string | undefined = undefined;
-
-  if (dateTime.isValid()) {
-    const datetimeLocalFormat = 'HH:mm:ss.SSS';
-
-    result = dateTime.local().format(datetimeLocalFormat);
-  }
-
-  return () => result;
-};
-
-export const dateOffset = (args: any) => {
-  const date = nowOffset(args);
-  let result: string | undefined = undefined;
-
-  if (date.isValid()) {
-    result = date.local().format('YYYY-MM-DD');
-  }
-
-  return () => result;
-};
-
-export const dateUnit = (args: any) => {
-  const date = nowOffset(args);
-  let result: number | undefined = undefined;
-
-  if (date.isValid()) {
-    let unit: UnitType = 'millisecond';
-    if (args?.unit && typeof args.unit === 'string') {
-      unit = args?.unit;
-    }
-
-    result = date.local().get(unit);
-  }
-
-  return () => result;
-};
-
-const nowOffset = (args: any) => {
-  let duration: string | undefined = undefined;
-  if (args?.duration && typeof args.duration === 'string') {
-    duration = args?.duration;
-  }
-  let date: string | Date | undefined = new Date();
-  if (args?.date && typeof args.date === 'string') {
-    if (args.date !== 'now') {
-      // only assign if not the string now
-      date = args?.date;
-    }
-  }
-  let operation: 'add' | 'substract' = 'add';
-  if (args?.op && args.op === 'substract') {
-    operation = 'substract';
-  }
-
-  let dateObj = dayjs(date);
-
-  if (dateObj.isValid() && duration) {
-    const offset = dayjs.duration(duration);
-
-    dateObj =
-      operation == 'add' ? dateObj.add(offset) : dateObj.subtract(offset);
-  }
-
-  return dateObj;
-};
diff --git a/packages/vue-vuetify/dev/validate/index.ts b/packages/vue-vuetify/dev/validate/index.ts
deleted file mode 100644
index c454e69279..0000000000
--- a/packages/vue-vuetify/dev/validate/index.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import type { Options } from 'ajv';
-import { markRaw } from 'vue';
-import { createAjv as createDefaultAjv } from '../../src';
-import { ajvKeywords } from './keywords';
-
-export const createAjv = () => {
-  const options: Options = {
-    useDefaults: true,
-    $data: true,
-    discriminator: true,
-  };
-
-  const ajv = createDefaultAjv(options);
-  ajvKeywords(ajv);
-
-  // when ajv is used in component properties do not make it reactive
-  return markRaw(ajv);
-};
diff --git a/packages/vue-vuetify/dev/validate/keywords.ts b/packages/vue-vuetify/dev/validate/keywords.ts
deleted file mode 100644
index bc4701fe6a..0000000000
--- a/packages/vue-vuetify/dev/validate/keywords.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import Ajv from 'ajv';
-import keywords from 'ajv-keywords';
-import dynamicDefaults from 'ajv-keywords/dist/definitions/dynamicDefaults';
-import tranform from './transform';
-
-import {
-  dateOffset,
-  datetimeOffset,
-  dateUnit,
-  dynamic,
-  searchParams,
-  timeOffset,
-} from './dynamicDefaults';
-
-export const ajvKeywords = (ajv: Ajv) => {
-  keywords(ajv);
-
-  // add custom transform to be able to use more transformation functions since the transform keyword is not extensible as the dynamicDefaults
-  ajv.removeKeyword('transform');
-  ajv.addKeyword(tranform());
-
-  // register new dynamic defaults
-  (dynamicDefaults.DEFAULTS as any).dynamic = dynamic;
-  (dynamicDefaults.DEFAULTS as any).searchParams = searchParams;
-  (dynamicDefaults.DEFAULTS as any).datetime = datetimeOffset;
-  (dynamicDefaults.DEFAULTS as any).date = dateOffset;
-  (dynamicDefaults.DEFAULTS as any).time = timeOffset;
-
-  (dynamicDefaults.DEFAULTS as any).dateUnit = dateUnit;
-};
diff --git a/packages/vue-vuetify/dev/validate/transform.ts b/packages/vue-vuetify/dev/validate/transform.ts
deleted file mode 100644
index d0c4bfb81c..0000000000
--- a/packages/vue-vuetify/dev/validate/transform.ts
+++ /dev/null
@@ -1,120 +0,0 @@
-import type {
-  AnySchemaObject,
-  Code,
-  CodeKeywordDefinition,
-  KeywordCxt,
-  Name,
-} from 'ajv';
-import { _, getProperty, stringify } from 'ajv/dist/compile/codegen';
-import capitalizeFn from 'lodash/capitalize';
-import startCaseFn from 'lodash/startCase';
-
-type TransformName =
-  | 'trimStart'
-  | 'trimEnd'
-  | 'trimLeft'
-  | 'trimRight'
-  | 'trim'
-  | 'toLowerCase'
-  | 'toUpperCase'
-  | 'toEnumCase'
-  | 'capitalize'
-  | 'startCase';
-
-interface TransformConfig {
-  hash: Record<string, string | undefined>;
-}
-
-type Transform = (s: string, cfg?: TransformConfig) => string;
-
-const transform: { [key in TransformName]: Transform } = {
-  trimStart: (s) => s.trimStart(),
-  trimEnd: (s) => s.trimEnd(),
-  trimLeft: (s) => s.trimStart(),
-  trimRight: (s) => s.trimEnd(),
-  trim: (s) => s.trim(),
-  toLowerCase: (s) => s.toLowerCase(),
-  toUpperCase: (s) => s.toUpperCase(),
-  toEnumCase: (s, cfg) => cfg?.hash[configKey(s)] || s,
-  capitalize: (s) => capitalizeFn(s),
-  startCase: (s) => startCaseFn(s),
-};
-
-const getDef: (() => CodeKeywordDefinition) & {
-  transform: typeof transform;
-} = Object.assign(_getDef, { transform });
-
-function _getDef(): CodeKeywordDefinition {
-  return {
-    keyword: 'transform',
-    schemaType: 'array',
-    before: 'enum',
-    code(cxt: KeywordCxt) {
-      const { gen, data, schema, parentSchema, it } = cxt;
-      const { parentData, parentDataProperty } = it;
-      const tNames: string[] = schema;
-      if (!tNames.length) return;
-      let cfg: Name | undefined;
-      if (tNames.includes('toEnumCase')) {
-        const config = getEnumCaseCfg(parentSchema);
-        cfg = gen.scopeValue('obj', { ref: config, code: stringify(config) });
-      }
-      gen.if(
-        _`typeof ${data} == "string" && ${parentData} !== undefined`,
-        () => {
-          gen.assign(data, transformExpr(tNames.slice()));
-          gen.assign(_`${parentData}[${parentDataProperty}]`, data);
-        },
-      );
-
-      function transformExpr(ts: string[]): Code {
-        if (!ts.length) return data;
-        const t = ts.pop() as string;
-        if (!(t in transform))
-          throw new Error(`transform: unknown transformation ${t}`);
-        const func = gen.scopeValue('func', {
-          ref: transform[t as TransformName],
-          code: _`require("ajv-keywords/dist/definitions/transform").transform${getProperty(
-            t,
-          )}`,
-        });
-        const arg = transformExpr(ts);
-        return cfg && t === 'toEnumCase'
-          ? _`${func}(${arg}, ${cfg})`
-          : _`${func}(${arg})`;
-      }
-    },
-    metaSchema: {
-      type: 'array',
-      items: { type: 'string', enum: Object.keys(transform) },
-    },
-  };
-}
-
-function getEnumCaseCfg(parentSchema: AnySchemaObject): TransformConfig {
-  // build hash table to enum values
-  const cfg: TransformConfig = { hash: {} };
-
-  // requires `enum` in the same schema as transform
-  if (!parentSchema.enum)
-    throw new Error('transform: "toEnumCase" requires "enum"');
-  for (const v of parentSchema.enum) {
-    if (typeof v !== 'string') continue;
-    const k = configKey(v);
-    // requires all `enum` values have unique keys
-    if (cfg.hash[k]) {
-      throw new Error(
-        'transform: "toEnumCase" requires all lowercased "enum" values to be unique',
-      );
-    }
-    cfg.hash[k] = v;
-  }
-
-  return cfg;
-}
-
-function configKey(s: string): string {
-  return s.toLowerCase();
-}
-
-export default getDef;
diff --git a/packages/vue-vuetify/dev/views/ExampleView.vue b/packages/vue-vuetify/dev/views/ExampleView.vue
deleted file mode 100644
index c93eb9420d..0000000000
--- a/packages/vue-vuetify/dev/views/ExampleView.vue
+++ /dev/null
@@ -1,540 +0,0 @@
-<script setup lang="ts">
-import type { JsonFormsChangeEvent } from '@jsonforms/vue';
-import type { ErrorObject } from 'ajv';
-import cloneDeep from 'lodash/cloneDeep';
-import find from 'lodash/find';
-import * as monaco from 'monaco-editor/esm/vs/editor/editor.api';
-import {
-  markRaw,
-  onMounted,
-  provide,
-  reactive,
-  ref,
-  shallowRef,
-  watch,
-  type ShallowRef,
-} from 'vue';
-import type { ExampleDescription } from '../../../examples/lib';
-import { ValidationIcon, defaultStyles, mergeStyles } from '../../src';
-import ExampleForm from '../components/ExampleForm.vue';
-import MonacoEditor from '../components/MonacoEditor.vue';
-import {
-  configureDataValidation,
-  configureJsonSchemaValidation,
-  configureUISchemaValidation,
-  getMonacoModelForUri,
-} from '../core/jsonSchemaValidation';
-import type { MonacoApi } from '../core/monaco';
-import examples from '../examples';
-import { useAppStore } from '../store';
-import { createAjv } from '../validate';
-
-// dynamically import renderers so vite vue will not do tree shaking and removing the renderer functions from our components in production mode
-const { extendedVuetifyRenderers } = await import('../../src');
-
-const props = defineProps<{
-  example: ExampleDescription;
-}>();
-
-const appStore = useAppStore();
-
-const myStyles = mergeStyles(defaultStyles, {
-  control: { root: 'my-control' },
-});
-
-provide('styles', myStyles);
-
-const ajv = createAjv();
-const activeTab = ref(0);
-const errors = ref<
-  ErrorObject<string, Record<string, any>, unknown>[] | undefined
->(undefined);
-const snackbar = ref(false);
-const snackbarText = ref('');
-const snackbarTimeout = ref(3000);
-
-const renderers = markRaw(extendedVuetifyRenderers);
-
-const schemaModel = shallowRef<monaco.editor.ITextModel | undefined>(undefined);
-const uischemaModel = shallowRef<monaco.editor.ITextModel | undefined>(
-  undefined,
-);
-const dataModel = shallowRef<monaco.editor.ITextModel | undefined>(undefined);
-//const i18nModel = shallowRef<monaco.editor.ITextModel | undefined>(undefined);
-
-const initialState = (exampleProp: ExampleDescription) => {
-  const example = cloneDeep(exampleProp);
-
-  return {
-    data: example.data,
-    schema: example.schema,
-    uischema: example.uischema,
-    renderers: renderers,
-    cells: undefined, // not defined
-    config: appStore.jsonforms.config,
-    readonly: appStore.jsonforms.readonly,
-    uischemas: example.uischemas,
-    validationMode: appStore.jsonforms.validationMode,
-    ajv: ajv,
-    i18n: exampleProp.i18n ?? {
-      locale: appStore.jsonforms.locale,
-    },
-    additionalErrors: undefined,
-    middleware: undefined,
-  };
-};
-const state = reactive(initialState(props.example));
-
-const onChange = (event: JsonFormsChangeEvent): void => {
-  if (props.example.name) {
-    dataModel.value = getMonacoModelForUri(
-      monaco.Uri.parse(toDataUri(props.example.name)),
-      event.data ? JSON.stringify(event.data, null, 2) : '',
-    );
-  }
-  errors.value = event.errors;
-};
-
-const reloadMonacoSchema = () => {
-  const example = find(
-    examples,
-    (example) => example.name === appStore.exampleName,
-  );
-
-  if (example) {
-    schemaModel.value = getMonacoModelForUri(
-      monaco.Uri.parse(toSchemaUri(example.name)),
-      example.schema ? JSON.stringify(example.schema, null, 2) : '',
-    );
-    toast('Original example schema loaded. Apply it to take effect.');
-  }
-};
-
-const saveMonacoSchema = () => {
-  saveMonacoModel(
-    schemaModel,
-    (modelValue) => (state.schema = JSON.parse(modelValue)),
-    'New schema applied',
-  );
-
-  if (state.schema) {
-    configureDataValidation(
-      monaco,
-      `inmemory://${toSchemaUri(props.example.name)}`,
-      toDataUri(props.example.name),
-      cloneDeep(state.schema),
-    );
-  }
-};
-
-const reloadMonacoUiSchema = () => {
-  const example = find(
-    examples,
-    (example) => example.name === appStore.exampleName,
-  );
-
-  if (example) {
-    uischemaModel.value = getMonacoModelForUri(
-      monaco.Uri.parse(toUiSchemaUri(example.name)),
-      example.uischema ? JSON.stringify(example.uischema, null, 2) : '',
-    );
-    toast('Original example UI schema loaded. Apply it to take effect.');
-  }
-};
-
-const saveMonacoUiSchema = () => {
-  saveMonacoModel(
-    uischemaModel,
-    (modelValue) =>
-      (state.uischema = modelValue ? JSON.parse(modelValue) : undefined),
-    'New UI schema applied',
-  );
-};
-
-const reloadMonacoData = () => {
-  const example = find(
-    examples,
-    (example) => example.name === appStore.exampleName,
-  );
-
-  if (example) {
-    dataModel.value = getMonacoModelForUri(
-      monaco.Uri.parse(toDataUri(example.name)),
-      example.data ? JSON.stringify(example.data, null, 2) : '',
-    );
-    toast('Original example data loaded. Apply it to take effect.');
-  }
-};
-
-const saveMonacoData = () => {
-  saveMonacoModel(
-    dataModel,
-    (modelValue) => {
-      if (state.schema?.type === 'number' || state.schema?.type === 'integer') {
-        try {
-          state.data = parseFloat(modelValue);
-        } catch {
-          // not able to convert the value - invalid data
-          state.data = modelValue;
-        }
-      } else if (state.schema?.type === 'boolean') {
-        state.data = modelValue == 'true';
-      } else if (
-        state.schema?.type === 'object' ||
-        state.schema?.type === 'array'
-      ) {
-        try {
-          state.data = JSON.parse(modelValue);
-        } catch {
-          // not able to convert the value - invalid data
-          state.data = modelValue;
-        }
-      } else {
-        state.data = modelValue;
-      }
-    },
-    'New data applied',
-  );
-};
-
-// const reloadMonacoI18N = () => {
-//   const example = find(
-//     examples,
-//     (example) => example.name === appStore.exampleName,
-//   );
-
-//   if (example) {
-//     i18nModel.value = getMonacoModelForUri(
-//       monaco.Uri.parse(toI18NUri(example.name)),
-//       Array.isArray(example.data) || typeof example.data === 'object'
-//         ? JSON.stringify(example.data, null, 2)
-//         : `${example.data}`,
-//     );
-//     toast('Original example i18n loaded. Apply it to take effect.');
-//   }
-// };
-
-// const saveMonacoI18N = () => {
-//   saveMonacoModel(
-//     i18nModel,
-//     (modelValue) =>
-//       (example.value = {
-//         ...example.value,
-//         i18n: JSON.parse(modelValue),
-//       } as ExampleDescription),
-//     'New i18n applied',
-//   );
-// };
-
-const saveMonacoModel = (
-  model: ShallowRef<monaco.editor.ITextModel | undefined>,
-  apply: (value: string) => void,
-  successToast: string,
-) => {
-  if (model.value) {
-    const modelValue = model.value.getValue();
-
-    try {
-      apply(modelValue);
-      toast(successToast);
-    } catch (error) {
-      toast(`Error: ${error}`);
-    }
-  }
-};
-
-const registerValidations = (editor: MonacoApi) => {
-  configureJsonSchemaValidation(editor, ['*.schema.json']);
-  configureUISchemaValidation(editor, ['*.uischema.json']);
-  for (const example of examples) {
-    const schema = {
-      ...example.schema,
-      title: example.label,
-    };
-
-    if (example && example.schema) {
-      configureDataValidation(
-        editor,
-        `inmemory://${toSchemaUri(example.name)}`,
-        toDataUri(example.name),
-        schema,
-      );
-    }
-  }
-};
-
-const updateMonacoModels = (example: ExampleDescription) => {
-  schemaModel.value = getMonacoModelForUri(
-    monaco.Uri.parse(toSchemaUri(example.name)),
-    example.schema ? JSON.stringify(example.schema, null, 2) : '',
-  );
-
-  uischemaModel.value = getMonacoModelForUri(
-    monaco.Uri.parse(toUiSchemaUri(example.name)),
-    example.uischema ? JSON.stringify(example.uischema, null, 2) : '',
-  );
-
-  dataModel.value = getMonacoModelForUri(
-    monaco.Uri.parse(toDataUri(example.name)),
-    Array.isArray(example.data) || typeof example.data === 'object'
-      ? JSON.stringify(example.data, null, 2)
-      : `${example.data}`,
-  );
-
-  // i18nModel.value = getMonacoModelForUri(
-  //   monaco.Uri.parse(toI18NUri(example.name)),
-  //   example.i18n ? JSON.stringify(example.i18n, null, 2) : '',
-  // );
-};
-
-const toSchemaUri = (id: string): string => {
-  return `${id}.schema.json`;
-};
-const toUiSchemaUri = (id: string): string => {
-  return `${id}.uischema.json`;
-};
-const toDataUri = (id: string): string => {
-  return `${id}.data.json`;
-};
-const toI18NUri = (id: string): string => {
-  return `${id}.i18n.json`;
-};
-const toast = (message: string): void => {
-  snackbar.value = true;
-  snackbarText.value = message;
-};
-
-onMounted(() => {
-  updateMonacoModels(props.example);
-});
-
-watch(
-  () => props.example,
-  (value) => {
-    updateMonacoModels(props.example);
-    // reset state when example changes
-    Object.assign(state, initialState(value));
-  },
-);
-
-watch(
-  () => appStore.jsonforms,
-  (value) => {
-    // reset state when store jsonforms changes
-    Object.assign(state, initialState(props.example));
-  },
-  { deep: true },
-);
-
-watch(
-  () => appStore.formOnly,
-  (value) => {
-    if (!value) {
-      // we need to show the wrapper so make sure that the monaco models are updated
-      updateMonacoModels(props.example);
-    }
-  },
-);
-
-type Action = NonNullable<ExampleDescription['actions']>[number];
-
-const handleAction = (action: Action) => {
-  if (action) {
-    const newState = action.apply(state);
-    if (newState) {
-      Object.assign(state, newState);
-    }
-  }
-};
-</script>
-
-<template>
-  <div>
-    <v-container fluid class="demo" v-if="!appStore.formOnly">
-      <v-card>
-        <v-card-title>{{ example.label }}</v-card-title>
-        <v-card-text>
-          <v-tabs v-model="activeTab">
-            <v-tab :key="0"
-              >Demo<validation-icon
-                v-if="errors"
-                :errors="errors"
-              ></validation-icon
-            ></v-tab>
-            <v-spacer expand />
-            <v-tab :key="1">Schema</v-tab>
-            <v-tab :key="2">UI Schema</v-tab>
-            <v-tab :key="3">Data</v-tab>
-            <!-- <v-tab :key="4">Internationalization</v-tab> -->
-          </v-tabs>
-        </v-card-text>
-        <v-window v-model="activeTab">
-          <v-window-item :key="0">
-            <v-card>
-              <v-card-title>
-                <v-toolbar flat>
-                  <v-toolbar-title>JSONForm</v-toolbar-title>
-                  <v-spacer></v-spacer>
-                  <v-toolbar-items v-if="example.actions">
-                    <v-btn
-                      v-for="(action, index) in example.actions"
-                      :key="index"
-                      @click="() => handleAction(action)"
-                      >{{ action.label }}</v-btn
-                    >
-                  </v-toolbar-items>
-                </v-toolbar>
-              </v-card-title>
-              <v-divider class="mx-4"></v-divider>
-              <div class="json-forms">
-                <example-form :state="state" @jsfchange="onChange" />
-              </div>
-            </v-card>
-          </v-window-item>
-          <v-window-item :key="1">
-            <v-card>
-              <v-card-title>
-                <v-toolbar flat>
-                  <v-toolbar-title>Schema</v-toolbar-title>
-                  <v-spacer></v-spacer>
-                  <v-tooltip bottom>
-                    <template v-slot:activator="{ props }">
-                      <v-btn icon @click="reloadMonacoSchema" v-bind="props">
-                        <v-icon>$reload</v-icon>
-                      </v-btn>
-                    </template>
-                    {{ `Reload Example Schema` }}
-                  </v-tooltip>
-                  <v-tooltip bottom>
-                    <template v-slot:activator="{ props }">
-                      <v-btn icon @click="saveMonacoSchema" v-bind="props">
-                        <v-icon>$save</v-icon>
-                      </v-btn>
-                    </template>
-                    {{ `Apply Change To Example Schema` }}
-                  </v-tooltip>
-                </v-toolbar>
-              </v-card-title>
-              <v-divider class="mx-4"></v-divider>
-              <monaco-editor
-                :language="`json`"
-                v-model="schemaModel"
-                style="height: calc(100vh - 100px)"
-                :editorBeforeMount="registerValidations"
-              ></monaco-editor>
-            </v-card>
-          </v-window-item>
-          <v-window-item :key="2">
-            <v-card>
-              <v-card-title>
-                <v-toolbar flat>
-                  <v-toolbar-title>UI Schema</v-toolbar-title>
-                  <v-spacer></v-spacer>
-                  <v-tooltip bottom>
-                    <template v-slot:activator="{ props }">
-                      <v-btn icon @click="reloadMonacoUiSchema" v-bind="props">
-                        <v-icon>$reload</v-icon>
-                      </v-btn>
-                    </template>
-                    {{ `Reload Example UI Schema` }}
-                  </v-tooltip>
-                  <v-tooltip bottom>
-                    <template v-slot:activator="{ props }">
-                      <v-btn icon @click="saveMonacoUiSchema" v-bind="props">
-                        <v-icon>$save</v-icon>
-                      </v-btn>
-                    </template>
-                    {{ `Apply Change To Example UI Schema` }}
-                  </v-tooltip>
-                </v-toolbar>
-              </v-card-title>
-              <v-divider class="mx-4"></v-divider>
-              <monaco-editor
-                language="json"
-                v-model="uischemaModel"
-                style="height: calc(100vh - 100px)"
-                :editorBeforeMount="registerValidations"
-              ></monaco-editor>
-            </v-card>
-          </v-window-item>
-          <v-window-item :key="3">
-            <v-card>
-              <v-card-title>
-                <v-toolbar flat>
-                  <v-toolbar-title>Data</v-toolbar-title>
-                  <v-spacer></v-spacer>
-                  <v-tooltip bottom>
-                    <template v-slot:activator="{ props }">
-                      <v-btn icon @click="reloadMonacoData" v-bind="props">
-                        <v-icon>$reload</v-icon>
-                      </v-btn>
-                    </template>
-                    {{ `Reload Example Data` }}
-                  </v-tooltip>
-                  <v-tooltip bottom>
-                    <template v-slot:activator="{ props }">
-                      <v-btn icon @click="saveMonacoData" v-bind="props">
-                        <v-icon>$save</v-icon>
-                      </v-btn>
-                    </template>
-                    {{ `Apply Change To Example Data` }}
-                  </v-tooltip>
-                </v-toolbar>
-              </v-card-title>
-              <v-divider class="mx-4"></v-divider>
-              <monaco-editor
-                language="json"
-                v-model="dataModel"
-                style="height: calc(100vh - 100px)"
-                :editorBeforeMount="registerValidations"
-              ></monaco-editor>
-            </v-card>
-          </v-window-item>
-          <v-window-item :key="4">
-            <v-card>
-              TODO
-              <!-- <v-card-title>
-                <v-toolbar flat>
-                  <v-toolbar-title>Internationalization</v-toolbar-title>
-                  <v-spacer></v-spacer>
-                  <v-tooltip bottom>
-                    <template v-slot:activator="{ props }">
-                      <v-btn icon @click="reloadMonacoI18N" v-bind="props">
-                        <v-icon>$reload</v-icon>
-                      </v-btn>
-                    </template>
-                    {{ `Reload Example Internationalization` }}
-                  </v-tooltip>
-                  <v-tooltip bottom>
-                    <template v-slot:activator="{ props }">
-                      <v-btn icon @click="saveMonacoI18N" v-bind="props">
-                        <v-icon>$save</v-icon>
-                      </v-btn>
-                    </template>
-                    {{ `Apply Change To Example Data` }}
-                  </v-tooltip>
-                </v-toolbar>
-              </v-card-title>
-              <v-divider class="mx-4"></v-divider>
-              <monaco-editor
-                language="json"
-                v-model="i18nModel"
-                style="height: calc(100vh - 100px)"
-                :editorBeforeMount="registerValidations"
-              ></monaco-editor> -->
-            </v-card>
-          </v-window-item>
-        </v-window>
-      </v-card>
-      <v-snackbar v-model="snackbar" :timeout="snackbarTimeout">
-        {{ snackbarText }}
-        <template v-slot:actions>
-          <v-btn variant="text" @click="snackbar = false"> Close </v-btn>
-        </template>
-      </v-snackbar>
-    </v-container>
-    <div class="json-forms" v-else>
-      <example-form :state="state" @jsfchange="onChange" />
-    </div>
-  </div>
-</template>
diff --git a/packages/vue-vuetify/dev/views/HomeView.vue b/packages/vue-vuetify/dev/views/HomeView.vue
deleted file mode 100644
index 487e0e244d..0000000000
--- a/packages/vue-vuetify/dev/views/HomeView.vue
+++ /dev/null
@@ -1,27 +0,0 @@
-<script setup lang="ts">
-import VuetifyLogo from '../assets/VuetifyLogo.vue';
-</script>
-
-<template>
-  <v-container fluid>
-    <v-row>
-      <v-col cols="12" class="text-center">
-        <VuetifyLogo height="200" width="200" animate></VuetifyLogo
-      ></v-col>
-      <v-col cols="12" class="text-center">
-        <h1 class="display-2 font-weight-bold mb-3">
-          Welcome to JSON Forms Vue 3 Vuetify
-        </h1>
-        <h2 class="display-3 font-weight-bold mb-3">More Forms. Less Code.</h2>
-
-        <p class="subheading font-weight-regular">
-          For help and collaboration with other JSON Forms developers,
-          <br />please join our online
-          <a href="https://jsonforms.discourse.group" target="_blank"
-            >Discourse Community</a
-          >
-        </p>
-      </v-col>
-    </v-row>
-  </v-container>
-</template>
diff --git a/packages/vue-vuetify/index.html b/packages/vue-vuetify/index.html
deleted file mode 100644
index 05c4e10c56..0000000000
--- a/packages/vue-vuetify/index.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900"
-    />
-    <title>JSON Forms Vue 3 Vuetify</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/dev/main.ts"></script>
-  </body>
-</html>
diff --git a/packages/vue-vuetify/package.json b/packages/vue-vuetify/package.json
deleted file mode 100644
index a395285051..0000000000
--- a/packages/vue-vuetify/package.json
+++ /dev/null
@@ -1,118 +0,0 @@
-{
-  "name": "@jsonforms/vue-vuetify",
-  "version": "3.4.1",
-  "description": "Vue Vuetify renderers for JSON Forms",
-  "repository": "https://github.com/eclipsesource/jsonforms",
-  "bugs": "https://github.com/eclipsesource/jsonforms/issues",
-  "homepage": "http://jsonforms.io/",
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  },
-  "keywords": [
-    "vue",
-    "vuetify",
-    "form",
-    "forms",
-    "json",
-    "jsonforms",
-    "frontend",
-    "generator",
-    "input",
-    "renderengine",
-    "jsonschema",
-    "schema",
-    "uischema",
-    "layout",
-    "customization"
-  ],
-  "main": "lib/jsonforms-vue-vuetify.cjs.js",
-  "module": "lib/jsonforms-vue-vuetify.esm.js",
-  "jsdelivr": "lib/jsonforms-vue-vuetify.umd.js",
-  "unpkg": "lib/jsonforms-vue-vuetify.umd.js",
-  "styles": "lib/jsonforms-vue-vuetify.css",
-  "typings": "lib/index.d.ts",
-  "type": "module",
-  "files": [
-    "lib",
-    "src"
-  ],
-  "exports": {
-    ".": {
-      "import": "./lib/jsonforms-vue-vuetify.esm.js",
-      "require": "./lib/jsonforms-vue-vuetify.cjs.js",
-      "types": "./lib/index.d.ts"
-    },
-    "./lib/jsonforms-vue-vuetify.css": "./lib/jsonforms-vue-vuetify.css"
-  },
-  "scripts": {
-    "dev": "vite --config vite.example.config.ts",
-    "build": "run-p type-check \"build-only {@}\" --",
-    "build:examples-app": "run-p type-check \"build-only --config vite.example.config.ts {@}\" --",
-    "clean": "rimraf lib example/dist",
-    "lint": "eslint .",
-    "lint:fix": "eslint --fix .",
-    "doc": "typedoc --tsconfig tsconfig.typedoc.json --name 'JSON Forms Vue Vuetify Renderers' --out docs --entryPoints 'src/**/*.ts' 'lib/index.d.ts'",
-    "test": "vitest --watch=false",
-    "build-only": "NODE_OPTIONS=\"--max-old-space-size=4096\" vite build",
-    "type-check": "vue-tsc --build --force"
-  },
-  "peerDependencies": {
-    "@jsonforms/core": "3.4.1",
-    "@jsonforms/vue": "3.4.1",
-    "ajv": "^8.6.1",
-    "dayjs": "^1.10.6",
-    "lodash": "^4.17.21",
-    "maska": "^2.1.11",
-    "vue": "^3.4.21",
-    "vuetify": "^3.6.6"
-  },
-  "devDependencies": {
-    "@fortawesome/fontawesome-free": "^6.5.2",
-    "@jsonforms/core": "workspace:*",
-    "@jsonforms/examples": "workspace:*",
-    "@jsonforms/vue": "workspace:*",
-    "@mdi/font": "^7.4.47",
-    "@rushstack/eslint-patch": "^1.8.0",
-    "@tsconfig/node20": "^20.1.4",
-    "@types/jsdom": "^21.1.6",
-    "@types/lodash": "^4.14.172",
-    "@types/node": "^20.12.5",
-    "@vitejs/plugin-vue": "^5.0.4",
-    "@vitest/coverage-v8": "^1.6.0",
-    "@vue/eslint-config-prettier": "^9.0.0",
-    "@vue/eslint-config-typescript": "^13.0.0",
-    "@vue/test-utils": "^2.4.5",
-    "@vue/tsconfig": "^0.5.1",
-    "ajv": "^8.6.1",
-    "ajv-keywords": "^5.1.0",
-    "core-js": "^3.9.1",
-    "cross-env": "^7.0.2",
-    "dayjs": "^1.10.6",
-    "eslint": "^8.57.0",
-    "eslint-plugin-vue": "^9.23.0",
-    "eslint-plugin-vue-scoped-css": "^2.8.0",
-    "jsdom": "^24.0.0",
-    "json-refs": "3.0.15",
-    "lodash": "^4.17.21",
-    "maska": "^2.1.11",
-    "monaco-editor": "^0.49.0",
-    "npm-run-all2": "^6.1.2",
-    "prettier": "^3.2.5",
-    "resize-observer-polyfill": "^1.5.1",
-    "rimraf": "^4.4.1",
-    "rollup-plugin-postcss": "^4.0.2",
-    "typedoc": "~0.25.3",
-    "typescript": "~5.4.0",
-    "vite": "^5.2.8",
-    "vite-plugin-dts": "^3.9.1",
-    "vite-plugin-node-polyfills": "^0.21.0",
-    "vite-plugin-static-copy": "^1.0.5",
-    "vite-plugin-vuetify": "^2.0.3",
-    "vitest": "^1.4.0",
-    "vue": "^3.4.21",
-    "vue-eslint-parser": "^9.4.2",
-    "vue-tsc": "^2.0.11",
-    "vuetify": "^3.6.6"
-  }
-}
diff --git a/packages/vue-vuetify/src/additional/LabelRenderer.entry.ts b/packages/vue-vuetify/src/additional/LabelRenderer.entry.ts
deleted file mode 100644
index aa50aa71d4..0000000000
--- a/packages/vue-vuetify/src/additional/LabelRenderer.entry.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {
-  rankWith,
-  uiTypeIs,
-  type JsonFormsRendererRegistryEntry,
-} from '@jsonforms/core';
-import labelRenderer from './LabelRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: labelRenderer,
-  tester: rankWith(1, uiTypeIs('Label')),
-};
diff --git a/packages/vue-vuetify/src/additional/LabelRenderer.vue b/packages/vue-vuetify/src/additional/LabelRenderer.vue
deleted file mode 100644
index d29ad9019c..0000000000
--- a/packages/vue-vuetify/src/additional/LabelRenderer.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<template>
-  <v-label
-    v-if="label.visible"
-    :class="styles.label.root"
-    v-bind="vuetifyProps('v-label')"
-  >
-    {{ label.text }}
-  </v-label>
-</template>
-
-<script lang="ts">
-import { type LabelElement } from '@jsonforms/core';
-import {
-  rendererProps,
-  useJsonFormsLabel,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { defineComponent } from 'vue';
-import { VLabel } from 'vuetify/components';
-import { useVuetifyLabel } from '../util';
-
-const labelRenderer = defineComponent({
-  name: 'label-renderer',
-  components: {
-    VLabel,
-  },
-  props: {
-    ...rendererProps<LabelElement>(),
-  },
-  setup(props: RendererProps<LabelElement>) {
-    return useVuetifyLabel(useJsonFormsLabel(props));
-  },
-});
-
-export default labelRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/additional/ListWithDetailRenderer.entry.ts b/packages/vue-vuetify/src/additional/ListWithDetailRenderer.entry.ts
deleted file mode 100644
index 8d2fb61111..0000000000
--- a/packages/vue-vuetify/src/additional/ListWithDetailRenderer.entry.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {
-  and,
-  isObjectArray,
-  rankWith,
-  uiTypeIs,
-  type JsonFormsRendererRegistryEntry,
-} from '@jsonforms/core';
-import controlRenderer from './ListWithDetailRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(4, and(uiTypeIs('ListWithDetail'), isObjectArray)),
-};
diff --git a/packages/vue-vuetify/src/additional/ListWithDetailRenderer.vue b/packages/vue-vuetify/src/additional/ListWithDetailRenderer.vue
deleted file mode 100644
index 7d77ae9ee9..0000000000
--- a/packages/vue-vuetify/src/additional/ListWithDetailRenderer.vue
+++ /dev/null
@@ -1,327 +0,0 @@
-<template>
-  <v-container
-    v-if="control.visible"
-    fill-height
-    :class="styles.listWithDetail.root"
-  >
-    <v-row>
-      <v-col class="pa-0">
-        <v-toolbar flat :class="styles.listWithDetail.toolbar">
-          <v-toolbar-title :class="styles.listWithDetail.label">{{
-            computedLabel
-          }}</v-toolbar-title>
-          <v-spacer></v-spacer>
-          <validation-icon
-            v-if="control.childErrors.length > 0"
-            :errors="control.childErrors"
-          />
-          <v-tooltip bottom>
-            <template v-slot:activator="{ props }">
-              <v-btn
-                icon
-                variant="text"
-                elevation="0"
-                small
-                :aria-label="control.translations.addAriaLabel"
-                v-bind="props"
-                :class="styles.listWithDetail.addButton"
-                @click="addButtonClick"
-                :disabled="
-                  !control.enabled ||
-                  (appliedOptions.restrict &&
-                    arraySchema !== undefined &&
-                    arraySchema.maxItems !== undefined &&
-                    dataLength >= arraySchema.maxItems)
-                "
-              >
-                <v-icon>{{ icons.current.value.itemAdd }}</v-icon>
-              </v-btn>
-            </template>
-            {{ control.translations.addTooltip }}
-          </v-tooltip>
-        </v-toolbar>
-      </v-col>
-    </v-row>
-    <v-row v-if="dataLength === 0" :class="styles.listWithDetail.noData">
-      <v-col>
-        {{ control.translations.noDataMessage }}
-      </v-col>
-    </v-row>
-    <v-row v-else>
-      <v-col class="flex-shrink-1 flex-grow-0 pa-0">
-        <v-list v-model:selected="selectedIndex">
-          <v-virtual-scroll
-            :items="control.data"
-            :item-height="64"
-            :min-height="`${4 * 64}`"
-            :max-height="`${6 * 64}`"
-            :min-width="appliedOptions.showSortButtons ? 350 : 250"
-            max-width="350"
-          >
-            <template v-slot="{ index }">
-              <v-list-item
-                dense
-                :value="index"
-                :class="styles.listWithDetail.item"
-              >
-                <template v-slot:prepend="{ isSelected }">
-                  <validation-badge
-                    overlap
-                    bordered
-                    :errors="childErrors(index)"
-                    style="margin-right: 8px"
-                  >
-                    <v-avatar
-                      size="40"
-                      aria-label="Index"
-                      :color="isSelected ? 'primary' : undefined"
-                      ><span>{{ index + 1 }}</span></v-avatar
-                    >
-                  </validation-badge>
-                </template>
-                <v-list-item-title>
-                  <v-tooltip bottom>
-                    <template v-slot:activator="{ props }">
-                      <span
-                        v-bind="props"
-                        :class="styles.listWithDetail.itemLabel"
-                      >
-                        {{ childLabelForIndex(index) }}</span
-                      >
-                    </template>
-                    {{ childLabelForIndex(index) }}
-                  </v-tooltip>
-                </v-list-item-title>
-                <template v-slot:append>
-                  <v-tooltip bottom v-if="appliedOptions.showSortButtons">
-                    <template v-slot:activator="{ props }">
-                      <v-btn
-                        v-bind="props"
-                        icon
-                        variant="text"
-                        elevation="0"
-                        small
-                        class="ma-0"
-                        :aria-label="control.translations.upAriaLabel"
-                        :disabled="index <= 0 || !control.enabled"
-                        :class="styles.listWithDetail.itemMoveUp"
-                        @click="moveUpClick($event, index)"
-                      >
-                        <v-icon class="notranslate">{{
-                          icons.current.value.itemMoveUp
-                        }}</v-icon>
-                      </v-btn>
-                    </template>
-                    {{ control.translations.up }}
-                  </v-tooltip>
-                  <v-tooltip bottom v-if="appliedOptions.showSortButtons">
-                    <template v-slot:activator="{ props }">
-                      <v-btn
-                        v-bind="props"
-                        icon
-                        variant="text"
-                        elevation="0"
-                        small
-                        class="ma-0"
-                        :aria-label="control.translations.downAriaLabel"
-                        :disabled="index >= dataLength - 1 || !control.enabled"
-                        :class="styles.listWithDetail.itemMoveDown"
-                        @click="moveDownClick($event, index)"
-                      >
-                        <v-icon class="notranslate">{{
-                          icons.current.value.itemMoveDown
-                        }}</v-icon>
-                      </v-btn>
-                    </template>
-                    {{ control.translations.down }}
-                  </v-tooltip>
-                  <v-tooltip bottom>
-                    <template v-slot:activator="{ props }">
-                      <v-btn
-                        v-bind="props"
-                        icon
-                        variant="text"
-                        elevation="0"
-                        small
-                        class="ma-0"
-                        :aria-label="control.translations.removeAriaLabel"
-                        :class="styles.listWithDetail.itemDelete"
-                        @click="removeItemsClick($event, [index])"
-                        :disabled="
-                          !control.enabled ||
-                          (appliedOptions.restrict &&
-                            arraySchema !== undefined &&
-                            arraySchema.minItems !== undefined &&
-                            dataLength <= arraySchema.minItems)
-                        "
-                      >
-                        <v-icon class="notranslate">{{
-                          icons.current.value.itemDelete
-                        }}</v-icon>
-                      </v-btn>
-                    </template>
-                    {{ control.translations.removeTooltip }}
-                  </v-tooltip>
-                </template>
-              </v-list-item>
-            </template>
-          </v-virtual-scroll>
-        </v-list>
-      </v-col>
-      <v-col v-if="selectedIndex === undefined" class="flex-grow-1">
-        <span class="text-h6">{{ control.translations.noSelection }}</span>
-      </v-col>
-      <v-col
-        v-else
-        :class="`flex-shrink-0 flex-grow-1 ${styles.listWithDetail.itemContent}`"
-      >
-        <dispatch-renderer
-          :schema="control.schema"
-          :uischema="foundUISchema"
-          :path="composePaths(control.path, `${selectedIndex}`)"
-          :enabled="control.enabled"
-          :renderers="control.renderers"
-          :cells="control.cells"
-        />
-      </v-col>
-    </v-row>
-  </v-container>
-</template>
-
-<script lang="ts">
-import {
-  Resolve,
-  and,
-  composePaths,
-  createDefaultValue,
-  findUISchema,
-  isObjectArray,
-  rankWith,
-  uiTypeIs,
-  type ControlElement,
-  type JsonFormsRendererRegistryEntry,
-  type JsonSchema,
-  type UISchemaElement,
-} from '@jsonforms/core';
-import {
-  DispatchRenderer,
-  rendererProps,
-  useJsonFormsArrayControl,
-  type RendererProps,
-} from '@jsonforms/vue';
-import type { ErrorObject } from 'ajv';
-import { defineComponent, ref } from 'vue';
-import {
-  VAvatar,
-  VBtn,
-  VCol,
-  VContainer,
-  VIcon,
-  VList,
-  VListItem,
-  VListItemTitle,
-  VRow,
-  VSpacer,
-  VToolbar,
-  VToolbarTitle,
-  VTooltip,
-  VVirtualScroll,
-} from 'vuetify/components';
-import { ValidationBadge, ValidationIcon } from '../controls/components/index';
-import { useIcons, useVuetifyArrayControl } from '../util';
-
-const controlRenderer = defineComponent({
-  name: 'list-with-detail-renderer',
-  components: {
-    DispatchRenderer,
-    VList,
-    VListItem,
-    VListItemTitle,
-    VAvatar,
-    VRow,
-    VCol,
-    VToolbar,
-    VToolbarTitle,
-    VTooltip,
-    VBtn,
-    VIcon,
-    VSpacer,
-    VContainer,
-    VVirtualScroll,
-    ValidationIcon,
-    ValidationBadge,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    const selectedIndex = ref<number | undefined>(undefined);
-    const icons = useIcons();
-
-    return {
-      ...useVuetifyArrayControl(useJsonFormsArrayControl(props)),
-      selectedIndex,
-      icons,
-    };
-  },
-  computed: {
-    dataLength(): number {
-      return this.control.data ? this.control.data.length : 0;
-    },
-    foundUISchema(): UISchemaElement {
-      return findUISchema(
-        this.control.uischemas,
-        this.control.schema,
-        this.control.uischema.scope,
-        this.control.path,
-        undefined,
-        this.control.uischema,
-      );
-    },
-    arraySchema(): JsonSchema | undefined {
-      return Resolve.schema(
-        this.control.rootSchema,
-        this.control.uischema.scope,
-        this.control.rootSchema,
-      );
-    },
-  },
-  methods: {
-    composePaths,
-    createDefaultValue,
-    addButtonClick() {
-      this.addItem(
-        this.control.path,
-        createDefaultValue(this.control.schema, this.control.rootSchema),
-      )();
-    },
-    moveUpClick(event: Event, toMove: number): void {
-      event.stopPropagation();
-      this.moveUp?.(this.control.path, toMove)();
-    },
-    moveDownClick(event: Event, toMove: number): void {
-      event.stopPropagation();
-      this.moveDown?.(this.control.path, toMove)();
-    },
-    removeItemsClick(event: Event, toDelete: number[]): void {
-      event.stopPropagation();
-      this.removeItems?.(this.control.path, toDelete)();
-    },
-    childErrors(index: number): ErrorObject[] {
-      return this.control.childErrors.filter((e) =>
-        e.instancePath.startsWith(
-          this.composePaths(this.control.path, `${index}`),
-        ),
-      );
-    },
-  },
-});
-
-export default controlRenderer;
-</script>
-
-<style scoped>
-.notranslate {
-  transform: none !important;
-}
-</style>
diff --git a/packages/vue-vuetify/src/additional/index.ts b/packages/vue-vuetify/src/additional/index.ts
deleted file mode 100644
index 3e8ec07fa5..0000000000
--- a/packages/vue-vuetify/src/additional/index.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-export { default as LabelRenderer } from './LabelRenderer.vue';
-export { default as ListWithDetailRenderer } from './ListWithDetailRenderer.vue';
-
-import { entry as labelRendererEntry } from './LabelRenderer.entry';
-import { entry as listWithDetailRendererEntry } from './ListWithDetailRenderer.entry';
-
-export const additionalRenderers = [
-  labelRendererEntry,
-  listWithDetailRendererEntry,
-];
-
-export { labelRendererEntry, listWithDetailRendererEntry };
diff --git a/packages/vue-vuetify/src/array/index.ts b/packages/vue-vuetify/src/array/index.ts
deleted file mode 100644
index 4266810727..0000000000
--- a/packages/vue-vuetify/src/array/index.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {
-  rankWith,
-  schemaTypeIs,
-  type JsonFormsRendererRegistryEntry,
-} from '@jsonforms/core';
-import { ArrayLayoutRenderer } from '../layouts';
-
-export const arrayListRendererEntry: JsonFormsRendererRegistryEntry = {
-  renderer: ArrayLayoutRenderer,
-  tester: rankWith(2, schemaTypeIs('array')),
-};
-
-export const arrayRenderers = [arrayListRendererEntry];
diff --git a/packages/vue-vuetify/src/complex/AllOfRenderer.entry.ts b/packages/vue-vuetify/src/complex/AllOfRenderer.entry.ts
deleted file mode 100644
index d388c55684..0000000000
--- a/packages/vue-vuetify/src/complex/AllOfRenderer.entry.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {
-  isAllOfControl,
-  rankWith,
-  type JsonFormsRendererRegistryEntry,
-} from '@jsonforms/core';
-import controlRenderer from './AllOfRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(3, isAllOfControl),
-};
diff --git a/packages/vue-vuetify/src/complex/AllOfRenderer.vue b/packages/vue-vuetify/src/complex/AllOfRenderer.vue
deleted file mode 100644
index 3105de6d29..0000000000
--- a/packages/vue-vuetify/src/complex/AllOfRenderer.vue
+++ /dev/null
@@ -1,90 +0,0 @@
-<template>
-  <div v-if="control.visible">
-    <template v-if="delegateUISchema">
-      <dispatch-renderer
-        :schema="control.schema"
-        :uischema="delegateUISchema"
-        :path="control.path"
-        :enabled="control.enabled"
-        :renderers="control.renderers"
-        :cells="control.cells"
-      />
-    </template>
-    <template v-else-if="allOfRenderInfos">
-      <div>
-        <combinator-properties
-          :schema="control.schema"
-          combinatorKeyword="allOf"
-          :path="path"
-        />
-        <dispatch-renderer
-          v-for="(allOfRenderInfo, allOfIndex) in allOfRenderInfos"
-          :key="`${control.path}-${allOfIndex}`"
-          :schema="allOfRenderInfo.schema"
-          :uischema="allOfRenderInfo.uischema"
-          :path="control.path"
-          :enabled="control.enabled"
-          :renderers="control.renderers"
-          :cells="control.cells"
-        />
-      </div>
-    </template>
-  </div>
-</template>
-
-<script lang="ts">
-import {
-  createCombinatorRenderInfos,
-  findMatchingUISchema,
-  type CombinatorSubSchemaRenderInfo,
-  type ControlElement,
-  type UISchemaElement,
-} from '@jsonforms/core';
-import {
-  DispatchRenderer,
-  rendererProps,
-  useJsonFormsAllOfControl,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { defineComponent } from 'vue';
-import { useVuetifyControl } from '../util';
-import { CombinatorProperties } from './components';
-
-const controlRenderer = defineComponent({
-  name: 'all-of-renderer',
-  components: {
-    DispatchRenderer,
-    CombinatorProperties,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVuetifyControl(useJsonFormsAllOfControl(props));
-  },
-  computed: {
-    delegateUISchema(): UISchemaElement {
-      return findMatchingUISchema(this.control.uischemas)(
-        this.control.schema,
-        this.control.uischema.scope,
-        this.control.path,
-      );
-    },
-    allOfRenderInfos(): CombinatorSubSchemaRenderInfo[] {
-      const result = createCombinatorRenderInfos(
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        this.control.schema.allOf!,
-        this.control.rootSchema,
-        'allOf',
-        this.control.uischema,
-        this.control.path,
-        this.control.uischemas,
-      );
-
-      return result.filter((info) => info.uischema);
-    },
-  },
-});
-
-export default controlRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/complex/AnyOfRenderer.entry.ts b/packages/vue-vuetify/src/complex/AnyOfRenderer.entry.ts
deleted file mode 100644
index 423684a390..0000000000
--- a/packages/vue-vuetify/src/complex/AnyOfRenderer.entry.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {
-  isAnyOfControl,
-  rankWith,
-  type JsonFormsRendererRegistryEntry,
-} from '@jsonforms/core';
-import controlRenderer from './AnyOfRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(3, isAnyOfControl),
-};
diff --git a/packages/vue-vuetify/src/complex/AnyOfRenderer.vue b/packages/vue-vuetify/src/complex/AnyOfRenderer.vue
deleted file mode 100644
index 0b18414c08..0000000000
--- a/packages/vue-vuetify/src/complex/AnyOfRenderer.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<template>
-  <div v-if="control.visible">
-    <combinator-properties
-      :schema="control.schema"
-      combinatorKeyword="anyOf"
-      :path="path"
-    />
-
-    <v-tabs v-model="selectedIndex">
-      <v-tab
-        v-for="(anyOfRenderInfo, anyOfIndex) in anyOfRenderInfos"
-        :key="`${control.path}-${anyOfIndex}`"
-      >
-        {{ anyOfRenderInfo.label }}
-      </v-tab>
-    </v-tabs>
-
-    <v-window v-model="selectedIndex">
-      <v-window-item
-        v-for="(anyOfRenderInfo, anyOfIndex) in anyOfRenderInfos"
-        :key="`${control.path}-${anyOfIndex}`"
-      >
-        <dispatch-renderer
-          v-if="selectedIndex === anyOfIndex"
-          :schema="anyOfRenderInfo.schema"
-          :uischema="anyOfRenderInfo.uischema"
-          :path="control.path"
-          :renderers="control.renderers"
-          :cells="control.cells"
-          :enabled="control.enabled"
-        />
-      </v-window-item>
-    </v-window>
-  </div>
-</template>
-
-<script lang="ts">
-import {
-  type CombinatorSubSchemaRenderInfo,
-  type ControlElement,
-  createCombinatorRenderInfos,
-} from '@jsonforms/core';
-import {
-  DispatchRenderer,
-  rendererProps,
-  type RendererProps,
-  useJsonFormsAnyOfControl,
-} from '@jsonforms/vue';
-import { VTabs, VTab, VWindow, VWindowItem } from 'vuetify/components';
-import { defineComponent, ref } from 'vue';
-import { useVuetifyControl } from '../util';
-import { CombinatorProperties } from './components';
-
-const controlRenderer = defineComponent({
-  name: 'any-of-renderer',
-  components: {
-    DispatchRenderer,
-    CombinatorProperties,
-    VTabs,
-    VTab,
-    VWindow,
-    VWindowItem,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    const input = useJsonFormsAnyOfControl(props);
-    const control = input.control.value;
-    const selectedIndex = ref(control.indexOfFittingSchema || 0);
-
-    return {
-      ...useVuetifyControl(input),
-      selectedIndex,
-    };
-  },
-  computed: {
-    anyOfRenderInfos(): CombinatorSubSchemaRenderInfo[] {
-      const result = createCombinatorRenderInfos(
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        this.control.schema.anyOf!,
-        this.control.rootSchema,
-        'anyOf',
-        this.control.uischema,
-        this.control.path,
-        this.control.uischemas,
-      );
-      return result.filter((info) => info.uischema);
-    },
-  },
-});
-
-export default controlRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/complex/ArrayControlRenderer.entry.ts b/packages/vue-vuetify/src/complex/ArrayControlRenderer.entry.ts
deleted file mode 100644
index 42d6ac8227..0000000000
--- a/packages/vue-vuetify/src/complex/ArrayControlRenderer.entry.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {
-  isObjectArrayControl,
-  isPrimitiveArrayControl,
-  or,
-  rankWith,
-  type JsonFormsRendererRegistryEntry,
-} from '@jsonforms/core';
-import controlRenderer from './ArrayControlRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(3, or(isObjectArrayControl, isPrimitiveArrayControl)),
-};
diff --git a/packages/vue-vuetify/src/complex/ArrayControlRenderer.vue b/packages/vue-vuetify/src/complex/ArrayControlRenderer.vue
deleted file mode 100644
index f6ea8ccd81..0000000000
--- a/packages/vue-vuetify/src/complex/ArrayControlRenderer.vue
+++ /dev/null
@@ -1,329 +0,0 @@
-<template>
-  <v-card v-if="control.visible" :class="styles.arrayList.root" elevation="0">
-    <v-card-title>
-      <v-toolbar flat :class="styles.arrayList.toolbar">
-        <v-toolbar-title :class="styles.arrayList.label">{{
-          computedLabel
-        }}</v-toolbar-title>
-        <v-spacer></v-spacer>
-        <validation-icon
-          v-if="control.childErrors.length > 0"
-          :errors="control.childErrors"
-        />
-        <v-tooltip bottom>
-          <template v-slot:activator="{ props }">
-            <v-btn
-              icon
-              variant="text"
-              elevation="0"
-              small
-              :aria-label="control.translations.addAriaLabel"
-              v-bind="props"
-              :class="styles.arrayList.addButton"
-              :disabled="
-                !control.enabled ||
-                (appliedOptions.restrict &&
-                  arraySchema !== undefined &&
-                  arraySchema.maxItems !== undefined &&
-                  dataLength >= arraySchema.maxItems)
-              "
-              @click="addButtonClick"
-            >
-              <v-icon>{{ icons.current.value.itemAdd }}</v-icon>
-            </v-btn>
-          </template>
-          {{ control.translations.addTooltip }}
-        </v-tooltip>
-      </v-toolbar>
-    </v-card-title>
-    <v-card-text>
-      <v-container justify-space-around align-content-center>
-        <v-row justify="center">
-          <v-table
-            class="array-container flex"
-            v-bind="vuetifyProps('v-table')"
-          >
-            <thead v-if="control.schema.type === 'object'">
-              <tr>
-                <th
-                  v-for="(prop, index) in getValidColumnProps(control.schema)"
-                  :key="`${control.path}-header-${index}`"
-                  scope="col"
-                >
-                  {{ title(prop) }}
-                </th>
-                <th
-                  v-if="control.enabled"
-                  :class="
-                    appliedOptions.showSortButtons
-                      ? 'fixed-cell'
-                      : 'fixed-cell-small'
-                  "
-                  scope="col"
-                ></th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr
-                v-for="(element, index) in control.data"
-                :key="`${control.path}-${index}`"
-                :class="styles.arrayList.item"
-              >
-                <td
-                  v-for="propName in getValidColumnProps(control.schema)"
-                  :key="
-                    composePaths(
-                      composePaths(control.path, `${index}`),
-                      propName,
-                    )
-                  "
-                >
-                  <dispatch-renderer
-                    :schema="control.schema"
-                    :uischema="resolveUiSchema(propName)"
-                    :path="composePaths(control.path, `${index}`)"
-                    :enabled="control.enabled"
-                    :renderers="control.renderers"
-                    :cells="control.cells"
-                  />
-                </td>
-                <td
-                  v-if="control.enabled"
-                  :class="
-                    appliedOptions.showSortButtons
-                      ? 'fixed-cell'
-                      : 'fixed-cell-small'
-                  "
-                >
-                  <v-tooltip bottom>
-                    <template v-slot:activator="{ props }">
-                      <v-btn
-                        v-bind="props"
-                        v-if="appliedOptions.showSortButtons"
-                        icon
-                        variant="text"
-                        elevation="0"
-                        small
-                        :aria-label="control.translations.upAriaLabel"
-                        :disabled="index <= 0 || !control.enabled"
-                        :class="styles.arrayList.itemMoveUp"
-                        @click="moveUpClick($event, index)"
-                      >
-                        <v-icon class="notranslate">{{
-                          icons.current.value.itemMoveUp
-                        }}</v-icon>
-                      </v-btn>
-                    </template>
-                    {{ control.translations.up }}
-                  </v-tooltip>
-                  <v-tooltip bottom>
-                    <template v-slot:activator="{ props }">
-                      <v-btn
-                        v-bind="props"
-                        v-if="appliedOptions.showSortButtons"
-                        icon
-                        variant="text"
-                        elevation="0"
-                        small
-                        :aria-label="control.translations.downAriaLabel"
-                        :disabled="index >= dataLength - 1 || !control.enabled"
-                        :class="styles.arrayList.itemMoveDown"
-                        @click="moveDownClick($event, index)"
-                      >
-                        <v-icon class="notranslate">{{
-                          icons.current.value.itemMoveDown
-                        }}</v-icon>
-                      </v-btn>
-                    </template>
-                    {{ control.translations.down }}
-                  </v-tooltip>
-                  <v-tooltip bottom>
-                    <template v-slot:activator="{ props }">
-                      <v-btn
-                        v-bind="props"
-                        icon
-                        variant="text"
-                        elevation="0"
-                        small
-                        :aria-label="control.translations.removeAriaLabel"
-                        :class="styles.arrayList.itemDelete"
-                        :disabled="
-                          !control.enabled ||
-                          (appliedOptions.restrict &&
-                            arraySchema !== undefined &&
-                            arraySchema.minItems !== undefined &&
-                            dataLength <= arraySchema.minItems)
-                        "
-                        @click="removeItemsClick($event, [index])"
-                      >
-                        <v-icon class="notranslate">{{
-                          icons.current.value.itemDelete
-                        }}</v-icon>
-                      </v-btn>
-                    </template>
-                    {{ control.translations.removeTooltip }}
-                  </v-tooltip>
-                </td>
-              </tr>
-            </tbody>
-          </v-table>
-        </v-row>
-      </v-container>
-      <v-container v-if="dataLength === 0" :class="styles.arrayList.noData">
-        {{ control.translations.noDataMessage }}
-      </v-container>
-    </v-card-text>
-  </v-card>
-</template>
-
-<script lang="ts">
-import {
-  Resolve,
-  composePaths,
-  createDefaultValue,
-  type ControlElement,
-  type JsonSchema,
-} from '@jsonforms/core';
-import {
-  DispatchRenderer,
-  rendererProps,
-  useJsonFormsArrayControl,
-  type RendererProps,
-} from '@jsonforms/vue';
-import startCase from 'lodash/startCase';
-import { defineComponent } from 'vue';
-import {
-  VBtn,
-  VCard,
-  VCardText,
-  VCardTitle,
-  VContainer,
-  VIcon,
-  VRow,
-  VSpacer,
-  VTable,
-  VToolbar,
-  VToolbarTitle,
-  VTooltip,
-} from 'vuetify/components';
-import { ValidationIcon } from '../controls/components/index';
-import { useIcons, useVuetifyArrayControl } from '../util';
-
-const controlRenderer = defineComponent({
-  name: 'array-control-renderer',
-  components: {
-    DispatchRenderer,
-    VCard,
-    VCardTitle,
-    VCardText,
-    VRow,
-    VToolbar,
-    VToolbarTitle,
-    VTooltip,
-    VIcon,
-    VBtn,
-    VSpacer,
-    VContainer,
-    ValidationIcon,
-    VTable,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    const icons = useIcons();
-
-    return {
-      ...useVuetifyArrayControl(useJsonFormsArrayControl(props)),
-      icons,
-    };
-  },
-  computed: {
-    arraySchema(): JsonSchema | undefined {
-      return Resolve.schema(
-        this.control.rootSchema,
-        this.control.uischema.scope,
-        this.control.rootSchema,
-      );
-    },
-    dataLength(): number {
-      return this.control.data ? this.control.data.length : 0;
-    },
-  },
-  methods: {
-    composePaths,
-    createDefaultValue,
-    addButtonClick() {
-      this.addItem(
-        this.control.path,
-        createDefaultValue(this.control.schema, this.control.rootSchema),
-      )();
-    },
-    moveUpClick(event: Event, toMove: number): void {
-      event.stopPropagation();
-      this.moveUp?.(this.control.path, toMove)();
-    },
-    moveDownClick(event: Event, toMove: number): void {
-      event.stopPropagation();
-      this.moveDown?.(this.control.path, toMove)();
-    },
-    removeItemsClick(event: Event, toDelete: number[]): void {
-      event.stopPropagation();
-      this.removeItems?.(this.control.path, toDelete)();
-    },
-    getValidColumnProps(scopedSchema: JsonSchema) {
-      if (
-        scopedSchema.type === 'object' &&
-        typeof scopedSchema.properties === 'object'
-      ) {
-        return Object.keys(scopedSchema.properties).filter(
-          (prop) => scopedSchema.properties![prop].type !== 'array',
-        );
-      }
-      // primitives
-      return [''];
-    },
-    title(prop: string) {
-      return this.control.schema.properties?.[prop]?.title ?? startCase(prop);
-    },
-    resolveUiSchema(propName: string) {
-      return this.control.schema.properties
-        ? this.controlWithoutLabel(`#/properties/${propName}`)
-        : this.controlWithoutLabel('#');
-    },
-    controlWithoutLabel(scope: string): ControlElement {
-      return { type: 'Control', scope: scope, label: false };
-    },
-  },
-});
-
-export default controlRenderer;
-</script>
-
-<style scoped>
-.fixed-cell {
-  width: 150px;
-  padding-left: 0 !important;
-  padding-right: 0 !important;
-  text-align: center;
-}
-
-.fixed-cell-small {
-  width: 50px;
-  padding-left: 0 !important;
-  padding-right: 0 !important;
-  text-align: center;
-}
-
-.array-container {
-  width: 100%;
-}
-.array-container tbody tr td {
-  border-bottom: none !important;
-}
-
-.array-container tbody tr td .container {
-  padding: 0;
-  margin: 0;
-}
-</style>
diff --git a/packages/vue-vuetify/src/complex/EnumArrayRenderer.entry.ts b/packages/vue-vuetify/src/complex/EnumArrayRenderer.entry.ts
deleted file mode 100644
index 721b040178..0000000000
--- a/packages/vue-vuetify/src/complex/EnumArrayRenderer.entry.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import {
-  and,
-  hasType,
-  rankWith,
-  schemaMatches,
-  schemaSubPathMatches,
-  uiTypeIs,
-  type JsonFormsRendererRegistryEntry,
-  type JsonSchema,
-} from '@jsonforms/core';
-import controlRenderer from './EnumArrayRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(
-    5,
-    and(
-      uiTypeIs('Control'),
-      and(
-        schemaMatches(
-          (schema) =>
-            hasType(schema, 'array') &&
-            !Array.isArray(schema.items) &&
-            schema.uniqueItems === true,
-        ),
-        schemaSubPathMatches('items', (schema) => {
-          return hasOneOfItems(schema) || hasEnumItems(schema);
-        }),
-      ),
-    ),
-  ),
-};
-
-const hasOneOfItems = (schema: JsonSchema): boolean =>
-  schema.oneOf !== undefined &&
-  schema.oneOf.length > 0 &&
-  (schema.oneOf as JsonSchema[]).every((entry: JsonSchema) => {
-    return entry.const !== undefined;
-  });
-
-const hasEnumItems = (schema: JsonSchema): boolean =>
-  schema.type === 'string' && schema.enum !== undefined;
diff --git a/packages/vue-vuetify/src/complex/EnumArrayRenderer.vue b/packages/vue-vuetify/src/complex/EnumArrayRenderer.vue
deleted file mode 100644
index 4faf9142ae..0000000000
--- a/packages/vue-vuetify/src/complex/EnumArrayRenderer.vue
+++ /dev/null
@@ -1,63 +0,0 @@
-<template>
-  <v-container fluid v-if="control.visible">
-    <v-row>
-      <v-col v-for="(o, index) in control.options" :key="o.value">
-        <v-checkbox
-          :label="o.label"
-          :model-value="dataHasEnum(o.value)"
-          :id="control.id + `-input-${index}`"
-          :path="composePaths(control.path, `${index}`)"
-          :error-messages="control.errors"
-          :disabled="!control.enabled"
-          :indeterminate="control.data === undefined"
-          v-bind="vuetifyProps(`v-checkbox[${o.value}]`)"
-          @update:model-value="() => toggle(o.value)"
-        ></v-checkbox>
-      </v-col>
-    </v-row>
-  </v-container>
-</template>
-
-<script lang="ts">
-import { type ControlElement, composePaths } from '@jsonforms/core';
-import { VCheckbox, VContainer, VRow, VCol } from 'vuetify/components';
-import {
-  rendererProps,
-  type RendererProps,
-  useJsonFormsMultiEnumControl,
-} from '@jsonforms/vue';
-import { defineComponent } from 'vue';
-import { useVuetifyBasicControl } from '../util';
-
-const controlRenderer = defineComponent({
-  name: 'enum-array-renderer',
-  components: {
-    VCheckbox,
-    VContainer,
-    VRow,
-    VCol,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVuetifyBasicControl(useJsonFormsMultiEnumControl(props));
-  },
-  methods: {
-    dataHasEnum(value: any) {
-      return !!this.control.data?.includes(value);
-    },
-    composePaths,
-    toggle(value: any) {
-      if (!this.dataHasEnum(value)) {
-        this.addItem(this.control.path, value);
-      } else {
-        // mistyped in core
-        this.removeItem?.(this.control.path, value);
-      }
-    },
-  },
-});
-
-export default controlRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/complex/ObjectRenderer.entry.ts b/packages/vue-vuetify/src/complex/ObjectRenderer.entry.ts
deleted file mode 100644
index 0852ea8ef4..0000000000
--- a/packages/vue-vuetify/src/complex/ObjectRenderer.entry.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {
-  isObjectControl,
-  rankWith,
-  type JsonFormsRendererRegistryEntry,
-} from '@jsonforms/core';
-import controlRenderer from './ObjectRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(2, isObjectControl),
-};
diff --git a/packages/vue-vuetify/src/complex/ObjectRenderer.vue b/packages/vue-vuetify/src/complex/ObjectRenderer.vue
deleted file mode 100644
index cd191974bf..0000000000
--- a/packages/vue-vuetify/src/complex/ObjectRenderer.vue
+++ /dev/null
@@ -1,114 +0,0 @@
-<template>
-  <div v-if="control.visible">
-    <dispatch-renderer
-      :visible="control.visible"
-      :enabled="control.enabled"
-      :schema="control.schema"
-      :uischema="detailUiSchema"
-      :path="control.path"
-      :renderers="control.renderers"
-      :cells="control.cells"
-    />
-    <additional-properties
-      v-if="hasAdditionalProperties && showAdditionalProperties"
-      :input="input"
-    ></additional-properties>
-  </div>
-</template>
-
-<script lang="ts">
-import {
-  Generate,
-  findUISchema,
-  isObjectControl,
-  rankWith,
-  type ControlElement,
-  type GroupLayout,
-  type JsonFormsRendererRegistryEntry,
-  type UISchemaElement,
-} from '@jsonforms/core';
-import {
-  DispatchRenderer,
-  rendererProps,
-  useJsonFormsControlWithDetail,
-  type RendererProps,
-} from '@jsonforms/vue';
-import cloneDeep from 'lodash/cloneDeep';
-import isEmpty from 'lodash/isEmpty';
-import isObject from 'lodash/isObject';
-import { defineComponent } from 'vue';
-import { useNested, useVuetifyControl } from '../util';
-import { AdditionalProperties } from './components';
-
-const controlRenderer = defineComponent({
-  name: 'object-renderer',
-  components: {
-    DispatchRenderer,
-    AdditionalProperties,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    const control = useVuetifyControl(useJsonFormsControlWithDetail(props));
-    const nested = useNested('object');
-    return {
-      ...control,
-      input: control,
-      nested,
-    };
-  },
-  computed: {
-    hasAdditionalProperties(): boolean {
-      return (
-        !isEmpty(this.control.schema.patternProperties) ||
-        isObject(this.control.schema.additionalProperties)
-        // do not support - additionalProperties === true - since then the type should be any and we won't know what kind of renderer we should use for new properties
-      );
-    },
-    showAdditionalProperties(): boolean {
-      const showAdditionalProperties =
-        this.control.uischema.options?.showAdditionalProperties;
-      return (
-        showAdditionalProperties === undefined ||
-        showAdditionalProperties === true
-      );
-    },
-    detailUiSchema(): UISchemaElement {
-      const uiSchemaGenerator = () => {
-        const uiSchema = Generate.uiSchema(this.control.schema, 'Group');
-        if (isEmpty(this.control.path)) {
-          uiSchema.type = 'VerticalLayout';
-        } else {
-          (uiSchema as GroupLayout).label = this.control.label;
-        }
-        return uiSchema;
-      };
-
-      let result = findUISchema(
-        this.control.uischemas,
-        this.control.schema,
-        this.control.uischema.scope,
-        this.control.path,
-        uiSchemaGenerator,
-        this.control.uischema,
-        this.control.rootSchema,
-      );
-
-      if (this.nested.level > 0) {
-        result = cloneDeep(result);
-        result.options = {
-          ...result.options,
-          bare: true,
-          alignLeft:
-            this.nested.level >= 4 || this.nested.parentElement === 'array',
-        };
-      }
-
-      return result;
-    },
-  },
-});
-
-export default controlRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/complex/OneOfRenderer.entry.ts b/packages/vue-vuetify/src/complex/OneOfRenderer.entry.ts
deleted file mode 100644
index 5b2e8c1b96..0000000000
--- a/packages/vue-vuetify/src/complex/OneOfRenderer.entry.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {
-  isOneOfControl,
-  rankWith,
-  type JsonFormsRendererRegistryEntry,
-} from '@jsonforms/core';
-import controlRenderer from './OneOfRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(3, isOneOfControl),
-};
diff --git a/packages/vue-vuetify/src/complex/OneOfRenderer.vue b/packages/vue-vuetify/src/complex/OneOfRenderer.vue
deleted file mode 100644
index 4a15e36a73..0000000000
--- a/packages/vue-vuetify/src/complex/OneOfRenderer.vue
+++ /dev/null
@@ -1,213 +0,0 @@
-<template>
-  <div v-if="control.visible">
-    <combinator-properties
-      :schema="control.schema"
-      combinatorKeyword="oneOf"
-      :path="path"
-    />
-
-    <v-select
-      v-disabled-icon-focus
-      :id="control.id + '-input'"
-      :class="styles.control.input"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      :label="computedLabel"
-      :hint="control.description"
-      :persistent-hint="persistentHint()"
-      :required="control.required"
-      :error-messages="control.errors"
-      :clearable="control.enabled"
-      :items="indexedOneOfRenderInfos"
-      @update:model-value="handleSelectChange"
-      :item-title="
-        (item: CombinatorSubSchemaRenderInfo) => t(item.label, item.label)
-      "
-      item-value="index"
-      v-model="selectIndex"
-      v-bind="vuetifyProps('v-select')"
-      @focus="handleFocus"
-      @blur="handleBlur"
-    ></v-select>
-    <dispatch-renderer
-      v-if="selectedIndex !== undefined && selectedIndex !== null"
-      :schema="indexedOneOfRenderInfos[selectedIndex].schema"
-      :uischema="indexedOneOfRenderInfos[selectedIndex].uischema"
-      :path="control.path"
-      :renderers="control.renderers"
-      :cells="control.cells"
-      :enabled="control.enabled"
-    />
-
-    <v-dialog v-model="dialog" persistent max-width="600" @keydown.esc="cancel">
-      <v-card>
-        <v-card-title class="text-h5">
-          {{ control.translations.clearDialogTitle }}
-        </v-card-title>
-
-        <v-card-text>
-          {{ control.translations.clearDialogMessage }}
-        </v-card-text>
-
-        <v-card-actions>
-          <v-spacer></v-spacer>
-
-          <v-btn
-            variant="text"
-            @click="cancel"
-            data-testid="clear-dialog-decline"
-          >
-            {{ control.translations.clearDialogDecline }}
-          </v-btn>
-          <v-btn
-            variant="text"
-            ref="confirm"
-            @click="confirm"
-            data-testid="clear-dialog-accept"
-          >
-            {{ control.translations.clearDialogAccept }}
-          </v-btn>
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
-  </div>
-</template>
-
-<script lang="ts">
-import {
-  type CombinatorSubSchemaRenderInfo,
-  type ControlElement,
-  createCombinatorRenderInfos,
-  createDefaultValue,
-} from '@jsonforms/core';
-import {
-  DispatchRenderer,
-  rendererProps,
-  type RendererProps,
-  useJsonFormsOneOfControl,
-} from '@jsonforms/vue';
-import isEmpty from 'lodash/isEmpty';
-import { defineComponent, ref } from 'vue';
-import {
-  VBtn,
-  VCard,
-  VCardActions,
-  VCardText,
-  VCardTitle,
-  VDialog,
-  VSelect,
-  VSpacer,
-} from 'vuetify/components';
-import { DisabledIconFocus } from '../controls/directives';
-import {
-  useCombinatorTranslations,
-  useTranslator,
-  useVuetifyControl,
-} from '../util';
-import { CombinatorProperties } from './components';
-
-const controlRenderer = defineComponent({
-  name: 'one-of-select-renderer',
-  components: {
-    DispatchRenderer,
-    CombinatorProperties,
-    VDialog,
-    VCard,
-    VCardTitle,
-    VCardText,
-    VCardActions,
-    VSpacer,
-    VBtn,
-    VSelect,
-  },
-  directives: {
-    DisabledIconFocus,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    const input = useJsonFormsOneOfControl(props);
-    const control = input.control.value;
-
-    const selectedIndex = ref(control.indexOfFittingSchema);
-    const selectIndex = ref(selectedIndex.value);
-    const newSelectedIndex = ref(0);
-    const dialog = ref(false);
-    const t = useTranslator();
-
-    return {
-      ...useCombinatorTranslations(useVuetifyControl(input)),
-      selectedIndex,
-      selectIndex,
-      dialog,
-      newSelectedIndex,
-      t,
-    };
-  },
-  computed: {
-    indexedOneOfRenderInfos(): (CombinatorSubSchemaRenderInfo & {
-      index: number;
-    })[] {
-      const result = createCombinatorRenderInfos(
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        this.control.schema.oneOf!,
-        this.control.rootSchema,
-        'oneOf',
-        this.control.uischema,
-        this.control.path,
-        this.control.uischemas,
-      );
-
-      return result
-        .filter((info) => info.uischema)
-        .map((info, index) => ({ ...info, index: index }));
-    },
-  },
-  methods: {
-    handleSelectChange(): void {
-      if (this.control.enabled && !isEmpty(this.control.data)) {
-        this.dialog = true;
-        this.$nextTick(() => {
-          this.newSelectedIndex = this.selectIndex;
-          // revert the selection while the dialog is open
-          this.selectIndex = this.selectedIndex;
-        });
-        // this.$nextTick does not work so use setTimeout
-        setTimeout(() =>
-          // cast to 'any' instead of 'Vue' because of Typescript problems (excessive stack depth when comparing types) during rollup build
-          ((this.$refs.confirm as any).$el as HTMLElement).focus(),
-        );
-      } else {
-        this.$nextTick(() => {
-          this.selectedIndex = this.selectIndex;
-        });
-      }
-    },
-    confirm(): void {
-      this.newSelection();
-      this.dialog = false;
-    },
-    cancel(): void {
-      this.newSelectedIndex = this.selectedIndex;
-      this.dialog = false;
-    },
-    newSelection(): void {
-      this.handleChange(
-        this.path,
-        this.newSelectedIndex !== undefined && this.newSelectedIndex !== null
-          ? createDefaultValue(
-              this.indexedOneOfRenderInfos[this.newSelectedIndex].schema,
-              this.control.rootSchema,
-            )
-          : {},
-      );
-      this.selectIndex = this.newSelectedIndex;
-      this.selectedIndex = this.newSelectedIndex;
-    },
-  },
-});
-
-export default controlRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/complex/OneOfTabRenderer.entry.ts b/packages/vue-vuetify/src/complex/OneOfTabRenderer.entry.ts
deleted file mode 100644
index 3b7f93497f..0000000000
--- a/packages/vue-vuetify/src/complex/OneOfTabRenderer.entry.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {
-  and,
-  isOneOfControl,
-  optionIs,
-  rankWith,
-  type JsonFormsRendererRegistryEntry,
-} from '@jsonforms/core';
-import controlRenderer from './OneOfTabRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(4, and(isOneOfControl, optionIs('variant', 'tab'))),
-};
diff --git a/packages/vue-vuetify/src/complex/OneOfTabRenderer.vue b/packages/vue-vuetify/src/complex/OneOfTabRenderer.vue
deleted file mode 100644
index 4b41ca9c45..0000000000
--- a/packages/vue-vuetify/src/complex/OneOfTabRenderer.vue
+++ /dev/null
@@ -1,185 +0,0 @@
-<template>
-  <div v-if="control.visible">
-    <combinator-properties
-      :schema="control.schema"
-      combinatorKeyword="oneOf"
-      :path="path"
-    />
-
-    <v-tabs v-model="tabIndex" @update:model-value="handleTabChange">
-      <v-tab
-        v-for="(oneOfRenderInfo, oneOfIndex) in oneOfRenderInfos"
-        :key="`${control.path}-${oneOfIndex}`"
-      >
-        {{ oneOfRenderInfo.label }}
-      </v-tab>
-    </v-tabs>
-
-    <v-window v-model="selectedIndex">
-      <v-window-item
-        v-for="(oneOfRenderInfo, oneOfIndex) in oneOfRenderInfos"
-        :key="`${control.path}-${oneOfIndex}`"
-      >
-        <dispatch-renderer
-          v-if="selectedIndex === oneOfIndex"
-          :schema="oneOfRenderInfo.schema"
-          :uischema="oneOfRenderInfo.uischema"
-          :path="control.path"
-          :renderers="control.renderers"
-          :cells="control.cells"
-          :enabled="control.enabled"
-        />
-      </v-window-item>
-    </v-window>
-
-    <v-dialog v-model="dialog" persistent max-width="600" @keydown.esc="cancel">
-      <v-card>
-        <v-card-title class="text-h5">
-          {{ control.translations.clearDialogTitle }}
-        </v-card-title>
-
-        <v-card-text>
-          {{ control.translations.clearDialogMessage }}
-        </v-card-text>
-
-        <v-card-actions>
-          <v-spacer></v-spacer>
-
-          <v-btn variant="text" @click="cancel">
-            {{ control.translations.clearDialogDecline }}
-          </v-btn>
-          <v-btn variant="text" ref="confirm" @click="confirm">
-            {{ control.translations.clearDialogAccept }}
-          </v-btn>
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
-  </div>
-</template>
-
-<script lang="ts">
-import {
-  type CombinatorSubSchemaRenderInfo,
-  type ControlElement,
-  createCombinatorRenderInfos,
-  createDefaultValue,
-} from '@jsonforms/core';
-import {
-  DispatchRenderer,
-  rendererProps,
-  type RendererProps,
-  useJsonFormsOneOfControl,
-} from '@jsonforms/vue';
-import isEmpty from 'lodash/isEmpty';
-import { defineComponent, ref } from 'vue';
-import {
-  VBtn,
-  VCard,
-  VCardActions,
-  VCardText,
-  VCardTitle,
-  VDialog,
-  VSpacer,
-  VTab,
-  VWindow,
-  VTabs,
-  VWindowItem,
-} from 'vuetify/components';
-import { useCombinatorTranslations, useVuetifyControl } from '../util';
-import { CombinatorProperties } from './components';
-
-const controlRenderer = defineComponent({
-  name: 'one-of-renderer',
-  components: {
-    DispatchRenderer,
-    CombinatorProperties,
-    VDialog,
-    VCard,
-    VCardTitle,
-    VCardText,
-    VCardActions,
-    VSpacer,
-    VBtn,
-    VTabs,
-    VTab,
-    VWindow,
-    VWindowItem,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    const input = useJsonFormsOneOfControl(props);
-    const control = input.control.value;
-
-    const selectedIndex = ref(control.indexOfFittingSchema || 0);
-    const tabIndex = ref(selectedIndex.value);
-    const newSelectedIndex = ref(0);
-    const dialog = ref(false);
-
-    return {
-      ...useCombinatorTranslations(useVuetifyControl(input)),
-      selectedIndex,
-      tabIndex,
-      dialog,
-      newSelectedIndex,
-    };
-  },
-  computed: {
-    oneOfRenderInfos(): CombinatorSubSchemaRenderInfo[] {
-      const result = createCombinatorRenderInfos(
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        this.control.schema.oneOf!,
-        this.control.rootSchema,
-        'oneOf',
-        this.control.uischema,
-        this.control.path,
-        this.control.uischemas,
-      );
-      return result.filter((info) => info.uischema);
-    },
-  },
-  methods: {
-    handleTabChange(): void {
-      if (this.control.enabled && !isEmpty(this.control.data)) {
-        this.dialog = true;
-        this.$nextTick(() => {
-          this.newSelectedIndex = this.tabIndex;
-          // revert the selection while the dialog is open
-          this.tabIndex = this.selectedIndex;
-        });
-        // this.$nextTick does not work so use setTimeout
-        setTimeout(() =>
-          // cast to 'any' instead of 'Vue' because of Typescript problems (excessive stack depth when comparing types) during rollup build
-          ((this.$refs.confirm as any).$el as HTMLElement).focus(),
-        );
-      } else {
-        this.$nextTick(() => {
-          this.selectedIndex = this.tabIndex;
-        });
-      }
-    },
-    confirm(): void {
-      this.openNewTab();
-      this.dialog = false;
-    },
-    cancel(): void {
-      this.newSelectedIndex = this.selectedIndex;
-      this.dialog = false;
-    },
-    openNewTab(): void {
-      this.handleChange(
-        this.path,
-        createDefaultValue(
-          this.oneOfRenderInfos[this.newSelectedIndex].schema,
-          this.control.rootSchema,
-        ),
-      );
-      this.tabIndex = this.newSelectedIndex;
-      this.selectedIndex = this.newSelectedIndex;
-    },
-  },
-});
-
-export default controlRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/complex/components/AdditionalProperties.vue b/packages/vue-vuetify/src/complex/components/AdditionalProperties.vue
deleted file mode 100644
index fb970b3ed7..0000000000
--- a/packages/vue-vuetify/src/complex/components/AdditionalProperties.vue
+++ /dev/null
@@ -1,511 +0,0 @@
-<template>
-  <v-container>
-    <v-row>
-      <v-col cols="12">
-        <v-card v-if="control.visible" v-bind="vuetifyProps('v-card')" flat>
-          <v-container>
-            <v-row>
-              <v-col v-if="mdAndUp && additionalPropertiesTitle">
-                {{ additionalPropertiesTitle }}</v-col
-              >
-              <v-col>
-                <json-forms
-                  :data="newPropertyName"
-                  :uischema="
-                    {
-                      type: 'Control',
-                      scope: '#/',
-                    } as UISchemaElement
-                  "
-                  :schema="propertyNameSchema"
-                  :additionalErrors="additionalErrors"
-                  :renderers="control.renderers"
-                  :cells="control.cells"
-                  :config="control.config"
-                  :readonly="!control.enabled"
-                  :validation-mode="validationMode"
-                  :i18n="i18n"
-                  :ajv="ajv"
-                  :middleware="middleware"
-                  @change="propertyNameChange"
-                ></json-forms
-              ></v-col>
-              <v-tooltip bottom>
-                <template v-slot:activator="{ props }">
-                  <v-btn
-                    icon
-                    variant="text"
-                    elevation="0"
-                    small
-                    :aria-label="translations.addAriaLabel"
-                    v-bind="props"
-                    :disabled="addPropertyDisabled"
-                    @click="addProperty"
-                  >
-                    <v-icon>{{ icons.current.value.itemAdd }}</v-icon>
-                  </v-btn>
-                </template>
-                {{ translations.addTooltip }}
-              </v-tooltip>
-            </v-row>
-          </v-container>
-          <v-container v-bind="vuetifyProps('v-container')">
-            <v-row
-              v-for="element in additionalPropertyItems"
-              :key="`${element.propertyName}`"
-            >
-              <v-col class="flex-shrink-0 flex-grow-1">
-                <dispatch-renderer
-                  v-if="element.schema && element.uischema"
-                  :schema="element.schema"
-                  :uischema="element.uischema"
-                  :path="element.path"
-                  :enabled="control.enabled"
-                  :renderers="control.renderers"
-                  :cells="control.cells"
-              /></v-col>
-              <v-col v-if="control.enabled" class="flex-shrink-1 flex-grow-0">
-                <v-tooltip bottom>
-                  <template v-slot:activator="{ props }">
-                    <v-btn
-                      v-bind="props"
-                      icon
-                      variant="text"
-                      elevation="0"
-                      small
-                      :aria-label="translations.removeAriaLabel"
-                      :disabled="removePropertyDisabled"
-                      @click="removeProperty(element.propertyName)"
-                    >
-                      <v-icon class="notranslate">{{
-                        icons.current.value.itemDelete
-                      }}</v-icon>
-                    </v-btn>
-                  </template>
-                  {{ translations.removeTooltip }}
-                </v-tooltip></v-col
-              >
-            </v-row>
-          </v-container>
-        </v-card>
-      </v-col>
-    </v-row>
-  </v-container>
-</template>
-
-<script lang="ts">
-import { additionalPropertiesDefaultTranslations } from '@/i18n/additionalPropertiesTranslations';
-import { getAdditionalPropertiesTranslations } from '@/i18n/i18nUtil';
-import {
-  Generate,
-  composePaths,
-  createControlElement,
-  createDefaultValue,
-  encode,
-  getI18nKeyPrefix,
-  type GroupLayout,
-  type JsonSchema,
-  type JsonSchema7,
-  type UISchemaElement,
-} from '@jsonforms/core';
-import {
-  DispatchRenderer,
-  JsonForms,
-  useJsonFormsControlWithDetail,
-  type JsonFormsChangeEvent,
-} from '@jsonforms/vue';
-import type { ErrorObject } from 'ajv';
-import get from 'lodash/get';
-import isPlainObject from 'lodash/isPlainObject';
-import startCase from 'lodash/startCase';
-import isEqual from 'lodash/isEqual';
-import {
-  computed,
-  defineComponent,
-  markRaw,
-  ref,
-  unref,
-  type PropType,
-} from 'vue';
-import { useDisplay } from 'vuetify';
-import {
-  VBtn,
-  VCard,
-  VCol,
-  VContainer,
-  VIcon,
-  VRow,
-  VTooltip,
-} from 'vuetify/components';
-import { DisabledIconFocus } from '../../controls/directives';
-import { useStyles } from '../../styles';
-import {
-  useControlAppliedOptions,
-  useIcons,
-  useJsonForms,
-  useTranslator,
-} from '../../util';
-import { AdditionalPropertiesTranslationEnum } from '@/i18n';
-
-type Input = ReturnType<typeof useJsonFormsControlWithDetail>;
-interface AdditionalPropertyType {
-  propertyName: string;
-  path: string;
-  schema: JsonSchema | undefined;
-  uischema: UISchemaElement | undefined;
-}
-
-export default defineComponent({
-  name: 'additional-properties',
-  components: {
-    DispatchRenderer,
-    VCard,
-    VTooltip,
-    VIcon,
-    VBtn,
-    VContainer,
-    VRow,
-    VCol,
-    JsonForms,
-  },
-  directives: {
-    DisabledIconFocus,
-  },
-  props: {
-    input: {
-      type: Object as PropType<Input>,
-      required: true,
-    },
-  },
-  setup(props) {
-    // eslint-disable-next-line vue/no-setup-props-destructure
-    const control = props.input.control;
-    const reservedPropertyNames = computed(() =>
-      Object.keys(control.value.schema.properties || {}),
-    );
-
-    const additionalKeys = computed(() =>
-      Object.keys(control.value.data).filter(
-        (k) => !reservedPropertyNames.value.includes(k),
-      ),
-    );
-
-    const toAdditionalPropertyType = (
-      propName: string,
-      propValue: any,
-    ): AdditionalPropertyType => {
-      let propSchema: JsonSchema | undefined = undefined;
-      let propUiSchema: UISchemaElement | undefined = undefined;
-
-      if (control.value.schema.patternProperties) {
-        const matchedPattern = Object.keys(
-          control.value.schema.patternProperties,
-        ).find((pattern) => new RegExp(pattern).test(propName));
-        if (matchedPattern) {
-          propSchema = control.value.schema.patternProperties[matchedPattern];
-        }
-      }
-
-      if (
-        !propSchema &&
-        typeof control.value.schema.additionalProperties === 'object'
-      ) {
-        propSchema = control.value.schema.additionalProperties;
-      }
-
-      if (!propSchema && propValue !== undefined) {
-        // can't find the propertySchema so use the schema based on the value
-        // this covers case where the data in invalid according to the schema
-        propSchema = Generate.jsonSchema(
-          { prop: propValue },
-          {
-            additionalProperties: false,
-            required: () => false,
-          },
-        ).properties?.prop;
-      }
-
-      if (propSchema) {
-        if (propSchema.type === 'object' || propSchema.type === 'array') {
-          propUiSchema = Generate.uiSchema(propSchema, 'Group');
-          (propUiSchema as GroupLayout).label =
-            propSchema.title ?? startCase(propName);
-        } else {
-          propUiSchema = createControlElement(
-            control.value.path + '/' + encode(propName),
-          );
-        }
-      }
-
-      return {
-        propertyName: propName,
-        path: composePaths(control.value.path, propName),
-        schema: propSchema,
-        uischema: propUiSchema,
-      };
-    };
-
-    const appliedOptions = useControlAppliedOptions(props.input);
-    const additionalPropertyItems = ref<AdditionalPropertyType[]>(
-      additionalKeys.value.map((propName) =>
-        toAdditionalPropertyType(propName, control.value.data[propName]),
-      ),
-    );
-
-    const styles = useStyles(control.value.uischema);
-    const newPropertyName = ref<string | null>('');
-    const newPropertyErrors = ref<ErrorObject[] | undefined>(undefined);
-    const additionalErrors = ref<ErrorObject[]>([]);
-
-    const propertyNameSchema = computed<JsonSchema7>(() => {
-      let result: JsonSchema7 = {
-        type: 'string',
-      };
-      // TODO: create issue against jsonforms to add propertyNames into the JsonSchema interface
-      // propertyNames exist in draft-6 but not defined in the JsonSchema
-      if (typeof (control.value.schema as any).propertyNames === 'object') {
-        result = {
-          ...(control.value.schema as any).propertyNames,
-          ...result,
-        };
-      }
-      return result;
-    });
-
-    const propertyNameChange = (event: JsonFormsChangeEvent) => {
-      newPropertyName.value = typeof event.data === 'string' ? event.data : '';
-      let newAdditionalErrors: ErrorObject[] = [];
-
-      if (
-        typeof control.value.data === 'object' &&
-        control.value.data &&
-        Object.keys(control.value.data).find((e) => e === newPropertyName.value)
-      ) {
-        newAdditionalErrors = [
-          {
-            data: newPropertyName.value,
-            instancePath: '',
-            keyword: '',
-            message: unref(
-              translations[
-                AdditionalPropertiesTranslationEnum.propertyAlreadyDefined
-              ],
-            )!,
-            params: { propertyName: newPropertyName.value },
-            schemaPath: '',
-          },
-        ];
-      }
-
-      // JSONForms has special means for "[]." chars - those are part of the path composition so for not we can't support those without special handling
-      if (
-        newPropertyName.value.includes('[') ||
-        newPropertyName.value.includes(']') ||
-        newPropertyName.value.includes('.')
-      ) {
-        newAdditionalErrors = [
-          {
-            data: newPropertyName.value,
-            instancePath: '',
-            keyword: '',
-            message: unref(
-              translations[
-                AdditionalPropertiesTranslationEnum.propertyNameInvalid
-              ],
-            )!,
-            params: { propertyName: newPropertyName.value },
-            schemaPath: '',
-          },
-        ];
-      }
-
-      if (!isEqual(additionalErrors.value, newAdditionalErrors)) {
-        // only change the additional errors if different to prevent recursive calls
-        additionalErrors.value = newAdditionalErrors;
-      }
-      newPropertyErrors.value = [...(event.errors ?? [])];
-    };
-
-    const vuetifyProps = (path: string) => {
-      const props = get(appliedOptions.value?.vuetify, path);
-
-      return props && isPlainObject(props) ? props : {};
-    };
-
-    const icons = useIcons();
-    const t = useTranslator();
-
-    const i18nAdditionalPropertiesPrefix = getI18nKeyPrefix(
-      control.value.schema,
-      control.value.uischema,
-      control.value.path + '.additionalProperties',
-    );
-
-    const translations = getAdditionalPropertiesTranslations(
-      t.value,
-      additionalPropertiesDefaultTranslations,
-      i18nAdditionalPropertiesPrefix,
-      control.value.label,
-      newPropertyName,
-    );
-
-    const { mdAndUp } = useDisplay();
-
-    const {
-      validationMode: parentValidationMode,
-      i18n,
-      middleware,
-      ajv,
-    } = useJsonForms();
-
-    // if the new property name is not specified then hide any errors
-    const validationMode = computed(() =>
-      newPropertyName.value ? parentValidationMode : 'ValidateAndHide',
-    );
-
-    return {
-      validationMode: validationMode,
-      i18n: i18n ? markRaw(i18n) : i18n,
-      middleware: middleware ? markRaw(middleware) : middleware,
-      t,
-      mdAndUp,
-      vuetifyProps,
-      ajv: ajv ? markRaw(ajv) : ajv,
-      control,
-      styles,
-      appliedOptions,
-      additionalPropertyItems,
-      toAdditionalPropertyType,
-      newPropertyName,
-      propertyNameChange,
-      newPropertyErrors,
-      additionalErrors,
-      icons,
-      propertyNameSchema,
-      translations,
-    };
-  },
-  computed: {
-    addPropertyDisabled(): boolean {
-      return (
-        // add is disabled because the overall control is disabled
-        !this.control.enabled ||
-        // add is disabled because of contraints
-        (this.appliedOptions.restrict && this.maxPropertiesReached) ||
-        // add is disabled because there are errors for the new property name or it is not specified
-        (this.newPropertyErrors && this.newPropertyErrors.length > 0) ||
-        (this.additionalErrors && this.additionalErrors.length > 0) ||
-        !this.newPropertyName
-      );
-    },
-    maxPropertiesReached(): boolean {
-      return (
-        this.control.schema.maxProperties !== undefined && // we have maxProperties constraint
-        this.control.data && // we have data to check
-        // the current number of properties in the object is greater or equals to the maxProperties
-        Object.keys(this.control.data).length >=
-          this.control.schema.maxProperties
-      );
-    },
-    removePropertyDisabled(): boolean {
-      return (
-        // add is disabled because the overall control is disabled
-        !this.control.enabled ||
-        // add is disabled because of contraints
-        (this.appliedOptions.restrict && this.minPropertiesReached)
-      );
-    },
-    minPropertiesReached(): boolean {
-      return (
-        this.control.schema.minProperties !== undefined && // we have minProperties constraint
-        this.control.data && // we have data to check
-        // the current number of properties in the object is less or equals to the minProperties
-        Object.keys(this.control.data).length <=
-          this.control.schema.minProperties
-      );
-    },
-    additionalPropertiesTitle(): string | undefined {
-      const title = (this.control.schema.additionalProperties as JsonSchema7)
-        ?.title;
-      return title ? this.t(title, title) : title;
-    },
-  },
-  watch: {
-    'control.data': {
-      handler(newData) {
-        // revert back any undefined values back to the default value when the key is part of the addtional properties since we want to preserved the key
-        // for example when we have a string additonal property then when we clear the text component the componet by default sets the value to undefined to remove the property from the object - for additional properties we do not want that behaviour
-        if (typeof newData === 'object' && newData) {
-          const keys = Object.keys(newData);
-          let hasChanges = false;
-          const updatedData = { ...newData };
-
-          this.additionalPropertyItems.forEach((ap) => {
-            if (
-              ap.schema &&
-              (!keys.includes(ap.propertyName) ||
-                updatedData[ap.propertyName] === undefined ||
-                (updatedData[ap.propertyName] === null &&
-                  ap.schema.type !== 'null')) // createDefaultValue will return null only when the ap.schema.type is 'null'
-            ) {
-              const newValue = createDefaultValue(
-                ap.schema,
-                this.control.rootSchema,
-              );
-              hasChanges = updatedData[ap.propertyName] !== newValue;
-
-              updatedData[ap.propertyName] = newValue;
-            }
-          });
-          if (hasChanges) {
-            this.input.handleChange(this.control.path, updatedData);
-          }
-        }
-      },
-      deep: true,
-    },
-  },
-  methods: {
-    composePaths,
-    addProperty() {
-      if (this.newPropertyName) {
-        const additionalProperty = this.toAdditionalPropertyType(
-          this.newPropertyName,
-          undefined,
-        );
-        if (additionalProperty) {
-          this.additionalPropertyItems = [
-            ...this.additionalPropertyItems,
-            additionalProperty,
-          ];
-        }
-
-        if (
-          typeof this.control.data === 'object' &&
-          additionalProperty.schema
-        ) {
-          const updatedData = { ...this.control.data };
-
-          updatedData[this.newPropertyName] = createDefaultValue(
-            additionalProperty.schema,
-            this.control.rootSchema,
-          );
-          // we need always to preserve the key even when the value is "empty"
-          this.input.handleChange(this.control.path, updatedData);
-        }
-      }
-      this.newPropertyName = '';
-    },
-    removeProperty(propName: string): void {
-      this.additionalPropertyItems = this.additionalPropertyItems.filter(
-        (d) => d.propertyName !== propName,
-      );
-      if (typeof this.control.data === 'object') {
-        const updatedData = { ...this.control.data };
-        delete updatedData[propName];
-        this.input.handleChange(this.control.path, updatedData);
-      }
-    },
-  },
-});
-</script>
diff --git a/packages/vue-vuetify/src/complex/components/CombinatorProperties.vue b/packages/vue-vuetify/src/complex/components/CombinatorProperties.vue
deleted file mode 100644
index 4b03d024fa..0000000000
--- a/packages/vue-vuetify/src/complex/components/CombinatorProperties.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<template>
-  <div v-if="isLayoutWithElements">
-    <dispatch-renderer
-      :schema="otherProps"
-      :path="path"
-      :uischema="foundUISchema"
-    />
-  </div>
-</template>
-
-<script lang="ts">
-import {
-  Generate,
-  type JsonSchema,
-  type Layout,
-  type UISchemaElement,
-} from '@jsonforms/core';
-import { DispatchRenderer } from '@jsonforms/vue';
-import omit from 'lodash/omit';
-import { defineComponent, type PropType } from 'vue';
-
-interface CombinatorProps {
-  schema: JsonSchema;
-  combinatorKeyword: 'oneOf' | 'anyOf' | 'allOf';
-  path: string;
-}
-
-export default defineComponent({
-  name: 'combinator-properties',
-  components: {
-    DispatchRenderer,
-  },
-  props: {
-    schema: {
-      type: Object as PropType<JsonSchema>,
-      required: true,
-    },
-    combinatorKeyword: {
-      type: String as PropType<'oneOf' | 'anyOf' | 'allOf'>,
-      required: true,
-    },
-    path: {
-      type: String,
-      required: true,
-    },
-  },
-  setup(props: CombinatorProps) {
-    const otherProps: JsonSchema = omit(
-      props.schema,
-      props.combinatorKeyword,
-    ) as JsonSchema;
-    const foundUISchema: UISchemaElement = Generate.uiSchema(
-      otherProps,
-      'VerticalLayout',
-    );
-
-    const isLayout = (uischema: UISchemaElement): uischema is Layout =>
-      Object.prototype.hasOwnProperty.call(uischema, 'elements');
-
-    let isLayoutWithElements = false;
-    if (foundUISchema !== null && isLayout(foundUISchema)) {
-      isLayoutWithElements = foundUISchema.elements.length > 0;
-    }
-
-    return {
-      otherProps,
-      foundUISchema,
-      isLayoutWithElements,
-    };
-  },
-});
-</script>
diff --git a/packages/vue-vuetify/src/complex/components/index.ts b/packages/vue-vuetify/src/complex/components/index.ts
deleted file mode 100644
index dc8fda682d..0000000000
--- a/packages/vue-vuetify/src/complex/components/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default as AdditionalProperties } from './AdditionalProperties.vue';
-export { default as CombinatorProperties } from './CombinatorProperties.vue';
diff --git a/packages/vue-vuetify/src/complex/index.ts b/packages/vue-vuetify/src/complex/index.ts
deleted file mode 100644
index 335567cd5a..0000000000
--- a/packages/vue-vuetify/src/complex/index.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-export { default as AllOfRenderer } from './AllOfRenderer.vue';
-export { default as AnyOfRenderer } from './AnyOfRenderer.vue';
-export { default as ArrayControlRenderer } from './ArrayControlRenderer.vue';
-export { default as EnumArrayRenderer } from './EnumArrayRenderer.vue';
-export { default as ObjectRenderer } from './ObjectRenderer.vue';
-export { default as OneOfRenderer } from './OneOfRenderer.vue';
-export { default as OneOfTabRenderer } from './OneOfTabRenderer.vue';
-
-import { entry as allOfRendererEntry } from './AllOfRenderer.entry';
-import { entry as anyOfRendererEntry } from './AnyOfRenderer.entry';
-import { entry as arrayControlRendererEntry } from './ArrayControlRenderer.entry';
-import { entry as enumArrayRendererEntry } from './EnumArrayRenderer.entry';
-import { entry as objectRendererEntry } from './ObjectRenderer.entry';
-import { entry as oneOfRendererEntry } from './OneOfRenderer.entry';
-import { entry as oneOfTabRendererEntry } from './OneOfTabRenderer.entry';
-
-export const complexRenderers = [
-  allOfRendererEntry,
-  anyOfRendererEntry,
-  arrayControlRendererEntry,
-  enumArrayRendererEntry,
-  objectRendererEntry,
-  oneOfRendererEntry,
-  oneOfTabRendererEntry,
-];
-
-export {
-  allOfRendererEntry,
-  anyOfRendererEntry,
-  arrayControlRendererEntry,
-  enumArrayRendererEntry,
-  objectRendererEntry,
-  oneOfRendererEntry,
-  oneOfTabRendererEntry,
-};
diff --git a/packages/vue-vuetify/src/controls/AnyOfStringOrEnumControlRenderer.entry.ts b/packages/vue-vuetify/src/controls/AnyOfStringOrEnumControlRenderer.entry.ts
deleted file mode 100644
index a5c15d3e02..0000000000
--- a/packages/vue-vuetify/src/controls/AnyOfStringOrEnumControlRenderer.entry.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import {
-  and,
-  rankWith,
-  schemaMatches,
-  uiTypeIs,
-  type JsonFormsRendererRegistryEntry,
-  type JsonSchema,
-} from '@jsonforms/core';
-import controlRenderer from './AnyOfStringOrEnumControlRenderer.vue';
-
-const findEnumSchema = (schemas: JsonSchema[]) =>
-  schemas.find(
-    (s) =>
-      s.enum !== undefined && (s.type === 'string' || s.type === undefined),
-  );
-const findTextSchema = (schemas: JsonSchema[]) =>
-  schemas.find((s) => s.type === 'string' && s.enum === undefined);
-
-const hasEnumAndText = (schemas: JsonSchema[]): boolean => {
-  // idea: map to type,enum and check that all types are string and at least one item is of type enum,
-  const enumSchema = findEnumSchema(schemas);
-  const stringSchema = findTextSchema(schemas);
-  const remainingSchemas = schemas.filter(
-    (s) => s !== enumSchema || s !== stringSchema,
-  );
-  const wrongType = remainingSchemas.find((s) => s.type && s.type !== 'string');
-  return !!enumSchema && !!stringSchema && !wrongType;
-};
-
-const simpleAnyOf = and(
-  uiTypeIs('Control'),
-  schemaMatches(
-    (schema) => Array.isArray(schema.anyOf) && hasEnumAndText(schema.anyOf),
-  ),
-);
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(5, simpleAnyOf),
-};
diff --git a/packages/vue-vuetify/src/controls/AnyOfStringOrEnumControlRenderer.vue b/packages/vue-vuetify/src/controls/AnyOfStringOrEnumControlRenderer.vue
deleted file mode 100644
index 772d6e73ff..0000000000
--- a/packages/vue-vuetify/src/controls/AnyOfStringOrEnumControlRenderer.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :isFocused="isFocused"
-    :appliedOptions="appliedOptions"
-  >
-    <v-combobox
-      v-disabled-icon-focus
-      :id="control.id + '-input'"
-      :class="styles.control.input"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      :label="computedLabel"
-      :hint="control.description"
-      :persistent-hint="persistentHint()"
-      :required="control.required"
-      :error-messages="control.errors"
-      :model-value="control.data"
-      :maxlength="
-        appliedOptions.restrict ? control.schema.maxLength : undefined
-      "
-      :counter="
-        control.schema.maxLength !== undefined
-          ? control.schema.maxLength
-          : undefined
-      "
-      :items="items"
-      :clearable="control.enabled"
-      v-bind="vuetifyProps('v-combobox')"
-      @update:model-value="onChange"
-      @focus="handleFocus"
-      @blur="handleBlur"
-    />
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import { type ControlElement, type JsonSchema } from '@jsonforms/core';
-import {
-  rendererProps,
-  useJsonFormsControl,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { defineComponent } from 'vue';
-import { VCombobox } from 'vuetify/components';
-import { useVuetifyControl } from '../util';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-import { DisabledIconFocus } from './directives';
-
-const controlRenderer = defineComponent({
-  name: 'anyof-string-or-enum-control-renderer',
-  components: {
-    ControlWrapper,
-    VCombobox,
-  },
-  directives: {
-    DisabledIconFocus,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVuetifyControl(
-      useJsonFormsControl(props),
-      (value) => value || undefined,
-    );
-  },
-  computed: {
-    items(): string[] {
-      // made sure via the testers
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      return findEnumSchema(this.control.schema.anyOf!)!.enum!;
-    },
-  },
-});
-
-export default controlRenderer;
-
-const findEnumSchema = (schemas: JsonSchema[]) =>
-  schemas.find(
-    (s) =>
-      s.enum !== undefined && (s.type === 'string' || s.type === undefined),
-  );
-</script>
diff --git a/packages/vue-vuetify/src/controls/BooleanControlRenderer.entry.ts b/packages/vue-vuetify/src/controls/BooleanControlRenderer.entry.ts
deleted file mode 100644
index 3eabe34aae..0000000000
--- a/packages/vue-vuetify/src/controls/BooleanControlRenderer.entry.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {
-  type JsonFormsRendererRegistryEntry,
-  rankWith,
-  isBooleanControl,
-} from '@jsonforms/core';
-import controlRenderer from './BooleanControlRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(1, isBooleanControl),
-};
diff --git a/packages/vue-vuetify/src/controls/BooleanControlRenderer.vue b/packages/vue-vuetify/src/controls/BooleanControlRenderer.vue
deleted file mode 100644
index 8dafe3874c..0000000000
--- a/packages/vue-vuetify/src/controls/BooleanControlRenderer.vue
+++ /dev/null
@@ -1,56 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :isFocused="isFocused"
-    :appliedOptions="appliedOptions"
-  >
-    <v-checkbox
-      :id="control.id + '-input'"
-      :class="styles.control.input"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      :label="computedLabel"
-      :hint="control.description"
-      :persistent-hint="persistentHint()"
-      :required="control.required"
-      :error-messages="control.errors"
-      :indeterminate="control.data === undefined"
-      :model-value="control.data"
-      v-bind="vuetifyProps('v-checkbox')"
-      @update:model-value="onChange"
-      @focus="handleFocus"
-      @blur="handleBlur"
-    />
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import { type ControlElement } from '@jsonforms/core';
-import {
-  rendererProps,
-  useJsonFormsControl,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { defineComponent } from 'vue';
-import { VCheckbox } from 'vuetify/components';
-import { useVuetifyControl } from '../util';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-
-const controlRenderer = defineComponent({
-  name: 'boolean-control-renderer',
-  components: {
-    VCheckbox,
-    ControlWrapper,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVuetifyControl(useJsonFormsControl(props));
-  },
-});
-
-export default controlRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/controls/BooleanToggleControlRenderer.entry.ts b/packages/vue-vuetify/src/controls/BooleanToggleControlRenderer.entry.ts
deleted file mode 100644
index b9937ef326..0000000000
--- a/packages/vue-vuetify/src/controls/BooleanToggleControlRenderer.entry.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {
-  type JsonFormsRendererRegistryEntry,
-  rankWith,
-  and,
-  isBooleanControl,
-  optionIs,
-} from '@jsonforms/core';
-import controlRenderer from './BooleanToggleControlRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(3, and(isBooleanControl, optionIs('toggle', true))),
-};
diff --git a/packages/vue-vuetify/src/controls/BooleanToggleControlRenderer.vue b/packages/vue-vuetify/src/controls/BooleanToggleControlRenderer.vue
deleted file mode 100644
index 307f36b8ef..0000000000
--- a/packages/vue-vuetify/src/controls/BooleanToggleControlRenderer.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :isFocused="isFocused"
-    :appliedOptions="appliedOptions"
-  >
-    <v-switch
-      :id="control.id + '-input'"
-      :class="styles.control.input"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      :label="computedLabel"
-      :hint="control.description"
-      :persistent-hint="persistentHint()"
-      :required="control.required"
-      :error-messages="control.errors"
-      :input-value="control.data"
-      :model-value="control.data"
-      :indeterminate="control.data === undefined"
-      :true-value="true"
-      :false-value="false"
-      v-bind="vuetifyProps('v-switch')"
-      @update:model-value="onChange"
-      @focus="handleFocus"
-      @blur="handleBlur"
-    />
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import { type ControlElement } from '@jsonforms/core';
-import {
-  rendererProps,
-  useJsonFormsControl,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { defineComponent } from 'vue';
-import { VSwitch } from 'vuetify/components';
-import { useVuetifyControl } from '../util';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-
-const controlRenderer = defineComponent({
-  name: 'boolean-toggle-control-renderer',
-  components: {
-    ControlWrapper,
-    VSwitch,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVuetifyControl(useJsonFormsControl(props));
-  },
-});
-
-export default controlRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/controls/ControlWrapper.vue b/packages/vue-vuetify/src/controls/ControlWrapper.vue
deleted file mode 100644
index 8353bc7d3c..0000000000
--- a/packages/vue-vuetify/src/controls/ControlWrapper.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-  <div v-if="visible" :class="styles.control.root" :id="id">
-    <slot></slot>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, type PropType } from 'vue';
-import type { Styles } from '../styles';
-
-export default defineComponent({
-  name: 'control-wrapper',
-  props: {
-    id: {
-      required: true as const,
-      type: String,
-    },
-    visible: {
-      required: false as const,
-      type: Boolean,
-      default: true,
-    },
-    styles: {
-      required: true,
-      type: Object as PropType<Styles>,
-    },
-  },
-});
-</script>
diff --git a/packages/vue-vuetify/src/controls/DateControlRenderer.entry.ts b/packages/vue-vuetify/src/controls/DateControlRenderer.entry.ts
deleted file mode 100644
index 3783bb16aa..0000000000
--- a/packages/vue-vuetify/src/controls/DateControlRenderer.entry.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {
-  type JsonFormsRendererRegistryEntry,
-  rankWith,
-  isDateControl,
-} from '@jsonforms/core';
-import controlRenderer from './DateControlRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(2, isDateControl),
-};
diff --git a/packages/vue-vuetify/src/controls/DateControlRenderer.vue b/packages/vue-vuetify/src/controls/DateControlRenderer.vue
deleted file mode 100644
index 188324cc19..0000000000
--- a/packages/vue-vuetify/src/controls/DateControlRenderer.vue
+++ /dev/null
@@ -1,320 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :isFocused="isFocused"
-    :appliedOptions="appliedOptions"
-  >
-    <v-text-field
-      v-disabled-icon-focus
-      :id="control.id + '-input'"
-      :class="styles.control.input"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder ?? dateFormat"
-      :label="computedLabel"
-      :hint="control.description"
-      :persistent-hint="persistentHint()"
-      :required="control.required"
-      :error-messages="control.errors"
-      v-bind="vuetifyProps('v-text-field')"
-      v-model="inputModel"
-      :clearable="control.enabled"
-      @click:clear="clear"
-      @focus="handleFocus"
-      @blur="handleBlur"
-      v-maska:[options]
-    >
-      <template v-slot:prepend-inner>
-        <v-menu
-          v-model="showMenu"
-          :close-on-content-click="false"
-          transition="scale-transition"
-          min-width="290px"
-          v-bind="vuetifyProps('v-menu')"
-          activator="parent"
-          :disabled="!control.enabled"
-        >
-          <template v-slot:activator="{ props }">
-            <v-icon v-bind="props" tabindex="-1">{{ pickerIcon }}</v-icon>
-          </template>
-          <v-confirm-edit
-            v-model="pickerValue"
-            :ok-text="okLabel"
-            :cancel-text="cancelLabel"
-            @cancel="() => (showMenu = false)"
-            @save="() => (showMenu = false)"
-          >
-            <template v-slot:default="{ model: proxyModel, actions }">
-              <v-date-picker
-                v-if="showMenu"
-                :model-value="showActions ? proxyModel.value : pickerValue"
-                @update:model-value="
-                  (val: unknown) => {
-                    if (showActions) {
-                      proxyModel.value = val as Date;
-                    } else {
-                      pickerValue = val as Date;
-                      showMenu = false;
-                    }
-                  }
-                "
-                v-bind="vuetifyProps('v-date-picker')"
-                :title="computedLabel"
-                :min="minDate"
-                :max="maxDate"
-              >
-                <template v-slot:actions v-if="showActions">
-                  <component :is="actions"></component>
-                </template>
-              </v-date-picker>
-            </template>
-          </v-confirm-edit>
-        </v-menu>
-      </template>
-    </v-text-field>
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import { type ControlElement, type JsonSchema } from '@jsonforms/core';
-import { computed, defineComponent, ref, unref } from 'vue';
-
-import {
-  rendererProps,
-  useJsonFormsControl,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { vMaska, type MaskOptions, type MaskaDetail } from 'maska';
-import { useLocale } from 'vuetify';
-import {
-  VBtn,
-  VConfirmEdit,
-  VDatePicker,
-  VIcon,
-  VMenu,
-  VSpacer,
-  VTextField,
-} from 'vuetify/components';
-import {
-  convertDayjsToMaskaFormat,
-  expandLocaleFormat,
-  parseDateTime,
-  useTranslator,
-  useVuetifyControl,
-} from '../util';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-import { DisabledIconFocus } from './directives';
-
-const JSON_SCHEMA_DATE_FORMATS = ['YYYY-MM-DD'];
-
-// https://ajv.js.org/packages/ajv-formats.html#keywords-to-compare-values-formatmaximum-formatminimum-and-formatexclusivemaximum-formatexclusiveminimum
-type AjvMinMaxFormat = {
-  formatMinimum?: string | { $data: any };
-  formatExclusiveMinimum?: string | { $data: any };
-  formatMaximum?: string | { $data: any };
-  formatExclusiveMaximum?: string | { $data: any };
-};
-
-const controlRenderer = defineComponent({
-  name: 'date-control-renderer',
-  components: {
-    ControlWrapper,
-    VTextField,
-    VMenu,
-    VDatePicker,
-    VIcon,
-    VSpacer,
-    VBtn,
-    VConfirmEdit,
-  },
-  directives: { DisabledIconFocus, maska: vMaska },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    const t = useTranslator();
-
-    const showMenu = ref(false);
-
-    const adaptValue = (value: any) => value || undefined;
-    const control = useVuetifyControl(useJsonFormsControl(props), adaptValue);
-
-    const dateFormat = computed<string>(
-      () =>
-        typeof control.appliedOptions.value.dateFormat == 'string'
-          ? (expandLocaleFormat(control.appliedOptions.value.dateFormat) ??
-            control.appliedOptions.value.dateFormat)
-          : (expandLocaleFormat('L') ?? 'YYYY-MM-DD'), // by default try to use localized default if unavailable then YYYY-MM-DD
-    );
-
-    const useMask = control.appliedOptions.value.mask !== false;
-    const maskCompleted = ref(false);
-
-    const state = computed(() => convertDayjsToMaskaFormat(dateFormat.value));
-    const locale = useLocale();
-
-    const options = useMask
-      ? computed<MaskOptions>(() => ({
-          mask: state.value.mask,
-          tokens: state.value.tokens,
-          tokensReplace: true,
-          onMaska: (detail: MaskaDetail) =>
-            (maskCompleted.value = detail.completed),
-
-          //invoke the locale.current as side effect so that the computed will rerun if the locale changes since the mask could be dependent on the locale
-          _locale: unref(locale.current),
-        }))
-      : null;
-
-    return {
-      ...control,
-      showMenu,
-      t,
-      adaptValue,
-      dateFormat,
-      options,
-      useMask,
-      maskCompleted,
-    };
-  },
-  computed: {
-    pickerIcon(): string {
-      if (typeof this.appliedOptions.pickerIcon === 'string') {
-        return this.appliedOptions.pickerIcon;
-      }
-
-      // vuetify defined icon alias
-      return '$calendar';
-    },
-    dateSaveFormat(): string {
-      return typeof this.appliedOptions.dateSaveFormat == 'string'
-        ? this.appliedOptions.dateSaveFormat
-        : 'YYYY-MM-DD';
-    },
-    formats(): string[] {
-      return [
-        this.dateSaveFormat,
-        this.dateFormat,
-        ...JSON_SCHEMA_DATE_FORMATS,
-      ];
-    },
-    minDate(): string | undefined {
-      if (typeof this.vuetifyProps('v-date-picker').min === 'string') {
-        // prefer the vuetify option first
-        return this.vuetifyProps('v-date-picker').min;
-      }
-      // provide min so that the browser can display the native component with only selections that are allowed.
-      // Since the browser supports only min there is posibility for the user to select a date that is defined in the formatExclusiveMinimum but the ajv will catch that validation.
-      const schema = this.control.schema as JsonSchema & AjvMinMaxFormat;
-      if (typeof schema.formatMinimum === 'string') {
-        return schema.formatMinimum;
-      } else if (typeof schema.formatExclusiveMinimum === 'string') {
-        let date = parseDateTime(schema.formatExclusiveMinimum, this.formats);
-        if (date) {
-          // the format is exclusive
-          date = date.add(1, 'day');
-        }
-        return date ? date.format('YYYY-MM-DD') : schema.formatExclusiveMinimum;
-      }
-      return undefined;
-    },
-    maxDate(): string | undefined {
-      if (typeof this.vuetifyProps('v-date-picker').max === 'string') {
-        // prefer the vuetify option first
-        return this.vuetifyProps('v-date-picker').max;
-      }
-      // provide max so that the browser can display the native component with only selections that are allowed.
-      // Since the browser supports only max there is posibility for the user to select a date that is defined in the formatExclusiveMaximum but the ajv will catch that validation.
-      const schema = this.control.schema as JsonSchema & AjvMinMaxFormat;
-      if (typeof schema.formatMaximum === 'string') {
-        return schema.formatMaximum;
-      } else if (typeof schema.formatExclusiveMaximum === 'string') {
-        let date = parseDateTime(schema.formatExclusiveMaximum, this.formats);
-        if (date) {
-          // the format is exclusive
-          date = date.subtract(1, 'day');
-        }
-        return date ? date.format('YYYY-MM-DD') : schema.formatExclusiveMaximum;
-      }
-      return undefined;
-    },
-    inputModel: {
-      get(): string | undefined {
-        const value = this.control.data;
-        const date = parseDateTime(value, this.formats);
-        return date ? date.format(this.dateFormat) : value;
-      },
-      set(val: string | undefined): void {
-        let value = val;
-
-        if (
-          this.useMask &&
-          !this.maskCompleted &&
-          value !== null &&
-          value !== undefined
-        ) {
-          // the value is set not not yet completed so do not set that until the full mask is completed
-          // otherwise if the control.data is bound to another renderer with different dateTimeFormat then those will collide
-          return;
-        }
-
-        const date = parseDateTime(value, this.dateFormat);
-
-        if (date) {
-          value = date.format(this.dateSaveFormat);
-        }
-
-        if (this.adaptValue(value) !== this.control.data) {
-          this.onChange(value);
-        }
-      },
-    },
-    pickerValue: {
-      get(): Date | undefined {
-        const value = this.control.data;
-        const date = parseDateTime(value, this.formats);
-        // show only valid values
-        return date ? date.toDate() : undefined;
-      },
-      set(val: Date): void {
-        this.onPickerChange(val);
-        this.showMenu = false;
-      },
-    },
-    cancelLabel(): string {
-      const label =
-        typeof this.appliedOptions.cancelLabel == 'string'
-          ? this.appliedOptions.cancelLabel
-          : 'Cancel';
-
-      return this.t(label, label);
-    },
-    okLabel(): string {
-      const label =
-        typeof this.appliedOptions.okLabel == 'string'
-          ? this.appliedOptions.okLabel
-          : 'OK';
-      return this.t(label, label);
-    },
-    showActions(): boolean {
-      return this.appliedOptions.showActions === true;
-    },
-  },
-  methods: {
-    onPickerChange(value: Date): void {
-      const date = parseDateTime(value, undefined);
-      let newdata: string | number | undefined = date
-        ? date.format(this.dateSaveFormat)
-        : undefined;
-
-      this.onChange(newdata);
-    },
-    clear(): void {
-      this.inputModel = undefined;
-    },
-  },
-});
-
-export default controlRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/controls/DateTimeControlRenderer.entry.ts b/packages/vue-vuetify/src/controls/DateTimeControlRenderer.entry.ts
deleted file mode 100644
index 6e5a941735..0000000000
--- a/packages/vue-vuetify/src/controls/DateTimeControlRenderer.entry.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {
-  type JsonFormsRendererRegistryEntry,
-  rankWith,
-  isDateTimeControl,
-} from '@jsonforms/core';
-import controlRenderer from './DateTimeControlRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(2, isDateTimeControl),
-};
diff --git a/packages/vue-vuetify/src/controls/DateTimeControlRenderer.vue b/packages/vue-vuetify/src/controls/DateTimeControlRenderer.vue
deleted file mode 100644
index abfbd36481..0000000000
--- a/packages/vue-vuetify/src/controls/DateTimeControlRenderer.vue
+++ /dev/null
@@ -1,599 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :isFocused="isFocused"
-    :appliedOptions="appliedOptions"
-  >
-    <v-text-field
-      v-disabled-icon-focus
-      :id="control.id + '-input'"
-      :class="styles.control.input"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder ?? dateTimeFormat"
-      :label="computedLabel"
-      :hint="control.description"
-      :persistent-hint="persistentHint()"
-      :required="control.required"
-      :error-messages="control.errors"
-      v-bind="vuetifyProps('v-text-field')"
-      v-model="inputModel"
-      :clearable="control.enabled"
-      @click:clear="clear"
-      @focus="handleFocus"
-      @blur="handleBlur"
-      v-maska:[options]
-    >
-      <template v-slot:prepend-inner>
-        <v-menu
-          v-model="showMenu"
-          :close-on-content-click="false"
-          transition="scale-transition"
-          :min-width="useTabLayout ? '290px' : '580px'"
-          v-bind="vuetifyProps('v-menu')"
-          :disabled="!control.enabled"
-        >
-          <template v-slot:activator="{ props }">
-            <v-icon v-bind="props" tabindex="-1">{{ pickerIcon }}</v-icon>
-          </template>
-          <v-confirm-edit
-            v-model="pickerValue"
-            :ok-text="okLabel"
-            :cancel-text="cancelLabel"
-            @cancel="() => (showMenu = false)"
-            @save="() => (showMenu = false)"
-          >
-            <template v-slot:default="{ model: proxyModel, actions }">
-              <v-card v-if="showMenu">
-                <v-tabs v-if="useTabLayout" v-model="activeTab">
-                  <v-tab key="date" class="primary--text">
-                    <v-icon>$calendar</v-icon>
-                  </v-tab>
-                  <v-spacer></v-spacer>
-                  <v-tab key="time" class="primary--text">
-                    <v-icon> {{ icons.current.value.clock }} </v-icon>
-                  </v-tab>
-                </v-tabs>
-
-                <v-window v-if="useTabLayout" v-model="activeTab">
-                  <v-window-item value="date">
-                    <v-date-picker
-                      :model-value="
-                        showActions ? proxyModel.value.date : pickerValue.date
-                      "
-                      @update:model-value="
-                        (val: unknown) => {
-                          if (showActions) {
-                            proxyModel.value.date = val as Date;
-                          } else {
-                            pickerValue.date = val as Date;
-                          }
-                        }
-                      "
-                      v-bind="vuetifyProps('v-date-picker')"
-                      :title="computedLabel"
-                      :min="minDate"
-                      :max="maxDate"
-                    >
-                    </v-date-picker>
-                  </v-window-item>
-                  <v-window-item value="time"
-                    ><v-time-picker
-                      :model-value="
-                        showActions ? proxyModel.value.time : pickerValue.time
-                      "
-                      @update:model-value="
-                        (val: string) => {
-                          if (showActions) {
-                            proxyModel.value.time = val;
-                          } else {
-                            pickerValue.time = val;
-                            showMenu = false;
-                          }
-                        }
-                      "
-                      v-bind="vuetifyProps('v-time-picker')"
-                      :title="computedLabel"
-                      :min="minTime"
-                      :max="maxTime"
-                      :use-seconds="useSeconds"
-                      :format="ampm ? 'ampm' : '24hr'"
-                      :ampm-in-title="ampm ? true : false"
-                    ></v-time-picker>
-                  </v-window-item>
-                </v-window>
-                <v-row no-gutters v-else>
-                  <v-col min-width="290px" cols="auto">
-                    <v-date-picker
-                      v-if="showMenu"
-                      :model-value="
-                        showActions ? proxyModel.value.date : pickerValue.date
-                      "
-                      @update:model-value="
-                        (val: unknown) => {
-                          if (showActions) {
-                            proxyModel.value.date = val as Date;
-                          } else {
-                            pickerValue = {
-                              date: val as Date,
-                              time: pickerValue.time,
-                            };
-                          }
-                        }
-                      "
-                      v-bind="vuetifyProps('v-date-picker')"
-                      :title="computedLabel"
-                      :min="minDate"
-                      :max="maxDate"
-                    >
-                    </v-date-picker>
-                  </v-col>
-                  <v-col
-                    :min-width="ampm && useSeconds ? '340px' : '290px'"
-                    cols="auto"
-                  >
-                    <v-time-picker
-                      :model-value="
-                        showActions ? proxyModel.value.time : pickerValue.time
-                      "
-                      @update:model-value="
-                        (val: string) => {
-                          if (showActions) {
-                            proxyModel.value.time = val;
-                          } else {
-                            pickerValue = {
-                              date: pickerValue.date,
-                              time: val,
-                            };
-
-                            showMenu = false;
-                          }
-                        }
-                      "
-                      v-bind="vuetifyProps('v-time-picker')"
-                      :title="``"
-                      :min="minTime"
-                      :max="maxTime"
-                      :use-seconds="useSeconds"
-                      :format="ampm ? 'ampm' : '24hr'"
-                      :ampm-in-title="ampm ? true : false"
-                    ></v-time-picker>
-                  </v-col>
-                </v-row>
-
-                <template v-slot:actions v-if="showActions">
-                  <component :is="actions"></component>
-                </template>
-              </v-card>
-            </template>
-          </v-confirm-edit>
-        </v-menu>
-      </template>
-    </v-text-field>
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import { type ControlElement, type JsonSchema } from '@jsonforms/core';
-import {
-  rendererProps,
-  useJsonFormsControl,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { computed, defineComponent, ref, unref } from 'vue';
-import {
-  VBtn,
-  VCard,
-  VCardActions,
-  VCardTitle,
-  VCol,
-  VConfirmEdit,
-  VDatePicker,
-  VHover,
-  VIcon,
-  VMenu,
-  VRow,
-  VSpacer,
-  VTab,
-  VTabs,
-  VTextField,
-  VWindow,
-  VWindowItem,
-} from 'vuetify/components';
-import { VTimePicker } from 'vuetify/labs/VTimePicker';
-
-import { vMaska, type MaskOptions, type MaskaDetail } from 'maska';
-import { useDisplay, useLocale } from 'vuetify';
-import {
-  convertDayjsToMaskaFormat,
-  expandLocaleFormat,
-  parseDateTime,
-  useIcons,
-  useTranslator,
-  useVuetifyControl,
-} from '../util';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-import { DisabledIconFocus } from './directives';
-
-const JSON_SCHEMA_DATE_TIME_FORMATS = [
-  'YYYY-MM-DDTHH:mm:ss.SSSZ',
-  'YYYY-MM-DDTHH:mm:ss.SSS',
-  'YYYY-MM-DDTHH:mm:ssZ',
-  'YYYY-MM-DDTHH:mm:ss',
-];
-
-// https://ajv.js.org/packages/ajv-formats.html#keywords-to-compare-values-formatmaximum-formatminimum-and-formatexclusivemaximum-formatexclusiveminimum
-type AjvMinMaxFormat = {
-  formatMinimum?: string | { $data: any };
-  formatExclusiveMinimum?: string | { $data: any };
-  formatMaximum?: string | { $data: any };
-  formatExclusiveMaximum?: string | { $data: any };
-};
-
-const controlRenderer = defineComponent({
-  name: 'datetime-control-renderer',
-  components: {
-    ControlWrapper,
-    VBtn,
-    VDatePicker,
-    VTimePicker,
-    VHover,
-    VIcon,
-    VMenu,
-    VSpacer,
-    VTextField,
-    VRow,
-    VCol,
-    VCard,
-    VCardTitle,
-    VCardActions,
-    VTabs,
-    VTab,
-    VWindow,
-    VWindowItem,
-    VConfirmEdit,
-  },
-  directives: { DisabledIconFocus, maska: vMaska },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    const t = useTranslator();
-    const showMenu = ref(false);
-    const activeTab = ref<'date' | 'time'>('date');
-    const adaptValue = (value: any) => value || undefined;
-
-    const control = useVuetifyControl(useJsonFormsControl(props), adaptValue);
-    const { mobile } = useDisplay();
-    const icons = useIcons();
-
-    const dateTimeFormat = computed<string>(() =>
-      typeof control.appliedOptions.value.dateTimeFormat == 'string'
-        ? (expandLocaleFormat(control.appliedOptions.value.dateTimeFormat) ??
-          control.appliedOptions.value.dateTimeFormat)
-        : (expandLocaleFormat('L LT') ?? 'YYYY-MM-DD H:mm'),
-    );
-
-    const useMask = control.appliedOptions.value.mask !== false;
-    const maskCompleted = ref(false);
-
-    const state = computed(() =>
-      convertDayjsToMaskaFormat(dateTimeFormat.value),
-    );
-    const locale = useLocale();
-
-    const options = useMask
-      ? computed<MaskOptions>(() => ({
-          mask: state.value.mask,
-          tokens: state.value.tokens,
-          tokensReplace: true,
-          onMaska: (detail: MaskaDetail) =>
-            (maskCompleted.value = detail.completed),
-
-          //invoke the locale.current as side effect so that the computed will rerun if the locale changes since the mask could be dependent on the locale
-          _locale: unref(locale.current),
-        }))
-      : null;
-
-    return {
-      ...control,
-      showMenu,
-      t,
-      adaptValue,
-      activeTab,
-      mobile,
-      icons,
-      dateTimeFormat,
-      options,
-      useMask,
-      maskCompleted,
-    };
-  },
-  watch: {
-    showMenu(show) {
-      if (!show) {
-        // menu is closing then reset the activeTab
-        this.activeTab = 'date';
-      }
-    },
-  },
-  computed: {
-    pickerIcon(): string {
-      return typeof this.appliedOptions.pickerIcon == 'string'
-        ? this.appliedOptions.pickerIcon
-        : this.icons.current.value.calendarClock;
-    },
-    useTabLayout(): boolean {
-      if (this.mobile) {
-        return true;
-      }
-      return false;
-    },
-    dateTimeSaveFormat(): string {
-      return typeof this.appliedOptions.dateTimeSaveFormat == 'string'
-        ? this.appliedOptions.dateTimeSaveFormat
-        : 'YYYY-MM-DDTHH:mm:ssZ';
-    },
-    formats(): string[] {
-      return [
-        this.dateTimeSaveFormat,
-        this.dateTimeFormat,
-        ...JSON_SCHEMA_DATE_TIME_FORMATS,
-      ];
-    },
-    useSeconds(): boolean {
-      return this.dateTimeFormat.includes('s') ? true : false;
-    },
-    ampm(): boolean {
-      return this.appliedOptions.ampm === true;
-    },
-    minDate(): string | undefined {
-      if (typeof this.vuetifyProps('v-date-picker').min === 'string') {
-        // prefer the vuetify option first
-        return this.vuetifyProps('v-date-picker').min;
-      }
-      // provide min so that the browser can display the native component with only selections that are allowed.
-      // Since the browser supports only min there is posibility for the user to select a date that is defined in the formatExclusiveMinimum but the ajv will catch that validation.
-      const schema = this.control.schema as JsonSchema & AjvMinMaxFormat;
-      if (typeof schema.formatMinimum === 'string') {
-        const date = parseDateTime(schema.formatMinimum, this.formats);
-        return date ? date.format('YYYY-MM-DD') : schema.formatMinimum;
-      } else if (typeof schema.formatExclusiveMinimum === 'string') {
-        let date = parseDateTime(schema.formatExclusiveMinimum, this.formats);
-        if (date) {
-          // the format is exclusive
-          date = date.add(1, 'second');
-        }
-        return date ? date.format('YYYY-MM-DD') : schema.formatExclusiveMinimum;
-      }
-      return undefined;
-    },
-    maxDate(): string | undefined {
-      if (typeof this.vuetifyProps('v-date-picker').max === 'string') {
-        // prefer the vuetify option first
-        return this.vuetifyProps('v-date-picker').max;
-      }
-      // provide max so that the browser can display the native component with only selections that are allowed.
-      // Since the browser supports only max there is posibility for the user to select a date that is defined in the formatExclusiveMaximum but the ajv will catch that validation.
-      const schema = this.control.schema as JsonSchema & AjvMinMaxFormat;
-      if (typeof schema.formatMaximum === 'string') {
-        const date = parseDateTime(schema.formatMaximum, this.formats);
-        return date ? date.format('YYYY-MM-DD') : schema.formatMaximum;
-      } else if (typeof schema.formatExclusiveMaximum === 'string') {
-        let date = parseDateTime(schema.formatExclusiveMaximum, this.formats);
-        if (date) {
-          // the format is exclusive
-          date = date.subtract(1, 'second');
-        }
-        return date ? date.format('YYYY-MM-DD') : schema.formatExclusiveMaximum;
-      }
-      return undefined;
-    },
-    minTime(): string | undefined {
-      if (typeof this.vuetifyProps('v-time-picker').min === 'string') {
-        // prefer the vuetify option first
-        return this.vuetifyProps('v-time-picker').min;
-      }
-
-      // provide min so that the browser can display the native component with only selections that are allowed.
-      // Since the browser supports only min there is posibility for the user to select a date that is defined in the formatExclusiveMinimum but the ajv will catch that validation.
-      const schema = this.control.schema as JsonSchema & AjvMinMaxFormat;
-      if (typeof schema.formatMinimum === 'string') {
-        const time = parseDateTime(schema.formatMinimum, this.formats);
-        const datePicker = this.$refs?.datePicker as { inputDate?: string };
-
-        const date = parseDateTime(datePicker?.inputDate, 'YYYY-MM-DD');
-
-        if (date && time && date.isSame(time, 'day')) {
-          // time min only matters when it is the same day
-
-          return this.useSeconds
-            ? time.format('HH:mm:ss')
-            : time.format('HH:mm');
-        }
-        return undefined;
-      } else if (typeof schema.formatExclusiveMinimum === 'string') {
-        let time = parseDateTime(schema.formatExclusiveMinimum, this.formats);
-        const datePicker = this.$refs?.datePicker as { inputDate?: string };
-        const date = parseDateTime(datePicker?.inputDate, 'YYYY-MM-DD');
-
-        if (date && time) {
-          if (time) {
-            time = this.useSeconds
-              ? time.add(1, 'second')
-              : time.add(1, 'minute');
-          }
-
-          if (date.isSame(time, 'day')) {
-            return this.useSeconds
-              ? time.format('HH:mm:ss')
-              : time.format('HH:mm');
-          }
-        }
-
-        return undefined;
-      }
-      return undefined;
-    },
-    maxTime(): string | undefined {
-      if (typeof this.vuetifyProps('v-time-picker').max === 'string') {
-        // prefer the vuetify option first
-        return this.vuetifyProps('v-time-picker').max;
-      }
-      // provide max so that the browser can display the native component with only selections that are allowed.
-      // Since the browser supports only max there is posibility for the user to select a date that is defined in the formatExclusiveMaximum but the ajv will catch that validation.
-      const schema = this.control.schema as JsonSchema & AjvMinMaxFormat;
-      if (typeof schema.formatMaximum === 'string') {
-        const time = parseDateTime(schema.formatMaximum, this.formats);
-        const datePicker = this.$refs?.datePicker as { inputDate?: string };
-
-        const date = parseDateTime(datePicker?.inputDate, 'YYYY-MM-DD');
-
-        if (date && time && date.isSame(time, 'day')) {
-          // time min only matters when it is the same day
-
-          return this.useSeconds
-            ? time.format('HH:mm:ss')
-            : time.format('HH:mm');
-        }
-
-        return undefined;
-      } else if (typeof schema.formatExclusiveMaximum === 'string') {
-        let time = parseDateTime(schema.formatExclusiveMaximum, this.formats);
-        const datePicker = this.$refs?.datePicker as { inputDate?: string };
-        const date = parseDateTime(datePicker?.inputDate, 'YYYY-MM-DD');
-
-        if (date && time) {
-          if (time) {
-            time = this.useSeconds
-              ? time.subtract(1, 'second')
-              : time.subtract(1, 'minute');
-          }
-
-          if (date.isSame(time, 'day')) {
-            return this.useSeconds
-              ? time.format('HH:mm:ss')
-              : time.format('HH:mm');
-          }
-        }
-        return undefined;
-      }
-      return undefined;
-    },
-    inputModel: {
-      get(): string | undefined {
-        const value = this.control.data;
-        const date = parseDateTime(value, this.formats);
-        return date ? date.format(this.dateTimeFormat) : value;
-      },
-      set(val: string | undefined): void {
-        let value = val;
-
-        if (
-          this.useMask &&
-          !this.maskCompleted &&
-          value !== null &&
-          value !== undefined
-        ) {
-          // the value is set not not yet completed so do not set that until the full mask is completed
-          // otherwise if the control.data is bound to another renderer with different dateTimeFormat then those will collide
-          return;
-        }
-
-        const datetime = parseDateTime(value, this.dateTimeFormat);
-
-        if (datetime) {
-          value = datetime.format(this.dateTimeSaveFormat);
-        }
-
-        if (this.adaptValue(value) !== this.control.data) {
-          this.onChange(value);
-        }
-      },
-    },
-    pickerValue: {
-      get(): { date: Date | undefined; time: string | undefined } {
-        const value = this.control.data;
-
-        const dateTime = parseDateTime(value, this.formats);
-
-        const date = dateTime ? dateTime.toDate() : undefined;
-
-        const time = dateTime
-          ? this.useSeconds
-            ? dateTime.format('HH:mm:ss')
-            : dateTime.format('HH:mm')
-          : undefined;
-
-        return { date, time };
-      },
-      set(val: { date: Date | undefined; time: string | undefined }) {
-        this.onPickerChange(val.date, val.time);
-
-        if (this.useTabLayout && val.date) {
-          this.activeTab = 'time';
-        }
-
-        if (val.date && val.time && !this.showActions) {
-          this.showMenu = false;
-        }
-      },
-    },
-    cancelLabel(): string {
-      const label =
-        typeof this.appliedOptions.cancelLabel == 'string'
-          ? this.appliedOptions.cancelLabel
-          : 'Cancel';
-
-      return this.t(label, label);
-    },
-    okLabel(): string {
-      const label =
-        typeof this.appliedOptions.okLabel == 'string'
-          ? this.appliedOptions.okLabel
-          : 'OK';
-      return this.t(label, label);
-    },
-    showActions(): boolean {
-      return this.appliedOptions.showActions === true;
-    },
-  },
-  methods: {
-    onPickerChange(dateValue?: Date, timeValue?: string): void {
-      const date = parseDateTime(dateValue, undefined);
-      const time = parseDateTime(
-        timeValue ?? (this.useSeconds ? '00:00:00' : '00:00'),
-        this.useSeconds ? 'HH:mm:ss' : 'HH:mm',
-      );
-      if (date && !time) {
-        this.onChange(date!.format(this.dateTimeSaveFormat));
-      } else if (date && time) {
-        const dateTimeString = `${date.format('YYYY-MM-DD')}T${time.format(
-          'HH:mm:ss.SSSZ',
-        )}`;
-        const dateTime = parseDateTime(
-          dateTimeString,
-          'YYYY-MM-DDTHH:mm:ss.SSSZ',
-        );
-        this.onChange(dateTime!.format(this.dateTimeSaveFormat));
-      }
-    },
-    clear(): void {
-      this.inputModel = undefined;
-    },
-  },
-});
-
-export default controlRenderer;
-</script>
-
-<style lang="scss" scoped>
-:deep(.v-picker) {
-  border-radius: 0px;
-
-  .v-picker__title {
-    min-height: 102px;
-  }
-}
-</style>
diff --git a/packages/vue-vuetify/src/controls/EnumControlRenderer.entry.ts b/packages/vue-vuetify/src/controls/EnumControlRenderer.entry.ts
deleted file mode 100644
index e8a4f3a1de..0000000000
--- a/packages/vue-vuetify/src/controls/EnumControlRenderer.entry.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {
-  type JsonFormsRendererRegistryEntry,
-  rankWith,
-  isEnumControl,
-} from '@jsonforms/core';
-import controlRenderer from './EnumControlRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(2, isEnumControl),
-};
diff --git a/packages/vue-vuetify/src/controls/EnumControlRenderer.vue b/packages/vue-vuetify/src/controls/EnumControlRenderer.vue
deleted file mode 100644
index 7a22784aa8..0000000000
--- a/packages/vue-vuetify/src/controls/EnumControlRenderer.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :isFocused="isFocused"
-    :appliedOptions="appliedOptions"
-  >
-    <v-select
-      v-disabled-icon-focus
-      :id="control.id + '-input'"
-      :class="styles.control.input"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      :label="computedLabel"
-      :hint="control.description"
-      :persistent-hint="persistentHint()"
-      :required="control.required"
-      :error-messages="control.errors"
-      :clearable="control.enabled"
-      :model-value="control.data"
-      :items="control.options"
-      item-title="label"
-      item-value="value"
-      v-bind="vuetifyProps('v-select')"
-      @update:model-value="onChange"
-      @focus="handleFocus"
-      @blur="handleBlur"
-    />
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import { type ControlElement } from '@jsonforms/core';
-import {
-  rendererProps,
-  useJsonFormsEnumControl,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { defineComponent } from 'vue';
-import { VSelect } from 'vuetify/components';
-import { useVuetifyControl } from '../util';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-import { DisabledIconFocus } from './directives';
-
-const controlRenderer = defineComponent({
-  name: 'enum-control-renderer',
-  components: {
-    ControlWrapper,
-    VSelect,
-  },
-  directives: {
-    DisabledIconFocus,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVuetifyControl(useJsonFormsEnumControl(props), (value) =>
-      value !== null ? value : undefined,
-    );
-  },
-});
-
-export default controlRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/controls/IntegerControlRenderer.entry.ts b/packages/vue-vuetify/src/controls/IntegerControlRenderer.entry.ts
deleted file mode 100644
index e9c235335c..0000000000
--- a/packages/vue-vuetify/src/controls/IntegerControlRenderer.entry.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {
-  type JsonFormsRendererRegistryEntry,
-  rankWith,
-  isIntegerControl,
-} from '@jsonforms/core';
-import controlRenderer from './IntegerControlRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(1, isIntegerControl),
-};
diff --git a/packages/vue-vuetify/src/controls/IntegerControlRenderer.vue b/packages/vue-vuetify/src/controls/IntegerControlRenderer.vue
deleted file mode 100644
index fce8222662..0000000000
--- a/packages/vue-vuetify/src/controls/IntegerControlRenderer.vue
+++ /dev/null
@@ -1,116 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :isFocused="isFocused"
-    :appliedOptions="appliedOptions"
-  >
-    <v-text-field
-      v-disabled-icon-focus
-      :step="step"
-      :id="control.id + '-input'"
-      :class="styles.control.input"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      :label="computedLabel"
-      :hint="control.description"
-      :persistent-hint="persistentHint()"
-      :required="control.required"
-      :error-messages="control.errors"
-      :model-value="inputValue"
-      :clearable="control.enabled"
-      v-bind="vuetifyProps('v-text-field')"
-      @update:model-value="onInputChange"
-      @focus="handleFocus"
-      @blur="handleBlur"
-    ></v-text-field>
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import { type ControlElement } from '@jsonforms/core';
-import {
-  rendererProps,
-  useJsonFormsControl,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { computed, defineComponent, ref } from 'vue';
-import { VTextField } from 'vuetify/components';
-import { useVuetifyControl } from '../util';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-import { DisabledIconFocus } from './directives';
-
-const NUMBER_REGEX_TEST = /^[+-]?\d+([.]\d+)?([eE][+-]?\d+)?$/;
-
-const controlRenderer = defineComponent({
-  name: 'integer-control-renderer',
-  components: {
-    ControlWrapper,
-    VTextField,
-  },
-  directives: {
-    DisabledIconFocus,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    const adaptValue = (value: any) =>
-      typeof value === 'number' ? value : value || undefined;
-    const input = useVuetifyControl(useJsonFormsControl(props), adaptValue);
-
-    // preserve the value as it was typed by the user - for example when the user type very long number if we rely on the control.data to return back the actual data then the string could appear with exponent form and etc.
-    // otherwise while typing the string in the input can suddenly change
-    const inputValue = ref((input.control.value.data as string) || '');
-
-    const allowUnsafeInteger = computed(
-      () => input.appliedOptions.value.allowUnsafeInteger,
-    );
-    const toNumberOrString = (value: string): number | string => {
-      // have a regex test before parseFloat to make sure that invalid input won't be ignored and will lead to errors, parseFloat will parse invalid input such 7.22m6 as 7.22
-      if (NUMBER_REGEX_TEST.test(value)) {
-        const num = Number.parseFloat(value);
-        if (
-          Number.isFinite(num) &&
-          (allowUnsafeInteger.value || Number.isSafeInteger(num))
-        ) {
-          // return the parsed number only if it is not NaN or Infinite and it is safe integer (no potential lost of precision otherwise the input will show one value while the data will have different value ) or allowUnsafeInteger options is true
-          return num;
-        }
-      }
-      return value;
-    };
-
-    const dataValue = computed(() => toNumberOrString(inputValue.value));
-    return { ...input, adaptValue, inputValue, dataValue, toNumberOrString };
-  },
-  computed: {
-    step(): number {
-      const options: any = this.appliedOptions;
-      return options.step ?? 1;
-    },
-    allowUnsafeInteger(): boolean {
-      return this.appliedOptions.allowUnsafeInteger;
-    },
-  },
-  watch: {
-    'control.data': {
-      handler(newData) {
-        if (newData !== this.dataValue) {
-          // data was change from outside then synch our control
-          this.inputValue = newData;
-        }
-      },
-    },
-  },
-  methods: {
-    onInputChange(value: string): void {
-      this.inputValue = value;
-      this.onChange(this.toNumberOrString(value));
-    },
-  },
-});
-
-export default controlRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/controls/MultiStringControlRenderer.entry.ts b/packages/vue-vuetify/src/controls/MultiStringControlRenderer.entry.ts
deleted file mode 100644
index e932518a84..0000000000
--- a/packages/vue-vuetify/src/controls/MultiStringControlRenderer.entry.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {
-  type JsonFormsRendererRegistryEntry,
-  rankWith,
-  and,
-  isStringControl,
-  isMultiLineControl,
-} from '@jsonforms/core';
-import controlRenderer from './MultiStringControlRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(2, and(isStringControl, isMultiLineControl)),
-};
diff --git a/packages/vue-vuetify/src/controls/MultiStringControlRenderer.vue b/packages/vue-vuetify/src/controls/MultiStringControlRenderer.vue
deleted file mode 100644
index 185766099f..0000000000
--- a/packages/vue-vuetify/src/controls/MultiStringControlRenderer.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :isFocused="isFocused"
-    :appliedOptions="appliedOptions"
-  >
-    <v-textarea
-      v-disabled-icon-focus
-      :id="control.id + '-input'"
-      :class="styles.control.input"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      :label="computedLabel"
-      :hint="control.description"
-      :persistent-hint="persistentHint()"
-      :required="control.required"
-      :error-messages="control.errors"
-      :model-value="control.data"
-      :maxlength="
-        appliedOptions.restrict ? control.schema.maxLength : undefined
-      "
-      :size="
-        appliedOptions.trim && control.schema.maxLength !== undefined
-          ? control.schema.maxLength
-          : undefined
-      "
-      :clearable="control.enabled"
-      multi-line
-      v-bind="vuetifyProps('v-textarea')"
-      @update:model-value="onChange"
-      @focus="handleFocus"
-      @blur="handleBlur"
-    />
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import { type ControlElement } from '@jsonforms/core';
-import {
-  rendererProps,
-  useJsonFormsControl,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { defineComponent } from 'vue';
-import { VTextarea } from 'vuetify/components';
-import { useVuetifyControl } from '../util';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-import { DisabledIconFocus } from './directives';
-
-const controlRenderer = defineComponent({
-  name: 'multi-string-control-renderer',
-  components: {
-    ControlWrapper,
-    VTextarea,
-  },
-  directives: {
-    DisabledIconFocus,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVuetifyControl(
-      useJsonFormsControl(props),
-      (value) => value || undefined,
-      300,
-    );
-  },
-});
-
-export default controlRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/controls/NumberControlRenderer.entry.ts b/packages/vue-vuetify/src/controls/NumberControlRenderer.entry.ts
deleted file mode 100644
index dde8beb848..0000000000
--- a/packages/vue-vuetify/src/controls/NumberControlRenderer.entry.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {
-  type JsonFormsRendererRegistryEntry,
-  rankWith,
-  isNumberControl,
-} from '@jsonforms/core';
-import controlRenderer from './NumberControlRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(1, isNumberControl),
-};
diff --git a/packages/vue-vuetify/src/controls/NumberControlRenderer.vue b/packages/vue-vuetify/src/controls/NumberControlRenderer.vue
deleted file mode 100644
index 524008ba16..0000000000
--- a/packages/vue-vuetify/src/controls/NumberControlRenderer.vue
+++ /dev/null
@@ -1,127 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :isFocused="isFocused"
-    :appliedOptions="appliedOptions"
-  >
-    <v-text-field
-      v-disabled-icon-focus
-      :step="step"
-      :id="control.id + '-input'"
-      :class="styles.control.input"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      :label="computedLabel"
-      :hint="control.description"
-      :persistent-hint="persistentHint()"
-      :required="control.required"
-      :error-messages="control.errors"
-      :model-value="inputValue"
-      :clearable="control.enabled"
-      v-bind="vuetifyProps('v-text-field')"
-      @update:model-value="onInputChange"
-      @focus="handleFocus"
-      @blur="handleBlur"
-    ></v-text-field>
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import { type ControlElement } from '@jsonforms/core';
-import {
-  rendererProps,
-  useJsonFormsControl,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { computed, defineComponent, ref } from 'vue';
-import { VTextField } from 'vuetify/components';
-import { useVuetifyControl } from '../util';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-import { DisabledIconFocus } from './directives';
-
-const NUMBER_REGEX_TEST = /^[+-]?\d+([.]\d+)?([eE][+-]?\d+)?$/;
-
-const controlRenderer = defineComponent({
-  name: 'number-control-renderer',
-  components: {
-    ControlWrapper,
-    VTextField,
-  },
-  directives: {
-    DisabledIconFocus,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    const adaptValue = (value: any) =>
-      typeof value === 'number' ? value : value || undefined;
-    const input = useVuetifyControl(useJsonFormsControl(props), adaptValue);
-
-    const toNumberOrString = (value: string): number | string => {
-      // have a regex test before parseFloat to make sure that invalid input won't be ignored and will lead to errors, parseFloat will parse invalid input such 7.22m6 as 7.22
-      if (NUMBER_REGEX_TEST.test(value)) {
-        const num = Number.parseFloat(value);
-        if (Number.isFinite(num)) {
-          // return the parsed number only if it is not NaN or Infinite
-          return num;
-        }
-      }
-      return value;
-    };
-
-    // preserve the value as it was typed by the user - for example when the user type very long number if we rely on the control.data to return back the actual data then the string could appear with exponent form and etc.
-    // otherwise while typing the string in the input can suddenly change
-    const inputValue = ref((input.control.value.data as string) || '');
-    const dataValue = computed(() => toNumberOrString(inputValue.value));
-
-    return { ...input, adaptValue, inputValue, dataValue, toNumberOrString };
-  },
-  computed: {
-    step(): number {
-      const options: any = this.appliedOptions;
-      return options.step ?? 0.1;
-    },
-  },
-  watch: {
-    'control.data': {
-      handler(newData) {
-        if (newData !== this.dataValue) {
-          // data was change from outside then synch our control
-          this.inputValue = newData;
-        }
-      },
-    },
-  },
-  methods: {
-    onInputChange(value: string): void {
-      this.inputValue = value;
-      const result = this.toNumberOrString(value);
-      if (typeof result === 'number') {
-        // if user entered 5675.4444444444444444444444444444444 but the actual data is 5675.444444444444 then sync the input with what the data represents and try to preserve the format
-        const inputStringIsInExponentForm =
-          this.inputValue.includes('E') || this.inputValue.includes('e');
-
-        const numberAsString = inputStringIsInExponentForm
-          ? result.toExponential()
-          : result.toPrecision();
-
-        const numberIsInExponentForm =
-          numberAsString.includes('E') || numberAsString.includes('e');
-
-        if (
-          this.inputValue !== numberAsString &&
-          inputStringIsInExponentForm === numberIsInExponentForm // only change the input if both the user input and the string representation of the number are in the same form
-        ) {
-          this.$nextTick(() => (this.inputValue = numberAsString));
-        }
-      }
-      this.onChange(result);
-    },
-  },
-});
-
-export default controlRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/controls/OneOfEnumControlRenderer.entry.ts b/packages/vue-vuetify/src/controls/OneOfEnumControlRenderer.entry.ts
deleted file mode 100644
index 3044059b05..0000000000
--- a/packages/vue-vuetify/src/controls/OneOfEnumControlRenderer.entry.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {
-  type JsonFormsRendererRegistryEntry,
-  rankWith,
-  isOneOfEnumControl,
-} from '@jsonforms/core';
-import controlRenderer from './OneOfEnumControlRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(5, isOneOfEnumControl),
-};
diff --git a/packages/vue-vuetify/src/controls/OneOfEnumControlRenderer.vue b/packages/vue-vuetify/src/controls/OneOfEnumControlRenderer.vue
deleted file mode 100644
index c5c48035b6..0000000000
--- a/packages/vue-vuetify/src/controls/OneOfEnumControlRenderer.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :isFocused="isFocused"
-    :appliedOptions="appliedOptions"
-  >
-    <v-select
-      v-disabled-icon-focus
-      :id="control.id + '-input'"
-      :class="styles.control.input"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      :label="computedLabel"
-      :hint="control.description"
-      :persistent-hint="persistentHint()"
-      :required="control.required"
-      :error-messages="control.errors"
-      :clearable="control.enabled"
-      :model-value="control.data"
-      :items="control.options"
-      item-title="label"
-      item-value="value"
-      v-bind="vuetifyProps('v-select')"
-      @update:model-value="onChange"
-      @focus="handleFocus"
-      @blur="handleBlur"
-    />
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import { type ControlElement } from '@jsonforms/core';
-import {
-  rendererProps,
-  useJsonFormsOneOfEnumControl,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { defineComponent } from 'vue';
-import { VSelect } from 'vuetify/components';
-import { useVuetifyControl } from '../util';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-import { DisabledIconFocus } from './directives';
-
-const controlRenderer = defineComponent({
-  name: 'oneof-enum-control-renderer',
-  components: {
-    ControlWrapper,
-    VSelect,
-  },
-  directives: {
-    DisabledIconFocus,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVuetifyControl(useJsonFormsOneOfEnumControl(props), (value) =>
-      value !== null ? value : undefined,
-    );
-  },
-});
-
-export default controlRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/controls/OneOfRadioGroupControlRenderer.entry.ts b/packages/vue-vuetify/src/controls/OneOfRadioGroupControlRenderer.entry.ts
deleted file mode 100644
index 9a72956bc4..0000000000
--- a/packages/vue-vuetify/src/controls/OneOfRadioGroupControlRenderer.entry.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {
-  type JsonFormsRendererRegistryEntry,
-  rankWith,
-  and,
-  isOneOfEnumControl,
-  optionIs,
-} from '@jsonforms/core';
-import controlRenderer from './OneOfRadioGroupControlRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(20, and(isOneOfEnumControl, optionIs('format', 'radio'))),
-};
diff --git a/packages/vue-vuetify/src/controls/OneOfRadioGroupControlRenderer.vue b/packages/vue-vuetify/src/controls/OneOfRadioGroupControlRenderer.vue
deleted file mode 100644
index 0f91f2a838..0000000000
--- a/packages/vue-vuetify/src/controls/OneOfRadioGroupControlRenderer.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :isFocused="isFocused"
-    :appliedOptions="appliedOptions"
-  >
-    <v-label :for="control.id + '-input'" v-bind="vuetifyProps('v-label')">{{
-      computedLabel
-    }}</v-label>
-    <v-radio-group
-      :id="control.id + '-input'"
-      :class="styles.control.input"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      :hint="control.description"
-      :persistent-hint="persistentHint()"
-      :required="control.required"
-      :error-messages="control.errors"
-      v-bind="vuetifyProps('v-radio-group')"
-      :model-value="control.data"
-      @update:model-value="onChange"
-      @focus="handleFocus"
-      @blur="handleBlur"
-    >
-      <v-radio
-        v-for="o in control.options"
-        v-bind="vuetifyProps(`v-radio[${o.value}]`)"
-        :key="o.value"
-        :label="o.label"
-        :value="o.value"
-      ></v-radio>
-    </v-radio-group>
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import { type ControlElement } from '@jsonforms/core';
-import {
-  rendererProps,
-  useJsonFormsOneOfEnumControl,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { defineComponent } from 'vue';
-import { VLabel, VRadio, VRadioGroup } from 'vuetify/components';
-import { useVuetifyControl } from '../util';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-
-const controlRenderer = defineComponent({
-  name: 'oneof-radio-group-control-renderer',
-  components: {
-    ControlWrapper,
-    VRadioGroup,
-    VRadio,
-    VLabel,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVuetifyControl(useJsonFormsOneOfEnumControl(props));
-  },
-});
-
-export default controlRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/controls/PasswordControlRenderer.entry.ts b/packages/vue-vuetify/src/controls/PasswordControlRenderer.entry.ts
deleted file mode 100644
index 5501318491..0000000000
--- a/packages/vue-vuetify/src/controls/PasswordControlRenderer.entry.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {
-  type JsonFormsRendererRegistryEntry,
-  rankWith,
-  and,
-  isStringControl,
-  formatIs,
-} from '@jsonforms/core';
-import controlRenderer from './PasswordControlRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(2, and(isStringControl, formatIs('password'))),
-};
diff --git a/packages/vue-vuetify/src/controls/PasswordControlRenderer.vue b/packages/vue-vuetify/src/controls/PasswordControlRenderer.vue
deleted file mode 100644
index 3069d51e30..0000000000
--- a/packages/vue-vuetify/src/controls/PasswordControlRenderer.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :isFocused="isFocused"
-    :appliedOptions="appliedOptions"
-  >
-    <v-text-field
-      :type="showPassword ? 'text' : 'password'"
-      :append-icon="
-        showPassword
-          ? icons.current.value.passwordHide
-          : icons.current.value.passwordShow
-      "
-      @click:append="() => (showPassword = !showPassword)"
-      :id="control.id + '-input'"
-      :class="styles.control.input"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      :label="computedLabel"
-      :hint="control.description"
-      :persistent-hint="persistentHint()"
-      :required="control.required"
-      :error-messages="control.errors"
-      :model-value="control.data"
-      :maxlength="
-        appliedOptions.restrict ? control.schema.maxLength : undefined
-      "
-      :size="
-        appliedOptions.trim && control.schema.maxLength !== undefined
-          ? control.schema.maxLength
-          : undefined
-      "
-      v-bind="vuetifyProps('v-text-field')"
-      @update:model-value="onChange"
-      @focus="handleFocus"
-      @blur="handleBlur"
-    />
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import { type ControlElement } from '@jsonforms/core';
-import {
-  rendererProps,
-  useJsonFormsControl,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { defineComponent, ref } from 'vue';
-import { VTextField } from 'vuetify/components';
-import { useIcons, useVuetifyControl } from '../util';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-
-const controlRenderer = defineComponent({
-  name: 'password-control-renderer',
-  components: {
-    ControlWrapper,
-    VTextField,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    const showPassword = ref(false);
-    const icons = useIcons();
-
-    return {
-      ...useVuetifyControl(
-        useJsonFormsControl(props),
-        (value) => value || undefined,
-        300,
-      ),
-      showPassword,
-      icons,
-    };
-  },
-});
-
-export default controlRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/controls/RadioGroupControlRenderer.entry.ts b/packages/vue-vuetify/src/controls/RadioGroupControlRenderer.entry.ts
deleted file mode 100644
index c29a1e381b..0000000000
--- a/packages/vue-vuetify/src/controls/RadioGroupControlRenderer.entry.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {
-  type JsonFormsRendererRegistryEntry,
-  rankWith,
-  and,
-  isEnumControl,
-  optionIs,
-} from '@jsonforms/core';
-import controlRenderer from './RadioGroupControlRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(20, and(isEnumControl, optionIs('format', 'radio'))),
-};
diff --git a/packages/vue-vuetify/src/controls/RadioGroupControlRenderer.vue b/packages/vue-vuetify/src/controls/RadioGroupControlRenderer.vue
deleted file mode 100644
index 85147661cb..0000000000
--- a/packages/vue-vuetify/src/controls/RadioGroupControlRenderer.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :isFocused="isFocused"
-    :appliedOptions="appliedOptions"
-  >
-    <v-label :for="control.id + '-input'" v-bind="vuetifyProps('v-label')">{{
-      computedLabel
-    }}</v-label>
-    <v-radio-group
-      :id="control.id + '-input'"
-      :class="styles.control.input"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      :hint="control.description"
-      :persistent-hint="persistentHint()"
-      :required="control.required"
-      :error-messages="control.errors"
-      :model-value="control.data"
-      v-bind="vuetifyProps('v-radio-group')"
-      @update:model-value="onChange"
-      @focus="handleFocus"
-      @blur="handleBlur"
-    >
-      <v-radio
-        v-for="o in control.options"
-        v-bind="vuetifyProps(`v-radio[${o.value}]`)"
-        :key="o.value"
-        :label="o.label"
-        :value="o.value"
-      ></v-radio>
-    </v-radio-group>
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import { type ControlElement } from '@jsonforms/core';
-import { defineComponent } from 'vue';
-import {
-  rendererProps,
-  useJsonFormsEnumControl,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-import { useVuetifyControl } from '../util';
-import { VRadioGroup, VRadio, VLabel } from 'vuetify/components';
-
-const controlRenderer = defineComponent({
-  name: 'radio-group-control-renderer',
-  components: {
-    ControlWrapper,
-    VRadioGroup,
-    VRadio,
-    VLabel,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVuetifyControl(useJsonFormsEnumControl(props));
-  },
-});
-
-export default controlRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/controls/SliderControlRenderer.entry.ts b/packages/vue-vuetify/src/controls/SliderControlRenderer.entry.ts
deleted file mode 100644
index 7b03d03e75..0000000000
--- a/packages/vue-vuetify/src/controls/SliderControlRenderer.entry.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {
-  type JsonFormsRendererRegistryEntry,
-  rankWith,
-  isRangeControl,
-} from '@jsonforms/core';
-import controlRenderer from './SliderControlRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(4, isRangeControl),
-};
diff --git a/packages/vue-vuetify/src/controls/SliderControlRenderer.vue b/packages/vue-vuetify/src/controls/SliderControlRenderer.vue
deleted file mode 100644
index 0d641cf37d..0000000000
--- a/packages/vue-vuetify/src/controls/SliderControlRenderer.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :isFocused="isFocused"
-    :appliedOptions="appliedOptions"
-  >
-    <v-slider
-      :step="control.schema.multipleOf || 1"
-      :min="control.schema.minimum"
-      :max="control.schema.maximum"
-      :thumb-label="true"
-      :id="control.id + '-input'"
-      :class="styles.control.input"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      :label="computedLabel"
-      :hint="control.description"
-      :persistent-hint="persistentHint()"
-      :required="control.required"
-      :error-messages="control.errors"
-      :model-value="control.data"
-      v-bind="vuetifyProps('v-slider')"
-      @update:model-value="onChange"
-      @focus="handleFocus"
-      @blur="handleBlur"
-    />
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import { type ControlElement } from '@jsonforms/core';
-import { defineComponent } from 'vue';
-import {
-  rendererProps,
-  useJsonFormsControl,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-import { useVuetifyControl } from '../util';
-import { VSlider } from 'vuetify/components';
-
-const controlRenderer = defineComponent({
-  name: 'slider-control-renderer',
-  components: {
-    ControlWrapper,
-    VSlider,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVuetifyControl(useJsonFormsControl(props), (value) => {
-      return Number(value);
-    });
-  },
-});
-
-export default controlRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/controls/StringControlRenderer.entry.ts b/packages/vue-vuetify/src/controls/StringControlRenderer.entry.ts
deleted file mode 100644
index 2c22b0861c..0000000000
--- a/packages/vue-vuetify/src/controls/StringControlRenderer.entry.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import {
-  isStringControl,
-  rankWith,
-  type JsonFormsRendererRegistryEntry,
-} from '@jsonforms/core';
-import controlRenderer from './StringControlRenderer.vue';
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(1, isStringControl),
-};
diff --git a/packages/vue-vuetify/src/controls/StringControlRenderer.vue b/packages/vue-vuetify/src/controls/StringControlRenderer.vue
deleted file mode 100644
index 90ebe5f1b4..0000000000
--- a/packages/vue-vuetify/src/controls/StringControlRenderer.vue
+++ /dev/null
@@ -1,123 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :isFocused="isFocused"
-    :appliedOptions="appliedOptions"
-  >
-    <v-combobox
-      v-if="suggestions !== undefined"
-      v-disabled-icon-focus
-      :id="control.id + '-input'"
-      :class="styles.control.input"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      :label="computedLabel"
-      :hint="control.description"
-      :persistent-hint="persistentHint()"
-      :required="control.required"
-      :error-messages="control.errors"
-      :maxlength="
-        appliedOptions.restrict ? control.schema.maxLength : undefined
-      "
-      :counter="
-        control.schema.maxLength !== undefined
-          ? control.schema.maxLength
-          : undefined
-      "
-      :clearable="control.enabled"
-      :model-value="control.data"
-      :items="suggestions"
-      hide-no-data
-      v-bind="vuetifyProps('v-combobox')"
-      @update:model-value="onChange"
-      @focus="handleFocus"
-      @blur="handleBlur"
-    />
-    <v-text-field
-      v-else
-      v-disabled-icon-focus
-      :id="control.id + '-input'"
-      :class="styles.control.input"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      :label="computedLabel"
-      :hint="control.description"
-      :persistent-hint="persistentHint()"
-      :required="control.required"
-      :error-messages="control.errors"
-      :model-value="control.data"
-      :maxlength="
-        appliedOptions.restrict ? control.schema.maxLength : undefined
-      "
-      :counter="
-        control.schema.maxLength !== undefined
-          ? control.schema.maxLength
-          : undefined
-      "
-      :clearable="control.enabled"
-      v-bind="vuetifyProps('v-text-field')"
-      @update:model-value="onChange"
-      @focus="handleFocus"
-      @blur="handleBlur"
-    />
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import { type ControlElement } from '@jsonforms/core';
-import {
-  rendererProps,
-  useJsonFormsControl,
-  type RendererProps,
-} from '@jsonforms/vue';
-import every from 'lodash/every';
-import isArray from 'lodash/isArray';
-import isString from 'lodash/isString';
-import { defineComponent } from 'vue';
-import { VCombobox, VTextField } from 'vuetify/components';
-import { useVuetifyControl } from '../util';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-import { DisabledIconFocus } from './directives';
-
-const controlRenderer = defineComponent({
-  name: 'string-control-renderer',
-  components: {
-    ControlWrapper,
-    VTextField,
-    VCombobox,
-  },
-  directives: {
-    DisabledIconFocus,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVuetifyControl(
-      useJsonFormsControl(props),
-      (value) => value || undefined,
-      300,
-    );
-  },
-  computed: {
-    suggestions(): string[] | undefined {
-      const suggestions = this.control.uischema.options?.suggestion;
-
-      if (
-        suggestions === undefined ||
-        !isArray(suggestions) ||
-        !every(suggestions, isString)
-      ) {
-        // check for incorrect data
-        return undefined;
-      }
-      return suggestions;
-    },
-  },
-});
-
-export default controlRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/controls/StringMaskControlRenderer.entry.ts b/packages/vue-vuetify/src/controls/StringMaskControlRenderer.entry.ts
deleted file mode 100644
index afb090f52f..0000000000
--- a/packages/vue-vuetify/src/controls/StringMaskControlRenderer.entry.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {
-  type JsonFormsRendererRegistryEntry,
-  rankWith,
-  and,
-  isStringControl,
-  hasOption,
-} from '@jsonforms/core';
-import controlRenderer from './StringMaskControlRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(2, and(isStringControl, hasOption('mask'))),
-};
diff --git a/packages/vue-vuetify/src/controls/StringMaskControlRenderer.vue b/packages/vue-vuetify/src/controls/StringMaskControlRenderer.vue
deleted file mode 100644
index 471fe00a9d..0000000000
--- a/packages/vue-vuetify/src/controls/StringMaskControlRenderer.vue
+++ /dev/null
@@ -1,205 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :isFocused="isFocused"
-    :appliedOptions="appliedOptions"
-  >
-    <v-text-field
-      v-disabled-icon-focus
-      :id="control.id + '-input'"
-      :class="styles.control.input"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder ?? appliedOptions.mask"
-      :label="computedLabel"
-      :hint="control.description"
-      :persistent-hint="persistentHint()"
-      :required="control.required"
-      :error-messages="control.errors"
-      :maxlength="
-        appliedOptions.restrict ? control.schema.maxLength : undefined
-      "
-      :counter="
-        control.schema.maxLength !== undefined
-          ? control.schema.maxLength
-          : undefined
-      "
-      :clearable="control.enabled"
-      @click:clear="clear"
-      v-bind="vuetifyProps('v-text-field')"
-      @focus="handleFocus"
-      @blur="handleBlur"
-      v-model="maskModel"
-      v-maska:[options]
-    />
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import {
-  type ControlElement,
-  type Tester,
-  type UISchemaElement,
-} from '@jsonforms/core';
-import {
-  rendererProps,
-  type RendererProps,
-  useJsonFormsControl,
-} from '@jsonforms/vue';
-import isEmpty from 'lodash/isEmpty';
-import { defineComponent, computed } from 'vue';
-import { VTextField } from 'vuetify/components';
-import { useVuetifyControl } from '../util';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-import { DisabledIconFocus } from './directives';
-import { type MaskTokens, vMaska, Mask } from 'maska';
-import cloneDeep from 'lodash/cloneDeep';
-
-const defaultTokens: MaskTokens = {
-  '#': { pattern: /[0-9]/ },
-  '@': { pattern: /[a-zA-Z]/ },
-  '*': { pattern: /[a-zA-Z0-9]/ },
-};
-
-const controlRenderer = defineComponent({
-  name: 'string-mask-control-renderer',
-  components: {
-    ControlWrapper,
-    VTextField,
-  },
-  directives: {
-    DisabledIconFocus,
-    maska: vMaska,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    const adaptValue = (value: any) => value || undefined;
-    const control = useVuetifyControl(useJsonFormsControl(props), adaptValue);
-
-    const toTokens = (tokenParams: Record<string, any>): MaskTokens => {
-      let tokens = cloneDeep(defaultTokens);
-      if (tokenParams) {
-        for (let key in tokenParams) {
-          let value = tokenParams[key];
-
-          if (value) {
-            if (typeof value === 'string') {
-              tokens[key] = {
-                pattern: new RegExp(value),
-              };
-            } else {
-              tokens[key] = {
-                ...value,
-                pattern: new RegExp(value.pattern),
-              };
-            }
-          } else {
-            delete tokens[key];
-          }
-        }
-      }
-      return tokens;
-    };
-
-    const tokens = computed(() => {
-      let tokens: MaskTokens | undefined = undefined;
-
-      if (control.appliedOptions.value.maskReplacers) {
-        tokens = toTokens(control.appliedOptions.value.maskReplacers);
-      }
-      if (control.appliedOptions.value.tokens) {
-        tokens = toTokens(control.appliedOptions.value.tokens);
-      }
-
-      if (!tokens) {
-        tokens = defaultTokens;
-      }
-
-      return tokens;
-    });
-
-    const returnMaskedValue = computed(
-      () => control.appliedOptions.value.returnMaskedValue === true,
-    );
-    const tokensReplace = computed(
-      () =>
-        control.appliedOptions.value.tokensReplace !==
-        false /* default is true*/,
-    );
-    const eager = computed(
-      () => control.appliedOptions.value.eager === false /* default is false*/,
-    );
-    const reversed = computed(
-      () =>
-        control.appliedOptions.value.reversed === false /* default is false*/,
-    );
-
-    const options = computed(() => ({
-      mask: control.appliedOptions.value.mask,
-      tokens: tokens.value,
-      tokensReplace: tokensReplace.value,
-      reversed: reversed.value,
-      eager: eager.value,
-    }));
-
-    const mask = computed(() => new Mask(options.value));
-
-    return {
-      ...control,
-      adaptValue,
-      options,
-      mask,
-      returnMaskedValue,
-      tokensReplace,
-      eager,
-      reversed,
-    };
-  },
-  computed: {
-    maskModel: {
-      get(): string | undefined {
-        return this.control.data;
-      },
-      set(val: string | undefined): void {
-        let value = val;
-
-        if (!this.returnMaskedValue && value) {
-          value = this.mask.unmasked(value);
-        }
-
-        if (this.adaptValue(value) !== this.control.data) {
-          // only invoke onChange when values are different since v-mask is also listening on input which lead to loop
-
-          this.onChange(value);
-        }
-      },
-    },
-  },
-  methods: {
-    clear(): void {
-      this.maskModel = undefined;
-    },
-  },
-});
-
-export default controlRenderer;
-
-const hasOption =
-  (optionName: string): Tester =>
-  (uischema: UISchemaElement): boolean => {
-    if (isEmpty(uischema)) {
-      return false;
-    }
-
-    const options = uischema.options;
-    return (
-      (options &&
-        !isEmpty(options) &&
-        typeof options[optionName] === 'string') ||
-      false
-    );
-  };
-</script>
diff --git a/packages/vue-vuetify/src/controls/TimeControlRenderer.entry.ts b/packages/vue-vuetify/src/controls/TimeControlRenderer.entry.ts
deleted file mode 100644
index 5dde013e1c..0000000000
--- a/packages/vue-vuetify/src/controls/TimeControlRenderer.entry.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {
-  type JsonFormsRendererRegistryEntry,
-  rankWith,
-  isTimeControl,
-} from '@jsonforms/core';
-import controlRenderer from './TimeControlRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(2, isTimeControl),
-};
diff --git a/packages/vue-vuetify/src/controls/TimeControlRenderer.vue b/packages/vue-vuetify/src/controls/TimeControlRenderer.vue
deleted file mode 100644
index b0be761d6b..0000000000
--- a/packages/vue-vuetify/src/controls/TimeControlRenderer.vue
+++ /dev/null
@@ -1,371 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :isFocused="isFocused"
-    :appliedOptions="appliedOptions"
-  >
-    <v-text-field
-      v-disabled-icon-focus
-      :id="control.id + '-input'"
-      :class="styles.control.input"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder ?? timeFormat"
-      :label="computedLabel"
-      :hint="control.description"
-      :persistent-hint="persistentHint()"
-      :required="control.required"
-      :error-messages="control.errors"
-      v-bind="vuetifyProps('v-text-field')"
-      v-model="inputModel"
-      :clearable="control.enabled"
-      @click:clear="clear"
-      @focus="handleFocus"
-      @blur="handleBlur"
-      v-maska:[options]
-    >
-      <template v-slot:prepend-inner>
-        <v-menu
-          v-model="showMenu"
-          :close-on-content-click="false"
-          transition="scale-transition"
-          :min-width="ampm && useSeconds ? '340px' : '290px'"
-          v-bind="vuetifyProps('v-menu')"
-          activator="parent"
-          :disabled="!control.enabled"
-        >
-          <template v-slot:activator="{ props }">
-            <v-icon v-bind="props" tabindex="-1">{{ pickerIcon }}</v-icon>
-          </template>
-          <v-confirm-edit
-            v-model="pickerValue"
-            :ok-text="okLabel"
-            :cancel-text="cancelLabel"
-            @cancel="() => (showMenu = false)"
-            @save="() => (showMenu = false)"
-          >
-            <template v-slot:default="{ model: proxyModel, actions }">
-              <v-time-picker
-                v-if="showMenu"
-                :model-value="showActions ? proxyModel.value : pickerValue"
-                @update:model-value="
-                  (val: string) => {
-                    if (showActions) {
-                      proxyModel.value = val;
-                    } else {
-                      pickerValue = val;
-                      showMenu = false;
-                    }
-                  }
-                "
-                v-bind="vuetifyProps('v-time-picker')"
-                :title="computedLabel"
-                :min="minTime"
-                :max="maxTime"
-                :use-seconds="useSeconds"
-                :format="ampm ? 'ampm' : '24hr'"
-                :ampm-in-title="ampm ? true : false"
-              >
-                <template v-slot:actions v-if="showActions">
-                  <component :is="actions"></component>
-                </template>
-              </v-time-picker>
-            </template>
-          </v-confirm-edit>
-        </v-menu>
-      </template>
-    </v-text-field>
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import { type ControlElement, type JsonSchema } from '@jsonforms/core';
-import {
-  rendererProps,
-  useJsonFormsControl,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { vMaska, type MaskOptions, type MaskaDetail } from 'maska';
-import { computed, defineComponent, ref, unref } from 'vue';
-import {
-  VBtn,
-  VConfirmEdit,
-  VHover,
-  VIcon,
-  VMenu,
-  VSpacer,
-  VTextField,
-} from 'vuetify/components';
-import { VTimePicker } from 'vuetify/labs/VTimePicker';
-
-import { useLocale } from 'vuetify';
-import {
-  convertDayjsToMaskaFormat,
-  expandLocaleFormat,
-  parseDateTime,
-  useIcons,
-  useTranslator,
-  useVuetifyControl,
-} from '../util';
-import { default as ControlWrapper } from './ControlWrapper.vue';
-import { DisabledIconFocus } from './directives';
-
-const JSON_SCHEMA_TIME_FORMATS = [
-  'HH:mm:ss.SSSZ',
-  'HH:mm:ss.SSS',
-  'HH:mm:ssZ',
-  'HH:mm:ss',
-];
-
-// https://ajv.js.org/packages/ajv-formats.html#keywords-to-compare-values-formatmaximum-formatminimum-and-formatexclusivemaximum-formatexclusiveminimum
-type AjvMinMaxFormat = {
-  formatMinimum?: string | { $data: any };
-  formatExclusiveMinimum?: string | { $data: any };
-  formatMaximum?: string | { $data: any };
-  formatExclusiveMaximum?: string | { $data: any };
-};
-
-const controlRenderer = defineComponent({
-  name: 'time-control-renderer',
-  components: {
-    ControlWrapper,
-    VHover,
-    VTextField,
-    VMenu,
-    VTimePicker,
-    VIcon,
-    VSpacer,
-    VBtn,
-    VConfirmEdit,
-  },
-  directives: { DisabledIconFocus, maska: vMaska },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    const t = useTranslator();
-
-    const showMenu = ref(false);
-
-    const adaptValue = (value: any) => value || undefined;
-    const control = useVuetifyControl(useJsonFormsControl(props), adaptValue);
-
-    const icons = useIcons();
-
-    const ampm = computed(() => control.appliedOptions.value.ampm === true);
-
-    const timeFormat = computed(
-      () =>
-        typeof control.appliedOptions.value.timeFormat == 'string'
-          ? (expandLocaleFormat(control.appliedOptions.value.timeFormat) ??
-            control.appliedOptions.value.timeFormat)
-          : (expandLocaleFormat('LT') ?? 'H:mm'), // by default try to use localized default if unavailable then H:mm,
-    );
-
-    const useMask = control.appliedOptions.value.mask !== false;
-    const maskCompleted = ref(false);
-
-    const state = computed(() => convertDayjsToMaskaFormat(timeFormat.value));
-    const locale = useLocale();
-
-    const options = useMask
-      ? computed<MaskOptions>(() => ({
-          mask: state.value.mask,
-          tokens: state.value.tokens,
-          tokensReplace: true,
-          onMaska: (detail: MaskaDetail) =>
-            (maskCompleted.value = detail.completed),
-
-          //invoke the locale.current as side effect so that the computed will rerun if the locale changes since the mask could be dependent on the locale
-          _locale: unref(locale.current),
-        }))
-      : null;
-
-    return {
-      ...control,
-      showMenu,
-      t,
-      adaptValue,
-      icons,
-      ampm,
-      timeFormat,
-      options,
-      useMask,
-      maskCompleted,
-    };
-  },
-  computed: {
-    pickerIcon(): string {
-      return typeof this.appliedOptions.pickerIcon == 'string'
-        ? this.appliedOptions.pickerIcon
-        : this.icons.current.value.clock;
-    },
-    timeSaveFormat(): string {
-      return typeof this.appliedOptions.timeSaveFormat == 'string'
-        ? this.appliedOptions.timeSaveFormat
-        : 'HH:mm:ssZ';
-    },
-    formats(): string[] {
-      return [
-        this.timeSaveFormat,
-        this.timeFormat,
-        ...JSON_SCHEMA_TIME_FORMATS,
-      ];
-    },
-    useSeconds(): boolean {
-      return this.timeFormat.includes('s') ? true : false;
-    },
-    minTime(): string | undefined {
-      if (typeof this.vuetifyProps('v-time-picker').min === 'string') {
-        // prefer the vuetify option first
-        return this.vuetifyProps('v-time-picker').min;
-      }
-
-      // provide min so that the browser can display the native component with only selections that are allowed.
-      // Since the browser supports only min there is posibility for the user to select a date that is defined in the formatExclusiveMinimum but the ajv will catch that validation.
-      const schema = this.control.schema as JsonSchema & AjvMinMaxFormat;
-      if (typeof schema.formatMinimum === 'string') {
-        // convert to what VTimePicker expects
-        const time = parseDateTime(schema.formatMinimum, this.formats);
-        return time
-          ? this.useSeconds
-            ? time.format('HH:mm:ss')
-            : time.format('HH:mm')
-          : schema.formatMinimum;
-      } else if (typeof schema.formatExclusiveMinimum === 'string') {
-        // convert to what VTimePicker expects
-        let time = parseDateTime(schema.formatExclusiveMinimum, this.formats);
-        if (time) {
-          time = this.useSeconds
-            ? time.add(1, 'second')
-            : time.add(1, 'minute');
-        }
-        return time
-          ? this.useSeconds
-            ? time.format('HH:mm:ss')
-            : time.format('HH:mm')
-          : schema.formatExclusiveMinimum;
-      }
-      return undefined;
-    },
-    maxTime(): string | undefined {
-      if (typeof this.vuetifyProps('v-time-picker').max === 'string') {
-        // prefer the vuetify option first
-        return this.vuetifyProps('v-time-picker').max;
-      }
-
-      // provide max so that the browser can display the native component with only selections that are allowed.
-      // Since the browser supports only max there is posibility for the user to select a date that is defined in the formatExclusiveMaximum but the ajv will catch that validation.
-      const schema = this.control.schema as JsonSchema & AjvMinMaxFormat;
-      if (typeof schema.formatMaximum === 'string') {
-        // convert to what VTimePicker expects
-        const time = parseDateTime(schema.formatMaximum, this.formats);
-        return time
-          ? this.useSeconds
-            ? time.format('HH:mm:ss')
-            : time.format('HH:mm')
-          : schema.formatMaximum;
-      } else if (typeof schema.formatExclusiveMaximum === 'string') {
-        // convert to what VTimePicker expects
-        let time = parseDateTime(schema.formatExclusiveMaximum, this.formats);
-        if (time) {
-          time = this.useSeconds
-            ? time.subtract(1, 'second')
-            : time.subtract(1, 'minute');
-        }
-        return time
-          ? this.useSeconds
-            ? time.format('HH:mm:ss')
-            : time.format('HH:mm')
-          : schema.formatExclusiveMaximum;
-      }
-      return undefined;
-    },
-    inputModel: {
-      get(): string | undefined {
-        const value = this.control.data;
-        const time = parseDateTime(value, this.formats);
-        return time ? time.format(this.timeFormat) : value;
-      },
-      set(val: string | undefined): void {
-        let value = val;
-
-        if (
-          this.useMask &&
-          !this.maskCompleted &&
-          value !== null &&
-          value !== undefined
-        ) {
-          // the value is set not not yet completed so do not set that until the full mask is completed
-          // otherwise if the control.data is bound to another renderer with different dateTimeFormat then those will collide
-          return;
-        }
-
-        const time = parseDateTime(value, this.timeFormat);
-
-        if (time) {
-          value = time.format(this.timeSaveFormat);
-        }
-
-        if (this.adaptValue(value) !== this.control.data) {
-          this.onChange(value);
-        }
-      },
-    },
-    pickerValue: {
-      get(): string | undefined {
-        const value = this.control.data;
-
-        const time = parseDateTime(value, this.formats);
-        // show only valid values
-        return time
-          ? this.useSeconds
-            ? time.format('HH:mm:ss')
-            : time.format('HH:mm')
-          : undefined;
-      },
-      set(val: string) {
-        this.onPickerChange(val);
-      },
-    },
-    clearLabel(): string {
-      const label =
-        typeof this.appliedOptions.clearLabel == 'string'
-          ? this.appliedOptions.clearLabel
-          : 'Clear';
-
-      return this.t(label, label);
-    },
-    cancelLabel(): string {
-      const label =
-        typeof this.appliedOptions.cancelLabel == 'string'
-          ? this.appliedOptions.cancelLabel
-          : 'Cancel';
-
-      return this.t(label, label);
-    },
-    okLabel(): string {
-      const label =
-        typeof this.appliedOptions.okLabel == 'string'
-          ? this.appliedOptions.okLabel
-          : 'OK';
-      return this.t(label, label);
-    },
-    showActions(): boolean {
-      return this.appliedOptions.showActions === true;
-    },
-  },
-  methods: {
-    onPickerChange(value: string): void {
-      const time = parseDateTime(value, this.useSeconds ? 'HH:mm:ss' : 'HH:mm');
-      this.onChange(time ? time.format(this.timeSaveFormat) : value);
-    },
-    clear(): void {
-      this.inputModel = undefined;
-    },
-  },
-});
-
-export default controlRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/controls/components/ValidationBadge.vue b/packages/vue-vuetify/src/controls/components/ValidationBadge.vue
deleted file mode 100644
index 823d9b8c77..0000000000
--- a/packages/vue-vuetify/src/controls/components/ValidationBadge.vue
+++ /dev/null
@@ -1,120 +0,0 @@
-<template>
-  <div>
-    <v-tooltip bottom v-if="errors.length > 0">
-      <template v-slot:activator="{ props }">
-        <v-badge
-          :color="color"
-          :bordered="bordered"
-          :inline="inline"
-          :offsetX="offsetX"
-          :offsetY="offsetY"
-          :floating="floating"
-        >
-          <template v-slot:badge>
-            {{ errors.length }}
-          </template>
-          <div v-bind="props"><slot></slot></div>
-        </v-badge>
-      </template>
-
-      <p>Validation Errors</p>
-      <p
-        v-for="(message, index) in tooltipMessages"
-        :key="`${index}`"
-        class="mb-0"
-      >
-        {{ message }}
-      </p>
-    </v-tooltip>
-    <slot v-else></slot>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, type PropType } from 'vue';
-import { VBadge, VTooltip } from 'vuetify/components';
-import type { ErrorObject } from 'ajv';
-import findIndex from 'lodash/findIndex';
-import {
-  createControlElement,
-  createLabelDescriptionFrom,
-  type JsonSchema,
-} from '@jsonforms/core';
-
-export default defineComponent({
-  name: 'validation-badge',
-  components: {
-    VBadge,
-    VTooltip,
-  },
-  props: {
-    errors: {
-      required: true,
-      type: Array as PropType<ErrorObject[]>,
-    },
-    bordered: {
-      type: Boolean,
-      default: false,
-    },
-    color: {
-      type: String,
-      default: 'error',
-    },
-    inline: {
-      type: Boolean,
-      default: false,
-    },
-    offsetX: {
-      type: [Number, String],
-      default: undefined,
-    },
-    offsetY: {
-      type: [Number, String],
-      default: undefined,
-    },
-    floating: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  computed: {
-    tooltipMessages(): string[] {
-      const error: {
-        instancePath: string;
-        schemaPath: string;
-        labels: (string | undefined)[];
-        message: string;
-      }[] = [];
-
-      for (const e of this.errors) {
-        const errorObject = e as ErrorObject;
-        const index = findIndex(error, { schemaPath: errorObject.schemaPath });
-        if (errorObject.message) {
-          if (index == -1) {
-            error.push({
-              schemaPath: errorObject.schemaPath,
-              instancePath: errorObject.instancePath,
-              labels: [
-                createLabelDescriptionFrom(
-                  createControlElement(errorObject.instancePath),
-                  errorObject.schema as JsonSchema,
-                ).text,
-              ],
-              message: errorObject.message,
-            });
-          } else {
-            error[index].labels.push(
-              createLabelDescriptionFrom(
-                createControlElement(errorObject.instancePath),
-                errorObject.schema as JsonSchema,
-              ).text,
-            );
-          }
-        }
-      }
-
-      return error.map((v) => v.labels.join(',') + ': ' + v.message);
-    },
-  },
-});
-</script>
diff --git a/packages/vue-vuetify/src/controls/components/ValidationIcon.vue b/packages/vue-vuetify/src/controls/components/ValidationIcon.vue
deleted file mode 100644
index 3b9dfc5ef7..0000000000
--- a/packages/vue-vuetify/src/controls/components/ValidationIcon.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<template>
-  <validation-badge
-    v-if="errors && errors.length > 0"
-    :errors="errors"
-    floating
-  >
-    <v-icon color="error">{{ icons.current.value.validationError }} </v-icon>
-  </validation-badge>
-</template>
-
-<script lang="ts">
-import { useIcons } from '@/util';
-import type { ErrorObject } from 'ajv';
-import { defineComponent, type PropType } from 'vue';
-import { VIcon } from 'vuetify/components';
-import { default as ValidationBadge } from './ValidationBadge.vue';
-
-export default defineComponent({
-  name: 'validation-icon',
-  components: {
-    ValidationBadge,
-    VIcon,
-  },
-  props: {
-    errors: {
-      required: true,
-      type: Array as PropType<ErrorObject[]>,
-    },
-  },
-  setup() {
-    const icons = useIcons();
-
-    return { icons };
-  },
-});
-</script>
diff --git a/packages/vue-vuetify/src/controls/components/index.ts b/packages/vue-vuetify/src/controls/components/index.ts
deleted file mode 100644
index 87028e7c11..0000000000
--- a/packages/vue-vuetify/src/controls/components/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default as ValidationBadge } from './ValidationBadge.vue';
-export { default as ValidationIcon } from './ValidationIcon.vue';
diff --git a/packages/vue-vuetify/src/controls/directives/DisabledIconFocus.ts b/packages/vue-vuetify/src/controls/directives/DisabledIconFocus.ts
deleted file mode 100644
index 828358b87a..0000000000
--- a/packages/vue-vuetify/src/controls/directives/DisabledIconFocus.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export const DisabledIconFocus = {
-  updated(el: HTMLElement): void {
-    el.querySelectorAll('.v-field__clearable i').forEach((x) =>
-      x.setAttribute('tabindex', '-1'),
-    );
-  },
-};
-
-export default DisabledIconFocus;
diff --git a/packages/vue-vuetify/src/controls/directives/index.ts b/packages/vue-vuetify/src/controls/directives/index.ts
deleted file mode 100644
index 9606c8e20e..0000000000
--- a/packages/vue-vuetify/src/controls/directives/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as DisabledIconFocus } from './DisabledIconFocus';
diff --git a/packages/vue-vuetify/src/controls/index.ts b/packages/vue-vuetify/src/controls/index.ts
deleted file mode 100644
index 4f8c768178..0000000000
--- a/packages/vue-vuetify/src/controls/index.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-export * from './components';
-export * from './directives';
-
-export { default as AnyOfStringOrEnumControlRenderer } from './AnyOfStringOrEnumControlRenderer.vue';
-export { default as BooleanControlRenderer } from './BooleanControlRenderer.vue';
-export { default as BooleanToggleControlRenderer } from './BooleanToggleControlRenderer.vue';
-export { default as ControlWrapper } from './ControlWrapper.vue';
-export { default as DateControlRenderer } from './DateControlRenderer.vue';
-export { default as DateTimeControlRenderer } from './DateTimeControlRenderer.vue';
-export { default as EnumControlRenderer } from './EnumControlRenderer.vue';
-export { default as IntegerControlRenderer } from './IntegerControlRenderer.vue';
-export { default as MultiStringControlRenderer } from './MultiStringControlRenderer.vue';
-export { default as NumberControlRenderer } from './NumberControlRenderer.vue';
-export { default as OneOfEnumControlRenderer } from './OneOfEnumControlRenderer.vue';
-export { default as OneOfRadioGroupControlRenderer } from './OneOfRadioGroupControlRenderer.vue';
-export { default as PasswordControlRenderer } from './PasswordControlRenderer.vue';
-export { default as RadioGroupControlRenderer } from './RadioGroupControlRenderer.vue';
-export { default as SliderControlRenderer } from './SliderControlRenderer.vue';
-export { default as StringControlRenderer } from './StringControlRenderer.vue';
-export { default as StringMaskControlRenderer } from './StringMaskControlRenderer.vue';
-export { default as TimeControlRenderer } from './TimeControlRenderer.vue';
-
-import { entry as anyOfStringOrEnumControlRendererEntry } from './AnyOfStringOrEnumControlRenderer.entry';
-import { entry as booleanControlRendererEntry } from './BooleanControlRenderer.entry';
-import { entry as booleanToggleControlRendererEntry } from './BooleanToggleControlRenderer.entry';
-import { entry as dateControlRendererEntry } from './DateControlRenderer.entry';
-import { entry as dateTimeControlRendererEntry } from './DateTimeControlRenderer.entry';
-import { entry as enumControlRendererEntry } from './EnumControlRenderer.entry';
-import { entry as integerControlRendererEntry } from './IntegerControlRenderer.entry';
-import { entry as multiStringControlRendererEntry } from './MultiStringControlRenderer.entry';
-import { entry as numberControlRendererEntry } from './NumberControlRenderer.entry';
-import { entry as oneOfEnumControlRendererEntry } from './OneOfEnumControlRenderer.entry';
-import { entry as oneOfRadioGroupControlRendererEntry } from './OneOfRadioGroupControlRenderer.entry';
-import { entry as passwordControlRendererEntry } from './PasswordControlRenderer.entry';
-import { entry as radioGroupControlRendererEntry } from './RadioGroupControlRenderer.entry';
-import { entry as sliderControlRendererEntry } from './SliderControlRenderer.entry';
-import { entry as stringControlRendererEntry } from './StringControlRenderer.entry';
-import { entry as stringMaskControlRendererEntry } from './StringMaskControlRenderer.entry';
-import { entry as timeControlRendererEntry } from './TimeControlRenderer.entry';
-
-export const controlRenderers = [
-  anyOfStringOrEnumControlRendererEntry,
-  booleanControlRendererEntry,
-  booleanToggleControlRendererEntry,
-  dateControlRendererEntry,
-  dateTimeControlRendererEntry,
-  enumControlRendererEntry,
-  integerControlRendererEntry,
-  multiStringControlRendererEntry,
-  numberControlRendererEntry,
-  oneOfEnumControlRendererEntry,
-  oneOfRadioGroupControlRendererEntry,
-  passwordControlRendererEntry,
-  radioGroupControlRendererEntry,
-  sliderControlRendererEntry,
-  stringControlRendererEntry,
-  stringMaskControlRendererEntry,
-  timeControlRendererEntry,
-];
-
-export {
-  anyOfStringOrEnumControlRendererEntry,
-  booleanControlRendererEntry,
-  booleanToggleControlRendererEntry,
-  dateControlRendererEntry,
-  dateTimeControlRendererEntry,
-  enumControlRendererEntry,
-  integerControlRendererEntry,
-  multiStringControlRendererEntry,
-  numberControlRendererEntry,
-  oneOfEnumControlRendererEntry,
-  oneOfRadioGroupControlRendererEntry,
-  passwordControlRendererEntry,
-  radioGroupControlRendererEntry,
-  sliderControlRendererEntry,
-  stringControlRendererEntry,
-  stringMaskControlRendererEntry,
-  timeControlRendererEntry,
-};
diff --git a/packages/vue-vuetify/src/extended/AutocompleteEnumControlRenderer.entry.ts b/packages/vue-vuetify/src/extended/AutocompleteEnumControlRenderer.entry.ts
deleted file mode 100644
index 9bab08d9d9..0000000000
--- a/packages/vue-vuetify/src/extended/AutocompleteEnumControlRenderer.entry.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {
-  isEnumControl,
-  rankWith,
-  type JsonFormsRendererRegistryEntry,
-} from '@jsonforms/core';
-import controlRenderer from './AutocompleteEnumControlRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(10, isEnumControl),
-};
diff --git a/packages/vue-vuetify/src/extended/AutocompleteEnumControlRenderer.vue b/packages/vue-vuetify/src/extended/AutocompleteEnumControlRenderer.vue
deleted file mode 100644
index 5654529230..0000000000
--- a/packages/vue-vuetify/src/extended/AutocompleteEnumControlRenderer.vue
+++ /dev/null
@@ -1,93 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :isFocused="isFocused"
-    :appliedOptions="appliedOptions"
-  >
-    <v-select
-      v-if="appliedOptions.autocomplete === false"
-      v-disabled-icon-focus
-      :id="control.id + '-input'"
-      :class="styles.control.input"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      :label="computedLabel"
-      :hint="control.description"
-      :persistent-hint="persistentHint()"
-      :required="control.required"
-      :error-messages="control.errors"
-      :clearable="control.enabled"
-      :model-value="control.data"
-      :items="control.options"
-      item-title="label"
-      item-value="value"
-      v-bind="vuetifyProps('v-select')"
-      @update:model-value="onChange"
-      @focus="handleFocus"
-      @blur="handleBlur"
-    />
-    <v-autocomplete
-      v-else
-      v-disabled-icon-focus
-      :id="control.id + '-input'"
-      :class="styles.control.input"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      :label="computedLabel"
-      :hint="control.description"
-      :persistent-hint="persistentHint()"
-      :required="control.required"
-      :error-messages="control.errors"
-      :clearable="control.enabled"
-      :model-value="control.data"
-      :items="control.options"
-      item-title="label"
-      item-value="value"
-      v-bind="vuetifyProps('v-autocomplete')"
-      @update:model-value="onChange"
-      @focus="handleFocus"
-      @blur="handleBlur"
-    />
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import { type ControlElement } from '@jsonforms/core';
-import {
-  rendererProps,
-  useJsonFormsEnumControl,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { defineComponent } from 'vue';
-import { VAutocomplete, VSelect } from 'vuetify/components';
-import { default as ControlWrapper } from '../controls/ControlWrapper.vue';
-import { DisabledIconFocus } from '../controls/directives';
-import { useVuetifyControl } from '../util';
-
-const controlRenderer = defineComponent({
-  name: 'autocomplete-enum-control-renderer',
-  components: {
-    ControlWrapper,
-    VSelect,
-    VAutocomplete,
-  },
-  directives: {
-    DisabledIconFocus,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVuetifyControl(
-      useJsonFormsEnumControl(props),
-      (value) => (value !== null ? value : undefined),
-      300,
-    );
-  },
-});
-
-export default controlRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/extended/AutocompleteOneOfEnumControlRenderer.entry.ts b/packages/vue-vuetify/src/extended/AutocompleteOneOfEnumControlRenderer.entry.ts
deleted file mode 100644
index e6622f1b4e..0000000000
--- a/packages/vue-vuetify/src/extended/AutocompleteOneOfEnumControlRenderer.entry.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {
-  isOneOfEnumControl,
-  rankWith,
-  type JsonFormsRendererRegistryEntry,
-} from '@jsonforms/core';
-import controlRenderer from './AutocompleteOneOfEnumControlRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(10, isOneOfEnumControl),
-};
diff --git a/packages/vue-vuetify/src/extended/AutocompleteOneOfEnumControlRenderer.vue b/packages/vue-vuetify/src/extended/AutocompleteOneOfEnumControlRenderer.vue
deleted file mode 100644
index e7eb31339f..0000000000
--- a/packages/vue-vuetify/src/extended/AutocompleteOneOfEnumControlRenderer.vue
+++ /dev/null
@@ -1,93 +0,0 @@
-<template>
-  <control-wrapper
-    v-bind="controlWrapper"
-    :styles="styles"
-    :isFocused="isFocused"
-    :appliedOptions="appliedOptions"
-  >
-    <v-select
-      v-if="appliedOptions.autocomplete === false"
-      v-disabled-icon-focus
-      :id="control.id + '-input'"
-      :class="styles.control.input"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      :label="computedLabel"
-      :hint="control.description"
-      :persistent-hint="persistentHint()"
-      :required="control.required"
-      :error-messages="control.errors"
-      :clearable="control.enabled"
-      :model-value="control.data"
-      :items="control.options"
-      item-title="label"
-      item-value="value"
-      v-bind="vuetifyProps('v-select')"
-      @update:model-value="onChange"
-      @focus="handleFocus"
-      @blur="handleBlur"
-    />
-    <v-autocomplete
-      v-else
-      v-disabled-icon-focus
-      :id="control.id + '-input'"
-      :class="styles.control.input"
-      :disabled="!control.enabled"
-      :autofocus="appliedOptions.focus"
-      :placeholder="appliedOptions.placeholder"
-      :label="computedLabel"
-      :hint="control.description"
-      :persistent-hint="persistentHint()"
-      :required="control.required"
-      :error-messages="control.errors"
-      :clearable="control.enabled"
-      :model-value="control.data"
-      :items="control.options"
-      item-title="label"
-      item-value="value"
-      v-bind="vuetifyProps('v-autocomplete')"
-      @update:model-value="onChange"
-      @focus="handleFocus"
-      @blur="handleBlur"
-    />
-  </control-wrapper>
-</template>
-
-<script lang="ts">
-import { type ControlElement } from '@jsonforms/core';
-import {
-  rendererProps,
-  useJsonFormsOneOfEnumControl,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { defineComponent } from 'vue';
-import { VAutocomplete, VSelect } from 'vuetify/components';
-import { default as ControlWrapper } from '../controls/ControlWrapper.vue';
-import { DisabledIconFocus } from '../controls/directives';
-import { useVuetifyControl } from '../util';
-
-const controlRenderer = defineComponent({
-  name: 'autocomplete-oneof-enum-control-renderer',
-  components: {
-    ControlWrapper,
-    VSelect,
-    VAutocomplete,
-  },
-  directives: {
-    DisabledIconFocus,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    return useVuetifyControl(
-      useJsonFormsOneOfEnumControl(props),
-      (value) => (value !== null ? value : undefined),
-      300,
-    );
-  },
-});
-
-export default controlRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/extended/index.ts b/packages/vue-vuetify/src/extended/index.ts
deleted file mode 100644
index c1bbd859b6..0000000000
--- a/packages/vue-vuetify/src/extended/index.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-export { default as AutocompleteEnumControlRenderer } from './AutocompleteEnumControlRenderer.vue';
-export { default as AutocompleteOneOfEnumControlRenderer } from './AutocompleteOneOfEnumControlRenderer.vue';
-
-import { entry as autocompleteEnumControlRendererEntry } from './AutocompleteEnumControlRenderer.entry';
-import { entry as autocompleteOneOfEnumControlRendererEntry } from './AutocompleteOneOfEnumControlRenderer.entry';
-
-export const extendedRenderers = [
-  autocompleteEnumControlRendererEntry,
-  autocompleteOneOfEnumControlRendererEntry,
-];
-
-export {
-  autocompleteEnumControlRendererEntry,
-  autocompleteOneOfEnumControlRendererEntry,
-};
diff --git a/packages/vue-vuetify/src/i18n/additionalPropertiesTranslations.ts b/packages/vue-vuetify/src/i18n/additionalPropertiesTranslations.ts
deleted file mode 100644
index 632415d9b7..0000000000
--- a/packages/vue-vuetify/src/i18n/additionalPropertiesTranslations.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import type { ComputedRef } from 'vue';
-
-export interface AdditionalPropertiesDefaultTranslation {
-  key: AdditionalPropertiesTranslationEnum;
-  default: (variable?: string | null) => string;
-}
-
-export enum AdditionalPropertiesTranslationEnum {
-  addTooltip = 'addTooltip',
-  addAriaLabel = 'addAriaLabel',
-  removeTooltip = 'removeTooltip',
-  removeAriaLabel = 'removeAriaLabel',
-  propertyNameLabel = 'propertyNameLabel',
-  propertyNameInvalid = 'propertyNameInvalid',
-  propertyAlreadyDefined = 'propertyAlreadyDefined',
-}
-
-export type AdditionalPropertiesTranslations = {
-  [key in AdditionalPropertiesTranslationEnum]?:
-    | string
-    | ComputedRef<string | null>;
-};
-
-export const additionalPropertiesDefaultTranslations: AdditionalPropertiesDefaultTranslation[] =
-  [
-    {
-      key: AdditionalPropertiesTranslationEnum.addTooltip,
-      default: (input) => (input ? `Add to ${input}` : 'Add'),
-    },
-    {
-      key: AdditionalPropertiesTranslationEnum.addAriaLabel,
-      default: (input) => (input ? `Add to ${input} button` : 'Add button'),
-    },
-    {
-      key: AdditionalPropertiesTranslationEnum.removeTooltip,
-      default: () => 'Delete',
-    },
-    {
-      key: AdditionalPropertiesTranslationEnum.removeAriaLabel,
-      default: () => 'Delete button',
-    },
-    {
-      key: AdditionalPropertiesTranslationEnum.propertyNameLabel,
-      default: () => 'Property Name',
-    },
-    {
-      key: AdditionalPropertiesTranslationEnum.propertyNameInvalid,
-      default: (input) =>
-        input
-          ? `Property name '${input}' is invalid`
-          : 'Property name is invalid',
-    },
-    {
-      key: AdditionalPropertiesTranslationEnum.propertyAlreadyDefined,
-      default: (input) =>
-        input
-          ? `Property '${input}' already defined`
-          : 'Property already defined',
-    },
-  ];
diff --git a/packages/vue-vuetify/src/i18n/i18nUtil.ts b/packages/vue-vuetify/src/i18n/i18nUtil.ts
deleted file mode 100644
index 560c5c2255..0000000000
--- a/packages/vue-vuetify/src/i18n/i18nUtil.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { computed, type Ref } from 'vue';
-import {
-  AdditionalPropertiesTranslationEnum,
-  type AdditionalPropertiesDefaultTranslation,
-  type AdditionalPropertiesTranslations,
-} from './additionalPropertiesTranslations';
-import { addI18nKeyToPrefix, type Translator } from '@jsonforms/core';
-
-export const getAdditionalPropertiesTranslations = (
-  t: Translator,
-  defaultTranslations: AdditionalPropertiesDefaultTranslation[],
-  i18nKeyPrefix: string,
-  label: string,
-  propertyName: Ref<string | null>,
-): AdditionalPropertiesTranslations => {
-  const translations: AdditionalPropertiesTranslations = {};
-  defaultTranslations.forEach((controlElement) => {
-    const key = addI18nKeyToPrefix(i18nKeyPrefix, controlElement.key);
-
-    if (
-      controlElement.key ==
-      AdditionalPropertiesTranslationEnum.propertyAlreadyDefined
-    ) {
-      translations[controlElement.key] = computed(() =>
-        t(key, controlElement.default(propertyName.value), propertyName.value),
-      );
-    } else if (
-      controlElement.key ==
-      AdditionalPropertiesTranslationEnum.propertyNameInvalid
-    ) {
-      translations[controlElement.key] = computed(() =>
-        t(key, controlElement.default(propertyName.value), propertyName.value),
-      );
-    } else {
-      translations[controlElement.key] = t(
-        key,
-        controlElement.default(label),
-        label,
-      );
-    }
-  });
-  return translations;
-};
diff --git a/packages/vue-vuetify/src/i18n/index.ts b/packages/vue-vuetify/src/i18n/index.ts
deleted file mode 100644
index 42bda164bc..0000000000
--- a/packages/vue-vuetify/src/i18n/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './additionalPropertiesTranslations';
-export * from './i18nUtil';
diff --git a/packages/vue-vuetify/src/icons/fa.ts b/packages/vue-vuetify/src/icons/fa.ts
deleted file mode 100644
index 4b914a7287..0000000000
--- a/packages/vue-vuetify/src/icons/fa.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import type { IconAliases } from './icons';
-
-const aliases: IconAliases = {
-  itemAdd: 'fas fa-plus',
-  itemMoveUp: 'fas fa-arrow-up',
-  itemMoveDown: 'fas fa-arrow-down',
-  itemDelete: 'fas fa-trash',
-  calendarClock: 'fas fa-calendar',
-  clock: 'far fa-clock',
-  passwordHide: 'far fa-eye-slash',
-  passwordShow: 'far fa-eye',
-  validationError: 'fas fa-circle-exclamation',
-};
-
-export { aliases };
diff --git a/packages/vue-vuetify/src/icons/icons.ts b/packages/vue-vuetify/src/icons/icons.ts
deleted file mode 100644
index 12985eef09..0000000000
--- a/packages/vue-vuetify/src/icons/icons.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import type { ComponentPublicInstance, FunctionalComponent } from 'vue';
-
-export type JSXComponent<Props = any> =
-  | { new (): ComponentPublicInstance<Props> }
-  | FunctionalComponent<Props>;
-export type IconValue =
-  | string
-  | (string | [path: string, opacity: number])[]
-  | JSXComponent;
-
-export interface IconAliases {
-  itemAdd: IconValue;
-  itemMoveUp: IconValue;
-  itemMoveDown: IconValue;
-  itemDelete: IconValue;
-  calendarClock: IconValue;
-  clock: IconValue;
-  passwordHide: IconValue;
-  passwordShow: IconValue;
-  validationError: IconValue;
-}
diff --git a/packages/vue-vuetify/src/icons/index.ts b/packages/vue-vuetify/src/icons/index.ts
deleted file mode 100644
index 997e6af9f2..0000000000
--- a/packages/vue-vuetify/src/icons/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export { aliases as faIconAliases } from './fa';
-export * from './icons';
-export { aliases as mdiIconAliases } from './mdi';
diff --git a/packages/vue-vuetify/src/icons/mdi.ts b/packages/vue-vuetify/src/icons/mdi.ts
deleted file mode 100644
index d63940b2b4..0000000000
--- a/packages/vue-vuetify/src/icons/mdi.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import type { IconAliases } from './icons';
-
-const aliases: IconAliases = {
-  itemAdd: 'mdi-plus',
-  itemMoveUp: 'mdi-arrow-up',
-  itemMoveDown: 'mdi-arrow-down',
-  itemDelete: 'mdi-delete',
-  calendarClock: 'mdi-calendar-clock',
-  clock: 'mdi-clock-outline',
-  passwordHide: 'mdi-eye-off',
-  passwordShow: 'mdi-eye',
-  validationError: 'mdi-alert-circle-outline',
-};
-
-export { aliases };
diff --git a/packages/vue-vuetify/src/index.ts b/packages/vue-vuetify/src/index.ts
deleted file mode 100644
index 563e22c45b..0000000000
--- a/packages/vue-vuetify/src/index.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export * from './additional';
-export * from './array';
-export * from './complex';
-export * from './controls';
-export * from './extended';
-export * from './i18n';
-export * from './icons';
-export * from './layouts';
-export * from './renderers';
-export * from './styles';
-export * from './util';
diff --git a/packages/vue-vuetify/src/layouts/ArrayLayoutRenderer.entry.ts b/packages/vue-vuetify/src/layouts/ArrayLayoutRenderer.entry.ts
deleted file mode 100644
index 6e7c4d01ae..0000000000
--- a/packages/vue-vuetify/src/layouts/ArrayLayoutRenderer.entry.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {
-  isObjectArrayWithNesting,
-  rankWith,
-  type JsonFormsRendererRegistryEntry,
-} from '@jsonforms/core';
-import controlRenderer from './ArrayLayoutRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(4, isObjectArrayWithNesting),
-};
diff --git a/packages/vue-vuetify/src/layouts/ArrayLayoutRenderer.vue b/packages/vue-vuetify/src/layouts/ArrayLayoutRenderer.vue
deleted file mode 100644
index 81884eb137..0000000000
--- a/packages/vue-vuetify/src/layouts/ArrayLayoutRenderer.vue
+++ /dev/null
@@ -1,431 +0,0 @@
-<template>
-  <v-card v-if="control.visible" :class="styles.arrayList.root">
-    <v-card-title>
-      <v-toolbar flat :class="styles.arrayList.toolbar">
-        <v-toolbar-title :class="styles.arrayList.label">{{
-          computedLabel
-        }}</v-toolbar-title>
-        <v-spacer></v-spacer>
-        <validation-icon
-          v-if="
-            control.childErrors.length > 0 &&
-            !appliedOptions.hideArraySummaryValidation
-          "
-          :errors="control.childErrors"
-          :class="styles.arrayList.validationIcon"
-        />
-        <slot
-          name="toolbar-elements"
-          :addClass="styles.arrayList.addButton"
-          :addDisabled="addDisabled"
-          :addClick="addButtonClick"
-          :control="control"
-          :appliedOptions="appliedOptions"
-          :styles="styles"
-          :icons="icons"
-        >
-          <v-tooltip bottom>
-            <template v-slot:activator="{ props }">
-              <v-btn
-                icon
-                variant="text"
-                elevation="0"
-                small
-                :aria-label="control.translations.addAriaLabel"
-                v-bind="props"
-                :class="styles.arrayList.addButton"
-                :disabled="addDisabled"
-                @click="addButtonClick"
-              >
-                <v-icon>{{ icons.current.value.itemAdd }}</v-icon>
-              </v-btn>
-            </template>
-            {{ control.translations.addTooltip }}
-          </v-tooltip>
-        </slot>
-      </v-toolbar>
-    </v-card-title>
-    <v-card-text>
-      <v-container
-        justify-space-around
-        align-content-center
-        :class="styles.arrayList.container"
-      >
-        <v-row justify="center">
-          <v-expansion-panels
-            accordion
-            v-bind="expansionPanelsProps"
-            v-model="currentlyExpanded"
-          >
-            <v-expansion-panel
-              v-for="(_element, index) in control.data"
-              :key="`${control.path}-${index}`"
-              :class="styles.arrayList.item"
-            >
-              <v-expansion-panel-title :class="styles.arrayList.itemHeader">
-                <v-container py-0 :class="styles.arrayList.itemContainer">
-                  <v-row
-                    :style="`display: grid; grid-template-columns: ${
-                      !hideAvatar ? 'min-content' : ''
-                    } auto min-content ${
-                      appliedOptions.showSortButtons
-                        ? 'min-content min-content'
-                        : ''
-                    }`"
-                  >
-                    <v-col v-if="!hideAvatar" align-self="center" class="pl-0">
-                      <validation-badge
-                        overlap
-                        bordered
-                        :errors="childErrors(index)"
-                      >
-                        <v-avatar size="40" aria-label="Index" color="primary">
-                          <span class="primary--text text--lighten-5">{{
-                            index + 1
-                          }}</span></v-avatar
-                        >
-                      </validation-badge>
-                    </v-col>
-
-                    <v-col
-                      align-self="center"
-                      :class="`pl-0 text-truncate ${styles.arrayList.itemLabel}`"
-                      >{{ childLabelForIndex(index) }}</v-col
-                    >
-                    <v-col
-                      align-self="center"
-                      v-if="appliedOptions.showSortButtons"
-                    >
-                      <v-tooltip bottom>
-                        <template v-slot:activator="{ props }">
-                          <v-btn
-                            v-bind="props"
-                            icon
-                            variant="text"
-                            elevation="0"
-                            small
-                            class="v-expansion-panel-title__icon"
-                            :aria-label="control.translations.upAriaLabel"
-                            :disabled="index <= 0 || !control.enabled"
-                            :class="styles.arrayList.itemMoveUp"
-                            @click="moveUpClick($event, index)"
-                          >
-                            <v-icon class="notranslate">{{
-                              icons.current.value.itemMoveUp
-                            }}</v-icon>
-                          </v-btn>
-                        </template>
-                        {{ control.translations.up }}
-                      </v-tooltip>
-                    </v-col>
-                    <v-col
-                      align-self="center"
-                      v-if="appliedOptions.showSortButtons"
-                    >
-                      <v-tooltip bottom>
-                        <template v-slot:activator="{ props }">
-                          <v-btn
-                            v-bind="props"
-                            icon
-                            variant="text"
-                            elevation="0"
-                            small
-                            class="v-expansion-panel-title__icon"
-                            :aria-label="control.translations.downAriaLabel"
-                            :disabled="
-                              index >= dataLength - 1 || !control.enabled
-                            "
-                            :class="styles.arrayList.itemMoveDown"
-                            @click="moveDownClick($event, index)"
-                          >
-                            <v-icon class="notranslate">{{
-                              icons.current.value.itemMoveDown
-                            }}</v-icon>
-                          </v-btn>
-                        </template>
-                        {{ control.translations.down }}
-                      </v-tooltip>
-                    </v-col>
-                    <v-col align-self="center">
-                      <v-tooltip bottom>
-                        <template v-slot:activator="{ props }">
-                          <v-btn
-                            v-bind="props"
-                            icon
-                            variant="text"
-                            elevation="0"
-                            small
-                            class="v-expansion-panel-title__icon"
-                            :aria-label="control.translations.removeAriaLabel"
-                            :class="styles.arrayList.itemDelete"
-                            :disabled="
-                              !control.enabled ||
-                              (appliedOptions.restrict &&
-                                arraySchema !== undefined &&
-                                arraySchema.minItems !== undefined &&
-                                dataLength <= arraySchema.minItems)
-                            "
-                            @click.stop="suggestToDelete = index"
-                          >
-                            <v-icon class="notranslate">{{
-                              icons.current.value.itemDelete
-                            }}</v-icon>
-                          </v-btn>
-                        </template>
-                        {{ control.translations.removeTooltip }}
-                      </v-tooltip>
-                    </v-col>
-                  </v-row>
-                </v-container>
-              </v-expansion-panel-title>
-              <v-expansion-panel-text :class="styles.arrayList.itemContent">
-                <dispatch-renderer
-                  :schema="control.schema"
-                  :uischema="foundUISchema"
-                  :path="composePaths(control.path, `${index}`)"
-                  :enabled="control.enabled"
-                  :renderers="control.renderers"
-                  :cells="control.cells"
-                />
-              </v-expansion-panel-text>
-            </v-expansion-panel>
-          </v-expansion-panels>
-        </v-row>
-      </v-container>
-      <v-container v-if="dataLength === 0" :class="styles.arrayList.noData">
-        No data
-      </v-container>
-    </v-card-text>
-    <v-card-actions v-if="$slots.actions" class="pb-8">
-      <slot
-        name="actions"
-        :addClass="styles.arrayList.addButton"
-        :addDisabled="addDisabled"
-        :addClick="addButtonClick"
-        :control="control"
-        :appliedOptions="appliedOptions"
-        :styles="styles"
-        :icons="icons"
-      >
-      </slot>
-    </v-card-actions>
-    <v-dialog
-      :model-value="suggestToDelete !== null"
-      max-width="600"
-      @keydown.esc="suggestToDelete = null"
-      @click:outside="suggestToDelete = null"
-    >
-      <v-card>
-        <v-card-title class="text-h5">
-          {{ control.translations.deleteDialogTitle }}
-        </v-card-title>
-
-        <v-card-text>
-          {{ control.translations.deleteDialogMessage }}
-        </v-card-text>
-
-        <v-card-actions>
-          <v-spacer></v-spacer>
-
-          <v-btn variant="text" @click="suggestToDelete = null">
-            {{ control.translations.deleteDialogDecline }}</v-btn
-          >
-          <v-btn
-            variant="text"
-            ref="confirm"
-            @click="
-              removeItemsClick(
-                suggestToDelete === null ? null : [suggestToDelete],
-              );
-              suggestToDelete = null;
-            "
-          >
-            {{ control.translations.deleteDialogAccept }}
-          </v-btn>
-        </v-card-actions>
-      </v-card>
-    </v-dialog>
-  </v-card>
-</template>
-
-<script lang="ts">
-import {
-  Resolve,
-  composePaths,
-  createDefaultValue,
-  findUISchema,
-  getControlPath,
-  type ControlElement,
-  type JsonSchema,
-  type UISchemaElement,
-} from '@jsonforms/core';
-import {
-  DispatchRenderer,
-  rendererProps,
-  useJsonFormsArrayControl,
-  type RendererProps,
-} from '@jsonforms/vue';
-import type { ErrorObject } from 'ajv';
-import merge from 'lodash/merge';
-import { computed, defineComponent, ref } from 'vue';
-import {
-  VAvatar,
-  VBtn,
-  VCard,
-  VCardActions,
-  VCardText,
-  VCardTitle,
-  VCol,
-  VContainer,
-  VDialog,
-  VExpansionPanel,
-  VExpansionPanelText,
-  VExpansionPanelTitle,
-  VExpansionPanels,
-  VIcon,
-  VRow,
-  VSpacer,
-  VToolbar,
-  VToolbarTitle,
-  VTooltip,
-} from 'vuetify/components';
-import { ValidationBadge, ValidationIcon } from '../controls/components/index';
-import { useIcons, useNested, useVuetifyArrayControl } from '../util';
-
-const controlRenderer = defineComponent({
-  name: 'array-layout-renderer',
-  components: {
-    DispatchRenderer,
-    VCard,
-    VCardActions,
-    VCardTitle,
-    VCardText,
-    VAvatar,
-    VDialog,
-    VRow,
-    VCol,
-    VToolbar,
-    VToolbarTitle,
-    VTooltip,
-    VIcon,
-    VBtn,
-    VSpacer,
-    VExpansionPanels,
-    VExpansionPanel,
-    VExpansionPanelTitle,
-    VExpansionPanelText,
-    VContainer,
-    ValidationIcon,
-    ValidationBadge,
-  },
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props: RendererProps<ControlElement>) {
-    const control = useVuetifyArrayControl(useJsonFormsArrayControl(props));
-    const currentlyExpanded = ref<null | number>(
-      control.appliedOptions.value.initCollapsed ? null : 0,
-    );
-    const expansionPanelsProps = computed(() =>
-      merge(
-        { flat: false, focusable: true },
-        control.vuetifyProps('v-expansion-panels'),
-      ),
-    );
-    const suggestToDelete = ref<null | number>(null);
-    // indicate to our child renderers that we are increasing the "nested" level
-    useNested('array');
-
-    const icons = useIcons();
-
-    return {
-      ...control,
-      currentlyExpanded,
-      expansionPanelsProps,
-      suggestToDelete,
-      icons,
-    };
-  },
-  computed: {
-    addDisabled(): boolean {
-      return (
-        !this.control.enabled ||
-        (this.appliedOptions.restrict &&
-          this.arraySchema !== undefined &&
-          this.arraySchema.maxItems !== undefined &&
-          this.dataLength >= this.arraySchema.maxItems)
-      );
-    },
-    dataLength(): number {
-      return this.control.data ? this.control.data.length : 0;
-    },
-    foundUISchema(): UISchemaElement {
-      return findUISchema(
-        this.control.uischemas,
-        this.control.schema,
-        this.control.uischema.scope,
-        this.control.path,
-        undefined,
-        this.control.uischema,
-        this.control.rootSchema,
-      );
-    },
-    arraySchema(): JsonSchema | undefined {
-      return Resolve.schema(
-        this.control.rootSchema,
-        this.control.uischema.scope,
-        this.control.rootSchema,
-      );
-    },
-    hideAvatar(): boolean {
-      return !!this.appliedOptions.hideAvatar;
-    },
-  },
-  methods: {
-    composePaths,
-    createDefaultValue,
-    addButtonClick() {
-      this.addItem(
-        this.control.path,
-        createDefaultValue(this.control.schema, this.control.rootSchema),
-      )();
-      if (!this.appliedOptions.collapseNewItems && this.control.data?.length) {
-        this.currentlyExpanded = this.dataLength - 1;
-      }
-    },
-    moveUpClick(event: Event, toMove: number): void {
-      event.stopPropagation();
-      this.moveUp?.(this.control.path, toMove)();
-    },
-    moveDownClick(event: Event, toMove: number): void {
-      event.stopPropagation();
-      this.moveDown?.(this.control.path, toMove)();
-    },
-    removeItemsClick(toDelete: number[] | null): void {
-      if (toDelete !== null) {
-        this.removeItems?.(this.control.path, toDelete)();
-      }
-    },
-    childErrors(index: number): ErrorObject[] {
-      return this.control.childErrors.filter((e) => {
-        const errorDataPath = getControlPath(e);
-        return errorDataPath.startsWith(
-          this.composePaths(this.control.path, `${index}`),
-        );
-      });
-    },
-  },
-});
-
-export default controlRenderer;
-</script>
-
-<style scoped>
-.notranslate {
-  transform: none !important;
-}
-
-:deep(.v-toolbar__content) {
-  padding-left: 0;
-}
-</style>
diff --git a/packages/vue-vuetify/src/layouts/CategorizationRenderer.entry.ts b/packages/vue-vuetify/src/layouts/CategorizationRenderer.entry.ts
deleted file mode 100644
index 58a776195b..0000000000
--- a/packages/vue-vuetify/src/layouts/CategorizationRenderer.entry.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {
-  and,
-  categorizationHasCategory,
-  isCategorization,
-  rankWith,
-  type JsonFormsRendererRegistryEntry,
-} from '@jsonforms/core';
-import layoutRenderer from './CategorizationRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: layoutRenderer,
-  tester: rankWith(2, and(isCategorization, categorizationHasCategory)),
-};
diff --git a/packages/vue-vuetify/src/layouts/CategorizationRenderer.vue b/packages/vue-vuetify/src/layouts/CategorizationRenderer.vue
deleted file mode 100644
index 66466835f8..0000000000
--- a/packages/vue-vuetify/src/layouts/CategorizationRenderer.vue
+++ /dev/null
@@ -1,143 +0,0 @@
-<template>
-  <v-container v-if="layout.visible" :class="styles.categorization.root">
-    <v-row
-      v-if="appliedOptions.vertical == true"
-      v-bind="vuetifyProps('v-row')"
-    >
-      <v-col
-        v-bind="vuetifyProps('v-col.v-tabs')"
-        class="flex-shrink-1 flex-grow-0 pa-0"
-      >
-        <v-tabs
-          v-model="activeCategory"
-          v-bind="vuetifyProps('v-tabs')"
-          direction="vertical"
-        >
-          <v-tab
-            v-for="(_, index) in visibleCategories"
-            :key="`${layout.path}-${index}`"
-          >
-            {{ visibleCategoryLabels[index] }}
-          </v-tab>
-        </v-tabs>
-      </v-col>
-      <v-col v-bind="vuetifyProps('v-col.v-window')">
-        <v-window
-          v-model="activeCategory"
-          direction="vertical"
-          v-bind="vuetifyProps('v-window')"
-        >
-          <v-window-item
-            v-for="(element, index) in visibleCategories"
-            :key="`${layout.path}-${index}`"
-          >
-            <dispatch-renderer
-              :schema="layout.schema"
-              :uischema="element.value.uischema"
-              :path="layout.path"
-              :enabled="layout.enabled"
-              :renderers="layout.renderers"
-              :cells="layout.cells"
-            />
-          </v-window-item>
-        </v-window>
-      </v-col>
-    </v-row>
-    <v-row v-else v-bind="vuetifyProps('v-row')">
-      <v-tabs v-model="activeCategory" v-bind="vuetifyProps('v-tabs')">
-        <v-tab
-          v-for="(_, index) in visibleCategories"
-          :key="`${layout.path}-${index}`"
-        >
-          {{ visibleCategoryLabels[index] }}
-        </v-tab>
-      </v-tabs>
-
-      <v-window v-model="activeCategory" v-bind="vuetifyProps('v-window')">
-        <v-window-item
-          v-for="(element, index) in visibleCategories"
-          :key="`${layout.path}-${index}`"
-        >
-          <dispatch-renderer
-            :schema="layout.schema"
-            :uischema="element.value.uischema"
-            :path="layout.path"
-            :enabled="layout.enabled"
-            :renderers="layout.renderers"
-            :cells="layout.cells"
-          />
-        </v-window-item>
-      </v-window>
-    </v-row>
-  </v-container>
-</template>
-
-<script lang="ts">
-import {
-  and,
-  categorizationHasCategory,
-  isCategorization,
-  rankWith,
-  type JsonFormsRendererRegistryEntry,
-  type Layout,
-} from '@jsonforms/core';
-import {
-  DispatchRenderer,
-  rendererProps,
-  useJsonFormsCategorization,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { defineComponent, ref } from 'vue';
-import {
-  VCol,
-  VContainer,
-  VRow,
-  VTab,
-  VTabs,
-  VWindow,
-  VWindowItem,
-} from 'vuetify/components';
-import { useVuetifyLayout } from '../util';
-
-const layoutRenderer = defineComponent({
-  name: 'categorization-renderer',
-  components: {
-    DispatchRenderer,
-    VContainer,
-    VTabs,
-    VTab,
-    VWindow,
-    VWindowItem,
-    VRow,
-    VCol,
-  },
-  props: {
-    ...rendererProps<Layout>(),
-  },
-  setup(props: RendererProps<Layout>) {
-    const activeCategory = ref(0);
-    return {
-      ...useVuetifyLayout(useJsonFormsCategorization(props)),
-      activeCategory,
-    };
-  },
-  computed: {
-    visibleCategories() {
-      return this.categories.filter((category) => category.value.visible);
-    },
-    visibleCategoryLabels(): string[] {
-      return this.visibleCategories.map((element) => {
-        return element.value.label;
-      });
-    },
-  },
-});
-
-export default layoutRenderer;
-</script>
-
-<style scoped>
-.v-window {
-  width: 100%;
-}
-</style>
diff --git a/packages/vue-vuetify/src/layouts/CategorizationStepperRenderer.entry.ts b/packages/vue-vuetify/src/layouts/CategorizationStepperRenderer.entry.ts
deleted file mode 100644
index 8181e1093c..0000000000
--- a/packages/vue-vuetify/src/layouts/CategorizationStepperRenderer.entry.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import {
-  and,
-  categorizationHasCategory,
-  isCategorization,
-  optionIs,
-  rankWith,
-  type JsonFormsRendererRegistryEntry,
-} from '@jsonforms/core';
-import layoutRenderer from './CategorizationStepperRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: layoutRenderer,
-  tester: rankWith(
-    3,
-    and(
-      isCategorization,
-      categorizationHasCategory,
-      optionIs('variant', 'stepper'),
-    ),
-  ),
-};
diff --git a/packages/vue-vuetify/src/layouts/CategorizationStepperRenderer.vue b/packages/vue-vuetify/src/layouts/CategorizationStepperRenderer.vue
deleted file mode 100644
index 972c13e0b4..0000000000
--- a/packages/vue-vuetify/src/layouts/CategorizationStepperRenderer.vue
+++ /dev/null
@@ -1,144 +0,0 @@
-<template>
-  <div v-if="layout.visible" :class="styles.categorization.root">
-    <v-stepper-vertical
-      v-if="appliedOptions.vertical == true"
-      non-linear
-      v-model="activeCategory"
-      editable
-      v-bind="vuetifyProps('v-stepper-vertical')"
-      :hide-actions="!appliedOptions.showNavButtons"
-    >
-      <v-stepper-vertical-item
-        :title="visibleCategoryLabels[index]"
-        v-for="(element, index) in visibleCategories"
-        :value="index + 1"
-        :key="`${layout.path}-${index}`"
-      >
-        <v-card elevation="0">
-          <dispatch-renderer
-            :schema="layout.schema"
-            :uischema="element.value.uischema"
-            :path="layout.path"
-            :enabled="layout.enabled"
-            :renderers="layout.renderers"
-            :cells="layout.cells"
-          />
-        </v-card>
-      </v-stepper-vertical-item>
-    </v-stepper-vertical>
-    <v-stepper
-      v-else
-      non-linear
-      v-model="activeCategory"
-      v-bind="vuetifyProps('v-stepper')"
-    >
-      <template v-slot:default="{ prev, next }">
-        <v-stepper-header>
-          <template
-            v-for="(_, index) in visibleCategories"
-            :key="`${layout.path}-${index}`"
-          >
-            <v-stepper-item :value="index + 1" editable>
-              {{ visibleCategoryLabels[index] }}
-            </v-stepper-item>
-            <v-divider
-              v-if="index !== visibleCategories.length - 1"
-              :key="index"
-            ></v-divider>
-          </template>
-        </v-stepper-header>
-
-        <v-stepper-window>
-          <v-stepper-window-item
-            v-for="(element, index) in visibleCategories"
-            :value="index + 1"
-            :key="`${layout.path}-${index}`"
-          >
-            <v-card elevation="0">
-              <dispatch-renderer
-                :schema="layout.schema"
-                :uischema="element.value.uischema"
-                :path="layout.path"
-                :enabled="layout.enabled"
-                :renderers="layout.renderers"
-                :cells="layout.cells"
-              />
-            </v-card>
-          </v-stepper-window-item>
-        </v-stepper-window>
-
-        <v-stepper-actions
-          v-if="appliedOptions.showNavButtons"
-          @click:next="next"
-          @click:prev="prev"
-        ></v-stepper-actions>
-      </template>
-    </v-stepper>
-  </div>
-</template>
-
-<script lang="ts">
-import { type Layout } from '@jsonforms/core';
-import {
-  DispatchRenderer,
-  rendererProps,
-  useJsonFormsCategorization,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { defineComponent, ref } from 'vue';
-import {
-  VCard,
-  VDivider,
-  VStepper,
-  VStepperActions,
-  VStepperHeader,
-  VStepperItem,
-  VStepperWindow,
-  VStepperWindowItem,
-} from 'vuetify/components';
-import {
-  VStepperVertical,
-  VStepperVerticalItem,
-} from 'vuetify/labs/VStepperVertical';
-import { useVuetifyLayout } from '../util';
-
-const layoutRenderer = defineComponent({
-  name: 'categorization-stepper-renderer',
-  components: {
-    DispatchRenderer,
-    VStepperVertical,
-    VStepperVerticalItem,
-    VStepper,
-    VStepperHeader,
-    VStepperItem,
-    VDivider,
-    VStepperWindowItem,
-    VStepperWindow,
-    VStepperActions,
-    VCard,
-  },
-  props: {
-    ...rendererProps<Layout>(),
-  },
-  setup(props: RendererProps<Layout>) {
-    const activeCategory = ref(1);
-
-    return {
-      ...useVuetifyLayout(useJsonFormsCategorization(props)),
-      activeCategory,
-    };
-  },
-  computed: {
-    visibleCategories() {
-      return this.categories.filter((category) => category.value.visible);
-    },
-    visibleCategoryLabels(): string[] {
-      return this.visibleCategories.map((element) => {
-        return element.value.label;
-      });
-    },
-  },
-});
-
-export default layoutRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/layouts/GroupRenderer.entry.ts b/packages/vue-vuetify/src/layouts/GroupRenderer.entry.ts
deleted file mode 100644
index 0c7de54111..0000000000
--- a/packages/vue-vuetify/src/layouts/GroupRenderer.entry.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {
-  type JsonFormsRendererRegistryEntry,
-  rankWith,
-  and,
-  isLayout,
-  uiTypeIs,
-} from '@jsonforms/core';
-import layoutRenderer from './GroupRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: layoutRenderer,
-  tester: rankWith(2, and(isLayout, uiTypeIs('Group'))),
-};
diff --git a/packages/vue-vuetify/src/layouts/GroupRenderer.vue b/packages/vue-vuetify/src/layouts/GroupRenderer.vue
deleted file mode 100644
index cb7a8fe001..0000000000
--- a/packages/vue-vuetify/src/layouts/GroupRenderer.vue
+++ /dev/null
@@ -1,96 +0,0 @@
-<template>
-  <v-card
-    v-if="layout.visible"
-    :class="classes"
-    :elevation="!bare ? 2 : undefined"
-    :outlined="bare"
-    v-bind="vuetifyProps('v-card')"
-  >
-    <v-card-title
-      v-if="layout.label"
-      :class="styles.group.label"
-      v-bind="vuetifyProps('v-card-title')"
-      >{{ layout.label }}</v-card-title
-    >
-
-    <v-card-text
-      v-bind="vuetifyProps(`v-card-text[${index}]`)"
-      v-for="(element, index) in (layout.uischema as Layout).elements"
-      :key="`${layout.path}-${index}`"
-      :class="styles.group.item"
-    >
-      <dispatch-renderer
-        :schema="layout.schema"
-        :uischema="element"
-        :path="layout.path"
-        :enabled="layout.enabled"
-        :renderers="layout.renderers"
-        :cells="layout.cells"
-      />
-    </v-card-text>
-  </v-card>
-</template>
-
-<script lang="ts">
-import { type Layout } from '@jsonforms/core';
-import {
-  DispatchRenderer,
-  rendererProps,
-  useJsonFormsLayout,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { defineComponent } from 'vue';
-import { VCard, VCardText, VCardTitle } from 'vuetify/components';
-import { useVuetifyLayout } from '../util';
-
-const layoutRenderer = defineComponent({
-  name: 'group-renderer',
-  components: {
-    DispatchRenderer,
-    VCard,
-    VCardTitle,
-    VCardText,
-  },
-  props: {
-    ...rendererProps<Layout>(),
-  },
-  setup(props: RendererProps<Layout>) {
-    return useVuetifyLayout(useJsonFormsLayout(props));
-  },
-  computed: {
-    bare(): boolean {
-      return !!this.appliedOptions.bare;
-    },
-    alignLeft(): boolean {
-      return !!this.appliedOptions.alignLeft;
-    },
-    classes(): string {
-      const classes = ['my-1', 'pa-0', `${this.styles.group.root}`];
-      if (this.bare) {
-        classes.push(`${this.styles.group.bare}`);
-      }
-      if (this.alignLeft) {
-        classes.push(`${this.styles.group.alignLeft}`);
-      }
-      return classes.join(' ');
-    },
-  },
-});
-
-export default layoutRenderer;
-</script>
-
-<!-- Default styles for the 'nested' feature -->
-<style scoped>
-.group.group-bare {
-  border: 0;
-}
-.group-bare > .group-label,
-.group-bare > .group-item {
-  padding-right: 0;
-}
-.group-align-left > .group-label,
-.group-align-left > .group-item {
-  padding-left: 0;
-}
-</style>
diff --git a/packages/vue-vuetify/src/layouts/HorizontalLayoutRenderer.entry.ts b/packages/vue-vuetify/src/layouts/HorizontalLayoutRenderer.entry.ts
deleted file mode 100644
index 4e99194947..0000000000
--- a/packages/vue-vuetify/src/layouts/HorizontalLayoutRenderer.entry.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {
-  rankWith,
-  uiTypeIs,
-  type JsonFormsRendererRegistryEntry,
-} from '@jsonforms/core';
-import layoutRenderer from './HorizontalLayoutRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: layoutRenderer,
-  tester: rankWith(2, uiTypeIs('HorizontalLayout')),
-};
diff --git a/packages/vue-vuetify/src/layouts/HorizontalLayoutRenderer.vue b/packages/vue-vuetify/src/layouts/HorizontalLayoutRenderer.vue
deleted file mode 100644
index fb2b07c5e1..0000000000
--- a/packages/vue-vuetify/src/layouts/HorizontalLayoutRenderer.vue
+++ /dev/null
@@ -1,111 +0,0 @@
-<template>
-  <v-container
-    v-if="layout.visible"
-    :class="`${styles.horizontalLayout.root}`"
-    v-bind="vuetifyProps('v-container')"
-  >
-    <v-row v-bind="vuetifyProps('v-row')">
-      <v-col
-        v-for="(element, index) in (layout.uischema as Layout).elements"
-        :key="`${layout.path}-${index}`"
-        :class="styles.horizontalLayout.item"
-        :cols="cols[index]"
-        v-bind="vuetifyProps(`v-col[${index}]`)"
-      >
-        <dispatch-renderer
-          :schema="layout.schema"
-          :uischema="element"
-          :path="layout.path"
-          :enabled="layout.enabled"
-          :renderers="layout.renderers"
-          :cells="layout.cells"
-        />
-      </v-col>
-    </v-row>
-  </v-container>
-</template>
-
-<script lang="ts">
-import { type Layout } from '@jsonforms/core';
-import {
-  DispatchRenderer,
-  rendererProps,
-  useJsonFormsLayout,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { defineComponent } from 'vue';
-import { useDisplay } from 'vuetify';
-import { VCol, VContainer, VRow } from 'vuetify/components';
-import { useVuetifyLayout } from '../util';
-
-const layoutRenderer = defineComponent({
-  name: 'horizontal-layout-renderer',
-  components: {
-    DispatchRenderer,
-    VContainer,
-    VRow,
-    VCol,
-  },
-  props: {
-    ...rendererProps<Layout>(),
-  },
-  setup(props: RendererProps<Layout>) {
-    const { xs, sm, md, lg, xl } = useDisplay();
-    return {
-      ...useVuetifyLayout(useJsonFormsLayout(props)),
-      xs,
-      sm,
-      md,
-      lg,
-      xl,
-    };
-  },
-  computed: {
-    collapse() {
-      if (this.appliedOptions.breakHorizontal === 'xs' && this.xs) {
-        return true;
-      }
-      if (
-        this.appliedOptions.breakHorizontal === 'sm' &&
-        (this.xs || this.sm)
-      ) {
-        return true;
-      }
-      if (
-        this.appliedOptions.breakHorizontal === 'md' &&
-        (this.xs || this.sm || this.md)
-      ) {
-        return true;
-      }
-      if (
-        this.appliedOptions.breakHorizontal === 'lg' &&
-        (this.xs || this.sm || this.md || this.lg)
-      ) {
-        return true;
-      }
-      if (
-        this.appliedOptions.breakHorizontal === 'xl' &&
-        (this.xs || this.sm || this.md || this.lg || this.xl)
-      ) {
-        return true;
-      }
-      return false;
-    },
-    /**
-     * Combines 'breakHorizontal' with user defined 'col' weights.
-     * 'breakHorizontal' takes precedence.
-     */
-    cols(): (number | false)[] {
-      return this.uischema.elements.map((_, index) => {
-        if (this.collapse) {
-          return 12;
-        }
-        const uiSchemaCols = this.vuetifyProps(`v-col[${index}]`)?.cols;
-        return uiSchemaCols !== undefined ? uiSchemaCols : false;
-      });
-    },
-  },
-});
-
-export default layoutRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/layouts/VerticalLayoutRenderer.entry.ts b/packages/vue-vuetify/src/layouts/VerticalLayoutRenderer.entry.ts
deleted file mode 100644
index a32a980dbd..0000000000
--- a/packages/vue-vuetify/src/layouts/VerticalLayoutRenderer.entry.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import {
-  rankWith,
-  uiTypeIs,
-  type JsonFormsRendererRegistryEntry,
-} from '@jsonforms/core';
-import layoutRenderer from './VerticalLayoutRenderer.vue';
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: layoutRenderer,
-  tester: rankWith(2, uiTypeIs('VerticalLayout')),
-};
diff --git a/packages/vue-vuetify/src/layouts/VerticalLayoutRenderer.vue b/packages/vue-vuetify/src/layouts/VerticalLayoutRenderer.vue
deleted file mode 100644
index 73f4d959f5..0000000000
--- a/packages/vue-vuetify/src/layouts/VerticalLayoutRenderer.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-  <v-container
-    v-if="layout.visible"
-    fill-height
-    :class="`${styles.verticalLayout.root}`"
-    v-bind="vuetifyProps('v-container')"
-  >
-    <v-row
-      v-for="(element, index) in (layout.uischema as Layout).elements"
-      :key="`${layout.path}-${index}`"
-      v-bind="vuetifyProps(`v-row[${index}]`)"
-    >
-      <v-col
-        cols="12"
-        :class="styles.verticalLayout.item"
-        v-bind="vuetifyProps('v-col')"
-      >
-        <dispatch-renderer
-          :schema="layout.schema"
-          :uischema="element"
-          :path="layout.path"
-          :enabled="layout.enabled"
-          :renderers="layout.renderers"
-          :cells="layout.cells"
-        />
-      </v-col>
-    </v-row>
-  </v-container>
-</template>
-
-<script lang="ts">
-import { type Layout } from '@jsonforms/core';
-import {
-  DispatchRenderer,
-  rendererProps,
-  useJsonFormsLayout,
-  type RendererProps,
-} from '@jsonforms/vue';
-import { defineComponent } from 'vue';
-import { VCol, VContainer, VRow } from 'vuetify/components';
-import { useVuetifyLayout } from '../util';
-
-const layoutRenderer = defineComponent({
-  name: 'vertical-layout-renderer',
-  components: {
-    DispatchRenderer,
-    VContainer,
-    VRow,
-    VCol,
-  },
-  props: {
-    ...rendererProps<Layout>(),
-  },
-  setup(props: RendererProps<Layout>) {
-    return useVuetifyLayout(useJsonFormsLayout(props));
-  },
-});
-
-export default layoutRenderer;
-</script>
diff --git a/packages/vue-vuetify/src/layouts/index.ts b/packages/vue-vuetify/src/layouts/index.ts
deleted file mode 100644
index 7ae0fed229..0000000000
--- a/packages/vue-vuetify/src/layouts/index.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import {
-  isLayout,
-  rankWith,
-  type JsonFormsRendererRegistryEntry,
-} from '@jsonforms/core';
-
-import { entry as arrayLayoutRendererEntry } from './ArrayLayoutRenderer.entry';
-import { entry as categorizationRendererEntry } from './CategorizationRenderer.entry';
-import { entry as categorizationStepperRendererEntry } from './CategorizationStepperRenderer.entry';
-import { entry as groupRendererEntry } from './GroupRenderer.entry';
-import { entry as horizontalLayoutRendererEntry } from './HorizontalLayoutRenderer.entry';
-import { entry as verticalLayoutRendererEntry } from './VerticalLayoutRenderer.entry';
-
-import { default as VerticalLayoutRenderer } from './VerticalLayoutRenderer.vue';
-export { default as ArrayLayoutRenderer } from './ArrayLayoutRenderer.vue';
-export { default as CategorizationRenderer } from './CategorizationRenderer.vue';
-export { default as CategorizationStepperRenderer } from './CategorizationStepperRenderer.vue';
-export { default as GroupRenderer } from './GroupRenderer.vue';
-export { default as HorizontalLayoutRenderer } from './HorizontalLayoutRenderer.vue';
-export { default as VerticalLayoutRenderer } from './VerticalLayoutRenderer.vue';
-
-// default layout renderer is the VerticalLayoutRenderer
-const layoutRendererEntry: JsonFormsRendererRegistryEntry = {
-  renderer: VerticalLayoutRenderer,
-  tester: rankWith(1, isLayout),
-};
-
-export const layoutRenderers = [
-  layoutRendererEntry,
-  arrayLayoutRendererEntry,
-  categorizationRendererEntry,
-  categorizationStepperRendererEntry,
-  groupRendererEntry,
-  horizontalLayoutRendererEntry,
-  verticalLayoutRendererEntry,
-];
-
-export {
-  layoutRendererEntry,
-  arrayLayoutRendererEntry,
-  categorizationRendererEntry,
-  categorizationStepperRendererEntry,
-  groupRendererEntry,
-  horizontalLayoutRendererEntry,
-  verticalLayoutRendererEntry,
-};
diff --git a/packages/vue-vuetify/src/renderers.ts b/packages/vue-vuetify/src/renderers.ts
deleted file mode 100644
index 8e711241c1..0000000000
--- a/packages/vue-vuetify/src/renderers.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { additionalRenderers } from './additional';
-import { arrayRenderers } from './array';
-import { complexRenderers } from './complex';
-import { controlRenderers } from './controls';
-import { extendedRenderers } from './extended';
-import { layoutRenderers } from './layouts';
-
-export const vuetifyRenderers = [
-  ...additionalRenderers,
-  ...arrayRenderers,
-  ...complexRenderers,
-  ...controlRenderers,
-  ...layoutRenderers,
-];
-
-export const extendedVuetifyRenderers = [
-  ...extendedRenderers,
-  ...vuetifyRenderers,
-];
diff --git a/packages/vue-vuetify/src/styles/defaultStyles.ts b/packages/vue-vuetify/src/styles/defaultStyles.ts
deleted file mode 100644
index 69790cd231..0000000000
--- a/packages/vue-vuetify/src/styles/defaultStyles.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import type { Styles } from './styles';
-
-export const defaultStyles: Styles = {
-  control: {
-    root: 'control',
-    input: 'input',
-  },
-  verticalLayout: {
-    root: 'vertical-layout',
-    item: 'vertical-layout-item',
-  },
-  horizontalLayout: {
-    root: 'horizontal-layout',
-    item: 'horizontal-layout-item',
-  },
-  group: {
-    root: 'group',
-    label: 'group-label',
-    item: 'group-item',
-    bare: 'group-bare',
-    alignLeft: 'group-align-left',
-  },
-  arrayList: {
-    root: 'array-list',
-    toolbar: 'array-list-toolbar',
-    validationIcon: 'array-list-validation',
-    addButton: 'array-list-add',
-    label: 'array-list-label',
-    noData: 'array-list-no-data',
-    item: 'array-list-item',
-    itemHeader: 'array-list-item-header',
-    itemLabel: 'array-list-item-label',
-    itemContent: 'array-list-item-content',
-    itemMoveUp: 'array-list-item-move-up',
-    itemMoveDown: 'array-list-item-move-down',
-    itemDelete: 'array-list-item-delete',
-  },
-  listWithDetail: {
-    root: 'list-with-detail',
-    toolbar: 'list-with-detail-toolbar',
-    addButton: 'list-with-detail-add',
-    label: 'list-with-detail-label',
-    noData: 'list-with-detail-no-data',
-    item: 'list-with-detail-item',
-    itemLabel: 'list-with-detail-item-label',
-    itemContent: 'list-with-detail-item-content',
-    itemMoveUp: 'list-with-detail-item-move-up',
-    itemMoveDown: 'list-with-detail-item-move-down',
-    itemDelete: 'list-with-detail-item-delete',
-  },
-  label: {
-    root: 'label-element',
-  },
-  categorization: {
-    root: 'categorization',
-  },
-};
diff --git a/packages/vue-vuetify/src/styles/index.ts b/packages/vue-vuetify/src/styles/index.ts
deleted file mode 100644
index c423222370..0000000000
--- a/packages/vue-vuetify/src/styles/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './defaultStyles';
-export * from './styles';
-export * from './util';
diff --git a/packages/vue-vuetify/src/styles/styles.ts b/packages/vue-vuetify/src/styles/styles.ts
deleted file mode 100644
index 889e1e7ffa..0000000000
--- a/packages/vue-vuetify/src/styles/styles.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-import type { UISchemaElement } from '@jsonforms/core';
-import merge from 'lodash/merge';
-import { inject } from 'vue';
-import { defaultStyles } from './defaultStyles';
-
-const createEmptyStyles = (): Styles => ({
-  control: {},
-  verticalLayout: {},
-  horizontalLayout: {},
-  group: {},
-  arrayList: {},
-  listWithDetail: {},
-  label: {},
-  categorization: {},
-});
-
-export interface Styles {
-  control: {
-    root?: string;
-    input?: string;
-  };
-  verticalLayout: {
-    root?: string;
-    item?: string;
-  };
-  horizontalLayout: {
-    root?: string;
-    item?: string;
-  };
-  group: {
-    root?: string;
-    label?: string;
-    item?: string;
-    bare?: string;
-    alignLeft?: string;
-  };
-  arrayList: {
-    root?: string;
-    toolbar?: string;
-    validationIcon?: string;
-    container?: string;
-    addButton?: string;
-    label?: string;
-    noData?: string;
-    item?: string;
-    itemContainer?: string;
-    itemHeader?: string;
-    itemLabel?: string;
-    itemContent?: string;
-    itemMoveUp?: string;
-    itemMoveDown?: string;
-    itemDelete?: string;
-  };
-  listWithDetail: {
-    root?: string;
-    toolbar?: string;
-    addButton?: string;
-    label?: string;
-    noData?: string;
-    item?: string;
-    itemLabel?: string;
-    itemContent?: string;
-    itemMoveUp?: string;
-    itemMoveDown?: string;
-    itemDelete?: string;
-  };
-  label: {
-    root?: string;
-  };
-  categorization: {
-    root?: string;
-  };
-}
-
-export const useStyles = (element?: UISchemaElement): Styles => {
-  const userStyles = inject('styles', defaultStyles);
-  if (!element?.options?.styles) {
-    return userStyles;
-  }
-  const styles = createEmptyStyles();
-  if (userStyles) {
-    merge(styles, userStyles);
-  } else {
-    merge(styles, defaultStyles);
-  }
-  if (element?.options?.styles) {
-    merge(styles, element.options.styles);
-  }
-  return styles;
-};
diff --git a/packages/vue-vuetify/src/styles/util.ts b/packages/vue-vuetify/src/styles/util.ts
deleted file mode 100644
index b7c0aaee11..0000000000
--- a/packages/vue-vuetify/src/styles/util.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import cloneDeep from 'lodash/cloneDeep';
-import mergeWith from 'lodash/mergeWith';
-import type { Styles } from './styles';
-
-export const classes = (
-  strings: TemplateStringsArray,
-  ...variables: any[]
-): string => {
-  return strings
-    .reduce((acc, curr, index) => {
-      return `${acc}${curr}${variables[index] || ''}`;
-    }, '')
-    .trim();
-};
-
-/**
- * Helper function to merge two styles definitions. The contained classes will be combined, not overwritten.
- *
- * Example usage:
- * ```ts
- * const myStyles = mergeStyles(defaultStyles, { control: { root: 'mycontrol' } });
- * ```
- */
-export const mergeStyles = (
-  stylesA: Partial<Styles>,
-  stylesB: Partial<Styles>,
-): Partial<Styles> => {
-  const styles = cloneDeep(stylesA);
-  mergeWith(styles, stylesB, (aValue, bValue) => {
-    if (typeof aValue === 'string' && typeof bValue === 'string') {
-      return `${aValue} ${bValue}`;
-    }
-    return undefined;
-  });
-  return styles;
-};
diff --git a/packages/vue-vuetify/src/util/composition.ts b/packages/vue-vuetify/src/util/composition.ts
deleted file mode 100644
index f34ab26f94..0000000000
--- a/packages/vue-vuetify/src/util/composition.ts
+++ /dev/null
@@ -1,479 +0,0 @@
-import { aliases as faIcons } from '@/icons/fa';
-import type { IconAliases } from '@/icons/icons';
-import { aliases as mdiIcons } from '@/icons/mdi';
-import {
-  Resolve,
-  arrayDefaultTranslations,
-  combinatorDefaultTranslations,
-  composePaths,
-  computeLabel,
-  defaultJsonFormsI18nState,
-  getArrayTranslations,
-  getCombinatorTranslations,
-  getFirstPrimitiveProp,
-  isDescriptionHidden,
-  type ControlElement,
-  type DispatchPropsOfControl,
-  type JsonFormsSubStates,
-  type JsonSchema,
-  type UISchemaElement,
-} from '@jsonforms/core';
-import type Ajv from 'ajv';
-import type { ErrorObject } from 'ajv';
-import cloneDeep from 'lodash/cloneDeep';
-import debounce from 'lodash/debounce';
-import get from 'lodash/get';
-import isPlainObject from 'lodash/isPlainObject';
-import merge from 'lodash/merge';
-import {
-  computed,
-  inject,
-  provide,
-  ref,
-  type ComputedRef,
-  type InjectionKey,
-} from 'vue';
-import type { IconOptions } from 'vuetify';
-import { useStyles } from '../styles';
-
-export const IconSymbol: InjectionKey<Required<IconOptions>> =
-  Symbol.for('vuetify:icons');
-
-export const useControlAppliedOptions = <
-  T extends { config: any; uischema: UISchemaElement },
-  I extends {
-    control: ComputedRef<T>;
-  },
->(
-  input: I,
-) => {
-  return computed(() =>
-    merge(
-      {},
-      cloneDeep(input.control.value.config),
-      cloneDeep(input.control.value.uischema.options),
-    ),
-  );
-};
-
-export const useLayoutAppliedOptions = <
-  T extends { config: any; uischema: UISchemaElement },
-  I extends {
-    layout: ComputedRef<T>;
-  },
->(
-  input: I,
-) => {
-  return computed(() =>
-    merge(
-      {},
-      cloneDeep(input.layout.value.config),
-      cloneDeep(input.layout.value.uischema.options),
-    ),
-  );
-};
-
-export const useComputedLabel = <
-  T extends { label: string; required: boolean },
-  I extends { control: ComputedRef<T> },
->(
-  input: I,
-  appliedOptions: ReturnType<typeof useControlAppliedOptions>,
-) => {
-  return computed((): string => {
-    return computeLabel(
-      input.control.value.label,
-      input.control.value.required,
-      !!appliedOptions.value?.hideRequiredAsterisk,
-    );
-  });
-};
-
-/**
- * Adds styles, appliedOptions and vuetifyProps
- */
-export const useVuetifyLabel = <
-  T extends {
-    uischema: UISchemaElement;
-    config: any;
-  },
-  I extends {
-    label: ComputedRef<T>;
-  },
->(
-  input: I,
-) => {
-  const styles = useStyles(input.label.value.uischema);
-  const appliedOptions = computed(() =>
-    merge(
-      {},
-      cloneDeep(input.label.value.config),
-      cloneDeep(input.label.value.uischema.options),
-    ),
-  );
-  const vuetifyProps = (path: string) => {
-    const props = get(appliedOptions.value?.vuetify, path);
-
-    return props && isPlainObject(props) ? props : {};
-  };
-  return {
-    ...input,
-    appliedOptions,
-    vuetifyProps,
-    styles,
-  };
-};
-
-/**
- * Adds styles, isFocused, appliedOptions and onChange
- */
-export const useVuetifyControl = <
-  T extends {
-    uischema: ControlElement;
-    path: string;
-    config: any;
-    label: string;
-    description: string;
-    required: boolean;
-    errors: string;
-    id: string;
-    visible: boolean;
-  },
-  I extends {
-    control: ComputedRef<T>;
-  } & DispatchPropsOfControl,
->(
-  input: I,
-  adaptValue: (target: any) => any = (v) => v,
-  debounceWait?: number,
-) => {
-  const touched = ref(false);
-
-  const changeEmitter =
-    typeof debounceWait === 'number'
-      ? debounce(input.handleChange, debounceWait)
-      : input.handleChange;
-
-  const onChange = (value: any) => {
-    changeEmitter(input.control.value.path, adaptValue(value));
-  };
-
-  const appliedOptions = useControlAppliedOptions(input);
-  const isFocused = ref(false);
-
-  const handleFocus = () => {
-    isFocused.value = true;
-  };
-
-  const handleBlur = () => {
-    touched.value = true;
-    isFocused.value = false;
-  };
-
-  const filteredErrors = computed(() => {
-    return touched.value || !appliedOptions.value.enableFilterErrorsBeforeTouch
-      ? input.control.value.errors
-      : '';
-  });
-
-  const persistentHint = (): boolean => {
-    return !isDescriptionHidden(
-      input.control.value.visible,
-      input.control.value.description,
-      isFocused.value,
-      !!appliedOptions.value?.showUnfocusedDescription,
-    );
-  };
-
-  const computedLabel = useComputedLabel(input, appliedOptions);
-
-  const controlWrapper = computed(() => {
-    const { id, description, errors, label, visible, required } =
-      input.control.value;
-    return { id, description, errors, label, visible, required };
-  });
-
-  const styles = useStyles(input.control.value.uischema);
-
-  const vuetifyProps = (path: string) => {
-    const props = get(appliedOptions.value?.vuetify, path);
-
-    return props && isPlainObject(props) ? props : {};
-  };
-
-  const overwrittenControl = computed(() => {
-    return {
-      ...input.control.value,
-      errors: filteredErrors.value,
-    };
-  });
-
-  const rawErrors = computed(() => input.control.value.errors);
-
-  return {
-    ...input,
-    control: overwrittenControl,
-    styles,
-    isFocused,
-    appliedOptions,
-    controlWrapper,
-    onChange,
-    vuetifyProps,
-    persistentHint,
-    computedLabel,
-    touched,
-    handleBlur,
-    handleFocus,
-    rawErrors,
-  };
-};
-
-export const useCombinatorTranslations = <
-  T extends {
-    i18nKeyPrefix: string;
-    label: string;
-  },
-  I extends {
-    control: ComputedRef<T>;
-  },
->(
-  input: I,
-) => {
-  const jsonforms = inject<JsonFormsSubStates>('jsonforms');
-  const translations = getCombinatorTranslations(
-    jsonforms?.i18n?.translate ?? defaultJsonFormsI18nState.translate,
-    combinatorDefaultTranslations,
-    input.control.value.i18nKeyPrefix,
-    input.control.value.label,
-  );
-
-  const overwrittenControl = computed(() => {
-    return {
-      ...input.control.value,
-      translations,
-    };
-  });
-
-  return {
-    ...input,
-    control: overwrittenControl,
-  };
-};
-
-export const useJsonForms = () => {
-  const jsonforms = inject<JsonFormsSubStates>('jsonforms');
-
-  if (!jsonforms) {
-    throw new Error(
-      "'jsonforms couldn't be injected. Are you within JSON Forms?",
-    );
-  }
-
-  return jsonforms;
-};
-
-export const useTranslator = () => {
-  const jsonforms = useJsonForms();
-
-  if (!jsonforms.i18n || !jsonforms.i18n.translate) {
-    throw new Error(
-      "'jsonforms i18n couldn't be injected. Are you within JSON Forms?",
-    );
-  }
-
-  const translate = computed(() => {
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    return jsonforms.i18n!.translate!;
-  });
-
-  return translate;
-};
-
-/**
- * Adds styles and appliedOptions
- */
-export const useVuetifyLayout = <
-  T extends { config: any; uischema: UISchemaElement },
-  I extends { layout: ComputedRef<T> },
->(
-  input: I,
-) => {
-  const appliedOptions = useLayoutAppliedOptions(input);
-
-  const vuetifyProps = (path: string) => {
-    const props = get(appliedOptions.value?.vuetify, path);
-
-    return props && isPlainObject(props) ? props : {};
-  };
-
-  return {
-    ...input,
-    styles: useStyles(input.layout.value.uischema),
-    appliedOptions,
-    vuetifyProps,
-  };
-};
-
-/**
- * Adds styles, appliedOptions and childUiSchema
- */
-export const useVuetifyArrayControl = <
-  T extends {
-    label: string;
-    required: boolean;
-    config: any;
-    uischema: UISchemaElement;
-    schema: JsonSchema;
-    data: any;
-    childErrors: ErrorObject[];
-    i18nKeyPrefix: string;
-  },
-  I extends {
-    control: ComputedRef<T>;
-  },
->(
-  input: I,
-) => {
-  const appliedOptions = useControlAppliedOptions(input);
-
-  const computedLabel = useComputedLabel(input, appliedOptions);
-
-  const vuetifyProps = (path: string) => {
-    const props = get(appliedOptions.value?.vuetify, path);
-
-    return props && isPlainObject(props) ? props : {};
-  };
-
-  const childLabelForIndex = (index: number | null) => {
-    if (index === null) {
-      return '';
-    }
-    const childLabelProp =
-      input.control.value.uischema.options?.childLabelProp ??
-      getFirstPrimitiveProp(input.control.value.schema);
-    if (!childLabelProp) {
-      return `${index}`;
-    }
-    const labelValue = Resolve.data(
-      input.control.value.data,
-      composePaths(`${index}`, childLabelProp),
-    );
-    if (
-      labelValue === undefined ||
-      labelValue === null ||
-      Number.isNaN(labelValue)
-    ) {
-      return '';
-    }
-    return `${labelValue}`;
-  };
-  const filteredChildErrors = computed(() => {
-    // supress childErrors unless touch filtering is disabled
-    // otherwise all child errors will show, irrespective of their control touch state
-    const filtered: ErrorObject[] = appliedOptions.value
-      ?.enableFilterErrorsBeforeTouch
-      ? []
-      : input.control.value.childErrors;
-    return filtered;
-  });
-
-  const jsonforms = inject<JsonFormsSubStates>('jsonforms');
-  const translations = getArrayTranslations(
-    jsonforms?.i18n?.translate ?? defaultJsonFormsI18nState.translate,
-    arrayDefaultTranslations,
-    input.control.value.i18nKeyPrefix,
-    input.control.value.label,
-  );
-
-  const overwrittenControl = computed(() => {
-    return {
-      ...input.control.value,
-      childErrors: filteredChildErrors.value,
-      translations,
-    };
-  });
-
-  return {
-    ...input,
-    control: overwrittenControl,
-    styles: useStyles(input.control.value.uischema),
-    appliedOptions,
-    childLabelForIndex,
-    computedLabel,
-    vuetifyProps,
-    rawChildErrors: input.control.value.childErrors,
-  };
-};
-
-/**
- * Adds styles and appliedOptions
- */
-export const useVuetifyBasicControl = <
-  T extends { config: any; uischema: UISchemaElement },
-  I extends {
-    control: ComputedRef<T>;
-  },
->(
-  input: I,
-) => {
-  const appliedOptions = useControlAppliedOptions(input);
-
-  const vuetifyProps = (path: string) => {
-    const props = get(appliedOptions.value?.vuetify, path);
-
-    return props && isPlainObject(props) ? props : {};
-  };
-
-  return {
-    ...input,
-    styles: useStyles(input.control.value.uischema),
-    appliedOptions,
-    vuetifyProps,
-  };
-};
-
-/**
- * Extracts Ajv from JSON Forms
- */
-export const useAjv = () => {
-  const jsonforms = useJsonForms();
-
-  // should always exist
-  return jsonforms.core?.ajv as Ajv;
-};
-
-export interface NestedInfo {
-  level: number;
-  parentElement?: 'array' | 'object';
-}
-
-export const useNested = (element: false | 'array' | 'object'): NestedInfo => {
-  const nestedInfo = inject<NestedInfo>('jsonforms.nestedInfo', { level: 0 });
-  if (element) {
-    provide('jsonforms.nestedInfo', {
-      level: nestedInfo.level + 1,
-      parentElement: element,
-    });
-  }
-  return nestedInfo;
-};
-
-export const useIcons = () => {
-  const iconSet = computed<IconAliases>(() => {
-    const icons = inject(IconSymbol);
-    if (!icons) throw new Error('Missing Vuetify Icons provide!');
-
-    let result = mdiIcons; // default
-    const overrides = icons.aliases;
-
-    if (icons.defaultSet === 'fa') {
-      result = faIcons;
-    }
-
-    return overrides ? { ...result, ...overrides } : result;
-  });
-
-  return {
-    current: iconSet,
-  };
-};
diff --git a/packages/vue-vuetify/src/util/datejs.ts b/packages/vue-vuetify/src/util/datejs.ts
deleted file mode 100644
index f69a11ab18..0000000000
--- a/packages/vue-vuetify/src/util/datejs.ts
+++ /dev/null
@@ -1,438 +0,0 @@
-import dayjs from 'dayjs';
-import customParseFormat from 'dayjs/plugin/customParseFormat';
-import localeData from 'dayjs/plugin/localeData';
-import localizedFormat from 'dayjs/plugin/localizedFormat';
-import timezone from 'dayjs/plugin/timezone'; // dependent on utc plugin
-import utc from 'dayjs/plugin/utc';
-
-import type { MaskTokens, MaskType } from 'maska';
-
-// required for the custom save formats in the date, time and date-time pickers
-dayjs.extend(customParseFormat);
-dayjs.extend(utc);
-dayjs.extend(timezone);
-dayjs.extend(localeData);
-dayjs.extend(localizedFormat);
-
-export const expandLocaleFormat = (format: string): string => {
-  return format.replace(/\b(LT|LTS|L{1,4})\b/g, function (match, p1) {
-    // Replace each captured value with a specific value
-    switch (p1) {
-      case 'LT':
-      case 'LTS':
-      case 'L':
-      case 'LL':
-      case 'LLL':
-      case 'LLLL':
-        return dayjs.localeData().longDateFormat(p1);
-      default:
-        return match; // Return the match unchanged if not in the set
-    }
-  });
-};
-
-export const parseDateTime = (
-  data: string | number | dayjs.Dayjs | Date | null | undefined,
-  format: string | string[] | undefined,
-): dayjs.Dayjs | null => {
-  if (!data) {
-    return null;
-  }
-  const dayjsData = dayjs(data, format);
-  if (!dayjsData.isValid()) {
-    return null;
-  }
-  return dayjsData;
-};
-
-export const convertDayjsToMaskaFormat = (
-  dayjsFormat: string,
-): { mask: MaskType; tokens: MaskTokens } => {
-  function* nextKey(preservedKeys: string): Generator<string> {
-    let currentCharCode = 'A'.charCodeAt(0);
-
-    while (currentCharCode <= 65535) {
-      // Unicode character range
-      const currentChar = String.fromCharCode(currentCharCode);
-      if (!preservedKeys.includes(currentChar)) {
-        yield currentChar;
-      }
-      currentCharCode++;
-    }
-  }
-
-  function RegExpLiteral(str: string) {
-    return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-  }
-
-  class Tokens {
-    private tokens: MaskTokens;
-    private charGenerator;
-
-    constructor(preservedKeys: string) {
-      this.tokens = {};
-      this.charGenerator = nextKey(preservedKeys);
-    }
-
-    public getTokens(): MaskTokens {
-      return this.tokens;
-    }
-
-    public getTokenKey(token: MaskTokens[keyof MaskTokens]): string {
-      const entry = Object.entries(this.tokens).find(
-        (entry) =>
-          entry[1].pattern.toString() === token.pattern.toString() &&
-          entry[1].optional === token.optional,
-      );
-      if (entry) {
-        return entry[0];
-      }
-
-      throw new Error(
-        'Key for pattern ' + token.pattern.toString() + ' not found.',
-      );
-    }
-
-    public registerToken(token: MaskTokens[keyof MaskTokens]): string {
-      const entry = Object.entries(this.tokens).find(
-        (entry) =>
-          entry[1].pattern.toString() === token.pattern.toString() &&
-          entry[1].optional === token.optional,
-      );
-      if (entry) {
-        return entry[0];
-      }
-
-      const key = this.charGenerator.next().value;
-
-      this.tokens[key] = token;
-      return key;
-    }
-  }
-
-  // defintions from - https://day.js.org/docs/en/parse/string-format#list-of-all-available-parsing-tokens
-  const dayjsTokens = [
-    'YYYY', // Four-digit year - example: 2001
-    'YY', //Two-digit year - example: 01
-    'M', // Month, beginning at 1 - example: 1-12
-    'MM', // Month, 2-digits - example: 01-12
-    'MMM', // The abbreviated month name - example: Jan-Dec
-    'MMMM', // The full month name - example: January-December
-    'D', // Day of month - example: 1-31
-    'DD', // Day of month, 2-digits - example: 01-31
-    'H', // Hours - example: 0-23
-    'HH', // Hours, 2-digits - example: 00-23
-    'h', // Hours, 12-hour clock - example: 1-12
-    'hh', // Hours, 12-hour clock, 2-digits - example: 01-12
-    'm', // Minutes - example: 0-59
-    'mm', // Minutes, 2-digits - example: 00-59
-    's', // Seconds - example: 0-59
-    'ss', // Seconds, 2-digits - example: 00-59
-    'S', // Hundreds of milliseconds, 1-digit - example: 0-9
-    'SS', // Tens of milliseconds, 2-digits - example: 00-99
-    'SSS', // Milliseconds, 3-digits - example: 000-999
-    'Z', // Offset from UTC - example: -05:00
-    'ZZ', // Compact offset from UTC, 2-digits - example: -0500
-    'A', // Post or ante meridiem, upper-case - example: AM PM
-    'a', // Post or ante meridiem, lower-case - example: am pm,
-    'X', // Unix timestamp - example 1410715640.579,
-    'x', // Unix ms timestamp - example 1410715640579
-  ].sort((a, b) => b.length - a.length);
-
-  const parts = dayjsFormat
-    .split(new RegExp(`(${dayjsTokens.join('|')})`))
-    .filter(Boolean);
-
-  const reservedChars = parts
-    .filter((part) => !dayjsTokens.includes(part))
-    .join('');
-  const tokens = new Tokens(reservedChars);
-
-  // need to prebuild all keys to tokens are are going to be used in tokenFunction
-  tokens.registerToken({ pattern: /[0-9]/ });
-  tokens.registerToken({ pattern: /1/ });
-  tokens.registerToken({ pattern: /[0-2]/ });
-  tokens.registerToken({ pattern: /[0-2]/, optional: true });
-  tokens.registerToken({ pattern: /[0-1]/ });
-  tokens.registerToken({ pattern: /[1-9]/ });
-
-  let escapedMonths = dayjs.monthsShort().map((month) => RegExpLiteral(month));
-  let regexPattern = `\\b(${escapedMonths.join('|')})\\b`;
-  tokens.registerToken({ pattern: new RegExp(regexPattern, 'i') });
-
-  escapedMonths = dayjs.months().map((month) => RegExpLiteral(month));
-  regexPattern = `\\b(${escapedMonths.join('|')})\\b`;
-
-  tokens.registerToken({ pattern: new RegExp(regexPattern, 'i') });
-  tokens.registerToken({ pattern: /[1-3]/ });
-  tokens.registerToken({ pattern: /[0-1]/, optional: true });
-  tokens.registerToken({ pattern: /[0-9]/, optional: true });
-  tokens.registerToken({ pattern: /[0-3]/ });
-  tokens.registerToken({ pattern: /[0-3]/, optional: true });
-  tokens.registerToken({ pattern: /[0-5]/ });
-  tokens.registerToken({ pattern: /[ap]/ });
-  tokens.registerToken({ pattern: /m/ });
-  tokens.registerToken({ pattern: /[AP]/ });
-  tokens.registerToken({ pattern: /M/ });
-  tokens.registerToken({ pattern: /[+-]/ });
-  tokens.registerToken({ pattern: /[0-4]/ });
-  tokens.registerToken({ pattern: /:/ });
-  tokens.registerToken({ pattern: /[.]/ });
-  tokens.registerToken({ pattern: /[.]/, optional: true });
-
-  const tokenFunction = (value: string): string => {
-    let index = 0;
-
-    const result: (string | MaskTokens[keyof MaskTokens])[] = [];
-    for (const part of parts) {
-      if (!part || part === '') {
-        continue;
-      }
-      if (index > value.length) {
-        break;
-      }
-
-      if (part === 'YYYY') {
-        result.push({ pattern: /[0-9]/ });
-        result.push({ pattern: /[0-9]/ });
-        result.push({ pattern: /[0-9]/ });
-        result.push({ pattern: /[0-9]/ });
-        index += 4;
-      } else if (part === 'YY' || part == 'SS') {
-        result.push({ pattern: /[0-9]/ });
-        result.push({ pattern: /[0-9]/ });
-        index += 2;
-      } else if (part === 'M') {
-        result.push({ pattern: /1/ });
-        if (value.charAt(index) === '1') {
-          if (/[0-2]/.test(value.charAt(index + 1))) {
-            result.push({ pattern: /[0-2]/ });
-            index += 1;
-          } else if (value.charAt(index + 1) === '') {
-            result.push({ pattern: /[0-2]/, optional: true });
-          }
-        }
-        index += 1;
-      } else if (part === 'MM' || part == 'hh') {
-        result.push({ pattern: /[0-1]/ });
-        result.push(
-          value.charAt(index) === '0'
-            ? { pattern: /[1-9]/ }
-            : { pattern: /[0-2]/ },
-        );
-        index += 2;
-      } else if (part === 'MMM') {
-        const escapedMonths = dayjs
-          .monthsShort()
-          .map((month) => RegExpLiteral(month));
-        const regexPattern = `\\b(${escapedMonths.join('|')})\\b`;
-
-        result.push({ pattern: new RegExp(regexPattern, 'i') });
-        let monthSpecified = false;
-
-        for (const month of dayjs.monthsShort()) {
-          if (
-            index < value.length &&
-            value.substring(index).startsWith(month)
-          ) {
-            index += month.length;
-            monthSpecified = true;
-            break;
-          }
-        }
-        if (!monthSpecified) {
-          // can't continue until the months is not matched
-          break;
-        }
-      } else if (part === 'MMMM') {
-        const escapedMonths = dayjs
-          .months()
-          .map((month) => RegExpLiteral(month));
-        const regexPattern = `\\b(${escapedMonths.join('|')})\\b`;
-
-        result.push({ pattern: new RegExp(regexPattern, 'i') });
-        let monthSpecified = false;
-
-        for (const month of dayjs.months()) {
-          if (
-            index < value.length &&
-            value.substring(index).startsWith(month)
-          ) {
-            index += month.length;
-            monthSpecified = true;
-            break;
-          }
-        }
-        if (!monthSpecified) {
-          // can't continue until the months is not matched
-          break;
-        }
-      } else if (part === 'D') {
-        result.push({ pattern: /[1-9]/ });
-        if (/[1-3]/.test(value.charAt(index))) {
-          if (value.charAt(index) === '3') {
-            if (/[0-1]/.test(value.charAt(index + 1))) {
-              result.push({ pattern: /[0-1]/ });
-              index += 1;
-            } else if (value.charAt(index + 1) === '') {
-              result.push({ pattern: /[0-1]/, optional: true });
-            }
-          } else {
-            if (/\d/.test(value.charAt(index + 1))) {
-              result.push({ pattern: /[0-9]/ });
-              index += 1;
-            } else if (value.charAt(index + 1) === '') {
-              result.push({ pattern: /[0-9]/, optional: true });
-            }
-          }
-        }
-        index += 1;
-      } else if (part === 'DD') {
-        result.push({ pattern: /[0-3]/ });
-        if (value.charAt(index) === '3') {
-          result.push({ pattern: /[0-1]/ });
-        } else if (value.charAt(index) === '0') {
-          result.push({ pattern: /[1-9]/ });
-        } else {
-          result.push({ pattern: /[0-9]/ });
-        }
-        index += 2;
-      } else if (part == 'H') {
-        result.push({ pattern: /[0-9]/ });
-        if (value.charAt(index) === '2') {
-          if (/[0-3]/.test(value.charAt(index + 1))) {
-            result.push({ pattern: /[0-3]/ });
-            index += 1;
-          } else if (value.charAt(index + 1) === '') {
-            result.push({ pattern: /[0-3]/, optional: true });
-          }
-        } else if (value.charAt(index) === '1') {
-          if (/\d/.test(value.charAt(index + 1))) {
-            result.push({ pattern: /[0-9]/ });
-            index += 1;
-          } else if (value.charAt(index + 1) === '') {
-            result.push({ pattern: /[0-9]/, optional: true });
-          }
-        }
-        index += 1;
-      } else if (part == 'HH') {
-        result.push({ pattern: /[0-2]/ });
-        if (/[0-1]/.test(value.charAt(index))) {
-          result.push({ pattern: /[0-9]/ });
-        } else if (value.charAt(index) === '2') {
-          result.push({ pattern: /[0-3]/ });
-        }
-        index += 2;
-      } else if (part == 'h') {
-        result.push({ pattern: /[1-9]/ });
-        if (value.charAt(index) === '1') {
-          if (/[0-2]/.test(value.charAt(index + 1))) {
-            result.push({ pattern: /[0-2]/ });
-            index += 1;
-          } else if (value.charAt(index + 1) === '') {
-            result.push({ pattern: /[0-2]/, optional: true });
-          }
-        }
-        index += 1;
-      } else if (part == 'm' || part == 's') {
-        result.push({ pattern: /[0-9]/ });
-        if (/[1-5]/.test(value.charAt(index))) {
-          if (/\d/.test(value.charAt(index + 1))) {
-            result.push({ pattern: /[0-9]/ });
-            index += 1;
-          } else if (value.charAt(index + 1) === '') {
-            result.push({ pattern: /[0-9]/, optional: true });
-          }
-        }
-        index += 1;
-      } else if (part == 'mm' || part == 'ss') {
-        result.push({ pattern: /[0-5]/ });
-        result.push({ pattern: /[0-9]/ });
-        index += 2;
-      } else if (part == 'a') {
-        result.push({ pattern: /[ap]/ });
-        result.push({ pattern: /m/ });
-        index += 2;
-      } else if (part == 'A') {
-        result.push({ pattern: /[AP]/ });
-        result.push({ pattern: /M/ });
-        index += 2;
-      } else if (part == 'Z' || part == 'ZZ') {
-        //GMT-12 to GMT+14
-        result.push({ pattern: /[+-]/ });
-        result.push({ pattern: /[0-1]/ });
-
-        if (value.charAt(index + 1) === '0') {
-          result.push({ pattern: /[0-9]/ });
-        } else if (value.charAt(index + 1) === '1') {
-          result.push(
-            value.charAt(index) === '+'
-              ? { pattern: /[0-4]/ }
-              : { pattern: /[0-2]/ },
-          );
-        }
-        if (part === 'Z') {
-          result.push({ pattern: /:/ });
-          index += 1;
-        }
-        result.push({ pattern: /[0-5]/ });
-        result.push({ pattern: /[0-9]/ });
-        index += 5;
-      } else if (part == 'S') {
-        result.push({ pattern: /[0-9]/ });
-        index += 1;
-      } else if (part == 'SSS') {
-        result.push({ pattern: /[0-9]/ });
-        result.push({ pattern: /[0-9]/ });
-        result.push({ pattern: /[0-9]/ });
-        index += 3;
-      } else if (part == 'X') {
-        // number of digits 13
-        const times = 13;
-        for (let i = 0; i < times; i++) {
-          result.push({ pattern: /[0-9]/ });
-        }
-        index += times;
-      } else if (part == 'x') {
-        // number of digits 10 for seconds
-        const times = 10;
-        for (let i = 0; i < times; i++) {
-          result.push({ pattern: /[0-9]/ });
-        }
-
-        if (value.charAt(index + times) === '.') {
-          result.push({ pattern: /[.]/ });
-          index += 1;
-
-          // check for optional 3 digits after .
-          for (let i = 0; i < 3; i++) {
-            if (/\d/.test(value.charAt(index + times + 1 + i))) {
-              result.push({ pattern: /[0-9]/ });
-              index += 1;
-            } else if (value.charAt(index + times + 1 + i) === '') {
-              result.push({ pattern: /[0-9]/, optional: true });
-              break;
-            }
-          }
-        } else if (value.charAt(index + times) === '') {
-          result.push({ pattern: /[.]/, optional: true });
-        }
-
-        index += times;
-      } else {
-        result.push(part);
-        index += part.length;
-      }
-    }
-
-    const mask = result
-      .map((part) =>
-        typeof part === 'string' ? part : tokens.getTokenKey(part),
-      )
-      .join('');
-
-    return mask;
-  };
-
-  return { mask: tokenFunction, tokens: tokens.getTokens() };
-};
diff --git a/packages/vue-vuetify/src/util/index.ts b/packages/vue-vuetify/src/util/index.ts
deleted file mode 100644
index 6d720c881d..0000000000
--- a/packages/vue-vuetify/src/util/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './composition';
-export * from './datejs';
-export * from './options';
-export * from './validator';
diff --git a/packages/vue-vuetify/src/util/options.ts b/packages/vue-vuetify/src/util/options.ts
deleted file mode 100644
index 0c490ea992..0000000000
--- a/packages/vue-vuetify/src/util/options.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export interface Options {
-  showUnfocusedDescription?: boolean;
-  hideRequiredAsterisk?: boolean;
-  focus?: boolean;
-  step?: number;
-}
diff --git a/packages/vue-vuetify/src/util/validator.ts b/packages/vue-vuetify/src/util/validator.ts
deleted file mode 100644
index bc4a2f76bb..0000000000
--- a/packages/vue-vuetify/src/util/validator.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { createAjv as createAjvCore } from '@jsonforms/core';
-import type Ajv from 'ajv';
-import { type Options } from 'ajv';
-
-export const createAjv = (options?: Options): Ajv => {
-  const ajv = createAjvCore(options);
-  ajv.addFormat('password', () => true);
-  return ajv;
-};
diff --git a/packages/vue-vuetify/tests/index.ts b/packages/vue-vuetify/tests/index.ts
deleted file mode 100644
index 3201cd7460..0000000000
--- a/packages/vue-vuetify/tests/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export const wait = (timeout?: number) => {
-  return new Promise((resolve) => setTimeout(resolve, timeout));
-};
diff --git a/packages/vue-vuetify/tests/unit/additional/LabelRenderer.spec.ts b/packages/vue-vuetify/tests/unit/additional/LabelRenderer.spec.ts
deleted file mode 100644
index c7220b47cd..0000000000
--- a/packages/vue-vuetify/tests/unit/additional/LabelRenderer.spec.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { clearAllIds } from '@jsonforms/core';
-import LabelRenderer from '../../../src/additional/LabelRenderer.vue';
-import { entry as labelRendererEntry } from '../../../src/additional/LabelRenderer.entry';
-import { mountJsonForms } from '../util';
-
-describe('LabelRenderer.vue', () => {
-  const renderers = [labelRendererEntry];
-
-  const data = '';
-  const schema = {
-    type: 'string',
-  };
-  const uischema = {
-    type: 'Label',
-    text: 'My Label',
-  };
-
-  let wrapper: ReturnType<typeof mountJsonForms>;
-
-  beforeEach(() => {
-    // clear all ids to guarantee that the snapshots will always be generated with the same ids
-    clearAllIds();
-    wrapper = mountJsonForms(data, schema, renderers, uischema);
-  });
-
-  it('check if child LabelRenderer exists', () => {
-    expect(wrapper.getComponent(LabelRenderer));
-  });
-
-  it('renders a label', () => {
-    expect(wrapper.find('label').exists()).toBe(true);
-  });
-
-  it('renders label text', () => {
-    expect(wrapper.find('label').text()).toEqual('My Label');
-  });
-
-  it('should render component and match snapshot', () => {
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-});
diff --git a/packages/vue-vuetify/tests/unit/additional/ListWithDetailRenderer.spec.ts b/packages/vue-vuetify/tests/unit/additional/ListWithDetailRenderer.spec.ts
deleted file mode 100644
index 190b5ff49b..0000000000
--- a/packages/vue-vuetify/tests/unit/additional/ListWithDetailRenderer.spec.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { clearAllIds, type Translator } from '@jsonforms/core';
-import ListWithDetailRenderer from '../../../src/additional/ListWithDetailRenderer.vue';
-import { entry as listWithDetailRendererEntry } from '../../../src/additional/ListWithDetailRenderer.entry';
-import { mountJsonForms } from '../util';
-
-describe('ListWithDetailRenderer.vue', () => {
-  const renderers = [listWithDetailRendererEntry];
-
-  const data: unknown[] = [];
-  const schema = {
-    type: 'array',
-    items: {
-      type: 'object',
-      properties: {
-        name: { type: 'string' },
-        done: { type: 'boolean' },
-        person: { type: 'object', properties: { name: { type: 'string' } } },
-      },
-    },
-  };
-  const uischema = {
-    type: 'ListWithDetail',
-    scope: '#',
-  };
-
-  let wrapper: ReturnType<typeof mountJsonForms>;
-
-  beforeEach(() => {
-    // clear all ids to guarantee that the snapshots will always be generated with the same ids
-    clearAllIds();
-    wrapper = mountJsonForms(data, schema, renderers, uischema, undefined, {
-      translate: ((id, defaultMessage) => {
-        if (id.endsWith('addAriaLabel')) {
-          return 'MyAdd';
-        }
-        return defaultMessage;
-      }) as Translator,
-    });
-  });
-
-  it('check if child ListWithDetail exists', () => {
-    expect(wrapper.getComponent(ListWithDetailRenderer));
-  });
-
-  it('renders an add button', () => {
-    expect(wrapper.find('.list-with-detail-add').exists()).toBeTruthy();
-  });
-
-  it('respects translations', () => {
-    expect(wrapper.find('[aria-label="MyAdd"]').exists()).toBeTruthy();
-  });
-
-  it('should render component and match snapshot', () => {
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-});
diff --git a/packages/vue-vuetify/tests/unit/additional/__snapshots__/LabelRenderer.spec.ts.snap b/packages/vue-vuetify/tests/unit/additional/__snapshots__/LabelRenderer.spec.ts.snap
deleted file mode 100644
index e61af42f39..0000000000
--- a/packages/vue-vuetify/tests/unit/additional/__snapshots__/LabelRenderer.spec.ts.snap
+++ /dev/null
@@ -1,9 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`LabelRenderer.vue > should render component and match snapshot 1`] = `
-"<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
-  <div class="v-application__wrap"><label class="v-label label-element">
-      <!---->My Label
-    </label></div>
-</div>"
-`;
diff --git a/packages/vue-vuetify/tests/unit/additional/__snapshots__/ListWithDetailRenderer.spec.ts.snap b/packages/vue-vuetify/tests/unit/additional/__snapshots__/ListWithDetailRenderer.spec.ts.snap
deleted file mode 100644
index 1cefd12606..0000000000
--- a/packages/vue-vuetify/tests/unit/additional/__snapshots__/ListWithDetailRenderer.spec.ts.snap
+++ /dev/null
@@ -1,41 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`ListWithDetailRenderer.vue > should render component and match snapshot 1`] = `
-"<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
-  <div class="v-application__wrap">
-    <div data-v-7e93fcc2="" class="v-container v-locale--is-ltr list-with-detail" fill-height="">
-      <div data-v-7e93fcc2="" class="v-row">
-        <div data-v-7e93fcc2="" class="v-col pa-0">
-          <header data-v-7e93fcc2="" class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr list-with-detail-toolbar">
-            <!---->
-            <div class="v-toolbar__content" style="height: 64px;">
-              <!---->
-              <!---->
-              <div data-v-7e93fcc2="" class="v-toolbar-title list-with-detail-label">
-                <div class="v-toolbar-title__placeholder">
-                  <!---->
-                </div>
-              </div>
-              <div data-v-7e93fcc2="" class="v-spacer"></div>
-              <!--v-if--><button data-v-7e93fcc2="" type="button" class="v-btn v-btn--icon v-theme--light v-btn--density-default elevation-0 v-btn--size-default v-btn--variant-text list-with-detail-add" small="" aria-label="MyAdd" aria-describedby="v-tooltip-0"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
-                <!----><span class="v-btn__content" data-no-activator=""><i data-v-7e93fcc2="" class="mdi-plus mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i></span>
-                <!---->
-                <!---->
-              </button>
-              <!--teleport start-->
-              <!--teleport end-->
-              <!---->
-            </div>
-            <transition-stub name="expand-transition" appear="false" persisted="false" css="true">
-              <!---->
-            </transition-stub>
-          </header>
-        </div>
-      </div>
-      <div data-v-7e93fcc2="" class="v-row list-with-detail-no-data">
-        <div data-v-7e93fcc2="" class="v-col">No data</div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
diff --git a/packages/vue-vuetify/tests/unit/complex/ArrayControlRenderer.spec.ts b/packages/vue-vuetify/tests/unit/complex/ArrayControlRenderer.spec.ts
deleted file mode 100644
index 0422ca64fd..0000000000
--- a/packages/vue-vuetify/tests/unit/complex/ArrayControlRenderer.spec.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { clearAllIds, type Translator } from '@jsonforms/core';
-import ArrayControlRenderer from '../../../src/complex/ArrayControlRenderer.vue';
-import { entry as arrayControlRendererEntry } from '../../../src/complex/ArrayControlRenderer.entry';
-import { mountJsonForms } from '../util';
-
-describe('ArrayControlRenderer.vue', () => {
-  const renderers = [arrayControlRendererEntry];
-
-  const data: unknown[] = [];
-  const schema = {
-    type: 'array',
-    items: {
-      type: 'object',
-      properties: {
-        name: { type: 'string' },
-        done: { type: 'boolean' },
-      },
-    },
-  };
-  const uischema = {
-    type: 'Control',
-    scope: '#',
-  };
-
-  let wrapper: ReturnType<typeof mountJsonForms>;
-
-  beforeEach(() => {
-    // clear all ids to guarantee that the snapshots will always be generated with the same ids
-    clearAllIds();
-    wrapper = mountJsonForms(data, schema, renderers, uischema, undefined, {
-      translate: ((id, defaultMessage) => {
-        if (id.endsWith('addAriaLabel')) {
-          return 'MyAdd';
-        }
-        return defaultMessage;
-      }) as Translator,
-    });
-  });
-
-  it('check if child ArrayControl exists', () => {
-    expect(wrapper.getComponent(ArrayControlRenderer));
-  });
-
-  it('renders an add button', () => {
-    expect(wrapper.find('.array-list-add').exists()).toBeTruthy();
-  });
-
-  it('respects translations', () => {
-    expect(wrapper.find('[aria-label="MyAdd"]').exists()).toBeTruthy();
-  });
-
-  it('should render component and match snapshot', () => {
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-});
diff --git a/packages/vue-vuetify/tests/unit/complex/OneOfRenderer.spec.ts b/packages/vue-vuetify/tests/unit/complex/OneOfRenderer.spec.ts
deleted file mode 100644
index 9cae6a50ec..0000000000
--- a/packages/vue-vuetify/tests/unit/complex/OneOfRenderer.spec.ts
+++ /dev/null
@@ -1,80 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { clearAllIds, type Translator } from '@jsonforms/core';
-import OneOfControlRenderer from '../../../src/complex/OneOfRenderer.vue';
-import { entry as oneOfControlRendererEntry } from '../../../src/complex/OneOfRenderer.entry';
-import { mountJsonForms } from '../util';
-
-describe('OneOfRenderer.vue', () => {
-  const renderers = [oneOfControlRendererEntry];
-
-  const data: unknown[] = [[{ name: 'foo', done: false }]];
-  const schema = {
-    oneOf: [
-      {
-        type: 'array',
-        items: {
-          type: 'object',
-          properties: {
-            name: { type: 'string' },
-            done: { type: 'boolean' },
-          },
-        },
-      },
-      {
-        type: 'object',
-        properties: {
-          name: { type: 'string' },
-          done: { type: 'boolean' },
-        },
-      },
-    ],
-  };
-  const uischema = {
-    type: 'Control',
-    scope: '#',
-  };
-
-  let wrapper: ReturnType<typeof mountJsonForms>;
-
-  beforeEach(() => {
-    // clear all ids to guarantee that the snapshots will always be generated with the same ids
-    clearAllIds();
-    wrapper = mountJsonForms(data, schema, renderers, uischema, undefined, {
-      translate: ((id, defaultMessage) => {
-        if (id.endsWith('clearDialogAccept')) {
-          return 'Do the clear!';
-        }
-        return defaultMessage;
-      }) as Translator,
-    });
-  });
-
-  it('check if child OneOfControl exists', () => {
-    expect(wrapper.getComponent(OneOfControlRenderer));
-  });
-
-  it('respects translations', async () => {
-    // trigger the selection change
-    wrapper.getComponent(OneOfControlRenderer).vm.handleSelectChange();
-    // wait until the dialog is rendered
-    await wrapper.vm.$nextTick();
-    // dialog is rendered in document outside of the wrapper
-    expect(document.querySelector('[role="dialog"]')).not.toBeNull();
-
-    // search for text in children of the add buton
-    let found = false;
-    document
-      .querySelector('[data-testid="clear-dialog-accept"]')
-      ?.querySelectorAll('*')
-      .forEach((el) => {
-        if (el.textContent?.includes('Do the clear!')) {
-          found = true;
-        }
-      });
-    expect(found).toBeTruthy();
-  });
-
-  it('should render component and match snapshot', () => {
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-});
diff --git a/packages/vue-vuetify/tests/unit/complex/__snapshots__/ArrayControlRenderer.spec.ts.snap b/packages/vue-vuetify/tests/unit/complex/__snapshots__/ArrayControlRenderer.spec.ts.snap
deleted file mode 100644
index b5cdf85a26..0000000000
--- a/packages/vue-vuetify/tests/unit/complex/__snapshots__/ArrayControlRenderer.spec.ts.snap
+++ /dev/null
@@ -1,78 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`ArrayControlRenderer.vue > should render component and match snapshot 1`] = `
-"<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
-  <div class="v-application__wrap">
-    <div data-v-4896f876="" class="v-card v-theme--light v-card--density-default elevation-0 v-card--variant-elevated array-list">
-      <!---->
-      <div class="v-card__loader">
-        <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
-          <!---->
-          <div class="v-progress-linear__background"></div>
-          <div class="v-progress-linear__buffer" style="width: 0%;"></div>
-          <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
-            <div class="v-progress-linear__indeterminate">
-              <div class="v-progress-linear__indeterminate long"></div>
-              <div class="v-progress-linear__indeterminate short"></div>
-            </div>
-          </transition-stub>
-          <!---->
-        </div>
-      </div>
-      <!---->
-      <!---->
-      <div data-v-4896f876="" class="v-card-title">
-        <header data-v-4896f876="" class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr array-list-toolbar">
-          <!---->
-          <div class="v-toolbar__content" style="height: 64px;">
-            <!---->
-            <!---->
-            <div data-v-4896f876="" class="v-toolbar-title array-list-label">
-              <div class="v-toolbar-title__placeholder">
-                <!---->
-              </div>
-            </div>
-            <div data-v-4896f876="" class="v-spacer"></div>
-            <!--v-if--><button data-v-4896f876="" type="button" class="v-btn v-btn--icon v-theme--light v-btn--density-default elevation-0 v-btn--size-default v-btn--variant-text array-list-add" small="" aria-label="MyAdd" aria-describedby="v-tooltip-0"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
-              <!----><span class="v-btn__content" data-no-activator=""><i data-v-4896f876="" class="mdi-plus mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i></span>
-              <!---->
-              <!---->
-            </button>
-            <!--teleport start-->
-            <!--teleport end-->
-            <!---->
-          </div>
-          <transition-stub name="expand-transition" appear="false" persisted="false" css="true">
-            <!---->
-          </transition-stub>
-        </header>
-      </div>
-      <div data-v-4896f876="" class="v-card-text">
-        <div data-v-4896f876="" class="v-container v-locale--is-ltr" justify-space-around="" align-content-center="">
-          <div data-v-4896f876="" class="v-row justify-center">
-            <div data-v-4896f876="" class="v-table v-theme--light v-table--density-default array-container flex">
-              <!---->
-              <div class="v-table__wrapper">
-                <table>
-                  <thead data-v-4896f876="">
-                    <tr data-v-4896f876="">
-                      <th data-v-4896f876="" scope="col">Name</th>
-                      <th data-v-4896f876="" scope="col">Done</th>
-                      <th data-v-4896f876="" class="fixed-cell-small" scope="col"></th>
-                    </tr>
-                  </thead>
-                  <tbody data-v-4896f876=""></tbody>
-                </table>
-              </div>
-              <!---->
-            </div>
-          </div>
-        </div>
-        <div data-v-4896f876="" class="v-container v-locale--is-ltr array-list-no-data">No data</div>
-      </div>
-      <!---->
-      <!----><span class="v-card__underlay"></span>
-    </div>
-  </div>
-</div>"
-`;
diff --git a/packages/vue-vuetify/tests/unit/complex/__snapshots__/OneOfRenderer.spec.ts.snap b/packages/vue-vuetify/tests/unit/complex/__snapshots__/OneOfRenderer.spec.ts.snap
deleted file mode 100644
index 608d18009d..0000000000
--- a/packages/vue-vuetify/tests/unit/complex/__snapshots__/OneOfRenderer.spec.ts.snap
+++ /dev/null
@@ -1,66 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`OneOfRenderer.vue > should render component and match snapshot 1`] = `
-"<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
-  <div class="v-application__wrap">
-    <div>
-      <!--v-if-->
-      <div class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-theme--light v-locale--is-ltr v-input--error v-text-field v-select v-select--single input">
-        <!---->
-        <div class="v-input__control">
-          <div class="v-field v-field--appended v-field--center-affix v-field--error v-field--no-label v-field--variant-filled v-theme--light v-locale--is-ltr" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="v-menu-2">
-            <div class="v-field__overlay"></div>
-            <div class="v-field__loader">
-              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
-                <!---->
-                <div class="v-progress-linear__background bg-error"></div>
-                <div class="v-progress-linear__buffer bg-error" style="width: 0%;"></div>
-                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
-                  <div class="v-progress-linear__indeterminate">
-                    <div class="v-progress-linear__indeterminate long bg-error"></div>
-                    <div class="v-progress-linear__indeterminate short bg-error"></div>
-                  </div>
-                </transition-stub>
-                <!---->
-              </div>
-            </div>
-            <!---->
-            <div class="v-field__field" data-no-activator="">
-              <!----><label class="v-label v-field-label" for="#3-input">
-                <!---->
-              </label>
-              <!---->
-              <div class="v-field__input" data-no-activator="">
-                <!---->
-                <!----><input size="1" type="text" id="#3-input" aria-describedby="#3-input-messages" inputmode="none" aria-label="Open" title="Open">
-              </div>
-              <!---->
-            </div>
-            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
-              <div class="v-field__clearable" style="display: none;"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear "></i></div>
-            </transition-stub>
-            <div class="v-field__append-inner">
-              <!----><i class="mdi-menu-down mdi v-icon notranslate v-theme--light v-icon--size-default v-select__menu-icon" aria-hidden="true"></i>
-              <!---->
-            </div>
-            <div class="v-field__outline">
-              <!---->
-              <!---->
-            </div>
-          </div>
-        </div>
-        <!---->
-        <div class="v-input__details">
-          <transition-group-stub name="slide-y-transition" tag="div" appear="false" persisted="false" css="true" class="v-messages" role="alert" aria-live="polite" id="#3-input-messages">
-            <div class="v-messages__message">must be object</div>
-          </transition-group-stub>
-          <!---->
-        </div>
-      </div>
-      <!--v-if-->
-      <!---->
-      <!---->
-    </div>
-  </div>
-</div>"
-`;
diff --git a/packages/vue-vuetify/tests/unit/controls/BooleanControlRenderer.spec.ts b/packages/vue-vuetify/tests/unit/controls/BooleanControlRenderer.spec.ts
deleted file mode 100644
index 1c1c592a0a..0000000000
--- a/packages/vue-vuetify/tests/unit/controls/BooleanControlRenderer.spec.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { clearAllIds } from '@jsonforms/core';
-import BooleanControlRenderer from '../../../src/controls/BooleanControlRenderer.vue';
-import { entry as booleanControlRendererEntry } from '../../../src/controls/BooleanControlRenderer.entry';
-import { mountJsonForms } from '../util';
-
-describe('BooleanControlRenderer.vue', () => {
-  const renderers = [booleanControlRendererEntry];
-
-  const data = true;
-  const schema = {
-    type: 'boolean',
-    title: 'My Boolean',
-  };
-  const uischema = {
-    type: 'Control',
-    scope: '#',
-    options: {
-      placeholder: 'boolean placeholder',
-    },
-  };
-  let wrapper: ReturnType<typeof mountJsonForms>;
-
-  beforeEach(() => {
-    // clear all ids to guarantee that the snapshots will always be generated with the same ids
-    clearAllIds();
-    wrapper = mountJsonForms(data, schema, renderers, uischema);
-  });
-
-  it('check if child BooleanControlRenderer exists', () => {
-    expect(wrapper.getComponent(BooleanControlRenderer));
-  });
-
-  it('renders a checkbox', () => {
-    expect(wrapper.find('input[type="checkbox"]').exists()).toBe(true);
-  });
-
-  it('renders title as label', () => {
-    expect(wrapper.find('label').text()).toEqual('My Boolean');
-  });
-
-  it('emits a data change', async () => {
-    const input = wrapper.find('input[type="checkbox"]');
-    await input.trigger('click');
-    expect(wrapper.vm.$data.event.data).toEqual(false);
-  });
-
-  it('should have a placeholder', async () => {
-    const input = wrapper.find('input[type="checkbox"]');
-    const placeholder = input.attributes('placeholder');
-    expect(placeholder).toEqual('boolean placeholder');
-  });
-
-  it('should render component and match snapshot', () => {
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-});
diff --git a/packages/vue-vuetify/tests/unit/controls/DateControlRenderer.spec.ts b/packages/vue-vuetify/tests/unit/controls/DateControlRenderer.spec.ts
deleted file mode 100644
index 4365a8486d..0000000000
--- a/packages/vue-vuetify/tests/unit/controls/DateControlRenderer.spec.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { clearAllIds } from '@jsonforms/core';
-import DateControlRenderer from '../../../src/controls/DateControlRenderer.vue';
-import { entry as dateControlRendererEntry } from '../../../src/controls/DateControlRenderer.entry';
-import { mountJsonForms } from '../util';
-
-describe('DateControlRenderer.vue', () => {
-  const renderers = [dateControlRendererEntry];
-
-  const data = '2021-03-09';
-  const schema = {
-    type: 'string',
-    title: 'My Date',
-    format: 'date',
-  };
-  const uischema = {
-    type: 'Control',
-    scope: '#',
-    options: {
-      placeholder: 'date placeholder',
-      dateFormat: 'MM/DD/YYYY',
-      dateSaveFormat: 'YYYY-MM-DD',
-    },
-  };
-
-  let wrapper: ReturnType<typeof mountJsonForms>;
-
-  beforeEach(() => {
-    // clear all ids to guarantee that the snapshots will always be generated with the same ids
-    clearAllIds();
-    wrapper = mountJsonForms(data, schema, renderers, uischema);
-  });
-
-  it('check if child DateControlRenderer exists', () => {
-    expect(wrapper.getComponent(DateControlRenderer));
-  });
-
-  it('renders a date input', () => {
-    expect(wrapper.find('input[type="text"]').exists()).toBe(true);
-  });
-
-  it('renders title as label', () => {
-    expect(wrapper.find('label').text()).toEqual('My Date');
-  });
-
-  it('emits a data change', async () => {
-    const input = wrapper.find('input[type="text"]');
-    await input.setValue('03/10/2021');
-    expect(wrapper.vm.$data.event.data).toEqual('2021-03-10');
-  });
-
-  it('should have a placeholder', async () => {
-    const input = wrapper.find('input[type="text"]');
-    const placeholder = input.attributes('placeholder');
-    expect(placeholder).toEqual('date placeholder');
-  });
-
-  it('should render component and match snapshot', () => {
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-
-  it('should render component and match snapshot when clicked', async () => {
-    const input = wrapper.find('input[type="text"]');
-    await input.trigger('click');
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-});
diff --git a/packages/vue-vuetify/tests/unit/controls/DateTimeControlRenderer.spec.ts b/packages/vue-vuetify/tests/unit/controls/DateTimeControlRenderer.spec.ts
deleted file mode 100644
index 08f994643d..0000000000
--- a/packages/vue-vuetify/tests/unit/controls/DateTimeControlRenderer.spec.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { clearAllIds } from '@jsonforms/core';
-import DateTimeControlRenderer from '../../../src/controls/DateTimeControlRenderer.vue';
-import { entry as dateTimeControlRendererEntry } from '../../../src/controls/DateTimeControlRenderer.entry';
-import { mountJsonForms } from '../util';
-
-describe('DateTimeControlRenderer.vue', () => {
-  const renderers = [dateTimeControlRendererEntry];
-
-  const data = '2021-03-09T21:54:00.000Z';
-  const schema = {
-    type: 'string',
-    title: 'My Date Time',
-    format: 'date-time',
-  };
-  const uischema = {
-    type: 'Control',
-    scope: '#',
-    options: {
-      placeholder: 'date-time placeholder',
-      dateTimeFormat: 'YYYY-MM-DDTHH:mm',
-      dateTimeSaveFormat: 'YYYY-MM-DDTHH:mm:ss',
-    },
-  };
-  let wrapper: ReturnType<typeof mountJsonForms>;
-
-  beforeEach(() => {
-    // clear all ids to guarantee that the snapshots will always be generated with the same ids
-    clearAllIds();
-    wrapper = mountJsonForms(data, schema, renderers, uischema);
-  });
-
-  it('check if child DateTimeControlRenderer exists', () => {
-    expect(wrapper.getComponent(DateTimeControlRenderer));
-  });
-
-  it('renders a date time input', () => {
-    expect(wrapper.find('input[type="text"]').exists()).toBe(true);
-  });
-
-  it('renders title as label', () => {
-    expect(wrapper.find('label').text()).toEqual('My Date Time');
-  });
-
-  it('emits a data change', async () => {
-    const input = wrapper.find('input[type="text"]');
-    await input.setValue('2021-03-10T21:10');
-    expect(wrapper.vm.$data.event.data).toEqual('2021-03-10T21:10:00');
-  });
-
-  it('should have a placeholder', async () => {
-    const input = wrapper.find('input[type="text"]');
-    const placeholder = input.attributes('placeholder');
-    expect(placeholder).toEqual('date-time placeholder');
-  });
-
-  it('should render component and match snapshot', () => {
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-
-  it('should render component and match snapshot when clicked', async () => {
-    const input = wrapper.find('input[type="text"]');
-    await input.trigger('click');
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-});
diff --git a/packages/vue-vuetify/tests/unit/controls/EnumControlRenderer.spec.ts b/packages/vue-vuetify/tests/unit/controls/EnumControlRenderer.spec.ts
deleted file mode 100644
index 9f9c19c332..0000000000
--- a/packages/vue-vuetify/tests/unit/controls/EnumControlRenderer.spec.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { clearAllIds } from '@jsonforms/core';
-import EnumControlRenderer from '../../../src/controls/EnumControlRenderer.vue';
-import { entry as enumControlRendererEntry } from '../../../src/controls/EnumControlRenderer.entry';
-import { wait } from '../../../tests';
-import { mountJsonForms } from '../util';
-
-describe('EnumControlRenderer.vue', () => {
-  const renderers = [enumControlRendererEntry];
-
-  const data = 'a';
-
-  const schema = {
-    type: 'string',
-    title: 'My Enum',
-    enum: ['a', 'b'],
-  };
-  const uischema = {
-    type: 'Control',
-    scope: '#',
-  };
-
-  let wrapper: ReturnType<typeof mountJsonForms>;
-
-  beforeEach(() => {
-    // clear all ids to guarantee that the snapshots will always be generated with the same ids
-    clearAllIds();
-    wrapper = mountJsonForms(data, schema, renderers, uischema);
-  });
-
-  it('check if child EnumControlRenderer exists', () => {
-    expect(wrapper.getComponent(EnumControlRenderer));
-  });
-
-  it('renders a input', () => {
-    expect(wrapper.find('input[type="text"]').exists()).toBe(true);
-  });
-
-  it('renders title as label', () => {
-    expect(wrapper.find('label').text()).toEqual('My Enum');
-  });
-
-  it.todo('emits a data change', async () => {
-    const select = wrapper.find('input[type="text"]');
-    // select the input so menu is shown
-    await select.trigger('click');
-
-    // select 2nd element which is b and click it to select it
-    wrapper.find('div[role="listbox"] div:nth-child(2)').trigger('click');
-    // 300 ms debounceWait
-    await wait(300);
-    expect(wrapper.vm.$data.event.data).toEqual('b');
-  });
-
-  it('should render component and match snapshot', () => {
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-
-  it('should render component and match snapshot when clicked', async () => {
-    const input = wrapper.find('input[type="text"]');
-    await input.trigger('click');
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-});
diff --git a/packages/vue-vuetify/tests/unit/controls/IntegerControlRenderer.spec.ts b/packages/vue-vuetify/tests/unit/controls/IntegerControlRenderer.spec.ts
deleted file mode 100644
index ef64f124a2..0000000000
--- a/packages/vue-vuetify/tests/unit/controls/IntegerControlRenderer.spec.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { clearAllIds } from '@jsonforms/core';
-import IntegerControlRenderer from '../../../src/controls/IntegerControlRenderer.vue';
-import { entry as integerControlRendererEntry } from '../../../src/controls/IntegerControlRenderer.entry';
-import { wait } from '../../../tests';
-import { mountJsonForms } from '../util';
-
-describe('IntegerControlRenderer.vue', () => {
-  const renderers = [integerControlRendererEntry];
-
-  const data = 1;
-  const schema = {
-    type: 'integer',
-    title: 'My Integer',
-  };
-  const uischema = {
-    type: 'Control',
-    scope: '#',
-    options: {
-      placeholder: 'integer placeholder',
-    },
-  };
-  let wrapper: ReturnType<typeof mountJsonForms>;
-
-  beforeEach(() => {
-    // clear all ids to guarantee that the snapshots will always be generated with the same ids
-    clearAllIds();
-    wrapper = mountJsonForms(data, schema, renderers, uischema);
-  });
-
-  it('check if child IntegerControlRenderer exists', () => {
-    expect(wrapper.getComponent(IntegerControlRenderer));
-  });
-
-  it('renders a number input', () => {
-    expect(wrapper.find('input[type="text"]').exists()).toBe(true);
-  });
-
-  it('renders title as label', () => {
-    expect(wrapper.find('label').text()).toEqual('My Integer');
-  });
-
-  it('emits a data change', async () => {
-    const input = wrapper.find('input');
-    await input.setValue(2);
-    // 300 ms debounceWait
-    await wait(300);
-    expect(wrapper.vm.$data.event.data).toEqual(2);
-  });
-
-  it('should have a placeholder', async () => {
-    const input = wrapper.find('input[type="text"]');
-    const placeholder = input.attributes('placeholder');
-    expect(placeholder).toEqual('integer placeholder');
-  });
-
-  it('should render component and match snapshot', () => {
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-});
diff --git a/packages/vue-vuetify/tests/unit/controls/MultiStringControlRenderer.spec.ts b/packages/vue-vuetify/tests/unit/controls/MultiStringControlRenderer.spec.ts
deleted file mode 100644
index 77a6b14e9e..0000000000
--- a/packages/vue-vuetify/tests/unit/controls/MultiStringControlRenderer.spec.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { clearAllIds } from '@jsonforms/core';
-import MultiStringControlRenderer from '../../../src/controls/MultiStringControlRenderer.vue';
-import { entry as multiStringControlRendererEntry } from '../../../src/controls/MultiStringControlRenderer.entry';
-import { wait } from '../../../tests';
-import { mountJsonForms } from '../util';
-
-describe('MultiStringControlRenderer.vue', () => {
-  const renderers = [multiStringControlRendererEntry];
-
-  const data = 'a';
-  const schema = {
-    type: 'string',
-    title: 'My Multi String',
-  };
-  const uischema = {
-    type: 'Control',
-    scope: '#',
-    options: {
-      multi: true,
-      placeholder: 'multi placeholder',
-    },
-  };
-  let wrapper: ReturnType<typeof mountJsonForms>;
-
-  beforeEach(() => {
-    // clear all ids to guarantee that the snapshots will always be generated with the same ids
-    clearAllIds();
-    wrapper = mountJsonForms(data, schema, renderers, uischema);
-  });
-
-  it('check if child MultiStringControlRenderer exists', () => {
-    expect(wrapper.getComponent(MultiStringControlRenderer));
-  });
-
-  it('renders a text area', () => {
-    expect(wrapper.find('textarea').exists()).toBe(true);
-  });
-
-  it('renders title as label', () => {
-    expect(wrapper.find('label').text()).toEqual('My Multi String');
-  });
-
-  it('emits a data change', async () => {
-    const select = wrapper.find('textarea');
-    await select.setValue('b');
-    // 300 ms debounceWait
-    await wait(300);
-    expect(wrapper.vm.$data.event.data).toEqual('b');
-  });
-
-  it('should have a placeholder', async () => {
-    const input = wrapper.find('textarea');
-    const placeholder = input.attributes('placeholder');
-    expect(placeholder).toEqual('multi placeholder');
-  });
-
-  it('should render component and match snapshot', () => {
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-});
diff --git a/packages/vue-vuetify/tests/unit/controls/NumberControlRenderer.spec.ts b/packages/vue-vuetify/tests/unit/controls/NumberControlRenderer.spec.ts
deleted file mode 100644
index 0f76ffd832..0000000000
--- a/packages/vue-vuetify/tests/unit/controls/NumberControlRenderer.spec.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { clearAllIds } from '@jsonforms/core';
-import NumberControlRenderer from '../../../src/controls/NumberControlRenderer.vue';
-import { entry as numberControlRendererEntry } from '../../../src/controls/NumberControlRenderer.entry';
-import { wait } from '../../../tests';
-import { mountJsonForms } from '../util';
-
-describe('NumberControlRenderer.vue', () => {
-  const renderers = [numberControlRendererEntry];
-  const data = 1;
-  const schema = {
-    type: 'number',
-    title: 'My Number',
-  };
-  const uischema = {
-    type: 'Control',
-    scope: '#',
-    options: {
-      placeholder: 'number placeholder',
-    },
-  };
-  let wrapper: ReturnType<typeof mountJsonForms>;
-
-  beforeEach(() => {
-    // clear all ids to guarantee that the snapshots will always be generated with the same ids
-    clearAllIds();
-    wrapper = mountJsonForms(data, schema, renderers, uischema);
-  });
-
-  it('check if child NumberControlRenderer exists', () => {
-    expect(wrapper.getComponent(NumberControlRenderer));
-  });
-
-  it('renders a number input', () => {
-    expect(wrapper.find('input[type="text"]').exists()).toBe(true);
-  });
-
-  it('renders title as label', () => {
-    expect(wrapper.find('label').text()).toEqual('My Number');
-  });
-
-  it('emits a data change', async () => {
-    const input = wrapper.find('input');
-    await input.setValue(2);
-    // 300 ms debounceWait
-    await wait(300);
-    expect(wrapper.vm.$data.event.data).toEqual(2);
-  });
-
-  it('should have a placeholder', async () => {
-    const input = wrapper.find('input[type="text"]');
-    const placeholder = input.attributes('placeholder');
-    expect(placeholder).toEqual('number placeholder');
-  });
-
-  it('should render component and match snapshot', () => {
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-});
diff --git a/packages/vue-vuetify/tests/unit/controls/OneOfEnumControlRenderer.spec.ts b/packages/vue-vuetify/tests/unit/controls/OneOfEnumControlRenderer.spec.ts
deleted file mode 100644
index f8f293037f..0000000000
--- a/packages/vue-vuetify/tests/unit/controls/OneOfEnumControlRenderer.spec.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { clearAllIds } from '@jsonforms/core';
-import OneOfEnumControlRenderer from '../../../src/controls/OneOfEnumControlRenderer.vue';
-import { entry as oneOfEnumControlRendererEntry } from '../../../src/controls/OneOfEnumControlRenderer.entry';
-import { wait } from '../../../tests';
-import { mountJsonForms } from '../util';
-
-describe('OneOfEnumControlRenderer.vue', () => {
-  const renderers = [oneOfEnumControlRendererEntry];
-  const data = 'a';
-
-  const schema = {
-    type: 'string',
-    title: 'My OneOf Enum',
-    oneOf: [
-      { const: 'a', title: 'Foo' },
-      { const: 'b', title: 'Bar' },
-    ],
-  };
-  const uischema = {
-    type: 'Control',
-    scope: '#',
-  };
-
-  let wrapper: ReturnType<typeof mountJsonForms>;
-
-  beforeEach(() => {
-    // clear all ids to guarantee that the snapshots will always be generated with the same ids
-    clearAllIds();
-    wrapper = mountJsonForms(data, schema, renderers, uischema);
-  });
-
-  it('check if child OneOfEnumControlRenderer exists', () => {
-    expect(wrapper.getComponent(OneOfEnumControlRenderer));
-  });
-
-  it('renders a input', () => {
-    expect(wrapper.find('input[type="text"]').exists()).toBe(true);
-  });
-
-  it('renders title as label', () => {
-    expect(wrapper.find('label').text()).toEqual('My OneOf Enum');
-  });
-
-  it.todo('emits a data change', async () => {
-    const select = wrapper.find('input[type="text"]');
-    // select the input so menu is shown
-    await select.trigger('click');
-
-    // select 2nd element which is b and click it to select it
-    wrapper.find('div[role="listbox"] div:nth-child(2)').trigger('click');
-    // 300 ms debounceWait
-    await wait(300);
-    expect(wrapper.vm.$data.event.data).toEqual('b');
-  });
-
-  it('should render component and match snapshot', () => {
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-
-  it('should render component and match snapshot when clicked', async () => {
-    const input = wrapper.find('input[type="text"]');
-    await input.trigger('click');
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-});
diff --git a/packages/vue-vuetify/tests/unit/controls/StringControlRenderer.spec.ts b/packages/vue-vuetify/tests/unit/controls/StringControlRenderer.spec.ts
deleted file mode 100644
index 345f9287d2..0000000000
--- a/packages/vue-vuetify/tests/unit/controls/StringControlRenderer.spec.ts
+++ /dev/null
@@ -1,137 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { clearAllIds } from '@jsonforms/core';
-import StringControlRenderer from '../../../src/controls/StringControlRenderer.vue';
-import { entry as stringControlRendererEntry } from '../../../src/controls/StringControlRenderer.entry';
-import { wait } from '../../../tests';
-import { mountJsonForms } from '../util';
-
-describe('StringControlRenderer.vue', () => {
-  const renderers = [stringControlRendererEntry];
-
-  const data = 'a';
-  const schema = {
-    type: 'string',
-    title: 'My String',
-  };
-  const uischema = {
-    type: 'Control',
-    scope: '#',
-    options: {
-      placeholder: 'string placeholder',
-    },
-  };
-
-  let wrapper: ReturnType<typeof mountJsonForms>;
-
-  beforeEach(() => {
-    // clear all ids to guarantee that the snapshots will always be generated with the same ids
-    clearAllIds();
-    wrapper = mountJsonForms(data, schema, renderers, uischema);
-  });
-
-  it('check if child StringControlRenderer exists', () => {
-    expect(wrapper.getComponent(StringControlRenderer));
-  });
-
-  it('renders a string input', () => {
-    const input = wrapper.find('input[type="text"]');
-    expect(input.exists()).toEqual(true);
-  });
-
-  it('renders title as label', () => {
-    expect(wrapper.find('label').text()).toEqual('My String');
-  });
-
-  it('emits a data change', async () => {
-    const input = wrapper.find('input[type="text"]');
-    await input.setValue('b');
-    // 300 ms debounceWait
-    await wait(300);
-    expect(wrapper.vm.$data.event.data).toEqual('b');
-  });
-
-  it('should have a placeholder', async () => {
-    const input = wrapper.find('input[type="text"]');
-    const placeholder = input.attributes('placeholder');
-    expect(placeholder).toEqual('string placeholder');
-  });
-
-  it('should render component and match snapshot', () => {
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-});
-
-describe('StringControlRenderer.vue with suggestion', () => {
-  const renderers = [stringControlRendererEntry];
-
-  const data = '';
-
-  const schema = {
-    type: 'string',
-    title: 'Select Continent',
-  };
-  const uischema = {
-    type: 'Control',
-    scope: '#',
-    options: {
-      placeholder: 'Enter your continent',
-      suggestion: [
-        'Asia',
-        'Africa',
-        'Europe',
-        'North America',
-        'South America',
-        'Australia/Oceania',
-        'Antarctica',
-      ],
-    },
-  };
-
-  let wrapper: ReturnType<typeof mountJsonForms>;
-
-  beforeEach(() => {
-    // clear all ids to guarantee that the snapshots will always be generated with the same ids
-    clearAllIds();
-    wrapper = mountJsonForms(data, schema, renderers, uischema);
-  });
-
-  it('check if child StringControlRenderer exists', () => {
-    expect(wrapper.getComponent(StringControlRenderer));
-  });
-
-  it('renders a string input', () => {
-    const input = wrapper.find('input[type="text"]');
-    expect(input.exists()).toEqual(true);
-    expect(input.attributes('type')).toEqual('text');
-  });
-
-  it('renders title as label', () => {
-    expect(wrapper.find('label').text()).toEqual('Select Continent');
-  });
-
-  it('emits a data change', async () => {
-    const input = wrapper.find('input[type="text"]');
-    await input.setValue('Europe');
-    // select the element
-    await input.trigger('keydown.enter');
-    // 300 ms debounceWait
-    await wait(300);
-    expect(wrapper.vm.$data.event.data).toEqual('Europe');
-  });
-
-  it.todo('should have a placeholder', async () => {
-    const input = wrapper.find('input[type="text"]');
-    const placeholder = input.attributes('placeholder');
-    expect(placeholder).toEqual('Enter your continent');
-  });
-
-  it('should render component and match snapshot', () => {
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-
-  it('should render component and match snapshot when clicked', async () => {
-    const input = wrapper.find('input[type="text"]');
-    await input.trigger('click');
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-});
diff --git a/packages/vue-vuetify/tests/unit/controls/TimeControlRenderer.spec.ts b/packages/vue-vuetify/tests/unit/controls/TimeControlRenderer.spec.ts
deleted file mode 100644
index 556200c44b..0000000000
--- a/packages/vue-vuetify/tests/unit/controls/TimeControlRenderer.spec.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { clearAllIds } from '@jsonforms/core';
-import TimeControlRenderer from '../../../src/controls/TimeControlRenderer.vue';
-import { entry as timeControlRendererEntry } from '../../../src/controls/TimeControlRenderer.entry';
-import { mountJsonForms } from '../util';
-
-describe('TimeControlRenderer.vue', () => {
-  const renderers = [timeControlRendererEntry];
-  const data = '00:20:00';
-  const schema = {
-    type: 'string',
-    title: 'My Time',
-    format: 'time',
-  };
-  const uischema = {
-    type: 'Control',
-    scope: '#',
-    options: {
-      placeholder: 'time placeholder',
-      timeFormat: 'HH:mm:ss',
-      timeSaveFormat: 'HH:mm:ss',
-    },
-  };
-  let wrapper: ReturnType<typeof mountJsonForms>;
-
-  beforeEach(() => {
-    // clear all ids to guarantee that the snapshots will always be generated with the same ids
-    clearAllIds();
-    wrapper = mountJsonForms(data, schema, renderers, uischema);
-  });
-
-  it('check if child TimeControlRenderer exists', () => {
-    expect(wrapper.getComponent(TimeControlRenderer));
-  });
-
-  it('renders a text input', () => {
-    expect(wrapper.find('input[type="text"]').exists()).toBe(true);
-  });
-
-  it('renders title as label', () => {
-    expect(wrapper.find('label').text()).toEqual('My Time');
-  });
-
-  it('emits a data change', async () => {
-    const input = wrapper.find('input[type="text"]');
-    await input.setValue('01:51:10');
-    expect(wrapper.vm.$data.event.data).toEqual('01:51:10');
-  });
-
-  it('should have a placeholder', async () => {
-    const input = wrapper.find('input[type="text"]');
-    const placeholder = input.attributes('placeholder');
-    expect(placeholder).toEqual('time placeholder');
-  });
-
-  it('should render component and match snapshot', () => {
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-
-  it('should render component and match snapshot when clicked', async () => {
-    const input = wrapper.find('input[type="text"]');
-    await input.trigger('click');
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-});
diff --git a/packages/vue-vuetify/tests/unit/controls/__snapshots__/BooleanControlRenderer.spec.ts.snap b/packages/vue-vuetify/tests/unit/controls/__snapshots__/BooleanControlRenderer.spec.ts.snap
deleted file mode 100644
index d4f5f9cb42..0000000000
--- a/packages/vue-vuetify/tests/unit/controls/__snapshots__/BooleanControlRenderer.spec.ts.snap
+++ /dev/null
@@ -1,30 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`BooleanControlRenderer.vue > should render component and match snapshot 1`] = `
-"<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
-  <div class="v-application__wrap">
-    <div class="control" id="#6" errors="" label="My Boolean" required="false" isfocused="false" appliedoptions="[object Object]">
-      <div class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-theme--light v-locale--is-ltr v-input--dirty v-checkbox input">
-        <!---->
-        <div class="v-input__control">
-          <div class="v-selection-control v-selection-control--dirty v-selection-control--density-default v-checkbox-btn">
-            <div class="v-selection-control__wrapper">
-              <!---->
-              <div class="v-selection-control__input"><i class="mdi-checkbox-marked mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i><input id="#6-input" aria-disabled="false" aria-label="My Boolean" type="checkbox" aria-describedby="#6-input-messages" placeholder="boolean placeholder" value="true"></div>
-            </div><label class="v-label v-label--clickable" for="#6-input">
-              <!---->My Boolean
-            </label>
-          </div>
-        </div>
-        <!---->
-        <div class="v-input__details">
-          <transition-group-stub name="slide-y-transition" tag="div" appear="false" persisted="false" css="true" class="v-messages" role="alert" aria-live="polite" id="#6-input-messages">
-            <!---->
-          </transition-group-stub>
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
diff --git a/packages/vue-vuetify/tests/unit/controls/__snapshots__/DateControlRenderer.spec.ts.snap b/packages/vue-vuetify/tests/unit/controls/__snapshots__/DateControlRenderer.spec.ts.snap
deleted file mode 100644
index db169333f0..0000000000
--- a/packages/vue-vuetify/tests/unit/controls/__snapshots__/DateControlRenderer.spec.ts.snap
+++ /dev/null
@@ -1,123 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`DateControlRenderer.vue > should render component and match snapshot 1`] = `
-"<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
-  <div class="v-application__wrap">
-    <div class="control" id="#6" errors="" label="My Date" required="false" isfocused="false" appliedoptions="[object Object]">
-      <div class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-theme--light v-locale--is-ltr v-input--dirty v-text-field input">
-        <!---->
-        <div class="v-input__control">
-          <div class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--prepended v-field--variant-filled v-theme--light v-locale--is-ltr">
-            <div class="v-field__overlay"></div>
-            <div class="v-field__loader">
-              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
-                <!---->
-                <div class="v-progress-linear__background"></div>
-                <div class="v-progress-linear__buffer" style="width: 0%;"></div>
-                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
-                  <div class="v-progress-linear__indeterminate">
-                    <div class="v-progress-linear__indeterminate long"></div>
-                    <div class="v-progress-linear__indeterminate short"></div>
-                  </div>
-                </transition-stub>
-                <!---->
-              </div>
-            </div>
-            <div class="v-field__prepend-inner" aria-haspopup="menu" aria-expanded="false" aria-owns="v-menu-2">
-              <!----><i class="mdi-calendar mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-haspopup="menu" aria-expanded="false" aria-owns="v-menu-2"></i>
-              <!---->
-            </div>
-            <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="true" for="#6-input">
-                <!---->My Date
-              </label><label class="v-label v-field-label" for="#6-input">
-                <!---->My Date
-              </label>
-              <!----><input placeholder="date placeholder" size="1" type="text" id="#6-input" aria-describedby="#6-input-messages" class="v-field__input" data-maska-value="03/09/2021">
-              <!---->
-            </div>
-            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
-              <div class="v-field__clearable"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear My Date"></i></div>
-            </transition-stub>
-            <div class="v-field__append-inner">
-              <!---->
-              <!---->
-            </div>
-            <div class="v-field__outline">
-              <!---->
-              <!---->
-            </div>
-          </div>
-        </div>
-        <!---->
-        <div class="v-input__details">
-          <transition-group-stub name="slide-y-transition" tag="div" appear="false" persisted="false" css="true" class="v-messages" role="alert" aria-live="polite" id="#6-input-messages">
-            <!---->
-          </transition-group-stub>
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`DateControlRenderer.vue > should render component and match snapshot when clicked 1`] = `
-"<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
-  <div class="v-application__wrap">
-    <div class="control" id="#7" errors="" label="My Date" required="false" isfocused="true" appliedoptions="[object Object]">
-      <div class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-theme--light v-locale--is-ltr v-input--dirty v-text-field input">
-        <!---->
-        <div class="v-input__control">
-          <div class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--prepended v-field--variant-filled v-theme--light v-field--focused v-locale--is-ltr">
-            <div class="v-field__overlay"></div>
-            <div class="v-field__loader">
-              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
-                <!---->
-                <div class="v-progress-linear__background"></div>
-                <div class="v-progress-linear__buffer" style="width: 0%;"></div>
-                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
-                  <div class="v-progress-linear__indeterminate">
-                    <div class="v-progress-linear__indeterminate long"></div>
-                    <div class="v-progress-linear__indeterminate short"></div>
-                  </div>
-                </transition-stub>
-                <!---->
-              </div>
-            </div>
-            <div class="v-field__prepend-inner" aria-haspopup="menu" aria-expanded="false" aria-owns="v-menu-2">
-              <!----><i class="mdi-calendar mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-haspopup="menu" aria-expanded="false" aria-owns="v-menu-2"></i>
-              <!---->
-            </div>
-            <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="true" for="#7-input">
-                <!---->My Date
-              </label><label class="v-label v-field-label" for="#7-input">
-                <!---->My Date
-              </label>
-              <!----><input placeholder="date placeholder" size="1" type="text" id="#7-input" aria-describedby="#7-input-messages" class="v-field__input" data-maska-value="03/09/2021">
-              <!---->
-            </div>
-            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
-              <div class="v-field__clearable"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear My Date"></i></div>
-            </transition-stub>
-            <div class="v-field__append-inner">
-              <!---->
-              <!---->
-            </div>
-            <div class="v-field__outline">
-              <!---->
-              <!---->
-            </div>
-          </div>
-        </div>
-        <!---->
-        <div class="v-input__details">
-          <transition-group-stub name="slide-y-transition" tag="div" appear="false" persisted="false" css="true" class="v-messages" role="alert" aria-live="polite" id="#7-input-messages">
-            <!---->
-          </transition-group-stub>
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
diff --git a/packages/vue-vuetify/tests/unit/controls/__snapshots__/DateTimeControlRenderer.spec.ts.snap b/packages/vue-vuetify/tests/unit/controls/__snapshots__/DateTimeControlRenderer.spec.ts.snap
deleted file mode 100644
index ae0d1cd59a..0000000000
--- a/packages/vue-vuetify/tests/unit/controls/__snapshots__/DateTimeControlRenderer.spec.ts.snap
+++ /dev/null
@@ -1,123 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`DateTimeControlRenderer.vue > should render component and match snapshot 1`] = `
-"<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
-  <div class="v-application__wrap">
-    <div data-v-bc5e61db="" class="control" id="#6" errors="" label="My Date Time" required="false" isfocused="false" appliedoptions="[object Object]">
-      <div data-v-bc5e61db="" class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-theme--light v-locale--is-ltr v-input--dirty v-text-field input">
-        <!---->
-        <div class="v-input__control">
-          <div class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--prepended v-field--variant-filled v-theme--light v-locale--is-ltr">
-            <div class="v-field__overlay"></div>
-            <div class="v-field__loader">
-              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
-                <!---->
-                <div class="v-progress-linear__background"></div>
-                <div class="v-progress-linear__buffer" style="width: 0%;"></div>
-                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
-                  <div class="v-progress-linear__indeterminate">
-                    <div class="v-progress-linear__indeterminate long"></div>
-                    <div class="v-progress-linear__indeterminate short"></div>
-                  </div>
-                </transition-stub>
-                <!---->
-              </div>
-            </div>
-            <div class="v-field__prepend-inner">
-              <!----><i data-v-bc5e61db="" class="mdi-calendar-clock mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-haspopup="menu" aria-expanded="false" aria-owns="v-menu-2"></i>
-              <!---->
-            </div>
-            <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="true" for="#6-input">
-                <!---->My Date Time
-              </label><label class="v-label v-field-label" for="#6-input">
-                <!---->My Date Time
-              </label>
-              <!----><input placeholder="date-time placeholder" size="1" type="text" id="#6-input" aria-describedby="#6-input-messages" class="v-field__input" data-maska-value="2021-03-09T21:54">
-              <!---->
-            </div>
-            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
-              <div class="v-field__clearable"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear My Date Time"></i></div>
-            </transition-stub>
-            <div class="v-field__append-inner">
-              <!---->
-              <!---->
-            </div>
-            <div class="v-field__outline">
-              <!---->
-              <!---->
-            </div>
-          </div>
-        </div>
-        <!---->
-        <div class="v-input__details">
-          <transition-group-stub name="slide-y-transition" tag="div" appear="false" persisted="false" css="true" class="v-messages" role="alert" aria-live="polite" id="#6-input-messages">
-            <!---->
-          </transition-group-stub>
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`DateTimeControlRenderer.vue > should render component and match snapshot when clicked 1`] = `
-"<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
-  <div class="v-application__wrap">
-    <div data-v-bc5e61db="" class="control" id="#7" errors="" label="My Date Time" required="false" isfocused="true" appliedoptions="[object Object]">
-      <div data-v-bc5e61db="" class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-theme--light v-locale--is-ltr v-input--dirty v-text-field input">
-        <!---->
-        <div class="v-input__control">
-          <div class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--prepended v-field--variant-filled v-theme--light v-field--focused v-locale--is-ltr">
-            <div class="v-field__overlay"></div>
-            <div class="v-field__loader">
-              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
-                <!---->
-                <div class="v-progress-linear__background"></div>
-                <div class="v-progress-linear__buffer" style="width: 0%;"></div>
-                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
-                  <div class="v-progress-linear__indeterminate">
-                    <div class="v-progress-linear__indeterminate long"></div>
-                    <div class="v-progress-linear__indeterminate short"></div>
-                  </div>
-                </transition-stub>
-                <!---->
-              </div>
-            </div>
-            <div class="v-field__prepend-inner">
-              <!----><i data-v-bc5e61db="" class="mdi-calendar-clock mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-haspopup="menu" aria-expanded="false" aria-owns="v-menu-2"></i>
-              <!---->
-            </div>
-            <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="true" for="#7-input">
-                <!---->My Date Time
-              </label><label class="v-label v-field-label" for="#7-input">
-                <!---->My Date Time
-              </label>
-              <!----><input placeholder="date-time placeholder" size="1" type="text" id="#7-input" aria-describedby="#7-input-messages" class="v-field__input" data-maska-value="2021-03-09T21:54">
-              <!---->
-            </div>
-            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
-              <div class="v-field__clearable"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear My Date Time"></i></div>
-            </transition-stub>
-            <div class="v-field__append-inner">
-              <!---->
-              <!---->
-            </div>
-            <div class="v-field__outline">
-              <!---->
-              <!---->
-            </div>
-          </div>
-        </div>
-        <!---->
-        <div class="v-input__details">
-          <transition-group-stub name="slide-y-transition" tag="div" appear="false" persisted="false" css="true" class="v-messages" role="alert" aria-live="polite" id="#7-input-messages">
-            <!---->
-          </transition-group-stub>
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
diff --git a/packages/vue-vuetify/tests/unit/controls/__snapshots__/EnumControlRenderer.spec.ts.snap b/packages/vue-vuetify/tests/unit/controls/__snapshots__/EnumControlRenderer.spec.ts.snap
deleted file mode 100644
index bcd318f00a..0000000000
--- a/packages/vue-vuetify/tests/unit/controls/__snapshots__/EnumControlRenderer.spec.ts.snap
+++ /dev/null
@@ -1,127 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`EnumControlRenderer.vue > should render component and match snapshot 1`] = `
-"<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
-  <div class="v-application__wrap">
-    <div class="control" id="#4" errors="" label="My Enum" required="false" isfocused="false" appliedoptions="[object Object]">
-      <div class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-theme--light v-locale--is-ltr v-input--dirty v-text-field v-select v-select--single v-select--selected input">
-        <!---->
-        <div class="v-input__control">
-          <div class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--variant-filled v-theme--light v-locale--is-ltr" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="v-menu-2">
-            <div class="v-field__overlay"></div>
-            <div class="v-field__loader">
-              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
-                <!---->
-                <div class="v-progress-linear__background"></div>
-                <div class="v-progress-linear__buffer" style="width: 0%;"></div>
-                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
-                  <div class="v-progress-linear__indeterminate">
-                    <div class="v-progress-linear__indeterminate long"></div>
-                    <div class="v-progress-linear__indeterminate short"></div>
-                  </div>
-                </transition-stub>
-                <!---->
-              </div>
-            </div>
-            <!---->
-            <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="true" for="#4-input">
-                <!---->My Enum
-              </label><label class="v-label v-field-label" for="#4-input">
-                <!---->My Enum
-              </label>
-              <!---->
-              <div class="v-field__input" data-no-activator="">
-                <!---->
-                <!---->
-                <div class="v-select__selection"><span class="v-select__selection-text">a<!----></span></div><input size="1" type="text" id="#4-input" aria-describedby="#4-input-messages" inputmode="none" aria-label="Open" title="Open">
-              </div>
-              <!---->
-            </div>
-            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
-              <div class="v-field__clearable"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear My Enum"></i></div>
-            </transition-stub>
-            <div class="v-field__append-inner">
-              <!----><i class="mdi-menu-down mdi v-icon notranslate v-theme--light v-icon--size-default v-select__menu-icon" aria-hidden="true"></i>
-              <!---->
-            </div>
-            <div class="v-field__outline">
-              <!---->
-              <!---->
-            </div>
-          </div>
-        </div>
-        <!---->
-        <div class="v-input__details">
-          <transition-group-stub name="slide-y-transition" tag="div" appear="false" persisted="false" css="true" class="v-messages" role="alert" aria-live="polite" id="#4-input-messages">
-            <!---->
-          </transition-group-stub>
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`EnumControlRenderer.vue > should render component and match snapshot when clicked 1`] = `
-"<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
-  <div class="v-application__wrap">
-    <div class="control" id="#5" errors="" label="My Enum" required="false" isfocused="true" appliedoptions="[object Object]">
-      <div class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-theme--light v-locale--is-ltr v-input--dirty v-text-field v-select v-select--single v-select--selected input">
-        <!---->
-        <div class="v-input__control">
-          <div class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--variant-filled v-theme--light v-field--focused v-locale--is-ltr" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="v-menu-2">
-            <div class="v-field__overlay"></div>
-            <div class="v-field__loader">
-              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
-                <!---->
-                <div class="v-progress-linear__background"></div>
-                <div class="v-progress-linear__buffer" style="width: 0%;"></div>
-                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
-                  <div class="v-progress-linear__indeterminate">
-                    <div class="v-progress-linear__indeterminate long"></div>
-                    <div class="v-progress-linear__indeterminate short"></div>
-                  </div>
-                </transition-stub>
-                <!---->
-              </div>
-            </div>
-            <!---->
-            <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="true" for="#5-input">
-                <!---->My Enum
-              </label><label class="v-label v-field-label" for="#5-input">
-                <!---->My Enum
-              </label>
-              <!---->
-              <div class="v-field__input" data-no-activator="">
-                <!---->
-                <!---->
-                <div class="v-select__selection"><span class="v-select__selection-text">a<!----></span></div><input size="1" type="text" id="#5-input" aria-describedby="#5-input-messages" inputmode="none" aria-label="Open" title="Open">
-              </div>
-              <!---->
-            </div>
-            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
-              <div class="v-field__clearable"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear My Enum"></i></div>
-            </transition-stub>
-            <div class="v-field__append-inner">
-              <!----><i class="mdi-menu-down mdi v-icon notranslate v-theme--light v-icon--size-default v-select__menu-icon" aria-hidden="true"></i>
-              <!---->
-            </div>
-            <div class="v-field__outline">
-              <!---->
-              <!---->
-            </div>
-          </div>
-        </div>
-        <!---->
-        <div class="v-input__details">
-          <transition-group-stub name="slide-y-transition" tag="div" appear="false" persisted="false" css="true" class="v-messages" role="alert" aria-live="polite" id="#5-input-messages">
-            <!---->
-          </transition-group-stub>
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
diff --git a/packages/vue-vuetify/tests/unit/controls/__snapshots__/IntegerControlRenderer.spec.ts.snap b/packages/vue-vuetify/tests/unit/controls/__snapshots__/IntegerControlRenderer.spec.ts.snap
deleted file mode 100644
index bfda09f322..0000000000
--- a/packages/vue-vuetify/tests/unit/controls/__snapshots__/IntegerControlRenderer.spec.ts.snap
+++ /dev/null
@@ -1,59 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`IntegerControlRenderer.vue > should render component and match snapshot 1`] = `
-"<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
-  <div class="v-application__wrap">
-    <div class="control" id="#6" errors="" label="My Integer" required="false" isfocused="false" appliedoptions="[object Object]">
-      <div class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-theme--light v-locale--is-ltr v-input--dirty v-text-field input">
-        <!---->
-        <div class="v-input__control">
-          <div class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--variant-filled v-theme--light v-locale--is-ltr">
-            <div class="v-field__overlay"></div>
-            <div class="v-field__loader">
-              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
-                <!---->
-                <div class="v-progress-linear__background"></div>
-                <div class="v-progress-linear__buffer" style="width: 0%;"></div>
-                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
-                  <div class="v-progress-linear__indeterminate">
-                    <div class="v-progress-linear__indeterminate long"></div>
-                    <div class="v-progress-linear__indeterminate short"></div>
-                  </div>
-                </transition-stub>
-                <!---->
-              </div>
-            </div>
-            <!---->
-            <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="true" for="#6-input">
-                <!---->My Integer
-              </label><label class="v-label v-field-label" for="#6-input">
-                <!---->My Integer
-              </label>
-              <!----><input placeholder="integer placeholder" size="1" type="text" id="#6-input" aria-describedby="#6-input-messages" step="1" class="v-field__input">
-              <!---->
-            </div>
-            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
-              <div class="v-field__clearable"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear My Integer"></i></div>
-            </transition-stub>
-            <div class="v-field__append-inner">
-              <!---->
-              <!---->
-            </div>
-            <div class="v-field__outline">
-              <!---->
-              <!---->
-            </div>
-          </div>
-        </div>
-        <!---->
-        <div class="v-input__details">
-          <transition-group-stub name="slide-y-transition" tag="div" appear="false" persisted="false" css="true" class="v-messages" role="alert" aria-live="polite" id="#6-input-messages">
-            <!---->
-          </transition-group-stub>
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
diff --git a/packages/vue-vuetify/tests/unit/controls/__snapshots__/MultiStringControlRenderer.spec.ts.snap b/packages/vue-vuetify/tests/unit/controls/__snapshots__/MultiStringControlRenderer.spec.ts.snap
deleted file mode 100644
index 6ee431a953..0000000000
--- a/packages/vue-vuetify/tests/unit/controls/__snapshots__/MultiStringControlRenderer.spec.ts.snap
+++ /dev/null
@@ -1,60 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`MultiStringControlRenderer.vue > should render component and match snapshot 1`] = `
-"<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
-  <div class="v-application__wrap">
-    <div class="control" id="#6" errors="" label="My Multi String" required="false" isfocused="false" appliedoptions="[object Object]">
-      <div class="v-input v-input--horizontal v-input--density-default v-theme--light v-locale--is-ltr v-input--dirty v-textarea v-text-field input">
-        <!---->
-        <div class="v-input__control">
-          <div class="v-field v-field--active v-field--appended v-field--dirty v-field--variant-filled v-theme--light v-locale--is-ltr">
-            <div class="v-field__overlay"></div>
-            <div class="v-field__loader">
-              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
-                <!---->
-                <div class="v-progress-linear__background"></div>
-                <div class="v-progress-linear__buffer" style="width: 0%;"></div>
-                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
-                  <div class="v-progress-linear__indeterminate">
-                    <div class="v-progress-linear__indeterminate long"></div>
-                    <div class="v-progress-linear__indeterminate short"></div>
-                  </div>
-                </transition-stub>
-                <!---->
-              </div>
-            </div>
-            <!---->
-            <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="true" for="#6-input">
-                <!---->My Multi String
-              </label><label class="v-label v-field-label" for="#6-input">
-                <!---->My Multi String
-              </label>
-              <!----><textarea class="v-field__input" placeholder="multi placeholder" rows="5" id="#6-input" aria-describedby="#6-input-messages" multi-line=""></textarea>
-              <!---->
-              <!---->
-            </div>
-            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
-              <div class="v-field__clearable"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear My Multi String"></i></div>
-            </transition-stub>
-            <div class="v-field__append-inner">
-              <!---->
-              <!---->
-            </div>
-            <div class="v-field__outline">
-              <!---->
-              <!---->
-            </div>
-          </div>
-        </div>
-        <!---->
-        <div class="v-input__details">
-          <transition-group-stub name="slide-y-transition" tag="div" appear="false" persisted="false" css="true" class="v-messages" role="alert" aria-live="polite" id="#6-input-messages">
-            <!---->
-          </transition-group-stub>
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
diff --git a/packages/vue-vuetify/tests/unit/controls/__snapshots__/NumberControlRenderer.spec.ts.snap b/packages/vue-vuetify/tests/unit/controls/__snapshots__/NumberControlRenderer.spec.ts.snap
deleted file mode 100644
index 7131e36944..0000000000
--- a/packages/vue-vuetify/tests/unit/controls/__snapshots__/NumberControlRenderer.spec.ts.snap
+++ /dev/null
@@ -1,59 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`NumberControlRenderer.vue > should render component and match snapshot 1`] = `
-"<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
-  <div class="v-application__wrap">
-    <div class="control" id="#6" errors="" label="My Number" required="false" isfocused="false" appliedoptions="[object Object]">
-      <div class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-theme--light v-locale--is-ltr v-input--dirty v-text-field input">
-        <!---->
-        <div class="v-input__control">
-          <div class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--variant-filled v-theme--light v-locale--is-ltr">
-            <div class="v-field__overlay"></div>
-            <div class="v-field__loader">
-              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
-                <!---->
-                <div class="v-progress-linear__background"></div>
-                <div class="v-progress-linear__buffer" style="width: 0%;"></div>
-                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
-                  <div class="v-progress-linear__indeterminate">
-                    <div class="v-progress-linear__indeterminate long"></div>
-                    <div class="v-progress-linear__indeterminate short"></div>
-                  </div>
-                </transition-stub>
-                <!---->
-              </div>
-            </div>
-            <!---->
-            <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="true" for="#6-input">
-                <!---->My Number
-              </label><label class="v-label v-field-label" for="#6-input">
-                <!---->My Number
-              </label>
-              <!----><input placeholder="number placeholder" size="1" type="text" id="#6-input" aria-describedby="#6-input-messages" step="0.1" class="v-field__input">
-              <!---->
-            </div>
-            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
-              <div class="v-field__clearable"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear My Number"></i></div>
-            </transition-stub>
-            <div class="v-field__append-inner">
-              <!---->
-              <!---->
-            </div>
-            <div class="v-field__outline">
-              <!---->
-              <!---->
-            </div>
-          </div>
-        </div>
-        <!---->
-        <div class="v-input__details">
-          <transition-group-stub name="slide-y-transition" tag="div" appear="false" persisted="false" css="true" class="v-messages" role="alert" aria-live="polite" id="#6-input-messages">
-            <!---->
-          </transition-group-stub>
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
diff --git a/packages/vue-vuetify/tests/unit/controls/__snapshots__/OneOfEnumControlRenderer.spec.ts.snap b/packages/vue-vuetify/tests/unit/controls/__snapshots__/OneOfEnumControlRenderer.spec.ts.snap
deleted file mode 100644
index 7b6ac42e79..0000000000
--- a/packages/vue-vuetify/tests/unit/controls/__snapshots__/OneOfEnumControlRenderer.spec.ts.snap
+++ /dev/null
@@ -1,127 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`OneOfEnumControlRenderer.vue > should render component and match snapshot 1`] = `
-"<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
-  <div class="v-application__wrap">
-    <div class="control" id="#4" errors="" label="My OneOf Enum" required="false" isfocused="false" appliedoptions="[object Object]">
-      <div class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-theme--light v-locale--is-ltr v-input--dirty v-text-field v-select v-select--single v-select--selected input">
-        <!---->
-        <div class="v-input__control">
-          <div class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--variant-filled v-theme--light v-locale--is-ltr" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="v-menu-2">
-            <div class="v-field__overlay"></div>
-            <div class="v-field__loader">
-              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
-                <!---->
-                <div class="v-progress-linear__background"></div>
-                <div class="v-progress-linear__buffer" style="width: 0%;"></div>
-                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
-                  <div class="v-progress-linear__indeterminate">
-                    <div class="v-progress-linear__indeterminate long"></div>
-                    <div class="v-progress-linear__indeterminate short"></div>
-                  </div>
-                </transition-stub>
-                <!---->
-              </div>
-            </div>
-            <!---->
-            <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="true" for="#4-input">
-                <!---->My OneOf Enum
-              </label><label class="v-label v-field-label" for="#4-input">
-                <!---->My OneOf Enum
-              </label>
-              <!---->
-              <div class="v-field__input" data-no-activator="">
-                <!---->
-                <!---->
-                <div class="v-select__selection"><span class="v-select__selection-text">Foo<!----></span></div><input size="1" type="text" id="#4-input" aria-describedby="#4-input-messages" inputmode="none" aria-label="Open" title="Open">
-              </div>
-              <!---->
-            </div>
-            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
-              <div class="v-field__clearable"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear My OneOf Enum"></i></div>
-            </transition-stub>
-            <div class="v-field__append-inner">
-              <!----><i class="mdi-menu-down mdi v-icon notranslate v-theme--light v-icon--size-default v-select__menu-icon" aria-hidden="true"></i>
-              <!---->
-            </div>
-            <div class="v-field__outline">
-              <!---->
-              <!---->
-            </div>
-          </div>
-        </div>
-        <!---->
-        <div class="v-input__details">
-          <transition-group-stub name="slide-y-transition" tag="div" appear="false" persisted="false" css="true" class="v-messages" role="alert" aria-live="polite" id="#4-input-messages">
-            <!---->
-          </transition-group-stub>
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`OneOfEnumControlRenderer.vue > should render component and match snapshot when clicked 1`] = `
-"<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
-  <div class="v-application__wrap">
-    <div class="control" id="#5" errors="" label="My OneOf Enum" required="false" isfocused="true" appliedoptions="[object Object]">
-      <div class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-theme--light v-locale--is-ltr v-input--dirty v-text-field v-select v-select--single v-select--selected input">
-        <!---->
-        <div class="v-input__control">
-          <div class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--variant-filled v-theme--light v-field--focused v-locale--is-ltr" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="v-menu-2">
-            <div class="v-field__overlay"></div>
-            <div class="v-field__loader">
-              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
-                <!---->
-                <div class="v-progress-linear__background"></div>
-                <div class="v-progress-linear__buffer" style="width: 0%;"></div>
-                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
-                  <div class="v-progress-linear__indeterminate">
-                    <div class="v-progress-linear__indeterminate long"></div>
-                    <div class="v-progress-linear__indeterminate short"></div>
-                  </div>
-                </transition-stub>
-                <!---->
-              </div>
-            </div>
-            <!---->
-            <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="true" for="#5-input">
-                <!---->My OneOf Enum
-              </label><label class="v-label v-field-label" for="#5-input">
-                <!---->My OneOf Enum
-              </label>
-              <!---->
-              <div class="v-field__input" data-no-activator="">
-                <!---->
-                <!---->
-                <div class="v-select__selection"><span class="v-select__selection-text">Foo<!----></span></div><input size="1" type="text" id="#5-input" aria-describedby="#5-input-messages" inputmode="none" aria-label="Open" title="Open">
-              </div>
-              <!---->
-            </div>
-            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
-              <div class="v-field__clearable"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear My OneOf Enum"></i></div>
-            </transition-stub>
-            <div class="v-field__append-inner">
-              <!----><i class="mdi-menu-down mdi v-icon notranslate v-theme--light v-icon--size-default v-select__menu-icon" aria-hidden="true"></i>
-              <!---->
-            </div>
-            <div class="v-field__outline">
-              <!---->
-              <!---->
-            </div>
-          </div>
-        </div>
-        <!---->
-        <div class="v-input__details">
-          <transition-group-stub name="slide-y-transition" tag="div" appear="false" persisted="false" css="true" class="v-messages" role="alert" aria-live="polite" id="#5-input-messages">
-            <!---->
-          </transition-group-stub>
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
diff --git a/packages/vue-vuetify/tests/unit/controls/__snapshots__/StringControlRenderer.spec.ts.snap b/packages/vue-vuetify/tests/unit/controls/__snapshots__/StringControlRenderer.spec.ts.snap
deleted file mode 100644
index 484294eea3..0000000000
--- a/packages/vue-vuetify/tests/unit/controls/__snapshots__/StringControlRenderer.spec.ts.snap
+++ /dev/null
@@ -1,185 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`StringControlRenderer.vue > should render component and match snapshot 1`] = `
-"<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
-  <div class="v-application__wrap">
-    <div class="control" id="#6" errors="" label="My String" required="false" isfocused="false" appliedoptions="[object Object]">
-      <div class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-theme--light v-locale--is-ltr v-input--dirty v-text-field input">
-        <!---->
-        <div class="v-input__control">
-          <div class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--variant-filled v-theme--light v-locale--is-ltr">
-            <div class="v-field__overlay"></div>
-            <div class="v-field__loader">
-              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
-                <!---->
-                <div class="v-progress-linear__background"></div>
-                <div class="v-progress-linear__buffer" style="width: 0%;"></div>
-                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
-                  <div class="v-progress-linear__indeterminate">
-                    <div class="v-progress-linear__indeterminate long"></div>
-                    <div class="v-progress-linear__indeterminate short"></div>
-                  </div>
-                </transition-stub>
-                <!---->
-              </div>
-            </div>
-            <!---->
-            <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="true" for="#6-input">
-                <!---->My String
-              </label><label class="v-label v-field-label" for="#6-input">
-                <!---->My String
-              </label>
-              <!----><input placeholder="string placeholder" size="1" type="text" id="#6-input" aria-describedby="#6-input-messages" class="v-field__input">
-              <!---->
-            </div>
-            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
-              <div class="v-field__clearable"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear My String"></i></div>
-            </transition-stub>
-            <div class="v-field__append-inner">
-              <!---->
-              <!---->
-            </div>
-            <div class="v-field__outline">
-              <!---->
-              <!---->
-            </div>
-          </div>
-        </div>
-        <!---->
-        <div class="v-input__details">
-          <transition-group-stub name="slide-y-transition" tag="div" appear="false" persisted="false" css="true" class="v-messages" role="alert" aria-live="polite" id="#6-input-messages">
-            <!---->
-          </transition-group-stub>
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`StringControlRenderer.vue with suggestion > should render component and match snapshot 1`] = `
-"<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
-  <div class="v-application__wrap">
-    <div class="control" id="#11" errors="" label="Select Continent" required="false" isfocused="false" appliedoptions="[object Object]">
-      <div class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-theme--light v-locale--is-ltr v-text-field v-combobox v-combobox--single input">
-        <!---->
-        <div class="v-input__control">
-          <div class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--variant-filled v-theme--light v-locale--is-ltr" role="combobox" aria-haspopup="menu" aria-expanded="false" aria-owns="v-menu-2">
-            <div class="v-field__overlay"></div>
-            <div class="v-field__loader">
-              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
-                <!---->
-                <div class="v-progress-linear__background"></div>
-                <div class="v-progress-linear__buffer" style="width: 0%;"></div>
-                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
-                  <div class="v-progress-linear__indeterminate">
-                    <div class="v-progress-linear__indeterminate long"></div>
-                    <div class="v-progress-linear__indeterminate short"></div>
-                  </div>
-                </transition-stub>
-                <!---->
-              </div>
-            </div>
-            <!---->
-            <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="true" for="#11-input">
-                <!---->Select Continent
-              </label><label class="v-label v-field-label" for="#11-input">
-                <!---->Select Continent
-              </label>
-              <!---->
-              <div class="v-field__input" data-no-activator="">
-                <!---->
-                <!---->
-                <div class="v-combobox__selection"><span class="v-combobox__selection-text"><!----></span></div><input size="1" type="text" id="#11-input" aria-describedby="#11-input-messages">
-              </div>
-              <!---->
-            </div>
-            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
-              <div class="v-field__clearable"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear Select Continent"></i></div>
-            </transition-stub>
-            <div class="v-field__append-inner">
-              <!----><i class="mdi-menu-down mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable v-combobox__menu-icon" role="button" aria-hidden="false" tabindex="-1" aria-label="Open" title="Open"></i>
-              <!---->
-            </div>
-            <div class="v-field__outline">
-              <!---->
-              <!---->
-            </div>
-          </div>
-        </div>
-        <!---->
-        <div class="v-input__details">
-          <transition-group-stub name="slide-y-transition" tag="div" appear="false" persisted="false" css="true" class="v-messages" role="alert" aria-live="polite" id="#11-input-messages">
-            <!---->
-          </transition-group-stub>
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`StringControlRenderer.vue with suggestion > should render component and match snapshot when clicked 1`] = `
-"<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
-  <div class="v-application__wrap">
-    <div class="control" id="#12" errors="" label="Select Continent" required="false" isfocused="true" appliedoptions="[object Object]">
-      <div class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-theme--light v-locale--is-ltr v-text-field v-combobox v-combobox--single input">
-        <!---->
-        <div class="v-input__control">
-          <div class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--variant-filled v-theme--light v-field--focused v-locale--is-ltr" role="combobox" aria-haspopup="menu" aria-expanded="false" aria-owns="v-menu-2">
-            <div class="v-field__overlay"></div>
-            <div class="v-field__loader">
-              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
-                <!---->
-                <div class="v-progress-linear__background"></div>
-                <div class="v-progress-linear__buffer" style="width: 0%;"></div>
-                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
-                  <div class="v-progress-linear__indeterminate">
-                    <div class="v-progress-linear__indeterminate long"></div>
-                    <div class="v-progress-linear__indeterminate short"></div>
-                  </div>
-                </transition-stub>
-                <!---->
-              </div>
-            </div>
-            <!---->
-            <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="true" for="#12-input">
-                <!---->Select Continent
-              </label><label class="v-label v-field-label" for="#12-input">
-                <!---->Select Continent
-              </label>
-              <!---->
-              <div class="v-field__input" data-no-activator="">
-                <!---->
-                <!---->
-                <div class="v-combobox__selection"><span class="v-combobox__selection-text"><!----></span></div><input size="1" type="text" id="#12-input" aria-describedby="#12-input-messages">
-              </div>
-              <!---->
-            </div>
-            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
-              <div class="v-field__clearable"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear Select Continent"></i></div>
-            </transition-stub>
-            <div class="v-field__append-inner">
-              <!----><i class="mdi-menu-down mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable v-combobox__menu-icon" role="button" aria-hidden="false" tabindex="-1" aria-label="Open" title="Open"></i>
-              <!---->
-            </div>
-            <div class="v-field__outline">
-              <!---->
-              <!---->
-            </div>
-          </div>
-        </div>
-        <!---->
-        <div class="v-input__details">
-          <transition-group-stub name="slide-y-transition" tag="div" appear="false" persisted="false" css="true" class="v-messages" role="alert" aria-live="polite" id="#12-input-messages">
-            <!---->
-          </transition-group-stub>
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
diff --git a/packages/vue-vuetify/tests/unit/controls/__snapshots__/TimeControlRenderer.spec.ts.snap b/packages/vue-vuetify/tests/unit/controls/__snapshots__/TimeControlRenderer.spec.ts.snap
deleted file mode 100644
index 6fe703d8f1..0000000000
--- a/packages/vue-vuetify/tests/unit/controls/__snapshots__/TimeControlRenderer.spec.ts.snap
+++ /dev/null
@@ -1,123 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`TimeControlRenderer.vue > should render component and match snapshot 1`] = `
-"<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
-  <div class="v-application__wrap">
-    <div class="control" id="#6" errors="" label="My Time" required="false" isfocused="false" appliedoptions="[object Object]">
-      <div class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-theme--light v-locale--is-ltr v-input--dirty v-text-field input">
-        <!---->
-        <div class="v-input__control">
-          <div class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--prepended v-field--variant-filled v-theme--light v-locale--is-ltr">
-            <div class="v-field__overlay"></div>
-            <div class="v-field__loader">
-              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
-                <!---->
-                <div class="v-progress-linear__background"></div>
-                <div class="v-progress-linear__buffer" style="width: 0%;"></div>
-                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
-                  <div class="v-progress-linear__indeterminate">
-                    <div class="v-progress-linear__indeterminate long"></div>
-                    <div class="v-progress-linear__indeterminate short"></div>
-                  </div>
-                </transition-stub>
-                <!---->
-              </div>
-            </div>
-            <div class="v-field__prepend-inner" aria-haspopup="menu" aria-expanded="false" aria-owns="v-menu-2">
-              <!----><i class="mdi-clock-outline mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-haspopup="menu" aria-expanded="false" aria-owns="v-menu-2"></i>
-              <!---->
-            </div>
-            <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="true" for="#6-input">
-                <!---->My Time
-              </label><label class="v-label v-field-label" for="#6-input">
-                <!---->My Time
-              </label>
-              <!----><input placeholder="time placeholder" size="1" type="text" id="#6-input" aria-describedby="#6-input-messages" class="v-field__input" data-maska-value="00:20:00">
-              <!---->
-            </div>
-            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
-              <div class="v-field__clearable"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear My Time"></i></div>
-            </transition-stub>
-            <div class="v-field__append-inner">
-              <!---->
-              <!---->
-            </div>
-            <div class="v-field__outline">
-              <!---->
-              <!---->
-            </div>
-          </div>
-        </div>
-        <!---->
-        <div class="v-input__details">
-          <transition-group-stub name="slide-y-transition" tag="div" appear="false" persisted="false" css="true" class="v-messages" role="alert" aria-live="polite" id="#6-input-messages">
-            <!---->
-          </transition-group-stub>
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`TimeControlRenderer.vue > should render component and match snapshot when clicked 1`] = `
-"<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
-  <div class="v-application__wrap">
-    <div class="control" id="#7" errors="" label="My Time" required="false" isfocused="true" appliedoptions="[object Object]">
-      <div class="v-input v-input--horizontal v-input--center-affix v-input--density-default v-theme--light v-locale--is-ltr v-input--dirty v-text-field input">
-        <!---->
-        <div class="v-input__control">
-          <div class="v-field v-field--active v-field--appended v-field--center-affix v-field--dirty v-field--prepended v-field--variant-filled v-theme--light v-field--focused v-locale--is-ltr">
-            <div class="v-field__overlay"></div>
-            <div class="v-field__loader">
-              <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
-                <!---->
-                <div class="v-progress-linear__background"></div>
-                <div class="v-progress-linear__buffer" style="width: 0%;"></div>
-                <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
-                  <div class="v-progress-linear__indeterminate">
-                    <div class="v-progress-linear__indeterminate long"></div>
-                    <div class="v-progress-linear__indeterminate short"></div>
-                  </div>
-                </transition-stub>
-                <!---->
-              </div>
-            </div>
-            <div class="v-field__prepend-inner" aria-haspopup="menu" aria-expanded="false" aria-owns="v-menu-2">
-              <!----><i class="mdi-clock-outline mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-haspopup="menu" aria-expanded="false" aria-owns="v-menu-2"></i>
-              <!---->
-            </div>
-            <div class="v-field__field" data-no-activator=""><label class="v-label v-field-label v-field-label--floating" aria-hidden="true" for="#7-input">
-                <!---->My Time
-              </label><label class="v-label v-field-label" for="#7-input">
-                <!---->My Time
-              </label>
-              <!----><input placeholder="time placeholder" size="1" type="text" id="#7-input" aria-describedby="#7-input-messages" class="v-field__input" data-maska-value="00:20:00">
-              <!---->
-            </div>
-            <transition-stub name="expand-x-transition" appear="false" persisted="false" css="true">
-              <div class="v-field__clearable"><i class="mdi-close-circle mdi v-icon notranslate v-theme--light v-icon--size-default v-icon--clickable" role="button" aria-hidden="false" tabindex="-1" aria-label="Clear My Time"></i></div>
-            </transition-stub>
-            <div class="v-field__append-inner">
-              <!---->
-              <!---->
-            </div>
-            <div class="v-field__outline">
-              <!---->
-              <!---->
-            </div>
-          </div>
-        </div>
-        <!---->
-        <div class="v-input__details">
-          <transition-group-stub name="slide-y-transition" tag="div" appear="false" persisted="false" css="true" class="v-messages" role="alert" aria-live="polite" id="#7-input-messages">
-            <!---->
-          </transition-group-stub>
-          <!---->
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
diff --git a/packages/vue-vuetify/tests/unit/layout/ArrayLayoutRenderer.spec.ts b/packages/vue-vuetify/tests/unit/layout/ArrayLayoutRenderer.spec.ts
deleted file mode 100644
index ba8a591c5a..0000000000
--- a/packages/vue-vuetify/tests/unit/layout/ArrayLayoutRenderer.spec.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { describe, it, expect, beforeEach } from 'vitest';
-import { clearAllIds, type Translator } from '@jsonforms/core';
-import ArrayLayoutRenderer from '../../../src/layouts/ArrayLayoutRenderer.vue';
-import { entry as arrayLayoutRendererEntry } from '../../../src/layouts/ArrayLayoutRenderer.entry';
-import { mountJsonForms } from '../util';
-
-describe('ArrayLayoutRenderer.vue', () => {
-  const renderers = [arrayLayoutRendererEntry];
-
-  const data: unknown[] = [];
-  const schema = {
-    type: 'array',
-    items: {
-      type: 'object',
-      properties: {
-        name: { type: 'string' },
-        done: { type: 'boolean' },
-        person: { type: 'object', properties: { name: { type: 'string' } } },
-      },
-    },
-  };
-  const uischema = {
-    type: 'Control',
-    scope: '#',
-  };
-
-  let wrapper: ReturnType<typeof mountJsonForms>;
-
-  beforeEach(() => {
-    // clear all ids to guarantee that the snapshots will always be generated with the same ids
-    clearAllIds();
-    wrapper = mountJsonForms(data, schema, renderers, uischema, undefined, {
-      translate: ((id, defaultMessage) => {
-        if (id.endsWith('addAriaLabel')) {
-          return 'MyAdd';
-        }
-        return defaultMessage;
-      }) as Translator,
-    });
-  });
-
-  it('check if child ArrayLayout exists', () => {
-    expect(wrapper.getComponent(ArrayLayoutRenderer));
-  });
-
-  it('renders an add button', () => {
-    expect(wrapper.find('.array-list-add').exists()).toBeTruthy();
-  });
-
-  it('respects translations', () => {
-    expect(wrapper.find('[aria-label="MyAdd"]').exists()).toBeTruthy();
-  });
-
-  it('should render component and match snapshot', () => {
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-});
diff --git a/packages/vue-vuetify/tests/unit/layout/__snapshots__/ArrayLayoutRenderer.spec.ts.snap b/packages/vue-vuetify/tests/unit/layout/__snapshots__/ArrayLayoutRenderer.spec.ts.snap
deleted file mode 100644
index 511ad1c21d..0000000000
--- a/packages/vue-vuetify/tests/unit/layout/__snapshots__/ArrayLayoutRenderer.spec.ts.snap
+++ /dev/null
@@ -1,66 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`ArrayLayoutRenderer.vue > should render component and match snapshot 1`] = `
-"<div class="v-application v-theme--light v-layout v-layout--full-height v-locale--is-ltr">
-  <div class="v-application__wrap">
-    <div data-v-5f91636e="" class="v-card v-theme--light v-card--density-default v-card--variant-elevated array-list">
-      <!---->
-      <div class="v-card__loader">
-        <div class="v-progress-linear v-theme--light v-locale--is-ltr" style="top: 0px; height: 0px; --v-progress-linear-height: 2px;" role="progressbar" aria-hidden="true" aria-valuemin="0" aria-valuemax="100">
-          <!---->
-          <div class="v-progress-linear__background"></div>
-          <div class="v-progress-linear__buffer" style="width: 0%;"></div>
-          <transition-stub name="fade-transition" appear="false" persisted="false" css="true">
-            <div class="v-progress-linear__indeterminate">
-              <div class="v-progress-linear__indeterminate long"></div>
-              <div class="v-progress-linear__indeterminate short"></div>
-            </div>
-          </transition-stub>
-          <!---->
-        </div>
-      </div>
-      <!---->
-      <!---->
-      <div data-v-5f91636e="" class="v-card-title">
-        <header data-v-5f91636e="" class="v-toolbar v-toolbar--flat v-toolbar--density-default v-theme--light v-locale--is-ltr array-list-toolbar">
-          <!---->
-          <div class="v-toolbar__content" style="height: 64px;">
-            <!---->
-            <!---->
-            <div data-v-5f91636e="" class="v-toolbar-title array-list-label">
-              <div class="v-toolbar-title__placeholder">
-                <!---->
-              </div>
-            </div>
-            <div data-v-5f91636e="" class="v-spacer"></div>
-            <!--v-if--><button data-v-5f91636e="" type="button" class="v-btn v-btn--icon v-theme--light v-btn--density-default elevation-0 v-btn--size-default v-btn--variant-text array-list-add" small="" aria-label="MyAdd" aria-describedby="v-tooltip-0"><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
-              <!----><span class="v-btn__content" data-no-activator=""><i data-v-5f91636e="" class="mdi-plus mdi v-icon notranslate v-theme--light v-icon--size-default" aria-hidden="true"></i></span>
-              <!---->
-              <!---->
-            </button>
-            <!--teleport start-->
-            <!--teleport end-->
-            <!---->
-          </div>
-          <transition-stub name="expand-transition" appear="false" persisted="false" css="true">
-            <!---->
-          </transition-stub>
-        </header>
-      </div>
-      <div data-v-5f91636e="" class="v-card-text">
-        <div data-v-5f91636e="" class="v-container v-locale--is-ltr" justify-space-around="" align-content-center="">
-          <div data-v-5f91636e="" class="v-row justify-center">
-            <div data-v-5f91636e="" class="v-expansion-panels v-theme--light v-expansion-panels--variant-default" accordion=""></div>
-          </div>
-        </div>
-        <div data-v-5f91636e="" class="v-container v-locale--is-ltr array-list-no-data"> No data </div>
-      </div>
-      <!--v-if-->
-      <!---->
-      <!---->
-      <!---->
-      <!----><span class="v-card__underlay"></span>
-    </div>
-  </div>
-</div>"
-`;
diff --git a/packages/vue-vuetify/tests/unit/util/TestComponent.vue b/packages/vue-vuetify/tests/unit/util/TestComponent.vue
deleted file mode 100644
index 395bde412f..0000000000
--- a/packages/vue-vuetify/tests/unit/util/TestComponent.vue
+++ /dev/null
@@ -1,122 +0,0 @@
-<template>
-  <v-app>
-    <json-forms
-      :data="data"
-      :schema="schema"
-      :uischema="uischema"
-      :renderers="renderers"
-      :config="config"
-      :i18n="i18n"
-      @change="onChange"
-    />
-  </v-app>
-</template>
-
-<script lang="ts">
-import {
-  defaultMiddleware,
-  type JsonFormsCellRendererRegistryEntry,
-  type JsonFormsI18nState,
-  type JsonFormsRendererRegistryEntry,
-  type JsonFormsUISchemaRegistryEntry,
-  type JsonSchema,
-  type Middleware,
-  type UISchemaElement,
-  type ValidationMode,
-} from '@jsonforms/core';
-import {
-  JsonForms,
-  type JsonFormsChangeEvent,
-  type MaybeReadonly,
-} from '@jsonforms/vue';
-import Ajv, { type ErrorObject } from 'ajv';
-import { defineComponent, reactive, type PropType } from 'vue';
-import { VApp } from 'vuetify/components';
-
-const EMPTY: ErrorObject[] = reactive([]);
-
-export default defineComponent({
-  name: 'test-component',
-  components: {
-    JsonForms,
-    VApp,
-  },
-  props: {
-    data: {
-      required: true,
-      type: [String, Number, Boolean, Array, Object] as PropType<any>,
-    },
-    schema: {
-      required: false,
-      type: [Object, Boolean] as PropType<JsonSchema>,
-      default: undefined,
-    },
-    uischema: {
-      required: false,
-      type: Object as PropType<UISchemaElement>,
-      default: undefined,
-    },
-    renderers: {
-      required: true,
-      type: Array as PropType<MaybeReadonly<JsonFormsRendererRegistryEntry[]>>,
-    },
-    cells: {
-      required: false,
-      type: Array as PropType<
-        MaybeReadonly<JsonFormsCellRendererRegistryEntry[]>
-      >,
-      default: () => [],
-    },
-    config: {
-      required: false,
-      type: Object as PropType<any>,
-      default: undefined,
-    },
-    readonly: {
-      required: false,
-      type: Boolean,
-      default: false,
-    },
-    uischemas: {
-      required: false,
-      type: Array as PropType<MaybeReadonly<JsonFormsUISchemaRegistryEntry[]>>,
-      default: () => [],
-    },
-    validationMode: {
-      required: false,
-      type: String as PropType<ValidationMode>,
-      default: 'ValidateAndShow',
-    },
-    ajv: {
-      required: false,
-      type: Object as PropType<Ajv>,
-      default: undefined,
-    },
-    i18n: {
-      required: false,
-      type: Object as PropType<JsonFormsI18nState>,
-      default: undefined,
-    },
-    additionalErrors: {
-      required: false,
-      type: Array as PropType<ErrorObject[]>,
-      default: () => EMPTY,
-    },
-    middleware: {
-      required: false,
-      type: Function as PropType<Middleware>,
-      default: defaultMiddleware,
-    },
-  },
-  data() {
-    return {
-      event: {} as JsonFormsChangeEvent,
-    };
-  },
-  methods: {
-    onChange(event: JsonFormsChangeEvent) {
-      this.event = event;
-    },
-  },
-});
-</script>
diff --git a/packages/vue-vuetify/tests/unit/util/index.ts b/packages/vue-vuetify/tests/unit/util/index.ts
deleted file mode 100644
index bbebd88eb4..0000000000
--- a/packages/vue-vuetify/tests/unit/util/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './util';
diff --git a/packages/vue-vuetify/tests/unit/util/util.ts b/packages/vue-vuetify/tests/unit/util/util.ts
deleted file mode 100644
index a5c6770354..0000000000
--- a/packages/vue-vuetify/tests/unit/util/util.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import type {
-  JsonFormsI18nState,
-  JsonFormsRendererRegistryEntry,
-  JsonSchema,
-  UISchemaElement,
-} from '@jsonforms/core';
-import { mount } from '@vue/test-utils';
-import TestComponent from './TestComponent.vue';
-import { createVuetify } from 'vuetify';
-import * as components from 'vuetify/components';
-import * as directives from 'vuetify/directives';
-import { markRaw } from 'vue';
-
-const vuetify = createVuetify({
-  components,
-  directives,
-});
-
-global.ResizeObserver = require('resize-observer-polyfill');
-
-export const mountJsonForms = (
-  data: any,
-  schema: JsonSchema,
-  renderers: JsonFormsRendererRegistryEntry[],
-  uischema?: UISchemaElement,
-  config?: any,
-  i18n?: JsonFormsI18nState,
-) => {
-  return mount(TestComponent, {
-    global: {
-      plugins: [vuetify],
-    },
-    propsData: {
-      data: data,
-      schema,
-      uischema,
-      config,
-      renderers: markRaw(renderers),
-      i18n,
-    },
-    attachTo: document.body,
-  });
-};
diff --git a/packages/vue-vuetify/tsconfig.example.json b/packages/vue-vuetify/tsconfig.example.json
deleted file mode 100644
index bb5932cf76..0000000000
--- a/packages/vue-vuetify/tsconfig.example.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "extends": "@vue/tsconfig/tsconfig.dom.json",
-  "include": ["dev/env.d.ts", "dev/**/*", "src/**/*", "src/**/*.vue"],
-  "exclude": ["src/**/__tests__/*", "dev/**/__tests__/*"],
-  "compilerOptions": {
-    "composite": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  }
-}
diff --git a/packages/vue-vuetify/tsconfig.json b/packages/vue-vuetify/tsconfig.json
deleted file mode 100644
index b61a960cfe..0000000000
--- a/packages/vue-vuetify/tsconfig.json
+++ /dev/null
@@ -1,17 +0,0 @@
-{
-  "files": [],
-  "references": [
-    {
-      "path": "./tsconfig.node.json"
-    },
-    {
-      "path": "./tsconfig.lib.json"
-    },
-    {
-      "path": "./tsconfig.vitest.json"
-    },
-    {
-      "path": "./tsconfig.example.json"
-    }
-  ]
-}
diff --git a/packages/vue-vuetify/tsconfig.lib.json b/packages/vue-vuetify/tsconfig.lib.json
deleted file mode 100644
index 5f48b9e90c..0000000000
--- a/packages/vue-vuetify/tsconfig.lib.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "extends": "@vue/tsconfig/tsconfig.dom.json",
-  "include": ["src/**/*", "src/**/*.vue"],
-  "exclude": ["src/**/__tests__/*", "dev/**/*"],
-  "compilerOptions": {
-    "composite": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  }
-}
diff --git a/packages/vue-vuetify/tsconfig.node.json b/packages/vue-vuetify/tsconfig.node.json
deleted file mode 100644
index 6fffb82ef1..0000000000
--- a/packages/vue-vuetify/tsconfig.node.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "extends": "@tsconfig/node20/tsconfig.json",
-  "include": [
-    "vite.config.*",
-    "vitest.config.*",
-    "cypress.config.*",
-    "nightwatch.conf.*",
-    "playwright.config.*"
-  ],
-  "compilerOptions": {
-    "composite": true,
-    "noEmit": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "types": [
-      "node"
-    ]
-  }
-}
diff --git a/packages/vue-vuetify/tsconfig.typedoc.json b/packages/vue-vuetify/tsconfig.typedoc.json
deleted file mode 100644
index 72956944fd..0000000000
--- a/packages/vue-vuetify/tsconfig.typedoc.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "extends": "./tsconfig.lib.json",
-  "include": ["lib/index.d.ts"]
-}
diff --git a/packages/vue-vuetify/tsconfig.vitest.json b/packages/vue-vuetify/tsconfig.vitest.json
deleted file mode 100644
index ffa0247951..0000000000
--- a/packages/vue-vuetify/tsconfig.vitest.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "extends": "./tsconfig.lib.json",
-  "include": [
-    "src/**/*",
-    "src/**/*.vue",
-    "tests/**/*",
-  ],
-  "compilerOptions": {
-    "composite": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.vitest.tsbuildinfo",
-    "lib": [],
-    "types": [
-      "node",
-      "jsdom",
-      "vitest/globals"
-    ]
-  }
-}
diff --git a/packages/vue-vuetify/vite.config.ts b/packages/vue-vuetify/vite.config.ts
deleted file mode 100644
index 27c583f1ed..0000000000
--- a/packages/vue-vuetify/vite.config.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-import { fileURLToPath, URL } from 'node:url';
-
-import { defineConfig } from 'vite';
-import vue from '@vitejs/plugin-vue';
-import { resolve } from 'node:path';
-import dts from 'vite-plugin-dts';
-import packageJson from './package.json';
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [
-    vue(),
-    dts({
-      outDir: 'lib', // specify the output directory for .d.ts files
-      tsconfigPath: './tsconfig.lib.json', // specify the path to your tsconfig.json file
-      entryRoot: 'src', // root directory for the declaration files
-      cleanVueFileName: true, // removes .vue suffix from filenames
-      staticImport: true, // uses static imports in declaration files
-    }),
-  ],
-  build: {
-    outDir: 'lib',
-    lib: {
-      // tell the build process to treat this project as library
-      entry: resolve(__dirname, 'src/index.ts'),
-      name: packageJson.name,
-      formats: ['es', 'cjs', 'umd'],
-      fileName: (format: string) => {
-        if (format === 'es') {
-          format = 'esm';
-        }
-        return `jsonforms-vue-vuetify.${format}.js`;
-      },
-    },
-    rollupOptions: {
-      external: [
-        ...Object.keys(packageJson.peerDependencies),
-        'vue',
-        /^lodash\/.*/,
-        /^dayjs\/.*/,
-        /^ajv\/.*/,
-        /^vuetify\/.*/,
-      ],
-      output: {
-        globals: (name: string) => {
-          if (name === 'vue') {
-            return 'Vue';
-          } else if (name.startsWith('vuetify')) {
-            // check https://vuetifyjs.com/en/getting-started/installation/#using-cdn
-            // Replace all slashes with dots
-            let result = name.replace(/\//g, '.');
-
-            // Capitalize the first letter
-            result = result.charAt(0).toUpperCase() + result.slice(1);
-
-            return result;
-          } else if (name.startsWith('lodash')) {
-            if (name === 'lodash') {
-              return '_';
-            }
-            // Replace occurrences of 'lodash/XYZ' with '_.XYZ'
-            const result = name.replace(/lodash\/(.*)/g, (match, p1) => {
-              return '_.' + p1.replace(/\//g, '.');
-            });
-
-            return result;
-          } else if (name.startsWith('dayjs')) {
-            if (name === 'dayjs') {
-              return 'dayjs';
-            }
-            // check https://day.js.org/docs/en/plugin/loading-into-browser
-            // Replace occurrences of 'dayjs/XYZ' with 'dayjs_XYZ'
-            const result = name.replace(/dayjs\/(.*)/g, (match, p1) => {
-              return 'dayjs_' + p1.replace(/\//g, '_');
-            });
-
-            return result;
-          }
-          return name;
-        },
-        assetFileNames: 'jsonforms-vue-vuetify.[ext]',
-      },
-    },
-    minify: false, // builds unminified files
-    sourcemap: true, // generates sourcemap files
-  },
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
-    },
-  },
-});
diff --git a/packages/vue-vuetify/vite.example.config.ts b/packages/vue-vuetify/vite.example.config.ts
deleted file mode 100644
index 41a2cc8fd5..0000000000
--- a/packages/vue-vuetify/vite.example.config.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { fileURLToPath, URL } from 'node:url';
-
-import vue from '@vitejs/plugin-vue';
-import { defineConfig } from 'vite';
-import { nodePolyfills } from 'vite-plugin-node-polyfills';
-import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify';
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  base: '',
-  optimizeDeps: {
-    // Exclude vuetify since it has an issue with vite dev - TypeError: makeVExpansionPanelTextProps is not a function - the makeVExpansionPanelTextProps is used before it is defined
-    exclude: ['vuetify'],
-  },
-  plugins: [
-    vue({
-      template: { transformAssetUrls },
-    }),
-    vuetify(),
-    // needed for json-refs
-    nodePolyfills({
-      include: ['path', 'querystring'],
-      globals: {
-        process: true,
-      },
-    }),
-  ],
-  build: {
-    outDir: 'example/dist',
-    rollupOptions: {
-      output: {
-        dir: 'example/dist',
-        entryFileNames: 'bundle.js',
-        format: 'iife',
-      },
-    },
-    minify: true,
-    sourcemap: true, // generates sourcemap files
-  },
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
-    },
-  },
-});
diff --git a/packages/vue-vuetify/vitest.config.ts b/packages/vue-vuetify/vitest.config.ts
deleted file mode 100644
index b280e03ac0..0000000000
--- a/packages/vue-vuetify/vitest.config.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { fileURLToPath } from 'node:url';
-import { mergeConfig, defineConfig, configDefaults } from 'vitest/config';
-import viteConfig from './vite.config';
-
-export default mergeConfig(
-  viteConfig,
-  defineConfig({
-    test: {
-      environment: 'jsdom',
-      exclude: [...configDefaults.exclude, 'e2e/**'],
-      root: fileURLToPath(new URL('./', import.meta.url)),
-      coverage: {
-        provider: 'v8',
-        reporter: ['text', 'json', 'html'],
-      },
-      server: {
-        deps: {
-          inline: ['vuetify'],
-        },
-      },
-    },
-  }),
-);
diff --git a/packages/vue/.eslintrc.js b/packages/vue/.eslintrc.js
deleted file mode 100644
index bcd2427654..0000000000
--- a/packages/vue/.eslintrc.js
+++ /dev/null
@@ -1,35 +0,0 @@
-/* eslint-env node */
-/** @type {import('eslint').Linter.Config} */
-module.exports = {
-  root: true,
-  parser: 'vue-eslint-parser',
-  parserOptions: {
-    ecmaFeatures: {
-      jsx: true,
-    },
-  },
-  // There is no file include in ESLint. Thus, ignore all and include files via negative ignore (!)
-  ignorePatterns: ['/*', '!/src', '!/tests', '!/dev'],
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:import/recommended',
-    'plugin:import/typescript',
-    'plugin:vue/vue3-recommended',
-    '@vue/typescript/recommended',
-    'plugin:prettier-vue/recommended',
-  ],
-  rules: {
-    '@typescript-eslint/no-explicit-any': 'off',
-    // Base rule must be disabled to avoid incorrect errors
-    'no-unused-vars': 'off',
-    '@typescript-eslint/no-unused-vars': [
-      'warn', // or "error"
-      {
-        argsIgnorePattern: '^_',
-        varsIgnorePattern: '^_',
-        caughtErrorsIgnorePattern: '^_',
-      },
-    ],
-  },
-};
diff --git a/packages/vue/.prettierrc.js b/packages/vue/.prettierrc.js
deleted file mode 100644
index 2c26853c4a..0000000000
--- a/packages/vue/.prettierrc.js
+++ /dev/null
@@ -1,6 +0,0 @@
-module.exports = {
-  $schema: 'http://json.schemastore.org/prettierrc',
-  singleQuote: true,
-  jsxSingleQuote: true,
-  endOfLine: 'auto',
-};
diff --git a/packages/vue/LICENSE b/packages/vue/LICENSE
deleted file mode 100644
index 064ca1d9d2..0000000000
--- a/packages/vue/LICENSE
+++ /dev/null
@@ -1,22 +0,0 @@
-The MIT License
-
-Copyright (c) 2019 EclipseSource Munich
-https://github.com/eclipsesource/jsonforms
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
diff --git a/packages/vue/README.md b/packages/vue/README.md
deleted file mode 100644
index a03c58463e..0000000000
--- a/packages/vue/README.md
+++ /dev/null
@@ -1,311 +0,0 @@
-# JSON Forms - More Forms. Less Code
-
-_Complex forms in the blink of an eye_
-
-JSON Forms eliminates the tedious task of writing fully-featured forms by hand by leveraging the capabilities of JSON, JSON Schema and Javascript.
-
-## Vue Package
-
-This is the JSON Forms Vue package which provides the necessary bindings for Vue. It uses [JSON Forms Core](https://github.com/eclipsesource/jsonforms/blob/master/packages/core).
-
-## JSON Forms Vue seed app
-
-See our [JSON Forms Vue seed repository](https://github.com/eclipsesource/jsonforms-vue-seed) to get started as quickly as possible.
-
-## Usage
-
-Use the `json-forms` component for each form you want to render.
-
-Mandatory props:
-
-- `data: any` - the data to show
-- `renderers: JsonFormsRendererRegistryEntry[]` - the Vue renderer set to use
-
-Optional props:
-
-- `schema: JsonSchema` - the data schema for the given data. Will be generated when not given.
-- `uischema: UISchemaElement` - the ui schema for the given data schema. Will be generated when not given.
-- `cells: JsonFormsCellRendererRegistryEntry[]` - the Vue cell renderer set to use
-- `config: any` - form-wide options. May contain default ui schema options.
-- `readonly: boolean` - whether all controls shall be readonly.
-- `uischemas: JsonFormsUiSchemaEntry[]` - registry for dynamic ui schema dispatching
-- `validationMode: 'ValidateAndShow' | 'ValidateAndHide' | 'NoValidation'` - the validation mode for the form
-- `ajv: AJV` - custom Ajv instance for the form
-- `middleware: Middleware` - can be used to hook into the form-wide data management.
-- `i18n: JsonFormsI18nState` - can be used to internationalize the rendered form.
-
-Events:
-
-- `change: {data: any; errors: AJVError[]}` - Whenever data and/or errors change this event is emitted.
-
-Example:
-
-```html
-<json-forms
-  :data="data"
-  :renderers="renderers"
-  :schema="schema"
-  :uischema="uischema"
-  @change="onChange"
-/>
-```
-
-```ts
-export default defineComponent({
-  components: {
-    JsonForms,
-  },
-  data() {
-    return {
-      // freeze renderers for performance gains
-      renderers: Object.freeze(renderers),
-      data: {
-        number: 5,
-      },
-      schema: {
-        properties: {
-          number: {
-            type: 'number',
-          },
-        },
-      },
-      uischema: {
-        type: 'VerticalLayout',
-        elements: [
-          {
-            type: 'Control',
-            scope: '#/properties/number',
-          },
-        ],
-      },
-    };
-  },
-  methods: {
-    onChange(event: JsonFormsChangeEvent) {
-      this.data = event.data;
-    },
-  },
-});
-```
-
-### Renderer Set
-
-The `@jsonforms/vue` package offers JSON Forms Core bindings based on the composition API.
-These bindings handle the props given to the `dispatch-renderer` and use the JSON Forms Core to determine specialized inputs for many use cases like validation and rule-based visibility.
-Using these bindings as a basis, it's straightforward to create renderer sets for Vue 3.
-
-#### Basic control renderer example
-
-```ts
-import { ControlElement } from '@jsonforms/core';
-import { defineComponent } from 'vue';
-import { rendererProps, useJsonFormsControl } from '@jsonforms/vue';
-
-const controlRenderer = defineComponent({
-  name: 'control-renderer',
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props) {
-    return useJsonFormsControl(props);
-  },
-  methods: {
-    onChange(event: Event) {
-      this.handleChange(
-        this.control.path,
-        (event.target as HTMLInputElement).value
-      );
-    },
-  },
-});
-export default controlRenderer;
-```
-
-- You can use the provided `rendererProps` factory which declares all props required for each renderer.
-  When using Typescript you can specify a `UISchemaElement` type to declare that you only expect UI schema elements of that type.
-- In `setup` call the appropriate binding for your renderer.
-  Here we use `useJsonFormsControl` which will work on any `Control` element and provides a `control` property containing calculated attributes like `data`, `description`, `errors`, `enabled` and many more.
-  It also provides a `handleChange(path,value)` method with which the managed data can be updated.
-
-```html
-<div>
-  <input v-bind:value="control.data" @change="onChange" />
-  <div class="error" v-if="control.errors">{{ control.errors }}</div>
-</div>
-```
-
-This is a very simplified template for such a control.
-You can see how some of the `control` properties are bound against the input, including the `handleChange` method via `onChange`.
-
-```ts
-import {
-  isControl,
-  JsonFormsRendererRegistryEntry,
-  rankWith,
-} from '@jsonforms/core';
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(1, isControl),
-};
-```
-
-It's convenient to create the `JsonFormsRendererRegistryEntry` within the same file as the renderer.
-Here it's ranked with priority `1` (higher is better) for any UI schema element which satisfies `isControl`.
-
-These entries can then be collected and form the Vue renderer set handed over to the `json-forms` component.
-
-#### Basic layout renderer example
-
-The principle is the same as with the control example.
-The only difference here is the use of the provided `dispatch-renderer` which will determine the next renderer to use, based on its inputs.
-
-```ts
-import {
-  isLayout,
-  JsonFormsRendererRegistryEntry,
-  Layout,
-  rankWith,
-} from '@jsonforms/core';
-import { defineComponent } from 'vue';
-import {
-  DispatchRenderer,
-  rendererProps,
-  useJsonFormsLayout,
-} from '@jsonforms/vue';
-
-const layoutRenderer = defineComponent({
-  name: 'layout-renderer',
-  components: {
-    DispatchRenderer,
-  },
-  props: {
-    ...rendererProps<Layout>(),
-  },
-  setup(props) {
-    return useJsonFormsLayout(props);
-  },
-});
-
-export default layoutRenderer;
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: layoutRenderer,
-  tester: rankWith(1, isLayout),
-};
-```
-
-```html
-<div>
-  <div
-    v-for="(element, index) in layout.uischema.elements"
-    v-bind:key="`${layout.path}-${index}`"
-  >
-    <dispatch-renderer
-      v-bind:schema="layout.schema"
-      v-bind:uischema="element"
-      v-bind:path="layout.path"
-      v-bind:enabled="layout.enabled"
-      v-bind:renderers="layout.renderers"
-      v-bind:cells="layout.cells"
-    />
-  </div>
-</div>
-```
-
-#### dispatch renderer
-
-The dispatch renderer is used to dispatch to the highest ranked registered renderer.
-
-Required props are `schema`, `uischema` and `path`.
-Optional props are `enabled`, `renderers` and `cells`.
-These can be used to implement more advanced use cases like hierarchical enablement and dynamically adapted renderer / cell sets.
-
-#### Available bindings
-
-The following bindings can be used for `Control` elements and provide a `control` property and `handleChange` method.
-The `useJsonFormsArrayControl` additionally provides `addItem`, `removeItems`, `moveUp` and `moveDown` methods.
-
-- `useJsonFormsControl`
-- `useJsonFormsControlWithDetail`
-- `useJsonFormsEnumControl`
-- `useJsonFormsOneOfEnumControl`
-- `useJsonFormsArrayControl`
-- `useJsonFormsAllOfControl`
-- `useJsonFormsAnyOfControl`
-- `useJsonFormsOneOfControl`
-
-The following bindings can be used for `Layout` elements and provide a `layout` property.
-`useJsonFormsArrayLayout` is a mix between `Control` and `Layout` as it's meant for showing `array` elements within a specific layout.
-
-- `useJsonFormsLayout`
-- `useJsonFormsArrayLayout`
-
-The following binding can be used for any renderer.
-It's main use case is within dispatch renderers.
-The binding provides a `renderer` property.
-
-- `useJsonFormsRenderer`
-
-Besides `renderers` JSON Forms also supports a separate `cells` registry.
-Cells are meant to be simpler as normal renderers, rendering simplified inputs to be used within more complex structures like tables.
-The following bindings can be used for cells and provide a `cell` property and `handleChange` method.
-
-- `useJsonFormsDispatchCell`
-- `useJsonFormsCell`
-- `useJsonFormsEnumCell`
-
-The last binding is a special one, meant to be used within lists of master-detail controls.
-In contrast to all other bindings it's not meant to be registered as an own `renderer` or `cell`.
-The binding provides an `item` propery.
-
-- `useJsonFormsMasterListItem`
-
-#### Custom binding
-
-Should any of the provided bindings not completely match an intended use case, then you can create your own.
-When constructing a new binding you might want to access the injected raw `jsonforms` object and `dispatch` method, e.g.
-
-```ts
-import { inject } from 'vue';
-
-const useCustomBinding = (props) => {
-  const jsonforms = inject<JsonFormsSubStates>('jsonforms');
-  const dispatch = inject<Dispatch<CoreActions>>('dispatch');
-
-  return {
-    // use props, jsonforms and dispatch to construct own binding
-  };
-};
-```
-
-Of course these can also be directly injected into your components, e.g.
-
-```ts
-const myComponent = defineComponent({
-  inject: ['jsonforms', 'dispatch'],
-});
-```
-
-The injected `jsonforms` object is not meant to be modified directly.
-Instead it should be modified via the provided `dispatch` and by changing the props of the `json-forms` component.
-
-## License
-
-The JSON Forms project is licensed under the MIT License. See the [LICENSE file](https://github.com/eclipsesource/jsonforms/blob/master/LICENSE) for more information.
-
-## Roadmap
-
-Our current roadmap is available [here](https://github.com/eclipsesource/jsonforms/blob/master/ROADMAP.md).
-
-## Feedback, Help and Support
-
-JSON Forms is developed by [EclipseSource](https://eclipsesource.com).
-
-If you encounter any problems feel free to [open an issue](https://github.com/eclipsesource/jsonforms/issues/new/choose) on the repo.
-For questions and discussions please use the [JSON Forms board](https://jsonforms.discourse.group).
-You can also reach us via [email](mailto:jsonforms@eclipsesource.com?subject=JSON%20Forms).
-In addition, EclipseSource also offers [professional support](https://jsonforms.io/support) for JSON Forms.
-
-## Migration
-
-See our [migration guide](https://github.com/eclipsesource/jsonforms/blob/master/MIGRATION.md) when updating JSON Forms.
diff --git a/packages/vue/babel.config.js b/packages/vue/babel.config.js
deleted file mode 100644
index 493d815d04..0000000000
--- a/packages/vue/babel.config.js
+++ /dev/null
@@ -1,12 +0,0 @@
-const devPresets = ['@vue/cli-plugin-babel/preset'];
-const buildPresets = ['@babel/preset-env', '@babel/preset-typescript'];
-module.exports = {
-  presets: process.env.NODE_ENV === 'production' ? buildPresets : devPresets,
-  plugins:
-    process.env.NODE_ENV === 'test'
-      ? [
-          '@babel/plugin-proposal-optional-chaining',
-          '@babel/plugin-proposal-nullish-coalescing-operator',
-        ]
-      : [],
-};
diff --git a/packages/vue/dev/components/App.vue b/packages/vue/dev/components/App.vue
deleted file mode 100644
index 10f5b6a4fc..0000000000
--- a/packages/vue/dev/components/App.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<script lang="ts">
-import { defineComponent } from 'vue';
-import { JsonForms, JsonFormsChangeEvent } from '../../src';
-import { vueRenderers } from '../renderers';
-
-export default defineComponent({
-  name: 'App',
-  components: {
-    JsonForms,
-  },
-  data: function () {
-    return {
-      renderers: Object.freeze(vueRenderers),
-      data: {
-        number: 5,
-      },
-      schema: {
-        properties: {
-          number: {
-            type: 'number',
-          },
-        },
-      } as any,
-    };
-  },
-  methods: {
-    setSchema() {
-      this.schema = {
-        properties: {
-          name: {
-            type: 'string',
-          },
-        },
-      };
-    },
-    onChange(event: JsonFormsChangeEvent) {
-      console.log(event);
-      this.data = event.data;
-    },
-  },
-});
-</script>
-
-<template>
-  <div id="app">
-    <json-forms
-      :data="data"
-      :schema="schema"
-      :renderers="renderers"
-      @change="onChange"
-    />
-    <button @click="setSchema">Set Schema</button>
-  </div>
-</template>
diff --git a/packages/vue/dev/renderers/ControlRenderer.vue b/packages/vue/dev/renderers/ControlRenderer.vue
deleted file mode 100644
index 50c39563c7..0000000000
--- a/packages/vue/dev/renderers/ControlRenderer.vue
+++ /dev/null
@@ -1,68 +0,0 @@
-<template>
-  <div>
-    <div>Control renderer</div>
-    <div>
-      Schema:
-      <pre>{{ JSON.stringify(schema, null, 2) }}</pre>
-    </div>
-    <div>
-      UI Schema:
-      <pre>{{ JSON.stringify(uischema) }}</pre>
-    </div>
-    <div>
-      Path:
-      <pre>{{ path }}</pre>
-    </div>
-    <div>
-      Computed Props:
-      <pre>{{ JSON.stringify(control, null, 2) }}</pre>
-    </div>
-    <input :value="control.data" @change="onChange" />
-    <div v-if="control.errors" class="error">{{ control.errors }}</div>
-  </div>
-</template>
-
-<script lang="ts">
-import {
-  ControlElement,
-  isControl,
-  JsonFormsRendererRegistryEntry,
-  rankWith,
-} from '@jsonforms/core';
-import { defineComponent } from 'vue';
-import { rendererProps, useJsonFormsControl } from '../../src/';
-
-const controlRenderer = defineComponent({
-  name: 'ControlRenderer',
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props) {
-    return useJsonFormsControl(props);
-  },
-  methods: {
-    onChange(event: Event) {
-      this.handleChange(
-        this.control.path,
-        (event.target as HTMLInputElement).value
-      );
-    },
-  },
-});
-
-export default controlRenderer;
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: controlRenderer,
-  tester: rankWith(1, isControl),
-};
-</script>
-
-<style scoped>
-.error {
-  color: red;
-}
-pre {
-  background-color: lightgray;
-}
-</style>
diff --git a/packages/vue/dev/renderers/LayoutRenderer.vue b/packages/vue/dev/renderers/LayoutRenderer.vue
deleted file mode 100644
index 19ebfd7bcb..0000000000
--- a/packages/vue/dev/renderers/LayoutRenderer.vue
+++ /dev/null
@@ -1,73 +0,0 @@
-<template>
-  <div>
-    <div>Layout renderer</div>
-    <div>
-      Schema:
-      <pre>{{ JSON.stringify(schema, null, 2) }}</pre>
-    </div>
-    <div>
-      UI Schema:
-      <pre>{{ JSON.stringify(uischema) }}</pre>
-    </div>
-    <div>
-      Path:
-      <pre>{{ path }}</pre>
-    </div>
-    <div>
-      Computed Props:
-      <pre>{{ JSON.stringify(layout, null, 2) }}</pre>
-    </div>
-    <div>Children:</div>
-    <div
-      v-for="(element, index) in layout.uischema.elements"
-      :key="`${layout.path}-${index}`"
-    >
-      <dispatch-renderer
-        :schema="layout.schema"
-        :uischema="element"
-        :path="layout.path"
-      />
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import {
-  isLayout,
-  JsonFormsRendererRegistryEntry,
-  Layout,
-  rankWith,
-} from '@jsonforms/core';
-import { defineComponent } from 'vue';
-import {
-  DispatchRenderer,
-  rendererProps,
-  useJsonFormsLayout,
-} from '../../src/';
-
-const layoutRenderer = defineComponent({
-  name: 'LayoutRenderer',
-  components: {
-    DispatchRenderer,
-  },
-  props: {
-    ...rendererProps<Layout>(),
-  },
-  setup(props) {
-    return useJsonFormsLayout(props);
-  },
-});
-
-export default layoutRenderer;
-
-export const entry: JsonFormsRendererRegistryEntry = {
-  renderer: layoutRenderer,
-  tester: rankWith(1, isLayout),
-};
-</script>
-
-<style scoped>
-pre {
-  background-color: lightgray;
-}
-</style>
diff --git a/packages/vue/dev/renderers/index.ts b/packages/vue/dev/renderers/index.ts
deleted file mode 100644
index 6470248138..0000000000
--- a/packages/vue/dev/renderers/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { entry as layoutRendererEntry } from './LayoutRenderer.vue';
-import { entry as controlRendererEntry } from './ControlRenderer.vue';
-
-export const vueRenderers = [layoutRendererEntry, controlRendererEntry];
diff --git a/packages/vue/dev/serve.ts b/packages/vue/dev/serve.ts
deleted file mode 100644
index 61d57934c4..0000000000
--- a/packages/vue/dev/serve.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { createApp } from 'vue';
-import App from './components/App.vue';
-
-createApp(App).mount('#app');
diff --git a/packages/vue/jest.config.js b/packages/vue/jest.config.js
deleted file mode 100644
index 8e98694fd0..0000000000
--- a/packages/vue/jest.config.js
+++ /dev/null
@@ -1,8 +0,0 @@
-module.exports = {
-  preset: 'ts-jest',
-  testEnvironment: 'jsdom',
-  transform: {
-    '^.+\\.ts$': 'ts-jest',
-    '^.+\\.vue$': '@vue/vue3-jest',
-  },
-};
diff --git a/packages/vue/package.json b/packages/vue/package.json
deleted file mode 100644
index 332f2c8472..0000000000
--- a/packages/vue/package.json
+++ /dev/null
@@ -1,91 +0,0 @@
-{
-  "name": "@jsonforms/vue",
-  "version": "3.4.1",
-  "description": "Vue 3 module of JSON Forms",
-  "repository": "https://github.com/eclipsesource/jsonforms",
-  "bugs": "https://github.com/eclipsesource/jsonforms/issues",
-  "homepage": "http://jsonforms.io/",
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  },
-  "keywords": [
-    "vue",
-    "vue3",
-    "vue 3",
-    "form",
-    "forms",
-    "json",
-    "jsonforms",
-    "frontend",
-    "generator",
-    "input",
-    "renderengine",
-    "jsonschema",
-    "schema",
-    "uischema",
-    "layout",
-    "customization"
-  ],
-  "main": "lib/jsonforms-vue.cjs.js",
-  "module": "lib/jsonforms-vue.esm.js",
-  "types": "lib/index.d.ts",
-  "files": [
-    "lib/*",
-    "src/*"
-  ],
-  "scripts": {
-    "serve": "vue-cli-service serve dev/serve.ts",
-    "build": "cross-env NODE_ENV=production rollup --config rollup.config.js",
-    "clean": "rimraf lib",
-    "lint": "eslint .",
-    "lint:fix": "eslint --fix .",
-    "doc": "typedoc --name 'JSON Forms Vue' --out docs src/jsonFormsCompositions.ts",
-    "test": "jest"
-  },
-  "dependencies": {
-    "lodash": "^4.17.21"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.16.0",
-    "@babel/preset-env": "^7.16.4",
-    "@babel/preset-typescript": "^7.9.0",
-    "@jsonforms/core": "workspace:*",
-    "@rollup/plugin-alias": "^3.1.8",
-    "@types/jest": "^27.4.1",
-    "@types/node": "^18.19.4",
-    "@typescript-eslint/eslint-plugin": "^5.54.1",
-    "@typescript-eslint/parser": "^5.54.1",
-    "@vue/cli-plugin-babel": "~5.0.8",
-    "@vue/cli-plugin-typescript": "~5.0.8",
-    "@vue/cli-service": "~5.0.8",
-    "@vue/eslint-config-typescript": "^11.0.2",
-    "@vue/test-utils": "^2.4.5",
-    "@vue/vue3-jest": "^27.0.0",
-    "core-js": "^3.9.1",
-    "cross-env": "^7.0.2",
-    "eslint": "^8.56.0",
-    "eslint-config-prettier": "^8.7.0",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-prettier-vue": "^4.2.0",
-    "eslint-plugin-vue": "^9.9.0",
-    "jest": "^27.5.1",
-    "prettier": "^2.8.4",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.78.0",
-    "rollup-plugin-babel": "^4.4.0",
-    "rollup-plugin-cleanup": "^3.2.1",
-    "rollup-plugin-typescript2": "^0.34.1",
-    "rollup-plugin-visualizer": "^5.4.1",
-    "rollup-plugin-vue": "^6.0.0",
-    "ts-jest": "^27.1.5",
-    "tslib": "^2.5.0",
-    "typedoc": "~0.25.3",
-    "typescript": "~5.2.2",
-    "vue": "^3.4.21"
-  },
-  "peerDependencies": {
-    "@jsonforms/core": "3.4.1",
-    "vue": "^3.2.26"
-  }
-}
diff --git a/packages/vue/rollup.config.js b/packages/vue/rollup.config.js
deleted file mode 100644
index 7ff07e13b8..0000000000
--- a/packages/vue/rollup.config.js
+++ /dev/null
@@ -1,84 +0,0 @@
-import vue from 'rollup-plugin-vue';
-import alias from '@rollup/plugin-alias';
-import babel from 'rollup-plugin-babel';
-import typescript from 'rollup-plugin-typescript2';
-import cleanup from 'rollup-plugin-cleanup';
-import { visualizer } from 'rollup-plugin-visualizer';
-
-const packageJson = require('./package.json');
-
-const baseConfig = {
-  input: 'src/index.ts',
-  external: [
-    ...Object.keys(packageJson.dependencies),
-    ...Object.keys(packageJson.peerDependencies),
-    /^lodash\/.*/,
-  ],
-};
-
-const buildFormats = [
-  {
-    ...baseConfig,
-    output: {
-      file: packageJson.module,
-      format: 'esm',
-      sourcemap: true,
-    },
-    plugins: [
-      typescript({
-        tsconfigOverride: {
-          include: null,
-          exclude: ['node_modules', 'tests', 'dev'],
-        },
-      }),
-      alias({
-        resolve: ['.js', '.jsx', '.ts', '.tsx', '.vue'],
-      }),
-      vue({
-        css: false,
-        template: {
-          isProduction: true,
-        },
-      }),
-      babel({
-        exclude: 'node_modules/**',
-        extensions: ['.js', '.jsx', '.ts', '.tsx', '.vue'],
-      }),
-      cleanup({ extensions: ['js', 'ts', 'jsx', 'tsx', 'vue'] }),
-      visualizer({ open: false }),
-    ],
-  },
-  {
-    ...baseConfig,
-    output: {
-      file: packageJson.main,
-      format: 'cjs',
-      sourcemap: true,
-    },
-    plugins: [
-      typescript({
-        tsconfigOverride: {
-          include: null,
-          exclude: ['node_modules', 'tests', 'dev'],
-          target: 'ES5',
-        },
-      }),
-      alias({
-        resolve: ['.js', '.jsx', '.ts', '.tsx', '.vue'],
-      }),
-      vue({
-        css: false,
-        template: {
-          isProduction: true,
-        },
-      }),
-      babel({
-        exclude: 'node_modules/**',
-        extensions: ['.js', '.jsx', '.ts', '.tsx', '.vue'],
-      }),
-      cleanup({ extensions: ['js', 'ts', 'jsx', 'tsx', 'vue'] }),
-    ],
-  },
-];
-
-export default buildFormats;
diff --git a/packages/vue/shims-vue.d.ts b/packages/vue/shims-vue.d.ts
deleted file mode 100644
index 907465b245..0000000000
--- a/packages/vue/shims-vue.d.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue';
-  const component: DefineComponent<{}, {}, any>;
-  export default component;
-
-  export const entry;
-}
diff --git a/packages/vue/src/components/DispatchCell.vue b/packages/vue/src/components/DispatchCell.vue
deleted file mode 100644
index 95786e3ed1..0000000000
--- a/packages/vue/src/components/DispatchCell.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<template>
-  <component :is="determinedCell" v-bind="cell"></component>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue';
-import UnknownRenderer from './UnknownRenderer.vue';
-import maxBy from 'lodash/maxBy';
-import {
-  rendererProps,
-  useJsonFormsDispatchCell,
-} from '../jsonFormsCompositions';
-import { ControlElement } from '@jsonforms/core';
-
-export default defineComponent({
-  name: 'DispatchCell',
-  props: {
-    ...rendererProps<ControlElement>(),
-  },
-  setup(props) {
-    return useJsonFormsDispatchCell(props);
-  },
-  computed: {
-    determinedCell(): any {
-      const testerContext = {
-        rootSchema: this.cell.rootSchema,
-        config: this.config,
-      };
-      const cell = maxBy(this.cell.cells, (r) =>
-        r.tester(this.cell.uischema, this.cell.schema, testerContext)
-      );
-      if (
-        cell === undefined ||
-        cell.tester(this.cell.uischema, this.cell.schema, testerContext) === -1
-      ) {
-        return UnknownRenderer;
-      } else {
-        return cell.cell;
-      }
-    },
-  },
-});
-</script>
diff --git a/packages/vue/src/components/DispatchRenderer.vue b/packages/vue/src/components/DispatchRenderer.vue
deleted file mode 100644
index 86433c7f4f..0000000000
--- a/packages/vue/src/components/DispatchRenderer.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<template>
-  <component :is="determinedRenderer" v-bind="renderer"></component>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue';
-import UnknownRenderer from './UnknownRenderer.vue';
-import maxBy from 'lodash/maxBy';
-import { rendererProps, useJsonFormsRenderer } from '../jsonFormsCompositions';
-
-export default defineComponent({
-  name: 'DispatchRenderer',
-  props: {
-    ...rendererProps(),
-  },
-  setup(props) {
-    return useJsonFormsRenderer(props);
-  },
-  computed: {
-    determinedRenderer(): any {
-      const testerContext = {
-        rootSchema: this.rootSchema,
-        config: this.config,
-      };
-      const renderer = maxBy(this.renderer.renderers, (r) =>
-        r.tester(this.renderer.uischema, this.renderer.schema, testerContext)
-      );
-      if (
-        renderer === undefined ||
-        renderer.tester(
-          this.renderer.uischema,
-          this.renderer.schema,
-          testerContext
-        ) === -1
-      ) {
-        return UnknownRenderer;
-      } else {
-        return renderer.renderer;
-      }
-    },
-  },
-});
-</script>
diff --git a/packages/vue/src/components/JsonForms.vue b/packages/vue/src/components/JsonForms.vue
deleted file mode 100644
index 54b10e7f00..0000000000
--- a/packages/vue/src/components/JsonForms.vue
+++ /dev/null
@@ -1,283 +0,0 @@
-<template>
-  <dispatch-renderer
-    :schema="jsonforms.core.schema"
-    :uischema="jsonforms.core.uischema"
-    :path="''"
-  />
-</template>
-
-<script lang="ts">
-import { PropType, reactive, defineComponent } from 'vue';
-import {
-  coreReducer,
-  Actions,
-  Generate,
-  configReducer,
-  JsonSchema,
-  UISchemaElement,
-  ValidationMode,
-  JsonFormsCore,
-  JsonFormsUISchemaRegistryEntry,
-  JsonFormsRendererRegistryEntry,
-  JsonFormsCellRendererRegistryEntry,
-  CoreActions,
-  i18nReducer,
-  JsonFormsI18nState,
-  defaultMiddleware,
-  Middleware,
-} from '@jsonforms/core';
-import { JsonFormsChangeEvent, MaybeReadonly } from '../types';
-import DispatchRenderer from './DispatchRenderer.vue';
-
-import Ajv, { ErrorObject } from 'ajv';
-
-// TODO fix @typescript-eslint/ban-types
-// eslint-disable-next-line @typescript-eslint/ban-types
-const isObject = (elem: any): elem is Object => {
-  return elem && typeof elem === 'object';
-};
-
-const EMPTY: ErrorObject[] = reactive([]);
-
-export default defineComponent({
-  name: 'JsonForms',
-  components: {
-    DispatchRenderer,
-  },
-  provide() {
-    return {
-      jsonforms: this.jsonforms,
-      dispatch: this.dispatch,
-    };
-  },
-  props: {
-    data: {
-      required: true,
-      type: [String, Number, Boolean, Array, Object] as PropType<any>,
-    },
-    schema: {
-      required: false,
-      type: [Object, Boolean] as PropType<JsonSchema>,
-      default: undefined,
-    },
-    uischema: {
-      required: false,
-      type: Object as PropType<UISchemaElement>,
-      default: undefined,
-    },
-    renderers: {
-      required: true,
-      type: Array as PropType<MaybeReadonly<JsonFormsRendererRegistryEntry[]>>,
-    },
-    cells: {
-      required: false,
-      type: Array as PropType<
-        MaybeReadonly<JsonFormsCellRendererRegistryEntry[]>
-      >,
-      default: () => [],
-    },
-    config: {
-      required: false,
-      type: Object as PropType<any>,
-      default: undefined,
-    },
-    readonly: {
-      required: false,
-      type: Boolean,
-      default: false,
-    },
-    uischemas: {
-      required: false,
-      type: Array as PropType<MaybeReadonly<JsonFormsUISchemaRegistryEntry[]>>,
-      default: () => [],
-    },
-    validationMode: {
-      required: false,
-      type: String as PropType<ValidationMode>,
-      default: 'ValidateAndShow',
-    },
-    ajv: {
-      required: false,
-      type: Object as PropType<Ajv>,
-      default: undefined,
-    },
-    i18n: {
-      required: false,
-      type: Object as PropType<JsonFormsI18nState>,
-      default: undefined,
-    },
-    additionalErrors: {
-      required: false,
-      type: Array as PropType<ErrorObject[]>,
-      default: () => EMPTY,
-    },
-    middleware: {
-      required: false,
-      type: Function as PropType<Middleware>,
-      default: defaultMiddleware,
-    },
-  },
-  emits: ['change'],
-  data() {
-    const dataToUse = this.data;
-    const generatorData = isObject(dataToUse) ? dataToUse : {};
-    const schemaToUse: JsonSchema =
-      this.schema ?? Generate.jsonSchema(generatorData);
-    const uischemaToUse =
-      this.uischema ??
-      Generate.uiSchema(schemaToUse, undefined, undefined, schemaToUse);
-    const initCore = (): JsonFormsCore => {
-      const initialCore = {
-        data: dataToUse,
-        schema: schemaToUse,
-        uischema: uischemaToUse,
-      };
-      const core = this.middleware(
-        initialCore,
-        Actions.init(dataToUse, schemaToUse, uischemaToUse, {
-          validationMode: this.validationMode,
-          ajv: this.ajv,
-          additionalErrors: this.additionalErrors,
-        }),
-        coreReducer
-      );
-      return core;
-    };
-    return {
-      schemaToUse,
-      dataToUse,
-      uischemaToUse,
-      jsonforms: {
-        core: initCore(),
-        config: configReducer(undefined, Actions.setConfig(this.config)),
-        i18n: i18nReducer(
-          this.i18n,
-          Actions.updateI18n(
-            this.i18n?.locale,
-            this.i18n?.translate,
-            this.i18n?.translateError
-          )
-        ),
-        renderers: this.renderers,
-        cells: this.cells,
-        uischemas: this.uischemas,
-        readonly: this.readonly,
-      },
-    };
-  },
-  computed: {
-    coreDataToUpdate(): any {
-      return [
-        this.dataToUse,
-        this.schemaToUse,
-        this.uischemaToUse,
-        this.validationMode,
-        this.ajv,
-        this.additionalErrors,
-      ];
-    },
-    eventToEmit(): JsonFormsChangeEvent {
-      return {
-        data: this.jsonforms.core.data,
-        errors: this.jsonforms.core.errors,
-      };
-    },
-  },
-  watch: {
-    schema(newSchema) {
-      const generatorData = isObject(this.data) ? this.data : {};
-      this.schemaToUse = newSchema ?? Generate.jsonSchema(generatorData);
-      if (!this.uischema) {
-        this.uischemaToUse = Generate.uiSchema(
-          this.schemaToUse,
-          undefined,
-          undefined,
-          this.schemaToUse
-        );
-      }
-    },
-    uischema(newUischema) {
-      this.uischemaToUse =
-        newUischema ??
-        Generate.uiSchema(
-          this.schemaToUse,
-          undefined,
-          undefined,
-          this.schemaToUse
-        );
-    },
-    data(newData) {
-      this.dataToUse = newData;
-    },
-    renderers(newRenderers) {
-      this.jsonforms.renderers = newRenderers;
-    },
-    cells(newCells) {
-      this.jsonforms.cells = newCells;
-    },
-    uischemas(newUischemas) {
-      this.jsonforms.uischemas = newUischemas;
-    },
-    config: {
-      handler(newConfig) {
-        this.jsonforms.config = configReducer(
-          undefined,
-          Actions.setConfig(newConfig)
-        );
-      },
-      deep: true,
-    },
-    readonly(newReadonly) {
-      this.jsonforms.readonly = newReadonly;
-    },
-    coreDataToUpdate() {
-      this.jsonforms.core = this.middleware(
-        this.jsonforms.core as JsonFormsCore,
-        Actions.updateCore(
-          this.dataToUse,
-          this.schemaToUse,
-          this.uischemaToUse,
-          {
-            validationMode: this.validationMode,
-            ajv: this.ajv,
-            additionalErrors: this.additionalErrors,
-          }
-        ),
-        coreReducer
-      );
-    },
-    eventToEmit(newEvent) {
-      this.$emit('change', newEvent);
-    },
-    i18n: {
-      handler(newI18n) {
-        this.jsonforms.i18n = i18nReducer(
-          this.jsonforms.i18n,
-          Actions.updateI18n(
-            newI18n?.locale,
-            newI18n?.translate,
-            newI18n?.translateError
-          )
-        );
-      },
-      deep: true,
-    },
-  },
-  mounted() {
-    // emit an inital change so clients can react to error validation and default data insertion
-    this.$emit('change', {
-      data: this.jsonforms.core.data,
-      errors: this.jsonforms.core.errors,
-    });
-  },
-  methods: {
-    dispatch(action: CoreActions) {
-      this.jsonforms.core = this.middleware(
-        this.jsonforms.core as JsonFormsCore,
-        action,
-        coreReducer
-      );
-    },
-  },
-});
-</script>
diff --git a/packages/vue/src/components/UnknownRenderer.vue b/packages/vue/src/components/UnknownRenderer.vue
deleted file mode 100644
index 18c8801807..0000000000
--- a/packages/vue/src/components/UnknownRenderer.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<template>
-  <div>No applicable renderer found.</div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue';
-
-export default defineComponent({
-  name: 'UnknownRenderer',
-});
-</script>
diff --git a/packages/vue/src/components/index.ts b/packages/vue/src/components/index.ts
deleted file mode 100644
index d31b0e01b4..0000000000
--- a/packages/vue/src/components/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export { default as DispatchRenderer } from './DispatchRenderer.vue';
-export { default as DispatchCell } from './DispatchCell.vue';
-export { default as JsonForms } from './JsonForms.vue';
-export { default as UnknownRenderer } from './UnknownRenderer.vue';
diff --git a/packages/vue/src/index.ts b/packages/vue/src/index.ts
deleted file mode 100644
index 319a72aeff..0000000000
--- a/packages/vue/src/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './components';
-export * from './jsonFormsCompositions';
-export * from './types';
diff --git a/packages/vue/src/jsonFormsCompositions.ts b/packages/vue/src/jsonFormsCompositions.ts
deleted file mode 100644
index 1ac967aab6..0000000000
--- a/packages/vue/src/jsonFormsCompositions.ts
+++ /dev/null
@@ -1,530 +0,0 @@
-import {
-  ControlElement,
-  Dispatch,
-  Layout,
-  mapDispatchToControlProps,
-  mapStateToControlProps,
-  mapStateToLayoutProps,
-  JsonFormsSubStates,
-  JsonSchema,
-  UISchemaElement,
-  CoreActions,
-  mapStateToEnumControlProps,
-  JsonFormsState,
-  mapStateToOneOfEnumControlProps,
-  OwnPropsOfMasterListItem,
-  mapStateToMasterListItemProps,
-  mapStateToControlWithDetailProps,
-  mapStateToArrayControlProps,
-  mapDispatchToArrayControlProps,
-  mapStateToAllOfProps,
-  mapStateToAnyOfProps,
-  mapStateToOneOfProps,
-  mapStateToJsonFormsRendererProps,
-  mapStateToArrayLayoutProps,
-  mapStateToCellProps,
-  JsonFormsRendererRegistryEntry,
-  JsonFormsCellRendererRegistryEntry,
-  defaultMapStateToEnumCellProps,
-  mapStateToDispatchCellProps,
-  mapStateToOneOfEnumCellProps,
-  StatePropsOfJsonFormsRenderer,
-  createId,
-  removeId,
-  mapStateToMultiEnumControlProps,
-  mapDispatchToMultiEnumProps,
-  mapStateToLabelProps,
-  LabelElement,
-  Categorization,
-  isControl,
-  Scopable,
-} from '@jsonforms/core';
-import {
-  PropType,
-  computed,
-  ComputedRef,
-  inject,
-  onBeforeMount,
-  onUnmounted,
-  ref,
-  watch,
-} from 'vue';
-
-/**
- * Constructs a props declaration for Vue components which can be used
- * for registered renderers and cells. These are typically used in combination
- * with one of the provided bindings, e.g. 'useJsonFormsControl'.
- *
- * Use the generic type parameter when using a specialized binding, e.g.
- * `rendererProps<Layout>()` in combination with `useJsonFormsLayout` or
- * `rendererProps<ControlElement>()` in combination with `useJsonFormsControl`.
- */
-export const rendererProps = <U = UISchemaElement>() => ({
-  schema: {
-    required: true as const,
-    type: [Object, Boolean] as PropType<JsonSchema>,
-  },
-  uischema: {
-    required: true as const,
-    type: Object as PropType<U>,
-  },
-  path: {
-    required: true as const,
-    type: String,
-  },
-  enabled: {
-    required: false as const,
-    type: Boolean,
-    default: undefined,
-  },
-  renderers: {
-    required: false,
-    type: Array as PropType<JsonFormsRendererRegistryEntry[]>,
-    default: undefined,
-  },
-  cells: {
-    required: false,
-    type: Array as PropType<JsonFormsCellRendererRegistryEntry[]>,
-    default: undefined,
-  },
-  config: {
-    required: false,
-    type: Object,
-    default: undefined,
-  },
-});
-
-/**
- * Constructs a props declaration for Vue components which shall be used as
- * master list items.
- */
-export const masterListItemProps = () => ({
-  index: {
-    required: true as const,
-    type: Number,
-  },
-  selected: {
-    required: true as const,
-    type: Boolean,
-  },
-  path: {
-    required: true as const,
-    type: String,
-  },
-  schema: {
-    required: true as const,
-    type: [Object, Boolean] as PropType<JsonSchema>,
-  },
-  handleSelect: {
-    required: false as const,
-    type: Function as PropType<(index: number) => void>,
-    default: undefined,
-  },
-  removeItem: {
-    required: false as const,
-    type: Function as PropType<(path: string, value: number) => void>,
-    default: undefined,
-  },
-});
-
-export interface RendererProps<U = UISchemaElement> {
-  schema: JsonSchema;
-  uischema: U;
-  path: string;
-  enabled?: boolean;
-  renderers?: JsonFormsRendererRegistryEntry[];
-  cells?: JsonFormsCellRendererRegistryEntry[];
-  config?: any;
-}
-
-export interface ControlProps extends RendererProps {
-  uischema: ControlElement;
-}
-
-export type Required<T> = T extends object
-  ? { [P in keyof T]-?: NonNullable<T[P]> }
-  : T;
-
-// TODO fix @typescript-eslint/ban-types
-// eslint-disable-next-line @typescript-eslint/ban-types, @typescript-eslint/no-unused-vars
-export function useControl<
-  R,
-  D,
-  P extends { schema: JsonSchema; uischema: UISchemaElement & Scopable }
->(
-  props: P,
-  stateMap: (state: JsonFormsState, props: P) => R
-): { control: ComputedRef<Required<P & R>> };
-// TODO fix @typescript-eslint/ban-types
-// eslint-disable-next-line @typescript-eslint/ban-types
-export function useControl<
-  R,
-  D,
-  P extends { schema: JsonSchema; uischema: UISchemaElement & Scopable }
->(
-  props: P,
-  stateMap: (state: JsonFormsState, props: P) => R,
-  dispatchMap: (dispatch: Dispatch<CoreActions>) => D
-): { control: ComputedRef<Required<P & R>> } & D;
-// TODO fix @typescript-eslint/ban-types
-// eslint-disable-next-line @typescript-eslint/ban-types
-export function useControl<
-  R,
-  D,
-  P extends { schema: JsonSchema; uischema: UISchemaElement & Scopable }
->(
-  props: P,
-  stateMap: (state: JsonFormsState, props: P) => R,
-  dispatchMap?: (dispatch: Dispatch<CoreActions>) => D
-) {
-  const jsonforms = inject<JsonFormsSubStates>('jsonforms');
-  const dispatch = inject<Dispatch<CoreActions>>('dispatch');
-
-  if (!jsonforms || !dispatch) {
-    throw new Error(
-      "'jsonforms' or 'dispatch' couldn't be injected. Are you within JSON Forms?"
-    );
-  }
-
-  const id = ref<string | undefined>(undefined);
-  const control = computed(() => ({
-    ...props,
-    ...stateMap({ jsonforms }, props),
-    id: id.value,
-  }));
-
-  const dispatchMethods = dispatchMap?.(dispatch);
-
-  onBeforeMount(() => {
-    if (control.value.uischema.scope) {
-      id.value = createId(control.value.uischema.scope);
-    }
-  });
-
-  watch(
-    () => props.schema,
-    (newSchema, prevSchem) => {
-      if (newSchema !== prevSchem && isControl(control.value.uischema)) {
-        if (id.value) {
-          removeId(id.value);
-        }
-        id.value = createId(control.value.uischema.scope);
-      }
-    }
-  );
-
-  onUnmounted(() => {
-    if (id.value) {
-      removeId(id.value);
-      id.value = undefined;
-    }
-  });
-
-  return {
-    control: control,
-    ...dispatchMethods,
-  };
-}
-
-/**
- * Provides generic bindings for 'Control' elements.
- * Should be used when no specialized bindings are appropriate.
- *
- * Access bindings via the provided reactive `control` object.
- * Dispatch changes via the provided `handleChange` method.
- */
-export const useJsonFormsControl = (props: ControlProps) => {
-  return useControl(props, mapStateToControlProps, mapDispatchToControlProps);
-};
-
-/**
- * Provides bindings for 'Control' elements which can provide a 'detail',
- * for example array and object renderers.
- *
- * Access bindings via the provided reactive `control` object.
- * Dispatch changes via the provided `handleChange` method.
- */
-export const useJsonFormsControlWithDetail = (props: ControlProps) => {
-  return useControl(
-    props,
-    mapStateToControlWithDetailProps,
-    mapDispatchToControlProps
-  );
-};
-
-/**
- * Provides bindings for 'Control' elements which resolve to 'enum' schema elements.
- *
- * Access bindings via the provided reactive `control` object.
- * Dispatch changes via the provided `handleChange` method.
- */
-export const useJsonFormsEnumControl = (props: ControlProps) => {
-  return useControl(
-    props,
-    mapStateToEnumControlProps,
-    mapDispatchToControlProps
-  );
-};
-
-/**
- * Provides bindings for 'Control' elements which resolve to manually constructed
- * 'oneOf' enums. These are used to enhance enums with label support.
- *
- * Access bindings via the provided reactive `control` object.
- * Dispatch changes via the provided `handleChange` method.
- */
-export const useJsonFormsOneOfEnumControl = (props: ControlProps) => {
-  return useControl(
-    props,
-    mapStateToOneOfEnumControlProps,
-    mapDispatchToControlProps
-  );
-};
-
-// Explicitly create type to avoid TS2732.
-// This is due to core's StatePropsOfArrayControl exposing AJV's ErrorObject type.
-// The same as the parameterized return type of useControl
-// Could alternatively be created like the following with Typescript 4.7+
-// but this does not work with the ESLint typescript parser, yet:
-// type UseJsonFormsArrayControlReturnType = typeof useControl<
-//   ReturnType<typeof mapStateToArrayControlProps>,
-//   ReturnType<typeof mapDispatchToArrayControlProps>,
-//   ControlProps
-// >;
-type UseJsonFormsArrayControlReturnType = {
-  control: ComputedRef<
-    Required<ReturnType<typeof mapStateToArrayControlProps>>
-  >;
-} & ReturnType<typeof mapDispatchToArrayControlProps>;
-/**
- * Provides bindings for 'Control' elements which resolve to 'array' schema elements.
- *
- * Access bindings via the provided reactive `control` object.
- * Dispatch changes via the provided `handleChange` method.
- */
-export const useJsonFormsArrayControl: (
-  props: ControlProps
-) => UseJsonFormsArrayControlReturnType = (props: ControlProps) => {
-  return useControl(
-    props,
-    mapStateToArrayControlProps,
-    mapDispatchToArrayControlProps
-  );
-};
-
-/**
- * Provides bindings for 'Control' elements which resolve to 'allOf' schema elements.
- *
- * Access bindings via the provided reactive `control` object.
- * Dispatch changes via the provided `handleChange` method.
- */
-export const useJsonFormsAllOfControl = (props: ControlProps) => {
-  return useControl(props, mapStateToAllOfProps, mapDispatchToControlProps);
-};
-
-/**
- * Provides bindings for 'Control' elements which resolve to 'anyOf' schema elements.
- *
- * Access bindings via the provided reactive `control` object.
- * Dispatch changes via the provided `handleChange` method.
- */
-export const useJsonFormsAnyOfControl = (props: ControlProps) => {
-  return useControl(props, mapStateToAnyOfProps, mapDispatchToControlProps);
-};
-
-/**
- * Provides bindings for 'Control' elements which resolve to 'oneOf' schema elements.
- *
- * Access bindings via the provided reactive `control` object.
- * Dispatch changes via the provided `handleChange` method.
- */
-export const useJsonFormsOneOfControl = (props: ControlProps) => {
-  return useControl(props, mapStateToOneOfProps, mapDispatchToControlProps);
-};
-
-/**
- * Provides bindings for 'Control' elements which resolve to multiple choice enums.
- *
- * Access bindings via the provided reactive `control` object.
- * Dispatch changes via the provided `handleChange` method.
- */
-export const useJsonFormsMultiEnumControl = (props: ControlProps) => {
-  return useControl(
-    props,
-    mapStateToMultiEnumControlProps,
-    mapDispatchToMultiEnumProps
-  );
-};
-
-export interface LayoutProps extends RendererProps {
-  uischema: Layout;
-}
-
-/**
- * Provides bindings for 'Layout' elements, e.g. VerticalLayout, HorizontalLayout, Group.
- *
- * Access bindings via the provided reactive 'layout' object.
- */
-export const useJsonFormsLayout = (props: LayoutProps) => {
-  const { control, ...other } = useControl(props, mapStateToLayoutProps);
-  return { layout: control, ...other };
-};
-
-/**
- * Provides bindings for 'Control' elements which resolve to 'array' elements which
- * shall be rendered as a layout instead of a control.
- *
- * Access bindings via the provided reactive 'layout' object.
- */
-export const useJsonFormsArrayLayout = (props: ControlProps) => {
-  const { control, ...other } = useControl(props, mapStateToArrayLayoutProps);
-  return { layout: control, ...other };
-};
-
-/**
- * Provides bindings for list elements of a master-list-detail control setup.
- * The element using this binding is not supposed to be registered as an own renderer
- * but used in a more specialized control.
- *
- * Access bindings via the provided reactive 'item' object.
- */
-export const useJsonFormsMasterListItem = (props: OwnPropsOfMasterListItem) => {
-  const { control, ...other } = useControl<
-    Omit<OwnPropsOfMasterListItem, 'handleSelect' | 'removeItem'>,
-    unknown,
-    OwnPropsOfMasterListItem
-  >(props, mapStateToMasterListItemProps);
-  return { item: control, ...other };
-};
-
-/**
- * Provides specialized bindings which can be used for any renderer.
- * Useful for meta elements like dispatchers.
- *
- * Access bindings via the provided reactive 'renderer' object.
- */
-export const useJsonFormsRenderer = (props: RendererProps) => {
-  const jsonforms = inject<JsonFormsSubStates>('jsonforms');
-  const dispatch = inject<Dispatch<CoreActions>>('dispatch');
-
-  if (!jsonforms || !dispatch) {
-    throw new Error(
-      "'jsonforms' or 'dispatch' couldn't be injected. Are you within JSON Forms?"
-    );
-  }
-
-  const rawProps = computed(
-    () =>
-      mapStateToJsonFormsRendererProps(
-        { jsonforms },
-        props
-      ) as Required<StatePropsOfJsonFormsRenderer>
-  );
-
-  const rootSchema = computed(() => rawProps.value.rootSchema);
-  const renderer = computed(() => {
-    const { rootSchema: _rootSchema, ...rest } = rawProps.value;
-    return rest;
-  });
-
-  return {
-    renderer,
-    rootSchema,
-  };
-};
-
-/**
- * Provides bindings for 'Label' elements.
- *
- * Access bindings via the provided reactive `label` object.
- */
-export const useJsonFormsLabel = (props: RendererProps<LabelElement>) => {
-  const { control, ...other } = useControl(props, mapStateToLabelProps);
-  return { label: control, ...other };
-};
-
-/**
- * Provides bindings for cell elements. Cells are meant to show simple inputs,
- * for example without error validation, within a larger structure like tables.
- *
- * Access bindings via the provided reactive 'cell' object.
- * Dispatch changes via the provided `handleChange` method.
- */
-export const useJsonFormsCell = (props: ControlProps) => {
-  const { control, ...other } = useControl(
-    props,
-    mapStateToCellProps,
-    mapDispatchToControlProps
-  );
-  return { cell: control, ...other };
-};
-
-/**
- * Provides bindings for enum cell elements. Cells are meant to show simple inputs,
- * for example without error validation, within a larger structure like tables.
- *
- * Access bindings via the provided reactive 'cell' object.
- * Dispatch changes via the provided `handleChange` method.
- */
-export const useJsonFormsEnumCell = (props: ControlProps) => {
-  const { control, ...other } = useControl(
-    props,
-    defaultMapStateToEnumCellProps,
-    mapDispatchToControlProps
-  );
-  return { cell: control, ...other };
-};
-
-/**
- * Provides bindings for 'oneOf' enum cell elements. Cells are meant to show simple inputs,
- * for example without error validation, within a larger structure like tables.
- *
- * Access bindings via the provided reactive 'cell' object.
- * Dispatch changes via the provided `handleChange` method.
- */
-export const useJsonFormsOneOfEnumCell = (props: ControlProps) => {
-  const { control, ...other } = useControl(
-    props,
-    mapStateToOneOfEnumCellProps,
-    mapDispatchToControlProps
-  );
-  return { cell: control, ...other };
-};
-
-/**
- * Provides bindings for a cell dispatcher. Cells are meant to show simple inputs,
- * for example without error validation, within a larger structure like tables.
- *
- * Access bindings via the provided reactive 'cell' object.
- * Dispatch changes via the provided `handleChange` method.
- */
-export const useJsonFormsDispatchCell = (props: ControlProps) => {
-  const { control, ...other } = useControl(
-    props,
-    mapStateToDispatchCellProps,
-    mapDispatchToControlProps
-  );
-  return { cell: control, ...other };
-};
-
-/**
- * Provides bindings for 'Categorization' elements.
- *
- * Access bindings via the provided `categories` array with reactive category objects.
- */
-export const useJsonFormsCategorization = (props: LayoutProps) => {
-  const { layout, ...other } = useJsonFormsLayout(props);
-
-  const categories = (layout.value.uischema as Categorization).elements.map(
-    (category) => {
-      const categoryProps: LayoutProps = {
-        ...props,
-        uischema: category,
-      };
-
-      return useJsonFormsLayout(categoryProps).layout;
-    }
-  );
-
-  return { layout, categories, ...other };
-};
diff --git a/packages/vue/src/types.ts b/packages/vue/src/types.ts
deleted file mode 100644
index 4ed76941b2..0000000000
--- a/packages/vue/src/types.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import {
-  CoreActions,
-  Dispatch,
-  JsonFormsCore,
-  JsonFormsSubStates,
-} from '@jsonforms/core';
-
-export interface InjectJsonFormsState {
-  jsonforms: JsonFormsSubStates;
-}
-export interface InjectJsonFormsDispatch {
-  dispatch: Dispatch<CoreActions>;
-}
-
-export type JsonFormsChangeEvent = Pick<JsonFormsCore, 'data' | 'errors'>;
-
-export type MaybeReadonly<T> = T | Readonly<T>;
diff --git a/packages/vue/tests/testHelper.ts b/packages/vue/tests/testHelper.ts
deleted file mode 100644
index 4eddba4473..0000000000
--- a/packages/vue/tests/testHelper.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const bindings = <B>(b: B): B => b;
diff --git a/packages/vue/tests/unit/JsonForms.spec.ts b/packages/vue/tests/unit/JsonForms.spec.ts
deleted file mode 100644
index b39e505273..0000000000
--- a/packages/vue/tests/unit/JsonForms.spec.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import { JsonFormsUISchemaRegistryEntry, Generate } from '@jsonforms/core';
-import { shallowMount } from '@vue/test-utils';
-import { JsonForms } from '../../src';
-import { bindings } from '../testHelper';
-
-describe('JsonForms.vue', () => {
-  it('uses undefined as schema prop when not given', () => {
-    const data = { number: 5 };
-    const renderers: JsonFormsUISchemaRegistryEntry[] = [];
-    const wrapper = shallowMount(
-      JsonForms,
-      bindings({
-        props: { data, renderers },
-      })
-    );
-    expect((wrapper as any).props('schema')).toBe(undefined);
-  });
-
-  it('generates schema when not given via prop', () => {
-    const data = { number: 5.5 };
-    const renderers: JsonFormsUISchemaRegistryEntry[] = [];
-    const wrapper = shallowMount(
-      JsonForms,
-      bindings({
-        props: { data, renderers },
-      })
-    );
-    expect((wrapper.vm as any).jsonforms.core.schema).toEqual(
-      Generate.jsonSchema(data)
-    );
-  });
-
-  it('generates ui schema when not given via prop', () => {
-    const data = { number: 5.5 };
-    const schema = {
-      type: 'object',
-      properties: { number: { type: 'number' } },
-    };
-    const renderers: JsonFormsUISchemaRegistryEntry[] = [];
-    const wrapper = shallowMount(
-      JsonForms,
-      bindings({
-        props: { data, schema, renderers },
-      })
-    );
-    expect((wrapper.vm as any).jsonforms.core.uischema).toEqual(
-      Generate.uiSchema(schema)
-    );
-  });
-});
diff --git a/packages/vue/tsconfig.json b/packages/vue/tsconfig.json
deleted file mode 100644
index 73cbe2f5f4..0000000000
--- a/packages/vue/tsconfig.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2021",
-    "module": "ES2020",
-    "skipLibCheck": true,
-    "strict": true,
-    "declaration": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "importHelpers": true,
-    "moduleResolution": "node",
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "sourceMap": true,
-    "outDir": "./lib",
-    "types": ["node", "vue", "jest"],
-    "lib": ["ES2021", "dom", "dom.iterable", "scripthost"]
-  },
-  "exclude": ["node_modules", "lib"]
-}