@gobolt/genesis 0.0.8 → 0.0.9

package/dist/styles-CT_fyXBd.js

@@ -0,0 +1,1808 @@
+import { d as ft } from "./styled-components.browser.esm-CZ1XM4o4.js";
+import { g as we, m as Xe, q as Q, E as mt, C as ue, o as ke, x as K, B as pt, O as gt, P as ht, v as be, D as bt, Q as yt, T as $t, S as xt, w as _e, h as Ct, t as vt, J as wt, U as Re, W as St, n as Ue, l as Et, u as Ot, s as It, y as Ft } from "./index-oK7z6jnz.js";
+import { a as Se, u as Ee, b as Mt, V as Nt, c as Ke, d as ne, R as jt, F as ge, e as Ye, C as _t, L as Rt, W as Pt, f as Vt, g as Lt } from "./context-BMW3aJEf.js";
+import * as l from "react";
+import Dt, { createContext as Tt } from "react";
+import { a as Wt, c as J } from "./warning-C63HNL9U.js";
+import { a as Pe } from "./index-CfDY25LP.js";
+import { g as Ht } from "./collapse-Dtpt-6W_.js";
+import { z as Qe, T as At } from "./index-DPW8XdWj.js";
+import { a as zt } from "./Compact-CGY560JF.js";
+import { c as qt } from "./reactNode-sKPeiqPL.js";
+import { t as Bt, i as Gt, o as Xt } from "./isVisible-A-IfeFoT.js";
+import { I as kt } from "./AntdIcon-BoLh1dP8.js";
+import { u as Ut } from "./useLocale-DT-z_vQ6.js";
+import { R as Kt, a as Yt } from "./ExclamationCircleFilled-C0Kj5KQV.js";
+import { R as Qt } from "./CloseCircleFilled-DXCxlIQL.js";
+import { R as Jt } from "./LoadingOutlined-8EnJdZ7I.js";
+var Zt = { 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" }, en = function(t, r) {
+  return /* @__PURE__ */ l.createElement(kt, Wt({}, t, {
+    ref: r,
+    icon: Zt
+  }));
+}, Je = /* @__PURE__ */ l.forwardRef(en);
+process.env.NODE_ENV !== "production" && (Je.displayName = "QuestionCircleOutlined");
+const Ve = (e) => typeof e == "object" && e != null && e.nodeType === 1, Le = (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 Le(r.overflowY, t) || Le(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, i, a) => s < e && i > t || s > e && i < t ? 0 : s <= e && a <= r || i >= t && a >= r ? s - e - n : i > t && a < r || s < e && a > r ? i - t + o : 0, tn = (e) => {
+  const t = e.parentElement;
+  return t ?? (e.getRootNode().host || null);
+}, De = (e, t) => {
+  var r, n, o, s;
+  if (typeof document > "u") return [];
+  const { scrollMode: i, block: a, inline: c, boundary: f, skipOverflowHiddenElements: y } = t, $ = typeof f == "function" ? f : (A) => A !== f;
+  if (!Ve(e)) throw new TypeError("Invalid target");
+  const O = document.scrollingElement || document.documentElement, R = [];
+  let S = e;
+  for (; Ve(S) && $(S); ) {
+    if (S = tn(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: P, 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 M = a === "start" || a === "nearest" ? p - x : a === "end" ? P + j : p + u / 2 - x + j, C = c === "center" ? v + h / 2 - H + g : c === "end" ? b + g : v - H;
+  const V = [];
+  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 (i === "if-needed" && p >= 0 && v >= 0 && P <= I && b <= E && (d === O && !fe(d) || p >= q && P <= G && v >= X && b <= T)) return V;
+    const U = getComputedStyle(d), Z = parseInt(U.borderLeftWidth, 10), ee = parseInt(U.borderTopWidth, 10), D = parseInt(U.borderRightWidth, 10), F = parseInt(U.borderBottomWidth, 10);
+    let _ = 0, L = 0;
+    const B = "offsetWidth" in d ? d.offsetWidth - d.clientWidth - Z - D : 0, k = "offsetHeight" in d ? d.offsetHeight - d.clientHeight - ee - F : 0, te = "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) _ = a === "start" ? M : a === "end" ? M - I : a === "nearest" ? me(N, N + I, I, ee, F, N + M, N + M + u, u) : M - I / 2, L = c === "start" ? C : c === "center" ? C - E / 2 : c === "end" ? C - E : me(m, m + E, E, Z, D, m + C, m + C + h, h), _ = Math.max(0, _ + N), L = Math.max(0, L + m);
+    else {
+      _ = a === "start" ? M - q - ee : a === "end" ? M - G + F + k : a === "nearest" ? me(q, G, z, ee, F + k, M, M + u, u) : M - (q + z / 2) + k / 2, L = c === "start" ? C - X - Z : c === "center" ? C - (X + w / 2) + B / 2 : c === "end" ? C - T + D + B : me(X, T, w, Z, D + 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)), L = te === 0 ? 0 : Math.max(0, Math.min(se + L / te, d.scrollWidth - w / te + B)), M += W - _, C += se - L;
+    }
+    V.push({ el: d, top: _, left: L });
+  }
+  return V;
+}, nn = (e) => e === !1 ? { block: "end", inline: "nearest" } : ((t) => t === Object(t) && Object.keys(t).length !== 0)(e) ? e : { block: "start", inline: "nearest" };
+function rn(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(De(e, t));
+  const n = typeof t == "boolean" || t == null ? void 0 : t.behavior;
+  for (const { el: o, top: s, left: i } of De(e, nn(t))) {
+    const a = s - r.top + r.bottom, c = i - r.left + r.right;
+    o.scroll({ top: a, left: c, behavior: n });
+  }
+}
+const on = (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"
+      }
+    }
+  };
+}, sn = (e) => {
+  const {
+    componentCls: t
+  } = e;
+  return {
+    // Grid system
+    [t]: {
+      position: "relative",
+      maxWidth: "100%",
+      // Prevent columns from collapsing when empty
+      minHeight: 1
+    }
+  };
+}, ln = (e, t) => {
+  const {
+    prefixCls: r,
+    componentCls: n,
+    gridColumns: o
+  } = e, s = {};
+  for (let i = o; i >= 0; i--)
+    i === 0 ? (s[`${n}${t}-${i}`] = {
+      display: "none"
+    }, s[`${n}-push-${i}`] = {
+      insetInlineStart: "auto"
+    }, s[`${n}-pull-${i}`] = {
+      insetInlineEnd: "auto"
+    }, s[`${n}${t}-push-${i}`] = {
+      insetInlineStart: "auto"
+    }, s[`${n}${t}-pull-${i}`] = {
+      insetInlineEnd: "auto"
+    }, s[`${n}${t}-offset-${i}`] = {
+      marginInlineStart: 0
+    }, s[`${n}${t}-order-${i}`] = {
+      order: 0
+    }) : (s[`${n}${t}-${i}`] = [
+      // 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 ${i / o * 100}%`,
+        maxWidth: `${i / o * 100}%`
+      }
+    ], s[`${n}${t}-push-${i}`] = {
+      insetInlineStart: `${i / o * 100}%`
+    }, s[`${n}${t}-pull-${i}`] = {
+      insetInlineEnd: `${i / o * 100}%`
+    }, s[`${n}${t}-offset-${i}`] = {
+      marginInlineStart: `${i / o * 100}%`
+    }, s[`${n}${t}-order-${i}`] = {
+      order: i
+    });
+  return s[`${n}${t}-flex`] = {
+    flex: `var(--${r}${t}-flex)`
+  }, s;
+}, ve = (e, t) => ln(e, t), an = (e, t, r) => ({
+  [`@media (min-width: ${Q(t)})`]: Object.assign({}, ve(e, r))
+}), cn = () => ({}), un = () => ({}), dn = we("Grid", on, cn), fn = (e) => ({
+  xs: e.screenXSMin,
+  sm: e.screenSMMin,
+  md: e.screenMDMin,
+  lg: e.screenLGMin,
+  xl: e.screenXLMin,
+  xxl: e.screenXXLMin
+}), mn = we("Grid", (e) => {
+  const t = Xe(e, {
+    gridColumns: 24
+    // Row is divided into 24 parts in Grid
+  }), r = fn(t);
+  return delete r.xs, [sn(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), {})];
+}, un), ce = ["xxl", "xl", "lg", "md", "sm", "xs"], pn = (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)`
+}), gn = (e) => {
+  const t = e, r = [].concat(ce).reverse();
+  return r.forEach((n, o) => {
+    const s = n.toUpperCase(), i = `screen${s}Min`, a = `screen${s}`;
+    if (!(t[i] <= t[a]))
+      throw new Error(`${i}<=${a} fails : !(${t[i]}<=${t[a]})`);
+    if (o < r.length - 1) {
+      const c = `screen${s}Max`;
+      if (!(t[a] <= t[c]))
+        throw new Error(`${a}<=${c} fails : !(${t[a]}<=${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 hn() {
+  const [, e] = mt(), t = pn(gn(e));
+  return Dt.useMemo(() => {
+    const r = /* @__PURE__ */ new Map();
+    let n = -1, o = {};
+    return {
+      matchHandlers: {},
+      dispatch(s) {
+        return o = s, r.forEach((i) => i(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 i = t[s], a = this.matchHandlers[i];
+          a == null || a.mql.removeListener(a == null ? void 0 : a.listener);
+        }), r.clear();
+      },
+      register() {
+        Object.keys(t).forEach((s) => {
+          const i = t[s], a = (f) => {
+            let {
+              matches: y
+            } = f;
+            this.dispatch(Object.assign(Object.assign({}, o), {
+              [s]: y
+            }));
+          }, c = window.matchMedia(i);
+          c.addListener(a), this.matchHandlers[i] = {
+            mql: c,
+            listener: a
+          }, a(c);
+        });
+      },
+      responsiveMap: t
+    };
+  }, [e]);
+}
+const Ze = /* @__PURE__ */ Tt({});
+var bn = 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 yn = ["xs", "sm", "md", "lg", "xl", "xxl"], Oe = /* @__PURE__ */ l.forwardRef((e, t) => {
+  const {
+    getPrefixCls: r,
+    direction: n
+  } = l.useContext(ue), {
+    gutter: o,
+    wrap: s
+  } = l.useContext(Ze), {
+    prefixCls: i,
+    span: a,
+    order: c,
+    offset: f,
+    push: y,
+    pull: $,
+    className: O,
+    children: R,
+    flex: S,
+    style: E
+  } = e, I = bn(e, ["prefixCls", "span", "order", "offset", "push", "pull", "className", "children", "flex", "style"]), m = r("col", i), [N, u, h] = mn(m), p = {};
+  let b = {};
+  yn.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 P = J(m, {
+    [`${m}-${a}`]: a !== 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__ */ l.createElement("div", Object.assign({}, I, {
+    style: Object.assign(Object.assign(Object.assign({}, v), E), p),
+    className: P,
+    ref: t
+  }), R));
+});
+process.env.NODE_ENV !== "production" && (Oe.displayName = "Col");
+var $n = 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] = l.useState(typeof e == "string" ? e : ""), o = () => {
+    if (typeof e == "string" && n(e), typeof e == "object")
+      for (let s = 0; s < ce.length; s++) {
+        const i = ce[s];
+        if (!t[i])
+          continue;
+        const a = e[i];
+        if (a !== void 0) {
+          n(a);
+          return;
+        }
+      }
+  };
+  return l.useEffect(() => {
+    o();
+  }, [JSON.stringify(e), t]), r;
+}
+const et = /* @__PURE__ */ l.forwardRef((e, t) => {
+  const {
+    prefixCls: r,
+    justify: n,
+    align: o,
+    className: s,
+    style: i,
+    children: a,
+    gutter: c = 0,
+    wrap: f
+  } = e, y = $n(e, ["prefixCls", "justify", "align", "className", "style", "children", "gutter", "wrap"]), {
+    getPrefixCls: $,
+    direction: O
+  } = l.useContext(ue), [R, S] = l.useState({
+    xs: !0,
+    sm: !0,
+    md: !0,
+    lg: !0,
+    xl: !0,
+    xxl: !0
+  }), [E, I] = l.useState({
+    xs: !1,
+    sm: !1,
+    md: !1,
+    lg: !1,
+    xl: !1,
+    xxl: !1
+  }), m = We(o, E), N = We(n, E), u = l.useRef(c), h = hn();
+  l.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), [P, v, x] = dn(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 = {}, M = g[0] != null && g[0] > 0 ? g[0] / -2 : void 0;
+  M && (H.marginLeft = M, H.marginRight = M);
+  const [C, V] = g;
+  H.rowGap = V;
+  const A = l.useMemo(() => ({
+    gutter: [C, V],
+    wrap: f
+  }), [C, V, f]);
+  return P(/* @__PURE__ */ l.createElement(Ze.Provider, {
+    value: A
+  }, /* @__PURE__ */ l.createElement("div", Object.assign({}, y, {
+    className: j,
+    style: Object.assign(Object.assign({}, H), i),
+    ref: t
+  }), a)));
+});
+process.env.NODE_ENV !== "production" && (et.displayName = "Row");
+function he(e) {
+  const [t, r] = l.useState(e);
+  return l.useEffect(() => {
+    const n = setTimeout(() => {
+      r(e);
+    }, e.length ? 0 : 10);
+    return () => {
+      clearTimeout(n);
+    };
+  }, [e]), t;
+}
+const xn = (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)"
+        }
+      }
+    }
+  };
+}, Cn = (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
+      }
+    }
+  };
+}, vn = (e) => {
+  const {
+    componentCls: t
+  } = e;
+  return {
+    [e.componentCls]: Object.assign(Object.assign(Object.assign({}, ke(e)), Cn(e)), {
+      [`${t}-text`]: {
+        display: "inline-block",
+        paddingInlineEnd: e.paddingSM
+      },
+      // ================================================================
+      // =                             Size                             =
+      // ================================================================
+      "&-small": Object.assign({}, He(e, e.controlHeightSM)),
+      "&-large": Object.assign({}, He(e, e.controlHeightLG))
+    })
+  };
+}, wn = (e) => {
+  const {
+    formItemCls: t,
+    iconCls: r,
+    componentCls: n,
+    rootPrefixCls: o,
+    antCls: s,
+    labelRequiredMarkColor: i,
+    labelColor: a,
+    labelFontSize: c,
+    labelHeight: f,
+    labelColonMarginInlineStart: y,
+    labelColonMarginInlineEnd: $,
+    itemMarginBottom: O
+  } = e;
+  return {
+    [t]: Object.assign(Object.assign({}, ke(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: a,
+          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: i,
+            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: Qe,
+        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"
+        }
+      }
+    }
+  };
+}, Sn = (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%"
+          }
+        }
+      }
+    }
+  };
+}, En = (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)
+        }
+      }
+    }
+  };
+}, On = (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)
+      }
+    }
+  };
+}, In = (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) => Xe(e, {
+  formItemCls: `${e.componentCls}-item`,
+  rootPrefixCls: t
+}), Ie = we("Form", (e, t) => {
+  let {
+    rootPrefixCls: r
+  } = t;
+  const n = nt(e, r);
+  return [vn(n), wn(n), xn(n), Ae(n, n.componentCls), Ae(n, n.formItemCls), Sn(n), En(n), On(n), Ht(n), Qe];
+}, In, {
+  // 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: i,
+    onVisibleChanged: a
+  } = e;
+  const {
+    prefixCls: c
+  } = l.useContext(Se), f = `${c}-item-explain`, y = Ee(c), [$, O, R] = Ie(c, y), S = l.useMemo(() => Pe(c), [c]), E = he(n), I = he(o), m = l.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 = l.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 i && (u.id = `${i}_help`), $(/* @__PURE__ */ l.createElement(pt, {
+    motionDeadline: S.motionDeadline,
+    motionName: `${c}-show-help`,
+    visible: !!N.length,
+    onVisibleChanged: a
+  }, (h) => {
+    const {
+      className: p,
+      style: b
+    } = h;
+    return /* @__PURE__ */ l.createElement("div", Object.assign({}, u, {
+      className: J(f, p, R, y, s, O),
+      style: b,
+      role: "alert"
+    }), /* @__PURE__ */ l.createElement(gt, Object.assign({
+      keys: N
+    }, Pe(c), {
+      motionName: `${c}-show-help-item`,
+      component: !1
+    }), (P) => {
+      const {
+        key: v,
+        error: x,
+        errorStatus: g,
+        className: j,
+        style: H
+      } = P;
+      return /* @__PURE__ */ l.createElement("div", {
+        key: v,
+        className: J(j, {
+          [`${f}-${g}`]: g
+        }),
+        style: H
+      }, x);
+    }));
+  }));
+}, Fn = ["parentNode"], Mn = "form_item";
+function ae(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}` : Fn.includes(r) ? `${Mn}_${r}` : r;
+}
+function st(e, t, r, n, o, s) {
+  let i = n;
+  return s !== void 0 ? i = s : r.validating ? i = "validating" : e.length ? i = "error" : t.length ? i = "warning" : (r.touched || o && r.validated) && (i = "success"), i;
+}
+function qe(e) {
+  return ae(e).join("_");
+}
+function Be(e, t) {
+  const r = t.getFieldInstance(e), n = ht(r);
+  if (n)
+    return n;
+  const o = ot(ae(e), t.__INTERNAL__.name);
+  if (o)
+    return document.getElementById(o);
+}
+function lt(e) {
+  const [t] = Mt(), r = l.useRef({}), n = l.useMemo(() => e ?? Object.assign(Object.assign({}, t), {
+    __INTERNAL__: {
+      itemRef: (o) => (s) => {
+        const i = qe(o);
+        s ? r.current[i] = s : delete r.current[i];
+      }
+    },
+    scrollToField: function(o) {
+      let s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+      const i = Be(o, n);
+      i && rn(i, Object.assign({
+        scrollMode: "if-needed",
+        block: "nearest"
+      }, s));
+    },
+    focusField: (o) => {
+      var s;
+      const i = Be(o, n);
+      i && ((s = i.focus) === null || s === void 0 || s.call(i));
+    },
+    getFieldInstance: (o) => {
+      const s = qe(o);
+      return r.current[s];
+    }
+  }), [e, t]);
+  return [n];
+}
+const pe = {};
+function Nn(e) {
+  let {
+    name: t
+  } = e;
+  const r = be("Form");
+  l.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 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 _n = (e, t) => {
+  const r = l.useContext(bt), {
+    getPrefixCls: n,
+    direction: o,
+    form: s
+  } = l.useContext(ue), {
+    prefixCls: i,
+    className: a,
+    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: P,
+    feedbackIcons: v,
+    variant: x
+  } = e, g = jn(e, ["prefixCls", "className", "rootClassName", "size", "disabled", "form", "colon", "labelAlign", "labelWrap", "labelCol", "wrapperCol", "hideRequiredMark", "layout", "scrollToFirstError", "requiredMark", "onFinishFailed", "name", "style", "feedbackIcons", "variant"]), j = zt(f), H = l.useContext(yt);
+  process.env.NODE_ENV !== "production" && Nn(e);
+  const M = l.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), V = n("form", i), A = Ee(V), [d, z, w] = Ie(V, A), q = J(V, `${V}-${N}`, {
+    [`${V}-hide-required-mark`]: M === !1,
+    [`${V}-rtl`]: o === "rtl",
+    [`${V}-${j}`]: j
+  }, w, A, z, s == null ? void 0 : s.className, a, c), [T] = lt($), {
+    __INTERNAL__: G
+  } = T;
+  G.name = b;
+  const X = l.useMemo(() => ({
+    name: b,
+    labelAlign: R,
+    labelCol: E,
+    labelWrap: S,
+    wrapperCol: I,
+    vertical: N === "vertical",
+    colon: C,
+    requiredMark: M,
+    itemRef: G.itemRef,
+    form: T,
+    feedbackIcons: v
+  }), [b, R, E, I, N, C, M, T, v]), U = l.useRef(null);
+  l.useImperativeHandle(t, () => {
+    var D;
+    return Object.assign(Object.assign({}, T), {
+      nativeElement: (D = U.current) === null || D === void 0 ? void 0 : D.nativeElement
+    });
+  });
+  const Z = (D, F) => {
+    if (D) {
+      let _ = {
+        block: "nearest"
+      };
+      typeof D == "object" && (_ = Object.assign(Object.assign({}, _), D)), T.scrollToField(F, _), _.focus && T.focusField(F);
+    }
+  }, ee = (D) => {
+    if (p == null || p(D), D.errorFields.length) {
+      const F = D.errorFields[0].name;
+      if (u !== void 0) {
+        Z(u, F);
+        return;
+      }
+      s && s.scrollToFirstError !== void 0 && Z(s.scrollToFirstError, F);
+    }
+  };
+  return d(/* @__PURE__ */ l.createElement(Nt.Provider, {
+    value: x
+  }, /* @__PURE__ */ l.createElement($t, {
+    disabled: y
+  }, /* @__PURE__ */ l.createElement(xt.Provider, {
+    value: j
+  }, /* @__PURE__ */ l.createElement(Ke, {
+    // 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: U,
+    style: Object.assign(Object.assign({}, s == null ? void 0 : s.style), P),
+    className: q
+  }))))))));
+}, it = /* @__PURE__ */ l.forwardRef(_n);
+process.env.NODE_ENV !== "production" && (it.displayName = "Form");
+function Rn(e) {
+  if (typeof e == "function")
+    return e;
+  const t = Bt(e);
+  return t.length <= 1 ? t[0] : t;
+}
+const at = () => {
+  const {
+    status: e,
+    errors: t = [],
+    warnings: r = []
+  } = l.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
+  };
+};
+at.Context = ge;
+function Pn(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;
+  }), []);
+  function i(a) {
+    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(a));
+  }
+  return [t, i];
+}
+function Vn() {
+  const {
+    itemRef: e
+  } = l.useContext(ne), t = l.useRef({});
+  function r(n, o) {
+    const s = o && typeof o == "object" && Ct(o), i = n.join("_");
+    return (t.current.name !== i || t.current.originRef !== s) && (t.current.name = i, t.current.originRef = s, t.current.ref = vt(e(n), s)), t.current.ref;
+  }
+  return r;
+}
+const Ln = (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 = wt(["Form", "item-item"], (e, t) => {
+  let {
+    rootPrefixCls: r
+  } = t;
+  const n = nt(e, r);
+  return [Ln(n)];
+});
+var Tn = 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 Wn = 24, Hn = (e) => {
+  const {
+    prefixCls: t,
+    status: r,
+    labelCol: n,
+    wrapperCol: o,
+    children: s,
+    errors: i,
+    warnings: a,
+    _internalItemRender: c,
+    extra: f,
+    help: y,
+    fieldId: $,
+    marginBottom: O,
+    onErrorVisibleChanged: R,
+    label: S
+  } = e, E = `${t}-item`, I = l.useContext(ne), m = l.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 < Wn && (C = St(C, [].concat(d, ["offset"]), w.span));
+    }), C;
+  }, [o, I]), N = J(`${E}-control`, m.className), u = l.useMemo(() => Tn(I, ["labelCol", "wrapperCol"]), [I]), h = l.useRef(null), [p, b] = l.useState(0);
+  Ue(() => {
+    f && h.current ? b(h.current.clientHeight) : b(0);
+  }, [f]);
+  const P = /* @__PURE__ */ l.createElement("div", {
+    className: `${E}-control-input`
+  }, /* @__PURE__ */ l.createElement("div", {
+    className: `${E}-control-input-content`
+  }, s)), v = l.useMemo(() => ({
+    prefixCls: t,
+    status: r
+  }), [t, r]), x = O !== null || i.length || a.length ? /* @__PURE__ */ l.createElement(Se.Provider, {
+    value: v
+  }, /* @__PURE__ */ l.createElement(rt, {
+    fieldId: $,
+    errors: i,
+    warnings: a,
+    help: y,
+    helpStatus: r,
+    className: `${E}-explain-connected`,
+    onVisibleChanged: R
+  })) : null, g = {};
+  $ && (g.id = `${$}_extra`);
+  const j = f ? /* @__PURE__ */ l.createElement("div", Object.assign({}, g, {
+    className: `${E}-extra`,
+    ref: h
+  }), f) : null, H = x || j ? /* @__PURE__ */ l.createElement("div", {
+    className: `${E}-additional`,
+    style: O ? {
+      minHeight: O + p
+    } : {}
+  }, x, j) : null, M = c && c.mark === "pro_table_render" && c.render ? c.render(e, {
+    input: P,
+    errorList: x,
+    extra: j
+  }) : /* @__PURE__ */ l.createElement(l.Fragment, null, P, H);
+  return /* @__PURE__ */ l.createElement(ne.Provider, {
+    value: u
+  }, /* @__PURE__ */ l.createElement(Oe, Object.assign({}, m, {
+    className: N
+  }), M), /* @__PURE__ */ l.createElement(Dn, {
+    prefixCls: t
+  }));
+};
+var An = 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) {
+  return e ? typeof e == "object" && !/* @__PURE__ */ l.isValidElement(e) ? e : {
+    title: e
+  } : null;
+}
+const qn = (e) => {
+  let {
+    prefixCls: t,
+    label: r,
+    htmlFor: n,
+    labelCol: o,
+    labelAlign: s,
+    colon: i,
+    required: a,
+    requiredMark: c,
+    tooltip: f,
+    vertical: y
+  } = e;
+  var $;
+  const [O] = Ut("Form"), {
+    labelAlign: R,
+    labelCol: S,
+    labelWrap: E,
+    colon: I
+  } = l.useContext(ne);
+  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 = i === !0 || I !== !1 && i !== !1;
+  b && !y && typeof r == "string" && r.trim() && (p = r.replace(/[:|：]\s*$/, ""));
+  const v = zn(f);
+  if (v) {
+    const {
+      icon: H = /* @__PURE__ */ l.createElement(Je, null)
+    } = v, M = An(v, ["icon"]), C = /* @__PURE__ */ l.createElement(At, Object.assign({}, M), /* @__PURE__ */ l.cloneElement(H, {
+      className: `${t}-item-tooltip`,
+      title: "",
+      onClick: (V) => {
+        V.preventDefault();
+      },
+      tabIndex: null
+    }));
+    p = /* @__PURE__ */ l.createElement(l.Fragment, null, p, C);
+  }
+  const x = c === "optional", g = typeof c == "function";
+  g ? p = c(p, {
+    required: !!a
+  }) : x && !a && (p = /* @__PURE__ */ l.createElement(l.Fragment, null, p, /* @__PURE__ */ l.createElement("span", {
+    className: `${t}-item-optional`,
+    title: ""
+  }, (O == null ? void 0 : O.optional) || (($ = Et.Form) === null || $ === void 0 ? void 0 : $.optional))));
+  const j = J({
+    [`${t}-item-required`]: a,
+    [`${t}-item-required-mark-optional`]: x || g,
+    [`${t}-item-no-colon`]: !b
+  });
+  return /* @__PURE__ */ l.createElement(Oe, Object.assign({}, m, {
+    className: h
+  }), /* @__PURE__ */ l.createElement("label", {
+    htmlFor: n,
+    className: j,
+    title: typeof r == "string" ? r : ""
+  }, p));
+}, Bn = {
+  success: Kt,
+  warning: Yt,
+  error: Qt,
+  validating: Jt
+};
+function ct(e) {
+  let {
+    children: t,
+    errors: r,
+    warnings: n,
+    hasFeedback: o,
+    validateStatus: s,
+    prefixCls: i,
+    meta: a,
+    noStyle: c
+  } = e;
+  const f = `${i}-item`, {
+    feedbackIcons: y
+  } = l.useContext(ne), $ = st(r, n, a, null, !!o, s), {
+    isFormItemInput: O,
+    status: R,
+    hasFeedback: S,
+    feedbackIcon: E
+  } = l.useContext(ge), I = l.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 = $ && Bn[$];
+      N = p !== !1 && b ? /* @__PURE__ */ l.createElement("span", {
+        className: J(`${f}-feedback-icon`, `${f}-feedback-icon-${$}`)
+      }, p || /* @__PURE__ */ l.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__ */ l.createElement(ge.Provider, {
+    value: I
+  }, t);
+}
+var Gn = 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 Xn(e) {
+  const {
+    prefixCls: t,
+    className: r,
+    rootClassName: n,
+    style: o,
+    help: s,
+    errors: i,
+    warnings: a,
+    validateStatus: c,
+    meta: f,
+    hasFeedback: y,
+    hidden: $,
+    children: O,
+    fieldId: R,
+    required: S,
+    isRequired: E,
+    onSubItemMetaChange: I,
+    layout: m
+  } = e, N = Gn(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 || m === "vertical", P = l.useRef(null), v = he(i), x = he(a), g = s != null, j = !!(g || i.length || a.length), H = !!P.current && Gt(P.current), [M, C] = l.useState(null);
+  Ue(() => {
+    if (j && P.current) {
+      const w = getComputedStyle(P.current);
+      C(parseInt(w.marginBottom, 10));
+    }
+  }, [j, H]);
+  const V = (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__ */ l.createElement("div", {
+    className: z,
+    style: o,
+    ref: P
+  }, /* @__PURE__ */ l.createElement(et, Object.assign({
+    className: `${u}-row`
+  }, Xt(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__ */ l.createElement(qn, Object.assign({
+    htmlFor: R
+  }, e, {
+    requiredMark: h,
+    required: S ?? E,
+    prefixCls: t,
+    vertical: b
+  })), /* @__PURE__ */ l.createElement(Hn, Object.assign({}, e, f, {
+    errors: v,
+    warnings: x,
+    prefixCls: t,
+    status: d,
+    help: s,
+    marginBottom: M,
+    onErrorVisibleChanged: V
+  }), /* @__PURE__ */ l.createElement(Ye.Provider, {
+    value: I
+  }, /* @__PURE__ */ l.createElement(ct, {
+    prefixCls: t,
+    meta: f,
+    errors: f.errors,
+    warnings: f.warnings,
+    hasFeedback: y,
+    // Already calculated
+    validateStatus: d
+  }, O)))), !!M && /* @__PURE__ */ l.createElement("div", {
+    className: `${u}-margin-offset`,
+    style: {
+      marginBottom: -M
+    }
+  }));
+}
+const kn = "__SPLIT__";
+function Un(e, t) {
+  const r = Object.keys(e), n = Object.keys(t);
+  return r.length === n.length && r.every((o) => {
+    const s = e[o], i = t[o];
+    return s === i || typeof s == "function" || typeof i == "function";
+  });
+}
+const Kn = /* @__PURE__ */ l.memo((e) => {
+  let {
+    children: t
+  } = e;
+  return t;
+}, (e, t) => Un(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 Yn(e) {
+  const {
+    name: t,
+    noStyle: r,
+    className: n,
+    dependencies: o,
+    prefixCls: s,
+    shouldUpdate: i,
+    rules: a,
+    children: c,
+    required: f,
+    label: y,
+    messageVariables: $,
+    trigger: O = "onChange",
+    validateTrigger: R,
+    hidden: S,
+    help: E,
+    layout: I
+  } = e, {
+    getPrefixCls: m
+  } = l.useContext(ue), {
+    name: N
+  } = l.useContext(ne), u = Rn(c), h = typeof u == "function", p = l.useContext(Ye), {
+    validateTrigger: b
+  } = l.useContext(_t), P = R !== void 0 ? R : b, v = t != null, x = m("form", s), g = Ee(x), [j, H, M] = 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 V = l.useContext(Rt), A = l.useRef(null), [d, z] = Pn({}), [w, q] = Ot(() => Ge()), T = (F) => {
+    const _ = V == null ? void 0 : V.getKey(F.name);
+    if (q(F.destroy ? Ge() : F, !0), r && E !== !1 && p) {
+      let L = F.name;
+      if (F.destroy)
+        L = A.current || L;
+      else if (_ !== void 0) {
+        const [B, k] = _;
+        L = [B].concat(K(k)), A.current = L;
+      }
+      p(F, L);
+    }
+  }, G = (F, _) => {
+    z((L) => {
+      const B = Object.assign({}, L), te = [].concat(K(F.name.slice(0, -1)), K(_)).join(kn);
+      return F.destroy ? delete B[te] : B[te] = F, B;
+    });
+  }, [X, U] = l.useMemo(() => {
+    const F = K(w.errors), _ = K(w.warnings);
+    return Object.values(d).forEach((L) => {
+      F.push.apply(F, K(L.errors || [])), _.push.apply(_, K(L.warnings || []));
+    }), [F, _];
+  }, [d, w.errors, w.warnings]), Z = Vn();
+  function ee(F, _, L) {
+    return r && !S ? /* @__PURE__ */ l.createElement(ct, {
+      prefixCls: x,
+      hasFeedback: e.hasFeedback,
+      validateStatus: e.validateStatus,
+      meta: w,
+      errors: X,
+      warnings: U,
+      noStyle: !0
+    }, F) : /* @__PURE__ */ l.createElement(Xn, Object.assign({
+      key: "row"
+    }, e, {
+      className: J(n, M, g, H),
+      prefixCls: x,
+      fieldId: _,
+      isRequired: L,
+      errors: X,
+      warnings: U,
+      meta: w,
+      onSubItemMetaChange: G,
+      layout: I
+    }), F);
+  }
+  if (!v && !h && !o)
+    return j(ee(u));
+  let D = {};
+  return typeof y == "string" ? D.label = y : t && (D.label = String(t)), $ && (D = Object.assign(Object.assign({}, D), $)), j(/* @__PURE__ */ l.createElement(Pt, Object.assign({}, e, {
+    messageVariables: D,
+    trigger: O,
+    validateTrigger: P,
+    onMetaChange: T
+  }), (F, _, L) => {
+    const B = ae(t).length && _ ? _.name : [], k = ot(B, N), te = f !== void 0 ? f : !!(a != null && a.some((W) => {
+      if (W && typeof W == "object" && W.required && !W.warningOnly)
+        return !0;
+      if (typeof W == "function") {
+        const le = W(L);
+        return (le == null ? void 0 : le.required) && !(le != null && le.warningOnly);
+      }
+      return !1;
+    })), oe = Object.assign({}, F);
+    let se = null;
+    if (process.env.NODE_ENV !== "production" && C(!(i && 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 && (!(i || o) || v))
+      process.env.NODE_ENV !== "production" && C(!!(i || 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__ */ l.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 ie = [];
+        (E || X.length > 0) && ie.push(`${k}_help`), e.extra && ie.push(`${k}_extra`), W["aria-describedby"] = ie.join(" ");
+      }
+      X.length > 0 && (W["aria-invalid"] = "true"), te && (W["aria-required"] = "true"), It(u) && (W.ref = Z(B, u)), new Set([].concat(K(ae(O)), K(ae(P)))).forEach((ie) => {
+        W[ie] = function() {
+          for (var Fe, Me, ye, Ne, $e, je = arguments.length, xe = new Array(je), de = 0; de < je; de++)
+            xe[de] = arguments[de];
+          (ye = oe[ie]) === null || ye === void 0 || (Fe = ye).call.apply(Fe, [oe].concat(xe)), ($e = (Ne = u.props)[ie]) === null || $e === void 0 || (Me = $e).call.apply(Me, [Ne].concat(xe));
+        };
+      });
+      const dt = [W["aria-required"], W["aria-invalid"], W["aria-describedby"]];
+      se = /* @__PURE__ */ l.createElement(Kn, {
+        control: oe,
+        update: u,
+        childProps: dt
+      }, qt(u, W));
+    } else h && (i || o) && !v ? se = u(L) : (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 ee(se, k, te);
+  }));
+}
+const ut = Yn;
+ut.useStatus = at;
+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;
+};
+const Jn = (e) => {
+  var {
+    prefixCls: t,
+    children: r
+  } = e, n = Qn(e, ["prefixCls", "children"]);
+  if (process.env.NODE_ENV !== "production") {
+    const a = be("Form.List");
+    process.env.NODE_ENV !== "production" && a(typeof n.name == "number" || (Array.isArray(n.name) ? !!n.name.length : !!n.name), "usage", "Miss `name` prop.");
+  }
+  const {
+    getPrefixCls: o
+  } = l.useContext(ue), s = o("form", t), i = l.useMemo(() => ({
+    prefixCls: s,
+    status: "error"
+  }), [s]);
+  return /* @__PURE__ */ l.createElement(Vt, Object.assign({}, n), (a, c, f) => /* @__PURE__ */ l.createElement(Se.Provider, {
+    value: i
+  }, r(a.map((y) => Object.assign(Object.assign({}, y), {
+    fieldKey: y.key
+  })), c, {
+    errors: f.errors,
+    warnings: f.warnings
+  })));
+};
+function Zn() {
+  const {
+    form: e
+  } = l.useContext(ne);
+  return e;
+}
+const re = it;
+re.Item = ut;
+re.List = Jn;
+re.ErrorList = rt;
+re.useForm = lt;
+re.useFormInstance = Zn;
+re.useWatch = Lt;
+re.Provider = Ke;
+re.create = () => {
+  process.env.NODE_ENV !== "production" && Ft(!1, "Form", "antd v4 removed `Form.create`. Please remove or use `@ant-design/compatible` instead.");
+};
+const hr = ft(re)`
+  label,
+  .ant-form-item-label > label,
+  .ant-form-item-required,
+  .ant-form-item-row > label {
+    height: auto !important;
+  }
+`;
+export {
+  re as F,
+  hr as a
+};