zs_library 0.3.11 → 0.3.13

package/dist/index.es.js

@@ -1,20 +1,25 @@
-var Ar = Object.defineProperty;
-var Br = (d, r, i) => r in d ? Ar(d, r, { enumerable: !0, configurable: !0, writable: !0, value: i }) : d[r] = i;
-var Oe = (d, r, i) => Br(d, typeof r != "symbol" ? r + "" : r, i);
+var Br = Object.defineProperty;
+var Lr = (g, r, l) => r in g ? Br(g, r, { enumerable: !0, configurable: !0, writable: !0, value: l }) : g[r] = l;
+var Ae = (g, r, l) => Lr(g, typeof r != "symbol" ? r + "" : r, l);
 import "./style.css";
-import nr, { createContext as ar, useMemo as Ee, useContext as ir, useState as oe, useRef as Be, useEffect as ye } from "react";
-import { cx as U, css as u } from "@emotion/css";
-import Lr from "react-slick";
+import nr, { createContext as ar, useMemo as Ee, useContext as ir, useState as te, useRef as Me, useEffect as we } from "react";
+import { cx as z, css as d } from "@emotion/css";
+import Fr from "react-slick";
 import { ReactSortable as Fe } from "react-sortablejs";
-import { AnimatePresence as Fr, motion as A } from "framer-motion";
+import { AnimatePresence as zr, motion as A } from "framer-motion";
 import { useLocalStorageState as Yr, useDebounceEffect as Wr } from "ahooks";
 import { v4 as rr } from "uuid";
