@amateescu/portal-ui-components 0.0.23 → 0.0.25-react19

package/dist/index-CR8gh-dS.js

@@ -0,0 +1,1689 @@
+import { L as Nn, G as ue, I as le, e as P, l as G, H as Pn, K as Ve, J as Mn, n as In, c as M, h as Se, _ as ge, q as Ae, M as Oe, N as Tn, O as we, j as Ne, P as Rn, Q as jn, k as Bn, R as Dn, S as Ge, g as ve, m as qe, u as O, y as Fn, B as Ln, a as ie, v as Ce, D as Ue, t as re, T as zn, F as _n, C as Xe, U as Hn, W as Wn, X as Vn, Y as Ke } from "./context-D_FWkiDE.js";
+import * as l from "react";
+import b, { useContext as te, useRef as X, useMemo as An, useEffect as Pe } from "react";
+import { B as pe, c as ke, i as Gn, u as qn, C as Un, z as Xn, a as Kn, g as kn, w as Qn } from "./PurePanel-ByiFMw5U.js";
+import { _ as B } from "./objectWithoutPropertiesLoose-BTau6TOn.js";
+import { R as be, S as Yn } from "./Skeleton-Imy-56Lv.js";
+const ye = (e, n) => {
+  const o = l.useContext(Nn), t = l.useMemo(() => {
+    var r;
+    const s = n || ue[e], d = (r = o == null ? void 0 : o[e]) !== null && r !== void 0 ? r : {};
+    return Object.assign(Object.assign({}, typeof s == "function" ? s() : s), d || {});
+  }, [e, n, o]), a = l.useMemo(() => {
+    const r = o == null ? void 0 : o.locale;
+    return o != null && o.exist && !r ? ue.locale : r;
+  }, [o]);
+  return [t, a];
+};
+var Zn = { 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 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z" } }] }, name: "check-circle", theme: "filled" }, Jn = function(n, o) {
+  return /* @__PURE__ */ l.createElement(le, B({}, n, {
+    ref: o,
+    icon: Zn
+  }));
+}, Qe = /* @__PURE__ */ l.forwardRef(Jn);
+process.env.NODE_ENV !== "production" && (Qe.displayName = "CheckCircleFilled");
+var et = { 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 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" } }] }, name: "close-circle", theme: "filled" }, nt = function(n, o) {
+  return /* @__PURE__ */ l.createElement(le, B({}, n, {
+    ref: o,
+    icon: et
+  }));
+}, Ye = /* @__PURE__ */ l.forwardRef(nt);
+process.env.NODE_ENV !== "production" && (Ye.displayName = "CloseCircleFilled");
+var tt = { 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 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, name: "exclamation-circle", theme: "filled" }, ot = function(n, o) {
+  return /* @__PURE__ */ l.createElement(le, B({}, n, {
+    ref: o,
+    icon: tt
+  }));
+}, Ze = /* @__PURE__ */ l.forwardRef(ot);
+process.env.NODE_ENV !== "production" && (Ze.displayName = "ExclamationCircleFilled");
+var at = { 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 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, name: "info-circle", theme: "filled" }, rt = function(n, o) {
+  return /* @__PURE__ */ l.createElement(le, B({}, n, {
+    ref: o,
+    icon: at
+  }));
+}, Je = /* @__PURE__ */ l.forwardRef(rt);
+process.env.NODE_ENV !== "production" && (Je.displayName = "InfoCircleFilled");
+var lt = `accept acceptCharset accessKey action allowFullScreen allowTransparency
+    alt async autoComplete autoFocus autoPlay capture cellPadding cellSpacing challenge
+    charSet checked classID className colSpan cols content contentEditable contextMenu
+    controls coords crossOrigin data dateTime default defer dir disabled download draggable
+    encType form formAction formEncType formMethod formNoValidate formTarget frameBorder
+    headers height hidden high href hrefLang htmlFor httpEquiv icon id inputMode integrity
+    is keyParams keyType kind label lang list loop low manifest marginHeight marginWidth max maxLength media
+    mediaGroup method min minLength multiple muted name noValidate nonce open
+    optimum pattern placeholder poster preload radioGroup readOnly rel required
+    reversed role rowSpan rows sandbox scope scoped scrolling seamless selected
+    shape size sizes span spellCheck src srcDoc srcLang srcSet start step style
+    summary tabIndex target title type useMap value width wmode wrap`, it = `onCopy onCut onPaste onCompositionEnd onCompositionStart onCompositionUpdate onKeyDown
+    onKeyPress onKeyUp onFocus onBlur onChange onInput onSubmit onClick onContextMenu onDoubleClick
+    onDrag onDragEnd onDragEnter onDragExit onDragLeave onDragOver onDragStart onDrop onMouseDown
+    onMouseEnter onMouseLeave onMouseMove onMouseOut onMouseOver onMouseUp onSelect onTouchCancel
+    onTouchEnd onTouchMove onTouchStart onScroll onWheel onAbort onCanPlay onCanPlayThrough
+    onDurationChange onEmptied onEncrypted onEnded onError onLoadedData onLoadedMetadata
+    onLoadStart onPause onPlay onPlaying onProgress onRateChange onSeeked onSeeking onStalled onSuspend onTimeUpdate onVolumeChange onWaiting onLoad onError`, st = "".concat(lt, " ").concat(it).split(/[\s\n]+/), ct = "aria-", dt = "data-";
+function Me(e, n) {
+  return e.indexOf(n) === 0;
+}
+function he(e) {
+  var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, o;
+  n === !1 ? o = {
+    aria: !0,
+    data: !0,
+    attr: !0
+  } : n === !0 ? o = {
+    aria: !0
+  } : o = P({}, n);
+  var t = {};
+  return Object.keys(e).forEach(function(a) {
+    // Aria
+    (o.aria && (a === "role" || Me(a, ct)) || // Data
+    o.data && Me(a, dt) || // Attr
+    o.attr && st.includes(a)) && (t[a] = e[a]);
+  }), t;
+}
+function ut() {
+  const [e, n] = l.useState([]), o = l.useCallback((t) => (n((a) => [].concat(G(a), [t])), () => {
+    n((a) => a.filter((r) => r !== t));
+  }), []);
+  return [e, o];
+}
+const ft = new Ve("antFadeIn", {
+  "0%": {
+    opacity: 0
+  },
+  "100%": {
+    opacity: 1
+  }
+}), mt = new Ve("antFadeOut", {
+  "0%": {
+    opacity: 1
+  },
+  "100%": {
+    opacity: 0
+  }
+}), gt = function(e) {
+  let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+  const {
+    antCls: o
+  } = e, t = `${o}-fade`, a = n ? "&" : "";
+  return [Pn(t, ft, mt, e.motionDurationMid, n), {
+    [`
+        ${a}${t}-enter,
+        ${a}${t}-appear
+      `]: {
+      opacity: 0,
+      animationTimingFunction: "linear"
+    },
+    [`${a}${t}-leave`]: {
+      animationTimingFunction: "linear"
+    }
+  }];
+};
+function de(e) {
+  return !!(e != null && e.then);
+}
+const en = (e) => {
+  const {
+    type: n,
+    children: o,
+    prefixCls: t,
+    buttonProps: a,
+    close: r,
+    autoFocus: s,
+    emitEvent: d,
+    isSilent: c,
+    quitOnNullishReturnValue: g,
+    actionFn: i
+  } = e, u = l.useRef(!1), f = l.useRef(null), [C, h] = Mn(!1), v = function() {
+    r == null || r.apply(void 0, arguments);
+  };
+  l.useEffect(() => {
+    let m = null;
+    return s && (m = setTimeout(() => {
+      var x;
+      (x = f.current) === null || x === void 0 || x.focus({
+        preventScroll: !0
+      });
+    })), () => {
+      m && clearTimeout(m);
+    };
+  }, []);
+  const p = (m) => {
+    de(m) && (h(!0), m.then(function() {
+      h(!1, !0), v.apply(void 0, arguments), u.current = !1;
+    }, (x) => {
+      if (h(!1, !0), u.current = !1, !(c != null && c()))
+        return Promise.reject(x);
+    }));
+  }, y = (m) => {
+    if (u.current)
+      return;
+    if (u.current = !0, !i) {
+      v();
+      return;
+    }
+    let x;
+    if (d) {
+      if (x = i(m), g && !de(x)) {
+        u.current = !1, v(m);
+        return;
+      }
+    } else if (i.length)
+      x = i(r), u.current = !1;
+    else if (x = i(), !de(x)) {
+      v();
+      return;
+    }
+    p(x);
+  };
+  return /* @__PURE__ */ l.createElement(pe, Object.assign({}, ke(n), {
+    onClick: y,
+    loading: C,
+    prefixCls: t
+  }, a, {
+    ref: f
+  }), o);
+}, oe = /* @__PURE__ */ b.createContext({}), {
+  Provider: nn
+} = oe, Ie = () => {
+  const {
+    autoFocusButton: e,
+    cancelButtonProps: n,
+    cancelTextLocale: o,
+    isSilent: t,
+    mergedOkCancel: a,
+    rootPrefixCls: r,
+    close: s,
+    onCancel: d,
+    onConfirm: c
+  } = te(oe);
+  return a ? /* @__PURE__ */ b.createElement(en, {
+    isSilent: t,
+    actionFn: d,
+    close: function() {
+      s == null || s.apply(void 0, arguments), c == null || c(!1);
+    },
+    autoFocus: e === "cancel",
+    buttonProps: n,
+    prefixCls: `${r}-btn`
+  }, o) : null;
+}, Te = () => {
+  const {
+    autoFocusButton: e,
+    close: n,
+    isSilent: o,
+    okButtonProps: t,
+    rootPrefixCls: a,
+    okTextLocale: r,
+    okType: s,
+    onConfirm: d,
+    onOk: c
+  } = te(oe);
+  return /* @__PURE__ */ b.createElement(en, {
+    isSilent: o,
+    type: s || "primary",
+    actionFn: c,
+    close: function() {
+      n == null || n.apply(void 0, arguments), d == null || d(!0);
+    },
+    autoFocus: e === "ok",
+    buttonProps: t,
+    prefixCls: `${a}-btn`
+  }, r);
+};
+var tn = /* @__PURE__ */ l.createContext({});
+function Re(e, n, o) {
+  var t = n;
+  return !t && o && (t = "".concat(e, "-").concat(o)), t;
+}
+function je(e, n) {
+  var o = e["page".concat(n ? "Y" : "X", "Offset")], t = "scroll".concat(n ? "Top" : "Left");
+  if (typeof o != "number") {
+    var a = e.document;
+    o = a.documentElement[t], typeof o != "number" && (o = a.body[t]);
+  }
+  return o;
+}
+function vt(e) {
+  var n = e.getBoundingClientRect(), o = {
+    left: n.left,
+    top: n.top
+  }, t = e.ownerDocument, a = t.defaultView || t.parentWindow;
+  return o.left += je(a), o.top += je(a, !0), o;
+}
+const Ct = /* @__PURE__ */ l.memo(function(e) {
+  var n = e.children;
+  return n;
+}, function(e, n) {
+  var o = n.shouldUpdate;
+  return !o;
+});
+var pt = {
+  width: 0,
+  height: 0,
+  overflow: "hidden",
+  outline: "none"
+}, bt = {
+  outline: "none"
+}, xe = /* @__PURE__ */ b.forwardRef(function(e, n) {
+  var o = e.prefixCls, t = e.className, a = e.style, r = e.title, s = e.ariaId, d = e.footer, c = e.closable, g = e.closeIcon, i = e.onClose, u = e.children, f = e.bodyStyle, C = e.bodyProps, h = e.modalRender, v = e.onMouseDown, p = e.onMouseUp, y = e.holderRef, m = e.visible, x = e.forceRender, S = e.width, N = e.height, $ = e.classNames, E = e.styles, D = b.useContext(tn), T = D.panel, Z = In(y, T), H = X(), K = X();
+  b.useImperativeHandle(n, function() {
+    return {
+      focus: function() {
+        var F;
+        (F = H.current) === null || F === void 0 || F.focus({
+          preventScroll: !0
+        });
+      },
+      changeActive: function(F) {
+        var ee = document, A = ee.activeElement;
+        F && A === K.current ? H.current.focus({
+          preventScroll: !0
+        }) : !F && A === H.current && K.current.focus({
+          preventScroll: !0
+        });
+      }
+    };
+  });
+  var q = {};
+  S !== void 0 && (q.width = S), N !== void 0 && (q.height = N);
+  var z = d ? /* @__PURE__ */ b.createElement("div", {
+    className: M("".concat(o, "-footer"), $ == null ? void 0 : $.footer),
+    style: P({}, E == null ? void 0 : E.footer)
+  }, d) : null, _ = r ? /* @__PURE__ */ b.createElement("div", {
+    className: M("".concat(o, "-header"), $ == null ? void 0 : $.header),
+    style: P({}, E == null ? void 0 : E.header)
+  }, /* @__PURE__ */ b.createElement("div", {
+    className: "".concat(o, "-title"),
+    id: s
+  }, r)) : null, W = An(function() {
+    return Se(c) === "object" && c !== null ? c : c ? {
+      closeIcon: g ?? /* @__PURE__ */ b.createElement("span", {
+        className: "".concat(o, "-close-x")
+      })
+    } : {};
+  }, [c, g, o]), V = he(W, !0), U = Se(c) === "object" && c.disabled, J = c ? /* @__PURE__ */ b.createElement("button", B({
+    type: "button",
+    onClick: i,
+    "aria-label": "Close"
+  }, V, {
+    className: "".concat(o, "-close"),
+    disabled: U
+  }), W.closeIcon) : null, k = /* @__PURE__ */ b.createElement("div", {
+    className: M("".concat(o, "-content"), $ == null ? void 0 : $.content),
+    style: E == null ? void 0 : E.content
+  }, J, _, /* @__PURE__ */ b.createElement("div", B({
+    className: M("".concat(o, "-body"), $ == null ? void 0 : $.body),
+    style: P(P({}, f), E == null ? void 0 : E.body)
+  }, C), u), z);
+  return /* @__PURE__ */ b.createElement("div", {
+    key: "dialog-element",
+    role: "dialog",
+    "aria-labelledby": r ? s : null,
+    "aria-modal": "true",
+    ref: Z,
+    style: P(P({}, a), q),
+    className: M(o, t),
+    onMouseDown: v,
+    onMouseUp: p
+  }, /* @__PURE__ */ b.createElement("div", {
+    ref: H,
+    tabIndex: 0,
+    style: bt
+  }, /* @__PURE__ */ b.createElement(Ct, {
+    shouldUpdate: m || x
+  }, h ? h(k) : k)), /* @__PURE__ */ b.createElement("div", {
+    tabIndex: 0,
+    ref: K,
+    style: pt
+  }));
+});
+process.env.NODE_ENV !== "production" && (xe.displayName = "Panel");
+var on = /* @__PURE__ */ l.forwardRef(function(e, n) {
+  var o = e.prefixCls, t = e.title, a = e.style, r = e.className, s = e.visible, d = e.forceRender, c = e.destroyOnClose, g = e.motionName, i = e.ariaId, u = e.onVisibleChanged, f = e.mousePosition, C = X(), h = l.useState(), v = ge(h, 2), p = v[0], y = v[1], m = {};
+  p && (m.transformOrigin = p);
+  function x() {
+    var S = vt(C.current);
+    y(f && (f.x || f.y) ? "".concat(f.x - S.left, "px ").concat(f.y - S.top, "px") : "");
+  }
+  return /* @__PURE__ */ l.createElement(Ae, {
+    visible: s,
+    onVisibleChanged: u,
+    onAppearPrepare: x,
+    onEnterPrepare: x,
+    forceRender: d,
+    motionName: g,
+    removeOnLeave: c,
+    ref: C
+  }, function(S, N) {
+    var $ = S.className, E = S.style;
+    return /* @__PURE__ */ l.createElement(xe, B({}, e, {
+      ref: n,
+      title: t,
+      ariaId: i,
+      prefixCls: o,
+      holderRef: N,
+      style: P(P(P({}, E), a), m),
+      className: M(r, $)
+    }));
+  });
+});
+on.displayName = "Content";
+var yt = function(n) {
+  var o = n.prefixCls, t = n.style, a = n.visible, r = n.maskProps, s = n.motionName, d = n.className;
+  return /* @__PURE__ */ l.createElement(Ae, {
+    key: "mask",
+    visible: a,
+    motionName: s,
+    leavedClassName: "".concat(o, "-mask-hidden")
+  }, function(c, g) {
+    var i = c.className, u = c.style;
+    return /* @__PURE__ */ l.createElement("div", B({
+      ref: g,
+      style: P(P({}, u), t),
+      className: M("".concat(o, "-mask"), i, d)
+    }, r));
+  });
+}, ht = function(n) {
+  var o = n.prefixCls, t = o === void 0 ? "rc-dialog" : o, a = n.zIndex, r = n.visible, s = r === void 0 ? !1 : r, d = n.keyboard, c = d === void 0 ? !0 : d, g = n.focusTriggerAfterClose, i = g === void 0 ? !0 : g, u = n.wrapStyle, f = n.wrapClassName, C = n.wrapProps, h = n.onClose, v = n.afterOpenChange, p = n.afterClose, y = n.transitionName, m = n.animation, x = n.closable, S = x === void 0 ? !0 : x, N = n.mask, $ = N === void 0 ? !0 : N, E = n.maskTransitionName, D = n.maskAnimation, T = n.maskClosable, Z = T === void 0 ? !0 : T, H = n.maskStyle, K = n.maskProps, q = n.rootClassName, z = n.classNames, _ = n.styles;
+  process.env.NODE_ENV !== "production" && (["wrapStyle", "bodyStyle", "maskStyle"].forEach(function(w) {
+    Oe(!(w in n), "".concat(w, " is deprecated, please use styles instead."));
+  }), "wrapClassName" in n && Oe(!1, "wrapClassName is deprecated, please use classNames instead."));
+  var W = X(), V = X(), U = X(), J = l.useState(s), k = ge(J, 2), Q = k[0], F = k[1], ee = Tn();
+  function A() {
+    we(V.current, document.activeElement) || (W.current = document.activeElement);
+  }
+  function se() {
+    if (!we(V.current, document.activeElement)) {
+      var w;
+      (w = U.current) === null || w === void 0 || w.focus();
+    }
+  }
+  function R(w) {
+    if (w)
+      se();
+    else {
+      if (F(!1), $ && W.current && i) {
+        try {
+          W.current.focus({
+            preventScroll: !0
+          });
+        } catch {
+        }
+        W.current = null;
+      }
+      Q && (p == null || p());
+    }
+    v == null || v(w);
+  }
+  function I(w) {
+    h == null || h(w);
+  }
+  var j = X(!1), ne = X(), En = function() {
+    clearTimeout(ne.current), j.current = !0;
+  }, Sn = function() {
+    ne.current = setTimeout(function() {
+      j.current = !1;
+    });
+  }, Ee = null;
+  Z && (Ee = function(ce) {
+    j.current ? j.current = !1 : V.current === ce.target && I(ce);
+  });
+  function On(w) {
+    if (c && w.keyCode === Ne.ESC) {
+      w.stopPropagation(), I(w);
+      return;
+    }
+    s && w.keyCode === Ne.TAB && U.current.changeActive(!w.shiftKey);
+  }
+  Pe(function() {
+    s && (F(!0), A());
+  }, [s]), Pe(function() {
+    return function() {
+      clearTimeout(ne.current);
+    };
+  }, []);
+  var wn = P(P(P({
+    zIndex: a
+  }, u), _ == null ? void 0 : _.wrapper), {}, {
+    display: Q ? null : "none"
+  });
+  return /* @__PURE__ */ l.createElement("div", B({
+    className: M("".concat(t, "-root"), q)
+  }, he(n, {
+    data: !0
+  })), /* @__PURE__ */ l.createElement(yt, {
+    prefixCls: t,
+    visible: $ && s,
+    motionName: Re(t, E, D),
+    style: P(P({
+      zIndex: a
+    }, H), _ == null ? void 0 : _.mask),
+    maskProps: K,
+    className: z == null ? void 0 : z.mask
+  }), /* @__PURE__ */ l.createElement("div", B({
+    tabIndex: -1,
+    onKeyDown: On,
+    className: M("".concat(t, "-wrap"), f, z == null ? void 0 : z.wrapper),
+    ref: V,
+    onClick: Ee,
+    style: wn
+  }, C), /* @__PURE__ */ l.createElement(on, B({}, n, {
+    onMouseDown: En,
+    onMouseUp: Sn,
+    ref: U,
+    closable: S,
+    ariaId: ee,
+    prefixCls: t,
+    visible: s && Q,
+    onClose: I,
+    onVisibleChanged: R,
+    motionName: Re(t, y, m)
+  }))));
+}, an = function(n) {
+  var o = n.visible, t = n.getContainer, a = n.forceRender, r = n.destroyOnClose, s = r === void 0 ? !1 : r, d = n.afterClose, c = n.panelRef, g = l.useState(o), i = ge(g, 2), u = i[0], f = i[1], C = l.useMemo(function() {
+    return {
+      panel: c
+    };
+  }, [c]);
+  return l.useEffect(function() {
+    o && f(!0);
+  }, [o]), !a && s && !u ? null : /* @__PURE__ */ l.createElement(tn.Provider, {
+    value: C
+  }, /* @__PURE__ */ l.createElement(Rn, {
+    open: o || a || u,
+    autoDestroy: !1,
+    getContainer: t,
+    autoLock: o || u
+  }, /* @__PURE__ */ l.createElement(ht, B({}, n, {
+    destroyOnClose: s,
+    afterClose: function() {
+      d == null || d(), f(!1);
+    }
+  }))));
+};
+an.displayName = "Dialog";
+function Be(e) {
+  if (e)
+    return {
+      closable: e.closable,
+      closeIcon: e.closeIcon
+    };
+}
+function De(e) {
+  const {
+    closable: n,
+    closeIcon: o
+  } = e || {};
+  return b.useMemo(() => {
+    if (
+      // If `closable`, whatever rest be should be true
+      !n && (n === !1 || o === !1 || o === null)
+    )
+      return !1;
+    if (n === void 0 && o === void 0)
+      return null;
+    let t = {
+      closeIcon: typeof o != "boolean" && o !== null ? o : void 0
+    };
+    return n && typeof n == "object" && (t = Object.assign(Object.assign({}, t), n)), t;
+  }, [n, o]);
+}
+function Fe() {
+  const e = {};
+  for (var n = arguments.length, o = new Array(n), t = 0; t < n; t++)
+    o[t] = arguments[t];
+  return o.forEach((a) => {
+    a && Object.keys(a).forEach((r) => {
+      a[r] !== void 0 && (e[r] = a[r]);
+    });
+  }), e;
+}
+const xt = {};
+function $t(e, n) {
+  let o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : xt;
+  const t = De(e), a = De(n), r = typeof t != "boolean" ? !!(t != null && t.disabled) : !1, s = b.useMemo(() => Object.assign({
+    closeIcon: /* @__PURE__ */ b.createElement(be, null)
+  }, o), [o]), d = b.useMemo(() => t === !1 ? !1 : t ? Fe(s, a, t) : a === !1 ? !1 : a ? Fe(s, a) : s.closable ? s : !1, [t, a, s]);
+  return b.useMemo(() => {
+    if (d === !1)
+      return [!1, null, r];
+    const {
+      closeIconRender: c
+    } = s, {
+      closeIcon: g
+    } = d;
+    let i = g;
+    if (i != null) {
+      c && (i = c(g));
+      const u = he(d, !0);
+      Object.keys(u).length && (i = /* @__PURE__ */ b.isValidElement(i) ? /* @__PURE__ */ b.cloneElement(i, u) : /* @__PURE__ */ b.createElement("span", Object.assign({}, u), i));
+    }
+    return [!0, i, r];
+  }, [d, s]);
+}
+const Et = () => jn() && window.document.documentElement;
+function Le() {
+}
+const St = /* @__PURE__ */ l.createContext({
+  add: Le,
+  remove: Le
+});
+function Ot(e) {
+  const n = l.useContext(St), o = l.useRef(null);
+  return Bn((a) => {
+    if (a) {
+      const r = e ? a.querySelector(e) : a;
+      n.add(r), o.current = r;
+    } else
+      n.remove(o.current);
+  });
+}
+const ze = () => {
+  const {
+    cancelButtonProps: e,
+    cancelTextLocale: n,
+    onCancel: o
+  } = te(oe);
+  return /* @__PURE__ */ b.createElement(pe, Object.assign({
+    onClick: o
+  }, e), n);
+}, _e = () => {
+  const {
+    confirmLoading: e,
+    okButtonProps: n,
+    okType: o,
+    okTextLocale: t,
+    onOk: a
+  } = te(oe);
+  return /* @__PURE__ */ b.createElement(pe, Object.assign({}, ke(o), {
+    loading: e,
+    onClick: a
+  }, n), t);
+};
+function rn(e, n) {
+  return /* @__PURE__ */ b.createElement("span", {
+    className: `${e}-close-x`
+  }, n || /* @__PURE__ */ b.createElement(be, {
+    className: `${e}-close-icon`
+  }));
+}
+const ln = (e) => {
+  const {
+    okText: n,
+    okType: o = "primary",
+    cancelText: t,
+    confirmLoading: a,
+    onOk: r,
+    onCancel: s,
+    okButtonProps: d,
+    cancelButtonProps: c,
+    footer: g
+  } = e, [i] = ye("Modal", Ge()), u = n || (i == null ? void 0 : i.okText), f = t || (i == null ? void 0 : i.cancelText), C = {
+    confirmLoading: a,
+    okButtonProps: d,
+    cancelButtonProps: c,
+    okTextLocale: u,
+    cancelTextLocale: f,
+    okType: o,
+    onOk: r,
+    onCancel: s
+  }, h = b.useMemo(() => C, G(Object.values(C)));
+  let v;
+  return typeof g == "function" || typeof g > "u" ? (v = /* @__PURE__ */ b.createElement(b.Fragment, null, /* @__PURE__ */ b.createElement(ze, null), /* @__PURE__ */ b.createElement(_e, null)), typeof g == "function" && (v = g(v, {
+    OkBtn: _e,
+    CancelBtn: ze
+  })), v = /* @__PURE__ */ b.createElement(nn, {
+    value: h
+  }, v)) : v = g, /* @__PURE__ */ b.createElement(Dn, {
+    disabled: !1
+  }, v);
+}, wt = (e) => {
+  const {
+    componentCls: n
+  } = e;
+  return {
+    // Grid system
+    [n]: {
+      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"
+      }
+    }
+  };
+}, Nt = (e) => {
+  const {
+    componentCls: n
+  } = e;
+  return {
+    // Grid system
+    [n]: {
+      position: "relative",
+      maxWidth: "100%",
+      // Prevent columns from collapsing when empty
+      minHeight: 1
+    }
+  };
+}, Pt = (e, n) => {
+  const {
+    prefixCls: o,
+    componentCls: t,
+    gridColumns: a
+  } = e, r = {};
+  for (let s = a; s >= 0; s--)
+    s === 0 ? (r[`${t}${n}-${s}`] = {
+      display: "none"
+    }, r[`${t}-push-${s}`] = {
+      insetInlineStart: "auto"
+    }, r[`${t}-pull-${s}`] = {
+      insetInlineEnd: "auto"
+    }, r[`${t}${n}-push-${s}`] = {
+      insetInlineStart: "auto"
+    }, r[`${t}${n}-pull-${s}`] = {
+      insetInlineEnd: "auto"
+    }, r[`${t}${n}-offset-${s}`] = {
+      marginInlineStart: 0
+    }, r[`${t}${n}-order-${s}`] = {
+      order: 0
+    }) : (r[`${t}${n}-${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 / a * 100}%`,
+        maxWidth: `${s / a * 100}%`
+      }
+    ], r[`${t}${n}-push-${s}`] = {
+      insetInlineStart: `${s / a * 100}%`
+    }, r[`${t}${n}-pull-${s}`] = {
+      insetInlineEnd: `${s / a * 100}%`
+    }, r[`${t}${n}-offset-${s}`] = {
+      marginInlineStart: `${s / a * 100}%`
+    }, r[`${t}${n}-order-${s}`] = {
+      order: s
+    });
+  return r[`${t}${n}-flex`] = {
+    flex: `var(--${o}${n}-flex)`
+  }, r;
+}, fe = (e, n) => Pt(e, n), Mt = (e, n, o) => ({
+  [`@media (min-width: ${O(n)})`]: Object.assign({}, fe(e, o))
+}), It = () => ({}), Tt = () => ({});
+ve("Grid", wt, It);
+const sn = (e) => ({
+  xs: e.screenXSMin,
+  sm: e.screenSMMin,
+  md: e.screenMDMin,
+  lg: e.screenLGMin,
+  xl: e.screenXLMin,
+  xxl: e.screenXXLMin
+});
+ve("Grid", (e) => {
+  const n = qe(e, {
+    gridColumns: 24
+    // Row is divided into 24 parts in Grid
+  }), o = sn(n);
+  return delete o.xs, [Nt(n), fe(n, ""), fe(n, "-xs"), Object.keys(o).map((t) => Mt(n, o[t], `-${t}`)).reduce((t, a) => Object.assign(Object.assign({}, t), a), {})];
+}, Tt);
+function He(e) {
+  return {
+    position: e,
+    inset: 0
+  };
+}
+const Rt = (e) => {
+  const {
+    componentCls: n,
+    antCls: o
+  } = e;
+  return [{
+    [`${n}-root`]: {
+      [`${n}${o}-zoom-enter, ${n}${o}-zoom-appear`]: {
+        // reset scale avoid mousePosition bug
+        transform: "none",
+        opacity: 0,
+        animationDuration: e.motionDurationSlow,
+        // https://github.com/ant-design/ant-design/issues/11777
+        userSelect: "none"
+      },
+      // https://github.com/ant-design/ant-design/issues/37329
+      // https://github.com/ant-design/ant-design/issues/40272
+      [`${n}${o}-zoom-leave ${n}-content`]: {
+        pointerEvents: "none"
+      },
+      [`${n}-mask`]: Object.assign(Object.assign({}, He("fixed")), {
+        zIndex: e.zIndexPopupBase,
+        height: "100%",
+        backgroundColor: e.colorBgMask,
+        pointerEvents: "none",
+        [`${n}-hidden`]: {
+          display: "none"
+        }
+      }),
+      [`${n}-wrap`]: Object.assign(Object.assign({}, He("fixed")), {
+        zIndex: e.zIndexPopupBase,
+        overflow: "auto",
+        outline: 0,
+        WebkitOverflowScrolling: "touch"
+      })
+    }
+  }, {
+    [`${n}-root`]: gt(e)
+  }];
+}, jt = (e) => {
+  const {
+    componentCls: n
+  } = e;
+  return [
+    // ======================== Root =========================
+    {
+      [`${n}-root`]: {
+        [`${n}-wrap-rtl`]: {
+          direction: "rtl"
+        },
+        [`${n}-centered`]: {
+          textAlign: "center",
+          "&::before": {
+            display: "inline-block",
+            width: 0,
+            height: "100%",
+            verticalAlign: "middle",
+            content: '""'
+          },
+          [n]: {
+            top: 0,
+            display: "inline-block",
+            paddingBottom: 0,
+            textAlign: "start",
+            verticalAlign: "middle"
+          }
+        },
+        [`@media (max-width: ${e.screenSMMax}px)`]: {
+          [n]: {
+            maxWidth: "calc(100vw - 16px)",
+            margin: `${O(e.marginXS)} auto`
+          },
+          [`${n}-centered`]: {
+            [n]: {
+              flex: 1
+            }
+          }
+        }
+      }
+    },
+    // ======================== Modal ========================
+    {
+      [n]: Object.assign(Object.assign({}, Fn(e)), {
+        pointerEvents: "none",
+        position: "relative",
+        top: 100,
+        width: "auto",
+        maxWidth: `calc(100vw - ${O(e.calc(e.margin).mul(2).equal())})`,
+        margin: "0 auto",
+        paddingBottom: e.paddingLG,
+        [`${n}-title`]: {
+          margin: 0,
+          color: e.titleColor,
+          fontWeight: e.fontWeightStrong,
+          fontSize: e.titleFontSize,
+          lineHeight: e.titleLineHeight,
+          wordWrap: "break-word"
+        },
+        [`${n}-content`]: {
+          position: "relative",
+          backgroundColor: e.contentBg,
+          backgroundClip: "padding-box",
+          border: 0,
+          borderRadius: e.borderRadiusLG,
+          boxShadow: e.boxShadow,
+          pointerEvents: "auto",
+          padding: e.contentPadding
+        },
+        [`${n}-close`]: Object.assign({
+          position: "absolute",
+          top: e.calc(e.modalHeaderHeight).sub(e.modalCloseBtnSize).div(2).equal(),
+          insetInlineEnd: e.calc(e.modalHeaderHeight).sub(e.modalCloseBtnSize).div(2).equal(),
+          zIndex: e.calc(e.zIndexPopupBase).add(10).equal(),
+          padding: 0,
+          color: e.modalCloseIconColor,
+          fontWeight: e.fontWeightStrong,
+          lineHeight: 1,
+          textDecoration: "none",
+          background: "transparent",
+          borderRadius: e.borderRadiusSM,
+          width: e.modalCloseBtnSize,
+          height: e.modalCloseBtnSize,
+          border: 0,
+          outline: 0,
+          cursor: "pointer",
+          transition: `color ${e.motionDurationMid}, background-color ${e.motionDurationMid}`,
+          "&-x": {
+            display: "flex",
+            fontSize: e.fontSizeLG,
+            fontStyle: "normal",
+            lineHeight: O(e.modalCloseBtnSize),
+            justifyContent: "center",
+            textTransform: "none",
+            textRendering: "auto"
+          },
+          "&:disabled": {
+            pointerEvents: "none"
+          },
+          "&:hover": {
+            color: e.modalCloseIconHoverColor,
+            backgroundColor: e.colorBgTextHover,
+            textDecoration: "none"
+          },
+          "&:active": {
+            backgroundColor: e.colorBgTextActive
+          }
+        }, Ln(e)),
+        [`${n}-header`]: {
+          color: e.colorText,
+          background: e.headerBg,
+          borderRadius: `${O(e.borderRadiusLG)} ${O(e.borderRadiusLG)} 0 0`,
+          marginBottom: e.headerMarginBottom,
+          padding: e.headerPadding,
+          borderBottom: e.headerBorderBottom
+        },
+        [`${n}-body`]: {
+          fontSize: e.fontSize,
+          lineHeight: e.lineHeight,
+          wordWrap: "break-word",
+          padding: e.bodyPadding,
+          [`${n}-body-skeleton`]: {
+            width: "100%",
+            height: "100%",
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            margin: `${O(e.margin)} auto`
+          }
+        },
+        [`${n}-footer`]: {
+          textAlign: "end",
+          background: e.footerBg,
+          marginTop: e.footerMarginTop,
+          padding: e.footerPadding,
+          borderTop: e.footerBorderTop,
+          borderRadius: e.footerBorderRadius,
+          [`> ${e.antCls}-btn + ${e.antCls}-btn`]: {
+            marginInlineStart: e.marginXS
+          }
+        },
+        [`${n}-open`]: {
+          overflow: "hidden"
+        }
+      })
+    },
+    // ======================== Pure =========================
+    {
+      [`${n}-pure-panel`]: {
+        top: "auto",
+        padding: 0,
+        display: "flex",
+        flexDirection: "column",
+        [`${n}-content,
+          ${n}-body,
+          ${n}-confirm-body-wrapper`]: {
+          display: "flex",
+          flexDirection: "column",
+          flex: "auto"
+        },
+        [`${n}-confirm-body`]: {
+          marginBottom: "auto"
+        }
+      }
+    }
+  ];
+}, Bt = (e) => {
+  const {
+    componentCls: n
+  } = e;
+  return {
+    [`${n}-root`]: {
+      [`${n}-wrap-rtl`]: {
+        direction: "rtl",
+        [`${n}-confirm-body`]: {
+          direction: "rtl"
+        }
+      }
+    }
+  };
+}, Dt = (e) => {
+  const {
+    componentCls: n
+  } = e, o = sn(e);
+  delete o.xs;
+  const t = Object.keys(o).map((a) => ({
+    [`@media (min-width: ${O(o[a])})`]: {
+      width: `var(--${n.replace(".", "")}-${a}-width)`
+    }
+  }));
+  return {
+    [`${n}-root`]: {
+      [n]: [{
+        width: `var(--${n.replace(".", "")}-xs-width)`
+      }].concat(G(t))
+    }
+  };
+}, cn = (e) => {
+  const n = e.padding, o = e.fontSizeHeading5, t = e.lineHeightHeading5;
+  return qe(e, {
+    modalHeaderHeight: e.calc(e.calc(t).mul(o).equal()).add(e.calc(n).mul(2).equal()).equal(),
+    modalFooterBorderColorSplit: e.colorSplit,
+    modalFooterBorderStyle: e.lineType,
+    modalFooterBorderWidth: e.lineWidth,
+    modalCloseIconColor: e.colorIcon,
+    modalCloseIconHoverColor: e.colorIconHover,
+    modalCloseBtnSize: e.controlHeight,
+    modalConfirmIconSize: e.fontHeight,
+    modalTitleHeight: e.calc(e.titleFontSize).mul(e.titleLineHeight).equal()
+  });
+}, dn = (e) => ({
+  footerBg: "transparent",
+  headerBg: e.colorBgElevated,
+  titleLineHeight: e.lineHeightHeading5,
+  titleFontSize: e.fontSizeHeading5,
+  contentBg: e.colorBgElevated,
+  titleColor: e.colorTextHeading,
+  // internal
+  contentPadding: e.wireframe ? 0 : `${O(e.paddingMD)} ${O(e.paddingContentHorizontalLG)}`,
+  headerPadding: e.wireframe ? `${O(e.padding)} ${O(e.paddingLG)}` : 0,
+  headerBorderBottom: e.wireframe ? `${O(e.lineWidth)} ${e.lineType} ${e.colorSplit}` : "none",
+  headerMarginBottom: e.wireframe ? 0 : e.marginXS,
+  bodyPadding: e.wireframe ? e.paddingLG : 0,
+  footerPadding: e.wireframe ? `${O(e.paddingXS)} ${O(e.padding)}` : 0,
+  footerBorderTop: e.wireframe ? `${O(e.lineWidth)} ${e.lineType} ${e.colorSplit}` : "none",
+  footerBorderRadius: e.wireframe ? `0 0 ${O(e.borderRadiusLG)} ${O(e.borderRadiusLG)}` : 0,
+  footerMarginTop: e.wireframe ? 0 : e.marginSM,
+  confirmBodyPadding: e.wireframe ? `${O(e.padding * 2)} ${O(e.padding * 2)} ${O(e.paddingLG)}` : 0,
+  confirmIconMarginInlineEnd: e.wireframe ? e.margin : e.marginSM,
+  confirmBtnsMarginTop: e.wireframe ? e.marginLG : e.marginSM
+}), un = ve("Modal", (e) => {
+  const n = cn(e);
+  return [jt(n), Bt(n), Rt(n), Gn(n, "zoom"), Dt(n)];
+}, dn, {
+  unitless: {
+    titleLineHeight: !0
+  }
+});
+var Ft = function(e, n) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, t = Object.getOwnPropertySymbols(e); a < t.length; a++)
+    n.indexOf(t[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[a]) && (o[t[a]] = e[t[a]]);
+  return o;
+};
+let me;
+const Lt = (e) => {
+  me = {
+    x: e.pageX,
+    y: e.pageY
+  }, setTimeout(() => {
+    me = null;
+  }, 100);
+};
+Et() && document.documentElement.addEventListener("click", Lt, !0);
+const fn = (e) => {
+  var n;
+  const {
+    getPopupContainer: o,
+    getPrefixCls: t,
+    direction: a,
+    modal: r
+  } = l.useContext(ie), s = (R) => {
+    const {
+      onCancel: I
+    } = e;
+    I == null || I(R);
+  }, d = (R) => {
+    const {
+      onOk: I
+    } = e;
+    I == null || I(R);
+  };
+  if (process.env.NODE_ENV !== "production") {
+    const R = Ce("Modal");
+    [["visible", "open"], ["bodyStyle", "styles.body"], ["maskStyle", "styles.mask"]].forEach((I) => {
+      let [j, ne] = I;
+      R.deprecated(!(j in e), j, ne);
+    });
+  }
+  const {
+    prefixCls: c,
+    className: g,
+    rootClassName: i,
+    open: u,
+    wrapClassName: f,
+    centered: C,
+    getContainer: h,
+    focusTriggerAfterClose: v = !0,
+    style: p,
+    // Deprecated
+    visible: y,
+    width: m = 520,
+    footer: x,
+    classNames: S,
+    styles: N,
+    children: $,
+    loading: E
+  } = e, D = Ft(e, ["prefixCls", "className", "rootClassName", "open", "wrapClassName", "centered", "getContainer", "focusTriggerAfterClose", "style", "visible", "width", "footer", "classNames", "styles", "children", "loading"]), T = t("modal", c), Z = t(), H = Ue(T), [K, q, z] = un(T, H), _ = M(f, {
+    [`${T}-centered`]: C ?? (r == null ? void 0 : r.centered),
+    [`${T}-wrap-rtl`]: a === "rtl"
+  }), W = x !== null && !E ? /* @__PURE__ */ l.createElement(ln, Object.assign({}, e, {
+    onOk: d,
+    onCancel: s
+  })) : null, [V, U, J] = $t(Be(e), Be(r), {
+    closable: !0,
+    closeIcon: /* @__PURE__ */ l.createElement(be, {
+      className: `${T}-close-icon`
+    }),
+    closeIconRender: (R) => rn(T, R)
+  }), k = Ot(`.${T}-content`), [Q, F] = qn("Modal", D.zIndex), [ee, A] = l.useMemo(() => m && typeof m == "object" ? [void 0, m] : [m, void 0], [m]), se = l.useMemo(() => {
+    const R = {};
+    return A && Object.keys(A).forEach((I) => {
+      const j = A[I];
+      j !== void 0 && (R[`--${T}-${I}-width`] = typeof j == "number" ? `${j}px` : j);
+    }), R;
+  }, [A]);
+  return K(/* @__PURE__ */ l.createElement(Un, {
+    form: !0,
+    space: !0
+  }, /* @__PURE__ */ l.createElement(Xn.Provider, {
+    value: F
+  }, /* @__PURE__ */ l.createElement(an, Object.assign({
+    width: ee
+  }, D, {
+    zIndex: Q,
+    getContainer: h === void 0 ? o : h,
+    prefixCls: T,
+    rootClassName: M(q, i, z, H),
+    footer: W,
+    visible: u ?? y,
+    mousePosition: (n = D.mousePosition) !== null && n !== void 0 ? n : me,
+    onClose: s,
+    closable: V && {
+      disabled: J,
+      closeIcon: U
+    },
+    closeIcon: U,
+    focusTriggerAfterClose: v,
+    transitionName: re(Z, "zoom", e.transitionName),
+    maskTransitionName: re(Z, "fade", e.maskTransitionName),
+    className: M(q, g, r == null ? void 0 : r.className),
+    style: Object.assign(Object.assign(Object.assign({}, r == null ? void 0 : r.style), p), se),
+    classNames: Object.assign(Object.assign(Object.assign({}, r == null ? void 0 : r.classNames), S), {
+      wrapper: M(_, S == null ? void 0 : S.wrapper)
+    }),
+    styles: Object.assign(Object.assign({}, r == null ? void 0 : r.styles), N),
+    panelRef: k
+  }), E ? /* @__PURE__ */ l.createElement(Yn, {
+    active: !0,
+    title: !1,
+    paragraph: {
+      rows: 4
+    },
+    className: `${T}-body-skeleton`
+  }) : $))));
+}, zt = (e) => {
+  const {
+    componentCls: n,
+    titleFontSize: o,
+    titleLineHeight: t,
+    modalConfirmIconSize: a,
+    fontSize: r,
+    lineHeight: s,
+    modalTitleHeight: d,
+    fontHeight: c,
+    confirmBodyPadding: g
+  } = e, i = `${n}-confirm`;
+  return {
+    [i]: {
+      "&-rtl": {
+        direction: "rtl"
+      },
+      [`${e.antCls}-modal-header`]: {
+        display: "none"
+      },
+      [`${i}-body-wrapper`]: Object.assign({}, _n()),
+      [`&${n} ${n}-body`]: {
+        padding: g
+      },
+      // ====================== Body ======================
+      [`${i}-body`]: {
+        display: "flex",
+        flexWrap: "nowrap",
+        alignItems: "start",
+        [`> ${e.iconCls}`]: {
+          flex: "none",
+          fontSize: a,
+          marginInlineEnd: e.confirmIconMarginInlineEnd,
+          marginTop: e.calc(e.calc(c).sub(a).equal()).div(2).equal()
+        },
+        [`&-has-title > ${e.iconCls}`]: {
+          marginTop: e.calc(e.calc(d).sub(a).equal()).div(2).equal()
+        }
+      },
+      [`${i}-paragraph`]: {
+        display: "flex",
+        flexDirection: "column",
+        flex: "auto",
+        rowGap: e.marginXS,
+        // https://github.com/ant-design/ant-design/issues/51912
+        maxWidth: `calc(100% - ${O(e.marginSM)})`
+      },
+      // https://github.com/ant-design/ant-design/issues/48159
+      [`${e.iconCls} + ${i}-paragraph`]: {
+        maxWidth: `calc(100% - ${O(e.calc(e.modalConfirmIconSize).add(e.marginSM).equal())})`
+      },
+      [`${i}-title`]: {
+        color: e.colorTextHeading,
+        fontWeight: e.fontWeightStrong,
+        fontSize: o,
+        lineHeight: t
+      },
+      [`${i}-content`]: {
+        color: e.colorText,
+        fontSize: r,
+        lineHeight: s
+      },
+      // ===================== Footer =====================
+      [`${i}-btns`]: {
+        textAlign: "end",
+        marginTop: e.confirmBtnsMarginTop,
+        [`${e.antCls}-btn + ${e.antCls}-btn`]: {
+          marginBottom: 0,
+          marginInlineStart: e.marginXS
+        }
+      }
+    },
+    [`${i}-error ${i}-body > ${e.iconCls}`]: {
+      color: e.colorError
+    },
+    [`${i}-warning ${i}-body > ${e.iconCls},
+        ${i}-confirm ${i}-body > ${e.iconCls}`]: {
+      color: e.colorWarning
+    },
+    [`${i}-info ${i}-body > ${e.iconCls}`]: {
+      color: e.colorInfo
+    },
+    [`${i}-success ${i}-body > ${e.iconCls}`]: {
+      color: e.colorSuccess
+    }
+  };
+}, _t = zn(["Modal", "confirm"], (e) => {
+  const n = cn(e);
+  return [zt(n)];
+}, dn, {
+  // confirm is weak than modal since no conflict here
+  order: -1e3
+});
+var Ht = function(e, n) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, t = Object.getOwnPropertySymbols(e); a < t.length; a++)
+    n.indexOf(t[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[a]) && (o[t[a]] = e[t[a]]);
+  return o;
+};
+function mn(e) {
+  const {
+    prefixCls: n,
+    icon: o,
+    okText: t,
+    cancelText: a,
+    confirmPrefixCls: r,
+    type: s,
+    okCancel: d,
+    footer: c,
+    // Legacy for static function usage
+    locale: g
+  } = e, i = Ht(e, ["prefixCls", "icon", "okText", "cancelText", "confirmPrefixCls", "type", "okCancel", "footer", "locale"]);
+  if (process.env.NODE_ENV !== "production") {
+    const E = Ce("Modal");
+    process.env.NODE_ENV !== "production" && E(!(typeof o == "string" && o.length > 2), "breaking", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${o}\` at https://ant.design/components/icon`);
+  }
+  let u = o;
+  if (!o && o !== null)
+    switch (s) {
+      case "info":
+        u = /* @__PURE__ */ l.createElement(Je, null);
+        break;
+      case "success":
+        u = /* @__PURE__ */ l.createElement(Qe, null);
+        break;
+      case "error":
+        u = /* @__PURE__ */ l.createElement(Ye, null);
+        break;
+      default:
+        u = /* @__PURE__ */ l.createElement(Ze, null);
+    }
+  const f = d ?? s === "confirm", C = e.autoFocusButton === null ? !1 : e.autoFocusButton || "ok", [h] = ye("Modal"), v = g || h, p = t || (f ? v == null ? void 0 : v.okText : v == null ? void 0 : v.justOkText), y = a || (v == null ? void 0 : v.cancelText), m = Object.assign({
+    autoFocusButton: C,
+    cancelTextLocale: y,
+    okTextLocale: p,
+    mergedOkCancel: f
+  }, i), x = l.useMemo(() => m, G(Object.values(m))), S = /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(Ie, null), /* @__PURE__ */ l.createElement(Te, null)), N = e.title !== void 0 && e.title !== null, $ = `${r}-body`;
+  return /* @__PURE__ */ l.createElement("div", {
+    className: `${r}-body-wrapper`
+  }, /* @__PURE__ */ l.createElement("div", {
+    className: M($, {
+      [`${$}-has-title`]: N
+    })
+  }, u, /* @__PURE__ */ l.createElement("div", {
+    className: `${r}-paragraph`
+  }, N && /* @__PURE__ */ l.createElement("span", {
+    className: `${r}-title`
+  }, e.title), /* @__PURE__ */ l.createElement("div", {
+    className: `${r}-content`
+  }, e.content))), c === void 0 || typeof c == "function" ? /* @__PURE__ */ l.createElement(nn, {
+    value: x
+  }, /* @__PURE__ */ l.createElement("div", {
+    className: `${r}-btns`
+  }, typeof c == "function" ? c(S, {
+    OkBtn: Te,
+    CancelBtn: Ie
+  }) : S)) : c, /* @__PURE__ */ l.createElement(_t, {
+    prefixCls: n
+  }));
+}
+const gn = (e) => {
+  const {
+    close: n,
+    zIndex: o,
+    maskStyle: t,
+    direction: a,
+    prefixCls: r,
+    wrapClassName: s,
+    rootPrefixCls: d,
+    bodyStyle: c,
+    closable: g = !1,
+    onConfirm: i,
+    styles: u
+  } = e;
+  if (process.env.NODE_ENV !== "production") {
+    const S = Ce("Modal");
+    [["visible", "open"], ["bodyStyle", "styles.body"], ["maskStyle", "styles.mask"]].forEach((N) => {
+      let [$, E] = N;
+      S.deprecated(!($ in e), $, E);
+    });
+  }
+  const f = `${r}-confirm`, C = e.width || 416, h = e.style || {}, v = e.mask === void 0 ? !0 : e.mask, p = e.maskClosable === void 0 ? !1 : e.maskClosable, y = M(f, `${f}-${e.type}`, {
+    [`${f}-rtl`]: a === "rtl"
+  }, e.className), [, m] = Hn(), x = l.useMemo(() => o !== void 0 ? o : m.zIndexPopupBase + Kn, [o, m]);
+  return /* @__PURE__ */ l.createElement(fn, Object.assign({}, e, {
+    className: y,
+    wrapClassName: M({
+      [`${f}-centered`]: !!e.centered
+    }, s),
+    onCancel: () => {
+      n == null || n({
+        triggerCancel: !0
+      }), i == null || i(!1);
+    },
+    title: "",
+    footer: null,
+    transitionName: re(d || "", "zoom", e.transitionName),
+    maskTransitionName: re(d || "", "fade", e.maskTransitionName),
+    mask: v,
+    maskClosable: p,
+    style: h,
+    styles: Object.assign({
+      body: c,
+      mask: t
+    }, u),
+    width: C,
+    zIndex: x,
+    closable: g
+  }), /* @__PURE__ */ l.createElement(mn, Object.assign({}, e, {
+    confirmPrefixCls: f
+  })));
+}, $e = (e) => {
+  const {
+    rootPrefixCls: n,
+    iconPrefixCls: o,
+    direction: t,
+    theme: a
+  } = e;
+  return /* @__PURE__ */ l.createElement(Xe, {
+    prefixCls: n,
+    iconPrefixCls: o,
+    direction: t,
+    theme: a
+  }, /* @__PURE__ */ l.createElement(gn, Object.assign({}, e)));
+};
+process.env.NODE_ENV !== "production" && (gn.displayName = "ConfirmDialog", $e.displayName = "ConfirmDialogWrapper");
+const Y = [];
+let vn = "";
+function Cn() {
+  return vn;
+}
+const Wt = (e) => {
+  var n, o;
+  const {
+    prefixCls: t,
+    getContainer: a,
+    direction: r
+  } = e, s = Ge(), d = te(ie), c = Cn() || d.getPrefixCls(), g = t || `${c}-modal`;
+  let i = a;
+  return i === !1 && (i = void 0, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "production" && Ke(!1, "Modal", "Static method not support `getContainer` to be `false` since it do not have context env.")), /* @__PURE__ */ b.createElement($e, Object.assign({}, e, {
+    rootPrefixCls: c,
+    prefixCls: g,
+    iconPrefixCls: d.iconPrefixCls,
+    theme: d.theme,
+    direction: r ?? d.direction,
+    locale: (o = (n = d.locale) === null || n === void 0 ? void 0 : n.Modal) !== null && o !== void 0 ? o : s,
+    getContainer: i
+  }));
+};
+function ae(e) {
+  const n = Wn();
+  process.env.NODE_ENV !== "production" && !n.holderRender && Vn("Modal");
+  const o = document.createDocumentFragment();
+  let t = Object.assign(Object.assign({}, e), {
+    close: c,
+    open: !0
+  }), a, r;
+  function s() {
+    for (var i, u = arguments.length, f = new Array(u), C = 0; C < u; C++)
+      f[C] = arguments[C];
+    if (f.some((p) => p == null ? void 0 : p.triggerCancel)) {
+      var v;
+      (i = e.onCancel) === null || i === void 0 || (v = i).call.apply(v, [e, () => {
+      }].concat(G(f.slice(1))));
+    }
+    for (let p = 0; p < Y.length; p++)
+      if (Y[p] === c) {
+        Y.splice(p, 1);
+        break;
+      }
+    r();
+  }
+  function d(i) {
+    clearTimeout(a), a = setTimeout(() => {
+      const u = n.getPrefixCls(void 0, Cn()), f = n.getIconPrefixCls(), C = n.getTheme(), h = /* @__PURE__ */ b.createElement(Wt, Object.assign({}, i));
+      r = kn()(/* @__PURE__ */ b.createElement(Xe, {
+        prefixCls: u,
+        iconPrefixCls: f,
+        theme: C
+      }, n.holderRender ? n.holderRender(h) : h), o);
+    });
+  }
+  function c() {
+    for (var i = arguments.length, u = new Array(i), f = 0; f < i; f++)
+      u[f] = arguments[f];
+    t = Object.assign(Object.assign({}, t), {
+      open: !1,
+      afterClose: () => {
+        typeof e.afterClose == "function" && e.afterClose(), s.apply(this, u);
+      }
+    }), t.visible && delete t.visible, d(t);
+  }
+  function g(i) {
+    typeof i == "function" ? t = i(t) : t = Object.assign(Object.assign({}, t), i), d(t);
+  }
+  return d(t), Y.push(c), {
+    destroy: c,
+    update: g
+  };
+}
+function pn(e) {
+  return Object.assign(Object.assign({}, e), {
+    type: "warning"
+  });
+}
+function bn(e) {
+  return Object.assign(Object.assign({}, e), {
+    type: "info"
+  });
+}
+function yn(e) {
+  return Object.assign(Object.assign({}, e), {
+    type: "success"
+  });
+}
+function hn(e) {
+  return Object.assign(Object.assign({}, e), {
+    type: "error"
+  });
+}
+function xn(e) {
+  return Object.assign(Object.assign({}, e), {
+    type: "confirm"
+  });
+}
+function Vt(e) {
+  let {
+    rootPrefixCls: n
+  } = e;
+  process.env.NODE_ENV !== "production" && Ke(!1, "Modal", "Modal.config is deprecated. Please use ConfigProvider.config instead."), vn = n;
+}
+var At = function(e, n) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, t = Object.getOwnPropertySymbols(e); a < t.length; a++)
+    n.indexOf(t[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[a]) && (o[t[a]] = e[t[a]]);
+  return o;
+};
+const Gt = (e, n) => {
+  var o, {
+    afterClose: t,
+    config: a
+  } = e, r = At(e, ["afterClose", "config"]);
+  const [s, d] = l.useState(!0), [c, g] = l.useState(a), {
+    direction: i,
+    getPrefixCls: u
+  } = l.useContext(ie), f = u("modal"), C = u(), h = () => {
+    var m;
+    t(), (m = c.afterClose) === null || m === void 0 || m.call(c);
+  }, v = function() {
+    var m;
+    d(!1);
+    for (var x = arguments.length, S = new Array(x), N = 0; N < x; N++)
+      S[N] = arguments[N];
+    if (S.some((D) => D == null ? void 0 : D.triggerCancel)) {
+      var E;
+      (m = c.onCancel) === null || m === void 0 || (E = m).call.apply(E, [c, () => {
+      }].concat(G(S.slice(1))));
+    }
+  };
+  l.useImperativeHandle(n, () => ({
+    destroy: v,
+    update: (m) => {
+      g((x) => Object.assign(Object.assign({}, x), m));
+    }
+  }));
+  const p = (o = c.okCancel) !== null && o !== void 0 ? o : c.type === "confirm", [y] = ye("Modal", ue.Modal);
+  return /* @__PURE__ */ l.createElement($e, Object.assign({
+    prefixCls: f,
+    rootPrefixCls: C
+  }, c, {
+    close: v,
+    open: s,
+    afterClose: h,
+    okText: c.okText || (p ? y == null ? void 0 : y.okText : y == null ? void 0 : y.justOkText),
+    direction: c.direction || i,
+    cancelText: c.cancelText || (y == null ? void 0 : y.cancelText)
+  }, r));
+}, qt = /* @__PURE__ */ l.forwardRef(Gt);
+let We = 0;
+const Ut = /* @__PURE__ */ l.memo(/* @__PURE__ */ l.forwardRef((e, n) => {
+  const [o, t] = ut();
+  return l.useImperativeHandle(n, () => ({
+    patchElement: t
+  }), []), /* @__PURE__ */ l.createElement(l.Fragment, null, o);
+}));
+function Xt() {
+  const e = l.useRef(null), [n, o] = l.useState([]);
+  l.useEffect(() => {
+    n.length && (G(n).forEach((s) => {
+      s();
+    }), o([]));
+  }, [n]);
+  const t = l.useCallback((r) => function(d) {
+    var c;
+    We += 1;
+    const g = /* @__PURE__ */ l.createRef();
+    let i;
+    const u = new Promise((p) => {
+      i = p;
+    });
+    let f = !1, C;
+    const h = /* @__PURE__ */ l.createElement(qt, {
+      key: `modal-${We}`,
+      config: r(d),
+      ref: g,
+      afterClose: () => {
+        C == null || C();
+      },
+      isSilent: () => f,
+      onConfirm: (p) => {
+        i(p);
+      }
+    });
+    return C = (c = e.current) === null || c === void 0 ? void 0 : c.patchElement(h), C && Y.push(C), {
+      destroy: () => {
+        function p() {
+          var y;
+          (y = g.current) === null || y === void 0 || y.destroy();
+        }
+        g.current ? p() : o((y) => [].concat(G(y), [p]));
+      },
+      update: (p) => {
+        function y() {
+          var m;
+          (m = g.current) === null || m === void 0 || m.update(p);
+        }
+        g.current ? y() : o((m) => [].concat(G(m), [y]));
+      },
+      then: (p) => (f = !0, u.then(p))
+    };
+  }, []);
+  return [l.useMemo(() => ({
+    info: t(bn),
+    success: t(yn),
+    error: t(hn),
+    warning: t(pn),
+    confirm: t(xn)
+  }), []), /* @__PURE__ */ l.createElement(Ut, {
+    key: "modal-holder",
+    ref: e
+  })];
+}
+var Kt = function(e, n) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, t = Object.getOwnPropertySymbols(e); a < t.length; a++)
+    n.indexOf(t[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[a]) && (o[t[a]] = e[t[a]]);
+  return o;
+};
+const kt = (e) => {
+  const {
+    prefixCls: n,
+    className: o,
+    closeIcon: t,
+    closable: a,
+    type: r,
+    title: s,
+    children: d,
+    footer: c
+  } = e, g = Kt(e, ["prefixCls", "className", "closeIcon", "closable", "type", "title", "children", "footer"]), {
+    getPrefixCls: i
+  } = l.useContext(ie), u = i(), f = n || i("modal"), C = Ue(u), [h, v, p] = un(f, C), y = `${f}-confirm`;
+  let m = {};
+  return r ? m = {
+    closable: a ?? !1,
+    title: "",
+    footer: "",
+    children: /* @__PURE__ */ l.createElement(mn, Object.assign({}, e, {
+      prefixCls: f,
+      confirmPrefixCls: y,
+      rootPrefixCls: u,
+      content: d
+    }))
+  } : m = {
+    closable: a ?? !0,
+    title: s,
+    footer: c !== null && /* @__PURE__ */ l.createElement(ln, Object.assign({}, e)),
+    children: d
+  }, h(/* @__PURE__ */ l.createElement(xe, Object.assign({
+    prefixCls: f,
+    className: M(v, `${f}-pure-panel`, r && y, r && `${y}-${r}`, o, p, C)
+  }, g, {
+    closeIcon: rn(f, t),
+    closable: a
+  }, m)));
+}, Qt = Qn(kt);
+function $n(e) {
+  return ae(pn(e));
+}
+const L = fn;
+L.useModal = Xt;
+L.info = function(n) {
+  return ae(bn(n));
+};
+L.success = function(n) {
+  return ae(yn(n));
+};
+L.error = function(n) {
+  return ae(hn(n));
+};
+L.warning = $n;
+L.warn = $n;
+L.confirm = function(n) {
+  return ae(xn(n));
+};
+L.destroyAll = function() {
+  for (; Y.length; ) {
+    const n = Y.pop();
+    n && n();
+  }
+};
+L.config = Vt;
+L._InternalPanelDoNotUseOrYouWillBeFired = Qt;
+process.env.NODE_ENV !== "production" && (L.displayName = "Modal");
+export {
+  L as M
+};