@reformer/core 11.0.0-beta.4 → 11.0.0-beta.5

package/dist/form/validators/min-date.d.ts

@@ -12,14 +12,13 @@ import { Validator, ValidateOptions } from '../types/validation-schema';
  *
  * @example Минимальная дата
  * ```typescript
+ * import { defineValidationSchema, validate } from '@reformer/core/validation';
  * import { required, minDate } from '@reformer/core/validators';
  *
- * // Внутри FieldConfig схемы формы:
- * startDate: {
- *   value: model.$.startDate,
- *   component: DatePicker,
- *   validators: [required(), minDate(new Date(), { message: 'Дата не раньше сегодня' })],
- * },
+ * // Правила живут в отдельной схеме над МОДЕЛЬЮ — layout-схема валидаторов не несёт.
+ * const validation = defineValidationSchema<MyForm>(({ model }) => {
+ *   validate(model.$.startDate, [required(), minDate(new Date(), { message: 'Дата не раньше сегодня' })]);
+ * });
  * ```
  */
 export declare function minDate<TForm = unknown, TField extends string | Date | null | undefined = string | Date>(minDateValue: Date, options?: ValidateOptions): Validator<TForm, TField>;

package/dist/form/validators/min-file-size.d.ts

@@ -15,14 +15,13 @@ import { Validator, ValidateOptions } from '../types/validation-schema';
  *
  * @example Отсев пустых файлов
  * ```typescript
+ * import { defineValidationSchema, validate } from '@reformer/core/validation';
  * import { minFileSize } from '@reformer/core/validators';
  *
- * // Внутри FieldConfig схемы формы:
- * documents: {
- *   value: model.$.documents,
- *   component: FileUploadField,
- *   validators: [minFileSize(1, { message: 'Файл пустой' })],
- * },
+ * // Правила живут в отдельной схеме над МОДЕЛЬЮ — layout-схема валидаторов не несёт.
+ * const validation = defineValidationSchema<MyForm>(({ model }) => {
+ *   validate(model.$.documents, [minFileSize(1, { message: 'Файл пустой' })]);
+ * });
  * ```
  */
 export declare function minFileSize<TForm = unknown, TField = unknown>(minSize: number, options?: ValidateOptions): Validator<TForm, TField>;

package/dist/form/validators/min-files.d.ts

@@ -13,14 +13,13 @@ import { Validator, ValidateOptions } from '../types/validation-schema';
  *
  * @example Не менее двух документов
  * ```typescript
+ * import { defineValidationSchema, validate } from '@reformer/core/validation';
  * import { required, minFiles } from '@reformer/core/validators';
  *
- * // Внутри FieldConfig схемы формы:
- * documents: {
- *   value: model.$.documents,
- *   component: FileUploadField,
- *   validators: [required(), minFiles(2, { message: 'Приложите минимум 2 документа' })],
- * },
+ * // Правила живут в отдельной схеме над МОДЕЛЬЮ — layout-схема валидаторов не несёт.
+ * const validation = defineValidationSchema<MyForm>(({ model }) => {
+ *   validate(model.$.documents, [required(), minFiles(2, { message: 'Приложите минимум 2 документа' })]);
+ * });
  * ```
  */
 export declare function minFiles<TForm = unknown, TField = unknown>(min: number, options?: ValidateOptions): Validator<TForm, TField>;

package/dist/form/validators/min-length.d.ts

@@ -13,15 +13,14 @@ import { Validator, ValidateOptions } from '../types/validation-schema';
  *
  * @example Минимальная длина строки
  * ```typescript
+ * import { defineValidationSchema, validate } from '@reformer/core/validation';
  * import { required, minLength } from '@reformer/core/validators';
  *
- * // Внутри FieldConfig схемы формы:
- * name: { value: model.$.name, component: Input, validators: [minLength(2)] },
- * password: {
- *   value: model.$.password,
- *   component: Input,
- *   validators: [required(), minLength(8, { message: 'Минимум 8 символов' })],
- * },
+ * // Правила живут в отдельной схеме над МОДЕЛЬЮ — layout-схема валидаторов не несёт.
+ * const validation = defineValidationSchema<MyForm>(({ model }) => {
+ *   validate(model.$.name, [minLength(2)]);
+ *   validate(model.$.password, [required(), minLength(8, { message: 'Минимум 8 символов' })]);
+ * });
  * ```
  */
 export declare function minLength<TForm = unknown, TField = unknown>(minLen: number, options?: ValidateOptions): Validator<TForm, TField>;

