@gobolt/genesis 0.0.7 → 0.0.8

package/dist/index-89035ea5.js

@@ -0,0 +1,3242 @@
+import { jsxs as qe, jsx as Q } from "react/jsx-runtime";
+import { TYPOGRAPHY_VARIANT as we, TYPE as Ot, STATE as re, BREAKPOINTS as En, SIZE as ot } from "./constants/index.js";
+import "./components/Button/styles.js";
+import { useBreakpoint as Nt } from "./providers/ThemeProvider.js";
+import "./components/Checkbox/styles.js";
+import "./components/ErrorBoundaryFallback/styles.js";
+import * as a from "react";
+import q, { useContext as Ie, useRef as wn, useState as rt, useEffect as Ge, createContext as It } from "react";
+import "./components/Input/styles.js";
+import "./components/Select/styles.js";
+import { Text as On, Headline as Nn } from "./components/Typography/styles.js";
+import "./components/Badge/styles.js";
+import { a0 as Mt, v as ee, g as ze, m as Ye, p as te, H as In, r as Qe, I as Ft, C as he, t as Pe, B as Pt, A as Mn, a1 as Fn, D as Pn, a2 as jn, a3 as Rn, S as _n, w as it, j as Tn, q as Ln, Y as at, Z as Vn, n as jt, d as kn, u as Dn, s as Hn, x as An, a4 as zn, a5 as Rt, a as Bn } from "./index-4003d75b.js";
+import { g as Wn } from "./index-e2b72ca8.js";
+import { C as _t, E as Tt } from "./ExclamationCircleFilled-23ef9812.js";
+import { C as Lt } from "./CloseCircleFilled-ddc51e7e.js";
+import { C as Vt } from "./CloseOutlined-14b8bba1.js";
+import { I as qn } from "./InfoCircleFilled-c5f90c20.js";
+import { f as de, d as kt, a as fe, c as K, h as Xe, e as Dt, _ as Oe } from "./presets-83ccb923.js";
+import { createPortal as Gn } from "react-dom";
+import { a as Xn, K as Ee, C as Kn, b as st } from "./index-1a33c134.js";
+import { p as Un } from "./pickAttrs-00ba4687.js";
+import { u as je, a as Je, b as Yn, V as Qn, c as Ht, d as me, R as Jn, F as De, e as At, C as Zn, L as eo, W as to, f as no, g as oo } from "./context-3b8a39af.js";
+import { n as ro } from "./styled-components.browser.esm-02f500bc.js";
+import { ToastRow as io, ToastContent as ao } from "./components/Toast/styles.js";
+import { g as so } from "./collapse-345bc884.js";
+import { z as zt, T as lo } from "./index-0b9ee239.js";
+import { a as co } from "./Compact-c39ed20d.js";
+import { c as uo } from "./reactNode-f4391605.js";
+import { t as fo, i as mo, o as po } from "./isVisible-729780f5.js";
+import { A as ye } from "./AntdIcon-c395a1c4.js";
+import { u as go } from "./CheckOutlined-52d9ac25.js";
+import { L as ho } from "./compact-item-b8f85aa6.js";
+const lt = (e) => typeof e == "object" && e != null && e.nodeType === 1, ct = (e, t) => (!t || e !== "hidden") && e !== "visible" && e !== "clip", Te = (e, t) => {
+  if (e.clientHeight < e.scrollHeight || e.clientWidth < e.scrollWidth) {
+    const o = getComputedStyle(e, null);
+    return ct(o.overflowY, t) || ct(o.overflowX, t) || ((n) => {
+      const r = ((i) => {
+        if (!i.ownerDocument || !i.ownerDocument.defaultView)
+          return null;
+        try {
+          return i.ownerDocument.defaultView.frameElement;
+        } catch {
+          return null;
+        }
+      })(n);
+      return !!r && (r.clientHeight < n.scrollHeight || r.clientWidth < n.scrollWidth);
+    })(e);
+  }
+  return !1;
+}, Le = (e, t, o, n, r, i, s, l) => i < e && s > t || i > e && s < t ? 0 : i <= e && l <= o || s >= t && l >= o ? i - e - n : s > t && l < o || i < e && l > o ? s - t + r : 0, vo = (e) => {
+  const t = e.parentElement;
+  return t ?? (e.getRootNode().host || null);
+}, ut = (e, t) => {
+  var o, n, r, i;
+  if (typeof document > "u")
+    return [];
+  const { scrollMode: s, block: l, inline: c, boundary: u, skipOverflowHiddenElements: C } = t, O = typeof u == "function" ? u : (R) => R !== u;
+  if (!lt(e))
+    throw new TypeError("Invalid target");
+  const h = document.scrollingElement || document.documentElement, E = [];
+  let w = e;
+  for (; lt(w) && O(w); ) {
+    if (w = vo(w), w === h) {
+      E.push(w);
+      break;
+    }
+    w != null && w === document.body && Te(w) && !Te(document.documentElement) || w != null && Te(w, C) && E.push(w);
+  }
+  const $ = (n = (o = window.visualViewport) == null ? void 0 : o.width) != null ? n : innerWidth, S = (i = (r = window.visualViewport) == null ? void 0 : r.height) != null ? i : innerHeight, { scrollX: v, scrollY: M } = window, { height: m, width: y, top: b, right: d, bottom: F, left: p } = e.getBoundingClientRect(), { top: f, right: g, bottom: N, left: V } = ((R) => {
+    const x = window.getComputedStyle(R);
+    return { top: parseFloat(x.scrollMarginTop) || 0, right: parseFloat(x.scrollMarginRight) || 0, bottom: parseFloat(x.scrollMarginBottom) || 0, left: parseFloat(x.scrollMarginLeft) || 0 };
+  })(e);
+  let P = l === "start" || l === "nearest" ? b - f : l === "end" ? F + N : b + m / 2 - f + N, I = c === "center" ? p + y / 2 - V + g : c === "end" ? d + g : p - V;
+  const D = [];
+  for (let R = 0; R < E.length; R++) {
+    const x = E[R], { height: H, width: j, top: U, right: z, bottom: Y, left: G } = x.getBoundingClientRect();
+    if (s === "if-needed" && b >= 0 && p >= 0 && F <= S && d <= $ && (x === h && !Te(x) || b >= U && F <= Y && p >= G && d <= z))
+      return D;
+    const X = getComputedStyle(x), _ = parseInt(X.borderLeftWidth, 10), B = parseInt(X.borderTopWidth, 10), A = parseInt(X.borderRightWidth, 10), T = parseInt(X.borderBottomWidth, 10);
+    let L = 0, k = 0;
+    const J = "offsetWidth" in x ? x.offsetWidth - x.clientWidth - _ - A : 0, Z = "offsetHeight" in x ? x.offsetHeight - x.clientHeight - B - T : 0, ne = "offsetWidth" in x ? x.offsetWidth === 0 ? 0 : j / x.offsetWidth : 0, oe = "offsetHeight" in x ? x.offsetHeight === 0 ? 0 : H / x.offsetHeight : 0;
+    if (h === x)
+      L = l === "start" ? P : l === "end" ? P - S : l === "nearest" ? Le(M, M + S, S, B, T, M + P, M + P + m, m) : P - S / 2, k = c === "start" ? I : c === "center" ? I - $ / 2 : c === "end" ? I - $ : Le(v, v + $, $, _, A, v + I, v + I + y, y), L = Math.max(0, L + M), k = Math.max(0, k + v);
+    else {
+      L = l === "start" ? P - U - B : l === "end" ? P - Y + T + Z : l === "nearest" ? Le(U, Y, H, B, T + Z, P, P + m, m) : P - (U + H / 2) + Z / 2, k = c === "start" ? I - G - _ : c === "center" ? I - (G + j / 2) + J / 2 : c === "end" ? I - z + A + J : Le(G, z, j, _, A + J, I, I + y, y);
+      const { scrollLeft: ie, scrollTop: W } = x;
+      L = oe === 0 ? 0 : Math.max(0, Math.min(W + L / oe, x.scrollHeight - H / oe + Z)), k = ne === 0 ? 0 : Math.max(0, Math.min(ie + k / ne, x.scrollWidth - j / ne + J)), P += W - L, I += ie - k;
+    }
+    D.push({ el: x, top: L, left: k });
+  }
+  return D;
+}, bo = (e) => e === !1 ? { block: "end", inline: "nearest" } : ((t) => t === Object(t) && Object.keys(t).length !== 0)(e) ? e : { block: "start", inline: "nearest" };
+function yo(e, t) {
+  if (!e.isConnected || !((r) => {
+    let i = r;
+    for (; i && i.parentNode; ) {
+      if (i.parentNode === document)
+        return !0;
+      i = i.parentNode instanceof ShadowRoot ? i.parentNode.host : i.parentNode;
+    }
+    return !1;
+  })(e))
+    return;
+  const o = ((r) => {
+    const i = window.getComputedStyle(r);
+    return { top: parseFloat(i.scrollMarginTop) || 0, right: parseFloat(i.scrollMarginRight) || 0, bottom: parseFloat(i.scrollMarginBottom) || 0, left: parseFloat(i.scrollMarginLeft) || 0 };
+  })(e);
+  if (((r) => typeof r == "object" && typeof r.behavior == "function")(t))
+    return t.behavior(ut(e, t));
+  const n = typeof t == "boolean" || t == null ? void 0 : t.behavior;
+  for (const { el: r, top: i, left: s } of ut(e, bo(t))) {
+    const l = i - o.top + o.bottom, c = s - o.left + o.right;
+    r.scroll({ top: l, left: c, behavior: n });
+  }
+}
+var Bt = /* @__PURE__ */ a.forwardRef(function(e, t) {
+  var o = e.prefixCls, n = e.style, r = e.className, i = e.duration, s = i === void 0 ? 4.5 : i, l = e.showProgress, c = e.pauseOnHover, u = c === void 0 ? !0 : c, C = e.eventKey, O = e.content, h = e.closable, E = e.closeIcon, w = E === void 0 ? "x" : E, $ = e.props, S = e.onClick, v = e.onNoticeClose, M = e.times, m = e.hovering, y = a.useState(!1), b = de(y, 2), d = b[0], F = b[1], p = a.useState(0), f = de(p, 2), g = f[0], N = f[1], V = a.useState(0), P = de(V, 2), I = P[0], D = P[1], R = m || d, x = s > 0 && l, H = function() {
+    v(C);
+  }, j = function(_) {
+    (_.key === "Enter" || _.code === "Enter" || _.keyCode === Xn.ENTER) && H();
+  };
+  a.useEffect(function() {
+    if (!R && s > 0) {
+      var X = Date.now() - I, _ = setTimeout(function() {
+        H();
+      }, s * 1e3 - I);
+      return function() {
+        u && clearTimeout(_), D(Date.now() - X);
+      };
+    }
+  }, [s, R, M]), a.useEffect(function() {
+    if (!R && x && (u || I === 0)) {
+      var X = performance.now(), _, B = function A() {
+        cancelAnimationFrame(_), _ = requestAnimationFrame(function(T) {
+          var L = T + I - X, k = Math.min(L / (s * 1e3), 1);
+          N(k * 100), k < 1 && A();
+        });
+      };
+      return B(), function() {
+        u && cancelAnimationFrame(_);
+      };
+    }
+  }, [s, I, R, x, M]);
+  var U = a.useMemo(function() {
+    return kt(h) === "object" && h !== null ? h : h ? {
+      closeIcon: w
+    } : {};
+  }, [h, w]), z = Un(U, !0), Y = 100 - (!g || g < 0 ? 0 : g > 100 ? 100 : g), G = "".concat(o, "-notice");
+  return /* @__PURE__ */ a.createElement("div", fe({}, $, {
+    ref: t,
+    className: K(G, r, Xe({}, "".concat(G, "-closable"), h)),
+    style: n,
+    onMouseEnter: function(_) {
+      var B;
+      F(!0), $ == null || (B = $.onMouseEnter) === null || B === void 0 || B.call($, _);
+    },
+    onMouseLeave: function(_) {
+      var B;
+      F(!1), $ == null || (B = $.onMouseLeave) === null || B === void 0 || B.call($, _);
+    },
+    onClick: S
+  }), /* @__PURE__ */ a.createElement("div", {
+    className: "".concat(G, "-content")
+  }, O), h && /* @__PURE__ */ a.createElement("a", fe({
+    tabIndex: 0,
+    className: "".concat(G, "-close"),
+    onKeyDown: j,
+    "aria-label": "Close"
+  }, z, {
+    onClick: function(_) {
+      _.preventDefault(), _.stopPropagation(), H();
+    }
+  }), U.closeIcon), x && /* @__PURE__ */ a.createElement("progress", {
+    className: "".concat(G, "-progress"),
+    max: "100",
+    value: Y
+  }, Y + "%"));
+}), Wt = /* @__PURE__ */ q.createContext({}), Co = function(t) {
+  var o = t.children, n = t.classNames;
+  return /* @__PURE__ */ q.createElement(Wt.Provider, {
+    value: {
+      classNames: n
+    }
+  }, o);
+}, dt = 8, ft = 3, mt = 16, $o = function(t) {
+  var o = {
+    offset: dt,
+    threshold: ft,
+    gap: mt
+  };
+  if (t && kt(t) === "object") {
+    var n, r, i;
+    o.offset = (n = t.offset) !== null && n !== void 0 ? n : dt, o.threshold = (r = t.threshold) !== null && r !== void 0 ? r : ft, o.gap = (i = t.gap) !== null && i !== void 0 ? i : mt;
+  }
+  return [!!t, o];
+}, xo = ["className", "style", "classNames", "styles"], qt = function(t) {
+  var o = t.configList, n = t.placement, r = t.prefixCls, i = t.className, s = t.style, l = t.motion, c = t.onAllNoticeRemoved, u = t.onNoticeClose, C = t.stack, O = Ie(Wt), h = O.classNames, E = wn({}), w = rt(null), $ = de(w, 2), S = $[0], v = $[1], M = rt([]), m = de(M, 2), y = m[0], b = m[1], d = o.map(function(R) {
+    return {
+      config: R,
+      key: String(R.key)
+    };
+  }), F = $o(C), p = de(F, 2), f = p[0], g = p[1], N = g.offset, V = g.threshold, P = g.gap, I = f && (y.length > 0 || d.length <= V), D = typeof l == "function" ? l(n) : l;
+  return Ge(function() {
+    f && y.length > 1 && b(function(R) {
+      return R.filter(function(x) {
+        return d.some(function(H) {
+          var j = H.key;
+          return x === j;
+        });
+      });
+    });
+  }, [y, d, f]), Ge(function() {
+    var R;
+    if (f && E.current[(R = d[d.length - 1]) === null || R === void 0 ? void 0 : R.key]) {
+      var x;
+      v(E.current[(x = d[d.length - 1]) === null || x === void 0 ? void 0 : x.key]);
+    }
+  }, [d, f]), /* @__PURE__ */ q.createElement(Mt, fe({
+    key: n,
+    className: K(r, "".concat(r, "-").concat(n), h == null ? void 0 : h.list, i, Xe(Xe({}, "".concat(r, "-stack"), !!f), "".concat(r, "-stack-expanded"), I)),
+    style: s,
+    keys: d,
+    motionAppear: !0
+  }, D, {
+    onAllRemoved: function() {
+      c(n);
+    }
+  }), function(R, x) {
+    var H = R.config, j = R.className, U = R.style, z = R.index, Y = H, G = Y.key, X = Y.times, _ = String(G), B = H, A = B.className, T = B.style, L = B.classNames, k = B.styles, J = Dt(B, xo), Z = d.findIndex(function(ge) {
+      return ge.key === _;
+    }), ne = {};
+    if (f) {
+      var oe = d.length - 1 - (Z > -1 ? Z : z - 1), ie = n === "top" || n === "bottom" ? "-50%" : "0";
+      if (oe > 0) {
+        var W, ae, Ce;
+        ne.height = I ? (W = E.current[_]) === null || W === void 0 ? void 0 : W.offsetHeight : S == null ? void 0 : S.offsetHeight;
+        for (var ce = 0, ve = 0; ve < oe; ve++) {
+          var be;
+          ce += ((be = E.current[d[d.length - 1 - ve].key]) === null || be === void 0 ? void 0 : be.offsetHeight) + P;
+        }
+        var $e = (I ? ce : oe * N) * (n.startsWith("top") ? 1 : -1), Re = !I && S !== null && S !== void 0 && S.offsetWidth && (ae = E.current[_]) !== null && ae !== void 0 && ae.offsetWidth ? ((S == null ? void 0 : S.offsetWidth) - N * 2 * (oe < 3 ? oe : 3)) / ((Ce = E.current[_]) === null || Ce === void 0 ? void 0 : Ce.offsetWidth) : 1;
+        ne.transform = "translate3d(".concat(ie, ", ").concat($e, "px, 0) scaleX(").concat(Re, ")");
+      } else
+        ne.transform = "translate3d(".concat(ie, ", 0, 0)");
+    }
+    return /* @__PURE__ */ q.createElement("div", {
+      ref: x,
+      className: K("".concat(r, "-notice-wrapper"), j, L == null ? void 0 : L.wrapper),
+      style: Oe(Oe(Oe({}, U), ne), k == null ? void 0 : k.wrapper),
+      onMouseEnter: function() {
+        return b(function(ue) {
+          return ue.includes(_) ? ue : [].concat(ee(ue), [_]);
+        });
+      },
+      onMouseLeave: function() {
+        return b(function(ue) {
+          return ue.filter(function(xe) {
+            return xe !== _;
+          });
+        });
+      }
+    }, /* @__PURE__ */ q.createElement(Bt, fe({}, J, {
+      ref: function(ue) {
+        Z > -1 ? E.current[_] = ue : delete E.current[_];
+      },
+      prefixCls: r,
+      classNames: L,
+      styles: k,
+      className: K(A, h == null ? void 0 : h.notice),
+      style: T,
+      times: X,
+      key: G,
+      eventKey: G,
+      onNoticeClose: u,
+      hovering: f && y.length > 0
+    })));
+  });
+};
+process.env.NODE_ENV !== "production" && (qt.displayName = "NoticeList");
+var Gt = /* @__PURE__ */ a.forwardRef(function(e, t) {
+  var o = e.prefixCls, n = o === void 0 ? "rc-notification" : o, r = e.container, i = e.motion, s = e.maxCount, l = e.className, c = e.style, u = e.onAllRemoved, C = e.stack, O = e.renderNotifications, h = a.useState([]), E = de(h, 2), w = E[0], $ = E[1], S = function(f) {
+    var g, N = w.find(function(V) {
+      return V.key === f;
+    });
+    N == null || (g = N.onClose) === null || g === void 0 || g.call(N), $(function(V) {
+      return V.filter(function(P) {
+        return P.key !== f;
+      });
+    });
+  };
+  a.useImperativeHandle(t, function() {
+    return {
+      open: function(f) {
+        $(function(g) {
+          var N = ee(g), V = N.findIndex(function(D) {
+            return D.key === f.key;
+          }), P = Oe({}, f);
+          if (V >= 0) {
+            var I;
+            P.times = (((I = g[V]) === null || I === void 0 ? void 0 : I.times) || 0) + 1, N[V] = P;
+          } else
+            P.times = 0, N.push(P);
+          return s > 0 && N.length > s && (N = N.slice(-s)), N;
+        });
+      },
+      close: function(f) {
+        S(f);
+      },
+      destroy: function() {
+        $([]);
+      }
+    };
+  });
+  var v = a.useState({}), M = de(v, 2), m = M[0], y = M[1];
+  a.useEffect(function() {
+    var p = {};
+    w.forEach(function(f) {
+      var g = f.placement, N = g === void 0 ? "topRight" : g;
+      N && (p[N] = p[N] || [], p[N].push(f));
+    }), Object.keys(m).forEach(function(f) {
+      p[f] = p[f] || [];
+    }), y(p);
+  }, [w]);
+  var b = function(f) {
+    y(function(g) {
+      var N = Oe({}, g), V = N[f] || [];
+      return V.length || delete N[f], N;
+    });
+  }, d = a.useRef(!1);
+  if (a.useEffect(function() {
+    Object.keys(m).length > 0 ? d.current = !0 : d.current && (u == null || u(), d.current = !1);
+  }, [m]), !r)
+    return null;
+  var F = Object.keys(m);
+  return /* @__PURE__ */ Gn(/* @__PURE__ */ a.createElement(a.Fragment, null, F.map(function(p) {
+    var f = m[p], g = /* @__PURE__ */ a.createElement(qt, {
+      key: p,
+      configList: f,
+      placement: p,
+      prefixCls: n,
+      className: l == null ? void 0 : l(p),
+      style: c == null ? void 0 : c(p),
+      motion: i,
+      onNoticeClose: S,
+      onAllNoticeRemoved: b,
+      stack: C
+    });
+    return O ? O(g, {
+      prefixCls: n,
+      key: p
+    }) : g;
+  })), r);
+});
+process.env.NODE_ENV !== "production" && (Gt.displayName = "Notifications");
+var So = ["getContainer", "motion", "prefixCls", "maxCount", "className", "style", "onAllRemoved", "stack", "renderNotifications"], Eo = function() {
+  return document.body;
+}, pt = 0;
+function wo() {
+  for (var e = {}, t = arguments.length, o = new Array(t), n = 0; n < t; n++)
+    o[n] = arguments[n];
+  return o.forEach(function(r) {
+    r && Object.keys(r).forEach(function(i) {
+      var s = r[i];
+      s !== void 0 && (e[i] = s);
+    });
+  }), e;
+}
+function Oo() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = e.getContainer, o = t === void 0 ? Eo : t, n = e.motion, r = e.prefixCls, i = e.maxCount, s = e.className, l = e.style, c = e.onAllRemoved, u = e.stack, C = e.renderNotifications, O = Dt(e, So), h = a.useState(), E = de(h, 2), w = E[0], $ = E[1], S = a.useRef(), v = /* @__PURE__ */ a.createElement(Gt, {
+    container: w,
+    ref: S,
+    prefixCls: r,
+    motion: n,
+    maxCount: i,
+    className: s,
+    style: l,
+    onAllRemoved: c,
+    stack: u,
+    renderNotifications: C
+  }), M = a.useState([]), m = de(M, 2), y = m[0], b = m[1], d = a.useMemo(function() {
+    return {
+      open: function(p) {
+        var f = wo(O, p);
+        (f.key === null || f.key === void 0) && (f.key = "rc-notification-".concat(pt), pt += 1), b(function(g) {
+          return [].concat(ee(g), [{
+            type: "open",
+            config: f
+          }]);
+        });
+      },
+      close: function(p) {
+        b(function(f) {
+          return [].concat(ee(f), [{
+            type: "close",
+            key: p
+          }]);
+        });
+      },
+      destroy: function() {
+        b(function(p) {
+          return [].concat(ee(p), [{
+            type: "destroy"
+          }]);
+        });
+      }
+    };
+  }, []);
+  return a.useEffect(function() {
+    $(o());
+  }), a.useEffect(function() {
+    S.current && y.length && (y.forEach(function(F) {
+      switch (F.type) {
+        case "open":
+          S.current.open(F.config);
+          break;
+        case "close":
+          S.current.close(F.key);
+          break;
+        case "destroy":
+          S.current.destroy();
+          break;
+      }
+    }), b(function(F) {
+      return F.filter(function(p) {
+        return !y.includes(p);
+      });
+    }));
+  }, [y]), [d, v];
+}
+const No = (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"
+      }
+    }
+  };
+}, Io = (e) => {
+  const {
+    componentCls: t
+  } = e;
+  return {
+    // Grid system
+    [t]: {
+      position: "relative",
+      maxWidth: "100%",
+      // Prevent columns from collapsing when empty
+      minHeight: 1
+    }
+  };
+}, Mo = (e, t) => {
+  const {
+    prefixCls: o,
+    componentCls: n,
+    gridColumns: r
+  } = e, i = {};
+  for (let s = r; s >= 0; s--)
+    s === 0 ? (i[`${n}${t}-${s}`] = {
+      display: "none"
+    }, i[`${n}-push-${s}`] = {
+      insetInlineStart: "auto"
+    }, i[`${n}-pull-${s}`] = {
+      insetInlineEnd: "auto"
+    }, i[`${n}${t}-push-${s}`] = {
+      insetInlineStart: "auto"
+    }, i[`${n}${t}-pull-${s}`] = {
+      insetInlineEnd: "auto"
+    }, i[`${n}${t}-offset-${s}`] = {
+      marginInlineStart: 0
+    }, i[`${n}${t}-order-${s}`] = {
+      order: 0
+    }) : (i[`${n}${t}-${s}`] = [
+      // 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 ${s / r * 100}%`,
+        maxWidth: `${s / r * 100}%`
+      }
+    ], i[`${n}${t}-push-${s}`] = {
+      insetInlineStart: `${s / r * 100}%`
+    }, i[`${n}${t}-pull-${s}`] = {
+      insetInlineEnd: `${s / r * 100}%`
+    }, i[`${n}${t}-offset-${s}`] = {
+      marginInlineStart: `${s / r * 100}%`
+    }, i[`${n}${t}-order-${s}`] = {
+      order: s
+    });
+  return i[`${n}${t}-flex`] = {
+    flex: `var(--${o}${t}-flex)`
+  }, i;
+}, Ke = (e, t) => Mo(e, t), Fo = (e, t, o) => ({
+  [`@media (min-width: ${te(t)})`]: Object.assign({}, Ke(e, o))
+}), Po = () => ({}), jo = () => ({}), Ro = ze("Grid", No, Po), _o = (e) => ({
+  xs: e.screenXSMin,
+  sm: e.screenSMMin,
+  md: e.screenMDMin,
+  lg: e.screenLGMin,
+  xl: e.screenXLMin,
+  xxl: e.screenXXLMin
+}), To = ze("Grid", (e) => {
+  const t = Ye(e, {
+    gridColumns: 24
+    // Row is divided into 24 parts in Grid
+  }), o = _o(t);
+  return delete o.xs, [Io(t), Ke(t, ""), Ke(t, "-xs"), Object.keys(o).map((n) => Fo(t, o[n], `-${n}`)).reduce((n, r) => Object.assign(Object.assign({}, n), r), {})];
+}, jo), Lo = (e) => {
+  const {
+    componentCls: t,
+    notificationMarginEdge: o,
+    animationMaxHeight: n
+  } = e, r = `${t}-notice`, i = new Ee("antNotificationFadeIn", {
+    "0%": {
+      transform: "translate3d(100%, 0, 0)",
+      opacity: 0
+    },
+    "100%": {
+      transform: "translate3d(0, 0, 0)",
+      opacity: 1
+    }
+  }), s = new Ee("antNotificationTopFadeIn", {
+    "0%": {
+      top: -n,
+      opacity: 0
+    },
+    "100%": {
+      top: 0,
+      opacity: 1
+    }
+  }), l = new Ee("antNotificationBottomFadeIn", {
+    "0%": {
+      bottom: e.calc(n).mul(-1).equal(),
+      opacity: 0
+    },
+    "100%": {
+      bottom: 0,
+      opacity: 1
+    }
+  }), c = new Ee("antNotificationLeftFadeIn", {
+    "0%": {
+      transform: "translate3d(-100%, 0, 0)",
+      opacity: 0
+    },
+    "100%": {
+      transform: "translate3d(0, 0, 0)",
+      opacity: 1
+    }
+  });
+  return {
+    [t]: {
+      [`&${t}-top, &${t}-bottom`]: {
+        marginInline: 0,
+        [r]: {
+          marginInline: "auto auto"
+        }
+      },
+      [`&${t}-top`]: {
+        [`${t}-fade-enter${t}-fade-enter-active, ${t}-fade-appear${t}-fade-appear-active`]: {
+          animationName: s
+        }
+      },
+      [`&${t}-bottom`]: {
+        [`${t}-fade-enter${t}-fade-enter-active, ${t}-fade-appear${t}-fade-appear-active`]: {
+          animationName: l
+        }
+      },
+      [`&${t}-topRight, &${t}-bottomRight`]: {
+        [`${t}-fade-enter${t}-fade-enter-active, ${t}-fade-appear${t}-fade-appear-active`]: {
+          animationName: i
+        }
+      },
+      [`&${t}-topLeft, &${t}-bottomLeft`]: {
+        marginRight: {
+          value: 0,
+          _skip_check_: !0
+        },
+        marginLeft: {
+          value: o,
+          _skip_check_: !0
+        },
+        [r]: {
+          marginInlineEnd: "auto",
+          marginInlineStart: 0
+        },
+        [`${t}-fade-enter${t}-fade-enter-active, ${t}-fade-appear${t}-fade-appear-active`]: {
+          animationName: c
+        }
+      }
+    }
+  };
+}, Vo = Lo, ko = ["top", "topLeft", "topRight", "bottom", "bottomLeft", "bottomRight"], Do = {
+  topLeft: "left",
+  topRight: "right",
+  bottomLeft: "left",
+  bottomRight: "right",
+  top: "left",
+  bottom: "left"
+}, Ho = (e, t) => {
+  const {
+    componentCls: o
+  } = e;
+  return {
+    [`${o}-${t}`]: {
+      [`&${o}-stack > ${o}-notice-wrapper`]: {
+        [t.startsWith("top") ? "top" : "bottom"]: 0,
+        [Do[t]]: {
+          value: 0,
+          _skip_check_: !0
+        }
+      }
+    }
+  };
+}, Ao = (e) => {
+  const t = {};
+  for (let o = 1; o < e.notificationStackLayer; o++)
+    t[`&:nth-last-child(${o + 1})`] = {
+      overflow: "hidden",
+      [`& > ${e.componentCls}-notice`]: {
+        opacity: 0,
+        transition: `opacity ${e.motionDurationMid}`
+      }
+    };
+  return Object.assign({
+    [`&:not(:nth-last-child(-n+${e.notificationStackLayer}))`]: {
+      opacity: 0,
+      overflow: "hidden",
+      color: "transparent",
+      pointerEvents: "none"
+    }
+  }, t);
+}, zo = (e) => {
+  const t = {};
+  for (let o = 1; o < e.notificationStackLayer; o++)
+    t[`&:nth-last-child(${o + 1})`] = {
+      background: e.colorBgBlur,
+      backdropFilter: "blur(10px)",
+      "-webkit-backdrop-filter": "blur(10px)"
+    };
+  return Object.assign({}, t);
+}, Bo = (e) => {
+  const {
+    componentCls: t
+  } = e;
+  return Object.assign({
+    [`${t}-stack`]: {
+      [`& > ${t}-notice-wrapper`]: Object.assign({
+        transition: `all ${e.motionDurationSlow}, backdrop-filter 0s`,
+        position: "absolute"
+      }, Ao(e))
+    },
+    [`${t}-stack:not(${t}-stack-expanded)`]: {
+      [`& > ${t}-notice-wrapper`]: Object.assign({}, zo(e))
+    },
+    [`${t}-stack${t}-stack-expanded`]: {
+      [`& > ${t}-notice-wrapper`]: {
+        "&:not(:nth-last-child(-n + 1))": {
+          opacity: 1,
+          overflow: "unset",
+          color: "inherit",
+          pointerEvents: "auto",
+          [`& > ${e.componentCls}-notice`]: {
+            opacity: 1
+          }
+        },
+        "&:after": {
+          content: '""',
+          position: "absolute",
+          height: e.margin,
+          width: "100%",
+          insetInline: 0,
+          bottom: e.calc(e.margin).mul(-1).equal(),
+          background: "transparent",
+          pointerEvents: "auto"
+        }
+      }
+    }
+  }, ko.map((o) => Ho(e, o)).reduce((o, n) => Object.assign(Object.assign({}, o), n), {}));
+}, Wo = Bo, Xt = (e) => {
+  const {
+    iconCls: t,
+    componentCls: o,
+    // .ant-notification
+    boxShadow: n,
+    fontSizeLG: r,
+    notificationMarginBottom: i,
+    borderRadiusLG: s,
+    colorSuccess: l,
+    colorInfo: c,
+    colorWarning: u,
+    colorError: C,
+    colorTextHeading: O,
+    notificationBg: h,
+    notificationPadding: E,
+    notificationMarginEdge: w,
+    notificationProgressBg: $,
+    notificationProgressHeight: S,
+    fontSize: v,
+    lineHeight: M,
+    width: m,
+    notificationIconSize: y,
+    colorText: b
+  } = e, d = `${o}-notice`;
+  return {
+    position: "relative",
+    marginBottom: i,
+    marginInlineStart: "auto",
+    background: h,
+    borderRadius: s,
+    boxShadow: n,
+    [d]: {
+      padding: E,
+      width: m,
+      maxWidth: `calc(100vw - ${te(e.calc(w).mul(2).equal())})`,
+      overflow: "hidden",
+      lineHeight: M,
+      wordWrap: "break-word"
+    },
+    [`${d}-message`]: {
+      marginBottom: e.marginXS,
+      color: O,
+      fontSize: r,
+      lineHeight: e.lineHeightLG
+    },
+    [`${d}-description`]: {
+      fontSize: v,
+      color: b
+    },
+    [`${d}-closable ${d}-message`]: {
+      paddingInlineEnd: e.paddingLG
+    },
+    [`${d}-with-icon ${d}-message`]: {
+      marginBottom: e.marginXS,
+      marginInlineStart: e.calc(e.marginSM).add(y).equal(),
+      fontSize: r
+    },
+    [`${d}-with-icon ${d}-description`]: {
+      marginInlineStart: e.calc(e.marginSM).add(y).equal(),
+      fontSize: v
+    },
+    // Icon & color style in different selector level
+    // https://github.com/ant-design/ant-design/issues/16503
+    // https://github.com/ant-design/ant-design/issues/15512
+    [`${d}-icon`]: {
+      position: "absolute",
+      fontSize: y,
+      lineHeight: 1,
+      // icon-font
+      [`&-success${t}`]: {
+        color: l
+      },
+      [`&-info${t}`]: {
+        color: c
+      },
+      [`&-warning${t}`]: {
+        color: u
+      },
+      [`&-error${t}`]: {
+        color: C
+      }
+    },
+    [`${d}-close`]: Object.assign({
+      position: "absolute",
+      top: e.notificationPaddingVertical,
+      insetInlineEnd: e.notificationPaddingHorizontal,
+      color: e.colorIcon,
+      outline: "none",
+      width: e.notificationCloseButtonSize,
+      height: e.notificationCloseButtonSize,
+      borderRadius: e.borderRadiusSM,
+      transition: `background-color ${e.motionDurationMid}, color ${e.motionDurationMid}`,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      "&:hover": {
+        color: e.colorIconHover,
+        backgroundColor: e.colorBgTextHover
+      },
+      "&:active": {
+        backgroundColor: e.colorBgTextActive
+      }
+    }, In(e)),
+    [`${d}-progress`]: {
+      position: "absolute",
+      display: "block",
+      appearance: "none",
+      WebkitAppearance: "none",
+      inlineSize: `calc(100% - ${te(s)} * 2)`,
+      left: {
+        _skip_check_: !0,
+        value: s
+      },
+      right: {
+        _skip_check_: !0,
+        value: s
+      },
+      bottom: 0,
+      blockSize: S,
+      border: 0,
+      "&, &::-webkit-progress-bar": {
+        borderRadius: s,
+        backgroundColor: "rgba(0, 0, 0, 0.04)"
+      },
+      "&::-moz-progress-bar": {
+        background: $
+      },
+      "&::-webkit-progress-value": {
+        borderRadius: s,
+        background: $
+      }
+    },
+    [`${d}-btn`]: {
+      float: "right",
+      marginTop: e.marginSM
+    }
+  };
+}, qo = (e) => {
+  const {
+    componentCls: t,
+    // .ant-notification
+    notificationMarginBottom: o,
+    notificationMarginEdge: n,
+    motionDurationMid: r,
+    motionEaseInOut: i
+  } = e, s = `${t}-notice`, l = new Ee("antNotificationFadeOut", {
+    "0%": {
+      maxHeight: e.animationMaxHeight,
+      marginBottom: o
+    },
+    "100%": {
+      maxHeight: 0,
+      marginBottom: 0,
+      paddingTop: 0,
+      paddingBottom: 0,
+      opacity: 0
+    }
+  });
+  return [
+    // ============================ Holder ============================
+    {
+      [t]: Object.assign(Object.assign({}, Qe(e)), {
+        position: "fixed",
+        zIndex: e.zIndexPopup,
+        marginRight: {
+          value: n,
+          _skip_check_: !0
+        },
+        [`${t}-hook-holder`]: {
+          position: "relative"
+        },
+        //  animation
+        [`${t}-fade-appear-prepare`]: {
+          opacity: "0 !important"
+        },
+        [`${t}-fade-enter, ${t}-fade-appear`]: {
+          animationDuration: e.motionDurationMid,
+          animationTimingFunction: i,
+          animationFillMode: "both",
+          opacity: 0,
+          animationPlayState: "paused"
+        },
+        [`${t}-fade-leave`]: {
+          animationTimingFunction: i,
+          animationFillMode: "both",
+          animationDuration: r,
+          animationPlayState: "paused"
+        },
+        [`${t}-fade-enter${t}-fade-enter-active, ${t}-fade-appear${t}-fade-appear-active`]: {
+          animationPlayState: "running"
+        },
+        [`${t}-fade-leave${t}-fade-leave-active`]: {
+          animationName: l,
+          animationPlayState: "running"
+        },
+        // RTL
+        "&-rtl": {
+          direction: "rtl",
+          [`${s}-btn`]: {
+            float: "left"
+          }
+        }
+      })
+    },
+    // ============================ Notice ============================
+    {
+      [t]: {
+        [`${s}-wrapper`]: Object.assign({}, Xt(e))
+      }
+    }
+  ];
+}, Kt = (e) => ({
+  zIndexPopup: e.zIndexPopupBase + Kn + 50,
+  width: 384
+}), Ut = (e) => {
+  const t = e.paddingMD, o = e.paddingLG;
+  return Ye(e, {
+    notificationBg: e.colorBgElevated,
+    notificationPaddingVertical: t,
+    notificationPaddingHorizontal: o,
+    notificationIconSize: e.calc(e.fontSizeLG).mul(e.lineHeightLG).equal(),
+    notificationCloseButtonSize: e.calc(e.controlHeightLG).mul(0.55).equal(),
+    notificationMarginBottom: e.margin,
+    notificationPadding: `${te(e.paddingMD)} ${te(e.paddingContentHorizontalLG)}`,
+    notificationMarginEdge: e.marginLG,
+    animationMaxHeight: 150,
+    notificationStackLayer: 3,
+    notificationProgressHeight: 2,
+    notificationProgressBg: `linear-gradient(90deg, ${e.colorPrimaryBorderHover}, ${e.colorPrimary})`
+  });
+}, Yt = ze("Notification", (e) => {
+  const t = Ut(e);
+  return [qo(t), Vo(t), Wo(t)];
+}, Kt), Go = Ft(["Notification", "PurePanel"], (e) => {
+  const t = `${e.componentCls}-notice`, o = Ut(e);
+  return {
+    [`${t}-pure-panel`]: Object.assign(Object.assign({}, Xt(o)), {
+      width: o.width,
+      maxWidth: `calc(100vw - ${te(e.calc(o.notificationMarginEdge).mul(2).equal())})`,
+      margin: 0
+    })
+  };
+}, Kt);
+var Xo = globalThis && globalThis.__rest || function(e, t) {
+  var o = {};
+  for (var n in e)
+    Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
+      t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
+  return o;
+};
+function Ze(e, t) {
+  return t === null || t === !1 ? null : t || /* @__PURE__ */ a.createElement(Vt, {
+    className: `${e}-close-icon`
+  });
+}
+const Ko = {
+  success: _t,
+  info: qn,
+  error: Lt,
+  warning: Tt
+}, Qt = (e) => {
+  const {
+    prefixCls: t,
+    icon: o,
+    type: n,
+    message: r,
+    description: i,
+    btn: s,
+    role: l = "alert"
+  } = e;
+  let c = null;
+  return o ? c = /* @__PURE__ */ a.createElement("span", {
+    className: `${t}-icon`
+  }, o) : n && (c = /* @__PURE__ */ a.createElement(Ko[n] || null, {
+    className: K(`${t}-icon`, `${t}-icon-${n}`)
+  })), /* @__PURE__ */ a.createElement("div", {
+    className: K({
+      [`${t}-with-icon`]: c
+    }),
+    role: l
+  }, c, /* @__PURE__ */ a.createElement("div", {
+    className: `${t}-message`
+  }, r), /* @__PURE__ */ a.createElement("div", {
+    className: `${t}-description`
+  }, i), s && /* @__PURE__ */ a.createElement("div", {
+    className: `${t}-btn`
+  }, s));
+}, Uo = (e) => {
+  const {
+    prefixCls: t,
+    className: o,
+    icon: n,
+    type: r,
+    message: i,
+    description: s,
+    btn: l,
+    closable: c = !0,
+    closeIcon: u,
+    className: C
+  } = e, O = Xo(e, ["prefixCls", "className", "icon", "type", "message", "description", "btn", "closable", "closeIcon", "className"]), {
+    getPrefixCls: h
+  } = a.useContext(he), E = t || h("notification"), w = `${E}-notice`, $ = je(E), [S, v, M] = Yt(E, $);
+  return S(/* @__PURE__ */ a.createElement("div", {
+    className: K(`${w}-pure-panel`, v, o, M, $)
+  }, /* @__PURE__ */ a.createElement(Go, {
+    prefixCls: E
+  }), /* @__PURE__ */ a.createElement(Bt, Object.assign({}, O, {
+    prefixCls: E,
+    eventKey: "pure",
+    duration: null,
+    closable: c,
+    className: K({
+      notificationClassName: C
+    }),
+    closeIcon: Ze(E, u),
+    content: /* @__PURE__ */ a.createElement(Qt, {
+      prefixCls: w,
+      icon: n,
+      type: r,
+      message: i,
+      description: s,
+      btn: l
+    })
+  }))));
+}, Yo = Uo;
+function Qo(e, t, o) {
+  let n;
+  switch (e) {
+    case "top":
+      n = {
+        left: "50%",
+        transform: "translateX(-50%)",
+        right: "auto",
+        top: t,
+        bottom: "auto"
+      };
+      break;
+    case "topLeft":
+      n = {
+        left: 0,
+        top: t,
+        bottom: "auto"
+      };
+      break;
+    case "topRight":
+      n = {
+        right: 0,
+        top: t,
+        bottom: "auto"
+      };
+      break;
+    case "bottom":
+      n = {
+        left: "50%",
+        transform: "translateX(-50%)",
+        right: "auto",
+        top: "auto",
+        bottom: o
+      };
+      break;
+    case "bottomLeft":
+      n = {
+        left: 0,
+        top: "auto",
+        bottom: o
+      };
+      break;
+    default:
+      n = {
+        right: 0,
+        top: "auto",
+        bottom: o
+      };
+      break;
+  }
+  return n;
+}
+function Jo(e) {
+  return {
+    motionName: `${e}-fade`
+  };
+}
+var Zo = globalThis && globalThis.__rest || function(e, t) {
+  var o = {};
+  for (var n in e)
+    Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
+      t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
+  return o;
+};
+const gt = 24, er = 4.5, tr = "topRight", nr = (e) => {
+  let {
+    children: t,
+    prefixCls: o
+  } = e;
+  const n = je(o), [r, i, s] = Yt(o, n);
+  return r(/* @__PURE__ */ q.createElement(Co, {
+    classNames: {
+      list: K(i, s, n)
+    }
+  }, t));
+}, or = (e, t) => {
+  let {
+    prefixCls: o,
+    key: n
+  } = t;
+  return /* @__PURE__ */ q.createElement(nr, {
+    prefixCls: o,
+    key: n
+  }, e);
+}, rr = /* @__PURE__ */ q.forwardRef((e, t) => {
+  const {
+    top: o,
+    bottom: n,
+    prefixCls: r,
+    getContainer: i,
+    maxCount: s,
+    rtl: l,
+    onAllRemoved: c,
+    stack: u,
+    duration: C,
+    pauseOnHover: O = !0,
+    showProgress: h
+  } = e, {
+    getPrefixCls: E,
+    getPopupContainer: w,
+    notification: $,
+    direction: S
+  } = Ie(he), [, v] = Pt(), M = r || E("notification"), m = (p) => Qo(p, o ?? gt, n ?? gt), y = () => K({
+    [`${M}-rtl`]: l ?? S === "rtl"
+  }), b = () => Jo(M), [d, F] = Oo({
+    prefixCls: M,
+    style: m,
+    className: y,
+    motion: b,
+    closable: !0,
+    closeIcon: Ze(M),
+    duration: C ?? er,
+    getContainer: () => (i == null ? void 0 : i()) || (w == null ? void 0 : w()) || document.body,
+    maxCount: s,
+    pauseOnHover: O,
+    showProgress: h,
+    onAllRemoved: c,
+    renderNotifications: or,
+    stack: u === !1 ? !1 : {
+      threshold: typeof u == "object" ? u == null ? void 0 : u.threshold : void 0,
+      offset: 8,
+      gap: v.margin
+    }
+  });
+  return q.useImperativeHandle(t, () => Object.assign(Object.assign({}, d), {
+    prefixCls: M,
+    notification: $
+  })), F;
+});
+function Jt(e) {
+  const t = q.useRef(null), o = Pe("Notification");
+  return [q.useMemo(() => {
+    const r = (c) => {
+      var u;
+      if (!t.current) {
+        process.env.NODE_ENV !== "production" && o(!1, "usage", "You are calling notice in render which will break in React 18 concurrent mode. Please trigger in effect instead.");
+        return;
+      }
+      const {
+        open: C,
+        prefixCls: O,
+        notification: h
+      } = t.current, E = `${O}-notice`, {
+        message: w,
+        description: $,
+        icon: S,
+        type: v,
+        btn: M,
+        className: m,
+        style: y,
+        role: b = "alert",
+        closeIcon: d,
+        closable: F
+      } = c, p = Zo(c, ["message", "description", "icon", "type", "btn", "className", "style", "role", "closeIcon", "closable"]), f = Ze(E, typeof d < "u" ? d : h == null ? void 0 : h.closeIcon);
+      return C(Object.assign(Object.assign({
+        // use placement from props instead of hard-coding "topRight"
+        placement: (u = e == null ? void 0 : e.placement) !== null && u !== void 0 ? u : tr
+      }, p), {
+        content: /* @__PURE__ */ q.createElement(Qt, {
+          prefixCls: E,
+          icon: S,
+          type: v,
+          message: w,
+          description: $,
+          btn: M,
+          role: b
+        }),
+        className: K(v && `${E}-${v}`, m, h == null ? void 0 : h.className),
+        style: Object.assign(Object.assign({}, h == null ? void 0 : h.style), y),
+        closeIcon: f,
+        closable: F ?? !!f
+      }));
+    }, s = {
+      open: r,
+      destroy: (c) => {
+        var u, C;
+        c !== void 0 ? (u = t.current) === null || u === void 0 || u.close(c) : (C = t.current) === null || C === void 0 || C.destroy();
+      }
+    };
+    return ["success", "info", "warning", "error"].forEach((c) => {
+      s[c] = (u) => r(Object.assign(Object.assign({}, u), {
+        type: c
+      }));
+    }), s;
+  }, []), /* @__PURE__ */ q.createElement(rr, Object.assign({
+    key: "notification-holder"
+  }, e, {
+    ref: t
+  }))];
+}
+function ir(e) {
+  return Jt(e);
+}
+const ar = /* @__PURE__ */ q.createContext({}), Me = ["xxl", "xl", "lg", "md", "sm", "xs"], sr = (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)`
+}), lr = (e) => {
+  const t = e, o = [].concat(Me).reverse();
+  return o.forEach((n, r) => {
+    const i = n.toUpperCase(), s = `screen${i}Min`, l = `screen${i}`;
+    if (!(t[s] <= t[l]))
+      throw new Error(`${s}<=${l} fails : !(${t[s]}<=${t[l]})`);
+    if (r < o.length - 1) {
+      const c = `screen${i}Max`;
+      if (!(t[l] <= t[c]))
+        throw new Error(`${l}<=${c} fails : !(${t[l]}<=${t[c]})`);
+      const C = `screen${o[r + 1].toUpperCase()}Min`;
+      if (!(t[c] <= t[C]))
+        throw new Error(`${c}<=${C} fails : !(${t[c]}<=${t[C]})`);
+    }
+  }), e;
+};
+function cr() {
+  const [, e] = Pt(), t = sr(lr(e));
+  return q.useMemo(() => {
+    const o = /* @__PURE__ */ new Map();
+    let n = -1, r = {};
+    return {
+      matchHandlers: {},
+      dispatch(i) {
+        return r = i, o.forEach((s) => s(r)), o.size >= 1;
+      },
+      subscribe(i) {
+        return o.size || this.register(), n += 1, o.set(n, i), i(r), n;
+      },
+      unsubscribe(i) {
+        o.delete(i), o.size || this.unregister();
+      },
+      unregister() {
+        Object.keys(t).forEach((i) => {
+          const s = t[i], l = this.matchHandlers[s];
+          l == null || l.mql.removeListener(l == null ? void 0 : l.listener);
+        }), o.clear();
+      },
+      register() {
+        Object.keys(t).forEach((i) => {
+          const s = t[i], l = (u) => {
+            let {
+              matches: C
+            } = u;
+            this.dispatch(Object.assign(Object.assign({}, r), {
+              [i]: C
+            }));
+          }, c = window.matchMedia(s);
+          c.addListener(l), this.matchHandlers[s] = {
+            mql: c,
+            listener: l
+          }, l(c);
+        });
+      },
+      responsiveMap: t
+    };
+  }, [e]);
+}
+const ur = /* @__PURE__ */ It({}), Zt = ur;
+var dr = globalThis && globalThis.__rest || function(e, t) {
+  var o = {};
+  for (var n in e)
+    Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
+      t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
+  return o;
+};
+function ht(e) {
+  return typeof e == "number" ? `${e} ${e} auto` : /^\d+(\.\d+)?(px|em|rem|%)$/.test(e) ? `0 0 ${e}` : e;
+}
+const fr = ["xs", "sm", "md", "lg", "xl", "xxl"], en = /* @__PURE__ */ a.forwardRef((e, t) => {
+  const {
+    getPrefixCls: o,
+    direction: n
+  } = a.useContext(he), {
+    gutter: r,
+    wrap: i
+  } = a.useContext(Zt), {
+    prefixCls: s,
+    span: l,
+    order: c,
+    offset: u,
+    push: C,
+    pull: O,
+    className: h,
+    children: E,
+    flex: w,
+    style: $
+  } = e, S = dr(e, ["prefixCls", "span", "order", "offset", "push", "pull", "className", "children", "flex", "style"]), v = o("col", s), [M, m, y] = To(v), b = {};
+  let d = {};
+  fr.forEach((f) => {
+    let g = {};
+    const N = e[f];
+    typeof N == "number" ? g.span = N : typeof N == "object" && (g = N || {}), delete S[f], d = Object.assign(Object.assign({}, d), {
+      [`${v}-${f}-${g.span}`]: g.span !== void 0,
+      [`${v}-${f}-order-${g.order}`]: g.order || g.order === 0,
+      [`${v}-${f}-offset-${g.offset}`]: g.offset || g.offset === 0,
+      [`${v}-${f}-push-${g.push}`]: g.push || g.push === 0,
+      [`${v}-${f}-pull-${g.pull}`]: g.pull || g.pull === 0,
+      [`${v}-rtl`]: n === "rtl"
+    }), g.flex && (d[`${v}-${f}-flex`] = !0, b[`--${v}-${f}-flex`] = ht(g.flex));
+  });
+  const F = K(v, {
+    [`${v}-${l}`]: l !== void 0,
+    [`${v}-order-${c}`]: c,
+    [`${v}-offset-${u}`]: u,
+    [`${v}-push-${C}`]: C,
+    [`${v}-pull-${O}`]: O
+  }, h, d, m, y), p = {};
+  if (r && r[0] > 0) {
+    const f = r[0] / 2;
+    p.paddingLeft = f, p.paddingRight = f;
+  }
+  return w && (p.flex = ht(w), i === !1 && !p.minWidth && (p.minWidth = 0)), M(/* @__PURE__ */ a.createElement("div", Object.assign({}, S, {
+    style: Object.assign(Object.assign(Object.assign({}, p), $), b),
+    className: F,
+    ref: t
+  }), E));
+});
+process.env.NODE_ENV !== "production" && (en.displayName = "Col");
+const tn = en;
+var mr = globalThis && globalThis.__rest || function(e, t) {
+  var o = {};
+  for (var n in e)
+    Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
+      t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
+  return o;
+};
+function vt(e, t) {
+  const [o, n] = a.useState(typeof e == "string" ? e : ""), r = () => {
+    if (typeof e == "string" && n(e), typeof e == "object")
+      for (let i = 0; i < Me.length; i++) {
+        const s = Me[i];
+        if (!t[s])
+          continue;
+        const l = e[s];
+        if (l !== void 0) {
+          n(l);
+          return;
+        }
+      }
+  };
+  return a.useEffect(() => {
+    r();
+  }, [JSON.stringify(e), t]), o;
+}
+const nn = /* @__PURE__ */ a.forwardRef((e, t) => {
+  const {
+    prefixCls: o,
+    justify: n,
+    align: r,
+    className: i,
+    style: s,
+    children: l,
+    gutter: c = 0,
+    wrap: u
+  } = e, C = mr(e, ["prefixCls", "justify", "align", "className", "style", "children", "gutter", "wrap"]), {
+    getPrefixCls: O,
+    direction: h
+  } = a.useContext(he), [E, w] = a.useState({
+    xs: !0,
+    sm: !0,
+    md: !0,
+    lg: !0,
+    xl: !0,
+    xxl: !0
+  }), [$, S] = a.useState({
+    xs: !1,
+    sm: !1,
+    md: !1,
+    lg: !1,
+    xl: !1,
+    xxl: !1
+  }), v = vt(r, $), M = vt(n, $), m = a.useRef(c), y = cr();
+  a.useEffect(() => {
+    const x = y.subscribe((H) => {
+      S(H);
+      const j = m.current || 0;
+      (!Array.isArray(j) && typeof j == "object" || Array.isArray(j) && (typeof j[0] == "object" || typeof j[1] == "object")) && w(H);
+    });
+    return () => y.unsubscribe(x);
+  }, []);
+  const b = () => {
+    const x = [void 0, void 0];
+    return (Array.isArray(c) ? c : [c, void 0]).forEach((j, U) => {
+      if (typeof j == "object")
+        for (let z = 0; z < Me.length; z++) {
+          const Y = Me[z];
+          if (E[Y] && j[Y] !== void 0) {
+            x[U] = j[Y];
+            break;
+          }
+        }
+      else
+        x[U] = j;
+    }), x;
+  }, d = O("row", o), [F, p, f] = Ro(d), g = b(), N = K(d, {
+    [`${d}-no-wrap`]: u === !1,
+    [`${d}-${M}`]: M,
+    [`${d}-${v}`]: v,
+    [`${d}-rtl`]: h === "rtl"
+  }, i, p, f), V = {}, P = g[0] != null && g[0] > 0 ? g[0] / -2 : void 0;
+  P && (V.marginLeft = P, V.marginRight = P);
+  const [I, D] = g;
+  V.rowGap = D;
+  const R = a.useMemo(() => ({
+    gutter: [I, D],
+    wrap: u
+  }), [I, D, u]);
+  return F(/* @__PURE__ */ a.createElement(Zt.Provider, {
+    value: R
+  }, /* @__PURE__ */ a.createElement("div", Object.assign({}, C, {
+    className: N,
+    style: Object.assign(Object.assign({}, V), s),
+    ref: t
+  }), l)));
+});
+process.env.NODE_ENV !== "production" && (nn.displayName = "Row");
+const pr = nn;
+function He(e) {
+  const [t, o] = a.useState(e);
+  return a.useEffect(() => {
+    const n = setTimeout(() => {
+      o(e);
+    }, e.length ? 0 : 10);
+    return () => {
+      clearTimeout(n);
+    };
+  }, [e]), t;
+}
+const gr = (e) => {
+  const {
+    componentCls: t
+  } = e, o = `${t}-show-help`, n = `${t}-show-help-item`;
+  return {
+    [o]: {
+      // 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)"
+        }
+      }
+    }
+  };
+}, hr = gr, vr = (e) => ({
+  legend: {
+    display: "block",
+    width: "100%",
+    marginBottom: e.marginLG,
+    padding: 0,
+    color: e.colorTextDescription,
+    fontSize: e.fontSizeLG,
+    lineHeight: "inherit",
+    border: 0,
+    borderBottom: `${te(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 ${te(e.controlOutlineWidth)} ${e.controlOutline}`
+  },
+  // Adjust output element
+  output: {
+    display: "block",
+    paddingTop: 15,
+    color: e.colorText,
+    fontSize: e.fontSize,
+    lineHeight: e.lineHeight
+  }
+}), bt = (e, t) => {
+  const {
+    formItemCls: o
+  } = e;
+  return {
+    [o]: {
+      [`${o}-label > label`]: {
+        height: t
+      },
+      [`${o}-control-input`]: {
+        minHeight: t
+      }
+    }
+  };
+}, br = (e) => {
+  const {
+    componentCls: t
+  } = e;
+  return {
+    [e.componentCls]: Object.assign(Object.assign(Object.assign({}, Qe(e)), vr(e)), {
+      [`${t}-text`]: {
+        display: "inline-block",
+        paddingInlineEnd: e.paddingSM
+      },
+      // ================================================================
+      // =                             Size                             =
+      // ================================================================
+      "&-small": Object.assign({}, bt(e, e.controlHeightSM)),
+      "&-large": Object.assign({}, bt(e, e.controlHeightLG))
+    })
+  };
+}, yr = (e) => {
+  const {
+    formItemCls: t,
+    iconCls: o,
+    componentCls: n,
+    rootPrefixCls: r,
+    antCls: i,
+    labelRequiredMarkColor: s,
+    labelColor: l,
+    labelFontSize: c,
+    labelHeight: u,
+    labelColonMarginInlineStart: C,
+    labelColonMarginInlineEnd: O,
+    itemMarginBottom: h
+  } = e;
+  return {
+    [t]: Object.assign(Object.assign({}, Qe(e)), {
+      marginBottom: h,
+      verticalAlign: "top",
+      "&-with-help": {
+        transition: "none"
+      },
+      [`&-hidden,
+        &-hidden${i}-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: u,
+          color: l,
+          fontSize: c,
+          [`> ${o}`]: {
+            fontSize: e.fontSize,
+            verticalAlign: "top"
+          },
+          // Required mark
+          [`&${t}-required:not(${t}-required-mark-optional)::before`]: {
+            display: "inline-block",
+            marginInlineEnd: e.marginXXS,
+            color: s,
+            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: C,
+            marginInlineEnd: O
+          },
+          [`&${t}-no-colon::after`]: {
+            content: '"\\a0"'
+          }
+        }
+      },
+      // ==============================================================
+      // =                            Input                           =
+      // ==============================================================
+      [`${t}-control`]: {
+        "--ant-display": "flex",
+        flexDirection: "column",
+        flexGrow: 1,
+        [`&:first-child:not([class^="'${r}-col-'"]):not([class*="' ${r}-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: zt,
+        animationDuration: e.motionDurationMid,
+        animationTimingFunction: e.motionEaseOutBack,
+        pointerEvents: "none",
+        "&-success": {
+          color: e.colorSuccess
+        },
+        "&-error": {
+          color: e.colorError
+        },
+        "&-warning": {
+          color: e.colorWarning
+        },
+        "&-validating": {
+          color: e.colorPrimary
+        }
+      }
+    })
+  };
+}, yt = (e, t) => {
+  const {
+    formItemCls: o
+  } = e;
+  return {
+    [`${t}-horizontal`]: {
+      [`${o}-label`]: {
+        flexGrow: 0
+      },
+      [`${o}-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
+      [`${o}-label[class$='-24'], ${o}-label[class*='-24 ']`]: {
+        [`& + ${o}-control`]: {
+          minWidth: "unset"
+        }
+      }
+    }
+  };
+}, Cr = (e) => {
+  const {
+    componentCls: t,
+    formItemCls: o,
+    inlineItemMarginBottom: n
+  } = e;
+  return {
+    [`${t}-inline`]: {
+      display: "flex",
+      flexWrap: "wrap",
+      [o]: {
+        flex: "none",
+        marginInlineEnd: e.margin,
+        marginBottom: n,
+        "&-row": {
+          flexWrap: "nowrap"
+        },
+        [`> ${o}-label,
+        > ${o}-control`]: {
+          display: "inline-block",
+          verticalAlign: "top"
+        },
+        [`> ${o}-label`]: {
+          flex: "none"
+        },
+        [`${t}-text`]: {
+          display: "inline-block"
+        },
+        [`${o}-has-feedback`]: {
+          display: "inline-block"
+        }
+      }
+    }
+  };
+}, le = (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"
+    }
+  }
+}), on = (e) => {
+  const {
+    componentCls: t,
+    formItemCls: o,
+    rootPrefixCls: n
+  } = e;
+  return {
+    [`${o} ${o}-label`]: le(e),
+    // ref: https://github.com/ant-design/ant-design/issues/45122
+    [`${t}:not(${t}-inline)`]: {
+      [o]: {
+        flexWrap: "wrap",
+        [`${o}-label, ${o}-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%"
+          }
+        }
+      }
+    }
+  };
+}, $r = (e) => {
+  const {
+    componentCls: t,
+    formItemCls: o,
+    antCls: n
+  } = e;
+  return {
+    [`${t}-vertical`]: {
+      [`${o}:not(${o}-horizontal)`]: {
+        [`${o}-row`]: {
+          flexDirection: "column"
+        },
+        [`${o}-label > label`]: {
+          height: "auto"
+        },
+        [`${o}-control`]: {
+          width: "100%"
+        },
+        [`${o}-label,
+        ${n}-col-24${o}-label,
+        ${n}-col-xl-24${o}-label`]: le(e)
+      }
+    },
+    [`@media (max-width: ${te(e.screenXSMax)})`]: [on(e), {
+      [t]: {
+        [`${o}:not(${o}-horizontal)`]: {
+          [`${n}-col-xs-24${o}-label`]: le(e)
+        }
+      }
+    }],
+    [`@media (max-width: ${te(e.screenSMMax)})`]: {
+      [t]: {
+        [`${o}:not(${o}-horizontal)`]: {
+          [`${n}-col-sm-24${o}-label`]: le(e)
+        }
+      }
+    },
+    [`@media (max-width: ${te(e.screenMDMax)})`]: {
+      [t]: {
+        [`${o}:not(${o}-horizontal)`]: {
+          [`${n}-col-md-24${o}-label`]: le(e)
+        }
+      }
+    },
+    [`@media (max-width: ${te(e.screenLGMax)})`]: {
+      [t]: {
+        [`${o}:not(${o}-horizontal)`]: {
+          [`${n}-col-lg-24${o}-label`]: le(e)
+        }
+      }
+    }
+  };
+}, xr = (e) => {
+  const {
+    formItemCls: t,
+    antCls: o
+  } = e;
+  return {
+    [`${t}-vertical`]: {
+      [`${t}-row`]: {
+        flexDirection: "column"
+      },
+      [`${t}-label > label`]: {
+        height: "auto"
+      },
+      [`${t}-control`]: {
+        width: "100%"
+      }
+    },
+    [`${t}-vertical ${t}-label,
+      ${o}-col-24${t}-label,
+      ${o}-col-xl-24${t}-label`]: le(e),
+    [`@media (max-width: ${te(e.screenXSMax)})`]: [on(e), {
+      [t]: {
+        [`${o}-col-xs-24${t}-label`]: le(e)
+      }
+    }],
+    [`@media (max-width: ${te(e.screenSMMax)})`]: {
+      [t]: {
+        [`${o}-col-sm-24${t}-label`]: le(e)
+      }
+    },
+    [`@media (max-width: ${te(e.screenMDMax)})`]: {
+      [t]: {
+        [`${o}-col-md-24${t}-label`]: le(e)
+      }
+    },
+    [`@media (max-width: ${te(e.screenLGMax)})`]: {
+      [t]: {
+        [`${o}-col-lg-24${t}-label`]: le(e)
+      }
+    }
+  };
+}, Sr = (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
+}), rn = (e, t) => Ye(e, {
+  formItemCls: `${e.componentCls}-item`,
+  rootPrefixCls: t
+}), et = ze("Form", (e, t) => {
+  let {
+    rootPrefixCls: o
+  } = t;
+  const n = rn(e, o);
+  return [br(n), yr(n), hr(n), yt(n, n.componentCls), yt(n, n.formItemCls), Cr(n), $r(n), xr(n), so(n), zt];
+}, Sr, {
+  // Let From style before the Grid
+  // ref https://github.com/ant-design/ant-design/issues/44386
+  order: -1e3
+}), Ct = [];
+function Be(e, t, o) {
+  let n = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 0;
+  return {
+    key: typeof e == "string" ? e : `${t}-${n}`,
+    error: e,
+    errorStatus: o
+  };
+}
+const Er = (e) => {
+  let {
+    help: t,
+    helpStatus: o,
+    errors: n = Ct,
+    warnings: r = Ct,
+    className: i,
+    fieldId: s,
+    onVisibleChanged: l
+  } = e;
+  const {
+    prefixCls: c
+  } = a.useContext(Je), u = `${c}-item-explain`, C = je(c), [O, h, E] = et(c, C), w = a.useMemo(() => st(c), [c]), $ = He(n), S = He(r), v = a.useMemo(() => t != null ? [Be(t, "help", o)] : [].concat(ee($.map((y, b) => Be(y, "error", "error", b))), ee(S.map((y, b) => Be(y, "warning", "warning", b)))), [t, o, $, S]), M = a.useMemo(() => {
+    const y = {};
+    return v.forEach((b) => {
+      let {
+        key: d
+      } = b;
+      y[d] = (y[d] || 0) + 1;
+    }), v.map((b, d) => Object.assign(Object.assign({}, b), {
+      key: y[b.key] > 1 ? `${b.key}-fallback-${d}` : b.key
+    }));
+  }, [v]), m = {};
+  return s && (m.id = `${s}_help`), O(/* @__PURE__ */ a.createElement(Mn, {
+    motionDeadline: w.motionDeadline,
+    motionName: `${c}-show-help`,
+    visible: !!M.length,
+    onVisibleChanged: l
+  }, (y) => {
+    const {
+      className: b,
+      style: d
+    } = y;
+    return /* @__PURE__ */ a.createElement("div", Object.assign({}, m, {
+      className: K(u, b, E, C, i, h),
+      style: d,
+      role: "alert"
+    }), /* @__PURE__ */ a.createElement(Mt, Object.assign({
+      keys: M
+    }, st(c), {
+      motionName: `${c}-show-help-item`,
+      component: !1
+    }), (F) => {
+      const {
+        key: p,
+        error: f,
+        errorStatus: g,
+        className: N,
+        style: V
+      } = F;
+      return /* @__PURE__ */ a.createElement("div", {
+        key: p,
+        className: K(N, {
+          [`${u}-${g}`]: g
+        }),
+        style: V
+      }, f);
+    }));
+  }));
+}, an = Er, wr = ["parentNode"], Or = "form_item";
+function Ne(e) {
+  return e === void 0 || e === !1 ? [] : Array.isArray(e) ? e : [e];
+}
+function sn(e, t) {
+  if (!e.length)
+    return;
+  const o = e.join("_");
+  return t ? `${t}_${o}` : wr.includes(o) ? `${Or}_${o}` : o;
+}
+function ln(e, t, o, n, r, i) {
+  let s = n;
+  return i !== void 0 ? s = i : o.validating ? s = "validating" : e.length ? s = "error" : t.length ? s = "warning" : (o.touched || r && o.validated) && (s = "success"), s;
+}
+function $t(e) {
+  return Ne(e).join("_");
+}
+function xt(e, t) {
+  const o = t.getFieldInstance(e), n = Fn(o);
+  if (n)
+    return n;
+  const r = sn(Ne(e), t.__INTERNAL__.name);
+  if (r)
+    return document.getElementById(r);
+}
+function cn(e) {
+  const [t] = Yn(), o = a.useRef({}), n = a.useMemo(() => e ?? Object.assign(Object.assign({}, t), {
+    __INTERNAL__: {
+      itemRef: (r) => (i) => {
+        const s = $t(r);
+        i ? o.current[s] = i : delete o.current[s];
+      }
+    },
+    scrollToField: function(r) {
+      let i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+      const s = xt(r, n);
+      s && yo(s, Object.assign({
+        scrollMode: "if-needed",
+        block: "nearest"
+      }, i));
+    },
+    focusField: (r) => {
+      var i;
+      const s = xt(r, n);
+      s && ((i = s.focus) === null || i === void 0 || i.call(s));
+    },
+    getFieldInstance: (r) => {
+      const i = $t(r);
+      return o.current[i];
+    }
+  }), [e, t]);
+  return [n];
+}
+const Ve = {};
+function Nr(e) {
+  let {
+    name: t
+  } = e;
+  const o = Pe("Form");
+  a.useEffect(() => {
+    if (t)
+      return Ve[t] = (Ve[t] || 0) + 1, process.env.NODE_ENV !== "production" && o(Ve[t] <= 1, "usage", "There exist multiple Form with same `name`."), () => {
+        Ve[t] -= 1;
+      };
+  }, [t]);
+}
+var Ir = globalThis && globalThis.__rest || function(e, t) {
+  var o = {};
+  for (var n in e)
+    Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
+      t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
+  return o;
+};
+const Mr = (e, t) => {
+  const o = a.useContext(Pn), {
+    getPrefixCls: n,
+    direction: r,
+    form: i
+  } = a.useContext(he), {
+    prefixCls: s,
+    className: l,
+    rootClassName: c,
+    size: u,
+    disabled: C = o,
+    form: O,
+    colon: h,
+    labelAlign: E,
+    labelWrap: w,
+    labelCol: $,
+    wrapperCol: S,
+    hideRequiredMark: v,
+    layout: M = "horizontal",
+    scrollToFirstError: m,
+    requiredMark: y,
+    onFinishFailed: b,
+    name: d,
+    style: F,
+    feedbackIcons: p,
+    variant: f
+  } = e, g = Ir(e, ["prefixCls", "className", "rootClassName", "size", "disabled", "form", "colon", "labelAlign", "labelWrap", "labelCol", "wrapperCol", "hideRequiredMark", "layout", "scrollToFirstError", "requiredMark", "onFinishFailed", "name", "style", "feedbackIcons", "variant"]), N = co(u), V = a.useContext(jn);
+  process.env.NODE_ENV !== "production" && Nr(e);
+  const P = a.useMemo(() => y !== void 0 ? y : v ? !1 : i && i.requiredMark !== void 0 ? i.requiredMark : !0, [v, y, i]), I = h ?? (i == null ? void 0 : i.colon), D = n("form", s), R = je(D), [x, H, j] = et(D, R), U = K(D, `${D}-${M}`, {
+    [`${D}-hide-required-mark`]: P === !1,
+    [`${D}-rtl`]: r === "rtl",
+    [`${D}-${N}`]: N
+  }, j, R, H, i == null ? void 0 : i.className, l, c), [z] = cn(O), {
+    __INTERNAL__: Y
+  } = z;
+  Y.name = d;
+  const G = a.useMemo(() => ({
+    name: d,
+    labelAlign: E,
+    labelCol: $,
+    labelWrap: w,
+    wrapperCol: S,
+    vertical: M === "vertical",
+    colon: I,
+    requiredMark: P,
+    itemRef: Y.itemRef,
+    form: z,
+    feedbackIcons: p
+  }), [d, E, $, S, M, I, P, z, p]), X = a.useRef(null);
+  a.useImperativeHandle(t, () => {
+    var A;
+    return Object.assign(Object.assign({}, z), {
+      nativeElement: (A = X.current) === null || A === void 0 ? void 0 : A.nativeElement
+    });
+  });
+  const _ = (A, T) => {
+    if (A) {
+      let L = {
+        block: "nearest"
+      };
+      typeof A == "object" && (L = Object.assign(Object.assign({}, L), A)), z.scrollToField(T, L), L.focus && z.focusField(T);
+    }
+  }, B = (A) => {
+    if (b == null || b(A), A.errorFields.length) {
+      const T = A.errorFields[0].name;
+      if (m !== void 0) {
+        _(m, T);
+        return;
+      }
+      i && i.scrollToFirstError !== void 0 && _(i.scrollToFirstError, T);
+    }
+  };
+  return x(/* @__PURE__ */ a.createElement(Qn.Provider, {
+    value: f
+  }, /* @__PURE__ */ a.createElement(Rn, {
+    disabled: C
+  }, /* @__PURE__ */ a.createElement(_n.Provider, {
+    value: N
+  }, /* @__PURE__ */ a.createElement(Ht, {
+    // This is not list in API, we pass with spread
+    validateMessages: V
+  }, /* @__PURE__ */ a.createElement(me.Provider, {
+    value: G
+  }, /* @__PURE__ */ a.createElement(Jn, Object.assign({
+    id: d
+  }, g, {
+    name: d,
+    onFinishFailed: B,
+    form: z,
+    ref: X,
+    style: Object.assign(Object.assign({}, i == null ? void 0 : i.style), F),
+    className: U
+  }))))))));
+}, un = /* @__PURE__ */ a.forwardRef(Mr);
+process.env.NODE_ENV !== "production" && (un.displayName = "Form");
+const Fr = un;
+function Pr(e) {
+  if (typeof e == "function")
+    return e;
+  const t = fo(e);
+  return t.length <= 1 ? t[0] : t;
+}
+const dn = () => {
+  const {
+    status: e,
+    errors: t = [],
+    warnings: o = []
+  } = a.useContext(De);
+  if (process.env.NODE_ENV !== "production") {
+    const n = Pe("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: o
+  };
+};
+dn.Context = De;
+const jr = dn;
+function Rr(e) {
+  const [t, o] = a.useState(e), n = a.useRef(null), r = a.useRef([]), i = a.useRef(!1);
+  a.useEffect(() => (i.current = !1, () => {
+    i.current = !0, it.cancel(n.current), n.current = null;
+  }), []);
+  function s(l) {
+    i.current || (n.current === null && (r.current = [], n.current = it(() => {
+      n.current = null, o((c) => {
+        let u = c;
+        return r.current.forEach((C) => {
+          u = C(u);
+        }), u;
+      });
+    })), r.current.push(l));
+  }
+  return [t, s];
+}
+function _r() {
+  const {
+    itemRef: e
+  } = a.useContext(me), t = a.useRef({});
+  function o(n, r) {
+    const i = r && typeof r == "object" && Tn(r), s = n.join("_");
+    return (t.current.name !== s || t.current.originRef !== i) && (t.current.name = s, t.current.originRef = i, t.current.ref = Ln(e(n), i)), t.current.ref;
+  }
+  return o;
+}
+const Tr = (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"
+      }
+    }
+  };
+}, Lr = Ft(["Form", "item-item"], (e, t) => {
+  let {
+    rootPrefixCls: o
+  } = t;
+  const n = rn(e, o);
+  return [Tr(n)];
+});
+var Vr = globalThis && globalThis.__rest || function(e, t) {
+  var o = {};
+  for (var n in e)
+    Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
+      t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
+  return o;
+};
+const kr = 24, Dr = (e) => {
+  const {
+    prefixCls: t,
+    status: o,
+    labelCol: n,
+    wrapperCol: r,
+    children: i,
+    errors: s,
+    warnings: l,
+    _internalItemRender: c,
+    extra: u,
+    help: C,
+    fieldId: O,
+    marginBottom: h,
+    onErrorVisibleChanged: E,
+    label: w
+  } = e, $ = `${t}-item`, S = a.useContext(me), v = a.useMemo(() => {
+    let I = Object.assign({}, r || S.wrapperCol || {});
+    return w === null && !n && !r && S.labelCol && [void 0, "xs", "sm", "md", "lg", "xl", "xxl"].forEach((R) => {
+      const x = R ? [R] : [], H = at(S.labelCol, x), j = typeof H == "object" ? H : {}, U = at(I, x), z = typeof U == "object" ? U : {};
+      "span" in j && !("offset" in z) && j.span < kr && (I = Vn(I, [].concat(x, ["offset"]), j.span));
+    }), I;
+  }, [r, S]), M = K(`${$}-control`, v.className), m = a.useMemo(() => Vr(S, ["labelCol", "wrapperCol"]), [S]), y = a.useRef(null), [b, d] = a.useState(0);
+  jt(() => {
+    u && y.current ? d(y.current.clientHeight) : d(0);
+  }, [u]);
+  const F = /* @__PURE__ */ a.createElement("div", {
+    className: `${$}-control-input`
+  }, /* @__PURE__ */ a.createElement("div", {
+    className: `${$}-control-input-content`
+  }, i)), p = a.useMemo(() => ({
+    prefixCls: t,
+    status: o
+  }), [t, o]), f = h !== null || s.length || l.length ? /* @__PURE__ */ a.createElement(Je.Provider, {
+    value: p
+  }, /* @__PURE__ */ a.createElement(an, {
+    fieldId: O,
+    errors: s,
+    warnings: l,
+    help: C,
+    helpStatus: o,
+    className: `${$}-explain-connected`,
+    onVisibleChanged: E
+  })) : null, g = {};
+  O && (g.id = `${O}_extra`);
+  const N = u ? /* @__PURE__ */ a.createElement("div", Object.assign({}, g, {
+    className: `${$}-extra`,
+    ref: y
+  }), u) : null, V = f || N ? /* @__PURE__ */ a.createElement("div", {
+    className: `${$}-additional`,
+    style: h ? {
+      minHeight: h + b
+    } : {}
+  }, f, N) : null, P = c && c.mark === "pro_table_render" && c.render ? c.render(e, {
+    input: F,
+    errorList: f,
+    extra: N
+  }) : /* @__PURE__ */ a.createElement(a.Fragment, null, F, V);
+  return /* @__PURE__ */ a.createElement(me.Provider, {
+    value: m
+  }, /* @__PURE__ */ a.createElement(tn, Object.assign({}, v, {
+    className: M
+  }), P), /* @__PURE__ */ a.createElement(Lr, {
+    prefixCls: t
+  }));
+}, Hr = Dr;
+var Ar = { 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" };
+const zr = Ar;
+var Br = function(t, o) {
+  return /* @__PURE__ */ a.createElement(ye, fe({}, t, {
+    ref: o,
+    icon: zr
+  }));
+}, fn = /* @__PURE__ */ a.forwardRef(Br);
+process.env.NODE_ENV !== "production" && (fn.displayName = "QuestionCircleOutlined");
+const Wr = fn;
+var qr = globalThis && globalThis.__rest || function(e, t) {
+  var o = {};
+  for (var n in e)
+    Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
+      t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
+  return o;
+};
+function Gr(e) {
+  return e ? typeof e == "object" && !/* @__PURE__ */ a.isValidElement(e) ? e : {
+    title: e
+  } : null;
+}
+const Xr = (e) => {
+  let {
+    prefixCls: t,
+    label: o,
+    htmlFor: n,
+    labelCol: r,
+    labelAlign: i,
+    colon: s,
+    required: l,
+    requiredMark: c,
+    tooltip: u,
+    vertical: C
+  } = e;
+  var O;
+  const [h] = go("Form"), {
+    labelAlign: E,
+    labelCol: w,
+    labelWrap: $,
+    colon: S
+  } = a.useContext(me);
+  if (!o)
+    return null;
+  const v = r || w || {}, M = i || E, m = `${t}-item-label`, y = K(m, M === "left" && `${m}-left`, v.className, {
+    [`${m}-wrap`]: !!$
+  });
+  let b = o;
+  const d = s === !0 || S !== !1 && s !== !1;
+  d && !C && typeof o == "string" && o.trim() && (b = o.replace(/[:|：]\s*$/, ""));
+  const p = Gr(u);
+  if (p) {
+    const {
+      icon: V = /* @__PURE__ */ a.createElement(Wr, null)
+    } = p, P = qr(p, ["icon"]), I = /* @__PURE__ */ a.createElement(lo, Object.assign({}, P), /* @__PURE__ */ a.cloneElement(V, {
+      className: `${t}-item-tooltip`,
+      title: "",
+      onClick: (D) => {
+        D.preventDefault();
+      },
+      tabIndex: null
+    }));
+    b = /* @__PURE__ */ a.createElement(a.Fragment, null, b, I);
+  }
+  const f = c === "optional", g = typeof c == "function";
+  g ? b = c(b, {
+    required: !!l
+  }) : f && !l && (b = /* @__PURE__ */ a.createElement(a.Fragment, null, b, /* @__PURE__ */ a.createElement("span", {
+    className: `${t}-item-optional`,
+    title: ""
+  }, (h == null ? void 0 : h.optional) || ((O = kn.Form) === null || O === void 0 ? void 0 : O.optional))));
+  const N = K({
+    [`${t}-item-required`]: l,
+    [`${t}-item-required-mark-optional`]: f || g,
+    [`${t}-item-no-colon`]: !d
+  });
+  return /* @__PURE__ */ a.createElement(tn, Object.assign({}, v, {
+    className: y
+  }), /* @__PURE__ */ a.createElement("label", {
+    htmlFor: n,
+    className: N,
+    title: typeof o == "string" ? o : ""
+  }, b));
+}, Kr = Xr, Ur = {
+  success: _t,
+  warning: Tt,
+  error: Lt,
+  validating: ho
+};
+function mn(e) {
+  let {
+    children: t,
+    errors: o,
+    warnings: n,
+    hasFeedback: r,
+    validateStatus: i,
+    prefixCls: s,
+    meta: l,
+    noStyle: c
+  } = e;
+  const u = `${s}-item`, {
+    feedbackIcons: C
+  } = a.useContext(me), O = ln(o, n, l, null, !!r, i), {
+    isFormItemInput: h,
+    status: E,
+    hasFeedback: w,
+    feedbackIcon: $
+  } = a.useContext(De), S = a.useMemo(() => {
+    var v;
+    let M;
+    if (r) {
+      const y = r !== !0 && r.icons || C, b = O && ((v = y == null ? void 0 : y({
+        status: O,
+        errors: o,
+        warnings: n
+      })) === null || v === void 0 ? void 0 : v[O]), d = O && Ur[O];
+      M = b !== !1 && d ? /* @__PURE__ */ a.createElement("span", {
+        className: K(`${u}-feedback-icon`, `${u}-feedback-icon-${O}`)
+      }, b || /* @__PURE__ */ a.createElement(d, null)) : null;
+    }
+    const m = {
+      status: O || "",
+      errors: o,
+      warnings: n,
+      hasFeedback: !!r,
+      feedbackIcon: M,
+      isFormItemInput: !0
+    };
+    return c && (m.status = (O ?? E) || "", m.isFormItemInput = h, m.hasFeedback = !!(r ?? w), m.feedbackIcon = r !== void 0 ? m.feedbackIcon : $), m;
+  }, [O, r, c, h, E]);
+  return /* @__PURE__ */ a.createElement(De.Provider, {
+    value: S
+  }, t);
+}
+var Yr = globalThis && globalThis.__rest || function(e, t) {
+  var o = {};
+  for (var n in e)
+    Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
+      t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
+  return o;
+};
+function Qr(e) {
+  const {
+    prefixCls: t,
+    className: o,
+    rootClassName: n,
+    style: r,
+    help: i,
+    errors: s,
+    warnings: l,
+    validateStatus: c,
+    meta: u,
+    hasFeedback: C,
+    hidden: O,
+    children: h,
+    fieldId: E,
+    required: w,
+    isRequired: $,
+    onSubItemMetaChange: S,
+    layout: v
+  } = e, M = Yr(e, ["prefixCls", "className", "rootClassName", "style", "help", "errors", "warnings", "validateStatus", "meta", "hasFeedback", "hidden", "children", "fieldId", "required", "isRequired", "onSubItemMetaChange", "layout"]), m = `${t}-item`, {
+    requiredMark: y,
+    vertical: b
+  } = a.useContext(me), d = b || v === "vertical", F = a.useRef(null), p = He(s), f = He(l), g = i != null, N = !!(g || s.length || l.length), V = !!F.current && mo(F.current), [P, I] = a.useState(null);
+  jt(() => {
+    if (N && F.current) {
+      const j = getComputedStyle(F.current);
+      I(parseInt(j.marginBottom, 10));
+    }
+  }, [N, V]);
+  const D = (j) => {
+    j || I(null);
+  }, x = function() {
+    let j = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
+    const U = j ? p : u.errors, z = j ? f : u.warnings;
+    return ln(U, z, u, "", !!C, c);
+  }(), H = K(m, o, n, {
+    [`${m}-with-help`]: g || p.length || f.length,
+    // Status
+    [`${m}-has-feedback`]: x && C,
+    [`${m}-has-success`]: x === "success",
+    [`${m}-has-warning`]: x === "warning",
+    [`${m}-has-error`]: x === "error",
+    [`${m}-is-validating`]: x === "validating",
+    [`${m}-hidden`]: O,
+    // Layout
+    [`${m}-${v}`]: v
+  });
+  return /* @__PURE__ */ a.createElement("div", {
+    className: H,
+    style: r,
+    ref: F
+  }, /* @__PURE__ */ a.createElement(pr, Object.assign({
+    className: `${m}-row`
+  }, po(M, [
+    "_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__ */ a.createElement(Kr, Object.assign({
+    htmlFor: E
+  }, e, {
+    requiredMark: y,
+    required: w ?? $,
+    prefixCls: t,
+    vertical: d
+  })), /* @__PURE__ */ a.createElement(Hr, Object.assign({}, e, u, {
+    errors: p,
+    warnings: f,
+    prefixCls: t,
+    status: x,
+    help: i,
+    marginBottom: P,
+    onErrorVisibleChanged: D
+  }), /* @__PURE__ */ a.createElement(At.Provider, {
+    value: S
+  }, /* @__PURE__ */ a.createElement(mn, {
+    prefixCls: t,
+    meta: u,
+    errors: u.errors,
+    warnings: u.warnings,
+    hasFeedback: C,
+    // Already calculated
+    validateStatus: x
+  }, h)))), !!P && /* @__PURE__ */ a.createElement("div", {
+    className: `${m}-margin-offset`,
+    style: {
+      marginBottom: -P
+    }
+  }));
+}
+const Jr = "__SPLIT__";
+function Zr(e, t) {
+  const o = Object.keys(e), n = Object.keys(t);
+  return o.length === n.length && o.every((r) => {
+    const i = e[r], s = t[r];
+    return i === s || typeof i == "function" || typeof s == "function";
+  });
+}
+const ei = /* @__PURE__ */ a.memo((e) => {
+  let {
+    children: t
+  } = e;
+  return t;
+}, (e, t) => Zr(e.control, t.control) && e.update === t.update && e.childProps.length === t.childProps.length && e.childProps.every((o, n) => o === t.childProps[n]));
+function St() {
+  return {
+    errors: [],
+    warnings: [],
+    touched: !1,
+    validating: !1,
+    name: [],
+    validated: !1
+  };
+}
+function ti(e) {
+  const {
+    name: t,
+    noStyle: o,
+    className: n,
+    dependencies: r,
+    prefixCls: i,
+    shouldUpdate: s,
+    rules: l,
+    children: c,
+    required: u,
+    label: C,
+    messageVariables: O,
+    trigger: h = "onChange",
+    validateTrigger: E,
+    hidden: w,
+    help: $,
+    layout: S
+  } = e, {
+    getPrefixCls: v
+  } = a.useContext(he), {
+    name: M
+  } = a.useContext(me), m = Pr(c), y = typeof m == "function", b = a.useContext(At), {
+    validateTrigger: d
+  } = a.useContext(Zn), F = E !== void 0 ? E : d, p = t != null, f = v("form", i), g = je(f), [N, V, P] = et(f, g), I = Pe("Form.Item");
+  process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "production" && I(t !== null, "usage", "`null` is passed as `name` property");
+  const D = a.useContext(eo), R = a.useRef(null), [x, H] = Rr({}), [j, U] = Dn(() => St()), z = (T) => {
+    const L = D == null ? void 0 : D.getKey(T.name);
+    if (U(T.destroy ? St() : T, !0), o && $ !== !1 && b) {
+      let k = T.name;
+      if (T.destroy)
+        k = R.current || k;
+      else if (L !== void 0) {
+        const [J, Z] = L;
+        k = [J].concat(ee(Z)), R.current = k;
+      }
+      b(T, k);
+    }
+  }, Y = (T, L) => {
+    H((k) => {
+      const J = Object.assign({}, k), ne = [].concat(ee(T.name.slice(0, -1)), ee(L)).join(Jr);
+      return T.destroy ? delete J[ne] : J[ne] = T, J;
+    });
+  }, [G, X] = a.useMemo(() => {
+    const T = ee(j.errors), L = ee(j.warnings);
+    return Object.values(x).forEach((k) => {
+      T.push.apply(T, ee(k.errors || [])), L.push.apply(L, ee(k.warnings || []));
+    }), [T, L];
+  }, [x, j.errors, j.warnings]), _ = _r();
+  function B(T, L, k) {
+    return o && !w ? /* @__PURE__ */ a.createElement(mn, {
+      prefixCls: f,
+      hasFeedback: e.hasFeedback,
+      validateStatus: e.validateStatus,
+      meta: j,
+      errors: G,
+      warnings: X,
+      noStyle: !0
+    }, T) : /* @__PURE__ */ a.createElement(Qr, Object.assign({
+      key: "row"
+    }, e, {
+      className: K(n, P, g, V),
+      prefixCls: f,
+      fieldId: L,
+      isRequired: k,
+      errors: G,
+      warnings: X,
+      meta: j,
+      onSubItemMetaChange: Y,
+      layout: S
+    }), T);
+  }
+  if (!p && !y && !r)
+    return N(B(m));
+  let A = {};
+  return typeof C == "string" ? A.label = C : t && (A.label = String(t)), O && (A = Object.assign(Object.assign({}, A), O)), N(/* @__PURE__ */ a.createElement(to, Object.assign({}, e, {
+    messageVariables: A,
+    trigger: h,
+    validateTrigger: F,
+    onMetaChange: z
+  }), (T, L, k) => {
+    const J = Ne(t).length && L ? L.name : [], Z = sn(J, M), ne = u !== void 0 ? u : !!(l != null && l.some((W) => {
+      if (W && typeof W == "object" && W.required && !W.warningOnly)
+        return !0;
+      if (typeof W == "function") {
+        const ae = W(k);
+        return (ae == null ? void 0 : ae.required) && !(ae != null && ae.warningOnly);
+      }
+      return !1;
+    })), oe = Object.assign({}, T);
+    let ie = null;
+    if (process.env.NODE_ENV !== "production" && I(!(s && r), "usage", "`shouldUpdate` and `dependencies` shouldn't be used together. See https://u.ant.design/form-deps."), Array.isArray(m) && p)
+      process.env.NODE_ENV !== "production" && I(!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."), ie = m;
+    else if (y && (!(s || r) || p))
+      process.env.NODE_ENV !== "production" && I(!!(s || r), "usage", "A `Form.Item` with a render function must have either `shouldUpdate` or `dependencies`."), process.env.NODE_ENV !== "production" && I(!p, "usage", "A `Form.Item` with a render function cannot be a field, and thus cannot have a `name` prop.");
+    else if (r && !y && !p)
+      process.env.NODE_ENV !== "production" && I(!1, "usage", "Must set `name` or use a render function when `dependencies` is set.");
+    else if (/* @__PURE__ */ a.isValidElement(m)) {
+      process.env.NODE_ENV !== "production" && I(m.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({}, m.props), oe);
+      if (W.id || (W.id = Z), $ || G.length > 0 || X.length > 0 || e.extra) {
+        const ce = [];
+        ($ || G.length > 0) && ce.push(`${Z}_help`), e.extra && ce.push(`${Z}_extra`), W["aria-describedby"] = ce.join(" ");
+      }
+      G.length > 0 && (W["aria-invalid"] = "true"), ne && (W["aria-required"] = "true"), Hn(m) && (W.ref = _(J, m)), new Set([].concat(ee(Ne(h)), ee(Ne(F)))).forEach((ce) => {
+        W[ce] = function() {
+          for (var ve, be, $e, Re, ge, ue = arguments.length, xe = new Array(ue), _e = 0; _e < ue; _e++)
+            xe[_e] = arguments[_e];
+          ($e = oe[ce]) === null || $e === void 0 || (ve = $e).call.apply(ve, [oe].concat(xe)), (ge = (Re = m.props)[ce]) === null || ge === void 0 || (be = ge).call.apply(be, [Re].concat(xe));
+        };
+      });
+      const Ce = [W["aria-required"], W["aria-invalid"], W["aria-describedby"]];
+      ie = /* @__PURE__ */ a.createElement(ei, {
+        control: oe,
+        update: m,
+        childProps: Ce
+      }, uo(m, W));
+    } else
+      y && (s || r) && !p ? ie = m(k) : (process.env.NODE_ENV !== "production" && I(!J.length || !!o, "usage", "`name` is only used for validate React element. If you are using Form.Item as layout display, please remove `name` instead."), ie = m);
+    return B(ie, Z, ne);
+  }));
+}
+const pn = ti;
+pn.useStatus = jr;
+const ni = pn;
+var oi = globalThis && globalThis.__rest || function(e, t) {
+  var o = {};
+  for (var n in e)
+    Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, n = Object.getOwnPropertySymbols(e); r < n.length; r++)
+      t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[r]) && (o[n[r]] = e[n[r]]);
+  return o;
+};
+const ri = (e) => {
+  var {
+    prefixCls: t,
+    children: o
+  } = e, n = oi(e, ["prefixCls", "children"]);
+  if (process.env.NODE_ENV !== "production") {
+    const l = Pe("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: r
+  } = a.useContext(he), i = r("form", t), s = a.useMemo(() => ({
+    prefixCls: i,
+    status: "error"
+  }), [i]);
+  return /* @__PURE__ */ a.createElement(no, Object.assign({}, n), (l, c, u) => /* @__PURE__ */ a.createElement(Je.Provider, {
+    value: s
+  }, o(l.map((C) => Object.assign(Object.assign({}, C), {
+    fieldKey: C.key
+  })), c, {
+    errors: u.errors,
+    warnings: u.warnings
+  })));
+}, ii = ri;
+function ai() {
+  const {
+    form: e
+  } = a.useContext(me);
+  return e;
+}
+const pe = Fr;
+pe.Item = ni;
+pe.List = ii;
+pe.ErrorList = an;
+pe.useForm = cn;
+pe.useFormInstance = ai;
+pe.useWatch = oo;
+pe.Provider = Ht;
+pe.create = () => {
+  process.env.NODE_ENV !== "production" && An(!1, "Form", "antd v4 removed `Form.create`. Please remove or use `@ant-design/compatible` instead.");
+};
+const tt = pe;
+let se = null, ke = (e) => e(), Ae = [], Fe = {};
+function Et() {
+  const {
+    getContainer: e,
+    rtl: t,
+    maxCount: o,
+    top: n,
+    bottom: r,
+    showProgress: i,
+    pauseOnHover: s
+  } = Fe, l = (e == null ? void 0 : e()) || document.body;
+  return {
+    getContainer: () => l,
+    rtl: t,
+    maxCount: o,
+    top: n,
+    bottom: r,
+    showProgress: i,
+    pauseOnHover: s
+  };
+}
+const si = /* @__PURE__ */ q.forwardRef((e, t) => {
+  const {
+    notificationConfig: o,
+    sync: n
+  } = e, {
+    getPrefixCls: r
+  } = Ie(he), i = Fe.prefixCls || r("notification"), s = Ie(ar), [l, c] = Jt(Object.assign(Object.assign(Object.assign({}, o), {
+    prefixCls: i
+  }), s.notification));
+  return q.useEffect(n, []), q.useImperativeHandle(t, () => {
+    const u = Object.assign({}, l);
+    return Object.keys(u).forEach((C) => {
+      u[C] = function() {
+        return n(), l[C].apply(l, arguments);
+      };
+    }), {
+      instance: u,
+      sync: n
+    };
+  }), c;
+}), li = /* @__PURE__ */ q.forwardRef((e, t) => {
+  const [o, n] = q.useState(Et), r = () => {
+    n(Et);
+  };
+  q.useEffect(r, []);
+  const i = Rt(), s = i.getRootPrefixCls(), l = i.getIconPrefixCls(), c = i.getTheme(), u = /* @__PURE__ */ q.createElement(si, {
+    ref: t,
+    sync: r,
+    notificationConfig: o
+  });
+  return /* @__PURE__ */ q.createElement(Bn, {
+    prefixCls: s,
+    iconPrefixCls: l,
+    theme: c
+  }, i.holderRender ? i.holderRender(u) : u);
+});
+function nt() {
+  if (!se) {
+    const e = document.createDocumentFragment(), t = {
+      fragment: e
+    };
+    se = t, ke(() => {
+      Wn()(/* @__PURE__ */ q.createElement(li, {
+        ref: (n) => {
+          const {
+            instance: r,
+            sync: i
+          } = n || {};
+          Promise.resolve().then(() => {
+            !t.instance && r && (t.instance = r, t.sync = i, nt());
+          });
+        }
+      }), e);
+    });
+    return;
+  }
+  se.instance && (Ae.forEach((e) => {
+    switch (e.type) {
+      case "open": {
+        ke(() => {
+          se.instance.open(Object.assign(Object.assign({}, Fe), e.config));
+        });
+        break;
+      }
+      case "destroy":
+        ke(() => {
+          se == null || se.instance.destroy(e.key);
+        });
+        break;
+    }
+  }), Ae = []);
+}
+function ci(e) {
+  Fe = Object.assign(Object.assign({}, Fe), e), ke(() => {
+    var t;
+    (t = se == null ? void 0 : se.sync) === null || t === void 0 || t.call(se);
+  });
+}
+function gn(e) {
+  const t = Rt();
+  process.env.NODE_ENV !== "production" && !t.holderRender && zn("notification"), Ae.push({
+    type: "open",
+    config: e
+  }), nt();
+}
+const ui = (e) => {
+  Ae.push({
+    type: "destroy",
+    key: e
+  }), nt();
+}, di = ["success", "info", "warning", "error"], fi = {
+  open: gn,
+  destroy: ui,
+  config: ci,
+  useNotification: ir,
+  _InternalPanelDoNotUseOrYouWillBeFired: Yo
+}, hn = fi;
+di.forEach((e) => {
+  hn[e] = (t) => gn(Object.assign(Object.assign({}, t), {
+    type: e
+  }));
+});
+process.env.NODE_ENV;
+process.env.NODE_ENV;
+const We = hn;
+var mi = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z" } }, { 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" } }] }, name: "check-circle", theme: "outlined" };
+const pi = mi;
+var gi = function(t, o) {
+  return /* @__PURE__ */ a.createElement(ye, fe({}, t, {
+    ref: o,
+    icon: pi
+  }));
+}, vn = /* @__PURE__ */ a.forwardRef(gi);
+process.env.NODE_ENV !== "production" && (vn.displayName = "CheckCircleOutlined");
+const hi = vn;
+var vi = { icon: { tag: "svg", attrs: { "fill-rule": "evenodd", viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm0 76c-205.4 0-372 166.6-372 372s166.6 372 372 372 372-166.6 372-372-166.6-372-372-372zm128.01 198.83c.03 0 .05.01.09.06l45.02 45.01a.2.2 0 01.05.09.12.12 0 010 .07c0 .02-.01.04-.05.08L557.25 512l127.87 127.86a.27.27 0 01.05.06v.02a.12.12 0 010 .07c0 .03-.01.05-.05.09l-45.02 45.02a.2.2 0 01-.09.05.12.12 0 01-.07 0c-.02 0-.04-.01-.08-.05L512 557.25 384.14 685.12c-.04.04-.06.05-.08.05a.12.12 0 01-.07 0c-.03 0-.05-.01-.09-.05l-45.02-45.02a.2.2 0 01-.05-.09.12.12 0 010-.07c0-.02.01-.04.06-.08L466.75 512 338.88 384.14a.27.27 0 01-.05-.06l-.01-.02a.12.12 0 010-.07c0-.03.01-.05.05-.09l45.02-45.02a.2.2 0 01.09-.05.12.12 0 01.07 0c.02 0 .04.01.08.06L512 466.75l127.86-127.86c.04-.05.06-.06.08-.06a.12.12 0 01.07 0z" } }] }, name: "close-circle", theme: "outlined" };
+const bi = vi;
+var yi = function(t, o) {
+  return /* @__PURE__ */ a.createElement(ye, fe({}, t, {
+    ref: o,
+    icon: bi
+  }));
+}, bn = /* @__PURE__ */ a.forwardRef(yi);
+process.env.NODE_ENV !== "production" && (bn.displayName = "CloseCircleOutlined");
+const Ci = bn;
+var $i = { 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: "M464 688a48 48 0 1096 0 48 48 0 10-96 0zm24-112h48c4.4 0 8-3.6 8-8V296c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8z" } }] }, name: "exclamation-circle", theme: "outlined" };
+const xi = $i;
+var Si = function(t, o) {
+  return /* @__PURE__ */ a.createElement(ye, fe({}, t, {
+    ref: o,
+    icon: xi
+  }));
+}, yn = /* @__PURE__ */ a.forwardRef(Si);
+process.env.NODE_ENV !== "production" && (yn.displayName = "ExclamationCircleOutlined");
+const Ei = yn;
+var wi = { 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: "M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z" } }] }, name: "info-circle", theme: "outlined" };
+const Oi = wi;
+var Ni = function(t, o) {
+  return /* @__PURE__ */ a.createElement(ye, fe({}, t, {
+    ref: o,
+    icon: Oi
+  }));
+}, Cn = /* @__PURE__ */ a.forwardRef(Ni);
+process.env.NODE_ENV !== "production" && (Cn.displayName = "InfoCircleOutlined");
+const Ii = Cn;
+var Mi = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M696 480H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h368c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z" } }, { 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" } }] }, name: "minus-circle", theme: "outlined" };
+const Fi = Mi;
+var Pi = function(t, o) {
+  return /* @__PURE__ */ a.createElement(ye, fe({}, t, {
+    ref: o,
+    icon: Fi
+  }));
+}, $n = /* @__PURE__ */ a.forwardRef(Pi);
+process.env.NODE_ENV !== "production" && ($n.displayName = "MinusCircleOutlined");
+const ji = $n, xn = It(void 0), pa = ({
+  children: e
+}) => {
+  const [t, o] = We.useNotification();
+  Ge(() => {
+    const r = document.createElement("div");
+    return r.id = "notification-root", document.body.appendChild(r), We.config({
+      getContainer: () => r
+    }), () => {
+      document.body.removeChild(r);
+    };
+  }, []);
+  const n = {
+    show: (r, i, s = "info") => {
+      We.open({
+        key: Date.now().toString(),
+        message: null,
+        description: /* @__PURE__ */ Q(
+          wt,
+          {
+            data: {
+              message: r,
+              description: i,
+              state: s
+            }
+          }
+        ),
+        className: "custom-notification",
+        style: {
+          padding: 16,
+          background: "white"
+        },
+        placement: "topRight",
+        duration: 3,
+        content: /* @__PURE__ */ Q(
+          wt,
+          {
+            data: {
+              message: r,
+              description: i,
+              state: s
+            }
+          }
+        )
+      });
+    }
+  };
+  return /* @__PURE__ */ qe(xn.Provider, { value: n, children: [
+    o,
+    e
+  ] });
+}, ga = () => {
+  const e = Ie(xn);
+  if (!e)
+    throw new Error("useToast must be used within a GenesisProvider");
+  return e;
+}, Ri = ({ help: e, ...t }) => {
+  const o = ro();
+  return /* @__PURE__ */ Q(
+    tt.Item,
+    {
+      help: /* @__PURE__ */ Q(
+        "div",
+        {
+          style: {
+            marginTop: `${o.sizing.Size1}px`,
+            marginBottom: `${o.sizing.Size1}px`
+          },
+          children: /* @__PURE__ */ Q(
+            Ue,
+            {
+              variant: we.body3,
+              type: Ot.secondary,
+              state: t.validateStatus === "error" ? re.error : re.active,
+              children: e
+            }
+          )
+        }
+      ),
+      ...t,
+      children: t.children
+    }
+  );
+}, Sn = ({ children: e, ...t }) => (Nt(), /* @__PURE__ */ Q(tt, { children: e }));
+Sn.Item = Ri;
+Sn.useForm = tt.useForm;
+const Ue = ({
+  children: e,
+  type: t = Ot.secondary,
+  variant: o = we.body1,
+  state: n = re.active,
+  color: r,
+  ...i
+}) => {
+  const s = Nt() ?? En.wide;
+  switch (o) {
+    case o.includes("display"):
+    case o.includes("heading"):
+      return /* @__PURE__ */ Q(
+        Nn,
+        {
+          state: n,
+          type: t,
+          variant: o,
+          breakpoint: s,
+          color: r,
+          ...i,
+          children: e
+        }
+      );
+    case o.includes("body"):
+    default:
+      return /* @__PURE__ */ Q(
+        On,
+        {
+          state: n,
+          type: t,
+          variant: o,
+          breakpoint: s,
+          color: r,
+          ...i,
+          children: e
+        }
+      );
+  }
+}, _i = (e, t) => {
+  switch (e) {
+    case re.error:
+      return t.colors.status.error.onsurface;
+    case re.success:
+      return t.colors.status.success.onsurface;
+    case re.warning:
+      return t.colors.status.warning.onsurface;
+    case re.generic:
+      return t.colors.status.generic.onsurface;
+    case re.info:
+    default:
+      return t.colors.status.info.onsurface;
+  }
+}, Se = 22, Ti = (e, t) => {
+  switch (e) {
+    case re.warning:
+      return /* @__PURE__ */ Q(Ei, { style: { color: t, fontSize: Se } });
+    case re.error:
+      return /* @__PURE__ */ Q(Ci, { style: { color: t, fontSize: Se } });
+    case re.success:
+      return /* @__PURE__ */ Q(hi, { style: { color: t, fontSize: Se } });
+    case re.generic:
+      return /* @__PURE__ */ Q(ji, { style: { color: t, fontSize: Se } });
+    case re.info:
+    default:
+      return /* @__PURE__ */ Q(Ii, { style: { color: t, fontSize: Se } });
+  }
+}, wt = ({
+  state: e = re.info,
+  message: t,
+  action: o,
+  close: n,
+  size: r = ot.standard
+}) => {
+  const i = {}, s = _i(e, i), l = i.colors.interactive.utility.border, c = i.colors.interactive.utility.onsurface, u = r === ot.small ? we.body1 : we.body2;
+  return /* @__PURE__ */ qe(io, { state: e, size: r, children: [
+    /* @__PURE__ */ qe(ao, { size: r, children: [
+      Ti(e, s),
+      /* @__PURE__ */ Q(Ue, { variant: u, color: i.colors.onsurface.copy, children: t })
+    ] }),
+    o ? /* @__PURE__ */ Q(
+      "button",
+      {
+        onClick: o.onClick,
+        style: {
+          border: `1px solid ${l}`,
+          background: "none",
+          cursor: "pointer",
+          cursorEvents: "all",
+          color: c,
+          borderRadius: i.borderRadius.BorderRadiusSm,
+          paddingTop: i.components.utilityButton.padding.verPadding,
+          paddingBottom: i.components.utilityButton.padding.verPadding,
+          paddingLeft: i.components.utilityButton.padding.horPadding,
+          paddingRight: i.components.utilityButton.padding.horPadding
+        },
+        children: /* @__PURE__ */ Q(Ue, { variant: we.body1, children: o.text })
+      }
+    ) : null,
+    n ? /* @__PURE__ */ Q(
+      "button",
+      {
+        onClick: n,
+        style: {
+          textDecoration: "underline",
+          border: "none",
+          background: "none",
+          cursor: "pointer",
+          cursorEvents: "all"
+        },
+        children: /* @__PURE__ */ Q(Vt, { style: { fontSize: 18 } })
+      }
+    ) : null
+  ] });
+};
+export {
+  tt as A,
+  hi as C,
+  Ei as E,
+  Sn as F,
+  Ii as I,
+  ji as M,
+  Ue as T,
+  wt as a,
+  Ri as b,
+  pa as c,
+  Ci as d,
+  ga as u
+};