@gobolt/genesis 0.1.2 → 0.1.5

package/dist/{styles-D1vKDy9V.js → index-CupwdUIJ.js}

@@ -1,27 +1,26 @@
-import { d as ft } from "./styled-components.browser.esm-CZ1XM4o4.js";
-import { j as we, m as Xe, f as Q, C as ce, k as ke, o as Y, s as mt, Q as pt, T as gt, g as be, D as ht, U as bt, W as yt, S as $t, F as _e, A as xt, t as Ct, N as vt, X as Re, Y as wt, h as Ke, l as St, u as Et, z as Ot, H as It } from "./index-BbTV2Cw5.js";
-import { a as Se, u as Ft, V as Nt, b as Ye, c as ne, R as jt, F as pe, d as Ue, C as Mt, L as _t, W as Rt, e as Vt, f as Pt } from "./context-DIFtNa4d.js";
+import { d as he, D as mt, V as ft, a as pt, g as _e, s as gt, l as ht, w as bt } from "./index-DCopujxC.js";
+import { a as we, u as yt, V as $t, b as Xe, c as te, R as vt, F as fe, d as ke, C as xt, L as Ct, W as wt, e as St, f as Ot } from "./context-CQfFkrkv.js";
+import { g as Se, m as Ke, f as Q, C as be, j as Ye, n as Y, p as Et, a1 as It, a2 as Ft, l as Nt, S as jt, w as Pe, z as Mt, q as _t, Z as Pt, h as Ue, u as Rt, y as Vt } from "./CSSMotionList-DB0khM6h.js";
 import * as l from "react";
 import { createContext as Dt } from "react";
-import { e as J, d as Lt } from "./presets-Djh_L_6R.js";
-import { i as Ve } from "./motion-CUN72xsH.js";
-import { u as Ee } from "./useCSSVarCls-Dau77fzS.js";
+import { c as J, e as Lt } from "./presets-CSXMiWyc.js";
+import { i as Re } from "./motion-C-XpKcZG.js";
+import { u as Oe } from "./useCSSVarCls-YfJY1twF.js";
 import { g as Tt } from "./collapse-Dtpt-6W_.js";
-import { z as Qe, T as Wt } from "./index-DWjq9XYj.js";
-import "./index-DLdU7Tpd.js";
-import { u as Ht } from "./useSize-DSq4r6zy.js";
+import { z as Qe, T as Wt } from "./index-Y0KgiFZb.js";
+import { u as Ht } from "./useSize-Ct1guc-z.js";
 import { c as At } from "./reactNode-sKPeiqPL.js";
-import { t as zt } from "./toArray-U3Az44CO.js";
+import { t as zt } from "./toArray-D5kvYi_U.js";
 import { i as qt } from "./isVisible-D3-B85BJ.js";
 import { o as Bt } from "./omit-B_u6A-HL.js";
