zs_library 0.4.23 → 0.4.25

package/dist/index.js

@@ -6,8 +6,8 @@ import Zt from "i18next";
 import { initReactI18next as Qt } from "react-i18next";
 import { jsx as t, jsxs as m, Fragment as ue } from "react/jsx-runtime";
 import * as q from "react";
-import eo, { createContext as st, useMemo as be, useContext as it, useState as j, useRef as xe, useCallback as to, useEffect as ae, forwardRef as lt, Fragment as oo } from "react";
-import { cx as k, css as b } from "@emotion/css";
+import eo, { createContext as st, useMemo as be, useContext as it, useState as O, useRef as xe, useCallback as to, useEffect as se, forwardRef as lt, Fragment as oo } from "react";
+import { cx as C, css as h } from "@emotion/css";
 import ro from "react-slick";
 import { ReactSortable as Xe } from "react-sortablejs";
 import { AnimatePresence as Ue, motion as R, useMotionValue as ct, useTransform as ge, useSpring as Ae } from "framer-motion";
@@ -28,13 +28,13 @@ import { oneLight as lr } from "react-syntax-highlighter/dist/esm/styles/prism";
 import cr from "rc-image";
 import { clsx as dr } from "clsx";
 import { twMerge as mr } from "tailwind-merge";
-import { Placeholder as ur, TiptapLink as pr, TiptapImage as gr, UploadImagesPlugin as fr, UpdatedImage as hr, TaskList as br, TaskItem as xr, HorizontalRule as yr, StarterKit as vr, CodeBlockLowlight as kr, Mathematics as Cr, CharacterCount as wr, AIHighlight as Nr, TiptapUnderline as Ir, HighlightExtension as Sr, TextStyle as Tr, Color as Mr, CustomKeymap as Lr, useEditor as Q, EditorBubbleItem as Pe, getPrevText as Ar, addAIHighlight as Dr, removeAIHighlight as Rr, EditorBubble as Pr, createImageUpload as Nt, Command as Br, createSuggestionItems as zr, renderItems as Er, EditorRoot as $r, EditorContent as Hr, handleImageDrop as Or, handleImagePaste as Fr, handleCommandNavigation as _r, EditorCommand as jr, EditorCommandEmpty as Xr, EditorCommandList as Ur, EditorCommandItem as Gr, ImageResizer as qr } from "novel";
+import { Placeholder as ur, TiptapLink as pr, TiptapImage as gr, UploadImagesPlugin as fr, UpdatedImage as hr, TaskList as br, TaskItem as xr, HorizontalRule as yr, StarterKit as vr, CodeBlockLowlight as kr, Mathematics as Cr, CharacterCount as wr, AIHighlight as Nr, TiptapUnderline as Ir, HighlightExtension as Sr, TextStyle as Tr, Color as Mr, CustomKeymap as Lr, useEditor as te, EditorBubbleItem as Pe, getPrevText as Ar, addAIHighlight as Dr, removeAIHighlight as Rr, EditorBubble as Pr, createImageUpload as Nt, Command as Br, createSuggestionItems as zr, renderItems as Er, EditorRoot as $r, EditorContent as Hr, handleImageDrop as Or, handleImagePaste as Fr, handleCommandNavigation as _r, EditorCommand as jr, EditorCommandEmpty as Xr, EditorCommandList as Ur, EditorCommandItem as Gr, ImageResizer as qr } from "novel";
 import { useDebouncedCallback as Yr } from "use-debounce";
 import { Markdown as Vr } from "tiptap-markdown";
-import { cx as Y, cva as Wr } from "class-variance-authority";
+import { cx as W, cva as Wr } from "class-variance-authority";
 import { createLowlight as Kr, common as Jr } from "lowlight";
 import { Extension as Zr } from "@tiptap/core";
-import { Plugin as Qr, PluginKey as en, NodeSelection as J, TextSelection as tn } from "prosemirror-state";
+import { Plugin as Qr, PluginKey as en, NodeSelection as Q, TextSelection as tn } from "prosemirror-state";
 import { Slice as on, Fragment as rn } from "prosemirror-model";
 import * as nn from "prosemirror-view";
 import * as Ce from "@radix-ui/react-popover";
@@ -45,8 +45,8 @@ import * as St from "@radix-ui/react-separator";
 import { useCompletion as Nn } from "@ai-sdk/react";
 import { toast as we } from "sonner";
 import * as de from "@radix-ui/react-scroll-area";
-import { Command as W } from "cmdk";
-import * as oe from "@radix-ui/react-dialog";
+import { Command as J } from "cmdk";
+import * as ne from "@radix-ui/react-dialog";
 import In from "highlight.js";
 import Sn from "rc-dropdown";
 import De from "rc-menu";
@@ -170,13 +170,13 @@ const qe = {
   app: Ve,
   group: Lt
 };
