zs_library 0.3.19 → 0.3.21

package/dist/index.es.js

@@ -1,28 +1,29 @@
 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);
+var Xe = (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) => Xe(a, typeof e != "symbol" ? e + "" : e, r);
 import "./zs_library.css";
 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 { cx as T, css as i } from "@emotion/css";
+import { createContext as be, useMemo as ae, useContext as ke, useState as X, useRef as te, useEffect as oe } from "react";
+import Fe 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 { useLocalStorageState as Ye, useDebounceEffect as qe } 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 = {
+import { RiPencilRuler2Line as Ue, RiShareLine as Ve, RiInformationLine as _e, RiCloseCircleLine as We, RiAnticlockwise2Line as Je, RiClockwise2Line as Ke, RiZoomInLine as Ze, RiZoomOutLine as Qe, RiCloseLine as eo, RiArrowLeftLine as oo, RiArrowRightLine as to, RiArrowLeftRightLine as ro, RiArrowUpDownLine as no, RiMoreLine as ao } from "@remixicon/react";
+import ve from "rc-dialog";
+import lo from "react-json-view";
+import { MDXEditor as io, toolbarPlugin as so, DiffSourceToggleWrapper as co, UndoRedo as go, Separator as J, BoldItalicUnderlineToggles as uo, CodeToggle as mo, StrikeThroughSupSubToggles as po, ListsToggle as ho, CreateLink as fo, InsertImage as bo, InsertTable as ko, InsertThematicBreak as vo, InsertCodeBlock as xo, InsertFrontmatter as yo, diffSourcePlugin as wo, listsPlugin as Co, quotePlugin as Io, headingsPlugin as Mo, linkPlugin as So, linkDialogPlugin as To, imagePlugin as No, tablePlugin as Bo, thematicBreakPlugin as Do, frontmatterPlugin as Ro, codeBlockPlugin as Lo, codeMirrorPlugin as $o, markdownShortcutPlugin as Po, directivesPlugin as zo, AdmonitionDirectiveDescriptor as Ao } from "@mdxeditor/editor";
+import Eo from "react-markdown";
+import jo from "remark-gfm";
+import Ho from "remark-emoji";
+import Xo from "rehype-raw";
+import { Prism as Fo } from "react-syntax-highlighter";
+import Go from "rc-image";
+import { clsx as Yo } from "clsx";
+import { twMerge as qo } from "tailwind-merge";
+const xe = {
   token: {
     itemNameColor: "#1a1a1a",
     itemIconBackgroundColor: "white",
@@ -35,7 +36,7 @@ const ve = {
     contextMenuBackgroundColor: "white",
     contextMenuShadowColor: "rgba(0, 0, 0, 0.1)"
   }
-}, xe = {
+}, ye = {
   token: {
     itemNameColor: "white",
     itemIconBackgroundColor: "#1f2937",
@@ -50,24 +51,24 @@ const ve = {
   }
 }, we = be(
   {}
-), 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 });
+), Oo = (a) => {
+  const { children: e, theme: r, ...t } = a, l = ae(() => r === "light" ? xe : r === "dark" ? ye : r, [r]);
+  return /* @__PURE__ */ o(we.Provider, { value: { theme: l, ...t }, children: e });
 }, K = () => ke(we), Ce = {
   maxRow: 2,
   maxCol: 2
-}, Ao = {
+}, Uo = {
   ...Ce
 }, Ie = {
   app: Ce,
-  group: Ao
+  group: Uo
 };
