@notificationapi/react 0.0.33 → 0.0.35

package/dist/components/Preferences/NotificationPreferencesPopup.js

@@ -1,61 +1,45 @@
-import { jsx as Te } from "react/jsx-runtime";
-import { Preferences as Mt } from "./Preferences.js";
-import { _ as G, K as ye, x as Bt, y as zt, d as Ze, g as Ye, m as Je, u as P, a as _, t as Ft, z as et, A as Ht, r as kt, k as At, e as xe, w as Dt, B as Lt, C as tt, l as _t, E as Vt, F as Wt, G as nt, H as qt } from "../../assets/colors.js";
+import { jsxs as Te, jsx as ge } from "react/jsx-runtime";
+import { Preferences as jt } from "./Preferences.js";
 import * as l from "react";
-import h, { useContext as ne, useRef as X, useMemo as Gt, useEffect as Me } from "react";
-import { p as Ut, q as Xt, K as Be, r as Kt, o as $e, s as Ee, i as Qt, h as ot, v as Zt, w as Yt, z as Jt, d as ie, x as en, y as tn, A as nn, B as on } from "../../assets/index3.js";
-import { a as D, c as E, _ as j, b as ze, e as Se, i as Fe, j as He, k as an } from "../../assets/presets.js";
-import { I as Oe } from "../../assets/AntdIcon.js";
-import { B as Ne, c as at } from "../../assets/button.js";
-import { R as we, w as ln } from "../../assets/PurePanel.js";
-import { p as Pe } from "../../assets/pickAttrs.js";
-var rn = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z" } }] }, name: "check-circle", theme: "filled" }, sn = function(t, n) {
-  return /* @__PURE__ */ l.createElement(Oe, D({}, t, {
-    ref: n,
-    icon: rn
-  }));
-}, lt = /* @__PURE__ */ l.forwardRef(sn);
-process.env.NODE_ENV !== "production" && (lt.displayName = "CheckCircleFilled");
-var cn = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, name: "exclamation-circle", theme: "filled" }, dn = function(t, n) {
-  return /* @__PURE__ */ l.createElement(Oe, D({}, t, {
-    ref: n,
-    icon: cn
-  }));
-}, rt = /* @__PURE__ */ l.forwardRef(dn);
-process.env.NODE_ENV !== "production" && (rt.displayName = "ExclamationCircleFilled");
-var un = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, name: "info-circle", theme: "filled" }, fn = function(t, n) {
-  return /* @__PURE__ */ l.createElement(Oe, D({}, t, {
-    ref: n,
-    icon: un
-  }));
-}, it = /* @__PURE__ */ l.forwardRef(fn);
-process.env.NODE_ENV !== "production" && (it.displayName = "InfoCircleFilled");
-function mn() {
-  const [e, t] = l.useState([]), n = l.useCallback((o) => (t((a) => [].concat(G(a), [o])), () => {
+import h, { useContext as ee, useRef as U, useMemo as Rt, useEffect as Me } from "react";
+import { NotificationAPIContext as Tt } from "../Provider/index.js";
+import { a as Mt, b as Bt, c as zt, W as Ht } from "../../assets/WebPushOptInMessage.js";
+import { d as q, t as kt, I as At, e as Ze, g as Ye, m as Je, u as P, a as L, v as Dt, J as et, K as Ft, r as Lt, q as _t, f as xe, H as Vt, L as Wt, C as tt, A as qt, M as Gt, N as Ut, O as nt, P as Xt } from "../../assets/reactNode.js";
+import { o as $e, R as Kt, e as Qt, r as Zt } from "../../assets/compact-item.js";
+import { c as S, _ as j, d as Be, a as X, f as Se, i as ze, j as He, k as Yt } from "../../assets/presets.js";
+import { f as Jt, h as en, K as ke, j as tn, k as Oe, i as nn, u as ot, l as on, C as an, z as ln, d as ie, m as rn } from "../../assets/index3.js";
+import { B as Ee, c as at } from "../../assets/button.js";
+import { R as Ne } from "../../assets/CloseOutlined.js";
+import { p as we } from "../../assets/pickAttrs.js";
+import { K as Pe } from "../../assets/colors.js";
+import { w as sn } from "../../assets/PurePanel.js";
+import { D as cn } from "../../assets/PreferenceInput.js";
+function dn() {
+  const [e, t] = l.useState([]), n = l.useCallback((o) => (t((a) => [].concat(q(a), [o])), () => {
     t((a) => a.filter((r) => r !== o));
   }), []);
   return [e, n];
 }
-const gn = new ye("antFadeIn", {
+const un = new Pe("antFadeIn", {
   "0%": {
     opacity: 0
   },
   "100%": {
     opacity: 1
   }
-}), Cn = new ye("antFadeOut", {
+}), mn = new Pe("antFadeOut", {
   "0%": {
     opacity: 1
   },
   "100%": {
     opacity: 0
   }
-}), vn = function(e) {
+}), fn = function(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
   const {
     antCls: n
   } = e, o = `${n}-fade`, a = t ? "&" : "";
-  return [Ut(o, gn, Cn, e.motionDurationMid, t), {
+  return [Jt(o, un, mn, e.motionDurationMid, t), {
     [`
         ${a}${o}-enter,
         ${a}${o}-appear
@@ -68,10 +52,10 @@ const gn = new ye("antFadeIn", {
     }
   }];
 };
-function ge(e) {
+function Ce(e) {
   return !!(e != null && e.then);
 }
-const st = (e) => {
+const lt = (e) => {
   const {
     type: t,
     children: n,
@@ -83,7 +67,7 @@ const st = (e) => {
     isSilent: i,
     quitOnNullishReturnValue: u,
     actionFn: s
-  } = e, f = l.useRef(!1), g = l.useRef(null), [v, b] = Bt(!1), m = function() {
+  } = e, m = l.useRef(!1), g = l.useRef(null), [v, b] = kt(!1), f = function() {
     r == null || r.apply(void 0, arguments);
   };
   l.useEffect(() => {
@@ -96,34 +80,34 @@ const st = (e) => {
     };
   }, []);
   const x = (C) => {
-    ge(C) && (b(!0), C.then(function() {
-      b(!1, !0), m.apply(void 0, arguments), f.current = !1;
+    Ce(C) && (b(!0), C.then(function() {
+      b(!1, !0), f.apply(void 0, arguments), m.current = !1;
     }, (y) => {
-      if (b(!1, !0), f.current = !1, !(i != null && i()))
+      if (b(!1, !0), m.current = !1, !(i != null && i()))
         return Promise.reject(y);
     }));
   }, p = (C) => {
-    if (f.current)
+    if (m.current)
       return;
-    if (f.current = !0, !s) {
-      m();
+    if (m.current = !0, !s) {
+      f();
       return;
     }
     let y;
     if (c) {
-      if (y = s(C), u && !ge(y)) {
-        f.current = !1, m(C);
+      if (y = s(C), u && !Ce(y)) {
+        m.current = !1, f(C);
         return;
       }
     } else if (s.length)
-      y = s(r), f.current = !1;
-    else if (y = s(), !ge(y)) {
-      m();
+      y = s(r), m.current = !1;
+    else if (y = s(), !Ce(y)) {
+      f();
       return;
     }
     x(y);
   };
-  return /* @__PURE__ */ l.createElement(Ne, Object.assign({}, at(t), {
+  return /* @__PURE__ */ l.createElement(Ee, Object.assign({}, at(t), {
     onClick: p,
     loading: v,
     prefixCls: o
@@ -131,8 +115,8 @@ const st = (e) => {
     ref: g
   }), n);
 }, oe = /* @__PURE__ */ h.createContext({}), {
-  Provider: ct
-} = oe, ke = () => {
+  Provider: rt
+} = oe, Ae = () => {
   const {
     autoFocusButton: e,
     cancelButtonProps: t,
@@ -143,8 +127,8 @@ const st = (e) => {
     close: d,
     onCancel: c,
     onConfirm: i
-  } = ne(oe);
-  return a ? /* @__PURE__ */ h.createElement(st, {
+  } = ee(oe);
+  return a ? /* @__PURE__ */ h.createElement(lt, {
     isSilent: o,
     actionFn: c,
     close: function() {
@@ -154,7 +138,7 @@ const st = (e) => {
     buttonProps: t,
     prefixCls: `${r}-btn`
   }, n) : null;
-}, Ae = () => {
+}, De = () => {
   const {
     autoFocusButton: e,
     close: t,
@@ -165,8 +149,8 @@ const st = (e) => {
     okType: d,
     onConfirm: c,
     onOk: i
-  } = ne(oe);
-  return /* @__PURE__ */ h.createElement(st, {
+  } = ee(oe);
+  return /* @__PURE__ */ h.createElement(lt, {
     isSilent: n,
     type: d || "primary",
     actionFn: i,
@@ -178,8 +162,8 @@ const st = (e) => {
     prefixCls: `${a}-btn`
   }, r);
 };
-var dt = /* @__PURE__ */ l.createContext({});
-function De(e, t, n) {
+var it = /* @__PURE__ */ l.createContext({});
+function Fe(e, t, n) {
   var o = t;
   return !o && n && (o = "".concat(e, "-").concat(n)), o;
 }
@@ -191,111 +175,111 @@ function Le(e, t) {
   }
   return n;
 }
-function bn(e) {
+function gn(e) {
   var t = e.getBoundingClientRect(), n = {
     left: t.left,
     top: t.top
   }, o = e.ownerDocument, a = o.defaultView || o.parentWindow;
   return n.left += Le(a), n.top += Le(a, !0), n;
 }
-const pn = /* @__PURE__ */ l.memo(function(e) {
+const Cn = /* @__PURE__ */ l.memo(function(e) {
   var t = e.children;
   return t;
 }, function(e, t) {
   var n = t.shouldUpdate;
   return !n;
 });
-var hn = {
+var vn = {
   width: 0,
   height: 0,
   overflow: "hidden",
   outline: "none"
-}, yn = {
+}, bn = {
   outline: "none"
 }, Ie = /* @__PURE__ */ h.forwardRef(function(e, t) {
-  var n = e.prefixCls, o = e.className, a = e.style, r = e.title, d = e.ariaId, c = e.footer, i = e.closable, u = e.closeIcon, s = e.onClose, f = e.children, g = e.bodyStyle, v = e.bodyProps, b = e.modalRender, m = e.onMouseDown, x = e.onMouseUp, p = e.holderRef, C = e.visible, y = e.forceRender, $ = e.width, N = e.height, O = e.classNames, S = e.styles, R = h.useContext(dt), w = R.panel, z = zt(p, w), T = X(), V = X();
+  var n = e.prefixCls, o = e.className, a = e.style, r = e.title, d = e.ariaId, c = e.footer, i = e.closable, u = e.closeIcon, s = e.onClose, m = e.children, g = e.bodyStyle, v = e.bodyProps, b = e.modalRender, f = e.onMouseDown, x = e.onMouseUp, p = e.holderRef, C = e.visible, y = e.forceRender, $ = e.width, N = e.height, E = e.classNames, O = e.styles, R = h.useContext(it), w = R.panel, z = At(p, w), T = U(), _ = U();
   h.useImperativeHandle(t, function() {
     return {
       focus: function() {
-        var k;
-        (k = T.current) === null || k === void 0 || k.focus({
+        var A;
+        (A = T.current) === null || A === void 0 || A.focus({
           preventScroll: !0
         });
       },
-      changeActive: function(k) {
-        var A = document, M = A.activeElement;
-        k && M === V.current ? T.current.focus({
+      changeActive: function(A) {
+        var D = document, M = D.activeElement;
+        A && M === _.current ? T.current.focus({
           preventScroll: !0
-        }) : !k && M === T.current && V.current.focus({
+        }) : !A && M === T.current && _.current.focus({
           preventScroll: !0
         });
       }
     };
   });
-  var L = {};
-  $ !== void 0 && (L.width = $), N !== void 0 && (L.height = N);
+  var F = {};
+  $ !== void 0 && (F.width = $), N !== void 0 && (F.height = N);
   var B = c ? /* @__PURE__ */ h.createElement("div", {
-    className: E("".concat(n, "-footer"), O == null ? void 0 : O.footer),
-    style: j({}, S == null ? void 0 : S.footer)
-  }, c) : null, F = r ? /* @__PURE__ */ h.createElement("div", {
-    className: E("".concat(n, "-header"), O == null ? void 0 : O.header),
-    style: j({}, S == null ? void 0 : S.header)
+    className: S("".concat(n, "-footer"), E == null ? void 0 : E.footer),
+    style: j({}, O == null ? void 0 : O.footer)
+  }, c) : null, H = r ? /* @__PURE__ */ h.createElement("div", {
+    className: S("".concat(n, "-header"), E == null ? void 0 : E.header),
+    style: j({}, O == null ? void 0 : O.header)
   }, /* @__PURE__ */ h.createElement("div", {
     className: "".concat(n, "-title"),
     id: d
-  }, r)) : null, W = Gt(function() {
-    return ze(i) === "object" && i !== null ? i : i ? {
+  }, r)) : null, V = Rt(function() {
+    return Be(i) === "object" && i !== null ? i : i ? {
       closeIcon: u ?? /* @__PURE__ */ h.createElement("span", {
         className: "".concat(n, "-close-x")
       })
     } : {};
-  }, [i, u, n]), q = Pe(W, !0), U = ze(i) === "object" && i.disabled, te = i ? /* @__PURE__ */ h.createElement("button", D({
+  }, [i, u, n]), W = we(V, !0), G = Be(i) === "object" && i.disabled, ne = i ? /* @__PURE__ */ h.createElement("button", X({
     type: "button",
     onClick: s,
     "aria-label": "Close"
-  }, q, {
+  }, W, {
     className: "".concat(n, "-close"),
-    disabled: U
-  }), W.closeIcon) : null, K = /* @__PURE__ */ h.createElement("div", {
-    className: E("".concat(n, "-content"), O == null ? void 0 : O.content),
-    style: S == null ? void 0 : S.content
-  }, te, F, /* @__PURE__ */ h.createElement("div", D({
-    className: E("".concat(n, "-body"), O == null ? void 0 : O.body),
-    style: j(j({}, g), S == null ? void 0 : S.body)
-  }, v), f), B);
+    disabled: G
+  }), V.closeIcon) : null, K = /* @__PURE__ */ h.createElement("div", {
+    className: S("".concat(n, "-content"), E == null ? void 0 : E.content),
+    style: O == null ? void 0 : O.content
+  }, ne, H, /* @__PURE__ */ h.createElement("div", X({
+    className: S("".concat(n, "-body"), E == null ? void 0 : E.body),
+    style: j(j({}, g), O == null ? void 0 : O.body)
+  }, v), m), B);
   return /* @__PURE__ */ h.createElement("div", {
     key: "dialog-element",
     role: "dialog",
     "aria-labelledby": r ? d : null,
     "aria-modal": "true",
     ref: z,
-    style: j(j({}, a), L),
-    className: E(n, o),
-    onMouseDown: m,
+    style: j(j({}, a), F),
+    className: S(n, o),
+    onMouseDown: f,
     onMouseUp: x
   }, /* @__PURE__ */ h.createElement("div", {
     ref: T,
     tabIndex: 0,
-    style: yn
-  }, /* @__PURE__ */ h.createElement(pn, {
+    style: bn
+  }, /* @__PURE__ */ h.createElement(Cn, {
     shouldUpdate: C || y
   }, b ? b(K) : K)), /* @__PURE__ */ h.createElement("div", {
     tabIndex: 0,
-    ref: V,
-    style: hn
+    ref: _,
+    style: vn
   }));
 });
 process.env.NODE_ENV !== "production" && (Ie.displayName = "Panel");
-var ut = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var n = e.prefixCls, o = e.title, a = e.style, r = e.className, d = e.visible, c = e.forceRender, i = e.destroyOnClose, u = e.motionName, s = e.ariaId, f = e.onVisibleChanged, g = e.mousePosition, v = X(), b = l.useState(), m = Se(b, 2), x = m[0], p = m[1], C = {};
+var st = /* @__PURE__ */ l.forwardRef(function(e, t) {
+  var n = e.prefixCls, o = e.title, a = e.style, r = e.className, d = e.visible, c = e.forceRender, i = e.destroyOnClose, u = e.motionName, s = e.ariaId, m = e.onVisibleChanged, g = e.mousePosition, v = U(), b = l.useState(), f = Se(b, 2), x = f[0], p = f[1], C = {};
   x && (C.transformOrigin = x);
   function y() {
-    var $ = bn(v.current);
+    var $ = gn(v.current);
     p(g && (g.x || g.y) ? "".concat(g.x - $.left, "px ").concat(g.y - $.top, "px") : "");
   }
   return /* @__PURE__ */ l.createElement(Ze, {
     visible: d,
-    onVisibleChanged: f,
+    onVisibleChanged: m,
     onAppearPrepare: y,
     onEnterPrepare: y,
     forceRender: c,
@@ -303,20 +287,20 @@ var ut = /* @__PURE__ */ l.forwardRef(function(e, t) {
     removeOnLeave: i,
     ref: v
   }, function($, N) {
-    var O = $.className, S = $.style;
-    return /* @__PURE__ */ l.createElement(Ie, D({}, e, {
+    var E = $.className, O = $.style;
+    return /* @__PURE__ */ l.createElement(Ie, X({}, e, {
       ref: t,
       title: o,
       ariaId: s,
       prefixCls: n,
       holderRef: N,
-      style: j(j(j({}, S), a), C),
-      className: E(r, O)
+      style: j(j(j({}, O), a), C),
+      className: S(r, E)
     }));
   });
 });
-ut.displayName = "Content";
-var xn = function(t) {
+st.displayName = "Content";
+var pn = function(t) {
   var n = t.prefixCls, o = t.style, a = t.visible, r = t.maskProps, d = t.motionName, c = t.className;
   return /* @__PURE__ */ l.createElement(Ze, {
     key: "mask",
@@ -324,132 +308,132 @@ var xn = function(t) {
     motionName: d,
     leavedClassName: "".concat(n, "-mask-hidden")
   }, function(i, u) {
-    var s = i.className, f = i.style;
-    return /* @__PURE__ */ l.createElement("div", D({
+    var s = i.className, m = i.style;
+    return /* @__PURE__ */ l.createElement("div", X({
       ref: u,
-      style: j(j({}, f), o),
-      className: E("".concat(n, "-mask"), s, c)
+      style: j(j({}, m), o),
+      className: S("".concat(n, "-mask"), s, c)
     }, r));
   });
-}, $n = function(t) {
-  var n = t.prefixCls, o = n === void 0 ? "rc-dialog" : n, a = t.zIndex, r = t.visible, d = r === void 0 ? !1 : r, c = t.keyboard, i = c === void 0 ? !0 : c, u = t.focusTriggerAfterClose, s = u === void 0 ? !0 : u, f = t.wrapStyle, g = t.wrapClassName, v = t.wrapProps, b = t.onClose, m = t.afterOpenChange, x = t.afterClose, p = t.transitionName, C = t.animation, y = t.closable, $ = y === void 0 ? !0 : y, N = t.mask, O = N === void 0 ? !0 : N, S = t.maskTransitionName, R = t.maskAnimation, w = t.maskClosable, z = w === void 0 ? !0 : w, T = t.maskStyle, V = t.maskProps, L = t.rootClassName, B = t.classNames, F = t.styles;
+}, hn = function(t) {
+  var n = t.prefixCls, o = n === void 0 ? "rc-dialog" : n, a = t.zIndex, r = t.visible, d = r === void 0 ? !1 : r, c = t.keyboard, i = c === void 0 ? !0 : c, u = t.focusTriggerAfterClose, s = u === void 0 ? !0 : u, m = t.wrapStyle, g = t.wrapClassName, v = t.wrapProps, b = t.onClose, f = t.afterOpenChange, x = t.afterClose, p = t.transitionName, C = t.animation, y = t.closable, $ = y === void 0 ? !0 : y, N = t.mask, E = N === void 0 ? !0 : N, O = t.maskTransitionName, R = t.maskAnimation, w = t.maskClosable, z = w === void 0 ? !0 : w, T = t.maskStyle, _ = t.maskProps, F = t.rootClassName, B = t.classNames, H = t.styles;
   process.env.NODE_ENV !== "production" && (["wrapStyle", "bodyStyle", "maskStyle"].forEach(function(I) {
-    Fe(!(I in t), "".concat(I, " is deprecated, please use styles instead."));
-  }), "wrapClassName" in t && Fe(!1, "wrapClassName is deprecated, please use classNames instead."));
-  var W = X(), q = X(), U = X(), te = l.useState(d), K = Se(te, 2), Q = K[0], k = K[1], A = Xt();
+    ze(!(I in t), "".concat(I, " is deprecated, please use styles instead."));
+  }), "wrapClassName" in t && ze(!1, "wrapClassName is deprecated, please use classNames instead."));
+  var V = U(), W = U(), G = U(), ne = l.useState(d), K = Se(ne, 2), Q = K[0], A = K[1], D = en();
   function M() {
-    He(q.current, document.activeElement) || (W.current = document.activeElement);
+    He(W.current, document.activeElement) || (V.current = document.activeElement);
   }
   function le() {
-    if (!He(q.current, document.activeElement)) {
+    if (!He(W.current, document.activeElement)) {
       var I;
-      (I = U.current) === null || I === void 0 || I.focus();
+      (I = G.current) === null || I === void 0 || I.focus();
     }
   }
   function de(I) {
     if (I)
       le();
     else {
-      if (k(!1), O && W.current && s) {
+      if (A(!1), E && V.current && s) {
         try {
-          W.current.focus({
+          V.current.focus({
             preventScroll: !0
           });
         } catch {
         }
-        W.current = null;
+        V.current = null;
       }
       Q && (x == null || x());
     }
-    m == null || m(I);
+    f == null || f(I);
   }
   function ue(I) {
     b == null || b(I);
   }
-  var re = X(!1), fe = X(), It = function() {
-    clearTimeout(fe.current), re.current = !0;
-  }, jt = function() {
-    fe.current = setTimeout(function() {
+  var re = U(!1), me = U(), Nt = function() {
+    clearTimeout(me.current), re.current = !0;
+  }, wt = function() {
+    me.current = setTimeout(function() {
       re.current = !1;
     });
   }, Re = null;
-  z && (Re = function(me) {
-    re.current ? re.current = !1 : q.current === me.target && ue(me);
+  z && (Re = function(fe) {
+    re.current ? re.current = !1 : W.current === fe.target && ue(fe);
   });
-  function Rt(I) {
-    if (i && I.keyCode === Be.ESC) {
+  function Pt(I) {
+    if (i && I.keyCode === ke.ESC) {
       I.stopPropagation(), ue(I);
       return;
     }
-    d && I.keyCode === Be.TAB && U.current.changeActive(!I.shiftKey);
+    d && I.keyCode === ke.TAB && G.current.changeActive(!I.shiftKey);
   }
   Me(function() {
-    d && (k(!0), M());
+    d && (A(!0), M());
   }, [d]), Me(function() {
     return function() {
-      clearTimeout(fe.current);
+      clearTimeout(me.current);
     };
   }, []);
-  var Tt = j(j(j({
+  var It = j(j(j({
     zIndex: a
-  }, f), F == null ? void 0 : F.wrapper), {}, {
+  }, m), H == null ? void 0 : H.wrapper), {}, {
     display: Q ? null : "none"
   });
-  return /* @__PURE__ */ l.createElement("div", D({
-    className: E("".concat(o, "-root"), L)
-  }, Pe(t, {
+  return /* @__PURE__ */ l.createElement("div", X({
+    className: S("".concat(o, "-root"), F)
+  }, we(t, {
     data: !0
-  })), /* @__PURE__ */ l.createElement(xn, {
+  })), /* @__PURE__ */ l.createElement(pn, {
     prefixCls: o,
-    visible: O && d,
-    motionName: De(o, S, R),
+    visible: E && d,
+    motionName: Fe(o, O, R),
     style: j(j({
       zIndex: a
-    }, T), F == null ? void 0 : F.mask),
-    maskProps: V,
+    }, T), H == null ? void 0 : H.mask),
+    maskProps: _,
     className: B == null ? void 0 : B.mask
-  }), /* @__PURE__ */ l.createElement("div", D({
+  }), /* @__PURE__ */ l.createElement("div", X({
     tabIndex: -1,
-    onKeyDown: Rt,
-    className: E("".concat(o, "-wrap"), g, B == null ? void 0 : B.wrapper),
-    ref: q,
+    onKeyDown: Pt,
+    className: S("".concat(o, "-wrap"), g, B == null ? void 0 : B.wrapper),
+    ref: W,
     onClick: Re,
-    style: Tt
-  }, v), /* @__PURE__ */ l.createElement(ut, D({}, t, {
-    onMouseDown: It,
-    onMouseUp: jt,
-    ref: U,
+    style: It
+  }, v), /* @__PURE__ */ l.createElement(st, X({}, t, {
+    onMouseDown: Nt,
+    onMouseUp: wt,
+    ref: G,
     closable: $,
-    ariaId: A,
+    ariaId: D,
     prefixCls: o,
     visible: d && Q,
     onClose: ue,
     onVisibleChanged: de,
-    motionName: De(o, p, C)
+    motionName: Fe(o, p, C)
   }))));
-}, ft = function(t) {
-  var n = t.visible, o = t.getContainer, a = t.forceRender, r = t.destroyOnClose, d = r === void 0 ? !1 : r, c = t.afterClose, i = t.panelRef, u = l.useState(n), s = Se(u, 2), f = s[0], g = s[1], v = l.useMemo(function() {
+}, ct = function(t) {
+  var n = t.visible, o = t.getContainer, a = t.forceRender, r = t.destroyOnClose, d = r === void 0 ? !1 : r, c = t.afterClose, i = t.panelRef, u = l.useState(n), s = Se(u, 2), m = s[0], g = s[1], v = l.useMemo(function() {
     return {
       panel: i
     };
   }, [i]);
   return l.useEffect(function() {
     n && g(!0);
-  }, [n]), !a && d && !f ? null : /* @__PURE__ */ l.createElement(dt.Provider, {
+  }, [n]), !a && d && !m ? null : /* @__PURE__ */ l.createElement(it.Provider, {
     value: v
-  }, /* @__PURE__ */ l.createElement(Kt, {
-    open: n || a || f,
+  }, /* @__PURE__ */ l.createElement(tn, {
+    open: n || a || m,
     autoDestroy: !1,
     getContainer: o,
-    autoLock: n || f
-  }, /* @__PURE__ */ l.createElement($n, D({}, t, {
+    autoLock: n || m
+  }, /* @__PURE__ */ l.createElement(hn, X({}, t, {
     destroyOnClose: d,
     afterClose: function() {
       c == null || c(), g(!1);
     }
   }))));
 };
-ft.displayName = "Dialog";
+ct.displayName = "Dialog";
 function _e(e) {
   if (e)
     return {
@@ -486,11 +470,11 @@ function We() {
     });
   }), e;
 }
-const En = {};
-function Sn(e, t) {
-  let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : En;
+const yn = {};
+function xn(e, t) {
+  let n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : yn;
   const o = Ve(e), a = Ve(t), r = typeof o != "boolean" ? !!(o != null && o.disabled) : !1, d = h.useMemo(() => Object.assign({
-    closeIcon: /* @__PURE__ */ h.createElement(we, null)
+    closeIcon: /* @__PURE__ */ h.createElement(Ne, null)
   }, n), [n]), c = h.useMemo(() => o === !1 ? !1 : o ? We(d, a, o) : a === !1 ? !1 : a ? We(d, a) : d.closable ? d : !1, [o, a, d]);
   return h.useMemo(() => {
     if (c === !1)
@@ -503,23 +487,23 @@ function Sn(e, t) {
     let s = u;
     if (s != null) {
       i && (s = i(u));
-      const f = Pe(c, !0);
-      Object.keys(f).length && (s = /* @__PURE__ */ h.isValidElement(s) ? /* @__PURE__ */ h.cloneElement(s, f) : /* @__PURE__ */ h.createElement("span", Object.assign({}, f), s));
+      const m = we(c, !0);
+      Object.keys(m).length && (s = /* @__PURE__ */ h.isValidElement(s) ? /* @__PURE__ */ h.cloneElement(s, m) : /* @__PURE__ */ h.createElement("span", Object.assign({}, m), s));
     }
     return [!0, s, r];
   }, [c, d]);
 }
-const On = () => an() && window.document.documentElement, se = (e) => {
+const $n = () => Yt() && window.document.documentElement, se = (e) => {
   const {
     prefixCls: t,
     className: n,
     style: o,
     size: a,
     shape: r
-  } = e, d = E({
+  } = e, d = S({
     [`${t}-lg`]: a === "large",
     [`${t}-sm`]: a === "small"
-  }), c = E({
+  }), c = S({
     [`${t}-circle`]: r === "circle",
     [`${t}-square`]: r === "square",
     [`${t}-round`]: r === "round"
@@ -529,10 +513,10 @@ const On = () => an() && window.document.documentElement, se = (e) => {
     lineHeight: `${a}px`
   } : {}, [a]);
   return /* @__PURE__ */ l.createElement("span", {
-    className: E(t, d, c, n),
+    className: S(t, d, c, n),
     style: Object.assign(Object.assign({}, i), o)
   });
-}, Nn = new ye("ant-skeleton-loading", {
+}, Sn = new Pe("ant-skeleton-loading", {
   "0%": {
     backgroundPosition: "100% 50%"
   },
@@ -544,17 +528,17 @@ const On = () => an() && window.document.documentElement, se = (e) => {
   lineHeight: P(e)
 }), J = (e) => Object.assign({
   width: e
-}, ce(e)), wn = (e) => ({
+}, ce(e)), On = (e) => ({
   background: e.skeletonLoadingBackground,
   backgroundSize: "400% 100%",
-  animationName: Nn,
+  animationName: Sn,
   animationDuration: e.skeletonLoadingMotionDuration,
   animationTimingFunction: "ease",
   animationIterationCount: "infinite"
-}), Ce = (e, t) => Object.assign({
+}), ve = (e, t) => Object.assign({
   width: t(e).mul(5).equal(),
   minWidth: t(e).mul(5).equal()
-}, ce(e)), Pn = (e) => {
+}, ce(e)), En = (e) => {
   const {
     skeletonAvatarCls: t,
     gradientFromColor: n,
@@ -574,7 +558,7 @@ const On = () => an() && window.document.documentElement, se = (e) => {
     [`${t}${t}-lg`]: Object.assign({}, J(a)),
     [`${t}${t}-sm`]: Object.assign({}, J(r))
   };
-}, In = (e) => {
+}, Nn = (e) => {
   const {
     controlHeight: t,
     borderRadiusSM: n,
@@ -590,13 +574,13 @@ const On = () => an() && window.document.documentElement, se = (e) => {
       verticalAlign: "top",
       background: d,
       borderRadius: n
-    }, Ce(t, c)),
-    [`${o}-lg`]: Object.assign({}, Ce(a, c)),
-    [`${o}-sm`]: Object.assign({}, Ce(r, c))
+    }, ve(t, c)),
+    [`${o}-lg`]: Object.assign({}, ve(a, c)),
+    [`${o}-sm`]: Object.assign({}, ve(r, c))
   };
 }, qe = (e) => Object.assign({
   width: e
-}, ce(e)), jn = (e) => {
+}, ce(e)), wn = (e) => {
   const {
     skeletonImageCls: t,
     imageSizeBase: n,
@@ -628,7 +612,7 @@ const On = () => an() && window.document.documentElement, se = (e) => {
       borderRadius: "50%"
     }
   };
-}, ve = (e, t, n) => {
+}, be = (e, t, n) => {
   const {
     skeletonButtonCls: o
   } = e;
@@ -642,10 +626,10 @@ const On = () => an() && window.document.documentElement, se = (e) => {
       borderRadius: t
     }
   };
-}, be = (e, t) => Object.assign({
+}, pe = (e, t) => Object.assign({
   width: t(e).mul(2).equal(),
   minWidth: t(e).mul(2).equal()
-}, ce(e)), Rn = (e) => {
+}, ce(e)), Pn = (e) => {
   const {
     borderRadiusSM: t,
     skeletonButtonCls: n,
@@ -663,13 +647,13 @@ const On = () => an() && window.document.documentElement, se = (e) => {
       borderRadius: t,
       width: c(o).mul(2).equal(),
       minWidth: c(o).mul(2).equal()
-    }, be(o, c))
-  }, ve(e, o, n)), {
-    [`${n}-lg`]: Object.assign({}, be(a, c))
-  }), ve(e, a, `${n}-lg`)), {
-    [`${n}-sm`]: Object.assign({}, be(r, c))
-  }), ve(e, r, `${n}-sm`));
-}, Tn = (e) => {
+    }, pe(o, c))
+  }, be(e, o, n)), {
+    [`${n}-lg`]: Object.assign({}, pe(a, c))
+  }), be(e, a, `${n}-lg`)), {
+    [`${n}-sm`]: Object.assign({}, pe(r, c))
+  }), be(e, r, `${n}-sm`));
+}, In = (e) => {
   const {
     componentCls: t,
     skeletonAvatarCls: n,
@@ -681,11 +665,11 @@ const On = () => an() && window.document.documentElement, se = (e) => {
     controlHeight: i,
     controlHeightLG: u,
     controlHeightSM: s,
-    gradientFromColor: f,
+    gradientFromColor: m,
     padding: g,
     marginSM: v,
     borderRadius: b,
-    titleHeight: m,
+    titleHeight: f,
     blockRadius: x,
     paragraphLiHeight: p,
     controlHeightXS: C,
@@ -703,7 +687,7 @@ const On = () => an() && window.document.documentElement, se = (e) => {
         [n]: Object.assign({
           display: "inline-block",
           verticalAlign: "top",
-          background: f
+          background: m
         }, J(i)),
         [`${n}-circle`]: {
           borderRadius: "50%"
@@ -718,8 +702,8 @@ const On = () => an() && window.document.documentElement, se = (e) => {
         // Title
         [o]: {
           width: "100%",
-          height: m,
-          background: f,
+          height: f,
+          background: m,
           borderRadius: x,
           [`+ ${a}`]: {
             marginBlockStart: s
@@ -732,7 +716,7 @@ const On = () => an() && window.document.documentElement, se = (e) => {
             width: "100%",
             height: p,
             listStyle: "none",
-            background: f,
+            background: m,
             borderRadius: x,
             "+ li": {
               marginBlockStart: C
@@ -762,7 +746,7 @@ const On = () => an() && window.document.documentElement, se = (e) => {
     [`${t}${t}-element`]: Object.assign(Object.assign(Object.assign(Object.assign({
       display: "inline-block",
       width: "auto"
-    }, Rn(e)), Pn(e)), In(e)), jn(e)),
+    }, Pn(e)), En(e)), Nn(e)), wn(e)),
     // Skeleton Block Button, Input
     [`${t}${t}-block`]: {
       width: "100%",
@@ -782,10 +766,10 @@ const On = () => an() && window.document.documentElement, se = (e) => {
         ${r},
         ${d},
         ${c}
-      `]: Object.assign({}, wn(e))
+      `]: Object.assign({}, On(e))
     }
   };
-}, Mn = (e) => {
+}, jn = (e) => {
   const {
     colorFillContent: t,
     colorFill: n
@@ -800,7 +784,7 @@ const On = () => an() && window.document.documentElement, se = (e) => {
     paragraphMarginTop: e.marginLG + e.marginXXS,
     paragraphLiHeight: e.controlHeight / 2
   };
-}, ee = Ye("Skeleton", (e) => {
+}, te = Ye("Skeleton", (e) => {
   const {
     componentCls: t,
     calc: n
@@ -817,10 +801,10 @@ const On = () => an() && window.document.documentElement, se = (e) => {
     skeletonLoadingBackground: `linear-gradient(90deg, ${e.gradientFromColor} 25%, ${e.gradientToColor} 37%, ${e.gradientFromColor} 63%)`,
     skeletonLoadingMotionDuration: "1.4s"
   });
-  return [Tn(o)];
-}, Mn, {
+  return [In(o)];
+}, jn, {
   deprecatedTokens: [["color", "gradientFromColor"], ["colorGradientEnd", "gradientToColor"]]
-}), Bn = (e) => {
+}), Rn = (e) => {
   const {
     prefixCls: t,
     className: n,
@@ -830,9 +814,9 @@ const On = () => an() && window.document.documentElement, se = (e) => {
     size: d = "default"
   } = e, {
     getPrefixCls: c
-  } = l.useContext(_), i = c("skeleton", t), [u, s, f] = ee(i), g = $e(e, ["prefixCls", "className"]), v = E(i, `${i}-element`, {
+  } = l.useContext(L), i = c("skeleton", t), [u, s, m] = te(i), g = $e(e, ["prefixCls", "className"]), v = S(i, `${i}-element`, {
     [`${i}-active`]: a
-  }, n, o, s, f);
+  }, n, o, s, m);
   return u(/* @__PURE__ */ l.createElement("div", {
     className: v
   }, /* @__PURE__ */ l.createElement(se, Object.assign({
@@ -840,7 +824,7 @@ const On = () => an() && window.document.documentElement, se = (e) => {
     shape: r,
     size: d
   }, g))));
-}, zn = (e) => {
+}, Tn = (e) => {
   const {
     prefixCls: t,
     className: n,
@@ -850,17 +834,17 @@ const On = () => an() && window.document.documentElement, se = (e) => {
     size: d = "default"
   } = e, {
     getPrefixCls: c
-  } = l.useContext(_), i = c("skeleton", t), [u, s, f] = ee(i), g = $e(e, ["prefixCls"]), v = E(i, `${i}-element`, {
+  } = l.useContext(L), i = c("skeleton", t), [u, s, m] = te(i), g = $e(e, ["prefixCls"]), v = S(i, `${i}-element`, {
     [`${i}-active`]: a,
     [`${i}-block`]: r
-  }, n, o, s, f);
+  }, n, o, s, m);
   return u(/* @__PURE__ */ l.createElement("div", {
     className: v
   }, /* @__PURE__ */ l.createElement(se, Object.assign({
     prefixCls: `${i}-button`,
     size: d
   }, g))));
-}, Fn = "M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z", Hn = (e) => {
+}, Mn = "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", Bn = (e) => {
   const {
     prefixCls: t,
     className: n,
@@ -869,23 +853,23 @@ const On = () => an() && window.document.documentElement, se = (e) => {
     active: r
   } = e, {
     getPrefixCls: d
-  } = l.useContext(_), c = d("skeleton", t), [i, u, s] = ee(c), f = E(c, `${c}-element`, {
+  } = l.useContext(L), c = d("skeleton", t), [i, u, s] = te(c), m = S(c, `${c}-element`, {
     [`${c}-active`]: r
   }, n, o, u, s);
   return i(/* @__PURE__ */ l.createElement("div", {
-    className: f
+    className: m
   }, /* @__PURE__ */ l.createElement("div", {
-    className: E(`${c}-image`, n),
+    className: S(`${c}-image`, n),
     style: a
   }, /* @__PURE__ */ l.createElement("svg", {
     viewBox: "0 0 1098 1024",
     xmlns: "http://www.w3.org/2000/svg",
     className: `${c}-image-svg`
   }, /* @__PURE__ */ l.createElement("title", null, "Image placeholder"), /* @__PURE__ */ l.createElement("path", {
-    d: Fn,
+    d: Mn,
     className: `${c}-image-path`
   })))));
-}, kn = (e) => {
+}, zn = (e) => {
   const {
     prefixCls: t,
     className: n,
@@ -895,17 +879,17 @@ const On = () => an() && window.document.documentElement, se = (e) => {
     size: d = "default"
   } = e, {
     getPrefixCls: c
-  } = l.useContext(_), i = c("skeleton", t), [u, s, f] = ee(i), g = $e(e, ["prefixCls"]), v = E(i, `${i}-element`, {
+  } = l.useContext(L), i = c("skeleton", t), [u, s, m] = te(i), g = $e(e, ["prefixCls"]), v = S(i, `${i}-element`, {
     [`${i}-active`]: a,
     [`${i}-block`]: r
-  }, n, o, s, f);
+  }, n, o, s, m);
   return u(/* @__PURE__ */ l.createElement("div", {
     className: v
   }, /* @__PURE__ */ l.createElement(se, Object.assign({
     prefixCls: `${i}-input`,
     size: d
   }, g))));
-}, An = (e) => {
+}, Hn = (e) => {
   const {
     prefixCls: t,
     className: n,
@@ -915,16 +899,16 @@ const On = () => an() && window.document.documentElement, se = (e) => {
     children: d
   } = e, {
     getPrefixCls: c
-  } = l.useContext(_), i = c("skeleton", t), [u, s, f] = ee(i), g = E(i, `${i}-element`, {
+  } = l.useContext(L), i = c("skeleton", t), [u, s, m] = te(i), g = S(i, `${i}-element`, {
     [`${i}-active`]: r
-  }, s, n, o, f);
+  }, s, n, o, m);
   return u(/* @__PURE__ */ l.createElement("div", {
     className: g
   }, /* @__PURE__ */ l.createElement("div", {
-    className: E(`${i}-image`, n),
+    className: S(`${i}-image`, n),
     style: a
   }, d)));
-}, Dn = (e, t) => {
+}, kn = (e, t) => {
   const {
     width: n,
     rows: o = 2
@@ -933,26 +917,26 @@ const On = () => an() && window.document.documentElement, se = (e) => {
     return n[e];
   if (o - 1 === e)
     return n;
-}, Ln = (e) => {
+}, An = (e) => {
   const {
     prefixCls: t,
     className: n,
     style: o,
     rows: a
-  } = e, r = G(new Array(a)).map((d, c) => (
+  } = e, r = q(new Array(a)).map((d, c) => (
     // eslint-disable-next-line react/no-array-index-key
     /* @__PURE__ */ l.createElement("li", {
       key: c,
       style: {
-        width: Dn(c, e)
+        width: kn(c, e)
       }
     })
   ));
   return /* @__PURE__ */ l.createElement("ul", {
-    className: E(t, n),
+    className: S(t, n),
     style: o
   }, r);
-}, _n = (e) => {
+}, Dn = (e) => {
   let {
     prefixCls: t,
     className: n,
@@ -962,17 +946,17 @@ const On = () => an() && window.document.documentElement, se = (e) => {
   return (
     // biome-ignore lint/a11y/useHeadingContent: HOC here
     /* @__PURE__ */ l.createElement("h3", {
-      className: E(t, n),
+      className: S(t, n),
       style: Object.assign({
         width: o
       }, a)
     })
   );
 };
-function pe(e) {
+function he(e) {
   return e && typeof e == "object" ? e : {};
 }
-function Vn(e, t) {
+function Fn(e, t) {
   return e && !t ? {
     size: "large",
     shape: "square"
@@ -981,14 +965,14 @@ function Vn(e, t) {
     shape: "circle"
   };
 }
-function Wn(e, t) {
+function Ln(e, t) {
   return !e && t ? {
     width: "38%"
   } : e && t ? {
     width: "50%"
   } : {};
 }
-function qn(e, t) {
+function _n(e, t) {
   const n = {};
   return (!e || !t) && (n.width = "61%"), !e && t ? n.rows = 3 : n.rows = 2, n;
 }
@@ -1004,71 +988,71 @@ const Y = (e) => {
     title: i = !0,
     paragraph: u = !0,
     active: s,
-    round: f
+    round: m
   } = e, {
     getPrefixCls: g,
     direction: v,
     skeleton: b
-  } = l.useContext(_), m = g("skeleton", t), [x, p, C] = ee(m);
+  } = l.useContext(L), f = g("skeleton", t), [x, p, C] = te(f);
   if (n || !("loading" in e)) {
     const y = !!c, $ = !!i, N = !!u;
-    let O;
+    let E;
     if (y) {
       const w = Object.assign(Object.assign({
-        prefixCls: `${m}-avatar`
-      }, Vn($, N)), pe(c));
-      O = /* @__PURE__ */ l.createElement("div", {
-        className: `${m}-header`
+        prefixCls: `${f}-avatar`
+      }, Fn($, N)), he(c));
+      E = /* @__PURE__ */ l.createElement("div", {
+        className: `${f}-header`
       }, /* @__PURE__ */ l.createElement(se, Object.assign({}, w)));
     }
-    let S;
+    let O;
     if ($ || N) {
       let w;
       if ($) {
         const T = Object.assign(Object.assign({
-          prefixCls: `${m}-title`
-        }, Wn(y, N)), pe(i));
-        w = /* @__PURE__ */ l.createElement(_n, Object.assign({}, T));
+          prefixCls: `${f}-title`
+        }, Ln(y, N)), he(i));
+        w = /* @__PURE__ */ l.createElement(Dn, Object.assign({}, T));
       }
       let z;
       if (N) {
         const T = Object.assign(Object.assign({
-          prefixCls: `${m}-paragraph`
-        }, qn(y, $)), pe(u));
-        z = /* @__PURE__ */ l.createElement(Ln, Object.assign({}, T));
+          prefixCls: `${f}-paragraph`
+        }, _n(y, $)), he(u));
+        z = /* @__PURE__ */ l.createElement(An, Object.assign({}, T));
       }
-      S = /* @__PURE__ */ l.createElement("div", {
-        className: `${m}-content`
+      O = /* @__PURE__ */ l.createElement("div", {
+        className: `${f}-content`
       }, w, z);
     }
-    const R = E(m, {
-      [`${m}-with-avatar`]: y,
-      [`${m}-active`]: s,
-      [`${m}-rtl`]: v === "rtl",
-      [`${m}-round`]: f
+    const R = S(f, {
+      [`${f}-with-avatar`]: y,
+      [`${f}-active`]: s,
+      [`${f}-rtl`]: v === "rtl",
+      [`${f}-round`]: m
     }, b == null ? void 0 : b.className, o, a, p, C);
     return x(/* @__PURE__ */ l.createElement("div", {
       className: R,
       style: Object.assign(Object.assign({}, b == null ? void 0 : b.style), r)
-    }, O, S));
+    }, E, O));
   }
   return d ?? null;
 };
-Y.Button = zn;
-Y.Avatar = Bn;
-Y.Input = kn;
-Y.Image = Hn;
-Y.Node = An;
+Y.Button = Tn;
+Y.Avatar = Rn;
+Y.Input = zn;
+Y.Image = Bn;
+Y.Node = Hn;
 process.env.NODE_ENV !== "production" && (Y.displayName = "Skeleton");
 function Ge() {
 }
-const Gn = /* @__PURE__ */ l.createContext({
+const Vn = /* @__PURE__ */ l.createContext({
   add: Ge,
   remove: Ge
 });
-function Un(e) {
-  const t = l.useContext(Gn), n = l.useRef();
-  return Ft((a) => {
+function Wn(e) {
+  const t = l.useContext(Vn), n = l.useRef();
+  return Dt((a) => {
     if (a) {
       const r = e ? a.querySelector(e) : a;
       t.add(r), n.current = r;
@@ -1081,8 +1065,8 @@ const Ue = () => {
     cancelButtonProps: e,
     cancelTextLocale: t,
     onCancel: n
-  } = ne(oe);
-  return /* @__PURE__ */ h.createElement(Ne, Object.assign({
+  } = ee(oe);
+  return /* @__PURE__ */ h.createElement(Ee, Object.assign({
     onClick: n
   }, e), t);
 }, Xe = () => {
@@ -1092,20 +1076,20 @@ const Ue = () => {
     okType: n,
     okTextLocale: o,
     onOk: a
-  } = ne(oe);
-  return /* @__PURE__ */ h.createElement(Ne, Object.assign({}, at(n), {
+  } = ee(oe);
+  return /* @__PURE__ */ h.createElement(Ee, Object.assign({}, at(n), {
     loading: e,
     onClick: a
   }, t), o);
 };
-function mt(e, t) {
+function dt(e, t) {
   return /* @__PURE__ */ h.createElement("span", {
     className: `${e}-close-x`
-  }, t || /* @__PURE__ */ h.createElement(we, {
+  }, t || /* @__PURE__ */ h.createElement(Ne, {
     className: `${e}-close-icon`
   }));
 }
-const gt = (e) => {
+const ut = (e) => {
   const {
     okText: t,
     okType: n = "primary",
@@ -1116,25 +1100,25 @@ const gt = (e) => {
     okButtonProps: c,
     cancelButtonProps: i,
     footer: u
-  } = e, [s] = Ee("Modal", et()), f = t || (s == null ? void 0 : s.okText), g = o || (s == null ? void 0 : s.cancelText), v = {
+  } = e, [s] = Oe("Modal", et()), m = t || (s == null ? void 0 : s.okText), g = o || (s == null ? void 0 : s.cancelText), v = {
     confirmLoading: a,
     okButtonProps: c,
     cancelButtonProps: i,
-    okTextLocale: f,
+    okTextLocale: m,
     cancelTextLocale: g,
     okType: n,
     onOk: r,
     onCancel: d
-  }, b = h.useMemo(() => v, G(Object.values(v)));
-  let m;
-  return typeof u == "function" || typeof u > "u" ? (m = /* @__PURE__ */ h.createElement(h.Fragment, null, /* @__PURE__ */ h.createElement(Ue, null), /* @__PURE__ */ h.createElement(Xe, null)), typeof u == "function" && (m = u(m, {
+  }, b = h.useMemo(() => v, q(Object.values(v)));
+  let f;
+  return typeof u == "function" || typeof u > "u" ? (f = /* @__PURE__ */ h.createElement(h.Fragment, null, /* @__PURE__ */ h.createElement(Ue, null), /* @__PURE__ */ h.createElement(Xe, null)), typeof u == "function" && (f = u(f, {
     OkBtn: Xe,
     CancelBtn: Ue
-  })), m = /* @__PURE__ */ h.createElement(ct, {
+  })), f = /* @__PURE__ */ h.createElement(rt, {
     value: b
-  }, m)) : m = u, /* @__PURE__ */ h.createElement(Ht, {
+  }, f)) : f = u, /* @__PURE__ */ h.createElement(Ft, {
     disabled: !1
-  }, m);
+  }, f);
 };
 function Ke(e) {
   return {
@@ -1142,7 +1126,7 @@ function Ke(e) {
     inset: 0
   };
 }
-const Xn = (e) => {
+const qn = (e) => {
   const {
     componentCls: t,
     antCls: n
@@ -1179,9 +1163,9 @@ const Xn = (e) => {
       })
     }
   }, {
-    [`${t}-root`]: vn(e)
+    [`${t}-root`]: fn(e)
   }];
-}, Kn = (e) => {
+}, Gn = (e) => {
   const {
     componentCls: t
   } = e;
@@ -1224,7 +1208,7 @@ const Xn = (e) => {
     },
     // ======================== Modal ========================
     {
-      [t]: Object.assign(Object.assign({}, kt(e)), {
+      [t]: Object.assign(Object.assign({}, Lt(e)), {
         pointerEvents: "none",
         position: "relative",
         top: 100,
@@ -1288,7 +1272,7 @@ const Xn = (e) => {
           "&:active": {
             backgroundColor: e.colorBgTextActive
           }
-        }, At(e)),
+        }, _t(e)),
         [`${t}-header`]: {
           color: e.colorText,
           background: e.headerBg,
@@ -1347,7 +1331,7 @@ const Xn = (e) => {
       }
     }
   ];
-}, Qn = (e) => {
+}, Un = (e) => {
   const {
     componentCls: t
   } = e;
@@ -1361,7 +1345,7 @@ const Xn = (e) => {
       }
     }
   };
-}, Ct = (e) => {
+}, mt = (e) => {
   const t = e.padding, n = e.fontSizeHeading5, o = e.lineHeightHeading5;
   return Je(e, {
     modalHeaderHeight: e.calc(e.calc(o).mul(n).equal()).add(e.calc(t).mul(2).equal()).equal(),
@@ -1374,7 +1358,7 @@ const Xn = (e) => {
     modalConfirmIconSize: e.fontHeight,
     modalTitleHeight: e.calc(e.titleFontSize).mul(e.titleLineHeight).equal()
   });
-}, vt = (e) => ({
+}, ft = (e) => ({
   footerBg: "transparent",
   headerBg: e.colorBgElevated,
   titleLineHeight: e.lineHeightHeading5,
@@ -1394,65 +1378,65 @@ const Xn = (e) => {
   confirmBodyPadding: e.wireframe ? `${P(e.padding * 2)} ${P(e.padding * 2)} ${P(e.paddingLG)}` : 0,
   confirmIconMarginInlineEnd: e.wireframe ? e.margin : e.marginSM,
   confirmBtnsMarginTop: e.wireframe ? e.marginLG : e.marginSM
-}), bt = Ye("Modal", (e) => {
-  const t = Ct(e);
-  return [Kn(t), Qn(t), Xn(t), Qt(t, "zoom")];
-}, vt, {
+}), gt = Ye("Modal", (e) => {
+  const t = mt(e);
+  return [Gn(t), Un(t), qn(t), nn(t, "zoom")];
+}, ft, {
   unitless: {
     titleLineHeight: !0
   }
 });
-var Zn = function(e, t) {
+var Xn = function(e, t) {
   var n = {};
   for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, o = Object.getOwnPropertySymbols(e); a < o.length; a++)
     t.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (n[o[a]] = e[o[a]]);
   return n;
 };
-let he;
-const Yn = (e) => {
-  he = {
+let ye;
+const Kn = (e) => {
+  ye = {
     x: e.pageX,
     y: e.pageY
   }, setTimeout(() => {
-    he = null;
+    ye = null;
   }, 100);
 };
-On() && document.documentElement.addEventListener("click", Yn, !0);
-const pt = (e) => {
+$n() && document.documentElement.addEventListener("click", Kn, !0);
+const Ct = (e) => {
   var t;
   const {
     getPopupContainer: n,
     getPrefixCls: o,
     direction: a,
     modal: r
-  } = l.useContext(_), d = (A) => {
+  } = l.useContext(L), d = (D) => {
     const {
       onCancel: M
     } = e;
-    M == null || M(A);
-  }, c = (A) => {
+    M == null || M(D);
+  }, c = (D) => {
     const {
       onOk: M
     } = e;
-    M == null || M(A);
+    M == null || M(D);
   };
   if (process.env.NODE_ENV !== "production") {
-    const A = xe("Modal");
+    const D = xe("Modal");
     [["visible", "open"], ["bodyStyle", "styles.body"], ["maskStyle", "styles.mask"]].forEach((M) => {
       let [le, de] = M;
-      A.deprecated(!(le in e), le, de);
+      D.deprecated(!(le in e), le, de);
     });
   }
   const {
     prefixCls: i,
     className: u,
     rootClassName: s,
-    open: f,
+    open: m,
     wrapClassName: g,
     centered: v,
     getContainer: b,
-    focusTriggerAfterClose: m = !0,
+    focusTriggerAfterClose: f = !0,
     style: x,
     // Deprecated
     visible: p,
@@ -1460,61 +1444,61 @@ const pt = (e) => {
     footer: y,
     classNames: $,
     styles: N,
-    children: O,
-    loading: S
-  } = e, R = Zn(e, ["prefixCls", "className", "rootClassName", "open", "wrapClassName", "centered", "getContainer", "focusTriggerAfterClose", "style", "visible", "width", "footer", "classNames", "styles", "children", "loading"]), w = o("modal", i), z = o(), T = ot(w), [V, L, B] = bt(w, T), F = E(g, {
+    children: E,
+    loading: O
+  } = e, R = Xn(e, ["prefixCls", "className", "rootClassName", "open", "wrapClassName", "centered", "getContainer", "focusTriggerAfterClose", "style", "visible", "width", "footer", "classNames", "styles", "children", "loading"]), w = o("modal", i), z = o(), T = ot(w), [_, F, B] = gt(w, T), H = S(g, {
     [`${w}-centered`]: !!v,
     [`${w}-wrap-rtl`]: a === "rtl"
-  }), W = y !== null && !S ? /* @__PURE__ */ l.createElement(gt, Object.assign({}, e, {
+  }), V = y !== null && !O ? /* @__PURE__ */ l.createElement(ut, Object.assign({}, e, {
     onOk: c,
     onCancel: d
-  })) : null, [q, U, te] = Sn(_e(e), _e(r), {
+  })) : null, [W, G, ne] = xn(_e(e), _e(r), {
     closable: !0,
-    closeIcon: /* @__PURE__ */ l.createElement(we, {
+    closeIcon: /* @__PURE__ */ l.createElement(Ne, {
       className: `${w}-close-icon`
     }),
-    closeIconRender: (A) => mt(w, A)
-  }), K = Un(`.${w}-content`), [Q, k] = Zt("Modal", R.zIndex);
-  return V(/* @__PURE__ */ l.createElement(Yt, {
+    closeIconRender: (D) => dt(w, D)
+  }), K = Wn(`.${w}-content`), [Q, A] = on("Modal", R.zIndex);
+  return _(/* @__PURE__ */ l.createElement(an, {
     form: !0,
     space: !0
-  }, /* @__PURE__ */ l.createElement(Jt.Provider, {
-    value: k
-  }, /* @__PURE__ */ l.createElement(ft, Object.assign({
+  }, /* @__PURE__ */ l.createElement(ln.Provider, {
+    value: A
+  }, /* @__PURE__ */ l.createElement(ct, Object.assign({
     width: C
   }, R, {
     zIndex: Q,
     getContainer: b === void 0 ? n : b,
     prefixCls: w,
-    rootClassName: E(L, s, B, T),
-    footer: W,
-    visible: f ?? p,
-    mousePosition: (t = R.mousePosition) !== null && t !== void 0 ? t : he,
+    rootClassName: S(F, s, B, T),
+    footer: V,
+    visible: m ?? p,
+    mousePosition: (t = R.mousePosition) !== null && t !== void 0 ? t : ye,
     onClose: d,
-    closable: q && {
-      disabled: te,
-      closeIcon: U
+    closable: W && {
+      disabled: ne,
+      closeIcon: G
     },
-    closeIcon: U,
-    focusTriggerAfterClose: m,
+    closeIcon: G,
+    focusTriggerAfterClose: f,
     transitionName: ie(z, "zoom", e.transitionName),
     maskTransitionName: ie(z, "fade", e.maskTransitionName),
-    className: E(L, u, r == null ? void 0 : r.className),
+    className: S(F, u, r == null ? void 0 : r.className),
     style: Object.assign(Object.assign({}, r == null ? void 0 : r.style), x),
     classNames: Object.assign(Object.assign(Object.assign({}, r == null ? void 0 : r.classNames), $), {
-      wrapper: E(F, $ == null ? void 0 : $.wrapper)
+      wrapper: S(H, $ == null ? void 0 : $.wrapper)
     }),
     styles: Object.assign(Object.assign({}, r == null ? void 0 : r.styles), N),
     panelRef: K
-  }), S ? /* @__PURE__ */ l.createElement(Y, {
+  }), O ? /* @__PURE__ */ l.createElement(Y, {
     active: !0,
     title: !1,
     paragraph: {
       rows: 4
     },
     className: `${w}-body-skeleton`
-  }) : O))));
-}, Jn = (e) => {
+  }) : E))));
+}, Qn = (e) => {
   const {
     componentCls: t,
     titleFontSize: n,
@@ -1534,7 +1518,7 @@ const pt = (e) => {
       [`${e.antCls}-modal-header`]: {
         display: "none"
       },
-      [`${s}-body-wrapper`]: Object.assign({}, Lt()),
+      [`${s}-body-wrapper`]: Object.assign({}, Wt()),
       [`&${t} ${t}-body`]: {
         padding: u
       },
@@ -1598,21 +1582,21 @@ const pt = (e) => {
       color: e.colorSuccess
     }
   };
-}, eo = Dt(["Modal", "confirm"], (e) => {
-  const t = Ct(e);
-  return [Jn(t)];
-}, vt, {
+}, Zn = Vt(["Modal", "confirm"], (e) => {
+  const t = mt(e);
+  return [Qn(t)];
+}, ft, {
   // confirm is weak than modal since no conflict here
   order: -1e3
 });
-var to = function(e, t) {
+var Yn = function(e, t) {
   var n = {};
   for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, o = Object.getOwnPropertySymbols(e); a < o.length; a++)
     t.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (n[o[a]] = e[o[a]]);
   return n;
 };
-function ht(e) {
+function vt(e) {
   const {
     prefixCls: t,
     icon: n,
@@ -1624,56 +1608,56 @@ function ht(e) {
     footer: i,
     // Legacy for static function usage
     locale: u
-  } = e, s = to(e, ["prefixCls", "icon", "okText", "cancelText", "confirmPrefixCls", "type", "okCancel", "footer", "locale"]);
+  } = e, s = Yn(e, ["prefixCls", "icon", "okText", "cancelText", "confirmPrefixCls", "type", "okCancel", "footer", "locale"]);
   if (process.env.NODE_ENV !== "production") {
-    const S = xe("Modal");
-    process.env.NODE_ENV !== "production" && S(!(typeof n == "string" && n.length > 2), "breaking", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${n}\` at https://ant.design/components/icon`);
+    const O = xe("Modal");
+    process.env.NODE_ENV !== "production" && O(!(typeof n == "string" && n.length > 2), "breaking", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${n}\` at https://ant.design/components/icon`);
   }
-  let f = n;
+  let m = n;
   if (!n && n !== null)
     switch (d) {
       case "info":
-        f = /* @__PURE__ */ l.createElement(it, null);
+        m = /* @__PURE__ */ l.createElement(zt, null);
         break;
       case "success":
-        f = /* @__PURE__ */ l.createElement(lt, null);
+        m = /* @__PURE__ */ l.createElement(Bt, null);
         break;
       case "error":
-        f = /* @__PURE__ */ l.createElement(en, null);
+        m = /* @__PURE__ */ l.createElement(Kt, null);
         break;
       default:
-        f = /* @__PURE__ */ l.createElement(rt, null);
+        m = /* @__PURE__ */ l.createElement(Mt, null);
     }
-  const g = c ?? d === "confirm", v = e.autoFocusButton === null ? !1 : e.autoFocusButton || "ok", [b] = Ee("Modal"), m = u || b, x = o || (g ? m == null ? void 0 : m.okText : m == null ? void 0 : m.justOkText), p = a || (m == null ? void 0 : m.cancelText), C = Object.assign({
+  const g = c ?? d === "confirm", v = e.autoFocusButton === null ? !1 : e.autoFocusButton || "ok", [b] = Oe("Modal"), f = u || b, x = o || (g ? f == null ? void 0 : f.okText : f == null ? void 0 : f.justOkText), p = a || (f == null ? void 0 : f.cancelText), C = Object.assign({
     autoFocusButton: v,
     cancelTextLocale: p,
     okTextLocale: x,
     mergedOkCancel: g
-  }, s), y = l.useMemo(() => C, G(Object.values(C))), $ = /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(ke, null), /* @__PURE__ */ l.createElement(Ae, null)), N = e.title !== void 0 && e.title !== null, O = `${r}-body`;
+  }, s), y = l.useMemo(() => C, q(Object.values(C))), $ = /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(Ae, null), /* @__PURE__ */ l.createElement(De, null)), N = e.title !== void 0 && e.title !== null, E = `${r}-body`;
   return /* @__PURE__ */ l.createElement("div", {
     className: `${r}-body-wrapper`
   }, /* @__PURE__ */ l.createElement("div", {
-    className: E(O, {
-      [`${O}-has-title`]: N
+    className: S(E, {
+      [`${E}-has-title`]: N
     })
-  }, f, /* @__PURE__ */ l.createElement("div", {
+  }, m, /* @__PURE__ */ l.createElement("div", {
     className: `${r}-paragraph`
   }, N && /* @__PURE__ */ l.createElement("span", {
     className: `${r}-title`
   }, e.title), /* @__PURE__ */ l.createElement("div", {
     className: `${r}-content`
-  }, e.content))), i === void 0 || typeof i == "function" ? /* @__PURE__ */ l.createElement(ct, {
+  }, e.content))), i === void 0 || typeof i == "function" ? /* @__PURE__ */ l.createElement(rt, {
     value: y
   }, /* @__PURE__ */ l.createElement("div", {
     className: `${r}-btns`
   }, typeof i == "function" ? i($, {
-    OkBtn: Ae,
-    CancelBtn: ke
-  }) : $)) : i, /* @__PURE__ */ l.createElement(eo, {
+    OkBtn: De,
+    CancelBtn: Ae
+  }) : $)) : i, /* @__PURE__ */ l.createElement(Zn, {
     prefixCls: t
   }));
 }
-const yt = (e) => {
+const bt = (e) => {
   const {
     close: t,
     zIndex: n,
@@ -1685,32 +1669,32 @@ const yt = (e) => {
     maskStyle: i,
     direction: u,
     prefixCls: s,
-    wrapClassName: f,
+    wrapClassName: m,
     rootPrefixCls: g,
     bodyStyle: v,
     closable: b = !1,
-    closeIcon: m,
+    closeIcon: f,
     modalRender: x,
     focusTriggerAfterClose: p,
     onConfirm: C,
     styles: y
   } = e;
   if (process.env.NODE_ENV !== "production") {
-    const V = xe("Modal");
-    [["visible", "open"], ["bodyStyle", "styles.body"], ["maskStyle", "styles.mask"]].forEach((L) => {
-      let [B, F] = L;
-      V.deprecated(!(B in e), B, F);
+    const _ = xe("Modal");
+    [["visible", "open"], ["bodyStyle", "styles.body"], ["maskStyle", "styles.mask"]].forEach((F) => {
+      let [B, H] = F;
+      _.deprecated(!(B in e), B, H);
     });
   }
-  const $ = `${s}-confirm`, N = e.width || 416, O = e.style || {}, S = e.mask === void 0 ? !0 : e.mask, R = e.maskClosable === void 0 ? !1 : e.maskClosable, w = E($, `${$}-${e.type}`, {
+  const $ = `${s}-confirm`, N = e.width || 416, E = e.style || {}, O = e.mask === void 0 ? !0 : e.mask, R = e.maskClosable === void 0 ? !1 : e.maskClosable, w = S($, `${$}-${e.type}`, {
     [`${$}-rtl`]: u === "rtl"
-  }, e.className), [, z] = _t(), T = l.useMemo(() => n !== void 0 ? n : z.zIndexPopupBase + tn, [n, z]);
-  return /* @__PURE__ */ l.createElement(pt, {
+  }, e.className), [, z] = qt(), T = l.useMemo(() => n !== void 0 ? n : z.zIndexPopupBase + rn, [n, z]);
+  return /* @__PURE__ */ l.createElement(Ct, {
     prefixCls: s,
     className: w,
-    wrapClassName: E({
+    wrapClassName: S({
       [`${$}-centered`]: !!e.centered
-    }, f),
+    }, m),
     onCancel: () => {
       t == null || t({
         triggerCancel: !0
@@ -1721,9 +1705,9 @@ const yt = (e) => {
     footer: null,
     transitionName: ie(g || "", "zoom", e.transitionName),
     maskTransitionName: ie(g || "", "fade", e.maskTransitionName),
-    mask: S,
+    mask: O,
     maskClosable: R,
-    style: O,
+    style: E,
     styles: Object.assign({
       body: v,
       mask: i
@@ -1735,10 +1719,10 @@ const yt = (e) => {
     centered: d,
     getContainer: c,
     closable: b,
-    closeIcon: m,
+    closeIcon: f,
     modalRender: x,
     focusTriggerAfterClose: p
-  }, /* @__PURE__ */ l.createElement(ht, Object.assign({}, e, {
+  }, /* @__PURE__ */ l.createElement(vt, Object.assign({}, e, {
     confirmPrefixCls: $
   })));
 }, je = (e) => {
@@ -1753,21 +1737,21 @@ const yt = (e) => {
     iconPrefixCls: n,
     direction: o,
     theme: a
-  }, /* @__PURE__ */ l.createElement(yt, Object.assign({}, e)));
+  }, /* @__PURE__ */ l.createElement(bt, Object.assign({}, e)));
 };
-process.env.NODE_ENV !== "production" && (yt.displayName = "ConfirmDialog", je.displayName = "ConfirmDialogWrapper");
+process.env.NODE_ENV !== "production" && (bt.displayName = "ConfirmDialog", je.displayName = "ConfirmDialogWrapper");
 const Z = [];
-let xt = "";
-function $t() {
-  return xt;
+let pt = "";
+function ht() {
+  return pt;
 }
-const no = (e) => {
+const Jn = (e) => {
   var t, n;
   const {
     prefixCls: o,
     getContainer: a,
     direction: r
-  } = e, d = et(), c = ne(_), i = $t() || c.getPrefixCls(), u = o || `${i}-modal`;
+  } = e, d = et(), c = ee(L), i = ht() || c.getPrefixCls(), u = o || `${i}-modal`;
   let s = a;
   return s === !1 && (s = void 0, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "production" && nt(!1, "Modal", "Static method not support `getContainer` to be `false` since it do not have context env.")), /* @__PURE__ */ h.createElement(je, Object.assign({}, e, {
     rootPrefixCls: i,
@@ -1780,41 +1764,41 @@ const no = (e) => {
   }));
 };
 function ae(e) {
-  const t = Wt();
-  process.env.NODE_ENV !== "production" && !t.holderRender && Vt("Modal");
+  const t = Ut();
+  process.env.NODE_ENV !== "production" && !t.holderRender && Gt("Modal");
   const n = document.createDocumentFragment();
   let o = Object.assign(Object.assign({}, e), {
     close: c,
     open: !0
   }), a;
   function r() {
-    for (var u, s = arguments.length, f = new Array(s), g = 0; g < s; g++)
-      f[g] = arguments[g];
-    if (f.some((m) => m == null ? void 0 : m.triggerCancel)) {
+    for (var u, s = arguments.length, m = new Array(s), g = 0; g < s; g++)
+      m[g] = arguments[g];
+    if (m.some((f) => f == null ? void 0 : f.triggerCancel)) {
       var b;
       (u = e.onCancel) === null || u === void 0 || (b = u).call.apply(b, [e, () => {
-      }].concat(G(f.slice(1))));
+      }].concat(q(m.slice(1))));
     }
-    for (let m = 0; m < Z.length; m++)
-      if (Z[m] === c) {
-        Z.splice(m, 1);
+    for (let f = 0; f < Z.length; f++)
+      if (Z[f] === c) {
+        Z.splice(f, 1);
         break;
       }
-    nn(n);
+    Qt(n);
   }
   function d(u) {
     clearTimeout(a), a = setTimeout(() => {
-      const s = t.getPrefixCls(void 0, $t()), f = t.getIconPrefixCls(), g = t.getTheme(), v = /* @__PURE__ */ h.createElement(no, Object.assign({}, u));
-      on(/* @__PURE__ */ h.createElement(tt, {
+      const s = t.getPrefixCls(void 0, ht()), m = t.getIconPrefixCls(), g = t.getTheme(), v = /* @__PURE__ */ h.createElement(Jn, Object.assign({}, u));
+      Zt(/* @__PURE__ */ h.createElement(tt, {
         prefixCls: s,
-        iconPrefixCls: f,
+        iconPrefixCls: m,
         theme: g
       }, t.holderRender ? t.holderRender(v) : v), n);
     });
   }
   function c() {
-    for (var u = arguments.length, s = new Array(u), f = 0; f < u; f++)
-      s[f] = arguments[f];
+    for (var u = arguments.length, s = new Array(u), m = 0; m < u; m++)
+      s[m] = arguments[m];
     o = Object.assign(Object.assign({}, o), {
       open: !1,
       afterClose: () => {
@@ -1830,96 +1814,96 @@ function ae(e) {
     update: i
   };
 }
-function Et(e) {
+function yt(e) {
   return Object.assign(Object.assign({}, e), {
     type: "warning"
   });
 }
-function St(e) {
+function xt(e) {
   return Object.assign(Object.assign({}, e), {
     type: "info"
   });
 }
-function Ot(e) {
+function $t(e) {
   return Object.assign(Object.assign({}, e), {
     type: "success"
   });
 }
-function Nt(e) {
+function St(e) {
   return Object.assign(Object.assign({}, e), {
     type: "error"
   });
 }
-function wt(e) {
+function Ot(e) {
   return Object.assign(Object.assign({}, e), {
     type: "confirm"
   });
 }
-function oo(e) {
+function eo(e) {
   let {
     rootPrefixCls: t
   } = e;
-  process.env.NODE_ENV !== "production" && nt(!1, "Modal", "Modal.config is deprecated. Please use ConfigProvider.config instead."), xt = t;
+  process.env.NODE_ENV !== "production" && nt(!1, "Modal", "Modal.config is deprecated. Please use ConfigProvider.config instead."), pt = t;
 }
-var ao = function(e, t) {
+var to = function(e, t) {
   var n = {};
   for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, o = Object.getOwnPropertySymbols(e); a < o.length; a++)
     t.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (n[o[a]] = e[o[a]]);
   return n;
 };
-const lo = (e, t) => {
+const no = (e, t) => {
   var n, {
     afterClose: o,
     config: a
-  } = e, r = ao(e, ["afterClose", "config"]);
+  } = e, r = to(e, ["afterClose", "config"]);
   const [d, c] = l.useState(!0), [i, u] = l.useState(a), {
     direction: s,
-    getPrefixCls: f
-  } = l.useContext(_), g = f("modal"), v = f(), b = () => {
+    getPrefixCls: m
+  } = l.useContext(L), g = m("modal"), v = m(), b = () => {
     var C;
     o(), (C = i.afterClose) === null || C === void 0 || C.call(i);
-  }, m = function() {
+  }, f = function() {
     var C;
     c(!1);
     for (var y = arguments.length, $ = new Array(y), N = 0; N < y; N++)
       $[N] = arguments[N];
     if ($.some((R) => R == null ? void 0 : R.triggerCancel)) {
-      var S;
-      (C = i.onCancel) === null || C === void 0 || (S = C).call.apply(S, [i, () => {
-      }].concat(G($.slice(1))));
+      var O;
+      (C = i.onCancel) === null || C === void 0 || (O = C).call.apply(O, [i, () => {
+      }].concat(q($.slice(1))));
     }
   };
   l.useImperativeHandle(t, () => ({
-    destroy: m,
+    destroy: f,
     update: (C) => {
       u((y) => Object.assign(Object.assign({}, y), C));
     }
   }));
-  const x = (n = i.okCancel) !== null && n !== void 0 ? n : i.type === "confirm", [p] = Ee("Modal", qt.Modal);
+  const x = (n = i.okCancel) !== null && n !== void 0 ? n : i.type === "confirm", [p] = Oe("Modal", Xt.Modal);
   return /* @__PURE__ */ l.createElement(je, Object.assign({
     prefixCls: g,
     rootPrefixCls: v
   }, i, {
-    close: m,
+    close: f,
     open: d,
     afterClose: b,
     okText: i.okText || (x ? p == null ? void 0 : p.okText : p == null ? void 0 : p.justOkText),
     direction: i.direction || s,
     cancelText: i.cancelText || (p == null ? void 0 : p.cancelText)
   }, r));
-}, ro = /* @__PURE__ */ l.forwardRef(lo);
+}, oo = /* @__PURE__ */ l.forwardRef(no);
 let Qe = 0;
-const io = /* @__PURE__ */ l.memo(/* @__PURE__ */ l.forwardRef((e, t) => {
-  const [n, o] = mn();
+const ao = /* @__PURE__ */ l.memo(/* @__PURE__ */ l.forwardRef((e, t) => {
+  const [n, o] = dn();
   return l.useImperativeHandle(t, () => ({
     patchElement: o
   }), []), /* @__PURE__ */ l.createElement(l.Fragment, null, n);
 }));
-function so() {
+function lo() {
   const e = l.useRef(null), [t, n] = l.useState([]);
   l.useEffect(() => {
-    t.length && (G(t).forEach((d) => {
+    t.length && (q(t).forEach((d) => {
       d();
     }), n([]));
   }, [t]);
@@ -1928,11 +1912,11 @@ function so() {
     Qe += 1;
     const u = /* @__PURE__ */ l.createRef();
     let s;
-    const f = new Promise((x) => {
+    const m = new Promise((x) => {
       s = x;
     });
     let g = !1, v;
-    const b = /* @__PURE__ */ l.createElement(ro, {
+    const b = /* @__PURE__ */ l.createElement(oo, {
       key: `modal-${Qe}`,
       config: r(c),
       ref: u,
@@ -1950,37 +1934,37 @@ function so() {
           var p;
           (p = u.current) === null || p === void 0 || p.destroy();
         }
-        u.current ? x() : n((p) => [].concat(G(p), [x]));
+        u.current ? x() : n((p) => [].concat(q(p), [x]));
       },
       update: (x) => {
         function p() {
           var C;
           (C = u.current) === null || C === void 0 || C.update(x);
         }
-        u.current ? p() : n((C) => [].concat(G(C), [p]));
+        u.current ? p() : n((C) => [].concat(q(C), [p]));
       },
-      then: (x) => (g = !0, f.then(x))
+      then: (x) => (g = !0, m.then(x))
     };
   }, []);
   return [l.useMemo(() => ({
-    info: o(St),
-    success: o(Ot),
-    error: o(Nt),
-    warning: o(Et),
-    confirm: o(wt)
-  }), []), /* @__PURE__ */ l.createElement(io, {
+    info: o(xt),
+    success: o($t),
+    error: o(St),
+    warning: o(yt),
+    confirm: o(Ot)
+  }), []), /* @__PURE__ */ l.createElement(ao, {
     key: "modal-holder",
     ref: e
   })];
 }
-var co = function(e, t) {
+var ro = function(e, t) {
   var n = {};
   for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, o = Object.getOwnPropertySymbols(e); a < o.length; a++)
     t.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (n[o[a]] = e[o[a]]);
   return n;
 };
-const uo = (e) => {
+const io = (e) => {
   const {
     prefixCls: t,
     className: n,
@@ -1990,79 +1974,94 @@ const uo = (e) => {
     title: d,
     children: c,
     footer: i
-  } = e, u = co(e, ["prefixCls", "className", "closeIcon", "closable", "type", "title", "children", "footer"]), {
+  } = e, u = ro(e, ["prefixCls", "className", "closeIcon", "closable", "type", "title", "children", "footer"]), {
     getPrefixCls: s
-  } = l.useContext(_), f = s(), g = t || s("modal"), v = ot(f), [b, m, x] = bt(g, v), p = `${g}-confirm`;
+  } = l.useContext(L), m = s(), g = t || s("modal"), v = ot(m), [b, f, x] = gt(g, v), p = `${g}-confirm`;
   let C = {};
   return r ? C = {
     closable: a ?? !1,
     title: "",
     footer: "",
-    children: /* @__PURE__ */ l.createElement(ht, Object.assign({}, e, {
+    children: /* @__PURE__ */ l.createElement(vt, Object.assign({}, e, {
       prefixCls: g,
       confirmPrefixCls: p,
-      rootPrefixCls: f,
+      rootPrefixCls: m,
       content: c
     }))
   } : C = {
     closable: a ?? !0,
     title: d,
-    footer: i !== null && /* @__PURE__ */ l.createElement(gt, Object.assign({}, e)),
+    footer: i !== null && /* @__PURE__ */ l.createElement(ut, Object.assign({}, e)),
     children: c
   }, b(/* @__PURE__ */ l.createElement(Ie, Object.assign({
     prefixCls: g,
-    className: E(m, `${g}-pure-panel`, r && p, r && `${p}-${r}`, n, x, v)
+    className: S(f, `${g}-pure-panel`, r && p, r && `${p}-${r}`, n, x, v)
   }, u, {
-    closeIcon: mt(g, o),
+    closeIcon: dt(g, o),
     closable: a
   }, C)));
-}, fo = ln(uo);
-function Pt(e) {
-  return ae(Et(e));
+}, so = sn(io);
+function Et(e) {
+  return ae(yt(e));
 }
-const H = pt;
-H.useModal = so;
-H.info = function(t) {
-  return ae(St(t));
+const k = Ct;
+k.useModal = lo;
+k.info = function(t) {
+  return ae(xt(t));
 };
-H.success = function(t) {
-  return ae(Ot(t));
+k.success = function(t) {
+  return ae($t(t));
 };
-H.error = function(t) {
-  return ae(Nt(t));
+k.error = function(t) {
+  return ae(St(t));
 };
-H.warning = Pt;
-H.warn = Pt;
-H.confirm = function(t) {
-  return ae(wt(t));
+k.warning = Et;
+k.warn = Et;
+k.confirm = function(t) {
+  return ae(Ot(t));
 };
-H.destroyAll = function() {
+k.destroyAll = function() {
   for (; Z.length; ) {
     const t = Z.pop();
     t && t();
   }
 };
-H.config = oo;
-H._InternalPanelDoNotUseOrYouWillBeFired = fo;
-process.env.NODE_ENV !== "production" && (H.displayName = "Modal");
+k.config = eo;
+k._InternalPanelDoNotUseOrYouWillBeFired = so;
+process.env.NODE_ENV !== "production" && (k.displayName = "Modal");
 function Eo(e) {
-  const t = {
+  const t = ee(Tt);
+  if (!t)
+    return null;
+  const n = {
     open: e.open === void 0 ? !0 : e.open,
     onClose: e.onClose || (() => {
     }),
     collapse: e.collapse === void 0 ? !1 : e.collapse
   };
   return /* @__PURE__ */ Te(
-    H,
+    k,
     {
       title: "Notification Preferences",
-      open: t.open,
+      open: n.open,
       onCancel: () => {
-        t.onClose();
+        n.onClose();
       },
       footer: null,
       zIndex: 9999,
-      children: /* @__PURE__ */ Te(Mt, {})
+      children: [
+        /* @__PURE__ */ ge(jt, {}),
+        t.webPushOptInMessage && /* @__PURE__ */ Te("div", { children: [
+          /* @__PURE__ */ ge(cn, { style: { margin: "10px 0" } }),
+          /* @__PURE__ */ ge(
+            Ht,
+            {
+              hideAfterInteraction: !1,
+              descriptionStyle: { fontSize: 12 }
+            }
+          )
+        ] })
+      ]
     }
   );
 }