zs_library 0.3.22 → 0.3.23

package/dist/index.d.ts

@@ -1 +1 @@
-export { Desktop, MdEditor, Dock } from './components';
+export { Desktop, MdEditor, Markdown, Dock } from './components';

package/dist/index.es.js

@@ -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 Po, markdownShortcutPlugin as $o, 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";
@@ -112,7 +112,7 @@ const Me = be({
     onChange: t,
     storageKey: i = "ZS_LIBRARY_DESKTOP_SORTABLE_CONFIG",
     enableCaching: n = !0
-  } = a, [c, u] = X(), [s, y] = X(), [x, N] = X(null), B = te(x), [A, $] = 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
   ), [L, m] = X(
     null
@@ -122,16 +122,16 @@ const Me = be({
     defaultValue: [],
     listenStorageChange: !0
   }), re = () => {
-    $(null), clearTimeout(c), u(void 0), B.current = null;
+    $(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) => {
-        u(
+        g(
           setTimeout(() => {
-            F && B.current === null && D(M, k);
+            F && N.current === null && D(M, k);
           }, 800)
         ), C(!1), y(
           setTimeout(() => {
@@ -140,7 +140,7 @@ const Me = be({
         );
       },
       onMouseUp: () => {
-        clearTimeout(s), y(void 0), clearTimeout(c), u(void 0);
+        clearTimeout(s), y(void 0), clearTimeout(c), g(void 0);
       },
       onContextMenu: (M) => {
         F && (M.preventDefault(), D(M, k));
@@ -214,7 +214,7 @@ const Me = be({
       return M(H), t == null || t(H), H;
     });
   }, Ee = (k, F) => {
-    const H = [...g], M = (P, R) => {
+    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 (R.length)
@@ -237,16 +237,16 @@ const Me = be({
     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(() => {
-    B.current = x, x !== null && re();
+    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,12 +254,12 @@ const Me = be({
     Me.Provider,
     {
       value: {
-        list: g,
+        list: u,
         setList: W,
         contextMenu: A,
         setContextMenu: $,
         listStatus: x,
-        setListStatus: N,
+        setListStatus: B,
         contextMenuFuns: O,
         hideContextMenu: re,
         showInfoItemData: w,
@@ -308,8 +308,8 @@ const Me = be({
         user-select: none;
         border-radius: 0.5rem;
       `,
-      onClick: (u) => {
-        u.stopPropagation(), t == null || t();
+      onClick: (g) => {
+        g.stopPropagation(), t == null || t();
       },
       variants: _o,
       children: /* @__PURE__ */ G(
@@ -354,15 +354,15 @@ const Me = be({
     showSizeButton: i = !0,
     onInfoClick: n,
     onShareClick: c,
-    onRemoveClick: u
+    onRemoveClick: g
   } = a, {
     contextMenu: s,
     setContextMenu: y,
     hideContextMenu: x,
-    setShowInfoItemData: N,
-    removeItem: B,
+    setShowInfoItemData: B,
+    removeItem: N,
     updateItemConfig: A
-  } = Z(), { theme: $ } = K(), { light: g, dark: d } = Y.getTheme($), { data: w } = s ?? {}, { config: h = {} } = w ?? {}, L = () => {
+  } = Z(), { theme: $ } = K(), { light: u, dark: d } = Y.getTheme($), { data: w } = s ?? {}, { config: h = {} } = w ?? {}, L = () => {
     var C;
     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++)
@@ -387,8 +387,8 @@ const Me = be({
               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};
@@ -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 && l`
-                                background-color: ${g.contextMenuActiveColor};
+                                background-color: ${u.contextMenuActiveColor};
                                 @media (prefers-color-scheme: dark) {
                                   background-color: ${d.contextMenuActiveColor};
                                 }
@@ -511,8 +511,8 @@ const Me = be({
           {
             className: T(
               l`
-                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};
@@ -550,7 +550,7 @@ const Me = be({
                       n(s.data);
                       return;
                     }
-                    N({
+                    B({
                       ...s.data,
                       pageX: s.pageX,
                       pageY: s.pageY
@@ -564,11 +564,11 @@ const Me = be({
                   icon: /* @__PURE__ */ o(We, { size: 20 }),
                   title: "移除",
                   onClick: () => {
-                    if (u) {
-                      u(s.data, B);
+                    if (g) {
+                      g(s.data, N);
                       return;
                     }
-                    y(null), B(s.data.id);
+                    y(null), N(s.data.id);
                   }
                 }
               )
@@ -579,7 +579,7 @@ const Me = be({
     }
   ) });
 }, Jo = (a) => {
-  const { data: e, noLetters: r = !1 } = a, { contextMenuFuns: t } = Z(), { itemIconBuilder: i, theme: n, contextMenu: c } = K(), { light: u, dark: s } = Y.getTheme(n), { data: y = {} } = e, { name: x } = y;
+  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,
@@ -587,9 +587,9 @@ const Me = be({
         className: l`
           width: 4rem;
           height: 4rem;
-          background-color: ${u.itemIconBackgroundColor};
+          background-color: ${g.itemIconBackgroundColor};
           border-radius: 0.75rem;
-          box-shadow: 0 0 0.5rem ${u.itemIconShadowColor};
+          box-shadow: 0 0 0.5rem ${g.itemIconShadowColor};
           cursor: pointer;
           position: relative;
           overflow: hidden;
@@ -608,7 +608,7 @@ const Me = be({
             top: 0;
             width: 100%;
             height: 100%;
-            color: ${u.itemNameColor};
+            color: ${g.itemNameColor};
             @media (prefers-color-scheme: dark) {
               color: ${s.itemNameColor};
             }
@@ -627,7 +627,7 @@ const Me = be({
             text-align: center;
             margin-top: 0.25rem;
             margin-bottom: 0;
-            color: ${u.itemNameColor};
+            color: ${g.itemNameColor};
             @media (prefers-color-scheme: dark) {
               color: ${s.itemNameColor};
             }
@@ -648,9 +648,9 @@ const Me = be({
     onClick: i,
     disabledDrag: n = !1,
     children: c,
-    parentIds: u,
+    parentIds: g,
     childrenLength: s
-  } = a, { contextMenu: y, setContextMenu: x } = Z(), { contextMenu: N } = K();
+  } = a, { contextMenu: y, setContextMenu: x } = Z(), { contextMenu: B } = K();
   return /* @__PURE__ */ o(
     Oe,
     {
@@ -663,10 +663,10 @@ const Me = be({
           border: none;
         }
       `,
-      overlay: /* @__PURE__ */ o(Wo, { ...N }),
+      overlay: /* @__PURE__ */ o(Wo, { ...B }),
       visible: (y == null ? void 0 : y.data.id) === e.id,
-      onVisibleChange: (B) => {
-        B || x(null);
+      onVisibleChange: (N) => {
+        N || x(null);
       },
       destroyTooltipOnHide: !0,
       children: /* @__PURE__ */ o(
@@ -674,7 +674,7 @@ const Me = be({
         {
           "data-id": e.id,
           "data-index": t,
-          "data-parent-ids": u == null ? void 0 : u.join(","),
+          "data-parent-ids": g == null ? void 0 : g.join(","),
           "data-children-length": s,
           onClick: () => i == null ? void 0 : i(e),
           className: T(n && "drag-disabled", r),
@@ -692,18 +692,18 @@ const Me = be({
     onClick: n,
     noLetters: c = !1
   } = a, {
-    contextMenuFuns: u,
+    contextMenuFuns: g,
     setList: s,
     setOpenGroupItemData: y,
     longPressTriggered: x,
-    moveItemId: N,
-    moveTargetId: B,
+    moveItemId: B,
+    moveTargetId: N,
     setMoveTargetId: A,
     listStatus: $
-  } = Z(), { itemIconBuilder: g, 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 = {
+  } = 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 = ((m == null ? void 0 : m.length) ?? 0) === 0, j = V ? [e] : [...m ?? []].slice(0, 9), le = ae(() => N === e.id.toString(), [e.id, N]), _ = ae(() => B === e.id, [e.id, B]), Q = l`
+  }, 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};
@@ -737,7 +737,7 @@ const Me = be({
           onClick: (D) => {
             D.stopPropagation(), n == null || n(e);
           },
-          children: g == null ? void 0 : g(e)
+          children: u == null ? void 0 : u(e)
         }
       );
     if (p === 1 && f === 1 || p === 2 && f === 2)
@@ -768,7 +768,7 @@ const Me = be({
               onClick: (O) => {
                 O.stopPropagation(), n == null || n(D);
               },
-              children: g == null ? void 0 : g(D)
+              children: u == null ? void 0 : u(D)
             },
             D.id
           ))
@@ -810,7 +810,7 @@ const Me = be({
               onClick: (W) => {
                 O > 2 || (W.stopPropagation(), n == null || n(D));
               },
-              children: g == null ? void 0 : g(D)
+              children: u == null ? void 0 : u(D)
             },
             D.id
           ))
@@ -851,7 +851,7 @@ const Me = be({
               onClick: (W) => {
                 O > 2 || (W.stopPropagation(), n == null || n(D));
               },
-              children: g == null ? void 0 : g(D)
+              children: u == null ? void 0 : u(D)
             },
             D.id
           ))
@@ -899,7 +899,7 @@ const Me = be({
             onClick: (D) => {
               !V && !x && (e.parentIds = t, e.pageX = D.pageX, e.pageY = D.pageY, y(e));
             },
-            ...u(e, w !== !1),
+            ...g(e, w !== !1),
             children: /* @__PURE__ */ G(
               b.div,
               {
@@ -991,10 +991,10 @@ const Me = be({
     list: i,
     setList: n,
     setListStatus: c,
-    setMoveItemId: u,
+    setMoveItemId: g,
     setMoveTargetId: s,
     updateItem: y
-  } = Z(), { theme: x } = K(), { light: N, dark: B } = Y.getTheme(x), [A, $] = X("文件夹"), g = [...(e == null ? void 0 : e.children) ?? []];
+  } = 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 && $((d = e.data) == null ? void 0 : d.name);
@@ -1059,9 +1059,9 @@ const Me = be({
               }
             }
             .rc-dialog-body {
-              background-color: ${N.groupItemModalBackgroundColor};
+              background-color: ${B.groupItemModalBackgroundColor};
               @media (prefers-color-scheme: dark) {
-                background-color: ${B.groupItemModalBackgroundColor};
+                background-color: ${N.groupItemModalBackgroundColor};
               }
               border-radius: 0.5rem;
               overflow: hidden;
@@ -1108,13 +1108,13 @@ const Me = be({
               onMove: () => (s(null), c("onMove"), !0),
               onStart: (d) => {
                 const w = d.item.dataset;
-                w != null && w.id && u(w.id), c("onMove");
+                w != null && w.id && g(w.id), c("onMove");
               },
               onEnd: () => {
-                u(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,
@@ -1160,15 +1160,15 @@ const Me = be({
     sliderProps: t,
     sliderRef: i,
     onItemClick: n
-  } = a, c = te(null), u = te(null), {
+  } = a, c = te(null), g = te(null), {
     list: s,
     setList: y,
     setListStatus: x,
-    showInfoItemData: N,
-    setShowInfoItemData: B,
+    showInfoItemData: B,
+    setShowInfoItemData: N,
     openGroupItemData: A,
     setOpenGroupItemData: $,
-    setMoveItemId: g,
+    setMoveItemId: u,
     setMoveTargetId: d,
     addItem: w
   } = Z(), { pagingDotBuilder: h, pagingDotsBuilder: L, itemBuilder: m } = K(), I = ae(() => e === !1 ? {} : {
@@ -1268,7 +1268,7 @@ const Me = be({
         appendDots: (C) => L ? L(C) : e === !1 ? /* @__PURE__ */ o("div", {}) : /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
           "ul",
           {
-            ref: u,
+            ref: g,
             className: T(
               "slick-dots-default",
               l`
@@ -1341,10 +1341,10 @@ const Me = be({
                 },
                 onStart: (p) => {
                   const f = p.item.dataset;
-                  f != null && f.id && g(f.id), x("onMove");
+                  f != null && f.id && u(f.id), x("onMove");
                 },
                 onEnd: () => {
-                  g(null), d(null), x(null);
+                  u(null), d(null), x(null);
                 },
                 ghostClass: Se,
                 children: (C.children ?? []).map((p, f) => {
@@ -1389,9 +1389,9 @@ const Me = be({
     /* @__PURE__ */ o(
       Qo,
       {
-        data: N,
+        data: B,
         onClose: () => {
-          B(null);
+          N(null);
         }
       }
     ),
@@ -1414,12 +1414,12 @@ const Me = be({
     enableCaching: i,
     theme: n,
     noLetters: c,
-    contextMenu: u,
+    contextMenu: g,
     contextMenuBuilder: s,
     itemBuilder: y,
     itemIconBuilder: x,
-    pagingDotBuilder: N,
-    pagingDotsBuilder: B,
+    pagingDotBuilder: B,
+    pagingDotsBuilder: N,
     ...A
   } = a;
   return /* @__PURE__ */ o(Vo, { ...{
@@ -1430,9 +1430,9 @@ const Me = be({
   }, children: /* @__PURE__ */ o(Oo, { ...{
     theme: n,
     noLetters: c,
-    contextMenu: u,
-    pagingDotsBuilder: B,
-    pagingDotBuilder: N,
+    contextMenu: g,
+    pagingDotsBuilder: N,
+    pagingDotBuilder: B,
     itemBuilder: y,
     itemIconBuilder: x,
     contextMenuBuilder: s
@@ -1707,7 +1707,7 @@ const Me = be({
       }
     }
   `
-), Ne = l`
+), 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 = l`
+`, Ne = l`
   .markdown-body {
     /* dark */
     color-scheme: dark;
@@ -1828,14 +1828,14 @@ const Me = be({
     pluginConfig: i,
     className: n,
     theme: c = "auto",
-    ...u
+    ...g
   } = a, s = te(null), {
     image: y,
     diffSource: x = {
       viewMode: "rich-text"
     },
-    headings: N,
-    link: B,
+    headings: B,
+    link: N,
     codeBlock: A,
     codeMirror: $ = {
       codeBlockLanguages: {
@@ -1846,7 +1846,7 @@ const Me = be({
         "": "Unspecified"
       }
     },
-    directives: g = {
+    directives: u = {
       directiveDescriptors: [Ao]
     }
   } = i ?? {}, [d, w] = X("");
@@ -1860,7 +1860,7 @@ const Me = be({
       className: T(
         nt,
         ce(c) ? rt : "",
-        ce(c) ? Be : Ne,
+        ce(c) ? Ne : Be,
         n
       ),
       contentEditableClassName: Te,
@@ -1895,19 +1895,19 @@ const Me = be({
         wo(x),
         Co(),
         Io(),
-        Mo(N),
-        So(B),
+        Mo(B),
+        So(N),
         To(),
-        No(y),
-        Bo(),
+        Bo(y),
+        No(),
         Do(),
         Ro(),
         Lo(A),
         Po($),
         $o(),
-        zo(g)
+        zo(u)
       ],
-      ...u
+      ...g
     }
   );
 }, lt = {
@@ -2403,7 +2403,7 @@ const Me = be({
   return /* @__PURE__ */ o(
     "div",
     {
-      className: ce(t) ? Be : Ne,
+      className: ce(t) ? Ne : Be,
       children: /* @__PURE__ */ o(
         Eo,
         {
@@ -2412,24 +2412,25 @@ const Me = be({
           rehypePlugins: [Xo],
           components: {
             code(n) {
-              const { children: c, className: u, node: s, ref: y, ...x } = n, N = /language-(\w+)/.exec(u || "");
-              return N ? /* @__PURE__ */ o(
+              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(c).replace(/\n$/, ""),
-                  language: N[1],
+                  language: B[1],
                   style: lt
                 }
-              ) : /* @__PURE__ */ o("code", { ...x, className: u, children: c });
+              ) : /* @__PURE__ */ o("code", { ...x, className: g, children: c });
             },
             img(n) {
+              const { preview: c, ...g } = i ?? {};
               return /* @__PURE__ */ o(
                 Go,
                 {
                   ...n,
-                  preview: {
+                  preview: c instanceof Boolean ? c : {
                     icons: {
                       rotateLeft: /* @__PURE__ */ o(Je, {}),
                       rotateRight: /* @__PURE__ */ o(Ke, {}),
@@ -2441,16 +2442,14 @@ const Me = be({
                       flipX: /* @__PURE__ */ o(ro, {}),
                       flipY: /* @__PURE__ */ o(no, {})
                     },
-                    onVisibleChange: (c) => {
-                      console.log("visible", c);
-                    },
                     zIndex: 9999,
-                    mask: ""
+                    mask: " ",
+                    ...c
                   },
                   className: l`
                   cursor: zoom-in;
                 `,
-                  ...i
+                  ...g
                 }
               );
             }
@@ -2470,7 +2469,7 @@ const ct = (a) => {
     var L;
     const h = ((L = n.current) == null ? void 0 : L.getBoundingClientRect()) ?? { x: 0, width: 0 };
     return w - h.x - h.width / 2;
-  }), u = ee(c, [-150, 0, 150], [40, 80, 40]), s = ee(c, [-150, 0, 150], [40, 80, 40]), y = 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]
@@ -2478,11 +2477,11 @@ const ct = (a) => {
     c,
     [-150, 0, 150],
     [20, 40, 20]
-  ), N = ne(u, {
+  ), B = ne(g, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), B = ne(s, {
+  }), N = ne(s, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
@@ -2494,17 +2493,17 @@ const ct = (a) => {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), [g, d] = X(!1);
+  }), [u, d] = X(!1);
   return /* @__PURE__ */ o("a", { href: i, children: /* @__PURE__ */ G(
     b.div,
     {
       ref: n,
-      style: { width: N, height: B },
+      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%" },
@@ -2540,7 +2539,7 @@ const ct = (a) => {
     }
   );
 }, Le = (a) => {
-  const { items: e, className: r, collapseIcon: t, autoHidden: i = !1 } = a, [n, c] = X(!1), u = () => {
+  const { items: e, className: r, collapseIcon: t, autoHidden: i = !1 } = a, [n, c] = X(!1), g = () => {
     c(!n);
   };
   return /* @__PURE__ */ G(
@@ -2590,7 +2589,7 @@ const ct = (a) => {
         /* @__PURE__ */ o(
           "button",
           {
-            onClick: u,
+            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" })
           }
@@ -2618,5 +2617,6 @@ Pe.Mobile = Le;
 export {
   $t as Desktop,
   Pe as Dock,
+  it as Markdown,
   st as MdEditor
 };

package/dist/index.umd.js

@@ -1,4 +1,4 @@
-(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react/jsx-runtime"),require("@emotion/css"),require("react"),require("react-slick"),require("react-sortablejs"),require("framer-motion"),require("ahooks"),require("uuid"),require("rc-tooltip"),require("@remixicon/react"),require("rc-dialog"),require("react-json-view"),require("@mdxeditor/editor"),require("react-markdown"),require("remark-gfm"),require("remark-emoji"),require("rehype-raw"),require("react-syntax-highlighter"),require("rc-image"),require("clsx"),require("tailwind-merge")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","@emotion/css","react","react-slick","react-sortablejs","framer-motion","ahooks","uuid","rc-tooltip","@remixicon/react","rc-dialog","react-json-view","@mdxeditor/editor","react-markdown","remark-gfm","remark-emoji","rehype-raw","react-syntax-highlighter","rc-image","clsx","tailwind-merge"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p.zs_library={},p.jsxRuntime,p.css,p.React,p.Slider,p.reactSortablejs,p.framerMotion,p.ahooks,p.uuid,p.RcTooltip,p.react$1,p.Dialog,p.ReactJson,p.MDXEditor,p.Markdown,p.remarkGfm,p.emoji,p.rehypeRaw,p.reactSyntaxHighlighter,p.Image,p.clsx,p.tailwindMerge))})(this,function(p,e,t,k,Me,oe,s,se,ce,Ne,G,de,Be,h,De,Le,Pe,ze,$e,Ae,qe,Ee){"use strict";var so=Object.defineProperty;var co=(p,e,t)=>e in p?so(p,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):p[e]=t;var ie=(p,e,t)=>co(p,typeof e!="symbol"?e+"":e,t);require("./zs_library.css");const ge={token:{itemNameColor:"#1a1a1a",itemIconBackgroundColor:"white",itemIconShadowColor:"rgba(0, 0, 0, 0.1)",groupItemIconBackgroundColor:"rgba(255, 255, 255, 0.1)",groupItemIconShadowColor:"rgba(0, 0, 0, 0.1)",groupItemModalBackgroundColor:"rgba(255, 255, 255, 0.8)",contextMenuTextColor:"black",contextMenuActiveColor:"#f3f4f6",contextMenuBackgroundColor:"white",contextMenuShadowColor:"rgba(0, 0, 0, 0.1)"}},ue={token:{itemNameColor:"white",itemIconBackgroundColor:"#1f2937",itemIconShadowColor:"rgba(0, 0, 0, 0.1)",groupItemIconBackgroundColor:"rgba(0, 0, 0, 0.1)",groupItemIconShadowColor:"rgba(0, 0, 0, 0.1)",groupItemModalBackgroundColor:"rgba(0, 0, 0, 0.1)",contextMenuTextColor:"white",contextMenuActiveColor:"#1a1a1a",contextMenuBackgroundColor:"#1a1a1a",contextMenuShadowColor:"rgba(255, 255, 255, 0.1)"}},he=k.createContext({}),je=c=>{const{children:o,theme:n,...r}=c,l=k.useMemo(()=>n==="light"?ge:n==="dark"?ue:n,[n]);return e.jsx(he.Provider,{value:{theme:l,...r},children:o})},W=()=>k.useContext(he),pe={maxRow:2,maxCol:2},He={...pe},me={app:pe,group:He};class O{}ie(O,"uniqueArray",o=>o.reduce((n,r)=>n.find(a=>a.id===r.id)?n:n.concat([r]),[])),ie(O,"getTheme",o=>{const n=ge.token,r=ue.token,l={...n,...o==null?void 0:o.token},a={...r,...o==null?void 0:o.token};return{light:l,dark:a}});const fe=k.createContext({list:[],setList:()=>{},contextMenu:null,setContextMenu:()=>{},listStatus:null,setListStatus:()=>{},contextMenuFuns:()=>{},hideContextMenu:()=>{},showInfoItemData:null,setShowInfoItemData:()=>{},openGroupItemData:null,setOpenGroupItemData:()=>{},longPressTriggered:!1,updateItem:()=>{},updateItemConfig:()=>{},removeItem:()=>{},addItem:()=>{},moveItemId:null,setMoveItemId:()=>{},moveTargetId:null,setMoveTargetId:()=>{}}),Fe=c=>{const{children:o,list:n=[],onChange:r,storageKey:l="ZS_LIBRARY_DESKTOP_SORTABLE_CONFIG",enableCaching:a=!0}=c,[d,m]=k.useState(),[i,S]=k.useState(),[C,D]=k.useState(null),L=k.useRef(C),[j,q]=k.useState(null),[u,g]=k.useState([]),[I,x]=k.useState(null),[$,f]=k.useState(null),[M,T]=k.useState(!1),[b,y]=k.useState(null),[H,J]=k.useState(null),[F,le]=k.useState(!1),[K,R]=se.useLocalStorageState(l,{defaultValue:[],listenStorageChange:!0}),ee=()=>{q(null),clearTimeout(d),m(void 0),L.current=null},P=(v,Y)=>{q({...v,pageX:v.pageX,pageY:v.pageY,data:Y}),clearTimeout(d)},U=(v,Y=!0)=>{const{config:X={}}=v;return X.allowContextMenu===!1?{}:{onMouseDown:N=>{m(setTimeout(()=>{Y&&L.current===null&&P(N,v)},800)),T(!1),S(setTimeout(()=>{T(!0)},800))},onMouseUp:()=>{clearTimeout(i),S(void 0),clearTimeout(d),m(void 0)},onContextMenu:N=>{Y&&(N.preventDefault(),P(N,v))}}},Z=(v,Y)=>{const X=[...Y||[]];if(X.length>0)g(N=>{const A=[...N],z=w=>{var Ie,Te;const B=X.shift(),E=w.find(V=>V.id===B),_=w.findIndex(V=>V.id===B);if(X.length&&E){if(((Ie=E.children)==null?void 0:Ie.filter(V=>!v.some(io=>io.id===V.id)).length)===1&&v.length===1){const V={...v[0]};return w.splice(_,1,V),r==null||r(w),w}return E.children=z(E.children||[]),w.splice(_,1,E),r==null||r(w),w}if(E){if(!((Te=E.children)!=null&&Te.length)&&v.length){const V={...E};return E.data={name:"文件夹"},E.type="group",E.children=[V,...v],E.id=ce.v4(),w.splice(_,1,E),r==null||r(w),w}return E.children=O.uniqueArray(v),w.splice(_,1,E),r==null||r(w),w}return O.uniqueArray(v)};return O.uniqueArray(z(A))});else{const N=O.uniqueArray(v);r==null||r(N),g(N)}},ro=(v,Y)=>{g(X=>{const N=[...X],A=z=>{var w;for(let B=0;B<z.length;B++)if(z[B].id===v){z[B].config=Y;break}else((w=z[B].children)==null?void 0:w.length)!==void 0&&A(z[B].children)};return A(N),r==null||r(N),N})},no=(v,Y)=>{g(X=>{const N=[...X],A=z=>{var w;for(let B=0;B<z.length;B++)if(z[B].id===v){z[B].data=Y;break}else((w=z[B].children)==null?void 0:w.length)!==void 0&&A(z[B].children)};return A(N),r==null||r(N),N})},ao=v=>{g(Y=>{const X=[...Y],N=A=>{var z;for(let w=0;w<A.length;w++)if(A[w].id===v){A.splice(w,1);break}else((z=A[w].children)==null?void 0:z.length)!==void 0&&N(A[w].children)};return N(X),r==null||r(X),X})},lo=(v,Y)=>{const X=[...u],N=(A,z)=>{const w=z.shift(),B=A.find(_=>_.id===w),E=A.findIndex(_=>_.id===w);if(B){if(z.length)B.children=N(B.children||[],z);else{const _=(v==null?void 0:v.type)??"app";B.children=[...B.children??[],{...v,id:ce.v4(),config:(v==null?void 0:v.config)??me[_]}]}return A.splice(E,1,B),A}else return A};g(N(X,Y))};return k.useEffect(()=>{(n==null?void 0:n.length)>0&&u.length===0&&Z(n)},[n]),k.useEffect(()=>{L.current=C,C!==null&&ee()},[C]),k.useEffect(()=>{a&&K!=null&&K.length&&!F&&(Z(K),le(!0))},[K,F,a]),se.useDebounceEffect(()=>{a&&R(u)},[u,a],{wait:1e3}),e.jsx(fe.Provider,{value:{list:u,setList:Z,contextMenu:j,setContextMenu:q,listStatus:C,setListStatus:D,contextMenuFuns:U,hideContextMenu:ee,showInfoItemData:I,setShowInfoItemData:x,openGroupItemData:$,setOpenGroupItemData:f,longPressTriggered:M,updateItemConfig:ro,updateItem:no,removeItem:ao,addItem:lo,moveItemId:b,setMoveItemId:y,moveTargetId:H,setMoveTargetId:J},children:o})},Q=()=>k.useContext(fe),Xe={menuShow:{opacity:1,y:0,transition:{type:"spring",stiffness:300,damping:24}},menuHide:{opacity:0,y:20,transition:{duration:.2}}},te=c=>{const{icon:o,title:n,onClick:r}=c,{theme:l}=W(),{light:a,dark:d}=O.getTheme(l);return e.jsx(s.motion.div,{className:t.css`
+(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react/jsx-runtime"),require("@emotion/css"),require("react"),require("react-slick"),require("react-sortablejs"),require("framer-motion"),require("ahooks"),require("uuid"),require("rc-tooltip"),require("@remixicon/react"),require("rc-dialog"),require("react-json-view"),require("@mdxeditor/editor"),require("react-markdown"),require("remark-gfm"),require("remark-emoji"),require("rehype-raw"),require("react-syntax-highlighter"),require("rc-image"),require("clsx"),require("tailwind-merge")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","@emotion/css","react","react-slick","react-sortablejs","framer-motion","ahooks","uuid","rc-tooltip","@remixicon/react","rc-dialog","react-json-view","@mdxeditor/editor","react-markdown","remark-gfm","remark-emoji","rehype-raw","react-syntax-highlighter","rc-image","clsx","tailwind-merge"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p.zs_library={},p.jsxRuntime,p.css,p.React,p.Slider,p.reactSortablejs,p.framerMotion,p.ahooks,p.uuid,p.RcTooltip,p.react$1,p.Dialog,p.ReactJson,p.MDXEditor,p.Markdown,p.remarkGfm,p.emoji,p.rehypeRaw,p.reactSyntaxHighlighter,p.Image,p.clsx,p.tailwindMerge))})(this,function(p,e,t,k,Be,oe,s,se,ce,Ne,G,de,De,m,Le,Pe,ze,$e,Ae,qe,Ee,je){"use strict";var so=Object.defineProperty;var co=(p,e,t)=>e in p?so(p,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):p[e]=t;var ie=(p,e,t)=>co(p,typeof e!="symbol"?e+"":e,t);require("./zs_library.css");const ge={token:{itemNameColor:"#1a1a1a",itemIconBackgroundColor:"white",itemIconShadowColor:"rgba(0, 0, 0, 0.1)",groupItemIconBackgroundColor:"rgba(255, 255, 255, 0.1)",groupItemIconShadowColor:"rgba(0, 0, 0, 0.1)",groupItemModalBackgroundColor:"rgba(255, 255, 255, 0.8)",contextMenuTextColor:"black",contextMenuActiveColor:"#f3f4f6",contextMenuBackgroundColor:"white",contextMenuShadowColor:"rgba(0, 0, 0, 0.1)"}},ue={token:{itemNameColor:"white",itemIconBackgroundColor:"#1f2937",itemIconShadowColor:"rgba(0, 0, 0, 0.1)",groupItemIconBackgroundColor:"rgba(0, 0, 0, 0.1)",groupItemIconShadowColor:"rgba(0, 0, 0, 0.1)",groupItemModalBackgroundColor:"rgba(0, 0, 0, 0.1)",contextMenuTextColor:"white",contextMenuActiveColor:"#1a1a1a",contextMenuBackgroundColor:"#1a1a1a",contextMenuShadowColor:"rgba(255, 255, 255, 0.1)"}},he=k.createContext({}),He=c=>{const{children:o,theme:n,...r}=c,l=k.useMemo(()=>n==="light"?ge:n==="dark"?ue:n,[n]);return e.jsx(he.Provider,{value:{theme:l,...r},children:o})},W=()=>k.useContext(he),pe={maxRow:2,maxCol:2},Fe={...pe},me={app:pe,group:Fe};class O{}ie(O,"uniqueArray",o=>o.reduce((n,r)=>n.find(a=>a.id===r.id)?n:n.concat([r]),[])),ie(O,"getTheme",o=>{const n=ge.token,r=ue.token,l={...n,...o==null?void 0:o.token},a={...r,...o==null?void 0:o.token};return{light:l,dark:a}});const fe=k.createContext({list:[],setList:()=>{},contextMenu:null,setContextMenu:()=>{},listStatus:null,setListStatus:()=>{},contextMenuFuns:()=>{},hideContextMenu:()=>{},showInfoItemData:null,setShowInfoItemData:()=>{},openGroupItemData:null,setOpenGroupItemData:()=>{},longPressTriggered:!1,updateItem:()=>{},updateItemConfig:()=>{},removeItem:()=>{},addItem:()=>{},moveItemId:null,setMoveItemId:()=>{},moveTargetId:null,setMoveTargetId:()=>{}}),Xe=c=>{const{children:o,list:n=[],onChange:r,storageKey:l="ZS_LIBRARY_DESKTOP_SORTABLE_CONFIG",enableCaching:a=!0}=c,[d,u]=k.useState(),[i,S]=k.useState(),[C,D]=k.useState(null),L=k.useRef(C),[j,q]=k.useState(null),[h,g]=k.useState([]),[I,x]=k.useState(null),[$,f]=k.useState(null),[M,T]=k.useState(!1),[b,y]=k.useState(null),[H,J]=k.useState(null),[F,le]=k.useState(!1),[K,R]=se.useLocalStorageState(l,{defaultValue:[],listenStorageChange:!0}),ee=()=>{q(null),clearTimeout(d),u(void 0),L.current=null},P=(v,Y)=>{q({...v,pageX:v.pageX,pageY:v.pageY,data:Y}),clearTimeout(d)},U=(v,Y=!0)=>{const{config:X={}}=v;return X.allowContextMenu===!1?{}:{onMouseDown:B=>{u(setTimeout(()=>{Y&&L.current===null&&P(B,v)},800)),T(!1),S(setTimeout(()=>{T(!0)},800))},onMouseUp:()=>{clearTimeout(i),S(void 0),clearTimeout(d),u(void 0)},onContextMenu:B=>{Y&&(B.preventDefault(),P(B,v))}}},Z=(v,Y)=>{const X=[...Y||[]];if(X.length>0)g(B=>{const A=[...B],z=w=>{var Te,Me;const N=X.shift(),E=w.find(V=>V.id===N),_=w.findIndex(V=>V.id===N);if(X.length&&E){if(((Te=E.children)==null?void 0:Te.filter(V=>!v.some(io=>io.id===V.id)).length)===1&&v.length===1){const V={...v[0]};return w.splice(_,1,V),r==null||r(w),w}return E.children=z(E.children||[]),w.splice(_,1,E),r==null||r(w),w}if(E){if(!((Me=E.children)!=null&&Me.length)&&v.length){const V={...E};return E.data={name:"文件夹"},E.type="group",E.children=[V,...v],E.id=ce.v4(),w.splice(_,1,E),r==null||r(w),w}return E.children=O.uniqueArray(v),w.splice(_,1,E),r==null||r(w),w}return O.uniqueArray(v)};return O.uniqueArray(z(A))});else{const B=O.uniqueArray(v);r==null||r(B),g(B)}},ro=(v,Y)=>{g(X=>{const B=[...X],A=z=>{var w;for(let N=0;N<z.length;N++)if(z[N].id===v){z[N].config=Y;break}else((w=z[N].children)==null?void 0:w.length)!==void 0&&A(z[N].children)};return A(B),r==null||r(B),B})},no=(v,Y)=>{g(X=>{const B=[...X],A=z=>{var w;for(let N=0;N<z.length;N++)if(z[N].id===v){z[N].data=Y;break}else((w=z[N].children)==null?void 0:w.length)!==void 0&&A(z[N].children)};return A(B),r==null||r(B),B})},ao=v=>{g(Y=>{const X=[...Y],B=A=>{var z;for(let w=0;w<A.length;w++)if(A[w].id===v){A.splice(w,1);break}else((z=A[w].children)==null?void 0:z.length)!==void 0&&B(A[w].children)};return B(X),r==null||r(X),X})},lo=(v,Y)=>{const X=[...h],B=(A,z)=>{const w=z.shift(),N=A.find(_=>_.id===w),E=A.findIndex(_=>_.id===w);if(N){if(z.length)N.children=B(N.children||[],z);else{const _=(v==null?void 0:v.type)??"app";N.children=[...N.children??[],{...v,id:ce.v4(),config:(v==null?void 0:v.config)??me[_]}]}return A.splice(E,1,N),A}else return A};g(B(X,Y))};return k.useEffect(()=>{(n==null?void 0:n.length)>0&&h.length===0&&Z(n)},[n]),k.useEffect(()=>{L.current=C,C!==null&&ee()},[C]),k.useEffect(()=>{a&&K!=null&&K.length&&!F&&(Z(K),le(!0))},[K,F,a]),se.useDebounceEffect(()=>{a&&R(h)},[h,a],{wait:1e3}),e.jsx(fe.Provider,{value:{list:h,setList:Z,contextMenu:j,setContextMenu:q,listStatus:C,setListStatus:D,contextMenuFuns:U,hideContextMenu:ee,showInfoItemData:I,setShowInfoItemData:x,openGroupItemData:$,setOpenGroupItemData:f,longPressTriggered:M,updateItemConfig:ro,updateItem:no,removeItem:ao,addItem:lo,moveItemId:b,setMoveItemId:y,moveTargetId:H,setMoveTargetId:J},children:o})},Q=()=>k.useContext(fe),Ge={menuShow:{opacity:1,y:0,transition:{type:"spring",stiffness:300,damping:24}},menuHide:{opacity:0,y:20,transition:{duration:.2}}},te=c=>{const{icon:o,title:n,onClick:r}=c,{theme:l}=W(),{light:a,dark:d}=O.getTheme(l);return e.jsx(s.motion.div,{className:t.css`
         &:hover {
           background-color: ${a.contextMenuActiveColor};
           @media (prefers-color-scheme: dark) {
@@ -14,7 +14,7 @@
         transition: all 0.3s;
         user-select: none;
         border-radius: 0.5rem;
-      `,onClick:m=>{m.stopPropagation(),r==null||r()},variants:Xe,children:e.jsxs(s.motion.div,{className:t.cx("py-1.5 px-3 rounded-lg",t.css`
+      `,onClick:u=>{u.stopPropagation(),r==null||r()},variants:Ge,children:e.jsxs(s.motion.div,{className:t.cx("py-1.5 px-3 rounded-lg",t.css`
             padding-top: 0.375rem;
             padding-bottom: 0.375rem;
             padding-left: 0.75rem;
@@ -24,11 +24,11 @@
               margin-bottom: 0.375rem;
               display: flex;
               justify-content: center;
-            `),children:o}),e.jsx(s.motion.div,{children:n})]})})},Ge=c=>{const{showInfoButton:o=!0,showRemoveButton:n=!0,showShareButton:r=!0,showSizeButton:l=!0,onInfoClick:a,onShareClick:d,onRemoveClick:m}=c,{contextMenu:i,setContextMenu:S,hideContextMenu:C,setShowInfoItemData:D,removeItem:L,updateItemConfig:j}=Q(),{theme:q}=W(),{light:u,dark:g}=O.getTheme(q),{data:I}=i??{},{config:x={}}=I??{},$=()=>{var T;const f=me[(T=i==null?void 0:i.data)==null?void 0:T.type],M=[];for(let b=1;b<=((f==null?void 0:f.maxRow)??2);b++)for(let y=1;y<=((f==null?void 0:f.maxCol)??2);y++)M.push(`${b}x${y}`);return M};return e.jsx(s.AnimatePresence,{children:i&&e.jsxs(s.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onMouseDown:f=>{f.stopPropagation(),f.preventDefault()},children:[e.jsx(s.motion.div,{className:t.cx(t.css`
+            `),children:o}),e.jsx(s.motion.div,{children:n})]})})},Ye=c=>{const{showInfoButton:o=!0,showRemoveButton:n=!0,showShareButton:r=!0,showSizeButton:l=!0,onInfoClick:a,onShareClick:d,onRemoveClick:u}=c,{contextMenu:i,setContextMenu:S,hideContextMenu:C,setShowInfoItemData:D,removeItem:L,updateItemConfig:j}=Q(),{theme:q}=W(),{light:h,dark:g}=O.getTheme(q),{data:I}=i??{},{config:x={}}=I??{},$=()=>{var T;const f=me[(T=i==null?void 0:i.data)==null?void 0:T.type],M=[];for(let b=1;b<=((f==null?void 0:f.maxRow)??2);b++)for(let y=1;y<=((f==null?void 0:f.maxCol)??2);y++)M.push(`${b}x${y}`);return M};return e.jsx(s.AnimatePresence,{children:i&&e.jsxs(s.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onMouseDown:f=>{f.stopPropagation(),f.preventDefault()},children:[e.jsx(s.motion.div,{className:t.cx(t.css`
                 border-radius: 0.5rem;
                 overflow: hidden;
-                background-color: ${u.contextMenuBackgroundColor};
-                box-shadow: 0 0 0.5rem ${u.contextMenuShadowColor};
+                background-color: ${h.contextMenuBackgroundColor};
+                box-shadow: 0 0 0.5rem ${h.contextMenuShadowColor};
                 @media (prefers-color-scheme: dark) {
                   background-color: ${g.contextMenuBackgroundColor};
                   box-shadow: 0 0 0.5rem ${g.contextMenuShadowColor};
@@ -65,24 +65,24 @@
                               line-height: 1.25rem;
                               cursor: pointer;
                               text-align: center;
-                              color: ${u.contextMenuTextColor};
+                              color: ${h.contextMenuTextColor};
                               @media (prefers-color-scheme: dark) {
                                 color: ${g.contextMenuTextColor};
                               }
                               &:hover {
-                                background-color: ${u.contextMenuActiveColor};
+                                background-color: ${h.contextMenuActiveColor};
                                 @media (prefers-color-scheme: dark) {
                                   background-color: ${g.contextMenuActiveColor};
                                 }
                               }
                             `,`${x.row}x${x.col}`===M.key&&t.css`
-                                background-color: ${u.contextMenuActiveColor};
+                                background-color: ${h.contextMenuActiveColor};
                                 @media (prefers-color-scheme: dark) {
                                   background-color: ${g.contextMenuActiveColor};
                                 }
                               `),onClick:M.onClick,children:M.label},M.key))})]},f.key))})}),e.jsxs(s.motion.div,{className:t.cx(t.css`
-                background-color: ${u.contextMenuBackgroundColor};
-                box-shadow: 0 0 0.5rem ${u.contextMenuShadowColor};
+                background-color: ${h.contextMenuBackgroundColor};
+                box-shadow: 0 0 0.5rem ${h.contextMenuShadowColor};
                 @media (prefers-color-scheme: dark) {
                   background-color: ${g.contextMenuBackgroundColor};
                   box-shadow: 0 0 0.5rem ${g.contextMenuShadowColor};
@@ -94,12 +94,12 @@
                 border-radius: 0.5rem;
                 overflow: hidden;
                 padding: 0.25rem;
-              `),children:[r&&e.jsx(te,{icon:e.jsx(G.RiShareLine,{size:20}),title:"分享",onClick:()=>{if(d){d(i.data);return}}}),o&&e.jsx(te,{icon:e.jsx(G.RiInformationLine,{size:20}),title:"信息",onClick:()=>{if(a){a(i.data);return}D({...i.data,pageX:i.pageX,pageY:i.pageY}),C()}}),n&&e.jsx(te,{icon:e.jsx(G.RiCloseCircleLine,{size:20}),title:"移除",onClick:()=>{if(m){m(i.data,L);return}S(null),L(i.data.id)}})]})]})})},Ye=c=>{const{data:o,noLetters:n=!1}=c,{contextMenuFuns:r}=Q(),{itemIconBuilder:l,theme:a,contextMenu:d}=W(),{light:m,dark:i}=O.getTheme(a),{data:S={}}=o,{name:C}=S;return e.jsxs(e.Fragment,{children:[e.jsx(s.motion.div,{className:t.css`
+              `),children:[r&&e.jsx(te,{icon:e.jsx(G.RiShareLine,{size:20}),title:"分享",onClick:()=>{if(d){d(i.data);return}}}),o&&e.jsx(te,{icon:e.jsx(G.RiInformationLine,{size:20}),title:"信息",onClick:()=>{if(a){a(i.data);return}D({...i.data,pageX:i.pageX,pageY:i.pageY}),C()}}),n&&e.jsx(te,{icon:e.jsx(G.RiCloseCircleLine,{size:20}),title:"移除",onClick:()=>{if(u){u(i.data,L);return}S(null),L(i.data.id)}})]})]})})},Oe=c=>{const{data:o,noLetters:n=!1}=c,{contextMenuFuns:r}=Q(),{itemIconBuilder:l,theme:a,contextMenu:d}=W(),{light:u,dark:i}=O.getTheme(a),{data:S={}}=o,{name:C}=S;return e.jsxs(e.Fragment,{children:[e.jsx(s.motion.div,{className:t.css`
           width: 4rem;
           height: 4rem;
-          background-color: ${m.itemIconBackgroundColor};
+          background-color: ${u.itemIconBackgroundColor};
           border-radius: 0.75rem;
-          box-shadow: 0 0 0.5rem ${m.itemIconShadowColor};
+          box-shadow: 0 0 0.5rem ${u.itemIconShadowColor};
           cursor: pointer;
           position: relative;
           overflow: hidden;
@@ -113,7 +113,7 @@
             top: 0;
             width: 100%;
             height: 100%;
-            color: ${m.itemNameColor};
+            color: ${u.itemNameColor};
             @media (prefers-color-scheme: dark) {
               color: ${i.itemNameColor};
             }
@@ -121,20 +121,20 @@
             text-align: center;
             margin-top: 0.25rem;
             margin-bottom: 0;
-            color: ${m.itemNameColor};
+            color: ${u.itemNameColor};
             @media (prefers-color-scheme: dark) {
               color: ${i.itemNameColor};
             }
           `,n&&t.css`
               color: transparent;
-            `),children:C})]})},re=c=>{const{data:o,className:n,itemIndex:r,onClick:l,disabledDrag:a=!1,children:d,parentIds:m,childrenLength:i}=c,{contextMenu:S,setContextMenu:C}=Q(),{contextMenu:D}=W();return e.jsx(Ne,{placement:"bottom",overlayClassName:t.css`
+            `),children:C})]})},re=c=>{const{data:o,className:n,itemIndex:r,onClick:l,disabledDrag:a=!1,children:d,parentIds:u,childrenLength:i}=c,{contextMenu:S,setContextMenu:C}=Q(),{contextMenu:D}=W();return e.jsx(Ne,{placement:"bottom",overlayClassName:t.css`
         background-color: transparent;
         .rc-tooltip-inner {
           background-color: transparent;
           padding: 0;
           border: none;
         }
-      `,overlay:e.jsx(Ge,{...D}),visible:(S==null?void 0:S.data.id)===o.id,onVisibleChange:L=>{L||C(null)},destroyTooltipOnHide:!0,children:e.jsx(s.motion.div,{"data-id":o.id,"data-index":r,"data-parent-ids":m==null?void 0:m.join(","),"data-children-length":i,onClick:()=>l==null?void 0:l(o),className:t.cx(a&&"drag-disabled",n),children:d??e.jsx(Ye,{...c})})})},Oe=c=>{const{data:o,className:n,parentIds:r,itemIndex:l,onClick:a,noLetters:d=!1}=c,{contextMenuFuns:m,setList:i,setOpenGroupItemData:S,longPressTriggered:C,moveItemId:D,moveTargetId:L,setMoveTargetId:j,listStatus:q}=Q(),{itemIconBuilder:u,theme:g,contextMenu:I}=W(),{light:x,dark:$}=O.getTheme(g),{children:f,data:M,config:T}=o,{row:b=1,col:y=1}=T??{},H={visible:{opacity:1,scale:1},hidden:{opacity:0,scale:.95}},J=((f==null?void 0:f.length)??0)===0,F=J?[o]:[...f??[]].slice(0,9),le=k.useMemo(()=>D===o.id.toString(),[o.id,D]),K=k.useMemo(()=>L===o.id,[o.id,L]),R=t.css`
+      `,overlay:e.jsx(Ye,{...D}),visible:(S==null?void 0:S.data.id)===o.id,onVisibleChange:L=>{L||C(null)},destroyTooltipOnHide:!0,children:e.jsx(s.motion.div,{"data-id":o.id,"data-index":r,"data-parent-ids":u==null?void 0:u.join(","),"data-children-length":i,onClick:()=>l==null?void 0:l(o),className:t.cx(a&&"drag-disabled",n),children:d??e.jsx(Oe,{...c})})})},_e=c=>{const{data:o,className:n,parentIds:r,itemIndex:l,onClick:a,noLetters:d=!1}=c,{contextMenuFuns:u,setList:i,setOpenGroupItemData:S,longPressTriggered:C,moveItemId:D,moveTargetId:L,setMoveTargetId:j,listStatus:q}=Q(),{itemIconBuilder:h,theme:g,contextMenu:I}=W(),{light:x,dark:$}=O.getTheme(g),{children:f,data:M,config:T}=o,{row:b=1,col:y=1}=T??{},H={visible:{opacity:1,scale:1},hidden:{opacity:0,scale:.95}},J=((f==null?void 0:f.length)??0)===0,F=J?[o]:[...f??[]].slice(0,9),le=k.useMemo(()=>D===o.id.toString(),[o.id,D]),K=k.useMemo(()=>L===o.id,[o.id,L]),R=t.css`
     overflow: hidden;
     cursor: pointer;
     background-color: ${x.itemIconBackgroundColor};
@@ -156,7 +156,7 @@
               @media (prefers-color-scheme: dark) {
                 background-color: ${$.itemIconBackgroundColor};
               }
-            `),onClick:P=>{P.stopPropagation(),a==null||a(o)},children:u==null?void 0:u(o)});if(b===1&&y===1||b===2&&y===2)return e.jsx(s.motion.div,{className:t.css`
+            `),onClick:P=>{P.stopPropagation(),a==null||a(o)},children:h==null?void 0:h(o)});if(b===1&&y===1||b===2&&y===2)return e.jsx(s.motion.div,{className:t.css`
             display: grid;
             width: 100%;
             height: 100%;
@@ -169,7 +169,7 @@
                   border-radius: ${y===1?"0.25rem":"0.5rem"};
                   width: 100%;
                   height: 100%;
-                `),onClick:U=>{U.stopPropagation(),a==null||a(P)},children:u==null?void 0:u(P)},P.id))});if(b===1&&y===2)return e.jsx(s.motion.div,{className:t.css`
+                `),onClick:U=>{U.stopPropagation(),a==null||a(P)},children:h==null?void 0:h(P)},P.id))});if(b===1&&y===2)return e.jsx(s.motion.div,{className:t.css`
             display: grid;
             grid-template-columns: repeat(10, minmax(0, 1fr));
             grid-template-rows: repeat(4, minmax(0, 1fr));
@@ -190,7 +190,7 @@
                       border-radius: 0.375rem;
                       grid-column: span 2 / span 2;
                       grid-row: span 2 / span 2;
-                    `),onClick:Z=>{U>2||(Z.stopPropagation(),a==null||a(P))},children:u==null?void 0:u(P)},P.id))});if(b===2&&y===1)return e.jsx(s.motion.div,{className:t.css`
+                    `),onClick:Z=>{U>2||(Z.stopPropagation(),a==null||a(P))},children:h==null?void 0:h(P)},P.id))});if(b===2&&y===1)return e.jsx(s.motion.div,{className:t.css`
             display: grid;
             grid-template-columns: repeat(4, minmax(0, 1fr));
             grid-template-rows: repeat(10, minmax(0, 1fr));
@@ -210,7 +210,7 @@
                       height: 1.5rem;
                       grid-column: span 2 / span 2;
                       grid-row: span 2 / span 2;
-                    `),onClick:Z=>{U>2||(Z.stopPropagation(),a==null||a(P))},children:u==null?void 0:u(P)},P.id))})};return e.jsxs(re,{data:o,itemIndex:l,parentIds:r,childrenLength:f==null?void 0:f.length,className:t.cx(t.css`
+                    `),onClick:Z=>{U>2||(Z.stopPropagation(),a==null||a(P))},children:h==null?void 0:h(P)},P.id))})};return e.jsxs(re,{data:o,itemIndex:l,parentIds:r,childrenLength:f==null?void 0:f.length,className:t.cx(t.css`
           grid-row: span ${b};
           grid-column: span ${y};
         `,n),children:[e.jsx(s.motion.div,{whileTap:{scale:.9},className:t.cx(K?"!scale-110":"",t.css`
@@ -228,7 +228,7 @@
             margin: 0 auto;
             width: ${y*64+32*(y-1)}px;
             height: ${b*64+32*(b-1)}px;
-          `),onClick:P=>{!J&&!C&&(o.parentIds=r,o.pageX=P.pageX,o.pageY=P.pageY,S(o))},...m(o,I!==!1),children:e.jsxs(s.motion.div,{className:t.css`
+          `),onClick:P=>{!J&&!C&&(o.parentIds=r,o.pageX=P.pageX,o.pageY=P.pageY,S(o))},...u(o,I!==!1),children:e.jsxs(s.motion.div,{className:t.css`
             position: relative;
             width: 100%;
             height: 100%;
@@ -269,7 +269,7 @@
       transition: all 0.2s;
     }
   }
-`,_e=c=>{const{data:o,onClose:n,onItemClick:r}=c,{list:l,setList:a,setListStatus:d,setMoveItemId:m,setMoveTargetId:i,updateItem:S}=Q(),{theme:C}=W(),{light:D,dark:L}=O.getTheme(C),[j,q]=k.useState("文件夹"),u=[...(o==null?void 0:o.children)??[]];return k.useEffect(()=>{var g;o&&q((g=o.data)==null?void 0:g.name)},[o]),e.jsx(de,{visible:!!o,onClose:()=>{n()},animation:"zoom",maskAnimation:"fade",mousePosition:o!=null&&o.pageX&&(o!=null&&o.pageY)?{x:o==null?void 0:o.pageX,y:o==null?void 0:o.pageY}:null,title:e.jsx("input",{className:t.css`
+`,Ue=c=>{const{data:o,onClose:n,onItemClick:r}=c,{list:l,setList:a,setListStatus:d,setMoveItemId:u,setMoveTargetId:i,updateItem:S}=Q(),{theme:C}=W(),{light:D,dark:L}=O.getTheme(C),[j,q]=k.useState("文件夹"),h=[...(o==null?void 0:o.children)??[]];return k.useEffect(()=>{var g;o&&q((g=o.data)==null?void 0:g.name)},[o]),e.jsx(de,{visible:!!o,onClose:()=>{n()},animation:"zoom",maskAnimation:"fade",mousePosition:o!=null&&o.pageX&&(o!=null&&o.pageY)?{x:o==null?void 0:o.pageX,y:o==null?void 0:o.pageY}:null,title:e.jsx("input",{className:t.css`
             background-color: transparent;
             border-style: none;
             text-align: center;
@@ -316,7 +316,7 @@
             grid-template-columns: repeat(auto-fill, 96px);
             grid-auto-flow: dense;
             grid-auto-rows: 96px;
-          `,group:{name:"nested",pull:!0,put:!1},animation:150,fallbackOnBody:!0,list:(o==null?void 0:o.children)??[],setList:g=>{var $,f;const I=g.map(M=>M.id),x=(f=($=l.find(M=>M.id===(o==null?void 0:o.id)))==null?void 0:$.children)==null?void 0:f.map(M=>M.id);I.length===(x==null?void 0:x.length)&&I.every((M,T)=>M===x[T])||I.length<((x==null?void 0:x.length)??0)||a(g,[...(o==null?void 0:o.parentIds)??[],o==null?void 0:o.id])},onMove:()=>(i(null),d("onMove"),!0),onStart:g=>{const I=g.item.dataset;I!=null&&I.id&&m(I.id),d("onMove")},onEnd:()=>{m(null),i(null),d(null)},ghostClass:be,children:u.map((g,I)=>e.jsx(re,{data:g,itemIndex:I,onClick:r},g.id))})})})},Ue=c=>{var r;const{data:o,onClose:n}=c;return e.jsx(de,{visible:!!o,onClose:()=>{n()},animation:"zoom",maskAnimation:"fade",mousePosition:o!=null&&o.pageX&&(o!=null&&o.pageY)?{x:o==null?void 0:o.pageX,y:o==null?void 0:o.pageY}:null,footer:null,title:((r=o==null?void 0:o.data)==null?void 0:r.name)??"信息",children:o&&e.jsxs("div",{children:[e.jsx("div",{className:"mb-2",children:"开发者信息"}),e.jsx("div",{className:"p-2 rounded-md bg-[#272822]",children:e.jsx(Be,{src:o,theme:"monokai"})})]})})},Ve=c=>{const{pagination:o={position:"bottom"},className:n,sliderProps:r,sliderRef:l,onItemClick:a}=c,d=k.useRef(null),m=k.useRef(null),{list:i,setList:S,setListStatus:C,showInfoItemData:D,setShowInfoItemData:L,openGroupItemData:j,setOpenGroupItemData:q,setMoveItemId:u,setMoveTargetId:g,addItem:I}=Q(),{pagingDotBuilder:x,pagingDotsBuilder:$,itemBuilder:f}=W(),M=k.useMemo(()=>o===!1?{}:{top:t.css`
+          `,group:{name:"nested",pull:!0,put:!1},animation:150,fallbackOnBody:!0,list:(o==null?void 0:o.children)??[],setList:g=>{var $,f;const I=g.map(M=>M.id),x=(f=($=l.find(M=>M.id===(o==null?void 0:o.id)))==null?void 0:$.children)==null?void 0:f.map(M=>M.id);I.length===(x==null?void 0:x.length)&&I.every((M,T)=>M===x[T])||I.length<((x==null?void 0:x.length)??0)||a(g,[...(o==null?void 0:o.parentIds)??[],o==null?void 0:o.id])},onMove:()=>(i(null),d("onMove"),!0),onStart:g=>{const I=g.item.dataset;I!=null&&I.id&&u(I.id),d("onMove")},onEnd:()=>{u(null),i(null),d(null)},ghostClass:be,children:h.map((g,I)=>e.jsx(re,{data:g,itemIndex:I,onClick:r},g.id))})})})},Ve=c=>{var r;const{data:o,onClose:n}=c;return e.jsx(de,{visible:!!o,onClose:()=>{n()},animation:"zoom",maskAnimation:"fade",mousePosition:o!=null&&o.pageX&&(o!=null&&o.pageY)?{x:o==null?void 0:o.pageX,y:o==null?void 0:o.pageY}:null,footer:null,title:((r=o==null?void 0:o.data)==null?void 0:r.name)??"信息",children:o&&e.jsxs("div",{children:[e.jsx("div",{className:"mb-2",children:"开发者信息"}),e.jsx("div",{className:"p-2 rounded-md bg-[#272822]",children:e.jsx(De,{src:o,theme:"monokai"})})]})})},We=c=>{const{pagination:o={position:"bottom"},className:n,sliderProps:r,sliderRef:l,onItemClick:a}=c,d=k.useRef(null),u=k.useRef(null),{list:i,setList:S,setListStatus:C,showInfoItemData:D,setShowInfoItemData:L,openGroupItemData:j,setOpenGroupItemData:q,setMoveItemId:h,setMoveTargetId:g,addItem:I}=Q(),{pagingDotBuilder:x,pagingDotsBuilder:$,itemBuilder:f}=W(),M=k.useMemo(()=>o===!1?{}:{top:t.css`
         display: flex;
         flex-direction: column;
         .slick-list {
@@ -359,7 +359,7 @@
             flex-direction: column;
           }
         }
-      `}[o.position??"bottom"],[o]);return e.jsxs(e.Fragment,{children:[e.jsx(Me,{useCSS:!0,useTransform:!0,arrows:!1,ref:l??d,infinite:!1,dots:!0,touchMove:!1,lazyLoad:"anticipated",className:t.cx(M,t.css`
+      `}[o.position??"bottom"],[o]);return e.jsxs(e.Fragment,{children:[e.jsx(Be,{useCSS:!0,useTransform:!0,arrows:!1,ref:l??d,infinite:!1,dots:!0,touchMove:!1,lazyLoad:"anticipated",className:t.cx(M,t.css`
             .slick-track {
               display: flex;
               align-items: stretch;
@@ -374,7 +374,7 @@
                 width: 100%;
               }
             }
-          `,n),customPaging:T=>{var b,y;return x?x(i[T],T):e.jsx("div",{onDragEnter:()=>{var H;(H=(l??d).current)==null||H.slickGoTo(T)},children:(y=(b=i[T])==null?void 0:b.data)==null?void 0:y.name})},appendDots:T=>$?$(T):o===!1?e.jsx("div",{}):e.jsx("div",{children:e.jsx("ul",{ref:m,className:t.cx("slick-dots-default",t.css`
+          `,n),customPaging:T=>{var b,y;return x?x(i[T],T):e.jsx("div",{onDragEnter:()=>{var H;(H=(l??d).current)==null||H.slickGoTo(T)},children:(y=(b=i[T])==null?void 0:b.data)==null?void 0:y.name})},appendDots:T=>$?$(T):o===!1?e.jsx("div",{}):e.jsx("div",{children:e.jsx("ul",{ref:u,className:t.cx("slick-dots-default",t.css`
                     padding: 0.5rem;
                     display: inline-flex;
                     justify-content: center;
@@ -402,7 +402,7 @@
                     place-items: center;
                     justify-content: center;
                     align-items: center;
-                  `),animation:150,fallbackOnBody:!0,swapThreshold:.65,group:"nested",list:T.children??[],setList:b=>S(b,[T.id]),filter:".drag-disabled",onMove:b=>{C("onMove");const{dragged:y,related:H}=b,J=y.dataset,F=H.dataset;return g(null),!((Object.keys(F).length===0||F.parentIds)&&Number(J.childrenLength)>0&&H.classList.contains("sortable-group-item"))},onStart:b=>{const y=b.item.dataset;y!=null&&y.id&&u(y.id),C("onMove")},onEnd:()=>{u(null),g(null),C(null)},ghostClass:be,children:(T.children??[]).map((b,y)=>{let H;if(f)return f(b);switch(b.type){case"group":case"app":H=e.jsx(Oe,{data:b,itemIndex:y,parentIds:[T.id,b.id],onClick:a},b.id);break;default:H=e.jsx(re,{data:b,itemIndex:y,onClick:a},b.id);break}return H})})},T.id))}),e.jsx(Ue,{data:D,onClose:()=>{L(null)}}),e.jsx(_e,{data:j,onClose:()=>{q(null)},onItemClick:a})]})},We=c=>{const{list:o,onChange:n,storageKey:r,enableCaching:l,theme:a,noLetters:d,contextMenu:m,contextMenuBuilder:i,itemBuilder:S,itemIconBuilder:C,pagingDotBuilder:D,pagingDotsBuilder:L,...j}=c,q={list:o,onChange:n,storageKey:r,enableCaching:l},u={theme:a,noLetters:d,contextMenu:m,pagingDotsBuilder:L,pagingDotBuilder:D,itemBuilder:S,itemIconBuilder:C,contextMenuBuilder:i};return e.jsx(Fe,{...q,children:e.jsx(je,{...u,children:e.jsx(Ve,{...j})})})},Je={frontmatterEditor:{title:"编辑前置元数据",key:"键",value:"值",addEntry:"添加项目"},dialogControls:{save:"保存",cancel:"取消"},uploadImage:{uploadInstructions:"从您的设备中上传图片：",addViaUrlInstructions:"或从网址新增图片：",autoCompletePlaceholder:"选择或粘贴图片",alt:"替代文本：",title:"标题："},imageEditor:{editImage:"编辑图片"},createLink:{url:"网址",urlPlaceholder:"选择或粘贴网址",title:"标题",saveTooltip:"设置网址",cancelTooltip:"取消更改"},linkPreview:{open:"在新窗口中打开 {{url}}",edit:"编辑链接网址",copyToClipboard:"复制到剪贴板",copied:"已复制！",remove:"移除链接"},table:{deleteTable:"删除表格",columnMenu:"列菜单",textAlignment:"文字对齐",alignLeft:"左对齐",alignCenter:"居中对齐",alignRight:"右对齐",insertColumnLeft:"在当前列左侧插入一列",insertColumnRight:"在当前列右侧插入一列",deleteColumn:"删除此列",rowMenu:"行菜单",insertRowAbove:"在当前行上方插入一行",insertRowBelow:"在当前行下方插入一行",deleteRow:"删除此行"},toolbar:{blockTypes:{paragraph:"段落",quote:"引用",heading:"标题 {{level}}"},blockTypeSelect:{selectBlockTypeTooltip:"选择块类型",placeholder:"块类型"},toggleGroup:"切换组",removeBold:"移除粗体",bold:"粗体",removeItalic:"移除斜体",italic:"斜体",underline:"移除下划线",removeUnderline:"下划线",removeInlineCode:"移除内联代码样式",inlineCode:"内联代码样式",link:"创建链接",richText:"富文本",diffMode:"差异模式",source:"源码模式",admonition:"插入注释区块",codeBlock:"插入代码块",editFrontmatter:"编辑前置元数据",insertFrontmatter:"插入前置元数据",image:"插入图片",insertSandpack:"插入 Sandpack",table:"插入表格",thematicBreak:"插入主题换行",bulletedList:"无序列表",numberedList:"有序列表",checkList:"任务列表",deleteSandpack:"删除 Sandpack",undo:"撤销 {{shortcut}}",redo:"重做 {{shortcut}}",superscript:"上标",subscript:"下标",strikethrough:"删除线",removeSubscript:"移除下标",removeSuperscript:"移除上标",removeStrikethrough:"移除删除线"},admonitions:{note:"注意",tip:"提示",danger:"危险",info:"信息",caution:"警告",changeType:"选择注释区块类型",placeholder:"注释区块类型"},codeBlock:{language:"代码块语言",selectLanguage:"选择代码块语言",inlineLanguage:"代码块语言"},codeblock:{delete:"删除代码块"},contentArea:{editableMarkdown:"可编辑的 Markdown"},image:{delete:"删除图片"}},Ke=(c,o,n)=>{const l=c.split(".").reduce((a,d)=>typeof a=="string"?a:a[d],Je);return typeof l!="string"?o:n?l.replace(/{{(.*?)}}/g,(a,d)=>n[d]):l},Ze=t.css`
+                  `),animation:150,fallbackOnBody:!0,swapThreshold:.65,group:"nested",list:T.children??[],setList:b=>S(b,[T.id]),filter:".drag-disabled",onMove:b=>{C("onMove");const{dragged:y,related:H}=b,J=y.dataset,F=H.dataset;return g(null),!((Object.keys(F).length===0||F.parentIds)&&Number(J.childrenLength)>0&&H.classList.contains("sortable-group-item"))},onStart:b=>{const y=b.item.dataset;y!=null&&y.id&&h(y.id),C("onMove")},onEnd:()=>{h(null),g(null),C(null)},ghostClass:be,children:(T.children??[]).map((b,y)=>{let H;if(f)return f(b);switch(b.type){case"group":case"app":H=e.jsx(_e,{data:b,itemIndex:y,parentIds:[T.id,b.id],onClick:a},b.id);break;default:H=e.jsx(re,{data:b,itemIndex:y,onClick:a},b.id);break}return H})})},T.id))}),e.jsx(Ve,{data:D,onClose:()=>{L(null)}}),e.jsx(Ue,{data:j,onClose:()=>{q(null)},onItemClick:a})]})},Je=c=>{const{list:o,onChange:n,storageKey:r,enableCaching:l,theme:a,noLetters:d,contextMenu:u,contextMenuBuilder:i,itemBuilder:S,itemIconBuilder:C,pagingDotBuilder:D,pagingDotsBuilder:L,...j}=c,q={list:o,onChange:n,storageKey:r,enableCaching:l},h={theme:a,noLetters:d,contextMenu:u,pagingDotsBuilder:L,pagingDotBuilder:D,itemBuilder:S,itemIconBuilder:C,contextMenuBuilder:i};return e.jsx(Xe,{...q,children:e.jsx(He,{...h,children:e.jsx(We,{...j})})})},Ke={frontmatterEditor:{title:"编辑前置元数据",key:"键",value:"值",addEntry:"添加项目"},dialogControls:{save:"保存",cancel:"取消"},uploadImage:{uploadInstructions:"从您的设备中上传图片：",addViaUrlInstructions:"或从网址新增图片：",autoCompletePlaceholder:"选择或粘贴图片",alt:"替代文本：",title:"标题："},imageEditor:{editImage:"编辑图片"},createLink:{url:"网址",urlPlaceholder:"选择或粘贴网址",title:"标题",saveTooltip:"设置网址",cancelTooltip:"取消更改"},linkPreview:{open:"在新窗口中打开 {{url}}",edit:"编辑链接网址",copyToClipboard:"复制到剪贴板",copied:"已复制！",remove:"移除链接"},table:{deleteTable:"删除表格",columnMenu:"列菜单",textAlignment:"文字对齐",alignLeft:"左对齐",alignCenter:"居中对齐",alignRight:"右对齐",insertColumnLeft:"在当前列左侧插入一列",insertColumnRight:"在当前列右侧插入一列",deleteColumn:"删除此列",rowMenu:"行菜单",insertRowAbove:"在当前行上方插入一行",insertRowBelow:"在当前行下方插入一行",deleteRow:"删除此行"},toolbar:{blockTypes:{paragraph:"段落",quote:"引用",heading:"标题 {{level}}"},blockTypeSelect:{selectBlockTypeTooltip:"选择块类型",placeholder:"块类型"},toggleGroup:"切换组",removeBold:"移除粗体",bold:"粗体",removeItalic:"移除斜体",italic:"斜体",underline:"移除下划线",removeUnderline:"下划线",removeInlineCode:"移除内联代码样式",inlineCode:"内联代码样式",link:"创建链接",richText:"富文本",diffMode:"差异模式",source:"源码模式",admonition:"插入注释区块",codeBlock:"插入代码块",editFrontmatter:"编辑前置元数据",insertFrontmatter:"插入前置元数据",image:"插入图片",insertSandpack:"插入 Sandpack",table:"插入表格",thematicBreak:"插入主题换行",bulletedList:"无序列表",numberedList:"有序列表",checkList:"任务列表",deleteSandpack:"删除 Sandpack",undo:"撤销 {{shortcut}}",redo:"重做 {{shortcut}}",superscript:"上标",subscript:"下标",strikethrough:"删除线",removeSubscript:"移除下标",removeSuperscript:"移除上标",removeStrikethrough:"移除删除线"},admonitions:{note:"注意",tip:"提示",danger:"危险",info:"信息",caution:"警告",changeType:"选择注释区块类型",placeholder:"注释区块类型"},codeBlock:{language:"代码块语言",selectLanguage:"选择代码块语言",inlineLanguage:"代码块语言"},codeblock:{delete:"删除代码块"},contentArea:{editableMarkdown:"可编辑的 Markdown"},image:{delete:"删除图片"}},Ze=(c,o,n)=>{const l=c.split(".").reduce((a,d)=>typeof a=="string"?a:a[d],Ke);return typeof l!="string"?o:n?l.replace(/{{(.*?)}}/g,(a,d)=>n[d]):l},Qe=t.css`
   --accentBase: var(--tomato-1);
   --accentBgSubtle: var(--tomato-2);
   --accentBg: var(--tomato-3);
@@ -456,7 +456,7 @@
     rgba(255, 255, 255, 0.05),
     rgba(255, 255, 255, 0.05)
   );
-`,Qe=t.css`
+`,Re=t.css`
   [class*="_toolbarRoot"] {
     flex-wrap: wrap;
     transition: all 0.3s;
@@ -656,6 +656,6 @@
     --color-prettylights-syntax-meta-diff-range: #d2a8ff;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
   }
-`,ne=c=>{var o,n;return c==="dark"?!0:c==="light"?!1:(o=document.documentElement.getAttribute("style"))!=null&&o.includes("color-scheme: dark;")?!0:(n=document.documentElement.getAttribute("style"))!=null&&n.includes("color-scheme: light;")?!1:window.matchMedia("(prefers-color-scheme: dark)").matches},Re=c=>{const{value:o,onChange:n,translation:r,pluginConfig:l,className:a,theme:d="auto",...m}=c,i=k.useRef(null),{image:S,diffSource:C={viewMode:"rich-text"},headings:D,link:L,codeBlock:j,codeMirror:q={codeBlockLanguages:{js:"JavaScript",css:"CSS",txt:"Plain Text",tsx:"TypeScript","":"Unspecified"}},directives:u={directiveDescriptors:[h.AdmonitionDirectiveDescriptor]}}=l??{},[g,I]=k.useState("");return k.useEffect(()=>{var x;o!==void 0&&i.current&&((x=i.current)==null||x.setMarkdown(o),I(o))},[o,i]),e.jsx(h.MDXEditor,{ref:i,className:t.cx(Qe,ne(d)?Ze:"",ne(d)?ye:xe,a),contentEditableClassName:ke,markdown:g,onChange:x=>{!o&&!n&&I(x),n&&n(x)},translation:r??Ke,plugins:[h.toolbarPlugin({toolbarContents:()=>e.jsxs(h.DiffSourceToggleWrapper,{options:["rich-text","source"],children:[e.jsx(h.UndoRedo,{}),e.jsx(h.Separator,{}),e.jsx(h.BoldItalicUnderlineToggles,{}),e.jsx(h.CodeToggle,{}),e.jsx(h.Separator,{}),e.jsx(h.StrikeThroughSupSubToggles,{}),e.jsx(h.Separator,{}),e.jsx(h.ListsToggle,{}),e.jsx(h.Separator,{}),e.jsx(h.CreateLink,{}),e.jsx(h.InsertImage,{}),e.jsx(h.Separator,{}),e.jsx(h.InsertTable,{}),e.jsx(h.InsertThematicBreak,{}),e.jsx(h.Separator,{}),e.jsx(h.InsertCodeBlock,{}),e.jsx(h.Separator,{}),e.jsx(h.InsertFrontmatter,{})]})}),h.diffSourcePlugin(C),h.listsPlugin(),h.quotePlugin(),h.headingsPlugin(D),h.linkPlugin(L),h.linkDialogPlugin(),h.imagePlugin(S),h.tablePlugin(),h.thematicBreakPlugin(),h.frontmatterPlugin(),h.codeBlockPlugin(j),h.codeMirrorPlugin(q),h.markdownShortcutPlugin(),h.directivesPlugin(u)],...m})},eo={'code[class*="language-"]':{background:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)",fontFamily:'"Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace',direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"2",OTabSize:"2",tabSize:"2",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none"},'pre[class*="language-"]':{background:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)",fontFamily:'"Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace',direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"2",OTabSize:"2",tabSize:"2",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none",padding:"1em",margin:"0.5em 0",overflow:"auto",borderRadius:"0.3em"},'code[class*="language-"]::-moz-selection':{background:"hsl(230, 1%, 90%)",color:"inherit"},'code[class*="language-"] *::-moz-selection':{background:"hsl(230, 1%, 90%)",color:"inherit"},'pre[class*="language-"] *::-moz-selection':{background:"hsl(230, 1%, 90%)",color:"inherit"},'code[class*="language-"]::selection':{background:"hsl(230, 1%, 90%)",color:"inherit"},'code[class*="language-"] *::selection':{background:"hsl(230, 1%, 90%)",color:"inherit"},'pre[class*="language-"] *::selection':{background:"hsl(230, 1%, 90%)",color:"inherit"},':not(pre) > code[class*="language-"]':{padding:"0.2em 0.3em",borderRadius:"0.3em",whiteSpace:"normal"},comment:{color:"hsl(230, 4%, 64%)",fontStyle:"italic"},prolog:{color:"hsl(230, 4%, 64%)"},cdata:{color:"hsl(230, 4%, 64%)"},doctype:{color:"hsl(230, 8%, 24%)"},punctuation:{color:"hsl(230, 8%, 24%)"},entity:{color:"hsl(230, 8%, 24%)",cursor:"help"},"attr-name":{color:"hsl(35, 99%, 36%)"},"class-name":{color:"hsl(35, 99%, 36%)"},boolean:{color:"hsl(35, 99%, 36%)"},constant:{color:"hsl(35, 99%, 36%)"},number:{color:"hsl(35, 99%, 36%)"},atrule:{color:"hsl(35, 99%, 36%)"},keyword:{color:"hsl(301, 63%, 40%)"},property:{color:"hsl(5, 74%, 59%)"},tag:{color:"hsl(5, 74%, 59%)"},symbol:{color:"hsl(5, 74%, 59%)"},deleted:{color:"hsl(5, 74%, 59%)"},important:{color:"hsl(5, 74%, 59%)"},selector:{color:"hsl(119, 34%, 47%)"},string:{color:"hsl(119, 34%, 47%)"},char:{color:"hsl(119, 34%, 47%)"},builtin:{color:"hsl(119, 34%, 47%)"},inserted:{color:"hsl(119, 34%, 47%)"},regex:{color:"hsl(119, 34%, 47%)"},"attr-value":{color:"hsl(119, 34%, 47%)"},"attr-value > .token.punctuation":{color:"hsl(119, 34%, 47%)"},variable:{color:"hsl(221, 87%, 60%)"},operator:{color:"hsl(221, 87%, 60%)"},function:{color:"hsl(221, 87%, 60%)"},url:{color:"hsl(198, 99%, 37%)"},"attr-value > .token.punctuation.attr-equals":{color:"hsl(230, 8%, 24%)"},"special-attr > .token.attr-value > .token.value.css":{color:"hsl(230, 8%, 24%)"},".language-css .token.selector":{color:"hsl(5, 74%, 59%)"},".language-css .token.property":{color:"hsl(230, 8%, 24%)"},".language-css .token.function":{color:"hsl(198, 99%, 37%)"},".language-css .token.url > .token.function":{color:"hsl(198, 99%, 37%)"},".language-css .token.url > .token.string.url":{color:"hsl(119, 34%, 47%)"},".language-css .token.important":{color:"hsl(301, 63%, 40%)"},".language-css .token.atrule .token.rule":{color:"hsl(301, 63%, 40%)"},".language-javascript .token.operator":{color:"hsl(301, 63%, 40%)"},".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation":{color:"hsl(344, 84%, 43%)"},".language-json .token.operator":{color:"hsl(230, 8%, 24%)"},".language-json .token.null.keyword":{color:"hsl(35, 99%, 36%)"},".language-markdown .token.url":{color:"hsl(230, 8%, 24%)"},".language-markdown .token.url > .token.operator":{color:"hsl(230, 8%, 24%)"},".language-markdown .token.url-reference.url > .token.string":{color:"hsl(230, 8%, 24%)"},".language-markdown .token.url > .token.content":{color:"hsl(221, 87%, 60%)"},".language-markdown .token.url > .token.url":{color:"hsl(198, 99%, 37%)"},".language-markdown .token.url-reference.url":{color:"hsl(198, 99%, 37%)"},".language-markdown .token.blockquote.punctuation":{color:"hsl(230, 4%, 64%)",fontStyle:"italic"},".language-markdown .token.hr.punctuation":{color:"hsl(230, 4%, 64%)",fontStyle:"italic"},".language-markdown .token.code-snippet":{color:"hsl(119, 34%, 47%)"},".language-markdown .token.bold .token.content":{color:"hsl(35, 99%, 36%)"},".language-markdown .token.italic .token.content":{color:"hsl(301, 63%, 40%)"},".language-markdown .token.strike .token.content":{color:"hsl(5, 74%, 59%)"},".language-markdown .token.strike .token.punctuation":{color:"hsl(5, 74%, 59%)"},".language-markdown .token.list.punctuation":{color:"hsl(5, 74%, 59%)"},".language-markdown .token.title.important > .token.punctuation":{color:"hsl(5, 74%, 59%)"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"},namespace:{Opacity:"0.8"},"token.tab:not(:empty):before":{color:"hsla(230, 8%, 24%, 0.2)"},"token.cr:before":{color:"hsla(230, 8%, 24%, 0.2)"},"token.lf:before":{color:"hsla(230, 8%, 24%, 0.2)"},"token.space:before":{color:"hsla(230, 8%, 24%, 0.2)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item":{marginRight:"0.4em"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button":{background:"hsl(230, 1%, 90%)",color:"hsl(230, 6%, 44%)",padding:"0.1em 0.4em",borderRadius:"0.3em"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a":{background:"hsl(230, 1%, 90%)",color:"hsl(230, 6%, 44%)",padding:"0.1em 0.4em",borderRadius:"0.3em"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span":{background:"hsl(230, 1%, 90%)",color:"hsl(230, 6%, 44%)",padding:"0.1em 0.4em",borderRadius:"0.3em"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover":{background:"hsl(230, 1%, 78%)",color:"hsl(230, 8%, 24%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus":{background:"hsl(230, 1%, 78%)",color:"hsl(230, 8%, 24%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover":{background:"hsl(230, 1%, 78%)",color:"hsl(230, 8%, 24%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus":{background:"hsl(230, 1%, 78%)",color:"hsl(230, 8%, 24%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover":{background:"hsl(230, 1%, 78%)",color:"hsl(230, 8%, 24%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus":{background:"hsl(230, 1%, 78%)",color:"hsl(230, 8%, 24%)"},".line-highlight.line-highlight":{background:"hsla(230, 8%, 24%, 0.05)"},".line-highlight.line-highlight:before":{background:"hsl(230, 1%, 90%)",color:"hsl(230, 8%, 24%)",padding:"0.1em 0.6em",borderRadius:"0.3em",boxShadow:"0 2px 0 0 rgba(0, 0, 0, 0.2)"},".line-highlight.line-highlight[data-end]:after":{background:"hsl(230, 1%, 90%)",color:"hsl(230, 8%, 24%)",padding:"0.1em 0.6em",borderRadius:"0.3em",boxShadow:"0 2px 0 0 rgba(0, 0, 0, 0.2)"},"pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before":{backgroundColor:"hsla(230, 8%, 24%, 0.05)"},".line-numbers.line-numbers .line-numbers-rows":{borderRightColor:"hsla(230, 8%, 24%, 0.2)"},".command-line .command-line-prompt":{borderRightColor:"hsla(230, 8%, 24%, 0.2)"},".line-numbers .line-numbers-rows > span:before":{color:"hsl(230, 1%, 62%)"},".command-line .command-line-prompt > span:before":{color:"hsl(230, 1%, 62%)"},".rainbow-braces .token.token.punctuation.brace-level-1":{color:"hsl(5, 74%, 59%)"},".rainbow-braces .token.token.punctuation.brace-level-5":{color:"hsl(5, 74%, 59%)"},".rainbow-braces .token.token.punctuation.brace-level-9":{color:"hsl(5, 74%, 59%)"},".rainbow-braces .token.token.punctuation.brace-level-2":{color:"hsl(119, 34%, 47%)"},".rainbow-braces .token.token.punctuation.brace-level-6":{color:"hsl(119, 34%, 47%)"},".rainbow-braces .token.token.punctuation.brace-level-10":{color:"hsl(119, 34%, 47%)"},".rainbow-braces .token.token.punctuation.brace-level-3":{color:"hsl(221, 87%, 60%)"},".rainbow-braces .token.token.punctuation.brace-level-7":{color:"hsl(221, 87%, 60%)"},".rainbow-braces .token.token.punctuation.brace-level-11":{color:"hsl(221, 87%, 60%)"},".rainbow-braces .token.token.punctuation.brace-level-4":{color:"hsl(301, 63%, 40%)"},".rainbow-braces .token.token.punctuation.brace-level-8":{color:"hsl(301, 63%, 40%)"},".rainbow-braces .token.token.punctuation.brace-level-12":{color:"hsl(301, 63%, 40%)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix)":{backgroundColor:"hsla(353, 100%, 66%, 0.15)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix)":{backgroundColor:"hsla(353, 100%, 66%, 0.15)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix)":{backgroundColor:"hsla(137, 100%, 55%, 0.15)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix)":{backgroundColor:"hsla(137, 100%, 55%, 0.15)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},".prism-previewer.prism-previewer:before":{borderColor:"hsl(0, 0, 95%)"},".prism-previewer-gradient.prism-previewer-gradient div":{borderColor:"hsl(0, 0, 95%)",borderRadius:"0.3em"},".prism-previewer-color.prism-previewer-color:before":{borderRadius:"0.3em"},".prism-previewer-easing.prism-previewer-easing:before":{borderRadius:"0.3em"},".prism-previewer.prism-previewer:after":{borderTopColor:"hsl(0, 0, 95%)"},".prism-previewer-flipped.prism-previewer-flipped.after":{borderBottomColor:"hsl(0, 0, 95%)"},".prism-previewer-angle.prism-previewer-angle:before":{background:"hsl(0, 0%, 100%)"},".prism-previewer-time.prism-previewer-time:before":{background:"hsl(0, 0%, 100%)"},".prism-previewer-easing.prism-previewer-easing":{background:"hsl(0, 0%, 100%)"},".prism-previewer-angle.prism-previewer-angle circle":{stroke:"hsl(230, 8%, 24%)",strokeOpacity:"1"},".prism-previewer-time.prism-previewer-time circle":{stroke:"hsl(230, 8%, 24%)",strokeOpacity:"1"},".prism-previewer-easing.prism-previewer-easing circle":{stroke:"hsl(230, 8%, 24%)",fill:"transparent"},".prism-previewer-easing.prism-previewer-easing path":{stroke:"hsl(230, 8%, 24%)"},".prism-previewer-easing.prism-previewer-easing line":{stroke:"hsl(230, 8%, 24%)"}},oo=c=>{const{children:o="",className:n,theme:r="auto",imageProps:l}=c;return e.jsx("div",{className:ne(r)?ye:xe,children:e.jsx(De,{className:t.cx(ke,n),remarkPlugins:[Le,Pe],rehypePlugins:[ze],components:{code(a){const{children:d,className:m,node:i,ref:S,...C}=a,D=/language-(\w+)/.exec(m||"");return D?e.jsx($e.Prism,{...C,PreTag:"div",children:String(d).replace(/\n$/,""),language:D[1],style:eo}):e.jsx("code",{...C,className:m,children:d})},img(a){return e.jsx(Ae,{...a,preview:{icons:{rotateLeft:e.jsx(G.RiAnticlockwise2Line,{}),rotateRight:e.jsx(G.RiClockwise2Line,{}),zoomIn:e.jsx(G.RiZoomInLine,{}),zoomOut:e.jsx(G.RiZoomOutLine,{}),close:e.jsx(G.RiCloseLine,{}),left:e.jsx(G.RiArrowLeftLine,{}),right:e.jsx(G.RiArrowRightLine,{}),flipX:e.jsx(G.RiArrowLeftRightLine,{}),flipY:e.jsx(G.RiArrowUpDownLine,{})},onVisibleChange:d=>{console.log("visible",d)},zIndex:9999,mask:""},className:t.css`
+`,ne=c=>{var o,n;return c==="dark"?!0:c==="light"?!1:(o=document.documentElement.getAttribute("style"))!=null&&o.includes("color-scheme: dark;")?!0:(n=document.documentElement.getAttribute("style"))!=null&&n.includes("color-scheme: light;")?!1:window.matchMedia("(prefers-color-scheme: dark)").matches},eo=c=>{const{value:o,onChange:n,translation:r,pluginConfig:l,className:a,theme:d="auto",...u}=c,i=k.useRef(null),{image:S,diffSource:C={viewMode:"rich-text"},headings:D,link:L,codeBlock:j,codeMirror:q={codeBlockLanguages:{js:"JavaScript",css:"CSS",txt:"Plain Text",tsx:"TypeScript","":"Unspecified"}},directives:h={directiveDescriptors:[m.AdmonitionDirectiveDescriptor]}}=l??{},[g,I]=k.useState("");return k.useEffect(()=>{var x;o!==void 0&&i.current&&((x=i.current)==null||x.setMarkdown(o),I(o))},[o,i]),e.jsx(m.MDXEditor,{ref:i,className:t.cx(Re,ne(d)?Qe:"",ne(d)?ye:xe,a),contentEditableClassName:ke,markdown:g,onChange:x=>{!o&&!n&&I(x),n&&n(x)},translation:r??Ze,plugins:[m.toolbarPlugin({toolbarContents:()=>e.jsxs(m.DiffSourceToggleWrapper,{options:["rich-text","source"],children:[e.jsx(m.UndoRedo,{}),e.jsx(m.Separator,{}),e.jsx(m.BoldItalicUnderlineToggles,{}),e.jsx(m.CodeToggle,{}),e.jsx(m.Separator,{}),e.jsx(m.StrikeThroughSupSubToggles,{}),e.jsx(m.Separator,{}),e.jsx(m.ListsToggle,{}),e.jsx(m.Separator,{}),e.jsx(m.CreateLink,{}),e.jsx(m.InsertImage,{}),e.jsx(m.Separator,{}),e.jsx(m.InsertTable,{}),e.jsx(m.InsertThematicBreak,{}),e.jsx(m.Separator,{}),e.jsx(m.InsertCodeBlock,{}),e.jsx(m.Separator,{}),e.jsx(m.InsertFrontmatter,{})]})}),m.diffSourcePlugin(C),m.listsPlugin(),m.quotePlugin(),m.headingsPlugin(D),m.linkPlugin(L),m.linkDialogPlugin(),m.imagePlugin(S),m.tablePlugin(),m.thematicBreakPlugin(),m.frontmatterPlugin(),m.codeBlockPlugin(j),m.codeMirrorPlugin(q),m.markdownShortcutPlugin(),m.directivesPlugin(h)],...u})},oo={'code[class*="language-"]':{background:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)",fontFamily:'"Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace',direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"2",OTabSize:"2",tabSize:"2",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none"},'pre[class*="language-"]':{background:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)",fontFamily:'"Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace',direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"2",OTabSize:"2",tabSize:"2",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none",padding:"1em",margin:"0.5em 0",overflow:"auto",borderRadius:"0.3em"},'code[class*="language-"]::-moz-selection':{background:"hsl(230, 1%, 90%)",color:"inherit"},'code[class*="language-"] *::-moz-selection':{background:"hsl(230, 1%, 90%)",color:"inherit"},'pre[class*="language-"] *::-moz-selection':{background:"hsl(230, 1%, 90%)",color:"inherit"},'code[class*="language-"]::selection':{background:"hsl(230, 1%, 90%)",color:"inherit"},'code[class*="language-"] *::selection':{background:"hsl(230, 1%, 90%)",color:"inherit"},'pre[class*="language-"] *::selection':{background:"hsl(230, 1%, 90%)",color:"inherit"},':not(pre) > code[class*="language-"]':{padding:"0.2em 0.3em",borderRadius:"0.3em",whiteSpace:"normal"},comment:{color:"hsl(230, 4%, 64%)",fontStyle:"italic"},prolog:{color:"hsl(230, 4%, 64%)"},cdata:{color:"hsl(230, 4%, 64%)"},doctype:{color:"hsl(230, 8%, 24%)"},punctuation:{color:"hsl(230, 8%, 24%)"},entity:{color:"hsl(230, 8%, 24%)",cursor:"help"},"attr-name":{color:"hsl(35, 99%, 36%)"},"class-name":{color:"hsl(35, 99%, 36%)"},boolean:{color:"hsl(35, 99%, 36%)"},constant:{color:"hsl(35, 99%, 36%)"},number:{color:"hsl(35, 99%, 36%)"},atrule:{color:"hsl(35, 99%, 36%)"},keyword:{color:"hsl(301, 63%, 40%)"},property:{color:"hsl(5, 74%, 59%)"},tag:{color:"hsl(5, 74%, 59%)"},symbol:{color:"hsl(5, 74%, 59%)"},deleted:{color:"hsl(5, 74%, 59%)"},important:{color:"hsl(5, 74%, 59%)"},selector:{color:"hsl(119, 34%, 47%)"},string:{color:"hsl(119, 34%, 47%)"},char:{color:"hsl(119, 34%, 47%)"},builtin:{color:"hsl(119, 34%, 47%)"},inserted:{color:"hsl(119, 34%, 47%)"},regex:{color:"hsl(119, 34%, 47%)"},"attr-value":{color:"hsl(119, 34%, 47%)"},"attr-value > .token.punctuation":{color:"hsl(119, 34%, 47%)"},variable:{color:"hsl(221, 87%, 60%)"},operator:{color:"hsl(221, 87%, 60%)"},function:{color:"hsl(221, 87%, 60%)"},url:{color:"hsl(198, 99%, 37%)"},"attr-value > .token.punctuation.attr-equals":{color:"hsl(230, 8%, 24%)"},"special-attr > .token.attr-value > .token.value.css":{color:"hsl(230, 8%, 24%)"},".language-css .token.selector":{color:"hsl(5, 74%, 59%)"},".language-css .token.property":{color:"hsl(230, 8%, 24%)"},".language-css .token.function":{color:"hsl(198, 99%, 37%)"},".language-css .token.url > .token.function":{color:"hsl(198, 99%, 37%)"},".language-css .token.url > .token.string.url":{color:"hsl(119, 34%, 47%)"},".language-css .token.important":{color:"hsl(301, 63%, 40%)"},".language-css .token.atrule .token.rule":{color:"hsl(301, 63%, 40%)"},".language-javascript .token.operator":{color:"hsl(301, 63%, 40%)"},".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation":{color:"hsl(344, 84%, 43%)"},".language-json .token.operator":{color:"hsl(230, 8%, 24%)"},".language-json .token.null.keyword":{color:"hsl(35, 99%, 36%)"},".language-markdown .token.url":{color:"hsl(230, 8%, 24%)"},".language-markdown .token.url > .token.operator":{color:"hsl(230, 8%, 24%)"},".language-markdown .token.url-reference.url > .token.string":{color:"hsl(230, 8%, 24%)"},".language-markdown .token.url > .token.content":{color:"hsl(221, 87%, 60%)"},".language-markdown .token.url > .token.url":{color:"hsl(198, 99%, 37%)"},".language-markdown .token.url-reference.url":{color:"hsl(198, 99%, 37%)"},".language-markdown .token.blockquote.punctuation":{color:"hsl(230, 4%, 64%)",fontStyle:"italic"},".language-markdown .token.hr.punctuation":{color:"hsl(230, 4%, 64%)",fontStyle:"italic"},".language-markdown .token.code-snippet":{color:"hsl(119, 34%, 47%)"},".language-markdown .token.bold .token.content":{color:"hsl(35, 99%, 36%)"},".language-markdown .token.italic .token.content":{color:"hsl(301, 63%, 40%)"},".language-markdown .token.strike .token.content":{color:"hsl(5, 74%, 59%)"},".language-markdown .token.strike .token.punctuation":{color:"hsl(5, 74%, 59%)"},".language-markdown .token.list.punctuation":{color:"hsl(5, 74%, 59%)"},".language-markdown .token.title.important > .token.punctuation":{color:"hsl(5, 74%, 59%)"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"},namespace:{Opacity:"0.8"},"token.tab:not(:empty):before":{color:"hsla(230, 8%, 24%, 0.2)"},"token.cr:before":{color:"hsla(230, 8%, 24%, 0.2)"},"token.lf:before":{color:"hsla(230, 8%, 24%, 0.2)"},"token.space:before":{color:"hsla(230, 8%, 24%, 0.2)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item":{marginRight:"0.4em"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button":{background:"hsl(230, 1%, 90%)",color:"hsl(230, 6%, 44%)",padding:"0.1em 0.4em",borderRadius:"0.3em"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a":{background:"hsl(230, 1%, 90%)",color:"hsl(230, 6%, 44%)",padding:"0.1em 0.4em",borderRadius:"0.3em"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span":{background:"hsl(230, 1%, 90%)",color:"hsl(230, 6%, 44%)",padding:"0.1em 0.4em",borderRadius:"0.3em"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover":{background:"hsl(230, 1%, 78%)",color:"hsl(230, 8%, 24%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus":{background:"hsl(230, 1%, 78%)",color:"hsl(230, 8%, 24%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover":{background:"hsl(230, 1%, 78%)",color:"hsl(230, 8%, 24%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus":{background:"hsl(230, 1%, 78%)",color:"hsl(230, 8%, 24%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover":{background:"hsl(230, 1%, 78%)",color:"hsl(230, 8%, 24%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus":{background:"hsl(230, 1%, 78%)",color:"hsl(230, 8%, 24%)"},".line-highlight.line-highlight":{background:"hsla(230, 8%, 24%, 0.05)"},".line-highlight.line-highlight:before":{background:"hsl(230, 1%, 90%)",color:"hsl(230, 8%, 24%)",padding:"0.1em 0.6em",borderRadius:"0.3em",boxShadow:"0 2px 0 0 rgba(0, 0, 0, 0.2)"},".line-highlight.line-highlight[data-end]:after":{background:"hsl(230, 1%, 90%)",color:"hsl(230, 8%, 24%)",padding:"0.1em 0.6em",borderRadius:"0.3em",boxShadow:"0 2px 0 0 rgba(0, 0, 0, 0.2)"},"pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before":{backgroundColor:"hsla(230, 8%, 24%, 0.05)"},".line-numbers.line-numbers .line-numbers-rows":{borderRightColor:"hsla(230, 8%, 24%, 0.2)"},".command-line .command-line-prompt":{borderRightColor:"hsla(230, 8%, 24%, 0.2)"},".line-numbers .line-numbers-rows > span:before":{color:"hsl(230, 1%, 62%)"},".command-line .command-line-prompt > span:before":{color:"hsl(230, 1%, 62%)"},".rainbow-braces .token.token.punctuation.brace-level-1":{color:"hsl(5, 74%, 59%)"},".rainbow-braces .token.token.punctuation.brace-level-5":{color:"hsl(5, 74%, 59%)"},".rainbow-braces .token.token.punctuation.brace-level-9":{color:"hsl(5, 74%, 59%)"},".rainbow-braces .token.token.punctuation.brace-level-2":{color:"hsl(119, 34%, 47%)"},".rainbow-braces .token.token.punctuation.brace-level-6":{color:"hsl(119, 34%, 47%)"},".rainbow-braces .token.token.punctuation.brace-level-10":{color:"hsl(119, 34%, 47%)"},".rainbow-braces .token.token.punctuation.brace-level-3":{color:"hsl(221, 87%, 60%)"},".rainbow-braces .token.token.punctuation.brace-level-7":{color:"hsl(221, 87%, 60%)"},".rainbow-braces .token.token.punctuation.brace-level-11":{color:"hsl(221, 87%, 60%)"},".rainbow-braces .token.token.punctuation.brace-level-4":{color:"hsl(301, 63%, 40%)"},".rainbow-braces .token.token.punctuation.brace-level-8":{color:"hsl(301, 63%, 40%)"},".rainbow-braces .token.token.punctuation.brace-level-12":{color:"hsl(301, 63%, 40%)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix)":{backgroundColor:"hsla(353, 100%, 66%, 0.15)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix)":{backgroundColor:"hsla(353, 100%, 66%, 0.15)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix)":{backgroundColor:"hsla(137, 100%, 55%, 0.15)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix)":{backgroundColor:"hsla(137, 100%, 55%, 0.15)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},".prism-previewer.prism-previewer:before":{borderColor:"hsl(0, 0, 95%)"},".prism-previewer-gradient.prism-previewer-gradient div":{borderColor:"hsl(0, 0, 95%)",borderRadius:"0.3em"},".prism-previewer-color.prism-previewer-color:before":{borderRadius:"0.3em"},".prism-previewer-easing.prism-previewer-easing:before":{borderRadius:"0.3em"},".prism-previewer.prism-previewer:after":{borderTopColor:"hsl(0, 0, 95%)"},".prism-previewer-flipped.prism-previewer-flipped.after":{borderBottomColor:"hsl(0, 0, 95%)"},".prism-previewer-angle.prism-previewer-angle:before":{background:"hsl(0, 0%, 100%)"},".prism-previewer-time.prism-previewer-time:before":{background:"hsl(0, 0%, 100%)"},".prism-previewer-easing.prism-previewer-easing":{background:"hsl(0, 0%, 100%)"},".prism-previewer-angle.prism-previewer-angle circle":{stroke:"hsl(230, 8%, 24%)",strokeOpacity:"1"},".prism-previewer-time.prism-previewer-time circle":{stroke:"hsl(230, 8%, 24%)",strokeOpacity:"1"},".prism-previewer-easing.prism-previewer-easing circle":{stroke:"hsl(230, 8%, 24%)",fill:"transparent"},".prism-previewer-easing.prism-previewer-easing path":{stroke:"hsl(230, 8%, 24%)"},".prism-previewer-easing.prism-previewer-easing line":{stroke:"hsl(230, 8%, 24%)"}},ve=c=>{const{children:o="",className:n,theme:r="auto",imageProps:l}=c;return e.jsx("div",{className:ne(r)?ye:xe,children:e.jsx(Le,{className:t.cx(ke,n),remarkPlugins:[Pe,ze],rehypePlugins:[$e],components:{code(a){const{children:d,className:u,node:i,ref:S,...C}=a,D=/language-(\w+)/.exec(u||"");return D?e.jsx(Ae.Prism,{...C,PreTag:"div",children:String(d).replace(/\n$/,""),language:D[1],style:oo}):e.jsx("code",{...C,className:u,children:d})},img(a){const{preview:d,...u}=l??{};return e.jsx(qe,{...a,preview:d instanceof Boolean?d:{icons:{rotateLeft:e.jsx(G.RiAnticlockwise2Line,{}),rotateRight:e.jsx(G.RiClockwise2Line,{}),zoomIn:e.jsx(G.RiZoomInLine,{}),zoomOut:e.jsx(G.RiZoomOutLine,{}),close:e.jsx(G.RiCloseLine,{}),left:e.jsx(G.RiArrowLeftLine,{}),right:e.jsx(G.RiArrowRightLine,{}),flipX:e.jsx(G.RiArrowLeftRightLine,{}),flipY:e.jsx(G.RiArrowUpDownLine,{})},zIndex:9999,mask:" ",...d},className:t.css`
                   cursor: zoom-in;
-                `,...l})}},children:o})})},ve=Re;ve.Preview=oo;function we(...c){return Ee.twMerge(qe.clsx(c))}const to=c=>{const{mouseX:o,title:n,icon:r,href:l}=c,a=k.useRef(null),d=s.useTransform(o,I=>{var $;const x=(($=a.current)==null?void 0:$.getBoundingClientRect())??{x:0,width:0};return I-x.x-x.width/2}),m=s.useTransform(d,[-150,0,150],[40,80,40]),i=s.useTransform(d,[-150,0,150],[40,80,40]),S=s.useTransform(d,[-150,0,150],[20,40,20]),C=s.useTransform(d,[-150,0,150],[20,40,20]),D=s.useSpring(m,{mass:.1,stiffness:150,damping:12}),L=s.useSpring(i,{mass:.1,stiffness:150,damping:12}),j=s.useSpring(S,{mass:.1,stiffness:150,damping:12}),q=s.useSpring(C,{mass:.1,stiffness:150,damping:12}),[u,g]=k.useState(!1);return e.jsx("a",{href:l,children:e.jsxs(s.motion.div,{ref:a,style:{width:D,height:L},onMouseEnter:()=>g(!0),onMouseLeave:()=>g(!1),className:"aspect-square rounded-full bg-gray-200 dark:bg-neutral-800 flex items-center justify-center relative",children:[e.jsx(s.AnimatePresence,{children:u&&e.jsx(s.motion.div,{initial:{opacity:0,y:10,x:"-50%"},animate:{opacity:1,y:0,x:"-50%"},exit:{opacity:0,y:2,x:"-50%"},className:"px-2 py-0.5 whitespace-pre rounded-md bg-gray-100 border dark:bg-neutral-800 dark:border-neutral-900 dark:text-white border-gray-200 text-neutral-700 absolute left-1/2 -translate-x-1/2 -top-8 w-fit text-xs",children:n})}),e.jsx(s.motion.div,{style:{width:j,height:q},className:"flex items-center justify-center",children:r})]})})},Ce=c=>{const{items:o,className:n}=c,r=s.useMotionValue(1/0);return e.jsx(s.motion.div,{onMouseMove:l=>r.set(l.pageX),onMouseLeave:()=>r.set(1/0),className:we("mx-auto hidden md:flex h-16 gap-4 items-end  rounded-2xl bg-gray-50 dark:bg-neutral-900 px-4 pb-3",n),children:o.map(l=>e.jsx(to,{mouseX:r,...l},l.title))})},Se=c=>{const{items:o,className:n,collapseIcon:r,autoHidden:l=!1}=c,[a,d]=k.useState(!1),m=()=>{d(!a)};return e.jsxs("div",{className:we("relative block",l?"md:hidden":"",n),children:[e.jsx(s.AnimatePresence,{children:a&&e.jsx(s.motion.div,{layoutId:"nav",className:"absolute bottom-full mb-2 inset-x-0 flex flex-col gap-2",children:o.map((i,S)=>e.jsx(s.motion.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:10,transition:{delay:S*.05}},transition:{delay:(o.length-1-S)*.05},children:e.jsx("a",{href:i.href,className:"h-10 w-10 rounded-full bg-gray-50 dark:bg-neutral-900 flex items-center justify-center",children:e.jsx("div",{className:"h-4 w-4",children:i.icon})},i.title)},i.title))})}),e.jsx("button",{onClick:m,className:"h-10 w-10 rounded-full bg-gray-50 dark:bg-neutral-800 flex items-center justify-center",children:r||e.jsx(G.RiMoreLine,{className:"h-5 w-5 text-neutral-500 dark:text-neutral-400"})})]})},ae=c=>{const{items:o,desktopClassName:n,mobileClassName:r,...l}=c;return e.jsxs(e.Fragment,{children:[e.jsx(Ce,{items:o,className:n,...l}),e.jsx(Se,{items:o,className:r,autoHidden:!0,...l})]})};ae.Desktop=Ce,ae.Mobile=Se,p.Desktop=We,p.Dock=ae,p.MdEditor=ve,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});
+                `,...u})}},children:o})})},we=eo;we.Preview=ve;function Ce(...c){return je.twMerge(Ee.clsx(c))}const to=c=>{const{mouseX:o,title:n,icon:r,href:l}=c,a=k.useRef(null),d=s.useTransform(o,I=>{var $;const x=(($=a.current)==null?void 0:$.getBoundingClientRect())??{x:0,width:0};return I-x.x-x.width/2}),u=s.useTransform(d,[-150,0,150],[40,80,40]),i=s.useTransform(d,[-150,0,150],[40,80,40]),S=s.useTransform(d,[-150,0,150],[20,40,20]),C=s.useTransform(d,[-150,0,150],[20,40,20]),D=s.useSpring(u,{mass:.1,stiffness:150,damping:12}),L=s.useSpring(i,{mass:.1,stiffness:150,damping:12}),j=s.useSpring(S,{mass:.1,stiffness:150,damping:12}),q=s.useSpring(C,{mass:.1,stiffness:150,damping:12}),[h,g]=k.useState(!1);return e.jsx("a",{href:l,children:e.jsxs(s.motion.div,{ref:a,style:{width:D,height:L},onMouseEnter:()=>g(!0),onMouseLeave:()=>g(!1),className:"aspect-square rounded-full bg-gray-200 dark:bg-neutral-800 flex items-center justify-center relative",children:[e.jsx(s.AnimatePresence,{children:h&&e.jsx(s.motion.div,{initial:{opacity:0,y:10,x:"-50%"},animate:{opacity:1,y:0,x:"-50%"},exit:{opacity:0,y:2,x:"-50%"},className:"px-2 py-0.5 whitespace-pre rounded-md bg-gray-100 border dark:bg-neutral-800 dark:border-neutral-900 dark:text-white border-gray-200 text-neutral-700 absolute left-1/2 -translate-x-1/2 -top-8 w-fit text-xs",children:n})}),e.jsx(s.motion.div,{style:{width:j,height:q},className:"flex items-center justify-center",children:r})]})})},Se=c=>{const{items:o,className:n}=c,r=s.useMotionValue(1/0);return e.jsx(s.motion.div,{onMouseMove:l=>r.set(l.pageX),onMouseLeave:()=>r.set(1/0),className:Ce("mx-auto hidden md:flex h-16 gap-4 items-end  rounded-2xl bg-gray-50 dark:bg-neutral-900 px-4 pb-3",n),children:o.map(l=>e.jsx(to,{mouseX:r,...l},l.title))})},Ie=c=>{const{items:o,className:n,collapseIcon:r,autoHidden:l=!1}=c,[a,d]=k.useState(!1),u=()=>{d(!a)};return e.jsxs("div",{className:Ce("relative block",l?"md:hidden":"",n),children:[e.jsx(s.AnimatePresence,{children:a&&e.jsx(s.motion.div,{layoutId:"nav",className:"absolute bottom-full mb-2 inset-x-0 flex flex-col gap-2",children:o.map((i,S)=>e.jsx(s.motion.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:10,transition:{delay:S*.05}},transition:{delay:(o.length-1-S)*.05},children:e.jsx("a",{href:i.href,className:"h-10 w-10 rounded-full bg-gray-50 dark:bg-neutral-900 flex items-center justify-center",children:e.jsx("div",{className:"h-4 w-4",children:i.icon})},i.title)},i.title))})}),e.jsx("button",{onClick:u,className:"h-10 w-10 rounded-full bg-gray-50 dark:bg-neutral-800 flex items-center justify-center",children:r||e.jsx(G.RiMoreLine,{className:"h-5 w-5 text-neutral-500 dark:text-neutral-400"})})]})},ae=c=>{const{items:o,desktopClassName:n,mobileClassName:r,...l}=c;return e.jsxs(e.Fragment,{children:[e.jsx(Se,{items:o,className:n,...l}),e.jsx(Ie,{items:o,className:r,autoHidden:!0,...l})]})};ae.Desktop=Se,ae.Mobile=Ie,p.Desktop=Je,p.Dock=ae,p.Markdown=ve,p.MdEditor=we,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zs_library",
-  "version": "0.3.22",
+  "version": "0.3.23",
   "homepage": "https://zs-library.vercel.app",
   "bugs": {
     "url": "https://github.com/virzs/zs_library/issues"