zs_library 0.3.18 → 0.3.19

package/dist/index.es.js

@@ -1,28 +1,28 @@
-var Ae = Object.defineProperty;
-var Ee = (s, e, r) => e in s ? Ae(s, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : s[e] = r;
-var ie = (s, e, r) => Ee(s, typeof e != "symbol" ? e + "" : e, r);
+var He = Object.defineProperty;
+var Fe = (a, e, r) => e in a ? He(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r;
+var ie = (a, e, r) => Fe(a, typeof e != "symbol" ? e + "" : e, r);
 import "./zs_library.css";
-import { jsx as o, jsxs as G, Fragment as ce } from "react/jsx-runtime";
-import { cx as B, css as a } from "@emotion/css";
-import { createContext as fe, useMemo as ae, useContext as be, useState as F, useRef as te, useEffect as oe } from "react";
-import je from "react-slick";
-import { ReactSortable as de } from "react-sortablejs";
-import { AnimatePresence as ge, motion as f, useMotionValue as He, useTransform as ee, useSpring as ne } from "framer-motion";
-import { useLocalStorageState as Fe, useDebounceEffect as Xe } from "ahooks";
-import { v4 as he } from "uuid";
-import Ge from "rc-tooltip";
-import { RiPencilRuler2Line as qe, RiShareLine as Ye, RiInformationLine as Oe, RiCloseCircleLine as Ue, RiMoreLine as Ve } from "@remixicon/react";
-import ke from "rc-dialog";
-import _e from "react-json-view";
-import { MDXEditor as We, toolbarPlugin as Je, DiffSourceToggleWrapper as Ke, UndoRedo as Ze, Separator as J, BoldItalicUnderlineToggles as Qe, CodeToggle as eo, StrikeThroughSupSubToggles as oo, ListsToggle as to, CreateLink as ro, InsertImage as no, InsertTable as ao, InsertThematicBreak as lo, InsertCodeBlock as io, InsertFrontmatter as so, diffSourcePlugin as co, listsPlugin as go, quotePlugin as uo, headingsPlugin as mo, linkPlugin as po, linkDialogPlugin as ho, imagePlugin as fo, tablePlugin as bo, thematicBreakPlugin as ko, frontmatterPlugin as xo, codeBlockPlugin as vo, codeMirrorPlugin as yo, markdownShortcutPlugin as wo, directivesPlugin as Co, AdmonitionDirectiveDescriptor as Io } from "@mdxeditor/editor";
-import Mo from "react-markdown";
-import So from "remark-gfm";
-import To from "remark-emoji";
-import Bo from "rehype-raw";
-import { Prism as No } from "react-syntax-highlighter";
-import { clsx as Do } from "clsx";
-import { twMerge as $o } from "tailwind-merge";
-const xe = {
+import { jsx as o, jsxs as G, Fragment as de } from "react/jsx-runtime";
+import { cx as T, css as l } from "@emotion/css";
+import { createContext as be, useMemo as ae, useContext as ke, useState as F, useRef as te, useEffect as oe } from "react";
+import Xe from "react-slick";
+import { ReactSortable as ge } from "react-sortablejs";
+import { AnimatePresence as ue, motion as b, useMotionValue as Ge, useTransform as ee, useSpring as ne } from "framer-motion";
+import { useLocalStorageState as qe, useDebounceEffect as Ye } from "ahooks";
+import { v4 as fe } from "uuid";
+import Oe from "rc-tooltip";
+import { RiPencilRuler2Line as Ue, RiShareLine as Ve, RiInformationLine as _e, RiCloseCircleLine as We, RiMoreLine as Je } from "@remixicon/react";
+import ye from "rc-dialog";
+import Ke from "react-json-view";
+import { MDXEditor as Ze, toolbarPlugin as Qe, DiffSourceToggleWrapper as eo, UndoRedo as oo, Separator as J, BoldItalicUnderlineToggles as to, CodeToggle as ro, StrikeThroughSupSubToggles as no, ListsToggle as ao, CreateLink as lo, InsertImage as io, InsertTable as so, InsertThematicBreak as co, InsertCodeBlock as go, InsertFrontmatter as uo, diffSourcePlugin as mo, listsPlugin as po, quotePlugin as ho, headingsPlugin as fo, linkPlugin as bo, linkDialogPlugin as ko, imagePlugin as yo, tablePlugin as vo, thematicBreakPlugin as xo, frontmatterPlugin as wo, codeBlockPlugin as Co, codeMirrorPlugin as Io, markdownShortcutPlugin as Mo, directivesPlugin as So, AdmonitionDirectiveDescriptor as To } from "@mdxeditor/editor";
+import Bo from "react-markdown";
+import No from "remark-gfm";
+import Do from "remark-emoji";
+import $o from "rehype-raw";
+import { Prism as Po } from "react-syntax-highlighter";
+import { clsx as Ro } from "clsx";
+import { twMerge as Lo } from "tailwind-merge";
+const ve = {
   token: {
     itemNameColor: "#1a1a1a",
     itemIconBackgroundColor: "white",
@@ -35,7 +35,7 @@ const xe = {
     contextMenuBackgroundColor: "white",
     contextMenuShadowColor: "rgba(0, 0, 0, 0.1)"
   }
-}, ve = {
+}, xe = {
   token: {
     itemNameColor: "white",
     itemIconBackgroundColor: "#1f2937",
@@ -48,28 +48,28 @@ const xe = {
     contextMenuBackgroundColor: "#1a1a1a",
     contextMenuShadowColor: "rgba(255, 255, 255, 0.1)"
   }
-}, ye = fe(
+}, we = be(
   {}
-), Po = (s) => {
-  const { children: e, theme: r, ...t } = s, l = ae(() => r === "light" ? xe : r === "dark" ? ve : r, [r]);
-  return /* @__PURE__ */ o(ye.Provider, { value: { theme: l, ...t }, children: e });
-}, K = () => be(ye), we = {
+), zo = (a) => {
+  const { children: e, theme: r, ...t } = a, i = ae(() => r === "light" ? ve : r === "dark" ? xe : r, [r]);
+  return /* @__PURE__ */ o(we.Provider, { value: { theme: i, ...t }, children: e });
+}, K = () => ke(we), Ce = {
   maxRow: 2,
   maxCol: 2
-}, Ro = {
-  ...we
-}, Ce = {
-  app: we,
-  group: Ro
+}, Ao = {
+  ...Ce
+}, Ie = {
+  app: Ce,
+  group: Ao
 };
 class q {
 }
 /** 清理重复id */
 ie(q, "uniqueArray", (e) => e.reduce((r, t) => r.find((n) => n.id === t.id) ? r : r.concat([t]), [])), ie(q, "getTheme", (e) => {
-  const r = xe.token, t = ve.token, l = { ...r, ...e == null ? void 0 : e.token }, n = { ...t, ...e == null ? void 0 : e.token };
-  return { light: l, dark: n };
+  const r = ve.token, t = xe.token, i = { ...r, ...e == null ? void 0 : e.token }, n = { ...t, ...e == null ? void 0 : e.token };
+  return { light: i, dark: n };
 });
-const Ie = fe({
+const Me = be({
   list: [],
   setList: () => {
   },
@@ -104,33 +104,33 @@ const Ie = fe({
   moveTargetId: null,
   setMoveTargetId: () => {
   }
-}), Lo = (s) => {
+}), Eo = (a) => {
   const {
     children: e,
     list: r = [],
     onChange: t,
-    storageKey: l = "ZS_LIBRARY_DESKTOP_SORTABLE_CONFIG",
+    storageKey: i = "ZS_LIBRARY_DESKTOP_SORTABLE_CONFIG",
     enableCaching: n = !0
-  } = s, [d, p] = F(), [i, v] = F(), [I, R] = F(null), N = te(I), [A, L] = F(null), [u, c] = F([]), [w, x] = F(
+  } = a, [c, p] = F(), [s, v] = F(), [x, R] = F(null), B = te(x), [A, L] = F(null), [g, d] = F([]), [w, h] = F(
     null
-  ), [y, g] = F(
+  ), [$, u] = F(
     null
-  ), [M, C] = F(!1), [m, h] = F(null), [E, V] = F(
+  ), [I, C] = F(!1), [m, f] = F(null), [E, V] = F(
     null
-  ), [j, le] = F(!1), [_, Q] = Fe(l, {
+  ), [j, le] = F(!1), [_, Q] = qe(i, {
     defaultValue: [],
     listenStorageChange: !0
   }), re = () => {
-    L(null), clearTimeout(d), p(void 0), N.current = null;
-  }, D = (b, X) => {
-    L({ ...b, pageX: b.pageX, pageY: b.pageY, data: X }), clearTimeout(d);
-  }, O = (b, X = !0) => {
-    const { config: H = {} } = b;
+    L(null), clearTimeout(c), p(void 0), B.current = null;
+  }, N = (k, X) => {
+    L({ ...k, pageX: k.pageX, pageY: k.pageY, data: X }), clearTimeout(c);
+  }, O = (k, X = !0) => {
+    const { config: H = {} } = k;
     return H.allowContextMenu === !1 ? {} : {
-      onMouseDown: (S) => {
+      onMouseDown: (M) => {
         p(
           setTimeout(() => {
-            X && N.current === null && D(S, b);
+            X && B.current === null && N(M, k);
           }, 800)
         ), C(!1), v(
           setTimeout(() => {
@@ -139,162 +139,162 @@ const Ie = fe({
         );
       },
       onMouseUp: () => {
-        clearTimeout(i), v(void 0), clearTimeout(d), p(void 0);
+        clearTimeout(s), v(void 0), clearTimeout(c), p(void 0);
       },
-      onContextMenu: (S) => {
-        X && (S.preventDefault(), D(S, b));
+      onContextMenu: (M) => {
+        X && (M.preventDefault(), N(M, k));
       }
     };
-  }, W = (b, X) => {
+  }, W = (k, X) => {
     const H = [...X || []];
     if (H.length > 0)
-      c((S) => {
-        const P = [...S], $ = (k) => {
-          var me, pe;
-          const T = H.shift(), z = k.find((U) => U.id === T), Y = k.findIndex((U) => U.id === T);
+      d((M) => {
+        const P = [...M], D = (y) => {
+          var pe, he;
+          const S = H.shift(), z = y.find((U) => U.id === S), Y = y.findIndex((U) => U.id === S);
           if (H.length && z) {
-            if (((me = z.children) == null ? void 0 : me.filter(
-              (U) => !b.some((ze) => ze.id === U.id)
-            ).length) === 1 && b.length === 1) {
-              const U = { ...b[0] };
-              return k.splice(Y, 1, U), t == null || t(k), k;
+            if (((pe = z.children) == null ? void 0 : pe.filter(
+              (U) => !k.some((je) => je.id === U.id)
+            ).length) === 1 && k.length === 1) {
+              const U = { ...k[0] };
+              return y.splice(Y, 1, U), t == null || t(y), y;
             }
-            return z.children = $(z.children || []), k.splice(Y, 1, z), t == null || t(k), k;
+            return z.children = D(z.children || []), y.splice(Y, 1, z), t == null || t(y), y;
           }
           if (z) {
-            if (!((pe = z.children) != null && pe.length) && b.length) {
+            if (!((he = z.children) != null && he.length) && k.length) {
               const U = { ...z };
-              return z.data = { name: "文件夹" }, z.type = "group", z.children = [U, ...b], z.id = he(), k.splice(Y, 1, z), t == null || t(k), k;
+              return z.data = { name: "文件夹" }, z.type = "group", z.children = [U, ...k], z.id = fe(), y.splice(Y, 1, z), t == null || t(y), y;
             }
-            return z.children = q.uniqueArray(b), k.splice(Y, 1, z), t == null || t(k), k;
+            return z.children = q.uniqueArray(k), y.splice(Y, 1, z), t == null || t(y), y;
           }
-          return q.uniqueArray(b);
+          return q.uniqueArray(k);
         };
-        return q.uniqueArray($(P));
+        return q.uniqueArray(D(P));
       });
     else {
-      const S = q.uniqueArray(b);
-      t == null || t(S), c(S);
+      const M = q.uniqueArray(k);
+      t == null || t(M), d(M);
     }
-  }, $e = (b, X) => {
-    c((H) => {
-      const S = [...H], P = ($) => {
-        var k;
-        for (let T = 0; T < $.length; T++)
-          if ($[T].id === b) {
-            $[T].config = X;
+  }, Le = (k, X) => {
+    d((H) => {
+      const M = [...H], P = (D) => {
+        var y;
+        for (let S = 0; S < D.length; S++)
+          if (D[S].id === k) {
+            D[S].config = X;
             break;
-          } else ((k = $[T].children) == null ? void 0 : k.length) !== void 0 && P($[T].children);
+          } else ((y = D[S].children) == null ? void 0 : y.length) !== void 0 && P(D[S].children);
       };
-      return P(S), t == null || t(S), S;
+      return P(M), t == null || t(M), M;
     });
-  }, Pe = (b, X) => {
-    c((H) => {
-      const S = [...H], P = ($) => {
-        var k;
-        for (let T = 0; T < $.length; T++)
-          if ($[T].id === b) {
-            $[T].data = X;
+  }, ze = (k, X) => {
+    d((H) => {
+      const M = [...H], P = (D) => {
+        var y;
+        for (let S = 0; S < D.length; S++)
+          if (D[S].id === k) {
+            D[S].data = X;
             break;
-          } else ((k = $[T].children) == null ? void 0 : k.length) !== void 0 && P($[T].children);
+          } else ((y = D[S].children) == null ? void 0 : y.length) !== void 0 && P(D[S].children);
       };
-      return P(S), t == null || t(S), S;
+      return P(M), t == null || t(M), M;
     });
-  }, Re = (b) => {
-    c((X) => {
-      const H = [...X], S = (P) => {
-        var $;
-        for (let k = 0; k < P.length; k++)
-          if (P[k].id === b) {
-            P.splice(k, 1);
+  }, Ae = (k) => {
+    d((X) => {
+      const H = [...X], M = (P) => {
+        var D;
+        for (let y = 0; y < P.length; y++)
+          if (P[y].id === k) {
+            P.splice(y, 1);
             break;
-          } else (($ = P[k].children) == null ? void 0 : $.length) !== void 0 && S(P[k].children);
+          } else ((D = P[y].children) == null ? void 0 : D.length) !== void 0 && M(P[y].children);
       };
-      return S(H), t == null || t(H), H;
+      return M(H), t == null || t(H), H;
     });
-  }, Le = (b, X) => {
-    const H = [...u], S = (P, $) => {
-      const k = $.shift(), T = P.find((Y) => Y.id === k), z = P.findIndex((Y) => Y.id === k);
-      if (T) {
-        if ($.length)
-          T.children = S(T.children || [], $);
+  }, Ee = (k, X) => {
+    const H = [...g], M = (P, D) => {
+      const y = D.shift(), S = P.find((Y) => Y.id === y), z = P.findIndex((Y) => Y.id === y);
+      if (S) {
+        if (D.length)
+          S.children = M(S.children || [], D);
         else {
-          const Y = (b == null ? void 0 : b.type) ?? "app";
-          T.children = [
-            ...T.children ?? [],
+          const Y = (k == null ? void 0 : k.type) ?? "app";
+          S.children = [
+            ...S.children ?? [],
             {
-              ...b,
-              id: he(),
-              config: (b == null ? void 0 : b.config) ?? Ce[Y]
+              ...k,
+              id: fe(),
+              config: (k == null ? void 0 : k.config) ?? Ie[Y]
             }
           ];
         }
-        return P.splice(z, 1, T), P;
+        return P.splice(z, 1, S), P;
       } else
         return P;
     };
-    c(S(H, X));
+    d(M(H, X));
   };
   return oe(() => {
-    (r == null ? void 0 : r.length) > 0 && u.length === 0 && W(r);
+    (r == null ? void 0 : r.length) > 0 && g.length === 0 && W(r);
   }, [r]), oe(() => {
-    N.current = I, I !== null && re();
-  }, [I]), oe(() => {
+    B.current = x, x !== null && re();
+  }, [x]), oe(() => {
     n && _ != null && _.length && !j && (W(_), le(!0));
-  }, [_, j, n]), Xe(
+  }, [_, j, n]), Ye(
     () => {
-      n && Q(u);
+      n && Q(g);
     },
-    [u, n],
+    [g, n],
     {
       wait: 1e3
     }
   ), /* @__PURE__ */ o(
-    Ie.Provider,
+    Me.Provider,
     {
       value: {
-        list: u,
+        list: g,
         setList: W,
         contextMenu: A,
         setContextMenu: L,
-        listStatus: I,
+        listStatus: x,
         setListStatus: R,
         contextMenuFuns: O,
         hideContextMenu: re,
         showInfoItemData: w,
-        setShowInfoItemData: x,
-        openGroupItemData: y,
-        setOpenGroupItemData: g,
-        longPressTriggered: M,
-        updateItemConfig: $e,
-        updateItem: Pe,
-        removeItem: Re,
-        addItem: Le,
+        setShowInfoItemData: h,
+        openGroupItemData: $,
+        setOpenGroupItemData: u,
+        longPressTriggered: I,
+        updateItemConfig: Le,
+        updateItem: ze,
+        removeItem: Ae,
+        addItem: Ee,
         moveItemId: m,
-        setMoveItemId: h,
+        setMoveItemId: f,
         moveTargetId: E,
         setMoveTargetId: V
       },
       children: e
     }
   );
-}, Z = () => be(Ie), zo = {
+}, Z = () => ke(Me), jo = {
   menuShow: {
     opacity: 1,
     y: 0,
     transition: { type: "spring", stiffness: 300, damping: 24 }
   },
   menuHide: { opacity: 0, y: 20, transition: { duration: 0.2 } }
-}, se = (s) => {
-  const { icon: e, title: r, onClick: t } = s, { theme: l } = K(), { light: n, dark: d } = q.getTheme(l);
+}, se = (a) => {
+  const { icon: e, title: r, onClick: t } = a, { theme: i } = K(), { light: n, dark: c } = q.getTheme(i);
   return /* @__PURE__ */ o(
-    f.div,
+    b.div,
     {
-      className: a`
+      className: l`
         &:hover {
           background-color: ${n.contextMenuActiveColor};
           @media (prefers-color-scheme: dark) {
-            background-color: ${d.contextMenuActiveColor};
+            background-color: ${c.contextMenuActiveColor};
           }
         }
         @media (prefers-color-scheme: dark) {
@@ -310,13 +310,13 @@ const Ie = fe({
       onClick: (p) => {
         p.stopPropagation(), t == null || t();
       },
-      variants: zo,
+      variants: jo,
       children: /* @__PURE__ */ G(
-        f.div,
+        b.div,
         {
-          className: B(
+          className: T(
             "py-1.5 px-3 rounded-lg",
-            a`
+            l`
             padding-top: 0.375rem;
             padding-bottom: 0.375rem;
             padding-left: 0.75rem;
@@ -327,10 +327,10 @@ const Ie = fe({
           whileTap: { scale: 0.9 },
           children: [
             /* @__PURE__ */ o(
-              f.div,
+              b.div,
               {
-                className: B(
-                  a`
+                className: T(
+                  l`
               margin-bottom: 0.375rem;
               display: flex;
               justify-content: center;
@@ -339,65 +339,65 @@ const Ie = fe({
                 children: e
               }
             ),
-            /* @__PURE__ */ o(f.div, { children: r })
+            /* @__PURE__ */ o(b.div, { children: r })
           ]
         }
       )
     }
   );
-}, Ao = (s) => {
+}, Ho = (a) => {
   const {
     showInfoButton: e = !0,
     showRemoveButton: r = !0,
     showShareButton: t = !0,
-    showSizeButton: l = !0,
+    showSizeButton: i = !0,
     onInfoClick: n,
-    onShareClick: d,
+    onShareClick: c,
     onRemoveClick: p
-  } = s, {
-    contextMenu: i,
+  } = a, {
+    contextMenu: s,
     setContextMenu: v,
-    hideContextMenu: I,
+    hideContextMenu: x,
     setShowInfoItemData: R,
-    removeItem: N,
+    removeItem: B,
     updateItemConfig: A
-  } = Z(), { theme: L } = K(), { light: u, dark: c } = q.getTheme(L), { data: w } = i ?? {}, { config: x = {} } = w ?? {}, y = () => {
+  } = Z(), { theme: L } = K(), { light: g, dark: d } = q.getTheme(L), { data: w } = s ?? {}, { config: h = {} } = w ?? {}, $ = () => {
     var C;
-    const g = Ce[(C = i == null ? void 0 : i.data) == null ? void 0 : C.type], M = [];
-    for (let m = 1; m <= ((g == null ? void 0 : g.maxRow) ?? 2); m++)
-      for (let h = 1; h <= ((g == null ? void 0 : g.maxCol) ?? 2); h++)
-        M.push(`${m}x${h}`);
-    return M;
+    const u = Ie[(C = s == null ? void 0 : s.data) == null ? void 0 : C.type], I = [];
+    for (let m = 1; m <= ((u == null ? void 0 : u.maxRow) ?? 2); m++)
+      for (let f = 1; f <= ((u == null ? void 0 : u.maxCol) ?? 2); f++)
+        I.push(`${m}x${f}`);
+    return I;
   };
-  return /* @__PURE__ */ o(ge, { children: i && /* @__PURE__ */ G(
-    f.div,
+  return /* @__PURE__ */ o(ue, { children: s && /* @__PURE__ */ G(
+    b.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
-      onMouseDown: (g) => {
-        g.stopPropagation(), g.preventDefault();
+      onMouseDown: (u) => {
+        u.stopPropagation(), u.preventDefault();
       },
       children: [
         /* @__PURE__ */ o(
-          f.div,
+          b.div,
           {
-            className: B(
-              a`
+            className: T(
+              l`
                 border-radius: 0.5rem;
                 overflow: hidden;
-                background-color: ${u.contextMenuBackgroundColor};
-                box-shadow: 0 0 0.5rem ${u.contextMenuShadowColor};
+                background-color: ${g.contextMenuBackgroundColor};
+                box-shadow: 0 0 0.5rem ${g.contextMenuShadowColor};
                 @media (prefers-color-scheme: dark) {
-                  background-color: ${c.contextMenuBackgroundColor};
-                  box-shadow: 0 0 0.5rem ${c.contextMenuShadowColor};
+                  background-color: ${d.contextMenuBackgroundColor};
+                  box-shadow: 0 0 0.5rem ${d.contextMenuShadowColor};
                 }
               `
             ),
-            children: l && x.allowResize !== !1 && /* @__PURE__ */ o(
-              f.ul,
+            children: i && h.allowResize !== !1 && /* @__PURE__ */ o(
+              b.ul,
               {
-                className: a`
+                className: l`
                   background-color: white;
                   padding: 0.25rem;
                   margin: 0;
@@ -406,23 +406,23 @@ const Ie = fe({
                   {
                     label: "修改大小",
                     key: "size",
-                    icon: /* @__PURE__ */ o(qe, { size: 14 }),
-                    items: y().map((g) => ({
-                      label: g,
-                      key: g,
+                    icon: /* @__PURE__ */ o(Ue, { size: 14 }),
+                    items: $().map((u) => ({
+                      label: u,
+                      key: u,
                       onClick: () => {
-                        const [M, C] = g.split("x").map(Number);
-                        A(i.data.id, {
-                          row: M,
+                        const [I, C] = u.split("x").map(Number);
+                        A(s.data.id, {
+                          row: I,
                           col: C
                         });
                       }
                     }))
                   }
-                ].map((g) => /* @__PURE__ */ G(
-                  f.li,
+                ].map((u) => /* @__PURE__ */ G(
+                  b.li,
                   {
-                    className: a`
+                    className: l`
                       padding-top: 0.5rem;
                       padding-bottom: 0.5rem;
                       padding-left: 0.75rem;
@@ -430,9 +430,9 @@ const Ie = fe({
                     `,
                     children: [
                       /* @__PURE__ */ G(
-                        f.p,
+                        b.p,
                         {
-                          className: a`
+                          className: l`
                         display: flex;
                         align-items: center;
                         font-size: 0.875rem;
@@ -442,26 +442,26 @@ const Ie = fe({
                         margin: 0;
                       `,
                           children: [
-                            g.icon,
+                            u.icon,
                             " ",
-                            g.label
+                            u.label
                           ]
                         }
                       ),
                       /* @__PURE__ */ o(
-                        f.div,
+                        b.div,
                         {
-                          className: a`
+                          className: l`
                         display: grid;
                         grid-template-columns: repeat(2, minmax(0, 1fr));
                         gap: 0.25rem;
                       `,
-                          children: g.items.map((M) => /* @__PURE__ */ o(
-                            f.div,
+                          children: u.items.map((I) => /* @__PURE__ */ o(
+                            b.div,
                             {
-                              className: B(
+                              className: T(
                                 "py-1 px-2 hover:bg-gray-100 rounded transition-all cursor-pointer text-center text-sm",
-                                a`
+                                l`
                               padding-top: 0.25rem;
                               padding-bottom: 0.25rem;
                               padding-left: 0.5rem;
@@ -472,49 +472,49 @@ const Ie = fe({
                               line-height: 1.25rem;
                               cursor: pointer;
                               text-align: center;
-                              color: ${u.contextMenuTextColor};
+                              color: ${g.contextMenuTextColor};
                               @media (prefers-color-scheme: dark) {
-                                color: ${c.contextMenuTextColor};
+                                color: ${d.contextMenuTextColor};
                               }
                               &:hover {
-                                background-color: ${u.contextMenuActiveColor};
+                                background-color: ${g.contextMenuActiveColor};
                                 @media (prefers-color-scheme: dark) {
-                                  background-color: ${c.contextMenuActiveColor};
+                                  background-color: ${d.contextMenuActiveColor};
                                 }
                               }
                             `,
-                                `${x.row}x${x.col}` === M.key && a`
-                                background-color: ${u.contextMenuActiveColor};
+                                `${h.row}x${h.col}` === I.key && l`
+                                background-color: ${g.contextMenuActiveColor};
                                 @media (prefers-color-scheme: dark) {
-                                  background-color: ${c.contextMenuActiveColor};
+                                  background-color: ${d.contextMenuActiveColor};
                                 }
                               `
                               ),
-                              onClick: M.onClick,
-                              children: M.label
+                              onClick: I.onClick,
+                              children: I.label
                             },
-                            M.key
+                            I.key
                           ))
                         }
                       )
                     ]
                   },
-                  g.key
+                  u.key
                 ))
               }
             )
           }
         ),
         /* @__PURE__ */ G(
-          f.div,
+          b.div,
           {
-            className: B(
-              a`
-                background-color: ${u.contextMenuBackgroundColor};
-                box-shadow: 0 0 0.5rem ${u.contextMenuShadowColor};
+            className: T(
+              l`
+                background-color: ${g.contextMenuBackgroundColor};
+                box-shadow: 0 0 0.5rem ${g.contextMenuShadowColor};
                 @media (prefers-color-scheme: dark) {
-                  background-color: ${c.contextMenuBackgroundColor};
-                  box-shadow: 0 0 0.5rem ${c.contextMenuShadowColor};
+                  background-color: ${d.contextMenuBackgroundColor};
+                  box-shadow: 0 0 0.5rem ${d.contextMenuShadowColor};
                 }
                 display: flex;
                 justify-content: space-around;
@@ -529,11 +529,11 @@ const Ie = fe({
               t && /* @__PURE__ */ o(
                 se,
                 {
-                  icon: /* @__PURE__ */ o(Ye, { size: 20 }),
+                  icon: /* @__PURE__ */ o(Ve, { size: 20 }),
                   title: "分享",
                   onClick: () => {
-                    if (d) {
-                      d(i.data);
+                    if (c) {
+                      c(s.data);
                       return;
                     }
                   }
@@ -542,32 +542,32 @@ const Ie = fe({
               e && /* @__PURE__ */ o(
                 se,
                 {
-                  icon: /* @__PURE__ */ o(Oe, { size: 20 }),
+                  icon: /* @__PURE__ */ o(_e, { size: 20 }),
                   title: "信息",
                   onClick: () => {
                     if (n) {
-                      n(i.data);
+                      n(s.data);
                       return;
                     }
                     R({
-                      ...i.data,
-                      pageX: i.pageX,
-                      pageY: i.pageY
-                    }), I();
+                      ...s.data,
+                      pageX: s.pageX,
+                      pageY: s.pageY
+                    }), x();
                   }
                 }
               ),
               r && /* @__PURE__ */ o(
                 se,
                 {
-                  icon: /* @__PURE__ */ o(Ue, { size: 20 }),
+                  icon: /* @__PURE__ */ o(We, { size: 20 }),
                   title: "移除",
                   onClick: () => {
                     if (p) {
-                      p(i.data, N);
+                      p(s.data, B);
                       return;
                     }
-                    v(null), N(i.data.id);
+                    v(null), B(s.data.id);
                   }
                 }
               )
@@ -577,13 +577,13 @@ const Ie = fe({
       ]
     }
   ) });
-}, Eo = (s) => {
-  const { data: e, noLetters: r = !1 } = s, { contextMenuFuns: t } = Z(), { itemIconBuilder: l, theme: n, contextMenu: d } = K(), { light: p, dark: i } = q.getTheme(n), { data: v = {} } = e, { name: I } = v;
-  return /* @__PURE__ */ G(ce, { children: [
+}, Fo = (a) => {
+  const { data: e, noLetters: r = !1 } = a, { contextMenuFuns: t } = Z(), { itemIconBuilder: i, theme: n, contextMenu: c } = K(), { light: p, dark: s } = q.getTheme(n), { data: v = {} } = e, { name: x } = v;
+  return /* @__PURE__ */ G(de, { children: [
     /* @__PURE__ */ o(
-      f.div,
+      b.div,
       {
-        className: a`
+        className: l`
           width: 4rem;
           height: 4rem;
           background-color: ${p.itemIconBackgroundColor};
@@ -593,15 +593,15 @@ const Ie = fe({
           position: relative;
           overflow: hidden;
           @media (prefers-color-scheme: dark) {
-            background-color: ${i.itemIconBackgroundColor};
-            box-shadow: 0 0 0.5rem ${i.itemIconShadowColor};
+            background-color: ${s.itemIconBackgroundColor};
+            box-shadow: 0 0 0.5rem ${s.itemIconShadowColor};
           }
         `,
         whileTap: { scale: 0.9 },
         children: /* @__PURE__ */ o(
           "div",
           {
-            className: a`
+            className: l`
             position: absolute;
             left: 0;
             top: 0;
@@ -609,52 +609,52 @@ const Ie = fe({
             height: 100%;
             color: ${p.itemNameColor};
             @media (prefers-color-scheme: dark) {
-              color: ${i.itemNameColor};
+              color: ${s.itemNameColor};
             }
           `,
-            ...t(e, d !== !1),
-            children: l == null ? void 0 : l(e)
+            ...t(e, c !== !1),
+            children: i == null ? void 0 : i(e)
           }
         )
       }
     ),
     /* @__PURE__ */ o(
-      f.p,
+      b.p,
       {
-        className: B(
-          a`
+        className: T(
+          l`
             text-align: center;
             margin-top: 0.25rem;
             margin-bottom: 0;
             color: ${p.itemNameColor};
             @media (prefers-color-scheme: dark) {
-              color: ${i.itemNameColor};
+              color: ${s.itemNameColor};
             }
           `,
-          r && a`
+          r && l`
               color: transparent;
             `
         ),
-        children: I
+        children: x
       }
     )
   ] });
-}, ue = (s) => {
+}, me = (a) => {
   const {
     data: e,
     className: r,
     itemIndex: t,
-    onClick: l,
+    onClick: i,
     disabledDrag: n = !1,
-    children: d,
+    children: c,
     parentIds: p,
-    childrenLength: i
-  } = s, { contextMenu: v, setContextMenu: I } = Z(), { contextMenu: R } = K();
+    childrenLength: s
+  } = a, { contextMenu: v, setContextMenu: x } = Z(), { contextMenu: R } = K();
   return /* @__PURE__ */ o(
-    Ge,
+    Oe,
     {
       placement: "bottom",
-      overlayClassName: a`
+      overlayClassName: l`
         background-color: transparent;
         .rc-tooltip-inner {
           background-color: transparent;
@@ -662,122 +662,122 @@ const Ie = fe({
           border: none;
         }
       `,
-      overlay: /* @__PURE__ */ o(Ao, { ...R }),
+      overlay: /* @__PURE__ */ o(Ho, { ...R }),
       visible: (v == null ? void 0 : v.data.id) === e.id,
-      onVisibleChange: (N) => {
-        N || I(null);
+      onVisibleChange: (B) => {
+        B || x(null);
       },
       destroyTooltipOnHide: !0,
       children: /* @__PURE__ */ o(
-        f.div,
+        b.div,
         {
           "data-id": e.id,
           "data-index": t,
           "data-parent-ids": p == null ? void 0 : p.join(","),
-          "data-children-length": i,
-          onClick: () => l == null ? void 0 : l(e),
-          className: B(n && "drag-disabled", r),
-          children: d ?? /* @__PURE__ */ o(Eo, { ...s })
+          "data-children-length": s,
+          onClick: () => i == null ? void 0 : i(e),
+          className: T(n && "drag-disabled", r),
+          children: c ?? /* @__PURE__ */ o(Fo, { ...a })
         }
       )
     }
   );
-}, jo = (s) => {
+}, Xo = (a) => {
   const {
     data: e,
     className: r,
     parentIds: t,
-    itemIndex: l,
+    itemIndex: i,
     onClick: n,
-    noLetters: d = !1
-  } = s, {
+    noLetters: c = !1
+  } = a, {
     contextMenuFuns: p,
-    setList: i,
+    setList: s,
     setOpenGroupItemData: v,
-    longPressTriggered: I,
+    longPressTriggered: x,
     moveItemId: R,
-    moveTargetId: N,
+    moveTargetId: B,
     setMoveTargetId: A,
     listStatus: L
-  } = Z(), { itemIconBuilder: u, theme: c, contextMenu: w } = K(), { light: x, dark: y } = q.getTheme(c), { children: g, data: M, config: C } = e, { row: m = 1, col: h = 1 } = C ?? {}, E = {
+  } = Z(), { itemIconBuilder: g, theme: d, contextMenu: w } = K(), { light: h, dark: $ } = q.getTheme(d), { children: u, data: I, config: C } = e, { row: m = 1, col: f = 1 } = C ?? {}, E = {
     visible: { opacity: 1, scale: 1 },
     hidden: { opacity: 0, scale: 0.95 }
-  }, V = ((g == null ? void 0 : g.length) ?? 0) === 0, j = V ? [e] : [...g ?? []].slice(0, 9), le = ae(() => R === e.id.toString(), [e.id, R]), _ = ae(() => N === e.id, [e.id, N]), Q = a`
+  }, V = ((u == null ? void 0 : u.length) ?? 0) === 0, j = V ? [e] : [...u ?? []].slice(0, 9), le = ae(() => R === e.id.toString(), [e.id, R]), _ = ae(() => B === e.id, [e.id, B]), Q = l`
     overflow: hidden;
     cursor: pointer;
-    background-color: ${x.itemIconBackgroundColor};
-    box-shadow: 0 0 0.5rem ${x.itemIconShadowColor};
+    background-color: ${h.itemIconBackgroundColor};
+    box-shadow: 0 0 0.5rem ${h.itemIconShadowColor};
     @media (prefers-color-scheme: dark) {
-      background-color: ${y.itemIconBackgroundColor};
-      box-shadow: 0 0 0.5rem ${y.itemIconShadowColor};
+      background-color: ${$.itemIconBackgroundColor};
+      box-shadow: 0 0 0.5rem ${$.itemIconShadowColor};
     }
   `, re = () => {
     if (V)
       return /* @__PURE__ */ o(
-        f.div,
+        b.div,
         {
-          className: B(
+          className: T(
             "sortable-group-item",
-            a`
+            l`
               overflow: hidden;
               cursor: pointer;
               width: 100%;
               height: 100%;
-              background-color: ${x.itemIconBackgroundColor};
+              background-color: ${h.itemIconBackgroundColor};
               position: absolute;
               left: 0;
               top: 0;
               border-radius: 0.75rem;
               @media (prefers-color-scheme: dark) {
-                background-color: ${y.itemIconBackgroundColor};
+                background-color: ${$.itemIconBackgroundColor};
               }
             `
           ),
-          onClick: (D) => {
-            D.stopPropagation(), n == null || n(e);
+          onClick: (N) => {
+            N.stopPropagation(), n == null || n(e);
           },
-          children: u == null ? void 0 : u(e)
+          children: g == null ? void 0 : g(e)
         }
       );
-    if (m === 1 && h === 1 || m === 2 && h === 2)
+    if (m === 1 && f === 1 || m === 2 && f === 2)
       return /* @__PURE__ */ o(
-        f.div,
+        b.div,
         {
-          className: a`
+          className: l`
             display: grid;
             width: 100%;
             height: 100%;
             grid-template-columns: repeat(3, minmax(0, 1fr));
             grid-template-rows: repeat(3, minmax(0, 1fr));
-            padding: ${h === 1 ? "0.125rem" : "0.25rem"};
-            gap: ${h === 1 ? "0.125rem" : "0.5rem"};
+            padding: ${f === 1 ? "0.125rem" : "0.25rem"};
+            gap: ${f === 1 ? "0.125rem" : "0.5rem"};
             place-items: center;
           `,
-          children: j == null ? void 0 : j.slice(0, 9).map((D) => /* @__PURE__ */ o(
-            f.div,
+          children: j == null ? void 0 : j.slice(0, 9).map((N) => /* @__PURE__ */ o(
+            b.div,
             {
-              className: B(
+              className: T(
                 Q,
-                a`
-                  border-radius: ${h === 1 ? "0.25rem" : "0.5rem"};
+                l`
+                  border-radius: ${f === 1 ? "0.25rem" : "0.5rem"};
                   width: 100%;
                   height: 100%;
                 `
               ),
               onClick: (O) => {
-                O.stopPropagation(), n == null || n(D);
+                O.stopPropagation(), n == null || n(N);
               },
-              children: u == null ? void 0 : u(D)
+              children: g == null ? void 0 : g(N)
             },
-            D.id
+            N.id
           ))
         }
       );
-    if (m === 1 && h === 2)
+    if (m === 1 && f === 2)
       return /* @__PURE__ */ o(
-        f.div,
+        b.div,
         {
-          className: a`
+          className: l`
             display: grid;
             grid-template-columns: repeat(10, minmax(0, 1fr));
             grid-template-rows: repeat(4, minmax(0, 1fr));
@@ -787,18 +787,18 @@ const Ie = fe({
             height: 52px;
             place-items: center;
           `,
-          children: j == null ? void 0 : j.slice(0, 4).map((D, O) => /* @__PURE__ */ o(
-            f.div,
+          children: j == null ? void 0 : j.slice(0, 4).map((N, O) => /* @__PURE__ */ o(
+            b.div,
             {
-              className: B(
+              className: T(
                 Q,
-                O < 2 ? a`
+                O < 2 ? l`
                       width: 52px;
                       height: 52px;
                       border-radius: 0.5rem;
                       grid-column: span 4 / span 4;
                       grid-row: span 4 / span 4;
-                    ` : a`
+                    ` : l`
                       width: 1.5rem;
                       height: 1.5rem;
                       border-radius: 0.375rem;
@@ -807,19 +807,19 @@ const Ie = fe({
                     `
               ),
               onClick: (W) => {
-                O > 2 || (W.stopPropagation(), n == null || n(D));
+                O > 2 || (W.stopPropagation(), n == null || n(N));
               },
-              children: u == null ? void 0 : u(D)
+              children: g == null ? void 0 : g(N)
             },
-            D.id
+            N.id
           ))
         }
       );
-    if (m === 2 && h === 1)
+    if (m === 2 && f === 1)
       return /* @__PURE__ */ o(
-        f.div,
+        b.div,
         {
-          className: a`
+          className: l`
             display: grid;
             grid-template-columns: repeat(4, minmax(0, 1fr));
             grid-template-rows: repeat(10, minmax(0, 1fr));
@@ -829,18 +829,18 @@ const Ie = fe({
             height: 144px;
             place-items: center;
           `,
-          children: j == null ? void 0 : j.slice(0, 4).map((D, O) => /* @__PURE__ */ o(
-            f.div,
+          children: j == null ? void 0 : j.slice(0, 4).map((N, O) => /* @__PURE__ */ o(
+            b.div,
             {
-              className: B(
+              className: T(
                 Q,
-                O < 2 ? a`
+                O < 2 ? l`
                       width: 52px;
                       height: 52px;
                       border-radius: 0.5rem;
                       grid-column: span 4 / span 4;
                       grid-row: span 4 / span 4;
-                    ` : a`
+                    ` : l`
                       width: 1.5rem;
                       height: 1.5rem;
                       grid-column: span 2 / span 2;
@@ -848,61 +848,61 @@ const Ie = fe({
                     `
               ),
               onClick: (W) => {
-                O > 2 || (W.stopPropagation(), n == null || n(D));
+                O > 2 || (W.stopPropagation(), n == null || n(N));
               },
-              children: u == null ? void 0 : u(D)
+              children: g == null ? void 0 : g(N)
             },
-            D.id
+            N.id
           ))
         }
       );
   };
   return /* @__PURE__ */ G(
-    ue,
+    me,
     {
       data: e,
-      itemIndex: l,
+      itemIndex: i,
       parentIds: t,
-      childrenLength: g == null ? void 0 : g.length,
-      className: B(
-        a`
+      childrenLength: u == null ? void 0 : u.length,
+      className: T(
+        l`
           grid-row: span ${m};
-          grid-column: span ${h};
+          grid-column: span ${f};
         `,
         r
       ),
       children: [
         /* @__PURE__ */ o(
-          f.div,
+          b.div,
           {
             whileTap: { scale: 0.9 },
-            className: B(
+            className: T(
               _ ? "!scale-110" : "",
-              a`
+              l`
             cursor: pointer;
             position: relative;
             border-radius: 0.75rem;
-            background-color: ${x.groupItemIconBackgroundColor};
-            box-shadow: 0 0 0.5rem ${x.groupItemIconShadowColor};
+            background-color: ${h.groupItemIconBackgroundColor};
+            box-shadow: 0 0 0.5rem ${h.groupItemIconShadowColor};
             @media (prefers-color-scheme: dark) {
-              background-color: ${y.groupItemIconBackgroundColor};
-              box-shadow: 0 0 0.5rem ${y.groupItemIconShadowColor};
+              background-color: ${$.groupItemIconBackgroundColor};
+              box-shadow: 0 0 0.5rem ${$.groupItemIconShadowColor};
             }
             /* overflow: hidden; */
             transition: all 0.3s;
             margin: 0 auto;
-            width: ${h * 64 + 32 * (h - 1)}px;
+            width: ${f * 64 + 32 * (f - 1)}px;
             height: ${m * 64 + 32 * (m - 1)}px;
           `
             ),
-            onClick: (D) => {
-              !V && !I && (e.parentIds = t, e.pageX = D.pageX, e.pageY = D.pageY, v(e));
+            onClick: (N) => {
+              !V && !x && (e.parentIds = t, e.pageX = N.pageX, e.pageY = N.pageY, v(e));
             },
             ...p(e, w !== !1),
             children: /* @__PURE__ */ G(
-              f.div,
+              b.div,
               {
-                className: a`
+                className: l`
             position: relative;
             width: 100%;
             height: 100%;
@@ -914,11 +914,11 @@ const Ie = fe({
                 children: [
                   re(),
                   /* @__PURE__ */ o(
-                    de,
+                    ge,
                     {
-                      className: B(
+                      className: T(
                         "sortable-group-item",
-                        a`
+                        l`
                 position: absolute;
                 cursor: pointer;
                 left: 0.375rem;
@@ -934,8 +934,8 @@ const Ie = fe({
                       group: { name: "nested", pull: !1, put: !0 },
                       animation: 150,
                       fallbackOnBody: !0,
-                      list: g ?? [],
-                      setList: (D) => i(D, t),
+                      list: u ?? [],
+                      setList: (N) => s(N, t),
                       filter: () => !0,
                       "data-id": e.id,
                       onChange: () => {
@@ -949,31 +949,31 @@ const Ie = fe({
           }
         ),
         /* @__PURE__ */ o(
-          f.p,
+          b.p,
           {
-            className: B(
-              a`
+            className: T(
+              l`
             text-align: center;
             margin-top: 0.25rem;
             margin-bottom: 0;
-            color: ${x.itemNameColor};
+            color: ${h.itemNameColor};
             @media (prefers-color-scheme: dark) {
-              color: ${y.itemNameColor};
+              color: ${$.itemNameColor};
             }
           `,
-              d && a`
+              c && l`
               color: transparent;
             `
             ),
             variants: E,
             animate: le ? "hidden" : "visible",
-            children: (M == null ? void 0 : M.name) ?? "文件夹"
+            children: (I == null ? void 0 : I.name) ?? "文件夹"
           }
         )
       ]
     }
   );
-}, Me = a`
+}, Se = l`
   padding: 8px;
   transition: all 0.2s;
   > div {
@@ -985,20 +985,20 @@ const Ie = fe({
       transition: all 0.2s;
     }
   }
-`, Ho = (s) => {
-  const { data: e, onClose: r, onItemClick: t } = s, {
-    list: l,
+`, Go = (a) => {
+  const { data: e, onClose: r, onItemClick: t } = a, {
+    list: i,
     setList: n,
-    setListStatus: d,
+    setListStatus: c,
     setMoveItemId: p,
-    setMoveTargetId: i,
+    setMoveTargetId: s,
     updateItem: v
-  } = Z(), { theme: I } = K(), { light: R, dark: N } = q.getTheme(I), [A, L] = F("文件夹"), u = [...(e == null ? void 0 : e.children) ?? []];
+  } = Z(), { theme: x } = K(), { light: R, dark: B } = q.getTheme(x), [A, L] = F("文件夹"), g = [...(e == null ? void 0 : e.children) ?? []];
   return oe(() => {
-    var c;
-    e && L((c = e.data) == null ? void 0 : c.name);
+    var d;
+    e && L((d = e.data) == null ? void 0 : d.name);
   }, [e]), /* @__PURE__ */ o(
-    ke,
+    ye,
     {
       visible: !!e,
       onClose: () => {
@@ -1013,7 +1013,7 @@ const Ie = fe({
       title: /* @__PURE__ */ o(
         "input",
         {
-          className: a`
+          className: l`
             background-color: transparent;
             border-style: none;
             text-align: center;
@@ -1028,8 +1028,8 @@ const Ie = fe({
             }
           `,
           value: A,
-          onChange: (c) => {
-            L(c.target.value);
+          onChange: (d) => {
+            L(d.target.value);
           },
           onBlur: () => {
             e && v(e.id, {
@@ -1041,9 +1041,9 @@ const Ie = fe({
       ),
       footer: null,
       closable: !1,
-      className: B(
+      className: T(
         "group-item-modal",
-        a`
+        l`
           .rc-dialog-content {
             background-color: transparent;
             box-shadow: none;
@@ -1060,7 +1060,7 @@ const Ie = fe({
             .rc-dialog-body {
               background-color: ${R.groupItemModalBackgroundColor};
               @media (prefers-color-scheme: dark) {
-                background-color: ${N.groupItemModalBackgroundColor};
+                background-color: ${B.groupItemModalBackgroundColor};
               }
               border-radius: 0.5rem;
               overflow: hidden;
@@ -1073,21 +1073,21 @@ const Ie = fe({
       children: /* @__PURE__ */ o(
         "div",
         {
-          className: a`
+          className: l`
           overflow-y: auto;
           max-height: 60vh;
           padding: 1.25rem 0;
         `,
-          onDragLeave: (c) => {
-            const w = c.relatedTarget;
-            w && (c.currentTarget.contains(w) || setTimeout(() => {
+          onDragLeave: (d) => {
+            const w = d.relatedTarget;
+            w && (d.currentTarget.contains(w) || setTimeout(() => {
               r();
             }, 500));
           },
           children: /* @__PURE__ */ o(
-            de,
+            ge,
             {
-              className: a`
+              className: l`
             display: grid;
             gap: 1rem;
             place-items: center;
@@ -1099,28 +1099,28 @@ const Ie = fe({
               animation: 150,
               fallbackOnBody: !0,
               list: (e == null ? void 0 : e.children) ?? [],
-              setList: (c) => {
-                var y, g;
-                const w = c.map((M) => M.id), x = (g = (y = l.find((M) => M.id === (e == null ? void 0 : e.id))) == null ? void 0 : y.children) == null ? void 0 : g.map((M) => M.id);
-                w.length === (x == null ? void 0 : x.length) && w.every((M, C) => M === x[C]) || w.length < ((x == null ? void 0 : x.length) ?? 0) || n(c, [...(e == null ? void 0 : e.parentIds) ?? [], e == null ? void 0 : e.id]);
+              setList: (d) => {
+                var $, u;
+                const w = d.map((I) => I.id), h = (u = ($ = i.find((I) => I.id === (e == null ? void 0 : e.id))) == null ? void 0 : $.children) == null ? void 0 : u.map((I) => I.id);
+                w.length === (h == null ? void 0 : h.length) && w.every((I, C) => I === h[C]) || w.length < ((h == null ? void 0 : h.length) ?? 0) || n(d, [...(e == null ? void 0 : e.parentIds) ?? [], e == null ? void 0 : e.id]);
               },
-              onMove: () => (i(null), d("onMove"), !0),
-              onStart: (c) => {
-                const w = c.item.dataset;
-                w != null && w.id && p(w.id), d("onMove");
+              onMove: () => (s(null), c("onMove"), !0),
+              onStart: (d) => {
+                const w = d.item.dataset;
+                w != null && w.id && p(w.id), c("onMove");
               },
               onEnd: () => {
-                p(null), i(null), d(null);
+                p(null), s(null), c(null);
               },
-              ghostClass: Me,
-              children: u.map((c, w) => /* @__PURE__ */ o(
-                ue,
+              ghostClass: Se,
+              children: g.map((d, w) => /* @__PURE__ */ o(
+                me,
                 {
-                  data: c,
+                  data: d,
                   itemIndex: w,
                   onClick: t
                 },
-                c.id
+                d.id
               ))
             }
           )
@@ -1128,11 +1128,11 @@ const Ie = fe({
       )
     }
   );
-}, Fo = (s) => {
+}, qo = (a) => {
   var t;
-  const { data: e, onClose: r } = s;
+  const { data: e, onClose: r } = a;
   return /* @__PURE__ */ o(
-    ke,
+    ye,
     {
       visible: !!e,
       onClose: () => {
@@ -1148,30 +1148,30 @@ const Ie = fe({
       title: ((t = e == null ? void 0 : e.data) == null ? void 0 : t.name) ?? "信息",
       children: e && /* @__PURE__ */ G("div", { children: [
         /* @__PURE__ */ o("div", { className: "mb-2", children: "开发者信息" }),
-        /* @__PURE__ */ o("div", { className: "p-2 rounded-md bg-[#272822]", children: /* @__PURE__ */ o(_e, { src: e, theme: "monokai" }) })
+        /* @__PURE__ */ o("div", { className: "p-2 rounded-md bg-[#272822]", children: /* @__PURE__ */ o(Ke, { src: e, theme: "monokai" }) })
       ] })
     }
   );
-}, Xo = (s) => {
+}, Yo = (a) => {
   const {
     pagination: e = { position: "bottom" },
     className: r,
     sliderProps: t,
-    sliderRef: l,
+    sliderRef: i,
     onItemClick: n
-  } = s, d = te(null), p = te(null), {
-    list: i,
+  } = a, c = te(null), p = te(null), {
+    list: s,
     setList: v,
-    setListStatus: I,
+    setListStatus: x,
     showInfoItemData: R,
-    setShowInfoItemData: N,
+    setShowInfoItemData: B,
     openGroupItemData: A,
     setOpenGroupItemData: L,
-    setMoveItemId: u,
-    setMoveTargetId: c,
+    setMoveItemId: g,
+    setMoveTargetId: d,
     addItem: w
-  } = Z(), { pagingDotBuilder: x, pagingDotsBuilder: y, itemBuilder: g } = K(), M = ae(() => e === !1 ? {} : {
-    top: a`
+  } = Z(), { pagingDotBuilder: h, pagingDotsBuilder: $, itemBuilder: u } = K(), I = ae(() => e === !1 ? {} : {
+    top: l`
         display: flex;
         flex-direction: column;
         .slick-list {
@@ -1181,12 +1181,12 @@ const Ie = fe({
           position: static;
         }
       `,
-    bottom: a`
+    bottom: l`
         .slick-dots {
           position: static;
         }
       `,
-    left: a`
+    left: l`
         .slick-dots {
           position: absolute;
           width: auto;
@@ -1202,7 +1202,7 @@ const Ie = fe({
           }
         }
       `,
-    right: a`
+    right: l`
         .slick-dots {
           position: absolute;
           width: auto;
@@ -1219,21 +1219,21 @@ const Ie = fe({
         }
       `
   }[e.position ?? "bottom"], [e]);
-  return /* @__PURE__ */ G(ce, { children: [
+  return /* @__PURE__ */ G(de, { children: [
     /* @__PURE__ */ o(
-      je,
+      Xe,
       {
         useCSS: !0,
         useTransform: !0,
         arrows: !1,
-        ref: l ?? d,
+        ref: i ?? c,
         infinite: !1,
         dots: !0,
         touchMove: !1,
         lazyLoad: "anticipated",
-        className: B(
-          M,
-          a`
+        className: T(
+          I,
+          l`
             .slick-track {
               display: flex;
               align-items: stretch;
@@ -1252,25 +1252,25 @@ const Ie = fe({
           r
         ),
         customPaging: (C) => {
-          var m, h;
-          return x ? x(i[C], C) : /* @__PURE__ */ o(
+          var m, f;
+          return h ? h(s[C], C) : /* @__PURE__ */ o(
             "div",
             {
               onDragEnter: () => {
                 var E;
-                (E = (l ?? d).current) == null || E.slickGoTo(C);
+                (E = (i ?? c).current) == null || E.slickGoTo(C);
               },
-              children: (h = (m = i[C]) == null ? void 0 : m.data) == null ? void 0 : h.name
+              children: (f = (m = s[C]) == null ? void 0 : m.data) == null ? void 0 : f.name
             }
           );
         },
-        appendDots: (C) => y ? y(C) : e === !1 ? /* @__PURE__ */ o("div", {}) : /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+        appendDots: (C) => $ ? $(C) : e === !1 ? /* @__PURE__ */ o("div", {}) : /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
           "ul",
           {
             ref: p,
-            className: B(
+            className: T(
               "slick-dots-default",
-              a`
+              l`
                     padding: 0.5rem;
                     display: inline-flex;
                     justify-content: center;
@@ -1295,15 +1295,15 @@ const Ie = fe({
           }
         ) }),
         ...t,
-        children: i.map((C) => /* @__PURE__ */ o(
+        children: s.map((C) => /* @__PURE__ */ o(
           "div",
           {
             onDrop: (m) => {
               m.preventDefault();
-              const h = m.dataTransfer.getData("text/plain");
-              if (h !== "")
+              const f = m.dataTransfer.getData("text/plain");
+              if (f !== "")
                 try {
-                  w(JSON.parse(h), [C.id]);
+                  w(JSON.parse(f), [C.id]);
                 } catch (E) {
                   console.log("drag error", E);
                 }
@@ -1312,10 +1312,10 @@ const Ie = fe({
               m.preventDefault();
             },
             children: /* @__PURE__ */ o(
-              de,
+              ge,
               {
-                className: B(
-                  a`
+                className: T(
+                  l`
                     display: grid;
                     transition: all 0.3s;
                     grid-template-columns: repeat(auto-fill, 96px);
@@ -1334,30 +1334,30 @@ const Ie = fe({
                 setList: (m) => v(m, [C.id]),
                 filter: ".drag-disabled",
                 onMove: (m) => {
-                  I("onMove");
-                  const { dragged: h, related: E } = m, V = h.dataset, j = E.dataset;
-                  return c(null), !((Object.keys(j).length === 0 || j.parentIds) && Number(V.childrenLength) > 0 && E.classList.contains("sortable-group-item"));
+                  x("onMove");
+                  const { dragged: f, related: E } = m, V = f.dataset, j = E.dataset;
+                  return d(null), !((Object.keys(j).length === 0 || j.parentIds) && Number(V.childrenLength) > 0 && E.classList.contains("sortable-group-item"));
                 },
                 onStart: (m) => {
-                  const h = m.item.dataset;
-                  h != null && h.id && u(h.id), I("onMove");
+                  const f = m.item.dataset;
+                  f != null && f.id && g(f.id), x("onMove");
                 },
                 onEnd: () => {
-                  u(null), c(null), I(null);
+                  g(null), d(null), x(null);
                 },
-                ghostClass: Me,
-                children: (C.children ?? []).map((m, h) => {
+                ghostClass: Se,
+                children: (C.children ?? []).map((m, f) => {
                   let E;
-                  if (g)
-                    return g(m);
+                  if (u)
+                    return u(m);
                   switch (m.type) {
                     case "group":
                     case "app":
                       E = /* @__PURE__ */ o(
-                        jo,
+                        Xo,
                         {
                           data: m,
-                          itemIndex: h,
+                          itemIndex: f,
                           parentIds: [C.id, m.id],
                           onClick: n
                         },
@@ -1366,10 +1366,10 @@ const Ie = fe({
                       break;
                     default:
                       E = /* @__PURE__ */ o(
-                        ue,
+                        me,
                         {
                           data: m,
-                          itemIndex: h,
+                          itemIndex: f,
                           onClick: n
                         },
                         m.id
@@ -1386,16 +1386,16 @@ const Ie = fe({
       }
     ),
     /* @__PURE__ */ o(
-      Fo,
+      qo,
       {
         data: R,
         onClose: () => {
-          N(null);
+          B(null);
         }
       }
     ),
     /* @__PURE__ */ o(
-      Ho,
+      Go,
       {
         data: A,
         onClose: () => {
@@ -1405,38 +1405,38 @@ const Ie = fe({
       }
     )
   ] });
-}, wt = (s) => {
+}, Ct = (a) => {
   const {
     list: e,
     onChange: r,
     storageKey: t,
-    enableCaching: l,
+    enableCaching: i,
     theme: n,
-    noLetters: d,
+    noLetters: c,
     contextMenu: p,
-    contextMenuBuilder: i,
+    contextMenuBuilder: s,
     itemBuilder: v,
-    itemIconBuilder: I,
+    itemIconBuilder: x,
     pagingDotBuilder: R,
-    pagingDotsBuilder: N,
+    pagingDotsBuilder: B,
     ...A
-  } = s;
-  return /* @__PURE__ */ o(Lo, { ...{
+  } = a;
+  return /* @__PURE__ */ o(Eo, { ...{
     list: e,
     onChange: r,
     storageKey: t,
-    enableCaching: l
-  }, children: /* @__PURE__ */ o(Po, { ...{
+    enableCaching: i
+  }, children: /* @__PURE__ */ o(zo, { ...{
     theme: n,
-    noLetters: d,
+    noLetters: c,
     contextMenu: p,
-    pagingDotsBuilder: N,
+    pagingDotsBuilder: B,
     pagingDotBuilder: R,
     itemBuilder: v,
-    itemIconBuilder: I,
-    contextMenuBuilder: i
-  }, children: /* @__PURE__ */ o(Xo, { ...A }) }) });
-}, Go = {
+    itemIconBuilder: x,
+    contextMenuBuilder: s
+  }, children: /* @__PURE__ */ o(Yo, { ...A }) }) });
+}, Oo = {
   frontmatterEditor: {
     title: "编辑前置元数据",
     key: "键",
@@ -1553,13 +1553,13 @@ const Ie = fe({
   image: {
     delete: "删除图片"
   }
-}, qo = (s, e, r) => {
-  const l = s.split(".").reduce(
-    (n, d) => typeof n == "string" ? n : n[d],
-    Go
+}, Uo = (a, e, r) => {
+  const i = a.split(".").reduce(
+    (n, c) => typeof n == "string" ? n : n[c],
+    Oo
   );
-  return typeof l != "string" ? e : r ? l.replace(/{{(.*?)}}/g, (n, d) => r[d]) : l;
-}, Yo = a`
+  return typeof i != "string" ? e : r ? i.replace(/{{(.*?)}}/g, (n, c) => r[c]) : i;
+}, Vo = l`
   --accentBase: var(--tomato-1);
   --accentBgSubtle: var(--tomato-2);
   --accentBg: var(--tomato-3);
@@ -1613,7 +1613,7 @@ const Ie = fe({
     rgba(255, 255, 255, 0.05),
     rgba(255, 255, 255, 0.05)
   );
-`, Oo = a`
+`, _o = l`
   [class*="_toolbarRoot"] {
     flex-wrap: wrap;
     transition: all 0.3s;
@@ -1683,9 +1683,9 @@ const Ie = fe({
       margin-bottom: 0;
     }
   }
-`, Se = B(
+`, Te = T(
   "markdown-body",
-  a`
+  l`
     p {
       margin-bottom: 8px;
     }
@@ -1706,113 +1706,117 @@ const Ie = fe({
       }
     }
   `
-), Uo = a`
-  /* light */
-  color-scheme: light;
-  --focus-outlineColor: #0969da;
-  --fgColor-default: #1f2328;
-  --fgColor-muted: #59636e;
-  --fgColor-accent: #0969da;
-  --fgColor-success: #1a7f37;
-  --fgColor-attention: #9a6700;
-  --fgColor-danger: #d1242f;
-  --fgColor-done: #8250df;
-  --bgColor-default: #ffffff;
-  --bgColor-muted: #f6f8fa;
-  --bgColor-neutral-muted: #818b981f;
-  --bgColor-attention-muted: #fff8c5;
-  --borderColor-default: #d1d9e0;
-  --borderColor-muted: #d1d9e0b3;
-  --borderColor-neutral-muted: #d1d9e0b3;
-  --borderColor-accent-emphasis: #0969da;
-  --borderColor-success-emphasis: #1a7f37;
-  --borderColor-attention-emphasis: #9a6700;
-  --borderColor-danger-emphasis: #cf222e;
-  --borderColor-done-emphasis: #8250df;
-  --color-prettylights-syntax-comment: #59636e;
-  --color-prettylights-syntax-constant: #0550ae;
-  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
-  --color-prettylights-syntax-entity: #6639ba;
-  --color-prettylights-syntax-storage-modifier-import: #1f2328;
-  --color-prettylights-syntax-entity-tag: #0550ae;
-  --color-prettylights-syntax-keyword: #cf222e;
-  --color-prettylights-syntax-string: #0a3069;
-  --color-prettylights-syntax-variable: #953800;
-  --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
-  --color-prettylights-syntax-brackethighlighter-angle: #59636e;
-  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
-  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
-  --color-prettylights-syntax-carriage-return-text: #f6f8fa;
-  --color-prettylights-syntax-carriage-return-bg: #cf222e;
-  --color-prettylights-syntax-string-regexp: #116329;
-  --color-prettylights-syntax-markup-list: #3b2300;
-  --color-prettylights-syntax-markup-heading: #0550ae;
-  --color-prettylights-syntax-markup-italic: #1f2328;
-  --color-prettylights-syntax-markup-bold: #1f2328;
-  --color-prettylights-syntax-markup-deleted-text: #82071e;
-  --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
-  --color-prettylights-syntax-markup-inserted-text: #116329;
-  --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
-  --color-prettylights-syntax-markup-changed-text: #953800;
-  --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
-  --color-prettylights-syntax-markup-ignored-text: #d1d9e0;
-  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
-  --color-prettylights-syntax-meta-diff-range: #8250df;
-  --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
-`, Vo = a`
-  /* dark */
-  color-scheme: dark;
-  --focus-outlineColor: #1f6feb;
-  --fgColor-default: #f0f6fc;
-  --fgColor-muted: #9198a1;
-  --fgColor-accent: #4493f8;
-  --fgColor-success: #3fb950;
-  --fgColor-attention: #d29922;
-  --fgColor-danger: #f85149;
-  --fgColor-done: #ab7df8;
-  --bgColor-default: #0d1117;
-  --bgColor-muted: #151b23;
-  --bgColor-neutral-muted: #656c7633;
-  --bgColor-attention-muted: #bb800926;
-  --borderColor-default: #3d444d;
-  --borderColor-muted: #3d444db3;
-  --borderColor-neutral-muted: #3d444db3;
-  --borderColor-accent-emphasis: #1f6feb;
-  --borderColor-success-emphasis: #238636;
-  --borderColor-attention-emphasis: #9e6a03;
-  --borderColor-danger-emphasis: #da3633;
-  --borderColor-done-emphasis: #8957e5;
-  --color-prettylights-syntax-comment: #9198a1;
-  --color-prettylights-syntax-constant: #79c0ff;
-  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
-  --color-prettylights-syntax-entity: #d2a8ff;
-  --color-prettylights-syntax-storage-modifier-import: #f0f6fc;
-  --color-prettylights-syntax-entity-tag: #7ee787;
-  --color-prettylights-syntax-keyword: #ff7b72;
-  --color-prettylights-syntax-string: #a5d6ff;
-  --color-prettylights-syntax-variable: #ffa657;
-  --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
-  --color-prettylights-syntax-brackethighlighter-angle: #9198a1;
-  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
-  --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
-  --color-prettylights-syntax-carriage-return-text: #f0f6fc;
-  --color-prettylights-syntax-carriage-return-bg: #b62324;
-  --color-prettylights-syntax-string-regexp: #7ee787;
-  --color-prettylights-syntax-markup-list: #f2cc60;
-  --color-prettylights-syntax-markup-heading: #1f6feb;
-  --color-prettylights-syntax-markup-italic: #f0f6fc;
-  --color-prettylights-syntax-markup-bold: #f0f6fc;
-  --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
-  --color-prettylights-syntax-markup-deleted-bg: #67060c;
-  --color-prettylights-syntax-markup-inserted-text: #aff5b4;
-  --color-prettylights-syntax-markup-inserted-bg: #033a16;
-  --color-prettylights-syntax-markup-changed-text: #ffdfb6;
-  --color-prettylights-syntax-markup-changed-bg: #5a1e02;
-  --color-prettylights-syntax-markup-ignored-text: #f0f6fc;
-  --color-prettylights-syntax-markup-ignored-bg: #1158c7;
-  --color-prettylights-syntax-meta-diff-range: #d2a8ff;
-  --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
-`, _o = {
+), Be = l`
+  .markdown-body {
+    /* light */
+    color-scheme: light;
+    --focus-outlineColor: #0969da;
+    --fgColor-default: #1f2328;
+    --fgColor-muted: #59636e;
+    --fgColor-accent: #0969da;
+    --fgColor-success: #1a7f37;
+    --fgColor-attention: #9a6700;
+    --fgColor-danger: #d1242f;
+    --fgColor-done: #8250df;
+    --bgColor-default: #ffffff;
+    --bgColor-muted: #f6f8fa;
+    --bgColor-neutral-muted: #818b981f;
+    --bgColor-attention-muted: #fff8c5;
+    --borderColor-default: transparent;
+    --borderColor-muted: #d1d9e0b3;
+    --borderColor-neutral-muted: #d1d9e0b3;
+    --borderColor-accent-emphasis: #0969da;
+    --borderColor-success-emphasis: #1a7f37;
+    --borderColor-attention-emphasis: #9a6700;
+    --borderColor-danger-emphasis: #cf222e;
+    --borderColor-done-emphasis: #8250df;
+    --color-prettylights-syntax-comment: #59636e;
+    --color-prettylights-syntax-constant: #0550ae;
+    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
+    --color-prettylights-syntax-entity: #6639ba;
+    --color-prettylights-syntax-storage-modifier-import: #1f2328;
+    --color-prettylights-syntax-entity-tag: #0550ae;
+    --color-prettylights-syntax-keyword: #cf222e;
+    --color-prettylights-syntax-string: #0a3069;
+    --color-prettylights-syntax-variable: #953800;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
+    --color-prettylights-syntax-brackethighlighter-angle: #59636e;
+    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
+    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
+    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
+    --color-prettylights-syntax-carriage-return-bg: #cf222e;
+    --color-prettylights-syntax-string-regexp: #116329;
+    --color-prettylights-syntax-markup-list: #3b2300;
+    --color-prettylights-syntax-markup-heading: #0550ae;
+    --color-prettylights-syntax-markup-italic: #1f2328;
+    --color-prettylights-syntax-markup-bold: #1f2328;
+    --color-prettylights-syntax-markup-deleted-text: #82071e;
+    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
+    --color-prettylights-syntax-markup-inserted-text: #116329;
+    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
+    --color-prettylights-syntax-markup-changed-text: #953800;
+    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
+    --color-prettylights-syntax-markup-ignored-text: #d1d9e0;
+    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
+    --color-prettylights-syntax-meta-diff-range: #8250df;
+    --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
+  }
+`, Ne = l`
+  .markdown-body {
+    /* dark */
+    color-scheme: dark;
+    --focus-outlineColor: #1f6feb;
+    --fgColor-default: #f0f6fc;
+    --fgColor-muted: #9198a1;
+    --fgColor-accent: #4493f8;
+    --fgColor-success: #3fb950;
+    --fgColor-attention: #d29922;
+    --fgColor-danger: #f85149;
+    --fgColor-done: #ab7df8;
+    --bgColor-default: transparent;
+    --bgColor-muted: #151b23;
+    --bgColor-neutral-muted: #656c7633;
+    --bgColor-attention-muted: #bb800926;
+    --borderColor-default: #3d444d;
+    --borderColor-muted: #3d444db3;
+    --borderColor-neutral-muted: #3d444db3;
+    --borderColor-accent-emphasis: #1f6feb;
+    --borderColor-success-emphasis: #238636;
+    --borderColor-attention-emphasis: #9e6a03;
+    --borderColor-danger-emphasis: #da3633;
+    --borderColor-done-emphasis: #8957e5;
+    --color-prettylights-syntax-comment: #9198a1;
+    --color-prettylights-syntax-constant: #79c0ff;
+    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
+    --color-prettylights-syntax-entity: #d2a8ff;
+    --color-prettylights-syntax-storage-modifier-import: #f0f6fc;
+    --color-prettylights-syntax-entity-tag: #7ee787;
+    --color-prettylights-syntax-keyword: #ff7b72;
+    --color-prettylights-syntax-string: #a5d6ff;
+    --color-prettylights-syntax-variable: #ffa657;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
+    --color-prettylights-syntax-brackethighlighter-angle: #9198a1;
+    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
+    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
+    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
+    --color-prettylights-syntax-carriage-return-bg: #b62324;
+    --color-prettylights-syntax-string-regexp: #7ee787;
+    --color-prettylights-syntax-markup-list: #f2cc60;
+    --color-prettylights-syntax-markup-heading: #1f6feb;
+    --color-prettylights-syntax-markup-italic: #f0f6fc;
+    --color-prettylights-syntax-markup-bold: #f0f6fc;
+    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
+    --color-prettylights-syntax-markup-deleted-bg: #67060c;
+    --color-prettylights-syntax-markup-inserted-text: #aff5b4;
+    --color-prettylights-syntax-markup-inserted-bg: #033a16;
+    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
+    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
+    --color-prettylights-syntax-markup-ignored-text: #f0f6fc;
+    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
+    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
+    --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
+  }
+`, Wo = {
   'code[class*="language-"]': {
     background: "hsl(230, 1%, 98%)",
     color: "hsl(230, 8%, 24%)",
@@ -2300,48 +2304,57 @@ const Ie = fe({
   ".prism-previewer-easing.prism-previewer-easing line": {
     stroke: "hsl(230, 8%, 24%)"
   }
-}, Wo = (s) => {
-  const { children: e = "", className: r } = s;
+}, ce = (a) => {
+  var e, r;
+  return a === "dark" ? !0 : a === "light" ? !1 : (e = document.documentElement.getAttribute("style")) != null && e.includes("color-scheme: dark;") ? !0 : (r = document.documentElement.getAttribute("style")) != null && r.includes("color-scheme: light;") ? !1 : window.matchMedia("(prefers-color-scheme: dark)").matches;
+}, Jo = (a) => {
+  const { children: e = "", className: r, theme: t = "auto" } = a;
   return /* @__PURE__ */ o(
-    Mo,
+    "div",
     {
-      className: B(Se, r),
-      remarkPlugins: [So, To],
-      rehypePlugins: [Bo],
-      components: {
-        code(t) {
-          const { children: l, className: n, node: d, ref: p, ...i } = t, v = /language-(\w+)/.exec(n || "");
-          return v ? /* @__PURE__ */ o(
-            No,
-            {
-              ...i,
-              PreTag: "div",
-              children: String(l).replace(/\n$/, ""),
-              language: v[1],
-              style: _o
+      className: ce(t) ? Ne : Be,
+      children: /* @__PURE__ */ o(
+        Bo,
+        {
+          className: T(Te, r),
+          remarkPlugins: [No, Do],
+          rehypePlugins: [$o],
+          components: {
+            code(i) {
+              const { children: n, className: c, node: p, ref: s, ...v } = i, x = /language-(\w+)/.exec(c || "");
+              return x ? /* @__PURE__ */ o(
+                Po,
+                {
+                  ...v,
+                  PreTag: "div",
+                  children: String(n).replace(/\n$/, ""),
+                  language: x[1],
+                  style: Wo
+                }
+              ) : /* @__PURE__ */ o("code", { ...v, className: c, children: n });
             }
-          ) : /* @__PURE__ */ o("code", { ...i, className: n, children: l });
+          },
+          children: e
         }
-      },
-      children: e
+      )
     }
   );
-}, Jo = (s) => {
+}, Ko = (a) => {
   const {
     value: e,
     onChange: r,
     translation: t,
-    pluginConfig: l,
+    pluginConfig: i,
     className: n,
-    theme: d = "auto",
+    theme: c = "auto",
     ...p
-  } = s, i = te(null), {
+  } = a, s = te(null), {
     image: v,
-    diffSource: I = {
+    diffSource: x = {
       viewMode: "rich-text"
     },
     headings: R,
-    link: N,
+    link: B,
     codeBlock: A,
     codeMirror: L = {
       codeBlockLanguages: {
@@ -2352,98 +2365,93 @@ const Ie = fe({
         "": "Unspecified"
       }
     },
-    directives: u = {
-      directiveDescriptors: [Io]
+    directives: g = {
+      directiveDescriptors: [To]
     }
-  } = l ?? {}, [c, w] = F("");
-  oe(() => {
-    var y;
-    e !== void 0 && i.current && ((y = i.current) == null || y.setMarkdown(e), w(e));
-  }, [e, i]);
-  const x = () => {
-    var y, g;
-    return d === "dark" ? !0 : d === "light" ? !1 : (y = document.documentElement.getAttribute("style")) != null && y.includes("color-scheme: dark;") ? !0 : (g = document.documentElement.getAttribute("style")) != null && g.includes("color-scheme: light;") ? !1 : window.matchMedia("(prefers-color-scheme: dark)").matches;
-  };
-  return /* @__PURE__ */ o(
-    We,
+  } = i ?? {}, [d, w] = F("");
+  return oe(() => {
+    var h;
+    e !== void 0 && s.current && ((h = s.current) == null || h.setMarkdown(e), w(e));
+  }, [e, s]), /* @__PURE__ */ o(
+    Ze,
     {
-      ref: i,
-      className: B(
-        Oo,
-        x() ? Yo : "",
-        x() ? Vo : Uo,
+      ref: s,
+      className: T(
+        _o,
+        ce(c) ? Vo : "",
+        ce(c) ? Ne : Be,
         n
       ),
-      contentEditableClassName: Se,
-      markdown: c,
-      onChange: (y) => {
-        !e && !r && w(y), r && r(y);
+      contentEditableClassName: Te,
+      markdown: d,
+      onChange: (h) => {
+        !e && !r && w(h), r && r(h);
       },
-      translation: t ?? qo,
+      translation: t ?? Uo,
       plugins: [
-        Je({
-          toolbarContents: () => /* @__PURE__ */ G(Ke, { options: ["rich-text", "source"], children: [
-            /* @__PURE__ */ o(Ze, {}),
-            /* @__PURE__ */ o(J, {}),
-            /* @__PURE__ */ o(Qe, {}),
-            /* @__PURE__ */ o(eo, {}),
-            /* @__PURE__ */ o(J, {}),
+        Qe({
+          toolbarContents: () => /* @__PURE__ */ G(eo, { options: ["rich-text", "source"], children: [
             /* @__PURE__ */ o(oo, {}),
             /* @__PURE__ */ o(J, {}),
             /* @__PURE__ */ o(to, {}),
-            /* @__PURE__ */ o(J, {}),
             /* @__PURE__ */ o(ro, {}),
+            /* @__PURE__ */ o(J, {}),
             /* @__PURE__ */ o(no, {}),
             /* @__PURE__ */ o(J, {}),
             /* @__PURE__ */ o(ao, {}),
-            /* @__PURE__ */ o(lo, {}),
             /* @__PURE__ */ o(J, {}),
+            /* @__PURE__ */ o(lo, {}),
             /* @__PURE__ */ o(io, {}),
             /* @__PURE__ */ o(J, {}),
-            /* @__PURE__ */ o(so, {})
+            /* @__PURE__ */ o(so, {}),
+            /* @__PURE__ */ o(co, {}),
+            /* @__PURE__ */ o(J, {}),
+            /* @__PURE__ */ o(go, {}),
+            /* @__PURE__ */ o(J, {}),
+            /* @__PURE__ */ o(uo, {})
           ] })
         }),
-        co(I),
-        go(),
-        uo(),
-        mo(R),
-        po(N),
+        mo(x),
+        po(),
         ho(),
-        fo(v),
-        bo(),
+        fo(R),
+        bo(B),
         ko(),
+        yo(v),
+        vo(),
         xo(),
-        vo(A),
-        yo(L),
         wo(),
-        Co(u)
+        Co(A),
+        Io(L),
+        Mo(),
+        So(g)
       ],
       ...p
     }
   );
-}, Ko = Jo;
-Ko.Preview = Wo;
-function Te(...s) {
-  return $o(Do(s));
+}, Zo = Ko;
+Zo.Preview = Jo;
+function De(...a) {
+  return Lo(Ro(a));
 }
-const Zo = (s) => {
-  const { mouseX: e, title: r, icon: t, href: l } = s, n = te(null), d = ee(e, (w) => {
-    var y;
-    const x = ((y = n.current) == null ? void 0 : y.getBoundingClientRect()) ?? { x: 0, width: 0 };
-    return w - x.x - x.width / 2;
-  }), p = ee(d, [-150, 0, 150], [40, 80, 40]), i = ee(d, [-150, 0, 150], [40, 80, 40]), v = ee(
-    d,
+const Qo = (a) => {
+  const { mouseX: e, title: r, icon: t, href: i } = a, n = te(null), c = ee(e, (w) => {
+    var $;
+    const h = (($ = n.current) == null ? void 0 : $.getBoundingClientRect()) ?? { x: 0, width: 0 };
+    return w - h.x - h.width / 2;
+  }), p = ee(c, [-150, 0, 150], [40, 80, 40]), s = ee(c, [-150, 0, 150], [40, 80, 40]), v = ee(
+    c,
     [-150, 0, 150],
     [20, 40, 20]
-  ), I = ee(
-    d,
+  ), x = ee(
+    c,
     [-150, 0, 150],
     [20, 40, 20]
   ), R = ne(p, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), N = ne(i, {
+  }), B = ne(s, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
@@ -2451,22 +2459,22 @@ const Zo = (s) => {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), L = ne(I, {
+  }), L = ne(x, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), [u, c] = F(!1);
-  return /* @__PURE__ */ o("a", { href: l, children: /* @__PURE__ */ G(
-    f.div,
+  }), [g, d] = F(!1);
+  return /* @__PURE__ */ o("a", { href: i, children: /* @__PURE__ */ G(
+    b.div,
     {
       ref: n,
-      style: { width: R, height: N },
-      onMouseEnter: () => c(!0),
-      onMouseLeave: () => c(!1),
+      style: { width: R, height: B },
+      onMouseEnter: () => d(!0),
+      onMouseLeave: () => d(!1),
       className: "aspect-square rounded-full bg-gray-200 dark:bg-neutral-800 flex items-center justify-center relative",
       children: [
-        /* @__PURE__ */ o(ge, { children: u && /* @__PURE__ */ o(
-          f.div,
+        /* @__PURE__ */ o(ue, { children: g && /* @__PURE__ */ o(
+          b.div,
           {
             initial: { opacity: 0, y: 10, x: "-50%" },
             animate: { opacity: 1, y: 0, x: "-50%" },
@@ -2476,7 +2484,7 @@ const Zo = (s) => {
           }
         ) }),
         /* @__PURE__ */ o(
-          f.div,
+          b.div,
           {
             style: { width: A, height: L },
             className: "flex items-center justify-center",
@@ -2486,40 +2494,40 @@ const Zo = (s) => {
       ]
     }
   ) });
-}, Be = (s) => {
-  const { items: e, className: r } = s, t = He(1 / 0);
+}, $e = (a) => {
+  const { items: e, className: r } = a, t = Ge(1 / 0);
   return /* @__PURE__ */ o(
-    f.div,
+    b.div,
     {
-      onMouseMove: (l) => t.set(l.pageX),
+      onMouseMove: (i) => t.set(i.pageX),
       onMouseLeave: () => t.set(1 / 0),
-      className: Te(
+      className: De(
         "mx-auto hidden md:flex h-16 gap-4 items-end  rounded-2xl bg-gray-50 dark:bg-neutral-900 px-4 pb-3",
         r
       ),
-      children: e.map((l) => /* @__PURE__ */ o(Zo, { mouseX: t, ...l }, l.title))
+      children: e.map((i) => /* @__PURE__ */ o(Qo, { mouseX: t, ...i }, i.title))
     }
   );
-}, Ne = (s) => {
-  const { items: e, className: r, collapseIcon: t, autoHidden: l = !1 } = s, [n, d] = F(!1), p = () => {
-    d(!n);
+}, Pe = (a) => {
+  const { items: e, className: r, collapseIcon: t, autoHidden: i = !1 } = a, [n, c] = F(!1), p = () => {
+    c(!n);
   };
   return /* @__PURE__ */ G(
     "div",
     {
-      className: Te(
+      className: De(
         "relative block",
-        l ? "md:hidden" : "",
+        i ? "md:hidden" : "",
         r
       ),
       children: [
-        /* @__PURE__ */ o(ge, { children: n && /* @__PURE__ */ o(
-          f.div,
+        /* @__PURE__ */ o(ue, { children: n && /* @__PURE__ */ o(
+          b.div,
           {
             layoutId: "nav",
             className: "absolute bottom-full mb-2 inset-x-0 flex flex-col gap-2",
-            children: e.map((i, v) => /* @__PURE__ */ o(
-              f.div,
+            children: e.map((s, v) => /* @__PURE__ */ o(
+              b.div,
               {
                 initial: { opacity: 0, y: 10 },
                 animate: {
@@ -2537,14 +2545,14 @@ const Zo = (s) => {
                 children: /* @__PURE__ */ o(
                   "a",
                   {
-                    href: i.href,
+                    href: s.href,
                     className: "h-10 w-10 rounded-full bg-gray-50 dark:bg-neutral-900 flex items-center justify-center",
-                    children: /* @__PURE__ */ o("div", { className: "h-4 w-4", children: i.icon })
+                    children: /* @__PURE__ */ o("div", { className: "h-4 w-4", children: s.icon })
                   },
-                  i.title
+                  s.title
                 )
               },
-              i.title
+              s.title
             ))
           }
         ) }),
@@ -2553,31 +2561,31 @@ const Zo = (s) => {
           {
             onClick: p,
             className: "h-10 w-10 rounded-full bg-gray-50 dark:bg-neutral-800 flex items-center justify-center",
-            children: t || /* @__PURE__ */ o(Ve, { className: "h-5 w-5 text-neutral-500 dark:text-neutral-400" })
+            children: t || /* @__PURE__ */ o(Je, { className: "h-5 w-5 text-neutral-500 dark:text-neutral-400" })
           }
         )
       ]
     }
   );
-}, Qo = (s) => {
-  const { items: e, desktopClassName: r, mobileClassName: t, ...l } = s;
-  return /* @__PURE__ */ G(ce, { children: [
-    /* @__PURE__ */ o(Be, { items: e, className: r, ...l }),
+}, et = (a) => {
+  const { items: e, desktopClassName: r, mobileClassName: t, ...i } = a;
+  return /* @__PURE__ */ G(de, { children: [
+    /* @__PURE__ */ o($e, { items: e, className: r, ...i }),
     /* @__PURE__ */ o(
-      Ne,
+      Pe,
       {
         items: e,
         className: t,
         autoHidden: !0,
-        ...l
+        ...i
       }
     )
   ] });
-}, De = Qo;
-De.Desktop = Be;
-De.Mobile = Ne;
+}, Re = et;
+Re.Desktop = $e;
+Re.Mobile = Pe;
 export {
-  wt as Desktop,
-  De as Dock,
-  Ko as MdEditor
+  Ct as Desktop,
+  Re as Dock,
+  Zo as MdEditor
 };