ysyt-react-agent-lib 1.0.0 → 1.0.2

package/dist/{index-NUSGrx9W.mjs → index-Ds8Wgx5F.mjs}

@@ -1,32 +1,26 @@
-import { t as K, v as Ft, K as Ne, x as Dt, B as Pe, y as nt, z as kt, e as R, c as O, A as De, p as je, d as Y, a as Ie, E as ot, G as ke, n as At, H as Ae, J as _e, P as _t, R as Te, L as Vt, g as re, m as fe, f as N, C as q, N as ge, O as Wt, Q as qt, U as Me, V as Gt, X as at, Y as Xt, r as lt, Z as Ut, k as Ce, l as rt, $ as Kt, a0 as Qt, a1 as Zt, a2 as ue, a3 as Re, a4 as Yt, a5 as st, a6 as Jt, a7 as en, a8 as tn, a9 as nn, aa as on, ab as an, ac as ln, ad as rn, ae as sn, af as it, ag as cn, ah as dn, ai as un, aj as mn, ak as fn, al as gn, am as Cn, W as pn } from "./index-DTX4tP2H.mjs";
+import { t as Ft, K as Ne, g as re, m as fe, u as N, v as Dt, r as nt, x as kt, y as K, z as At, A as _t, B as Pe, E as ot, G as Vt, h as R, d as O, H as De, p as je, f as Y, c as Ie, J as at, L as ke, n as Wt, N as Ae, O as _e, P as qt, R as Te, Q as Gt, C as q, U as ge, V as Xt, X as Ut, Y as Me, Z as Kt, $ as lt, k as Ce, l as rt, a0 as Qt, a1 as Zt, a2 as Yt, a3 as ue, a4 as Re, a5 as Jt, a6 as st, a7 as en, a8 as tn, a9 as nn, aa as on, ab as an, ac as ln, ad as rn, ae as sn, af as cn, ag as it, ah as dn, ai as un, aj as mn, ak as fn, al as gn, am as Cn, W as pn } from "./index-qKFcDUB0.mjs";
 import * as r from "react";
 import $, { useContext as se, useRef as Z, useMemo as vn, useEffect as Ve } from "react";
