zs_library 0.4.15 → 0.4.17

package/dist/index.js

@@ -1,57 +1,57 @@
-var qt = Object.defineProperty;
-var Yt = (r, e, o) => e in r ? qt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o;
-var Se = (r, e, o) => Yt(r, typeof e != "symbol" ? e + "" : e, o);
+var Yt = Object.defineProperty;
+var Vt = (r, e, o) => e in r ? Yt(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o;
+var Se = (r, e, o) => Vt(r, typeof e != "symbol" ? e + "" : e, o);
 import "./index.css";
-import Vt from "i18next";
-import { initReactI18next as Wt } from "react-i18next";
-import { jsx as t, jsxs as m, Fragment as me } from "react/jsx-runtime";
-import { cx as y, css as g } from "@emotion/css";
+import Wt from "i18next";
+import { initReactI18next as Kt } from "react-i18next";
+import { jsx as t, jsxs as m, Fragment as ue } from "react/jsx-runtime";
 import * as G from "react";
-import { createContext as ot, useMemo as fe, useContext as rt, useState as H, useRef as he, useEffect as ie, Fragment as Kt, forwardRef as Jt } from "react";
-import Zt from "react-slick";
+import Jt, { createContext as ot, useMemo as he, useContext as rt, useState as H, useRef as be, useEffect as ae, forwardRef as nt, Fragment as Zt } from "react";
+import { cx as k, css as h } from "@emotion/css";
+import Qt from "react-slick";
 import { ReactSortable as $e } from "react-sortablejs";
-import { AnimatePresence as He, motion as D, useMotionValue as nt, useTransform as xe, useSpring as Te } from "framer-motion";
-import { useMotionValue as Ms } from "framer-motion";
-import { useLocalStorageState as Qt, useDebounceEffect as eo } from "ahooks";
+import { AnimatePresence as He, motion as R, useMotionValue as at, useTransform as xe, useSpring as Te } from "framer-motion";
+import { useMotionValue as Ls } from "framer-motion";
+import { useLocalStorageState as eo, useDebounceEffect as to } from "ahooks";
 import { v4 as Je } from "uuid";
-import at from "rc-tooltip";
-import { RiPencilRuler2Line as to, RiShareLine as oo, RiInformationLine as ro, RiCloseCircleLine as no, RiArrowUpDownLine as ao, RiArrowLeftRightLine as so, RiArrowRightLine as io, RiArrowLeftLine as lo, RiCloseLine as co, RiZoomOutLine as mo, RiZoomInLine as uo, RiClockwise2Line as po, RiAnticlockwise2Line as go, RiMoreLine as fo, RiArrowDropDownLine as st, RiCheckLine as ye, RiLink as ho, RiDeleteBinLine as it, RiText as lt, RiH1 as ct, RiH2 as dt, RiH3 as mt, RiListCheck as ut, RiListUnordered as pt, RiListOrdered as gt, RiQuoteText as ft, RiCodeLine as ht, RiSparklingFill as Oe, RiImageLine as bo, RiArrowRightSLine as xo, RiRepeatLine as yo, RiFileCopyLine as vo, RiAddLine as ko, RiDraggable as Co } from "@remixicon/react";
-import bt from "rc-dialog";
-import wo from "react-json-view";
-import { AdmonitionDirectiveDescriptor as No, MDXEditor as Io, toolbarPlugin as So, diffSourcePlugin as To, listsPlugin as Mo, quotePlugin as Lo, headingsPlugin as Ao, linkPlugin as Do, linkDialogPlugin as Ro, imagePlugin as Po, tablePlugin as Bo, thematicBreakPlugin as zo, frontmatterPlugin as Eo, codeBlockPlugin as $o, codeMirrorPlugin as Ho, markdownShortcutPlugin as Oo, directivesPlugin as Fo, DiffSourceToggleWrapper as _o, UndoRedo as jo, Separator as le, BoldItalicUnderlineToggles as Xo, CodeToggle as Uo, StrikeThroughSupSubToggles as Go, ListsToggle as qo, CreateLink as Yo, InsertImage as Vo, InsertTable as Wo, InsertThematicBreak as Ko, InsertCodeBlock as Jo, InsertFrontmatter as Zo } from "@mdxeditor/editor";
-import xt from "react-markdown";
-import Qo from "remark-gfm";
-import er from "remark-emoji";
-import tr from "rehype-raw";
-import { Prism as or } from "react-syntax-highlighter";
-import { oneLight as rr } from "react-syntax-highlighter/dist/esm/styles/prism";
-import nr from "rc-image";
-import { clsx as ar } from "clsx";
-import { twMerge as sr } from "tailwind-merge";
-import { Placeholder as ir, TiptapLink as lr, TiptapImage as cr, UploadImagesPlugin as dr, UpdatedImage as mr, TaskList as ur, TaskItem as pr, HorizontalRule as gr, StarterKit as fr, CodeBlockLowlight as hr, Mathematics as br, CharacterCount as xr, AIHighlight as yr, TiptapUnderline as vr, HighlightExtension as kr, TextStyle as Cr, Color as wr, CustomKeymap as Nr, useEditor as Q, EditorBubbleItem as Ae, getPrevText as Ir, addAIHighlight as Sr, removeAIHighlight as Tr, EditorBubble as Mr, createImageUpload as yt, Command as Lr, createSuggestionItems as Ar, renderItems as Dr, EditorRoot as Rr, EditorContent as Pr, handleImageDrop as Br, handleImagePaste as zr, handleCommandNavigation as Er, EditorCommand as $r, EditorCommandEmpty as Hr, EditorCommandList as Or, EditorCommandItem as Fr, ImageResizer as _r } from "novel";
-import { useDebouncedCallback as jr } from "use-debounce";
-import { Markdown as Xr } from "tiptap-markdown";
-import { cx as q, cva as Ur } from "class-variance-authority";
-import { createLowlight as Gr, common as qr } from "lowlight";
-import { Extension as Yr } from "@tiptap/core";
-import { Plugin as Vr, PluginKey as Wr, NodeSelection as K, TextSelection as Kr } from "prosemirror-state";
-import { Slice as Jr, Fragment as Zr } from "prosemirror-model";
-import * as Qr from "prosemirror-view";
+import st from "rc-tooltip";
+import { RiPencilRuler2Line as oo, RiShareLine as ro, RiInformationLine as no, RiCloseCircleLine as ao, RiArrowUpDownLine as so, RiArrowLeftRightLine as io, RiArrowRightLine as lo, RiArrowLeftLine as co, RiCloseLine as mo, RiZoomOutLine as uo, RiZoomInLine as po, RiClockwise2Line as go, RiAnticlockwise2Line as fo, RiMoreLine as ho, RiArrowDropDownLine as it, RiCheckLine as ye, RiLink as bo, RiDeleteBinLine as lt, RiText as ct, RiH1 as dt, RiH2 as mt, RiH3 as ut, RiListCheck as pt, RiListUnordered as gt, RiListOrdered as ft, RiQuoteText as ht, RiCodeLine as bt, RiSparklingFill as Oe, RiImageLine as xo, RiArrowRightSLine as yo, RiRepeatLine as vo, RiFileCopyLine as ko, RiAddLine as Co, RiDraggable as wo } from "@remixicon/react";
+import xt from "rc-dialog";
+import No from "react-json-view";
+import { AdmonitionDirectiveDescriptor as Io, MDXEditor as So, toolbarPlugin as To, diffSourcePlugin as Mo, listsPlugin as Lo, quotePlugin as Ao, headingsPlugin as Do, linkPlugin as Ro, linkDialogPlugin as Po, imagePlugin as Bo, tablePlugin as zo, thematicBreakPlugin as Eo, frontmatterPlugin as $o, codeBlockPlugin as Ho, codeMirrorPlugin as Oo, markdownShortcutPlugin as Fo, directivesPlugin as _o, DiffSourceToggleWrapper as jo, UndoRedo as Xo, Separator as ce, BoldItalicUnderlineToggles as Uo, CodeToggle as Go, StrikeThroughSupSubToggles as qo, ListsToggle as Yo, CreateLink as Vo, InsertImage as Wo, InsertTable as Ko, InsertThematicBreak as Jo, InsertCodeBlock as Zo, InsertFrontmatter as Qo } from "@mdxeditor/editor";
+import yt from "react-markdown";
+import er from "remark-gfm";
+import tr from "remark-emoji";
+import or from "rehype-raw";
+import { Prism as rr } from "react-syntax-highlighter";
+import { oneLight as nr } from "react-syntax-highlighter/dist/esm/styles/prism";
+import ar from "rc-image";
+import { clsx as sr } from "clsx";
+import { twMerge as ir } from "tailwind-merge";
+import { Placeholder as lr, TiptapLink as cr, TiptapImage as dr, UploadImagesPlugin as mr, UpdatedImage as ur, TaskList as pr, TaskItem as gr, HorizontalRule as fr, StarterKit as hr, CodeBlockLowlight as br, Mathematics as xr, CharacterCount as yr, AIHighlight as vr, TiptapUnderline as kr, HighlightExtension as Cr, TextStyle as wr, Color as Nr, CustomKeymap as Ir, useEditor as Q, EditorBubbleItem as Ae, getPrevText as Sr, addAIHighlight as Tr, removeAIHighlight as Mr, EditorBubble as Lr, createImageUpload as vt, Command as Ar, createSuggestionItems as Dr, renderItems as Rr, EditorRoot as Pr, EditorContent as Br, handleImageDrop as zr, handleImagePaste as Er, handleCommandNavigation as $r, EditorCommand as Hr, EditorCommandEmpty as Or, EditorCommandList as Fr, EditorCommandItem as _r, ImageResizer as jr } from "novel";
+import { useDebouncedCallback as Xr } from "use-debounce";
+import { Markdown as Ur } from "tiptap-markdown";
+import { cx as q, cva as Gr } from "class-variance-authority";
+import { createLowlight as qr, common as Yr } from "lowlight";
+import { Extension as Vr } from "@tiptap/core";
+import { Plugin as Wr, PluginKey as Kr, NodeSelection as J, TextSelection as Jr } from "prosemirror-state";
+import { Slice as Zr, Fragment as Qr } from "prosemirror-model";
+import * as en from "prosemirror-view";
 import * as ve from "@radix-ui/react-popover";
-import { Popover as vt, PopoverTrigger as en } from "@radix-ui/react-popover";
-import { Slot as tn } from "@radix-ui/react-slot";
-import { SigmaIcon as on, X as rn, Check as nn, TextQuote as an, TrashIcon as sn, RefreshCcwDot as ln, CheckCheck as cn, ArrowDownWideNarrow as dn, WrapText as mn, StepForward as un, ArrowUp as pn, BoldIcon as gn, ItalicIcon as fn, UnderlineIcon as hn, StrikethroughIcon as bn, CodeIcon as xn } from "lucide-react";
-import * as kt from "@radix-ui/react-separator";
-import { useCompletion as yn } from "@ai-sdk/react";
+import { Popover as kt, PopoverTrigger as tn } from "@radix-ui/react-popover";
+import { Slot as on } from "@radix-ui/react-slot";
+import { SigmaIcon as rn, X as nn, Check as an, TextQuote as sn, TrashIcon as ln, RefreshCcwDot as cn, CheckCheck as dn, ArrowDownWideNarrow as mn, WrapText as un, StepForward as pn, ArrowUp as gn, BoldIcon as fn, ItalicIcon as hn, UnderlineIcon as bn, StrikethroughIcon as xn, CodeIcon as yn } from "lucide-react";
+import * as Ct from "@radix-ui/react-separator";
+import { useCompletion as vn } from "@ai-sdk/react";
 import { toast as ke } from "sonner";
-import * as ce from "@radix-ui/react-scroll-area";
+import * as de from "@radix-ui/react-scroll-area";
 import { Command as V } from "cmdk";
 import * as te from "@radix-ui/react-dialog";
-import vn from "highlight.js";
-import kn from "rc-dropdown";
+import kn from "highlight.js";
+import Cn from "rc-dropdown";
 import Me from "rc-menu";
-import { generateHTML as Cn } from "@tiptap/html";
-function wn(r, e) {
+import { generateHTML as wn } from "@tiptap/html";
+function Nn(r, e) {
   for (var o = 0; o < e.length; o++) {
     const a = e[o];
     if (typeof a != "string" && !Array.isArray(a)) {
@@ -67,7 +67,7 @@ function wn(r, e) {
   }
   return Object.freeze(Object.defineProperty(r, Symbol.toStringTag, { value: "Module" }));
 }
-const Nn = {
+const In = {
   common: {
     ok: "确定",
     cancel: "取消",
@@ -92,7 +92,7 @@ const Nn = {
     link: "链接",
     image: "图片"
   }
-}, In = {
+}, Sn = {
   common: {
     ok: "OK",
     cancel: "Cancel",
@@ -117,15 +117,15 @@ const Nn = {
     link: "Link",
     image: "Image"
   }
-}, Sn = "common";
-Vt.use(Wt).init({
+}, Tn = "common";
+Wt.use(Kt).init({
   resources: {
-    "zh-CN": Nn,
-    "en-US": In
+    "zh-CN": In,
+    "en-US": Sn
   },
   lng: "zh-CN",
   fallbackLng: "zh-CN",
-  defaultNS: Sn,
+  defaultNS: Tn,
   interpolation: {
     escapeValue: !1
   }
@@ -156,19 +156,19 @@ const Fe = {
     contextMenuBackgroundColor: "#1a1a1a",
     contextMenuShadowColor: "rgba(255, 255, 255, 0.1)"
   }
-}, Ct = ot(
+}, wt = ot(
   {}
-), wt = (r) => {
-  const { children: e, theme: o, ...a } = r, n = fe(() => o === "light" ? Fe : o === "dark" ? _e : o, [o]);
-  return /* @__PURE__ */ t(Ct.Provider, { value: { theme: n, ...a }, children: e });
-}, ue = () => rt(Ct), je = {
+), Nt = (r) => {
+  const { children: e, theme: o, ...a } = r, n = he(() => o === "light" ? Fe : o === "dark" ? _e : o, [o]);
+  return /* @__PURE__ */ t(wt.Provider, { value: { theme: n, ...a }, children: e });
+}, le = () => rt(wt), je = {
   maxRow: 2,
   maxCol: 2
-}, Nt = {
+}, It = {
   ...je
 }, Xe = {
   app: je,
-  group: Nt
+  group: It
 };
 class Y {
 }
@@ -186,7 +186,7 @@ Se(Y, "uniqueArray", (e) => e.reduce((o, a) => o.find((s) => s.id === a.id) ? o
     return !1;
   }
 });
-const It = ot({
+const St = ot({
   list: [],
   setList: () => {
   },
@@ -221,181 +221,181 @@ const It = ot({
   moveTargetId: null,
   setMoveTargetId: () => {
   }
-}), St = (r) => {
+}), Tt = (r) => {
   const {
     children: e,
     list: o = [],
     onChange: a,
     storageKey: n = "ZS_LIBRARY_DESKTOP_SORTABLE_CONFIG",
     enableCaching: s = !0
-  } = r, [i, c] = H(), [p, k] = H(), [l, d] = H(null), b = he(l), [x, A] = H(null), [f, h] = H([]), [w, v] = H(
+  } = r, [i, d] = H(), [p, x] = H(), [l, c] = H(null), b = be(l), [v, D] = H(null), [f, g] = H([]), [I, y] = H(
     null
-  ), [I, u] = H(
+  ), [w, u] = H(
     null
-  ), [T, R] = H(!1), [N, C] = H(null), [X, Z] = H(
+  ), [S, T] = H(!1), [C, N] = H(null), [O, W] = H(
     null
-  ), [_, ae] = H(!1), [oe, S] = Qt(n, {
+  ), [_, se] = H(!1), [oe, M] = eo(n, {
     defaultValue: [],
     listenStorageChange: !0
-  }), O = () => {
-    A(null), clearTimeout(i), c(void 0), b.current = null;
-  }, B = (M, U) => {
-    A({ ...M, pageX: M.pageX, pageY: M.pageY, data: U }), clearTimeout(i);
-  }, W = (M, U = !0) => {
-    const { config: F = {} } = M;
-    return F.allowContextMenu === !1 ? {} : {
+  }), F = () => {
+    D(null), clearTimeout(i), d(void 0), b.current = null;
+  }, B = (L, U) => {
+    D({ ...L, pageX: L.pageX, pageY: L.pageY, data: U }), clearTimeout(i);
+  }, K = (L, U = !0) => {
+    const { config: j = {} } = L;
+    return j.allowContextMenu === !1 ? {} : {
       onMouseDown: (E) => {
-        c(
+        d(
           setTimeout(() => {
-            U && b.current === null && B(E, M);
+            U && b.current === null && B(E, L);
           }, 800)
-        ), R(!1), k(
+        ), T(!1), x(
           setTimeout(() => {
-            R(!0);
+            T(!0);
           }, 800)
         );
       },
       onMouseUp: () => {
-        clearTimeout(p), k(void 0), clearTimeout(i), c(void 0);
+        clearTimeout(p), x(void 0), clearTimeout(i), d(void 0);
       },
       onContextMenu: (E) => {
-        U && (E.preventDefault(), B(E, M));
+        U && (E.preventDefault(), B(E, L));
       }
     };
-  }, re = (M, U) => {
-    const F = [...U || []];
-    if (F.length > 0)
-      h((E) => {
-        const P = [...E], z = (L) => {
+  }, re = (L, U) => {
+    const j = [...U || []];
+    if (j.length > 0)
+      g((E) => {
+        const P = [...E], z = (A) => {
           var We, Ke;
-          const $ = F.shift(), j = L.find((ne) => ne.id === $), ee = L.findIndex((ne) => ne.id === $);
-          if (F.length && j) {
-            if (((We = j.children) == null ? void 0 : We.filter(
-              (ne) => !M.some((Gt) => Gt.id === ne.id)
-            ).length) === 1 && M.length === 1) {
-              const ne = { ...M[0] };
-              return L.splice(ee, 1, ne), a == null || a(L), L;
+          const $ = j.shift(), X = A.find((ne) => ne.id === $), ee = A.findIndex((ne) => ne.id === $);
+          if (j.length && X) {
+            if (((We = X.children) == null ? void 0 : We.filter(
+              (ne) => !L.some((qt) => qt.id === ne.id)
+            ).length) === 1 && L.length === 1) {
+              const ne = { ...L[0] };
+              return A.splice(ee, 1, ne), a == null || a(A), A;
             }
-            return j.children = z(j.children || []), L.splice(ee, 1, j), a == null || a(L), L;
+            return X.children = z(X.children || []), A.splice(ee, 1, X), a == null || a(A), A;
           }
-          if (j) {
-            if (!((Ke = j.children) != null && Ke.length) && M.length) {
-              const ne = { ...j };
-              return j.data = { name: "文件夹" }, j.type = "group", j.children = [ne, ...M], j.id = Je(), L.splice(ee, 1, j), a == null || a(L), L;
+          if (X) {
+            if (!((Ke = X.children) != null && Ke.length) && L.length) {
+              const ne = { ...X };
+              return X.data = { name: "文件夹" }, X.type = "group", X.children = [ne, ...L], X.id = Je(), A.splice(ee, 1, X), a == null || a(A), A;
             }
-            return j.children = Y.uniqueArray(M), L.splice(ee, 1, j), a == null || a(L), L;
+            return X.children = Y.uniqueArray(L), A.splice(ee, 1, X), a == null || a(A), A;
           }
-          return Y.uniqueArray(M);
+          return Y.uniqueArray(L);
         };
         return Y.uniqueArray(z(P));
       });
     else {
-      const E = Y.uniqueArray(M);
-      a == null || a(E), h(E);
+      const E = Y.uniqueArray(L);
+      a == null || a(E), g(E);
     }
-  }, Pe = (M, U) => {
-    h((F) => {
-      const E = [...F], P = (z) => {
-        var L;
+  }, Pe = (L, U) => {
+    g((j) => {
+      const E = [...j], P = (z) => {
+        var A;
         for (let $ = 0; $ < z.length; $++)
-          if (z[$].id === M) {
+          if (z[$].id === L) {
             z[$].config = U;
             break;
-          } else ((L = z[$].children) == null ? void 0 : L.length) !== void 0 && P(z[$].children);
+          } else ((A = z[$].children) == null ? void 0 : A.length) !== void 0 && P(z[$].children);
       };
       return P(E), a == null || a(E), E;
     });
-  }, Ne = (M, U) => {
-    h((F) => {
-      const E = [...F], P = (z) => {
-        var L;
+  }, Ne = (L, U) => {
+    g((j) => {
+      const E = [...j], P = (z) => {
+        var A;
         for (let $ = 0; $ < z.length; $++)
-          if (z[$].id === M) {
+          if (z[$].id === L) {
             z[$].data = U;
             break;
-          } else ((L = z[$].children) == null ? void 0 : L.length) !== void 0 && P(z[$].children);
+          } else ((A = z[$].children) == null ? void 0 : A.length) !== void 0 && P(z[$].children);
       };
       return P(E), a == null || a(E), E;
     });
-  }, Ie = (M) => {
-    h((U) => {
-      const F = [...U], E = (P) => {
+  }, Ie = (L) => {
+    g((U) => {
+      const j = [...U], E = (P) => {
         var z;
-        for (let L = 0; L < P.length; L++)
-          if (P[L].id === M) {
-            P.splice(L, 1);
+        for (let A = 0; A < P.length; A++)
+          if (P[A].id === L) {
+            P.splice(A, 1);
             break;
-          } else ((z = P[L].children) == null ? void 0 : z.length) !== void 0 && E(P[L].children);
+          } else ((z = P[A].children) == null ? void 0 : z.length) !== void 0 && E(P[A].children);
       };
-      return E(F), a == null || a(F), F;
+      return E(j), a == null || a(j), j;
     });
-  }, se = (M, U) => {
-    const F = [...f], E = (P, z) => {
-      const L = z.shift(), $ = P.find((ee) => ee.id === L), j = P.findIndex((ee) => ee.id === L);
+  }, ie = (L, U) => {
+    const j = [...f], E = (P, z) => {
+      const A = z.shift(), $ = P.find((ee) => ee.id === A), X = P.findIndex((ee) => ee.id === A);
       if ($) {
         if (z.length)
           $.children = E($.children || [], z);
         else {
-          const ee = (M == null ? void 0 : M.type) ?? "app";
+          const ee = (L == null ? void 0 : L.type) ?? "app";
           $.children = [
             ...$.children ?? [],
             {
-              ...M,
+              ...L,
               id: Je(),
-              config: (M == null ? void 0 : M.config) ?? Xe[ee]
+              config: (L == null ? void 0 : L.config) ?? Xe[ee]
             }
           ];
         }
-        return P.splice(j, 1, $), P;
+        return P.splice(X, 1, $), P;
       } else
         return P;
     };
-    h(E(F, U));
+    g(E(j, U));
   };
-  return ie(() => {
+  return ae(() => {
     (o == null ? void 0 : o.length) > 0 && f.length === 0 && re(o);
-  }, [o]), ie(() => {
-    b.current = l, l !== null && O();
-  }, [l]), ie(() => {
-    s && oe != null && oe.length && !_ && (re(oe), ae(!0));
-  }, [oe, _, s]), eo(
+  }, [o]), ae(() => {
+    b.current = l, l !== null && F();
+  }, [l]), ae(() => {
+    s && oe != null && oe.length && !_ && (re(oe), se(!0));
+  }, [oe, _, s]), to(
     () => {
-      s && S(f);
+      s && M(f);
     },
     [f, s],
     {
       wait: 1e3
     }
   ), /* @__PURE__ */ t(
-    It.Provider,
+    St.Provider,
     {
       value: {
         list: f,
         setList: re,
-        contextMenu: x,
-        setContextMenu: A,
+        contextMenu: v,
+        setContextMenu: D,
         listStatus: l,
-        setListStatus: d,
-        contextMenuFuns: W,
-        hideContextMenu: O,
-        showInfoItemData: w,
-        setShowInfoItemData: v,
-        openGroupItemData: I,
+        setListStatus: c,
+        contextMenuFuns: K,
+        hideContextMenu: F,
+        showInfoItemData: I,
+        setShowInfoItemData: y,
+        openGroupItemData: w,
         setOpenGroupItemData: u,
-        longPressTriggered: T,
+        longPressTriggered: S,
         updateItemConfig: Pe,
         updateItem: Ne,
         removeItem: Ie,
-        addItem: se,
-        moveItemId: N,
-        setMoveItemId: C,
-        moveTargetId: X,
-        setMoveTargetId: Z
+        addItem: ie,
+        moveItemId: C,
+        setMoveItemId: N,
+        moveTargetId: O,
+        setMoveTargetId: W
       },
       children: e
     }
   );
-}, be = () => rt(It), Tn = {
+}, pe = () => rt(St), Mn = {
   menuShow: {
     opacity: 1,
     y: 0,
@@ -403,11 +403,11 @@ const It = ot({
   },
   menuHide: { opacity: 0, y: 20, transition: { duration: 0.2 } }
 }, Be = (r) => {
-  const { icon: e, title: o, onClick: a } = r, { theme: n } = ue(), { light: s, dark: i } = Y.getTheme(n);
+  const { icon: e, title: o, onClick: a } = r, { theme: n } = le(), { light: s, dark: i } = Y.getTheme(n);
   return /* @__PURE__ */ t(
-    D.div,
+    R.div,
     {
-      className: g`
+      className: h`
         &:hover {
           background-color: ${s.contextMenuActiveColor};
           @media (prefers-color-scheme: dark) {
@@ -424,16 +424,16 @@ const It = ot({
         user-select: none;
         border-radius: 0.5rem;
       `,
-      onClick: (c) => {
-        c.stopPropagation(), a == null || a();
+      onClick: (d) => {
+        d.stopPropagation(), a == null || a();
       },
-      variants: Tn,
+      variants: Mn,
       children: /* @__PURE__ */ m(
-        D.div,
+        R.div,
         {
-          className: y(
+          className: k(
             "py-1.5 px-3 rounded-lg",
-            g`
+            h`
             padding-top: 0.375rem;
             padding-bottom: 0.375rem;
             padding-left: 0.75rem;
@@ -444,10 +444,10 @@ const It = ot({
           whileTap: { scale: 0.9 },
           children: [
             /* @__PURE__ */ t(
-              D.div,
+              R.div,
               {
-                className: y(
-                  g`
+                className: k(
+                  h`
               margin-bottom: 0.375rem;
               display: flex;
               justify-content: center;
@@ -456,13 +456,13 @@ const It = ot({
                 children: e
               }
             ),
-            /* @__PURE__ */ t(D.div, { children: o })
+            /* @__PURE__ */ t(R.div, { children: o })
           ]
         }
       )
     }
   );
-}, Mn = (r) => {
+}, Ln = (r) => {
   const {
     showInfoButton: e = !0,
     showRemoveButton: o = !0,
@@ -470,24 +470,24 @@ const It = ot({
     showSizeButton: n = !0,
     onInfoClick: s,
     onShareClick: i,
-    onRemoveClick: c
+    onRemoveClick: d
   } = r, {
     contextMenu: p,
-    setContextMenu: k,
+    setContextMenu: x,
     hideContextMenu: l,
-    setShowInfoItemData: d,
+    setShowInfoItemData: c,
     removeItem: b,
-    updateItemConfig: x
-  } = be(), { theme: A } = ue(), { light: f, dark: h } = Y.getTheme(A), { data: w } = p ?? {}, { config: v = {} } = w ?? {}, I = () => {
-    var R;
-    const u = Xe[(R = p == null ? void 0 : p.data) == null ? void 0 : R.type], T = [];
-    for (let N = 1; N <= ((u == null ? void 0 : u.maxRow) ?? 2); N++)
-      for (let C = 1; C <= ((u == null ? void 0 : u.maxCol) ?? 2); C++)
-        T.push(`${N}x${C}`);
-    return T;
+    updateItemConfig: v
+  } = pe(), { theme: D } = le(), { light: f, dark: g } = Y.getTheme(D), { data: I } = p ?? {}, { config: y = {} } = I ?? {}, w = () => {
+    var T;
+    const u = Xe[(T = p == null ? void 0 : p.data) == null ? void 0 : T.type], S = [];
+    for (let C = 1; C <= ((u == null ? void 0 : u.maxRow) ?? 2); C++)
+      for (let N = 1; N <= ((u == null ? void 0 : u.maxCol) ?? 2); N++)
+        S.push(`${C}x${N}`);
+    return S;
   };
   return /* @__PURE__ */ t(He, { children: p && /* @__PURE__ */ m(
-    D.div,
+    R.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
@@ -497,24 +497,24 @@ const It = ot({
       },
       children: [
         /* @__PURE__ */ t(
-          D.div,
+          R.div,
           {
-            className: y(
-              g`
+            className: k(
+              h`
                 border-radius: 0.5rem;
                 overflow: hidden;
                 background-color: ${f.contextMenuBackgroundColor};
                 box-shadow: 0 0 0.5rem ${f.contextMenuShadowColor};
                 @media (prefers-color-scheme: dark) {
-                  background-color: ${h.contextMenuBackgroundColor};
-                  box-shadow: 0 0 0.5rem ${h.contextMenuShadowColor};
+                  background-color: ${g.contextMenuBackgroundColor};
+                  box-shadow: 0 0 0.5rem ${g.contextMenuShadowColor};
                 }
               `
             ),
-            children: n && v.allowResize !== !1 && /* @__PURE__ */ t(
-              D.ul,
+            children: n && y.allowResize !== !1 && /* @__PURE__ */ t(
+              R.ul,
               {
-                className: g`
+                className: h`
                   background-color: white;
                   padding: 0.25rem;
                   margin: 0;
@@ -523,23 +523,23 @@ const It = ot({
                   {
                     label: "修改大小",
                     key: "size",
-                    icon: /* @__PURE__ */ t(to, { size: 14 }),
-                    items: I().map((u) => ({
+                    icon: /* @__PURE__ */ t(oo, { size: 14 }),
+                    items: w().map((u) => ({
                       label: u,
                       key: u,
                       onClick: () => {
-                        const [T, R] = u.split("x").map(Number);
-                        x(p.data.id, {
-                          row: T,
-                          col: R
+                        const [S, T] = u.split("x").map(Number);
+                        v(p.data.id, {
+                          row: S,
+                          col: T
                         });
                       }
                     }))
                   }
                 ].map((u) => /* @__PURE__ */ m(
-                  D.li,
+                  R.li,
                   {
-                    className: g`
+                    className: h`
                       padding-top: 0.5rem;
                       padding-bottom: 0.5rem;
                       padding-left: 0.75rem;
@@ -547,9 +547,9 @@ const It = ot({
                     `,
                     children: [
                       /* @__PURE__ */ m(
-                        D.p,
+                        R.p,
                         {
-                          className: g`
+                          className: h`
                         display: flex;
                         align-items: center;
                         font-size: 0.875rem;
@@ -557,6 +557,10 @@ const It = ot({
                         gap: 0.5rem;
                         padding-bottom: 0.5rem;
                         margin: 0;
+                        color: ${f.contextMenuTextColor};
+                        @media (prefers-color-scheme: dark) {
+                          color: ${g.contextMenuTextColor};
+                        }
                       `,
                           children: [
                             u.icon,
@@ -566,19 +570,19 @@ const It = ot({
                         }
                       ),
                       /* @__PURE__ */ t(
-                        D.div,
+                        R.div,
                         {
-                          className: g`
+                          className: h`
                         display: grid;
                         grid-template-columns: repeat(2, minmax(0, 1fr));
                         gap: 0.25rem;
                       `,
-                          children: u.items.map((T) => /* @__PURE__ */ t(
-                            D.div,
+                          children: u.items.map((S) => /* @__PURE__ */ t(
+                            R.div,
                             {
-                              className: y(
+                              className: k(
                                 "py-1 px-2 hover:bg-gray-100 rounded transition-all cursor-pointer text-center text-sm",
-                                g`
+                                h`
                               padding-top: 0.25rem;
                               padding-bottom: 0.25rem;
                               padding-left: 0.5rem;
@@ -591,26 +595,26 @@ const It = ot({
                               text-align: center;
                               color: ${f.contextMenuTextColor};
                               @media (prefers-color-scheme: dark) {
-                                color: ${h.contextMenuTextColor};
+                                color: ${g.contextMenuTextColor};
                               }
                               &:hover {
                                 background-color: ${f.contextMenuActiveColor};
                                 @media (prefers-color-scheme: dark) {
-                                  background-color: ${h.contextMenuActiveColor};
+                                  background-color: ${g.contextMenuActiveColor};
                                 }
                               }
                             `,
-                                `${v.row}x${v.col}` === T.key && g`
+                                `${y.row}x${y.col}` === S.key && h`
                                 background-color: ${f.contextMenuActiveColor};
                                 @media (prefers-color-scheme: dark) {
-                                  background-color: ${h.contextMenuActiveColor};
+                                  background-color: ${g.contextMenuActiveColor};
                                 }
                               `
                               ),
-                              onClick: T.onClick,
-                              children: T.label
+                              onClick: S.onClick,
+                              children: S.label
                             },
-                            T.key
+                            S.key
                           ))
                         }
                       )
@@ -623,15 +627,15 @@ const It = ot({
           }
         ),
         /* @__PURE__ */ m(
-          D.div,
+          R.div,
           {
-            className: y(
-              g`
+            className: k(
+              h`
                 background-color: ${f.contextMenuBackgroundColor};
                 box-shadow: 0 0 0.5rem ${f.contextMenuShadowColor};
                 @media (prefers-color-scheme: dark) {
-                  background-color: ${h.contextMenuBackgroundColor};
-                  box-shadow: 0 0 0.5rem ${h.contextMenuShadowColor};
+                  background-color: ${g.contextMenuBackgroundColor};
+                  box-shadow: 0 0 0.5rem ${g.contextMenuShadowColor};
                 }
                 display: flex;
                 justify-content: space-around;
@@ -646,7 +650,7 @@ const It = ot({
               a && /* @__PURE__ */ t(
                 Be,
                 {
-                  icon: /* @__PURE__ */ t(oo, { size: 20 }),
+                  icon: /* @__PURE__ */ t(ro, { size: 20 }),
                   title: "分享",
                   onClick: () => {
                     if (i) {
@@ -659,14 +663,14 @@ const It = ot({
               e && /* @__PURE__ */ t(
                 Be,
                 {
-                  icon: /* @__PURE__ */ t(ro, { size: 20 }),
+                  icon: /* @__PURE__ */ t(no, { size: 20 }),
                   title: "信息",
                   onClick: () => {
                     if (s) {
                       s(p.data);
                       return;
                     }
-                    d({
+                    c({
                       ...p.data,
                       pageX: p.pageX,
                       pageY: p.pageY
@@ -677,14 +681,14 @@ const It = ot({
               o && /* @__PURE__ */ t(
                 Be,
                 {
-                  icon: /* @__PURE__ */ t(no, { size: 20 }),
+                  icon: /* @__PURE__ */ t(ao, { size: 20 }),
                   title: "移除",
                   onClick: () => {
-                    if (c) {
-                      c(p.data, b);
+                    if (d) {
+                      d(p.data, b);
                       return;
                     }
-                    k(null), b(p.data.id);
+                    x(null), b(p.data.id);
                   }
                 }
               )
@@ -694,18 +698,18 @@ const It = ot({
       ]
     }
   ) });
-}, Ln = (r) => {
-  const { data: e, noLetters: o = !1 } = r, { contextMenuFuns: a } = be(), { itemIconBuilder: n, theme: s, contextMenu: i } = ue(), { light: c, dark: p } = Y.getTheme(s), { data: k = {} } = e, { name: l } = k;
-  return /* @__PURE__ */ m(me, { children: [
+}, An = (r) => {
+  const { data: e, noLetters: o = !1 } = r, { contextMenuFuns: a } = pe(), { itemIconBuilder: n, theme: s, contextMenu: i } = le(), { light: d, dark: p } = Y.getTheme(s), { data: x = {} } = e, { name: l } = x;
+  return /* @__PURE__ */ m(ue, { children: [
     /* @__PURE__ */ t(
-      D.div,
+      R.div,
       {
-        className: g`
+        className: h`
           width: 4rem;
           height: 4rem;
-          background-color: ${c.itemIconBackgroundColor};
+          background-color: ${d.itemIconBackgroundColor};
           border-radius: 0.75rem;
-          box-shadow: 0 0 0.5rem ${c.itemIconShadowColor};
+          box-shadow: 0 0 0.5rem ${d.itemIconShadowColor};
           cursor: pointer;
           position: relative;
           overflow: hidden;
@@ -718,13 +722,13 @@ const It = ot({
         children: /* @__PURE__ */ t(
           "div",
           {
-            className: g`
+            className: h`
             position: absolute;
             left: 0;
             top: 0;
             width: 100%;
             height: 100%;
-            color: ${c.itemNameColor};
+            color: ${d.itemNameColor};
             @media (prefers-color-scheme: dark) {
               color: ${p.itemNameColor};
             }
@@ -736,19 +740,17 @@ const It = ot({
       }
     ),
     /* @__PURE__ */ t(
-      D.p,
+      R.p,
       {
-        className: y(
-          g`
-            text-align: center;
-            margin-top: 0.25rem;
-            margin-bottom: 0;
-            color: ${c.itemNameColor};
+        className: k(
+          "whitespace-nowrap text-ellipsis overflow-hidden text-center mt-1 mb-0 max-w-16",
+          h`
+            color: ${d.itemNameColor};
             @media (prefers-color-scheme: dark) {
               color: ${p.itemNameColor};
             }
           `,
-          o && g`
+          o && h`
               color: transparent;
             `
         ),
@@ -764,14 +766,14 @@ const It = ot({
     onClick: n,
     disabledDrag: s = !1,
     children: i,
-    parentIds: c,
+    parentIds: d,
     childrenLength: p
-  } = r, { contextMenu: k, setContextMenu: l } = be(), { contextMenu: d } = ue();
+  } = r, { contextMenu: x, setContextMenu: l } = pe(), { contextMenu: c } = le();
   return /* @__PURE__ */ t(
-    at,
+    st,
     {
       placement: "bottom",
-      overlayClassName: g`
+      overlayClassName: h`
         background-color: transparent;
         .rc-tooltip-inner {
           background-color: transparent;
@@ -779,27 +781,27 @@ const It = ot({
           border: none;
         }
       `,
-      overlay: /* @__PURE__ */ t(Mn, { ...d }),
-      visible: (k == null ? void 0 : k.data.id) === e.id,
+      overlay: /* @__PURE__ */ t(Ln, { ...c }),
+      visible: (x == null ? void 0 : x.data.id) === e.id,
       onVisibleChange: (b) => {
         b || l(null);
       },
       destroyTooltipOnHide: !0,
       children: /* @__PURE__ */ t(
-        D.div,
+        R.div,
         {
           "data-id": e.id,
           "data-index": a,
-          "data-parent-ids": c == null ? void 0 : c.join(","),
+          "data-parent-ids": d == null ? void 0 : d.join(","),
           "data-children-length": p,
           onClick: () => n == null ? void 0 : n(e),
-          className: y(s && "drag-disabled", o),
-          children: i ?? /* @__PURE__ */ t(Ln, { ...r })
+          className: k(s && "drag-disabled", o),
+          children: i ?? /* @__PURE__ */ t(An, { ...r })
         }
       )
     }
   );
-}, An = (r) => {
+}, Dn = (r) => {
   const {
     data: e,
     className: o,
@@ -808,45 +810,45 @@ const It = ot({
     onClick: s,
     noLetters: i = !1
   } = r, {
-    contextMenuFuns: c,
+    contextMenuFuns: d,
     setList: p,
-    setOpenGroupItemData: k,
+    setOpenGroupItemData: x,
     longPressTriggered: l,
-    moveItemId: d,
+    moveItemId: c,
     moveTargetId: b,
-    setMoveTargetId: x,
-    listStatus: A
-  } = be(), { itemIconBuilder: f, theme: h, contextMenu: w } = ue(), { light: v, dark: I } = Y.getTheme(h), { children: u, data: T, config: R } = e, { row: N = 1, col: C = 1 } = R ?? {}, X = {
+    setMoveTargetId: v,
+    listStatus: D
+  } = pe(), { itemIconBuilder: f, theme: g, contextMenu: I } = le(), { light: y, dark: w } = Y.getTheme(g), { children: u, data: S, config: T } = e, { row: C = 1, col: N = 1 } = T ?? {}, O = {
     visible: { opacity: 1, scale: 1 },
     hidden: { opacity: 0, scale: 0.95 }
-  }, Z = ((u == null ? void 0 : u.length) ?? 0) === 0, _ = Z ? [e] : [...u ?? []].slice(0, 9), ae = fe(() => d === e.id.toString(), [e.id, d]), oe = fe(() => b === e.id, [e.id, b]), S = g`
+  }, W = ((u == null ? void 0 : u.length) ?? 0) === 0, _ = W ? [e] : [...u ?? []].slice(0, 9), se = he(() => c === e.id.toString(), [e.id, c]), oe = he(() => b === e.id, [e.id, b]), M = h`
     overflow: hidden;
     cursor: pointer;
-    background-color: ${v.itemIconBackgroundColor};
-    box-shadow: 0 0 0.5rem ${v.itemIconShadowColor};
+    background-color: ${y.itemIconBackgroundColor};
+    box-shadow: 0 0 0.5rem ${y.itemIconShadowColor};
     @media (prefers-color-scheme: dark) {
-      background-color: ${I.itemIconBackgroundColor};
-      box-shadow: 0 0 0.5rem ${I.itemIconShadowColor};
+      background-color: ${w.itemIconBackgroundColor};
+      box-shadow: 0 0 0.5rem ${w.itemIconShadowColor};
     }
-  `, O = () => {
-    if (Z)
+  `, F = () => {
+    if (W)
       return /* @__PURE__ */ t(
-        D.div,
+        R.div,
         {
-          className: y(
+          className: k(
             "sortable-group-item",
-            g`
+            h`
               overflow: hidden;
               cursor: pointer;
               width: 100%;
               height: 100%;
-              background-color: ${v.itemIconBackgroundColor};
+              background-color: ${y.itemIconBackgroundColor};
               position: absolute;
               left: 0;
               top: 0;
               border-radius: 0.75rem;
               @media (prefers-color-scheme: dark) {
-                background-color: ${I.itemIconBackgroundColor};
+                background-color: ${w.itemIconBackgroundColor};
               }
             `
           ),
@@ -856,33 +858,33 @@ const It = ot({
           children: f == null ? void 0 : f(e)
         }
       );
-    if (N === 1 && C === 1 || N === 2 && C === 2)
+    if (C === 1 && N === 1 || C === 2 && N === 2)
       return /* @__PURE__ */ t(
-        D.div,
+        R.div,
         {
-          className: g`
+          className: h`
             display: grid;
             width: 100%;
             height: 100%;
             grid-template-columns: repeat(3, minmax(0, 1fr));
             grid-template-rows: repeat(3, minmax(0, 1fr));
-            padding: ${C === 1 ? "0.125rem" : "0.25rem"};
-            gap: ${C === 1 ? "0.125rem" : "0.5rem"};
+            padding: ${N === 1 ? "0.125rem" : "0.25rem"};
+            gap: ${N === 1 ? "0.125rem" : "0.5rem"};
             place-items: center;
           `,
           children: _ == null ? void 0 : _.slice(0, 9).map((B) => /* @__PURE__ */ t(
-            D.div,
+            R.div,
             {
-              className: y(
-                S,
-                g`
-                  border-radius: ${C === 1 ? "0.25rem" : "0.5rem"};
+              className: k(
+                M,
+                h`
+                  border-radius: ${N === 1 ? "0.25rem" : "0.5rem"};
                   width: 100%;
                   height: 100%;
                 `
               ),
-              onClick: (W) => {
-                W.stopPropagation(), s == null || s(B);
+              onClick: (K) => {
+                K.stopPropagation(), s == null || s(B);
               },
               children: f == null ? void 0 : f(B)
             },
@@ -890,11 +892,11 @@ const It = ot({
           ))
         }
       );
-    if (N === 1 && C === 2)
+    if (C === 1 && N === 2)
       return /* @__PURE__ */ t(
-        D.div,
+        R.div,
         {
-          className: g`
+          className: h`
             display: grid;
             grid-template-columns: repeat(10, minmax(0, 1fr));
             grid-template-rows: repeat(4, minmax(0, 1fr));
@@ -904,18 +906,18 @@ const It = ot({
             height: 52px;
             place-items: center;
           `,
-          children: _ == null ? void 0 : _.slice(0, 4).map((B, W) => /* @__PURE__ */ t(
-            D.div,
+          children: _ == null ? void 0 : _.slice(0, 4).map((B, K) => /* @__PURE__ */ t(
+            R.div,
             {
-              className: y(
-                S,
-                W < 2 ? g`
+              className: k(
+                M,
+                K < 2 ? h`
                       width: 52px;
                       height: 52px;
                       border-radius: 0.5rem;
                       grid-column: span 4 / span 4;
                       grid-row: span 4 / span 4;
-                    ` : g`
+                    ` : h`
                       width: 1.5rem;
                       height: 1.5rem;
                       border-radius: 0.375rem;
@@ -924,7 +926,7 @@ const It = ot({
                     `
               ),
               onClick: (re) => {
-                W > 2 || (re.stopPropagation(), s == null || s(B));
+                K > 2 || (re.stopPropagation(), s == null || s(B));
               },
               children: f == null ? void 0 : f(B)
             },
@@ -932,11 +934,11 @@ const It = ot({
           ))
         }
       );
-    if (N === 2 && C === 1)
+    if (C === 2 && N === 1)
       return /* @__PURE__ */ t(
-        D.div,
+        R.div,
         {
-          className: g`
+          className: h`
             display: grid;
             grid-template-columns: repeat(4, minmax(0, 1fr));
             grid-template-rows: repeat(10, minmax(0, 1fr));
@@ -946,18 +948,18 @@ const It = ot({
             height: 144px;
             place-items: center;
           `,
-          children: _ == null ? void 0 : _.slice(0, 4).map((B, W) => /* @__PURE__ */ t(
-            D.div,
+          children: _ == null ? void 0 : _.slice(0, 4).map((B, K) => /* @__PURE__ */ t(
+            R.div,
             {
-              className: y(
-                S,
-                W < 2 ? g`
+              className: k(
+                M,
+                K < 2 ? h`
                       width: 52px;
                       height: 52px;
                       border-radius: 0.5rem;
                       grid-column: span 4 / span 4;
                       grid-row: span 4 / span 4;
-                    ` : g`
+                    ` : h`
                       width: 1.5rem;
                       height: 1.5rem;
                       grid-column: span 2 / span 2;
@@ -965,7 +967,7 @@ const It = ot({
                     `
               ),
               onClick: (re) => {
-                W > 2 || (re.stopPropagation(), s == null || s(B));
+                K > 2 || (re.stopPropagation(), s == null || s(B));
               },
               children: f == null ? void 0 : f(B)
             },
@@ -981,45 +983,45 @@ const It = ot({
       itemIndex: n,
       parentIds: a,
       childrenLength: u == null ? void 0 : u.length,
-      className: y(
-        g`
-          grid-row: span ${N};
-          grid-column: span ${C};
+      className: k(
+        h`
+          grid-row: span ${C};
+          grid-column: span ${N};
         `,
         o
       ),
       children: [
         /* @__PURE__ */ t(
-          D.div,
+          R.div,
           {
             whileTap: { scale: 0.9 },
-            className: y(
+            className: k(
               oe ? "!scale-110" : "",
-              g`
+              h`
             cursor: pointer;
             position: relative;
             border-radius: 0.75rem;
-            background-color: ${v.groupItemIconBackgroundColor};
-            box-shadow: 0 0 0.5rem ${v.groupItemIconShadowColor};
+            background-color: ${y.groupItemIconBackgroundColor};
+            box-shadow: 0 0 0.5rem ${y.groupItemIconShadowColor};
             @media (prefers-color-scheme: dark) {
-              background-color: ${I.groupItemIconBackgroundColor};
-              box-shadow: 0 0 0.5rem ${I.groupItemIconShadowColor};
+              background-color: ${w.groupItemIconBackgroundColor};
+              box-shadow: 0 0 0.5rem ${w.groupItemIconShadowColor};
             }
             /* overflow: hidden; */
             transition: all 0.3s;
             margin: 0 auto;
-            width: ${C * 64 + 32 * (C - 1)}px;
-            height: ${N * 64 + 32 * (N - 1)}px;
+            width: ${N * 64 + 32 * (N - 1)}px;
+            height: ${C * 64 + 32 * (C - 1)}px;
           `
             ),
             onClick: (B) => {
-              !Z && !l && (e.parentIds = a, e.pageX = B.pageX, e.pageY = B.pageY, k(e));
+              !W && !l && (e.parentIds = a, e.pageX = B.pageX, e.pageY = B.pageY, x(e));
             },
-            ...c(e, w !== !1),
+            ...d(e, I !== !1),
             children: /* @__PURE__ */ m(
-              D.div,
+              R.div,
               {
-                className: g`
+                className: h`
             position: relative;
             width: 100%;
             height: 100%;
@@ -1029,20 +1031,20 @@ const It = ot({
             padding: 0.375rem;
           `,
                 children: [
-                  O(),
+                  F(),
                   /* @__PURE__ */ t(
                     $e,
                     {
-                      className: y(
+                      className: k(
                         "sortable-group-item",
-                        g`
+                        h`
                 position: absolute;
                 cursor: pointer;
                 left: 0.375rem;
                 top: 0.375rem;
                 width: calc(100% - 0.75rem);
                 height: calc(100% - 0.75rem);
-                pointer-events: ${A === null ? "none" : "auto"};
+                pointer-events: ${D === null ? "none" : "auto"};
                 > * {
                   opacity: 0;
                 }
@@ -1056,7 +1058,7 @@ const It = ot({
                       filter: () => !0,
                       "data-id": e.id,
                       onChange: () => {
-                        x(e.id);
+                        v(e.id);
                       }
                     }
                   )
@@ -1066,31 +1068,29 @@ const It = ot({
           }
         ),
         /* @__PURE__ */ t(
-          D.p,
+          R.p,
           {
-            className: y(
-              g`
-            text-align: center;
-            margin-top: 0.25rem;
-            margin-bottom: 0;
-            color: ${v.itemNameColor};
+            className: k(
+              "whitespace-nowrap text-ellipsis overflow-hidden text-center mt-1 mb-0 max-w-16",
+              h`
+            color: ${y.itemNameColor};
             @media (prefers-color-scheme: dark) {
-              color: ${I.itemNameColor};
+              color: ${w.itemNameColor};
             }
           `,
-              i && g`
+              i && h`
               color: transparent;
             `
             ),
-            variants: X,
-            animate: ae ? "hidden" : "visible",
-            children: (T == null ? void 0 : T.name) ?? "文件夹"
+            variants: O,
+            animate: se ? "hidden" : "visible",
+            children: (S == null ? void 0 : S.name) ?? "文件夹"
           }
         )
       ]
     }
   );
-}, Tt = g`
+}, Mt = h`
   padding: 8px;
   transition: all 0.2s;
   > div {
@@ -1102,20 +1102,20 @@ const It = ot({
       transition: all 0.2s;
     }
   }
-`, Dn = (r) => {
+`, Rn = (r) => {
   const { data: e, onClose: o, onItemClick: a } = r, {
     list: n,
     setList: s,
     setListStatus: i,
-    setMoveItemId: c,
+    setMoveItemId: d,
     setMoveTargetId: p,
-    updateItem: k
-  } = be(), { theme: l } = ue(), { light: d, dark: b } = Y.getTheme(l), [x, A] = H("文件夹"), f = [...(e == null ? void 0 : e.children) ?? []];
-  return ie(() => {
-    var h;
-    e && A((h = e.data) == null ? void 0 : h.name);
+    updateItem: x
+  } = pe(), { theme: l } = le(), { light: c, dark: b } = Y.getTheme(l), [v, D] = H("文件夹"), f = [...(e == null ? void 0 : e.children) ?? []];
+  return ae(() => {
+    var g;
+    e && D((g = e.data) == null ? void 0 : g.name);
   }, [e]), /* @__PURE__ */ t(
-    bt,
+    xt,
     {
       visible: !!e,
       onClose: () => {
@@ -1130,7 +1130,7 @@ const It = ot({
       title: /* @__PURE__ */ t(
         "input",
         {
-          className: g`
+          className: h`
             background-color: transparent;
             border-style: none;
             text-align: center;
@@ -1144,23 +1144,23 @@ const It = ot({
               outline: none;
             }
           `,
-          value: x,
-          onChange: (h) => {
-            A(h.target.value);
+          value: v,
+          onChange: (g) => {
+            D(g.target.value);
           },
           onBlur: () => {
-            e && k(e.id, {
+            e && x(e.id, {
               ...e.data,
-              name: x
+              name: v
             });
           }
         }
       ),
       footer: null,
       closable: !1,
-      className: y(
+      className: k(
         "group-item-modal",
-        g`
+        h`
           .rc-dialog-content {
             background-color: transparent;
             box-shadow: none;
@@ -1175,7 +1175,7 @@ const It = ot({
               }
             }
             .rc-dialog-body {
-              background-color: ${d.groupItemModalBackgroundColor};
+              background-color: ${c.groupItemModalBackgroundColor};
               @media (prefers-color-scheme: dark) {
                 background-color: ${b.groupItemModalBackgroundColor};
               }
@@ -1190,21 +1190,21 @@ const It = ot({
       children: /* @__PURE__ */ t(
         "div",
         {
-          className: g`
+          className: h`
           overflow-y: auto;
           max-height: 60vh;
           padding: 1.25rem 0;
         `,
-          onDragLeave: (h) => {
-            const w = h.relatedTarget;
-            w && (h.currentTarget.contains(w) || setTimeout(() => {
+          onDragLeave: (g) => {
+            const I = g.relatedTarget;
+            I && (g.currentTarget.contains(I) || setTimeout(() => {
               o();
             }, 500));
           },
           children: /* @__PURE__ */ t(
             $e,
             {
-              className: g`
+              className: h`
             display: grid;
             gap: 1rem;
             place-items: center;
@@ -1216,28 +1216,28 @@ const It = ot({
               animation: 150,
               fallbackOnBody: !0,
               list: (e == null ? void 0 : e.children) ?? [],
-              setList: (h) => {
-                var I, u;
-                const w = h.map((T) => T.id), v = (u = (I = n.find((T) => T.id === (e == null ? void 0 : e.id))) == null ? void 0 : I.children) == null ? void 0 : u.map((T) => T.id);
-                w.length === (v == null ? void 0 : v.length) && w.every((T, R) => T === v[R]) || w.length < ((v == null ? void 0 : v.length) ?? 0) || s(h, [...(e == null ? void 0 : e.parentIds) ?? [], e == null ? void 0 : e.id]);
+              setList: (g) => {
+                var w, u;
+                const I = g.map((S) => S.id), y = (u = (w = n.find((S) => S.id === (e == null ? void 0 : e.id))) == null ? void 0 : w.children) == null ? void 0 : u.map((S) => S.id);
+                I.length === (y == null ? void 0 : y.length) && I.every((S, T) => S === y[T]) || I.length < ((y == null ? void 0 : y.length) ?? 0) || s(g, [...(e == null ? void 0 : e.parentIds) ?? [], e == null ? void 0 : e.id]);
               },
               onMove: () => (p(null), i("onMove"), !0),
-              onStart: (h) => {
-                const w = h.item.dataset;
-                w != null && w.id && c(w.id), i("onMove");
+              onStart: (g) => {
+                const I = g.item.dataset;
+                I != null && I.id && d(I.id), i("onMove");
               },
               onEnd: () => {
-                c(null), p(null), i(null);
+                d(null), p(null), i(null);
               },
-              ghostClass: Tt,
-              children: f.map((h, w) => /* @__PURE__ */ t(
+              ghostClass: Mt,
+              children: f.map((g, I) => /* @__PURE__ */ t(
                 Ue,
                 {
-                  data: h,
-                  itemIndex: w,
+                  data: g,
+                  itemIndex: I,
                   onClick: a
                 },
-                h.id
+                g.id
               ))
             }
           )
@@ -1245,11 +1245,11 @@ const It = ot({
       )
     }
   );
-}, Rn = (r) => {
+}, Pn = (r) => {
   var a;
   const { data: e, onClose: o } = r;
   return /* @__PURE__ */ t(
-    bt,
+    xt,
     {
       visible: !!e,
       onClose: () => {
@@ -1265,30 +1265,30 @@ const It = ot({
       title: ((a = e == null ? void 0 : e.data) == null ? void 0 : a.name) ?? "信息",
       children: e && /* @__PURE__ */ m("div", { children: [
         /* @__PURE__ */ t("div", { className: "mb-2", children: "开发者信息" }),
-        /* @__PURE__ */ t("div", { className: "p-2 rounded-md bg-[#272822]", children: /* @__PURE__ */ t(wo, { src: e, theme: "monokai" }) })
+        /* @__PURE__ */ t("div", { className: "p-2 rounded-md bg-[#272822]", children: /* @__PURE__ */ t(No, { src: e, theme: "monokai" }) })
       ] })
     }
   );
-}, Mt = (r) => {
+}, Lt = (r) => {
   const {
     pagination: e = { position: "bottom" },
     className: o,
     sliderProps: a,
     sliderRef: n,
     onItemClick: s
-  } = r, i = he(null), c = he(null), {
+  } = r, i = be(null), d = be(null), {
     list: p,
-    setList: k,
+    setList: x,
     setListStatus: l,
-    showInfoItemData: d,
+    showInfoItemData: c,
     setShowInfoItemData: b,
-    openGroupItemData: x,
-    setOpenGroupItemData: A,
+    openGroupItemData: v,
+    setOpenGroupItemData: D,
     setMoveItemId: f,
-    setMoveTargetId: h,
-    addItem: w
-  } = be(), { pagingDotBuilder: v, pagingDotsBuilder: I, itemBuilder: u } = ue(), T = fe(() => e === !1 ? {} : {
-    top: g`
+    setMoveTargetId: g,
+    addItem: I
+  } = pe(), { pagingDotBuilder: y, pagingDotsBuilder: w, itemBuilder: u } = le(), S = he(() => e === !1 ? {} : {
+    top: h`
         display: flex;
         flex-direction: column;
         .slick-list {
@@ -1298,12 +1298,12 @@ const It = ot({
           position: static;
         }
       `,
-    bottom: g`
+    bottom: h`
         .slick-dots {
           position: static;
         }
       `,
-    left: g`
+    left: h`
         .slick-dots {
           position: absolute;
           width: auto;
@@ -1319,7 +1319,7 @@ const It = ot({
           }
         }
       `,
-    right: g`
+    right: h`
         .slick-dots {
           position: absolute;
           width: auto;
@@ -1336,9 +1336,9 @@ const It = ot({
         }
       `
   }[e.position ?? "bottom"], [e]);
-  return /* @__PURE__ */ m(me, { children: [
+  return /* @__PURE__ */ m(ue, { children: [
     /* @__PURE__ */ t(
-      Zt,
+      Qt,
       {
         useCSS: !0,
         useTransform: !0,
@@ -1348,9 +1348,9 @@ const It = ot({
         dots: !0,
         touchMove: !1,
         lazyLoad: "anticipated",
-        className: y(
-          T,
-          g`
+        className: k(
+          S,
+          h`
             .slick-track {
               display: flex;
               align-items: stretch;
@@ -1368,26 +1368,35 @@ const It = ot({
           `,
           o
         ),
-        customPaging: (R) => {
-          var N, C;
-          return v ? v(p[R], R) : /* @__PURE__ */ t(
+        customPaging: (T) => {
+          var C, N;
+          if (y) {
+            const O = y(p[T], T);
+            return Jt.cloneElement(O, {
+              onDragEnter: (W) => {
+                var _;
+                (_ = (n ?? i).current) == null || _.slickGoTo(T), O.props && O.props.onDragEnter && O.props.onDragEnter(W);
+              }
+            });
+          }
+          return /* @__PURE__ */ t(
             "div",
             {
               onDragEnter: () => {
-                var X;
-                (X = (n ?? i).current) == null || X.slickGoTo(R);
+                var O;
+                (O = (n ?? i).current) == null || O.slickGoTo(T);
               },
-              children: (C = (N = p[R]) == null ? void 0 : N.data) == null ? void 0 : C.name
+              children: (N = (C = p[T]) == null ? void 0 : C.data) == null ? void 0 : N.name
             }
           );
         },
-        appendDots: (R) => I ? I(R) : e === !1 ? /* @__PURE__ */ t("div", {}) : /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+        appendDots: (T) => w ? w(T) : e === !1 ? /* @__PURE__ */ t("div", {}) : /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
           "ul",
           {
-            ref: c,
-            className: y(
+            ref: d,
+            className: k(
               "slick-dots-default",
-              g`
+              h`
                     padding: 0.5rem;
                     display: inline-flex;
                     justify-content: center;
@@ -1408,31 +1417,31 @@ const It = ot({
                     }
                   `
             ),
-            children: R
+            children: T
           }
         ) }),
         ...a,
-        children: p.map((R) => /* @__PURE__ */ t(
+        children: p.map((T) => /* @__PURE__ */ t(
           "div",
           {
-            onDrop: (N) => {
-              N.preventDefault();
-              const C = N.dataTransfer.getData("text/plain");
-              if (Y.quickJSONCheck(C))
+            onDrop: (C) => {
+              C.preventDefault();
+              const N = C.dataTransfer.getData("text/plain");
+              if (Y.quickJSONCheck(N))
                 try {
-                  w(JSON.parse(C), [R.id]);
-                } catch (Z) {
-                  console.log("drag error", Z);
+                  I(JSON.parse(N), [T.id]);
+                } catch (W) {
+                  console.log("drag error", W);
                 }
             },
-            onDragOver: (N) => {
-              N.preventDefault();
+            onDragOver: (C) => {
+              C.preventDefault();
             },
             children: /* @__PURE__ */ t(
               $e,
               {
-                className: y(
-                  g`
+                className: k(
+                  h`
                     display: grid;
                     transition: all 0.3s;
                     grid-template-columns: repeat(auto-fill, 96px);
@@ -1447,113 +1456,123 @@ const It = ot({
                 fallbackOnBody: !0,
                 swapThreshold: 0.65,
                 group: "nested",
-                list: R.children ?? [],
-                setList: (N) => k(N, [R.id]),
+                list: T.children ?? [],
+                setList: (C) => x(C, [T.id]),
                 filter: ".drag-disabled",
-                onMove: (N) => {
+                onMove: (C) => {
                   l("onMove");
-                  const { dragged: C, related: X } = N, Z = C.dataset, _ = X.dataset;
-                  return h(null), !((Object.keys(_).length === 0 || _.parentIds) && Number(Z.childrenLength) > 0 && X.classList.contains("sortable-group-item"));
+                  const { dragged: N, related: O } = C, W = N.dataset, _ = O.dataset;
+                  return g(null), !((Object.keys(_).length === 0 || _.parentIds) && Number(W.childrenLength) > 0 && O.classList.contains("sortable-group-item"));
                 },
-                onStart: (N) => {
-                  const C = N.item.dataset;
-                  C != null && C.id && f(C.id), l("onMove");
+                onStart: (C) => {
+                  const N = C.item.dataset;
+                  N != null && N.id && f(N.id), l("onMove");
                 },
                 onEnd: () => {
-                  f(null), h(null), l(null);
+                  f(null), g(null), l(null);
                 },
-                ghostClass: Tt,
-                children: (R.children ?? []).map((N, C) => {
-                  let X;
+                ghostClass: Mt,
+                children: (T.children ?? []).map((C, N) => {
+                  let O;
                   if (u)
-                    return u(N);
-                  switch (N.type) {
+                    return u(C);
+                  switch (C.type) {
                     case "group":
                     case "app":
-                      X = /* @__PURE__ */ t(
-                        An,
+                      O = /* @__PURE__ */ t(
+                        Dn,
                         {
-                          data: N,
-                          itemIndex: C,
-                          parentIds: [R.id, N.id],
+                          data: C,
+                          itemIndex: N,
+                          parentIds: [T.id, C.id],
                           onClick: s
                         },
-                        N.id
+                        C.id
                       );
                       break;
                     default:
-                      X = /* @__PURE__ */ t(
+                      O = /* @__PURE__ */ t(
                         Ue,
                         {
-                          data: N,
-                          itemIndex: C,
+                          data: C,
+                          itemIndex: N,
                           onClick: s
                         },
-                        N.id
+                        C.id
                       );
                       break;
                   }
-                  return X;
+                  return O;
                 })
               }
             )
           },
-          R.id
+          T.id
         ))
       }
     ),
     /* @__PURE__ */ t(
-      Rn,
+      Pn,
       {
-        data: d,
+        data: c,
         onClose: () => {
           b(null);
         }
       }
     ),
     /* @__PURE__ */ t(
-      Dn,
+      Rn,
       {
-        data: x,
+        data: v,
         onClose: () => {
-          A(null);
+          D(null);
         },
         onItemClick: s
       }
     )
   ] });
-}, Pn = (r) => {
-  const {
-    list: e,
-    onChange: o,
-    storageKey: a,
-    enableCaching: n,
-    theme: s,
-    noLetters: i,
-    contextMenu: c,
-    contextMenuBuilder: p,
-    itemBuilder: k,
-    itemIconBuilder: l,
-    pagingDotBuilder: d,
-    pagingDotsBuilder: b,
-    ...x
-  } = r;
-  return /* @__PURE__ */ t(St, { ...{
-    list: e,
-    onChange: o,
-    storageKey: a,
-    enableCaching: n
-  }, children: /* @__PURE__ */ t(wt, { ...{
-    theme: s,
-    noLetters: i,
-    contextMenu: c,
-    pagingDotsBuilder: b,
-    pagingDotBuilder: d,
-    itemBuilder: k,
-    itemIconBuilder: l,
-    contextMenuBuilder: p
-  }, children: /* @__PURE__ */ t(Mt, { ...x }) }) });
-}, Bn = {
+}, Bn = nt(
+  (r, e) => {
+    const {
+      list: o,
+      onChange: a,
+      storageKey: n,
+      enableCaching: s,
+      theme: i,
+      noLetters: d,
+      contextMenu: p,
+      contextMenuBuilder: x,
+      itemBuilder: l,
+      itemIconBuilder: c,
+      pagingDotBuilder: b,
+      pagingDotsBuilder: v,
+      ...D
+    } = r;
+    return /* @__PURE__ */ t(Tt, { ...{
+      list: o,
+      onChange: a,
+      storageKey: n,
+      enableCaching: s
+    }, children: /* @__PURE__ */ m(Nt, { ...{
+      theme: i,
+      noLetters: d,
+      contextMenu: p,
+      pagingDotsBuilder: v,
+      pagingDotBuilder: b,
+      itemBuilder: l,
+      itemIconBuilder: c,
+      contextMenuBuilder: x
+    }, children: [
+      /* @__PURE__ */ t(() => {
+        const y = pe(), w = le();
+        return ae(() => {
+          e && (typeof e == "function" ? e({ state: y, config: w }) : e.current = { state: y, config: w });
+        }, [y, w]), null;
+      }, {}),
+      /* @__PURE__ */ t(Lt, { ...D })
+    ] }) });
+  }
+), zn = {
   frontmatterEditor: {
     title: "编辑前置元数据",
     key: "键",
@@ -1670,13 +1689,13 @@ const It = ot({
   image: {
     delete: "删除图片"
   }
-}, zn = (r, e, o) => {
+}, En = (r, e, o) => {
   const n = r.split(".").reduce(
     (s, i) => typeof s == "string" ? s : s[i],
-    Bn
+    zn
   );
   return typeof n != "string" ? e : o ? n.replace(/{{(.*?)}}/g, (s, i) => o[i]) : n;
-}, En = g`
+}, $n = h`
   --accentBase: var(--tomato-1);
   --accentBgSubtle: var(--tomato-2);
   --accentBg: var(--tomato-3);
@@ -1730,7 +1749,7 @@ const It = ot({
     rgba(255, 255, 255, 0.05),
     rgba(255, 255, 255, 0.05)
   );
-`, $n = g`
+`, Hn = h`
   [class*="_toolbarRoot"] {
     flex-wrap: wrap;
     transition: all 0.3s;
@@ -1800,9 +1819,9 @@ const It = ot({
       margin-bottom: 0;
     }
   }
-`, Lt = y(
+`, At = k(
   "markdown-body",
-  g`
+  h`
     p {
       margin-bottom: 8px;
     }
@@ -1823,7 +1842,7 @@ const It = ot({
       }
     }
   `
-), At = g`
+), Dt = h`
   .markdown-body {
     /* light */
     color-scheme: light;
@@ -1878,7 +1897,7 @@ const It = ot({
     --color-prettylights-syntax-meta-diff-range: #8250df;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
   }
-`, Dt = g`
+`, Rt = h`
   .markdown-body {
     /* dark */
     color-scheme: dark;
@@ -1936,7 +1955,7 @@ const It = ot({
 `, ze = (r) => {
   var e, o;
   return r === "dark" ? !0 : r === "light" ? !1 : (e = document.documentElement.getAttribute("style")) != null && e.includes("color-scheme: dark;") ? !0 : (o = document.documentElement.getAttribute("style")) != null && o.includes("color-scheme: light;") ? !1 : window.matchMedia("(prefers-color-scheme: dark)").matches;
-}, Hn = (r) => {
+}, On = (r) => {
   const {
     value: e,
     onChange: o,
@@ -1944,16 +1963,16 @@ const It = ot({
     pluginConfig: n,
     className: s,
     theme: i = "auto",
-    ...c
-  } = r, p = he(null), {
-    image: k,
+    ...d
+  } = r, p = be(null), {
+    image: x,
     diffSource: l = {
       viewMode: "rich-text"
     },
-    headings: d,
+    headings: c,
     link: b,
-    codeBlock: x,
-    codeMirror: A = {
+    codeBlock: v,
+    codeMirror: D = {
       codeBlockLanguages: {
         js: "JavaScript",
         css: "CSS",
@@ -1963,121 +1982,121 @@ const It = ot({
       }
     },
     directives: f = {
-      directiveDescriptors: [No]
+      directiveDescriptors: [Io]
     }
-  } = n ?? {}, [h, w] = H("");
-  return ie(() => {
-    var v;
-    e !== void 0 && p.current && ((v = p.current) == null || v.setMarkdown(e), w(e));
+  } = n ?? {}, [g, I] = H("");
+  return ae(() => {
+    var y;
+    e !== void 0 && p.current && ((y = p.current) == null || y.setMarkdown(e), I(e));
   }, [e, p]), /* @__PURE__ */ t(
-    Io,
+    So,
     {
       ref: p,
-      className: y(
-        $n,
-        ze(i) ? En : "",
-        ze(i) ? Dt : At,
+      className: k(
+        Hn,
+        ze(i) ? $n : "",
+        ze(i) ? Rt : Dt,
         s
       ),
-      contentEditableClassName: Lt,
-      markdown: h,
-      onChange: (v) => {
-        !e && !o && w(v), o && o(v);
+      contentEditableClassName: At,
+      markdown: g,
+      onChange: (y) => {
+        !e && !o && I(y), o && o(y);
       },
-      translation: a ?? zn,
+      translation: a ?? En,
       plugins: [
-        So({
-          toolbarContents: () => /* @__PURE__ */ m(_o, { options: ["rich-text", "source"], children: [
-            /* @__PURE__ */ t(jo, {}),
-            /* @__PURE__ */ t(le, {}),
+        To({
+          toolbarContents: () => /* @__PURE__ */ m(jo, { options: ["rich-text", "source"], children: [
             /* @__PURE__ */ t(Xo, {}),
+            /* @__PURE__ */ t(ce, {}),
             /* @__PURE__ */ t(Uo, {}),
-            /* @__PURE__ */ t(le, {}),
             /* @__PURE__ */ t(Go, {}),
-            /* @__PURE__ */ t(le, {}),
+            /* @__PURE__ */ t(ce, {}),
             /* @__PURE__ */ t(qo, {}),
-            /* @__PURE__ */ t(le, {}),
+            /* @__PURE__ */ t(ce, {}),
             /* @__PURE__ */ t(Yo, {}),
+            /* @__PURE__ */ t(ce, {}),
             /* @__PURE__ */ t(Vo, {}),
-            /* @__PURE__ */ t(le, {}),
             /* @__PURE__ */ t(Wo, {}),
+            /* @__PURE__ */ t(ce, {}),
             /* @__PURE__ */ t(Ko, {}),
-            /* @__PURE__ */ t(le, {}),
             /* @__PURE__ */ t(Jo, {}),
-            /* @__PURE__ */ t(le, {}),
-            /* @__PURE__ */ t(Zo, {})
+            /* @__PURE__ */ t(ce, {}),
+            /* @__PURE__ */ t(Zo, {}),
+            /* @__PURE__ */ t(ce, {}),
+            /* @__PURE__ */ t(Qo, {})
           ] })
         }),
-        To(l),
-        Mo(),
+        Mo(l),
         Lo(),
-        Ao(d),
-        Do(b),
-        Ro(),
-        Po(k),
-        Bo(),
+        Ao(),
+        Do(c),
+        Ro(b),
+        Po(),
+        Bo(x),
         zo(),
         Eo(),
-        $o(x),
-        Ho(A),
-        Oo(),
-        Fo(f)
+        $o(),
+        Ho(v),
+        Oo(D),
+        Fo(),
+        _o(f)
       ],
-      ...c
+      ...d
     }
   );
-}, Rt = (r) => {
+}, Pt = (r) => {
   const { children: e = "", className: o, theme: a = "auto", imageProps: n } = r;
   return /* @__PURE__ */ t(
     "div",
     {
-      className: ze(a) ? Dt : At,
+      className: ze(a) ? Rt : Dt,
       children: /* @__PURE__ */ t(
-        xt,
+        yt,
         {
-          className: y(Lt, o),
-          remarkPlugins: [Qo, er],
-          rehypePlugins: [tr],
+          className: k(At, o),
+          remarkPlugins: [er, tr],
+          rehypePlugins: [or],
           components: {
             code(s) {
-              const { children: i, className: c, node: p, ref: k, ...l } = s, d = /language-(\w+)/.exec(c || "");
-              return d ? /* @__PURE__ */ t(
-                or,
+              const { children: i, className: d, node: p, ref: x, ...l } = s, c = /language-(\w+)/.exec(d || "");
+              return c ? /* @__PURE__ */ t(
+                rr,
                 {
                   ...l,
                   PreTag: "div",
                   children: String(i).replace(/\n$/, ""),
-                  language: d[1],
-                  style: rr
+                  language: c[1],
+                  style: nr
                 }
-              ) : /* @__PURE__ */ t("code", { ...l, className: c, children: i });
+              ) : /* @__PURE__ */ t("code", { ...l, className: d, children: i });
             },
             img(s) {
-              const { preview: i, ...c } = n ?? {};
+              const { preview: i, ...d } = n ?? {};
               return /* @__PURE__ */ t(
-                nr,
+                ar,
                 {
                   ...s,
                   preview: i instanceof Boolean ? i : {
                     icons: {
-                      rotateLeft: /* @__PURE__ */ t(go, {}),
-                      rotateRight: /* @__PURE__ */ t(po, {}),
-                      zoomIn: /* @__PURE__ */ t(uo, {}),
-                      zoomOut: /* @__PURE__ */ t(mo, {}),
-                      close: /* @__PURE__ */ t(co, {}),
-                      left: /* @__PURE__ */ t(lo, {}),
-                      right: /* @__PURE__ */ t(io, {}),
-                      flipX: /* @__PURE__ */ t(so, {}),
-                      flipY: /* @__PURE__ */ t(ao, {})
+                      rotateLeft: /* @__PURE__ */ t(fo, {}),
+                      rotateRight: /* @__PURE__ */ t(go, {}),
+                      zoomIn: /* @__PURE__ */ t(po, {}),
+                      zoomOut: /* @__PURE__ */ t(uo, {}),
+                      close: /* @__PURE__ */ t(mo, {}),
+                      left: /* @__PURE__ */ t(co, {}),
+                      right: /* @__PURE__ */ t(lo, {}),
+                      flipX: /* @__PURE__ */ t(io, {}),
+                      flipY: /* @__PURE__ */ t(so, {})
                     },
                     zIndex: 9999,
                     mask: " ",
                     ...i
                   },
-                  className: g`
+                  className: h`
                   cursor: zoom-in;
                 `,
-                  ...c
+                  ...d
                 }
               );
             }
@@ -2087,52 +2106,60 @@ const It = ot({
       )
     }
   );
-}, Pt = Hn;
-Pt.Preview = Rt;
-function Bt(...r) {
-  return sr(ar(r));
+}, Bt = On;
+Bt.Preview = Pt;
+function zt(...r) {
+  return ir(sr(r));
 }
 const Ge = (r) => {
-  const { mouseX: e, title: o, icon: a, href: n, children: s } = r, i = he(null), c = xe(e, (v) => {
-    var u;
-    const I = ((u = i.current) == null ? void 0 : u.getBoundingClientRect()) ?? { x: 0, width: 0 };
-    return v - I.x - I.width / 2;
-  }), p = xe(c, [-150, 0, 150], [40, 80, 40]), k = xe(c, [-150, 0, 150], [40, 80, 40]), l = xe(
-    c,
+  const {
+    mouseX: e,
+    title: o,
+    icon: a,
+    href: n,
+    children: s,
+    as: i = R.div,
+    ...d
+  } = r, p = be(null), x = xe(e, (S) => {
+    var C;
+    const T = ((C = p.current) == null ? void 0 : C.getBoundingClientRect()) ?? { x: 0, width: 0 };
+    return S - T.x - T.width / 2;
+  }), l = xe(x, [-150, 0, 150], [40, 80, 40]), c = xe(x, [-150, 0, 150], [40, 80, 40]), b = xe(
+    x,
     [-150, 0, 150],
     [20, 40, 20]
-  ), d = xe(
-    c,
+  ), v = xe(
+    x,
     [-150, 0, 150],
     [20, 40, 20]
-  ), b = Te(p, {
+  ), D = Te(l, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), x = Te(k, {
+  }), f = Te(c, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), A = Te(l, {
+  }), g = Te(b, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), f = Te(d, {
+  }), I = Te(v, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), [h, w] = H(!1);
-  return /* @__PURE__ */ t("a", { href: n, children: /* @__PURE__ */ m(
-    D.div,
+  }), [y, w] = H(!1), u = /* @__PURE__ */ m(
+    i,
     {
-      ref: i,
-      style: { width: b, height: x },
+      ref: p,
+      style: { width: D, height: f },
       onMouseEnter: () => w(!0),
       onMouseLeave: () => w(!1),
       className: "aspect-square rounded-full bg-gray-200 dark:bg-neutral-800 flex items-center justify-center relative",
+      ...d,
       children: [
-        /* @__PURE__ */ t(He, { children: h && /* @__PURE__ */ t(
-          D.div,
+        o && /* @__PURE__ */ t(He, { children: y && /* @__PURE__ */ t(
+          R.div,
           {
             initial: { opacity: 0, y: 10, x: "-50%" },
             animate: { opacity: 1, y: 0, x: "-50%" },
@@ -2141,44 +2168,45 @@ const Ge = (r) => {
             children: o
           }
         ) }),
-        " ",
         /* @__PURE__ */ t(
-          D.div,
+          R.div,
           {
-            style: { width: A, height: f },
+            style: { width: g, height: I },
             className: "flex items-center justify-center",
             children: s || a
           }
         )
       ]
     }
-  ) });
+  );
+  return n ? /* @__PURE__ */ t("a", { href: n }) : u;
 }, qe = (r) => {
   const {
     items: e = [],
     className: o,
     itemBuilder: a,
     children: n,
-    mouseX: s
-  } = r, i = nt(1 / 0), c = s ?? i;
+    mouseX: s,
+    as: i = R.div
+  } = r, d = at(1 / 0), p = s ?? d;
   return /* @__PURE__ */ t(
-    D.div,
+    i,
     {
-      onMouseMove: (p) => c.set(p.pageX),
-      onMouseLeave: () => c.set(1 / 0),
-      className: Bt(
+      onMouseMove: (x) => p.set(x.pageX),
+      onMouseLeave: () => p.set(1 / 0),
+      className: zt(
         "mx-auto hidden md:flex h-16 gap-4 items-end  rounded-2xl bg-gray-50 dark:bg-neutral-900 px-4 pb-3",
         o
       ),
       children: n || e.map(
-        (p) => a ? a(p, c) : /* @__PURE__ */ t(Ge, { mouseX: c, ...p }, p.title)
+        (x) => a ? a(x, p) : /* @__PURE__ */ t(Ge, { mouseX: p, ...x }, x.title)
       )
     }
   );
 }, De = (r) => {
-  const { title: e, icon: o, href: a, index: n, totalItems: s, children: i } = r;
+  const { title: e, icon: o, href: a, index: n, totalItems: s, children: i, ...d } = r;
   return /* @__PURE__ */ t(
-    D.div,
+    R.div,
     {
       initial: { opacity: 0, y: 10 },
       animate: {
@@ -2193,6 +2221,7 @@ const Ge = (r) => {
         }
       },
       transition: { delay: (s - 1 - n) * 0.05 },
+      ...d,
       children: i || /* @__PURE__ */ t(
         "a",
         {
@@ -2212,34 +2241,34 @@ const Ge = (r) => {
     autoHidden: n = !1,
     itemBuilder: s,
     children: i
-  } = r, [c, p] = H(!1), k = () => {
-    p(!c);
+  } = r, [d, p] = H(!1), x = () => {
+    p(!d);
   };
   return /* @__PURE__ */ m(
     "div",
     {
-      className: Bt("relative block", n ? "md:hidden" : "", o),
+      className: zt("relative block", n ? "md:hidden" : "", o),
       children: [
-        /* @__PURE__ */ t(He, { children: c && /* @__PURE__ */ t(
-          D.div,
+        /* @__PURE__ */ t(He, { children: d && /* @__PURE__ */ t(
+          R.div,
           {
             layoutId: "nav",
             className: "absolute bottom-full mb-2 inset-x-0 flex flex-col gap-2",
             children: i || e.map(
-              (l, d) => s ? /* @__PURE__ */ t(
+              (l, c) => s ? /* @__PURE__ */ t(
                 De,
                 {
                   ...l,
-                  index: d,
+                  index: c,
                   totalItems: e.length,
-                  children: s(l, d, e)
+                  children: s(l, c, e)
                 },
                 l.title
               ) : /* @__PURE__ */ t(
                 De,
                 {
                   ...l,
-                  index: d,
+                  index: c,
                   totalItems: e.length
                 },
                 l.title
@@ -2250,15 +2279,15 @@ const Ge = (r) => {
         /* @__PURE__ */ t(
           "button",
           {
-            onClick: k,
+            onClick: x,
             className: "h-10 w-10 rounded-full bg-gray-50 dark:bg-neutral-800 flex items-center justify-center",
-            children: a || /* @__PURE__ */ t(fo, { className: "h-5 w-5 text-neutral-500 dark:text-neutral-400" })
+            children: a || /* @__PURE__ */ t(ho, { className: "h-5 w-5 text-neutral-500 dark:text-neutral-400" })
           }
         )
       ]
     }
   );
-}, On = (r) => {
+}, Fn = (r) => {
   const {
     items: e,
     desktopClassName: o,
@@ -2266,11 +2295,11 @@ const Ge = (r) => {
     desktopItemBuilder: n,
     mobileItemBuilder: s,
     desktopChildren: i,
-    mobileChildren: c,
+    mobileChildren: d,
     desktopMouseX: p,
-    ...k
+    ...x
   } = r;
-  return /* @__PURE__ */ m(me, { children: [
+  return /* @__PURE__ */ m(ue, { children: [
     /* @__PURE__ */ t(
       qe,
       {
@@ -2279,7 +2308,7 @@ const Ge = (r) => {
         itemBuilder: n,
         children: i,
         mouseX: p,
-        ...k
+        ...x
       }
     ),
     /* @__PURE__ */ t(
@@ -2288,42 +2317,42 @@ const Ge = (r) => {
         items: e,
         className: a,
         itemBuilder: s,
-        children: c,
+        children: d,
         autoHidden: !0,
-        ...k
+        ...x
       }
     )
   ] });
-}, we = On;
+}, we = Fn;
 we.Desktop = qe;
 we.DesktopItem = Ge;
 we.Mobile = Ye;
 we.MobileItem = De;
-const Fn = /* @__PURE__ */ wn({
+const _n = /* @__PURE__ */ Nn({
   __proto__: null
-}, [Qr]);
-function _n() {
+}, [en]);
+function jn() {
   try {
-    return Fn;
+    return _n;
   } catch {
     return null;
   }
 }
-function jn(r, e) {
+function Xn(r, e) {
   if (r && typeof r.serializeForClipboard == "function")
     return r.serializeForClipboard(e);
-  const o = _n();
+  const o = jn();
   if (o && typeof (o == null ? void 0 : o.__serializeForClipboard) == "function")
     return o.__serializeForClipboard(r, e);
   throw new Error("No supported clipboard serialization method found.");
 }
-function Xn(r) {
+function Un(r) {
   const e = r.getBoundingClientRect(), o = r.closest('[role="dialog"]'), a = r.closest(".ProseMirror"), n = a == null ? void 0 : a.getBoundingClientRect(), s = window.pageXOffset || document.documentElement.scrollLeft, i = window.pageYOffset || document.documentElement.scrollTop;
   if (o && window.getComputedStyle(o).transform !== "none") {
-    const c = o.getBoundingClientRect();
+    const d = o.getBoundingClientRect();
     return {
-      top: e.top - c.top + i,
-      left: e.left - c.left + s,
+      top: e.top - d.top + i,
+      left: e.left - d.left + s,
       width: e.width
     };
   }
@@ -2366,10 +2395,10 @@ function Le(r, e) {
   const o = e.state.doc.resolve(r);
   return o.depth > 1 ? o.before(o.depth) : r;
 }
-function Un(r) {
+function Gn(r) {
   let e = "", o = !1;
-  function a(l, d) {
-    if (d.focus(), !l.dataTransfer) return;
+  function a(l, c) {
+    if (c.focus(), !l.dataTransfer) return;
     const b = Ze(
       {
         x: l.clientX + 50 + r.dragHandleWidth,
@@ -2378,35 +2407,35 @@ function Un(r) {
       r
     );
     if (!(b instanceof Element)) return;
-    let x = Qe(b, d, r);
-    if (x == null || x < 0) return;
-    x = Le(x, d);
-    const { from: A, to: f } = d.state.selection, h = A - f, w = Le(A, d);
-    let v = !1;
-    const I = d.state.doc.resolve(w);
-    if (I.node().type.name === "doc") v = !0;
+    let v = Qe(b, c, r);
+    if (v == null || v < 0) return;
+    v = Le(v, c);
+    const { from: D, to: f } = c.state.selection, g = D - f, I = Le(D, c);
+    let y = !1;
+    const w = c.state.doc.resolve(I);
+    if (w.node().type.name === "doc") y = !0;
     else {
-      const C = K.create(
-        d.state.doc,
-        I.before()
+      const N = J.create(
+        c.state.doc,
+        w.before()
       );
-      v = !(x + 1 >= C.$from.pos && x <= C.$to.pos);
+      y = !(v + 1 >= N.$from.pos && v <= N.$to.pos);
     }
-    let u = d.state.selection;
-    if (!v && h !== 0 && !(d.state.selection instanceof K)) {
-      const C = K.create(d.state.doc, f - 1);
-      u = Kr.create(
-        d.state.doc,
-        x,
-        C.$to.pos
+    let u = c.state.selection;
+    if (!y && g !== 0 && !(c.state.selection instanceof J)) {
+      const N = J.create(c.state.doc, f - 1);
+      u = Jr.create(
+        c.state.doc,
+        v,
+        N.$to.pos
       );
-    } else if (u = K.create(d.state.doc, x), u.node.type.isInline || u.node.type.name === "tableRow") {
-      const C = d.state.doc.resolve(u.from);
-      u = K.create(d.state.doc, C.before());
+    } else if (u = J.create(c.state.doc, v), u.node.type.isInline || u.node.type.name === "tableRow") {
+      const N = c.state.doc.resolve(u.from);
+      u = J.create(c.state.doc, N.before());
     }
-    d.dispatch(d.state.tr.setSelection(u)), d.state.selection instanceof K && d.state.selection.node.type.name === "listItem" && (e = b.parentElement.tagName);
-    const T = d.state.selection.content(), { dom: R, text: N } = jn(d, T);
-    l.dataTransfer.clearData(), l.dataTransfer.setData("text/html", R.innerHTML), l.dataTransfer.setData("text/plain", N), l.dataTransfer.effectAllowed = "copyMove", l.dataTransfer.setDragImage(b, 0, 0), d.dragging = { slice: T, move: l.ctrlKey };
+    c.dispatch(c.state.tr.setSelection(u)), c.state.selection instanceof J && c.state.selection.node.type.name === "listItem" && (e = b.parentElement.tagName);
+    const S = c.state.selection.content(), { dom: T, text: C } = Xn(c, S);
+    l.dataTransfer.clearData(), l.dataTransfer.setData("text/html", T.innerHTML), l.dataTransfer.setData("text/plain", C), l.dataTransfer.effectAllowed = "copyMove", l.dataTransfer.setDragImage(b, 0, 0), c.dragging = { slice: S, move: l.ctrlKey };
   }
   let n = null;
   function s() {
@@ -2415,82 +2444,82 @@ function Un(r) {
   function i() {
     n && n.classList.remove("hide");
   }
-  function c(l, d) {
-    const b = Le(d, l), x = K.create(l.state.doc, b);
-    l.dispatch(l.state.tr.setSelection(x)), l.focus(), o = !0;
+  function d(l, c) {
+    const b = Le(c, l), v = J.create(l.state.doc, b);
+    l.dispatch(l.state.tr.setSelection(v)), l.focus(), o = !0;
   }
   function p(l) {
-    if (o = l.state.selection instanceof K, o && (n != null && n.dataset.nodePos)) {
+    if (o = l.state.selection instanceof J, o && (n != null && n.dataset.nodePos)) {
       const b = parseInt(n.dataset.nodePos, 10);
       try {
-        const x = l.state.doc.resolve(b);
-        x && x.parent && x.parent.type.name !== "doc" || (o = !1, s());
+        const v = l.state.doc.resolve(b);
+        v && v.parent && v.parent.type.name !== "doc" || (o = !1, s());
       } catch {
         o = !1, s();
       }
     }
     o && n && !n.classList.contains("hide") ? i() : o || s();
   }
-  function k(l) {
+  function x(l) {
     if (!(l.target instanceof Element)) return;
-    const d = l.relatedTarget;
-    if (!d) {
+    const c = l.relatedTarget;
+    if (!c) {
       o || s();
       return;
     }
-    const b = d.closest(".drag-handle") || d.classList.contains("drag-handle"), x = d.closest(".tiptap") || d.classList.contains("tiptap");
-    !b && !x && !o && s();
+    const b = c.closest(".drag-handle") || c.classList.contains("drag-handle"), v = c.closest(".tiptap") || c.classList.contains("tiptap");
+    !b && !v && !o && s();
   }
-  return new Vr({
-    key: new Wr(r.pluginKey),
+  return new Wr({
+    key: new Kr(r.pluginKey),
     view: (l) => {
-      var f, h, w, v;
-      const d = r.dragHandleSelector ? document.querySelector(r.dragHandleSelector) : null;
-      n = d ?? document.createElement("div"), n.draggable = !0, n.dataset.dragHandle = "", n.classList.add("drag-handle");
-      function b(I) {
-        a(I, l);
+      var f, g, I, y;
+      const c = r.dragHandleSelector ? document.querySelector(r.dragHandleSelector) : null;
+      n = c ?? document.createElement("div"), n.draggable = !0, n.dataset.dragHandle = "", n.classList.add("drag-handle");
+      function b(w) {
+        a(w, l);
       }
       n.addEventListener("dragstart", b);
-      function x(I) {
-        d || (I.preventDefault(), I.stopPropagation());
+      function v(w) {
+        c || (w.preventDefault(), w.stopPropagation());
         const u = n == null ? void 0 : n.dataset.nodePos;
-        u && c(l, parseInt(u, 10));
+        u && d(l, parseInt(u, 10));
       }
-      n.addEventListener("click", x);
-      function A(I) {
+      n.addEventListener("click", v);
+      function D(w) {
         s();
         const u = window.scrollY;
-        I.clientY < r.scrollTreshold ? window.scrollTo({ top: u - 30, behavior: "smooth" }) : window.innerHeight - I.clientY < r.scrollTreshold && window.scrollTo({ top: u + 30, behavior: "smooth" });
+        w.clientY < r.scrollTreshold ? window.scrollTo({ top: u - 30, behavior: "smooth" }) : window.innerHeight - w.clientY < r.scrollTreshold && window.scrollTo({ top: u + 30, behavior: "smooth" });
       }
-      return n.addEventListener("drag", A), s(), d || (h = (f = l == null ? void 0 : l.dom) == null ? void 0 : f.parentElement) == null || h.appendChild(n), (v = (w = l == null ? void 0 : l.dom) == null ? void 0 : w.parentElement) == null || v.addEventListener(
+      return n.addEventListener("drag", D), s(), c || (g = (f = l == null ? void 0 : l.dom) == null ? void 0 : f.parentElement) == null || g.appendChild(n), (y = (I = l == null ? void 0 : l.dom) == null ? void 0 : I.parentElement) == null || y.addEventListener(
         "mouseout",
-        k
+        x
       ), {
         destroy: () => {
-          var I, u, T;
-          d || (I = n == null ? void 0 : n.remove) == null || I.call(n), n == null || n.removeEventListener("drag", A), n == null || n.removeEventListener(
+          var w, u, S;
+          c || (w = n == null ? void 0 : n.remove) == null || w.call(n), n == null || n.removeEventListener("drag", D), n == null || n.removeEventListener(
             "dragstart",
             b
-          ), n == null || n.removeEventListener("click", x), n = null, (T = (u = l == null ? void 0 : l.dom) == null ? void 0 : u.parentElement) == null || T.removeEventListener(
+          ), n == null || n.removeEventListener("click", v), n = null, (S = (u = l == null ? void 0 : l.dom) == null ? void 0 : u.parentElement) == null || S.removeEventListener(
             "mouseout",
-            k
+            x
           );
         }
       };
     },
     props: {
       handleDOMEvents: {
-        mousemove: (l, d) => {
+        mousemove: (l, c) => {
           if (!l.editable)
             return;
           const b = Ze(
             {
-              x: d.clientX + 50 + r.dragHandleWidth,
-              y: d.clientY
+              x: c.clientX + 50 + r.dragHandleWidth,
+              y: c.clientY
             },
             r
-          ), x = b == null ? void 0 : b.closest(".not-draggable"), A = r.excludedTags.concat(["ol", "ul"]).join(", ");
-          if (!(b instanceof Element) || b.matches(A) || x) {
+          ), v = b == null ? void 0 : b.closest(".not-draggable"), D = r.excludedTags.concat(["ol", "ul"]).join(", ");
+          if (!(b instanceof Element) || b.matches(D) || v) {
             o || s();
             return;
           }
@@ -2498,8 +2527,8 @@ function Un(r) {
           f != null && f >= 0 && (n.dataset.nodePos = String(
             Le(f, l)
           ));
-          const h = window.getComputedStyle(b), w = parseInt(h.lineHeight, 10), v = isNaN(w) ? parseInt(h.fontSize) * 1.2 : w, I = parseInt(h.paddingTop, 10), u = Xn(b);
-          u.top += (v - 24) / 2, u.top += I, b.matches("ul:not([data-type=taskList]) li, ol li") && (u.left -= r.dragHandleWidth - 28), u.width = r.dragHandleWidth, n && (n.style.position = "absolute", n.style.left = `${u.left - u.width}px`, n.style.top = `${u.top}px`, i());
+          const g = window.getComputedStyle(b), I = parseInt(g.lineHeight, 10), y = isNaN(I) ? parseInt(g.fontSize) * 1.2 : I, w = parseInt(g.paddingTop, 10), u = Un(b);
+          u.top += (y - 24) / 2, u.top += w, b.matches("ul:not([data-type=taskList]) li, ol li") && (u.left -= r.dragHandleWidth - 28), u.width = r.dragHandleWidth, n && (n.style.position = "absolute", n.style.left = `${u.left - u.width}px`, n.style.top = `${u.top}px`, i());
         },
         keydown: () => {
           o || s();
@@ -2515,22 +2544,22 @@ function Un(r) {
         dragstart: (l) => {
           l.dom.classList.add("dragging");
         },
-        drop: (l, d) => {
-          var h;
+        drop: (l, c) => {
+          var g;
           l.dom.classList.remove("dragging"), s();
           let b = null;
-          const x = l.posAtCoords({
-            left: d.clientX,
-            top: d.clientY
+          const v = l.posAtCoords({
+            left: c.clientX,
+            top: c.clientY
           });
-          if (!x || (l.state.selection instanceof K && (b = l.state.selection.node), !b)) return;
-          const f = l.state.doc.resolve(x.pos).parent.type.name === "listItem";
-          if (l.state.selection instanceof K && l.state.selection.node.type.name === "listItem" && !f && e == "OL") {
-            const w = (h = l.state.schema.nodes.orderedList) == null ? void 0 : h.createAndFill(
+          if (!v || (l.state.selection instanceof J && (b = l.state.selection.node), !b)) return;
+          const f = l.state.doc.resolve(v.pos).parent.type.name === "listItem";
+          if (l.state.selection instanceof J && l.state.selection.node.type.name === "listItem" && !f && e == "OL") {
+            const I = (g = l.state.schema.nodes.orderedList) == null ? void 0 : g.createAndFill(
               null,
               b
-            ), v = new Jr(Zr.from(w), 0, 0);
-            l.dragging = { slice: v, move: d.ctrlKey };
+            ), y = new Zr(Qr.from(I), 0, 0);
+            l.dragging = { slice: y, move: c.ctrlKey };
           }
         },
         dragend: (l) => {
@@ -2543,22 +2572,22 @@ function Un(r) {
       init() {
         return {};
       },
-      apply(l, d, b, x) {
+      apply(l, c, b, v) {
         if (l.docChanged && n && n.dataset.nodePos) {
-          const A = parseInt(n.dataset.nodePos, 10);
+          const D = parseInt(n.dataset.nodePos, 10);
           try {
-            const f = x.doc.resolve(A);
+            const f = v.doc.resolve(D);
             (!f || f.parent.type.name === "doc") && (o = !1, s());
           } catch {
             o = !1, s();
           }
         }
-        return d;
+        return c;
       }
     }
   });
 }
-const Gn = Yr.create({
+const qn = Vr.create({
   name: "globalDragHandle",
   addOptions() {
     return {
@@ -2570,7 +2599,7 @@ const Gn = Yr.create({
   },
   addProseMirrorPlugins() {
     return [
-      Un({
+      Gn({
         pluginKey: "globalDragHandle",
         dragHandleWidth: this.options.dragHandleWidth,
         scrollTreshold: this.options.scrollTreshold,
@@ -2580,18 +2609,18 @@ const Gn = Yr.create({
       })
     ];
   }
-}), qn = yr, Yn = ir.configure({
+}), Yn = vr, Vn = lr.configure({
   placeholder: "撰写任何内容，或者按“/”输入命令..."
-}), Vn = lr.configure({
+}), Wn = cr.configure({
   HTMLAttributes: {
     class: q(
       "text-muted-foreground underline underline-offset-[3px] hover:text-primary transition-colors cursor-pointer"
     )
   }
-}), Wn = cr.extend({
+}), Kn = dr.extend({
   addProseMirrorPlugins() {
     return [
-      dr({
+      mr({
         imageClass: q("opacity-40 rounded-lg border border-stone-200")
       })
     ];
@@ -2601,24 +2630,24 @@ const Gn = Yr.create({
   HTMLAttributes: {
     class: q("rounded-lg border border-muted")
   }
-}), Kn = mr.configure({
+}), Jn = ur.configure({
   HTMLAttributes: {
     class: q("rounded-lg border border-muted")
   }
-}), Jn = ur.configure({
+}), Zn = pr.configure({
   HTMLAttributes: {
     class: q("not-prose pl-2 ")
   }
-}), Zn = pr.configure({
+}), Qn = gr.configure({
   HTMLAttributes: {
     class: q("flex gap-2 items-start my-4")
   },
   nested: !0
-}), Qn = gr.configure({
+}), ea = fr.configure({
   HTMLAttributes: {
     class: q("mt-4 mb-6 border-t border-muted-foreground")
   }
-}), ea = fr.configure({
+}), ta = hr.configure({
   bulletList: {
     HTMLAttributes: {
       class: q("list-disc list-outside leading-3 -mt-2")
@@ -2658,18 +2687,18 @@ const Gn = Yr.create({
     width: 4
   },
   gapcursor: !1
-}), ta = hr.configure({
+}), oa = br.configure({
   // configure lowlight: common /  all / use highlightJS in case there is a need to specify certain language grammars only
   // common: covers 37 language grammars which should be good enough in most cases
-  lowlight: Gr(qr)
-}), oa = br.configure({
+  lowlight: qr(Yr)
+}), ra = xr.configure({
   HTMLAttributes: {
     class: q("text-foreground rounded p-1 hover:bg-accent cursor-pointer")
   },
   katexOptions: {
     throwOnError: !1
   }
-}), ra = xr.configure(), na = Xr.configure({
+}), na = yr.configure(), aa = Ur.configure({
   html: !0,
   tightLists: !0,
   tightListClass: "tight",
@@ -2678,36 +2707,36 @@ const Gn = Yr.create({
   breaks: !1,
   transformPastedText: !1,
   transformCopiedText: !1
-}), aa = Gn.configure({
+}), sa = qn.configure({
   dragHandleWidth: 56,
   dragHandleSelector: ".custom-drag-handle"
-}), zt = [
-  ea,
-  Yn,
+}), Et = [
+  ta,
   Vn,
   Wn,
   Kn,
   Jn,
   Zn,
   Qn,
-  qn,
-  ta,
+  ea,
+  Yn,
   oa,
   ra,
-  vr,
   na,
   kr,
+  aa,
   Cr,
   wr,
   Nr,
-  aa
-], sa = ve.Root, Et = ve.Trigger, Re = G.forwardRef(({ className: r, align: e = "center", sideOffset: o = 4, ...a }, n) => /* @__PURE__ */ t(ve.Portal, { children: /* @__PURE__ */ t(
+  Ir,
+  sa
+], ia = ve.Root, $t = ve.Trigger, Re = G.forwardRef(({ className: r, align: e = "center", sideOffset: o = 4, ...a }, n) => /* @__PURE__ */ t(ve.Portal, { children: /* @__PURE__ */ t(
   ve.Content,
   {
     ref: n,
     align: e,
     sideOffset: o,
-    className: y(
+    className: k(
       "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       r
     ),
@@ -2715,7 +2744,7 @@ const Gn = Yr.create({
   }
 ) }));
 Re.displayName = ve.Content.displayName;
-const ia = Ur(
+const la = Gr(
   "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -2739,17 +2768,17 @@ const ia = Ur(
       size: "default"
     }
   }
-), J = G.forwardRef(
+), Z = G.forwardRef(
   ({ className: r, variant: e, size: o, asChild: a = !1, ...n }, s) => /* @__PURE__ */ t(
-    a ? tn : "button",
+    a ? on : "button",
     {
-      className: y(ia({ variant: e, size: o, className: r })),
+      className: k(la({ variant: e, size: o, className: r })),
       ref: s,
       ...n
     }
   )
 );
-J.displayName = "Button";
+Z.displayName = "Button";
 const et = [
   {
     name: "默认",
@@ -2842,11 +2871,11 @@ const et = [
     // Gray
     color: "var(--novel-highlight-gray)"
   }
-], de = (r) => /* @__PURE__ */ t(
-  at,
+], me = (r) => /* @__PURE__ */ t(
+  st,
   {
     classNames: {
-      root: g`
+      root: h`
           background-color: transparent;
           padding: 0;
           .rc-tooltip-content {
@@ -2858,7 +2887,7 @@ const et = [
     showArrow: !1,
     ...r
   }
-), la = ({ open: r, onOpenChange: e }) => {
+), ca = ({ open: r, onOpenChange: e }) => {
   const { editor: o } = Q();
   if (!o) return null;
   const a = et.find(
@@ -2866,8 +2895,8 @@ const et = [
   ), n = tt.find(
     ({ color: s }) => o.isActive("highlight", { color: s })
   );
-  return /* @__PURE__ */ m(sa, { modal: !0, open: r, onOpenChange: e, children: [
-    /* @__PURE__ */ t(de, { overlay: "文本颜色", placement: "top", children: /* @__PURE__ */ t(Et, { asChild: !0, children: /* @__PURE__ */ m(J, { size: "sm", className: "gap-1 rounded-md pr-0", variant: "ghost", children: [
+  return /* @__PURE__ */ m(ia, { modal: !0, open: r, onOpenChange: e, children: [
+    /* @__PURE__ */ t(me, { overlay: "文本颜色", placement: "top", children: /* @__PURE__ */ t($t, { asChild: !0, children: /* @__PURE__ */ m(Z, { size: "sm", className: "gap-1 rounded-md pr-0", variant: "ghost", children: [
       /* @__PURE__ */ t(
         "span",
         {
@@ -2879,7 +2908,7 @@ const et = [
           children: "A"
         }
       ),
-      /* @__PURE__ */ t(st, {})
+      /* @__PURE__ */ t(it, {})
     ] }) }) }),
     /* @__PURE__ */ m(
       Re,
@@ -2947,15 +2976,15 @@ const et = [
     )
   ] });
 };
-function ca(r) {
+function da(r) {
   try {
     return new URL(r), !0;
   } catch {
     return !1;
   }
 }
-function da(r) {
-  if (ca(r)) return r;
+function ma(r) {
+  if (da(r)) return r;
   try {
     if (r.includes(".") && !r.includes(" "))
       return new URL(`https://${r}`).toString();
@@ -2963,24 +2992,24 @@ function da(r) {
     return null;
   }
 }
-const ma = ({ open: r, onOpenChange: e }) => {
-  const o = he(null), { editor: a } = Q();
-  return ie(() => {
+const ua = ({ open: r, onOpenChange: e }) => {
+  const o = be(null), { editor: a } = Q();
+  return ae(() => {
     var n;
     (n = o.current) == null || n.focus();
-  }), a ? /* @__PURE__ */ m(vt, { modal: !0, open: r, onOpenChange: e, children: [
-    /* @__PURE__ */ t(de, { overlay: "添加链接", placement: "top", children: /* @__PURE__ */ t(en, { asChild: !0, children: /* @__PURE__ */ m(
-      J,
+  }), a ? /* @__PURE__ */ m(kt, { modal: !0, open: r, onOpenChange: e, children: [
+    /* @__PURE__ */ t(me, { overlay: "添加链接", placement: "top", children: /* @__PURE__ */ t(tn, { asChild: !0, children: /* @__PURE__ */ m(
+      Z,
       {
         size: "sm",
         variant: "ghost",
         className: "gap-2 rounded-md border-none",
         children: [
-          /* @__PURE__ */ t("p", { className: "text-base", children: /* @__PURE__ */ t(ho, { size: 16 }) }),
+          /* @__PURE__ */ t("p", { className: "text-base", children: /* @__PURE__ */ t(bo, { size: 16 }) }),
           /* @__PURE__ */ t(
             "p",
             {
-              className: y(
+              className: k(
                 "underline decoration-stone-400 underline-offset-4",
                 {
                   "text-blue-500": a.isActive("link")
@@ -2998,8 +3027,8 @@ const ma = ({ open: r, onOpenChange: e }) => {
         onSubmit: (n) => {
           const s = n.currentTarget;
           n.preventDefault();
-          const i = s[0], c = da(i.value);
-          c && (a.chain().focus().setLink({ href: c }).run(), e(!1));
+          const i = s[0], d = ma(i.value);
+          d && (a.chain().focus().setLink({ href: d }).run(), e(!1));
         },
         className: "flex  p-1 ",
         children: [
@@ -3014,7 +3043,7 @@ const ma = ({ open: r, onOpenChange: e }) => {
             }
           ),
           a.getAttributes("link").href ? /* @__PURE__ */ t(
-            J,
+            Z,
             {
               size: "icon",
               variant: "outline",
@@ -3023,17 +3052,17 @@ const ma = ({ open: r, onOpenChange: e }) => {
               onClick: () => {
                 a.chain().focus().unsetLink().run(), o.current.value = "", e(!1);
               },
-              children: /* @__PURE__ */ t(it, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ t(lt, { className: "h-4 w-4" })
             }
-          ) : /* @__PURE__ */ t(J, { size: "icon", className: "h-8", children: /* @__PURE__ */ t(ye, { className: "h-4 w-4" }) })
+          ) : /* @__PURE__ */ t(Z, { size: "icon", className: "h-8", children: /* @__PURE__ */ t(ye, { className: "h-4 w-4" }) })
         ]
       }
     ) })
   ] }) : null;
-}, ua = () => {
+}, pa = () => {
   const { editor: r } = Q();
-  return r ? /* @__PURE__ */ t(de, { overlay: "标记为公式", placement: "top", children: /* @__PURE__ */ t(
-    J,
+  return r ? /* @__PURE__ */ t(me, { overlay: "标记为公式", placement: "top", children: /* @__PURE__ */ t(
+    Z,
     {
       variant: "ghost",
       size: "sm",
@@ -3048,9 +3077,9 @@ const ma = ({ open: r, onOpenChange: e }) => {
         }
       },
       children: /* @__PURE__ */ t(
-        on,
+        rn,
         {
-          className: y("size-4", { "text-blue-500": r.isActive("math") }),
+          className: k("size-4", { "text-blue-500": r.isActive("math") }),
           strokeWidth: 2.3
         }
       )
@@ -3060,67 +3089,67 @@ const ma = ({ open: r, onOpenChange: e }) => {
   {
     name: "正文",
     // Text
-    icon: lt,
+    icon: ct,
     command: (r) => r.chain().focus().clearNodes().run(),
     isActive: (r) => r.isActive("paragraph") && !r.isActive("bulletList") && !r.isActive("orderedList")
   },
   {
     name: "标题 1",
     // Heading 1
-    icon: ct,
+    icon: dt,
     command: (r) => r.chain().focus().clearNodes().toggleHeading({ level: 1 }).run(),
     isActive: (r) => r.isActive("heading", { level: 1 })
   },
   {
     name: "标题 2",
     // Heading 2
-    icon: dt,
+    icon: mt,
     command: (r) => r.chain().focus().clearNodes().toggleHeading({ level: 2 }).run(),
     isActive: (r) => r.isActive("heading", { level: 2 })
   },
   {
     name: "标题 3",
     // Heading 3
-    icon: mt,
+    icon: ut,
     command: (r) => r.chain().focus().clearNodes().toggleHeading({ level: 3 }).run(),
     isActive: (r) => r.isActive("heading", { level: 3 })
   },
   {
     name: "待办列表",
     // To-do List
-    icon: ut,
+    icon: pt,
     command: (r) => r.chain().focus().clearNodes().toggleTaskList().run(),
     isActive: (r) => r.isActive("taskItem")
   },
   {
     name: "无序列表",
     // Bullet List
-    icon: pt,
+    icon: gt,
     command: (r) => r.chain().focus().clearNodes().toggleBulletList().run(),
     isActive: (r) => r.isActive("bulletList")
   },
   {
     name: "有序列表",
     // Numbered List
-    icon: gt,
+    icon: ft,
     command: (r) => r.chain().focus().clearNodes().toggleOrderedList().run(),
     isActive: (r) => r.isActive("orderedList")
   },
   {
     name: "引用",
     // Quote
-    icon: ft,
+    icon: ht,
     command: (r) => r.chain().focus().clearNodes().toggleBlockquote().run(),
     isActive: (r) => r.isActive("blockquote")
   },
   {
     name: "代码块",
     // Code
-    icon: ht,
+    icon: bt,
     command: (r) => r.chain().focus().clearNodes().toggleCodeBlock().run(),
     isActive: (r) => r.isActive("codeBlock")
   }
-], pa = ({ open: r, onOpenChange: e }) => {
+], ga = ({ open: r, onOpenChange: e }) => {
   const { editor: o } = Q();
   if (!o) return null;
   const a = Ee.filter(
@@ -3129,15 +3158,15 @@ const ma = ({ open: r, onOpenChange: e }) => {
     name: "多个选中"
     // Multiple
   };
-  return /* @__PURE__ */ m(vt, { modal: !0, open: r, onOpenChange: e, children: [
-    /* @__PURE__ */ t(de, { overlay: "转换成", placement: "top", children: /* @__PURE__ */ t(
-      Et,
+  return /* @__PURE__ */ m(kt, { modal: !0, open: r, onOpenChange: e, children: [
+    /* @__PURE__ */ t(me, { overlay: "转换成", placement: "top", children: /* @__PURE__ */ t(
+      $t,
       {
         asChild: !0,
         className: "rounded-md border-none hover:bg-accent focus:ring-0 pr-0",
-        children: /* @__PURE__ */ m(J, { size: "sm", variant: "ghost", children: [
+        children: /* @__PURE__ */ m(Z, { size: "sm", variant: "ghost", children: [
           /* @__PURE__ */ t("span", { className: "whitespace-nowrap text-sm", children: a.name }),
-          /* @__PURE__ */ t(st, {})
+          /* @__PURE__ */ t(it, {})
         ] })
       }
     ) }),
@@ -3163,14 +3192,14 @@ const ma = ({ open: r, onOpenChange: e }) => {
       ))
     ] })
   ] });
-}, pe = G.forwardRef(
+}, ge = G.forwardRef(
   ({ className: r, orientation: e = "horizontal", decorative: o = !0, ...a }, n) => /* @__PURE__ */ t(
-    kt.Root,
+    Ct.Root,
     {
       ref: n,
       decorative: o,
       orientation: e,
-      className: y(
+      className: k(
         "shrink-0 bg-border",
         e === "horizontal" ? "h-[1px] w-full" : " w-[1px]",
         r
@@ -3179,60 +3208,60 @@ const ma = ({ open: r, onOpenChange: e }) => {
     }
   )
 );
-pe.displayName = kt.Root.displayName;
-const ga = () => /* @__PURE__ */ m("div", { className: "flex items-center justify-center gap-0.5", children: [
+ge.displayName = Ct.Root.displayName;
+const fa = () => /* @__PURE__ */ m("div", { className: "flex items-center justify-center gap-0.5", children: [
   /* @__PURE__ */ t("div", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-purple-500 [animation-delay:-0.3s]" }),
   /* @__PURE__ */ t("div", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-purple-500 [animation-delay:-0.15s]" }),
   /* @__PURE__ */ t("div", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-purple-500" })
-] }), $t = G.forwardRef(({ className: r, children: e, ...o }, a) => /* @__PURE__ */ m(
-  ce.Root,
+] }), Ht = G.forwardRef(({ className: r, children: e, ...o }, a) => /* @__PURE__ */ m(
+  de.Root,
   {
     ref: a,
-    className: y("relative overflow-hidden", r),
+    className: k("relative overflow-hidden", r),
     ...o,
     children: [
-      /* @__PURE__ */ t(ce.Viewport, { className: "h-full w-full rounded-[inherit]", children: e }),
-      /* @__PURE__ */ t(Ht, {}),
-      /* @__PURE__ */ t(ce.Corner, {})
+      /* @__PURE__ */ t(de.Viewport, { className: "h-full w-full rounded-[inherit]", children: e }),
+      /* @__PURE__ */ t(Ot, {}),
+      /* @__PURE__ */ t(de.Corner, {})
     ]
   }
 ));
-$t.displayName = ce.Root.displayName;
-const Ht = G.forwardRef(({ className: r, orientation: e = "vertical", ...o }, a) => /* @__PURE__ */ t(
-  ce.ScrollAreaScrollbar,
+Ht.displayName = de.Root.displayName;
+const Ot = G.forwardRef(({ className: r, orientation: e = "vertical", ...o }, a) => /* @__PURE__ */ t(
+  de.ScrollAreaScrollbar,
   {
     ref: a,
     orientation: e,
-    className: y(
+    className: k(
       "flex touch-none select-none transition-colors",
       e === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
       e === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
       r
     ),
     ...o,
-    children: /* @__PURE__ */ t(ce.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ t(de.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
-Ht.displayName = ce.ScrollAreaScrollbar.displayName;
-const fa = te.Portal, Ot = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
+Ot.displayName = de.ScrollAreaScrollbar.displayName;
+const ha = te.Portal, Ft = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
   te.Overlay,
   {
     ref: o,
-    className: y(
+    className: k(
       "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       r
     ),
     ...e
   }
 ));
-Ot.displayName = te.Overlay.displayName;
-const ha = G.forwardRef(({ className: r, children: e, ...o }, a) => /* @__PURE__ */ m(fa, { children: [
-  /* @__PURE__ */ t(Ot, {}),
+Ft.displayName = te.Overlay.displayName;
+const ba = G.forwardRef(({ className: r, children: e, ...o }, a) => /* @__PURE__ */ m(ha, { children: [
+  /* @__PURE__ */ t(Ft, {}),
   /* @__PURE__ */ m(
     te.Content,
     {
       ref: a,
-      className: y(
+      className: k(
         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
         r
       ),
@@ -3240,54 +3269,54 @@ const ha = G.forwardRef(({ className: r, children: e, ...o }, a) => /* @__PURE__
       children: [
         e,
         /* @__PURE__ */ m(te.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-          /* @__PURE__ */ t(rn, { className: "h-4 w-4" }),
+          /* @__PURE__ */ t(nn, { className: "h-4 w-4" }),
           /* @__PURE__ */ t("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
-ha.displayName = te.Content.displayName;
-const ba = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
+ba.displayName = te.Content.displayName;
+const xa = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
   te.Title,
   {
     ref: o,
-    className: y(
+    className: k(
       "text-lg font-semibold leading-none tracking-tight",
       r
     ),
     ...e
   }
 ));
-ba.displayName = te.Title.displayName;
-const xa = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
+xa.displayName = te.Title.displayName;
+const ya = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
   te.Description,
   {
     ref: o,
-    className: y("text-sm text-muted-foreground", r),
+    className: k("text-sm text-muted-foreground", r),
     ...e
   }
 ));
-xa.displayName = te.Description.displayName;
-const Ft = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
+ya.displayName = te.Description.displayName;
+const _t = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
   V,
   {
     ref: o,
-    className: y(
+    className: k(
       "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
       r
     ),
     ...e
   }
 ));
-Ft.displayName = V.displayName;
-const _t = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ m("div", { className: "flex items-center border-b px-4", "cmdk-input-wrapper": "", children: [
+_t.displayName = V.displayName;
+const jt = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ m("div", { className: "flex items-center border-b px-4", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ t(Oe, { size: 14, className: "mr-2 shrink-0 text-purple-500 " }),
   /* @__PURE__ */ t(
     V.Input,
     {
       ref: o,
-      className: y(
+      className: k(
         "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
         r
       ),
@@ -3295,17 +3324,17 @@ const _t = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ m("div",
     }
   )
 ] }));
-_t.displayName = V.Input.displayName;
-const ya = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
+jt.displayName = V.Input.displayName;
+const va = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
   V.List,
   {
     ref: o,
-    className: y("max-h-[300px] overflow-y-auto overflow-x-hidden", r),
+    className: k("max-h-[300px] overflow-y-auto overflow-x-hidden", r),
     ...e
   }
 ));
-ya.displayName = V.List.displayName;
-const va = G.forwardRef((r, e) => /* @__PURE__ */ t(
+va.displayName = V.List.displayName;
+const ka = G.forwardRef((r, e) => /* @__PURE__ */ t(
   V.Empty,
   {
     ref: e,
@@ -3313,12 +3342,12 @@ const va = G.forwardRef((r, e) => /* @__PURE__ */ t(
     ...r
   }
 ));
-va.displayName = V.Empty.displayName;
+ka.displayName = V.Empty.displayName;
 const Ce = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
   V.Group,
   {
     ref: o,
-    className: y(
+    className: k(
       "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
       r
     ),
@@ -3330,32 +3359,32 @@ const Ve = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
   V.Separator,
   {
     ref: o,
-    className: y("-mx-1 h-px bg-border", r),
+    className: k("-mx-1 h-px bg-border", r),
     ...e
   }
 ));
 Ve.displayName = V.Separator.displayName;
-const ge = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
+const fe = G.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
   V.Item,
   {
     ref: o,
-    className: y(
+    className: k(
       "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled='true']:pointer-events-none data-[disabled='true']:opacity-50",
       r
     ),
     ...e
   }
 ));
-ge.displayName = V.Item.displayName;
-const ka = ({
+fe.displayName = V.Item.displayName;
+const Ca = ({
   completion: r,
   onDiscard: e
 }) => {
   const { editor: o } = Q();
-  return /* @__PURE__ */ m(me, { children: [
+  return /* @__PURE__ */ m(ue, { children: [
     /* @__PURE__ */ m(Ce, { children: [
       /* @__PURE__ */ m(
-        ge,
+        fe,
         {
           className: "gap-2 px-4",
           value: "replace",
@@ -3370,13 +3399,13 @@ const ka = ({
             ).run();
           },
           children: [
-            /* @__PURE__ */ t(nn, { className: "h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ t(an, { className: "h-4 w-4 text-muted-foreground" }),
             "替换选择"
           ]
         }
       ),
       /* @__PURE__ */ m(
-        ge,
+        fe,
         {
           className: "gap-2 px-4",
           value: "insert",
@@ -3385,50 +3414,50 @@ const ka = ({
             o.chain().focus().insertContentAt(a.to + 1, r).run();
           },
           children: [
-            /* @__PURE__ */ t(an, { className: "h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ t(sn, { className: "h-4 w-4 text-muted-foreground" }),
             "在下面插入"
           ]
         }
       )
     ] }),
     /* @__PURE__ */ t(Ve, {}),
-    /* @__PURE__ */ t(Ce, { children: /* @__PURE__ */ m(ge, { onSelect: e, value: "thrash", className: "gap-2 px-4", children: [
-      /* @__PURE__ */ t(sn, { className: "h-4 w-4 text-muted-foreground" }),
+    /* @__PURE__ */ t(Ce, { children: /* @__PURE__ */ m(fe, { onSelect: e, value: "thrash", className: "gap-2 px-4", children: [
+      /* @__PURE__ */ t(ln, { className: "h-4 w-4 text-muted-foreground" }),
       "丢弃"
     ] }) })
   ] });
-}, Ca = [
+}, wa = [
   {
     value: "improve",
     label: "改进写作",
     // Improve writing
-    icon: ln
+    icon: cn
   },
   {
     value: "fix",
     label: "修正语法",
     // Fix grammar
-    icon: cn
+    icon: dn
   },
   {
     value: "shorter",
     label: "缩短文本",
     // Make shorter
-    icon: dn
+    icon: mn
   },
   {
     value: "longer",
     label: "扩展文本",
     // Make longer
-    icon: mn
+    icon: un
   }
-], wa = ({ onSelect: r }) => {
+], Na = ({ onSelect: r }) => {
   const { editor: e } = Q();
-  return /* @__PURE__ */ m(me, { children: [
+  return /* @__PURE__ */ m(ue, { children: [
     /* @__PURE__ */ m(Ce, { heading: "编辑或校对选中文本", children: [
       "  ",
-      Ca.map((o) => /* @__PURE__ */ m(
-        ge,
+      wa.map((o) => /* @__PURE__ */ m(
+        fe,
         {
           onSelect: (a) => {
             const n = e.state.selection.content(), s = e.storage.markdown.serializer.serialize(
@@ -3450,16 +3479,16 @@ const ka = ({
     /* @__PURE__ */ m(Ce, { heading: "使用 AI 完成更多", children: [
       "  ",
       /* @__PURE__ */ m(
-        ge,
+        fe,
         {
           onSelect: () => {
-            const o = e.state.selection.from, a = Ir(e, o);
+            const o = e.state.selection.from, a = Sr(e, o);
             r(a, "continue");
           },
           value: "continue",
           className: "gap-2 px-4",
           children: [
-            /* @__PURE__ */ t(un, { className: "h-4 w-4 text-purple-500" }),
+            /* @__PURE__ */ t(pn, { className: "h-4 w-4 text-purple-500" }),
             "继续写作"
           ]
         }
@@ -3467,42 +3496,42 @@ const ka = ({
     ] })
   ] });
 };
-function Na({ onOpenChange: r, options: e }) {
-  const { editor: o } = Q(), [a, n] = H(""), { completion: s, complete: i, isLoading: c } = yn({
+function Ia({ onOpenChange: r, options: e }) {
+  const { editor: o } = Q(), [a, n] = H(""), { completion: s, complete: i, isLoading: d } = vn({
     // id: "novel",
     api: "/api/generate",
-    onResponse: (k) => {
-      if (k.status === 429) {
+    onResponse: (x) => {
+      if (x.status === 429) {
         ke.error("You have reached your request limit for the day.");
         return;
       }
     },
-    onError: (k) => {
-      ke.error(k.message);
+    onError: (x) => {
+      ke.error(x.message);
     },
     ...e
   }), p = s.length > 0;
-  return /* @__PURE__ */ m(Ft, { className: "w-[350px]", children: [
-    p && /* @__PURE__ */ t("div", { className: "flex max-h-[400px]", children: /* @__PURE__ */ t($t, { children: /* @__PURE__ */ t("div", { className: "prose p-2 px-4 prose-sm", children: /* @__PURE__ */ t(xt, { children: s }) }) }) }),
-    c && /* @__PURE__ */ m("div", { className: "flex h-12 w-full items-center px-4 text-sm font-medium text-muted-foreground text-purple-500", children: [
+  return /* @__PURE__ */ m(_t, { className: "w-[350px]", children: [
+    p && /* @__PURE__ */ t("div", { className: "flex max-h-[400px]", children: /* @__PURE__ */ t(Ht, { children: /* @__PURE__ */ t("div", { className: "prose p-2 px-4 prose-sm", children: /* @__PURE__ */ t(yt, { children: s }) }) }) }),
+    d && /* @__PURE__ */ m("div", { className: "flex h-12 w-full items-center px-4 text-sm font-medium text-muted-foreground text-purple-500", children: [
       /* @__PURE__ */ t(Oe, { size: 14, className: "mr-2 shrink-0" }),
       "AI正在思考",
-      /* @__PURE__ */ t("div", { className: "ml-2 mt-1", children: /* @__PURE__ */ t(ga, {}) })
+      /* @__PURE__ */ t("div", { className: "ml-2 mt-1", children: /* @__PURE__ */ t(fa, {}) })
     ] }),
-    !c && /* @__PURE__ */ m(me, { children: [
+    !d && /* @__PURE__ */ m(ue, { children: [
       /* @__PURE__ */ m("div", { className: "relative", children: [
         /* @__PURE__ */ t(
-          _t,
+          jt,
           {
             value: a,
             onValueChange: n,
             autoFocus: !0,
             placeholder: p ? "告诉AI下一步该怎么做" : "要求AI编辑或生成……",
-            onFocus: () => Sr(o)
+            onFocus: () => Tr(o)
           }
         ),
         /* @__PURE__ */ t(
-          J,
+          Z,
           {
             size: "icon",
             className: "absolute right-2 top-1/2 h-6 w-6 -translate-y-1/2 rounded-full bg-purple-500 hover:bg-purple-900",
@@ -3511,19 +3540,19 @@ function Na({ onOpenChange: r, options: e }) {
                 return i(s, {
                   body: { option: "zap", command: a }
                 }).then(() => n(""));
-              const k = o.state.selection.content(), l = o.storage.markdown.serializer.serialize(
-                k.content
+              const x = o.state.selection.content(), l = o.storage.markdown.serializer.serialize(
+                x.content
               );
               i(l, {
                 body: { option: "zap", command: a }
               }).then(() => n(""));
             },
-            children: /* @__PURE__ */ t(pn, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ t(gn, { className: "h-4 w-4" })
           }
         )
       ] }),
       p ? /* @__PURE__ */ t(
-        ka,
+        Ca,
         {
           onDiscard: () => {
             o.chain().unsetHighlight().focus().run(), r(!1);
@@ -3531,15 +3560,15 @@ function Na({ onOpenChange: r, options: e }) {
           completion: s
         }
       ) : /* @__PURE__ */ t(
-        wa,
+        Na,
         {
-          onSelect: (k, l) => i(k, { body: { option: l } })
+          onSelect: (x, l) => i(x, { body: { option: l } })
         }
       )
     ] })
   ] });
 }
-const Ia = ({
+const Sa = ({
   children: r,
   open: e,
   onOpenChange: o,
@@ -3547,10 +3576,10 @@ const Ia = ({
   aiOptions: n
 }) => {
   const { editor: s } = Q();
-  return ie(() => {
-    e || Tr(s);
+  return ae(() => {
+    e || Mr(s);
   }, [e]), /* @__PURE__ */ m(
-    Mr,
+    Lr,
     {
       tippyOptions: {
         placement: e ? "bottom-start" : "top",
@@ -3561,16 +3590,16 @@ const Ia = ({
       className: "flex w-fit max-w-[90vw] overflow-hidden rounded-lg border border-muted bg-background shadow-xl p-1 gap-1",
       children: [
         e && a && /* @__PURE__ */ t(
-          Na,
+          Ia,
           {
             open: e,
             onOpenChange: o,
             options: n
           }
         ),
-        !e && /* @__PURE__ */ m(Kt, { children: [
+        !e && /* @__PURE__ */ m(Zt, { children: [
           a && /* @__PURE__ */ m(
-            J,
+            Z,
             {
               className: "gap-1 text-purple-500",
               variant: "ghost",
@@ -3587,7 +3616,7 @@ const Ia = ({
       ]
     }
   );
-}, Sa = (r) => {
+}, Ta = (r) => {
   const e = fetch("/api/upload", {
     method: "POST",
     headers: {
@@ -3613,10 +3642,10 @@ const Ia = ({
       }
     );
   });
-}, Ta = yt({
-  onUpload: Sa,
+}, Ma = vt({
+  onUpload: Ta,
   validateFn: (r) => r.type.includes("image/") ? r.size / 1024 / 1024 > 20 ? (ke.error("File size too big (max 20MB)."), !1) : !0 : (ke.error("File type not supported."), !1)
-}), Ma = () => {
+}), La = () => {
   const { editor: r } = Q();
   return r ? /* @__PURE__ */ t("div", { className: "flex", children: [
     {
@@ -3624,35 +3653,35 @@ const Ia = ({
       // bold
       isActive: (o) => o.isActive("bold"),
       command: (o) => o.chain().focus().toggleBold().run(),
-      icon: gn
+      icon: fn
     },
     {
       name: "斜体",
       // italic
       isActive: (o) => o.isActive("italic"),
       command: (o) => o.chain().focus().toggleItalic().run(),
-      icon: fn
+      icon: hn
     },
     {
       name: "下划线",
       // underline
       isActive: (o) => o.isActive("underline"),
       command: (o) => o.chain().focus().toggleUnderline().run(),
-      icon: hn
+      icon: bn
     },
     {
       name: "删除线",
       // strike
       isActive: (o) => o.isActive("strike"),
       command: (o) => o.chain().focus().toggleStrike().run(),
-      icon: bn
+      icon: xn
     },
     {
       name: "代码",
       // code
       isActive: (o) => o.isActive("code"),
       command: (o) => o.chain().focus().toggleCode().run(),
-      icon: xn
+      icon: yn
     }
   ].map((o) => /* @__PURE__ */ t(
     Ae,
@@ -3660,8 +3689,8 @@ const Ia = ({
       onSelect: (a) => {
         o.command(a);
       },
-      children: /* @__PURE__ */ t(de, { overlay: o.name, placement: "top", children: /* @__PURE__ */ t(
-        J,
+      children: /* @__PURE__ */ t(me, { overlay: o.name, placement: "top", children: /* @__PURE__ */ t(
+        Z,
         {
           size: "sm",
           className: "rounded-md",
@@ -3670,7 +3699,7 @@ const Ia = ({
           children: /* @__PURE__ */ t(
             o.icon,
             {
-              className: y("h-4 w-4", {
+              className: k("h-4 w-4", {
                 "text-blue-500": o.isActive(r)
               })
             }
@@ -3680,14 +3709,14 @@ const Ia = ({
     },
     o.name
   )) }) : null;
-}, jt = ({ uploadFn: r }) => Ar([
+}, Xt = ({ uploadFn: r }) => Dr([
   {
     title: "文本",
     // "Text",
     description: "从纯文本开始编写。",
     // "Just start typing with plain text.",
     searchTerms: ["p", "paragraph"],
-    icon: /* @__PURE__ */ t(lt, { size: 18 }),
+    icon: /* @__PURE__ */ t(ct, { size: 18 }),
     command: ({ editor: e, range: o }) => {
       e.chain().focus().deleteRange(o).toggleNode("paragraph", "paragraph").run();
     }
@@ -3698,7 +3727,7 @@ const Ia = ({
     description: "大标题。",
     // "Big section heading.",
     searchTerms: ["title", "big", "large"],
-    icon: /* @__PURE__ */ t(ct, { size: 18 }),
+    icon: /* @__PURE__ */ t(dt, { size: 18 }),
     command: ({ editor: e, range: o }) => {
       e.chain().focus().deleteRange(o).setNode("heading", { level: 1 }).run();
     }
@@ -3709,7 +3738,7 @@ const Ia = ({
     description: "中标题。",
     // "Medium section heading.",
     searchTerms: ["subtitle", "medium"],
-    icon: /* @__PURE__ */ t(dt, { size: 18 }),
+    icon: /* @__PURE__ */ t(mt, { size: 18 }),
     command: ({ editor: e, range: o }) => {
       e.chain().focus().deleteRange(o).setNode("heading", { level: 2 }).run();
     }
@@ -3720,7 +3749,7 @@ const Ia = ({
     description: "小标题。",
     // "Small section heading.",
     searchTerms: ["subtitle", "small"],
-    icon: /* @__PURE__ */ t(mt, { size: 18 }),
+    icon: /* @__PURE__ */ t(ut, { size: 18 }),
     command: ({ editor: e, range: o }) => {
       e.chain().focus().deleteRange(o).setNode("heading", { level: 3 }).run();
     }
@@ -3731,7 +3760,7 @@ const Ia = ({
     description: "使用待办清单追踪任务。",
     // "Track tasks with a to-do list.",
     searchTerms: ["todo", "task", "list", "check", "checkbox"],
-    icon: /* @__PURE__ */ t(ut, { size: 18 }),
+    icon: /* @__PURE__ */ t(pt, { size: 18 }),
     command: ({ editor: e, range: o }) => {
       e.chain().focus().deleteRange(o).toggleTaskList().run();
     }
@@ -3742,7 +3771,7 @@ const Ia = ({
     description: "创建一个简单的项目符号列表。",
     // "Create a simple bullet list.",
     searchTerms: ["unordered", "point"],
-    icon: /* @__PURE__ */ t(pt, { size: 18 }),
+    icon: /* @__PURE__ */ t(gt, { size: 18 }),
     command: ({ editor: e, range: o }) => {
       e.chain().focus().deleteRange(o).toggleBulletList().run();
     }
@@ -3753,7 +3782,7 @@ const Ia = ({
     description: "创建一个带有序号的列表。",
     // "Create a list with numbering.",
     searchTerms: ["ordered"],
-    icon: /* @__PURE__ */ t(gt, { size: 18 }),
+    icon: /* @__PURE__ */ t(ft, { size: 18 }),
     command: ({ editor: e, range: o }) => {
       e.chain().focus().deleteRange(o).toggleOrderedList().run();
     }
@@ -3764,7 +3793,7 @@ const Ia = ({
     description: "摘取引用。",
     // "Capture a quote.",
     searchTerms: ["blockquote"],
-    icon: /* @__PURE__ */ t(ft, { size: 18 }),
+    icon: /* @__PURE__ */ t(ht, { size: 18 }),
     command: ({ editor: e, range: o }) => e.chain().focus().deleteRange(o).toggleNode("paragraph", "paragraph").toggleBlockquote().run()
   },
   {
@@ -3773,7 +3802,7 @@ const Ia = ({
     description: "捕获代码段。",
     // "Capture a code snippet.",
     searchTerms: ["codeblock"],
-    icon: /* @__PURE__ */ t(ht, { size: 18 }),
+    icon: /* @__PURE__ */ t(bt, { size: 18 }),
     command: ({ editor: e, range: o }) => e.chain().focus().deleteRange(o).toggleCodeBlock().run()
   },
   {
@@ -3782,7 +3811,7 @@ const Ia = ({
     description: "从您的计算机上传图像。",
     // "Upload an image from your computer.",
     searchTerms: ["photo", "picture", "media"],
-    icon: /* @__PURE__ */ t(bo, { size: 18 }),
+    icon: /* @__PURE__ */ t(xo, { size: 18 }),
     command: ({ editor: e, range: o }) => {
       e.chain().focus().deleteRange(o).run();
       const a = document.createElement("input");
@@ -3795,20 +3824,20 @@ const Ia = ({
       }, a.click();
     }
   }
-]), La = (r) => Lr.configure({
+]), Aa = (r) => Ar.configure({
   suggestion: {
-    items: () => jt(r),
-    render: Dr
+    items: () => Xt(r),
+    render: Rr
   }
-}), Aa = {
+}), Da = {
   type: "doc",
   content: []
-}, Xt = Jt(({ children: r, items: e, ...o }, a) => {
+}, Ut = nt(({ children: r, items: e, ...o }, a) => {
   const n = (i) => /* @__PURE__ */ m(
     Me.Item,
     {
       onClick: i.onClick,
-      className: y(
+      className: k(
         "gap-2 !p-1.5 text-sm hover:bg-accent focus:ring-0 rounded-md cursor-pointer",
         i.className
       ),
@@ -3821,14 +3850,14 @@ const Ia = ({
     },
     i.key
   ), s = (i) => {
-    var c;
+    var d;
     return /* @__PURE__ */ t(
       Me.SubMenu,
       {
-        expandIcon: /* @__PURE__ */ t(xo, { size: 16 }),
-        popupClassName: y(
+        expandIcon: /* @__PURE__ */ t(yo, { size: 16 }),
+        popupClassName: k(
           "!rounded-lg border border-muted bg-background shadow-xl !p-2 min-w-48 !m-0 z-[1080]",
-          g`
+          h`
             .rc-menu {
               border: none !important;
               box-shadow: none !important;
@@ -3836,9 +3865,9 @@ const Ia = ({
           `
         ),
         popupOffset: [4, 0],
-        className: y(
+        className: k(
           "gap-2 !p-0 text-sm hover:bg-accent focus:ring-0 rounded-md cursor-pointer",
-          g`
+          h`
             .rc-menu-submenu-title {
               display: flex;
               align-items: center;
@@ -3852,27 +3881,27 @@ const Ia = ({
             }
           `
         ),
-        title: /* @__PURE__ */ m(me, { children: [
+        title: /* @__PURE__ */ m(ue, { children: [
           i.icon,
           i.label,
           /* @__PURE__ */ t("div", { className: "flex-1" })
         ] }),
-        children: (c = i.children) == null ? void 0 : c.map(n)
+        children: (d = i.children) == null ? void 0 : d.map(n)
       },
       i.key
     );
   };
   return /* @__PURE__ */ t(
-    kn,
+    Cn,
     {
       ref: a,
       trigger: "click",
       overlay: /* @__PURE__ */ t(
         Me,
         {
-          className: y(
+          className: k(
             "!rounded-lg border border-muted bg-background shadow-xl !p-2 min-w-48 !m-0",
-            g`
+            h`
               .rc-menu-submenu-active {
                 .rc-menu-submenu-title {
                   background-color: hsl(var(--accent)) !important;
@@ -3889,52 +3918,52 @@ const Ia = ({
     }
   );
 });
-Xt.displayName = "DropdownMenu";
-const Da = ({ children: r, ...e }) => {
+Ut.displayName = "DropdownMenu";
+const Ra = ({ children: r, ...e }) => {
   const { editor: o } = Q(), a = () => {
-    o && o.state.selection instanceof K && (o.commands.deleteSelection(), o.commands.focus());
+    o && o.state.selection instanceof J && (o.commands.deleteSelection(), o.commands.focus());
   }, n = () => {
-    if (o && o.state.selection instanceof K) {
-      const c = o.state.selection.node, p = o.state.selection.to;
+    if (o && o.state.selection instanceof J) {
+      const d = o.state.selection.node, p = o.state.selection.to;
       o.chain().insertContentAt(p, {
-        type: c.type.name,
-        attrs: { ...c.attrs },
-        content: c.content.toJSON()
+        type: d.type.name,
+        attrs: { ...d.attrs },
+        content: d.content.toJSON()
       }).focus().run();
     }
-  }, s = Ee.map((c) => ({
-    key: `transform-${c.name}`,
-    icon: /* @__PURE__ */ t(c.icon, { size: 16 }),
-    label: c.name,
+  }, s = Ee.map((d) => ({
+    key: `transform-${d.name}`,
+    icon: /* @__PURE__ */ t(d.icon, { size: 16 }),
+    label: d.name,
     onClick: () => {
-      o && o.state.selection instanceof K && c.command(o);
+      o && o.state.selection instanceof J && d.command(o);
     },
-    isActive: c.isActive(o)
+    isActive: d.isActive(o)
   }));
-  return /* @__PURE__ */ t(Xt, { items: [
+  return /* @__PURE__ */ t(Ut, { items: [
     {
       key: "transform",
       type: "submenu",
-      icon: /* @__PURE__ */ t(yo, { size: 16 }),
+      icon: /* @__PURE__ */ t(vo, { size: 16 }),
       label: "转换成",
       children: s
     },
     {
       key: "duplicate",
-      icon: /* @__PURE__ */ t(vo, { size: 16 }),
+      icon: /* @__PURE__ */ t(ko, { size: 16 }),
       label: "创建副本",
       onClick: n
     },
     { key: "divider", type: "divider" },
     {
       key: "delete",
-      icon: /* @__PURE__ */ t(it, { size: 16 }),
+      icon: /* @__PURE__ */ t(lt, { size: 16 }),
       label: "删除",
       className: "text-red-500",
       onClick: a
     }
   ], ...e, children: r });
-}, Ra = () => {
+}, Pa = () => {
   const { editor: r } = Q(), e = (o) => {
     if (!r) return;
     const a = o.target.closest(".custom-drag-handle");
@@ -3948,9 +3977,9 @@ const Da = ({ children: r, ...e }) => {
   return /* @__PURE__ */ m(
     "div",
     {
-      className: y(
+      className: k(
         "custom-drag-handle",
-        g`
+        h`
           width: auto;
           background: none;
           display: flex;
@@ -3959,7 +3988,7 @@ const Da = ({ children: r, ...e }) => {
       ),
       children: [
         /* @__PURE__ */ t(
-          de,
+          me,
           {
             placement: "bottom",
             overlay: /* @__PURE__ */ m("div", { children: [
@@ -3967,32 +3996,32 @@ const Da = ({ children: r, ...e }) => {
               /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: "以在下方添加快" })
             ] }),
             children: /* @__PURE__ */ t(
-              J,
+              Z,
               {
                 size: "icon",
                 variant: "ghost",
                 className: "w-auto h-auto p-0.5",
                 onClick: e,
-                children: /* @__PURE__ */ t(ko, { className: "cursor-pointer", size: 22 })
+                children: /* @__PURE__ */ t(Co, { className: "cursor-pointer", size: 22 })
               }
             )
           }
         ),
-        /* @__PURE__ */ t(Da, { children: /* @__PURE__ */ t(
-          de,
+        /* @__PURE__ */ t(Ra, { children: /* @__PURE__ */ t(
+          me,
           {
             placement: "bottom",
             overlay: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ m("div", { children: [
               "拖动",
               /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: "以移动" })
             ] }) }),
-            children: /* @__PURE__ */ t(J, { size: "icon", variant: "ghost", className: "w-auto h-auto p-0.5", children: /* @__PURE__ */ t(Co, { size: 22 }) })
+            children: /* @__PURE__ */ t(Z, { size: "icon", variant: "ghost", className: "w-auto h-auto p-0.5", children: /* @__PURE__ */ t(wo, { size: 22 }) })
           }
         ) })
       ]
     }
   );
-}, Pa = (r) => {
+}, Ba = (r) => {
   const {
     className: e,
     initialContent: o = {},
@@ -4000,66 +4029,66 @@ const Da = ({ children: r, ...e }) => {
     cacheKey: n = "novel-content",
     enableCache: s = !1,
     showSaveStatus: i = !0,
-    showWordCount: c = !0,
+    showWordCount: d = !0,
     uploadImageProps: p,
-    editorRef: k,
+    editorRef: x,
     enableAI: l = !1,
-    aiOptions: d
-  } = r, [b, x] = H(
+    aiOptions: c
+  } = r, [b, v] = H(
     o
-  ), [A, f] = H("Saved"), [h, w] = H(), [v, I] = H(!1), [u, T] = H(!1), [R, N] = H(!1), [C, X] = H(!1), Z = (S) => {
-    const O = new DOMParser().parseFromString(S, "text/html");
-    return O.querySelectorAll("pre code").forEach((B) => {
-      vn.highlightElement(B);
-    }), new XMLSerializer().serializeToString(O);
-  }, _ = jr(
-    async (S) => {
-      const O = S.getJSON();
-      w(S.storage.characterCount.words()), a == null || a(O), s && (window.localStorage.setItem(
+  ), [D, f] = H("Saved"), [g, I] = H(), [y, w] = H(!1), [u, S] = H(!1), [T, C] = H(!1), [N, O] = H(!1), W = (M) => {
+    const F = new DOMParser().parseFromString(M, "text/html");
+    return F.querySelectorAll("pre code").forEach((B) => {
+      kn.highlightElement(B);
+    }), new XMLSerializer().serializeToString(F);
+  }, _ = Xr(
+    async (M) => {
+      const F = M.getJSON();
+      I(M.storage.characterCount.words()), a == null || a(F), s && (window.localStorage.setItem(
         "html-content",
-        Z(S.getHTML())
-      ), window.localStorage.setItem(n, JSON.stringify(O)), window.localStorage.setItem(
+        W(M.getHTML())
+      ), window.localStorage.setItem(n, JSON.stringify(F)), window.localStorage.setItem(
         "markdown",
-        S.storage.markdown.getMarkdown()
+        M.storage.markdown.getMarkdown()
       ), f("Saved"));
     },
     500
-  ), ae = fe(() => {
-    if (!p) return Ta;
+  ), se = he(() => {
+    if (!p) return Ma;
     const {
-      beforeUpload: S,
-      maxSize: O,
+      beforeUpload: M,
+      maxSize: F,
       action: B,
-      headers: W,
+      headers: K,
       method: re,
       name: Pe,
       onSuccess: Ne,
       onError: Ie
     } = p;
-    return yt({
-      onUpload: (se) => {
-        const M = new FormData();
-        M.append(Pe || "file", se);
+    return vt({
+      onUpload: (ie) => {
+        const L = new FormData();
+        L.append(Pe || "file", ie);
         const U = fetch(B, {
           method: re || "POST",
           headers: {
-            ...W
+            ...K
           },
-          body: M
+          body: L
         });
-        return new Promise((F, E) => {
+        return new Promise((j, E) => {
           U.then(async (P) => {
             if (Ne) {
               const z = await P.json();
-              F(Ne(z));
+              j(Ne(z));
               return;
             }
             if (P.status === 200) {
-              const { url: z } = await P.json(), L = new Image();
-              L.src = z, L.onload = () => {
-                F(z);
+              const { url: z } = await P.json(), A = new Image();
+              A.src = z, A.onload = () => {
+                j(z);
               };
-            } else throw P.status === 401 ? (F(se), new Error(
+            } else throw P.status === 401 ? (j(ie), new Error(
               "`BLOB_READ_WRITE_TOKEN` environment variable not found, reading image locally instead."
             )) : new Error("Error uploading image. Please try again.");
           }).catch((P) => {
@@ -4067,151 +4096,151 @@ const Da = ({ children: r, ...e }) => {
           });
         });
       },
-      validateFn: (se) => S ? S(se) : se.type.includes("image/") ? O && se.size > O ? (console.error("File size too big (max 20MB)."), !1) : !0 : (console.error("File type not supported."), !1)
+      validateFn: (ie) => M ? M(ie) : ie.type.includes("image/") ? F && ie.size > F ? (console.error("File size too big (max 20MB)."), !1) : !0 : (console.error("File type not supported."), !1)
     });
   }, [p]);
-  if (ie(() => {
+  if (ae(() => {
     if (!s) return;
-    const S = window.localStorage.getItem(n);
-    x(S ? JSON.parse(S) : Aa);
+    const M = window.localStorage.getItem(n);
+    v(M ? JSON.parse(M) : Da);
   }, [n, s]), !b) return null;
   const oe = [
-    ...zt,
-    La({
-      uploadFn: ae
+    ...Et,
+    Aa({
+      uploadFn: se
     })
   ];
-  return /* @__PURE__ */ m("div", { className: y("relative w-full max-w-screen-lg", e), children: [
-    (s && i || c) && /* @__PURE__ */ m("div", { className: "flex absolute right-5 top-5 z-10 mb-5 gap-2", children: [
-      s && i && /* @__PURE__ */ t("div", { className: "rounded-lg bg-accent px-2 py-1 text-sm text-muted-foreground", children: A }),
-      c && /* @__PURE__ */ m(
+  return /* @__PURE__ */ m("div", { className: k("relative w-full max-w-screen-lg", e), children: [
+    (s && i || d) && /* @__PURE__ */ m("div", { className: "flex absolute right-5 top-5 z-10 mb-5 gap-2", children: [
+      s && i && /* @__PURE__ */ t("div", { className: "rounded-lg bg-accent px-2 py-1 text-sm text-muted-foreground", children: D }),
+      d && /* @__PURE__ */ m(
         "div",
         {
-          className: h ? "rounded-lg bg-accent px-2 py-1 text-sm text-muted-foreground" : "hidden",
+          className: g ? "rounded-lg bg-accent px-2 py-1 text-sm text-muted-foreground" : "hidden",
           children: [
-            h,
+            g,
             " Words"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ t(Rr, { children: /* @__PURE__ */ m(
-      Pr,
+    /* @__PURE__ */ t(Pr, { children: /* @__PURE__ */ m(
+      Br,
       {
-        onCreate: ({ editor: S }) => {
-          k && (k.current = S);
+        onCreate: ({ editor: M }) => {
+          x && (x.current = M);
         },
         initialContent: b,
         extensions: oe,
         className: "relative min-h-[500px] w-full max-w-screen-lg border-muted bg-background sm:mb-[calc(20vh)] sm:rounded-lg sm:border sm:shadow-lg editor-content",
         editorProps: {
           handleDOMEvents: {
-            keydown: (S, O) => Er(O)
+            keydown: (M, F) => $r(F)
           },
-          handlePaste: (S, O) => zr(S, O, ae),
-          handleDrop: (S, O, B, W) => Br(S, O, W, ae),
+          handlePaste: (M, F) => Er(M, F, se),
+          handleDrop: (M, F, B, K) => zr(M, F, K, se),
           attributes: {
             class: "prose prose-lg dark:prose-invert prose-headings:font-title font-default focus:outline-none max-w-full"
           }
         },
-        onUpdate: ({ editor: S }) => {
-          _(S), f("Unsaved");
+        onUpdate: ({ editor: M }) => {
+          _(M), f("Unsaved");
         },
-        slotAfter: /* @__PURE__ */ t(_r, {}),
+        slotAfter: /* @__PURE__ */ t(jr, {}),
         children: [
-          /* @__PURE__ */ m($r, { className: "z-50 h-auto max-h-[330px] overflow-y-auto rounded-md border border-muted bg-background px-1 py-2 shadow-md transition-all", children: [
-            /* @__PURE__ */ t(Hr, { className: "px-2 text-muted-foreground", children: "没有结果" }),
-            /* @__PURE__ */ t(Or, { children: jt({
-              uploadFn: ae
-            }).map((S) => /* @__PURE__ */ m(
-              Fr,
+          /* @__PURE__ */ m(Hr, { className: "z-50 h-auto max-h-[330px] overflow-y-auto rounded-md border border-muted bg-background px-1 py-2 shadow-md transition-all", children: [
+            /* @__PURE__ */ t(Or, { className: "px-2 text-muted-foreground", children: "没有结果" }),
+            /* @__PURE__ */ t(Fr, { children: Xt({
+              uploadFn: se
+            }).map((M) => /* @__PURE__ */ m(
+              _r,
               {
-                value: S.title,
-                onCommand: (O) => S.command(O),
+                value: M.title,
+                onCommand: (F) => M.command(F),
                 className: "flex w-full items-center space-x-2 rounded-md px-2 py-1 text-left text-sm hover:bg-accent aria-selected:bg-accent",
                 children: [
-                  /* @__PURE__ */ t("div", { className: "flex h-10 w-10 items-center justify-center rounded-md border border-muted bg-background", children: S.icon }),
+                  /* @__PURE__ */ t("div", { className: "flex h-10 w-10 items-center justify-center rounded-md border border-muted bg-background", children: M.icon }),
                   /* @__PURE__ */ m("div", { children: [
-                    /* @__PURE__ */ t("p", { className: "font-medium", children: S.title }),
-                    /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground", children: S.description })
+                    /* @__PURE__ */ t("p", { className: "font-medium", children: M.title }),
+                    /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground", children: M.description })
                   ] })
                 ]
               },
-              S.title
+              M.title
             )) })
           ] }),
           /* @__PURE__ */ m(
-            Ia,
+            Sa,
             {
-              open: C,
-              onOpenChange: X,
+              open: N,
+              onOpenChange: O,
               enableAI: l,
-              aiOptions: d,
+              aiOptions: c,
               children: [
-                l && /* @__PURE__ */ t(pe, { orientation: "vertical" }),
-                /* @__PURE__ */ t(pa, { open: v, onOpenChange: I }),
-                /* @__PURE__ */ t(pe, { orientation: "vertical" }),
-                /* @__PURE__ */ t(ma, { open: R, onOpenChange: N }),
-                /* @__PURE__ */ t(pe, { orientation: "vertical" }),
-                /* @__PURE__ */ t(ua, {}),
-                /* @__PURE__ */ t(pe, { orientation: "vertical" }),
-                /* @__PURE__ */ t(Ma, {}),
-                /* @__PURE__ */ t(pe, { orientation: "vertical" }),
-                /* @__PURE__ */ t(la, { open: u, onOpenChange: T })
+                l && /* @__PURE__ */ t(ge, { orientation: "vertical" }),
+                /* @__PURE__ */ t(ga, { open: y, onOpenChange: w }),
+                /* @__PURE__ */ t(ge, { orientation: "vertical" }),
+                /* @__PURE__ */ t(ua, { open: T, onOpenChange: C }),
+                /* @__PURE__ */ t(ge, { orientation: "vertical" }),
+                /* @__PURE__ */ t(pa, {}),
+                /* @__PURE__ */ t(ge, { orientation: "vertical" }),
+                /* @__PURE__ */ t(La, {}),
+                /* @__PURE__ */ t(ge, { orientation: "vertical" }),
+                /* @__PURE__ */ t(ca, { open: u, onOpenChange: S })
               ]
             }
           ),
-          /* @__PURE__ */ t(Ra, {})
+          /* @__PURE__ */ t(Pa, {})
         ]
       }
     ) })
   ] });
-}, Ba = ({ json: r }) => {
-  const e = fe(() => Cn(r ?? {}, zt), [r]);
+}, za = ({ json: r }) => {
+  const e = he(() => wn(r ?? {}, Et), [r]);
   return /* @__PURE__ */ t("div", { className: "tiptap ProseMirror prose prose-lg dark:prose-invert prose-headings:font-title font-default focus:outline-none max-w-full", children: /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: e } }) });
-}, Ut = Pa;
-Ut.Preview = Ba;
-const Is = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Gt = Ba;
+Gt.Preview = za;
+const Ss = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Desktop: Pn,
-  DesktopSortable: Mt,
-  DesktopSortableConfigProvider: wt,
-  DesktopSortableStateProvider: St,
+  Desktop: Bn,
+  DesktopSortable: Lt,
+  DesktopSortableConfigProvider: Nt,
+  DesktopSortableStateProvider: Tt,
   Dock: we,
   DockDesktop: qe,
   DockDesktopItem: Ge,
   DockMobile: Ye,
   DockMobileItem: De,
-  Editor: Ut,
-  Markdown: Rt,
-  MdEditor: Pt,
+  Editor: Gt,
+  Markdown: Pt,
+  MdEditor: Bt,
   SortableUtils: Y,
   desktopAppConfig: je,
   desktopConfigMap: Xe,
-  desktopGroupConfig: Nt,
+  desktopGroupConfig: It,
   desktopThemeDark: _e,
   desktopThemeLight: Fe,
-  useDockDesktopMouseX: nt
+  useDockDesktopMouseX: at
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Pn as Desktop,
-  Mt as DesktopSortable,
-  wt as DesktopSortableConfigProvider,
-  St as DesktopSortableStateProvider,
+  Bn as Desktop,
+  Lt as DesktopSortable,
+  Nt as DesktopSortableConfigProvider,
+  Tt as DesktopSortableStateProvider,
   we as Dock,
   qe as DockDesktop,
   Ge as DockDesktopItem,
   Ye as DockMobile,
   De as DockMobileItem,
-  Ut as Editor,
-  Rt as Markdown,
-  Pt as MdEditor,
+  Gt as Editor,
+  Pt as Markdown,
+  Bt as MdEditor,
   Y as SortableUtils,
-  Is as default,
+  Ss as default,
   je as desktopAppConfig,
   Xe as desktopConfigMap,
-  Nt as desktopGroupConfig,
+  It as desktopGroupConfig,
   _e as desktopThemeDark,
   Fe as desktopThemeLight,
-  Ms as useDockDesktopMouseX
+  Ls as useDockDesktopMouseX
 };