@reformer/ui-kit 5.0.3 → 6.0.0

package/dist/components/form-array/form-array-section.d.ts

@@ -1,12 +1,9 @@
 import { ComponentType, ReactNode } from 'react';
-import { ArrayNode, FieldPathNode, FormArrayProxy, FormFields, FormProxy } from '@reformer/core';
+import { ArrayNode, FormArrayProxy, FormProxy } from '@reformer/core';
 import { FieldWrapperProps } from '@reformer/renderer-react';
-export interface FormArraySectionProps<T extends FormFields> {
-    /**
-     * Резолвится автоматически: уже-резолвленный ArrayNode/FormArrayProxy ИЛИ
-     * FieldPathNode (path.<arrayField>) — в этом случае через `form` + navigator.
-     */
-    control: FormArrayProxy<T> | ArrayNode<T> | FieldPathNode<unknown, unknown> | undefined;
+export interface FormArraySectionProps<T extends object> {
+    /** Уже-резолвленный ArrayNode/ModelArrayNode/FormArrayProxy. */
+    control: FormArrayProxy<T> | ArrayNode<T> | undefined;
     /** React FC получает `control: FormProxy<T>` для каждого элемента. */
     itemComponent: ComponentType<{
         control: FormProxy<T>;
@@ -39,6 +36,11 @@ export interface FormArraySectionProps<T extends FormFields> {
     initialValue?: Partial<T>;
     /** Показывать «Удалить» когда остался один элемент. По умолчанию `false`. */
     showRemoveOnSingle?: boolean;
+    /**
+     * Показывать кнопки ↑/↓ для перестановки элементов. По умолчанию `false`
+     * (обратная совместимость — существующие массивы не меняются).
+     */
+    reorderable?: boolean;
     /** Максимум items — AddButton отключается при достижении. */
     maxItems?: number;
     /** Внешний className секции. */
@@ -57,4 +59,4 @@ export interface FormArraySectionProps<T extends FormFields> {
      */
     fieldWrapper?: ComponentType<FieldWrapperProps>;
 }
-export declare function FormArraySection<T extends FormFields>({ control, itemComponent: ItemComponent, title, itemLabel, addButtonLabel, removeButtonLabel, emptyMessage, emptyMessageHint, hasItems, initialValue, showRemoveOnSingle, maxItems, className, cardClassName, form, }: FormArraySectionProps<T>): ReactNode;
+export declare function FormArraySection<T extends object>({ control, itemComponent: ItemComponent, title, itemLabel, addButtonLabel, removeButtonLabel, emptyMessage, emptyMessageHint, hasItems, initialValue, showRemoveOnSingle, reorderable, maxItems, className, cardClassName, }: FormArraySectionProps<T>): ReactNode;

package/dist/form-array-section-D1c2AQzE.js

@@ -0,0 +1,107 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { useFormControl as _ } from "@reformer/core";
+import { FormArray as o } from "@reformer/cdk/form-array";
+function B(n) {
+  return n ? typeof n == "object" && typeof n.push == "function" && typeof n.removeAt == "function" ? n : (typeof console < "u" && console.warn("[FormArraySection] control is not an ArrayNode/FormArrayProxy."), null) : null;
+}
+function E({
+  control: n,
+  itemComponent: p,
+  title: i,
+  itemLabel: s,
+  addButtonLabel: c = "+ Добавить",
+  removeButtonLabel: v = "Удалить",
+  emptyMessage: u,
+  emptyMessageHint: m,
+  hasItems: y,
+  initialValue: f,
+  showRemoveOnSingle: g = !1,
+  reorderable: x = !1,
+  maxItems: b,
+  className: N = "space-y-3 mt-2",
+  cardClassName: w = "mb-4 p-4 bg-white rounded border"
+}) {
+  const l = B(n), j = _(
+    l ?? void 0
+  );
+  if (y === !1 || !l) return null;
+  const d = j?.length ?? 0, h = b != null && d >= b, A = (a, t) => typeof s == "function" ? s(a, t) : `${s ?? i ?? "Элемент"} #${t + 1}`;
+  return /* @__PURE__ */ e(o.Root, { control: l, children: /* @__PURE__ */ r("section", { className: N, children: [
+    i ? /* @__PURE__ */ r("div", { className: "flex justify-between items-center mb-4", children: [
+      /* @__PURE__ */ e("h3", { className: "text-lg font-semibold", children: i }),
+      h ? null : /* @__PURE__ */ e(
+        o.AddButton,
+        {
+          initialValue: f,
+          "data-testid": "array-add",
+          className: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground shadow hover:bg-primary/90 h-9 px-4 py-2",
+          children: c
+        }
+      )
+    ] }) : null,
+    /* @__PURE__ */ e(o.List, { className: "space-y-3", children: ({ control: a, index: t, remove: C, moveUp: $, moveDown: k, canMoveUp: F, canMoveDown: R }) => {
+      const S = g || d > 1;
+      return /* @__PURE__ */ r("div", { className: w, "data-testid": `array-item-${t}`, children: [
+        i || s ? /* @__PURE__ */ r("div", { className: "flex justify-between items-center mb-3", children: [
+          /* @__PURE__ */ e("h4", { className: "font-medium", children: A(a, t) }),
+          /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+            x ? /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: $,
+                  disabled: !F,
+                  "aria-label": "Переместить вверх",
+                  "data-testid": `array-item-${t}-move-up`,
+                  className: "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-40 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground h-9 w-9",
+                  children: "↑"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: k,
+                  disabled: !R,
+                  "aria-label": "Переместить вниз",
+                  "data-testid": `array-item-${t}-move-down`,
+                  className: "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-40 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground h-9 w-9",
+                  children: "↓"
+                }
+              )
+            ] }) : null,
+            S ? /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                onClick: C,
+                "data-testid": `array-item-${t}-remove`,
+                className: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-destructive text-destructive-foreground shadow hover:bg-destructive/90 h-9 px-4 py-2",
+                children: v
+              }
+            ) : null
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ e(p, { control: a })
+      ] });
+    } }),
+    d === 0 && u ? /* @__PURE__ */ e(o.Empty, { children: /* @__PURE__ */ r("div", { className: "p-4 bg-gray-100 border border-gray-300 rounded text-center text-gray-600", children: [
+      u,
+      m && /* @__PURE__ */ e("div", { className: "mt-2 text-xs text-gray-500", children: m })
+    ] }) }) : null,
+    !i && !h ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+      o.AddButton,
+      {
+        initialValue: f,
+        "data-testid": "array-add",
+        className: "text-sm text-blue-600 hover:text-blue-700 hover:underline",
+        children: c
+      }
+    ) }) : null
+  ] }) });
+}
+E.__selfManagedChildren = !0;
+export {
+  E as F
+};