-function bn() {
-  const [e, t] = r.useState([]), o = r.useCallback((n) => (t((a) => [].concat(K(a), [n])), () => {
-    t((a) => a.filter((l) => l !== n));
-  }), []);
-  return [e, o];
-}
-const hn = new Ne("antFadeIn", {
+const bn = new Ne("antFadeIn", {
   "0%": {
     opacity: 0
   },
   "100%": {
     opacity: 1
   }
-}), yn = new Ne("antFadeOut", {
+}), hn = new Ne("antFadeOut", {
   "0%": {
     opacity: 1
   },
   "100%": {
     opacity: 0
   }
-}), $n = function(e) {
+}), yn = function(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
   const {
     antCls: o
   } = e, n = `${o}-fade`, a = t ? "&" : "";
-  return [Ft(n, hn, yn, e.motionDurationMid, t), {
+  return [Ft(n, bn, hn, e.motionDurationMid, t), {
     [`
         ${a}${n}-enter,
         ${a}${n}-appear
@@ -38,1489 +32,1593 @@ const hn = new Ne("antFadeIn", {
       animationTimingFunction: "linear"
     }
   }];
-};
-function ye(e) {
-  return !!(e != null && e.then);
-}
-const ct = (e) => {
+}, $n = (e) => {
   const {
-    type: t,
-    children: o,
-    prefixCls: n,
-    buttonProps: a,
-    close: l,
-    autoFocus: s,
-    emitEvent: d,
-    isSilent: i,
-    quitOnNullishReturnValue: f,
-    actionFn: c
-  } = e, u = r.useRef(!1), m = r.useRef(null), [p, y] = Dt(!1), g = function() {
-    l == null || l.apply(void 0, arguments);
-  };
-  r.useEffect(() => {
-    let v = null;
-    return s && (v = setTimeout(() => {
-      var x;
-      (x = m.current) === null || x === void 0 || x.focus({
-        preventScroll: !0
-      });
-    })), () => {
-      v && clearTimeout(v);
-    };
-  }, []);
-  const C = (v) => {
-    ye(v) && (y(!0), v.then(function() {
-      y(!1, !0), g.apply(void 0, arguments), u.current = !1;
-    }, (x) => {
-      if (y(!1, !0), u.current = !1, !(i != null && i()))
-        return Promise.reject(x);
-    }));
-  }, b = (v) => {
-    if (u.current)
-      return;
-    if (u.current = !0, !c) {
-      g();
-      return;
-    }
-    let x;
-    if (d) {
-      if (x = c(v), f && !ye(x)) {
-        u.current = !1, g(v);
-        return;
+    componentCls: t
+  } = e;
+  return {
+    // Grid system
+    [t]: {
+      display: "flex",
+      flexFlow: "row wrap",
+      minWidth: 0,
+      "&::before, &::after": {
+        display: "flex"
+      },
+      "&-no-wrap": {
+        flexWrap: "nowrap"
+      },
+      // The origin of the X-axis
+      "&-start": {
+        justifyContent: "flex-start"
+      },
+      // The center of the X-axis
+      "&-center": {
+        justifyContent: "center"
+      },
+      // The opposite of the X-axis
+      "&-end": {
+        justifyContent: "flex-end"
+      },
+      "&-space-between": {
+        justifyContent: "space-between"
+      },
+      "&-space-around": {
+        justifyContent: "space-around"
+      },
+      "&-space-evenly": {
+        justifyContent: "space-evenly"
+      },
+      // Align at the top
+      "&-top": {
+        alignItems: "flex-start"
+      },
+      // Align at the center
+      "&-middle": {
+        alignItems: "center"
+      },
+      "&-bottom": {
+        alignItems: "flex-end"
       }
-    } else if (c.length)
-      x = c(l), u.current = !1;
-    else if (x = c(), !ye(x)) {
-      g();
-      return;
     }
-    C(x);
   };
-  return /* @__PURE__ */ r.createElement(Pe, Object.assign({}, nt(t), {
-    onClick: b,
-    loading: p,
-    prefixCls: n
-  }, a, {
-    ref: m
-  }), o);
-}, ie = /* @__PURE__ */ $.createContext({}), {
-  Provider: dt
-} = ie, We = () => {
+}, xn = (e) => {
   const {
-    autoFocusButton: e,
-    cancelButtonProps: t,
-    cancelTextLocale: o,
-    isSilent: n,
-    mergedOkCancel: a,
-    rootPrefixCls: l,
-    close: s,
-    onCancel: d,
-    onConfirm: i
-  } = se(ie);
-  return a ? /* @__PURE__ */ $.createElement(ct, {
-    isSilent: n,
-    actionFn: d,
-    close: function() {
-      s == null || s.apply(void 0, arguments), i == null || i(!1);
-    },
-    autoFocus: e === "cancel",
-    buttonProps: t,
-    prefixCls: `${l}-btn`
-  }, o) : null;
-}, qe = () => {
+    componentCls: t
+  } = e;
+  return {
+    // Grid system
+    [t]: {
+      position: "relative",
+      maxWidth: "100%",
+      // Prevent columns from collapsing when empty
+      minHeight: 1
+    }
+  };
+}, Sn = (e, t) => {
   const {
-    autoFocusButton: e,
-    close: t,
-    isSilent: o,
-    okButtonProps: n,
-    rootPrefixCls: a,
-    okTextLocale: l,
-    okType: s,
-    onConfirm: d,
-    onOk: i
-  } = se(ie);
-  return /* @__PURE__ */ $.createElement(ct, {
-    isSilent: o,
-    type: s || "primary",
-    actionFn: i,
-    close: function() {
-      t == null || t.apply(void 0, arguments), d == null || d(!0);
-    },
-    autoFocus: e === "ok",
-    buttonProps: n,
-    prefixCls: `${a}-btn`
-  }, l);
-};
-var ut = /* @__PURE__ */ r.createContext({});
-function Ge(e, t, o) {
-  var n = t;
-  return !n && o && (n = "".concat(e, "-").concat(o)), n;
-}
-function Xe(e, t) {
-  var o = e["page".concat(t ? "Y" : "X", "Offset")], n = "scroll".concat(t ? "Top" : "Left");
-  if (typeof o != "number") {
-    var a = e.document;
-    o = a.documentElement[n], typeof o != "number" && (o = a.body[n]);
-  }
-  return o;
-}
-function xn(e) {
-  var t = e.getBoundingClientRect(), o = {
-    left: t.left,
-    top: t.top
-  }, n = e.ownerDocument, a = n.defaultView || n.parentWindow;
-  return o.left += Xe(a), o.top += Xe(a, !0), o;
-}
-const Sn = /* @__PURE__ */ r.memo(function(e) {
-  var t = e.children;
-  return t;
-}, function(e, t) {
-  var o = t.shouldUpdate;
-  return !o;
-});
-var On = {
-  width: 0,
-  height: 0,
-  overflow: "hidden",
-  outline: "none"
-}, En = {
-  outline: "none"
-}, Be = /* @__PURE__ */ $.forwardRef(function(e, t) {
-  var o = e.prefixCls, n = e.className, a = e.style, l = e.title, s = e.ariaId, d = e.footer, i = e.closable, f = e.closeIcon, c = e.onClose, u = e.children, m = e.bodyStyle, p = e.bodyProps, y = e.modalRender, g = e.onMouseDown, C = e.onMouseUp, b = e.holderRef, v = e.visible, x = e.forceRender, E = e.width, w = e.height, S = e.classNames, h = e.styles, I = $.useContext(ut), j = I.panel, F = kt(b, j), H = Z(), L = Z();
-  $.useImperativeHandle(t, function() {
-    return {
-      focus: function() {
-        var z;
-        (z = H.current) === null || z === void 0 || z.focus({
-          preventScroll: !0
-        });
+    prefixCls: o,
+    componentCls: n,
+    gridColumns: a
+  } = e, l = {};
+  for (let s = a; s >= 0; s--)
+    s === 0 ? (l[`${n}${t}-${s}`] = {
+      display: "none"
+    }, l[`${n}-push-${s}`] = {
+      insetInlineStart: "auto"
+    }, l[`${n}-pull-${s}`] = {
+      insetInlineEnd: "auto"
+    }, l[`${n}${t}-push-${s}`] = {
+      insetInlineStart: "auto"
+    }, l[`${n}${t}-pull-${s}`] = {
+      insetInlineEnd: "auto"
+    }, l[`${n}${t}-offset-${s}`] = {
+      marginInlineStart: 0
+    }, l[`${n}${t}-order-${s}`] = {
+      order: 0
+    }) : (l[`${n}${t}-${s}`] = [
+      // https://github.com/ant-design/ant-design/issues/44456
+      // Form set `display: flex` on Col which will override `display: block`.
+      // Let's get it from css variable to support override.
+      {
+        "--ant-display": "block",
+        // Fallback to display if variable not support
+        display: "block"
       },
-      changeActive: function(z) {
-        var ae = document, Q = ae.activeElement;
-        z && Q === L.current ? H.current.focus({
-          preventScroll: !0
-        }) : !z && Q === H.current && L.current.focus({
-          preventScroll: !0
-        });
+      {
+        display: "var(--ant-display)",
+        flex: `0 0 ${s / a * 100}%`,
+        maxWidth: `${s / a * 100}%`
       }
-    };
-  });
-  var X = {};
-  E !== void 0 && (X.width = E), w !== void 0 && (X.height = w);
-  var k = d ? /* @__PURE__ */ $.createElement("div", {
-    className: O("".concat(o, "-footer"), S == null ? void 0 : S.footer),
-    style: R({}, h == null ? void 0 : h.footer)
-  }, d) : null, D = l ? /* @__PURE__ */ $.createElement("div", {
-    className: O("".concat(o, "-header"), S == null ? void 0 : S.header),
-    style: R({}, h == null ? void 0 : h.header)
-  }, /* @__PURE__ */ $.createElement("div", {
-    className: "".concat(o, "-title"),
-    id: s
-  }, l)) : null, W = vn(function() {
-    return De(i) === "object" && i !== null ? i : i ? {
-      closeIcon: f ?? /* @__PURE__ */ $.createElement("span", {
-        className: "".concat(o, "-close-x")
-      })
-    } : {};
-  }, [i, f, o]), A = je(W, !0), T = De(i) === "object" && i.disabled, J = i ? /* @__PURE__ */ $.createElement("button", Y({
-    type: "button",
-    onClick: c,
-    "aria-label": "Close"
-  }, A, {
-    className: "".concat(o, "-close"),
-    disabled: T
-  }), W.closeIcon) : null, B = /* @__PURE__ */ $.createElement("div", {
-    className: O("".concat(o, "-content"), S == null ? void 0 : S.content),
-    style: h == null ? void 0 : h.content
-  }, J, D, /* @__PURE__ */ $.createElement("div", Y({
-    className: O("".concat(o, "-body"), S == null ? void 0 : S.body),
-    style: R(R({}, m), h == null ? void 0 : h.body)
-  }, p), u), k);
-  return /* @__PURE__ */ $.createElement("div", {
-    key: "dialog-element",
-    role: "dialog",
-    "aria-labelledby": l ? s : null,
-    "aria-modal": "true",
-    ref: F,
-    style: R(R({}, a), X),
-    className: O(o, n),
-    onMouseDown: g,
-    onMouseUp: C
-  }, /* @__PURE__ */ $.createElement("div", {
-    ref: H,
-    tabIndex: 0,
-    style: En
-  }, /* @__PURE__ */ $.createElement(Sn, {
-    shouldUpdate: v || x
-  }, y ? y(B) : B)), /* @__PURE__ */ $.createElement("div", {
-    tabIndex: 0,
-    ref: L,
-    style: On
-  }));
-});
-process.env.NODE_ENV !== "production" && (Be.displayName = "Panel");
-var mt = /* @__PURE__ */ r.forwardRef(function(e, t) {
-  var o = e.prefixCls, n = e.title, a = e.style, l = e.className, s = e.visible, d = e.forceRender, i = e.destroyOnClose, f = e.motionName, c = e.ariaId, u = e.onVisibleChanged, m = e.mousePosition, p = Z(), y = r.useState(), g = Ie(y, 2), C = g[0], b = g[1], v = {};
-  C && (v.transformOrigin = C);
-  function x() {
-    var E = xn(p.current);
-    b(m && (m.x || m.y) ? "".concat(m.x - E.left, "px ").concat(m.y - E.top, "px") : "");
-  }
-  return /* @__PURE__ */ r.createElement(ot, {
-    visible: s,
-    onVisibleChanged: u,
-    onAppearPrepare: x,
-    onEnterPrepare: x,
-    forceRender: d,
-    motionName: f,
-    removeOnLeave: i,
-    ref: p
-  }, function(E, w) {
-    var S = E.className, h = E.style;
-    return /* @__PURE__ */ r.createElement(Be, Y({}, e, {
-      ref: t,
-      title: n,
-      ariaId: c,
-      prefixCls: o,
-      holderRef: w,
-      style: R(R(R({}, h), a), v),
-      className: O(l, S)
-    }));
-  });
+    ], l[`${n}${t}-push-${s}`] = {
+      insetInlineStart: `${s / a * 100}%`
+    }, l[`${n}${t}-pull-${s}`] = {
+      insetInlineEnd: `${s / a * 100}%`
+    }, l[`${n}${t}-offset-${s}`] = {
+      marginInlineStart: `${s / a * 100}%`
+    }, l[`${n}${t}-order-${s}`] = {
+      order: s
+    });
+  return l[`${n}${t}-flex`] = {
+    flex: `var(--${o}${t}-flex)`
+  }, l;
+}, Ee = (e, t) => Sn(e, t), On = (e, t, o) => ({
+  [`@media (min-width: ${N(t)})`]: Object.assign({}, Ee(e, o))
+}), En = () => ({}), wn = () => ({});
+re("Grid", $n, En);
+const ct = (e) => ({
+  xs: e.screenXSMin,
+  sm: e.screenSMMin,
+  md: e.screenMDMin,
+  lg: e.screenLGMin,
+  xl: e.screenXLMin,
+  xxl: e.screenXXLMin
 });
-mt.displayName = "Content";
-var wn = function(t) {
-  var o = t.prefixCls, n = t.style, a = t.visible, l = t.maskProps, s = t.motionName, d = t.className;
-  return /* @__PURE__ */ r.createElement(ot, {
-    key: "mask",
-    visible: a,
-    motionName: s,
-    leavedClassName: "".concat(o, "-mask-hidden")
-  }, function(i, f) {
-    var c = i.className, u = i.style;
-    return /* @__PURE__ */ r.createElement("div", Y({
-      ref: f,
-      style: R(R({}, u), n),
-      className: O("".concat(o, "-mask"), c, d)
-    }, l));
-  });
-}, Nn = function(t) {
-  var o = t.prefixCls, n = o === void 0 ? "rc-dialog" : o, a = t.zIndex, l = t.visible, s = l === void 0 ? !1 : l, d = t.keyboard, i = d === void 0 ? !0 : d, f = t.focusTriggerAfterClose, c = f === void 0 ? !0 : f, u = t.wrapStyle, m = t.wrapClassName, p = t.wrapProps, y = t.onClose, g = t.afterOpenChange, C = t.afterClose, b = t.transitionName, v = t.animation, x = t.closable, E = x === void 0 ? !0 : x, w = t.mask, S = w === void 0 ? !0 : w, h = t.maskTransitionName, I = t.maskAnimation, j = t.maskClosable, F = j === void 0 ? !0 : j, H = t.maskStyle, L = t.maskProps, X = t.rootClassName, k = t.classNames, D = t.styles;
-  process.env.NODE_ENV !== "production" && (["wrapStyle", "bodyStyle", "maskStyle"].forEach(function(P) {
-    ke(!(P in t), "".concat(P, " is deprecated, please use styles instead."));
-  }), "wrapClassName" in t && ke(!1, "wrapClassName is deprecated, please use classNames instead."));
-  var W = Z(), A = Z(), T = Z(), J = r.useState(s), B = Ie(J, 2), U = B[0], z = B[1], ae = At();
-  function Q() {
-    Ae(A.current, document.activeElement) || (W.current = document.activeElement);
-  }
-  function be() {
-    if (!Ae(A.current, document.activeElement)) {
-      var P;
-      (P = T.current) === null || P === void 0 || P.focus();
-    }
-  }
-  function _(P) {
-    if (P)
-      be();
-    else {
-      if (z(!1), S && W.current && c) {
-        try {
-          W.current.focus({
-            preventScroll: !0
-          });
-        } catch {
+re("Grid", (e) => {
+  const t = fe(e, {
+    gridColumns: 24
+    // Row is divided into 24 parts in Grid
+  }), o = ct(t);
+  return delete o.xs, [xn(t), Ee(t, ""), Ee(t, "-xs"), Object.keys(o).map((n) => On(t, o[n], `-${n}`)).reduce((n, a) => Object.assign(Object.assign({}, n), a), {})];
+}, wn);
+function We(e) {
+  return {
+    position: e,
+    inset: 0
+  };
+}
+const Nn = (e) => {
+  const {
+    componentCls: t,
+    antCls: o
+  } = e;
+  return [{
+    [`${t}-root`]: {
+      [`${t}${o}-zoom-enter, ${t}${o}-zoom-appear`]: {
+        // reset scale avoid mousePosition bug
+        transform: "none",
+        opacity: 0,
+        animationDuration: e.motionDurationSlow,
+        // https://github.com/ant-design/ant-design/issues/11777
+        userSelect: "none"
+      },
+      // https://github.com/ant-design/ant-design/issues/37329
+      // https://github.com/ant-design/ant-design/issues/40272
+      [`${t}${o}-zoom-leave ${t}-content`]: {
+        pointerEvents: "none"
+      },
+      [`${t}-mask`]: Object.assign(Object.assign({}, We("fixed")), {
+        zIndex: e.zIndexPopupBase,
+        height: "100%",
+        backgroundColor: e.colorBgMask,
+        pointerEvents: "none",
+        [`${t}-hidden`]: {
+          display: "none"
         }
-        W.current = null;
-      }
-      U && (C == null || C());
-    }
-    g == null || g(P);
-  }
-  function M(P) {
-    y == null || y(P);
-  }
-  var V = Z(!1), le = Z(), Bt = function() {
-    clearTimeout(le.current), V.current = !0;
-  }, zt = function() {
-    le.current = setTimeout(function() {
-      V.current = !1;
-    });
-  }, Fe = null;
-  F && (Fe = function(he) {
-    V.current ? V.current = !1 : A.current === he.target && M(he);
-  });
-  function Ht(P) {
-    if (i && P.keyCode === _e.ESC) {
-      P.stopPropagation(), M(P);
-      return;
-    }
-    s && P.keyCode === _e.TAB && T.current.changeActive(!P.shiftKey);
-  }
-  Ve(function() {
-    s && (z(!0), Q());
-  }, [s]), Ve(function() {
-    return function() {
-      clearTimeout(le.current);
-    };
-  }, []);
-  var Lt = R(R(R({
-    zIndex: a
-  }, u), D == null ? void 0 : D.wrapper), {}, {
-    display: U ? null : "none"
-  });
-  return /* @__PURE__ */ r.createElement("div", Y({
-    className: O("".concat(n, "-root"), X)
-  }, je(t, {
-    data: !0
-  })), /* @__PURE__ */ r.createElement(wn, {
-    prefixCls: n,
-    visible: S && s,
-    motionName: Ge(n, h, I),
-    style: R(R({
-      zIndex: a
-    }, H), D == null ? void 0 : D.mask),
-    maskProps: L,
-    className: k == null ? void 0 : k.mask
-  }), /* @__PURE__ */ r.createElement("div", Y({
-    tabIndex: -1,
-    onKeyDown: Ht,
-    className: O("".concat(n, "-wrap"), m, k == null ? void 0 : k.wrapper),
-    ref: A,
-    onClick: Fe,
-    style: Lt
-  }, p), /* @__PURE__ */ r.createElement(mt, Y({}, t, {
-    onMouseDown: Bt,
-    onMouseUp: zt,
-    ref: T,
-    closable: E,
-    ariaId: ae,
-    prefixCls: n,
-    visible: s && U,
-    onClose: M,
-    onVisibleChanged: _,
-    motionName: Ge(n, b, v)
-  }))));
-}, ft = function(t) {
-  var o = t.visible, n = t.getContainer, a = t.forceRender, l = t.destroyOnClose, s = l === void 0 ? !1 : l, d = t.afterClose, i = t.panelRef, f = r.useState(o), c = Ie(f, 2), u = c[0], m = c[1], p = r.useMemo(function() {
-    return {
-      panel: i
-    };
-  }, [i]);
-  return r.useEffect(function() {
-    o && m(!0);
-  }, [o]), !a && s && !u ? null : /* @__PURE__ */ r.createElement(ut.Provider, {
-    value: p
-  }, /* @__PURE__ */ r.createElement(_t, {
-    open: o || a || u,
-    autoDestroy: !1,
-    getContainer: n,
-    autoLock: o || u
-  }, /* @__PURE__ */ r.createElement(Nn, Y({}, t, {
-    destroyOnClose: s,
-    afterClose: function() {
-      d == null || d(), m(!1);
+      }),
+      [`${t}-wrap`]: Object.assign(Object.assign({}, We("fixed")), {
+        zIndex: e.zIndexPopupBase,
+        overflow: "auto",
+        outline: 0,
+        WebkitOverflowScrolling: "touch"
+      })
     }
-  }))));
-};
-ft.displayName = "Dialog";
-function me(e) {
-  if (e)
-    return {
-      closable: e.closable,
-      closeIcon: e.closeIcon
-    };
-}
-function Ue(e) {
+  }, {
+    [`${t}-root`]: yn(e)
+  }];
+}, Pn = (e) => {
   const {
-    closable: t,
-    closeIcon: o
-  } = e || {};
-  return $.useMemo(() => {
-    if (
-      // If `closable`, whatever rest be should be true
-      !t && (t === !1 || o === !1 || o === null)
-    )
-      return !1;
-    if (t === void 0 && o === void 0)
-      return null;
-    let n = {
-      closeIcon: typeof o != "boolean" && o !== null ? o : void 0
-    };
-    return t && typeof t == "object" && (n = Object.assign(Object.assign({}, n), t)), n;
-  }, [t, o]);
-}
-function Ke() {
-  const e = {};
-  for (var t = arguments.length, o = new Array(t), n = 0; n < t; n++)
-    o[n] = arguments[n];
-  return o.forEach((a) => {
-    a && Object.keys(a).forEach((l) => {
-      a[l] !== void 0 && (e[l] = a[l]);
-    });
-  }), e;
-}
-const Pn = {};
-function gt(e, t) {
-  let o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : Pn;
-  const n = Ue(e), a = Ue(t), l = typeof n != "boolean" ? !!(n != null && n.disabled) : !1, s = $.useMemo(() => Object.assign({
-    closeIcon: /* @__PURE__ */ $.createElement(Te, null)
-  }, o), [o]), d = $.useMemo(() => n === !1 ? !1 : n ? Ke(s, a, n) : a === !1 ? !1 : a ? Ke(s, a) : s.closable ? s : !1, [n, a, s]);
-  return $.useMemo(() => {
-    if (d === !1)
-      return [!1, null, l];
-    const {
-      closeIconRender: i
-    } = s, {
-      closeIcon: f
-    } = d;
-    let c = f;
-    if (c != null) {
-      i && (c = i(f));
-      const u = je(d, !0);
-      Object.keys(u).length && (c = /* @__PURE__ */ $.isValidElement(c) ? /* @__PURE__ */ $.cloneElement(c, u) : /* @__PURE__ */ $.createElement("span", Object.assign({}, u), c));
+    componentCls: t
+  } = e;
+  return [
+    // ======================== Root =========================
+    {
+      [`${t}-root`]: {
+        [`${t}-wrap-rtl`]: {
+          direction: "rtl"
+        },
+        [`${t}-centered`]: {
+          textAlign: "center",
+          "&::before": {
+            display: "inline-block",
+            width: 0,
+            height: "100%",
+            verticalAlign: "middle",
+            content: '""'
+          },
+          [t]: {
+            top: 0,
+            display: "inline-block",
+            paddingBottom: 0,
+            textAlign: "start",
+            verticalAlign: "middle"
+          }
+        },
+        [`@media (max-width: ${e.screenSMMax}px)`]: {
+          [t]: {
+            maxWidth: "calc(100vw - 16px)",
+            margin: `${N(e.marginXS)} auto`
+          },
+          [`${t}-centered`]: {
+            [t]: {
+              flex: 1
+            }
+          }
+        }
+      }
+    },
+    // ======================== Modal ========================
+    {
+      [t]: Object.assign(Object.assign({}, nt(e)), {
+        pointerEvents: "none",
+        position: "relative",
+        top: 100,
+        width: "auto",
+        maxWidth: `calc(100vw - ${N(e.calc(e.margin).mul(2).equal())})`,
+        margin: "0 auto",
+        paddingBottom: e.paddingLG,
+        [`${t}-title`]: {
+          margin: 0,
+          color: e.titleColor,
+          fontWeight: e.fontWeightStrong,
+          fontSize: e.titleFontSize,
+          lineHeight: e.titleLineHeight,
+          wordWrap: "break-word"
+        },
+        [`${t}-content`]: {
+          position: "relative",
+          backgroundColor: e.contentBg,
+          backgroundClip: "padding-box",
+          border: 0,
+          borderRadius: e.borderRadiusLG,
+          boxShadow: e.boxShadow,
+          pointerEvents: "auto",
+          padding: e.contentPadding
+        },
+        [`${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(),
+          zIndex: e.calc(e.zIndexPopupBase).add(10).equal(),
+          padding: 0,
+          color: e.modalCloseIconColor,
+          fontWeight: e.fontWeightStrong,
+          lineHeight: 1,
+          textDecoration: "none",
+          background: "transparent",
+          borderRadius: e.borderRadiusSM,
+          width: e.modalCloseBtnSize,
+          height: e.modalCloseBtnSize,
+          border: 0,
+          outline: 0,
+          cursor: "pointer",
+          transition: `color ${e.motionDurationMid}, background-color ${e.motionDurationMid}`,
+          "&-x": {
+            display: "flex",
+            fontSize: e.fontSizeLG,
+            fontStyle: "normal",
+            lineHeight: N(e.modalCloseBtnSize),
+            justifyContent: "center",
+            textTransform: "none",
+            textRendering: "auto"
+          },
+          "&:disabled": {
+            pointerEvents: "none"
+          },
+          "&:hover": {
+            color: e.modalCloseIconHoverColor,
+            backgroundColor: e.colorBgTextHover,
+            textDecoration: "none"
+          },
+          "&:active": {
+            backgroundColor: e.colorBgTextActive
+          }
+        }, kt(e)),
+        [`${t}-header`]: {
+          color: e.colorText,
+          background: e.headerBg,
+          borderRadius: `${N(e.borderRadiusLG)} ${N(e.borderRadiusLG)} 0 0`,
+          marginBottom: e.headerMarginBottom,
+          padding: e.headerPadding,
+          borderBottom: e.headerBorderBottom
+        },
+        [`${t}-body`]: {
+          fontSize: e.fontSize,
+          lineHeight: e.lineHeight,
+          wordWrap: "break-word",
+          padding: e.bodyPadding,
+          [`${t}-body-skeleton`]: {
+            width: "100%",
+            height: "100%",
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            margin: `${N(e.margin)} auto`
+          }
+        },
+        [`${t}-footer`]: {
+          textAlign: "end",
+          background: e.footerBg,
+          marginTop: e.footerMarginTop,
+          padding: e.footerPadding,
+          borderTop: e.footerBorderTop,
+          borderRadius: e.footerBorderRadius,
+          [`> ${e.antCls}-btn + ${e.antCls}-btn`]: {
+            marginInlineStart: e.marginXS
+          }
+        },
+        [`${t}-open`]: {
+          overflow: "hidden"
+        }
+      })
+    },
+    // ======================== Pure =========================
+    {
+      [`${t}-pure-panel`]: {
+        top: "auto",
+        padding: 0,
+        display: "flex",
+        flexDirection: "column",
+        [`${t}-content,
+          ${t}-body,
+          ${t}-confirm-body-wrapper`]: {
+          display: "flex",
+          flexDirection: "column",
+          flex: "auto"
+        },
+        [`${t}-confirm-body`]: {
+          marginBottom: "auto"
+        }
+      }
     }
-    return [!0, c, l];
-  }, [d, s]);
-}
-const jn = () => Vt() && window.document.documentElement, pe = (e) => {
-  const {
-    prefixCls: t,
-    className: o,
-    style: n,
-    size: a,
-    shape: l
-  } = e, s = O({
-    [`${t}-lg`]: a === "large",
-    [`${t}-sm`]: a === "small"
-  }), d = O({
-    [`${t}-circle`]: l === "circle",
-    [`${t}-square`]: l === "square",
-    [`${t}-round`]: l === "round"
-  }), i = r.useMemo(() => typeof a == "number" ? {
-    width: a,
-    height: a,
-    lineHeight: `${a}px`
-  } : {}, [a]);
-  return /* @__PURE__ */ r.createElement("span", {
-    className: O(t, s, d, o),
-    style: Object.assign(Object.assign({}, i), n)
-  });
-}, In = new Ne("ant-skeleton-loading", {
-  "0%": {
-    backgroundPosition: "100% 50%"
-  },
-  "100%": {
-    backgroundPosition: "0 50%"
-  }
-}), ve = (e) => ({
-  height: e,
-  lineHeight: N(e)
-}), ne = (e) => Object.assign({
-  width: e
-}, ve(e)), Tn = (e) => ({
-  background: e.skeletonLoadingBackground,
-  backgroundSize: "400% 100%",
-  animationName: In,
-  animationDuration: e.skeletonLoadingMotionDuration,
-  animationTimingFunction: "ease",
-  animationIterationCount: "infinite"
-}), $e = (e, t) => Object.assign({
-  width: t(e).mul(5).equal(),
-  minWidth: t(e).mul(5).equal()
-}, ve(e)), Mn = (e) => {
+  ];
+}, jn = (e) => {
   const {
-    skeletonAvatarCls: t,
-    gradientFromColor: o,
-    controlHeight: n,
-    controlHeightLG: a,
-    controlHeightSM: l
+    componentCls: t
   } = e;
   return {
-    [t]: Object.assign({
-      display: "inline-block",
-      verticalAlign: "top",
-      background: o
-    }, ne(n)),
-    [`${t}${t}-circle`]: {
-      borderRadius: "50%"
-    },
-    [`${t}${t}-lg`]: Object.assign({}, ne(a)),
-    [`${t}${t}-sm`]: Object.assign({}, ne(l))
+    [`${t}-root`]: {
+      [`${t}-wrap-rtl`]: {
+        direction: "rtl",
+        [`${t}-confirm-body`]: {
+          direction: "rtl"
+        }
+      }
+    }
   };
-}, Rn = (e) => {
+}, In = (e) => {
   const {
-    controlHeight: t,
-    borderRadiusSM: o,
-    skeletonInputCls: n,
-    controlHeightLG: a,
-    controlHeightSM: l,
-    gradientFromColor: s,
-    calc: d
-  } = e;
+    componentCls: t
+  } = e, o = ct(e);
+  delete o.xs;
+  const n = Object.keys(o).map((a) => ({
+    [`@media (min-width: ${N(o[a])})`]: {
+      width: `var(--${t.replace(".", "")}-${a}-width)`
+    }
+  }));
   return {
-    [n]: Object.assign({
-      display: "inline-block",
-      verticalAlign: "top",
-      background: s,
-      borderRadius: o
-    }, $e(t, d)),
-    [`${n}-lg`]: Object.assign({}, $e(a, d)),
-    [`${n}-sm`]: Object.assign({}, $e(l, d))
+    [`${t}-root`]: {
+      [t]: [{
+        width: `var(--${t.replace(".", "")}-xs-width)`
+      }].concat(K(n))
+    }
   };
