@notificationapi/react 0.0.30 → 0.0.32

package/dist/components/Preferences/NotificationPreferencesPopup.js

@@ -1,609 +1,1155 @@
-import { jsx as ye } from "react/jsx-runtime";
-import { Preferences as yn } from "./Preferences.js";
-import { _ as U, q as xn, s as hn, d as De, t as En, v as _e, w as $n, K as He, g as On, u as S, r as Nn, l as Sn, m as wn, a as oe, e as ce, n as Pn, x as In, C as Ae, h as Tn, y as Rn, z as Mn, A as Le, B as jn } from "../../assets/colors.js";
+import { jsx as Te } from "react/jsx-runtime";
+import { Preferences as Mt } from "./Preferences.js";
+import { _ as G, K as ye, x as Bt, y as zt, d as Ze, g as Ye, m as Je, u as P, a as _, t as Ft, z as et, A as Ht, r as kt, k as At, e as xe, w as Dt, B as Lt, C as tt, l as _t, E as Vt, F as Wt, G as nt, H as qt } from "../../assets/colors.js";
 import * as l from "react";
-import v, { useContext as Y, useRef as V, useMemo as Bn, useEffect as xe } from "react";
-import { p as zn, K as he, q as Fn, r as de, s as Dn, i as _n, l as Ve, v as Hn, N as An, w as Ln, z as Vn, d as te, x as Wn, y as qn, A as Gn, B as Un } from "../../assets/index4.js";
-import { a as D, c as w, _ as I, b as Xn, e as ue, i as Ee, j as $e, k as Kn } from "../../assets/index3.js";
-import { I as fe } from "../../assets/AntdIcon.js";
-import { B as me, c as We } from "../../assets/button.js";
-import { R as ge, w as Qn } from "../../assets/PurePanel.js";
-import { p as Ce } from "../../assets/pickAttrs.js";
-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" }, Yn = function(n, t) {
-  return /* @__PURE__ */ l.createElement(fe, D({}, n, {
-    ref: t,
-    icon: Zn
+import h, { useContext as ne, useRef as X, useMemo as Gt, useEffect as Me } from "react";
+import { p as Ut, q as Xt, K as Be, r as Kt, o as $e, s as Ee, i as Qt, h as ot, v as Zt, w as Yt, z as Jt, d as ie, x as en, y as tn, A as nn, B as on } from "../../assets/index3.js";
+import { a as D, c as E, _ as j, b as ze, e as Se, i as Fe, j as He, k as an } from "../../assets/presets.js";
+import { I as Oe } from "../../assets/AntdIcon.js";
+import { B as Ne, c as at } from "../../assets/button.js";
+import { R as we, w as ln } from "../../assets/PurePanel.js";
+import { p as Pe } from "../../assets/pickAttrs.js";
+var rn = { 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" }, sn = function(t, n) {
+  return /* @__PURE__ */ l.createElement(Oe, D({}, t, {
+    ref: n,
+    icon: rn
   }));
-}, qe = /* @__PURE__ */ l.forwardRef(Yn);
-process.env.NODE_ENV !== "production" && (qe.displayName = "CheckCircleFilled");
-var kn = { 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" }, Jn = function(n, t) {
-  return /* @__PURE__ */ l.createElement(fe, D({}, n, {
-    ref: t,
-    icon: kn
+}, lt = /* @__PURE__ */ l.forwardRef(sn);
+process.env.NODE_ENV !== "production" && (lt.displayName = "CheckCircleFilled");
+var cn = { 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" }, dn = function(t, n) {
+  return /* @__PURE__ */ l.createElement(Oe, D({}, t, {
+    ref: n,
+    icon: cn
   }));
-}, Ge = /* @__PURE__ */ l.forwardRef(Jn);
-process.env.NODE_ENV !== "production" && (Ge.displayName = "ExclamationCircleFilled");
-var et = { 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" }, nt = function(n, t) {
-  return /* @__PURE__ */ l.createElement(fe, D({}, n, {
-    ref: t,
-    icon: et
+}, rt = /* @__PURE__ */ l.forwardRef(dn);
+process.env.NODE_ENV !== "production" && (rt.displayName = "ExclamationCircleFilled");
+var un = { 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" }, fn = function(t, n) {
+  return /* @__PURE__ */ l.createElement(Oe, D({}, t, {
+    ref: n,
+    icon: un
   }));
-}, Ue = /* @__PURE__ */ l.forwardRef(nt);
-process.env.NODE_ENV !== "production" && (Ue.displayName = "InfoCircleFilled");
-function tt() {
-  const [e, n] = l.useState([]), t = l.useCallback((o) => (n((a) => [].concat(U(a), [o])), () => {
-    n((a) => a.filter((r) => r !== o));
+}, it = /* @__PURE__ */ l.forwardRef(fn);
+process.env.NODE_ENV !== "production" && (it.displayName = "InfoCircleFilled");
+function mn() {
+  const [e, t] = l.useState([]), n = l.useCallback((o) => (t((a) => [].concat(G(a), [o])), () => {
+    t((a) => a.filter((r) => r !== o));
   }), []);
-  return [e, t];
+  return [e, n];
 }
-function ie(e) {
-  return !!(e && e.then);
+const gn = new ye("antFadeIn", {
+  "0%": {
+    opacity: 0
+  },
+  "100%": {
+    opacity: 1
+  }
+}), Cn = new ye("antFadeOut", {
+  "0%": {
+    opacity: 1
+  },
+  "100%": {
+    opacity: 0
+  }
+}), vn = function(e) {
+  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+  const {
+    antCls: n
+  } = e, o = `${n}-fade`, a = t ? "&" : "";
+  return [Ut(o, gn, Cn, e.motionDurationMid, t), {
+    [`
+        ${a}${o}-enter,
+        ${a}${o}-appear
+      `]: {
+      opacity: 0,
+      animationTimingFunction: "linear"
+    },
+    [`${a}${o}-leave`]: {
+      animationTimingFunction: "linear"
+    }
+  }];
+};
+function ge(e) {
+  return !!(e != null && e.then);
 }
-const Xe = (e) => {
+const st = (e) => {
   const {
-    type: n,
-    children: t,
+    type: t,
+    children: n,
     prefixCls: o,
     buttonProps: a,
     close: r,
-    autoFocus: u,
-    emitEvent: d,
-    isSilent: s,
-    quitOnNullishReturnValue: c,
-    actionFn: i
-  } = e, f = l.useRef(!1), b = l.useRef(null), [g, h] = xn(!1), C = function() {
+    autoFocus: d,
+    emitEvent: c,
+    isSilent: i,
+    quitOnNullishReturnValue: u,
+    actionFn: s
+  } = e, f = l.useRef(!1), g = l.useRef(null), [v, b] = Bt(!1), m = function() {
     r == null || r.apply(void 0, arguments);
   };
   l.useEffect(() => {
-    let m = null;
-    return u && (m = setTimeout(() => {
+    let C = null;
+    return d && (C = setTimeout(() => {
       var y;
-      (y = b.current) === null || y === void 0 || y.focus();
+      (y = g.current) === null || y === void 0 || y.focus();
     })), () => {
-      m && clearTimeout(m);
+      C && clearTimeout(C);
     };
   }, []);
-  const E = (m) => {
-    ie(m) && (h(!0), m.then(function() {
-      h(!1, !0), C.apply(void 0, arguments), f.current = !1;
+  const x = (C) => {
+    ge(C) && (b(!0), C.then(function() {
+      b(!1, !0), m.apply(void 0, arguments), f.current = !1;
     }, (y) => {
-      if (h(!1, !0), f.current = !1, !(s != null && s()))
+      if (b(!1, !0), f.current = !1, !(i != null && i()))
         return Promise.reject(y);
     }));
-  }, p = (m) => {
+  }, p = (C) => {
     if (f.current)
       return;
-    if (f.current = !0, !i) {
-      C();
+    if (f.current = !0, !s) {
+      m();
       return;
     }
     let y;
-    if (d) {
-      if (y = i(m), c && !ie(y)) {
-        f.current = !1, C(m);
+    if (c) {
+      if (y = s(C), u && !ge(y)) {
+        f.current = !1, m(C);
         return;
       }
-    } else if (i.length)
-      y = i(r), f.current = !1;
-    else if (y = i(), !ie(y)) {
-      C();
+    } else if (s.length)
+      y = s(r), f.current = !1;
+    else if (y = s(), !ge(y)) {
+      m();
       return;
     }
-    E(y);
+    x(y);
   };
-  return /* @__PURE__ */ l.createElement(me, Object.assign({}, We(n), {
+  return /* @__PURE__ */ l.createElement(Ne, Object.assign({}, at(t), {
     onClick: p,
-    loading: g,
+    loading: v,
     prefixCls: o
   }, a, {
-    ref: b
-  }), t);
-}, k = /* @__PURE__ */ v.createContext({}), {
-  Provider: Ke
-} = k, Oe = () => {
+    ref: g
+  }), n);
+}, oe = /* @__PURE__ */ h.createContext({}), {
+  Provider: ct
+} = oe, ke = () => {
   const {
     autoFocusButton: e,
-    cancelButtonProps: n,
-    cancelTextLocale: t,
+    cancelButtonProps: t,
+    cancelTextLocale: n,
     isSilent: o,
     mergedOkCancel: a,
     rootPrefixCls: r,
-    close: u,
-    onCancel: d,
-    onConfirm: s
-  } = Y(k);
-  return a ? /* @__PURE__ */ v.createElement(Xe, {
+    close: d,
+    onCancel: c,
+    onConfirm: i
+  } = ne(oe);
+  return a ? /* @__PURE__ */ h.createElement(st, {
     isSilent: o,
-    actionFn: d,
+    actionFn: c,
     close: function() {
-      u == null || u.apply(void 0, arguments), s == null || s(!1);
+      d == null || d.apply(void 0, arguments), i == null || i(!1);
     },
     autoFocus: e === "cancel",
-    buttonProps: n,
+    buttonProps: t,
     prefixCls: `${r}-btn`
-  }, t) : null;
-}, Ne = () => {
+  }, n) : null;
+}, Ae = () => {
   const {
     autoFocusButton: e,
-    close: n,
-    isSilent: t,
+    close: t,
+    isSilent: n,
     okButtonProps: o,
     rootPrefixCls: a,
     okTextLocale: r,
-    okType: u,
-    onConfirm: d,
-    onOk: s
-  } = Y(k);
-  return /* @__PURE__ */ v.createElement(Xe, {
-    isSilent: t,
-    type: u || "primary",
-    actionFn: s,
+    okType: d,
+    onConfirm: c,
+    onOk: i
+  } = ne(oe);
+  return /* @__PURE__ */ h.createElement(st, {
+    isSilent: n,
+    type: d || "primary",
+    actionFn: i,
     close: function() {
-      n == null || n.apply(void 0, arguments), d == null || d(!0);
+      t == null || t.apply(void 0, arguments), c == null || c(!0);
     },
     autoFocus: e === "ok",
     buttonProps: o,
     prefixCls: `${a}-btn`
   }, r);
 };
-var Qe = /* @__PURE__ */ l.createContext({});
-function Se(e, n, t) {
-  var o = n;
-  return !o && t && (o = "".concat(e, "-").concat(t)), o;
+var dt = /* @__PURE__ */ l.createContext({});
+function De(e, t, n) {
+  var o = t;
+  return !o && n && (o = "".concat(e, "-").concat(n)), o;
 }
-function we(e, n) {
-  var t = e["page".concat(n ? "Y" : "X", "Offset")], o = "scroll".concat(n ? "Top" : "Left");
-  if (typeof t != "number") {
+function Le(e, t) {
+  var n = e["page".concat(t ? "Y" : "X", "Offset")], o = "scroll".concat(t ? "Top" : "Left");
+  if (typeof n != "number") {
     var a = e.document;
-    t = a.documentElement[o], typeof t != "number" && (t = a.body[o]);
+    n = a.documentElement[o], typeof n != "number" && (n = a.body[o]);
   }
-  return t;
+  return n;
 }
-function ot(e) {
-  var n = e.getBoundingClientRect(), t = {
-    left: n.left,
-    top: n.top
+function bn(e) {
+  var t = e.getBoundingClientRect(), n = {
+    left: t.left,
+    top: t.top
   }, o = e.ownerDocument, a = o.defaultView || o.parentWindow;
-  return t.left += we(a), t.top += we(a, !0), t;
+  return n.left += Le(a), n.top += Le(a, !0), n;
 }
-const at = /* @__PURE__ */ l.memo(function(e) {
-  var n = e.children;
-  return n;
-}, function(e, n) {
-  var t = n.shouldUpdate;
-  return !t;
+const pn = /* @__PURE__ */ l.memo(function(e) {
+  var t = e.children;
+  return t;
+}, function(e, t) {
+  var n = t.shouldUpdate;
+  return !n;
 });
-var Pe = {
+var hn = {
   width: 0,
   height: 0,
   overflow: "hidden",
   outline: "none"
-}, rt = {
+}, yn = {
   outline: "none"
-}, ve = /* @__PURE__ */ v.forwardRef(function(e, n) {
-  var t = e.prefixCls, o = e.className, a = e.style, r = e.title, u = e.ariaId, d = e.footer, s = e.closable, c = e.closeIcon, i = e.onClose, f = e.children, b = e.bodyStyle, g = e.bodyProps, h = e.modalRender, C = e.onMouseDown, E = e.onMouseUp, p = e.holderRef, m = e.visible, y = e.forceRender, x = e.width, P = e.height, O = e.classNames, $ = e.styles, H = v.useContext(Qe), W = H.panel, q = hn(p, W), _ = V(), A = V(), j = V();
-  v.useImperativeHandle(n, function() {
+}, Ie = /* @__PURE__ */ h.forwardRef(function(e, t) {
+  var n = e.prefixCls, o = e.className, a = e.style, r = e.title, d = e.ariaId, c = e.footer, i = e.closable, u = e.closeIcon, s = e.onClose, f = e.children, g = e.bodyStyle, v = e.bodyProps, b = e.modalRender, m = e.onMouseDown, x = e.onMouseUp, p = e.holderRef, C = e.visible, y = e.forceRender, $ = e.width, N = e.height, O = e.classNames, S = e.styles, R = h.useContext(dt), w = R.panel, z = zt(p, w), T = X(), V = X();
+  h.useImperativeHandle(t, function() {
     return {
       focus: function() {
-        var F;
-        (F = j.current) === null || F === void 0 || F.focus();
+        var k;
+        (k = T.current) === null || k === void 0 || k.focus({
+          preventScroll: !0
+        });
       },
-      changeActive: function(F) {
-        var Z = document, ee = Z.activeElement;
-        F && ee === A.current ? _.current.focus() : !F && ee === _.current && A.current.focus();
+      changeActive: function(k) {
+        var A = document, M = A.activeElement;
+        k && M === V.current ? T.current.focus({
+          preventScroll: !0
+        }) : !k && M === T.current && V.current.focus({
+          preventScroll: !0
+        });
       }
     };
   });
-  var T = {};
-  x !== void 0 && (T.width = x), P !== void 0 && (T.height = P);
-  var z;
-  d && (z = /* @__PURE__ */ v.createElement("div", {
-    className: w("".concat(t, "-footer"), O == null ? void 0 : O.footer),
-    style: I({}, $ == null ? void 0 : $.footer)
-  }, d));
-  var L;
-  r && (L = /* @__PURE__ */ v.createElement("div", {
-    className: w("".concat(t, "-header"), O == null ? void 0 : O.header),
-    style: I({}, $ == null ? void 0 : $.header)
-  }, /* @__PURE__ */ v.createElement("div", {
-    className: "".concat(t, "-title"),
-    id: u
-  }, r)));
-  var G = Bn(function() {
-    return Xn(s) === "object" && s !== null ? s : s ? {
-      closeIcon: c ?? /* @__PURE__ */ v.createElement("span", {
-        className: "".concat(t, "-close-x")
+  var L = {};
+  $ !== void 0 && (L.width = $), N !== void 0 && (L.height = N);
+  var B = c ? /* @__PURE__ */ h.createElement("div", {
+    className: E("".concat(n, "-footer"), O == null ? void 0 : O.footer),
+    style: j({}, S == null ? void 0 : S.footer)
+  }, c) : null, F = r ? /* @__PURE__ */ h.createElement("div", {
+    className: E("".concat(n, "-header"), O == null ? void 0 : O.header),
+    style: j({}, S == null ? void 0 : S.header)
+  }, /* @__PURE__ */ h.createElement("div", {
+    className: "".concat(n, "-title"),
+    id: d
+  }, r)) : null, W = Gt(function() {
+    return ze(i) === "object" && i !== null ? i : i ? {
+      closeIcon: u ?? /* @__PURE__ */ h.createElement("span", {
+        className: "".concat(n, "-close-x")
       })
     } : {};
-  }, [s, c]), Q = Ce(G, !0), X;
-  s && (X = /* @__PURE__ */ v.createElement("button", D({
+  }, [i, u, n]), q = Pe(W, !0), U = ze(i) === "object" && i.disabled, te = i ? /* @__PURE__ */ h.createElement("button", D({
     type: "button",
-    onClick: i,
+    onClick: s,
     "aria-label": "Close"
-  }, Q, {
-    className: "".concat(t, "-close")
-  }), G.closeIcon));
-  var R = /* @__PURE__ */ v.createElement("div", {
-    className: w("".concat(t, "-content"), O == null ? void 0 : O.content),
-    style: $ == null ? void 0 : $.content
-  }, X, L, /* @__PURE__ */ v.createElement("div", D({
-    className: w("".concat(t, "-body"), O == null ? void 0 : O.body),
-    style: I(I({}, b), $ == null ? void 0 : $.body)
-  }, g), f), z);
-  return /* @__PURE__ */ v.createElement("div", {
+  }, q, {
+    className: "".concat(n, "-close"),
+    disabled: U
+  }), W.closeIcon) : null, K = /* @__PURE__ */ h.createElement("div", {
+    className: E("".concat(n, "-content"), O == null ? void 0 : O.content),
+    style: S == null ? void 0 : S.content
+  }, te, F, /* @__PURE__ */ h.createElement("div", D({
+    className: E("".concat(n, "-body"), O == null ? void 0 : O.body),
+    style: j(j({}, g), S == null ? void 0 : S.body)
+  }, v), f), B);
+  return /* @__PURE__ */ h.createElement("div", {
     key: "dialog-element",
     role: "dialog",
-    "aria-labelledby": r ? u : null,
+    "aria-labelledby": r ? d : null,
     "aria-modal": "true",
-    ref: q,
-    style: I(I({}, a), T),
-    className: w(t, o),
-    onMouseDown: C,
-    onMouseUp: E
-  }, /* @__PURE__ */ v.createElement("div", {
+    ref: z,
+    style: j(j({}, a), L),
+    className: E(n, o),
+    onMouseDown: m,
+    onMouseUp: x
+  }, /* @__PURE__ */ h.createElement("div", {
+    ref: T,
     tabIndex: 0,
-    ref: _,
-    style: Pe,
-    "aria-hidden": "true"
-  }), /* @__PURE__ */ v.createElement("div", {
-    ref: j,
-    tabIndex: -1,
-    style: rt
-  }, /* @__PURE__ */ v.createElement(at, {
-    shouldUpdate: m || y
-  }, h ? h(R) : R)), /* @__PURE__ */ v.createElement("div", {
+    style: yn
+  }, /* @__PURE__ */ h.createElement(pn, {
+    shouldUpdate: C || y
+  }, b ? b(K) : K)), /* @__PURE__ */ h.createElement("div", {
     tabIndex: 0,
-    ref: A,
-    style: Pe,
-    "aria-hidden": "true"
+    ref: V,
+    style: hn
   }));
 });
-process.env.NODE_ENV !== "production" && (ve.displayName = "Panel");
-var Ze = /* @__PURE__ */ l.forwardRef(function(e, n) {
-  var t = e.prefixCls, o = e.title, a = e.style, r = e.className, u = e.visible, d = e.forceRender, s = e.destroyOnClose, c = e.motionName, i = e.ariaId, f = e.onVisibleChanged, b = e.mousePosition, g = V(), h = l.useState(), C = ue(h, 2), E = C[0], p = C[1], m = {};
-  E && (m.transformOrigin = E);
+process.env.NODE_ENV !== "production" && (Ie.displayName = "Panel");
+var ut = /* @__PURE__ */ l.forwardRef(function(e, t) {
+  var n = e.prefixCls, o = e.title, a = e.style, r = e.className, d = e.visible, c = e.forceRender, i = e.destroyOnClose, u = e.motionName, s = e.ariaId, f = e.onVisibleChanged, g = e.mousePosition, v = X(), b = l.useState(), m = Se(b, 2), x = m[0], p = m[1], C = {};
+  x && (C.transformOrigin = x);
   function y() {
-    var x = ot(g.current);
-    p(b ? "".concat(b.x - x.left, "px ").concat(b.y - x.top, "px") : "");
+    var $ = bn(v.current);
+    p(g && (g.x || g.y) ? "".concat(g.x - $.left, "px ").concat(g.y - $.top, "px") : "");
   }
-  return /* @__PURE__ */ l.createElement(De, {
-    visible: u,
+  return /* @__PURE__ */ l.createElement(Ze, {
+    visible: d,
     onVisibleChanged: f,
     onAppearPrepare: y,
     onEnterPrepare: y,
-    forceRender: d,
-    motionName: c,
-    removeOnLeave: s,
-    ref: g
-  }, function(x, P) {
-    var O = x.className, $ = x.style;
-    return /* @__PURE__ */ l.createElement(ve, D({}, e, {
-      ref: n,
+    forceRender: c,
+    motionName: u,
+    removeOnLeave: i,
+    ref: v
+  }, function($, N) {
+    var O = $.className, S = $.style;
+    return /* @__PURE__ */ l.createElement(Ie, D({}, e, {
+      ref: t,
       title: o,
-      ariaId: i,
-      prefixCls: t,
-      holderRef: P,
-      style: I(I(I({}, $), a), m),
-      className: w(r, O)
+      ariaId: s,
+      prefixCls: n,
+      holderRef: N,
+      style: j(j(j({}, S), a), C),
+      className: E(r, O)
     }));
   });
 });
-Ze.displayName = "Content";
-function lt(e) {
-  var n = e.prefixCls, t = e.style, o = e.visible, a = e.maskProps, r = e.motionName, u = e.className;
-  return /* @__PURE__ */ l.createElement(De, {
+ut.displayName = "Content";
+var xn = function(t) {
+  var n = t.prefixCls, o = t.style, a = t.visible, r = t.maskProps, d = t.motionName, c = t.className;
+  return /* @__PURE__ */ l.createElement(Ze, {
     key: "mask",
-    visible: o,
-    motionName: r,
+    visible: a,
+    motionName: d,
     leavedClassName: "".concat(n, "-mask-hidden")
-  }, function(d, s) {
-    var c = d.className, i = d.style;
+  }, function(i, u) {
+    var s = i.className, f = i.style;
     return /* @__PURE__ */ l.createElement("div", D({
-      ref: s,
-      style: I(I({}, i), t),
-      className: w("".concat(n, "-mask"), c, u)
-    }, a));
+      ref: u,
+      style: j(j({}, f), o),
+      className: E("".concat(n, "-mask"), s, c)
+    }, r));
   });
-}
-function it(e) {
-  var n = e.prefixCls, t = n === void 0 ? "rc-dialog" : n, o = e.zIndex, a = e.visible, r = a === void 0 ? !1 : a, u = e.keyboard, d = u === void 0 ? !0 : u, s = e.focusTriggerAfterClose, c = s === void 0 ? !0 : s, i = e.wrapStyle, f = e.wrapClassName, b = e.wrapProps, g = e.onClose, h = e.afterOpenChange, C = e.afterClose, E = e.transitionName, p = e.animation, m = e.closable, y = m === void 0 ? !0 : m, x = e.mask, P = x === void 0 ? !0 : x, O = e.maskTransitionName, $ = e.maskAnimation, H = e.maskClosable, W = H === void 0 ? !0 : H, q = e.maskStyle, _ = e.maskProps, A = e.rootClassName, j = e.classNames, T = e.styles;
-  process.env.NODE_ENV !== "production" && (["wrapStyle", "bodyStyle", "maskStyle"].forEach(function(N) {
-    Ee(!(N in e), "".concat(N, " is deprecated, please use styles instead."));
-  }), "wrapClassName" in e && Ee(!1, "wrapClassName is deprecated, please use classNames instead."));
-  var z = V(), L = V(), G = V(), Q = l.useState(r), X = ue(Q, 2), R = X[0], M = X[1], F = zn();
-  function Z() {
-    $e(L.current, document.activeElement) || (z.current = document.activeElement);
+}, $n = function(t) {
+  var n = t.prefixCls, o = n === void 0 ? "rc-dialog" : n, a = t.zIndex, r = t.visible, d = r === void 0 ? !1 : r, c = t.keyboard, i = c === void 0 ? !0 : c, u = t.focusTriggerAfterClose, s = u === void 0 ? !0 : u, f = t.wrapStyle, g = t.wrapClassName, v = t.wrapProps, b = t.onClose, m = t.afterOpenChange, x = t.afterClose, p = t.transitionName, C = t.animation, y = t.closable, $ = y === void 0 ? !0 : y, N = t.mask, O = N === void 0 ? !0 : N, S = t.maskTransitionName, R = t.maskAnimation, w = t.maskClosable, z = w === void 0 ? !0 : w, T = t.maskStyle, V = t.maskProps, L = t.rootClassName, B = t.classNames, F = t.styles;
+  process.env.NODE_ENV !== "production" && (["wrapStyle", "bodyStyle", "maskStyle"].forEach(function(I) {
+    Fe(!(I in t), "".concat(I, " is deprecated, please use styles instead."));
+  }), "wrapClassName" in t && Fe(!1, "wrapClassName is deprecated, please use classNames instead."));
+  var W = X(), q = X(), U = X(), te = l.useState(d), K = Se(te, 2), Q = K[0], k = K[1], A = Xt();
+  function M() {
+    He(q.current, document.activeElement) || (W.current = document.activeElement);
   }
-  function ee() {
-    if (!$e(L.current, document.activeElement)) {
-      var N;
-      (N = G.current) === null || N === void 0 || N.focus();
+  function le() {
+    if (!He(q.current, document.activeElement)) {
+      var I;
+      (I = U.current) === null || I === void 0 || I.focus();
     }
   }
-  function Cn(N) {
-    if (N)
-      ee();
+  function de(I) {
+    if (I)
+      le();
     else {
-      if (M(!1), P && z.current && c) {
+      if (k(!1), O && W.current && s) {
         try {
-          z.current.focus({
+          W.current.focus({
             preventScroll: !0
           });
         } catch {
         }
-        z.current = null;
+        W.current = null;
       }
-      R && (C == null || C());
+      Q && (x == null || x());
     }
-    h == null || h(N);
+    m == null || m(I);
   }
-  function ae(N) {
-    g == null || g(N);
+  function ue(I) {
+    b == null || b(I);
   }
-  var ne = V(!1), re = V(), vn = function() {
-    clearTimeout(re.current), ne.current = !0;
-  }, bn = function() {
-    re.current = setTimeout(function() {
-      ne.current = !1;
+  var re = X(!1), fe = X(), It = function() {
+    clearTimeout(fe.current), re.current = !0;
+  }, jt = function() {
+    fe.current = setTimeout(function() {
+      re.current = !1;
     });
-  }, pe = null;
-  W && (pe = function(le) {
-    ne.current ? ne.current = !1 : L.current === le.target && ae(le);
+  }, Re = null;
+  z && (Re = function(me) {
+    re.current ? re.current = !1 : q.current === me.target && ue(me);
   });
-  function pn(N) {
-    if (d && N.keyCode === he.ESC) {
-      N.stopPropagation(), ae(N);
+  function Rt(I) {
+    if (i && I.keyCode === Be.ESC) {
+      I.stopPropagation(), ue(I);
       return;
     }
-    r && N.keyCode === he.TAB && G.current.changeActive(!N.shiftKey);
+    d && I.keyCode === Be.TAB && U.current.changeActive(!I.shiftKey);
   }
-  return xe(function() {
-    r && (M(!0), Z());
-  }, [r]), xe(function() {
+  Me(function() {
+    d && (k(!0), M());
+  }, [d]), Me(function() {
     return function() {
-      clearTimeout(re.current);
+      clearTimeout(fe.current);
     };
-  }, []), /* @__PURE__ */ l.createElement("div", D({
-    className: w("".concat(t, "-root"), A)
-  }, Ce(e, {
+  }, []);
+  var Tt = j(j(j({
+    zIndex: a
+  }, f), F == null ? void 0 : F.wrapper), {}, {
+    display: Q ? null : "none"
+  });
+  return /* @__PURE__ */ l.createElement("div", D({
+    className: E("".concat(o, "-root"), L)
+  }, Pe(t, {
     data: !0
-  })), /* @__PURE__ */ l.createElement(lt, {
-    prefixCls: t,
-    visible: P && r,
-    motionName: Se(t, O, $),
-    style: I(I({
-      zIndex: o
-    }, q), T == null ? void 0 : T.mask),
-    maskProps: _,
-    className: j == null ? void 0 : j.mask
+  })), /* @__PURE__ */ l.createElement(xn, {
+    prefixCls: o,
+    visible: O && d,
+    motionName: De(o, S, R),
+    style: j(j({
+      zIndex: a
+    }, T), F == null ? void 0 : F.mask),
+    maskProps: V,
+    className: B == null ? void 0 : B.mask
   }), /* @__PURE__ */ l.createElement("div", D({
     tabIndex: -1,
-    onKeyDown: pn,
-    className: w("".concat(t, "-wrap"), f, j == null ? void 0 : j.wrapper),
-    ref: L,
-    onClick: pe,
-    style: I(I(I({
-      zIndex: o
-    }, i), T == null ? void 0 : T.wrapper), {}, {
-      display: R ? null : "none"
-    })
-  }, b), /* @__PURE__ */ l.createElement(Ze, D({}, e, {
-    onMouseDown: vn,
-    onMouseUp: bn,
-    ref: G,
-    closable: y,
-    ariaId: F,
-    prefixCls: t,
-    visible: r && R,
-    onClose: ae,
-    onVisibleChanged: Cn,
-    motionName: Se(t, E, p)
+    onKeyDown: Rt,
+    className: E("".concat(o, "-wrap"), g, B == null ? void 0 : B.wrapper),
+    ref: q,
+    onClick: Re,
+    style: Tt
+  }, v), /* @__PURE__ */ l.createElement(ut, D({}, t, {
+    onMouseDown: It,
+    onMouseUp: jt,
+    ref: U,
+    closable: $,
+    ariaId: A,
+    prefixCls: o,
+    visible: d && Q,
+    onClose: ue,
+    onVisibleChanged: de,
+    motionName: De(o, p, C)
   }))));
-}
-var Ye = function(n) {
-  var t = n.visible, o = n.getContainer, a = n.forceRender, r = n.destroyOnClose, u = r === void 0 ? !1 : r, d = n.afterClose, s = n.panelRef, c = l.useState(t), i = ue(c, 2), f = i[0], b = i[1], g = l.useMemo(function() {
+}, ft = function(t) {
+  var n = t.visible, o = t.getContainer, a = t.forceRender, r = t.destroyOnClose, d = r === void 0 ? !1 : r, c = t.afterClose, i = t.panelRef, u = l.useState(n), s = Se(u, 2), f = s[0], g = s[1], v = l.useMemo(function() {
     return {
-      panel: s
+      panel: i
     };
-  }, [s]);
+  }, [i]);
   return l.useEffect(function() {
-    t && b(!0);
-  }, [t]), !a && u && !f ? null : /* @__PURE__ */ l.createElement(Qe.Provider, {
-    value: g
-  }, /* @__PURE__ */ l.createElement(Fn, {
-    open: t || a || f,
+    n && g(!0);
+  }, [n]), !a && d && !f ? null : /* @__PURE__ */ l.createElement(dt.Provider, {
+    value: v
+  }, /* @__PURE__ */ l.createElement(Kt, {
+    open: n || a || f,
     autoDestroy: !1,
     getContainer: o,
-    autoLock: t || f
-  }, /* @__PURE__ */ l.createElement(it, D({}, n, {
-    destroyOnClose: u,
+    autoLock: n || f
+  }, /* @__PURE__ */ l.createElement($n, D({}, t, {
+    destroyOnClose: d,
     afterClose: function() {
-      d == null || d(), b(!1);
+      c == null || c(), g(!1);
     }
   }))));
 };
-Ye.displayName = "Dialog";
-function Ie(e) {
+ft.displayName = "Dialog";
+function _e(e) {
   if (e)
     return {
       closable: e.closable,
       closeIcon: e.closeIcon
     };
 }
-function Te(e) {
+function Ve(e) {
   const {
-    closable: n,
-    closeIcon: t
+    closable: t,
+    closeIcon: n
   } = e || {};
-  return v.useMemo(() => {
+  return h.useMemo(() => {
     if (
       // If `closable`, whatever rest be should be true
-      !n && (n === !1 || t === !1 || t === null)
+      !t && (t === !1 || n === !1 || n === null)
     )
       return !1;
-    if (n === void 0 && t === void 0)
+    if (t === void 0 && n === void 0)
       return null;
     let o = {
-      closeIcon: typeof t != "boolean" && t !== null ? t : void 0
+      closeIcon: typeof n != "boolean" && n !== null ? n : void 0
     };
-    return n && typeof n == "object" && (o = Object.assign(Object.assign({}, o), n)), o;
-  }, [n, t]);
+    return t && typeof t == "object" && (o = Object.assign(Object.assign({}, o), t)), o;
+  }, [t, n]);
 }
-function Re() {
+function We() {
   const e = {};
-  for (var n = arguments.length, t = new Array(n), o = 0; o < n; o++)
-    t[o] = arguments[o];
-  return t.forEach((a) => {
+  for (var t = arguments.length, n = new Array(t), o = 0; o < t; o++)
+    n[o] = arguments[o];
+  return n.forEach((a) => {
     a && Object.keys(a).forEach((r) => {
       a[r] !== void 0 && (e[r] = a[r]);
     });
   }), e;
 }
-const st = {};
-function ct(e, n) {
-  let t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : st;
-  const o = Te(e), a = Te(n), r = v.useMemo(() => Object.assign({
-    closeIcon: /* @__PURE__ */ v.createElement(ge, null)
-  }, t), [t]), u = v.useMemo(() => o === !1 ? !1 : o ? Re(r, a, o) : a === !1 ? !1 : a ? Re(r, a) : r.closable ? r : !1, [o, a, r]);
-  return v.useMemo(() => {
-    if (u === !1)
-      return [!1, null];
+const En = {};
+function Sn(e, t) {
+  let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : En;
+  const o = Ve(e), a = Ve(t), r = typeof o != "boolean" ? !!(o != null && o.disabled) : !1, d = h.useMemo(() => Object.assign({
+    closeIcon: /* @__PURE__ */ h.createElement(we, null)
+  }, n), [n]), c = h.useMemo(() => o === !1 ? !1 : o ? We(d, a, o) : a === !1 ? !1 : a ? We(d, a) : d.closable ? d : !1, [o, a, d]);
+  return h.useMemo(() => {
+    if (c === !1)
+      return [!1, null, r];
     const {
-      closeIconRender: d
-    } = r, {
-      closeIcon: s
-    } = u;
-    let c = s;
-    if (c != null) {
-      d && (c = d(s));
-      const i = Ce(u, !0);
-      Object.keys(i).length && (c = /* @__PURE__ */ v.isValidElement(c) ? /* @__PURE__ */ v.cloneElement(c, i) : /* @__PURE__ */ v.createElement("span", Object.assign({}, i), c));
+      closeIconRender: i
+    } = d, {
+      closeIcon: u
+    } = c;
+    let s = u;
+    if (s != null) {
+      i && (s = i(u));
+      const f = Pe(c, !0);
+      Object.keys(f).length && (s = /* @__PURE__ */ h.isValidElement(s) ? /* @__PURE__ */ h.cloneElement(s, f) : /* @__PURE__ */ h.createElement("span", Object.assign({}, f), s));
+    }
+    return [!0, s, r];
+  }, [c, d]);
+}
+const On = () => an() && window.document.documentElement, se = (e) => {
+  const {
+    prefixCls: t,
+    className: n,
+    style: o,
+    size: a,
+    shape: r
+  } = e, d = E({
+    [`${t}-lg`]: a === "large",
+    [`${t}-sm`]: a === "small"
+  }), c = E({
+    [`${t}-circle`]: r === "circle",
+    [`${t}-square`]: r === "square",
+    [`${t}-round`]: r === "round"
+  }), i = l.useMemo(() => typeof a == "number" ? {
+    width: a,
+    height: a,
+    lineHeight: `${a}px`
+  } : {}, [a]);
+  return /* @__PURE__ */ l.createElement("span", {
+    className: E(t, d, c, n),
+    style: Object.assign(Object.assign({}, i), o)
+  });
+}, Nn = new ye("ant-skeleton-loading", {
+  "0%": {
+    backgroundPosition: "100% 50%"
+  },
+  "100%": {
+    backgroundPosition: "0 50%"
+  }
+}), ce = (e) => ({
+  height: e,
+  lineHeight: P(e)
+}), J = (e) => Object.assign({
+  width: e
+}, ce(e)), wn = (e) => ({
+  background: e.skeletonLoadingBackground,
+  backgroundSize: "400% 100%",
+  animationName: Nn,
+  animationDuration: e.skeletonLoadingMotionDuration,
+  animationTimingFunction: "ease",
+  animationIterationCount: "infinite"
+}), Ce = (e, t) => Object.assign({
+  width: t(e).mul(5).equal(),
+  minWidth: t(e).mul(5).equal()
+}, ce(e)), Pn = (e) => {
+  const {
+    skeletonAvatarCls: t,
+    gradientFromColor: n,
+    controlHeight: o,
+    controlHeightLG: a,
+    controlHeightSM: r
+  } = e;
+  return {
+    [t]: Object.assign({
+      display: "inline-block",
+      verticalAlign: "top",
+      background: n
+    }, J(o)),
+    [`${t}${t}-circle`]: {
+      borderRadius: "50%"
+    },
+    [`${t}${t}-lg`]: Object.assign({}, J(a)),
+    [`${t}${t}-sm`]: Object.assign({}, J(r))
+  };
+}, In = (e) => {
+  const {
+    controlHeight: t,
+    borderRadiusSM: n,
+    skeletonInputCls: o,
+    controlHeightLG: a,
+    controlHeightSM: r,
+    gradientFromColor: d,
+    calc: c
+  } = e;
+  return {
+    [o]: Object.assign({
+      display: "inline-block",
+      verticalAlign: "top",
+      background: d,
+      borderRadius: n
+    }, Ce(t, c)),
+    [`${o}-lg`]: Object.assign({}, Ce(a, c)),
+    [`${o}-sm`]: Object.assign({}, Ce(r, c))
+  };
+}, qe = (e) => Object.assign({
+  width: e
+}, ce(e)), jn = (e) => {
+  const {
+    skeletonImageCls: t,
+    imageSizeBase: n,
+    gradientFromColor: o,
+    borderRadiusSM: a,
+    calc: r
+  } = e;
+  return {
+    [t]: Object.assign(Object.assign({
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      verticalAlign: "middle",
+      background: o,
+      borderRadius: a
+    }, qe(r(n).mul(2).equal())), {
+      [`${t}-path`]: {
+        fill: "#bfbfbf"
+      },
+      [`${t}-svg`]: Object.assign(Object.assign({}, qe(n)), {
+        maxWidth: r(n).mul(4).equal(),
+        maxHeight: r(n).mul(4).equal()
+      }),
+      [`${t}-svg${t}-svg-circle`]: {
+        borderRadius: "50%"
+      }
+    }),
+    [`${t}${t}-circle`]: {
+      borderRadius: "50%"
+    }
+  };
+}, ve = (e, t, n) => {
+  const {
+    skeletonButtonCls: o
+  } = e;
+  return {
+    [`${n}${o}-circle`]: {
+      width: t,
+      minWidth: t,
+      borderRadius: "50%"
+    },
+    [`${n}${o}-round`]: {
+      borderRadius: t
+    }
+  };
+}, be = (e, t) => Object.assign({
+  width: t(e).mul(2).equal(),
+  minWidth: t(e).mul(2).equal()
+}, ce(e)), Rn = (e) => {
+  const {
+    borderRadiusSM: t,
+    skeletonButtonCls: n,
+    controlHeight: o,
+    controlHeightLG: a,
+    controlHeightSM: r,
+    gradientFromColor: d,
+    calc: c
+  } = e;
+  return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+    [n]: Object.assign({
+      display: "inline-block",
+      verticalAlign: "top",
+      background: d,
+      borderRadius: t,
+      width: c(o).mul(2).equal(),
+      minWidth: c(o).mul(2).equal()
+    }, be(o, c))
+  }, ve(e, o, n)), {
+    [`${n}-lg`]: Object.assign({}, be(a, c))
+  }), ve(e, a, `${n}-lg`)), {
+    [`${n}-sm`]: Object.assign({}, be(r, c))
+  }), ve(e, r, `${n}-sm`));
+}, Tn = (e) => {
+  const {
+    componentCls: t,
+    skeletonAvatarCls: n,
+    skeletonTitleCls: o,
+    skeletonParagraphCls: a,
+    skeletonButtonCls: r,
+    skeletonInputCls: d,
+    skeletonImageCls: c,
+    controlHeight: i,
+    controlHeightLG: u,
+    controlHeightSM: s,
+    gradientFromColor: f,
+    padding: g,
+    marginSM: v,
+    borderRadius: b,
+    titleHeight: m,
+    blockRadius: x,
+    paragraphLiHeight: p,
+    controlHeightXS: C,
+    paragraphMarginTop: y
+  } = e;
+  return {
+    [t]: {
+      display: "table",
+      width: "100%",
+      [`${t}-header`]: {
+        display: "table-cell",
+        paddingInlineEnd: g,
+        verticalAlign: "top",
+        // Avatar
+        [n]: Object.assign({
+          display: "inline-block",
+          verticalAlign: "top",
+          background: f
+        }, J(i)),
+        [`${n}-circle`]: {
+          borderRadius: "50%"
+        },
+        [`${n}-lg`]: Object.assign({}, J(u)),
+        [`${n}-sm`]: Object.assign({}, J(s))
+      },
+      [`${t}-content`]: {
+        display: "table-cell",
+        width: "100%",
+        verticalAlign: "top",
+        // Title
+        [o]: {
+          width: "100%",
+          height: m,
+          background: f,
+          borderRadius: x,
+          [`+ ${a}`]: {
+            marginBlockStart: s
+          }
+        },
+        // paragraph
+        [a]: {
+          padding: 0,
+          "> li": {
+            width: "100%",
+            height: p,
+            listStyle: "none",
+            background: f,
+            borderRadius: x,
+            "+ li": {
+              marginBlockStart: C
+            }
+          }
+        },
+        [`${a}> li:last-child:not(:first-child):not(:nth-child(2))`]: {
+          width: "61%"
+        }
+      },
+      [`&-round ${t}-content`]: {
+        [`${o}, ${a} > li`]: {
+          borderRadius: b
+        }
+      }
+    },
+    [`${t}-with-avatar ${t}-content`]: {
+      // Title
+      [o]: {
+        marginBlockStart: v,
+        [`+ ${a}`]: {
+          marginBlockStart: y
+        }
+      }
+    },
+    // Skeleton element
+    [`${t}${t}-element`]: Object.assign(Object.assign(Object.assign(Object.assign({
+      display: "inline-block",
+      width: "auto"
+    }, Rn(e)), Pn(e)), In(e)), jn(e)),
+    // Skeleton Block Button, Input
+    [`${t}${t}-block`]: {
+      width: "100%",
+      [r]: {
+        width: "100%"
+      },
+      [d]: {
+        width: "100%"
+      }
+    },
+    // With active animation
+    [`${t}${t}-active`]: {
+      [`
+        ${o},
+        ${a} > li,
+        ${n},
+        ${r},
+        ${d},
+        ${c}
+      `]: Object.assign({}, wn(e))
     }
-    return [!0, c];
-  }, [u, r]);
+  };
+}, Mn = (e) => {
+  const {
+    colorFillContent: t,
+    colorFill: n
+  } = e, o = t, a = n;
+  return {
+    color: o,
+    colorGradientEnd: a,
+    gradientFromColor: o,
+    gradientToColor: a,
+    titleHeight: e.controlHeight / 2,
+    blockRadius: e.borderRadiusSM,
+    paragraphMarginTop: e.marginLG + e.marginXXS,
+    paragraphLiHeight: e.controlHeight / 2
+  };
+}, ee = Ye("Skeleton", (e) => {
+  const {
+    componentCls: t,
+    calc: n
+  } = e, o = Je(e, {
+    skeletonAvatarCls: `${t}-avatar`,
+    skeletonTitleCls: `${t}-title`,
+    skeletonParagraphCls: `${t}-paragraph`,
+    skeletonButtonCls: `${t}-button`,
+    skeletonInputCls: `${t}-input`,
+    skeletonImageCls: `${t}-image`,
+    imageSizeBase: n(e.controlHeight).mul(1.5).equal(),
+    borderRadius: 100,
+    // Large number to make capsule shape
+    skeletonLoadingBackground: `linear-gradient(90deg, ${e.gradientFromColor} 25%, ${e.gradientToColor} 37%, ${e.gradientFromColor} 63%)`,
+    skeletonLoadingMotionDuration: "1.4s"
+  });
+  return [Tn(o)];
+}, Mn, {
+  deprecatedTokens: [["color", "gradientFromColor"], ["colorGradientEnd", "gradientToColor"]]
+}), Bn = (e) => {
+  const {
+    prefixCls: t,
+    className: n,
+    rootClassName: o,
+    active: a,
+    shape: r = "circle",
+    size: d = "default"
+  } = e, {
+    getPrefixCls: c
+  } = l.useContext(_), i = c("skeleton", t), [u, s, f] = ee(i), g = $e(e, ["prefixCls", "className"]), v = E(i, `${i}-element`, {
+    [`${i}-active`]: a
+  }, n, o, s, f);
+  return u(/* @__PURE__ */ l.createElement("div", {
+    className: v
+  }, /* @__PURE__ */ l.createElement(se, Object.assign({
+    prefixCls: `${i}-avatar`,
+    shape: r,
+    size: d
+  }, g))));
+}, zn = (e) => {
+  const {
+    prefixCls: t,
+    className: n,
+    rootClassName: o,
+    active: a,
+    block: r = !1,
+    size: d = "default"
+  } = e, {
+    getPrefixCls: c
+  } = l.useContext(_), i = c("skeleton", t), [u, s, f] = ee(i), g = $e(e, ["prefixCls"]), v = E(i, `${i}-element`, {
+    [`${i}-active`]: a,
+    [`${i}-block`]: r
+  }, n, o, s, f);
+  return u(/* @__PURE__ */ l.createElement("div", {
+    className: v
+  }, /* @__PURE__ */ l.createElement(se, Object.assign({
+    prefixCls: `${i}-button`,
+    size: d
+  }, g))));
+}, Fn = "M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z", Hn = (e) => {
+  const {
+    prefixCls: t,
+    className: n,
+    rootClassName: o,
+    style: a,
+    active: r
+  } = e, {
+    getPrefixCls: d
+  } = l.useContext(_), c = d("skeleton", t), [i, u, s] = ee(c), f = E(c, `${c}-element`, {
+    [`${c}-active`]: r
+  }, n, o, u, s);
+  return i(/* @__PURE__ */ l.createElement("div", {
+    className: f
+  }, /* @__PURE__ */ l.createElement("div", {
+    className: E(`${c}-image`, n),
+    style: a
+  }, /* @__PURE__ */ l.createElement("svg", {
+    viewBox: "0 0 1098 1024",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: `${c}-image-svg`
+  }, /* @__PURE__ */ l.createElement("title", null, "Image placeholder"), /* @__PURE__ */ l.createElement("path", {
+    d: Fn,
+    className: `${c}-image-path`
+  })))));
+}, kn = (e) => {
+  const {
+    prefixCls: t,
+    className: n,
+    rootClassName: o,
+    active: a,
+    block: r,
+    size: d = "default"
+  } = e, {
+    getPrefixCls: c
+  } = l.useContext(_), i = c("skeleton", t), [u, s, f] = ee(i), g = $e(e, ["prefixCls"]), v = E(i, `${i}-element`, {
+    [`${i}-active`]: a,
+    [`${i}-block`]: r
+  }, n, o, s, f);
+  return u(/* @__PURE__ */ l.createElement("div", {
+    className: v
+  }, /* @__PURE__ */ l.createElement(se, Object.assign({
+    prefixCls: `${i}-input`,
+    size: d
+  }, g))));
+}, An = (e) => {
+  const {
+    prefixCls: t,
+    className: n,
+    rootClassName: o,
+    style: a,
+    active: r,
+    children: d
+  } = e, {
+    getPrefixCls: c
+  } = l.useContext(_), i = c("skeleton", t), [u, s, f] = ee(i), g = E(i, `${i}-element`, {
+    [`${i}-active`]: r
+  }, s, n, o, f);
+  return u(/* @__PURE__ */ l.createElement("div", {
+    className: g
+  }, /* @__PURE__ */ l.createElement("div", {
+    className: E(`${i}-image`, n),
+    style: a
+  }, d)));
+}, Dn = (e, t) => {
+  const {
+    width: n,
+    rows: o = 2
+  } = t;
+  if (Array.isArray(n))
+    return n[e];
+  if (o - 1 === e)
+    return n;
+}, Ln = (e) => {
+  const {
+    prefixCls: t,
+    className: n,
+    style: o,
+    rows: a
+  } = e, r = G(new Array(a)).map((d, c) => (
+    // eslint-disable-next-line react/no-array-index-key
+    /* @__PURE__ */ l.createElement("li", {
+      key: c,
+      style: {
+        width: Dn(c, e)
+      }
+    })
+  ));
+  return /* @__PURE__ */ l.createElement("ul", {
+    className: E(t, n),
+    style: o
+  }, r);
+}, _n = (e) => {
+  let {
+    prefixCls: t,
+    className: n,
+    width: o,
+    style: a
+  } = e;
+  return (
+    // biome-ignore lint/a11y/useHeadingContent: HOC here
+    /* @__PURE__ */ l.createElement("h3", {
+      className: E(t, n),
+      style: Object.assign({
+        width: o
+      }, a)
+    })
+  );
+};
+function pe(e) {
+  return e && typeof e == "object" ? e : {};
 }
-const dt = () => Kn() && window.document.documentElement;
-function Me() {
+function Vn(e, t) {
+  return e && !t ? {
+    size: "large",
+    shape: "square"
+  } : {
+    size: "large",
+    shape: "circle"
+  };
+}
+function Wn(e, t) {
+  return !e && t ? {
+    width: "38%"
+  } : e && t ? {
+    width: "50%"
+  } : {};
+}
+function qn(e, t) {
+  const n = {};
+  return (!e || !t) && (n.width = "61%"), !e && t ? n.rows = 3 : n.rows = 2, n;
+}
+const Y = (e) => {
+  const {
+    prefixCls: t,
+    loading: n,
+    className: o,
+    rootClassName: a,
+    style: r,
+    children: d,
+    avatar: c = !1,
+    title: i = !0,
+    paragraph: u = !0,
+    active: s,
+    round: f
+  } = e, {
+    getPrefixCls: g,
+    direction: v,
+    skeleton: b
+  } = l.useContext(_), m = g("skeleton", t), [x, p, C] = ee(m);
+  if (n || !("loading" in e)) {
+    const y = !!c, $ = !!i, N = !!u;
+    let O;
+    if (y) {
+      const w = Object.assign(Object.assign({
+        prefixCls: `${m}-avatar`
+      }, Vn($, N)), pe(c));
+      O = /* @__PURE__ */ l.createElement("div", {
+        className: `${m}-header`
+      }, /* @__PURE__ */ l.createElement(se, Object.assign({}, w)));
+    }
+    let S;
+    if ($ || N) {
+      let w;
+      if ($) {
+        const T = Object.assign(Object.assign({
+          prefixCls: `${m}-title`
+        }, Wn(y, N)), pe(i));
+        w = /* @__PURE__ */ l.createElement(_n, Object.assign({}, T));
+      }
+      let z;
+      if (N) {
+        const T = Object.assign(Object.assign({
+          prefixCls: `${m}-paragraph`
+        }, qn(y, $)), pe(u));
+        z = /* @__PURE__ */ l.createElement(Ln, Object.assign({}, T));
+      }
+      S = /* @__PURE__ */ l.createElement("div", {
+        className: `${m}-content`
+      }, w, z);
+    }
+    const R = E(m, {
+      [`${m}-with-avatar`]: y,
+      [`${m}-active`]: s,
+      [`${m}-rtl`]: v === "rtl",
+      [`${m}-round`]: f
+    }, b == null ? void 0 : b.className, o, a, p, C);
+    return x(/* @__PURE__ */ l.createElement("div", {
+      className: R,
+      style: Object.assign(Object.assign({}, b == null ? void 0 : b.style), r)
+    }, O, S));
+  }
+  return d ?? null;
+};
+Y.Button = zn;
+Y.Avatar = Bn;
+Y.Input = kn;
+Y.Image = Hn;
+Y.Node = An;
+process.env.NODE_ENV !== "production" && (Y.displayName = "Skeleton");
+function Ge() {
 }
-const ut = /* @__PURE__ */ l.createContext({
-  add: Me,
-  remove: Me
+const Gn = /* @__PURE__ */ l.createContext({
+  add: Ge,
+  remove: Ge
 });
-function ft(e) {
-  const n = l.useContext(ut), t = l.useRef();
-  return En((a) => {
+function Un(e) {
+  const t = l.useContext(Gn), n = l.useRef();
+  return Ft((a) => {
     if (a) {
       const r = e ? a.querySelector(e) : a;
-      n.add(r), t.current = r;
+      t.add(r), n.current = r;
     } else
-      n.remove(t.current);
+      t.remove(n.current);
   });
 }
-const je = () => {
+const Ue = () => {
   const {
     cancelButtonProps: e,
-    cancelTextLocale: n,
-    onCancel: t
-  } = Y(k);
-  return /* @__PURE__ */ v.createElement(me, Object.assign({
-    onClick: t
-  }, e), n);
-}, Be = () => {
+    cancelTextLocale: t,
+    onCancel: n
+  } = ne(oe);
+  return /* @__PURE__ */ h.createElement(Ne, Object.assign({
+    onClick: n
+  }, e), t);
+}, Xe = () => {
   const {
     confirmLoading: e,
-    okButtonProps: n,
-    okType: t,
+    okButtonProps: t,
+    okType: n,
     okTextLocale: o,
     onOk: a
-  } = Y(k);
-  return /* @__PURE__ */ v.createElement(me, Object.assign({}, We(t), {
+  } = ne(oe);
+  return /* @__PURE__ */ h.createElement(Ne, Object.assign({}, at(n), {
     loading: e,
     onClick: a
-  }, n), o);
+  }, t), o);
 };
-function ke(e, n) {
-  return /* @__PURE__ */ v.createElement("span", {
+function mt(e, t) {
+  return /* @__PURE__ */ h.createElement("span", {
     className: `${e}-close-x`
-  }, n || /* @__PURE__ */ v.createElement(ge, {
+  }, t || /* @__PURE__ */ h.createElement(we, {
     className: `${e}-close-icon`
   }));
 }
-const Je = (e) => {
+const gt = (e) => {
   const {
-    okText: n,
-    okType: t = "primary",
+    okText: t,
+    okType: n = "primary",
     cancelText: o,
     confirmLoading: a,
     onOk: r,
-    onCancel: u,
-    okButtonProps: d,
-    cancelButtonProps: s,
-    footer: c
-  } = e, [i] = de("Modal", _e()), f = n || (i == null ? void 0 : i.okText), b = o || (i == null ? void 0 : i.cancelText), g = {
+    onCancel: d,
+    okButtonProps: c,
+    cancelButtonProps: i,
+    footer: u
+  } = e, [s] = Ee("Modal", et()), f = t || (s == null ? void 0 : s.okText), g = o || (s == null ? void 0 : s.cancelText), v = {
     confirmLoading: a,
-    okButtonProps: d,
-    cancelButtonProps: s,
+    okButtonProps: c,
+    cancelButtonProps: i,
     okTextLocale: f,
-    cancelTextLocale: b,
-    okType: t,
+    cancelTextLocale: g,
+    okType: n,
     onOk: r,
-    onCancel: u
-  }, h = v.useMemo(() => g, U(Object.values(g)));
-  let C;
-  return typeof c == "function" || typeof c > "u" ? (C = /* @__PURE__ */ v.createElement(v.Fragment, null, /* @__PURE__ */ v.createElement(je, null), /* @__PURE__ */ v.createElement(Be, null)), typeof c == "function" && (C = c(C, {
-    OkBtn: Be,
-    CancelBtn: je
-  })), C = /* @__PURE__ */ v.createElement(Ke, {
-    value: h
-  }, C)) : C = c, /* @__PURE__ */ v.createElement($n, {
+    onCancel: d
+  }, b = h.useMemo(() => v, G(Object.values(v)));
+  let m;
+  return typeof u == "function" || typeof u > "u" ? (m = /* @__PURE__ */ h.createElement(h.Fragment, null, /* @__PURE__ */ h.createElement(Ue, null), /* @__PURE__ */ h.createElement(Xe, null)), typeof u == "function" && (m = u(m, {
+    OkBtn: Xe,
+    CancelBtn: Ue
+  })), m = /* @__PURE__ */ h.createElement(ct, {
+    value: b
+  }, m)) : m = u, /* @__PURE__ */ h.createElement(Ht, {
     disabled: !1
-  }, C);
-}, mt = new He("antFadeIn", {
-  "0%": {
-    opacity: 0
-  },
-  "100%": {
-    opacity: 1
-  }
-}), gt = new He("antFadeOut", {
-  "0%": {
-    opacity: 1
-  },
-  "100%": {
-    opacity: 0
-  }
-}), Ct = function(e) {
-  let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-  const {
-    antCls: t
-  } = e, o = `${t}-fade`, a = n ? "&" : "";
-  return [Dn(o, mt, gt, e.motionDurationMid, n), {
-    [`
-        ${a}${o}-enter,
-        ${a}${o}-appear
-      `]: {
-      opacity: 0,
-      animationTimingFunction: "linear"
-    },
-    [`${a}${o}-leave`]: {
-      animationTimingFunction: "linear"
-    }
-  }];
+  }, m);
 };
-function ze(e) {
+function Ke(e) {
   return {
     position: e,
     inset: 0
   };
 }
-const vt = (e) => {
+const Xn = (e) => {
   const {
-    componentCls: n,
-    antCls: t
+    componentCls: t,
+    antCls: n
   } = e;
   return [{
-    [`${n}-root`]: {
-      [`${n}${t}-zoom-enter, ${n}${t}-zoom-appear`]: {
+    [`${t}-root`]: {
+      [`${t}${n}-zoom-enter, ${t}${n}-zoom-appear`]: {
         // reset scale avoid mousePosition bug
         transform: "none",
         opacity: 0,
@@ -613,19 +1159,19 @@ const vt = (e) => {
       },
       // https://github.com/ant-design/ant-design/issues/37329
       // https://github.com/ant-design/ant-design/issues/40272
-      [`${n}${t}-zoom-leave ${n}-content`]: {
+      [`${t}${n}-zoom-leave ${t}-content`]: {
         pointerEvents: "none"
       },
-      [`${n}-mask`]: Object.assign(Object.assign({}, ze("fixed")), {
+      [`${t}-mask`]: Object.assign(Object.assign({}, Ke("fixed")), {
         zIndex: e.zIndexPopupBase,
         height: "100%",
         backgroundColor: e.colorBgMask,
         pointerEvents: "none",
-        [`${n}-hidden`]: {
+        [`${t}-hidden`]: {
           display: "none"
         }
       }),
-      [`${n}-wrap`]: Object.assign(Object.assign({}, ze("fixed")), {
+      [`${t}-wrap`]: Object.assign(Object.assign({}, Ke("fixed")), {
         zIndex: e.zIndexPopupBase,
         overflow: "auto",
         outline: 0,
@@ -633,20 +1179,20 @@ const vt = (e) => {
       })
     }
   }, {
-    [`${n}-root`]: Ct(e)
+    [`${t}-root`]: vn(e)
   }];
-}, bt = (e) => {
+}, Kn = (e) => {
   const {
-    componentCls: n
+    componentCls: t
   } = e;
   return [
     // ======================== Root =========================
     {
-      [`${n}-root`]: {
-        [`${n}-wrap-rtl`]: {
+      [`${t}-root`]: {
+        [`${t}-wrap-rtl`]: {
           direction: "rtl"
         },
-        [`${n}-centered`]: {
+        [`${t}-centered`]: {
           textAlign: "center",
           "&::before": {
             display: "inline-block",
@@ -655,7 +1201,7 @@ const vt = (e) => {
             verticalAlign: "middle",
             content: '""'
           },
-          [n]: {
+          [t]: {
             top: 0,
             display: "inline-block",
             paddingBottom: 0,
@@ -664,12 +1210,12 @@ const vt = (e) => {
           }
         },
         [`@media (max-width: ${e.screenSMMax}px)`]: {
-          [n]: {
+          [t]: {
             maxWidth: "calc(100vw - 16px)",
-            margin: `${S(e.marginXS)} auto`
+            margin: `${P(e.marginXS)} auto`
           },
-          [`${n}-centered`]: {
-            [n]: {
+          [`${t}-centered`]: {
+            [t]: {
               flex: 1
             }
           }
@@ -678,15 +1224,15 @@ const vt = (e) => {
     },
     // ======================== Modal ========================
     {
-      [n]: Object.assign(Object.assign({}, Nn(e)), {
+      [t]: Object.assign(Object.assign({}, kt(e)), {
         pointerEvents: "none",
         position: "relative",
         top: 100,
         width: "auto",
-        maxWidth: `calc(100vw - ${S(e.calc(e.margin).mul(2).equal())})`,
+        maxWidth: `calc(100vw - ${P(e.calc(e.margin).mul(2).equal())})`,
         margin: "0 auto",
         paddingBottom: e.paddingLG,
-        [`${n}-title`]: {
+        [`${t}-title`]: {
           margin: 0,
           color: e.titleColor,
           fontWeight: e.fontWeightStrong,
@@ -694,7 +1240,7 @@ const vt = (e) => {
           lineHeight: e.titleLineHeight,
           wordWrap: "break-word"
         },
-        [`${n}-content`]: {
+        [`${t}-content`]: {
           position: "relative",
           backgroundColor: e.contentBg,
           backgroundClip: "padding-box",
@@ -704,7 +1250,7 @@ const vt = (e) => {
           pointerEvents: "auto",
           padding: e.contentPadding
         },
-        [`${n}-close`]: Object.assign({
+        [`${t}-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(),
@@ -726,11 +1272,14 @@ const vt = (e) => {
             display: "flex",
             fontSize: e.fontSizeLG,
             fontStyle: "normal",
-            lineHeight: `${S(e.modalCloseBtnSize)}`,
+            lineHeight: P(e.modalCloseBtnSize),
             justifyContent: "center",
             textTransform: "none",
             textRendering: "auto"
           },
+          "&:disabled": {
+            pointerEvents: "none"
+          },
           "&:hover": {
             color: e.modalCloseIconHoverColor,
             backgroundColor: e.colorBgTextHover,
@@ -739,22 +1288,30 @@ const vt = (e) => {
           "&:active": {
             backgroundColor: e.colorBgTextActive
           }
-        }, Sn(e)),
-        [`${n}-header`]: {
+        }, At(e)),
+        [`${t}-header`]: {
           color: e.colorText,
           background: e.headerBg,
-          borderRadius: `${S(e.borderRadiusLG)} ${S(e.borderRadiusLG)} 0 0`,
+          borderRadius: `${P(e.borderRadiusLG)} ${P(e.borderRadiusLG)} 0 0`,
           marginBottom: e.headerMarginBottom,
           padding: e.headerPadding,
           borderBottom: e.headerBorderBottom
         },
-        [`${n}-body`]: {
+        [`${t}-body`]: {
           fontSize: e.fontSize,
           lineHeight: e.lineHeight,
           wordWrap: "break-word",
-          padding: e.bodyPadding
+          padding: e.bodyPadding,
+          [`${t}-body-skeleton`]: {
+            width: "100%",
+            height: "100%",
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            margin: `${P(e.margin)} auto`
+          }
         },
-        [`${n}-footer`]: {
+        [`${t}-footer`]: {
           textAlign: "end",
           background: e.footerBg,
           marginTop: e.footerMarginTop,
@@ -765,49 +1322,49 @@ const vt = (e) => {
             marginInlineStart: e.marginXS
           }
         },
-        [`${n}-open`]: {
+        [`${t}-open`]: {
           overflow: "hidden"
         }
       })
     },
     // ======================== Pure =========================
     {
-      [`${n}-pure-panel`]: {
+      [`${t}-pure-panel`]: {
         top: "auto",
         padding: 0,
         display: "flex",
         flexDirection: "column",
-        [`${n}-content,
-          ${n}-body,
-          ${n}-confirm-body-wrapper`]: {
+        [`${t}-content,
+          ${t}-body,
+          ${t}-confirm-body-wrapper`]: {
           display: "flex",
           flexDirection: "column",
           flex: "auto"
         },
-        [`${n}-confirm-body`]: {
+        [`${t}-confirm-body`]: {
           marginBottom: "auto"
         }
       }
     }
   ];
-}, pt = (e) => {
+}, Qn = (e) => {
   const {
-    componentCls: n
+    componentCls: t
   } = e;
   return {
-    [`${n}-root`]: {
-      [`${n}-wrap-rtl`]: {
+    [`${t}-root`]: {
+      [`${t}-wrap-rtl`]: {
         direction: "rtl",
-        [`${n}-confirm-body`]: {
+        [`${t}-confirm-body`]: {
           direction: "rtl"
         }
       }
     }
   };
-}, en = (e) => {
-  const n = e.padding, t = e.fontSizeHeading5, o = e.lineHeightHeading5;
-  return wn(e, {
-    modalHeaderHeight: e.calc(e.calc(o).mul(t).equal()).add(e.calc(n).mul(2).equal()).equal(),
+}, Ct = (e) => {
+  const t = e.padding, n = e.fontSizeHeading5, o = e.lineHeightHeading5;
+  return Je(e, {
+    modalHeaderHeight: e.calc(e.calc(o).mul(n).equal()).add(e.calc(t).mul(2).equal()).equal(),
     modalFooterBorderColorSplit: e.colorSplit,
     modalFooterBorderStyle: e.lineType,
     modalFooterBorderWidth: e.lineWidth,
@@ -817,7 +1374,7 @@ const vt = (e) => {
     modalConfirmIconSize: e.fontHeight,
     modalTitleHeight: e.calc(e.titleFontSize).mul(e.titleLineHeight).equal()
   });
-}, nn = (e) => ({
+}, vt = (e) => ({
   footerBg: "transparent",
   headerBg: e.colorBgElevated,
   titleLineHeight: e.lineHeightHeading5,
@@ -825,154 +1382,164 @@ const vt = (e) => {
   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",
+  contentPadding: e.wireframe ? 0 : `${P(e.paddingMD)} ${P(e.paddingContentHorizontalLG)}`,
+  headerPadding: e.wireframe ? `${P(e.padding)} ${P(e.paddingLG)}` : 0,
+  headerBorderBottom: e.wireframe ? `${P(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,
+  footerPadding: e.wireframe ? `${P(e.paddingXS)} ${P(e.padding)}` : 0,
+  footerBorderTop: e.wireframe ? `${P(e.lineWidth)} ${e.lineType} ${e.colorSplit}` : "none",
+  footerBorderRadius: e.wireframe ? `0 0 ${P(e.borderRadiusLG)} ${P(e.borderRadiusLG)}` : 0,
   footerMarginTop: e.wireframe ? 0 : e.marginSM,
-  confirmBodyPadding: e.wireframe ? `${S(e.padding * 2)} ${S(e.padding * 2)} ${S(e.paddingLG)}` : 0,
+  confirmBodyPadding: e.wireframe ? `${P(e.padding * 2)} ${P(e.padding * 2)} ${P(e.paddingLG)}` : 0,
   confirmIconMarginInlineEnd: e.wireframe ? e.margin : e.marginSM,
   confirmBtnsMarginTop: e.wireframe ? e.marginLG : e.marginSM
-}), tn = On("Modal", (e) => {
-  const n = en(e);
-  return [bt(n), pt(n), vt(n), _n(n, "zoom")];
-}, nn, {
+}), bt = Ye("Modal", (e) => {
+  const t = Ct(e);
+  return [Kn(t), Qn(t), Xn(t), Qt(t, "zoom")];
+}, vt, {
   unitless: {
     titleLineHeight: !0
   }
 });
-var yt = 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;
+var Zn = function(e, t) {
+  var n = {};
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, o = Object.getOwnPropertySymbols(e); a < o.length; a++)
+    t.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (n[o[a]] = e[o[a]]);
+  return n;
 };
-let se;
-const xt = (e) => {
-  se = {
+let he;
+const Yn = (e) => {
+  he = {
     x: e.pageX,
     y: e.pageY
   }, setTimeout(() => {
-    se = null;
+    he = null;
   }, 100);
 };
-dt() && document.documentElement.addEventListener("click", xt, !0);
-const on = (e) => {
-  var n;
+On() && document.documentElement.addEventListener("click", Yn, !0);
+const pt = (e) => {
+  var t;
   const {
-    getPopupContainer: t,
+    getPopupContainer: n,
     getPrefixCls: o,
     direction: a,
     modal: r
-  } = l.useContext(oe), u = (R) => {
+  } = l.useContext(_), d = (A) => {
     const {
       onCancel: M
     } = e;
-    M == null || M(R);
-  }, d = (R) => {
+    M == null || M(A);
+  }, c = (A) => {
     const {
       onOk: M
     } = e;
-    M == null || M(R);
+    M == null || M(A);
   };
   if (process.env.NODE_ENV !== "production") {
-    const R = ce("Modal");
+    const A = xe("Modal");
     [["visible", "open"], ["bodyStyle", "styles.body"], ["maskStyle", "styles.mask"]].forEach((M) => {
-      let [F, Z] = M;
-      R.deprecated(!(F in e), F, Z);
+      let [le, de] = M;
+      A.deprecated(!(le in e), le, de);
     });
   }
   const {
-    prefixCls: s,
-    className: c,
-    rootClassName: i,
+    prefixCls: i,
+    className: u,
+    rootClassName: s,
     open: f,
-    wrapClassName: b,
-    centered: g,
-    getContainer: h,
-    focusTriggerAfterClose: C = !0,
-    style: E,
+    wrapClassName: g,
+    centered: v,
+    getContainer: b,
+    focusTriggerAfterClose: m = !0,
+    style: x,
     // Deprecated
     visible: p,
-    width: m = 520,
+    width: C = 520,
     footer: y,
-    classNames: x,
-    styles: P
-  } = e, O = yt(e, ["prefixCls", "className", "rootClassName", "open", "wrapClassName", "centered", "getContainer", "focusTriggerAfterClose", "style", "visible", "width", "footer", "classNames", "styles"]), $ = o("modal", s), H = o(), W = Ve($), [q, _, A] = tn($, W), j = w(b, {
-    [`${$}-centered`]: !!g,
-    [`${$}-wrap-rtl`]: a === "rtl"
-  }), T = y !== null && /* @__PURE__ */ l.createElement(Je, Object.assign({}, e, {
-    onOk: d,
-    onCancel: u
-  })), [z, L] = ct(Ie(e), Ie(r), {
+    classNames: $,
+    styles: N,
+    children: O,
+    loading: S
+  } = e, R = Zn(e, ["prefixCls", "className", "rootClassName", "open", "wrapClassName", "centered", "getContainer", "focusTriggerAfterClose", "style", "visible", "width", "footer", "classNames", "styles", "children", "loading"]), w = o("modal", i), z = o(), T = ot(w), [V, L, B] = bt(w, T), F = E(g, {
+    [`${w}-centered`]: !!v,
+    [`${w}-wrap-rtl`]: a === "rtl"
+  }), W = y !== null && !S ? /* @__PURE__ */ l.createElement(gt, Object.assign({}, e, {
+    onOk: c,
+    onCancel: d
+  })) : null, [q, U, te] = Sn(_e(e), _e(r), {
     closable: !0,
-    closeIcon: /* @__PURE__ */ l.createElement(ge, {
-      className: `${$}-close-icon`
+    closeIcon: /* @__PURE__ */ l.createElement(we, {
+      className: `${w}-close-icon`
     }),
-    closeIconRender: (R) => ke($, R)
-  }), G = ft(`.${$}-content`), [Q, X] = Hn("Modal", O.zIndex);
-  return q(/* @__PURE__ */ l.createElement(An, null, /* @__PURE__ */ l.createElement(Ln, {
-    status: !0,
-    override: !0
-  }, /* @__PURE__ */ l.createElement(Vn.Provider, {
-    value: X
-  }, /* @__PURE__ */ l.createElement(Ye, Object.assign({
-    width: m
-  }, O, {
+    closeIconRender: (A) => mt(w, A)
+  }), K = Un(`.${w}-content`), [Q, k] = Zt("Modal", R.zIndex);
+  return V(/* @__PURE__ */ l.createElement(Yt, {
+    form: !0,
+    space: !0
+  }, /* @__PURE__ */ l.createElement(Jt.Provider, {
+    value: k
+  }, /* @__PURE__ */ l.createElement(ft, Object.assign({
+    width: C
+  }, R, {
     zIndex: Q,
-    getContainer: h === void 0 ? t : h,
-    prefixCls: $,
-    rootClassName: w(_, i, A, W),
-    footer: T,
+    getContainer: b === void 0 ? n : b,
+    prefixCls: w,
+    rootClassName: E(L, s, B, T),
+    footer: W,
     visible: f ?? p,
-    mousePosition: (n = O.mousePosition) !== null && n !== void 0 ? n : se,
-    onClose: u,
-    closable: z,
-    closeIcon: L,
-    focusTriggerAfterClose: C,
-    transitionName: te(H, "zoom", e.transitionName),
-    maskTransitionName: te(H, "fade", e.maskTransitionName),
-    className: w(_, c, r == null ? void 0 : r.className),
-    style: Object.assign(Object.assign({}, r == null ? void 0 : r.style), E),
-    classNames: Object.assign(Object.assign(Object.assign({}, r == null ? void 0 : r.classNames), x), {
-      wrapper: w(j, x == null ? void 0 : x.wrapper)
+    mousePosition: (t = R.mousePosition) !== null && t !== void 0 ? t : he,
+    onClose: d,
+    closable: q && {
+      disabled: te,
+      closeIcon: U
+    },
+    closeIcon: U,
+    focusTriggerAfterClose: m,
+    transitionName: ie(z, "zoom", e.transitionName),
+    maskTransitionName: ie(z, "fade", e.maskTransitionName),
+    className: E(L, u, r == null ? void 0 : r.className),
+    style: Object.assign(Object.assign({}, r == null ? void 0 : r.style), x),
+    classNames: Object.assign(Object.assign(Object.assign({}, r == null ? void 0 : r.classNames), $), {
+      wrapper: E(F, $ == null ? void 0 : $.wrapper)
     }),
-    styles: Object.assign(Object.assign({}, r == null ? void 0 : r.styles), P),
-    panelRef: G
-  }))))));
-}, ht = (e) => {
+    styles: Object.assign(Object.assign({}, r == null ? void 0 : r.styles), N),
+    panelRef: K
+  }), S ? /* @__PURE__ */ l.createElement(Y, {
+    active: !0,
+    title: !1,
+    paragraph: {
+      rows: 4
+    },
+    className: `${w}-body-skeleton`
+  }) : O))));
+}, Jn = (e) => {
   const {
-    componentCls: n,
-    titleFontSize: t,
+    componentCls: t,
+    titleFontSize: n,
     titleLineHeight: o,
     modalConfirmIconSize: a,
     fontSize: r,
-    lineHeight: u,
-    modalTitleHeight: d,
-    fontHeight: s,
-    confirmBodyPadding: c
-  } = e, i = `${n}-confirm`;
+    lineHeight: d,
+    modalTitleHeight: c,
+    fontHeight: i,
+    confirmBodyPadding: u
+  } = e, s = `${t}-confirm`;
   return {
-    [i]: {
+    [s]: {
       "&-rtl": {
         direction: "rtl"
       },
       [`${e.antCls}-modal-header`]: {
         display: "none"
       },
-      [`${i}-body-wrapper`]: Object.assign({}, In()),
-      [`&${n} ${n}-body`]: {
-        padding: c
+      [`${s}-body-wrapper`]: Object.assign({}, Lt()),
+      [`&${t} ${t}-body`]: {
+        padding: u
       },
       // ====================== Body ======================
-      [`${i}-body`]: {
+      [`${s}-body`]: {
         display: "flex",
         flexWrap: "nowrap",
         alignItems: "start",
@@ -980,35 +1547,35 @@ const on = (e) => {
           flex: "none",
           fontSize: a,
           marginInlineEnd: e.confirmIconMarginInlineEnd,
-          marginTop: e.calc(e.calc(s).sub(a).equal()).div(2).equal()
+          marginTop: e.calc(e.calc(i).sub(a).equal()).div(2).equal()
         },
         [`&-has-title > ${e.iconCls}`]: {
-          marginTop: e.calc(e.calc(d).sub(a).equal()).div(2).equal()
+          marginTop: e.calc(e.calc(c).sub(a).equal()).div(2).equal()
         }
       },
-      [`${i}-paragraph`]: {
+      [`${s}-paragraph`]: {
         display: "flex",
         flexDirection: "column",
         flex: "auto",
         rowGap: e.marginXS
       },
       // https://github.com/ant-design/ant-design/issues/48159
-      [`${e.iconCls} + ${i}-paragraph`]: {
-        maxWidth: `calc(100% - ${S(e.calc(e.modalConfirmIconSize).add(e.marginSM).equal())})`
+      [`${e.iconCls} + ${s}-paragraph`]: {
+        maxWidth: `calc(100% - ${P(e.calc(e.modalConfirmIconSize).add(e.marginSM).equal())})`
       },
-      [`${i}-title`]: {
+      [`${s}-title`]: {
         color: e.colorTextHeading,
         fontWeight: e.fontWeightStrong,
-        fontSize: t,
+        fontSize: n,
         lineHeight: o
       },
-      [`${i}-content`]: {
+      [`${s}-content`]: {
         color: e.colorText,
         fontSize: r,
-        lineHeight: u
+        lineHeight: d
       },
       // ===================== Footer =====================
-      [`${i}-btns`]: {
+      [`${s}-btns`]: {
         textAlign: "end",
         marginTop: e.confirmBtnsMarginTop,
         [`${e.antCls}-btn + ${e.antCls}-btn`]: {
@@ -1017,489 +1584,488 @@ const on = (e) => {
         }
       }
     },
-    [`${i}-error ${i}-body > ${e.iconCls}`]: {
+    [`${s}-error ${s}-body > ${e.iconCls}`]: {
       color: e.colorError
     },
-    [`${i}-warning ${i}-body > ${e.iconCls},
-        ${i}-confirm ${i}-body > ${e.iconCls}`]: {
+    [`${s}-warning ${s}-body > ${e.iconCls},
+        ${s}-confirm ${s}-body > ${e.iconCls}`]: {
       color: e.colorWarning
     },
-    [`${i}-info ${i}-body > ${e.iconCls}`]: {
+    [`${s}-info ${s}-body > ${e.iconCls}`]: {
       color: e.colorInfo
     },
-    [`${i}-success ${i}-body > ${e.iconCls}`]: {
+    [`${s}-success ${s}-body > ${e.iconCls}`]: {
       color: e.colorSuccess
     }
   };
-}, Et = Pn(["Modal", "confirm"], (e) => {
-  const n = en(e);
-  return [ht(n)];
-}, nn, {
+}, eo = Dt(["Modal", "confirm"], (e) => {
+  const t = Ct(e);
+  return [Jn(t)];
+}, vt, {
   // confirm is weak than modal since no conflict here
   order: -1e3
 });
-var $t = 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;
+var to = function(e, t) {
+  var n = {};
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, o = Object.getOwnPropertySymbols(e); a < o.length; a++)
+    t.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (n[o[a]] = e[o[a]]);
+  return n;
 };
-function an(e) {
+function ht(e) {
   const {
-    prefixCls: n,
-    icon: t,
+    prefixCls: t,
+    icon: n,
     okText: o,
     cancelText: a,
     confirmPrefixCls: r,
-    type: u,
-    okCancel: d,
-    footer: s,
+    type: d,
+    okCancel: c,
+    footer: i,
     // Legacy for static function usage
-    locale: c
-  } = e, i = $t(e, ["prefixCls", "icon", "okText", "cancelText", "confirmPrefixCls", "type", "okCancel", "footer", "locale"]);
+    locale: u
+  } = e, s = to(e, ["prefixCls", "icon", "okText", "cancelText", "confirmPrefixCls", "type", "okCancel", "footer", "locale"]);
   if (process.env.NODE_ENV !== "production") {
-    const $ = ce("Modal");
-    process.env.NODE_ENV !== "production" && $(!(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`);
+    const S = xe("Modal");
+    process.env.NODE_ENV !== "production" && S(!(typeof n == "string" && n.length > 2), "breaking", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${n}\` at https://ant.design/components/icon`);
   }
-  let f = t;
-  if (!t && t !== null)
-    switch (u) {
+  let f = n;
+  if (!n && n !== null)
+    switch (d) {
       case "info":
-        f = /* @__PURE__ */ l.createElement(Ue, null);
+        f = /* @__PURE__ */ l.createElement(it, null);
         break;
       case "success":
-        f = /* @__PURE__ */ l.createElement(qe, null);
+        f = /* @__PURE__ */ l.createElement(lt, null);
         break;
       case "error":
-        f = /* @__PURE__ */ l.createElement(Wn, null);
+        f = /* @__PURE__ */ l.createElement(en, null);
         break;
       default:
-        f = /* @__PURE__ */ l.createElement(Ge, null);
+        f = /* @__PURE__ */ l.createElement(rt, null);
     }
-  const b = d ?? u === "confirm", g = e.autoFocusButton === null ? !1 : e.autoFocusButton || "ok", [h] = de("Modal"), C = c || h, E = o || (b ? C == null ? void 0 : C.okText : C == null ? void 0 : C.justOkText), p = a || (C == null ? void 0 : C.cancelText), m = Object.assign({
-    autoFocusButton: g,
+  const g = c ?? d === "confirm", v = e.autoFocusButton === null ? !1 : e.autoFocusButton || "ok", [b] = Ee("Modal"), m = u || b, x = o || (g ? m == null ? void 0 : m.okText : m == null ? void 0 : m.justOkText), p = a || (m == null ? void 0 : m.cancelText), C = Object.assign({
+    autoFocusButton: v,
     cancelTextLocale: p,
-    okTextLocale: E,
-    mergedOkCancel: b
-  }, i), y = l.useMemo(() => m, U(Object.values(m))), x = /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(Oe, null), /* @__PURE__ */ l.createElement(Ne, null)), P = e.title !== void 0 && e.title !== null, O = `${r}-body`;
+    okTextLocale: x,
+    mergedOkCancel: g
+  }, s), y = l.useMemo(() => C, G(Object.values(C))), $ = /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(ke, null), /* @__PURE__ */ l.createElement(Ae, null)), N = e.title !== void 0 && e.title !== null, O = `${r}-body`;
   return /* @__PURE__ */ l.createElement("div", {
     className: `${r}-body-wrapper`
   }, /* @__PURE__ */ l.createElement("div", {
-    className: w(O, {
-      [`${O}-has-title`]: P
+    className: E(O, {
+      [`${O}-has-title`]: N
     })
   }, f, /* @__PURE__ */ l.createElement("div", {
     className: `${r}-paragraph`
-  }, P && /* @__PURE__ */ l.createElement("span", {
+  }, N && /* @__PURE__ */ l.createElement("span", {
     className: `${r}-title`
   }, e.title), /* @__PURE__ */ l.createElement("div", {
     className: `${r}-content`
-  }, e.content))), s === void 0 || typeof s == "function" ? /* @__PURE__ */ l.createElement(Ke, {
+  }, e.content))), i === void 0 || typeof i == "function" ? /* @__PURE__ */ l.createElement(ct, {
     value: y
   }, /* @__PURE__ */ l.createElement("div", {
     className: `${r}-btns`
-  }, typeof s == "function" ? s(x, {
-    OkBtn: Ne,
-    CancelBtn: Oe
-  }) : x)) : s, /* @__PURE__ */ l.createElement(Et, {
-    prefixCls: n
+  }, typeof i == "function" ? i($, {
+    OkBtn: Ae,
+    CancelBtn: ke
+  }) : $)) : i, /* @__PURE__ */ l.createElement(eo, {
+    prefixCls: t
   }));
 }
-const rn = (e) => {
+const yt = (e) => {
   const {
-    close: n,
-    zIndex: t,
+    close: t,
+    zIndex: n,
     afterClose: o,
     open: a,
     keyboard: r,
-    centered: u,
-    getContainer: d,
-    maskStyle: s,
-    direction: c,
-    prefixCls: i,
+    centered: d,
+    getContainer: c,
+    maskStyle: i,
+    direction: u,
+    prefixCls: s,
     wrapClassName: f,
-    rootPrefixCls: b,
-    bodyStyle: g,
-    closable: h = !1,
-    closeIcon: C,
-    modalRender: E,
+    rootPrefixCls: g,
+    bodyStyle: v,
+    closable: b = !1,
+    closeIcon: m,
+    modalRender: x,
     focusTriggerAfterClose: p,
-    onConfirm: m,
+    onConfirm: C,
     styles: y
   } = e;
   if (process.env.NODE_ENV !== "production") {
-    const A = ce("Modal");
-    [["visible", "open"], ["bodyStyle", "styles.body"], ["maskStyle", "styles.mask"]].forEach((j) => {
-      let [T, z] = j;
-      A.deprecated(!(T in e), T, z);
+    const V = xe("Modal");
+    [["visible", "open"], ["bodyStyle", "styles.body"], ["maskStyle", "styles.mask"]].forEach((L) => {
+      let [B, F] = L;
+      V.deprecated(!(B in e), B, F);
     });
   }
-  const x = `${i}-confirm`, P = e.width || 416, O = e.style || {}, $ = e.mask === void 0 ? !0 : e.mask, H = e.maskClosable === void 0 ? !1 : e.maskClosable, W = w(x, `${x}-${e.type}`, {
-    [`${x}-rtl`]: c === "rtl"
-  }, e.className), [, q] = Tn(), _ = l.useMemo(() => t !== void 0 ? t : q.zIndexPopupBase + qn, [t, q]);
-  return /* @__PURE__ */ l.createElement(on, {
-    prefixCls: i,
-    className: W,
-    wrapClassName: w({
-      [`${x}-centered`]: !!e.centered
+  const $ = `${s}-confirm`, N = e.width || 416, O = e.style || {}, S = e.mask === void 0 ? !0 : e.mask, R = e.maskClosable === void 0 ? !1 : e.maskClosable, w = E($, `${$}-${e.type}`, {
+    [`${$}-rtl`]: u === "rtl"
+  }, e.className), [, z] = _t(), T = l.useMemo(() => n !== void 0 ? n : z.zIndexPopupBase + tn, [n, z]);
+  return /* @__PURE__ */ l.createElement(pt, {
+    prefixCls: s,
+    className: w,
+    wrapClassName: E({
+      [`${$}-centered`]: !!e.centered
     }, f),
     onCancel: () => {
-      n == null || n({
+      t == null || t({
         triggerCancel: !0
-      }), m == null || m(!1);
+      }), C == null || C(!1);
     },
     open: a,
     title: "",
     footer: null,
-    transitionName: te(b || "", "zoom", e.transitionName),
-    maskTransitionName: te(b || "", "fade", e.maskTransitionName),
-    mask: $,
-    maskClosable: H,
+    transitionName: ie(g || "", "zoom", e.transitionName),
+    maskTransitionName: ie(g || "", "fade", e.maskTransitionName),
+    mask: S,
+    maskClosable: R,
     style: O,
     styles: Object.assign({
-      body: g,
-      mask: s
+      body: v,
+      mask: i
     }, y),
-    width: P,
-    zIndex: _,
+    width: N,
+    zIndex: T,
     afterClose: o,
     keyboard: r,
-    centered: u,
-    getContainer: d,
-    closable: h,
-    closeIcon: C,
-    modalRender: E,
+    centered: d,
+    getContainer: c,
+    closable: b,
+    closeIcon: m,
+    modalRender: x,
     focusTriggerAfterClose: p
-  }, /* @__PURE__ */ l.createElement(an, Object.assign({}, e, {
-    confirmPrefixCls: x
+  }, /* @__PURE__ */ l.createElement(ht, Object.assign({}, e, {
+    confirmPrefixCls: $
   })));
-}, be = (e) => {
+}, je = (e) => {
   const {
-    rootPrefixCls: n,
-    iconPrefixCls: t,
+    rootPrefixCls: t,
+    iconPrefixCls: n,
     direction: o,
     theme: a
   } = e;
-  return /* @__PURE__ */ l.createElement(Ae, {
-    prefixCls: n,
-    iconPrefixCls: t,
+  return /* @__PURE__ */ l.createElement(tt, {
+    prefixCls: t,
+    iconPrefixCls: n,
     direction: o,
     theme: a
-  }, /* @__PURE__ */ l.createElement(rn, Object.assign({}, e)));
+  }, /* @__PURE__ */ l.createElement(yt, Object.assign({}, e)));
 };
-process.env.NODE_ENV !== "production" && (rn.displayName = "ConfirmDialog", be.displayName = "ConfirmDialogWrapper");
-const K = [];
-let ln = "";
-function sn() {
-  return ln;
+process.env.NODE_ENV !== "production" && (yt.displayName = "ConfirmDialog", je.displayName = "ConfirmDialogWrapper");
+const Z = [];
+let xt = "";
+function $t() {
+  return xt;
 }
-const Ot = (e) => {
-  var n, t;
+const no = (e) => {
+  var t, n;
   const {
     prefixCls: o,
     getContainer: a,
     direction: r
-  } = e, u = _e(), d = Y(oe), s = sn() || d.getPrefixCls(), c = o || `${s}-modal`;
-  let i = a;
-  return i === !1 && (i = void 0, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "production" && Le(!1, "Modal", "Static method not support `getContainer` to be `false` since it do not have context env.")), /* @__PURE__ */ v.createElement(be, Object.assign({}, e, {
-    rootPrefixCls: s,
-    prefixCls: c,
-    iconPrefixCls: d.iconPrefixCls,
-    theme: d.theme,
-    direction: r ?? d.direction,
-    locale: (t = (n = d.locale) === null || n === void 0 ? void 0 : n.Modal) !== null && t !== void 0 ? t : u,
-    getContainer: i
+  } = e, d = et(), c = ne(_), i = $t() || c.getPrefixCls(), u = o || `${i}-modal`;
+  let s = a;
+  return s === !1 && (s = void 0, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "production" && nt(!1, "Modal", "Static method not support `getContainer` to be `false` since it do not have context env.")), /* @__PURE__ */ h.createElement(je, Object.assign({}, e, {
+    rootPrefixCls: i,
+    prefixCls: u,
+    iconPrefixCls: c.iconPrefixCls,
+    theme: c.theme,
+    direction: r ?? c.direction,
+    locale: (n = (t = c.locale) === null || t === void 0 ? void 0 : t.Modal) !== null && n !== void 0 ? n : d,
+    getContainer: s
   }));
 };
-function J(e) {
-  const n = Rn();
-  process.env.NODE_ENV !== "production" && !n.holderRender && Mn("Modal");
-  const t = document.createDocumentFragment();
+function ae(e) {
+  const t = Wt();
+  process.env.NODE_ENV !== "production" && !t.holderRender && Vt("Modal");
+  const n = document.createDocumentFragment();
   let o = Object.assign(Object.assign({}, e), {
-    close: d,
+    close: c,
     open: !0
   }), a;
   function r() {
-    for (var c = arguments.length, i = new Array(c), f = 0; f < c; f++)
-      i[f] = arguments[f];
-    const b = i.some((g) => g && g.triggerCancel);
-    e.onCancel && b && e.onCancel.apply(e, [() => {
-    }].concat(U(i.slice(1))));
-    for (let g = 0; g < K.length; g++)
-      if (K[g] === d) {
-        K.splice(g, 1);
+    for (var u, s = arguments.length, f = new Array(s), g = 0; g < s; g++)
+      f[g] = arguments[g];
+    if (f.some((m) => m == null ? void 0 : m.triggerCancel)) {
+      var b;
+      (u = e.onCancel) === null || u === void 0 || (b = u).call.apply(b, [e, () => {
+      }].concat(G(f.slice(1))));
+    }
+    for (let m = 0; m < Z.length; m++)
+      if (Z[m] === c) {
+        Z.splice(m, 1);
         break;
       }
-    Gn(t);
+    nn(n);
   }
-  function u(c) {
+  function d(u) {
     clearTimeout(a), a = setTimeout(() => {
-      const i = n.getPrefixCls(void 0, sn()), f = n.getIconPrefixCls(), b = n.getTheme(), g = /* @__PURE__ */ v.createElement(Ot, Object.assign({}, c));
-      Un(/* @__PURE__ */ v.createElement(Ae, {
-        prefixCls: i,
+      const s = t.getPrefixCls(void 0, $t()), f = t.getIconPrefixCls(), g = t.getTheme(), v = /* @__PURE__ */ h.createElement(no, Object.assign({}, u));
+      on(/* @__PURE__ */ h.createElement(tt, {
+        prefixCls: s,
         iconPrefixCls: f,
-        theme: b
-      }, n.holderRender ? n.holderRender(g) : g), t);
+        theme: g
+      }, t.holderRender ? t.holderRender(v) : v), n);
     });
   }
-  function d() {
-    for (var c = arguments.length, i = new Array(c), f = 0; f < c; f++)
-      i[f] = arguments[f];
+  function c() {
+    for (var u = arguments.length, s = new Array(u), f = 0; f < u; f++)
+      s[f] = arguments[f];
     o = Object.assign(Object.assign({}, o), {
       open: !1,
       afterClose: () => {
-        typeof e.afterClose == "function" && e.afterClose(), r.apply(this, i);
+        typeof e.afterClose == "function" && e.afterClose(), r.apply(this, s);
       }
-    }), o.visible && delete o.visible, u(o);
+    }), o.visible && delete o.visible, d(o);
   }
-  function s(c) {
-    typeof c == "function" ? o = c(o) : o = Object.assign(Object.assign({}, o), c), u(o);
+  function i(u) {
+    typeof u == "function" ? o = u(o) : o = Object.assign(Object.assign({}, o), u), d(o);
   }
-  return u(o), K.push(d), {
-    destroy: d,
-    update: s
+  return d(o), Z.push(c), {
+    destroy: c,
+    update: i
   };
 }
-function cn(e) {
+function Et(e) {
   return Object.assign(Object.assign({}, e), {
     type: "warning"
   });
 }
-function dn(e) {
+function St(e) {
   return Object.assign(Object.assign({}, e), {
     type: "info"
   });
 }
-function un(e) {
+function Ot(e) {
   return Object.assign(Object.assign({}, e), {
     type: "success"
   });
 }
-function fn(e) {
+function Nt(e) {
   return Object.assign(Object.assign({}, e), {
     type: "error"
   });
 }
-function mn(e) {
+function wt(e) {
   return Object.assign(Object.assign({}, e), {
     type: "confirm"
   });
 }
-function Nt(e) {
+function oo(e) {
   let {
-    rootPrefixCls: n
+    rootPrefixCls: t
   } = e;
-  process.env.NODE_ENV !== "production" && Le(!1, "Modal", "Modal.config is deprecated. Please use ConfigProvider.config instead."), ln = n;
+  process.env.NODE_ENV !== "production" && nt(!1, "Modal", "Modal.config is deprecated. Please use ConfigProvider.config instead."), xt = t;
 }
-var St = 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;
+var ao = function(e, t) {
+  var n = {};
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, o = Object.getOwnPropertySymbols(e); a < o.length; a++)
+    t.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (n[o[a]] = e[o[a]]);
+  return n;
 };
-const wt = (e, n) => {
-  var t, {
+const lo = (e, t) => {
+  var n, {
     afterClose: o,
     config: a
-  } = e, r = St(e, ["afterClose", "config"]);
-  const [u, d] = l.useState(!0), [s, c] = l.useState(a), {
-    direction: i,
+  } = e, r = ao(e, ["afterClose", "config"]);
+  const [d, c] = l.useState(!0), [i, u] = l.useState(a), {
+    direction: s,
     getPrefixCls: f
-  } = l.useContext(oe), b = f("modal"), g = f(), h = () => {
-    var m;
-    o(), (m = s.afterClose) === null || m === void 0 || m.call(s);
-  }, C = function() {
-    d(!1);
-    for (var m = arguments.length, y = new Array(m), x = 0; x < m; x++)
-      y[x] = arguments[x];
-    const P = y.some((O) => O && O.triggerCancel);
-    s.onCancel && P && s.onCancel.apply(s, [() => {
-    }].concat(U(y.slice(1))));
+  } = l.useContext(_), g = f("modal"), v = f(), b = () => {
+    var C;
+    o(), (C = i.afterClose) === null || C === void 0 || C.call(i);
+  }, m = function() {
+    var C;
+    c(!1);
+    for (var y = arguments.length, $ = new Array(y), N = 0; N < y; N++)
+      $[N] = arguments[N];
+    if ($.some((R) => R == null ? void 0 : R.triggerCancel)) {
+      var S;
+      (C = i.onCancel) === null || C === void 0 || (S = C).call.apply(S, [i, () => {
+      }].concat(G($.slice(1))));
+    }
   };
-  l.useImperativeHandle(n, () => ({
-    destroy: C,
-    update: (m) => {
-      c((y) => Object.assign(Object.assign({}, y), m));
+  l.useImperativeHandle(t, () => ({
+    destroy: m,
+    update: (C) => {
+      u((y) => Object.assign(Object.assign({}, y), C));
     }
   }));
-  const E = (t = s.okCancel) !== null && t !== void 0 ? t : s.type === "confirm", [p] = de("Modal", jn.Modal);
-  return /* @__PURE__ */ l.createElement(be, Object.assign({
-    prefixCls: b,
-    rootPrefixCls: g
-  }, s, {
-    close: C,
-    open: u,
-    afterClose: h,
-    okText: s.okText || (E ? p == null ? void 0 : p.okText : p == null ? void 0 : p.justOkText),
-    direction: s.direction || i,
-    cancelText: s.cancelText || (p == null ? void 0 : p.cancelText)
+  const x = (n = i.okCancel) !== null && n !== void 0 ? n : i.type === "confirm", [p] = Ee("Modal", qt.Modal);
+  return /* @__PURE__ */ l.createElement(je, Object.assign({
+    prefixCls: g,
+    rootPrefixCls: v
+  }, i, {
+    close: m,
+    open: d,
+    afterClose: b,
+    okText: i.okText || (x ? p == null ? void 0 : p.okText : p == null ? void 0 : p.justOkText),
+    direction: i.direction || s,
+    cancelText: i.cancelText || (p == null ? void 0 : p.cancelText)
   }, r));
-}, Pt = /* @__PURE__ */ l.forwardRef(wt);
-let Fe = 0;
-const It = /* @__PURE__ */ l.memo(/* @__PURE__ */ l.forwardRef((e, n) => {
-  const [t, o] = tt();
-  return l.useImperativeHandle(n, () => ({
+}, ro = /* @__PURE__ */ l.forwardRef(lo);
+let Qe = 0;
+const io = /* @__PURE__ */ l.memo(/* @__PURE__ */ l.forwardRef((e, t) => {
+  const [n, o] = mn();
+  return l.useImperativeHandle(t, () => ({
     patchElement: o
-  }), []), /* @__PURE__ */ l.createElement(l.Fragment, null, t);
+  }), []), /* @__PURE__ */ l.createElement(l.Fragment, null, n);
 }));
-function Tt() {
-  const e = l.useRef(null), [n, t] = l.useState([]);
+function so() {
+  const e = l.useRef(null), [t, n] = l.useState([]);
   l.useEffect(() => {
-    n.length && (U(n).forEach((u) => {
-      u();
-    }), t([]));
-  }, [n]);
-  const o = l.useCallback((r) => function(d) {
-    var s;
-    Fe += 1;
-    const c = /* @__PURE__ */ l.createRef();
-    let i;
-    const f = new Promise((E) => {
-      i = E;
+    t.length && (G(t).forEach((d) => {
+      d();
+    }), n([]));
+  }, [t]);
+  const o = l.useCallback((r) => function(c) {
+    var i;
+    Qe += 1;
+    const u = /* @__PURE__ */ l.createRef();
+    let s;
+    const f = new Promise((x) => {
+      s = x;
     });
-    let b = !1, g;
-    const h = /* @__PURE__ */ l.createElement(Pt, {
-      key: `modal-${Fe}`,
-      config: r(d),
-      ref: c,
+    let g = !1, v;
+    const b = /* @__PURE__ */ l.createElement(ro, {
+      key: `modal-${Qe}`,
+      config: r(c),
+      ref: u,
       afterClose: () => {
-        g == null || g();
+        v == null || v();
       },
-      isSilent: () => b,
-      onConfirm: (E) => {
-        i(E);
+      isSilent: () => g,
+      onConfirm: (x) => {
+        s(x);
       }
     });
-    return g = (s = e.current) === null || s === void 0 ? void 0 : s.patchElement(h), g && K.push(g), {
+    return v = (i = e.current) === null || i === void 0 ? void 0 : i.patchElement(b), v && Z.push(v), {
       destroy: () => {
-        function E() {
+        function x() {
           var p;
-          (p = c.current) === null || p === void 0 || p.destroy();
+          (p = u.current) === null || p === void 0 || p.destroy();
         }
-        c.current ? E() : t((p) => [].concat(U(p), [E]));
+        u.current ? x() : n((p) => [].concat(G(p), [x]));
       },
-      update: (E) => {
+      update: (x) => {
         function p() {
-          var m;
-          (m = c.current) === null || m === void 0 || m.update(E);
+          var C;
+          (C = u.current) === null || C === void 0 || C.update(x);
         }
-        c.current ? p() : t((m) => [].concat(U(m), [p]));
+        u.current ? p() : n((C) => [].concat(G(C), [p]));
       },
-      then: (E) => (b = !0, f.then(E))
+      then: (x) => (g = !0, f.then(x))
     };
   }, []);
   return [l.useMemo(() => ({
-    info: o(dn),
-    success: o(un),
-    error: o(fn),
-    warning: o(cn),
-    confirm: o(mn)
-  }), []), /* @__PURE__ */ l.createElement(It, {
+    info: o(St),
+    success: o(Ot),
+    error: o(Nt),
+    warning: o(Et),
+    confirm: o(wt)
+  }), []), /* @__PURE__ */ l.createElement(io, {
     key: "modal-holder",
     ref: e
   })];
 }
-var Rt = 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;
+var co = function(e, t) {
+  var n = {};
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, o = Object.getOwnPropertySymbols(e); a < o.length; a++)
+    t.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (n[o[a]] = e[o[a]]);
+  return n;
 };
-const Mt = (e) => {
+const uo = (e) => {
   const {
-    prefixCls: n,
-    className: t,
+    prefixCls: t,
+    className: n,
     closeIcon: o,
     closable: a,
     type: r,
-    title: u,
-    children: d,
-    footer: s
-  } = e, c = Rt(e, ["prefixCls", "className", "closeIcon", "closable", "type", "title", "children", "footer"]), {
-    getPrefixCls: i
-  } = l.useContext(oe), f = i(), b = n || i("modal"), g = Ve(f), [h, C, E] = tn(b, g), p = `${b}-confirm`;
-  let m = {};
-  return r ? m = {
+    title: d,
+    children: c,
+    footer: i
+  } = e, u = co(e, ["prefixCls", "className", "closeIcon", "closable", "type", "title", "children", "footer"]), {
+    getPrefixCls: s
+  } = l.useContext(_), f = s(), g = t || s("modal"), v = ot(f), [b, m, x] = bt(g, v), p = `${g}-confirm`;
+  let C = {};
+  return r ? C = {
     closable: a ?? !1,
     title: "",
     footer: "",
-    children: /* @__PURE__ */ l.createElement(an, Object.assign({}, e, {
-      prefixCls: b,
+    children: /* @__PURE__ */ l.createElement(ht, Object.assign({}, e, {
+      prefixCls: g,
       confirmPrefixCls: p,
       rootPrefixCls: f,
-      content: d
+      content: c
     }))
-  } : m = {
+  } : C = {
     closable: a ?? !0,
-    title: u,
-    footer: s !== null && /* @__PURE__ */ l.createElement(Je, Object.assign({}, e)),
-    children: d
-  }, h(/* @__PURE__ */ l.createElement(ve, Object.assign({
-    prefixCls: b,
-    className: w(C, `${b}-pure-panel`, r && p, r && `${p}-${r}`, t, E, g)
-  }, c, {
-    closeIcon: ke(b, o),
+    title: d,
+    footer: i !== null && /* @__PURE__ */ l.createElement(gt, Object.assign({}, e)),
+    children: c
+  }, b(/* @__PURE__ */ l.createElement(Ie, Object.assign({
+    prefixCls: g,
+    className: E(m, `${g}-pure-panel`, r && p, r && `${p}-${r}`, n, x, v)
+  }, u, {
+    closeIcon: mt(g, o),
     closable: a
-  }, m)));
-}, jt = Qn(Mt);
-function gn(e) {
-  return J(cn(e));
+  }, C)));
+}, fo = ln(uo);
+function Pt(e) {
+  return ae(Et(e));
 }
-const B = on;
-B.useModal = Tt;
-B.info = function(n) {
-  return J(dn(n));
+const H = pt;
+H.useModal = so;
+H.info = function(t) {
+  return ae(St(t));
 };
-B.success = function(n) {
-  return J(un(n));
+H.success = function(t) {
+  return ae(Ot(t));
 };
-B.error = function(n) {
-  return J(fn(n));
+H.error = function(t) {
+  return ae(Nt(t));
 };
-B.warning = gn;
-B.warn = gn;
-B.confirm = function(n) {
-  return J(mn(n));
+H.warning = Pt;
+H.warn = Pt;
+H.confirm = function(t) {
+  return ae(wt(t));
 };
-B.destroyAll = function() {
-  for (; K.length; ) {
-    const n = K.pop();
-    n && n();
+H.destroyAll = function() {
+  for (; Z.length; ) {
+    const t = Z.pop();
+    t && t();
   }
 };
-B.config = Nt;
-B._InternalPanelDoNotUseOrYouWillBeFired = jt;
-process.env.NODE_ENV !== "production" && (B.displayName = "Modal");
-function qt(e) {
-  const n = {
+H.config = oo;
+H._InternalPanelDoNotUseOrYouWillBeFired = fo;
+process.env.NODE_ENV !== "production" && (H.displayName = "Modal");
+function Eo(e) {
+  const t = {
     open: e.open === void 0 ? !0 : e.open,
     onClose: e.onClose || (() => {
     }),
     collapse: e.collapse === void 0 ? !1 : e.collapse
   };
-  return /* @__PURE__ */ ye(
-    B,
+  return /* @__PURE__ */ Te(
+    H,
     {
       title: "Notification Preferences",
-      open: n.open,
+      open: t.open,
       onCancel: () => {
-        n.onClose();
+        t.onClose();
       },
       footer: null,
       zIndex: 9999,
-      children: /* @__PURE__ */ ye(yn, {})
+      children: /* @__PURE__ */ Te(Mt, {})
     }
   );
 }
 export {
-  qt as NotificationPreferencesPopup
+  Eo as NotificationPreferencesPopup
 };