-class V {
+class K {
 }
 /** 清理重复id */
-Le(V, "uniqueArray", (e) => e.reduce((o, n) => o.find((s) => s.id === n.id) ? o : o.concat([n]), [])), Le(V, "getTheme", (e) => {
+Le(K, "uniqueArray", (e) => e.reduce((o, n) => o.find((s) => s.id === n.id) ? o : o.concat([n]), [])), Le(K, "getTheme", (e) => {
   const o = qe.token, n = Ye.token, a = { ...o, ...e == null ? void 0 : e.token }, s = { ...n, ...e == null ? void 0 : e.token };
   return { light: a, dark: s };
-}), Le(V, "quickJSONCheck", (e) => {
+}), Le(K, "quickJSONCheck", (e) => {
   if (typeof e != "string" || e.trim() === "") return !1;
   if (!/^\s*(\{.*\}|\[.*\])\s*$/.test(e))
     return /^\s*(".*?"|[\d.]+|true|false|null)\s*$/.test(e);
@@ -234,163 +234,163 @@ const At = st({
     onChange: n,
     storageKey: a = "ZS_LIBRARY_DESKTOP_SORTABLE_CONFIG",
     enableCaching: s = !0
-  } = r, [i, d] = j(), [p, x] = j(), [l, c] = j(null), f = xe(l), [v, D] = j(null), [h, g] = j([]), [S, y] = j(
+  } = r, [i, d] = O(), [p, y] = O(), [l, c] = O(null), g = xe(l), [k, D] = O(null), [b, f] = O([]), [I, v] = O(
     null
-  ), [N, u] = j(
+  ), [N, u] = O(
     null
-  ), [T, A] = j(!1), [I, C] = j(null), [H, G] = j(
+  ), [S, U] = O(!1), [j, x] = O(null), [L, E] = O(
     null
-  ), [O, se] = j(!1), [re, L] = no(a, {
+  ), [A, V] = O(!1), [Y, M] = no(a, {
     defaultValue: [],
     listenStorageChange: !0
   }), X = () => {
-    D(null), clearTimeout(i), d(void 0), f.current = null;
-  }, E = (w, B) => {
+    D(null), clearTimeout(i), d(void 0), g.current = null;
+  }, $ = (w, B) => {
     D({ ...w, pageX: w.pageX, pageY: w.pageY, data: B }), clearTimeout(i);
-  }, K = (w, B = !0) => {
+  }, Z = (w, B = !0) => {
     const { config: z = {} } = w;
     return z.allowContextMenu === !1 ? {} : {
-      onMouseDown: (M) => {
+      onMouseDown: (T) => {
         d(
           setTimeout(() => {
-            B && f.current === null && E(M, w);
+            B && g.current === null && $(T, w);
           }, 800)
-        ), A(!1), x(
+        ), U(!1), y(
           setTimeout(() => {
-            A(!0);
+            U(!0);
           }, 800)
         );
       },
       onMouseUp: () => {
-        clearTimeout(p), x(void 0), clearTimeout(i), d(void 0);
+        clearTimeout(p), y(void 0), clearTimeout(i), d(void 0);
       },
-      onContextMenu: (M) => {
-        B && (M.preventDefault(), E(M, w));
+      onContextMenu: (T) => {
+        B && (T.preventDefault(), $(T, w));
       }
     };
-  }, ee = to(
+  }, oe = to(
     (w, B) => {
       const z = [...B || []];
       if (z.length > 0)
-        g((M) => {
-          const $ = [...M], F = (P) => {
+        f((T) => {
+          const H = [...T], F = (P) => {
             var et, tt;
-            const _ = z.shift(), U = P.find((ne) => ne.id === _), te = P.findIndex((ne) => ne.id === _);
-            if (z.length && U) {
-              if (((et = U.children) == null ? void 0 : et.filter(
-                (ne) => !w.some((Wt) => Wt.id === ne.id)
+            const _ = z.shift(), G = P.find((ae) => ae.id === _), re = P.findIndex((ae) => ae.id === _);
+            if (z.length && G) {
+              if (((et = G.children) == null ? void 0 : et.filter(
+                (ae) => !w.some((Wt) => Wt.id === ae.id)
               ).length) === 1 && w.length === 1) {
-                const ne = { ...w[0] };
-                return P.splice(te, 1, ne), n == null || n(P), P;
+                const ae = { ...w[0] };
+                return P.splice(re, 1, ae), n == null || n(P), P;
               }
-              return U.children = F(U.children || []), P.splice(te, 1, U), n == null || n(P), P;
+              return G.children = F(G.children || []), P.splice(re, 1, G), n == null || n(P), P;
             }
-            if (U) {
-              if (!((tt = U.children) != null && tt.length) && w.length) {
-                const ne = { ...U };
-                return U.data = { name: "文件夹" }, U.type = "group", U.children = [ne, ...w], U.id = Oe(), P.splice(te, 1, U), n == null || n(P), P;
+            if (G) {
+              if (!((tt = G.children) != null && tt.length) && w.length) {
+                const ae = { ...G };
+                return G.data = { name: "文件夹" }, G.type = "group", G.children = [ae, ...w], G.id = Oe(), P.splice(re, 1, G), n == null || n(P), P;
               }
-              return U.children = V.uniqueArray(w), P.splice(te, 1, U), n == null || n(P), P;
+              return G.children = K.uniqueArray(w), P.splice(re, 1, G), n == null || n(P), P;
             }
-            return V.uniqueArray(w);
+            return K.uniqueArray(w);
           };
-          return V.uniqueArray(F($));
+          return K.uniqueArray(F(H));
         });
       else {
-        const M = V.uniqueArray(w);
-        n == null || n(M), g(M);
+        const T = K.uniqueArray(w);
+        n == null || n(T), f(T);
       }
     },
     [n]
   ), $e = (w, B) => {
-    g((z) => {
-      const M = [...z], $ = (F) => {
+    f((z) => {
+      const T = [...z], H = (F) => {
         var P;
         for (let _ = 0; _ < F.length; _++)
           if (F[_].id === w) {
             F[_].config = B;
             break;
-          } else ((P = F[_].children) == null ? void 0 : P.length) !== void 0 && $(F[_].children);
+          } else ((P = F[_].children) == null ? void 0 : P.length) !== void 0 && H(F[_].children);
       };
-      return $(M), n == null || n(M), M;
+      return H(T), n == null || n(T), T;
     });
   }, Se = (w, B) => {
-    g((z) => {
-      const M = [...z], $ = (F) => {
+    f((z) => {
+      const T = [...z], H = (F) => {
         var P;
         for (let _ = 0; _ < F.length; _++)
           if (F[_].id === w) {
             F[_].data = B;
             break;
-          } else ((P = F[_].children) == null ? void 0 : P.length) !== void 0 && $(F[_].children);
+          } else ((P = F[_].children) == null ? void 0 : P.length) !== void 0 && H(F[_].children);
       };
-      return $(M), n == null || n(M), M;
+      return H(T), n == null || n(T), T;
     });
   }, Te = (w) => {
-    g((B) => {
-      const z = [...B], M = ($) => {
+    f((B) => {
+      const z = [...B], T = (H) => {
         var F;
-        for (let P = 0; P < $.length; P++)
-          if ($[P].id === w) {
-            $.splice(P, 1);
+        for (let P = 0; P < H.length; P++)
+          if (H[P].id === w) {
+            H.splice(P, 1);
             break;
-          } else ((F = $[P].children) == null ? void 0 : F.length) !== void 0 && M($[P].children);
+          } else ((F = H[P].children) == null ? void 0 : F.length) !== void 0 && T(H[P].children);
       };
-      return M(z), n == null || n(z), z;
+      return T(z), n == null || n(z), z;
     });
   }, ie = (w, B) => {
-    const z = [...h], M = ($, F) => {
-      const P = F.shift(), _ = $.find((te) => te.id === P), U = $.findIndex((te) => te.id === P);
+    const z = [...b], T = (H, F) => {
+      const P = F.shift(), _ = H.find((re) => re.id === P), G = H.findIndex((re) => re.id === P);
       if (_) {
         if (F.length)
-          _.children = M(_.children || [], F);
+          _.children = T(_.children || [], F);
         else {
-          const te = (w == null ? void 0 : w.type) ?? "app";
+          const re = (w == null ? void 0 : w.type) ?? "app";
           _.children = [
             ..._.children ?? [],
             {
               ...w,
               id: Oe(),
-              config: (w == null ? void 0 : w.config) ?? Be[te]
+              config: (w == null ? void 0 : w.config) ?? Be[re]
             }
           ];
         }
-        return $.splice(U, 1, _), $;
+        return H.splice(G, 1, _), H;
       } else
-        return $;
+        return H;
     };
-    g(M(z, B));
+    f(T(z, B));
   }, Me = (w) => {
-    g((B) => {
-      const z = (w == null ? void 0 : w.type) ?? "app", M = {
+    f((B) => {
+      const z = (w == null ? void 0 : w.type) ?? "app", T = {
         ...w,
         id: Oe(),
         config: (w == null ? void 0 : w.config) ?? Be[z]
-      }, $ = [...B, M];
-      return n == null || n($), $;
+      }, H = [...B, T];
+      return n == null || n(H), H;
     });
   }, He = (w, B) => {
-    g((z) => {
-      const M = [...z], $ = M.findIndex((F) => F.id === w);
-      return $ !== -1 && (M[$] = { ...M[$], ...B }, n == null || n(M)), M;
+    f((z) => {
+      const T = [...z], H = T.findIndex((F) => F.id === w);
+      return H !== -1 && (T[H] = { ...T[H], ...B }, n == null || n(T)), T;
     });
   }, ye = (w) => {
-    g((B) => {
-      const z = B.filter((M) => M.id !== w);
+    f((B) => {
+      const z = B.filter((T) => T.id !== w);
       return n == null || n(z), z;
     });
   };
-  return ae(() => {
-    (o == null ? void 0 : o.length) > 0 && h.length === 0 && ee(o);
-  }, [o]), ae(() => {
-    f.current = l, l !== null && X();
-  }, [l]), ae(() => {
-    s && re != null && re.length && !O && (ee(re), se(!0));
-  }, [re, O, s, ee]), ao(
+  return se(() => {
+    (o == null ? void 0 : o.length) > 0 && b.length === 0 && oe(o);
+  }, [o]), se(() => {
+    g.current = l, l !== null && X();
+  }, [l]), se(() => {
+    s && Y != null && Y.length && !A && (oe(Y), V(!0));
+  }, [Y, A, s, oe]), ao(
     () => {
-      s && L(h);
+      s && M(b);
     },
-    [h, s],
+    [b, s],
     {
       wait: 1e3
     }
@@ -398,19 +398,19 @@ const At = st({
     At.Provider,
     {
       value: {
-        list: h,
-        setList: ee,
-        contextMenu: v,
+        list: b,
+        setList: oe,
+        contextMenu: k,
         setContextMenu: D,
         listStatus: l,
         setListStatus: c,
-        contextMenuFuns: K,
+        contextMenuFuns: Z,
         hideContextMenu: X,
-        showInfoItemData: S,
-        setShowInfoItemData: y,
+        showInfoItemData: I,
+        setShowInfoItemData: v,
         openGroupItemData: N,
         setOpenGroupItemData: u,
-        longPressTriggered: T,
+        longPressTriggered: S,
         updateItemConfig: $e,
         updateItem: Se,
         removeItem: Te,
@@ -418,10 +418,10 @@ const At = st({
         addRootItem: Me,
         updateRootItem: He,
         removeRootItem: ye,
-        moveItemId: I,
-        setMoveItemId: C,
-        moveTargetId: H,
-        setMoveTargetId: G
+        moveItemId: j,
+        setMoveItemId: x,
+        moveTargetId: L,
+        setMoveTargetId: E
       },
       children: e
     }
@@ -434,11 +434,11 @@ const At = st({
   },
   menuHide: { opacity: 0, y: 20, transition: { duration: 0.2 } }
 }, Fe = (r) => {
-  const { icon: e, title: o, onClick: n } = r, { theme: a } = le(), { light: s, dark: i } = V.getTheme(a);
+  const { icon: e, title: o, onClick: n } = r, { theme: a } = le(), { light: s, dark: i } = K.getTheme(a);
   return /* @__PURE__ */ t(
     R.div,
     {
-      className: b`
+      className: h`
         &:hover {
           background-color: ${s.contextMenuActiveColor};
           @media (prefers-color-scheme: dark) {
@@ -462,9 +462,9 @@ const At = st({
       children: /* @__PURE__ */ m(
         R.div,
         {
-          className: k(
+          className: C(
             "py-1.5 px-3 rounded-lg",
-            b`
+            h`
             padding-top: 0.375rem;
             padding-bottom: 0.375rem;
             padding-left: 0.75rem;
@@ -477,8 +477,8 @@ const At = st({
             /* @__PURE__ */ t(
               R.div,
               {
-                className: k(
-                  b`
+                className: C(
+                  h`
               margin-bottom: 0.375rem;
               display: flex;
               justify-content: center;
@@ -504,18 +504,18 @@ const At = st({
     onRemoveClick: d
   } = r, {
     contextMenu: p,
-    setContextMenu: x,
+    setContextMenu: y,
     hideContextMenu: l,
     setShowInfoItemData: c,
-    removeItem: f,
-    updateItemConfig: v
-  } = pe(), { theme: D } = le(), { light: h, dark: g } = V.getTheme(D), { data: S } = p ?? {}, { config: y = {} } = S ?? {}, N = () => {
-    var A;
-    const u = Be[(A = p == null ? void 0 : p.data) == null ? void 0 : A.type], T = [];
-    for (let I = 1; I <= ((u == null ? void 0 : u.maxRow) ?? 2); I++)
-      for (let C = 1; C <= ((u == null ? void 0 : u.maxCol) ?? 2); C++)
-        T.push(`${I}x${C}`);
-    return T;
+    removeItem: g,
+    updateItemConfig: k
+  } = pe(), { theme: D } = le(), { light: b, dark: f } = K.getTheme(D), { data: I } = p ?? {}, { config: v = {} } = I ?? {}, N = () => {
+    var U;
+    const u = Be[(U = p == null ? void 0 : p.data) == null ? void 0 : U.type], S = [];
+    for (let j = 1; j <= ((u == null ? void 0 : u.maxRow) ?? 2); j++)
+      for (let x = 1; x <= ((u == null ? void 0 : u.maxCol) ?? 2); x++)
+        S.push(`${j}x${x}`);
+    return S;
   };
   return /* @__PURE__ */ t(Ue, { children: p && /* @__PURE__ */ m(
     R.div,
@@ -530,22 +530,22 @@ const At = st({
         /* @__PURE__ */ t(
           R.div,
           {
-            className: k(
-              b`
+            className: C(
+              h`
                 border-radius: 0.5rem;
                 overflow: hidden;
-                background-color: ${h.contextMenuBackgroundColor};
-                box-shadow: 0 0 0.5rem ${h.contextMenuShadowColor};
+                background-color: ${b.contextMenuBackgroundColor};
+                box-shadow: 0 0 0.5rem ${b.contextMenuShadowColor};
                 @media (prefers-color-scheme: dark) {
-                  background-color: ${g.contextMenuBackgroundColor};
-                  box-shadow: 0 0 0.5rem ${g.contextMenuShadowColor};
+                  background-color: ${f.contextMenuBackgroundColor};
+                  box-shadow: 0 0 0.5rem ${f.contextMenuShadowColor};
                 }
               `
             ),
-            children: a && y.allowResize !== !1 && /* @__PURE__ */ t(
+            children: a && v.allowResize !== !1 && /* @__PURE__ */ t(
               R.ul,
               {
-                className: b`
+                className: h`
                   background-color: white;
                   padding: 0.25rem;
                   margin: 0;
@@ -559,10 +559,10 @@ const At = st({
                       label: u,
                       key: u,
                       onClick: () => {
-                        const [T, A] = u.split("x").map(Number);
-                        v(p.data.id, {
-                          row: T,
-                          col: A
+                        const [S, U] = u.split("x").map(Number);
+                        k(p.data.id, {
+                          row: S,
+                          col: U
                         });
                       }
                     }))
@@ -570,7 +570,7 @@ const At = st({
                 ].map((u) => /* @__PURE__ */ m(
                   R.li,
                   {
-                    className: b`
+                    className: h`
                       padding-top: 0.5rem;
                       padding-bottom: 0.5rem;
                       padding-left: 0.75rem;
@@ -580,7 +580,7 @@ const At = st({
                       /* @__PURE__ */ m(
                         R.p,
                         {
-                          className: b`
+                          className: h`
                         display: flex;
                         align-items: center;
                         font-size: 0.875rem;
@@ -588,9 +588,9 @@ const At = st({
                         gap: 0.5rem;
                         padding-bottom: 0.5rem;
                         margin: 0;
-                        color: ${h.contextMenuTextColor};
+                        color: ${b.contextMenuTextColor};
                         @media (prefers-color-scheme: dark) {
-                          color: ${g.contextMenuTextColor};
+                          color: ${f.contextMenuTextColor};
                         }
                       `,
                           children: [
@@ -603,17 +603,17 @@ const At = st({
                       /* @__PURE__ */ t(
                         R.div,
                         {
-                          className: b`
+                          className: h`
                         display: grid;
                         grid-template-columns: repeat(2, minmax(0, 1fr));
                         gap: 0.25rem;
                       `,
-                          children: u.items.map((T) => /* @__PURE__ */ t(
+                          children: u.items.map((S) => /* @__PURE__ */ t(
                             R.div,
                             {
-                              className: k(
+                              className: C(
                                 "py-1 px-2 hover:bg-gray-100 rounded transition-all cursor-pointer text-center text-sm",
-                                b`
+                                h`
                               padding-top: 0.25rem;
                               padding-bottom: 0.25rem;
                               padding-left: 0.5rem;
@@ -624,28 +624,28 @@ const At = st({
                               line-height: 1.25rem;
                               cursor: pointer;
                               text-align: center;
-                              color: ${h.contextMenuTextColor};
+                              color: ${b.contextMenuTextColor};
                               @media (prefers-color-scheme: dark) {
-                                color: ${g.contextMenuTextColor};
+                                color: ${f.contextMenuTextColor};
                               }
                               &:hover {
-                                background-color: ${h.contextMenuActiveColor};
+                                background-color: ${b.contextMenuActiveColor};
                                 @media (prefers-color-scheme: dark) {
-                                  background-color: ${g.contextMenuActiveColor};
+                                  background-color: ${f.contextMenuActiveColor};
                                 }
                               }
                             `,
-                                `${y.row}x${y.col}` === T.key && b`
-                                background-color: ${h.contextMenuActiveColor};
+                                `${v.row}x${v.col}` === S.key && h`
+                                background-color: ${b.contextMenuActiveColor};
                                 @media (prefers-color-scheme: dark) {
-                                  background-color: ${g.contextMenuActiveColor};
+                                  background-color: ${f.contextMenuActiveColor};
                                 }
                               `
                               ),
-                              onClick: T.onClick,
-                              children: T.label
+                              onClick: S.onClick,
+                              children: S.label
                             },
-                            T.key
+                            S.key
                           ))
                         }
                       )
@@ -660,13 +660,13 @@ const At = st({
         /* @__PURE__ */ m(
           R.div,
           {
-            className: k(
-              b`
-                background-color: ${h.contextMenuBackgroundColor};
-                box-shadow: 0 0 0.5rem ${h.contextMenuShadowColor};
+            className: C(
+              h`
+                background-color: ${b.contextMenuBackgroundColor};
+                box-shadow: 0 0 0.5rem ${b.contextMenuShadowColor};
                 @media (prefers-color-scheme: dark) {
-                  background-color: ${g.contextMenuBackgroundColor};
-                  box-shadow: 0 0 0.5rem ${g.contextMenuShadowColor};
+                  background-color: ${f.contextMenuBackgroundColor};
+                  box-shadow: 0 0 0.5rem ${f.contextMenuShadowColor};
                 }
                 display: flex;
                 justify-content: space-around;
@@ -716,10 +716,10 @@ const At = st({
                   title: "移除",
                   onClick: () => {
                     if (d) {
-                      d(p.data, f);
+                      d(p.data, g);
                       return;
                     }
-                    x(null), f(p.data.id);
+                    y(null), g(p.data.id);
                   }
                 }
               )
@@ -730,12 +730,12 @@ const At = st({
     }
   ) });
 }, Bn = (r) => {
-  const { data: e, noLetters: o = !1 } = r, { contextMenuFuns: n } = pe(), { itemIconBuilder: a, theme: s, contextMenu: i } = le(), { light: d, dark: p } = V.getTheme(s), { data: x = {} } = e, { name: l } = x;
+  const { data: e, noLetters: o = !1 } = r, { contextMenuFuns: n } = pe(), { itemIconBuilder: a, theme: s, contextMenu: i } = le(), { light: d, dark: p } = K.getTheme(s), { data: y = {} } = e, { name: l } = y;
   return /* @__PURE__ */ m(ue, { children: [
     /* @__PURE__ */ t(
       R.div,
       {
-        className: b`
+        className: h`
           width: 4rem;
           height: 4rem;
           background-color: ${d.itemIconBackgroundColor};
@@ -753,7 +753,7 @@ const At = st({
         children: /* @__PURE__ */ t(
           "div",
           {
-            className: b`
+            className: h`
             position: absolute;
             left: 0;
             top: 0;
@@ -773,15 +773,15 @@ const At = st({
     /* @__PURE__ */ t(
       R.p,
       {
-        className: k(
+        className: C(
           "whitespace-nowrap text-ellipsis overflow-hidden text-center mt-1 mb-0 max-w-16",
-          b`
+          h`
             color: ${d.itemNameColor};
             @media (prefers-color-scheme: dark) {
               color: ${p.itemNameColor};
             }
           `,
-          o && b`
+          o && h`
               color: transparent;
             `
         ),
@@ -799,12 +799,12 @@ const At = st({
     children: i,
     parentIds: d,
     childrenLength: p
-  } = r, { contextMenu: x, setContextMenu: l } = pe(), { contextMenu: c } = le();
+  } = r, { contextMenu: y, setContextMenu: l } = pe(), { contextMenu: c } = le();
   return /* @__PURE__ */ t(
     dt,
     {
       placement: "bottom",
-      overlayClassName: b`
+      overlayClassName: h`
         background-color: transparent;
         .rc-tooltip-inner {
           background-color: transparent;
@@ -813,9 +813,9 @@ const At = st({
         }
       `,
       overlay: /* @__PURE__ */ t(Pn, { ...c }),
-      visible: (x == null ? void 0 : x.data.id) === e.id,
-      onVisibleChange: (f) => {
-        f || l(null);
+      visible: (y == null ? void 0 : y.data.id) === e.id,
+      onVisibleChange: (g) => {
+        g || l(null);
       },
       destroyTooltipOnHide: !0,
       children: /* @__PURE__ */ t(
@@ -826,7 +826,7 @@ const At = st({
           "data-parent-ids": d == null ? void 0 : d.join(","),
           "data-children-length": p,
           onClick: () => a == null ? void 0 : a(e),
-          className: k(s && "drag-disabled", o),
+          className: C(s && "drag-disabled", o),
           children: i ?? /* @__PURE__ */ t(Bn, { ...r })
         }
       )
@@ -843,37 +843,37 @@ const At = st({
   } = r, {
     contextMenuFuns: d,
     setList: p,
-    setOpenGroupItemData: x,
+    setOpenGroupItemData: y,
     longPressTriggered: l,
     moveItemId: c,
-    moveTargetId: f,
-    setMoveTargetId: v,
+    moveTargetId: g,
+    setMoveTargetId: k,
     listStatus: D
-  } = pe(), { itemIconBuilder: h, theme: g, contextMenu: S } = le(), { light: y, dark: N } = V.getTheme(g), { children: u, data: T, config: A } = e, { row: I = 1, col: C = 1 } = A ?? {}, H = {
+  } = pe(), { itemIconBuilder: b, theme: f, contextMenu: I } = le(), { light: v, dark: N } = K.getTheme(f), { children: u, data: S, config: U } = e, { row: j = 1, col: x = 1 } = U ?? {}, L = {
     visible: { opacity: 1, scale: 1 },
     hidden: { opacity: 0, scale: 0.95 }
-  }, G = ((u == null ? void 0 : u.length) ?? 0) === 0, O = G ? [e] : [...u ?? []].slice(0, 9), se = be(() => c === e.id.toString(), [e.id, c]), re = be(() => f === e.id, [e.id, f]), L = b`
+  }, E = ((u == null ? void 0 : u.length) ?? 0) === 0, A = E ? [e] : [...u ?? []].slice(0, 9), V = be(() => c === e.id.toString(), [e.id, c]), Y = be(() => g === e.id, [e.id, g]), M = h`
     overflow: hidden;
     cursor: pointer;
-    background-color: ${y.itemIconBackgroundColor};
-    box-shadow: 0 0 0.5rem ${y.itemIconShadowColor};
+    background-color: ${v.itemIconBackgroundColor};
+    box-shadow: 0 0 0.5rem ${v.itemIconShadowColor};
     @media (prefers-color-scheme: dark) {
       background-color: ${N.itemIconBackgroundColor};
       box-shadow: 0 0 0.5rem ${N.itemIconShadowColor};
     }
   `, X = () => {
-    if (G)
+    if (E)
       return /* @__PURE__ */ t(
         R.div,
         {
-          className: k(
+          className: C(
             "sortable-group-item",
-            b`
+            h`
               overflow: hidden;
               cursor: pointer;
               width: 100%;
               height: 100%;
-              background-color: ${y.itemIconBackgroundColor};
+              background-color: ${v.itemIconBackgroundColor};
               position: absolute;
               left: 0;
               top: 0;
@@ -883,51 +883,51 @@ const At = st({
               }
             `
           ),
-          onClick: (E) => {
-            E.stopPropagation(), s == null || s(e);
+          onClick: ($) => {
+            $.stopPropagation(), s == null || s(e);
           },
-          children: h == null ? void 0 : h(e)
+          children: b == null ? void 0 : b(e)
         }
       );
-    if (I === 1 && C === 1 || I === 2 && C === 2)
+    if (j === 1 && x === 1 || j === 2 && x === 2)
       return /* @__PURE__ */ t(
         R.div,
         {
-          className: b`
+          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: ${x === 1 ? "0.125rem" : "0.25rem"};
+            gap: ${x === 1 ? "0.125rem" : "0.5rem"};
             place-items: center;
           `,
-          children: O == null ? void 0 : O.slice(0, 9).map((E) => /* @__PURE__ */ t(
+          children: A == null ? void 0 : A.slice(0, 9).map(($) => /* @__PURE__ */ t(
             R.div,
             {
-              className: k(
-                L,
-                b`
-                  border-radius: ${C === 1 ? "0.25rem" : "0.5rem"};
+              className: C(
+                M,
+                h`
+                  border-radius: ${x === 1 ? "0.25rem" : "0.5rem"};
                   width: 100%;
                   height: 100%;
                 `
               ),
-              onClick: (K) => {
-                K.stopPropagation(), s == null || s(E);
+              onClick: (Z) => {
+                Z.stopPropagation(), s == null || s($);
               },
-              children: h == null ? void 0 : h(E)
+              children: b == null ? void 0 : b($)
             },
-            E.id
+            $.id
           ))
         }
       );
-    if (I === 1 && C === 2)
+    if (j === 1 && x === 2)
       return /* @__PURE__ */ t(
         R.div,
         {
-          className: b`
+          className: h`
             display: grid;
             grid-template-columns: repeat(10, minmax(0, 1fr));
             grid-template-rows: repeat(4, minmax(0, 1fr));
@@ -937,18 +937,18 @@ const At = st({
             height: 52px;
             place-items: center;
           `,
-          children: O == null ? void 0 : O.slice(0, 4).map((E, K) => /* @__PURE__ */ t(
+          children: A == null ? void 0 : A.slice(0, 4).map(($, Z) => /* @__PURE__ */ t(
             R.div,
             {
-              className: k(
-                L,
-                K < 2 ? b`
+              className: C(
+                M,
+                Z < 2 ? h`
                       width: 52px;
                       height: 52px;
                       border-radius: 0.5rem;
                       grid-column: span 4 / span 4;
                       grid-row: span 4 / span 4;
-                    ` : b`
+                    ` : h`
                       width: 1.5rem;
                       height: 1.5rem;
                       border-radius: 0.375rem;
@@ -956,20 +956,20 @@ const At = st({
                       grid-row: span 2 / span 2;
                     `
               ),
-              onClick: (ee) => {
-                K > 2 || (ee.stopPropagation(), s == null || s(E));
+              onClick: (oe) => {
+                Z > 2 || (oe.stopPropagation(), s == null || s($));
               },
-              children: h == null ? void 0 : h(E)
+              children: b == null ? void 0 : b($)
             },
-            E.id
+            $.id
           ))
         }
       );
-    if (I === 2 && C === 1)
+    if (j === 2 && x === 1)
       return /* @__PURE__ */ t(
         R.div,
         {
-          className: b`
+          className: h`
             display: grid;
             grid-template-columns: repeat(4, minmax(0, 1fr));
             grid-template-rows: repeat(10, minmax(0, 1fr));
@@ -979,30 +979,30 @@ const At = st({
             height: 144px;
             place-items: center;
           `,
-          children: O == null ? void 0 : O.slice(0, 4).map((E, K) => /* @__PURE__ */ t(
+          children: A == null ? void 0 : A.slice(0, 4).map(($, Z) => /* @__PURE__ */ t(
             R.div,
             {
-              className: k(
-                L,
-                K < 2 ? b`
+              className: C(
+                M,
+                Z < 2 ? h`
                       width: 52px;
                       height: 52px;
                       border-radius: 0.5rem;
                       grid-column: span 4 / span 4;
                       grid-row: span 4 / span 4;
-                    ` : b`
+                    ` : h`
                       width: 1.5rem;
                       height: 1.5rem;
                       grid-column: span 2 / span 2;
                       grid-row: span 2 / span 2;
                     `
               ),
-              onClick: (ee) => {
-                K > 2 || (ee.stopPropagation(), s == null || s(E));
+              onClick: (oe) => {
+                Z > 2 || (oe.stopPropagation(), s == null || s($));
               },
-              children: h == null ? void 0 : h(E)
+              children: b == null ? void 0 : b($)
             },
-            E.id
+            $.id
           ))
         }
       );
@@ -1014,10 +1014,10 @@ const At = st({
       itemIndex: a,
       parentIds: n,
       childrenLength: u == null ? void 0 : u.length,
-      className: k(
-        b`
-          grid-row: span ${I};
-          grid-column: span ${C};
+      className: C(
+        h`
+          grid-row: span ${j};
+          grid-column: span ${x};
         `,
         o
       ),
@@ -1026,14 +1026,14 @@ const At = st({
           R.div,
           {
             whileTap: { scale: 0.9 },
-            className: k(
-              re ? "!scale-110" : "",
-              b`
+            className: C(
+              Y ? "!scale-110" : "",
+              h`
             cursor: pointer;
             position: relative;
             border-radius: 0.75rem;
-            background-color: ${y.groupItemIconBackgroundColor};
-            box-shadow: 0 0 0.5rem ${y.groupItemIconShadowColor};
+            background-color: ${v.groupItemIconBackgroundColor};
+            box-shadow: 0 0 0.5rem ${v.groupItemIconShadowColor};
             @media (prefers-color-scheme: dark) {
               background-color: ${N.groupItemIconBackgroundColor};
               box-shadow: 0 0 0.5rem ${N.groupItemIconShadowColor};
@@ -1041,18 +1041,18 @@ const At = st({
             /* overflow: hidden; */
             transition: all 0.3s;
             margin: 0 auto;
-            width: ${C * 64 + 32 * (C - 1)}px;
-            height: ${I * 64 + 32 * (I - 1)}px;
+            width: ${x * 64 + 32 * (x - 1)}px;
+            height: ${j * 64 + 32 * (j - 1)}px;
           `
             ),
-            onClick: (E) => {
-              !G && !l && (e.parentIds = n, e.pageX = E.pageX, e.pageY = E.pageY, x(e));
+            onClick: ($) => {
+              !E && !l && (e.parentIds = n, e.pageX = $.pageX, e.pageY = $.pageY, y(e));
             },
-            ...d(e, S !== !1),
+            ...d(e, I !== !1),
             children: /* @__PURE__ */ m(
               R.div,
               {
-                className: b`
+                className: h`
             position: relative;
             width: 100%;
             height: 100%;
@@ -1066,9 +1066,9 @@ const At = st({
                   /* @__PURE__ */ t(
                     Xe,
                     {
-                      className: k(
+                      className: C(
                         "sortable-group-item",
-                        b`
+                        h`
                 position: absolute;
                 cursor: pointer;
                 left: 0.375rem;
@@ -1085,11 +1085,11 @@ const At = st({
                       animation: 150,
                       fallbackOnBody: !0,
                       list: u ?? [],
-                      setList: (E) => p(E, n),
+                      setList: ($) => p($, n),
                       filter: () => !0,
                       "data-id": e.id,
                       onChange: () => {
-                        v(e.id);
+                        k(e.id);
                       }
                     }
                   )
@@ -1101,27 +1101,27 @@ const At = st({
         /* @__PURE__ */ t(
           R.p,
           {
-            className: k(
+            className: C(
               "whitespace-nowrap text-ellipsis overflow-hidden text-center mt-1 mb-0 max-w-16",
-              b`
-            color: ${y.itemNameColor};
+              h`
+            color: ${v.itemNameColor};
             @media (prefers-color-scheme: dark) {
               color: ${N.itemNameColor};
             }
           `,
-              i && b`
+              i && h`
               color: transparent;
             `
             ),
-            variants: H,
-            animate: se ? "hidden" : "visible",
-            children: (T == null ? void 0 : T.name) ?? "文件夹"
+            variants: L,
+            animate: V ? "hidden" : "visible",
+            children: (S == null ? void 0 : S.name) ?? "文件夹"
           }
         )
       ]
     }
   );
-}, Rt = b`
+}, Rt = h`
   padding: 8px;
   transition: all 0.2s;
   > div {
@@ -1140,11 +1140,11 @@ const At = st({
     setListStatus: i,
     setMoveItemId: d,
     setMoveTargetId: p,
-    updateItem: x
-  } = pe(), { theme: l } = le(), { light: c, dark: f } = V.getTheme(l), [v, D] = j("文件夹"), h = [...(e == null ? void 0 : e.children) ?? []];
-  return ae(() => {
-    var g;
-    e && D((g = e.data) == null ? void 0 : g.name);
+    updateItem: y
+  } = pe(), { theme: l } = le(), { light: c, dark: g } = K.getTheme(l), [k, D] = O("文件夹"), b = [...(e == null ? void 0 : e.children) ?? []];
+  return se(() => {
+    var f;
+    e && D((f = e.data) == null ? void 0 : f.name);
   }, [e]), /* @__PURE__ */ t(
     Ct,
     {
@@ -1161,7 +1161,7 @@ const At = st({
       title: /* @__PURE__ */ t(
         "input",
         {
-          className: b`
+          className: h`
             background-color: transparent;
             border-style: none;
             text-align: center;
@@ -1175,23 +1175,23 @@ const At = st({
               outline: none;
             }
           `,
-          value: v,
-          onChange: (g) => {
-            D(g.target.value);
+          value: k,
+          onChange: (f) => {
+            D(f.target.value);
           },
           onBlur: () => {
-            e && x(e.id, {
+            e && y(e.id, {
               ...e.data,
-              name: v
+              name: k
             });
           }
         }
       ),
       footer: null,
       closable: !1,
-      className: k(
+      className: C(
         "group-item-modal",
-        b`
+        h`
           .rc-dialog-content {
             background-color: transparent;
             box-shadow: none;
@@ -1208,7 +1208,7 @@ const At = st({
             .rc-dialog-body {
               background-color: ${c.groupItemModalBackgroundColor};
               @media (prefers-color-scheme: dark) {
-                background-color: ${f.groupItemModalBackgroundColor};
+                background-color: ${g.groupItemModalBackgroundColor};
               }
               border-radius: 0.5rem;
               overflow: hidden;
@@ -1221,21 +1221,21 @@ const At = st({
       children: /* @__PURE__ */ t(
         "div",
         {
-          className: b`
+          className: h`
           overflow-y: auto;
           max-height: 60vh;
           padding: 1.25rem 0;
         `,
-          onDragLeave: (g) => {
-            const S = g.relatedTarget;
-            S && (g.currentTarget.contains(S) || setTimeout(() => {
+          onDragLeave: (f) => {
+            const I = f.relatedTarget;
+            I && (f.currentTarget.contains(I) || setTimeout(() => {
               o();
             }, 500));
           },
           children: /* @__PURE__ */ t(
             Xe,
             {
-              className: b`
+              className: h`
             display: grid;
             gap: 1rem;
             place-items: center;
@@ -1247,28 +1247,28 @@ const At = st({
               animation: 150,
               fallbackOnBody: !0,
               list: (e == null ? void 0 : e.children) ?? [],
-              setList: (g) => {
+              setList: (f) => {
                 var N, u;
-                const S = g.map((T) => T.id), y = (u = (N = a.find((T) => T.id === (e == null ? void 0 : e.id))) == null ? void 0 : N.children) == null ? void 0 : u.map((T) => T.id);
-                S.length === (y == null ? void 0 : y.length) && S.every((T, A) => T === y[A]) || S.length < ((y == null ? void 0 : y.length) ?? 0) || s(g, [...(e == null ? void 0 : e.parentIds) ?? [], e == null ? void 0 : e.id]);
+                const I = f.map((S) => S.id), v = (u = (N = a.find((S) => S.id === (e == null ? void 0 : e.id))) == null ? void 0 : N.children) == null ? void 0 : u.map((S) => S.id);
+                I.length === (v == null ? void 0 : v.length) && I.every((S, U) => S === v[U]) || I.length < ((v == null ? void 0 : v.length) ?? 0) || s(f, [...(e == null ? void 0 : e.parentIds) ?? [], e == null ? void 0 : e.id]);
               },
               onMove: () => (p(null), i("onMove"), !0),
-              onStart: (g) => {
-                const S = g.item.dataset;
-                S != null && S.id && d(S.id), i("onMove");
+              onStart: (f) => {
+                const I = f.item.dataset;
+                I != null && I.id && d(I.id), i("onMove");
               },
               onEnd: () => {
                 d(null), p(null), i(null);
               },
               ghostClass: Rt,
-              children: h.map((g, S) => /* @__PURE__ */ t(
+              children: b.map((f, I) => /* @__PURE__ */ t(
                 We,
                 {
-                  data: g,
-                  itemIndex: S,
+                  data: f,
+                  itemIndex: I,
                   onClick: n
                 },
-                g.id
+                f.id
               ))
             }
           )
@@ -1307,19 +1307,19 @@ const At = st({
     sliderProps: n,
     sliderRef: a,
     onItemClick: s
-  } = r, i = xe(null), d = xe(null), {
-    list: p,
-    setList: x,
-    setListStatus: l,
-    showInfoItemData: c,
-    setShowInfoItemData: f,
-    openGroupItemData: v,
-    setOpenGroupItemData: D,
-    setMoveItemId: h,
-    setMoveTargetId: g,
-    addItem: S
-  } = pe(), { pagingDotBuilder: y, pagingDotsBuilder: N, itemBuilder: u } = le(), T = be(() => e === !1 ? {} : {
-    top: b`
+  } = r, i = xe(null), d = xe(null), [p, y] = O(0), {
+    list: l,
+    setList: c,
+    setListStatus: g,
+    showInfoItemData: k,
+    setShowInfoItemData: D,
+    openGroupItemData: b,
+    setOpenGroupItemData: f,
+    setMoveItemId: I,
+    setMoveTargetId: v,
+    addItem: N
+  } = pe(), { pagingDotBuilder: u, pagingDotsBuilder: S, itemBuilder: U } = le(), j = be(() => e === !1 ? {} : {
+    top: h`
         display: flex;
         flex-direction: column;
         .slick-list {
@@ -1329,12 +1329,12 @@ const At = st({
           position: static;
         }
       `,
-    bottom: b`
+    bottom: h`
         .slick-dots {
           position: static;
         }
       `,
-    left: b`
+    left: h`
         .slick-dots {
           position: absolute;
           width: auto;
@@ -1350,7 +1350,7 @@ const At = st({
           }
         }
       `,
-    right: b`
+    right: h`
         .slick-dots {
           position: absolute;
           width: auto;
@@ -1368,7 +1368,7 @@ const At = st({
       `
   }[e.position ?? "bottom"], [e]);
   return /* @__PURE__ */ m(ue, { children: [
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ m(
       ro,
       {
         useCSS: !0,
@@ -1379,9 +1379,9 @@ const At = st({
         dots: !0,
         touchMove: !1,
         lazyLoad: "anticipated",
-        className: k(
-          T,
-          b`
+        className: C(
+          j,
+          h`
             .slick-track {
               display: flex;
               align-items: stretch;
@@ -1399,14 +1399,14 @@ const At = st({
           `,
           o
         ),
-        customPaging: (A) => {
-          var I, C;
-          if (y) {
-            const H = y(p[A], A);
-            return eo.cloneElement(H, {
-              onDragEnter: (G) => {
-                var O;
-                (O = (a ?? i).current) == null || O.slickGoTo(A), H.props && H.props.onDragEnter && H.props.onDragEnter(G);
+        customPaging: (x) => {
+          var L, E;
+          if (u) {
+            const A = u(l[x], x, p === x);
+            return eo.cloneElement(A, {
+              onDragEnter: (V) => {
+                var Y;
+                (Y = (a ?? i).current) == null || Y.slickGoTo(x), A.props && A.props.onDragEnter && A.props.onDragEnter(V);
               }
             });
           }
@@ -1414,20 +1414,20 @@ const At = st({
             "div",
             {
               onDragEnter: () => {
-                var H;
-                (H = (a ?? i).current) == null || H.slickGoTo(A);
+                var A;
+                (A = (a ?? i).current) == null || A.slickGoTo(x);
               },
-              children: (C = (I = p[A]) == null ? void 0 : I.data) == null ? void 0 : C.name
+              children: (E = (L = l[x]) == null ? void 0 : L.data) == null ? void 0 : E.name
             }
           );
         },
-        appendDots: (A) => N ? N(A) : e === !1 ? /* @__PURE__ */ t("div", {}) : /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+        appendDots: (x) => (x instanceof Array && delete x[x.length - 1], S ? S(x) : e === !1 ? /* @__PURE__ */ t("div", {}) : /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
           "ul",
           {
             ref: d,
-            className: k(
+            className: C(
               "slick-dots-default",
-              b`
+              h`
                     padding: 0.5rem;
                     display: inline-flex;
                     justify-content: center;
@@ -1448,31 +1448,35 @@ const At = st({
                     }
                   `
             ),
-            children: A
+            children: x
           }
-        ) }),
+        ) })),
+        beforeChange: (x, L) => {
+          y(L);
+        },
         ...n,
-        children: p.map((A) => /* @__PURE__ */ t(
-          "div",
-          {
-            onDrop: (I) => {
-              I.preventDefault();
-              const C = I.dataTransfer.getData("text/plain");
-              if (V.quickJSONCheck(C))
-                try {
-                  S(JSON.parse(C), [A.id]);
-                } catch (G) {
-                  console.log("drag error", G);
-                }
-            },
-            onDragOver: (I) => {
-              I.preventDefault();
-            },
-            children: /* @__PURE__ */ t(
-              Xe,
-              {
-                className: k(
-                  b`
+        children: [
+          l.map((x) => /* @__PURE__ */ t(
+            "div",
+            {
+              onDrop: (L) => {
+                L.preventDefault();
+                const E = L.dataTransfer.getData("text/plain");
+                if (K.quickJSONCheck(E))
+                  try {
+                    N(JSON.parse(E), [x.id]);
+                  } catch (V) {
+                    console.log("drag error", V);
+                  }
+              },
+              onDragOver: (L) => {
+                L.preventDefault();
+              },
+              children: /* @__PURE__ */ t(
+                Xe,
+                {
+                  className: C(
+                    h`
                     display: grid;
                     transition: all 0.3s;
                     grid-template-columns: repeat(auto-fill, 96px);
@@ -1482,81 +1486,83 @@ const At = st({
                     justify-content: center;
                     align-items: center;
                   `
-                ),
-                animation: 150,
-                fallbackOnBody: !0,
-                swapThreshold: 0.65,
-                group: "nested",
-                list: A.children ?? [],
-                setList: (I) => x(I, [A.id]),
-                filter: ".drag-disabled",
-                onMove: (I) => {
-                  l("onMove");
-                  const { dragged: C, related: H } = I, G = C.dataset, O = H.dataset;
-                  return g(null), !((Object.keys(O).length === 0 || O.parentIds) && Number(G.childrenLength) > 0 && H.classList.contains("sortable-group-item"));
-                },
-                onStart: (I) => {
-                  const C = I.item.dataset;
-                  C != null && C.id && h(C.id), l("onMove");
-                },
-                onEnd: () => {
-                  h(null), g(null), l(null);
-                },
-                ghostClass: Rt,
-                children: (A.children ?? []).map((I, C) => {
-                  let H;
-                  if (u)
-                    return u(I);
-                  switch (I.type) {
-                    case "group":
-                    case "app":
-                      H = /* @__PURE__ */ t(
-                        zn,
-                        {
-                          data: I,
-                          itemIndex: C,
-                          parentIds: [A.id, I.id],
-                          onClick: s
-                        },
-                        I.id
-                      );
-                      break;
-                    default:
-                      H = /* @__PURE__ */ t(
-                        We,
-                        {
-                          data: I,
-                          itemIndex: C,
-                          onClick: s
-                        },
-                        I.id
-                      );
-                      break;
-                  }
-                  return H;
-                })
-              }
-            )
-          },
-          A.id
-        ))
+                  ),
+                  animation: 150,
+                  fallbackOnBody: !0,
+                  swapThreshold: 0.65,
+                  group: "nested",
+                  list: x.children ?? [],
+                  setList: (L) => c(L, [x.id]),
+                  filter: ".drag-disabled",
+                  onMove: (L) => {
+                    g("onMove");
+                    const { dragged: E, related: A } = L, V = E.dataset, Y = A.dataset;
+                    return v(null), !((Object.keys(Y).length === 0 || Y.parentIds) && Number(V.childrenLength) > 0 && A.classList.contains("sortable-group-item"));
+                  },
+                  onStart: (L) => {
+                    const E = L.item.dataset;
+                    E != null && E.id && I(E.id), g("onMove");
+                  },
+                  onEnd: () => {
+                    I(null), v(null), g(null);
+                  },
+                  ghostClass: Rt,
+                  children: (x.children ?? []).map((L, E) => {
+                    let A;
+                    if (U)
+                      return U(L);
+                    switch (L.type) {
+                      case "group":
+                      case "app":
+                        A = /* @__PURE__ */ t(
+                          zn,
+                          {
+                            data: L,
+                            itemIndex: E,
+                            parentIds: [x.id, L.id],
+                            onClick: s
+                          },
+                          L.id
+                        );
+                        break;
+                      default:
+                        A = /* @__PURE__ */ t(
+                          We,
+                          {
+                            data: L,
+                            itemIndex: E,
+                            onClick: s
+                          },
+                          L.id
+                        );
+                        break;
+                    }
+                    return A;
+                  })
+                }
+              )
+            },
+            x.id
+          )),
+          /* @__PURE__ */ t("div", {})
+        ]
       }
     ),
     /* @__PURE__ */ t(
       $n,
       {
-        data: c,
+        data: k,
         onClose: () => {
-          f(null);
+          D(null);
         }
       }
     ),
     /* @__PURE__ */ t(
       En,
       {
-        data: v,
+        data: b,
         onClose: () => {
-          D(null);
+          f(null);
         },
         onItemClick: s
       }
@@ -1572,11 +1578,11 @@ const At = st({
       theme: i,
       noLetters: d,
       contextMenu: p,
-      contextMenuBuilder: x,
+      contextMenuBuilder: y,
       itemBuilder: l,
       itemIconBuilder: c,
-      pagingDotBuilder: f,
-      pagingDotsBuilder: v,
+      pagingDotBuilder: g,
+      pagingDotsBuilder: k,
       ...D
     } = r;
     return /* @__PURE__ */ t(Dt, { ...{
@@ -1588,17 +1594,17 @@ const At = st({
       theme: i,
       noLetters: d,
       contextMenu: p,
-      pagingDotsBuilder: v,
-      pagingDotBuilder: f,
+      pagingDotsBuilder: k,
+      pagingDotBuilder: g,
       itemBuilder: l,
       itemIconBuilder: c,
-      contextMenuBuilder: x
+      contextMenuBuilder: y
     }, children: [
       /* @__PURE__ */ t(() => {
-        const y = pe(), N = le();
-        return ae(() => {
-          e && (typeof e == "function" ? e({ state: y, config: N }) : e.current = { state: y, config: N });
-        }, [y, N]), null;
+        const v = pe(), N = le();
+        return se(() => {
+          e && (typeof e == "function" ? e({ state: v, config: N }) : e.current = { state: v, config: N });
+        }, [v, N]), null;
       }, {}),
       /* @__PURE__ */ t(Pt, { ...D })
     ] }) });
@@ -1726,7 +1732,7 @@ const At = st({
     On
   );
   return typeof a != "string" ? e : o ? a.replace(/{{(.*?)}}/g, (s, i) => o[i]) : a;
-}, _n = b`
+}, _n = h`
   --accentBase: var(--tomato-1);
   --accentBgSubtle: var(--tomato-2);
   --accentBg: var(--tomato-3);
@@ -1780,7 +1786,7 @@ const At = st({
     rgba(255, 255, 255, 0.05),
     rgba(255, 255, 255, 0.05)
   );
-`, jn = b`
+`, jn = h`
   [class*="_toolbarRoot"] {
     flex-wrap: wrap;
     transition: all 0.3s;
@@ -1850,9 +1856,9 @@ const At = st({
       margin-bottom: 0;
     }
   }
-`, Bt = k(
+`, Bt = C(
   "markdown-body",
-  b`
+  h`
     p {
       margin-bottom: 8px;
     }
@@ -1873,7 +1879,7 @@ const At = st({
       }
     }
   `
-), zt = b`
+), zt = h`
   .markdown-body {
     /* light */
     color-scheme: light;
@@ -1928,7 +1934,7 @@ const At = st({
     --color-prettylights-syntax-meta-diff-range: #8250df;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
   }
-`, Et = b`
+`, Et = h`
   .markdown-body {
     /* dark */
     color-scheme: dark;
@@ -1996,13 +2002,13 @@ const At = st({
     theme: i = "auto",
     ...d
   } = r, p = xe(null), {
-    image: x,
+    image: y,
     diffSource: l = {
       viewMode: "rich-text"
     },
     headings: c,
-    link: f,
-    codeBlock: v,
+    link: g,
+    codeBlock: k,
     codeMirror: D = {
       codeBlockLanguages: {
         js: "JavaScript",
@@ -2012,27 +2018,27 @@ const At = st({
         "": "Unspecified"
       }
     },
-    directives: h = {
+    directives: b = {
       directiveDescriptors: [Lo]
     }
-  } = a ?? {}, [g, S] = j("");
-  return ae(() => {
-    var y;
-    e !== void 0 && p.current && ((y = p.current) == null || y.setMarkdown(e), S(e));
+  } = a ?? {}, [f, I] = O("");
+  return se(() => {
+    var v;
+    e !== void 0 && p.current && ((v = p.current) == null || v.setMarkdown(e), I(e));
   }, [e, p]), /* @__PURE__ */ t(
     Ao,
     {
       ref: p,
-      className: k(
+      className: C(
         jn,
         _e(i) ? _n : "",
         _e(i) ? Et : zt,
         s
       ),
       contentEditableClassName: Bt,
-      markdown: g,
-      onChange: (y) => {
-        !e && !o && S(y), o && o(y);
+      markdown: f,
+      onChange: (v) => {
+        !e && !o && I(v), o && o(v);
       },
       translation: n ?? Fn,
       plugins: [
@@ -2062,16 +2068,16 @@ const At = st({
         Po(),
         Bo(),
         zo(c),
-        Eo(f),
+        Eo(g),
         $o(),
-        Ho(x),
+        Ho(y),
         Oo(),
         Fo(),
         _o(),
-        jo(v),
+        jo(k),
         Xo(D),
         Uo(),
-        Go(h)
+        Go(b)
       ],
       ...d
     }
@@ -2085,12 +2091,12 @@ const At = st({
       children: /* @__PURE__ */ t(
         wt,
         {
-          className: k(Bt, o),
+          className: C(Bt, o),
           remarkPlugins: [nr, ar],
           rehypePlugins: [sr],
           components: {
             code(s) {
-              const { children: i, className: d, node: p, ref: x, ...l } = s, c = /language-(\w+)/.exec(d || "");
+              const { children: i, className: d, node: p, ref: y, ...l } = s, c = /language-(\w+)/.exec(d || "");
               return c ? /* @__PURE__ */ t(
                 ir,
                 {
@@ -2124,7 +2130,7 @@ const At = st({
                     mask: " ",
                     ...i
                   },
-                  className: b`
+                  className: h`
                   cursor: zoom-in;
                 `,
                   ...d
@@ -2152,50 +2158,50 @@ const Ke = (r) => {
     as: i = R.div,
     componentClassName: d = "rounded-full bg-gray-200 dark:bg-neutral-800",
     titleClassName: p = "rounded-md bg-gray-100 border dark:bg-neutral-800 dark:border-neutral-900 dark:text-white border-gray-200 text-neutral-700",
-    childrenClassName: x,
+    childrenClassName: y,
     ...l
-  } = r, c = xe(null), f = ge(e, (H) => {
-    var O;
-    const G = ((O = c.current) == null ? void 0 : O.getBoundingClientRect()) ?? { x: 0, width: 0 };
-    return H - G.x - G.width / 2;
-  }), v = ge(f, [-150, 0, 150], [40, 80, 40]), D = ge(f, [-150, 0, 150], [40, 80, 40]), h = ge(
-    f,
+  } = r, c = xe(null), g = ge(e, (L) => {
+    var A;
+    const E = ((A = c.current) == null ? void 0 : A.getBoundingClientRect()) ?? { x: 0, width: 0 };
+    return L - E.x - E.width / 2;
+  }), k = ge(g, [-150, 0, 150], [40, 80, 40]), D = ge(g, [-150, 0, 150], [40, 80, 40]), b = ge(
+    g,
     [-150, 0, 150],
     [20, 40, 20]
-  ), g = ge(
-    f,
+  ), f = ge(
+    g,
     [-150, 0, 150],
     [20, 40, 20]
-  ), S = Ae(v, {
+  ), I = Ae(k, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), y = Ae(D, {
+  }), v = Ae(D, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), N = Ae(h, {
+  }), N = Ae(b, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), u = Ae(g, {
+  }), u = Ae(f, {
     mass: 0.1,
     stiffness: 150,
     damping: 12
-  }), T = ge(N, (H) => `${H}px`), [A, I] = j(!1), C = /* @__PURE__ */ m(
+  }), S = ge(N, (L) => `${L}px`), [U, j] = O(!1), x = /* @__PURE__ */ m(
     i,
     {
       ref: c,
-      style: { width: S, height: y },
-      onMouseEnter: () => I(!0),
-      onMouseLeave: () => I(!1),
+      style: { width: I, height: v },
+      onMouseEnter: () => j(!0),
+      onMouseLeave: () => j(!1),
       className: ve(
         "aspect-square flex items-center justify-center relative",
         d
       ),
       ...l,
       children: [
-        o && /* @__PURE__ */ t(Ue, { children: A && /* @__PURE__ */ t(
+        o && /* @__PURE__ */ t(Ue, { children: U && /* @__PURE__ */ t(
           R.div,
           {
             initial: { opacity: 0, y: 10, x: "-50%" },
@@ -2208,23 +2214,22 @@ const Ke = (r) => {
             children: o
           }
         ) }),
-        " ",
         /* @__PURE__ */ t(
           R.div,
           {
             style: {
               width: N,
               height: u,
-              fontSize: T
+              fontSize: S
             },
-            className: ve("flex items-center justify-center", x),
-            children: typeof s == "function" ? s({ widthIcon: N, heightIcon: u, fontSizeTransform: T }) : s || n
+            className: ve("flex items-center justify-center", y),
+            children: typeof s == "function" ? s({ widthIcon: N, heightIcon: u, fontSizeTransform: S }) : s || n
           }
         )
       ]
     }
   );
-  return a ? /* @__PURE__ */ t("a", { href: a, children: C }) : C;
+  return a ? /* @__PURE__ */ t("a", { href: a, children: x }) : x;
 }, Je = (r) => {
   const {
     items: e = [],
@@ -2237,14 +2242,14 @@ const Ke = (r) => {
   return /* @__PURE__ */ t(
     i,
     {
-      onMouseMove: (x) => p.set(x.pageX),
+      onMouseMove: (y) => p.set(y.pageX),
       onMouseLeave: () => p.set(1 / 0),
       className: ve(
         "mx-auto hidden md:flex h-16 gap-4 items-end px-4 pb-3",
         o
       ),
       children: a || e.map(
-        (x) => n ? n(x, p) : /* @__PURE__ */ t(Ke, { mouseX: p, ...x }, x.title)
+        (y) => n ? n(y, p) : /* @__PURE__ */ t(Ke, { mouseX: p, ...y }, y.title)
       )
     }
   );
@@ -2286,7 +2291,7 @@ const Ke = (r) => {
     autoHidden: a = !1,
     itemBuilder: s,
     children: i
-  } = r, [d, p] = j(!1), x = () => {
+  } = r, [d, p] = O(!1), y = () => {
     p(!d);
   };
   return /* @__PURE__ */ m(
@@ -2324,7 +2329,7 @@ const Ke = (r) => {
         /* @__PURE__ */ t(
           "button",
           {
-            onClick: x,
+            onClick: y,
             className: "h-10 w-10 rounded-full bg-gray-50 dark:bg-neutral-800 flex items-center justify-center",
             children: n || /* @__PURE__ */ t(vo, { className: "h-5 w-5 text-neutral-500 dark:text-neutral-400" })
           }
@@ -2342,7 +2347,7 @@ const Ke = (r) => {
     desktopChildren: i,
     mobileChildren: d,
     desktopMouseX: p,
-    ...x
+    ...y
   } = r;
   return /* @__PURE__ */ m(ue, { children: [
     /* @__PURE__ */ t(
@@ -2353,7 +2358,7 @@ const Ke = (r) => {
         itemBuilder: a,
         children: i,
         mouseX: p,
-        ...x
+        ...y
       }
     ),
     /* @__PURE__ */ t(
@@ -2364,7 +2369,7 @@ const Ke = (r) => {
         itemBuilder: s,
         children: d,
         autoHidden: !0,
-        ...x
+        ...y
       }
     )
   ] });
@@ -2444,43 +2449,43 @@ function Wn(r) {
   let e = "", o = !1;
   function n(l, c) {
     if (c.focus(), !l.dataTransfer) return;
-    const f = ot(
+    const g = ot(
       {
         x: l.clientX + 50 + r.dragHandleWidth,
         y: l.clientY
       },
       r
     );
-    if (!(f instanceof Element)) return;
-    let v = rt(f, c, r);
-    if (v == null || v < 0) return;
-    v = Re(v, c);
-    const { from: D, to: h } = c.state.selection, g = D - h, S = Re(D, c);
-    let y = !1;
-    const N = c.state.doc.resolve(S);
-    if (N.node().type.name === "doc") y = !0;
+    if (!(g instanceof Element)) return;
+    let k = rt(g, c, r);
+    if (k == null || k < 0) return;
+    k = Re(k, c);
+    const { from: D, to: b } = c.state.selection, f = D - b, I = Re(D, c);
+    let v = !1;
+    const N = c.state.doc.resolve(I);
+    if (N.node().type.name === "doc") v = !0;
     else {
-      const C = J.create(
+      const x = Q.create(
         c.state.doc,
         N.before()
       );
-      y = !(v + 1 >= C.$from.pos && v <= C.$to.pos);
+      v = !(k + 1 >= x.$from.pos && k <= x.$to.pos);
     }
     let u = c.state.selection;
-    if (!y && g !== 0 && !(c.state.selection instanceof J)) {
-      const C = J.create(c.state.doc, h - 1);
+    if (!v && f !== 0 && !(c.state.selection instanceof Q)) {
+      const x = Q.create(c.state.doc, b - 1);
       u = tn.create(
         c.state.doc,
-        v,
-        C.$to.pos
+        k,
+        x.$to.pos
       );
-    } else if (u = J.create(c.state.doc, v), u.node.type.isInline || u.node.type.name === "tableRow") {
-      const C = c.state.doc.resolve(u.from);
-      u = J.create(c.state.doc, C.before());
+    } else if (u = Q.create(c.state.doc, k), u.node.type.isInline || u.node.type.name === "tableRow") {
+      const x = c.state.doc.resolve(u.from);
+      u = Q.create(c.state.doc, x.before());
     }
-    c.dispatch(c.state.tr.setSelection(u)), c.state.selection instanceof J && c.state.selection.node.type.name === "listItem" && (e = f.parentElement.tagName);
-    const T = c.state.selection.content(), { dom: A, text: I } = Yn(c, T);
-    l.dataTransfer.clearData(), l.dataTransfer.setData("text/html", A.innerHTML), l.dataTransfer.setData("text/plain", I), l.dataTransfer.effectAllowed = "copyMove", l.dataTransfer.setDragImage(f, 0, 0), c.dragging = { slice: T, move: l.ctrlKey };
+    c.dispatch(c.state.tr.setSelection(u)), c.state.selection instanceof Q && c.state.selection.node.type.name === "listItem" && (e = g.parentElement.tagName);
+    const S = c.state.selection.content(), { dom: U, text: j } = Yn(c, S);
+    l.dataTransfer.clearData(), l.dataTransfer.setData("text/html", U.innerHTML), l.dataTransfer.setData("text/plain", j), l.dataTransfer.effectAllowed = "copyMove", l.dataTransfer.setDragImage(g, 0, 0), c.dragging = { slice: S, move: l.ctrlKey };
   }
   let a = null;
   function s() {
@@ -2490,64 +2495,64 @@ function Wn(r) {
     a && a.classList.remove("hide");
   }
   function d(l, c) {
-    const f = Re(c, l), v = J.create(l.state.doc, f);
-    l.dispatch(l.state.tr.setSelection(v)), l.focus(), o = !0;
+    const g = Re(c, l), k = Q.create(l.state.doc, g);
+    l.dispatch(l.state.tr.setSelection(k)), l.focus(), o = !0;
   }
   function p(l) {
-    if (o = l.state.selection instanceof J, o && (a != null && a.dataset.nodePos)) {
-      const f = parseInt(a.dataset.nodePos, 10);
+    if (o = l.state.selection instanceof Q, o && (a != null && a.dataset.nodePos)) {
+      const g = parseInt(a.dataset.nodePos, 10);
       try {
-        const v = l.state.doc.resolve(f);
-        v && v.parent && v.parent.type.name !== "doc" || (o = !1, s());
+        const k = l.state.doc.resolve(g);
+        k && k.parent && k.parent.type.name !== "doc" || (o = !1, s());
       } catch {
         o = !1, s();
       }
     }
     o && a && !a.classList.contains("hide") ? i() : o || s();
   }
-  function x(l) {
+  function y(l) {
     if (!(l.target instanceof Element)) return;
     const c = l.relatedTarget;
     if (!c) {
       o || s();
       return;
     }
-    const f = c.closest(".drag-handle") || c.classList.contains("drag-handle"), v = c.closest(".tiptap") || c.classList.contains("tiptap");
-    !f && !v && !o && s();
+    const g = c.closest(".drag-handle") || c.classList.contains("drag-handle"), k = c.closest(".tiptap") || c.classList.contains("tiptap");
+    !g && !k && !o && s();
   }
   return new Qr({
     key: new en(r.pluginKey),
     view: (l) => {
-      var h, g, S, y;
+      var b, f, I, v;
       const c = r.dragHandleSelector ? document.querySelector(r.dragHandleSelector) : null;
       a = c ?? document.createElement("div"), a.draggable = !0, a.dataset.dragHandle = "", a.classList.add("drag-handle");
-      function f(N) {
+      function g(N) {
         n(N, l);
       }
-      a.addEventListener("dragstart", f);
-      function v(N) {
+      a.addEventListener("dragstart", g);
+      function k(N) {
         c || (N.preventDefault(), N.stopPropagation());
         const u = a == null ? void 0 : a.dataset.nodePos;
         u && d(l, parseInt(u, 10));
       }
-      a.addEventListener("click", v);
+      a.addEventListener("click", k);
       function D(N) {
         s();
         const u = window.scrollY;
         N.clientY < r.scrollTreshold ? window.scrollTo({ top: u - 30, behavior: "smooth" }) : window.innerHeight - N.clientY < r.scrollTreshold && window.scrollTo({ top: u + 30, behavior: "smooth" });
       }
-      return a.addEventListener("drag", D), s(), c || (g = (h = l == null ? void 0 : l.dom) == null ? void 0 : h.parentElement) == null || g.appendChild(a), (y = (S = l == null ? void 0 : l.dom) == null ? void 0 : S.parentElement) == null || y.addEventListener(
+      return a.addEventListener("drag", D), s(), c || (f = (b = l == null ? void 0 : l.dom) == null ? void 0 : b.parentElement) == null || f.appendChild(a), (v = (I = l == null ? void 0 : l.dom) == null ? void 0 : I.parentElement) == null || v.addEventListener(
         "mouseout",
-        x
+        y
       ), {
         destroy: () => {
-          var N, u, T;
+          var N, u, S;
           c || (N = a == null ? void 0 : a.remove) == null || N.call(a), a == null || a.removeEventListener("drag", D), a == null || a.removeEventListener(
             "dragstart",
-            f
-          ), a == null || a.removeEventListener("click", v), a = null, (T = (u = l == null ? void 0 : l.dom) == null ? void 0 : u.parentElement) == null || T.removeEventListener(
+            g
+          ), a == null || a.removeEventListener("click", k), a = null, (S = (u = l == null ? void 0 : l.dom) == null ? void 0 : u.parentElement) == null || S.removeEventListener(
             "mouseout",
-            x
+            y
           );
         }
       };
@@ -2557,23 +2562,23 @@ function Wn(r) {
         mousemove: (l, c) => {
           if (!l.editable)
             return;
-          const f = ot(
+          const g = ot(
             {
               x: c.clientX + 50 + r.dragHandleWidth,
               y: c.clientY
             },
             r
-          ), v = f == null ? void 0 : f.closest(".not-draggable"), D = r.excludedTags.concat(["ol", "ul"]).join(", ");
-          if (!(f instanceof Element) || f.matches(D) || v) {
+          ), k = g == null ? void 0 : g.closest(".not-draggable"), D = r.excludedTags.concat(["ol", "ul"]).join(", ");
+          if (!(g instanceof Element) || g.matches(D) || k) {
             o || s();
             return;
           }
-          const h = rt(f, l, r);
-          h != null && h >= 0 && (a.dataset.nodePos = String(
-            Re(h, l)
+          const b = rt(g, l, r);
+          b != null && b >= 0 && (a.dataset.nodePos = String(
+            Re(b, l)
           ));
-          const g = window.getComputedStyle(f), S = parseInt(g.lineHeight, 10), y = isNaN(S) ? parseInt(g.fontSize) * 1.2 : S, N = parseInt(g.paddingTop, 10), u = Vn(f);
-          u.top += (y - 24) / 2, u.top += N, f.matches("ul:not([data-type=taskList]) li, ol li") && (u.left -= r.dragHandleWidth - 28), u.width = r.dragHandleWidth, a && (a.style.position = "absolute", a.style.left = `${u.left - u.width}px`, a.style.top = `${u.top}px`, i());
+          const f = window.getComputedStyle(g), I = parseInt(f.lineHeight, 10), v = isNaN(I) ? parseInt(f.fontSize) * 1.2 : I, N = parseInt(f.paddingTop, 10), u = Vn(g);
+          u.top += (v - 24) / 2, u.top += N, g.matches("ul:not([data-type=taskList]) li, ol li") && (u.left -= r.dragHandleWidth - 28), u.width = r.dragHandleWidth, a && (a.style.position = "absolute", a.style.left = `${u.left - u.width}px`, a.style.top = `${u.top}px`, i());
         },
         keydown: () => {
           o || s();
@@ -2590,21 +2595,21 @@ function Wn(r) {
           l.dom.classList.add("dragging");
         },
         drop: (l, c) => {
-          var g;
+          var f;
           l.dom.classList.remove("dragging"), s();
-          let f = null;
-          const v = l.posAtCoords({
+          let g = null;
+          const k = l.posAtCoords({
             left: c.clientX,
             top: c.clientY
           });
-          if (!v || (l.state.selection instanceof J && (f = l.state.selection.node), !f)) return;
-          const h = l.state.doc.resolve(v.pos).parent.type.name === "listItem";
-          if (l.state.selection instanceof J && l.state.selection.node.type.name === "listItem" && !h && e == "OL") {
-            const S = (g = l.state.schema.nodes.orderedList) == null ? void 0 : g.createAndFill(
+          if (!k || (l.state.selection instanceof Q && (g = l.state.selection.node), !g)) return;
+          const b = l.state.doc.resolve(k.pos).parent.type.name === "listItem";
+          if (l.state.selection instanceof Q && l.state.selection.node.type.name === "listItem" && !b && e == "OL") {
+            const I = (f = l.state.schema.nodes.orderedList) == null ? void 0 : f.createAndFill(
               null,
-              f
-            ), y = new on(rn.from(S), 0, 0);
-            l.dragging = { slice: y, move: c.ctrlKey };
+              g
+            ), v = new on(rn.from(I), 0, 0);
+            l.dragging = { slice: v, move: c.ctrlKey };
           }
         },
         dragend: (l) => {
@@ -2617,12 +2622,12 @@ function Wn(r) {
       init() {
         return {};
       },
-      apply(l, c, f, v) {
+      apply(l, c, g, k) {
         if (l.docChanged && a && a.dataset.nodePos) {
           const D = parseInt(a.dataset.nodePos, 10);
           try {
-            const h = v.doc.resolve(D);
-            (!h || h.parent.type.name === "doc") && (o = !1, s());
+            const b = k.doc.resolve(D);
+            (!b || b.parent.type.name === "doc") && (o = !1, s());
           } catch {
             o = !1, s();
           }
@@ -2658,7 +2663,7 @@ const Kn = Zr.create({
   placeholder: "撰写任何内容，或者按“/”输入命令..."
 }), Qn = pr.configure({
   HTMLAttributes: {
-    class: Y(
+    class: W(
       "text-muted-foreground underline underline-offset-[3px] hover:text-primary transition-colors cursor-pointer"
     )
   }
@@ -2666,63 +2671,63 @@ const Kn = Zr.create({
   addProseMirrorPlugins() {
     return [
       fr({
-        imageClass: Y("opacity-40 rounded-lg border border-stone-200")
+        imageClass: W("opacity-40 rounded-lg border border-stone-200")
       })
     ];
   }
 }).configure({
   allowBase64: !0,
   HTMLAttributes: {
-    class: Y("rounded-lg border border-muted")
+    class: W("rounded-lg border border-muted")
   }
 }), ta = hr.configure({
   HTMLAttributes: {
-    class: Y("rounded-lg border border-muted")
+    class: W("rounded-lg border border-muted")
   }
 }), oa = br.configure({
   HTMLAttributes: {
-    class: Y("not-prose pl-2 ")
+    class: W("not-prose pl-2 ")
   }
 }), ra = xr.configure({
   HTMLAttributes: {
-    class: Y("flex gap-2 items-start my-4")
+    class: W("flex gap-2 items-start my-4")
   },
   nested: !0
 }), na = yr.configure({
   HTMLAttributes: {
-    class: Y("mt-4 mb-6 border-t border-muted-foreground")
+    class: W("mt-4 mb-6 border-t border-muted-foreground")
   }
 }), aa = vr.configure({
   bulletList: {
     HTMLAttributes: {
-      class: Y("list-disc list-outside leading-3 -mt-2")
+      class: W("list-disc list-outside leading-3 -mt-2")
     }
   },
   orderedList: {
     HTMLAttributes: {
-      class: Y("list-decimal list-outside leading-3 -mt-2")
+      class: W("list-decimal list-outside leading-3 -mt-2")
     }
   },
   listItem: {
     HTMLAttributes: {
-      class: Y("leading-normal -mb-2")
+      class: W("leading-normal -mb-2")
     }
   },
   blockquote: {
     HTMLAttributes: {
-      class: Y("border-l-4 border-primary")
+      class: W("border-l-4 border-primary")
     }
   },
   codeBlock: {
     HTMLAttributes: {
-      class: Y(
+      class: W(
         "rounded-md bg-muted text-muted-foreground border p-5 font-mono font-medium"
       )
     }
   },
   code: {
     HTMLAttributes: {
-      class: Y("rounded-md bg-muted  px-1.5 py-1 font-mono font-medium"),
+      class: W("rounded-md bg-muted  px-1.5 py-1 font-mono font-medium"),
       spellcheck: "false"
     }
   },
@@ -2738,7 +2743,7 @@ const Kn = Zr.create({
   lowlight: Kr(Jr)
 }), ia = Cr.configure({
   HTMLAttributes: {
-    class: Y("text-foreground rounded p-1 hover:bg-accent cursor-pointer")
+    class: W("text-foreground rounded p-1 hover:bg-accent cursor-pointer")
   },
   katexOptions: {
     throwOnError: !1
@@ -2781,7 +2786,7 @@ const Kn = Zr.create({
     ref: a,
     align: e,
     sideOffset: o,
-    className: k(
+    className: C(
       "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
     ),
@@ -2813,17 +2818,17 @@ const ua = Wr(
       size: "default"
     }
   }
-), Z = q.forwardRef(
+), ee = q.forwardRef(
   ({ className: r, variant: e, size: o, asChild: n = !1, ...a }, s) => /* @__PURE__ */ t(
     n ? sn : "button",
     {
-      className: k(ua({ variant: e, size: o, className: r })),
+      className: C(ua({ variant: e, size: o, className: r })),
       ref: s,
       ...a
     }
   )
 );
-Z.displayName = "Button";
+ee.displayName = "Button";
 const nt = [
   {
     name: "默认",
@@ -2920,7 +2925,7 @@ const nt = [
   dt,
   {
     classNames: {
-      root: b`
+      root: h`
           background-color: transparent;
           padding: 0;
           .rc-tooltip-content {
@@ -2933,7 +2938,7 @@ const nt = [
     ...r
   }
 ), pa = ({ open: r, onOpenChange: e }) => {
-  const { editor: o } = Q();
+  const { editor: o } = te();
   if (!o) return null;
   const n = nt.find(
     ({ color: s }) => o.isActive("textStyle", { color: s })
@@ -2941,7 +2946,7 @@ const nt = [
     ({ color: s }) => o.isActive("highlight", { color: s })
   );
   return /* @__PURE__ */ m(ma, { modal: !0, open: r, onOpenChange: e, children: [
-    /* @__PURE__ */ t(me, { overlay: "文本颜色", placement: "top", children: /* @__PURE__ */ t(Ft, { asChild: !0, children: /* @__PURE__ */ m(Z, { size: "sm", className: "gap-1 rounded-md pr-0", variant: "ghost", children: [
+    /* @__PURE__ */ t(me, { overlay: "文本颜色", placement: "top", children: /* @__PURE__ */ t(Ft, { asChild: !0, children: /* @__PURE__ */ m(ee, { size: "sm", className: "gap-1 rounded-md pr-0", variant: "ghost", children: [
       /* @__PURE__ */ t(
         "span",
         {
@@ -3038,13 +3043,13 @@ function fa(r) {
   }
 }
 const ha = ({ open: r, onOpenChange: e }) => {
-  const o = xe(null), { editor: n } = Q();
-  return ae(() => {
+  const o = xe(null), { editor: n } = te();
+  return se(() => {
     var a;
     (a = o.current) == null || a.focus();
   }), n ? /* @__PURE__ */ m(It, { modal: !0, open: r, onOpenChange: e, children: [
     /* @__PURE__ */ t(me, { overlay: "添加链接", placement: "top", children: /* @__PURE__ */ t(an, { asChild: !0, children: /* @__PURE__ */ m(
-      Z,
+      ee,
       {
         size: "sm",
         variant: "ghost",
@@ -3054,7 +3059,7 @@ const ha = ({ open: r, onOpenChange: e }) => {
           /* @__PURE__ */ t(
             "p",
             {
-              className: k(
+              className: C(
                 "underline decoration-stone-400 underline-offset-4",
                 {
                   "text-blue-500": n.isActive("link")
@@ -3088,7 +3093,7 @@ const ha = ({ open: r, onOpenChange: e }) => {
             }
           ),
           n.getAttributes("link").href ? /* @__PURE__ */ t(
-            Z,
+            ee,
             {
               size: "icon",
               variant: "outline",
@@ -3099,15 +3104,15 @@ const ha = ({ open: r, onOpenChange: e }) => {
               },
               children: /* @__PURE__ */ t(ut, { className: "h-4 w-4" })
             }
-          ) : /* @__PURE__ */ t(Z, { size: "icon", className: "h-8", children: /* @__PURE__ */ t(ke, { className: "h-4 w-4" }) })
+          ) : /* @__PURE__ */ t(ee, { size: "icon", className: "h-8", children: /* @__PURE__ */ t(ke, { className: "h-4 w-4" }) })
         ]
       }
     ) })
   ] }) : null;
 }, ba = () => {
-  const { editor: r } = Q();
+  const { editor: r } = te();
   return r ? /* @__PURE__ */ t(me, { overlay: "标记为公式", placement: "top", children: /* @__PURE__ */ t(
-    Z,
+    ee,
     {
       variant: "ghost",
       size: "sm",
@@ -3124,7 +3129,7 @@ const ha = ({ open: r, onOpenChange: e }) => {
       children: /* @__PURE__ */ t(
         ln,
         {
-          className: k("size-4", { "text-blue-500": r.isActive("math") }),
+          className: C("size-4", { "text-blue-500": r.isActive("math") }),
           strokeWidth: 2.3
         }
       )
@@ -3195,7 +3200,7 @@ const ha = ({ open: r, onOpenChange: e }) => {
     isActive: (r) => r.isActive("codeBlock")
   }
 ], xa = ({ open: r, onOpenChange: e }) => {
-  const { editor: o } = Q();
+  const { editor: o } = te();
   if (!o) return null;
   const n = je.filter(
     (a) => a.isActive(o)
@@ -3209,7 +3214,7 @@ const ha = ({ open: r, onOpenChange: e }) => {
       {
         asChild: !0,
         className: "rounded-md border-none hover:bg-accent focus:ring-0 pr-0",
-        children: /* @__PURE__ */ m(Z, { size: "sm", variant: "ghost", children: [
+        children: /* @__PURE__ */ m(ee, { size: "sm", variant: "ghost", children: [
           /* @__PURE__ */ t("span", { className: "whitespace-nowrap text-sm", children: n.name }),
           /* @__PURE__ */ t(mt, {})
         ] })
@@ -3244,7 +3249,7 @@ const ha = ({ open: r, onOpenChange: e }) => {
       ref: a,
       decorative: o,
       orientation: e,
-      className: k(
+      className: C(
         "shrink-0 bg-border",
         e === "horizontal" ? "h-[1px] w-full" : " w-[1px]",
         r
@@ -3262,7 +3267,7 @@ const ya = () => /* @__PURE__ */ m("div", { className: "flex items-center justif
   de.Root,
   {
     ref: n,
-    className: k("relative overflow-hidden", r),
+    className: C("relative overflow-hidden", r),
     ...o,
     children: [
       /* @__PURE__ */ t(de.Viewport, { className: "h-full w-full rounded-[inherit]", children: e }),
@@ -3277,7 +3282,7 @@ const jt = q.forwardRef(({ className: r, orientation: e = "vertical", ...o }, n)
   {
     ref: n,
     orientation: e,
-    className: k(
+    className: C(
       "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]",
@@ -3288,32 +3293,32 @@ const jt = q.forwardRef(({ className: r, orientation: e = "vertical", ...o }, n)
   }
 ));
 jt.displayName = de.ScrollAreaScrollbar.displayName;
-const va = oe.Portal, Xt = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
-  oe.Overlay,
+const va = ne.Portal, Xt = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
+  ne.Overlay,
   {
     ref: o,
-    className: k(
+    className: C(
       "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
   }
 ));
-Xt.displayName = oe.Overlay.displayName;
+Xt.displayName = ne.Overlay.displayName;
 const ka = q.forwardRef(({ className: r, children: e, ...o }, n) => /* @__PURE__ */ m(va, { children: [
   /* @__PURE__ */ t(Xt, {}),
   /* @__PURE__ */ m(
-    oe.Content,
+    ne.Content,
     {
       ref: n,
-      className: k(
+      className: C(
         "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
       ),
       ...o,
       children: [
         e,
-        /* @__PURE__ */ m(oe.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__ */ m(ne.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(cn, { className: "h-4 w-4" }),
           /* @__PURE__ */ t("span", { className: "sr-only", children: "Close" })
         ] })
@@ -3321,47 +3326,47 @@ const ka = q.forwardRef(({ className: r, children: e, ...o }, n) => /* @__PURE__
     }
   )
 ] }));
-ka.displayName = oe.Content.displayName;
+ka.displayName = ne.Content.displayName;
 const Ca = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
-  oe.Title,
+  ne.Title,
   {
     ref: o,
-    className: k(
+    className: C(
       "text-lg font-semibold leading-none tracking-tight",
       r
     ),
     ...e
   }
 ));
-Ca.displayName = oe.Title.displayName;
+Ca.displayName = ne.Title.displayName;
 const wa = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
-  oe.Description,
+  ne.Description,
   {
     ref: o,
-    className: k("text-sm text-muted-foreground", r),
+    className: C("text-sm text-muted-foreground", r),
     ...e
   }
 ));
-wa.displayName = oe.Description.displayName;
+wa.displayName = ne.Description.displayName;
 const Ut = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
-  W,
+  J,
   {
     ref: o,
-    className: k(
+    className: C(
       "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
       r
     ),
     ...e
   }
 ));
-Ut.displayName = W.displayName;
+Ut.displayName = J.displayName;
 const Gt = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ m("div", { className: "flex items-center border-b px-4", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ t(Ge, { size: 14, className: "mr-2 shrink-0 text-purple-500 " }),
   /* @__PURE__ */ t(
-    W.Input,
+    J.Input,
     {
       ref: o,
-      className: k(
+      className: C(
         "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
       ),
@@ -3369,63 +3374,63 @@ const Gt = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ m("div",
     }
   )
 ] }));
-Gt.displayName = W.Input.displayName;
+Gt.displayName = J.Input.displayName;
 const Na = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
-  W.List,
+  J.List,
   {
     ref: o,
-    className: k("max-h-[300px] overflow-y-auto overflow-x-hidden", r),
+    className: C("max-h-[300px] overflow-y-auto overflow-x-hidden", r),
     ...e
   }
 ));
-Na.displayName = W.List.displayName;
+Na.displayName = J.List.displayName;
 const Ia = q.forwardRef((r, e) => /* @__PURE__ */ t(
-  W.Empty,
+  J.Empty,
   {
     ref: e,
     className: "py-6 text-center text-sm",
     ...r
   }
 ));
-Ia.displayName = W.Empty.displayName;
+Ia.displayName = J.Empty.displayName;
 const Ne = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
-  W.Group,
+  J.Group,
   {
     ref: o,
-    className: k(
+    className: C(
       "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
     ),
     ...e
   }
 ));
-Ne.displayName = W.Group.displayName;
+Ne.displayName = J.Group.displayName;
 const Qe = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
-  W.Separator,
+  J.Separator,
   {
     ref: o,
-    className: k("-mx-1 h-px bg-border", r),
+    className: C("-mx-1 h-px bg-border", r),
     ...e
   }
 ));
-Qe.displayName = W.Separator.displayName;
+Qe.displayName = J.Separator.displayName;
 const he = q.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ t(
-  W.Item,
+  J.Item,
   {
     ref: o,
-    className: k(
+    className: C(
       "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
   }
 ));
-he.displayName = W.Item.displayName;
+he.displayName = J.Item.displayName;
 const Sa = ({
   completion: r,
   onDiscard: e
 }) => {
-  const { editor: o } = Q();
+  const { editor: o } = te();
   return /* @__PURE__ */ m(ue, { children: [
     /* @__PURE__ */ m(Ne, { children: [
       /* @__PURE__ */ m(
@@ -3497,7 +3502,7 @@ const Sa = ({
     icon: hn
   }
 ], Ma = ({ onSelect: r }) => {
-  const { editor: e } = Q();
+  const { editor: e } = te();
   return /* @__PURE__ */ m(ue, { children: [
     /* @__PURE__ */ m(Ne, { heading: "编辑或校对选中文本", children: [
       "  ",
@@ -3542,17 +3547,17 @@ const Sa = ({
   ] });
 };
 function La({ onOpenChange: r, options: e }) {
-  const { editor: o } = Q(), [n, a] = j(""), { completion: s, complete: i, isLoading: d } = Nn({
+  const { editor: o } = te(), [n, a] = O(""), { completion: s, complete: i, isLoading: d } = Nn({
     // id: "novel",
     api: "/api/generate",
-    onResponse: (x) => {
-      if (x.status === 429) {
+    onResponse: (y) => {
+      if (y.status === 429) {
         we.error("You have reached your request limit for the day.");
         return;
       }
     },
-    onError: (x) => {
-      we.error(x.message);
+    onError: (y) => {
+      we.error(y.message);
     },
     ...e
   }), p = s.length > 0;
@@ -3576,7 +3581,7 @@ function La({ onOpenChange: r, options: e }) {
           }
         ),
         /* @__PURE__ */ t(
-          Z,
+          ee,
           {
             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",
@@ -3585,8 +3590,8 @@ function La({ onOpenChange: r, options: e }) {
                 return i(s, {
                   body: { option: "zap", command: n }
                 }).then(() => a(""));
-              const x = o.state.selection.content(), l = o.storage.markdown.serializer.serialize(
-                x.content
+              const y = o.state.selection.content(), l = o.storage.markdown.serializer.serialize(
+                y.content
               );
               i(l, {
                 body: { option: "zap", command: n }
@@ -3607,7 +3612,7 @@ function La({ onOpenChange: r, options: e }) {
       ) : /* @__PURE__ */ t(
         Ma,
         {
-          onSelect: (x, l) => i(x, { body: { option: l } })
+          onSelect: (y, l) => i(y, { body: { option: l } })
         }
       )
     ] })
@@ -3620,8 +3625,8 @@ const Aa = ({
   enableAI: n = !1,
   aiOptions: a
 }) => {
-  const { editor: s } = Q();
-  return ae(() => {
+  const { editor: s } = te();
+  return se(() => {
     e || Rr(s);
   }, [e]), /* @__PURE__ */ m(
     Pr,
@@ -3644,7 +3649,7 @@ const Aa = ({
         ),
         !e && /* @__PURE__ */ m(oo, { children: [
           n && /* @__PURE__ */ m(
-            Z,
+            ee,
             {
               className: "gap-1 text-purple-500",
               variant: "ghost",
@@ -3691,7 +3696,7 @@ const Aa = ({
   onUpload: Da,
   validateFn: (r) => r.type.includes("image/") ? r.size / 1024 / 1024 > 20 ? (we.error("File size too big (max 20MB)."), !1) : !0 : (we.error("File type not supported."), !1)
 }), Pa = () => {
-  const { editor: r } = Q();
+  const { editor: r } = te();
   return r ? /* @__PURE__ */ t("div", { className: "flex", children: [
     {
       name: "粗体",
@@ -3735,7 +3740,7 @@ const Aa = ({
         o.command(n);
       },
       children: /* @__PURE__ */ t(me, { overlay: o.name, placement: "top", children: /* @__PURE__ */ t(
-        Z,
+        ee,
         {
           size: "sm",
           className: "rounded-md",
@@ -3744,7 +3749,7 @@ const Aa = ({
           children: /* @__PURE__ */ t(
             o.icon,
             {
-              className: k("h-4 w-4", {
+              className: C("h-4 w-4", {
                 "text-blue-500": o.isActive(r)
               })
             }
@@ -3882,7 +3887,7 @@ const Aa = ({
     De.Item,
     {
       onClick: i.onClick,
-      className: k(
+      className: C(
         "gap-2 !p-1.5 text-sm hover:bg-accent focus:ring-0 rounded-md cursor-pointer",
         i.className
       ),
@@ -3900,9 +3905,9 @@ const Aa = ({
       De.SubMenu,
       {
         expandIcon: /* @__PURE__ */ t(wo, { size: 16 }),
-        popupClassName: k(
+        popupClassName: C(
           "!rounded-lg border border-muted bg-background shadow-xl !p-2 min-w-48 !m-0 z-[1080]",
-          b`
+          h`
             .rc-menu {
               border: none !important;
               box-shadow: none !important;
@@ -3910,9 +3915,9 @@ const Aa = ({
           `
         ),
         popupOffset: [4, 0],
-        className: k(
+        className: C(
           "gap-2 !p-0 text-sm hover:bg-accent focus:ring-0 rounded-md cursor-pointer",
-          b`
+          h`
             .rc-menu-submenu-title {
               display: flex;
               align-items: center;
@@ -3944,9 +3949,9 @@ const Aa = ({
       overlay: /* @__PURE__ */ t(
         De,
         {
-          className: k(
+          className: C(
             "!rounded-lg border border-muted bg-background shadow-xl !p-2 min-w-48 !m-0",
-            b`
+            h`
               .rc-menu-submenu-active {
                 .rc-menu-submenu-title {
                   background-color: hsl(var(--accent)) !important;
@@ -3965,10 +3970,10 @@ const Aa = ({
 });
 Yt.displayName = "DropdownMenu";
 const Ea = ({ children: r, ...e }) => {
-  const { editor: o } = Q(), n = () => {
-    o && o.state.selection instanceof J && (o.commands.deleteSelection(), o.commands.focus());
+  const { editor: o } = te(), n = () => {
+    o && o.state.selection instanceof Q && (o.commands.deleteSelection(), o.commands.focus());
   }, a = () => {
-    if (o && o.state.selection instanceof J) {
+    if (o && o.state.selection instanceof Q) {
       const d = o.state.selection.node, p = o.state.selection.to;
       o.chain().insertContentAt(p, {
         type: d.type.name,
@@ -3981,7 +3986,7 @@ const Ea = ({ children: r, ...e }) => {
     icon: /* @__PURE__ */ t(d.icon, { size: 16 }),
     label: d.name,
     onClick: () => {
-      o && o.state.selection instanceof J && d.command(o);
+      o && o.state.selection instanceof Q && d.command(o);
     },
     isActive: d.isActive(o)
   }));
@@ -4009,7 +4014,7 @@ const Ea = ({ children: r, ...e }) => {
     }
   ], ...e, children: r });
 }, $a = () => {
-  const { editor: r } = Q(), e = (o) => {
+  const { editor: r } = te(), e = (o) => {
     if (!r) return;
     const n = o.target.closest(".custom-drag-handle");
     if (!n) return;
@@ -4022,9 +4027,9 @@ const Ea = ({ children: r, ...e }) => {
   return /* @__PURE__ */ m(
     "div",
     {
-      className: k(
+      className: C(
         "custom-drag-handle",
-        b`
+        h`
           width: auto;
           background: none;
           display: flex;
@@ -4041,7 +4046,7 @@ const Ea = ({ children: r, ...e }) => {
               /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: "以在下方添加快" })
             ] }),
             children: /* @__PURE__ */ t(
-              Z,
+              ee,
               {
                 size: "icon",
                 variant: "ghost",
@@ -4060,7 +4065,7 @@ const Ea = ({ children: r, ...e }) => {
               "拖动",
               /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: "以移动" })
             ] }) }),
-            children: /* @__PURE__ */ t(Z, { size: "icon", variant: "ghost", className: "w-auto h-auto p-0.5", children: /* @__PURE__ */ t(To, { size: 22 }) })
+            children: /* @__PURE__ */ t(ee, { size: "icon", variant: "ghost", className: "w-auto h-auto p-0.5", children: /* @__PURE__ */ t(To, { size: 22 }) })
           }
         ) })
       ]
@@ -4076,36 +4081,36 @@ const Ea = ({ children: r, ...e }) => {
     showSaveStatus: i = !0,
     showWordCount: d = !0,
     uploadImageProps: p,
-    editorRef: x,
+    editorRef: y,
     enableAI: l = !1,
     aiOptions: c
-  } = r, [f, v] = j(
+  } = r, [g, k] = O(
     o
-  ), [D, h] = j("Saved"), [g, S] = j(), [y, N] = j(!1), [u, T] = j(!1), [A, I] = j(!1), [C, H] = j(!1), G = (L) => {
-    const X = new DOMParser().parseFromString(L, "text/html");
-    return X.querySelectorAll("pre code").forEach((E) => {
-      In.highlightElement(E);
+  ), [D, b] = O("Saved"), [f, I] = O(), [v, N] = O(!1), [u, S] = O(!1), [U, j] = O(!1), [x, L] = O(!1), E = (M) => {
+    const X = new DOMParser().parseFromString(M, "text/html");
+    return X.querySelectorAll("pre code").forEach(($) => {
+      In.highlightElement($);
     }), new XMLSerializer().serializeToString(X);
-  }, O = Yr(
-    async (L) => {
-      const X = L.getJSON();
-      S(L.storage.characterCount.words()), n == null || n(X), s && (window.localStorage.setItem(
+  }, A = Yr(
+    async (M) => {
+      const X = M.getJSON();
+      I(M.storage.characterCount.words()), n == null || n(X), s && (window.localStorage.setItem(
         "html-content",
-        G(L.getHTML())
+        E(M.getHTML())
       ), window.localStorage.setItem(a, JSON.stringify(X)), window.localStorage.setItem(
         "markdown",
-        L.storage.markdown.getMarkdown()
-      ), h("Saved"));
+        M.storage.markdown.getMarkdown()
+      ), b("Saved"));
     },
     500
-  ), se = be(() => {
+  ), V = be(() => {
     if (!p) return Ra;
     const {
-      beforeUpload: L,
+      beforeUpload: M,
       maxSize: X,
-      action: E,
-      headers: K,
-      method: ee,
+      action: $,
+      headers: Z,
+      method: oe,
       name: $e,
       onSuccess: Se,
       onError: Te
@@ -4114,10 +4119,10 @@ const Ea = ({ children: r, ...e }) => {
       onUpload: (ie) => {
         const Me = new FormData();
         Me.append($e || "file", ie);
-        const He = fetch(E, {
-          method: ee || "POST",
+        const He = fetch($, {
+          method: oe || "POST",
           headers: {
-            ...K
+            ...Z
           },
           body: Me
         });
@@ -4129,8 +4134,8 @@ const Ea = ({ children: r, ...e }) => {
               return;
             }
             if (B.status === 200) {
-              const { url: z } = await B.json(), M = new Image();
-              M.src = z, M.onload = () => {
+              const { url: z } = await B.json(), T = new Image();
+              T.src = z, T.onload = () => {
                 ye(z);
               };
             } else throw B.status === 401 ? (ye(ie), new Error(
@@ -4141,29 +4146,29 @@ const Ea = ({ children: r, ...e }) => {
           });
         });
       },
-      validateFn: (ie) => L ? L(ie) : ie.type.includes("image/") ? X && ie.size > X ? (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/") ? X && ie.size > X ? (console.error("File size too big (max 20MB)."), !1) : !0 : (console.error("File type not supported."), !1)
     });
   }, [p]);
-  if (ae(() => {
+  if (se(() => {
     if (!s) return;
-    const L = window.localStorage.getItem(a);
-    v(L ? JSON.parse(L) : za);
-  }, [a, s]), !f) return null;
-  const re = [
+    const M = window.localStorage.getItem(a);
+    k(M ? JSON.parse(M) : za);
+  }, [a, s]), !g) return null;
+  const Y = [
     ...Ot,
     Ba({
-      uploadFn: se
+      uploadFn: V
     })
   ];
-  return /* @__PURE__ */ m("div", { className: k("relative w-full max-w-screen-lg", e), children: [
+  return /* @__PURE__ */ m("div", { className: C("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: g ? "rounded-lg bg-accent px-2 py-1 text-sm text-muted-foreground" : "hidden",
+          className: f ? "rounded-lg bg-accent px-2 py-1 text-sm text-muted-foreground" : "hidden",
           children: [
-            g,
+            f,
             " Words"
           ]
         }
@@ -4172,66 +4177,66 @@ const Ea = ({ children: r, ...e }) => {
     /* @__PURE__ */ t($r, { children: /* @__PURE__ */ m(
       Hr,
       {
-        onCreate: ({ editor: L }) => {
-          x && (x.current = L);
+        onCreate: ({ editor: M }) => {
+          y && (y.current = M);
         },
-        initialContent: f,
-        extensions: re,
+        initialContent: g,
+        extensions: Y,
         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: (L, X) => _r(X)
+            keydown: (M, X) => _r(X)
           },
-          handlePaste: (L, X) => Fr(L, X, se),
-          handleDrop: (L, X, E, K) => Or(L, X, K, se),
+          handlePaste: (M, X) => Fr(M, X, V),
+          handleDrop: (M, X, $, Z) => Or(M, X, Z, V),
           attributes: {
             class: "prose prose-lg dark:prose-invert prose-headings:font-title font-default focus:outline-none max-w-full"
           }
         },
-        onUpdate: ({ editor: L }) => {
-          O(L), h("Unsaved");
+        onUpdate: ({ editor: M }) => {
+          A(M), b("Unsaved");
         },
         slotAfter: /* @__PURE__ */ t(qr, {}),
         children: [
           /* @__PURE__ */ m(jr, { 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(Xr, { className: "px-2 text-muted-foreground", children: "没有结果" }),
             /* @__PURE__ */ t(Ur, { children: qt({
-              uploadFn: se
-            }).map((L) => /* @__PURE__ */ m(
+              uploadFn: V
+            }).map((M) => /* @__PURE__ */ m(
               Gr,
               {
-                value: L.title,
-                onCommand: (X) => L.command(X),
+                value: M.title,
+                onCommand: (X) => M.command(X),
                 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: L.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: L.title }),
-                    /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground", children: L.description })
+                    /* @__PURE__ */ t("p", { className: "font-medium", children: M.title }),
+                    /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground", children: M.description })
                   ] })
                 ]
               },
-              L.title
+              M.title
             )) })
           ] }),
           /* @__PURE__ */ m(
             Aa,
             {
-              open: C,
-              onOpenChange: H,
+              open: x,
+              onOpenChange: L,
               enableAI: l,
               aiOptions: c,
               children: [
                 l && /* @__PURE__ */ t(fe, { orientation: "vertical" }),
-                /* @__PURE__ */ t(xa, { open: y, onOpenChange: N }),
+                /* @__PURE__ */ t(xa, { open: v, onOpenChange: N }),
                 /* @__PURE__ */ t(fe, { orientation: "vertical" }),
-                /* @__PURE__ */ t(ha, { open: A, onOpenChange: I }),
+                /* @__PURE__ */ t(ha, { open: U, onOpenChange: j }),
                 /* @__PURE__ */ t(fe, { orientation: "vertical" }),
                 /* @__PURE__ */ t(ba, {}),
                 /* @__PURE__ */ t(fe, { orientation: "vertical" }),
                 /* @__PURE__ */ t(Pa, {}),
                 /* @__PURE__ */ t(fe, { orientation: "vertical" }),
-                /* @__PURE__ */ t(pa, { open: u, onOpenChange: T })
+                /* @__PURE__ */ t(pa, { open: u, onOpenChange: S })
               ]
             }
           ),
@@ -4259,7 +4264,7 @@ const As = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Editor: Vt,
   Markdown: $t,
   MdEditor: Ht,
-  SortableUtils: V,
+  SortableUtils: K,
   desktopAppConfig: Ve,
   desktopConfigMap: Be,
   desktopGroupConfig: Lt,
@@ -4280,7 +4285,7 @@ export {
   Vt as Editor,
   $t as Markdown,
   Ht as MdEditor,
-  V as SortableUtils,
+  K as SortableUtils,
   As as default,
   Ve as desktopAppConfig,
   Be as desktopConfigMap,