package/dist/form/validators/min.d.ts

@@ -11,15 +11,14 @@ import { Validator, ValidateOptions } from '../types/validation-schema';
  *
  * @example Минимальное значение числового поля
  * ```typescript
+ * import { defineValidationSchema, validate } from '@reformer/core/validation';
  * import { required, min } from '@reformer/core/validators';
  *
- * // Внутри FieldConfig схемы формы:
- * age: { value: model.$.age, component: Input, validators: [min(18)] },
- * quantity: {
- *   value: model.$.quantity,
- *   component: Input,
- *   validators: [required(), min(1, { message: 'Минимум 1' })],
- * },
+ * // Правила живут в отдельной схеме над МОДЕЛЬЮ — layout-схема валидаторов не несёт.
+ * const validation = defineValidationSchema<MyForm>(({ model }) => {
+ *   validate(model.$.age, [min(18)]);
+ *   validate(model.$.quantity, [required(), min(1, { message: 'Минимум 1' })]);
+ * });
  * ```
  */
 export declare function min<TForm = unknown, TField extends number | null | undefined = number>(minValue: number, options?: ValidateOptions): Validator<TForm, TField>;

package/dist/form/validators/multiple-of.d.ts

@@ -11,14 +11,13 @@ import { Validator, ValidateOptions } from '../types/validation-schema';
  *
  * @example Проверка кратности
  * ```typescript
+ * import { defineValidationSchema, validate } from '@reformer/core/validation';
  * import { multipleOf } from '@reformer/core/validators';
  *
- * // Внутри FieldConfig схемы формы:
- * rating: {
- *   value: model.$.rating,
- *   component: Input,
- *   validators: [multipleOf(0.5, { message: 'Только шаг 0.5' })],
- * },
+ * // Правила живут в отдельной схеме над МОДЕЛЬЮ — layout-схема валидаторов не несёт.
+ * const validation = defineValidationSchema<MyForm>(({ model }) => {
+ *   validate(model.$.rating, [multipleOf(0.5, { message: 'Только шаг 0.5' })]);
+ * });
  * ```
  */
 export declare function multipleOf<TForm = unknown, TField extends number | null | undefined = number>(divisor: number, options?: ValidateOptions): Validator<TForm, TField>;

package/dist/form/validators/non-negative.d.ts

@@ -9,14 +9,13 @@ import { Validator, ValidateOptions } from '../types/validation-schema';
  *
  * @example Проверка неотрицательности
  * ```typescript
+ * import { defineValidationSchema, validate } from '@reformer/core/validation';
  * import { nonNegative } from '@reformer/core/validators';
  *
- * // Внутри FieldConfig схемы формы:
- * balance: {
- *   value: model.$.balance,
- *   component: Input,
- *   validators: [nonNegative({ message: 'Баланс не может быть отрицательным' })],
- * },
+ * // Правила живут в отдельной схеме над МОДЕЛЬЮ — layout-схема валидаторов не несёт.
+ * const validation = defineValidationSchema<MyForm>(({ model }) => {
+ *   validate(model.$.balance, [nonNegative({ message: 'Баланс не может быть отрицательным' })]);
+ * });
  * ```
  */
 export declare function nonNegative<TForm = unknown, TField extends number | null | undefined = number>(options?: ValidateOptions): Validator<TForm, TField>;

package/dist/form/validators/non-zero.d.ts

@@ -9,14 +9,13 @@ import { Validator, ValidateOptions } from '../types/validation-schema';
  *
  * @example Проверка «не ноль»
  * ```typescript
+ * import { defineValidationSchema, validate } from '@reformer/core/validation';
  * import { nonZero } from '@reformer/core/validators';
  *
- * // Внутри FieldConfig схемы формы:
- * divisor: {
- *   value: model.$.divisor,
- *   component: Input,
- *   validators: [nonZero({ message: 'Не может быть нулём' })],
- * },
+ * // Правила живут в отдельной схеме над МОДЕЛЬЮ — layout-схема валидаторов не несёт.
+ * const validation = defineValidationSchema<MyForm>(({ model }) => {
+ *   validate(model.$.divisor, [nonZero({ message: 'Не может быть нулём' })]);
+ * });
  * ```
  */
 export declare function nonZero<TForm = unknown, TField extends number | null | undefined = number>(options?: ValidateOptions): Validator<TForm, TField>;