-import Ur from "rc-tooltip";
-import { RiPencilRuler2Line as Vr, RiShareLine as zr, RiInformationLine as Gr, RiCloseCircleLine as Xr } from "@remixicon/react";
-import sr from "rc-dialog";
-import qr from "react-json-view";
-import { MDXEditor as Jr, toolbarPlugin as Kr, DiffSourceToggleWrapper as Hr, UndoRedo as Zr, Separator as ue, BoldItalicUnderlineToggles as Qr, CodeToggle as et, StrikeThroughSupSubToggles as rt, ListsToggle as tt, CreateLink as ot, InsertImage as nt, InsertTable as at, InsertThematicBreak as it, InsertCodeBlock as st, ConditionalContents as lt, InsertAdmonition as ct, InsertFrontmatter as ut, diffSourcePlugin as dt, listsPlugin as ft, quotePlugin as mt, headingsPlugin as gt, linkPlugin as pt, linkDialogPlugin as ht, imagePlugin as vt, tablePlugin as xt, thematicBreakPlugin as bt, frontmatterPlugin as kt, codeBlockPlugin as yt, codeMirrorPlugin as Ct, markdownShortcutPlugin as wt, directivesPlugin as jt, AdmonitionDirectiveDescriptor as It } from "@mdxeditor/editor";
-var Le = { exports: {} }, be = {};
+import Vr from "rc-tooltip";
+import { RiPencilRuler2Line as Ur, RiShareLine as Gr, RiInformationLine as Xr, RiCloseCircleLine as qr } from "@remixicon/react";
+import lr from "rc-dialog";
+import Hr from "react-json-view";
+import { MDXEditor as Jr, toolbarPlugin as Kr, DiffSourceToggleWrapper as Zr, UndoRedo as Qr, Separator as ge, BoldItalicUnderlineToggles as eo, CodeToggle as ro, StrikeThroughSupSubToggles as oo, ListsToggle as to, CreateLink as no, InsertImage as ao, InsertTable as io, InsertThematicBreak as lo, InsertCodeBlock as so, InsertFrontmatter as co, diffSourcePlugin as uo, listsPlugin as go, quotePlugin as mo, headingsPlugin as po, linkPlugin as fo, linkDialogPlugin as ho, imagePlugin as bo, tablePlugin as vo, thematicBreakPlugin as ko, frontmatterPlugin as xo, codeBlockPlugin as wo, codeMirrorPlugin as yo, markdownShortcutPlugin as Co, directivesPlugin as So, AdmonitionDirectiveDescriptor as jo } from "@mdxeditor/editor";
+import Io from "react-markdown";
+import To from "remark-gfm";
+import Ro from "remark-emoji";
+import Eo from "rehype-raw";
+import { Prism as Mo } from "react-syntax-highlighter";
+var Le = { exports: {} }, ke = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -24,21 +29,21 @@ var Le = { exports: {} }, be = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var tr;
-function St() {
-  if (tr) return be;
-  tr = 1;
-  var d = nr, r = Symbol.for("react.element"), i = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, g = d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function y(b, s, _) {
-    var p, N = {}, M = null, V = null;
-    _ !== void 0 && (M = "" + _), s.key !== void 0 && (M = "" + s.key), s.ref !== void 0 && (V = s.ref);
-    for (p in s) a.call(s, p) && !l.hasOwnProperty(p) && (N[p] = s[p]);
-    if (b && b.defaultProps) for (p in s = b.defaultProps, s) N[p] === void 0 && (N[p] = s[p]);
-    return { $$typeof: r, type: b, key: M, ref: V, props: N, _owner: g.current };
+var or;
+function _o() {
+  if (or) return ke;
+  or = 1;
+  var g = nr, r = Symbol.for("react.element"), l = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, m = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function f(b, i, I) {
+    var v, N = {}, _ = null, W = null;
+    I !== void 0 && (_ = "" + I), i.key !== void 0 && (_ = "" + i.key), i.ref !== void 0 && (W = i.ref);
+    for (v in i) a.call(i, v) && !s.hasOwnProperty(v) && (N[v] = i[v]);
+    if (b && b.defaultProps) for (v in i = b.defaultProps, i) N[v] === void 0 && (N[v] = i[v]);
+    return { $$typeof: r, type: b, key: _, ref: W, props: N, _owner: m.current };
   }
-  return be.Fragment = i, be.jsx = y, be.jsxs = y, be;
+  return ke.Fragment = l, ke.jsx = f, ke.jsxs = f, ke;
 }
-var ke = {};
+var xe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -48,91 +53,91 @@ var ke = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var or;
-function Tt() {
-  return or || (or = 1, process.env.NODE_ENV !== "production" && function() {
-    var d = nr, r = Symbol.for("react.element"), i = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), y = Symbol.for("react.provider"), b = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), V = Symbol.for("react.offscreen"), Y = Symbol.iterator, f = "@@iterator";
-    function h(e) {
+var tr;
+function Po() {
+  return tr || (tr = 1, process.env.NODE_ENV !== "production" && function() {
+    var g = nr, r = Symbol.for("react.element"), l = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), f = Symbol.for("react.provider"), b = Symbol.for("react.context"), i = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), V = Symbol.iterator, h = "@@iterator";
+    function u(e) {
       if (e === null || typeof e != "object")
         return null;
-      var t = Y && e[Y] || e[f];
-      return typeof t == "function" ? t : null;
+      var o = V && e[V] || e[h];
+      return typeof o == "function" ? o : null;
     }
-    var T = d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function m(e) {
+    var R = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function p(e) {
       {
-        for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), c = 1; c < t; c++)
+        for (var o = arguments.length, n = new Array(o > 1 ? o - 1 : 0), c = 1; c < o; c++)
           n[c - 1] = arguments[c];
         G("error", e, n);
       }
     }
-    function G(e, t, n) {
+    function G(e, o, n) {
       {
-        var c = T.ReactDebugCurrentFrame, S = c.getStackAddendum();
-        S !== "" && (t += "%s", n = n.concat([S]));
-        var $ = n.map(function(j) {
-          return String(j);
+        var c = R.ReactDebugCurrentFrame, T = c.getStackAddendum();
+        T !== "" && (o += "%s", n = n.concat([T]));
+        var $ = n.map(function(S) {
+          return String(S);
         });
-        $.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, $);
+        $.unshift("Warning: " + o), Function.prototype.apply.call(console[e], console, $);
       }
     }
-    var v = !1, P = !1, R = !1, x = !1, C = !1, X;
+    var k = !1, P = !1, E = !1, x = !1, y = !1, X;
     X = Symbol.for("react.module.reference");
     function ce(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === a || e === l || C || e === g || e === _ || e === p || x || e === V || v || P || R || typeof e == "object" && e !== null && (e.$$typeof === M || e.$$typeof === N || e.$$typeof === y || e.$$typeof === b || e.$$typeof === s || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === a || e === s || y || e === m || e === I || e === v || x || e === W || k || P || E || typeof e == "object" && e !== null && (e.$$typeof === _ || e.$$typeof === N || e.$$typeof === f || e.$$typeof === b || e.$$typeof === i || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       e.$$typeof === X || e.getModuleId !== void 0));
     }
-    function J(e, t, n) {
+    function H(e, o, n) {
       var c = e.displayName;
       if (c)
         return c;
-      var S = t.displayName || t.name || "";
-      return S !== "" ? n + "(" + S + ")" : n;
+      var T = o.displayName || o.name || "";
+      return T !== "" ? n + "(" + T + ")" : n;
     }
-    function ge(e) {
+    function pe(e) {
       return e.displayName || "Context";
     }
     function q(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && m("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && p("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
       switch (e) {
         case a:
           return "Fragment";
-        case i:
-          return "Portal";
         case l:
+          return "Portal";
+        case s:
           return "Profiler";
-        case g:
+        case m:
           return "StrictMode";
-        case _:
+        case I:
           return "Suspense";
-        case p:
+        case v:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case b:
-            var t = e;
-            return ge(t) + ".Consumer";
-          case y:
+            var o = e;
+            return pe(o) + ".Consumer";
+          case f:
             var n = e;
-            return ge(n._context) + ".Provider";
-          case s:
-            return J(e, e.render, "ForwardRef");
+            return pe(n._context) + ".Provider";
+          case i:
+            return H(e, e.render, "ForwardRef");
           case N:
             var c = e.displayName || null;
             return c !== null ? c : q(e.type) || "Memo";
-          case M: {
-            var S = e, $ = S._payload, j = S._init;
+          case _: {
+            var T = e, $ = T._payload, S = T._init;
             try {
-              return q(j($));
+              return q(S($));
             } catch {
               return null;
             }
@@ -140,18 +145,18 @@ function Tt() {
         }
       return null;
     }
-    var re = Object.assign, se = 0, B, ne, le, Ce, we, je, Ie;
-    function I() {
+    var re = Object.assign, le = 0, B, ne, se, ye, Ce, Se, je;
+    function j() {
     }
-    I.__reactDisabledLog = !0;
-    function H() {
+    j.__reactDisabledLog = !0;
+    function K() {
       {
-        if (se === 0) {
-          B = console.log, ne = console.info, le = console.warn, Ce = console.error, we = console.group, je = console.groupCollapsed, Ie = console.groupEnd;
+        if (le === 0) {
+          B = console.log, ne = console.info, se = console.warn, ye = console.error, Ce = console.group, Se = console.groupCollapsed, je = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: I,
+            value: j,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -164,12 +169,12 @@ function Tt() {
             groupEnd: e
           });
         }
-        se++;
+        le++;
       }
     }
-    function K() {
+    function J() {
       {
-        if (se--, se === 0) {
+        if (le--, le === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -183,81 +188,81 @@ function Tt() {
               value: ne
             }),
             warn: re({}, e, {
-              value: le
+              value: se
             }),
             error: re({}, e, {
-              value: Ce
+              value: ye
             }),
             group: re({}, e, {
-              value: we
+              value: Ce
             }),
             groupCollapsed: re({}, e, {
-              value: je
+              value: Se
             }),
             groupEnd: re({}, e, {
-              value: Ie
+              value: je
             })
           });
         }
-        se < 0 && m("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        le < 0 && p("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var D = T.ReactCurrentDispatcher, L;
-    function O(e, t, n) {
+    var D = R.ReactCurrentDispatcher, L;
+    function O(e, o, n) {
       {
         if (L === void 0)
           try {
             throw Error();
-          } catch (S) {
-            var c = S.stack.trim().match(/\n( *(at )?)/);
+          } catch (T) {
+            var c = T.stack.trim().match(/\n( *(at )?)/);
             L = c && c[1] || "";
           }
         return `
 ` + L + e;
       }
     }
-    var w = !1, E;
+    var C = !1, M;
     {
-      var z = typeof WeakMap == "function" ? WeakMap : Map;
-      E = new z();
+      var U = typeof WeakMap == "function" ? WeakMap : Map;
+      M = new U();
     }
-    function te(e, t) {
-      if (!e || w)
+    function oe(e, o) {
+      if (!e || C)
         return "";
       {
-        var n = E.get(e);
+        var n = M.get(e);
         if (n !== void 0)
           return n;
       }
       var c;
-      w = !0;
-      var S = Error.prepareStackTrace;
+      C = !0;
+      var T = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var $;
-      $ = D.current, D.current = null, H();
+      $ = D.current, D.current = null, K();
       try {
-        if (t) {
-          var j = function() {
+        if (o) {
+          var S = function() {
             throw Error();
           };
-          if (Object.defineProperty(j.prototype, "props", {
+          if (Object.defineProperty(S.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(j, []);
+              Reflect.construct(S, []);
             } catch (ee) {
               c = ee;
             }
-            Reflect.construct(e, [], j);
+            Reflect.construct(e, [], S);
           } else {
             try {
-              j.call();
+              S.call();
             } catch (ee) {
               c = ee;
             }
-            e.call(j.prototype);
+            e.call(S.prototype);
           }
         } else {
           try {
@@ -269,103 +274,103 @@ function Tt() {
         }
       } catch (ee) {
         if (ee && c && typeof ee.stack == "string") {
-          for (var k = ee.stack.split(`
+          for (var w = ee.stack.split(`
 `), Z = c.stack.split(`
-`), F = k.length - 1, W = Z.length - 1; F >= 1 && W >= 0 && k[F] !== Z[W]; )
-            W--;
-          for (; F >= 1 && W >= 0; F--, W--)
-            if (k[F] !== Z[W]) {
-              if (F !== 1 || W !== 1)
+`), F = w.length - 1, Y = Z.length - 1; F >= 1 && Y >= 0 && w[F] !== Z[Y]; )
+            Y--;
+          for (; F >= 1 && Y >= 0; F--, Y--)
+            if (w[F] !== Z[Y]) {
+              if (F !== 1 || Y !== 1)
                 do
-                  if (F--, W--, W < 0 || k[F] !== Z[W]) {
+                  if (F--, Y--, Y < 0 || w[F] !== Z[Y]) {
                     var ae = `
-` + k[F].replace(" at new ", " at ");
-                    return e.displayName && ae.includes("<anonymous>") && (ae = ae.replace("<anonymous>", e.displayName)), typeof e == "function" && E.set(e, ae), ae;
+` + w[F].replace(" at new ", " at ");
+                    return e.displayName && ae.includes("<anonymous>") && (ae = ae.replace("<anonymous>", e.displayName)), typeof e == "function" && M.set(e, ae), ae;
                   }
-                while (F >= 1 && W >= 0);
+                while (F >= 1 && Y >= 0);
               break;
             }
         }
       } finally {
-        w = !1, D.current = $, K(), Error.prepareStackTrace = S;
+        C = !1, D.current = $, J(), Error.prepareStackTrace = T;
       }
-      var he = e ? e.displayName || e.name : "", fe = he ? O(he) : "";
-      return typeof e == "function" && E.set(e, fe), fe;
+      var he = e ? e.displayName || e.name : "", ue = he ? O(he) : "";
+      return typeof e == "function" && M.set(e, ue), ue;
     }
-    function Se(e, t, n) {
-      return te(e, !1);
+    function Ie(e, o, n) {
+      return oe(e, !1);
     }
     function Te(e) {
-      var t = e.prototype;
-      return !!(t && t.isReactComponent);
+      var o = e.prototype;
+      return !!(o && o.isReactComponent);
     }
-    function Q(e, t, n) {
+    function Q(e, o, n) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return te(e, Te(e));
+        return oe(e, Te(e));
       if (typeof e == "string")
         return O(e);
       switch (e) {
-        case _:
+        case I:
           return O("Suspense");
-        case p:
+        case v:
           return O("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case s:
-            return Se(e.render);
+          case i:
+            return Ie(e.render);
           case N:
-            return Q(e.type, t, n);
-          case M: {
-            var c = e, S = c._payload, $ = c._init;
+            return Q(e.type, o, n);
+          case _: {
+            var c = e, T = c._payload, $ = c._init;
             try {
-              return Q($(S), t, n);
+              return Q($(T), o, n);
             } catch {
             }
           }
         }
       return "";
     }
-    var de = Object.prototype.hasOwnProperty, We = {}, Ue = T.ReactDebugCurrentFrame;
+    var de = Object.prototype.hasOwnProperty, Ye = {}, We = R.ReactDebugCurrentFrame;
     function Re(e) {
       if (e) {
-        var t = e._owner, n = Q(e.type, e._source, t ? t.type : null);
-        Ue.setExtraStackFrame(n);
+        var o = e._owner, n = Q(e.type, e._source, o ? o.type : null);
+        We.setExtraStackFrame(n);
       } else
-        Ue.setExtraStackFrame(null);
+        We.setExtraStackFrame(null);
     }
-    function pr(e, t, n, c, S) {
+    function hr(e, o, n, c, T) {
       {
         var $ = Function.call.bind(de);
-        for (var j in e)
-          if ($(e, j)) {
-            var k = void 0;
+        for (var S in e)
+          if ($(e, S)) {
+            var w = void 0;
             try {
-              if (typeof e[j] != "function") {
-                var Z = Error((c || "React class") + ": " + n + " type `" + j + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[j] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof e[S] != "function") {
+                var Z = Error((c || "React class") + ": " + n + " type `" + S + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[S] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw Z.name = "Invariant Violation", Z;
               }
-              k = e[j](t, j, c, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              w = e[S](o, S, c, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (F) {
-              k = F;
+              w = F;
             }
-            k && !(k instanceof Error) && (Re(S), m("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", c || "React class", n, j, typeof k), Re(null)), k instanceof Error && !(k.message in We) && (We[k.message] = !0, Re(S), m("Failed %s type: %s", n, k.message), Re(null));
+            w && !(w instanceof Error) && (Re(T), p("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", c || "React class", n, S, typeof w), Re(null)), w instanceof Error && !(w.message in Ye) && (Ye[w.message] = !0, Re(T), p("Failed %s type: %s", n, w.message), Re(null));
           }
       }
     }
-    var hr = Array.isArray;
+    var br = Array.isArray;
     function _e(e) {
-      return hr(e);
+      return br(e);
     }
     function vr(e) {
       {
-        var t = typeof Symbol == "function" && Symbol.toStringTag, n = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        var o = typeof Symbol == "function" && Symbol.toStringTag, n = o && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return n;
       }
     }
-    function xr(e) {
+    function kr(e) {
       try {
         return Ve(e), !1;
       } catch {
@@ -375,43 +380,43 @@ function Tt() {
     function Ve(e) {
       return "" + e;
     }
-    function ze(e) {
-      if (xr(e))
-        return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", vr(e)), Ve(e);
+    function Ue(e) {
+      if (kr(e))
+        return p("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", vr(e)), Ve(e);
     }
-    var xe = T.ReactCurrentOwner, br = {
+    var ve = R.ReactCurrentOwner, xr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ge, Xe, Me;
-    Me = {};
-    function kr(e) {
+    }, Ge, Xe, Pe;
+    Pe = {};
+    function wr(e) {
       if (de.call(e, "ref")) {
-        var t = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (t && t.isReactWarning)
+        var o = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (o && o.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
     function yr(e) {
       if (de.call(e, "key")) {
-        var t = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (t && t.isReactWarning)
+        var o = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (o && o.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function Cr(e, t) {
-      if (typeof e.ref == "string" && xe.current && t && xe.current.stateNode !== t) {
-        var n = q(xe.current.type);
-        Me[n] || (m('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', q(xe.current.type), e.ref), Me[n] = !0);
+    function Cr(e, o) {
+      if (typeof e.ref == "string" && ve.current && o && ve.current.stateNode !== o) {
+        var n = q(ve.current.type);
+        Pe[n] || (p('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', q(ve.current.type), e.ref), Pe[n] = !0);
       }
     }
-    function wr(e, t) {
+    function Sr(e, o) {
       {
         var n = function() {
-          Ge || (Ge = !0, m("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
+          Ge || (Ge = !0, p("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", o));
         };
         n.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: n,
@@ -419,10 +424,10 @@ function Tt() {
         });
       }
     }
-    function jr(e, t) {
+    function jr(e, o) {
       {
         var n = function() {
-          Xe || (Xe = !0, m("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", t));
+          Xe || (Xe = !0, p("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", o));
         };
         n.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: n,
@@ -430,70 +435,70 @@ function Tt() {
         });
       }
     }
-    var Ir = function(e, t, n, c, S, $, j) {
-      var k = {
+    var Ir = function(e, o, n, c, T, $, S) {
+      var w = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
         // Built-in properties that belong on the element
         type: e,
-        key: t,
+        key: o,
         ref: n,
-        props: j,
+        props: S,
         // Record the component responsible for creating this element.
         _owner: $
       };
-      return k._store = {}, Object.defineProperty(k._store, "validated", {
+      return w._store = {}, Object.defineProperty(w._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(k, "_self", {
+      }), Object.defineProperty(w, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: c
-      }), Object.defineProperty(k, "_source", {
+      }), Object.defineProperty(w, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: S
-      }), Object.freeze && (Object.freeze(k.props), Object.freeze(k)), k;
+        value: T
+      }), Object.freeze && (Object.freeze(w.props), Object.freeze(w)), w;
     };
-    function Sr(e, t, n, c, S) {
+    function Tr(e, o, n, c, T) {
       {
-        var $, j = {}, k = null, Z = null;
-        n !== void 0 && (ze(n), k = "" + n), yr(t) && (ze(t.key), k = "" + t.key), kr(t) && (Z = t.ref, Cr(t, S));
-        for ($ in t)
-          de.call(t, $) && !br.hasOwnProperty($) && (j[$] = t[$]);
+        var $, S = {}, w = null, Z = null;
+        n !== void 0 && (Ue(n), w = "" + n), yr(o) && (Ue(o.key), w = "" + o.key), wr(o) && (Z = o.ref, Cr(o, T));
+        for ($ in o)
+          de.call(o, $) && !xr.hasOwnProperty($) && (S[$] = o[$]);
         if (e && e.defaultProps) {
           var F = e.defaultProps;
           for ($ in F)
-            j[$] === void 0 && (j[$] = F[$]);
+            S[$] === void 0 && (S[$] = F[$]);
         }
-        if (k || Z) {
-          var W = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          k && wr(j, W), Z && jr(j, W);
+        if (w || Z) {
+          var Y = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          w && Sr(S, Y), Z && jr(S, Y);
         }
-        return Ir(e, k, Z, S, c, xe.current, j);
+        return Ir(e, w, Z, T, c, ve.current, S);
       }
     }
-    var Pe = T.ReactCurrentOwner, qe = T.ReactDebugCurrentFrame;
-    function pe(e) {
+    var De = R.ReactCurrentOwner, qe = R.ReactDebugCurrentFrame;
+    function fe(e) {
       if (e) {
-        var t = e._owner, n = Q(e.type, e._source, t ? t.type : null);
+        var o = e._owner, n = Q(e.type, e._source, o ? o.type : null);
         qe.setExtraStackFrame(n);
       } else
         qe.setExtraStackFrame(null);
     }
-    var De;
-    De = !1;
-    function $e(e) {
+    var $e;
+    $e = !1;
+    function Ne(e) {
       return typeof e == "object" && e !== null && e.$$typeof === r;
     }
-    function Je() {
+    function He() {
       {
-        if (Pe.current) {
-          var e = q(Pe.current.type);
+        if (De.current) {
+          var e = q(De.current.type);
           if (e)
             return `
 
@@ -502,108 +507,108 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Tr(e) {
+    function Rr(e) {
       return "";
     }
-    var Ke = {};
-    function Rr(e) {
+    var Je = {};
+    function Er(e) {
       {
-        var t = Je();
-        if (!t) {
+        var o = He();
+        if (!o) {
           var n = typeof e == "string" ? e : e.displayName || e.name;
-          n && (t = `
+          n && (o = `
 
 Check the top-level render call using <` + n + ">.");
         }
-        return t;
+        return o;
       }
     }
-    function He(e, t) {
+    function Ke(e, o) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var n = Rr(t);
-        if (Ke[n])
+        var n = Er(o);
+        if (Je[n])
           return;
-        Ke[n] = !0;
+        Je[n] = !0;
         var c = "";
-        e && e._owner && e._owner !== Pe.current && (c = " It was passed a child from " + q(e._owner.type) + "."), pe(e), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, c), pe(null);
+        e && e._owner && e._owner !== De.current && (c = " It was passed a child from " + q(e._owner.type) + "."), fe(e), p('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, c), fe(null);
       }
     }
-    function Ze(e, t) {
+    function Ze(e, o) {
       {
         if (typeof e != "object")
           return;
         if (_e(e))
           for (var n = 0; n < e.length; n++) {
             var c = e[n];
-            $e(c) && He(c, t);
+            Ne(c) && Ke(c, o);
           }
-        else if ($e(e))
+        else if (Ne(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var S = h(e);
-          if (typeof S == "function" && S !== e.entries)
-            for (var $ = S.call(e), j; !(j = $.next()).done; )
-              $e(j.value) && He(j.value, t);
+          var T = u(e);
+          if (typeof T == "function" && T !== e.entries)
+            for (var $ = T.call(e), S; !(S = $.next()).done; )
+              Ne(S.value) && Ke(S.value, o);
         }
       }
     }
-    function Er(e) {
+    function Mr(e) {
       {
-        var t = e.type;
-        if (t == null || typeof t == "string")
+        var o = e.type;
+        if (o == null || typeof o == "string")
           return;
         var n;
-        if (typeof t == "function")
-          n = t.propTypes;
-        else if (typeof t == "object" && (t.$$typeof === s || // Note: Memo only checks outer props here.
+        if (typeof o == "function")
+          n = o.propTypes;
+        else if (typeof o == "object" && (o.$$typeof === i || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        t.$$typeof === N))
-          n = t.propTypes;
+        o.$$typeof === N))
+          n = o.propTypes;
         else
           return;
         if (n) {
-          var c = q(t);
-          pr(n, e.props, "prop", c, e);
-        } else if (t.PropTypes !== void 0 && !De) {
-          De = !0;
-          var S = q(t);
-          m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", S || "Unknown");
+          var c = q(o);
+          hr(n, e.props, "prop", c, e);
+        } else if (o.PropTypes !== void 0 && !$e) {
+          $e = !0;
+          var T = q(o);
+          p("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", T || "Unknown");
         }
-        typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && m("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && p("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function _r(e) {
       {
-        for (var t = Object.keys(e.props), n = 0; n < t.length; n++) {
-          var c = t[n];
+        for (var o = Object.keys(e.props), n = 0; n < o.length; n++) {
+          var c = o[n];
           if (c !== "children" && c !== "key") {
-            pe(e), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", c), pe(null);
+            fe(e), p("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", c), fe(null);
             break;
           }
         }
-        e.ref !== null && (pe(e), m("Invalid attribute `ref` supplied to `React.Fragment`."), pe(null));
+        e.ref !== null && (fe(e), p("Invalid attribute `ref` supplied to `React.Fragment`."), fe(null));
       }
     }
     var Qe = {};
-    function er(e, t, n, c, S, $) {
+    function er(e, o, n, c, T, $) {
       {
-        var j = ce(e);
-        if (!j) {
-          var k = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (k += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var Z = Tr();
-          Z ? k += Z : k += Je();
+        var S = ce(e);
+        if (!S) {
+          var w = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (w += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var Z = Rr();
+          Z ? w += Z : w += He();
           var F;
-          e === null ? F = "null" : _e(e) ? F = "array" : e !== void 0 && e.$$typeof === r ? (F = "<" + (q(e.type) || "Unknown") + " />", k = " Did you accidentally export a JSX literal instead of a component?") : F = typeof e, m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", F, k);
+          e === null ? F = "null" : _e(e) ? F = "array" : e !== void 0 && e.$$typeof === r ? (F = "<" + (q(e.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : F = typeof e, p("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", F, w);
         }
-        var W = Sr(e, t, n, S, $);
-        if (W == null)
-          return W;
-        if (j) {
-          var ae = t.children;
+        var Y = Tr(e, o, n, T, $);
+        if (Y == null)
+          return Y;
+        if (S) {
+          var ae = o.children;
           if (ae !== void 0)
             if (c)
               if (_e(ae)) {
@@ -611,40 +616,40 @@ Check the top-level render call using <` + n + ">.");
                   Ze(ae[he], e);
                 Object.freeze && Object.freeze(ae);
               } else
-                m("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                p("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               Ze(ae, e);
         }
-        if (de.call(t, "key")) {
-          var fe = q(e), ee = Object.keys(t).filter(function(Or) {
-            return Or !== "key";
-          }), Ne = ee.length > 0 ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Qe[fe + Ne]) {
-            var Nr = ee.length > 0 ? "{" + ee.join(": ..., ") + ": ...}" : "{}";
-            m(`A props object containing a "key" prop is being spread into JSX:
+        if (de.call(o, "key")) {
+          var ue = q(e), ee = Object.keys(o).filter(function(Ar) {
+            return Ar !== "key";
+          }), Oe = ee.length > 0 ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Qe[ue + Oe]) {
+            var Or = ee.length > 0 ? "{" + ee.join(": ..., ") + ": ...}" : "{}";
+            p(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, Ne, fe, Nr, fe), Qe[fe + Ne] = !0;
+  <%s key={someKey} {...props} />`, Oe, ue, Or, ue), Qe[ue + Oe] = !0;
           }
         }
-        return e === a ? _r(W) : Er(W), W;
+        return e === a ? _r(Y) : Mr(Y), Y;
       }
     }
-    function Mr(e, t, n) {
-      return er(e, t, n, !0);
+    function Pr(e, o, n) {
+      return er(e, o, n, !0);
     }
-    function Pr(e, t, n) {
-      return er(e, t, n, !1);
+    function Dr(e, o, n) {
+      return er(e, o, n, !1);
     }
-    var Dr = Pr, $r = Mr;
-    ke.Fragment = a, ke.jsx = Dr, ke.jsxs = $r;
-  }()), ke;
+    var $r = Dr, Nr = Pr;
+    xe.Fragment = a, xe.jsx = $r, xe.jsxs = Nr;
+  }()), xe;
 }
-process.env.NODE_ENV === "production" ? Le.exports = St() : Le.exports = Tt();
-var o = Le.exports;
-const lr = {
+process.env.NODE_ENV === "production" ? Le.exports = _o() : Le.exports = Po();
+var t = Le.exports;
+const sr = {
   token: {
     itemNameColor: "#1a1a1a",
     itemIconBackgroundColor: "white",
@@ -670,26 +675,26 @@ const lr = {
     contextMenuBackgroundColor: "#1a1a1a",
     contextMenuShadowColor: "rgba(255, 255, 255, 0.1)"
   }
-}, ur = ar(
+}, dr = ar(
   {}
-), Rt = (d) => {
-  const { children: r, theme: i, ...a } = d, g = Ee(() => i === "light" ? lr : i === "dark" ? cr : i, [i]);
-  return /* @__PURE__ */ o.jsx(ur.Provider, { value: { theme: g, ...a }, children: r });
-}, me = () => ir(ur), dr = {
+), Do = (g) => {
+  const { children: r, theme: l, ...a } = g, m = Ee(() => l === "light" ? sr : l === "dark" ? cr : l, [l]);
+  return /* @__PURE__ */ t.jsx(dr.Provider, { value: { theme: m, ...a }, children: r });
+}, me = () => ir(dr), ur = {
   maxRow: 2,
   maxCol: 2
-}, Et = {
-  ...dr
-}, fr = {
-  app: dr,
-  group: Et
+}, $o = {
+  ...ur
+}, gr = {
+  app: ur,
+  group: $o
 };
 class ie {
 }
 /** 清理重复id */
-Oe(ie, "uniqueArray", (r) => r.reduce((i, a) => i.find((l) => l.id === a.id) ? i : i.concat([a]), [])), Oe(ie, "getTheme", (r) => {
-  const i = lr.token, a = cr.token, g = { ...i, ...r == null ? void 0 : r.token }, l = { ...a, ...r == null ? void 0 : r.token };
-  return { light: g, dark: l };
+Ae(ie, "uniqueArray", (r) => r.reduce((l, a) => l.find((s) => s.id === a.id) ? l : l.concat([a]), [])), Ae(ie, "getTheme", (r) => {
+  const l = sr.token, a = cr.token, m = { ...l, ...r == null ? void 0 : r.token }, s = { ...a, ...r == null ? void 0 : r.token };
+  return { light: m, dark: s };
 });
 const mr = ar({
   list: [],
@@ -726,197 +731,197 @@ const mr = ar({
   moveTargetId: null,
   setMoveTargetId: () => {
   }
-}), _t = (d) => {
+}), No = (g) => {
   const {
     children: r,
-    list: i = [],
+    list: l = [],
     onChange: a,
-    storageKey: g = "ZS_LIBRARY_DESKTOP_SORTABLE_CONFIG",
-    enableCaching: l = !0
-  } = d, [y, b] = oe(), [s, _] = oe(), [p, N] = oe(null), M = Be(p), [V, Y] = oe(null), [f, h] = oe([]), [T, m] = oe(
+    storageKey: m = "ZS_LIBRARY_DESKTOP_SORTABLE_CONFIG",
+    enableCaching: s = !0
+  } = g, [f, b] = te(), [i, I] = te(), [v, N] = te(null), _ = Me(v), [W, V] = te(null), [h, u] = te([]), [R, p] = te(
     null
-  ), [G, v] = oe(
+  ), [G, k] = te(
     null
-  ), [P, R] = oe(!1), [x, C] = oe(null), [X, ce] = oe(
+  ), [P, E] = te(!1), [x, y] = te(null), [X, ce] = te(
     null
-  ), [J, ge] = oe(!1), [q, re] = Yr(g, {
+  ), [H, pe] = te(!1), [q, re] = Yr(m, {
     defaultValue: [],
     listenStorageChange: !0
-  }), se = () => {
-    Y(null), clearTimeout(y), b(void 0), M.current = null;
-  }, B = (I, H) => {
-    Y({ ...I, pageX: I.pageX, pageY: I.pageY, data: H }), clearTimeout(y);
-  }, ne = (I, H = !0) => {
-    const { config: K = {} } = I;
-    return K.allowContextMenu === !1 ? {} : {
+  }), le = () => {
+    V(null), clearTimeout(f), b(void 0), _.current = null;
+  }, B = (j, K) => {
+    V({ ...j, pageX: j.pageX, pageY: j.pageY, data: K }), clearTimeout(f);
+  }, ne = (j, K = !0) => {
+    const { config: J = {} } = j;
+    return J.allowContextMenu === !1 ? {} : {
       onMouseDown: (D) => {
         b(
           setTimeout(() => {
-            H && M.current === null && B(D, I);
+            K && _.current === null && B(D, j);
           }, 800)
-        ), R(!1), _(
+        ), E(!1), I(
           setTimeout(() => {
-            R(!0);
+            E(!0);
           }, 800)
         );
       },
       onMouseUp: () => {
-        clearTimeout(s), _(void 0), clearTimeout(y), b(void 0);
+        clearTimeout(i), I(void 0), clearTimeout(f), b(void 0);
       },
       onContextMenu: (D) => {
-        H && (D.preventDefault(), B(D, I));
+        K && (D.preventDefault(), B(D, j));
       }
     };
-  }, le = (I, H) => {
-    const K = [...H || []];
-    if (K.length > 0)
-      h((D) => {
-        const L = [...D], O = (w) => {
-          var Se, Te;
-          const E = K.shift(), z = w.find((Q) => Q.id === E), te = w.findIndex((Q) => Q.id === E);
-          if (K.length && z) {
-            if (((Se = z.children) == null ? void 0 : Se.filter(
-              (Q) => !I.some((de) => de.id === Q.id)
-            ).length) === 1 && I.length === 1) {
-              const Q = { ...I[0] };
-              return w.splice(te, 1, Q), a == null || a(w), w;
+  }, se = (j, K) => {
+    const J = [...K || []];
+    if (J.length > 0)
+      u((D) => {
+        const L = [...D], O = (C) => {
+          var Ie, Te;
+          const M = J.shift(), U = C.find((Q) => Q.id === M), oe = C.findIndex((Q) => Q.id === M);
+          if (J.length && U) {
+            if (((Ie = U.children) == null ? void 0 : Ie.filter(
+              (Q) => !j.some((de) => de.id === Q.id)
+            ).length) === 1 && j.length === 1) {
+              const Q = { ...j[0] };
+              return C.splice(oe, 1, Q), a == null || a(C), C;
             }
-            return z.children = O(z.children || []), w.splice(te, 1, z), a == null || a(w), w;
+            return U.children = O(U.children || []), C.splice(oe, 1, U), a == null || a(C), C;
           }
-          if (z) {
-            if (!((Te = z.children) != null && Te.length) && I.length) {
-              const Q = { ...z };
-              return z.data = { name: "文件夹" }, z.type = "group", z.children = [Q, ...I], z.id = rr(), w.splice(te, 1, z), a == null || a(w), w;
+          if (U) {
+            if (!((Te = U.children) != null && Te.length) && j.length) {
+              const Q = { ...U };
+              return U.data = { name: "文件夹" }, U.type = "group", U.children = [Q, ...j], U.id = rr(), C.splice(oe, 1, U), a == null || a(C), C;
             }
-            return z.children = ie.uniqueArray(I), w.splice(te, 1, z), a == null || a(w), w;
+            return U.children = ie.uniqueArray(j), C.splice(oe, 1, U), a == null || a(C), C;
           }
-          return ie.uniqueArray(I);
+          return ie.uniqueArray(j);
         };
         return ie.uniqueArray(O(L));
       });
     else {
-      const D = ie.uniqueArray(I);
-      a == null || a(D), h(D);
-    }
-  }, Ce = (I, H) => {
-    h((K) => {
-      const D = [...K], L = (O) => {
-        var w;
-        for (let E = 0; E < O.length; E++)
-          if (O[E].id === I) {
-            O[E].config = H;
+      const D = ie.uniqueArray(j);
+      a == null || a(D), u(D);
+    }
+  }, ye = (j, K) => {
+    u((J) => {
+      const D = [...J], L = (O) => {
+        var C;
+        for (let M = 0; M < O.length; M++)
+          if (O[M].id === j) {
+            O[M].config = K;
             break;
-          } else ((w = O[E].children) == null ? void 0 : w.length) !== void 0 && L(O[E].children);
+          } else ((C = O[M].children) == null ? void 0 : C.length) !== void 0 && L(O[M].children);
       };
       return L(D), a == null || a(D), D;
     });
-  }, we = (I, H) => {
-    h((K) => {
-      const D = [...K], L = (O) => {
-        var w;
-        for (let E = 0; E < O.length; E++)
-          if (O[E].id === I) {
-            O[E].data = H;
+  }, Ce = (j, K) => {
+    u((J) => {
+      const D = [...J], L = (O) => {
+        var C;
+        for (let M = 0; M < O.length; M++)
+          if (O[M].id === j) {
+            O[M].data = K;
             break;
-          } else ((w = O[E].children) == null ? void 0 : w.length) !== void 0 && L(O[E].children);
+          } else ((C = O[M].children) == null ? void 0 : C.length) !== void 0 && L(O[M].children);
       };
       return L(D), a == null || a(D), D;
     });
-  }, je = (I) => {
-    h((H) => {
-      const K = [...H], D = (L) => {
+  }, Se = (j) => {
+    u((K) => {
+      const J = [...K], D = (L) => {
         var O;
-        for (let w = 0; w < L.length; w++)
-          if (L[w].id === I) {
-            L.splice(w, 1);
+        for (let C = 0; C < L.length; C++)
+          if (L[C].id === j) {
+            L.splice(C, 1);
             break;
-          } else ((O = L[w].children) == null ? void 0 : O.length) !== void 0 && D(L[w].children);
+          } else ((O = L[C].children) == null ? void 0 : O.length) !== void 0 && D(L[C].children);
       };
-      return D(K), a == null || a(K), K;
+      return D(J), a == null || a(J), J;
     });
-  }, Ie = (I, H) => {
-    const K = [...f], D = (L, O) => {
-      const w = O.shift(), E = L.find((te) => te.id === w), z = L.findIndex((te) => te.id === w);
-      if (E) {
+  }, je = (j, K) => {
+    const J = [...h], D = (L, O) => {
+      const C = O.shift(), M = L.find((oe) => oe.id === C), U = L.findIndex((oe) => oe.id === C);
+      if (M) {
         if (O.length)
-          E.children = D(E.children || [], O);
+          M.children = D(M.children || [], O);
         else {
-          const te = (I == null ? void 0 : I.type) ?? "app";
-          E.children = [
-            ...E.children ?? [],
+          const oe = (j == null ? void 0 : j.type) ?? "app";
+          M.children = [
+            ...M.children ?? [],
             {
-              ...I,
+              ...j,
               id: rr(),
-              config: (I == null ? void 0 : I.config) ?? fr[te]
+              config: (j == null ? void 0 : j.config) ?? gr[oe]
             }
           ];
         }
-        return L.splice(z, 1, E), L;
+        return L.splice(U, 1, M), L;
       } else
         return L;
     };
-    h(D(K, H));
+    u(D(J, K));
   };
-  return ye(() => {
-    (i == null ? void 0 : i.length) > 0 && f.length === 0 && le(i);
-  }, [i]), ye(() => {
-    M.current = p, p !== null && se();
-  }, [p]), ye(() => {
-    l && q != null && q.length && !J && (le(q), ge(!0));
-  }, [q, J, l]), Wr(
+  return we(() => {
+    (l == null ? void 0 : l.length) > 0 && h.length === 0 && se(l);
+  }, [l]), we(() => {
+    _.current = v, v !== null && le();
+  }, [v]), we(() => {
+    s && q != null && q.length && !H && (se(q), pe(!0));
+  }, [q, H, s]), Wr(
     () => {
-      l && re(f);
+      s && re(h);
     },
-    [f, l],
+    [h, s],
     {
       wait: 1e3
     }
-  ), /* @__PURE__ */ o.jsx(
+  ), /* @__PURE__ */ t.jsx(
     mr.Provider,
     {
       value: {
-        list: f,
-        setList: le,
-        contextMenu: V,
-        setContextMenu: Y,
-        listStatus: p,
+        list: h,
+        setList: se,
+        contextMenu: W,
+        setContextMenu: V,
+        listStatus: v,
         setListStatus: N,
         contextMenuFuns: ne,
-        hideContextMenu: se,
-        showInfoItemData: T,
-        setShowInfoItemData: m,
+        hideContextMenu: le,
+        showInfoItemData: R,
+        setShowInfoItemData: p,
         openGroupItemData: G,
-        setOpenGroupItemData: v,
+        setOpenGroupItemData: k,
         longPressTriggered: P,
-        updateItemConfig: Ce,
-        updateItem: we,
-        removeItem: je,
-        addItem: Ie,
+        updateItemConfig: ye,
+        updateItem: Ce,
+        removeItem: Se,
+        addItem: je,
         moveItemId: x,
-        setMoveItemId: C,
+        setMoveItemId: y,
         moveTargetId: X,
         setMoveTargetId: ce
       },
       children: r
     }
   );
-}, ve = () => ir(mr), Mt = {
+}, be = () => ir(mr), Oo = {
   menuShow: {
     opacity: 1,
     y: 0,
     transition: { type: "spring", stiffness: 300, damping: 24 }
   },
   menuHide: { opacity: 0, y: 20, transition: { duration: 0.2 } }
-}, Ae = (d) => {
-  const { icon: r, title: i, onClick: a } = d, { theme: g } = me(), { light: l, dark: y } = ie.getTheme(g);
-  return /* @__PURE__ */ o.jsx(
+}, Be = (g) => {
+  const { icon: r, title: l, onClick: a } = g, { theme: m } = me(), { light: s, dark: f } = ie.getTheme(m);
+  return /* @__PURE__ */ t.jsx(
     A.div,
     {
-      className: u`
+      className: d`
         &:hover {
-          background-color: ${l.contextMenuActiveColor};
+          background-color: ${s.contextMenuActiveColor};
           @media (prefers-color-scheme: dark) {
-            background-color: ${y.contextMenuActiveColor};
+            background-color: ${f.contextMenuActiveColor};
           }
         }
         @media (prefers-color-scheme: dark) {
@@ -932,13 +937,13 @@ const mr = ar({
       onClick: (b) => {
         b.stopPropagation(), a == null || a();
       },
-      variants: Mt,
-      children: /* @__PURE__ */ o.jsxs(
+      variants: Oo,
+      children: /* @__PURE__ */ t.jsxs(
         A.div,
         {
-          className: U(
+          className: z(
             "py-1.5 px-3 rounded-lg",
-            u`
+            d`
             padding-top: 0.375rem;
             padding-bottom: 0.375rem;
             padding-left: 0.75rem;
@@ -948,11 +953,11 @@ const mr = ar({
           ),
           whileTap: { scale: 0.9 },
           children: [
-            /* @__PURE__ */ o.jsx(
+            /* @__PURE__ */ t.jsx(
               A.div,
               {
-                className: U(
-                  u`
+                className: z(
+                  d`
               margin-bottom: 0.375rem;
               display: flex;
               justify-content: center;
@@ -961,65 +966,65 @@ const mr = ar({
                 children: r
               }
             ),
-            /* @__PURE__ */ o.jsx(A.div, { children: i })
+            /* @__PURE__ */ t.jsx(A.div, { children: l })
           ]
         }
       )
     }
   );
-}, Pt = (d) => {
+}, Ao = (g) => {
   const {
     showInfoButton: r = !0,
-    showRemoveButton: i = !0,
+    showRemoveButton: l = !0,
     showShareButton: a = !0,
-    showSizeButton: g = !0,
-    onInfoClick: l,
-    onShareClick: y,
+    showSizeButton: m = !0,
+    onInfoClick: s,
+    onShareClick: f,
     onRemoveClick: b
-  } = d, {
-    contextMenu: s,
-    setContextMenu: _,
-    hideContextMenu: p,
+  } = g, {
+    contextMenu: i,
+    setContextMenu: I,
+    hideContextMenu: v,
     setShowInfoItemData: N,
-    removeItem: M,
-    updateItemConfig: V
-  } = ve(), { theme: Y } = me(), { light: f, dark: h } = ie.getTheme(Y), { data: T } = s ?? {}, { config: m = {} } = T ?? {}, G = () => {
-    var R;
-    const v = fr[(R = s == null ? void 0 : s.data) == null ? void 0 : R.type], P = [];
-    for (let x = 1; x <= ((v == null ? void 0 : v.maxRow) ?? 2); x++)
-      for (let C = 1; C <= ((v == null ? void 0 : v.maxCol) ?? 2); C++)
-        P.push(`${x}x${C}`);
+    removeItem: _,
+    updateItemConfig: W
+  } = be(), { theme: V } = me(), { light: h, dark: u } = ie.getTheme(V), { data: R } = i ?? {}, { config: p = {} } = R ?? {}, G = () => {
+    var E;
+    const k = gr[(E = i == null ? void 0 : i.data) == null ? void 0 : E.type], P = [];
+    for (let x = 1; x <= ((k == null ? void 0 : k.maxRow) ?? 2); x++)
+      for (let y = 1; y <= ((k == null ? void 0 : k.maxCol) ?? 2); y++)
+        P.push(`${x}x${y}`);
     return P;
   };
-  return /* @__PURE__ */ o.jsx(Fr, { children: s && /* @__PURE__ */ o.jsxs(
+  return /* @__PURE__ */ t.jsx(zr, { children: i && /* @__PURE__ */ t.jsxs(
     A.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
-      onMouseDown: (v) => {
-        v.stopPropagation(), v.preventDefault();
+      onMouseDown: (k) => {
+        k.stopPropagation(), k.preventDefault();
       },
       children: [
-        /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ t.jsx(
           A.div,
           {
-            className: U(
-              u`
+            className: z(
+              d`
                 border-radius: 0.5rem;
                 overflow: hidden;
-                background-color: ${f.contextMenuBackgroundColor};
-                box-shadow: 0 0 0.5rem ${f.contextMenuShadowColor};
+                background-color: ${h.contextMenuBackgroundColor};
+                box-shadow: 0 0 0.5rem ${h.contextMenuShadowColor};
                 @media (prefers-color-scheme: dark) {
-                  background-color: ${h.contextMenuBackgroundColor};
-                  box-shadow: 0 0 0.5rem ${h.contextMenuShadowColor};
+                  background-color: ${u.contextMenuBackgroundColor};
+                  box-shadow: 0 0 0.5rem ${u.contextMenuShadowColor};
                 }
               `
             ),
-            children: g && m.allowResize !== !1 && /* @__PURE__ */ o.jsx(
+            children: m && p.allowResize !== !1 && /* @__PURE__ */ t.jsx(
               A.ul,
               {
-                className: u`
+                className: d`
                   background-color: white;
                   padding: 0.25rem;
                   margin: 0;
@@ -1028,33 +1033,33 @@ const mr = ar({
                   {
                     label: "修改大小",
                     key: "size",
-                    icon: /* @__PURE__ */ o.jsx(Vr, { size: 14 }),
-                    items: G().map((v) => ({
-                      label: v,
-                      key: v,
+                    icon: /* @__PURE__ */ t.jsx(Ur, { size: 14 }),
+                    items: G().map((k) => ({
+                      label: k,
+                      key: k,
                       onClick: () => {
-                        const [P, R] = v.split("x").map(Number);
-                        V(s.data.id, {
+                        const [P, E] = k.split("x").map(Number);
+                        W(i.data.id, {
                           row: P,
-                          col: R
+                          col: E
                         });
                       }
                     }))
                   }
-                ].map((v) => /* @__PURE__ */ o.jsxs(
+                ].map((k) => /* @__PURE__ */ t.jsxs(
                   A.li,
                   {
-                    className: u`
+                    className: d`
                       padding-top: 0.5rem;
                       padding-bottom: 0.5rem;
                       padding-left: 0.75rem;
                       padding-right: 0.75rem;
                     `,
                     children: [
-                      /* @__PURE__ */ o.jsxs(
+                      /* @__PURE__ */ t.jsxs(
                         A.p,
                         {
-                          className: u`
+                          className: d`
                         display: flex;
                         align-items: center;
                         font-size: 0.875rem;
@@ -1064,26 +1069,26 @@ const mr = ar({
                         margin: 0;
                       `,
                           children: [
-                            v.icon,
+                            k.icon,
                             " ",
-                            v.label
+                            k.label
                           ]
                         }
                       ),
-                      /* @__PURE__ */ o.jsx(
+                      /* @__PURE__ */ t.jsx(
                         A.div,
                         {
-                          className: u`
+                          className: d`
                         display: grid;
                         grid-template-columns: repeat(2, minmax(0, 1fr));
                         gap: 0.25rem;
                       `,
-                          children: v.items.map((P) => /* @__PURE__ */ o.jsx(
+                          children: k.items.map((P) => /* @__PURE__ */ t.jsx(
                             A.div,
                             {
-                              className: U(
+                              className: z(
                                 "py-1 px-2 hover:bg-gray-100 rounded transition-all cursor-pointer text-center text-sm",
-                                u`
+                                d`
                               padding-top: 0.25rem;
                               padding-bottom: 0.25rem;
                               padding-left: 0.5rem;
@@ -1094,21 +1099,21 @@ const mr = ar({
                               line-height: 1.25rem;
                               cursor: pointer;
                               text-align: center;
-                              color: ${f.contextMenuTextColor};
+                              color: ${h.contextMenuTextColor};
                               @media (prefers-color-scheme: dark) {
-                                color: ${h.contextMenuTextColor};
+                                color: ${u.contextMenuTextColor};
                               }
                               &:hover {
-                                background-color: ${f.contextMenuActiveColor};
+                                background-color: ${h.contextMenuActiveColor};
                                 @media (prefers-color-scheme: dark) {
-                                  background-color: ${h.contextMenuActiveColor};
+                                  background-color: ${u.contextMenuActiveColor};
                                 }
                               }
                             `,
-                                `${m.row}x${m.col}` === P.key && u`
-                                background-color: ${f.contextMenuActiveColor};
+                                `${p.row}x${p.col}` === P.key && d`
+                                background-color: ${h.contextMenuActiveColor};
                                 @media (prefers-color-scheme: dark) {
-                                  background-color: ${h.contextMenuActiveColor};
+                                  background-color: ${u.contextMenuActiveColor};
                                 }
                               `
                               ),
@@ -1121,22 +1126,22 @@ const mr = ar({
                       )
                     ]
                   },
-                  v.key
+                  k.key
                 ))
               }
             )
           }
         ),
-        /* @__PURE__ */ o.jsxs(
+        /* @__PURE__ */ t.jsxs(
           A.div,
           {
-            className: U(
-              u`
-                background-color: ${f.contextMenuBackgroundColor};
-                box-shadow: 0 0 0.5rem ${f.contextMenuShadowColor};
+            className: z(
+              d`
+                background-color: ${h.contextMenuBackgroundColor};
+                box-shadow: 0 0 0.5rem ${h.contextMenuShadowColor};
                 @media (prefers-color-scheme: dark) {
-                  background-color: ${h.contextMenuBackgroundColor};
-                  box-shadow: 0 0 0.5rem ${h.contextMenuShadowColor};
+                  background-color: ${u.contextMenuBackgroundColor};
+                  box-shadow: 0 0 0.5rem ${u.contextMenuShadowColor};
                 }
                 display: flex;
                 justify-content: space-around;
@@ -1148,48 +1153,48 @@ const mr = ar({
               `
             ),
             children: [
-              a && /* @__PURE__ */ o.jsx(
-                Ae,
+              a && /* @__PURE__ */ t.jsx(
+                Be,
                 {
-                  icon: /* @__PURE__ */ o.jsx(zr, { size: 20 }),
+                  icon: /* @__PURE__ */ t.jsx(Gr, { size: 20 }),
                   title: "分享",
                   onClick: () => {
-                    if (y) {
-                      y(s.data);
+                    if (f) {
+                      f(i.data);
                       return;
                     }
                   }
                 }
               ),
-              r && /* @__PURE__ */ o.jsx(
-                Ae,
+              r && /* @__PURE__ */ t.jsx(
+                Be,
                 {
-                  icon: /* @__PURE__ */ o.jsx(Gr, { size: 20 }),
+                  icon: /* @__PURE__ */ t.jsx(Xr, { size: 20 }),
                   title: "信息",
                   onClick: () => {
-                    if (l) {
-                      l(s.data);
+                    if (s) {
+                      s(i.data);
                       return;
                     }
                     N({
-                      ...s.data,
-                      pageX: s.pageX,
-                      pageY: s.pageY
-                    }), p();
+                      ...i.data,
+                      pageX: i.pageX,
+                      pageY: i.pageY
+                    }), v();
                   }
                 }
               ),
-              i && /* @__PURE__ */ o.jsx(
-                Ae,
+              l && /* @__PURE__ */ t.jsx(
+                Be,
                 {
-                  icon: /* @__PURE__ */ o.jsx(Xr, { size: 20 }),
+                  icon: /* @__PURE__ */ t.jsx(qr, { size: 20 }),
                   title: "移除",
                   onClick: () => {
                     if (b) {
-                      b(s.data, M);
+                      b(i.data, _);
                       return;
                     }
-                    _(null), M(s.data.id);
+                    I(null), _(i.data.id);
                   }
                 }
               )
@@ -1199,13 +1204,13 @@ const mr = ar({
       ]
     }
   ) });
-}, Dt = (d) => {
-  const { data: r, noLetters: i = !1 } = d, { contextMenuFuns: a } = ve(), { itemIconBuilder: g, theme: l, contextMenu: y } = me(), { light: b, dark: s } = ie.getTheme(l), { data: _ = {} } = r, { name: p } = _;
-  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx(
+}, Bo = (g) => {
+  const { data: r, noLetters: l = !1 } = g, { contextMenuFuns: a } = be(), { itemIconBuilder: m, theme: s, contextMenu: f } = me(), { light: b, dark: i } = ie.getTheme(s), { data: I = {} } = r, { name: v } = I;
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(
       A.div,
       {
-        className: u`
+        className: d`
           width: 4rem;
           height: 4rem;
           background-color: ${b.itemIconBackgroundColor};
@@ -1215,15 +1220,15 @@ const mr = ar({
           position: relative;
           overflow: hidden;
           @media (prefers-color-scheme: dark) {
-            background-color: ${s.itemIconBackgroundColor};
-            box-shadow: 0 0 0.5rem ${s.itemIconShadowColor};
+            background-color: ${i.itemIconBackgroundColor};
+            box-shadow: 0 0 0.5rem ${i.itemIconShadowColor};
           }
         `,
         whileTap: { scale: 0.9 },
-        children: /* @__PURE__ */ o.jsx(
+        children: /* @__PURE__ */ t.jsx(
           "div",
           {
-            className: u`
+            className: d`
             position: absolute;
             left: 0;
             top: 0;
@@ -1231,52 +1236,52 @@ const mr = ar({
             height: 100%;
             color: ${b.itemNameColor};
             @media (prefers-color-scheme: dark) {
-              color: ${s.itemNameColor};
+              color: ${i.itemNameColor};
             }
           `,
-            ...a(r, y !== !1),
-            children: g == null ? void 0 : g(r)
+            ...a(r, f !== !1),
+            children: m == null ? void 0 : m(r)
           }
         )
       }
     ),
-    /* @__PURE__ */ o.jsx(
+    /* @__PURE__ */ t.jsx(
       A.p,
       {
-        className: U(
-          u`
+        className: z(
+          d`
             text-align: center;
             margin-top: 0.25rem;
             margin-bottom: 0;
             color: ${b.itemNameColor};
             @media (prefers-color-scheme: dark) {
-              color: ${s.itemNameColor};
+              color: ${i.itemNameColor};
             }
           `,
-          i && u`
+          l && d`
               color: transparent;
             `
         ),
-        children: p
+        children: v
       }
     )
   ] });
-}, Ye = (d) => {
+}, ze = (g) => {
   const {
     data: r,
-    className: i,
+    className: l,
     itemIndex: a,
-    onClick: g,
-    disabledDrag: l = !1,
-    children: y,
+    onClick: m,
+    disabledDrag: s = !1,
+    children: f,
     parentIds: b,
-    childrenLength: s
-  } = d, { contextMenu: _, setContextMenu: p } = ve(), { contextMenu: N } = me();
-  return /* @__PURE__ */ o.jsx(
-    Ur,
+    childrenLength: i
+  } = g, { contextMenu: I, setContextMenu: v } = be(), { contextMenu: N } = me();
+  return /* @__PURE__ */ t.jsx(
+    Vr,
     {
       placement: "bottom",
-      overlayClassName: u`
+      overlayClassName: d`
         background-color: transparent;
         .rc-tooltip-inner {
           background-color: transparent;
@@ -1284,68 +1289,68 @@ const mr = ar({
           border: none;
         }
       `,
-      overlay: /* @__PURE__ */ o.jsx(Pt, { ...N }),
-      visible: (_ == null ? void 0 : _.data.id) === r.id,
-      onVisibleChange: (M) => {
-        M || p(null);
+      overlay: /* @__PURE__ */ t.jsx(Ao, { ...N }),
+      visible: (I == null ? void 0 : I.data.id) === r.id,
+      onVisibleChange: (_) => {
+        _ || v(null);
       },
       destroyTooltipOnHide: !0,
-      children: /* @__PURE__ */ o.jsx(
+      children: /* @__PURE__ */ t.jsx(
         A.div,
         {
           "data-id": r.id,
           "data-index": a,
           "data-parent-ids": b == null ? void 0 : b.join(","),
-          "data-children-length": s,
-          onClick: () => g == null ? void 0 : g(r),
-          className: U(l && "drag-disabled", i),
-          children: y ?? /* @__PURE__ */ o.jsx(Dt, { ...d })
+          "data-children-length": i,
+          onClick: () => m == null ? void 0 : m(r),
+          className: z(s && "drag-disabled", l),
+          children: f ?? /* @__PURE__ */ t.jsx(Bo, { ...g })
         }
       )
     }
   );
-}, $t = (d) => {
+}, Lo = (g) => {
   const {
     data: r,
-    className: i,
+    className: l,
     parentIds: a,
-    itemIndex: g,
-    onClick: l,
-    noLetters: y = !1
-  } = d, {
+    itemIndex: m,
+    onClick: s,
+    noLetters: f = !1
+  } = g, {
     contextMenuFuns: b,
-    setList: s,
-    setOpenGroupItemData: _,
-    longPressTriggered: p,
+    setList: i,
+    setOpenGroupItemData: I,
+    longPressTriggered: v,
     moveItemId: N,
-    moveTargetId: M,
-    setMoveTargetId: V,
-    listStatus: Y
-  } = ve(), { itemIconBuilder: f, theme: h, contextMenu: T } = me(), { light: m, dark: G } = ie.getTheme(h), { children: v, data: P, config: R } = r, { row: x = 1, col: C = 1 } = R ?? {}, X = {
+    moveTargetId: _,
+    setMoveTargetId: W,
+    listStatus: V
+  } = be(), { itemIconBuilder: h, theme: u, contextMenu: R } = me(), { light: p, dark: G } = ie.getTheme(u), { children: k, data: P, config: E } = r, { row: x = 1, col: y = 1 } = E ?? {}, X = {
     visible: { opacity: 1, scale: 1 },
     hidden: { opacity: 0, scale: 0.95 }
-  }, ce = ((v == null ? void 0 : v.length) ?? 0) === 0, J = ce ? [r] : [...v ?? []].slice(0, 9), ge = Ee(() => N === r.id.toString(), [r.id, N]), q = Ee(() => M === r.id, [r.id, M]), re = u`
+  }, ce = ((k == null ? void 0 : k.length) ?? 0) === 0, H = ce ? [r] : [...k ?? []].slice(0, 9), pe = Ee(() => N === r.id.toString(), [r.id, N]), q = Ee(() => _ === r.id, [r.id, _]), re = d`
     overflow: hidden;
     cursor: pointer;
-    background-color: ${m.itemIconBackgroundColor};
-    box-shadow: 0 0 0.5rem ${m.itemIconShadowColor};
+    background-color: ${p.itemIconBackgroundColor};
+    box-shadow: 0 0 0.5rem ${p.itemIconShadowColor};
     @media (prefers-color-scheme: dark) {
       background-color: ${G.itemIconBackgroundColor};
       box-shadow: 0 0 0.5rem ${G.itemIconShadowColor};
     }
-  `, se = () => {
+  `, le = () => {
     if (ce)
-      return /* @__PURE__ */ o.jsx(
+      return /* @__PURE__ */ t.jsx(
         A.div,
         {
-          className: U(
+          className: z(
             "sortable-group-item",
-            u`
+            d`
               overflow: hidden;
               cursor: pointer;
               width: 100%;
               height: 100%;
-              background-color: ${m.itemIconBackgroundColor};
+              background-color: ${p.itemIconBackgroundColor};
               position: absolute;
               left: 0;
               top: 0;
@@ -1356,50 +1361,50 @@ const mr = ar({
             `
           ),
           onClick: (B) => {
-            B.stopPropagation(), l == null || l(r);
+            B.stopPropagation(), s == null || s(r);
           },
-          children: f == null ? void 0 : f(r)
+          children: h == null ? void 0 : h(r)
         }
       );
-    if (x === 1 && C === 1 || x === 2 && C === 2)
-      return /* @__PURE__ */ o.jsx(
+    if (x === 1 && y === 1 || x === 2 && y === 2)
+      return /* @__PURE__ */ t.jsx(
         A.div,
         {
-          className: u`
+          className: d`
             display: grid;
             width: 100%;
             height: 100%;
             grid-template-columns: repeat(3, minmax(0, 1fr));
             grid-template-rows: repeat(3, minmax(0, 1fr));
-            padding: ${C === 1 ? "0.125rem" : "0.25rem"};
-            gap: ${C === 1 ? "0.125rem" : "0.5rem"};
+            padding: ${y === 1 ? "0.125rem" : "0.25rem"};
+            gap: ${y === 1 ? "0.125rem" : "0.5rem"};
             place-items: center;
           `,
-          children: J == null ? void 0 : J.slice(0, 9).map((B) => /* @__PURE__ */ o.jsx(
+          children: H == null ? void 0 : H.slice(0, 9).map((B) => /* @__PURE__ */ t.jsx(
             A.div,
             {
-              className: U(
+              className: z(
                 re,
-                u`
-                  border-radius: ${C === 1 ? "0.25rem" : "0.5rem"};
+                d`
+                  border-radius: ${y === 1 ? "0.25rem" : "0.5rem"};
                   width: 100%;
                   height: 100%;
                 `
               ),
               onClick: (ne) => {
-                ne.stopPropagation(), l == null || l(B);
+                ne.stopPropagation(), s == null || s(B);
               },
-              children: f == null ? void 0 : f(B)
+              children: h == null ? void 0 : h(B)
             },
             B.id
           ))
         }
       );
-    if (x === 1 && C === 2)
-      return /* @__PURE__ */ o.jsx(
+    if (x === 1 && y === 2)
+      return /* @__PURE__ */ t.jsx(
         A.div,
         {
-          className: u`
+          className: d`
             display: grid;
             grid-template-columns: repeat(10, minmax(0, 1fr));
             grid-template-rows: repeat(4, minmax(0, 1fr));
@@ -1409,18 +1414,18 @@ const mr = ar({
             height: 52px;
             place-items: center;
           `,
-          children: J == null ? void 0 : J.slice(0, 4).map((B, ne) => /* @__PURE__ */ o.jsx(
+          children: H == null ? void 0 : H.slice(0, 4).map((B, ne) => /* @__PURE__ */ t.jsx(
             A.div,
             {
-              className: U(
+              className: z(
                 re,
-                ne < 2 ? u`
+                ne < 2 ? d`
                       width: 52px;
                       height: 52px;
                       border-radius: 0.5rem;
                       grid-column: span 4 / span 4;
                       grid-row: span 4 / span 4;
-                    ` : u`
+                    ` : d`
                       width: 1.5rem;
                       height: 1.5rem;
                       border-radius: 0.375rem;
@@ -1428,20 +1433,20 @@ const mr = ar({
                       grid-row: span 2 / span 2;
                     `
               ),
-              onClick: (le) => {
-                ne > 2 || (le.stopPropagation(), l == null || l(B));
+              onClick: (se) => {
+                ne > 2 || (se.stopPropagation(), s == null || s(B));
               },
-              children: f == null ? void 0 : f(B)
+              children: h == null ? void 0 : h(B)
             },
             B.id
           ))
         }
       );
-    if (x === 2 && C === 1)
-      return /* @__PURE__ */ o.jsx(
+    if (x === 2 && y === 1)
+      return /* @__PURE__ */ t.jsx(
         A.div,
         {
-          className: u`
+          className: d`
             display: grid;
             grid-template-columns: repeat(4, minmax(0, 1fr));
             grid-template-rows: repeat(10, minmax(0, 1fr));
@@ -1451,61 +1456,61 @@ const mr = ar({
             height: 144px;
             place-items: center;
           `,
-          children: J == null ? void 0 : J.slice(0, 4).map((B, ne) => /* @__PURE__ */ o.jsx(
+          children: H == null ? void 0 : H.slice(0, 4).map((B, ne) => /* @__PURE__ */ t.jsx(
             A.div,
             {
-              className: U(
+              className: z(
                 re,
-                ne < 2 ? u`
+                ne < 2 ? d`
                       width: 52px;
                       height: 52px;
                       border-radius: 0.5rem;
                       grid-column: span 4 / span 4;
                       grid-row: span 4 / span 4;
-                    ` : u`
+                    ` : d`
                       width: 1.5rem;
                       height: 1.5rem;
                       grid-column: span 2 / span 2;
                       grid-row: span 2 / span 2;
                     `
               ),
-              onClick: (le) => {
-                ne > 2 || (le.stopPropagation(), l == null || l(B));
+              onClick: (se) => {
+                ne > 2 || (se.stopPropagation(), s == null || s(B));
               },
-              children: f == null ? void 0 : f(B)
+              children: h == null ? void 0 : h(B)
             },
             B.id
           ))
         }
       );
   };
-  return /* @__PURE__ */ o.jsxs(
-    Ye,
+  return /* @__PURE__ */ t.jsxs(
+    ze,
     {
       data: r,
-      itemIndex: g,
+      itemIndex: m,
       parentIds: a,
-      childrenLength: v == null ? void 0 : v.length,
-      className: U(
-        u`
+      childrenLength: k == null ? void 0 : k.length,
+      className: z(
+        d`
           grid-row: span ${x};
-          grid-column: span ${C};
+          grid-column: span ${y};
         `,
-        i
+        l
       ),
       children: [
-        /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ t.jsx(
           A.div,
           {
             whileTap: { scale: 0.9 },
-            className: U(
+            className: z(
               q ? "!scale-110" : "",
-              u`
+              d`
             cursor: pointer;
             position: relative;
             border-radius: 0.75rem;
-            background-color: ${m.groupItemIconBackgroundColor};
-            box-shadow: 0 0 0.5rem ${m.groupItemIconShadowColor};
+            background-color: ${p.groupItemIconBackgroundColor};
+            box-shadow: 0 0 0.5rem ${p.groupItemIconShadowColor};
             @media (prefers-color-scheme: dark) {
               background-color: ${G.groupItemIconBackgroundColor};
               box-shadow: 0 0 0.5rem ${G.groupItemIconShadowColor};
@@ -1513,18 +1518,18 @@ const mr = ar({
             /* overflow: hidden; */
             transition: all 0.3s;
             margin: 0 auto;
-            width: ${C * 64 + 32 * (C - 1)}px;
+            width: ${y * 64 + 32 * (y - 1)}px;
             height: ${x * 64 + 32 * (x - 1)}px;
           `
             ),
             onClick: (B) => {
-              !ce && !p && (r.parentIds = a, r.pageX = B.pageX, r.pageY = B.pageY, _(r));
+              !ce && !v && (r.parentIds = a, r.pageX = B.pageX, r.pageY = B.pageY, I(r));
             },
-            ...b(r, T !== !1),
-            children: /* @__PURE__ */ o.jsxs(
+            ...b(r, R !== !1),
+            children: /* @__PURE__ */ t.jsxs(
               A.div,
               {
-                className: u`
+                className: d`
             position: relative;
             width: 100%;
             height: 100%;
@@ -1534,20 +1539,20 @@ const mr = ar({
             padding: 0.375rem;
           `,
                 children: [
-                  se(),
-                  /* @__PURE__ */ o.jsx(
+                  le(),
+                  /* @__PURE__ */ t.jsx(
                     Fe,
                     {
-                      className: U(
+                      className: z(
                         "sortable-group-item",
-                        u`
+                        d`
                 position: absolute;
                 cursor: pointer;
                 left: 0.375rem;
                 top: 0.375rem;
                 width: calc(100% - 0.75rem);
                 height: calc(100% - 0.75rem);
-                pointer-events: ${Y === null ? "none" : "auto"};
+                pointer-events: ${V === null ? "none" : "auto"};
                 > * {
                   opacity: 0;
                 }
@@ -1556,12 +1561,12 @@ const mr = ar({
                       group: { name: "nested", pull: !1, put: !0 },
                       animation: 150,
                       fallbackOnBody: !0,
-                      list: v ?? [],
-                      setList: (B) => s(B, a),
+                      list: k ?? [],
+                      setList: (B) => i(B, a),
                       filter: () => !0,
                       "data-id": r.id,
                       onChange: () => {
-                        V(r.id);
+                        W(r.id);
                       }
                     }
                   )
@@ -1570,32 +1575,32 @@ const mr = ar({
             )
           }
         ),
-        /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ t.jsx(
           A.p,
           {
-            className: U(
-              u`
+            className: z(
+              d`
             text-align: center;
             margin-top: 0.25rem;
             margin-bottom: 0;
-            color: ${m.itemNameColor};
+            color: ${p.itemNameColor};
             @media (prefers-color-scheme: dark) {
               color: ${G.itemNameColor};
             }
           `,
-              y && u`
+              f && d`
               color: transparent;
             `
             ),
             variants: X,
-            animate: ge ? "hidden" : "visible",
+            animate: pe ? "hidden" : "visible",
             children: (P == null ? void 0 : P.name) ?? "文件夹"
           }
         )
       ]
     }
   );
-}, gr = u`
+}, pr = d`
   padding: 8px;
   transition: all 0.2s;
   > div {
@@ -1607,24 +1612,24 @@ const mr = ar({
       transition: all 0.2s;
     }
   }
-`, Nt = (d) => {
-  const { data: r, onClose: i, onItemClick: a } = d, {
-    list: g,
-    setList: l,
-    setListStatus: y,
+`, Fo = (g) => {
+  const { data: r, onClose: l, onItemClick: a } = g, {
+    list: m,
+    setList: s,
+    setListStatus: f,
     setMoveItemId: b,
-    setMoveTargetId: s,
-    updateItem: _
-  } = ve(), { theme: p } = me(), { light: N, dark: M } = ie.getTheme(p), [V, Y] = oe("文件夹"), f = [...(r == null ? void 0 : r.children) ?? []];
-  return ye(() => {
-    var h;
-    r && Y((h = r.data) == null ? void 0 : h.name);
-  }, [r]), /* @__PURE__ */ o.jsx(
-    sr,
+    setMoveTargetId: i,
+    updateItem: I
+  } = be(), { theme: v } = me(), { light: N, dark: _ } = ie.getTheme(v), [W, V] = te("文件夹"), h = [...(r == null ? void 0 : r.children) ?? []];
+  return we(() => {
+    var u;
+    r && V((u = r.data) == null ? void 0 : u.name);
+  }, [r]), /* @__PURE__ */ t.jsx(
+    lr,
     {
       visible: !!r,
       onClose: () => {
-        i();
+        l();
       },
       animation: "zoom",
       maskAnimation: "fade",
@@ -1632,10 +1637,10 @@ const mr = ar({
         x: r == null ? void 0 : r.pageX,
         y: r == null ? void 0 : r.pageY
       } : null,
-      title: /* @__PURE__ */ o.jsx(
+      title: /* @__PURE__ */ t.jsx(
         "input",
         {
-          className: u`
+          className: d`
             background-color: transparent;
             border-style: none;
             text-align: center;
@@ -1649,23 +1654,23 @@ const mr = ar({
               outline: none;
             }
           `,
-          value: V,
-          onChange: (h) => {
-            Y(h.target.value);
+          value: W,
+          onChange: (u) => {
+            V(u.target.value);
           },
           onBlur: () => {
-            r && _(r.id, {
+            r && I(r.id, {
               ...r.data,
-              name: V
+              name: W
             });
           }
         }
       ),
       footer: null,
       closable: !1,
-      className: U(
+      className: z(
         "group-item-modal",
-        u`
+        d`
           .rc-dialog-content {
             background-color: transparent;
             box-shadow: none;
@@ -1682,7 +1687,7 @@ const mr = ar({
             .rc-dialog-body {
               background-color: ${N.groupItemModalBackgroundColor};
               @media (prefers-color-scheme: dark) {
-                background-color: ${M.groupItemModalBackgroundColor};
+                background-color: ${_.groupItemModalBackgroundColor};
               }
               border-radius: 0.5rem;
               overflow: hidden;
@@ -1692,24 +1697,24 @@ const mr = ar({
       ),
       width: 600,
       destroyOnClose: !0,
-      children: /* @__PURE__ */ o.jsx(
+      children: /* @__PURE__ */ t.jsx(
         "div",
         {
-          className: u`
+          className: d`
           overflow-y: auto;
           max-height: 60vh;
           padding: 1.25rem 0;
         `,
-          onDragLeave: (h) => {
-            const T = h.relatedTarget;
-            T && (h.currentTarget.contains(T) || setTimeout(() => {
-              i();
+          onDragLeave: (u) => {
+            const R = u.relatedTarget;
+            R && (u.currentTarget.contains(R) || setTimeout(() => {
+              l();
             }, 500));
           },
-          children: /* @__PURE__ */ o.jsx(
+          children: /* @__PURE__ */ t.jsx(
             Fe,
             {
-              className: u`
+              className: d`
             display: grid;
             gap: 1rem;
             place-items: center;
@@ -1721,28 +1726,28 @@ const mr = ar({
               animation: 150,
               fallbackOnBody: !0,
               list: (r == null ? void 0 : r.children) ?? [],
-              setList: (h) => {
-                var G, v;
-                const T = h.map((P) => P.id), m = (v = (G = g.find((P) => P.id === (r == null ? void 0 : r.id))) == null ? void 0 : G.children) == null ? void 0 : v.map((P) => P.id);
-                T.length === (m == null ? void 0 : m.length) && T.every((P, R) => P === m[R]) || T.length < ((m == null ? void 0 : m.length) ?? 0) || l(h, [...(r == null ? void 0 : r.parentIds) ?? [], r == null ? void 0 : r.id]);
+              setList: (u) => {
+                var G, k;
+                const R = u.map((P) => P.id), p = (k = (G = m.find((P) => P.id === (r == null ? void 0 : r.id))) == null ? void 0 : G.children) == null ? void 0 : k.map((P) => P.id);
+                R.length === (p == null ? void 0 : p.length) && R.every((P, E) => P === p[E]) || R.length < ((p == null ? void 0 : p.length) ?? 0) || s(u, [...(r == null ? void 0 : r.parentIds) ?? [], r == null ? void 0 : r.id]);
               },
-              onMove: () => (s(null), y("onMove"), !0),
-              onStart: (h) => {
-                const T = h.item.dataset;
-                T != null && T.id && b(T.id), y("onMove");
+              onMove: () => (i(null), f("onMove"), !0),
+              onStart: (u) => {
+                const R = u.item.dataset;
+                R != null && R.id && b(R.id), f("onMove");
               },
               onEnd: () => {
-                b(null), s(null), y(null);
+                b(null), i(null), f(null);
               },
-              ghostClass: gr,
-              children: f.map((h, T) => /* @__PURE__ */ o.jsx(
-                Ye,
+              ghostClass: pr,
+              children: h.map((u, R) => /* @__PURE__ */ t.jsx(
+                ze,
                 {
-                  data: h,
-                  itemIndex: T,
+                  data: u,
+                  itemIndex: R,
                   onClick: a
                 },
-                h.id
+                u.id
               ))
             }
           )
@@ -1750,15 +1755,15 @@ const mr = ar({
       )
     }
   );
-}, Ot = (d) => {
+}, zo = (g) => {
   var a;
-  const { data: r, onClose: i } = d;
-  return /* @__PURE__ */ o.jsx(
-    sr,
+  const { data: r, onClose: l } = g;
+  return /* @__PURE__ */ t.jsx(
+    lr,
     {
       visible: !!r,
       onClose: () => {
-        i();
+        l();
       },
       animation: "zoom",
       maskAnimation: "fade",
@@ -1768,32 +1773,32 @@ const mr = ar({
       } : null,
       footer: null,
       title: ((a = r == null ? void 0 : r.data) == null ? void 0 : a.name) ?? "信息",
-      children: r && /* @__PURE__ */ o.jsxs("div", { children: [
-        /* @__PURE__ */ o.jsx("div", { className: "mb-2", children: "开发者信息" }),
-        /* @__PURE__ */ o.jsx("div", { className: "p-2 rounded-md bg-[#272822]", children: /* @__PURE__ */ o.jsx(qr, { src: r, theme: "monokai" }) })
+      children: r && /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsx("div", { className: "mb-2", children: "开发者信息" }),
+        /* @__PURE__ */ t.jsx("div", { className: "p-2 rounded-md bg-[#272822]", children: /* @__PURE__ */ t.jsx(Hr, { src: r, theme: "monokai" }) })
       ] })
     }
   );
-}, At = (d) => {
+}, Yo = (g) => {
   const {
     pagination: r = { position: "bottom" },
-    className: i,
+    className: l,
     sliderProps: a,
-    sliderRef: g,
-    onItemClick: l
-  } = d, y = Be(null), b = Be(null), {
-    list: s,
-    setList: _,
-    setListStatus: p,
+    sliderRef: m,
+    onItemClick: s
+  } = g, f = Me(null), b = Me(null), {
+    list: i,
+    setList: I,
+    setListStatus: v,
     showInfoItemData: N,
-    setShowInfoItemData: M,
-    openGroupItemData: V,
-    setOpenGroupItemData: Y,
-    setMoveItemId: f,
-    setMoveTargetId: h,
-    addItem: T
-  } = ve(), { pagingDotBuilder: m, pagingDotsBuilder: G, itemBuilder: v } = me(), P = Ee(() => r === !1 ? {} : {
-    top: u`
+    setShowInfoItemData: _,
+    openGroupItemData: W,
+    setOpenGroupItemData: V,
+    setMoveItemId: h,
+    setMoveTargetId: u,
+    addItem: R
+  } = be(), { pagingDotBuilder: p, pagingDotsBuilder: G, itemBuilder: k } = me(), P = Ee(() => r === !1 ? {} : {
+    top: d`
         display: flex;
         flex-direction: column;
         .slick-list {
@@ -1803,12 +1808,12 @@ const mr = ar({
           position: static;
         }
       `,
-    bottom: u`
+    bottom: d`
         .slick-dots {
           position: static;
         }
       `,
-    left: u`
+    left: d`
         .slick-dots {
           position: absolute;
           width: auto;
@@ -1824,7 +1829,7 @@ const mr = ar({
           }
         }
       `,
-    right: u`
+    right: d`
         .slick-dots {
           position: absolute;
           width: auto;
@@ -1841,21 +1846,21 @@ const mr = ar({
         }
       `
   }[r.position ?? "bottom"], [r]);
-  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx(
-      Lr,
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(
+      Fr,
       {
         useCSS: !0,
         useTransform: !0,
         arrows: !1,
-        ref: g ?? y,
+        ref: m ?? f,
         infinite: !1,
         dots: !0,
         touchMove: !1,
         lazyLoad: "anticipated",
-        className: U(
+        className: z(
           P,
-          u`
+          d`
             .slick-track {
               display: flex;
               align-items: stretch;
@@ -1871,28 +1876,28 @@ const mr = ar({
               }
             }
           `,
-          i
+          l
         ),
-        customPaging: (R) => {
-          var x, C;
-          return m ? m(s[R], R) : /* @__PURE__ */ o.jsx(
+        customPaging: (E) => {
+          var x, y;
+          return p ? p(i[E], E) : /* @__PURE__ */ t.jsx(
             "div",
             {
               onDragEnter: () => {
                 var X;
-                (X = (g ?? y).current) == null || X.slickGoTo(R);
+                (X = (m ?? f).current) == null || X.slickGoTo(E);
               },
-              children: (C = (x = s[R]) == null ? void 0 : x.data) == null ? void 0 : C.name
+              children: (y = (x = i[E]) == null ? void 0 : x.data) == null ? void 0 : y.name
             }
           );
         },
-        appendDots: (R) => G ? G(R) : r === !1 ? /* @__PURE__ */ o.jsx("div", {}) : /* @__PURE__ */ o.jsx("div", { children: /* @__PURE__ */ o.jsx(
+        appendDots: (E) => G ? G(E) : r === !1 ? /* @__PURE__ */ t.jsx("div", {}) : /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
           "ul",
           {
             ref: b,
-            className: U(
+            className: z(
               "slick-dots-default",
-              u`
+              d`
                     padding: 0.5rem;
                     display: inline-flex;
                     justify-content: center;
@@ -1913,19 +1918,19 @@ const mr = ar({
                     }
                   `
             ),
-            children: R
+            children: E
           }
         ) }),
         ...a,
-        children: s.map((R) => /* @__PURE__ */ o.jsx(
+        children: i.map((E) => /* @__PURE__ */ t.jsx(
           "div",
           {
             onDrop: (x) => {
               x.preventDefault();
-              const C = x.dataTransfer.getData("text/plain");
-              if (C !== "")
+              const y = x.dataTransfer.getData("text/plain");
+              if (y !== "")
                 try {
-                  T(JSON.parse(C), [R.id]);
+                  R(JSON.parse(y), [E.id]);
                 } catch (X) {
                   console.log("drag error", X);
                 }
@@ -1933,11 +1938,11 @@ const mr = ar({
             onDragOver: (x) => {
               x.preventDefault();
             },
-            children: /* @__PURE__ */ o.jsx(
+            children: /* @__PURE__ */ t.jsx(
               Fe,
               {
-                className: U(
-                  u`
+                className: z(
+                  d`
                     display: grid;
                     transition: all 0.3s;
                     grid-template-columns: repeat(auto-fill, 96px);
@@ -1952,47 +1957,47 @@ const mr = ar({
                 fallbackOnBody: !0,
                 swapThreshold: 0.65,
                 group: "nested",
-                list: R.children ?? [],
-                setList: (x) => _(x, [R.id]),
+                list: E.children ?? [],
+                setList: (x) => I(x, [E.id]),
                 filter: ".drag-disabled",
                 onMove: (x) => {
-                  p("onMove");
-                  const { dragged: C, related: X } = x, ce = C.dataset, J = X.dataset;
-                  return h(null), !((Object.keys(J).length === 0 || J.parentIds) && Number(ce.childrenLength) > 0 && X.classList.contains("sortable-group-item"));
+                  v("onMove");
+                  const { dragged: y, related: X } = x, ce = y.dataset, H = X.dataset;
+                  return u(null), !((Object.keys(H).length === 0 || H.parentIds) && Number(ce.childrenLength) > 0 && X.classList.contains("sortable-group-item"));
                 },
                 onStart: (x) => {
-                  const C = x.item.dataset;
-                  C != null && C.id && f(C.id), p("onMove");
+                  const y = x.item.dataset;
+                  y != null && y.id && h(y.id), v("onMove");
                 },
                 onEnd: () => {
-                  f(null), h(null), p(null);
+                  h(null), u(null), v(null);
                 },
-                ghostClass: gr,
-                children: (R.children ?? []).map((x, C) => {
+                ghostClass: pr,
+                children: (E.children ?? []).map((x, y) => {
                   let X;
-                  if (v)
-                    return v(x);
+                  if (k)
+                    return k(x);
                   switch (x.type) {
                     case "group":
                     case "app":
-                      X = /* @__PURE__ */ o.jsx(
-                        $t,
+                      X = /* @__PURE__ */ t.jsx(
+                        Lo,
                         {
                           data: x,
-                          itemIndex: C,
-                          parentIds: [R.id, x.id],
-                          onClick: l
+                          itemIndex: y,
+                          parentIds: [E.id, x.id],
+                          onClick: s
                         },
                         x.id
                       );
                       break;
                     default:
-                      X = /* @__PURE__ */ o.jsx(
-                        Ye,
+                      X = /* @__PURE__ */ t.jsx(
+                        ze,
                         {
                           data: x,
-                          itemIndex: C,
-                          onClick: l
+                          itemIndex: y,
+                          onClick: s
                         },
                         x.id
                       );
@@ -2003,62 +2008,62 @@ const mr = ar({
               }
             )
           },
-          R.id
+          E.id
         ))
       }
     ),
-    /* @__PURE__ */ o.jsx(
-      Ot,
+    /* @__PURE__ */ t.jsx(
+      zo,
       {
         data: N,
         onClose: () => {
-          M(null);
+          _(null);
         }
       }
     ),
-    /* @__PURE__ */ o.jsx(
-      Nt,
+    /* @__PURE__ */ t.jsx(
+      Fo,
       {
-        data: V,
+        data: W,
         onClose: () => {
-          Y(null);
+          V(null);
         },
-        onItemClick: l
+        onItemClick: s
       }
     )
   ] });
-}, ro = (d) => {
+}, ft = (g) => {
   const {
     list: r,
-    onChange: i,
+    onChange: l,
     storageKey: a,
-    enableCaching: g,
-    theme: l,
-    noLetters: y,
+    enableCaching: m,
+    theme: s,
+    noLetters: f,
     contextMenu: b,
-    contextMenuBuilder: s,
-    itemBuilder: _,
-    itemIconBuilder: p,
+    contextMenuBuilder: i,
+    itemBuilder: I,
+    itemIconBuilder: v,
     pagingDotBuilder: N,
-    pagingDotsBuilder: M,
-    ...V
-  } = d, Y = {
+    pagingDotsBuilder: _,
+    ...W
+  } = g, V = {
     list: r,
-    onChange: i,
+    onChange: l,
     storageKey: a,
-    enableCaching: g
-  }, f = {
-    theme: l,
-    noLetters: y,
+    enableCaching: m
+  }, h = {
+    theme: s,
+    noLetters: f,
     contextMenu: b,
-    pagingDotsBuilder: M,
+    pagingDotsBuilder: _,
     pagingDotBuilder: N,
-    itemBuilder: _,
-    itemIconBuilder: p,
-    contextMenuBuilder: s
+    itemBuilder: I,
+    itemIconBuilder: v,
+    contextMenuBuilder: i
   };
-  return /* @__PURE__ */ o.jsx(_t, { ...Y, children: /* @__PURE__ */ o.jsx(Rt, { ...f, children: /* @__PURE__ */ o.jsx(At, { ...V }) }) });
-}, Bt = {
+  return /* @__PURE__ */ t.jsx(No, { ...V, children: /* @__PURE__ */ t.jsx(Do, { ...h, children: /* @__PURE__ */ t.jsx(Yo, { ...W }) }) });
+}, Wo = {
   frontmatterEditor: {
     title: "编辑前置元数据",
     key: "键",
@@ -2175,29 +2180,628 @@ const mr = ar({
   image: {
     delete: "删除图片"
   }
-}, Lt = (d, r, i) => {
-  const g = d.split(".").reduce(
-    (l, y) => typeof l == "string" ? l : l[y],
-    Bt
+}, Vo = (g, r, l) => {
+  const m = g.split(".").reduce(
+    (s, f) => typeof s == "string" ? s : s[f],
+    Wo
   );
-  return typeof g != "string" ? r : i ? g.replace(/{{(.*?)}}/g, (l, y) => i[y]) : g;
-};
-function Ft(d) {
-  const r = d == null ? void 0 : d.rootNode;
-  return !r || r.getType() !== "directive" ? !1 : ["note", "tip", "danger", "info", "caution"].includes(
-    r.getMdastNode().name
+  return typeof m != "string" ? r : l ? m.replace(/{{(.*?)}}/g, (s, f) => l[f]) : m;
+}, Uo = d`
+  [class*="_toolbarRoot"] {
+    flex-wrap: wrap;
+  }
+  [class*="_codeMirrorWrapper"] {
+    padding: 0;
+    [class*="_codeMirrorToolbar"] {
+      position: static;
+      background-color: var(--bgColor-muted);
+      justify-content: flex-end;
+      [class*="_iconButton"] {
+        cursor: pointer;
+      }
+    }
+  }
+  [class*="_tableEditor"] {
+    border-spacing: 0;
+    border-collapse: collapse;
+    width: 100%;
+    display: table;
+    th[data-tool-cell],
+    td[data-tool-cell] {
+      padding: 0;
+      border: none;
+    }
+    tr {
+      border-top: 0;
+    }
+    thead {
+      th {
+        padding: 0;
+        border: none;
+      }
+    }
+    tfoot {
+      th {
+        padding: 0;
+        border: none;
+      }
+    }
+    [class*="_addRowButton"],
+    [class*="_addColumnButton"],
+    [class*="_tableColumnEditorTrigger"],
+    [class*="_iconButton"] {
+      cursor: pointer;
+      transition: all 0.3s;
+    }
+  }
+  ul {
+    [role="checkbox"] {
+      padding: 0 20px;
+      &::before {
+        width: 13px;
+        height: 13px;
+        top: 6px;
+      }
+      &::after {
+        top: 7px;
+        left: 4px;
+      }
+    }
+  }
+  ul,
+  ol {
+    li {
+      margin-top: 4px;
+      margin-bottom: 0;
+    }
+  }
+`, fr = z(
+  "markdown-body",
+  d`
+    p {
+      margin-bottom: 8px;
+    }
+    ul {
+      list-style: disc;
+    }
+    ol {
+      list-style: decimal;
+    }
+    table {
+      width: 100%;
+      display: table;
+    }
+    pre {
+      padding: 0;
+      > div {
+        margin: 0 !important;
+      }
+    }
+  `
+), Go = {
+  'code[class*="language-"]': {
+    background: "hsl(230, 1%, 98%)",
+    color: "hsl(230, 8%, 24%)",
+    fontFamily: '"Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace',
+    direction: "ltr",
+    textAlign: "left",
+    whiteSpace: "pre",
+    wordSpacing: "normal",
+    wordBreak: "normal",
+    lineHeight: "1.5",
+    MozTabSize: "2",
+    OTabSize: "2",
+    tabSize: "2",
+    WebkitHyphens: "none",
+    MozHyphens: "none",
+    msHyphens: "none",
+    hyphens: "none"
+  },
+  'pre[class*="language-"]': {
+    background: "hsl(230, 1%, 98%)",
+    color: "hsl(230, 8%, 24%)",
+    fontFamily: '"Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace',
+    direction: "ltr",
+    textAlign: "left",
+    whiteSpace: "pre",
+    wordSpacing: "normal",
+    wordBreak: "normal",
+    lineHeight: "1.5",
+    MozTabSize: "2",
+    OTabSize: "2",
+    tabSize: "2",
+    WebkitHyphens: "none",
+    MozHyphens: "none",
+    msHyphens: "none",
+    hyphens: "none",
+    padding: "1em",
+    margin: "0.5em 0",
+    overflow: "auto",
+    borderRadius: "0.3em"
+  },
+  'code[class*="language-"]::-moz-selection': {
+    background: "hsl(230, 1%, 90%)",
+    color: "inherit"
+  },
+  'code[class*="language-"] *::-moz-selection': {
+    background: "hsl(230, 1%, 90%)",
+    color: "inherit"
+  },
+  'pre[class*="language-"] *::-moz-selection': {
+    background: "hsl(230, 1%, 90%)",
+    color: "inherit"
+  },
+  'code[class*="language-"]::selection': {
+    background: "hsl(230, 1%, 90%)",
+    color: "inherit"
+  },
+  'code[class*="language-"] *::selection': {
+    background: "hsl(230, 1%, 90%)",
+    color: "inherit"
+  },
+  'pre[class*="language-"] *::selection': {
+    background: "hsl(230, 1%, 90%)",
+    color: "inherit"
+  },
+  ':not(pre) > code[class*="language-"]': {
+    padding: "0.2em 0.3em",
+    borderRadius: "0.3em",
+    whiteSpace: "normal"
+  },
+  comment: {
+    color: "hsl(230, 4%, 64%)",
+    fontStyle: "italic"
+  },
+  prolog: {
+    color: "hsl(230, 4%, 64%)"
+  },
+  cdata: {
+    color: "hsl(230, 4%, 64%)"
+  },
+  doctype: {
+    color: "hsl(230, 8%, 24%)"
+  },
+  punctuation: {
+    color: "hsl(230, 8%, 24%)"
+  },
+  entity: {
+    color: "hsl(230, 8%, 24%)",
+    cursor: "help"
+  },
+  "attr-name": {
+    color: "hsl(35, 99%, 36%)"
+  },
+  "class-name": {
+    color: "hsl(35, 99%, 36%)"
+  },
+  boolean: {
+    color: "hsl(35, 99%, 36%)"
+  },
+  constant: {
+    color: "hsl(35, 99%, 36%)"
+  },
+  number: {
+    color: "hsl(35, 99%, 36%)"
+  },
+  atrule: {
+    color: "hsl(35, 99%, 36%)"
+  },
+  keyword: {
+    color: "hsl(301, 63%, 40%)"
+  },
+  property: {
+    color: "hsl(5, 74%, 59%)"
+  },
+  tag: {
+    color: "hsl(5, 74%, 59%)"
+  },
+  symbol: {
+    color: "hsl(5, 74%, 59%)"
+  },
+  deleted: {
+    color: "hsl(5, 74%, 59%)"
+  },
+  important: {
+    color: "hsl(5, 74%, 59%)"
+  },
+  selector: {
+    color: "hsl(119, 34%, 47%)"
+  },
+  string: {
+    color: "hsl(119, 34%, 47%)"
+  },
+  char: {
+    color: "hsl(119, 34%, 47%)"
+  },
+  builtin: {
+    color: "hsl(119, 34%, 47%)"
+  },
+  inserted: {
+    color: "hsl(119, 34%, 47%)"
+  },
+  regex: {
+    color: "hsl(119, 34%, 47%)"
+  },
+  "attr-value": {
+    color: "hsl(119, 34%, 47%)"
+  },
+  "attr-value > .token.punctuation": {
+    color: "hsl(119, 34%, 47%)"
+  },
+  variable: {
+    color: "hsl(221, 87%, 60%)"
+  },
+  operator: {
+    color: "hsl(221, 87%, 60%)"
+  },
+  function: {
+    color: "hsl(221, 87%, 60%)"
+  },
+  url: {
+    color: "hsl(198, 99%, 37%)"
+  },
+  "attr-value > .token.punctuation.attr-equals": {
+    color: "hsl(230, 8%, 24%)"
+  },
+  "special-attr > .token.attr-value > .token.value.css": {
+    color: "hsl(230, 8%, 24%)"
+  },
+  ".language-css .token.selector": {
+    color: "hsl(5, 74%, 59%)"
+  },
+  ".language-css .token.property": {
+    color: "hsl(230, 8%, 24%)"
+  },
+  ".language-css .token.function": {
+    color: "hsl(198, 99%, 37%)"
+  },
+  ".language-css .token.url > .token.function": {
+    color: "hsl(198, 99%, 37%)"
+  },
+  ".language-css .token.url > .token.string.url": {
+    color: "hsl(119, 34%, 47%)"
+  },
+  ".language-css .token.important": {
+    color: "hsl(301, 63%, 40%)"
+  },
+  ".language-css .token.atrule .token.rule": {
+    color: "hsl(301, 63%, 40%)"
+  },
+  ".language-javascript .token.operator": {
+    color: "hsl(301, 63%, 40%)"
+  },
+  ".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation": {
+    color: "hsl(344, 84%, 43%)"
+  },
+  ".language-json .token.operator": {
+    color: "hsl(230, 8%, 24%)"
+  },
+  ".language-json .token.null.keyword": {
+    color: "hsl(35, 99%, 36%)"
+  },
+  ".language-markdown .token.url": {
+    color: "hsl(230, 8%, 24%)"
+  },
+  ".language-markdown .token.url > .token.operator": {
+    color: "hsl(230, 8%, 24%)"
+  },
+  ".language-markdown .token.url-reference.url > .token.string": {
+    color: "hsl(230, 8%, 24%)"
+  },
+  ".language-markdown .token.url > .token.content": {
+    color: "hsl(221, 87%, 60%)"
+  },
+  ".language-markdown .token.url > .token.url": {
+    color: "hsl(198, 99%, 37%)"
+  },
+  ".language-markdown .token.url-reference.url": {
+    color: "hsl(198, 99%, 37%)"
+  },
+  ".language-markdown .token.blockquote.punctuation": {
+    color: "hsl(230, 4%, 64%)",
+    fontStyle: "italic"
+  },
+  ".language-markdown .token.hr.punctuation": {
+    color: "hsl(230, 4%, 64%)",
+    fontStyle: "italic"
+  },
+  ".language-markdown .token.code-snippet": {
+    color: "hsl(119, 34%, 47%)"
+  },
+  ".language-markdown .token.bold .token.content": {
+    color: "hsl(35, 99%, 36%)"
+  },
+  ".language-markdown .token.italic .token.content": {
+    color: "hsl(301, 63%, 40%)"
+  },
+  ".language-markdown .token.strike .token.content": {
+    color: "hsl(5, 74%, 59%)"
+  },
+  ".language-markdown .token.strike .token.punctuation": {
+    color: "hsl(5, 74%, 59%)"
+  },
+  ".language-markdown .token.list.punctuation": {
+    color: "hsl(5, 74%, 59%)"
+  },
+  ".language-markdown .token.title.important > .token.punctuation": {
+    color: "hsl(5, 74%, 59%)"
+  },
+  bold: {
+    fontWeight: "bold"
+  },
+  italic: {
+    fontStyle: "italic"
+  },
+  namespace: {
+    Opacity: "0.8"
+  },
+  "token.tab:not(:empty):before": {
+    color: "hsla(230, 8%, 24%, 0.2)"
+  },
+  "token.cr:before": {
+    color: "hsla(230, 8%, 24%, 0.2)"
+  },
+  "token.lf:before": {
+    color: "hsla(230, 8%, 24%, 0.2)"
+  },
+  "token.space:before": {
+    color: "hsla(230, 8%, 24%, 0.2)"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item": {
+    marginRight: "0.4em"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button": {
+    background: "hsl(230, 1%, 90%)",
+    color: "hsl(230, 6%, 44%)",
+    padding: "0.1em 0.4em",
+    borderRadius: "0.3em"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a": {
+    background: "hsl(230, 1%, 90%)",
+    color: "hsl(230, 6%, 44%)",
+    padding: "0.1em 0.4em",
+    borderRadius: "0.3em"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span": {
+    background: "hsl(230, 1%, 90%)",
+    color: "hsl(230, 6%, 44%)",
+    padding: "0.1em 0.4em",
+    borderRadius: "0.3em"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover": {
+    background: "hsl(230, 1%, 78%)",
+    color: "hsl(230, 8%, 24%)"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus": {
+    background: "hsl(230, 1%, 78%)",
+    color: "hsl(230, 8%, 24%)"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover": {
+    background: "hsl(230, 1%, 78%)",
+    color: "hsl(230, 8%, 24%)"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus": {
+    background: "hsl(230, 1%, 78%)",
+    color: "hsl(230, 8%, 24%)"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover": {
+    background: "hsl(230, 1%, 78%)",
+    color: "hsl(230, 8%, 24%)"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus": {
+    background: "hsl(230, 1%, 78%)",
+    color: "hsl(230, 8%, 24%)"
+  },
+  ".line-highlight.line-highlight": {
+    background: "hsla(230, 8%, 24%, 0.05)"
+  },
+  ".line-highlight.line-highlight:before": {
+    background: "hsl(230, 1%, 90%)",
+    color: "hsl(230, 8%, 24%)",
+    padding: "0.1em 0.6em",
+    borderRadius: "0.3em",
+    boxShadow: "0 2px 0 0 rgba(0, 0, 0, 0.2)"
+  },
+  ".line-highlight.line-highlight[data-end]:after": {
+    background: "hsl(230, 1%, 90%)",
+    color: "hsl(230, 8%, 24%)",
+    padding: "0.1em 0.6em",
+    borderRadius: "0.3em",
+    boxShadow: "0 2px 0 0 rgba(0, 0, 0, 0.2)"
+  },
+  "pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before": {
+    backgroundColor: "hsla(230, 8%, 24%, 0.05)"
+  },
+  ".line-numbers.line-numbers .line-numbers-rows": {
+    borderRightColor: "hsla(230, 8%, 24%, 0.2)"
+  },
+  ".command-line .command-line-prompt": {
+    borderRightColor: "hsla(230, 8%, 24%, 0.2)"
+  },
+  ".line-numbers .line-numbers-rows > span:before": {
+    color: "hsl(230, 1%, 62%)"
+  },
+  ".command-line .command-line-prompt > span:before": {
+    color: "hsl(230, 1%, 62%)"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-1": {
+    color: "hsl(5, 74%, 59%)"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-5": {
+    color: "hsl(5, 74%, 59%)"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-9": {
+    color: "hsl(5, 74%, 59%)"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-2": {
+    color: "hsl(119, 34%, 47%)"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-6": {
+    color: "hsl(119, 34%, 47%)"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-10": {
+    color: "hsl(119, 34%, 47%)"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-3": {
+    color: "hsl(221, 87%, 60%)"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-7": {
+    color: "hsl(221, 87%, 60%)"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-11": {
+    color: "hsl(221, 87%, 60%)"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-4": {
+    color: "hsl(301, 63%, 40%)"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-8": {
+    color: "hsl(301, 63%, 40%)"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-12": {
+    color: "hsl(301, 63%, 40%)"
+  },
+  "pre.diff-highlight > code .token.token.deleted:not(.prefix)": {
+    backgroundColor: "hsla(353, 100%, 66%, 0.15)"
+  },
+  "pre > code.diff-highlight .token.token.deleted:not(.prefix)": {
+    backgroundColor: "hsla(353, 100%, 66%, 0.15)"
+  },
+  "pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection": {
+    backgroundColor: "hsla(353, 95%, 66%, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection": {
+    backgroundColor: "hsla(353, 95%, 66%, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection": {
+    backgroundColor: "hsla(353, 95%, 66%, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection": {
+    backgroundColor: "hsla(353, 95%, 66%, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection": {
+    backgroundColor: "hsla(353, 95%, 66%, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection": {
+    backgroundColor: "hsla(353, 95%, 66%, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection": {
+    backgroundColor: "hsla(353, 95%, 66%, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection": {
+    backgroundColor: "hsla(353, 95%, 66%, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.inserted:not(.prefix)": {
+    backgroundColor: "hsla(137, 100%, 55%, 0.15)"
+  },
+  "pre > code.diff-highlight .token.token.inserted:not(.prefix)": {
+    backgroundColor: "hsla(137, 100%, 55%, 0.15)"
+  },
+  "pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection": {
+    backgroundColor: "hsla(135, 73%, 55%, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection": {
+    backgroundColor: "hsla(135, 73%, 55%, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection": {
+    backgroundColor: "hsla(135, 73%, 55%, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection": {
+    backgroundColor: "hsla(135, 73%, 55%, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection": {
+    backgroundColor: "hsla(135, 73%, 55%, 0.25)"
+  },
+  "pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection": {
+    backgroundColor: "hsla(135, 73%, 55%, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection": {
+    backgroundColor: "hsla(135, 73%, 55%, 0.25)"
+  },
+  "pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection": {
+    backgroundColor: "hsla(135, 73%, 55%, 0.25)"
+  },
+  ".prism-previewer.prism-previewer:before": {
+    borderColor: "hsl(0, 0, 95%)"
+  },
+  ".prism-previewer-gradient.prism-previewer-gradient div": {
+    borderColor: "hsl(0, 0, 95%)",
+    borderRadius: "0.3em"
+  },
+  ".prism-previewer-color.prism-previewer-color:before": {
+    borderRadius: "0.3em"
+  },
+  ".prism-previewer-easing.prism-previewer-easing:before": {
+    borderRadius: "0.3em"
+  },
+  ".prism-previewer.prism-previewer:after": {
+    borderTopColor: "hsl(0, 0, 95%)"
+  },
+  ".prism-previewer-flipped.prism-previewer-flipped.after": {
+    borderBottomColor: "hsl(0, 0, 95%)"
+  },
+  ".prism-previewer-angle.prism-previewer-angle:before": {
+    background: "hsl(0, 0%, 100%)"
+  },
+  ".prism-previewer-time.prism-previewer-time:before": {
+    background: "hsl(0, 0%, 100%)"
+  },
+  ".prism-previewer-easing.prism-previewer-easing": {
+    background: "hsl(0, 0%, 100%)"
+  },
+  ".prism-previewer-angle.prism-previewer-angle circle": {
+    stroke: "hsl(230, 8%, 24%)",
+    strokeOpacity: "1"
+  },
+  ".prism-previewer-time.prism-previewer-time circle": {
+    stroke: "hsl(230, 8%, 24%)",
+    strokeOpacity: "1"
+  },
+  ".prism-previewer-easing.prism-previewer-easing circle": {
+    stroke: "hsl(230, 8%, 24%)",
+    fill: "transparent"
+  },
+  ".prism-previewer-easing.prism-previewer-easing path": {
+    stroke: "hsl(230, 8%, 24%)"
+  },
+  ".prism-previewer-easing.prism-previewer-easing line": {
+    stroke: "hsl(230, 8%, 24%)"
+  }
+}, Xo = (g) => {
+  const { children: r = "", className: l } = g;
+  return /* @__PURE__ */ t.jsx(
+    Io,
+    {
+      className: z(fr, l),
+      remarkPlugins: [To, Ro],
+      rehypePlugins: [Eo],
+      components: {
+        code(a) {
+          const { children: m, className: s, node: f, ref: b, ...i } = a, I = /language-(\w+)/.exec(s || "");
+          return I ? /* @__PURE__ */ t.jsx(
+            Mo,
+            {
+              ...i,
+              PreTag: "div",
+              children: String(m).replace(/\n$/, ""),
+              language: I[1],
+              style: Go
+            }
+          ) : /* @__PURE__ */ t.jsx("code", { ...i, className: s, children: m });
+        }
+      },
+      children: r
+    }
   );
-}
-const to = (d) => {
-  const { value: r, onChange: i, translation: a, pluginConfig: g, ...l } = d, {
-    image: y,
-    diffSource: b = {
+}, qo = (g) => {
+  const { value: r, onChange: l, translation: a, pluginConfig: m, ...s } = g, f = Me(null), {
+    image: b,
+    diffSource: i = {
       viewMode: "rich-text"
     },
-    headings: s,
-    link: _,
-    codeBlock: p,
-    codeMirror: N = {
+    headings: I,
+    link: v,
+    codeBlock: N,
+    codeMirror: _ = {
       codeBlockLanguages: {
         js: "JavaScript",
         css: "CSS",
@@ -2206,115 +2810,68 @@ const to = (d) => {
         "": "Unspecified"
       }
     },
-    directives: M = {
-      directiveDescriptors: [It]
+    directives: W = {
+      directiveDescriptors: [jo]
     }
-  } = g ?? {}, [V, Y] = oe("");
-  return ye(() => {
-    r !== void 0 && Y(r);
-  }, [r]), /* @__PURE__ */ o.jsx(
+  } = m ?? {}, [V, h] = te("");
+  return we(() => {
+    var u;
+    r !== void 0 && f.current && ((u = f.current) == null || u.setMarkdown(r), h(r));
+  }, [r, f]), /* @__PURE__ */ t.jsx(
     Jr,
     {
-      contentEditableClassName: U(
-        "markdown-body",
-        u`
-          table {
-            border-spacing: 0;
-            border-collapse: collapse;
-            width: 100%;
-            display: table;
-            th[data-tool-cell],
-            td[data-tool-cell] {
-              padding: 0;
-              border: none;
-            }
-            tr {
-              border-top: 0;
-            }
-            thead {
-              th {
-                padding: 0;
-                border: none;
-              }
-            }
-            tfoot {
-              th {
-                padding: 0;
-                border: none;
-              }
-            }
-            [class*="_addRowButton"],
-            [class*="_addColumnButton"],
-            [class*="_tableColumnEditorTrigger"],
-            [class*="_iconButton"] {
-              cursor: pointer;
-              transition: all 0.3s;
-            }
-          }
-        `
-      ),
+      ref: f,
+      className: Uo,
+      contentEditableClassName: fr,
       markdown: V,
-      onChange: (f) => {
-        !r && !i && Y(f), i && i(f);
+      onChange: (u) => {
+        !r && !l && h(u), l && l(u);
       },
-      translation: a ?? Lt,
+      translation: a ?? Vo,
       plugins: [
         Kr({
-          toolbarContents: () => /* @__PURE__ */ o.jsxs(Hr, { options: ["rich-text", "source"], children: [
-            /* @__PURE__ */ o.jsx(Zr, {}),
-            /* @__PURE__ */ o.jsx(ue, {}),
-            /* @__PURE__ */ o.jsx(Qr, {}),
-            /* @__PURE__ */ o.jsx(et, {}),
-            /* @__PURE__ */ o.jsx(ue, {}),
-            /* @__PURE__ */ o.jsx(rt, {}),
-            /* @__PURE__ */ o.jsx(ue, {}),
-            /* @__PURE__ */ o.jsx(tt, {}),
-            /* @__PURE__ */ o.jsx(ue, {}),
-            /* @__PURE__ */ o.jsx(ot, {}),
-            /* @__PURE__ */ o.jsx(nt, {}),
-            /* @__PURE__ */ o.jsx(ue, {}),
-            /* @__PURE__ */ o.jsx(at, {}),
-            /* @__PURE__ */ o.jsx(it, {}),
-            /* @__PURE__ */ o.jsx(ue, {}),
-            /* @__PURE__ */ o.jsx(st, {}),
-            /* @__PURE__ */ o.jsx(
-              lt,
-              {
-                options: [
-                  {
-                    when: (f) => !Ft(f),
-                    contents: () => /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-                      /* @__PURE__ */ o.jsx(ue, {}),
-                      /* @__PURE__ */ o.jsx(ct, {})
-                    ] })
-                  }
-                ]
-              }
-            ),
-            /* @__PURE__ */ o.jsx(ue, {}),
-            /* @__PURE__ */ o.jsx(ut, {})
+          toolbarContents: () => /* @__PURE__ */ t.jsxs(Zr, { options: ["rich-text", "source"], children: [
+            /* @__PURE__ */ t.jsx(Qr, {}),
+            /* @__PURE__ */ t.jsx(ge, {}),
+            /* @__PURE__ */ t.jsx(eo, {}),
+            /* @__PURE__ */ t.jsx(ro, {}),
+            /* @__PURE__ */ t.jsx(ge, {}),
+            /* @__PURE__ */ t.jsx(oo, {}),
+            /* @__PURE__ */ t.jsx(ge, {}),
+            /* @__PURE__ */ t.jsx(to, {}),
+            /* @__PURE__ */ t.jsx(ge, {}),
+            /* @__PURE__ */ t.jsx(no, {}),
+            /* @__PURE__ */ t.jsx(ao, {}),
+            /* @__PURE__ */ t.jsx(ge, {}),
+            /* @__PURE__ */ t.jsx(io, {}),
+            /* @__PURE__ */ t.jsx(lo, {}),
+            /* @__PURE__ */ t.jsx(ge, {}),
+            /* @__PURE__ */ t.jsx(so, {}),
+            /* @__PURE__ */ t.jsx(ge, {}),
+            /* @__PURE__ */ t.jsx(co, {})
           ] })
         }),
-        dt(b),
-        ft(),
-        mt(),
-        gt(s),
-        pt(_),
-        ht(),
-        vt(y),
-        xt(),
-        bt(),
-        kt(),
-        yt(p),
-        Ct(N),
-        wt(),
-        jt(M)
+        uo(i),
+        go(),
+        mo(),
+        po(I),
+        fo(v),
+        ho(),
+        bo(b),
+        vo(),
+        ko(),
+        xo(),
+        wo(N),
+        yo(_),
+        Co(),
+        So(W)
       ],
-      ...l
+      ...s
     }
   );
-};
+}, Ho = qo;
+Ho.Preview = Xo;
 export {
-  ro as Desktop,
-  to as MdEditor
+  ft as Desktop,
+  Ho as MdEditor
 };