noteloom 0.3.2 → 0.4.0

package/dist/shared/starter-kit-CY5wzYDf.js

@@ -0,0 +1,4980 @@
+var no = Object.defineProperty;
+var oo = (e, t, n) => t in e ? no(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var Kt = (e, t, n) => oo(e, typeof t != "symbol" ? t + "" : t, n);
+import { u as ze, f as ee, b as ae, g as xe, h as Re, i as Ne, j as at, k as gt, l as fe, e as bt, c as ro } from "./index-B9jyyL8u.js";
+import { jsx as d, jsxs as T, Fragment as Te } from "react/jsx-runtime";
+import { useState as O, useEffect as oe, useCallback as h, useLayoutEffect as rt, useRef as _, useSyncExternalStore as un, Component as lo, Fragment as ao, memo as so, useMemo as je } from "react";
+import { createPortal as Oe } from "react-dom";
+import { l as ie, P as co, X as st, b as dn, a as V, B as Ot, u as io, a6 as Se, o as Ue, g as C, n as q, k as ke, s as Lt, E as se, H as pn, ao as fn, ap as mn, aq as hn, A as gn, ar as bn, as as yn, at as St, ac as Ee, au as kn, av as vn, ai as In, m as yt, $ as uo, j as G, af as wn, aw as po, a0 as fo, I as Tn, J as Cn, a2 as mo, a3 as ho, ax as Bn, ay as Rn, T as Nn, _ as go, ah as Dt, ak as bo, az as yo, aA as ko, aB as vo, an as Io, aC as wo, a4 as To, aD as Co, ab as Ln, aE as An, aF as Bo, aG as Ro, aH as No, r as Lo, aj as Ao, aI as Mo } from "./icons-C1_s0jKK.js";
+import { m as Eo, b as Mn, j as ve, E as En, l as $o, c as U, n as xo, i as Ke, o as Ve, p as le, t as re, a as be, q as $n, u as Oo, d as xn, r as So, f as Do } from "./leafBlockFactory-A9eUhSe-.js";
+import { M as Ht, b as Ho, d as Po, c as On, a as _o, e as Uo } from "./usePopoverEdgeClamp-gmFm0CnI.js";
+import { a as jo } from "./CommentThreadCard-Cxf8GwHJ.js";
+import { c as Fo, r as zo } from "./serialize-T9Odwx24.js";
+function Sn(e) {
+  return e ? e.type !== "text" ? !1 : (e.value ?? "") === "" : !0;
+}
+function me(e, t) {
+  return !t || t.length === 0 ? !0 : t.every((n) => Sn(e.getRun(n)));
+}
+function kt(e, t) {
+  var r, l;
+  if (!t) return !1;
+  const n = t.contentIds.length > 0, o = (((l = (r = t.props) == null ? void 0 : r.titleRunIds) == null ? void 0 : l.length) ?? 0) > 0;
+  return !n && !o;
+}
+function Ko({
+  isOpen: e,
+  initialHref: t,
+  initialTarget: n,
+  hasExistingLink: o,
+  onSave: r,
+  onRemove: l,
+  onClose: a
+}) {
+  const [s, c] = O(""), [u, p] = O("_self");
+  oe(() => {
+    e && (c(t), p(n));
+  }, [e]);
+  const i = s.trim(), f = h(
+    (b) => {
+      b.preventDefault(), i && r(i, u);
+    },
+    [i, u, r]
+  );
+  return /* @__PURE__ */ d(Ht, { isOpen: e, onClose: a, title: o ? "Edit link" : "Add link", children: /* @__PURE__ */ T("form", { onSubmit: f, children: [
+    /* @__PURE__ */ T("label", { className: "be-modal-field", children: [
+      /* @__PURE__ */ d("span", { children: "URL" }),
+      /* @__PURE__ */ d(
+        "input",
+        {
+          type: "text",
+          value: s,
+          onChange: (b) => c(b.target.value),
+          placeholder: "https://example.com",
+          autoFocus: !0
+        }
+      )
+    ] }),
+    /* @__PURE__ */ T("label", { className: "be-modal-field", children: [
+      /* @__PURE__ */ d("span", { children: "Open in" }),
+      /* @__PURE__ */ T("select", { value: u, onChange: (b) => p(b.target.value), children: [
+        /* @__PURE__ */ d("option", { value: "_self", children: "Same tab" }),
+        /* @__PURE__ */ d("option", { value: "_blank", children: "New tab" })
+      ] })
+    ] }),
+    /* @__PURE__ */ T("div", { className: "be-modal-actions", children: [
+      o && /* @__PURE__ */ d("button", { type: "button", className: "be-modal-delete", onClick: l, children: "Remove link" }),
+      /* @__PURE__ */ d("button", { type: "button", className: "be-modal-cancel", onClick: a, children: "Cancel" }),
+      /* @__PURE__ */ d("button", { type: "submit", className: "be-modal-save", disabled: !i, children: "Save" })
+    ] })
+  ] }) });
+}
+function vt(e, t, n, o) {
+  const [r, l] = O(null);
+  return rt(() => {
+    if (n == null || o == null) {
+      l(null);
+      return;
+    }
+    l({ top: n, left: o });
+  }, [n, o]), rt(() => {
+    if (!t || !e.current || !r) return;
+    const a = e.current.getBoundingClientRect(), s = Ho(r.left, a.width), c = Po(r.top, a.height);
+    (s !== r.left || c !== r.top) && l({ top: c, left: s });
+  }, [t, e, r]), r;
+}
+function Vo({ containerRef: e, store: t }) {
+  var m;
+  const [n, o] = O(null), [r, l] = O(!1), a = _(null), s = _(null), c = h(() => {
+    a.current && (clearTimeout(a.current), a.current = null);
+  }, []), u = h(() => {
+    c(), a.current = setTimeout(() => {
+      o((y) => r ? y : null);
+    }, 250);
+  }, [c, r]);
+  oe(() => {
+    const y = e.current;
+    if (!y) return;
+    const B = (D) => {
+      var F, w, N;
+      const S = (w = (F = D.target).closest) == null ? void 0 : w.call(F, "[data-run-id]");
+      if (!S || !y.contains(S)) return;
+      const $ = S.dataset.runId, A = t.getRun($);
+      (N = A == null ? void 0 : A.marks) != null && N.link && (c(), o(
+        (x) => (x == null ? void 0 : x.runId) === $ ? x : { runId: $, rect: S.getBoundingClientRect() }
+      ));
+    }, L = () => u();
+    return y.addEventListener("mouseover", B), y.addEventListener("mouseout", L), () => {
+      y.removeEventListener("mouseover", B), y.removeEventListener("mouseout", L);
+    };
+  }, [e, t, c, u]), oe(() => () => c(), [c]);
+  const p = h(() => l(!0), []), i = h(() => {
+    l(!1), o(null);
+  }, []), f = h(
+    (y, B) => {
+      if (!n) return;
+      const L = t.getRun(n.runId);
+      L && (t.applyOperation(
+        ie(n.runId, { marks: { ...L.marks, link: { href: y, target: B } } })
+      ), i());
+    },
+    [n, t, i]
+  ), b = h(() => {
+    if (!n) return;
+    const y = t.getRun(n.runId);
+    if (!y) return;
+    const B = { ...y.marks };
+    delete B.link, t.applyOperation(ie(n.runId, { marks: B })), i();
+  }, [n, t, i]), v = n && t.getRun(n.runId), g = (m = v == null ? void 0 : v.marks) == null ? void 0 : m.link, k = !!(n && g && !r), I = vt(
+    s,
+    k,
+    n ? n.rect.bottom + 6 : null,
+    n ? n.rect.left : null
+  );
+  return /* @__PURE__ */ T(Te, { children: [
+    k && I ? Oe(
+      /* @__PURE__ */ T(
+        "div",
+        {
+          ref: s,
+          className: "be-link-hover-card",
+          contentEditable: !1,
+          style: { position: "fixed", top: I.top, left: I.left },
+          onMouseEnter: c,
+          onMouseLeave: u,
+          children: [
+            /* @__PURE__ */ d(
+              "a",
+              {
+                className: "be-link-hover-card-url",
+                href: g.href,
+                target: g.target === "_blank" ? "_blank" : "_self",
+                rel: "noopener noreferrer",
+                children: g.href
+              }
+            ),
+            /* @__PURE__ */ d(
+              "button",
+              {
+                type: "button",
+                className: "be-link-hover-card-btn",
+                onClick: p,
+                "aria-label": "Edit link",
+                title: "Edit link",
+                children: /* @__PURE__ */ d(co, { size: 13 })
+              }
+            ),
+            /* @__PURE__ */ d(
+              "button",
+              {
+                type: "button",
+                className: "be-link-hover-card-btn",
+                onClick: b,
+                "aria-label": "Remove link",
+                title: "Remove link",
+                children: /* @__PURE__ */ d(st, { size: 13 })
+              }
+            )
+          ]
+        }
+      ),
+      document.body
+    ) : null,
+    /* @__PURE__ */ d(
+      Ko,
+      {
+        isOpen: r,
+        initialHref: (g == null ? void 0 : g.href) ?? "",
+        initialTarget: (g == null ? void 0 : g.target) ?? "_self",
+        hasExistingLink: !!g,
+        onSave: f,
+        onRemove: b,
+        onClose: i
+      }
+    )
+  ] });
+}
+function Go({ title: e, onClose: t }) {
+  return /* @__PURE__ */ T("div", { className: "be-comment-popover-header", children: [
+    /* @__PURE__ */ d("span", { className: "be-comment-popover-title", children: e }),
+    /* @__PURE__ */ d(
+      "button",
+      {
+        type: "button",
+        className: "be-comment-popover-close",
+        onClick: t,
+        "aria-label": "Close",
+        children: /* @__PURE__ */ d(st, { size: 14 })
+      }
+    )
+  ] });
+}
+const Wo = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
+function qo({ containerRef: e, store: t, authorId: n }) {
+  const [o, r] = O(null), [l, a] = O(!1), s = _(null), c = _(null), u = _(null), [, p] = dn(), i = h(() => {
+    s.current && (clearTimeout(s.current), s.current = null);
+  }, []), f = h(() => {
+    i(), s.current = setTimeout(() => {
+      r((m) => l ? m : null);
+    }, 250);
+  }, [i, l]);
+  oe(() => {
+    const m = e.current;
+    if (!m) return;
+    const y = (S) => {
+      var F, w, N;
+      const $ = (F = S == null ? void 0 : S.closest) == null ? void 0 : F.call(S, "[data-run-id]");
+      if (!$ || !m.contains($)) return null;
+      const A = (N = (w = t.getRun($.dataset.runId)) == null ? void 0 : w.marks) == null ? void 0 : N.commentIds;
+      return A != null && A.length ? { runEl: $, commentIds: A } : null;
+    }, B = (S) => {
+      const $ = y(S.target);
+      $ && (i(), r(
+        (A) => A && A.runEl === $.runEl ? A : {
+          rect: $.runEl.getBoundingClientRect(),
+          commentIds: $.commentIds,
+          runEl: $.runEl
+        }
+      ));
+    }, L = () => f(), D = (S) => {
+      const $ = y(S.target);
+      if (!$) {
+        a(!1), r(null);
+        return;
+      }
+      i(), a(!0), r({
+        rect: $.runEl.getBoundingClientRect(),
+        commentIds: $.commentIds,
+        runEl: $.runEl
+      });
+    };
+    return m.addEventListener("mouseover", B), m.addEventListener("mouseout", L), m.addEventListener("click", D), () => {
+      m.removeEventListener("mouseover", B), m.removeEventListener("mouseout", L), m.removeEventListener("click", D);
+    };
+  }, [e, t, i, f]), oe(() => {
+    if (!o) return;
+    const m = (B) => {
+      var L, D;
+      (L = c.current) != null && L.contains(B.target) || (D = e.current) != null && D.contains(B.target) || (a(!1), r(null));
+    }, y = (B) => {
+      B.key === "Escape" && (a(!1), r(null));
+    };
+    return document.addEventListener("mousedown", m), document.addEventListener("keydown", y), () => {
+      document.removeEventListener("mousedown", m), document.removeEventListener("keydown", y);
+    };
+  }, [o, e]), oe(() => () => i(), [i]), oe(() => {
+    var m;
+    p(((m = o == null ? void 0 : o.commentIds) == null ? void 0 : m[0]) ?? null);
+  }, [o, p]);
+  const b = h(() => {
+    a(!1), r(null);
+  }, []), v = !!o, g = vt(
+    c,
+    v,
+    o ? o.rect.bottom + 6 : null,
+    o ? o.rect.left : null
+  ), k = _(!1);
+  if (oe(() => {
+    var m, y;
+    l && c.current && !k.current ? (k.current = !0, u.current = document.activeElement, (c.current.querySelector(Wo) ?? c.current).focus()) : !l && k.current && (k.current = !1, (y = (m = u.current) == null ? void 0 : m.focus) == null || y.call(m), u.current = null);
+  }, [l, g]), !v || !g) return null;
+  const I = o.commentIds.map((m) => t.getComment(m)).filter(Boolean);
+  return I.length === 0 ? null : Oe(
+    /* @__PURE__ */ T(
+      "div",
+      {
+        ref: c,
+        className: "be-comment-popover",
+        contentEditable: !1,
+        style: { position: "fixed", top: g.top, left: g.left },
+        onMouseEnter: i,
+        onMouseLeave: f,
+        role: "dialog",
+        "aria-modal": l || void 0,
+        "aria-label": `Comments (${I.length})`,
+        tabIndex: -1,
+        children: [
+          /* @__PURE__ */ d(Go, { title: `Comments (${I.length})`, onClose: b }),
+          I.map((m) => /* @__PURE__ */ d(jo, { store: t, thread: m, authorId: n }, m.id))
+        ]
+      }
+    ),
+    document.body
+  );
+}
+function Vt(e, t) {
+  const n = e == null ? void 0 : e.parentElement;
+  if (!n || !n.hasAttribute("data-placeholder")) return;
+  t.length === 0 || t.every(Sn) ? n.setAttribute("data-empty", "") : n.removeAttribute("data-empty");
+}
+function Yo(e = {}) {
+  return {
+    fontWeight: e.bold ? "bold" : void 0,
+    fontStyle: e.italic ? "italic" : void 0,
+    textDecoration: [(e.underline || e.link) && "underline", e.strike && "line-through"].filter(Boolean).join(" ") || void 0,
+    verticalAlign: e.subscript ? "sub" : e.superscript ? "super" : void 0,
+    fontSize: e.subscript || e.superscript ? "smaller" : void 0,
+    color: e.color || (e.link ? "var(--noteloom-accent)" : void 0),
+    backgroundColor: e.highlight || void 0,
+    cursor: e.link ? "pointer" : void 0
+  };
+}
+function Xo(e, t) {
+  const n = e.childNodes.length === 1 ? e.firstChild : null;
+  n && n.nodeType === 3 ? n.nodeValue !== t && (n.nodeValue = t) : e.textContent = t;
+}
+function Qo({ id: e, host: t, onValueSynced: n }) {
+  const o = ze(e), [r] = dn();
+  return rt(() => {
+    var p, i, f, b, v;
+    if (!t || !o) return;
+    const l = o.value ?? "";
+    ($o(t.textContent) !== l || l === "" && t.textContent === "") && Xo(t, l === "" ? En : l);
+    const c = Yo(o.marks);
+    t.style.fontWeight = c.fontWeight ?? "", t.style.fontStyle = c.fontStyle ?? "", t.style.textDecoration = c.textDecoration ?? "", t.style.verticalAlign = c.verticalAlign ?? "", t.style.fontSize = c.fontSize ?? "", t.style.color = c.color ?? "", t.style.backgroundColor = c.backgroundColor ?? "", t.style.cursor = c.cursor ?? "", t.classList.toggle("be-comment-highlight", (((i = (p = o.marks) == null ? void 0 : p.commentIds) == null ? void 0 : i.length) ?? 0) > 0), t.classList.toggle(
+      "be-comment-highlight-active",
+      !!r && !!((b = (f = o.marks) == null ? void 0 : f.commentIds) != null && b.includes(r))
+    );
+    const u = (v = o.marks) == null ? void 0 : v.link;
+    t.title = u != null && u.href ? `${u.href} — Ctrl+Click to open` : "", t.onclick = u != null && u.href ? (g) => {
+      !g.ctrlKey && !g.metaKey || (g.preventDefault(), window.open(
+        u.href,
+        u.target === "_blank" ? "_blank" : "_self",
+        "noopener,noreferrer"
+      ));
+    } : null, n == null || n();
+  }, [t, o, n, r]), null;
+}
+function Gt(e, t, n, o) {
+  var i, f, b;
+  const r = (i = window.getSelection) == null ? void 0 : i.call(window);
+  if (!r || !r.isCollapsed || r.rangeCount === 0) return null;
+  const { anchorNode: l, anchorOffset: a } = r;
+  if (!l || !e.contains(l)) return null;
+  const s = (v) => {
+    const g = t.indexOf(v);
+    if (g === -1) return null;
+    const k = o ? t[g - 1] : t[g + 1];
+    if (!k) return null;
+    const I = n(k);
+    return I && I.type !== "text" ? k : null;
+  };
+  if (l === e) {
+    const v = o ? a - 1 : a, g = e.childNodes[v], k = (g == null ? void 0 : g.nodeType) === 1 ? (f = g.dataset) == null ? void 0 : f.runId : void 0;
+    if (!k || t.indexOf(k) === -1) return null;
+    const I = n(k);
+    return I && I.type !== "text" ? k : null;
+  }
+  const c = l.nodeType === 1 ? l : l.parentElement, u = (b = c == null ? void 0 : c.closest) == null ? void 0 : b.call(c, "[data-run-id]");
+  return !u || !e.contains(u) || !(o ? a === 0 : a === (l.textContent ?? "").length) ? null : s(u.getAttribute("data-run-id"));
+}
+function Wt(e, t, n) {
+  var c, u;
+  const o = (c = window.getSelection) == null ? void 0 : c.call(window);
+  if (!o || o.isCollapsed || o.rangeCount === 0) return null;
+  const r = o.getRangeAt(0);
+  if (r.startContainer !== r.endContainer || !e.contains(r.startContainer) || r.endOffset !== r.startOffset + 1) return null;
+  const l = r.startContainer.childNodes[r.startOffset], a = (l == null ? void 0 : l.nodeType) === 1 ? (u = l.dataset) == null ? void 0 : u.runId : void 0;
+  if (!a || t.indexOf(a) === -1) return null;
+  const s = n(a);
+  return s && s.type !== "text" ? a : null;
+}
+function qt(e, t, n) {
+  var s;
+  if (t === e) return { childIndex: n, charOffset: null };
+  const o = t.nodeType === 1 ? t : t.parentElement, r = (s = o == null ? void 0 : o.closest) == null ? void 0 : s.call(o, "[data-run-id]");
+  if (!r || !e.contains(r)) return null;
+  const l = Array.prototype.indexOf.call(e.childNodes, r), a = t === r ? n === 0 ? 0 : (r.textContent ?? "").length : n;
+  return { childIndex: l, charOffset: a };
+}
+function Jo(e, t, n, o) {
+  const r = qt(e, o.startContainer, o.startOffset), l = qt(e, o.endContainer, o.endOffset);
+  if (!r || !l) return null;
+  const a = Array.from(e.childNodes).filter(
+    (p) => {
+      var i;
+      return p.nodeType === 1 && ((i = p.dataset) == null ? void 0 : i.runId) && t.indexOf(p.dataset.runId) !== -1;
+    }
+  );
+  let s = !1;
+  const c = [];
+  let u = null;
+  return a.forEach((p, i) => {
+    const f = p.dataset.runId, b = n(f);
+    if (!b) return;
+    const v = i < r.childIndex, g = l.charOffset === null ? i >= l.childIndex : i > l.childIndex;
+    if (v || g) {
+      c.push(b);
+      return;
+    }
+    const k = r.charOffset !== null && i === r.childIndex, I = l.charOffset !== null && i === l.childIndex;
+    if (b.type !== "text") {
+      s = !0, u === null && (u = c.length);
+      return;
+    }
+    const m = b.value ?? "";
+    if (k && I) {
+      const y = m.slice(0, r.charOffset) + m.slice(l.charOffset);
+      y && c.push({ ...b, value: y }), u = c.length;
+    } else if (k) {
+      const y = m.slice(0, r.charOffset);
+      y && c.push({ ...b, value: y }), u === null && (u = c.length);
+    } else if (I) {
+      const y = m.slice(l.charOffset);
+      y && c.push({ id: C(), type: "text", value: y, marks: b.marks });
+    }
+  }), s ? { nextRuns: c, insertionIndex: u ?? c.length } : null;
+}
+function Zo(e) {
+  var l;
+  const t = (l = window.getSelection) == null ? void 0 : l.call(window);
+  if (!t || !t.isCollapsed) return !1;
+  const n = e.firstChild;
+  if (!n) return !0;
+  if (t.anchorNode === e) return t.anchorOffset === 0;
+  let o = n;
+  for (; o && o.firstChild; ) o = o.firstChild;
+  if (t.anchorNode !== o && t.anchorNode !== n) return !1;
+  const r = o.nodeType === 3 && o.textContent === En ? 1 : 0;
+  return t.anchorOffset <= r;
+}
+function er(e) {
+  var l;
+  const t = (l = window.getSelection) == null ? void 0 : l.call(window);
+  if (!t || !t.isCollapsed) return !1;
+  const n = e.lastChild;
+  if (!n) return !0;
+  if (t.anchorNode === e)
+    return t.anchorOffset >= e.childNodes.length;
+  let o = n;
+  for (; o && o.lastChild; ) o = o.lastChild;
+  if (t.anchorNode !== o && t.anchorNode !== n) return !1;
+  const r = o.nodeType === 3 ? (o.textContent ?? "").length : 0;
+  return t.anchorOffset >= r;
+}
+function Yt(e, t, n) {
+  const o = e.getBlock(t), r = e.getBlock(o == null ? void 0 : o.parentId);
+  if (!r) return null;
+  const l = r.contentIds.indexOf(t), a = n === "backward" ? l - 1 : l + 1;
+  if (a < 0 || a >= r.contentIds.length) return null;
+  const s = r.contentIds[a];
+  return kt(e, e.getBlock(s)) ? s : null;
+}
+function tr({ id: e, blockId: t, host: n, inlineRegistry: o, onValueSynced: r }) {
+  const l = ze(e);
+  if (!l) return null;
+  if (l.type === "text") return /* @__PURE__ */ d(Qo, { id: e, host: n, onValueSynced: r });
+  const a = o == null ? void 0 : o.get(l.type);
+  if (!a)
+    return process.env.NODE_ENV !== "production" && console.warn(`[block-editor] No inline type registered for "${l.type}" (run: ${e})`), null;
+  const s = a.component;
+  return /* @__PURE__ */ d(s, { id: e, blockId: t });
+}
+function nr(e, t, n) {
+  let o = e.get(n);
+  if (!o) {
+    o = document.createElement("span"), o.dataset.runId = n;
+    const r = t.getRun(n);
+    r && r.type !== "text" && o.setAttribute("contenteditable", "false"), e.set(n, o);
+  }
+  return o;
+}
+function Le({
+  blockId: e,
+  runIds: t,
+  dir: n = "auto",
+  onEnter: o,
+  onBackspaceAtStart: r,
+  onDeleteAtEnd: l,
+  onArrowUp: a,
+  onArrowDown: s,
+  onTab: c,
+  onShiftTab: u,
+  onAutoformat: p
+}) {
+  const i = V(), f = Ot(), b = io(), { getSelectedBlockId: v, setSelectedBlockId: g } = Se(), k = _(null), I = _(!1), m = _(/* @__PURE__ */ new Map());
+  rt(() => {
+    const w = k.current;
+    if (!w) return;
+    const N = new Set(t);
+    for (const [H, E] of m.current)
+      N.has(H) || (E.remove(), m.current.delete(H));
+    let x = null;
+    for (const H of t) {
+      const E = m.current.get(H);
+      if (!E) continue;
+      const P = x ? x.nextSibling : w.firstChild;
+      P !== E && w.insertBefore(E, P), x = E;
+    }
+  }, [t]);
+  const y = h(() => {
+    if (I.current) return;
+    const w = k.current;
+    if (!w) return;
+    const N = t.map((P) => i.getRun(P)).filter(Boolean), {
+      runs: x,
+      changed: H,
+      onlyValueChanges: E
+    } = Eo(w, N);
+    if (H) {
+      if (E) {
+        if (x.forEach((P, Y) => {
+          P !== N[Y] && i.applyOperation(ie(P.id, { value: P.value }));
+        }), p != null && p(x)) return;
+      } else
+        i.applyOperation(
+          Ue(
+            e,
+            x.length ? x : [{ id: C(), type: "text", value: "", marks: {} }]
+          )
+        );
+      Vt(w, x);
+    }
+  }, [i, e, t, p]), B = h(() => {
+    Vt(k.current, t.map((w) => i.getRun(w)).filter(Boolean));
+  }, [i, t]), L = h(() => {
+    I.current = !0;
+  }, []), D = h(() => {
+    I.current = !1, y();
+  }, [y]), S = h(
+    (w) => {
+      const x = t.map((H) => i.getRun(H)).filter(Boolean).filter((H) => H.id !== w);
+      i.applyOperation(
+        Ue(
+          e,
+          x.length ? x : [{ id: C(), type: "text", value: "", marks: {} }]
+        )
+      );
+    },
+    [i, e, t]
+  ), $ = h(
+    (w) => {
+      v() === w ? (i.applyOperation(q(w)), g(null)) : g(w);
+    },
+    [i, v, g]
+  ), A = h(
+    (w) => {
+      var de, te, Ae, ye;
+      if (I.current) return;
+      if (w.target instanceof Node) {
+        const Z = w.target.nodeType === 1 ? w.target : w.target.parentElement;
+        if ((de = Z == null ? void 0 : Z.closest) != null && de.call(Z, '[contenteditable="false"]')) return;
+      }
+      const N = w.inputType ?? "", x = N.startsWith("delete"), H = N === "insertText" || N === "insertReplacementText";
+      if (!x && !H) return;
+      const E = k.current;
+      if (!E) return;
+      const P = (te = w.getTargetRanges) == null ? void 0 : te.call(w), Y = (Ae = window.getSelection) == null ? void 0 : Ae.call(window), X = (P == null ? void 0 : P[0]) ?? (Y != null && Y.rangeCount ? Y.getRangeAt(0) : null);
+      if (!X || !E.contains(X.startContainer) || !E.contains(X.endContainer))
+        return;
+      const K = Jo(
+        E,
+        t,
+        (Z) => i.getRun(Z),
+        X
+      );
+      if (!K) return;
+      w.preventDefault();
+      let { nextRuns: z, insertionIndex: Q } = K, he = null, ue = !1;
+      if (H && w.data) {
+        const Z = { id: C(), type: "text", value: w.data, marks: {} };
+        z = [
+          ...z.slice(0, Q),
+          Z,
+          ...z.slice(Q)
+        ], he = Z.id, ue = !1;
+      } else Q > 0 ? (he = (ye = z[Q - 1]) == null ? void 0 : ye.id, ue = !1) : z.length > 0 && (he = z[0].id, ue = !0);
+      const ce = z.length ? z : [{ id: C(), type: "text", value: "", marks: {} }];
+      i.applyOperation(Ue(e, ce));
+      const Ie = he ?? ce[0].id;
+      ue ? Mn(Ie) : ve(Ie);
+    },
+    [i, e, t]
+  );
+  oe(() => {
+    const w = k.current;
+    if (w)
+      return w.addEventListener("beforeinput", A), () => w.removeEventListener("beforeinput", A);
+  }, [A]);
+  const F = h(
+    (w) => {
+      if (!I.current) {
+        if (w.key === "Enter" && o) {
+          w.preventDefault(), o(w);
+          return;
+        }
+        if (w.key === "Backspace") {
+          const N = k.current, x = N && Wt(N, t, i.getRun.bind(i));
+          if (x) {
+            w.preventDefault(), S(x);
+            return;
+          }
+          const H = N && Gt(N, t, i.getRun.bind(i), !0);
+          if (H) {
+            w.preventDefault(), S(H);
+            return;
+          }
+          if (N && Zo(N)) {
+            if (!me(i, t)) {
+              const P = Yt(i, e, "backward");
+              if (P) {
+                w.preventDefault(), $(P);
+                return;
+              }
+            }
+            w.preventDefault(), r && r(w);
+          }
+          return;
+        }
+        if (w.key === "Delete") {
+          const N = k.current, x = N && Wt(N, t, i.getRun.bind(i));
+          if (x) {
+            w.preventDefault(), S(x);
+            return;
+          }
+          const H = N && Gt(N, t, i.getRun.bind(i), !1);
+          if (H) {
+            w.preventDefault(), S(H);
+            return;
+          }
+          if (N && er(N)) {
+            const E = Yt(i, e, "forward");
+            if (E) {
+              w.preventDefault(), $(E);
+              return;
+            }
+            l && l(w);
+          }
+          return;
+        }
+        if (w.key === "ArrowUp" && a) {
+          w.preventDefault(), a(w);
+          return;
+        }
+        if (w.key === "ArrowDown" && s) {
+          w.preventDefault(), s(w);
+          return;
+        }
+        w.key === "Tab" && (w.shiftKey && u ? (w.preventDefault(), u(w)) : !w.shiftKey && c && (w.preventDefault(), c(w)));
+      }
+    },
+    [
+      o,
+      r,
+      l,
+      a,
+      s,
+      c,
+      u,
+      S,
+      $,
+      t,
+      e,
+      i
+    ]
+  );
+  return /* @__PURE__ */ T(Te, { children: [
+    /* @__PURE__ */ d(
+      "span",
+      {
+        ref: k,
+        className: "be-editable",
+        dir: n,
+        contentEditable: !0,
+        suppressContentEditableWarning: !0,
+        onInput: y,
+        onCompositionStart: L,
+        onCompositionEnd: D,
+        onKeyDown: F,
+        children: t.map((w) => {
+          const N = nr(m.current, i, w);
+          return Oe(
+            /* @__PURE__ */ d(
+              tr,
+              {
+                id: w,
+                blockId: e,
+                host: N,
+                inlineRegistry: f,
+                onValueSynced: B
+              },
+              w
+            ),
+            N
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ d(Vo, { containerRef: k, store: i }),
+    /* @__PURE__ */ d(qo, { containerRef: k, store: i, authorId: b })
+  ] });
+}
+function Pt(e) {
+  const t = e.getRootId(), n = e.getBlock(t);
+  if (!n || n.contentIds.length > 0) return null;
+  const { block: o, runs: r } = U("paragraph")(t);
+  return e.applyOperation(ke(o, t, 0, { blocks: [o], runs: r })), o.id;
+}
+const or = /* @__PURE__ */ new Set(["callout"]), Xt = /* @__PURE__ */ new Set(["paragraph", "heading", "blockquote"]);
+function rr(e, t) {
+  return e === t || Xt.has(e) && Xt.has(t);
+}
+function ct(e, t) {
+  const n = e.getBlock(t);
+  if (!n) return null;
+  const o = e.getBlock(n.parentId), r = o.contentIds.indexOf(t), l = n.contentIds.length === 0 || n.contentIds.length === 1 && lr(e, n.contentIds[0]);
+  if (r <= 0) {
+    if (!l) return null;
+    if (o.contentIds.length > 1)
+      return Pe(e, [q(t)]), e.getBlock(o.id).contentIds[0];
+    if (or.has(o.type))
+      return ar(e, o);
+    if (n.type === "paragraph") return null;
+    const { block: u, runs: p } = U("paragraph")(o.id);
+    return Pe(e, [
+      ke(u, o.id, r, { blocks: [u], runs: p }),
+      q(t)
+    ]), u.id;
+  }
+  const a = o.contentIds[r - 1], s = e.getBlock(a);
+  if (l)
+    return Pe(e, [q(t)]), a;
+  if (kt(e, s))
+    return Pe(e, [q(a)]), t;
+  if (!s || !rr(s.type, n.type)) return null;
+  const c = [...s.contentIds, ...n.contentIds];
+  return Pe(e, [
+    Lt(a, c),
+    Lt(t, []),
+    // detach moved runs before deleting the shell
+    q(t)
+  ]), a;
+}
+function lr(e, t) {
+  const n = e.getRun(t);
+  return !n || (n.value ?? "") === "";
+}
+function ar(e, t) {
+  const n = e.getBlock(t.parentId);
+  if (!n) return null;
+  const o = n.contentIds.indexOf(t.id), r = o > 0 ? n.contentIds[o - 1] : null, l = o !== -1 && o < n.contentIds.length - 1 ? n.contentIds[o + 1] : null;
+  Pe(e, [q(t.id)]);
+  const a = Pt(e);
+  return r ?? l ?? a;
+}
+function Pe(e, t) {
+  if (typeof e.performBatch == "function")
+    e.performBatch(t);
+  else
+    for (const n of t) e.applyOperation(n);
+}
+function Ge(e, t, n, o) {
+  if (!t || t === n) return;
+  const r = xo(e, t);
+  if (r) {
+    ve(r);
+    return;
+  }
+  o(t), requestAnimationFrame(() => {
+    var l;
+    (l = document.querySelector(`[data-block-id="${t}"]`)) == null || l.focus();
+  });
+}
+function Ce(e, t) {
+  var o, r;
+  if (!t) return "auto";
+  if ((o = t.props) != null && o.dir) return t.props.dir;
+  const n = e.getBlock(e.getRootId());
+  return ((r = n == null ? void 0 : n.props) == null ? void 0 : r.dir) ?? "auto";
+}
+function sr(e, t) {
+  if (typeof e.performBatch == "function") e.performBatch(t);
+  else for (const n of t) e.applyOperation(n);
+}
+const cr = [
+  { re: /^(#{1,3})[  ]$/, type: "heading", props: (e) => ({ level: e[1].length }) },
+  { re: /^[-*][  ]$/, type: "listItem", props: () => ({ ordered: !1, titleRunIds: [] }) },
+  { re: /^\d+\.[  ]$/, type: "listItem", props: () => ({ ordered: !0, titleRunIds: [] }) },
+  {
+    re: /^\[\][  ]$/,
+    type: "listItem",
+    props: () => ({ ordered: !1, checked: !1, titleRunIds: [] })
+  },
+  { re: /^>[  ]$/, type: "blockquote", props: () => ({}) },
+  { re: /^```$/, type: "code", props: () => ({ language: "plaintext" }) }
+];
+function ir(e, t, n) {
+  if (n.length !== 1 || n[0].type !== "text") return !1;
+  const o = n[0].value ?? "";
+  for (const r of cr) {
+    const l = r.re.exec(o);
+    if (!l) continue;
+    const a = o.slice(l[0].length), { ops: s } = On(e, t, r.type, r.props(l), [n[0].id]);
+    return sr(e, [ie(n[0].id, { value: a }), ...s]), Mn(n[0].id), !0;
+  }
+  return !1;
+}
+const ur = /* @__PURE__ */ new Set(["callout", "toggleHeading"]);
+function dr({ id: e }) {
+  const t = V(), n = ee(e), { setSelectedBlockId: o } = Se(), r = h(() => {
+    const f = t.getBlock(n == null ? void 0 : n.parentId), b = me(t, (n == null ? void 0 : n.contentIds) ?? []), v = !!f && f.contentIds[f.contentIds.length - 1] === e;
+    if (b && v && ur.has(f == null ? void 0 : f.type)) {
+      Ke(t, f.id, U("paragraph"));
+      return;
+    }
+    Ve(
+      t,
+      e,
+      (n == null ? void 0 : n.contentIds) ?? [],
+      U("paragraph")
+    );
+  }, [t, e, n]), l = h(() => {
+    var k, I;
+    const f = t.getBlock(n == null ? void 0 : n.parentId), b = me(t, (n == null ? void 0 : n.contentIds) ?? []), v = ((k = f == null ? void 0 : f.contentIds) == null ? void 0 : k.length) === 1 && f.contentIds[0] === e;
+    if (b && v && (f == null ? void 0 : f.type) === "toggleHeading") {
+      const m = ((I = f.props) == null ? void 0 : I.titleRunIds) ?? [], y = m[m.length - 1];
+      y && ve(y);
+      return;
+    }
+    const g = ct(t, e);
+    Ge(t, g, e, o);
+  }, [t, e, n, o]), a = h(() => le(t, e, "up"), [t, e]), s = h(() => le(t, e, "down"), [t, e]), c = h(
+    (f) => ir(t, e, f),
+    [t, e]
+  ), u = se("be-paragraph", n);
+  if (!n) return null;
+  const p = me(t, n.contentIds), i = Ce(t, n);
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: u,
+      "data-block-id": e,
+      "data-empty": p ? "" : void 0,
+      "data-placeholder": "Type '/' for commands",
+      dir: i,
+      children: /* @__PURE__ */ d(
+        Le,
+        {
+          blockId: e,
+          runIds: n.contentIds,
+          dir: i,
+          onEnter: r,
+          onBackspaceAtStart: l,
+          onArrowUp: a,
+          onArrowDown: s,
+          onAutoformat: c
+        }
+      )
+    }
+  );
+}
+const pr = {
+  STRONG: "bold",
+  B: "bold",
+  EM: "italic",
+  I: "italic",
+  U: "underline",
+  S: "strike",
+  STRIKE: "strike",
+  DEL: "strike",
+  CODE: "code",
+  SUB: "subscript",
+  SUP: "superscript"
+};
+function Be(e, t, n = {}) {
+  const o = [], r = (l, a) => {
+    var u, p;
+    if (l.nodeType === 3) {
+      const i = l.textContent;
+      i && o.push({ id: C(), type: "text", value: i, marks: { ...a } });
+      return;
+    }
+    if (l.nodeType !== 1) return;
+    if (t != null && t.inlineRegistry)
+      for (const i of t.inlineRegistry.listHtmlMatchers()) {
+        const f = i.fromHTML(l, t);
+        if (f) {
+          o.push(f);
+          return;
+        }
+      }
+    let s = a;
+    const c = pr[l.tagName];
+    c && (s = { ...s, [c]: !0 }), l.tagName === "A" && l.getAttribute("href") && (s = {
+      ...s,
+      link: {
+        href: l.getAttribute("href"),
+        target: l.getAttribute("target") === "_blank" ? "_blank" : "_self"
+      }
+    }), (u = l.style) != null && u.color && (s = { ...s, color: l.style.color }), (p = l.style) != null && p.backgroundColor && (s = { ...s, highlight: l.style.backgroundColor });
+    for (const i of l.childNodes) r(i, s);
+  };
+  return r(e, n), o.length ? o : [{ id: C(), type: "text", value: "", marks: {} }];
+}
+function fr(e, t) {
+  return `<p>${e.contentIds.map((o) => t.store.getRun(o)).map((o) => Ne(o, t)).join("")}</p>`;
+}
+function mr(e, t) {
+  return e.contentIds.map((n) => Re(t.store.getRun(n), t)).join("");
+}
+function hr(e, t) {
+  return xe(
+    e.contentIds.map((n) => t.store.getRun(n)),
+    t
+  );
+}
+function gr(e, t) {
+  if (e.tagName !== "P") return null;
+  const n = Be(e, t);
+  return { block: {
+    id: C(),
+    type: "paragraph",
+    parentId: null,
+    contentIds: n.map((r) => r.id),
+    props: {}
+  }, runs: n };
+}
+const br = ae({
+  name: "paragraph",
+  component: dr,
+  contentModel: "runs",
+  defaultProps: {},
+  toHTML: fr,
+  toPlainText: mr,
+  toMarkdown: hr,
+  fromHTML: gr,
+  slashCommand: {
+    label: "Text",
+    icon: pn,
+    keywords: ["paragraph", "text", "p"],
+    run: (e, t) => re(e, t, U("paragraph"))
+  }
+});
+function yr({ id: e }) {
+  var b;
+  const t = V(), n = ee(e), { setSelectedBlockId: o } = Se(), r = h(() => {
+    Ve(
+      t,
+      e,
+      (n == null ? void 0 : n.contentIds) ?? [],
+      U("paragraph")
+    );
+  }, [t, e, n]), l = h(() => {
+    const v = ct(t, e);
+    Ge(t, v, e, o);
+  }, [t, e, o]), a = h(() => le(t, e, "up"), [t, e]), s = h(() => le(t, e, "down"), [t, e]), c = ((b = n == null ? void 0 : n.props) == null ? void 0 : b.level) ?? 3, u = se(`be-heading be-heading-${c}`, n);
+  if (!n) return null;
+  const p = `h${c}`, i = me(t, n.contentIds), f = Ce(t, n);
+  return /* @__PURE__ */ d(
+    p,
+    {
+      className: u,
+      "data-block-id": e,
+      "data-empty": i ? "" : void 0,
+      "data-placeholder": `Heading ${c}`,
+      dir: f,
+      children: /* @__PURE__ */ d(
+        Le,
+        {
+          blockId: e,
+          runIds: n.contentIds,
+          dir: f,
+          onEnter: r,
+          onBackspaceAtStart: l,
+          onArrowUp: a,
+          onArrowDown: s
+        }
+      )
+    }
+  );
+}
+const Tt = { 1: fn, 2: mn, 3: hn }, kr = { H1: 1, H2: 2, H3: 3 };
+function vr(e, t) {
+  var r;
+  const n = ((r = e.props) == null ? void 0 : r.level) ?? 3, o = e.contentIds.map((l) => t.store.getRun(l));
+  return `<h${n}>${o.map((l) => Ne(l, t)).join("")}</h${n}>`;
+}
+function Ir(e, t) {
+  return e.contentIds.map((n) => Re(t.store.getRun(n), t)).join("");
+}
+function wr(e, t) {
+  var r;
+  const n = ((r = e.props) == null ? void 0 : r.level) ?? 3, o = xe(
+    e.contentIds.map((l) => t.store.getRun(l)),
+    t
+  );
+  return `${"#".repeat(n)} ${o}`;
+}
+function Tr(e, t) {
+  const n = kr[e.tagName];
+  if (!n) return null;
+  const o = Be(e, t);
+  return { block: {
+    id: C(),
+    type: "heading",
+    parentId: null,
+    contentIds: o.map((l) => l.id),
+    props: { level: n }
+  }, runs: o };
+}
+const Cr = ae({
+  name: "heading",
+  contentModel: "runs",
+  component: yr,
+  defaultProps: { level: 3 },
+  toHTML: vr,
+  toPlainText: Ir,
+  toMarkdown: wr,
+  fromHTML: Tr,
+  slashCommands: [
+    {
+      label: "Heading 1",
+      icon: Tt[1],
+      keywords: ["heading", "h1", "title"],
+      run: (e, t) => re(e, t, U("heading", { level: 1 }))
+    },
+    {
+      label: "Heading 2",
+      icon: Tt[2],
+      keywords: ["heading", "h2", "subtitle"],
+      run: (e, t) => re(e, t, U("heading", { level: 2 }))
+    },
+    {
+      label: "Heading 3",
+      icon: Tt[3],
+      keywords: ["heading", "h3", "title"],
+      run: (e, t) => re(e, t, U("heading", { level: 3 }))
+    }
+  ]
+}), Br = [];
+function Dn(e) {
+  const t = V(), n = h(
+    (r) => t.subscribe(e, r),
+    [t, e]
+  ), o = h(() => {
+    const r = t.getBlock(e);
+    return r ? r.contentIds : Br;
+  }, [t, e]);
+  return un(n, o);
+}
+class Rr extends lo {
+  constructor() {
+    super(...arguments);
+    Kt(this, "state", { hasError: !1, nonce: 0 });
+  }
+  static getDerivedStateFromError() {
+    return { hasError: !0 };
+  }
+  componentDidCatch(n, o) {
+    var r, l;
+    process.env.NODE_ENV !== "production" && console.error(
+      "[block-editor] a block failed to render; recovering by remounting it:",
+      n,
+      o
+    ), (l = (r = this.props).onError) == null || l.call(r, n, o), queueMicrotask(() => this.setState((a) => ({ hasError: !1, nonce: a.nonce + 1 })));
+  }
+  render() {
+    return this.state.hasError ? null : /* @__PURE__ */ d(ao, { children: this.props.children }, this.state.nonce);
+  }
+}
+const Hn = so(function({ id: t }) {
+  const n = ee(t), o = gn();
+  if (!n) return null;
+  const r = o.get(n.type);
+  if (!r)
+    return process.env.NODE_ENV !== "production" && console.warn(`[block-editor] No block type registered for "${n.type}" (id: ${t})`), null;
+  const l = r.component;
+  return /* @__PURE__ */ d(Rr, { children: /* @__PURE__ */ d(l, { id: t }) });
+});
+function _t(e, t, n, o) {
+  const r = _(!1), l = _(!1);
+  oe(() => {
+    var p, i;
+    if (!t) {
+      l.current = !1, r.current && (r.current = !1, (i = (p = o == null ? void 0 : o.current) == null ? void 0 : p.focus) == null || i.call(p));
+      return;
+    }
+    r.current = !0;
+    const a = e.current;
+    if (!a) return;
+    const s = () => Array.from(a.querySelectorAll('[role="menuitem"]')), c = (f) => {
+      var g;
+      const b = s();
+      if (b.length === 0) return;
+      const v = (f % b.length + b.length) % b.length;
+      (g = b[v]) == null || g.focus();
+    };
+    l.current || (l.current = !0, c(0));
+    const u = (f) => {
+      if (f.key === "Escape") {
+        f.preventDefault(), n();
+        return;
+      }
+      const b = s(), v = b.indexOf(document.activeElement);
+      v !== -1 && (f.key === "ArrowDown" ? (f.preventDefault(), c(v + 1)) : f.key === "ArrowUp" ? (f.preventDefault(), c(v - 1)) : f.key === "Home" ? (f.preventDefault(), c(0)) : f.key === "End" && (f.preventDefault(), c(b.length - 1)));
+    };
+    return a.addEventListener("keydown", u), () => a.removeEventListener("keydown", u);
+  });
+}
+const Qt = "be-live-region";
+function Nr() {
+  if (typeof document > "u") return null;
+  let e = document.getElementById(Qt);
+  return e || (e = document.createElement("div"), e.id = Qt, e.setAttribute("role", "status"), e.setAttribute("aria-live", "polite"), e.setAttribute("aria-atomic", "true"), Object.assign(e.style, {
+    position: "absolute",
+    width: "1px",
+    height: "1px",
+    margin: "-1px",
+    padding: "0",
+    overflow: "hidden",
+    clip: "rect(0, 0, 0, 0)",
+    whiteSpace: "nowrap",
+    border: "0"
+  }), document.body.appendChild(e), e);
+}
+function Me(e) {
+  const t = Nr();
+  t && (t.textContent = "", setTimeout(() => {
+    t.textContent = e;
+  }, 0));
+}
+const De = "💡", Pn = "gray";
+function Lr({
+  icon: e = De,
+  color: t = Pn
+} = {}) {
+  return function(o) {
+    const r = C(), { block: l, runs: a } = U("paragraph")(r);
+    return { block: {
+      id: r,
+      type: "callout",
+      parentId: o,
+      contentIds: [l.id],
+      props: { icon: e, color: t }
+    }, runs: a, subtreeBlocks: [l] };
+  };
+}
+const _n = [
+  { type: "paragraph", props: {}, label: "Text", icon: pn },
+  { type: "heading", props: { level: 1 }, label: "Heading 1", icon: fn },
+  { type: "heading", props: { level: 2 }, label: "Heading 2", icon: mn },
+  { type: "heading", props: { level: 3 }, label: "Heading 3", icon: hn },
+  {
+    type: "listItem",
+    props: { ordered: !1, titleRunIds: [] },
+    label: "Bulleted list",
+    icon: bn
+  },
+  {
+    type: "listItem",
+    props: { ordered: !0, titleRunIds: [] },
+    label: "Numbered list",
+    icon: yn
+  },
+  {
+    type: "listItem",
+    props: { ordered: !1, checked: !1, titleRunIds: [] },
+    label: "To-do list",
+    icon: St
+  },
+  {
+    type: "listItem",
+    props: { ordered: !1, collapsed: !1, titleRunIds: [] },
+    label: "Toggle list",
+    icon: Ee
+  },
+  {
+    type: "toggleHeading",
+    props: { level: 2, collapsed: !1, titleRunIds: [] },
+    label: "Toggle heading",
+    icon: Ee
+  },
+  { type: "blockquote", props: {}, label: "Quote", icon: kn },
+  { type: "callout", props: { icon: De }, label: "Callout", icon: vn },
+  { type: "code", props: { language: "plaintext" }, label: "Code", icon: In }
+], Ar = new Set(_n.map((e) => e.type));
+function Mr(e) {
+  return Ar.has(e);
+}
+function Er(e, t) {
+  return e != null && e.props && "titleRunIds" in e.props ? e.props.titleRunIds : t && !t.isLeaf(e == null ? void 0 : e.type) ? [] : (e == null ? void 0 : e.contentIds) ?? [];
+}
+function $r(e, t, n, o) {
+  const r = e.getBlock(n), l = Er(r, t), a = [];
+  if (o.type === "code")
+    for (const p of l) {
+      const i = e.getRun(p);
+      i != null && i.marks && Object.keys(i.marks).length > 0 && a.push(ie(p, { marks: {} }));
+    }
+  const s = { ...o.props }, { ops: c, newBlockId: u } = On(
+    e,
+    n,
+    o.type,
+    s,
+    l,
+    t
+  );
+  return { ops: [...a, ...c], newBlockId: u };
+}
+function xr({
+  onSelect: e,
+  onClose: t,
+  containerRef: n,
+  menuClassName: o = "be-block-gutter-menu",
+  itemClassName: r = "be-block-gutter-menu-item"
+}) {
+  const [l, a] = O(!1), [s, c] = O(null), u = _(null), p = _(null), i = h(
+    (m) => {
+      p.current = m, n && (n.current = m);
+    },
+    [n]
+  ), f = h(() => {
+    a(!1), t == null || t();
+  }, [t]);
+  at([u, p], l, f), _t(p, l, f, u);
+  const b = vt(
+    p,
+    l,
+    s == null ? void 0 : s.top,
+    s ? s.right + 4 : null
+  ), v = h(() => {
+    var m;
+    c(((m = u.current) == null ? void 0 : m.getBoundingClientRect()) ?? null), a(!0);
+  }, []), g = h(
+    (m) => {
+      e(m), f();
+    },
+    [e, f]
+  ), k = h(
+    (m) => {
+      m.key === "ArrowRight" && !l && (m.preventDefault(), v());
+    },
+    [l, v]
+  ), I = h(
+    (m) => {
+      m.key === "ArrowLeft" && (m.preventDefault(), f());
+    },
+    [f]
+  );
+  return /* @__PURE__ */ T(Te, { children: [
+    /* @__PURE__ */ T(
+      "button",
+      {
+        ref: u,
+        type: "button",
+        role: "menuitem",
+        className: r,
+        "aria-haspopup": "menu",
+        "aria-expanded": l,
+        onClick: () => l ? f() : v(),
+        onKeyDown: k,
+        children: [
+          /* @__PURE__ */ d(Ee, { size: 15 }),
+          " Turn into"
+        ]
+      }
+    ),
+    l && b && Oe(
+      /* @__PURE__ */ d(
+        "div",
+        {
+          ref: i,
+          role: "menu",
+          "aria-label": "Turn into",
+          className: o,
+          style: { position: "fixed", top: b.top, left: b.left },
+          onKeyDown: I,
+          children: _n.map((m, y) => {
+            const B = m.icon;
+            return /* @__PURE__ */ T(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                className: r,
+                onClick: () => g(m),
+                children: [
+                  /* @__PURE__ */ d(B, { size: 15 }),
+                  " ",
+                  m.label
+                ]
+              },
+              `${m.type}-${y}`
+            );
+          })
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+function Or(e, t) {
+  const n = e.getBlock(t);
+  if (!n) return null;
+  const o = e.getBlock(n.parentId), r = o.contentIds.indexOf(t), l = Fo(e, t), { block: a, runs: s, subtreeBlocks: c } = zo(l);
+  return e.applyOperation(
+    ke(a, o.id, r + 1, { blocks: [a, ...c], runs: s })
+  ), be(e, a.id), a.id;
+}
+function Sr(e, t) {
+  const n = e.getBlock(t), o = n && e.getBlock(n.parentId);
+  if (!o) return !1;
+  const r = o.contentIds.indexOf(t);
+  return r <= 0 ? !1 : (e.applyOperation(yt(t, o.id, r - 1)), !0);
+}
+function Dr(e, t) {
+  const n = e.getBlock(t), o = n && e.getBlock(n.parentId);
+  if (!o) return !1;
+  const r = o.contentIds.indexOf(t);
+  return r === -1 || r >= o.contentIds.length - 1 ? !1 : (e.applyOperation(yt(t, o.id, r + 1)), !0);
+}
+function Un(e, t) {
+  const n = e.getBlock(t);
+  if (!n) return null;
+  const o = e.getBlock(n.parentId), r = o.contentIds.indexOf(t), l = r > 0 ? o.contentIds[r - 1] : null, a = r !== -1 && r < o.contentIds.length - 1 ? o.contentIds[r + 1] : null;
+  e.applyOperation(q(t));
+  const s = Pt(e), c = l ?? a ?? s;
+  return c && be(e, c), c ?? null;
+}
+function Hr(e, t) {
+  if (typeof e.performBatch == "function") e.performBatch(t);
+  else for (const n of t) e.applyOperation(n);
+}
+function Pr({ id: e }) {
+  var w;
+  const t = V(), n = gn(), o = ee(e), [r, l] = O(!1), [a, s] = O(null), c = _(null), u = _(null), p = _(null), i = je(() => [c, u, p], []), [f] = uo(), b = f.includes(e), v = h(() => l(!1), []);
+  at(i, r, v), _t(u, r, v, c);
+  const g = h(() => {
+    var N;
+    s(((N = c.current) == null ? void 0 : N.getBoundingClientRect()) ?? null), l(!0);
+  }, []), k = vt(
+    u,
+    r,
+    (a == null ? void 0 : a.bottom) != null ? a.bottom + 4 : null,
+    a == null ? void 0 : a.left
+  ), I = h(() => {
+    Ke(t, e, U("paragraph"));
+  }, [t, e]), m = h(() => {
+    Or(t, e), Me("Block duplicated"), v();
+  }, [t, e, v]), y = h(() => {
+    Sr(t, e) && Me("Block moved up"), v();
+  }, [t, e, v]), B = h(() => {
+    Dr(t, e) && Me("Block moved down"), v();
+  }, [t, e, v]), L = h(() => {
+    Un(t, e), Me("Block deleted"), v();
+  }, [t, e, v]), D = !!((w = o == null ? void 0 : o.props) != null && w.hidden), S = h(() => {
+    t.applyOperation(G(e, { hidden: !D })), Me(D ? "Block shown in preview" : "Block hidden in preview"), v();
+  }, [t, e, D, v]), $ = Ce(t, o) === "rtl", A = h(() => {
+    t.applyOperation(G(e, { dir: $ ? "ltr" : "rtl" })), Me($ ? "Block set to left-to-right" : "Block set to right-to-left"), v();
+  }, [t, e, $, v]), F = h(
+    (N) => {
+      const { ops: x } = $r(t, n, e, N);
+      Hr(t, x), Me(`Turned into ${N.label}`), v();
+    },
+    [t, n, e, v]
+  );
+  return o ? /* @__PURE__ */ T(
+    "div",
+    {
+      className: `be-block-row${D ? " be-block-row-hidden" : ""}${b ? " be-block-row-range-selected" : ""}`,
+      "data-block-row-id": e,
+      dir: Ce(t, o),
+      children: [
+        /* @__PURE__ */ T(
+          "div",
+          {
+            className: `be-block-gutter${r ? " be-block-gutter-active" : ""}`,
+            contentEditable: !1,
+            children: [
+              /* @__PURE__ */ d(
+                "button",
+                {
+                  type: "button",
+                  className: "be-block-gutter-btn",
+                  onClick: I,
+                  "aria-label": "Add block below",
+                  children: /* @__PURE__ */ d(wn, { size: 16 })
+                }
+              ),
+              /* @__PURE__ */ d(
+                "button",
+                {
+                  ref: c,
+                  type: "button",
+                  className: "be-block-gutter-btn",
+                  "aria-label": "More options",
+                  "aria-haspopup": "menu",
+                  "aria-expanded": r,
+                  onClick: () => r ? v() : g(),
+                  children: /* @__PURE__ */ d(po, { size: 16 })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ d("div", { className: "be-block-row-content", children: /* @__PURE__ */ d(Hn, { id: e }) }),
+        r && k && Oe(
+          /* @__PURE__ */ T(
+            "div",
+            {
+              ref: u,
+              role: "menu",
+              "aria-label": "Block options",
+              className: "be-block-gutter-menu",
+              style: { position: "fixed", top: k.top, left: k.left },
+              children: [
+                /* @__PURE__ */ T(
+                  "button",
+                  {
+                    type: "button",
+                    role: "menuitem",
+                    className: "be-block-gutter-menu-item",
+                    onClick: m,
+                    children: [
+                      /* @__PURE__ */ d(fo, { size: 15 }),
+                      " Duplicate"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ T(
+                  "button",
+                  {
+                    type: "button",
+                    role: "menuitem",
+                    className: "be-block-gutter-menu-item",
+                    onClick: y,
+                    children: [
+                      /* @__PURE__ */ d(Tn, { size: 15 }),
+                      " Move up"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ T(
+                  "button",
+                  {
+                    type: "button",
+                    role: "menuitem",
+                    className: "be-block-gutter-menu-item",
+                    onClick: B,
+                    children: [
+                      /* @__PURE__ */ d(Cn, { size: 15 }),
+                      " Move down"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ T(
+                  "button",
+                  {
+                    type: "button",
+                    role: "menuitem",
+                    className: "be-block-gutter-menu-item",
+                    onClick: S,
+                    children: [
+                      D ? /* @__PURE__ */ d(mo, { size: 15 }) : /* @__PURE__ */ d(ho, { size: 15 }),
+                      D ? "Show in preview" : "Hide in preview"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ T(
+                  "button",
+                  {
+                    type: "button",
+                    role: "menuitem",
+                    className: "be-block-gutter-menu-item",
+                    onClick: A,
+                    children: [
+                      $ ? /* @__PURE__ */ d(Bn, { size: 15 }) : /* @__PURE__ */ d(Rn, { size: 15 }),
+                      $ ? "Switch to left-to-right" : "Switch to right-to-left"
+                    ]
+                  }
+                ),
+                Mr(o.type) && /* @__PURE__ */ d(
+                  xr,
+                  {
+                    onSelect: F,
+                    onClose: () => {
+                    },
+                    containerRef: p
+                  }
+                ),
+                /* @__PURE__ */ T(
+                  "button",
+                  {
+                    type: "button",
+                    role: "menuitem",
+                    className: "be-block-gutter-menu-item be-block-gutter-menu-item-danger",
+                    onClick: L,
+                    children: [
+                      /* @__PURE__ */ d(Nn, { size: 15 }),
+                      " Delete"
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  ) : null;
+}
+function He({ parentId: e, isTopLevel: t = !1, filterIds: n }) {
+  const o = Dn(e), r = V(), [l] = go(), a = n ?? o, s = l ? a.filter((c) => {
+    var u, p;
+    return !((p = (u = r.getBlock(c)) == null ? void 0 : u.props) != null && p.hidden);
+  }) : a;
+  return t && !l ? s.map((c) => /* @__PURE__ */ d(Pr, { id: c }, c)) : s.map((c) => /* @__PURE__ */ d(Hn, { id: c }, c));
+}
+const _r = 97, Ur = [
+  [1e3, "m"],
+  [900, "cm"],
+  [500, "d"],
+  [400, "cd"],
+  [100, "c"],
+  [90, "xc"],
+  [50, "l"],
+  [40, "xl"],
+  [10, "x"],
+  [9, "ix"],
+  [5, "v"],
+  [4, "iv"],
+  [1, "i"]
+];
+function jr(e) {
+  let t = "";
+  for (; e > 0; )
+    e -= 1, t = String.fromCharCode(_r + e % 26) + t, e = Math.floor(e / 26);
+  return t;
+}
+function Fr(e) {
+  let t = "", n = e;
+  for (const [o, r] of Ur)
+    for (; n >= o; )
+      t += r, n -= o;
+  return t;
+}
+function zr(e) {
+  var t, n;
+  return (e == null ? void 0 : e.type) === "listItem" && ((t = e.props) == null ? void 0 : t.checked) === void 0 && ((n = e.props) == null ? void 0 : n.collapsed) === void 0;
+}
+function Jt(e, t) {
+  let n = 0, o = t;
+  for (; o; ) {
+    const r = e.getBlock(o.parentId);
+    if (!r || r.type !== "listItem") break;
+    n += 1, o = r;
+  }
+  return n;
+}
+function Kr(e, t, n) {
+  const o = n.indexOf(t.id);
+  let r = 1;
+  for (let l = o - 1; l >= 0; l -= 1) {
+    const a = e.getBlock(n[l]);
+    if (!zr(a) || !a.props.ordered) break;
+    r += 1;
+  }
+  return r;
+}
+function Vr(e, t) {
+  const n = (e % 3 + 3) % 3;
+  return n === 0 ? `${t}.` : n === 1 ? `${jr(t)}.` : `${Fr(t)}.`;
+}
+const Gr = ["•", "◦", "▪"];
+function Wr(e) {
+  const t = (e % 3 + 3) % 3;
+  return Gr[t];
+}
+function ot({ ordered: e = !1, checked: t, collapsed: n } = {}) {
+  return function(r, l) {
+    const a = C(), s = l != null && l.length ? l : [{ id: C(), type: "text", value: "", marks: {} }], c = { ordered: e, titleRunIds: s.map((f) => f.id) };
+    t !== void 0 && (c.checked = t);
+    let u = [], p = [], i = s;
+    if (n !== void 0) {
+      c.collapsed = n;
+      const { block: f, runs: b } = U("paragraph")(a);
+      u = [f.id], p = [f], i = [...s, ...b];
+    }
+    return {
+      block: { id: a, type: "listItem", parentId: r, contentIds: u, props: c },
+      runs: i,
+      subtreeBlocks: p
+    };
+  };
+}
+function qr(e, t) {
+  const n = e.getBlock(t), o = e.getBlock(n.parentId), r = o.contentIds.indexOf(t), l = r > 0 ? o.contentIds[r - 1] : null, a = l ? e.getBlock(l) : null;
+  if (!a || a.type !== "listItem") {
+    le(e, t, "down");
+    return;
+  }
+  e.applyOperation(yt(t, l, a.contentIds.length)), be(e, t);
+}
+function At(e, t) {
+  const n = e.getBlock(t), o = e.getBlock(n.parentId);
+  if (!o || o.type !== "listItem") return;
+  const r = o.parentId, a = e.getBlock(r).contentIds.indexOf(o.id);
+  e.applyOperation(yt(t, r, a + 1)), be(e, t);
+}
+function et(e, t) {
+  if (typeof e.performBatch == "function") e.performBatch(t);
+  else for (const n of t) e.applyOperation(n);
+}
+function jn(e, t) {
+  var n;
+  return t.length === 0 || t.length === 1 && (((n = e.getRun(t[0])) == null ? void 0 : n.value) ?? "") === "";
+}
+function Yr(e, t) {
+  const n = t.contentIds ?? [];
+  if (n.length === 0) return !0;
+  if (n.length > 1) return !1;
+  const o = e.getBlock(n[0]);
+  return !!o && o.type === "paragraph" && me(e, o.contentIds);
+}
+function Xr(e, t) {
+  const n = e.getBlock(t);
+  if (!n) return null;
+  const o = e.getBlock(n.parentId), r = o.contentIds.indexOf(t), l = n.props.titleRunIds ?? [], s = jn(e, l) && Yr(e, n);
+  if (r > 0) {
+    const p = o.contentIds[r - 1], i = e.getBlock(p);
+    if (s)
+      return et(e, [q(t)]), { focusBlockId: p, needsRefocus: !0 };
+    if (kt(e, i))
+      return et(e, [q(p)]), { focusBlockId: t, needsRefocus: !1 };
+    if ((i == null ? void 0 : i.type) === "listItem" && n.contentIds.length === 0) {
+      const f = [...i.props.titleRunIds ?? [], ...l];
+      return et(e, [
+        G(p, { titleRunIds: f }),
+        G(t, { titleRunIds: [] }),
+        // detach before delete
+        q(t)
+      ]), { focusBlockId: p, needsRefocus: !0 };
+    }
+    return null;
+  }
+  if (o.type === "listItem")
+    return At(e, t), { focusBlockId: t, needsRefocus: !0 };
+  if (!s) return null;
+  if (o.contentIds.length > 1)
+    return et(e, [q(t)]), { focusBlockId: e.getBlock(o.id).contentIds[0], needsRefocus: !0 };
+  const { block: c, runs: u } = U("paragraph")(o.id);
+  return et(e, [
+    ke(c, o.id, r, { blocks: [c], runs: u }),
+    q(t)
+  ]), { focusBlockId: c.id, needsRefocus: !0 };
+}
+function Qr(e, t) {
+  if (typeof e.performBatch == "function") e.performBatch(t);
+  else for (const n of t) e.applyOperation(n);
+}
+function Jr(e, t) {
+  const o = e.getBlock(t).parentId, l = e.getBlock(o).contentIds.indexOf(t), { block: a, runs: s } = U("paragraph")(o);
+  return Qr(e, [
+    ke(a, o, l, { blocks: [a], runs: s }),
+    G(t, { titleRunIds: [] }),
+    // detach its own (empty) run before deleting
+    q(t)
+  ]), be(e, a.id), a.id;
+}
+function Zr(e, t) {
+  if (typeof e.performBatch == "function") e.performBatch(t);
+  else for (const n of t) e.applyOperation(n);
+}
+function el({ id: e }) {
+  var S, $;
+  const t = V(), n = ee(e), { setSelectedBlockId: o } = Se(), r = Dn(n == null ? void 0 : n.parentId), l = h(() => {
+    var P, Y, X, K, z;
+    const A = ((P = n == null ? void 0 : n.props) == null ? void 0 : P.titleRunIds) ?? [], F = t.getBlock(n == null ? void 0 : n.parentId), w = jn(t, A);
+    if (w && (F == null ? void 0 : F.type) === "listItem") {
+      At(t, e);
+      return;
+    }
+    const N = (((Y = n == null ? void 0 : n.contentIds) == null ? void 0 : Y.length) ?? 0) > 0;
+    if (w && (F == null ? void 0 : F.type) !== "listItem" && !N) {
+      Jr(t, e);
+      return;
+    }
+    const x = ((X = n == null ? void 0 : n.props) == null ? void 0 : X.checked) !== void 0, H = ((K = n == null ? void 0 : n.props) == null ? void 0 : K.collapsed) !== void 0, E = ot({
+      ordered: (z = n == null ? void 0 : n.props) == null ? void 0 : z.ordered,
+      checked: x ? !1 : void 0,
+      collapsed: H ? !1 : void 0
+    });
+    N && !H ? $n(t, e, A, E) : Ve(t, e, A, E);
+  }, [t, e, n]), a = h(() => qr(t, e), [t, e]), s = h(() => At(t, e), [t, e]), c = h(() => {
+    const A = Xr(t, e);
+    !A || !A.needsRefocus || Ge(t, A.focusBlockId, e, o);
+  }, [t, e, o]), u = h(() => le(t, e, "up"), [t, e]), p = h(() => le(t, e, "down"), [t, e]), i = h(() => {
+    var A;
+    t.applyOperation(G(e, { checked: !((A = n == null ? void 0 : n.props) != null && A.checked) }));
+  }, [t, e, (S = n == null ? void 0 : n.props) == null ? void 0 : S.checked]), f = h(() => {
+    var F, w;
+    if (!((((F = n == null ? void 0 : n.contentIds) == null ? void 0 : F.length) ?? 0) > 0)) {
+      const { block: N, runs: x } = U("paragraph")(e);
+      Zr(t, [
+        ke(N, e, 0, { blocks: [N], runs: x }),
+        G(e, { collapsed: !1 })
+      ]), ve(N.contentIds[0]);
+      return;
+    }
+    t.applyOperation(G(e, { collapsed: !((w = n == null ? void 0 : n.props) != null && w.collapsed) }));
+  }, [t, e, n == null ? void 0 : n.contentIds, ($ = n == null ? void 0 : n.props) == null ? void 0 : $.collapsed]), b = se("be-list-item", n);
+  if (!n) return null;
+  const { ordered: v, checked: g, collapsed: k, titleRunIds: I = [] } = n.props, m = g !== void 0, y = !m && k !== void 0, B = n.contentIds.length > 0, L = I.map((A) => t.getRun(A)).filter((A) => (A == null ? void 0 : A.type) === "text").map((A) => A.value).join("").trim(), D = Ce(t, n);
+  return /* @__PURE__ */ T("div", { className: b, "data-block-id": e, dir: D, children: [
+    /* @__PURE__ */ T("div", { className: "be-list-item-row", children: [
+      m ? /* @__PURE__ */ d(
+        "input",
+        {
+          type: "checkbox",
+          className: "be-list-checkbox",
+          checked: !!g,
+          onChange: i,
+          "aria-label": L || "To-do item"
+        }
+      ) : y ? (
+        // A real button (not decorative, unlike the plain bullet/number
+        // marker below): it's the only way to reveal/hide this item's
+        // children, so assistive tech needs to know it's interactive and
+        // what state it's in.
+        /* @__PURE__ */ d(
+          "button",
+          {
+            type: "button",
+            className: "be-list-toggle-marker",
+            onClick: f,
+            "aria-expanded": !k,
+            "aria-label": B ? k ? "Expand toggle" : "Collapse toggle" : "Add content to toggle",
+            children: k ? /* @__PURE__ */ d(Ee, {}) : /* @__PURE__ */ d(Dt, {})
+          }
+        )
+      ) : (
+        // Decorative: list structure/position is conveyed by the DOM
+        // order itself, not by this glyph, so it's hidden from assistive
+        // tech. The glyph itself cycles with nesting depth (1,2,3 ->
+        // a,b,c -> i,ii,iii for numbered; disc -> circle -> square for
+        // bulleted, repeating every 3 levels), a common list-nesting
+        // convention — see listMarkers.js.
+        /* @__PURE__ */ d("span", { className: "be-list-marker", "aria-hidden": "true", children: v ? Vr(
+          Jt(t, n),
+          Kr(t, n, r)
+        ) : Wr(Jt(t, n)) })
+      ),
+      /* @__PURE__ */ d(
+        "div",
+        {
+          className: "be-list-item-title",
+          "data-empty": me(t, I) ? "" : void 0,
+          "data-placeholder": m ? "To-do" : y ? "Toggle" : "List item",
+          style: g ? { textDecoration: "line-through", opacity: 0.6 } : void 0,
+          children: /* @__PURE__ */ d(
+            Le,
+            {
+              blockId: e,
+              runIds: I,
+              dir: D,
+              onEnter: l,
+              onTab: a,
+              onShiftTab: s,
+              onBackspaceAtStart: c,
+              onArrowUp: u,
+              onArrowDown: p
+            }
+          )
+        }
+      )
+    ] }),
+    (!y || !k) && /* @__PURE__ */ d("div", { className: "be-list-item-children", children: /* @__PURE__ */ d(He, { parentId: e }) })
+  ] });
+}
+function tl(e, t) {
+  const { titleRunIds: n = [], ordered: o } = e.props, r = n.map((s) => Ne(t.store.getRun(s), t)).join(""), l = e.contentIds.map(
+    (s) => t.registry.get(t.store.getBlock(s).type).toHTML(t.store.getBlock(s), t)
+  ).join(""), a = l ? `<${o ? "ol" : "ul"}>${l}</${o ? "ol" : "ul"}>` : "";
+  return `<li>${r}${a}</li>`;
+}
+function nl(e, t) {
+  const { titleRunIds: n = [] } = e.props;
+  return n.map((o) => Re(t.store.getRun(o), t)).join("");
+}
+function ol(e, t) {
+  const { titleRunIds: n = [], ordered: o, checked: r } = e.props, l = r !== void 0 ? r ? "- [x] " : "- [ ] " : o ? "1. " : "- ", a = xe(
+    n.map((c) => t.store.getRun(c)),
+    t
+  ), s = e.contentIds.map((c) => {
+    const u = t.store.getBlock(c), p = t.registry.get(u.type);
+    return (p.toMarkdown ?? p.toPlainText)(u, t).split(`
+`).map((f) => f && `  ${f}`).join(`
+`);
+  }).join(`
+`);
+  return s ? `${l}${a}
+${s}` : `${l}${a}`;
+}
+function Fn(e, t) {
+  const n = [], o = [];
+  for (const i of e.childNodes)
+    i.nodeType === 1 && (i.tagName === "UL" || i.tagName === "OL") ? o.push(i) : n.push(i);
+  const r = e.ownerDocument.createElement("span");
+  for (const i of n) r.appendChild(i.cloneNode(!0));
+  const l = Be(r, t), a = C(), s = [...l], c = [], u = [];
+  for (const i of o) {
+    const f = i.tagName === "OL";
+    for (const b of i.children) {
+      if (b.tagName !== "LI") continue;
+      const v = Fn(b, t);
+      v.block.parentId = a, v.block.props.ordered = f, c.push(v.block, ...v.childBlocks), s.push(...v.runs), u.push(v.block.id);
+    }
+  }
+  return { block: {
+    id: a,
+    type: "listItem",
+    parentId: null,
+    contentIds: u,
+    props: { ordered: !1, titleRunIds: l.map((i) => i.id) }
+  }, runs: s, childBlocks: c };
+}
+function rl(e, t) {
+  if (e.tagName !== "LI") return null;
+  const { block: n, runs: o, childBlocks: r } = Fn(e, t);
+  return { block: n, runs: o, subtreeBlocks: r };
+}
+const ll = ae({
+  name: "listItem",
+  contentModel: "blocks",
+  component: el,
+  defaultProps: { ordered: !1, titleRunIds: [] },
+  toHTML: tl,
+  toPlainText: nl,
+  toMarkdown: ol,
+  fromHTML: rl,
+  slashCommands: [
+    {
+      label: "Bulleted list",
+      icon: bn,
+      keywords: ["list", "bullet", "ul"],
+      run: (e, t) => re(e, t, ot({ ordered: !1 }))
+    },
+    {
+      label: "Numbered list",
+      icon: yn,
+      keywords: ["list", "number", "ordered", "ol"],
+      run: (e, t) => re(e, t, ot({ ordered: !0 }))
+    },
+    {
+      label: "To-do list",
+      icon: St,
+      keywords: ["todo", "checkbox", "task", "checklist"],
+      run: (e, t) => re(
+        e,
+        t,
+        ot({ ordered: !1, checked: !1 })
+      )
+    },
+    {
+      label: "Toggle list",
+      icon: Ee,
+      keywords: ["toggle", "collapse", "expand", "dropdown", "accordion"],
+      run: (e, t) => re(
+        e,
+        t,
+        ot({ ordered: !1, collapsed: !1 })
+      )
+    }
+  ]
+}), al = ["text", "date", "checkbox", "select"], It = "text", Ut = 160, _e = 80;
+function sl(e) {
+  return `Column ${e + 1}`;
+}
+function zn(e) {
+  return Array.from({ length: e }, (t, n) => ({
+    id: C(),
+    label: sl(n),
+    type: It,
+    width: Ut
+  }));
+}
+function pe(e, t) {
+  var o;
+  const n = (o = e.props) == null ? void 0 : o.columns;
+  return !Array.isArray(n) || n.length !== t ? zn(t) : n.map((r) => {
+    const l = r.type ?? It, a = r.width ?? Ut;
+    return l === r.type && a === r.width ? r : { ...r, type: l, width: a };
+  });
+}
+function cl(e) {
+  switch (e) {
+    case "date":
+      return { id: C(), type: "date", value: "", marks: {}, data: { isoDate: "" } };
+    case "checkbox":
+      return {
+        id: C(),
+        type: "checkbox",
+        value: "",
+        marks: {},
+        data: { checked: !1, label: "" }
+      };
+    case "select":
+      return {
+        id: C(),
+        type: "tableSelect",
+        value: "",
+        marks: {},
+        data: { selectedValue: "", selectedLabel: "" }
+      };
+    default:
+      return { id: C(), type: "text", value: "", marks: {} };
+  }
+}
+function jt(e, t) {
+  const n = cl(t == null ? void 0 : t.type);
+  return {
+    block: { id: C(), type: "tableCell", parentId: e, contentIds: [n.id], props: {} },
+    run: n
+  };
+}
+function il(e, t, n) {
+  if (e.type === t) return e;
+  let o;
+  if (e.type === "text")
+    o = e.value ?? "";
+  else {
+    const r = n == null ? void 0 : n.get(e.type);
+    o = r != null && r.toPlainText ? r.toPlainText(e) : "";
+  }
+  if (t === "date") {
+    const r = o ? new Date(o) : null, l = r && !Number.isNaN(r.getTime()) ? r.toISOString().slice(0, 10) : "";
+    return { id: C(), type: "date", value: "", marks: {}, data: { isoDate: l } };
+  }
+  return t === "checkbox" ? {
+    id: C(),
+    type: "checkbox",
+    value: "",
+    marks: {},
+    data: { checked: !1, label: o }
+  } : { id: C(), type: "text", value: o, marks: {} };
+}
+function lt(e, t) {
+  if (!e) return "";
+  if (e.type === "text") return e.value ?? "";
+  const n = t == null ? void 0 : t.get(e.type);
+  return n != null && n.toPlainText ? n.toPlainText(e) : "";
+}
+function ul(e, t, n) {
+  var o, r, l;
+  return t === "date" ? ((o = e == null ? void 0 : e.data) == null ? void 0 : o.isoDate) ?? "" : t === "checkbox" ? (r = e == null ? void 0 : e.data) != null && r.checked ? 1 : 0 : t === "select" ? (((l = e == null ? void 0 : e.data) == null ? void 0 : l.selectedLabel) ?? "").trim() : lt(e, n).trim();
+}
+function dl(e, t, n) {
+  if (n === "checkbox") return e - t;
+  const o = Number(e), r = Number(t);
+  return e !== "" && t !== "" && !Number.isNaN(o) && !Number.isNaN(r) ? o - r : String(e).localeCompare(String(t), void 0, { sensitivity: "base" });
+}
+function pl(e, t, n, o) {
+  const r = e.map(({ rowId: a, run: s }) => ({
+    rowId: a,
+    key: ul(s, t, o)
+  })), l = (a) => a === "" || a == null;
+  return r.sort((a, s) => {
+    const c = l(a.key), u = l(s.key);
+    if (c && u) return 0;
+    if (c) return 1;
+    if (u) return -1;
+    const p = dl(a.key, s.key, t);
+    return n === "desc" ? -p : p;
+  }), r.map((a) => a.rowId);
+}
+const fl = [
+  "none",
+  "count",
+  "count-values",
+  "count-empty",
+  "sum",
+  "average",
+  "min",
+  "max"
+], ml = {
+  none: "None",
+  count: "Count all",
+  "count-values": "Count filled",
+  "count-empty": "Count empty",
+  sum: "Sum",
+  average: "Average",
+  min: "Min",
+  max: "Max"
+}, hl = {
+  count: "Count",
+  "count-values": "Filled",
+  "count-empty": "Empty",
+  sum: "Sum",
+  average: "Avg",
+  min: "Min",
+  max: "Max"
+};
+function gl(e, t, n, o) {
+  if (!n || n === "none") return null;
+  if (n === "count") return e.length;
+  const r = e.map((a) => lt(a, o).trim());
+  if (n === "count-values") return r.filter((a) => a !== "").length;
+  if (n === "count-empty") return r.filter((a) => a === "").length;
+  const l = r.map(Number).filter((a, s) => r[s] !== "" && !Number.isNaN(a));
+  return l.length === 0 ? null : n === "sum" ? l.reduce((a, s) => a + s, 0) : n === "average" ? l.reduce((a, s) => a + s, 0) / l.length : n === "min" ? Math.min(...l) : n === "max" ? Math.max(...l) : null;
+}
+function bl(e) {
+  return e == null ? "" : Number.isInteger(e) ? String(e) : e.toFixed(2);
+}
+function $e(e, t) {
+  if (typeof e.performBatch == "function") e.performBatch(t);
+  else for (const n of t) e.applyOperation(n);
+}
+function Kn(e, t) {
+  const o = e.getBlock(t.parentId).contentIds.indexOf(t.id);
+  $e(e, [q(t.id)]);
+  const r = Pt(e);
+  if (r)
+    return be(e, r), null;
+  const l = e.getBlock(t.parentId), a = l.contentIds[o] ?? l.contentIds[o - 1];
+  return a && be(e, a), null;
+}
+function yl(e, t) {
+  const n = e.getBlock(t), o = e.getBlock(n.parentId), r = o.contentIds.indexOf(t), l = pe(o, n.contentIds.length), a = C(), s = [], c = [], u = [];
+  for (const i of l) {
+    const f = jt(a, i);
+    s.push(f.block), c.push(f.run), u.push(f.block.id);
+  }
+  const p = { id: a, type: "tableRow", parentId: o.id, contentIds: u, props: {} };
+  return e.applyOperation(
+    ke(p, o.id, r + 1, { blocks: [p, ...s], runs: c })
+  ), be(e, a), a;
+}
+function kl(e, t) {
+  const n = e.getBlock(t), o = e.getBlock(n.parentId);
+  if (o.contentIds.length <= 1)
+    return Kn(e, o);
+  const r = o.contentIds.indexOf(t);
+  $e(e, [q(t)]);
+  const l = e.getBlock(o.id), a = Math.min(r, l.contentIds.length - 1), s = l.contentIds[a];
+  return s && be(e, s), s ?? null;
+}
+function Zt(e, t, n) {
+  const o = e.getBlock(t), r = pe(
+    o,
+    o.contentIds[0] ? e.getBlock(o.contentIds[0]).contentIds.length : 0
+  ), l = {
+    id: C(),
+    label: "New Column",
+    type: It,
+    width: Ut
+  }, a = [];
+  let s = null;
+  for (const u of o.contentIds) {
+    const p = jt(u, l);
+    s === null && (s = p.block.id), a.push(
+      ke(p.block, u, n + 1, { blocks: [p.block], runs: [p.run] })
+    );
+  }
+  const c = [...r];
+  return c.splice(n + 1, 0, l), a.push(G(t, { columns: c })), $e(e, a), s && be(e, s), s;
+}
+function vl(e, t, n) {
+  const o = e.getBlock(t), r = e.getBlock(o.contentIds[0]);
+  if (!r || r.contentIds.length <= 1)
+    return Kn(e, o);
+  const l = pe(o, r.contentIds.length), a = o.contentIds.map((i) => {
+    const f = e.getBlock(i);
+    return q(f.contentIds[n]);
+  }), s = l.filter((i, f) => f !== n);
+  a.push(G(t, { columns: s })), $e(e, a);
+  const c = e.getBlock(o.contentIds[0]), u = Math.min(n, c.contentIds.length - 1), p = c.contentIds[u];
+  return p && be(e, p), p ?? null;
+}
+function en(e, t, n, o) {
+  const r = e.getBlock(t), l = e.getBlock(r.contentIds[0]), a = pe(r, l ? l.contentIds.length : 0);
+  if (!a[n]) return;
+  const s = [...a];
+  s[n] = {
+    ...a[n],
+    width: Math.max(_e, Math.round(o))
+  }, e.applyOperation(G(t, { columns: s }));
+}
+function Il(e, t, n, o) {
+  const r = e.getBlock(t), l = e.getBlock(r.contentIds[0]), s = [...pe(r, l ? l.contentIds.length : 0)];
+  s[n] && (s[n] = { ...s[n], label: o }, e.applyOperation(G(t, { columns: s })));
+}
+function tn(e, t, n, o, r) {
+  var p;
+  const l = e.getBlock(t), a = l.contentIds.map((i) => {
+    const f = e.getBlock(i), b = e.getBlock(f.contentIds[n]);
+    return { rowId: i, run: b ? e.getRun(b.contentIds[0]) : null };
+  }), c = ((p = pe(
+    l,
+    a.length ? e.getBlock(l.contentIds[0]).contentIds.length : 0
+  )[n]) == null ? void 0 : p.type) ?? It, u = pl(a, c, o, r);
+  e.applyOperation(Lt(t, u));
+}
+function wl(e, t, n, o) {
+  const r = e.getBlock(t), l = e.getBlock(r.contentIds[0]), a = pe(r, l ? l.contentIds.length : 0);
+  if (!a[n]) return;
+  const s = [...a];
+  s[n] = { ...a[n], aggregate: o }, e.applyOperation(G(t, { columns: s }));
+}
+function Ft(e, t, n) {
+  return t.contentIds.map((o) => {
+    const l = e.getBlock(o).contentIds[n], a = e.getBlock(l);
+    return { cellId: l, run: e.getRun(a.contentIds[0]) };
+  });
+}
+function Tl(e, t, n, o) {
+  const r = Ft(e, t, n), l = [], a = /* @__PURE__ */ new Map();
+  for (const { run: c } of r) {
+    const u = lt(c, o).trim();
+    if (!u || a.has(u)) continue;
+    const p = { value: C(), label: u };
+    a.set(u, p), l.push(p);
+  }
+  const s = r.map(({ cellId: c, run: u }) => {
+    const p = lt(u, o).trim(), i = a.get(p);
+    return {
+      cellId: c,
+      run: {
+        id: C(),
+        type: "tableSelect",
+        value: "",
+        marks: {},
+        data: { selectedValue: (i == null ? void 0 : i.value) ?? "", selectedLabel: (i == null ? void 0 : i.label) ?? "" }
+      }
+    };
+  });
+  return { options: l, newRuns: s };
+}
+function Cl(e, t, n, o, r) {
+  const l = e.getBlock(t), a = e.getBlock(l.contentIds[0]), s = pe(l, a ? a.contentIds.length : 0), c = s[n];
+  if (!c || c.type === o) return;
+  const u = [...s];
+  if (o === "select") {
+    const { options: i, newRuns: f } = Tl(
+      e,
+      l,
+      n,
+      r
+    );
+    u[n] = { ...c, type: o, options: i };
+    const b = [G(t, { columns: u })];
+    for (const { cellId: v, run: g } of f) b.push(Ue(v, [g]));
+    $e(e, b);
+    return;
+  }
+  u[n] = { ...c, type: o };
+  const p = [G(t, { columns: u })];
+  for (const { cellId: i, run: f } of Ft(e, l, n)) {
+    if (!f) continue;
+    const b = il(f, o, r);
+    p.push(Ue(i, [b]));
+  }
+  $e(e, p);
+}
+function ht(e, t, n, o) {
+  var i, f;
+  const r = e.getBlock(t), l = e.getBlock(r.contentIds[0]), a = pe(r, l ? l.contentIds.length : 0), s = a[n];
+  if (!s) return;
+  const c = [...a];
+  c[n] = { ...s, options: o };
+  const u = [G(t, { columns: c })], p = new Map(o.map((b) => [b.value, b]));
+  for (const { run: b } of Ft(e, r, n)) {
+    if (!b || b.type !== "tableSelect") continue;
+    const v = ((i = b.data) == null ? void 0 : i.selectedValue) ?? "", g = p.get(v), k = g ? v : "", I = g ? g.label : "";
+    (k !== v || I !== (((f = b.data) == null ? void 0 : f.selectedLabel) ?? "")) && u.push(
+      ie(b.id, {
+        data: { selectedValue: k, selectedLabel: I }
+      })
+    );
+  }
+  $e(e, u);
+}
+const Bl = "$fieldTypes";
+function Rl() {
+  const e = V(), t = h(
+    (o) => e.subscribe(Bl, o),
+    [e]
+  ), n = h(() => e.getFieldTypes(), [e]);
+  return un(t, n);
+}
+function nn() {
+  if (typeof window > "u" || !window.visualViewport) return 0;
+  const e = window.visualViewport, t = window.innerHeight - (e.height + e.offsetTop);
+  return t > 0 ? Math.round(t) : 0;
+}
+function Nl() {
+  const [e, t] = O(nn);
+  return oe(() => {
+    if (typeof window > "u" || !window.visualViewport) return;
+    const n = window.visualViewport, o = () => t(nn());
+    return o(), n.addEventListener("resize", o), n.addEventListener("scroll", o), () => {
+      n.removeEventListener("resize", o), n.removeEventListener("scroll", o);
+    };
+  }, []), e;
+}
+const Ll = 280, on = 220, Al = 32, rn = 6;
+function Ml(e, t) {
+  return t ? e.label.toLowerCase().includes(t.toLowerCase()) : !0;
+}
+function Fe({
+  value: e,
+  options: t,
+  onChange: n,
+  placeholder: o = "Select…",
+  ariaLabel: r,
+  className: l = "",
+  variant: a = "default",
+  selectedLabel: s,
+  selectedColor: c,
+  onManageOptions: u,
+  manageOptionsLabel: p = "Manage options…",
+  mention: i = !1,
+  autoOpen: f = !1
+}) {
+  var Ye, Xe;
+  const [b, v] = O(!1), [g, k] = O(""), [I, m] = O(0), [y, B] = O(null), L = Nl(), [D, S] = O([]), [$, A] = O(!1), [F, w] = O(!1), N = _(null), x = _(null), H = _(null), E = _(null), P = _(null), Y = _(null), X = je(() => [N, H], []), K = a === "tag", z = typeof t == "function", [Q, he] = O(Al), [ue, ce] = O(0), Ie = z ? void 0 : t.find((R) => R.value === e), de = e ? Ie ?? (s ? { label: s, color: c } : void 0) : void 0, te = je(
+    () => z ? D : t.filter((R) => Ml(R, g)),
+    [z, D, t, g]
+  ), Ae = Math.max(0, (te.length - 1) * Q), ye = Math.min(ue, Ae), Z = te.length ? Math.max(0, Math.floor(ye / Q) - rn) : 0, it = Math.ceil(on / Q) + rn * 2, We = Math.min(te.length, Z + it), ut = te.slice(Z, We), M = Z * Q, W = Math.max(0, (te.length - We) * Q);
+  rt(() => {
+    var ne;
+    const R = (ne = Y.current) == null ? void 0 : ne.getBoundingClientRect().height;
+    R && Math.abs(R - Q) > 0.5 && he(R);
+  }), oe(() => {
+    if (!z || !b) return;
+    let R = !1;
+    A(!0), w(!1);
+    const ne = setTimeout(() => {
+      Promise.resolve(t(g)).then((ge) => {
+        R || (S(ge ?? []), A(!1));
+      }).catch(() => {
+        R || (S([]), A(!1), w(!0));
+      });
+    }, 250);
+    return () => {
+      R = !0, clearTimeout(ne);
+    };
+  }, [z, b, t, g]);
+  const j = h(() => v(!1), []);
+  at(X, b, j);
+  const J = _o(H, b, y == null ? void 0 : y.left), we = h(() => {
+    var R;
+    B(((R = x.current) == null ? void 0 : R.getBoundingClientRect()) ?? null), k(""), m(0), ce(0), v(!0);
+  }, []);
+  oe(() => {
+    f && we();
+  }, []), oe(() => {
+    var R;
+    b && ((R = E.current) == null || R.focus());
+  }, [b, J]), oe(() => {
+    const R = P.current;
+    if (!R) return;
+    const ne = I * Q, ge = ne + Q, Qe = R.scrollTop, Je = R.clientHeight || on, wt = Qe + Je;
+    let Ze = null;
+    ne < Qe ? Ze = ne : ge > wt && (Ze = ge - Je), Ze !== null && (R.scrollTop = Ze, ce(Ze));
+  }, [I, Q]);
+  const qe = h(
+    (R) => {
+      var ne;
+      n(R.value, R), j(), (ne = x.current) == null || ne.focus();
+    },
+    [n, j]
+  ), dt = h(
+    (R) => {
+      var ne;
+      R.key === "ArrowDown" ? (R.preventDefault(), m((ge) => Math.min(ge + 1, Math.max(te.length - 1, 0)))) : R.key === "ArrowUp" ? (R.preventDefault(), m((ge) => Math.max(ge - 1, 0))) : R.key === "Enter" ? (R.preventDefault(), te[I] && qe(te[I])) : R.key === "Escape" && (R.preventDefault(), j(), (ne = x.current) == null || ne.focus());
+    },
+    [te, I, qe, j]
+  );
+  return /* @__PURE__ */ T("span", { className: `be-select ${l}`.trim(), ref: N, children: [
+    /* @__PURE__ */ d(
+      "button",
+      {
+        type: "button",
+        ref: x,
+        className: `be-select-trigger${K ? " be-select-trigger-tag" : ""}${i ? " be-select-trigger-mention" : ""}`,
+        "aria-haspopup": "listbox",
+        "aria-expanded": b,
+        "aria-label": r,
+        onClick: () => b ? j() : we(),
+        children: K ? de ? /* @__PURE__ */ d(
+          "span",
+          {
+            className: `be-select-tag${i ? " be-select-tag-mention" : ""}`,
+            style: i ? void 0 : { background: (Ye = de.color) == null ? void 0 : Ye.bg, color: (Xe = de.color) == null ? void 0 : Xe.text },
+            children: i ? `@${de.label}` : de.label
+          }
+        ) : /* @__PURE__ */ d("span", { className: "be-select-value be-select-value-placeholder", children: o }) : /* @__PURE__ */ T(Te, { children: [
+          /* @__PURE__ */ d("span", { className: "be-select-value", children: de ? de.label : o }),
+          /* @__PURE__ */ d(Dt, { size: 14, className: "be-select-chevron" })
+        ] })
+      }
+    ),
+    b && y && J != null && Oe(
+      /* @__PURE__ */ T(
+        "div",
+        {
+          ref: H,
+          className: "be-select-popover",
+          style: {
+            position: "fixed",
+            left: J,
+            minWidth: y.width,
+            // Flips above the trigger instead of below it once there isn't
+            // enough room left before the keyboard (or screen bottom) —
+            // otherwise the popover can render partly/entirely hidden
+            // underneath an open on-screen keyboard.
+            ...y.bottom + Ll > window.innerHeight - L ? { bottom: window.innerHeight - y.top + 4 } : { top: y.bottom + 4 }
+          },
+          children: [
+            /* @__PURE__ */ d(
+              "input",
+              {
+                ref: E,
+                type: "text",
+                className: "be-select-search",
+                value: g,
+                onChange: (R) => {
+                  k(R.target.value), m(0);
+                },
+                onKeyDown: dt,
+                placeholder: "Search…",
+                "aria-label": r ? `Search ${r}` : "Search options"
+              }
+            ),
+            /* @__PURE__ */ T(
+              "div",
+              {
+                className: "be-select-options",
+                role: "listbox",
+                ref: P,
+                onScroll: (R) => ce(R.currentTarget.scrollTop),
+                children: [
+                  z && $ && /* @__PURE__ */ d("div", { className: "be-select-empty", children: "Loading…" }),
+                  z && !$ && F && /* @__PURE__ */ d("div", { className: "be-select-empty be-select-error", children: "Couldn't load options" }),
+                  !$ && !F && te.length === 0 && /* @__PURE__ */ d("div", { className: "be-select-empty", children: "No results" }),
+                  !$ && !F && te.length > 0 && /* @__PURE__ */ T(Te, { children: [
+                    M > 0 && /* @__PURE__ */ d("div", { style: { height: M }, "aria-hidden": "true" }),
+                    ut.map((R, ne) => {
+                      var Qe, Je;
+                      const ge = Z + ne;
+                      return /* @__PURE__ */ d(
+                        "div",
+                        {
+                          ref: ne === 0 ? Y : void 0,
+                          role: "option",
+                          "aria-selected": R.value === e,
+                          className: `be-select-option${ge === I ? " be-select-option-active" : ""}${R.value === e ? " be-select-option-selected" : ""}`,
+                          onMouseDown: (wt) => {
+                            wt.preventDefault(), qe(R);
+                          },
+                          onMouseEnter: () => m(ge),
+                          children: K ? /* @__PURE__ */ d(
+                            "span",
+                            {
+                              className: "be-select-tag",
+                              style: { background: (Qe = R.color) == null ? void 0 : Qe.bg, color: (Je = R.color) == null ? void 0 : Je.text },
+                              children: R.label
+                            }
+                          ) : R.label
+                        },
+                        R.value
+                      );
+                    }),
+                    W > 0 && /* @__PURE__ */ d("div", { style: { height: W }, "aria-hidden": "true" })
+                  ] })
+                ]
+              }
+            ),
+            u && /* @__PURE__ */ d(
+              "button",
+              {
+                type: "button",
+                className: "be-select-manage-options",
+                onMouseDown: (R) => {
+                  R.preventDefault(), j(), u();
+                },
+                children: p
+              }
+            )
+          ]
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+const pt = [
+  { bg: "#e9e9e7", text: "#32302c" },
+  // gray (default)
+  { bg: "#eee0da", text: "#64473a" },
+  // brown
+  { bg: "#fadec9", text: "#8a4b23" },
+  // orange
+  { bg: "#fdecc8", text: "#8a6116" },
+  // yellow
+  { bg: "#dbeddb", text: "#256029" },
+  // green
+  { bg: "#d3e5ef", text: "#1a5f8a" },
+  // blue
+  { bg: "#e8deee", text: "#5b3a8a" },
+  // purple
+  { bg: "#f5e0e9", text: "#8a3a5f" },
+  // pink
+  { bg: "#ffe2dd", text: "#a13a2f" }
+  // red
+];
+function Mt(e) {
+  return pt[(e % pt.length + pt.length) % pt.length];
+}
+const El = { text: "Text", date: "Date", checkbox: "Checkbox", select: "Select" }, $l = fl.map((e) => ({
+  value: e,
+  label: ml[e]
+})), xl = al.map((e) => ({ value: e, label: El[e] })), Ct = 800;
+function Ol({ tableId: e, colIndex: t }) {
+  const n = V(), o = Rl(), { openCreate: r } = bo(), l = h(
+    (a) => {
+      const s = n.getFieldType(a);
+      s && ht(n, e, t, s.options ?? []);
+    },
+    [n, e, t]
+  );
+  return /* @__PURE__ */ T("div", { className: "be-table-header-menu-field-type", children: [
+    o.length > 0 && /* @__PURE__ */ d(
+      Fe,
+      {
+        value: "",
+        options: o.map((a) => ({ value: a.id, label: a.label })),
+        onChange: l,
+        placeholder: "Copy options from…",
+        ariaLabel: "Copy options from an existing field type"
+      }
+    ),
+    /* @__PURE__ */ d("button", { type: "button", className: "be-table-header-menu-item", onClick: r, children: "+ New field type" })
+  ] });
+}
+function Sl({ tableId: e, colIndex: t, options: n }) {
+  const o = V(), [r, l] = O(""), a = h(
+    (u, p) => {
+      ht(
+        o,
+        e,
+        t,
+        n.map((i) => i.value === u ? { ...i, label: p } : i)
+      );
+    },
+    [o, e, t, n]
+  ), s = h(
+    (u) => ht(
+      o,
+      e,
+      t,
+      n.filter((p) => p.value !== u)
+    ),
+    [o, e, t, n]
+  ), c = h(() => {
+    const u = r.trim();
+    l(""), u && ht(o, e, t, [
+      ...n,
+      { value: C(), label: u, color: Mt(n.length) }
+    ]);
+  }, [o, e, t, n, r]);
+  return /* @__PURE__ */ T("div", { className: "be-table-header-menu-options", children: [
+    /* @__PURE__ */ d("div", { className: "be-table-header-menu-options-label", children: "Options" }),
+    n.map((u, p) => /* @__PURE__ */ T("div", { className: "be-table-header-menu-option-row", children: [
+      /* @__PURE__ */ d(
+        "span",
+        {
+          className: "be-table-header-menu-option-swatch",
+          style: { background: (u.color ?? Mt(p)).bg },
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ d(
+        "input",
+        {
+          className: "be-table-header-menu-option-input",
+          value: u.label,
+          onChange: (i) => a(u.value, i.target.value),
+          "aria-label": `Rename option ${u.label}`
+        }
+      ),
+      /* @__PURE__ */ d(
+        "button",
+        {
+          type: "button",
+          className: "be-table-header-menu-option-remove",
+          onClick: () => s(u.value),
+          "aria-label": `Remove option ${u.label}`,
+          children: /* @__PURE__ */ d(st, { size: 14 })
+        }
+      )
+    ] }, u.value)),
+    /* @__PURE__ */ T("div", { className: "be-table-header-menu-option-row", children: [
+      /* @__PURE__ */ d(
+        "input",
+        {
+          className: "be-table-header-menu-option-input",
+          value: r,
+          onChange: (u) => l(u.target.value),
+          placeholder: "New option…",
+          onKeyDown: (u) => {
+            u.key === "Enter" && (u.preventDefault(), c());
+          }
+        }
+      ),
+      /* @__PURE__ */ d(
+        "button",
+        {
+          type: "button",
+          className: "be-table-header-menu-option-add",
+          onClick: c,
+          "aria-label": "Add option",
+          children: "+"
+        }
+      )
+    ] })
+  ] });
+}
+function Dl({ tableId: e, column: t, colIndex: n, colCount: o, filterValue: r, onFilterChange: l }) {
+  const a = V(), s = Ot(), [c, u] = O(!1), [p, i] = O(null), [f, b] = O(null), v = _(null), g = _(null), k = _(null), I = je(() => [v, g], []), m = h(() => u(!1), []);
+  at(I, c, m), _t(g, c, m, v);
+  const y = Uo(g, c, p == null ? void 0 : p.right), B = h(() => {
+    var E;
+    i(((E = k.current) == null ? void 0 : E.getBoundingClientRect()) ?? null), u(!0);
+  }, []), L = h(
+    (E) => Il(a, e, n, E.target.value),
+    [a, e, n]
+  ), D = h(() => {
+    Zt(a, e, n - 1), m();
+  }, [a, e, n, m]), S = h(() => {
+    Zt(a, e, n), m();
+  }, [a, e, n, m]), $ = h(() => {
+    vl(a, e, n), m();
+  }, [a, e, n, m]), A = h(
+    (E) => Cl(a, e, n, E, s),
+    [a, e, n, s]
+  ), F = h(() => {
+    tn(a, e, n, "asc", s), m();
+  }, [a, e, n, s, m]), w = h(() => {
+    tn(a, e, n, "desc", s), m();
+  }, [a, e, n, s, m]), N = h(
+    (E) => wl(a, e, n, E),
+    [a, e, n]
+  ), x = h(
+    (E) => {
+      var ue;
+      E.preventDefault();
+      const P = (ue = k.current) == null ? void 0 : ue.closest("table"), Y = P == null ? void 0 : P.querySelector(`col[data-col-index="${n}"]`);
+      if (!Y) return;
+      const X = k.current.getBoundingClientRect().width, K = E.clientX, z = (ce) => Math.max(_e, Math.round(X + (ce.clientX - K))), Q = (ce) => {
+        const Ie = z(ce);
+        Y.style.width = `${Ie}px`, b(Ie);
+      }, he = (ce) => {
+        document.removeEventListener("mousemove", Q), document.removeEventListener("mouseup", he), en(a, e, n, z(ce)), b(null);
+      };
+      document.addEventListener("mousemove", Q), document.addEventListener("mouseup", he);
+    },
+    [a, e, n]
+  ), H = h(
+    (E) => {
+      const P = t.width ?? _e, Y = E.shiftKey ? 1 : 16;
+      let X;
+      if (E.key === "ArrowLeft" || E.key === "ArrowDown")
+        X = Math.max(_e, P - Y);
+      else if (E.key === "ArrowRight" || E.key === "ArrowUp")
+        X = Math.min(Ct, P + Y);
+      else if (E.key === "Home") X = _e;
+      else if (E.key === "End") X = Ct;
+      else return;
+      E.preventDefault(), en(a, e, n, X);
+    },
+    [a, e, n, t.width]
+  );
+  return /* @__PURE__ */ T("th", { ref: k, scope: "col", className: "be-table-header-cell", contentEditable: !1, children: [
+    /* @__PURE__ */ d(
+      "input",
+      {
+        className: "be-table-header-label",
+        value: t.label,
+        onChange: L,
+        "aria-label": `Column ${n + 1} name`
+      }
+    ),
+    /* @__PURE__ */ d(
+      "button",
+      {
+        ref: v,
+        type: "button",
+        className: "be-table-header-menu-trigger",
+        "aria-label": `Column ${n + 1} options`,
+        "aria-haspopup": "menu",
+        "aria-expanded": c,
+        onClick: () => c ? m() : B(),
+        children: "⋮"
+      }
+    ),
+    /* @__PURE__ */ d(
+      "div",
+      {
+        className: "be-table-col-resize-handle",
+        onMouseDown: x,
+        onKeyDown: H,
+        role: "slider",
+        tabIndex: 0,
+        "aria-label": `Resize column ${n + 1}`,
+        "aria-valuemin": _e,
+        "aria-valuemax": Ct,
+        "aria-valuenow": f ?? t.width
+      }
+    ),
+    c && p && y != null && Oe(
+      /* @__PURE__ */ T(
+        "div",
+        {
+          ref: g,
+          role: "menu",
+          "aria-label": `Column ${n + 1} options`,
+          className: "be-table-header-menu",
+          style: {
+            position: "fixed",
+            top: p.bottom + 4,
+            left: y,
+            transform: "translateX(-100%)"
+          },
+          children: [
+            /* @__PURE__ */ T("div", { className: "be-table-header-menu-type", children: [
+              /* @__PURE__ */ d("span", { id: `be-table-col-type-${t.id}`, children: "Type" }),
+              /* @__PURE__ */ d(
+                Fe,
+                {
+                  value: t.type,
+                  options: xl,
+                  onChange: A,
+                  ariaLabel: "Column type",
+                  className: ""
+                }
+              )
+            ] }),
+            t.type === "select" && /* @__PURE__ */ T(Te, { children: [
+              /* @__PURE__ */ d(Ol, { tableId: e, colIndex: n }),
+              /* @__PURE__ */ d(
+                Sl,
+                {
+                  tableId: e,
+                  colIndex: n,
+                  options: t.options ?? []
+                }
+              )
+            ] }),
+            /* @__PURE__ */ T("div", { className: "be-table-header-menu-sort", children: [
+              /* @__PURE__ */ T(
+                "button",
+                {
+                  type: "button",
+                  role: "menuitem",
+                  className: "be-table-header-menu-item",
+                  onClick: F,
+                  children: [
+                    /* @__PURE__ */ d(Tn, { size: 13 }),
+                    " Sort ascending"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ T(
+                "button",
+                {
+                  type: "button",
+                  role: "menuitem",
+                  className: "be-table-header-menu-item",
+                  onClick: w,
+                  children: [
+                    /* @__PURE__ */ d(Cn, { size: 13 }),
+                    " Sort descending"
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ T("label", { className: "be-table-header-menu-filter", children: [
+              /* @__PURE__ */ d("span", { children: "Filter" }),
+              /* @__PURE__ */ d(
+                "input",
+                {
+                  type: "text",
+                  className: "be-table-header-menu-filter-input",
+                  placeholder: "Rows containing…",
+                  value: r ?? "",
+                  onChange: (E) => l(t.id, E.target.value),
+                  "aria-label": `Filter column ${n + 1}`
+                }
+              )
+            ] }),
+            /* @__PURE__ */ T("div", { className: "be-table-header-menu-type be-table-header-menu-aggregate", children: [
+              /* @__PURE__ */ d("span", { id: `be-table-col-aggregate-${t.id}`, children: "Footer" }),
+              /* @__PURE__ */ d(
+                Fe,
+                {
+                  value: t.aggregate ?? "none",
+                  options: $l,
+                  onChange: N,
+                  ariaLabel: "Column footer aggregate",
+                  className: ""
+                }
+              )
+            ] }),
+            /* @__PURE__ */ d(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                className: "be-table-header-menu-item",
+                onClick: D,
+                children: "Insert column left"
+              }
+            ),
+            /* @__PURE__ */ d(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                className: "be-table-header-menu-item",
+                onClick: S,
+                children: "Insert column right"
+              }
+            ),
+            /* @__PURE__ */ d(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                className: "be-table-header-menu-item be-table-header-menu-item-danger",
+                onClick: $,
+                disabled: o <= 1,
+                children: "Delete column"
+              }
+            )
+          ]
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+function Hl({ tableId: e, columns: t, filters: n, onFilterChange: o }) {
+  return /* @__PURE__ */ d("thead", { children: /* @__PURE__ */ T("tr", { className: "be-table-header-row", children: [
+    t.map((r, l) => /* @__PURE__ */ d(
+      Dl,
+      {
+        tableId: e,
+        column: r,
+        colIndex: l,
+        colCount: t.length,
+        filterValue: n == null ? void 0 : n[r.id],
+        onFilterChange: o
+      },
+      r.id
+    )),
+    /* @__PURE__ */ d("th", { className: "be-table-header-spacer", "aria-hidden": "true" })
+  ] }) });
+}
+function Pl({ id: e }) {
+  var g;
+  const t = V(), n = Ot(), o = ee(e), [r, l] = O({}), a = h((k, I) => {
+    l(
+      (m) => I ? { ...m, [k]: I } : Object.fromEntries(Object.entries(m).filter(([y]) => y !== k))
+    );
+  }, []), s = h(() => {
+    var I;
+    const k = (I = o == null ? void 0 : o.contentIds) == null ? void 0 : I[o.contentIds.length - 1];
+    k && yl(t, k);
+  }, [t, o]), c = se("be-table-wrapper", o), u = je(() => Object.entries(r).filter(([, k]) => k), [r]), p = h(
+    (k, I) => {
+      const m = t.getBlock(k), y = m && t.getBlock(m.contentIds[I]);
+      return y ? t.getRun(y.contentIds[0]) : null;
+    },
+    [t]
+  );
+  if (!o) return null;
+  const i = t.getBlock(o.contentIds[0]), f = pe(o, ((g = i == null ? void 0 : i.contentIds) == null ? void 0 : g.length) ?? 0), b = u.length === 0 ? o.contentIds : o.contentIds.filter(
+    (k) => u.every(([I, m]) => {
+      const y = f.findIndex((L) => L.id === I);
+      return y === -1 ? !0 : lt(p(k, y), n).toLowerCase().includes(m.toLowerCase());
+    })
+  ), v = f.some((k) => k.aggregate && k.aggregate !== "none");
+  return (
+    // be-table-scroll is a second, OUTER scroll boundary around
+    // be-table-wrapper's own overflow-x:auto: a fixed-layout table whose
+    // columns sum wider than the page can otherwise force its ancestors
+    // (this block's row content, .be-surface, ...) to grow to fit it
+    // instead of actually scrolling inside be-table-wrapper — depending on
+    // the host app's own surrounding layout, that can bubble all the way
+    // up to the whole page scrolling horizontally. This wrapper's own
+    // max-width:100% + overflow-x:auto is a hard stop that can't be
+    // out-grown by anything inside it, regardless of what's going on
+    // further up the tree.
+    /* @__PURE__ */ d("div", { className: "be-table-scroll", children: /* @__PURE__ */ T("div", { className: c, "data-block-id": e, children: [
+      /* @__PURE__ */ T("table", { className: "be-table", children: [
+        /* @__PURE__ */ T("colgroup", { children: [
+          f.map((k, I) => /* @__PURE__ */ d("col", { "data-col-index": I, style: { width: k.width } }, k.id)),
+          /* @__PURE__ */ d("col", { className: "be-table-header-spacer-col" })
+        ] }),
+        /* @__PURE__ */ d(
+          Hl,
+          {
+            tableId: e,
+            columns: f,
+            filters: r,
+            onFilterChange: a
+          }
+        ),
+        /* @__PURE__ */ d("tbody", { children: /* @__PURE__ */ d(He, { parentId: e, filterIds: b }) }),
+        v && /* @__PURE__ */ d("tfoot", { children: /* @__PURE__ */ T("tr", { className: "be-table-footer-row", children: [
+          f.map((k, I) => {
+            const m = b.map((B) => p(B, I)), y = gl(
+              m,
+              k.type,
+              k.aggregate,
+              n
+            );
+            return /* @__PURE__ */ d("td", { className: "be-table-footer-cell", children: y != null && /* @__PURE__ */ T(Te, { children: [
+              /* @__PURE__ */ d("span", { className: "be-table-footer-label", children: hl[k.aggregate] }),
+              bl(y)
+            ] }) }, k.id);
+          }),
+          /* @__PURE__ */ d("td", { className: "be-table-footer-spacer", "aria-hidden": "true" })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ T(
+        "button",
+        {
+          type: "button",
+          className: "be-table-add-row",
+          contentEditable: !1,
+          onClick: s,
+          children: [
+            /* @__PURE__ */ d(wn, { size: 14 }),
+            " Add row"
+          ]
+        }
+      )
+    ] }) })
+  );
+}
+function _l({ id: e }) {
+  const t = V(), n = ee(e), o = se("be-table-row", n), r = h(() => kl(t, e), [t, e]);
+  return /* @__PURE__ */ T("tr", { className: o, "data-block-id": e, children: [
+    /* @__PURE__ */ d(He, { parentId: e }),
+    /* @__PURE__ */ d("td", { className: "be-table-row-actions", contentEditable: !1, children: /* @__PURE__ */ d(
+      "button",
+      {
+        type: "button",
+        className: "be-table-delete-row",
+        onClick: r,
+        "aria-label": "Delete row",
+        title: "Delete row",
+        children: /* @__PURE__ */ d(st, { size: 14 })
+      }
+    ) })
+  ] });
+}
+function Vn(e, t) {
+  const n = e.getBlock(t), o = e.getBlock(n.parentId), r = e.getBlock(o.parentId);
+  return {
+    table: r,
+    row: o,
+    rowIndex: r.contentIds.indexOf(o.id),
+    colIndex: o.contentIds.indexOf(t)
+  };
+}
+function Ul(e, t, n) {
+  const { table: o, row: r, rowIndex: l, colIndex: a } = Vn(e, t);
+  if (n === "left" || n === "right") {
+    const p = n === "right" ? 1 : -1, i = a + p;
+    if (i >= 0 && i < r.contentIds.length)
+      return r.contentIds[i];
+    const f = l + p;
+    if (f < 0 || f >= o.contentIds.length) return null;
+    const b = e.getBlock(o.contentIds[f]), v = n === "right" ? 0 : b.contentIds.length - 1;
+    return b.contentIds[v];
+  }
+  const c = l + (n === "down" ? 1 : -1);
+  if (c < 0 || c >= o.contentIds.length) return null;
+  const u = e.getBlock(o.contentIds[c]);
+  return u.contentIds[a] ?? u.contentIds[u.contentIds.length - 1] ?? null;
+}
+function jl(e, t) {
+  const n = Oo(e, t, "down");
+  if (n) {
+    ve(n);
+    return;
+  }
+  Ke(e, t, U("paragraph"));
+}
+function tt(e, t, n) {
+  var r;
+  const o = Ul(e, t, n);
+  if (o) {
+    const l = e.getBlock(o), a = (r = l == null ? void 0 : l.contentIds) == null ? void 0 : r[0];
+    a && ve(a);
+    return;
+  }
+  if (n === "right") {
+    const { table: l } = Vn(e, t);
+    jl(e, l.id);
+  }
+}
+function Fl({ id: e }) {
+  const t = V(), n = ee(e), o = h(() => tt(t, e, "right"), [t, e]), r = h(() => tt(t, e, "left"), [t, e]), l = h(() => tt(t, e, "up"), [t, e]), a = h(() => tt(t, e, "down"), [t, e]), s = h(() => tt(t, e, "down"), [t, e]), c = se("be-table-cell", n);
+  if (!n) return null;
+  const u = Ce(t, n);
+  return /* @__PURE__ */ d("td", { className: c, "data-block-id": e, dir: u, children: /* @__PURE__ */ d(
+    Le,
+    {
+      blockId: e,
+      runIds: n.contentIds,
+      dir: u,
+      onTab: o,
+      onShiftTab: r,
+      onArrowUp: l,
+      onArrowDown: a,
+      onEnter: s
+    }
+  ) });
+}
+function zl(e, t) {
+  const n = C(), o = [], r = [], l = [];
+  for (const a of t) {
+    const s = jt(n, a);
+    o.push(s.block), r.push(s.run), l.push(s.block.id);
+  }
+  return {
+    block: { id: n, type: "tableRow", parentId: e, contentIds: l, props: {} },
+    blocks: o,
+    runs: r
+  };
+}
+function Kl({ rows: e = 2, cols: t = 2 } = {}) {
+  return function(o) {
+    const r = C(), l = zn(t), a = [], s = [], c = [];
+    for (let p = 0; p < e; p += 1) {
+      const i = zl(r, l);
+      a.push(i.block, ...i.blocks), s.push(...i.runs), c.push(i.block.id);
+    }
+    return { block: { id: r, type: "table", parentId: o, contentIds: c, props: { columns: l } }, runs: s, subtreeBlocks: a };
+  };
+}
+function Vl(e, t) {
+  return `<td>${e.contentIds.map((o) => t.store.getRun(o)).map((o) => Ne(o, t)).join("")}</td>`;
+}
+function Gl(e, t) {
+  return e.contentIds.map((n) => Re(t.store.getRun(n), t)).join("");
+}
+function Wl(e, t) {
+  return xe(
+    e.contentIds.map((o) => t.store.getRun(o)),
+    t
+  ).replace(/\|/g, "\\|").replace(/\r?\n/g, "<br>");
+}
+function ql(e, t) {
+  if (e.tagName !== "TD" && e.tagName !== "TH") return null;
+  const n = Be(e, t);
+  return { block: {
+    id: C(),
+    type: "tableCell",
+    parentId: null,
+    contentIds: n.map((r) => r.id),
+    props: {}
+  }, runs: n };
+}
+function Yl(e, t) {
+  return `<tr>${e.contentIds.map((o) => {
+    const r = t.store.getBlock(o);
+    return t.registry.get(r.type).toHTML(r, t);
+  }).join("")}</tr>`;
+}
+function Xl(e, t) {
+  return e.contentIds.map((n) => {
+    const o = t.store.getBlock(n);
+    return t.registry.get(o.type).toPlainText(o, t);
+  }).join("	");
+}
+function Ql(e, t) {
+  return `| ${e.contentIds.map((o) => {
+    const r = t.store.getBlock(o);
+    return t.registry.get(r.type).toMarkdown(r, t);
+  }).join(" | ")} |`;
+}
+function Jl(e, t) {
+  if (e.tagName !== "TR") return null;
+  const n = [...e.children].filter((c) => c.tagName === "TD" || c.tagName === "TH"), o = C(), r = [], l = [], a = [];
+  for (const c of n) {
+    const u = t.registry.get("tableCell").fromHTML(c, t);
+    u && (u.block.parentId = o, r.push(u.block), l.push(...u.runs), a.push(u.block.id));
+  }
+  return { block: { id: o, type: "tableRow", parentId: null, contentIds: a, props: {} }, runs: l, subtreeBlocks: r };
+}
+function Zl(e, t) {
+  var a;
+  const n = e.contentIds[0] && t.store.getBlock(e.contentIds[0]), o = pe(e, ((a = n == null ? void 0 : n.contentIds) == null ? void 0 : a.length) ?? 0), r = o.length ? `<thead><tr>${o.map((s) => `<th>${gt(s.label ?? "")}</th>`).join("")}</tr></thead>` : "", l = e.contentIds.map((s) => {
+    const c = t.store.getBlock(s);
+    return t.registry.get(c.type).toHTML(c, t);
+  }).join("");
+  return `<table>${r}<tbody>${l}</tbody></table>`;
+}
+function ea(e, t) {
+  return e.contentIds.map((n) => {
+    const o = t.store.getBlock(n);
+    return t.registry.get(o.type).toPlainText(o, t);
+  }).join(`
+`);
+}
+function ta(e, t) {
+  var s;
+  const n = e.contentIds[0] && t.store.getBlock(e.contentIds[0]), o = pe(e, ((s = n == null ? void 0 : n.contentIds) == null ? void 0 : s.length) ?? 0);
+  if (o.length === 0) return "";
+  const r = `| ${o.map((c) => (c.label ?? "").replace(/\|/g, "\\|")).join(" | ")} |`, l = `| ${o.map(() => "---").join(" | ")} |`, a = e.contentIds.map((c) => {
+    const u = t.store.getBlock(c);
+    return t.registry.get(u.type).toMarkdown(u, t);
+  }).join(`
+`);
+  return a ? `${r}
+${l}
+${a}` : `${r}
+${l}`;
+}
+function na(e, t) {
+  if (e.tagName !== "TABLE") return null;
+  const n = e.querySelector("thead tr"), o = e.querySelector("tbody") ? [...e.querySelectorAll("tbody tr")] : [...e.querySelectorAll("tr")].filter((p) => p !== n), r = C(), l = [], a = [], s = [];
+  for (const p of o) {
+    const i = t.registry.get("tableRow").fromHTML(p, t);
+    if (i) {
+      i.block.parentId = r;
+      for (const f of i.subtreeBlocks) f.parentId = i.block.id;
+      l.push(i.block, ...i.subtreeBlocks), a.push(...i.runs), s.push(i.block.id);
+    }
+  }
+  const c = {};
+  if (n) {
+    const p = [...n.children].filter(
+      (i) => i.tagName === "TH" || i.tagName === "TD"
+    );
+    c.columns = p.map((i) => ({ id: C(), label: i.textContent ?? "" }));
+  }
+  return { block: { id: r, type: "table", parentId: null, contentIds: s, props: c }, runs: a, subtreeBlocks: l };
+}
+const oa = ae({
+  name: "tableCell",
+  contentModel: "runs",
+  component: Fl,
+  defaultProps: {},
+  toHTML: Vl,
+  toPlainText: Gl,
+  toMarkdown: Wl,
+  fromHTML: ql
+}), ra = ae({
+  name: "tableRow",
+  contentModel: "blocks",
+  component: _l,
+  defaultProps: {},
+  toHTML: Yl,
+  toPlainText: Xl,
+  toMarkdown: Ql,
+  fromHTML: Jl
+}), la = ae({
+  name: "table",
+  contentModel: "blocks",
+  component: Pl,
+  defaultProps: {},
+  toHTML: Zl,
+  toPlainText: ea,
+  toMarkdown: ta,
+  fromHTML: na,
+  slashCommand: {
+    label: "Table",
+    icon: yo,
+    keywords: ["table", "grid"],
+    run: (e, t) => re(e, t, Kl({ rows: 2, cols: 2 }))
+  }
+});
+function aa({ id: e }) {
+  const t = ee(e), n = se("be-layout", t);
+  return /* @__PURE__ */ d("div", { className: n, "data-block-id": e, style: { display: "flex", gap: "1em" }, children: /* @__PURE__ */ d(He, { parentId: e }) });
+}
+function sa({ id: e }) {
+  const t = ee(e), n = se("be-layout-column", t);
+  return /* @__PURE__ */ d("div", { className: n, "data-block-id": e, children: /* @__PURE__ */ d(He, { parentId: e }) });
+}
+function ca({ columns: e = 2 } = {}) {
+  return function(n) {
+    const o = C(), r = [], l = [], a = [];
+    for (let c = 0; c < e; c += 1) {
+      const u = C(), { block: p, runs: i } = U("paragraph")(u), f = {
+        id: u,
+        type: "layoutColumn",
+        parentId: o,
+        contentIds: [p.id],
+        props: {}
+      };
+      r.push(f, p), l.push(...i), a.push(u);
+    }
+    return { block: { id: o, type: "layout", parentId: n, contentIds: a, props: {} }, runs: l, subtreeBlocks: r };
+  };
+}
+function Gn(e, t) {
+  return (n, o) => `${e}${n.contentIds.map((r) => {
+    const l = o.store.getBlock(r);
+    return o.registry.get(l.type).toHTML(l, o);
+  }).join("")}${t}`;
+}
+function Wn(e, t) {
+  return e.contentIds.map((n) => {
+    const o = t.store.getBlock(n);
+    return t.registry.get(o.type).toPlainText(o, t);
+  }).join(`
+`);
+}
+function qn(e, t) {
+  return e.contentIds.map((n) => {
+    const o = t.store.getBlock(n), r = t.registry.get(o.type);
+    return (r.toMarkdown ?? r.toPlainText)(o, t);
+  }).join(`
+
+`);
+}
+const ia = ae({
+  name: "layoutColumn",
+  contentModel: "blocks",
+  component: sa,
+  defaultProps: {},
+  toHTML: Gn("<div>", "</div>"),
+  toPlainText: Wn,
+  toMarkdown: qn
+  // no fromHTML: a bare column has no distinct HTML representation of its
+  // own outside a parent `layout`'s markup; layout.fromHTML would construct
+  // both together if/when generic multi-column HTML import is added.
+}), ua = ae({
+  name: "layout",
+  contentModel: "blocks",
+  component: aa,
+  defaultProps: {},
+  toHTML: Gn('<div style="display:flex;gap:1em">', "</div>"),
+  toPlainText: Wn,
+  toMarkdown: qn,
+  slashCommands: [2, 3, 4, 5].map((e) => ({
+    label: `${e} columns`,
+    icon: ko,
+    keywords: ["layout", "columns", "column", String(e)],
+    run: (t, n) => re(t, n, ca({ columns: e }))
+  }))
+});
+function da({ id: e }) {
+  const t = ee(e), n = se("be-divider", t);
+  return /* @__PURE__ */ d("hr", { className: n, "data-block-id": e, contentEditable: !1, tabIndex: -1 });
+}
+function pa() {
+  return function(t) {
+    return {
+      block: { id: C(), type: "divider", parentId: t, contentIds: [], props: {} },
+      runs: []
+    };
+  };
+}
+function fa() {
+  return "<hr />";
+}
+function ma() {
+  return "---";
+}
+function ha() {
+  return "---";
+}
+function ga(e) {
+  return e.tagName !== "HR" ? null : {
+    block: { id: C(), type: "divider", parentId: null, contentIds: [], props: {} },
+    runs: []
+  };
+}
+const ba = ae({
+  name: "divider",
+  contentModel: "void",
+  component: da,
+  defaultProps: {},
+  toHTML: fa,
+  toPlainText: ma,
+  toMarkdown: ha,
+  fromHTML: ga,
+  slashCommand: {
+    label: "Divider",
+    icon: vo,
+    keywords: ["divider", "hr", "separator", "line"],
+    run: (e, { blockId: t, runId: n, sliceStart: o, sliceEnd: r }) => {
+      const l = e.getRun(n), a = (l == null ? void 0 : l.value) ?? "";
+      e.applyOperation(
+        ie(n, { value: a.slice(0, o) + a.slice(r) })
+      );
+      const s = xn(e, t, pa());
+      return Ke(e, s, U("paragraph")), s;
+    }
+  }
+}), ya = [
+  { value: "gray", label: "Gray" },
+  { value: "blue", label: "Blue" },
+  { value: "green", label: "Green" },
+  { value: "yellow", label: "Yellow" },
+  { value: "orange", label: "Orange" },
+  { value: "red", label: "Red" },
+  { value: "purple", label: "Purple" },
+  { value: "pink", label: "Pink" }
+];
+function ka({ id: e }) {
+  var I, m;
+  const t = V(), n = ee(e), [o, r] = O(!1), [l, a] = O(!1), s = _(null), c = _(null), u = je(() => [s, c], []), p = h(() => a(!1), []);
+  at(u, l, p);
+  const i = ((I = n == null ? void 0 : n.props) == null ? void 0 : I.icon) ?? De, f = ((m = n == null ? void 0 : n.props) == null ? void 0 : m.color) ?? Pn, b = h(
+    (y) => {
+      const B = y.target.value.trim();
+      B && t.applyOperation(G(e, { icon: B })), r(!1);
+    },
+    [t, e]
+  ), v = h((y) => {
+    y.key === "Enter" && y.currentTarget.blur(), y.key === "Escape" && r(!1);
+  }, []), g = h(
+    (y) => {
+      t.applyOperation(G(e, { color: y })), a(!1);
+    },
+    [t, e]
+  ), k = se("be-callout", n);
+  return n ? /* @__PURE__ */ T("div", { className: k, "data-block-id": e, "data-color": f, children: [
+    /* @__PURE__ */ d("div", { className: "be-callout-icon-wrap", children: o ? /* @__PURE__ */ d(
+      "input",
+      {
+        type: "text",
+        className: "be-callout-icon-input",
+        defaultValue: i,
+        autoFocus: !0,
+        onBlur: b,
+        onKeyDown: v,
+        "aria-label": "Callout icon (paste or type an emoji)"
+      }
+    ) : /* @__PURE__ */ d(
+      "button",
+      {
+        type: "button",
+        className: "be-callout-icon",
+        onClick: () => r(!0),
+        "aria-label": "Change callout icon",
+        title: "Change icon",
+        children: i
+      }
+    ) }),
+    /* @__PURE__ */ d("div", { className: "be-callout-content", children: /* @__PURE__ */ d(He, { parentId: e }) }),
+    /* @__PURE__ */ T("div", { className: "be-callout-color-wrap", contentEditable: !1, children: [
+      /* @__PURE__ */ d(
+        "button",
+        {
+          ref: s,
+          type: "button",
+          className: "be-callout-color-trigger",
+          "aria-label": "Callout color",
+          "aria-haspopup": "true",
+          "aria-expanded": l,
+          title: "Callout color",
+          onClick: () => a((y) => !y),
+          children: /* @__PURE__ */ d("span", { className: `be-callout-color-dot be-callout-color-dot-${f}` })
+        }
+      ),
+      l && /* @__PURE__ */ d(
+        "div",
+        {
+          ref: c,
+          className: "be-callout-color-picker",
+          role: "menu",
+          "aria-label": "Callout color",
+          children: ya.map((y) => /* @__PURE__ */ d(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              className: `be-callout-color-option be-callout-color-option-${y.value}${y.value === f ? " be-callout-color-option-active" : ""}`,
+              title: y.label,
+              "aria-label": y.label,
+              onClick: () => g(y.value)
+            },
+            y.value
+          ))
+        }
+      )
+    ] })
+  ] }) : null;
+}
+function va(e, t) {
+  return e.contentIds.map((n) => {
+    const o = t.store.getBlock(n);
+    return t.registry.get(o.type).toHTML(o, t);
+  }).join("");
+}
+function Ia(e, t) {
+  var o;
+  const n = ((o = e.props) == null ? void 0 : o.icon) ?? De;
+  return `<div class="callout" data-icon="${n}"><div class="callout-icon">${n}</div><div class="callout-content">${va(e, t)}</div></div>`;
+}
+function wa(e, t) {
+  var r;
+  const n = ((r = e.props) == null ? void 0 : r.icon) ?? De, o = e.contentIds.map((l) => {
+    const a = t.store.getBlock(l);
+    return t.registry.get(a.type).toPlainText(a, t);
+  }).join(`
+`);
+  return `${n} ${o}`;
+}
+function Ta(e, t) {
+  var r;
+  const n = ((r = e.props) == null ? void 0 : r.icon) ?? De;
+  return e.contentIds.map((l) => {
+    const a = t.store.getBlock(l), s = t.registry.get(a.type);
+    return (s.toMarkdown ?? s.toPlainText)(a, t);
+  }).join(`
+`).split(`
+`).map((l, a) => `> ${a === 0 ? `${n} ` : ""}${l}`).join(`
+`);
+}
+const Ca = ae({
+  name: "callout",
+  contentModel: "blocks",
+  component: ka,
+  defaultProps: { icon: De },
+  toHTML: Ia,
+  toPlainText: wa,
+  toMarkdown: Ta,
+  // No fromHTML: same precedent as layoutColumn — there's no standard
+  // external HTML shape for a "callout" box, so plain-HTML paste doesn't
+  // need to reconstruct one. Same-editor copy/paste is already lossless
+  // via the generic block-subtree JSON clipboard path
+  // (captureSubtree in clipboard/serialize.js), which walks
+  // contentIds generically and needs no per-type awareness at all.
+  slashCommand: {
+    label: "Callout",
+    icon: vn,
+    keywords: ["callout", "aside", "note", "info", "tip", "warning"],
+    run: (e, t) => re(e, t, Lr())
+  }
+});
+function Ba({ id: e }) {
+  const t = V(), n = ee(e), { setSelectedBlockId: o } = Se(), r = h(() => {
+    Ve(
+      t,
+      e,
+      (n == null ? void 0 : n.contentIds) ?? [],
+      U("paragraph")
+    );
+  }, [t, e, n]), l = h(() => {
+    const i = ct(t, e);
+    Ge(t, i, e, o);
+  }, [t, e, o]), a = h(() => le(t, e, "up"), [t, e]), s = h(() => le(t, e, "down"), [t, e]), c = se("be-blockquote", n);
+  if (!n) return null;
+  const u = me(t, n.contentIds), p = Ce(t, n);
+  return /* @__PURE__ */ d(
+    "blockquote",
+    {
+      className: c,
+      "data-block-id": e,
+      "data-empty": u ? "" : void 0,
+      "data-placeholder": "Empty quote",
+      dir: p,
+      children: /* @__PURE__ */ d(
+        Le,
+        {
+          blockId: e,
+          runIds: n.contentIds,
+          dir: p,
+          onEnter: r,
+          onBackspaceAtStart: l,
+          onArrowUp: a,
+          onArrowDown: s
+        }
+      )
+    }
+  );
+}
+function Ra(e, t) {
+  return `<p>${e.contentIds.map((o) => t.store.getRun(o)).map((o) => Ne(o, t)).join("")}</p>`;
+}
+function Na(e, t) {
+  return e.contentIds.map((n) => Re(t.store.getRun(n), t)).join("");
+}
+function La(e, t) {
+  return `> ${xe(
+    e.contentIds.map((o) => t.store.getRun(o)),
+    t
+  )}`;
+}
+function Aa(e, t) {
+  if (e.tagName !== "BLOCKQUOTE") return null;
+  const n = Be(e, t);
+  return { block: {
+    id: C(),
+    type: "blockquote",
+    parentId: null,
+    contentIds: n.map((r) => r.id),
+    props: {}
+  }, runs: n };
+}
+const Ma = ae({
+  name: "blockquote",
+  contentModel: "runs",
+  component: Ba,
+  defaultProps: {},
+  toHTML: Ra,
+  toPlainText: Na,
+  toMarkdown: La,
+  fromHTML: Aa,
+  slashCommand: {
+    label: "Quote",
+    icon: kn,
+    keywords: ["quote", "blockquote", "citation"],
+    run: (e, t) => re(e, t, U("blockquote"))
+  }
+}), Ea = [
+  "plaintext",
+  "javascript",
+  "python",
+  "html",
+  "css",
+  "json",
+  "bash",
+  "sql"
+], $a = Ea.map((e) => ({ value: e, label: e }));
+function ln(e, t, n) {
+  const o = So();
+  if (!o || o.blockId !== t) return;
+  const r = e.getRun(o.runId);
+  if (!r || r.type !== "text") return;
+  const l = r.value ?? "", a = l.slice(0, o.offset) + n + l.slice(o.offset);
+  e.applyOperation(ie(r.id, { value: a })), Do(r.id, o.offset + n.length);
+}
+function xa({ id: e }) {
+  var g, k;
+  const t = V(), n = ee(e), o = Io(), r = h(() => ln(t, e, `
+`), [t, e]), l = h(() => ln(t, e, "  "), [t, e]), a = h(() => {
+    var B;
+    const I = ct(t, e);
+    if (!I || I === e) return;
+    const m = t.getBlock(I), y = (B = m == null ? void 0 : m.contentIds) == null ? void 0 : B[m.contentIds.length - 1];
+    y && ve(y);
+  }, [t, e]), s = h(() => le(t, e, "up"), [t, e]), c = h(() => le(t, e, "down"), [t, e]), u = h(
+    (I) => t.applyOperation(G(e, { language: I })),
+    [t, e]
+  ), p = h(() => Un(t, e), [t, e]), i = se("be-code-block", n);
+  if (!n) return null;
+  const f = ((g = n.props) == null ? void 0 : g.language) ?? "plaintext", b = me(t, n.contentIds), v = o ? (((k = n.contentIds.map((I) => {
+    var m;
+    return ((m = t.getRun(I)) == null ? void 0 : m.value) ?? "";
+  }).join("").match(/\n/g)) == null ? void 0 : k.length) ?? 0) + 1 : 0;
+  return /* @__PURE__ */ T("div", { className: i, "data-block-id": e, children: [
+    /* @__PURE__ */ T("div", { className: "be-code-block-header", contentEditable: !1, children: [
+      /* @__PURE__ */ d(
+        Fe,
+        {
+          className: "be-code-block-language",
+          value: f,
+          options: $a,
+          onChange: u,
+          ariaLabel: "Code language"
+        }
+      ),
+      /* @__PURE__ */ d(
+        "button",
+        {
+          type: "button",
+          className: "be-code-block-delete",
+          onClick: p,
+          "aria-label": "Delete code block",
+          title: "Delete code block",
+          children: /* @__PURE__ */ d(Nn, { size: 14 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ T("div", { className: "be-code-block-body", children: [
+      o && /* @__PURE__ */ d("div", { className: "be-code-block-gutter", contentEditable: !1, "aria-hidden": "true", children: Array.from({ length: v }, (I, m) => /* @__PURE__ */ d("span", { children: m + 1 }, m)) }),
+      /* @__PURE__ */ d("pre", { className: "be-code-block-pre", dir: "ltr", children: /* @__PURE__ */ d("code", { "data-empty": b ? "" : void 0, "data-placeholder": "Empty code block", children: /* @__PURE__ */ d(
+        Le,
+        {
+          blockId: e,
+          runIds: n.contentIds,
+          dir: "ltr",
+          onEnter: r,
+          onTab: l,
+          onBackspaceAtStart: a,
+          onArrowUp: s,
+          onArrowDown: c
+        }
+      ) }) })
+    ] })
+  ] });
+}
+function Oa(e, t) {
+  var l;
+  const n = e.contentIds.map((a) => t.store.getRun(a)), o = (l = e.props) == null ? void 0 : l.language;
+  return `<pre><code${o && o !== "plaintext" ? ` data-language="${gt(o)}"` : ""}>${n.map((a) => Ne(a, t)).join("")}</code></pre>`;
+}
+function Sa(e, t) {
+  return e.contentIds.map((n) => Re(t.store.getRun(n), t)).join("");
+}
+function Da(e, t) {
+  var l;
+  const n = (l = e.props) == null ? void 0 : l.language, o = n && n !== "plaintext" ? n : "", r = e.contentIds.map((a) => {
+    var s;
+    return ((s = t.store.getRun(a)) == null ? void 0 : s.value) ?? "";
+  }).join("");
+  return `\`\`\`${o}
+${r}
+\`\`\``;
+}
+function Ha(e, t) {
+  var a;
+  if (e.tagName !== "PRE") return null;
+  const n = e.querySelector("code") ?? e, o = (a = n.getAttribute) == null ? void 0 : a.call(n, "data-language"), r = C();
+  return { block: {
+    id: C(),
+    type: "code",
+    parentId: null,
+    contentIds: [r],
+    props: o ? { language: o } : {}
+  }, runs: [{ id: r, type: "text", value: n.textContent ?? "", marks: {} }] };
+}
+const Pa = ae({
+  name: "code",
+  contentModel: "runs",
+  component: xa,
+  defaultProps: { language: "plaintext" },
+  toHTML: Oa,
+  toPlainText: Sa,
+  toMarkdown: Da,
+  fromHTML: Ha,
+  slashCommand: {
+    label: "Code",
+    icon: In,
+    keywords: ["code", "codeblock", "snippet", "pre"],
+    run: (e, t) => re(e, t, U("code"))
+  }
+});
+function _a(e, t) {
+  var n;
+  return t.length === 0 || t.length === 1 && (((n = e.getRun(t[0])) == null ? void 0 : n.value) ?? "") === "";
+}
+function Ua(e, t) {
+  const n = t.contentIds ?? [];
+  if (n.length === 0) return !0;
+  if (n.length > 1) return !1;
+  const o = e.getBlock(n[0]);
+  return !!o && o.type === "paragraph" && me(e, o.contentIds);
+}
+function ft(e, t) {
+  if (typeof e.performBatch == "function") e.performBatch(t);
+  else for (const n of t) e.applyOperation(n);
+}
+function ja(e, t) {
+  const n = e.getBlock(t);
+  if (!n) return null;
+  const o = e.getBlock(n.parentId), r = o.contentIds.indexOf(t), l = n.props.titleRunIds ?? [], a = _a(e, l) && Ua(e, n);
+  if (r <= 0) {
+    if (!a) return null;
+    if (o.contentIds.length > 1)
+      return ft(e, [q(t)]), { focusBlockId: e.getBlock(o.id).contentIds[0], needsRefocus: !0 };
+    const { block: u, runs: p } = U("paragraph")(o.id);
+    return ft(e, [
+      ke(u, o.id, r, { blocks: [u], runs: p }),
+      q(t)
+    ]), { focusBlockId: u.id, needsRefocus: !0 };
+  }
+  const s = o.contentIds[r - 1], c = e.getBlock(s);
+  return a ? (ft(e, [q(t)]), { focusBlockId: s, needsRefocus: !0 }) : kt(e, c) ? (ft(e, [q(s)]), { focusBlockId: t, needsRefocus: !1 }) : null;
+}
+function Fa(e, t) {
+  if (typeof e.performBatch == "function") e.performBatch(t);
+  else for (const n of t) e.applyOperation(n);
+}
+function za({ id: e }) {
+  var k;
+  const t = V(), n = ee(e), { setSelectedBlockId: o } = Se(), r = h(() => {
+    var B, L;
+    const I = ((B = n == null ? void 0 : n.props) == null ? void 0 : B.titleRunIds) ?? [], m = (((L = n == null ? void 0 : n.contentIds) == null ? void 0 : L.length) ?? 0) > 0, y = U("paragraph");
+    m ? $n(t, e, I, y) : Ve(t, e, I, y);
+  }, [t, e, n]), l = h(() => {
+    const I = ja(t, e);
+    !I || !I.needsRefocus || Ge(t, I.focusBlockId, e, o);
+  }, [t, e, o]), a = h(() => le(t, e, "up"), [t, e]), s = h(() => le(t, e, "down"), [t, e]), c = h(() => {
+    var m, y;
+    if (!((((m = n == null ? void 0 : n.contentIds) == null ? void 0 : m.length) ?? 0) > 0)) {
+      const { block: B, runs: L } = U("paragraph")(e);
+      Fa(t, [
+        ke(B, e, 0, { blocks: [B], runs: L }),
+        G(e, { collapsed: !1 })
+      ]), ve(B.contentIds[0]);
+      return;
+    }
+    t.applyOperation(G(e, { collapsed: !((y = n == null ? void 0 : n.props) != null && y.collapsed) }));
+  }, [t, e, n == null ? void 0 : n.contentIds, (k = n == null ? void 0 : n.props) == null ? void 0 : k.collapsed]), u = se("be-toggle-heading", n);
+  if (!n) return null;
+  const { level: p = 2, collapsed: i, titleRunIds: f = [] } = n.props, b = n.contentIds.length > 0, v = `h${p}`, g = Ce(t, n);
+  return /* @__PURE__ */ T("div", { className: u, "data-block-id": e, dir: g, children: [
+    /* @__PURE__ */ T("div", { className: "be-toggle-heading-row", children: [
+      /* @__PURE__ */ d(
+        "button",
+        {
+          type: "button",
+          className: "be-toggle-heading-marker",
+          onClick: c,
+          "aria-expanded": !i,
+          "aria-label": b ? i ? "Expand section" : "Collapse section" : "Add content to section",
+          children: i ? /* @__PURE__ */ d(Ee, {}) : /* @__PURE__ */ d(Dt, {})
+        }
+      ),
+      /* @__PURE__ */ d(
+        v,
+        {
+          className: `be-heading be-heading-${p} be-toggle-heading-title`,
+          "data-empty": me(t, f) ? "" : void 0,
+          "data-placeholder": `Toggle heading ${p}`,
+          children: /* @__PURE__ */ d(
+            Le,
+            {
+              blockId: e,
+              runIds: f,
+              dir: g,
+              onEnter: r,
+              onBackspaceAtStart: l,
+              onArrowUp: a,
+              onArrowDown: s
+            }
+          )
+        }
+      )
+    ] }),
+    !i && /* @__PURE__ */ d("div", { className: "be-toggle-heading-children", children: /* @__PURE__ */ d(He, { parentId: e }) })
+  ] });
+}
+function Ka({ level: e = 2, collapsed: t = !1 } = {}) {
+  return function(o, r) {
+    const l = C(), a = r != null && r.length ? r : [{ id: C(), type: "text", value: "", marks: {} }], { block: s, runs: c } = U("paragraph")(l);
+    return {
+      block: {
+        id: l,
+        type: "toggleHeading",
+        parentId: o,
+        contentIds: [s.id],
+        props: { level: e, collapsed: t, titleRunIds: a.map((u) => u.id) }
+      },
+      runs: [...a, ...c],
+      subtreeBlocks: [s]
+    };
+  };
+}
+function Va(e, t) {
+  const { titleRunIds: n = [], level: o = 2, collapsed: r } = e.props, l = n.map((s) => Ne(t.store.getRun(s), t)).join(""), a = e.contentIds.map((s) => {
+    const c = t.store.getBlock(s);
+    return t.registry.get(c.type).toHTML(c, t);
+  }).join("");
+  return `<details${r ? "" : " open"}><summary><h${o}>${l}</h${o}></summary>${a}</details>`;
+}
+function Ga(e, t) {
+  const { titleRunIds: n = [] } = e.props, o = n.map((l) => Re(t.store.getRun(l), t)).join(""), r = e.contentIds.map((l) => {
+    const a = t.store.getBlock(l);
+    return t.registry.get(a.type).toPlainText(a, t);
+  }).join(`
+`);
+  return r ? `${o}
+${r}` : o;
+}
+function Wa(e, t) {
+  const { titleRunIds: n = [], level: o = 2 } = e.props, r = xe(
+    n.map((s) => t.store.getRun(s)),
+    t
+  ), l = `${"#".repeat(Math.min(6, o))} ${r}`, a = e.contentIds.map((s) => {
+    const c = t.store.getBlock(s), u = t.registry.get(c.type);
+    return (u.toMarkdown ?? u.toPlainText)(c, t);
+  }).join(`
+
+`);
+  return a ? `${l}
+
+${a}` : l;
+}
+function qa(e, t) {
+  if (e.tagName !== "DETAILS") return null;
+  const n = [...e.children].find((i) => i.tagName === "SUMMARY"), o = n == null ? void 0 : n.querySelector("h1,h2,h3,h4,h5,h6"), r = o ? Math.min(6, Math.max(1, Number(o.tagName[1]))) : 2, l = o ? Be(o, t) : [{ id: C(), type: "text", value: "", marks: {} }], a = C(), s = [], c = [], u = [];
+  for (const i of e.children) {
+    if (i === n || i.tagName !== "P") continue;
+    const f = Be(i, t), b = {
+      id: C(),
+      type: "paragraph",
+      parentId: a,
+      contentIds: f.map((v) => v.id),
+      props: {}
+    };
+    s.push(b), c.push(...f), u.push(b.id);
+  }
+  if (u.length === 0) {
+    const { block: i, runs: f } = U("paragraph")(a);
+    s.push(i), c.push(...f), u.push(i.id);
+  }
+  return { block: {
+    id: a,
+    type: "toggleHeading",
+    parentId: null,
+    contentIds: u,
+    props: {
+      level: r,
+      collapsed: !e.hasAttribute("open"),
+      titleRunIds: l.map((i) => i.id)
+    }
+  }, runs: [...l, ...c], subtreeBlocks: s };
+}
+const Ya = ae({
+  name: "toggleHeading",
+  contentModel: "blocks",
+  component: za,
+  defaultProps: { level: 2, collapsed: !1, titleRunIds: [] },
+  toHTML: Va,
+  toPlainText: Ga,
+  toMarkdown: Wa,
+  fromHTML: qa,
+  slashCommands: [1, 2, 3].map((e) => ({
+    label: `Toggle heading ${e}`,
+    icon: Ee,
+    // Deliberately does NOT include "h1"/"h2"/"h3" — those short forms
+    // already belong exclusively to the plain heading commands (see
+    // heading/index.js); duplicating them here would make "/h3" ambiguous
+    // between "Heading 3" and "Toggle heading 3".
+    keywords: ["toggle", "heading", "collapse", "section"],
+    run: (t, n) => re(t, n, Ka({ level: e }))
+  }))
+}), Bt = [
+  { label: "Blue", value: "#2b6fd6" },
+  { label: "Green", value: "#2f9e44" },
+  { label: "Red", value: "#e03131" },
+  { label: "Purple", value: "#9c36b5" },
+  { label: "Gray", value: "#495057" },
+  { label: "Black", value: "#1a1a1a" }
+];
+function Xa(e, t) {
+  if (typeof e.performBatch == "function") e.performBatch(t);
+  else for (const n of t) e.applyOperation(n);
+}
+function Qa({ isOpen: e, onClose: t, store: n, blockId: o }) {
+  const [r, l] = O(""), [a, s] = O(""), [c, u] = O(Bt[0].value), [p, i] = O([{ key: "", value: "" }]);
+  oe(() => {
+    var m, y, B;
+    if (!e) return;
+    const g = n.getBlock(o);
+    if (!g) return;
+    const k = g.contentIds.map((L) => {
+      var D;
+      return ((D = n.getRun(L)) == null ? void 0 : D.value) ?? "";
+    }).join(""), I = ((m = g.props) == null ? void 0 : m.customAttrs) ?? [];
+    l(k), s(((y = g.props) == null ? void 0 : y.href) ?? ""), u(((B = g.props) == null ? void 0 : B.color) ?? Bt[0].value), i([...I, { key: "", value: "" }]);
+  }, [e, o, n]);
+  const f = h((g, k) => {
+    i((I) => {
+      const m = I.map((B, L) => L === g ? { ...B, ...k } : B), y = m[m.length - 1];
+      return (y.key.trim() || y.value.trim()) && m.push({ key: "", value: "" }), m;
+    });
+  }, []), b = h((g) => {
+    i((k) => k.filter((I, m) => m !== g));
+  }, []), v = h(() => {
+    const g = { id: C(), type: "text", value: r, marks: {} }, k = p.filter((I) => I.key.trim());
+    Xa(n, [
+      Ue(o, [g]),
+      G(o, { href: a.trim(), color: c, customAttrs: k })
+    ]), t();
+  }, [n, o, r, a, c, p, t]);
+  return /* @__PURE__ */ T(Ht, { isOpen: e, onClose: t, title: "Edit button", children: [
+    /* @__PURE__ */ T("label", { className: "be-modal-field", children: [
+      /* @__PURE__ */ d("span", { children: "Label" }),
+      /* @__PURE__ */ d(
+        "input",
+        {
+          type: "text",
+          value: r,
+          onChange: (g) => l(g.target.value),
+          placeholder: "Button"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ T("label", { className: "be-modal-field", children: [
+      /* @__PURE__ */ d("span", { children: "Link URL" }),
+      /* @__PURE__ */ d(
+        "input",
+        {
+          type: "url",
+          value: a,
+          onChange: (g) => s(g.target.value),
+          placeholder: "https://example.com"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ T("div", { className: "be-modal-field", children: [
+      /* @__PURE__ */ d("span", { children: "Color" }),
+      /* @__PURE__ */ d("div", { className: "be-modal-color-row", children: Bt.map((g) => /* @__PURE__ */ d(
+        "button",
+        {
+          type: "button",
+          className: `be-modal-color-swatch${c === g.value ? " be-modal-color-swatch-active" : ""}`,
+          style: { backgroundColor: g.value },
+          title: g.label,
+          "aria-label": g.label,
+          onClick: () => u(g.value)
+        },
+        g.value
+      )) })
+    ] }),
+    /* @__PURE__ */ T("div", { className: "be-modal-field", children: [
+      /* @__PURE__ */ d("span", { children: "Custom attributes" }),
+      p.map((g, k) => /* @__PURE__ */ T("div", { className: "be-modal-attr-row", children: [
+        /* @__PURE__ */ d(
+          "input",
+          {
+            type: "text",
+            placeholder: "name",
+            value: g.key,
+            onChange: (I) => f(k, { key: I.target.value })
+          }
+        ),
+        /* @__PURE__ */ d(
+          "input",
+          {
+            type: "text",
+            placeholder: "value",
+            value: g.value,
+            onChange: (I) => f(k, { value: I.target.value })
+          }
+        ),
+        (g.key || g.value) && /* @__PURE__ */ d(
+          "button",
+          {
+            type: "button",
+            className: "be-modal-attr-remove",
+            onClick: () => b(k),
+            "aria-label": "Remove attribute",
+            children: /* @__PURE__ */ d(st, { size: 14 })
+          }
+        )
+      ] }, k))
+    ] }),
+    /* @__PURE__ */ T("div", { className: "be-modal-actions", children: [
+      /* @__PURE__ */ d("button", { type: "button", className: "be-modal-cancel", onClick: t, children: "Cancel" }),
+      /* @__PURE__ */ d("button", { type: "button", className: "be-modal-save", onClick: v, children: "Save" })
+    ] })
+  ] });
+}
+const Ja = "#2b6fd6";
+function Za({ id: e }) {
+  var m, y, B, L;
+  const t = V(), n = ee(e), { setSelectedBlockId: o } = Se(), [r, l] = O(!1), a = h(() => {
+    Ve(
+      t,
+      e,
+      (n == null ? void 0 : n.contentIds) ?? [],
+      U("paragraph")
+    );
+  }, [t, e, n]), s = h(() => {
+    const D = ct(t, e);
+    Ge(t, D, e, o);
+  }, [t, e, o]), c = h(() => le(t, e, "up"), [t, e]), u = h(() => le(t, e, "down"), [t, e]), p = h(() => {
+    var S;
+    const D = (S = n == null ? void 0 : n.props) == null ? void 0 : S.href;
+    D && window.open(D, "_blank", "noopener,noreferrer");
+  }, [(m = n == null ? void 0 : n.props) == null ? void 0 : m.href]), i = se("be-button-block", n);
+  if (!n) return null;
+  const f = ((y = n.props) == null ? void 0 : y.href) ?? "", b = ((B = n.props) == null ? void 0 : B.color) ?? Ja, v = ((L = n.props) == null ? void 0 : L.customAttrs) ?? [], g = me(t, n.contentIds), k = {};
+  for (const { key: D, value: S } of v)
+    D.trim() && (k[`data-${D.trim()}`] = S);
+  const I = Ce(t, n);
+  return /* @__PURE__ */ T("div", { className: i, "data-block-id": e, dir: I, children: [
+    /* @__PURE__ */ T("div", { className: "be-button-block-pill", style: { backgroundColor: b }, ...k, children: [
+      /* @__PURE__ */ d(
+        "span",
+        {
+          className: "be-button-block-label",
+          "data-empty": g ? "" : void 0,
+          "data-placeholder": "Button",
+          children: /* @__PURE__ */ d(
+            Le,
+            {
+              blockId: e,
+              runIds: n.contentIds,
+              dir: I,
+              onEnter: a,
+              onBackspaceAtStart: s,
+              onArrowUp: c,
+              onArrowDown: u
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ d(
+        "button",
+        {
+          type: "button",
+          className: "be-button-block-open",
+          onClick: p,
+          disabled: !f,
+          title: f || "No link set",
+          "aria-label": "Open link",
+          children: "↗"
+        }
+      ),
+      /* @__PURE__ */ d(
+        "button",
+        {
+          type: "button",
+          className: "be-button-block-settings",
+          onClick: () => l(!0),
+          "aria-label": "Edit button",
+          title: "Edit label, link, color…",
+          children: "⚙"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ d(
+      Qa,
+      {
+        isOpen: r,
+        onClose: () => l(!1),
+        store: t,
+        blockId: e
+      }
+    )
+  ] });
+}
+function es({
+  href: e = "",
+  label: t = "Button",
+  color: n = "",
+  customAttrs: o = []
+} = {}) {
+  return function(l, a) {
+    const s = C(), c = a != null && a.length ? a : [{ id: C(), type: "text", value: t, marks: {} }];
+    return {
+      block: {
+        id: s,
+        type: "button",
+        parentId: l,
+        contentIds: c.map((u) => u.id),
+        props: { href: e, color: n, customAttrs: o }
+      },
+      runs: c
+    };
+  };
+}
+const Yn = "be-button-block-link";
+function ts(e, t) {
+  var c, u, p;
+  const n = e.contentIds.map((i) => t.store.getRun(i)), o = ((c = e.props) == null ? void 0 : c.href) ?? "", r = (u = e.props) == null ? void 0 : u.color, l = r ? ` style="background-color:${fe(r)}"` : "", s = (((p = e.props) == null ? void 0 : p.customAttrs) ?? []).filter((i) => {
+    var f;
+    return (f = i.key) == null ? void 0 : f.trim();
+  }).map((i) => ` data-${fe(i.key.trim())}="${fe(i.value ?? "")}"`).join("");
+  return `<a class="${Yn}" href="${fe(o)}"${l}${s}>${n.map((i) => Ne(i, t)).join("")}</a>`;
+}
+function ns(e, t) {
+  return e.contentIds.map((n) => Re(t.store.getRun(n), t)).join("");
+}
+function os(e, t) {
+  var r;
+  const n = ((r = e.props) == null ? void 0 : r.href) ?? "";
+  return `[${xe(
+    e.contentIds.map((l) => t.store.getRun(l)),
+    t
+  ) || n}](${n})`;
+}
+function rs(e, t) {
+  var l;
+  if (e.tagName !== "A" || !e.classList.contains(Yn)) return null;
+  const n = Be(e, t), o = [];
+  for (const a of e.attributes)
+    a.name.startsWith("data-") && o.push({ key: a.name.slice(5), value: a.value });
+  return { block: {
+    id: C(),
+    type: "button",
+    parentId: null,
+    contentIds: n.map((a) => a.id),
+    props: {
+      href: e.getAttribute("href") ?? "",
+      color: ((l = e.style) == null ? void 0 : l.backgroundColor) || void 0,
+      customAttrs: o
+    }
+  }, runs: n };
+}
+const ls = ae({
+  name: "button",
+  contentModel: "runs",
+  component: Za,
+  defaultProps: { href: "", color: "", customAttrs: [] },
+  toHTML: ts,
+  toPlainText: ns,
+  toMarkdown: os,
+  fromHTML: rs,
+  slashCommand: {
+    label: "Button",
+    icon: wo,
+    keywords: ["button", "link", "cta", "action"],
+    run: (e, t) => re(e, t, es())
+  }
+});
+function as(e) {
+  return new Promise((t, n) => {
+    const o = new FileReader();
+    o.onload = () => t(o.result), o.onerror = () => n(o.error), o.readAsDataURL(e);
+  });
+}
+function an(e) {
+  return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${Math.round(e / 1024)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
+}
+function ss(e) {
+  return e != null && e.startsWith("image/") ? "image" : e != null && e.startsWith("video/") ? "video" : e != null && e.startsWith("audio/") ? "audio" : "file";
+}
+async function Xn(e, { uploadFile: t, maxFileSize: n, kind: o }) {
+  if (t) {
+    const l = await t(e, { kind: o });
+    return {
+      src: l.src,
+      name: l.name ?? e.name,
+      mimeType: l.mimeType ?? e.type
+    };
+  }
+  if (n && e.size > n)
+    throw new Error(
+      `This file is ${an(e.size)} — larger than the ${an(n)} limit.`
+    );
+  return { src: await as(e), name: e.name, mimeType: e.type };
+}
+async function sc(e, t) {
+  const n = ss(e.type), { src: o, name: r, mimeType: l } = await Xn(e, { ...t, kind: n });
+  return {
+    block: {
+      id: C(),
+      type: "embed",
+      parentId: null,
+      contentIds: [],
+      props: { kind: n, src: o, name: r, mimeType: l, align: "left", width: 100 }
+    },
+    runs: [],
+    subtreeBlocks: []
+  };
+}
+const cs = [
+  {
+    name: "youtube",
+    test: /(?:youtube\.com\/watch\?(?:.*&)?v=|youtu\.be\/|youtube\.com\/shorts\/|youtube\.com\/embed\/)([\w-]{6,})/,
+    embed: (e) => `https://www.youtube.com/embed/${e[1]}`
+  },
+  {
+    name: "vimeo",
+    test: /vimeo\.com\/(?:video\/)?(\d+)/,
+    embed: (e) => `https://player.vimeo.com/video/${e[1]}`
+  },
+  {
+    name: "loom",
+    test: /loom\.com\/share\/([\w-]+)/,
+    embed: (e) => `https://www.loom.com/embed/${e[1]}`
+  },
+  {
+    name: "figma",
+    test: /figma\.com\/(?:file|design|proto)\/[\w-]+/,
+    embed: (e, t) => `https://www.figma.com/embed?embed_host=noteloom&url=${encodeURIComponent(t)}`
+  },
+  {
+    name: "codepen",
+    test: /codepen\.io\/([\w-]+)\/pen\/([\w-]+)/,
+    embed: (e) => `https://codepen.io/${e[1]}/embed/${e[2]}?default-tab=result`
+  },
+  {
+    name: "spotify",
+    test: /open\.spotify\.com\/(track|album|playlist|episode|show)\/([\w]+)/,
+    embed: (e) => `https://open.spotify.com/embed/${e[1]}/${e[2]}`
+  }
+];
+function is(e) {
+  if (!e) return null;
+  for (const t of cs) {
+    const n = e.match(t.test);
+    if (n) return { provider: t.name, embedUrl: t.embed(n, e) };
+  }
+  return null;
+}
+const mt = {
+  image: "image",
+  video: "video",
+  audio: "audio",
+  file: "file",
+  oembed: "embed"
+}, us = { image: "image/*", video: "video/*", audio: "audio/*", file: "*/*" }, Et = 20, $t = 100, ds = [
+  { value: "left", Icon: Bn, label: "Align left" },
+  { value: "center", Icon: Co, label: "Align center" },
+  { value: "right", Icon: Rn, label: "Align right" }
+];
+function Rt(e) {
+  return Math.min($t, Math.max(Et, Math.round(e)));
+}
+function ps({ kind: e, src: t, name: n, alt: o, provider: r }) {
+  return e === "image" ? /* @__PURE__ */ d("img", { className: "be-embed-image", src: t, alt: o || "" }) : e === "video" ? /* @__PURE__ */ d("video", { className: "be-embed-video", src: t, controls: !0 }) : e === "audio" ? /* @__PURE__ */ d("audio", { className: "be-embed-audio", src: t, controls: !0 }) : e === "oembed" ? /* @__PURE__ */ d(
+    "iframe",
+    {
+      className: "be-embed-oembed",
+      src: t,
+      title: r ? `${r} embed` : "embed",
+      sandbox: "allow-scripts allow-same-origin allow-presentation allow-popups",
+      allow: "autoplay; encrypted-media; picture-in-picture; fullscreen",
+      allowFullScreen: !0,
+      loading: "lazy"
+    }
+  ) : /* @__PURE__ */ T(
+    "a",
+    {
+      className: "be-embed-file-link",
+      href: t,
+      download: n || void 0,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: [
+        /* @__PURE__ */ d(An, { size: 14 }),
+        " ",
+        n || t
+      ]
+    }
+  );
+}
+function fs({ id: e }) {
+  var Z, it, We, ut;
+  const t = V(), n = ee(e), { uploadFile: o, maxFileSize: r } = To(), [l, a] = O(""), [s, c] = O(!1), [u, p] = O(null), [i, f] = O(!1), [b, v] = O(""), [g, k] = O(!1), [I, m] = O(null), y = _(null), B = _(null), L = h(
+    (M) => t.applyOperation(G(e, M)),
+    [t, e]
+  ), D = h(() => {
+    var M;
+    v(((M = n == null ? void 0 : n.props) == null ? void 0 : M.alt) ?? ""), f(!0);
+  }, [(Z = n == null ? void 0 : n.props) == null ? void 0 : Z.alt]), S = h(() => f(!1), []), $ = h(
+    (M) => {
+      M.preventDefault(), L({ alt: b.trim() }), f(!1);
+    },
+    [b, L]
+  ), A = h(
+    async (M, W) => {
+      m(null), k(!0);
+      try {
+        const { src: j, name: J, mimeType: we } = await Xn(M, {
+          uploadFile: o,
+          maxFileSize: r,
+          kind: W
+        });
+        L({ src: j, name: J, mimeType: we });
+      } catch (j) {
+        m((j == null ? void 0 : j.message) || "Upload failed. Please try again.");
+      } finally {
+        k(!1);
+      }
+    },
+    [o, r, L]
+  ), F = h(
+    (M) => {
+      var j, J;
+      const W = (j = M.target.files) == null ? void 0 : j[0];
+      M.target.value = "", W && A(W, ((J = n == null ? void 0 : n.props) == null ? void 0 : J.kind) ?? "file");
+    },
+    [A, (it = n == null ? void 0 : n.props) == null ? void 0 : it.kind]
+  ), w = h(
+    (M) => {
+      var j, J;
+      M.preventDefault(), c(!1);
+      const W = (j = M.dataTransfer.files) == null ? void 0 : j[0];
+      W && A(W, ((J = n == null ? void 0 : n.props) == null ? void 0 : J.kind) ?? "file");
+    },
+    [A, (We = n == null ? void 0 : n.props) == null ? void 0 : We.kind]
+  ), N = h((M) => {
+    M.preventDefault(), c(!0);
+  }, []), x = h(() => c(!1), []), H = h(() => {
+    const M = l.trim();
+    if (!M) return;
+    const W = is(M);
+    L(W ? {
+      kind: "oembed",
+      src: W.embedUrl,
+      name: M,
+      mimeType: "",
+      provider: W.provider,
+      originalUrl: M
+    } : { src: M, name: M }), a("");
+  }, [l, L]), E = h(
+    () => L({ src: "", name: "", mimeType: "", provider: "", originalUrl: "" }),
+    [L]
+  ), P = h(
+    (M) => {
+      M.preventDefault();
+      const W = y.current, j = B.current;
+      if (!W || !j) return;
+      const J = W.getBoundingClientRect().width, we = j.getBoundingClientRect().width, qe = M.clientX, dt = (R) => Rt((we + (R.clientX - qe)) / J * 100), Ye = (R) => p(dt(R)), Xe = (R) => {
+        document.removeEventListener("mousemove", Ye), document.removeEventListener("mouseup", Xe), L({ width: dt(R) }), p(null);
+      };
+      document.addEventListener("mousemove", Ye), document.addEventListener("mouseup", Xe);
+    },
+    [L]
+  ), Y = h(
+    (M) => {
+      var we;
+      const W = ((we = n == null ? void 0 : n.props) == null ? void 0 : we.width) ?? 100, j = M.shiftKey ? 1 : 5;
+      let J;
+      if (M.key === "ArrowLeft" || M.key === "ArrowDown") J = Rt(W - j);
+      else if (M.key === "ArrowRight" || M.key === "ArrowUp")
+        J = Rt(W + j);
+      else if (M.key === "Home") J = Et;
+      else if (M.key === "End") J = $t;
+      else return;
+      M.preventDefault(), L({ width: J });
+    },
+    [(ut = n == null ? void 0 : n.props) == null ? void 0 : ut.width, L]
+  ), X = se("be-embed", n);
+  if (!n) return null;
+  const {
+    kind: K = "file",
+    src: z,
+    name: Q,
+    alt: he = "",
+    align: ue = "left",
+    width: ce = 100,
+    provider: Ie = "",
+    originalUrl: de = ""
+  } = n.props, te = K === "image" || K === "video" || K === "oembed", Ae = u ?? ce, ye = K === "oembed";
+  return (
+    // tabIndex={-1}: focusable via .focus() (see setSelectedBlockId in
+    // EditorProvider.jsx) without joining the normal Tab order — keeps the
+    // surface's keydown listener capturing subsequent Backspace/Delete
+    // presses once this block becomes selected, even when whatever
+    // previously had focus was just removed from the DOM entirely.
+    /* @__PURE__ */ T(
+      "div",
+      {
+        className: X,
+        "data-block-id": e,
+        "data-kind": K,
+        contentEditable: !1,
+        tabIndex: -1,
+        children: [
+          z ? /* @__PURE__ */ d("div", { ref: y, className: `be-embed-preview be-embed-align-${ue}`, children: /* @__PURE__ */ T(
+            "div",
+            {
+              ref: B,
+              className: "be-embed-frame",
+              style: te ? { width: `${Ae}%` } : void 0,
+              children: [
+                /* @__PURE__ */ T("div", { className: "be-embed-toolbar", contentEditable: !1, children: [
+                  ds.map(({ value: M, Icon: W, label: j }) => /* @__PURE__ */ d(
+                    "button",
+                    {
+                      type: "button",
+                      className: `be-embed-toolbar-btn${ue === M ? " be-embed-toolbar-btn-active" : ""}`,
+                      title: j,
+                      "aria-label": j,
+                      "aria-pressed": ue === M,
+                      onClick: () => L({ align: M }),
+                      children: /* @__PURE__ */ d(W, { size: 14 })
+                    },
+                    M
+                  )),
+                  K === "image" && /* @__PURE__ */ d(
+                    "button",
+                    {
+                      type: "button",
+                      className: "be-embed-toolbar-btn be-embed-alt-text-btn",
+                      onClick: D,
+                      children: "Alt text"
+                    }
+                  ),
+                  ye && de && /* @__PURE__ */ d(
+                    "a",
+                    {
+                      className: "be-embed-toolbar-btn be-embed-open-original",
+                      href: de,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      title: "Open original link",
+                      "aria-label": "Open original link",
+                      children: /* @__PURE__ */ d(Ln, { size: 14 })
+                    }
+                  ),
+                  /* @__PURE__ */ d(
+                    "button",
+                    {
+                      type: "button",
+                      className: "be-embed-remove",
+                      onClick: E,
+                      "aria-label": `Remove ${mt[K]}`,
+                      children: "Remove"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ d(ps, { kind: K, src: z, name: Q, alt: he, provider: Ie }),
+                te && /* @__PURE__ */ d(
+                  "div",
+                  {
+                    className: "be-embed-resize-handle",
+                    onMouseDown: P,
+                    onKeyDown: Y,
+                    role: "slider",
+                    tabIndex: 0,
+                    "aria-label": `Resize ${mt[K]}`,
+                    "aria-valuemin": Et,
+                    "aria-valuemax": $t,
+                    "aria-valuenow": Ae
+                  }
+                )
+              ]
+            }
+          ) }) : /* @__PURE__ */ T(
+            "div",
+            {
+              className: `be-embed-dropzone${s ? " be-embed-dropzone-active" : ""}`,
+              onDrop: ye || g ? void 0 : w,
+              onDragOver: ye || g ? void 0 : N,
+              onDragLeave: x,
+              children: [
+                g ? /* @__PURE__ */ d("span", { className: "be-embed-uploading", children: "Uploading…" }) : /* @__PURE__ */ T(Te, { children: [
+                  !ye && /* @__PURE__ */ T(Te, { children: [
+                    /* @__PURE__ */ T("label", { className: "be-embed-upload-btn", children: [
+                      "Upload ",
+                      mt[K],
+                      /* @__PURE__ */ d(
+                        "input",
+                        {
+                          type: "file",
+                          accept: us[K],
+                          onChange: F,
+                          hidden: !0
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ d("span", { className: "be-embed-dropzone-hint", children: "or drop a file, or paste a URL below" })
+                  ] }),
+                  /* @__PURE__ */ T("div", { className: "be-embed-url-row", children: [
+                    /* @__PURE__ */ d(
+                      "input",
+                      {
+                        type: "text",
+                        className: "be-embed-url-input",
+                        placeholder: ye ? "Paste a YouTube, Vimeo, Loom, Figma, CodePen, or Spotify link" : `https://... ${mt[K]} URL`,
+                        value: l,
+                        onChange: (M) => a(M.target.value),
+                        onKeyDown: (M) => M.key === "Enter" && H()
+                      }
+                    ),
+                    /* @__PURE__ */ d("button", { type: "button", className: "be-embed-url-commit", onClick: H, children: "Embed" })
+                  ] })
+                ] }),
+                I && /* @__PURE__ */ T("div", { className: "be-embed-upload-error", role: "alert", children: [
+                  I,
+                  /* @__PURE__ */ d("button", { type: "button", onClick: () => m(null), "aria-label": "Dismiss error", children: "×" })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ d(Ht, { isOpen: i, onClose: S, title: "Alt text", children: /* @__PURE__ */ T("form", { onSubmit: $, children: [
+            /* @__PURE__ */ T("label", { className: "be-modal-field", children: [
+              /* @__PURE__ */ d("span", { children: "Describe this image for screen readers" }),
+              /* @__PURE__ */ d(
+                "input",
+                {
+                  type: "text",
+                  value: b,
+                  onChange: (M) => v(M.target.value),
+                  placeholder: "e.g. A hand-drawn diagram of the release process",
+                  autoFocus: !0
+                }
+              )
+            ] }),
+            /* @__PURE__ */ T("div", { className: "be-modal-actions", children: [
+              /* @__PURE__ */ d("button", { type: "button", className: "be-modal-cancel", onClick: S, children: "Cancel" }),
+              /* @__PURE__ */ d("button", { type: "submit", className: "be-modal-save", children: "Save" })
+            ] })
+          ] }) })
+        ]
+      }
+    )
+  );
+}
+function ms({
+  kind: e = "file",
+  src: t = "",
+  name: n = "",
+  alt: o = "",
+  mimeType: r = "",
+  align: l = "left",
+  width: a = 100,
+  provider: s = "",
+  originalUrl: c = ""
+} = {}) {
+  return function(p) {
+    return {
+      block: {
+        id: C(),
+        type: "embed",
+        parentId: p,
+        contentIds: [],
+        props: { kind: e, src: t, name: n, alt: o, mimeType: r, align: l, width: a, provider: s, originalUrl: c }
+      },
+      runs: []
+    };
+  };
+}
+const sn = {
+  image: No,
+  video: Ro,
+  audio: Bo,
+  file: An,
+  oembed: Ln
+}, Qn = "be-embed-file-link", Jn = "be-embed-oembed-link";
+function hs(e, t, n) {
+  if (e !== "image" && e !== "video" && e !== "oembed") return "";
+  const o = [];
+  return n !== 100 && o.push(`width:${n}%`), t === "center" ? o.push("display:block", "margin-left:auto", "margin-right:auto") : t === "right" && o.push("display:block", "margin-left:auto"), o.length ? ` style="${o.join(";")}"` : "";
+}
+function Nt(e) {
+  var r, l, a, s;
+  const t = (r = e.style) == null ? void 0 : r.width, n = t && t.endsWith("%") ? parseInt(t, 10) : 100;
+  let o = "left";
+  return ((l = e.style) == null ? void 0 : l.marginLeft) === "auto" && ((a = e.style) == null ? void 0 : a.marginRight) === "auto" ? o = "center" : ((s = e.style) == null ? void 0 : s.marginLeft) === "auto" && (o = "right"), { align: o, width: Number.isFinite(n) ? n : 100 };
+}
+function gs(e) {
+  const {
+    kind: t,
+    src: n,
+    name: o,
+    alt: r = "",
+    align: l = "left",
+    width: a = 100,
+    provider: s = "",
+    originalUrl: c = ""
+  } = e.props;
+  if (!n) return "<p></p>";
+  const u = hs(t, l, a);
+  return t === "image" ? `<img src="${fe(n)}" alt="${fe(r)}"${u}>` : t === "video" ? `<video src="${fe(n)}" controls${u}></video>` : t === "audio" ? `<audio src="${fe(n)}" controls></audio>` : t === "oembed" ? `<a class="${Jn}" href="${fe(c || n)}" data-embed-url="${fe(n)}" data-embed-provider="${fe(s)}">${gt(c || n)}</a>` : `<a class="${Qn}" href="${fe(n)}">${gt(o || n)}</a>`;
+}
+function bs(e) {
+  const { kind: t, src: n, name: o, originalUrl: r = "" } = e.props;
+  return n ? t === "oembed" ? `[embed: ${r || n}]` : `[${t}: ${o || n}]` : "";
+}
+function ys(e) {
+  const { kind: t, src: n, name: o, alt: r = "", originalUrl: l = "" } = e.props;
+  return n ? t === "image" ? `![${r}](${n})` : t === "oembed" ? `[${l || n}](${l || n})` : `[${o || n}](${n})` : "";
+}
+function ks(e) {
+  return e.tagName === "IMG" ? nt("image", e.getAttribute("src") ?? "", "", {
+    ...Nt(e),
+    alt: e.getAttribute("alt") ?? ""
+  }) : e.tagName === "VIDEO" ? nt("video", e.getAttribute("src") ?? "", "", Nt(e)) : e.tagName === "AUDIO" ? nt("audio", e.getAttribute("src") ?? "", "") : e.tagName === "A" && e.classList.contains(Jn) ? nt("oembed", e.getAttribute("data-embed-url") ?? "", "", {
+    ...Nt(e),
+    provider: e.getAttribute("data-embed-provider") ?? "",
+    originalUrl: e.getAttribute("href") ?? ""
+  }) : e.tagName === "A" && e.classList.contains(Qn) ? nt("file", e.getAttribute("href") ?? "", e.textContent ?? "") : null;
+}
+function nt(e, t, n, { align: o = "left", width: r = 100, alt: l = "", provider: a = "", originalUrl: s = "" } = {}) {
+  return {
+    block: {
+      id: C(),
+      type: "embed",
+      parentId: null,
+      contentIds: [],
+      props: { kind: e, src: t, name: n, alt: l, align: o, width: r, provider: a, originalUrl: s }
+    },
+    runs: []
+  };
+}
+function cn(e) {
+  return (t, { blockId: n, runId: o, sliceStart: r, sliceEnd: l }) => {
+    const a = t.getRun(o), s = (a == null ? void 0 : a.value) ?? "";
+    t.applyOperation(
+      ie(o, { value: s.slice(0, r) + s.slice(l) })
+    );
+    const c = xn(t, n, ms({ kind: e }));
+    return Ke(t, c, U("paragraph")), c;
+  };
+}
+const vs = ae({
+  name: "embed",
+  contentModel: "void",
+  component: fs,
+  defaultProps: {
+    kind: "file",
+    src: "",
+    name: "",
+    alt: "",
+    mimeType: "",
+    align: "left",
+    width: 100,
+    provider: "",
+    originalUrl: ""
+  },
+  toHTML: gs,
+  toPlainText: bs,
+  toMarkdown: ys,
+  fromHTML: ks,
+  slashCommands: [
+    ...["image", "video", "audio", "file"].map((e) => ({
+      label: e.charAt(0).toUpperCase() + e.slice(1),
+      icon: sn[e],
+      keywords: ["embed", "upload", "insert", e],
+      run: cn(e)
+    })),
+    {
+      label: "Embed link",
+      icon: sn.oembed,
+      // A YouTube/Vimeo/Loom/Figma/CodePen/Spotify link pasted into an
+      // image/video/file block's own URL field is also auto-detected (see
+      // EmbedBlock.jsx's commitUrl) — this command just gets there in one
+      // step instead of via "/video" first.
+      keywords: ["embed", "link", "youtube", "vimeo", "loom", "figma", "codepen", "spotify"],
+      run: cn("oembed")
+    }
+  ]
+}), xt = /* @__PURE__ */ new Set();
+function Is(e) {
+  xt.add(e);
+}
+function ws(e) {
+  return xt.has(e) ? (xt.delete(e), !0) : !1;
+}
+function Ts(e, t, n) {
+  var s;
+  const o = e.getBlock(t), r = ((s = o == null ? void 0 : o.props) == null ? void 0 : s.titleRunIds) ?? (o == null ? void 0 : o.contentIds) ?? [], l = r.indexOf(n), a = l >= 0 ? r[l + 1] : void 0;
+  if (a) {
+    ve(a);
+    return;
+  }
+  Ke(e, t, U("paragraph"));
+}
+function Cs({ id: e, blockId: t }) {
+  const n = V(), o = ze(e), r = _(null);
+  r.current === null && (r.current = ws(e));
+  const l = h(
+    (u) => {
+      n.applyOperation(ie(e, { data: { ...o == null ? void 0 : o.data, selectedValue: u } })), r.current && Ts(n, t, e);
+    },
+    [n, e, o == null ? void 0 : o.data, t]
+  );
+  if (!o) return null;
+  const { options: a = [], selectedValue: s = "", placeholder: c = "Select…" } = o.data ?? {};
+  return /* @__PURE__ */ d(
+    "span",
+    {
+      className: "be-inline-select",
+      onMouseDown: (u) => {
+        u.preventDefault(), u.stopPropagation();
+      },
+      onKeyDown: (u) => u.stopPropagation(),
+      children: /* @__PURE__ */ d(
+        Fe,
+        {
+          value: s,
+          options: a,
+          onChange: l,
+          placeholder: c,
+          ariaLabel: "Select an option",
+          autoOpen: r.current
+        }
+      )
+    }
+  );
+}
+function zt(e, { blockId: t, runId: n, sliceStart: o, sliceEnd: r }, l, { autoOpen: a = !1 } = {}) {
+  const s = e.getRun(n), c = (s == null ? void 0 : s.value) ?? "", u = c.slice(0, o), p = c.slice(r), i = l(), f = { ...s, value: u }, b = { id: C(), type: "text", value: p, marks: { ...s == null ? void 0 : s.marks } };
+  e.applyOperation(Lo(t, [n], [f, i, b])), a ? Is(i.id) : ve(b.id);
+}
+function Bs(e) {
+  return String(e).replace(/&/g, "&amp;").replace(/"/g, "&quot;");
+}
+function Zn(e) {
+  var o;
+  const { options: t = [], selectedValue: n = "" } = e.data ?? {};
+  return ((o = t.find((r) => r.value === n)) == null ? void 0 : o.label) ?? "";
+}
+function Rs(e) {
+  var n, o;
+  const t = Zn(e) || ((n = e.data) == null ? void 0 : n.placeholder) || "";
+  return `<span data-inline-type="select" data-selected-value="${Bs(((o = e.data) == null ? void 0 : o.selectedValue) ?? "")}">${t}</span>`;
+}
+function Ns(e) {
+  return Zn(e);
+}
+function Ls(e) {
+  var t;
+  return ((t = e.getAttribute) == null ? void 0 : t.call(e, "data-inline-type")) !== "select" ? null : {
+    id: C(),
+    type: "select",
+    value: "",
+    marks: {},
+    data: {
+      options: [],
+      selectedValue: e.getAttribute("data-selected-value") ?? ""
+    }
+  };
+}
+const As = bt({
+  name: "select",
+  component: Cs,
+  toHTML: Rs,
+  toPlainText: Ns,
+  fromHTML: Ls,
+  slashCommand: {
+    label: "Select",
+    icon: Ao,
+    keywords: ["select", "dropdown", "choice", "picker"],
+    run: (e, { blockId: t, runId: n, sliceStart: o, sliceEnd: r }) => zt(
+      e,
+      { blockId: t, runId: n, sliceStart: o, sliceEnd: r },
+      () => ({
+        id: C(),
+        type: "select",
+        value: "",
+        marks: {},
+        data: { options: [], selectedValue: "", placeholder: "Select…" }
+      }),
+      { autoOpen: !0 }
+    )
+  }
+});
+function Ms({ id: e }) {
+  const t = V(), n = ze(e), o = h(
+    (l) => {
+      t.applyOperation(ie(e, { data: { ...n == null ? void 0 : n.data, isoDate: l.target.value } }));
+    },
+    [t, e, n == null ? void 0 : n.data]
+  );
+  if (!n) return null;
+  const { isoDate: r = "" } = n.data ?? {};
+  return /* @__PURE__ */ d(
+    "span",
+    {
+      className: "be-inline-date",
+      onMouseDown: (l) => l.stopPropagation(),
+      onKeyDown: (l) => l.stopPropagation(),
+      children: /* @__PURE__ */ d("input", { type: "date", value: r, onChange: o })
+    }
+  );
+}
+function Es(e) {
+  return String(e).replace(/&/g, "&amp;").replace(/"/g, "&quot;");
+}
+function eo(e) {
+  if (!e) return "";
+  const t = /* @__PURE__ */ new Date(`${e}T00:00:00`);
+  return Number.isNaN(t.getTime()) ? e : t.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
+}
+function $s(e) {
+  var n;
+  const t = ((n = e.data) == null ? void 0 : n.isoDate) ?? "";
+  return `<span data-inline-type="date" data-iso-date="${Es(t)}">${eo(t)}</span>`;
+}
+function xs(e) {
+  var t;
+  return eo(((t = e.data) == null ? void 0 : t.isoDate) ?? "");
+}
+function Os(e) {
+  var t;
+  return ((t = e.getAttribute) == null ? void 0 : t.call(e, "data-inline-type")) !== "date" ? null : {
+    id: C(),
+    type: "date",
+    value: "",
+    marks: {},
+    data: { isoDate: e.getAttribute("data-iso-date") ?? "" }
+  };
+}
+function Ss() {
+  return (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+}
+const Ds = bt({
+  name: "date",
+  component: Ms,
+  toHTML: $s,
+  toPlainText: xs,
+  fromHTML: Os,
+  slashCommand: {
+    label: "Date",
+    icon: Mo,
+    keywords: ["date", "when", "schedule", "calendar"],
+    run: (e, { blockId: t, runId: n, sliceStart: o, sliceEnd: r }) => zt(e, { blockId: t, runId: n, sliceStart: o, sliceEnd: r }, () => ({
+      id: C(),
+      type: "date",
+      value: "",
+      marks: {},
+      data: { isoDate: Ss() }
+    }))
+  }
+});
+function Hs({ id: e }) {
+  const t = V(), n = ze(e), o = h(
+    (s) => {
+      t.applyOperation(
+        ie(e, { data: { ...n == null ? void 0 : n.data, checked: s.target.checked } })
+      );
+    },
+    [t, e, n == null ? void 0 : n.data]
+  ), r = h(
+    (s) => {
+      t.applyOperation(ie(e, { data: { ...n == null ? void 0 : n.data, label: s.target.value } }));
+    },
+    [t, e, n == null ? void 0 : n.data]
+  );
+  if (!n) return null;
+  const { checked: l = !1, label: a = "" } = n.data ?? {};
+  return /* @__PURE__ */ T(
+    "span",
+    {
+      className: "be-inline-checkbox",
+      onMouseDown: (s) => s.stopPropagation(),
+      onKeyDown: (s) => s.stopPropagation(),
+      children: [
+        /* @__PURE__ */ d(
+          "input",
+          {
+            type: "checkbox",
+            className: "be-inline-checkbox-input",
+            checked: l,
+            onChange: o
+          }
+        ),
+        /* @__PURE__ */ d(
+          "input",
+          {
+            type: "text",
+            className: "be-inline-checkbox-label",
+            value: a,
+            onChange: r,
+            placeholder: "Label…"
+          }
+        )
+      ]
+    }
+  );
+}
+function Ps(e) {
+  return String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function _s(e) {
+  const { checked: t = !1, label: n = "" } = e.data ?? {};
+  return `<span data-inline-type="checkbox" data-checked="${t}">${t ? "☑" : "☐"} ${Ps(n)}</span>`;
+}
+function Us(e) {
+  const { checked: t = !1, label: n = "" } = e.data ?? {};
+  return `${t ? "[x]" : "[ ]"} ${n}`.trim();
+}
+function js(e) {
+  var t;
+  return ((t = e.getAttribute) == null ? void 0 : t.call(e, "data-inline-type")) !== "checkbox" ? null : {
+    id: C(),
+    type: "checkbox",
+    value: "",
+    marks: {},
+    data: {
+      checked: e.getAttribute("data-checked") === "true",
+      label: (e.textContent ?? "").replace(/^[☑☐]\s*/, "")
+    }
+  };
+}
+const Fs = bt({
+  name: "checkbox",
+  component: Hs,
+  toHTML: _s,
+  toPlainText: Us,
+  fromHTML: js,
+  slashCommand: {
+    label: "Checkbox",
+    icon: St,
+    keywords: ["checkbox", "todo", "check", "toggle"],
+    run: (e, { blockId: t, runId: n, sliceStart: o, sliceEnd: r }) => zt(e, { blockId: t, runId: n, sliceStart: o, sliceEnd: r }, () => ({
+      id: C(),
+      type: "checkbox",
+      value: "",
+      marks: {},
+      data: { checked: !1, label: "" }
+    }))
+  }
+});
+function zs({ id: e, blockId: t }) {
+  var b;
+  const n = V(), o = ze(e), r = t ? n.getBlock(t) : null, l = r ? n.getBlock(r.parentId) : null, a = (l == null ? void 0 : l.parentId) ?? null, s = ee(a), c = l ? l.contentIds.indexOf(t) : -1, p = (((b = (s && l ? pe(s, l.contentIds.length) : [])[c]) == null ? void 0 : b.options) ?? []).map((v, g) => ({
+    ...v,
+    color: v.color ?? Mt(g)
+  })), i = h(
+    (v, g) => {
+      n.applyOperation(
+        ie(e, { data: { selectedValue: v, selectedLabel: (g == null ? void 0 : g.label) ?? "" } })
+      );
+    },
+    [n, e]
+  );
+  if (!o) return null;
+  const { selectedValue: f = "" } = o.data ?? {};
+  return /* @__PURE__ */ d(
+    "span",
+    {
+      className: "be-inline-table-select",
+      onMouseDown: (v) => {
+        v.preventDefault(), v.stopPropagation();
+      },
+      onKeyDown: (v) => v.stopPropagation(),
+      children: /* @__PURE__ */ d(
+        Fe,
+        {
+          value: f,
+          options: p,
+          onChange: i,
+          placeholder: "Select…",
+          ariaLabel: "Select an option",
+          variant: "tag"
+        }
+      )
+    }
+  );
+}
+function to(e) {
+  return String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function Ks(e) {
+  return to(e).replace(/"/g, "&quot;");
+}
+function Vs(e) {
+  const { selectedValue: t = "", selectedLabel: n = "" } = e.data ?? {};
+  return `<span data-inline-type="tableSelect" data-selected-value="${Ks(t)}">${to(n)}</span>`;
+}
+function Gs(e) {
+  var t;
+  return ((t = e.data) == null ? void 0 : t.selectedLabel) ?? "";
+}
+function Ws(e) {
+  var t;
+  return ((t = e.getAttribute) == null ? void 0 : t.call(e, "data-inline-type")) !== "tableSelect" ? null : {
+    id: C(),
+    type: "tableSelect",
+    value: "",
+    marks: {},
+    data: {
+      selectedValue: e.getAttribute("data-selected-value") ?? "",
+      selectedLabel: e.textContent ?? ""
+    }
+  };
+}
+const qs = bt({
+  name: "tableSelect",
+  component: zs,
+  toHTML: Vs,
+  toPlainText: Gs,
+  fromHTML: Ws
+  // No slashCommand: unlike select/date/custom field types, this type is never
+  // inserted ad-hoc into a paragraph — it only exists inside a table cell
+  // whose column type has been set to "select" (see setColumnType).
+}), Ys = { name: "emoji", kind: "inline" }, Xs = [
+  br,
+  Cr,
+  ll,
+  la,
+  ra,
+  oa,
+  ua,
+  ia,
+  ba,
+  Ca,
+  Ma,
+  Pa,
+  Ya,
+  ls,
+  vs,
+  ro,
+  As,
+  Ds,
+  Fs,
+  qs,
+  Ys
+];
+function cc({ exclude: e = [] } = {}) {
+  const t = new Set(e);
+  return Xs.filter((n) => !t.has(n.name));
+}
+export {
+  Rr as $,
+  _t as A,
+  Me as B,
+  rr as C,
+  sc as D,
+  me as E,
+  kt as F,
+  Nl as G,
+  Go as H,
+  He as I,
+  Or as J,
+  Sr as K,
+  Ko as L,
+  Dr as M,
+  Un as N,
+  ya as O,
+  yl as P,
+  Zt as Q,
+  Ea as R,
+  Fe as S,
+  xr as T,
+  ws as U,
+  Ts as V,
+  zt as W,
+  Rl as X,
+  Mt as Y,
+  ml as Z,
+  fl as _,
+  ua as a,
+  Pr as a0,
+  Hn as a1,
+  al as a2,
+  It as a3,
+  Ut as a4,
+  Le as a5,
+  _e as a6,
+  Hl as a7,
+  cl as a8,
+  gl as a9,
+  il as aa,
+  jt as ab,
+  zn as ac,
+  vl as ad,
+  kl as ae,
+  bl as af,
+  Il as ag,
+  wl as ah,
+  ht as ai,
+  Cl as aj,
+  en as ak,
+  tn as al,
+  cc as am,
+  Dn as an,
+  ra as b,
+  la as c,
+  ls as d,
+  vs as e,
+  Ya as f,
+  Pa as g,
+  Ma as h,
+  Ca as i,
+  ba as j,
+  ll as k,
+  ia as l,
+  Cr as m,
+  qs as n,
+  Ys as o,
+  br as p,
+  Fs as q,
+  Ds as r,
+  As as s,
+  oa as t,
+  pe as u,
+  Be as v,
+  Pt as w,
+  Mr as x,
+  $r as y,
+  vt as z
+};
+//# sourceMappingURL=starter-kit-CY5wzYDf.js.map