@wrdagency/blockout 1.0.9 → 1.0.11

package/dist/components/controls/markdown-control/editor.js

@@ -1,18 +1,18 @@
-import { jsx as C, jsxs as ge } from "react/jsx-runtime";
+import { jsx as L, jsxs as ge } from "react/jsx-runtime";
 import { cn as ye } from "../../../utils/css.js";
-import { r as T, w as ve, c as we, d as be, a as V, h as S, b as F, p as Me, E as Ie, l as ke, e as Ee, f as Ce } from "../../../toolbar-j1SJvq8D.js";
-import { $ as X, d as Le, T as Y, a as ee, s as Pe, g as Oe, b as j, P as z, h as te, i as Te, j as Se, k as _e, l as Ae, m as De, M as je, n as Ne, o as ne, q as W, r as xe, I as Ue, S as Fe, t as Be, E as qe, u as ze, v as He, w as Ke } from "../../../index-EPj3dCzl.js";
-import { l as Re, c as $e, g as Ve, w as We } from "../../../commands-IQnqt4xL.js";
+import { r as T, w as ve, c as we, d as be, a as W, h as S, b as F, p as Me, E as Ie, l as ke, e as Ee, f as Le } from "../../../toolbar-CCiZ_PIy.js";
+import { $ as X, d as Pe, T as Y, a as ee, s as Ce, g as Oe, b as j, P as z, h as te, i as Te, j as Se, k as _e, l as Ae, m as De, M as je, n as Ne, o as ne, q as G, r as xe, I as Ue, S as Fe, t as Be, E as qe, u as ze, v as $e, w as He } from "../../../index-EPj3dCzl.js";
+import { l as Ke, c as Re, g as We, w as Ge } from "../../../commands-IQnqt4xL.js";
 import '../../../assets/prosemirror.css';/* empty css                            */
-import { d as Ge, M as Je, a as Ze, b as Qe } from "../../../index-CwFPDtaz.js";
+import { d as Ve, M as Je, a as Ze, b as Qe } from "../../../index-CwFPDtaz.js";
 import { P as Xe } from "../../../base-jB1DIMnz.js";
 import "react";
 import { useMentionsPlugin as Ye } from "./slash/mentions.js";
