@gobolt/genesis 0.0.7

package/dist/Form-Cylpi4M4.js

@@ -0,0 +1,1815 @@
+import { jsx as Xe } from "react/jsx-runtime";
+import { useBreakpoint as mt } from "./providers/ThemeProvider.js";
+import { m as we, n as ke, z as Q, N as pt, C as ue, c as J, D as Ue, H as K, M as gt, a4 as ht, a5 as bt, A as be, F as yt, a6 as $t, a7 as xt, S as Ct, B as _e, t as vt, G as wt, W as St, a8 as Re, a9 as Et, O as Ke, _ as Ot, Y as It, j as Mt, s as Ft, J as Nt } from "./index-BWys7dkb.js";
+import { a as Se, u as Ee, b as jt, V as _t, c as Ye, d as re, R as Rt, F as ge, e as Qe, C as Vt, L as Pt, W as Dt, f as Lt, g as Tt } from "./context-CZsFJmh6.js";
+import * as i from "react";
+import Wt, { createContext as Ht } from "react";
+import { b as Ve, a as At } from "./index-VDH3iLaC.js";
+import { z as Je, T as zt } from "./index-SAAXFt-P.js";
+import { a as qt, R as Bt } from "./Compact-CJBo3f0u.js";
+import { c as Gt } from "./reactNode-sKPeiqPL.js";
+import { t as Xt, i as kt, o as Ut } from "./isVisible-CNQjrJPN.js";
+import { I as Kt } from "./AntdIcon-Bsnbyy6g.js";
+import { R as Yt, a as Qt } from "./ExclamationCircleFilled-BICVVQIg.js";
+import { R as Jt } from "./CloseCircleFilled-ZIY-u-27.js";
+const Pe = (e) => typeof e == "object" && e != null && e.nodeType === 1, De = (e, t) => (!t || e !== "hidden") && e !== "visible" && e !== "clip", fe = (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) => {
+      const o = ((s) => {
+        if (!s.ownerDocument || !s.ownerDocument.defaultView) return null;
+        try {
+          return s.ownerDocument.defaultView.frameElement;
+        } catch {
+          return null;
+        }
+      })(n);
+      return !!o && (o.clientHeight < n.scrollHeight || o.clientWidth < n.scrollWidth);
+    })(e);
+  }
+  return !1;
+}, me = (e, t, r, n, o, s, a, l) => s < e && a > t || s > e && a < t ? 0 : s <= e && l <= r || a >= t && l >= r ? s - e - n : a > t && l < r || s < e && l > r ? a - t + o : 0, Zt = (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: l, inline: c, boundary: f, skipOverflowHiddenElements: y } = t, $ = typeof f == "function" ? f : (A) => A !== f;
+  if (!Pe(e)) throw new TypeError("Invalid target");
+  const O = document.scrollingElement || document.documentElement, R = [];
+  let S = e;
+  for (; Pe(S) && $(S); ) {
+    if (S = Zt(S), S === O) {
+      R.push(S);
+      break;
+    }
+    S != null && S === document.body && fe(S) && !fe(document.documentElement) || S != null && fe(S, y) && R.push(S);
+  }
+  const E = (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: m, scrollY: N } = window, { height: u, width: h, top: p, right: b, bottom: V, left: v } = e.getBoundingClientRect(), { top: x, right: g, bottom: j, 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 };
+  })(e);
+  let F = l === "start" || l === "nearest" ? p - x : l === "end" ? V + j : p + u / 2 - x + j, C = c === "center" ? v + h / 2 - H + g : c === "end" ? b + g : v - H;
+  const P = [];
+  for (let A = 0; A < R.length; A++) {
+    const d = R[A], { height: z, width: w, top: q, right: T, bottom: G, left: X } = d.getBoundingClientRect();
+    if (a === "if-needed" && p >= 0 && v >= 0 && V <= I && b <= E && (d === O && !fe(d) || p >= q && V <= G && v >= X && b <= T)) return P;
+    const U = getComputedStyle(d), ee = parseInt(U.borderLeftWidth, 10), te = parseInt(U.borderTopWidth, 10), L = parseInt(U.borderRightWidth, 10), M = parseInt(U.borderBottomWidth, 10);
+    let _ = 0, D = 0;
+    const B = "offsetWidth" in d ? d.offsetWidth - d.clientWidth - ee - L : 0, k = "offsetHeight" in d ? d.offsetHeight - d.clientHeight - te - M : 0, ne = "offsetWidth" in d ? d.offsetWidth === 0 ? 0 : w / d.offsetWidth : 0, oe = "offsetHeight" in d ? d.offsetHeight === 0 ? 0 : z / d.offsetHeight : 0;
+    if (O === d) _ = l === "start" ? F : l === "end" ? F - I : l === "nearest" ? me(N, N + I, I, te, M, N + F, N + F + u, u) : F - I / 2, D = c === "start" ? C : c === "center" ? C - E / 2 : c === "end" ? C - E : me(m, m + E, E, ee, L, m + C, m + C + h, h), _ = Math.max(0, _ + N), D = Math.max(0, D + m);
+    else {
+      _ = l === "start" ? F - q - te : l === "end" ? F - G + M + k : l === "nearest" ? me(q, G, z, te, M + k, F, F + u, u) : F - (q + z / 2) + k / 2, D = c === "start" ? C - X - ee : c === "center" ? C - (X + w / 2) + B / 2 : c === "end" ? C - T + L + B : me(X, T, w, ee, L + B, C, C + h, h);
+      const { scrollLeft: se, scrollTop: W } = d;
+      _ = oe === 0 ? 0 : Math.max(0, Math.min(W + _ / oe, d.scrollHeight - z / oe + k)), D = ne === 0 ? 0 : Math.max(0, Math.min(se + D / ne, d.scrollWidth - w / ne + B)), F += W - _, C += se - D;
+    }
+    P.push({ el: d, top: _, left: D });
+  }
+  return P;
+}, en = (e) => e === !1 ? { block: "end", inline: "nearest" } : ((t) => t === Object(t) && Object.keys(t).length !== 0)(e) ? e : { block: "start", inline: "nearest" };
+function tn(e, t) {
+  if (!e.isConnected || !((o) => {
+    let s = o;
+    for (; s && s.parentNode; ) {
+      if (s.parentNode === document) return !0;
+      s = s.parentNode instanceof ShadowRoot ? s.parentNode.host : s.parentNode;
+    }
+    return !1;
+  })(e)) return;
+  const r = ((o) => {
+    const s = window.getComputedStyle(o);
+    return { top: parseFloat(s.scrollMarginTop) || 0, right: parseFloat(s.scrollMarginRight) || 0, bottom: parseFloat(s.scrollMarginBottom) || 0, left: parseFloat(s.scrollMarginLeft) || 0 };
+  })(e);
+  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, en(t))) {
+    const l = s - r.top + r.bottom, c = a - r.left + r.right;
+    o.scroll({ top: l, left: c, behavior: n });
+  }
+}
+const nn = (e) => ({
+  [e.componentCls]: {
+    // For common/openAnimation
+    [`${e.antCls}-motion-collapse-legacy`]: {
+      overflow: "hidden",
+      "&-active": {
+        transition: `height ${e.motionDurationMid} ${e.motionEaseInOut},
+        opacity ${e.motionDurationMid} ${e.motionEaseInOut} !important`
+      }
+    },
+    [`${e.antCls}-motion-collapse`]: {
+      overflow: "hidden",
+      transition: `height ${e.motionDurationMid} ${e.motionEaseInOut},
+        opacity ${e.motionDurationMid} ${e.motionEaseInOut} !important`
+    }
+  }
+}), rn = (e) => {
+  const {
+    componentCls: t
+  } = e;
+  return {
+    // Grid system
+    [t]: {
+      display: "flex",
+      flexFlow: "row wrap",
+      minWidth: 0,
+      "&::before, &::after": {
+        display: "flex"
+      },
+      "&-no-wrap": {
+        flexWrap: "nowrap"
+      },
+      // The origin of the X-axis
+      "&-start": {
+        justifyContent: "flex-start"
+      },
+      // The center of the X-axis
+      "&-center": {
+        justifyContent: "center"
+      },
+      // The opposite of the X-axis
+      "&-end": {
+        justifyContent: "flex-end"
+      },
+      "&-space-between": {
+        justifyContent: "space-between"
+      },
+      "&-space-around": {
+        justifyContent: "space-around"
+      },
+      "&-space-evenly": {
+        justifyContent: "space-evenly"
+      },
+      // Align at the top
+      "&-top": {
+        alignItems: "flex-start"
+      },
+      // Align at the center
+      "&-middle": {
+        alignItems: "center"
+      },
+      "&-bottom": {
+        alignItems: "flex-end"
+      }
+    }
+  };
+}, on = (e) => {
+  const {
+    componentCls: t
+  } = e;
+  return {
+    // Grid system
+    [t]: {
+      position: "relative",
+      maxWidth: "100%",
+      // Prevent columns from collapsing when empty
+      minHeight: 1
+    }
+  };
+}, sn = (e, t) => {
+  const {
+    prefixCls: r,
+    componentCls: n,
+    gridColumns: o
+  } = e, s = {};
+  for (let a = o; a >= 0; a--)
+    a === 0 ? (s[`${n}${t}-${a}`] = {
+      display: "none"
+    }, s[`${n}-push-${a}`] = {
+      insetInlineStart: "auto"
+    }, s[`${n}-pull-${a}`] = {
+      insetInlineEnd: "auto"
+    }, s[`${n}${t}-push-${a}`] = {
+      insetInlineStart: "auto"
+    }, s[`${n}${t}-pull-${a}`] = {
+      insetInlineEnd: "auto"
+    }, s[`${n}${t}-offset-${a}`] = {
+      marginInlineStart: 0
+    }, s[`${n}${t}-order-${a}`] = {
+      order: 0
+    }) : (s[`${n}${t}-${a}`] = [
+      // https://github.com/ant-design/ant-design/issues/44456
+      // Form set `display: flex` on Col which will override `display: block`.
+      // Let's get it from css variable to support override.
+      {
+        "--ant-display": "block",
+        // Fallback to display if variable not support
+        display: "block"
+      },
+      {
+        display: "var(--ant-display)",
+        flex: `0 0 ${a / o * 100}%`,
+        maxWidth: `${a / o * 100}%`
+      }
+    ], s[`${n}${t}-push-${a}`] = {
+      insetInlineStart: `${a / o * 100}%`
+    }, s[`${n}${t}-pull-${a}`] = {
+      insetInlineEnd: `${a / o * 100}%`
+    }, s[`${n}${t}-offset-${a}`] = {
+      marginInlineStart: `${a / o * 100}%`
+    }, s[`${n}${t}-order-${a}`] = {
+      order: a
+    });
+  return s[`${n}${t}-flex`] = {
+    flex: `var(--${r}${t}-flex)`
+  }, s;
+}, ve = (e, t) => sn(e, t), an = (e, t, r) => ({
+  [`@media (min-width: ${Q(t)})`]: Object.assign({}, ve(e, r))
+}), ln = () => ({}), cn = () => ({}), un = we("Grid", rn, ln), dn = (e) => ({
+  xs: e.screenXSMin,
+  sm: e.screenSMMin,
+  md: e.screenMDMin,
+  lg: e.screenLGMin,
+  xl: e.screenXLMin,
+  xxl: e.screenXXLMin
+}), fn = we("Grid", (e) => {
+  const t = ke(e, {
+    gridColumns: 24
+    // Row is divided into 24 parts in Grid
+  }), r = dn(t);
+  return delete r.xs, [on(t), ve(t, ""), ve(t, "-xs"), Object.keys(r).map((n) => an(t, r[n], `-${n}`)).reduce((n, o) => Object.assign(Object.assign({}, n), o), {})];
+}, cn), ce = ["xxl", "xl", "lg", "md", "sm", "xs"], mn = (e) => ({
+  xs: `(max-width: ${e.screenXSMax}px)`,
+  sm: `(min-width: ${e.screenSM}px)`,
+  md: `(min-width: ${e.screenMD}px)`,
+  lg: `(min-width: ${e.screenLG}px)`,
+  xl: `(min-width: ${e.screenXL}px)`,
+  xxl: `(min-width: ${e.screenXXL}px)`
+}), pn = (e) => {
+  const t = e, r = [].concat(ce).reverse();
+  return r.forEach((n, o) => {
+    const s = n.toUpperCase(), a = `screen${s}Min`, l = `screen${s}`;
+    if (!(t[a] <= t[l]))
+      throw new Error(`${a}<=${l} fails : !(${t[a]}<=${t[l]})`);
+    if (o < r.length - 1) {
+      const c = `screen${s}Max`;
+      if (!(t[l] <= t[c]))
+        throw new Error(`${l}<=${c} fails : !(${t[l]}<=${t[c]})`);
+      const y = `screen${r[o + 1].toUpperCase()}Min`;
+      if (!(t[c] <= t[y]))
+        throw new Error(`${c}<=${y} fails : !(${t[c]}<=${t[y]})`);
+    }
+  }), e;
+};
+function gn() {
+  const [, e] = pt(), t = mn(pn(e));
+  return Wt.useMemo(() => {
+    const r = /* @__PURE__ */ new Map();
+    let n = -1, o = {};
+    return {
+      matchHandlers: {},
+      dispatch(s) {
+        return o = s, r.forEach((a) => a(o)), r.size >= 1;
+      },
+      subscribe(s) {
+        return r.size || this.register(), n += 1, r.set(n, s), s(o), n;
+      },
+      unsubscribe(s) {
+        r.delete(s), r.size || this.unregister();
+      },
+      unregister() {
+        Object.keys(t).forEach((s) => {
+          const a = t[s], l = this.matchHandlers[a];
+          l == null || l.mql.removeListener(l == null ? void 0 : l.listener);
+        }), r.clear();
+      },
+      register() {
+        Object.keys(t).forEach((s) => {
+          const a = t[s], l = (f) => {
+            let {
+              matches: y
+            } = f;
+            this.dispatch(Object.assign(Object.assign({}, o), {
+              [s]: y
+            }));
+          }, c = window.matchMedia(a);
+          c.addListener(l), this.matchHandlers[a] = {
+            mql: c,
+            listener: l
+          }, l(c);
+        });
+      },
+      responsiveMap: t
+    };
+  }, [e]);
+}
+const Ze = /* @__PURE__ */ Ht({});
+var hn = 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 Te(e) {
+  return typeof e == "number" ? `${e} ${e} auto` : /^\d+(\.\d+)?(px|em|rem|%)$/.test(e) ? `0 0 ${e}` : e;
+}
+const bn = ["xs", "sm", "md", "lg", "xl", "xxl"], Oe = /* @__PURE__ */ i.forwardRef((e, t) => {
+  const {
+    getPrefixCls: r,
+    direction: n
+  } = i.useContext(ue), {
+    gutter: o,
+    wrap: s
+  } = i.useContext(Ze), {
+    prefixCls: a,
+    span: l,
+    order: c,
+    offset: f,
+    push: y,
+    pull: $,
+    className: O,
+    children: R,
+    flex: S,
+    style: E
+  } = e, I = hn(e, ["prefixCls", "span", "order", "offset", "push", "pull", "className", "children", "flex", "style"]), m = r("col", a), [N, u, h] = fn(m), p = {};
+  let b = {};
+  bn.forEach((x) => {
+    let g = {};
+    const j = e[x];
+    typeof j == "number" ? g.span = j : typeof j == "object" && (g = j || {}), delete I[x], b = Object.assign(Object.assign({}, b), {
+      [`${m}-${x}-${g.span}`]: g.span !== void 0,
+      [`${m}-${x}-order-${g.order}`]: g.order || g.order === 0,
+      [`${m}-${x}-offset-${g.offset}`]: g.offset || g.offset === 0,
+      [`${m}-${x}-push-${g.push}`]: g.push || g.push === 0,
+      [`${m}-${x}-pull-${g.pull}`]: g.pull || g.pull === 0,
+      [`${m}-rtl`]: n === "rtl"
+    }), g.flex && (b[`${m}-${x}-flex`] = !0, p[`--${m}-${x}-flex`] = Te(g.flex));
+  });
+  const V = J(m, {
+    [`${m}-${l}`]: l !== void 0,
+    [`${m}-order-${c}`]: c,
+    [`${m}-offset-${f}`]: f,
+    [`${m}-push-${y}`]: y,
+    [`${m}-pull-${$}`]: $
+  }, O, b, u, h), v = {};
+  if (o && o[0] > 0) {
+    const x = o[0] / 2;
+    v.paddingLeft = x, v.paddingRight = x;
+  }
+  return S && (v.flex = Te(S), s === !1 && !v.minWidth && (v.minWidth = 0)), N(/* @__PURE__ */ i.createElement("div", Object.assign({}, I, {
+    style: Object.assign(Object.assign(Object.assign({}, v), E), p),
+    className: V,
+    ref: t
+  }), R));
+});
+process.env.NODE_ENV !== "production" && (Oe.displayName = "Col");
+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;
+};
+function We(e, t) {
+  const [r, n] = i.useState(typeof e == "string" ? e : ""), o = () => {
+    if (typeof e == "string" && n(e), typeof e == "object")
+      for (let s = 0; s < ce.length; s++) {
+        const a = ce[s];
+        if (!t[a])
+          continue;
+        const l = e[a];
+        if (l !== void 0) {
+          n(l);
+          return;
+        }
+      }
+  };
+  return i.useEffect(() => {
+    o();
+  }, [JSON.stringify(e), t]), r;
+}
+const et = /* @__PURE__ */ i.forwardRef((e, t) => {
+  const {
+    prefixCls: r,
+    justify: n,
+    align: o,
+    className: s,
+    style: a,
+    children: l,
+    gutter: c = 0,
+    wrap: f
+  } = e, y = yn(e, ["prefixCls", "justify", "align", "className", "style", "children", "gutter", "wrap"]), {
+    getPrefixCls: $,
+    direction: O
+  } = i.useContext(ue), [R, S] = i.useState({
+    xs: !0,
+    sm: !0,
+    md: !0,
+    lg: !0,
+    xl: !0,
+    xxl: !0
+  }), [E, I] = i.useState({
+    xs: !1,
+    sm: !1,
+    md: !1,
+    lg: !1,
+    xl: !1,
+    xxl: !1
+  }), m = We(o, E), N = We(n, E), u = i.useRef(c), h = gn();
+  i.useEffect(() => {
+    const d = h.subscribe((z) => {
+      I(z);
+      const w = u.current || 0;
+      (!Array.isArray(w) && typeof w == "object" || Array.isArray(w) && (typeof w[0] == "object" || typeof w[1] == "object")) && S(z);
+    });
+    return () => h.unsubscribe(d);
+  }, []);
+  const p = () => {
+    const d = [void 0, void 0];
+    return (Array.isArray(c) ? c : [c, void 0]).forEach((w, q) => {
+      if (typeof w == "object")
+        for (let T = 0; T < ce.length; T++) {
+          const G = ce[T];
+          if (R[G] && w[G] !== void 0) {
+            d[q] = w[G];
+            break;
+          }
+        }
+      else
+        d[q] = w;
+    }), d;
+  }, b = $("row", r), [V, v, x] = un(b), g = p(), j = J(b, {
+    [`${b}-no-wrap`]: f === !1,
+    [`${b}-${N}`]: N,
+    [`${b}-${m}`]: m,
+    [`${b}-rtl`]: O === "rtl"
+  }, s, v, x), H = {}, F = g[0] != null && g[0] > 0 ? g[0] / -2 : void 0;
+  F && (H.marginLeft = F, H.marginRight = F);
+  const [C, P] = g;
+  H.rowGap = P;
+  const A = i.useMemo(() => ({
+    gutter: [C, P],
+    wrap: f
+  }), [C, P, f]);
+  return V(/* @__PURE__ */ i.createElement(Ze.Provider, {
+    value: A
+  }, /* @__PURE__ */ i.createElement("div", Object.assign({}, y, {
+    className: j,
+    style: Object.assign(Object.assign({}, H), a),
+    ref: t
+  }), l)));
+});
+process.env.NODE_ENV !== "production" && (et.displayName = "Row");
+function he(e) {
+  const [t, r] = i.useState(e);
+  return i.useEffect(() => {
+    const n = setTimeout(() => {
+      r(e);
+    }, e.length ? 0 : 10);
+    return () => {
+      clearTimeout(n);
+    };
+  }, [e]), t;
+}
+const $n = (e) => {
+  const {
+    componentCls: t
+  } = e, r = `${t}-show-help`, n = `${t}-show-help-item`;
+  return {
+    [r]: {
+      // Explain holder
+      transition: `opacity ${e.motionDurationFast} ${e.motionEaseInOut}`,
+      "&-appear, &-enter": {
+        opacity: 0,
+        "&-active": {
+          opacity: 1
+        }
+      },
+      "&-leave": {
+        opacity: 1,
+        "&-active": {
+          opacity: 0
+        }
+      },
+      // Explain
+      [n]: {
+        overflow: "hidden",
+        transition: `height ${e.motionDurationFast} ${e.motionEaseInOut},
+                     opacity ${e.motionDurationFast} ${e.motionEaseInOut},
+                     transform ${e.motionDurationFast} ${e.motionEaseInOut} !important`,
+        [`&${n}-appear, &${n}-enter`]: {
+          transform: "translateY(-5px)",
+          opacity: 0,
+          "&-active": {
+            transform: "translateY(0)",
+            opacity: 1
+          }
+        },
+        [`&${n}-leave-active`]: {
+          transform: "translateY(-5px)"
+        }
+      }
+    }
+  };
+}, xn = (e) => ({
+  legend: {
+    display: "block",
+    width: "100%",
+    marginBottom: e.marginLG,
+    padding: 0,
+    color: e.colorTextDescription,
+    fontSize: e.fontSizeLG,
+    lineHeight: "inherit",
+    border: 0,
+    borderBottom: `${Q(e.lineWidth)} ${e.lineType} ${e.colorBorder}`
+  },
+  'input[type="search"]': {
+    boxSizing: "border-box"
+  },
+  // Position radios and checkboxes better
+  'input[type="radio"], input[type="checkbox"]': {
+    lineHeight: "normal"
+  },
+  'input[type="file"]': {
+    display: "block"
+  },
+  // Make range inputs behave like textual form controls
+  'input[type="range"]': {
+    display: "block",
+    width: "100%"
+  },
+  // Make multiple select elements height not fixed
+  "select[multiple], select[size]": {
+    height: "auto"
+  },
+  // Focus for file, radio, and checkbox
+  "input[type='file']:focus,\n  input[type='radio']:focus,\n  input[type='checkbox']:focus": {
+    outline: 0,
+    boxShadow: `0 0 0 ${Q(e.controlOutlineWidth)} ${e.controlOutline}`
+  },
+  // Adjust output element
+  output: {
+    display: "block",
+    paddingTop: 15,
+    color: e.colorText,
+    fontSize: e.fontSize,
+    lineHeight: e.lineHeight
+  }
+}), He = (e, t) => {
+  const {
+    formItemCls: r
+  } = e;
+  return {
+    [r]: {
+      [`${r}-label > label`]: {
+        height: t
+      },
+      [`${r}-control-input`]: {
+        minHeight: t
+      }
+    }
+  };
+}, Cn = (e) => {
+  const {
+    componentCls: t
+  } = e;
+  return {
+    [e.componentCls]: Object.assign(Object.assign(Object.assign({}, Ue(e)), xn(e)), {
+      [`${t}-text`]: {
+        display: "inline-block",
+        paddingInlineEnd: e.paddingSM
+      },
+      // ================================================================
+      // =                             Size                             =
+      // ================================================================
+      "&-small": Object.assign({}, He(e, e.controlHeightSM)),
+      "&-large": Object.assign({}, He(e, e.controlHeightLG))
+    })
+  };
+}, vn = (e) => {
+  const {
+    formItemCls: t,
+    iconCls: r,
+    componentCls: n,
+    rootPrefixCls: o,
+    antCls: s,
+    labelRequiredMarkColor: a,
+    labelColor: l,
+    labelFontSize: c,
+    labelHeight: f,
+    labelColonMarginInlineStart: y,
+    labelColonMarginInlineEnd: $,
+    itemMarginBottom: O
+  } = e;
+  return {
+    [t]: Object.assign(Object.assign({}, Ue(e)), {
+      marginBottom: O,
+      verticalAlign: "top",
+      "&-with-help": {
+        transition: "none"
+      },
+      [`&-hidden,
+        &-hidden${s}-row`]: {
+        // https://github.com/ant-design/ant-design/issues/26141
+        display: "none"
+      },
+      "&-has-warning": {
+        [`${t}-split`]: {
+          color: e.colorError
+        }
+      },
+      "&-has-error": {
+        [`${t}-split`]: {
+          color: e.colorWarning
+        }
+      },
+      // ==============================================================
+      // =                            Label                           =
+      // ==============================================================
+      [`${t}-label`]: {
+        flexGrow: 0,
+        overflow: "hidden",
+        whiteSpace: "nowrap",
+        textAlign: "end",
+        verticalAlign: "middle",
+        "&-left": {
+          textAlign: "start"
+        },
+        "&-wrap": {
+          overflow: "unset",
+          lineHeight: e.lineHeight,
+          whiteSpace: "unset"
+        },
+        "> label": {
+          position: "relative",
+          display: "inline-flex",
+          alignItems: "center",
+          maxWidth: "100%",
+          height: f,
+          color: l,
+          fontSize: c,
+          [`> ${r}`]: {
+            fontSize: e.fontSize,
+            verticalAlign: "top"
+          },
+          // Required mark
+          [`&${t}-required:not(${t}-required-mark-optional)::before`]: {
+            display: "inline-block",
+            marginInlineEnd: e.marginXXS,
+            color: a,
+            fontSize: e.fontSize,
+            fontFamily: "SimSun, sans-serif",
+            lineHeight: 1,
+            content: '"*"',
+            [`${n}-hide-required-mark &`]: {
+              display: "none"
+            }
+          },
+          // Optional mark
+          [`${t}-optional`]: {
+            display: "inline-block",
+            marginInlineStart: e.marginXXS,
+            color: e.colorTextDescription,
+            [`${n}-hide-required-mark &`]: {
+              display: "none"
+            }
+          },
+          // Optional mark
+          [`${t}-tooltip`]: {
+            color: e.colorTextDescription,
+            cursor: "help",
+            writingMode: "horizontal-tb",
+            marginInlineStart: e.marginXXS
+          },
+          "&::after": {
+            content: '":"',
+            position: "relative",
+            marginBlock: 0,
+            marginInlineStart: y,
+            marginInlineEnd: $
+          },
+          [`&${t}-no-colon::after`]: {
+            content: '"\\a0"'
+          }
+        }
+      },
+      // ==============================================================
+      // =                            Input                           =
+      // ==============================================================
+      [`${t}-control`]: {
+        "--ant-display": "flex",
+        flexDirection: "column",
+        flexGrow: 1,
+        [`&:first-child:not([class^="'${o}-col-'"]):not([class*="' ${o}-col-'"])`]: {
+          width: "100%"
+        },
+        "&-input": {
+          position: "relative",
+          display: "flex",
+          alignItems: "center",
+          minHeight: e.controlHeight,
+          "&-content": {
+            flex: "auto",
+            maxWidth: "100%"
+          }
+        }
+      },
+      // ==============================================================
+      // =                           Explain                          =
+      // ==============================================================
+      [t]: {
+        "&-additional": {
+          display: "flex",
+          flexDirection: "column"
+        },
+        "&-explain, &-extra": {
+          clear: "both",
+          color: e.colorTextDescription,
+          fontSize: e.fontSize,
+          lineHeight: e.lineHeight
+        },
+        "&-explain-connected": {
+          width: "100%"
+        },
+        "&-extra": {
+          minHeight: e.controlHeightSM,
+          transition: `color ${e.motionDurationMid} ${e.motionEaseOut}`
+          // sync input color transition
+        },
+        "&-explain": {
+          "&-error": {
+            color: e.colorError
+          },
+          "&-warning": {
+            color: e.colorWarning
+          }
+        }
+      },
+      [`&-with-help ${t}-explain`]: {
+        height: "auto",
+        opacity: 1
+      },
+      // ==============================================================
+      // =                        Feedback Icon                       =
+      // ==============================================================
+      [`${t}-feedback-icon`]: {
+        fontSize: e.fontSize,
+        textAlign: "center",
+        visibility: "visible",
+        animationName: Je,
+        animationDuration: e.motionDurationMid,
+        animationTimingFunction: e.motionEaseOutBack,
+        pointerEvents: "none",
+        "&-success": {
+          color: e.colorSuccess
+        },
+        "&-error": {
+          color: e.colorError
+        },
+        "&-warning": {
+          color: e.colorWarning
+        },
+        "&-validating": {
+          color: e.colorPrimary
+        }
+      }
+    })
+  };
+}, Ae = (e, t) => {
+  const {
+    formItemCls: r
+  } = e;
+  return {
+    [`${t}-horizontal`]: {
+      [`${r}-label`]: {
+        flexGrow: 0
+      },
+      [`${r}-control`]: {
+        flex: "1 1 0",
+        // https://github.com/ant-design/ant-design/issues/32777
+        // https://github.com/ant-design/ant-design/issues/33773
+        minWidth: 0
+      },
+      // Do not change this to `ant-col-24`! `-24` match all the responsive rules
+      // https://github.com/ant-design/ant-design/issues/32980
+      // https://github.com/ant-design/ant-design/issues/34903
+      // https://github.com/ant-design/ant-design/issues/44538
+      [`${r}-label[class$='-24'], ${r}-label[class*='-24 ']`]: {
+        [`& + ${r}-control`]: {
+          minWidth: "unset"
+        }
+      }
+    }
+  };
+}, wn = (e) => {
+  const {
+    componentCls: t,
+    formItemCls: r,
+    inlineItemMarginBottom: n
+  } = e;
+  return {
+    [`${t}-inline`]: {
+      display: "flex",
+      flexWrap: "wrap",
+      [r]: {
+        flex: "none",
+        marginInlineEnd: e.margin,
+        marginBottom: n,
+        "&-row": {
+          flexWrap: "nowrap"
+        },
+        [`> ${r}-label,
+        > ${r}-control`]: {
+          display: "inline-block",
+          verticalAlign: "top"
+        },
+        [`> ${r}-label`]: {
+          flex: "none"
+        },
+        [`${t}-text`]: {
+          display: "inline-block"
+        },
+        [`${r}-has-feedback`]: {
+          display: "inline-block"
+        }
+      }
+    }
+  };
+}, Y = (e) => ({
+  padding: e.verticalLabelPadding,
+  margin: e.verticalLabelMargin,
+  whiteSpace: "initial",
+  textAlign: "start",
+  "> label": {
+    margin: 0,
+    "&::after": {
+      // https://github.com/ant-design/ant-design/issues/43538
+      visibility: "hidden"
+    }
+  }
+}), tt = (e) => {
+  const {
+    componentCls: t,
+    formItemCls: r,
+    rootPrefixCls: n
+  } = e;
+  return {
+    [`${r} ${r}-label`]: Y(e),
+    // ref: https://github.com/ant-design/ant-design/issues/45122
+    [`${t}:not(${t}-inline)`]: {
+      [r]: {
+        flexWrap: "wrap",
+        [`${r}-label, ${r}-control`]: {
+          // When developer pass `xs: { span }`,
+          // It should follow the `xs` screen config
+          // ref: https://github.com/ant-design/ant-design/issues/44386
+          [`&:not([class*=" ${n}-col-xs"])`]: {
+            flex: "0 0 100%",
+            maxWidth: "100%"
+          }
+        }
+      }
+    }
+  };
+}, Sn = (e) => {
+  const {
+    componentCls: t,
+    formItemCls: r,
+    antCls: n
+  } = e;
+  return {
+    [`${t}-vertical`]: {
+      [`${r}:not(${r}-horizontal)`]: {
+        [`${r}-row`]: {
+          flexDirection: "column"
+        },
+        [`${r}-label > label`]: {
+          height: "auto"
+        },
+        [`${r}-control`]: {
+          width: "100%"
+        },
+        [`${r}-label,
+        ${n}-col-24${r}-label,
+        ${n}-col-xl-24${r}-label`]: Y(e)
+      }
+    },
+    [`@media (max-width: ${Q(e.screenXSMax)})`]: [tt(e), {
+      [t]: {
+        [`${r}:not(${r}-horizontal)`]: {
+          [`${n}-col-xs-24${r}-label`]: Y(e)
+        }
+      }
+    }],
+    [`@media (max-width: ${Q(e.screenSMMax)})`]: {
+      [t]: {
+        [`${r}:not(${r}-horizontal)`]: {
+          [`${n}-col-sm-24${r}-label`]: Y(e)
+        }
+      }
+    },
+    [`@media (max-width: ${Q(e.screenMDMax)})`]: {
+      [t]: {
+        [`${r}:not(${r}-horizontal)`]: {
+          [`${n}-col-md-24${r}-label`]: Y(e)
+        }
+      }
+    },
+    [`@media (max-width: ${Q(e.screenLGMax)})`]: {
+      [t]: {
+        [`${r}:not(${r}-horizontal)`]: {
+          [`${n}-col-lg-24${r}-label`]: Y(e)
+        }
+      }
+    }
+  };
+}, En = (e) => {
+  const {
+    formItemCls: t,
+    antCls: r
+  } = e;
+  return {
+    [`${t}-vertical`]: {
+      [`${t}-row`]: {
+        flexDirection: "column"
+      },
+      [`${t}-label > label`]: {
+        height: "auto"
+      },
+      [`${t}-control`]: {
+        width: "100%"
+      }
+    },
+    [`${t}-vertical ${t}-label,
+      ${r}-col-24${t}-label,
+      ${r}-col-xl-24${t}-label`]: Y(e),
+    [`@media (max-width: ${Q(e.screenXSMax)})`]: [tt(e), {
+      [t]: {
+        [`${r}-col-xs-24${t}-label`]: Y(e)
+      }
+    }],
+    [`@media (max-width: ${Q(e.screenSMMax)})`]: {
+      [t]: {
+        [`${r}-col-sm-24${t}-label`]: Y(e)
+      }
+    },
+    [`@media (max-width: ${Q(e.screenMDMax)})`]: {
+      [t]: {
+        [`${r}-col-md-24${t}-label`]: Y(e)
+      }
+    },
+    [`@media (max-width: ${Q(e.screenLGMax)})`]: {
+      [t]: {
+        [`${r}-col-lg-24${t}-label`]: Y(e)
+      }
+    }
+  };
+}, On = (e) => ({
+  labelRequiredMarkColor: e.colorError,
+  labelColor: e.colorTextHeading,
+  labelFontSize: e.fontSize,
+  labelHeight: e.controlHeight,
+  labelColonMarginInlineStart: e.marginXXS / 2,
+  labelColonMarginInlineEnd: e.marginXS,
+  itemMarginBottom: e.marginLG,
+  verticalLabelPadding: `0 0 ${e.paddingXS}px`,
+  verticalLabelMargin: 0,
+  inlineItemMarginBottom: 0
+}), nt = (e, t) => ke(e, {
+  formItemCls: `${e.componentCls}-item`,
+  rootPrefixCls: t
+}), Ie = we("Form", (e, t) => {
+  let {
+    rootPrefixCls: r
+  } = t;
+  const n = nt(e, r);
+  return [Cn(n), vn(n), $n(n), Ae(n, n.componentCls), Ae(n, n.formItemCls), wn(n), Sn(n), En(n), nn(n), Je];
+}, On, {
+  // Let From style before the Grid
+  // ref https://github.com/ant-design/ant-design/issues/44386
+  order: -1e3
+}), ze = [];
+function Ce(e, t, r) {
+  let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 0;
+  return {
+    key: typeof e == "string" ? e : `${t}-${n}`,
+    error: e,
+    errorStatus: r
+  };
+}
+const rt = (e) => {
+  let {
+    help: t,
+    helpStatus: r,
+    errors: n = ze,
+    warnings: o = ze,
+    className: s,
+    fieldId: a,
+    onVisibleChanged: l
+  } = e;
+  const {
+    prefixCls: c
+  } = i.useContext(Se), f = `${c}-item-explain`, y = Ee(c), [$, O, R] = Ie(c, y), S = i.useMemo(() => Ve(c), [c]), E = he(n), I = he(o), m = i.useMemo(() => t != null ? [Ce(t, "help", r)] : [].concat(K(E.map((h, p) => Ce(h, "error", "error", p))), K(I.map((h, p) => Ce(h, "warning", "warning", p)))), [t, r, E, I]), N = i.useMemo(() => {
+    const h = {};
+    return m.forEach((p) => {
+      let {
+        key: b
+      } = p;
+      h[b] = (h[b] || 0) + 1;
+    }), m.map((p, b) => Object.assign(Object.assign({}, p), {
+      key: h[p.key] > 1 ? `${p.key}-fallback-${b}` : p.key
+    }));
+  }, [m]), u = {};
+  return a && (u.id = `${a}_help`), $(/* @__PURE__ */ i.createElement(gt, {
+    motionDeadline: S.motionDeadline,
+    motionName: `${c}-show-help`,
+    visible: !!N.length,
+    onVisibleChanged: l
+  }, (h) => {
+    const {
+      className: p,
+      style: b
+    } = h;
+    return /* @__PURE__ */ i.createElement("div", Object.assign({}, u, {
+      className: J(f, p, R, y, s, O),
+      style: b,
+      role: "alert"
+    }), /* @__PURE__ */ i.createElement(ht, Object.assign({
+      keys: N
+    }, Ve(c), {
+      motionName: `${c}-show-help-item`,
+      component: !1
+    }), (V) => {
+      const {
+        key: v,
+        error: x,
+        errorStatus: g,
+        className: j,
+        style: H
+      } = V;
+      return /* @__PURE__ */ i.createElement("div", {
+        key: v,
+        className: J(j, {
+          [`${f}-${g}`]: g
+        }),
+        style: H
+      }, x);
+    }));
+  }));
+}, In = ["parentNode"], Mn = "form_item";
+function le(e) {
+  return e === void 0 || e === !1 ? [] : Array.isArray(e) ? e : [e];
+}
+function ot(e, t) {
+  if (!e.length)
+    return;
+  const r = e.join("_");
+  return t ? `${t}_${r}` : In.includes(r) ? `${Mn}_${r}` : r;
+}
+function st(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;
+}
+function qe(e) {
+  return le(e).join("_");
+}
+function Be(e, t) {
+  const r = t.getFieldInstance(e), n = bt(r);
+  if (n)
+    return n;
+  const o = ot(le(e), t.__INTERNAL__.name);
+  if (o)
+    return document.getElementById(o);
+}
+function it(e) {
+  const [t] = jt(), r = i.useRef({}), n = i.useMemo(() => e ?? Object.assign(Object.assign({}, t), {
+    __INTERNAL__: {
+      itemRef: (o) => (s) => {
+        const a = qe(o);
+        s ? r.current[a] = s : delete r.current[a];
+      }
+    },
+    scrollToField: function(o) {
+      let s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+      const a = Be(o, n);
+      a && tn(a, Object.assign({
+        scrollMode: "if-needed",
+        block: "nearest"
+      }, s));
+    },
+    focusField: (o) => {
+      var s;
+      const a = Be(o, n);
+      a && ((s = a.focus) === null || s === void 0 || s.call(a));
+    },
+    getFieldInstance: (o) => {
+      const s = qe(o);
+      return r.current[s];
+    }
+  }), [e, t]);
+  return [n];
+}
+const pe = {};
+function Fn(e) {
+  let {
+    name: t
+  } = e;
+  const r = be("Form");
+  i.useEffect(() => {
+    if (t)
+      return pe[t] = (pe[t] || 0) + 1, process.env.NODE_ENV !== "production" && r(pe[t] <= 1, "usage", "There exist multiple Form with same `name`."), () => {
+        pe[t] -= 1;
+      };
+  }, [t]);
+}
+var Nn = 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 jn = (e, t) => {
+  const r = i.useContext(yt), {
+    getPrefixCls: n,
+    direction: o,
+    form: s
+  } = i.useContext(ue), {
+    prefixCls: a,
+    className: l,
+    rootClassName: c,
+    size: f,
+    disabled: y = r,
+    form: $,
+    colon: O,
+    labelAlign: R,
+    labelWrap: S,
+    labelCol: E,
+    wrapperCol: I,
+    hideRequiredMark: m,
+    layout: N = "horizontal",
+    scrollToFirstError: u,
+    requiredMark: h,
+    onFinishFailed: p,
+    name: b,
+    style: V,
+    feedbackIcons: v,
+    variant: x
+  } = e, g = Nn(e, ["prefixCls", "className", "rootClassName", "size", "disabled", "form", "colon", "labelAlign", "labelWrap", "labelCol", "wrapperCol", "hideRequiredMark", "layout", "scrollToFirstError", "requiredMark", "onFinishFailed", "name", "style", "feedbackIcons", "variant"]), j = qt(f), H = i.useContext($t);
+  process.env.NODE_ENV !== "production" && Fn(e);
+  const F = i.useMemo(() => h !== void 0 ? h : m ? !1 : s && s.requiredMark !== void 0 ? s.requiredMark : !0, [m, h, s]), C = O ?? (s == null ? void 0 : s.colon), P = n("form", a), A = Ee(P), [d, z, w] = Ie(P, A), q = J(P, `${P}-${N}`, {
+    [`${P}-hide-required-mark`]: F === !1,
+    [`${P}-rtl`]: o === "rtl",
+    [`${P}-${j}`]: j
+  }, w, A, z, s == null ? void 0 : s.className, l, c), [T] = it($), {
+    __INTERNAL__: G
+  } = T;
+  G.name = b;
+  const X = i.useMemo(() => ({
+    name: b,
+    labelAlign: R,
+    labelCol: E,
+    labelWrap: S,
+    wrapperCol: I,
+    vertical: N === "vertical",
+    colon: C,
+    requiredMark: F,
+    itemRef: G.itemRef,
+    form: T,
+    feedbackIcons: v
+  }), [b, R, E, I, N, C, F, T, v]), U = i.useRef(null);
+  i.useImperativeHandle(t, () => {
+    var L;
+    return Object.assign(Object.assign({}, T), {
+      nativeElement: (L = U.current) === null || L === void 0 ? void 0 : L.nativeElement
+    });
+  });
+  const ee = (L, M) => {
+    if (L) {
+      let _ = {
+        block: "nearest"
+      };
+      typeof L == "object" && (_ = Object.assign(Object.assign({}, _), L)), T.scrollToField(M, _), _.focus && T.focusField(M);
+    }
+  }, te = (L) => {
+    if (p == null || p(L), L.errorFields.length) {
+      const M = L.errorFields[0].name;
+      if (u !== void 0) {
+        ee(u, M);
+        return;
+      }
+      s && s.scrollToFirstError !== void 0 && ee(s.scrollToFirstError, M);
+    }
+  };
+  return d(/* @__PURE__ */ i.createElement(_t.Provider, {
+    value: x
+  }, /* @__PURE__ */ i.createElement(xt, {
+    disabled: y
+  }, /* @__PURE__ */ i.createElement(Ct.Provider, {
+    value: j
+  }, /* @__PURE__ */ i.createElement(Ye, {
+    // This is not list in API, we pass with spread
+    validateMessages: H
+  }, /* @__PURE__ */ i.createElement(re.Provider, {
+    value: X
+  }, /* @__PURE__ */ i.createElement(Rt, Object.assign({
+    id: b
+  }, g, {
+    name: b,
+    onFinishFailed: te,
+    form: T,
+    ref: U,
+    style: Object.assign(Object.assign({}, s == null ? void 0 : s.style), V),
+    className: q
+  }))))))));
+}, at = /* @__PURE__ */ i.forwardRef(jn);
+process.env.NODE_ENV !== "production" && (at.displayName = "Form");
+function _n(e) {
+  if (typeof e == "function")
+    return e;
+  const t = Xt(e);
+  return t.length <= 1 ? t[0] : t;
+}
+const lt = () => {
+  const {
+    status: e,
+    errors: t = [],
+    warnings: r = []
+  } = i.useContext(ge);
+  if (process.env.NODE_ENV !== "production") {
+    const n = be("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 {
+    status: e,
+    errors: t,
+    warnings: r
+  };
+};
+lt.Context = ge;
+function Rn(e) {
+  const [t, r] = i.useState(e), n = i.useRef(null), o = i.useRef([]), s = i.useRef(!1);
+  i.useEffect(() => (s.current = !1, () => {
+    s.current = !0, _e.cancel(n.current), n.current = null;
+  }), []);
+  function a(l) {
+    s.current || (n.current === null && (o.current = [], n.current = _e(() => {
+      n.current = null, r((c) => {
+        let f = c;
+        return o.current.forEach((y) => {
+          f = y(f);
+        }), f;
+      });
+    })), o.current.push(l));
+  }
+  return [t, a];
+}
+function Vn() {
+  const {
+    itemRef: e
+  } = i.useContext(re), t = i.useRef({});
+  function r(n, o) {
+    const s = o && typeof o == "object" && vt(o), a = n.join("_");
+    return (t.current.name !== a || t.current.originRef !== s) && (t.current.name = a, t.current.originRef = s, t.current.ref = wt(e(n), s)), t.current.ref;
+  }
+  return r;
+}
+const Pn = (e) => {
+  const {
+    formItemCls: t
+  } = e;
+  return {
+    "@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)": {
+      // Fallback for IE, safe to remove we not support it anymore
+      [`${t}-control`]: {
+        display: "flex"
+      }
+    }
+  };
+}, Dn = St(["Form", "item-item"], (e, t) => {
+  let {
+    rootPrefixCls: r
+  } = t;
+  const n = nt(e, r);
+  return [Pn(n)];
+});
+var Ln = 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 Tn = 24, Wn = (e) => {
+  const {
+    prefixCls: t,
+    status: r,
+    labelCol: n,
+    wrapperCol: o,
+    children: s,
+    errors: a,
+    warnings: l,
+    _internalItemRender: c,
+    extra: f,
+    help: y,
+    fieldId: $,
+    marginBottom: O,
+    onErrorVisibleChanged: R,
+    label: S
+  } = e, E = `${t}-item`, I = i.useContext(re), m = i.useMemo(() => {
+    let C = Object.assign({}, o || I.wrapperCol || {});
+    return S === null && !n && !o && I.labelCol && [void 0, "xs", "sm", "md", "lg", "xl", "xxl"].forEach((A) => {
+      const d = A ? [A] : [], z = Re(I.labelCol, d), w = typeof z == "object" ? z : {}, q = Re(C, d), T = typeof q == "object" ? q : {};
+      "span" in w && !("offset" in T) && w.span < Tn && (C = Et(C, [].concat(d, ["offset"]), w.span));
+    }), C;
+  }, [o, I]), N = J(`${E}-control`, m.className), u = i.useMemo(() => Ln(I, ["labelCol", "wrapperCol"]), [I]), h = i.useRef(null), [p, b] = i.useState(0);
+  Ke(() => {
+    f && h.current ? b(h.current.clientHeight) : b(0);
+  }, [f]);
+  const V = /* @__PURE__ */ i.createElement("div", {
+    className: `${E}-control-input`
+  }, /* @__PURE__ */ i.createElement("div", {
+    className: `${E}-control-input-content`
+  }, s)), v = i.useMemo(() => ({
+    prefixCls: t,
+    status: r
+  }), [t, r]), x = O !== null || a.length || l.length ? /* @__PURE__ */ i.createElement(Se.Provider, {
+    value: v
+  }, /* @__PURE__ */ i.createElement(rt, {
+    fieldId: $,
+    errors: a,
+    warnings: l,
+    help: y,
+    helpStatus: r,
+    className: `${E}-explain-connected`,
+    onVisibleChanged: R
+  })) : null, g = {};
+  $ && (g.id = `${$}_extra`);
+  const j = f ? /* @__PURE__ */ i.createElement("div", Object.assign({}, g, {
+    className: `${E}-extra`,
+    ref: h
+  }), f) : null, H = x || j ? /* @__PURE__ */ i.createElement("div", {
+    className: `${E}-additional`,
+    style: O ? {
+      minHeight: O + p
+    } : {}
+  }, x, j) : null, F = c && c.mark === "pro_table_render" && c.render ? c.render(e, {
+    input: V,
+    errorList: x,
+    extra: j
+  }) : /* @__PURE__ */ i.createElement(i.Fragment, null, V, H);
+  return /* @__PURE__ */ i.createElement(re.Provider, {
+    value: u
+  }, /* @__PURE__ */ i.createElement(Oe, Object.assign({}, m, {
+    className: N
+  }), F), /* @__PURE__ */ i.createElement(Dn, {
+    prefixCls: t
+  }));
+};
+var Hn = { 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" }, An = function(t, r) {
+  return /* @__PURE__ */ i.createElement(Kt, Ot({}, t, {
+    ref: r,
+    icon: Hn
+  }));
+}, ct = /* @__PURE__ */ i.forwardRef(An);
+process.env.NODE_ENV !== "production" && (ct.displayName = "QuestionCircleOutlined");
+var zn = 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 qn(e) {
+  return e ? typeof e == "object" && !/* @__PURE__ */ i.isValidElement(e) ? e : {
+    title: e
+  } : null;
+}
+const Bn = (e) => {
+  let {
+    prefixCls: t,
+    label: r,
+    htmlFor: n,
+    labelCol: o,
+    labelAlign: s,
+    colon: a,
+    required: l,
+    requiredMark: c,
+    tooltip: f,
+    vertical: y
+  } = e;
+  var $;
+  const [O] = At("Form"), {
+    labelAlign: R,
+    labelCol: S,
+    labelWrap: E,
+    colon: I
+  } = i.useContext(re);
+  if (!r)
+    return null;
+  const m = o || S || {}, N = s || R, u = `${t}-item-label`, h = J(u, N === "left" && `${u}-left`, m.className, {
+    [`${u}-wrap`]: !!E
+  });
+  let p = r;
+  const b = a === !0 || I !== !1 && a !== !1;
+  b && !y && typeof r == "string" && r.trim() && (p = r.replace(/[:|：]\s*$/, ""));
+  const v = qn(f);
+  if (v) {
+    const {
+      icon: H = /* @__PURE__ */ i.createElement(ct, null)
+    } = v, F = zn(v, ["icon"]), C = /* @__PURE__ */ i.createElement(zt, Object.assign({}, F), /* @__PURE__ */ i.cloneElement(H, {
+      className: `${t}-item-tooltip`,
+      title: "",
+      onClick: (P) => {
+        P.preventDefault();
+      },
+      tabIndex: null
+    }));
+    p = /* @__PURE__ */ i.createElement(i.Fragment, null, p, C);
+  }
+  const x = c === "optional", g = typeof c == "function";
+  g ? p = c(p, {
+    required: !!l
+  }) : x && !l && (p = /* @__PURE__ */ i.createElement(i.Fragment, null, p, /* @__PURE__ */ i.createElement("span", {
+    className: `${t}-item-optional`,
+    title: ""
+  }, (O == null ? void 0 : O.optional) || (($ = It.Form) === null || $ === void 0 ? void 0 : $.optional))));
+  const j = J({
+    [`${t}-item-required`]: l,
+    [`${t}-item-required-mark-optional`]: x || g,
+    [`${t}-item-no-colon`]: !b
+  });
+  return /* @__PURE__ */ i.createElement(Oe, Object.assign({}, m, {
+    className: h
+  }), /* @__PURE__ */ i.createElement("label", {
+    htmlFor: n,
+    className: j,
+    title: typeof r == "string" ? r : ""
+  }, p));
+}, Gn = {
+  success: Yt,
+  warning: Qt,
+  error: Jt,
+  validating: Bt
+};
+function ut(e) {
+  let {
+    children: t,
+    errors: r,
+    warnings: n,
+    hasFeedback: o,
+    validateStatus: s,
+    prefixCls: a,
+    meta: l,
+    noStyle: c
+  } = e;
+  const f = `${a}-item`, {
+    feedbackIcons: y
+  } = i.useContext(re), $ = st(r, n, l, null, !!o, s), {
+    isFormItemInput: O,
+    status: R,
+    hasFeedback: S,
+    feedbackIcon: E
+  } = i.useContext(ge), I = i.useMemo(() => {
+    var m;
+    let N;
+    if (o) {
+      const h = o !== !0 && o.icons || y, p = $ && ((m = h == null ? void 0 : h({
+        status: $,
+        errors: r,
+        warnings: n
+      })) === null || m === void 0 ? void 0 : m[$]), b = $ && Gn[$];
+      N = p !== !1 && b ? /* @__PURE__ */ i.createElement("span", {
+        className: J(`${f}-feedback-icon`, `${f}-feedback-icon-${$}`)
+      }, p || /* @__PURE__ */ i.createElement(b, null)) : null;
+    }
+    const u = {
+      status: $ || "",
+      errors: r,
+      warnings: n,
+      hasFeedback: !!o,
+      feedbackIcon: N,
+      isFormItemInput: !0
+    };
+    return c && (u.status = ($ ?? R) || "", u.isFormItemInput = O, u.hasFeedback = !!(o ?? S), u.feedbackIcon = o !== void 0 ? u.feedbackIcon : E), u;
+  }, [$, o, c, O, R]);
+  return /* @__PURE__ */ i.createElement(ge.Provider, {
+    value: I
+  }, t);
+}
+var Xn = 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 kn(e) {
+  const {
+    prefixCls: t,
+    className: r,
+    rootClassName: n,
+    style: o,
+    help: s,
+    errors: a,
+    warnings: l,
+    validateStatus: c,
+    meta: f,
+    hasFeedback: y,
+    hidden: $,
+    children: O,
+    fieldId: R,
+    required: S,
+    isRequired: E,
+    onSubItemMetaChange: I,
+    layout: m
+  } = e, N = Xn(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
+  } = i.useContext(re), b = p || m === "vertical", V = i.useRef(null), v = he(a), x = he(l), g = s != null, j = !!(g || a.length || l.length), H = !!V.current && kt(V.current), [F, C] = i.useState(null);
+  Ke(() => {
+    if (j && V.current) {
+      const w = getComputedStyle(V.current);
+      C(parseInt(w.marginBottom, 10));
+    }
+  }, [j, H]);
+  const P = (w) => {
+    w || C(null);
+  }, d = function() {
+    let w = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
+    const q = w ? v : f.errors, T = w ? x : f.warnings;
+    return st(q, T, f, "", !!y, c);
+  }(), z = J(u, r, n, {
+    [`${u}-with-help`]: g || v.length || x.length,
+    // Status
+    [`${u}-has-feedback`]: d && y,
+    [`${u}-has-success`]: d === "success",
+    [`${u}-has-warning`]: d === "warning",
+    [`${u}-has-error`]: d === "error",
+    [`${u}-is-validating`]: d === "validating",
+    [`${u}-hidden`]: $,
+    // Layout
+    [`${u}-${m}`]: m
+  });
+  return /* @__PURE__ */ i.createElement("div", {
+    className: z,
+    style: o,
+    ref: V
+  }, /* @__PURE__ */ i.createElement(et, Object.assign({
+    className: `${u}-row`
+  }, Ut(N, [
+    "_internalItemRender",
+    "colon",
+    "dependencies",
+    "extra",
+    "fieldKey",
+    "getValueFromEvent",
+    "getValueProps",
+    "htmlFor",
+    "id",
+    // It is deprecated because `htmlFor` is its replacement.
+    "initialValue",
+    "isListField",
+    "label",
+    "labelAlign",
+    "labelCol",
+    "labelWrap",
+    "messageVariables",
+    "name",
+    "normalize",
+    "noStyle",
+    "preserve",
+    "requiredMark",
+    "rules",
+    "shouldUpdate",
+    "trigger",
+    "tooltip",
+    "validateFirst",
+    "validateTrigger",
+    "valuePropName",
+    "wrapperCol",
+    "validateDebounce"
+  ])), /* @__PURE__ */ i.createElement(Bn, Object.assign({
+    htmlFor: R
+  }, e, {
+    requiredMark: h,
+    required: S ?? E,
+    prefixCls: t,
+    vertical: b
+  })), /* @__PURE__ */ i.createElement(Wn, Object.assign({}, e, f, {
+    errors: v,
+    warnings: x,
+    prefixCls: t,
+    status: d,
+    help: s,
+    marginBottom: F,
+    onErrorVisibleChanged: P
+  }), /* @__PURE__ */ i.createElement(Qe.Provider, {
+    value: I
+  }, /* @__PURE__ */ i.createElement(ut, {
+    prefixCls: t,
+    meta: f,
+    errors: f.errors,
+    warnings: f.warnings,
+    hasFeedback: y,
+    // Already calculated
+    validateStatus: d
+  }, O)))), !!F && /* @__PURE__ */ i.createElement("div", {
+    className: `${u}-margin-offset`,
+    style: {
+      marginBottom: -F
+    }
+  }));
+}
+const Un = "__SPLIT__";
+function Kn(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 Yn = /* @__PURE__ */ i.memo((e) => {
+  let {
+    children: t
+  } = e;
+  return t;
+}, (e, t) => Kn(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: [],
+    warnings: [],
+    touched: !1,
+    validating: !1,
+    name: [],
+    validated: !1
+  };
+}
+function Qn(e) {
+  const {
+    name: t,
+    noStyle: r,
+    className: n,
+    dependencies: o,
+    prefixCls: s,
+    shouldUpdate: a,
+    rules: l,
+    children: c,
+    required: f,
+    label: y,
+    messageVariables: $,
+    trigger: O = "onChange",
+    validateTrigger: R,
+    hidden: S,
+    help: E,
+    layout: I
+  } = e, {
+    getPrefixCls: m
+  } = i.useContext(ue), {
+    name: N
+  } = i.useContext(re), u = _n(c), h = typeof u == "function", p = i.useContext(Qe), {
+    validateTrigger: b
+  } = i.useContext(Vt), V = R !== void 0 ? R : b, v = t != null, x = m("form", s), g = Ee(x), [j, H, F] = Ie(x, g), C = be("Form.Item");
+  process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "production" && C(t !== null, "usage", "`null` is passed as `name` property");
+  const P = i.useContext(Pt), A = i.useRef(null), [d, z] = Rn({}), [w, q] = Mt(() => Ge()), T = (M) => {
+    const _ = P == null ? void 0 : P.getKey(M.name);
+    if (q(M.destroy ? Ge() : M, !0), r && E !== !1 && p) {
+      let D = M.name;
+      if (M.destroy)
+        D = A.current || D;
+      else if (_ !== void 0) {
+        const [B, k] = _;
+        D = [B].concat(K(k)), A.current = D;
+      }
+      p(M, D);
+    }
+  }, G = (M, _) => {
+    z((D) => {
+      const B = Object.assign({}, D), ne = [].concat(K(M.name.slice(0, -1)), K(_)).join(Un);
+      return M.destroy ? delete B[ne] : B[ne] = M, B;
+    });
+  }, [X, U] = i.useMemo(() => {
+    const M = K(w.errors), _ = K(w.warnings);
+    return Object.values(d).forEach((D) => {
+      M.push.apply(M, K(D.errors || [])), _.push.apply(_, K(D.warnings || []));
+    }), [M, _];
+  }, [d, w.errors, w.warnings]), ee = Vn();
+  function te(M, _, D) {
+    return r && !S ? /* @__PURE__ */ i.createElement(ut, {
+      prefixCls: x,
+      hasFeedback: e.hasFeedback,
+      validateStatus: e.validateStatus,
+      meta: w,
+      errors: X,
+      warnings: U,
+      noStyle: !0
+    }, M) : /* @__PURE__ */ i.createElement(kn, Object.assign({
+      key: "row"
+    }, e, {
+      className: J(n, F, g, H),
+      prefixCls: x,
+      fieldId: _,
+      isRequired: D,
+      errors: X,
+      warnings: U,
+      meta: w,
+      onSubItemMetaChange: G,
+      layout: I
+    }), M);
+  }
+  if (!v && !h && !o)
+    return j(te(u));
+  let L = {};
+  return typeof y == "string" ? L.label = y : t && (L.label = String(t)), $ && (L = Object.assign(Object.assign({}, L), $)), j(/* @__PURE__ */ i.createElement(Dt, Object.assign({}, e, {
+    messageVariables: L,
+    trigger: O,
+    validateTrigger: V,
+    onMetaChange: T
+  }), (M, _, D) => {
+    const B = le(t).length && _ ? _.name : [], k = ot(B, N), ne = f !== void 0 ? f : !!(l != null && l.some((W) => {
+      if (W && typeof W == "object" && W.required && !W.warningOnly)
+        return !0;
+      if (typeof W == "function") {
+        const ie = W(D);
+        return (ie == null ? void 0 : ie.required) && !(ie != null && ie.warningOnly);
+      }
+      return !1;
+    })), oe = Object.assign({}, M);
+    let se = null;
+    if (process.env.NODE_ENV !== "production" && C(!(a && o), "usage", "`shouldUpdate` and `dependencies` shouldn't be used together. See https://u.ant.design/form-deps."), Array.isArray(u) && v)
+      process.env.NODE_ENV !== "production" && C(!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."), se = u;
+    else if (h && (!(a || o) || v))
+      process.env.NODE_ENV !== "production" && C(!!(a || o), "usage", "A `Form.Item` with a render function must have either `shouldUpdate` or `dependencies`."), process.env.NODE_ENV !== "production" && C(!v, "usage", "A `Form.Item` with a render function cannot be a field, and thus cannot have a `name` prop.");
+    else if (o && !h && !v)
+      process.env.NODE_ENV !== "production" && C(!1, "usage", "Must set `name` or use a render function when `dependencies` is set.");
+    else if (/* @__PURE__ */ i.isValidElement(u)) {
+      process.env.NODE_ENV !== "production" && C(u.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({}, u.props), oe);
+      if (W.id || (W.id = k), E || X.length > 0 || U.length > 0 || e.extra) {
+        const ae = [];
+        (E || X.length > 0) && ae.push(`${k}_help`), e.extra && ae.push(`${k}_extra`), W["aria-describedby"] = ae.join(" ");
+      }
+      X.length > 0 && (W["aria-invalid"] = "true"), ne && (W["aria-required"] = "true"), Ft(u) && (W.ref = ee(B, u)), new Set([].concat(K(le(O)), K(le(V)))).forEach((ae) => {
+        W[ae] = function() {
+          for (var Me, Fe, ye, Ne, $e, je = arguments.length, xe = new Array(je), de = 0; de < je; de++)
+            xe[de] = arguments[de];
+          (ye = oe[ae]) === null || ye === void 0 || (Me = ye).call.apply(Me, [oe].concat(xe)), ($e = (Ne = u.props)[ae]) === null || $e === void 0 || (Fe = $e).call.apply(Fe, [Ne].concat(xe));
+        };
+      });
+      const ft = [W["aria-required"], W["aria-invalid"], W["aria-describedby"]];
+      se = /* @__PURE__ */ i.createElement(Yn, {
+        control: oe,
+        update: u,
+        childProps: ft
+      }, Gt(u, W));
+    } else h && (a || o) && !v ? se = u(D) : (process.env.NODE_ENV !== "production" && C(!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."), se = u);
+    return te(se, k, ne);
+  }));
+}
+const dt = Qn;
+dt.useStatus = lt;
+var Jn = 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 Zn = (e) => {
+  var {
+    prefixCls: t,
+    children: r
+  } = e, n = Jn(e, ["prefixCls", "children"]);
+  if (process.env.NODE_ENV !== "production") {
+    const l = be("Form.List");
+    process.env.NODE_ENV !== "production" && l(typeof n.name == "number" || (Array.isArray(n.name) ? !!n.name.length : !!n.name), "usage", "Miss `name` prop.");
+  }
+  const {
+    getPrefixCls: o
+  } = i.useContext(ue), s = o("form", t), a = i.useMemo(() => ({
+    prefixCls: s,
+    status: "error"
+  }), [s]);
+  return /* @__PURE__ */ i.createElement(Lt, Object.assign({}, n), (l, c, f) => /* @__PURE__ */ i.createElement(Se.Provider, {
+    value: a
+  }, r(l.map((y) => Object.assign(Object.assign({}, y), {
+    fieldKey: y.key
+  })), c, {
+    errors: f.errors,
+    warnings: f.warnings
+  })));
+};
+function er() {
+  const {
+    form: e
+  } = i.useContext(re);
+  return e;
+}
+const Z = at;
+Z.Item = dt;
+Z.List = Zn;
+Z.ErrorList = rt;
+Z.useForm = it;
+Z.useFormInstance = er;
+Z.useWatch = Tt;
+Z.Provider = Ye;
+Z.create = () => {
+  process.env.NODE_ENV !== "production" && Nt(!1, "Form", "antd v4 removed `Form.create`. Please remove or use `@ant-design/compatible` instead.");
+};
+const pr = ({ ...e }) => /* @__PURE__ */ Xe(Z.Item, { ...e }), gr = ({ children: e, ...t }) => (mt(), /* @__PURE__ */ Xe(Z, { children: e }));
+export {
+  gr as F,
+  Z as a,
+  pr as b
+};