package/dist/form/validators/past-date.d.ts

@@ -10,14 +10,13 @@ import { Validator, ValidateOptions } from '../types/validation-schema';
  *
  * @example Дата не в будущем
  * ```typescript
+ * import { defineValidationSchema, validate } from '@reformer/core/validation';
  * import { required, pastDate } from '@reformer/core/validators';
  *
- * // Внутри FieldConfig схемы формы:
- * birthDate: {
- *   value: model.$.birthDate,
- *   component: DatePicker,
- *   validators: [required(), pastDate({ message: 'Дата рождения не может быть в будущем' })],
- * },
+ * // Правила живут в отдельной схеме над МОДЕЛЬЮ — layout-схема валидаторов не несёт.
+ * const validation = defineValidationSchema<MyForm>(({ model }) => {
+ *   validate(model.$.birthDate, [required(), pastDate({ message: 'Дата рождения не может быть в будущем' })]);
+ * });
  * ```
  */
 export declare function pastDate<TForm = unknown, TField extends string | Date | null | undefined = string | Date>(options?: ValidateOptions): Validator<TForm, TField>;

package/dist/form/validators/pattern.d.ts

@@ -12,22 +12,14 @@ import { Validator, ValidateOptions } from '../types/validation-schema';
  *
  * @example Проверка по регулярному выражению
  * ```typescript
+ * import { defineValidationSchema, validate } from '@reformer/core/validation';
  * import { required, pattern } from '@reformer/core/validators';
  *
- * // Внутри FieldConfig схемы формы:
- * name: {
- *   value: model.$.name,
- *   component: Input,
- *   validators: [pattern(/^[a-zA-Zа-яА-Я]+$/, { message: 'Только буквы' })],
- * },
- * phone: {
- *   value: model.$.phone,
- *   component: InputMask,
- *   validators: [
- *     required(),
- *     pattern(/^\+7 \(\d{3}\) \d{3}-\d{2}-\d{2}$/, { message: 'Формат +7 (999) 123-45-67' }),
- *   ],
- * },
+ * // Правила живут в отдельной схеме над МОДЕЛЬЮ — layout-схема валидаторов не несёт.
+ * const validation = defineValidationSchema<MyForm>(({ model }) => {
+ *   validate(model.$.name, [pattern(/^[a-zA-Zа-яА-Я]+$/, { message: 'Только буквы' })]);
+ *   validate(model.$.phone, [required(), pattern(/^\+7 \(\d{3}\) \d{3}-\d{2}-\d{2}$/, { message: 'Формат +7 (999) 123-45-67' })]);
+ * });
  * ```
  */
 export declare function pattern<TForm = unknown, TField extends string | null | undefined = string>(regex: RegExp, options?: ValidateOptions): Validator<TForm, TField>;

package/dist/form/validators/phone.d.ts

