From f4898fd89aa5a58c97245e77d5923f6332a23e43 Mon Sep 17 00:00:00 2001
From: vlack <kirilkin12@gmail.com>
Date: Mon, 31 Mar 2025 18:22:19 +0300
Subject: [PATCH 1/2] Fix ts errors in antd theme #4525

---
 CHANGELOG.md                                     | 4 ++++
 packages/antd/src/templates/IconButton/index.tsx | 4 ++--
 packages/antd/src/tsconfig.json                  | 4 +++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1964ab617c..99fb582a2c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -17,6 +17,10 @@ should change the heading of the (upcoming) version to include a major version b
 -->
 # 5.24.9
 
+## @rjsf/antd
+
+- Fixed ts errors in newer antd versions [#4525](https://github.com/rjsf-team/react-jsonschema-form/issues/4525)
+
 ## Dev / docs / playground
 
 - Updated docs for ArrayFieldItemTemplate to include prop `onCopyIndexClick`, fixing [#4507](https://github.com/rjsf-team/react-jsonschema-form/issues/4507)
diff --git a/packages/antd/src/templates/IconButton/index.tsx b/packages/antd/src/templates/IconButton/index.tsx
index a6bc566f1d..0c72835492 100644
--- a/packages/antd/src/templates/IconButton/index.tsx
+++ b/packages/antd/src/templates/IconButton/index.tsx
@@ -14,12 +14,12 @@ import {
 } from '@rjsf/utils';
 import { MouseEventHandler } from 'react';
 
-// The `type` for IconButtonProps collides with the `type` for `ButtonProps` so omit it to avoid Typescript issue
+// The `type` and `color` for IconButtonProps collides with props of `ButtonProps` so omit it to avoid Typescript issue
 export type AntdIconButtonProps<
   T = any,
   S extends StrictRJSFSchema = RJSFSchema,
   F extends FormContextType = any
-> = Omit<IconButtonProps<T, S, F>, 'type'>;
+> = Omit<IconButtonProps<T, S, F>, 'type' | 'color'>;
 
 export default function IconButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(
   props: AntdIconButtonProps<T, S, F> & Omit<ButtonProps, 'onClick'>
diff --git a/packages/antd/src/tsconfig.json b/packages/antd/src/tsconfig.json
index 01834bf1ab..6ed630ce12 100644
--- a/packages/antd/src/tsconfig.json
+++ b/packages/antd/src/tsconfig.json
@@ -7,7 +7,9 @@
     "rootDir": "./",
     "outDir": "../lib",
     "baseUrl": "../",
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    // Skip because of antd inner ts errors
+    "skipLibCheck": true
   },
   "references": [
     {

From ed7ba99bb773fe9020aa6fe1a6c839080896daa3 Mon Sep 17 00:00:00 2001
From: vlack <kirilkin12@gmail.com>
Date: Mon, 31 Mar 2025 18:22:56 +0300
Subject: [PATCH 2/2] Use antd 5 in playground

---
 CHANGELOG.md                                  |    1 +
 package-lock.json                             | 1322 ++++--------
 .../test/__snapshots__/Array.test.tsx.snap    | 1903 +++++++++--------
 .../test/__snapshots__/Form.test.tsx.snap     | 1557 ++++++++------
 .../test/__snapshots__/Object.test.tsx.snap   | 1008 +++++----
 packages/playground/package.json              |    2 +-
 packages/playground/src/app.tsx               |    2 +-
 7 files changed, 2891 insertions(+), 2904 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 99fb582a2c..962278322a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -24,6 +24,7 @@ should change the heading of the (upcoming) version to include a major version b
 ## Dev / docs / playground
 
 - Updated docs for ArrayFieldItemTemplate to include prop `onCopyIndexClick`, fixing [#4507](https://github.com/rjsf-team/react-jsonschema-form/issues/4507)
+- Use antd 5 in playground
 
 # 5.24.8
 
diff --git a/package-lock.json b/package-lock.json
index 469e730f21..921efb6657 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -258,10 +258,10 @@
       }
     },
     "node_modules/@ant-design/cssinjs": {
-      "version": "1.18.4",
-      "resolved": "https://registry.npmjs.org/@ant-design/cssinjs/-/cssinjs-1.18.4.tgz",
-      "integrity": "sha512-IrUAOj5TYuMG556C9gdbFuOrigyhzhU5ZYpWb3gYTxAwymVqRbvLzFCZg6OsjLBR6GhzcxYF3AhxKmjB+rA2xA==",
-      "dev": true,
+      "version": "1.23.0",
+      "resolved": "https://registry.npmjs.org/@ant-design/cssinjs/-/cssinjs-1.23.0.tgz",
+      "integrity": "sha512-7GAg9bD/iC9ikWatU9ym+P9ugJhi/WbsTWzcKN6T4gU0aehsprtke1UAaaSxxkjjmkJb3llet/rbUSLPgwlY4w==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.11.1",
         "@emotion/hash": "^0.8.0",
@@ -269,24 +269,57 @@
         "classnames": "^2.3.1",
         "csstype": "^3.1.3",
         "rc-util": "^5.35.0",
-        "stylis": "^4.0.13"
+        "stylis": "^4.3.4"
       },
       "peerDependencies": {
         "react": ">=16.0.0",
         "react-dom": ">=16.0.0"
       }
     },
+    "node_modules/@ant-design/cssinjs-utils": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@ant-design/cssinjs-utils/-/cssinjs-utils-1.1.3.tgz",
+      "integrity": "sha512-nOoQMLW1l+xR1Co8NFVYiP8pZp3VjIIzqV6D6ShYF2ljtdwWJn5WSsH+7kvCktXL/yhEtWURKOfH5Xz/gzlwsg==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/cssinjs": "^1.21.0",
+        "@babel/runtime": "^7.23.2",
+        "rc-util": "^5.38.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
     "node_modules/@ant-design/cssinjs/node_modules/@emotion/hash": {
       "version": "0.8.0",
       "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz",
       "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==",
-      "dev": true
+      "license": "MIT"
     },
     "node_modules/@ant-design/cssinjs/node_modules/@emotion/unitless": {
       "version": "0.7.5",
       "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz",
       "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==",
-      "dev": true
+      "license": "MIT"
+    },
+    "node_modules/@ant-design/cssinjs/node_modules/stylis": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.6.tgz",
+      "integrity": "sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ==",
+      "license": "MIT"
+    },
+    "node_modules/@ant-design/fast-color": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@ant-design/fast-color/-/fast-color-2.0.6.tgz",
+      "integrity": "sha512-y2217gk4NqL35giHl72o6Zzqji9O7vHh9YmhUVkPtAOpoTCH4uWxo/pr4VE8t0+ChEPs0qo4eJRC5Q1eXWo3vA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=8.x"
+      }
     },
     "node_modules/@ant-design/icons": {
       "version": "4.8.1",
@@ -314,9 +347,10 @@
       "integrity": "sha512-vHbT+zJEVzllwP+CM+ul7reTEfBR0vgxFe7+lREAsAA7YGsYpboiq2sQNeQeRvh09GfQgs/GyFEvZpJ9cLXpXA=="
     },
     "node_modules/@ant-design/react-slick": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@ant-design/react-slick/-/react-slick-1.0.2.tgz",
-      "integrity": "sha512-Wj8onxL/T8KQLFFiCA4t8eIRGpRR+UPgOdac2sYzonv+i0n3kXHmvHLLiOYL655DQx2Umii9Y9nNgL7ssu5haQ==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@ant-design/react-slick/-/react-slick-1.1.2.tgz",
+      "integrity": "sha512-EzlvzE6xQUBrZuuhSAFTdsr4P2bBBHGZwKFemEfq8gIGyIQCxalYfZW/T2ORbtQx5rU69o+WycP3exY/7T1hGA==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.10.4",
         "classnames": "^2.2.5",
@@ -2294,9 +2328,10 @@
       "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA=="
     },
     "node_modules/@babel/runtime": {
-      "version": "7.25.6",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.6.tgz",
-      "integrity": "sha512-VBj9MYyDb9tuLq7yzqjgzt6Q+IBQLrGZfdjOekyEirZPHxXWoTSGUTMrpsfi58Up73d13NfYLv8HT9vmznjzhQ==",
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.0.tgz",
+      "integrity": "sha512-VtPOkrdPHZsKc/clNqyi9WUA8TINkZ4cGk63UUE3u4pmB2k+ZMQRDuIOagv8UVd6j7k0T3+RRIb7beKTebNbcw==",
+      "license": "MIT",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -9386,14 +9421,26 @@
         "url": "https://opencollective.com/popperjs"
       }
     },
+    "node_modules/@rc-component/async-validator": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/@rc-component/async-validator/-/async-validator-5.0.4.tgz",
+      "integrity": "sha512-qgGdcVIF604M9EqjNF0hbUTz42bz/RDtxWdWuU5EQe3hi7M8ob54B6B35rOsvX5eSvIHIzT9iH1R3n+hk3CGfg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.24.4"
+      },
+      "engines": {
+        "node": ">=14.x"
+      }
+    },
     "node_modules/@rc-component/color-picker": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/@rc-component/color-picker/-/color-picker-1.5.1.tgz",
-      "integrity": "sha512-onyAFhWKXuG4P162xE+7IgaJkPkwM94XlOYnQuu69XdXWMfxpeFi6tpJBsieIMV7EnyLV5J3lDzdLiFeK0iEBA==",
-      "dev": true,
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@rc-component/color-picker/-/color-picker-2.0.1.tgz",
+      "integrity": "sha512-WcZYwAThV/b2GISQ8F+7650r5ZZJ043E57aVBFkQ+kSY4C6wdofXgB0hBx+GPGpIU0Z81eETNoDUJMr7oy/P8Q==",
+      "license": "MIT",
       "dependencies": {
+        "@ant-design/fast-color": "^2.0.6",
         "@babel/runtime": "^7.23.6",
-        "@ctrl/tinycolor": "^3.6.1",
         "classnames": "^2.2.6",
         "rc-util": "^5.38.1"
       },
@@ -9406,7 +9453,7 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/@rc-component/context/-/context-1.4.0.tgz",
       "integrity": "sha512-kFcNxg9oLRMoL3qki0OMxK+7g5mypjgaaJp/pkOis/6rVxma9nJBF/8kCIuTYHUQNr0ii7MxqE33wirPZLJQ2w==",
-      "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "rc-util": "^5.27.0"
@@ -9420,7 +9467,7 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@rc-component/mini-decimal/-/mini-decimal-1.1.0.tgz",
       "integrity": "sha512-jS4E7T9Li2GuYwI6PyiVXmxTiM6b07rlD9Ge8uGZSCz3WlzcG5ZK7g5bbuKNeZ9pgUuPK/5guV781ujdVpm4HQ==",
-      "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.18.0"
       },
@@ -9432,7 +9479,6 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@rc-component/mutate-observer/-/mutate-observer-1.1.0.tgz",
       "integrity": "sha512-QjrOsDXQusNwGZPf4/qRQasg7UFEj06XiCJ8iuiq/Io7CrHrgVi6Uuetw60WAMG1799v+aM8kyc+1L/GBbHSlw==",
-      "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.18.0",
         "classnames": "^2.3.2",
@@ -9450,6 +9496,7 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@rc-component/portal/-/portal-1.1.2.tgz",
       "integrity": "sha512-6f813C0IsasTZms08kfA8kPAGxbbkYToa8ALaiDIGGECU4i9hj8Plgbx0sNJDrey3EtHO30hmdaxtT0138xZcg==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.18.0",
         "classnames": "^2.3.2",
@@ -9463,15 +9510,33 @@
         "react-dom": ">=16.9.0"
       }
     },
+    "node_modules/@rc-component/qrcode": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/qrcode/-/qrcode-1.0.0.tgz",
+      "integrity": "sha512-L+rZ4HXP2sJ1gHMGHjsg9jlYBX/SLN2D6OxP9Zn3qgtpMWtO2vUfxVFwiogHpAIqs54FnALxraUy/BCO1yRIgg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.24.7",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.38.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
     "node_modules/@rc-component/tour": {
-      "version": "1.12.3",
-      "resolved": "https://registry.npmjs.org/@rc-component/tour/-/tour-1.12.3.tgz",
-      "integrity": "sha512-U4mf1FiUxGCwrX4ed8op77Y8VKur+8Y/61ylxtqGbcSoh1EBC7bWd/DkLu0ClTUrKZInqEi1FL7YgFtnT90vHA==",
-      "dev": true,
+      "version": "1.15.1",
+      "resolved": "https://registry.npmjs.org/@rc-component/tour/-/tour-1.15.1.tgz",
+      "integrity": "sha512-Tr2t7J1DKZUpfJuDZWHxyxWpfmj8EZrqSgyMZ+BCdvKZ6r1UDsfU46M/iWAAFBy961Ssfom2kv5f3UcjIL2CmQ==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.18.0",
         "@rc-component/portal": "^1.0.0-9",
-        "@rc-component/trigger": "^1.3.6",
+        "@rc-component/trigger": "^2.0.0",
         "classnames": "^2.3.2",
         "rc-util": "^5.24.4"
       },
@@ -9484,17 +9549,17 @@
       }
     },
     "node_modules/@rc-component/trigger": {
-      "version": "1.18.3",
-      "resolved": "https://registry.npmjs.org/@rc-component/trigger/-/trigger-1.18.3.tgz",
-      "integrity": "sha512-Ksr25pXreYe1gX6ayZ1jLrOrl9OAUHUqnuhEx6MeHnNa1zVM5Y2Aj3Q35UrER0ns8D2cJYtmJtVli+i+4eKrvA==",
-      "dev": true,
+      "version": "2.2.6",
+      "resolved": "https://registry.npmjs.org/@rc-component/trigger/-/trigger-2.2.6.tgz",
+      "integrity": "sha512-/9zuTnWwhQ3S3WT1T8BubuFTT46kvnXgaERR9f4BTKyn61/wpf/BvbImzYBubzJibU707FxwbKszLlHjcLiv1Q==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.23.2",
         "@rc-component/portal": "^1.1.0",
         "classnames": "^2.3.2",
         "rc-motion": "^2.0.0",
         "rc-resize-observer": "^1.3.1",
-        "rc-util": "^5.38.0"
+        "rc-util": "^5.44.0"
       },
       "engines": {
         "node": ">=8.x"
@@ -11799,53 +11864,60 @@
       }
     },
     "node_modules/antd": {
-      "version": "4.24.15",
-      "resolved": "https://registry.npmjs.org/antd/-/antd-4.24.15.tgz",
-      "integrity": "sha512-pXCNJB8cTSjQdqeW5RNadraiYiJkMec/Qt0Zh+fEKUK9UqwmD4TxIYs/xnEbyQIVtHHwtl0fW684xql73KhCyQ==",
+      "version": "5.24.5",
+      "resolved": "https://registry.npmjs.org/antd/-/antd-5.24.5.tgz",
+      "integrity": "sha512-1lAv/G+9ewQanyoAo3JumQmIlVxwo5QwWGb6QCHYc40Cq0NxC/EzITcjsgq1PSaTUpLkKq8A2l7Fjtu47vqQBg==",
+      "license": "MIT",
       "dependencies": {
-        "@ant-design/colors": "^6.0.0",
-        "@ant-design/icons": "^4.8.1",
-        "@ant-design/react-slick": "~1.0.2",
-        "@babel/runtime": "^7.18.3",
-        "@ctrl/tinycolor": "^3.6.1",
-        "classnames": "^2.2.6",
-        "copy-to-clipboard": "^3.2.0",
-        "lodash": "^4.17.21",
-        "moment": "^2.29.2",
-        "rc-cascader": "~3.7.3",
-        "rc-checkbox": "~3.0.1",
-        "rc-collapse": "~3.4.2",
-        "rc-dialog": "~9.0.2",
-        "rc-drawer": "~6.3.0",
-        "rc-dropdown": "~4.0.1",
-        "rc-field-form": "~1.38.2",
-        "rc-image": "~5.13.0",
-        "rc-input": "~0.1.4",
-        "rc-input-number": "~7.3.11",
-        "rc-mentions": "~1.13.1",
-        "rc-menu": "~9.8.4",
-        "rc-motion": "^2.9.0",
-        "rc-notification": "~4.6.1",
-        "rc-pagination": "~3.2.0",
-        "rc-picker": "~2.7.6",
-        "rc-progress": "~3.4.2",
-        "rc-rate": "~2.9.3",
-        "rc-resize-observer": "^1.3.1",
-        "rc-segmented": "~2.1.2",
-        "rc-select": "~14.1.18",
-        "rc-slider": "~10.0.1",
-        "rc-steps": "~5.0.0",
-        "rc-switch": "~3.2.2",
-        "rc-table": "~7.26.0",
-        "rc-tabs": "~12.5.10",
-        "rc-textarea": "~0.4.7",
-        "rc-tooltip": "~5.2.2",
-        "rc-tree": "~5.7.12",
-        "rc-tree-select": "~5.5.5",
-        "rc-trigger": "^5.3.4",
-        "rc-upload": "~4.3.5",
-        "rc-util": "^5.37.0",
-        "scroll-into-view-if-needed": "^2.2.25"
+        "@ant-design/colors": "^7.2.0",
+        "@ant-design/cssinjs": "^1.23.0",
+        "@ant-design/cssinjs-utils": "^1.1.3",
+        "@ant-design/fast-color": "^2.0.6",
+        "@ant-design/icons": "^5.6.1",
+        "@ant-design/react-slick": "~1.1.2",
+        "@babel/runtime": "^7.26.0",
+        "@rc-component/color-picker": "~2.0.1",
+        "@rc-component/mutate-observer": "^1.1.0",
+        "@rc-component/qrcode": "~1.0.0",
+        "@rc-component/tour": "~1.15.1",
+        "@rc-component/trigger": "^2.2.6",
+        "classnames": "^2.5.1",
+        "copy-to-clipboard": "^3.3.3",
+        "dayjs": "^1.11.11",
+        "rc-cascader": "~3.33.1",
+        "rc-checkbox": "~3.5.0",
+        "rc-collapse": "~3.9.0",
+        "rc-dialog": "~9.6.0",
+        "rc-drawer": "~7.2.0",
+        "rc-dropdown": "~4.2.1",
+        "rc-field-form": "~2.7.0",
+        "rc-image": "~7.11.1",
+        "rc-input": "~1.7.3",
+        "rc-input-number": "~9.4.0",
+        "rc-mentions": "~2.19.1",
+        "rc-menu": "~9.16.1",
+        "rc-motion": "^2.9.5",
+        "rc-notification": "~5.6.3",
+        "rc-pagination": "~5.1.0",
+        "rc-picker": "~4.11.3",
+        "rc-progress": "~4.0.0",
+        "rc-rate": "~2.13.1",
+        "rc-resize-observer": "^1.4.3",
+        "rc-segmented": "~2.7.0",
+        "rc-select": "~14.16.6",
+        "rc-slider": "~11.1.8",
+        "rc-steps": "~6.0.1",
+        "rc-switch": "~4.1.0",
+        "rc-table": "~7.50.4",
+        "rc-tabs": "~15.5.1",
+        "rc-textarea": "~1.9.0",
+        "rc-tooltip": "~6.4.0",
+        "rc-tree": "~5.13.1",
+        "rc-tree-select": "~5.27.0",
+        "rc-upload": "~4.8.1",
+        "rc-util": "^5.44.4",
+        "scroll-into-view-if-needed": "^3.1.0",
+        "throttle-debounce": "^5.0.2"
       },
       "funding": {
         "type": "opencollective",
@@ -11856,6 +11928,83 @@
         "react-dom": ">=16.9.0"
       }
     },
+    "node_modules/antd/node_modules/@ant-design/colors": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/@ant-design/colors/-/colors-7.2.0.tgz",
+      "integrity": "sha512-bjTObSnZ9C/O8MB/B4OUtd/q9COomuJAR2SYfhxLyHvCKn4EKwCN3e+fWGMo7H5InAyV0wL17jdE9ALrdOW/6A==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/fast-color": "^2.0.6"
+      }
+    },
+    "node_modules/antd/node_modules/@ant-design/icons": {
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/@ant-design/icons/-/icons-5.6.1.tgz",
+      "integrity": "sha512-0/xS39c91WjPAZOWsvi1//zjx6kAp4kxWwctR6kuU6p133w8RU0D2dSCvZC19uQyharg/sAvYxGYWl01BbZZfg==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/colors": "^7.0.0",
+        "@ant-design/icons-svg": "^4.4.0",
+        "@babel/runtime": "^7.24.8",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.31.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/antd/node_modules/copy-to-clipboard": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
+      "integrity": "sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==",
+      "license": "MIT",
+      "dependencies": {
+        "toggle-selection": "^1.0.6"
+      }
+    },
+    "node_modules/antd/node_modules/rc-picker": {
+      "version": "4.11.3",
+      "resolved": "https://registry.npmjs.org/rc-picker/-/rc-picker-4.11.3.tgz",
+      "integrity": "sha512-MJ5teb7FlNE0NFHTncxXQ62Y5lytq6sh5nUw0iH8OkHL/TjARSEvSHpr940pWgjGANpjCwyMdvsEV55l5tYNSg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.24.7",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.2.1",
+        "rc-overflow": "^1.3.2",
+        "rc-resize-observer": "^1.4.0",
+        "rc-util": "^5.43.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "date-fns": ">= 2.x",
+        "dayjs": ">= 1.x",
+        "luxon": ">= 3.x",
+        "moment": ">= 2.x",
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      },
+      "peerDependenciesMeta": {
+        "date-fns": {
+          "optional": true
+        },
+        "dayjs": {
+          "optional": true
+        },
+        "luxon": {
+          "optional": true
+        },
+        "moment": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
@@ -11983,11 +12132,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/array-tree-filter": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/array-tree-filter/-/array-tree-filter-2.1.0.tgz",
-      "integrity": "sha512-4ROwICNlNw/Hqa9v+rk5h22KjmzB1JGTMVKP2AKJBOCgb0yL0ASf0+YvCcLNNwquOHNX48jkeZIJ3a+oOQqKcw=="
-    },
     "node_modules/array-union": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
@@ -12129,11 +12273,6 @@
       "integrity": "sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==",
       "dev": true
     },
-    "node_modules/async-validator": {
-      "version": "4.2.5",
-      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-4.2.5.tgz",
-      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg=="
-    },
     "node_modules/asynciterator.prototype": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz",
@@ -14974,9 +15113,10 @@
       }
     },
     "node_modules/dayjs": {
-      "version": "1.11.10",
-      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz",
-      "integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ=="
+      "version": "1.11.13",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
+      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==",
+      "license": "MIT"
     },
     "node_modules/debounce": {
       "version": "1.2.1",
@@ -21132,6 +21272,7 @@
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/json2mq/-/json2mq-0.2.0.tgz",
       "integrity": "sha512-SzoRg7ux5DWTII9J2qkrZrqV1gt+rTaoufMxEzXbS26Uid0NwaJd123HcoB80TgubEppxxIGdNxCx50fEoEWQA==",
+      "license": "MIT",
       "dependencies": {
         "string-convert": "^0.2.0"
       }
@@ -27125,15 +27266,6 @@
         "teleport": ">=0.2.0"
       }
     },
-    "node_modules/qrcode.react": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/qrcode.react/-/qrcode.react-3.1.0.tgz",
-      "integrity": "sha512-oyF+Urr3oAMUG/OiOuONL3HXM+53wvuH3mtIWQrYmsXoAq0DkvZp2RYUWFSMFtbdOpuS++9v+WAkzNVkMlNW6Q==",
-      "dev": true,
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
     "node_modules/qs": {
       "version": "6.11.0",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz",
@@ -27269,16 +27401,16 @@
       }
     },
     "node_modules/rc-cascader": {
-      "version": "3.7.3",
-      "resolved": "https://registry.npmjs.org/rc-cascader/-/rc-cascader-3.7.3.tgz",
-      "integrity": "sha512-KBpT+kzhxDW+hxPiNk4zaKa99+Lie2/8nnI11XF+FIOPl4Bj9VlFZi61GrnWzhLGA7VEN+dTxAkNOjkySDa0dA==",
+      "version": "3.33.1",
+      "resolved": "https://registry.npmjs.org/rc-cascader/-/rc-cascader-3.33.1.tgz",
+      "integrity": "sha512-Kyl4EJ7ZfCBuidmZVieegcbFw0RcU5bHHSbtEdmuLYd0fYHCAiYKZ6zon7fWAVyC6rWWOOib0XKdTSf7ElC9rg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.12.5",
-        "array-tree-filter": "^2.1.0",
+        "@babel/runtime": "^7.25.7",
         "classnames": "^2.3.1",
-        "rc-select": "~14.1.0",
-        "rc-tree": "~5.7.0",
-        "rc-util": "^5.6.1"
+        "rc-select": "~14.16.2",
+        "rc-tree": "~5.13.0",
+        "rc-util": "^5.43.0"
       },
       "peerDependencies": {
         "react": ">=16.9.0",
@@ -27286,9 +27418,10 @@
       }
     },
     "node_modules/rc-checkbox": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/rc-checkbox/-/rc-checkbox-3.0.1.tgz",
-      "integrity": "sha512-k7nxDWxYF+jDI0ZcCvuvj71xONmWRVe5+1MKcERRR9MRyP3tZ69b+yUCSXXh+sik4/Hc9P5wHr2nnUoGS2zBjA==",
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/rc-checkbox/-/rc-checkbox-3.5.0.tgz",
+      "integrity": "sha512-aOAQc3E98HteIIsSqm6Xk2FPKIER6+5vyEFMZfo73TqM+VVAIqOkHoPjgKLqSNtVLWScoaM7vY2ZrGEheI79yg==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "^2.3.2",
@@ -27300,15 +27433,15 @@
       }
     },
     "node_modules/rc-collapse": {
-      "version": "3.4.2",
-      "resolved": "https://registry.npmjs.org/rc-collapse/-/rc-collapse-3.4.2.tgz",
-      "integrity": "sha512-jpTwLgJzkhAgp2Wpi3xmbTbbYExg6fkptL67Uu5LCRVEj6wqmy0DHTjjeynsjOLsppHGHu41t1ELntZ0lEvS/Q==",
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/rc-collapse/-/rc-collapse-3.9.0.tgz",
+      "integrity": "sha512-swDdz4QZ4dFTo4RAUMLL50qP0EY62N2kvmk2We5xYdRwcRn8WcYtuetCJpwpaCbUfUt5+huLpVxhvmnK+PHrkA==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "2.x",
         "rc-motion": "^2.3.4",
-        "rc-util": "^5.2.1",
-        "shallowequal": "^1.1.0"
+        "rc-util": "^5.27.0"
       },
       "peerDependencies": {
         "react": ">=16.9.0",
@@ -27316,9 +27449,10 @@
       }
     },
     "node_modules/rc-dialog": {
-      "version": "9.0.2",
-      "resolved": "https://registry.npmjs.org/rc-dialog/-/rc-dialog-9.0.2.tgz",
-      "integrity": "sha512-s3U+24xWUuB6Bn2Lk/Qt6rufy+uT+QvWkiFhNBcO9APLxcFFczWamaq7x9h8SCuhfc1nHcW4y8NbMsnAjNnWyg==",
+      "version": "9.6.0",
+      "resolved": "https://registry.npmjs.org/rc-dialog/-/rc-dialog-9.6.0.tgz",
+      "integrity": "sha512-ApoVi9Z8PaCQg6FsUzS8yvBEQy0ZL2PkuvAgrmohPkN3okps5WZ5WQWPc1RNuiOKaAYv8B97ACdsFU5LizzCqg==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "@rc-component/portal": "^1.0.0-8",
@@ -27332,15 +27466,16 @@
       }
     },
     "node_modules/rc-drawer": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/rc-drawer/-/rc-drawer-6.3.0.tgz",
-      "integrity": "sha512-uBZVb3xTAR+dBV53d/bUhTctCw3pwcwJoM7g5aX+7vgwt2zzVzoJ6aqFjYJpBlZ9zp0dVYN8fV+hykFE7c4lig==",
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/rc-drawer/-/rc-drawer-7.2.0.tgz",
+      "integrity": "sha512-9lOQ7kBekEJRdEpScHvtmEtXnAsy+NGDXiRWc2ZVC7QXAazNVbeT4EraQKYwCME8BJLa8Bxqxvs5swwyOepRwg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.10.1",
+        "@babel/runtime": "^7.23.9",
         "@rc-component/portal": "^1.1.1",
         "classnames": "^2.2.6",
         "rc-motion": "^2.6.1",
-        "rc-util": "^5.21.2"
+        "rc-util": "^5.38.1"
       },
       "peerDependencies": {
         "react": ">=16.9.0",
@@ -27348,14 +27483,15 @@
       }
     },
     "node_modules/rc-dropdown": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/rc-dropdown/-/rc-dropdown-4.0.1.tgz",
-      "integrity": "sha512-OdpXuOcme1rm45cR0Jzgfl1otzmU4vuBVb+etXM8vcaULGokAKVpKlw8p6xzspG7jGd/XxShvq+N3VNEfk/l5g==",
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/rc-dropdown/-/rc-dropdown-4.2.1.tgz",
+      "integrity": "sha512-YDAlXsPv3I1n42dv1JpdM7wJ+gSUBfeyPK59ZpBD9jQhK9jVuxpjj3NmWQHOBceA1zEPVX84T2wbdb2SD0UjmA==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.18.3",
+        "@rc-component/trigger": "^2.0.0",
         "classnames": "^2.2.6",
-        "rc-trigger": "^5.3.1",
-        "rc-util": "^5.17.0"
+        "rc-util": "^5.44.1"
       },
       "peerDependencies": {
         "react": ">=16.11.0",
@@ -27363,12 +27499,13 @@
       }
     },
     "node_modules/rc-field-form": {
-      "version": "1.38.2",
-      "resolved": "https://registry.npmjs.org/rc-field-form/-/rc-field-form-1.38.2.tgz",
-      "integrity": "sha512-O83Oi1qPyEv31Sg+Jwvsj6pXc8uQI2BtIAkURr5lvEYHVggXJhdU/nynK8wY1gbw0qR48k731sN5ON4egRCROA==",
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/rc-field-form/-/rc-field-form-2.7.0.tgz",
+      "integrity": "sha512-hgKsCay2taxzVnBPZl+1n4ZondsV78G++XVsMIJCAoioMjlMQR9YwAp7JZDIECzIu2Z66R+f4SFIRrO2DjDNAA==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.18.0",
-        "async-validator": "^4.1.0",
+        "@rc-component/async-validator": "^5.0.3",
         "rc-util": "^5.32.2"
       },
       "engines": {
@@ -27380,16 +27517,17 @@
       }
     },
     "node_modules/rc-image": {
-      "version": "5.13.0",
-      "resolved": "https://registry.npmjs.org/rc-image/-/rc-image-5.13.0.tgz",
-      "integrity": "sha512-iZTOmw5eWo2+gcrJMMcnd7SsxVHl3w5xlyCgsULUdJhJbnuI8i/AL0tVOsE7aLn9VfOh1qgDT3mC2G75/c7mqg==",
+      "version": "7.11.1",
+      "resolved": "https://registry.npmjs.org/rc-image/-/rc-image-7.11.1.tgz",
+      "integrity": "sha512-XuoWx4KUXg7hNy5mRTy1i8c8p3K8boWg6UajbHpDXS5AlRVucNfTi5YxTtPBTBzegxAZpvuLfh3emXFt6ybUdA==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.11.2",
         "@rc-component/portal": "^1.0.2",
         "classnames": "^2.2.6",
-        "rc-dialog": "~9.0.0",
+        "rc-dialog": "~9.6.0",
         "rc-motion": "^2.6.2",
-        "rc-util": "^5.0.6"
+        "rc-util": "^5.34.1"
       },
       "peerDependencies": {
         "react": ">=16.9.0",
@@ -27397,9 +27535,10 @@
       }
     },
     "node_modules/rc-input": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/rc-input/-/rc-input-0.1.4.tgz",
-      "integrity": "sha512-FqDdNz+fV2dKNgfXzcSLKvC+jEs1709t7nD+WdfjrdSaOcefpgc7BUJYadc3usaING+b7ediMTfKxuJBsEFbXA==",
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/rc-input/-/rc-input-1.7.3.tgz",
+      "integrity": "sha512-A5w4egJq8+4JzlQ55FfQjDnPvOaAbzwC3VLOAdOytyek3TboSOP9qxN+Gifup+shVXfvecBLBbWBpWxmk02SWQ==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.11.1",
         "classnames": "^2.2.1",
@@ -27411,13 +27550,16 @@
       }
     },
     "node_modules/rc-input-number": {
-      "version": "7.3.11",
-      "resolved": "https://registry.npmjs.org/rc-input-number/-/rc-input-number-7.3.11.tgz",
-      "integrity": "sha512-aMWPEjFeles6PQnMqP5eWpxzsvHm9rh1jQOWXExUEIxhX62Fyl/ptifLHOn17+waDG1T/YUb6flfJbvwRhHrbA==",
+      "version": "9.4.0",
+      "resolved": "https://registry.npmjs.org/rc-input-number/-/rc-input-number-9.4.0.tgz",
+      "integrity": "sha512-Tiy4DcXcFXAf9wDhN8aUAyMeCLHJUHA/VA/t7Hj8ZEx5ETvxG7MArDOSE6psbiSCo+vJPm4E3fGN710ITVn6GA==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
+        "@rc-component/mini-decimal": "^1.0.1",
         "classnames": "^2.2.5",
-        "rc-util": "^5.23.0"
+        "rc-input": "~1.7.1",
+        "rc-util": "^5.40.1"
       },
       "peerDependencies": {
         "react": ">=16.9.0",
@@ -27425,16 +27567,18 @@
       }
     },
     "node_modules/rc-mentions": {
-      "version": "1.13.1",
-      "resolved": "https://registry.npmjs.org/rc-mentions/-/rc-mentions-1.13.1.tgz",
-      "integrity": "sha512-FCkaWw6JQygtOz0+Vxz/M/NWqrWHB9LwqlY2RtcuFqWJNFK9njijOOzTSsBGANliGufVUzx/xuPHmZPBV0+Hgw==",
+      "version": "2.19.1",
+      "resolved": "https://registry.npmjs.org/rc-mentions/-/rc-mentions-2.19.1.tgz",
+      "integrity": "sha512-KK3bAc/bPFI993J3necmaMXD2reZTzytZdlTvkeBbp50IGH1BDPDvxLdHDUrpQx2b2TGaVJsn+86BvYa03kGqA==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.10.1",
+        "@babel/runtime": "^7.22.5",
+        "@rc-component/trigger": "^2.0.0",
         "classnames": "^2.2.6",
-        "rc-menu": "~9.8.0",
-        "rc-textarea": "^0.4.0",
-        "rc-trigger": "^5.0.4",
-        "rc-util": "^5.22.5"
+        "rc-input": "~1.7.1",
+        "rc-menu": "~9.16.0",
+        "rc-textarea": "~1.9.0",
+        "rc-util": "^5.34.1"
       },
       "peerDependencies": {
         "react": ">=16.9.0",
@@ -27442,15 +27586,16 @@
       }
     },
     "node_modules/rc-menu": {
-      "version": "9.8.4",
-      "resolved": "https://registry.npmjs.org/rc-menu/-/rc-menu-9.8.4.tgz",
-      "integrity": "sha512-lmw2j8I2fhdIzHmC9ajfImfckt0WDb2KVJJBBRIsxPEw2kGkEfjLMUoB1NgiNT/Q5cC8PdjGOGQjHJIJMwyNMw==",
+      "version": "9.16.1",
+      "resolved": "https://registry.npmjs.org/rc-menu/-/rc-menu-9.16.1.tgz",
+      "integrity": "sha512-ghHx6/6Dvp+fw8CJhDUHFHDJ84hJE3BXNCzSgLdmNiFErWSOaZNsihDAsKq9ByTALo/xkNIwtDFGIl6r+RPXBg==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
+        "@rc-component/trigger": "^2.0.0",
         "classnames": "2.x",
         "rc-motion": "^2.4.3",
-        "rc-overflow": "^1.2.8",
-        "rc-trigger": "^5.1.2",
+        "rc-overflow": "^1.3.1",
         "rc-util": "^5.27.0"
       },
       "peerDependencies": {
@@ -27459,13 +27604,14 @@
       }
     },
     "node_modules/rc-motion": {
-      "version": "2.9.0",
-      "resolved": "https://registry.npmjs.org/rc-motion/-/rc-motion-2.9.0.tgz",
-      "integrity": "sha512-XIU2+xLkdIr1/h6ohPZXyPBMvOmuyFZQ/T0xnawz+Rh+gh4FINcnZmMT5UTIj6hgI0VLDjTaPeRd+smJeSPqiQ==",
+      "version": "2.9.5",
+      "resolved": "https://registry.npmjs.org/rc-motion/-/rc-motion-2.9.5.tgz",
+      "integrity": "sha512-w+XTUrfh7ArbYEd2582uDrEhmBHwK1ZENJiSJVb7uRxdE7qJSYjbO2eksRXmndqyKqKoYPc9ClpPh5242mV1vA==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.11.1",
         "classnames": "^2.2.1",
-        "rc-util": "^5.21.0"
+        "rc-util": "^5.44.0"
       },
       "peerDependencies": {
         "react": ">=16.9.0",
@@ -27473,13 +27619,14 @@
       }
     },
     "node_modules/rc-notification": {
-      "version": "4.6.1",
-      "resolved": "https://registry.npmjs.org/rc-notification/-/rc-notification-4.6.1.tgz",
-      "integrity": "sha512-NSmFYwrrdY3+un1GvDAJQw62Xi9LNMSsoQyo95tuaYrcad5Bn9gJUL8AREufRxSQAQnr64u3LtP3EUyLYT6bhw==",
+      "version": "5.6.3",
+      "resolved": "https://registry.npmjs.org/rc-notification/-/rc-notification-5.6.3.tgz",
+      "integrity": "sha512-42szwnn8VYQoT6GnjO00i1iwqV9D1TTMvxObWsuLwgl0TsOokzhkYiufdtQBsJMFjJravS1hfDKVMHLKLcPE4g==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "2.x",
-        "rc-motion": "^2.2.0",
+        "rc-motion": "^2.9.0",
         "rc-util": "^5.20.1"
       },
       "engines": {
@@ -27491,9 +27638,10 @@
       }
     },
     "node_modules/rc-overflow": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/rc-overflow/-/rc-overflow-1.3.2.tgz",
