zs_library 0.3.21 → 0.3.23

package/dist/index.es.js

@@ -3,7 +3,7 @@ var Xe = (a, e, r) => e in a ? He(a, e, { enumerable: !0, configurable: !0, writ
 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 i } from "@emotion/css";
+import { cx as T, css as l } 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";
@@ -14,7 +14,7 @@ import Oe from "rc-tooltip";
 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 { 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 Bo, tablePlugin as No, thematicBreakPlugin as Do, frontmatterPlugin as Ro, codeBlockPlugin as Lo, codeMirrorPlugin as Po, markdownShortcutPlugin as $o, directivesPlugin as zo, AdmonitionDirectiveDescriptor as Ao } from "@mdxeditor/editor";
 import Eo from "react-markdown";
 import jo from "remark-gfm";
 import Ho from "remark-emoji";
@@ -52,8 +52,8 @@ const xe = {
 }, we = be(
   {}
 ), 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 });
+  const { children: e, theme: r, ...t } = a, i = ae(() => r === "light" ? xe : r === "dark" ? ye : r, [r]);
+  return /* @__PURE__ */ o(we.Provider, { value: { theme: i, ...t }, children: e });
 }, K = () => ke(we), Ce = {
   maxRow: 2,
   maxCol: 2
@@ -67,8 +67,8 @@ class Y {
 }
 /** 清理重复id */
 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 r = xe.token, t = ye.token, i = { ...r, ...e == null ? void 0 : e.token }, n = { ...t, ...e == null ? void 0 : e.token };
+  return { light: i, dark: n };
 });
 const Me = be({
   list: [],
@@ -110,47 +110,47 @@ const Me = be({
     children: e,
     list: r = [],
     onChange: t,
-    storageKey: l = "ZS_LIBRARY_DESKTOP_SORTABLE_CONFIG",
+    storageKey: i = "ZS_LIBRARY_DESKTOP_SORTABLE_CONFIG",
     enableCaching: n = !0
-  } = a, [c, p] = X(), [s, x] = X(), [y, $] = X(null), N = te(y), [A, P] = X(null), [g, d] = X([]), [w, h] = X(
+  } = a, [c, g] = X(), [s, y] = X(), [x, B] = X(null), N = te(x), [A, $] = X(null), [u, d] = X([]), [w, h] = X(
     null
-  ), [R, u] = X(
+  ), [L, m] = X(
     null
-  ), [I, C] = X(!1), [m, f] = X(null), [E, V] = X(
+  ), [I, C] = X(!1), [p, f] = X(null), [E, V] = X(
     null
-  ), [j, le] = X(!1), [_, Q] = Ye(l, {
+  ), [j, le] = X(!1), [_, Q] = Ye(i, {
     defaultValue: [],
     listenStorageChange: !0
   }), re = () => {
-    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);
+    $(null), clearTimeout(c), g(void 0), N.current = null;
+  }, D = (k, F) => {
+    $({ ...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(
+        g(
           setTimeout(() => {
-            F && N.current === null && B(M, k);
+            F && N.current === null && D(M, k);
           }, 800)
-        ), C(!1), x(
+        ), C(!1), y(
           setTimeout(() => {
             C(!0);
           }, 800)
         );
       },
       onMouseUp: () => {
-        clearTimeout(s), x(void 0), clearTimeout(c), p(void 0);
+        clearTimeout(s), y(void 0), clearTimeout(c), g(void 0);
       },
       onContextMenu: (M) => {
-        F && (M.preventDefault(), B(M, k));
+        F && (M.preventDefault(), D(M, k));
       }
     };
   }, W = (k, F) => {
     const H = [...F || []];
     if (H.length > 0)
       d((M) => {
-        const L = [...M], D = (v) => {
+        const P = [...M], R = (v) => {
           var pe, he;
           const S = H.shift(), z = v.find((U) => U.id === S), q = v.findIndex((U) => U.id === S);
           if (H.length && z) {
@@ -160,7 +160,7 @@ const Me = be({
               const U = { ...k[0] };
               return v.splice(q, 1, U), t == null || t(v), v;
             }
-            return z.children = D(z.children || []), v.splice(q, 1, z), t == null || t(v), v;
+            return z.children = R(z.children || []), v.splice(q, 1, z), t == null || t(v), v;
           }
           if (z) {
             if (!((he = z.children) != null && he.length) && k.length) {
@@ -171,54 +171,54 @@ const Me = be({
           }
           return Y.uniqueArray(k);
         };
-        return Y.uniqueArray(D(L));
+        return Y.uniqueArray(R(P));
       });
     else {
       const M = Y.uniqueArray(k);
       t == null || t(M), d(M);
     }
-  }, Pe = (k, F) => {
+  }, $e = (k, F) => {
     d((H) => {
-      const M = [...H], L = (D) => {
+      const M = [...H], P = (R) => {
         var v;
-        for (let S = 0; S < D.length; S++)
-          if (D[S].id === k) {
-            D[S].config = F;
+        for (let S = 0; S < R.length; S++)
+          if (R[S].id === k) {
+            R[S].config = F;
             break;
-          } else ((v = D[S].children) == null ? void 0 : v.length) !== void 0 && L(D[S].children);
+          } else ((v = R[S].children) == null ? void 0 : v.length) !== void 0 && P(R[S].children);
       };
-      return L(M), t == null || t(M), M;
+      return P(M), t == null || t(M), M;
     });
   }, ze = (k, F) => {
     d((H) => {
-      const M = [...H], L = (D) => {
+      const M = [...H], P = (R) => {
         var v;
-        for (let S = 0; S < D.length; S++)
-          if (D[S].id === k) {
-            D[S].data = F;
+        for (let S = 0; S < R.length; S++)
+          if (R[S].id === k) {
+            R[S].data = F;
             break;
-          } else ((v = D[S].children) == null ? void 0 : v.length) !== void 0 && L(D[S].children);
+          } else ((v = R[S].children) == null ? void 0 : v.length) !== void 0 && P(R[S].children);
       };
-      return L(M), t == null || t(M), M;
+      return P(M), t == null || t(M), M;
     });
   }, Ae = (k) => {
     d((F) => {
-      const H = [...F], M = (L) => {
-        var D;
-        for (let v = 0; v < L.length; v++)
-          if (L[v].id === k) {
-            L.splice(v, 1);
+      const H = [...F], M = (P) => {
+        var R;
+        for (let v = 0; v < P.length; v++)
+          if (P[v].id === k) {
+            P.splice(v, 1);
             break;
-          } else ((D = L[v].children) == null ? void 0 : D.length) !== void 0 && M(L[v].children);
+          } else ((R = P[v].children) == null ? void 0 : R.length) !== void 0 && M(P[v].children);
       };
       return M(H), t == null || t(H), H;
     });
   }, 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);
+    const H = [...u], M = (P, R) => {
+      const v = R.shift(), S = P.find((q) => q.id === v), z = P.findIndex((q) => q.id === v);
       if (S) {
-        if (D.length)
-          S.children = M(S.children || [], D);
+        if (R.length)
+          S.children = M(S.children || [], R);
         else {
           const q = (k == null ? void 0 : k.type) ?? "app";
           S.children = [
@@ -230,23 +230,23 @@ const Me = be({
             }
           ];
         }
-        return L.splice(z, 1, S), L;
+        return P.splice(z, 1, S), P;
       } else
-        return L;
+        return P;
     };
     d(M(H, F));
   };
   return oe(() => {
-    (r == null ? void 0 : r.length) > 0 && g.length === 0 && W(r);
+    (r == null ? void 0 : r.length) > 0 && u.length === 0 && W(r);
   }, [r]), oe(() => {
-    N.current = y, y !== null && re();
-  }, [y]), oe(() => {
+    N.current = x, x !== null && re();
+  }, [x]), oe(() => {
     n && _ != null && _.length && !j && (W(_), le(!0));
   }, [_, j, n]), qe(
     () => {
-      n && Q(g);
+      n && Q(u);
     },
-    [g, n],
+    [u, n],
     {
       wait: 1e3
     }
@@ -254,24 +254,24 @@ const Me = be({
     Me.Provider,
     {
       value: {
-        list: g,
+        list: u,
         setList: W,
         contextMenu: A,
-        setContextMenu: P,
-        listStatus: y,
-        setListStatus: $,
+        setContextMenu: $,
+        listStatus: x,
+        setListStatus: B,
         contextMenuFuns: O,
         hideContextMenu: re,
         showInfoItemData: w,
         setShowInfoItemData: h,
-        openGroupItemData: R,
-        setOpenGroupItemData: u,
+        openGroupItemData: L,
+        setOpenGroupItemData: m,
         longPressTriggered: I,
-        updateItemConfig: Pe,
+        updateItemConfig: $e,
         updateItem: ze,
         removeItem: Ae,
         addItem: Ee,
-        moveItemId: m,
+        moveItemId: p,
         setMoveItemId: f,
         moveTargetId: E,
         setMoveTargetId: V
@@ -287,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: l } = K(), { light: n, dark: c } = Y.getTheme(l);
+  const { icon: e, title: r, onClick: t } = a, { theme: i } = K(), { light: n, dark: c } = Y.getTheme(i);
   return /* @__PURE__ */ o(
     b.div,
     {
-      className: i`
+      className: l`
         &:hover {
           background-color: ${n.contextMenuActiveColor};
           @media (prefers-color-scheme: dark) {
@@ -308,8 +308,8 @@ const Me = be({
         user-select: none;
         border-radius: 0.5rem;
       `,
-      onClick: (p) => {
-        p.stopPropagation(), t == null || t();
+      onClick: (g) => {
+        g.stopPropagation(), t == null || t();
       },
       variants: _o,
       children: /* @__PURE__ */ G(
@@ -317,7 +317,7 @@ const Me = be({
         {
           className: T(
             "py-1.5 px-3 rounded-lg",
-            i`
+            l`
             padding-top: 0.375rem;
             padding-bottom: 0.375rem;
             padding-left: 0.75rem;
@@ -331,7 +331,7 @@ const Me = be({
               b.div,
               {
                 className: T(
-                  i`
+                  l`
               margin-bottom: 0.375rem;
               display: flex;
               justify-content: center;
@@ -351,23 +351,23 @@ const Me = be({
     showInfoButton: e = !0,
     showRemoveButton: r = !0,
     showShareButton: t = !0,
-    showSizeButton: l = !0,
+    showSizeButton: i = !0,
     onInfoClick: n,
     onShareClick: c,
-    onRemoveClick: p
+    onRemoveClick: g
   } = a, {
     contextMenu: s,
-    setContextMenu: x,
-    hideContextMenu: y,
-    setShowInfoItemData: $,
+    setContextMenu: y,
+    hideContextMenu: x,
+    setShowInfoItemData: B,
     removeItem: N,
     updateItemConfig: A
-  } = Z(), { theme: P } = K(), { light: g, dark: d } = Y.getTheme(P), { data: w } = s ?? {}, { config: h = {} } = w ?? {}, R = () => {
+  } = Z(), { theme: $ } = K(), { light: u, dark: d } = Y.getTheme($), { data: w } = s ?? {}, { config: h = {} } = w ?? {}, L = () => {
     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++)
-      for (let f = 1; f <= ((u == null ? void 0 : u.maxCol) ?? 2); f++)
-        I.push(`${m}x${f}`);
+    const m = Ie[(C = s == null ? void 0 : s.data) == null ? void 0 : C.type], I = [];
+    for (let p = 1; p <= ((m == null ? void 0 : m.maxRow) ?? 2); p++)
+      for (let f = 1; f <= ((m == null ? void 0 : m.maxCol) ?? 2); f++)
+        I.push(`${p}x${f}`);
     return I;
   };
   return /* @__PURE__ */ o(ue, { children: s && /* @__PURE__ */ G(
@@ -376,29 +376,29 @@ const Me = be({
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
-      onMouseDown: (u) => {
-        u.stopPropagation(), u.preventDefault();
+      onMouseDown: (m) => {
+        m.stopPropagation(), m.preventDefault();
       },
       children: [
         /* @__PURE__ */ o(
           b.div,
           {
             className: T(
-              i`
+              l`
                 border-radius: 0.5rem;
                 overflow: hidden;
-                background-color: ${g.contextMenuBackgroundColor};
-                box-shadow: 0 0 0.5rem ${g.contextMenuShadowColor};
+                background-color: ${u.contextMenuBackgroundColor};
+                box-shadow: 0 0 0.5rem ${u.contextMenuShadowColor};
                 @media (prefers-color-scheme: dark) {
                   background-color: ${d.contextMenuBackgroundColor};
                   box-shadow: 0 0 0.5rem ${d.contextMenuShadowColor};
                 }
               `
             ),
-            children: l && h.allowResize !== !1 && /* @__PURE__ */ o(
+            children: i && h.allowResize !== !1 && /* @__PURE__ */ o(
               b.ul,
               {
-                className: i`
+                className: l`
                   background-color: white;
                   padding: 0.25rem;
                   margin: 0;
@@ -408,11 +408,11 @@ const Me = be({
                     label: "修改大小",
                     key: "size",
                     icon: /* @__PURE__ */ o(Ue, { size: 14 }),
-                    items: R().map((u) => ({
-                      label: u,
-                      key: u,
+                    items: L().map((m) => ({
+                      label: m,
+                      key: m,
                       onClick: () => {
-                        const [I, C] = u.split("x").map(Number);
+                        const [I, C] = m.split("x").map(Number);
                         A(s.data.id, {
                           row: I,
                           col: C
@@ -420,10 +420,10 @@ const Me = be({
                       }
                     }))
                   }
-                ].map((u) => /* @__PURE__ */ G(
+                ].map((m) => /* @__PURE__ */ G(
                   b.li,
                   {
-                    className: i`
+                    className: l`
                       padding-top: 0.5rem;
                       padding-bottom: 0.5rem;
                       padding-left: 0.75rem;
@@ -433,7 +433,7 @@ const Me = be({
                       /* @__PURE__ */ G(
                         b.p,
                         {
-                          className: i`
+                          className: l`
                         display: flex;
                         align-items: center;
                         font-size: 0.875rem;
@@ -443,26 +443,26 @@ const Me = be({
                         margin: 0;
                       `,
                           children: [
-                            u.icon,
+                            m.icon,
                             " ",
-                            u.label
+                            m.label
                           ]
                         }
                       ),
                       /* @__PURE__ */ o(
                         b.div,
                         {
-                          className: i`
+                          className: l`
                         display: grid;
                         grid-template-columns: repeat(2, minmax(0, 1fr));
                         gap: 0.25rem;
                       `,
-                          children: u.items.map((I) => /* @__PURE__ */ o(
+                          children: m.items.map((I) => /* @__PURE__ */ o(
                             b.div,
                             {
                               className: T(
                                 "py-1 px-2 hover:bg-gray-100 rounded transition-all cursor-pointer text-center text-sm",
-                                i`
+                                l`
                               padding-top: 0.25rem;
                               padding-bottom: 0.25rem;
                               padding-left: 0.5rem;
@@ -473,19 +473,19 @@ const Me = be({
                               line-height: 1.25rem;
                               cursor: pointer;
                               text-align: center;
-                              color: ${g.contextMenuTextColor};
+                              color: ${u.contextMenuTextColor};
                               @media (prefers-color-scheme: dark) {
                                 color: ${d.contextMenuTextColor};
                               }
                               &:hover {
-                                background-color: ${g.contextMenuActiveColor};
+                                background-color: ${u.contextMenuActiveColor};
                                 @media (prefers-color-scheme: dark) {
                                   background-color: ${d.contextMenuActiveColor};
                                 }
                               }
                             `,
-                                `${h.row}x${h.col}` === I.key && i`
-                                background-color: ${g.contextMenuActiveColor};
+                                `${h.row}x${h.col}` === I.key && l`
+                                background-color: ${u.contextMenuActiveColor};
                                 @media (prefers-color-scheme: dark) {
                                   background-color: ${d.contextMenuActiveColor};
                                 }
@@ -500,7 +500,7 @@ const Me = be({
                       )
                     ]
                   },
-                  u.key
+                  m.key
                 ))
               }
             )
@@ -510,9 +510,9 @@ const Me = be({
           b.div,
           {
             className: T(
-              i`
-                background-color: ${g.contextMenuBackgroundColor};
-                box-shadow: 0 0 0.5rem ${g.contextMenuShadowColor};
+              l`
+                background-color: ${u.contextMenuBackgroundColor};
+                box-shadow: 0 0 0.5rem ${u.contextMenuShadowColor};
                 @media (prefers-color-scheme: dark) {
                   background-color: ${d.contextMenuBackgroundColor};
                   box-shadow: 0 0 0.5rem ${d.contextMenuShadowColor};
@@ -550,11 +550,11 @@ const Me = be({
                       n(s.data);
                       return;
                     }
-                    $({
+                    B({
                       ...s.data,
                       pageX: s.pageX,
                       pageY: s.pageY
-                    }), y();
+                    }), x();
                   }
                 }
               ),
@@ -564,11 +564,11 @@ const Me = be({
                   icon: /* @__PURE__ */ o(We, { size: 20 }),
                   title: "移除",
                   onClick: () => {
-                    if (p) {
-                      p(s.data, N);
+                    if (g) {
+                      g(s.data, N);
                       return;
                     }
-                    x(null), N(s.data.id);
+                    y(null), N(s.data.id);
                   }
                 }
               )
@@ -579,17 +579,17 @@ const Me = be({
     }
   ) });
 }, 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;
+  const { data: e, noLetters: r = !1 } = a, { contextMenuFuns: t } = Z(), { itemIconBuilder: i, theme: n, contextMenu: c } = K(), { light: g, dark: s } = Y.getTheme(n), { data: y = {} } = e, { name: x } = y;
   return /* @__PURE__ */ G(de, { children: [
     /* @__PURE__ */ o(
       b.div,
       {
-        className: i`
+        className: l`
           width: 4rem;
           height: 4rem;
-          background-color: ${p.itemIconBackgroundColor};
+          background-color: ${g.itemIconBackgroundColor};
           border-radius: 0.75rem;
-          box-shadow: 0 0 0.5rem ${p.itemIconShadowColor};
+          box-shadow: 0 0 0.5rem ${g.itemIconShadowColor};
           cursor: pointer;
           position: relative;
           overflow: hidden;
@@ -602,19 +602,19 @@ const Me = be({
         children: /* @__PURE__ */ o(
           "div",
           {
-            className: i`
+            className: l`
             position: absolute;
             left: 0;
             top: 0;
             width: 100%;
             height: 100%;
-            color: ${p.itemNameColor};
+            color: ${g.itemNameColor};
             @media (prefers-color-scheme: dark) {
               color: ${s.itemNameColor};
             }
           `,
             ...t(e, c !== !1),
-            children: l == null ? void 0 : l(e)
+            children: i == null ? void 0 : i(e)
           }
         )
       }
@@ -623,20 +623,20 @@ const Me = be({
       b.p,
       {
         className: T(
-          i`
+          l`
             text-align: center;
             margin-top: 0.25rem;
             margin-bottom: 0;
-            color: ${p.itemNameColor};
+            color: ${g.itemNameColor};
             @media (prefers-color-scheme: dark) {
               color: ${s.itemNameColor};
             }
           `,
-          r && i`
+          r && l`
               color: transparent;
             `
         ),
-        children: y
+        children: x
       }
     )
   ] });
@@ -645,17 +645,17 @@ const Me = be({
     data: e,
     className: r,
     itemIndex: t,
-    onClick: l,
+    onClick: i,
     disabledDrag: n = !1,
     children: c,
-    parentIds: p,
+    parentIds: g,
     childrenLength: s
-  } = a, { contextMenu: x, setContextMenu: y } = Z(), { contextMenu: $ } = K();
+  } = a, { contextMenu: y, setContextMenu: x } = Z(), { contextMenu: B } = K();
   return /* @__PURE__ */ o(
     Oe,
     {
       placement: "bottom",
-      overlayClassName: i`
+      overlayClassName: l`
         background-color: transparent;
         .rc-tooltip-inner {
           background-color: transparent;
@@ -663,10 +663,10 @@ const Me = be({
           border: none;
         }
       `,
-      overlay: /* @__PURE__ */ o(Wo, { ...$ }),
-      visible: (x == null ? void 0 : x.data.id) === e.id,
+      overlay: /* @__PURE__ */ o(Wo, { ...B }),
+      visible: (y == null ? void 0 : y.data.id) === e.id,
       onVisibleChange: (N) => {
-        N || y(null);
+        N || x(null);
       },
       destroyTooltipOnHide: !0,
       children: /* @__PURE__ */ o(
@@ -674,9 +674,9 @@ const Me = be({
         {
           "data-id": e.id,
           "data-index": t,
-          "data-parent-ids": p == null ? void 0 : p.join(","),
+          "data-parent-ids": g == null ? void 0 : g.join(","),
           "data-children-length": s,
-          onClick: () => l == null ? void 0 : l(e),
+          onClick: () => i == null ? void 0 : i(e),
           className: T(n && "drag-disabled", r),
           children: c ?? /* @__PURE__ */ o(Jo, { ...a })
         }
@@ -688,29 +688,29 @@ const Me = be({
     data: e,
     className: r,
     parentIds: t,
-    itemIndex: l,
+    itemIndex: i,
     onClick: n,
     noLetters: c = !1
   } = a, {
-    contextMenuFuns: p,
+    contextMenuFuns: g,
     setList: s,
-    setOpenGroupItemData: x,
-    longPressTriggered: y,
-    moveItemId: $,
+    setOpenGroupItemData: y,
+    longPressTriggered: x,
+    moveItemId: B,
     moveTargetId: N,
     setMoveTargetId: A,
-    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 = {
+    listStatus: $
+  } = Z(), { itemIconBuilder: u, theme: d, contextMenu: w } = K(), { light: h, dark: L } = Y.getTheme(d), { children: m, data: I, config: C } = e, { row: p = 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(() => $ === e.id.toString(), [e.id, $]), _ = ae(() => N === e.id, [e.id, N]), Q = i`
+  }, V = ((m == null ? void 0 : m.length) ?? 0) === 0, j = V ? [e] : [...m ?? []].slice(0, 9), le = ae(() => B === e.id.toString(), [e.id, B]), _ = ae(() => N === e.id, [e.id, N]), Q = l`
     overflow: hidden;
     cursor: pointer;
     background-color: ${h.itemIconBackgroundColor};
     box-shadow: 0 0 0.5rem ${h.itemIconShadowColor};
     @media (prefers-color-scheme: dark) {
-      background-color: ${R.itemIconBackgroundColor};
-      box-shadow: 0 0 0.5rem ${R.itemIconShadowColor};
+      background-color: ${L.itemIconBackgroundColor};
+      box-shadow: 0 0 0.5rem ${L.itemIconShadowColor};
     }
   `, re = () => {
     if (V)
@@ -719,7 +719,7 @@ const Me = be({
         {
           className: T(
             "sortable-group-item",
-            i`
+            l`
               overflow: hidden;
               cursor: pointer;
               width: 100%;
@@ -730,21 +730,21 @@ const Me = be({
               top: 0;
               border-radius: 0.75rem;
               @media (prefers-color-scheme: dark) {
-                background-color: ${R.itemIconBackgroundColor};
+                background-color: ${L.itemIconBackgroundColor};
               }
             `
           ),
-          onClick: (B) => {
-            B.stopPropagation(), n == null || n(e);
+          onClick: (D) => {
+            D.stopPropagation(), n == null || n(e);
           },
-          children: g == null ? void 0 : g(e)
+          children: u == null ? void 0 : u(e)
         }
       );
-    if (m === 1 && f === 1 || m === 2 && f === 2)
+    if (p === 1 && f === 1 || p === 2 && f === 2)
       return /* @__PURE__ */ o(
         b.div,
         {
-          className: i`
+          className: l`
             display: grid;
             width: 100%;
             height: 100%;
@@ -754,31 +754,31 @@ const Me = be({
             gap: ${f === 1 ? "0.125rem" : "0.5rem"};
             place-items: center;
           `,
-          children: j == null ? void 0 : j.slice(0, 9).map((B) => /* @__PURE__ */ o(
+          children: j == null ? void 0 : j.slice(0, 9).map((D) => /* @__PURE__ */ o(
             b.div,
             {
               className: T(
                 Q,
-                i`
+                l`
                   border-radius: ${f === 1 ? "0.25rem" : "0.5rem"};
                   width: 100%;
                   height: 100%;
                 `
               ),
               onClick: (O) => {
-                O.stopPropagation(), n == null || n(B);
+                O.stopPropagation(), n == null || n(D);
               },
-              children: g == null ? void 0 : g(B)
+              children: u == null ? void 0 : u(D)
             },
-            B.id
+            D.id
           ))
         }
       );
-    if (m === 1 && f === 2)
+    if (p === 1 && f === 2)
       return /* @__PURE__ */ o(
         b.div,
         {
-          className: i`
+          className: l`
             display: grid;
             grid-template-columns: repeat(10, minmax(0, 1fr));
             grid-template-rows: repeat(4, minmax(0, 1fr));
@@ -788,18 +788,18 @@ const Me = be({
             height: 52px;
             place-items: center;
           `,
-          children: j == null ? void 0 : j.slice(0, 4).map((B, O) => /* @__PURE__ */ o(
+          children: j == null ? void 0 : j.slice(0, 4).map((D, O) => /* @__PURE__ */ o(
             b.div,
             {
               className: T(
                 Q,
-                O < 2 ? i`
+                O < 2 ? l`
                       width: 52px;
                       height: 52px;
                       border-radius: 0.5rem;
                       grid-column: span 4 / span 4;
                       grid-row: span 4 / span 4;
-                    ` : i`
+                    ` : l`
                       width: 1.5rem;
                       height: 1.5rem;
                       border-radius: 0.375rem;
@@ -808,19 +808,19 @@ const Me = be({
                     `
               ),
               onClick: (W) => {
-                O > 2 || (W.stopPropagation(), n == null || n(B));
+                O > 2 || (W.stopPropagation(), n == null || n(D));
               },
-              children: g == null ? void 0 : g(B)
+              children: u == null ? void 0 : u(D)
             },
-            B.id
+            D.id
           ))
         }
       );
-    if (m === 2 && f === 1)
+    if (p === 2 && f === 1)
       return /* @__PURE__ */ o(
         b.div,
         {
-          className: i`
+          className: l`
             display: grid;
             grid-template-columns: repeat(4, minmax(0, 1fr));
             grid-template-rows: repeat(10, minmax(0, 1fr));
@@ -830,18 +830,18 @@ const Me = be({
             height: 144px;
             place-items: center;
           `,
-          children: j == null ? void 0 : j.slice(0, 4).map((B, O) => /* @__PURE__ */ o(
+          children: j == null ? void 0 : j.slice(0, 4).map((D, O) => /* @__PURE__ */ o(
             b.div,
             {
               className: T(
                 Q,
-                O < 2 ? i`
+                O < 2 ? l`
                       width: 52px;
                       height: 52px;
                       border-radius: 0.5rem;
                       grid-column: span 4 / span 4;
                       grid-row: span 4 / span 4;
-                    ` : i`
+                    ` : l`
                       width: 1.5rem;
                       height: 1.5rem;
                       grid-column: span 2 / span 2;
@@ -849,11 +849,11 @@ const Me = be({
                     `
               ),
               onClick: (W) => {
-                O > 2 || (W.stopPropagation(), n == null || n(B));
+                O > 2 || (W.stopPropagation(), n == null || n(D));
               },
-              children: g == null ? void 0 : g(B)
+              children: u == null ? void 0 : u(D)
             },
-            B.id
+            D.id
           ))
         }
       );
@@ -862,12 +862,12 @@ const Me = be({
     me,
     {
       data: e,
-      itemIndex: l,
+      itemIndex: i,
       parentIds: t,
-      childrenLength: u == null ? void 0 : u.length,
+      childrenLength: m == null ? void 0 : m.length,
       className: T(
-        i`
-          grid-row: span ${m};
+        l`
+          grid-row: span ${p};
           grid-column: span ${f};
         `,
         r
@@ -879,31 +879,31 @@ const Me = be({
             whileTap: { scale: 0.9 },
             className: T(
               _ ? "!scale-110" : "",
-              i`
+              l`
             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: ${R.groupItemIconBackgroundColor};
-              box-shadow: 0 0 0.5rem ${R.groupItemIconShadowColor};
+              background-color: ${L.groupItemIconBackgroundColor};
+              box-shadow: 0 0 0.5rem ${L.groupItemIconShadowColor};
             }
             /* overflow: hidden; */
             transition: all 0.3s;
             margin: 0 auto;
             width: ${f * 64 + 32 * (f - 1)}px;
-            height: ${m * 64 + 32 * (m - 1)}px;
+            height: ${p * 64 + 32 * (p - 1)}px;
           `
             ),
-            onClick: (B) => {
-              !V && !y && (e.parentIds = t, e.pageX = B.pageX, e.pageY = B.pageY, x(e));
+            onClick: (D) => {
+              !V && !x && (e.parentIds = t, e.pageX = D.pageX, e.pageY = D.pageY, y(e));
             },
-            ...p(e, w !== !1),
+            ...g(e, w !== !1),
             children: /* @__PURE__ */ G(
               b.div,
               {
-                className: i`
+                className: l`
             position: relative;
             width: 100%;
             height: 100%;
@@ -919,14 +919,14 @@ const Me = be({
                     {
                       className: T(
                         "sortable-group-item",
-                        i`
+                        l`
                 position: absolute;
                 cursor: pointer;
                 left: 0.375rem;
                 top: 0.375rem;
                 width: calc(100% - 0.75rem);
                 height: calc(100% - 0.75rem);
-                pointer-events: ${P === null ? "none" : "auto"};
+                pointer-events: ${$ === null ? "none" : "auto"};
                 > * {
                   opacity: 0;
                 }
@@ -935,8 +935,8 @@ const Me = be({
                       group: { name: "nested", pull: !1, put: !0 },
                       animation: 150,
                       fallbackOnBody: !0,
-                      list: u ?? [],
-                      setList: (B) => s(B, t),
+                      list: m ?? [],
+                      setList: (D) => s(D, t),
                       filter: () => !0,
                       "data-id": e.id,
                       onChange: () => {
@@ -953,16 +953,16 @@ const Me = be({
           b.p,
           {
             className: T(
-              i`
+              l`
             text-align: center;
             margin-top: 0.25rem;
             margin-bottom: 0;
             color: ${h.itemNameColor};
             @media (prefers-color-scheme: dark) {
-              color: ${R.itemNameColor};
+              color: ${L.itemNameColor};
             }
           `,
-              c && i`
+              c && l`
               color: transparent;
             `
             ),
@@ -974,7 +974,7 @@ const Me = be({
       ]
     }
   );
-}, Se = i`
+}, Se = l`
   padding: 8px;
   transition: all 0.2s;
   > div {
@@ -988,16 +988,16 @@ const Me = be({
   }
 `, Zo = (a) => {
   const { data: e, onClose: r, onItemClick: t } = a, {
-    list: l,
+    list: i,
     setList: n,
     setListStatus: c,
-    setMoveItemId: p,
+    setMoveItemId: g,
     setMoveTargetId: s,
-    updateItem: x
-  } = Z(), { theme: y } = K(), { light: $, dark: N } = Y.getTheme(y), [A, P] = X("文件夹"), g = [...(e == null ? void 0 : e.children) ?? []];
+    updateItem: y
+  } = Z(), { theme: x } = K(), { light: B, dark: N } = Y.getTheme(x), [A, $] = X("文件夹"), u = [...(e == null ? void 0 : e.children) ?? []];
   return oe(() => {
     var d;
-    e && P((d = e.data) == null ? void 0 : d.name);
+    e && $((d = e.data) == null ? void 0 : d.name);
   }, [e]), /* @__PURE__ */ o(
     ve,
     {
@@ -1014,7 +1014,7 @@ const Me = be({
       title: /* @__PURE__ */ o(
         "input",
         {
-          className: i`
+          className: l`
             background-color: transparent;
             border-style: none;
             text-align: center;
@@ -1030,10 +1030,10 @@ const Me = be({
           `,
           value: A,
           onChange: (d) => {
-            P(d.target.value);
+            $(d.target.value);
           },
           onBlur: () => {
-            e && x(e.id, {
+            e && y(e.id, {
               ...e.data,
               name: A
             });
@@ -1044,7 +1044,7 @@ const Me = be({
       closable: !1,
       className: T(
         "group-item-modal",
-        i`
+        l`
           .rc-dialog-content {
             background-color: transparent;
             box-shadow: none;
@@ -1059,7 +1059,7 @@ const Me = be({
               }
             }
             .rc-dialog-body {
-              background-color: ${$.groupItemModalBackgroundColor};
+              background-color: ${B.groupItemModalBackgroundColor};
               @media (prefers-color-scheme: dark) {
                 background-color: ${N.groupItemModalBackgroundColor};
               }
@@ -1074,7 +1074,7 @@ const Me = be({
       children: /* @__PURE__ */ o(
         "div",
         {
-          className: i`
+          className: l`
           overflow-y: auto;
           max-height: 60vh;
           padding: 1.25rem 0;
@@ -1088,7 +1088,7 @@ const Me = be({
           children: /* @__PURE__ */ o(
             ge,
             {
-              className: i`
+              className: l`
             display: grid;
             gap: 1rem;
             place-items: center;
@@ -1101,20 +1101,20 @@ const Me = be({
               fallbackOnBody: !0,
               list: (e == null ? void 0 : e.children) ?? [],
               setList: (d) => {
-                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);
+                var L, m;
+                const w = d.map((I) => I.id), h = (m = (L = i.find((I) => I.id === (e == null ? void 0 : e.id))) == null ? void 0 : L.children) == null ? void 0 : m.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),
               onStart: (d) => {
                 const w = d.item.dataset;
-                w != null && w.id && p(w.id), c("onMove");
+                w != null && w.id && g(w.id), c("onMove");
               },
               onEnd: () => {
-                p(null), s(null), c(null);
+                g(null), s(null), c(null);
               },
               ghostClass: Se,
-              children: g.map((d, w) => /* @__PURE__ */ o(
+              children: u.map((d, w) => /* @__PURE__ */ o(
                 me,
                 {
                   data: d,
@@ -1158,21 +1158,21 @@ const Me = be({
     pagination: e = { position: "bottom" },
     className: r,
     sliderProps: t,
-    sliderRef: l,
+    sliderRef: i,
     onItemClick: n
-  } = a, c = te(null), p = te(null), {
+  } = a, c = te(null), g = te(null), {
     list: s,
-    setList: x,
-    setListStatus: y,
-    showInfoItemData: $,
+    setList: y,
+    setListStatus: x,
+    showInfoItemData: B,
     setShowInfoItemData: N,
     openGroupItemData: A,
-    setOpenGroupItemData: P,
-    setMoveItemId: g,
+    setOpenGroupItemData: $,
+    setMoveItemId: u,
     setMoveTargetId: d,
     addItem: w
-  } = Z(), { pagingDotBuilder: h, pagingDotsBuilder: R, itemBuilder: u } = K(), I = ae(() => e === !1 ? {} : {
-    top: i`
+  } = Z(), { pagingDotBuilder: h, pagingDotsBuilder: L, itemBuilder: m } = K(), I = ae(() => e === !1 ? {} : {
+    top: l`
         display: flex;
         flex-direction: column;
         .slick-list {
@@ -1182,12 +1182,12 @@ const Me = be({
           position: static;
         }
       `,
-    bottom: i`
+    bottom: l`
         .slick-dots {
           position: static;
         }
       `,
-    left: i`
+    left: l`
         .slick-dots {
           position: absolute;
           width: auto;
@@ -1203,7 +1203,7 @@ const Me = be({
           }
         }
       `,
-    right: i`
+    right: l`
         .slick-dots {
           position: absolute;
           width: auto;
@@ -1227,14 +1227,14 @@ const Me = be({
         useCSS: !0,
         useTransform: !0,
         arrows: !1,
-        ref: l ?? c,
+        ref: i ?? c,
         infinite: !1,
         dots: !0,
         touchMove: !1,
         lazyLoad: "anticipated",
         className: T(
           I,
-          i`
+          l`
             .slick-track {
               display: flex;
               align-items: stretch;
@@ -1253,25 +1253,25 @@ const Me = be({
           r
         ),
         customPaging: (C) => {
-          var m, f;
+          var p, f;
           return h ? h(s[C], C) : /* @__PURE__ */ o(
             "div",
             {
               onDragEnter: () => {
                 var E;
-                (E = (l ?? c).current) == null || E.slickGoTo(C);
+                (E = (i ?? c).current) == null || E.slickGoTo(C);
               },
-              children: (f = (m = s[C]) == null ? void 0 : m.data) == null ? void 0 : f.name
+              children: (f = (p = s[C]) == null ? void 0 : p.data) == null ? void 0 : f.name
             }
           );
         },
-        appendDots: (C) => R ? R(C) : e === !1 ? /* @__PURE__ */ o("div", {}) : /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+        appendDots: (C) => L ? L(C) : e === !1 ? /* @__PURE__ */ o("div", {}) : /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
           "ul",
           {
-            ref: p,
+            ref: g,
             className: T(
               "slick-dots-default",
-              i`
+              l`
                     padding: 0.5rem;
                     display: inline-flex;
                     justify-content: center;
@@ -1299,9 +1299,9 @@ const Me = be({
         children: s.map((C) => /* @__PURE__ */ o(
           "div",
           {
-            onDrop: (m) => {
-              m.preventDefault();
-              const f = m.dataTransfer.getData("text/plain");
+            onDrop: (p) => {
+              p.preventDefault();
+              const f = p.dataTransfer.getData("text/plain");
               if (f !== "")
                 try {
                   w(JSON.parse(f), [C.id]);
@@ -1309,14 +1309,14 @@ const Me = be({
                   console.log("drag error", E);
                 }
             },
-            onDragOver: (m) => {
-              m.preventDefault();
+            onDragOver: (p) => {
+              p.preventDefault();
             },
             children: /* @__PURE__ */ o(
               ge,
               {
                 className: T(
-                  i`
+                  l`
                     display: grid;
                     transition: all 0.3s;
                     grid-template-columns: repeat(auto-fill, 96px);
@@ -1332,48 +1332,48 @@ const Me = be({
                 swapThreshold: 0.65,
                 group: "nested",
                 list: C.children ?? [],
-                setList: (m) => x(m, [C.id]),
+                setList: (p) => y(p, [C.id]),
                 filter: ".drag-disabled",
-                onMove: (m) => {
-                  y("onMove");
-                  const { dragged: f, related: E } = m, V = f.dataset, j = E.dataset;
+                onMove: (p) => {
+                  x("onMove");
+                  const { dragged: f, related: E } = p, 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), y("onMove");
+                onStart: (p) => {
+                  const f = p.item.dataset;
+                  f != null && f.id && u(f.id), x("onMove");
                 },
                 onEnd: () => {
-                  g(null), d(null), y(null);
+                  u(null), d(null), x(null);
                 },
                 ghostClass: Se,
-                children: (C.children ?? []).map((m, f) => {
+                children: (C.children ?? []).map((p, f) => {
                   let E;
-                  if (u)
-                    return u(m);
-                  switch (m.type) {
+                  if (m)
+                    return m(p);
+                  switch (p.type) {
                     case "group":
                     case "app":
                       E = /* @__PURE__ */ o(
                         Ko,
                         {
-                          data: m,
+                          data: p,
                           itemIndex: f,
-                          parentIds: [C.id, m.id],
+                          parentIds: [C.id, p.id],
                           onClick: n
                         },
-                        m.id
+                        p.id
                       );
                       break;
                     default:
                       E = /* @__PURE__ */ o(
                         me,
                         {
-                          data: m,
+                          data: p,
                           itemIndex: f,
                           onClick: n
                         },
-                        m.id
+                        p.id
                       );
                       break;
                   }
@@ -1389,7 +1389,7 @@ const Me = be({
     /* @__PURE__ */ o(
       Qo,
       {
-        data: $,
+        data: B,
         onClose: () => {
           N(null);
         }
@@ -1400,25 +1400,25 @@ const Me = be({
       {
         data: A,
         onClose: () => {
-          P(null);
+          $(null);
         },
         onItemClick: n
       }
     )
   ] });
-}, Pt = (a) => {
+}, $t = (a) => {
   const {
     list: e,
     onChange: r,
     storageKey: t,
-    enableCaching: l,
+    enableCaching: i,
     theme: n,
     noLetters: c,
-    contextMenu: p,
+    contextMenu: g,
     contextMenuBuilder: s,
-    itemBuilder: x,
-    itemIconBuilder: y,
-    pagingDotBuilder: $,
+    itemBuilder: y,
+    itemIconBuilder: x,
+    pagingDotBuilder: B,
     pagingDotsBuilder: N,
     ...A
   } = a;
@@ -1426,15 +1426,15 @@ const Me = be({
     list: e,
     onChange: r,
     storageKey: t,
-    enableCaching: l
+    enableCaching: i
   }, children: /* @__PURE__ */ o(Oo, { ...{
     theme: n,
     noLetters: c,
-    contextMenu: p,
+    contextMenu: g,
     pagingDotsBuilder: N,
-    pagingDotBuilder: $,
-    itemBuilder: x,
-    itemIconBuilder: y,
+    pagingDotBuilder: B,
+    itemBuilder: y,
+    itemIconBuilder: x,
     contextMenuBuilder: s
   }, children: /* @__PURE__ */ o(et, { ...A }) }) });
 }, ot = {
@@ -1555,12 +1555,12 @@ const Me = be({
     delete: "删除图片"
   }
 }, tt = (a, e, r) => {
-  const l = a.split(".").reduce(
+  const i = a.split(".").reduce(
     (n, c) => typeof n == "string" ? n : n[c],
     ot
   );
-  return typeof l != "string" ? e : r ? l.replace(/{{(.*?)}}/g, (n, c) => r[c]) : l;
-}, rt = i`
+  return typeof i != "string" ? e : r ? i.replace(/{{(.*?)}}/g, (n, c) => r[c]) : i;
+}, rt = l`
   --accentBase: var(--tomato-1);
   --accentBgSubtle: var(--tomato-2);
   --accentBg: var(--tomato-3);
@@ -1614,7 +1614,7 @@ const Me = be({
     rgba(255, 255, 255, 0.05),
     rgba(255, 255, 255, 0.05)
   );
-`, nt = i`
+`, nt = l`
   [class*="_toolbarRoot"] {
     flex-wrap: wrap;
     transition: all 0.3s;
@@ -1686,7 +1686,7 @@ const Me = be({
   }
 `, Te = T(
   "markdown-body",
-  i`
+  l`
     p {
       margin-bottom: 8px;
     }
@@ -1707,7 +1707,7 @@ const Me = be({
       }
     }
   `
-), Ne = i`
+), Be = l`
   .markdown-body {
     /* light */
     color-scheme: light;
@@ -1762,7 +1762,7 @@ const Me = be({
     --color-prettylights-syntax-meta-diff-range: #8250df;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
   }
-`, Be = i`
+`, Ne = l`
   .markdown-body {
     /* dark */
     color-scheme: dark;
@@ -1825,19 +1825,19 @@ const Me = be({
     value: e,
     onChange: r,
     translation: t,
-    pluginConfig: l,
+    pluginConfig: i,
     className: n,
     theme: c = "auto",
-    ...p
+    ...g
   } = a, s = te(null), {
-    image: x,
-    diffSource: y = {
+    image: y,
+    diffSource: x = {
       viewMode: "rich-text"
     },
-    headings: $,
+    headings: B,
     link: N,
     codeBlock: A,
-    codeMirror: P = {
+    codeMirror: $ = {
       codeBlockLanguages: {
         js: "JavaScript",
         css: "CSS",
@@ -1846,10 +1846,10 @@ const Me = be({
         "": "Unspecified"
       }
     },
-    directives: g = {
+    directives: u = {
       directiveDescriptors: [Ao]
     }
-  } = l ?? {}, [d, w] = X("");
+  } = i ?? {}, [d, w] = X("");
   return oe(() => {
     var h;
     e !== void 0 && s.current && ((h = s.current) == null || h.setMarkdown(e), w(e));
@@ -1860,7 +1860,7 @@ const Me = be({
       className: T(
         nt,
         ce(c) ? rt : "",
-        ce(c) ? Be : Ne,
+        ce(c) ? Ne : Be,
         n
       ),
       contentEditableClassName: Te,
@@ -1892,22 +1892,22 @@ const Me = be({
             /* @__PURE__ */ o(yo, {})
           ] })
         }),
-        wo(y),
+        wo(x),
         Co(),
         Io(),
-        Mo($),
+        Mo(B),
         So(N),
         To(),
-        No(x),
-        Bo(),
+        Bo(y),
+        No(),
         Do(),
         Ro(),
         Lo(A),
-        $o(P),
-        Po(),
-        zo(g)
+        Po($),
+        $o(),
+        zo(u)
       ],
-      ...p
+      ...g
     }
   );
 }, lt = {
@@ -2399,11 +2399,11 @@ const Me = be({
     stroke: "hsl(230, 8%, 24%)"
   }
 }, it = (a) => {
-  const { children: e = "", className: r, theme: t = "auto" } = a;
+  const { children: e = "", className: r, theme: t = "auto", imageProps: i } = a;
   return /* @__PURE__ */ o(
     "div",
     {
-      className: ce(t) ? Be : Ne,
+      className: ce(t) ? Ne : Be,
       children: /* @__PURE__ */ o(
         Eo,
         {
@@ -2411,25 +2411,26 @@ const Me = be({
           remarkPlugins: [jo, Ho],
           rehypePlugins: [Xo],
           components: {
-            code(l) {
-              const { children: n, className: c, node: p, ref: s, ...x } = l, y = /language-(\w+)/.exec(c || "");
-              return y ? /* @__PURE__ */ o(
+            code(n) {
+              const { children: c, className: g, node: s, ref: y, ...x } = n, B = /language-(\w+)/.exec(g || "");
+              return B ? /* @__PURE__ */ o(
                 Fo,
                 {
                   ...x,
                   PreTag: "div",
-                  children: String(n).replace(/\n$/, ""),
-                  language: y[1],
+                  children: String(c).replace(/\n$/, ""),
+                  language: B[1],
                   style: lt
                 }
-              ) : /* @__PURE__ */ o("code", { ...x, className: c, children: n });
+              ) : /* @__PURE__ */ o("code", { ...x, className: g, children: c });
             },
-            img(l) {
-              return console.log("🚀 ~ image ~ props:", l), /* @__PURE__ */ o(
+            img(n) {
+              const { preview: c, ...g } = i ?? {};
+              return /* @__PURE__ */ o(
                 Go,
                 {
-                  ...l,
-                  preview: {
+                  ...n,
+                  preview: c instanceof Boolean ? c : {
                     icons: {
                       rotateLeft: /* @__PURE__ */ o(Je, {}),
                       rotateRight: /* @__PURE__ */ o(Ke, {}),
@@ -2441,15 +2442,14 @@ const Me = be({
                       flipX: /* @__PURE__ */ o(ro, {}),
                       flipY: /* @__PURE__ */ o(no, {})
                     },
-                    onVisibleChange: (n) => {
-                      console.log("visible", n);
-                    },
                     zIndex: 9999,
-                    mask: ""
+                    mask: " ",
+                    ...c
                   },
-                  className: i`
+                  className: l`
                   cursor: zoom-in;
-                `
+                `,
+                  ...g
                 }
               );
             }
@@ -2465,19 +2465,19 @@ function De(...a) {
   return qo(Yo(a));
 }
 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 };
+  const { mouseX: e, title: r, icon: t, href: i } = a, n = te(null), c = ee(e, (w) => {
+    var L;
+    const h = ((L = n.current) == null ? void 0 : L.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]), x = ee(
+  }), g = ee(c, [-150, 0, 150], [40, 80, 40]), s = ee(c, [-150, 0, 150], [40, 80, 40]), y = ee(
     c,
     [-150, 0, 150],
     [20, 40, 20]
-  ), y = ee(
+  ), x = ee(
     c,
     [-150, 0, 150],
     [20, 40, 20]
-  ), $ = ne(p, {
+  ), B = ne(g, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
@@ -2485,25 +2485,25 @@ const ct = (a) => {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), A = ne(x, {
+  }), A = ne(y, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), P = ne(y, {
+  }), $ = ne(x, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), [g, d] = X(!1);
-  return /* @__PURE__ */ o("a", { href: l, children: /* @__PURE__ */ G(
+  }), [u, d] = X(!1);
+  return /* @__PURE__ */ o("a", { href: i, children: /* @__PURE__ */ G(
     b.div,
     {
       ref: n,
-      style: { width: $, height: N },
+      style: { width: B, 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",
       children: [
-        /* @__PURE__ */ o(ue, { children: g && /* @__PURE__ */ o(
+        /* @__PURE__ */ o(ue, { children: u && /* @__PURE__ */ o(
           b.div,
           {
             initial: { opacity: 0, y: 10, x: "-50%" },
@@ -2516,7 +2516,7 @@ const ct = (a) => {
         /* @__PURE__ */ o(
           b.div,
           {
-            style: { width: A, height: P },
+            style: { width: A, height: $ },
             className: "flex items-center justify-center",
             children: t
           }
@@ -2529,17 +2529,17 @@ const ct = (a) => {
   return /* @__PURE__ */ o(
     b.div,
     {
-      onMouseMove: (l) => t.set(l.pageX),
+      onMouseMove: (i) => t.set(i.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((l) => /* @__PURE__ */ o(ct, { mouseX: t, ...l }, l.title))
+      children: e.map((i) => /* @__PURE__ */ o(ct, { mouseX: t, ...i }, i.title))
     }
   );
 }, Le = (a) => {
-  const { items: e, className: r, collapseIcon: t, autoHidden: l = !1 } = a, [n, c] = X(!1), p = () => {
+  const { items: e, className: r, collapseIcon: t, autoHidden: i = !1 } = a, [n, c] = X(!1), g = () => {
     c(!n);
   };
   return /* @__PURE__ */ G(
@@ -2547,7 +2547,7 @@ const ct = (a) => {
     {
       className: De(
         "relative block",
-        l ? "md:hidden" : "",
+        i ? "md:hidden" : "",
         r
       ),
       children: [
@@ -2556,7 +2556,7 @@ const ct = (a) => {
           {
             layoutId: "nav",
             className: "absolute bottom-full mb-2 inset-x-0 flex flex-col gap-2",
-            children: e.map((s, x) => /* @__PURE__ */ o(
+            children: e.map((s, y) => /* @__PURE__ */ o(
               b.div,
               {
                 initial: { opacity: 0, y: 10 },
@@ -2568,10 +2568,10 @@ const ct = (a) => {
                   opacity: 0,
                   y: 10,
                   transition: {
-                    delay: x * 0.05
+                    delay: y * 0.05
                   }
                 },
-                transition: { delay: (e.length - 1 - x) * 0.05 },
+                transition: { delay: (e.length - 1 - y) * 0.05 },
                 children: /* @__PURE__ */ o(
                   "a",
                   {
@@ -2589,7 +2589,7 @@ const ct = (a) => {
         /* @__PURE__ */ o(
           "button",
           {
-            onClick: p,
+            onClick: g,
             className: "h-10 w-10 rounded-full bg-gray-50 dark:bg-neutral-800 flex items-center justify-center",
             children: t || /* @__PURE__ */ o(ao, { className: "h-5 w-5 text-neutral-500 dark:text-neutral-400" })
           }
@@ -2598,24 +2598,25 @@ const ct = (a) => {
     }
   );
 }, dt = (a) => {
-  const { items: e, desktopClassName: r, mobileClassName: t, ...l } = a;
+  const { items: e, desktopClassName: r, mobileClassName: t, ...i } = a;
   return /* @__PURE__ */ G(de, { children: [
-    /* @__PURE__ */ o(Re, { items: e, className: r, ...l }),
+    /* @__PURE__ */ o(Re, { items: e, className: r, ...i }),
     /* @__PURE__ */ o(
       Le,
       {
         items: e,
         className: t,
         autoHidden: !0,
-        ...l
+        ...i
       }
     )
   ] });
-}, $e = dt;
-$e.Desktop = Re;
-$e.Mobile = Le;
+}, Pe = dt;
+Pe.Desktop = Re;
+Pe.Mobile = Le;
 export {
-  Pt as Desktop,
-  $e as Dock,
+  $t as Desktop,
+  Pe as Dock,
+  it as Markdown,
   st as MdEditor
 };