-}, Qe = (e) => Object.assign({
-  width: e
-}, ve(e)), Bn = (e) => {
+}, dt = (e) => {
+  const t = e.padding, o = e.fontSizeHeading5, n = e.lineHeightHeading5;
+  return fe(e, {
+    modalHeaderHeight: e.calc(e.calc(n).mul(o).equal()).add(e.calc(t).mul(2).equal()).equal(),
+    modalFooterBorderColorSplit: e.colorSplit,
+    modalFooterBorderStyle: e.lineType,
+    modalFooterBorderWidth: e.lineWidth,
+    modalCloseIconColor: e.colorIcon,
+    modalCloseIconHoverColor: e.colorIconHover,
+    modalCloseBtnSize: e.controlHeight,
+    modalConfirmIconSize: e.fontHeight,
+    modalTitleHeight: e.calc(e.titleFontSize).mul(e.titleLineHeight).equal()
+  });
+}, ut = (e) => ({
+  footerBg: "transparent",
+  headerBg: e.colorBgElevated,
+  titleLineHeight: e.lineHeightHeading5,
+  titleFontSize: e.fontSizeHeading5,
+  contentBg: e.colorBgElevated,
+  titleColor: e.colorTextHeading,
+  // internal
+  contentPadding: e.wireframe ? 0 : `${N(e.paddingMD)} ${N(e.paddingContentHorizontalLG)}`,
+  headerPadding: e.wireframe ? `${N(e.padding)} ${N(e.paddingLG)}` : 0,
+  headerBorderBottom: e.wireframe ? `${N(e.lineWidth)} ${e.lineType} ${e.colorSplit}` : "none",
+  headerMarginBottom: e.wireframe ? 0 : e.marginXS,
+  bodyPadding: e.wireframe ? e.paddingLG : 0,
+  footerPadding: e.wireframe ? `${N(e.paddingXS)} ${N(e.padding)}` : 0,
+  footerBorderTop: e.wireframe ? `${N(e.lineWidth)} ${e.lineType} ${e.colorSplit}` : "none",
+  footerBorderRadius: e.wireframe ? `0 0 ${N(e.borderRadiusLG)} ${N(e.borderRadiusLG)}` : 0,
+  footerMarginTop: e.wireframe ? 0 : e.marginSM,
+  confirmBodyPadding: e.wireframe ? `${N(e.padding * 2)} ${N(e.padding * 2)} ${N(e.paddingLG)}` : 0,
+  confirmIconMarginInlineEnd: e.wireframe ? e.margin : e.marginSM,
+  confirmBtnsMarginTop: e.wireframe ? e.marginLG : e.marginSM
+}), mt = re("Modal", (e) => {
+  const t = dt(e);
+  return [Pn(t), jn(t), Nn(t), Dt(t, "zoom"), In(t)];
+}, ut, {
+  unitless: {
+    titleLineHeight: !0
+  }
+}), Tn = (e) => {
   const {
-    skeletonImageCls: t,
-    imageSizeBase: o,
-    gradientFromColor: n,
-    borderRadiusSM: a,
+    paddingXXS: t,
+    lineWidth: o,
+    tagPaddingHorizontal: n,
+    componentCls: a,
     calc: l
-  } = e;
+  } = e, s = l(n).sub(o).equal(), d = l(t).sub(o).equal();
   return {
-    [t]: Object.assign(Object.assign({
-      display: "inline-flex",
-      alignItems: "center",
-      justifyContent: "center",
-      verticalAlign: "middle",
-      background: n,
-      borderRadius: a
-    }, Qe(l(o).mul(2).equal())), {
-      [`${t}-path`]: {
-        fill: "#bfbfbf"
+    // Result
+    [a]: Object.assign(Object.assign({}, nt(e)), {
+      display: "inline-block",
+      height: "auto",
+      // https://github.com/ant-design/ant-design/pull/47504
+      marginInlineEnd: e.marginXS,
+      paddingInline: s,
+      fontSize: e.tagFontSize,
+      lineHeight: e.tagLineHeight,
+      whiteSpace: "nowrap",
+      background: e.defaultBg,
+      border: `${N(e.lineWidth)} ${e.lineType} ${e.colorBorder}`,
+      borderRadius: e.borderRadiusSM,
+      opacity: 1,
+      transition: `all ${e.motionDurationMid}`,
+      textAlign: "start",
+      position: "relative",
+      // RTL
+      [`&${a}-rtl`]: {
+        direction: "rtl"
       },
-      [`${t}-svg`]: Object.assign(Object.assign({}, Qe(o)), {
-        maxWidth: l(o).mul(4).equal(),
-        maxHeight: l(o).mul(4).equal()
-      }),
-      [`${t}-svg${t}-svg-circle`]: {
-        borderRadius: "50%"
+      "&, a, a:hover": {
+        color: e.defaultColor
+      },
+      [`${a}-close-icon`]: {
+        marginInlineStart: d,
+        fontSize: e.tagIconSize,
+        color: e.colorTextDescription,
+        cursor: "pointer",
+        transition: `all ${e.motionDurationMid}`,
+        "&:hover": {
+          color: e.colorTextHeading
+        }
+      },
+      [`&${a}-has-color`]: {
+        borderColor: "transparent",
+        [`&, a, a:hover, ${e.iconCls}-close, ${e.iconCls}-close:hover`]: {
+          color: e.colorTextLightSolid
+        }
+      },
+      "&-checkable": {
+        backgroundColor: "transparent",
+        borderColor: "transparent",
+        cursor: "pointer",
+        [`&:not(${a}-checkable-checked):hover`]: {
+          color: e.colorPrimary,
+          backgroundColor: e.colorFillSecondary
+        },
+        "&:active, &-checked": {
+          color: e.colorTextLightSolid
+        },
+        "&-checked": {
+          backgroundColor: e.colorPrimary,
+          "&:hover": {
+            backgroundColor: e.colorPrimaryHover
+          }
+        },
+        "&:active": {
+          backgroundColor: e.colorPrimaryActive
+        }
+      },
+      "&-hidden": {
+        display: "none"
+      },
+      // To ensure that a space will be placed between character and `Icon`.
+      [`> ${e.iconCls} + span, > span + ${e.iconCls}`]: {
+        marginInlineStart: s
       }
     }),
-    [`${t}${t}-circle`]: {
-      borderRadius: "50%"
+    [`${a}-borderless`]: {
+      borderColor: "transparent",
+      background: e.tagBorderlessBg
     }
   };
-}, xe = (e, t, o) => {
+}, Be = (e) => {
   const {
-    skeletonButtonCls: n
-  } = e;
-  return {
-    [`${o}${n}-circle`]: {
-      width: t,
-      minWidth: t,
-      borderRadius: "50%"
-    },
-    [`${o}${n}-round`]: {
-      borderRadius: t
+    lineWidth: t,
+    fontSizeIcon: o,
+    calc: n
+  } = e, a = e.fontSizeSM;
+  return fe(e, {
+    tagFontSize: a,
+    tagLineHeight: N(n(e.lineHeightSM).mul(a).equal()),
+    tagIconSize: n(o).sub(n(t).mul(2)).equal(),
+    // Tag icon is much smaller
+    tagPaddingHorizontal: 8,
+    // Fixed padding.
+    tagBorderlessBg: e.defaultBg
+  });
+}, ze = (e) => ({
+  defaultBg: new At(e.colorFillQuaternary).onBackground(e.colorBgContainer).toHexString(),
+  defaultColor: e.colorText
+}), ft = re("Tag", (e) => {
+  const t = Be(e);
+  return Tn(t);
+}, ze);
+function ye(e) {
+  return !!(e != null && e.then);
+}
+const gt = (e) => {
+  const {
+    type: t,
+    children: o,
+    prefixCls: n,
+    buttonProps: a,
+    close: l,
+    autoFocus: s,
+    emitEvent: d,
+    isSilent: i,
+    quitOnNullishReturnValue: f,
+    actionFn: c
+  } = e, u = r.useRef(!1), m = r.useRef(null), [p, y] = _t(!1), g = function() {
+    l == null || l.apply(void 0, arguments);
+  };
+  r.useEffect(() => {
+    let v = null;
+    return s && (v = setTimeout(() => {
+      var x;
+      (x = m.current) === null || x === void 0 || x.focus({
+        preventScroll: !0
+      });
+    })), () => {
+      v && clearTimeout(v);
+    };
+  }, []);
+  const C = (v) => {
+    ye(v) && (y(!0), v.then(function() {
+      y(!1, !0), g.apply(void 0, arguments), u.current = !1;
+    }, (x) => {
+      if (y(!1, !0), u.current = !1, !(i != null && i()))
+        return Promise.reject(x);
+    }));
+  }, b = (v) => {
+    if (u.current)
+      return;
+    if (u.current = !0, !c) {
+      g();
+      return;
+    }
+    let x;
+    if (d) {
+      if (x = c(v), f && !ye(x)) {
+        u.current = !1, g(v);
+        return;
+      }
+    } else if (c.length)
+      x = c(l), u.current = !1;
+    else if (x = c(), !ye(x)) {
+      g();
+      return;
     }
+    C(x);
   };
-}, Se = (e, t) => Object.assign({
-  width: t(e).mul(2).equal(),
-  minWidth: t(e).mul(2).equal()
-}, ve(e)), zn = (e) => {
+  return /* @__PURE__ */ r.createElement(Pe, Object.assign({}, ot(t), {
+    onClick: b,
+    loading: p,
+    prefixCls: n
+  }, a, {
+    ref: m
+  }), o);
+}, ie = /* @__PURE__ */ $.createContext({}), {
+  Provider: Ct
+} = ie, qe = () => {
   const {
-    borderRadiusSM: t,
-    skeletonButtonCls: o,
-    controlHeight: n,
-    controlHeightLG: a,
-    controlHeightSM: l,
-    gradientFromColor: s,
-    calc: d
-  } = e;
-  return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
-    [o]: Object.assign({
-      display: "inline-block",
-      verticalAlign: "top",
-      background: s,
-      borderRadius: t,
-      width: d(n).mul(2).equal(),
-      minWidth: d(n).mul(2).equal()
-    }, Se(n, d))
-  }, xe(e, n, o)), {
-    [`${o}-lg`]: Object.assign({}, Se(a, d))
-  }), xe(e, a, `${o}-lg`)), {
-    [`${o}-sm`]: Object.assign({}, Se(l, d))
-  }), xe(e, l, `${o}-sm`));
-}, Hn = (e) => {
+    autoFocusButton: e,
+    cancelButtonProps: t,
+    cancelTextLocale: o,
+    isSilent: n,
+    mergedOkCancel: a,
+    rootPrefixCls: l,
+    close: s,
+    onCancel: d,
+    onConfirm: i
+  } = se(ie);
+  return a ? /* @__PURE__ */ $.createElement(gt, {
+    isSilent: n,
+    actionFn: d,
+    close: function() {
+      s == null || s.apply(void 0, arguments), i == null || i(!1);
+    },
+    autoFocus: e === "cancel",
+    buttonProps: t,
+    prefixCls: `${l}-btn`
+  }, o) : null;
+}, Ge = () => {
   const {
-    componentCls: t,
-    skeletonAvatarCls: o,
-    skeletonTitleCls: n,
-    skeletonParagraphCls: a,
-    skeletonButtonCls: l,
-    skeletonInputCls: s,
-    skeletonImageCls: d,
-    controlHeight: i,
-    controlHeightLG: f,
-    controlHeightSM: c,
-    gradientFromColor: u,
-    padding: m,
-    marginSM: p,
-    borderRadius: y,
-    titleHeight: g,
-    blockRadius: C,
-    paragraphLiHeight: b,
-    controlHeightXS: v,
-    paragraphMarginTop: x
-  } = e;
-  return {
-    [t]: {
-      display: "table",
-      width: "100%",
-      [`${t}-header`]: {
-        display: "table-cell",
-        paddingInlineEnd: m,
-        verticalAlign: "top",
-        // Avatar
-        [o]: Object.assign({
-          display: "inline-block",
-          verticalAlign: "top",
-          background: u
-        }, ne(i)),
-        [`${o}-circle`]: {
-          borderRadius: "50%"
-        },
-        [`${o}-lg`]: Object.assign({}, ne(f)),
-        [`${o}-sm`]: Object.assign({}, ne(c))
-      },
-      [`${t}-content`]: {
-        display: "table-cell",
-        width: "100%",
-        verticalAlign: "top",
-        // Title
-        [n]: {
-          width: "100%",
-          height: g,
-          background: u,
-          borderRadius: C,
-          [`+ ${a}`]: {
-            marginBlockStart: c
-          }
-        },
-        // paragraph
-        [a]: {
-          padding: 0,
-          "> li": {
-            width: "100%",
-            height: b,
-            listStyle: "none",
-            background: u,
-            borderRadius: C,
-            "+ li": {
-              marginBlockStart: v
-            }
-          }
-        },
-        [`${a}> li:last-child:not(:first-child):not(:nth-child(2))`]: {
-          width: "61%"
-        }
+    autoFocusButton: e,
+    close: t,
+    isSilent: o,
+    okButtonProps: n,
+    rootPrefixCls: a,
+    okTextLocale: l,
+    okType: s,
+    onConfirm: d,
+    onOk: i
+  } = se(ie);
+  return /* @__PURE__ */ $.createElement(gt, {
+    isSilent: o,
+    type: s || "primary",
+    actionFn: i,
+    close: function() {
+      t == null || t.apply(void 0, arguments), d == null || d(!0);
+    },
+    autoFocus: e === "ok",
+    buttonProps: n,
+    prefixCls: `${a}-btn`
+  }, l);
+};
+var pt = /* @__PURE__ */ r.createContext({});
+function Xe(e, t, o) {
+  var n = t;
+  return !n && o && (n = "".concat(e, "-").concat(o)), n;
+}
+function Ue(e, t) {
+  var o = e["page".concat(t ? "Y" : "X", "Offset")], n = "scroll".concat(t ? "Top" : "Left");
+  if (typeof o != "number") {
+    var a = e.document;
+    o = a.documentElement[n], typeof o != "number" && (o = a.body[n]);
+  }
+  return o;
+}
+function Mn(e) {
+  var t = e.getBoundingClientRect(), o = {
+    left: t.left,
+    top: t.top
+  }, n = e.ownerDocument, a = n.defaultView || n.parentWindow;
+  return o.left += Ue(a), o.top += Ue(a, !0), o;
+}
+const Rn = /* @__PURE__ */ r.memo(function(e) {
+  var t = e.children;
+  return t;
+}, function(e, t) {
+  var o = t.shouldUpdate;
+  return !o;
+});
+var Bn = {
+  width: 0,
+  height: 0,
+  overflow: "hidden",
+  outline: "none"
+}, zn = {
+  outline: "none"
+}, He = /* @__PURE__ */ $.forwardRef(function(e, t) {
+  var o = e.prefixCls, n = e.className, a = e.style, l = e.title, s = e.ariaId, d = e.footer, i = e.closable, f = e.closeIcon, c = e.onClose, u = e.children, m = e.bodyStyle, p = e.bodyProps, y = e.modalRender, g = e.onMouseDown, C = e.onMouseUp, b = e.holderRef, v = e.visible, x = e.forceRender, E = e.width, w = e.height, S = e.classNames, h = e.styles, I = $.useContext(pt), j = I.panel, F = Vt(b, j), H = Z(), L = Z();
+  $.useImperativeHandle(t, function() {
+    return {
+      focus: function() {
+        var z;
+        (z = H.current) === null || z === void 0 || z.focus({
+          preventScroll: !0
+        });
       },
-      [`&-round ${t}-content`]: {
-        [`${n}, ${a} > li`]: {
-          borderRadius: y
-        }
+      changeActive: function(z) {
+        var ae = document, Q = ae.activeElement;
+        z && Q === L.current ? H.current.focus({
+          preventScroll: !0
+        }) : !z && Q === H.current && L.current.focus({
+          preventScroll: !0
+        });
       }
-    },
-    [`${t}-with-avatar ${t}-content`]: {
-      // Title
-      [n]: {
-        marginBlockStart: p,
-        [`+ ${a}`]: {
-          marginBlockStart: x
+    };
+  });
+  var X = {};
+  E !== void 0 && (X.width = E), w !== void 0 && (X.height = w);
+  var k = d ? /* @__PURE__ */ $.createElement("div", {
+    className: O("".concat(o, "-footer"), S == null ? void 0 : S.footer),
+    style: R({}, h == null ? void 0 : h.footer)
+  }, d) : null, D = l ? /* @__PURE__ */ $.createElement("div", {
+    className: O("".concat(o, "-header"), S == null ? void 0 : S.header),
+    style: R({}, h == null ? void 0 : h.header)
+  }, /* @__PURE__ */ $.createElement("div", {
+    className: "".concat(o, "-title"),
+    id: s
+  }, l)) : null, W = vn(function() {
+    return De(i) === "object" && i !== null ? i : i ? {
+      closeIcon: f ?? /* @__PURE__ */ $.createElement("span", {
+        className: "".concat(o, "-close-x")
+      })
+    } : {};
+  }, [i, f, o]), A = je(W, !0), T = De(i) === "object" && i.disabled, J = i ? /* @__PURE__ */ $.createElement("button", Y({
+    type: "button",
+    onClick: c,
+    "aria-label": "Close"
+  }, A, {
+    className: "".concat(o, "-close"),
+    disabled: T
+  }), W.closeIcon) : null, B = /* @__PURE__ */ $.createElement("div", {
+    className: O("".concat(o, "-content"), S == null ? void 0 : S.content),
+    style: h == null ? void 0 : h.content
+  }, J, D, /* @__PURE__ */ $.createElement("div", Y({
+    className: O("".concat(o, "-body"), S == null ? void 0 : S.body),
+    style: R(R({}, m), h == null ? void 0 : h.body)
+  }, p), u), k);
+  return /* @__PURE__ */ $.createElement("div", {
+    key: "dialog-element",
+    role: "dialog",
+    "aria-labelledby": l ? s : null,
+    "aria-modal": "true",
+    ref: F,
+    style: R(R({}, a), X),
+    className: O(o, n),
+    onMouseDown: g,
+    onMouseUp: C
+  }, /* @__PURE__ */ $.createElement("div", {
+    ref: H,
+    tabIndex: 0,
+    style: zn
+  }, /* @__PURE__ */ $.createElement(Rn, {
+    shouldUpdate: v || x
+  }, y ? y(B) : B)), /* @__PURE__ */ $.createElement("div", {
+    tabIndex: 0,
+    ref: L,
+    style: Bn
+  }));
+});
+process.env.NODE_ENV !== "production" && (He.displayName = "Panel");
+var vt = /* @__PURE__ */ r.forwardRef(function(e, t) {
+  var o = e.prefixCls, n = e.title, a = e.style, l = e.className, s = e.visible, d = e.forceRender, i = e.destroyOnClose, f = e.motionName, c = e.ariaId, u = e.onVisibleChanged, m = e.mousePosition, p = Z(), y = r.useState(), g = Ie(y, 2), C = g[0], b = g[1], v = {};
+  C && (v.transformOrigin = C);
+  function x() {
+    var E = Mn(p.current);
+    b(m && (m.x || m.y) ? "".concat(m.x - E.left, "px ").concat(m.y - E.top, "px") : "");
+  }
+  return /* @__PURE__ */ r.createElement(at, {
+    visible: s,
+    onVisibleChanged: u,
+    onAppearPrepare: x,
+    onEnterPrepare: x,
+    forceRender: d,
+    motionName: f,
+    removeOnLeave: i,
+    ref: p
+  }, function(E, w) {
+    var S = E.className, h = E.style;
+    return /* @__PURE__ */ r.createElement(He, Y({}, e, {
+      ref: t,
+      title: n,
+      ariaId: c,
+      prefixCls: o,
+      holderRef: w,
+      style: R(R(R({}, h), a), v),
+      className: O(l, S)
+    }));
+  });
+});
+vt.displayName = "Content";
+var Hn = function(t) {
+  var o = t.prefixCls, n = t.style, a = t.visible, l = t.maskProps, s = t.motionName, d = t.className;
+  return /* @__PURE__ */ r.createElement(at, {
+    key: "mask",
+    visible: a,
+    motionName: s,
+    leavedClassName: "".concat(o, "-mask-hidden")
+  }, function(i, f) {
+    var c = i.className, u = i.style;
+    return /* @__PURE__ */ r.createElement("div", Y({
+      ref: f,
+      style: R(R({}, u), n),
+      className: O("".concat(o, "-mask"), c, d)
+    }, l));
+  });
+}, Ln = function(t) {
+  var o = t.prefixCls, n = o === void 0 ? "rc-dialog" : o, a = t.zIndex, l = t.visible, s = l === void 0 ? !1 : l, d = t.keyboard, i = d === void 0 ? !0 : d, f = t.focusTriggerAfterClose, c = f === void 0 ? !0 : f, u = t.wrapStyle, m = t.wrapClassName, p = t.wrapProps, y = t.onClose, g = t.afterOpenChange, C = t.afterClose, b = t.transitionName, v = t.animation, x = t.closable, E = x === void 0 ? !0 : x, w = t.mask, S = w === void 0 ? !0 : w, h = t.maskTransitionName, I = t.maskAnimation, j = t.maskClosable, F = j === void 0 ? !0 : j, H = t.maskStyle, L = t.maskProps, X = t.rootClassName, k = t.classNames, D = t.styles;
+  process.env.NODE_ENV !== "production" && (["wrapStyle", "bodyStyle", "maskStyle"].forEach(function(P) {
+    ke(!(P in t), "".concat(P, " is deprecated, please use styles instead."));
+  }), "wrapClassName" in t && ke(!1, "wrapClassName is deprecated, please use classNames instead."));
+  var W = Z(), A = Z(), T = Z(), J = r.useState(s), B = Ie(J, 2), U = B[0], z = B[1], ae = Wt();
+  function Q() {
+    Ae(A.current, document.activeElement) || (W.current = document.activeElement);
+  }
+  function be() {
+    if (!Ae(A.current, document.activeElement)) {
+      var P;
+      (P = T.current) === null || P === void 0 || P.focus();
+    }
+  }
+  function _(P) {
+    if (P)
+      be();
+    else {
+      if (z(!1), S && W.current && c) {
+        try {
+          W.current.focus({
+            preventScroll: !0
+          });
+        } catch {
         }
+        W.current = null;
       }
-    },
-    // Skeleton element
-    [`${t}${t}-element`]: Object.assign(Object.assign(Object.assign(Object.assign({
-      display: "inline-block",
-      width: "auto"
-    }, zn(e)), Mn(e)), Rn(e)), Bn(e)),
-    // Skeleton Block Button, Input
-    [`${t}${t}-block`]: {
-      width: "100%",
-      [l]: {
-        width: "100%"
-      },
-      [s]: {
-        width: "100%"
-      }
-    },
-    // With active animation
-    [`${t}${t}-active`]: {
-      [`
-        ${n},
-        ${a} > li,
-        ${o},
-        ${l},
-        ${s},
-        ${d}
-      `]: Object.assign({}, Tn(e))
+      U && (C == null || C());
     }
-  };
-}, Ln = (e) => {
-  const {
-    colorFillContent: t,
-    colorFill: o
-  } = e, n = t, a = o;
-  return {
-    color: n,
-    colorGradientEnd: a,
-    gradientFromColor: n,
-    gradientToColor: a,
-    titleHeight: e.controlHeight / 2,
-    blockRadius: e.borderRadiusSM,
-    paragraphMarginTop: e.marginLG + e.marginXXS,
-    paragraphLiHeight: e.controlHeight / 2
-  };
-}, oe = re("Skeleton", (e) => {
-  const {
-    componentCls: t,
-    calc: o
-  } = e, n = fe(e, {
-    skeletonAvatarCls: `${t}-avatar`,
-    skeletonTitleCls: `${t}-title`,
-    skeletonParagraphCls: `${t}-paragraph`,
-    skeletonButtonCls: `${t}-button`,
-    skeletonInputCls: `${t}-input`,
-    skeletonImageCls: `${t}-image`,
-    imageSizeBase: o(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"
+    g == null || g(P);
+  }
+  function M(P) {
+    y == null || y(P);
+  }
+  var V = Z(!1), le = Z(), Bt = function() {
+    clearTimeout(le.current), V.current = !0;
+  }, zt = function() {
+    le.current = setTimeout(function() {
+      V.current = !1;
+    });
+  }, Fe = null;
+  F && (Fe = function(he) {
+    V.current ? V.current = !1 : A.current === he.target && M(he);
   });
-  return [Hn(n)];
-}, Ln, {
-  deprecatedTokens: [["color", "gradientFromColor"], ["colorGradientEnd", "gradientToColor"]]
-}), Fn = (e) => {
-  const {
-    prefixCls: t,
-    className: o,
-    rootClassName: n,
-    active: a,
-    shape: l = "circle",
-    size: s = "default"
-  } = e, {
-    getPrefixCls: d
-  } = r.useContext(q), i = d("skeleton", t), [f, c, u] = oe(i), m = ge(e, ["prefixCls", "className"]), p = O(i, `${i}-element`, {
-    [`${i}-active`]: a
-  }, o, n, c, u);
-  return f(/* @__PURE__ */ r.createElement("div", {
-    className: p
-  }, /* @__PURE__ */ r.createElement(pe, Object.assign({
-    prefixCls: `${i}-avatar`,
-    shape: l,
-    size: s
-  }, m))));
-}, Dn = (e) => {
-  const {
-    prefixCls: t,
-    className: o,
-    rootClassName: n,
-    active: a,
-    block: l = !1,
-    size: s = "default"
-  } = e, {
-    getPrefixCls: d
-  } = r.useContext(q), i = d("skeleton", t), [f, c, u] = oe(i), m = ge(e, ["prefixCls"]), p = O(i, `${i}-element`, {
-    [`${i}-active`]: a,
-    [`${i}-block`]: l
-  }, o, n, c, u);
-  return f(/* @__PURE__ */ r.createElement("div", {
-    className: p
-  }, /* @__PURE__ */ r.createElement(pe, Object.assign({
-    prefixCls: `${i}-button`,
-    size: s
-  }, m))));
-}, kn = "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", An = (e) => {
-  const {
-    prefixCls: t,
-    className: o,
-    rootClassName: n,
-    style: a,
-    active: l
-  } = e, {
-    getPrefixCls: s
-  } = r.useContext(q), d = s("skeleton", t), [i, f, c] = oe(d), u = O(d, `${d}-element`, {
-    [`${d}-active`]: l
-  }, o, n, f, c);
-  return i(/* @__PURE__ */ r.createElement("div", {
-    className: u
-  }, /* @__PURE__ */ r.createElement("div", {
-    className: O(`${d}-image`, o),
-    style: a
-  }, /* @__PURE__ */ r.createElement("svg", {
-    viewBox: "0 0 1098 1024",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: `${d}-image-svg`
-  }, /* @__PURE__ */ r.createElement("title", null, "Image placeholder"), /* @__PURE__ */ r.createElement("path", {
-    d: kn,
-    className: `${d}-image-path`
-  })))));
-}, _n = (e) => {
-  const {
-    prefixCls: t,
-    className: o,
-    rootClassName: n,
-    active: a,
-    block: l,
-    size: s = "default"
-  } = e, {
-    getPrefixCls: d
-  } = r.useContext(q), i = d("skeleton", t), [f, c, u] = oe(i), m = ge(e, ["prefixCls"]), p = O(i, `${i}-element`, {
-    [`${i}-active`]: a,
-    [`${i}-block`]: l
-  }, o, n, c, u);
-  return f(/* @__PURE__ */ r.createElement("div", {
-    className: p
-  }, /* @__PURE__ */ r.createElement(pe, Object.assign({
-    prefixCls: `${i}-input`,
-    size: s
-  }, m))));
-}, Vn = (e) => {
-  const {
-    prefixCls: t,
-    className: o,
-    rootClassName: n,
-    style: a,
-    active: l,
-    children: s
-  } = e, {
-    getPrefixCls: d
-  } = r.useContext(q), i = d("skeleton", t), [f, c, u] = oe(i), m = O(i, `${i}-element`, {
-    [`${i}-active`]: l
-  }, c, o, n, u);
-  return f(/* @__PURE__ */ r.createElement("div", {
-    className: m
-  }, /* @__PURE__ */ r.createElement("div", {
-    className: O(`${i}-image`, o),
-    style: a
-  }, s)));
-}, Wn = (e, t) => {
-  const {
-    width: o,
-    rows: n = 2
-  } = t;
-  if (Array.isArray(o))
-    return o[e];
-  if (n - 1 === e)
-    return o;
-}, qn = (e) => {
-  const {
-    prefixCls: t,
-    className: o,
-    style: n,
-    rows: a
-  } = e, l = K(new Array(a)).map((s, d) => (
-    // eslint-disable-next-line react/no-array-index-key
-    /* @__PURE__ */ r.createElement("li", {
-      key: d,
-      style: {
-        width: Wn(d, e)
-      }
-    })
-  ));
-  return /* @__PURE__ */ r.createElement("ul", {
-    className: O(t, o),
-    style: n
-  }, l);
-}, Gn = (e) => {
-  let {
-    prefixCls: t,
-    className: o,
-    width: n,
-    style: a
-  } = e;
-  return (
-    // biome-ignore lint/a11y/useHeadingContent: HOC here
-    /* @__PURE__ */ r.createElement("h3", {
-      className: O(t, o),
-      style: Object.assign({
-        width: n
-      }, a)
-    })
-  );
+  function Ht(P) {
+    if (i && P.keyCode === _e.ESC) {
+      P.stopPropagation(), M(P);
+      return;
+    }
+    s && P.keyCode === _e.TAB && T.current.changeActive(!P.shiftKey);
+  }
+  Ve(function() {
+    s && (z(!0), Q());
+  }, [s]), Ve(function() {
+    return function() {
+      clearTimeout(le.current);
+    };
+  }, []);
+  var Lt = R(R(R({
+    zIndex: a
+  }, u), D == null ? void 0 : D.wrapper), {}, {
+    display: U ? null : "none"
+  });
+  return /* @__PURE__ */ r.createElement("div", Y({
+    className: O("".concat(n, "-root"), X)
+  }, je(t, {
+    data: !0
+  })), /* @__PURE__ */ r.createElement(Hn, {
+    prefixCls: n,
+    visible: S && s,
+    motionName: Xe(n, h, I),
+    style: R(R({
+      zIndex: a
+    }, H), D == null ? void 0 : D.mask),
+    maskProps: L,
+    className: k == null ? void 0 : k.mask
+  }), /* @__PURE__ */ r.createElement("div", Y({
+    tabIndex: -1,
+    onKeyDown: Ht,
+    className: O("".concat(n, "-wrap"), m, k == null ? void 0 : k.wrapper),
+    ref: A,
+    onClick: Fe,
+    style: Lt
+  }, p), /* @__PURE__ */ r.createElement(vt, Y({}, t, {
+    onMouseDown: Bt,
+    onMouseUp: zt,
+    ref: T,
+    closable: E,
+    ariaId: ae,
+    prefixCls: n,
+    visible: s && U,
+    onClose: M,
+    onVisibleChanged: _,
+    motionName: Xe(n, b, v)
+  }))));
+}, bt = function(t) {
+  var o = t.visible, n = t.getContainer, a = t.forceRender, l = t.destroyOnClose, s = l === void 0 ? !1 : l, d = t.afterClose, i = t.panelRef, f = r.useState(o), c = Ie(f, 2), u = c[0], m = c[1], p = r.useMemo(function() {
+    return {
+      panel: i
+    };
+  }, [i]);
+  return r.useEffect(function() {
+    o && m(!0);
+  }, [o]), !a && s && !u ? null : /* @__PURE__ */ r.createElement(pt.Provider, {
+    value: p
+  }, /* @__PURE__ */ r.createElement(qt, {
+    open: o || a || u,
+    autoDestroy: !1,
+    getContainer: n,
+    autoLock: o || u
+  }, /* @__PURE__ */ r.createElement(Ln, Y({}, t, {
+    destroyOnClose: s,
+    afterClose: function() {
+      d == null || d(), m(!1);
+    }
+  }))));
 };
-function Oe(e) {
-  return e && typeof e == "object" ? e : {};
+bt.displayName = "Dialog";
+function me(e) {
+  if (e)
+    return {
+      closable: e.closable,
+      closeIcon: e.closeIcon
+    };
 }
-function Xn(e, t) {
-  return e && !t ? {
-    size: "large",
-    shape: "square"
-  } : {
-    size: "large",
-    shape: "circle"
-  };
+function Ke(e) {
+  const {
+    closable: t,
+    closeIcon: o
+  } = e || {};
+  return $.useMemo(() => {
+    if (
+      // If `closable`, whatever rest be should be true
+      !t && (t === !1 || o === !1 || o === null)
+    )
+      return !1;
+    if (t === void 0 && o === void 0)
+      return null;
+    let n = {
+      closeIcon: typeof o != "boolean" && o !== null ? o : void 0
+    };
+    return t && typeof t == "object" && (n = Object.assign(Object.assign({}, n), t)), n;
+  }, [t, o]);
 }
-function Un(e, t) {
-  return !e && t ? {
-    width: "38%"
-  } : e && t ? {
-    width: "50%"
-  } : {};
+function Qe() {
+  const e = {};
+  for (var t = arguments.length, o = new Array(t), n = 0; n < t; n++)
+    o[n] = arguments[n];
+  return o.forEach((a) => {
+    a && Object.keys(a).forEach((l) => {
+      a[l] !== void 0 && (e[l] = a[l]);
+    });
+  }), e;
 }
-function Kn(e, t) {
-  const o = {};
-  return (!e || !t) && (o.width = "61%"), !e && t ? o.rows = 3 : o.rows = 2, o;
+const Fn = {};
+function ht(e, t) {
+  let o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : Fn;
+  const n = Ke(e), a = Ke(t), l = typeof n != "boolean" ? !!(n != null && n.disabled) : !1, s = $.useMemo(() => Object.assign({
+    closeIcon: /* @__PURE__ */ $.createElement(Te, null)
+  }, o), [o]), d = $.useMemo(() => n === !1 ? !1 : n ? Qe(s, a, n) : a === !1 ? !1 : a ? Qe(s, a) : s.closable ? s : !1, [n, a, s]);
+  return $.useMemo(() => {
+    if (d === !1)
+      return [!1, null, l];
+    const {
+      closeIconRender: i
+    } = s, {
+      closeIcon: f
+    } = d;
+    let c = f;
+    if (c != null) {
+      i && (c = i(f));
+      const u = je(d, !0);
+      Object.keys(u).length && (c = /* @__PURE__ */ $.isValidElement(c) ? /* @__PURE__ */ $.cloneElement(c, u) : /* @__PURE__ */ $.createElement("span", Object.assign({}, u), c));
+    }
+    return [!0, c, l];
+  }, [d, s]);
 }
-const te = (e) => {
+const Dn = () => Gt() && window.document.documentElement, pe = (e) => {
   const {
     prefixCls: t,
-    loading: o,
-    className: n,
-    rootClassName: a,
-    style: l,
-    children: s,
-    avatar: d = !1,
-    title: i = !0,
-    paragraph: f = !0,
-    active: c,
-    round: u
-  } = e, {
-    getPrefixCls: m,
-    direction: p,
-    className: y,
-    style: g
-  } = Wt("skeleton"), C = m("skeleton", t), [b, v, x] = oe(C);
-  if (o || !("loading" in e)) {
-    const E = !!d, w = !!i, S = !!f;
-    let h;
-    if (E) {
-      const F = Object.assign(Object.assign({
-        prefixCls: `${C}-avatar`
-      }, Xn(w, S)), Oe(d));
-      h = /* @__PURE__ */ r.createElement("div", {
-        className: `${C}-header`
-      }, /* @__PURE__ */ r.createElement(pe, Object.assign({}, F)));
-    }
-    let I;
-    if (w || S) {
-      let F;
-      if (w) {
-        const L = Object.assign(Object.assign({
-          prefixCls: `${C}-title`
-        }, Un(E, S)), Oe(i));
-        F = /* @__PURE__ */ r.createElement(Gn, Object.assign({}, L));
-      }
-      let H;
-      if (S) {
-        const L = Object.assign(Object.assign({
-          prefixCls: `${C}-paragraph`
-        }, Kn(E, w)), Oe(f));
-        H = /* @__PURE__ */ r.createElement(qn, Object.assign({}, L));
-      }
-      I = /* @__PURE__ */ r.createElement("div", {
-        className: `${C}-content`
-      }, F, H);
-    }
-    const j = O(C, {
-      [`${C}-with-avatar`]: E,
-      [`${C}-active`]: c,
-      [`${C}-rtl`]: p === "rtl",
-      [`${C}-round`]: u
-    }, y, n, a, v, x);
-    return b(/* @__PURE__ */ r.createElement("div", {
-      className: j,
-      style: Object.assign(Object.assign({}, g), l)
-    }, h, I));
-  }
-  return s ?? null;
-};
-te.Button = Dn;
-te.Avatar = Fn;
-te.Input = _n;
-te.Image = An;
-te.Node = Vn;
-process.env.NODE_ENV !== "production" && (te.displayName = "Skeleton");
-function Ze() {
-}
-const Qn = /* @__PURE__ */ r.createContext({
-  add: Ze,
-  remove: Ze
-});
-function Zn(e) {
-  const t = r.useContext(Qn), o = r.useRef(null);
-  return qt((a) => {
-    if (a) {
-      const l = e ? a.querySelector(e) : a;
-      t.add(l), o.current = l;
-    } else
-      t.remove(o.current);
+    className: o,
+    style: n,
+    size: a,
+    shape: l
+  } = e, s = O({
+    [`${t}-lg`]: a === "large",
+    [`${t}-sm`]: a === "small"
+  }), d = O({
+    [`${t}-circle`]: l === "circle",
+    [`${t}-square`]: l === "square",
+    [`${t}-round`]: l === "round"
+  }), i = r.useMemo(() => typeof a == "number" ? {
+    width: a,
+    height: a,
+    lineHeight: `${a}px`
+  } : {}, [a]);
+  return /* @__PURE__ */ r.createElement("span", {
+    className: O(t, s, d, o),
+    style: Object.assign(Object.assign({}, i), n)
   });
-}
-const Ye = () => {
-  const {
-    cancelButtonProps: e,
-    cancelTextLocale: t,
-    onCancel: o
-  } = se(ie);
-  return /* @__PURE__ */ $.createElement(Pe, Object.assign({
-    onClick: o
-  }, e), t);
-}, Je = () => {
+}, kn = new Ne("ant-skeleton-loading", {
+  "0%": {
+    backgroundPosition: "100% 50%"
+  },
+  "100%": {
+    backgroundPosition: "0 50%"
+  }
+}), ve = (e) => ({
+  height: e,
+  lineHeight: N(e)
+}), ne = (e) => Object.assign({
+  width: e
+}, ve(e)), An = (e) => ({
+  background: e.skeletonLoadingBackground,
+  backgroundSize: "400% 100%",
+  animationName: kn,
+  animationDuration: e.skeletonLoadingMotionDuration,
+  animationTimingFunction: "ease",
+  animationIterationCount: "infinite"
+}), $e = (e, t) => Object.assign({
+  width: t(e).mul(5).equal(),
+  minWidth: t(e).mul(5).equal()
+}, ve(e)), _n = (e) => {
   const {
-    confirmLoading: e,
-    okButtonProps: t,
-    okType: o,
-    okTextLocale: n,
-    onOk: a
-  } = se(ie);
-  return /* @__PURE__ */ $.createElement(Pe, Object.assign({}, nt(o), {
-    loading: e,
-    onClick: a
-  }, t), n);
-};
-function Ct(e, t) {
-  return /* @__PURE__ */ $.createElement("span", {
-    className: `${e}-close-x`
-  }, t || /* @__PURE__ */ $.createElement(Te, {
-    className: `${e}-close-icon`
-  }));
-}
-const pt = (e) => {
+    skeletonAvatarCls: t,
+    gradientFromColor: o,
+    controlHeight: n,
+    controlHeightLG: a,
+    controlHeightSM: l
+  } = e;
+  return {
+    [t]: Object.assign({
+      display: "inline-block",
+      verticalAlign: "top",
+      background: o
+    }, ne(n)),
+    [`${t}${t}-circle`]: {
+      borderRadius: "50%"
+    },
+    [`${t}${t}-lg`]: Object.assign({}, ne(a)),
+    [`${t}${t}-sm`]: Object.assign({}, ne(l))
+  };
+}, Vn = (e) => {
   const {
-    okText: t,
-    okType: o = "primary",
-    cancelText: n,
-    confirmLoading: a,
-    onOk: l,
-    onCancel: s,
-    okButtonProps: d,
-    cancelButtonProps: i,
-    footer: f
-  } = e, [c] = Me("Modal", at()), u = t || (c == null ? void 0 : c.okText), m = n || (c == null ? void 0 : c.cancelText), p = {
-    confirmLoading: a,
-    okButtonProps: d,
-    cancelButtonProps: i,
-    okTextLocale: u,
-    cancelTextLocale: m,
-    okType: o,
-    onOk: l,
-    onCancel: s
-  }, y = $.useMemo(() => p, K(Object.values(p)));
-  let g;
-  return typeof f == "function" || typeof f > "u" ? (g = /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement(Ye, null), /* @__PURE__ */ $.createElement(Je, null)), typeof f == "function" && (g = f(g, {
-    OkBtn: Je,
-    CancelBtn: Ye
-  })), g = /* @__PURE__ */ $.createElement(dt, {
-    value: y
-  }, g)) : g = f, /* @__PURE__ */ $.createElement(Gt, {
-    disabled: !1
-  }, g);
-}, Yn = (e) => {
+    controlHeight: t,
+    borderRadiusSM: o,
+    skeletonInputCls: n,
+    controlHeightLG: a,
+    controlHeightSM: l,
+    gradientFromColor: s,
+    calc: d
+  } = e;
+  return {
+    [n]: Object.assign({
+      display: "inline-block",
+      verticalAlign: "top",
+      background: s,
+      borderRadius: o
+    }, $e(t, d)),
+    [`${n}-lg`]: Object.assign({}, $e(a, d)),
+    [`${n}-sm`]: Object.assign({}, $e(l, d))
+  };
+}, Ze = (e) => Object.assign({
+  width: e
+}, ve(e)), Wn = (e) => {
   const {
-    componentCls: t
+    skeletonImageCls: t,
+    imageSizeBase: o,
+    gradientFromColor: n,
+    borderRadiusSM: a,
+    calc: l
   } = e;
   return {
-    // Grid system
-    [t]: {
-      display: "flex",
-      flexFlow: "row wrap",
-      minWidth: 0,
-      "&::before, &::after": {
-        display: "flex"
-      },
-      "&-no-wrap": {
-        flexWrap: "nowrap"
-      },
-      // The origin of the X-axis
-      "&-start": {
-        justifyContent: "flex-start"
-      },
-      // The center of the X-axis
-      "&-center": {
-        justifyContent: "center"
-      },
-      // The opposite of the X-axis
-      "&-end": {
-        justifyContent: "flex-end"
-      },
-      "&-space-between": {
-        justifyContent: "space-between"
-      },
-      "&-space-around": {
-        justifyContent: "space-around"
-      },
-      "&-space-evenly": {
-        justifyContent: "space-evenly"
-      },
-      // Align at the top
-      "&-top": {
-        alignItems: "flex-start"
-      },
-      // Align at the center
-      "&-middle": {
-        alignItems: "center"
+    [t]: Object.assign(Object.assign({
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      verticalAlign: "middle",
+      background: n,
+      borderRadius: a
+    }, Ze(l(o).mul(2).equal())), {
+      [`${t}-path`]: {
+        fill: "#bfbfbf"
       },
-      "&-bottom": {
-        alignItems: "flex-end"
+      [`${t}-svg`]: Object.assign(Object.assign({}, Ze(o)), {
+        maxWidth: l(o).mul(4).equal(),
+        maxHeight: l(o).mul(4).equal()
+      }),
+      [`${t}-svg${t}-svg-circle`]: {
+        borderRadius: "50%"
       }
+    }),
+    [`${t}${t}-circle`]: {
+      borderRadius: "50%"
     }
   };
-}, Jn = (e) => {
+}, xe = (e, t, o) => {
   const {
-    componentCls: t
+    skeletonButtonCls: n
   } = e;
   return {
-    // Grid system
-    [t]: {
-      position: "relative",
-      maxWidth: "100%",
-      // Prevent columns from collapsing when empty
-      minHeight: 1
+    [`${o}${n}-circle`]: {
+      width: t,
+      minWidth: t,
+      borderRadius: "50%"
+    },
+    [`${o}${n}-round`]: {
+      borderRadius: t
     }
   };
-}, eo = (e, t) => {
-  const {
-    prefixCls: o,
-    componentCls: n,
-    gridColumns: a
-  } = e, l = {};
-  for (let s = a; s >= 0; s--)
-    s === 0 ? (l[`${n}${t}-${s}`] = {
-      display: "none"
-    }, l[`${n}-push-${s}`] = {
-      insetInlineStart: "auto"
-    }, l[`${n}-pull-${s}`] = {
-      insetInlineEnd: "auto"
-    }, l[`${n}${t}-push-${s}`] = {
-      insetInlineStart: "auto"
-    }, l[`${n}${t}-pull-${s}`] = {
-      insetInlineEnd: "auto"
-    }, l[`${n}${t}-offset-${s}`] = {
-      marginInlineStart: 0
-    }, l[`${n}${t}-order-${s}`] = {
-      order: 0
-    }) : (l[`${n}${t}-${s}`] = [
-      // https://github.com/ant-design/ant-design/issues/44456
-      // Form set `display: flex` on Col which will override `display: block`.
-      // Let's get it from css variable to support override.
-      {
-        "--ant-display": "block",
-        // Fallback to display if variable not support
-        display: "block"
-      },
-      {
-        display: "var(--ant-display)",
-        flex: `0 0 ${s / a * 100}%`,
-        maxWidth: `${s / a * 100}%`
-      }
-    ], l[`${n}${t}-push-${s}`] = {
-      insetInlineStart: `${s / a * 100}%`
-    }, l[`${n}${t}-pull-${s}`] = {
-      insetInlineEnd: `${s / a * 100}%`
-    }, l[`${n}${t}-offset-${s}`] = {
-      marginInlineStart: `${s / a * 100}%`
-    }, l[`${n}${t}-order-${s}`] = {
-      order: s
-    });
-  return l[`${n}${t}-flex`] = {
-    flex: `var(--${o}${t}-flex)`
-  }, l;
-}, Ee = (e, t) => eo(e, t), to = (e, t, o) => ({
-  [`@media (min-width: ${N(t)})`]: Object.assign({}, Ee(e, o))
-}), no = () => ({}), oo = () => ({});
-re("Grid", Yn, no);
-const vt = (e) => ({
-  xs: e.screenXSMin,
-  sm: e.screenSMMin,
-  md: e.screenMDMin,
-  lg: e.screenLGMin,
-  xl: e.screenXLMin,
-  xxl: e.screenXXLMin
-});
-re("Grid", (e) => {
-  const t = fe(e, {
-    gridColumns: 24
-    // Row is divided into 24 parts in Grid
-  }), o = vt(t);
-  return delete o.xs, [Jn(t), Ee(t, ""), Ee(t, "-xs"), Object.keys(o).map((n) => to(t, o[n], `-${n}`)).reduce((n, a) => Object.assign(Object.assign({}, n), a), {})];
-}, oo);
-function et(e) {
-  return {
-    position: e,
-    inset: 0
-  };
-}
-const ao = (e) => {
+}, Se = (e, t) => Object.assign({
+  width: t(e).mul(2).equal(),
+  minWidth: t(e).mul(2).equal()
+}, ve(e)), qn = (e) => {
   const {
-    componentCls: t,
-    antCls: o
+    borderRadiusSM: t,
+    skeletonButtonCls: o,
+    controlHeight: n,
+    controlHeightLG: a,
+    controlHeightSM: l,
+    gradientFromColor: s,
+    calc: d
   } = e;
-  return [{
-    [`${t}-root`]: {
-      [`${t}${o}-zoom-enter, ${t}${o}-zoom-appear`]: {
-        // reset scale avoid mousePosition bug
-        transform: "none",
-        opacity: 0,
-        animationDuration: e.motionDurationSlow,
-        // https://github.com/ant-design/ant-design/issues/11777
-        userSelect: "none"
-      },
-      // https://github.com/ant-design/ant-design/issues/37329
-      // https://github.com/ant-design/ant-design/issues/40272
-      [`${t}${o}-zoom-leave ${t}-content`]: {
-        pointerEvents: "none"
-      },
-      [`${t}-mask`]: Object.assign(Object.assign({}, et("fixed")), {
-        zIndex: e.zIndexPopupBase,
-        height: "100%",
-        backgroundColor: e.colorBgMask,
-        pointerEvents: "none",
-        [`${t}-hidden`]: {
-          display: "none"
-        }
-      }),
-      [`${t}-wrap`]: Object.assign(Object.assign({}, et("fixed")), {
-        zIndex: e.zIndexPopupBase,
-        overflow: "auto",
-        outline: 0,
-        WebkitOverflowScrolling: "touch"
-      })
-    }
-  }, {
-    [`${t}-root`]: $n(e)
-  }];
-}, lo = (e) => {
+  return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+    [o]: Object.assign({
+      display: "inline-block",
+      verticalAlign: "top",
+      background: s,
+      borderRadius: t,
+      width: d(n).mul(2).equal(),
+      minWidth: d(n).mul(2).equal()
+    }, Se(n, d))
+  }, xe(e, n, o)), {
+    [`${o}-lg`]: Object.assign({}, Se(a, d))
+  }), xe(e, a, `${o}-lg`)), {
+    [`${o}-sm`]: Object.assign({}, Se(l, d))
+  }), xe(e, l, `${o}-sm`));
+}, Gn = (e) => {
   const {
-    componentCls: t
-  } = e;
-  return [
-    // ======================== Root =========================
-    {
-      [`${t}-root`]: {
-        [`${t}-wrap-rtl`]: {
-          direction: "rtl"
-        },
-        [`${t}-centered`]: {
-          textAlign: "center",
-          "&::before": {
-            display: "inline-block",
-            width: 0,
-            height: "100%",
-            verticalAlign: "middle",
-            content: '""'
-          },
-          [t]: {
-            top: 0,
-            display: "inline-block",
-            paddingBottom: 0,
-            textAlign: "start",
-            verticalAlign: "middle"
-          }
+    componentCls: t,
+    skeletonAvatarCls: o,
+    skeletonTitleCls: n,
+    skeletonParagraphCls: a,
+    skeletonButtonCls: l,
+    skeletonInputCls: s,
+    skeletonImageCls: d,
+    controlHeight: i,
+    controlHeightLG: f,
+    controlHeightSM: c,
+    gradientFromColor: u,
+    padding: m,
+    marginSM: p,
+    borderRadius: y,
+    titleHeight: g,
+    blockRadius: C,
+    paragraphLiHeight: b,
+    controlHeightXS: v,
+    paragraphMarginTop: x
+  } = e;
+  return {
+    [t]: {
+      display: "table",
+      width: "100%",
+      [`${t}-header`]: {
+        display: "table-cell",
+        paddingInlineEnd: m,
+        verticalAlign: "top",
+        // Avatar
+        [o]: Object.assign({
+          display: "inline-block",
+          verticalAlign: "top",
+          background: u
+        }, ne(i)),
+        [`${o}-circle`]: {
+          borderRadius: "50%"
         },
-        [`@media (max-width: ${e.screenSMMax}px)`]: {
-          [t]: {
-            maxWidth: "calc(100vw - 16px)",
-            margin: `${N(e.marginXS)} auto`
-          },
-          [`${t}-centered`]: {
-            [t]: {
-              flex: 1
-            }
+        [`${o}-lg`]: Object.assign({}, ne(f)),
+        [`${o}-sm`]: Object.assign({}, ne(c))
+      },
+      [`${t}-content`]: {
+        display: "table-cell",
+        width: "100%",
+        verticalAlign: "top",
+        // Title
+        [n]: {
+          width: "100%",
+          height: g,
+          background: u,
+          borderRadius: C,
+          [`+ ${a}`]: {
+            marginBlockStart: c
           }
-        }
-      }
-    },
-    // ======================== Modal ========================
-    {
-      [t]: Object.assign(Object.assign({}, lt(e)), {
-        pointerEvents: "none",
-        position: "relative",
-        top: 100,
-        width: "auto",
-        maxWidth: `calc(100vw - ${N(e.calc(e.margin).mul(2).equal())})`,
-        margin: "0 auto",
-        paddingBottom: e.paddingLG,
-        [`${t}-title`]: {
-          margin: 0,
-          color: e.titleColor,
-          fontWeight: e.fontWeightStrong,
-          fontSize: e.titleFontSize,
-          lineHeight: e.titleLineHeight,
-          wordWrap: "break-word"
-        },
-        [`${t}-content`]: {
-          position: "relative",
-          backgroundColor: e.contentBg,
-          backgroundClip: "padding-box",
-          border: 0,
-          borderRadius: e.borderRadiusLG,
-          boxShadow: e.boxShadow,
-          pointerEvents: "auto",
-          padding: e.contentPadding
         },
-        [`${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(),
-          zIndex: e.calc(e.zIndexPopupBase).add(10).equal(),
+        // paragraph
+        [a]: {
           padding: 0,
-          color: e.modalCloseIconColor,
-          fontWeight: e.fontWeightStrong,
-          lineHeight: 1,
-          textDecoration: "none",
-          background: "transparent",
-          borderRadius: e.borderRadiusSM,
-          width: e.modalCloseBtnSize,
-          height: e.modalCloseBtnSize,
-          border: 0,
-          outline: 0,
-          cursor: "pointer",
-          transition: `color ${e.motionDurationMid}, background-color ${e.motionDurationMid}`,
-          "&-x": {
-            display: "flex",
-            fontSize: e.fontSizeLG,
-            fontStyle: "normal",
-            lineHeight: N(e.modalCloseBtnSize),
-            justifyContent: "center",
-            textTransform: "none",
-            textRendering: "auto"
-          },
-          "&:disabled": {
-            pointerEvents: "none"
-          },
-          "&:hover": {
-            color: e.modalCloseIconHoverColor,
-            backgroundColor: e.colorBgTextHover,
-            textDecoration: "none"
-          },
-          "&:active": {
-            backgroundColor: e.colorBgTextActive
-          }
-        }, Ut(e)),
-        [`${t}-header`]: {
-          color: e.colorText,
-          background: e.headerBg,
-          borderRadius: `${N(e.borderRadiusLG)} ${N(e.borderRadiusLG)} 0 0`,
-          marginBottom: e.headerMarginBottom,
-          padding: e.headerPadding,
-          borderBottom: e.headerBorderBottom
-        },
-        [`${t}-body`]: {
-          fontSize: e.fontSize,
-          lineHeight: e.lineHeight,
-          wordWrap: "break-word",
-          padding: e.bodyPadding,
-          [`${t}-body-skeleton`]: {
+          "> li": {
             width: "100%",
-            height: "100%",
-            display: "flex",
-            justifyContent: "center",
-            alignItems: "center",
-            margin: `${N(e.margin)} auto`
-          }
-        },
-        [`${t}-footer`]: {
-          textAlign: "end",
-          background: e.footerBg,
-          marginTop: e.footerMarginTop,
-          padding: e.footerPadding,
-          borderTop: e.footerBorderTop,
-          borderRadius: e.footerBorderRadius,
-          [`> ${e.antCls}-btn + ${e.antCls}-btn`]: {
-            marginInlineStart: e.marginXS
+            height: b,
+            listStyle: "none",
+            background: u,
+            borderRadius: C,
+            "+ li": {
+              marginBlockStart: v
+            }
           }
         },
-        [`${t}-open`]: {
-          overflow: "hidden"
+        [`${a}> li:last-child:not(:first-child):not(:nth-child(2))`]: {
+          width: "61%"
         }
-      })
+      },
+      [`&-round ${t}-content`]: {
+        [`${n}, ${a} > li`]: {
+          borderRadius: y
+        }
+      }
     },
-    // ======================== Pure =========================
-    {
-      [`${t}-pure-panel`]: {
-        top: "auto",
-        padding: 0,
-        display: "flex",
-        flexDirection: "column",
-        [`${t}-content,
-          ${t}-body,
-          ${t}-confirm-body-wrapper`]: {
-          display: "flex",
-          flexDirection: "column",
-          flex: "auto"
-        },
-        [`${t}-confirm-body`]: {
-          marginBottom: "auto"
+    [`${t}-with-avatar ${t}-content`]: {
+      // Title
+      [n]: {
+        marginBlockStart: p,
+        [`+ ${a}`]: {
+          marginBlockStart: x
         }
       }
+    },
+    // Skeleton element
+    [`${t}${t}-element`]: Object.assign(Object.assign(Object.assign(Object.assign({
+      display: "inline-block",
+      width: "auto"
+    }, qn(e)), _n(e)), Vn(e)), Wn(e)),
+    // Skeleton Block Button, Input
+    [`${t}${t}-block`]: {
+      width: "100%",
+      [l]: {
+        width: "100%"
+      },
+      [s]: {
+        width: "100%"
+      }
+    },
+    // With active animation
+    [`${t}${t}-active`]: {
+      [`
+        ${n},
+        ${a} > li,
+        ${o},
+        ${l},
+        ${s},
+        ${d}
+      `]: Object.assign({}, An(e))
     }
-  ];
-}, ro = (e) => {
+  };
+}, Xn = (e) => {
+  const {
+    colorFillContent: t,
+    colorFill: o
+  } = e, n = t, a = o;
+  return {
+    color: n,
+    colorGradientEnd: a,
+    gradientFromColor: n,
+    gradientToColor: a,
+    titleHeight: e.controlHeight / 2,
+    blockRadius: e.borderRadiusSM,
+    paragraphMarginTop: e.marginLG + e.marginXXS,
+    paragraphLiHeight: e.controlHeight / 2
+  };
+}, oe = re("Skeleton", (e) => {
+  const {
+    componentCls: t,
+    calc: o
+  } = e, n = fe(e, {
+    skeletonAvatarCls: `${t}-avatar`,
+    skeletonTitleCls: `${t}-title`,
+    skeletonParagraphCls: `${t}-paragraph`,
+    skeletonButtonCls: `${t}-button`,
+    skeletonInputCls: `${t}-input`,
+    skeletonImageCls: `${t}-image`,
+    imageSizeBase: o(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 [Gn(n)];
+}, Xn, {
+  deprecatedTokens: [["color", "gradientFromColor"], ["colorGradientEnd", "gradientToColor"]]
+}), Un = (e) => {
+  const {
+    prefixCls: t,
+    className: o,
+    rootClassName: n,
+    active: a,
+    shape: l = "circle",
+    size: s = "default"
+  } = e, {
+    getPrefixCls: d
+  } = r.useContext(q), i = d("skeleton", t), [f, c, u] = oe(i), m = ge(e, ["prefixCls", "className"]), p = O(i, `${i}-element`, {
+    [`${i}-active`]: a
+  }, o, n, c, u);
+  return f(/* @__PURE__ */ r.createElement("div", {
+    className: p
+  }, /* @__PURE__ */ r.createElement(pe, Object.assign({
+    prefixCls: `${i}-avatar`,
+    shape: l,
+    size: s
+  }, m))));
+}, Kn = (e) => {
   const {
-    componentCls: t
-  } = e;
-  return {
-    [`${t}-root`]: {
-      [`${t}-wrap-rtl`]: {
-        direction: "rtl",
-        [`${t}-confirm-body`]: {
-          direction: "rtl"
-        }
+    prefixCls: t,
+    className: o,
+    rootClassName: n,
+    active: a,
+    block: l = !1,
+    size: s = "default"
+  } = e, {
+    getPrefixCls: d
+  } = r.useContext(q), i = d("skeleton", t), [f, c, u] = oe(i), m = ge(e, ["prefixCls"]), p = O(i, `${i}-element`, {
+    [`${i}-active`]: a,
+    [`${i}-block`]: l
+  }, o, n, c, u);
+  return f(/* @__PURE__ */ r.createElement("div", {
+    className: p
+  }, /* @__PURE__ */ r.createElement(pe, Object.assign({
+    prefixCls: `${i}-button`,
+    size: s
+  }, m))));
+}, Qn = "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", Zn = (e) => {
+  const {
+    prefixCls: t,
+    className: o,
+    rootClassName: n,
+    style: a,
+    active: l
+  } = e, {
+    getPrefixCls: s
+  } = r.useContext(q), d = s("skeleton", t), [i, f, c] = oe(d), u = O(d, `${d}-element`, {
+    [`${d}-active`]: l
+  }, o, n, f, c);
+  return i(/* @__PURE__ */ r.createElement("div", {
+    className: u
+  }, /* @__PURE__ */ r.createElement("div", {
+    className: O(`${d}-image`, o),
+    style: a
+  }, /* @__PURE__ */ r.createElement("svg", {
+    viewBox: "0 0 1098 1024",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: `${d}-image-svg`
+  }, /* @__PURE__ */ r.createElement("title", null, "Image placeholder"), /* @__PURE__ */ r.createElement("path", {
+    d: Qn,
+    className: `${d}-image-path`
+  })))));
+}, Yn = (e) => {
+  const {
+    prefixCls: t,
+    className: o,
+    rootClassName: n,
+    active: a,
+    block: l,
+    size: s = "default"
+  } = e, {
+    getPrefixCls: d
+  } = r.useContext(q), i = d("skeleton", t), [f, c, u] = oe(i), m = ge(e, ["prefixCls"]), p = O(i, `${i}-element`, {
+    [`${i}-active`]: a,
+    [`${i}-block`]: l
+  }, o, n, c, u);
+  return f(/* @__PURE__ */ r.createElement("div", {
+    className: p
+  }, /* @__PURE__ */ r.createElement(pe, Object.assign({
+    prefixCls: `${i}-input`,
+    size: s
+  }, m))));
+}, Jn = (e) => {
+  const {
+    prefixCls: t,
+    className: o,
+    rootClassName: n,
+    style: a,
+    active: l,
+    children: s
+  } = e, {
+    getPrefixCls: d
+  } = r.useContext(q), i = d("skeleton", t), [f, c, u] = oe(i), m = O(i, `${i}-element`, {
+    [`${i}-active`]: l
+  }, c, o, n, u);
+  return f(/* @__PURE__ */ r.createElement("div", {
+    className: m
+  }, /* @__PURE__ */ r.createElement("div", {
+    className: O(`${i}-image`, o),
+    style: a
+  }, s)));
+}, eo = (e, t) => {
+  const {
+    width: o,
+    rows: n = 2
+  } = t;
+  if (Array.isArray(o))
+    return o[e];
+  if (n - 1 === e)
+    return o;
+}, to = (e) => {
+  const {
+    prefixCls: t,
+    className: o,
+    style: n,
+    rows: a
+  } = e, l = K(new Array(a)).map((s, d) => (
+    // eslint-disable-next-line react/no-array-index-key
+    /* @__PURE__ */ r.createElement("li", {
+      key: d,
+      style: {
+        width: eo(d, e)
       }
-    }
+    })
+  ));
+  return /* @__PURE__ */ r.createElement("ul", {
+    className: O(t, o),
+    style: n
+  }, l);
+}, no = (e) => {
+  let {
+    prefixCls: t,
+    className: o,
+    width: n,
+    style: a
+  } = e;
+  return (
+    // biome-ignore lint/a11y/useHeadingContent: HOC here
+    /* @__PURE__ */ r.createElement("h3", {
+      className: O(t, o),
+      style: Object.assign({
+        width: n
+      }, a)
+    })
+  );
+};
+function Oe(e) {
+  return e && typeof e == "object" ? e : {};
+}
+function oo(e, t) {
+  return e && !t ? {
+    size: "large",
+    shape: "square"
+  } : {
+    size: "large",
+    shape: "circle"
   };
-}, so = (e) => {
+}
+function ao(e, t) {
+  return !e && t ? {
+    width: "38%"
+  } : e && t ? {
+    width: "50%"
+  } : {};
+}
+function lo(e, t) {
+  const o = {};
+  return (!e || !t) && (o.width = "61%"), !e && t ? o.rows = 3 : o.rows = 2, o;
+}
+const te = (e) => {
   const {
-    componentCls: t
-  } = e, o = vt(e);
-  delete o.xs;
-  const n = Object.keys(o).map((a) => ({
-    [`@media (min-width: ${N(o[a])})`]: {
-      width: `var(--${t.replace(".", "")}-${a}-width)`
+    prefixCls: t,
+    loading: o,
+    className: n,
+    rootClassName: a,
+    style: l,
+    children: s,
+    avatar: d = !1,
+    title: i = !0,
+    paragraph: f = !0,
+    active: c,
+    round: u
+  } = e, {
+    getPrefixCls: m,
+    direction: p,
+    className: y,
+    style: g
+  } = Xt("skeleton"), C = m("skeleton", t), [b, v, x] = oe(C);
+  if (o || !("loading" in e)) {
+    const E = !!d, w = !!i, S = !!f;
+    let h;
+    if (E) {
+      const F = Object.assign(Object.assign({
+        prefixCls: `${C}-avatar`
+      }, oo(w, S)), Oe(d));
+      h = /* @__PURE__ */ r.createElement("div", {
+        className: `${C}-header`
+      }, /* @__PURE__ */ r.createElement(pe, Object.assign({}, F)));
     }
-  }));
-  return {
-    [`${t}-root`]: {
-      [t]: [{
-        width: `var(--${t.replace(".", "")}-xs-width)`
-      }].concat(K(n))
+    let I;
+    if (w || S) {
+      let F;
+      if (w) {
+        const L = Object.assign(Object.assign({
+          prefixCls: `${C}-title`
+        }, ao(E, S)), Oe(i));
+        F = /* @__PURE__ */ r.createElement(no, Object.assign({}, L));
+      }
+      let H;
+      if (S) {
+        const L = Object.assign(Object.assign({
+          prefixCls: `${C}-paragraph`
+        }, lo(E, w)), Oe(f));
+        H = /* @__PURE__ */ r.createElement(to, Object.assign({}, L));
+      }
+      I = /* @__PURE__ */ r.createElement("div", {
+        className: `${C}-content`
+      }, F, H);
     }
-  };
-}, bt = (e) => {
-  const t = e.padding, o = e.fontSizeHeading5, n = e.lineHeightHeading5;
-  return fe(e, {
-    modalHeaderHeight: e.calc(e.calc(n).mul(o).equal()).add(e.calc(t).mul(2).equal()).equal(),
-    modalFooterBorderColorSplit: e.colorSplit,
-    modalFooterBorderStyle: e.lineType,
-    modalFooterBorderWidth: e.lineWidth,
-    modalCloseIconColor: e.colorIcon,
-    modalCloseIconHoverColor: e.colorIconHover,
-    modalCloseBtnSize: e.controlHeight,
-    modalConfirmIconSize: e.fontHeight,
-    modalTitleHeight: e.calc(e.titleFontSize).mul(e.titleLineHeight).equal()
-  });
-}, ht = (e) => ({
-  footerBg: "transparent",
-  headerBg: e.colorBgElevated,
-  titleLineHeight: e.lineHeightHeading5,
-  titleFontSize: e.fontSizeHeading5,
-  contentBg: e.colorBgElevated,
-  titleColor: e.colorTextHeading,
-  // internal
-  contentPadding: e.wireframe ? 0 : `${N(e.paddingMD)} ${N(e.paddingContentHorizontalLG)}`,
-  headerPadding: e.wireframe ? `${N(e.padding)} ${N(e.paddingLG)}` : 0,
-  headerBorderBottom: e.wireframe ? `${N(e.lineWidth)} ${e.lineType} ${e.colorSplit}` : "none",
-  headerMarginBottom: e.wireframe ? 0 : e.marginXS,
-  bodyPadding: e.wireframe ? e.paddingLG : 0,
-  footerPadding: e.wireframe ? `${N(e.paddingXS)} ${N(e.padding)}` : 0,
-  footerBorderTop: e.wireframe ? `${N(e.lineWidth)} ${e.lineType} ${e.colorSplit}` : "none",
-  footerBorderRadius: e.wireframe ? `0 0 ${N(e.borderRadiusLG)} ${N(e.borderRadiusLG)}` : 0,
-  footerMarginTop: e.wireframe ? 0 : e.marginSM,
-  confirmBodyPadding: e.wireframe ? `${N(e.padding * 2)} ${N(e.padding * 2)} ${N(e.paddingLG)}` : 0,
-  confirmIconMarginInlineEnd: e.wireframe ? e.margin : e.marginSM,
-  confirmBtnsMarginTop: e.wireframe ? e.marginLG : e.marginSM
-}), yt = re("Modal", (e) => {
-  const t = bt(e);
-  return [lo(t), ro(t), ao(t), Xt(t, "zoom"), so(t)];
-}, ht, {
-  unitless: {
-    titleLineHeight: !0
+    const j = O(C, {
+      [`${C}-with-avatar`]: E,
+      [`${C}-active`]: c,
+      [`${C}-rtl`]: p === "rtl",
+      [`${C}-round`]: u
+    }, y, n, a, v, x);
+    return b(/* @__PURE__ */ r.createElement("div", {
+      className: j,
+      style: Object.assign(Object.assign({}, g), l)
+    }, h, I));
   }
+  return s ?? null;
+};
+te.Button = Kn;
+te.Avatar = Un;
+te.Input = Yn;
+te.Image = Zn;
+te.Node = Jn;
+process.env.NODE_ENV !== "production" && (te.displayName = "Skeleton");
+function Ye() {
+}
+const ro = /* @__PURE__ */ r.createContext({
+  add: Ye,
+  remove: Ye
 });
+function so(e) {
+  const t = r.useContext(ro), o = r.useRef(null);
+  return Ut((a) => {
+    if (a) {
+      const l = e ? a.querySelector(e) : a;
+      t.add(l), o.current = l;
+    } else
+      t.remove(o.current);
+  });
+}
+const Je = () => {
+  const {
+    cancelButtonProps: e,
+    cancelTextLocale: t,
+    onCancel: o
+  } = se(ie);
+  return /* @__PURE__ */ $.createElement(Pe, Object.assign({
+    onClick: o
+  }, e), t);
+}, et = () => {
+  const {
+    confirmLoading: e,
+    okButtonProps: t,
+    okType: o,
+    okTextLocale: n,
+    onOk: a
+  } = se(ie);
+  return /* @__PURE__ */ $.createElement(Pe, Object.assign({}, ot(o), {
+    loading: e,
+    onClick: a
+  }, t), n);
+};
+function yt(e, t) {
+  return /* @__PURE__ */ $.createElement("span", {
+    className: `${e}-close-x`
+  }, t || /* @__PURE__ */ $.createElement(Te, {
+    className: `${e}-close-icon`
+  }));
+}
+const $t = (e) => {
+  const {
+    okText: t,
+    okType: o = "primary",
+    cancelText: n,
+    confirmLoading: a,
+    onOk: l,
+    onCancel: s,
+    okButtonProps: d,
+    cancelButtonProps: i,
+    footer: f
+  } = e, [c] = Me("Modal", lt()), u = t || (c == null ? void 0 : c.okText), m = n || (c == null ? void 0 : c.cancelText), p = {
+    confirmLoading: a,
+    okButtonProps: d,
+    cancelButtonProps: i,
+    okTextLocale: u,
+    cancelTextLocale: m,
+    okType: o,
+    onOk: l,
+    onCancel: s
+  }, y = $.useMemo(() => p, K(Object.values(p)));
+  let g;
+  return typeof f == "function" || typeof f > "u" ? (g = /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement(Je, null), /* @__PURE__ */ $.createElement(et, null)), typeof f == "function" && (g = f(g, {
+    OkBtn: et,
+    CancelBtn: Je
+  })), g = /* @__PURE__ */ $.createElement(Ct, {
+    value: y
+  }, g)) : g = f, /* @__PURE__ */ $.createElement(Kt, {
+    disabled: !1
+  }, g);
+};
 var io = function(e, t) {
   var o = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
@@ -1537,8 +1635,8 @@ const co = (e) => {
     we = null;
   }, 100);
 };
-jn() && document.documentElement.addEventListener("click", co, !0);
-const $t = (e) => {
+Dn() && document.documentElement.addEventListener("click", co, !0);
+const xt = (e) => {
   var t;
   const {
     getPopupContainer: o,
@@ -1581,31 +1679,31 @@ const $t = (e) => {
     styles: w,
     children: S,
     loading: h
-  } = e, I = io(e, ["prefixCls", "className", "rootClassName", "open", "wrapClassName", "centered", "getContainer", "focusTriggerAfterClose", "style", "visible", "width", "footer", "classNames", "styles", "children", "loading"]), j = n("modal", i), F = n(), H = rt(j), [L, X, k] = yt(j, H), D = O(m, {
+  } = e, I = io(e, ["prefixCls", "className", "rootClassName", "open", "wrapClassName", "centered", "getContainer", "focusTriggerAfterClose", "style", "visible", "width", "footer", "classNames", "styles", "children", "loading"]), j = n("modal", i), F = n(), H = rt(j), [L, X, k] = mt(j, H), D = O(m, {
     [`${j}-centered`]: p ?? (l == null ? void 0 : l.centered),
     [`${j}-wrap-rtl`]: a === "rtl"
-  }), W = x !== null && !h ? /* @__PURE__ */ r.createElement(pt, Object.assign({}, e, {
+  }), W = x !== null && !h ? /* @__PURE__ */ r.createElement($t, Object.assign({}, e, {
     onOk: d,
     onCancel: s
-  })) : null, [A, T, J] = gt(me(e), me(l), {
+  })) : null, [A, T, J] = ht(me(e), me(l), {
     closable: !0,
     closeIcon: /* @__PURE__ */ r.createElement(Te, {
       className: `${j}-close-icon`
     }),
-    closeIconRender: (_) => Ct(j, _)
-  }), B = Zn(`.${j}-content`), [U, z] = Kt("Modal", I.zIndex), [ae, Q] = r.useMemo(() => v && typeof v == "object" ? [void 0, v] : [v, void 0], [v]), be = r.useMemo(() => {
+    closeIconRender: (_) => yt(j, _)
+  }), B = so(`.${j}-content`), [U, z] = Qt("Modal", I.zIndex), [ae, Q] = r.useMemo(() => v && typeof v == "object" ? [void 0, v] : [v, void 0], [v]), be = r.useMemo(() => {
     const _ = {};
     return Q && Object.keys(Q).forEach((M) => {
       const V = Q[M];
       V !== void 0 && (_[`--${j}-${M}-width`] = typeof V == "number" ? `${V}px` : V);
     }), _;
   }, [Q]);
-  return L(/* @__PURE__ */ r.createElement(Qt, {
+  return L(/* @__PURE__ */ r.createElement(Zt, {
     form: !0,
     space: !0
-  }, /* @__PURE__ */ r.createElement(Zt.Provider, {
+  }, /* @__PURE__ */ r.createElement(Yt.Provider, {
     value: z
-  }, /* @__PURE__ */ r.createElement(ft, Object.assign({
+  }, /* @__PURE__ */ r.createElement(bt, Object.assign({
     width: ae
   }, I, {
     zIndex: U,
@@ -1659,7 +1757,7 @@ const $t = (e) => {
       [`${e.antCls}-modal-header`]: {
         display: "none"
       },
-      [`${c}-body-wrapper`]: Object.assign({}, Yt()),
+      [`${c}-body-wrapper`]: Object.assign({}, Jt()),
       [`&${t} ${t}-body`]: {
         padding: f
       },
@@ -1726,9 +1824,9 @@ const $t = (e) => {
     }
   };
 }, mo = Re(["Modal", "confirm"], (e) => {
-  const t = bt(e);
+  const t = dt(e);
   return [uo(t)];
-}, ht, {
+}, ut, {
   // confirm is weak than modal since no conflict here
   order: -1e3
 });
@@ -1739,7 +1837,7 @@ var fo = function(e, t) {
     t.indexOf(n[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[a]) && (o[n[a]] = e[n[a]]);
   return o;
 };
-function xt(e) {
+function St(e) {
   const {
     prefixCls: t,
     icon: o,
@@ -1760,23 +1858,23 @@ function xt(e) {
   if (!o && o !== null)
     switch (s) {
       case "info":
-        u = /* @__PURE__ */ r.createElement(an, null);
+        u = /* @__PURE__ */ r.createElement(ln, null);
         break;
       case "success":
-        u = /* @__PURE__ */ r.createElement(on, null);
+        u = /* @__PURE__ */ r.createElement(an, null);
         break;
       case "error":
-        u = /* @__PURE__ */ r.createElement(nn, null);
+        u = /* @__PURE__ */ r.createElement(on, null);
         break;
       default:
-        u = /* @__PURE__ */ r.createElement(tn, null);
+        u = /* @__PURE__ */ r.createElement(nn, null);
     }
   const m = d ?? s === "confirm", p = e.autoFocusButton === null ? !1 : e.autoFocusButton || "ok", [y] = Me("Modal"), g = f || y, C = n || (m ? g == null ? void 0 : g.okText : g == null ? void 0 : g.justOkText), b = a || (g == null ? void 0 : g.cancelText), v = Object.assign({
     autoFocusButton: p,
     cancelTextLocale: b,
     okTextLocale: C,
     mergedOkCancel: m
-  }, c), x = r.useMemo(() => v, K(Object.values(v))), E = /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(We, null), /* @__PURE__ */ r.createElement(qe, null)), w = e.title !== void 0 && e.title !== null, S = `${l}-body`;
+  }, c), x = r.useMemo(() => v, K(Object.values(v))), E = /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(qe, null), /* @__PURE__ */ r.createElement(Ge, null)), w = e.title !== void 0 && e.title !== null, S = `${l}-body`;
   return /* @__PURE__ */ r.createElement("div", {
     className: `${l}-body-wrapper`
   }, /* @__PURE__ */ r.createElement("div", {
@@ -1789,18 +1887,18 @@ function xt(e) {
     className: `${l}-title`
   }, e.title), /* @__PURE__ */ r.createElement("div", {
     className: `${l}-content`
-  }, e.content))), i === void 0 || typeof i == "function" ? /* @__PURE__ */ r.createElement(dt, {
+  }, e.content))), i === void 0 || typeof i == "function" ? /* @__PURE__ */ r.createElement(Ct, {
     value: x
   }, /* @__PURE__ */ r.createElement("div", {
     className: `${l}-btns`
   }, typeof i == "function" ? i(E, {
-    OkBtn: qe,
-    CancelBtn: We
+    OkBtn: Ge,
+    CancelBtn: qe
   }) : E)) : i, /* @__PURE__ */ r.createElement(mo, {
     prefixCls: t
   }));
 }
-const St = (e) => {
+const Ot = (e) => {
   const {
     close: t,
     zIndex: o,
@@ -1823,8 +1921,8 @@ const St = (e) => {
   }
   const m = `${l}-confirm`, p = e.width || 416, y = e.style || {}, g = e.mask === void 0 ? !0 : e.mask, C = e.maskClosable === void 0 ? !1 : e.maskClosable, b = O(m, `${m}-${e.type}`, {
     [`${m}-rtl`]: a === "rtl"
-  }, e.className), [, v] = Jt(), x = r.useMemo(() => o !== void 0 ? o : v.zIndexPopupBase + en, [o, v]);
-  return /* @__PURE__ */ r.createElement($t, Object.assign({}, e, {
+  }, e.className), [, v] = en(), x = r.useMemo(() => o !== void 0 ? o : v.zIndexPopupBase + tn, [o, v]);
+  return /* @__PURE__ */ r.createElement(xt, Object.assign({}, e, {
     className: b,
     wrapClassName: O({
       [`${m}-centered`]: !!e.centered
@@ -1848,10 +1946,10 @@ const St = (e) => {
     width: p,
     zIndex: x,
     closable: f
-  }), /* @__PURE__ */ r.createElement(xt, Object.assign({}, e, {
+  }), /* @__PURE__ */ r.createElement(St, Object.assign({}, e, {
     confirmPrefixCls: m
   })));
-}, ze = (e) => {
+}, Le = (e) => {
   const {
     rootPrefixCls: t,
     iconPrefixCls: o,
@@ -1863,13 +1961,13 @@ const St = (e) => {
     iconPrefixCls: o,
     direction: n,
     theme: a
-  }, /* @__PURE__ */ r.createElement(St, Object.assign({}, e)));
+  }, /* @__PURE__ */ r.createElement(Ot, Object.assign({}, e)));
 };
-process.env.NODE_ENV !== "production" && (St.displayName = "ConfirmDialog", ze.displayName = "ConfirmDialogWrapper");
+process.env.NODE_ENV !== "production" && (Ot.displayName = "ConfirmDialog", Le.displayName = "ConfirmDialogWrapper");
 const ee = [];
-let Ot = "";
-function Et() {
-  return Ot;
+let Et = "";
+function wt() {
+  return Et;
 }
 const go = (e) => {
   var t, o;
@@ -1877,9 +1975,9 @@ const go = (e) => {
     prefixCls: n,
     getContainer: a,
     direction: l
-  } = e, s = at(), d = se(q), i = Et() || d.getPrefixCls(), f = n || `${i}-modal`;
+  } = e, s = lt(), d = se(q), i = wt() || d.getPrefixCls(), f = n || `${i}-modal`;
   let c = a;
-  return c === !1 && (c = void 0, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "production" && it(!1, "Modal", "Static method not support `getContainer` to be `false` since it do not have context env.")), /* @__PURE__ */ $.createElement(ze, Object.assign({}, e, {
+  return c === !1 && (c = void 0, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "production" && it(!1, "Modal", "Static method not support `getContainer` to be `false` since it do not have context env.")), /* @__PURE__ */ $.createElement(Le, Object.assign({}, e, {
     rootPrefixCls: i,
     prefixCls: f,
     iconPrefixCls: d.iconPrefixCls,
@@ -1890,7 +1988,7 @@ const go = (e) => {
   }));
 };
 function ce(e) {
-  const t = ln();
+  const t = cn();
   process.env.NODE_ENV !== "production" && !t.holderRender && rn("Modal");
   const o = document.createDocumentFragment();
   let n = Object.assign(Object.assign({}, e), {
@@ -1914,7 +2012,7 @@ function ce(e) {
   }
   function d(c) {
     clearTimeout(a), a = setTimeout(() => {
-      const u = t.getPrefixCls(void 0, Et()), m = t.getIconPrefixCls(), p = t.getTheme(), y = /* @__PURE__ */ $.createElement(go, Object.assign({}, c));
+      const u = t.getPrefixCls(void 0, wt()), m = t.getIconPrefixCls(), p = t.getTheme(), y = /* @__PURE__ */ $.createElement(go, Object.assign({}, c));
       l = sn()(/* @__PURE__ */ $.createElement(st, {
         prefixCls: u,
         iconPrefixCls: m,
@@ -1940,27 +2038,27 @@ function ce(e) {
     update: f
   };
 }
-function wt(e) {
+function Nt(e) {
   return Object.assign(Object.assign({}, e), {
     type: "warning"
   });
 }
-function Nt(e) {
+function Pt(e) {
   return Object.assign(Object.assign({}, e), {
     type: "info"
   });
 }
-function Pt(e) {
+function jt(e) {
   return Object.assign(Object.assign({}, e), {
     type: "success"
   });
 }
-function jt(e) {
+function It(e) {
   return Object.assign(Object.assign({}, e), {
     type: "error"
   });
 }
-function It(e) {
+function Tt(e) {
   return Object.assign(Object.assign({}, e), {
     type: "confirm"
   });
@@ -1969,7 +2067,7 @@ function Co(e) {
   let {
     rootPrefixCls: t
   } = e;
-  process.env.NODE_ENV !== "production" && it(!1, "Modal", "Modal.config is deprecated. Please use ConfigProvider.config instead."), Ot = t;
+  process.env.NODE_ENV !== "production" && it(!1, "Modal", "Modal.config is deprecated. Please use ConfigProvider.config instead."), Et = t;
 }
 var po = function(e, t) {
   var o = {};
@@ -1978,11 +2076,61 @@ var po = function(e, t) {
     t.indexOf(n[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[a]) && (o[n[a]] = e[n[a]]);
   return o;
 };
-const vo = (e, t) => {
+const vo = (e) => {
+  const {
+    prefixCls: t,
+    className: o,
+    closeIcon: n,
+    closable: a,
+    type: l,
+    title: s,
+    children: d,
+    footer: i
+  } = e, f = po(e, ["prefixCls", "className", "closeIcon", "closable", "type", "title", "children", "footer"]), {
+    getPrefixCls: c
+  } = r.useContext(q), u = c(), m = t || c("modal"), p = rt(u), [y, g, C] = mt(m, p), b = `${m}-confirm`;
+  let v = {};
+  return l ? v = {
+    closable: a ?? !1,
+    title: "",
+    footer: "",
+    children: /* @__PURE__ */ r.createElement(St, Object.assign({}, e, {
+      prefixCls: m,
+      confirmPrefixCls: b,
+      rootPrefixCls: u,
+      content: d
+    }))
+  } : v = {
+    closable: a ?? !0,
+    title: s,
+    footer: i !== null && /* @__PURE__ */ r.createElement($t, Object.assign({}, e)),
+    children: d
+  }, y(/* @__PURE__ */ r.createElement(He, Object.assign({
+    prefixCls: m,
+    className: O(g, `${m}-pure-panel`, l && b, l && `${b}-${l}`, o, C, p)
+  }, f, {
+    closeIcon: yt(m, n),
+    closable: a
+  }, v)));
+}, bo = dn(vo);
+function ho() {
+  const [e, t] = r.useState([]), o = r.useCallback((n) => (t((a) => [].concat(K(a), [n])), () => {
+    t((a) => a.filter((l) => l !== n));
+  }), []);
+  return [e, o];
+}
+var yo = function(e, t) {
+  var o = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, n = Object.getOwnPropertySymbols(e); a < n.length; a++)
+    t.indexOf(n[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[a]) && (o[n[a]] = e[n[a]]);
+  return o;
+};
+const $o = (e, t) => {
   var o, {
     afterClose: n,
     config: a
-  } = e, l = po(e, ["afterClose", "config"]);
+  } = e, l = yo(e, ["afterClose", "config"]);
   const [s, d] = r.useState(!0), [i, f] = r.useState(a), {
     direction: c,
     getPrefixCls: u
@@ -2006,8 +2154,8 @@ const vo = (e, t) => {
       f((x) => Object.assign(Object.assign({}, x), v));
     }
   }));
-  const C = (o = i.okCancel) !== null && o !== void 0 ? o : i.type === "confirm", [b] = Me("Modal", cn.Modal);
-  return /* @__PURE__ */ r.createElement(ze, Object.assign({
+  const C = (o = i.okCancel) !== null && o !== void 0 ? o : i.type === "confirm", [b] = Me("Modal", un.Modal);
+  return /* @__PURE__ */ r.createElement(Le, Object.assign({
     prefixCls: m,
     rootPrefixCls: p
   }, i, {
@@ -2018,15 +2166,15 @@ const vo = (e, t) => {
     direction: i.direction || c,
     cancelText: i.cancelText || (b == null ? void 0 : b.cancelText)
   }, l));
-}, bo = /* @__PURE__ */ r.forwardRef(vo);
+}, xo = /* @__PURE__ */ r.forwardRef($o);
 let tt = 0;
-const ho = /* @__PURE__ */ r.memo(/* @__PURE__ */ r.forwardRef((e, t) => {
-  const [o, n] = bn();
+const So = /* @__PURE__ */ r.memo(/* @__PURE__ */ r.forwardRef((e, t) => {
+  const [o, n] = ho();
   return r.useImperativeHandle(t, () => ({
     patchElement: n
   }), []), /* @__PURE__ */ r.createElement(r.Fragment, null, o);
 }));
-function yo() {
+function Oo() {
   const e = r.useRef(null), [t, o] = r.useState([]);
   r.useEffect(() => {
     t.length && (K(t).forEach((s) => {
@@ -2042,7 +2190,7 @@ function yo() {
       c = C;
     });
     let m = !1, p;
-    const y = /* @__PURE__ */ r.createElement(bo, {
+    const y = /* @__PURE__ */ r.createElement(xo, {
       key: `modal-${tt}`,
       config: l(d),
       ref: f,
@@ -2073,78 +2221,34 @@ function yo() {
     };
   }, []);
   return [r.useMemo(() => ({
-    info: n(Nt),
-    success: n(Pt),
-    error: n(jt),
-    warning: n(wt),
-    confirm: n(It)
-  }), []), /* @__PURE__ */ r.createElement(ho, {
+    info: n(Pt),
+    success: n(jt),
+    error: n(It),
+    warning: n(Nt),
+    confirm: n(Tt)
+  }), []), /* @__PURE__ */ r.createElement(So, {
     key: "modal-holder",
     ref: e
   })];
 }
-var $o = function(e, t) {
-  var o = {};
-  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, n = Object.getOwnPropertySymbols(e); a < n.length; a++)
-    t.indexOf(n[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[a]) && (o[n[a]] = e[n[a]]);
-  return o;
-};
-const xo = (e) => {
-  const {
-    prefixCls: t,
-    className: o,
-    closeIcon: n,
-    closable: a,
-    type: l,
-    title: s,
-    children: d,
-    footer: i
-  } = e, f = $o(e, ["prefixCls", "className", "closeIcon", "closable", "type", "title", "children", "footer"]), {
-    getPrefixCls: c
-  } = r.useContext(q), u = c(), m = t || c("modal"), p = rt(u), [y, g, C] = yt(m, p), b = `${m}-confirm`;
-  let v = {};
-  return l ? v = {
-    closable: a ?? !1,
-    title: "",
-    footer: "",
-    children: /* @__PURE__ */ r.createElement(xt, Object.assign({}, e, {
-      prefixCls: m,
-      confirmPrefixCls: b,
-      rootPrefixCls: u,
-      content: d
-    }))
-  } : v = {
-    closable: a ?? !0,
-    title: s,
-    footer: i !== null && /* @__PURE__ */ r.createElement(pt, Object.assign({}, e)),
-    children: d
-  }, y(/* @__PURE__ */ r.createElement(Be, Object.assign({
-    prefixCls: m,
-    className: O(g, `${m}-pure-panel`, l && b, l && `${b}-${l}`, o, C, p)
-  }, f, {
-    closeIcon: Ct(m, n),
-    closable: a
-  }, v)));
-}, So = dn(xo);
-function Tt(e) {
-  return ce(wt(e));
+function Mt(e) {
+  return ce(Nt(e));
 }
-const G = $t;
-G.useModal = yo;
+const G = xt;
+G.useModal = Oo;
 G.info = function(t) {
-  return ce(Nt(t));
+  return ce(Pt(t));
 };
 G.success = function(t) {
-  return ce(Pt(t));
+  return ce(jt(t));
 };
 G.error = function(t) {
-  return ce(jt(t));
+  return ce(It(t));
 };
-G.warning = Tt;
-G.warn = Tt;
+G.warning = Mt;
+G.warn = Mt;
 G.confirm = function(t) {
-  return ce(It(t));
+  return ce(Tt(t));
 };
 G.destroyAll = function() {
   for (; ee.length; ) {
@@ -2153,113 +2257,8 @@ G.destroyAll = function() {
   }
 };
 G.config = Co;
-G._InternalPanelDoNotUseOrYouWillBeFired = So;
+G._InternalPanelDoNotUseOrYouWillBeFired = bo;
 process.env.NODE_ENV !== "production" && (G.displayName = "Modal");
-const Oo = (e) => {
-  const {
-    paddingXXS: t,
-    lineWidth: o,
-    tagPaddingHorizontal: n,
-    componentCls: a,
-    calc: l
-  } = e, s = l(n).sub(o).equal(), d = l(t).sub(o).equal();
-  return {
-    // Result
-    [a]: Object.assign(Object.assign({}, lt(e)), {
-      display: "inline-block",
-      height: "auto",
-      // https://github.com/ant-design/ant-design/pull/47504
-      marginInlineEnd: e.marginXS,
-      paddingInline: s,
-      fontSize: e.tagFontSize,
-      lineHeight: e.tagLineHeight,
-      whiteSpace: "nowrap",
-      background: e.defaultBg,
-      border: `${N(e.lineWidth)} ${e.lineType} ${e.colorBorder}`,
-      borderRadius: e.borderRadiusSM,
-      opacity: 1,
-      transition: `all ${e.motionDurationMid}`,
-      textAlign: "start",
-      position: "relative",
-      // RTL
-      [`&${a}-rtl`]: {
-        direction: "rtl"
-      },
-      "&, a, a:hover": {
-        color: e.defaultColor
-      },
-      [`${a}-close-icon`]: {
-        marginInlineStart: d,
-        fontSize: e.tagIconSize,
-        color: e.colorTextDescription,
-        cursor: "pointer",
-        transition: `all ${e.motionDurationMid}`,
-        "&:hover": {
-          color: e.colorTextHeading
-        }
-      },
-      [`&${a}-has-color`]: {
-        borderColor: "transparent",
-        [`&, a, a:hover, ${e.iconCls}-close, ${e.iconCls}-close:hover`]: {
-          color: e.colorTextLightSolid
-        }
-      },
-      "&-checkable": {
-        backgroundColor: "transparent",
-        borderColor: "transparent",
-        cursor: "pointer",
-        [`&:not(${a}-checkable-checked):hover`]: {
-          color: e.colorPrimary,
-          backgroundColor: e.colorFillSecondary
-        },
-        "&:active, &-checked": {
-          color: e.colorTextLightSolid
-        },
-        "&-checked": {
-          backgroundColor: e.colorPrimary,
-          "&:hover": {
-            backgroundColor: e.colorPrimaryHover
-          }
-        },
-        "&:active": {
-          backgroundColor: e.colorPrimaryActive
-        }
-      },
-      "&-hidden": {
-        display: "none"
-      },
-      // To ensure that a space will be placed between character and `Icon`.
-      [`> ${e.iconCls} + span, > span + ${e.iconCls}`]: {
-        marginInlineStart: s
-      }
-    }),
-    [`${a}-borderless`]: {
-      borderColor: "transparent",
-      background: e.tagBorderlessBg
-    }
-  };
-}, He = (e) => {
-  const {
-    lineWidth: t,
-    fontSizeIcon: o,
-    calc: n
-  } = e, a = e.fontSizeSM;
-  return fe(e, {
-    tagFontSize: a,
-    tagLineHeight: N(n(e.lineHeightSM).mul(a).equal()),
-    tagIconSize: n(o).sub(n(t).mul(2)).equal(),
-    // Tag icon is much smaller
-    tagPaddingHorizontal: 8,
-    // Fixed padding.
-    tagBorderlessBg: e.defaultBg
-  });
-}, Le = (e) => ({
-  defaultBg: new un(e.colorFillQuaternary).onBackground(e.colorBgContainer).toHexString(),
-  defaultColor: e.colorText
-}), Mt = re("Tag", (e) => {
-  const t = He(e);
-  return Oo(t);
-}, Le);
 var Eo = function(e, t) {
   var o = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
@@ -2280,7 +2279,7 @@ const wo = /* @__PURE__ */ r.forwardRef((e, t) => {
     tag: c
   } = r.useContext(q), u = (b) => {
     s == null || s(!l), d == null || d(b);
-  }, m = f("tag", o), [p, y, g] = Mt(m), C = O(m, `${m}-checkable`, {
+  }, m = f("tag", o), [p, y, g] = ft(m), C = O(m, `${m}-checkable`, {
     [`${m}-checkable-checked`]: l
   }, c == null ? void 0 : c.className, a, y, g);
   return p(/* @__PURE__ */ r.createElement("span", Object.assign({}, i, {
@@ -2313,9 +2312,9 @@ const wo = /* @__PURE__ */ r.forwardRef((e, t) => {
     }
   };
 }), Po = Re(["Tag", "preset"], (e) => {
-  const t = He(e);
+  const t = Be(e);
   return No(t);
-}, Le);
+}, ze);
 function jo(e) {
   return typeof e != "string" ? e : e.charAt(0).toUpperCase() + e.slice(1);
 }
@@ -2332,9 +2331,9 @@ const de = (e, t, o) => {
     }
   };
 }, Io = Re(["Tag", "status"], (e) => {
-  const t = He(e);
+  const t = Be(e);
   return [de(t, "success", "Success"), de(t, "processing", "Info"), de(t, "error", "Error"), de(t, "warning", "Warning")];
-}, Le);
+}, ze);
 var To = function(e, t) {
   var o = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
@@ -2364,7 +2363,7 @@ const Mo = /* @__PURE__ */ r.forwardRef((e, t) => {
   }, [u]);
   const x = fn(i), E = gn(i), w = x || E, S = Object.assign(Object.assign({
     backgroundColor: i && !w ? i : void 0
-  }, g == null ? void 0 : g.style), l), h = p("tag", o), [I, j, F] = Mt(h), H = O(h, g == null ? void 0 : g.className, {
+  }, g == null ? void 0 : g.style), l), h = p("tag", o), [I, j, F] = ft(h), H = O(h, g == null ? void 0 : g.className, {
     [`${h}-${i}`]: w,
     [`${h}-has-color`]: i && !w,
     [`${h}-hidden`]: !C,
@@ -2372,7 +2371,7 @@ const Mo = /* @__PURE__ */ r.forwardRef((e, t) => {
     [`${h}-borderless`]: !c
   }, n, a, j, F), L = (T) => {
     T.stopPropagation(), f == null || f(T), !T.defaultPrevented && b(!1);
-  }, [, X] = gt(me(e), me(g), {
+  }, [, X] = ht(me(e), me(g), {
     closable: !1,
     closeIconRender: (T) => {
       const J = /* @__PURE__ */ r.createElement("span", {