-      "integrity": "sha512-nsUm78jkYAoPygDAcGZeC2VwIg/IBGSodtOY3pMof4W3M9qRJgqaDYm03ZayHlde3I6ipliAxbN0RUcGf5KOzw==",
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/rc-overflow/-/rc-overflow-1.4.1.tgz",
+      "integrity": "sha512-3MoPQQPV1uKyOMVNd6SZfONi+f3st0r8PksexIdBTeIYbMX0Jr+k7pHEDvsXtR4BpCv90/Pv2MovVNhktKrwvw==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.11.1",
         "classnames": "^2.2.1",
@@ -27506,12 +27654,14 @@
       }
     },
     "node_modules/rc-pagination": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/rc-pagination/-/rc-pagination-3.2.0.tgz",
-      "integrity": "sha512-5tIXjB670WwwcAJzAqp2J+cOBS9W3cH/WU1EiYwXljuZ4vtZXKlY2Idq8FZrnYBz8KhN3vwPo9CoV/SJS6SL1w==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/rc-pagination/-/rc-pagination-5.1.0.tgz",
+      "integrity": "sha512-8416Yip/+eclTFdHXLKTxZvn70duYVGTvUUWbckCCZoIl3jagqke3GLsFrMs0bsQBikiYpZLD9206Ej4SOdOXQ==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
-        "classnames": "^2.2.1"
+        "classnames": "^2.3.2",
+        "rc-util": "^5.38.0"
       },
       "peerDependencies": {
         "react": ">=16.9.0",
@@ -27541,9 +27691,10 @@
       }
     },
     "node_modules/rc-progress": {
-      "version": "3.4.2",
-      "resolved": "https://registry.npmjs.org/rc-progress/-/rc-progress-3.4.2.tgz",
-      "integrity": "sha512-iAGhwWU+tsayP+Jkl9T4+6rHeQTG9kDz8JAHZk4XtQOcYN5fj9H34NXNEdRdZx94VUDHMqCb1yOIvi8eJRh67w==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/rc-progress/-/rc-progress-4.0.0.tgz",
+      "integrity": "sha512-oofVMMafOCokIUIBnZLNcOZFsABaUw8PPrf1/y0ZBvKZNpOiu5h4AO9vv11Sw0p4Hb3D0yGWuEattcQGtNJ/aw==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "^2.2.6",
@@ -27555,9 +27706,10 @@
       }
     },
     "node_modules/rc-rate": {
-      "version": "2.9.3",
-      "resolved": "https://registry.npmjs.org/rc-rate/-/rc-rate-2.9.3.tgz",
-      "integrity": "sha512-2THssUSnRhtqIouQIIXqsZGzRczvp4WsH4WvGuhiwm+LG2fVpDUJliP9O1zeDOZvYfBE/Bup4SgHun/eCkbjgQ==",
+      "version": "2.13.1",
+      "resolved": "https://registry.npmjs.org/rc-rate/-/rc-rate-2.13.1.tgz",
+      "integrity": "sha512-QUhQ9ivQ8Gy7mtMZPAjLbxBt5y9GRp65VcUyGUMF3N3fhiftivPHdpuDIaWIMOTEprAjZPC08bls1dQB+I1F2Q==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "^2.2.5",
@@ -27572,13 +27724,14 @@
       }
     },
     "node_modules/rc-resize-observer": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/rc-resize-observer/-/rc-resize-observer-1.4.0.tgz",
-      "integrity": "sha512-PnMVyRid9JLxFavTjeDXEXo65HCRqbmLBw9xX9gfC4BZiSzbLXKzW3jPz+J0P71pLbD5tBMTT+mkstV5gD0c9Q==",
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/rc-resize-observer/-/rc-resize-observer-1.4.3.tgz",
+      "integrity": "sha512-YZLjUbyIWox8E9i9C3Tm7ia+W7euPItNWSPX5sCcQTYbnwDb5uNpnLHQCG1f22oZWUhLw4Mv2tFmeWe68CDQRQ==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.20.7",
         "classnames": "^2.2.1",
-        "rc-util": "^5.38.0",
+        "rc-util": "^5.44.1",
         "resize-observer-polyfill": "^1.5.1"
       },
       "peerDependencies": {
@@ -27587,9 +27740,10 @@
       }
     },
     "node_modules/rc-segmented": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/rc-segmented/-/rc-segmented-2.1.2.tgz",
-      "integrity": "sha512-qGo1bCr83ESXpXVOCXjFe1QJlCAQXyi9KCiy8eX3rIMYlTeJr/ftySIaTnYsitL18SvWf5ZEHsfqIWoX0EMfFQ==",
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/rc-segmented/-/rc-segmented-2.7.0.tgz",
+      "integrity": "sha512-liijAjXz+KnTRVnxxXG2sYDGd6iLL7VpGGdR8gwoxAXy2KglviKCxLWZdjKYJzYzGSUwKDSTdYk8brj54Bn5BA==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.11.1",
         "classnames": "^2.2.1",
@@ -27602,17 +27756,18 @@
       }
     },
     "node_modules/rc-select": {
-      "version": "14.1.18",
-      "resolved": "https://registry.npmjs.org/rc-select/-/rc-select-14.1.18.tgz",
-      "integrity": "sha512-4JgY3oG2Yz68ECMUSCON7mtxuJvCSj+LJpHEg/AONaaVBxIIrmI/ZTuMJkyojall/X50YdBe5oMKqHHPNiPzEg==",
+      "version": "14.16.6",
+      "resolved": "https://registry.npmjs.org/rc-select/-/rc-select-14.16.6.tgz",
+      "integrity": "sha512-YPMtRPqfZWOm2XGTbx5/YVr1HT0vn//8QS77At0Gjb3Lv+Lbut0IORJPKLWu1hQ3u4GsA0SrDzs7nI8JG7Zmyg==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
+        "@rc-component/trigger": "^2.1.1",
         "classnames": "2.x",
         "rc-motion": "^2.0.1",
-        "rc-overflow": "^1.0.0",
-        "rc-trigger": "^5.0.4",
+        "rc-overflow": "^1.3.1",
         "rc-util": "^5.16.1",
-        "rc-virtual-list": "^3.2.0"
+        "rc-virtual-list": "^3.5.2"
       },
       "engines": {
         "node": ">=8.x"
@@ -27623,14 +27778,14 @@
       }
     },
     "node_modules/rc-slider": {
-      "version": "10.0.1",
-      "resolved": "https://registry.npmjs.org/rc-slider/-/rc-slider-10.0.1.tgz",
-      "integrity": "sha512-igTKF3zBet7oS/3yNiIlmU8KnZ45npmrmHlUUio8PNbIhzMcsh+oE/r2UD42Y6YD2D/s+kzCQkzQrPD6RY435Q==",
+      "version": "11.1.8",
+      "resolved": "https://registry.npmjs.org/rc-slider/-/rc-slider-11.1.8.tgz",
+      "integrity": "sha512-2gg/72YFSpKP+Ja5AjC5DPL1YnV8DEITDQrcc1eASrUYjl0esptaBVJBh5nLTXCCp15eD8EuGjwezVGSHhs9tQ==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "^2.2.5",
-        "rc-util": "^5.18.1",
-        "shallowequal": "^1.1.0"
+        "rc-util": "^5.36.0"
       },
       "engines": {
         "node": ">=8.x"
@@ -27641,9 +27796,10 @@
       }
     },
     "node_modules/rc-steps": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/rc-steps/-/rc-steps-5.0.0.tgz",
-      "integrity": "sha512-9TgRvnVYirdhbV0C3syJFj9EhCRqoJAsxt4i1rED5o8/ZcSv5TLIYyo4H8MCjLPvbe2R+oBAm/IYBEtC+OS1Rw==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/rc-steps/-/rc-steps-6.0.1.tgz",
+      "integrity": "sha512-lKHL+Sny0SeHkQKKDJlAjV5oZ8DwCdS2hFhAkIjuQt1/pB81M0cA0ErVFdHq9+jmPmFw1vJB2F5NBzFXLJxV+g==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.16.7",
         "classnames": "^2.2.3",
@@ -27658,13 +27814,14 @@
       }
     },
     "node_modules/rc-switch": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/rc-switch/-/rc-switch-3.2.2.tgz",
-      "integrity": "sha512-+gUJClsZZzvAHGy1vZfnwySxj+MjLlGRyXKXScrtCTcmiYNPzxDFOxdQ/3pK1Kt/0POvwJ/6ALOR8gwdXGhs+A==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/rc-switch/-/rc-switch-4.1.0.tgz",
+      "integrity": "sha512-TI8ufP2Az9oEbvyCeVE4+90PDSljGyuwix3fV58p7HV2o4wBnVToEyomJRVyTaZeqNPAp+vqeo4Wnj5u0ZZQBg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.10.1",
+        "@babel/runtime": "^7.21.0",
         "classnames": "^2.2.1",
-        "rc-util": "^5.0.1"
+        "rc-util": "^5.30.0"
       },
       "peerDependencies": {
         "react": ">=16.9.0",
@@ -27672,15 +27829,17 @@
       }
     },
     "node_modules/rc-table": {
-      "version": "7.26.0",
-      "resolved": "https://registry.npmjs.org/rc-table/-/rc-table-7.26.0.tgz",
-      "integrity": "sha512-0cD8e6S+DTGAt5nBZQIPFYEaIukn17sfa5uFL98faHlH/whZzD8ii3dbFL4wmUDEL4BLybhYop+QUfZJ4CPvNQ==",
+      "version": "7.50.4",
+      "resolved": "https://registry.npmjs.org/rc-table/-/rc-table-7.50.4.tgz",
+      "integrity": "sha512-Y+YuncnQqoS5e7yHvfvlv8BmCvwDYDX/2VixTBEhkMDk9itS9aBINp4nhzXFKiBP/frG4w0pS9d9Rgisl0T1Bw==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
+        "@rc-component/context": "^1.4.0",
         "classnames": "^2.2.5",
         "rc-resize-observer": "^1.1.0",
-        "rc-util": "^5.22.5",
-        "shallowequal": "^1.1.0"
+        "rc-util": "^5.44.3",
+        "rc-virtual-list": "^3.14.2"
       },
       "engines": {
         "node": ">=8.x"
@@ -27691,17 +27850,18 @@
       }
     },
     "node_modules/rc-tabs": {
-      "version": "12.5.10",
-      "resolved": "https://registry.npmjs.org/rc-tabs/-/rc-tabs-12.5.10.tgz",
-      "integrity": "sha512-Ay0l0jtd4eXepFH9vWBvinBjqOpqzcsJTerBGwJy435P2S90Uu38q8U/mvc1sxUEVOXX5ZCFbxcWPnfG3dH+tQ==",
+      "version": "15.5.1",
+      "resolved": "https://registry.npmjs.org/rc-tabs/-/rc-tabs-15.5.1.tgz",
+      "integrity": "sha512-yiWivLAjEo5d1v2xlseB2dQocsOhkoVSfo1krS8v8r+02K+TBUjSjXIf7dgyVSxp6wRIPv5pMi5hanNUlQMgUA==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.11.2",
         "classnames": "2.x",
-        "rc-dropdown": "~4.0.0",
-        "rc-menu": "~9.8.0",
+        "rc-dropdown": "~4.2.0",
+        "rc-menu": "~9.16.0",
         "rc-motion": "^2.6.2",
         "rc-resize-observer": "^1.0.0",
-        "rc-util": "^5.16.0"
+        "rc-util": "^5.34.1"
       },
       "engines": {
         "node": ">=8.x"
@@ -27712,15 +27872,16 @@
       }
     },
     "node_modules/rc-textarea": {
-      "version": "0.4.7",
-      "resolved": "https://registry.npmjs.org/rc-textarea/-/rc-textarea-0.4.7.tgz",
-      "integrity": "sha512-IQPd1CDI3mnMlkFyzt2O4gQ2lxUsnBAeJEoZGJnkkXgORNqyM9qovdrCj9NzcRfpHgLdzaEbU3AmobNFGUznwQ==",
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/rc-textarea/-/rc-textarea-1.9.0.tgz",
+      "integrity": "sha512-dQW/Bc/MriPBTugj2Kx9PMS5eXCCGn2cxoIaichjbNvOiARlaHdI99j4DTxLl/V8+PIfW06uFy7kjfUIDDKyxQ==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "^2.2.1",
+        "rc-input": "~1.7.1",
         "rc-resize-observer": "^1.0.0",
-        "rc-util": "^5.24.4",
-        "shallowequal": "^1.1.0"
+        "rc-util": "^5.27.0"
       },
       "peerDependencies": {
         "react": ">=16.9.0",
@@ -27728,13 +27889,15 @@
       }
     },
     "node_modules/rc-tooltip": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/rc-tooltip/-/rc-tooltip-5.2.2.tgz",
-      "integrity": "sha512-jtQzU/18S6EI3lhSGoDYhPqNpWajMtS5VV/ld1LwyfrDByQpYmw/LW6U7oFXXLukjfDHQ7Ju705A82PRNFWYhg==",
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/rc-tooltip/-/rc-tooltip-6.4.0.tgz",
+      "integrity": "sha512-kqyivim5cp8I5RkHmpsp1Nn/Wk+1oeloMv9c7LXNgDxUpGm+RbXJGL+OPvDlcRnx9DBeOe4wyOIl4OKUERyH1g==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.11.2",
+        "@rc-component/trigger": "^2.0.0",
         "classnames": "^2.3.1",
-        "rc-trigger": "^5.0.0"
+        "rc-util": "^5.44.3"
       },
       "peerDependencies": {
         "react": ">=16.9.0",
@@ -27742,9 +27905,10 @@
       }
     },
     "node_modules/rc-tree": {
-      "version": "5.7.12",
-      "resolved": "https://registry.npmjs.org/rc-tree/-/rc-tree-5.7.12.tgz",
-      "integrity": "sha512-LXA5nY2hG5koIAlHW5sgXgLpOMz+bFRbnZZ+cCg0tQs4Wv1AmY7EDi1SK7iFXhslYockbqUerQan82jljoaItg==",
+      "version": "5.13.1",
+      "resolved": "https://registry.npmjs.org/rc-tree/-/rc-tree-5.13.1.tgz",
+      "integrity": "sha512-FNhIefhftobCdUJshO7M8uZTA9F4OPGVXqGfZkkD/5soDeOhwO06T/aKTrg0WD8gRg/pyfq+ql3aMymLHCTC4A==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.10.1",
         "classnames": "2.x",
@@ -27761,15 +27925,16 @@
       }
     },
     "node_modules/rc-tree-select": {
-      "version": "5.5.5",
-      "resolved": "https://registry.npmjs.org/rc-tree-select/-/rc-tree-select-5.5.5.tgz",
-      "integrity": "sha512-k2av7jF6tW9bIO4mQhaVdV4kJ1c54oxV3/hHVU+oD251Gb5JN+m1RbJFTMf1o0rAFqkvto33rxMdpafaGKQRJw==",
+      "version": "5.27.0",
+      "resolved": "https://registry.npmjs.org/rc-tree-select/-/rc-tree-select-5.27.0.tgz",
+      "integrity": "sha512-2qTBTzwIT7LRI1o7zLyrCzmo5tQanmyGbSaGTIf7sYimCklAToVVfpMC6OAldSKolcnjorBYPNSKQqJmN3TCww==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.10.1",
+        "@babel/runtime": "^7.25.7",
         "classnames": "2.x",
-        "rc-select": "~14.1.0",
-        "rc-tree": "~5.7.0",
-        "rc-util": "^5.16.1"
+        "rc-select": "~14.16.2",
+        "rc-tree": "~5.13.0",
+        "rc-util": "^5.43.0"
       },
       "peerDependencies": {
         "react": "*",
@@ -27796,9 +27961,10 @@
       }
     },
     "node_modules/rc-upload": {
-      "version": "4.3.6",
-      "resolved": "https://registry.npmjs.org/rc-upload/-/rc-upload-4.3.6.tgz",
-      "integrity": "sha512-Bt7ESeG5tT3IY82fZcP+s0tQU2xmo1W6P3S8NboUUliquJLQYLkUcsaExi3IlBVr43GQMCjo30RA2o0i70+NjA==",
+      "version": "4.8.1",
+      "resolved": "https://registry.npmjs.org/rc-upload/-/rc-upload-4.8.1.tgz",
+      "integrity": "sha512-toEAhwl4hjLAI1u8/CgKWt30BR06ulPa4iGQSMvSXoHzO88gPCslxqV/mnn4gJU7PDoltGIC9Eh+wkeudqgHyw==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.18.3",
         "classnames": "^2.2.5",
@@ -27810,9 +27976,10 @@
       }
     },
     "node_modules/rc-util": {
-      "version": "5.38.1",
-      "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.38.1.tgz",
-      "integrity": "sha512-e4ZMs7q9XqwTuhIK7zBIVFltUtMSjphuPPQXHoHlzRzNdOwUxDejo0Zls5HYaJfRKNURcsS/ceKVULlhjBrxng==",
+      "version": "5.44.4",
+      "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.44.4.tgz",
+      "integrity": "sha512-resueRJzmHG9Q6rI/DfK6Kdv9/Lfls05vzMs1Sk3M2P+3cJa+MakaZyWY8IPfehVuhPJFKrIY1IK4GqbiaiY5w==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.18.3",
         "react-is": "^18.2.0"
@@ -27823,9 +27990,10 @@
       }
     },
     "node_modules/rc-virtual-list": {
-      "version": "3.11.4",
-      "resolved": "https://registry.npmjs.org/rc-virtual-list/-/rc-virtual-list-3.11.4.tgz",
-      "integrity": "sha512-NbBi0fvyIu26gP69nQBiWgUMTPX3mr4FcuBQiVqagU0BnuX8WQkiivnMs105JROeuUIFczLrlgUhLQwTWV1XDA==",
+      "version": "3.18.5",
+      "resolved": "https://registry.npmjs.org/rc-virtual-list/-/rc-virtual-list-3.18.5.tgz",
+      "integrity": "sha512-1FuxVSxhzTj3y8k5xMPbhXCB0t2TOiI3Tq+qE2Bu+GGV7f+ECVuQl4OUg6lZ2qT5fordTW7CBpr9czdzXCI7Pg==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.20.0",
         "classnames": "^2.2.6",
@@ -29582,17 +29750,19 @@
       }
     },
     "node_modules/scroll-into-view-if-needed": {
-      "version": "2.2.31",
-      "resolved": "https://registry.npmjs.org/scroll-into-view-if-needed/-/scroll-into-view-if-needed-2.2.31.tgz",
-      "integrity": "sha512-dGCXy99wZQivjmjIqihaBQNjryrz5rueJY7eHfTdyWEiR4ttYpsajb14rn9s5d4DY4EcY6+4+U/maARBXJedkA==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/scroll-into-view-if-needed/-/scroll-into-view-if-needed-3.1.0.tgz",
+      "integrity": "sha512-49oNpRjWRvnU8NyGVmUaYG4jtTkNonFZI86MmGRDqBphEK2EXT9gdEUoQPZhuBM8yWHxCWbobltqYO5M4XrUvQ==",
+      "license": "MIT",
       "dependencies": {
-        "compute-scroll-into-view": "^1.0.20"
+        "compute-scroll-into-view": "^3.0.2"
       }
     },
     "node_modules/scroll-into-view-if-needed/node_modules/compute-scroll-into-view": {
-      "version": "1.0.20",
-      "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-1.0.20.tgz",
-      "integrity": "sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg=="
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-3.1.1.tgz",
+      "integrity": "sha512-VRhuHOLoKYOy4UbilLbUzbYg93XLjv2PncJC50EuTWPA3gaja1UjBsUP/D/9/juV3vQFr6XBEzn9KCAHdUvOHw==",
+      "license": "MIT"
     },
     "node_modules/section-matter": {
       "version": "1.0.0",
@@ -30600,7 +30770,8 @@
     "node_modules/string-convert": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/string-convert/-/string-convert-0.2.1.tgz",
-      "integrity": "sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A=="
+      "integrity": "sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A==",
+      "license": "MIT"
     },
     "node_modules/string-length": {
       "version": "4.0.2",
@@ -31314,9 +31485,10 @@
       "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw=="
     },
     "node_modules/throttle-debounce": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-5.0.0.tgz",
-      "integrity": "sha512-2iQTSgkkc1Zyk0MeVrt/3BvuOXYPl/R8Z0U2xxo9rjwNciaHDG3R+Lm6dh4EeUci49DanvBnuqI6jshoQQRGEg==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-5.0.2.tgz",
+      "integrity": "sha512-B71/4oyj61iNH0KeCamLuE2rmKuTO5byTOSVwECM5FA7TiAiAW+UqTKZ9ERueC4qvgSttUhdmq1mXC3kJqGX7A==",
+      "license": "MIT",
       "engines": {
         "node": ">=12.22"
       }
@@ -34029,646 +34201,6 @@
         "react": "^16.14.0 || >=17"
       }
     },
