@gobolt/genesis 0.0.11 → 0.1.0

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

@@ -1,8 +1,8 @@
-import { jsxs as J, Fragment as xn, jsx as z } from "react/jsx-runtime";
+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-DqI7RslA.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";
@@ -15,7 +15,7 @@ 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 Le } from "../../../styles-BSD221S5.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";
@@ -23,39 +23,40 @@ 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-D9iYILpv.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-hoPiccJv.js";
-import { d as q, e as D, _ as L, f as Ee, a as Ce, j as Oe, l as Se, c as Nn } from "../../../presets-Djh_L_6R.js";
-import { I as Ae } from "../../../AntdIcon-nCNB0J1E.js";
-import { R as Pn } from "../../../index-BTGF--50.js";
-import { h as k, z as In, o as He, a as Tn, a0 as Ve, W as Mn, g as Rn, j as N, r as jn, k as Bn, m as zn, C as ce, e as pe, N as Dn, s as Fn, n as We, c as _n, a1 as Ln, F as Ge, a2 as An, l as Hn } from "../../../index-ByspLxrB.js";
-import { g as Vn } from "../../../index-Dyl-ddV6.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-D81lkWy4.js";
-import { i as Xn, P as Qn, g as se } from "../../../index-DWUXwgXK.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-CwuJooYf.js";
-import { u as Ke } from "../../../useCSSVarCls-C-MlZC6a.js";
-import { S as Jn } from "../../../Skeleton-B3vg9CbL.js";
-import { B as qe, c as et } from "../../../button-B2Rgggx2.js";
-import { u as ye } from "../../../useLocale-DWRfeMSS.js";
-import { g as nt } from "../../../styles-BDbHpHsc.js";
-import { K as Ue } from "../../../Keyframes-sPZXYuXt.js";
-import { i as tt } from "../../../index-CqqwGTME.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-5-15jS0h.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(Ae, q({}, n, {
+  return /* @__PURE__ */ l.createElement(Le, q({}, n, {
     ref: o,
     icon: rt
   }));
