@milkdown/crepe 7.3.4 → 7.3.6

package/lib/{index-Zxe2neJQ.js → index-oszOFbwW.js}

@@ -8,20 +8,20 @@ var l = (i, t, o) => (wt(i, t, "read from private field"), o ? o.call(i) : t.get
   t instanceof WeakSet ? t.add(i) : t.set(i, o);
 }, c = (i, t, o, e) => (wt(i, t, "write to private field"), e ? e.call(i, o) : t.set(i, o), o);
 var Ct = (i, t, o) => (wt(i, t, "access private method"), o);
-import { d as It, t as Tt, p as ee } from "./tippy.esm-xX0Dh8mH.js";
-import { j as ne, y as oe, q as St, f as y, $ as at, x as Rt, z as Dt, P as At, T as Ot, A as se, B as Nt, E as K, G as ie, H as le, I as re, J as ce, c as ae, K as de, i as he } from "./index-yP4hAgM2.js";
-import { i as pe, a as ue } from "./index-xHADmDT3.js";
-import { h as w, c as zt, e as me, u as Ft, a as yt } from "./meta-tAGyVRPE.js";
-import { a as ge, u as fe, b as W } from "./hooks-82sqkbtE.js";
-import { i as we } from "./schema-t8-IDHY6.js";
-const E = typeof navigator < "u" ? navigator : null, Bt = typeof document < "u" ? document : null, q = E && E.userAgent || "", bt = /Edge\/(\d+)/.exec(q), qt = /MSIE \d/.exec(q), Ht = /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(q), mt = !!(qt || Ht || bt), Ce = qt ? document.documentMode : Ht ? +Ht[1] : bt ? +bt[1] : 0, ve = !mt && /gecko\/(\d+)/i.test(q);
-ve && +(/Firefox\/(\d+)/.exec(q) || [0, 0])[1];
-const Lt = !mt && /Chrome\/(\d+)/.exec(q);
-Lt && +Lt[1];
-const ke = !mt && !!E && /Apple Computer/.test(E.vendor), Kt = ke && (/Mobile\/\w+/.test(q) || !!E && E.maxTouchPoints > 2);
-Kt || E && /Mac/.test(E.platform);
-const ye = !!Bt && "webkitFontSmoothing" in Bt.documentElement.style, be = ye ? +(/\bAppleWebKit\/(\d+)/.exec(navigator.userAgent) || [0, 0])[1] : 0;
-function He(i, t) {
+import { d as Tt, t as It, p as ne } from "./tippy.esm-4ny8MQOF.js";
+import { o as oe, z as se, t as Lt, g as y, $ as at, y as Rt, A as Dt, P as At, T as Ot, B as ie, E as Nt, G as K, H as le, I as re, J as ce, K as ae, c as de, L as he, f as zt, i as pe } from "./index-Ls2I7eOW.js";
+import { i as ue, a as me } from "./index-xHADmDT3.js";
+import { h as w, c as Ft, e as ge, u as qt, a as yt } from "./meta-tAGyVRPE.js";
+import { a as fe, u as we, b as W } from "./hooks-82sqkbtE.js";
+import { i as Ce } from "./schema-ywm7RaKF.js";
+const E = typeof navigator < "u" ? navigator : null, St = typeof document < "u" ? document : null, q = E && E.userAgent || "", bt = /Edge\/(\d+)/.exec(q), Kt = /MSIE \d/.exec(q), Ht = /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(q), mt = !!(Kt || Ht || bt), ve = Kt ? document.documentMode : Ht ? +Ht[1] : bt ? +bt[1] : 0, ke = !mt && /gecko\/(\d+)/i.test(q);
+ke && +(/Firefox\/(\d+)/.exec(q) || [0, 0])[1];
+const Bt = !mt && /Chrome\/(\d+)/.exec(q);
+Bt && +Bt[1];
+const ye = !mt && !!E && /Apple Computer/.test(E.vendor), Wt = ye && (/Mobile\/\w+/.test(q) || !!E && E.maxTouchPoints > 2);
+Wt || E && /Mac/.test(E.platform);
+const be = !!St && "webkitFontSmoothing" in St.documentElement.style, He = be ? +(/\bAppleWebKit\/(\d+)/.exec(navigator.userAgent) || [0, 0])[1] : 0;
+function xe(i, t) {
   var n;
   const { state: o } = i, e = o.selection.$anchor;
   for (let s = e.depth; s > 0; s--)
@@ -32,7 +32,7 @@ function He(i, t) {
       const u = (n = i.dragging) == null ? void 0 : n.slice;
       if (!u)
         return null;
-      const m = i.state.doc.resolve(d.pos), v = ne(i.state.doc, m.pos, u);
+      const m = i.state.doc.resolve(d.pos), v = oe(i.state.doc, m.pos, u);
       if (v == null || v < 0)
         return null;
       let g = o.tr;
@@ -42,7 +42,7 @@ function He(i, t) {
     }
   return null;
 }
-function xe(i, t, o) {
+function Me(i, t, o) {
   let e = i.nodeDOM(o.pos);
   e || (e = i.nodeDOM(o.pos - 1));
   let n = e == null ? void 0 : e.parentElement;
@@ -50,13 +50,13 @@ function xe(i, t, o) {
     e = n, n = n.parentElement;
   return e;
 }
-const Me = (i) => !i.type.isBlock;
-function Ve(i) {
+const Ve = (i) => !i.type.isBlock;
+function _e(i) {
   let t = i.parent;
   const o = i.node();
   return t === o && (t = i.node(i.depth - 1)), !t || t.type.name === "doc" ? !1 : t.firstChild === o;
 }
-function _e(i, t, o) {
+function Pe(i, t, o) {
   const e = t.dom.parentElement;
   if (!e)
     return null;
@@ -70,14 +70,14 @@ function _e(i, t, o) {
       return null;
     r = u;
   }
-  for (; r && (Me(r) || Ve(s) || !o(r)); )
+  for (; r && (Ve(r) || _e(s) || !o(r)); )
     s = t.state.doc.resolve(s.before()), r = s.node();
   s = s.pos - s.parentOffset === 0 ? s : t.state.doc.resolve(s.pos - s.parentOffset);
-  const d = xe(t, e, s);
+  const d = Me(t, e, s);
   return d ? { node: r, $pos: s, el: d } : null;
 }
 let $t = null;
-function Pe() {
+function Le() {
   return $t || ($t = document.implementation.createHTMLDocument("title"));
 }
 const Se = {
@@ -102,7 +102,7 @@ function Be(i, t) {
       k.attrs !== k.type.defaultAttrs ? k.attrs : null
     ), s = k.content;
   }
-  const r = i.someProp("clipboardSerializer") || oe.fromSchema(i.state.schema), d = Pe(), u = d.createElement("div");
+  const r = i.someProp("clipboardSerializer") || se.fromSchema(i.state.schema), d = Le(), u = d.createElement("div");
   u.appendChild(r.serializeFragment(s, { document: d }));
   let m = u.firstChild, v, g = 0;
   for (; m && m.nodeType === 1 && (v = Se[m.nodeName.toLowerCase()]); ) {
@@ -123,9 +123,9 @@ function Be(i, t) {
 `);
   return { dom: u, text: C };
 }
-const Zt = mt && Ce < 15 || Kt && be < 604, Et = 20;
-var j, tt, R, V, U, x, ht, Wt, D, Y, A, O, et, G, J, Q, nt;
-class Le {
+const Zt = mt && ve < 15 || Wt && He < 604, Et = 20;
+var j, tt, R, V, U, x, ht, jt, D, Y, A, O, et, G, J, Q, nt;
+class $e {
   constructor() {
     /// @internal
     p(this, ht);
@@ -150,8 +150,8 @@ class Le {
       if (!l(this, V))
         return null;
       const t = l(this, V), o = l(this, D, Y);
-      if (o && St.isSelectable(t.node)) {
-        const e = St.create(o.state.doc, t.$pos.pos - (t.node.isLeaf ? 0 : 1));
+      if (o && Lt.isSelectable(t.node)) {
+        const e = Lt.create(o.state.doc, t.$pos.pos - (t.node.isLeaf ? 0 : 1));
         return o.dispatch(o.state.tr.setSelection(e)), o.focus(), c(this, R, e), e;
       }
       return null;
@@ -193,7 +193,7 @@ class Le {
           move: !0
         };
       }
-    }), this.keydownCallback = () => (l(this, O).call(this), !1), c(this, nt, (t, o) => {
+    }), this.keydownCallback = () => (l(this, O).call(this), !1), c(this, nt, Tt((t, o) => {
       if (!t.editable || l(this, x))
         return;
       const { y: e } = o, n = t.dom.getBoundingClientRect().width / 2, s = document.elementFromPoint(n, e);
@@ -201,16 +201,16 @@ class Le {
         l(this, O).call(this);
         return;
       }
-      const r = l(this, ht, Wt);
+      const r = l(this, ht, jt);
       if (!r)
         return;
-      const d = _e(s, t, r);
+      const d = Pe(s, t, r);
       if (!d) {
         l(this, O).call(this);
         return;
       }
       l(this, et).call(this, d);
-    }), this.mousemoveCallback = (t, o) => (t.composing || !t.editable || It(l(this, nt), 20)(t, o), !1), this.dragoverCallback = (t, o) => {
+    }, 20)), this.mousemoveCallback = (t, o) => (t.composing || !t.editable || l(this, nt).call(this, t, o), !1), this.dragoverCallback = (t, o) => {
       var e;
       if (l(this, x)) {
         const n = (e = l(this, D, Y)) == null ? void 0 : e.dom.parentElement;
@@ -235,12 +235,12 @@ class Le {
     }, this.dragleaveCallback = () => {
       c(this, x, !1), c(this, V, null);
     }, this.dropCallback = (t, o) => {
-      const e = o, n = He(t, e);
+      const e = o, n = xe(t, e);
       return c(this, x, !1), n ? (t.dispatch(n), e.preventDefault(), !0) : !1;
     };
   }
 }
-j = new WeakMap(), tt = new WeakMap(), R = new WeakMap(), V = new WeakMap(), U = new WeakMap(), x = new WeakMap(), ht = new WeakSet(), Wt = function() {
+j = new WeakMap(), tt = new WeakMap(), R = new WeakMap(), V = new WeakMap(), U = new WeakMap(), x = new WeakMap(), ht = new WeakSet(), jt = function() {
   var t;
   return (t = l(this, j)) == null ? void 0 : t.get(dt.key).filterNodes;
 }, D = new WeakSet(), Y = function() {
@@ -255,14 +255,14 @@ function gt(i, t) {
     }
   }), i;
 }
-const $e = (i) => {
+const Ze = (i) => {
   const { name: t } = i.type;
   return !(t.startsWith("table") && t !== "table");
-}, dt = at({ filterNodes: $e }, "blockConfig");
+}, dt = at({ filterNodes: Ze }, "blockConfig");
 gt(dt, {
   displayName: "Ctx<blockConfig>"
 });
-const xt = at(new Le(), "blockService");
+const xt = at(new $e(), "blockService");
 gt(dt, {
   displayName: "Ctx<blockService>"
 });
@@ -291,15 +291,15 @@ const Vt = Rt((i) => {
 gt(Vt, {
   displayName: "Prose<block>"
 });
-var _, S, ot, X, N, z, pt, jt;
-class Ze {
+var _, L, ot, X, N, z, pt, Ut;
+class Ee {
   constructor(t) {
     /// @internal
     p(this, pt);
     /// @internal
     p(this, _, void 0);
     /// @internal
-    p(this, S, void 0);
+    p(this, L, void 0);
     /// @internal
     p(this, ot, void 0);
     /// @internal
@@ -311,13 +311,13 @@ class Ze {
       requestAnimationFrame(() => {
         if (!l(this, _))
           try {
-            Ct(this, pt, jt).call(this, o);
+            Ct(this, pt, Ut).call(this, o);
           } catch {
           }
       });
     }, this.destroy = () => {
       var o, e, n;
-      (o = l(this, N)) == null || o.unBind(), (e = l(this, N)) == null || e.removeEvent(l(this, S)), (n = l(this, _)) == null || n.destroy(), c(this, _, void 0);
+      (o = l(this, N)) == null || o.unBind(), (e = l(this, N)) == null || e.removeEvent(l(this, L)), (n = l(this, _)) == null || n.destroy(), c(this, _, void 0);
     }, this.show = (o) => {
       requestAnimationFrame(() => {
         var e, n;
@@ -328,17 +328,17 @@ class Ze {
     }, this.hide = () => {
       var o;
       (o = l(this, _)) == null || o.hide();
-    }, c(this, X, t.ctx), c(this, S, t.content), c(this, ot, t.tippyOptions ?? {});
+    }, c(this, X, t.ctx), c(this, L, t.content), c(this, ot, t.tippyOptions ?? {});
   }
   get activeNode() {
     return l(this, z);
   }
 }
-_ = new WeakMap(), S = new WeakMap(), ot = new WeakMap(), X = new WeakMap(), N = new WeakMap(), z = new WeakMap(), pt = new WeakSet(), jt = function(t) {
+_ = new WeakMap(), L = new WeakMap(), ot = new WeakMap(), X = new WeakMap(), N = new WeakMap(), z = new WeakMap(), pt = new WeakSet(), Ut = function(t) {
   const o = l(this, X).get(xt.key);
   o.bind(l(this, X), (e) => {
     e.type === "hide" ? (this.hide(), c(this, z, null)) : (this.show(e.active), c(this, z, e.active));
-  }), c(this, N, o), l(this, N).addEvent(l(this, S)), l(this, S).draggable = !0, c(this, _, Tt(t.dom, {
+  }), c(this, N, o), l(this, N).addEvent(l(this, L)), l(this, L).draggable = !0, c(this, _, It(t.dom, {
     trigger: "manual",
     placement: "left-start",
     interactive: !0,
@@ -346,13 +346,13 @@ _ = new WeakMap(), S = new WeakMap(), ot = new WeakMap(), X = new WeakMap(), N =
     arrow: !1,
     duration: 0,
     ...l(this, ot),
-    content: l(this, S)
+    content: l(this, L)
   }));
 };
 const ft = [Mt, dt, xt, Vt];
 ft.key = Mt.key;
 ft.pluginKey = Vt.key;
-function Ee(i) {
+function Te(i) {
   const t = at({}, `${i}_SLASH_SPEC`), o = Rt((n) => {
     const s = n.get(t.key);
     return new At({
@@ -368,7 +368,7 @@ function Ee(i) {
     displayName: `Prose<slash>|${i}`
   }, e;
 }
-var P, st, it, F, lt, rt, ut, Ut;
+var P, st, it, F, lt, rt, ut, Gt;
 class Ie {
   constructor(t) {
     /// @internal
@@ -386,7 +386,7 @@ class Ie {
     p(this, rt, void 0);
     c(this, rt, (o, e) => {
       const { state: n, composing: s } = o, { selection: r, doc: d } = n, { ranges: u } = r, m = Math.min(...u.map((C) => C.$from.pos)), v = Math.max(...u.map((C) => C.$to.pos)), g = e && e.doc.eq(d) && e.selection.eq(r);
-      if (l(this, P) ?? c(this, P, Tt(o.dom, {
+      if (l(this, P) ?? c(this, P, It(o.dom, {
         trigger: "manual",
         placement: "bottom-start",
         interactive: !0,
@@ -401,13 +401,13 @@ class Ie {
           return;
         }
         l(this, P).setProps({
-          getReferenceClientRect: () => ee(o, m, v)
+          getReferenceClientRect: () => ne(o, m, v)
         }), this.show();
       }
     }), this.update = (o, e) => {
-      It(l(this, rt), l(this, it))(o, e);
+      Tt(l(this, rt), l(this, it))(o, e);
     }, this.getContent = (o, e = (n) => n.type.name === "paragraph") => {
-      const { selection: n } = o.state, { empty: s, $from: r } = n, d = o.state.selection instanceof Ot, u = this.element.contains(document.activeElement), m = !o.hasFocus() && !u, v = !o.editable, C = !se(e)(o.state.selection);
+      const { selection: n } = o.state, { empty: s, $from: r } = n, d = o.state.selection instanceof Ot, u = this.element.contains(document.activeElement), m = !o.hasFocus() && !u, v = !o.editable, C = !ie(e)(o.state.selection);
       if (!(m || v || !s || !d || C))
         return r.parent.textBetween(Math.max(0, r.parentOffset - 500), r.parentOffset, void 0, "");
     }, this.destroy = () => {
@@ -419,17 +419,17 @@ class Ie {
     }, this.hide = () => {
       var o;
       (o = l(this, P)) == null || o.hide();
-    }, this.getInstance = () => l(this, P), this.element = t.content, c(this, st, t.tippyOptions ?? {}), c(this, it, t.debounce ?? 200), c(this, lt, t.shouldShow ?? Ct(this, ut, Ut)), c(this, F, t.trigger ?? "/");
+    }, this.getInstance = () => l(this, P), this.element = t.content, c(this, st, t.tippyOptions ?? {}), c(this, it, t.debounce ?? 200), c(this, lt, t.shouldShow ?? Ct(this, ut, Gt)), c(this, F, t.trigger ?? "/");
   }
 }
-P = new WeakMap(), st = new WeakMap(), it = new WeakMap(), F = new WeakMap(), lt = new WeakMap(), rt = new WeakMap(), ut = new WeakSet(), Ut = function(t) {
+P = new WeakMap(), st = new WeakMap(), it = new WeakMap(), F = new WeakMap(), lt = new WeakMap(), rt = new WeakMap(), ut = new WeakSet(), Gt = function(t) {
   const o = this.getContent(t);
   if (!o)
     return !1;
   const e = o.at(-1);
   return e ? Array.isArray(l(this, F)) ? l(this, F).includes(e) : l(this, F) === e : !1;
 };
-const Te = w`
+const Re = w`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <g clip-path="url(#clip0_992_5547)">
       <path d="M5 5.5C5 6.33 5.67 7 6.5 7H10.5V17.5C10.5 18.33 11.17 19 12 19C12.83 19 13.5 18.33 13.5 17.5V7H17.5C18.33 7 19 6.33 19 5.5C19 4.67 18.33 4 17.5 4H6.5C5.67 4 5 4.67 5 5.5Z" fill="#817567"/>
@@ -440,7 +440,7 @@ const Te = w`
       </clipPath>
     </defs>
   </svg>
-`, Re = w`
+`, De = w`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <g clip-path="url(#clip0_992_5553)">
       <path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19ZM12 17H14V7H10V9H12V17Z" fill="#817567"/>
@@ -451,7 +451,7 @@ const Te = w`
       </clipPath>
     </defs>
   </svg>
-`, De = w`
+`, Ae = w`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <g clip-path="url(#clip0_992_5559)">
       <path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19ZM15 15H11V13H13C14.1 13 15 12.11 15 11V9C15 7.89 14.1 7 13 7H9V9H13V11H11C9.9 11 9 11.89 9 13V17H15V15Z" fill="#817567"/>
@@ -462,7 +462,7 @@ const Te = w`
       </clipPath>
     </defs>
   </svg>
-`, Ae = w`
+`, Oe = w`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <g clip-path="url(#clip0_992_5565)">
       <path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19ZM15 15V13.5C15 12.67 14.33 12 13.5 12C14.33 12 15 11.33 15 10.5V9C15 7.89 14.1 7 13 7H9V9H13V11H11V13H13V15H9V17H13C14.1 17 15 16.11 15 15Z" fill="#817567"/>
@@ -473,7 +473,7 @@ const Te = w`
       </clipPath>
     </defs>
   </svg>
-`, Oe = w`
+`, Ne = w`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <g clip-path="url(#clip0_977_7757)">
       <path d="M19.04 3H5.04004C3.94004 3 3.04004 3.9 3.04004 5V19C3.04004 20.1 3.94004 21 5.04004 21H19.04C20.14 21 21.04 20.1 21.04 19V5C21.04 3.9 20.14 3 19.04 3ZM19.04 19H5.04004V5H19.04V19ZM13.04 17H15.04V7H13.04V11H11.04V7H9.04004V13H13.04V17Z" fill="#817567"/>
@@ -484,7 +484,7 @@ const Te = w`
       </clipPath>
     </defs>
   </svg>
-`, Ne = w`
+`, ze = w`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <g clip-path="url(#clip0_977_7760)">
       <path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19ZM15 15V13C15 11.89 14.1 11 13 11H11V9H15V7H9V13H13V15H9V17H13C14.1 17 15 16.11 15 15Z" fill="#817567"/>
@@ -495,7 +495,7 @@ const Te = w`
       </clipPath>
     </defs>
   </svg>
-`, ze = w`
+`, Fe = w`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <g clip-path="url(#clip0_977_7763)">
       <path d="M11 17H13C14.1 17 15 16.11 15 15V13C15 11.89 14.1 11 13 11H11V9H15V7H11C9.9 7 9 7.89 9 9V15C9 16.11 9.9 17 11 17ZM11 13H13V15H11V13ZM19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19Z" fill="#817567"/>
@@ -506,7 +506,7 @@ const Te = w`
       </clipPath>
     </defs>
   </svg>
-`, Fe = w`
+`, qe = w`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <g clip-path="url(#clip0_977_8070)">
       <path d="M4 10.5C3.17 10.5 2.5 11.17 2.5 12C2.5 12.83 3.17 13.5 4 13.5C4.83 13.5 5.5 12.83 5.5 12C5.5 11.17 4.83 10.5 4 10.5ZM4 4.5C3.17 4.5 2.5 5.17 2.5 6C2.5 6.83 3.17 7.5 4 7.5C4.83 7.5 5.5 6.83 5.5 6C5.5 5.17 4.83 4.5 4 4.5ZM4 16.5C3.17 16.5 2.5 17.18 2.5 18C2.5 18.82 3.18 19.5 4 19.5C4.82 19.5 5.5 18.82 5.5 18C5.5 17.18 4.83 16.5 4 16.5ZM8 19H20C20.55 19 21 18.55 21 18C21 17.45 20.55 17 20 17H8C7.45 17 7 17.45 7 18C7 18.55 7.45 19 8 19ZM8 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H8C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM7 6C7 6.55 7.45 7 8 7H20C20.55 7 21 6.55 21 6C21 5.45 20.55 5 20 5H8C7.45 5 7 5.45 7 6Z" fill="#817567"/>
@@ -517,7 +517,7 @@ const Te = w`
       </clipPath>
     </defs>
   </svg>
-`, qe = w`
+`, Ke = w`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <g clip-path="url(#clip0_977_8067)">
       <path d="M8 7H20C20.55 7 21 6.55 21 6C21 5.45 20.55 5 20 5H8C7.45 5 7 5.45 7 6C7 6.55 7.45 7 8 7ZM20 17H8C7.45 17 7 17.45 7 18C7 18.55 7.45 19 8 19H20C20.55 19 21 18.55 21 18C21 17.45 20.55 17 20 17ZM20 11H8C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11ZM4.5 16H2.5C2.22 16 2 16.22 2 16.5C2 16.78 2.22 17 2.5 17H4V17.5H3.5C3.22 17.5 3 17.72 3 18C3 18.28 3.22 18.5 3.5 18.5H4V19H2.5C2.22 19 2 19.22 2 19.5C2 19.78 2.22 20 2.5 20H4.5C4.78 20 5 19.78 5 19.5V16.5C5 16.22 4.78 16 4.5 16ZM2.5 5H3V7.5C3 7.78 3.22 8 3.5 8C3.78 8 4 7.78 4 7.5V4.5C4 4.22 3.78 4 3.5 4H2.5C2.22 4 2 4.22 2 4.5C2 4.78 2.22 5 2.5 5ZM4.5 10H2.5C2.22 10 2 10.22 2 10.5C2 10.78 2.22 11 2.5 11H3.8L2.12 12.96C2.04 13.05 2 13.17 2 13.28V13.5C2 13.78 2.22 14 2.5 14H4.5C4.78 14 5 13.78 5 13.5C5 13.22 4.78 13 4.5 13H3.2L4.88 11.04C4.96 10.95 5 10.83 5 10.72V10.5C5 10.22 4.78 10 4.5 10Z" fill="#817567"/>
@@ -528,7 +528,7 @@ const Te = w`
       </clipPath>
     </defs>
   </svg>
-`, Ke = w`
+`, We = w`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <g clip-path="url(#clip0_977_7897)">
       <path d="M7.17 17C7.68 17 8.15 16.71 8.37 16.26L9.79 13.42C9.93 13.14 10 12.84 10 12.53V8C10 7.45 9.55 7 9 7H5C4.45 7 4 7.45 4 8V12C4 12.55 4.45 13 5 13H7L5.97 15.06C5.52 15.95 6.17 17 7.17 17ZM17.17 17C17.68 17 18.15 16.71 18.37 16.26L19.79 13.42C19.93 13.14 20 12.84 20 12.53V8C20 7.45 19.55 7 19 7H15C14.45 7 14 7.45 14 8V12C14 12.55 14.45 13 15 13H17L15.97 15.06C15.52 15.95 16.17 17 17.17 17Z" fill="#817567"/>
@@ -539,7 +539,7 @@ const Te = w`
       </clipPath>
     </defs>
   </svg>
-`, We = w`
+`, je = w`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <g clip-path="url(#clip0_977_7900)">
       <path fill-rule="evenodd" clip-rule="evenodd" d="M19 13H5C4.45 13 4 12.55 4 12C4 11.45 4.45 11 5 11H19C19.55 11 20 11.45 20 12C20 12.55 19.55 13 19 13Z" fill="#817567"/>
@@ -550,7 +550,7 @@ const Te = w`
       </clipPath>
     </defs>
   </svg>
-`, je = w`
+`, Ue = w`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <g clip-path="url(#clip0_977_8075)">
       <path d="M19 5V19H5V5H19ZM19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM14.14 11.86L11.14 15.73L9 13.14L6 17H18L14.14 11.86Z" fill="#817567"/>
@@ -561,7 +561,7 @@ const Te = w`
       </clipPath>
     </defs>
   </svg>
-`, Ue = w`
+`, Ge = w`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <g clip-path="url(#clip0_977_8081)">
       <path d="M9.4 16.6L4.8 12L9.4 7.4L8 6L2 12L8 18L9.4 16.6ZM14.6 16.6L19.2 12L14.6 7.4L16 6L22 12L16 18L14.6 16.6Z" fill="#817567"/>
@@ -577,22 +577,22 @@ function _t(i) {
   const { $from: t, $to: o } = i.selection, { pos: e } = t, { pos: n } = o;
   return i = i.deleteRange(e - t.node().content.size, n), i;
 }
-function Ge(i, t, o = null) {
+function Je(i, t, o = null) {
   const { from: e, to: n } = i.selection;
   return i.setBlockType(e, n, t, o);
 }
-function Je(i, t, o = null) {
-  const { $from: e, $to: n } = i.selection, s = e.blockRange(n), r = s && de(s, t, o);
+function Qe(i, t, o = null) {
+  const { $from: e, $to: n } = i.selection, s = e.blockRange(n), r = s && he(s, t, o);
   return r ? i.wrap(s, r) : null;
 }
-function Qe(i, t, o = null) {
+function Xe(i, t, o = null) {
   const e = t.createAndFill(o);
   return e ? i.replaceSelectionWith(e) : null;
 }
-function T(i, t = null) {
+function I(i, t = null) {
   return (o, e) => {
     if (e) {
-      const n = Ge(_t(o.tr), i, t);
+      const n = Je(_t(o.tr), i, t);
       e(n.scrollIntoView());
     }
     return !0;
@@ -600,17 +600,17 @@ function T(i, t = null) {
 }
 function vt(i, t = null) {
   return (o, e) => {
-    const n = Je(_t(o.tr), i, t);
+    const n = Qe(_t(o.tr), i, t);
     return n ? (e && e(n.scrollIntoView()), !0) : !1;
   };
 }
 function kt(i, t = null) {
   return (o, e) => {
-    const n = Qe(_t(o.tr), i, t);
+    const n = Xe(_t(o.tr), i, t);
     return n ? (e && e(n.scrollIntoView()), !0) : !1;
   };
 }
-function Xe(i) {
+function Ye(i) {
   let t = [
     {
       key: "text",
@@ -619,82 +619,82 @@ function Xe(i) {
         {
           key: "text",
           label: "Text",
-          icon: Te,
+          icon: Re,
           onRun: (e) => {
             const n = e.get(y), { dispatch: s, state: r } = n;
-            T(Nt.type(e))(r, s);
+            I(Nt.type(e))(r, s);
           }
         },
         {
           key: "h1",
           label: "Heading 1",
-          icon: Re,
+          icon: De,
           onRun: (e) => {
             const n = e.get(y), { dispatch: s, state: r } = n;
-            T(K.type(e), { level: 1 })(r, s);
+            I(K.type(e), { level: 1 })(r, s);
           }
         },
         {
           key: "h2",
           label: "Heading 2",
-          icon: De,
+          icon: Ae,
           onRun: (e) => {
             const n = e.get(y), { dispatch: s, state: r } = n;
-            T(K.type(e), { level: 2 })(r, s);
+            I(K.type(e), { level: 2 })(r, s);
           }
         },
         {
           key: "h3",
           label: "Heading 3",
-          icon: Ae,
+          icon: Oe,
           onRun: (e) => {
             const n = e.get(y), { dispatch: s, state: r } = n;
-            T(K.type(e), { level: 3 })(r, s);
+            I(K.type(e), { level: 3 })(r, s);
           }
         },
         {
           key: "h4",
           label: "Heading 4",
-          icon: Oe,
+          icon: Ne,
           onRun: (e) => {
             const n = e.get(y), { dispatch: s, state: r } = n;
-            T(K.type(e), { level: 4 })(r, s);
+            I(K.type(e), { level: 4 })(r, s);
           }
         },
         {
           key: "h5",
           label: "Heading 5",
-          icon: Ne,
+          icon: ze,
           onRun: (e) => {
             const n = e.get(y), { dispatch: s, state: r } = n;
-            T(K.type(e), { level: 5 })(r, s);
+            I(K.type(e), { level: 5 })(r, s);
           }
         },
         {
           key: "h6",
           label: "Heading 6",
-          icon: ze,
+          icon: Fe,
           onRun: (e) => {
             const n = e.get(y), { dispatch: s, state: r } = n;
-            T(K.type(e), { level: 6 })(r, s);
+            I(K.type(e), { level: 6 })(r, s);
           }
         },
         {
           key: "quote",
           label: "Quote",
-          icon: Ke,
+          icon: We,
           onRun: (e) => {
             const n = e.get(y), { dispatch: s, state: r } = n;
-            vt(ie.type(e))(r, s);
+            vt(le.type(e))(r, s);
           }
         },
         {
           key: "divider",
           label: "Divider",
-          icon: We,
+          icon: je,
           onRun: (e) => {
             const n = e.get(y), { dispatch: s, state: r } = n;
-            kt(le.type(e))(r, s);
+            kt(re.type(e))(r, s);
           }
         }
       ]
@@ -706,19 +706,19 @@ function Xe(i) {
         {
           key: "bullet-list",
           label: "Bullet List",
-          icon: Fe,
+          icon: qe,
           onRun: (e) => {
             const n = e.get(y), { dispatch: s, state: r } = n;
-            vt(re.type(e))(r, s);
+            vt(ce.type(e))(r, s);
           }
         },
         {
           key: "ordered-list",
           label: "Ordered List",
-          icon: qe,
+          icon: Ke,
           onRun: (e) => {
             const n = e.get(y), { dispatch: s, state: r } = n;
-            vt(ce.type(e))(r, s);
+            vt(ae.type(e))(r, s);
           }
         }
       ]
@@ -730,19 +730,19 @@ function Xe(i) {
         {
           key: "image",
           label: "Image",
-          icon: je,
+          icon: Ue,
           onRun: (e) => {
             const n = e.get(y), { dispatch: s, state: r } = n;
-            kt(we.type(e))(r, s);
+            kt(Ce.type(e))(r, s);
           }
         },
         {
           key: "code",
           label: "Code",
-          icon: Ue,
+          icon: Ge,
           onRun: (e) => {
             const n = e.get(y), { dispatch: s, state: r } = n;
-            kt(ae.type(e))(r, s);
+            kt(de.type(e))(r, s);
           }
         }
       ]
@@ -770,13 +770,13 @@ function Xe(i) {
     size: o.length
   };
 }
-const Gt = ({
+const Jt = ({
   show: i,
   hide: t,
   ctx: o,
   filter: e
 }) => {
-  const { groups: n, size: s } = ge(() => Xe(e), [e]), r = me(), [d, u] = fe(0), m = Ft({ x: -999, y: -999 }), v = W((h) => {
+  const { groups: n, size: s } = fe(() => Ye(e), [e]), r = ge(), [d, u] = we(0), m = qt({ x: -999, y: -999 }), v = W((h) => {
     const a = m.current;
     if (!a)
       return;
@@ -811,7 +811,7 @@ const Gt = ({
       return h.preventDefault(), g((a) => a <= 0 ? a : a - 1, C);
     if (h.key === "ArrowLeft")
       return h.preventDefault(), g((a) => {
-        const f = n.find((I) => I.range[0] <= a && I.range[1] > a);
+        const f = n.find((T) => T.range[0] <= a && T.range[1] > a);
         if (!f)
           return a;
         const H = n[n.indexOf(f) - 1];
@@ -819,19 +819,19 @@ const Gt = ({
       }, C);
     if (h.key === "ArrowRight")
       return h.preventDefault(), g((a) => {
-        const f = n.find((I) => I.range[0] <= a && I.range[1] > a);
+        const f = n.find((T) => T.range[0] <= a && T.range[1] > a);
         if (!f)
           return a;
         const H = n[n.indexOf(f) + 1];
         return H ? H.range[0] : a;
       }, C);
     h.key === "Enter" && (h.preventDefault(), k(d));
-  }, [t, n, d]), te = W((h) => (a) => {
+  }, [t, n, d]), ee = W((h) => (a) => {
     const f = m.current;
     if (!f)
       return;
-    const { x: H, y: I } = a;
-    H === f.x && I === f.y || g(h);
+    const { x: H, y: T } = a;
+    H === f.x && T === f.y || g(h);
   }, []);
   return yt(() => (i ? document.addEventListener("keydown", b, { capture: !0 }) : document.removeEventListener("keydown", b, { capture: !0 }), () => {
     document.removeEventListener("keydown", b, { capture: !0 });
@@ -858,7 +858,7 @@ const Gt = ({
                     key=${a.key}
                     data-index=${a.index}
                     class=${d === a.index ? "hover" : ""}
-                    onmouseenter=${te(a.index)}
+                    onmouseenter=${ee(a.index)}
                     onmousedown=${() => {
       var f;
       (f = r.current.querySelector(`[data-index="${a.index}"]`)) == null || f.classList.add("active");
@@ -879,44 +879,45 @@ const Gt = ({
     </host>
   `;
 };
-Gt.props = {
+Jt.props = {
   ctx: Object,
   show: Boolean,
   filter: String,
   hide: Function
 };
-const Jt = zt(Gt), Qt = Ee("CREPE_MENU"), Pt = at({
+const Qt = Ft(Jt), Xt = Te("CREPE_MENU"), Pt = at({
   show: () => {
   },
   hide: () => {
   }
 }, "menuAPICtx");
-customElements.define("milkdown-slash-menu", Jt);
-function Ye(i) {
-  i.set(Qt.key, {
-    view: (t) => new tn(i, t)
+customElements.define("milkdown-slash-menu", Qt);
+function tn(i) {
+  i.set(Xt.key, {
+    view: (t) => new en(i, t)
   });
 }
-var M, B, L;
-class tn {
+var M, S, B;
+class en {
   constructor(t, o) {
     p(this, M, void 0);
+    p(this, S, void 0);
     p(this, B, void 0);
-    p(this, L, void 0);
-    c(this, L, null), this.update = (n) => {
-      l(this, B).update(n);
+    c(this, B, null), this.update = (n) => {
+      l(this, S).update(n);
     }, this.show = (n) => {
-      c(this, L, n), l(this, M).filter = "", l(this, B).show();
+      c(this, B, n), l(this, M).filter = "", l(this, S).show();
     }, this.hide = () => {
-      c(this, L, null), l(this, B).hide();
+      c(this, B, null), l(this, S).hide();
     }, this.destroy = () => {
-      l(this, B).destroy(), l(this, M).remove();
-    }, c(this, M, new Jt()), l(this, M).hide = this.hide, l(this, M).ctx = t;
+      l(this, S).destroy(), l(this, M).remove();
+    }, c(this, M, new Qt()), l(this, M).hide = this.hide, l(this, M).ctx = t;
     const e = this;
-    c(this, B, new Ie({
+    c(this, S, new Ie({
       content: l(this, M),
       debounce: 20,
       tippyOptions: {
+        appendTo: () => t.get(zt),
         onShow: () => {
           l(this, M).show = !0;
         },
@@ -925,13 +926,13 @@ class tn {
         }
       },
       shouldShow(n) {
-        if (pe(n.state.selection) || ue(n.state.selection))
+        if (ue(n.state.selection) || me(n.state.selection))
           return !1;
         const s = this.getContent(n, (d) => ["paragraph", "heading"].includes(d.type.name));
         if (s == null)
           return !1;
-        const r = l(e, L);
-        return l(e, M).filter = s.startsWith("/") ? s.slice(1) : s, typeof r == "number" ? n.state.doc.resolve(r).node() !== n.state.doc.resolve(n.state.selection.from).node() ? (c(e, L, null), !1) : !0 : !!s.startsWith("/");
+        const r = l(e, B);
+        return l(e, M).filter = s.startsWith("/") ? s.slice(1) : s, typeof r == "number" ? n.state.doc.resolve(r).node() !== n.state.doc.resolve(n.state.selection.from).node() ? (c(e, B, null), !1) : !0 : !!s.startsWith("/");
       }
     })), this.update(o), t.set(Pt.key, {
       show: (n) => this.show(n),
@@ -939,8 +940,8 @@ class tn {
     });
   }
 }
-M = new WeakMap(), B = new WeakMap(), L = new WeakMap();
-const en = w`
+M = new WeakMap(), S = new WeakMap(), B = new WeakMap();
+const nn = w`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <g clip-path="url(#clip0_971_7680)">
       <path d="M11 18C11 19.1 10.1 20 9 20C7.9 20 7 19.1 7 18C7 16.9 7.9 16 9 16C10.1 16 11 16.9 11 18ZM9 10C7.9 10 7 10.9 7 12C7 13.1 7.9 14 9 14C10.1 14 11 13.1 11 12C11 10.9 10.1 10 9 10ZM9 4C7.9 4 7 4.9 7 6C7 7.1 7.9 8 9 8C10.1 8 11 7.1 11 6C11 4.9 10.1 4 9 4ZM15 8C16.1 8 17 7.1 17 6C17 4.9 16.1 4 15 4C13.9 4 13 4.9 13 6C13 7.1 13.9 8 15 8ZM15 10C13.9 10 13 10.9 13 12C13 13.1 13.9 14 15 14C16.1 14 17 13.1 17 12C17 10.9 16.1 10 15 10ZM15 16C13.9 16 13 16.9 13 18C13 19.1 13.9 20 15 20C16.1 20 17 19.1 17 18C17 16.9 16.1 16 15 16Z" fill="#817567"/>
@@ -951,7 +952,7 @@ const en = w`
       </clipPath>
     </defs>
   </svg>
-`, nn = w`
+`, on = w`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <g clip-path="url(#clip0_971_7676)">
       <path d="M18 13H13V18C13 18.55 12.55 19 12 19C11.45 19 11 18.55 11 18V13H6C5.45 13 5 12.55 5 12C5 11.45 5.45 11 6 11H11V6C11 5.45 11.45 5 12 5C12.55 5 13 5.45 13 6V11H18C18.55 11 19 11.45 19 12C19 12.55 18.55 13 18 13Z" fill="#817567"/>
@@ -962,8 +963,8 @@ const en = w`
       </clipPath>
     </defs>
   </svg>
-`, Xt = ({ onAdd: i }) => {
-  const t = Ft();
+`, Yt = ({ onAdd: i }) => {
+  const t = qt();
   return yt(() => {
     var n;
     (n = t.current) == null || n.classList.remove("active");
@@ -976,21 +977,21 @@ const en = w`
     var s;
     n.preventDefault(), n.stopPropagation(), i == null || i(), (s = t.current) == null || s.classList.remove("active");
   }} class="operation-item">
-        ${nn}
+        ${on}
       </div>
       <div class="operation-item">
-        ${en}
+        ${nn}
       </div>
     </host>
   `;
 };
-Xt.props = {
+Yt.props = {
   show: Boolean,
   onAdd: Function
 };
-const Yt = zt(Xt);
+const te = Ft(Yt);
 var $, Z, ct;
-class on {
+class sn {
   constructor(t, o) {
     p(this, $, void 0);
     p(this, Z, void 0);
@@ -1009,11 +1010,12 @@ class on {
       let b = r.tr.insert(C, Nt.type(n).create());
       b = b.setSelection(Ot.create(b.doc, C + k)), d(b.scrollIntoView()), l(this, Z).hide(), n.get(Pt.key).show(b.selection.from);
     }, c(this, ct, t);
-    const e = new Yt();
-    c(this, $, e), l(this, $).onAdd = this.onAdd, c(this, Z, new Ze({
+    const e = new te();
+    c(this, $, e), l(this, $).onAdd = this.onAdd, c(this, Z, new Ee({
       ctx: t,
       content: e,
       tippyOptions: {
+        appendTo: () => t.get(zt),
         onShow: () => {
           l(this, $).show = !0;
         },
@@ -1025,15 +1027,15 @@ class on {
   }
 }
 $ = new WeakMap(), Z = new WeakMap(), ct = new WeakMap();
-customElements.define("milkdown-block-handle", Yt);
-function sn(i) {
+customElements.define("milkdown-block-handle", te);
+function ln(i) {
   i.set(ft.key, {
-    view: (t) => new on(i, t)
+    view: (t) => new sn(i, t)
   });
 }
-const ln = '.milkdown milkdown-block-handle{cursor:pointer;display:flex;justify-content:center;align-items:center;gap:2px;padding-right:4px}.milkdown milkdown-block-handle .operation-item{border-radius:4px;width:32px;height:32px;padding:4px}.milkdown milkdown-block-handle .operation-item svg{width:24px;height:24px}.milkdown milkdown-block-handle .operation-item:hover{background:var(--crepe-color-hover)}.milkdown milkdown-block-handle .operation-item.active{background:var(--crepe-color-selected)}.milkdown milkdown-slash-menu{display:block;width:254px;font-family:var(--crepe-font-default);color:var(--crepe-color-on-surface);background:var(--crepe-color-surface);border-radius:12px;box-shadow:var(--crepe-shadow-1)}.milkdown milkdown-slash-menu ul{list-style-type:none}.milkdown milkdown-slash-menu ul li{cursor:pointer;border-radius:8px}.milkdown milkdown-slash-menu .tab-group{border-bottom:1px solid color-mix(in srgb,var(--crepe-color-outline),transparent 80%);padding:12px 12px 0}.milkdown milkdown-slash-menu .tab-group ul{padding:8px 10px;display:flex;gap:10px;flex-wrap:nowrap}.milkdown milkdown-slash-menu .tab-group ul li{padding:6px 10px;font-size:14px;font-style:normal;font-weight:600;line-height:20px}.milkdown milkdown-slash-menu .tab-group ul li:hover{background:var(--crepe-color-hover)}.milkdown milkdown-slash-menu .tab-group ul li.selected{background:var(--crepe-color-selected)}.milkdown milkdown-slash-menu .menu-groups{padding:0 12px 12px;max-height:420px;overflow:auto}.milkdown milkdown-slash-menu .menu-groups .menu-group h6{font-size:14px;font-style:normal;font-weight:600;line-height:20px;padding:14px 10px;text-transform:uppercase;color:color-mix(in srgb,var(--crepe-color-on-surface),transparent 40%)}.milkdown milkdown-slash-menu .menu-groups .menu-group li{display:flex;justify-content:flex-start;align-items:center;gap:16px;padding:14px 10px}.milkdown milkdown-slash-menu .menu-groups .menu-group li.hover{background:var(--crepe-color-hover)}.milkdown milkdown-slash-menu .menu-groups .menu-group li.active{background:var(--crepe-color-selected)}.milkdown milkdown-slash-menu .menu-groups .menu-group li>svg{width:24px;height:24px;color:var(--crepe-color-outline)}.milkdown milkdown-slash-menu .menu-groups .menu-group li>span{font-size:14px;font-style:normal;font-weight:600;line-height:20px}.milkdown milkdown-slash-menu .menu-groups .menu-group+.menu-group:before{content:"";display:block;height:1px;background:color-mix(in srgb,var(--crepe-color-outline),transparent 80%);margin:0 10px}', mn = (i) => {
-  i.config(he(ln)).config(sn).config(Ye).use(Pt).use(ft).use(Qt);
+const rn = '.milkdown milkdown-block-handle{cursor:pointer;display:flex;justify-content:center;align-items:center;gap:2px;padding-right:4px}.milkdown milkdown-block-handle .operation-item{border-radius:4px;width:32px;height:32px;padding:4px}.milkdown milkdown-block-handle .operation-item svg{width:24px;height:24px}.milkdown milkdown-block-handle .operation-item:hover{background:var(--crepe-color-hover)}.milkdown milkdown-block-handle .operation-item.active{background:var(--crepe-color-selected)}.milkdown milkdown-slash-menu{display:block;width:254px;font-family:var(--crepe-font-default);color:var(--crepe-color-on-surface);background:var(--crepe-color-surface);border-radius:12px;box-shadow:var(--crepe-shadow-1)}.milkdown milkdown-slash-menu ul{list-style-type:none}.milkdown milkdown-slash-menu ul li{cursor:pointer;border-radius:8px}.milkdown milkdown-slash-menu .tab-group{border-bottom:1px solid color-mix(in srgb,var(--crepe-color-outline),transparent 80%);padding:12px 12px 0}.milkdown milkdown-slash-menu .tab-group ul{padding:8px 10px;display:flex;gap:10px;flex-wrap:nowrap}.milkdown milkdown-slash-menu .tab-group ul li{padding:6px 10px;font-size:14px;font-style:normal;font-weight:600;line-height:20px}.milkdown milkdown-slash-menu .tab-group ul li:hover{background:var(--crepe-color-hover)}.milkdown milkdown-slash-menu .tab-group ul li.selected{background:var(--crepe-color-selected)}.milkdown milkdown-slash-menu .menu-groups{padding:0 12px 12px;max-height:420px;overflow:auto}.milkdown milkdown-slash-menu .menu-groups .menu-group h6{font-size:14px;font-style:normal;font-weight:600;line-height:20px;padding:14px 10px;text-transform:uppercase;color:color-mix(in srgb,var(--crepe-color-on-surface),transparent 40%)}.milkdown milkdown-slash-menu .menu-groups .menu-group li{display:flex;justify-content:flex-start;align-items:center;gap:16px;padding:14px 10px}.milkdown milkdown-slash-menu .menu-groups .menu-group li.hover{background:var(--crepe-color-hover)}.milkdown milkdown-slash-menu .menu-groups .menu-group li.active{background:var(--crepe-color-selected)}.milkdown milkdown-slash-menu .menu-groups .menu-group li>svg{width:24px;height:24px;color:var(--crepe-color-outline)}.milkdown milkdown-slash-menu .menu-groups .menu-group li>span{font-size:14px;font-style:normal;font-weight:600;line-height:20px}.milkdown milkdown-slash-menu .menu-groups .menu-group+.menu-group:before{content:"";display:block;height:1px;background:color-mix(in srgb,var(--crepe-color-outline),transparent 80%);margin:0 10px}', gn = (i) => {
+  i.config(pe(rn)).config(ln).config(tn).use(Pt).use(ft).use(Xt);
 };
 export {
-  mn as defineFeature
+  gn as defineFeature
 };