package/dist/form-array.js

@@ -1,4 +1,4 @@
-import { F as a } from "./form-array-section-CItAR061.js";
+import { F as a } from "./form-array-section-D1c2AQzE.js";
 export {
   a as FormArraySection
 };

package/dist/index.js

@@ -15,7 +15,7 @@ import { Section as O } from "./ui/section.js";
 import { Select as X, SelectContent as Y, SelectGroup as _, SelectItem as $, SelectLabel as ee, SelectScrollDownButton as oe, SelectScrollUpButton as te, SelectTrigger as re, SelectValue as ne } from "./ui/select.js";
 import { Textarea as ie } from "./ui/textarea.js";
 import { E as ae, L as ce } from "./loading-state-4VeOE6iN.js";
-import { F as pe } from "./form-array-section-CItAR061.js";
+import { F as pe } from "./form-array-section-D1c2AQzE.js";
 import { F as me, a as xe, b as ge, S as ue } from "./form-wizard-C-yRYqTI.js";
 const f = () => /* @__PURE__ */ o(
   "svg",

package/dist/ui/form-field.js

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

package/llms.txt

@@ -2470,7 +2470,7 @@ _Source: src/components/ui/example-card.tsx_
 
 **Signature:**
 ```typescript
-export function FormArraySection<T extends FormFields>({
+export function FormArraySection<T extends object>({
   control,
   itemComponent: ItemComponent,
   title,
@@ -2482,10 +2482,10 @@ export function FormArraySection<T extends FormFields>({
   hasItems,
   initialValue,
   showRemoveOnSingle = false,
+  reorderable = false,
   maxItems,
   className = 'space-y-3 mt-2',
   cardClassName = 'mb-4 p-4 bg-white rounded border',
-  form,
 }: FormArraySectionProps<T>): ReactNode
 ```
 
@@ -2497,12 +2497,9 @@ _Source: src/components/form-array/form-array-section.tsx_
 
 **Signature:**
 ```typescript
-export interface FormArraySectionProps<T extends FormFields> {
-  /**
-   * Резолвится автоматически: уже-резолвленный ArrayNode/FormArrayProxy ИЛИ
-   * FieldPathNode (path.<arrayField>) — в этом случае через `form` + navigator.
-   */
-  control: FormArrayProxy<T> | ArrayNode<T> | FieldPathNode<unknown, unknown> | undefined;
+export interface FormArraySectionProps<T extends object> {
+  /** Уже-резолвленный ArrayNode/ModelArrayNode/FormArrayProxy. */
+  control: FormArrayProxy<T> | ArrayNode<T> | undefined;
 
   /** React FC получает `control: FormProxy<T>` для каждого элемента. */
   itemComponent: ComponentType<{ control: FormProxy<T> }>;
@@ -2544,6 +2541,12 @@ export interface FormArraySectionProps<T extends FormFields> {
   /** Показывать «Удалить» когда остался один элемент. По умолчанию `false`. */
   showRemoveOnSingle?: boolean;
 
+  /**
+   * Показывать кнопки ↑/↓ для перестановки элементов. По умолчанию `false`
+   * (обратная совместимость — существующие массивы не меняются).
+   */
+  reorderable?: boolean;
+
   /** Максимум items — AddButton отключается при достижении. */
   maxItems?: number;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reformer/ui-kit",
-  "version": "5.0.3",
+  "version": "6.0.0",
   "description": "Styled form components with Tailwind CSS and Radix UI for @reformer ecosystem",
   "type": "module",
   "main": "./dist/index.js",

package/dist/form-array-section-CItAR061.js

@@ -1,92 +0,0 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { useFormControl as S, extractPath as $, FieldPathNavigator as P } from "@reformer/core";
-import { FormArray as s } from "@reformer/cdk/form-array";
-const R = new P();
-function B(t, a) {
-  if (!t) return null;
-  if (typeof t == "object" && typeof t.push == "function" && typeof t.removeAt == "function")
-    return t;
-  if (!a)
-    return typeof console < "u" && console.warn(
-      "[FormArraySection] control is a FieldPath but no `form` prop available. Ensure this component is rendered inside FormRenderer with form available, or pass form explicitly."
-    ), null;
-  try {
-    const r = $(t), n = R.getNodeByPath(a, r);
-    return n || (typeof console < "u" && console.warn(`[FormArraySection] No ArrayNode at path "${r}".`), null);
-  } catch (r) {
-    return typeof console < "u" && console.warn("[FormArraySection] Failed to resolve control:", r), null;
-  }
-}
-function E({
-  control: t,
-  itemComponent: a,
-  title: r,
-  itemLabel: n,
-  addButtonLabel: u = "+ Добавить",
-  removeButtonLabel: v = "Удалить",
-  emptyMessage: f,
-  emptyMessageHint: m,
-  hasItems: b,
-  initialValue: h,
-  showRemoveOnSingle: g = !1,
-  maxItems: p,
-  className: x = "space-y-3 mt-2",
-  cardClassName: N = "mb-4 p-4 bg-white rounded border",
-  form: w
-}) {
-  const d = B(t, w), A = S(
-    d ?? void 0
-  );
-  if (b === !1 || !d) return null;
-  const c = A?.length ?? 0, y = p != null && c >= p, F = (l, o) => typeof n == "function" ? n(l, o) : `${n ?? r ?? "Элемент"} #${o + 1}`;
-  return /* @__PURE__ */ e(s.Root, { control: d, children: /* @__PURE__ */ i("section", { className: x, children: [
-    r ? /* @__PURE__ */ i("div", { className: "flex justify-between items-center mb-4", children: [
-      /* @__PURE__ */ e("h3", { className: "text-lg font-semibold", children: r }),
-      y ? null : /* @__PURE__ */ e(
-        s.AddButton,
-        {
-          initialValue: h,
-          "data-testid": "array-add",
-          className: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground shadow hover:bg-primary/90 h-9 px-4 py-2",
-          children: u
-        }
-      )
-    ] }) : null,
-    /* @__PURE__ */ e(s.List, { className: "space-y-3", children: ({ control: l, index: o, remove: j }) => {
-      const C = g || c > 1;
-      return /* @__PURE__ */ i("div", { className: N, "data-testid": `array-item-${o}`, children: [
-        r || n ? /* @__PURE__ */ i("div", { className: "flex justify-between items-center mb-3", children: [
-          /* @__PURE__ */ e("h4", { className: "font-medium", children: F(l, o) }),
-          C ? /* @__PURE__ */ e(
-            "button",
-            {
-              type: "button",
-              onClick: j,
-              "data-testid": `array-item-${o}-remove`,
-              className: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-destructive text-destructive-foreground shadow hover:bg-destructive/90 h-9 px-4 py-2",
-              children: v
-            }
-          ) : null
-        ] }) : null,
-        /* @__PURE__ */ e(a, { control: l })
-      ] });
-    } }),
-    c === 0 && f ? /* @__PURE__ */ e(s.Empty, { children: /* @__PURE__ */ i("div", { className: "p-4 bg-gray-100 border border-gray-300 rounded text-center text-gray-600", children: [
-      f,
-      m && /* @__PURE__ */ e("div", { className: "mt-2 text-xs text-gray-500", children: m })
-    ] }) }) : null,
-    !r && !y ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-      s.AddButton,
-      {
-        initialValue: h,
-        "data-testid": "array-add",
-        className: "text-sm text-blue-600 hover:text-blue-700 hover:underline",
-        children: u
-      }
-    ) }) : null
-  ] }) });
-}
-E.__selfManagedChildren = !0;
-export {
-  E as F
-};