@reformer/ui-kit 7.0.0 → 9.0.0

package/dist/components/state/error-state.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-interface ErrorStateProps {
+export interface ErrorStateProps {
     /** Текст ошибки, показывается под заголовком. */
     error: string;
     /** Заголовок блока ошибки. По умолчанию `'Ошибка загрузки'`. */
@@ -28,4 +28,3 @@ interface ErrorStateProps {
  * ```
  */
 export declare function ErrorState({ error, title, onRetry, retryLabel, className, }: ErrorStateProps): ReactNode;
-export {};

package/dist/components/state/index.d.ts

@@ -1,2 +1,4 @@
 export { ErrorState } from './error-state';
 export { LoadingState } from './loading-state';
+export type { ErrorStateProps } from './error-state';
+export type { LoadingStateProps } from './loading-state';

package/dist/components/state/loading-state.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-interface LoadingStateProps {
+export interface LoadingStateProps {
     /** Основной текст. По умолчанию `'Загрузка данных...'`. */
     title?: string;
     /** Вспомогательный текст под спиннером. По умолчанию `'Пожалуйста, подождите'`. */
@@ -23,4 +23,3 @@ interface LoadingStateProps {
  * ```
  */
 export declare function LoadingState({ title, subtitle, className, }: LoadingStateProps): ReactNode;
-export {};

package/dist/components/ui/checkbox.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 /** Props компонента {@link Checkbox}. */
-export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'type'> {
+export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'type' | 'checked' | 'defaultChecked'> {
     /** Дополнительный CSS-класс для самого input. */
     className?: string;
     /** Состояние чекбокса. `undefined` рендерится как `false`. */

package/dist/components/ui/input-mask.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 /** Props компонента {@link InputMask}. */
-export interface InputMaskProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
+export interface InputMaskProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'defaultValue'> {
     /** Дополнительный CSS-класс. */
     className?: string;
     /** Текущее значение поля. `null`/`undefined` рендерится как пустое поле. */

package/dist/components/ui/input-password.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 /** Props компонента {@link InputPassword}. */
-export interface InputPasswordProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'type'> {
+export interface InputPasswordProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'type' | 'defaultValue'> {
     /** Дополнительный CSS-класс. */
     className?: string;
     /** Текущее значение пароля. `null`/`undefined` рендерится как пустое поле. */

package/dist/components/ui/input.d.ts

@@ -1,29 +1,41 @@
 import * as React from 'react';
-/** Props компонента {@link Input}. */
-export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
+/** Общие props компонента {@link Input}, не зависящие от `type`. */
+interface InputBaseProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'defaultValue' | 'type'> {
     /** Дополнительный CSS-класс (мерджится с дефолтными Tailwind-классами через `tailwind-merge`). */
     className?: string;
-    /**
-     * Текущее значение поля. Для `type='number'` ожидается `number | null`,
-     * для остальных — `string | null`. `null`/`undefined` рендерится как пустое поле.
-     */
-    value?: string | number | null;
-    /**
-     * Обработчик изменений. Получает уже распарсенное значение:
-     * - для `type='number'` — `number` или `null` (для пустой строки),
-     * - иначе — `string` или `null`.
-     * `NaN` не прокидывается. При `min >= 0` отрицательные значения превращаются в `0`.
-     */
-    onChange?: (value: string | number | null) => void;
     /** Срабатывает при потере фокуса. Используется `FormField` для пометки `touched`. */
     onBlur?: () => void;
-    /** HTML-тип input. Для `'number'` включается специальный парсинг значения. */
-    type?: 'text' | 'email' | 'number' | 'tel' | 'url' | 'password';
     /** Подсказка внутри поля. */
     placeholder?: string;
     /** Блокирует ввод и редактирование. */
     disabled?: boolean;
 }
+/** Props числового поля (`type="number"`): `value`/`onChange` работают с `number`. */
+export interface NumberInputProps extends InputBaseProps {
+    /** HTML-тип input. Включает специальный парсинг значения. */
+    type: 'number';
+    /** Текущее значение. `null`/`undefined` рендерится как пустое поле. */
+    value?: number | null;
+    /**
+     * Обработчик изменений. Получает уже распарсенное `number` или `null` (для пустой строки).
+     * `NaN` не прокидывается. При `min >= 0` отрицательные значения превращаются в `0`.
+     */
+    onChange?: (value: number | null) => void;
+}
+/** Props строкового поля (любой `type`, кроме `number`): `value`/`onChange` — строковые. */
+export interface TextInputProps extends InputBaseProps {
+    /** HTML-тип input. По умолчанию `'text'`. */
+    type?: 'text' | 'email' | 'tel' | 'url' | 'password';
+    /** Текущее значение. `null`/`undefined` рендерится как пустое поле. */
+    value?: string | null;
+    /** Обработчик изменений. Получает строку или `null` (для пустой строки). */
+    onChange?: (value: string | null) => void;
+}
+/**
+ * Props компонента {@link Input} — дискриминированный union по `type`:
+ * `type="number"` даёт `number | null` для `value`/`onChange`, любой другой `type` — `string | null`.
+ */
+export type InputProps = NumberInputProps | TextInputProps;
 /**
  * Текстовое поле ввода. Контролируемый компонент с тривиальным API: `value`/`onChange`
  * получает строку (или число для `type="number"`). Все нативные `<input>`-атрибуты
@@ -44,7 +56,7 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
  * <Input
  *   type="number"
  *   value={age}
- *   onChange={(v) => setAge(v as number | null)}
+ *   onChange={setAge}
  *   min={0}
  *   placeholder="Возраст"
  * />
@@ -62,7 +74,7 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
  *       type="email"
  *       value={value}
  *       disabled={disabled}
- *       onChange={(v) => control.setValue((v ?? '') as string)}
+ *       onChange={(v) => control.setValue(v ?? '')}
  *       onBlur={() => control.markAsTouched()}
  *       aria-invalid={shouldShowError}
  *       placeholder={shouldShowError ? errors[0]?.message : 'you@example.com'}

package/dist/components/ui/select.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';
 export type { ResourceConfig, ResourceLoadParams, ResourceItem, ResourceResult, ResourceStrategy, NormalizedOption, } from './select-resource';
 /** Props компонента {@link Select}. */
-export interface SelectProps<T> extends Omit<React.ComponentProps<typeof SelectPrimitive.Root>, 'value' | 'onValueChange'> {
+export interface SelectProps extends Omit<React.ComponentProps<typeof SelectPrimitive.Root>, 'value' | 'onValueChange'> {
     /** Дополнительный CSS-класс для триггера. */
     className?: string;
     /** Выбранное значение. Всегда строка из `option.value`. `null` — ничего не выбрано. */
@@ -13,7 +13,7 @@ export interface SelectProps<T> extends Omit<React.ComponentProps<typeof SelectP
     /** Срабатывает при закрытии дропдауна (через `onOpenChange(false)`). */
     onBlur?: () => void;
     /** Асинхронный источник опций. Если задан вместе с `options`, приоритет у `options`. */
-    resource?: ResourceConfig<T>;
+    resource?: ResourceConfig<unknown>;
     /**
      * Inline-варианты. `value` приводится к строке. Опции с одинаковым `group`
      * объединяются в `SelectGroup` с `SelectLabel` (см. рецепт grouped options).
@@ -97,7 +97,7 @@ export interface SelectProps<T> extends Omit<React.ComponentProps<typeof SelectP
  * <Select value={country} onChange={setCountry} resource={countries} />
  * ```
  */
-declare const Select: React.ForwardRefExoticComponent<SelectProps<any> & {
+declare const Select: React.ForwardRefExoticComponent<SelectProps & {
     'data-testid'?: string;
     'aria-invalid'?: boolean | "true" | "false";
 } & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/ui/textarea.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 /** Props компонента {@link Textarea}. */
-export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'onChange'> {
+export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'onChange' | 'defaultValue'> {
     /** Дополнительный CSS-класс. */
     className?: string;
     /** Текущее значение. `null`/`undefined` рендерится как пустое поле. */

package/dist/index.d.ts

@@ -27,6 +27,8 @@ export { Textarea } from './components/ui/textarea';
 export type { TextareaProps } from './components/ui/textarea';
 export { ErrorState } from './components/state/error-state';
 export { LoadingState } from './components/state/loading-state';
+export type { ErrorStateProps } from './components/state/error-state';
+export type { LoadingStateProps } from './components/state/loading-state';
 export { FormArraySection } from './components/form-array/form-array-section';
 export type { FormArraySectionProps } from './components/form-array/form-array-section';
 export { FormWizard } from './components/form-wizard/form-wizard';

package/dist/ui/form-field.js

@@ -1,219 +1,227 @@
-import { jsx as i, jsxs as x, Fragment as w } from "react/jsx-runtime";
-import * as B from "react";
-import { forwardRef as f, Children as L, isValidElement as A, cloneElement as V, useId as W, useMemo as $, createContext as E, useContext as M } from "react";
+import { jsx as d, jsxs as $, Fragment as w } from "react/jsx-runtime";
+import * as A from "react";
+import { forwardRef as b, Children as T, isValidElement as V, cloneElement as W, useId as M, useMemo as x, createContext as k, useContext as R } from "react";
 import { useFormControl as O } from "@reformer/core";
-import { Checkbox as T } from "./checkbox.js";
-function z(e, n) {
-  const l = { ...e };
-  for (const r of Object.keys(n)) {
-    const o = e[r], t = n[r];
-    r.startsWith("on") && typeof o == "function" && typeof t == "function" ? l[r] = (...d) => {
-      t(...d), o(...d);
-    } : r === "className" && typeof o == "string" && typeof t == "string" ? l[r] = [t, o].filter(Boolean).join(" ") : r === "style" && typeof o == "object" && typeof t == "object" ? l[r] = { ...t, ...o } : r === "disabled" ? l[r] = !!o || !!t : t !== void 0 && (l[r] = t);
+import { Checkbox as z } from "./checkbox.js";
+function G(...e) {
+  return (t) => {
+    for (const o of e)
+      typeof o == "function" ? o(t) : o != null && (o.current = t);
+  };
+}
+function H(e, t) {
+  const o = { ...e };
+  for (const r of Object.keys(t)) {
+    const n = e[r], l = t[r];
+    r.startsWith("on") && typeof n == "function" && typeof l == "function" ? o[r] = (...i) => {
+      l(...i), n(...i);
+    } : r === "className" && typeof n == "string" && typeof l == "string" ? o[r] = [l, n].filter(Boolean).join(" ") : r === "style" && typeof n == "object" && typeof l == "object" ? o[r] = { ...l, ...n } : r === "disabled" ? o[r] = !!n || !!l : l !== void 0 && (o[r] = l);
   }
-  return l;
+  return o;
 }
-const b = f(
-  ({ children: e, ...n }, l) => {
-    const r = L.only(e);
-    if (!A(r))
+const F = b(
+  ({ children: e, ...t }, o) => {
+    const r = T.only(e);
+    if (!V(r))
       return null;
-    const o = r.props, t = z(n, o), d = r.ref;
-    return V(r, {
-      ...t,
-      ref: l || d
+    const n = r.props, l = H(t, n), i = r.ref, s = G(o, i);
+    return W(r, {
+      ...l,
+      ref: s
     });
   }
 );
-b.displayName = "Slot";
-const k = E(null);
-function F() {
-  const e = M(k);
+F.displayName = "Slot";
+const j = k(null);
+function I() {
+  const e = R(j);
   if (!e)
     throw new Error(
       "FormField.* components must be used within <FormField.Root>. Wrap your field with <FormField.Root control={control}>."
     );
   return e;
 }
+const J = (e) => e.message || e.code, K = k(J);
+function D() {
+  return R(K);
+}
 function N({
   control: e,
-  children: n,
-  id: l,
+  children: t,
+  id: o,
   hasDescription: r = !1
 }) {
-  const o = W(), t = l ?? o, d = $(
+  const n = M(), l = o ?? n, i = x(
     () => ({
-      controlId: `control-${t}`,
-      labelId: `label-${t}`,
-      descriptionId: `desc-${t}`,
-      errorId: `error-${t}`
+      controlId: `control-${l}`,
+      labelId: `label-${l}`,
+      descriptionId: `desc-${l}`,
+      errorId: `error-${l}`
     }),
-    [t]
-  ), s = O(e), c = $(() => {
+    [l]
+  ), s = O(e), c = D(), f = x(() => {
     const {
-      value: h,
-      errors: a,
+      value: a,
+      errors: u,
       pending: m,
-      disabled: v,
+      disabled: C,
       valid: y,
-      invalid: I,
-      touched: C,
-      shouldShowError: g,
+      invalid: g,
+      touched: E,
+      shouldShowError: v,
       componentProps: p
     } = s;
     return {
-      value: h,
-      errors: a,
+      value: a,
+      errors: u,
       pending: m,
-      disabled: v,
+      disabled: C,
       valid: y,
-      invalid: I,
-      touched: C,
-      shouldShowError: g,
-      error: g ? a[0]?.message : void 0,
+      invalid: g,
+      touched: E,
+      shouldShowError: v,
+      error: v && u[0] ? c(u[0]) : void 0,
       label: p.label,
       required: !!p.required,
       componentProps: p,
       control: e,
-      ids: d,
+      ids: i,
       hasDescription: r
     };
-  }, [s, e, d, r]);
-  return /* @__PURE__ */ i(k.Provider, { value: c, children: n });
+  }, [s, e, i, r, c]);
+  return /* @__PURE__ */ d(j.Provider, { value: f, children: t });
 }
 N.displayName = "FormField.Root";
-const j = f(
-  ({ asChild: e = !1, children: n, forceRender: l = !1, ...r }, o) => {
-    const { label: t, required: d, ids: s } = F(), c = n ?? t;
-    return !c && !l ? null : /* @__PURE__ */ x(e ? b : "label", { ref: o, id: s.labelId, htmlFor: e ? void 0 : s.controlId, ...r, children: [
+const S = b(
+  ({ asChild: e = !1, children: t, forceRender: o = !1, ...r }, n) => {
+    const { label: l, required: i, ids: s } = I(), c = t ?? l;
+    return !c && !o ? null : /* @__PURE__ */ $(e ? F : "label", { ref: n, id: s.labelId, htmlFor: e ? void 0 : s.controlId, ...r, children: [
       c,
-      d && /* @__PURE__ */ i("span", { "aria-hidden": "true", children: " *" })
+      i && /* @__PURE__ */ d("span", { "aria-hidden": "true", children: " *" })
     ] });
   }
 );
-j.displayName = "FormField.Label";
-const R = f(
-  ({ asChild: e = !1, children: n, ...l }, r) => {
+S.displayName = "FormField.Label";
+const q = b(
+  ({ asChild: e = !1, children: t, ...o }, r) => {
     const {
-      control: o,
-      value: t,
-      disabled: d,
+      control: n,
+      value: l,
+      disabled: i,
       shouldShowError: s,
       errors: c,
-      required: h,
+      required: f,
       ids: a,
-      hasDescription: m,
-      componentProps: v
-    } = F(), y = [
-      m ? a.descriptionId : null,
+      hasDescription: u,
+      componentProps: m
+    } = I(), C = [
+      u ? a.descriptionId : null,
       s && c.length > 0 ? a.errorId : null
-    ].filter(Boolean).join(" ") || void 0, I = {
+    ].filter(Boolean).join(" ") || void 0, y = {
       id: a.controlId,
       "aria-labelledby": a.labelId,
       "aria-invalid": s ? !0 : void 0,
-      "aria-describedby": y,
+      "aria-describedby": C,
       "aria-errormessage": s && c.length > 0 ? a.errorId : void 0,
-      "aria-required": h ? !0 : void 0
+      "aria-required": f ? !0 : void 0
     };
-    if (n || e)
-      return /* @__PURE__ */ i(b, { ref: r, ...I, ...l, children: n });
-    const C = o.component, { testId: g, ...p } = v ?? {};
-    return /* @__PURE__ */ i(
-      C,
+    if (t || e)
+      return /* @__PURE__ */ d(F, { ref: r, ...y, ...o, children: t });
+    const g = n.component, { testId: E, ...v } = m ?? {};
+    return /* @__PURE__ */ d(
+      g,
       {
         ref: r,
-        ...p,
-        ...I,
-        ...l,
-        value: t,
-        disabled: d,
-        onChange: (D) => o.setValue(D),
-        onBlur: () => o.markAsTouched()
+        ...v,
+        ...y,
+        ...o,
+        value: l,
+        disabled: i,
+        onChange: (p) => n.setValue(p),
+        onBlur: () => n.markAsTouched()
       }
     );
   }
 );
-R.displayName = "FormField.Control";
-const S = f(
-  ({ asChild: e = !1, multi: n = !1, render: l, children: r, ...o }, t) => {
-    const { shouldShowError: d, errors: s, ids: c } = F();
-    if (!d || s.length === 0) return null;
-    const h = e ? b : "p";
-    return l ? /* @__PURE__ */ i(w, { children: s.map((a, m) => /* @__PURE__ */ i(
-      h,
+q.displayName = "FormField.Control";
+const B = b(
+  ({ asChild: e = !1, multi: t = !1, render: o, children: r, ...n }, l) => {
+    const { shouldShowError: i, errors: s, ids: c } = I(), f = D();
+    if (!i || s.length === 0) return null;
+    const a = e ? F : "p";
+    return o ? /* @__PURE__ */ d(w, { children: s.map((u, m) => /* @__PURE__ */ d(
+      a,
       {
         id: m === 0 ? c.errorId : void 0,
         role: "alert",
-        ...o,
-        children: l(a, m)
+        ...n,
+        children: o(u, m)
       },
-      a.code ?? m
-    )) }) : n ? /* @__PURE__ */ i(w, { children: s.map((a, m) => /* @__PURE__ */ i(
-      h,
+      u.code ?? m
+    )) }) : t ? /* @__PURE__ */ d(w, { children: s.map((u, m) => /* @__PURE__ */ d(
+      a,
       {
         id: m === 0 ? c.errorId : void 0,
         role: "alert",
-        ...o,
-        children: a.message
+        ...n,
+        children: f(u)
       },
-      a.code ?? m
-    )) }) : /* @__PURE__ */ i(h, { ref: t, id: c.errorId, role: "alert", ...o, children: r ?? s[0].message });
+      u.code ?? m
+    )) }) : /* @__PURE__ */ d(a, { ref: l, id: c.errorId, role: "alert", ...n, children: r ?? f(s[0]) });
   }
 );
-S.displayName = "FormField.Error";
-const q = f(
-  ({ asChild: e = !1, children: n, ...l }, r) => {
-    const { ids: o } = F();
-    return /* @__PURE__ */ i(e ? b : "p", { ref: r, id: o.descriptionId, ...l, children: n });
+B.displayName = "FormField.Error";
+const L = b(
+  ({ asChild: e = !1, children: t, ...o }, r) => {
+    const { ids: n } = I();
+    return /* @__PURE__ */ d(e ? F : "p", { ref: r, id: n.descriptionId, ...o, children: t });
   }
 );
-q.displayName = "FormField.Description";
-const u = N;
-u.Root = N;
-u.Label = j;
-u.Control = R;
-u.Error = S;
-u.Description = q;
-const G = (e) => e.message || e.code;
-E(G);
-function H({
+L.displayName = "FormField.Description";
+const h = N;
+h.Root = N;
+h.Label = S;
+h.Control = q;
+h.Error = B;
+h.Description = L;
+function P({
   className: e,
-  testIdProp: n,
-  isCheckbox: l,
+  testIdProp: t,
+  isCheckbox: o,
   customChildren: r
 }) {
-  const { componentProps: o, pending: t } = F(), d = n ?? o?.testId ?? "unknown";
-  return /* @__PURE__ */ x("div", { className: e, "data-testid": `field-${d}`, children: [
-    !l && /* @__PURE__ */ i(
-      u.Label,
+  const { componentProps: n, pending: l } = I(), i = t ?? n?.testId ?? "unknown";
+  return /* @__PURE__ */ $("div", { className: e, "data-testid": `field-${i}`, children: [
+    !o && /* @__PURE__ */ d(
+      h.Label,
       {
         className: "block mb-1 text-sm font-medium",
-        "data-testid": `label-${d}`
+        "data-testid": `label-${i}`
       }
     ),
-    r ? /* @__PURE__ */ i(u.Control, { asChild: !0, children: r }) : /* @__PURE__ */ i(u.Control, { "data-testid": `input-${d}` }),
-    /* @__PURE__ */ i(
-      u.Error,
+    r ? /* @__PURE__ */ d(h.Control, { asChild: !0, children: r }) : /* @__PURE__ */ d(h.Control, { "data-testid": `input-${i}` }),
+    /* @__PURE__ */ d(
+      h.Error,
       {
         className: "text-destructive text-sm mt-1 block",
-        "data-testid": `error-${d}`
+        "data-testid": `error-${i}`
       }
     ),
-    t && /* @__PURE__ */ i("span", { className: "text-gray-500 text-sm mt-1 block", children: "Проверка..." })
+    l && /* @__PURE__ */ d("span", { className: "text-gray-500 text-sm mt-1 block", children: "Проверка..." })
   ] });
 }
-const J = ({ control: e, className: n, testId: l, children: r }) => {
-  const o = e.component === T;
-  return /* @__PURE__ */ i(u.Root, { control: e, children: /* @__PURE__ */ i(
-    H,
+const Q = ({ control: e, className: t, testId: o, children: r }) => {
+  const n = e.component === z;
+  return /* @__PURE__ */ d(h.Root, { control: e, children: /* @__PURE__ */ d(
+    P,
     {
-      className: n,
-      testIdProp: l,
-      isCheckbox: o,
+      className: t,
+      testIdProp: o,
+      isCheckbox: n,
       customChildren: r
     }
   ) });
-}, X = B.memo(J, (e, n) => e.control === n.control && e.className === n.className && e.testId === n.testId && e.children === n.children);
+}, _ = A.memo(Q, (e, t) => e.control === t.control && e.className === t.className && e.testId === t.testId && e.children === t.children);
 export {
-  X as FormField
+  _ as FormField
 };

package/dist/ui/input.js

@@ -1,48 +1,58 @@
 import { jsx as g } from "react/jsx-runtime";
 import * as u from "react";
-import { c as v } from "../utils-DtaLkIY8.js";
-const x = u.forwardRef(
-  ({ className: l, value: i, onChange: r, onBlur: a, type: e = "text", placeholder: d, disabled: m, ...n }, c) => {
-    const f = (p) => {
-      const t = p.target.value;
-      if (e === "number")
-        if (t === "")
-          r?.(null);
-        else {
-          const o = Number(t);
-          if (!isNaN(o)) {
-            const s = n.min !== void 0 ? Number(n.min) : void 0;
-            s !== void 0 && s >= 0 && o < 0 ? r?.(0) : r?.(o);
-          }
+import { c as b } from "../utils-DtaLkIY8.js";
+const h = u.forwardRef((e, l) => {
+  const o = e.type ?? "text", r = (n) => {
+    const t = n.target.value;
+    if (e.type === "number")
+      if (t === "")
+        e.onChange?.(null);
+      else {
+        const i = Number(t);
+        if (!isNaN(i)) {
+          const a = e.min !== void 0 ? Number(e.min) : void 0;
+          a !== void 0 && a >= 0 && i < 0 ? e.onChange?.(0) : e.onChange?.(i);
         }
-      else
-        r?.(t || null);
-    }, b = u.useMemo(() => i == null ? "" : e === "number" && typeof i == "number" ? isNaN(i) ? "" : i.toString() : String(i), [i, e]);
-    return /* @__PURE__ */ g(
-      "input",
-      {
-        ref: c,
-        type: e,
-        value: b,
-        disabled: m,
-        placeholder: d,
-        "data-slot": "input",
-        className: v(
-          "h-9 w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs transition-colors",
-          "placeholder:text-muted-foreground",
-          "focus-visible:outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-          "disabled:cursor-not-allowed disabled:opacity-50",
-          "aria-invalid:border-destructive aria-invalid:ring-destructive/20",
-          l
-        ),
-        onChange: f,
-        onBlur: a,
-        ...n
       }
-    );
-  }
-);
-x.displayName = "Input";
+    else
+      e.onChange?.(t || null);
+  }, s = u.useMemo(() => {
+    const n = e.value;
+    return n == null ? "" : e.type === "number" && typeof n == "number" ? isNaN(n) ? "" : n.toString() : String(n);
+  }, [e.value, e.type]), {
+    className: d,
+    onBlur: c,
+    placeholder: m,
+    disabled: v,
+    value: y,
+    onChange: N,
+    type: x,
+    ...f
+  } = e;
+  return /* @__PURE__ */ g(
+    "input",
+    {
+      ref: l,
+      type: o,
+      value: s,
+      disabled: v,
+      placeholder: m,
+      "data-slot": "input",
+      className: b(
+        "h-9 w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs transition-colors",
+        "placeholder:text-muted-foreground",
+        "focus-visible:outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "aria-invalid:border-destructive aria-invalid:ring-destructive/20",
+        d
+      ),
+      onChange: r,
+      onBlur: c,
+      ...f
+    }
+  );
+});
+h.displayName = "Input";
 export {
-  x as Input
+  h as Input
 };

package/llms.txt

@@ -435,7 +435,6 @@ import { Textarea } from '@reformer/ui-kit';
 - [03-choice-fields.md](03-choice-fields.md) — Select, Checkbox, RadioGroup.
 - [05-form-field-integration.md](05-form-field-integration.md) — как все эти поля автоматически подключаются через `FormField`.
 - [06-troubleshooting.md](06-troubleshooting.md) — «number возвращает строку», «mask пропускает символы», «password toggle не появляется».
-- Эталон: `examples/registration-form/RegistrationForm.tsx`, `examples/complex-multy-step-form/schemas/schema.ts` (monorepo examples).
 
 ## 12. Checkbox
 
@@ -801,7 +800,6 @@ const form = createForm<{ city: string }>({ model, schema });
 - [02-text-fields.md](02-text-fields.md) — `Input`, `InputMask`, `InputPassword`, `Textarea`.
 - [05-form-field-integration.md](05-form-field-integration.md) — `FormField` распознаёт `Checkbox` и не дублирует label.
 - [06-troubleshooting.md](06-troubleshooting.md) — «Select не показывает options», «options vs resource», «onBlur не срабатывает на Select/RadioGroup».
-- Эталон: `examples/complex-multy-step-form/schemas/schema.ts` (monorepo example) — большой пример с `Select` и `Checkbox` в реальной форме.
 
 ## 16. Button
 
@@ -1205,8 +1203,6 @@ function CreditApplicationPage() {
 }
 ```
 
-Эталон: `examples/complex-multy-step-form-renderer/CreditApplicationFormRenderer.tsx` (monorepo example).
-
 `testId` рендерер берёт из `componentProps.testId` листа schema:
 
 ```tsx
@@ -1298,7 +1294,6 @@ const form = createForm<{ accept: boolean }>({ model, schema });
 - [04-layout-and-buttons.md](04-layout-and-buttons.md) — `Button` для submit/prev/next.
 - [06-troubleshooting.md](06-troubleshooting.md) — «label дублируется», «error не появляется», «FormField не подцепляет ошибки».
 - CDK-хуки: [@reformer/cdk/form-field](../../../reformer-cdk/docs/llms/) (`FormField.Root`, `useFormFieldContext`).
-- Эталон: `examples/complex-multy-step-form-renderer/CreditApplicationFormRenderer.tsx` (monorepo example) — `FormField` как `fieldWrapper` целой multi-step формы.
 
 ## 25. 1. `Input type="number"` возвращает строку, а не число (или `null`)
 
@@ -1680,14 +1675,7 @@ const handleSubmit = async () => {
 > **`config` не привязан к типу формы.** `FormWizardConfig` — это `{ validateStep?, validateAll? }`,
 > оба колбэка возвращают `boolean | Promise<boolean>`. Канон M1 — прогонять
 > `validateFormModel(model, schema)` (именно он исполняет `validators` листьев;
-> `form.validate()` по нодам схемные правила НЕ запустит). См. эталон
-> `examples/complex-multy-step-form/schemas/validation.ts`. Реальный эталон собирает конфиг фабрикой:
->
-> ```tsx
-> import { makeCreditValidationConfig } from './schemas/validation';
-> const config = useMemo(() => makeCreditValidationConfig(model), [model]);
-> // → { validateStep: (step) => Promise<boolean>, validateAll: () => Promise<boolean> }
-> ```
+> `form.validate()` по нодам схемные правила НЕ запустит).
 
 ### Альтернатива — imperative submit с values
 
@@ -1914,7 +1902,7 @@ const renderSchema = createRenderSchema<CreditApplication>(() => ({
 
 ui-kit FormArraySection маркирован `__selfManagedChildren = true` — родитель-renderer пробрасывает `form` без рекурсии.
 
-> Альтернатива — нативный array-узел движка `{ array: model.properties, initialValue, item: (im) => ({ children: [ { value: im.$.field, component } ] }) }` (см. эталон `examples/complex-multy-step-form-renderer/render-schema.ts`).
+> Альтернатива — нативный array-узел движка `{ array: model.properties, initialValue, item: (im) => ({ children: [ { value: im.$.field, component } ] }) }`.
 
 ## 45. JSON (renderer-json)
 
@@ -2118,7 +2106,7 @@ const onSubmit = async () => {
 
 Cross-field правила (например, «доп. телефон отличается от основного») — это
 именованные `ModelValidator<value, scope, root>` в том же массиве `validators`
-(читают корень формы через третий аргумент). Эталон: `examples/complex-multy-step-form/schemas/validation.ts`.
+(читают корень формы через третий аргумент).
 
 ## 51. Advanced — strict mask через FormField + children slot
 
@@ -2410,7 +2398,7 @@ Props компонента {@link Checkbox}.
 ```typescript
 export interface CheckboxProps extends Omit<
   React.InputHTMLAttributes<HTMLInputElement>,
-  'value' | 'onChange' | 'type'
+  'value' | 'onChange' | 'type' | 'checked' | 'defaultChecked'
 > {
   /** Дополнительный CSS-класс для самого input. */
   className?: string;
@@ -2595,6 +2583,28 @@ return <ErrorState error={error} onRetry={() => window.location.reload()} />;
 
 _Source: src/components/state/error-state.tsx_
 
+### ErrorStateProps
+
+**Kind:** `interface`
+
+**Signature:**
+```typescript
+export interface ErrorStateProps {
+  /** Текст ошибки, показывается под заголовком. */
+  error: string;
+  /** Заголовок блока ошибки. По умолчанию `'Ошибка загрузки'`. */
+  title?: string;
+  /** Колбэк повторной попытки. Если задан — рендерится кнопка «Повторить». */
+  onRetry?: () => void;
+  /** Подпись кнопки повтора. По умолчанию `'Повторить'`. */
+  retryLabel?: string;
+  /** Внешний CSS-класс контейнера. По умолчанию `'w-full'`. */
+  className?: string;
+}
+```
+
+_Source: src/components/state/error-state.tsx_
+
 ### ExampleCard
 
 **Kind:** `function`
@@ -3199,7 +3209,7 @@ import { Input } from '@reformer/ui-kit';
 <Input
 type="number"
 value={age}
-onChange={(v) => setAge(v as number | null)}
+onChange={setAge}
 min={0}
 placeholder="Возраст"
 />
@@ -3217,7 +3227,7 @@ return (
 type="email"
 value={value}
 disabled={disabled}
-onChange={(v) => control.setValue((v ?? '') as string)}
+onChange={(v) => control.setValue(v ?? '')}
 onBlur={() => control.markAsTouched()}
 aria-invalid={shouldShowError}
 placeholder={shouldShowError ? errors[0]?.message : 'you@example.com'}
@@ -3278,7 +3288,7 @@ Props компонента {@link InputMask}.
 ```typescript
 export interface InputMaskProps extends Omit<
   React.InputHTMLAttributes<HTMLInputElement>,
-  'value' | 'onChange'
+  'value' | 'onChange' | 'defaultValue'
 > {
   /** Дополнительный CSS-класс. */
   className?: string;
@@ -3353,7 +3363,7 @@ Props компонента {@link InputPassword}.
 ```typescript
 export interface InputPasswordProps extends Omit<
   React.InputHTMLAttributes<HTMLInputElement>,
-  'value' | 'onChange' | 'type'
+  'value' | 'onChange' | 'type' | 'defaultValue'
 > {
   /** Дополнительный CSS-класс. */
   className?: string;
@@ -3379,39 +3389,14 @@ _Source: src/components/ui/input-password.tsx_
 
 ### InputProps
 
-**Kind:** `interface`
+**Kind:** `type`
 
-Props компонента {@link Input}.
+Props компонента {@link Input} — дискриминированный union по `type`:
+`type="number"` даёт `number | null` для `value`/`onChange`, любой другой `type` — `string | null`.
 
 **Signature:**
 ```typescript
-export interface InputProps extends Omit<
-  React.InputHTMLAttributes<HTMLInputElement>,
-  'value' | 'onChange'
-> {
-  /** Дополнительный CSS-класс (мерджится с дефолтными Tailwind-классами через `tailwind-merge`). */
-  className?: string;
-  /**
-   * Текущее значение поля. Для `type='number'` ожидается `number | null`,
-   * для остальных — `string | null`. `null`/`undefined` рендерится как пустое поле.
-   */
-  value?: string | number | null;
-  /**
-   * Обработчик изменений. Получает уже распарсенное значение:
-   * - для `type='number'` — `number` или `null` (для пустой строки),
-   * - иначе — `string` или `null`.
-   * `NaN` не прокидывается. При `min >= 0` отрицательные значения превращаются в `0`.
-   */
-  onChange?: (value: string | number | null) => void;
-  /** Срабатывает при потере фокуса. Используется `FormField` для пометки `touched`. */
-  onBlur?: () => void;
-  /** HTML-тип input. Для `'number'` включается специальный парсинг значения. */
-  type?: 'text' | 'email' | 'number' | 'tel' | 'url' | 'password';
-  /** Подсказка внутри поля. */
-  placeholder?: string;
-  /** Блокирует ввод и редактирование. */
-  disabled?: boolean;
-}
+export type InputProps = NumberInputProps | TextInputProps;
 ```
 
 _Source: src/components/ui/input.tsx_
@@ -3449,6 +3434,24 @@ return <LoadingState />;
 
 _Source: src/components/state/loading-state.tsx_
 
+### LoadingStateProps
+
+**Kind:** `interface`
+
+**Signature:**
+```typescript
+export interface LoadingStateProps {
+  /** Основной текст. По умолчанию `'Загрузка данных...'`. */
+  title?: string;
+  /** Вспомогательный текст под спиннером. По умолчанию `'Пожалуйста, подождите'`. */
+  subtitle?: string;
+  /** Внешний CSS-класс контейнера. По умолчанию центрирует спиннер с отступами. */
+  className?: string;
+}
+```
+
+_Source: src/components/state/loading-state.tsx_
+
 ### RadioGroup
 
 **Kind:** `const`
@@ -3899,7 +3902,7 @@ Props компонента {@link Select}.
 
 **Signature:**
 ```typescript
-export interface SelectProps<T> extends Omit<
+export interface SelectProps extends Omit<
   React.ComponentProps<typeof SelectPrimitive.Root>,
   'value' | 'onValueChange'
 > {
@@ -3912,7 +3915,7 @@ export interface SelectProps<T> extends Omit<
   /** Срабатывает при закрытии дропдауна (через `onOpenChange(false)`). */
   onBlur?: () => void;
   /** Асинхронный источник опций. Если задан вместе с `options`, приоритет у `options`. */
-  resource?: ResourceConfig<T>;
+  resource?: ResourceConfig<unknown>;
   /**
    * Inline-варианты. `value` приводится к строке. Опции с одинаковым `group`
    * объединяются в `SelectGroup` с `SelectLabel` (см. рецепт grouped options).
@@ -4163,7 +4166,7 @@ Props компонента {@link Textarea}.
 ```typescript
 export interface TextareaProps extends Omit<
   React.TextareaHTMLAttributes<HTMLTextAreaElement>,
-  'value' | 'onChange'
+  'value' | 'onChange' | 'defaultValue'
 > {
   /** Дополнительный CSS-класс. */
   className?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reformer/ui-kit",
-  "version": "7.0.0",
+  "version": "9.0.0",
   "description": "Styled form components with Tailwind CSS and Radix UI for @reformer ecosystem",
   "type": "module",
   "main": "./dist/index.js",
@@ -121,23 +121,22 @@
     "llms.txt"
   ],
   "peerDependencies": {
-    "@radix-ui/react-select": "^2.0.0",
-    "@radix-ui/react-slot": "^1.0.0",
     "@reformer/cdk": ">=1.0.0",
     "@reformer/core": ">=1.1.0",
     "@reformer/renderer-react": ">=1.0.0",
-    "lucide-react": ">=0.400.0 <1.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-slot": "^1.2.4",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
-    "tailwind-merge": "^2.0.0 || ^3.0.0"
+    "lucide-react": "^0.553.0",
+    "tailwind-merge": "^2.0.0 || ^3.0.0",
+    "tslib": "^2.6.0"
   },
   "devDependencies": {
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-slot": "^1.2.4",
     "@reformer/cdk": "*",
     "@reformer/core": "*",
     "@reformer/renderer-react": "*",
@@ -148,7 +147,6 @@
     "@vitest/utils": "^4.0.8",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^0.553.0",
     "react": "^19.2.1",
     "react-dom": "^19.2.1",
     "tailwind-merge": "^3.4.0",