diff --git a/gulpfile.js b/gulpfile.js
index d60aed80..e46b51b1 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -27,6 +27,7 @@ function compileTs(modules = false) {
         '!src/**/__stories__/**/*',
         '!src/**/__tests__/**/*',
         '!src/**/__snapshots__/**/*',
+        '!src/lib/unstable/**/*',
     ])
         .pipe(
             replace(/import '.+\.scss';/g, (match) =>
@@ -52,7 +53,12 @@ task('copy-i18n', () => {
 });
 
 task('styles-components', () => {
-    return src(['src/**/*.scss', '!src/**/__stories__/**/*', '!src/stories/**/*'])
+    return src([
+        'src/**/*.scss',
+        '!src/**/__stories__/**/*',
+        '!src/stories/**/*',
+        '!src/lib/unstable/**/*',
+    ])
         .pipe(sass().on('error', sass.logError))
         .pipe(dest(path.resolve(BUILD_DIR, 'esm')))
         .pipe(dest(path.resolve(BUILD_DIR, 'cjs')));
diff --git a/package-lock.json b/package-lock.json
index becc7cde..e6227e69 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -45,6 +45,7 @@
         "@types/react-is": "^17.0.3",
         "@types/uuid": "^9.0.4",
         "@vitejs/plugin-react": "^4.2.0",
+        "ajv": "^8.17.1",
         "css-loader": "^5.2.6",
         "eslint": "^8.49.0",
         "final-form": "^4.20.2",
@@ -2382,28 +2383,6 @@
         "node": ">=v14"
       }
     },
-    "node_modules/@commitlint/config-validator/node_modules/ajv": {
-      "version": "8.12.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
-      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/@commitlint/config-validator/node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "dev": true
-    },
     "node_modules/@commitlint/ensure": {
       "version": "17.4.4",
       "resolved": "https://registry.npmjs.org/@commitlint/ensure/-/ensure-17.4.4.tgz",
@@ -3530,6 +3509,22 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/@eslint/eslintrc/node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
     "node_modules/@eslint/eslintrc/node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -3563,6 +3558,12 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
+    "node_modules/@eslint/eslintrc/node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
+    },
     "node_modules/@eslint/eslintrc/node_modules/type-fest": {
       "version": "0.20.2",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
@@ -7024,15 +7025,15 @@
       }
     },
     "node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
       "dev": true,
       "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
       },
       "funding": {
         "type": "github",
@@ -7057,30 +7058,6 @@
         }
       }
     },
-    "node_modules/ajv-formats/node_modules/ajv": {
-      "version": "8.17.1",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
-      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.3",
-        "fast-uri": "^3.0.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/ajv-formats/node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/ajv-keywords": {
       "version": "3.5.2",
       "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
@@ -10778,6 +10755,22 @@
         "node": ">=10"
       }
     },
+    "node_modules/eslint/node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
     "node_modules/eslint/node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -10972,6 +10965,12 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
+    "node_modules/eslint/node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
+    },
     "node_modules/eslint/node_modules/levn": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
@@ -16853,9 +16852,9 @@
       "dev": true
     },
     "node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
       "dev": true
     },
     "node_modules/json-stable-stringify-without-jsonify": {
@@ -20901,6 +20900,28 @@
         "url": "https://opencollective.com/webpack"
       }
     },
+    "node_modules/schema-utils/node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/schema-utils/node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true
+    },
     "node_modules/semver": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
@@ -22191,28 +22212,6 @@
         "node": ">=10.0.0"
       }
     },
-    "node_modules/table/node_modules/ajv": {
-      "version": "8.12.0",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
-      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/table/node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "dev": true
-    },
     "node_modules/tapable": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
@@ -22276,23 +22275,6 @@
         }
       }
     },
-    "node_modules/terser-webpack-plugin/node_modules/ajv": {
-      "version": "8.17.1",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
-      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.3",
-        "fast-uri": "^3.0.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
     "node_modules/terser-webpack-plugin/node_modules/ajv-keywords": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
@@ -22331,13 +22313,6 @@
         "node": ">= 10.13.0"
       }
     },
-    "node_modules/terser-webpack-plugin/node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/terser-webpack-plugin/node_modules/schema-utils": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.0.tgz",
@@ -24039,23 +24014,6 @@
         }
       }
     },
-    "node_modules/webpack-dev-middleware/node_modules/ajv": {
-      "version": "8.17.1",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
-      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.3",
-        "fast-uri": "^3.0.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
     "node_modules/webpack-dev-middleware/node_modules/ajv-keywords": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
@@ -24069,13 +24027,6 @@
         "ajv": "^8.8.2"
       }
     },
-    "node_modules/webpack-dev-middleware/node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/webpack-dev-middleware/node_modules/schema-utils": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.0.tgz",
@@ -24125,23 +24076,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/webpack/node_modules/ajv": {
-      "version": "8.17.1",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
-      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.3",
-        "fast-uri": "^3.0.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
     "node_modules/webpack/node_modules/ajv-keywords": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
@@ -24155,13 +24089,6 @@
         "ajv": "^8.8.2"
       }
     },
-    "node_modules/webpack/node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/webpack/node_modules/schema-utils": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.0.tgz",
@@ -26175,26 +26102,6 @@
       "requires": {
         "@commitlint/types": "^17.4.4",
         "ajv": "^8.11.0"
-      },
-      "dependencies": {
-        "ajv": {
-          "version": "8.12.0",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
-          "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
-          "dev": true,
-          "requires": {
-            "fast-deep-equal": "^3.1.1",
-            "json-schema-traverse": "^1.0.0",
-            "require-from-string": "^2.0.2",
-            "uri-js": "^4.2.2"
-          }
-        },
-        "json-schema-traverse": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-          "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-          "dev": true
-        }
       }
     },
     "@commitlint/ensure": {
@@ -26857,6 +26764,18 @@
         "strip-json-comments": "^3.1.1"
       },
       "dependencies": {
+        "ajv": {
+          "version": "6.12.6",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+          "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "^3.1.1",
+            "fast-json-stable-stringify": "^2.0.0",
+            "json-schema-traverse": "^0.4.1",
+            "uri-js": "^4.2.2"
+          }
+        },
         "argparse": {
           "version": "2.0.1",
           "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -26881,6 +26800,12 @@
             "argparse": "^2.0.1"
           }
         },
+        "json-schema-traverse": {
+          "version": "0.4.1",
+          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+          "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+          "dev": true
+        },
         "type-fest": {
           "version": "0.20.2",
           "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
@@ -29312,15 +29237,15 @@
       }
     },
     "ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
       "dev": true,
       "requires": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
       }
     },
     "ajv-formats": {
@@ -29330,26 +29255,6 @@
       "dev": true,
       "requires": {
         "ajv": "^8.0.0"
-      },
-      "dependencies": {
-        "ajv": {
-          "version": "8.17.1",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
-          "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
-          "dev": true,
-          "requires": {
-            "fast-deep-equal": "^3.1.3",
-            "fast-uri": "^3.0.1",
-            "json-schema-traverse": "^1.0.0",
-            "require-from-string": "^2.0.2"
-          }
-        },
-        "json-schema-traverse": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-          "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-          "dev": true
-        }
       }
     },
     "ajv-keywords": {
@@ -31886,6 +31791,18 @@
         "text-table": "^0.2.0"
       },
       "dependencies": {
+        "ajv": {
+          "version": "6.12.6",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+          "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "^3.1.1",
+            "fast-json-stable-stringify": "^2.0.0",
+            "json-schema-traverse": "^0.4.1",
+            "uri-js": "^4.2.2"
+          }
+        },
         "ansi-styles": {
           "version": "4.3.0",
           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -32017,6 +31934,12 @@
             "argparse": "^2.0.1"
           }
         },
+        "json-schema-traverse": {
+          "version": "0.4.1",
+          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+          "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+          "dev": true
+        },
         "levn": {
           "version": "0.4.1",
           "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
@@ -36634,9 +36557,9 @@
       "dev": true
     },
     "json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
       "dev": true
     },
     "json-stable-stringify-without-jsonify": {
@@ -39625,6 +39548,26 @@
         "@types/json-schema": "^7.0.8",
         "ajv": "^6.12.5",
         "ajv-keywords": "^3.5.2"
+      },
+      "dependencies": {
+        "ajv": {
+          "version": "6.12.6",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+          "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "^3.1.1",
+            "fast-json-stable-stringify": "^2.0.0",
+            "json-schema-traverse": "^0.4.1",
+            "uri-js": "^4.2.2"
+          }
+        },
+        "json-schema-traverse": {
+          "version": "0.4.1",
+          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+          "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+          "dev": true
+        }
       }
     },
     "semver": {
@@ -40612,26 +40555,6 @@
         "slice-ansi": "^4.0.0",
         "string-width": "^4.2.3",
         "strip-ansi": "^6.0.1"
-      },
-      "dependencies": {
-        "ajv": {
-          "version": "8.12.0",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
-          "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
-          "dev": true,
-          "requires": {
-            "fast-deep-equal": "^3.1.1",
-            "json-schema-traverse": "^1.0.0",
-            "require-from-string": "^2.0.2",
-            "uri-js": "^4.2.2"
-          }
-        },
-        "json-schema-traverse": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-          "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-          "dev": true
-        }
       }
     },
     "tapable": {
@@ -40673,18 +40596,6 @@
         "terser": "^5.31.1"
       },
       "dependencies": {
-        "ajv": {
-          "version": "8.17.1",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
-          "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
-          "dev": true,
-          "requires": {
-            "fast-deep-equal": "^3.1.3",
-            "fast-uri": "^3.0.1",
-            "json-schema-traverse": "^1.0.0",
-            "require-from-string": "^2.0.2"
-          }
-        },
         "ajv-keywords": {
           "version": "5.1.0",
           "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
@@ -40711,12 +40622,6 @@
             "supports-color": "^8.0.0"
           }
         },
-        "json-schema-traverse": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-          "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-          "dev": true
-        },
         "schema-utils": {
           "version": "4.3.0",
           "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.0.tgz",
@@ -41833,18 +41738,6 @@
         "webpack-sources": "^3.2.3"
       },
       "dependencies": {
-        "ajv": {
-          "version": "8.17.1",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
-          "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
-          "dev": true,
-          "requires": {
-            "fast-deep-equal": "^3.1.3",
-            "fast-uri": "^3.0.1",
-            "json-schema-traverse": "^1.0.0",
-            "require-from-string": "^2.0.2"
-          }
-        },
         "ajv-keywords": {
           "version": "5.1.0",
           "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
@@ -41854,12 +41747,6 @@
             "fast-deep-equal": "^3.1.3"
           }
         },
-        "json-schema-traverse": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-          "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-          "dev": true
-        },
         "schema-utils": {
           "version": "4.3.0",
           "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.0.tgz",
@@ -41887,18 +41774,6 @@
         "schema-utils": "^4.0.0"
       },
       "dependencies": {
-        "ajv": {
-          "version": "8.17.1",
-          "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
-          "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
-          "dev": true,
-          "requires": {
-            "fast-deep-equal": "^3.1.3",
-            "fast-uri": "^3.0.1",
-            "json-schema-traverse": "^1.0.0",
-            "require-from-string": "^2.0.2"
-          }
-        },
         "ajv-keywords": {
           "version": "5.1.0",
           "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
@@ -41908,12 +41783,6 @@
             "fast-deep-equal": "^3.1.3"
           }
         },
