@milkdown/crepe 7.3.4 → 7.3.5

package/lib/{index-kwrazjQE.js → index-WpINpUas.js}

@@ -1,14 +1,14 @@
-import { L as P, a as q, s as g, t as r, p as l } from "./index-qQMehYhQ.js";
-import { html as c } from "./index-bnwzlBfQ.js";
-import { javascriptLanguage as s } from "./index-KpfNv3rh.js";
-import { L as m, E as p } from "./index-TsIsEZU1.js";
+import { L as P, a as q, s as g, t as r, p as l } from "./index-iECr6hjv.js";
+import { html as c } from "./index-sAnPFt21.js";
+import { javascriptLanguage as s } from "./index-f8O1bHwz.js";
+import { L as m, E as p } from "./index-4p4g7ekJ.js";
 import "./meta-tAGyVRPE.js";
 import "./icons-HYkfuR-O.js";
-import "./index-yP4hAgM2.js";
+import "./index-S3dtETwZ.js";
 import "./hooks-82sqkbtE.js";
-import "./index-H0TD0r41.js";
+import "./index-K_kBonEs.js";
 import "./clsx-7d8NmkQq.js";
-import "./index-hNRb95TL.js";
+import "./index-zY_Ffd-9.js";
 const R = 1, b = 33, $ = 34, v = 35, x = 36, W = /* @__PURE__ */ new p((O) => {
   let t = O.pos;
   for (; ; ) {

package/lib/{index-wbiYuOxV.js → index-YjIgdsm-.js}

@@ -1,38 +1,38 @@
-var N = (n, t, r) => {
+var O = (n, t, r) => {
   if (!t.has(n))
     throw TypeError("Cannot " + r);
 };
-var i = (n, t, r) => (N(n, t, "read from private field"), r ? r.call(n) : t.get(n)), c = (n, t, r) => {
+var i = (n, t, r) => (O(n, t, "read from private field"), r ? r.call(n) : t.get(n)), c = (n, t, r) => {
   if (t.has(n))
     throw TypeError("Cannot add the same private member more than once");
   t instanceof WeakSet ? t.add(n) : t.set(n, r);
-}, a = (n, t, r, e) => (N(n, t, "write to private field"), e ? e.call(n, r) : t.set(n, r), r);
-import { t as O, T as z, l as V, a as B, b as H } from "./tooltip-plugin-0UgO85XO.js";
-import { w as D, c as K, h as M, u as J, a as Q } from "./meta-tAGyVRPE.js";
-import { d as R, f as _, T as U, i as tt } from "./index-yP4hAgM2.js";
-import { d as et, p as Y } from "./tippy.esm-xX0Dh8mH.js";
-import { u as it } from "./hooks-82sqkbtE.js";
-import { c as nt } from "./clsx-7d8NmkQq.js";
+}, d = (n, t, r, e) => (O(n, t, "write to private field"), e ? e.call(n, r) : t.set(n, r), r);
+import { t as j, l as D, a as B, b as H, T as z } from "./tooltip-plugin-Pjm6nx6a.js";
+import { w as V, c as K, h as M, u as Q, a as U } from "./meta-tAGyVRPE.js";
+import { d as R, f as Y, g as _, T as tt, i as et } from "./index-S3dtETwZ.js";
+import { d as it, p as q } from "./tippy.esm-lHdsQkl8.js";
+import { u as nt } from "./hooks-82sqkbtE.js";
+import { c as ot } from "./clsx-7d8NmkQq.js";
 import "./icons-HYkfuR-O.js";
-const $ = O("LINK_PREVIEW");
-D($[0], {
+const $ = j("LINK_PREVIEW");
+V($[0], {
   displayName: "PreviewTooltipSpec<link-tooltip>",
   group: "LinkTooltip"
 });
-D($[1], {
+V($[1], {
   displayName: "PreviewTooltipPlugin<link-tooltip>",
   group: "LinkTooltip"
 });
-const Z = O("LINK_EDIT");
-D(Z[0], {
+const Z = j("LINK_EDIT");
+V(Z[0], {
   displayName: "EditTooltipSpec<link-tooltip>",
   group: "LinkTooltip"
 });
-D(Z[1], {
+V(Z[1], {
   displayName: "EditTooltipPlugin<link-tooltip>",
   group: "LinkTooltip"
 });
-function ot(n, t, r, e) {
+function st(n, t, r, e) {
   let o = { start: -1, end: -1 };
   return t.nodesBetween(r, e, (s, p) => {
     if (o.start > -1)
@@ -43,18 +43,18 @@ function ot(n, t, r, e) {
     });
   }), o;
 }
-function st(n, t, r) {
+function rt(n, t, r) {
   const e = t.posAtCoords({ left: r.clientX, top: r.clientY });
   if (!e)
     return;
   const { pos: o } = e, s = t.state.doc.nodeAt(o);
   if (!s)
     return;
-  const p = s.marks.find((d) => d.type === R.mark.type(n));
+  const p = s.marks.find((a) => a.type === R.mark.type(n));
   if (!(!p || !$.pluginKey()))
     return { show: !0, pos: o, node: s, mark: p };
 }
-const q = ({ config: n, src: t, onEdit: r, onRemove: e }) => {
+const W = ({ config: n, src: t, onEdit: r, onRemove: e }) => {
   const o = (l) => {
     l.stopPropagation(), l.preventDefault(), r == null || r();
   }, s = (l) => {
@@ -65,8 +65,8 @@ const q = ({ config: n, src: t, onEdit: r, onRemove: e }) => {
       <div class="link-preview" onmousedown=${(l) => {
     l.preventDefault(), navigator.clipboard && t && navigator.clipboard.writeText(t).then(() => {
       n == null || n.onCopyLink(t);
-    }).catch((d) => {
-      throw d;
+    }).catch((a) => {
+      throw a;
     });
   }}>
         <span class="link-icon">
@@ -83,15 +83,15 @@ const q = ({ config: n, src: t, onEdit: r, onRemove: e }) => {
     </host>
   `;
 };
-q.props = {
+W.props = {
   config: Object,
   src: String,
   onEdit: Function,
   onRemove: Function
 };
-const W = K(q);
+const X = K(W);
 var u, w, f, x, T, L, b, C, y;
-class rt {
+class lt {
   constructor(t, r) {
     c(this, x);
     c(this, u, void 0);
@@ -101,53 +101,56 @@ class rt {
     c(this, b, void 0);
     c(this, C, void 0);
     c(this, y, void 0);
-    this.ctx = t, a(this, u, new W()), a(this, w, new z({
-      debounce: 0,
-      content: i(this, u),
-      shouldShow: () => !1
-    })), a(this, f, !1), this.setRect = (e) => {
+    this.ctx = t, d(this, u, new X()), d(this, f, !1), this.setRect = (e) => {
       var o;
       (o = i(this, w).getInstance()) == null || o.setProps({
         getReferenceClientRect: () => e
       });
-    }, a(this, L, ({ mode: e }) => {
+    }, d(this, L, ({ mode: e }) => {
       e === "edit" && i(this, y).call(this);
-    }), a(this, b, () => {
-      a(this, f, !0);
-    }), a(this, C, () => {
-      a(this, f, !1);
-    }), a(this, y, () => {
+    }), d(this, b, () => {
+      d(this, f, !0);
+    }), d(this, C, () => {
+      d(this, f, !1);
+    }), d(this, y, () => {
       var e, o;
       i(this, w).hide(), (e = i(this, x, T)) == null || e.popper.addEventListener("mouseenter", i(this, b)), (o = i(this, x, T)) == null || o.popper.addEventListener("mouseleave", i(this, C));
     }), this.show = (e, o, s) => {
-      var l, d;
-      const p = this.ctx.get(V.key);
+      var l, a;
+      const p = this.ctx.get(D.key);
       i(this, u).config = p, i(this, u).src = e.attrs.href, i(this, u).onEdit = () => {
         this.ctx.get(B.key).editLink(e, o, s);
       }, i(this, u).onRemove = () => {
         this.ctx.get(B.key).removeLink(o, s), i(this, y).call(this);
-      }, i(this, w).show(), (l = i(this, x, T)) == null || l.popper.addEventListener("mouseenter", i(this, b)), (d = i(this, x, T)) == null || d.popper.addEventListener("mouseleave", i(this, C));
+      }, i(this, w).show(), (l = i(this, x, T)) == null || l.popper.addEventListener("mouseenter", i(this, b)), (a = i(this, x, T)) == null || a.popper.addEventListener("mouseleave", i(this, C));
     }, this.hide = () => {
       i(this, f) || i(this, y).call(this);
     }, this.update = () => {
     }, this.destroy = () => {
       this.ctx.use(H.key).off(i(this, L)), i(this, w).destroy(), i(this, u).remove();
-    }, i(this, w).update(r), t.use(H.key).on(i(this, L));
+    }, d(this, w, new z({
+      debounce: 0,
+      content: i(this, u),
+      shouldShow: () => !1,
+      tippyOptions: {
+        appendTo: () => t.get(Y)
+      }
+    })), i(this, w).update(r), t.use(H.key).on(i(this, L));
   }
 }
 u = new WeakMap(), w = new WeakMap(), f = new WeakMap(), x = new WeakSet(), T = function() {
   return i(this, w).getInstance();
 }, L = new WeakMap(), b = new WeakMap(), C = new WeakMap(), y = new WeakMap();
-customElements.define("milkdown-link-preview", W);
-function lt(n) {
+customElements.define("milkdown-link-preview", X);
+function pt(n) {
   let t;
-  const e = et((s, p) => {
+  const e = it((s, p) => {
     if (!t || !s.hasFocus() || n.get(H.key).mode === "edit")
       return;
-    const d = st(n, s, p);
-    if (d) {
-      const h = s.state.doc.resolve(d.pos), E = ot(d.mark, s.state.doc, h.before(), h.after()), F = E.start, A = E.end;
-      t.setRect(Y(s, F, A)), t.show(d.mark, F, A);
+    const a = rt(n, s, p);
+    if (a) {
+      const h = s.state.doc.resolve(a.pos), E = st(a.mark, s.state.doc, h.before(), h.after()), F = E.start, A = E.end;
+      t.setRect(q(s, F, A)), t.show(a.mark, F, A);
       return;
     }
     t.hide();
@@ -163,23 +166,23 @@ function lt(n) {
         mouseleave: o
       }
     },
-    view: (s) => (t = new rt(n, s), t)
+    view: (s) => (t = new lt(n, s), t)
   });
 }
-const X = ({
+const G = ({
   src: n,
   onConfirm: t,
   onCancel: r,
   config: e
 }) => {
-  const o = J(), [s, p] = it(n);
-  Q(() => {
+  const o = Q(), [s, p] = nt(n);
+  U(() => {
     p(n ?? "");
   }, [n]);
   const l = () => {
     var h;
     t == null || t(((h = o.current) == null ? void 0 : h.value) ?? "");
-  }, d = (h) => {
+  }, a = (h) => {
     var E;
     h.stopPropagation(), h.key === "Enter" && (t == null || t(((E = o.current) == null ? void 0 : E.value) ?? ""), h.preventDefault()), h.key === "Escape" && (r == null || r(), h.preventDefault());
   };
@@ -190,30 +193,30 @@ const X = ({
           class="input-area"
           placeholder=${e == null ? void 0 : e.inputPlaceholder}
           ref=${o}
-          onkeydown=${d}
+          onkeydown=${a}
           oninput=${(h) => p(h.target.value)}
           value=${s}
         />
-        <span class=${nt("button confirm", s.length === 0 && "hidden")} onclick=${l}>
+        <span class=${ot("button confirm", s.length === 0 && "hidden")} onclick=${l}>
           ${e == null ? void 0 : e.confirmButton()}
         </span>
       </div>
     </host>
   `;
 };
-X.props = {
+G.props = {
   config: Object,
   src: String,
   onConfirm: Function,
   onCancel: Function
 };
-const G = K(X), j = {
+const J = K(G), N = {
   from: -1,
   to: -1,
   mark: null
 };
 var k, m, v, g, I, S, P;
-class pt {
+class at {
   constructor(t, r) {
     c(this, k, void 0);
     c(this, m, void 0);
@@ -222,34 +225,34 @@ class pt {
     c(this, I, void 0);
     c(this, S, void 0);
     c(this, P, void 0);
-    this.ctx = t, a(this, k, new G()), a(this, v, { ...j }), a(this, g, () => {
+    this.ctx = t, d(this, k, new J()), d(this, v, { ...N }), d(this, g, () => {
       i(this, m).hide(), this.ctx.update(H.key, (e) => ({
         ...e,
         mode: "preview"
-      })), a(this, v, { ...j });
-    }), a(this, I, (e) => {
+      })), d(this, v, { ...N });
+    }), d(this, I, (e) => {
       var o;
       (o = i(this, m).getInstance()) == null || o.setProps({
         getReferenceClientRect: () => e
       });
-    }), a(this, S, (e) => {
-      const o = this.ctx.get(_), { from: s, to: p, mark: l } = i(this, v), d = R.type(this.ctx);
+    }), d(this, S, (e) => {
+      const o = this.ctx.get(_), { from: s, to: p, mark: l } = i(this, v), a = R.type(this.ctx);
       if (l && l.attrs.href === e) {
         i(this, g).call(this);
         return;
       }
       const h = o.state.tr;
-      l && h.removeMark(s, p, l), h.addMark(s, p, d.create({ href: e })), o.dispatch(h), i(this, g).call(this);
-    }), a(this, P, (e, o, s) => {
-      const p = this.ctx.get(V.key);
-      i(this, k).config = p, i(this, k).src = e, this.ctx.update(H.key, (d) => ({
-        ...d,
+      l && h.removeMark(s, p, l), h.addMark(s, p, a.create({ href: e })), o.dispatch(h), i(this, g).call(this);
+    }), d(this, P, (e, o, s) => {
+      const p = this.ctx.get(D.key);
+      i(this, k).config = p, i(this, k).src = e, this.ctx.update(H.key, (a) => ({
+        ...a,
         mode: "edit"
       }));
       const l = this.ctx.get(_);
-      i(this, I).call(this, Y(l, o, s)), l.dispatch(l.state.tr.setSelection(U.create(l.state.doc, o, s))), i(this, m).show(), requestAnimationFrame(() => {
-        var d;
-        (d = i(this, k).querySelector("input")) == null || d.focus();
+      i(this, I).call(this, q(l, o, s)), l.dispatch(l.state.tr.setSelection(tt.create(l.state.doc, o, s))), i(this, m).show(), requestAnimationFrame(() => {
+        var a;
+        (a = i(this, k).querySelector("input")) == null || a.focus();
       });
     }), this.update = (e) => {
       const { state: o } = e, { selection: s } = o, { from: p, to: l } = s;
@@ -257,13 +260,13 @@ class pt {
     }, this.destroy = () => {
       i(this, m).destroy(), i(this, k).remove();
     }, this.addLink = (e, o) => {
-      a(this, v, {
+      d(this, v, {
         from: e,
         to: o,
         mark: null
       }), i(this, P).call(this, "", e, o);
     }, this.editLink = (e, o, s) => {
-      a(this, v, {
+      d(this, v, {
         from: o,
         to: s,
         mark: e
@@ -271,11 +274,12 @@ class pt {
     }, this.removeLink = (e, o) => {
       const s = this.ctx.get(_), p = s.state.tr;
       p.removeMark(e, o, R.type(this.ctx)), s.dispatch(p), i(this, g).call(this);
-    }, a(this, m, new z({
+    }, d(this, m, new z({
       content: i(this, k),
       debounce: 0,
       shouldShow: () => !1,
       tippyOptions: {
+        appendTo: () => t.get(Y),
         onHidden: () => {
           i(this, k).update().catch((e) => {
             throw e;
@@ -286,7 +290,7 @@ class pt {
   }
 }
 k = new WeakMap(), m = new WeakMap(), v = new WeakMap(), g = new WeakMap(), I = new WeakMap(), S = new WeakMap(), P = new WeakMap();
-customElements.define("milkdown-link-edit", G);
+customElements.define("milkdown-link-edit", J);
 function dt(n) {
   let t;
   n.update(B.key, (r) => ({
@@ -301,17 +305,17 @@ function dt(n) {
       t == null || t.removeLink(e, o);
     }
   })), n.set(Z.key, {
-    view: (r) => (t = new pt(n, r), t)
+    view: (r) => (t = new at(n, r), t)
   });
 }
-function at(n) {
-  lt(n), dt(n);
+function ht(n) {
+  pt(n), dt(n);
 }
-const ht = [H, B, V, $, Z].flat(), ct = M`
+const ct = [H, B, D, $, Z].flat(), kt = M`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <path d="M17.0385 19.5003V16.5388H14.0769V15.0388H17.0385V12.0773H18.5384V15.0388H21.5V16.5388H18.5384V19.5003H17.0385ZM10.8077 16.5388H7.03845C5.78282 16.5388 4.7125 16.0963 3.8275 15.2114C2.9425 14.3266 2.5 13.2564 2.5 12.0009C2.5 10.7454 2.9425 9.67504 3.8275 8.78979C4.7125 7.90454 5.78282 7.46191 7.03845 7.46191H10.8077V8.96186H7.03845C6.1987 8.96186 5.48235 9.25834 4.8894 9.85129C4.29645 10.4442 3.99998 11.1606 3.99998 12.0003C3.99998 12.8401 4.29645 13.5564 4.8894 14.1494C5.48235 14.7423 6.1987 15.0388 7.03845 15.0388H10.8077V16.5388ZM8.25 12.7503V11.2504H15.75V12.7503H8.25ZM21.5 12.0003H20C20 11.1606 19.7035 10.4442 19.1106 9.85129C18.5176 9.25834 17.8013 8.96186 16.9615 8.96186H13.1923V7.46191H16.9615C18.2171 7.46191 19.2875 7.90441 20.1725 8.78939C21.0575 9.67439 21.5 10.7447 21.5 12.0003Z" fill="#817567"/>
   </svg>
-`, kt = M`
+`, ut = M`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <g clip-path="url(#clip0_1013_1585)">
       <path d="M14.06 9.02L14.98 9.94L5.92 19H5V18.08L14.06 9.02ZM17.66 3C17.41 3 17.15 3.1 16.96 3.29L15.13 5.12L18.88 8.87L20.71 7.04C21.1 6.65 21.1 6.02 20.71 5.63L18.37 3.29C18.17 3.09 17.92 3 17.66 3ZM14.06 6.19L3 17.25V21H6.75L17.81 9.94L14.06 6.19Z" fill="#817567"/>
@@ -322,7 +326,7 @@ const ht = [H, B, V, $, Z].flat(), ct = M`
       </clipPath>
     </defs>
   </svg>
-`, ut = M`
+`, wt = M`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <g clip-path="url(#clip0_1013_1627)">
       <path d="M6 19C6 20.1 6.9 21 8 21H16C17.1 21 18 20.1 18 19V9C18 7.9 17.1 7 16 7H8C6.9 7 6 7.9 6 9V19ZM9 9H15C15.55 9 16 9.45 16 10V18C16 18.55 15.55 19 15 19H9C8.45 19 8 18.55 8 18V10C8 9.45 8.45 9 9 9ZM15.5 4L14.79 3.29C14.61 3.11 14.35 3 14.09 3H9.91C9.65 3 9.39 3.11 9.21 3.29L8.5 4H6C5.45 4 5 4.45 5 5C5 5.55 5.45 6 6 6H18C18.55 6 19 5.55 19 5C19 4.45 18.55 4 18 4H15.5Z" fill="#817567"/>
@@ -333,7 +337,7 @@ const ht = [H, B, V, $, Z].flat(), ct = M`
       </clipPath>
     </defs>
   </svg>
-`, wt = M`
+`, vt = M`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <g clip-path="url(#clip0_1013_1545)">
       <path d="M9.00012 16.1998L5.50012 12.6998C5.11012 12.3098 4.49012 12.3098 4.10012 12.6998C3.71012 13.0898 3.71012 13.7098 4.10012 14.0998L8.29012 18.2898C8.68012 18.6798 9.31012 18.6798 9.70012 18.2898L20.3001 7.69982C20.6901 7.30982 20.6901 6.68982 20.3001 6.29982C19.9101 5.90982 19.2901 5.90982 18.9001 6.29982L9.00012 16.1998Z" fill="#817567"/>
@@ -344,17 +348,17 @@ const ht = [H, B, V, $, Z].flat(), ct = M`
       </clipPath>
     </defs>
   </svg>
-`, vt = '.milkdown milkdown-link-preview>.link-preview{height:32px;display:flex;justify-content:center;padding:4px 10px;background:var(--crepe-color-surface);gap:10px;border-radius:8px;cursor:pointer;box-shadow:var(--crepe-shadow-1)}.milkdown milkdown-link-preview>.link-preview>.link-display:hover:before{display:block}.milkdown milkdown-link-preview>.link-preview>.link-display:before{content:"click to copy link";position:absolute;transform:translate(50%,-120%);padding:3px 10px;font-size:12px;border-radius:8px;color:color-mix(in srgb,var(--crepe-color-on-background),transparent 60%);background:var(--crepe-color-background);text-align:center;display:none}.milkdown milkdown-link-preview>.link-preview>.link-icon{padding:3px;line-height:24px}.milkdown milkdown-link-preview>.link-preview>.link-icon>svg{width:18px;height:18px}.milkdown milkdown-link-preview>.link-preview>.link-display{width:240px;line-height:24px;overflow:hidden;text-overflow:ellipsis;font-size:14px}.milkdown milkdown-link-preview>.link-preview>.link-display:hover{text-decoration:underline}.milkdown milkdown-link-preview>.link-preview>.button{padding:3px;border-radius:8px;line-height:24px}.milkdown milkdown-link-preview>.link-preview>.button>svg{width:18px;height:18px;color:var(--crepe-color-outline)}.milkdown milkdown-link-preview>.link-preview>.button:hover{background:var(--crepe-color-hover)}.milkdown milkdown-link-edit>.link-edit{height:32px;display:flex;justify-content:center;padding:4px 10px 4px 20px;background:var(--crepe-color-surface);gap:8px;border-radius:8px;box-shadow:var(--crepe-shadow-1)}.milkdown milkdown-link-edit>.link-edit>.input-area{outline:none;background:transparent;width:200px;font-size:14px;color:var(--crepe-color-on-background)}.milkdown milkdown-link-edit>.link-edit>.button{padding:3px;cursor:pointer;border-radius:8px;font-size:12px;line-height:24px}.milkdown milkdown-link-edit>.link-edit>.button>svg{width:18px;height:18px;color:var(--crepe-color-outline)}.milkdown milkdown-link-edit>.link-edit>.button:hover{background:var(--crepe-color-hover)}.milkdown milkdown-link-edit>.link-edit>.button.hidden{visibility:hidden}', Pt = (n) => {
-  n.config(tt(vt)).config(at).config((t) => {
-    t.update(V.key, (r) => ({
+`, mt = '.milkdown milkdown-link-preview>.link-preview{height:32px;display:flex;justify-content:center;padding:4px 10px;background:var(--crepe-color-surface);gap:10px;border-radius:8px;cursor:pointer;box-shadow:var(--crepe-shadow-1)}.milkdown milkdown-link-preview>.link-preview>.link-display:hover:before{display:block}.milkdown milkdown-link-preview>.link-preview>.link-display:before{content:"click to copy link";position:absolute;transform:translate(50%,-120%);padding:3px 10px;font-size:12px;border-radius:8px;color:color-mix(in srgb,var(--crepe-color-on-background),transparent 60%);background:var(--crepe-color-background);text-align:center;display:none}.milkdown milkdown-link-preview>.link-preview>.link-icon{padding:3px;line-height:24px}.milkdown milkdown-link-preview>.link-preview>.link-icon>svg{width:18px;height:18px}.milkdown milkdown-link-preview>.link-preview>.link-display{width:240px;line-height:24px;overflow:hidden;text-overflow:ellipsis;font-size:14px}.milkdown milkdown-link-preview>.link-preview>.link-display:hover{text-decoration:underline}.milkdown milkdown-link-preview>.link-preview>.button{padding:3px;border-radius:8px;line-height:24px}.milkdown milkdown-link-preview>.link-preview>.button>svg{width:18px;height:18px;color:var(--crepe-color-outline)}.milkdown milkdown-link-preview>.link-preview>.button:hover{background:var(--crepe-color-hover)}.milkdown milkdown-link-edit>.link-edit{height:32px;display:flex;justify-content:center;padding:4px 10px 4px 20px;background:var(--crepe-color-surface);gap:8px;border-radius:8px;box-shadow:var(--crepe-shadow-1)}.milkdown milkdown-link-edit>.link-edit>.input-area{outline:none;background:transparent;width:200px;font-size:14px;color:var(--crepe-color-on-background)}.milkdown milkdown-link-edit>.link-edit>.button{padding:3px;cursor:pointer;border-radius:8px;font-size:12px;line-height:24px}.milkdown milkdown-link-edit>.link-edit>.button>svg{width:18px;height:18px;color:var(--crepe-color-outline)}.milkdown milkdown-link-edit>.link-edit>.button:hover{background:var(--crepe-color-hover)}.milkdown milkdown-link-edit>.link-edit>.button.hidden{visibility:hidden}', Ht = (n) => {
+  n.config(et(mt)).config(ht).config((t) => {
+    t.update(D.key, (r) => ({
       ...r,
-      linkIcon: () => ct,
-      editButton: () => kt,
-      removeButton: () => ut,
-      confirmButton: () => wt
+      linkIcon: () => kt,
+      editButton: () => ut,
+      removeButton: () => wt,
+      confirmButton: () => vt
     }));
-  }).use(ht);
+  }).use(ct);
 };
 export {
-  Pt as defineFeature
+  Ht as defineFeature
 };

package/lib/{index-oOHgRzEu.js → index-ZyvuYqIf.js}

@@ -7,31 +7,31 @@ var a = (o, t, n) => (v(o, t, "read from private field"), n ? n.call(o) : t.get(
     throw TypeError("Cannot add the same private member more than once");
   t instanceof WeakSet ? t.add(o) : t.set(o, n);
 }, g = (o, t, n, c) => (v(o, t, "write to private field"), c ? c.call(o, n) : t.set(o, n), n);
-import { O as B, Q as S, R as E, d as b, f, U as u, V as I, W as F, X as O, i as P, T as k } from "./index-yP4hAgM2.js";
-import { h as m, c as R, f as A, a as j } from "./meta-tAGyVRPE.js";
+import { Q as B, R as S, U as E, d as b, g as f, V as u, W as I, X as F, Y as O, i as P, f as R, T as k } from "./index-S3dtETwZ.js";
+import { h as m, c as A, f as j, a as D } from "./meta-tAGyVRPE.js";
 import { c as p } from "./clsx-7d8NmkQq.js";
-import { a as H, t as U, T as D } from "./tooltip-plugin-0UgO85XO.js";
+import { a as H, t as U, T as N } from "./tooltip-plugin-Pjm6nx6a.js";
 import "./icons-HYkfuR-O.js";
-import "./tippy.esm-xX0Dh8mH.js";
-const N = m`
+import "./tippy.esm-lHdsQkl8.js";
+const Q = m`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <path d="M8.85758 18.625C8.4358 18.625 8.07715 18.4772 7.78163 18.1817C7.48613 17.8862 7.33838 17.5275 7.33838 17.1058V6.8942C7.33838 6.47242 7.48613 6.11377 7.78163 5.81825C8.07715 5.52275 8.4358 5.375 8.85758 5.375H12.1999C13.2191 5.375 14.1406 5.69231 14.9643 6.32693C15.788 6.96154 16.1999 7.81603 16.1999 8.89038C16.1999 9.63779 16.0194 10.2471 15.6585 10.7183C15.2976 11.1894 14.9088 11.5314 14.4922 11.7442C15.005 11.9211 15.4947 12.2708 15.9614 12.7933C16.428 13.3157 16.6614 14.0192 16.6614 14.9038C16.6614 16.182 16.1902 17.1217 15.2479 17.723C14.3056 18.3243 13.3563 18.625 12.3999 18.625H8.85758ZM9.4883 16.6327H12.3191C13.1063 16.6327 13.6627 16.4141 13.9884 15.9769C14.314 15.5397 14.4768 15.1205 14.4768 14.7192C14.4768 14.3179 14.314 13.8987 13.9884 13.4615C13.6627 13.0243 13.0909 12.8057 12.273 12.8057H9.4883V16.6327ZM9.4883 10.875H12.0826C12.6903 10.875 13.172 10.7013 13.5278 10.3539C13.8836 10.0064 14.0615 9.59037 14.0615 9.10575C14.0615 8.59035 13.8733 8.16918 13.497 7.84225C13.1207 7.51533 12.6595 7.35188 12.1133 7.35188H9.4883V10.875Z" fill="#817567"/>
   </svg>
-`, Q = m`
+`, W = m`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <path d="M6.29811 18.625C6.04505 18.625 5.83115 18.5375 5.65641 18.3626C5.48166 18.1877 5.39429 17.9736 5.39429 17.7203C5.39429 17.467 5.48166 17.2532 5.65641 17.0788C5.83115 16.9045 6.04505 16.8173 6.29811 16.8173H9.21159L12.452 7.18265H9.53851C9.28545 7.18265 9.07155 7.0952 8.89681 6.9203C8.72206 6.7454 8.63469 6.5313 8.63469 6.278C8.63469 6.02472 8.72206 5.81089 8.89681 5.63652C9.07155 5.46217 9.28545 5.375 9.53851 5.375H16.8847C17.1377 5.375 17.3516 5.46245 17.5264 5.63735C17.7011 5.81225 17.7885 6.02634 17.7885 6.27962C17.7885 6.53293 17.7011 6.74676 17.5264 6.92113C17.3516 7.09548 17.1377 7.18265 16.8847 7.18265H14.2789L11.0385 16.8173H13.6443C13.8973 16.8173 14.1112 16.9048 14.286 17.0797C14.4607 17.2546 14.5481 17.4687 14.5481 17.722C14.5481 17.9752 14.4607 18.1891 14.286 18.3634C14.1112 18.5378 13.8973 18.625 13.6443 18.625H6.29811Z" fill="#817567"/>
   </svg>
-`, W = m`
+`, X = m`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <path d="M4.46924 12.0158L8.52694 16.0735C8.66541 16.212 8.73624 16.386 8.73944 16.5956C8.74266 16.8052 8.67183 16.9824 8.52694 17.1273C8.38208 17.2722 8.20644 17.3446 8.00004 17.3446C7.79364 17.3446 7.61801 17.2722 7.47315 17.1273L2.97892 12.6331C2.88532 12.5395 2.81929 12.4408 2.78084 12.3369C2.74238 12.2331 2.72314 12.1209 2.72314 12.0004C2.72314 11.8799 2.74238 11.7677 2.78084 11.6639C2.81929 11.56 2.88532 11.4613 2.97892 11.3677L7.47315 6.87351C7.62184 6.72479 7.79844 6.64882 8.00292 6.6456C8.2074 6.6424 8.38721 6.71837 8.54234 6.87351C8.69746 7.02862 8.77502 7.20682 8.77502 7.4081C8.77502 7.60937 8.69746 7.78757 8.54234 7.94271L4.46924 12.0158ZM19.5308 11.985L15.4731 7.9273C15.3347 7.78885 15.2638 7.61482 15.2606 7.40521C15.2574 7.19561 15.3283 7.01837 15.4731 6.87351C15.618 6.72862 15.7936 6.65618 16 6.65618C16.2064 6.65618 16.3821 6.72862 16.5269 6.87351L21.0212 11.3677C21.1148 11.4613 21.1808 11.56 21.2192 11.6639C21.2577 11.7677 21.2769 11.8799 21.2769 12.0004C21.2769 12.1209 21.2577 12.2331 21.2192 12.3369C21.1808 12.4408 21.1148 12.5395 21.0212 12.6331L16.5269 17.1273C16.3782 17.276 16.2042 17.3494 16.0048 17.3475C15.8055 17.3456 15.6283 17.2671 15.4731 17.1119C15.318 16.9568 15.2404 16.7786 15.2404 16.5773C15.2404 16.376 15.318 16.1978 15.4731 16.0427L19.5308 11.985Z" fill="#817567"/>
   </svg>
-`, X = m`
+`, Y = m`
   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
     <path d="M17.0385 19.5003V16.5388H14.0769V15.0388H17.0385V12.0773H18.5384V15.0388H21.5V16.5388H18.5384V19.5003H17.0385ZM10.8077 16.5388H7.03845C5.78282 16.5388 4.7125 16.0963 3.8275 15.2114C2.9425 14.3266 2.5 13.2564 2.5 12.0009C2.5 10.7454 2.9425 9.67504 3.8275 8.78979C4.7125 7.90454 5.78282 7.46191 7.03845 7.46191H10.8077V8.96186H7.03845C6.1987 8.96186 5.48235 9.25834 4.8894 9.85129C4.29645 10.4442 3.99998 11.1606 3.99998 12.0003C3.99998 12.8401 4.29645 13.5564 4.8894 14.1494C5.48235 14.7423 6.1987 15.0388 7.03845 15.0388H10.8077V16.5388ZM8.25 12.7503V11.2504H15.75V12.7503H8.25ZM21.5 12.0003H20C20 11.1606 19.7035 10.4442 19.1106 9.85129C18.5176 9.25834 17.8013 8.96186 16.9615 8.96186H13.1923V7.46191H16.9615C18.2171 7.46191 19.2875 7.90441 20.1725 8.78939C21.0575 9.67439 21.5 10.7447 21.5 12.0003Z" fill="#817567"/>
   </svg>
 `, V = ({ ctx: o, hide: t, show: n }) => {
-  const c = A();
-  j(() => {
+  const c = j();
+  D(() => {
     c();
   }, [n]);
   const s = (e) => (i) => {
@@ -49,7 +49,7 @@ const N = m`
     e.get(u).call(I.key);
   })}
     >
-      ${N}
+      ${Q}
     </button>
     <button
       class=${p("toolbar-item", o && r(S.type(o)) && "active")}
@@ -57,7 +57,7 @@ const N = m`
     e.get(u).call(F.key);
   })}
     >
-      ${Q}
+      ${W}
     </button>
     <div class="divider"></div>
     <button
@@ -66,7 +66,7 @@ const N = m`
     e.get(u).call(O.key);
   })}
     >
-      ${W}
+      ${X}
     </button>
     <button
       class=${p("toolbar-item", o && r(b.type(o)) && "active")}
@@ -79,7 +79,7 @@ const N = m`
     e.get(H.key).addLink(d.from, d.to), t == null || t();
   })}
     >
-      ${X}
+      ${Y}
     </button>
   </host>`;
 };
@@ -88,7 +88,7 @@ V.props = {
   hide: Function,
   show: Boolean
 };
-const x = R(V), _ = ".milkdown milkdown-toolbar{display:flex;background:var(--crepe-color-surface);box-shadow:var(--crepe-shadow-1);border-radius:8px;overflow:hidden}.milkdown milkdown-toolbar .divider{width:1px;background:color-mix(in srgb,var(--crepe-color-outline),transparent 80%);height:24px;margin:10px}.milkdown milkdown-toolbar .toolbar-item{width:44px;height:44px;padding:10px;cursor:pointer}.milkdown milkdown-toolbar .toolbar-item:hover{background:var(--crepe-color-hover)}.milkdown milkdown-toolbar .toolbar-item.active{background:var(--crepe-color-selected)}.milkdown milkdown-toolbar .toolbar-item svg{height:24px;width:24px;color:var(--crepe-color-outline)}", y = U("CREPE_TOOLBAR");
+const x = A(V), _ = ".milkdown milkdown-toolbar{display:flex;background:var(--crepe-color-surface);box-shadow:var(--crepe-shadow-1);border-radius:8px;overflow:hidden}.milkdown milkdown-toolbar .divider{width:1px;background:color-mix(in srgb,var(--crepe-color-outline),transparent 80%);height:24px;margin:10px}.milkdown milkdown-toolbar .toolbar-item{width:44px;height:44px;padding:10px;cursor:pointer}.milkdown milkdown-toolbar .toolbar-item:hover{background:var(--crepe-color-hover)}.milkdown milkdown-toolbar .toolbar-item.active{background:var(--crepe-color-selected)}.milkdown milkdown-toolbar .toolbar-item svg{height:24px;width:24px;color:var(--crepe-color-outline)}", y = U("CREPE_TOOLBAR");
 var C, l;
 class q {
   constructor(t, n) {
@@ -102,10 +102,11 @@ class q {
       a(this, C).hide();
     };
     const c = new x();
-    g(this, l, c), a(this, l).ctx = t, a(this, l).hide = this.hide, g(this, C, new D({
+    g(this, l, c), a(this, l).ctx = t, a(this, l).hide = this.hide, g(this, C, new N({
       content: a(this, l),
       debounce: 20,
       tippyOptions: {
+        appendTo: () => t.get(R),
         onShow: () => {
           a(this, l).show = !0;
         },
@@ -114,15 +115,15 @@ class q {
         }
       },
       shouldShow(s) {
-        const { doc: r, selection: e } = s.state, { empty: i, from: d, to: h } = e, L = !r.textBetween(d, h).length && e instanceof k, $ = !(e instanceof k), M = c.contains(document.activeElement), T = !s.hasFocus() && !M, Z = !s.editable;
-        return !(T || $ || i || L || Z);
+        const { doc: r, selection: e } = s.state, { empty: i, from: d, to: h } = e, L = !r.textBetween(d, h).length && e instanceof k, M = !(e instanceof k), T = c.contains(document.activeElement), $ = !s.hasFocus() && !T, Z = !s.editable;
+        return !($ || M || i || L || Z);
       }
     })), this.update(n);
   }
 }
 C = new WeakMap(), l = new WeakMap();
 customElements.define("milkdown-toolbar", x);
-const e1 = (o) => {
+const n1 = (o) => {
   o.config(P(_)).config((t) => {
     t.set(y.key, {
       view: (n) => new q(t, n)
@@ -130,5 +131,5 @@ const e1 = (o) => {
   }).use(y);
 };
 export {
-  e1 as defineFeature
+  n1 as defineFeature
 };