zs_library 0.3.16 → 0.3.17

package/dist/index.es.js

@@ -1,28 +1,28 @@
 var Ae = Object.defineProperty;
-var je = (a, e, r) => e in a ? Ae(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r;
-var ie = (a, e, r) => je(a, typeof e != "symbol" ? e + "" : e, r);
+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);
 import "./zs_library.css";
-import { jsx as o, jsxs as H, Fragment as ce } from "react/jsx-runtime";
-import { cx as D, css as i } from "@emotion/css";
-import { createContext as fe, useMemo as le, useContext as be, useState as F, useRef as te, useEffect as oe } from "react";
-import Ee from "react-slick";
+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 ue, motion as f, useMotionValue as Xe, useTransform as ee, useSpring as ne } from "framer-motion";
-import { useLocalStorageState as Fe, useDebounceEffect as Ge } from "ahooks";
+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 He from "rc-tooltip";
-import { RiPencilRuler2Line as qe, RiShareLine as Ye, RiInformationLine as Ve, RiCloseCircleLine as _e, RiMoreLine as Oe } from "@remixicon/react";
+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 Ue 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 lo, InsertThematicBreak as ao, InsertCodeBlock as io, InsertFrontmatter as so, diffSourcePlugin as co, listsPlugin as uo, quotePlugin as mo, headingsPlugin as go, linkPlugin as po, linkDialogPlugin as ho, imagePlugin as fo, tablePlugin as bo, thematicBreakPlugin as ko, frontmatterPlugin as vo, codeBlockPlugin as xo, codeMirrorPlugin as wo, markdownShortcutPlugin as Co, directivesPlugin as yo, AdmonitionDirectiveDescriptor as Io } from "@mdxeditor/editor";
+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 No from "rehype-raw";
-import { Prism as Bo } from "react-syntax-highlighter";
+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 ve = {
+const xe = {
   token: {
     itemNameColor: "#1a1a1a",
     itemIconBackgroundColor: "white",
@@ -35,7 +35,7 @@ const ve = {
     contextMenuBackgroundColor: "white",
     contextMenuShadowColor: "rgba(0, 0, 0, 0.1)"
   }
-}, xe = {
+}, ve = {
   token: {
     itemNameColor: "white",
     itemIconBackgroundColor: "#1f2937",
@@ -48,25 +48,25 @@ const ve = {
     contextMenuBackgroundColor: "#1a1a1a",
     contextMenuShadowColor: "rgba(255, 255, 255, 0.1)"
   }
-}, we = fe(
+}, ye = fe(
   {}
-), Po = (a) => {
-  const { children: e, theme: r, ...t } = a, l = le(() => r === "light" ? ve : r === "dark" ? xe : r, [r]);
-  return /* @__PURE__ */ o(we.Provider, { value: { theme: l, ...t }, children: e });
-}, K = () => be(we), Ce = {
+), 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 = {
   maxRow: 2,
   maxCol: 2
 }, Ro = {
-  ...Ce
-}, ye = {
-  app: Ce,
+  ...we
+}, Ce = {
+  app: we,
   group: Ro
 };
 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 = ve.token, t = xe.token, l = { ...r, ...e == null ? void 0 : e.token }, n = { ...t, ...e == null ? void 0 : e.token };
+  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 Ie = fe({
@@ -104,144 +104,144 @@ const Ie = fe({
   moveTargetId: null,
   setMoveTargetId: () => {
   }
-}), Lo = (a) => {
+}), Lo = (s) => {
   const {
     children: e,
     list: r = [],
     onChange: t,
     storageKey: l = "ZS_LIBRARY_DESKTOP_SORTABLE_CONFIG",
     enableCaching: n = !0
-  } = a, [d, p] = F(), [s, v] = F(), [C, R] = F(null), T = te(C), [A, L] = F(null), [u, c] = F([]), [I, x] = F(
+  } = s, [d, p] = F(), [i, v] = F(), [I, R] = F(null), N = te(I), [A, L] = F(null), [u, c] = F([]), [w, x] = F(
     null
-  ), [$, m] = F(
+  ), [y, g] = F(
     null
-  ), [y, w] = F(!1), [g, h] = F(null), [j, O] = F(
+  ), [M, C] = F(!1), [m, h] = F(null), [E, V] = F(
     null
-  ), [E, ae] = F(!1), [U, Q] = Fe(l, {
+  ), [j, le] = F(!1), [_, Q] = Fe(l, {
     defaultValue: [],
     listenStorageChange: !0
   }), re = () => {
-    L(null), clearTimeout(d), p(void 0), T.current = null;
-  }, N = (b, G) => {
-    L({ ...b, pageX: b.pageX, pageY: b.pageY, data: G }), clearTimeout(d);
-  }, V = (b, G = !0) => {
-    const { config: X = {} } = b;
-    return X.allowContextMenu === !1 ? {} : {
-      onMouseDown: (M) => {
+    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;
+    return H.allowContextMenu === !1 ? {} : {
+      onMouseDown: (S) => {
         p(
           setTimeout(() => {
-            G && T.current === null && N(M, b);
+            X && N.current === null && D(S, b);
           }, 800)
-        ), w(!1), v(
+        ), C(!1), v(
           setTimeout(() => {
-            w(!0);
+            C(!0);
           }, 800)
         );
       },
       onMouseUp: () => {
-        clearTimeout(s), v(void 0), clearTimeout(d), p(void 0);
+        clearTimeout(i), v(void 0), clearTimeout(d), p(void 0);
       },
-      onContextMenu: (M) => {
-        G && (M.preventDefault(), N(M, b));
+      onContextMenu: (S) => {
+        X && (S.preventDefault(), D(S, b));
       }
     };
-  }, W = (b, G) => {
-    const X = [...G || []];
-    if (X.length > 0)
-      c((M) => {
-        const P = [...M], B = (k) => {
-          var ge, pe;
-          const S = X.shift(), z = k.find((_) => _.id === S), Y = k.findIndex((_) => _.id === S);
-          if (X.length && z) {
-            if (((ge = z.children) == null ? void 0 : ge.filter(
-              (_) => !b.some((ze) => ze.id === _.id)
+  }, W = (b, 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);
+          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 _ = { ...b[0] };
-              return k.splice(Y, 1, _), t == null || t(k), k;
+              const U = { ...b[0] };
+              return k.splice(Y, 1, U), t == null || t(k), k;
             }
-            return z.children = B(z.children || []), k.splice(Y, 1, z), t == null || t(k), k;
+            return z.children = $(z.children || []), k.splice(Y, 1, z), t == null || t(k), k;
           }
           if (z) {
             if (!((pe = z.children) != null && pe.length) && b.length) {
-              const _ = { ...z };
-              return z.data = { name: "文件夹" }, z.type = "group", z.children = [_, ...b], z.id = he(), k.splice(Y, 1, z), t == null || t(k), k;
+              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.children = q.uniqueArray(b), k.splice(Y, 1, z), t == null || t(k), k;
           }
           return q.uniqueArray(b);
         };
-        return q.uniqueArray(B(P));
+        return q.uniqueArray($(P));
       });
     else {
-      const M = q.uniqueArray(b);
-      t == null || t(M), c(M);
+      const S = q.uniqueArray(b);
+      t == null || t(S), c(S);
     }
-  }, $e = (b, G) => {
-    c((X) => {
-      const M = [...X], P = (B) => {
+  }, $e = (b, X) => {
+    c((H) => {
+      const S = [...H], P = ($) => {
         var k;
-        for (let S = 0; S < B.length; S++)
-          if (B[S].id === b) {
-            B[S].config = G;
+        for (let T = 0; T < $.length; T++)
+          if ($[T].id === b) {
+            $[T].config = X;
             break;
-          } else ((k = B[S].children) == null ? void 0 : k.length) !== void 0 && P(B[S].children);
+          } else ((k = $[T].children) == null ? void 0 : k.length) !== void 0 && P($[T].children);
       };
-      return P(M), t == null || t(M), M;
+      return P(S), t == null || t(S), S;
     });
-  }, Pe = (b, G) => {
-    c((X) => {
-      const M = [...X], P = (B) => {
+  }, Pe = (b, X) => {
+    c((H) => {
+      const S = [...H], P = ($) => {
         var k;
-        for (let S = 0; S < B.length; S++)
-          if (B[S].id === b) {
-            B[S].data = G;
+        for (let T = 0; T < $.length; T++)
+          if ($[T].id === b) {
+            $[T].data = X;
             break;
-          } else ((k = B[S].children) == null ? void 0 : k.length) !== void 0 && P(B[S].children);
+          } else ((k = $[T].children) == null ? void 0 : k.length) !== void 0 && P($[T].children);
       };
-      return P(M), t == null || t(M), M;
+      return P(S), t == null || t(S), S;
     });
   }, Re = (b) => {
-    c((G) => {
-      const X = [...G], M = (P) => {
-        var 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);
             break;
-          } else ((B = P[k].children) == null ? void 0 : B.length) !== void 0 && M(P[k].children);
+          } else (($ = P[k].children) == null ? void 0 : $.length) !== void 0 && S(P[k].children);
       };
-      return M(X), t == null || t(X), X;
+      return S(H), t == null || t(H), H;
     });
-  }, Le = (b, G) => {
-    const X = [...u], M = (P, B) => {
-      const k = B.shift(), S = P.find((Y) => Y.id === k), z = P.findIndex((Y) => Y.id === k);
-      if (S) {
-        if (B.length)
-          S.children = M(S.children || [], B);
+  }, 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 || [], $);
         else {
           const Y = (b == null ? void 0 : b.type) ?? "app";
-          S.children = [
-            ...S.children ?? [],
+          T.children = [
+            ...T.children ?? [],
             {
               ...b,
               id: he(),
-              config: (b == null ? void 0 : b.config) ?? ye[Y]
+              config: (b == null ? void 0 : b.config) ?? Ce[Y]
             }
           ];
         }
-        return P.splice(z, 1, S), P;
+        return P.splice(z, 1, T), P;
       } else
         return P;
     };
-    c(M(X, G));
+    c(S(H, X));
   };
   return oe(() => {
     (r == null ? void 0 : r.length) > 0 && u.length === 0 && W(r);
   }, [r]), oe(() => {
-    T.current = C, C !== null && re();
-  }, [C]), oe(() => {
-    n && U != null && U.length && !E && (W(U), ae(!0));
-  }, [U, E, n]), Ge(
+    N.current = I, I !== null && re();
+  }, [I]), oe(() => {
+    n && _ != null && _.length && !j && (W(_), le(!0));
+  }, [_, j, n]), Xe(
     () => {
       n && Q(u);
     },
@@ -257,23 +257,23 @@ const Ie = fe({
         setList: W,
         contextMenu: A,
         setContextMenu: L,
-        listStatus: C,
+        listStatus: I,
         setListStatus: R,
-        contextMenuFuns: V,
+        contextMenuFuns: O,
         hideContextMenu: re,
-        showInfoItemData: I,
+        showInfoItemData: w,
         setShowInfoItemData: x,
-        openGroupItemData: $,
-        setOpenGroupItemData: m,
-        longPressTriggered: y,
+        openGroupItemData: y,
+        setOpenGroupItemData: g,
+        longPressTriggered: M,
         updateItemConfig: $e,
         updateItem: Pe,
         removeItem: Re,
         addItem: Le,
-        moveItemId: g,
+        moveItemId: m,
         setMoveItemId: h,
-        moveTargetId: j,
-        setMoveTargetId: O
+        moveTargetId: E,
+        setMoveTargetId: V
       },
       children: e
     }
@@ -285,12 +285,12 @@ const Ie = fe({
     transition: { type: "spring", stiffness: 300, damping: 24 }
   },
   menuHide: { opacity: 0, y: 20, transition: { duration: 0.2 } }
-}, se = (a) => {
-  const { icon: e, title: r, onClick: t } = a, { theme: l } = K(), { light: n, dark: d } = q.getTheme(l);
+}, se = (s) => {
+  const { icon: e, title: r, onClick: t } = s, { theme: l } = K(), { light: n, dark: d } = q.getTheme(l);
   return /* @__PURE__ */ o(
     f.div,
     {
-      className: i`
+      className: a`
         &:hover {
           background-color: ${n.contextMenuActiveColor};
           @media (prefers-color-scheme: dark) {
@@ -311,12 +311,12 @@ const Ie = fe({
         p.stopPropagation(), t == null || t();
       },
       variants: zo,
-      children: /* @__PURE__ */ H(
+      children: /* @__PURE__ */ G(
         f.div,
         {
-          className: D(
+          className: B(
             "py-1.5 px-3 rounded-lg",
-            i`
+            a`
             padding-top: 0.375rem;
             padding-bottom: 0.375rem;
             padding-left: 0.75rem;
@@ -329,8 +329,8 @@ const Ie = fe({
             /* @__PURE__ */ o(
               f.div,
               {
-                className: D(
-                  i`
+                className: B(
+                  a`
               margin-bottom: 0.375rem;
               display: flex;
               justify-content: center;
@@ -345,7 +345,7 @@ const Ie = fe({
       )
     }
   );
-}, Ao = (a) => {
+}, Ao = (s) => {
   const {
     showInfoButton: e = !0,
     showRemoveButton: r = !0,
@@ -354,36 +354,36 @@ const Ie = fe({
     onInfoClick: n,
     onShareClick: d,
     onRemoveClick: p
-  } = a, {
-    contextMenu: s,
+  } = s, {
+    contextMenu: i,
     setContextMenu: v,
-    hideContextMenu: C,
+    hideContextMenu: I,
     setShowInfoItemData: R,
-    removeItem: T,
+    removeItem: N,
     updateItemConfig: A
-  } = Z(), { theme: L } = K(), { light: u, dark: c } = q.getTheme(L), { data: I } = s ?? {}, { config: x = {} } = I ?? {}, $ = () => {
-    var w;
-    const m = ye[(w = s == null ? void 0 : s.data) == null ? void 0 : w.type], y = [];
-    for (let g = 1; g <= ((m == null ? void 0 : m.maxRow) ?? 2); g++)
-      for (let h = 1; h <= ((m == null ? void 0 : m.maxCol) ?? 2); h++)
-        y.push(`${g}x${h}`);
-    return y;
+  } = Z(), { theme: L } = K(), { light: u, dark: c } = q.getTheme(L), { data: w } = i ?? {}, { config: x = {} } = w ?? {}, y = () => {
+    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;
   };
-  return /* @__PURE__ */ o(ue, { children: s && /* @__PURE__ */ H(
+  return /* @__PURE__ */ o(ge, { children: i && /* @__PURE__ */ G(
     f.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
-      onMouseDown: (m) => {
-        m.stopPropagation(), m.preventDefault();
+      onMouseDown: (g) => {
+        g.stopPropagation(), g.preventDefault();
       },
       children: [
         /* @__PURE__ */ o(
           f.div,
           {
-            className: D(
-              i`
+            className: B(
+              a`
                 border-radius: 0.5rem;
                 overflow: hidden;
                 background-color: ${u.contextMenuBackgroundColor};
@@ -397,7 +397,7 @@ const Ie = fe({
             children: l && x.allowResize !== !1 && /* @__PURE__ */ o(
               f.ul,
               {
-                className: i`
+                className: a`
                   background-color: white;
                   padding: 0.25rem;
                   margin: 0;
@@ -407,32 +407,32 @@ const Ie = fe({
                     label: "修改大小",
                     key: "size",
                     icon: /* @__PURE__ */ o(qe, { size: 14 }),
-                    items: $().map((m) => ({
-                      label: m,
-                      key: m,
+                    items: y().map((g) => ({
+                      label: g,
+                      key: g,
                       onClick: () => {
-                        const [y, w] = m.split("x").map(Number);
-                        A(s.data.id, {
-                          row: y,
-                          col: w
+                        const [M, C] = g.split("x").map(Number);
+                        A(i.data.id, {
+                          row: M,
+                          col: C
                         });
                       }
                     }))
                   }
-                ].map((m) => /* @__PURE__ */ H(
+                ].map((g) => /* @__PURE__ */ G(
                   f.li,
                   {
-                    className: i`
+                    className: a`
                       padding-top: 0.5rem;
                       padding-bottom: 0.5rem;
                       padding-left: 0.75rem;
                       padding-right: 0.75rem;
                     `,
                     children: [
-                      /* @__PURE__ */ H(
+                      /* @__PURE__ */ G(
                         f.p,
                         {
-                          className: i`
+                          className: a`
                         display: flex;
                         align-items: center;
                         font-size: 0.875rem;
@@ -442,26 +442,26 @@ const Ie = fe({
                         margin: 0;
                       `,
                           children: [
-                            m.icon,
+                            g.icon,
                             " ",
-                            m.label
+                            g.label
                           ]
                         }
                       ),
                       /* @__PURE__ */ o(
                         f.div,
                         {
-                          className: i`
+                          className: a`
                         display: grid;
                         grid-template-columns: repeat(2, minmax(0, 1fr));
                         gap: 0.25rem;
                       `,
-                          children: m.items.map((y) => /* @__PURE__ */ o(
+                          children: g.items.map((M) => /* @__PURE__ */ o(
                             f.div,
                             {
-                              className: D(
+                              className: B(
                                 "py-1 px-2 hover:bg-gray-100 rounded transition-all cursor-pointer text-center text-sm",
-                                i`
+                                a`
                               padding-top: 0.25rem;
                               padding-bottom: 0.25rem;
                               padding-left: 0.5rem;
@@ -483,33 +483,33 @@ const Ie = fe({
                                 }
                               }
                             `,
-                                `${x.row}x${x.col}` === y.key && i`
+                                `${x.row}x${x.col}` === M.key && a`
                                 background-color: ${u.contextMenuActiveColor};
                                 @media (prefers-color-scheme: dark) {
                                   background-color: ${c.contextMenuActiveColor};
                                 }
                               `
                               ),
-                              onClick: y.onClick,
-                              children: y.label
+                              onClick: M.onClick,
+                              children: M.label
                             },
-                            y.key
+                            M.key
                           ))
                         }
                       )
                     ]
                   },
-                  m.key
+                  g.key
                 ))
               }
             )
           }
         ),
-        /* @__PURE__ */ H(
+        /* @__PURE__ */ G(
           f.div,
           {
-            className: D(
-              i`
+            className: B(
+              a`
                 background-color: ${u.contextMenuBackgroundColor};
                 box-shadow: 0 0 0.5rem ${u.contextMenuShadowColor};
                 @media (prefers-color-scheme: dark) {
@@ -533,7 +533,7 @@ const Ie = fe({
                   title: "分享",
                   onClick: () => {
                     if (d) {
-                      d(s.data);
+                      d(i.data);
                       return;
                     }
                   }
@@ -542,32 +542,32 @@ const Ie = fe({
               e && /* @__PURE__ */ o(
                 se,
                 {
-                  icon: /* @__PURE__ */ o(Ve, { size: 20 }),
+                  icon: /* @__PURE__ */ o(Oe, { size: 20 }),
                   title: "信息",
                   onClick: () => {
                     if (n) {
-                      n(s.data);
+                      n(i.data);
                       return;
                     }
                     R({
-                      ...s.data,
-                      pageX: s.pageX,
-                      pageY: s.pageY
-                    }), C();
+                      ...i.data,
+                      pageX: i.pageX,
+                      pageY: i.pageY
+                    }), I();
                   }
                 }
               ),
               r && /* @__PURE__ */ o(
                 se,
                 {
-                  icon: /* @__PURE__ */ o(_e, { size: 20 }),
+                  icon: /* @__PURE__ */ o(Ue, { size: 20 }),
                   title: "移除",
                   onClick: () => {
                     if (p) {
-                      p(s.data, T);
+                      p(i.data, N);
                       return;
                     }
-                    v(null), T(s.data.id);
+                    v(null), N(i.data.id);
                   }
                 }
               )
@@ -577,13 +577,13 @@ const Ie = fe({
       ]
     }
   ) });
-}, jo = (a) => {
-  const { data: e, noLetters: r = !1 } = a, { contextMenuFuns: t } = Z(), { itemIconBuilder: l, theme: n, contextMenu: d } = K(), { light: p, dark: s } = q.getTheme(n), { data: v = {} } = e, { name: C } = v;
-  return /* @__PURE__ */ H(ce, { children: [
+}, 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: [
     /* @__PURE__ */ o(
       f.div,
       {
-        className: i`
+        className: a`
           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: ${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(
           "div",
           {
-            className: i`
+            className: a`
             position: absolute;
             left: 0;
             top: 0;
@@ -609,7 +609,7 @@ const Ie = fe({
             height: 100%;
             color: ${p.itemNameColor};
             @media (prefers-color-scheme: dark) {
-              color: ${s.itemNameColor};
+              color: ${i.itemNameColor};
             }
           `,
             ...t(e, d !== !1),
@@ -621,25 +621,25 @@ const Ie = fe({
     /* @__PURE__ */ o(
       f.p,
       {
-        className: D(
-          i`
+        className: B(
+          a`
             text-align: center;
             margin-top: 0.25rem;
             margin-bottom: 0;
             color: ${p.itemNameColor};
             @media (prefers-color-scheme: dark) {
-              color: ${s.itemNameColor};
+              color: ${i.itemNameColor};
             }
           `,
-          r && i`
+          r && a`
               color: transparent;
             `
         ),
-        children: C
+        children: I
       }
     )
   ] });
-}, me = (a) => {
+}, ue = (s) => {
   const {
     data: e,
     className: r,
@@ -648,13 +648,13 @@ const Ie = fe({
     disabledDrag: n = !1,
     children: d,
     parentIds: p,
-    childrenLength: s
-  } = a, { contextMenu: v, setContextMenu: C } = Z(), { contextMenu: R } = K();
+    childrenLength: i
+  } = s, { contextMenu: v, setContextMenu: I } = Z(), { contextMenu: R } = K();
   return /* @__PURE__ */ o(
-    He,
+    Ge,
     {
       placement: "bottom",
-      overlayClassName: i`
+      overlayClassName: a`
         background-color: transparent;
         .rc-tooltip-inner {
           background-color: transparent;
@@ -664,8 +664,8 @@ const Ie = fe({
       `,
       overlay: /* @__PURE__ */ o(Ao, { ...R }),
       visible: (v == null ? void 0 : v.data.id) === e.id,
-      onVisibleChange: (T) => {
-        T || C(null);
+      onVisibleChange: (N) => {
+        N || I(null);
       },
       destroyTooltipOnHide: !0,
       children: /* @__PURE__ */ o(
@@ -674,15 +674,15 @@ const Ie = fe({
           "data-id": e.id,
           "data-index": t,
           "data-parent-ids": p == null ? void 0 : p.join(","),
-          "data-children-length": s,
+          "data-children-length": i,
           onClick: () => l == null ? void 0 : l(e),
-          className: D(n && "drag-disabled", r),
-          children: d ?? /* @__PURE__ */ o(jo, { ...a })
+          className: B(n && "drag-disabled", r),
+          children: d ?? /* @__PURE__ */ o(Eo, { ...s })
         }
       )
     }
   );
-}, Eo = (a) => {
+}, jo = (s) => {
   const {
     data: e,
     className: r,
@@ -690,35 +690,35 @@ const Ie = fe({
     itemIndex: l,
     onClick: n,
     noLetters: d = !1
-  } = a, {
+  } = s, {
     contextMenuFuns: p,
-    setList: s,
+    setList: i,
     setOpenGroupItemData: v,
-    longPressTriggered: C,
+    longPressTriggered: I,
     moveItemId: R,
-    moveTargetId: T,
+    moveTargetId: N,
     setMoveTargetId: A,
     listStatus: L
-  } = Z(), { itemIconBuilder: u, theme: c, contextMenu: I } = K(), { light: x, dark: $ } = q.getTheme(c), { children: m, data: y, config: w } = e, { row: g = 1, col: h = 1 } = w ?? {}, j = {
+  } = 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 = {
     visible: { opacity: 1, scale: 1 },
     hidden: { opacity: 0, scale: 0.95 }
-  }, O = ((m == null ? void 0 : m.length) ?? 0) === 0, E = O ? [e] : [...m ?? []].slice(0, 9), ae = le(() => R === e.id.toString(), [e.id, R]), U = le(() => T === e.id, [e.id, T]), Q = i`
+  }, 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`
     overflow: hidden;
     cursor: pointer;
     background-color: ${x.itemIconBackgroundColor};
     box-shadow: 0 0 0.5rem ${x.itemIconShadowColor};
     @media (prefers-color-scheme: dark) {
-      background-color: ${$.itemIconBackgroundColor};
-      box-shadow: 0 0 0.5rem ${$.itemIconShadowColor};
+      background-color: ${y.itemIconBackgroundColor};
+      box-shadow: 0 0 0.5rem ${y.itemIconShadowColor};
     }
   `, re = () => {
-    if (O)
+    if (V)
       return /* @__PURE__ */ o(
         f.div,
         {
-          className: D(
+          className: B(
             "sortable-group-item",
-            i`
+            a`
               overflow: hidden;
               cursor: pointer;
               width: 100%;
@@ -729,21 +729,21 @@ const Ie = fe({
               top: 0;
               border-radius: 0.75rem;
               @media (prefers-color-scheme: dark) {
-                background-color: ${$.itemIconBackgroundColor};
+                background-color: ${y.itemIconBackgroundColor};
               }
             `
           ),
-          onClick: (N) => {
-            N.stopPropagation(), n == null || n(e);
+          onClick: (D) => {
+            D.stopPropagation(), n == null || n(e);
           },
           children: u == null ? void 0 : u(e)
         }
       );
-    if (g === 1 && h === 1 || g === 2 && h === 2)
+    if (m === 1 && h === 1 || m === 2 && h === 2)
       return /* @__PURE__ */ o(
         f.div,
         {
-          className: i`
+          className: a`
             display: grid;
             width: 100%;
             height: 100%;
@@ -753,31 +753,31 @@ const Ie = fe({
             gap: ${h === 1 ? "0.125rem" : "0.5rem"};
             place-items: center;
           `,
-          children: E == null ? void 0 : E.slice(0, 9).map((N) => /* @__PURE__ */ o(
+          children: j == null ? void 0 : j.slice(0, 9).map((D) => /* @__PURE__ */ o(
             f.div,
             {
-              className: D(
+              className: B(
                 Q,
-                i`
+                a`
                   border-radius: ${h === 1 ? "0.25rem" : "0.5rem"};
                   width: 100%;
                   height: 100%;
                 `
               ),
-              onClick: (V) => {
-                V.stopPropagation(), n == null || n(N);
+              onClick: (O) => {
+                O.stopPropagation(), n == null || n(D);
               },
-              children: u == null ? void 0 : u(N)
+              children: u == null ? void 0 : u(D)
             },
-            N.id
+            D.id
           ))
         }
       );
-    if (g === 1 && h === 2)
+    if (m === 1 && h === 2)
       return /* @__PURE__ */ o(
         f.div,
         {
-          className: i`
+          className: a`
             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: E == null ? void 0 : E.slice(0, 4).map((N, V) => /* @__PURE__ */ o(
+          children: j == null ? void 0 : j.slice(0, 4).map((D, O) => /* @__PURE__ */ o(
             f.div,
             {
-              className: D(
+              className: B(
                 Q,
-                V < 2 ? i`
+                O < 2 ? a`
                       width: 52px;
                       height: 52px;
                       border-radius: 0.5rem;
                       grid-column: span 4 / span 4;
                       grid-row: span 4 / span 4;
-                    ` : i`
+                    ` : a`
                       width: 1.5rem;
                       height: 1.5rem;
                       border-radius: 0.375rem;
@@ -807,19 +807,19 @@ const Ie = fe({
                     `
               ),
               onClick: (W) => {
-                V > 2 || (W.stopPropagation(), n == null || n(N));
+                O > 2 || (W.stopPropagation(), n == null || n(D));
               },
-              children: u == null ? void 0 : u(N)
+              children: u == null ? void 0 : u(D)
             },
-            N.id
+            D.id
           ))
         }
       );
-    if (g === 2 && h === 1)
+    if (m === 2 && h === 1)
       return /* @__PURE__ */ o(
         f.div,
         {
-          className: i`
+          className: a`
             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: E == null ? void 0 : E.slice(0, 4).map((N, V) => /* @__PURE__ */ o(
+          children: j == null ? void 0 : j.slice(0, 4).map((D, O) => /* @__PURE__ */ o(
             f.div,
             {
-              className: D(
+              className: B(
                 Q,
-                V < 2 ? i`
+                O < 2 ? a`
                       width: 52px;
                       height: 52px;
                       border-radius: 0.5rem;
                       grid-column: span 4 / span 4;
                       grid-row: span 4 / span 4;
-                    ` : i`
+                    ` : a`
                       width: 1.5rem;
                       height: 1.5rem;
                       grid-column: span 2 / span 2;
@@ -848,25 +848,25 @@ const Ie = fe({
                     `
               ),
               onClick: (W) => {
-                V > 2 || (W.stopPropagation(), n == null || n(N));
+                O > 2 || (W.stopPropagation(), n == null || n(D));
               },
-              children: u == null ? void 0 : u(N)
+              children: u == null ? void 0 : u(D)
             },
-            N.id
+            D.id
           ))
         }
       );
   };
-  return /* @__PURE__ */ H(
-    me,
+  return /* @__PURE__ */ G(
+    ue,
     {
       data: e,
       itemIndex: l,
       parentIds: t,
-      childrenLength: m == null ? void 0 : m.length,
-      className: D(
-        i`
-          grid-row: span ${g};
+      childrenLength: g == null ? void 0 : g.length,
+      className: B(
+        a`
+          grid-row: span ${m};
           grid-column: span ${h};
         `,
         r
@@ -876,33 +876,33 @@ const Ie = fe({
           f.div,
           {
             whileTap: { scale: 0.9 },
-            className: D(
-              U ? "!scale-110" : "",
-              i`
+            className: B(
+              _ ? "!scale-110" : "",
+              a`
             cursor: pointer;
             position: relative;
             border-radius: 0.75rem;
             background-color: ${x.groupItemIconBackgroundColor};
             box-shadow: 0 0 0.5rem ${x.groupItemIconShadowColor};
             @media (prefers-color-scheme: dark) {
-              background-color: ${$.groupItemIconBackgroundColor};
-              box-shadow: 0 0 0.5rem ${$.groupItemIconShadowColor};
+              background-color: ${y.groupItemIconBackgroundColor};
+              box-shadow: 0 0 0.5rem ${y.groupItemIconShadowColor};
             }
             /* overflow: hidden; */
             transition: all 0.3s;
             margin: 0 auto;
             width: ${h * 64 + 32 * (h - 1)}px;
-            height: ${g * 64 + 32 * (g - 1)}px;
+            height: ${m * 64 + 32 * (m - 1)}px;
           `
             ),
-            onClick: (N) => {
-              !O && !C && (e.parentIds = t, e.pageX = N.pageX, e.pageY = N.pageY, v(e));
+            onClick: (D) => {
+              !V && !I && (e.parentIds = t, e.pageX = D.pageX, e.pageY = D.pageY, v(e));
             },
-            ...p(e, I !== !1),
-            children: /* @__PURE__ */ H(
+            ...p(e, w !== !1),
+            children: /* @__PURE__ */ G(
               f.div,
               {
-                className: i`
+                className: a`
             position: relative;
             width: 100%;
             height: 100%;
@@ -916,9 +916,9 @@ const Ie = fe({
                   /* @__PURE__ */ o(
                     de,
                     {
-                      className: D(
+                      className: B(
                         "sortable-group-item",
-                        i`
+                        a`
                 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: m ?? [],
-                      setList: (N) => s(N, t),
+                      list: g ?? [],
+                      setList: (D) => i(D, t),
                       filter: () => !0,
                       "data-id": e.id,
                       onChange: () => {
@@ -951,29 +951,29 @@ const Ie = fe({
         /* @__PURE__ */ o(
           f.p,
           {
-            className: D(
-              i`
+            className: B(
+              a`
             text-align: center;
             margin-top: 0.25rem;
             margin-bottom: 0;
             color: ${x.itemNameColor};
             @media (prefers-color-scheme: dark) {
-              color: ${$.itemNameColor};
+              color: ${y.itemNameColor};
             }
           `,
-              d && i`
+              d && a`
               color: transparent;
             `
             ),
-            variants: j,
-            animate: ae ? "hidden" : "visible",
-            children: (y == null ? void 0 : y.name) ?? "文件夹"
+            variants: E,
+            animate: le ? "hidden" : "visible",
+            children: (M == null ? void 0 : M.name) ?? "文件夹"
           }
         )
       ]
     }
   );
-}, Me = i`
+}, Me = a`
   padding: 8px;
   transition: all 0.2s;
   > div {
@@ -985,15 +985,15 @@ const Ie = fe({
       transition: all 0.2s;
     }
   }
-`, Xo = (a) => {
-  const { data: e, onClose: r, onItemClick: t } = a, {
+`, Ho = (s) => {
+  const { data: e, onClose: r, onItemClick: t } = s, {
     list: l,
     setList: n,
     setListStatus: d,
     setMoveItemId: p,
-    setMoveTargetId: s,
+    setMoveTargetId: i,
     updateItem: v
-  } = Z(), { theme: C } = K(), { light: R, dark: T } = q.getTheme(C), [A, L] = F("文件夹"), u = [...(e == null ? void 0 : e.children) ?? []];
+  } = Z(), { theme: I } = K(), { light: R, dark: N } = q.getTheme(I), [A, L] = F("文件夹"), u = [...(e == null ? void 0 : e.children) ?? []];
   return oe(() => {
     var c;
     e && L((c = e.data) == null ? void 0 : c.name);
@@ -1013,7 +1013,7 @@ const Ie = fe({
       title: /* @__PURE__ */ o(
         "input",
         {
-          className: i`
+          className: a`
             background-color: transparent;
             border-style: none;
             text-align: center;
@@ -1041,9 +1041,9 @@ const Ie = fe({
       ),
       footer: null,
       closable: !1,
-      className: D(
+      className: B(
         "group-item-modal",
-        i`
+        a`
           .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: ${T.groupItemModalBackgroundColor};
+                background-color: ${N.groupItemModalBackgroundColor};
               }
               border-radius: 0.5rem;
               overflow: hidden;
@@ -1073,21 +1073,21 @@ const Ie = fe({
       children: /* @__PURE__ */ o(
         "div",
         {
-          className: i`
+          className: a`
           overflow-y: auto;
           max-height: 60vh;
           padding: 1.25rem 0;
         `,
           onDragLeave: (c) => {
-            const I = c.relatedTarget;
-            I && (c.currentTarget.contains(I) || setTimeout(() => {
+            const w = c.relatedTarget;
+            w && (c.currentTarget.contains(w) || setTimeout(() => {
               r();
             }, 500));
           },
           children: /* @__PURE__ */ o(
             de,
             {
-              className: i`
+              className: a`
             display: grid;
             gap: 1rem;
             place-items: center;
@@ -1100,24 +1100,24 @@ const Ie = fe({
               fallbackOnBody: !0,
               list: (e == null ? void 0 : e.children) ?? [],
               setList: (c) => {
-                var $, m;
-                const I = c.map((y) => y.id), x = (m = ($ = l.find((y) => y.id === (e == null ? void 0 : e.id))) == null ? void 0 : $.children) == null ? void 0 : m.map((y) => y.id);
-                I.length === (x == null ? void 0 : x.length) && I.every((y, w) => y === x[w]) || I.length < ((x == null ? void 0 : x.length) ?? 0) || n(c, [...(e == null ? void 0 : e.parentIds) ?? [], e == null ? void 0 : e.id]);
+                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]);
               },
-              onMove: () => (s(null), d("onMove"), !0),
+              onMove: () => (i(null), d("onMove"), !0),
               onStart: (c) => {
-                const I = c.item.dataset;
-                I != null && I.id && p(I.id), d("onMove");
+                const w = c.item.dataset;
+                w != null && w.id && p(w.id), d("onMove");
               },
               onEnd: () => {
-                p(null), s(null), d(null);
+                p(null), i(null), d(null);
               },
               ghostClass: Me,
-              children: u.map((c, I) => /* @__PURE__ */ o(
-                me,
+              children: u.map((c, w) => /* @__PURE__ */ o(
+                ue,
                 {
                   data: c,
-                  itemIndex: I,
+                  itemIndex: w,
                   onClick: t
                 },
                 c.id
@@ -1128,9 +1128,9 @@ const Ie = fe({
       )
     }
   );
-}, Fo = (a) => {
+}, Fo = (s) => {
   var t;
-  const { data: e, onClose: r } = a;
+  const { data: e, onClose: r } = s;
   return /* @__PURE__ */ o(
     ke,
     {
@@ -1146,32 +1146,32 @@ const Ie = fe({
       } : null,
       footer: null,
       title: ((t = e == null ? void 0 : e.data) == null ? void 0 : t.name) ?? "信息",
-      children: e && /* @__PURE__ */ H("div", { children: [
+      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(Ue, { src: e, theme: "monokai" }) })
+        /* @__PURE__ */ o("div", { className: "p-2 rounded-md bg-[#272822]", children: /* @__PURE__ */ o(_e, { src: e, theme: "monokai" }) })
       ] })
     }
   );
-}, Go = (a) => {
+}, Xo = (s) => {
   const {
     pagination: e = { position: "bottom" },
     className: r,
     sliderProps: t,
     sliderRef: l,
     onItemClick: n
-  } = a, d = te(null), p = te(null), {
-    list: s,
+  } = s, d = te(null), p = te(null), {
+    list: i,
     setList: v,
-    setListStatus: C,
+    setListStatus: I,
     showInfoItemData: R,
-    setShowInfoItemData: T,
+    setShowInfoItemData: N,
     openGroupItemData: A,
     setOpenGroupItemData: L,
     setMoveItemId: u,
     setMoveTargetId: c,
-    addItem: I
-  } = Z(), { pagingDotBuilder: x, pagingDotsBuilder: $, itemBuilder: m } = K(), y = le(() => e === !1 ? {} : {
-    top: i`
+    addItem: w
+  } = Z(), { pagingDotBuilder: x, pagingDotsBuilder: y, itemBuilder: g } = K(), M = ae(() => e === !1 ? {} : {
+    top: a`
         display: flex;
         flex-direction: column;
         .slick-list {
@@ -1181,12 +1181,12 @@ const Ie = fe({
           position: static;
         }
       `,
-    bottom: i`
+    bottom: a`
         .slick-dots {
           position: static;
         }
       `,
-    left: i`
+    left: a`
         .slick-dots {
           position: absolute;
           width: auto;
@@ -1202,7 +1202,7 @@ const Ie = fe({
           }
         }
       `,
-    right: i`
+    right: a`
         .slick-dots {
           position: absolute;
           width: auto;
@@ -1219,9 +1219,9 @@ const Ie = fe({
         }
       `
   }[e.position ?? "bottom"], [e]);
-  return /* @__PURE__ */ H(ce, { children: [
+  return /* @__PURE__ */ G(ce, { children: [
     /* @__PURE__ */ o(
-      Ee,
+      je,
       {
         useCSS: !0,
         useTransform: !0,
@@ -1231,9 +1231,9 @@ const Ie = fe({
         dots: !0,
         touchMove: !1,
         lazyLoad: "anticipated",
-        className: D(
-          y,
-          i`
+        className: B(
+          M,
+          a`
             .slick-track {
               display: flex;
               align-items: stretch;
@@ -1251,26 +1251,26 @@ const Ie = fe({
           `,
           r
         ),
-        customPaging: (w) => {
-          var g, h;
-          return x ? x(s[w], w) : /* @__PURE__ */ o(
+        customPaging: (C) => {
+          var m, h;
+          return x ? x(i[C], C) : /* @__PURE__ */ o(
             "div",
             {
               onDragEnter: () => {
-                var j;
-                (j = (l ?? d).current) == null || j.slickGoTo(w);
+                var E;
+                (E = (l ?? d).current) == null || E.slickGoTo(C);
               },
-              children: (h = (g = s[w]) == null ? void 0 : g.data) == null ? void 0 : h.name
+              children: (h = (m = i[C]) == null ? void 0 : m.data) == null ? void 0 : h.name
             }
           );
         },
-        appendDots: (w) => $ ? $(w) : e === !1 ? /* @__PURE__ */ o("div", {}) : /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+        appendDots: (C) => y ? y(C) : e === !1 ? /* @__PURE__ */ o("div", {}) : /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
           "ul",
           {
             ref: p,
-            className: D(
+            className: B(
               "slick-dots-default",
-              i`
+              a`
                     padding: 0.5rem;
                     display: inline-flex;
                     justify-content: center;
@@ -1291,31 +1291,31 @@ const Ie = fe({
                     }
                   `
             ),
-            children: w
+            children: C
           }
         ) }),
         ...t,
-        children: s.map((w) => /* @__PURE__ */ o(
+        children: i.map((C) => /* @__PURE__ */ o(
           "div",
           {
-            onDrop: (g) => {
-              g.preventDefault();
-              const h = g.dataTransfer.getData("text/plain");
+            onDrop: (m) => {
+              m.preventDefault();
+              const h = m.dataTransfer.getData("text/plain");
               if (h !== "")
                 try {
-                  I(JSON.parse(h), [w.id]);
-                } catch (j) {
-                  console.log("drag error", j);
+                  w(JSON.parse(h), [C.id]);
+                } catch (E) {
+                  console.log("drag error", E);
                 }
             },
-            onDragOver: (g) => {
-              g.preventDefault();
+            onDragOver: (m) => {
+              m.preventDefault();
             },
             children: /* @__PURE__ */ o(
               de,
               {
-                className: D(
-                  i`
+                className: B(
+                  a`
                     display: grid;
                     transition: all 0.3s;
                     grid-template-columns: repeat(auto-fill, 96px);
@@ -1330,58 +1330,58 @@ const Ie = fe({
                 fallbackOnBody: !0,
                 swapThreshold: 0.65,
                 group: "nested",
-                list: w.children ?? [],
-                setList: (g) => v(g, [w.id]),
+                list: C.children ?? [],
+                setList: (m) => v(m, [C.id]),
                 filter: ".drag-disabled",
-                onMove: (g) => {
-                  C("onMove");
-                  const { dragged: h, related: j } = g, O = h.dataset, E = j.dataset;
-                  return c(null), !((Object.keys(E).length === 0 || E.parentIds) && Number(O.childrenLength) > 0 && j.classList.contains("sortable-group-item"));
+                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"));
                 },
-                onStart: (g) => {
-                  const h = g.item.dataset;
-                  h != null && h.id && u(h.id), C("onMove");
+                onStart: (m) => {
+                  const h = m.item.dataset;
+                  h != null && h.id && u(h.id), I("onMove");
                 },
                 onEnd: () => {
-                  u(null), c(null), C(null);
+                  u(null), c(null), I(null);
                 },
                 ghostClass: Me,
-                children: (w.children ?? []).map((g, h) => {
-                  let j;
-                  if (m)
-                    return m(g);
-                  switch (g.type) {
+                children: (C.children ?? []).map((m, h) => {
+                  let E;
+                  if (g)
+                    return g(m);
+                  switch (m.type) {
                     case "group":
                     case "app":
-                      j = /* @__PURE__ */ o(
-                        Eo,
+                      E = /* @__PURE__ */ o(
+                        jo,
                         {
-                          data: g,
+                          data: m,
                           itemIndex: h,
-                          parentIds: [w.id, g.id],
+                          parentIds: [C.id, m.id],
                           onClick: n
                         },
-                        g.id
+                        m.id
                       );
                       break;
                     default:
-                      j = /* @__PURE__ */ o(
-                        me,
+                      E = /* @__PURE__ */ o(
+                        ue,
                         {
-                          data: g,
+                          data: m,
                           itemIndex: h,
                           onClick: n
                         },
-                        g.id
+                        m.id
                       );
                       break;
                   }
-                  return j;
+                  return E;
                 })
               }
             )
           },
-          w.id
+          C.id
         ))
       }
     ),
@@ -1390,12 +1390,12 @@ const Ie = fe({
       {
         data: R,
         onClose: () => {
-          T(null);
+          N(null);
         }
       }
     ),
     /* @__PURE__ */ o(
-      Xo,
+      Ho,
       {
         data: A,
         onClose: () => {
@@ -1405,7 +1405,7 @@ const Ie = fe({
       }
     )
   ] });
-}, vt = (a) => {
+}, wt = (s) => {
   const {
     list: e,
     onChange: r,
@@ -1414,13 +1414,13 @@ const Ie = fe({
     theme: n,
     noLetters: d,
     contextMenu: p,
-    contextMenuBuilder: s,
+    contextMenuBuilder: i,
     itemBuilder: v,
-    itemIconBuilder: C,
+    itemIconBuilder: I,
     pagingDotBuilder: R,
-    pagingDotsBuilder: T,
+    pagingDotsBuilder: N,
     ...A
-  } = a;
+  } = s;
   return /* @__PURE__ */ o(Lo, { ...{
     list: e,
     onChange: r,
@@ -1430,13 +1430,13 @@ const Ie = fe({
     theme: n,
     noLetters: d,
     contextMenu: p,
-    pagingDotsBuilder: T,
+    pagingDotsBuilder: N,
     pagingDotBuilder: R,
     itemBuilder: v,
-    itemIconBuilder: C,
-    contextMenuBuilder: s
-  }, children: /* @__PURE__ */ o(Go, { ...A }) }) });
-}, Ho = {
+    itemIconBuilder: I,
+    contextMenuBuilder: i
+  }, children: /* @__PURE__ */ o(Xo, { ...A }) }) });
+}, Go = {
   frontmatterEditor: {
     title: "编辑前置元数据",
     key: "键",
@@ -1553,15 +1553,70 @@ const Ie = fe({
   image: {
     delete: "删除图片"
   }
-}, qo = (a, e, r) => {
-  const l = a.split(".").reduce(
+}, qo = (s, e, r) => {
+  const l = s.split(".").reduce(
     (n, d) => typeof n == "string" ? n : n[d],
-    Ho
+    Go
   );
   return typeof l != "string" ? e : r ? l.replace(/{{(.*?)}}/g, (n, d) => r[d]) : l;
-}, Yo = i`
+}, Yo = a`
+  --accentBase: var(--tomato-1);
+  --accentBgSubtle: var(--tomato-2);
+  --accentBg: var(--tomato-3);
+  --accentBgHover: var(--tomato-4);
+  --accentBgActive: var(--tomato-5);
+  --accentLine: var(--tomato-6);
+  --accentBorder: var(--tomato-7);
+  --accentBorderHover: var(--tomato-8);
+  --accentSolid: var(--tomato-9);
+  --accentSolidHover: var(--tomato-10);
+  --accentText: var(--tomato-11);
+  --accentTextContrast: var(--tomato-12);
+
+  --baseBase: var(--mauve-1);
+  --baseBgSubtle: var(--mauve-2);
+  --baseBg: var(--mauve-3);
+  --baseBgHover: var(--mauve-4);
+  --baseBgActive: var(--mauve-5);
+  --baseLine: var(--mauve-6);
+  --baseBorder: var(--mauve-7);
+  --baseBorderHover: var(--mauve-8);
+  --baseSolid: var(--mauve-9);
+  --baseSolidHover: var(--mauve-10);
+  --baseText: var(--mauve-11);
+  --baseTextContrast: var(--mauve-12);
+
+  --admonitionTipBg: var(--cyan-4);
+  --admonitionTipBorder: var(--cyan-8);
+
+  --admonitionInfoBg: var(--grass-4);
+  --admonitionInfoBorder: var(--grass-8);
+
+  --admonitionCautionBg: var(--amber-4);
+  --admonitionCautionBorder: var(--amber-8);
+
+  --admonitionDangerBg: var(--red-4);
+  --admonitionDangerBorder: var(--red-8);
+
+  --admonitionNoteBg: var(--mauve-4);
+  --admonitionNoteBorder: var(--mauve-8);
+
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+    "Liberation Mono", "Courier New", monospace;
+
+  color: var(--baseText);
+  --basePageBg: #000000;
+  background-color: var(--basePageBg);
+  background-image: linear-gradient(
+    rgba(255, 255, 255, 0.05),
+    rgba(255, 255, 255, 0.05)
+  );
+`, Oo = a`
   [class*="_toolbarRoot"] {
     flex-wrap: wrap;
+    transition: all 0.3s;
   }
   [class*="_codeMirrorWrapper"] {
     padding: 0;
@@ -1628,9 +1683,9 @@ const Ie = fe({
       margin-bottom: 0;
     }
   }
-`, Se = D(
+`, Se = B(
   "markdown-body",
-  i`
+  a`
     p {
       margin-bottom: 8px;
     }
@@ -1651,7 +1706,113 @@ const Ie = fe({
       }
     }
   `
-), Vo = {
+), 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 = {
   'code[class*="language-"]': {
     background: "hsl(230, 1%, 98%)",
     color: "hsl(230, 8%, 24%)",
@@ -2139,42 +2300,50 @@ const Ie = fe({
   ".prism-previewer-easing.prism-previewer-easing line": {
     stroke: "hsl(230, 8%, 24%)"
   }
-}, _o = (a) => {
-  const { children: e = "", className: r } = a;
+}, Wo = (s) => {
+  const { children: e = "", className: r } = s;
   return /* @__PURE__ */ o(
     Mo,
     {
-      className: D(Se, r),
+      className: B(Se, r),
       remarkPlugins: [So, To],
-      rehypePlugins: [No],
+      rehypePlugins: [Bo],
       components: {
         code(t) {
-          const { children: l, className: n, node: d, ref: p, ...s } = t, v = /language-(\w+)/.exec(n || "");
+          const { children: l, className: n, node: d, ref: p, ...i } = t, v = /language-(\w+)/.exec(n || "");
           return v ? /* @__PURE__ */ o(
-            Bo,
+            No,
             {
-              ...s,
+              ...i,
               PreTag: "div",
               children: String(l).replace(/\n$/, ""),
               language: v[1],
-              style: Vo
+              style: _o
             }
-          ) : /* @__PURE__ */ o("code", { ...s, className: n, children: l });
+          ) : /* @__PURE__ */ o("code", { ...i, className: n, children: l });
         }
       },
       children: e
     }
   );
-}, Oo = (a) => {
-  const { value: e, onChange: r, translation: t, pluginConfig: l, ...n } = a, d = te(null), {
-    image: p,
-    diffSource: s = {
+}, Jo = (s) => {
+  const {
+    value: e,
+    onChange: r,
+    translation: t,
+    pluginConfig: l,
+    className: n,
+    theme: d = "auto",
+    ...p
+  } = s, i = te(null), {
+    image: v,
+    diffSource: I = {
       viewMode: "rich-text"
     },
-    headings: v,
-    link: C,
-    codeBlock: R,
-    codeMirror: T = {
+    headings: R,
+    link: N,
+    codeBlock: A,
+    codeMirror: L = {
       codeBlockLanguages: {
         js: "JavaScript",
         css: "CSS",
@@ -2183,27 +2352,37 @@ const Ie = fe({
         "": "Unspecified"
       }
     },
-    directives: A = {
+    directives: u = {
       directiveDescriptors: [Io]
     }
-  } = l ?? {}, [L, u] = F("");
-  return oe(() => {
-    var c;
-    e !== void 0 && d.current && ((c = d.current) == null || c.setMarkdown(e), u(e));
-  }, [e, d]), /* @__PURE__ */ o(
+  } = 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,
     {
-      ref: d,
-      className: Yo,
+      ref: i,
+      className: B(
+        Oo,
+        x() ? Yo : "",
+        x() ? Vo : Uo,
+        n
+      ),
       contentEditableClassName: Se,
-      markdown: L,
-      onChange: (c) => {
-        !e && !r && u(c), r && r(c);
+      markdown: c,
+      onChange: (y) => {
+        !e && !r && w(y), r && r(y);
       },
       translation: t ?? qo,
       plugins: [
         Je({
-          toolbarContents: () => /* @__PURE__ */ H(Ke, { options: ["rich-text", "source"], children: [
+          toolbarContents: () => /* @__PURE__ */ G(Ke, { options: ["rich-text", "source"], children: [
             /* @__PURE__ */ o(Ze, {}),
             /* @__PURE__ */ o(J, {}),
             /* @__PURE__ */ o(Qe, {}),
@@ -2216,47 +2395,47 @@ const Ie = fe({
             /* @__PURE__ */ o(ro, {}),
             /* @__PURE__ */ o(no, {}),
             /* @__PURE__ */ o(J, {}),
-            /* @__PURE__ */ o(lo, {}),
             /* @__PURE__ */ o(ao, {}),
+            /* @__PURE__ */ o(lo, {}),
             /* @__PURE__ */ o(J, {}),
             /* @__PURE__ */ o(io, {}),
             /* @__PURE__ */ o(J, {}),
             /* @__PURE__ */ o(so, {})
           ] })
         }),
-        co(s),
+        co(I),
+        go(),
         uo(),
-        mo(),
-        go(v),
-        po(C),
+        mo(R),
+        po(N),
         ho(),
-        fo(p),
+        fo(v),
         bo(),
         ko(),
-        vo(),
-        xo(R),
-        wo(T),
-        Co(),
-        yo(A)
+        xo(),
+        vo(A),
+        yo(L),
+        wo(),
+        Co(u)
       ],
-      ...n
+      ...p
     }
   );
-}, Uo = Oo;
-Uo.Preview = _o;
-function Te(...a) {
-  return $o(Do(a));
+}, Ko = Jo;
+Ko.Preview = Wo;
+function Te(...s) {
+  return $o(Do(s));
 }
-const Wo = (a) => {
-  const { mouseX: e, title: r, icon: t, href: l } = a, n = te(null), d = ee(e, (I) => {
-    var $;
-    const x = (($ = n.current) == null ? void 0 : $.getBoundingClientRect()) ?? { x: 0, width: 0 };
-    return I - x.x - x.width / 2;
-  }), p = ee(d, [-150, 0, 150], [40, 80, 40]), s = ee(d, [-150, 0, 150], [40, 80, 40]), v = ee(
+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,
     [-150, 0, 150],
     [20, 40, 20]
-  ), C = ee(
+  ), I = ee(
     d,
     [-150, 0, 150],
     [20, 40, 20]
@@ -2264,7 +2443,7 @@ const Wo = (a) => {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), T = ne(s, {
+  }), N = ne(i, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
@@ -2272,21 +2451,21 @@ const Wo = (a) => {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), L = ne(C, {
+  }), L = ne(I, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
   }), [u, c] = F(!1);
-  return /* @__PURE__ */ o("a", { href: l, children: /* @__PURE__ */ H(
+  return /* @__PURE__ */ o("a", { href: l, children: /* @__PURE__ */ G(
     f.div,
     {
       ref: n,
-      style: { width: R, height: T },
+      style: { width: R, height: N },
       onMouseEnter: () => c(!0),
       onMouseLeave: () => c(!1),
       className: "aspect-square rounded-full bg-gray-200 dark:bg-neutral-800 flex items-center justify-center relative",
       children: [
-        /* @__PURE__ */ o(ue, { children: u && /* @__PURE__ */ o(
+        /* @__PURE__ */ o(ge, { children: u && /* @__PURE__ */ o(
           f.div,
           {
             initial: { opacity: 0, y: 10, x: "-50%" },
@@ -2307,8 +2486,8 @@ const Wo = (a) => {
       ]
     }
   ) });
-}, Ne = (a) => {
-  const { items: e, className: r } = a, t = Xe(1 / 0);
+}, Be = (s) => {
+  const { items: e, className: r } = s, t = He(1 / 0);
   return /* @__PURE__ */ o(
     f.div,
     {
@@ -2318,14 +2497,14 @@ const Wo = (a) => {
         "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(Wo, { mouseX: t, ...l }, l.title))
+      children: e.map((l) => /* @__PURE__ */ o(Zo, { mouseX: t, ...l }, l.title))
     }
   );
-}, Be = (a) => {
-  const { items: e, className: r, collapseIcon: t, autoHidden: l = !1 } = a, [n, d] = F(!1), p = () => {
+}, Ne = (s) => {
+  const { items: e, className: r, collapseIcon: t, autoHidden: l = !1 } = s, [n, d] = F(!1), p = () => {
     d(!n);
   };
-  return /* @__PURE__ */ H(
+  return /* @__PURE__ */ G(
     "div",
     {
       className: Te(
@@ -2334,12 +2513,12 @@ const Wo = (a) => {
         r
       ),
       children: [
-        /* @__PURE__ */ o(ue, { children: n && /* @__PURE__ */ o(
+        /* @__PURE__ */ o(ge, { children: n && /* @__PURE__ */ o(
           f.div,
           {
             layoutId: "nav",
             className: "absolute bottom-full mb-2 inset-x-0 flex flex-col gap-2",
-            children: e.map((s, v) => /* @__PURE__ */ o(
+            children: e.map((i, v) => /* @__PURE__ */ o(
               f.div,
               {
                 initial: { opacity: 0, y: 10 },
@@ -2358,14 +2537,14 @@ const Wo = (a) => {
                 children: /* @__PURE__ */ o(
                   "a",
                   {
-                    href: s.href,
+                    href: i.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: s.icon })
+                    children: /* @__PURE__ */ o("div", { className: "h-4 w-4", children: i.icon })
                   },
-                  s.title
+                  i.title
                 )
               },
-              s.title
+              i.title
             ))
           }
         ) }),
@@ -2374,18 +2553,18 @@ const Wo = (a) => {
           {
             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(Oe, { className: "h-5 w-5 text-neutral-500 dark:text-neutral-400" })
+            children: t || /* @__PURE__ */ o(Ve, { className: "h-5 w-5 text-neutral-500 dark:text-neutral-400" })
           }
         )
       ]
     }
   );
-}, Jo = (a) => {
-  const { items: e, desktopClassName: r, mobileClassName: t, ...l } = a;
-  return /* @__PURE__ */ H(ce, { children: [
-    /* @__PURE__ */ o(Ne, { items: e, className: r, ...l }),
+}, Qo = (s) => {
+  const { items: e, desktopClassName: r, mobileClassName: t, ...l } = s;
+  return /* @__PURE__ */ G(ce, { children: [
+    /* @__PURE__ */ o(Be, { items: e, className: r, ...l }),
     /* @__PURE__ */ o(
-      Be,
+      Ne,
       {
         items: e,
         className: t,
@@ -2394,11 +2573,11 @@ const Wo = (a) => {
       }
     )
   ] });
-}, De = Jo;
-De.Desktop = Ne;
-De.Mobile = Be;
+}, De = Qo;
+De.Desktop = Be;
+De.Mobile = Ne;
 export {
-  vt as Desktop,
+  wt as Desktop,
   De as Dock,
-  Uo as MdEditor
+  Ko as MdEditor
 };