@@ -112,7 +113,7 @@ const it = new Ue("antFadeIn", {
     onCancel: c,
     onConfirm: s
   } = ae(le);
-  return r ? /* @__PURE__ */ y.createElement(Le, {
+  return r ? /* @__PURE__ */ y.createElement(He, {
     isSilent: t,
     actionFn: c,
     close: function() {
@@ -134,7 +135,7 @@ const it = new Ue("antFadeIn", {
     onConfirm: c,
     onOk: s
   } = ae(le);
-  return /* @__PURE__ */ y.createElement(Le, {
+  return /* @__PURE__ */ y.createElement(He, {
     isSilent: o,
     type: d || "primary",
     actionFn: s,
@@ -181,7 +182,7 @@ var ft = {
 }, 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, A = y.useContext(Qe), B = A.panel, X = In(v, B), g = Q(), x = Q();
+  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() {
@@ -203,11 +204,11 @@ var ft = {
   var $ = {};
   O !== void 0 && ($.width = O), I !== void 0 && ($.height = I);
   var j = c ? /* @__PURE__ */ y.createElement("div", {
-    className: D("".concat(o, "-footer"), S == null ? void 0 : S.footer),
-    style: L({}, w == null ? void 0 : w.footer)
+    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: D("".concat(o, "-header"), S == null ? void 0 : S.header),
-    style: L({}, w == null ? void 0 : w.header)
+    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
@@ -225,11 +226,11 @@ var ft = {
     className: "".concat(o, "-close"),
     disabled: K
   }), T.closeIcon) : null, Z = /* @__PURE__ */ y.createElement("div", {
-    className: D("".concat(o, "-content"), S == null ? void 0 : S.content),
+    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: D("".concat(o, "-body"), S == null ? void 0 : S.body),
-    style: L(L({}, u), w == null ? void 0 : w.body)
+    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",
@@ -237,8 +238,8 @@ var ft = {
     "aria-labelledby": i ? d : null,
     "aria-modal": "true",
     ref: X,
-    style: L(L({}, r), $),
-    className: D(o, t),
+    style: H(H({}, r), $),
+    className: z(o, t),
     onMouseDown: C,
     onMouseUp: b
   }, /* @__PURE__ */ y.createElement("div", {
@@ -261,7 +262,7 @@ var Ze = /* @__PURE__ */ l.forwardRef(function(e, n) {
     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(He, {
+  return /* @__PURE__ */ l.createElement(Ae, {
     visible: d,
     onVisibleChanged: f,
     onAppearPrepare: P,
@@ -278,15 +279,15 @@ var Ze = /* @__PURE__ */ l.forwardRef(function(e, n) {
       ariaId: a,
       prefixCls: o,
       holderRef: I,
-      style: L(L(L({}, w), r), h),
-      className: D(i, S)
+      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(He, {
+  return /* @__PURE__ */ l.createElement(Ae, {
     key: "mask",
     visible: r,
     motionName: d,
@@ -295,12 +296,12 @@ var gt = function(n) {
     var a = s.className, f = s.style;
     return /* @__PURE__ */ l.createElement("div", q({
       ref: m,
-      style: L(L({}, f), t),
-      className: D("".concat(o, "-mask"), a, c)
+      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, A = 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;
+  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."));
@@ -314,7 +315,7 @@ var gt = function(n) {
       (M = K.current) === null || M === void 0 || M.focus();
     }
   }
-  function H(M) {
+  function A(M) {
     if (M)
       de();
     else {
@@ -358,20 +359,20 @@ var gt = function(n) {
       clearTimeout(re.current);
     };
   }, []);
-  var vn = L(L(L({
+  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: D("".concat(t, "-root"), $)
+    className: z("".concat(t, "-root"), $)
   }, he(n, {
     data: !0
   })), /* @__PURE__ */ l.createElement(gt, {
     prefixCls: t,
     visible: S && d,
-    motionName: Ie(t, w, A),
-    style: L(L({
+    motionName: Ie(t, w, L),
+    style: H(H({
       zIndex: r
     }, g), F == null ? void 0 : F.mask),
     maskProps: x,
@@ -379,7 +380,7 @@ var gt = function(n) {
   }), /* @__PURE__ */ l.createElement("div", q({
     tabIndex: -1,
     onKeyDown: yn,
-    className: D("".concat(t, "-wrap"), u, j == null ? void 0 : j.wrapper),
+    className: z("".concat(t, "-wrap"), u, j == null ? void 0 : j.wrapper),
     ref: R,
     onClick: $e,
     style: vn
@@ -392,7 +393,7 @@ var gt = function(n) {
     prefixCls: t,
     visible: d && Y,
     onClose: _,
-    onVisibleChanged: H,
+    onVisibleChanged: A,
     motionName: Ie(t, v, h)
   }))));
 }, Ye = function(n) {
@@ -494,7 +495,7 @@ function vt(e) {
       n.remove(o.current);
   });
 }
-const ze = () => {
+const De = () => {
   const {
     cancelButtonProps: e,
     cancelTextLocale: n,
@@ -503,7 +504,7 @@ const ze = () => {
   return /* @__PURE__ */ y.createElement(qe, Object.assign({
     onClick: o
   }, e), n);
-}, De = () => {
+}, ze = () => {
   const {
     confirmLoading: e,
     okButtonProps: n,
@@ -545,9 +546,9 @@ const en = (e) => {
     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(ze, null), /* @__PURE__ */ y.createElement(De, null)), typeof m == "function" && (C = m(C, {
-    OkBtn: De,
-    CancelBtn: ze
+  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, {
@@ -798,7 +799,7 @@ const xt = (e) => {
   };
 }, nn = (e) => {
   const n = e.padding, o = e.fontSizeHeading5, t = e.lineHeightHeading5;
-  return zn(e, {
+  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,
@@ -861,22 +862,22 @@ const rn = (e) => {
     getPrefixCls: t,
     direction: r,
     modal: i
-  } = l.useContext(ce), d = (H) => {
+  } = l.useContext(ce), d = (A) => {
     const {
       onCancel: _
     } = e;
-    _ == null || _(H);
-  }, c = (H) => {
+    _ == null || _(A);
+  }, c = (A) => {
     const {
       onOk: _
     } = e;
-    _ == null || _(H);
+    _ == null || _(A);
   };
   if (process.env.NODE_ENV !== "production") {
-    const H = pe("Modal");
+    const A = pe("Modal");
     [["visible", "open"], ["bodyStyle", "styles.body"], ["maskStyle", "styles.mask"]].forEach((_) => {
       let [V, re] = _;
-      H.deprecated(!(V in e), V, re);
+      A.deprecated(!(V in e), V, re);
     });
   }
   const {
@@ -897,7 +898,7 @@ const rn = (e) => {
     styles: I,
     children: S,
     loading: w
-  } = e, A = 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 = D(u, {
+  } = 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, {
@@ -908,13 +909,13 @@ const rn = (e) => {
     closeIcon: /* @__PURE__ */ l.createElement(be, {
       className: `${B}-close-icon`
     }),
-    closeIconRender: (H) => Je(B, H)
-  }), Z = vt(`.${B}-content`), [Y, G] = qn("Modal", A.zIndex), [oe, U] = l.useMemo(() => h && typeof h == "object" ? [void 0, h] : [h, void 0], [h]), de = l.useMemo(() => {
-    const H = {};
+    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 && (H[`--${B}-${_}-width`] = typeof V == "number" ? `${V}px` : V);
-    }), H;
+      V !== void 0 && (A[`--${B}-${_}-width`] = typeof V == "number" ? `${V}px` : V);
+    }), A;
   }, [U]);
   return x(/* @__PURE__ */ l.createElement(Yn, {
     form: !0,
@@ -923,14 +924,14 @@ const rn = (e) => {
     value: G
   }, /* @__PURE__ */ l.createElement(Ye, Object.assign({
     width: oe
-  }, A, {
+  }, L, {
     zIndex: Y,
     getContainer: E === void 0 ? o : E,
     prefixCls: B,
-    rootClassName: D($, a, j, g),
+    rootClassName: z($, a, j, g),
     footer: T,
     visible: f ?? v,
-    mousePosition: (n = A.mousePosition) !== null && n !== void 0 ? n : ge,
+    mousePosition: (n = L.mousePosition) !== null && n !== void 0 ? n : ge,
     onClose: d,
     closable: R && {
       disabled: te,
@@ -940,10 +941,10 @@ const rn = (e) => {
     focusTriggerAfterClose: C,
     transitionName: se(X, "zoom", e.transitionName),
     maskTransitionName: se(X, "fade", e.maskTransitionName),
-    className: D($, m, i == null ? void 0 : i.className),
+    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: D(F, O == null ? void 0 : O.wrapper)
+      wrapper: z(F, O == null ? void 0 : O.wrapper)
     }),
     styles: Object.assign(Object.assign({}, i == null ? void 0 : i.styles), I),
     panelRef: Z
@@ -1041,7 +1042,7 @@ const rn = (e) => {
       color: e.colorSuccess
     }
   };
-}, Pt = Dn(["Modal", "confirm"], (e) => {
+}, Pt = zn(["Modal", "confirm"], (e) => {
   const n = nn(e);
   return [Nt(n)];
 }, tn, {
@@ -1096,7 +1097,7 @@ function an(e) {
   return /* @__PURE__ */ l.createElement("div", {
     className: `${i}-body-wrapper`
   }, /* @__PURE__ */ l.createElement("div", {
-    className: D(S, {
+    className: z(S, {
       [`${S}-has-title`]: I
     })
   }, f, /* @__PURE__ */ l.createElement("div", {
@@ -1137,12 +1138,12 @@ const ln = (e) => {
       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 = D(u, `${u}-${e.type}`, {
+  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: D({
+    wrapClassName: z({
       [`${u}-centered`]: !!e.centered
     }, d),
     onCancel: () => {
@@ -1206,8 +1207,8 @@ const Tt = (e) => {
   }));
 };
 function ie(e) {
-  const n = An();
-  process.env.NODE_ENV !== "production" && !n.holderRender && Ln("Modal");
+  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,
@@ -1310,7 +1311,7 @@ const jt = (e, n) => {
     c(!1);
     for (var P = arguments.length, O = new Array(P), I = 0; I < P; I++)
       O[I] = arguments[I];
-    if (O.some((A) => A == null ? void 0 : A.triggerCancel)) {
+    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))));
@@ -1322,7 +1323,7 @@ const jt = (e, n) => {
       m((P) => Object.assign(Object.assign({}, P), h));
     }
   }));
-  const b = (o = s.okCancel) !== null && o !== void 0 ? o : s.type === "confirm", [v] = ye("Modal", Hn.Modal);
+  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
@@ -1336,13 +1337,13 @@ const jt = (e, n) => {
   }, i));
 }, Bt = /* @__PURE__ */ l.forwardRef(jt);
 let _e = 0;
-const zt = /* @__PURE__ */ l.memo(/* @__PURE__ */ l.forwardRef((e, n) => {
+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 Dt() {
+function zt() {
   const e = l.useRef(null), [n, o] = l.useState([]);
   l.useEffect(() => {
     n.length && (k(n).forEach((d) => {
@@ -1394,7 +1395,7 @@ function Dt() {
     error: t(mn),
     warning: t(dn),
     confirm: t(gn)
-  }), []), /* @__PURE__ */ l.createElement(zt, {
+  }), []), /* @__PURE__ */ l.createElement(Dt, {
     key: "modal-holder",
     ref: e
   })];
@@ -1437,17 +1438,17 @@ const _t = (e) => {
     children: c
   }, E(/* @__PURE__ */ l.createElement(ve, Object.assign({
     prefixCls: u,
-    className: D(C, `${u}-pure-panel`, i && v, i && `${v}-${i}`, o, b, p)
+    className: z(C, `${u}-pure-panel`, i && v, i && `${v}-${i}`, o, b, p)
   }, m, {
     closeIcon: Je(u, t),
     closable: r
   }, h)));
-}, Lt = ot(_t);
+}, Ht = ot(_t);
 function Cn(e) {
   return ie(dn(e));
 }
 const W = rn;
-W.useModal = Dt;
+W.useModal = zt;
 W.info = function(n) {
   return ie(un(n));
 };
@@ -1469,19 +1470,19 @@ W.destroyAll = function() {
   }
 };
 W.config = Mt;
-W._InternalPanelDoNotUseOrYouWillBeFired = Lt;
+W._InternalPanelDoNotUseOrYouWillBeFired = Ht;
 process.env.NODE_ENV !== "production" && (W.displayName = "Modal");
-var At = { 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" }, Ht = function(n, o) {
-  return /* @__PURE__ */ l.createElement(Ae, q({}, n, {
+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: At
+    icon: Lt
   }));
-}, pn = /* @__PURE__ */ l.forwardRef(Ht);
+}, pn = /* @__PURE__ */ l.forwardRef(At);
 process.env.NODE_ENV !== "production" && (pn.displayName = "MinusOutlined");
-const Go = () => {
+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 && u(O(e));
+    e && (console.log("Theme changed, updating tree data:", e), u(O(e)));
   }, [e]), !e)
     return null;
   const p = () => {
@@ -1521,7 +1522,7 @@ const Go = () => {
       p(), s(g);
   }, h = (g) => {
     d(g), a(!1);
-  }, P = (g) => `${g}_${Math.floor(Math.random() * 1e5)}`, O = (g) => {
+  }, P = (g) => `${g}_${Math.floor(Math.random() * 983423219)}`, O = (g) => {
     const x = [];
     for (const $ in g)
       typeof g[$] == "object" ? x.push({
@@ -1543,10 +1544,10 @@ const Go = () => {
       value: g.value
     }), o(!0));
   }, w = (g) => typeof g == "string" && g.startsWith("#") ? /* @__PURE__ */ J("p", { children: [
-    /* @__PURE__ */ z("strong", { children: "Color:" }),
+    /* @__PURE__ */ D("strong", { children: "Color:" }),
     " ",
     g,
-    /* @__PURE__ */ z(
+    /* @__PURE__ */ D(
       "div",
       {
         style: {
@@ -1561,21 +1562,21 @@ const Go = () => {
       }
     )
   ] }) : /* @__PURE__ */ J("p", { children: [
-    /* @__PURE__ */ z("strong", { children: "Value:" }),
+    /* @__PURE__ */ D("strong", { children: "Value:" }),
     " ",
     String(t.value)
-  ] }), A = (g) => g.map((x) => {
+  ] }), 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__ */ z("span", { style: { color: "#f50" }, children: F }),
+      /* @__PURE__ */ D("span", { style: { color: "#f50" }, children: F }),
       T
-    ] }) : /* @__PURE__ */ z("span", { children: x.title });
-    return x.children ? /* @__PURE__ */ z(fe.TreeNode, { title: R, children: A(x.children) }, x.key) : /* @__PURE__ */ En(
+    ] }) : /* @__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__ */ z("span", { onClick: () => S(x), children: R })
+        title: /* @__PURE__ */ D("span", { onClick: () => S(x), children: R })
       }
     );
   }), B = e.mode.charAt(0).toUpperCase() + e.mode.slice(1), X = (g) => {
@@ -1583,14 +1584,14 @@ const Go = () => {
     s(x), x ? x.length < 3 && p() : E();
   };
   return /* @__PURE__ */ J(xn, { children: [
-    /* @__PURE__ */ z("div", { style: { margin: "16px 0px" }, children: /* @__PURE__ */ J(Sn, { variant: "heading2", children: [
+    /* @__PURE__ */ D("div", { style: { margin: "16px 0px" }, children: /* @__PURE__ */ J(Sn, { variant: "heading2", children: [
       B,
       " Mode"
     ] }) }),
-    /* @__PURE__ */ z(
+    /* @__PURE__ */ D(
       wn.Search,
       {
-        style: { marginBottom: 8 },
+        style: { marginBottom: 8, width: 300 },
         placeholder: "Search token (min 3 characters)...",
         onSearch: v,
         allowClear: !0,
@@ -1598,7 +1599,7 @@ const Go = () => {
         value: c
       }
     ),
-    /* @__PURE__ */ z(
+    /* @__PURE__ */ D(
       fe,
       {
         selectable: !1,
@@ -1607,12 +1608,12 @@ const Go = () => {
         onExpand: h,
         switcherIcon: (g) => {
           const { expanded: x } = g;
-          return x ? /* @__PURE__ */ z(pn, {}) : /* @__PURE__ */ z(Pn, {});
+          return x ? /* @__PURE__ */ D(pn, {}) : /* @__PURE__ */ D(Pn, {});
         },
-        children: A(f.length > 0 ? f : I)
+        children: L(f.length > 0 ? f : I)
       }
     ),
-    /* @__PURE__ */ z(
+    /* @__PURE__ */ D(
       W,
       {
         title: "Properties",
@@ -1620,7 +1621,7 @@ const Go = () => {
         onOk: () => o(!1),
         onCancel: () => o(!1),
         width: 300,
-        children: /* @__PURE__ */ z(
+        children: /* @__PURE__ */ D(
           "div",
           {
             style: {
@@ -1633,12 +1634,12 @@ const Go = () => {
               backgroundColor: "#f9f9f9"
             },
             children: /* @__PURE__ */ J("div", { children: [
-              /* @__PURE__ */ z("div", { children: /* @__PURE__ */ J("p", { children: [
-                /* @__PURE__ */ z("strong", { children: "Token:" }),
+              /* @__PURE__ */ D("div", { children: /* @__PURE__ */ J("p", { children: [
+                /* @__PURE__ */ D("strong", { children: "Token:" }),
                 " ",
                 t.key
               ] }) }),
-              /* @__PURE__ */ z("div", { children: w(t.value) })
+              /* @__PURE__ */ D("div", { children: w(t.value) })
             ] })
           }
         )
@@ -1647,5 +1648,5 @@ const Go = () => {
   ] });
 };
 export {
-  Go as ThemeTree
+  Ko as ThemeTree
 };