-        "json-schema-traverse": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-          "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
-          "dev": true
-        },
         "schema-utils": {
           "version": "4.3.0",
           "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.0.tgz",
diff --git a/package.json b/package.json
index 1d2cc47f..68393252 100644
--- a/package.json
+++ b/package.json
@@ -80,6 +80,7 @@
     "@types/react-is": "^17.0.3",
     "@types/uuid": "^9.0.4",
     "@vitejs/plugin-react": "^4.2.0",
+    "ajv": "^8.17.1",
     "css-loader": "^5.2.6",
     "eslint": "^8.49.0",
     "final-form": "^4.20.2",
diff --git a/src/lib/unstable/core/components/Entity/Entity.tsx b/src/lib/unstable/core/components/Entity/Entity.tsx
new file mode 100644
index 00000000..15c69f09
--- /dev/null
+++ b/src/lib/unstable/core/components/Entity/Entity.tsx
@@ -0,0 +1,84 @@
+import React from 'react';
+
+import {useField} from 'react-final-form';
+
+import type {JsonSchema} from '../../types';
+import {SchemaRendererContext} from '../SchemaRenderer/context';
+
+import {getRenderKit, getValidate} from './utils';
+
+export interface EntityProps {
+    name: string;
+    schema: JsonSchema;
+}
+
+const Component: React.FC<EntityProps> = ({name, schema}) => {
+    const {
+        config,
+        errorMessages,
+        mode,
+        name: headName,
+        tools: {setValidationCache, setValidationWaiters},
+    } = React.useContext(SchemaRendererContext);
+
+    const head = headName === name;
+
+    const renderKit = React.useMemo(
+        () => getRenderKit({config, mode, schema}),
+        [config, mode, schema],
+    );
+
+    const options = React.useMemo(() => {
+        const validate = head
+            ? getValidate({
+                  config,
+                  errorMessages,
+                  name,
+                  schema,
+                  setValidationCache,
+                  setValidationWaiters,
+              })
+            : undefined;
+
+        return {
+            data: {schema},
+            defaultValue: schema.default,
+            subscription: {data: true, error: true, validating: true, value: true},
+            validate,
+        };
+    }, [config, errorMessages, head, name, schema, setValidationCache, setValidationWaiters]);
+
+    const field = useField(name, options);
+
+    if (!renderKit.View) {
+        return null;
+    }
+
+    let content = null;
+
+    if (renderKit.independent) {
+        content = (
+            <renderKit.View
+                {...field}
+                schema={schema}
+                Wrapper={renderKit.Wrapper}
+                viewProps={renderKit.viewProps}
+                wrapperProps={renderKit.wrapperProps}
+            />
+        );
+    } else {
+        content = <renderKit.View {...field} schema={schema} viewProps={renderKit.viewProps} />;
+
+        if (renderKit.Wrapper) {
+            content = (
+                <renderKit.Wrapper {...field} schema={schema} wrapperProps={renderKit.wrapperProps}>
+                    {content}
+                </renderKit.Wrapper>
+            );
+        }
+    }
+
+    return <div>{content}</div>;
+};
+
+export const Entity = React.memo(Component);
diff --git a/src/lib/unstable/core/components/Entity/index.ts b/src/lib/unstable/core/components/Entity/index.ts
new file mode 100644
index 00000000..4bc5e410
--- /dev/null
+++ b/src/lib/unstable/core/components/Entity/index.ts
@@ -0,0 +1 @@
+export * from './Entity';
diff --git a/src/lib/unstable/core/components/Entity/types.ts b/src/lib/unstable/core/components/Entity/types.ts
new file mode 100644
index 00000000..c7f28350
--- /dev/null
+++ b/src/lib/unstable/core/components/Entity/types.ts
@@ -0,0 +1,109 @@
+import type {ErrorObject, ValidateFunction} from 'ajv';
+import type {FieldValidator} from 'final-form';
+
+import type {SchemaRendererMode} from '../../constants';
+import type {
+    ErrorMessages,
+    FieldValue,
+    IndependentView,
+    JsonSchema,
+    SchemaRendererConfig,
+    SchemaToValueType,
+    SetValidationCacheMutator,
+    SetValidationWaitersMutator,
+    SimpleView,
+    Validator,
+    Wrapper,
+} from '../../types';
+
+/**
+ * getRenderKit types start
+ */
+
+export type GetRenderKitParams<Schema extends JsonSchema> = {
+    config: SchemaRendererConfig;
+    mode: SchemaRendererMode;
+    schema: Schema;
+};
+
+export type GetRenderKitReturn<Schema extends JsonSchema> =
+    | {
+          View: SimpleView<Schema> | undefined;
+          Wrapper: Wrapper<Schema> | undefined;
+          independent: false | undefined;
+          viewProps: Record<string, any>;
+          wrapperProps: Record<string, any>;
+      }
+    | {
+          View: IndependentView<Schema>;
+          Wrapper: Wrapper<Schema> | undefined;
+          independent: true;
+          viewProps: Record<string, any>;
+          wrapperProps: Record<string, any>;
+      };
+
+/**
+ * getRenderKit types end
+ */
+
+/**
+ * getAjvValidate types start
+ */
+
+export type EntityParametersError = ErrorObject<
+    'entityParameters',
+    {
+        schema: JsonSchema;
+        validator: Validator<JsonSchema>;
+        value: FieldValue | null | undefined;
+    }
+>;
+
+export type GetAjvValidateParams = {
+    config: SchemaRendererConfig;
+    schema: JsonSchema;
+};
+
+export interface GetAjvValidateReturn extends ValidateFunction {
+    errors?: (ErrorObject | EntityParametersError)[];
+}
+
+/**
+ * getAjvValidate types end
+ */
+
+/**
+ * getError types start
+ */
+
+export type GetErrorParams = {
+    errorMessages: Record<string, string>;
+    instancePath: string;
+    keyword: string;
+    schema: JsonSchema;
+    schemaPath: string;
+};
+
+/**
+ * getError types end
+ */
+/**
+ * getValidate types start
+ */
+
+export type GetValidateParams<Schema extends JsonSchema> = {
+    config: SchemaRendererConfig;
+    errorMessages: ErrorMessages;
+    name: string;
+    schema: Schema;
+    setValidationCache: SetValidationCacheMutator;
+    setValidationWaiters: SetValidationWaitersMutator;
+};
+
+export type GetValidateReturn<Schema extends JsonSchema> = FieldValidator<
+    SchemaToValueType<Schema>
+>;
+
+/**
+ * getValidate types end
+ */
diff --git a/src/lib/unstable/core/components/Entity/utils.ts b/src/lib/unstable/core/components/Entity/utils.ts
new file mode 100644
index 00000000..7a0adce4
--- /dev/null
+++ b/src/lib/unstable/core/components/Entity/utils.ts
@@ -0,0 +1,305 @@
+import type {ErrorObject, FuncKeywordDefinition, SchemaValidateFunction} from 'ajv';
+import Ajv from 'ajv';
+import {ARRAY_ERROR} from 'final-form';
+import get from 'lodash/get';
+import isEqual from 'lodash/isEqual';
+import isString from 'lodash/isString';
+import omit from 'lodash/omit';
+import set from 'lodash/set';
+
+import {EMPTY_OBJECT, JsonSchemaType} from '../../constants';
+import type {
+    FieldValue,
+    JsonSchema,
+    ObjectValue,
+    SyncValidateError,
+    ValidationState,
+    ValidationWaiter,
+    Validator,
+    View,
+    Wrapper,
+} from '../../types';
+
+import type {
+    EntityParametersError,
+    GetAjvValidateParams,
+    GetAjvValidateReturn,
+    GetRenderKitParams,
+    GetRenderKitReturn,
+    GetValidateParams,
+    GetValidateReturn,
+} from './types';
+
+export const getRenderKit = <Schema extends JsonSchema>({
+    config,
+    mode,
+    schema,
+}: GetRenderKitParams<Schema>): GetRenderKitReturn<Schema> => {
+    const viewType: string | undefined = get(schema, 'entityParameters.viewType');
+    const wrapperType: string | undefined = get(schema, 'entityParameters.wrapperType');
+
+    const viewProps = get(schema, 'entityParameters.viewProps', EMPTY_OBJECT);
+    const wrapperProps = get(schema, 'entityParameters.wrapperProps', EMPTY_OBJECT);
+
+    const ViewComponent: View<Schema> | undefined = get(
+        config,
+        `${schema.type}.views.${viewType}.${mode}.Component`,
+    );
+    const WrapperComponent: Wrapper<Schema> | undefined = get(
+        config,
+        `${schema.type}.wrappers.${wrapperType}`,
+    );
+    const independent: boolean | undefined = get(
+        config,
+        `${schema.type}.views.${viewType}.${mode}.independent`,
+    );
+
+    return {
+        View: ViewComponent,
+        viewProps,
+        Wrapper: WrapperComponent,
+        wrapperProps,
+        independent,
+    };
+};
+
+export const getAjvValidate = ({
+    config,
+    schema: mainSchema,
+}: GetAjvValidateParams): GetAjvValidateReturn => {
+    function entityParametersValidate(_: any, value: FieldValue, schema?: JsonSchema) {
+        if (schema) {
+            const validatorType: string | undefined = get(schema, 'entityParameters.validatorType');
+            const validator: Validator<JsonSchema> | undefined = get(
+                config,
+                `${schema.type}.validators.${validatorType}`,
+            );
+
+            if (validator) {
+                const error: Partial<EntityParametersError> = {
+                    keyword: 'entityParameters',
+                    message: '',
+                    params: {validator, value, schema},
+                };
+
+                (entityParametersValidate as SchemaValidateFunction).errors = [error];
+
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    const ajv = new Ajv({
+        allErrors: true,
+        allowMatchingProperties: true,
+        keywords: [
+            {
+                errors: true,
+                keyword: 'entityParameters',
+                validate: entityParametersValidate as FuncKeywordDefinition['validate'],
+            },
+        ],
+    });
+    const ajvValidate = ajv.compile(mainSchema) as GetAjvValidateReturn;
+
+    return ajvValidate;
+};
+
+const getSchemaBySchemaPath = (
+    schemaPath: string,
+    keyword: string,
+    mainSchema: JsonSchema,
+): JsonSchema | undefined => {
+    const sp = decodeURIComponent(schemaPath);
+    let result = mainSchema;
+
+    if (sp !== `#/${keyword}`) {
+        const pathArr = sp.substring('#/'.length, sp.length - `/${keyword}`.length).split('/');
+
+        result = get(mainSchema, pathArr);
+    }
+
+    return result;
+};
+
+const getSchemaByInstancePath = (
+    instancePath: string,
+    mainSchema: JsonSchema,
+): JsonSchema | undefined => {
+    let result: JsonSchema | undefined = mainSchema;
+
+    if (instancePath.length) {
+        const pathArr = instancePath.substring('/'.length).split('/');
+
+        result = pathArr.reduce((acc: JsonSchema | undefined, subpath) => {
+            const type = get(acc, 'type');
+
+            if (type === JsonSchemaType.Object) {
+                return get(acc, `properties.${subpath}`);
+            } else if (type === JsonSchemaType.Array) {
+                const items = get(acc, 'items');
+
+                if (Array.isArray(items)) {
+                    return get(items, `[${subpath}]`);
+                }
+
+                return items;
+            }
+
+            return undefined;
+        }, mainSchema);
+    }
+
+    return result;
+};
+
+const isEntityParametersError = (
+    error: ErrorObject | EntityParametersError,
+): error is EntityParametersError => error.keyword === 'entityParameters';
+
+const getErrorMessageBySchema = (schema: JsonSchema | undefined, keyword: string, name: string) => {
+    const errorOrMap: Record<string, string> | string | undefined = get(
+        schema,
+        `entityParameters.errorMessages.${keyword}`,
+    );
+    const message: string | undefined = isString(errorOrMap) ? errorOrMap : get(errorOrMap, name);
+
+    return message;
+};
+
+const getError = (schema: JsonSchema, message: SyncValidateError) => {
+    if (schema.type === JsonSchemaType.Array) {
+        const arrayError = set([], ARRAY_ERROR, message);
+
+        return arrayError;
+    }
+
+    if (schema.type === JsonSchemaType.Object) {
+        const objectError = set({}, 'FINAL_FORM/object-error', message);
+
+        return objectError;
+    }
+
+    return message;
+};
+
+export const getValidate = <Schema extends JsonSchema>({
+    config,
+    errorMessages,
+    name,
+    schema,
+    setValidationCache,
+    setValidationWaiters,
+}: GetValidateParams<Schema>): GetValidateReturn<Schema> => {
+    const ajvValidate = getAjvValidate({config, schema});
+
+    return (value, allValues, meta) => {
+        ajvValidate(value);
+
+        if (!ajvValidate.errors?.length) {
+            return false;
+        }
+
+        const waiters: Record<string, ValidationWaiter> = {};
+        const errors: {instancePath: string; error: SyncValidateError}[] = [];
+        const priorityErrors: {instancePath: string; error: SyncValidateError}[] = [];
+
+        ajvValidate.errors.forEach((ajvError) => {
+            if (isEntityParametersError(ajvError)) {
+                const {instancePath, params} = ajvError;
+                const validationState: ValidationState | undefined = meta?.data;
+
+                const waiter = validationState?.waiters?.[instancePath];
+                const cache = validationState?.cache?.[instancePath];
+                const cacheItem = cache?.find((item) => isEqual(params, omit(item, 'result')));
+
+                if (cacheItem?.result) {
+                    priorityErrors.push({
+                        instancePath: instancePath,
+                        error: cacheItem.result,
+                    });
+                } else if (!waiter || !isEqual(params, waiter)) {
+                    const errorOrPromise = params.validator(params.value, allValues as ObjectValue);
+
+                    if (errorOrPromise instanceof Promise) {
+                        waiters[instancePath] = params;
+
+                        errorOrPromise.then((result) => {
+                            setValidationCache({
+                                name,
+                                cache: {[ajvError.instancePath]: {...ajvError.params, result}},
+                            });
+                        });
+                    } else {
+                        priorityErrors.push({
+                            instancePath: instancePath,
+                            error: errorOrPromise,
+                        });
+                    }
+                }
+            } else {
+                let instancePath = ajvError.instancePath;
+                let keyword = ajvError.keyword;
+                let schemaPath = ajvError.schemaPath;
+
+                if (keyword === 'required' || keyword === 'dependencies') {
+                    instancePath += `/${ajvError.params.missingProperty}`;
+                } else if (keyword === 'if') {
+                    keyword = ajvError.params.failingKeyword;
+                    schemaPath = schemaPath.slice(0, -'if'.length) + ajvError.params.failingKeyword;
+                }
+
+                const spSchema: JsonSchema | undefined = getSchemaBySchemaPath(
+                    schemaPath,
+                    keyword,
+                    schema,
+                );
+                const ipSchema: JsonSchema | undefined = getSchemaByInstancePath(
+                    instancePath,
+                    schema,
+                );
+
+                const propertyName = instancePath.split('/').pop() as string;
+                const error: string | undefined =
+                    getErrorMessageBySchema(spSchema, keyword, propertyName) ||
+                    getErrorMessageBySchema(ipSchema, keyword, propertyName) ||
+                    errorMessages[keyword as keyof typeof errorMessages] ||
+                    ajvError.message;
+
+                errors.push({
+                    instancePath,
+                    error,
+                });
+            }
+        });
+
+        if (Object.keys(waiters).length) {
+            setValidationWaiters({name, waiters: waiters});
+        }
+
+        const error = set({}, name, undefined);
+
+        [...errors, ...priorityErrors].forEach((item) => {
+            if (item.error) {
+                const path = [
+                    ...(name.length ? name.split('.') : []),
+                    ...(item.instancePath
+                        ? item.instancePath.substring('/'.length).split('/')
+                        : []),
+                ];
+
+                const itemSchema = getSchemaByInstancePath(item.instancePath, schema);
+
+                if (itemSchema) {
+                    set(error, path, getError(itemSchema, item.error));
+                }
+            }
+        });
+
+        // сетить ошибки массивов и объектов в отдельное место в сторе формы
+
+        return get(error, name);
+    };
+};
diff --git a/src/lib/unstable/core/components/SchemaRenderer/SchemaRenderer.tsx b/src/lib/unstable/core/components/SchemaRenderer/SchemaRenderer.tsx
new file mode 100644
index 00000000..351df782
--- /dev/null
+++ b/src/lib/unstable/core/components/SchemaRenderer/SchemaRenderer.tsx
@@ -0,0 +1,53 @@
+import React from 'react';
+
+import {useForm} from 'react-final-form';
+
+import type {SchemaRendererMode} from '../../constants';
+import {EMPTY_OBJECT} from '../../constants';
+import type {
+    ErrorMessages,
+    JsonSchema,
+    SchemaRendererConfig,
+    SchemaRendererContextType,
+} from '../../types';
+import {Entity} from '../Entity';
+
+import {SchemaRendererContext} from './context';
+
+export interface SchemaRendererProps {
+    config: SchemaRendererConfig;
+    errorMessages?: ErrorMessages;
+    mode: SchemaRendererMode;
+    name: string;
+    schema: JsonSchema;
+}
+
+const Component: React.FC<SchemaRendererProps> = ({
+    config,
+    errorMessages = EMPTY_OBJECT,
+    mode,
+    name,
+    schema,
+}) => {
+    const {setValidationCache, setValidationWaiters} = useForm().mutators;
+
+    const context: SchemaRendererContextType = React.useMemo(
+        () => ({
+            config,
+            errorMessages,
+            mode,
+            name,
+            schema,
+            tools: {setValidationCache, setValidationWaiters},
+        }),
+        [config, errorMessages, mode, name, schema, setValidationCache, setValidationWaiters],
+    );
+
+    return (
+        <SchemaRendererContext.Provider value={context}>
+            <Entity name={name} schema={schema} />
+        </SchemaRendererContext.Provider>
+    );
+};
+
+export const SchemaRenderer = React.memo(Component);
diff --git a/src/lib/unstable/core/components/SchemaRenderer/context.ts b/src/lib/unstable/core/components/SchemaRenderer/context.ts
new file mode 100644
index 00000000..81fa4c33
--- /dev/null
+++ b/src/lib/unstable/core/components/SchemaRenderer/context.ts
@@ -0,0 +1,7 @@
+import React from 'react';
+
+import type {SchemaRendererContextType} from '../../types';
+
+export const SchemaRendererContext = React.createContext<SchemaRendererContextType>(
+    null as unknown as SchemaRendererContextType,
+);
diff --git a/src/lib/unstable/core/components/SchemaRenderer/index.ts b/src/lib/unstable/core/components/SchemaRenderer/index.ts
new file mode 100644
index 00000000..58f7aa13
--- /dev/null
+++ b/src/lib/unstable/core/components/SchemaRenderer/index.ts
@@ -0,0 +1,2 @@
+export * from './SchemaRenderer';
+export * from './context';
diff --git a/src/lib/unstable/core/constants/common.ts b/src/lib/unstable/core/constants/common.ts
new file mode 100644
index 00000000..d5ec5282
--- /dev/null
+++ b/src/lib/unstable/core/constants/common.ts
@@ -0,0 +1,14 @@
+export enum SchemaRendererMode {
+    Form = 'form',
+    Overview = 'overview',
+}
+
+export enum JsonSchemaType {
+    Array = 'array',
+    Boolean = 'boolean',
+    Number = 'number',
+    Object = 'object',
+    String = 'string',
+}
+
+export const EMPTY_OBJECT = {};
diff --git a/src/lib/unstable/core/constants/index.ts b/src/lib/unstable/core/constants/index.ts
new file mode 100644
index 00000000..d0b93236
--- /dev/null
+++ b/src/lib/unstable/core/constants/index.ts
@@ -0,0 +1 @@
+export * from './common';
diff --git a/src/lib/unstable/core/mutators/async-validation/async-validation.ts b/src/lib/unstable/core/mutators/async-validation/async-validation.ts
new file mode 100644
index 00000000..fd0bb288
--- /dev/null
+++ b/src/lib/unstable/core/mutators/async-validation/async-validation.ts
@@ -0,0 +1,51 @@
+import isEqual from 'lodash/isEqual';
+import omit from 'lodash/omit';
+
+import type {
+    SetValidationCacheFunction,
+    SetValidationWaitersFunction,
+    ValidationState,
+} from '../../types';
+
+export const setValidationWaiters: SetValidationWaitersFunction = (
+    [{name, waiters}],
+    mutableState,
+) => {
+    const validationState = mutableState.fields[name]?.data as ValidationState | undefined;
+
+    if (validationState && waiters) {
+        Object.keys(waiters).forEach((waiterName) => {
+            validationState.waiters = {
+                ...validationState.waiters,
+                [waiterName]: waiters[waiterName],
+            };
+
+            const waiterField = mutableState.fields[waiterName];
+
+            if (waiterField) {
+                waiterField.validating = true;
+            }
+        });
+    }
+};
+
+export const setValidationCache: SetValidationCacheFunction = ([{cache, name}], mutableState) => {
+    const validationState = mutableState.fields[name]?.data as ValidationState | undefined;
+
+    if (validationState && cache) {
+        Object.keys(cache).forEach((cacheName) => {
+            validationState.cache = {
+                ...validationState.cache,
+                [cacheName]: [...(validationState.cache?.[cacheName] || []), cache[cacheName]],
+            };
+
+            const cacheField = mutableState.fields[cacheName];
+            const waiter = validationState.waiters?.[cacheName];
+
+            if (cacheField && waiter && isEqual(waiter, omit(cache[cacheName], 'result'))) {
+                validationState.waiters = omit(validationState.waiters, cacheName);
+                cacheField.validating = false;
+            }
+        });
+    }
+};
diff --git a/src/lib/unstable/core/mutators/async-validation/index.ts b/src/lib/unstable/core/mutators/async-validation/index.ts
new file mode 100644
index 00000000..0dfe05bd
--- /dev/null
+++ b/src/lib/unstable/core/mutators/async-validation/index.ts
@@ -0,0 +1 @@
+export * from './async-validation';
diff --git a/src/lib/unstable/core/mutators/index.ts b/src/lib/unstable/core/mutators/index.ts
new file mode 100644
index 00000000..88115419
--- /dev/null
+++ b/src/lib/unstable/core/mutators/index.ts
@@ -0,0 +1,3 @@
+import {setValidationCache, setValidationWaiters} from './async-validation';
+
+export const mutators = {setValidationCache, setValidationWaiters};
diff --git a/src/lib/unstable/core/types/components.ts b/src/lib/unstable/core/types/components.ts
new file mode 100644
index 00000000..04b13d6b
--- /dev/null
+++ b/src/lib/unstable/core/types/components.ts
@@ -0,0 +1,47 @@
+import type {FieldRenderProps} from 'react-final-form';
+
+import type {SchemaToValueType} from './helpers';
+import type {JsonSchema} from './schema';
+
+export interface SimpleViewProps<
+    Schema extends JsonSchema,
+    ViewComponentProps extends Record<string, any> = {},
+> extends FieldRenderProps<SchemaToValueType<Schema> | null | undefined> {
+    schema: Schema;
+    viewProps: Partial<ViewComponentProps>;
+}
+
+export type SimpleView<
+    Schema extends JsonSchema,
+    ViewComponentProps extends Record<string, any> = {},
+> = React.ComponentType<SimpleViewProps<Schema, ViewComponentProps>>;
+
+export interface WrapperProps<
+    Schema extends JsonSchema,
+    WrapperComponentProps extends Record<string, any> = {},
+> extends FieldRenderProps<SchemaToValueType<Schema> | null | undefined> {
+    schema: Schema;
+    wrapperProps: Partial<WrapperComponentProps>;
+}
+
+export type Wrapper<
+    Schema extends JsonSchema,
+    WrapperComponentProps extends Record<string, any> = {},
+> = React.ComponentType<WrapperProps<Schema, WrapperComponentProps>>;
+
+export interface IndependentViewProps<
+    Schema extends JsonSchema,
+    ComponentProps extends Record<string, any> = {},
+    WrapperComponentProps extends Record<string, any> = {},
+> extends SimpleViewProps<Schema, ComponentProps> {
+    Wrapper?: Wrapper<Schema, WrapperComponentProps>;
+    wrapperProps: Partial<WrapperComponentProps>;
+}
+
+export type IndependentView<
+    Schema extends JsonSchema,
+    ComponentProps extends Record<string, any> = {},
+    WrapperComponentProps extends Record<string, any> = {},
+> = React.ComponentType<IndependentViewProps<Schema, ComponentProps, WrapperComponentProps>>;
+
+export type View<Schema extends JsonSchema> = SimpleView<Schema> | IndependentView<Schema>;
diff --git a/src/lib/unstable/core/types/config.ts b/src/lib/unstable/core/types/config.ts
new file mode 100644
index 00000000..236fa348
--- /dev/null
+++ b/src/lib/unstable/core/types/config.ts
@@ -0,0 +1,57 @@
+import type {JsonSchemaType, SchemaRendererMode} from '../constants';
+
+import type {IndependentView, SimpleView, Wrapper} from './components';
+import type {
+    JsonSchema,
+    JsonSchemaArray,
+    JsonSchemaBoolean,
+    JsonSchemaNumber,
+    JsonSchemaObject,
+    JsonSchemaString,
+} from './schema';
+import type {Validator} from './validation';
+
+export interface SimpleViewComponentConfig<Schema extends JsonSchema> {
+    Component: SimpleView<Schema> | null;
+    independent?: false;
+}
+
+export interface IndependentViewComponentConfig<Schema extends JsonSchema> {
+    Component: IndependentView<Schema>;
+    independent: true;
+}
+
+export type ViewComponentConfig<Schema extends JsonSchema> =
+    | SimpleViewComponentConfig<Schema>
+    | IndependentViewComponentConfig<Schema>;
+
+export interface ViewConfig<Schema extends JsonSchema> {
+    [SchemaRendererMode.Form]: ViewComponentConfig<Schema>;
+    [SchemaRendererMode.Overview]: ViewComponentConfig<Schema>;
+}
+
+export interface ViewsConfig<Schema extends JsonSchema> {
+    [key: string]: ViewConfig<Schema> | undefined;
+}
+
+export interface WrappersConfig<Schema extends JsonSchema> {
+    [key: string]: Wrapper<Schema> | undefined;
+}
+
+export interface ValidatorsConfig<Schema extends JsonSchema> {
+    [key: string]: Validator<Schema> | undefined;
+}
+
+export interface TypeConfig<Schema extends JsonSchema> {
+    views: ViewsConfig<Schema>;
+    wrappers: WrappersConfig<Schema>;
+    validators: ValidatorsConfig<Schema>;
+}
+
+export interface SchemaRendererConfig {
+    [JsonSchemaType.Array]: TypeConfig<JsonSchemaArray>;
+    [JsonSchemaType.Boolean]: TypeConfig<JsonSchemaBoolean>;
+    [JsonSchemaType.Number]: TypeConfig<JsonSchemaNumber>;
+    [JsonSchemaType.Object]: TypeConfig<JsonSchemaObject>;
+    [JsonSchemaType.String]: TypeConfig<JsonSchemaString>;
+}
diff --git a/src/lib/unstable/core/types/context.ts b/src/lib/unstable/core/types/context.ts
new file mode 100644
index 00000000..e775d14d
--- /dev/null
+++ b/src/lib/unstable/core/types/context.ts
@@ -0,0 +1,18 @@
+import type {SchemaRendererMode} from '../constants';
+
+import type {SchemaRendererConfig} from './config';
+import type {SetValidationCacheMutator, SetValidationWaitersMutator} from './mutators';
+import type {JsonSchema} from './schema';
+import type {ErrorMessages} from './validation';
+
+export interface SchemaRendererContextType {
+    config: SchemaRendererConfig;
+    errorMessages: ErrorMessages;
+    mode: SchemaRendererMode;
+    name: string;
+    schema: JsonSchema;
+    tools: {
+        setValidationCache: SetValidationCacheMutator;
+        setValidationWaiters: SetValidationWaitersMutator;
+    };
+}
diff --git a/src/lib/unstable/core/types/helpers.ts b/src/lib/unstable/core/types/helpers.ts
new file mode 100644
index 00000000..be7de6b5
--- /dev/null
+++ b/src/lib/unstable/core/types/helpers.ts
@@ -0,0 +1,83 @@
+import type {JsonSchemaType, SchemaRendererMode} from '../constants';
+
+import type {SchemaRendererConfig} from './config';
+import type {
+    JsonSchema,
+    JsonSchemaArray,
+    JsonSchemaBoolean,
+    JsonSchemaNumber,
+    JsonSchemaObject,
+    JsonSchemaString,
+} from './schema';
+import type {ArrayValue, FieldValue, ObjectValue} from './values';
+
+export type SchemaToValueType<Schema extends JsonSchema> = Schema extends JsonSchemaArray
+    ? ArrayValue
+    : Schema extends JsonSchemaBoolean
+    ? boolean
+    : Schema extends JsonSchemaNumber
+    ? number
+    : Schema extends JsonSchemaObject
+    ? ObjectValue
+    : Schema extends JsonSchemaString
+    ? string
+    : FieldValue;
+
+export type SchemaToSchemaType<Schema extends JsonSchema> = Schema extends JsonSchemaArray
+    ? JsonSchemaType.Array
+    : Schema extends JsonSchemaBoolean
+    ? JsonSchemaType.Boolean
+    : Schema extends JsonSchemaNumber
+    ? JsonSchemaType.Number
+    : Schema extends JsonSchemaObject
+    ? JsonSchemaType.Object
+    : Schema extends JsonSchemaString
+    ? JsonSchemaType.String
+    : JsonSchemaType;
+
+export type SchemaTypeToSchema<SchemaType extends JsonSchemaType> =
+    SchemaType extends JsonSchemaType.Array
+        ? JsonSchemaArray
+        : SchemaType extends JsonSchemaType.Boolean
+        ? JsonSchemaBoolean
+        : SchemaType extends JsonSchemaType.Number
+        ? JsonSchemaNumber
+        : SchemaType extends JsonSchemaType.Object
+        ? JsonSchemaObject
+        : SchemaType extends JsonSchemaType.String
+        ? JsonSchemaString
+        : JsonSchema;
+
+type ExtractViewProps<ViewConfig> = ViewConfig extends {
+    [SchemaRendererMode.Form]: infer FormComponentConfig;
+    [SchemaRendererMode.Overview]: infer OverviewComponentConfig;
+}
+    ? (FormComponentConfig extends {
+          Component: React.ComponentType<infer FormViewComponentProps>;
+      }
+          ? FormViewComponentProps extends {viewProps: infer ViewComponentProps}
+              ? ViewComponentProps
+              : {}
+          : {}) &
+          (OverviewComponentConfig extends {
+              Component: React.ComponentType<infer OverivewViewComponentProps>;
+          }
+              ? OverivewViewComponentProps extends {viewProps: infer ViewComponentProps}
+                  ? ViewComponentProps
+                  : {}
+              : {})
+    : {};
+
+export type ViewComponentPropsByConfig<Config extends SchemaRendererConfig[JsonSchemaType]> = {
+    [Key in keyof Config['views']]: ExtractViewProps<Config['views'][Key]>;
+};
+
+type ExtractWrapperProps<Wrapper> = Wrapper extends React.ComponentType<infer WrapperProps>
+    ? WrapperProps extends {wrapperProps: infer WrapperComponentProps}
+        ? WrapperComponentProps
+        : {}
+    : {};
+
+export type WrapperComponentPropsByConfig<Config extends SchemaRendererConfig[JsonSchemaType]> = {
+    [Key in keyof Config['wrappers']]: ExtractWrapperProps<Config['wrappers'][Key]>;
+};
diff --git a/src/lib/unstable/core/types/index.ts b/src/lib/unstable/core/types/index.ts
new file mode 100644
index 00000000..c81222d6
--- /dev/null
+++ b/src/lib/unstable/core/types/index.ts
@@ -0,0 +1,8 @@
+export * from './components';
+export * from './config';
+export * from './context';
+export * from './helpers';
+export * from './mutators';
+export * from './schema';
+export * from './validation';
+export * from './values';
diff --git a/src/lib/unstable/core/types/mutators.ts b/src/lib/unstable/core/types/mutators.ts
new file mode 100644
index 00000000..dbbdd366
--- /dev/null
+++ b/src/lib/unstable/core/types/mutators.ts
@@ -0,0 +1,68 @@
+import type {MutableState, Tools} from 'final-form';
+
+import type {JsonSchema} from './schema';
+import type {SyncValidateError, Validator} from './validation';
+import type {FieldValue} from './values';
+
+/**
+ * async-validation start
+ */
+
+export interface ValidationWaiter {
+    schema: JsonSchema;
+    validator: Validator<JsonSchema>;
+    value: FieldValue | null | undefined;
+}
+
+export interface ValidationCache extends ValidationWaiter {
+    result: SyncValidateError;
+}
+
+export interface ValidationState {
+    cache?: {
+        [key: string]: ValidationCache[] | undefined;
+    };
+    waiters?: {
+        [key: string]: ValidationWaiter | undefined;
+    };
+}
+
+export interface SetValidationWaitersParams {
+    name: string;
+    waiters: {
+        [key: string]: ValidationWaiter;
+    };
+}
+
+export type SetValidationWaitersFunction<
+    FormValues = object,
+    InitialFormValues = Partial<FormValues>,
+> = (
+    args: [SetValidationWaitersParams],
+    state: MutableState<FormValues, InitialFormValues>,
+    tools: Tools<FormValues, InitialFormValues>,
+) => void;
+
+export type SetValidationWaitersMutator = (params: SetValidationWaitersParams) => void;
+
+export interface SetValidationCacheParams {
+    cache: {
+        [key: string]: ValidationCache;
+    };
+    name: string;
+}
+
+export type SetValidationCacheFunction<
+    FormValues = object,
+    InitialFormValues = Partial<FormValues>,
+> = (
+    args: [SetValidationCacheParams],
+    state: MutableState<FormValues, InitialFormValues>,
+    tools: Tools<FormValues, InitialFormValues>,
+) => void;
+
+export type SetValidationCacheMutator = (params: SetValidationCacheParams) => void;
+
+/**
+ * async-validation end
+ */
diff --git a/src/lib/unstable/core/types/schema.ts b/src/lib/unstable/core/types/schema.ts
new file mode 100644
index 00000000..7afcfed7
--- /dev/null
+++ b/src/lib/unstable/core/types/schema.ts
@@ -0,0 +1,120 @@
+import type {JsonSchemaType} from '../constants';
+
+import type {SchemaRendererConfig} from './config';
+import type {ViewComponentPropsByConfig, WrapperComponentPropsByConfig} from './helpers';
+import type {ErrorMessages} from './validation';
+import type {ArrayValue, FieldValue, ObjectValue} from './values';
+
+interface EntityParameters<
+    Config extends SchemaRendererConfig[JsonSchemaType] = SchemaRendererConfig[JsonSchemaType],
+    ViewKey extends Exclude<keyof ViewComponentPropsByConfig<Config>, number> = Exclude<
+        keyof ViewComponentPropsByConfig<Config>,
+        number
+    >,
+    WrapperKey extends Exclude<keyof WrapperComponentPropsByConfig<Config>, number> = Exclude<
+        keyof WrapperComponentPropsByConfig<Config>,
+        number
+    >,
+> {
+    entityParameters?: {
+        enumDescription?: {
+            [key: string]: string;
+        };
+        errorMessages?: ErrorMessages & {
+            dependencies?: Record<string, string>;
+            required?: Record<string, string>;
+        }; // todo
+        validatorType?: string;
+        viewType?: ViewKey;
+        viewProps?: ViewComponentPropsByConfig<Config>[ViewKey];
+        wrapperType?: WrapperKey;
+        wrapperProps?: {
+            open?: boolean;
+            hidden?: boolean;
+            copy?: boolean;
+            required?: boolean;
+        } & WrapperComponentPropsByConfig<Config>[WrapperKey];
+    };
+}
+
+interface JsonSchemaBase<Schema extends JsonSchema, ValueType extends FieldValue> {
+    allOf?: Schema[];
+    anyOf?: Schema[];
+    const?: ValueType;
+    default?: ValueType;
+    description?: string;
+    else?: Schema;
+    enum?: ValueType[];
+    examples?: ValueType[];
+    if?: Schema;
+    not?: Schema;
+    oneOf?: Schema[];
+    readOnly?: boolean;
+    then?: Schema;
+    title?: string;
+    writeOnly?: boolean;
+}
+
+export interface JsonSchemaArray<Config extends SchemaRendererConfig = SchemaRendererConfig>
+    extends JsonSchemaBase<JsonSchemaArray, ArrayValue>,
+        EntityParameters<Config[JsonSchemaType.Array]> {
+    contains?: boolean | JsonSchema;
+    items?: JsonSchema | JsonSchema[];
+    maxItems?: number;
+    minItems?: number;
+    type: JsonSchemaType.Array;
+    uniqueItems?: boolean;
+}
+
+export interface JsonSchemaBoolean<Config extends SchemaRendererConfig = SchemaRendererConfig>
+    extends JsonSchemaBase<JsonSchemaBoolean, boolean>,
+        EntityParameters<Config[JsonSchemaType.Boolean]> {
+    type: JsonSchemaType.Boolean;
+}
+
+export interface JsonSchemaNumber<Config extends SchemaRendererConfig = SchemaRendererConfig>
+    extends JsonSchemaBase<JsonSchemaNumber, number>,
+        EntityParameters<Config[JsonSchemaType.Number]> {
+    exclusiveMaximum?: number;
+    exclusiveMinimum?: number;
+    maximum?: number;
+    minimum?: number;
+    multipleOf?: number;
+    type: JsonSchemaType.Number;
+}
+
+export interface JsonSchemaObject<Config extends SchemaRendererConfig = SchemaRendererConfig>
+    extends JsonSchemaBase<JsonSchemaObject, ObjectValue>,
+        EntityParameters<Config[JsonSchemaType.Object]> {
+    additionalProperties?: boolean | JsonSchema;
+    dependencies?: {
+        [key: string]: string[] | JsonSchemaObject;
+    };
+    maxProperties?: number;
+    minProperties?: number;
+    patternProperties?: {
+        [key: string]: JsonSchema;
+    };
+    properties?: {
+        [key: string]: JsonSchema;
+    };
+    propertyNames?: JsonSchema;
+    required?: string[];
+    type: JsonSchemaType.Object;
+}
+
+export interface JsonSchemaString<Config extends SchemaRendererConfig = SchemaRendererConfig>
+    extends JsonSchemaBase<JsonSchemaString, string>,
+        EntityParameters<Config[JsonSchemaType.String]> {
+    maxLength?: number;
+    minLength?: number;
+    pattern?: string;
+    type: JsonSchemaType.String;
+}
+
+export type JsonSchema<Config extends SchemaRendererConfig = SchemaRendererConfig> =
+    | JsonSchemaArray<Config>
+    | JsonSchemaBoolean<Config>
+    | JsonSchemaNumber<Config>
+    | JsonSchemaObject<Config>
+    | JsonSchemaString<Config>;
diff --git a/src/lib/unstable/core/types/validation.ts b/src/lib/unstable/core/types/validation.ts
new file mode 100644
index 00000000..55b0d0d2
--- /dev/null
+++ b/src/lib/unstable/core/types/validation.ts
@@ -0,0 +1,54 @@
+import type {SchemaToValueType} from './helpers';
+import type {JsonSchema} from './schema';
+import type {ObjectValue} from './values';
+
+export type SyncValidateError =
+    | boolean
+    | string
+    | Record<string, boolean | string | undefined>
+    | undefined;
+
+export type AsyncValidateError = Promise<SyncValidateError>;
+
+export type SyncValidator<Schema extends JsonSchema> = (
+    value: SchemaToValueType<Schema> | null | undefined,
+    allValues: ObjectValue,
+) => SyncValidateError;
+
+export type AsyncValidator<Schema extends JsonSchema> = (
+    value: SchemaToValueType<Schema> | null | undefined,
+    allValues: ObjectValue,
+) => AsyncValidateError;
+
+export type Validator<Schema extends JsonSchema> = SyncValidator<Schema> | AsyncValidator<Schema>;
+
+export interface ErrorMessages {
+    additionalProperties?: string;
+    anyOf?: string;
+    const?: string;
+    contains?: string;
+    dependencies?: string;
+    else?: string;
+    enum?: string;
+    exclusiveMaximum?: string;
+    exclusiveMinimum?: string;
+    maxContains?: string;
+    maxItems?: string;
+    maxLength?: string;
+    maxProperties?: string;
+    maximum?: string;
+    minContains?: string;
+    minItems?: string;
+    minLength?: string;
+    minProperties?: string;
+    minimum?: string;
+    multipleOf?: string;
+    not?: string;
+    oneOf?: string;
+    pattern?: string;
+    propertyNames?: string;
+    required?: string;
+    then?: string;
+    type?: string;
+    uniqueItems?: string;
+}
diff --git a/src/lib/unstable/core/types/values.ts b/src/lib/unstable/core/types/values.ts
new file mode 100644
index 00000000..5f257190
--- /dev/null
+++ b/src/lib/unstable/core/types/values.ts
@@ -0,0 +1,3 @@
+export type ArrayValue = FieldValue[];
+export interface ObjectValue extends Record<string, FieldValue> {}
+export type FieldValue = number | boolean | string | ArrayValue | ObjectValue;
diff --git a/src/lib/unstable/kit/Accordeon.tsx b/src/lib/unstable/kit/Accordeon.tsx
new file mode 100644
index 00000000..8ab211fa
--- /dev/null
+++ b/src/lib/unstable/kit/Accordeon.tsx
@@ -0,0 +1,54 @@
+import React from 'react';
+
+// import {ArrayLayoutProps, ObjectLayoutProps, isArrayItem} from '../../../../core';
+import {ErrorWrapper, type ErrorWrapperProps} from '../../kit/components';
+// import {useErrorChecker} from '../../../hooks';
+// import {RemoveButton} from '../../kit/components/RemoveButton';
+import {SimpleVerticalAccordeon} from '../../kit/components/SimpleVerticalAccordeon';
+import type {JsonSchema, WrapperProps} from '../core/types';
+
+export const Accordeon = <Schema extends JsonSchema>({
+    schema,
+    input,
+    meta,
+    children,
+}: WrapperProps<Schema>): JSX.Element => {
+    const [open, setOpen] = React.useState(Boolean(schema.entityParameters?.wrapperProps?.open));
+
+    // const onDrop = React.useCallback(() => {
+    //     setOpen(false);
+    //     input.onDrop();
+    // }, [input.onDrop, setOpen]);
+
+    // const removeButton = React.useMemo(() => {
+    //     if (!isArrayItem(name) && (spec.required || !input.value)) {
+    //         return null;
+    //     }
+
+    //     return <RemoveButton name={name} onDrop={onDrop} />;
+    // }, [spec.required, input.value, onDrop, name]);
+
+    // useErrorChecker({name, meta, open, setOpen});
+
+    return (
+        <SimpleVerticalAccordeon
+            name={input.name}
+            title={schema.title || ''}
+            note={schema.description || ''}
+            open={open}
+            onOpenChange={setOpen}
+            // headerActionsTemplate={removeButton}
+            hideInsteadOfDestroy
+            withBranchView
+        >
+            <ErrorWrapper
+                name={input.name}
+                meta={meta as ErrorWrapperProps['meta']}
+                // ff
+                withoutChildErrorStyles
+            >
+                {children}
+            </ErrorWrapper>
+        </SimpleVerticalAccordeon>
+    );
+};
diff --git a/src/lib/unstable/kit/ArrayBase.scss b/src/lib/unstable/kit/ArrayBase.scss
new file mode 100644
index 00000000..3e871751
--- /dev/null
+++ b/src/lib/unstable/kit/ArrayBase.scss
@@ -0,0 +1,35 @@
+.array-base {
+    &_add-button-right {
+        display: flex;
+        align-items: flex-end;
+
+        .transparent {
+            align-items: flex-end;
+        }
+    }
+
+    &__items-wrapper {
+        &_add-button-down {
+            margin-bottom: 15px;
+        }
+
+        &_items-primitive {
+            min-width: 100%;
+
+            &:empty {
+                min-width: unset;
+            }
+        }
+    }
+
+    &__item-prefix {
+        margin-top: -7px;
+        margin-bottom: 8px;
+    }
+
+    &__add-button {
+        &_right {
+            margin-left: 4px;
+        }
+    }
+}
diff --git a/src/lib/unstable/kit/ArrayBase.tsx b/src/lib/unstable/kit/ArrayBase.tsx
new file mode 100644
index 00000000..6da78be8
--- /dev/null
+++ b/src/lib/unstable/kit/ArrayBase.tsx
@@ -0,0 +1,154 @@
+import React from 'react';
+
+import {Plus} from '@gravity-ui/icons';
+import {Button, Icon} from '@gravity-ui/uikit';
+
+// import {
+//     ArrayInput,
+//     ArrayValue,
+//     Controller,
+//     FieldArrayValue,
+//     FieldValue,
+//     OBJECT_ARRAY_CNT,
+//     OBJECT_ARRAY_FLAG,
+//     Spec,
+//     ValidateError,
+//     isBooleanSpec,
+//     isCorrectSpec,
+//     isNumberSpec,
+//     isStringSpec,
+//     transformArrIn,
+// } from '../../../../core';
+import {block} from '../../kit/utils';
+import {Entity} from '../core/components/Entity';
+import type {JsonSchemaArray, SimpleView} from '../core/types';
+
+import './ArrayBase.scss';
+
+const b = block('array-base');
+
+export const ArrayBase: SimpleView<JsonSchemaArray> = ({input, schema}) => {
+    // const keys = React.useMemo(
+    //     () =>
+    //         Object.keys(arrayInput.value || {})
+    //             .filter((k) => k !== OBJECT_ARRAY_FLAG && k !== OBJECT_ARRAY_CNT)
+    //             .map((k) => k.split('<').join('').split('>').join(''))
+    //             .sort((a, b) => Number(a) - Number(b)),
+    //     [arrayInput.value],
+    // );
+
+    // const itemSpecCorrect = React.useMemo(() => isCorrectSpec(spec.items), [spec.items]);
+
+    // const itemsPrimitive = React.useMemo(() => {
+    //     return isBooleanSpec(spec.items) || isNumberSpec(spec.items) || isStringSpec(spec.items);
+    // }, [spec.items]);
+
+    const getItemSpec = React.useCallback(
+        (idx: number): typeof schema.items | null => {
+            const itemSpec = {...schema.items};
+
+            // @ts-expect-error
+            itemSpec.title = itemSpec.title ? `${itemSpec.title} ${idx + 1}` : `${idx + 1}`;
+            // @ts-expect-error
+            return itemSpec;
+        },
+        [schema.items],
+    );
+
+    // const parentOnChange = React.useCallback(
+    //     (childName: string, childValue: FieldValue, childErrors?: Record<string, ValidateError>) =>
+    //         input.onChange(
+    //             (currentValue) =>
+    //                 set({...currentValue}, childName.split(`${input.name}.`).join(''), childValue),
+    //             childErrors,
+    //         ),
+    //     [input.onChange, input.name],
+    // );
+
+    const AddButton: React.FC = React.useCallback(() => {
+        let onClick = () => input.onChange([...(input.value || []), undefined]);
+
+        let qa = `${input.name}-add-item`;
+        let title = schema.title;
+
+        if (!input.value && schema.default) {
+            onClick = () => {
+                // input.onChange(transformArrIn<ArrayValue, FieldArrayValue>(spec.defaultValue!));
+                input.onChange(schema.default);
+            };
+
+            qa = `${name}-init-arr`;
+            title = schema.title;
+        }
+
+        return (
+            <Button
+                onClick={onClick}
+                disabled={schema.readOnly}
+                qa={qa}
+                // className={b('add-button', {
+                //     right: spec.viewSpec.addButtonPosition === 'right',
+                // })}
+            >
+                <Icon data={Plus} size={14} />
+                {title || null}
+            </Button>
+        );
+    }, [
+        // arrayInput,
+        // input,
+        // name,
+        // spec.defaultValue,
+        // spec.viewSpec.disabled,
+        // spec.viewSpec.itemLabel,
+        // spec.viewSpec.layoutTitle,
+        // spec.viewSpec.addButtonPosition,
+        input,
+        schema,
+    ]);
+
+    const items = React.useMemo(
+        () =>
+            (input.value || []).map((_key, idx) => {
+                const itemSpec = getItemSpec(idx);
+
+                if (!itemSpec) {
+                    return null;
+                }
+
+                // const showItemPrefix = idx !== 0 && spec.viewSpec.itemPrefix;
+
+                return (
+                    <React.Fragment key={`${input.name}[${idx}]`}>
+                        {/* {showItemPrefix ? (
+                            <Label size="m" className={b('item-prefix')}>
+                                {spec.viewSpec.itemPrefix}
+                            </Label>
+                        ) : null} */}
+                        <Entity
+                            name={input.name + `[${idx}]`}
+                            // @ts-expect-error
+                            schema={itemSpec}
+                            // value={input.value?.[`<${key}>`]}
+                            // parentOnChange={parentOnChange}
+                            // parentOnUnmount={input.parentOnUnmount}
+                            // spec={itemSpec}
+                            // name={`${name}.<${key}>`}
+                        />
+                    </React.Fragment>
+                );
+            }),
+        [input, schema],
+    );
+
+    // if (!itemSpecCorrect) {
+    //     return null;
+    // }
+
+    return (
+        <div className={b()}>
+            <div className={b('items-wrapper')}>{items}</div>
+            <AddButton />
+        </div>
+    );
+};
diff --git a/src/lib/unstable/kit/MultiSelect.scss b/src/lib/unstable/kit/MultiSelect.scss
new file mode 100644
index 00000000..3bf905a7
--- /dev/null
+++ b/src/lib/unstable/kit/MultiSelect.scss
@@ -0,0 +1,9 @@
+// @import '../../../styles/variables';
+
+.multi-select {
+    max-width: 305px;
+
+    &__meta-text {
+        display: block;
+    }
+}
diff --git a/src/lib/unstable/kit/MultiSelect.tsx b/src/lib/unstable/kit/MultiSelect.tsx
new file mode 100644
index 00000000..ab421e3a
--- /dev/null
+++ b/src/lib/unstable/kit/MultiSelect.tsx
@@ -0,0 +1,109 @@
+import React from 'react';
+
+import type {SelectProps as SelectBaseProps} from '@gravity-ui/uikit';
+import {Select} from '@gravity-ui/uikit';
+
+// import {ArrayInput, FieldArrayValue, transformArrIn, transformArrOut} from '../../../../core';
+import {block} from '../../kit/utils';
+import type {JsonSchemaArray, SimpleView} from '../core/types';
+
+import './MultiSelect.scss';
+
+export interface MultiSelectProps
+    extends Omit<
+        SelectBaseProps,
+        | 'onUpdate'
+        | 'value'
+        | 'onOpenChange'
+        | 'disabled'
+        | 'placeholder'
+        | 'filterPlaceholder'
+        | 'multiple'
+        | 'qa'
+    > {
+    withCustomOptions?: boolean;
+}
+
+const b = block('multi-select');
+
+export const MultiSelect: SimpleView<JsonSchemaArray> = ({input, schema}) => {
+    const {name, value, onBlur, onChange, onFocus} = input;
+
+    const filterable = React.useMemo(() => (schema.enum?.length || 0) > 9, [schema.enum?.length]);
+
+    // const {withCustomOptions, options: externalOptions} = inputProps || {};
+
+    const options = React.useMemo(
+        () =>
+            // withCustomOptions
+            //     ? externalOptions || []
+            // :
+            // @ts-expect-error
+            schema.items?.enum?.map((id) => ({
+                id,
+                value: id,
+                text: schema.entityParameters?.enumDescription?.[id] || id,
+                content: schema.entityParameters?.enumDescription?.[id] || id,
+                key: id,
+            })),
+        [
+            schema.enum,
+            schema.description,
+            // spec.viewSpec.selectParams?.meta,
+            // externalOptions,
+            // withCustomOptions,
+        ],
+    );
+
+    const renderOption = React.useCallback((option: {value: string; content?: React.ReactNode}) => {
+        return <React.Fragment key={option.value}>{option.content || option.value}</React.Fragment>;
+    }, []);
+
+    const getOptionHeight = React.useCallback(() => {
+        // if (spec.viewSpec.selectParams?.meta) {
+        //     return 44;
+        // }
+
+        return 28;
+    }, []);
+
+    const handleToggle = React.useCallback(
+        (open: boolean) => {
+            if (open) {
+                onFocus();
+            } else {
+                onBlur();
+            }
+        },
+        [onFocus, onBlur],
+    );
+
+    // const _value = React.useMemo(() => transformArrOut<FieldArrayValue, string[]>(value), [value]);
+
+    // const handleChange = React.useCallback(
+    //     (value: string[]) => onChange(transformArrIn<string[], FieldArrayValue>(value)),
+    //     [onChange],
+    // );
+
+    return (
+        <Select
+            width="max"
+            className={b()}
+            filterable={filterable}
+            renderOption={renderOption}
+            getOptionHeight={getOptionHeight}
+            // {...inputProps}
+            // @ts-expect-error
+            value={value}
+            options={options}
+            onUpdate={onChange}
+            onOpenChange={handleToggle}
+            disabled={schema.readOnly}
+            // @ts-expect-error
+            placeholder={schema.examples?.[0] || ''}
+            // filterPlaceholder={spec.viewSpec.selectParams?.filterPlaceholder}
+            multiple
+            qa={name}
+        />
+    );
+};
diff --git a/src/lib/unstable/kit/ObjectBase.scss b/src/lib/unstable/kit/ObjectBase.scss
new file mode 100644
index 00000000..16b063a0
--- /dev/null
+++ b/src/lib/unstable/kit/ObjectBase.scss
@@ -0,0 +1,27 @@
+// @import '../../../styles/variables.scss';
+
+.object-base {
+    &__content {
+        &_inline {
+            display: flex;
+
+            // & > .#{$ns}use-search {
+            //     width: 150px;
+            //     margin-bottom: 0;
+            //     margin-right: 8px;
+
+            //     &:last-child {
+            //         margin-right: 0;
+            //     }
+            // }
+        }
+    }
+
+    &__delimiter {
+        height: 28px;
+        display: flex;
+        margin-right: 8px;
+        align-items: center;
+        white-space: nowrap;
+    }
+}
diff --git a/src/lib/unstable/kit/ObjectBase.tsx b/src/lib/unstable/kit/ObjectBase.tsx
new file mode 100644
index 00000000..8b09aaa0
--- /dev/null
+++ b/src/lib/unstable/kit/ObjectBase.tsx
@@ -0,0 +1,103 @@
+import React from 'react';
+
+import {Plus} from '@gravity-ui/icons';
+// import {Button, Icon, Text} from '@gravity-ui/uikit';
+import {Button, Icon} from '@gravity-ui/uikit';
+import isObjectLike from 'lodash/isObjectLike';
+
+// import {block, filterPropertiesForObjectInline} from '../../../kit/utils';
+import {block} from '../../kit/utils';
+import {Entity} from '../core/components/Entity';
+import type {IndependentView, IndependentViewProps, JsonSchemaObject} from '../core/types';
+
+import './ObjectBase.scss';
+
+const b = block('object-base');
+
+export interface ObjectBaseProps extends IndependentViewProps<JsonSchemaObject> {
+    inline?: boolean;
+}
+
+export const ObjectBase: React.FC<ObjectBaseProps> = ({inline, schema, input, meta, Wrapper}) => {
+    const addBtn = React.useMemo(
+        () => (
+            <Button
+                onClick={() => input.onChange(schema.default || {})}
+                disabled={schema.readOnly}
+                qa={`${name}-init-obj`}
+            >
+                <Icon data={Plus} size={14} />
+                {schema.title || null}
+            </Button>
+        ),
+        [schema.default, schema.title, input.onChange],
+    );
+
+    const content = React.useMemo(() => {
+        if (
+            !schema.properties ||
+            !isObjectLike(schema.properties) ||
+            !Object.keys(schema.properties || {}).length
+        ) {
+            return null;
+        }
+
+        if (!inline && !input.value) {
+            return addBtn;
+        }
+
+        // todo
+        // const specProperties = inline
+        //     ? filterPropertiesForObjectInline(schema.properties)
+        //     : schema.properties;
+        const specProperties = schema.properties;
+
+        // todo
+        // const delimiter = spec.viewSpec.delimiter;
+        // const orderProperties = spec.viewSpec.order?.length
+        //     ? spec.viewSpec.order
+        //     : Object.keys(specProperties);
+        const orderProperties = Object.keys(specProperties);
+
+        return (
+            <div className={b('content', {inline})}>
+                {orderProperties.map((property: string) =>
+                    specProperties[property] ? (
+                        <React.Fragment key={`${input.name ? input.name + '.' : ''}${property}`}>
+                            <Entity
+                                schema={specProperties[property]}
+                                name={`${input.name ? input.name + '.' : ''}${property}`}
+                            />
+                            {/* {delimiter && delimiter[property] ? (
+                                <Text className={b('delimiter')}>{delimiter[property]}</Text>
+                            ) : null} */}
+                        </React.Fragment>
+                    ) : null,
+                )}
+            </div>
+        );
+    }, [
+        schema.properties,
+        // spec.viewSpec.delimiter,
+        // spec.viewSpec.order,
+        input.value,
+        inline,
+        addBtn,
+        input.name,
+    ]);
+
+    if (!Wrapper || !content) {
+        return content;
+    }
+
+    return (
+        // @ts-expect-error
+        <Wrapper schema={schema} input={input} meta={meta}>
+            {content}
+        </Wrapper>
+    );
+};
+
+export const ObjectInline: IndependentView<JsonSchemaObject> = (props) => {
+    return <ObjectBase {...props} inline />;
+};
diff --git a/src/lib/unstable/kit/Row.scss b/src/lib/unstable/kit/Row.scss
new file mode 100644
index 00000000..ade670f0
--- /dev/null
+++ b/src/lib/unstable/kit/Row.scss
@@ -0,0 +1,91 @@
+.row {
+    display: flex;
+    width: 500px;
+    max-width: 500px;
+    margin-bottom: 15px;
+
+    &:last-child {
+        margin-bottom: 0;
+    }
+
+    &__left {
+        width: 180px;
+        min-height: 28px;
+        display: flex;
+        margin-bottom: auto;
+        flex-direction: column;
+        flex-shrink: 0;
+
+        &-inner {
+            display: inline;
+            margin-top: auto;
+            margin-bottom: auto;
+        }
+
+        &::after {
+            content: '';
+            width: 100%;
+            flex-shrink: 1;
+        }
+    }
+
+    &__title {
+        word-break: break-word;
+        margin-right: 3px;
+
+        &_required {
+            &::after {
+                content: '*';
+                color: var(--g-color-text-danger);
+            }
+        }
+    }
+
+    &__note {
+        padding-right: 16px;
+        position: relative;
+
+        &-inner {
+            position: absolute;
+            margin-top: 1px;
+
+            .g-help-popover {
+                display: flex;
+
+                & > span {
+                    display: flex;
+                }
+            }
+        }
+    }
+
+    &__right {
+        display: flex;
+        flex-direction: column;
+        flex-grow: 1;
+        margin-left: 15px;
+
+        &-inner {
+            display: flex;
+            justify-content: space-around;
+        }
+    }
+
+    &__description {
+        margin-top: 10px;
+        color: var(--g-color-text-secondary);
+        word-break: break-word;
+    }
+
+    &__remove-button {
+        margin-left: 5px;
+    }
+
+    &__required-mark {
+        color: var(--g-color-text-danger);
+    }
+
+    &__error-wrapper {
+        min-width: 100%;
+    }
+}
diff --git a/src/lib/unstable/kit/Row.tsx b/src/lib/unstable/kit/Row.tsx
new file mode 100644
index 00000000..12149cb1
--- /dev/null
+++ b/src/lib/unstable/kit/Row.tsx
@@ -0,0 +1,118 @@
+import React from 'react';
+
+// import {TrashBin} from '@gravity-ui/icons';
+// import {Button, Icon, Text} from '@gravity-ui/uikit';
+import {HelpMark, Text} from '@gravity-ui/uikit';
+
+import // StringSpec,
+// isArrayItem,
+// isArraySpec,
+// isObjectSpec,
+// withGenerateButton,
+'../../../';
+// import {ErrorWrapper, GenerateRandomValueButton} from '../../../kit/components';
+import {COMMON_POPOVER_PLACEMENT} from '../../../lib/kit/constants/common';
+import {ErrorWrapper} from '../../kit/components';
+import {block} from '../../kit/utils';
+import type {JsonSchema, WrapperProps} from '../core/types';
+
+import './Row.scss';
+
+const b = block('row');
+
+interface RowProps {
+    verboseDescription?: boolean;
+}
+
+const RowBase = <Schema extends JsonSchema>({
+    schema,
+    input,
+    meta,
+    verboseDescription,
+    // wrapperProps,
+    children,
+}: WrapperProps<Schema, {qtest: boolean}> & RowProps) => {
+    // const arrayItem = React.useMemo(() => isArrayItem(name), [name]);
+    // const generateButton = React.useMemo(() => withGenerateButton(spec), [spec]);
+
+    return (
+        <div className={b()}>
+            <div className={b('left')}>
+                <div className={b('left-inner')}>
+                    <Text
+                        className={b('title', {
+                            required: schema.entityParameters?.wrapperProps?.required,
+                        })}
+                    >
+                        {schema.title}
+                    </Text>
+                    {!verboseDescription && schema.description ? (
+                        <span className={b('note')}>
+                            <Text className={b('note-inner')}>
+                                <HelpMark
+                                    popoverProps={{
+                                        placement: COMMON_POPOVER_PLACEMENT,
+                                    }}
+                                >
+                                    {schema.description}
+                                </HelpMark>
+                            </Text>
+                        </span>
+                    ) : null}
+                </div>
+            </div>
+            <div className={b('right')}>
+                <div className={b('right-inner')}>
+                    <ErrorWrapper
+                        name={input.name}
+                        // @ts-expect-error
+                        meta={meta}
+                        // withoutChildErrorStyles={
+                        //     // TODO: remove condition spec.viewSpec.type !== 'select'
+                        //     (isArraySpec(spec) && spec.viewSpec.type !== 'select') ||
+                        //     isObjectSpec(spec)
+                        // }
+                        className={b('error-wrapper')}
+                        ff
+                    >
+                        {children}
+                    </ErrorWrapper>
+                    {/* {generateButton ? (
+                        <GenerateRandomValueButton
+                            spec={spec as StringSpec}
+                            onChange={input.onChange as (value: string) => void}
+                        />
+                    ) : null} */}
+                    {/* {arrayItem ? (
+                        <Button
+                            view="flat-secondary"
+                            className={b('remove-button')}
+                            onClick={input.onDrop}
+                            qa={`${name}-remove-item`}
+                        >
+                            <Icon data={TrashBin} size={16} />
+                        </Button>
+                    ) : null} */}
+                </div>
+                {verboseDescription && schema.description ? (
+                    <div
+                        className={b('description')}
+                        dangerouslySetInnerHTML={{__html: schema.description}}
+                    />
+                ) : null}
+            </div>
+        </div>
+    );
+};
+
+const RowComponent = <Schema extends JsonSchema>(
+    props: WrapperProps<Schema, {qtest: boolean; qwa?: string}>,
+) => <RowBase {...props} />;
+
+export const Row = React.memo(RowComponent);
+
+const RowVerboseComponent = <Schema extends JsonSchema>(
+    props: WrapperProps<Schema, {qtest: boolean; qwa?: string}>,
+) => <RowBase verboseDescription {...props} />;
+
+export const RowVerbose = React.memo(RowVerboseComponent);
diff --git a/src/lib/unstable/kit/Text.tsx b/src/lib/unstable/kit/Text.tsx
new file mode 100644
index 00000000..49d2763d
--- /dev/null
+++ b/src/lib/unstable/kit/Text.tsx
@@ -0,0 +1,51 @@
+import React from 'react';
+
+import {
+    PasswordInput,
+    TextInput,
+    type TextInputProps as TextInputBaseProps,
+} from '@gravity-ui/uikit';
+import isNil from 'lodash/isNil';
+
+import type {JsonSchemaNumber, JsonSchemaString, SimpleViewProps} from '../core/types';
+
+export interface TextProps
+    extends Omit<
+        TextInputBaseProps,
+        'value' | 'onBlur' | 'onFocus' | 'onUpdate' | 'disabled' | 'placeholder' | 'qa'
+    > {}
+
+const Component = <
+    T extends
+        | SimpleViewProps<JsonSchemaNumber, TextProps>
+        | SimpleViewProps<JsonSchemaString, TextProps>,
+>({
+    input,
+    meta,
+    schema,
+}: T) => {
+    const props: TextInputBaseProps = {
+        hasClear: true,
+        // ...inputProps,
+        value: isNil(input.value) ? '' : `${input.value}`,
+        onBlur: input.onBlur,
+        onFocus: input.onFocus,
+        onUpdate: input.onChange,
+        // disabled: spec.viewSpec.disabled,
+        disabled: schema.readOnly,
+        // placeholder: spec.viewSpec.placeholder,
+        placeholder: `${schema.examples?.[0]}`,
+        qa: input.name,
+        error: meta.error,
+        // errorMessage: meta.error,
+    };
+
+    // if (spec.viewSpec.type === 'password') {
+    if (schema.entityParameters?.viewType === 'password') {
+        return <PasswordInput {...props} autoComplete="new-password" />;
+    }
+
+    return <TextInput {...props} type="text" />;
+};
+
+export const Text = React.memo(Component);
diff --git a/src/lib/unstable/kit/config.ts b/src/lib/unstable/kit/config.ts
new file mode 100644
index 00000000..d7c219eb
--- /dev/null
+++ b/src/lib/unstable/kit/config.ts
@@ -0,0 +1,107 @@
+import {JsonSchemaType} from '../core/constants';
+import type {AsyncValidator, SchemaRendererConfig, SyncValidator} from '../core/types';
+import type {
+    JsonSchemaArray,
+    JsonSchemaBoolean,
+    JsonSchemaNumber,
+    JsonSchemaObject,
+    JsonSchemaString,
+} from '../core/types/schema';
+
+import {Accordeon} from './Accordeon';
+import {ArrayBase} from './ArrayBase';
+import {MultiSelect} from './MultiSelect';
+import {ObjectBase} from './ObjectBase';
+import {Row} from './Row';
+import {Text} from './Text';
+
+export const untypedConfig = {
+    [JsonSchemaType.Array]: {
+        views: {
+            select: {
+                form: {
+                    Component: MultiSelect,
+                },
+                overview: {
+                    Component: null,
+                },
+            },
+            base: {
+                form: {
+                    Component: ArrayBase,
+                },
+                overview: {
+                    Component: null,
+                },
+            },
+        },
+        wrappers: {accordeon: Accordeon, row: Row},
+        validators: {base: (() => false) as SyncValidator<JsonSchemaArray>},
+    },
+    [JsonSchemaType.Boolean]: {
+        views: {},
+        wrappers: {},
+        validators: {base: (() => false) as SyncValidator<JsonSchemaBoolean>},
+    },
+    [JsonSchemaType.Number]: {
+        views: {
+            base: {
+                form: {
+                    Component: Text,
+                },
+                overview: {
+                    Component: null,
+                },
+            },
+        },
+        wrappers: {row: Row},
+        validators: {
+            base: () => false,
+            async: (() =>
+                new Promise((resolve) => {
+                    setTimeout(() => {
+                        resolve('bocembocembocem');
+                    }, 2000);
+                })) as AsyncValidator<JsonSchemaNumber>,
+        },
+    },
+    [JsonSchemaType.Object]: {
+        views: {
+            base: {
+                form: {
+                    Component: ObjectBase,
+                    independent: true,
+                },
+                overview: {
+                    Component: null,
+                },
+            },
+        },
+        wrappers: {accordeon: Accordeon},
+        validators: {base: (() => false) as SyncValidator<JsonSchemaObject>},
+    },
+    [JsonSchemaType.String]: {
+        views: {
+            base: {
+                form: {
+                    Component: Text,
+                },
+                overview: {
+                    Component: null,
+                },
+            },
+        },
+        wrappers: {row: Row},
+        validators: {
+            base: (() => 'jajaja') as SyncValidator<JsonSchemaString>,
+            async: (() =>
+                new Promise((resolve) => {
+                    setTimeout(() => {
+                        resolve('bocembocembocem');
+                    }, 2000);
+                })) as AsyncValidator<JsonSchemaString>,
+        },
+    },
+} as const;
+
+export const config: SchemaRendererConfig = untypedConfig;
diff --git a/src/stories/Unstable.stories.tsx b/src/stories/Unstable.stories.tsx
new file mode 100644
index 00000000..067e7776
--- /dev/null
+++ b/src/stories/Unstable.stories.tsx
@@ -0,0 +1,699 @@
+import React from 'react';
+
+import type {StoryFn} from '@storybook/react';
+import {noop} from 'lodash';
+import {Form} from 'react-final-form';
+
+import {ObjectBase} from '../lib';
+import {SchemaRenderer} from '../lib/unstable/core/components/SchemaRenderer';
+import {JsonSchemaType, SchemaRendererMode} from '../lib/unstable/core/constants';
+import {mutators} from '../lib/unstable/core/mutators';
+import type {
+    JsonSchemaArray,
+    JsonSchemaNumber,
+    JsonSchemaObject,
+    JsonSchemaString,
+} from '../lib/unstable/core/types';
+import type {untypedConfig} from '../lib/unstable/kit/config';
+import {config} from '../lib/unstable/kit/config';
+
+export default {
+    title: 'Unstable/Base',
+    component: ObjectBase,
+};
+
+const stringMaxLength: JsonSchemaString<typeof untypedConfig> = {
+    type: JsonSchemaType.String,
+    maxLength: 1,
+    default: 'jaja',
+    title: 'stringMaxLength',
+    entityParameters: {
+        validatorType: 'base',
+        viewType: 'base',
+        wrapperType: 'row',
+        errorMessages: {
+            maxLength: 'stringMaxLength',
+        },
+        // wrapperProps: {
+        //     qtest: 'q',
+        // },
+        // viewProps: {
+        //     qw: 'q',
+        // },
+    },
+};
+
+const stringMinLength: JsonSchemaString = {
+    type: JsonSchemaType.String,
+    minLength: 10,
+    default: 'jaja',
+    title: 'stringMinLength',
+    entityParameters: {
+        validatorType: 'async',
+        viewType: 'base',
+        wrapperType: 'row',
+        errorMessages: {
+            minLength: 'stringMinLength',
+        },
+    },
+};
+
+const stringPattern: JsonSchemaString = {
+    type: JsonSchemaType.String,
+    pattern: '[0-9]',
+    default: 'jaja',
+    title: 'stringPattern',
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'row',
+        errorMessages: {
+            pattern: 'stringPattern',
+        },
+    },
+};
+
+const stringAllOf: JsonSchemaString = {
+    type: JsonSchemaType.String,
+    default: 'jaja',
+    title: 'stringAllOf',
+    allOf: [
+        {
+            type: JsonSchemaType.String,
+            minLength: 9,
+            entityParameters: {
+                errorMessages: {
+                    // minLength: 'stringAllOf/minLength from allOf',
+                },
+            },
+        },
+        {
+            type: JsonSchemaType.String,
+            const: 'ja',
+            entityParameters: {
+                errorMessages: {
+                    // const: 'stringAllOf/const from allOf',
+                },
+            },
+        },
+    ],
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'row',
+        errorMessages: {
+            minLength: 'stringAllOf/minLength from item',
+            const: 'stringAllOf/const from item',
+        },
+    },
+};
+
+const stringAnyOf: JsonSchemaString = {
+    type: JsonSchemaType.String,
+    default: 'jaja',
+    title: 'stringAnyOf',
+    anyOf: [
+        {
+            type: JsonSchemaType.String,
+            minLength: 9,
+            entityParameters: {
+                errorMessages: {
+                    // minLength: 'stringAnyOf/minLength from anyOf',
+                },
+            },
+        },
+        {
+            type: JsonSchemaType.String,
+            const: 'ja',
+            entityParameters: {
+                errorMessages: {
+                    // const: 'stringAnyOf/const from anyOf',
+                },
+            },
+        },
+    ],
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'row',
+        errorMessages: {
+            minLength: 'stringAnyOf/minLength from item',
+            const: 'stringAnyOf/const from item',
+            anyOf: 'stringAnyOf',
+        },
+    },
+};
+
+const stringConst: JsonSchemaString = {
+    type: JsonSchemaType.String,
+    const: 'jajajaja',
+    default: 'jaja',
+    title: 'stringConst',
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'row',
+        errorMessages: {
+            const: 'stringConst',
+        },
+    },
+};
+
+const stringEnum: JsonSchemaString = {
+    type: JsonSchemaType.String,
+    enum: ['jajaja', 'bobobo'],
+    default: 'jaja',
+    title: 'stringEnum',
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'row',
+        errorMessages: {
+            enum: 'stringEnum',
+        },
+    },
+};
+
+const stringThen: JsonSchemaString = {
+    type: JsonSchemaType.String,
+    default: 'jaja',
+    title: 'stringThen',
+    if: {
+        type: JsonSchemaType.String,
+        const: 'jaja',
+    },
+    else: {
+        type: JsonSchemaType.String,
+    },
+    then: {
+        type: JsonSchemaType.String,
+        minLength: 5,
+    },
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'row',
+        errorMessages: {
+            then: 'stringThen',
+        },
+    },
+};
+
+const stringElse: JsonSchemaString = {
+    type: JsonSchemaType.String,
+    default: 'jaja',
+    title: 'stringElse',
+    if: {
+        type: JsonSchemaType.String,
+        const: 'ja',
+    },
+    else: {
+        type: JsonSchemaType.String,
+        minLength: 5,
+    },
+    then: {
+        type: JsonSchemaType.String,
+    },
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'row',
+        errorMessages: {
+            else: 'stringElse',
+        },
+    },
+};
+
+const stringNot: JsonSchemaString = {
+    type: JsonSchemaType.String,
+    default: 'jaja',
+    title: 'stringNot',
+    not: {
+        type: JsonSchemaType.String,
+        const: 'jaja',
+    },
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'row',
+        errorMessages: {
+            not: 'stringNot',
+        },
+    },
+};
+
+const stringOneOf: JsonSchemaString = {
+    type: JsonSchemaType.String,
+    default: 'jaja',
+    title: 'stringOneOf',
+    oneOf: [
+        {
+            type: JsonSchemaType.String,
+            minLength: 9,
+            entityParameters: {
+                errorMessages: {
+                    // minLength: 'stringOneOf/minLength from oneOf',
+                },
+            },
+        },
+        {
+            type: JsonSchemaType.String,
+            const: 'ja',
+            entityParameters: {
+                errorMessages: {
+                    // const: 'stringOneOf/const from oneOf',
+                },
+            },
+        },
+    ],
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'row',
+        errorMessages: {
+            minLength: 'stringOneOf from item',
+            const: 'stringOneOf from item',
+            oneOf: 'stringOneOf',
+        },
+    },
+};
+
+const numberExclusiveMaximum: JsonSchemaNumber = {
+    type: JsonSchemaType.Number,
+    exclusiveMaximum: 2,
+    default: 2,
+    title: 'numberExclusiveMaximum',
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'row',
+        errorMessages: {
+            exclusiveMaximum: 'numberExclusiveMaximum',
+        },
+    },
+};
+
+const numberExclusiveMinimum: JsonSchemaNumber = {
+    type: JsonSchemaType.Number,
+    exclusiveMinimum: 2,
+    default: 2,
+    title: 'numberExclusiveMinimum',
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'row',
+        errorMessages: {
+            exclusiveMinimum: 'numberExclusiveMinimum',
+        },
+    },
+};
+
+const numberMaximum: JsonSchemaNumber = {
+    type: JsonSchemaType.Number,
+    maximum: 2,
+    default: 3,
+    title: 'numberMaximum',
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'row',
+        errorMessages: {
+            maximum: 'numberMaximum',
+        },
+    },
+};
+
+const numberMinimum: JsonSchemaNumber = {
+    type: JsonSchemaType.Number,
+    minimum: 3,
+    default: 2,
+    title: 'numberMinimum',
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'row',
+        errorMessages: {
+            minimum: 'numberMinimum',
+        },
+    },
+};
+
+const numberMultipleOf: JsonSchemaNumber = {
+    type: JsonSchemaType.Number,
+    multipleOf: 3,
+    default: 2,
+    title: 'numberMultipleOf',
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'row',
+        errorMessages: {
+            multipleOf: 'numberMultipleOf',
+        },
+    },
+};
+
+const objectAdditionalProperties: JsonSchemaObject = {
+    type: JsonSchemaType.Object,
+    properties: {
+        stringConst,
+    },
+    default: {extra: 'test'},
+    title: 'objectAdditionalProperties',
+    additionalProperties: false,
+    // additionalProperties: {
+    //     type: JsonSchemaType.String,
+    //     const: 'jaja',
+    //     entityParameters: {
+    //         errorMessages: {const: 'objectAdditionalProperties/const'},
+    //     },
+    // },
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'accordeon',
+        wrapperProps: {
+            open: true,
+        },
+        errorMessages: {
+            additionalProperties: 'objectAdditionalProperties',
+        },
+    },
+};
+
+const objectDependencies: JsonSchemaObject = {
+    type: JsonSchemaType.Object,
+    properties: {
+        stringConst,
+        stringEnum: {
+            ...stringEnum,
+            default: undefined,
+        },
+        numberMinimum: {
+            ...numberMinimum,
+            default: undefined,
+        },
+    },
+    title: 'objectDependencies',
+    default: {},
+    dependencies: {
+        stringConst: ['stringEnum', 'numberMinimum'],
+        // stringConst: {
+        //     type: JsonSchemaType.Object,
+        //     properties: {
+        //         stringEnum: {
+        //             type: JsonSchemaType.String,
+        //             maxLength: 1,
+        //         },
+        //     },
+        // },
+    },
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'accordeon',
+        wrapperProps: {
+            open: true,
+        },
+        errorMessages: {
+            // dependencies: 'objectDependencies',
+            // todo
+            // @ts-expect-error
+            dependencies: {
+                stringEnum: 'objectDependencies/stringEnum',
+                numberMinimum: 'objectDependencies/numberMinimum',
+            },
+        },
+    },
+};
+
+const objectMaxProperties: JsonSchemaObject = {
+    type: JsonSchemaType.Object,
+    properties: {
+        stringConst,
+        stringEnum,
+    },
+    title: 'objectMaxProperties',
+    maxProperties: 1,
+    default: {},
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'accordeon',
+        wrapperProps: {
+            open: true,
+        },
+        errorMessages: {
+            maxProperties: 'objectMaxProperties',
+        },
+    },
+};
+
+const objectMinProperties: JsonSchemaObject = {
+    type: JsonSchemaType.Object,
+    properties: {
+        stringConst,
+        stringEnum,
+    },
+    title: 'objectMinProperties',
+    minProperties: 3,
+    default: {},
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'accordeon',
+        wrapperProps: {
+            open: true,
+        },
+        errorMessages: {
+            minProperties: 'objectMinProperties',
+        },
+    },
+};
+
+const objectPatternProperties: JsonSchemaObject = {
+    type: JsonSchemaType.Object,
+    properties: {
+        stringConst,
+        stringEnum,
+    },
+    title: 'patternProperties',
+    default: {},
+    patternProperties: {
+        '^string': {
+            type: JsonSchemaType.Number,
+            entityParameters: {errorMessages: {type: 'patternProperties/type'}},
+        },
+    },
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'accordeon',
+        wrapperProps: {
+            open: true,
+        },
+    },
+};
+
+const objectPropertyNames: JsonSchemaObject = {
+    type: JsonSchemaType.Object,
+    properties: {
+        stringConst,
+        stringEnum,
+    },
+    title: 'objectPropertyNames',
+    default: {},
+    propertyNames: {
+        type: JsonSchemaType.String,
+        maxLength: 5,
+    },
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'accordeon',
+        wrapperProps: {
+            open: true,
+        },
+        errorMessages: {
+            propertyNames: 'objectPropertyNames',
+        },
+    },
+};
+
+const arrayContains: JsonSchemaArray = {
+    type: JsonSchemaType.Array,
+    items: {
+        type: JsonSchemaType.String,
+        title: 'item',
+        entityParameters: {
+            viewType: 'base',
+            wrapperType: 'row',
+        },
+    },
+    contains: true,
+    // contains: {
+    //     type: JsonSchemaType.String,
+    //     const: 'test',
+    // },
+    title: 'arrayContains',
+    default: [],
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'row',
+        wrapperProps: {
+            open: true,
+        },
+        errorMessages: {
+            contains: 'arrayContains',
+        },
+    },
+};
+
+const arrayMaxItems: JsonSchemaArray = {
+    type: JsonSchemaType.Array,
+    items: {
+        type: JsonSchemaType.String,
+        title: 'item',
+        minLength: 2,
+        entityParameters: {
+            viewType: 'base',
+            wrapperType: 'row',
+            errorMessages: {
+                minLength: 'stringMinLength',
+            },
+        },
+    },
+    maxItems: 1,
+    title: 'arrayMaxItems',
+    default: ['1', '2'],
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'row',
+        wrapperProps: {
+            open: true,
+        },
+        errorMessages: {
+            maxItems: 'arrayMaxItems',
+        },
+    },
+};
+
+const arrayMinItems: JsonSchemaArray = {
+    type: JsonSchemaType.Array,
+    items: {
+        type: JsonSchemaType.String,
+        title: 'item',
+        entityParameters: {
+            viewType: 'base',
+            wrapperType: 'row',
+        },
+    },
+    minItems: 3,
+    title: 'arrayMinItems',
+    default: ['1', '2'],
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'row',
+        wrapperProps: {
+            open: true,
+        },
+        errorMessages: {
+            minItems: 'arrayMinItems',
+        },
+    },
+};
+
+const arrayUniqueItems: JsonSchemaArray = {
+    type: JsonSchemaType.Array,
+    items: {
+        type: JsonSchemaType.String,
+        title: 'item',
+        entityParameters: {
+            viewType: 'base',
+            wrapperType: 'row',
+        },
+    },
+    uniqueItems: true,
+    title: 'arrayUniqueItems',
+    default: ['1', '1'],
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'row',
+        wrapperProps: {
+            open: true,
+        },
+        errorMessages: {
+            uniqueItems: 'arrayUniqueItems',
+        },
+    },
+};
+
+const baseSpec: JsonSchemaObject = {
+    type: JsonSchemaType.Object,
+    properties: {
+        arrayContains,
+        arrayMaxItems,
+        arrayMinItems,
+        arrayUniqueItems,
+        stringMaxLength,
+        stringMinLength,
+        stringPattern,
+        stringAllOf,
+        stringAnyOf,
+        stringConst,
+        stringEnum,
+        stringThen,
+        stringElse,
+        stringNot,
+        stringOneOf,
+        numberExclusiveMaximum,
+        numberExclusiveMinimum,
+        numberMaximum,
+        numberMinimum,
+        numberMultipleOf,
+        objectAdditionalProperties,
+        objectDependencies,
+        objectMaxProperties,
+        objectMinProperties,
+        objectPatternProperties,
+        objectPropertyNames,
+    },
+    title: 'Candidate',
+    entityParameters: {
+        viewType: 'base',
+        wrapperType: 'accordeon',
+        wrapperProps: {
+            open: true,
+        },
+    },
+    const: {},
+};
+
+const value = {
+    qwe: {
+        test: {
+            // name: 'bocemb',
+            age: 13,
+            nameQ: 'jaja',
+            obj: {name: 'bocemb', age: 13},
+        },
+    },
+};
+
+// new Array(1200).fill('test').forEach((_, idx) => {
+//     baseSpec.properties![`test${idx}`] = {
+//         type: JsonSchemaType.String,
+//         title: 'Name',
+//         entityParameters: {
+//             viewType: 'base',
+//             wrapperType: 'row',
+//         },
+//         // minLength: 10,
+//         // pattern: '^[0-9]',
+//         // pattern: '[-_a-zA-Z0-9/.]+$',
+//     };
+//     baseSpec.required?.push(`test${idx}`);
+//     baseSpec.allOf![0].properties![`test${idx}`] = {
+//         type: JsonSchemaType.String,
+//         minLength: 15,
+//     };
+// });
+
+const template = () => {
+    const Template: StoryFn<typeof ObjectBase> = (__) => (
+        <Form initialValues={value} onSubmit={noop} mutators={{...mutators}}>
+            {() => (
+                <SchemaRenderer
+                    name="qwe.test"
+                    schema={baseSpec}
+                    config={config}
+                    mode={SchemaRendererMode.Form}
+                />
+            )}
+        </Form>
+    );
+
+    return Template;
+};
+
+export const Base = template();