@milkdown/crepe 7.3.3

package/lib/index-9A_GmGh4.js

@@ -0,0 +1,1039 @@
+var wt = (i, t, o) => {
+  if (!t.has(i))
+    throw TypeError("Cannot " + o);
+};
+var l = (i, t, o) => (wt(i, t, "read from private field"), o ? o.call(i) : t.get(i)), p = (i, t, o) => {
+  if (t.has(i))
+    throw TypeError("Cannot add the same private member more than once");
+  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-MZ2vxByW.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-XiXSFLmI.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-tKk3m1fu.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) {
+  var n;
+  const { state: o } = i, e = o.selection.$anchor;
+  for (let s = e.depth; s > 0; s--)
+    if (e.node(s).type.spec.tableRole === "table") {
+      const d = i.posAtCoords({ left: t.clientX, top: t.clientY });
+      if (!d)
+        return null;
+      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);
+      if (v == null || v < 0)
+        return null;
+      let g = o.tr;
+      g = g.delete(e.before(s), e.after(s));
+      const C = g.mapping.map(v);
+      return g = g.replaceRange(C, C, u), g;
+    }
+  return null;
+}
+function xe(i, t, o) {
+  let e = i.nodeDOM(o.pos);
+  e || (e = i.nodeDOM(o.pos - 1));
+  let n = e == null ? void 0 : e.parentElement;
+  for (; n && n !== t && o.pos === i.posAtDOM(n, 0); )
+    e = n, n = n.parentElement;
+  return e;
+}
+const Me = (i) => !i.type.isBlock;
+function Ve(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) {
+  const e = t.dom.parentElement;
+  if (!e)
+    return null;
+  const n = t.posAtDOM(i, 0);
+  if (n <= 0)
+    return null;
+  let s = t.state.doc.resolve(n), r = s.node();
+  if (r.type.name === "doc") {
+    const u = t.state.doc.nodeAt(n);
+    if (!u)
+      return null;
+    r = u;
+  }
+  for (; r && (Me(r) || Ve(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);
+  return d ? { node: r, $pos: s, el: d } : null;
+}
+let $t = null;
+function Pe() {
+  return $t || ($t = document.implementation.createHTMLDocument("title"));
+}
+const Se = {
+  thead: ["table"],
+  tbody: ["table"],
+  tfoot: ["table"],
+  caption: ["table"],
+  colgroup: ["table"],
+  col: ["table", "colgroup"],
+  tr: ["table", "tbody"],
+  td: ["table", "tbody", "tr"],
+  th: ["table", "tbody", "tr"]
+};
+function Be(i, t) {
+  const o = [];
+  let { openStart: e, openEnd: n, content: s } = t;
+  for (; e > 1 && n > 1 && s.childCount === 1 && s.firstChild.childCount === 1; ) {
+    e -= 1, n -= 1;
+    const k = s.firstChild;
+    o.push(
+      k.type.name,
+      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");
+  u.appendChild(r.serializeFragment(s, { document: d }));
+  let m = u.firstChild, v, g = 0;
+  for (; m && m.nodeType === 1 && (v = Se[m.nodeName.toLowerCase()]); ) {
+    for (let k = v.length - 1; k >= 0; k--) {
+      const b = d.createElement(v[k]);
+      for (; u.firstChild; )
+        b.appendChild(u.firstChild);
+      u.appendChild(b), g++;
+    }
+    m = u.firstChild;
+  }
+  m && m.nodeType === 1 && m.setAttribute(
+    "data-pm-slice",
+    `${e} ${n}${g ? ` -${g}` : ""} ${JSON.stringify(o)}`
+  );
+  const C = i.someProp("clipboardTextSerializer", (k) => k(t, i)) || t.content.textBetween(0, t.content.size, `
+
+`);
+  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 {
+  constructor() {
+    /// @internal
+    p(this, ht);
+    /// @internal
+    p(this, D);
+    /// @internal
+    p(this, j, void 0);
+    p(this, tt, void 0);
+    p(this, R, void 0);
+    p(this, V, void 0);
+    p(this, U, void 0);
+    p(this, x, void 0);
+    /// @internal
+    p(this, A, void 0);
+    p(this, O, void 0);
+    p(this, et, void 0);
+    p(this, G, void 0);
+    p(this, J, void 0);
+    p(this, Q, void 0);
+    p(this, nt, void 0);
+    c(this, tt, () => {
+      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));
+        return o.dispatch(o.state.tr.setSelection(e)), o.focus(), c(this, R, e), e;
+      }
+      return null;
+    }), c(this, R, null), c(this, V, null), c(this, U, void 0), c(this, x, !1), c(this, O, () => {
+      var t;
+      (t = l(this, A)) == null || t.call(this, { type: "hide" }), c(this, V, null);
+    }), c(this, et, (t) => {
+      var o;
+      c(this, V, t), (o = l(this, A)) == null || o.call(this, { type: "show", active: t });
+    }), this.bind = (t, o) => {
+      c(this, j, t), c(this, A, o);
+    }, this.addEvent = (t) => {
+      t.addEventListener("mousedown", l(this, G)), t.addEventListener("mouseup", l(this, J)), t.addEventListener("dragstart", l(this, Q));
+    }, this.removeEvent = (t) => {
+      t.removeEventListener("mousedown", l(this, G)), t.removeEventListener("mouseup", l(this, J)), t.removeEventListener("dragstart", l(this, Q));
+    }, this.unBind = () => {
+      c(this, A, void 0);
+    }, c(this, G, () => {
+      var t;
+      c(this, U, (t = l(this, V)) == null ? void 0 : t.el.getBoundingClientRect()), l(this, tt).call(this);
+    }), c(this, J, () => {
+      if (!l(this, x)) {
+        requestAnimationFrame(() => {
+          var t;
+          l(this, U) && ((t = l(this, D, Y)) == null || t.focus());
+        });
+        return;
+      }
+      c(this, x, !1), c(this, R, null);
+    }), c(this, Q, (t) => {
+      c(this, x, !0);
+      const o = l(this, R), e = l(this, D, Y);
+      if (e && t.dataTransfer && o) {
+        const n = o.content();
+        t.dataTransfer.effectAllowed = "copyMove";
+        const { dom: s, text: r } = Be(e, n);
+        t.dataTransfer.clearData(), t.dataTransfer.setData(Zt ? "Text" : "text/html", s.innerHTML), Zt || t.dataTransfer.setData("text/plain", r), e.dragging = {
+          slice: n,
+          move: !0
+        };
+      }
+    }), this.keydownCallback = () => (l(this, O).call(this), !1), c(this, nt, (t, o) => {
+      if (!t.editable || l(this, x))
+        return;
+      const { y: e } = o, n = t.dom.getBoundingClientRect().width / 2, s = document.elementFromPoint(n, e);
+      if (!(s instanceof Element)) {
+        l(this, O).call(this);
+        return;
+      }
+      const r = l(this, ht, Wt);
+      if (!r)
+        return;
+      const d = _e(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) => {
+      var e;
+      if (l(this, x)) {
+        const n = (e = l(this, D, Y)) == null ? void 0 : e.dom.parentElement;
+        if (!n)
+          return !1;
+        const s = n.scrollHeight > n.clientHeight, r = n.getBoundingClientRect();
+        if (s) {
+          if (n.scrollTop > 0 && Math.abs(o.y - r.y) < Et) {
+            const m = n.scrollTop > 10 ? n.scrollTop - 10 : 0;
+            return n.scrollTop = m, !1;
+          }
+          const d = Math.round(t.dom.getBoundingClientRect().height);
+          if (Math.round(n.scrollTop + r.height) < d && Math.abs(o.y - (r.height + r.y)) < Et) {
+            const m = n.scrollTop + 10;
+            return n.scrollTop = m, !1;
+          }
+        }
+      }
+      return !1;
+    }, this.dragenterCallback = () => {
+      c(this, x, !0);
+    }, this.dragleaveCallback = () => {
+      c(this, x, !1), c(this, V, null);
+    }, this.dropCallback = (t, o) => {
+      const e = o, n = He(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() {
+  var t;
+  return (t = l(this, j)) == null ? void 0 : t.get(dt.key).filterNodes;
+}, D = new WeakSet(), Y = function() {
+  var t;
+  return (t = l(this, j)) == null ? void 0 : t.get(y);
+}, A = new WeakMap(), O = new WeakMap(), et = new WeakMap(), G = new WeakMap(), J = new WeakMap(), Q = new WeakMap(), nt = new WeakMap();
+function gt(i, t) {
+  return Object.assign(i, {
+    meta: {
+      package: "@milkdown/plugin-block",
+      ...t
+    }
+  }), i;
+}
+const $e = (i) => {
+  const { name: t } = i.type;
+  return !(t.startsWith("table") && t !== "table");
+}, dt = at({ filterNodes: $e }, "blockConfig");
+gt(dt, {
+  displayName: "Ctx<blockConfig>"
+});
+const xt = at(new Le(), "blockService");
+gt(dt, {
+  displayName: "Ctx<blockService>"
+});
+const Mt = at({}, "blockSpec");
+gt(dt, {
+  displayName: "Ctx<blockSpec>"
+});
+const Vt = Rt((i) => {
+  const t = new Dt("MILKDOWN_BLOCK"), o = i.get(xt.key), e = i.get(Mt.key);
+  return new At({
+    key: t,
+    ...e,
+    props: {
+      ...e.props,
+      handleDOMEvents: {
+        drop: (n, s) => o.dropCallback(n, s),
+        mousemove: (n, s) => o.mousemoveCallback(n, s),
+        keydown: () => o.keydownCallback(),
+        dragover: (n, s) => o.dragoverCallback(n, s),
+        dragleave: () => o.dragleaveCallback(),
+        dragenter: () => o.dragenterCallback()
+      }
+    }
+  });
+});
+gt(Vt, {
+  displayName: "Prose<block>"
+});
+var _, S, ot, X, N, z, pt, jt;
+class Ze {
+  constructor(t) {
+    /// @internal
+    p(this, pt);
+    /// @internal
+    p(this, _, void 0);
+    /// @internal
+    p(this, S, void 0);
+    /// @internal
+    p(this, ot, void 0);
+    /// @internal
+    p(this, X, void 0);
+    /// @internal
+    p(this, N, void 0);
+    p(this, z, void 0);
+    c(this, z, null), this.update = (o) => {
+      requestAnimationFrame(() => {
+        if (!l(this, _))
+          try {
+            Ct(this, pt, jt).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);
+    }, this.show = (o) => {
+      requestAnimationFrame(() => {
+        var e, n;
+        (e = l(this, _)) == null || e.setProps({
+          getReferenceClientRect: () => o.el.getBoundingClientRect()
+        }), (n = l(this, _)) == null || n.show();
+      });
+    }, 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 ?? {});
+  }
+  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) {
+  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, {
+    trigger: "manual",
+    placement: "left-start",
+    interactive: !0,
+    ...l(this, ot),
+    content: l(this, S)
+  }));
+};
+const ft = [Mt, dt, xt, Vt];
+ft.key = Mt.key;
+ft.pluginKey = Vt.key;
+function Ee(i) {
+  const t = at({}, `${i}_SLASH_SPEC`), o = Rt((n) => {
+    const s = n.get(t.key);
+    return new At({
+      key: new Dt(`${i}_SLASH`),
+      ...s
+    });
+  }), e = [t, o];
+  return e.key = t.key, e.pluginKey = o.key, t.meta = {
+    package: "@milkdown/plugin-slash",
+    displayName: `Ctx<slashSpec>|${i}`
+  }, o.meta = {
+    package: "@milkdown/plugin-slash",
+    displayName: `Prose<slash>|${i}`
+  }, e;
+}
+var P, st, it, F, lt, rt, ut, Ut;
+class Ie {
+  constructor(t) {
+    /// @internal
+    p(this, ut);
+    /// @internal
+    p(this, P, void 0);
+    /// @internal
+    p(this, st, void 0);
+    /// @internal
+    p(this, it, void 0);
+    /// @internal
+    p(this, F, void 0);
+    /// @internal
+    p(this, lt, void 0);
+    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, {
+        trigger: "manual",
+        placement: "bottom-start",
+        interactive: !0,
+        ...l(this, st),
+        content: this.element
+      })), !(s || g)) {
+        if (!l(this, lt).call(this, o, e)) {
+          this.hide();
+          return;
+        }
+        l(this, P).setProps({
+          getReferenceClientRect: () => ee(o, m, v)
+        }), this.show();
+      }
+    }), this.update = (o, e) => {
+      It(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);
+      if (!(m || v || !s || !d || C))
+        return r.parent.textBetween(Math.max(0, r.parentOffset - 500), r.parentOffset, void 0, "");
+    }, this.destroy = () => {
+      var o;
+      (o = l(this, P)) == null || o.destroy();
+    }, this.show = () => {
+      var o;
+      (o = l(this, P)) == null || o.show();
+    }, 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 ?? "/");
+  }
+}
+P = new WeakMap(), st = new WeakMap(), it = new WeakMap(), F = new WeakMap(), lt = new WeakMap(), rt = new WeakMap(), ut = new WeakSet(), Ut = 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`
+  <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"/>
+    </g>
+    <defs>
+      <clipPath id="clip0_992_5547">
+        <rect width="24" height="24" fill="white"/>
+      </clipPath>
+    </defs>
+  </svg>
+`, 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_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"/>
+    </g>
+    <defs>
+      <clipPath id="clip0_992_5553">
+        <rect width="24" height="24" fill="white"/>
+      </clipPath>
+    </defs>
+  </svg>
+`, 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_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"/>
+    </g>
+    <defs>
+      <clipPath id="clip0_992_5559">
+        <rect width="24" height="24" fill="white"/>
+      </clipPath>
+    </defs>
+  </svg>
+`, 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_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"/>
+    </g>
+    <defs>
+      <clipPath id="clip0_992_5565">
+        <rect width="24" height="24" fill="white"/>
+      </clipPath>
+    </defs>
+  </svg>
+`, 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_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"/>
+    </g>
+    <defs>
+      <clipPath id="clip0_977_7757">
+        <rect width="24" height="24" fill="white"/>
+      </clipPath>
+    </defs>
+  </svg>
+`, 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_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"/>
+    </g>
+    <defs>
+      <clipPath id="clip0_977_7760">
+        <rect width="24" height="24" fill="white"/>
+      </clipPath>
+    </defs>
+  </svg>
+`, 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_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"/>
+    </g>
+    <defs>
+      <clipPath id="clip0_977_7763">
+        <rect width="24" height="24" fill="white"/>
+      </clipPath>
+    </defs>
+  </svg>
+`, 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_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"/>
+    </g>
+    <defs>
+      <clipPath id="clip0_977_8070">
+        <rect width="24" height="24" fill="white"/>
+      </clipPath>
+    </defs>
+  </svg>
+`, 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_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"/>
+    </g>
+    <defs>
+      <clipPath id="clip0_977_8067">
+        <rect width="24" height="24" fill="white"/>
+      </clipPath>
+    </defs>
+  </svg>
+`, 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_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"/>
+    </g>
+    <defs>
+      <clipPath id="clip0_977_7897">
+        <rect width="24" height="24" fill="white"/>
+      </clipPath>
+    </defs>
+  </svg>
+`, 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_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"/>
+    </g>
+    <defs>
+      <clipPath id="clip0_977_7900">
+        <rect width="24" height="24" fill="white"/>
+      </clipPath>
+    </defs>
+  </svg>
+`, 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_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"/>
+    </g>
+    <defs>
+      <clipPath id="clip0_977_8075">
+        <rect width="24" height="24" fill="white"/>
+      </clipPath>
+    </defs>
+  </svg>
+`, 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_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"/>
+    </g>
+    <defs>
+      <clipPath id="clip0_977_8081">
+        <rect width="24" height="24" fill="white"/>
+      </clipPath>
+    </defs>
+  </svg>
+`;
+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) {
+  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);
+  return r ? i.wrap(s, r) : null;
+}
+function Qe(i, t, o = null) {
+  const e = t.createAndFill(o);
+  return e ? i.replaceSelectionWith(e) : null;
+}
+function T(i, t = null) {
+  return (o, e) => {
+    if (e) {
+      const n = Ge(_t(o.tr), i, t);
+      e(n.scrollIntoView());
+    }
+    return !0;
+  };
+}
+function vt(i, t = null) {
+  return (o, e) => {
+    const n = Je(_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);
+    return n ? (e && e(n.scrollIntoView()), !0) : !1;
+  };
+}
+function Xe(i) {
+  let t = [
+    {
+      key: "text",
+      label: "Text",
+      items: [
+        {
+          key: "text",
+          label: "Text",
+          icon: Te,
+          onRun: (e) => {
+            const n = e.get(y), { dispatch: s, state: r } = n;
+            T(Nt.type(e))(r, s);
+          }
+        },
+        {
+          key: "h1",
+          label: "Heading 1",
+          icon: Re,
+          onRun: (e) => {
+            const n = e.get(y), { dispatch: s, state: r } = n;
+            T(K.type(e), { level: 1 })(r, s);
+          }
+        },
+        {
+          key: "h2",
+          label: "Heading 2",
+          icon: De,
+          onRun: (e) => {
+            const n = e.get(y), { dispatch: s, state: r } = n;
+            T(K.type(e), { level: 2 })(r, s);
+          }
+        },
+        {
+          key: "h3",
+          label: "Heading 3",
+          icon: Ae,
+          onRun: (e) => {
+            const n = e.get(y), { dispatch: s, state: r } = n;
+            T(K.type(e), { level: 3 })(r, s);
+          }
+        },
+        {
+          key: "h4",
+          label: "Heading 4",
+          icon: Oe,
+          onRun: (e) => {
+            const n = e.get(y), { dispatch: s, state: r } = n;
+            T(K.type(e), { level: 4 })(r, s);
+          }
+        },
+        {
+          key: "h5",
+          label: "Heading 5",
+          icon: Ne,
+          onRun: (e) => {
+            const n = e.get(y), { dispatch: s, state: r } = n;
+            T(K.type(e), { level: 5 })(r, s);
+          }
+        },
+        {
+          key: "h6",
+          label: "Heading 6",
+          icon: ze,
+          onRun: (e) => {
+            const n = e.get(y), { dispatch: s, state: r } = n;
+            T(K.type(e), { level: 6 })(r, s);
+          }
+        },
+        {
+          key: "quote",
+          label: "Quote",
+          icon: Ke,
+          onRun: (e) => {
+            const n = e.get(y), { dispatch: s, state: r } = n;
+            vt(ie.type(e))(r, s);
+          }
+        },
+        {
+          key: "divider",
+          label: "Divider",
+          icon: We,
+          onRun: (e) => {
+            const n = e.get(y), { dispatch: s, state: r } = n;
+            kt(le.type(e))(r, s);
+          }
+        }
+      ]
+    },
+    {
+      key: "list",
+      label: "List",
+      items: [
+        {
+          key: "bullet-list",
+          label: "Bullet List",
+          icon: Fe,
+          onRun: (e) => {
+            const n = e.get(y), { dispatch: s, state: r } = n;
+            vt(re.type(e))(r, s);
+          }
+        },
+        {
+          key: "ordered-list",
+          label: "Ordered List",
+          icon: qe,
+          onRun: (e) => {
+            const n = e.get(y), { dispatch: s, state: r } = n;
+            vt(ce.type(e))(r, s);
+          }
+        }
+      ]
+    },
+    {
+      key: "advanced",
+      label: "Advanced",
+      items: [
+        {
+          key: "image",
+          label: "Image",
+          icon: je,
+          onRun: (e) => {
+            const n = e.get(y), { dispatch: s, state: r } = n;
+            kt(we.type(e))(r, s);
+          }
+        },
+        {
+          key: "code",
+          label: "Code",
+          icon: Ue,
+          onRun: (e) => {
+            const n = e.get(y), { dispatch: s, state: r } = n;
+            kt(ae.type(e))(r, s);
+          }
+        }
+      ]
+    }
+  ];
+  i && (t = t.map((e) => {
+    const n = e.items.filter((s) => s.label.toLowerCase().includes(i.toLowerCase()));
+    return {
+      ...e,
+      items: n
+    };
+  }).filter((e) => e.items.length > 0));
+  const o = t.flatMap((e) => e.items);
+  return o.forEach((e, n) => {
+    Object.assign(e, {
+      index: n
+    });
+  }), t.reduce((e, n) => {
+    const s = e + n.items.length;
+    return Object.assign(n, {
+      range: [e, s]
+    }), s;
+  }, 0), {
+    groups: t,
+    size: o.length
+  };
+}
+const Gt = ({
+  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 a = m.current;
+    if (!a)
+      return;
+    const { x: f, y: H } = h;
+    a.x = f, a.y = H;
+  }, []);
+  yt(() => {
+    s === 0 && i && (t == null || t());
+  }, [s, i]);
+  const g = W((h, a) => {
+    u((f) => {
+      const H = typeof h == "function" ? h(f) : h;
+      return a == null || a(H), H;
+    });
+  }, []), C = W((h) => {
+    var a;
+    (a = r.current.querySelector(`[data-index="${h}"]`)) == null || a.scrollIntoView({
+      behavior: "smooth",
+      block: "end"
+    });
+  }, []), k = W((h) => {
+    const a = n.flatMap((f) => f.items).at(h);
+    a && o && a.onRun(o), t == null || t();
+  }, [n]), b = W((h) => {
+    if (h.key === "Escape") {
+      h.preventDefault(), t == null || t();
+      return;
+    }
+    if (h.key === "ArrowDown")
+      return h.preventDefault(), g((a) => a < s - 1 ? a + 1 : a, C);
+    if (h.key === "ArrowUp")
+      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);
+        if (!f)
+          return a;
+        const H = n[n.indexOf(f) - 1];
+        return H ? H.range[1] - 1 : a;
+      }, C);
+    if (h.key === "ArrowRight")
+      return h.preventDefault(), g((a) => {
+        const f = n.find((I) => I.range[0] <= a && I.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) => {
+    const f = m.current;
+    if (!f)
+      return;
+    const { x: H, y: I } = a;
+    H === f.x && I === 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 });
+  }), [i, b]), w`
+    <host onmousedown=${(h) => h.preventDefault()}>
+      <nav class="tab-group">
+        <ul>
+          ${n.map((h) => w`<li
+              key=${h.key}
+              onmousedown=${() => g(h.range[0], C)}
+              class=${d >= h.range[0] && d < h.range[1] ? "selected" : ""}
+            >
+              ${h.label}
+            </li>`)}
+        </ul>
+      </nav>
+      <div class="menu-groups" onmousemove=${v}>
+        ${n.map((h) => w`
+            <div key=${h.key} class="menu-group">
+              <h6>${h.label}</h6>
+              <ul>
+                ${h.items.map(
+    (a) => w`<li
+                    key=${a.key}
+                    data-index=${a.index}
+                    class=${d === a.index ? "hover" : ""}
+                    onmouseenter=${te(a.index)}
+                    onmousedown=${() => {
+      var f;
+      (f = r.current.querySelector(`[data-index="${a.index}"]`)) == null || f.classList.add("active");
+    }}
+                    onmouseup=${() => {
+      var f;
+      (f = r.current.querySelector(`[data-index="${a.index}"]`)) == null || f.classList.remove("active"), k(a.index);
+    }}
+                  >
+                    ${a.icon}
+                    <span>${a.label}</span>
+                  </li>`
+  )}
+              </ul>
+            </div>
+          `)}
+      </div>
+    </host>
+  `;
+};
+Gt.props = {
+  ctx: Object,
+  show: Boolean,
+  filter: String,
+  hide: Function
+};
+const Jt = zt(Gt), Qt = Ee("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)
+  });
+}
+var M, B, L;
+class tn {
+  constructor(t, o) {
+    p(this, M, void 0);
+    p(this, B, void 0);
+    p(this, L, void 0);
+    c(this, L, null), this.update = (n) => {
+      l(this, B).update(n);
+    }, this.show = (n) => {
+      c(this, L, n), l(this, M).filter = "", l(this, B).show();
+    }, this.hide = () => {
+      c(this, L, null), l(this, B).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;
+    const e = this;
+    c(this, B, new Ie({
+      content: l(this, M),
+      debounce: 20,
+      tippyOptions: {
+        arrow: !1,
+        delay: 0,
+        duration: 0,
+        onShow: () => {
+          l(this, M).show = !0;
+        },
+        onHidden: () => {
+          l(this, M).show = !1;
+        }
+      },
+      shouldShow(n) {
+        if (pe(n.state.selection) || ue(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("/");
+      }
+    })), this.update(o), t.set(Pt.key, {
+      show: (n) => this.show(n),
+      hide: () => this.hide()
+    });
+  }
+}
+M = new WeakMap(), B = new WeakMap(), L = new WeakMap();
+const en = 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"/>
+    </g>
+    <defs>
+      <clipPath id="clip0_971_7680">
+        <rect width="24" height="24" fill="white"/>
+      </clipPath>
+    </defs>
+  </svg>
+`, 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_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"/>
+    </g>
+    <defs>
+      <clipPath id="clip0_971_7676">
+        <rect width="24" height="24" fill="white"/>
+      </clipPath>
+    </defs>
+  </svg>
+`, Xt = ({ onAdd: i }) => {
+  const t = Ft();
+  return yt(() => {
+    var n;
+    (n = t.current) == null || n.classList.remove("active");
+  }), w`
+    <host>
+      <div ref=${t} onmousedown=${(n) => {
+    var s;
+    n.preventDefault(), n.stopPropagation(), (s = t.current) == null || s.classList.add("active");
+  }} onmouseup=${(n) => {
+    var s;
+    n.preventDefault(), n.stopPropagation(), i == null || i(), (s = t.current) == null || s.classList.remove("active");
+  }} class="operation-item">
+        ${nn}
+      </div>
+      <div class="operation-item">
+        ${en}
+      </div>
+    </host>
+  `;
+};
+Xt.props = {
+  show: Boolean,
+  onAdd: Function
+};
+const Yt = zt(Xt);
+var $, Z, ct;
+class on {
+  constructor(t, o) {
+    p(this, $, void 0);
+    p(this, Z, void 0);
+    p(this, ct, void 0);
+    this.update = (n) => {
+      l(this, Z).update(n);
+    }, this.destroy = () => {
+      l(this, Z).destroy(), l(this, $).remove();
+    }, this.onAdd = () => {
+      const n = l(this, ct), s = n.get(y);
+      s.hasFocus() || s.focus();
+      const { state: r, dispatch: d } = s, u = l(this, Z).activeNode;
+      if (!u)
+        return;
+      const m = u.$pos, v = ["hr", "image-block"].includes(u.node.type.name), g = v ? u.node.nodeSize : u.node.content.size, C = m.pos + g + (["blockquote"].includes(m.parent.type.name) ? 1 : 0), k = ["blockquote"].includes(m.parent.type.name) || v ? 1 : 2;
+      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({
+      ctx: t,
+      content: e,
+      tippyOptions: {
+        arrow: !1,
+        delay: 0,
+        duration: 0,
+        onShow: () => {
+          l(this, $).show = !0;
+        },
+        onHidden: () => {
+          l(this, $).show = !1;
+        }
+      }
+    })), this.update(o);
+  }
+}
+$ = new WeakMap(), Z = new WeakMap(), ct = new WeakMap();
+customElements.define("milkdown-block-handle", Yt);
+function sn(i) {
+  i.set(ft.key, {
+    view: (t) => new on(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);
+};
+export {
+  mn as defineFeature
+};