ysyt-react-agent-lib 1.0.8 → 1.0.9

package/dist/{index-BJ5Kzufd.mjs → index-C2_klygC.mjs}

@@ -1,6 +1,6 @@
-import { s as Ft, K as Ne, g as re, m as fe, u as N, t as Dt, r as nt, v as kt, x as K, y as At, z as _t, B as Pe, A as ot, E as Vt, h as R, d as O, G as De, p as je, f as Y, c as Ie, H as at, J as ke, n as Wt, L as Ae, N as _e, P as qt, R as Te, O as Gt, C as q, Q as ge, U as Xt, V as Ut, X 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-Dsoe_UAg.mjs";
 import * as r from "react";
-import $, { useContext as se, useRef as Z, useMemo as vn, useEffect as Ve } from "react";
+import $, { useContext as re, useRef as Z, useMemo as Ft, useEffect as De } from "react";
+import { s as Dt, K as Ne, R as Pe, p as je, g as se, t as kt, m as fe, f as N, r as nt, C as q, c as O, v as Ie, x as At, y as ge, k as Ce, z as _t, A as Vt, B as Wt, W as qt, G as Gt, H as Te, J as ot, L as Xt, e as R, N as ke, d as Y, a as Me, O as at, P as Ae, n as Ut, Q as _e, U as Ve, V as Kt, X as Qt, Z as K, $ as Zt, a0 as Yt, a1 as Re, a2 as Jt, a3 as lt, a4 as en, a5 as tn, l as rt, a6 as nn, a7 as on, a8 as an, a9 as ue, aa as ln, ab as st, ac as rn, ad as sn, ae as cn, af as dn, ag as un, ah as mn, ai as fn, aj as gn, ak as Cn, al as it, am as pn, an as vn } from "./index-1QbXooTs.mjs";
 const bn = new Ne("antFadeIn", {
   "0%": {
     opacity: 0
@@ -20,7 +20,7 @@ const bn = new Ne("antFadeIn", {
   const {
     antCls: o
   } = e, n = `${o}-fade`, a = t ? "&" : "";
-  return [Ft(n, bn, hn, e.motionDurationMid, t), {
+  return [Dt(n, bn, hn, e.motionDurationMid, t), {
     [`
         ${a}${n}-enter,
         ${a}${n}-appear
@@ -32,526 +32,319 @@ const bn = new Ne("antFadeIn", {
       animationTimingFunction: "linear"
     }
   }];
-}, $n = (e) => {
+};
+function me(e) {
+  if (e)
+    return {
+      closable: e.closable,
+      closeIcon: e.closeIcon
+    };
+}
+function We(e) {
   const {
-    componentCls: t
-  } = e;
+    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 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;
+}
+const $n = {};
+function ct(e, t) {
+  let o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : $n;
+  const n = We(e), a = We(t), l = typeof n != "boolean" ? !!(n != null && n.disabled) : !1, s = $.useMemo(() => Object.assign({
+    closeIcon: /* @__PURE__ */ $.createElement(Pe, 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 xn = (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 {
-    // 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"
+    // 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"
       },
-      "&-space-between": {
-        justifyContent: "space-between"
+      "&, a, a:hover": {
+        color: e.defaultColor
       },
-      "&-space-around": {
-        justifyContent: "space-around"
+      [`${a}-close-icon`]: {
+        marginInlineStart: d,
+        fontSize: e.tagIconSize,
+        color: e.colorTextDescription,
+        cursor: "pointer",
+        transition: `all ${e.motionDurationMid}`,
+        "&:hover": {
+          color: e.colorTextHeading
+        }
       },
-      "&-space-evenly": {
-        justifyContent: "space-evenly"
+      [`&${a}-has-color`]: {
+        borderColor: "transparent",
+        [`&, a, a:hover, ${e.iconCls}-close, ${e.iconCls}-close:hover`]: {
+          color: e.colorTextLightSolid
+        }
       },
-      // Align at the top
-      "&-top": {
-        alignItems: "flex-start"
+      "&-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
+        }
       },
-      // Align at the center
-      "&-middle": {
-        alignItems: "center"
+      "&-hidden": {
+        display: "none"
       },
-      "&-bottom": {
-        alignItems: "flex-end"
+      // 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
     }
   };
-}, xn = (e) => {
+}, Be = (e) => {
   const {
-    componentCls: t
-  } = e;
+    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 kt(e.colorFillQuaternary).onBackground(e.colorBgContainer).toHexString(),
+  defaultColor: e.colorText
+}), dt = se("Tag", (e) => {
+  const t = Be(e);
+  return xn(t);
+}, ze);
+var Sn = 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 On = /* @__PURE__ */ r.forwardRef((e, t) => {
+  const {
+    prefixCls: o,
+    style: n,
+    className: a,
+    checked: l,
+    onChange: s,
+    onClick: d
+  } = e, i = Sn(e, ["prefixCls", "style", "className", "checked", "onChange", "onClick"]), {
+    getPrefixCls: f,
+    tag: c
+  } = r.useContext(q), u = (b) => {
+    s == null || s(!l), d == null || d(b);
+  }, m = f("tag", o), [p, y, g] = dt(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, {
+    ref: t,
+    style: Object.assign(Object.assign({}, n), c == null ? void 0 : c.style),
+    className: C,
+    onClick: u
+  })));
+}), En = (e) => At(e, (t, o) => {
+  let {
+    textColor: n,
+    lightBorderColor: a,
+    lightColor: l,
+    darkColor: s
+  } = o;
   return {
-    // Grid system
-    [t]: {
-      position: "relative",
-      maxWidth: "100%",
-      // Prevent columns from collapsing when empty
-      minHeight: 1
+    [`${e.componentCls}${e.componentCls}-${t}`]: {
+      color: n,
+      background: l,
+      borderColor: a,
+      // Inverse color
+      "&-inverse": {
+        color: e.colorTextLightSolid,
+        background: s,
+        borderColor: s
+      },
+      [`&${e.componentCls}-borderless`]: {
+        borderColor: "transparent"
+      }
+    }
+  };
+}), wn = Ie(["Tag", "preset"], (e) => {
+  const t = Be(e);
+  return En(t);
+}, ze);
+function Nn(e) {
+  return typeof e != "string" ? e : e.charAt(0).toUpperCase() + e.slice(1);
+}
+const de = (e, t, o) => {
+  const n = Nn(o);
+  return {
+    [`${e.componentCls}${e.componentCls}-${t}`]: {
+      color: e[`color${o}`],
+      background: e[`color${n}Bg`],
+      borderColor: e[`color${n}Border`],
+      [`&${e.componentCls}-borderless`]: {
+        borderColor: "transparent"
+      }
     }
   };
-}, Sn = (e, t) => {
+}, Pn = Ie(["Tag", "status"], (e) => {
+  const t = Be(e);
+  return [de(t, "success", "Success"), de(t, "processing", "Info"), de(t, "error", "Error"), de(t, "warning", "Warning")];
+}, ze);
+var jn = 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 In = /* @__PURE__ */ r.forwardRef((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) => 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
-});
-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"
-        }
-      }),
-      [`${t}-wrap`]: Object.assign(Object.assign({}, We("fixed")), {
-        zIndex: e.zIndexPopupBase,
-        overflow: "auto",
-        outline: 0,
-        WebkitOverflowScrolling: "touch"
-      })
-    }
-  }, {
-    [`${t}-root`]: yn(e)
-  }];
-}, Pn = (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"
-          }
-        },
-        [`@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"
+    className: n,
+    rootClassName: a,
+    style: l,
+    children: s,
+    icon: d,
+    color: i,
+    onClose: f,
+    bordered: c = !0,
+    visible: u
+  } = e, m = jn(e, ["prefixCls", "className", "rootClassName", "style", "children", "icon", "color", "onClose", "bordered", "visible"]), {
+    getPrefixCls: p,
+    direction: y,
+    tag: g
+  } = r.useContext(q), [C, b] = r.useState(!0), v = ge(m, ["closeIcon", "closable"]);
+  process.env.NODE_ENV !== "production" && Ce("Tag").deprecated(!("visible" in e), "visible", "visible && <Tag />"), r.useEffect(() => {
+    u !== void 0 && b(u);
+  }, [u]);
+  const x = _t(i), E = Vt(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] = dt(h), H = O(h, g == null ? void 0 : g.className, {
+    [`${h}-${i}`]: w,
+    [`${h}-has-color`]: i && !w,
+    [`${h}-hidden`]: !C,
+    [`${h}-rtl`]: y === "rtl",
+    [`${h}-borderless`]: !c
+  }, n, a, j, F), L = (T) => {
+    T.stopPropagation(), f == null || f(T), !T.defaultPrevented && b(!1);
+  }, [, X] = ct(me(e), me(g), {
+    closable: !1,
+    closeIconRender: (T) => {
+      const J = /* @__PURE__ */ r.createElement("span", {
+        className: `${h}-close-icon`,
+        onClick: L
+      }, T);
+      return Wt(T, J, (B) => ({
+        onClick: (U) => {
+          var z;
+          (z = B == null ? void 0 : B.onClick) === null || z === void 0 || z.call(B, U), L(U);
         },
-        [`${t}-confirm-body`]: {
-          marginBottom: "auto"
-        }
-      }
-    }
-  ];
-}, jn = (e) => {
-  const {
-    componentCls: t
-  } = e;
-  return {
-    [`${t}-root`]: {
-      [`${t}-wrap-rtl`]: {
-        direction: "rtl",
-        [`${t}-confirm-body`]: {
-          direction: "rtl"
-        }
-      }
-    }
-  };
-}, In = (e) => {
-  const {
-    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)`
+        className: O(B == null ? void 0 : B.className, `${h}-close-icon`)
+      }));
     }
+  }), k = typeof m.onClick == "function" || s && s.type === "a", D = d || null, W = D ? /* @__PURE__ */ r.createElement(r.Fragment, null, D, s && /* @__PURE__ */ r.createElement("span", null, s)) : s, A = /* @__PURE__ */ r.createElement("span", Object.assign({}, v, {
+    ref: t,
+    className: H,
+    style: S
+  }), W, X, x && /* @__PURE__ */ r.createElement(wn, {
+    key: "preset",
+    prefixCls: h
+  }), E && /* @__PURE__ */ r.createElement(Pn, {
+    key: "status",
+    prefixCls: h
   }));
-  return {
-    [`${t}-root`]: {
-      [t]: [{
-        width: `var(--${t.replace(".", "")}-xs-width)`
-      }].concat(K(n))
-    }
-  };
-}, 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 {
-    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({}, 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"
-      },
-      "&, 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
-    }
-  };
-}, Be = (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
-  });
-}, 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);
+  return I(k ? /* @__PURE__ */ r.createElement(qt, {
+    component: "Tag"
+  }, A) : A);
+}), ut = In;
+process.env.NODE_ENV !== "production" && (ut.displayName = "Tag");
+ut.CheckableTag = On;
 function ye(e) {
   return !!(e != null && e.then);
 }
-const gt = (e) => {
+const mt = (e) => {
   const {
     type: t,
     children: o,
@@ -563,7 +356,7 @@ const gt = (e) => {
     isSilent: i,
     quitOnNullishReturnValue: f,
     actionFn: c
-  } = e, u = r.useRef(!1), m = r.useRef(null), [p, y] = _t(!1), g = function() {
+  } = e, u = r.useRef(!1), m = r.useRef(null), [p, y] = Gt(!1), g = function() {
     l == null || l.apply(void 0, arguments);
   };
   r.useEffect(() => {
@@ -605,7 +398,7 @@ const gt = (e) => {
     }
     C(x);
   };
-  return /* @__PURE__ */ r.createElement(Pe, Object.assign({}, ot(t), {
+  return /* @__PURE__ */ r.createElement(Te, Object.assign({}, ot(t), {
     onClick: b,
     loading: p,
     prefixCls: n
@@ -613,8 +406,8 @@ const gt = (e) => {
     ref: m
   }), o);
 }, ie = /* @__PURE__ */ $.createContext({}), {
-  Provider: Ct
-} = ie, qe = () => {
+  Provider: ft
+} = ie, Ge = () => {
   const {
     autoFocusButton: e,
     cancelButtonProps: t,
@@ -625,8 +418,8 @@ const gt = (e) => {
     close: s,
     onCancel: d,
     onConfirm: i
-  } = se(ie);
-  return a ? /* @__PURE__ */ $.createElement(gt, {
+  } = re(ie);
+  return a ? /* @__PURE__ */ $.createElement(mt, {
     isSilent: n,
     actionFn: d,
     close: function() {
@@ -636,7 +429,7 @@ const gt = (e) => {
     buttonProps: t,
     prefixCls: `${l}-btn`
   }, o) : null;
-}, Ge = () => {
+}, Xe = () => {
   const {
     autoFocusButton: e,
     close: t,
@@ -647,8 +440,8 @@ const gt = (e) => {
     okType: s,
     onConfirm: d,
     onOk: i
-  } = se(ie);
-  return /* @__PURE__ */ $.createElement(gt, {
+  } = re(ie);
+  return /* @__PURE__ */ $.createElement(mt, {
     isSilent: o,
     type: s || "primary",
     actionFn: i,
@@ -660,12 +453,12 @@ const gt = (e) => {
     prefixCls: `${a}-btn`
   }, l);
 };
-var pt = /* @__PURE__ */ r.createContext({});
-function Xe(e, t, o) {
+var gt = /* @__PURE__ */ r.createContext({});
+function Ue(e, t, o) {
   var n = t;
   return !n && o && (n = "".concat(e, "-").concat(o)), n;
 }
-function Ue(e, t) {
+function Ke(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;
@@ -673,29 +466,29 @@ function Ue(e, t) {
   }
   return o;
 }
-function Mn(e) {
+function Tn(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;
+  return o.left += Ke(a), o.top += Ke(a, !0), o;
 }
-const Rn = /* @__PURE__ */ r.memo(function(e) {
+const Mn = /* @__PURE__ */ r.memo(function(e) {
   var t = e.children;
   return t;
 }, function(e, t) {
   var o = t.shouldUpdate;
   return !o;
 });
-var Bn = {
+var Rn = {
   width: 0,
   height: 0,
   overflow: "hidden",
   outline: "none"
-}, zn = {
+}, Bn = {
   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();
+  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(gt), j = I.panel, F = Xt(b, j), H = Z(), L = Z();
   $.useImperativeHandle(t, function() {
     return {
       focus: function() {
@@ -725,13 +518,13 @@ var Bn = {
   }, /* @__PURE__ */ $.createElement("div", {
     className: "".concat(o, "-title"),
     id: s
-  }, l)) : null, W = vn(function() {
-    return De(i) === "object" && i !== null ? i : i ? {
+  }, l)) : null, W = Ft(function() {
+    return ke(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({
+  }, [i, f, o]), A = je(W, !0), T = ke(i) === "object" && i.disabled, J = i ? /* @__PURE__ */ $.createElement("button", Y({
     type: "button",
     onClick: c,
     "aria-label": "Close"
@@ -758,21 +551,21 @@ var Bn = {
   }, /* @__PURE__ */ $.createElement("div", {
     ref: H,
     tabIndex: 0,
-    style: zn
-  }, /* @__PURE__ */ $.createElement(Rn, {
+    style: Bn
+  }, /* @__PURE__ */ $.createElement(Mn, {
     shouldUpdate: v || x
   }, y ? y(B) : B)), /* @__PURE__ */ $.createElement("div", {
     tabIndex: 0,
     ref: L,
-    style: Bn
+    style: Rn
   }));
 });
 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 = {};
+var Ct = /* @__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 = Me(y, 2), C = g[0], b = g[1], v = {};
   C && (v.transformOrigin = C);
   function x() {
-    var E = Mn(p.current);
+    var E = Tn(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, {
@@ -797,8 +590,8 @@ var vt = /* @__PURE__ */ r.forwardRef(function(e, t) {
     }));
   });
 });
-vt.displayName = "Content";
-var Hn = function(t) {
+Ct.displayName = "Content";
+var zn = 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",
@@ -813,17 +606,17 @@ var Hn = function(t) {
       className: O("".concat(o, "-mask"), c, d)
     }, l));
   });
-}, Ln = function(t) {
+}, Hn = 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();
+    Ae(!(P in t), "".concat(P, " is deprecated, please use styles instead."));
+  }), "wrapClassName" in t && Ae(!1, "wrapClassName is deprecated, please use classNames instead."));
+  var W = Z(), A = Z(), T = Z(), J = r.useState(s), B = Me(J, 2), U = B[0], z = B[1], ae = Ut();
   function Q() {
-    Ae(A.current, document.activeElement) || (W.current = document.activeElement);
+    _e(A.current, document.activeElement) || (W.current = document.activeElement);
   }
   function be() {
-    if (!Ae(A.current, document.activeElement)) {
+    if (!_e(A.current, document.activeElement)) {
       var P;
       (P = T.current) === null || P === void 0 || P.focus();
     }
@@ -859,15 +652,15 @@ var Hn = function(t) {
     V.current ? V.current = !1 : A.current === he.target && M(he);
   });
   function Ht(P) {
-    if (i && P.keyCode === _e.ESC) {
+    if (i && P.keyCode === Ve.ESC) {
       P.stopPropagation(), M(P);
       return;
     }
-    s && P.keyCode === _e.TAB && T.current.changeActive(!P.shiftKey);
+    s && P.keyCode === Ve.TAB && T.current.changeActive(!P.shiftKey);
   }
-  Ve(function() {
+  De(function() {
     s && (z(!0), Q());
-  }, [s]), Ve(function() {
+  }, [s]), De(function() {
     return function() {
       clearTimeout(le.current);
     };
@@ -881,10 +674,10 @@ var Hn = function(t) {
     className: O("".concat(n, "-root"), X)
   }, je(t, {
     data: !0
-  })), /* @__PURE__ */ r.createElement(Hn, {
+  })), /* @__PURE__ */ r.createElement(zn, {
     prefixCls: n,
     visible: S && s,
-    motionName: Xe(n, h, I),
+    motionName: Ue(n, h, I),
     style: R(R({
       zIndex: a
     }, H), D == null ? void 0 : D.mask),
@@ -897,7 +690,7 @@ var Hn = function(t) {
     ref: A,
     onClick: Fe,
     style: Lt
-  }, p), /* @__PURE__ */ r.createElement(vt, Y({}, t, {
+  }, p), /* @__PURE__ */ r.createElement(Ct, Y({}, t, {
     onMouseDown: Bt,
     onMouseUp: zt,
     ref: T,
@@ -907,91 +700,32 @@ var Hn = function(t) {
     visible: s && U,
     onClose: M,
     onVisibleChanged: _,
-    motionName: Xe(n, b, v)
+    motionName: Ue(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() {
+}, pt = 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 = Me(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, {
+  }, [o]), !a && s && !u ? null : /* @__PURE__ */ r.createElement(gt.Provider, {
     value: p
-  }, /* @__PURE__ */ r.createElement(qt, {
+  }, /* @__PURE__ */ r.createElement(Kt, {
     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);
-    }
-  }))));
-};
-bt.displayName = "Dialog";
-function me(e) {
-  if (e)
-    return {
-      closable: e.closable,
-      closeIcon: e.closeIcon
-    };
-}
-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 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;
-}
-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));
+    getContainer: n,
+    autoLock: o || u
+  }, /* @__PURE__ */ r.createElement(Hn, Y({}, t, {
+    destroyOnClose: s,
+    afterClose: function() {
+      d == null || d(), m(!1);
     }
-    return [!0, c, l];
-  }, [d, s]);
-}
-const Dn = () => Gt() && window.document.documentElement, pe = (e) => {
+  }))));
+};
+pt.displayName = "Dialog";
+const Ln = () => Qt() && window.document.documentElement, pe = (e) => {
   const {
     prefixCls: t,
     className: o,
@@ -1014,7 +748,7 @@ const Dn = () => Gt() && window.document.documentElement, pe = (e) => {
     className: O(t, s, d, o),
     style: Object.assign(Object.assign({}, i), n)
   });
-}, kn = new Ne("ant-skeleton-loading", {
+}, Fn = new Ne("ant-skeleton-loading", {
   "0%": {
     backgroundPosition: "100% 50%"
   },
@@ -1026,17 +760,17 @@ const Dn = () => Gt() && window.document.documentElement, pe = (e) => {
   lineHeight: N(e)
 }), ne = (e) => Object.assign({
   width: e
-}, ve(e)), An = (e) => ({
+}, ve(e)), Dn = (e) => ({
   background: e.skeletonLoadingBackground,
   backgroundSize: "400% 100%",
-  animationName: kn,
+  animationName: Fn,
   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) => {
+}, ve(e)), kn = (e) => {
   const {
     skeletonAvatarCls: t,
     gradientFromColor: o,
@@ -1056,7 +790,7 @@ const Dn = () => Gt() && window.document.documentElement, pe = (e) => {
     [`${t}${t}-lg`]: Object.assign({}, ne(a)),
     [`${t}${t}-sm`]: Object.assign({}, ne(l))
   };
-}, Vn = (e) => {
+}, An = (e) => {
   const {
     controlHeight: t,
     borderRadiusSM: o,
@@ -1076,9 +810,9 @@ const Dn = () => Gt() && window.document.documentElement, pe = (e) => {
     [`${n}-lg`]: Object.assign({}, $e(a, d)),
     [`${n}-sm`]: Object.assign({}, $e(l, d))
   };
-}, Ze = (e) => Object.assign({
+}, Qe = (e) => Object.assign({
   width: e
-}, ve(e)), Wn = (e) => {
+}, ve(e)), _n = (e) => {
   const {
     skeletonImageCls: t,
     imageSizeBase: o,
@@ -1094,11 +828,11 @@ const Dn = () => Gt() && window.document.documentElement, pe = (e) => {
       verticalAlign: "middle",
       background: n,
       borderRadius: a
-    }, Ze(l(o).mul(2).equal())), {
+    }, Qe(l(o).mul(2).equal())), {
       [`${t}-path`]: {
         fill: "#bfbfbf"
       },
-      [`${t}-svg`]: Object.assign(Object.assign({}, Ze(o)), {
+      [`${t}-svg`]: Object.assign(Object.assign({}, Qe(o)), {
         maxWidth: l(o).mul(4).equal(),
         maxHeight: l(o).mul(4).equal()
       }),
@@ -1127,7 +861,7 @@ const Dn = () => Gt() && window.document.documentElement, pe = (e) => {
 }, Se = (e, t) => Object.assign({
   width: t(e).mul(2).equal(),
   minWidth: t(e).mul(2).equal()
-}, ve(e)), qn = (e) => {
+}, ve(e)), Vn = (e) => {
   const {
     borderRadiusSM: t,
     skeletonButtonCls: o,
@@ -1151,7 +885,7 @@ const Dn = () => Gt() && window.document.documentElement, pe = (e) => {
   }), xe(e, a, `${o}-lg`)), {
     [`${o}-sm`]: Object.assign({}, Se(l, d))
   }), xe(e, l, `${o}-sm`));
-}, Gn = (e) => {
+}, Wn = (e) => {
   const {
     componentCls: t,
     skeletonAvatarCls: o,
@@ -1244,7 +978,7 @@ const Dn = () => Gt() && window.document.documentElement, pe = (e) => {
     [`${t}${t}-element`]: Object.assign(Object.assign(Object.assign(Object.assign({
       display: "inline-block",
       width: "auto"
-    }, qn(e)), _n(e)), Vn(e)), Wn(e)),
+    }, Vn(e)), kn(e)), An(e)), _n(e)),
     // Skeleton Block Button, Input
     [`${t}${t}-block`]: {
       width: "100%",
@@ -1264,10 +998,10 @@ const Dn = () => Gt() && window.document.documentElement, pe = (e) => {
         ${l},
         ${s},
         ${d}
-      `]: Object.assign({}, An(e))
+      `]: Object.assign({}, Dn(e))
     }
   };
-}, Xn = (e) => {
+}, qn = (e) => {
   const {
     colorFillContent: t,
     colorFill: o
@@ -1282,7 +1016,7 @@ const Dn = () => Gt() && window.document.documentElement, pe = (e) => {
     paragraphMarginTop: e.marginLG + e.marginXXS,
     paragraphLiHeight: e.controlHeight / 2
   };
-}, oe = re("Skeleton", (e) => {
+}, oe = se("Skeleton", (e) => {
   const {
     componentCls: t,
     calc: o
@@ -1299,10 +1033,10 @@ const Dn = () => Gt() && window.document.documentElement, pe = (e) => {
     skeletonLoadingBackground: `linear-gradient(90deg, ${e.gradientFromColor} 25%, ${e.gradientToColor} 37%, ${e.gradientFromColor} 63%)`,
     skeletonLoadingMotionDuration: "1.4s"
   });
-  return [Gn(n)];
-}, Xn, {
+  return [Wn(n)];
+}, qn, {
   deprecatedTokens: [["color", "gradientFromColor"], ["colorGradientEnd", "gradientToColor"]]
-}), Un = (e) => {
+}), Gn = (e) => {
   const {
     prefixCls: t,
     className: o,
@@ -1322,7 +1056,7 @@ const Dn = () => Gt() && window.document.documentElement, pe = (e) => {
     shape: l,
     size: s
   }, m))));
-}, Kn = (e) => {
+}, Xn = (e) => {
   const {
     prefixCls: t,
     className: o,
@@ -1342,7 +1076,7 @@ const Dn = () => Gt() && window.document.documentElement, pe = (e) => {
     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) => {
+}, Un = "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", Kn = (e) => {
   const {
     prefixCls: t,
     className: o,
@@ -1364,10 +1098,10 @@ const Dn = () => Gt() && window.document.documentElement, pe = (e) => {
     xmlns: "http://www.w3.org/2000/svg",
     className: `${d}-image-svg`
   }, /* @__PURE__ */ r.createElement("title", null, "Image placeholder"), /* @__PURE__ */ r.createElement("path", {
-    d: Qn,
+    d: Un,
     className: `${d}-image-path`
   })))));
-}, Yn = (e) => {
+}, Qn = (e) => {
   const {
     prefixCls: t,
     className: o,
@@ -1387,7 +1121,7 @@ const Dn = () => Gt() && window.document.documentElement, pe = (e) => {
     prefixCls: `${i}-input`,
     size: s
   }, m))));
-}, Jn = (e) => {
+}, Zn = (e) => {
   const {
     prefixCls: t,
     className: o,
@@ -1406,7 +1140,7 @@ const Dn = () => Gt() && window.document.documentElement, pe = (e) => {
     className: O(`${i}-image`, o),
     style: a
   }, s)));
-}, eo = (e, t) => {
+}, Yn = (e, t) => {
   const {
     width: o,
     rows: n = 2
@@ -1415,7 +1149,7 @@ const Dn = () => Gt() && window.document.documentElement, pe = (e) => {
     return o[e];
   if (n - 1 === e)
     return o;
-}, to = (e) => {
+}, Jn = (e) => {
   const {
     prefixCls: t,
     className: o,
@@ -1426,7 +1160,7 @@ const Dn = () => Gt() && window.document.documentElement, pe = (e) => {
     /* @__PURE__ */ r.createElement("li", {
       key: d,
       style: {
-        width: eo(d, e)
+        width: Yn(d, e)
       }
     })
   ));
@@ -1434,7 +1168,7 @@ const Dn = () => Gt() && window.document.documentElement, pe = (e) => {
     className: O(t, o),
     style: n
   }, l);
-}, no = (e) => {
+}, eo = (e) => {
   let {
     prefixCls: t,
     className: o,
@@ -1454,7 +1188,7 @@ const Dn = () => Gt() && window.document.documentElement, pe = (e) => {
 function Oe(e) {
   return e && typeof e == "object" ? e : {};
 }
-function oo(e, t) {
+function to(e, t) {
   return e && !t ? {
     size: "large",
     shape: "square"
@@ -1463,163 +1197,574 @@ function oo(e, t) {
     shape: "circle"
   };
 }
-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) => {
+function no(e, t) {
+  return !e && t ? {
+    width: "38%"
+  } : e && t ? {
+    width: "50%"
+  } : {};
+}
+function oo(e, t) {
+  const o = {};
+  return (!e || !t) && (o.width = "61%"), !e && t ? o.rows = 3 : o.rows = 2, o;
+}
+const te = (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
+  } = Zt("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`
+      }, to(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`
+        }, no(E, S)), Oe(i));
+        F = /* @__PURE__ */ r.createElement(eo, Object.assign({}, L));
+      }
+      let H;
+      if (S) {
+        const L = Object.assign(Object.assign({
+          prefixCls: `${C}-paragraph`
+        }, oo(E, w)), Oe(f));
+        H = /* @__PURE__ */ r.createElement(Jn, 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 = Xn;
+te.Avatar = Gn;
+te.Input = Qn;
+te.Image = Kn;
+te.Node = Zn;
+process.env.NODE_ENV !== "production" && (te.displayName = "Skeleton");
+function Ze() {
+}
+const ao = /* @__PURE__ */ r.createContext({
+  add: Ze,
+  remove: Ze
+});
+function lo(e) {
+  const t = r.useContext(ao), o = r.useRef(null);
+  return Yt((a) => {
+    if (a) {
+      const l = e ? a.querySelector(e) : a;
+      t.add(l), o.current = l;
+    } else
+      t.remove(o.current);
+  });
+}
+const Ye = () => {
+  const {
+    cancelButtonProps: e,
+    cancelTextLocale: t,
+    onCancel: o
+  } = re(ie);
+  return /* @__PURE__ */ $.createElement(Te, Object.assign({
+    onClick: o
+  }, e), t);
+}, Je = () => {
+  const {
+    confirmLoading: e,
+    okButtonProps: t,
+    okType: o,
+    okTextLocale: n,
+    onOk: a
+  } = re(ie);
+  return /* @__PURE__ */ $.createElement(Te, Object.assign({}, ot(o), {
+    loading: e,
+    onClick: a
+  }, t), n);
+};
+function vt(e, t) {
+  return /* @__PURE__ */ $.createElement("span", {
+    className: `${e}-close-x`
+  }, t || /* @__PURE__ */ $.createElement(Pe, {
+    className: `${e}-close-icon`
+  }));
+}
+const bt = (e) => {
+  const {
+    okText: t,
+    okType: o = "primary",
+    cancelText: n,
+    confirmLoading: a,
+    onOk: l,
+    onCancel: s,
+    okButtonProps: d,
+    cancelButtonProps: i,
+    footer: f
+  } = e, [c] = Re("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(Ye, null), /* @__PURE__ */ $.createElement(Je, null)), typeof f == "function" && (g = f(g, {
+    OkBtn: Je,
+    CancelBtn: Ye
+  })), g = /* @__PURE__ */ $.createElement(ft, {
+    value: y
+  }, g)) : g = f, /* @__PURE__ */ $.createElement(Jt, {
+    disabled: !1
+  }, g);
+}, ro = (e) => {
+  const {
+    componentCls: t
+  } = e;
+  return {
+    // Grid system
+    [t]: {
+      display: "flex",
+      flexFlow: "row wrap",
+      minWidth: 0,
+      "&::before, &::after": {
+        display: "flex"
+      },
+      "&-no-wrap": {
+        flexWrap: "nowrap"
+      },
+      // The origin of the X-axis
+      "&-start": {
+        justifyContent: "flex-start"
+      },
+      // The center of the X-axis
+      "&-center": {
+        justifyContent: "center"
+      },
+      // The opposite of the X-axis
+      "&-end": {
+        justifyContent: "flex-end"
+      },
+      "&-space-between": {
+        justifyContent: "space-between"
+      },
+      "&-space-around": {
+        justifyContent: "space-around"
+      },
+      "&-space-evenly": {
+        justifyContent: "space-evenly"
+      },
+      // Align at the top
+      "&-top": {
+        alignItems: "flex-start"
+      },
+      // Align at the center
+      "&-middle": {
+        alignItems: "center"
+      },
+      "&-bottom": {
+        alignItems: "flex-end"
+      }
+    }
+  };
+}, so = (e) => {
+  const {
+    componentCls: t
+  } = e;
+  return {
+    // Grid system
+    [t]: {
+      position: "relative",
+      maxWidth: "100%",
+      // Prevent columns from collapsing when empty
+      minHeight: 1
+    }
+  };
+}, io = (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) => io(e, t), co = (e, t, o) => ({
+  [`@media (min-width: ${N(t)})`]: Object.assign({}, Ee(e, o))
+}), uo = () => ({}), mo = () => ({});
+se("Grid", ro, uo);
+const ht = (e) => ({
+  xs: e.screenXSMin,
+  sm: e.screenSMMin,
+  md: e.screenMDMin,
+  lg: e.screenLGMin,
+  xl: e.screenXLMin,
+  xxl: e.screenXXLMin
+});
+se("Grid", (e) => {
+  const t = fe(e, {
+    gridColumns: 24
+    // Row is divided into 24 parts in Grid
+  }), o = ht(t);
+  return delete o.xs, [so(t), Ee(t, ""), Ee(t, "-xs"), Object.keys(o).map((n) => co(t, o[n], `-${n}`)).reduce((n, a) => Object.assign(Object.assign({}, n), a), {})];
+}, mo);
+function et(e) {
+  return {
+    position: e,
+    inset: 0
+  };
+}
+const fo = (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
-  } = 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)));
+    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({}, 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"
+      })
     }
-    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));
+  }, {
+    [`${t}-root`]: yn(e)
+  }];
+}, go = (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"
+          }
+        },
+        [`@media (max-width: ${e.screenSMMax}px)`]: {
+          [t]: {
+            maxWidth: "calc(100vw - 16px)",
+            margin: `${N(e.marginXS)} auto`
+          },
+          [`${t}-centered`]: {
+            [t]: {
+              flex: 1
+            }
+          }
+        }
       }
-      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));
+    },
+    // ======================== 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
+          }
+        }, tn(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"
+        }
+      }
+    }
+  ];
+}, Co = (e) => {
+  const {
+    componentCls: t
+  } = e;
+  return {
+    [`${t}-root`]: {
+      [`${t}-wrap-rtl`]: {
+        direction: "rtl",
+        [`${t}-confirm-body`]: {
+          direction: "rtl"
+        }
       }
-      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 = 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 = () => {
+  };
+}, po = (e) => {
   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`
+    componentCls: t
+  } = e, o = ht(e);
+  delete o.xs;
+  const n = Object.keys(o).map((a) => ({
+    [`@media (min-width: ${N(o[a])})`]: {
+      width: `var(--${t.replace(".", "")}-${a}-width)`
+    }
   }));
-}
-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) {
+  return {
+    [`${t}-root`]: {
+      [t]: [{
+        width: `var(--${t.replace(".", "")}-xs-width)`
+      }].concat(K(n))
+    }
+  };
+}, yt = (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()
+  });
+}, $t = (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
+}), xt = se("Modal", (e) => {
+  const t = yt(e);
+  return [go(t), Co(t), fo(t), en(t, "zoom"), po(t)];
+}, $t, {
+  unitless: {
+    titleLineHeight: !0
+  }
+});
+var vo = 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++)
@@ -1627,7 +1772,7 @@ var io = function(e, t) {
   return o;
 };
 let we;
-const co = (e) => {
+const bo = (e) => {
   we = {
     x: e.pageX,
     y: e.pageY
@@ -1635,8 +1780,8 @@ const co = (e) => {
     we = null;
   }, 100);
 };
-Dn() && document.documentElement.addEventListener("click", co, !0);
-const xt = (e) => {
+Ln() && document.documentElement.addEventListener("click", bo, !0);
+const St = (e) => {
   var t;
   const {
     getPopupContainer: o,
@@ -1679,31 +1824,31 @@ const xt = (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] = mt(j, H), D = O(m, {
+  } = e, I = vo(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] = xt(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($t, Object.assign({}, e, {
+  }), W = x !== null && !h ? /* @__PURE__ */ r.createElement(bt, Object.assign({}, e, {
     onOk: d,
     onCancel: s
-  })) : null, [A, T, J] = ht(me(e), me(l), {
+  })) : null, [A, T, J] = ct(me(e), me(l), {
     closable: !0,
-    closeIcon: /* @__PURE__ */ r.createElement(Te, {
+    closeIcon: /* @__PURE__ */ r.createElement(Pe, {
       className: `${j}-close-icon`
     }),
-    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(() => {
+    closeIconRender: (_) => vt(j, _)
+  }), B = lo(`.${j}-content`), [U, z] = nn("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(Zt, {
+  return L(/* @__PURE__ */ r.createElement(on, {
     form: !0,
     space: !0
-  }, /* @__PURE__ */ r.createElement(Yt.Provider, {
+  }, /* @__PURE__ */ r.createElement(an.Provider, {
     value: z
-  }, /* @__PURE__ */ r.createElement(bt, Object.assign({
+  }, /* @__PURE__ */ r.createElement(pt, Object.assign({
     width: ae
   }, I, {
     zIndex: U,
@@ -1737,7 +1882,7 @@ const xt = (e) => {
     },
     className: `${j}-body-skeleton`
   }) : S))));
-}, uo = (e) => {
+}, ho = (e) => {
   const {
     componentCls: t,
     titleFontSize: o,
@@ -1757,7 +1902,7 @@ const xt = (e) => {
       [`${e.antCls}-modal-header`]: {
         display: "none"
       },
-      [`${c}-body-wrapper`]: Object.assign({}, Jt()),
+      [`${c}-body-wrapper`]: Object.assign({}, ln()),
       [`&${t} ${t}-body`]: {
         padding: f
       },
@@ -1823,21 +1968,21 @@ const xt = (e) => {
       color: e.colorSuccess
     }
   };
-}, mo = Re(["Modal", "confirm"], (e) => {
-  const t = dt(e);
-  return [uo(t)];
-}, ut, {
+}, yo = Ie(["Modal", "confirm"], (e) => {
+  const t = yt(e);
+  return [ho(t)];
+}, $t, {
   // confirm is weak than modal since no conflict here
   order: -1e3
 });
-var fo = function(e, t) {
+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;
 };
-function St(e) {
+function Ot(e) {
   const {
     prefixCls: t,
     icon: o,
@@ -1849,7 +1994,7 @@ function St(e) {
     footer: i,
     // Legacy for static function usage
     locale: f
-  } = e, c = fo(e, ["prefixCls", "icon", "okText", "cancelText", "confirmPrefixCls", "type", "okCancel", "footer", "locale"]);
+  } = e, c = $o(e, ["prefixCls", "icon", "okText", "cancelText", "confirmPrefixCls", "type", "okCancel", "footer", "locale"]);
   if (process.env.NODE_ENV !== "production") {
     const h = Ce("Modal");
     process.env.NODE_ENV !== "production" && h(!(typeof o == "string" && o.length > 2), "breaking", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${o}\` at https://ant.design/components/icon`);
@@ -1858,23 +2003,23 @@ function St(e) {
   if (!o && o !== null)
     switch (s) {
       case "info":
-        u = /* @__PURE__ */ r.createElement(ln, null);
+        u = /* @__PURE__ */ r.createElement(mn, null);
         break;
       case "success":
-        u = /* @__PURE__ */ r.createElement(an, null);
+        u = /* @__PURE__ */ r.createElement(un, null);
         break;
       case "error":
-        u = /* @__PURE__ */ r.createElement(on, null);
+        u = /* @__PURE__ */ r.createElement(dn, null);
         break;
       default:
-        u = /* @__PURE__ */ r.createElement(nn, null);
+        u = /* @__PURE__ */ r.createElement(cn, 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({
+  const m = d ?? s === "confirm", p = e.autoFocusButton === null ? !1 : e.autoFocusButton || "ok", [y] = Re("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(qe, null), /* @__PURE__ */ r.createElement(Ge, 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(Ge, null), /* @__PURE__ */ r.createElement(Xe, 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", {
@@ -1887,18 +2032,18 @@ function St(e) {
     className: `${l}-title`
   }, e.title), /* @__PURE__ */ r.createElement("div", {
     className: `${l}-content`
-  }, e.content))), i === void 0 || typeof i == "function" ? /* @__PURE__ */ r.createElement(Ct, {
+  }, e.content))), i === void 0 || typeof i == "function" ? /* @__PURE__ */ r.createElement(ft, {
     value: x
   }, /* @__PURE__ */ r.createElement("div", {
     className: `${l}-btns`
   }, typeof i == "function" ? i(E, {
-    OkBtn: Ge,
-    CancelBtn: qe
-  }) : E)) : i, /* @__PURE__ */ r.createElement(mo, {
+    OkBtn: Xe,
+    CancelBtn: Ge
+  }) : E)) : i, /* @__PURE__ */ r.createElement(yo, {
     prefixCls: t
   }));
 }
-const Ot = (e) => {
+const Et = (e) => {
   const {
     close: t,
     zIndex: o,
@@ -1921,8 +2066,8 @@ const Ot = (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] = en(), x = r.useMemo(() => o !== void 0 ? o : v.zIndexPopupBase + tn, [o, v]);
-  return /* @__PURE__ */ r.createElement(xt, Object.assign({}, e, {
+  }, e.className), [, v] = rn(), x = r.useMemo(() => o !== void 0 ? o : v.zIndexPopupBase + sn, [o, v]);
+  return /* @__PURE__ */ r.createElement(St, Object.assign({}, e, {
     className: b,
     wrapClassName: O({
       [`${m}-centered`]: !!e.centered
@@ -1946,7 +2091,7 @@ const Ot = (e) => {
     width: p,
     zIndex: x,
     closable: f
-  }), /* @__PURE__ */ r.createElement(St, Object.assign({}, e, {
+  }), /* @__PURE__ */ r.createElement(Ot, Object.assign({}, e, {
     confirmPrefixCls: m
   })));
 }, Le = (e) => {
@@ -1961,21 +2106,21 @@ const Ot = (e) => {
     iconPrefixCls: o,
     direction: n,
     theme: a
-  }, /* @__PURE__ */ r.createElement(Ot, Object.assign({}, e)));
+  }, /* @__PURE__ */ r.createElement(Et, Object.assign({}, e)));
 };
-process.env.NODE_ENV !== "production" && (Ot.displayName = "ConfirmDialog", Le.displayName = "ConfirmDialogWrapper");
+process.env.NODE_ENV !== "production" && (Et.displayName = "ConfirmDialog", Le.displayName = "ConfirmDialogWrapper");
 const ee = [];
-let Et = "";
-function wt() {
-  return Et;
+let wt = "";
+function Nt() {
+  return wt;
 }
-const go = (e) => {
+const xo = (e) => {
   var t, o;
   const {
     prefixCls: n,
     getContainer: a,
     direction: l
-  } = e, s = lt(), d = se(q), i = wt() || d.getPrefixCls(), f = n || `${i}-modal`;
+  } = e, s = lt(), d = re(q), i = Nt() || 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(Le, Object.assign({}, e, {
     rootPrefixCls: i,
@@ -1988,8 +2133,8 @@ const go = (e) => {
   }));
 };
 function ce(e) {
-  const t = cn();
-  process.env.NODE_ENV !== "production" && !t.holderRender && rn("Modal");
+  const t = Cn();
+  process.env.NODE_ENV !== "production" && !t.holderRender && fn("Modal");
   const o = document.createDocumentFragment();
   let n = Object.assign(Object.assign({}, e), {
     close: i,
@@ -2012,8 +2157,8 @@ function ce(e) {
   }
   function d(c) {
     clearTimeout(a), a = setTimeout(() => {
-      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, {
+      const u = t.getPrefixCls(void 0, Nt()), m = t.getIconPrefixCls(), p = t.getTheme(), y = /* @__PURE__ */ $.createElement(xo, Object.assign({}, c));
+      l = gn()(/* @__PURE__ */ $.createElement(st, {
         prefixCls: u,
         iconPrefixCls: m,
         theme: p
@@ -2038,45 +2183,45 @@ function ce(e) {
     update: f
   };
 }
-function Nt(e) {
+function Pt(e) {
   return Object.assign(Object.assign({}, e), {
     type: "warning"
   });
 }
-function Pt(e) {
+function jt(e) {
   return Object.assign(Object.assign({}, e), {
     type: "info"
   });
 }
-function jt(e) {
+function It(e) {
   return Object.assign(Object.assign({}, e), {
     type: "success"
   });
 }
-function It(e) {
+function Tt(e) {
   return Object.assign(Object.assign({}, e), {
     type: "error"
   });
 }
-function Tt(e) {
+function Mt(e) {
   return Object.assign(Object.assign({}, e), {
     type: "confirm"
   });
 }
-function Co(e) {
+function So(e) {
   let {
     rootPrefixCls: t
   } = e;
-  process.env.NODE_ENV !== "production" && it(!1, "Modal", "Modal.config is deprecated. Please use ConfigProvider.config instead."), Et = t;
+  process.env.NODE_ENV !== "production" && it(!1, "Modal", "Modal.config is deprecated. Please use ConfigProvider.config instead."), wt = t;
 }
-var po = function(e, t) {
+var Oo = 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 vo = (e) => {
+const Eo = (e) => {
   const {
     prefixCls: t,
     className: o,
@@ -2086,15 +2231,15 @@ const vo = (e) => {
     title: s,
     children: d,
     footer: i
-  } = e, f = po(e, ["prefixCls", "className", "closeIcon", "closable", "type", "title", "children", "footer"]), {
+  } = e, f = Oo(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`;
+  } = r.useContext(q), u = c(), m = t || c("modal"), p = rt(u), [y, g, C] = xt(m, p), b = `${m}-confirm`;
   let v = {};
   return l ? v = {
     closable: a ?? !1,
     title: "",
     footer: "",
-    children: /* @__PURE__ */ r.createElement(St, Object.assign({}, e, {
+    children: /* @__PURE__ */ r.createElement(Ot, Object.assign({}, e, {
       prefixCls: m,
       confirmPrefixCls: b,
       rootPrefixCls: u,
@@ -2103,34 +2248,34 @@ const vo = (e) => {
   } : v = {
     closable: a ?? !0,
     title: s,
-    footer: i !== null && /* @__PURE__ */ r.createElement($t, Object.assign({}, e)),
+    footer: i !== null && /* @__PURE__ */ r.createElement(bt, 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),
+    closeIcon: vt(m, n),
     closable: a
   }, v)));
-}, bo = dn(vo);
-function ho() {
+}, wo = pn(Eo);
+function No() {
   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 Po = 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) => {
+const jo = (e, t) => {
   var o, {
     afterClose: n,
     config: a
-  } = e, l = yo(e, ["afterClose", "config"]);
+  } = e, l = Po(e, ["afterClose", "config"]);
   const [s, d] = r.useState(!0), [i, f] = r.useState(a), {
     direction: c,
     getPrefixCls: u
@@ -2154,7 +2299,7 @@ const $o = (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", un.Modal);
+  const C = (o = i.okCancel) !== null && o !== void 0 ? o : i.type === "confirm", [b] = Re("Modal", vn.Modal);
   return /* @__PURE__ */ r.createElement(Le, Object.assign({
     prefixCls: m,
     rootPrefixCls: p
@@ -2166,15 +2311,15 @@ const $o = (e, t) => {
     direction: i.direction || c,
     cancelText: i.cancelText || (b == null ? void 0 : b.cancelText)
   }, l));
-}, xo = /* @__PURE__ */ r.forwardRef($o);
+}, Io = /* @__PURE__ */ r.forwardRef(jo);
 let tt = 0;
-const So = /* @__PURE__ */ r.memo(/* @__PURE__ */ r.forwardRef((e, t) => {
-  const [o, n] = ho();
+const To = /* @__PURE__ */ r.memo(/* @__PURE__ */ r.forwardRef((e, t) => {
+  const [o, n] = No();
   return r.useImperativeHandle(t, () => ({
     patchElement: n
   }), []), /* @__PURE__ */ r.createElement(r.Fragment, null, o);
 }));
-function Oo() {
+function Mo() {
   const e = r.useRef(null), [t, o] = r.useState([]);
   r.useEffect(() => {
     t.length && (K(t).forEach((s) => {
@@ -2190,7 +2335,7 @@ function Oo() {
       c = C;
     });
     let m = !1, p;
-    const y = /* @__PURE__ */ r.createElement(xo, {
+    const y = /* @__PURE__ */ r.createElement(Io, {
       key: `modal-${tt}`,
       config: l(d),
       ref: f,
@@ -2221,34 +2366,34 @@ function Oo() {
     };
   }, []);
   return [r.useMemo(() => ({
-    info: n(Pt),
-    success: n(jt),
-    error: n(It),
-    warning: n(Nt),
-    confirm: n(Tt)
-  }), []), /* @__PURE__ */ r.createElement(So, {
+    info: n(jt),
+    success: n(It),
+    error: n(Tt),
+    warning: n(Pt),
+    confirm: n(Mt)
+  }), []), /* @__PURE__ */ r.createElement(To, {
     key: "modal-holder",
     ref: e
   })];
 }
-function Mt(e) {
-  return ce(Nt(e));
+function Rt(e) {
+  return ce(Pt(e));
 }
-const G = xt;
-G.useModal = Oo;
+const G = St;
+G.useModal = Mo;
 G.info = function(t) {
-  return ce(Pt(t));
+  return ce(jt(t));
 };
 G.success = function(t) {
-  return ce(jt(t));
+  return ce(It(t));
 };
 G.error = function(t) {
-  return ce(It(t));
+  return ce(Tt(t));
 };
-G.warning = Mt;
-G.warn = Mt;
+G.warning = Rt;
+G.warn = Rt;
 G.confirm = function(t) {
-  return ce(Tt(t));
+  return ce(Mt(t));
 };
 G.destroyAll = function() {
   for (; ee.length; ) {
@@ -2256,154 +2401,10 @@ G.destroyAll = function() {
     t && t();
   }
 };
-G.config = Co;
-G._InternalPanelDoNotUseOrYouWillBeFired = bo;
+G.config = So;
+G._InternalPanelDoNotUseOrYouWillBeFired = wo;
 process.env.NODE_ENV !== "production" && (G.displayName = "Modal");
-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]);
-  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 wo = /* @__PURE__ */ r.forwardRef((e, t) => {
-  const {
-    prefixCls: o,
-    style: n,
-    className: a,
-    checked: l,
-    onChange: s,
-    onClick: d
-  } = e, i = Eo(e, ["prefixCls", "style", "className", "checked", "onChange", "onClick"]), {
-    getPrefixCls: f,
-    tag: c
-  } = r.useContext(q), u = (b) => {
-    s == null || s(!l), d == null || d(b);
-  }, 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, {
-    ref: t,
-    style: Object.assign(Object.assign({}, n), c == null ? void 0 : c.style),
-    className: C,
-    onClick: u
-  })));
-}), No = (e) => mn(e, (t, o) => {
-  let {
-    textColor: n,
-    lightBorderColor: a,
-    lightColor: l,
-    darkColor: s
-  } = o;
-  return {
-    [`${e.componentCls}${e.componentCls}-${t}`]: {
-      color: n,
-      background: l,
-      borderColor: a,
-      // Inverse color
-      "&-inverse": {
-        color: e.colorTextLightSolid,
-        background: s,
-        borderColor: s
-      },
-      [`&${e.componentCls}-borderless`]: {
-        borderColor: "transparent"
-      }
-    }
-  };
-}), Po = Re(["Tag", "preset"], (e) => {
-  const t = Be(e);
-  return No(t);
-}, ze);
-function jo(e) {
-  return typeof e != "string" ? e : e.charAt(0).toUpperCase() + e.slice(1);
-}
-const de = (e, t, o) => {
-  const n = jo(o);
-  return {
-    [`${e.componentCls}${e.componentCls}-${t}`]: {
-      color: e[`color${o}`],
-      background: e[`color${n}Bg`],
-      borderColor: e[`color${n}Border`],
-      [`&${e.componentCls}-borderless`]: {
-        borderColor: "transparent"
-      }
-    }
-  };
-}, Io = Re(["Tag", "status"], (e) => {
-  const t = Be(e);
-  return [de(t, "success", "Success"), de(t, "processing", "Info"), de(t, "error", "Error"), de(t, "warning", "Warning")];
-}, 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]);
-  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 Mo = /* @__PURE__ */ r.forwardRef((e, t) => {
-  const {
-    prefixCls: o,
-    className: n,
-    rootClassName: a,
-    style: l,
-    children: s,
-    icon: d,
-    color: i,
-    onClose: f,
-    bordered: c = !0,
-    visible: u
-  } = e, m = To(e, ["prefixCls", "className", "rootClassName", "style", "children", "icon", "color", "onClose", "bordered", "visible"]), {
-    getPrefixCls: p,
-    direction: y,
-    tag: g
-  } = r.useContext(q), [C, b] = r.useState(!0), v = ge(m, ["closeIcon", "closable"]);
-  process.env.NODE_ENV !== "production" && Ce("Tag").deprecated(!("visible" in e), "visible", "visible && <Tag />"), r.useEffect(() => {
-    u !== void 0 && b(u);
-  }, [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] = ft(h), H = O(h, g == null ? void 0 : g.className, {
-    [`${h}-${i}`]: w,
-    [`${h}-has-color`]: i && !w,
-    [`${h}-hidden`]: !C,
-    [`${h}-rtl`]: y === "rtl",
-    [`${h}-borderless`]: !c
-  }, n, a, j, F), L = (T) => {
-    T.stopPropagation(), f == null || f(T), !T.defaultPrevented && b(!1);
-  }, [, X] = ht(me(e), me(g), {
-    closable: !1,
-    closeIconRender: (T) => {
-      const J = /* @__PURE__ */ r.createElement("span", {
-        className: `${h}-close-icon`,
-        onClick: L
-      }, T);
-      return Cn(T, J, (B) => ({
-        onClick: (U) => {
-          var z;
-          (z = B == null ? void 0 : B.onClick) === null || z === void 0 || z.call(B, U), L(U);
-        },
-        className: O(B == null ? void 0 : B.className, `${h}-close-icon`)
-      }));
-    }
-  }), k = typeof m.onClick == "function" || s && s.type === "a", D = d || null, W = D ? /* @__PURE__ */ r.createElement(r.Fragment, null, D, s && /* @__PURE__ */ r.createElement("span", null, s)) : s, A = /* @__PURE__ */ r.createElement("span", Object.assign({}, v, {
-    ref: t,
-    className: H,
-    style: S
-  }), W, X, x && /* @__PURE__ */ r.createElement(Po, {
-    key: "preset",
-    prefixCls: h
-  }), E && /* @__PURE__ */ r.createElement(Io, {
-    key: "status",
-    prefixCls: h
-  }));
-  return I(k ? /* @__PURE__ */ r.createElement(pn, {
-    component: "Tag"
-  }, A) : A);
-}), Rt = Mo;
-process.env.NODE_ENV !== "production" && (Rt.displayName = "Tag");
-Rt.CheckableTag = wo;
 export {
   G as M,
-  Rt as T
+  ut as T
 };