-    "packages/antd/node_modules/@ant-design/colors": {
-      "version": "7.0.2",
-      "resolved": "https://registry.npmjs.org/@ant-design/colors/-/colors-7.0.2.tgz",
-      "integrity": "sha512-7KJkhTiPiLHSu+LmMJnehfJ6242OCxSlR3xHVBecYxnMW8MS/878NXct1GqYARyL59fyeFdKRxXTfvR9SnDgJg==",
-      "dev": true,
-      "dependencies": {
-        "@ctrl/tinycolor": "^3.6.1"
-      }
-    },
-    "packages/antd/node_modules/antd": {
-      "version": "5.13.3",
-      "resolved": "https://registry.npmjs.org/antd/-/antd-5.13.3.tgz",
-      "integrity": "sha512-phQJa4ezs6e2AnWRxbKVan9fvmURwntAfI+wDRRSP7spPY6t3afjvWfAcVp0Ekb1EPzvF/jUr64j3RMQQYWHVw==",
-      "dev": true,
-      "dependencies": {
-        "@ant-design/colors": "^7.0.2",
-        "@ant-design/cssinjs": "^1.18.4",
-        "@ant-design/icons": "^5.2.6",
-        "@ant-design/react-slick": "~1.0.2",
-        "@ctrl/tinycolor": "^3.6.1",
-        "@rc-component/color-picker": "~1.5.1",
-        "@rc-component/mutate-observer": "^1.1.0",
-        "@rc-component/tour": "~1.12.3",
-        "@rc-component/trigger": "^1.18.3",
-        "classnames": "^2.5.1",
-        "copy-to-clipboard": "^3.3.3",
-        "dayjs": "^1.11.10",
-        "qrcode.react": "^3.1.0",
-        "rc-cascader": "~3.21.2",
-        "rc-checkbox": "~3.1.0",
-        "rc-collapse": "~3.7.2",
-        "rc-dialog": "~9.3.4",
-        "rc-drawer": "~7.0.0",
-        "rc-dropdown": "~4.1.0",
-        "rc-field-form": "~1.41.0",
-        "rc-image": "~7.5.1",
-        "rc-input": "~1.4.3",
-        "rc-input-number": "~8.6.1",
-        "rc-mentions": "~2.10.1",
-        "rc-menu": "~9.12.4",
-        "rc-motion": "^2.9.0",
-        "rc-notification": "~5.3.0",
-        "rc-pagination": "~4.0.4",
-        "rc-picker": "~3.14.6",
-        "rc-progress": "~3.5.1",
-        "rc-rate": "~2.12.0",
-        "rc-resize-observer": "^1.4.0",
-        "rc-segmented": "~2.2.2",
-        "rc-select": "~14.11.0",
-        "rc-slider": "~10.5.0",
-        "rc-steps": "~6.0.1",
-        "rc-switch": "~4.1.0",
-        "rc-table": "~7.37.0",
-        "rc-tabs": "~14.0.0",
-        "rc-textarea": "~1.6.3",
-        "rc-tooltip": "~6.1.3",
-        "rc-tree": "~5.8.2",
-        "rc-tree-select": "~5.17.0",
-        "rc-upload": "~4.5.2",
-        "rc-util": "^5.38.1",
-        "scroll-into-view-if-needed": "^3.1.0",
-        "throttle-debounce": "^5.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/ant-design"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "packages/antd/node_modules/antd/node_modules/@ant-design/icons": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/@ant-design/icons/-/icons-5.3.0.tgz",
-      "integrity": "sha512-69FgBsIkeCjw72ZU3fJpqjhmLCPrzKGEllbrAZK7MUdt1BrKsyG6A8YDCBPKea27UQ0tRXi33PcjR4tp/tEXMg==",
-      "dev": true,
-      "dependencies": {
-        "@ant-design/colors": "^7.0.0",
-        "@ant-design/icons-svg": "^4.4.0",
-        "@babel/runtime": "^7.11.2",
-        "classnames": "^2.2.6",
-        "rc-util": "^5.31.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "peerDependencies": {
-        "react": ">=16.0.0",
-        "react-dom": ">=16.0.0"
-      }
-    },
-    "packages/antd/node_modules/antd/node_modules/rc-picker": {
-      "version": "3.14.6",
-      "resolved": "https://registry.npmjs.org/rc-picker/-/rc-picker-3.14.6.tgz",
-      "integrity": "sha512-AdKKW0AqMwZsKvIpwUWDUnpuGKZVrbxVTZTNjcO+pViGkjC1EBcjMgxVe8tomOEaIHJL5Gd13vS8Rr3zzxWmag==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "@rc-component/trigger": "^1.5.0",
-        "classnames": "^2.2.1",
-        "rc-util": "^5.30.0"
-      },
-      "engines": {
-        "node": ">=8.x"
-      },
-      "peerDependencies": {
-        "date-fns": ">= 2.x",
-        "dayjs": ">= 1.x",
-        "luxon": ">= 3.x",
-        "moment": ">= 2.x",
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      },
-      "peerDependenciesMeta": {
-        "date-fns": {
-          "optional": true
-        },
-        "dayjs": {
-          "optional": true
-        },
-        "luxon": {
-          "optional": true
-        },
-        "moment": {
-          "optional": true
-        }
-      }
-    },
-    "packages/antd/node_modules/compute-scroll-into-view": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-3.1.0.tgz",
-      "integrity": "sha512-rj8l8pD4bJ1nx+dAkMhV1xB5RuZEyVysfxJqB1pRchh1KVvwOv9b7CGB8ZfjTImVv2oF+sYMUkMZq6Na5Ftmbg==",
-      "dev": true
-    },
-    "packages/antd/node_modules/copy-to-clipboard": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
-      "integrity": "sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==",
-      "dev": true,
-      "dependencies": {
-        "toggle-selection": "^1.0.6"
-      }
-    },
-    "packages/antd/node_modules/rc-cascader": {
-      "version": "3.21.2",
-      "resolved": "https://registry.npmjs.org/rc-cascader/-/rc-cascader-3.21.2.tgz",
-      "integrity": "sha512-J7GozpgsLaOtzfIHFJFuh4oFY0ePb1w10twqK6is3pAkqHkca/PsokbDr822KIRZ8/CK8CqevxohuPDVZ1RO/A==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.12.5",
-        "array-tree-filter": "^2.1.0",
-        "classnames": "^2.3.1",
-        "rc-select": "~14.11.0",
-        "rc-tree": "~5.8.1",
-        "rc-util": "^5.37.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "packages/antd/node_modules/rc-checkbox": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/rc-checkbox/-/rc-checkbox-3.1.0.tgz",
-      "integrity": "sha512-PAwpJFnBa3Ei+5pyqMMXdcKYKNBMS+TvSDiLdDnARnMJHC8ESxwPfm4Ao1gJiKtWLdmGfigascnCpwrHFgoOBQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "classnames": "^2.3.2",
-        "rc-util": "^5.25.2"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "packages/antd/node_modules/rc-collapse": {
-      "version": "3.7.2",
-      "resolved": "https://registry.npmjs.org/rc-collapse/-/rc-collapse-3.7.2.tgz",
-      "integrity": "sha512-ZRw6ipDyOnfLFySxAiCMdbHtb5ePAsB9mT17PA6y1mRD/W6KHRaZeb5qK/X9xDV1CqgyxMpzw0VdS74PCcUk4A==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "classnames": "2.x",
-        "rc-motion": "^2.3.4",
-        "rc-util": "^5.27.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "packages/antd/node_modules/rc-dialog": {
-      "version": "9.3.4",
-      "resolved": "https://registry.npmjs.org/rc-dialog/-/rc-dialog-9.3.4.tgz",
-      "integrity": "sha512-975X3018GhR+EjZFbxA2Z57SX5rnu0G0/OxFgMMvZK4/hQWEm3MHaNvP4wXpxYDoJsp+xUvVW+GB9CMMCm81jA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "@rc-component/portal": "^1.0.0-8",
-        "classnames": "^2.2.6",
-        "rc-motion": "^2.3.0",
-        "rc-util": "^5.21.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "packages/antd/node_modules/rc-drawer": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/rc-drawer/-/rc-drawer-7.0.0.tgz",
-      "integrity": "sha512-ePcS4KtQnn57bCbVXazHN2iC8nTPCXlWEIA/Pft87Pd9U7ZeDkdRzG47jWG2/TAFXFlFltRAMcslqmUM8NPCGA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "@rc-component/portal": "^1.1.1",
-        "classnames": "^2.2.6",
-        "rc-motion": "^2.6.1",
-        "rc-util": "^5.36.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "packages/antd/node_modules/rc-dropdown": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/rc-dropdown/-/rc-dropdown-4.1.0.tgz",
-      "integrity": "sha512-VZjMunpBdlVzYpEdJSaV7WM7O0jf8uyDjirxXLZRNZ+tAC+NzD3PXPEtliFwGzVwBBdCmGuSqiS9DWcOLxQ9tw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.18.3",
-        "@rc-component/trigger": "^1.7.0",
-        "classnames": "^2.2.6",
-        "rc-util": "^5.17.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.11.0",
-        "react-dom": ">=16.11.0"
-      }
-    },
-    "packages/antd/node_modules/rc-field-form": {
-      "version": "1.41.0",
-      "resolved": "https://registry.npmjs.org/rc-field-form/-/rc-field-form-1.41.0.tgz",
-      "integrity": "sha512-k9AS0wmxfJfusWDP/YXWTpteDNaQ4isJx9UKxx4/e8Dub4spFeZ54/EuN2sYrMRID/+hUznPgVZeg+Gf7XSYCw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.18.0",
-        "async-validator": "^4.1.0",
-        "rc-util": "^5.32.2"
-      },
-      "engines": {
-        "node": ">=8.x"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "packages/antd/node_modules/rc-image": {
-      "version": "7.5.1",
-      "resolved": "https://registry.npmjs.org/rc-image/-/rc-image-7.5.1.tgz",
-      "integrity": "sha512-Z9loECh92SQp0nSipc0MBuf5+yVC05H/pzC+Nf8xw1BKDFUJzUeehYBjaWlxly8VGBZJcTHYri61Fz9ng1G3Ag==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.11.2",
-        "@rc-component/portal": "^1.0.2",
-        "classnames": "^2.2.6",
-        "rc-dialog": "~9.3.4",
-        "rc-motion": "^2.6.2",
-        "rc-util": "^5.34.1"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "packages/antd/node_modules/rc-input": {
-      "version": "1.4.3",
-      "resolved": "https://registry.npmjs.org/rc-input/-/rc-input-1.4.3.tgz",
-      "integrity": "sha512-aHyQUAIRmTlOnvk5EcNqEpJ+XMtfMpYRAJayIlJfsvvH9cAKUWboh4egm23vgMA7E+c/qm4BZcnrDcA960GC1w==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.11.1",
-        "classnames": "^2.2.1",
-        "rc-util": "^5.18.1"
-      },
-      "peerDependencies": {
-        "react": ">=16.0.0",
-        "react-dom": ">=16.0.0"
-      }
-    },
-    "packages/antd/node_modules/rc-input-number": {
-      "version": "8.6.1",
-      "resolved": "https://registry.npmjs.org/rc-input-number/-/rc-input-number-8.6.1.tgz",
-      "integrity": "sha512-gaAMUKtUKLktJ3Yx93tjgYY1M0HunnoqzPEqkb9//Ydup4DcG0TFL9yHBA3pgVdNIt5f0UWyHCgFBj//JxeD6A==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "@rc-component/mini-decimal": "^1.0.1",
-        "classnames": "^2.2.5",
-        "rc-input": "~1.4.0",
-        "rc-util": "^5.28.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "packages/antd/node_modules/rc-mentions": {
-      "version": "2.10.1",
-      "resolved": "https://registry.npmjs.org/rc-mentions/-/rc-mentions-2.10.1.tgz",
-      "integrity": "sha512-72qsEcr/7su+a07ndJ1j8rI9n0Ka/ngWOLYnWMMv0p2mi/5zPwPrEDTt6Uqpe8FWjWhueDJx/vzunL6IdKDYMg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.22.5",
-        "@rc-component/trigger": "^1.5.0",
-        "classnames": "^2.2.6",
-        "rc-input": "~1.4.0",
-        "rc-menu": "~9.12.0",
-        "rc-textarea": "~1.6.1",
-        "rc-util": "^5.34.1"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "packages/antd/node_modules/rc-menu": {
-      "version": "9.12.4",
-      "resolved": "https://registry.npmjs.org/rc-menu/-/rc-menu-9.12.4.tgz",
-      "integrity": "sha512-t2NcvPLV1mFJzw4F21ojOoRVofK2rWhpKPx69q2raUsiHPDP6DDevsBILEYdsIegqBeSXoWs2bf6CueBKg3BFg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "@rc-component/trigger": "^1.17.0",
-        "classnames": "2.x",
-        "rc-motion": "^2.4.3",
-        "rc-overflow": "^1.3.1",
-        "rc-util": "^5.27.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "packages/antd/node_modules/rc-notification": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/rc-notification/-/rc-notification-5.3.0.tgz",
-      "integrity": "sha512-WCf0uCOkZ3HGfF0p1H4Sgt7aWfipxORWTPp7o6prA3vxwtWhtug3GfpYls1pnBp4WA+j8vGIi5c2/hQRpGzPcQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "classnames": "2.x",
-        "rc-motion": "^2.9.0",
-        "rc-util": "^5.20.1"
-      },
-      "engines": {
-        "node": ">=8.x"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "packages/antd/node_modules/rc-pagination": {
-      "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/rc-pagination/-/rc-pagination-4.0.4.tgz",
-      "integrity": "sha512-GGrLT4NgG6wgJpT/hHIpL9nELv27A1XbSZzECIuQBQTVSf4xGKxWr6I/jhpRPauYEWEbWVw22ObG6tJQqwJqWQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "classnames": "^2.3.2",
-        "rc-util": "^5.38.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "packages/antd/node_modules/rc-progress": {
-      "version": "3.5.1",
-      "resolved": "https://registry.npmjs.org/rc-progress/-/rc-progress-3.5.1.tgz",
-      "integrity": "sha512-V6Amx6SbLRwPin/oD+k1vbPrO8+9Qf8zW1T8A7o83HdNafEVvAxPV5YsgtKFP+Ud5HghLj33zKOcEHrcrUGkfw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "classnames": "^2.2.6",
-        "rc-util": "^5.16.1"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "packages/antd/node_modules/rc-rate": {
-      "version": "2.12.0",
-      "resolved": "https://registry.npmjs.org/rc-rate/-/rc-rate-2.12.0.tgz",
-      "integrity": "sha512-g092v5iZCdVzbjdn28FzvWebK2IutoVoiTeqoLTj9WM7SjA/gOJIw5/JFZMRyJYYVe1jLAU2UhAfstIpCNRozg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "classnames": "^2.2.5",
-        "rc-util": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8.x"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "packages/antd/node_modules/rc-segmented": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/rc-segmented/-/rc-segmented-2.2.2.tgz",
-      "integrity": "sha512-Mq52M96QdHMsNdE/042ibT5vkcGcD5jxKp7HgPC2SRofpia99P5fkfHy1pEaajLMF/kj0+2Lkq1UZRvqzo9mSA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.11.1",
-        "classnames": "^2.2.1",
-        "rc-motion": "^2.4.4",
-        "rc-util": "^5.17.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.0.0",
-        "react-dom": ">=16.0.0"
-      }
-    },
-    "packages/antd/node_modules/rc-select": {
-      "version": "14.11.0",
-      "resolved": "https://registry.npmjs.org/rc-select/-/rc-select-14.11.0.tgz",
-      "integrity": "sha512-8J8G/7duaGjFiTXCBLWfh5P+KDWyA3KTlZDfV3xj/asMPqB2cmxfM+lH50wRiPIRsCQ6EbkCFBccPuaje3DHIg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "@rc-component/trigger": "^1.5.0",
-        "classnames": "2.x",
-        "rc-motion": "^2.0.1",
-        "rc-overflow": "^1.3.1",
-        "rc-util": "^5.16.1",
-        "rc-virtual-list": "^3.5.2"
-      },
-      "engines": {
-        "node": ">=8.x"
-      },
-      "peerDependencies": {
-        "react": "*",
-        "react-dom": "*"
-      }
-    },
-    "packages/antd/node_modules/rc-slider": {
-      "version": "10.5.0",
-      "resolved": "https://registry.npmjs.org/rc-slider/-/rc-slider-10.5.0.tgz",
-      "integrity": "sha512-xiYght50cvoODZYI43v3Ylsqiw14+D7ELsgzR40boDZaya1HFa1Etnv9MDkQE8X/UrXAffwv2AcNAhslgYuDTw==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "classnames": "^2.2.5",
-        "rc-util": "^5.27.0"
-      },
-      "engines": {
-        "node": ">=8.x"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "packages/antd/node_modules/rc-steps": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/rc-steps/-/rc-steps-6.0.1.tgz",
-      "integrity": "sha512-lKHL+Sny0SeHkQKKDJlAjV5oZ8DwCdS2hFhAkIjuQt1/pB81M0cA0ErVFdHq9+jmPmFw1vJB2F5NBzFXLJxV+g==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.16.7",
-        "classnames": "^2.2.3",
-        "rc-util": "^5.16.1"
-      },
-      "engines": {
-        "node": ">=8.x"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "packages/antd/node_modules/rc-switch": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/rc-switch/-/rc-switch-4.1.0.tgz",
-      "integrity": "sha512-TI8ufP2Az9oEbvyCeVE4+90PDSljGyuwix3fV58p7HV2o4wBnVToEyomJRVyTaZeqNPAp+vqeo4Wnj5u0ZZQBg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.21.0",
-        "classnames": "^2.2.1",
-        "rc-util": "^5.30.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "packages/antd/node_modules/rc-table": {
-      "version": "7.37.0",
-      "resolved": "https://registry.npmjs.org/rc-table/-/rc-table-7.37.0.tgz",
-      "integrity": "sha512-hEB17ktLRVfVmdo+U8MjGr+PuIgdQ8Cxj/N5lwMvP/Az7TOrQxwTMLVEDoj207tyPYLTWifHIF9EJREWwyk67g==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "@rc-component/context": "^1.4.0",
-        "classnames": "^2.2.5",
-        "rc-resize-observer": "^1.1.0",
-        "rc-util": "^5.37.0",
-        "rc-virtual-list": "^3.11.1"
-      },
-      "engines": {
-        "node": ">=8.x"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "packages/antd/node_modules/rc-tabs": {
-      "version": "14.0.0",
-      "resolved": "https://registry.npmjs.org/rc-tabs/-/rc-tabs-14.0.0.tgz",
-      "integrity": "sha512-lp1YWkaPnjlyhOZCPrAWxK6/P6nMGX/BAZcAC3nuVwKz0Byfp+vNnQKK8BRCP2g/fzu+SeB5dm9aUigRu3tRkQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.11.2",
-        "classnames": "2.x",
-        "rc-dropdown": "~4.1.0",
-        "rc-menu": "~9.12.0",
-        "rc-motion": "^2.6.2",
-        "rc-resize-observer": "^1.0.0",
-        "rc-util": "^5.34.1"
-      },
-      "engines": {
-        "node": ">=8.x"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "packages/antd/node_modules/rc-textarea": {
-      "version": "1.6.3",
-      "resolved": "https://registry.npmjs.org/rc-textarea/-/rc-textarea-1.6.3.tgz",
-      "integrity": "sha512-8k7+8Y2GJ/cQLiClFMg8kUXOOdvcFQrnGeSchOvI2ZMIVvX5a3zQpLxoODL0HTrvU63fPkRmMuqaEcOF9dQemA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "classnames": "^2.2.1",
-        "rc-input": "~1.4.0",
-        "rc-resize-observer": "^1.0.0",
-        "rc-util": "^5.27.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "packages/antd/node_modules/rc-tooltip": {
-      "version": "6.1.3",
-      "resolved": "https://registry.npmjs.org/rc-tooltip/-/rc-tooltip-6.1.3.tgz",
-      "integrity": "sha512-HMSbSs5oieZ7XddtINUddBLSVgsnlaSb3bZrzzGWjXa7/B7nNedmsuz72s7EWFEro9mNa7RyF3gOXKYqvJiTcQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.11.2",
-        "@rc-component/trigger": "^1.18.0",
-        "classnames": "^2.3.1"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "packages/antd/node_modules/rc-tree": {
-      "version": "5.8.5",
-      "resolved": "https://registry.npmjs.org/rc-tree/-/rc-tree-5.8.5.tgz",
-      "integrity": "sha512-PRfcZtVDNkR7oh26RuNe1hpw11c1wfgzwmPFL0lnxGnYefe9lDAO6cg5wJKIAwyXFVt5zHgpjYmaz0CPy1ZtKg==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "classnames": "2.x",
-        "rc-motion": "^2.0.1",
-        "rc-util": "^5.16.1",
-        "rc-virtual-list": "^3.5.1"
-      },
-      "engines": {
-        "node": ">=10.x"
-      },
-      "peerDependencies": {
-        "react": "*",
-        "react-dom": "*"
-      }
-    },
-    "packages/antd/node_modules/rc-tree-select": {
-      "version": "5.17.0",
-      "resolved": "https://registry.npmjs.org/rc-tree-select/-/rc-tree-select-5.17.0.tgz",
-      "integrity": "sha512-7sRGafswBhf7n6IuHyCEFCildwQIgyKiV8zfYyUoWfZEFdhuk7lCH+DN0aHt+oJrdiY9+6Io/LDXloGe01O8XQ==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "classnames": "2.x",
-        "rc-select": "~14.11.0-0",
-        "rc-tree": "~5.8.1",
-        "rc-util": "^5.16.1"
-      },
-      "peerDependencies": {
-        "react": "*",
-        "react-dom": "*"
-      }
-    },
-    "packages/antd/node_modules/rc-upload": {
-      "version": "4.5.2",
-      "resolved": "https://registry.npmjs.org/rc-upload/-/rc-upload-4.5.2.tgz",
-      "integrity": "sha512-QO3ne77DwnAPKFn0bA5qJM81QBjQi0e0NHdkvpFyY73Bea2NfITiotqJqVjHgeYPOJu5lLVR32TNGP084aSoXA==",
-      "dev": true,
-      "dependencies": {
-        "@babel/runtime": "^7.18.3",
-        "classnames": "^2.2.5",
-        "rc-util": "^5.2.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "packages/antd/node_modules/scroll-into-view-if-needed": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/scroll-into-view-if-needed/-/scroll-into-view-if-needed-3.1.0.tgz",
-      "integrity": "sha512-49oNpRjWRvnU8NyGVmUaYG4jtTkNonFZI86MmGRDqBphEK2EXT9gdEUoQPZhuBM8yWHxCWbobltqYO5M4XrUvQ==",
-      "dev": true,
-      "dependencies": {
-        "compute-scroll-into-view": "^3.0.2"
-      }
-    },
     "packages/bootstrap-4": {
       "name": "@rjsf/bootstrap-4",
       "version": "5.24.8",
@@ -35139,7 +34671,7 @@
         "ajv": "^8.12.0",
         "ajv-formats": "^2.1.1",
         "ajv-i18n": "^4.2.0",
-        "antd": "^4.24.15",
+        "antd": "^5.24.5",
         "atob": "^2.1.2",
         "chakra-react-select": "^4.7.6",
         "core-js": "^3.35.1",
diff --git a/packages/antd/test/__snapshots__/Array.test.tsx.snap b/packages/antd/test/__snapshots__/Array.test.tsx.snap
index 9a79c3efb1..acb7fc6477 100644
--- a/packages/antd/test/__snapshots__/Array.test.tsx.snap
+++ b/packages/antd/test/__snapshots__/Array.test.tsx.snap
@@ -10,10 +10,10 @@ exports[`array fields array 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -21,7 +21,7 @@ exports[`array fields array 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -35,7 +35,7 @@ exports[`array fields array 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -45,7 +45,7 @@ exports[`array fields array 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -54,7 +54,7 @@ exports[`array fields array 1`] = `
                     }
                   />
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -63,7 +63,7 @@ exports[`array fields array 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-end css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-end css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -73,7 +73,7 @@ exports[`array fields array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -83,7 +83,7 @@ exports[`array fields array 1`] = `
                         }
                       >
                         <button
-                          className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
+                          className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-btn-block array-item-add"
                           disabled={false}
                           onClick={[Function]}
                           style={{}}
@@ -130,7 +130,7 @@ exports[`array fields array 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -153,10 +153,10 @@ exports[`array fields array icons 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -164,7 +164,7 @@ exports[`array fields array icons 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -178,7 +178,7 @@ exports[`array fields array icons 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -188,7 +188,7 @@ exports[`array fields array icons 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -197,7 +197,7 @@ exports[`array fields array icons 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -207,7 +207,7 @@ exports[`array fields array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "1",
@@ -220,10 +220,10 @@ exports[`array fields array icons 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -231,7 +231,7 @@ exports[`array fields array icons 1`] = `
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -241,7 +241,7 @@ exports[`array fields array icons 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -251,7 +251,7 @@ exports[`array fields array icons 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_0__error root_0__description root_0__help"
-                                        className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input css-dev-only-do-not-override-1a3rktk"
                                         disabled={false}
                                         id="root_0"
                                         name="root_0"
@@ -261,6 +261,7 @@ exports[`array fields array icons 1`] = `
                                         onCompositionStart={[Function]}
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
+                                        onKeyUp={[Function]}
                                         placeholder=""
                                         type="text"
                                         value="a"
@@ -277,7 +278,7 @@ exports[`array fields array icons 1`] = `
                         </div>
                       </div>
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -287,7 +288,7 @@ exports[`array fields array icons 1`] = `
                         }
                       >
                         <div
-                          className="ant-btn-group css-dev-only-do-not-override-1b0bdye"
+                          className="ant-btn-group css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "width": "100%",
@@ -295,7 +296,7 @@ exports[`array fields array icons 1`] = `
                           }
                         >
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={true}
                             onClick={[Function]}
                             style={
@@ -332,7 +333,7 @@ exports[`array fields array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -369,7 +370,7 @@ exports[`array fields array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -406,7 +407,7 @@ exports[`array fields array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-dangerous ant-btn-color-dangerous ant-btn-variant-solid ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -446,7 +447,7 @@ exports[`array fields array icons 1`] = `
                       </div>
                     </div>
                     <div
-                      className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -456,7 +457,7 @@ exports[`array fields array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "1",
@@ -469,10 +470,10 @@ exports[`array fields array icons 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -480,7 +481,7 @@ exports[`array fields array icons 1`] = `
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -490,7 +491,7 @@ exports[`array fields array icons 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -500,7 +501,7 @@ exports[`array fields array icons 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_1__error root_1__description root_1__help"
-                                        className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input css-dev-only-do-not-override-1a3rktk"
                                         disabled={false}
                                         id="root_1"
                                         name="root_1"
@@ -510,6 +511,7 @@ exports[`array fields array icons 1`] = `
                                         onCompositionStart={[Function]}
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
+                                        onKeyUp={[Function]}
                                         placeholder=""
                                         type="text"
                                         value="b"
@@ -526,7 +528,7 @@ exports[`array fields array icons 1`] = `
                         </div>
                       </div>
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -536,7 +538,7 @@ exports[`array fields array icons 1`] = `
                         }
                       >
                         <div
-                          className="ant-btn-group css-dev-only-do-not-override-1b0bdye"
+                          className="ant-btn-group css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "width": "100%",
@@ -544,7 +546,7 @@ exports[`array fields array icons 1`] = `
                           }
                         >
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -581,7 +583,7 @@ exports[`array fields array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={true}
                             onClick={[Function]}
                             style={
@@ -618,7 +620,7 @@ exports[`array fields array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -655,7 +657,7 @@ exports[`array fields array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-dangerous ant-btn-color-dangerous ant-btn-variant-solid ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -696,7 +698,7 @@ exports[`array fields array icons 1`] = `
                     </div>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -705,7 +707,7 @@ exports[`array fields array icons 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-end css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-end css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -715,7 +717,7 @@ exports[`array fields array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -725,7 +727,7 @@ exports[`array fields array icons 1`] = `
                         }
                       >
                         <button
-                          className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
+                          className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-btn-block array-item-add"
                           disabled={false}
                           onClick={[Function]}
                           style={{}}
@@ -772,7 +774,7 @@ exports[`array fields array icons 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -795,10 +797,10 @@ exports[`array fields checkboxes 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -806,7 +808,7 @@ exports[`array fields checkboxes 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -817,7 +819,7 @@ exports[`array fields checkboxes 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-select ant-select-outlined ant-select-in-form-item css-dev-only-do-not-override-1b0bdye ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                className="ant-select ant-select-outlined ant-select-in-form-item css-dev-only-do-not-override-1a3rktk ant-select-multiple ant-select-show-arrow ant-select-show-search"
                 name="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
@@ -835,73 +837,78 @@ exports[`array fields checkboxes 1`] = `
                   onClick={[Function]}
                   onMouseDown={[Function]}
                 >
-                  <div
-                    className="ant-select-selection-overflow"
+                  <span
+                    className="ant-select-selection-wrap"
                   >
                     <div
-                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                      style={
-                        {
-                          "height": undefined,
-                          "opacity": 1,
-                          "order": undefined,
-                          "overflowY": undefined,
-                          "pointerEvents": undefined,
-                          "position": undefined,
-                        }
-                      }
+                      className="ant-select-selection-overflow"
                     >
                       <div
-                        className="ant-select-selection-search"
-                        onBlur={[Function]}
-                        onFocus={[Function]}
+                        className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
                         style={
                           {
-                            "width": 100,
+                            "height": undefined,
+                            "opacity": 1,
+                            "order": undefined,
+                            "overflowY": undefined,
+                            "pointerEvents": undefined,
+                            "position": undefined,
                           }
                         }
                       >
-                        <input
-                          aria-autocomplete="list"
-                          aria-controls="root_list"
-                          aria-describedby="root__error root__description root__help"
-                          aria-expanded={false}
-                          aria-haspopup="listbox"
-                          aria-owns="root_list"
-                          autoComplete="off"
-                          autoFocus={false}
-                          className="ant-select-selection-search-input"
-                          disabled={false}
-                          id="root"
-                          onChange={[Function]}
-                          onCompositionEnd={[Function]}
-                          onCompositionStart={[Function]}
-                          onKeyDown={[Function]}
-                          onMouseDown={[Function]}
-                          onPaste={[Function]}
-                          readOnly={true}
-                          role="combobox"
+                        <div
+                          className="ant-select-selection-search"
+                          onBlur={[Function]}
+                          onFocus={[Function]}
                           style={
                             {
-                              "opacity": 0,
+                              "width": 100,
                             }
                           }
-                          type="search"
-                          unselectable="on"
-                          value=""
-                        />
-                        <span
-                          aria-hidden={true}
-                          className="ant-select-selection-search-mirror"
                         >
-                           
-                        </span>
+                          <input
+                            aria-autocomplete="list"
+                            aria-controls="root_list"
+                            aria-describedby="root__error root__description root__help"
+                            aria-expanded={false}
+                            aria-haspopup="listbox"
+                            aria-owns="root_list"
+                            autoComplete="off"
+                            autoFocus={false}
+                            className="ant-select-selection-search-input"
+                            disabled={false}
+                            id="root"
+                            onBlur={[Function]}
+                            onChange={[Function]}
+                            onCompositionEnd={[Function]}
+                            onCompositionStart={[Function]}
+                            onKeyDown={[Function]}
+                            onMouseDown={[Function]}
+                            onPaste={[Function]}
+                            readOnly={true}
+                            role="combobox"
+                            style={
+                              {
+                                "opacity": 0,
+                              }
+                            }
+                            type="search"
+                            unselectable="on"
+                            value=""
+                          />
+                          <span
+                            aria-hidden={true}
+                            className="ant-select-selection-search-mirror"
+                          >
+                             
+                          </span>
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <span
-                    className="ant-select-selection-placeholder"
-                  />
+                    <span
+                      className="ant-select-selection-placeholder"
+                    />
+                  </span>
                 </div>
                 <span
                   aria-hidden={true}
@@ -943,7 +950,7 @@ exports[`array fields checkboxes 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -966,10 +973,10 @@ exports[`array fields empty errors array 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -977,7 +984,7 @@ exports[`array fields empty errors array 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -990,7 +997,7 @@ exports[`array fields empty errors array 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -1000,7 +1007,7 @@ exports[`array fields empty errors array 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1012,10 +1019,10 @@ exports[`array fields empty errors array 1`] = `
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                        className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                       >
                         <div
-                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "rowGap": undefined,
@@ -1023,7 +1030,7 @@ exports[`array fields empty errors array 1`] = `
                           }
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <label
@@ -1035,7 +1042,7 @@ exports[`array fields empty errors array 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <div
@@ -1045,7 +1052,7 @@ exports[`array fields empty errors array 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <span
-                                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -1055,7 +1062,7 @@ exports[`array fields empty errors array 1`] = `
                                 >
                                   <input
                                     aria-describedby="root_name__error root_name__description root_name__help"
-                                    className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                    className="ant-input css-dev-only-do-not-override-1a3rktk"
                                     disabled={false}
                                     id="root_name"
                                     name="root_name"
@@ -1065,6 +1072,7 @@ exports[`array fields empty errors array 1`] = `
                                     onCompositionStart={[Function]}
                                     onFocus={[Function]}
                                     onKeyDown={[Function]}
+                                    onKeyUp={[Function]}
                                     placeholder=""
                                     type="text"
                                     value=""
@@ -1089,7 +1097,7 @@ exports[`array fields empty errors array 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -1112,10 +1120,10 @@ exports[`array fields fixed array 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -1123,7 +1131,7 @@ exports[`array fields fixed array 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -1137,7 +1145,7 @@ exports[`array fields fixed array 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -1147,7 +1155,7 @@ exports[`array fields fixed array 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1156,7 +1164,7 @@ exports[`array fields fixed array 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -1166,7 +1174,7 @@ exports[`array fields fixed array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "1",
@@ -1179,10 +1187,10 @@ exports[`array fields fixed array 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -1190,7 +1198,7 @@ exports[`array fields fixed array 1`] = `
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -1200,7 +1208,7 @@ exports[`array fields fixed array 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -1210,7 +1218,7 @@ exports[`array fields fixed array 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_0__error root_0__description root_0__help"
-                                        className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input css-dev-only-do-not-override-1a3rktk"
                                         disabled={false}
                                         id="root_0"
                                         name="root_0"
@@ -1220,6 +1228,7 @@ exports[`array fields fixed array 1`] = `
                                         onCompositionStart={[Function]}
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
+                                        onKeyUp={[Function]}
                                         placeholder=""
                                         type="text"
                                         value=""
@@ -1237,7 +1246,7 @@ exports[`array fields fixed array 1`] = `
                       </div>
                     </div>
                     <div
-                      className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -1247,7 +1256,7 @@ exports[`array fields fixed array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "1",
@@ -1260,10 +1269,10 @@ exports[`array fields fixed array 1`] = `
                           className="form-group field field-number"
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -1271,7 +1280,7 @@ exports[`array fields fixed array 1`] = `
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -1281,7 +1290,7 @@ exports[`array fields fixed array 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-number-outlined ant-input-number-has-feedback"
+                                      className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-number-outlined ant-input-number-has-feedback"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -1290,7 +1299,7 @@ exports[`array fields fixed array 1`] = `
                                       }
                                     >
                                       <div
-                                        className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1a3rktk"
                                         onBeforeInput={[Function]}
                                         onBlur={[Function]}
                                         onCompositionEnd={[Function]}
@@ -1407,7 +1416,7 @@ exports[`array fields fixed array 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -1427,7 +1436,7 @@ exports[`array fields has errors 1`] = `
   onSubmit={[Function]}
 >
   <div
-    className="ant-alert ant-alert-error ant-alert-with-description ant-alert-no-icon panel panel-danger errors css-dev-only-do-not-override-1b0bdye"
+    className="ant-alert ant-alert-error ant-alert-with-description ant-alert-no-icon panel panel-danger errors css-dev-only-do-not-override-1a3rktk"
     data-show={true}
     role="alert"
     style={{}}
@@ -1444,11 +1453,11 @@ exports[`array fields has errors 1`] = `
         className="ant-alert-description"
       >
         <div
-          className="ant-list ant-list-sm ant-list-split list-group css-dev-only-do-not-override-1b0bdye"
+          className="ant-list ant-list-sm ant-list-split list-group css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
-            className="ant-spin-nested-loading css-dev-only-do-not-override-1b0bdye"
+            className="ant-spin-nested-loading css-dev-only-do-not-override-1a3rktk"
           >
             <div
               className="ant-spin-container"
@@ -1457,7 +1466,7 @@ exports[`array fields has errors 1`] = `
                 className="ant-list-item"
               >
                 <div
-                  className="ant-space css-dev-only-do-not-override-1b0bdye ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
+                  className="ant-space css-dev-only-do-not-override-1a3rktk ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
                   style={{}}
                 >
                   <div
@@ -1503,10 +1512,10 @@ exports[`array fields has errors 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -1514,7 +1523,7 @@ exports[`array fields has errors 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -1527,7 +1536,7 @@ exports[`array fields has errors 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -1537,7 +1546,7 @@ exports[`array fields has errors 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1549,10 +1558,10 @@ exports[`array fields has errors 1`] = `
                       className="form-group field field-string field-error has-error has-danger"
                     >
                       <div
-                        className="ant-form-item css-dev-only-do-not-override-1b0bdye ant-form-item-with-help ant-form-item-has-feedback ant-form-item-has-error"
+                        className="ant-form-item css-dev-only-do-not-override-1a3rktk ant-form-item-with-help ant-form-item-has-feedback ant-form-item-has-error"
                       >
                         <div
-                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "rowGap": undefined,
@@ -1560,7 +1569,7 @@ exports[`array fields has errors 1`] = `
                           }
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <label
@@ -1572,7 +1581,7 @@ exports[`array fields has errors 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <div
@@ -1582,7 +1591,7 @@ exports[`array fields has errors 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <span
-                                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined ant-input-status-error"
+                                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined ant-input-status-error"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -1592,7 +1601,7 @@ exports[`array fields has errors 1`] = `
                                 >
                                   <input
                                     aria-describedby="root_name__error root_name__description root_name__help"
-                                    className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                    className="ant-input css-dev-only-do-not-override-1a3rktk"
                                     disabled={false}
                                     id="root_name"
                                     name="root_name"
@@ -1602,6 +1611,7 @@ exports[`array fields has errors 1`] = `
                                     onCompositionStart={[Function]}
                                     onFocus={[Function]}
                                     onKeyDown={[Function]}
+                                    onKeyUp={[Function]}
                                     placeholder=""
                                     type="text"
                                     value=""
@@ -1651,7 +1661,7 @@ exports[`array fields has errors 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -1674,10 +1684,10 @@ exports[`array fields no errors 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -1685,7 +1695,7 @@ exports[`array fields no errors 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -1698,7 +1708,7 @@ exports[`array fields no errors 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -1708,7 +1718,7 @@ exports[`array fields no errors 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1720,10 +1730,10 @@ exports[`array fields no errors 1`] = `
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                        className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                       >
                         <div
-                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "rowGap": undefined,
@@ -1731,7 +1741,7 @@ exports[`array fields no errors 1`] = `
                           }
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <label
@@ -1743,7 +1753,7 @@ exports[`array fields no errors 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <div
@@ -1753,7 +1763,7 @@ exports[`array fields no errors 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <span
-                                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -1763,7 +1773,7 @@ exports[`array fields no errors 1`] = `
                                 >
                                   <input
                                     aria-describedby="root_name__error root_name__description root_name__help"
-                                    className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                    className="ant-input css-dev-only-do-not-override-1a3rktk"
                                     disabled={false}
                                     id="root_name"
                                     name="root_name"
@@ -1773,6 +1783,7 @@ exports[`array fields no errors 1`] = `
                                     onCompositionStart={[Function]}
                                     onFocus={[Function]}
                                     onKeyDown={[Function]}
+                                    onKeyUp={[Function]}
                                     placeholder=""
                                     type="text"
                                     value=""
@@ -1797,7 +1808,7 @@ exports[`array fields no errors 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -1820,10 +1831,10 @@ exports[`with title and description array 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -1831,7 +1842,7 @@ exports[`with title and description array 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -1845,7 +1856,7 @@ exports[`with title and description array 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -1855,7 +1866,7 @@ exports[`with title and description array 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1873,7 +1884,7 @@ exports[`with title and description array 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -1889,7 +1900,7 @@ exports[`with title and description array 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1898,7 +1909,7 @@ exports[`with title and description array 1`] = `
                     }
                   />
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1907,7 +1918,7 @@ exports[`with title and description array 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-end css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-end css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -1917,7 +1928,7 @@ exports[`with title and description array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -1927,7 +1938,7 @@ exports[`with title and description array 1`] = `
                         }
                       >
                         <button
-                          className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
+                          className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-btn-block array-item-add"
                           disabled={false}
                           onClick={[Function]}
                           style={{}}
@@ -1970,20 +1981,25 @@ exports[`with title and description array 1`] = `
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a test description
-            </span>
+              <span
+                id="root__description"
+              >
+                a test description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -2006,10 +2022,10 @@ exports[`with title and description array icons 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -2017,7 +2033,7 @@ exports[`with title and description array icons 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -2031,7 +2047,7 @@ exports[`with title and description array icons 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -2041,7 +2057,7 @@ exports[`with title and description array icons 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -2059,7 +2075,7 @@ exports[`with title and description array icons 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -2075,7 +2091,7 @@ exports[`with title and description array icons 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -2084,7 +2100,7 @@ exports[`with title and description array icons 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -2094,7 +2110,7 @@ exports[`with title and description array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "1",
@@ -2107,10 +2123,10 @@ exports[`with title and description array icons 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -2118,7 +2134,7 @@ exports[`with title and description array icons 1`] = `
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <label
@@ -2130,7 +2146,7 @@ exports[`with title and description array icons 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -2140,7 +2156,7 @@ exports[`with title and description array icons 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -2150,7 +2166,7 @@ exports[`with title and description array icons 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_0__error root_0__description root_0__help"
-                                        className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input css-dev-only-do-not-override-1a3rktk"
                                         disabled={false}
                                         id="root_0"
                                         name="root_0"
@@ -2160,6 +2176,7 @@ exports[`with title and description array icons 1`] = `
                                         onCompositionStart={[Function]}
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
+                                        onKeyUp={[Function]}
                                         placeholder=""
                                         type="text"
                                         value="a"
@@ -2171,13 +2188,18 @@ exports[`with title and description array icons 1`] = `
                                   </div>
                                 </div>
                                 <div
-                                  className="ant-form-item-extra"
+                                  className="ant-form-item-additional"
+                                  style={{}}
                                 >
-                                  <span
-                                    id="root_0__description"
+                                  <div
+                                    className="ant-form-item-extra"
                                   >
-                                    a test item description
-                                  </span>
+                                    <span
+                                      id="root_0__description"
+                                    >
+                                      a test item description
+                                    </span>
+                                  </div>
                                 </div>
                               </div>
                             </div>
@@ -2185,7 +2207,7 @@ exports[`with title and description array icons 1`] = `
                         </div>
                       </div>
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -2195,7 +2217,7 @@ exports[`with title and description array icons 1`] = `
                         }
                       >
                         <div
-                          className="ant-btn-group css-dev-only-do-not-override-1b0bdye"
+                          className="ant-btn-group css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "width": "100%",
@@ -2203,7 +2225,7 @@ exports[`with title and description array icons 1`] = `
                           }
                         >
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={true}
                             onClick={[Function]}
                             style={
@@ -2240,7 +2262,7 @@ exports[`with title and description array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -2277,7 +2299,7 @@ exports[`with title and description array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -2314,7 +2336,7 @@ exports[`with title and description array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-dangerous ant-btn-color-dangerous ant-btn-variant-solid ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -2354,7 +2376,7 @@ exports[`with title and description array icons 1`] = `
                       </div>
                     </div>
                     <div
-                      className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -2364,7 +2386,7 @@ exports[`with title and description array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "1",
@@ -2377,10 +2399,10 @@ exports[`with title and description array icons 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -2388,7 +2410,7 @@ exports[`with title and description array icons 1`] = `
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <label
@@ -2400,7 +2422,7 @@ exports[`with title and description array icons 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -2410,7 +2432,7 @@ exports[`with title and description array icons 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -2420,7 +2442,7 @@ exports[`with title and description array icons 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_1__error root_1__description root_1__help"
-                                        className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input css-dev-only-do-not-override-1a3rktk"
                                         disabled={false}
                                         id="root_1"
                                         name="root_1"
@@ -2430,6 +2452,7 @@ exports[`with title and description array icons 1`] = `
                                         onCompositionStart={[Function]}
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
+                                        onKeyUp={[Function]}
                                         placeholder=""
                                         type="text"
                                         value="b"
@@ -2441,13 +2464,18 @@ exports[`with title and description array icons 1`] = `
                                   </div>
                                 </div>
                                 <div
-                                  className="ant-form-item-extra"
+                                  className="ant-form-item-additional"
+                                  style={{}}
                                 >
-                                  <span
-                                    id="root_1__description"
+                                  <div
+                                    className="ant-form-item-extra"
                                   >
-                                    a test item description
-                                  </span>
+                                    <span
+                                      id="root_1__description"
+                                    >
+                                      a test item description
+                                    </span>
+                                  </div>
                                 </div>
                               </div>
                             </div>
@@ -2455,7 +2483,7 @@ exports[`with title and description array icons 1`] = `
                         </div>
                       </div>
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -2465,7 +2493,7 @@ exports[`with title and description array icons 1`] = `
                         }
                       >
                         <div
-                          className="ant-btn-group css-dev-only-do-not-override-1b0bdye"
+                          className="ant-btn-group css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "width": "100%",
@@ -2473,7 +2501,7 @@ exports[`with title and description array icons 1`] = `
                           }
                         >
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -2510,7 +2538,7 @@ exports[`with title and description array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={true}
                             onClick={[Function]}
                             style={
@@ -2547,7 +2575,7 @@ exports[`with title and description array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -2584,7 +2612,7 @@ exports[`with title and description array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-dangerous ant-btn-color-dangerous ant-btn-variant-solid ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -2625,7 +2653,7 @@ exports[`with title and description array icons 1`] = `
                     </div>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -2634,7 +2662,7 @@ exports[`with title and description array icons 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-end css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-end css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -2644,7 +2672,7 @@ exports[`with title and description array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -2654,7 +2682,7 @@ exports[`with title and description array icons 1`] = `
                         }
                       >
                         <button
-                          className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
+                          className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-btn-block array-item-add"
                           disabled={false}
                           onClick={[Function]}
                           style={{}}
@@ -2697,20 +2725,25 @@ exports[`with title and description array icons 1`] = `
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a test description
-            </span>
+              <span
+                id="root__description"
+              >
+                a test description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -2733,10 +2766,10 @@ exports[`with title and description checkboxes 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -2744,7 +2777,7 @@ exports[`with title and description checkboxes 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <label
@@ -2756,7 +2789,7 @@ exports[`with title and description checkboxes 1`] = `
           </label>
         </div>
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -2767,7 +2800,7 @@ exports[`with title and description checkboxes 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-select ant-select-outlined ant-select-in-form-item css-dev-only-do-not-override-1b0bdye ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                className="ant-select ant-select-outlined ant-select-in-form-item css-dev-only-do-not-override-1a3rktk ant-select-multiple ant-select-show-arrow ant-select-show-search"
                 name="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
@@ -2785,73 +2818,78 @@ exports[`with title and description checkboxes 1`] = `
                   onClick={[Function]}
                   onMouseDown={[Function]}
                 >
-                  <div
-                    className="ant-select-selection-overflow"
+                  <span
+                    className="ant-select-selection-wrap"
                   >
                     <div
-                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                      style={
-                        {
-                          "height": undefined,
-                          "opacity": 1,
-                          "order": undefined,
-                          "overflowY": undefined,
-                          "pointerEvents": undefined,
-                          "position": undefined,
-                        }
-                      }
+                      className="ant-select-selection-overflow"
                     >
                       <div
-                        className="ant-select-selection-search"
-                        onBlur={[Function]}
-                        onFocus={[Function]}
+                        className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
                         style={
                           {
-                            "width": 100,
+                            "height": undefined,
+                            "opacity": 1,
+                            "order": undefined,
+                            "overflowY": undefined,
+                            "pointerEvents": undefined,
+                            "position": undefined,
                           }
                         }
                       >
-                        <input
-                          aria-autocomplete="list"
-                          aria-controls="root_list"
-                          aria-describedby="root__error root__description root__help"
-                          aria-expanded={false}
-                          aria-haspopup="listbox"
-                          aria-owns="root_list"
-                          autoComplete="off"
-                          autoFocus={false}
-                          className="ant-select-selection-search-input"
-                          disabled={false}
-                          id="root"
-                          onChange={[Function]}
-                          onCompositionEnd={[Function]}
-                          onCompositionStart={[Function]}
-                          onKeyDown={[Function]}
-                          onMouseDown={[Function]}
-                          onPaste={[Function]}
-                          readOnly={true}
-                          role="combobox"
+                        <div
+                          className="ant-select-selection-search"
+                          onBlur={[Function]}
+                          onFocus={[Function]}
                           style={
                             {
-                              "opacity": 0,
+                              "width": 100,
                             }
                           }
-                          type="search"
-                          unselectable="on"
-                          value=""
-                        />
-                        <span
-                          aria-hidden={true}
-                          className="ant-select-selection-search-mirror"
                         >
-                           
-                        </span>
+                          <input
+                            aria-autocomplete="list"
+                            aria-controls="root_list"
+                            aria-describedby="root__error root__description root__help"
+                            aria-expanded={false}
+                            aria-haspopup="listbox"
+                            aria-owns="root_list"
+                            autoComplete="off"
+                            autoFocus={false}
+                            className="ant-select-selection-search-input"
+                            disabled={false}
+                            id="root"
+                            onBlur={[Function]}
+                            onChange={[Function]}
+                            onCompositionEnd={[Function]}
+                            onCompositionStart={[Function]}
+                            onKeyDown={[Function]}
+                            onMouseDown={[Function]}
+                            onPaste={[Function]}
+                            readOnly={true}
+                            role="combobox"
+                            style={
+                              {
+                                "opacity": 0,
+                              }
+                            }
+                            type="search"
+                            unselectable="on"
+                            value=""
+                          />
+                          <span
+                            aria-hidden={true}
+                            className="ant-select-selection-search-mirror"
+                          >
+                             
+                          </span>
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <span
-                    className="ant-select-selection-placeholder"
-                  />
+                    <span
+                      className="ant-select-selection-placeholder"
+                    />
+                  </span>
                 </div>
                 <span
                   aria-hidden={true}
@@ -2889,20 +2927,25 @@ exports[`with title and description checkboxes 1`] = `
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a test description
-            </span>
+              <span
+                id="root__description"
+              >
+                a test description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -2925,10 +2968,10 @@ exports[`with title and description fixed array 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -2936,7 +2979,7 @@ exports[`with title and description fixed array 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -2950,7 +2993,7 @@ exports[`with title and description fixed array 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -2960,7 +3003,7 @@ exports[`with title and description fixed array 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -2978,7 +3021,7 @@ exports[`with title and description fixed array 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -2994,7 +3037,7 @@ exports[`with title and description fixed array 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3003,7 +3046,7 @@ exports[`with title and description fixed array 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -3013,7 +3056,7 @@ exports[`with title and description fixed array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "1",
@@ -3026,10 +3069,10 @@ exports[`with title and description fixed array 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -3037,7 +3080,7 @@ exports[`with title and description fixed array 1`] = `
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <label
@@ -3049,7 +3092,7 @@ exports[`with title and description fixed array 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -3059,7 +3102,7 @@ exports[`with title and description fixed array 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -3069,7 +3112,7 @@ exports[`with title and description fixed array 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_0__error root_0__description root_0__help"
-                                        className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input css-dev-only-do-not-override-1a3rktk"
                                         disabled={false}
                                         id="root_0"
                                         name="root_0"
@@ -3079,6 +3122,7 @@ exports[`with title and description fixed array 1`] = `
                                         onCompositionStart={[Function]}
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
+                                        onKeyUp={[Function]}
                                         placeholder=""
                                         type="text"
                                         value=""
@@ -3090,13 +3134,18 @@ exports[`with title and description fixed array 1`] = `
                                   </div>
                                 </div>
                                 <div
-                                  className="ant-form-item-extra"
+                                  className="ant-form-item-additional"
+                                  style={{}}
                                 >
-                                  <span
-                                    id="root_0__description"
+                                  <div
+                                    className="ant-form-item-extra"
                                   >
-                                    a test item description
-                                  </span>
+                                    <span
+                                      id="root_0__description"
+                                    >
+                                      a test item description
+                                    </span>
+                                  </div>
                                 </div>
                               </div>
                             </div>
@@ -3105,7 +3154,7 @@ exports[`with title and description fixed array 1`] = `
                       </div>
                     </div>
                     <div
-                      className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -3115,7 +3164,7 @@ exports[`with title and description fixed array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "1",
@@ -3128,10 +3177,10 @@ exports[`with title and description fixed array 1`] = `
                           className="form-group field field-number"
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -3139,7 +3188,7 @@ exports[`with title and description fixed array 1`] = `
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <label
@@ -3151,7 +3200,7 @@ exports[`with title and description fixed array 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -3161,7 +3210,7 @@ exports[`with title and description fixed array 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-number-outlined ant-input-number-has-feedback"
+                                      className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-number-outlined ant-input-number-has-feedback"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -3170,7 +3219,7 @@ exports[`with title and description fixed array 1`] = `
                                       }
                                     >
                                       <div
-                                        className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1a3rktk"
                                         onBeforeInput={[Function]}
                                         onBlur={[Function]}
                                         onCompositionEnd={[Function]}
@@ -3272,13 +3321,18 @@ exports[`with title and description fixed array 1`] = `
                                   </div>
                                 </div>
                                 <div
-                                  className="ant-form-item-extra"
+                                  className="ant-form-item-additional"
+                                  style={{}}
                                 >
-                                  <span
-                                    id="root_1__description"
+                                  <div
+                                    className="ant-form-item-extra"
                                   >
-                                    a test item description
-                                  </span>
+                                    <span
+                                      id="root_1__description"
+                                    >
+                                      a test item description
+                                    </span>
+                                  </div>
                                 </div>
                               </div>
                             </div>
@@ -3292,20 +3346,25 @@ exports[`with title and description fixed array 1`] = `
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a test description
-            </span>
+              <span
+                id="root__description"
+              >
+                a test description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -3328,10 +3387,10 @@ exports[`with title and description from both array 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -3339,7 +3398,7 @@ exports[`with title and description from both array 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -3353,7 +3412,7 @@ exports[`with title and description from both array 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -3363,7 +3422,7 @@ exports[`with title and description from both array 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3381,7 +3440,7 @@ exports[`with title and description from both array 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -3397,7 +3456,7 @@ exports[`with title and description from both array 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3406,7 +3465,7 @@ exports[`with title and description from both array 1`] = `
                     }
                   />
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3415,7 +3474,7 @@ exports[`with title and description from both array 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-end css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-end css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -3425,7 +3484,7 @@ exports[`with title and description from both array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -3435,7 +3494,7 @@ exports[`with title and description from both array 1`] = `
                         }
                       >
                         <button
-                          className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
+                          className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-btn-block array-item-add"
                           disabled={false}
                           onClick={[Function]}
                           style={{}}
@@ -3478,20 +3537,25 @@ exports[`with title and description from both array 1`] = `
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a fancier description
-            </span>
+              <span
+                id="root__description"
+              >
+                a fancier description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -3514,10 +3578,10 @@ exports[`with title and description from both array icons 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -3525,7 +3589,7 @@ exports[`with title and description from both array icons 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -3539,7 +3603,7 @@ exports[`with title and description from both array icons 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -3549,7 +3613,7 @@ exports[`with title and description from both array icons 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3567,7 +3631,7 @@ exports[`with title and description from both array icons 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -3583,7 +3647,7 @@ exports[`with title and description from both array icons 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3592,7 +3656,7 @@ exports[`with title and description from both array icons 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -3602,7 +3666,7 @@ exports[`with title and description from both array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "1",
@@ -3615,10 +3679,10 @@ exports[`with title and description from both array icons 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -3626,7 +3690,7 @@ exports[`with title and description from both array icons 1`] = `
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <label
@@ -3638,7 +3702,7 @@ exports[`with title and description from both array icons 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -3648,7 +3712,7 @@ exports[`with title and description from both array icons 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -3658,7 +3722,7 @@ exports[`with title and description from both array icons 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_0__error root_0__description root_0__help"
-                                        className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input css-dev-only-do-not-override-1a3rktk"
                                         disabled={false}
                                         id="root_0"
                                         name="root_0"
@@ -3668,6 +3732,7 @@ exports[`with title and description from both array icons 1`] = `
                                         onCompositionStart={[Function]}
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
+                                        onKeyUp={[Function]}
                                         placeholder=""
                                         type="text"
                                         value="a"
@@ -3679,13 +3744,18 @@ exports[`with title and description from both array icons 1`] = `
                                   </div>
                                 </div>
                                 <div
-                                  className="ant-form-item-extra"
+                                  className="ant-form-item-additional"
+                                  style={{}}
                                 >
-                                  <span
-                                    id="root_0__description"
+                                  <div
+                                    className="ant-form-item-extra"
                                   >
-                                    a fancier item description
-                                  </span>
+                                    <span
+                                      id="root_0__description"
+                                    >
+                                      a fancier item description
+                                    </span>
+                                  </div>
                                 </div>
                               </div>
                             </div>
@@ -3693,7 +3763,7 @@ exports[`with title and description from both array icons 1`] = `
                         </div>
                       </div>
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -3703,7 +3773,7 @@ exports[`with title and description from both array icons 1`] = `
                         }
                       >
                         <div
-                          className="ant-btn-group css-dev-only-do-not-override-1b0bdye"
+                          className="ant-btn-group css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "width": "100%",
@@ -3711,7 +3781,7 @@ exports[`with title and description from both array icons 1`] = `
                           }
                         >
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={true}
                             onClick={[Function]}
                             style={
@@ -3748,7 +3818,7 @@ exports[`with title and description from both array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -3785,7 +3855,7 @@ exports[`with title and description from both array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -3822,7 +3892,7 @@ exports[`with title and description from both array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-dangerous ant-btn-color-dangerous ant-btn-variant-solid ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -3862,7 +3932,7 @@ exports[`with title and description from both array icons 1`] = `
                       </div>
                     </div>
                     <div
-                      className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -3872,7 +3942,7 @@ exports[`with title and description from both array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "1",
@@ -3885,10 +3955,10 @@ exports[`with title and description from both array icons 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -3896,7 +3966,7 @@ exports[`with title and description from both array icons 1`] = `
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <label
@@ -3908,7 +3978,7 @@ exports[`with title and description from both array icons 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -3918,7 +3988,7 @@ exports[`with title and description from both array icons 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -3928,7 +3998,7 @@ exports[`with title and description from both array icons 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_1__error root_1__description root_1__help"
-                                        className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input css-dev-only-do-not-override-1a3rktk"
                                         disabled={false}
                                         id="root_1"
                                         name="root_1"
@@ -3938,6 +4008,7 @@ exports[`with title and description from both array icons 1`] = `
                                         onCompositionStart={[Function]}
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
+                                        onKeyUp={[Function]}
                                         placeholder=""
                                         type="text"
                                         value="b"
@@ -3949,13 +4020,18 @@ exports[`with title and description from both array icons 1`] = `
                                   </div>
                                 </div>
                                 <div
-                                  className="ant-form-item-extra"
+                                  className="ant-form-item-additional"
+                                  style={{}}
                                 >
-                                  <span
-                                    id="root_1__description"
+                                  <div
+                                    className="ant-form-item-extra"
                                   >
-                                    a fancier item description
-                                  </span>
+                                    <span
+                                      id="root_1__description"
+                                    >
+                                      a fancier item description
+                                    </span>
+                                  </div>
                                 </div>
                               </div>
                             </div>
@@ -3963,7 +4039,7 @@ exports[`with title and description from both array icons 1`] = `
                         </div>
                       </div>
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -3973,7 +4049,7 @@ exports[`with title and description from both array icons 1`] = `
                         }
                       >
                         <div
-                          className="ant-btn-group css-dev-only-do-not-override-1b0bdye"
+                          className="ant-btn-group css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "width": "100%",
@@ -3981,7 +4057,7 @@ exports[`with title and description from both array icons 1`] = `
                           }
                         >
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -4018,7 +4094,7 @@ exports[`with title and description from both array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={true}
                             onClick={[Function]}
                             style={
@@ -4055,7 +4131,7 @@ exports[`with title and description from both array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -4092,7 +4168,7 @@ exports[`with title and description from both array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-dangerous ant-btn-color-dangerous ant-btn-variant-solid ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -4133,7 +4209,7 @@ exports[`with title and description from both array icons 1`] = `
                     </div>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -4142,7 +4218,7 @@ exports[`with title and description from both array icons 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-end css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-end css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -4152,7 +4228,7 @@ exports[`with title and description from both array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -4162,7 +4238,7 @@ exports[`with title and description from both array icons 1`] = `
                         }
                       >
                         <button
-                          className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
+                          className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-btn-block array-item-add"
                           disabled={false}
                           onClick={[Function]}
                           style={{}}
@@ -4205,20 +4281,25 @@ exports[`with title and description from both array icons 1`] = `
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a fancier description
-            </span>
+              <span
+                id="root__description"
+              >
+                a fancier description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -4241,10 +4322,10 @@ exports[`with title and description from both checkboxes 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -4252,7 +4333,7 @@ exports[`with title and description from both checkboxes 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <label
@@ -4264,7 +4345,7 @@ exports[`with title and description from both checkboxes 1`] = `
           </label>
         </div>
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -4275,7 +4356,7 @@ exports[`with title and description from both checkboxes 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-select ant-select-outlined ant-select-in-form-item css-dev-only-do-not-override-1b0bdye ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                className="ant-select ant-select-outlined ant-select-in-form-item css-dev-only-do-not-override-1a3rktk ant-select-multiple ant-select-show-arrow ant-select-show-search"
                 name="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
@@ -4293,73 +4374,78 @@ exports[`with title and description from both checkboxes 1`] = `
                   onClick={[Function]}
                   onMouseDown={[Function]}
                 >
-                  <div
-                    className="ant-select-selection-overflow"
+                  <span
+                    className="ant-select-selection-wrap"
                   >
                     <div
-                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                      style={
-                        {
-                          "height": undefined,
-                          "opacity": 1,
-                          "order": undefined,
-                          "overflowY": undefined,
-                          "pointerEvents": undefined,
-                          "position": undefined,
-                        }
-                      }
+                      className="ant-select-selection-overflow"
                     >
                       <div
-                        className="ant-select-selection-search"
-                        onBlur={[Function]}
-                        onFocus={[Function]}
+                        className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
                         style={
                           {
-                            "width": 100,
+                            "height": undefined,
+                            "opacity": 1,
+                            "order": undefined,
+                            "overflowY": undefined,
+                            "pointerEvents": undefined,
+                            "position": undefined,
                           }
                         }
                       >
-                        <input
-                          aria-autocomplete="list"
-                          aria-controls="root_list"
-                          aria-describedby="root__error root__description root__help"
-                          aria-expanded={false}
-                          aria-haspopup="listbox"
-                          aria-owns="root_list"
-                          autoComplete="off"
-                          autoFocus={false}
-                          className="ant-select-selection-search-input"
-                          disabled={false}
-                          id="root"
-                          onChange={[Function]}
-                          onCompositionEnd={[Function]}
-                          onCompositionStart={[Function]}
-                          onKeyDown={[Function]}
-                          onMouseDown={[Function]}
-                          onPaste={[Function]}
-                          readOnly={true}
-                          role="combobox"
+                        <div
+                          className="ant-select-selection-search"
+                          onBlur={[Function]}
+                          onFocus={[Function]}
                           style={
                             {
-                              "opacity": 0,
+                              "width": 100,
                             }
                           }
-                          type="search"
-                          unselectable="on"
-                          value=""
-                        />
-                        <span
-                          aria-hidden={true}
-                          className="ant-select-selection-search-mirror"
                         >
-                           
-                        </span>
+                          <input
+                            aria-autocomplete="list"
+                            aria-controls="root_list"
+                            aria-describedby="root__error root__description root__help"
+                            aria-expanded={false}
+                            aria-haspopup="listbox"
+                            aria-owns="root_list"
+                            autoComplete="off"
+                            autoFocus={false}
+                            className="ant-select-selection-search-input"
+                            disabled={false}
+                            id="root"
+                            onBlur={[Function]}
+                            onChange={[Function]}
+                            onCompositionEnd={[Function]}
+                            onCompositionStart={[Function]}
+                            onKeyDown={[Function]}
+                            onMouseDown={[Function]}
+                            onPaste={[Function]}
+                            readOnly={true}
+                            role="combobox"
+                            style={
+                              {
+                                "opacity": 0,
+                              }
+                            }
+                            type="search"
+                            unselectable="on"
+                            value=""
+                          />
+                          <span
+                            aria-hidden={true}
+                            className="ant-select-selection-search-mirror"
+                          >
+                             
+                          </span>
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <span
-                    className="ant-select-selection-placeholder"
-                  />
+                    <span
+                      className="ant-select-selection-placeholder"
+                    />
+                  </span>
                 </div>
                 <span
                   aria-hidden={true}
@@ -4397,20 +4483,25 @@ exports[`with title and description from both checkboxes 1`] = `
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a fancier description
-            </span>
+              <span
+                id="root__description"
+              >
+                a fancier description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -4433,10 +4524,10 @@ exports[`with title and description from both fixed array 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -4444,7 +4535,7 @@ exports[`with title and description from both fixed array 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -4458,7 +4549,7 @@ exports[`with title and description from both fixed array 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -4468,7 +4559,7 @@ exports[`with title and description from both fixed array 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -4486,7 +4577,7 @@ exports[`with title and description from both fixed array 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -4502,7 +4593,7 @@ exports[`with title and description from both fixed array 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -4511,7 +4602,7 @@ exports[`with title and description from both fixed array 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -4521,7 +4612,7 @@ exports[`with title and description from both fixed array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "1",
@@ -4534,10 +4625,10 @@ exports[`with title and description from both fixed array 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -4545,7 +4636,7 @@ exports[`with title and description from both fixed array 1`] = `
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <label
@@ -4557,7 +4648,7 @@ exports[`with title and description from both fixed array 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -4567,7 +4658,7 @@ exports[`with title and description from both fixed array 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -4577,7 +4668,7 @@ exports[`with title and description from both fixed array 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_0__error root_0__description root_0__help"
-                                        className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input css-dev-only-do-not-override-1a3rktk"
                                         disabled={false}
                                         id="root_0"
                                         name="root_0"
@@ -4587,6 +4678,7 @@ exports[`with title and description from both fixed array 1`] = `
                                         onCompositionStart={[Function]}
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
+                                        onKeyUp={[Function]}
                                         placeholder=""
                                         type="text"
                                         value=""
@@ -4598,13 +4690,18 @@ exports[`with title and description from both fixed array 1`] = `
                                   </div>
                                 </div>
                                 <div
-                                  className="ant-form-item-extra"
+                                  className="ant-form-item-additional"
+                                  style={{}}
                                 >
-                                  <span
-                                    id="root_0__description"
+                                  <div
+                                    className="ant-form-item-extra"
                                   >
-                                    a fancier item description
-                                  </span>
+                                    <span
+                                      id="root_0__description"
+                                    >
+                                      a fancier item description
+                                    </span>
+                                  </div>
                                 </div>
                               </div>
                             </div>
@@ -4613,7 +4710,7 @@ exports[`with title and description from both fixed array 1`] = `
                       </div>
                     </div>
                     <div
-                      className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -4623,7 +4720,7 @@ exports[`with title and description from both fixed array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "1",
@@ -4636,10 +4733,10 @@ exports[`with title and description from both fixed array 1`] = `
                           className="form-group field field-number"
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -4647,7 +4744,7 @@ exports[`with title and description from both fixed array 1`] = `
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <label
@@ -4659,7 +4756,7 @@ exports[`with title and description from both fixed array 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -4669,7 +4766,7 @@ exports[`with title and description from both fixed array 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-number-outlined ant-input-number-has-feedback"
+                                      className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-number-outlined ant-input-number-has-feedback"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -4678,7 +4775,7 @@ exports[`with title and description from both fixed array 1`] = `
                                       }
                                     >
                                       <div
-                                        className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1a3rktk"
                                         onBeforeInput={[Function]}
                                         onBlur={[Function]}
                                         onCompositionEnd={[Function]}
@@ -4780,13 +4877,18 @@ exports[`with title and description from both fixed array 1`] = `
                                   </div>
                                 </div>
                                 <div
-                                  className="ant-form-item-extra"
+                                  className="ant-form-item-additional"
+                                  style={{}}
                                 >
-                                  <span
-                                    id="root_1__description"
+                                  <div
+                                    className="ant-form-item-extra"
                                   >
-                                    a fancier item description
-                                  </span>
+                                    <span
+                                      id="root_1__description"
+                                    >
+                                      a fancier item description
+                                    </span>
+                                  </div>
                                 </div>
                               </div>
                             </div>
@@ -4800,20 +4902,25 @@ exports[`with title and description from both fixed array 1`] = `
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a fancier description
-            </span>
+              <span
+                id="root__description"
+              >
+                a fancier description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -4836,10 +4943,10 @@ exports[`with title and description from uiSchema array 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -4847,7 +4954,7 @@ exports[`with title and description from uiSchema array 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -4861,7 +4968,7 @@ exports[`with title and description from uiSchema array 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -4871,7 +4978,7 @@ exports[`with title and description from uiSchema array 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -4889,7 +4996,7 @@ exports[`with title and description from uiSchema array 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -4905,7 +5012,7 @@ exports[`with title and description from uiSchema array 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -4914,7 +5021,7 @@ exports[`with title and description from uiSchema array 1`] = `
                     }
                   />
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -4923,7 +5030,7 @@ exports[`with title and description from uiSchema array 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-end css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-end css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -4933,7 +5040,7 @@ exports[`with title and description from uiSchema array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -4943,7 +5050,7 @@ exports[`with title and description from uiSchema array 1`] = `
                         }
                       >
                         <button
-                          className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
+                          className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-btn-block array-item-add"
                           disabled={false}
                           onClick={[Function]}
                           style={{}}
@@ -4986,20 +5093,25 @@ exports[`with title and description from uiSchema array 1`] = `
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a fancier description
-            </span>
+              <span
+                id="root__description"
+              >
+                a fancier description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -5022,10 +5134,10 @@ exports[`with title and description from uiSchema array icons 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -5033,7 +5145,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -5047,7 +5159,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -5057,7 +5169,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -5075,7 +5187,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -5091,7 +5203,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -5100,7 +5212,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -5110,7 +5222,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "1",
@@ -5123,10 +5235,10 @@ exports[`with title and description from uiSchema array icons 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -5134,7 +5246,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <label
@@ -5146,7 +5258,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -5156,7 +5268,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -5166,7 +5278,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_0__error root_0__description root_0__help"
-                                        className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input css-dev-only-do-not-override-1a3rktk"
                                         disabled={false}
                                         id="root_0"
                                         name="root_0"
@@ -5176,6 +5288,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                                         onCompositionStart={[Function]}
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
+                                        onKeyUp={[Function]}
                                         placeholder=""
                                         type="text"
                                         value="a"
@@ -5187,13 +5300,18 @@ exports[`with title and description from uiSchema array icons 1`] = `
                                   </div>
                                 </div>
                                 <div
-                                  className="ant-form-item-extra"
+                                  className="ant-form-item-additional"
+                                  style={{}}
                                 >
-                                  <span
-                                    id="root_0__description"
+                                  <div
+                                    className="ant-form-item-extra"
                                   >
-                                    a fancier item description
-                                  </span>
+                                    <span
+                                      id="root_0__description"
+                                    >
+                                      a fancier item description
+                                    </span>
+                                  </div>
                                 </div>
                               </div>
                             </div>
@@ -5201,7 +5319,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                         </div>
                       </div>
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -5211,7 +5329,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                         }
                       >
                         <div
-                          className="ant-btn-group css-dev-only-do-not-override-1b0bdye"
+                          className="ant-btn-group css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "width": "100%",
@@ -5219,7 +5337,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                           }
                         >
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={true}
                             onClick={[Function]}
                             style={
@@ -5256,7 +5374,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -5293,7 +5411,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -5330,7 +5448,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-dangerous ant-btn-color-dangerous ant-btn-variant-solid ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -5370,7 +5488,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                       </div>
                     </div>
                     <div
-                      className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -5380,7 +5498,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "1",
@@ -5393,10 +5511,10 @@ exports[`with title and description from uiSchema array icons 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -5404,7 +5522,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <label
@@ -5416,7 +5534,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -5426,7 +5544,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -5436,7 +5554,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_1__error root_1__description root_1__help"
-                                        className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input css-dev-only-do-not-override-1a3rktk"
                                         disabled={false}
                                         id="root_1"
                                         name="root_1"
@@ -5446,6 +5564,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                                         onCompositionStart={[Function]}
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
+                                        onKeyUp={[Function]}
                                         placeholder=""
                                         type="text"
                                         value="b"
@@ -5457,13 +5576,18 @@ exports[`with title and description from uiSchema array icons 1`] = `
                                   </div>
                                 </div>
                                 <div
-                                  className="ant-form-item-extra"
+                                  className="ant-form-item-additional"
+                                  style={{}}
                                 >
-                                  <span
-                                    id="root_1__description"
+                                  <div
+                                    className="ant-form-item-extra"
                                   >
-                                    a fancier item description
-                                  </span>
+                                    <span
+                                      id="root_1__description"
+                                    >
+                                      a fancier item description
+                                    </span>
+                                  </div>
                                 </div>
                               </div>
                             </div>
@@ -5471,7 +5595,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                         </div>
                       </div>
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -5481,7 +5605,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                         }
                       >
                         <div
-                          className="ant-btn-group css-dev-only-do-not-override-1b0bdye"
+                          className="ant-btn-group css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "width": "100%",
@@ -5489,7 +5613,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                           }
                         >
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -5526,7 +5650,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={true}
                             onClick={[Function]}
                             style={
@@ -5563,7 +5687,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -5600,7 +5724,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-dangerous ant-btn-color-dangerous ant-btn-variant-solid ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -5641,7 +5765,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                     </div>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -5650,7 +5774,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-end css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-end css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -5660,7 +5784,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -5670,7 +5794,7 @@ exports[`with title and description from uiSchema array icons 1`] = `
                         }
                       >
                         <button
-                          className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
+                          className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-btn-block array-item-add"
                           disabled={false}
                           onClick={[Function]}
                           style={{}}
@@ -5713,20 +5837,25 @@ exports[`with title and description from uiSchema array icons 1`] = `
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a fancier description
-            </span>
+              <span
+                id="root__description"
+              >
+                a fancier description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -5749,10 +5878,10 @@ exports[`with title and description from uiSchema checkboxes 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -5760,7 +5889,7 @@ exports[`with title and description from uiSchema checkboxes 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <label
@@ -5772,7 +5901,7 @@ exports[`with title and description from uiSchema checkboxes 1`] = `
           </label>
         </div>
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -5783,7 +5912,7 @@ exports[`with title and description from uiSchema checkboxes 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-select ant-select-outlined ant-select-in-form-item css-dev-only-do-not-override-1b0bdye ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                className="ant-select ant-select-outlined ant-select-in-form-item css-dev-only-do-not-override-1a3rktk ant-select-multiple ant-select-show-arrow ant-select-show-search"
                 name="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
@@ -5801,73 +5930,78 @@ exports[`with title and description from uiSchema checkboxes 1`] = `
                   onClick={[Function]}
                   onMouseDown={[Function]}
                 >
-                  <div
-                    className="ant-select-selection-overflow"
+                  <span
+                    className="ant-select-selection-wrap"
                   >
                     <div
-                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                      style={
-                        {
-                          "height": undefined,
-                          "opacity": 1,
-                          "order": undefined,
-                          "overflowY": undefined,
-                          "pointerEvents": undefined,
-                          "position": undefined,
-                        }
-                      }
+                      className="ant-select-selection-overflow"
                     >
                       <div
-                        className="ant-select-selection-search"
-                        onBlur={[Function]}
-                        onFocus={[Function]}
+                        className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
                         style={
                           {
-                            "width": 100,
+                            "height": undefined,
+                            "opacity": 1,
+                            "order": undefined,
+                            "overflowY": undefined,
+                            "pointerEvents": undefined,
+                            "position": undefined,
                           }
                         }
                       >
-                        <input
-                          aria-autocomplete="list"
-                          aria-controls="root_list"
-                          aria-describedby="root__error root__description root__help"
-                          aria-expanded={false}
-                          aria-haspopup="listbox"
-                          aria-owns="root_list"
-                          autoComplete="off"
-                          autoFocus={false}
-                          className="ant-select-selection-search-input"
-                          disabled={false}
-                          id="root"
-                          onChange={[Function]}
-                          onCompositionEnd={[Function]}
-                          onCompositionStart={[Function]}
-                          onKeyDown={[Function]}
-                          onMouseDown={[Function]}
-                          onPaste={[Function]}
-                          readOnly={true}
-                          role="combobox"
+                        <div
+                          className="ant-select-selection-search"
+                          onBlur={[Function]}
+                          onFocus={[Function]}
                           style={
                             {
-                              "opacity": 0,
+                              "width": 100,
                             }
                           }
-                          type="search"
-                          unselectable="on"
-                          value=""
-                        />
-                        <span
-                          aria-hidden={true}
-                          className="ant-select-selection-search-mirror"
                         >
-                           
-                        </span>
+                          <input
+                            aria-autocomplete="list"
+                            aria-controls="root_list"
+                            aria-describedby="root__error root__description root__help"
+                            aria-expanded={false}
+                            aria-haspopup="listbox"
+                            aria-owns="root_list"
+                            autoComplete="off"
+                            autoFocus={false}
+                            className="ant-select-selection-search-input"
+                            disabled={false}
+                            id="root"
+                            onBlur={[Function]}
+                            onChange={[Function]}
+                            onCompositionEnd={[Function]}
+                            onCompositionStart={[Function]}
+                            onKeyDown={[Function]}
+                            onMouseDown={[Function]}
+                            onPaste={[Function]}
+                            readOnly={true}
+                            role="combobox"
+                            style={
+                              {
+                                "opacity": 0,
+                              }
+                            }
+                            type="search"
+                            unselectable="on"
+                            value=""
+                          />
+                          <span
+                            aria-hidden={true}
+                            className="ant-select-selection-search-mirror"
+                          >
+                             
+                          </span>
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <span
-                    className="ant-select-selection-placeholder"
-                  />
+                    <span
+                      className="ant-select-selection-placeholder"
+                    />
+                  </span>
                 </div>
                 <span
                   aria-hidden={true}
@@ -5905,20 +6039,25 @@ exports[`with title and description from uiSchema checkboxes 1`] = `
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a fancier description
-            </span>
+              <span
+                id="root__description"
+              >
+                a fancier description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -5941,10 +6080,10 @@ exports[`with title and description from uiSchema fixed array 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -5952,7 +6091,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -5966,7 +6105,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -5976,7 +6115,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -5994,7 +6133,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -6010,7 +6149,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -6019,7 +6158,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -6029,7 +6168,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "1",
@@ -6042,10 +6181,10 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -6053,7 +6192,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <label
@@ -6065,7 +6204,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -6075,7 +6214,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -6085,7 +6224,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_0__error root_0__description root_0__help"
-                                        className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input css-dev-only-do-not-override-1a3rktk"
                                         disabled={false}
                                         id="root_0"
                                         name="root_0"
@@ -6095,6 +6234,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                                         onCompositionStart={[Function]}
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
+                                        onKeyUp={[Function]}
                                         placeholder=""
                                         type="text"
                                         value=""
@@ -6106,13 +6246,18 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                                   </div>
                                 </div>
                                 <div
-                                  className="ant-form-item-extra"
+                                  className="ant-form-item-additional"
+                                  style={{}}
                                 >
-                                  <span
-                                    id="root_0__description"
+                                  <div
+                                    className="ant-form-item-extra"
                                   >
-                                    a fancier item description
-                                  </span>
+                                    <span
+                                      id="root_0__description"
+                                    >
+                                      a fancier item description
+                                    </span>
+                                  </div>
                                 </div>
                               </div>
                             </div>
@@ -6121,7 +6266,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                       </div>
                     </div>
                     <div
-                      className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -6131,7 +6276,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "1",
@@ -6144,10 +6289,10 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                           className="form-group field field-number"
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -6155,7 +6300,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <label
@@ -6167,7 +6312,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -6177,7 +6322,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-number-outlined ant-input-number-has-feedback"
+                                      className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-number-outlined ant-input-number-has-feedback"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -6186,7 +6331,7 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                                       }
                                     >
                                       <div
-                                        className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1a3rktk"
                                         onBeforeInput={[Function]}
                                         onBlur={[Function]}
                                         onCompositionEnd={[Function]}
@@ -6288,13 +6433,18 @@ exports[`with title and description from uiSchema fixed array 1`] = `
                                   </div>
                                 </div>
                                 <div
-                                  className="ant-form-item-extra"
+                                  className="ant-form-item-additional"
+                                  style={{}}
                                 >
-                                  <span
-                                    id="root_1__description"
+                                  <div
+                                    className="ant-form-item-extra"
                                   >
-                                    a fancier item description
-                                  </span>
+                                    <span
+                                      id="root_1__description"
+                                    >
+                                      a fancier item description
+                                    </span>
+                                  </div>
                                 </div>
                               </div>
                             </div>
@@ -6308,20 +6458,25 @@ exports[`with title and description from uiSchema fixed array 1`] = `
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a fancier description
-            </span>
+              <span
+                id="root__description"
+              >
+                a fancier description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -6344,10 +6499,10 @@ exports[`with title and description with global label off array 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -6355,7 +6510,7 @@ exports[`with title and description with global label off array 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -6369,7 +6524,7 @@ exports[`with title and description with global label off array 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -6379,7 +6534,7 @@ exports[`with title and description with global label off array 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -6388,7 +6543,7 @@ exports[`with title and description with global label off array 1`] = `
                     }
                   />
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -6398,7 +6553,7 @@ exports[`with title and description with global label off array 1`] = `
                     }
                   />
                   <div
-                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -6407,7 +6562,7 @@ exports[`with title and description with global label off array 1`] = `
                     }
                   />
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -6416,7 +6571,7 @@ exports[`with title and description with global label off array 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-end css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-end css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -6426,7 +6581,7 @@ exports[`with title and description with global label off array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -6436,7 +6591,7 @@ exports[`with title and description with global label off array 1`] = `
                         }
                       >
                         <button
-                          className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
+                          className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-btn-block array-item-add"
                           disabled={false}
                           onClick={[Function]}
                           style={{}}
@@ -6479,20 +6634,25 @@ exports[`with title and description with global label off array 1`] = `
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a test description
-            </span>
+              <span
+                id="root__description"
+              >
+                a test description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -6515,10 +6675,10 @@ exports[`with title and description with global label off array icons 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -6526,7 +6686,7 @@ exports[`with title and description with global label off array icons 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -6540,7 +6700,7 @@ exports[`with title and description with global label off array icons 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -6550,7 +6710,7 @@ exports[`with title and description with global label off array icons 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -6559,7 +6719,7 @@ exports[`with title and description with global label off array icons 1`] = `
                     }
                   />
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -6569,7 +6729,7 @@ exports[`with title and description with global label off array icons 1`] = `
                     }
                   />
                   <div
-                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -6578,7 +6738,7 @@ exports[`with title and description with global label off array icons 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -6588,7 +6748,7 @@ exports[`with title and description with global label off array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "1",
@@ -6601,10 +6761,10 @@ exports[`with title and description with global label off array icons 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -6612,7 +6772,7 @@ exports[`with title and description with global label off array icons 1`] = `
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -6622,7 +6782,7 @@ exports[`with title and description with global label off array icons 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -6632,7 +6792,7 @@ exports[`with title and description with global label off array icons 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_0__error root_0__description root_0__help"
-                                        className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input css-dev-only-do-not-override-1a3rktk"
                                         disabled={false}
                                         id="root_0"
                                         name="root_0"
@@ -6642,6 +6802,7 @@ exports[`with title and description with global label off array icons 1`] = `
                                         onCompositionStart={[Function]}
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
+                                        onKeyUp={[Function]}
                                         placeholder=""
                                         type="text"
                                         value="a"
@@ -6653,13 +6814,18 @@ exports[`with title and description with global label off array icons 1`] = `
                                   </div>
                                 </div>
                                 <div
-                                  className="ant-form-item-extra"
+                                  className="ant-form-item-additional"
+                                  style={{}}
                                 >
-                                  <span
-                                    id="root_0__description"
+                                  <div
+                                    className="ant-form-item-extra"
                                   >
-                                    a test item description
-                                  </span>
+                                    <span
+                                      id="root_0__description"
+                                    >
+                                      a test item description
+                                    </span>
+                                  </div>
                                 </div>
                               </div>
                             </div>
@@ -6667,7 +6833,7 @@ exports[`with title and description with global label off array icons 1`] = `
                         </div>
                       </div>
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -6677,7 +6843,7 @@ exports[`with title and description with global label off array icons 1`] = `
                         }
                       >
                         <div
-                          className="ant-btn-group css-dev-only-do-not-override-1b0bdye"
+                          className="ant-btn-group css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "width": "100%",
@@ -6685,7 +6851,7 @@ exports[`with title and description with global label off array icons 1`] = `
                           }
                         >
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={true}
                             onClick={[Function]}
                             style={
@@ -6722,7 +6888,7 @@ exports[`with title and description with global label off array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -6759,7 +6925,7 @@ exports[`with title and description with global label off array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -6796,7 +6962,7 @@ exports[`with title and description with global label off array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-dangerous ant-btn-color-dangerous ant-btn-variant-solid ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -6836,7 +7002,7 @@ exports[`with title and description with global label off array icons 1`] = `
                       </div>
                     </div>
                     <div
-                      className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -6846,7 +7012,7 @@ exports[`with title and description with global label off array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "1",
@@ -6859,10 +7025,10 @@ exports[`with title and description with global label off array icons 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -6870,7 +7036,7 @@ exports[`with title and description with global label off array icons 1`] = `
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -6880,7 +7046,7 @@ exports[`with title and description with global label off array icons 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -6890,7 +7056,7 @@ exports[`with title and description with global label off array icons 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_1__error root_1__description root_1__help"
-                                        className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input css-dev-only-do-not-override-1a3rktk"
                                         disabled={false}
                                         id="root_1"
                                         name="root_1"
@@ -6900,6 +7066,7 @@ exports[`with title and description with global label off array icons 1`] = `
                                         onCompositionStart={[Function]}
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
+                                        onKeyUp={[Function]}
                                         placeholder=""
                                         type="text"
                                         value="b"
@@ -6911,13 +7078,18 @@ exports[`with title and description with global label off array icons 1`] = `
                                   </div>
                                 </div>
                                 <div
-                                  className="ant-form-item-extra"
+                                  className="ant-form-item-additional"
+                                  style={{}}
                                 >
-                                  <span
-                                    id="root_1__description"
+                                  <div
+                                    className="ant-form-item-extra"
                                   >
-                                    a test item description
-                                  </span>
+                                    <span
+                                      id="root_1__description"
+                                    >
+                                      a test item description
+                                    </span>
+                                  </div>
                                 </div>
                               </div>
                             </div>
@@ -6925,7 +7097,7 @@ exports[`with title and description with global label off array icons 1`] = `
                         </div>
                       </div>
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -6935,7 +7107,7 @@ exports[`with title and description with global label off array icons 1`] = `
                         }
                       >
                         <div
-                          className="ant-btn-group css-dev-only-do-not-override-1b0bdye"
+                          className="ant-btn-group css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "width": "100%",
@@ -6943,7 +7115,7 @@ exports[`with title and description with global label off array icons 1`] = `
                           }
                         >
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -6980,7 +7152,7 @@ exports[`with title and description with global label off array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={true}
                             onClick={[Function]}
                             style={
@@ -7017,7 +7189,7 @@ exports[`with title and description with global label off array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-default ant-btn-icon-only"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -7054,7 +7226,7 @@ exports[`with title and description with global label off array icons 1`] = `
                             </span>
                           </button>
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-dangerous"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-dangerous ant-btn-color-dangerous ant-btn-variant-solid ant-btn-icon-only"
                             disabled={false}
                             onClick={[Function]}
                             style={
@@ -7095,7 +7267,7 @@ exports[`with title and description with global label off array icons 1`] = `
                     </div>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -7104,7 +7276,7 @@ exports[`with title and description with global label off array icons 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-end css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-end css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -7114,7 +7286,7 @@ exports[`with title and description with global label off array icons 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "0 0 192px",
@@ -7124,7 +7296,7 @@ exports[`with title and description with global label off array icons 1`] = `
                         }
                       >
                         <button
-                          className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block array-item-add"
+                          className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-btn-block array-item-add"
                           disabled={false}
                           onClick={[Function]}
                           style={{}}
@@ -7167,20 +7339,25 @@ exports[`with title and description with global label off array icons 1`] = `
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a test description
-            </span>
+              <span
+                id="root__description"
+              >
+                a test description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -7203,10 +7380,10 @@ exports[`with title and description with global label off checkboxes 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -7214,7 +7391,7 @@ exports[`with title and description with global label off checkboxes 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <label
@@ -7226,7 +7403,7 @@ exports[`with title and description with global label off checkboxes 1`] = `
           </label>
         </div>
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -7237,7 +7414,7 @@ exports[`with title and description with global label off checkboxes 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-select ant-select-outlined ant-select-in-form-item css-dev-only-do-not-override-1b0bdye ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                className="ant-select ant-select-outlined ant-select-in-form-item css-dev-only-do-not-override-1a3rktk ant-select-multiple ant-select-show-arrow ant-select-show-search"
                 name="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
@@ -7255,73 +7432,78 @@ exports[`with title and description with global label off checkboxes 1`] = `
                   onClick={[Function]}
                   onMouseDown={[Function]}
                 >
-                  <div
-                    className="ant-select-selection-overflow"
+                  <span
+                    className="ant-select-selection-wrap"
                   >
                     <div
-                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                      style={
-                        {
-                          "height": undefined,
-                          "opacity": 1,
-                          "order": undefined,
-                          "overflowY": undefined,
-                          "pointerEvents": undefined,
-                          "position": undefined,
-                        }
-                      }
+                      className="ant-select-selection-overflow"
                     >
                       <div
-                        className="ant-select-selection-search"
-                        onBlur={[Function]}
-                        onFocus={[Function]}
+                        className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
                         style={
                           {
-                            "width": 100,
+                            "height": undefined,
+                            "opacity": 1,
+                            "order": undefined,
+                            "overflowY": undefined,
+                            "pointerEvents": undefined,
+                            "position": undefined,
                           }
                         }
                       >
-                        <input
-                          aria-autocomplete="list"
-                          aria-controls="root_list"
-                          aria-describedby="root__error root__description root__help"
-                          aria-expanded={false}
-                          aria-haspopup="listbox"
-                          aria-owns="root_list"
-                          autoComplete="off"
-                          autoFocus={false}
-                          className="ant-select-selection-search-input"
-                          disabled={false}
-                          id="root"
-                          onChange={[Function]}
-                          onCompositionEnd={[Function]}
-                          onCompositionStart={[Function]}
-                          onKeyDown={[Function]}
-                          onMouseDown={[Function]}
-                          onPaste={[Function]}
-                          readOnly={true}
-                          role="combobox"
+                        <div
+                          className="ant-select-selection-search"
+                          onBlur={[Function]}
+                          onFocus={[Function]}
                           style={
                             {
-                              "opacity": 0,
+                              "width": 100,
                             }
                           }
-                          type="search"
-                          unselectable="on"
-                          value=""
-                        />
-                        <span
-                          aria-hidden={true}
-                          className="ant-select-selection-search-mirror"
                         >
-                           
-                        </span>
+                          <input
+                            aria-autocomplete="list"
+                            aria-controls="root_list"
+                            aria-describedby="root__error root__description root__help"
+                            aria-expanded={false}
+                            aria-haspopup="listbox"
+                            aria-owns="root_list"
+                            autoComplete="off"
+                            autoFocus={false}
+                            className="ant-select-selection-search-input"
+                            disabled={false}
+                            id="root"
+                            onBlur={[Function]}
+                            onChange={[Function]}
+                            onCompositionEnd={[Function]}
+                            onCompositionStart={[Function]}
+                            onKeyDown={[Function]}
+                            onMouseDown={[Function]}
+                            onPaste={[Function]}
+                            readOnly={true}
+                            role="combobox"
+                            style={
+                              {
+                                "opacity": 0,
+                              }
+                            }
+                            type="search"
+                            unselectable="on"
+                            value=""
+                          />
+                          <span
+                            aria-hidden={true}
+                            className="ant-select-selection-search-mirror"
+                          >
+                             
+                          </span>
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <span
-                    className="ant-select-selection-placeholder"
-                  />
+                    <span
+                      className="ant-select-selection-placeholder"
+                    />
+                  </span>
                 </div>
                 <span
                   aria-hidden={true}
@@ -7359,20 +7541,25 @@ exports[`with title and description with global label off checkboxes 1`] = `
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a test description
-            </span>
+              <span
+                id="root__description"
+              >
+                a test description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -7395,10 +7582,10 @@ exports[`with title and description with global label off fixed array 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -7406,7 +7593,7 @@ exports[`with title and description with global label off fixed array 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -7420,7 +7607,7 @@ exports[`with title and description with global label off fixed array 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -7430,7 +7617,7 @@ exports[`with title and description with global label off fixed array 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -7439,7 +7626,7 @@ exports[`with title and description with global label off fixed array 1`] = `
                     }
                   />
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -7449,7 +7636,7 @@ exports[`with title and description with global label off fixed array 1`] = `
                     }
                   />
                   <div
-                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 row array-item-list css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -7458,7 +7645,7 @@ exports[`with title and description with global label off fixed array 1`] = `
                     }
                   >
                     <div
-                      className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -7468,7 +7655,7 @@ exports[`with title and description with global label off fixed array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "1",
@@ -7481,10 +7668,10 @@ exports[`with title and description with global label off fixed array 1`] = `
                           className="form-group field field-string"
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -7492,7 +7679,7 @@ exports[`with title and description with global label off fixed array 1`] = `
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -7502,7 +7689,7 @@ exports[`with title and description with global label off fixed array 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -7512,7 +7699,7 @@ exports[`with title and description with global label off fixed array 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_0__error root_0__description root_0__help"
-                                        className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input css-dev-only-do-not-override-1a3rktk"
                                         disabled={false}
                                         id="root_0"
                                         name="root_0"
@@ -7522,6 +7709,7 @@ exports[`with title and description with global label off fixed array 1`] = `
                                         onCompositionStart={[Function]}
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
+                                        onKeyUp={[Function]}
                                         placeholder=""
                                         type="text"
                                         value=""
@@ -7533,13 +7721,18 @@ exports[`with title and description with global label off fixed array 1`] = `
                                   </div>
                                 </div>
                                 <div
-                                  className="ant-form-item-extra"
+                                  className="ant-form-item-additional"
+                                  style={{}}
                                 >
-                                  <span
-                                    id="root_0__description"
+                                  <div
+                                    className="ant-form-item-extra"
                                   >
-                                    a test item description
-                                  </span>
+                                    <span
+                                      id="root_0__description"
+                                    >
+                                      a test item description
+                                    </span>
+                                  </div>
                                 </div>
                               </div>
                             </div>
@@ -7548,7 +7741,7 @@ exports[`with title and description with global label off fixed array 1`] = `
                       </div>
                     </div>
                     <div
-                      className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                      className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "marginLeft": -12,
@@ -7558,7 +7751,7 @@ exports[`with title and description with global label off fixed array 1`] = `
                       }
                     >
                       <div
-                        className="ant-col css-dev-only-do-not-override-1b0bdye"
+                        className="ant-col css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "flex": "1",
@@ -7571,10 +7764,10 @@ exports[`with title and description with global label off fixed array 1`] = `
                           className="form-group field field-number"
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -7582,7 +7775,7 @@ exports[`with title and description with global label off fixed array 1`] = `
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -7592,7 +7785,7 @@ exports[`with title and description with global label off fixed array 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <div
-                                      className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-number-outlined ant-input-number-has-feedback"
+                                      className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-number-outlined ant-input-number-has-feedback"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -7601,7 +7794,7 @@ exports[`with title and description with global label off fixed array 1`] = `
                                       }
                                     >
                                       <div
-                                        className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1a3rktk"
                                         onBeforeInput={[Function]}
                                         onBlur={[Function]}
                                         onCompositionEnd={[Function]}
@@ -7703,13 +7896,18 @@ exports[`with title and description with global label off fixed array 1`] = `
                                   </div>
                                 </div>
                                 <div
-                                  className="ant-form-item-extra"
+                                  className="ant-form-item-additional"
+                                  style={{}}
                                 >
-                                  <span
-                                    id="root_1__description"
+                                  <div
+                                    className="ant-form-item-extra"
                                   >
-                                    a test item description
-                                  </span>
+                                    <span
+                                      id="root_1__description"
+                                    >
+                                      a test item description
+                                    </span>
+                                  </div>
                                 </div>
                               </div>
                             </div>
@@ -7723,20 +7921,25 @@ exports[`with title and description with global label off fixed array 1`] = `
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a test description
-            </span>
+              <span
+                id="root__description"
+              >
+                a test description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
diff --git a/packages/antd/test/__snapshots__/Form.test.tsx.snap b/packages/antd/test/__snapshots__/Form.test.tsx.snap
index 75efe19585..1d7d2f052b 100644
--- a/packages/antd/test/__snapshots__/Form.test.tsx.snap
+++ b/packages/antd/test/__snapshots__/Form.test.tsx.snap
@@ -10,10 +10,10 @@ exports[`antd specific tests descriptionLocation tooltip in formContext 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -21,7 +21,7 @@ exports[`antd specific tests descriptionLocation tooltip in formContext 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -34,7 +34,7 @@ exports[`antd specific tests descriptionLocation tooltip in formContext 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -44,7 +44,7 @@ exports[`antd specific tests descriptionLocation tooltip in formContext 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -56,10 +56,10 @@ exports[`antd specific tests descriptionLocation tooltip in formContext 1`] = `
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                        className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                       >
                         <div
-                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "rowGap": undefined,
@@ -67,7 +67,7 @@ exports[`antd specific tests descriptionLocation tooltip in formContext 1`] = `
                           }
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <label
@@ -77,6 +77,7 @@ exports[`antd specific tests descriptionLocation tooltip in formContext 1`] = `
                             >
                               my-field
                               <span
+                                aria-describedby="test-id"
                                 aria-label="question-circle"
                                 className="anticon anticon-question-circle ant-form-item-tooltip"
                                 onClick={[Function]}
@@ -108,7 +109,7 @@ exports[`antd specific tests descriptionLocation tooltip in formContext 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <div
@@ -118,7 +119,7 @@ exports[`antd specific tests descriptionLocation tooltip in formContext 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <span
-                                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -128,7 +129,7 @@ exports[`antd specific tests descriptionLocation tooltip in formContext 1`] = `
                                 >
                                   <input
                                     aria-describedby="root_my-field__error root_my-field__description root_my-field__help"
-                                    className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                    className="ant-input css-dev-only-do-not-override-1a3rktk"
                                     disabled={false}
                                     id="root_my-field"
                                     name="root_my-field"
@@ -138,6 +139,7 @@ exports[`antd specific tests descriptionLocation tooltip in formContext 1`] = `
                                     onCompositionStart={[Function]}
                                     onFocus={[Function]}
                                     onKeyDown={[Function]}
+                                    onKeyUp={[Function]}
                                     placeholder=""
                                     type="text"
                                     value=""
@@ -162,7 +164,7 @@ exports[`antd specific tests descriptionLocation tooltip in formContext 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -185,10 +187,10 @@ exports[`single fields checkbox field 1`] = `
     className="form-group field field-boolean"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -196,7 +198,7 @@ exports[`single fields checkbox field 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -206,11 +208,12 @@ exports[`single fields checkbox field 1`] = `
               className="ant-form-item-control-input-content"
             >
               <label
-                className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-1b0bdye"
+                className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-1a3rktk"
+                onClick={[Function]}
                 style={{}}
               >
                 <span
-                  className="ant-checkbox ant-wave-target css-dev-only-do-not-override-1b0bdye"
+                  className="ant-checkbox ant-wave-target css-dev-only-do-not-override-1a3rktk"
                 >
                   <input
                     aria-describedby="root__error root__description root__help"
@@ -222,6 +225,7 @@ exports[`single fields checkbox field 1`] = `
                     name="root"
                     onBlur={[Function]}
                     onChange={[Function]}
+                    onClick={[Function]}
                     onFocus={[Function]}
                     type="checkbox"
                   />
@@ -229,7 +233,9 @@ exports[`single fields checkbox field 1`] = `
                     className="ant-checkbox-inner"
                   />
                 </span>
-                <span />
+                <span
+                  className="ant-checkbox-label"
+                />
               </label>
             </div>
           </div>
@@ -238,7 +244,7 @@ exports[`single fields checkbox field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -261,10 +267,10 @@ exports[`single fields checkbox field with label 1`] = `
     className="form-group field field-boolean"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -272,7 +278,7 @@ exports[`single fields checkbox field with label 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -282,11 +288,12 @@ exports[`single fields checkbox field with label 1`] = `
               className="ant-form-item-control-input-content"
             >
               <label
-                className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-1b0bdye"
+                className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-1a3rktk"
+                onClick={[Function]}
                 style={{}}
               >
                 <span
-                  className="ant-checkbox ant-wave-target css-dev-only-do-not-override-1b0bdye"
+                  className="ant-checkbox ant-wave-target css-dev-only-do-not-override-1a3rktk"
                 >
                   <input
                     aria-describedby="root__error root__description root__help"
@@ -298,6 +305,7 @@ exports[`single fields checkbox field with label 1`] = `
                     name="root"
                     onBlur={[Function]}
                     onChange={[Function]}
+                    onClick={[Function]}
                     onFocus={[Function]}
                     type="checkbox"
                   />
@@ -305,7 +313,9 @@ exports[`single fields checkbox field with label 1`] = `
                     className="ant-checkbox-inner"
                   />
                 </span>
-                <span>
+                <span
+                  className="ant-checkbox-label"
+                >
                   test
                 </span>
               </label>
@@ -316,7 +326,7 @@ exports[`single fields checkbox field with label 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -339,10 +349,10 @@ exports[`single fields checkboxes field 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -350,7 +360,7 @@ exports[`single fields checkboxes field 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <label
@@ -362,7 +372,7 @@ exports[`single fields checkboxes field 1`] = `
           </label>
         </div>
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -373,7 +383,7 @@ exports[`single fields checkboxes field 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-checkbox-group css-dev-only-do-not-override-1b0bdye"
+                className="ant-checkbox-group css-dev-only-do-not-override-1a3rktk"
                 id="root"
                 name="root"
                 onBlur={[Function]}
@@ -381,11 +391,12 @@ exports[`single fields checkboxes field 1`] = `
               >
                 <span>
                   <label
-                    className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-1b0bdye"
+                    className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-1a3rktk"
+                    onClick={[Function]}
                     style={{}}
                   >
                     <span
-                      className="ant-checkbox ant-wave-target css-dev-only-do-not-override-1b0bdye"
+                      className="ant-checkbox ant-wave-target css-dev-only-do-not-override-1a3rktk"
                     >
                       <input
                         autoFocus={false}
@@ -395,6 +406,7 @@ exports[`single fields checkboxes field 1`] = `
                         id="root-0"
                         name="root"
                         onChange={[Function]}
+                        onClick={[Function]}
                         type="checkbox"
                         value="0"
                       />
@@ -402,7 +414,9 @@ exports[`single fields checkboxes field 1`] = `
                         className="ant-checkbox-inner"
                       />
                     </span>
-                    <span>
+                    <span
+                      className="ant-checkbox-label"
+                    >
                       foo
                     </span>
                   </label>
@@ -410,11 +424,12 @@ exports[`single fields checkboxes field 1`] = `
                 </span>
                 <span>
                   <label
-                    className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-1b0bdye"
+                    className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-1a3rktk"
+                    onClick={[Function]}
                     style={{}}
                   >
                     <span
-                      className="ant-checkbox ant-wave-target css-dev-only-do-not-override-1b0bdye"
+                      className="ant-checkbox ant-wave-target css-dev-only-do-not-override-1a3rktk"
                     >
                       <input
                         autoFocus={false}
@@ -424,6 +439,7 @@ exports[`single fields checkboxes field 1`] = `
                         id="root-1"
                         name="root"
                         onChange={[Function]}
+                        onClick={[Function]}
                         type="checkbox"
                         value="1"
                       />
@@ -431,7 +447,9 @@ exports[`single fields checkboxes field 1`] = `
                         className="ant-checkbox-inner"
                       />
                     </span>
-                    <span>
+                    <span
+                      className="ant-checkbox-label"
+                    >
                       bar
                     </span>
                   </label>
@@ -439,11 +457,12 @@ exports[`single fields checkboxes field 1`] = `
                 </span>
                 <span>
                   <label
-                    className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-1b0bdye"
+                    className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-1a3rktk"
+                    onClick={[Function]}
                     style={{}}
                   >
                     <span
-                      className="ant-checkbox ant-wave-target css-dev-only-do-not-override-1b0bdye"
+                      className="ant-checkbox ant-wave-target css-dev-only-do-not-override-1a3rktk"
                     >
                       <input
                         autoFocus={false}
@@ -453,6 +472,7 @@ exports[`single fields checkboxes field 1`] = `
                         id="root-2"
                         name="root"
                         onChange={[Function]}
+                        onClick={[Function]}
                         type="checkbox"
                         value="2"
                       />
@@ -460,7 +480,9 @@ exports[`single fields checkboxes field 1`] = `
                         className="ant-checkbox-inner"
                       />
                     </span>
-                    <span>
+                    <span
+                      className="ant-checkbox-label"
+                    >
                       fuzz
                     </span>
                   </label>
@@ -468,11 +490,12 @@ exports[`single fields checkboxes field 1`] = `
                 </span>
                 <span>
                   <label
-                    className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-1b0bdye"
+                    className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-1a3rktk"
+                    onClick={[Function]}
                     style={{}}
                   >
                     <span
-                      className="ant-checkbox ant-wave-target css-dev-only-do-not-override-1b0bdye"
+                      className="ant-checkbox ant-wave-target css-dev-only-do-not-override-1a3rktk"
                     >
                       <input
                         autoFocus={false}
@@ -482,6 +505,7 @@ exports[`single fields checkboxes field 1`] = `
                         id="root-3"
                         name="root"
                         onChange={[Function]}
+                        onClick={[Function]}
                         type="checkbox"
                         value="3"
                       />
@@ -489,7 +513,9 @@ exports[`single fields checkboxes field 1`] = `
                         className="ant-checkbox-inner"
                       />
                     </span>
-                    <span>
+                    <span
+                      className="ant-checkbox-label"
+                    >
                       qux
                     </span>
                   </label>
@@ -503,7 +529,7 @@ exports[`single fields checkboxes field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -526,10 +552,10 @@ exports[`single fields field with description 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -537,7 +563,7 @@ exports[`single fields field with description 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -550,7 +576,7 @@ exports[`single fields field with description 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -560,7 +586,7 @@ exports[`single fields field with description 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -572,10 +598,10 @@ exports[`single fields field with description 1`] = `
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                        className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                       >
                         <div
-                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "rowGap": undefined,
@@ -583,7 +609,7 @@ exports[`single fields field with description 1`] = `
                           }
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <label
@@ -595,7 +621,7 @@ exports[`single fields field with description 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <div
@@ -605,7 +631,7 @@ exports[`single fields field with description 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <span
-                                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -615,7 +641,7 @@ exports[`single fields field with description 1`] = `
                                 >
                                   <input
                                     aria-describedby="root_my-field__error root_my-field__description root_my-field__help"
-                                    className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                    className="ant-input css-dev-only-do-not-override-1a3rktk"
                                     disabled={false}
                                     id="root_my-field"
                                     name="root_my-field"
@@ -625,6 +651,7 @@ exports[`single fields field with description 1`] = `
                                     onCompositionStart={[Function]}
                                     onFocus={[Function]}
                                     onKeyDown={[Function]}
+                                    onKeyUp={[Function]}
                                     placeholder=""
                                     type="text"
                                     value=""
@@ -636,13 +663,18 @@ exports[`single fields field with description 1`] = `
                               </div>
                             </div>
                             <div
-                              className="ant-form-item-extra"
+                              className="ant-form-item-additional"
+                              style={{}}
                             >
-                              <span
-                                id="root_my-field__description"
+                              <div
+                                className="ant-form-item-extra"
                               >
-                                some description
-                              </span>
+                                <span
+                                  id="root_my-field__description"
+                                >
+                                  some description
+                                </span>
+                              </div>
                             </div>
                           </div>
                         </div>
@@ -658,7 +690,7 @@ exports[`single fields field with description 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -681,10 +713,10 @@ exports[`single fields field with description in uiSchema 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -692,7 +724,7 @@ exports[`single fields field with description in uiSchema 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -705,7 +737,7 @@ exports[`single fields field with description in uiSchema 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -715,7 +747,7 @@ exports[`single fields field with description in uiSchema 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -727,10 +759,10 @@ exports[`single fields field with description in uiSchema 1`] = `
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                        className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                       >
                         <div
-                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "rowGap": undefined,
@@ -738,7 +770,7 @@ exports[`single fields field with description in uiSchema 1`] = `
                           }
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <label
@@ -750,7 +782,7 @@ exports[`single fields field with description in uiSchema 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <div
@@ -760,7 +792,7 @@ exports[`single fields field with description in uiSchema 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <span
-                                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -770,7 +802,7 @@ exports[`single fields field with description in uiSchema 1`] = `
                                 >
                                   <input
                                     aria-describedby="root_my-field__error root_my-field__description root_my-field__help"
-                                    className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                    className="ant-input css-dev-only-do-not-override-1a3rktk"
                                     disabled={false}
                                     id="root_my-field"
                                     name="root_my-field"
@@ -780,6 +812,7 @@ exports[`single fields field with description in uiSchema 1`] = `
                                     onCompositionStart={[Function]}
                                     onFocus={[Function]}
                                     onKeyDown={[Function]}
+                                    onKeyUp={[Function]}
                                     placeholder=""
                                     type="text"
                                     value=""
@@ -791,13 +824,18 @@ exports[`single fields field with description in uiSchema 1`] = `
                               </div>
                             </div>
                             <div
-                              className="ant-form-item-extra"
+                              className="ant-form-item-additional"
+                              style={{}}
                             >
-                              <span
-                                id="root_my-field__description"
+                              <div
+                                className="ant-form-item-extra"
                               >
-                                some other description
-                              </span>
+                                <span
+                                  id="root_my-field__description"
+                                >
+                                  some other description
+                                </span>
+                              </div>
                             </div>
                           </div>
                         </div>
@@ -813,7 +851,7 @@ exports[`single fields field with description in uiSchema 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -836,10 +874,10 @@ exports[`single fields format color 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -847,7 +885,7 @@ exports[`single fields format color 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -857,7 +895,7 @@ exports[`single fields format color 1`] = `
               className="ant-form-item-control-input-content"
             >
               <span
-                className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                 onClick={[Function]}
                 style={
                   {
@@ -867,7 +905,7 @@ exports[`single fields format color 1`] = `
               >
                 <input
                   aria-describedby="root__error root__description root__help"
-                  className="ant-input css-dev-only-do-not-override-1b0bdye"
+                  className="ant-input css-dev-only-do-not-override-1a3rktk"
                   disabled={false}
                   id="root"
                   name="root"
@@ -877,6 +915,7 @@ exports[`single fields format color 1`] = `
                   onCompositionStart={[Function]}
                   onFocus={[Function]}
                   onKeyDown={[Function]}
+                  onKeyUp={[Function]}
                   placeholder=""
                   type="color"
                   value=""
@@ -892,7 +931,7 @@ exports[`single fields format color 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -915,10 +954,10 @@ exports[`single fields format date 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -926,7 +965,7 @@ exports[`single fields format date 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -936,8 +975,9 @@ exports[`single fields format date 1`] = `
               className="ant-form-item-control-input-content"
             >
               <div
-                className="ant-picker ant-picker-outlined ant-picker-has-feedback css-dev-only-do-not-override-1b0bdye"
+                className="ant-picker ant-picker-outlined ant-picker-has-feedback css-dev-only-do-not-override-1a3rktk"
                 onClick={[Function]}
+                onMouseDown={[Function]}
                 style={
                   {
                     "width": "100%",
@@ -949,6 +989,7 @@ exports[`single fields format date 1`] = `
                 >
                   <input
                     aria-describedby="root__error root__description root__help"
+                    aria-invalid={false}
                     autoComplete="off"
                     disabled={false}
                     id="root"
@@ -957,16 +998,12 @@ exports[`single fields format date 1`] = `
                     onChange={[Function]}
                     onFocus={[Function]}
                     onKeyDown={[Function]}
-                    onMouseDown={[Function]}
                     placeholder=""
-                    readOnly={true}
                     size={12}
-                    title=""
                     value=""
                   />
                   <span
                     className="ant-picker-suffix"
-                    onMouseDown={[Function]}
                   >
                     <span
                       aria-label="calendar"
@@ -997,7 +1034,7 @@ exports[`single fields format date 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -1020,10 +1057,10 @@ exports[`single fields format datetime 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -1031,7 +1068,7 @@ exports[`single fields format datetime 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -1041,8 +1078,9 @@ exports[`single fields format datetime 1`] = `
               className="ant-form-item-control-input-content"
             >
               <div
-                className="ant-picker ant-picker-outlined ant-picker-has-feedback css-dev-only-do-not-override-1b0bdye"
+                className="ant-picker ant-picker-outlined ant-picker-has-feedback css-dev-only-do-not-override-1a3rktk"
                 onClick={[Function]}
+                onMouseDown={[Function]}
                 style={
                   {
                     "width": "100%",
@@ -1054,6 +1092,7 @@ exports[`single fields format datetime 1`] = `
                 >
                   <input
                     aria-describedby="root__error root__description root__help"
+                    aria-invalid={false}
                     autoComplete="off"
                     disabled={false}
                     id="root"
@@ -1062,16 +1101,12 @@ exports[`single fields format datetime 1`] = `
                     onChange={[Function]}
                     onFocus={[Function]}
                     onKeyDown={[Function]}
-                    onMouseDown={[Function]}
                     placeholder=""
-                    readOnly={true}
                     size={21}
-                    title=""
                     value=""
                   />
                   <span
                     className="ant-picker-suffix"
-                    onMouseDown={[Function]}
                   >
                     <span
                       aria-label="calendar"
@@ -1102,7 +1137,7 @@ exports[`single fields format datetime 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -1125,10 +1160,10 @@ exports[`single fields format time 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -1136,7 +1171,7 @@ exports[`single fields format time 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -1146,7 +1181,7 @@ exports[`single fields format time 1`] = `
               className="ant-form-item-control-input-content"
             >
               <span
-                className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                 onClick={[Function]}
                 style={
                   {
@@ -1156,7 +1191,7 @@ exports[`single fields format time 1`] = `
               >
                 <input
                   aria-describedby="root__error root__description root__help"
-                  className="ant-input css-dev-only-do-not-override-1b0bdye"
+                  className="ant-input css-dev-only-do-not-override-1a3rktk"
                   disabled={false}
                   id="root"
                   name="root"
@@ -1166,6 +1201,7 @@ exports[`single fields format time 1`] = `
                   onCompositionStart={[Function]}
                   onFocus={[Function]}
                   onKeyDown={[Function]}
+                  onKeyUp={[Function]}
                   placeholder=""
                   type="time"
                   value=""
@@ -1181,7 +1217,7 @@ exports[`single fields format time 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -1201,7 +1237,7 @@ exports[`single fields help and error display 1`] = `
   onSubmit={[Function]}
 >
   <div
-    className="ant-alert ant-alert-error ant-alert-with-description ant-alert-no-icon panel panel-danger errors css-dev-only-do-not-override-1b0bdye"
+    className="ant-alert ant-alert-error ant-alert-with-description ant-alert-no-icon panel panel-danger errors css-dev-only-do-not-override-1a3rktk"
     data-show={true}
     role="alert"
     style={{}}
@@ -1218,11 +1254,11 @@ exports[`single fields help and error display 1`] = `
         className="ant-alert-description"
       >
         <div
-          className="ant-list ant-list-sm ant-list-split list-group css-dev-only-do-not-override-1b0bdye"
+          className="ant-list ant-list-sm ant-list-split list-group css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
-            className="ant-spin-nested-loading css-dev-only-do-not-override-1b0bdye"
+            className="ant-spin-nested-loading css-dev-only-do-not-override-1a3rktk"
           >
             <div
               className="ant-spin-container"
@@ -1231,7 +1267,7 @@ exports[`single fields help and error display 1`] = `
                 className="ant-list-item"
               >
                 <div
-                  className="ant-space css-dev-only-do-not-override-1b0bdye ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
+                  className="ant-space css-dev-only-do-not-override-1a3rktk ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
                   style={{}}
                 >
                   <div
@@ -1277,10 +1313,10 @@ exports[`single fields help and error display 1`] = `
     className="form-group field field-string field-error has-error has-danger"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye ant-form-item-with-help ant-form-item-has-feedback ant-form-item-has-error"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk ant-form-item-with-help ant-form-item-has-feedback ant-form-item-has-error"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -1288,7 +1324,7 @@ exports[`single fields help and error display 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -1298,7 +1334,7 @@ exports[`single fields help and error display 1`] = `
               className="ant-form-item-control-input-content"
             >
               <span
-                className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined ant-input-status-error"
+                className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined ant-input-status-error"
                 onClick={[Function]}
                 style={
                   {
@@ -1308,7 +1344,7 @@ exports[`single fields help and error display 1`] = `
               >
                 <input
                   aria-describedby="root__error root__description root__help"
-                  className="ant-input css-dev-only-do-not-override-1b0bdye"
+                  className="ant-input css-dev-only-do-not-override-1a3rktk"
                   disabled={false}
                   id="root"
                   name="root"
@@ -1318,6 +1354,7 @@ exports[`single fields help and error display 1`] = `
                   onCompositionStart={[Function]}
                   onFocus={[Function]}
                   onKeyDown={[Function]}
+                  onKeyUp={[Function]}
                   placeholder=""
                   type="text"
                   value=""
@@ -1358,7 +1395,7 @@ exports[`single fields help and error display 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -1381,10 +1418,10 @@ exports[`single fields hidden field 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -1392,7 +1429,7 @@ exports[`single fields hidden field 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -1405,7 +1442,7 @@ exports[`single fields hidden field 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -1422,7 +1459,7 @@ exports[`single fields hidden field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -1445,10 +1482,10 @@ exports[`single fields hidden label 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -1456,7 +1493,7 @@ exports[`single fields hidden label 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -1466,7 +1503,7 @@ exports[`single fields hidden label 1`] = `
               className="ant-form-item-control-input-content"
             >
               <span
-                className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                 onClick={[Function]}
                 style={
                   {
@@ -1476,7 +1513,7 @@ exports[`single fields hidden label 1`] = `
               >
                 <input
                   aria-describedby="root__error root__description root__help"
-                  className="ant-input css-dev-only-do-not-override-1b0bdye"
+                  className="ant-input css-dev-only-do-not-override-1a3rktk"
                   disabled={false}
                   id="root"
                   name="root"
@@ -1486,6 +1523,7 @@ exports[`single fields hidden label 1`] = `
                   onCompositionStart={[Function]}
                   onFocus={[Function]}
                   onKeyDown={[Function]}
+                  onKeyUp={[Function]}
                   placeholder=""
                   type="text"
                   value=""
@@ -1501,7 +1539,7 @@ exports[`single fields hidden label 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -1524,10 +1562,10 @@ exports[`single fields null field 1`] = `
     className="form-group field field-null"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -1535,7 +1573,7 @@ exports[`single fields null field 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -1550,7 +1588,7 @@ exports[`single fields null field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -1573,10 +1611,10 @@ exports[`single fields number field 0 1`] = `
     className="form-group field field-number"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -1584,7 +1622,7 @@ exports[`single fields number field 0 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -1594,7 +1632,7 @@ exports[`single fields number field 0 1`] = `
               className="ant-form-item-control-input-content"
             >
               <div
-                className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-number-outlined ant-input-number-has-feedback"
+                className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-number-outlined ant-input-number-has-feedback"
                 onClick={[Function]}
                 style={
                   {
@@ -1603,7 +1641,7 @@ exports[`single fields number field 0 1`] = `
                 }
               >
                 <div
-                  className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1b0bdye"
+                  className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1a3rktk"
                   onBeforeInput={[Function]}
                   onBlur={[Function]}
                   onCompositionEnd={[Function]}
@@ -1709,7 +1747,7 @@ exports[`single fields number field 0 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -1732,10 +1770,10 @@ exports[`single fields number field 1`] = `
     className="form-group field field-number"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -1743,7 +1781,7 @@ exports[`single fields number field 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -1753,7 +1791,7 @@ exports[`single fields number field 1`] = `
               className="ant-form-item-control-input-content"
             >
               <div
-                className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-number-outlined ant-input-number-has-feedback"
+                className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-number-outlined ant-input-number-has-feedback"
                 onClick={[Function]}
                 style={
                   {
@@ -1762,7 +1800,7 @@ exports[`single fields number field 1`] = `
                 }
               >
                 <div
-                  className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1b0bdye"
+                  className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1a3rktk"
                   onBeforeInput={[Function]}
                   onBlur={[Function]}
                   onCompositionEnd={[Function]}
@@ -1868,7 +1906,7 @@ exports[`single fields number field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -1891,10 +1929,10 @@ exports[`single fields password field 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -1902,7 +1940,7 @@ exports[`single fields password field 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -1912,13 +1950,13 @@ exports[`single fields password field 1`] = `
               className="ant-form-item-control-input-content"
             >
               <span
-                className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined ant-input-password"
+                className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined ant-input-password"
                 onClick={[Function]}
                 style={{}}
               >
                 <input
                   aria-describedby="root__error root__description root__help"
-                  className="ant-input css-dev-only-do-not-override-1b0bdye"
+                  className="ant-input css-dev-only-do-not-override-1a3rktk"
                   disabled={false}
                   id="root"
                   name="root"
@@ -1928,6 +1966,7 @@ exports[`single fields password field 1`] = `
                   onCompositionStart={[Function]}
                   onFocus={[Function]}
                   onKeyDown={[Function]}
+                  onKeyUp={[Function]}
                   placeholder=""
                   type="password"
                   value=""
@@ -1970,7 +2009,7 @@ exports[`single fields password field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -1993,10 +2032,10 @@ exports[`single fields radio field 1`] = `
     className="form-group field field-boolean"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -2004,7 +2043,7 @@ exports[`single fields radio field 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -2015,13 +2054,14 @@ exports[`single fields radio field 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-radio-group ant-radio-group-outline css-dev-only-do-not-override-1b0bdye"
+                className="ant-radio-group ant-radio-group-outline css-dev-only-do-not-override-1a3rktk"
                 id="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
               >
                 <label
-                  className="ant-radio-wrapper ant-radio-wrapper-in-form-item css-dev-only-do-not-override-1b0bdye"
+                  className="ant-radio-wrapper ant-radio-wrapper-in-form-item css-dev-only-do-not-override-1a3rktk"
+                  onClick={[Function]}
                   style={{}}
                 >
                   <span
@@ -2035,6 +2075,7 @@ exports[`single fields radio field 1`] = `
                       id="root-0"
                       name="root"
                       onChange={[Function]}
+                      onClick={[Function]}
                       type="radio"
                       value="0"
                     />
@@ -2042,12 +2083,15 @@ exports[`single fields radio field 1`] = `
                       className="ant-radio-inner"
                     />
                   </span>
-                  <span>
+                  <span
+                    className="ant-radio-label"
+                  >
                     Yes
                   </span>
                 </label>
                 <label
-                  className="ant-radio-wrapper ant-radio-wrapper-in-form-item css-dev-only-do-not-override-1b0bdye"
+                  className="ant-radio-wrapper ant-radio-wrapper-in-form-item css-dev-only-do-not-override-1a3rktk"
+                  onClick={[Function]}
                   style={{}}
                 >
                   <span
@@ -2061,6 +2105,7 @@ exports[`single fields radio field 1`] = `
                       id="root-1"
                       name="root"
                       onChange={[Function]}
+                      onClick={[Function]}
                       type="radio"
                       value="1"
                     />
@@ -2068,7 +2113,9 @@ exports[`single fields radio field 1`] = `
                       className="ant-radio-inner"
                     />
                   </span>
-                  <span>
+                  <span
+                    className="ant-radio-label"
+                  >
                     No
                   </span>
                 </label>
@@ -2080,7 +2127,7 @@ exports[`single fields radio field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -2103,10 +2150,10 @@ exports[`single fields schema examples 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -2114,7 +2161,7 @@ exports[`single fields schema examples 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -2124,7 +2171,7 @@ exports[`single fields schema examples 1`] = `
               className="ant-form-item-control-input-content"
             >
               <span
-                className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                 onClick={[Function]}
                 style={
                   {
@@ -2134,7 +2181,7 @@ exports[`single fields schema examples 1`] = `
               >
                 <input
                   aria-describedby="root__error root__description root__help root__examples"
-                  className="ant-input css-dev-only-do-not-override-1b0bdye"
+                  className="ant-input css-dev-only-do-not-override-1a3rktk"
                   disabled={false}
                   id="root"
                   list="root__examples"
@@ -2145,6 +2192,7 @@ exports[`single fields schema examples 1`] = `
                   onCompositionStart={[Function]}
                   onFocus={[Function]}
                   onKeyDown={[Function]}
+                  onKeyUp={[Function]}
                   placeholder=""
                   type="text"
                   value=""
@@ -2179,7 +2227,7 @@ exports[`single fields schema examples 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -2202,10 +2250,10 @@ exports[`single fields select field 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -2213,7 +2261,7 @@ exports[`single fields select field 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -2224,7 +2272,7 @@ exports[`single fields select field 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-select ant-select-outlined ant-select-in-form-item ant-select-has-feedback css-dev-only-do-not-override-1b0bdye ant-select-single ant-select-show-arrow"
+                className="ant-select ant-select-outlined ant-select-in-form-item ant-select-has-feedback css-dev-only-do-not-override-1a3rktk ant-select-single ant-select-show-arrow"
                 name="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
@@ -2243,41 +2291,46 @@ exports[`single fields select field 1`] = `
                   onMouseDown={[Function]}
                 >
                   <span
-                    className="ant-select-selection-search"
+                    className="ant-select-selection-wrap"
                   >
-                    <input
-                      aria-autocomplete="list"
-                      aria-controls="root_list"
-                      aria-describedby="root__error root__description root__help"
-                      aria-expanded={false}
-                      aria-haspopup="listbox"
-                      aria-owns="root_list"
-                      autoComplete="off"
-                      autoFocus={false}
-                      className="ant-select-selection-search-input"
-                      disabled={false}
-                      id="root"
-                      onChange={[Function]}
-                      onCompositionEnd={[Function]}
-                      onCompositionStart={[Function]}
-                      onKeyDown={[Function]}
-                      onMouseDown={[Function]}
-                      onPaste={[Function]}
-                      readOnly={true}
-                      role="combobox"
-                      style={
-                        {
-                          "opacity": 0,
+                    <span
+                      className="ant-select-selection-search"
+                    >
+                      <input
+                        aria-autocomplete="list"
+                        aria-controls="root_list"
+                        aria-describedby="root__error root__description root__help"
+                        aria-expanded={false}
+                        aria-haspopup="listbox"
+                        aria-owns="root_list"
+                        autoComplete="off"
+                        autoFocus={false}
+                        className="ant-select-selection-search-input"
+                        disabled={false}
+                        id="root"
+                        onBlur={[Function]}
+                        onChange={[Function]}
+                        onCompositionEnd={[Function]}
+                        onCompositionStart={[Function]}
+                        onKeyDown={[Function]}
+                        onMouseDown={[Function]}
+                        onPaste={[Function]}
+                        readOnly={true}
+                        role="combobox"
+                        style={
+                          {
+                            "opacity": 0,
+                          }
                         }
-                      }
-                      type="search"
-                      unselectable="on"
-                      value=""
+                        type="search"
+                        unselectable="on"
+                        value=""
+                      />
+                    </span>
+                    <span
+                      className="ant-select-selection-placeholder"
                     />
                   </span>
-                  <span
-                    className="ant-select-selection-placeholder"
-                  />
                 </div>
                 <span
                   aria-hidden={true}
@@ -2319,7 +2372,7 @@ exports[`single fields select field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -2342,10 +2395,10 @@ exports[`single fields select field multiple choice 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -2353,7 +2406,7 @@ exports[`single fields select field multiple choice 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -2364,7 +2417,7 @@ exports[`single fields select field multiple choice 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-select ant-select-outlined ant-select-in-form-item css-dev-only-do-not-override-1b0bdye ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                className="ant-select ant-select-outlined ant-select-in-form-item css-dev-only-do-not-override-1a3rktk ant-select-multiple ant-select-show-arrow ant-select-show-search"
                 name="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
@@ -2382,73 +2435,78 @@ exports[`single fields select field multiple choice 1`] = `
                   onClick={[Function]}
                   onMouseDown={[Function]}
                 >
-                  <div
-                    className="ant-select-selection-overflow"
+                  <span
+                    className="ant-select-selection-wrap"
                   >
                     <div
-                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                      style={
-                        {
-                          "height": undefined,
-                          "opacity": 1,
-                          "order": undefined,
-                          "overflowY": undefined,
-                          "pointerEvents": undefined,
-                          "position": undefined,
-                        }
-                      }
+                      className="ant-select-selection-overflow"
                     >
                       <div
-                        className="ant-select-selection-search"
-                        onBlur={[Function]}
-                        onFocus={[Function]}
+                        className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
                         style={
                           {
-                            "width": 100,
+                            "height": undefined,
+                            "opacity": 1,
+                            "order": undefined,
+                            "overflowY": undefined,
+                            "pointerEvents": undefined,
+                            "position": undefined,
                           }
                         }
                       >
-                        <input
-                          aria-autocomplete="list"
-                          aria-controls="root_list"
-                          aria-describedby="root__error root__description root__help"
-                          aria-expanded={false}
-                          aria-haspopup="listbox"
-                          aria-owns="root_list"
-                          autoComplete="off"
-                          autoFocus={false}
-                          className="ant-select-selection-search-input"
-                          disabled={false}
-                          id="root"
-                          onChange={[Function]}
-                          onCompositionEnd={[Function]}
-                          onCompositionStart={[Function]}
-                          onKeyDown={[Function]}
-                          onMouseDown={[Function]}
-                          onPaste={[Function]}
-                          readOnly={true}
-                          role="combobox"
+                        <div
+                          className="ant-select-selection-search"
+                          onBlur={[Function]}
+                          onFocus={[Function]}
                           style={
                             {
-                              "opacity": 0,
+                              "width": 100,
                             }
                           }
-                          type="search"
-                          unselectable="on"
-                          value=""
-                        />
-                        <span
-                          aria-hidden={true}
-                          className="ant-select-selection-search-mirror"
                         >
-                           
-                        </span>
+                          <input
+                            aria-autocomplete="list"
+                            aria-controls="root_list"
+                            aria-describedby="root__error root__description root__help"
+                            aria-expanded={false}
+                            aria-haspopup="listbox"
+                            aria-owns="root_list"
+                            autoComplete="off"
+                            autoFocus={false}
+                            className="ant-select-selection-search-input"
+                            disabled={false}
+                            id="root"
+                            onBlur={[Function]}
+                            onChange={[Function]}
+                            onCompositionEnd={[Function]}
+                            onCompositionStart={[Function]}
+                            onKeyDown={[Function]}
+                            onMouseDown={[Function]}
+                            onPaste={[Function]}
+                            readOnly={true}
+                            role="combobox"
+                            style={
+                              {
+                                "opacity": 0,
+                              }
+                            }
+                            type="search"
+                            unselectable="on"
+                            value=""
+                          />
+                          <span
+                            aria-hidden={true}
+                            className="ant-select-selection-search-mirror"
+                          >
+                             
+                          </span>
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <span
-                    className="ant-select-selection-placeholder"
-                  />
+                    <span
+                      className="ant-select-selection-placeholder"
+                    />
+                  </span>
                 </div>
                 <span
                   aria-hidden={true}
@@ -2490,7 +2548,7 @@ exports[`single fields select field multiple choice 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -2513,10 +2571,10 @@ exports[`single fields select field multiple choice enumDisabled 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -2524,7 +2582,7 @@ exports[`single fields select field multiple choice enumDisabled 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -2535,7 +2593,7 @@ exports[`single fields select field multiple choice enumDisabled 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-select ant-select-outlined ant-select-in-form-item css-dev-only-do-not-override-1b0bdye ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                className="ant-select ant-select-outlined ant-select-in-form-item css-dev-only-do-not-override-1a3rktk ant-select-multiple ant-select-show-arrow ant-select-show-search"
                 name="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
@@ -2553,73 +2611,78 @@ exports[`single fields select field multiple choice enumDisabled 1`] = `
                   onClick={[Function]}
                   onMouseDown={[Function]}
                 >
-                  <div
-                    className="ant-select-selection-overflow"
+                  <span
+                    className="ant-select-selection-wrap"
                   >
                     <div
-                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                      style={
-                        {
-                          "height": undefined,
-                          "opacity": 1,
-                          "order": undefined,
-                          "overflowY": undefined,
-                          "pointerEvents": undefined,
-                          "position": undefined,
-                        }
-                      }
+                      className="ant-select-selection-overflow"
                     >
                       <div
-                        className="ant-select-selection-search"
-                        onBlur={[Function]}
-                        onFocus={[Function]}
+                        className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
                         style={
                           {
-                            "width": 100,
+                            "height": undefined,
+                            "opacity": 1,
+                            "order": undefined,
+                            "overflowY": undefined,
+                            "pointerEvents": undefined,
+                            "position": undefined,
                           }
                         }
                       >
-                        <input
-                          aria-autocomplete="list"
-                          aria-controls="root_list"
-                          aria-describedby="root__error root__description root__help"
-                          aria-expanded={false}
-                          aria-haspopup="listbox"
-                          aria-owns="root_list"
-                          autoComplete="off"
-                          autoFocus={false}
-                          className="ant-select-selection-search-input"
-                          disabled={false}
-                          id="root"
-                          onChange={[Function]}
-                          onCompositionEnd={[Function]}
-                          onCompositionStart={[Function]}
-                          onKeyDown={[Function]}
-                          onMouseDown={[Function]}
-                          onPaste={[Function]}
-                          readOnly={true}
-                          role="combobox"
+                        <div
+                          className="ant-select-selection-search"
+                          onBlur={[Function]}
+                          onFocus={[Function]}
                           style={
                             {
-                              "opacity": 0,
+                              "width": 100,
                             }
                           }
-                          type="search"
-                          unselectable="on"
-                          value=""
-                        />
-                        <span
-                          aria-hidden={true}
-                          className="ant-select-selection-search-mirror"
                         >
-                           
-                        </span>
+                          <input
+                            aria-autocomplete="list"
+                            aria-controls="root_list"
+                            aria-describedby="root__error root__description root__help"
+                            aria-expanded={false}
+                            aria-haspopup="listbox"
+                            aria-owns="root_list"
+                            autoComplete="off"
+                            autoFocus={false}
+                            className="ant-select-selection-search-input"
+                            disabled={false}
+                            id="root"
+                            onBlur={[Function]}
+                            onChange={[Function]}
+                            onCompositionEnd={[Function]}
+                            onCompositionStart={[Function]}
+                            onKeyDown={[Function]}
+                            onMouseDown={[Function]}
+                            onPaste={[Function]}
+                            readOnly={true}
+                            role="combobox"
+                            style={
+                              {
+                                "opacity": 0,
+                              }
+                            }
+                            type="search"
+                            unselectable="on"
+                            value=""
+                          />
+                          <span
+                            aria-hidden={true}
+                            className="ant-select-selection-search-mirror"
+                          >
+                             
+                          </span>
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <span
-                    className="ant-select-selection-placeholder"
-                  />
+                    <span
+                      className="ant-select-selection-placeholder"
+                    />
+                  </span>
                 </div>
                 <span
                   aria-hidden={true}
@@ -2661,7 +2724,7 @@ exports[`single fields select field multiple choice enumDisabled 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -2684,10 +2747,10 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -2695,7 +2758,7 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -2706,7 +2769,7 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-checkbox-group css-dev-only-do-not-override-1b0bdye"
+                className="ant-checkbox-group css-dev-only-do-not-override-1a3rktk"
                 id="root"
                 name="root"
                 onBlur={[Function]}
@@ -2714,11 +2777,12 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
               >
                 <span>
                   <label
-                    className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-1b0bdye"
+                    className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-1a3rktk"
+                    onClick={[Function]}
                     style={{}}
                   >
                     <span
-                      className="ant-checkbox ant-wave-target css-dev-only-do-not-override-1b0bdye"
+                      className="ant-checkbox ant-wave-target css-dev-only-do-not-override-1a3rktk"
                     >
                       <input
                         autoFocus={false}
@@ -2728,6 +2792,7 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
                         id="root-0"
                         name="root"
                         onChange={[Function]}
+                        onClick={[Function]}
                         type="checkbox"
                         value="0"
                       />
@@ -2735,7 +2800,9 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
                         className="ant-checkbox-inner"
                       />
                     </span>
-                    <span>
+                    <span
+                      className="ant-checkbox-label"
+                    >
                       foo
                     </span>
                   </label>
@@ -2743,11 +2810,12 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
                 </span>
                 <span>
                   <label
-                    className="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-1b0bdye"
+                    className="ant-checkbox-wrapper ant-checkbox-wrapper-disabled ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-1a3rktk"
+                    onClick={[Function]}
                     style={{}}
                   >
                     <span
-                      className="ant-checkbox ant-wave-target css-dev-only-do-not-override-1b0bdye ant-checkbox-disabled"
+                      className="ant-checkbox ant-wave-target css-dev-only-do-not-override-1a3rktk ant-checkbox-disabled"
                     >
                       <input
                         autoFocus={false}
@@ -2757,6 +2825,7 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
                         id="root-1"
                         name="root"
                         onChange={[Function]}
+                        onClick={[Function]}
                         type="checkbox"
                         value="1"
                       />
@@ -2764,7 +2833,9 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
                         className="ant-checkbox-inner"
                       />
                     </span>
-                    <span>
+                    <span
+                      className="ant-checkbox-label"
+                    >
                       bar
                     </span>
                   </label>
@@ -2772,11 +2843,12 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
                 </span>
                 <span>
                   <label
-                    className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-1b0bdye"
+                    className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-1a3rktk"
+                    onClick={[Function]}
                     style={{}}
                   >
                     <span
-                      className="ant-checkbox ant-wave-target css-dev-only-do-not-override-1b0bdye"
+                      className="ant-checkbox ant-wave-target css-dev-only-do-not-override-1a3rktk"
                     >
                       <input
                         autoFocus={false}
@@ -2786,6 +2858,7 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
                         id="root-2"
                         name="root"
                         onChange={[Function]}
+                        onClick={[Function]}
                         type="checkbox"
                         value="2"
                       />
@@ -2793,7 +2866,9 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
                         className="ant-checkbox-inner"
                       />
                     </span>
-                    <span>
+                    <span
+                      className="ant-checkbox-label"
+                    >
                       fuzz
                     </span>
                   </label>
@@ -2801,11 +2876,12 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
                 </span>
                 <span>
                   <label
-                    className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-1b0bdye"
+                    className="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item css-dev-only-do-not-override-1a3rktk"
+                    onClick={[Function]}
                     style={{}}
                   >
                     <span
-                      className="ant-checkbox ant-wave-target css-dev-only-do-not-override-1b0bdye"
+                      className="ant-checkbox ant-wave-target css-dev-only-do-not-override-1a3rktk"
                     >
                       <input
                         autoFocus={false}
@@ -2815,6 +2891,7 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
                         id="root-3"
                         name="root"
                         onChange={[Function]}
+                        onClick={[Function]}
                         type="checkbox"
                         value="3"
                       />
@@ -2822,7 +2899,9 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
                         className="ant-checkbox-inner"
                       />
                     </span>
-                    <span>
+                    <span
+                      className="ant-checkbox-label"
+                    >
                       qux
                     </span>
                   </label>
@@ -2836,7 +2915,7 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -2859,10 +2938,10 @@ exports[`single fields select field multiple choice formData 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -2870,7 +2949,7 @@ exports[`single fields select field multiple choice formData 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -2881,7 +2960,7 @@ exports[`single fields select field multiple choice formData 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-select ant-select-outlined ant-select-in-form-item css-dev-only-do-not-override-1b0bdye ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                className="ant-select ant-select-outlined ant-select-in-form-item css-dev-only-do-not-override-1a3rktk ant-select-multiple ant-select-show-arrow ant-select-show-search"
                 name="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
@@ -2899,186 +2978,191 @@ exports[`single fields select field multiple choice formData 1`] = `
                   onClick={[Function]}
                   onMouseDown={[Function]}
                 >
-                  <div
-                    className="ant-select-selection-overflow"
+                  <span
+                    className="ant-select-selection-wrap"
                   >
                     <div
-                      className="ant-select-selection-overflow-item"
-                      style={
-                        {
-                          "height": undefined,
-                          "opacity": 1,
-                          "order": undefined,
-                          "overflowY": undefined,
-                          "pointerEvents": undefined,
-                          "position": undefined,
-                        }
-                      }
+                      className="ant-select-selection-overflow"
                     >
-                      <span
-                        className="ant-select-selection-item"
-                        title="foo"
+                      <div
+                        className="ant-select-selection-overflow-item"
+                        style={
+                          {
+                            "height": undefined,
+                            "opacity": 1,
+                            "order": undefined,
+                            "overflowY": undefined,
+                            "pointerEvents": undefined,
+                            "position": undefined,
+                          }
+                        }
                       >
                         <span
-                          className="ant-select-selection-item-content"
-                        >
-                          foo
-                        </span>
-                        <span
-                          aria-hidden={true}
-                          className="ant-select-selection-item-remove"
-                          onClick={[Function]}
-                          onMouseDown={[Function]}
-                          style={
-                            {
-                              "WebkitUserSelect": "none",
-                              "userSelect": "none",
-                            }
-                          }
-                          unselectable="on"
+                          className="ant-select-selection-item"
+                          title="foo"
                         >
                           <span
-                            aria-label="close"
-                            className="anticon anticon-close"
-                            role="img"
+                            className="ant-select-selection-item-content"
                           >
-                            <svg
-                              aria-hidden="true"
-                              data-icon="close"
-                              fill="currentColor"
-                              fillRule="evenodd"
-                              focusable="false"
-                              height="1em"
-                              viewBox="64 64 896 896"
-                              width="1em"
+                            foo
+                          </span>
+                          <span
+                            aria-hidden={true}
+                            className="ant-select-selection-item-remove"
+                            onClick={[Function]}
+                            onMouseDown={[Function]}
+                            style={
+                              {
+                                "WebkitUserSelect": "none",
+                                "userSelect": "none",
+                              }
+                            }
+                            unselectable="on"
+                          >
+                            <span
+                              aria-label="close"
+                              className="anticon anticon-close"
+                              role="img"
                             >
-                              <path
-                                d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
-                              />
-                            </svg>
+                              <svg
+                                aria-hidden="true"
+                                data-icon="close"
+                                fill="currentColor"
+                                fillRule="evenodd"
+                                focusable="false"
+                                height="1em"
+                                viewBox="64 64 896 896"
+                                width="1em"
+                              >
+                                <path
+                                  d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
+                                />
+                              </svg>
+                            </span>
                           </span>
                         </span>
-                      </span>
-                    </div>
-                    <div
-                      className="ant-select-selection-overflow-item"
-                      style={
-                        {
-                          "height": undefined,
-                          "opacity": 1,
-                          "order": undefined,
-                          "overflowY": undefined,
-                          "pointerEvents": undefined,
-                          "position": undefined,
+                      </div>
+                      <div
+                        className="ant-select-selection-overflow-item"
+                        style={
+                          {
+                            "height": undefined,
+                            "opacity": 1,
+                            "order": undefined,
+                            "overflowY": undefined,
+                            "pointerEvents": undefined,
+                            "position": undefined,
+                          }
                         }
-                      }
-                    >
-                      <span
-                        className="ant-select-selection-item"
-                        title="bar"
                       >
                         <span
-                          className="ant-select-selection-item-content"
-                        >
-                          bar
-                        </span>
-                        <span
-                          aria-hidden={true}
-                          className="ant-select-selection-item-remove"
-                          onClick={[Function]}
-                          onMouseDown={[Function]}
-                          style={
-                            {
-                              "WebkitUserSelect": "none",
-                              "userSelect": "none",
-                            }
-                          }
-                          unselectable="on"
+                          className="ant-select-selection-item"
+                          title="bar"
                         >
                           <span
-                            aria-label="close"
-                            className="anticon anticon-close"
-                            role="img"
+                            className="ant-select-selection-item-content"
+                          >
+                            bar
+                          </span>
+                          <span
+                            aria-hidden={true}
+                            className="ant-select-selection-item-remove"
+                            onClick={[Function]}
+                            onMouseDown={[Function]}
+                            style={
+                              {
+                                "WebkitUserSelect": "none",
+                                "userSelect": "none",
+                              }
+                            }
+                            unselectable="on"
                           >
-                            <svg
-                              aria-hidden="true"
-                              data-icon="close"
-                              fill="currentColor"
-                              fillRule="evenodd"
-                              focusable="false"
-                              height="1em"
-                              viewBox="64 64 896 896"
-                              width="1em"
+                            <span
+                              aria-label="close"
+                              className="anticon anticon-close"
+                              role="img"
                             >
-                              <path
-                                d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
-                              />
-                            </svg>
+                              <svg
+                                aria-hidden="true"
+                                data-icon="close"
+                                fill="currentColor"
+                                fillRule="evenodd"
+                                focusable="false"
+                                height="1em"
+                                viewBox="64 64 896 896"
+                                width="1em"
+                              >
+                                <path
+                                  d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
+                                />
+                              </svg>
+                            </span>
                           </span>
                         </span>
-                      </span>
-                    </div>
-                    <div
-                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                      style={
-                        {
-                          "height": undefined,
-                          "opacity": 1,
-                          "order": undefined,
-                          "overflowY": undefined,
-                          "pointerEvents": undefined,
-                          "position": undefined,
-                        }
-                      }
-                    >
+                      </div>
                       <div
-                        className="ant-select-selection-search"
-                        onBlur={[Function]}
-                        onFocus={[Function]}
+                        className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
                         style={
                           {
-                            "width": 100,
+                            "height": undefined,
+                            "opacity": 1,
+                            "order": undefined,
+                            "overflowY": undefined,
+                            "pointerEvents": undefined,
+                            "position": undefined,
                           }
                         }
                       >
-                        <input
-                          aria-autocomplete="list"
-                          aria-controls="root_list"
-                          aria-describedby="root__error root__description root__help"
-                          aria-expanded={false}
-                          aria-haspopup="listbox"
-                          aria-owns="root_list"
-                          autoComplete="off"
-                          autoFocus={false}
-                          className="ant-select-selection-search-input"
-                          disabled={false}
-                          id="root"
-                          onChange={[Function]}
-                          onCompositionEnd={[Function]}
-                          onCompositionStart={[Function]}
-                          onKeyDown={[Function]}
-                          onMouseDown={[Function]}
-                          onPaste={[Function]}
-                          readOnly={true}
-                          role="combobox"
+                        <div
+                          className="ant-select-selection-search"
+                          onBlur={[Function]}
+                          onFocus={[Function]}
                           style={
                             {
-                              "opacity": 0,
+                              "width": 100,
                             }
                           }
-                          type="search"
-                          unselectable="on"
-                          value=""
-                        />
-                        <span
-                          aria-hidden={true}
-                          className="ant-select-selection-search-mirror"
                         >
-                           
-                        </span>
+                          <input
+                            aria-autocomplete="list"
+                            aria-controls="root_list"
+                            aria-describedby="root__error root__description root__help"
+                            aria-expanded={false}
+                            aria-haspopup="listbox"
+                            aria-owns="root_list"
+                            autoComplete="off"
+                            autoFocus={false}
+                            className="ant-select-selection-search-input"
+                            disabled={false}
+                            id="root"
+                            onBlur={[Function]}
+                            onChange={[Function]}
+                            onCompositionEnd={[Function]}
+                            onCompositionStart={[Function]}
+                            onKeyDown={[Function]}
+                            onMouseDown={[Function]}
+                            onPaste={[Function]}
+                            readOnly={true}
+                            role="combobox"
+                            style={
+                              {
+                                "opacity": 0,
+                              }
+                            }
+                            type="search"
+                            unselectable="on"
+                            value=""
+                          />
+                          <span
+                            aria-hidden={true}
+                            className="ant-select-selection-search-mirror"
+                          >
+                             
+                          </span>
+                        </div>
                       </div>
                     </div>
-                  </div>
+                  </span>
                 </div>
                 <span
                   aria-hidden={true}
@@ -3120,7 +3204,7 @@ exports[`single fields select field multiple choice formData 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -3143,10 +3227,10 @@ exports[`single fields select field multiple choice with labels 1`] = `
     className="form-group field field-array"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -3154,7 +3238,7 @@ exports[`single fields select field multiple choice with labels 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -3165,7 +3249,7 @@ exports[`single fields select field multiple choice with labels 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-select ant-select-outlined ant-select-in-form-item css-dev-only-do-not-override-1b0bdye ant-select-multiple ant-select-show-arrow ant-select-show-search"
+                className="ant-select ant-select-outlined ant-select-in-form-item css-dev-only-do-not-override-1a3rktk ant-select-multiple ant-select-show-arrow ant-select-show-search"
                 name="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
@@ -3183,73 +3267,78 @@ exports[`single fields select field multiple choice with labels 1`] = `
                   onClick={[Function]}
                   onMouseDown={[Function]}
                 >
-                  <div
-                    className="ant-select-selection-overflow"
+                  <span
+                    className="ant-select-selection-wrap"
                   >
                     <div
-                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                      style={
-                        {
-                          "height": undefined,
-                          "opacity": 1,
-                          "order": undefined,
-                          "overflowY": undefined,
-                          "pointerEvents": undefined,
-                          "position": undefined,
-                        }
-                      }
+                      className="ant-select-selection-overflow"
                     >
                       <div
-                        className="ant-select-selection-search"
-                        onBlur={[Function]}
-                        onFocus={[Function]}
+                        className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
                         style={
                           {
-                            "width": 100,
+                            "height": undefined,
+                            "opacity": 1,
+                            "order": undefined,
+                            "overflowY": undefined,
+                            "pointerEvents": undefined,
+                            "position": undefined,
                           }
                         }
                       >
-                        <input
-                          aria-autocomplete="list"
-                          aria-controls="root_list"
-                          aria-describedby="root__error root__description root__help"
-                          aria-expanded={false}
-                          aria-haspopup="listbox"
-                          aria-owns="root_list"
-                          autoComplete="off"
-                          autoFocus={false}
-                          className="ant-select-selection-search-input"
-                          disabled={false}
-                          id="root"
-                          onChange={[Function]}
-                          onCompositionEnd={[Function]}
-                          onCompositionStart={[Function]}
-                          onKeyDown={[Function]}
-                          onMouseDown={[Function]}
-                          onPaste={[Function]}
-                          readOnly={true}
-                          role="combobox"
+                        <div
+                          className="ant-select-selection-search"
+                          onBlur={[Function]}
+                          onFocus={[Function]}
                           style={
                             {
-                              "opacity": 0,
+                              "width": 100,
                             }
                           }
-                          type="search"
-                          unselectable="on"
-                          value=""
-                        />
-                        <span
-                          aria-hidden={true}
-                          className="ant-select-selection-search-mirror"
                         >
-                           
-                        </span>
+                          <input
+                            aria-autocomplete="list"
+                            aria-controls="root_list"
+                            aria-describedby="root__error root__description root__help"
+                            aria-expanded={false}
+                            aria-haspopup="listbox"
+                            aria-owns="root_list"
+                            autoComplete="off"
+                            autoFocus={false}
+                            className="ant-select-selection-search-input"
+                            disabled={false}
+                            id="root"
+                            onBlur={[Function]}
+                            onChange={[Function]}
+                            onCompositionEnd={[Function]}
+                            onCompositionStart={[Function]}
+                            onKeyDown={[Function]}
+                            onMouseDown={[Function]}
+                            onPaste={[Function]}
+                            readOnly={true}
+                            role="combobox"
+                            style={
+                              {
+                                "opacity": 0,
+                              }
+                            }
+                            type="search"
+                            unselectable="on"
+                            value=""
+                          />
+                          <span
+                            aria-hidden={true}
+                            className="ant-select-selection-search-mirror"
+                          >
+                             
+                          </span>
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  <span
-                    className="ant-select-selection-placeholder"
-                  />
+                    <span
+                      className="ant-select-selection-placeholder"
+                    />
+                  </span>
                 </div>
                 <span
                   aria-hidden={true}
@@ -3291,7 +3380,7 @@ exports[`single fields select field multiple choice with labels 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -3314,10 +3403,10 @@ exports[`single fields select field single choice enumDisabled 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -3325,7 +3414,7 @@ exports[`single fields select field single choice enumDisabled 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -3336,7 +3425,7 @@ exports[`single fields select field single choice enumDisabled 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-select ant-select-outlined ant-select-in-form-item ant-select-has-feedback css-dev-only-do-not-override-1b0bdye ant-select-single ant-select-show-arrow"
+                className="ant-select ant-select-outlined ant-select-in-form-item ant-select-has-feedback css-dev-only-do-not-override-1a3rktk ant-select-single ant-select-show-arrow"
                 name="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
@@ -3355,41 +3444,46 @@ exports[`single fields select field single choice enumDisabled 1`] = `
                   onMouseDown={[Function]}
                 >
                   <span
-                    className="ant-select-selection-search"
+                    className="ant-select-selection-wrap"
                   >
-                    <input
-                      aria-autocomplete="list"
-                      aria-controls="root_list"
-                      aria-describedby="root__error root__description root__help"
-                      aria-expanded={false}
-                      aria-haspopup="listbox"
-                      aria-owns="root_list"
-                      autoComplete="off"
-                      autoFocus={false}
-                      className="ant-select-selection-search-input"
-                      disabled={false}
-                      id="root"
-                      onChange={[Function]}
-                      onCompositionEnd={[Function]}
-                      onCompositionStart={[Function]}
-                      onKeyDown={[Function]}
-                      onMouseDown={[Function]}
-                      onPaste={[Function]}
-                      readOnly={true}
-                      role="combobox"
-                      style={
-                        {
-                          "opacity": 0,
+                    <span
+                      className="ant-select-selection-search"
+                    >
+                      <input
+                        aria-autocomplete="list"
+                        aria-controls="root_list"
+                        aria-describedby="root__error root__description root__help"
+                        aria-expanded={false}
+                        aria-haspopup="listbox"
+                        aria-owns="root_list"
+                        autoComplete="off"
+                        autoFocus={false}
+                        className="ant-select-selection-search-input"
+                        disabled={false}
+                        id="root"
+                        onBlur={[Function]}
+                        onChange={[Function]}
+                        onCompositionEnd={[Function]}
+                        onCompositionStart={[Function]}
+                        onKeyDown={[Function]}
+                        onMouseDown={[Function]}
+                        onPaste={[Function]}
+                        readOnly={true}
+                        role="combobox"
+                        style={
+                          {
+                            "opacity": 0,
+                          }
                         }
-                      }
-                      type="search"
-                      unselectable="on"
-                      value=""
+                        type="search"
+                        unselectable="on"
+                        value=""
+                      />
+                    </span>
+                    <span
+                      className="ant-select-selection-placeholder"
                     />
                   </span>
-                  <span
-                    className="ant-select-selection-placeholder"
-                  />
                 </div>
                 <span
                   aria-hidden={true}
@@ -3431,7 +3525,7 @@ exports[`single fields select field single choice enumDisabled 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -3454,10 +3548,10 @@ exports[`single fields select field single choice enumDisabled using radio widge
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -3465,7 +3559,7 @@ exports[`single fields select field single choice enumDisabled using radio widge
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -3476,13 +3570,14 @@ exports[`single fields select field single choice enumDisabled using radio widge
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-radio-group ant-radio-group-outline css-dev-only-do-not-override-1b0bdye"
+                className="ant-radio-group ant-radio-group-outline css-dev-only-do-not-override-1a3rktk"
                 id="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
               >
                 <label
-                  className="ant-radio-wrapper ant-radio-wrapper-in-form-item css-dev-only-do-not-override-1b0bdye"
+                  className="ant-radio-wrapper ant-radio-wrapper-in-form-item css-dev-only-do-not-override-1a3rktk"
+                  onClick={[Function]}
                   style={{}}
                 >
                   <span
@@ -3496,6 +3591,7 @@ exports[`single fields select field single choice enumDisabled using radio widge
                       id="root-0"
                       name="root"
                       onChange={[Function]}
+                      onClick={[Function]}
                       type="radio"
                       value="0"
                     />
@@ -3503,12 +3599,15 @@ exports[`single fields select field single choice enumDisabled using radio widge
                       className="ant-radio-inner"
                     />
                   </span>
-                  <span>
+                  <span
+                    className="ant-radio-label"
+                  >
                     foo
                   </span>
                 </label>
                 <label
-                  className="ant-radio-wrapper ant-radio-wrapper-disabled ant-radio-wrapper-in-form-item css-dev-only-do-not-override-1b0bdye"
+                  className="ant-radio-wrapper ant-radio-wrapper-disabled ant-radio-wrapper-in-form-item css-dev-only-do-not-override-1a3rktk"
+                  onClick={[Function]}
                   style={{}}
                 >
                   <span
@@ -3522,6 +3621,7 @@ exports[`single fields select field single choice enumDisabled using radio widge
                       id="root-1"
                       name="root"
                       onChange={[Function]}
+                      onClick={[Function]}
                       type="radio"
                       value="1"
                     />
@@ -3529,7 +3629,9 @@ exports[`single fields select field single choice enumDisabled using radio widge
                       className="ant-radio-inner"
                     />
                   </span>
-                  <span>
+                  <span
+                    className="ant-radio-label"
+                  >
                     bar
                   </span>
                 </label>
@@ -3541,7 +3643,7 @@ exports[`single fields select field single choice enumDisabled using radio widge
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -3564,10 +3666,10 @@ exports[`single fields select field single choice form disabled using radio widg
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -3575,7 +3677,7 @@ exports[`single fields select field single choice form disabled using radio widg
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -3586,13 +3688,14 @@ exports[`single fields select field single choice form disabled using radio widg
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-radio-group ant-radio-group-outline css-dev-only-do-not-override-1b0bdye"
+                className="ant-radio-group ant-radio-group-outline css-dev-only-do-not-override-1a3rktk"
                 id="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
               >
                 <label
-                  className="ant-radio-wrapper ant-radio-wrapper-disabled ant-radio-wrapper-in-form-item css-dev-only-do-not-override-1b0bdye"
+                  className="ant-radio-wrapper ant-radio-wrapper-disabled ant-radio-wrapper-in-form-item css-dev-only-do-not-override-1a3rktk"
+                  onClick={[Function]}
                   style={{}}
                 >
                   <span
@@ -3606,6 +3709,7 @@ exports[`single fields select field single choice form disabled using radio widg
                       id="root-0"
                       name="root"
                       onChange={[Function]}
+                      onClick={[Function]}
                       type="radio"
                       value="0"
                     />
@@ -3613,12 +3717,15 @@ exports[`single fields select field single choice form disabled using radio widg
                       className="ant-radio-inner"
                     />
                   </span>
-                  <span>
+                  <span
+                    className="ant-radio-label"
+                  >
                     foo
                   </span>
                 </label>
                 <label
-                  className="ant-radio-wrapper ant-radio-wrapper-disabled ant-radio-wrapper-in-form-item css-dev-only-do-not-override-1b0bdye"
+                  className="ant-radio-wrapper ant-radio-wrapper-disabled ant-radio-wrapper-in-form-item css-dev-only-do-not-override-1a3rktk"
+                  onClick={[Function]}
                   style={{}}
                 >
                   <span
@@ -3632,6 +3739,7 @@ exports[`single fields select field single choice form disabled using radio widg
                       id="root-1"
                       name="root"
                       onChange={[Function]}
+                      onClick={[Function]}
                       type="radio"
                       value="1"
                     />
@@ -3639,7 +3747,9 @@ exports[`single fields select field single choice form disabled using radio widg
                       className="ant-radio-inner"
                     />
                   </span>
-                  <span>
+                  <span
+                    className="ant-radio-label"
+                  >
                     bar
                   </span>
                 </label>
@@ -3651,7 +3761,7 @@ exports[`single fields select field single choice form disabled using radio widg
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={true}
     onClick={[Function]}
     style={{}}
@@ -3674,10 +3784,10 @@ exports[`single fields select field single choice formData 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -3685,7 +3795,7 @@ exports[`single fields select field single choice formData 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -3696,7 +3806,7 @@ exports[`single fields select field single choice formData 1`] = `
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-select ant-select-outlined ant-select-in-form-item ant-select-has-feedback css-dev-only-do-not-override-1b0bdye ant-select-single ant-select-show-arrow"
+                className="ant-select ant-select-outlined ant-select-in-form-item ant-select-has-feedback css-dev-only-do-not-override-1a3rktk ant-select-single ant-select-show-arrow"
                 name="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
@@ -3715,43 +3825,48 @@ exports[`single fields select field single choice formData 1`] = `
                   onMouseDown={[Function]}
                 >
                   <span
-                    className="ant-select-selection-search"
+                    className="ant-select-selection-wrap"
                   >
-                    <input
-                      aria-autocomplete="list"
-                      aria-controls="root_list"
-                      aria-describedby="root__error root__description root__help"
-                      aria-expanded={false}
-                      aria-haspopup="listbox"
-                      aria-owns="root_list"
-                      autoComplete="off"
-                      autoFocus={false}
-                      className="ant-select-selection-search-input"
-                      disabled={false}
-                      id="root"
-                      onChange={[Function]}
-                      onCompositionEnd={[Function]}
-                      onCompositionStart={[Function]}
-                      onKeyDown={[Function]}
-                      onMouseDown={[Function]}
-                      onPaste={[Function]}
-                      readOnly={true}
-                      role="combobox"
-                      style={
-                        {
-                          "opacity": 0,
+                    <span
+                      className="ant-select-selection-search"
+                    >
+                      <input
+                        aria-autocomplete="list"
+                        aria-controls="root_list"
+                        aria-describedby="root__error root__description root__help"
+                        aria-expanded={false}
+                        aria-haspopup="listbox"
+                        aria-owns="root_list"
+                        autoComplete="off"
+                        autoFocus={false}
+                        className="ant-select-selection-search-input"
+                        disabled={false}
+                        id="root"
+                        onBlur={[Function]}
+                        onChange={[Function]}
+                        onCompositionEnd={[Function]}
+                        onCompositionStart={[Function]}
+                        onKeyDown={[Function]}
+                        onMouseDown={[Function]}
+                        onPaste={[Function]}
+                        readOnly={true}
+                        role="combobox"
+                        style={
+                          {
+                            "opacity": 0,
+                          }
                         }
-                      }
-                      type="search"
-                      unselectable="on"
-                      value=""
-                    />
-                  </span>
-                  <span
-                    className="ant-select-selection-item"
-                    title="bar"
-                  >
-                    bar
+                        type="search"
+                        unselectable="on"
+                        value=""
+                      />
+                    </span>
+                    <span
+                      className="ant-select-selection-item"
+                      title="bar"
+                    >
+                      bar
+                    </span>
                   </span>
                 </div>
                 <span
@@ -3794,7 +3909,7 @@ exports[`single fields select field single choice formData 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -3817,10 +3932,10 @@ exports[`single fields select field single choice uiSchema disabled using radio
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -3828,7 +3943,7 @@ exports[`single fields select field single choice uiSchema disabled using radio
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -3839,13 +3954,14 @@ exports[`single fields select field single choice uiSchema disabled using radio
             >
               <div
                 aria-describedby="root__error root__description root__help"
-                className="ant-radio-group ant-radio-group-outline css-dev-only-do-not-override-1b0bdye"
+                className="ant-radio-group ant-radio-group-outline css-dev-only-do-not-override-1a3rktk"
                 id="root"
                 onBlur={[Function]}
                 onFocus={[Function]}
               >
                 <label
-                  className="ant-radio-wrapper ant-radio-wrapper-disabled ant-radio-wrapper-in-form-item css-dev-only-do-not-override-1b0bdye"
+                  className="ant-radio-wrapper ant-radio-wrapper-disabled ant-radio-wrapper-in-form-item css-dev-only-do-not-override-1a3rktk"
+                  onClick={[Function]}
                   style={{}}
                 >
                   <span
@@ -3859,6 +3975,7 @@ exports[`single fields select field single choice uiSchema disabled using radio
                       id="root-0"
                       name="root"
                       onChange={[Function]}
+                      onClick={[Function]}
                       type="radio"
                       value="0"
                     />
@@ -3866,12 +3983,15 @@ exports[`single fields select field single choice uiSchema disabled using radio
                       className="ant-radio-inner"
                     />
                   </span>
-                  <span>
+                  <span
+                    className="ant-radio-label"
+                  >
                     foo
                   </span>
                 </label>
                 <label
-                  className="ant-radio-wrapper ant-radio-wrapper-disabled ant-radio-wrapper-in-form-item css-dev-only-do-not-override-1b0bdye"
+                  className="ant-radio-wrapper ant-radio-wrapper-disabled ant-radio-wrapper-in-form-item css-dev-only-do-not-override-1a3rktk"
+                  onClick={[Function]}
                   style={{}}
                 >
                   <span
@@ -3885,6 +4005,7 @@ exports[`single fields select field single choice uiSchema disabled using radio
                       id="root-1"
                       name="root"
                       onChange={[Function]}
+                      onClick={[Function]}
                       type="radio"
                       value="1"
                     />
@@ -3892,7 +4013,9 @@ exports[`single fields select field single choice uiSchema disabled using radio
                       className="ant-radio-inner"
                     />
                   </span>
-                  <span>
+                  <span
+                    className="ant-radio-label"
+                  >
                     bar
                   </span>
                 </label>
@@ -3904,7 +4027,7 @@ exports[`single fields select field single choice uiSchema disabled using radio
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -3927,10 +4050,10 @@ exports[`single fields slider field 1`] = `
     className="form-group field field-integer"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -3938,7 +4061,7 @@ exports[`single fields slider field 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -3948,7 +4071,8 @@ exports[`single fields slider field 1`] = `
               className="ant-form-item-control-input-content"
             >
               <div
-                className="ant-slider css-dev-only-do-not-override-1b0bdye ant-slider-horizontal"
+                className="ant-slider css-dev-only-do-not-override-1a3rktk ant-slider-horizontal"
+                id="root"
                 onMouseDown={[Function]}
                 style={{}}
               >
@@ -3971,6 +4095,7 @@ exports[`single fields slider field 1`] = `
                   className="ant-slider-step"
                 />
                 <div
+                  aria-describedby="test-id"
                   aria-disabled={false}
                   aria-orientation="horizontal"
                   aria-valuemax={100}
@@ -4004,7 +4129,7 @@ exports[`single fields slider field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -4027,10 +4152,10 @@ exports[`single fields string field format data-url 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -4038,7 +4163,7 @@ exports[`single fields string field format data-url 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -4049,7 +4174,7 @@ exports[`single fields string field format data-url 1`] = `
             >
               <div>
                 <span
-                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                   onClick={[Function]}
                   style={
                     {
@@ -4059,7 +4184,7 @@ exports[`single fields string field format data-url 1`] = `
                 >
                   <input
                     aria-describedby="root__error root__description root__help"
-                    className="ant-input css-dev-only-do-not-override-1b0bdye"
+                    className="ant-input css-dev-only-do-not-override-1a3rktk"
                     disabled={false}
                     id="root"
                     name="root"
@@ -4069,6 +4194,7 @@ exports[`single fields string field format data-url 1`] = `
                     onCompositionStart={[Function]}
                     onFocus={[Function]}
                     onKeyDown={[Function]}
+                    onKeyUp={[Function]}
                     placeholder=""
                     type="file"
                     value=""
@@ -4085,7 +4211,7 @@ exports[`single fields string field format data-url 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -4108,10 +4234,10 @@ exports[`single fields string field format email 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -4119,7 +4245,7 @@ exports[`single fields string field format email 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -4129,7 +4255,7 @@ exports[`single fields string field format email 1`] = `
               className="ant-form-item-control-input-content"
             >
               <span
-                className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                 onClick={[Function]}
                 style={
                   {
@@ -4139,7 +4265,7 @@ exports[`single fields string field format email 1`] = `
               >
                 <input
                   aria-describedby="root__error root__description root__help"
-                  className="ant-input css-dev-only-do-not-override-1b0bdye"
+                  className="ant-input css-dev-only-do-not-override-1a3rktk"
                   disabled={false}
                   id="root"
                   name="root"
@@ -4149,6 +4275,7 @@ exports[`single fields string field format email 1`] = `
                   onCompositionStart={[Function]}
                   onFocus={[Function]}
                   onKeyDown={[Function]}
+                  onKeyUp={[Function]}
                   placeholder=""
                   type="email"
                   value=""
@@ -4164,7 +4291,7 @@ exports[`single fields string field format email 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -4187,10 +4314,10 @@ exports[`single fields string field format uri 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -4198,7 +4325,7 @@ exports[`single fields string field format uri 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -4208,7 +4335,7 @@ exports[`single fields string field format uri 1`] = `
               className="ant-form-item-control-input-content"
             >
               <span
-                className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                 onClick={[Function]}
                 style={
                   {
@@ -4218,7 +4345,7 @@ exports[`single fields string field format uri 1`] = `
               >
                 <input
                   aria-describedby="root__error root__description root__help"
-                  className="ant-input css-dev-only-do-not-override-1b0bdye"
+                  className="ant-input css-dev-only-do-not-override-1a3rktk"
                   disabled={false}
                   id="root"
                   name="root"
@@ -4228,6 +4355,7 @@ exports[`single fields string field format uri 1`] = `
                   onCompositionStart={[Function]}
                   onFocus={[Function]}
                   onKeyDown={[Function]}
+                  onKeyUp={[Function]}
                   placeholder=""
                   type="url"
                   value=""
@@ -4243,7 +4371,7 @@ exports[`single fields string field format uri 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -4266,10 +4394,10 @@ exports[`single fields string field regular 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -4277,7 +4405,7 @@ exports[`single fields string field regular 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -4287,7 +4415,7 @@ exports[`single fields string field regular 1`] = `
               className="ant-form-item-control-input-content"
             >
               <span
-                className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                 onClick={[Function]}
                 style={
                   {
@@ -4297,7 +4425,7 @@ exports[`single fields string field regular 1`] = `
               >
                 <input
                   aria-describedby="root__error root__description root__help"
-                  className="ant-input css-dev-only-do-not-override-1b0bdye"
+                  className="ant-input css-dev-only-do-not-override-1a3rktk"
                   disabled={false}
                   id="root"
                   name="root"
@@ -4307,6 +4435,7 @@ exports[`single fields string field regular 1`] = `
                   onCompositionStart={[Function]}
                   onFocus={[Function]}
                   onKeyDown={[Function]}
+                  onKeyUp={[Function]}
                   placeholder=""
                   type="text"
                   value=""
@@ -4322,7 +4451,7 @@ exports[`single fields string field regular 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -4345,10 +4474,10 @@ exports[`single fields string field with placeholder 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -4356,7 +4485,7 @@ exports[`single fields string field with placeholder 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -4366,7 +4495,7 @@ exports[`single fields string field with placeholder 1`] = `
               className="ant-form-item-control-input-content"
             >
               <span
-                className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                 onClick={[Function]}
                 style={
                   {
@@ -4376,7 +4505,7 @@ exports[`single fields string field with placeholder 1`] = `
               >
                 <input
                   aria-describedby="root__error root__description root__help"
-                  className="ant-input css-dev-only-do-not-override-1b0bdye"
+                  className="ant-input css-dev-only-do-not-override-1a3rktk"
                   disabled={false}
                   id="root"
                   name="root"
@@ -4386,6 +4515,7 @@ exports[`single fields string field with placeholder 1`] = `
                   onCompositionStart={[Function]}
                   onFocus={[Function]}
                   onKeyDown={[Function]}
+                  onKeyUp={[Function]}
                   placeholder="placeholder"
                   type="text"
                   value=""
@@ -4401,7 +4531,7 @@ exports[`single fields string field with placeholder 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -4424,10 +4554,10 @@ exports[`single fields textarea field 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -4435,7 +4565,7 @@ exports[`single fields textarea field 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -4445,7 +4575,7 @@ exports[`single fields textarea field 1`] = `
               className="ant-form-item-control-input-content"
             >
               <span
-                className="ant-input-affix-wrapper ant-input-textarea-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                className="ant-input-affix-wrapper ant-input-textarea-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                 onClick={[Function]}
                 style={
                   {
@@ -4455,7 +4585,7 @@ exports[`single fields textarea field 1`] = `
               >
                 <textarea
                   aria-describedby="root__error root__description root__help"
-                  className="ant-input css-dev-only-do-not-override-1b0bdye"
+                  className="ant-input css-dev-only-do-not-override-1a3rktk"
                   disabled={false}
                   id="root"
                   name="root"
@@ -4465,6 +4595,7 @@ exports[`single fields textarea field 1`] = `
                   onCompositionStart={[Function]}
                   onFocus={[Function]}
                   onKeyDown={[Function]}
+                  onMouseDown={[Function]}
                   placeholder=""
                   rows={4}
                   style={
@@ -4490,7 +4621,7 @@ exports[`single fields textarea field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -4513,10 +4644,10 @@ exports[`single fields title field 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -4524,7 +4655,7 @@ exports[`single fields title field 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -4537,7 +4668,7 @@ exports[`single fields title field 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -4547,7 +4678,7 @@ exports[`single fields title field 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -4565,7 +4696,7 @@ exports[`single fields title field 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -4577,10 +4708,10 @@ exports[`single fields title field 1`] = `
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                        className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                       >
                         <div
-                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "rowGap": undefined,
@@ -4588,7 +4719,7 @@ exports[`single fields title field 1`] = `
                           }
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <label
@@ -4600,7 +4731,7 @@ exports[`single fields title field 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <div
@@ -4610,7 +4741,7 @@ exports[`single fields title field 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <span
-                                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -4620,7 +4751,7 @@ exports[`single fields title field 1`] = `
                                 >
                                   <input
                                     aria-describedby="root_title__error root_title__description root_title__help"
-                                    className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                    className="ant-input css-dev-only-do-not-override-1a3rktk"
                                     disabled={false}
                                     id="root_title"
                                     name="root_title"
@@ -4630,6 +4761,7 @@ exports[`single fields title field 1`] = `
                                     onCompositionStart={[Function]}
                                     onFocus={[Function]}
                                     onKeyDown={[Function]}
+                                    onKeyUp={[Function]}
                                     placeholder=""
                                     type="text"
                                     value=""
@@ -4654,7 +4786,7 @@ exports[`single fields title field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -4677,10 +4809,10 @@ exports[`single fields unsupported field 1`] = `
     className="form-group field field-undefined"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -4688,7 +4820,7 @@ exports[`single fields unsupported field 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -4724,7 +4856,7 @@ exports[`single fields unsupported field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -4747,10 +4879,10 @@ exports[`single fields up/down field 1`] = `
     className="form-group field field-number"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -4758,7 +4890,7 @@ exports[`single fields up/down field 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -4768,7 +4900,7 @@ exports[`single fields up/down field 1`] = `
               className="ant-form-item-control-input-content"
             >
               <div
-                className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-number-outlined ant-input-number-has-feedback"
+                className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-number-outlined ant-input-number-has-feedback"
                 onClick={[Function]}
                 style={
                   {
@@ -4777,7 +4909,7 @@ exports[`single fields up/down field 1`] = `
                 }
               >
                 <div
-                  className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1b0bdye"
+                  className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1a3rktk"
                   onBeforeInput={[Function]}
                   onBlur={[Function]}
                   onCompositionEnd={[Function]}
@@ -4883,7 +5015,7 @@ exports[`single fields up/down field 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -4906,10 +5038,10 @@ exports[`single fields using custom tagName 1`] = `
     className="form-group field field-string"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -4917,7 +5049,7 @@ exports[`single fields using custom tagName 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -4927,7 +5059,7 @@ exports[`single fields using custom tagName 1`] = `
               className="ant-form-item-control-input-content"
             >
               <span
-                className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                 onClick={[Function]}
                 style={
                   {
@@ -4937,7 +5069,7 @@ exports[`single fields using custom tagName 1`] = `
               >
                 <input
                   aria-describedby="root__error root__description root__help"
-                  className="ant-input css-dev-only-do-not-override-1b0bdye"
+                  className="ant-input css-dev-only-do-not-override-1a3rktk"
                   disabled={false}
                   id="root"
                   name="root"
@@ -4947,6 +5079,7 @@ exports[`single fields using custom tagName 1`] = `
                   onCompositionStart={[Function]}
                   onFocus={[Function]}
                   onKeyDown={[Function]}
+                  onKeyUp={[Function]}
                   placeholder=""
                   type="text"
                   value=""
@@ -4962,7 +5095,7 @@ exports[`single fields using custom tagName 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
diff --git a/packages/antd/test/__snapshots__/Object.test.tsx.snap b/packages/antd/test/__snapshots__/Object.test.tsx.snap
index 9387e22d46..f75438abd3 100644
--- a/packages/antd/test/__snapshots__/Object.test.tsx.snap
+++ b/packages/antd/test/__snapshots__/Object.test.tsx.snap
@@ -10,10 +10,10 @@ exports[`object fields additionalProperties 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -21,7 +21,7 @@ exports[`object fields additionalProperties 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -34,7 +34,7 @@ exports[`object fields additionalProperties 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -44,7 +44,7 @@ exports[`object fields additionalProperties 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -56,7 +56,7 @@ exports[`object fields additionalProperties 1`] = `
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                        className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "marginLeft": -12,
@@ -66,7 +66,7 @@ exports[`object fields additionalProperties 1`] = `
                         }
                       >
                         <div
-                          className="ant-col form-additional css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col form-additional css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "1",
@@ -79,10 +79,10 @@ exports[`object fields additionalProperties 1`] = `
                             className="form-group"
                           >
                             <div
-                              className="ant-form-item form-group css-dev-only-do-not-override-1b0bdye"
+                              className="ant-form-item form-group css-dev-only-do-not-override-1a3rktk"
                             >
                               <div
-                                className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                                className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                                 style={
                                   {
                                     "rowGap": undefined,
@@ -90,7 +90,7 @@ exports[`object fields additionalProperties 1`] = `
                                 }
                               >
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                   style={{}}
                                 >
                                   <label
@@ -102,7 +102,7 @@ exports[`object fields additionalProperties 1`] = `
                                   </label>
                                 </div>
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                   style={{}}
                                 >
                                   <div
@@ -112,7 +112,7 @@ exports[`object fields additionalProperties 1`] = `
                                       className="ant-form-item-control-input-content"
                                     >
                                       <span
-                                        className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined form-control"
+                                        className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined form-control"
                                         onClick={[Function]}
                                         style={
                                           {
@@ -121,7 +121,7 @@ exports[`object fields additionalProperties 1`] = `
                                         }
                                       >
                                         <input
-                                          className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                          className="ant-input css-dev-only-do-not-override-1a3rktk"
                                           disabled={false}
                                           id="root_foo-key"
                                           name="root_foo-key"
@@ -131,6 +131,7 @@ exports[`object fields additionalProperties 1`] = `
                                           onCompositionStart={[Function]}
                                           onFocus={[Function]}
                                           onKeyDown={[Function]}
+                                          onKeyUp={[Function]}
                                           type="text"
                                           value="foo"
                                         />
@@ -146,7 +147,7 @@ exports[`object fields additionalProperties 1`] = `
                           </div>
                         </div>
                         <div
-                          className="ant-col form-additional css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col form-additional css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "1",
@@ -156,10 +157,10 @@ exports[`object fields additionalProperties 1`] = `
                           }
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -167,7 +168,7 @@ exports[`object fields additionalProperties 1`] = `
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <label
@@ -179,7 +180,7 @@ exports[`object fields additionalProperties 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -189,7 +190,7 @@ exports[`object fields additionalProperties 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -199,7 +200,7 @@ exports[`object fields additionalProperties 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_foo__error root_foo__description root_foo__help"
-                                        className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input css-dev-only-do-not-override-1a3rktk"
                                         disabled={false}
                                         id="root_foo"
                                         name="root_foo"
@@ -209,6 +210,7 @@ exports[`object fields additionalProperties 1`] = `
                                         onCompositionStart={[Function]}
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
+                                        onKeyUp={[Function]}
                                         placeholder=""
                                         type="text"
                                         value="foo"
@@ -224,7 +226,7 @@ exports[`object fields additionalProperties 1`] = `
                           </div>
                         </div>
                         <div
-                          className="ant-col css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "0 0 192px",
@@ -234,7 +236,7 @@ exports[`object fields additionalProperties 1`] = `
                           }
                         >
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-dangerous ant-btn-color-dangerous ant-btn-variant-solid ant-btn-icon-only ant-btn-block array-item-remove"
                             disabled={false}
                             onClick={[Function]}
                             style={{}}
@@ -272,11 +274,11 @@ exports[`object fields additionalProperties 1`] = `
                   </div>
                 </div>
                 <div
-                  className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                  className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                   style={{}}
                 >
                   <div
-                    className="ant-row ant-row-end css-dev-only-do-not-override-1b0bdye"
+                    className="ant-row ant-row-end css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "marginLeft": -12,
@@ -286,7 +288,7 @@ exports[`object fields additionalProperties 1`] = `
                     }
                   >
                     <div
-                      className="ant-col css-dev-only-do-not-override-1b0bdye"
+                      className="ant-col css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "flex": "0 0 192px",
@@ -296,7 +298,7 @@ exports[`object fields additionalProperties 1`] = `
                       }
                     >
                       <button
-                        className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
+                        className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-btn-block object-property-expand"
                         disabled={false}
                         onClick={[Function]}
                         style={{}}
@@ -342,7 +344,7 @@ exports[`object fields additionalProperties 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -365,10 +367,10 @@ exports[`object fields object 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -376,7 +378,7 @@ exports[`object fields object 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -389,7 +391,7 @@ exports[`object fields object 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -399,7 +401,7 @@ exports[`object fields object 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -411,10 +413,10 @@ exports[`object fields object 1`] = `
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                        className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                       >
                         <div
-                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "rowGap": undefined,
@@ -422,7 +424,7 @@ exports[`object fields object 1`] = `
                           }
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <label
@@ -434,7 +436,7 @@ exports[`object fields object 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <div
@@ -444,7 +446,7 @@ exports[`object fields object 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <span
-                                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -454,7 +456,7 @@ exports[`object fields object 1`] = `
                                 >
                                   <input
                                     aria-describedby="root_a__error root_a__description root_a__help"
-                                    className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                    className="ant-input css-dev-only-do-not-override-1a3rktk"
                                     disabled={false}
                                     id="root_a"
                                     name="root_a"
@@ -464,6 +466,7 @@ exports[`object fields object 1`] = `
                                     onCompositionStart={[Function]}
                                     onFocus={[Function]}
                                     onKeyDown={[Function]}
+                                    onKeyUp={[Function]}
                                     placeholder=""
                                     type="text"
                                     value=""
@@ -480,7 +483,7 @@ exports[`object fields object 1`] = `
                     </div>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -492,10 +495,10 @@ exports[`object fields object 1`] = `
                       className="form-group field field-number"
                     >
                       <div
-                        className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                        className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                       >
                         <div
-                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "rowGap": undefined,
@@ -503,7 +506,7 @@ exports[`object fields object 1`] = `
                           }
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <label
@@ -515,7 +518,7 @@ exports[`object fields object 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <div
@@ -525,7 +528,7 @@ exports[`object fields object 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <div
-                                  className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-number-outlined ant-input-number-has-feedback"
+                                  className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-number-outlined ant-input-number-has-feedback"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -534,7 +537,7 @@ exports[`object fields object 1`] = `
                                   }
                                 >
                                   <div
-                                    className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1b0bdye"
+                                    className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1a3rktk"
                                     onBeforeInput={[Function]}
                                     onBlur={[Function]}
                                     onCompositionEnd={[Function]}
@@ -649,7 +652,7 @@ exports[`object fields object 1`] = `
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -672,10 +675,10 @@ exports[`object fields show add button and fields if additionalProperties is tru
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -683,7 +686,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -696,7 +699,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -706,7 +709,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -718,7 +721,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                        className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "marginLeft": -12,
@@ -728,7 +731,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                         }
                       >
                         <div
-                          className="ant-col form-additional css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col form-additional css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "1",
@@ -741,10 +744,10 @@ exports[`object fields show add button and fields if additionalProperties is tru
                             className="form-group"
                           >
                             <div
-                              className="ant-form-item form-group css-dev-only-do-not-override-1b0bdye"
+                              className="ant-form-item form-group css-dev-only-do-not-override-1a3rktk"
                             >
                               <div
-                                className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                                className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                                 style={
                                   {
                                     "rowGap": undefined,
@@ -752,7 +755,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                                 }
                               >
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                   style={{}}
                                 >
                                   <label
@@ -764,7 +767,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                                   </label>
                                 </div>
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                   style={{}}
                                 >
                                   <div
@@ -774,7 +777,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                                       className="ant-form-item-control-input-content"
                                     >
                                       <span
-                                        className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined form-control"
+                                        className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined form-control"
                                         onClick={[Function]}
                                         style={
                                           {
@@ -783,7 +786,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                                         }
                                       >
                                         <input
-                                          className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                          className="ant-input css-dev-only-do-not-override-1a3rktk"
                                           disabled={false}
                                           id="root_additionalProperty-key"
                                           name="root_additionalProperty-key"
@@ -793,6 +796,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                                           onCompositionStart={[Function]}
                                           onFocus={[Function]}
                                           onKeyDown={[Function]}
+                                          onKeyUp={[Function]}
                                           type="text"
                                           value="additionalProperty"
                                         />
@@ -808,7 +812,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                           </div>
                         </div>
                         <div
-                          className="ant-col form-additional css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col form-additional css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "1",
@@ -818,10 +822,10 @@ exports[`object fields show add button and fields if additionalProperties is tru
                           }
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -829,7 +833,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <label
@@ -841,7 +845,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -851,7 +855,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -861,7 +865,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                                     >
                                       <input
                                         aria-describedby="root_additionalProperty__error root_additionalProperty__description root_additionalProperty__help"
-                                        className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input css-dev-only-do-not-override-1a3rktk"
                                         disabled={false}
                                         id="root_additionalProperty"
                                         name="root_additionalProperty"
@@ -871,6 +875,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                                         onCompositionStart={[Function]}
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
+                                        onKeyUp={[Function]}
                                         placeholder=""
                                         type="text"
                                         value="should appear"
@@ -886,7 +891,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                           </div>
                         </div>
                         <div
-                          className="ant-col css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "0 0 192px",
@@ -896,7 +901,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                           }
                         >
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-dangerous ant-btn-color-dangerous ant-btn-variant-solid ant-btn-icon-only ant-btn-block array-item-remove"
                             disabled={false}
                             onClick={[Function]}
                             style={{}}
@@ -934,11 +939,11 @@ exports[`object fields show add button and fields if additionalProperties is tru
                   </div>
                 </div>
                 <div
-                  className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                  className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                   style={{}}
                 >
                   <div
-                    className="ant-row ant-row-end css-dev-only-do-not-override-1b0bdye"
+                    className="ant-row ant-row-end css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "marginLeft": -12,
@@ -948,7 +953,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                     }
                   >
                     <div
-                      className="ant-col css-dev-only-do-not-override-1b0bdye"
+                      className="ant-col css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "flex": "0 0 192px",
@@ -958,7 +963,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
                       }
                     >
                       <button
-                        className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
+                        className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-btn-block object-property-expand"
                         disabled={false}
                         onClick={[Function]}
                         style={{}}
@@ -1004,7 +1009,7 @@ exports[`object fields show add button and fields if additionalProperties is tru
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -1027,10 +1032,10 @@ exports[`object fields with title and description additionalProperties 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -1038,7 +1043,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -1051,7 +1056,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -1061,7 +1066,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1079,7 +1084,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -1095,7 +1100,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1107,7 +1112,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                        className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "marginLeft": -12,
@@ -1117,7 +1122,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                         }
                       >
                         <div
-                          className="ant-col form-additional css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col form-additional css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "1",
@@ -1130,10 +1135,10 @@ exports[`object fields with title and description additionalProperties 1`] = `
                             className="form-group"
                           >
                             <div
-                              className="ant-form-item form-group css-dev-only-do-not-override-1b0bdye"
+                              className="ant-form-item form-group css-dev-only-do-not-override-1a3rktk"
                             >
                               <div
-                                className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                                className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                                 style={
                                   {
                                     "rowGap": undefined,
@@ -1141,7 +1146,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                                 }
                               >
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                   style={{}}
                                 >
                                   <label
@@ -1153,7 +1158,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                                   </label>
                                 </div>
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                   style={{}}
                                 >
                                   <div
@@ -1163,7 +1168,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                                       className="ant-form-item-control-input-content"
                                     >
                                       <span
-                                        className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined form-control"
+                                        className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined form-control"
                                         onClick={[Function]}
                                         style={
                                           {
@@ -1172,7 +1177,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                                         }
                                       >
                                         <input
-                                          className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                          className="ant-input css-dev-only-do-not-override-1a3rktk"
                                           disabled={false}
                                           id="root_foo-key"
                                           name="root_foo-key"
@@ -1182,6 +1187,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                                           onCompositionStart={[Function]}
                                           onFocus={[Function]}
                                           onKeyDown={[Function]}
+                                          onKeyUp={[Function]}
                                           type="text"
                                           value="foo"
                                         />
@@ -1197,7 +1203,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                           </div>
                         </div>
                         <div
-                          className="ant-col form-additional css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col form-additional css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "1",
@@ -1207,10 +1213,10 @@ exports[`object fields with title and description additionalProperties 1`] = `
                           }
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -1218,7 +1224,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <label
@@ -1230,7 +1236,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -1240,7 +1246,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -1250,7 +1256,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                                     >
                                       <input
                                         aria-describedby="root_foo__error root_foo__description root_foo__help"
-                                        className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input css-dev-only-do-not-override-1a3rktk"
                                         disabled={false}
                                         id="root_foo"
                                         name="root_foo"
@@ -1260,6 +1266,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                                         onCompositionStart={[Function]}
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
+                                        onKeyUp={[Function]}
                                         placeholder=""
                                         type="text"
                                         value="foo"
@@ -1275,7 +1282,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                           </div>
                         </div>
                         <div
-                          className="ant-col css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "0 0 192px",
@@ -1285,7 +1292,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                           }
                         >
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-dangerous ant-btn-color-dangerous ant-btn-variant-solid ant-btn-icon-only ant-btn-block array-item-remove"
                             disabled={false}
                             onClick={[Function]}
                             style={{}}
@@ -1323,11 +1330,11 @@ exports[`object fields with title and description additionalProperties 1`] = `
                   </div>
                 </div>
                 <div
-                  className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                  className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                   style={{}}
                 >
                   <div
-                    className="ant-row ant-row-end css-dev-only-do-not-override-1b0bdye"
+                    className="ant-row ant-row-end css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "marginLeft": -12,
@@ -1337,7 +1344,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                     }
                   >
                     <div
-                      className="ant-col css-dev-only-do-not-override-1b0bdye"
+                      className="ant-col css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "flex": "0 0 192px",
@@ -1347,7 +1354,7 @@ exports[`object fields with title and description additionalProperties 1`] = `
                       }
                     >
                       <button
-                        className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
+                        className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-btn-block object-property-expand"
                         disabled={false}
                         onClick={[Function]}
                         style={{}}
@@ -1389,20 +1396,25 @@ exports[`object fields with title and description additionalProperties 1`] = `
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a test description
-            </span>
+              <span
+                id="root__description"
+              >
+                a test description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -1425,10 +1437,10 @@ exports[`object fields with title and description from both additionalProperties
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -1436,7 +1448,7 @@ exports[`object fields with title and description from both additionalProperties
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -1449,7 +1461,7 @@ exports[`object fields with title and description from both additionalProperties
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -1459,7 +1471,7 @@ exports[`object fields with title and description from both additionalProperties
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1477,7 +1489,7 @@ exports[`object fields with title and description from both additionalProperties
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -1493,7 +1505,7 @@ exports[`object fields with title and description from both additionalProperties
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1505,7 +1517,7 @@ exports[`object fields with title and description from both additionalProperties
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                        className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "marginLeft": -12,
@@ -1515,7 +1527,7 @@ exports[`object fields with title and description from both additionalProperties
                         }
                       >
                         <div
-                          className="ant-col form-additional css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col form-additional css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "1",
@@ -1528,10 +1540,10 @@ exports[`object fields with title and description from both additionalProperties
                             className="form-group"
                           >
                             <div
-                              className="ant-form-item form-group css-dev-only-do-not-override-1b0bdye"
+                              className="ant-form-item form-group css-dev-only-do-not-override-1a3rktk"
                             >
                               <div
-                                className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                                className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                                 style={
                                   {
                                     "rowGap": undefined,
@@ -1539,7 +1551,7 @@ exports[`object fields with title and description from both additionalProperties
                                 }
                               >
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                   style={{}}
                                 >
                                   <label
@@ -1551,7 +1563,7 @@ exports[`object fields with title and description from both additionalProperties
                                   </label>
                                 </div>
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                   style={{}}
                                 >
                                   <div
@@ -1561,7 +1573,7 @@ exports[`object fields with title and description from both additionalProperties
                                       className="ant-form-item-control-input-content"
                                     >
                                       <span
-                                        className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined form-control"
+                                        className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined form-control"
                                         onClick={[Function]}
                                         style={
                                           {
@@ -1570,7 +1582,7 @@ exports[`object fields with title and description from both additionalProperties
                                         }
                                       >
                                         <input
-                                          className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                          className="ant-input css-dev-only-do-not-override-1a3rktk"
                                           disabled={false}
                                           id="root_foo-key"
                                           name="root_foo-key"
@@ -1580,6 +1592,7 @@ exports[`object fields with title and description from both additionalProperties
                                           onCompositionStart={[Function]}
                                           onFocus={[Function]}
                                           onKeyDown={[Function]}
+                                          onKeyUp={[Function]}
                                           type="text"
                                           value="foo"
                                         />
@@ -1595,7 +1608,7 @@ exports[`object fields with title and description from both additionalProperties
                           </div>
                         </div>
                         <div
-                          className="ant-col form-additional css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col form-additional css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "1",
@@ -1605,10 +1618,10 @@ exports[`object fields with title and description from both additionalProperties
                           }
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -1616,7 +1629,7 @@ exports[`object fields with title and description from both additionalProperties
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <label
@@ -1628,7 +1641,7 @@ exports[`object fields with title and description from both additionalProperties
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -1638,7 +1651,7 @@ exports[`object fields with title and description from both additionalProperties
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -1648,7 +1661,7 @@ exports[`object fields with title and description from both additionalProperties
                                     >
                                       <input
                                         aria-describedby="root_foo__error root_foo__description root_foo__help"
-                                        className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input css-dev-only-do-not-override-1a3rktk"
                                         disabled={false}
                                         id="root_foo"
                                         name="root_foo"
@@ -1658,6 +1671,7 @@ exports[`object fields with title and description from both additionalProperties
                                         onCompositionStart={[Function]}
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
+                                        onKeyUp={[Function]}
                                         placeholder=""
                                         type="text"
                                         value="foo"
@@ -1673,7 +1687,7 @@ exports[`object fields with title and description from both additionalProperties
                           </div>
                         </div>
                         <div
-                          className="ant-col css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "0 0 192px",
@@ -1683,7 +1697,7 @@ exports[`object fields with title and description from both additionalProperties
                           }
                         >
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-dangerous ant-btn-color-dangerous ant-btn-variant-solid ant-btn-icon-only ant-btn-block array-item-remove"
                             disabled={false}
                             onClick={[Function]}
                             style={{}}
@@ -1721,11 +1735,11 @@ exports[`object fields with title and description from both additionalProperties
                   </div>
                 </div>
                 <div
-                  className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                  className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                   style={{}}
                 >
                   <div
-                    className="ant-row ant-row-end css-dev-only-do-not-override-1b0bdye"
+                    className="ant-row ant-row-end css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "marginLeft": -12,
@@ -1735,7 +1749,7 @@ exports[`object fields with title and description from both additionalProperties
                     }
                   >
                     <div
-                      className="ant-col css-dev-only-do-not-override-1b0bdye"
+                      className="ant-col css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "flex": "0 0 192px",
@@ -1745,7 +1759,7 @@ exports[`object fields with title and description from both additionalProperties
                       }
                     >
                       <button
-                        className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
+                        className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-btn-block object-property-expand"
                         disabled={false}
                         onClick={[Function]}
                         style={{}}
@@ -1787,20 +1801,25 @@ exports[`object fields with title and description from both additionalProperties
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a fancier description
-            </span>
+              <span
+                id="root__description"
+              >
+                a fancier description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -1823,10 +1842,10 @@ exports[`object fields with title and description from both object 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -1834,7 +1853,7 @@ exports[`object fields with title and description from both object 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -1847,7 +1866,7 @@ exports[`object fields with title and description from both object 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -1857,7 +1876,7 @@ exports[`object fields with title and description from both object 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1875,7 +1894,7 @@ exports[`object fields with title and description from both object 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -1891,7 +1910,7 @@ exports[`object fields with title and description from both object 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1903,10 +1922,10 @@ exports[`object fields with title and description from both object 1`] = `
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                        className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                       >
                         <div
-                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "rowGap": undefined,
@@ -1914,7 +1933,7 @@ exports[`object fields with title and description from both object 1`] = `
                           }
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <label
@@ -1926,7 +1945,7 @@ exports[`object fields with title and description from both object 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <div
@@ -1936,7 +1955,7 @@ exports[`object fields with title and description from both object 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <span
-                                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -1946,7 +1965,7 @@ exports[`object fields with title and description from both object 1`] = `
                                 >
                                   <input
                                     aria-describedby="root_a__error root_a__description root_a__help"
-                                    className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                    className="ant-input css-dev-only-do-not-override-1a3rktk"
                                     disabled={false}
                                     id="root_a"
                                     name="root_a"
@@ -1956,6 +1975,7 @@ exports[`object fields with title and description from both object 1`] = `
                                     onCompositionStart={[Function]}
                                     onFocus={[Function]}
                                     onKeyDown={[Function]}
+                                    onKeyUp={[Function]}
                                     placeholder=""
                                     type="text"
                                     value=""
@@ -1967,13 +1987,18 @@ exports[`object fields with title and description from both object 1`] = `
                               </div>
                             </div>
                             <div
-                              className="ant-form-item-extra"
+                              className="ant-form-item-additional"
+                              style={{}}
                             >
-                              <span
-                                id="root_a__description"
+                              <div
+                                className="ant-form-item-extra"
                               >
-                                a fancier item A description
-                              </span>
+                                <span
+                                  id="root_a__description"
+                                >
+                                  a fancier item A description
+                                </span>
+                              </div>
                             </div>
                           </div>
                         </div>
@@ -1981,7 +2006,7 @@ exports[`object fields with title and description from both object 1`] = `
                     </div>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -1993,10 +2018,10 @@ exports[`object fields with title and description from both object 1`] = `
                       className="form-group field field-number"
                     >
                       <div
-                        className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                        className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                       >
                         <div
-                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "rowGap": undefined,
@@ -2004,7 +2029,7 @@ exports[`object fields with title and description from both object 1`] = `
                           }
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <label
@@ -2016,7 +2041,7 @@ exports[`object fields with title and description from both object 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <div
@@ -2026,7 +2051,7 @@ exports[`object fields with title and description from both object 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <div
-                                  className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-number-outlined ant-input-number-has-feedback"
+                                  className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-number-outlined ant-input-number-has-feedback"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -2035,7 +2060,7 @@ exports[`object fields with title and description from both object 1`] = `
                                   }
                                 >
                                   <div
-                                    className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1b0bdye"
+                                    className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1a3rktk"
                                     onBeforeInput={[Function]}
                                     onBlur={[Function]}
                                     onCompositionEnd={[Function]}
@@ -2137,13 +2162,18 @@ exports[`object fields with title and description from both object 1`] = `
                               </div>
                             </div>
                             <div
-                              className="ant-form-item-extra"
+                              className="ant-form-item-additional"
+                              style={{}}
                             >
-                              <span
-                                id="root_b__description"
+                              <div
+                                className="ant-form-item-extra"
                               >
-                                a fancier item B description
-                              </span>
+                                <span
+                                  id="root_b__description"
+                                >
+                                  a fancier item B description
+                                </span>
+                              </div>
                             </div>
                           </div>
                         </div>
@@ -2155,20 +2185,25 @@ exports[`object fields with title and description from both object 1`] = `
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a fancier description
-            </span>
+              <span
+                id="root__description"
+              >
+                a fancier description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -2191,10 +2226,10 @@ exports[`object fields with title and description from uiSchema additionalProper
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -2202,7 +2237,7 @@ exports[`object fields with title and description from uiSchema additionalProper
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -2215,7 +2250,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -2225,7 +2260,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -2243,7 +2278,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -2259,7 +2294,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -2271,7 +2306,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                        className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "marginLeft": -12,
@@ -2281,7 +2316,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                         }
                       >
                         <div
-                          className="ant-col form-additional css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col form-additional css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "1",
@@ -2294,10 +2329,10 @@ exports[`object fields with title and description from uiSchema additionalProper
                             className="form-group"
                           >
                             <div
-                              className="ant-form-item form-group css-dev-only-do-not-override-1b0bdye"
+                              className="ant-form-item form-group css-dev-only-do-not-override-1a3rktk"
                             >
                               <div
-                                className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                                className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                                 style={
                                   {
                                     "rowGap": undefined,
@@ -2305,7 +2340,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                                 }
                               >
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                   style={{}}
                                 >
                                   <label
@@ -2317,7 +2352,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                                   </label>
                                 </div>
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                   style={{}}
                                 >
                                   <div
@@ -2327,7 +2362,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                                       className="ant-form-item-control-input-content"
                                     >
                                       <span
-                                        className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined form-control"
+                                        className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined form-control"
                                         onClick={[Function]}
                                         style={
                                           {
@@ -2336,7 +2371,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                                         }
                                       >
                                         <input
-                                          className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                          className="ant-input css-dev-only-do-not-override-1a3rktk"
                                           disabled={false}
                                           id="root_foo-key"
                                           name="root_foo-key"
@@ -2346,6 +2381,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                                           onCompositionStart={[Function]}
                                           onFocus={[Function]}
                                           onKeyDown={[Function]}
+                                          onKeyUp={[Function]}
                                           type="text"
                                           value="foo"
                                         />
@@ -2361,7 +2397,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                           </div>
                         </div>
                         <div
-                          className="ant-col form-additional css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col form-additional css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "1",
@@ -2371,10 +2407,10 @@ exports[`object fields with title and description from uiSchema additionalProper
                           }
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -2382,7 +2418,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <label
@@ -2394,7 +2430,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -2404,7 +2440,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -2414,7 +2450,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                                     >
                                       <input
                                         aria-describedby="root_foo__error root_foo__description root_foo__help"
-                                        className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input css-dev-only-do-not-override-1a3rktk"
                                         disabled={false}
                                         id="root_foo"
                                         name="root_foo"
@@ -2424,6 +2460,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                                         onCompositionStart={[Function]}
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
+                                        onKeyUp={[Function]}
                                         placeholder=""
                                         type="text"
                                         value="foo"
@@ -2439,7 +2476,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                           </div>
                         </div>
                         <div
-                          className="ant-col css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "0 0 192px",
@@ -2449,7 +2486,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                           }
                         >
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-dangerous ant-btn-color-dangerous ant-btn-variant-solid ant-btn-icon-only ant-btn-block array-item-remove"
                             disabled={false}
                             onClick={[Function]}
                             style={{}}
@@ -2487,11 +2524,11 @@ exports[`object fields with title and description from uiSchema additionalProper
                   </div>
                 </div>
                 <div
-                  className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                  className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                   style={{}}
                 >
                   <div
-                    className="ant-row ant-row-end css-dev-only-do-not-override-1b0bdye"
+                    className="ant-row ant-row-end css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "marginLeft": -12,
@@ -2501,7 +2538,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                     }
                   >
                     <div
-                      className="ant-col css-dev-only-do-not-override-1b0bdye"
+                      className="ant-col css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "flex": "0 0 192px",
@@ -2511,7 +2548,7 @@ exports[`object fields with title and description from uiSchema additionalProper
                       }
                     >
                       <button
-                        className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
+                        className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-btn-block object-property-expand"
                         disabled={false}
                         onClick={[Function]}
                         style={{}}
@@ -2553,20 +2590,25 @@ exports[`object fields with title and description from uiSchema additionalProper
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a fancier description
-            </span>
+              <span
+                id="root__description"
+              >
+                a fancier description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -2589,10 +2631,10 @@ exports[`object fields with title and description from uiSchema object 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -2600,7 +2642,7 @@ exports[`object fields with title and description from uiSchema object 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -2613,7 +2655,7 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -2623,7 +2665,7 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -2641,7 +2683,7 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -2657,7 +2699,7 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -2669,10 +2711,10 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                        className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                       >
                         <div
-                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "rowGap": undefined,
@@ -2680,7 +2722,7 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                           }
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <label
@@ -2692,7 +2734,7 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <div
@@ -2702,7 +2744,7 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <span
-                                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -2712,7 +2754,7 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                                 >
                                   <input
                                     aria-describedby="root_a__error root_a__description root_a__help"
-                                    className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                    className="ant-input css-dev-only-do-not-override-1a3rktk"
                                     disabled={false}
                                     id="root_a"
                                     name="root_a"
@@ -2722,6 +2764,7 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                                     onCompositionStart={[Function]}
                                     onFocus={[Function]}
                                     onKeyDown={[Function]}
+                                    onKeyUp={[Function]}
                                     placeholder=""
                                     type="text"
                                     value=""
@@ -2733,13 +2776,18 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                               </div>
                             </div>
                             <div
-                              className="ant-form-item-extra"
+                              className="ant-form-item-additional"
+                              style={{}}
                             >
-                              <span
-                                id="root_a__description"
+                              <div
+                                className="ant-form-item-extra"
                               >
-                                a fancier item A description
-                              </span>
+                                <span
+                                  id="root_a__description"
+                                >
+                                  a fancier item A description
+                                </span>
+                              </div>
                             </div>
                           </div>
                         </div>
@@ -2747,7 +2795,7 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                     </div>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -2759,10 +2807,10 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                       className="form-group field field-number"
                     >
                       <div
-                        className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                        className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                       >
                         <div
-                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "rowGap": undefined,
@@ -2770,7 +2818,7 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                           }
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <label
@@ -2782,7 +2830,7 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <div
@@ -2792,7 +2840,7 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <div
-                                  className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-number-outlined ant-input-number-has-feedback"
+                                  className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-number-outlined ant-input-number-has-feedback"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -2801,7 +2849,7 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                                   }
                                 >
                                   <div
-                                    className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1b0bdye"
+                                    className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1a3rktk"
                                     onBeforeInput={[Function]}
                                     onBlur={[Function]}
                                     onCompositionEnd={[Function]}
@@ -2903,13 +2951,18 @@ exports[`object fields with title and description from uiSchema object 1`] = `
                               </div>
                             </div>
                             <div
-                              className="ant-form-item-extra"
+                              className="ant-form-item-additional"
+                              style={{}}
                             >
-                              <span
-                                id="root_b__description"
+                              <div
+                                className="ant-form-item-extra"
                               >
-                                a fancier item B description
-                              </span>
+                                <span
+                                  id="root_b__description"
+                                >
+                                  a fancier item B description
+                                </span>
+                              </div>
                             </div>
                           </div>
                         </div>
@@ -2921,20 +2974,25 @@ exports[`object fields with title and description from uiSchema object 1`] = `
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a fancier description
-            </span>
+              <span
+                id="root__description"
+              >
+                a fancier description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -2957,10 +3015,10 @@ exports[`object fields with title and description from uiSchema show add button
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -2968,7 +3026,7 @@ exports[`object fields with title and description from uiSchema show add button
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -2981,7 +3039,7 @@ exports[`object fields with title and description from uiSchema show add button
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -2991,7 +3049,7 @@ exports[`object fields with title and description from uiSchema show add button
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3009,7 +3067,7 @@ exports[`object fields with title and description from uiSchema show add button
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -3025,7 +3083,7 @@ exports[`object fields with title and description from uiSchema show add button
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3037,7 +3095,7 @@ exports[`object fields with title and description from uiSchema show add button
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                        className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "marginLeft": -12,
@@ -3047,7 +3105,7 @@ exports[`object fields with title and description from uiSchema show add button
                         }
                       >
                         <div
-                          className="ant-col form-additional css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col form-additional css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "1",
@@ -3060,10 +3118,10 @@ exports[`object fields with title and description from uiSchema show add button
                             className="form-group"
                           >
                             <div
-                              className="ant-form-item form-group css-dev-only-do-not-override-1b0bdye"
+                              className="ant-form-item form-group css-dev-only-do-not-override-1a3rktk"
                             >
                               <div
-                                className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                                className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                                 style={
                                   {
                                     "rowGap": undefined,
@@ -3071,7 +3129,7 @@ exports[`object fields with title and description from uiSchema show add button
                                 }
                               >
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                   style={{}}
                                 >
                                   <label
@@ -3083,7 +3141,7 @@ exports[`object fields with title and description from uiSchema show add button
                                   </label>
                                 </div>
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                   style={{}}
                                 >
                                   <div
@@ -3093,7 +3151,7 @@ exports[`object fields with title and description from uiSchema show add button
                                       className="ant-form-item-control-input-content"
                                     >
                                       <span
-                                        className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined form-control"
+                                        className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined form-control"
                                         onClick={[Function]}
                                         style={
                                           {
@@ -3102,7 +3160,7 @@ exports[`object fields with title and description from uiSchema show add button
                                         }
                                       >
                                         <input
-                                          className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                          className="ant-input css-dev-only-do-not-override-1a3rktk"
                                           disabled={false}
                                           id="root_additionalProperty-key"
                                           name="root_additionalProperty-key"
@@ -3112,6 +3170,7 @@ exports[`object fields with title and description from uiSchema show add button
                                           onCompositionStart={[Function]}
                                           onFocus={[Function]}
                                           onKeyDown={[Function]}
+                                          onKeyUp={[Function]}
                                           type="text"
                                           value="additionalProperty"
                                         />
@@ -3127,7 +3186,7 @@ exports[`object fields with title and description from uiSchema show add button
                           </div>
                         </div>
                         <div
-                          className="ant-col form-additional css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col form-additional css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "1",
@@ -3137,10 +3196,10 @@ exports[`object fields with title and description from uiSchema show add button
                           }
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -3148,7 +3207,7 @@ exports[`object fields with title and description from uiSchema show add button
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <label
@@ -3160,7 +3219,7 @@ exports[`object fields with title and description from uiSchema show add button
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -3170,7 +3229,7 @@ exports[`object fields with title and description from uiSchema show add button
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -3180,7 +3239,7 @@ exports[`object fields with title and description from uiSchema show add button
                                     >
                                       <input
                                         aria-describedby="root_additionalProperty__error root_additionalProperty__description root_additionalProperty__help"
-                                        className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input css-dev-only-do-not-override-1a3rktk"
                                         disabled={false}
                                         id="root_additionalProperty"
                                         name="root_additionalProperty"
@@ -3190,6 +3249,7 @@ exports[`object fields with title and description from uiSchema show add button
                                         onCompositionStart={[Function]}
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
+                                        onKeyUp={[Function]}
                                         placeholder=""
                                         type="text"
                                         value="should appear"
@@ -3205,7 +3265,7 @@ exports[`object fields with title and description from uiSchema show add button
                           </div>
                         </div>
                         <div
-                          className="ant-col css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "0 0 192px",
@@ -3215,7 +3275,7 @@ exports[`object fields with title and description from uiSchema show add button
                           }
                         >
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-dangerous ant-btn-color-dangerous ant-btn-variant-solid ant-btn-icon-only ant-btn-block array-item-remove"
                             disabled={false}
                             onClick={[Function]}
                             style={{}}
@@ -3253,11 +3313,11 @@ exports[`object fields with title and description from uiSchema show add button
                   </div>
                 </div>
                 <div
-                  className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                  className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                   style={{}}
                 >
                   <div
-                    className="ant-row ant-row-end css-dev-only-do-not-override-1b0bdye"
+                    className="ant-row ant-row-end css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "marginLeft": -12,
@@ -3267,7 +3327,7 @@ exports[`object fields with title and description from uiSchema show add button
                     }
                   >
                     <div
-                      className="ant-col css-dev-only-do-not-override-1b0bdye"
+                      className="ant-col css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "flex": "0 0 192px",
@@ -3277,7 +3337,7 @@ exports[`object fields with title and description from uiSchema show add button
                       }
                     >
                       <button
-                        className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
+                        className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-btn-block object-property-expand"
                         disabled={false}
                         onClick={[Function]}
                         style={{}}
@@ -3319,20 +3379,25 @@ exports[`object fields with title and description from uiSchema show add button
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a fancier description
-            </span>
+              <span
+                id="root__description"
+              >
+                a fancier description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -3355,10 +3420,10 @@ exports[`object fields with title and description object 1`] = `
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -3366,7 +3431,7 @@ exports[`object fields with title and description object 1`] = `
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -3379,7 +3444,7 @@ exports[`object fields with title and description object 1`] = `
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -3389,7 +3454,7 @@ exports[`object fields with title and description object 1`] = `
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3407,7 +3472,7 @@ exports[`object fields with title and description object 1`] = `
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -3423,7 +3488,7 @@ exports[`object fields with title and description object 1`] = `
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3435,10 +3500,10 @@ exports[`object fields with title and description object 1`] = `
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                        className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                       >
                         <div
-                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "rowGap": undefined,
@@ -3446,7 +3511,7 @@ exports[`object fields with title and description object 1`] = `
                           }
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <label
@@ -3458,7 +3523,7 @@ exports[`object fields with title and description object 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <div
@@ -3468,7 +3533,7 @@ exports[`object fields with title and description object 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <span
-                                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -3478,7 +3543,7 @@ exports[`object fields with title and description object 1`] = `
                                 >
                                   <input
                                     aria-describedby="root_a__error root_a__description root_a__help"
-                                    className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                    className="ant-input css-dev-only-do-not-override-1a3rktk"
                                     disabled={false}
                                     id="root_a"
                                     name="root_a"
@@ -3488,6 +3553,7 @@ exports[`object fields with title and description object 1`] = `
                                     onCompositionStart={[Function]}
                                     onFocus={[Function]}
                                     onKeyDown={[Function]}
+                                    onKeyUp={[Function]}
                                     placeholder=""
                                     type="text"
                                     value=""
@@ -3499,13 +3565,18 @@ exports[`object fields with title and description object 1`] = `
                               </div>
                             </div>
                             <div
-                              className="ant-form-item-extra"
+                              className="ant-form-item-additional"
+                              style={{}}
                             >
-                              <span
-                                id="root_a__description"
+                              <div
+                                className="ant-form-item-extra"
                               >
-                                A description
-                              </span>
+                                <span
+                                  id="root_a__description"
+                                >
+                                  A description
+                                </span>
+                              </div>
                             </div>
                           </div>
                         </div>
@@ -3513,7 +3584,7 @@ exports[`object fields with title and description object 1`] = `
                     </div>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3525,10 +3596,10 @@ exports[`object fields with title and description object 1`] = `
                       className="form-group field field-number"
                     >
                       <div
-                        className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                        className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                       >
                         <div
-                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "rowGap": undefined,
@@ -3536,7 +3607,7 @@ exports[`object fields with title and description object 1`] = `
                           }
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <label
@@ -3548,7 +3619,7 @@ exports[`object fields with title and description object 1`] = `
                             </label>
                           </div>
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <div
@@ -3558,7 +3629,7 @@ exports[`object fields with title and description object 1`] = `
                                 className="ant-form-item-control-input-content"
                               >
                                 <div
-                                  className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-number-outlined ant-input-number-has-feedback"
+                                  className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-number-outlined ant-input-number-has-feedback"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -3567,7 +3638,7 @@ exports[`object fields with title and description object 1`] = `
                                   }
                                 >
                                   <div
-                                    className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1b0bdye"
+                                    className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1a3rktk"
                                     onBeforeInput={[Function]}
                                     onBlur={[Function]}
                                     onCompositionEnd={[Function]}
@@ -3669,13 +3740,18 @@ exports[`object fields with title and description object 1`] = `
                               </div>
                             </div>
                             <div
-                              className="ant-form-item-extra"
+                              className="ant-form-item-additional"
+                              style={{}}
                             >
-                              <span
-                                id="root_b__description"
+                              <div
+                                className="ant-form-item-extra"
                               >
-                                B description
-                              </span>
+                                <span
+                                  id="root_b__description"
+                                >
+                                  B description
+                                </span>
+                              </div>
                             </div>
                           </div>
                         </div>
@@ -3687,20 +3763,25 @@ exports[`object fields with title and description object 1`] = `
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a test description
-            </span>
+              <span
+                id="root__description"
+              >
+                a test description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -3723,10 +3804,10 @@ exports[`object fields with title and description show add button and fields if
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -3734,7 +3815,7 @@ exports[`object fields with title and description show add button and fields if
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -3747,7 +3828,7 @@ exports[`object fields with title and description show add button and fields if
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -3757,7 +3838,7 @@ exports[`object fields with title and description show add button and fields if
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3775,7 +3856,7 @@ exports[`object fields with title and description show add button and fields if
                     </label>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingBottom": "8px",
@@ -3791,7 +3872,7 @@ exports[`object fields with title and description show add button and fields if
                     </span>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -3803,7 +3884,7 @@ exports[`object fields with title and description show add button and fields if
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                        className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "marginLeft": -12,
@@ -3813,7 +3894,7 @@ exports[`object fields with title and description show add button and fields if
                         }
                       >
                         <div
-                          className="ant-col form-additional css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col form-additional css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "1",
@@ -3826,10 +3907,10 @@ exports[`object fields with title and description show add button and fields if
                             className="form-group"
                           >
                             <div
-                              className="ant-form-item form-group css-dev-only-do-not-override-1b0bdye"
+                              className="ant-form-item form-group css-dev-only-do-not-override-1a3rktk"
                             >
                               <div
-                                className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                                className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                                 style={
                                   {
                                     "rowGap": undefined,
@@ -3837,7 +3918,7 @@ exports[`object fields with title and description show add button and fields if
                                 }
                               >
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                   style={{}}
                                 >
                                   <label
@@ -3849,7 +3930,7 @@ exports[`object fields with title and description show add button and fields if
                                   </label>
                                 </div>
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                   style={{}}
                                 >
                                   <div
@@ -3859,7 +3940,7 @@ exports[`object fields with title and description show add button and fields if
                                       className="ant-form-item-control-input-content"
                                     >
                                       <span
-                                        className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined form-control"
+                                        className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined form-control"
                                         onClick={[Function]}
                                         style={
                                           {
@@ -3868,7 +3949,7 @@ exports[`object fields with title and description show add button and fields if
                                         }
                                       >
                                         <input
-                                          className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                          className="ant-input css-dev-only-do-not-override-1a3rktk"
                                           disabled={false}
                                           id="root_additionalProperty-key"
                                           name="root_additionalProperty-key"
@@ -3878,6 +3959,7 @@ exports[`object fields with title and description show add button and fields if
                                           onCompositionStart={[Function]}
                                           onFocus={[Function]}
                                           onKeyDown={[Function]}
+                                          onKeyUp={[Function]}
                                           type="text"
                                           value="additionalProperty"
                                         />
@@ -3893,7 +3975,7 @@ exports[`object fields with title and description show add button and fields if
                           </div>
                         </div>
                         <div
-                          className="ant-col form-additional css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col form-additional css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "1",
@@ -3903,10 +3985,10 @@ exports[`object fields with title and description show add button and fields if
                           }
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -3914,7 +3996,7 @@ exports[`object fields with title and description show add button and fields if
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <label
@@ -3926,7 +4008,7 @@ exports[`object fields with title and description show add button and fields if
                                 </label>
                               </div>
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -3936,7 +4018,7 @@ exports[`object fields with title and description show add button and fields if
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -3946,7 +4028,7 @@ exports[`object fields with title and description show add button and fields if
                                     >
                                       <input
                                         aria-describedby="root_additionalProperty__error root_additionalProperty__description root_additionalProperty__help"
-                                        className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input css-dev-only-do-not-override-1a3rktk"
                                         disabled={false}
                                         id="root_additionalProperty"
                                         name="root_additionalProperty"
@@ -3956,6 +4038,7 @@ exports[`object fields with title and description show add button and fields if
                                         onCompositionStart={[Function]}
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
+                                        onKeyUp={[Function]}
                                         placeholder=""
                                         type="text"
                                         value="should appear"
@@ -3971,7 +4054,7 @@ exports[`object fields with title and description show add button and fields if
                           </div>
                         </div>
                         <div
-                          className="ant-col css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "0 0 192px",
@@ -3981,7 +4064,7 @@ exports[`object fields with title and description show add button and fields if
                           }
                         >
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-dangerous ant-btn-color-dangerous ant-btn-variant-solid ant-btn-icon-only ant-btn-block array-item-remove"
                             disabled={false}
                             onClick={[Function]}
                             style={{}}
@@ -4019,11 +4102,11 @@ exports[`object fields with title and description show add button and fields if
                   </div>
                 </div>
                 <div
-                  className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                  className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                   style={{}}
                 >
                   <div
-                    className="ant-row ant-row-end css-dev-only-do-not-override-1b0bdye"
+                    className="ant-row ant-row-end css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "marginLeft": -12,
@@ -4033,7 +4116,7 @@ exports[`object fields with title and description show add button and fields if
                     }
                   >
                     <div
-                      className="ant-col css-dev-only-do-not-override-1b0bdye"
+                      className="ant-col css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "flex": "0 0 192px",
@@ -4043,7 +4126,7 @@ exports[`object fields with title and description show add button and fields if
                       }
                     >
                       <button
-                        className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
+                        className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-btn-block object-property-expand"
                         disabled={false}
                         onClick={[Function]}
                         style={{}}
@@ -4085,20 +4168,25 @@ exports[`object fields with title and description show add button and fields if
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a test description
-            </span>
+              <span
+                id="root__description"
+              >
+                a test description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -4121,10 +4209,10 @@ exports[`object fields with title and description with global label off addition
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -4132,7 +4220,7 @@ exports[`object fields with title and description with global label off addition
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -4145,7 +4233,7 @@ exports[`object fields with title and description with global label off addition
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -4155,7 +4243,7 @@ exports[`object fields with title and description with global label off addition
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -4167,7 +4255,7 @@ exports[`object fields with title and description with global label off addition
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                        className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "marginLeft": -12,
@@ -4177,7 +4265,7 @@ exports[`object fields with title and description with global label off addition
                         }
                       >
                         <div
-                          className="ant-col form-additional css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col form-additional css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "1",
@@ -4190,10 +4278,10 @@ exports[`object fields with title and description with global label off addition
                             className="form-group"
                           >
                             <div
-                              className="ant-form-item form-group css-dev-only-do-not-override-1b0bdye"
+                              className="ant-form-item form-group css-dev-only-do-not-override-1a3rktk"
                             >
                               <div
-                                className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                                className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                                 style={
                                   {
                                     "rowGap": undefined,
@@ -4201,7 +4289,7 @@ exports[`object fields with title and description with global label off addition
                                 }
                               >
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                   style={{}}
                                 >
                                   <label
@@ -4213,7 +4301,7 @@ exports[`object fields with title and description with global label off addition
                                   </label>
                                 </div>
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                   style={{}}
                                 >
                                   <div
@@ -4223,7 +4311,7 @@ exports[`object fields with title and description with global label off addition
                                       className="ant-form-item-control-input-content"
                                     >
                                       <span
-                                        className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined form-control"
+                                        className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined form-control"
                                         onClick={[Function]}
                                         style={
                                           {
@@ -4232,7 +4320,7 @@ exports[`object fields with title and description with global label off addition
                                         }
                                       >
                                         <input
-                                          className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                          className="ant-input css-dev-only-do-not-override-1a3rktk"
                                           disabled={false}
                                           id="root_foo-key"
                                           name="root_foo-key"
@@ -4242,6 +4330,7 @@ exports[`object fields with title and description with global label off addition
                                           onCompositionStart={[Function]}
                                           onFocus={[Function]}
                                           onKeyDown={[Function]}
+                                          onKeyUp={[Function]}
                                           type="text"
                                           value="foo"
                                         />
@@ -4257,7 +4346,7 @@ exports[`object fields with title and description with global label off addition
                           </div>
                         </div>
                         <div
-                          className="ant-col form-additional css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col form-additional css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "1",
@@ -4267,10 +4356,10 @@ exports[`object fields with title and description with global label off addition
                           }
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -4278,7 +4367,7 @@ exports[`object fields with title and description with global label off addition
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -4288,7 +4377,7 @@ exports[`object fields with title and description with global label off addition
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -4298,7 +4387,7 @@ exports[`object fields with title and description with global label off addition
                                     >
                                       <input
                                         aria-describedby="root_foo__error root_foo__description root_foo__help"
-                                        className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input css-dev-only-do-not-override-1a3rktk"
                                         disabled={false}
                                         id="root_foo"
                                         name="root_foo"
@@ -4308,6 +4397,7 @@ exports[`object fields with title and description with global label off addition
                                         onCompositionStart={[Function]}
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
+                                        onKeyUp={[Function]}
                                         placeholder=""
                                         type="text"
                                         value="foo"
@@ -4323,7 +4413,7 @@ exports[`object fields with title and description with global label off addition
                           </div>
                         </div>
                         <div
-                          className="ant-col css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "0 0 192px",
@@ -4333,7 +4423,7 @@ exports[`object fields with title and description with global label off addition
                           }
                         >
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-dangerous ant-btn-color-dangerous ant-btn-variant-solid ant-btn-icon-only ant-btn-block array-item-remove"
                             disabled={false}
                             onClick={[Function]}
                             style={{}}
@@ -4371,11 +4461,11 @@ exports[`object fields with title and description with global label off addition
                   </div>
                 </div>
                 <div
-                  className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                  className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                   style={{}}
                 >
                   <div
-                    className="ant-row ant-row-end css-dev-only-do-not-override-1b0bdye"
+                    className="ant-row ant-row-end css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "marginLeft": -12,
@@ -4385,7 +4475,7 @@ exports[`object fields with title and description with global label off addition
                     }
                   >
                     <div
-                      className="ant-col css-dev-only-do-not-override-1b0bdye"
+                      className="ant-col css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "flex": "0 0 192px",
@@ -4395,7 +4485,7 @@ exports[`object fields with title and description with global label off addition
                       }
                     >
                       <button
-                        className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
+                        className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-btn-block object-property-expand"
                         disabled={false}
                         onClick={[Function]}
                         style={{}}
@@ -4437,20 +4527,25 @@ exports[`object fields with title and description with global label off addition
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a test description
-            </span>
+              <span
+                id="root__description"
+              >
+                a test description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -4473,10 +4568,10 @@ exports[`object fields with title and description with global label off object 1
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -4484,7 +4579,7 @@ exports[`object fields with title and description with global label off object 1
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -4497,7 +4592,7 @@ exports[`object fields with title and description with global label off object 1
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -4507,7 +4602,7 @@ exports[`object fields with title and description with global label off object 1
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -4519,10 +4614,10 @@ exports[`object fields with title and description with global label off object 1
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                        className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                       >
                         <div
-                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "rowGap": undefined,
@@ -4530,7 +4625,7 @@ exports[`object fields with title and description with global label off object 1
                           }
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <div
@@ -4540,7 +4635,7 @@ exports[`object fields with title and description with global label off object 1
                                 className="ant-form-item-control-input-content"
                               >
                                 <span
-                                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                  className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -4550,7 +4645,7 @@ exports[`object fields with title and description with global label off object 1
                                 >
                                   <input
                                     aria-describedby="root_a__error root_a__description root_a__help"
-                                    className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                    className="ant-input css-dev-only-do-not-override-1a3rktk"
                                     disabled={false}
                                     id="root_a"
                                     name="root_a"
@@ -4560,6 +4655,7 @@ exports[`object fields with title and description with global label off object 1
                                     onCompositionStart={[Function]}
                                     onFocus={[Function]}
                                     onKeyDown={[Function]}
+                                    onKeyUp={[Function]}
                                     placeholder=""
                                     type="text"
                                     value=""
@@ -4571,13 +4667,18 @@ exports[`object fields with title and description with global label off object 1
                               </div>
                             </div>
                             <div
-                              className="ant-form-item-extra"
+                              className="ant-form-item-additional"
+                              style={{}}
                             >
-                              <span
-                                id="root_a__description"
+                              <div
+                                className="ant-form-item-extra"
                               >
-                                A description
-                              </span>
+                                <span
+                                  id="root_a__description"
+                                >
+                                  A description
+                                </span>
+                              </div>
                             </div>
                           </div>
                         </div>
@@ -4585,7 +4686,7 @@ exports[`object fields with title and description with global label off object 1
                     </div>
                   </div>
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -4597,10 +4698,10 @@ exports[`object fields with title and description with global label off object 1
                       className="form-group field field-number"
                     >
                       <div
-                        className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                        className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                       >
                         <div
-                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                          className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "rowGap": undefined,
@@ -4608,7 +4709,7 @@ exports[`object fields with title and description with global label off object 1
                           }
                         >
                           <div
-                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                            className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                             style={{}}
                           >
                             <div
@@ -4618,7 +4719,7 @@ exports[`object fields with title and description with global label off object 1
                                 className="ant-form-item-control-input-content"
                               >
                                 <div
-                                  className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-number-outlined ant-input-number-has-feedback"
+                                  className="ant-input-number-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-number-outlined ant-input-number-has-feedback"
                                   onClick={[Function]}
                                   style={
                                     {
@@ -4627,7 +4728,7 @@ exports[`object fields with title and description with global label off object 1
                                   }
                                 >
                                   <div
-                                    className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1b0bdye"
+                                    className="ant-input-number ant-input-number-in-form-item css-dev-only-do-not-override-1a3rktk"
                                     onBeforeInput={[Function]}
                                     onBlur={[Function]}
                                     onCompositionEnd={[Function]}
@@ -4729,13 +4830,18 @@ exports[`object fields with title and description with global label off object 1
                               </div>
                             </div>
                             <div
-                              className="ant-form-item-extra"
+                              className="ant-form-item-additional"
+                              style={{}}
                             >
-                              <span
-                                id="root_b__description"
+                              <div
+                                className="ant-form-item-extra"
                               >
-                                B description
-                              </span>
+                                <span
+                                  id="root_b__description"
+                                >
+                                  B description
+                                </span>
+                              </div>
                             </div>
                           </div>
                         </div>
@@ -4747,20 +4853,25 @@ exports[`object fields with title and description with global label off object 1
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a test description
-            </span>
+              <span
+                id="root__description"
+              >
+                a test description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
@@ -4783,10 +4894,10 @@ exports[`object fields with title and description with global label off show add
     className="form-group field field-object"
   >
     <div
-      className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+      className="ant-form-item css-dev-only-do-not-override-1a3rktk"
     >
       <div
-        className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+        className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
         style={
           {
             "rowGap": undefined,
@@ -4794,7 +4905,7 @@ exports[`object fields with title and description with global label off show add
         }
       >
         <div
-          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+          className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
           style={{}}
         >
           <div
@@ -4807,7 +4918,7 @@ exports[`object fields with title and description with global label off show add
                 id="root"
               >
                 <div
-                  className="ant-row css-dev-only-do-not-override-1b0bdye"
+                  className="ant-row css-dev-only-do-not-override-1a3rktk"
                   style={
                     {
                       "marginLeft": -12,
@@ -4817,7 +4928,7 @@ exports[`object fields with title and description with global label off show add
                   }
                 >
                   <div
-                    className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                    className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "paddingLeft": 12,
@@ -4829,7 +4940,7 @@ exports[`object fields with title and description with global label off show add
                       className="form-group field field-string"
                     >
                       <div
-                        className="ant-row ant-row-top css-dev-only-do-not-override-1b0bdye"
+                        className="ant-row ant-row-top css-dev-only-do-not-override-1a3rktk"
                         style={
                           {
                             "marginLeft": -12,
@@ -4839,7 +4950,7 @@ exports[`object fields with title and description with global label off show add
                         }
                       >
                         <div
-                          className="ant-col form-additional css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col form-additional css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "1",
@@ -4852,10 +4963,10 @@ exports[`object fields with title and description with global label off show add
                             className="form-group"
                           >
                             <div
-                              className="ant-form-item form-group css-dev-only-do-not-override-1b0bdye"
+                              className="ant-form-item form-group css-dev-only-do-not-override-1a3rktk"
                             >
                               <div
-                                className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                                className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                                 style={
                                   {
                                     "rowGap": undefined,
@@ -4863,7 +4974,7 @@ exports[`object fields with title and description with global label off show add
                                 }
                               >
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1b0bdye"
+                                  className="ant-col ant-col-24 ant-form-item-label css-dev-only-do-not-override-1a3rktk"
                                   style={{}}
                                 >
                                   <label
@@ -4875,7 +4986,7 @@ exports[`object fields with title and description with global label off show add
                                   </label>
                                 </div>
                                 <div
-                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                  className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                   style={{}}
                                 >
                                   <div
@@ -4885,7 +4996,7 @@ exports[`object fields with title and description with global label off show add
                                       className="ant-form-item-control-input-content"
                                     >
                                       <span
-                                        className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined form-control"
+                                        className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined form-control"
                                         onClick={[Function]}
                                         style={
                                           {
@@ -4894,7 +5005,7 @@ exports[`object fields with title and description with global label off show add
                                         }
                                       >
                                         <input
-                                          className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                          className="ant-input css-dev-only-do-not-override-1a3rktk"
                                           disabled={false}
                                           id="root_additionalProperty-key"
                                           name="root_additionalProperty-key"
@@ -4904,6 +5015,7 @@ exports[`object fields with title and description with global label off show add
                                           onCompositionStart={[Function]}
                                           onFocus={[Function]}
                                           onKeyDown={[Function]}
+                                          onKeyUp={[Function]}
                                           type="text"
                                           value="additionalProperty"
                                         />
@@ -4919,7 +5031,7 @@ exports[`object fields with title and description with global label off show add
                           </div>
                         </div>
                         <div
-                          className="ant-col form-additional css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col form-additional css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "1",
@@ -4929,10 +5041,10 @@ exports[`object fields with title and description with global label off show add
                           }
                         >
                           <div
-                            className="ant-form-item css-dev-only-do-not-override-1b0bdye"
+                            className="ant-form-item css-dev-only-do-not-override-1a3rktk"
                           >
                             <div
-                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1b0bdye"
+                              className="ant-row ant-form-item-row css-dev-only-do-not-override-1a3rktk"
                               style={
                                 {
                                   "rowGap": undefined,
@@ -4940,7 +5052,7 @@ exports[`object fields with title and description with global label off show add
                               }
                             >
                               <div
-                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1b0bdye"
+                                className="ant-col ant-col-24 ant-form-item-control css-dev-only-do-not-override-1a3rktk"
                                 style={{}}
                               >
                                 <div
@@ -4950,7 +5062,7 @@ exports[`object fields with title and description with global label off show add
                                     className="ant-form-item-control-input-content"
                                   >
                                     <span
-                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1b0bdye ant-input-outlined"
+                                      className="ant-input-affix-wrapper css-dev-only-do-not-override-1a3rktk ant-input-outlined"
                                       onClick={[Function]}
                                       style={
                                         {
@@ -4960,7 +5072,7 @@ exports[`object fields with title and description with global label off show add
                                     >
                                       <input
                                         aria-describedby="root_additionalProperty__error root_additionalProperty__description root_additionalProperty__help"
-                                        className="ant-input css-dev-only-do-not-override-1b0bdye"
+                                        className="ant-input css-dev-only-do-not-override-1a3rktk"
                                         disabled={false}
                                         id="root_additionalProperty"
                                         name="root_additionalProperty"
@@ -4970,6 +5082,7 @@ exports[`object fields with title and description with global label off show add
                                         onCompositionStart={[Function]}
                                         onFocus={[Function]}
                                         onKeyDown={[Function]}
+                                        onKeyUp={[Function]}
                                         placeholder=""
                                         type="text"
                                         value="should appear"
@@ -4985,7 +5098,7 @@ exports[`object fields with title and description with global label off show add
                           </div>
                         </div>
                         <div
-                          className="ant-col css-dev-only-do-not-override-1b0bdye"
+                          className="ant-col css-dev-only-do-not-override-1a3rktk"
                           style={
                             {
                               "flex": "0 0 192px",
@@ -4995,7 +5108,7 @@ exports[`object fields with title and description with global label off show add
                           }
                         >
                           <button
-                            className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block ant-btn-dangerous array-item-remove"
+                            className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-dangerous ant-btn-color-dangerous ant-btn-variant-solid ant-btn-icon-only ant-btn-block array-item-remove"
                             disabled={false}
                             onClick={[Function]}
                             style={{}}
@@ -5033,11 +5146,11 @@ exports[`object fields with title and description with global label off show add
                   </div>
                 </div>
                 <div
-                  className="ant-col ant-col-24 css-dev-only-do-not-override-1b0bdye"
+                  className="ant-col ant-col-24 css-dev-only-do-not-override-1a3rktk"
                   style={{}}
                 >
                   <div
-                    className="ant-row ant-row-end css-dev-only-do-not-override-1b0bdye"
+                    className="ant-row ant-row-end css-dev-only-do-not-override-1a3rktk"
                     style={
                       {
                         "marginLeft": -12,
@@ -5047,7 +5160,7 @@ exports[`object fields with title and description with global label off show add
                     }
                   >
                     <div
-                      className="ant-col css-dev-only-do-not-override-1b0bdye"
+                      className="ant-col css-dev-only-do-not-override-1a3rktk"
                       style={
                         {
                           "flex": "0 0 192px",
@@ -5057,7 +5170,7 @@ exports[`object fields with title and description with global label off show add
                       }
                     >
                       <button
-                        className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-primary ant-btn-icon-only ant-btn-block object-property-expand"
+                        className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-icon-only ant-btn-block object-property-expand"
                         disabled={false}
                         onClick={[Function]}
                         style={{}}
@@ -5099,20 +5212,25 @@ exports[`object fields with title and description with global label off show add
             </div>
           </div>
           <div
-            className="ant-form-item-extra"
+            className="ant-form-item-additional"
+            style={{}}
           >
-            <span
-              id="root__description"
+            <div
+              className="ant-form-item-extra"
             >
-              a test description
-            </span>
+              <span
+                id="root__description"
+              >
+                a test description
+              </span>
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <button
-    className="ant-btn css-dev-only-do-not-override-1b0bdye ant-btn-submit"
+    className="ant-btn css-dev-only-do-not-override-1a3rktk ant-btn-submit"
     disabled={false}
     onClick={[Function]}
     style={{}}
diff --git a/packages/playground/package.json b/packages/playground/package.json
index a4d4aa7fcb..b8b850150c 100644
--- a/packages/playground/package.json
+++ b/packages/playground/package.json
@@ -57,7 +57,7 @@
     "ajv": "^8.12.0",
     "ajv-formats": "^2.1.1",
     "ajv-i18n": "^4.2.0",
-    "antd": "^4.24.15",
+    "antd": "^5.24.5",
     "atob": "^2.1.2",
     "chakra-react-select": "^4.7.6",
     "core-js": "^3.35.1",
diff --git a/packages/playground/src/app.tsx b/packages/playground/src/app.tsx
index 0997ac50d5..208bf3c474 100644
--- a/packages/playground/src/app.tsx
+++ b/packages/playground/src/app.tsx
@@ -94,7 +94,7 @@ const themes: PlaygroundProps['themes'] = {
     },
   },
   antd: {
-    stylesheet: '//cdnjs.cloudflare.com/ajax/libs/antd/4.1.4/antd.min.css',
+    stylesheet: '//cdnjs.cloudflare.com/ajax/libs/antd/5.23.3/reset.min.css',
     theme: AntdTheme,
   },
   'bootstrap-4': {