@notificationapi/react 0.0.4 → 0.0.6

package/dist/components/Preferences/NotificationPreferencesPopup.js

@@ -0,0 +1,1465 @@
+import { jsx as ve } from "react/jsx-runtime";
+import { P as ut } from "../../assets/Preferences.js";
+import { _ as M, p as G, q as ft, s as mt, c as w, d as I, t as gt, v as se, f as Be, w as be, x as Ct, y as vt, z as Me, A as bt, K as ze, g as yt, u as S, r as pt, l as ht, m as xt, a as ne, n as $t, B as Ot, C as Fe, h as Et, E as St, F as Pt } from "../../assets/colors.js";
+import * as l from "react";
+import v, { useContext as Z, useRef as D, useMemo as wt, useEffect as ye } from "react";
+import { I as de, k as Nt, K as pe, l as It, m as ue, n as Tt, i as Rt, p as He, q as jt, N as Bt, r as Mt, z as zt, d as te, s as Ft, C as Ht, t as Lt, v as At } from "../../assets/index3.js";
+import { B as fe, c as Le } from "../../assets/button.js";
+import { R as me, w as Dt } from "../../assets/PurePanel.js";
+import { p as ge } from "../../assets/BellOutlined.js";
+var Wt = { 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" }, _t = function(t, o) {
+  return /* @__PURE__ */ l.createElement(de, M({}, t, {
+    ref: o,
+    icon: Wt
+  }));
+}, Vt = /* @__PURE__ */ l.forwardRef(_t), qt = { 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" }, Gt = function(t, o) {
+  return /* @__PURE__ */ l.createElement(de, M({}, t, {
+    ref: o,
+    icon: qt
+  }));
+}, Ut = /* @__PURE__ */ l.forwardRef(Gt), Xt = { 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" }, Kt = function(t, o) {
+  return /* @__PURE__ */ l.createElement(de, M({}, t, {
+    ref: o,
+    icon: Xt
+  }));
+}, Qt = /* @__PURE__ */ l.forwardRef(Kt);
+function Zt() {
+  const [e, t] = l.useState([]), o = l.useCallback((n) => (t((a) => [].concat(G(a), [n])), () => {
+    t((a) => a.filter((r) => r !== n));
+  }), []);
+  return [e, o];
+}
+function ie(e) {
+  return !!(e && e.then);
+}
+const Ae = (e) => {
+  const {
+    type: t,
+    children: o,
+    prefixCls: n,
+    buttonProps: a,
+    close: r,
+    autoFocus: u,
+    emitEvent: d,
+    isSilent: c,
+    quitOnNullishReturnValue: s,
+    actionFn: i
+  } = e, f = l.useRef(!1), b = l.useRef(null), [g, x] = ft(!1), C = function() {
+    r == null || r.apply(void 0, arguments);
+  };
+  l.useEffect(() => {
+    let m = null;
+    return u && (m = setTimeout(() => {
+      var p;
+      (p = b.current) === null || p === void 0 || p.focus();
+    })), () => {
+      m && clearTimeout(m);
+    };
+  }, []);
+  const $ = (m) => {
+    ie(m) && (x(!0), m.then(function() {
+      x(!1, !0), C.apply(void 0, arguments), f.current = !1;
+    }, (p) => {
+      if (x(!1, !0), f.current = !1, !(c != null && c()))
+        return Promise.reject(p);
+    }));
+  }, y = (m) => {
+    if (f.current)
+      return;
+    if (f.current = !0, !i) {
+      C();
+      return;
+    }
+    let p;
+    if (d) {
+      if (p = i(m), s && !ie(p)) {
+        f.current = !1, C(m);
+        return;
+      }
+    } else if (i.length)
+      p = i(r), f.current = !1;
+    else if (p = i(), !ie(p)) {
+      C();
+      return;
+    }
+    $(p);
+  };
+  return /* @__PURE__ */ l.createElement(fe, Object.assign({}, Le(t), {
+    onClick: y,
+    loading: g,
+    prefixCls: n
+  }, a, {
+    ref: b
+  }), o);
+}, Y = /* @__PURE__ */ v.createContext({}), {
+  Provider: De
+} = Y, he = () => {
+  const {
+    autoFocusButton: e,
+    cancelButtonProps: t,
+    cancelTextLocale: o,
+    isSilent: n,
+    mergedOkCancel: a,
+    rootPrefixCls: r,
+    close: u,
+    onCancel: d,
+    onConfirm: c
+  } = Z(Y);
+  return a ? /* @__PURE__ */ v.createElement(Ae, {
+    isSilent: n,
+    actionFn: d,
+    close: function() {
+      u == null || u.apply(void 0, arguments), c == null || c(!1);
+    },
+    autoFocus: e === "cancel",
+    buttonProps: t,
+    prefixCls: `${r}-btn`
+  }, o) : null;
+}, xe = () => {
+  const {
+    autoFocusButton: e,
+    close: t,
+    isSilent: o,
+    okButtonProps: n,
+    rootPrefixCls: a,
+    okTextLocale: r,
+    okType: u,
+    onConfirm: d,
+    onOk: c
+  } = Z(Y);
+  return /* @__PURE__ */ v.createElement(Ae, {
+    isSilent: o,
+    type: u || "primary",
+    actionFn: c,
+    close: function() {
+      t == null || t.apply(void 0, arguments), d == null || d(!0);
+    },
+    autoFocus: e === "ok",
+    buttonProps: n,
+    prefixCls: `${a}-btn`
+  }, r);
+};
+var We = /* @__PURE__ */ l.createContext({});
+function $e(e, t, o) {
+  var n = t;
+  return !n && o && (n = "".concat(e, "-").concat(o)), n;
+}
+function Oe(e, t) {
+  var o = e["page".concat(t ? "Y" : "X", "Offset")], n = "scroll".concat(t ? "Top" : "Left");
+  if (typeof o != "number") {
+    var a = e.document;
+    o = a.documentElement[n], typeof o != "number" && (o = a.body[n]);
+  }
+  return o;
+}
+function Yt(e) {
+  var t = e.getBoundingClientRect(), o = {
+    left: t.left,
+    top: t.top
+  }, n = e.ownerDocument, a = n.defaultView || n.parentWindow;
+  return o.left += Oe(a), o.top += Oe(a, !0), o;
+}
+const Jt = /* @__PURE__ */ l.memo(function(e) {
+  var t = e.children;
+  return t;
+}, function(e, t) {
+  var o = t.shouldUpdate;
+  return !o;
+});
+var Ee = {
+  width: 0,
+  height: 0,
+  overflow: "hidden",
+  outline: "none"
+}, kt = {
+  outline: "none"
+}, _e = /* @__PURE__ */ v.forwardRef(function(e, t) {
+  var o = e.prefixCls, n = e.className, a = e.style, r = e.title, u = e.ariaId, d = e.footer, c = e.closable, s = e.closeIcon, i = e.onClose, f = e.children, b = e.bodyStyle, g = e.bodyProps, x = e.modalRender, C = e.onMouseDown, $ = e.onMouseUp, y = e.holderRef, m = e.visible, p = e.forceRender, h = e.width, N = e.height, O = e.classNames, E = e.styles, H = v.useContext(We), W = H.panel, _ = mt(y, W), F = D(), U = D(), B = D();
+  v.useImperativeHandle(t, function() {
+    return {
+      focus: function() {
+        var q;
+        (q = B.current) === null || q === void 0 || q.focus();
+      },
+      changeActive: function(q) {
+        var oe = document, k = oe.activeElement;
+        q && k === U.current ? F.current.focus() : !q && k === F.current && U.current.focus();
+      }
+    };
+  });
+  var T = {};
+  h !== void 0 && (T.width = h), N !== void 0 && (T.height = N);
+  var L;
+  d && (L = /* @__PURE__ */ v.createElement("div", {
+    className: w("".concat(o, "-footer"), O == null ? void 0 : O.footer),
+    style: I({}, E == null ? void 0 : E.footer)
+  }, d));
+  var A;
+  r && (A = /* @__PURE__ */ v.createElement("div", {
+    className: w("".concat(o, "-header"), O == null ? void 0 : O.header),
+    style: I({}, E == null ? void 0 : E.header)
+  }, /* @__PURE__ */ v.createElement("div", {
+    className: "".concat(o, "-title"),
+    id: u
+  }, r)));
+  var V = wt(function() {
+    return gt(c) === "object" && c !== null ? c : c ? {
+      closeIcon: s ?? /* @__PURE__ */ v.createElement("span", {
+        className: "".concat(o, "-close-x")
+      })
+    } : {};
+  }, [c, s]), Q = ge(V, !0), X;
+  c && (X = /* @__PURE__ */ v.createElement("button", M({
+    type: "button",
+    onClick: i,
+    "aria-label": "Close"
+  }, Q, {
+    className: "".concat(o, "-close")
+  }), V.closeIcon));
+  var R = /* @__PURE__ */ v.createElement("div", {
+    className: w("".concat(o, "-content"), O == null ? void 0 : O.content),
+    style: E == null ? void 0 : E.content
+  }, X, A, /* @__PURE__ */ v.createElement("div", M({
+    className: w("".concat(o, "-body"), O == null ? void 0 : O.body),
+    style: I(I({}, b), E == null ? void 0 : E.body)
+  }, g), f), L);
+  return /* @__PURE__ */ v.createElement("div", {
+    key: "dialog-element",
+    role: "dialog",
+    "aria-labelledby": r ? u : null,
+    "aria-modal": "true",
+    ref: _,
+    style: I(I({}, a), T),
+    className: w(o, n),
+    onMouseDown: C,
+    onMouseUp: $
+  }, /* @__PURE__ */ v.createElement("div", {
+    tabIndex: 0,
+    ref: F,
+    style: Ee,
+    "aria-hidden": "true"
+  }), /* @__PURE__ */ v.createElement("div", {
+    ref: B,
+    tabIndex: -1,
+    style: kt
+  }, /* @__PURE__ */ v.createElement(Jt, {
+    shouldUpdate: m || p
+  }, x ? x(R) : R)), /* @__PURE__ */ v.createElement("div", {
+    tabIndex: 0,
+    ref: U,
+    style: Ee,
+    "aria-hidden": "true"
+  }));
+}), Ve = /* @__PURE__ */ l.forwardRef(function(e, t) {
+  var o = e.prefixCls, n = e.title, a = e.style, r = e.className, u = e.visible, d = e.forceRender, c = e.destroyOnClose, s = e.motionName, i = e.ariaId, f = e.onVisibleChanged, b = e.mousePosition, g = D(), x = l.useState(), C = se(x, 2), $ = C[0], y = C[1], m = {};
+  $ && (m.transformOrigin = $);
+  function p() {
+    var h = Yt(g.current);
+    y(b ? "".concat(b.x - h.left, "px ").concat(b.y - h.top, "px") : "");
+  }
+  return /* @__PURE__ */ l.createElement(Be, {
+    visible: u,
+    onVisibleChanged: f,
+    onAppearPrepare: p,
+    onEnterPrepare: p,
+    forceRender: d,
+    motionName: s,
+    removeOnLeave: c,
+    ref: g
+  }, function(h, N) {
+    var O = h.className, E = h.style;
+    return /* @__PURE__ */ l.createElement(_e, M({}, e, {
+      ref: t,
+      title: n,
+      ariaId: i,
+      prefixCls: o,
+      holderRef: N,
+      style: I(I(I({}, E), a), m),
+      className: w(r, O)
+    }));
+  });
+});
+Ve.displayName = "Content";
+function en(e) {
+  var t = e.prefixCls, o = e.style, n = e.visible, a = e.maskProps, r = e.motionName, u = e.className;
+  return /* @__PURE__ */ l.createElement(Be, {
+    key: "mask",
+    visible: n,
+    motionName: r,
+    leavedClassName: "".concat(t, "-mask-hidden")
+  }, function(d, c) {
+    var s = d.className, i = d.style;
+    return /* @__PURE__ */ l.createElement("div", M({
+      ref: c,
+      style: I(I({}, i), o),
+      className: w("".concat(t, "-mask"), s, u)
+    }, a));
+  });
+}
+function tn(e) {
+  var t = e.prefixCls, o = t === void 0 ? "rc-dialog" : t, n = e.zIndex, a = e.visible, r = a === void 0 ? !1 : a, u = e.keyboard, d = u === void 0 ? !0 : u, c = e.focusTriggerAfterClose, s = c === void 0 ? !0 : c, i = e.wrapStyle, f = e.wrapClassName, b = e.wrapProps, g = e.onClose, x = e.afterOpenChange, C = e.afterClose, $ = e.transitionName, y = e.animation, m = e.closable, p = m === void 0 ? !0 : m, h = e.mask, N = h === void 0 ? !0 : h, O = e.maskTransitionName, E = e.maskAnimation, H = e.maskClosable, W = H === void 0 ? !0 : H, _ = e.maskStyle, F = e.maskProps, U = e.rootClassName, B = e.classNames, T = e.styles, L = D(), A = D(), V = D(), Q = l.useState(r), X = se(Q, 2), R = X[0], j = X[1], q = Nt();
+  function oe() {
+    be(A.current, document.activeElement) || (L.current = document.activeElement);
+  }
+  function k() {
+    if (!be(A.current, document.activeElement)) {
+      var P;
+      (P = V.current) === null || P === void 0 || P.focus();
+    }
+  }
+  function it(P) {
+    if (P)
+      k();
+    else {
+      if (j(!1), N && L.current && s) {
+        try {
+          L.current.focus({
+            preventScroll: !0
+          });
+        } catch {
+        }
+        L.current = null;
+      }
+      R && (C == null || C());
+    }
+    x == null || x(P);
+  }
+  function ae(P) {
+    g == null || g(P);
+  }
+  var ee = D(!1), re = D(), ct = function() {
+    clearTimeout(re.current), ee.current = !0;
+  }, st = function() {
+    re.current = setTimeout(function() {
+      ee.current = !1;
+    });
+  }, Ce = null;
+  W && (Ce = function(le) {
+    ee.current ? ee.current = !1 : A.current === le.target && ae(le);
+  });
+  function dt(P) {
+    if (d && P.keyCode === pe.ESC) {
+      P.stopPropagation(), ae(P);
+      return;
+    }
+    r && P.keyCode === pe.TAB && V.current.changeActive(!P.shiftKey);
+  }
+  return ye(function() {
+    r && (j(!0), oe());
+  }, [r]), ye(function() {
+    return function() {
+      clearTimeout(re.current);
+    };
+  }, []), /* @__PURE__ */ l.createElement("div", M({
+    className: w("".concat(o, "-root"), U)
+  }, ge(e, {
+    data: !0
+  })), /* @__PURE__ */ l.createElement(en, {
+    prefixCls: o,
+    visible: N && r,
+    motionName: $e(o, O, E),
+    style: I(I({
+      zIndex: n
+    }, _), T == null ? void 0 : T.mask),
+    maskProps: F,
+    className: B == null ? void 0 : B.mask
+  }), /* @__PURE__ */ l.createElement("div", M({
+    tabIndex: -1,
+    onKeyDown: dt,
+    className: w("".concat(o, "-wrap"), f, B == null ? void 0 : B.wrapper),
+    ref: A,
+    onClick: Ce,
+    style: I(I(I({
+      zIndex: n
+    }, i), T == null ? void 0 : T.wrapper), {}, {
+      display: R ? null : "none"
+    })
+  }, b), /* @__PURE__ */ l.createElement(Ve, M({}, e, {
+    onMouseDown: ct,
+    onMouseUp: st,
+    ref: V,
+    closable: p,
+    ariaId: q,
+    prefixCls: o,
+    visible: r && R,
+    onClose: ae,
+    onVisibleChanged: it,
+    motionName: $e(o, $, y)
+  }))));
+}
+var qe = function(t) {
+  var o = t.visible, n = t.getContainer, a = t.forceRender, r = t.destroyOnClose, u = r === void 0 ? !1 : r, d = t.afterClose, c = t.panelRef, s = l.useState(o), i = se(s, 2), f = i[0], b = i[1], g = l.useMemo(function() {
+    return {
+      panel: c
+    };
+  }, [c]);
+  return l.useEffect(function() {
+    o && b(!0);
+  }, [o]), !a && u && !f ? null : /* @__PURE__ */ l.createElement(We.Provider, {
+    value: g
+  }, /* @__PURE__ */ l.createElement(It, {
+    open: o || a || f,
+    autoDestroy: !1,
+    getContainer: n,
+    autoLock: o || f
+  }, /* @__PURE__ */ l.createElement(tn, M({}, t, {
+    destroyOnClose: u,
+    afterClose: function() {
+      d == null || d(), b(!1);
+    }
+  }))));
+};
+qe.displayName = "Dialog";
+function Se(e) {
+  if (e)
+    return {
+      closable: e.closable,
+      closeIcon: e.closeIcon
+    };
+}
+function Pe(e) {
+  const {
+    closable: t,
+    closeIcon: o
+  } = e || {};
+  return v.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 we() {
+  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((r) => {
+      a[r] !== void 0 && (e[r] = a[r]);
+    });
+  }), e;
+}
+const nn = {};
+function on(e, t) {
+  let o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : nn;
+  const n = Pe(e), a = Pe(t), r = v.useMemo(() => Object.assign({
+    closeIcon: /* @__PURE__ */ v.createElement(me, null)
+  }, o), [o]), u = v.useMemo(() => n === !1 ? !1 : n ? we(r, a, n) : a === !1 ? !1 : a ? we(r, a) : r.closable ? r : !1, [n, a, r]);
+  return v.useMemo(() => {
+    if (u === !1)
+      return [!1, null];
+    const {
+      closeIconRender: d
+    } = r, {
+      closeIcon: c
+    } = u;
+    let s = c;
+    if (s != null) {
+      d && (s = d(c));
+      const i = ge(u, !0);
+      Object.keys(i).length && (s = /* @__PURE__ */ v.isValidElement(s) ? /* @__PURE__ */ v.cloneElement(s, i) : /* @__PURE__ */ v.createElement("span", Object.assign({}, i), s));
+    }
+    return [!0, s];
+  }, [u, r]);
+}
+const an = () => Ct() && window.document.documentElement;
+function Ne() {
+}
+const rn = /* @__PURE__ */ l.createContext({
+  add: Ne,
+  remove: Ne
+});
+function ln(e) {
+  const t = l.useContext(rn), o = l.useRef();
+  return vt((a) => {
+    if (a) {
+      const r = e ? a.querySelector(e) : a;
+      t.add(r), o.current = r;
+    } else
+      t.remove(o.current);
+  });
+}
+const Ie = () => {
+  const {
+    cancelButtonProps: e,
+    cancelTextLocale: t,
+    onCancel: o
+  } = Z(Y);
+  return /* @__PURE__ */ v.createElement(fe, Object.assign({
+    onClick: o
+  }, e), t);
+}, Te = () => {
+  const {
+    confirmLoading: e,
+    okButtonProps: t,
+    okType: o,
+    okTextLocale: n,
+    onOk: a
+  } = Z(Y);
+  return /* @__PURE__ */ v.createElement(fe, Object.assign({}, Le(o), {
+    loading: e,
+    onClick: a
+  }, t), n);
+};
+function Ge(e, t) {
+  return /* @__PURE__ */ v.createElement("span", {
+    className: `${e}-close-x`
+  }, t || /* @__PURE__ */ v.createElement(me, {
+    className: `${e}-close-icon`
+  }));
+}
+const Ue = (e) => {
+  const {
+    okText: t,
+    okType: o = "primary",
+    cancelText: n,
+    confirmLoading: a,
+    onOk: r,
+    onCancel: u,
+    okButtonProps: d,
+    cancelButtonProps: c,
+    footer: s
+  } = e, [i] = ue("Modal", Me()), f = t || (i == null ? void 0 : i.okText), b = n || (i == null ? void 0 : i.cancelText), g = {
+    confirmLoading: a,
+    okButtonProps: d,
+    cancelButtonProps: c,
+    okTextLocale: f,
+    cancelTextLocale: b,
+    okType: o,
+    onOk: r,
+    onCancel: u
+  }, x = v.useMemo(() => g, G(Object.values(g)));
+  let C;
+  return typeof s == "function" || typeof s > "u" ? (C = /* @__PURE__ */ v.createElement(v.Fragment, null, /* @__PURE__ */ v.createElement(Ie, null), /* @__PURE__ */ v.createElement(Te, null)), typeof s == "function" && (C = s(C, {
+    OkBtn: Te,
+    CancelBtn: Ie
+  })), C = /* @__PURE__ */ v.createElement(De, {
+    value: x
+  }, C)) : C = s, /* @__PURE__ */ v.createElement(bt, {
+    disabled: !1
+  }, C);
+}, cn = new ze("antFadeIn", {
+  "0%": {
+    opacity: 0
+  },
+  "100%": {
+    opacity: 1
+  }
+}), sn = new ze("antFadeOut", {
+  "0%": {
+    opacity: 1
+  },
+  "100%": {
+    opacity: 0
+  }
+}), dn = function(e) {
+  let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+  const {
+    antCls: o
+  } = e, n = `${o}-fade`, a = t ? "&" : "";
+  return [Tt(n, cn, sn, e.motionDurationMid, t), {
+    [`
+        ${a}${n}-enter,
+        ${a}${n}-appear
+      `]: {
+      opacity: 0,
+      animationTimingFunction: "linear"
+    },
+    [`${a}${n}-leave`]: {
+      animationTimingFunction: "linear"
+    }
+  }];
+};
+function Re(e) {
+  return {
+    position: e,
+    inset: 0
+  };
+}
+const un = (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({}, Re("fixed")), {
+        zIndex: e.zIndexPopupBase,
+        height: "100%",
+        backgroundColor: e.colorBgMask,
+        pointerEvents: "none",
+        [`${t}-hidden`]: {
+          display: "none"
+        }
+      }),
+      [`${t}-wrap`]: Object.assign(Object.assign({}, Re("fixed")), {
+        zIndex: e.zIndexPopupBase,
+        overflow: "auto",
+        outline: 0,
+        WebkitOverflowScrolling: "touch"
+      })
+    }
+  }, {
+    [`${t}-root`]: dn(e)
+  }];
+}, fn = (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: `${S(e.marginXS)} auto`
+          },
+          [`${t}-centered`]: {
+            [t]: {
+              flex: 1
+            }
+          }
+        }
+      }
+    },
+    // ======================== Modal ========================
+    {
+      [t]: Object.assign(Object.assign({}, pt(e)), {
+        pointerEvents: "none",
+        position: "relative",
+        top: 100,
+        width: "auto",
+        maxWidth: `calc(100vw - ${S(e.calc(e.margin).mul(2).equal())})`,
+        margin: "0 auto",
+        paddingBottom: e.paddingLG,
+        [`${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: `${S(e.modalCloseBtnSize)}`,
+            justifyContent: "center",
+            textTransform: "none",
+            textRendering: "auto"
+          },
+          "&:hover": {
+            color: e.modalCloseIconHoverColor,
+            backgroundColor: e.colorBgTextHover,
+            textDecoration: "none"
+          },
+          "&:active": {
+            backgroundColor: e.colorBgTextActive
+          }
+        }, ht(e)),
+        [`${t}-header`]: {
+          color: e.colorText,
+          background: e.headerBg,
+          borderRadius: `${S(e.borderRadiusLG)} ${S(e.borderRadiusLG)} 0 0`,
+          marginBottom: e.headerMarginBottom,
+          padding: e.headerPadding,
+          borderBottom: e.headerBorderBottom
+        },
+        [`${t}-body`]: {
+          fontSize: e.fontSize,
+          lineHeight: e.lineHeight,
+          wordWrap: "break-word",
+          padding: e.bodyPadding
+        },
+        [`${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"
+        }
+      }
+    }
+  ];
+}, mn = (e) => {
+  const {
+    componentCls: t
+  } = e;
+  return {
+    [`${t}-root`]: {
+      [`${t}-wrap-rtl`]: {
+        direction: "rtl",
+        [`${t}-confirm-body`]: {
+          direction: "rtl"
+        }
+      }
+    }
+  };
+}, Xe = (e) => {
+  const t = e.padding, o = e.fontSizeHeading5, n = e.lineHeightHeading5;
+  return xt(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()
+  });
+}, Ke = (e) => ({
+  footerBg: "transparent",
+  headerBg: e.colorBgElevated,
+  titleLineHeight: e.lineHeightHeading5,
+  titleFontSize: e.fontSizeHeading5,
+  contentBg: e.colorBgElevated,
+  titleColor: e.colorTextHeading,
+  // internal
+  contentPadding: e.wireframe ? 0 : `${S(e.paddingMD)} ${S(e.paddingContentHorizontalLG)}`,
+  headerPadding: e.wireframe ? `${S(e.padding)} ${S(e.paddingLG)}` : 0,
+  headerBorderBottom: e.wireframe ? `${S(e.lineWidth)} ${e.lineType} ${e.colorSplit}` : "none",
+  headerMarginBottom: e.wireframe ? 0 : e.marginXS,
+  bodyPadding: e.wireframe ? e.paddingLG : 0,
+  footerPadding: e.wireframe ? `${S(e.paddingXS)} ${S(e.padding)}` : 0,
+  footerBorderTop: e.wireframe ? `${S(e.lineWidth)} ${e.lineType} ${e.colorSplit}` : "none",
+  footerBorderRadius: e.wireframe ? `0 0 ${S(e.borderRadiusLG)} ${S(e.borderRadiusLG)}` : 0,
+  footerMarginTop: e.wireframe ? 0 : e.marginSM,
+  confirmBodyPadding: e.wireframe ? `${S(e.padding * 2)} ${S(e.padding * 2)} ${S(e.paddingLG)}` : 0,
+  confirmIconMarginInlineEnd: e.wireframe ? e.margin : e.marginSM,
+  confirmBtnsMarginTop: e.wireframe ? e.marginLG : e.marginSM
+}), Qe = yt("Modal", (e) => {
+  const t = Xe(e);
+  return [fn(t), mn(t), un(t), Rt(t, "zoom")];
+}, Ke, {
+  unitless: {
+    titleLineHeight: !0
+  }
+});
+var gn = 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;
+};
+let ce;
+const Cn = (e) => {
+  ce = {
+    x: e.pageX,
+    y: e.pageY
+  }, setTimeout(() => {
+    ce = null;
+  }, 100);
+};
+an() && document.documentElement.addEventListener("click", Cn, !0);
+const Ze = (e) => {
+  var t;
+  const {
+    getPopupContainer: o,
+    getPrefixCls: n,
+    direction: a,
+    modal: r
+  } = l.useContext(ne), u = (R) => {
+    const {
+      onCancel: j
+    } = e;
+    j == null || j(R);
+  }, d = (R) => {
+    const {
+      onOk: j
+    } = e;
+    j == null || j(R);
+  }, {
+    prefixCls: c,
+    className: s,
+    rootClassName: i,
+    open: f,
+    wrapClassName: b,
+    centered: g,
+    getContainer: x,
+    focusTriggerAfterClose: C = !0,
+    style: $,
+    // Deprecated
+    visible: y,
+    width: m = 520,
+    footer: p,
+    classNames: h,
+    styles: N
+  } = e, O = gn(e, ["prefixCls", "className", "rootClassName", "open", "wrapClassName", "centered", "getContainer", "focusTriggerAfterClose", "style", "visible", "width", "footer", "classNames", "styles"]), E = n("modal", c), H = n(), W = He(E), [_, F, U] = Qe(E, W), B = w(b, {
+    [`${E}-centered`]: !!g,
+    [`${E}-wrap-rtl`]: a === "rtl"
+  }), T = p !== null && /* @__PURE__ */ l.createElement(Ue, Object.assign({}, e, {
+    onOk: d,
+    onCancel: u
+  })), [L, A] = on(Se(e), Se(r), {
+    closable: !0,
+    closeIcon: /* @__PURE__ */ l.createElement(me, {
+      className: `${E}-close-icon`
+    }),
+    closeIconRender: (R) => Ge(E, R)
+  }), V = ln(`.${E}-content`), [Q, X] = jt("Modal", O.zIndex);
+  return _(/* @__PURE__ */ l.createElement(Bt, null, /* @__PURE__ */ l.createElement(Mt, {
+    status: !0,
+    override: !0
+  }, /* @__PURE__ */ l.createElement(zt.Provider, {
+    value: X
+  }, /* @__PURE__ */ l.createElement(qe, Object.assign({
+    width: m
+  }, O, {
+    zIndex: Q,
+    getContainer: x === void 0 ? o : x,
+    prefixCls: E,
+    rootClassName: w(F, i, U, W),
+    footer: T,
+    visible: f ?? y,
+    mousePosition: (t = O.mousePosition) !== null && t !== void 0 ? t : ce,
+    onClose: u,
+    closable: L,
+    closeIcon: A,
+    focusTriggerAfterClose: C,
+    transitionName: te(H, "zoom", e.transitionName),
+    maskTransitionName: te(H, "fade", e.maskTransitionName),
+    className: w(F, s, r == null ? void 0 : r.className),
+    style: Object.assign(Object.assign({}, r == null ? void 0 : r.style), $),
+    classNames: Object.assign(Object.assign(Object.assign({}, r == null ? void 0 : r.classNames), h), {
+      wrapper: w(B, h == null ? void 0 : h.wrapper)
+    }),
+    styles: Object.assign(Object.assign({}, r == null ? void 0 : r.styles), N),
+    panelRef: V
+  }))))));
+}, vn = (e) => {
+  const {
+    componentCls: t,
+    titleFontSize: o,
+    titleLineHeight: n,
+    modalConfirmIconSize: a,
+    fontSize: r,
+    lineHeight: u,
+    modalTitleHeight: d,
+    fontHeight: c,
+    confirmBodyPadding: s
+  } = e, i = `${t}-confirm`;
+  return {
+    [i]: {
+      "&-rtl": {
+        direction: "rtl"
+      },
+      [`${e.antCls}-modal-header`]: {
+        display: "none"
+      },
+      [`${i}-body-wrapper`]: Object.assign({}, Ot()),
+      [`&${t} ${t}-body`]: {
+        padding: s
+      },
+      // ====================== Body ======================
+      [`${i}-body`]: {
+        display: "flex",
+        flexWrap: "nowrap",
+        alignItems: "start",
+        [`> ${e.iconCls}`]: {
+          flex: "none",
+          fontSize: a,
+          marginInlineEnd: e.confirmIconMarginInlineEnd,
+          marginTop: e.calc(e.calc(c).sub(a).equal()).div(2).equal()
+        },
+        [`&-has-title > ${e.iconCls}`]: {
+          marginTop: e.calc(e.calc(d).sub(a).equal()).div(2).equal()
+        }
+      },
+      [`${i}-paragraph`]: {
+        display: "flex",
+        flexDirection: "column",
+        flex: "auto",
+        rowGap: e.marginXS
+      },
+      // https://github.com/ant-design/ant-design/issues/48159
+      [`${e.iconCls} + ${i}-paragraph`]: {
+        maxWidth: `calc(100% - ${S(e.calc(e.modalConfirmIconSize).add(e.marginSM).equal())})`
+      },
+      [`${i}-title`]: {
+        color: e.colorTextHeading,
+        fontWeight: e.fontWeightStrong,
+        fontSize: o,
+        lineHeight: n
+      },
+      [`${i}-content`]: {
+        color: e.colorText,
+        fontSize: r,
+        lineHeight: u
+      },
+      // ===================== Footer =====================
+      [`${i}-btns`]: {
+        textAlign: "end",
+        marginTop: e.confirmBtnsMarginTop,
+        [`${e.antCls}-btn + ${e.antCls}-btn`]: {
+          marginBottom: 0,
+          marginInlineStart: e.marginXS
+        }
+      }
+    },
+    [`${i}-error ${i}-body > ${e.iconCls}`]: {
+      color: e.colorError
+    },
+    [`${i}-warning ${i}-body > ${e.iconCls},
+        ${i}-confirm ${i}-body > ${e.iconCls}`]: {
+      color: e.colorWarning
+    },
+    [`${i}-info ${i}-body > ${e.iconCls}`]: {
+      color: e.colorInfo
+    },
+    [`${i}-success ${i}-body > ${e.iconCls}`]: {
+      color: e.colorSuccess
+    }
+  };
+}, bn = $t(["Modal", "confirm"], (e) => {
+  const t = Xe(e);
+  return [vn(t)];
+}, Ke, {
+  // confirm is weak than modal since no conflict here
+  order: -1e3
+});
+var yn = 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 Ye(e) {
+  const {
+    prefixCls: t,
+    icon: o,
+    okText: n,
+    cancelText: a,
+    confirmPrefixCls: r,
+    type: u,
+    okCancel: d,
+    footer: c,
+    // Legacy for static function usage
+    locale: s
+  } = e, i = yn(e, ["prefixCls", "icon", "okText", "cancelText", "confirmPrefixCls", "type", "okCancel", "footer", "locale"]);
+  let f = o;
+  if (!o && o !== null)
+    switch (u) {
+      case "info":
+        f = /* @__PURE__ */ l.createElement(Qt, null);
+        break;
+      case "success":
+        f = /* @__PURE__ */ l.createElement(Vt, null);
+        break;
+      case "error":
+        f = /* @__PURE__ */ l.createElement(Ft, null);
+        break;
+      default:
+        f = /* @__PURE__ */ l.createElement(Ut, null);
+    }
+  const b = d ?? u === "confirm", g = e.autoFocusButton === null ? !1 : e.autoFocusButton || "ok", [x] = ue("Modal"), C = s || x, $ = n || (b ? C == null ? void 0 : C.okText : C == null ? void 0 : C.justOkText), y = a || (C == null ? void 0 : C.cancelText), m = Object.assign({
+    autoFocusButton: g,
+    cancelTextLocale: y,
+    okTextLocale: $,
+    mergedOkCancel: b
+  }, i), p = l.useMemo(() => m, G(Object.values(m))), h = /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(he, null), /* @__PURE__ */ l.createElement(xe, null)), N = e.title !== void 0 && e.title !== null, O = `${r}-body`;
+  return /* @__PURE__ */ l.createElement("div", {
+    className: `${r}-body-wrapper`
+  }, /* @__PURE__ */ l.createElement("div", {
+    className: w(O, {
+      [`${O}-has-title`]: N
+    })
+  }, f, /* @__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))), c === void 0 || typeof c == "function" ? /* @__PURE__ */ l.createElement(De, {
+    value: p
+  }, /* @__PURE__ */ l.createElement("div", {
+    className: `${r}-btns`
+  }, typeof c == "function" ? c(h, {
+    OkBtn: xe,
+    CancelBtn: he
+  }) : h)) : c, /* @__PURE__ */ l.createElement(bn, {
+    prefixCls: t
+  }));
+}
+const pn = (e) => {
+  const {
+    close: t,
+    zIndex: o,
+    afterClose: n,
+    open: a,
+    keyboard: r,
+    centered: u,
+    getContainer: d,
+    maskStyle: c,
+    direction: s,
+    prefixCls: i,
+    wrapClassName: f,
+    rootPrefixCls: b,
+    bodyStyle: g,
+    closable: x = !1,
+    closeIcon: C,
+    modalRender: $,
+    focusTriggerAfterClose: y,
+    onConfirm: m,
+    styles: p
+  } = e, h = `${i}-confirm`, N = e.width || 416, O = e.style || {}, E = e.mask === void 0 ? !0 : e.mask, H = e.maskClosable === void 0 ? !1 : e.maskClosable, W = w(h, `${h}-${e.type}`, {
+    [`${h}-rtl`]: s === "rtl"
+  }, e.className), [, _] = Et(), F = l.useMemo(() => o !== void 0 ? o : _.zIndexPopupBase + Ht, [o, _]);
+  return /* @__PURE__ */ l.createElement(Ze, {
+    prefixCls: i,
+    className: W,
+    wrapClassName: w({
+      [`${h}-centered`]: !!e.centered
+    }, f),
+    onCancel: () => {
+      t == null || t({
+        triggerCancel: !0
+      }), m == null || m(!1);
+    },
+    open: a,
+    title: "",
+    footer: null,
+    transitionName: te(b || "", "zoom", e.transitionName),
+    maskTransitionName: te(b || "", "fade", e.maskTransitionName),
+    mask: E,
+    maskClosable: H,
+    style: O,
+    styles: Object.assign({
+      body: g,
+      mask: c
+    }, p),
+    width: N,
+    zIndex: F,
+    afterClose: n,
+    keyboard: r,
+    centered: u,
+    getContainer: d,
+    closable: x,
+    closeIcon: C,
+    modalRender: $,
+    focusTriggerAfterClose: y
+  }, /* @__PURE__ */ l.createElement(Ye, Object.assign({}, e, {
+    confirmPrefixCls: h
+  })));
+}, Je = (e) => {
+  const {
+    rootPrefixCls: t,
+    iconPrefixCls: o,
+    direction: n,
+    theme: a
+  } = e;
+  return /* @__PURE__ */ l.createElement(Fe, {
+    prefixCls: t,
+    iconPrefixCls: o,
+    direction: n,
+    theme: a
+  }, /* @__PURE__ */ l.createElement(pn, Object.assign({}, e)));
+}, K = [];
+let ke = "";
+function et() {
+  return ke;
+}
+const hn = (e) => {
+  var t, o;
+  const {
+    prefixCls: n,
+    getContainer: a,
+    direction: r
+  } = e, u = Me(), d = Z(ne), c = et() || d.getPrefixCls(), s = n || `${c}-modal`;
+  let i = a;
+  return i === !1 && (i = void 0), /* @__PURE__ */ v.createElement(Je, Object.assign({}, e, {
+    rootPrefixCls: c,
+    prefixCls: s,
+    iconPrefixCls: d.iconPrefixCls,
+    theme: d.theme,
+    direction: r ?? d.direction,
+    locale: (o = (t = d.locale) === null || t === void 0 ? void 0 : t.Modal) !== null && o !== void 0 ? o : u,
+    getContainer: i
+  }));
+};
+function J(e) {
+  const t = St(), o = document.createDocumentFragment();
+  let n = Object.assign(Object.assign({}, e), {
+    close: d,
+    open: !0
+  }), a;
+  function r() {
+    for (var s = arguments.length, i = new Array(s), f = 0; f < s; f++)
+      i[f] = arguments[f];
+    const b = i.some((g) => g && g.triggerCancel);
+    e.onCancel && b && e.onCancel.apply(e, [() => {
+    }].concat(G(i.slice(1))));
+    for (let g = 0; g < K.length; g++)
+      if (K[g] === d) {
+        K.splice(g, 1);
+        break;
+      }
+    Lt(o);
+  }
+  function u(s) {
+    clearTimeout(a), a = setTimeout(() => {
+      const i = t.getPrefixCls(void 0, et()), f = t.getIconPrefixCls(), b = t.getTheme(), g = /* @__PURE__ */ v.createElement(hn, Object.assign({}, s));
+      At(/* @__PURE__ */ v.createElement(Fe, {
+        prefixCls: i,
+        iconPrefixCls: f,
+        theme: b
+      }, t.holderRender ? t.holderRender(g) : g), o);
+    });
+  }
+  function d() {
+    for (var s = arguments.length, i = new Array(s), f = 0; f < s; f++)
+      i[f] = arguments[f];
+    n = Object.assign(Object.assign({}, n), {
+      open: !1,
+      afterClose: () => {
+        typeof e.afterClose == "function" && e.afterClose(), r.apply(this, i);
+      }
+    }), n.visible && delete n.visible, u(n);
+  }
+  function c(s) {
+    typeof s == "function" ? n = s(n) : n = Object.assign(Object.assign({}, n), s), u(n);
+  }
+  return u(n), K.push(d), {
+    destroy: d,
+    update: c
+  };
+}
+function tt(e) {
+  return Object.assign(Object.assign({}, e), {
+    type: "warning"
+  });
+}
+function nt(e) {
+  return Object.assign(Object.assign({}, e), {
+    type: "info"
+  });
+}
+function ot(e) {
+  return Object.assign(Object.assign({}, e), {
+    type: "success"
+  });
+}
+function at(e) {
+  return Object.assign(Object.assign({}, e), {
+    type: "error"
+  });
+}
+function rt(e) {
+  return Object.assign(Object.assign({}, e), {
+    type: "confirm"
+  });
+}
+function xn(e) {
+  let {
+    rootPrefixCls: t
+  } = e;
+  ke = t;
+}
+var $n = 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 = (e, t) => {
+  var o, {
+    afterClose: n,
+    config: a
+  } = e, r = $n(e, ["afterClose", "config"]);
+  const [u, d] = l.useState(!0), [c, s] = l.useState(a), {
+    direction: i,
+    getPrefixCls: f
+  } = l.useContext(ne), b = f("modal"), g = f(), x = () => {
+    var m;
+    n(), (m = c.afterClose) === null || m === void 0 || m.call(c);
+  }, C = function() {
+    d(!1);
+    for (var m = arguments.length, p = new Array(m), h = 0; h < m; h++)
+      p[h] = arguments[h];
+    const N = p.some((O) => O && O.triggerCancel);
+    c.onCancel && N && c.onCancel.apply(c, [() => {
+    }].concat(G(p.slice(1))));
+  };
+  l.useImperativeHandle(t, () => ({
+    destroy: C,
+    update: (m) => {
+      s((p) => Object.assign(Object.assign({}, p), m));
+    }
+  }));
+  const $ = (o = c.okCancel) !== null && o !== void 0 ? o : c.type === "confirm", [y] = ue("Modal", Pt.Modal);
+  return /* @__PURE__ */ l.createElement(Je, Object.assign({
+    prefixCls: b,
+    rootPrefixCls: g
+  }, c, {
+    close: C,
+    open: u,
+    afterClose: x,
+    okText: c.okText || ($ ? y == null ? void 0 : y.okText : y == null ? void 0 : y.justOkText),
+    direction: c.direction || i,
+    cancelText: c.cancelText || (y == null ? void 0 : y.cancelText)
+  }, r));
+}, En = /* @__PURE__ */ l.forwardRef(On);
+let je = 0;
+const Sn = /* @__PURE__ */ l.memo(/* @__PURE__ */ l.forwardRef((e, t) => {
+  const [o, n] = Zt();
+  return l.useImperativeHandle(t, () => ({
+    patchElement: n
+  }), []), /* @__PURE__ */ l.createElement(l.Fragment, null, o);
+}));
+function Pn() {
+  const e = l.useRef(null), [t, o] = l.useState([]);
+  l.useEffect(() => {
+    t.length && (G(t).forEach((u) => {
+      u();
+    }), o([]));
+  }, [t]);
+  const n = l.useCallback((r) => function(d) {
+    var c;
+    je += 1;
+    const s = /* @__PURE__ */ l.createRef();
+    let i;
+    const f = new Promise(($) => {
+      i = $;
+    });
+    let b = !1, g;
+    const x = /* @__PURE__ */ l.createElement(En, {
+      key: `modal-${je}`,
+      config: r(d),
+      ref: s,
+      afterClose: () => {
+        g == null || g();
+      },
+      isSilent: () => b,
+      onConfirm: ($) => {
+        i($);
+      }
+    });
+    return g = (c = e.current) === null || c === void 0 ? void 0 : c.patchElement(x), g && K.push(g), {
+      destroy: () => {
+        function $() {
+          var y;
+          (y = s.current) === null || y === void 0 || y.destroy();
+        }
+        s.current ? $() : o((y) => [].concat(G(y), [$]));
+      },
+      update: ($) => {
+        function y() {
+          var m;
+          (m = s.current) === null || m === void 0 || m.update($);
+        }
+        s.current ? y() : o((m) => [].concat(G(m), [y]));
+      },
+      then: ($) => (b = !0, f.then($))
+    };
+  }, []);
+  return [l.useMemo(() => ({
+    info: n(nt),
+    success: n(ot),
+    error: n(at),
+    warning: n(tt),
+    confirm: n(rt)
+  }), []), /* @__PURE__ */ l.createElement(Sn, {
+    key: "modal-holder",
+    ref: e
+  })];
+}
+var wn = 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 Nn = (e) => {
+  const {
+    prefixCls: t,
+    className: o,
+    closeIcon: n,
+    closable: a,
+    type: r,
+    title: u,
+    children: d,
+    footer: c
+  } = e, s = wn(e, ["prefixCls", "className", "closeIcon", "closable", "type", "title", "children", "footer"]), {
+    getPrefixCls: i
+  } = l.useContext(ne), f = i(), b = t || i("modal"), g = He(f), [x, C, $] = Qe(b, g), y = `${b}-confirm`;
+  let m = {};
+  return r ? m = {
+    closable: a ?? !1,
+    title: "",
+    footer: "",
+    children: /* @__PURE__ */ l.createElement(Ye, Object.assign({}, e, {
+      prefixCls: b,
+      confirmPrefixCls: y,
+      rootPrefixCls: f,
+      content: d
+    }))
+  } : m = {
+    closable: a ?? !0,
+    title: u,
+    footer: c !== null && /* @__PURE__ */ l.createElement(Ue, Object.assign({}, e)),
+    children: d
+  }, x(/* @__PURE__ */ l.createElement(_e, Object.assign({
+    prefixCls: b,
+    className: w(C, `${b}-pure-panel`, r && y, r && `${y}-${r}`, o, $, g)
+  }, s, {
+    closeIcon: Ge(b, n),
+    closable: a
+  }, m)));
+}, In = Dt(Nn);
+function lt(e) {
+  return J(tt(e));
+}
+const z = Ze;
+z.useModal = Pn;
+z.info = function(t) {
+  return J(nt(t));
+};
+z.success = function(t) {
+  return J(ot(t));
+};
+z.error = function(t) {
+  return J(at(t));
+};
+z.warning = lt;
+z.warn = lt;
+z.confirm = function(t) {
+  return J(rt(t));
+};
+z.destroyAll = function() {
+  for (; K.length; ) {
+    const t = K.pop();
+    t && t();
+  }
+};
+z.config = xn;
+z._InternalPanelDoNotUseOrYouWillBeFired = In;
+function Ln(e) {
+  const t = {
+    open: e.open === void 0 ? !0 : e.open,
+    onClose: e.onClose || (() => {
+    })
+  };
+  return /* @__PURE__ */ ve(
+    z,
+    {
+      title: "Notification Preferences",
+      open: t.open,
+      onCancel: () => {
+        t.onClose();
+      },
+      footer: null,
+      children: /* @__PURE__ */ ve(ut, {})
+    }
+  );
+}
+export {
+  Ln as NotificationPreferencesPopup
+};