@gobolt/genesis 0.0.10 → 0.1.0

package/dist/styles/theme/theme-tree/ThemeTree.js

@@ -0,0 +1,1652 @@
+import { jsxs as J, Fragment as xn, jsx as D } from "react/jsx-runtime";
+import * as l from "react";
+import y, { useContext as ae, useRef as Q, useMemo as $n, useEffect as me, useState as ne, createElement as En } from "react";
+import "../../../providers/BreakpointThemeProvider.js";
+import { u as On, a as Sn } from "../../../Typography-CoZ5qD-t.js";
+import "../../../components/Avatar/styles.js";
+import "../../../components/Badge/styles.js";
+import "../../../components/Breadcrumb/styles.js";
+import "../../../components/Button/styles.js";
+import "../../../components/Card/styles.js";
+import "../../../components/Checkbox/styles.js";
+import "../../../components/ErrorBoundaryFallback/styles.js";
+import "../../../components/Input/styles.js";
+import "../../../components/Layout/Content/styles.js";
+import "../../../components/Message/styles.js";
+import "../../../components/Notification/NotificationBadge/styles.js";
+import "../../../components/Notification/styles.js";
+import { A as He } from "../../../styles-CWdUpZom.js";
+import "../../../components/Progress/styles.js";
+import "../../../components/Row/styles.js";
+import "../../../components/Row/RowLabelValue/styles.js";
+import "../../../components/Row/RowActions/styles.js";
+import "../../../components/SegmentedControls/styles.js";
+import "../../../components/Select/styles.js";
+import "../../../components/Switch/styles.js";
+import { a as fe } from "../../../styles-qerRs7Rn.js";
+import "../../../components/Tabs/styles.js";
+import "../../../components/Tile/styles.js";
+import "../../../components/Toast/styles.js";
+import "../../../components/Tooltip/styles.js";
+import "../../global-styles.js";
+import { I as wn } from "../../../index-CLSrpQRW.js";
+import { d as q, e as z, _ as H, f as Ee, a as Ce, j as Oe, l as Se, c as Nn } from "../../../presets-Djh_L_6R.js";
+import { I as Le } from "../../../AntdIcon-nCNB0J1E.js";
+import { R as Pn } from "../../../index-B_1Ge8na.js";
+import { o as k, B as In, s as Ae, a as Tn, a0 as Ve, W as Mn, j as Rn, f as N, k as jn, p as Bn, m as Dn, C as ce, g as pe, N as zn, n as Fn, q as We, c as _n, a1 as Hn, H as Ge, a2 as Ln, l as An } from "../../../index-BbTV2Cw5.js";
+import { g as Vn } from "../../../index-BpZSuIUV.js";
+import { R as Wn } from "../../../CheckCircleFilled-BKgizvyl.js";
+import { R as Gn } from "../../../CloseCircleFilled-B9e7yFwo.js";
+import { R as Kn } from "../../../ExclamationCircleFilled-BHELVsTg.js";
+import { u as qn, z as Un, C as kn } from "../../../useZIndex-DhyHuZTN.js";
+import { g as se } from "../../../motion-CUN72xsH.js";
+import { R as be } from "../../../CloseOutlined-ogxnm7Oy.js";
+import { i as Xn, P as Qn } from "../../../index-D0U6r5O7.js";
+import { u as Zn } from "../../../useId-D2tzlufo.js";
+import { K as we } from "../../../KeyCode-DM2sFh3-.js";
+import { p as he } from "../../../pickAttrs-CleuMJFR.js";
+import { C as Yn } from "../../../ContextIsolator-BmfhJgG0.js";
+import { u as Ke } from "../../../useCSSVarCls-Dau77fzS.js";
+import { S as Jn } from "../../../Skeleton-BVN4pcVe.js";
+import { B as qe, c as et } from "../../../button-BwqpCxVM.js";
+import { u as ye } from "../../../useLocale-CTfNpakL.js";
+import { g as nt } from "../../../styles-D1vKDy9V.js";
+import { K as Ue } from "../../../Keyframes-C9_aCDvn.js";
+import { i as tt } from "../../../index-DWjq9XYj.js";
+import "../../../index-DLdU7Tpd.js";
+import { w as ot } from "../../../DownOutlined-Dcq69ZKM.js";
+var rt = { 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" }, at = function(n, o) {
+  return /* @__PURE__ */ l.createElement(Le, q({}, n, {
+    ref: o,
+    icon: rt
+  }));
+}, ke = /* @__PURE__ */ l.forwardRef(at);
+process.env.NODE_ENV !== "production" && (ke.displayName = "InfoCircleFilled");
+function lt() {
+  const [e, n] = l.useState([]), o = l.useCallback((t) => (n((r) => [].concat(k(r), [t])), () => {
+    n((r) => r.filter((i) => i !== t));
+  }), []);
+  return [e, o];
+}
+const it = new Ue("antFadeIn", {
+  "0%": {
+    opacity: 0
+  },
+  "100%": {
+    opacity: 1
+  }
+}), st = new Ue("antFadeOut", {
+  "0%": {
+    opacity: 1
+  },
+  "100%": {
+    opacity: 0
+  }
+}), ct = function(e) {
+  let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+  const {
+    antCls: o
+  } = e, t = `${o}-fade`, r = n ? "&" : "";
+  return [Xn(t, it, st, e.motionDurationMid, n), {
+    [`
+        ${r}${t}-enter,
+        ${r}${t}-appear
+      `]: {
+      opacity: 0,
+      animationTimingFunction: "linear"
+    },
+    [`${r}${t}-leave`]: {
+      animationTimingFunction: "linear"
+    }
+  }];
+}, le = /* @__PURE__ */ y.createContext({}), {
+  Provider: Xe
+} = le, Ne = () => {
+  const {
+    autoFocusButton: e,
+    cancelButtonProps: n,
+    cancelTextLocale: o,
+    isSilent: t,
+    mergedOkCancel: r,
+    rootPrefixCls: i,
+    close: d,
+    onCancel: c,
+    onConfirm: s
+  } = ae(le);
+  return r ? /* @__PURE__ */ y.createElement(He, {
+    isSilent: t,
+    actionFn: c,
+    close: function() {
+      d == null || d.apply(void 0, arguments), s == null || s(!1);
+    },
+    autoFocus: e === "cancel",
+    buttonProps: n,
+    prefixCls: `${i}-btn`
+  }, o) : null;
+}, Pe = () => {
+  const {
+    autoFocusButton: e,
+    close: n,
+    isSilent: o,
+    okButtonProps: t,
+    rootPrefixCls: r,
+    okTextLocale: i,
+    okType: d,
+    onConfirm: c,
+    onOk: s
+  } = ae(le);
+  return /* @__PURE__ */ y.createElement(He, {
+    isSilent: o,
+    type: d || "primary",
+    actionFn: s,
+    close: function() {
+      n == null || n.apply(void 0, arguments), c == null || c(!0);
+    },
+    autoFocus: e === "ok",
+    buttonProps: t,
+    prefixCls: `${r}-btn`
+  }, i);
+};
+var Qe = /* @__PURE__ */ l.createContext({});
+function Ie(e, n, o) {
+  var t = n;
+  return !t && o && (t = "".concat(e, "-").concat(o)), t;
+}
+function Te(e, n) {
+  var o = e["page".concat(n ? "Y" : "X", "Offset")], t = "scroll".concat(n ? "Top" : "Left");
+  if (typeof o != "number") {
+    var r = e.document;
+    o = r.documentElement[t], typeof o != "number" && (o = r.body[t]);
+  }
+  return o;
+}
+function dt(e) {
+  var n = e.getBoundingClientRect(), o = {
+    left: n.left,
+    top: n.top
+  }, t = e.ownerDocument, r = t.defaultView || t.parentWindow;
+  return o.left += Te(r), o.top += Te(r, !0), o;
+}
+const ut = /* @__PURE__ */ l.memo(function(e) {
+  var n = e.children;
+  return n;
+}, function(e, n) {
+  var o = n.shouldUpdate;
+  return !o;
+});
+var ft = {
+  width: 0,
+  height: 0,
+  overflow: "hidden",
+  outline: "none"
+}, mt = {
+  outline: "none"
+}, ve = /* @__PURE__ */ y.forwardRef(function(e, n) {
+  var o = e.prefixCls, t = e.className, r = e.style, i = e.title, d = e.ariaId, c = e.footer, s = e.closable, m = e.closeIcon, a = e.onClose, f = e.children, u = e.bodyStyle, p = e.bodyProps, E = e.modalRender, C = e.onMouseDown, b = e.onMouseUp, v = e.holderRef, h = e.visible, P = e.forceRender, O = e.width, I = e.height, S = e.classNames, w = e.styles, L = y.useContext(Qe), B = L.panel, X = In(v, B), g = Q(), x = Q();
+  y.useImperativeHandle(n, function() {
+    return {
+      focus: function() {
+        var G;
+        (G = g.current) === null || G === void 0 || G.focus({
+          preventScroll: !0
+        });
+      },
+      changeActive: function(G) {
+        var oe = document, U = oe.activeElement;
+        G && U === x.current ? g.current.focus({
+          preventScroll: !0
+        }) : !G && U === g.current && x.current.focus({
+          preventScroll: !0
+        });
+      }
+    };
+  });
+  var $ = {};
+  O !== void 0 && ($.width = O), I !== void 0 && ($.height = I);
+  var j = c ? /* @__PURE__ */ y.createElement("div", {
+    className: z("".concat(o, "-footer"), S == null ? void 0 : S.footer),
+    style: H({}, w == null ? void 0 : w.footer)
+  }, c) : null, F = i ? /* @__PURE__ */ y.createElement("div", {
+    className: z("".concat(o, "-header"), S == null ? void 0 : S.header),
+    style: H({}, w == null ? void 0 : w.header)
+  }, /* @__PURE__ */ y.createElement("div", {
+    className: "".concat(o, "-title"),
+    id: d
+  }, i)) : null, T = $n(function() {
+    return Ee(s) === "object" && s !== null ? s : s ? {
+      closeIcon: m ?? /* @__PURE__ */ y.createElement("span", {
+        className: "".concat(o, "-close-x")
+      })
+    } : {};
+  }, [s, m, o]), R = he(T, !0), K = Ee(s) === "object" && s.disabled, te = s ? /* @__PURE__ */ y.createElement("button", q({
+    type: "button",
+    onClick: a,
+    "aria-label": "Close"
+  }, R, {
+    className: "".concat(o, "-close"),
+    disabled: K
+  }), T.closeIcon) : null, Z = /* @__PURE__ */ y.createElement("div", {
+    className: z("".concat(o, "-content"), S == null ? void 0 : S.content),
+    style: w == null ? void 0 : w.content
+  }, te, F, /* @__PURE__ */ y.createElement("div", q({
+    className: z("".concat(o, "-body"), S == null ? void 0 : S.body),
+    style: H(H({}, u), w == null ? void 0 : w.body)
+  }, p), f), j);
+  return /* @__PURE__ */ y.createElement("div", {
+    key: "dialog-element",
+    role: "dialog",
+    "aria-labelledby": i ? d : null,
+    "aria-modal": "true",
+    ref: X,
+    style: H(H({}, r), $),
+    className: z(o, t),
+    onMouseDown: C,
+    onMouseUp: b
+  }, /* @__PURE__ */ y.createElement("div", {
+    ref: g,
+    tabIndex: 0,
+    style: mt
+  }, /* @__PURE__ */ y.createElement(ut, {
+    shouldUpdate: h || P
+  }, E ? E(Z) : Z)), /* @__PURE__ */ y.createElement("div", {
+    tabIndex: 0,
+    ref: x,
+    style: ft
+  }));
+});
+process.env.NODE_ENV !== "production" && (ve.displayName = "Panel");
+var Ze = /* @__PURE__ */ l.forwardRef(function(e, n) {
+  var o = e.prefixCls, t = e.title, r = e.style, i = e.className, d = e.visible, c = e.forceRender, s = e.destroyOnClose, m = e.motionName, a = e.ariaId, f = e.onVisibleChanged, u = e.mousePosition, p = Q(), E = l.useState(), C = Ce(E, 2), b = C[0], v = C[1], h = {};
+  b && (h.transformOrigin = b);
+  function P() {
+    var O = dt(p.current);
+    v(u && (u.x || u.y) ? "".concat(u.x - O.left, "px ").concat(u.y - O.top, "px") : "");
+  }
+  return /* @__PURE__ */ l.createElement(Ae, {
+    visible: d,
+    onVisibleChanged: f,
+    onAppearPrepare: P,
+    onEnterPrepare: P,
+    forceRender: c,
+    motionName: m,
+    removeOnLeave: s,
+    ref: p
+  }, function(O, I) {
+    var S = O.className, w = O.style;
+    return /* @__PURE__ */ l.createElement(ve, q({}, e, {
+      ref: n,
+      title: t,
+      ariaId: a,
+      prefixCls: o,
+      holderRef: I,
+      style: H(H(H({}, w), r), h),
+      className: z(i, S)
+    }));
+  });
+});
+Ze.displayName = "Content";
+var gt = function(n) {
+  var o = n.prefixCls, t = n.style, r = n.visible, i = n.maskProps, d = n.motionName, c = n.className;
+  return /* @__PURE__ */ l.createElement(Ae, {
+    key: "mask",
+    visible: r,
+    motionName: d,
+    leavedClassName: "".concat(o, "-mask-hidden")
+  }, function(s, m) {
+    var a = s.className, f = s.style;
+    return /* @__PURE__ */ l.createElement("div", q({
+      ref: m,
+      style: H(H({}, f), t),
+      className: z("".concat(o, "-mask"), a, c)
+    }, i));
+  });
+}, Ct = function(n) {
+  var o = n.prefixCls, t = o === void 0 ? "rc-dialog" : o, r = n.zIndex, i = n.visible, d = i === void 0 ? !1 : i, c = n.keyboard, s = c === void 0 ? !0 : c, m = n.focusTriggerAfterClose, a = m === void 0 ? !0 : m, f = n.wrapStyle, u = n.wrapClassName, p = n.wrapProps, E = n.onClose, C = n.afterOpenChange, b = n.afterClose, v = n.transitionName, h = n.animation, P = n.closable, O = P === void 0 ? !0 : P, I = n.mask, S = I === void 0 ? !0 : I, w = n.maskTransitionName, L = n.maskAnimation, B = n.maskClosable, X = B === void 0 ? !0 : B, g = n.maskStyle, x = n.maskProps, $ = n.rootClassName, j = n.classNames, F = n.styles;
+  process.env.NODE_ENV !== "production" && (["wrapStyle", "bodyStyle", "maskStyle"].forEach(function(M) {
+    Oe(!(M in n), "".concat(M, " is deprecated, please use styles instead."));
+  }), "wrapClassName" in n && Oe(!1, "wrapClassName is deprecated, please use classNames instead."));
+  var T = Q(), R = Q(), K = Q(), te = l.useState(d), Z = Ce(te, 2), Y = Z[0], G = Z[1], oe = Zn();
+  function U() {
+    Se(R.current, document.activeElement) || (T.current = document.activeElement);
+  }
+  function de() {
+    if (!Se(R.current, document.activeElement)) {
+      var M;
+      (M = K.current) === null || M === void 0 || M.focus();
+    }
+  }
+  function A(M) {
+    if (M)
+      de();
+    else {
+      if (G(!1), S && T.current && a) {
+        try {
+          T.current.focus({
+            preventScroll: !0
+          });
+        } catch {
+        }
+        T.current = null;
+      }
+      Y && (b == null || b());
+    }
+    C == null || C(M);
+  }
+  function _(M) {
+    E == null || E(M);
+  }
+  var V = Q(!1), re = Q(), bn = function() {
+    clearTimeout(re.current), V.current = !0;
+  }, hn = function() {
+    re.current = setTimeout(function() {
+      V.current = !1;
+    });
+  }, $e = null;
+  X && ($e = function(ue) {
+    V.current ? V.current = !1 : R.current === ue.target && _(ue);
+  });
+  function yn(M) {
+    if (s && M.keyCode === we.ESC) {
+      M.stopPropagation(), _(M);
+      return;
+    }
+    d && M.keyCode === we.TAB && K.current.changeActive(!M.shiftKey);
+  }
+  me(function() {
+    d && (G(!0), U());
+  }, [d]), me(function() {
+    return function() {
+      clearTimeout(re.current);
+    };
+  }, []);
+  var vn = H(H(H({
+    zIndex: r
+  }, f), F == null ? void 0 : F.wrapper), {}, {
+    display: Y ? null : "none"
+  });
+  return /* @__PURE__ */ l.createElement("div", q({
+    className: z("".concat(t, "-root"), $)
+  }, he(n, {
+    data: !0
+  })), /* @__PURE__ */ l.createElement(gt, {
+    prefixCls: t,
+    visible: S && d,
+    motionName: Ie(t, w, L),
+    style: H(H({
+      zIndex: r
+    }, g), F == null ? void 0 : F.mask),
+    maskProps: x,
+    className: j == null ? void 0 : j.mask
+  }), /* @__PURE__ */ l.createElement("div", q({
+    tabIndex: -1,
+    onKeyDown: yn,
+    className: z("".concat(t, "-wrap"), u, j == null ? void 0 : j.wrapper),
+    ref: R,
+    onClick: $e,
+    style: vn
+  }, p), /* @__PURE__ */ l.createElement(Ze, q({}, n, {
+    onMouseDown: bn,
+    onMouseUp: hn,
+    ref: K,
+    closable: O,
+    ariaId: oe,
+    prefixCls: t,
+    visible: d && Y,
+    onClose: _,
+    onVisibleChanged: A,
+    motionName: Ie(t, v, h)
+  }))));
+}, Ye = function(n) {
+  var o = n.visible, t = n.getContainer, r = n.forceRender, i = n.destroyOnClose, d = i === void 0 ? !1 : i, c = n.afterClose, s = n.panelRef, m = l.useState(o), a = Ce(m, 2), f = a[0], u = a[1], p = l.useMemo(function() {
+    return {
+      panel: s
+    };
+  }, [s]);
+  return l.useEffect(function() {
+    o && u(!0);
+  }, [o]), !r && d && !f ? null : /* @__PURE__ */ l.createElement(Qe.Provider, {
+    value: p
+  }, /* @__PURE__ */ l.createElement(Qn, {
+    open: o || r || f,
+    autoDestroy: !1,
+    getContainer: t,
+    autoLock: o || f
+  }, /* @__PURE__ */ l.createElement(Ct, q({}, n, {
+    destroyOnClose: d,
+    afterClose: function() {
+      c == null || c(), u(!1);
+    }
+  }))));
+};
+Ye.displayName = "Dialog";
+function Me(e) {
+  if (e)
+    return {
+      closable: e.closable,
+      closeIcon: e.closeIcon
+    };
+}
+function Re(e) {
+  const {
+    closable: n,
+    closeIcon: o
+  } = e || {};
+  return y.useMemo(() => {
+    if (
+      // If `closable`, whatever rest be should be true
+      !n && (n === !1 || o === !1 || o === null)
+    )
+      return !1;
+    if (n === void 0 && o === void 0)
+      return null;
+    let t = {
+      closeIcon: typeof o != "boolean" && o !== null ? o : void 0
+    };
+    return n && typeof n == "object" && (t = Object.assign(Object.assign({}, t), n)), t;
+  }, [n, o]);
+}
+function je() {
+  const e = {};
+  for (var n = arguments.length, o = new Array(n), t = 0; t < n; t++)
+    o[t] = arguments[t];
+  return o.forEach((r) => {
+    r && Object.keys(r).forEach((i) => {
+      r[i] !== void 0 && (e[i] = r[i]);
+    });
+  }), e;
+}
+const pt = {};
+function bt(e, n) {
+  let o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : pt;
+  const t = Re(e), r = Re(n), i = typeof t != "boolean" ? !!(t != null && t.disabled) : !1, d = y.useMemo(() => Object.assign({
+    closeIcon: /* @__PURE__ */ y.createElement(be, null)
+  }, o), [o]), c = y.useMemo(() => t === !1 ? !1 : t ? je(d, r, t) : r === !1 ? !1 : r ? je(d, r) : d.closable ? d : !1, [t, r, d]);
+  return y.useMemo(() => {
+    if (c === !1)
+      return [!1, null, i];
+    const {
+      closeIconRender: s
+    } = d, {
+      closeIcon: m
+    } = c;
+    let a = m;
+    if (a != null) {
+      s && (a = s(m));
+      const f = he(c, !0);
+      Object.keys(f).length && (a = /* @__PURE__ */ y.isValidElement(a) ? /* @__PURE__ */ y.cloneElement(a, f) : /* @__PURE__ */ y.createElement("span", Object.assign({}, f), a));
+    }
+    return [!0, a, i];
+  }, [c, d]);
+}
+const ht = () => Nn() && window.document.documentElement;
+function Be() {
+}
+const yt = /* @__PURE__ */ l.createContext({
+  add: Be,
+  remove: Be
+});
+function vt(e) {
+  const n = l.useContext(yt), o = l.useRef(null);
+  return Tn((r) => {
+    if (r) {
+      const i = e ? r.querySelector(e) : r;
+      n.add(i), o.current = i;
+    } else
+      n.remove(o.current);
+  });
+}
+const De = () => {
+  const {
+    cancelButtonProps: e,
+    cancelTextLocale: n,
+    onCancel: o
+  } = ae(le);
+  return /* @__PURE__ */ y.createElement(qe, Object.assign({
+    onClick: o
+  }, e), n);
+}, ze = () => {
+  const {
+    confirmLoading: e,
+    okButtonProps: n,
+    okType: o,
+    okTextLocale: t,
+    onOk: r
+  } = ae(le);
+  return /* @__PURE__ */ y.createElement(qe, Object.assign({}, et(o), {
+    loading: e,
+    onClick: r
+  }, n), t);
+};
+function Je(e, n) {
+  return /* @__PURE__ */ y.createElement("span", {
+    className: `${e}-close-x`
+  }, n || /* @__PURE__ */ y.createElement(be, {
+    className: `${e}-close-icon`
+  }));
+}
+const en = (e) => {
+  const {
+    okText: n,
+    okType: o = "primary",
+    cancelText: t,
+    confirmLoading: r,
+    onOk: i,
+    onCancel: d,
+    okButtonProps: c,
+    cancelButtonProps: s,
+    footer: m
+  } = e, [a] = ye("Modal", Ve()), f = n || (a == null ? void 0 : a.okText), u = t || (a == null ? void 0 : a.cancelText), p = {
+    confirmLoading: r,
+    okButtonProps: c,
+    cancelButtonProps: s,
+    okTextLocale: f,
+    cancelTextLocale: u,
+    okType: o,
+    onOk: i,
+    onCancel: d
+  }, E = y.useMemo(() => p, k(Object.values(p)));
+  let C;
+  return typeof m == "function" || typeof m > "u" ? (C = /* @__PURE__ */ y.createElement(y.Fragment, null, /* @__PURE__ */ y.createElement(De, null), /* @__PURE__ */ y.createElement(ze, null)), typeof m == "function" && (C = m(C, {
+    OkBtn: ze,
+    CancelBtn: De
+  })), C = /* @__PURE__ */ y.createElement(Xe, {
+    value: E
+  }, C)) : C = m, /* @__PURE__ */ y.createElement(Mn, {
+    disabled: !1
+  }, C);
+};
+function Fe(e) {
+  return {
+    position: e,
+    inset: 0
+  };
+}
+const xt = (e) => {
+  const {
+    componentCls: n,
+    antCls: o
+  } = e;
+  return [{
+    [`${n}-root`]: {
+      [`${n}${o}-zoom-enter, ${n}${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
+      [`${n}${o}-zoom-leave ${n}-content`]: {
+        pointerEvents: "none"
+      },
+      [`${n}-mask`]: Object.assign(Object.assign({}, Fe("fixed")), {
+        zIndex: e.zIndexPopupBase,
+        height: "100%",
+        backgroundColor: e.colorBgMask,
+        pointerEvents: "none",
+        [`${n}-hidden`]: {
+          display: "none"
+        }
+      }),
+      [`${n}-wrap`]: Object.assign(Object.assign({}, Fe("fixed")), {
+        zIndex: e.zIndexPopupBase,
+        overflow: "auto",
+        outline: 0,
+        WebkitOverflowScrolling: "touch"
+      })
+    }
+  }, {
+    [`${n}-root`]: ct(e)
+  }];
+}, $t = (e) => {
+  const {
+    componentCls: n
+  } = e;
+  return [
+    // ======================== Root =========================
+    {
+      [`${n}-root`]: {
+        [`${n}-wrap-rtl`]: {
+          direction: "rtl"
+        },
+        [`${n}-centered`]: {
+          textAlign: "center",
+          "&::before": {
+            display: "inline-block",
+            width: 0,
+            height: "100%",
+            verticalAlign: "middle",
+            content: '""'
+          },
+          [n]: {
+            top: 0,
+            display: "inline-block",
+            paddingBottom: 0,
+            textAlign: "start",
+            verticalAlign: "middle"
+          }
+        },
+        [`@media (max-width: ${e.screenSMMax}px)`]: {
+          [n]: {
+            maxWidth: "calc(100vw - 16px)",
+            margin: `${N(e.marginXS)} auto`
+          },
+          [`${n}-centered`]: {
+            [n]: {
+              flex: 1
+            }
+          }
+        }
+      }
+    },
+    // ======================== Modal ========================
+    {
+      [n]: Object.assign(Object.assign({}, jn(e)), {
+        pointerEvents: "none",
+        position: "relative",
+        top: 100,
+        width: "auto",
+        maxWidth: `calc(100vw - ${N(e.calc(e.margin).mul(2).equal())})`,
+        margin: "0 auto",
+        paddingBottom: e.paddingLG,
+        [`${n}-title`]: {
+          margin: 0,
+          color: e.titleColor,
+          fontWeight: e.fontWeightStrong,
+          fontSize: e.titleFontSize,
+          lineHeight: e.titleLineHeight,
+          wordWrap: "break-word"
+        },
+        [`${n}-content`]: {
+          position: "relative",
+          backgroundColor: e.contentBg,
+          backgroundClip: "padding-box",
+          border: 0,
+          borderRadius: e.borderRadiusLG,
+          boxShadow: e.boxShadow,
+          pointerEvents: "auto",
+          padding: e.contentPadding
+        },
+        [`${n}-close`]: Object.assign({
+          position: "absolute",
+          top: e.calc(e.modalHeaderHeight).sub(e.modalCloseBtnSize).div(2).equal(),
+          insetInlineEnd: e.calc(e.modalHeaderHeight).sub(e.modalCloseBtnSize).div(2).equal(),
+          zIndex: e.calc(e.zIndexPopupBase).add(10).equal(),
+          padding: 0,
+          color: e.modalCloseIconColor,
+          fontWeight: e.fontWeightStrong,
+          lineHeight: 1,
+          textDecoration: "none",
+          background: "transparent",
+          borderRadius: e.borderRadiusSM,
+          width: e.modalCloseBtnSize,
+          height: e.modalCloseBtnSize,
+          border: 0,
+          outline: 0,
+          cursor: "pointer",
+          transition: `color ${e.motionDurationMid}, background-color ${e.motionDurationMid}`,
+          "&-x": {
+            display: "flex",
+            fontSize: e.fontSizeLG,
+            fontStyle: "normal",
+            lineHeight: N(e.modalCloseBtnSize),
+            justifyContent: "center",
+            textTransform: "none",
+            textRendering: "auto"
+          },
+          "&:disabled": {
+            pointerEvents: "none"
+          },
+          "&:hover": {
+            color: e.modalCloseIconHoverColor,
+            backgroundColor: e.colorBgTextHover,
+            textDecoration: "none"
+          },
+          "&:active": {
+            backgroundColor: e.colorBgTextActive
+          }
+        }, Bn(e)),
+        [`${n}-header`]: {
+          color: e.colorText,
+          background: e.headerBg,
+          borderRadius: `${N(e.borderRadiusLG)} ${N(e.borderRadiusLG)} 0 0`,
+          marginBottom: e.headerMarginBottom,
+          padding: e.headerPadding,
+          borderBottom: e.headerBorderBottom
+        },
+        [`${n}-body`]: {
+          fontSize: e.fontSize,
+          lineHeight: e.lineHeight,
+          wordWrap: "break-word",
+          padding: e.bodyPadding,
+          [`${n}-body-skeleton`]: {
+            width: "100%",
+            height: "100%",
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            margin: `${N(e.margin)} auto`
+          }
+        },
+        [`${n}-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
+          }
+        },
+        [`${n}-open`]: {
+          overflow: "hidden"
+        }
+      })
+    },
+    // ======================== Pure =========================
+    {
+      [`${n}-pure-panel`]: {
+        top: "auto",
+        padding: 0,
+        display: "flex",
+        flexDirection: "column",
+        [`${n}-content,
+          ${n}-body,
+          ${n}-confirm-body-wrapper`]: {
+          display: "flex",
+          flexDirection: "column",
+          flex: "auto"
+        },
+        [`${n}-confirm-body`]: {
+          marginBottom: "auto"
+        }
+      }
+    }
+  ];
+}, Et = (e) => {
+  const {
+    componentCls: n
+  } = e;
+  return {
+    [`${n}-root`]: {
+      [`${n}-wrap-rtl`]: {
+        direction: "rtl",
+        [`${n}-confirm-body`]: {
+          direction: "rtl"
+        }
+      }
+    }
+  };
+}, Ot = (e) => {
+  const {
+    componentCls: n
+  } = e, o = nt(e);
+  delete o.xs;
+  const t = Object.keys(o).map((r) => ({
+    [`@media (min-width: ${N(o[r])})`]: {
+      width: `var(--${n.replace(".", "")}-${r}-width)`
+    }
+  }));
+  return {
+    [`${n}-root`]: {
+      [n]: [{
+        width: `var(--${n.replace(".", "")}-xs-width)`
+      }].concat(k(t))
+    }
+  };
+}, nn = (e) => {
+  const n = e.padding, o = e.fontSizeHeading5, t = e.lineHeightHeading5;
+  return Dn(e, {
+    modalHeaderHeight: e.calc(e.calc(t).mul(o).equal()).add(e.calc(n).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()
+  });
+}, tn = (e) => ({
+  footerBg: "transparent",
+  headerBg: e.colorBgElevated,
+  titleLineHeight: e.lineHeightHeading5,
+  titleFontSize: e.fontSizeHeading5,
+  contentBg: e.colorBgElevated,
+  titleColor: e.colorTextHeading,
+  // internal
+  contentPadding: e.wireframe ? 0 : `${N(e.paddingMD)} ${N(e.paddingContentHorizontalLG)}`,
+  headerPadding: e.wireframe ? `${N(e.padding)} ${N(e.paddingLG)}` : 0,
+  headerBorderBottom: e.wireframe ? `${N(e.lineWidth)} ${e.lineType} ${e.colorSplit}` : "none",
+  headerMarginBottom: e.wireframe ? 0 : e.marginXS,
+  bodyPadding: e.wireframe ? e.paddingLG : 0,
+  footerPadding: e.wireframe ? `${N(e.paddingXS)} ${N(e.padding)}` : 0,
+  footerBorderTop: e.wireframe ? `${N(e.lineWidth)} ${e.lineType} ${e.colorSplit}` : "none",
+  footerBorderRadius: e.wireframe ? `0 0 ${N(e.borderRadiusLG)} ${N(e.borderRadiusLG)}` : 0,
+  footerMarginTop: e.wireframe ? 0 : e.marginSM,
+  confirmBodyPadding: e.wireframe ? `${N(e.padding * 2)} ${N(e.padding * 2)} ${N(e.paddingLG)}` : 0,
+  confirmIconMarginInlineEnd: e.wireframe ? e.margin : e.marginSM,
+  confirmBtnsMarginTop: e.wireframe ? e.marginLG : e.marginSM
+}), on = Rn("Modal", (e) => {
+  const n = nn(e);
+  return [$t(n), Et(n), xt(n), tt(n, "zoom"), Ot(n)];
+}, tn, {
+  unitless: {
+    titleLineHeight: !0
+  }
+});
+var St = function(e, n) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+    n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (o[t[r]] = e[t[r]]);
+  return o;
+};
+let ge;
+const wt = (e) => {
+  ge = {
+    x: e.pageX,
+    y: e.pageY
+  }, setTimeout(() => {
+    ge = null;
+  }, 100);
+};
+ht() && document.documentElement.addEventListener("click", wt, !0);
+const rn = (e) => {
+  var n;
+  const {
+    getPopupContainer: o,
+    getPrefixCls: t,
+    direction: r,
+    modal: i
+  } = l.useContext(ce), d = (A) => {
+    const {
+      onCancel: _
+    } = e;
+    _ == null || _(A);
+  }, c = (A) => {
+    const {
+      onOk: _
+    } = e;
+    _ == null || _(A);
+  };
+  if (process.env.NODE_ENV !== "production") {
+    const A = pe("Modal");
+    [["visible", "open"], ["bodyStyle", "styles.body"], ["maskStyle", "styles.mask"]].forEach((_) => {
+      let [V, re] = _;
+      A.deprecated(!(V in e), V, re);
+    });
+  }
+  const {
+    prefixCls: s,
+    className: m,
+    rootClassName: a,
+    open: f,
+    wrapClassName: u,
+    centered: p,
+    getContainer: E,
+    focusTriggerAfterClose: C = !0,
+    style: b,
+    // Deprecated
+    visible: v,
+    width: h = 520,
+    footer: P,
+    classNames: O,
+    styles: I,
+    children: S,
+    loading: w
+  } = e, L = St(e, ["prefixCls", "className", "rootClassName", "open", "wrapClassName", "centered", "getContainer", "focusTriggerAfterClose", "style", "visible", "width", "footer", "classNames", "styles", "children", "loading"]), B = t("modal", s), X = t(), g = Ke(B), [x, $, j] = on(B, g), F = z(u, {
+    [`${B}-centered`]: !!p,
+    [`${B}-wrap-rtl`]: r === "rtl"
+  }), T = P !== null && !w ? /* @__PURE__ */ l.createElement(en, Object.assign({}, e, {
+    onOk: c,
+    onCancel: d
+  })) : null, [R, K, te] = bt(Me(e), Me(i), {
+    closable: !0,
+    closeIcon: /* @__PURE__ */ l.createElement(be, {
+      className: `${B}-close-icon`
+    }),
+    closeIconRender: (A) => Je(B, A)
+  }), Z = vt(`.${B}-content`), [Y, G] = qn("Modal", L.zIndex), [oe, U] = l.useMemo(() => h && typeof h == "object" ? [void 0, h] : [h, void 0], [h]), de = l.useMemo(() => {
+    const A = {};
+    return U && Object.keys(U).forEach((_) => {
+      const V = U[_];
+      V !== void 0 && (A[`--${B}-${_}-width`] = typeof V == "number" ? `${V}px` : V);
+    }), A;
+  }, [U]);
+  return x(/* @__PURE__ */ l.createElement(Yn, {
+    form: !0,
+    space: !0
+  }, /* @__PURE__ */ l.createElement(Un.Provider, {
+    value: G
+  }, /* @__PURE__ */ l.createElement(Ye, Object.assign({
+    width: oe
+  }, L, {
+    zIndex: Y,
+    getContainer: E === void 0 ? o : E,
+    prefixCls: B,
+    rootClassName: z($, a, j, g),
+    footer: T,
+    visible: f ?? v,
+    mousePosition: (n = L.mousePosition) !== null && n !== void 0 ? n : ge,
+    onClose: d,
+    closable: R && {
+      disabled: te,
+      closeIcon: K
+    },
+    closeIcon: K,
+    focusTriggerAfterClose: C,
+    transitionName: se(X, "zoom", e.transitionName),
+    maskTransitionName: se(X, "fade", e.maskTransitionName),
+    className: z($, m, i == null ? void 0 : i.className),
+    style: Object.assign(Object.assign(Object.assign({}, i == null ? void 0 : i.style), b), de),
+    classNames: Object.assign(Object.assign(Object.assign({}, i == null ? void 0 : i.classNames), O), {
+      wrapper: z(F, O == null ? void 0 : O.wrapper)
+    }),
+    styles: Object.assign(Object.assign({}, i == null ? void 0 : i.styles), I),
+    panelRef: Z
+  }), w ? /* @__PURE__ */ l.createElement(Jn, {
+    active: !0,
+    title: !1,
+    paragraph: {
+      rows: 4
+    },
+    className: `${B}-body-skeleton`
+  }) : S))));
+}, Nt = (e) => {
+  const {
+    componentCls: n,
+    titleFontSize: o,
+    titleLineHeight: t,
+    modalConfirmIconSize: r,
+    fontSize: i,
+    lineHeight: d,
+    modalTitleHeight: c,
+    fontHeight: s,
+    confirmBodyPadding: m
+  } = e, a = `${n}-confirm`;
+  return {
+    [a]: {
+      "&-rtl": {
+        direction: "rtl"
+      },
+      [`${e.antCls}-modal-header`]: {
+        display: "none"
+      },
+      [`${a}-body-wrapper`]: Object.assign({}, Fn()),
+      [`&${n} ${n}-body`]: {
+        padding: m
+      },
+      // ====================== Body ======================
+      [`${a}-body`]: {
+        display: "flex",
+        flexWrap: "nowrap",
+        alignItems: "start",
+        [`> ${e.iconCls}`]: {
+          flex: "none",
+          fontSize: r,
+          marginInlineEnd: e.confirmIconMarginInlineEnd,
+          marginTop: e.calc(e.calc(s).sub(r).equal()).div(2).equal()
+        },
+        [`&-has-title > ${e.iconCls}`]: {
+          marginTop: e.calc(e.calc(c).sub(r).equal()).div(2).equal()
+        }
+      },
+      [`${a}-paragraph`]: {
+        display: "flex",
+        flexDirection: "column",
+        flex: "auto",
+        rowGap: e.marginXS,
+        // https://github.com/ant-design/ant-design/issues/51912
+        maxWidth: `calc(100% - ${N(e.marginSM)})`
+      },
+      // https://github.com/ant-design/ant-design/issues/48159
+      [`${e.iconCls} + ${a}-paragraph`]: {
+        maxWidth: `calc(100% - ${N(e.calc(e.modalConfirmIconSize).add(e.marginSM).equal())})`
+      },
+      [`${a}-title`]: {
+        color: e.colorTextHeading,
+        fontWeight: e.fontWeightStrong,
+        fontSize: o,
+        lineHeight: t
+      },
+      [`${a}-content`]: {
+        color: e.colorText,
+        fontSize: i,
+        lineHeight: d
+      },
+      // ===================== Footer =====================
+      [`${a}-btns`]: {
+        textAlign: "end",
+        marginTop: e.confirmBtnsMarginTop,
+        [`${e.antCls}-btn + ${e.antCls}-btn`]: {
+          marginBottom: 0,
+          marginInlineStart: e.marginXS
+        }
+      }
+    },
+    [`${a}-error ${a}-body > ${e.iconCls}`]: {
+      color: e.colorError
+    },
+    [`${a}-warning ${a}-body > ${e.iconCls},
+        ${a}-confirm ${a}-body > ${e.iconCls}`]: {
+      color: e.colorWarning
+    },
+    [`${a}-info ${a}-body > ${e.iconCls}`]: {
+      color: e.colorInfo
+    },
+    [`${a}-success ${a}-body > ${e.iconCls}`]: {
+      color: e.colorSuccess
+    }
+  };
+}, Pt = zn(["Modal", "confirm"], (e) => {
+  const n = nn(e);
+  return [Nt(n)];
+}, tn, {
+  // confirm is weak than modal since no conflict here
+  order: -1e3
+});
+var It = function(e, n) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+    n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (o[t[r]] = e[t[r]]);
+  return o;
+};
+function an(e) {
+  const {
+    prefixCls: n,
+    icon: o,
+    okText: t,
+    cancelText: r,
+    confirmPrefixCls: i,
+    type: d,
+    okCancel: c,
+    footer: s,
+    // Legacy for static function usage
+    locale: m
+  } = e, a = It(e, ["prefixCls", "icon", "okText", "cancelText", "confirmPrefixCls", "type", "okCancel", "footer", "locale"]);
+  if (process.env.NODE_ENV !== "production") {
+    const w = pe("Modal");
+    process.env.NODE_ENV !== "production" && w(!(typeof o == "string" && o.length > 2), "breaking", `\`icon\` is using ReactNode instead of string naming in v4. Please check \`${o}\` at https://ant.design/components/icon`);
+  }
+  let f = o;
+  if (!o && o !== null)
+    switch (d) {
+      case "info":
+        f = /* @__PURE__ */ l.createElement(ke, null);
+        break;
+      case "success":
+        f = /* @__PURE__ */ l.createElement(Wn, null);
+        break;
+      case "error":
+        f = /* @__PURE__ */ l.createElement(Gn, null);
+        break;
+      default:
+        f = /* @__PURE__ */ l.createElement(Kn, null);
+    }
+  const u = c ?? d === "confirm", p = e.autoFocusButton === null ? !1 : e.autoFocusButton || "ok", [E] = ye("Modal"), C = m || E, b = t || (u ? C == null ? void 0 : C.okText : C == null ? void 0 : C.justOkText), v = r || (C == null ? void 0 : C.cancelText), h = Object.assign({
+    autoFocusButton: p,
+    cancelTextLocale: v,
+    okTextLocale: b,
+    mergedOkCancel: u
+  }, a), P = l.useMemo(() => h, k(Object.values(h))), O = /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(Ne, null), /* @__PURE__ */ l.createElement(Pe, null)), I = e.title !== void 0 && e.title !== null, S = `${i}-body`;
+  return /* @__PURE__ */ l.createElement("div", {
+    className: `${i}-body-wrapper`
+  }, /* @__PURE__ */ l.createElement("div", {
+    className: z(S, {
+      [`${S}-has-title`]: I
+    })
+  }, f, /* @__PURE__ */ l.createElement("div", {
+    className: `${i}-paragraph`
+  }, I && /* @__PURE__ */ l.createElement("span", {
+    className: `${i}-title`
+  }, e.title), /* @__PURE__ */ l.createElement("div", {
+    className: `${i}-content`
+  }, e.content))), s === void 0 || typeof s == "function" ? /* @__PURE__ */ l.createElement(Xe, {
+    value: P
+  }, /* @__PURE__ */ l.createElement("div", {
+    className: `${i}-btns`
+  }, typeof s == "function" ? s(O, {
+    OkBtn: Pe,
+    CancelBtn: Ne
+  }) : O)) : s, /* @__PURE__ */ l.createElement(Pt, {
+    prefixCls: n
+  }));
+}
+const ln = (e) => {
+  const {
+    close: n,
+    zIndex: o,
+    maskStyle: t,
+    direction: r,
+    prefixCls: i,
+    wrapClassName: d,
+    rootPrefixCls: c,
+    bodyStyle: s,
+    closable: m = !1,
+    onConfirm: a,
+    styles: f
+  } = e;
+  if (process.env.NODE_ENV !== "production") {
+    const O = pe("Modal");
+    [["visible", "open"], ["bodyStyle", "styles.body"], ["maskStyle", "styles.mask"]].forEach((I) => {
+      let [S, w] = I;
+      O.deprecated(!(S in e), S, w);
+    });
+  }
+  const u = `${i}-confirm`, p = e.width || 416, E = e.style || {}, C = e.mask === void 0 ? !0 : e.mask, b = e.maskClosable === void 0 ? !1 : e.maskClosable, v = z(u, `${u}-${e.type}`, {
+    [`${u}-rtl`]: r === "rtl"
+  }, e.className), [, h] = _n(), P = l.useMemo(() => o !== void 0 ? o : h.zIndexPopupBase + kn, [o, h]);
+  return /* @__PURE__ */ l.createElement(rn, Object.assign({}, e, {
+    className: v,
+    wrapClassName: z({
+      [`${u}-centered`]: !!e.centered
+    }, d),
+    onCancel: () => {
+      n == null || n({
+        triggerCancel: !0
+      }), a == null || a(!1);
+    },
+    title: "",
+    footer: null,
+    transitionName: se(c || "", "zoom", e.transitionName),
+    maskTransitionName: se(c || "", "fade", e.maskTransitionName),
+    mask: C,
+    maskClosable: b,
+    style: E,
+    styles: Object.assign({
+      body: s,
+      mask: t
+    }, f),
+    width: p,
+    zIndex: P,
+    closable: m
+  }), /* @__PURE__ */ l.createElement(an, Object.assign({}, e, {
+    confirmPrefixCls: u
+  })));
+}, xe = (e) => {
+  const {
+    rootPrefixCls: n,
+    iconPrefixCls: o,
+    direction: t,
+    theme: r
+  } = e;
+  return /* @__PURE__ */ l.createElement(We, {
+    prefixCls: n,
+    iconPrefixCls: o,
+    direction: t,
+    theme: r
+  }, /* @__PURE__ */ l.createElement(ln, Object.assign({}, e)));
+};
+process.env.NODE_ENV !== "production" && (ln.displayName = "ConfirmDialog", xe.displayName = "ConfirmDialogWrapper");
+const ee = [];
+let sn = "";
+function cn() {
+  return sn;
+}
+const Tt = (e) => {
+  var n, o;
+  const {
+    prefixCls: t,
+    getContainer: r,
+    direction: i
+  } = e, d = Ve(), c = ae(ce), s = cn() || c.getPrefixCls(), m = t || `${s}-modal`;
+  let a = r;
+  return a === !1 && (a = void 0, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "production" && Ge(!1, "Modal", "Static method not support `getContainer` to be `false` since it do not have context env.")), /* @__PURE__ */ y.createElement(xe, Object.assign({}, e, {
+    rootPrefixCls: s,
+    prefixCls: m,
+    iconPrefixCls: c.iconPrefixCls,
+    theme: c.theme,
+    direction: i ?? c.direction,
+    locale: (o = (n = c.locale) === null || n === void 0 ? void 0 : n.Modal) !== null && o !== void 0 ? o : d,
+    getContainer: a
+  }));
+};
+function ie(e) {
+  const n = Ln();
+  process.env.NODE_ENV !== "production" && !n.holderRender && Hn("Modal");
+  const o = document.createDocumentFragment();
+  let t = Object.assign(Object.assign({}, e), {
+    close: s,
+    open: !0
+  }), r, i;
+  function d() {
+    for (var a, f = arguments.length, u = new Array(f), p = 0; p < f; p++)
+      u[p] = arguments[p];
+    if (u.some((b) => b == null ? void 0 : b.triggerCancel)) {
+      var C;
+      (a = e.onCancel) === null || a === void 0 || (C = a).call.apply(C, [e, () => {
+      }].concat(k(u.slice(1))));
+    }
+    for (let b = 0; b < ee.length; b++)
+      if (ee[b] === s) {
+        ee.splice(b, 1);
+        break;
+      }
+    i();
+  }
+  function c(a) {
+    clearTimeout(r), r = setTimeout(() => {
+      const f = n.getPrefixCls(void 0, cn()), u = n.getIconPrefixCls(), p = n.getTheme(), E = /* @__PURE__ */ y.createElement(Tt, Object.assign({}, a));
+      i = Vn()(/* @__PURE__ */ y.createElement(We, {
+        prefixCls: f,
+        iconPrefixCls: u,
+        theme: p
+      }, n.holderRender ? n.holderRender(E) : E), o);
+    });
+  }
+  function s() {
+    for (var a = arguments.length, f = new Array(a), u = 0; u < a; u++)
+      f[u] = arguments[u];
+    t = Object.assign(Object.assign({}, t), {
+      open: !1,
+      afterClose: () => {
+        typeof e.afterClose == "function" && e.afterClose(), d.apply(this, f);
+      }
+    }), t.visible && delete t.visible, c(t);
+  }
+  function m(a) {
+    typeof a == "function" ? t = a(t) : t = Object.assign(Object.assign({}, t), a), c(t);
+  }
+  return c(t), ee.push(s), {
+    destroy: s,
+    update: m
+  };
+}
+function dn(e) {
+  return Object.assign(Object.assign({}, e), {
+    type: "warning"
+  });
+}
+function un(e) {
+  return Object.assign(Object.assign({}, e), {
+    type: "info"
+  });
+}
+function fn(e) {
+  return Object.assign(Object.assign({}, e), {
+    type: "success"
+  });
+}
+function mn(e) {
+  return Object.assign(Object.assign({}, e), {
+    type: "error"
+  });
+}
+function gn(e) {
+  return Object.assign(Object.assign({}, e), {
+    type: "confirm"
+  });
+}
+function Mt(e) {
+  let {
+    rootPrefixCls: n
+  } = e;
+  process.env.NODE_ENV !== "production" && Ge(!1, "Modal", "Modal.config is deprecated. Please use ConfigProvider.config instead."), sn = n;
+}
+var Rt = function(e, n) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+    n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (o[t[r]] = e[t[r]]);
+  return o;
+};
+const jt = (e, n) => {
+  var o, {
+    afterClose: t,
+    config: r
+  } = e, i = Rt(e, ["afterClose", "config"]);
+  const [d, c] = l.useState(!0), [s, m] = l.useState(r), {
+    direction: a,
+    getPrefixCls: f
+  } = l.useContext(ce), u = f("modal"), p = f(), E = () => {
+    var h;
+    t(), (h = s.afterClose) === null || h === void 0 || h.call(s);
+  }, C = function() {
+    var h;
+    c(!1);
+    for (var P = arguments.length, O = new Array(P), I = 0; I < P; I++)
+      O[I] = arguments[I];
+    if (O.some((L) => L == null ? void 0 : L.triggerCancel)) {
+      var w;
+      (h = s.onCancel) === null || h === void 0 || (w = h).call.apply(w, [s, () => {
+      }].concat(k(O.slice(1))));
+    }
+  };
+  l.useImperativeHandle(n, () => ({
+    destroy: C,
+    update: (h) => {
+      m((P) => Object.assign(Object.assign({}, P), h));
+    }
+  }));
+  const b = (o = s.okCancel) !== null && o !== void 0 ? o : s.type === "confirm", [v] = ye("Modal", An.Modal);
+  return /* @__PURE__ */ l.createElement(xe, Object.assign({
+    prefixCls: u,
+    rootPrefixCls: p
+  }, s, {
+    close: C,
+    open: d,
+    afterClose: E,
+    okText: s.okText || (b ? v == null ? void 0 : v.okText : v == null ? void 0 : v.justOkText),
+    direction: s.direction || a,
+    cancelText: s.cancelText || (v == null ? void 0 : v.cancelText)
+  }, i));
+}, Bt = /* @__PURE__ */ l.forwardRef(jt);
+let _e = 0;
+const Dt = /* @__PURE__ */ l.memo(/* @__PURE__ */ l.forwardRef((e, n) => {
+  const [o, t] = lt();
+  return l.useImperativeHandle(n, () => ({
+    patchElement: t
+  }), []), /* @__PURE__ */ l.createElement(l.Fragment, null, o);
+}));
+function zt() {
+  const e = l.useRef(null), [n, o] = l.useState([]);
+  l.useEffect(() => {
+    n.length && (k(n).forEach((d) => {
+      d();
+    }), o([]));
+  }, [n]);
+  const t = l.useCallback((i) => function(c) {
+    var s;
+    _e += 1;
+    const m = /* @__PURE__ */ l.createRef();
+    let a;
+    const f = new Promise((b) => {
+      a = b;
+    });
+    let u = !1, p;
+    const E = /* @__PURE__ */ l.createElement(Bt, {
+      key: `modal-${_e}`,
+      config: i(c),
+      ref: m,
+      afterClose: () => {
+        p == null || p();
+      },
+      isSilent: () => u,
+      onConfirm: (b) => {
+        a(b);
+      }
+    });
+    return p = (s = e.current) === null || s === void 0 ? void 0 : s.patchElement(E), p && ee.push(p), {
+      destroy: () => {
+        function b() {
+          var v;
+          (v = m.current) === null || v === void 0 || v.destroy();
+        }
+        m.current ? b() : o((v) => [].concat(k(v), [b]));
+      },
+      update: (b) => {
+        function v() {
+          var h;
+          (h = m.current) === null || h === void 0 || h.update(b);
+        }
+        m.current ? v() : o((h) => [].concat(k(h), [v]));
+      },
+      then: (b) => (u = !0, f.then(b))
+    };
+  }, []);
+  return [l.useMemo(() => ({
+    info: t(un),
+    success: t(fn),
+    error: t(mn),
+    warning: t(dn),
+    confirm: t(gn)
+  }), []), /* @__PURE__ */ l.createElement(Dt, {
+    key: "modal-holder",
+    ref: e
+  })];
+}
+var Ft = function(e, n) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+    n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (o[t[r]] = e[t[r]]);
+  return o;
+};
+const _t = (e) => {
+  const {
+    prefixCls: n,
+    className: o,
+    closeIcon: t,
+    closable: r,
+    type: i,
+    title: d,
+    children: c,
+    footer: s
+  } = e, m = Ft(e, ["prefixCls", "className", "closeIcon", "closable", "type", "title", "children", "footer"]), {
+    getPrefixCls: a
+  } = l.useContext(ce), f = a(), u = n || a("modal"), p = Ke(f), [E, C, b] = on(u, p), v = `${u}-confirm`;
+  let h = {};
+  return i ? h = {
+    closable: r ?? !1,
+    title: "",
+    footer: "",
+    children: /* @__PURE__ */ l.createElement(an, Object.assign({}, e, {
+      prefixCls: u,
+      confirmPrefixCls: v,
+      rootPrefixCls: f,
+      content: c
+    }))
+  } : h = {
+    closable: r ?? !0,
+    title: d,
+    footer: s !== null && /* @__PURE__ */ l.createElement(en, Object.assign({}, e)),
+    children: c
+  }, E(/* @__PURE__ */ l.createElement(ve, Object.assign({
+    prefixCls: u,
+    className: z(C, `${u}-pure-panel`, i && v, i && `${v}-${i}`, o, b, p)
+  }, m, {
+    closeIcon: Je(u, t),
+    closable: r
+  }, h)));
+}, Ht = ot(_t);
+function Cn(e) {
+  return ie(dn(e));
+}
+const W = rn;
+W.useModal = zt;
+W.info = function(n) {
+  return ie(un(n));
+};
+W.success = function(n) {
+  return ie(fn(n));
+};
+W.error = function(n) {
+  return ie(mn(n));
+};
+W.warning = Cn;
+W.warn = Cn;
+W.confirm = function(n) {
+  return ie(gn(n));
+};
+W.destroyAll = function() {
+  for (; ee.length; ) {
+    const n = ee.pop();
+    n && n();
+  }
+};
+W.config = Mt;
+W._InternalPanelDoNotUseOrYouWillBeFired = Ht;
+process.env.NODE_ENV !== "production" && (W.displayName = "Modal");
+var Lt = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z" } }] }, name: "minus", theme: "outlined" }, At = function(n, o) {
+  return /* @__PURE__ */ l.createElement(Le, q({}, n, {
+    ref: o,
+    icon: Lt
+  }));
+}, pn = /* @__PURE__ */ l.forwardRef(At);
+process.env.NODE_ENV !== "production" && (pn.displayName = "MinusOutlined");
+const Ko = () => {
+  const { theme: e } = On(), [n, o] = ne(!1), [t, r] = ne({ key: "", value: null }), [i, d] = ne([]), [c, s] = ne(""), [m, a] = ne(!0), [f, u] = ne([]);
+  if (me(() => {
+    e && (console.log("Theme changed, updating tree data:", e), u(O(e)));
+  }, [e]), !e)
+    return null;
+  const p = () => {
+    d([]), a(!1);
+  }, E = () => {
+    console.log("resetting"), s(""), p(), u(O(e));
+  }, C = (g, x) => {
+    const $ = [], j = (F, T) => {
+      for (const R of F)
+        R.children && (R.children.some((K) => K.key === T) && $.push(R.key), j(R.children, T));
+    };
+    return j(x, g), $;
+  }, b = (g, x) => {
+    let $ = [];
+    const j = (F) => {
+      F.forEach((T) => {
+        if (T.title.toLowerCase().includes(x.toLowerCase())) {
+          $.push(T.key);
+          const R = C(T.key, g);
+          $ = [...$, ...R];
+        }
+        T.children && j(T.children);
+      });
+    };
+    return j(g), [...new Set($)];
+  }, v = (g) => {
+    if (!g.trim()) {
+      E();
+      return;
+    }
+    if (g.length >= 3) {
+      const x = O(e);
+      u(x);
+      const $ = b(x, g);
+      d($), s(g), a(!0);
+    } else
+      p(), s(g);
+  }, h = (g) => {
+    d(g), a(!1);
+  }, P = (g) => `${g}_${Math.floor(Math.random() * 983423219)}`, O = (g) => {
+    const x = [];
+    for (const $ in g)
+      typeof g[$] == "object" ? x.push({
+        title: $,
+        originalKey: $,
+        key: P($),
+        children: O(g[$]),
+        value: g[$]
+      }) : x.push({
+        title: $,
+        originalKey: $,
+        key: P($),
+        value: g[$]
+      });
+    return x;
+  }, I = O(e), S = (g) => {
+    g.children || (r({
+      key: g.originalKey || g.title,
+      value: g.value
+    }), o(!0));
+  }, w = (g) => typeof g == "string" && g.startsWith("#") ? /* @__PURE__ */ J("p", { children: [
+    /* @__PURE__ */ D("strong", { children: "Color:" }),
+    " ",
+    g,
+    /* @__PURE__ */ D(
+      "div",
+      {
+        style: {
+          width: 100,
+          height: 100,
+          backgroundColor: g,
+          borderWidth: 1,
+          border: "1px solid #ccc",
+          borderRadius: 4,
+          marginTop: 8
+        }
+      }
+    )
+  ] }) : /* @__PURE__ */ J("p", { children: [
+    /* @__PURE__ */ D("strong", { children: "Value:" }),
+    " ",
+    String(t.value)
+  ] }), L = (g) => g.map((x) => {
+    const $ = x.title.toLowerCase().indexOf(c.toLowerCase()), j = x.title.substring(0, $), F = x.title.substring($, $ + c.length), T = x.title.substring($ + c.length), R = $ > -1 ? /* @__PURE__ */ J("span", { children: [
+      j,
+      /* @__PURE__ */ D("span", { style: { color: "#f50" }, children: F }),
+      T
+    ] }) : /* @__PURE__ */ D("span", { children: x.title });
+    return x.children ? /* @__PURE__ */ D(fe.TreeNode, { title: R, children: L(x.children) }, x.key) : /* @__PURE__ */ En(
+      fe.TreeNode,
+      {
+        ...x,
+        key: x.key,
+        title: /* @__PURE__ */ D("span", { onClick: () => S(x), children: R })
+      }
+    );
+  }), B = e.mode.charAt(0).toUpperCase() + e.mode.slice(1), X = (g) => {
+    const x = g.target.value;
+    s(x), x ? x.length < 3 && p() : E();
+  };
+  return /* @__PURE__ */ J(xn, { children: [
+    /* @__PURE__ */ D("div", { style: { margin: "16px 0px" }, children: /* @__PURE__ */ J(Sn, { variant: "heading2", children: [
+      B,
+      " Mode"
+    ] }) }),
+    /* @__PURE__ */ D(
+      wn.Search,
+      {
+        style: { marginBottom: 8, width: 300 },
+        placeholder: "Search token (min 3 characters)...",
+        onSearch: v,
+        allowClear: !0,
+        onChange: X,
+        value: c
+      }
+    ),
+    /* @__PURE__ */ D(
+      fe,
+      {
+        selectable: !1,
+        expandedKeys: i,
+        autoExpandParent: m,
+        onExpand: h,
+        switcherIcon: (g) => {
+          const { expanded: x } = g;
+          return x ? /* @__PURE__ */ D(pn, {}) : /* @__PURE__ */ D(Pn, {});
+        },
+        children: L(f.length > 0 ? f : I)
+      }
+    ),
+    /* @__PURE__ */ D(
+      W,
+      {
+        title: "Properties",
+        open: n,
+        onOk: () => o(!1),
+        onCancel: () => o(!1),
+        width: 300,
+        children: /* @__PURE__ */ D(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              width: 250,
+              padding: 16,
+              borderRadius: 4,
+              backgroundColor: "#f9f9f9"
+            },
+            children: /* @__PURE__ */ J("div", { children: [
+              /* @__PURE__ */ D("div", { children: /* @__PURE__ */ J("p", { children: [
+                /* @__PURE__ */ D("strong", { children: "Token:" }),
+                " ",
+                t.key
+              ] }) }),
+              /* @__PURE__ */ D("div", { children: w(t.value) })
+            ] })
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  Ko as ThemeTree
+};