-class q {
+class Y {
 }
 /** 清理重复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, i = { ...r, ...e == null ? void 0 : e.token }, n = { ...t, ...e == null ? void 0 : e.token };
-  return { light: i, dark: n };
+ie(Y, "uniqueArray", (e) => e.reduce((r, t) => r.find((n) => n.id === t.id) ? r : r.concat([t]), [])), ie(Y, "getTheme", (e) => {
+  const r = xe.token, t = ye.token, l = { ...r, ...e == null ? void 0 : e.token }, n = { ...t, ...e == null ? void 0 : e.token };
+  return { light: l, dark: n };
 });
 const Me = be({
   list: [],
@@ -104,144 +105,144 @@ const Me = be({
   moveTargetId: null,
   setMoveTargetId: () => {
   }
-}), Eo = (a) => {
+}), Vo = (a) => {
   const {
     children: e,
     list: r = [],
     onChange: t,
-    storageKey: i = "ZS_LIBRARY_DESKTOP_SORTABLE_CONFIG",
+    storageKey: l = "ZS_LIBRARY_DESKTOP_SORTABLE_CONFIG",
     enableCaching: n = !0
-  } = a, [c, p] = F(), [s, v] = F(), [x, R] = F(null), B = te(x), [A, L] = F(null), [g, d] = F([]), [w, h] = F(
+  } = a, [c, p] = X(), [s, x] = X(), [y, $] = X(null), N = te(y), [A, P] = X(null), [g, d] = X([]), [w, h] = X(
     null
-  ), [$, u] = F(
+  ), [R, u] = X(
     null
-  ), [I, C] = F(!1), [m, f] = F(null), [E, V] = F(
+  ), [I, C] = X(!1), [m, f] = X(null), [E, V] = X(
     null
-  ), [j, le] = F(!1), [_, Q] = qe(i, {
+  ), [j, le] = X(!1), [_, Q] = Ye(l, {
     defaultValue: [],
     listenStorageChange: !0
   }), re = () => {
-    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) => {
+    P(null), clearTimeout(c), p(void 0), N.current = null;
+  }, B = (k, F) => {
+    P({ ...k, pageX: k.pageX, pageY: k.pageY, data: F }), clearTimeout(c);
+  }, O = (k, F = !0) => {
     const { config: H = {} } = k;
     return H.allowContextMenu === !1 ? {} : {
       onMouseDown: (M) => {
         p(
           setTimeout(() => {
-            X && B.current === null && N(M, k);
+            F && N.current === null && B(M, k);
           }, 800)
-        ), C(!1), v(
+        ), C(!1), x(
           setTimeout(() => {
             C(!0);
           }, 800)
         );
       },
       onMouseUp: () => {
-        clearTimeout(s), v(void 0), clearTimeout(c), p(void 0);
+        clearTimeout(s), x(void 0), clearTimeout(c), p(void 0);
       },
       onContextMenu: (M) => {
-        X && (M.preventDefault(), N(M, k));
+        F && (M.preventDefault(), B(M, k));
       }
     };
-  }, W = (k, X) => {
-    const H = [...X || []];
+  }, W = (k, F) => {
+    const H = [...F || []];
     if (H.length > 0)
       d((M) => {
-        const P = [...M], D = (y) => {
+        const L = [...M], D = (v) => {
           var pe, he;
-          const S = H.shift(), z = y.find((U) => U.id === S), Y = y.findIndex((U) => U.id === S);
+          const S = H.shift(), z = v.find((U) => U.id === S), q = v.findIndex((U) => U.id === S);
           if (H.length && z) {
             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 v.splice(q, 1, U), t == null || t(v), v;
             }
-            return z.children = D(z.children || []), y.splice(Y, 1, z), t == null || t(y), y;
+            return z.children = D(z.children || []), v.splice(q, 1, z), t == null || t(v), v;
           }
           if (z) {
             if (!((he = z.children) != null && he.length) && k.length) {
               const U = { ...z };
-              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.data = { name: "文件夹" }, z.type = "group", z.children = [U, ...k], z.id = fe(), v.splice(q, 1, z), t == null || t(v), v;
             }
-            return z.children = q.uniqueArray(k), y.splice(Y, 1, z), t == null || t(y), y;
+            return z.children = Y.uniqueArray(k), v.splice(q, 1, z), t == null || t(v), v;
           }
-          return q.uniqueArray(k);
+          return Y.uniqueArray(k);
         };
-        return q.uniqueArray(D(P));
+        return Y.uniqueArray(D(L));
       });
     else {
-      const M = q.uniqueArray(k);
+      const M = Y.uniqueArray(k);
       t == null || t(M), d(M);
     }
-  }, Le = (k, X) => {
+  }, Pe = (k, F) => {
     d((H) => {
-      const M = [...H], P = (D) => {
-        var y;
+      const M = [...H], L = (D) => {
+        var v;
         for (let S = 0; S < D.length; S++)
           if (D[S].id === k) {
-            D[S].config = X;
+            D[S].config = F;
             break;
-          } else ((y = D[S].children) == null ? void 0 : y.length) !== void 0 && P(D[S].children);
+          } else ((v = D[S].children) == null ? void 0 : v.length) !== void 0 && L(D[S].children);
       };
-      return P(M), t == null || t(M), M;
+      return L(M), t == null || t(M), M;
     });
-  }, ze = (k, X) => {
+  }, ze = (k, F) => {
     d((H) => {
-      const M = [...H], P = (D) => {
-        var y;
+      const M = [...H], L = (D) => {
+        var v;
         for (let S = 0; S < D.length; S++)
           if (D[S].id === k) {
-            D[S].data = X;
+            D[S].data = F;
             break;
-          } else ((y = D[S].children) == null ? void 0 : y.length) !== void 0 && P(D[S].children);
+          } else ((v = D[S].children) == null ? void 0 : v.length) !== void 0 && L(D[S].children);
       };
-      return P(M), t == null || t(M), M;
+      return L(M), t == null || t(M), M;
     });
   }, Ae = (k) => {
-    d((X) => {
-      const H = [...X], M = (P) => {
+    d((F) => {
+      const H = [...F], M = (L) => {
         var D;
-        for (let y = 0; y < P.length; y++)
-          if (P[y].id === k) {
-            P.splice(y, 1);
+        for (let v = 0; v < L.length; v++)
+          if (L[v].id === k) {
+            L.splice(v, 1);
             break;
-          } else ((D = P[y].children) == null ? void 0 : D.length) !== void 0 && M(P[y].children);
+          } else ((D = L[v].children) == null ? void 0 : D.length) !== void 0 && M(L[v].children);
       };
       return M(H), t == null || t(H), H;
     });
-  }, 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);
+  }, Ee = (k, F) => {
+    const H = [...g], M = (L, D) => {
+      const v = D.shift(), S = L.find((q) => q.id === v), z = L.findIndex((q) => q.id === v);
       if (S) {
         if (D.length)
           S.children = M(S.children || [], D);
         else {
-          const Y = (k == null ? void 0 : k.type) ?? "app";
+          const q = (k == null ? void 0 : k.type) ?? "app";
           S.children = [
             ...S.children ?? [],
             {
               ...k,
               id: fe(),
-              config: (k == null ? void 0 : k.config) ?? Ie[Y]
+              config: (k == null ? void 0 : k.config) ?? Ie[q]
             }
           ];
         }
-        return P.splice(z, 1, S), P;
+        return L.splice(z, 1, S), L;
       } else
-        return P;
+        return L;
     };
-    d(M(H, X));
+    d(M(H, F));
   };
   return oe(() => {
     (r == null ? void 0 : r.length) > 0 && g.length === 0 && W(r);
   }, [r]), oe(() => {
-    B.current = x, x !== null && re();
-  }, [x]), oe(() => {
+    N.current = y, y !== null && re();
+  }, [y]), oe(() => {
     n && _ != null && _.length && !j && (W(_), le(!0));
-  }, [_, j, n]), Ye(
+  }, [_, j, n]), qe(
     () => {
       n && Q(g);
     },
@@ -256,17 +257,17 @@ const Me = be({
         list: g,
         setList: W,
         contextMenu: A,
-        setContextMenu: L,
-        listStatus: x,
-        setListStatus: R,
+        setContextMenu: P,
+        listStatus: y,
+        setListStatus: $,
         contextMenuFuns: O,
         hideContextMenu: re,
         showInfoItemData: w,
         setShowInfoItemData: h,
-        openGroupItemData: $,
+        openGroupItemData: R,
         setOpenGroupItemData: u,
         longPressTriggered: I,
-        updateItemConfig: Le,
+        updateItemConfig: Pe,
         updateItem: ze,
         removeItem: Ae,
         addItem: Ee,
@@ -278,7 +279,7 @@ const Me = be({
       children: e
     }
   );
-}, Z = () => ke(Me), jo = {
+}, Z = () => ke(Me), _o = {
   menuShow: {
     opacity: 1,
     y: 0,
@@ -286,11 +287,11 @@ const Me = be({
   },
   menuHide: { opacity: 0, y: 20, transition: { duration: 0.2 } }
 }, se = (a) => {
-  const { icon: e, title: r, onClick: t } = a, { theme: i } = K(), { light: n, dark: c } = q.getTheme(i);
+  const { icon: e, title: r, onClick: t } = a, { theme: l } = K(), { light: n, dark: c } = Y.getTheme(l);
   return /* @__PURE__ */ o(
     b.div,
     {
-      className: l`
+      className: i`
         &:hover {
           background-color: ${n.contextMenuActiveColor};
           @media (prefers-color-scheme: dark) {
@@ -310,13 +311,13 @@ const Me = be({
       onClick: (p) => {
         p.stopPropagation(), t == null || t();
       },
-      variants: jo,
+      variants: _o,
       children: /* @__PURE__ */ G(
         b.div,
         {
           className: T(
             "py-1.5 px-3 rounded-lg",
-            l`
+            i`
             padding-top: 0.375rem;
             padding-bottom: 0.375rem;
             padding-left: 0.75rem;
@@ -330,7 +331,7 @@ const Me = be({
               b.div,
               {
                 className: T(
-                  l`
+                  i`
               margin-bottom: 0.375rem;
               display: flex;
               justify-content: center;
@@ -345,23 +346,23 @@ const Me = be({
       )
     }
   );
-}, Ho = (a) => {
+}, Wo = (a) => {
   const {
     showInfoButton: e = !0,
     showRemoveButton: r = !0,
     showShareButton: t = !0,
-    showSizeButton: i = !0,
+    showSizeButton: l = !0,
     onInfoClick: n,
     onShareClick: c,
     onRemoveClick: p
   } = a, {
     contextMenu: s,
-    setContextMenu: v,
-    hideContextMenu: x,
-    setShowInfoItemData: R,
-    removeItem: B,
+    setContextMenu: x,
+    hideContextMenu: y,
+    setShowInfoItemData: $,
+    removeItem: N,
     updateItemConfig: A
-  } = Z(), { theme: L } = K(), { light: g, dark: d } = q.getTheme(L), { data: w } = s ?? {}, { config: h = {} } = w ?? {}, $ = () => {
+  } = Z(), { theme: P } = K(), { light: g, dark: d } = Y.getTheme(P), { data: w } = s ?? {}, { config: h = {} } = w ?? {}, R = () => {
     var C;
     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++)
@@ -383,7 +384,7 @@ const Me = be({
           b.div,
           {
             className: T(
-              l`
+              i`
                 border-radius: 0.5rem;
                 overflow: hidden;
                 background-color: ${g.contextMenuBackgroundColor};
@@ -394,10 +395,10 @@ const Me = be({
                 }
               `
             ),
-            children: i && h.allowResize !== !1 && /* @__PURE__ */ o(
+            children: l && h.allowResize !== !1 && /* @__PURE__ */ o(
               b.ul,
               {
-                className: l`
+                className: i`
                   background-color: white;
                   padding: 0.25rem;
                   margin: 0;
@@ -407,7 +408,7 @@ const Me = be({
                     label: "修改大小",
                     key: "size",
                     icon: /* @__PURE__ */ o(Ue, { size: 14 }),
-                    items: $().map((u) => ({
+                    items: R().map((u) => ({
                       label: u,
                       key: u,
                       onClick: () => {
@@ -422,7 +423,7 @@ const Me = be({
                 ].map((u) => /* @__PURE__ */ G(
                   b.li,
                   {
-                    className: l`
+                    className: i`
                       padding-top: 0.5rem;
                       padding-bottom: 0.5rem;
                       padding-left: 0.75rem;
@@ -432,7 +433,7 @@ const Me = be({
                       /* @__PURE__ */ G(
                         b.p,
                         {
-                          className: l`
+                          className: i`
                         display: flex;
                         align-items: center;
                         font-size: 0.875rem;
@@ -451,7 +452,7 @@ const Me = be({
                       /* @__PURE__ */ o(
                         b.div,
                         {
-                          className: l`
+                          className: i`
                         display: grid;
                         grid-template-columns: repeat(2, minmax(0, 1fr));
                         gap: 0.25rem;
@@ -461,7 +462,7 @@ const Me = be({
                             {
                               className: T(
                                 "py-1 px-2 hover:bg-gray-100 rounded transition-all cursor-pointer text-center text-sm",
-                                l`
+                                i`
                               padding-top: 0.25rem;
                               padding-bottom: 0.25rem;
                               padding-left: 0.5rem;
@@ -483,7 +484,7 @@ const Me = be({
                                 }
                               }
                             `,
-                                `${h.row}x${h.col}` === I.key && l`
+                                `${h.row}x${h.col}` === I.key && i`
                                 background-color: ${g.contextMenuActiveColor};
                                 @media (prefers-color-scheme: dark) {
                                   background-color: ${d.contextMenuActiveColor};
@@ -509,7 +510,7 @@ const Me = be({
           b.div,
           {
             className: T(
-              l`
+              i`
                 background-color: ${g.contextMenuBackgroundColor};
                 box-shadow: 0 0 0.5rem ${g.contextMenuShadowColor};
                 @media (prefers-color-scheme: dark) {
@@ -549,11 +550,11 @@ const Me = be({
                       n(s.data);
                       return;
                     }
-                    R({
+                    $({
                       ...s.data,
                       pageX: s.pageX,
                       pageY: s.pageY
-                    }), x();
+                    }), y();
                   }
                 }
               ),
@@ -564,10 +565,10 @@ const Me = be({
                   title: "移除",
                   onClick: () => {
                     if (p) {
-                      p(s.data, B);
+                      p(s.data, N);
                       return;
                     }
-                    v(null), B(s.data.id);
+                    x(null), N(s.data.id);
                   }
                 }
               )
@@ -577,13 +578,13 @@ const Me = be({
       ]
     }
   ) });
-}, 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;
+}, Jo = (a) => {
+  const { data: e, noLetters: r = !1 } = a, { contextMenuFuns: t } = Z(), { itemIconBuilder: l, theme: n, contextMenu: c } = K(), { light: p, dark: s } = Y.getTheme(n), { data: x = {} } = e, { name: y } = x;
   return /* @__PURE__ */ G(de, { children: [
     /* @__PURE__ */ o(
       b.div,
       {
-        className: l`
+        className: i`
           width: 4rem;
           height: 4rem;
           background-color: ${p.itemIconBackgroundColor};
@@ -601,7 +602,7 @@ const Me = be({
         children: /* @__PURE__ */ o(
           "div",
           {
-            className: l`
+            className: i`
             position: absolute;
             left: 0;
             top: 0;
@@ -613,7 +614,7 @@ const Me = be({
             }
           `,
             ...t(e, c !== !1),
-            children: i == null ? void 0 : i(e)
+            children: l == null ? void 0 : l(e)
           }
         )
       }
@@ -622,7 +623,7 @@ const Me = be({
       b.p,
       {
         className: T(
-          l`
+          i`
             text-align: center;
             margin-top: 0.25rem;
             margin-bottom: 0;
@@ -631,11 +632,11 @@ const Me = be({
               color: ${s.itemNameColor};
             }
           `,
-          r && l`
+          r && i`
               color: transparent;
             `
         ),
-        children: x
+        children: y
       }
     )
   ] });
@@ -644,17 +645,17 @@ const Me = be({
     data: e,
     className: r,
     itemIndex: t,
-    onClick: i,
+    onClick: l,
     disabledDrag: n = !1,
     children: c,
     parentIds: p,
     childrenLength: s
-  } = a, { contextMenu: v, setContextMenu: x } = Z(), { contextMenu: R } = K();
+  } = a, { contextMenu: x, setContextMenu: y } = Z(), { contextMenu: $ } = K();
   return /* @__PURE__ */ o(
     Oe,
     {
       placement: "bottom",
-      overlayClassName: l`
+      overlayClassName: i`
         background-color: transparent;
         .rc-tooltip-inner {
           background-color: transparent;
@@ -662,10 +663,10 @@ const Me = be({
           border: none;
         }
       `,
-      overlay: /* @__PURE__ */ o(Ho, { ...R }),
-      visible: (v == null ? void 0 : v.data.id) === e.id,
-      onVisibleChange: (B) => {
-        B || x(null);
+      overlay: /* @__PURE__ */ o(Wo, { ...$ }),
+      visible: (x == null ? void 0 : x.data.id) === e.id,
+      onVisibleChange: (N) => {
+        N || y(null);
       },
       destroyTooltipOnHide: !0,
       children: /* @__PURE__ */ o(
@@ -675,41 +676,41 @@ const Me = be({
           "data-index": t,
           "data-parent-ids": p == null ? void 0 : p.join(","),
           "data-children-length": s,
-          onClick: () => i == null ? void 0 : i(e),
+          onClick: () => l == null ? void 0 : l(e),
           className: T(n && "drag-disabled", r),
-          children: c ?? /* @__PURE__ */ o(Fo, { ...a })
+          children: c ?? /* @__PURE__ */ o(Jo, { ...a })
         }
       )
     }
   );
-}, Xo = (a) => {
+}, Ko = (a) => {
   const {
     data: e,
     className: r,
     parentIds: t,
-    itemIndex: i,
+    itemIndex: l,
     onClick: n,
     noLetters: c = !1
   } = a, {
     contextMenuFuns: p,
     setList: s,
-    setOpenGroupItemData: v,
-    longPressTriggered: x,
-    moveItemId: R,
-    moveTargetId: B,
+    setOpenGroupItemData: x,
+    longPressTriggered: y,
+    moveItemId: $,
+    moveTargetId: N,
     setMoveTargetId: A,
-    listStatus: L
-  } = 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 = {
+    listStatus: P
+  } = Z(), { itemIconBuilder: g, theme: d, contextMenu: w } = K(), { light: h, dark: R } = Y.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 = ((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`
+  }, V = ((u == null ? void 0 : u.length) ?? 0) === 0, j = V ? [e] : [...u ?? []].slice(0, 9), le = ae(() => $ === e.id.toString(), [e.id, $]), _ = ae(() => N === e.id, [e.id, N]), Q = i`
     overflow: hidden;
     cursor: pointer;
     background-color: ${h.itemIconBackgroundColor};
     box-shadow: 0 0 0.5rem ${h.itemIconShadowColor};
     @media (prefers-color-scheme: dark) {
-      background-color: ${$.itemIconBackgroundColor};
-      box-shadow: 0 0 0.5rem ${$.itemIconShadowColor};
+      background-color: ${R.itemIconBackgroundColor};
+      box-shadow: 0 0 0.5rem ${R.itemIconShadowColor};
     }
   `, re = () => {
     if (V)
@@ -718,7 +719,7 @@ const Me = be({
         {
           className: T(
             "sortable-group-item",
-            l`
+            i`
               overflow: hidden;
               cursor: pointer;
               width: 100%;
@@ -729,12 +730,12 @@ const Me = be({
               top: 0;
               border-radius: 0.75rem;
               @media (prefers-color-scheme: dark) {
-                background-color: ${$.itemIconBackgroundColor};
+                background-color: ${R.itemIconBackgroundColor};
               }
             `
           ),
-          onClick: (N) => {
-            N.stopPropagation(), n == null || n(e);
+          onClick: (B) => {
+            B.stopPropagation(), n == null || n(e);
           },
           children: g == null ? void 0 : g(e)
         }
@@ -743,7 +744,7 @@ const Me = be({
       return /* @__PURE__ */ o(
         b.div,
         {
-          className: l`
+          className: i`
             display: grid;
             width: 100%;
             height: 100%;
@@ -753,23 +754,23 @@ const Me = be({
             gap: ${f === 1 ? "0.125rem" : "0.5rem"};
             place-items: center;
           `,
-          children: j == null ? void 0 : j.slice(0, 9).map((N) => /* @__PURE__ */ o(
+          children: j == null ? void 0 : j.slice(0, 9).map((B) => /* @__PURE__ */ o(
             b.div,
             {
               className: T(
                 Q,
-                l`
+                i`
                   border-radius: ${f === 1 ? "0.25rem" : "0.5rem"};
                   width: 100%;
                   height: 100%;
                 `
               ),
               onClick: (O) => {
-                O.stopPropagation(), n == null || n(N);
+                O.stopPropagation(), n == null || n(B);
               },
-              children: g == null ? void 0 : g(N)
+              children: g == null ? void 0 : g(B)
             },
-            N.id
+            B.id
           ))
         }
       );
@@ -777,7 +778,7 @@ const Me = be({
       return /* @__PURE__ */ o(
         b.div,
         {
-          className: l`
+          className: i`
             display: grid;
             grid-template-columns: repeat(10, minmax(0, 1fr));
             grid-template-rows: repeat(4, minmax(0, 1fr));
@@ -787,18 +788,18 @@ const Me = be({
             height: 52px;
             place-items: center;
           `,
-          children: j == null ? void 0 : j.slice(0, 4).map((N, O) => /* @__PURE__ */ o(
+          children: j == null ? void 0 : j.slice(0, 4).map((B, O) => /* @__PURE__ */ o(
             b.div,
             {
               className: T(
                 Q,
-                O < 2 ? l`
+                O < 2 ? i`
                       width: 52px;
                       height: 52px;
                       border-radius: 0.5rem;
                       grid-column: span 4 / span 4;
                       grid-row: span 4 / span 4;
-                    ` : l`
+                    ` : i`
                       width: 1.5rem;
                       height: 1.5rem;
                       border-radius: 0.375rem;
@@ -807,11 +808,11 @@ const Me = be({
                     `
               ),
               onClick: (W) => {
-                O > 2 || (W.stopPropagation(), n == null || n(N));
+                O > 2 || (W.stopPropagation(), n == null || n(B));
               },
-              children: g == null ? void 0 : g(N)
+              children: g == null ? void 0 : g(B)
             },
-            N.id
+            B.id
           ))
         }
       );
@@ -819,7 +820,7 @@ const Me = be({
       return /* @__PURE__ */ o(
         b.div,
         {
-          className: l`
+          className: i`
             display: grid;
             grid-template-columns: repeat(4, minmax(0, 1fr));
             grid-template-rows: repeat(10, minmax(0, 1fr));
@@ -829,18 +830,18 @@ const Me = be({
             height: 144px;
             place-items: center;
           `,
-          children: j == null ? void 0 : j.slice(0, 4).map((N, O) => /* @__PURE__ */ o(
+          children: j == null ? void 0 : j.slice(0, 4).map((B, O) => /* @__PURE__ */ o(
             b.div,
             {
               className: T(
                 Q,
-                O < 2 ? l`
+                O < 2 ? i`
                       width: 52px;
                       height: 52px;
                       border-radius: 0.5rem;
                       grid-column: span 4 / span 4;
                       grid-row: span 4 / span 4;
-                    ` : l`
+                    ` : i`
                       width: 1.5rem;
                       height: 1.5rem;
                       grid-column: span 2 / span 2;
@@ -848,11 +849,11 @@ const Me = be({
                     `
               ),
               onClick: (W) => {
-                O > 2 || (W.stopPropagation(), n == null || n(N));
+                O > 2 || (W.stopPropagation(), n == null || n(B));
               },
-              children: g == null ? void 0 : g(N)
+              children: g == null ? void 0 : g(B)
             },
-            N.id
+            B.id
           ))
         }
       );
@@ -861,11 +862,11 @@ const Me = be({
     me,
     {
       data: e,
-      itemIndex: i,
+      itemIndex: l,
       parentIds: t,
       childrenLength: u == null ? void 0 : u.length,
       className: T(
-        l`
+        i`
           grid-row: span ${m};
           grid-column: span ${f};
         `,
@@ -878,15 +879,15 @@ const Me = be({
             whileTap: { scale: 0.9 },
             className: T(
               _ ? "!scale-110" : "",
-              l`
+              i`
             cursor: pointer;
             position: relative;
             border-radius: 0.75rem;
             background-color: ${h.groupItemIconBackgroundColor};
             box-shadow: 0 0 0.5rem ${h.groupItemIconShadowColor};
             @media (prefers-color-scheme: dark) {
-              background-color: ${$.groupItemIconBackgroundColor};
-              box-shadow: 0 0 0.5rem ${$.groupItemIconShadowColor};
+              background-color: ${R.groupItemIconBackgroundColor};
+              box-shadow: 0 0 0.5rem ${R.groupItemIconShadowColor};
             }
             /* overflow: hidden; */
             transition: all 0.3s;
@@ -895,14 +896,14 @@ const Me = be({
             height: ${m * 64 + 32 * (m - 1)}px;
           `
             ),
-            onClick: (N) => {
-              !V && !x && (e.parentIds = t, e.pageX = N.pageX, e.pageY = N.pageY, v(e));
+            onClick: (B) => {
+              !V && !y && (e.parentIds = t, e.pageX = B.pageX, e.pageY = B.pageY, x(e));
             },
             ...p(e, w !== !1),
             children: /* @__PURE__ */ G(
               b.div,
               {
-                className: l`
+                className: i`
             position: relative;
             width: 100%;
             height: 100%;
@@ -918,14 +919,14 @@ const Me = be({
                     {
                       className: T(
                         "sortable-group-item",
-                        l`
+                        i`
                 position: absolute;
                 cursor: pointer;
                 left: 0.375rem;
                 top: 0.375rem;
                 width: calc(100% - 0.75rem);
                 height: calc(100% - 0.75rem);
-                pointer-events: ${L === null ? "none" : "auto"};
+                pointer-events: ${P === null ? "none" : "auto"};
                 > * {
                   opacity: 0;
                 }
@@ -935,7 +936,7 @@ const Me = be({
                       animation: 150,
                       fallbackOnBody: !0,
                       list: u ?? [],
-                      setList: (N) => s(N, t),
+                      setList: (B) => s(B, t),
                       filter: () => !0,
                       "data-id": e.id,
                       onChange: () => {
@@ -952,16 +953,16 @@ const Me = be({
           b.p,
           {
             className: T(
-              l`
+              i`
             text-align: center;
             margin-top: 0.25rem;
             margin-bottom: 0;
             color: ${h.itemNameColor};
             @media (prefers-color-scheme: dark) {
-              color: ${$.itemNameColor};
+              color: ${R.itemNameColor};
             }
           `,
-              c && l`
+              c && i`
               color: transparent;
             `
             ),
@@ -973,7 +974,7 @@ const Me = be({
       ]
     }
   );
-}, Se = l`
+}, Se = i`
   padding: 8px;
   transition: all 0.2s;
   > div {
@@ -985,20 +986,20 @@ const Me = be({
       transition: all 0.2s;
     }
   }
-`, Go = (a) => {
+`, Zo = (a) => {
   const { data: e, onClose: r, onItemClick: t } = a, {
-    list: i,
+    list: l,
     setList: n,
     setListStatus: c,
     setMoveItemId: p,
     setMoveTargetId: s,
-    updateItem: v
-  } = Z(), { theme: x } = K(), { light: R, dark: B } = q.getTheme(x), [A, L] = F("文件夹"), g = [...(e == null ? void 0 : e.children) ?? []];
+    updateItem: x
+  } = Z(), { theme: y } = K(), { light: $, dark: N } = Y.getTheme(y), [A, P] = X("文件夹"), g = [...(e == null ? void 0 : e.children) ?? []];
   return oe(() => {
     var d;
-    e && L((d = e.data) == null ? void 0 : d.name);
+    e && P((d = e.data) == null ? void 0 : d.name);
   }, [e]), /* @__PURE__ */ o(
-    ye,
+    ve,
     {
       visible: !!e,
       onClose: () => {
@@ -1013,7 +1014,7 @@ const Me = be({
       title: /* @__PURE__ */ o(
         "input",
         {
-          className: l`
+          className: i`
             background-color: transparent;
             border-style: none;
             text-align: center;
@@ -1029,10 +1030,10 @@ const Me = be({
           `,
           value: A,
           onChange: (d) => {
-            L(d.target.value);
+            P(d.target.value);
           },
           onBlur: () => {
-            e && v(e.id, {
+            e && x(e.id, {
               ...e.data,
               name: A
             });
@@ -1043,7 +1044,7 @@ const Me = be({
       closable: !1,
       className: T(
         "group-item-modal",
-        l`
+        i`
           .rc-dialog-content {
             background-color: transparent;
             box-shadow: none;
@@ -1058,9 +1059,9 @@ const Me = be({
               }
             }
             .rc-dialog-body {
-              background-color: ${R.groupItemModalBackgroundColor};
+              background-color: ${$.groupItemModalBackgroundColor};
               @media (prefers-color-scheme: dark) {
-                background-color: ${B.groupItemModalBackgroundColor};
+                background-color: ${N.groupItemModalBackgroundColor};
               }
               border-radius: 0.5rem;
               overflow: hidden;
@@ -1073,7 +1074,7 @@ const Me = be({
       children: /* @__PURE__ */ o(
         "div",
         {
-          className: l`
+          className: i`
           overflow-y: auto;
           max-height: 60vh;
           padding: 1.25rem 0;
@@ -1087,7 +1088,7 @@ const Me = be({
           children: /* @__PURE__ */ o(
             ge,
             {
-              className: l`
+              className: i`
             display: grid;
             gap: 1rem;
             place-items: center;
@@ -1100,8 +1101,8 @@ const Me = be({
               fallbackOnBody: !0,
               list: (e == null ? void 0 : e.children) ?? [],
               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);
+                var R, u;
+                const w = d.map((I) => I.id), h = (u = (R = l.find((I) => I.id === (e == null ? void 0 : e.id))) == null ? void 0 : R.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: () => (s(null), c("onMove"), !0),
@@ -1128,11 +1129,11 @@ const Me = be({
       )
     }
   );
-}, qo = (a) => {
+}, Qo = (a) => {
   var t;
   const { data: e, onClose: r } = a;
   return /* @__PURE__ */ o(
-    ye,
+    ve,
     {
       visible: !!e,
       onClose: () => {
@@ -1148,30 +1149,30 @@ const Me = be({
       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(Ke, { src: e, theme: "monokai" }) })
+        /* @__PURE__ */ o("div", { className: "p-2 rounded-md bg-[#272822]", children: /* @__PURE__ */ o(lo, { src: e, theme: "monokai" }) })
       ] })
     }
   );
-}, Yo = (a) => {
+}, et = (a) => {
   const {
     pagination: e = { position: "bottom" },
     className: r,
     sliderProps: t,
-    sliderRef: i,
+    sliderRef: l,
     onItemClick: n
   } = a, c = te(null), p = te(null), {
     list: s,
-    setList: v,
-    setListStatus: x,
-    showInfoItemData: R,
-    setShowInfoItemData: B,
+    setList: x,
+    setListStatus: y,
+    showInfoItemData: $,
+    setShowInfoItemData: N,
     openGroupItemData: A,
-    setOpenGroupItemData: L,
+    setOpenGroupItemData: P,
     setMoveItemId: g,
     setMoveTargetId: d,
     addItem: w
-  } = Z(), { pagingDotBuilder: h, pagingDotsBuilder: $, itemBuilder: u } = K(), I = ae(() => e === !1 ? {} : {
-    top: l`
+  } = Z(), { pagingDotBuilder: h, pagingDotsBuilder: R, itemBuilder: u } = K(), I = ae(() => e === !1 ? {} : {
+    top: i`
         display: flex;
         flex-direction: column;
         .slick-list {
@@ -1181,12 +1182,12 @@ const Me = be({
           position: static;
         }
       `,
-    bottom: l`
+    bottom: i`
         .slick-dots {
           position: static;
         }
       `,
-    left: l`
+    left: i`
         .slick-dots {
           position: absolute;
           width: auto;
@@ -1202,7 +1203,7 @@ const Me = be({
           }
         }
       `,
-    right: l`
+    right: i`
         .slick-dots {
           position: absolute;
           width: auto;
@@ -1221,19 +1222,19 @@ const Me = be({
   }[e.position ?? "bottom"], [e]);
   return /* @__PURE__ */ G(de, { children: [
     /* @__PURE__ */ o(
-      Xe,
+      Fe,
       {
         useCSS: !0,
         useTransform: !0,
         arrows: !1,
-        ref: i ?? c,
+        ref: l ?? c,
         infinite: !1,
         dots: !0,
         touchMove: !1,
         lazyLoad: "anticipated",
         className: T(
           I,
-          l`
+          i`
             .slick-track {
               display: flex;
               align-items: stretch;
@@ -1258,19 +1259,19 @@ const Me = be({
             {
               onDragEnter: () => {
                 var E;
-                (E = (i ?? c).current) == null || E.slickGoTo(C);
+                (E = (l ?? c).current) == null || E.slickGoTo(C);
               },
               children: (f = (m = s[C]) == null ? void 0 : m.data) == null ? void 0 : f.name
             }
           );
         },
-        appendDots: (C) => $ ? $(C) : e === !1 ? /* @__PURE__ */ o("div", {}) : /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+        appendDots: (C) => R ? R(C) : e === !1 ? /* @__PURE__ */ o("div", {}) : /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
           "ul",
           {
             ref: p,
             className: T(
               "slick-dots-default",
-              l`
+              i`
                     padding: 0.5rem;
                     display: inline-flex;
                     justify-content: center;
@@ -1315,7 +1316,7 @@ const Me = be({
               ge,
               {
                 className: T(
-                  l`
+                  i`
                     display: grid;
                     transition: all 0.3s;
                     grid-template-columns: repeat(auto-fill, 96px);
@@ -1331,19 +1332,19 @@ const Me = be({
                 swapThreshold: 0.65,
                 group: "nested",
                 list: C.children ?? [],
-                setList: (m) => v(m, [C.id]),
+                setList: (m) => x(m, [C.id]),
                 filter: ".drag-disabled",
                 onMove: (m) => {
-                  x("onMove");
+                  y("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 f = m.item.dataset;
-                  f != null && f.id && g(f.id), x("onMove");
+                  f != null && f.id && g(f.id), y("onMove");
                 },
                 onEnd: () => {
-                  g(null), d(null), x(null);
+                  g(null), d(null), y(null);
                 },
                 ghostClass: Se,
                 children: (C.children ?? []).map((m, f) => {
@@ -1354,7 +1355,7 @@ const Me = be({
                     case "group":
                     case "app":
                       E = /* @__PURE__ */ o(
-                        Xo,
+                        Ko,
                         {
                           data: m,
                           itemIndex: f,
@@ -1386,57 +1387,57 @@ const Me = be({
       }
     ),
     /* @__PURE__ */ o(
-      qo,
+      Qo,
       {
-        data: R,
+        data: $,
         onClose: () => {
-          B(null);
+          N(null);
         }
       }
     ),
     /* @__PURE__ */ o(
-      Go,
+      Zo,
       {
         data: A,
         onClose: () => {
-          L(null);
+          P(null);
         },
         onItemClick: n
       }
     )
   ] });
-}, Ct = (a) => {
+}, Pt = (a) => {
   const {
     list: e,
     onChange: r,
     storageKey: t,
-    enableCaching: i,
+    enableCaching: l,
     theme: n,
     noLetters: c,
     contextMenu: p,
     contextMenuBuilder: s,
-    itemBuilder: v,
-    itemIconBuilder: x,
-    pagingDotBuilder: R,
-    pagingDotsBuilder: B,
+    itemBuilder: x,
+    itemIconBuilder: y,
+    pagingDotBuilder: $,
+    pagingDotsBuilder: N,
     ...A
   } = a;
-  return /* @__PURE__ */ o(Eo, { ...{
+  return /* @__PURE__ */ o(Vo, { ...{
     list: e,
     onChange: r,
     storageKey: t,
-    enableCaching: i
-  }, children: /* @__PURE__ */ o(zo, { ...{
+    enableCaching: l
+  }, children: /* @__PURE__ */ o(Oo, { ...{
     theme: n,
     noLetters: c,
     contextMenu: p,
-    pagingDotsBuilder: B,
-    pagingDotBuilder: R,
-    itemBuilder: v,
-    itemIconBuilder: x,
+    pagingDotsBuilder: N,
+    pagingDotBuilder: $,
+    itemBuilder: x,
+    itemIconBuilder: y,
     contextMenuBuilder: s
-  }, children: /* @__PURE__ */ o(Yo, { ...A }) }) });
-}, Oo = {
+  }, children: /* @__PURE__ */ o(et, { ...A }) }) });
+}, ot = {
   frontmatterEditor: {
     title: "编辑前置元数据",
     key: "键",
@@ -1553,13 +1554,13 @@ const Me = be({
   image: {
     delete: "删除图片"
   }
-}, Uo = (a, e, r) => {
-  const i = a.split(".").reduce(
+}, tt = (a, e, r) => {
+  const l = a.split(".").reduce(
     (n, c) => typeof n == "string" ? n : n[c],
-    Oo
+    ot
   );
-  return typeof i != "string" ? e : r ? i.replace(/{{(.*?)}}/g, (n, c) => r[c]) : i;
-}, Vo = l`
+  return typeof l != "string" ? e : r ? l.replace(/{{(.*?)}}/g, (n, c) => r[c]) : l;
+}, rt = i`
   --accentBase: var(--tomato-1);
   --accentBgSubtle: var(--tomato-2);
   --accentBg: var(--tomato-3);
@@ -1613,7 +1614,7 @@ const Me = be({
     rgba(255, 255, 255, 0.05),
     rgba(255, 255, 255, 0.05)
   );
-`, _o = l`
+`, nt = i`
   [class*="_toolbarRoot"] {
     flex-wrap: wrap;
     transition: all 0.3s;
@@ -1685,7 +1686,7 @@ const Me = be({
   }
 `, Te = T(
   "markdown-body",
-  l`
+  i`
     p {
       margin-bottom: 8px;
     }
@@ -1706,7 +1707,7 @@ const Me = be({
       }
     }
   `
-), Be = l`
+), Ne = i`
   .markdown-body {
     /* light */
     color-scheme: light;
@@ -1761,7 +1762,7 @@ const Me = be({
     --color-prettylights-syntax-meta-diff-range: #8250df;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
   }
-`, Ne = l`
+`, Be = i`
   .markdown-body {
     /* dark */
     color-scheme: dark;
@@ -1816,7 +1817,100 @@ const Me = be({
     --color-prettylights-syntax-meta-diff-range: #d2a8ff;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
   }
-`, Wo = {
+`, 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;
+}, at = (a) => {
+  const {
+    value: e,
+    onChange: r,
+    translation: t,
+    pluginConfig: l,
+    className: n,
+    theme: c = "auto",
+    ...p
+  } = a, s = te(null), {
+    image: x,
+    diffSource: y = {
+      viewMode: "rich-text"
+    },
+    headings: $,
+    link: N,
+    codeBlock: A,
+    codeMirror: P = {
+      codeBlockLanguages: {
+        js: "JavaScript",
+        css: "CSS",
+        txt: "Plain Text",
+        tsx: "TypeScript",
+        "": "Unspecified"
+      }
+    },
+    directives: g = {
+      directiveDescriptors: [Ao]
+    }
+  } = l ?? {}, [d, w] = X("");
+  return oe(() => {
+    var h;
+    e !== void 0 && s.current && ((h = s.current) == null || h.setMarkdown(e), w(e));
+  }, [e, s]), /* @__PURE__ */ o(
+    io,
+    {
+      ref: s,
+      className: T(
+        nt,
+        ce(c) ? rt : "",
+        ce(c) ? Be : Ne,
+        n
+      ),
+      contentEditableClassName: Te,
+      markdown: d,
+      onChange: (h) => {
+        !e && !r && w(h), r && r(h);
+      },
+      translation: t ?? tt,
+      plugins: [
+        so({
+          toolbarContents: () => /* @__PURE__ */ G(co, { options: ["rich-text", "source"], children: [
+            /* @__PURE__ */ o(go, {}),
+            /* @__PURE__ */ o(J, {}),
+            /* @__PURE__ */ o(uo, {}),
+            /* @__PURE__ */ o(mo, {}),
+            /* @__PURE__ */ o(J, {}),
+            /* @__PURE__ */ o(po, {}),
+            /* @__PURE__ */ o(J, {}),
+            /* @__PURE__ */ o(ho, {}),
+            /* @__PURE__ */ o(J, {}),
+            /* @__PURE__ */ o(fo, {}),
+            /* @__PURE__ */ o(bo, {}),
+            /* @__PURE__ */ o(J, {}),
+            /* @__PURE__ */ o(ko, {}),
+            /* @__PURE__ */ o(vo, {}),
+            /* @__PURE__ */ o(J, {}),
+            /* @__PURE__ */ o(xo, {}),
+            /* @__PURE__ */ o(J, {}),
+            /* @__PURE__ */ o(yo, {})
+          ] })
+        }),
+        wo(y),
+        Co(),
+        Io(),
+        Mo($),
+        So(N),
+        To(),
+        No(x),
+        Bo(),
+        Do(),
+        Ro(),
+        Lo(A),
+        $o(P),
+        Po(),
+        zo(g)
+      ],
+      ...p
+    }
+  );
+}, lt = {
   'code[class*="language-"]': {
     background: "hsl(230, 1%, 98%)",
     color: "hsl(230, 8%, 24%)",
@@ -2304,34 +2398,60 @@ const Me = be({
   ".prism-previewer-easing.prism-previewer-easing line": {
     stroke: "hsl(230, 8%, 24%)"
   }
-}, 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) => {
+}, it = (a) => {
   const { children: e = "", className: r, theme: t = "auto" } = a;
   return /* @__PURE__ */ o(
     "div",
     {
-      className: ce(t) ? Ne : Be,
+      className: ce(t) ? Be : Ne,
       children: /* @__PURE__ */ o(
-        Bo,
+        Eo,
         {
           className: T(Te, r),
-          remarkPlugins: [No, Do],
-          rehypePlugins: [$o],
+          remarkPlugins: [jo, Ho],
+          rehypePlugins: [Xo],
           components: {
-            code(i) {
-              const { children: n, className: c, node: p, ref: s, ...v } = i, x = /language-(\w+)/.exec(c || "");
-              return x ? /* @__PURE__ */ o(
-                Po,
+            code(l) {
+              const { children: n, className: c, node: p, ref: s, ...x } = l, y = /language-(\w+)/.exec(c || "");
+              return y ? /* @__PURE__ */ o(
+                Fo,
                 {
-                  ...v,
+                  ...x,
                   PreTag: "div",
                   children: String(n).replace(/\n$/, ""),
-                  language: x[1],
-                  style: Wo
+                  language: y[1],
+                  style: lt
                 }
-              ) : /* @__PURE__ */ o("code", { ...v, className: c, children: n });
+              ) : /* @__PURE__ */ o("code", { ...x, className: c, children: n });
+            },
+            img(l) {
+              return console.log("🚀 ~ image ~ props:", l), /* @__PURE__ */ o(
+                Go,
+                {
+                  ...l,
+                  preview: {
+                    icons: {
+                      rotateLeft: /* @__PURE__ */ o(Je, {}),
+                      rotateRight: /* @__PURE__ */ o(Ke, {}),
+                      zoomIn: /* @__PURE__ */ o(Ze, {}),
+                      zoomOut: /* @__PURE__ */ o(Qe, {}),
+                      close: /* @__PURE__ */ o(eo, {}),
+                      left: /* @__PURE__ */ o(oo, {}),
+                      right: /* @__PURE__ */ o(to, {}),
+                      flipX: /* @__PURE__ */ o(ro, {}),
+                      flipY: /* @__PURE__ */ o(no, {})
+                    },
+                    onVisibleChange: (n) => {
+                      console.log("visible", n);
+                    },
+                    zIndex: 9999,
+                    mask: ""
+                  },
+                  className: i`
+                  cursor: zoom-in;
+                `
+                }
+              );
             }
           },
           children: e
@@ -2339,136 +2459,46 @@ const Me = be({
       )
     }
   );
-}, Ko = (a) => {
-  const {
-    value: e,
-    onChange: r,
-    translation: t,
-    pluginConfig: i,
-    className: n,
-    theme: c = "auto",
-    ...p
-  } = a, s = te(null), {
-    image: v,
-    diffSource: x = {
-      viewMode: "rich-text"
-    },
-    headings: R,
-    link: B,
-    codeBlock: A,
-    codeMirror: L = {
-      codeBlockLanguages: {
-        js: "JavaScript",
-        css: "CSS",
-        txt: "Plain Text",
-        tsx: "TypeScript",
-        "": "Unspecified"
-      }
-    },
-    directives: g = {
-      directiveDescriptors: [To]
-    }
-  } = 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: s,
-      className: T(
-        _o,
-        ce(c) ? Vo : "",
-        ce(c) ? Ne : Be,
-        n
-      ),
-      contentEditableClassName: Te,
-      markdown: d,
-      onChange: (h) => {
-        !e && !r && w(h), r && r(h);
-      },
-      translation: t ?? Uo,
-      plugins: [
-        Qe({
-          toolbarContents: () => /* @__PURE__ */ G(eo, { options: ["rich-text", "source"], children: [
-            /* @__PURE__ */ o(oo, {}),
-            /* @__PURE__ */ o(J, {}),
-            /* @__PURE__ */ o(to, {}),
-            /* @__PURE__ */ o(ro, {}),
-            /* @__PURE__ */ o(J, {}),
-            /* @__PURE__ */ o(no, {}),
-            /* @__PURE__ */ o(J, {}),
-            /* @__PURE__ */ o(ao, {}),
-            /* @__PURE__ */ o(J, {}),
-            /* @__PURE__ */ o(lo, {}),
-            /* @__PURE__ */ o(io, {}),
-            /* @__PURE__ */ o(J, {}),
-            /* @__PURE__ */ o(so, {}),
-            /* @__PURE__ */ o(co, {}),
-            /* @__PURE__ */ o(J, {}),
-            /* @__PURE__ */ o(go, {}),
-            /* @__PURE__ */ o(J, {}),
-            /* @__PURE__ */ o(uo, {})
-          ] })
-        }),
-        mo(x),
-        po(),
-        ho(),
-        fo(R),
-        bo(B),
-        ko(),
-        yo(v),
-        vo(),
-        xo(),
-        wo(),
-        Co(A),
-        Io(L),
-        Mo(),
-        So(g)
-      ],
-      ...p
-    }
-  );
-}, Zo = Ko;
-Zo.Preview = Jo;
+}, st = at;
+st.Preview = it;
 function De(...a) {
-  return Lo(Ro(a));
+  return qo(Yo(a));
 }
-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 };
+const ct = (a) => {
+  const { mouseX: e, title: r, icon: t, href: l } = a, n = te(null), c = ee(e, (w) => {
+    var R;
+    const h = ((R = n.current) == null ? void 0 : R.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(
+  }), p = ee(c, [-150, 0, 150], [40, 80, 40]), s = ee(c, [-150, 0, 150], [40, 80, 40]), x = ee(
     c,
     [-150, 0, 150],
     [20, 40, 20]
-  ), x = ee(
+  ), y = ee(
     c,
     [-150, 0, 150],
     [20, 40, 20]
-  ), R = ne(p, {
+  ), $ = ne(p, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), B = ne(s, {
+  }), N = ne(s, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), A = ne(v, {
+  }), A = ne(x, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), L = ne(x, {
+  }), P = ne(y, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), [g, d] = F(!1);
-  return /* @__PURE__ */ o("a", { href: i, children: /* @__PURE__ */ G(
+  }), [g, d] = X(!1);
+  return /* @__PURE__ */ o("a", { href: l, children: /* @__PURE__ */ G(
     b.div,
     {
       ref: n,
-      style: { width: R, height: B },
+      style: { width: $, height: N },
       onMouseEnter: () => d(!0),
       onMouseLeave: () => d(!1),
       className: "aspect-square rounded-full bg-gray-200 dark:bg-neutral-800 flex items-center justify-center relative",
@@ -2486,7 +2516,7 @@ const Qo = (a) => {
         /* @__PURE__ */ o(
           b.div,
           {
-            style: { width: A, height: L },
+            style: { width: A, height: P },
             className: "flex items-center justify-center",
             children: t
           }
@@ -2494,22 +2524,22 @@ const Qo = (a) => {
       ]
     }
   ) });
-}, $e = (a) => {
+}, Re = (a) => {
   const { items: e, className: r } = a, t = Ge(1 / 0);
   return /* @__PURE__ */ o(
     b.div,
     {
-      onMouseMove: (i) => t.set(i.pageX),
+      onMouseMove: (l) => t.set(l.pageX),
       onMouseLeave: () => t.set(1 / 0),
       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((i) => /* @__PURE__ */ o(Qo, { mouseX: t, ...i }, i.title))
+      children: e.map((l) => /* @__PURE__ */ o(ct, { mouseX: t, ...l }, l.title))
     }
   );
-}, Pe = (a) => {
-  const { items: e, className: r, collapseIcon: t, autoHidden: i = !1 } = a, [n, c] = F(!1), p = () => {
+}, Le = (a) => {
+  const { items: e, className: r, collapseIcon: t, autoHidden: l = !1 } = a, [n, c] = X(!1), p = () => {
     c(!n);
   };
   return /* @__PURE__ */ G(
@@ -2517,7 +2547,7 @@ const Qo = (a) => {
     {
       className: De(
         "relative block",
-        i ? "md:hidden" : "",
+        l ? "md:hidden" : "",
         r
       ),
       children: [
@@ -2526,7 +2556,7 @@ const Qo = (a) => {
           {
             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((s, x) => /* @__PURE__ */ o(
               b.div,
               {
                 initial: { opacity: 0, y: 10 },
@@ -2538,10 +2568,10 @@ const Qo = (a) => {
                   opacity: 0,
                   y: 10,
                   transition: {
-                    delay: v * 0.05
+                    delay: x * 0.05
                   }
                 },
-                transition: { delay: (e.length - 1 - v) * 0.05 },
+                transition: { delay: (e.length - 1 - x) * 0.05 },
                 children: /* @__PURE__ */ o(
                   "a",
                   {
@@ -2561,31 +2591,31 @@ const Qo = (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(Je, { className: "h-5 w-5 text-neutral-500 dark:text-neutral-400" })
+            children: t || /* @__PURE__ */ o(ao, { className: "h-5 w-5 text-neutral-500 dark:text-neutral-400" })
           }
         )
       ]
     }
   );
-}, et = (a) => {
-  const { items: e, desktopClassName: r, mobileClassName: t, ...i } = a;
+}, dt = (a) => {
+  const { items: e, desktopClassName: r, mobileClassName: t, ...l } = a;
   return /* @__PURE__ */ G(de, { children: [
-    /* @__PURE__ */ o($e, { items: e, className: r, ...i }),
+    /* @__PURE__ */ o(Re, { items: e, className: r, ...l }),
     /* @__PURE__ */ o(
-      Pe,
+      Le,
       {
         items: e,
         className: t,
         autoHidden: !0,
-        ...i
+        ...l
       }
     )
   ] });
-}, Re = et;
-Re.Desktop = $e;
-Re.Mobile = Pe;
+}, $e = dt;
+$e.Desktop = Re;
+$e.Mobile = Le;
 export {
-  Ct as Desktop,
-  Re as Dock,
-  Zo as MdEditor
+  Pt as Desktop,
+  $e as Dock,
+  st as MdEditor
 };