-var et = Object.defineProperty, G = Object.getOwnPropertySymbols, tt = Object.prototype.hasOwnProperty, nt = Object.prototype.propertyIsEnumerable, J = (n, e, t) => e in n ? et(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, rt = (n, e) => {
+var et = Object.defineProperty, V = Object.getOwnPropertySymbols, tt = Object.prototype.hasOwnProperty, nt = Object.prototype.propertyIsEnumerable, J = (n, e, t) => e in n ? et(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, rt = (n, e) => {
   for (var t in e || (e = {}))
     tt.call(e, t) && J(n, t, e[t]);
-  if (G)
-    for (var t of G(e))
+  if (V)
+    for (var t of V(e))
       nt.call(e, t) && J(n, t, e[t]);
   return n;
 };
@@ -100,31 +100,31 @@ const it = be({
     readonly: r,
     setAttr: i,
     onMount: o,
-    selected: l
+    selected: a
   }) {
-    const a = (u) => {
+    const l = (u) => {
       u != null && u instanceof Element && o(u);
-    }, d = (u) => {
+    }, c = (u) => {
       u.stopPropagation(), u.preventDefault(), e.value != null && i("checked", !e.value);
-    }, f = V(() => s.renderLabel({
+    }, f = W(() => s.renderLabel({
       label: n.value,
       listType: t.value,
       checked: e.value,
       readonly: r.value
-    })), p = V(() => e.value == null ? t.value === "bullet" ? "bullet" : "ordered" : e.value ? "checked" : "unchecked");
+    })), p = W(() => e.value == null ? t.value === "bullet" ? "bullet" : "ordered" : e.value ? "checked" : "unchecked");
     return () => /* @__PURE__ */ S(
       "li",
       {
         class: F(
           "list-item",
-          l.value && "ProseMirror-selectednode"
+          a.value && "ProseMirror-selectednode"
         )
       },
       /* @__PURE__ */ S(
         "div",
         {
           class: "label-wrapper",
-          onPointerdown: d,
+          onPointerdown: c,
           contenteditable: !1
         },
         /* @__PURE__ */ S(
@@ -139,35 +139,35 @@ const it = be({
           }
         )
       ),
-      /* @__PURE__ */ S("div", { class: "children", ref: a })
+      /* @__PURE__ */ S("div", { class: "children", ref: l })
     );
   }
-}), ie = Le(
-  Re.node,
+}), ie = Pe(
+  Ke.node,
   (n) => (e, t, s) => {
     const r = document.createElement("div");
     r.className = "milkdown-list-item-block";
     const i = document.createElement("div");
     i.setAttribute("data-content-dom", "true"), i.classList.add("content-dom");
-    const o = T(e.attrs.label), l = T(e.attrs.checked), a = T(e.attrs.listType), d = T(!t.editable), f = n.get(N.key), p = T(!1), u = (c, E) => {
+    const o = T(e.attrs.label), a = T(e.attrs.checked), l = T(e.attrs.listType), c = T(!t.editable), f = n.get(N.key), p = T(!1), u = (d, E) => {
       if (!t.editable) return;
       const w = s();
-      w != null && (t.hasFocus() || t.focus(), t.dispatch(t.state.tr.setNodeAttribute(w, c, E)));
+      w != null && (t.hasFocus() || t.focus(), t.dispatch(t.state.tr.setNodeAttribute(w, d, E)));
     }, h = ve(() => {
       p.value ? r.classList.add("selected") : r.classList.remove("selected");
     });
     let g = 0;
     const b = we(it, {
       label: o,
-      checked: l,
-      listType: a,
-      readonly: d,
+      checked: a,
+      listType: l,
+      readonly: c,
       config: f,
       selected: p,
       setAttr: u,
-      onMount: (c) => {
+      onMount: (d) => {
         const { anchor: E, head: w } = t.state.selection;
-        c.appendChild(i);
+        d.appendChild(i);
         const _ = t.state.doc.resolve(E), he = t.state.doc.resolve(w);
         g = requestAnimationFrame(() => {
           if (cancelAnimationFrame(g), !_.doc.eq(t.state.doc)) return;
@@ -177,16 +177,16 @@ const it = be({
       }
     });
     b.mount(r);
-    const O = (c) => {
-      a.value = c.attrs.listType, o.value = c.attrs.label, l.value = c.attrs.checked, d.value = !t.editable;
+    const O = (d) => {
+      l.value = d.attrs.listType, o.value = d.attrs.label, a.value = d.attrs.checked, c.value = !t.editable;
     };
     O(e);
     let k = e;
     return {
       dom: r,
       contentDOM: i,
-      update: (c) => c.type !== e.type ? !1 : (c.sameMarkup(k) && c.content.eq(k.content) || (k = c, O(c)), !0),
-      ignoreMutation: (c) => !r || !i ? !0 : c.type === "selection" ? !1 : i === c.target && c.type === "attributes" ? !0 : !i.contains(c.target),
+      update: (d) => d.type !== e.type ? !1 : (d.sameMarkup(k) && d.content.eq(k.content) || (k = d, O(d)), !0),
+      ignoreMutation: (d) => !r || !i ? !0 : d.type === "selection" ? !1 : i === d.target && d.type === "attributes" ? !0 : !i.contains(d.target),
       selectNode: () => {
         p.value = !0;
       },
@@ -223,7 +223,7 @@ function at(n, e) {
   }), n;
 }
 const oe = ee((n) => {
-  const e = n.get(Pe);
+  const e = n.get(Ce);
   n.update(Oe, (r) => ({
     ...r,
     editable: r.editable ?? (() => !0)
@@ -234,11 +234,11 @@ const oe = ee((n) => {
     props: {
       handlePaste: (r, i) => {
         var O, k;
-        const o = n.get(Te), l = (k = (O = r.props).editable) == null ? void 0 : k.call(O, r.state), { clipboardData: a } = i;
-        if (!l || !a || r.state.selection.$from.node().type.spec.code) return !1;
-        const f = a.getData("text/plain"), p = a.getData("vscode-editor-data");
+        const o = n.get(Te), a = (k = (O = r.props).editable) == null ? void 0 : k.call(O, r.state), { clipboardData: l } = i;
+        if (!a || !l || r.state.selection.$from.node().type.spec.code) return !1;
+        const f = l.getData("text/plain"), p = l.getData("vscode-editor-data");
         if (p) {
-          const c = JSON.parse(p), E = c == null ? void 0 : c.mode;
+          const d = JSON.parse(p), E = d == null ? void 0 : d.mode;
           if (f && E) {
             const { tr: w } = r.state, _ = Se("code_block", e);
             return w.replaceSelectionWith(_.create({ language: E })).setSelection(
@@ -249,25 +249,25 @@ const oe = ee((n) => {
 `)), r.dispatch(w), !0;
           }
         }
-        const u = a.getData("text/html");
+        const u = l.getData("text/html");
         if (u.length === 0 && f.length === 0) return !1;
         const h = _e.fromSchema(e);
         let g;
         if (u.length === 0) {
-          const c = o(f);
-          if (!c || typeof c == "string") return !1;
+          const d = o(f);
+          if (!d || typeof d == "string") return !1;
           g = Ae.fromSchema(e).serializeFragment(
-            c.content
+            d.content
           );
         } else {
-          const c = document.createElement("template");
-          c.innerHTML = u, g = c.content.cloneNode(!0), c.remove();
+          const d = document.createElement("template");
+          d.innerHTML = u, g = d.content.cloneNode(!0), d.remove();
         }
-        const P = h.parseSlice(g), b = De(P);
+        const C = h.parseSlice(g), b = De(C);
         if (b)
           return r.dispatch(r.state.tr.replaceSelectionWith(b, !0)), !0;
         try {
-          return r.dispatch(r.state.tr.replaceSelection(P)), !0;
+          return r.dispatch(r.state.tr.replaceSelection(C)), !0;
         } catch {
           return !1;
         }
@@ -282,8 +282,8 @@ const oe = ee((n) => {
 
 `
           );
-        const l = e.topNodeType.createAndFill(void 0, r.content);
-        return l ? i(l) : "";
+        const a = e.topNodeType.createAndFill(void 0, r.content);
+        return a ? i(a) : "";
       }
     }
   });
@@ -332,13 +332,13 @@ var ae = /* @__PURE__ */ function(n) {
     return r == 0 && i == this.length ? this : new e(this.values.slice(r, i));
   }, e.prototype.getInner = function(r) {
     return this.values[r];
-  }, e.prototype.forEachInner = function(r, i, o, l) {
-    for (var a = i; a < o; a++)
-      if (r(this.values[a], l + a) === !1)
+  }, e.prototype.forEachInner = function(r, i, o, a) {
+    for (var l = i; l < o; l++)
+      if (r(this.values[l], a + l) === !1)
         return !1;
-  }, e.prototype.forEachInvertedInner = function(r, i, o, l) {
-    for (var a = i - 1; a >= o; a--)
-      if (r(this.values[a], l + a) === !1)
+  }, e.prototype.forEachInvertedInner = function(r, i, o, a) {
+    for (var l = i - 1; l >= o; l--)
+      if (r(this.values[l], a + l) === !1)
         return !1;
   }, e.prototype.leafAppend = function(r) {
     if (this.length + r.length <= D)
@@ -362,12 +362,12 @@ var lt = /* @__PURE__ */ function(n) {
   }, e.prototype.getInner = function(s) {
     return s < this.left.length ? this.left.get(s) : this.right.get(s - this.left.length);
   }, e.prototype.forEachInner = function(s, r, i, o) {
-    var l = this.left.length;
-    if (r < l && this.left.forEachInner(s, r, Math.min(i, l), o) === !1 || i > l && this.right.forEachInner(s, Math.max(r - l, 0), Math.min(this.length, i) - l, o + l) === !1)
+    var a = this.left.length;
+    if (r < a && this.left.forEachInner(s, r, Math.min(i, a), o) === !1 || i > a && this.right.forEachInner(s, Math.max(r - a, 0), Math.min(this.length, i) - a, o + a) === !1)
       return !1;
   }, e.prototype.forEachInvertedInner = function(s, r, i, o) {
-    var l = this.left.length;
-    if (r > l && this.right.forEachInvertedInner(s, r - l, Math.max(i, l) - l, o + l) === !1 || i < l && this.left.forEachInvertedInner(s, Math.min(r, l), i, o) === !1)
+    var a = this.left.length;
+    if (r > a && this.right.forEachInvertedInner(s, r - a, Math.max(i, a) - a, o + a) === !1 || i < a && this.left.forEachInvertedInner(s, Math.min(r, a), i, o) === !1)
       return !1;
   }, e.prototype.sliceInner = function(s, r) {
     if (s == 0 && r == this.length)
@@ -404,7 +404,7 @@ class y {
       }
     let r, i;
     t && (r = this.remapping(s, this.items.length), i = r.maps.length);
-    let o = e.tr, l, a, d = [], f = [];
+    let o = e.tr, a, l, c = [], f = [];
     return this.items.forEach((p, u) => {
       if (!p.step) {
         r || (r = this.remapping(s, u + 1), i = r.maps.length), i--, f.push(p);
@@ -413,22 +413,22 @@ class y {
       if (r) {
         f.push(new v(p.map));
         let h = p.step.map(r.slice(i)), g;
-        h && o.maybeStep(h).doc && (g = o.mapping.maps[o.mapping.maps.length - 1], d.push(new v(g, void 0, void 0, d.length + f.length))), i--, g && r.appendMap(g, i);
+        h && o.maybeStep(h).doc && (g = o.mapping.maps[o.mapping.maps.length - 1], c.push(new v(g, void 0, void 0, c.length + f.length))), i--, g && r.appendMap(g, i);
       } else
         o.maybeStep(p.step);
       if (p.selection)
-        return l = r ? p.selection.map(r.slice(i)) : p.selection, a = new y(this.items.slice(0, s).append(f.reverse().concat(d)), this.eventCount - 1), !1;
-    }, this.items.length, 0), { remaining: a, transform: o, selection: l };
+        return a = r ? p.selection.map(r.slice(i)) : p.selection, l = new y(this.items.slice(0, s).append(f.reverse().concat(c)), this.eventCount - 1), !1;
+    }, this.items.length, 0), { remaining: l, transform: o, selection: a };
   }
   // Create a new branch with the given transform added.
   addTransform(e, t, s, r) {
-    let i = [], o = this.eventCount, l = this.items, a = !r && l.length ? l.get(l.length - 1) : null;
+    let i = [], o = this.eventCount, a = this.items, l = !r && a.length ? a.get(a.length - 1) : null;
     for (let f = 0; f < e.steps.length; f++) {
       let p = e.steps[f].invert(e.docs[f]), u = new v(e.mapping.maps[f], p, t), h;
-      (h = a && a.merge(u)) && (u = h, f ? i.pop() : l = l.slice(0, l.length - 1)), i.push(u), t && (o++, t = void 0), r || (a = u);
+      (h = l && l.merge(u)) && (u = h, f ? i.pop() : a = a.slice(0, a.length - 1)), i.push(u), t && (o++, t = void 0), r || (l = u);
     }
-    let d = o - s.depth;
-    return d > ct && (l = ut(l, d), o -= d), new y(l.append(i), o);
+    let c = o - s.depth;
+    return c > ct && (a = ut(a, c), o -= c), new y(a.append(i), o);
   }
   remapping(e, t) {
     let s = new je();
@@ -447,27 +447,27 @@ class y {
   rebased(e, t) {
     if (!this.eventCount)
       return this;
-    let s = [], r = Math.max(0, this.items.length - t), i = e.mapping, o = e.steps.length, l = this.eventCount;
+    let s = [], r = Math.max(0, this.items.length - t), i = e.mapping, o = e.steps.length, a = this.eventCount;
     this.items.forEach((u) => {
-      u.selection && l--;
+      u.selection && a--;
     }, r);
-    let a = t;
+    let l = t;
     this.items.forEach((u) => {
-      let h = i.getMirror(--a);
+      let h = i.getMirror(--l);
       if (h == null)
         return;
       o = Math.min(o, h);
       let g = i.maps[h];
       if (u.step) {
-        let P = e.steps[h].invert(e.docs[h]), b = u.selection && u.selection.map(i.slice(a + 1, h));
-        b && l++, s.push(new v(g, P, b));
+        let C = e.steps[h].invert(e.docs[h]), b = u.selection && u.selection.map(i.slice(l + 1, h));
+        b && a++, s.push(new v(g, C, b));
       } else
         s.push(new v(g));
     }, r);
-    let d = [];
+    let c = [];
     for (let u = t; u < o; u++)
-      d.push(new v(i.maps[u]));
-    let f = this.items.slice(0, r).append(d).append(s), p = new y(f, l);
+      c.push(new v(i.maps[u]));
+    let f = this.items.slice(0, r).append(c).append(s), p = new y(f, a);
     return p.emptyItemCount() > pt && (p = p.compress(this.items.length - s.length)), p;
   }
   emptyItemCount() {
@@ -484,15 +484,15 @@ class y {
   // order to associate old items with rebased steps.
   compress(e = this.items.length) {
     let t = this.remapping(0, e), s = t.maps.length, r = [], i = 0;
-    return this.items.forEach((o, l) => {
-      if (l >= e)
+    return this.items.forEach((o, a) => {
+      if (a >= e)
         r.push(o), o.selection && i++;
       else if (o.step) {
-        let a = o.step.map(t.slice(s)), d = a && a.getMap();
-        if (s--, d && t.appendMap(d, s), a) {
+        let l = o.step.map(t.slice(s)), c = l && l.getMap();
+        if (s--, c && t.appendMap(c, s), l) {
           let f = o.selection && o.selection.map(t.slice(s));
           f && i++;
-          let p = new v(d.invert(), a, f), u, h = r.length - 1;
+          let p = new v(c.invert(), l, f), u, h = r.length - 1;
           (u = r.length && r[h].merge(p)) ? r[h] = u : r.push(p);
         }
       } else o.map && s--;
@@ -536,8 +536,8 @@ function dt(n, e, t, s) {
   if (o && o.getMeta(I))
     return o.getMeta(I).redo ? new M(n.done.addTransform(t, void 0, s, A(e)), n.undone, Z(t.mapping.maps), n.prevTime, n.prevComposition) : new M(n.done, n.undone.addTransform(t, void 0, s, A(e)), null, n.prevTime, n.prevComposition);
   if (t.getMeta("addToHistory") !== !1 && !(o && o.getMeta("addToHistory") === !1)) {
-    let l = t.getMeta("composition"), a = n.prevTime == 0 || !o && n.prevComposition != l && (n.prevTime < (t.time || 0) - s.newGroupDelay || !ft(t, n.prevRanges)), d = o ? x(n.prevRanges, t.mapping) : Z(t.mapping.maps);
-    return new M(n.done.addTransform(t, a ? e.selection.getBookmark() : void 0, s, A(e)), y.empty, d, t.time, l ?? n.prevComposition);
+    let a = t.getMeta("composition"), l = n.prevTime == 0 || !o && n.prevComposition != a && (n.prevTime < (t.time || 0) - s.newGroupDelay || !ft(t, n.prevRanges)), c = o ? x(n.prevRanges, t.mapping) : Z(t.mapping.maps);
+    return new M(n.done.addTransform(t, l ? e.selection.getBookmark() : void 0, s, A(e)), y.empty, c, t.time, a ?? n.prevComposition);
   } else return (i = t.getMeta("rebased")) ? new M(n.done.rebased(t, i), n.undone.rebased(t, i), x(n.prevRanges, t.mapping), n.prevTime, n.prevComposition) : new M(n.done.addMaps(t.mapping.maps), n.undone.addMaps(t.mapping.maps), x(n.prevRanges, t.mapping), n.prevTime, n.prevComposition);
 }
 function ft(n, e) {
@@ -571,8 +571,8 @@ function ht(n, e, t) {
   let s = A(e), r = I.get(e).spec.config, i = (t ? n.undone : n.done).popEvent(e, s);
   if (!i)
     return null;
-  let o = i.selection.resolve(i.transform.doc), l = (t ? n.done : n.undone).addTransform(i.transform, e.selection.getBookmark(), r, s), a = new M(t ? l : i.remaining, t ? i.remaining : l, null, 0, -1);
-  return i.transform.setSelection(o).setMeta(I, { redo: t, historyState: a });
+  let o = i.selection.resolve(i.transform.doc), a = (t ? n.done : n.undone).addTransform(i.transform, e.selection.getBookmark(), r, s), l = new M(t ? a : i.remaining, t ? i.remaining : a, null, 0, -1);
+  return i.transform.setSelection(o).setMeta(I, { redo: t, historyState: l });
 }
 let U = !1, Q = null;
 function A(n) {
@@ -626,7 +626,7 @@ function le(n, e) {
   };
 }
 const pe = le(!1, !0), ue = le(!0, !0);
-function L(n, e) {
+function P(n, e) {
   return Object.assign(n, {
     meta: {
       package: "@milkdown/plugin-history",
@@ -634,52 +634,52 @@ function L(n, e) {
     }
   }), n;
 }
-const H = ne("Undo", () => () => pe);
-L(H, {
+const $ = ne("Undo", () => () => pe);
+P($, {
   displayName: "Command<undo>"
 });
-const K = ne("Redo", () => () => ue);
-L(K, {
+const H = ne("Redo", () => () => ue);
+P(H, {
   displayName: "Command<redo>"
 });
-const R = X({}, "historyProviderConfig");
-L(R, {
+const K = X({}, "historyProviderConfig");
+P(K, {
   displayName: "Ctx<historyProviderConfig>"
 });
 const ce = ee(
-  (n) => gt(n.get(R.key))
+  (n) => gt(n.get(K.key))
 );
-L(ce, {
+P(ce, {
   displayName: "Ctx<historyProviderPlugin>"
 });
-const $ = Ne("historyKeymap", {
+const R = Ne("historyKeymap", {
   Undo: {
     shortcuts: "Mod-z",
     command: (n) => {
-      const e = n.get(W);
-      return () => e.call(H.key);
+      const e = n.get(G);
+      return () => e.call($.key);
     }
   },
   Redo: {
     shortcuts: ["Mod-y", "Shift-Mod-z"],
     command: (n) => {
-      const e = n.get(W);
-      return () => e.call(K.key);
+      const e = n.get(G);
+      return () => e.call(H.key);
     }
   }
 });
-L($.ctx, {
+P(R.ctx, {
   displayName: "KeymapCtx<history>"
 });
-L($.shortcuts, {
+P(R.shortcuts, {
   displayName: "Keymap<history>"
 });
 const yt = [
-  R,
+  K,
   ce,
+  R,
   $,
-  H,
-  K
+  H
 ].flat();
 class de {
   constructor() {
@@ -731,32 +731,32 @@ const q = xe(
 ), vt = new j("MILKDOWN_LISTENER"), fe = (n) => (n.inject(q, new de()), async () => {
   await n.wait(Ue);
   const e = n.get(q), { listeners: t } = e;
-  t.beforeMount.forEach((a) => a(n)), await n.wait(Fe);
+  t.beforeMount.forEach((l) => l(n)), await n.wait(Fe);
   const s = n.get(te);
   let r = null, i = null, o = null;
-  const l = new z({
+  const a = new z({
     key: vt,
     view: () => ({
       destroy: () => {
-        t.destroy.forEach((a) => a(n));
+        t.destroy.forEach((l) => l(n));
       }
     }),
     props: {
       handleDOMEvents: {
-        focus: () => (t.focus.forEach((a) => a(n)), !1),
-        blur: () => (t.blur.forEach((a) => a(n)), !1)
+        focus: () => (t.focus.forEach((l) => l(n)), !1),
+        blur: () => (t.blur.forEach((l) => l(n)), !1)
       }
     },
     state: {
-      init: (a, d) => {
-        r = d.doc, i = s(d.doc);
+      init: (l, c) => {
+        r = c.doc, i = s(c.doc);
       },
-      apply: (a) => {
-        const d = a.selection;
-        return (!o && d || o && !d.eq(o)) && (t.selectionUpdated.forEach((p) => {
-          p(n, d, o);
-        }), o = d), !(a.docChanged || a.storedMarksSet) || a.getMeta("addToHistory") === !1 ? void 0 : Ge(() => {
-          const { doc: p } = a;
+      apply: (l) => {
+        const c = l.selection;
+        return (!o && c || o && !c.eq(o)) && (t.selectionUpdated.forEach((p) => {
+          p(n, c, o);
+        }), o = c), !(l.docChanged || l.storedMarksSet) || l.getMeta("addToHistory") === !1 ? void 0 : Ve(() => {
+          const { doc: p } = l;
           if (t.updated.length > 0 && r && !r.eq(p) && t.updated.forEach((u) => {
             u(n, p, r);
           }), t.markdownUpdated.length > 0 && r && !r.eq(p)) {
@@ -770,7 +770,7 @@ const q = xe(
       }
     }
   });
-  n.update(Be, (a) => a.concat(l)), await n.wait(qe), t.mounted.forEach((a) => a(n));
+  n.update(Be, (l) => l.concat(a)), await n.wait(qe), t.mounted.forEach((l) => l(n));
 });
 fe.meta = {
   package: "@milkdown/plugin-listener",
@@ -779,29 +779,41 @@ fe.meta = {
 const wt = ({
   className: n,
   value: e,
-  onChangeValue: t
+  onChangeValue: t,
+  children: s,
+  toolbar: r = "top"
 }) => {
-  const s = Ye();
+  const i = Ye();
   return Ze(
-    (r) => ze.make().config((i) => {
-      i.set(He, r), i.set(Ke, e || ""), i.get(q).markdownUpdated((l, a) => {
-        t(a);
-      }), i.set(N.key, {
+    (o) => ze.make().config((a) => {
+      a.set($e, o), a.set(He, e || ""), a.get(q).markdownUpdated((c, f) => {
+        t == null || t(f);
+      }), a.set(N.key, {
         renderLabel: () => ""
-      }), i.update(ke.key, (l) => ({
-        ...l,
+      }), a.update(ke.key, (c) => ({
+        ...c,
         linkIcon: "",
         editButton: "",
         removeButton: "",
         confirmButton: "",
         inputPlaceholder: "Enter a URL..."
-      })), s.config(i);
-    }).use(fe).use($e).use(Ve).use(oe).use(yt).use(ot).use(We).config(Ee).use(Ce).use(s.plugin)
-  ), /* @__PURE__ */ ge("div", { className: ye("component-markdown-editor", n), children: [
-    /* @__PURE__ */ C(Ie, { className: "component-markdown-editor__toolbar" }),
-    /* @__PURE__ */ C("div", { className: "component-markdown-editor__content", children: /* @__PURE__ */ C(Qe, {}) })
-  ] });
-}, St = (n) => /* @__PURE__ */ C(Je, { children: /* @__PURE__ */ C(Xe, { children: /* @__PURE__ */ C(wt, { ...n }) }) });
+      })), i.config(a);
+    }).use(fe).use(Re).use(We).use(oe).use(yt).use(ot).use(Ge).config(Ee).use(Le).use(i.plugin)
+  ), /* @__PURE__ */ ge(
+    "div",
+    {
+      className: ye(
+        "component-markdown-editor",
+        r && `component-markdown-editor--toolbar-${r}`,
+        n
+      ),
+      children: [
+        r && /* @__PURE__ */ L(Ie, { className: "component-markdown-editor__toolbar", children: s }),
+        /* @__PURE__ */ L("div", { className: "component-markdown-editor__content", children: /* @__PURE__ */ L(Qe, {}) })
+      ]
+    }
+  );
+}, St = (n) => /* @__PURE__ */ L(Je, { children: /* @__PURE__ */ L(Xe, { children: /* @__PURE__ */ L(wt, { ...n }) }) });
 export {
   St as MarkdownEditor
 };

package/dist/components/controls/markdown-control/index.d.ts

@@ -1,7 +1,9 @@
+import { PropsWithChildren } from 'react';
 import { ControlFC } from '../base-control/props';
-interface MarkdownControlProps {
+interface MarkdownControlProps extends PropsWithChildren {
     value?: string;
-    onChangeValue: (value: string) => void;
+    onChangeValue?: (value: string) => void;
+    toolbar?: "top" | "bottom" | false;
 }
 export declare const MarkdownControl: ControlFC<MarkdownControlProps>;
 export {};

package/dist/components/controls/markdown-control/toolbar.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-interface EditorToolbarProps {
+import { FC, PropsWithChildren } from 'react';
+interface EditorToolbarProps extends PropsWithChildren {
     className?: string;
 }
 export declare const EditorToolbar: FC<EditorToolbarProps>;

package/dist/components/controls/markdown-control/toolbar.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../toolbar/index.js";
 import "../../../index-CwFPDtaz.js";
-import { E as b } from "../../../toolbar-j1SJvq8D.js";
+import { E as b } from "../../../toolbar-CCiZ_PIy.js";
 import "react";
 import "../../../commands-IQnqt4xL.js";
 import "../../../index-EPj3dCzl.js";

package/dist/hooks/index.d.ts

@@ -1,5 +1,6 @@
 export { useSplitInput } from './input';
-export { useModifiers } from './keyboard';
+export { useHotkey, useModifiers } from './keyboard';
 export { useSelection, type Selection, type SelectionMode } from './selection';
 export { useObjectState } from './state';
 export { useTemporaryChange } from './temporary';
+export { useTheme } from './theme';

package/dist/hooks/index.js

@@ -1,12 +1,15 @@
 import { useSplitInput as r } from "./input.js";
-import { useModifiers as p } from "./keyboard.js";
-import { useSelection as m } from "./selection.js";
-import { useObjectState as u } from "./state.js";
-import { useTemporaryChange as i } from "./temporary.js";
+import { useHotkey as p, useModifiers as m } from "./keyboard.js";
+import { useSelection as u } from "./selection.js";
+import { useObjectState as x } from "./state.js";
+import { useTemporaryChange as a } from "./temporary.js";
+import { useTheme as S } from "./theme.js";
 export {
-  p as useModifiers,
-  u as useObjectState,
-  m as useSelection,
+  p as useHotkey,
+  m as useModifiers,
+  x as useObjectState,
+  u as useSelection,
   r as useSplitInput,
-  i as useTemporaryChange
+  a as useTemporaryChange,
+  S as useTheme
 };

package/dist/hooks/keyboard.js

@@ -1,4 +1,4 @@
-import { useRef as f, useEffect as o } from "react";
+import { useEffect as o, useRef as f } from "react";
 function l() {
   const r = f({
     shift: !1,

package/dist/hooks/theme.d.ts

@@ -0,0 +1,9 @@
+type Theme = "light" | "dark";
+export declare function useTheme(): {
+    theme: Theme;
+    isDark: boolean;
+    isLight: boolean;
+    toggle: () => void;
+    set: import('react').Dispatch<import('react').SetStateAction<Theme>>;
+};
+export {};

package/dist/hooks/theme.js

@@ -0,0 +1,19 @@
+import { u as m } from "../index-D7vLJIGX.js";
+import { useEffect as r } from "react";
+function h() {
+  const [e, t] = m("blockout__theme", "light");
+  return r(() => {
+    document.documentElement.dataset.colourScheme = e;
+  }, [e]), {
+    theme: e,
+    isDark: e === "dark",
+    isLight: e === "light",
+    toggle: () => {
+      t((o) => o === "light" ? "dark" : "light");
+    },
+    set: t
+  };
+}
+export {
+  h as useTheme
+};