@@ -28,14 +28,13 @@ export interface PhoneValidatorOptions extends ValidateOptions {
  *
  * @example Проверка номера телефона
  * ```typescript
+ * import { defineValidationSchema, validate } from '@reformer/core/validation';
  * import { required, phone } from '@reformer/core/validators';
  *
- * // Внутри FieldConfig схемы формы:
- * phone: {
- *   value: model.$.phone,
- *   component: Input,
- *   validators: [required(), phone({ format: 'ru' })],
- * },
+ * // Правила живут в отдельной схеме над МОДЕЛЬЮ — layout-схема валидаторов не несёт.
+ * const validation = defineValidationSchema<MyForm>(({ model }) => {
+ *   validate(model.$.phone, [required(), phone({ format: 'ru' })]);
+ * });
  * ```
  */
 export declare function phone<TForm = unknown, TField extends string | null | undefined = string>(options?: PhoneValidatorOptions): Validator<TForm, TField>;

package/dist/form/validators/required.d.ts

@@ -13,20 +13,15 @@ import { Validator, ValidateOptions } from '../types/validation-schema';
  *
  * @example Обязательные поля в схеме формы
  * ```typescript
+ * import { defineValidationSchema, validate } from '@reformer/core/validation';
  * import { required } from '@reformer/core/validators';
  *
- * // Внутри FieldConfig схемы формы:
- * email: { value: model.$.email, component: Input, validators: [required()] },
- * phone: {
- *   value: model.$.phone,
- *   component: Input,
- *   validators: [required({ message: 'Укажите номер телефона' })],
- * },
- * agreeToTerms: {
- *   value: model.$.agreeToTerms,
- *   component: Checkbox,
- *   validators: [required({ message: 'Необходимо принять условия' })],
- * },
+ * // Правила живут в отдельной схеме над МОДЕЛЬЮ — layout-схема валидаторов не несёт.
+ * const validation = defineValidationSchema<MyForm>(({ model }) => {
+ *   validate(model.$.email, [required()]);
+ *   validate(model.$.phone, [required({ message: 'Укажите номер телефона' })]);
+ *   validate(model.$.agreeToTerms, [required({ message: 'Необходимо принять условия' })]);
+ * });
  * ```
  */
 export declare function required<TForm = unknown, TField = unknown>(options?: ValidateOptions): Validator<TForm, TField>;

package/dist/form/validators/url.d.ts

@@ -24,20 +24,15 @@ export interface UrlValidatorOptions extends ValidateOptions {
  *
  * @example Проверка URL
  * ```typescript
+ * import { defineValidationSchema, validate } from '@reformer/core/validation';
  * import { required, url } from '@reformer/core/validators';
  *
- * // Внутри FieldConfig схемы формы:
- * website: {
- *   value: model.$.website,
- *   component: Input,
- *   validators: [required(), url({ message: 'Введите корректный URL' })],
- * },
- * // Требовать протокол и ограничить схему только https:
- * homepage: {
- *   value: model.$.homepage,
- *   component: Input,
- *   validators: [url({ requireProtocol: true, allowedProtocols: ['https'] })],
- * },
+ * // Правила живут в отдельной схеме над МОДЕЛЬЮ — layout-схема валидаторов не несёт.
+ * const validation = defineValidationSchema<MyForm>(({ model }) => {
+ *   validate(model.$.website, [required(), url({ message: 'Введите корректный URL' })]);
+ *   // Требовать протокол и ограничить схему только https:
+ *   validate(model.$.homepage, [url({ requireProtocol: true, allowedProtocols: ['https'] })]);
+ * });
  * ```
  */
 export declare function url<TForm = unknown, TField extends string | null | undefined = string>(options?: UrlValidatorOptions): Validator<TForm, TField>;

package/dist/index.js

@@ -772,7 +772,7 @@ class de extends M {
    *
    * @example
    * ```typescript
-   * const field = new FieldNode({ value: 'initial', component: Input });
+   * const field = new FieldNode({ value: 'initial', component: InputField });
    *
    * field.setValue('changed');
    * field.reset('temp value');
@@ -965,12 +965,14 @@ class de extends M {
    * @param updateOn - новый триггер валидации: 'change' | 'blur' | 'submit'
    *
    * @example
+   * Пример node-level: плоская схема с инлайн-значениями (back-compat путь до M1). В layout-схеме
+   * `createForm({ model, schema })` поля `validators` нет — правила живут в `defineValidationSchema`.
    * ```typescript
    * // Сценарий 1: Instant feedback после submit
    * const form = createForm({
    *   email: {
    *     value: '',
-   *     component: Input,
+   *     component: InputField,
    *     updateOn: 'submit', // Изначально валидация только при submit
    *     validators: [required, email],
    *   },
@@ -1436,8 +1438,8 @@ class A extends M {
    * @example
    * ```typescript
    * const form = new GroupNode({
-   *   email: { value: '', component: Input },
-   *   name: { value: '', component: Input },
+   *   email: { value: '', component: InputField },
+   *   name: { value: '', component: InputField },
    * });
    *
    * const proxy = form.getProxy();
@@ -1511,11 +1513,11 @@ class A extends M {
    * @example
    * ```typescript
    * const form = new GroupNode({
-   *   email: { value: '', component: Input },
+   *   email: { value: '', component: InputField },
    *   address: {
-   *     city: { value: '', component: Input }
+   *     city: { value: '', component: InputField }
    *   },
-   *   items: [{ name: { value: '', component: Input } }]
+   *   items: [{ name: { value: '', component: InputField } }]
    * });
    *
    * form.getFieldByPath('email');           // FieldNode
@@ -1892,7 +1894,7 @@ class W extends M {
    * @example
    * ```typescript
    * const arrayNode = new ArrayNode(
-   *   { name: { value: '', component: Input } },
+   *   { name: { value: '', component: InputField } },
    *   [{ name: 'Initial 1' }, { name: 'Initial 2' }]
    * );
    *
@@ -2104,28 +2106,29 @@ class ve {
    * ```typescript
    * const factory = new NodeFactory();
    *
+   * Конфиг node-level (не layout-схема M1, где `validators` уже нет).
    * // FieldNode
    * const field = factory.createNode({
    *   value: 'test@mail.com',
-   *   component: Input,
+   *   component: InputField,
    *   validators: [required, email]
    * });
    *
    * // GroupNode
    * const group = factory.createNode({
-   *   email: { value: '', component: Input },
-   *   password: { value: '', component: Input }
+   *   email: { value: '', component: InputField },
+   *   password: { value: '', component: InputField }
    * });
    *
    * // ArrayNode (объект)
    * const array = factory.createNode({
-   *   schema: { title: { value: '', component: Input } },
+   *   schema: { title: { value: '', component: InputField } },
    *   initialItems: [{ title: 'Item 1' }]
    * });
    *
    * // ArrayNode (массив) - новый формат
    * const array2 = factory.createNode([
-   *   { title: { value: '', component: Input } }, // schema
+   *   { title: { value: '', component: InputField } }, // schema
    *   { title: 'Item 1' }, // initial item 1
    *   { title: 'Item 2' }  // initial item 2
    * ]);
@@ -2167,7 +2170,7 @@ class ve {
    *
    * // Массив с начальными элементами
    * const array = factory.createArrayNodeFromArray([
-   *   { title: { value: '', component: Input } }, // schema
+   *   { title: { value: '', component: InputField } }, // schema
    *   { title: 'Item 1' }, // initial value
    *   { title: 'Item 2' }  // initial value
    * ]);
@@ -2188,7 +2191,7 @@ class ve {
    * ✅ НОВОЕ: Извлечено из GroupNode для централизации логики
    *
    * Преобразует схему формы в объект со значениями:
-   * - `{ name: { value: 'John', component: Input } } → { name: 'John' }`
+   * - `{ name: { value: 'John', component: InputField } } → { name: 'John' }`
    * - Поддерживает вложенные группы
    * - Поддерживает массивы
    *
@@ -2200,10 +2203,10 @@ class ve {
    * const factory = new NodeFactory();
    *
    * const schema = {
-   *   name: { value: 'John', component: Input },
-   *   age: { value: 30, component: Input },
+   *   name: { value: 'John', component: InputField },
+   *   age: { value: 30, component: InputField },
    *   address: {
-   *     city: { value: 'Moscow', component: Input }
+   *     city: { value: 'Moscow', component: InputField }
    *   }
    * };
    *
@@ -2238,7 +2241,7 @@ class ve {
    * ```typescript
    * const factory = new NodeFactory();
    *
-   * factory.isFieldConfig({ value: '', component: Input }); // true
+   * factory.isFieldConfig({ value: '', component: InputField }); // true
    * factory.isFieldConfig({ email: { value: '' } }); // false
    * factory.isFieldConfig(null); // false
    * ```
@@ -2263,7 +2266,7 @@ class ve {
    * const factory = new NodeFactory();
    *
    * factory.isArrayConfig({ schema: {}, initialItems: [] }); // true
-   * factory.isArrayConfig({ value: '', component: Input }); // false
+   * factory.isArrayConfig({ value: '', component: InputField }); // false
    * factory.isArrayConfig({ email: { value: '' } }); // false
    * ```
    */
@@ -2286,11 +2289,11 @@ class ve {
    * const factory = new NodeFactory();
    *
    * factory.isGroupConfig({
-   *   email: { value: '', component: Input },
-   *   password: { value: '', component: Input }
+   *   email: { value: '', component: InputField },
+   *   password: { value: '', component: InputField }
    * }); // true
    *
-   * factory.isGroupConfig({ value: '', component: Input }); // false
+   * factory.isGroupConfig({ value: '', component: InputField }); // false
    * factory.isGroupConfig({ schema: {} }); // false
    * factory.isGroupConfig(null); // false
    * ```

package/docs/llms/02-quick-start.md

@@ -18,7 +18,7 @@
 import { createCoreForm, createModel, useFormBundle, type FormProxy } from '@reformer/core';
 import { defineValidationSchema, validate, validateModel } from '@reformer/core/validation';
 import { required, email } from '@reformer/core/validators';
-import { FormField, Input, Button } from '@reformer/ui-kit';
+import { FormField, InputField, Button } from '@reformer/ui-kit';
 
 // 1. Define form type as `type` alias (not `interface` — see Recipe 2)
 type ContactForm = {
@@ -34,12 +34,12 @@ const model = createModel<ContactForm>({ name: '', email: '' });
 const schema = {
   name: {
     value: model.$.name,
-    component: Input,
+    component: InputField,
     componentProps: { label: 'Name', placeholder: 'Your name' },
   },
   email: {
     value: model.$.email,
-    component: Input,
+    component: InputField,
     componentProps: { label: 'Email', type: 'email' },
   },
 };
@@ -113,13 +113,13 @@ const model = createModel<MyForm>({ properties: [] });
 const propertyItem = (item: FormModel<PropertyItem>) => ({
   type: {
     value: item.$.type,
-    component: Select,
+    component: SelectField,
     componentProps: { label: 'Тип', options: [/* ... */] },
   },
-  description: { value: item.$.description, component: Textarea, componentProps: { label: 'Описание' } },
+  description: { value: item.$.description, component: TextareaField, componentProps: { label: 'Описание' } },
   estimatedValue: {
     value: item.$.estimatedValue,
-    component: Input,
+    component: InputField,
     componentProps: { label: 'Стоимость', type: 'number' },
   },
 });

package/docs/llms/03-api-signatures.md

@@ -72,9 +72,9 @@ const model = createModel<Loan>({ email: '', age: 0, amount: 0 });
 const form = createForm({
   model,
   schema: {
-    email:  { value: model.$.email,  component: Input },
-    age:    { value: model.$.age,    component: Input },
-    amount: { value: model.$.amount, component: Input },
+    email:  { value: model.$.email,  component: InputField },
+    age:    { value: model.$.age,    component: InputField },
+    amount: { value: model.$.amount, component: InputField },
   },
 });
 

package/docs/llms/05-common-mistakes.md

@@ -93,7 +93,7 @@ computeFrom([model.$.price, model.$.quantity], model.$.total, (price, qty) => pr
 ```typescript
 // ❌ WRONG - дерево { value, validators } и позиционная строка удалены
 const schema = {
-  email: { value: model.$.email, component: Input, validators: [required(), email()] },
+  email: { value: model.$.email, component: InputField, validators: [required(), email()] },
 };
 validate(path.email, required(), 'Email is required'); // старая сигнатура validate() — удалена
 

package/docs/llms/09-formschema.md

@@ -10,7 +10,7 @@ layout-схеме НЕТ — правила живут в отдельной с
 ```typescript
 {
   value: model.$.fieldName,   // сигнал модели (PathAwareSignal) — обязателен
-  component: Input,           // React-компонент
+  component: InputField,           // React-компонент
   componentProps?: object,    // пропсы (label, placeholder, options, type, ...)
   disabled?: boolean,
   updateOn?: 'change' | 'blur' | 'submit',
@@ -28,7 +28,7 @@ layout-схеме НЕТ — правила живут в отдельной с
 import { createModel, createForm } from '@reformer/core';
 import { defineValidationSchema, validate } from '@reformer/core/validation';
 import { required } from '@reformer/core/validators';
-import { Input, Select, Checkbox } from '@reformer/ui-kit';
+import { InputField, SelectField, CheckboxField } from '@reformer/ui-kit';
 
 const model = createModel<MyForm>({ name: '', age: null, agree: false, status: 'active' });
 
@@ -40,22 +40,22 @@ const myValidation = defineValidationSchema<MyForm>(({ model }) => {
 const schema = {
   name: {
     value: model.$.name,
-    component: Input,
+    component: InputField,
     componentProps: { label: 'Name', placeholder: 'Enter name' },
   },
   age: {
     value: model.$.age,
-    component: Input,
+    component: InputField,
     componentProps: { type: 'number', label: 'Age' },
   },
   agree: {
     value: model.$.agree,
-    component: Checkbox,
+    component: CheckboxField,
     componentProps: { label: 'I agree to terms' },
   },
   status: {
     value: model.$.status,
-    component: Select,
+    component: SelectField,
     componentProps: {
       label: 'Status',
       options: [
@@ -79,9 +79,9 @@ const form = createForm<MyForm>({ model, schema });
 import type { FormModel } from '@reformer/core';
 
 const addressNodes = (m: FormModel<Address>) => ({
-  street: { value: m.$.street, component: Input, componentProps: { label: 'Street' } },
-  city:   { value: m.$.city,   component: Input, componentProps: { label: 'City' } },
-  zip:    { value: m.$.zip,    component: Input, componentProps: { label: 'ZIP' } },
+  street: { value: m.$.street, component: InputField, componentProps: { label: 'Street' } },
+  city:   { value: m.$.city,   component: InputField, componentProps: { label: 'City' } },
+  zip:    { value: m.$.zip,    component: InputField, componentProps: { label: 'ZIP' } },
 });
 
 const schema = {
@@ -98,8 +98,8 @@ const schema = {
 import type { FormModel } from '@reformer/core';
 
 const itemSchema = (item: FormModel<Item>) => ({
-  id:   { value: item.$.id,   component: Input, componentProps: { label: 'ID' } },
-  name: { value: item.$.name, component: Input, componentProps: { label: 'Name' } },
+  id:   { value: item.$.id,   component: InputField, componentProps: { label: 'ID' } },
+  name: { value: item.$.name, component: InputField, componentProps: { label: 'Name' } },
 });
 
 const schema = {

package/docs/llms/10-arrays.md

@@ -7,7 +7,7 @@
 
 ```typescript
 import { createModel, createForm, type FormModel } from '@reformer/core';
-import { Input } from '@reformer/ui-kit';
+import { InputField } from '@reformer/ui-kit';
 
 type Item = { id: string; name: string; price: number };
 type MyForm = { items: Item[] };
@@ -16,9 +16,9 @@ const model = createModel<MyForm>({ items: [] });
 
 // под-схема одного элемента (item.$.field — сигнал под-модели)
 const itemSchema = (item: FormModel<Item>) => ({
-  id:    { value: item.$.id,    component: Input },
-  name:  { value: item.$.name,  component: Input },
-  price: { value: item.$.price, component: Input, componentProps: { type: 'number' } },
+  id:    { value: item.$.id,    component: InputField },
+  name:  { value: item.$.name,  component: InputField },
+  price: { value: item.$.price, component: InputField, componentProps: { type: 'number' } },
 });
 
 const schema = {

package/docs/llms/14-extended-mistakes.md

@@ -71,7 +71,7 @@ import { revalidateWhen, type ValidationError } from '@reformer/core';
 // ❌ старое (УДАЛЕНО): дерево { value, validators }, ModelValidator (value, scope, root), validateFormModel
 const legacyRule: ModelValidator<number, unknown, Form> = (_value, _scope, root) =>
   root.field1 > root.field2 ? { code: 'error', message: 'Invalid' } : null;
-const legacySchema = { field1: { value: model.$.field1, component: Input, validators: [legacyRule] } };
+const legacySchema = { field1: { value: model.$.field1, component: InputField, validators: [legacyRule] } };
 validateFormModel(model, legacySchema);
 
 // ✅ новое: cross-правило — обычная функция над снапшотом (model.get()), не читает scope/root