@amateescu/portal-ui-components 0.0.33 → 0.0.35-beta0

package/dist/index-B00P9-H3.js

@@ -0,0 +1,1681 @@
+import { L as Nn, G as se, I as de, e as M, l as z, H as Pn, K as Ue, J as In, n as Mn, c as T, h as Pe, _ as he, q as ke, M as Ie, N as Tn, O as Me, j as Te, P as jn, Q as Rn, k as Bn, R as Dn, S as Xe, g as xe, m as Ke, u as S, y as Fn, B as Ln, a as ue, v as $e, D as Qe, t as ce, T as _n, F as zn, C as Ze, U as Hn, W as Wn, X as Vn, Y as Ye } from "./context-dCWAMvX5.js";
+import * as r from "react";
+import b, { useContext as ae, useRef as V, useMemo as An, useEffect as je } from "react";
+import { B as Ee, c as Je, i as Gn, u as qn, C as Un, z as kn, a as Xn, b as Kn, w as Qn } from "./PurePanel-DvQTygSo.js";
+import { _ as R } from "./objectWithoutPropertiesLoose-BTau6TOn.js";
+import { R as Se, S as Zn } from "./Skeleton-Bh0A9xju.js";
+const fe = (e, n) => {
+  const t = r.useContext(Nn), o = r.useMemo(() => {
+    var l;
+    const i = n || se[e], d = (l = t == null ? void 0 : t[e]) !== null && l !== void 0 ? l : {};
+    return Object.assign(Object.assign({}, typeof i == "function" ? i() : i), d || {});
+  }, [e, n, t]), a = r.useMemo(() => {
+    const l = t == null ? void 0 : t.locale;
+    return t != null && t.exist && !l ? se.locale : l;
+  }, [t]);
+  return [o, a];
+};
+var Yn = { 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, t) {
+  return /* @__PURE__ */ r.createElement(de, R({}, n, {
+    ref: t,
+    icon: Yn
+  }));
+}, en = /* @__PURE__ */ r.forwardRef(Jn);
+process.env.NODE_ENV !== "production" && (en.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, t) {
+  return /* @__PURE__ */ r.createElement(de, R({}, n, {
+    ref: t,
+    icon: et
+  }));
+}, nn = /* @__PURE__ */ r.forwardRef(nt);
+process.env.NODE_ENV !== "production" && (nn.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, t) {
+  return /* @__PURE__ */ r.createElement(de, R({}, n, {
+    ref: t,
+    icon: tt
+  }));
+}, tn = /* @__PURE__ */ r.forwardRef(ot);
+process.env.NODE_ENV !== "production" && (tn.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, t) {
+  return /* @__PURE__ */ r.createElement(de, R({}, n, {
+    ref: t,
+    icon: at
+  }));
+}, on = /* @__PURE__ */ r.forwardRef(rt);
+process.env.NODE_ENV !== "production" && (on.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 Re(e, n) {
+  return e.indexOf(n) === 0;
+}
+function Oe(e) {
+  var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, t;
+  n === !1 ? t = {
+    aria: !0,
+    data: !0,
+    attr: !0
+  } : n === !0 ? t = {
+    aria: !0
+  } : t = M({}, n);
+  var o = {};
+  return Object.keys(e).forEach(function(a) {
+    // Aria
+    (t.aria && (a === "role" || Re(a, ct)) || // Data
+    t.data && Re(a, dt) || // Attr
+    t.attr && st.includes(a)) && (o[a] = e[a]);
+  }), o;
+}
+function ut() {
+  const [e, n] = r.useState([]), t = r.useCallback((o) => (n((a) => [].concat(z(a), [o])), () => {
+    n((a) => a.filter((l) => l !== o));
+  }), []);
+  return [e, t];
+}
+const ft = new Ue("antFadeIn", {
+  "0%": {
+    opacity: 0
+  },
+  "100%": {
+    opacity: 1
+  }
+}), mt = new Ue("antFadeOut", {
+  "0%": {
+    opacity: 1
+  },
+  "100%": {
+    opacity: 0
+  }
+}), gt = (e, n = !1) => {
+  const {
+    antCls: t
+  } = e, o = `${t}-fade`, a = n ? "&" : "";
+  return [Pn(o, ft, mt, e.motionDurationMid, n), {
+    [`
+        ${a}${o}-enter,
+        ${a}${o}-appear
+      `]: {
+      opacity: 0,
+      animationTimingFunction: "linear"
+    },
+    [`${a}${o}-leave`]: {
+      animationTimingFunction: "linear"
+    }
+  }];
+};
+function pe(e) {
+  return !!(e != null && e.then);
+}
+const an = (e) => {
+  const {
+    type: n,
+    children: t,
+    prefixCls: o,
+    buttonProps: a,
+    close: l,
+    autoFocus: i,
+    emitEvent: d,
+    isSilent: c,
+    quitOnNullishReturnValue: f,
+    actionFn: s
+  } = e, u = r.useRef(!1), m = r.useRef(null), [C, p] = In(!1), v = (...g) => {
+    l == null || l.apply(void 0, g);
+  };
+  r.useEffect(() => {
+    let g = null;
+    return i && (g = setTimeout(() => {
+      var y;
+      (y = m.current) === null || y === void 0 || y.focus({
+        preventScroll: !0
+      });
+    })), () => {
+      g && clearTimeout(g);
+    };
+  }, []);
+  const x = (g) => {
+    pe(g) && (p(!0), g.then((...y) => {
+      p(!1, !0), v.apply(void 0, y), u.current = !1;
+    }, (y) => {
+      if (p(!1, !0), u.current = !1, !(c != null && c()))
+        return Promise.reject(y);
+    }));
+  }, h = (g) => {
+    if (u.current)
+      return;
+    if (u.current = !0, !s) {
+      v();
+      return;
+    }
+    let y;
+    if (d) {
+      if (y = s(g), f && !pe(y)) {
+        u.current = !1, v(g);
+        return;
+      }
+    } else if (s.length)
+      y = s(l), u.current = !1;
+    else if (y = s(), !pe(y)) {
+      v();
+      return;
+    }
+    x(y);
+  };
+  return /* @__PURE__ */ r.createElement(Ee, Object.assign({}, Je(n), {
+    onClick: h,
+    loading: C,
+    prefixCls: o
+  }, a, {
+    ref: m
+  }), t);
+}, re = /* @__PURE__ */ b.createContext({}), {
+  Provider: rn
+} = re, Be = () => {
+  const {
+    autoFocusButton: e,
+    cancelButtonProps: n,
+    cancelTextLocale: t,
+    isSilent: o,
+    mergedOkCancel: a,
+    rootPrefixCls: l,
+    close: i,
+    onCancel: d,
+    onConfirm: c
+  } = ae(re);
+  return a ? /* @__PURE__ */ b.createElement(an, {
+    isSilent: o,
+    actionFn: d,
+    close: (...f) => {
+      i == null || i.apply(void 0, f), c == null || c(!1);
+    },
+    autoFocus: e === "cancel",
+    buttonProps: n,
+    prefixCls: `${l}-btn`
+  }, t) : null;
+}, De = () => {
+  const {
+    autoFocusButton: e,
+    close: n,
+    isSilent: t,
+    okButtonProps: o,
+    rootPrefixCls: a,
+    okTextLocale: l,
+    okType: i,
+    onConfirm: d,
+    onOk: c
+  } = ae(re);
+  return /* @__PURE__ */ b.createElement(an, {
+    isSilent: t,
+    type: i || "primary",
+    actionFn: c,
+    close: (...f) => {
+      n == null || n.apply(void 0, f), d == null || d(!0);
+    },
+    autoFocus: e === "ok",
+    buttonProps: o,
+    prefixCls: `${a}-btn`
+  }, l);
+};
+var ln = /* @__PURE__ */ r.createContext({});
+function Fe(e, n, t) {
+  var o = n;
+  return !o && t && (o = "".concat(e, "-").concat(t)), o;
+}
+function Le(e, n) {
+  var t = e["page".concat(n ? "Y" : "X", "Offset")], o = "scroll".concat(n ? "Top" : "Left");
+  if (typeof t != "number") {
+    var a = e.document;
+    t = a.documentElement[o], typeof t != "number" && (t = a.body[o]);
+  }
+  return t;
+}
+function vt(e) {
+  var n = e.getBoundingClientRect(), t = {
+    left: n.left,
+    top: n.top
+  }, o = e.ownerDocument, a = o.defaultView || o.parentWindow;
+  return t.left += Le(a), t.top += Le(a, !0), t;
+}
+const Ct = /* @__PURE__ */ r.memo(function(e) {
+  var n = e.children;
+  return n;
+}, function(e, n) {
+  var t = n.shouldUpdate;
+  return !t;
+});
+var pt = {
+  width: 0,
+  height: 0,
+  overflow: "hidden",
+  outline: "none"
+}, bt = {
+  outline: "none"
+}, we = /* @__PURE__ */ b.forwardRef(function(e, n) {
+  var t = e.prefixCls, o = e.className, a = e.style, l = e.title, i = e.ariaId, d = e.footer, c = e.closable, f = e.closeIcon, s = e.onClose, u = e.children, m = e.bodyStyle, C = e.bodyProps, p = e.modalRender, v = e.onMouseDown, x = e.onMouseUp, h = e.holderRef, g = e.visible, y = e.forceRender, O = e.width, N = e.height, $ = e.classNames, P = e.styles, ne = b.useContext(ln), K = ne.panel, Q = Mn(h, K), H = V(), w = V();
+  b.useImperativeHandle(n, function() {
+    return {
+      focus: function() {
+        var B;
+        (B = H.current) === null || B === void 0 || B.focus({
+          preventScroll: !0
+        });
+      },
+      changeActive: function(B) {
+        var Y = document, U = Y.activeElement;
+        B && U === w.current ? H.current.focus({
+          preventScroll: !0
+        }) : !B && U === H.current && w.current.focus({
+          preventScroll: !0
+        });
+      }
+    };
+  });
+  var W = {};
+  O !== void 0 && (W.width = O), N !== void 0 && (W.height = N);
+  var F = d ? /* @__PURE__ */ b.createElement("div", {
+    className: T("".concat(t, "-footer"), $ == null ? void 0 : $.footer),
+    style: M({}, P == null ? void 0 : P.footer)
+  }, d) : null, I = l ? /* @__PURE__ */ b.createElement("div", {
+    className: T("".concat(t, "-header"), $ == null ? void 0 : $.header),
+    style: M({}, P == null ? void 0 : P.header)
+  }, /* @__PURE__ */ b.createElement("div", {
+    className: "".concat(t, "-title"),
+    id: i
+  }, l)) : null, L = An(function() {
+    return Pe(c) === "object" && c !== null ? c : c ? {
+      closeIcon: f ?? /* @__PURE__ */ b.createElement("span", {
+        className: "".concat(t, "-close-x")
+      })
+    } : {};
+  }, [c, f, t]), _ = Oe(L, !0), A = Pe(c) === "object" && c.disabled, Z = c ? /* @__PURE__ */ b.createElement("button", R({
+    type: "button",
+    onClick: s,
+    "aria-label": "Close"
+  }, _, {
+    className: "".concat(t, "-close"),
+    disabled: A
+  }), L.closeIcon) : null, G = /* @__PURE__ */ b.createElement("div", {
+    className: T("".concat(t, "-content"), $ == null ? void 0 : $.content),
+    style: P == null ? void 0 : P.content
+  }, Z, I, /* @__PURE__ */ b.createElement("div", R({
+    className: T("".concat(t, "-body"), $ == null ? void 0 : $.body),
+    style: M(M({}, m), P == null ? void 0 : P.body)
+  }, C), u), F);
+  return /* @__PURE__ */ b.createElement("div", {
+    key: "dialog-element",
+    role: "dialog",
+    "aria-labelledby": l ? i : null,
+    "aria-modal": "true",
+    ref: Q,
+    style: M(M({}, a), W),
+    className: T(t, o),
+    onMouseDown: v,
+    onMouseUp: x
+  }, /* @__PURE__ */ b.createElement("div", {
+    ref: H,
+    tabIndex: 0,
+    style: bt
+  }, /* @__PURE__ */ b.createElement(Ct, {
+    shouldUpdate: g || y
+  }, p ? p(G) : G)), /* @__PURE__ */ b.createElement("div", {
+    tabIndex: 0,
+    ref: w,
+    style: pt
+  }));
+});
+process.env.NODE_ENV !== "production" && (we.displayName = "Panel");
+var sn = /* @__PURE__ */ r.forwardRef(function(e, n) {
+  var t = e.prefixCls, o = e.title, a = e.style, l = e.className, i = e.visible, d = e.forceRender, c = e.destroyOnClose, f = e.motionName, s = e.ariaId, u = e.onVisibleChanged, m = e.mousePosition, C = V(), p = r.useState(), v = he(p, 2), x = v[0], h = v[1], g = {};
+  x && (g.transformOrigin = x);
+  function y() {
+    var O = vt(C.current);
+    h(m && (m.x || m.y) ? "".concat(m.x - O.left, "px ").concat(m.y - O.top, "px") : "");
+  }
+  return /* @__PURE__ */ r.createElement(ke, {
+    visible: i,
+    onVisibleChanged: u,
+    onAppearPrepare: y,
+    onEnterPrepare: y,
+    forceRender: d,
+    motionName: f,
+    removeOnLeave: c,
+    ref: C
+  }, function(O, N) {
+    var $ = O.className, P = O.style;
+    return /* @__PURE__ */ r.createElement(we, R({}, e, {
+      ref: n,
+      title: o,
+      ariaId: s,
+      prefixCls: t,
+      holderRef: N,
+      style: M(M(M({}, P), a), g),
+      className: T(l, $)
+    }));
+  });
+});
+sn.displayName = "Content";
+var yt = function(n) {
+  var t = n.prefixCls, o = n.style, a = n.visible, l = n.maskProps, i = n.motionName, d = n.className;
+  return /* @__PURE__ */ r.createElement(ke, {
+    key: "mask",
+    visible: a,
+    motionName: i,
+    leavedClassName: "".concat(t, "-mask-hidden")
+  }, function(c, f) {
+    var s = c.className, u = c.style;
+    return /* @__PURE__ */ r.createElement("div", R({
+      ref: f,
+      style: M(M({}, u), o),
+      className: T("".concat(t, "-mask"), s, d)
+    }, l));
+  });
+}, ht = function(n) {
+  var t = n.prefixCls, o = t === void 0 ? "rc-dialog" : t, a = n.zIndex, l = n.visible, i = l === void 0 ? !1 : l, d = n.keyboard, c = d === void 0 ? !0 : d, f = n.focusTriggerAfterClose, s = f === void 0 ? !0 : f, u = n.wrapStyle, m = n.wrapClassName, C = n.wrapProps, p = n.onClose, v = n.afterOpenChange, x = n.afterClose, h = n.transitionName, g = n.animation, y = n.closable, O = y === void 0 ? !0 : y, N = n.mask, $ = N === void 0 ? !0 : N, P = n.maskTransitionName, ne = n.maskAnimation, K = n.maskClosable, Q = K === void 0 ? !0 : K, H = n.maskStyle, w = n.maskProps, W = n.rootClassName, F = n.classNames, I = n.styles;
+  process.env.NODE_ENV !== "production" && (["wrapStyle", "bodyStyle", "maskStyle"].forEach(function(E) {
+    Ie(!(E in n), "".concat(E, " is deprecated, please use styles instead."));
+  }), "wrapClassName" in n && Ie(!1, "wrapClassName is deprecated, please use classNames instead."));
+  var L = V(), _ = V(), A = V(), Z = r.useState(i), G = he(Z, 2), q = G[0], B = G[1], Y = Tn();
+  function U() {
+    Me(_.current, document.activeElement) || (L.current = document.activeElement);
+  }
+  function me() {
+    if (!Me(_.current, document.activeElement)) {
+      var E;
+      (E = A.current) === null || E === void 0 || E.focus();
+    }
+  }
+  function ge(E) {
+    if (E)
+      me();
+    else {
+      if (B(!1), $ && L.current && s) {
+        try {
+          L.current.focus({
+            preventScroll: !0
+          });
+        } catch {
+        }
+        L.current = null;
+      }
+      q && (x == null || x());
+    }
+    v == null || v(E);
+  }
+  function te(E) {
+    p == null || p(E);
+  }
+  var J = V(!1), oe = V(), ve = function() {
+    clearTimeout(oe.current), J.current = !0;
+  }, ee = function() {
+    oe.current = setTimeout(function() {
+      J.current = !1;
+    });
+  }, ie = null;
+  Q && (ie = function(Ce) {
+    J.current ? J.current = !1 : _.current === Ce.target && te(Ce);
+  });
+  function j(E) {
+    if (c && E.keyCode === Te.ESC) {
+      E.stopPropagation(), te(E);
+      return;
+    }
+    i && E.keyCode === Te.TAB && A.current.changeActive(!E.shiftKey);
+  }
+  je(function() {
+    i && (B(!0), U());
+  }, [i]), je(function() {
+    return function() {
+      clearTimeout(oe.current);
+    };
+  }, []);
+  var k = M(M(M({
+    zIndex: a
+  }, u), I == null ? void 0 : I.wrapper), {}, {
+    display: q ? null : "none"
+  });
+  return /* @__PURE__ */ r.createElement("div", R({
+    className: T("".concat(o, "-root"), W)
+  }, Oe(n, {
+    data: !0
+  })), /* @__PURE__ */ r.createElement(yt, {
+    prefixCls: o,
+    visible: $ && i,
+    motionName: Fe(o, P, ne),
+    style: M(M({
+      zIndex: a
+    }, H), I == null ? void 0 : I.mask),
+    maskProps: w,
+    className: F == null ? void 0 : F.mask
+  }), /* @__PURE__ */ r.createElement("div", R({
+    tabIndex: -1,
+    onKeyDown: j,
+    className: T("".concat(o, "-wrap"), m, F == null ? void 0 : F.wrapper),
+    ref: _,
+    onClick: ie,
+    style: k
+  }, C), /* @__PURE__ */ r.createElement(sn, R({}, n, {
+    onMouseDown: ve,
+    onMouseUp: ee,
+    ref: A,
+    closable: O,
+    ariaId: Y,
+    prefixCls: o,
+    visible: i && q,
+    onClose: te,
+    onVisibleChanged: ge,
+    motionName: Fe(o, h, g)
+  }))));
+}, cn = function(n) {
+  var t = n.visible, o = n.getContainer, a = n.forceRender, l = n.destroyOnClose, i = l === void 0 ? !1 : l, d = n.afterClose, c = n.panelRef, f = r.useState(t), s = he(f, 2), u = s[0], m = s[1], C = r.useMemo(function() {
+    return {
+      panel: c
+    };
+  }, [c]);
+  return r.useEffect(function() {
+    t && m(!0);
+  }, [t]), !a && i && !u ? null : /* @__PURE__ */ r.createElement(ln.Provider, {
+    value: C
+  }, /* @__PURE__ */ r.createElement(jn, {
+    open: t || a || u,
+    autoDestroy: !1,
+    getContainer: o,
+    autoLock: t || u
+  }, /* @__PURE__ */ r.createElement(ht, R({}, n, {
+    destroyOnClose: i,
+    afterClose: function() {
+      d == null || d(), m(!1);
+    }
+  }))));
+};
+cn.displayName = "Dialog";
+function _e(...e) {
+  const n = {};
+  return e.forEach((t) => {
+    t && Object.keys(t).forEach((o) => {
+      t[o] !== void 0 && (n[o] = t[o]);
+    });
+  }), n;
+}
+function ze(e) {
+  if (e)
+    return {
+      closable: e.closable,
+      closeIcon: e.closeIcon
+    };
+}
+function He(e) {
+  const {
+    closable: n,
+    closeIcon: t
+  } = e || {};
+  return b.useMemo(() => {
+    if (
+      // If `closable`, whatever rest be should be true
+      !n && (n === !1 || t === !1 || t === null)
+    )
+      return !1;
+    if (n === void 0 && t === void 0)
+      return null;
+    let o = {
+      closeIcon: typeof t != "boolean" && t !== null ? t : void 0
+    };
+    return n && typeof n == "object" && (o = Object.assign(Object.assign({}, o), n)), o;
+  }, [n, t]);
+}
+const xt = {};
+function $t(e, n, t = xt) {
+  const o = He(e), a = He(n), [l] = fe("global", se.global), i = typeof o != "boolean" ? !!(o != null && o.disabled) : !1, d = b.useMemo(() => Object.assign({
+    closeIcon: /* @__PURE__ */ b.createElement(Se, null)
+  }, t), [t]), c = b.useMemo(() => o === !1 ? !1 : o ? _e(d, a, o) : a === !1 ? !1 : a ? _e(d, a) : d.closable ? d : !1, [o, a, d]);
+  return b.useMemo(() => {
+    if (c === !1)
+      return [!1, null, i, {}];
+    const {
+      closeIconRender: f
+    } = d, {
+      closeIcon: s
+    } = c;
+    let u = s;
+    const m = Oe(c, !0);
+    return u != null && (f && (u = f(s)), u = /* @__PURE__ */ b.isValidElement(u) ? /* @__PURE__ */ b.cloneElement(u, Object.assign({
+      "aria-label": l.close
+    }, m)) : /* @__PURE__ */ b.createElement("span", Object.assign({
+      "aria-label": l.close
+    }, m), u)), [!0, u, i, m];
+  }, [c, d]);
+}
+const Et = () => Rn() && window.document.documentElement;
+function We() {
+}
+const St = /* @__PURE__ */ r.createContext({
+  add: We,
+  remove: We
+});
+function Ot(e) {
+  const n = r.useContext(St), t = r.useRef(null);
+  return Bn((a) => {
+    if (a) {
+      const l = e ? a.querySelector(e) : a;
+      n.add(l), t.current = l;
+    } else
+      n.remove(t.current);
+  });
+}
+const Ve = () => {
+  const {
+    cancelButtonProps: e,
+    cancelTextLocale: n,
+    onCancel: t
+  } = ae(re);
+  return /* @__PURE__ */ b.createElement(Ee, Object.assign({
+    onClick: t
+  }, e), n);
+}, Ae = () => {
+  const {
+    confirmLoading: e,
+    okButtonProps: n,
+    okType: t,
+    okTextLocale: o,
+    onOk: a
+  } = ae(re);
+  return /* @__PURE__ */ b.createElement(Ee, Object.assign({}, Je(t), {
+    loading: e,
+    onClick: a
+  }, n), o);
+};
+function dn(e, n) {
+  return /* @__PURE__ */ b.createElement("span", {
+    className: `${e}-close-x`
+  }, n || /* @__PURE__ */ b.createElement(Se, {
+    className: `${e}-close-icon`
+  }));
+}
+const un = (e) => {
+  const {
+    okText: n,
+    okType: t = "primary",
+    cancelText: o,
+    confirmLoading: a,
+    onOk: l,
+    onCancel: i,
+    okButtonProps: d,
+    cancelButtonProps: c,
+    footer: f
+  } = e, [s] = fe("Modal", Xe()), u = n || (s == null ? void 0 : s.okText), m = o || (s == null ? void 0 : s.cancelText), C = {
+    confirmLoading: a,
+    okButtonProps: d,
+    cancelButtonProps: c,
+    okTextLocale: u,
+    cancelTextLocale: m,
+    okType: t,
+    onOk: l,
+    onCancel: i
+  }, p = b.useMemo(() => C, z(Object.values(C)));
+  let v;
+  return typeof f == "function" || typeof f > "u" ? (v = /* @__PURE__ */ b.createElement(b.Fragment, null, /* @__PURE__ */ b.createElement(Ve, null), /* @__PURE__ */ b.createElement(Ae, null)), typeof f == "function" && (v = f(v, {
+    OkBtn: Ae,
+    CancelBtn: Ve
+  })), v = /* @__PURE__ */ b.createElement(rn, {
+    value: p
+  }, v)) : v = f, /* @__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: t,
+    componentCls: o,
+    gridColumns: a
+  } = e, l = {};
+  for (let i = a; i >= 0; i--)
+    i === 0 ? (l[`${o}${n}-${i}`] = {
+      display: "none"
+    }, l[`${o}-push-${i}`] = {
+      insetInlineStart: "auto"
+    }, l[`${o}-pull-${i}`] = {
+      insetInlineEnd: "auto"
+    }, l[`${o}${n}-push-${i}`] = {
+      insetInlineStart: "auto"
+    }, l[`${o}${n}-pull-${i}`] = {
+      insetInlineEnd: "auto"
+    }, l[`${o}${n}-offset-${i}`] = {
+      marginInlineStart: 0
+    }, l[`${o}${n}-order-${i}`] = {
+      order: 0
+    }) : (l[`${o}${n}-${i}`] = [
+      // https://github.com/ant-design/ant-design/issues/44456
+      // Form set `display: flex` on Col which will override `display: block`.
+      // Let's get it from css variable to support override.
+      {
+        "--ant-display": "block",
+        // Fallback to display if variable not support
+        display: "block"
+      },
+      {
+        display: "var(--ant-display)",
+        flex: `0 0 ${i / a * 100}%`,
+        maxWidth: `${i / a * 100}%`
+      }
+    ], l[`${o}${n}-push-${i}`] = {
+      insetInlineStart: `${i / a * 100}%`
+    }, l[`${o}${n}-pull-${i}`] = {
+      insetInlineEnd: `${i / a * 100}%`
+    }, l[`${o}${n}-offset-${i}`] = {
+      marginInlineStart: `${i / a * 100}%`
+    }, l[`${o}${n}-order-${i}`] = {
+      order: i
+    });
+  return l[`${o}${n}-flex`] = {
+    flex: `var(--${t}${n}-flex)`
+  }, l;
+}, be = (e, n) => Pt(e, n), It = (e, n, t) => ({
+  [`@media (min-width: ${S(n)})`]: Object.assign({}, be(e, t))
+}), Mt = () => ({}), Tt = () => ({});
+xe("Grid", wt, Mt);
+const fn = (e) => ({
+  xs: e.screenXSMin,
+  sm: e.screenSMMin,
+  md: e.screenMDMin,
+  lg: e.screenLGMin,
+  xl: e.screenXLMin,
+  xxl: e.screenXXLMin
+});
+xe("Grid", (e) => {
+  const n = Ke(e, {
+    gridColumns: 24
+    // Row is divided into 24 parts in Grid
+  }), t = fn(n);
+  return delete t.xs, [Nt(n), be(n, ""), be(n, "-xs"), Object.keys(t).map((o) => It(n, t[o], `-${o}`)).reduce((o, a) => Object.assign(Object.assign({}, o), a), {})];
+}, Tt);
+function Ge(e) {
+  return {
+    position: e,
+    inset: 0
+  };
+}
+const jt = (e) => {
+  const {
+    componentCls: n,
+    antCls: t
+  } = e;
+  return [{
+    [`${n}-root`]: {
+      [`${n}${t}-zoom-enter, ${n}${t}-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}${t}-zoom-leave ${n}-content`]: {
+        pointerEvents: "none"
+      },
+      [`${n}-mask`]: Object.assign(Object.assign({}, Ge("fixed")), {
+        zIndex: e.zIndexPopupBase,
+        height: "100%",
+        backgroundColor: e.colorBgMask,
+        pointerEvents: "none",
+        [`${n}-hidden`]: {
+          display: "none"
+        }
+      }),
+      [`${n}-wrap`]: Object.assign(Object.assign({}, Ge("fixed")), {
+        zIndex: e.zIndexPopupBase,
+        overflow: "auto",
+        outline: 0,
+        WebkitOverflowScrolling: "touch"
+      })
+    }
+  }, {
+    [`${n}-root`]: gt(e)
+  }];
+}, Rt = (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: `${S(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 - ${S(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: S(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: `${S(e.borderRadiusLG)} ${S(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: `${S(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, t = fn(e);
+  delete t.xs;
+  const o = Object.keys(t).map((a) => ({
+    [`@media (min-width: ${S(t[a])})`]: {
+      width: `var(--${n.replace(".", "")}-${a}-width)`
+    }
+  }));
+  return {
+    [`${n}-root`]: {
+      [n]: [{
+        width: `var(--${n.replace(".", "")}-xs-width)`
+      }].concat(z(o))
+    }
+  };
+}, mn = (e) => {
+  const n = e.padding, t = e.fontSizeHeading5, o = e.lineHeightHeading5;
+  return Ke(e, {
+    modalHeaderHeight: e.calc(e.calc(o).mul(t).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()
+  });
+}, gn = (e) => ({
+  footerBg: "transparent",
+  headerBg: e.colorBgElevated,
+  titleLineHeight: e.lineHeightHeading5,
+  titleFontSize: e.fontSizeHeading5,
+  contentBg: e.colorBgElevated,
+  titleColor: e.colorTextHeading,
+  // internal
+  contentPadding: e.wireframe ? 0 : `${S(e.paddingMD)} ${S(e.paddingContentHorizontalLG)}`,
+  headerPadding: e.wireframe ? `${S(e.padding)} ${S(e.paddingLG)}` : 0,
+  headerBorderBottom: e.wireframe ? `${S(e.lineWidth)} ${e.lineType} ${e.colorSplit}` : "none",
+  headerMarginBottom: e.wireframe ? 0 : e.marginXS,
+  bodyPadding: e.wireframe ? e.paddingLG : 0,
+  footerPadding: e.wireframe ? `${S(e.paddingXS)} ${S(e.padding)}` : 0,
+  footerBorderTop: e.wireframe ? `${S(e.lineWidth)} ${e.lineType} ${e.colorSplit}` : "none",
+  footerBorderRadius: e.wireframe ? `0 0 ${S(e.borderRadiusLG)} ${S(e.borderRadiusLG)}` : 0,
+  footerMarginTop: e.wireframe ? 0 : e.marginSM,
+  confirmBodyPadding: e.wireframe ? `${S(e.padding * 2)} ${S(e.padding * 2)} ${S(e.paddingLG)}` : 0,
+  confirmIconMarginInlineEnd: e.wireframe ? e.margin : e.marginSM,
+  confirmBtnsMarginTop: e.wireframe ? e.marginLG : e.marginSM
+}), vn = xe("Modal", (e) => {
+  const n = mn(e);
+  return [Rt(n), Bt(n), jt(n), Gn(n, "zoom"), Dt(n)];
+}, gn, {
+  unitless: {
+    titleLineHeight: !0
+  }
+});
+var Ft = function(e, n) {
+  var t = {};
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && n.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, o = Object.getOwnPropertySymbols(e); a < o.length; a++)
+    n.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (t[o[a]] = e[o[a]]);
+  return t;
+};
+let ye;
+const Lt = (e) => {
+  ye = {
+    x: e.pageX,
+    y: e.pageY
+  }, setTimeout(() => {
+    ye = null;
+  }, 100);
+};
+Et() && document.documentElement.addEventListener("click", Lt, !0);
+const Cn = (e) => {
+  const {
+    prefixCls: n,
+    className: t,
+    rootClassName: o,
+    open: a,
+    wrapClassName: l,
+    centered: i,
+    getContainer: d,
+    focusTriggerAfterClose: c = !0,
+    style: f,
+    // Deprecated
+    visible: s,
+    width: u = 520,
+    footer: m,
+    classNames: C,
+    styles: p,
+    children: v,
+    loading: x,
+    confirmLoading: h,
+    zIndex: g,
+    mousePosition: y,
+    onOk: O,
+    onCancel: N,
+    destroyOnHidden: $,
+    destroyOnClose: P
+  } = e, ne = Ft(e, ["prefixCls", "className", "rootClassName", "open", "wrapClassName", "centered", "getContainer", "focusTriggerAfterClose", "style", "visible", "width", "footer", "classNames", "styles", "children", "loading", "confirmLoading", "zIndex", "mousePosition", "onOk", "onCancel", "destroyOnHidden", "destroyOnClose"]), {
+    getPopupContainer: K,
+    getPrefixCls: Q,
+    direction: H,
+    modal: w
+  } = r.useContext(ue), W = (j) => {
+    h || N == null || N(j);
+  }, F = (j) => {
+    O == null || O(j);
+  };
+  if (process.env.NODE_ENV !== "production") {
+    const j = $e("Modal");
+    [["visible", "open"], ["bodyStyle", "styles.body"], ["maskStyle", "styles.mask"], ["destroyOnClose", "destroyOnHidden"]].forEach(([k, E]) => {
+      j.deprecated(!(k in e), k, E);
+    });
+  }
+  const I = Q("modal", n), L = Q(), _ = Qe(I), [A, Z, G] = vn(I, _), q = T(l, {
+    [`${I}-centered`]: i ?? (w == null ? void 0 : w.centered),
+    [`${I}-wrap-rtl`]: H === "rtl"
+  }), B = m !== null && !x ? /* @__PURE__ */ r.createElement(un, Object.assign({}, e, {
+    onOk: F,
+    onCancel: W
+  })) : null, [Y, U, me, ge] = $t(ze(e), ze(w), {
+    closable: !0,
+    closeIcon: /* @__PURE__ */ r.createElement(Se, {
+      className: `${I}-close-icon`
+    }),
+    closeIconRender: (j) => dn(I, j)
+  }), te = Ot(`.${I}-content`), [J, oe] = qn("Modal", g), [ve, ee] = r.useMemo(() => u && typeof u == "object" ? [void 0, u] : [u, void 0], [u]), ie = r.useMemo(() => {
+    const j = {};
+    return ee && Object.keys(ee).forEach((k) => {
+      const E = ee[k];
+      E !== void 0 && (j[`--${I}-${k}-width`] = typeof E == "number" ? `${E}px` : E);
+    }), j;
+  }, [ee]);
+  return A(/* @__PURE__ */ r.createElement(Un, {
+    form: !0,
+    space: !0
+  }, /* @__PURE__ */ r.createElement(kn.Provider, {
+    value: oe
+  }, /* @__PURE__ */ r.createElement(cn, Object.assign({
+    width: ve
+  }, ne, {
+    zIndex: J,
+    getContainer: d === void 0 ? K : d,
+    prefixCls: I,
+    rootClassName: T(Z, o, G, _),
+    footer: B,
+    visible: a ?? s,
+    mousePosition: y ?? ye,
+    onClose: W,
+    closable: Y && Object.assign({
+      disabled: me,
+      closeIcon: U
+    }, ge),
+    closeIcon: U,
+    focusTriggerAfterClose: c,
+    transitionName: ce(L, "zoom", e.transitionName),
+    maskTransitionName: ce(L, "fade", e.maskTransitionName),
+    className: T(Z, t, w == null ? void 0 : w.className),
+    style: Object.assign(Object.assign(Object.assign({}, w == null ? void 0 : w.style), f), ie),
+    classNames: Object.assign(Object.assign(Object.assign({}, w == null ? void 0 : w.classNames), C), {
+      wrapper: T(q, C == null ? void 0 : C.wrapper)
+    }),
+    styles: Object.assign(Object.assign({}, w == null ? void 0 : w.styles), p),
+    panelRef: te,
+    // TODO: In the future, destroyOnClose in rc-dialog needs to be upgrade to destroyOnHidden
+    destroyOnClose: $ ?? P
+  }), x ? /* @__PURE__ */ r.createElement(Zn, {
+    active: !0,
+    title: !1,
+    paragraph: {
+      rows: 4
+    },
+    className: `${I}-body-skeleton`
+  }) : v))));
+}, _t = (e) => {
+  const {
+    componentCls: n,
+    titleFontSize: t,
+    titleLineHeight: o,
+    modalConfirmIconSize: a,
+    fontSize: l,
+    lineHeight: i,
+    modalTitleHeight: d,
+    fontHeight: c,
+    confirmBodyPadding: f
+  } = e, s = `${n}-confirm`;
+  return {
+    [s]: {
+      "&-rtl": {
+        direction: "rtl"
+      },
+      [`${e.antCls}-modal-header`]: {
+        display: "none"
+      },
+      [`${s}-body-wrapper`]: Object.assign({}, zn()),
+      [`&${n} ${n}-body`]: {
+        padding: f
+      },
+      // ====================== Body ======================
+      [`${s}-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()
+        }
+      },
+      [`${s}-paragraph`]: {
+        display: "flex",
+        flexDirection: "column",
+        flex: "auto",
+        rowGap: e.marginXS,
+        // https://github.com/ant-design/ant-design/issues/51912
+        maxWidth: `calc(100% - ${S(e.marginSM)})`
+      },
+      // https://github.com/ant-design/ant-design/issues/48159
+      [`${e.iconCls} + ${s}-paragraph`]: {
+        maxWidth: `calc(100% - ${S(e.calc(e.modalConfirmIconSize).add(e.marginSM).equal())})`
+      },
+      [`${s}-title`]: {
+        color: e.colorTextHeading,
+        fontWeight: e.fontWeightStrong,
+        fontSize: t,
+        lineHeight: o
+      },
+      [`${s}-content`]: {
+        color: e.colorText,
+        fontSize: l,
+        lineHeight: i
+      },
+      // ===================== Footer =====================
+      [`${s}-btns`]: {
+        textAlign: "end",
+        marginTop: e.confirmBtnsMarginTop,
+        [`${e.antCls}-btn + ${e.antCls}-btn`]: {
+          marginBottom: 0,
+          marginInlineStart: e.marginXS
+        }
+      }
+    },
+    [`${s}-error ${s}-body > ${e.iconCls}`]: {
+      color: e.colorError
+    },
+    [`${s}-warning ${s}-body > ${e.iconCls},
+        ${s}-confirm ${s}-body > ${e.iconCls}`]: {
+      color: e.colorWarning
+    },
+    [`${s}-info ${s}-body > ${e.iconCls}`]: {
+      color: e.colorInfo
+    },
+    [`${s}-success ${s}-body > ${e.iconCls}`]: {
+      color: e.colorSuccess
+    }
+  };
+}, zt = _n(["Modal", "confirm"], (e) => {
+  const n = mn(e);
+  return [_t(n)];
+}, gn, {
+  // confirm is weak than modal since no conflict here
+  order: -1e3
+});
+var Ht = function(e, n) {
+  var t = {};
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && n.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, o = Object.getOwnPropertySymbols(e); a < o.length; a++)
+    n.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (t[o[a]] = e[o[a]]);
+  return t;
+};
+function pn(e) {
+  const {
+    prefixCls: n,
+    icon: t,
+    okText: o,
+    cancelText: a,
+    confirmPrefixCls: l,
+    type: i,
+    okCancel: d,
+    footer: c,
+    // Legacy for static function usage
+    locale: f
+  } = e, s = Ht(e, ["prefixCls", "icon", "okText", "cancelText", "confirmPrefixCls", "type", "okCancel", "footer", "locale"]);
+  if (process.env.NODE_ENV !== "production") {
+    const P = $e("Modal");
+    process.env.NODE_ENV !== "production" && P(!(typeof t == "string" && t.length > 2), "breaking", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${t}\` at https://ant.design/components/icon`);
+  }
+  let u = t;
+  if (!t && t !== null)
+    switch (i) {
+      case "info":
+        u = /* @__PURE__ */ r.createElement(on, null);
+        break;
+      case "success":
+        u = /* @__PURE__ */ r.createElement(en, null);
+        break;
+      case "error":
+        u = /* @__PURE__ */ r.createElement(nn, null);
+        break;
+      default:
+        u = /* @__PURE__ */ r.createElement(tn, null);
+    }
+  const m = d ?? i === "confirm", C = e.autoFocusButton === null ? !1 : e.autoFocusButton || "ok", [p] = fe("Modal"), v = f || p, x = o || (m ? v == null ? void 0 : v.okText : v == null ? void 0 : v.justOkText), h = a || (v == null ? void 0 : v.cancelText), g = Object.assign({
+    autoFocusButton: C,
+    cancelTextLocale: h,
+    okTextLocale: x,
+    mergedOkCancel: m
+  }, s), y = r.useMemo(() => g, z(Object.values(g))), O = /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(Be, null), /* @__PURE__ */ r.createElement(De, null)), N = e.title !== void 0 && e.title !== null, $ = `${l}-body`;
+  return /* @__PURE__ */ r.createElement("div", {
+    className: `${l}-body-wrapper`
+  }, /* @__PURE__ */ r.createElement("div", {
+    className: T($, {
+      [`${$}-has-title`]: N
+    })
+  }, u, /* @__PURE__ */ r.createElement("div", {
+    className: `${l}-paragraph`
+  }, N && /* @__PURE__ */ r.createElement("span", {
+    className: `${l}-title`
+  }, e.title), /* @__PURE__ */ r.createElement("div", {
+    className: `${l}-content`
+  }, e.content))), c === void 0 || typeof c == "function" ? /* @__PURE__ */ r.createElement(rn, {
+    value: y
+  }, /* @__PURE__ */ r.createElement("div", {
+    className: `${l}-btns`
+  }, typeof c == "function" ? c(O, {
+    OkBtn: De,
+    CancelBtn: Be
+  }) : O)) : c, /* @__PURE__ */ r.createElement(zt, {
+    prefixCls: n
+  }));
+}
+const bn = (e) => {
+  const {
+    close: n,
+    zIndex: t,
+    maskStyle: o,
+    direction: a,
+    prefixCls: l,
+    wrapClassName: i,
+    rootPrefixCls: d,
+    bodyStyle: c,
+    closable: f = !1,
+    onConfirm: s,
+    styles: u
+  } = e;
+  if (process.env.NODE_ENV !== "production") {
+    const O = $e("Modal");
+    [["visible", "open"], ["bodyStyle", "styles.body"], ["maskStyle", "styles.mask"]].forEach(([N, $]) => {
+      O.deprecated(!(N in e), N, $);
+    });
+  }
+  const m = `${l}-confirm`, C = e.width || 416, p = e.style || {}, v = e.mask === void 0 ? !0 : e.mask, x = e.maskClosable === void 0 ? !1 : e.maskClosable, h = T(m, `${m}-${e.type}`, {
+    [`${m}-rtl`]: a === "rtl"
+  }, e.className), [, g] = Hn(), y = r.useMemo(() => t !== void 0 ? t : g.zIndexPopupBase + Xn, [t, g]);
+  return /* @__PURE__ */ r.createElement(Cn, Object.assign({}, e, {
+    className: h,
+    wrapClassName: T({
+      [`${m}-centered`]: !!e.centered
+    }, i),
+    onCancel: () => {
+      n == null || n({
+        triggerCancel: !0
+      }), s == null || s(!1);
+    },
+    title: "",
+    footer: null,
+    transitionName: ce(d || "", "zoom", e.transitionName),
+    maskTransitionName: ce(d || "", "fade", e.maskTransitionName),
+    mask: v,
+    maskClosable: x,
+    style: p,
+    styles: Object.assign({
+      body: c,
+      mask: o
+    }, u),
+    width: C,
+    zIndex: y,
+    closable: f
+  }), /* @__PURE__ */ r.createElement(pn, Object.assign({}, e, {
+    confirmPrefixCls: m
+  })));
+}, Ne = (e) => {
+  const {
+    rootPrefixCls: n,
+    iconPrefixCls: t,
+    direction: o,
+    theme: a
+  } = e;
+  return /* @__PURE__ */ r.createElement(Ze, {
+    prefixCls: n,
+    iconPrefixCls: t,
+    direction: o,
+    theme: a
+  }, /* @__PURE__ */ r.createElement(bn, Object.assign({}, e)));
+};
+process.env.NODE_ENV !== "production" && (bn.displayName = "ConfirmDialog", Ne.displayName = "ConfirmDialogWrapper");
+const X = [];
+let yn = "";
+function hn() {
+  return yn;
+}
+const Wt = (e) => {
+  var n, t;
+  const {
+    prefixCls: o,
+    getContainer: a,
+    direction: l
+  } = e, i = Xe(), d = ae(ue), c = hn() || d.getPrefixCls(), f = o || `${c}-modal`;
+  let s = a;
+  return s === !1 && (s = void 0, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "production" && Ye(!1, "Modal", "Static method not support `getContainer` to be `false` since it do not have context env.")), /* @__PURE__ */ b.createElement(Ne, Object.assign({}, e, {
+    rootPrefixCls: c,
+    prefixCls: f,
+    iconPrefixCls: d.iconPrefixCls,
+    theme: d.theme,
+    direction: l ?? d.direction,
+    locale: (t = (n = d.locale) === null || n === void 0 ? void 0 : n.Modal) !== null && t !== void 0 ? t : i,
+    getContainer: s
+  }));
+};
+function le(e) {
+  const n = Wn();
+  process.env.NODE_ENV !== "production" && !n.holderRender && Vn("Modal");
+  const t = document.createDocumentFragment();
+  let o = Object.assign(Object.assign({}, e), {
+    close: c,
+    open: !0
+  }), a, l;
+  function i(...s) {
+    var u;
+    if (s.some((p) => p == null ? void 0 : p.triggerCancel)) {
+      var C;
+      (u = e.onCancel) === null || u === void 0 || (C = u).call.apply(C, [e, () => {
+      }].concat(z(s.slice(1))));
+    }
+    for (let p = 0; p < X.length; p++)
+      if (X[p] === c) {
+        X.splice(p, 1);
+        break;
+      }
+    l();
+  }
+  function d(s) {
+    clearTimeout(a), a = setTimeout(() => {
+      const u = n.getPrefixCls(void 0, hn()), m = n.getIconPrefixCls(), C = n.getTheme(), p = /* @__PURE__ */ b.createElement(Wt, Object.assign({}, s));
+      l = Kn()(/* @__PURE__ */ b.createElement(Ze, {
+        prefixCls: u,
+        iconPrefixCls: m,
+        theme: C
+      }, n.holderRender ? n.holderRender(p) : p), t);
+    });
+  }
+  function c(...s) {
+    o = Object.assign(Object.assign({}, o), {
+      open: !1,
+      afterClose: () => {
+        typeof e.afterClose == "function" && e.afterClose(), i.apply(this, s);
+      }
+    }), o.visible && delete o.visible, d(o);
+  }
+  function f(s) {
+    typeof s == "function" ? o = s(o) : o = Object.assign(Object.assign({}, o), s), d(o);
+  }
+  return d(o), X.push(c), {
+    destroy: c,
+    update: f
+  };
+}
+function xn(e) {
+  return Object.assign(Object.assign({}, e), {
+    type: "warning"
+  });
+}
+function $n(e) {
+  return Object.assign(Object.assign({}, e), {
+    type: "info"
+  });
+}
+function En(e) {
+  return Object.assign(Object.assign({}, e), {
+    type: "success"
+  });
+}
+function Sn(e) {
+  return Object.assign(Object.assign({}, e), {
+    type: "error"
+  });
+}
+function On(e) {
+  return Object.assign(Object.assign({}, e), {
+    type: "confirm"
+  });
+}
+function Vt({
+  rootPrefixCls: e
+}) {
+  process.env.NODE_ENV !== "production" && Ye(!1, "Modal", "Modal.config is deprecated. Please use ConfigProvider.config instead."), yn = e;
+}
+var At = function(e, n) {
+  var t = {};
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && n.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, o = Object.getOwnPropertySymbols(e); a < o.length; a++)
+    n.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (t[o[a]] = e[o[a]]);
+  return t;
+};
+const Gt = (e, n) => {
+  var t, {
+    afterClose: o,
+    config: a
+  } = e, l = At(e, ["afterClose", "config"]);
+  const [i, d] = r.useState(!0), [c, f] = r.useState(a), {
+    direction: s,
+    getPrefixCls: u
+  } = r.useContext(ue), m = u("modal"), C = u(), p = () => {
+    var g;
+    o(), (g = c.afterClose) === null || g === void 0 || g.call(c);
+  }, v = (...g) => {
+    var y;
+    if (d(!1), g.some(($) => $ == null ? void 0 : $.triggerCancel)) {
+      var N;
+      (y = c.onCancel) === null || y === void 0 || (N = y).call.apply(N, [c, () => {
+      }].concat(z(g.slice(1))));
+    }
+  };
+  r.useImperativeHandle(n, () => ({
+    destroy: v,
+    update: (g) => {
+      f((y) => {
+        const O = typeof g == "function" ? g(y) : g;
+        return Object.assign(Object.assign({}, y), O);
+      });
+    }
+  }));
+  const x = (t = c.okCancel) !== null && t !== void 0 ? t : c.type === "confirm", [h] = fe("Modal", se.Modal);
+  return /* @__PURE__ */ r.createElement(Ne, Object.assign({
+    prefixCls: m,
+    rootPrefixCls: C
+  }, c, {
+    close: v,
+    open: i,
+    afterClose: p,
+    okText: c.okText || (x ? h == null ? void 0 : h.okText : h == null ? void 0 : h.justOkText),
+    direction: c.direction || s,
+    cancelText: c.cancelText || (h == null ? void 0 : h.cancelText)
+  }, l));
+}, qt = /* @__PURE__ */ r.forwardRef(Gt);
+let qe = 0;
+const Ut = /* @__PURE__ */ r.memo(/* @__PURE__ */ r.forwardRef((e, n) => {
+  const [t, o] = ut();
+  return r.useImperativeHandle(n, () => ({
+    patchElement: o
+  }), []), /* @__PURE__ */ r.createElement(r.Fragment, null, t);
+}));
+function kt() {
+  const e = r.useRef(null), [n, t] = r.useState([]);
+  r.useEffect(() => {
+    n.length && (z(n).forEach((i) => {
+      i();
+    }), t([]));
+  }, [n]);
+  const o = r.useCallback((l) => function(d) {
+    var c;
+    qe += 1;
+    const f = /* @__PURE__ */ r.createRef();
+    let s;
+    const u = new Promise((x) => {
+      s = x;
+    });
+    let m = !1, C;
+    const p = /* @__PURE__ */ r.createElement(qt, {
+      key: `modal-${qe}`,
+      config: l(d),
+      ref: f,
+      afterClose: () => {
+        C == null || C();
+      },
+      isSilent: () => m,
+      onConfirm: (x) => {
+        s(x);
+      }
+    });
+    return C = (c = e.current) === null || c === void 0 ? void 0 : c.patchElement(p), C && X.push(C), {
+      destroy: () => {
+        function x() {
+          var h;
+          (h = f.current) === null || h === void 0 || h.destroy();
+        }
+        f.current ? x() : t((h) => [].concat(z(h), [x]));
+      },
+      update: (x) => {
+        function h() {
+          var g;
+          (g = f.current) === null || g === void 0 || g.update(x);
+        }
+        f.current ? h() : t((g) => [].concat(z(g), [h]));
+      },
+      then: (x) => (m = !0, u.then(x))
+    };
+  }, []);
+  return [r.useMemo(() => ({
+    info: o($n),
+    success: o(En),
+    error: o(Sn),
+    warning: o(xn),
+    confirm: o(On)
+  }), []), /* @__PURE__ */ r.createElement(Ut, {
+    key: "modal-holder",
+    ref: e
+  })];
+}
+var Xt = function(e, n) {
+  var t = {};
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && n.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, o = Object.getOwnPropertySymbols(e); a < o.length; a++)
+    n.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (t[o[a]] = e[o[a]]);
+  return t;
+};
+const Kt = (e) => {
+  const {
+    prefixCls: n,
+    className: t,
+    closeIcon: o,
+    closable: a,
+    type: l,
+    title: i,
+    children: d,
+    footer: c
+  } = e, f = Xt(e, ["prefixCls", "className", "closeIcon", "closable", "type", "title", "children", "footer"]), {
+    getPrefixCls: s
+  } = r.useContext(ue), u = s(), m = n || s("modal"), C = Qe(u), [p, v, x] = vn(m, C), h = `${m}-confirm`;
+  let g = {};
+  return l ? g = {
+    closable: a ?? !1,
+    title: "",
+    footer: "",
+    children: /* @__PURE__ */ r.createElement(pn, Object.assign({}, e, {
+      prefixCls: m,
+      confirmPrefixCls: h,
+      rootPrefixCls: u,
+      content: d
+    }))
+  } : g = {
+    closable: a ?? !0,
+    title: i,
+    footer: c !== null && /* @__PURE__ */ r.createElement(un, Object.assign({}, e)),
+    children: d
+  }, p(/* @__PURE__ */ r.createElement(we, Object.assign({
+    prefixCls: m,
+    className: T(v, `${m}-pure-panel`, l && h, l && `${h}-${l}`, t, x, C)
+  }, f, {
+    closeIcon: dn(m, o),
+    closable: a
+  }, g)));
+}, Qt = Qn(Kt);
+function wn(e) {
+  return le(xn(e));
+}
+const D = Cn;
+D.useModal = kt;
+D.info = function(n) {
+  return le($n(n));
+};
+D.success = function(n) {
+  return le(En(n));
+};
+D.error = function(n) {
+  return le(Sn(n));
+};
+D.warning = wn;
+D.warn = wn;
+D.confirm = function(n) {
+  return le(On(n));
+};
+D.destroyAll = function() {
+  for (; X.length; ) {
+    const n = X.pop();
+    n && n();
+  }
+};
+D.config = Vt;
+D._InternalPanelDoNotUseOrYouWillBeFired = Qt;
+process.env.NODE_ENV !== "production" && (D.displayName = "Modal");
+export {
+  D as M
+};