-import { u as Gt, r as ge } from "./responsiveObserver-dCkpy7Cb.js";
-import { I as Xt } from "./AntdIcon-nCNB0J1E.js";
-import { u as kt } from "./useLocale-CTfNpakL.js";
-import { R as Kt } from "./CheckCircleFilled-BKgizvyl.js";
-import { R as Yt } from "./CloseCircleFilled-B9e7yFwo.js";
-import { R as Ut } from "./ExclamationCircleFilled-BHELVsTg.js";
-import { R as Qt } from "./LoadingOutlined-C1qu6ymP.js";
-const Pe = (e) => typeof e == "object" && e != null && e.nodeType === 1, De = (e, t) => (!t || e !== "hidden") && e !== "visible" && e !== "clip", de = (e, t) => {
+import { r as pe, u as Gt } from "./useBreakpoint-ByLol0R9.js";
+import { I as Xt } from "./AntdIcon-DP6hPDqu.js";
+import { u as kt } from "./useLocale-BQ3mKRyJ.js";
+import { R as Kt } from "./CheckCircleFilled-B-wrMduA.js";
+import { R as Yt } from "./CloseCircleFilled-WEQ0SaSW.js";
+import { R as Ut } from "./ExclamationCircleFilled-x8Sr29BN.js";
+import { R as Qt } from "./LoadingOutlined-DOi5EGOl.js";
+const Ve = (e) => typeof e == "object" && e != null && e.nodeType === 1, De = (e, t) => (!t || e !== "hidden") && e !== "visible" && e !== "clip", ue = (e, t) => {
   if (e.clientHeight < e.scrollHeight || e.clientWidth < e.scrollWidth) {
     const r = getComputedStyle(e, null);
     return De(r.overflowY, t) || De(r.overflowX, t) || ((n) => {
@@ -37,44 +36,44 @@ const Pe = (e) => typeof e == "object" && e != null && e.nodeType === 1, De = (e
     })(e);
   }
   return !1;
-}, fe = (e, t, r, n, o, s, a, c) => s < e && a > t || s > e && a < t ? 0 : s <= e && c <= r || a >= t && c >= r ? s - e - n : a > t && c < r || s < e && c > r ? a - t + o : 0, Jt = (e) => {
+}, de = (e, t, r, n, o, s, a, i) => s < e && a > t || s > e && a < t ? 0 : s <= e && i <= r || a >= t && i >= r ? s - e - n : a > t && i < r || s < e && i > r ? a - t + o : 0, Jt = (e) => {
   const t = e.parentElement;
   return t ?? (e.getRootNode().host || null);
 }, Le = (e, t) => {
   var r, n, o, s;
   if (typeof document > "u") return [];
-  const { scrollMode: a, block: c, inline: u, boundary: m, skipOverflowHiddenElements: E } = t, y = typeof m == "function" ? m : (A) => A !== m;
-  if (!Pe(e)) throw new TypeError("Invalid target");
-  const O = document.scrollingElement || document.documentElement, R = [];
-  let w = e;
-  for (; Pe(w) && y(w); ) {
-    if (w = Jt(w), w === O) {
-      R.push(w);
+  const { scrollMode: a, block: i, inline: c, boundary: m, skipOverflowHiddenElements: O } = t, $ = typeof m == "function" ? m : (W) => W !== m;
+  if (!Ve(e)) throw new TypeError("Invalid target");
+  const I = document.scrollingElement || document.documentElement, j = [];
+  let C = e;
+  for (; Ve(C) && $(C); ) {
+    if (C = Jt(C), C === I) {
+      j.push(C);
       break;
     }
-    w != null && w === document.body && de(w) && !de(document.documentElement) || w != null && de(w, E) && R.push(w);
+    C != null && C === document.body && ue(C) && !ue(document.documentElement) || C != null && ue(C, O) && j.push(C);
   }
-  const S = (n = (r = window.visualViewport) == null ? void 0 : r.width) != null ? n : innerWidth, I = (s = (o = window.visualViewport) == null ? void 0 : o.height) != null ? s : innerHeight, { scrollX: f, scrollY: j } = window, { height: i, width: h, top: p, right: b, bottom: V, left: C } = e.getBoundingClientRect(), { top: $, right: g, bottom: M, left: H } = ((A) => {
-    const d = window.getComputedStyle(A);
-    return { top: parseFloat(d.scrollMarginTop) || 0, right: parseFloat(d.scrollMarginRight) || 0, bottom: parseFloat(d.scrollMarginBottom) || 0, left: parseFloat(d.scrollMarginLeft) || 0 };
+  const S = (n = (r = window.visualViewport) == null ? void 0 : r.width) != null ? n : innerWidth, y = (s = (o = window.visualViewport) == null ? void 0 : o.height) != null ? s : innerHeight, { scrollX: d, scrollY: P } = window, { height: u, width: h, top: p, right: v, bottom: F, left: x } = e.getBoundingClientRect(), { top: b, right: g, bottom: V, left: A } = ((W) => {
+    const f = window.getComputedStyle(W);
+    return { top: parseFloat(f.scrollMarginTop) || 0, right: parseFloat(f.scrollMarginRight) || 0, bottom: parseFloat(f.scrollMarginBottom) || 0, left: parseFloat(f.scrollMarginLeft) || 0 };
   })(e);
-  let N = c === "start" || c === "nearest" ? p - $ : c === "end" ? V + M : p + i / 2 - $ + M, x = u === "center" ? C + h / 2 - H + g : u === "end" ? b + g : C - H;
-  const P = [];
-  for (let A = 0; A < R.length; A++) {
-    const d = R[A], { height: z, width: v, top: q, right: T, bottom: G, left: X } = d.getBoundingClientRect();
-    if (a === "if-needed" && p >= 0 && C >= 0 && V <= I && b <= S && (d === O && !de(d) || p >= q && V <= G && C >= X && b <= T)) return P;
-    const K = getComputedStyle(d), Z = parseInt(K.borderLeftWidth, 10), ee = parseInt(K.borderTopWidth, 10), L = parseInt(K.borderRightWidth, 10), F = parseInt(K.borderBottomWidth, 10);
-    let _ = 0, D = 0;
-    const B = "offsetWidth" in d ? d.offsetWidth - d.clientWidth - Z - L : 0, k = "offsetHeight" in d ? d.offsetHeight - d.clientHeight - ee - F : 0, te = "offsetWidth" in d ? d.offsetWidth === 0 ? 0 : v / d.offsetWidth : 0, oe = "offsetHeight" in d ? d.offsetHeight === 0 ? 0 : z / d.offsetHeight : 0;
-    if (O === d) _ = c === "start" ? N : c === "end" ? N - I : c === "nearest" ? fe(j, j + I, I, ee, F, j + N, j + N + i, i) : N - I / 2, D = u === "start" ? x : u === "center" ? x - S / 2 : u === "end" ? x - S : fe(f, f + S, S, Z, L, f + x, f + x + h, h), _ = Math.max(0, _ + j), D = Math.max(0, D + f);
+  let D = i === "start" || i === "nearest" ? p - b : i === "end" ? F + V : p + u / 2 - b + V, w = c === "center" ? x + h / 2 - A + g : c === "end" ? v + g : x - A;
+  const T = [];
+  for (let W = 0; W < j.length; W++) {
+    const f = j[W], { height: z, width: E, top: q, right: K, bottom: le, left: X } = f.getBoundingClientRect();
+    if (a === "if-needed" && p >= 0 && x >= 0 && F <= y && v <= S && (f === I && !ue(f) || p >= q && F <= le && x >= X && v <= K)) return T;
+    const Z = getComputedStyle(f), B = parseInt(Z.borderLeftWidth, 10), ee = parseInt(Z.borderTopWidth, 10), k = parseInt(Z.borderRightWidth, 10), N = parseInt(Z.borderBottomWidth, 10);
+    let R = 0, M = 0;
+    const _ = "offsetWidth" in f ? f.offsetWidth - f.clientWidth - B - k : 0, H = "offsetHeight" in f ? f.offsetHeight - f.clientHeight - ee - N : 0, G = "offsetWidth" in f ? f.offsetWidth === 0 ? 0 : E / f.offsetWidth : 0, ne = "offsetHeight" in f ? f.offsetHeight === 0 ? 0 : z / f.offsetHeight : 0;
+    if (I === f) R = i === "start" ? D : i === "end" ? D - y : i === "nearest" ? de(P, P + y, y, ee, N, P + D, P + D + u, u) : D - y / 2, M = c === "start" ? w : c === "center" ? w - S / 2 : c === "end" ? w - S : de(d, d + S, S, B, k, d + w, d + w + h, h), R = Math.max(0, R + P), M = Math.max(0, M + d);
     else {
-      _ = c === "start" ? N - q - ee : c === "end" ? N - G + F + k : c === "nearest" ? fe(q, G, z, ee, F + k, N, N + i, i) : N - (q + z / 2) + k / 2, D = u === "start" ? x - X - Z : u === "center" ? x - (X + v / 2) + B / 2 : u === "end" ? x - T + L + B : fe(X, T, v, Z, L + B, x, x + h, h);
-      const { scrollLeft: le, scrollTop: W } = d;
-      _ = oe === 0 ? 0 : Math.max(0, Math.min(W + _ / oe, d.scrollHeight - z / oe + k)), D = te === 0 ? 0 : Math.max(0, Math.min(le + D / te, d.scrollWidth - v / te + B)), N += W - _, x += le - D;
+      R = i === "start" ? D - q - ee : i === "end" ? D - le + N + H : i === "nearest" ? de(q, le, z, ee, N + H, D, D + u, u) : D - (q + z / 2) + H / 2, M = c === "start" ? w - X - B : c === "center" ? w - (X + E / 2) + _ / 2 : c === "end" ? w - K + k + _ : de(X, K, E, B, k + _, w, w + h, h);
+      const { scrollLeft: re, scrollTop: L } = f;
+      R = ne === 0 ? 0 : Math.max(0, Math.min(L + R / ne, f.scrollHeight - z / ne + H)), M = G === 0 ? 0 : Math.max(0, Math.min(re + M / G, f.scrollWidth - E / G + _)), D += L - R, w += re - M;
     }
-    P.push({ el: d, top: _, left: D });
+    T.push({ el: f, top: R, left: M });
   }
-  return P;
+  return T;
 }, Zt = (e) => e === !1 ? { block: "end", inline: "nearest" } : ((t) => t === Object(t) && Object.keys(t).length !== 0)(e) ? e : { block: "start", inline: "nearest" };
 function en(e, t) {
   if (!e.isConnected || !((o) => {
@@ -92,8 +91,8 @@ function en(e, t) {
   if (((o) => typeof o == "object" && typeof o.behavior == "function")(t)) return t.behavior(Le(e, t));
   const n = typeof t == "boolean" || t == null ? void 0 : t.behavior;
   for (const { el: o, top: s, left: a } of Le(e, Zt(t))) {
-    const c = s - r.top + r.bottom, u = a - r.left + r.right;
-    o.scroll({ top: c, left: u, behavior: n });
+    const i = s - r.top + r.bottom, c = a - r.left + r.right;
+    o.scroll({ top: i, left: c, behavior: n });
   }
 }
 const tn = (e) => {
@@ -206,21 +205,21 @@ const tn = (e) => {
   return s[`${n}${t}-flex`] = {
     flex: `var(--${r}${t}-flex)`
   }, s;
-}, ve = (e, t) => rn(e, t), on = (e, t, r) => ({
-  [`@media (min-width: ${Q(t)})`]: Object.assign({}, ve(e, r))
-}), ln = () => ({}), sn = () => ({}), an = we("Grid", tn, ln), cn = (e) => ({
+}, Ce = (e, t) => rn(e, t), on = (e, t, r) => ({
+  [`@media (min-width: ${Q(t)})`]: Object.assign({}, Ce(e, r))
+}), ln = () => ({}), sn = () => ({}), an = Se("Grid", tn, ln), cn = (e) => ({
   xs: e.screenXSMin,
   sm: e.screenSMMin,
   md: e.screenMDMin,
   lg: e.screenLGMin,
   xl: e.screenXLMin,
   xxl: e.screenXXLMin
-}), un = we("Grid", (e) => {
-  const t = Xe(e, {
+}), un = Se("Grid", (e) => {
+  const t = Ke(e, {
     gridColumns: 24
     // Row is divided into 24 parts in Grid
   }), r = cn(t);
-  return delete r.xs, [nn(t), ve(t, ""), ve(t, "-xs"), Object.keys(r).map((n) => on(t, r[n], `-${n}`)).reduce((n, o) => Object.assign(Object.assign({}, n), o), {})];
+  return delete r.xs, [nn(t), Ce(t, ""), Ce(t, "-xs"), Object.keys(r).map((n) => on(t, r[n], `-${n}`)).reduce((n, o) => Object.assign(Object.assign({}, n), o), {})];
 }, sn), Je = /* @__PURE__ */ Dt({});
 var dn = function(e, t) {
   var r = {};
@@ -232,57 +231,79 @@ var dn = function(e, t) {
 function Te(e) {
   return typeof e == "number" ? `${e} ${e} auto` : /^\d+(\.\d+)?(px|em|rem|%)$/.test(e) ? `0 0 ${e}` : e;
 }
-const fn = ["xs", "sm", "md", "lg", "xl", "xxl"], Oe = /* @__PURE__ */ l.forwardRef((e, t) => {
+const mn = ["xs", "sm", "md", "lg", "xl", "xxl"], Ee = /* @__PURE__ */ l.forwardRef((e, t) => {
   const {
     getPrefixCls: r,
     direction: n
-  } = l.useContext(ce), {
+  } = l.useContext(be), {
     gutter: o,
     wrap: s
   } = l.useContext(Je), {
     prefixCls: a,
-    span: c,
-    order: u,
+    span: i,
+    order: c,
     offset: m,
-    push: E,
-    pull: y,
-    className: O,
-    children: R,
-    flex: w,
+    push: O,
+    pull: $,
+    className: I,
+    children: j,
+    flex: C,
     style: S
-  } = e, I = dn(e, ["prefixCls", "span", "order", "offset", "push", "pull", "className", "children", "flex", "style"]), f = r("col", a), [j, i, h] = un(f), p = {};
-  let b = {};
-  fn.forEach(($) => {
+  } = e, y = dn(e, ["prefixCls", "span", "order", "offset", "push", "pull", "className", "children", "flex", "style"]), d = r("col", a), [P, u, h] = un(d), p = {};
+  let v = {};
+  mn.forEach((b) => {
     let g = {};
-    const M = e[$];
-    typeof M == "number" ? g.span = M : typeof M == "object" && (g = M || {}), delete I[$], b = Object.assign(Object.assign({}, b), {
-      [`${f}-${$}-${g.span}`]: g.span !== void 0,
-      [`${f}-${$}-order-${g.order}`]: g.order || g.order === 0,
-      [`${f}-${$}-offset-${g.offset}`]: g.offset || g.offset === 0,
-      [`${f}-${$}-push-${g.push}`]: g.push || g.push === 0,
-      [`${f}-${$}-pull-${g.pull}`]: g.pull || g.pull === 0,
-      [`${f}-rtl`]: n === "rtl"
-    }), g.flex && (b[`${f}-${$}-flex`] = !0, p[`--${f}-${$}-flex`] = Te(g.flex));
+    const V = e[b];
+    typeof V == "number" ? g.span = V : typeof V == "object" && (g = V || {}), delete y[b], v = Object.assign(Object.assign({}, v), {
+      [`${d}-${b}-${g.span}`]: g.span !== void 0,
+      [`${d}-${b}-order-${g.order}`]: g.order || g.order === 0,
+      [`${d}-${b}-offset-${g.offset}`]: g.offset || g.offset === 0,
+      [`${d}-${b}-push-${g.push}`]: g.push || g.push === 0,
+      [`${d}-${b}-pull-${g.pull}`]: g.pull || g.pull === 0,
+      [`${d}-rtl`]: n === "rtl"
+    }), g.flex && (v[`${d}-${b}-flex`] = !0, p[`--${d}-${b}-flex`] = Te(g.flex));
   });
-  const V = J(f, {
-    [`${f}-${c}`]: c !== void 0,
-    [`${f}-order-${u}`]: u,
-    [`${f}-offset-${m}`]: m,
-    [`${f}-push-${E}`]: E,
-    [`${f}-pull-${y}`]: y
-  }, O, b, i, h), C = {};
+  const F = J(d, {
+    [`${d}-${i}`]: i !== void 0,
+    [`${d}-order-${c}`]: c,
+    [`${d}-offset-${m}`]: m,
+    [`${d}-push-${O}`]: O,
+    [`${d}-pull-${$}`]: $
+  }, I, v, u, h), x = {};
   if (o && o[0] > 0) {
-    const $ = o[0] / 2;
-    C.paddingLeft = $, C.paddingRight = $;
+    const b = o[0] / 2;
+    x.paddingLeft = b, x.paddingRight = b;
   }
-  return w && (C.flex = Te(w), s === !1 && !C.minWidth && (C.minWidth = 0)), j(/* @__PURE__ */ l.createElement("div", Object.assign({}, I, {
-    style: Object.assign(Object.assign(Object.assign({}, C), S), p),
-    className: V,
+  return C && (x.flex = Te(C), s === !1 && !x.minWidth && (x.minWidth = 0)), P(/* @__PURE__ */ l.createElement("div", Object.assign({}, y, {
+    style: Object.assign(Object.assign(Object.assign({}, x), S), p),
+    className: F,
     ref: t
-  }), R));
+  }), j));
 });
-process.env.NODE_ENV !== "production" && (Oe.displayName = "Col");
-var mn = function(e, t) {
+process.env.NODE_ENV !== "production" && (Ee.displayName = "Col");
+function fn(e, t) {
+  const r = [void 0, void 0], n = Array.isArray(e) ? e : [e, void 0], o = t || {
+    xs: !0,
+    sm: !0,
+    md: !0,
+    lg: !0,
+    xl: !0,
+    xxl: !0
+  };
+  return n.forEach((s, a) => {
+    if (typeof s == "object" && s !== null)
+      for (let i = 0; i < pe.length; i++) {
+        const c = pe[i];
+        if (o[c] && s[c] !== void 0) {
+          r[a] = s[c];
+          break;
+        }
+      }
+    else
+      r[a] = s;
+  }), r;
+}
+var pn = function(e, t) {
   var r = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, n = Object.getOwnPropertySymbols(e); o < n.length; o++)
@@ -292,13 +313,13 @@ var mn = function(e, t) {
 function We(e, t) {
   const [r, n] = l.useState(typeof e == "string" ? e : ""), o = () => {
     if (typeof e == "string" && n(e), typeof e == "object")
-      for (let s = 0; s < ge.length; s++) {
-        const a = ge[s];
-        if (!t[a])
+      for (let s = 0; s < pe.length; s++) {
+        const a = pe[s];
+        if (!t || !t[a])
           continue;
-        const c = e[a];
-        if (c !== void 0) {
-          n(c);
+        const i = e[a];
+        if (i !== void 0) {
+          n(i);
           return;
         }
       }
@@ -314,72 +335,35 @@ const Ze = /* @__PURE__ */ l.forwardRef((e, t) => {
     align: o,
     className: s,
     style: a,
-    children: c,
-    gutter: u = 0,
+    children: i,
+    gutter: c = 0,
     wrap: m
-  } = e, E = mn(e, ["prefixCls", "justify", "align", "className", "style", "children", "gutter", "wrap"]), {
-    getPrefixCls: y,
-    direction: O
-  } = l.useContext(ce), [R, w] = l.useState({
-    xs: !0,
-    sm: !0,
-    md: !0,
-    lg: !0,
-    xl: !0,
-    xxl: !0
-  }), [S, I] = l.useState({
-    xs: !1,
-    sm: !1,
-    md: !1,
-    lg: !1,
-    xl: !1,
-    xxl: !1
-  }), f = We(o, S), j = We(n, S), i = l.useRef(u), h = Gt();
-  l.useEffect(() => {
-    const d = h.subscribe((z) => {
-      I(z);
-      const v = i.current || 0;
-      (!Array.isArray(v) && typeof v == "object" || Array.isArray(v) && (typeof v[0] == "object" || typeof v[1] == "object")) && w(z);
-    });
-    return () => h.unsubscribe(d);
-  }, []);
-  const p = () => {
-    const d = [void 0, void 0];
-    return (Array.isArray(u) ? u : [u, void 0]).forEach((v, q) => {
-      if (typeof v == "object")
-        for (let T = 0; T < ge.length; T++) {
-          const G = ge[T];
-          if (R[G] && v[G] !== void 0) {
-            d[q] = v[G];
-            break;
-          }
-        }
-      else
-        d[q] = v;
-    }), d;
-  }, b = y("row", r), [V, C, $] = an(b), g = p(), M = J(b, {
-    [`${b}-no-wrap`]: m === !1,
-    [`${b}-${j}`]: j,
-    [`${b}-${f}`]: f,
-    [`${b}-rtl`]: O === "rtl"
-  }, s, C, $), H = {}, N = g[0] != null && g[0] > 0 ? g[0] / -2 : void 0;
-  N && (H.marginLeft = N, H.marginRight = N);
-  const [x, P] = g;
-  H.rowGap = P;
-  const A = l.useMemo(() => ({
-    gutter: [x, P],
+  } = e, O = pn(e, ["prefixCls", "justify", "align", "className", "style", "children", "gutter", "wrap"]), {
+    getPrefixCls: $,
+    direction: I
+  } = l.useContext(be), j = Gt(!0, null), C = We(o, j), S = We(n, j), y = $("row", r), [d, P, u] = an(y), h = fn(c, j), p = J(y, {
+    [`${y}-no-wrap`]: m === !1,
+    [`${y}-${S}`]: S,
+    [`${y}-${C}`]: C,
+    [`${y}-rtl`]: I === "rtl"
+  }, s, P, u), v = {}, F = h[0] != null && h[0] > 0 ? h[0] / -2 : void 0;
+  F && (v.marginLeft = F, v.marginRight = F);
+  const [x, b] = h;
+  v.rowGap = b;
+  const g = l.useMemo(() => ({
+    gutter: [x, b],
     wrap: m
-  }), [x, P, m]);
-  return V(/* @__PURE__ */ l.createElement(Je.Provider, {
-    value: A
-  }, /* @__PURE__ */ l.createElement("div", Object.assign({}, E, {
-    className: M,
-    style: Object.assign(Object.assign({}, H), a),
+  }), [x, b, m]);
+  return d(/* @__PURE__ */ l.createElement(Je.Provider, {
+    value: g
+  }, /* @__PURE__ */ l.createElement("div", Object.assign({}, O, {
+    className: p,
+    style: Object.assign(Object.assign({}, v), a),
     ref: t
-  }), c)));
+  }), i)));
 });
 process.env.NODE_ENV !== "production" && (Ze.displayName = "Row");
-function he(e) {
+function ge(e) {
   const [t, r] = l.useState(e);
   return l.useEffect(() => {
     const n = setTimeout(() => {
@@ -390,7 +374,7 @@ function he(e) {
     };
   }, [e]), t;
 }
-const pn = (e) => {
+const gn = (e) => {
   const {
     componentCls: t
   } = e, r = `${t}-show-help`, n = `${t}-show-help-item`;
@@ -430,7 +414,7 @@ const pn = (e) => {
       }
     }
   };
-}, gn = (e) => ({
+}, hn = (e) => ({
   legend: {
     display: "block",
     width: "100%",
@@ -488,12 +472,12 @@ const pn = (e) => {
       }
     }
   };
-}, hn = (e) => {
+}, bn = (e) => {
   const {
     componentCls: t
   } = e;
   return {
-    [e.componentCls]: Object.assign(Object.assign(Object.assign({}, ke(e)), gn(e)), {
+    [e.componentCls]: Object.assign(Object.assign(Object.assign({}, Ye(e)), hn(e)), {
       [`${t}-text`]: {
         display: "inline-block",
         paddingInlineEnd: e.paddingSM
@@ -505,7 +489,7 @@ const pn = (e) => {
       "&-large": Object.assign({}, He(e, e.controlHeightLG))
     })
   };
-}, bn = (e) => {
+}, yn = (e) => {
   const {
     formItemCls: t,
     iconCls: r,
@@ -513,16 +497,16 @@ const pn = (e) => {
     rootPrefixCls: o,
     antCls: s,
     labelRequiredMarkColor: a,
-    labelColor: c,
-    labelFontSize: u,
+    labelColor: i,
+    labelFontSize: c,
     labelHeight: m,
-    labelColonMarginInlineStart: E,
-    labelColonMarginInlineEnd: y,
-    itemMarginBottom: O
+    labelColonMarginInlineStart: O,
+    labelColonMarginInlineEnd: $,
+    itemMarginBottom: I
   } = e;
   return {
-    [t]: Object.assign(Object.assign({}, ke(e)), {
-      marginBottom: O,
+    [t]: Object.assign(Object.assign({}, Ye(e)), {
+      marginBottom: I,
       verticalAlign: "top",
       "&-with-help": {
         transition: "none"
@@ -565,8 +549,8 @@ const pn = (e) => {
           alignItems: "center",
           maxWidth: "100%",
           height: m,
-          color: c,
-          fontSize: u,
+          color: i,
+          fontSize: c,
           [`> ${r}`]: {
             fontSize: e.fontSize,
             verticalAlign: "top"
@@ -604,8 +588,8 @@ const pn = (e) => {
             content: '":"',
             position: "relative",
             marginBlock: 0,
-            marginInlineStart: E,
-            marginInlineEnd: y
+            marginInlineStart: O,
+            marginInlineEnd: $
           },
           [`&${t}-no-colon::after`]: {
             content: '"\\a0"'
@@ -720,7 +704,7 @@ const pn = (e) => {
       }
     }
   };
-}, yn = (e) => {
+}, $n = (e) => {
   const {
     componentCls: t,
     formItemCls: r,
@@ -790,7 +774,7 @@ const pn = (e) => {
       }
     }
   };
-}, $n = (e) => {
+}, vn = (e) => {
   const {
     componentCls: t,
     formItemCls: r,
@@ -894,21 +878,21 @@ const pn = (e) => {
   verticalLabelPadding: `0 0 ${e.paddingXS}px`,
   verticalLabelMargin: 0,
   inlineItemMarginBottom: 0
-}), tt = (e, t) => Xe(e, {
+}), tt = (e, t) => Ke(e, {
   formItemCls: `${e.componentCls}-item`,
   rootPrefixCls: t
-}), Ie = we("Form", (e, t) => {
+}), Ie = Se("Form", (e, t) => {
   let {
     rootPrefixCls: r
   } = t;
   const n = tt(e, r);
-  return [hn(n), bn(n), pn(n), Ae(n, n.componentCls), Ae(n, n.formItemCls), yn(n), $n(n), xn(n), Tt(n), Qe];
+  return [bn(n), yn(n), gn(n), Ae(n, n.componentCls), Ae(n, n.formItemCls), $n(n), vn(n), xn(n), Tt(n), Qe];
 }, Cn, {
   // Let From style before the Grid
   // ref https://github.com/ant-design/ant-design/issues/44386
   order: -1e3
 }), ze = [];
-function Ce(e, t, r) {
+function xe(e, t, r) {
   let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 0;
   return {
     key: typeof e == "string" ? e : `${t}-${n}`,
@@ -924,58 +908,57 @@ const nt = (e) => {
     warnings: o = ze,
     className: s,
     fieldId: a,
-    onVisibleChanged: c
+    onVisibleChanged: i
   } = e;
   const {
-    prefixCls: u
-  } = l.useContext(Se), m = `${u}-item-explain`, E = Ee(u), [y, O, R] = Ie(u, E), w = l.useMemo(() => Ve(u), [u]), S = he(n), I = he(o), f = l.useMemo(() => t != null ? [Ce(t, "help", r)] : [].concat(Y(S.map((h, p) => Ce(h, "error", "error", p))), Y(I.map((h, p) => Ce(h, "warning", "warning", p)))), [t, r, S, I]), j = l.useMemo(() => {
+    prefixCls: c
+  } = l.useContext(we), m = `${c}-item-explain`, O = Oe(c), [$, I, j] = Ie(c, O), C = l.useMemo(() => Re(c), [c]), S = ge(n), y = ge(o), d = l.useMemo(() => t != null ? [xe(t, "help", r)] : [].concat(Y(S.map((h, p) => xe(h, "error", "error", p))), Y(y.map((h, p) => xe(h, "warning", "warning", p)))), [t, r, S, y]), P = l.useMemo(() => {
     const h = {};
-    return f.forEach((p) => {
+    return d.forEach((p) => {
       let {
-        key: b
+        key: v
       } = p;
-      h[b] = (h[b] || 0) + 1;
-    }), f.map((p, b) => Object.assign(Object.assign({}, p), {
-      key: h[p.key] > 1 ? `${p.key}-fallback-${b}` : p.key
+      h[v] = (h[v] || 0) + 1;
+    }), d.map((p, v) => Object.assign(Object.assign({}, p), {
+      key: h[p.key] > 1 ? `${p.key}-fallback-${v}` : p.key
     }));
-  }, [f]), i = {};
-  return a && (i.id = `${a}_help`), y(/* @__PURE__ */ l.createElement(mt, {
-    motionDeadline: w.motionDeadline,
-    motionName: `${u}-show-help`,
-    visible: !!j.length,
-    onVisibleChanged: c
+  }, [d]), u = {};
+  return a && (u.id = `${a}_help`), $(/* @__PURE__ */ l.createElement(Et, {
+    motionDeadline: C.motionDeadline,
+    motionName: `${c}-show-help`,
+    visible: !!P.length,
+    onVisibleChanged: i
   }, (h) => {
     const {
       className: p,
-      style: b
+      style: v
     } = h;
-    return /* @__PURE__ */ l.createElement("div", Object.assign({}, i, {
-      className: J(m, p, R, E, s, O),
-      style: b,
-      role: "alert"
-    }), /* @__PURE__ */ l.createElement(pt, Object.assign({
-      keys: j
-    }, Ve(u), {
-      motionName: `${u}-show-help-item`,
+    return /* @__PURE__ */ l.createElement("div", Object.assign({}, u, {
+      className: J(m, p, j, O, s, I),
+      style: v
+    }), /* @__PURE__ */ l.createElement(It, Object.assign({
+      keys: P
+    }, Re(c), {
+      motionName: `${c}-show-help-item`,
       component: !1
-    }), (V) => {
+    }), (F) => {
       const {
-        key: C,
-        error: $,
+        key: x,
+        error: b,
         errorStatus: g,
-        className: M,
-        style: H
-      } = V;
+        className: V,
+        style: A
+      } = F;
       return /* @__PURE__ */ l.createElement("div", {
-        key: C,
-        className: J(M, {
+        key: x,
+        className: J(V, {
           [`${m}-${g}`]: g
         }),
-        style: H
-      }, $);
+        style: A
+      }, b);
     }));
   }));
-}, vn = ["parentNode"], wn = "form_item";
+}, wn = ["parentNode"], Sn = "form_item";
 function ie(e) {
   return e === void 0 || e === !1 ? [] : Array.isArray(e) ? e : [e];
 }
@@ -983,17 +966,24 @@ function rt(e, t) {
   if (!e.length)
     return;
   const r = e.join("_");
-  return t ? `${t}_${r}` : vn.includes(r) ? `${wn}_${r}` : r;
+  return t ? `${t}_${r}` : wn.includes(r) ? `${Sn}_${r}` : r;
 }
 function ot(e, t, r, n, o, s) {
   let a = n;
   return s !== void 0 ? a = s : r.validating ? a = "validating" : e.length ? a = "error" : t.length ? a = "warning" : (r.touched || o && r.validated) && (a = "success"), a;
 }
+var On = function(e, t) {
+  var r = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, n = Object.getOwnPropertySymbols(e); o < n.length; o++)
+    t.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[o]) && (r[n[o]] = e[n[o]]);
+  return r;
+};
 function qe(e) {
   return ie(e).join("_");
 }
 function Be(e, t) {
-  const r = t.getFieldInstance(e), n = gt(r);
+  const r = t.getFieldInstance(e), n = Ft(r);
   if (n)
     return n;
   const o = rt(ie(e), t.__INTERNAL__.name);
@@ -1001,7 +991,7 @@ function Be(e, t) {
     return document.getElementById(o);
 }
 function lt(e) {
-  const [t] = Ft(), r = l.useRef({}), n = l.useMemo(() => e ?? Object.assign(Object.assign({}, t), {
+  const [t] = yt(), r = l.useRef({}), n = l.useMemo(() => e ?? Object.assign(Object.assign({}, t), {
     __INTERNAL__: {
       itemRef: (o) => (s) => {
         const a = qe(o);
@@ -1010,16 +1000,18 @@ function lt(e) {
     },
     scrollToField: function(o) {
       let s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-      const a = Be(o, n);
-      a && en(a, Object.assign({
+      const {
+        focus: a
+      } = s, i = On(s, ["focus"]), c = Be(o, n);
+      c && (en(c, Object.assign({
         scrollMode: "if-needed",
         block: "nearest"
-      }, s));
+      }, i)), a && n.focusField(o));
     },
     focusField: (o) => {
-      var s;
-      const a = Be(o, n);
-      a && ((s = a.focus) === null || s === void 0 || s.call(a));
+      var s, a;
+      const i = n.getFieldInstance(o);
+      typeof (i == null ? void 0 : i.focus) == "function" ? i.focus() : (a = (s = Be(o, n)) === null || s === void 0 ? void 0 : s.focus) === null || a === void 0 || a.call(s);
     },
     getFieldInstance: (o) => {
       const s = qe(o);
@@ -1029,11 +1021,11 @@ function lt(e) {
   return [n];
 }
 const me = {};
-function Sn(e) {
+function En(e) {
   let {
     name: t
   } = e;
-  const r = be("Form");
+  const r = he("Form");
   l.useEffect(() => {
     if (t)
       return me[t] = (me[t] || 0) + 1, process.env.NODE_ENV !== "production" && r(me[t] <= 1, "usage", "There exist multiple Form with same `name`."), () => {
@@ -1041,109 +1033,113 @@ function Sn(e) {
       };
   }, [t]);
 }
-var En = function(e, t) {
+var In = function(e, t) {
   var r = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, n = Object.getOwnPropertySymbols(e); o < n.length; o++)
     t.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[o]) && (r[n[o]] = e[n[o]]);
   return r;
 };
-const On = (e, t) => {
-  const r = l.useContext(ht), {
+const Fn = (e, t) => {
+  const r = l.useContext(mt), {
     getPrefixCls: n,
     direction: o,
-    form: s
-  } = l.useContext(ce), {
-    prefixCls: a,
-    className: c,
-    rootClassName: u,
-    size: m,
-    disabled: E = r,
-    form: y,
-    colon: O,
-    labelAlign: R,
-    labelWrap: w,
-    labelCol: S,
-    wrapperCol: I,
-    hideRequiredMark: f,
-    layout: j = "horizontal",
+    requiredMark: s,
+    colon: a,
     scrollToFirstError: i,
-    requiredMark: h,
-    onFinishFailed: p,
-    name: b,
+    className: c,
+    style: m
+  } = Nt("form"), {
+    prefixCls: O,
+    className: $,
+    rootClassName: I,
+    size: j,
+    disabled: C = r,
+    form: S,
+    colon: y,
+    labelAlign: d,
+    labelWrap: P,
+    labelCol: u,
+    wrapperCol: h,
+    hideRequiredMark: p,
+    layout: v = "horizontal",
+    scrollToFirstError: F,
+    requiredMark: x,
+    onFinishFailed: b,
+    name: g,
     style: V,
-    feedbackIcons: C,
-    variant: $
-  } = e, g = En(e, ["prefixCls", "className", "rootClassName", "size", "disabled", "form", "colon", "labelAlign", "labelWrap", "labelCol", "wrapperCol", "hideRequiredMark", "layout", "scrollToFirstError", "requiredMark", "onFinishFailed", "name", "style", "feedbackIcons", "variant"]), M = Ht(m), H = l.useContext(bt);
-  process.env.NODE_ENV !== "production" && Sn(e);
-  const N = l.useMemo(() => h !== void 0 ? h : f ? !1 : s && s.requiredMark !== void 0 ? s.requiredMark : !0, [f, h, s]), x = O ?? (s == null ? void 0 : s.colon), P = n("form", a), A = Ee(P), [d, z, v] = Ie(P, A), q = J(P, `${P}-${j}`, {
-    [`${P}-hide-required-mark`]: N === !1,
-    [`${P}-rtl`]: o === "rtl",
-    [`${P}-${M}`]: M
-  }, v, A, z, s == null ? void 0 : s.className, c, u), [T] = lt(y), {
-    __INTERNAL__: G
-  } = T;
-  G.name = b;
-  const X = l.useMemo(() => ({
-    name: b,
-    labelAlign: R,
-    labelCol: S,
-    labelWrap: w,
-    wrapperCol: I,
-    vertical: j === "vertical",
-    colon: x,
-    requiredMark: N,
-    itemRef: G.itemRef,
-    form: T,
-    feedbackIcons: C
-  }), [b, R, S, I, j, x, N, T, C]), K = l.useRef(null);
+    feedbackIcons: A,
+    variant: D
+  } = e, w = In(e, ["prefixCls", "className", "rootClassName", "size", "disabled", "form", "colon", "labelAlign", "labelWrap", "labelCol", "wrapperCol", "hideRequiredMark", "layout", "scrollToFirstError", "requiredMark", "onFinishFailed", "name", "style", "feedbackIcons", "variant"]), T = Ht(j), W = l.useContext(ft);
+  process.env.NODE_ENV !== "production" && En(e);
+  const f = l.useMemo(() => x !== void 0 ? x : p ? !1 : s !== void 0 ? s : !0, [p, x, s]), z = y ?? a, E = n("form", O), q = Oe(E), [K, le, X] = Ie(E, q), Z = J(E, `${E}-${v}`, {
+    [`${E}-hide-required-mark`]: f === !1,
+    [`${E}-rtl`]: o === "rtl",
+    [`${E}-${T}`]: T
+  }, X, q, le, c, $, I), [B] = lt(S), {
+    __INTERNAL__: ee
+  } = B;
+  ee.name = g;
+  const k = l.useMemo(() => ({
+    name: g,
+    labelAlign: d,
+    labelCol: u,
+    labelWrap: P,
+    wrapperCol: h,
+    vertical: v === "vertical",
+    colon: z,
+    requiredMark: f,
+    itemRef: ee.itemRef,
+    form: B,
+    feedbackIcons: A
+  }), [g, d, u, h, v, z, f, B, A]), N = l.useRef(null);
   l.useImperativeHandle(t, () => {
-    var L;
-    return Object.assign(Object.assign({}, T), {
-      nativeElement: (L = K.current) === null || L === void 0 ? void 0 : L.nativeElement
+    var _;
+    return Object.assign(Object.assign({}, B), {
+      nativeElement: (_ = N.current) === null || _ === void 0 ? void 0 : _.nativeElement
     });
   });
-  const Z = (L, F) => {
-    if (L) {
-      let _ = {
+  const R = (_, H) => {
+    if (_) {
+      let G = {
         block: "nearest"
       };
-      typeof L == "object" && (_ = Object.assign(Object.assign({}, _), L)), T.scrollToField(F, _), _.focus && T.focusField(F);
+      typeof _ == "object" && (G = Object.assign(Object.assign({}, G), _)), B.scrollToField(H, G);
     }
-  }, ee = (L) => {
-    if (p == null || p(L), L.errorFields.length) {
-      const F = L.errorFields[0].name;
-      if (i !== void 0) {
-        Z(i, F);
+  }, M = (_) => {
+    if (b == null || b(_), _.errorFields.length) {
+      const H = _.errorFields[0].name;
+      if (F !== void 0) {
+        R(F, H);
         return;
       }
-      s && s.scrollToFirstError !== void 0 && Z(s.scrollToFirstError, F);
+      i !== void 0 && R(i, H);
     }
   };
-  return d(/* @__PURE__ */ l.createElement(Nt.Provider, {
-    value: $
-  }, /* @__PURE__ */ l.createElement(yt, {
-    disabled: E
-  }, /* @__PURE__ */ l.createElement($t.Provider, {
-    value: M
-  }, /* @__PURE__ */ l.createElement(Ye, {
+  return K(/* @__PURE__ */ l.createElement($t.Provider, {
+    value: D
+  }, /* @__PURE__ */ l.createElement(pt, {
+    disabled: C
+  }, /* @__PURE__ */ l.createElement(jt.Provider, {
+    value: T
+  }, /* @__PURE__ */ l.createElement(Xe, {
     // This is not list in API, we pass with spread
-    validateMessages: H
-  }, /* @__PURE__ */ l.createElement(ne.Provider, {
-    value: X
-  }, /* @__PURE__ */ l.createElement(jt, Object.assign({
-    id: b
-  }, g, {
-    name: b,
-    onFinishFailed: ee,
-    form: T,
-    ref: K,
-    style: Object.assign(Object.assign({}, s == null ? void 0 : s.style), V),
-    className: q
+    validateMessages: W
+  }, /* @__PURE__ */ l.createElement(te.Provider, {
+    value: k
+  }, /* @__PURE__ */ l.createElement(vt, Object.assign({
+    id: g
+  }, w, {
+    name: g,
+    onFinishFailed: M,
+    form: B,
+    ref: N,
+    style: Object.assign(Object.assign({}, m), V),
+    className: Z
   }))))))));
-}, st = /* @__PURE__ */ l.forwardRef(On);
+}, st = /* @__PURE__ */ l.forwardRef(Fn);
 process.env.NODE_ENV !== "production" && (st.displayName = "Form");
-function In(e) {
+function Nn(e) {
   if (typeof e == "function")
     return e;
   const t = zt(e);
@@ -1154,9 +1150,9 @@ const at = () => {
     status: e,
     errors: t = [],
     warnings: r = []
-  } = l.useContext(pe);
+  } = l.useContext(fe);
   if (process.env.NODE_ENV !== "production") {
-    const n = be("Form.Item");
+    const n = he("Form.Item");
     process.env.NODE_ENV !== "production" && n(e !== void 0, "usage", "Form.Item.useStatus should be used under Form.Item component. For more information: https://u.ant.design/form-item-usestatus");
   }
   return {
@@ -1165,35 +1161,35 @@ const at = () => {
     warnings: r
   };
 };
-at.Context = pe;
-function Fn(e) {
+at.Context = fe;
+function jn(e) {
   const [t, r] = l.useState(e), n = l.useRef(null), o = l.useRef([]), s = l.useRef(!1);
   l.useEffect(() => (s.current = !1, () => {
-    s.current = !0, _e.cancel(n.current), n.current = null;
+    s.current = !0, Pe.cancel(n.current), n.current = null;
   }), []);
-  function a(c) {
-    s.current || (n.current === null && (o.current = [], n.current = _e(() => {
-      n.current = null, r((u) => {
-        let m = u;
-        return o.current.forEach((E) => {
-          m = E(m);
+  function a(i) {
+    s.current || (n.current === null && (o.current = [], n.current = Pe(() => {
+      n.current = null, r((c) => {
+        let m = c;
+        return o.current.forEach((O) => {
+          m = O(m);
         }), m;
       });
-    })), o.current.push(c));
+    })), o.current.push(i));
   }
   return [t, a];
 }
-function Nn() {
+function Mn() {
   const {
     itemRef: e
-  } = l.useContext(ne), t = l.useRef({});
+  } = l.useContext(te), t = l.useRef({});
   function r(n, o) {
-    const s = o && typeof o == "object" && xt(o), a = n.join("_");
-    return (t.current.name !== a || t.current.originRef !== s) && (t.current.name = a, t.current.originRef = s, t.current.ref = Ct(e(n), s)), t.current.ref;
+    const s = o && typeof o == "object" && Mt(o), a = n.join("_");
+    return (t.current.name !== a || t.current.originRef !== s) && (t.current.name = a, t.current.originRef = s, t.current.ref = _t(e(n), s)), t.current.ref;
   }
   return r;
 }
-const jn = (e) => {
+const _n = (e) => {
   const {
     formItemCls: t
   } = e;
@@ -1205,21 +1201,21 @@ const jn = (e) => {
       }
     }
   };
-}, Mn = vt(["Form", "item-item"], (e, t) => {
+}, Pn = Pt(["Form", "item-item"], (e, t) => {
   let {
     rootPrefixCls: r
   } = t;
   const n = tt(e, r);
-  return [jn(n)];
+  return [_n(n)];
 });
-var _n = function(e, t) {
+var Rn = function(e, t) {
   var r = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, n = Object.getOwnPropertySymbols(e); o < n.length; o++)
     t.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[o]) && (r[n[o]] = e[n[o]]);
   return r;
 };
-const Rn = 24, Vn = (e) => {
+const Vn = 24, Dn = (e) => {
   const {
     prefixCls: t,
     status: r,
@@ -1227,84 +1223,90 @@ const Rn = 24, Vn = (e) => {
     wrapperCol: o,
     children: s,
     errors: a,
-    warnings: c,
-    _internalItemRender: u,
+    warnings: i,
+    _internalItemRender: c,
     extra: m,
-    help: E,
-    fieldId: y,
-    marginBottom: O,
-    onErrorVisibleChanged: R,
-    label: w
-  } = e, S = `${t}-item`, I = l.useContext(ne), f = l.useMemo(() => {
-    let x = Object.assign({}, o || I.wrapperCol || {});
-    return w === null && !n && !o && I.labelCol && [void 0, "xs", "sm", "md", "lg", "xl", "xxl"].forEach((A) => {
-      const d = A ? [A] : [], z = Re(I.labelCol, d), v = typeof z == "object" ? z : {}, q = Re(x, d), T = typeof q == "object" ? q : {};
-      "span" in v && !("offset" in T) && v.span < Rn && (x = wt(x, [].concat(d, ["offset"]), v.span));
-    }), x;
-  }, [o, I]), j = J(`${S}-control`, f.className), i = l.useMemo(() => _n(I, ["labelCol", "wrapperCol"]), [I]), h = l.useRef(null), [p, b] = l.useState(0);
-  Ke(() => {
-    m && h.current ? b(h.current.clientHeight) : b(0);
+    help: O,
+    fieldId: $,
+    marginBottom: I,
+    onErrorVisibleChanged: j,
+    label: C
+  } = e, S = `${t}-item`, y = l.useContext(te), d = l.useMemo(() => {
+    let w = Object.assign({}, o || y.wrapperCol || {});
+    return C === null && !n && !o && y.labelCol && [void 0, "xs", "sm", "md", "lg", "xl", "xxl"].forEach((W) => {
+      const f = W ? [W] : [], z = _e(y.labelCol, f), E = typeof z == "object" ? z : {}, q = _e(w, f), K = typeof q == "object" ? q : {};
+      "span" in E && !("offset" in K) && E.span < Vn && (w = gt(w, [].concat(f, ["offset"]), E.span));
+    }), w;
+  }, [o, y]), P = J(`${S}-control`, d.className), u = l.useMemo(() => {
+    const {
+      labelCol: w,
+      wrapperCol: T
+    } = y;
+    return Rn(y, ["labelCol", "wrapperCol"]);
+  }, [y]), h = l.useRef(null), [p, v] = l.useState(0);
+  Ue(() => {
+    m && h.current ? v(h.current.clientHeight) : v(0);
   }, [m]);
-  const V = /* @__PURE__ */ l.createElement("div", {
+  const F = /* @__PURE__ */ l.createElement("div", {
     className: `${S}-control-input`
   }, /* @__PURE__ */ l.createElement("div", {
     className: `${S}-control-input-content`
-  }, s)), C = l.useMemo(() => ({
+  }, s)), x = l.useMemo(() => ({
     prefixCls: t,
     status: r
-  }), [t, r]), $ = O !== null || a.length || c.length ? /* @__PURE__ */ l.createElement(Se.Provider, {
-    value: C
+  }), [t, r]), b = I !== null || a.length || i.length ? /* @__PURE__ */ l.createElement(we.Provider, {
+    value: x
   }, /* @__PURE__ */ l.createElement(nt, {
-    fieldId: y,
+    fieldId: $,
     errors: a,
-    warnings: c,
-    help: E,
+    warnings: i,
+    help: O,
     helpStatus: r,
     className: `${S}-explain-connected`,
-    onVisibleChanged: R
+    onVisibleChanged: j
   })) : null, g = {};
-  y && (g.id = `${y}_extra`);
-  const M = m ? /* @__PURE__ */ l.createElement("div", Object.assign({}, g, {
+  $ && (g.id = `${$}_extra`);
+  const V = m ? /* @__PURE__ */ l.createElement("div", Object.assign({}, g, {
     className: `${S}-extra`,
     ref: h
-  }), m) : null, H = $ || M ? /* @__PURE__ */ l.createElement("div", {
+  }), m) : null, A = b || V ? /* @__PURE__ */ l.createElement("div", {
     className: `${S}-additional`,
-    style: O ? {
-      minHeight: O + p
+    style: I ? {
+      minHeight: I + p
     } : {}
-  }, $, M) : null, N = u && u.mark === "pro_table_render" && u.render ? u.render(e, {
-    input: V,
-    errorList: $,
-    extra: M
-  }) : /* @__PURE__ */ l.createElement(l.Fragment, null, V, H);
-  return /* @__PURE__ */ l.createElement(ne.Provider, {
-    value: i
-  }, /* @__PURE__ */ l.createElement(Oe, Object.assign({}, f, {
-    className: j
-  }), N), /* @__PURE__ */ l.createElement(Mn, {
+  }, b, V) : null, D = c && c.mark === "pro_table_render" && c.render ? c.render(e, {
+    input: F,
+    errorList: b,
+    extra: V
+  }) : /* @__PURE__ */ l.createElement(l.Fragment, null, F, A);
+  return /* @__PURE__ */ l.createElement(te.Provider, {
+    value: u
+  }, /* @__PURE__ */ l.createElement(Ee, Object.assign({}, d, {
+    className: P
+  }), D), /* @__PURE__ */ l.createElement(Pn, {
     prefixCls: t
   }));
 };
-var Pn = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { tag: "path", attrs: { d: "M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z" } }] }, name: "question-circle", theme: "outlined" }, Dn = function(t, r) {
+var Ln = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { tag: "path", attrs: { d: "M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z" } }] }, name: "question-circle", theme: "outlined" }, Tn = function(t, r) {
   return /* @__PURE__ */ l.createElement(Xt, Lt({}, t, {
     ref: r,
-    icon: Pn
+    icon: Ln
   }));
-}, it = /* @__PURE__ */ l.forwardRef(Dn);
+}, it = /* @__PURE__ */ l.forwardRef(Tn);
 process.env.NODE_ENV !== "production" && (it.displayName = "QuestionCircleOutlined");
-var Ln = function(e, t) {
+var Wn = function(e, t) {
   var r = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, n = Object.getOwnPropertySymbols(e); o < n.length; o++)
     t.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[o]) && (r[n[o]] = e[n[o]]);
   return r;
 };
-function Tn(e) {
+function Hn(e) {
   return e ? typeof e == "object" && !/* @__PURE__ */ l.isValidElement(e) ? e : {
     title: e
   } : null;
 }
-const Wn = (e) => {
+const An = (e) => {
   let {
     prefixCls: t,
     label: r,
@@ -1312,60 +1314,60 @@ const Wn = (e) => {
     labelCol: o,
     labelAlign: s,
     colon: a,
-    required: c,
-    requiredMark: u,
+    required: i,
+    requiredMark: c,
     tooltip: m,
-    vertical: E
+    vertical: O
   } = e;
-  var y;
-  const [O] = kt("Form"), {
-    labelAlign: R,
-    labelCol: w,
+  var $;
+  const [I] = kt("Form"), {
+    labelAlign: j,
+    labelCol: C,
     labelWrap: S,
-    colon: I
-  } = l.useContext(ne);
+    colon: y
+  } = l.useContext(te);
   if (!r)
     return null;
-  const f = o || w || {}, j = s || R, i = `${t}-item-label`, h = J(i, j === "left" && `${i}-left`, f.className, {
-    [`${i}-wrap`]: !!S
+  const d = o || C || {}, P = s || j, u = `${t}-item-label`, h = J(u, P === "left" && `${u}-left`, d.className, {
+    [`${u}-wrap`]: !!S
   });
   let p = r;
-  const b = a === !0 || I !== !1 && a !== !1;
-  b && !E && typeof r == "string" && r.trim() && (p = r.replace(/[:|：]\s*$/, ""));
-  const C = Tn(m);
-  if (C) {
+  const v = a === !0 || y !== !1 && a !== !1;
+  v && !O && typeof r == "string" && r.trim() && (p = r.replace(/[:|：]\s*$/, ""));
+  const x = Hn(m);
+  if (x) {
     const {
-      icon: H = /* @__PURE__ */ l.createElement(it, null)
-    } = C, N = Ln(C, ["icon"]), x = /* @__PURE__ */ l.createElement(Wt, Object.assign({}, N), /* @__PURE__ */ l.cloneElement(H, {
+      icon: A = /* @__PURE__ */ l.createElement(it, null)
+    } = x, D = Wn(x, ["icon"]), w = /* @__PURE__ */ l.createElement(Wt, Object.assign({}, D), /* @__PURE__ */ l.cloneElement(A, {
       className: `${t}-item-tooltip`,
       title: "",
-      onClick: (P) => {
-        P.preventDefault();
+      onClick: (T) => {
+        T.preventDefault();
       },
       tabIndex: null
     }));
-    p = /* @__PURE__ */ l.createElement(l.Fragment, null, p, x);
+    p = /* @__PURE__ */ l.createElement(l.Fragment, null, p, w);
   }
-  const $ = u === "optional", g = typeof u == "function";
-  g ? p = u(p, {
-    required: !!c
-  }) : $ && !c && (p = /* @__PURE__ */ l.createElement(l.Fragment, null, p, /* @__PURE__ */ l.createElement("span", {
+  const b = c === "optional", g = typeof c == "function";
+  g ? p = c(p, {
+    required: !!i
+  }) : b && !i && (p = /* @__PURE__ */ l.createElement(l.Fragment, null, p, /* @__PURE__ */ l.createElement("span", {
     className: `${t}-item-optional`,
     title: ""
-  }, (O == null ? void 0 : O.optional) || ((y = St.Form) === null || y === void 0 ? void 0 : y.optional))));
-  const M = J({
-    [`${t}-item-required`]: c,
-    [`${t}-item-required-mark-optional`]: $ || g,
-    [`${t}-item-no-colon`]: !b
+  }, (I == null ? void 0 : I.optional) || (($ = ht.Form) === null || $ === void 0 ? void 0 : $.optional))));
+  const V = J({
+    [`${t}-item-required`]: i,
+    [`${t}-item-required-mark-optional`]: b || g,
+    [`${t}-item-no-colon`]: !v
   });
-  return /* @__PURE__ */ l.createElement(Oe, Object.assign({}, f, {
+  return /* @__PURE__ */ l.createElement(Ee, Object.assign({}, d, {
     className: h
   }), /* @__PURE__ */ l.createElement("label", {
     htmlFor: n,
-    className: M,
+    className: V,
     title: typeof r == "string" ? r : ""
   }, p));
-}, Hn = {
+}, zn = {
   success: Kt,
   warning: Ut,
   error: Yt,
@@ -1379,51 +1381,51 @@ function ct(e) {
     hasFeedback: o,
     validateStatus: s,
     prefixCls: a,
-    meta: c,
-    noStyle: u
+    meta: i,
+    noStyle: c
   } = e;
   const m = `${a}-item`, {
-    feedbackIcons: E
-  } = l.useContext(ne), y = ot(r, n, c, null, !!o, s), {
-    isFormItemInput: O,
-    status: R,
-    hasFeedback: w,
+    feedbackIcons: O
+  } = l.useContext(te), $ = ot(r, n, i, null, !!o, s), {
+    isFormItemInput: I,
+    status: j,
+    hasFeedback: C,
     feedbackIcon: S
-  } = l.useContext(pe), I = l.useMemo(() => {
-    var f;
-    let j;
+  } = l.useContext(fe), y = l.useMemo(() => {
+    var d;
+    let P;
     if (o) {
-      const h = o !== !0 && o.icons || E, p = y && ((f = h == null ? void 0 : h({
-        status: y,
+      const h = o !== !0 && o.icons || O, p = $ && ((d = h == null ? void 0 : h({
+        status: $,
         errors: r,
         warnings: n
-      })) === null || f === void 0 ? void 0 : f[y]), b = y && Hn[y];
-      j = p !== !1 && b ? /* @__PURE__ */ l.createElement("span", {
-        className: J(`${m}-feedback-icon`, `${m}-feedback-icon-${y}`)
-      }, p || /* @__PURE__ */ l.createElement(b, null)) : null;
+      })) === null || d === void 0 ? void 0 : d[$]), v = $ && zn[$];
+      P = p !== !1 && v ? /* @__PURE__ */ l.createElement("span", {
+        className: J(`${m}-feedback-icon`, `${m}-feedback-icon-${$}`)
+      }, p || /* @__PURE__ */ l.createElement(v, null)) : null;
     }
-    const i = {
-      status: y || "",
+    const u = {
+      status: $ || "",
       errors: r,
       warnings: n,
       hasFeedback: !!o,
-      feedbackIcon: j,
+      feedbackIcon: P,
       isFormItemInput: !0
     };
-    return u && (i.status = (y ?? R) || "", i.isFormItemInput = O, i.hasFeedback = !!(o ?? w), i.feedbackIcon = o !== void 0 ? i.feedbackIcon : S), i;
-  }, [y, o, u, O, R]);
-  return /* @__PURE__ */ l.createElement(pe.Provider, {
-    value: I
+    return c && (u.status = ($ ?? j) || "", u.isFormItemInput = I, u.hasFeedback = !!(o ?? C), u.feedbackIcon = o !== void 0 ? u.feedbackIcon : S), u;
+  }, [$, o, c, I, j]);
+  return /* @__PURE__ */ l.createElement(fe.Provider, {
+    value: y
   }, t);
 }
-var An = function(e, t) {
+var qn = function(e, t) {
   var r = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, n = Object.getOwnPropertySymbols(e); o < n.length; o++)
     t.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[o]) && (r[n[o]] = e[n[o]]);
   return r;
 };
-function zn(e) {
+function Bn(e) {
   const {
     prefixCls: t,
     className: r,
@@ -1431,52 +1433,52 @@ function zn(e) {
     style: o,
     help: s,
     errors: a,
-    warnings: c,
-    validateStatus: u,
+    warnings: i,
+    validateStatus: c,
     meta: m,
-    hasFeedback: E,
-    hidden: y,
-    children: O,
-    fieldId: R,
-    required: w,
+    hasFeedback: O,
+    hidden: $,
+    children: I,
+    fieldId: j,
+    required: C,
     isRequired: S,
-    onSubItemMetaChange: I,
-    layout: f
-  } = e, j = An(e, ["prefixCls", "className", "rootClassName", "style", "help", "errors", "warnings", "validateStatus", "meta", "hasFeedback", "hidden", "children", "fieldId", "required", "isRequired", "onSubItemMetaChange", "layout"]), i = `${t}-item`, {
+    onSubItemMetaChange: y,
+    layout: d
+  } = e, P = qn(e, ["prefixCls", "className", "rootClassName", "style", "help", "errors", "warnings", "validateStatus", "meta", "hasFeedback", "hidden", "children", "fieldId", "required", "isRequired", "onSubItemMetaChange", "layout"]), u = `${t}-item`, {
     requiredMark: h,
     vertical: p
-  } = l.useContext(ne), b = p || f === "vertical", V = l.useRef(null), C = he(a), $ = he(c), g = s != null, M = !!(g || a.length || c.length), H = !!V.current && qt(V.current), [N, x] = l.useState(null);
-  Ke(() => {
-    if (M && V.current) {
-      const v = getComputedStyle(V.current);
-      x(parseInt(v.marginBottom, 10));
+  } = l.useContext(te), v = p || d === "vertical", F = l.useRef(null), x = ge(a), b = ge(i), g = s != null, V = !!(g || a.length || i.length), A = !!F.current && qt(F.current), [D, w] = l.useState(null);
+  Ue(() => {
+    if (V && F.current) {
+      const E = getComputedStyle(F.current);
+      w(parseInt(E.marginBottom, 10));
     }
-  }, [M, H]);
-  const P = (v) => {
-    v || x(null);
-  }, d = function() {
-    let v = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
-    const q = v ? C : m.errors, T = v ? $ : m.warnings;
-    return ot(q, T, m, "", !!E, u);
-  }(), z = J(i, r, n, {
-    [`${i}-with-help`]: g || C.length || $.length,
+  }, [V, A]);
+  const T = (E) => {
+    E || w(null);
+  }, f = function() {
+    let E = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
+    const q = E ? x : m.errors, K = E ? b : m.warnings;
+    return ot(q, K, m, "", !!O, c);
+  }(), z = J(u, r, n, {
+    [`${u}-with-help`]: g || x.length || b.length,
     // Status
-    [`${i}-has-feedback`]: d && E,
-    [`${i}-has-success`]: d === "success",
-    [`${i}-has-warning`]: d === "warning",
-    [`${i}-has-error`]: d === "error",
-    [`${i}-is-validating`]: d === "validating",
-    [`${i}-hidden`]: y,
+    [`${u}-has-feedback`]: f && O,
+    [`${u}-has-success`]: f === "success",
+    [`${u}-has-warning`]: f === "warning",
+    [`${u}-has-error`]: f === "error",
+    [`${u}-is-validating`]: f === "validating",
+    [`${u}-hidden`]: $,
     // Layout
-    [`${i}-${f}`]: f
+    [`${u}-${d}`]: d
   });
   return /* @__PURE__ */ l.createElement("div", {
     className: z,
     style: o,
-    ref: V
+    ref: F
   }, /* @__PURE__ */ l.createElement(Ze, Object.assign({
-    className: `${i}-row`
-  }, Bt(j, [
+    className: `${u}-row`
+  }, Bt(P, [
     "_internalItemRender",
     "colon",
     "dependencies",
@@ -1508,52 +1510,52 @@ function zn(e) {
     "valuePropName",
     "wrapperCol",
     "validateDebounce"
-  ])), /* @__PURE__ */ l.createElement(Wn, Object.assign({
-    htmlFor: R
+  ])), /* @__PURE__ */ l.createElement(An, Object.assign({
+    htmlFor: j
   }, e, {
     requiredMark: h,
-    required: w ?? S,
+    required: C ?? S,
     prefixCls: t,
-    vertical: b
-  })), /* @__PURE__ */ l.createElement(Vn, Object.assign({}, e, m, {
-    errors: C,
-    warnings: $,
+    vertical: v
+  })), /* @__PURE__ */ l.createElement(Dn, Object.assign({}, e, m, {
+    errors: x,
+    warnings: b,
     prefixCls: t,
-    status: d,
+    status: f,
     help: s,
-    marginBottom: N,
-    onErrorVisibleChanged: P
-  }), /* @__PURE__ */ l.createElement(Ue.Provider, {
-    value: I
+    marginBottom: D,
+    onErrorVisibleChanged: T
+  }), /* @__PURE__ */ l.createElement(ke.Provider, {
+    value: y
   }, /* @__PURE__ */ l.createElement(ct, {
     prefixCls: t,
     meta: m,
     errors: m.errors,
     warnings: m.warnings,
-    hasFeedback: E,
+    hasFeedback: O,
     // Already calculated
-    validateStatus: d
-  }, O)))), !!N && /* @__PURE__ */ l.createElement("div", {
-    className: `${i}-margin-offset`,
+    validateStatus: f
+  }, I)))), !!D && /* @__PURE__ */ l.createElement("div", {
+    className: `${u}-margin-offset`,
     style: {
-      marginBottom: -N
+      marginBottom: -D
     }
   }));
 }
-const qn = "__SPLIT__";
-function Bn(e, t) {
+const Gn = "__SPLIT__";
+function Xn(e, t) {
   const r = Object.keys(e), n = Object.keys(t);
   return r.length === n.length && r.every((o) => {
     const s = e[o], a = t[o];
     return s === a || typeof s == "function" || typeof a == "function";
   });
 }
-const Gn = /* @__PURE__ */ l.memo((e) => {
+const kn = /* @__PURE__ */ l.memo((e) => {
   let {
     children: t
   } = e;
   return t;
-}, (e, t) => Bn(e.control, t.control) && e.update === t.update && e.childProps.length === t.childProps.length && e.childProps.every((r, n) => r === t.childProps[n]));
+}, (e, t) => Xn(e.control, t.control) && e.update === t.update && e.childProps.length === t.childProps.length && e.childProps.every((r, n) => r === t.childProps[n]));
 function Ge() {
   return {
     errors: [],
@@ -1564,7 +1566,7 @@ function Ge() {
     validated: !1
   };
 }
-function Xn(e) {
+function Kn(e) {
   const {
     name: t,
     noStyle: r,
@@ -1572,181 +1574,172 @@ function Xn(e) {
     dependencies: o,
     prefixCls: s,
     shouldUpdate: a,
-    rules: c,
-    children: u,
+    rules: i,
+    children: c,
     required: m,
-    label: E,
-    messageVariables: y,
-    trigger: O = "onChange",
-    validateTrigger: R,
-    hidden: w,
+    label: O,
+    messageVariables: $,
+    trigger: I = "onChange",
+    validateTrigger: j,
+    hidden: C,
     help: S,
-    layout: I
+    layout: y
   } = e, {
-    getPrefixCls: f
-  } = l.useContext(ce), {
-    name: j
-  } = l.useContext(ne), i = In(u), h = typeof i == "function", p = l.useContext(Ue), {
-    validateTrigger: b
-  } = l.useContext(Mt), V = R !== void 0 ? R : b, C = t != null, $ = f("form", s), g = Ee($), [M, H, N] = Ie($, g), x = be("Form.Item");
-  process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "production" && x(t !== null, "usage", "`null` is passed as `name` property");
-  const P = l.useContext(_t), A = l.useRef(null), [d, z] = Fn({}), [v, q] = Et(() => Ge()), T = (F) => {
-    const _ = P == null ? void 0 : P.getKey(F.name);
-    if (q(F.destroy ? Ge() : F, !0), r && S !== !1 && p) {
-      let D = F.name;
-      if (F.destroy)
-        D = A.current || D;
-      else if (_ !== void 0) {
-        const [B, k] = _;
-        D = [B].concat(Y(k)), A.current = D;
+    getPrefixCls: d
+  } = l.useContext(be), {
+    name: P
+  } = l.useContext(te), u = Nn(c), h = typeof u == "function", p = l.useContext(ke), {
+    validateTrigger: v
+  } = l.useContext(xt), F = j !== void 0 ? j : v, x = t != null, b = d("form", s), g = Oe(b), [V, A, D] = Ie(b, g), w = he("Form.Item");
+  process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "production" && w(t !== null, "usage", "`null` is passed as `name` property");
+  const T = l.useContext(Ct), W = l.useRef(null), [f, z] = jn({}), [E, q] = Rt(() => Ge()), K = (N) => {
+    const R = T == null ? void 0 : T.getKey(N.name);
+    if (q(N.destroy ? Ge() : N, !0), r && S !== !1 && p) {
+      let M = N.name;
+      if (N.destroy)
+        M = W.current || M;
+      else if (R !== void 0) {
+        const [_, H] = R;
+        M = [_].concat(Y(H)), W.current = M;
       }
-      p(F, D);
+      p(N, M);
     }
-  }, G = (F, _) => {
-    z((D) => {
-      const B = Object.assign({}, D), te = [].concat(Y(F.name.slice(0, -1)), Y(_)).join(qn);
-      return F.destroy ? delete B[te] : B[te] = F, B;
+  }, le = (N, R) => {
+    z((M) => {
+      const _ = Object.assign({}, M), G = [].concat(Y(N.name.slice(0, -1)), Y(R)).join(Gn);
+      return N.destroy ? delete _[G] : _[G] = N, _;
     });
-  }, [X, K] = l.useMemo(() => {
-    const F = Y(v.errors), _ = Y(v.warnings);
-    return Object.values(d).forEach((D) => {
-      F.push.apply(F, Y(D.errors || [])), _.push.apply(_, Y(D.warnings || []));
-    }), [F, _];
-  }, [d, v.errors, v.warnings]), Z = Nn();
-  function ee(F, _, D) {
-    return r && !w ? /* @__PURE__ */ l.createElement(ct, {
-      prefixCls: $,
+  }, [X, Z] = l.useMemo(() => {
+    const N = Y(E.errors), R = Y(E.warnings);
+    return Object.values(f).forEach((M) => {
+      N.push.apply(N, Y(M.errors || [])), R.push.apply(R, Y(M.warnings || []));
+    }), [N, R];
+  }, [f, E.errors, E.warnings]), B = Mn();
+  function ee(N, R, M) {
+    return r && !C ? /* @__PURE__ */ l.createElement(ct, {
+      prefixCls: b,
       hasFeedback: e.hasFeedback,
       validateStatus: e.validateStatus,
-      meta: v,
+      meta: E,
       errors: X,
-      warnings: K,
+      warnings: Z,
       noStyle: !0
-    }, F) : /* @__PURE__ */ l.createElement(zn, Object.assign({
+    }, N) : /* @__PURE__ */ l.createElement(Bn, Object.assign({
       key: "row"
     }, e, {
-      className: J(n, N, g, H),
-      prefixCls: $,
-      fieldId: _,
-      isRequired: D,
+      className: J(n, D, g, A),
+      prefixCls: b,
+      fieldId: R,
+      isRequired: M,
       errors: X,
-      warnings: K,
-      meta: v,
-      onSubItemMetaChange: G,
-      layout: I
-    }), F);
+      warnings: Z,
+      meta: E,
+      onSubItemMetaChange: le,
+      layout: y
+    }), N);
   }
-  if (!C && !h && !o)
-    return M(ee(i));
-  let L = {};
-  return typeof E == "string" ? L.label = E : t && (L.label = String(t)), y && (L = Object.assign(Object.assign({}, L), y)), M(/* @__PURE__ */ l.createElement(Rt, Object.assign({}, e, {
-    messageVariables: L,
-    trigger: O,
-    validateTrigger: V,
-    onMetaChange: T
-  }), (F, _, D) => {
-    const B = ie(t).length && _ ? _.name : [], k = rt(B, j), te = m !== void 0 ? m : !!(c != null && c.some((W) => {
-      if (W && typeof W == "object" && W.required && !W.warningOnly)
+  if (!x && !h && !o)
+    return V(ee(u));
+  let k = {};
+  return typeof O == "string" ? k.label = O : t && (k.label = String(t)), $ && (k = Object.assign(Object.assign({}, k), $)), V(/* @__PURE__ */ l.createElement(wt, Object.assign({}, e, {
+    messageVariables: k,
+    trigger: I,
+    validateTrigger: F,
+    onMetaChange: K
+  }), (N, R, M) => {
+    const _ = ie(t).length && R ? R.name : [], H = rt(_, P), G = m !== void 0 ? m : !!(i != null && i.some((L) => {
+      if (L && typeof L == "object" && L.required && !L.warningOnly)
         return !0;
-      if (typeof W == "function") {
-        const se = W(D);
+      if (typeof L == "function") {
+        const se = L(M);
         return (se == null ? void 0 : se.required) && !(se != null && se.warningOnly);
       }
       return !1;
-    })), oe = Object.assign({}, F);
-    let le = null;
-    if (process.env.NODE_ENV !== "production" && x(!(a && o), "usage", "`shouldUpdate` and `dependencies` shouldn't be used together. See https://u.ant.design/form-deps."), Array.isArray(i) && C)
-      process.env.NODE_ENV !== "production" && x(!1, "usage", "A `Form.Item` with a `name` prop must have a single child element. For information on how to render more complex form items, see https://u.ant.design/complex-form-item."), le = i;
-    else if (h && (!(a || o) || C))
-      process.env.NODE_ENV !== "production" && x(!!(a || o), "usage", "A `Form.Item` with a render function must have either `shouldUpdate` or `dependencies`."), process.env.NODE_ENV !== "production" && x(!C, "usage", "A `Form.Item` with a render function cannot be a field, and thus cannot have a `name` prop.");
-    else if (o && !h && !C)
-      process.env.NODE_ENV !== "production" && x(!1, "usage", "Must set `name` or use a render function when `dependencies` is set.");
-    else if (/* @__PURE__ */ l.isValidElement(i)) {
-      process.env.NODE_ENV !== "production" && x(i.props.defaultValue === void 0, "usage", "`defaultValue` will not work on controlled Field. You should use `initialValues` of Form instead.");
-      const W = Object.assign(Object.assign({}, i.props), oe);
-      if (W.id || (W.id = k), S || X.length > 0 || K.length > 0 || e.extra) {
+    })), ne = Object.assign({}, N);
+    let re = null;
+    if (process.env.NODE_ENV !== "production" && w(!(a && o), "usage", "`shouldUpdate` and `dependencies` shouldn't be used together. See https://u.ant.design/form-deps."), Array.isArray(u) && x)
+      process.env.NODE_ENV !== "production" && w(!1, "usage", "A `Form.Item` with a `name` prop must have a single child element. For information on how to render more complex form items, see https://u.ant.design/complex-form-item."), re = u;
+    else if (h && (!(a || o) || x))
+      process.env.NODE_ENV !== "production" && w(!!(a || o), "usage", "A `Form.Item` with a render function must have either `shouldUpdate` or `dependencies`."), process.env.NODE_ENV !== "production" && w(!x, "usage", "A `Form.Item` with a render function cannot be a field, and thus cannot have a `name` prop.");
+    else if (o && !h && !x)
+      process.env.NODE_ENV !== "production" && w(!1, "usage", "Must set `name` or use a render function when `dependencies` is set.");
+    else if (/* @__PURE__ */ l.isValidElement(u)) {
+      process.env.NODE_ENV !== "production" && w(u.props.defaultValue === void 0, "usage", "`defaultValue` will not work on controlled Field. You should use `initialValues` of Form instead.");
+      const L = Object.assign(Object.assign({}, u.props), ne);
+      if (L.id || (L.id = H), S || X.length > 0 || Z.length > 0 || e.extra) {
         const ae = [];
-        (S || X.length > 0) && ae.push(`${k}_help`), e.extra && ae.push(`${k}_extra`), W["aria-describedby"] = ae.join(" ");
+        (S || X.length > 0) && ae.push(`${H}_help`), e.extra && ae.push(`${H}_extra`), L["aria-describedby"] = ae.join(" ");
       }
-      X.length > 0 && (W["aria-invalid"] = "true"), te && (W["aria-required"] = "true"), Ot(i) && (W.ref = Z(B, i)), new Set([].concat(Y(ie(O)), Y(ie(V)))).forEach((ae) => {
-        W[ae] = function() {
-          for (var Fe, Ne, ye, je, $e, Me = arguments.length, xe = new Array(Me), ue = 0; ue < Me; ue++)
-            xe[ue] = arguments[ue];
-          (ye = oe[ae]) === null || ye === void 0 || (Fe = ye).call.apply(Fe, [oe].concat(xe)), ($e = (je = i.props)[ae]) === null || $e === void 0 || (Ne = $e).call.apply(Ne, [je].concat(xe));
+      X.length > 0 && (L["aria-invalid"] = "true"), G && (L["aria-required"] = "true"), Vt(u) && (L.ref = B(_, u)), new Set([].concat(Y(ie(I)), Y(ie(F)))).forEach((ae) => {
+        L[ae] = function() {
+          for (var Fe, Ne, ye, je, $e, Me = arguments.length, ve = new Array(Me), ce = 0; ce < Me; ce++)
+            ve[ce] = arguments[ce];
+          (ye = ne[ae]) === null || ye === void 0 || (Fe = ye).call.apply(Fe, [ne].concat(ve)), ($e = (je = u.props)[ae]) === null || $e === void 0 || (Ne = $e).call.apply(Ne, [je].concat(ve));
         };
       });
-      const dt = [W["aria-required"], W["aria-invalid"], W["aria-describedby"]];
-      le = /* @__PURE__ */ l.createElement(Gn, {
-        control: oe,
-        update: i,
+      const dt = [L["aria-required"], L["aria-invalid"], L["aria-describedby"]];
+      re = /* @__PURE__ */ l.createElement(kn, {
+        control: ne,
+        update: u,
         childProps: dt
-      }, At(i, W));
-    } else h && (a || o) && !C ? le = i(D) : (process.env.NODE_ENV !== "production" && x(!B.length || !!r, "usage", "`name` is only used for validate React element. If you are using Form.Item as layout display, please remove `name` instead."), le = i);
-    return ee(le, k, te);
+      }, At(u, L));
+    } else h && (a || o) && !x ? re = u(M) : (process.env.NODE_ENV !== "production" && w(!_.length || !!r, "usage", "`name` is only used for validate React element. If you are using Form.Item as layout display, please remove `name` instead."), re = u);
+    return ee(re, H, G);
   }));
 }
-const ut = Xn;
+const ut = Kn;
 ut.useStatus = at;
-var kn = function(e, t) {
+var Yn = function(e, t) {
   var r = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var o = 0, n = Object.getOwnPropertySymbols(e); o < n.length; o++)
     t.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[o]) && (r[n[o]] = e[n[o]]);
   return r;
 };
-const Kn = (e) => {
+const Un = (e) => {
   var {
     prefixCls: t,
     children: r
-  } = e, n = kn(e, ["prefixCls", "children"]);
+  } = e, n = Yn(e, ["prefixCls", "children"]);
   if (process.env.NODE_ENV !== "production") {
-    const c = be("Form.List");
-    process.env.NODE_ENV !== "production" && c(typeof n.name == "number" || (Array.isArray(n.name) ? !!n.name.length : !!n.name), "usage", "Miss `name` prop.");
+    const i = he("Form.List");
+    process.env.NODE_ENV !== "production" && i(typeof n.name == "number" || (Array.isArray(n.name) ? !!n.name.length : !!n.name), "usage", "Miss `name` prop.");
   }
   const {
     getPrefixCls: o
-  } = l.useContext(ce), s = o("form", t), a = l.useMemo(() => ({
+  } = l.useContext(be), s = o("form", t), a = l.useMemo(() => ({
     prefixCls: s,
     status: "error"
   }), [s]);
-  return /* @__PURE__ */ l.createElement(Vt, Object.assign({}, n), (c, u, m) => /* @__PURE__ */ l.createElement(Se.Provider, {
+  return /* @__PURE__ */ l.createElement(St, Object.assign({}, n), (i, c, m) => /* @__PURE__ */ l.createElement(we.Provider, {
     value: a
-  }, r(c.map((E) => Object.assign(Object.assign({}, E), {
-    fieldKey: E.key
-  })), u, {
+  }, r(i.map((O) => Object.assign(Object.assign({}, O), {
+    fieldKey: O.key
+  })), c, {
     errors: m.errors,
     warnings: m.warnings
   })));
 };
-function Yn() {
+function Qn() {
   const {
     form: e
-  } = l.useContext(ne);
+  } = l.useContext(te);
   return e;
 }
-const re = st;
-re.Item = ut;
-re.List = Kn;
-re.ErrorList = nt;
-re.useForm = lt;
-re.useFormInstance = Yn;
-re.useWatch = Pt;
-re.Provider = Ye;
-re.create = () => {
-  process.env.NODE_ENV !== "production" && It(!1, "Form", "antd v4 removed `Form.create`. Please remove or use `@ant-design/compatible` instead.");
+const oe = st;
+oe.Item = ut;
+oe.List = Un;
+oe.ErrorList = nt;
+oe.useForm = lt;
+oe.useFormInstance = Qn;
+oe.useWatch = Ot;
+oe.Provider = Xe;
+oe.create = () => {
+  process.env.NODE_ENV !== "production" && bt(!1, "Form", "antd v4 removed `Form.create`. Please remove or use `@ant-design/compatible` instead.");
 };
-const yr = ft(re)`
-  label,
-  .ant-form-item-label > label,
-  .ant-form-item-required,
-  .ant-form-item-row > label {
-    height: auto !important;
-  }
-`;
 export {
-  Oe as C,
-  re as F,
+  Ee as C,
+  oe as F,
   Ze as R,
-  yr as a,
   cn as g
 };