@jackuait/blok 0.7.0-beta.1 → 0.7.0-beta.3

package/dist/tools.mjs

@@ -1,18 +1,18 @@
 var Ye = Object.defineProperty, Xe = Object.defineProperties;
 var Ze = Object.getOwnPropertyDescriptors;
-var Gt = Object.getOwnPropertySymbols;
+var $t = Object.getOwnPropertySymbols;
 var Je = Object.prototype.hasOwnProperty, Qe = Object.prototype.propertyIsEnumerable;
-var Wt = (r, t, e) => t in r ? Ye(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, T = (r, t) => {
+var Ft = (r, t, e) => t in r ? Ye(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, T = (r, t) => {
   for (var e in t || (t = {}))
-    Je.call(t, e) && Wt(r, e, t[e]);
-  if (Gt)
-    for (var e of Gt(t))
-      Qe.call(t, e) && Wt(r, e, t[e]);
+    Je.call(t, e) && Ft(r, e, t[e]);
+  if ($t)
+    for (var e of $t(t))
+      Qe.call(t, e) && Ft(r, e, t[e]);
   return r;
 }, V = (r, t) => Xe(r, Ze(t));
-import { t as w, D as B, ay as tn, az as en, aa as nn, aA as on, aB as sn, aC as rn, aD as ln, aE as an, aF as cn, aG as dn, aH as hn, aI as un, aJ as we, aK as ke, aL as Ee, n as pn, o as $t, ah as Ft, af as gn, aM as fn, aN as qt, P as F, aO as Ae, aP as mn, aQ as Cn, X as xe, a1 as Te, aR as bn, aS as yn, aT as vn, ac as Re, aU as Sn, aV as wn, aW as kn, aX as En, aY as An, aZ as xn, O as zt, a_ as Tn, a$ as Vt, b0 as Kt, b1 as Ut, R as Rn, b2 as Bn, x as Ln, b3 as In, K as $, b4 as Dn, b5 as Pn, S as lt, b6 as Hn, l as On, ak as Nn } from "./chunks/inline-tool-convert-CvFW2iie.mjs";
-import { ao as Ii } from "./chunks/inline-tool-convert-CvFW2iie.mjs";
-const Nt = (r) => {
+import { t as w, D as B, az as tn, aA as en, ar as D, aB as ke, aC as Dt, aD as nn, aE as Mt, aF as on, aG as sn, aa as rn, aH as ln, aI as an, aJ as cn, aK as dn, aL as hn, aM as un, aN as pn, aO as gn, aP as fn, aQ as Ee, aR as Ae, aS as xe, n as mn, o as qt, ah as zt, af as Cn, aT as bn, aU as Vt, P as F, aV as Te, aW as yn, aX as vn, X as Re, a1 as Be, aY as Sn, aZ as wn, a_ as kn, ac as Le, a$ as En, b0 as An, b1 as xn, b2 as Tn, b3 as Rn, b4 as Bn, O as Kt, b5 as Ln, b6 as Ut, b7 as jt, b8 as Yt, R as In, b9 as Dn, x as Hn, ba as Xt, bb as Pn, K as $, bc as On, bd as Nn, S as lt, be as _n, l as Mn, ak as Gn } from "./chunks/constants-DEy4jBO5.mjs";
+import { ao as Ii } from "./chunks/constants-DEy4jBO5.mjs";
+const Gt = (r) => {
   if (!r || !r.includes("data-blok-fake-background"))
     return r;
   const t = document.createElement("div");
@@ -33,7 +33,7 @@ const Nt = (r) => {
   "data-[blok-empty=true]:before:text-gray-text",
   "data-[blok-empty=true]:before:cursor-text",
   "data-[blok-empty=true]:before:content-[attr(data-placeholder)]"
-], _n = [
+], Wn = [
   "empty:focus:before:pointer-events-none",
   "empty:focus:before:text-gray-text",
   "empty:focus:before:cursor-text",
@@ -42,7 +42,7 @@ const Nt = (r) => {
   "[&[data-empty=true]:focus]:before:text-gray-text",
   "[&[data-empty=true]:focus]:before:cursor-text",
   "[&[data-empty=true]:focus]:before:content-[attr(data-blok-placeholder-active)]"
-], Mn = [
+], $n = [
   "empty:in-data-[blok-empty=true]:before:pointer-events-none",
   "empty:in-data-[blok-empty=true]:before:text-gray-text",
   "empty:in-data-[blok-empty=true]:before:cursor-text",
@@ -51,22 +51,22 @@ const Nt = (r) => {
   "[[data-blok-empty=true]_&[data-empty=true]]:before:text-gray-text",
   "[[data-blok-empty=true]_&[data-empty=true]]:before:cursor-text",
   "[[data-blok-empty=true]_&[data-empty=true]]:before:content-[attr(data-blok-placeholder-active)]"
-], Gn = (r) => {
+], Fn = (r) => {
   const t = r.innerHTML.trim();
   return t === "" || t === "<br>";
-}, Wn = (r) => {
+}, qn = (r) => {
   r.innerHTML === "<br>" && (r.innerHTML = "");
   const t = window.getSelection();
   if (!t) return;
   const e = document.createRange();
   e.selectNodeContents(r), e.collapse(!0), t.removeAllRanges(), t.addRange(e);
-}, $n = (r) => {
-  Gn(r) && Wn(r);
-}, wt = (r, t, e = "data-placeholder") => {
+}, zn = (r) => {
+  Fn(r) && qn(r);
+}, kt = (r, t, e = "data-placeholder") => {
   r.setAttribute(e, t != null ? t : "");
-  const n = () => $n(r);
+  const n = () => zn(r);
   r.addEventListener("focus", n), r.addEventListener("input", n);
-}, Fn = (r) => {
+}, Vn = (r) => {
   const t = document.createElement("div");
   t.innerHTML = r.trim();
   const e = document.createDocumentFragment();
@@ -119,11 +119,11 @@ const Nt = (r) => {
     t.className = w(
       this.api.styles.block,
       ht.WRAPPER_CLASSES,
-      _n,
-      Mn
+      Wn,
+      $n
     ), t.setAttribute(B.tool, "paragraph"), t.contentEditable = "false";
     const e = this.buildInlineStyles();
-    return Object.keys(e).length > 0 && Object.assign(t.style, e), this._data.text ? t.innerHTML = this._data.text : this.readOnly && (t.innerHTML = "<br>"), this.readOnly || (t.contentEditable = "true", t.addEventListener("keyup", this.onKeyUp), wt(t, this.api.i18n.t(this._placeholder), "data-blok-placeholder-active")), t;
+    return Object.keys(e).length > 0 && Object.assign(t.style, e), this._data.text ? t.innerHTML = this._data.text : this.readOnly && (t.innerHTML = "<br>"), this.readOnly || (t.contentEditable = "true", t.addEventListener("keyup", this.onKeyUp), kt(t, this.api.i18n.t(this._placeholder), "data-blok-placeholder-active")), t;
   }
   /**
    * Return Tool's view
@@ -143,7 +143,7 @@ const Nt = (r) => {
     if (!this._element)
       return;
     this._data.text += t.text;
-    const e = Fn(t.text);
+    const e = Vn(t.text);
     this._element.appendChild(e), this._element.normalize();
   }
   /**
@@ -164,7 +164,7 @@ const Nt = (r) => {
    */
   save(t) {
     return {
-      text: Nt(t.innerHTML)
+      text: Gt(t.innerHTML)
     };
   }
   /**
@@ -256,31 +256,29 @@ ht.WRAPPER_CLASSES = [
   "[&>p:first-of-type]:mt-0",
   "[&>p:last-of-type]:mb-0"
 ];
-let jt = ht;
-const _t = "toggle", Yt = "tools.toggle.placeholder", qn = "outline-hidden py-[3px] mt-[2px] mb-px", zn = "outline-hidden pl-0.5 leading-[1.6em] flex-1 min-w-0", Lt = "flex items-start", Be = "flex-shrink-0 w-6 h-6 flex items-center justify-center cursor-pointer select-none rounded hover:bg-black/5 transition-all duration-200 ease-in-out mt-px", It = '<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 2.5L8.5 6L4.5 9.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>', W = {
-  toggleOpen: "data-blok-toggle-open",
-  toggleArrow: "data-blok-toggle-arrow",
-  toggleContent: "data-blok-toggle-content"
-}, Vn = (r) => {
+let Zt = ht;
+const Kn = (r) => {
   const { data: t, readOnly: e, isOpen: n, keydownHandler: o, onArrowClick: s } = r, i = document.createElement("div");
-  i.className = w(qn, Lt), i.setAttribute(B.tool, _t), i.setAttribute(W.toggleOpen, String(n));
-  const l = Kn(n, s), a = Un(t, e, o);
+  i.className = w(nn, Dt), i.setAttribute(B.tool, Mt), i.setAttribute(D.toggleOpen, String(n));
+  const l = Ie(n, s), a = Un(t, e, o);
   return i.appendChild(l), i.appendChild(a), { wrapper: i, arrowElement: l, contentElement: a };
-}, Kn = (r, t) => {
-  const e = document.createElement("div");
-  return e.className = Be, e.setAttribute(W.toggleArrow, ""), e.setAttribute("role", "button"), e.setAttribute("tabindex", "-1"), e.setAttribute("aria-label", "Toggle"), e.innerHTML = It, r && (e.style.transform = "rotate(90deg)"), e.addEventListener("click", (n) => {
-    n.stopPropagation(), t();
-  }), e;
+}, Ie = (r, t, e = {}) => {
+  const n = document.createElement("span");
+  return n.className = en, n.setAttribute(D.toggleArrow, ""), n.setAttribute(B.mutationFree, "true"), n.setAttribute("role", "button"), n.setAttribute("tabindex", "0"), n.setAttribute("aria-label", r ? "Collapse" : "Expand"), n.setAttribute("aria-expanded", String(r)), e.contentEditableFalse === !0 && (n.contentEditable = "false"), n.innerHTML = ke, r && (n.style.transform = "rotate(90deg)"), n.addEventListener("click", (o) => {
+    o.stopPropagation(), t();
+  }), n.addEventListener("keydown", (o) => {
+    (o.key === "Enter" || o.key === " ") && (o.preventDefault(), o.stopPropagation(), t());
+  }), n;
 }, Un = (r, t, e) => {
   const n = document.createElement("div");
-  return n.className = zn, n.setAttribute(W.toggleContent, ""), n.contentEditable = t ? "false" : "true", n.innerHTML = r.text, e && n.addEventListener("keydown", e), n;
+  return n.className = on, n.setAttribute(D.toggleContent, ""), n.contentEditable = t ? "false" : "true", n.innerHTML = r.text, e && n.addEventListener("keydown", e), n;
 }, jn = (r) => {
-  const t = Vn(r);
-  return t.contentElement && wt(t.contentElement, r.placeholder), t;
-}, Le = (r, t, e) => {
+  const t = Kn(r);
+  return t.contentElement && kt(t.contentElement, r.placeholder), t;
+}, vt = (r, t, e) => {
   const { style: n } = r;
-  n.transform = e ? "rotate(90deg)" : "", r.setAttribute("aria-label", e ? "Collapse" : "Expand"), t.setAttribute(W.toggleOpen, String(e));
-}, Ie = (r, t, e) => {
+  n.transform = e ? "rotate(90deg)" : "", r.setAttribute("aria-label", e ? "Collapse" : "Expand"), r.setAttribute("aria-expanded", String(e)), t.setAttribute(D.toggleOpen, String(e));
+}, Ht = (r, t, e) => {
   const n = r.blocks.getChildren(t);
   for (const o of n)
     e ? o.holder.classList.remove("hidden") : o.holder.classList.add("hidden");
@@ -330,7 +328,13 @@ const _t = "toggle", Yt = "tools.toggle.placeholder", qn = "outline-hidden py-[3
       text: t.text || "",
       level: n ? e : this.defaultLevel.number
     };
-    return t.isToggleable === !0 && (o.isToggleable = !0), o;
+    if (t.isToggleable === !0 && (o.isToggleable = !0), o.text) {
+      const s = document.createElement("div");
+      s.innerHTML = o.text;
+      const i = s.querySelector(`[${D.toggleArrow}]`);
+      i && (i.remove(), o.text = s.innerHTML);
+    }
+    return o;
   }
   /**
    * Return Tool's view
@@ -347,6 +351,20 @@ const _t = "toggle", Yt = "tools.toggle.placeholder", qn = "outline-hidden py-[3
   rendered() {
     this._data.isToggleable && this.updateChildrenVisibility();
   }
+  /**
+   * Expand the toggle heading (no-op if not toggleable or already expanded).
+   * Can be called externally via block.call('expand').
+   */
+  expand() {
+    !this._data.isToggleable || this._isOpen || (this._isOpen = !0, this._arrowElement && this._element && vt(this._arrowElement, this._element, this._isOpen), this.updateChildrenVisibility());
+  }
+  /**
+   * Collapse the toggle heading (no-op if not toggleable or already collapsed).
+   * Can be called externally via block.call('collapse').
+   */
+  collapse() {
+    !this._data.isToggleable || !this._isOpen || (this._isOpen = !1, this._arrowElement && this._element && vt(this._arrowElement, this._element, this._isOpen), this.updateChildrenVisibility());
+  }
   /**
    * Returns header block tunes config
    *
@@ -367,7 +385,7 @@ const _t = "toggle", Yt = "tools.toggle.placeholder", qn = "outline-hidden py-[3
       };
     }), o = Array.isArray(n) ? n : [n], s = this.api.i18n.t("tools.header.toggleHeading");
     return o.push({
-      icon: It,
+      icon: ke,
       title: s !== "tools.header.toggleHeading" ? s : "Toggle heading",
       onActivate: () => this.toggleIsToggleable(),
       closeOnActivate: !0,
@@ -387,7 +405,7 @@ const _t = "toggle", Yt = "tools.toggle.placeholder", qn = "outline-hidden py-[3
       var c, d, h, u;
       const n = e.data, o = (c = n == null ? void 0 : n.level) != null ? c : this.defaultLevel.number, s = P.DEFAULT_LEVELS.find((p) => p.number === o), i = (d = s == null ? void 0 : s.name) != null ? d : `Heading ${o}`, l = this.resolveToolboxEntryTitle(e, i);
       return {
-        icon: (u = (h = e.icon) != null ? h : s == null ? void 0 : s.icon) != null ? u : en,
+        icon: (u = (h = e.icon) != null ? h : s == null ? void 0 : s.icon) != null ? u : sn,
         title: l,
         onActivate: () => this.setLevel(o),
         closeOnActivate: !0,
@@ -406,7 +424,7 @@ const _t = "toggle", Yt = "tools.toggle.placeholder", qn = "outline-hidden py-[3
    * @returns Resolved title string
    */
   resolveToolboxEntryTitle(t, e) {
-    return nn(this.api.i18n, t, e);
+    return rn(this.api.i18n, t, e);
   }
   /**
    * Callback for Block's settings buttons
@@ -427,7 +445,12 @@ const _t = "toggle", Yt = "tools.toggle.placeholder", qn = "outline-hidden py-[3
    * @param data - saved data to merge with current block
    */
   merge(t) {
-    this._element.insertAdjacentHTML("beforeend", t.text);
+    const e = document.createElement("div");
+    e.innerHTML = t.text;
+    const n = e.querySelector(`[${D.toggleArrow}]`);
+    n && n.remove();
+    const o = e.innerHTML, s = this._element.querySelector(`[${D.toggleArrow}]`);
+    s && s.remove(), this._element.insertAdjacentHTML("beforeend", o), s && this._data.isToggleable && this._element.prepend(s);
   }
   /**
    * Validate Text block data:
@@ -446,11 +469,13 @@ const _t = "toggle", Yt = "tools.toggle.placeholder", qn = "outline-hidden py-[3
    * @returns saved data
    */
   save(t) {
-    const e = {
-      text: t.innerHTML,
+    const e = t.cloneNode(!0), n = e.querySelector(`[${D.toggleArrow}]`);
+    n && n.remove();
+    const o = {
+      text: e.innerHTML,
       level: this.currentLevel.number
     };
-    return this._data.isToggleable === !0 && (e.isToggleable = !0), e;
+    return this._data.isToggleable === !0 && (o.isToggleable = !0), o;
   }
   /**
    * Allow Header to be converted to/from other blocks
@@ -487,7 +512,8 @@ const _t = "toggle", Yt = "tools.toggle.placeholder", qn = "outline-hidden py-[3
    * @returns Current data
    */
   get data() {
-    return this._data.text = this._element.innerHTML, this._data.level = this.currentLevel.number, this._data;
+    const t = this._element.querySelector(`[${D.toggleArrow}]`);
+    return t && t.remove(), this._data.text = this._element.innerHTML, t && this._data.isToggleable && this._element.prepend(t), this._data.level = this.currentLevel.number, this._data;
   }
   /**
    * Store data in plugin:
@@ -502,13 +528,13 @@ const _t = "toggle", Yt = "tools.toggle.placeholder", qn = "outline-hidden py-[3
       e.innerHTML = this._element.innerHTML, this._element.parentNode.replaceChild(e, this._element), this._element = e;
     }
     if (t.text !== void 0 && (this._element.innerHTML = this._data.text || ""), this._data.isToggleable) {
-      if (this._element.setAttribute(W.toggleOpen, String(this._isOpen)), !this._element.querySelector(`[${W.toggleArrow}]`)) {
+      if (this._element.setAttribute(D.toggleOpen, String(this._isOpen)), !this._element.querySelector(`[${D.toggleArrow}]`)) {
         const e = this.buildArrow();
         this._arrowElement = e, this._element.prepend(e);
       }
-      this._element.className = w(P.BASE_STYLES, this.currentLevel.styles, nt, Lt);
+      this._element.className = w(P.BASE_STYLES, this.currentLevel.styles, nt, Dt);
     } else
-      this._element.removeAttribute(W.toggleOpen), this._arrowElement = null, this._element.className = w(P.BASE_STYLES, this.currentLevel.styles, nt);
+      this._element.removeAttribute(D.toggleOpen), this._arrowElement = null, this._element.className = w(P.BASE_STYLES, this.currentLevel.styles, nt);
   }
   /**
    * Get tag for target level
@@ -518,14 +544,14 @@ const _t = "toggle", Yt = "tools.toggle.placeholder", qn = "outline-hidden py-[3
    */
   getTag() {
     const t = document.createElement(this.currentLevel.tag);
-    t.innerHTML = this._data.text || "", t.className = w(P.BASE_STYLES, this.currentLevel.styles, nt, this._data.isToggleable ? Lt : "");
+    t.innerHTML = this._data.text || "", t.className = w(P.BASE_STYLES, this.currentLevel.styles, nt, this._data.isToggleable ? Dt : "");
     const { inlineStyles: e } = this.currentLevel;
     if (e && Object.assign(t.style, e), t.setAttribute(B.tool, "header"), t.contentEditable = this.readOnly ? "false" : "true", this._data.isToggleable) {
-      t.setAttribute(W.toggleOpen, String(this._isOpen));
+      t.setAttribute(D.toggleOpen, String(this._isOpen));
       const n = this.buildArrow();
       this._arrowElement = n, t.prepend(n);
     }
-    return this.readOnly ? t.setAttribute("data-placeholder", this.api.i18n.t(this._settings.placeholder || "")) : wt(t, this.api.i18n.t(this._settings.placeholder || "")), t;
+    return this.readOnly ? t.setAttribute("data-placeholder", this.api.i18n.t(this._settings.placeholder || "")) : kt(t, this.api.i18n.t(this._settings.placeholder || "")), t;
   }
   /**
    * Build the arrow element for toggle heading.
@@ -533,18 +559,16 @@ const _t = "toggle", Yt = "tools.toggle.placeholder", qn = "outline-hidden py-[3
    * @returns The arrow element
    */
   buildArrow() {
-    const t = document.createElement("div");
-    return t.className = Be, t.setAttribute(W.toggleArrow, ""), t.setAttribute("role", "button"), t.setAttribute("tabindex", "-1"), t.setAttribute("aria-label", "Expand"), t.contentEditable = "false", t.innerHTML = It, this._isOpen && (t.style.transform = "rotate(90deg)"), t.addEventListener("click", (e) => {
-      e.stopPropagation(), this.toggleOpen();
-    }), t;
+    return Ie(this._isOpen, () => this.toggleOpen(), { contentEditableFalse: !0 });
   }
   /**
    * Toggle the isToggleable state on/off.
    * Called from the settings menu.
    */
   toggleIsToggleable() {
+    var e;
     const t = this._data.isToggleable === !0;
-    this.data = {
+    t && (Ht(this.api, (e = this.blockId) != null ? e : "", !0), this._isOpen = !1), this.data = {
       level: this._data.level,
       text: this._data.text,
       isToggleable: !t || void 0
@@ -554,13 +578,13 @@ const _t = "toggle", Yt = "tools.toggle.placeholder", qn = "outline-hidden py-[3
    * Toggle the open/closed state of the toggle heading.
    */
   toggleOpen() {
-    this._isOpen = !this._isOpen, this._arrowElement && this._element && Le(this._arrowElement, this._element, this._isOpen), this.updateChildrenVisibility();
+    this._isOpen = !this._isOpen, this._arrowElement && this._element && vt(this._arrowElement, this._element, this._isOpen), this.updateChildrenVisibility();
   }
   /**
    * Show or hide child blocks based on the toggle's open state.
    */
   updateChildrenVisibility() {
-    this.blockId !== void 0 && Ie(this.api, this.blockId, this._isOpen);
+    this.blockId !== void 0 && Ht(this.api, this.blockId, this._isOpen);
   }
   /**
    * Get current level
@@ -654,9 +678,9 @@ const _t = "toggle", Yt = "tools.toggle.placeholder", qn = "outline-hidden py-[3
       searchTerms: [`h${o.number}`, "title", "header", "heading"],
       shortcut: "#".repeat(o.number)
     })), e = {
-      1: un,
-      2: hn,
-      3: dn
+      1: fn,
+      2: gn,
+      3: pn
     }, n = P.DEFAULT_LEVELS.filter((o) => o.number <= 3).map((o) => ({
       icon: e[o.number],
       title: `Toggle heading ${o.number}`,
@@ -669,18 +693,18 @@ const _t = "toggle", Yt = "tools.toggle.placeholder", qn = "outline-hidden py-[3
   }
 };
 P.BASE_STYLES = "py-[3px] px-[2px] m-0 leading-[1.3]! outline-hidden [&_p]:p-0! [&_p]:m-0! [&_div]:p-0! [&_div]:m-0!", P.DEFAULT_LEVELS = [
-  { number: 1, tag: "H1", nameKey: "tools.header.heading1", name: "Heading 1", icon: on, styles: "text-4xl font-bold mt-8 mb-1" },
-  { number: 2, tag: "H2", nameKey: "tools.header.heading2", name: "Heading 2", icon: sn, styles: "text-3xl font-semibold mt-6 mb-px" },
-  { number: 3, tag: "H3", nameKey: "tools.header.heading3", name: "Heading 3", icon: rn, styles: "text-2xl font-semibold mt-4 mb-px" },
-  { number: 4, tag: "H4", nameKey: "tools.header.heading4", name: "Heading 4", icon: ln, styles: "text-xl font-semibold mt-3 mb-px" },
-  { number: 5, tag: "H5", nameKey: "tools.header.heading5", name: "Heading 5", icon: an, styles: "text-base font-semibold mt-3 mb-px" },
-  { number: 6, tag: "H6", nameKey: "tools.header.heading6", name: "Heading 6", icon: cn, styles: "text-sm font-semibold mt-3 mb-px" }
+  { number: 1, tag: "H1", nameKey: "tools.header.heading1", name: "Heading 1", icon: ln, styles: "text-4xl font-bold mt-8 mb-1" },
+  { number: 2, tag: "H2", nameKey: "tools.header.heading2", name: "Heading 2", icon: an, styles: "text-3xl font-semibold mt-6 mb-px" },
+  { number: 3, tag: "H3", nameKey: "tools.header.heading3", name: "Heading 3", icon: cn, styles: "text-2xl font-semibold mt-4 mb-px" },
+  { number: 4, tag: "H4", nameKey: "tools.header.heading4", name: "Heading 4", icon: dn, styles: "text-xl font-semibold mt-3 mb-px" },
+  { number: 5, tag: "H5", nameKey: "tools.header.heading5", name: "Heading 5", icon: hn, styles: "text-base font-semibold mt-3 mb-px" },
+  { number: 6, tag: "H6", nameKey: "tools.header.heading6", name: "Heading 6", icon: un, styles: "text-sm font-semibold mt-3 mb-px" }
 ];
-let Xt = P;
+let Jt = P;
 const Q = 24, Yn = "outline-hidden py-[3px] mt-[2px] mb-px", Xn = "outline-hidden pl-0.5 leading-[1.6em]", Zn = "flex items-start pl-0.5", Jn = "mt-1 w-4 mr-2 h-4 cursor-pointer accent-current", Qn = "tools.list.placeholder", L = "list", De = {
   contentContainer: "list-content-container",
   checklistContent: "list-checklist-content"
-}, Pe = (r, t) => {
+}, He = (r, t) => {
   const e = r;
   e._placeholder = t, Object.defineProperty(e, "getPlaceholder", {
     value: () => e._placeholder,
@@ -688,7 +712,7 @@ const Q = 24, Yn = "outline-hidden py-[3px] mt-[2px] mb-px", Xn = "outline-hidde
     enumerable: !0,
     configurable: !1
   });
-}, He = (r) => {
+}, Pe = (r) => {
   const { data: t, keydownHandler: e, readOnly: n } = r, o = to(r), s = t.style === "checklist" ? no(r) : eo(r);
   o.appendChild(s), !n && e && o.addEventListener("keydown", e);
   const i = s.querySelector("[data-list-marker]"), l = s.querySelector('input[type="checkbox"]'), a = s.querySelector("[contenteditable]");
@@ -711,7 +735,7 @@ const Q = 24, Yn = "outline-hidden py-[3px] mt-[2px] mb-px", Xn = "outline-hidde
   const l = oo(t.style, i);
   l.setAttribute("data-list-marker", "true"), l.setAttribute("data-blok-mutation-free", "true"), s.appendChild(l);
   const a = document.createElement("div");
-  return a.className = w("flex-1 min-w-0 outline-hidden", ...nt), a.setAttribute("data-blok-testid", De.contentContainer), a.contentEditable = r.readOnly ? "false" : "true", a.innerHTML = t.text, Pe(a, o), s.appendChild(a), s;
+  return a.className = w("flex-1 min-w-0 outline-hidden", ...nt), a.setAttribute("data-blok-testid", De.contentContainer), a.contentEditable = r.readOnly ? "false" : "true", a.innerHTML = t.text, He(a, o), s.appendChild(a), s;
 }, no = (r) => {
   var d;
   const { data: t, itemColor: e, itemSize: n, placeholder: o, readOnly: s } = r, i = document.createElement("div");
@@ -725,7 +749,7 @@ const Q = 24, Yn = "outline-hidden py-[3px] mt-[2px] mb-px", Xn = "outline-hidde
     "flex-1 outline-hidden leading-[1.6em]",
     t.checked ? "line-through opacity-60" : "",
     ...nt
-  ), c.setAttribute("data-blok-testid", De.checklistContent), c.setAttribute("data-checked", String(t.checked)), c.contentEditable = s ? "false" : "true", c.innerHTML = t.text, Pe(c, o), i.appendChild(a), i.appendChild(c), i;
+  ), c.setAttribute("data-blok-testid", De.checklistContent), c.setAttribute("data-checked", String(t.checked)), c.contentEditable = s ? "false" : "true", c.innerHTML = t.text, He(c, o), i.appendChild(a), i.appendChild(c), i;
 }, oo = (r, t) => {
   const e = document.createElement("span");
   if (e.className = "shrink-0 select-none", e.setAttribute("aria-hidden", "true"), e.contentEditable = "false", r === "ordered")
@@ -743,7 +767,7 @@ const Q = 24, Yn = "outline-hidden py-[3px] mt-[2px] mb-px", Xn = "outline-hidde
   if (!i) return null;
   const d = i.parentNode;
   if (!d) return null;
-  const h = He({
+  const h = Pe({
     data: t,
     readOnly: e,
     placeholder: n,
@@ -761,7 +785,7 @@ const Q = 24, Yn = "outline-hidden py-[3px] mt-[2px] mb-px", Xn = "outline-hidde
 }, ro = (r, t, e) => {
   if (!t) return r;
   const n = e(), s = {
-    text: n ? Nt(n.innerHTML) : r.text,
+    text: n ? Gt(n.innerHTML) : r.text,
     style: r.style,
     checked: r.checked
   };
@@ -822,10 +846,10 @@ const Q = 24, Yn = "outline-hidden py-[3px] mt-[2px] mb-px", Xn = "outline-hidde
     };
   const n = document.createRange();
   return n.setStart(t.endContainer, t.endOffset), n.setEndAfter(r.lastChild), {
-    beforeContent: Zt(e.cloneContents()),
-    afterContent: Zt(n.cloneContents())
+    beforeContent: Qt(e.cloneContents()),
+    afterContent: Qt(n.cloneContents())
   };
-}, Zt = (r) => {
+}, Qt = (r) => {
   const t = document.createElement("div");
   return t.appendChild(r), t.innerHTML;
 }, fo = (r) => {
@@ -954,7 +978,7 @@ const Ao = (r, t) => {
   r && r.setAttribute("data-list-depth", String(e));
   const n = r == null ? void 0 : r.querySelector('[role="listitem"]');
   n instanceof HTMLElement && (n.style.marginLeft = e > 0 ? `${e * Q}px` : ""), t.depth = e;
-}, Ne = (r, t) => t.getBlockDepth(r), _e = (r, t) => t.getBlockStyle(r), To = (r, t) => t.getBulletCharacter(r), Jt = (r, t, e, n, o) => {
+}, Ne = (r, t) => t.getBlockDepth(r), _e = (r, t) => t.getBlockStyle(r), To = (r, t) => t.getBulletCharacter(r), te = (r, t, e, n, o) => {
   var i;
   const s = r && (i = n.getBlockIndex(r)) != null ? i : n.getCurrentBlockIndex();
   return s <= 0 ? 0 : o.getSiblingIndex(s, t, e);
@@ -969,7 +993,7 @@ const Ao = (r, t) => {
     n.style
   );
   return l === null ? 1 : s.getBlockStartValue(l);
-}, Qt = (r, t, e, n, o, s) => {
+}, ee = (r, t, e, n, o, s) => {
   const l = Ro(r, t, n, e, o, s) + r;
   return s.formatNumber(l, t);
 }, Bo = (r, t, e, n) => n.findGroupStart(r, t, e), Me = (r, t, e, n) => {
@@ -1040,7 +1064,7 @@ const Ao = (r, t) => {
   if (!l) return;
   const a = l.innerHTML.trim();
   if (a === "" || a === "<br>") {
-    await Po(r);
+    await Ho(r);
     return;
   }
   const c = i.getRangeAt(0), { beforeContent: d, afterContent: h } = go(l, c), u = e && (g = t.blocks.getBlockIndex(e)) != null ? g : t.blocks.getCurrentBlockIndex();
@@ -1068,7 +1092,7 @@ const Ao = (r, t) => {
     u + 1
   );
   n.text = d, ot(t, p, "start");
-}, Po = async (r) => {
+}, Ho = async (r) => {
   const { api: t, blockId: e, getDepth: n } = r;
   if (n() > 0) {
     await Ge(r);
@@ -1078,7 +1102,7 @@ const Ao = (r, t) => {
     return;
   const s = await t.blocks.convert(e, "paragraph", { text: "" });
   ot(t, s, "start");
-}, Ho = async (r, t) => {
+}, Po = async (r, t) => {
   const { api: e, blockId: n, data: o, element: s, getContentElement: i, getDepth: l, syncContentFromDOM: a } = r, c = window.getSelection();
   if (!c || !s) return;
   const d = c.getRangeAt(0), h = i();
@@ -1123,7 +1147,7 @@ const Ao = (r, t) => {
   }));
   ot(t, a);
 }, No = (r) => {
-  const { data: t, readOnly: e, placeholder: n, itemColor: o, itemSize: s, setupItemPlaceholder: i, onCheckboxChange: l, keydownHandler: a } = r, c = He({
+  const { data: t, readOnly: e, placeholder: n, itemColor: o, itemSize: s, setupItemPlaceholder: i, onCheckboxChange: l, keydownHandler: a } = r, c = Pe({
     data: t,
     readOnly: e,
     placeholder: n,
@@ -1322,7 +1346,7 @@ class We {
     return i < n ? e : i > n ? this.findGroupStartRecursive(t - 1, e, n, o) : this.getBlockStyle(s) !== o ? e : this.findGroupStartRecursive(t - 1, t, n, o);
   }
 }
-const kt = { value: !1 };
+const Et = { value: !1 };
 class Go {
   constructor(t) {
     this.blocks = t, this.depthValidator = new Oe(t), this.markerCalculator = new We(t);
@@ -1377,8 +1401,8 @@ class Go {
    * Uses a static flag to deduplicate multiple calls in the same frame.
    */
   scheduleUpdateAll() {
-    kt.value || (kt.value = !0, requestAnimationFrame(() => {
-      kt.value = !1, this.updateAllMarkers();
+    Et.value || (Et.value = !0, requestAnimationFrame(() => {
+      Et.value = !1, this.updateAllMarkers();
     }));
   }
   /**
@@ -1532,28 +1556,28 @@ const Wo = (r) => r instanceof HTMLElement, $o = /* @__PURE__ */ new Set([
     style: "unordered",
     checked: !1
   })
-}), te = [
+}), ne = [
   {
     name: "bulletedList",
     titleKey: "bulletedList",
     style: "unordered",
-    icon: we
+    icon: Ee
   },
   {
     name: "numberedList",
     titleKey: "numberedList",
     style: "ordered",
-    icon: ke
+    icon: Ae
   },
   {
     name: "todoList",
     titleKey: "todoList",
     style: "checklist",
-    icon: Ee
+    icon: xe
   }
 ], Xo = () => [
   {
-    icon: we,
+    icon: Ee,
     title: "Bulleted list",
     titleKey: "bulletedList",
     data: { style: "unordered" },
@@ -1562,7 +1586,7 @@ const Wo = (r) => r instanceof HTMLElement, $o = /* @__PURE__ */ new Set([
     shortcut: "-"
   },
   {
-    icon: ke,
+    icon: Ae,
     title: "Numbered list",
     titleKey: "numberedList",
     data: { style: "ordered" },
@@ -1571,7 +1595,7 @@ const Wo = (r) => r instanceof HTMLElement, $o = /* @__PURE__ */ new Set([
     shortcut: "1."
   },
   {
-    icon: Ee,
+    icon: xe,
     title: "To-do list",
     titleKey: "todoList",
     data: { style: "checklist" },
@@ -1595,7 +1619,7 @@ class Ei {
   }
   get availableStyles() {
     const t = this._settings.styles;
-    return !t || t.length === 0 ? te : te.filter((e) => t.includes(e.style));
+    return !t || t.length === 0 ? ne : ne.filter((e) => t.includes(e.style));
   }
   get itemColor() {
     return this._settings.itemColor;
@@ -1607,7 +1631,7 @@ class Ei {
     return this.api.i18n.t(Qn);
   }
   setupItemPlaceholder(t) {
-    this.readOnly || wt(t, this.placeholder);
+    this.readOnly || kt(t, this.placeholder);
   }
   render() {
     return this._element = No({
@@ -1655,7 +1679,7 @@ class Ei {
     const t = (s = this._element) == null ? void 0 : s.querySelector("[data-list-marker]");
     if (!t)
       return;
-    const e = this.getDepth(), n = Jt(this.blockId, e, this._data.style, this.api.blocks, this.markerCalculator), o = Qt(n, e, this._data, this.blockId, this.api.blocks, this.markerCalculator);
+    const e = this.getDepth(), n = te(this.blockId, e, this._data.style, this.api.blocks, this.markerCalculator), o = ee(n, e, this._data, this.blockId, this.api.blocks, this.markerCalculator);
     t.textContent = o;
   }
   updateSiblingListMarkers() {
@@ -1668,7 +1692,7 @@ class Ei {
     const n = (o = this._element) == null ? void 0 : o.querySelector('[aria-hidden="true"]');
     if (n instanceof HTMLElement)
       if (e === "ordered") {
-        const s = Jt(this.blockId, t, this._data.style, this.api.blocks, this.markerCalculator), i = Qt(s, t, this._data, this.blockId, this.api.blocks, this.markerCalculator);
+        const s = te(this.blockId, t, this._data.style, this.api.blocks, this.markerCalculator), i = ee(s, t, this._data, this.blockId, this.api.blocks, this.markerCalculator);
         n.textContent = i;
       } else {
         const s = To(t, this.markerCalculator);
@@ -1723,7 +1747,7 @@ class Ei {
       syncContentFromDOM: this.syncContentFromDOM.bind(this),
       getDepth: this.getDepth.bind(this)
     };
-    await Ho(e, t);
+    await Po(e, t);
   }
   async handleIndent() {
     const t = {
@@ -1849,13 +1873,13 @@ class Ei {
     return Xo();
   }
 }
-const Zo = "data-blok-table-add-row", Jo = "data-blok-table-add-col", ee = 150, Qo = 5, ne = 40, oe = [
+const Zo = "data-blok-table-add-row", Jo = "data-blok-table-add-col", oe = 150, Qo = 5, At = 40, se = [
   "flex",
   "items-center",
   "justify-center",
   "transition-opacity",
   "duration-150"
-], se = [
+], ie = [
   "flex",
   "items-center",
   "justify-center",
@@ -1863,10 +1887,10 @@ const Zo = "data-blok-table-add-row", Jo = "data-blok-table-add-col", ee = 150,
   "border-gray-300",
   "rounded-full",
   "group-hover/add:bg-gray-50"
-], ie = "12";
+], re = "12";
 class ts {
   constructor(t) {
-    this.rowHideTimeout = null, this.colHideTimeout = null, this.rowVisible = !1, this.colVisible = !1, this.interactive = !0, this.dragState = null, this.wrapper = t.wrapper, this.grid = t.grid, this.i18n = t.i18n, this.boundAddRowClick = t.onAddRow, this.boundAddColClick = t.onAddColumn, this.onDragStart = t.onDragStart, this.onDragAddRow = t.onDragAddRow, this.onDragRemoveRow = t.onDragRemoveRow, this.onDragAddCol = t.onDragAddCol, this.onDragRemoveCol = t.onDragRemoveCol, this.onDragEnd = t.onDragEnd, this.getNewColumnWidth = t.getNewColumnWidth, this.boundMouseMove = this.handleMouseMove.bind(this), this.boundMouseLeave = this.handleMouseLeave.bind(this), this.boundPointerMove = this.handlePointerMove.bind(this), this.boundPointerUp = this.handlePointerUp.bind(this), this.boundPointerCancel = this.handlePointerCancel.bind(this), this.boundRowPointerDown = (e) => this.handlePointerDown("row", e), this.boundColPointerDown = (e) => this.handlePointerDown("col", e), this.addRowBtn = this.createAddRowButton(), this.addColBtn = this.createAddColumnButton(), this.wrapper.appendChild(this.addRowBtn), this.wrapper.appendChild(this.addColBtn), this.syncRowButtonWidth(), this.wrapper.addEventListener("mousemove", this.boundMouseMove), this.wrapper.addEventListener("mouseleave", this.boundMouseLeave), this.addRowBtn.addEventListener("pointerdown", this.boundRowPointerDown), this.addColBtn.addEventListener("pointerdown", this.boundColPointerDown);
+    this.rowHideTimeout = null, this.colHideTimeout = null, this.rowVisible = !1, this.colVisible = !1, this.interactive = !0, this.dragState = null, this.wrapper = t.wrapper, this.grid = t.grid, this.i18n = t.i18n, this.boundAddRowClick = t.onAddRow, this.boundAddColClick = t.onAddColumn, this.onDragStart = t.onDragStart, this.onDragAddRow = t.onDragAddRow, this.onDragRemoveRow = t.onDragRemoveRow, this.onDragAddCol = t.onDragAddCol, this.onDragRemoveCol = t.onDragRemoveCol, this.onDragEnd = t.onDragEnd, this.getNewColumnWidth = t.getNewColumnWidth, this.boundMouseMove = this.handleMouseMove.bind(this), this.boundDocumentMouseMove = this.handleDocumentMouseMove.bind(this), this.boundMouseLeave = this.handleMouseLeave.bind(this), this.boundPointerMove = this.handlePointerMove.bind(this), this.boundPointerUp = this.handlePointerUp.bind(this), this.boundPointerCancel = this.handlePointerCancel.bind(this), this.boundRowPointerDown = (e) => this.handlePointerDown("row", e), this.boundColPointerDown = (e) => this.handlePointerDown("col", e), this.addRowBtn = this.createAddRowButton(), this.addColBtn = this.createAddColumnButton(), this.wrapper.appendChild(this.addRowBtn), this.wrapper.appendChild(this.addColBtn), this.syncRowButtonWidth(), this.wrapper.addEventListener("mousemove", this.boundMouseMove), this.wrapper.addEventListener("mouseleave", this.boundMouseLeave), document.addEventListener("mousemove", this.boundDocumentMouseMove), this.addRowBtn.addEventListener("pointerdown", this.boundRowPointerDown), this.addColBtn.addEventListener("pointerdown", this.boundColPointerDown);
   }
   /**
    * Match the add-row button width and horizontal position to the grid.
@@ -1909,7 +1933,7 @@ class ts {
     this.addRowBtn.style.pointerEvents = this.rowVisible ? "" : "none", this.addColBtn.style.pointerEvents = this.colVisible ? "" : "none";
   }
   destroy() {
-    if (this.wrapper.removeEventListener("mousemove", this.boundMouseMove), this.wrapper.removeEventListener("mouseleave", this.boundMouseLeave), this.addRowBtn.removeEventListener("pointerdown", this.boundRowPointerDown), this.addColBtn.removeEventListener("pointerdown", this.boundColPointerDown), this.dragState) {
+    if (this.wrapper.removeEventListener("mousemove", this.boundMouseMove), this.wrapper.removeEventListener("mouseleave", this.boundMouseLeave), document.removeEventListener("mousemove", this.boundDocumentMouseMove), this.addRowBtn.removeEventListener("pointerdown", this.boundRowPointerDown), this.addColBtn.removeEventListener("pointerdown", this.boundColPointerDown), this.dragState) {
       const t = this.dragState.axis === "row" ? this.addRowBtn : this.addColBtn;
       t.removeEventListener("pointermove", this.boundPointerMove), t.removeEventListener("pointerup", this.boundPointerUp), t.removeEventListener("pointercancel", this.boundPointerCancel), document.body.style.cursor = "", this.dragState = null;
     }
@@ -1937,7 +1961,7 @@ class ts {
       e === "row" ? this.onDragAddRow() : this.onDragAddCol(), this.dragState.addedCount++;
     for (; this.dragState.addedCount > l; )
       e === "row" ? this.onDragRemoveRow() : this.onDragRemoveCol(), this.dragState.addedCount--;
-    Math.abs(i) > Qo && !this.dragState.didDrag && (this.dragState.didDrag = !0, document.body.style.cursor = e === "row" ? "row-resize" : "col-resize", pn(), this.onDragStart());
+    Math.abs(i) > Qo && !this.dragState.didDrag && (this.dragState.didDrag = !0, document.body.style.cursor = e === "row" ? "row-resize" : "col-resize", mn(), this.onDragStart());
   }
   handlePointerUp(t) {
     if (!this.dragState)
@@ -1974,11 +1998,24 @@ class ts {
   }
   handleMouseMove(t) {
     const e = this.grid.getBoundingClientRect(), n = this.grid.parentElement, s = n !== null && n !== this.wrapper ? Math.min(e.right, n.getBoundingClientRect().right) : e.right, i = Math.abs(t.clientY - e.bottom), l = Math.abs(t.clientX - s);
-    i <= ne ? this.showRow() : this.scheduleHideRow(), l <= ne ? this.showCol() : this.scheduleHideCol();
+    i <= At ? this.showRow() : this.scheduleHideRow(), l <= At ? this.showCol() : this.scheduleHideCol();
   }
   handleMouseLeave() {
     this.scheduleHideRow(), this.scheduleHideCol();
   }
+  /**
+   * Document-level mousemove handler.
+   * Catches mouse movements outside the wrapper (e.g. in the ::after
+   * pseudo-element zone below the grid, which has pointer-events-none).
+   * Only delegates to handleMouseMove when the cursor is within the
+   * proximity zone around the grid to avoid unnecessary work.
+   */
+  handleDocumentMouseMove(t) {
+    if (this.wrapper.contains(t.target))
+      return;
+    const e = this.grid.getBoundingClientRect(), n = At;
+    t.clientX >= e.left - n && t.clientX <= e.right + n && t.clientY >= e.top - n && t.clientY <= e.bottom + n && this.handleMouseMove(t);
+  }
   showRow() {
     this.clearRowTimeout(), this.rowVisible || (this.addRowBtn.style.opacity = "1", this.addRowBtn.style.pointerEvents = this.interactive ? "" : "none", this.rowVisible = !0);
   }
@@ -1989,13 +2026,13 @@ class ts {
     var t;
     !this.rowVisible || this.rowHideTimeout !== null || ((t = this.dragState) == null ? void 0 : t.axis) === "row" || (this.rowHideTimeout = setTimeout(() => {
       this.addRowBtn.style.opacity = "0", this.addRowBtn.style.pointerEvents = "none", this.rowVisible = !1, this.rowHideTimeout = null;
-    }, ee));
+    }, oe));
   }
   scheduleHideCol() {
     var t;
     !this.colVisible || this.colHideTimeout !== null || ((t = this.dragState) == null ? void 0 : t.axis) === "col" || (this.colHideTimeout = setTimeout(() => {
       this.addColBtn.style.opacity = "0", this.addColBtn.style.pointerEvents = "none", this.colVisible = !1, this.colHideTimeout = null;
-    }, ee));
+    }, oe));
   }
   clearRowTimeout() {
     this.rowHideTimeout !== null && (clearTimeout(this.rowHideTimeout), this.rowHideTimeout = null);
@@ -2005,26 +2042,26 @@ class ts {
   }
   createAddRowButton() {
     const t = document.createElement("div");
-    t.className = w(oe, "group/add", "items-start", "cursor-row-resize"), t.setAttribute(Zo, ""), t.setAttribute("contenteditable", "false"), t.style.opacity = "0", t.style.pointerEvents = "none", t.style.position = "absolute", t.style.left = "0", t.style.bottom = "-36px", t.style.zIndex = "1", t.style.height = "32px";
+    t.className = w(se, "group/add", "items-start", "cursor-row-resize"), t.setAttribute(Zo, ""), t.setAttribute("contenteditable", "false"), t.style.opacity = "0", t.style.pointerEvents = "none", t.style.position = "absolute", t.style.left = "0", t.style.bottom = "-36px", t.style.zIndex = "1", t.style.height = "32px";
     const e = document.createElement("div");
-    return e.className = w(se), e.style.width = "100%", e.style.height = "16px", this.appendIcon(e), t.appendChild(e), $t(t, Ft([
+    return e.className = w(ie), e.style.width = "100%", e.style.height = "16px", this.appendIcon(e), t.appendChild(e), qt(t, zt([
       this.i18n.t("tools.table.clickToAddRow"),
       this.i18n.t("tools.table.dragToAddRemoveRows")
     ]), { placement: "bottom", marginTop: -16 }), t;
   }
   createAddColumnButton() {
     const t = document.createElement("div");
-    t.className = w(oe, "group/add", "justify-start", "cursor-col-resize"), t.setAttribute(Jo, ""), t.setAttribute("contenteditable", "false"), t.style.opacity = "0", t.style.pointerEvents = "none", t.style.position = "absolute", t.style.right = "-36px", t.style.top = "0px", t.style.bottom = "0px", t.style.width = "32px";
+    t.className = w(se, "group/add", "justify-start", "cursor-col-resize"), t.setAttribute(Jo, ""), t.setAttribute("contenteditable", "false"), t.style.opacity = "0", t.style.pointerEvents = "none", t.style.position = "absolute", t.style.right = "-36px", t.style.top = "0px", t.style.bottom = "0px", t.style.width = "32px";
     const e = document.createElement("div");
-    return e.className = w(se), e.style.width = "16px", e.style.height = "100%", this.appendIcon(e), t.appendChild(e), $t(t, Ft([
+    return e.className = w(ie), e.style.width = "16px", e.style.height = "100%", this.appendIcon(e), t.appendChild(e), qt(t, zt([
       this.i18n.t("tools.table.clickToAddColumn"),
       this.i18n.t("tools.table.dragToAddRemoveColumns")
     ]), { placement: "bottom" }), t;
   }
   appendIcon(t) {
-    t.insertAdjacentHTML("beforeend", gn);
+    t.insertAdjacentHTML("beforeend", Cn);
     const e = t.querySelector("svg");
-    e && (e.setAttribute("width", ie), e.setAttribute("height", ie), e.setAttribute("viewBox", "0 0 24 24"), e.classList.add("text-gray-500", "pointer-events-none"));
+    e && (e.setAttribute("width", re), e.setAttribute("height", re), e.setAttribute("viewBox", "0 0 24 24"), e.classList.add("text-gray-500", "pointer-events-none"));
   }
 }
 const y = "data-blok-table-row", b = "data-blok-table-cell", q = 1, pt = `${q}px solid #d1d5db`, es = [
@@ -2254,19 +2291,19 @@ class ss {
     const e = document.createElement("div");
     e.className = w(ns), e.style.borderRight = pt, e.style.borderBottom = pt, e.style.flexShrink = "0", e.style.overflow = "hidden", e.style.overflowWrap = "break-word", t !== void 0 && (e.style.width = typeof t == "string" ? t : `${t}%`), e.setAttribute(b, "");
     const n = document.createElement("div");
-    return n.setAttribute(D, ""), e.appendChild(n), e;
+    return n.setAttribute(H, ""), e.appendChild(n), e;
   }
 }
-const Z = (r) => typeof r == "object" && r !== null && "blocks" in r, D = "data-blok-table-cell-blocks";
+const Z = (r) => typeof r == "object" && r !== null && "blocks" in r, H = "data-blok-table-cell-blocks";
 class is {
   constructor(t) {
     var e;
-    this._activeCellWithBlocks = null, this.cellsPendingCheck = /* @__PURE__ */ new Set(), this.pendingCheckScheduled = !1, this.removedBlockCells = /* @__PURE__ */ new Map(), this.deferredEvents = [], this.handleBlockMutation = (n) => {
+    this._activeCellWithBlocks = null, this.cellsPendingCheck = /* @__PURE__ */ new Set(), this.pendingCheckScheduled = !1, this.removedBlockCells = /* @__PURE__ */ new Map(), this.deferredEvents = [], this.isExitingTable = !1, this.handleBlockMutation = (n) => {
       if (this.isStructuralOpActive()) {
         this.deferredEvents.push(n);
         return;
       }
-      if (!this.isBlockMutationEvent(n))
+      if (this.isExitingTable || !this.isBlockMutationEvent(n))
         return;
       const { type: o, detail: s } = n.event;
       if (o === "block-removed") {
@@ -2283,7 +2320,7 @@ class is {
         this.claimBlockForCell(l.cell, s.target.id), this.syncBlockToModel(l.cell, s.target.id), this.cellsPendingCheck.delete(l.cell);
         return;
       }
-      const a = s.target.holder, c = a.closest(`[${D}]`);
+      const a = s.target.holder, c = a.closest(`[${H}]`);
       c && this.stripPlaceholders(c);
       const d = c && !this.model.findCellForBlock(s.target.id) ? c.closest(`[${b}]`) : null;
       if (d && this.syncBlockToModel(d, s.target.id), c)
@@ -2302,13 +2339,13 @@ class is {
       const o = n.target;
       if (!o)
         return;
-      const s = o.hasAttribute(b), i = o.hasAttribute(D);
+      const s = o.hasAttribute(b), i = o.hasAttribute(H);
       if (!s && !i)
         return;
       const l = s ? o : o.closest(`[${b}]`);
       if (!l)
         return;
-      const a = s ? l.querySelector(`[${D}]`) : o;
+      const a = s ? l.querySelector(`[${H}]`) : o;
       if (!a)
         return;
       const c = a.querySelectorAll("[data-blok-id]"), d = c[c.length - 1];
@@ -2350,6 +2387,7 @@ class is {
       t.preventDefault(), this.handleShiftTabNavigation(e);
       return;
     }
+    t.key === "ArrowDown" && e.row === this.getRowCount() - 1 && (t.preventDefault(), this.exitTableForward());
   }
   /**
    * Handle Tab navigation to next cell
@@ -2361,7 +2399,11 @@ class is {
       return;
     }
     const o = t.row + 1;
-    o < this.getRowCount() && this.navigateToCell({ row: o, col: 0 });
+    if (o < this.getRowCount()) {
+      this.navigateToCell({ row: o, col: 0 });
+      return;
+    }
+    this.exitTableForward();
   }
   /**
    * Handle Shift+Tab navigation to previous cell
@@ -2373,7 +2415,57 @@ class is {
       return;
     }
     const n = t.row - 1;
-    n >= 0 && this.navigateToCell({ row: n, col: this.getColumnCount() - 1 }, !0);
+    if (n >= 0) {
+      this.navigateToCell({ row: n, col: this.getColumnCount() - 1 }, !0);
+      return;
+    }
+    this.exitTableBackward();
+  }
+  /**
+   * Exit the table by focusing the first block after it, or creating one if none exists.
+   */
+  exitTableForward() {
+    const t = this.api.blocks.getBlockIndex(this.tableBlockId);
+    if (t === void 0)
+      return;
+    const e = this.findFirstBlockAfterTable(t);
+    if (e !== null) {
+      this.api.caret.setToBlock(e.id, "start");
+      return;
+    }
+    this.isExitingTable = !0;
+    try {
+      const n = this.api.blocks.getBlocksCount(), o = this.api.blocks.insert(void 0, {}, {}, n, !0);
+      this.api.caret.setToBlock(o.id, "start");
+    } finally {
+      this.isExitingTable = !1;
+    }
+  }
+  /**
+   * Exit the table backward by focusing the block before the table.
+   * If no block exists before the table, do nothing.
+   */
+  exitTableBackward() {
+    const t = this.api.blocks.getBlockIndex(this.tableBlockId);
+    if (t === void 0 || t === 0)
+      return;
+    const e = this.api.blocks.getBlockByIndex(t - 1);
+    e && this.api.caret.setToBlock(e.id, "end");
+  }
+  /**
+   * Scan the flat block array starting after the table block, skipping all blocks
+   * whose holder is inside the table grid, and return the first non-child block.
+   * Returns null if no such block exists.
+   */
+  findFirstBlockAfterTable(t) {
+    var o;
+    const e = this.api.blocks.getBlocksCount();
+    return (o = Array.from(
+      { length: e - t - 1 },
+      (s, i) => this.api.blocks.getBlockByIndex(t + 1 + i)
+    ).find(
+      (s) => s != null && !this.gridElement.contains(s.holder)
+    )) != null ? o : null;
   }
   /**
    * Navigate to a different cell, focusing the appropriate contenteditable element
@@ -2386,7 +2478,7 @@ class is {
     const n = this.getCell(t.row, t.col);
     if (!n)
       return;
-    const o = n.querySelector(`[${D}]`);
+    const o = n.querySelector(`[${H}]`);
     if (!o)
       return;
     const s = o.querySelectorAll('[contenteditable="true"]');
@@ -2434,7 +2526,7 @@ class is {
         const h = l[d];
         if (!h)
           return;
-        const u = h.querySelector(`[${D}]`);
+        const u = h.querySelector(`[${H}]`);
         if (!u)
           return;
         const p = Z(c) && c.blocks.length > 0 ? [...c.blocks] : null, g = p ? this.mountBlocksInCell(u, p) : [], f = {};
@@ -2484,7 +2576,7 @@ class is {
    * Move a block's DOM holder into a cell's blocks container.
    */
   claimBlockForCell(t, e) {
-    const n = t.querySelector(`[${D}]`);
+    const n = t.querySelector(`[${H}]`);
     if (!n)
       return;
     const o = this.api.blocks.getBlockIndex(e);
@@ -2516,7 +2608,7 @@ class is {
    * If the blocks container is empty, insert an empty paragraph.
    */
   ensureCellHasBlock(t) {
-    const e = t.querySelector(`[${D}]`);
+    const e = t.querySelector(`[${H}]`);
     if (!e || e.querySelector("[data-blok-id]") !== null)
       return;
     const o = this.api.blocks.insert("paragraph", { text: "" }, {}, this.api.blocks.getBlocksCount(), !0);
@@ -2657,7 +2749,7 @@ class is {
   getBlockIdsFromCells(t) {
     const e = [];
     return Array.from(t).forEach((o) => {
-      const s = o.querySelector(`[${D}]`);
+      const s = o.querySelector(`[${H}]`);
       s && s.querySelectorAll("[data-blok-id]").forEach((i) => {
         const l = i.getAttribute("data-blok-id");
         l && e.push(l);
@@ -2707,7 +2799,7 @@ class is {
 function rs(r, t) {
   if (r === t)
     return !0;
-  const e = qt(r), n = qt(t);
+  const e = Vt(r), n = Vt(t);
   return e === null || n === null ? !1 : e[0] === n[0] && e[1] === n[1] && e[2] === n[2];
 }
 const ls = "flex-1 py-1.5 text-xs text-center rounded-md cursor-pointer border-none transition-colors", as = "#f7f7f5";
@@ -2735,7 +2827,7 @@ function $e(r) {
   const u = () => {
     h.innerHTML = "";
     const f = e[i.modeIndex];
-    for (const m of fn) {
+    for (const m of bn) {
       const C = document.createElement("button"), v = f.presetField === "text" ? m.text : m.bg, k = i.activeColor !== null && rs(v, i.activeColor);
       C.setAttribute("data-blok-testid", `${n}-swatch-${m.name}`), C.className = w(
         "w-8 h-8 rounded-md cursor-pointer border-none",
@@ -2809,11 +2901,11 @@ const cs = (r) => ({ element: $e({
   t === "col" ? Object.assign(r.style, { height: `${j}px` }) : Object.assign(r.style, { width: `${j}px` }), r.classList.add("bg-gray-200"), r.classList.remove("bg-gray-300");
   const e = r.querySelector("svg");
   e && (e.classList.remove("opacity-0"), e.classList.add("opacity-100"));
-}, Et = (r, t, e) => {
+}, xt = (r, t, e) => {
   t === "col" ? Object.assign(r.style, { height: `${e}px` }) : Object.assign(r.style, { width: `${e}px` }), r.classList.remove("bg-gray-200"), r.classList.add("bg-gray-300");
   const n = r.querySelector("svg");
   n && (n.classList.add("opacity-0"), n.classList.remove("opacity-100"));
-}, At = "data-blok-table-cell-selected", ps = "2px solid #3b82f6", xt = "data-blok-table-selection-pill", gs = 16, fs = 20, re = 4, ms = [
+}, Tt = "data-blok-table-cell-selected", ps = "2px solid #3b82f6", Rt = "data-blok-table-selection-pill", gs = 16, fs = 20, le = 4, ms = [
   "absolute",
   "z-3",
   "rounded-sm",
@@ -2880,7 +2972,7 @@ class bs {
     if (Cs(this.grid) || t.button !== 0)
       return;
     const e = t.target;
-    if (e.closest("[data-blok-table-grip]") || e.closest("[data-blok-table-resize]") || e.closest(`[${xt}]`))
+    if (e.closest("[data-blok-table-grip]") || e.closest("[data-blok-table-resize]") || e.closest(`[${Rt}]`))
       return;
     const n = this.resolveCellCoord(e);
     if (!n)
@@ -2922,7 +3014,7 @@ class bs {
   }
   handleClearSelection(t) {
     const e = t.target;
-    e instanceof HTMLElement && e.closest(`[${xt}]`) || e instanceof HTMLElement && e.closest("[data-blok-popover-opened]") !== null || (this.pillPopover !== null && this.destroyPillPopover(), document.removeEventListener("pointerdown", this.boundClearSelection), this.clearSelection());
+    e instanceof HTMLElement && e.closest(`[${Rt}]`) || e instanceof HTMLElement && e.closest("[data-blok-popover-opened]") !== null || (this.pillPopover !== null && this.destroyPillPopover(), document.removeEventListener("pointerdown", this.boundClearSelection), this.clearSelection());
   }
   handleKeyDown(t) {
     var e;
@@ -2943,7 +3035,7 @@ class bs {
   }
   restoreModifiedCells() {
     this.destroyPillPopover(), this.disconnectResizeObserver(), this.selectedCells.forEach((t) => {
-      t.removeAttribute(At);
+      t.removeAttribute(Tt);
     }), this.pill && (this.pill.remove(), this.pill = null), this.overlay && (this.overlay.remove(), this.overlay = null), this.selectedCells = [];
   }
   showProgrammaticSelection(t, e, n, o) {
@@ -2955,13 +3047,13 @@ class bs {
     if (!this.anchorCell || !this.extentCell)
       return;
     this.selectedCells.forEach((x) => {
-      x.removeAttribute(At);
+      x.removeAttribute(Tt);
     }), this.selectedCells = [];
     const t = Math.min(this.anchorCell.row, this.extentCell.row), e = Math.max(this.anchorCell.row, this.extentCell.row), n = Math.min(this.anchorCell.col, this.extentCell.col), o = Math.max(this.anchorCell.col, this.extentCell.col);
     this.lastPaintedRange = { minRow: t, maxRow: e, minCol: n, maxCol: o };
     const s = this.grid.querySelectorAll(`[${y}]`);
     this.selectedCells = this.collectCellsInRange(s, t, e, n, o), this.selectedCells.forEach((x) => {
-      x.setAttribute(At, "");
+      x.setAttribute(Tt, "");
     });
     const i = (v = s[t]) == null ? void 0 : v.querySelectorAll(`[${b}]`)[n], l = (k = s[e]) == null ? void 0 : k.querySelectorAll(`[${b}]`)[o];
     if (!i || !l)
@@ -3002,7 +3094,7 @@ class bs {
   }
   createPill() {
     const t = document.createElement("div");
-    t.setAttribute(xt, ""), t.setAttribute("contenteditable", "false"), t.className = w(ms), t.style.width = `${re}px`, t.style.height = `${fs}px`, t.style.pointerEvents = "auto", t.style.transform = "translate(-50%, -50%)", t.style.outline = "2px solid white";
+    t.setAttribute(Rt, ""), t.setAttribute("contenteditable", "false"), t.className = w(ms), t.style.width = `${le}px`, t.style.height = `${fs}px`, t.style.pointerEvents = "auto", t.style.transform = "translate(-50%, -50%)", t.style.outline = "2px solid white";
     const e = Fe("vertical");
     return e.classList.remove("text-gray-400"), e.classList.add("text-white"), t.appendChild(e), t.addEventListener("mouseenter", () => {
       this.pillPopover === null && this.expandPill();
@@ -3016,7 +3108,7 @@ class bs {
     if (this.destroyPillPopover(), !this.pill)
       return;
     this.expandPill();
-    const t = bn === "Meta" ? "⌘C" : "Ctrl+C", e = [];
+    const t = Sn === "Meta" ? "⌘C" : "Ctrl+C", e = [];
     if (this.onColorChange !== void 0) {
       const { element: o } = cs({
         i18n: this.i18n,
@@ -3026,7 +3118,7 @@ class bs {
         }
       });
       e.push({
-        icon: Ae,
+        icon: Te,
         title: this.i18n.t("tools.table.cellColor"),
         name: "cellColor",
         children: {
@@ -3042,7 +3134,7 @@ class bs {
     const n = [
       ...e,
       {
-        icon: mn,
+        icon: yn,
         title: this.i18n.t("tools.table.copySelection"),
         secondaryLabel: t,
         closeOnActivate: !0,
@@ -3052,7 +3144,7 @@ class bs {
         }
       },
       {
-        icon: Cn,
+        icon: vn,
         title: this.i18n.t("tools.table.clearSelection"),
         secondaryLabel: "Del",
         closeOnActivate: !0,
@@ -3062,11 +3154,11 @@ class bs {
         }
       }
     ];
-    this.pillPopover = new xe({
+    this.pillPopover = new Re({
       items: n,
       trigger: this.pill,
       flippable: !0
-    }), this.pillPopover.on(Te.Closed, () => {
+    }), this.pillPopover.on(Be.Closed, () => {
       this.pillPopover !== null && (this.destroyPillPopover(), this.collapsePill());
     }), this.pillPopover.show();
   }
@@ -3080,7 +3172,7 @@ class bs {
   collapsePill() {
     if (!this.pill)
       return;
-    this.pill.style.width = `${re}px`;
+    this.pill.style.width = `${le}px`;
     const t = this.pill.querySelector("svg");
     t && (t.classList.add("opacity-0"), t.classList.remove("opacity-100"));
   }
@@ -3135,7 +3227,7 @@ const Y = (r) => {
   return Array.from(e).map(
     (n) => n.getBoundingClientRect().width
   );
-}, vt = (r, t) => {
+}, St = (r, t) => {
   const e = t.reduce((s, i) => s + i, 0), n = r;
   n.style.width = `${e + q}px`, r.querySelectorAll(`[${y}]`).forEach((s) => {
     s.querySelectorAll(`[${b}]`).forEach((l, a) => {
@@ -3145,7 +3237,7 @@ const Y = (r) => {
       }
     });
   });
-}, Dt = (r, t) => {
+}, Pt = (r, t) => {
   const e = Array.from(r.querySelectorAll(`[${y}]`)), n = e.findIndex((i) => Array.from(i.querySelectorAll(`[${b}]`)).includes(t));
   if (n === -1)
     return null;
@@ -3153,7 +3245,7 @@ const Y = (r) => {
   return { row: n, col: s };
 }, qe = (r) => {
   var e;
-  const t = r.querySelector(`[${D}]`);
+  const t = r.querySelector(`[${H}]`);
   return t ? ((e = t.textContent) != null ? e : "").trim().length === 0 : !0;
 }, ys = (r, t) => {
   const n = r.querySelectorAll(`[${y}]`)[t];
@@ -3216,7 +3308,7 @@ const Y = (r) => {
     const l = i.querySelectorAll(`[${b}]`);
     e < l.length && o.push(l[e]);
   }), (s = t == null ? void 0 : t.getBlockIdsFromCells(o)) != null ? s : [];
-}, _ = (r, t) => {
+}, M = (r, t) => {
   r.querySelectorAll(`[${b}]`).forEach((n) => {
     t == null || t.ensureCellHasBlock(n);
   });
@@ -3232,7 +3324,7 @@ const Y = (r) => {
       const h = a[d];
       if (!h)
         return;
-      const u = h.querySelector(`[${D}]`);
+      const u = h.querySelector(`[${H}]`);
       if (!u)
         return;
       const p = u.querySelectorAll("[data-blok-id]").length > 0;
@@ -3257,7 +3349,7 @@ const Y = (r) => {
       }
     });
   });
-}, le = (r, t) => {
+}, ae = (r, t) => {
   var l, a, c, d, h, u, p, g, f, m;
   if (!(typeof r == "object" && r !== null && "content" in r))
     return {
@@ -3280,10 +3372,10 @@ const Y = (r) => {
     const o = e.target.closest(`[${b}]`);
     if (!o)
       return;
-    const s = Dt(r, o);
+    const s = Pt(r, o);
     s && (t == null || t.handleKeyDown(e, s));
   });
-}, ze = ["overflow-x-auto", "overflow-y-hidden"], ae = (r) => {
+}, ze = ["overflow-x-auto", "overflow-y-hidden"], ce = (r) => {
   r == null || r.classList.add(...ze);
 }, it = (r, t) => {
   if (!r)
@@ -3644,8 +3736,8 @@ class Ls {
     return e;
   }
 }
-const ce = "data-blok-table-resize", Is = "data-blok-table-cell", Ds = "data-blok-table-row", Ps = 50, Tt = 16;
-class Hs {
+const de = "data-blok-table-resize", Is = "data-blok-table-cell", Ds = "data-blok-table-row", Hs = 50, Bt = 16;
+class Ps {
   constructor(t, e, n, o, s, i = !1) {
     this._enabled = !0, this.isDragging = !1, this.dragStartX = 0, this.dragColIndex = -1, this.startColWidth = 0, this.dragRowCells = null, this.handles = [], this.gridEl = t, this.colWidths = [...e], this.onChange = n, this.onDragStart = o != null ? o : null, this.onDrag = s != null ? s : null, this.needsInitialApply = i, this.boundPointerDown = this.onPointerDown.bind(this), this.boundPointerMove = this.onPointerMove.bind(this), this.boundPointerUp = this.onPointerUp.bind(this), this.gridEl.style.position = "relative", i || this.applyWidths(), this.createHandles(), this.gridEl.addEventListener("pointerdown", this.boundPointerDown);
   }
@@ -3672,7 +3764,7 @@ class Hs {
   }
   createHandle(t) {
     const e = document.createElement("div"), n = this.getHandleLeftPx(t);
-    return e.setAttribute(ce, ""), e.setAttribute("data-col", String(t)), e.style.position = "absolute", e.style.top = `-${q}px`, e.style.bottom = "0px", e.style.width = `${Tt}px`, e.style.left = `${n - Tt / 2}px`, e.style.cursor = "col-resize", e.style.zIndex = "2", e.style.background = "linear-gradient(to right, transparent 7px, #3b82f6 7px, #3b82f6 9px, transparent 9px)", e.style.opacity = "0", e.style.transition = "opacity 150ms ease", e.setAttribute("contenteditable", "false"), e.addEventListener("mouseenter", () => {
+    return e.setAttribute(de, ""), e.setAttribute("data-col", String(t)), e.style.position = "absolute", e.style.top = `-${q}px`, e.style.bottom = "0px", e.style.width = `${Bt}px`, e.style.left = `${n - Bt / 2}px`, e.style.cursor = "col-resize", e.style.zIndex = "2", e.style.background = "linear-gradient(to right, transparent 7px, #3b82f6 7px, #3b82f6 9px, transparent 9px)", e.style.opacity = "0", e.style.transition = "opacity 150ms ease", e.setAttribute("contenteditable", "false"), e.addEventListener("mouseenter", () => {
       this.isDragging || (e.style.opacity = "1");
     }), e.addEventListener("mouseleave", () => {
       this.isDragging || (e.style.opacity = "0");
@@ -3684,7 +3776,7 @@ class Hs {
   updateHandlePositions() {
     this.handles.forEach((t, e) => {
       const n = this.getHandleLeftPx(e), o = t;
-      o.style.left = `${n - Tt / 2}px`;
+      o.style.left = `${n - Bt / 2}px`;
     });
   }
   onPointerDown(t) {
@@ -3692,7 +3784,7 @@ class Hs {
     if (!this._enabled)
       return;
     const e = t.target;
-    if (!e.hasAttribute(ce))
+    if (!e.hasAttribute(de))
       return;
     t.preventDefault(), this.needsInitialApply && (this.applyWidths(), this.updateHandlePositions(), this.needsInitialApply = !1);
     const n = e.getAttribute("data-col");
@@ -3702,7 +3794,7 @@ class Hs {
     var s, i;
     if (!this.isDragging)
       return;
-    const e = t.clientX - this.dragStartX, n = this.startColWidth + e, o = Math.max(Ps, n);
+    const e = t.clientX - this.dragStartX, n = this.startColWidth + e, o = Math.max(Hs, n);
     this.colWidths[this.dragColIndex] = o, this.applyWidths((s = this.dragRowCells) != null ? s : void 0), this.updateHandlePositions(), (i = this.onDrag) == null || i.call(this);
   }
   onPointerUp() {
@@ -3725,15 +3817,15 @@ class Hs {
     });
   }
 }
-const de = (r, t, e) => (e.grid.addRow(r, t), _(r, e.cellBlocks), {
+const he = (r, t, e) => (e.grid.addRow(r, t), M(r, e.cellBlocks), {
   pendingHighlight: { type: "row", index: t },
   moveSelection: null,
   colWidths: e.data.colWidths,
   withHeadings: e.data.withHeadings,
   withHeadingColumn: e.data.withHeadingColumn
-}), he = (r, t, e) => {
+}), ue = (r, t, e) => {
   const n = Es(r, t, e.data.colWidths, e.data.initialColWidth, e.grid);
-  return _(r, e.cellBlocks), {
+  return M(r, e.cellBlocks), {
     pendingHighlight: { type: "col", index: t },
     moveSelection: null,
     colWidths: n,
@@ -3767,7 +3859,7 @@ const de = (r, t, e) => (e.grid.addRow(r, t), _(r, e.cellBlocks), {
   var i, l;
   (l = e.cellBlocks) == null || l.deleteBlocks((i = e.blocksToDelete) != null ? i : []), e.grid.deleteColumn(r, t);
   const n = ks(e.data.colWidths, t);
-  n ? vt(r, n) : Ss(r);
+  n ? St(r, n) : Ss(r);
   const o = e.grid.getColumnCount(r);
   return {
     pendingHighlight: { type: "col", index: t < o ? t : t - 1 },
@@ -3779,13 +3871,13 @@ const de = (r, t, e) => (e.grid.addRow(r, t), _(r, e.cellBlocks), {
 }, Gs = (r, t, e) => {
   switch (t.type) {
     case "insert-row-above":
-      return de(r, t.index, e);
+      return he(r, t.index, e);
     case "insert-row-below":
-      return de(r, t.index + 1, e);
+      return he(r, t.index + 1, e);
     case "insert-col-left":
-      return he(r, t.index, e);
+      return ue(r, t.index, e);
     case "insert-col-right":
-      return he(r, t.index + 1, e);
+      return ue(r, t.index + 1, e);
     case "move-row":
       return Os(r, t.fromIndex, t.toIndex, e);
     case "move-col":
@@ -3811,7 +3903,7 @@ const de = (r, t, e) => (e.grid.addRow(r, t), _(r, e.cellBlocks), {
         withHeadingColumn: !e.data.withHeadingColumn
       };
   }
-}, ue = 10, Ws = "data-blok-table-drag-ghost", Pt = (r) => {
+}, pe = 10, Ws = "data-blok-table-drag-ghost", Ot = (r) => {
   const t = r.querySelector(`[${y}]`);
   return t ? Array.from(t.querySelectorAll(`[${b}]`)).reduce(
     (n, o) => {
@@ -3845,7 +3937,7 @@ class $s {
   }
   handleDocPointerMove(t) {
     const e = Math.abs(t.clientX - this.dragStartX), n = Math.abs(t.clientY - this.dragStartY);
-    !this.isDragging && (e > ue || n > ue) && (this.isDragging = !0, this.startDrag()), this.isDragging && (this.updateDragIndicator(t), this.updateGhostPosition(t));
+    !this.isDragging && (e > pe || n > pe) && (this.isDragging = !0, this.startDrag()), this.isDragging && (this.updateDragIndicator(t), this.updateGhostPosition(t));
   }
   handleDocPointerUp(t) {
     var e, n;
@@ -3920,7 +4012,7 @@ class $s {
     var i;
     if (!this.dropIndicator)
       return;
-    const n = t.clientX - e.left, o = this.getColDropIndex(n), s = Pt(this.grid);
+    const n = t.clientX - e.left, o = this.getColDropIndex(n), s = Ot(this.grid);
     this.dropIndicator.style.left = `${((i = s[o]) != null ? i : 0) - 1.5}px`;
   }
   finishDrag(t) {
@@ -4015,7 +4107,7 @@ class $s {
     return 0;
   }
   getColDropIndex(t) {
-    const n = Pt(this.grid).map((s) => Math.abs(t - s)), o = Math.min(...n);
+    const n = Ot(this.grid).map((s) => Math.abs(t - s)), o = Math.min(...n);
     return n.indexOf(o);
   }
 }
@@ -4086,7 +4178,7 @@ const Fs = [
     {
       type: F.Html,
       element: Ve({
-        icon: kn,
+        icon: xn,
         label: t.i18n.t("tools.table.headerColumn"),
         isActive: t.isHeadingColumn(),
         onToggle: () => {
@@ -4097,7 +4189,7 @@ const Fs = [
     { type: F.Separator }
   ] : [], n = [
     {
-      icon: yn,
+      icon: wn,
       title: t.i18n.t("tools.table.insertColumnLeft"),
       closeOnActivate: !0,
       onActivate: () => {
@@ -4105,7 +4197,7 @@ const Fs = [
       }
     },
     {
-      icon: vn,
+      icon: kn,
       title: t.i18n.t("tools.table.insertColumnRight"),
       closeOnActivate: !0,
       onActivate: () => {
@@ -4115,7 +4207,7 @@ const Fs = [
   ], o = t.getColumnCount() > 1, s = [
     { type: F.Separator },
     {
-      icon: Re,
+      icon: Le,
       title: t.i18n.t("tools.table.deleteColumn"),
       isDestructive: !0,
       isDisabled: !o,
@@ -4131,7 +4223,7 @@ const Fs = [
     {
       type: F.Html,
       element: Ve({
-        icon: En,
+        icon: Tn,
         label: t.i18n.t("tools.table.headerRow"),
         isActive: t.isHeadingRow(),
         onToggle: () => {
@@ -4142,7 +4234,7 @@ const Fs = [
     { type: F.Separator }
   ] : [], n = [
     {
-      icon: Sn,
+      icon: En,
       title: t.i18n.t("tools.table.insertRowAbove"),
       closeOnActivate: !0,
       onActivate: () => {
@@ -4150,7 +4242,7 @@ const Fs = [
       }
     },
     {
-      icon: wn,
+      icon: An,
       title: t.i18n.t("tools.table.insertRowBelow"),
       closeOnActivate: !0,
       onActivate: () => {
@@ -4160,7 +4252,7 @@ const Fs = [
   ], o = t.getRowCount() > 1, s = [
     { type: F.Separator },
     {
-      icon: Re,
+      icon: Le,
       title: t.i18n.t("tools.table.deleteRow"),
       isDestructive: !0,
       isDisabled: !o,
@@ -4176,16 +4268,16 @@ const Fs = [
   const s = r === "col" ? e.col[t] : e.row[t];
   if (!s)
     return { popover: null, grip: null };
-  const i = r === "col" ? Us(t, n) : js(t, n), l = new xe({
+  const i = r === "col" ? Us(t, n) : js(t, n), l = new Re({
     items: i,
     trigger: s,
     flippable: !0
   });
-  return l.on(Te.Closed, () => {
+  return l.on(Be.Closed, () => {
     var a;
     o.destroyPopover(), o.applyVisibleClasses(s), o.scheduleHideAll(), (a = o.onGripPopoverClose) == null || a.call(o);
   }), o.hideAllGripsExcept(s), o.applyActiveClasses(s), r === "col" ? s.style.height = `${j}px` : s.style.width = `${j}px`, { popover: l, grip: s };
-}, pe = "data-blok-table-grip", ft = "data-blok-table-grip-col", ge = "data-blok-table-grip-row", Xs = 150, Zs = 24, mt = 4, Ct = 4, Js = 20, bt = [
+}, ge = "data-blok-table-grip", ft = "data-blok-table-grip-col", fe = "data-blok-table-grip-row", Xs = 150, Zs = 24, mt = 4, Ct = 4, Js = 20, bt = [
   "absolute",
   "z-3",
   "rounded-sm",
@@ -4198,7 +4290,7 @@ const Fs = [
   "items-center",
   "justify-center",
   "overflow-hidden"
-], fe = [
+], me = [
   "bg-gray-300",
   "opacity-0",
   "pointer-events-none"
@@ -4295,12 +4387,12 @@ class ei {
   }
   createGripElement(t, e) {
     const n = document.createElement("div");
-    n.className = w(bt, fe), n.setAttribute(pe, ""), n.setAttribute(t === "col" ? ft : ge, String(e)), n.setAttribute("contenteditable", "false");
+    n.className = w(bt, me), n.setAttribute(ge, ""), n.setAttribute(t === "col" ? ft : fe, String(e)), n.setAttribute("contenteditable", "false");
     const o = t === "col" ? Zs : Ct, s = t === "col" ? mt : Js, i = t === "col" ? mt : Ct;
     return n.style.width = `${o}px`, n.style.height = `${s}px`, n.style.transform = "translate(-50%, -50%)", n.style.outline = "2px solid white", n.appendChild(Fe(t === "col" ? "horizontal" : "vertical")), n.addEventListener("pointerdown", this.boundPointerDown), n.addEventListener("mouseenter", () => {
       this.overlay && this.clearHideTimeout(), this.isGripInteractionLocked() || us(n, t);
     }), n.addEventListener("mouseleave", () => {
-      this.isGripInteractionLocked() || (Et(n, t, i), this.overlay && this.scheduleHideAll());
+      this.isGripInteractionLocked() || (xt(n, t, i), this.overlay && this.scheduleHideAll());
     }), n;
   }
   /**
@@ -4311,7 +4403,7 @@ class ei {
     const t = this.grid.querySelectorAll(`[${y}]`);
     if (!t[0])
       return;
-    const n = Pt(this.grid), o = this.overlay && this.scrollContainer ? this.scrollContainer.scrollLeft : 0, s = this.overlay && this.scrollContainer ? this.scrollContainer.clientWidth : 1 / 0;
+    const n = Ot(this.grid), o = this.overlay && this.scrollContainer ? this.scrollContainer.scrollLeft : 0, s = this.overlay && this.scrollContainer ? this.scrollContainer.clientWidth : 1 / 0;
     this.colGrips.forEach((i, l) => {
       if (l + 1 >= n.length)
         return;
@@ -4394,7 +4486,7 @@ class ei {
   }
   applyVisibleClasses(t) {
     const e = t, n = e.hasAttribute(ft);
-    Et(e, n ? "col" : "row", n ? mt : Ct), this.isInsideTable && (e.style.transition = "none"), e.className = w(bt, Qs), e.setAttribute("data-blok-table-grip-visible", ""), this.isInsideTable && (e.offsetHeight, e.style.transition = "");
+    xt(e, n ? "col" : "row", n ? mt : Ct), this.isInsideTable && (e.style.transition = "none"), e.className = w(bt, Qs), e.setAttribute("data-blok-table-grip-visible", ""), this.isInsideTable && (e.offsetHeight, e.style.transition = "");
     const i = e.querySelector("svg");
     i && (i.classList.remove("text-white"), i.classList.add("text-gray-400"));
   }
@@ -4410,7 +4502,7 @@ class ei {
   }
   applyIdleClasses(t) {
     const e = t, n = e.hasAttribute(ft), o = n ? "col" : "row", s = 12, i = n ? mt + s : Ct + s;
-    this.isInsideTable && (e.style.transition = "none"), Et(e, o, i), e.className = w(bt, fe), e.removeAttribute("data-blok-table-grip-visible"), this.isInsideTable && (e.offsetHeight, e.style.transition = "");
+    this.isInsideTable && (e.style.transition = "none"), xt(e, o, i), e.className = w(bt, me), e.removeAttribute("data-blok-table-grip-visible"), this.isInsideTable && (e.offsetHeight, e.style.transition = "");
   }
   handleDragStateChange(t, e) {
     [...this.colGrips, ...this.rowGrips].forEach((n) => {
@@ -4428,7 +4520,7 @@ class ei {
   }
   // ── Click / Drag discrimination ──────────────────────────────
   handlePointerDown(t) {
-    const n = t.target.closest(`[${pe}]`);
+    const n = t.target.closest(`[${ge}]`);
     if (!n)
       return;
     t.preventDefault(), t.stopPropagation();
@@ -4441,7 +4533,7 @@ class ei {
     const e = t.getAttribute(ft);
     if (e !== null)
       return { type: "col", index: Number(e) };
-    const n = t.getAttribute(ge);
+    const n = t.getAttribute(fe);
     return n !== null ? { type: "row", index: Number(n) } : null;
   }
   // ── Popover menus ────────────────────────────────────────────
@@ -4477,7 +4569,7 @@ class ei {
     }
   }
 }
-const ni = "data-blok-table-haze", me = "data-blok-table-haze-visible", Rt = 1, oi = [
+const ni = "data-blok-table-haze", Ce = "data-blok-table-haze-visible", Lt = 1, oi = [
   "absolute",
   "top-0",
   "bottom-0",
@@ -4542,10 +4634,10 @@ class ri {
       return;
     }
     const { scrollLeft: o, scrollWidth: s, clientWidth: i } = t, l = s - i;
-    this.setVisible(this.leftHaze, o > Rt), this.setVisible(this.rightHaze, l > Rt && o < l - Rt);
+    this.setVisible(this.leftHaze, o > Lt), this.setVisible(this.rightHaze, l > Lt && o < l - Lt);
   }
   setVisible(t, e) {
-    t && (e ? t.setAttribute(me, "") : t.removeAttribute(me));
+    t && (e ? t.setAttribute(Ce, "") : t.removeAttribute(Ce));
   }
 }
 const li = 3, ai = 3, ci = [
@@ -4558,13 +4650,14 @@ const li = 3, ai = 3, ci = [
   "after:-bottom-10",
   "after:left-0",
   "after:right-0",
-  "after:h-10"
+  "after:h-10",
+  "after:pointer-events-none"
 ];
 class Ai {
   constructor({ data: t, config: e, api: n, readOnly: o, block: s }) {
     this.initialContent = null, this.resize = null, this.addControls = null, this.rowColControls = null, this.cellBlocks = null, this.cellSelection = null, this.scrollHaze = null, this.element = null, this.gridElement = null, this.scrollContainer = null, this.gripOverlay = null, this.pendingHighlight = null, this.isNewTable = !1, this.unregisterRestrictedTools = null, this.setDataGeneration = 0, this.structuralOpDepth = 0, this.api = n, this.readOnly = o, this.config = e != null ? e : {};
-    const i = le(t, this.config);
-    this.initialContent = i.content, this.grid = new ss({ readOnly: o }), this.model = new Ls(i), this.blockId = s == null ? void 0 : s.id, this.config.restrictedTools !== void 0 && (this.unregisterRestrictedTools = An(this.config.restrictedTools));
+    const i = ae(t, this.config);
+    this.initialContent = i.content, this.grid = new ss({ readOnly: o }), this.model = new Ls(i), this.blockId = s == null ? void 0 : s.id, this.config.restrictedTools !== void 0 && (this.unregisterRestrictedTools = Rn(this.config.restrictedTools));
   }
   /**
    * Execute a function within a structural operation lock.
@@ -4620,7 +4713,7 @@ class Ai {
   }
   static get toolbox() {
     return {
-      icon: xn,
+      icon: Bn,
       title: "Table",
       titleKey: "tools.table.title",
       searchTerms: ["table", "grid", "spreadsheet"]
@@ -4668,7 +4761,7 @@ class Ai {
       var g;
       return Math.max(u, (g = p == null ? void 0 : p.length) != null ? g : 0);
     }, 0)) || this.config.cols || ai, o = this.grid.createGrid(e, n, this.model.colWidths);
-    if (((d = (c = this.initialContent) == null ? void 0 : c.length) != null ? d : 0) > 0 && this.grid.fillGrid(o, (h = this.initialContent) != null ? h : []), this.model.colWidths && vt(o, this.model.colWidths), this.gridElement = o, this.model.colWidths || !this.readOnly) {
+    if (((d = (c = this.initialContent) == null ? void 0 : c.length) != null ? d : 0) > 0 && this.grid.fillGrid(o, (h = this.initialContent) != null ? h : []), this.model.colWidths && St(o, this.model.colWidths), this.gridElement = o, this.model.colWidths || !this.readOnly) {
       const u = document.createElement("div");
       u.setAttribute("data-blok-table-scroll", "");
       const p = this.model.colWidths ? ze : [];
@@ -4682,7 +4775,7 @@ class Ai {
     return this.element = t, this.model.withHeadings && it(this.gridElement, this.model.withHeadings), this.model.withHeadingColumn && K(this.gridElement, this.model.withHeadingColumn), this.readOnly || (this.initCellBlocks(o), Bs(o, this.cellBlocks)), t;
   }
   rendered() {
-    var n, o;
+    var n, o, s;
     if (!this.element || this.initialContent === null)
       return;
     const t = this.gridElement;
@@ -4694,22 +4787,19 @@ class Ai {
       return;
     }
     if (this.runTransactedStructuralOp(() => {
-      var l, a;
-      const s = (a = (l = this.cellBlocks) == null ? void 0 : l.initializeCells(e)) != null ? a : e, i = this.isNewTable && s.length === 0 ? Array.from(t.querySelectorAll(`[${y}]`), (c) => {
-        const d = c.querySelectorAll(`[${b}]`).length;
-        return Array.from({ length: d }, () => ({ blocks: [] }));
-      }) : s;
+      var a, c;
+      const i = (c = (a = this.cellBlocks) == null ? void 0 : a.initializeCells(e)) != null ? c : e, l = this.isNewTable && i.length === 0 ? Array.from(t.querySelectorAll(`[${y}]`), (d) => {
+        const h = d.querySelectorAll(`[${b}]`).length;
+        return Array.from({ length: h }, () => ({ blocks: [] }));
+      }) : i;
       this.model.replaceAll(V(T({}, this.model.snapshot()), {
-        content: i
-      })), this.isNewTable && _(t, this.cellBlocks);
+        content: l
+      })), this.isNewTable && M(t, this.cellBlocks);
     }, !0), this.model.initialColWidth === void 0) {
-      const s = (o = this.model.colWidths) != null ? o : Y(t);
-      this.model.setInitialColWidth(s.length > 0 ? As(s) : void 0);
-    }
-    if (this.initSubsystems(t), rt(t, this.model.snapshot().content), this.isNewTable) {
-      const s = t.querySelector('[contenteditable="true"]');
-      s == null || s.focus();
+      const i = (o = this.model.colWidths) != null ? o : Y(t);
+      this.model.setInitialColWidth(i.length > 0 ? As(i) : void 0);
     }
+    this.initSubsystems(t), rt(t, this.model.snapshot().content), this.isNewTable && ((s = this.cellSelection) == null || s.selectRange({ minRow: 0, maxRow: 0, minCol: 0, maxCol: 0 }));
   }
   save(t) {
     return this.model.snapshot();
@@ -4724,7 +4814,7 @@ class Ai {
   setData(t) {
     var c, d, h, u, p;
     this.setDataGeneration++;
-    const e = this.setDataGeneration, n = le(
+    const e = this.setDataGeneration, n = ae(
       T(T({}, this.model.snapshot()), t),
       this.config
     );
@@ -4756,7 +4846,7 @@ class Ai {
             });
             this.model.replaceAll(V(T({}, this.model.snapshot()), {
               content: k
-            })), _(a, this.cellBlocks);
+            })), M(a, this.cellBlocks);
           } else
             this.model.replaceAll(V(T({}, this.model.snapshot()), {
               content: g
@@ -4772,12 +4862,12 @@ class Ai {
     n.forEach((g) => {
       const f = g.querySelectorAll("td, th"), m = [], C = [];
       f.forEach((v) => {
-        var N;
+        var _;
         m.push(v.innerHTML);
-        const k = (N = v.getAttribute("style")) != null ? N : "", x = {}, E = /background-color\s*:\s*([^;]+)/i.exec(k);
-        E != null && E[1] && (x.color = zt(E[1].trim(), "bg"));
+        const k = (_ = v.getAttribute("style")) != null ? _ : "", x = {}, E = /background-color\s*:\s*([^;]+)/i.exec(k);
+        E != null && E[1] && (x.color = Kt(E[1].trim(), "bg"));
         const A = new RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i").exec(k);
-        A != null && A[1] && !Tn(A[1].trim()) && (x.textColor = zt(A[1].trim(), "text")), C.push(x);
+        A != null && A[1] && !Ln(A[1].trim()) && (x.textColor = Kt(A[1].trim(), "text")), C.push(x);
       }), m.length > 0 && (o.push(m), s.push(C));
     });
     const i = e.querySelector("thead") !== null, l = ((u = n[0]) == null ? void 0 : u.querySelector("th")) !== null, a = i || l;
@@ -4846,14 +4936,14 @@ class Ai {
       onAddRow: () => {
         this.runTransactedStructuralOp(() => {
           var o, s;
-          this.grid.addRow(t), this.model.addRow(), _(t, this.cellBlocks), it(this.gridElement, this.model.withHeadings), K(this.gridElement, this.model.withHeadingColumn), this.initResize(t), (o = this.addControls) == null || o.syncRowButtonWidth(), (s = this.rowColControls) == null || s.refresh();
+          this.grid.addRow(t), this.model.addRow(), M(t, this.cellBlocks), it(this.gridElement, this.model.withHeadings), K(this.gridElement, this.model.withHeadingColumn), this.initResize(t), (o = this.addControls) == null || o.syncRowButtonWidth(), (s = this.rowColControls) == null || s.refresh();
         });
       },
       onAddColumn: () => {
         this.runTransactedStructuralOp(() => {
           var i, l, a;
           const o = (i = this.model.colWidths) != null ? i : Y(t), s = this.model.initialColWidth !== void 0 ? Math.round(this.model.initialColWidth / 2 * 100) / 100 : at(o);
-          this.grid.addColumn(t, void 0, o, s), this.model.addColumn(void 0, s), this.model.setColWidths([...o, s]), _(t, this.cellBlocks), K(this.gridElement, this.model.withHeadingColumn), this.initResize(t), (l = this.addControls) == null || l.syncRowButtonWidth(), (a = this.rowColControls) == null || a.refresh(), this.scrollContainer && (this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth);
+          this.grid.addColumn(t, void 0, o, s), this.model.addColumn(void 0, s), this.model.setColWidths([...o, s]), M(t, this.cellBlocks), K(this.gridElement, this.model.withHeadingColumn), this.initResize(t), (l = this.addControls) == null || l.syncRowButtonWidth(), (a = this.rowColControls) == null || a.refresh(), this.scrollContainer && (this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth);
         });
       },
       onDragStart: () => {
@@ -4862,7 +4952,7 @@ class Ai {
       },
       onDragAddRow: () => {
         this.runTransactedStructuralOp(() => {
-          this.grid.addRow(t), this.model.addRow(), _(t, this.cellBlocks), it(this.gridElement, this.model.withHeadings), K(this.gridElement, this.model.withHeadingColumn);
+          this.grid.addRow(t), this.model.addRow(), M(t, this.cellBlocks), it(this.gridElement, this.model.withHeadings), K(this.gridElement, this.model.withHeadingColumn);
         });
       },
       onDragRemoveRow: () => {
@@ -4879,7 +4969,7 @@ class Ai {
         this.runTransactedStructuralOp(() => {
           var l;
           const o = (l = this.model.colWidths) != null ? l : Y(t), s = this.model.initialColWidth !== void 0 ? Math.round(this.model.initialColWidth / 2 * 100) / 100 : at(o), i = [...o, s];
-          this.grid.addColumn(t, void 0, o, s), this.model.addColumn(void 0, s), this.model.setColWidths(i), vt(t, i), _(t, this.cellBlocks), K(this.gridElement, this.model.withHeadingColumn), this.initResize(t), e.addedCols++, this.scrollContainer && (this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth);
+          this.grid.addColumn(t, void 0, o, s), this.model.addColumn(void 0, s), this.model.setColWidths(i), St(t, i), M(t, this.cellBlocks), K(this.gridElement, this.model.withHeadingColumn), this.initResize(t), e.addedCols++, this.scrollContainer && (this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth);
         });
       },
       onDragRemoveCol: () => {
@@ -4891,7 +4981,7 @@ class Ai {
           const { blocksToDelete: s } = this.model.deleteColumn(o - 1);
           (l = this.cellBlocks) == null || l.deleteBlocks(s), this.grid.deleteColumn(t, o - 1);
           const i = this.model.colWidths;
-          i && vt(t, i), this.initResize(t), e.addedCols--;
+          i && St(t, i), this.initResize(t), e.addedCols--;
         });
       },
       onDragEnd: () => {
@@ -4991,12 +5081,12 @@ class Ai {
     var o, s;
     (o = this.resize) == null || o.destroy();
     const e = this.model.colWidths === void 0, n = (s = this.model.colWidths) != null ? s : Y(t);
-    e || ae(this.ensureScrollContainer()), this.resize = new Hs(
+    e || ce(this.ensureScrollContainer()), this.resize = new Ps(
       t,
       n,
       (i) => {
         var l, a, c;
-        this.model.setColWidths(i), ae(this.ensureScrollContainer()), (l = this.rowColControls) == null || l.positionGrips(), (a = this.addControls) == null || a.syncRowButtonWidth(), (c = this.scrollHaze) == null || c.update();
+        this.model.setColWidths(i), ce(this.ensureScrollContainer()), (l = this.rowColControls) == null || l.positionGrips(), (a = this.addControls) == null || a.syncRowButtonWidth(), (c = this.scrollHaze) == null || c.update();
       },
       () => {
         var i;
@@ -5023,14 +5113,14 @@ class Ai {
     const n = this.collectCellBlockData(t);
     if (n.length === 0)
       return;
-    const o = Vt(n);
-    e.setData("text/html", Kt(o)), e.setData("text/plain", Ut(o));
+    const o = Ut(n);
+    e.setData("text/html", jt(o)), e.setData("text/plain", Yt(o));
   }
   handleCellCopyViaButton(t) {
     const e = this.collectCellBlockData(t);
     if (e.length === 0)
       return;
-    const n = Vt(e), o = Kt(n), s = Ut(n), i = new Blob([o], { type: "text/html" }), l = new Blob([s], { type: "text/plain" });
+    const n = Ut(e), o = jt(n), s = Yt(n), i = new Blob([o], { type: "text/html" }), l = new Blob([s], { type: "text/plain" });
     navigator.clipboard.write([
       new ClipboardItem({
         "text/html": i,
@@ -5042,7 +5132,7 @@ class Ai {
     const o = this.gridElement;
     o && this.runTransactedStructuralOp(() => {
       for (const s of t) {
-        const i = Dt(o, s);
+        const i = Pt(o, s);
         i && (n === "backgroundColor" ? (this.model.setCellColor(i.row, i.col, e != null ? e : void 0), s.style.backgroundColor = e != null ? e : "") : (this.model.setCellTextColor(i.row, i.col, e != null ? e : void 0), s.style.color = e != null ? e : ""));
       }
     });
@@ -5057,7 +5147,7 @@ class Ai {
       const s = o.closest(`[${y}]`);
       if (!s)
         return null;
-      const i = n.indexOf(s), a = Array.from(s.querySelectorAll(`[${b}]`)).indexOf(o), c = o.querySelector(`[${D}]`), d = [];
+      const i = n.indexOf(s), a = Array.from(s.querySelectorAll(`[${b}]`)).indexOf(o), c = o.querySelector(`[${H}]`), d = [];
       if (!c)
         return { row: i, col: a, blocks: d };
       c.querySelectorAll("[data-blok-id]").forEach((f) => {
@@ -5115,7 +5205,7 @@ class Ai {
           const l = this.gridElement;
           if (l)
             for (const a of o) {
-              const c = Dt(l, a);
+              const c = Pt(l, a);
               c && (this.model.setCellColor(c.row, c.col, void 0), this.model.setCellTextColor(c.row, c.col, void 0), a.style.backgroundColor = "", a.style.color = "");
             }
         });
@@ -5146,7 +5236,7 @@ class Ai {
   handleGridPaste(t, e) {
     if (this.readOnly || !t.clipboardData || t.defaultPrevented)
       return;
-    const n = t.clipboardData.getData("text/html"), o = Rn(n), s = o === null ? Bn(n) : null, i = o != null ? o : s;
+    const n = t.clipboardData.getData("text/html"), o = In(n), s = o === null ? Dn(n) : null, i = o != null ? o : s;
     if (!i || s !== null && new DOMParser().parseFromString(n, "text/html").querySelectorAll("table").length > 1)
       return;
     const l = document.activeElement;
@@ -5178,8 +5268,8 @@ class Ai {
           if (C) {
             const A = e.cells[p][m];
             this.pasteCellPayload(C, A);
-            const N = (k = (v = this.cellBlocks) == null ? void 0 : v.getBlockIdsFromCells([C])) != null ? k : [];
-            this.model.setCellBlocks(n + p, o + m, N);
+            const _ = (k = (v = this.cellBlocks) == null ? void 0 : v.getBlockIdsFromCells([C])) != null ? k : [];
+            this.model.setCellBlocks(n + p, o + m, _);
             const ut = n + p, st = o + m;
             this.model.setCellColor(ut, st, A.color), C.style.backgroundColor = (x = A.color) != null ? x : "", this.model.setCellTextColor(ut, st, A.textColor), C.style.color = (E = A.textColor) != null ? E : "";
           }
@@ -5198,11 +5288,11 @@ class Ai {
   expandGridForPaste(t, e, n) {
     const o = this.grid.getRowCount(t), s = this.grid.getColumnCount(t);
     Array.from({ length: Math.max(0, e - o) }).forEach(() => {
-      this.grid.addRow(t), this.model.addRow(), _(t, this.cellBlocks), it(this.gridElement, this.model.withHeadings), K(this.gridElement, this.model.withHeadingColumn);
+      this.grid.addRow(t), this.model.addRow(), M(t, this.cellBlocks), it(this.gridElement, this.model.withHeadings), K(this.gridElement, this.model.withHeadingColumn);
     }), Array.from({ length: Math.max(0, n - s) }).forEach(() => {
       var a;
       const i = (a = this.model.colWidths) != null ? a : Y(t), l = this.model.initialColWidth !== void 0 ? Math.round(this.model.initialColWidth / 2 * 100) / 100 : at(i);
-      this.grid.addColumn(t, void 0, i, l), this.model.addColumn(void 0, l), this.model.setColWidths([...i, l]), _(t, this.cellBlocks), K(this.gridElement, this.model.withHeadingColumn);
+      this.grid.addColumn(t, void 0, i, l), this.model.addColumn(void 0, l), this.model.setColWidths([...i, l]), M(t, this.cellBlocks), K(this.gridElement, this.model.withHeadingColumn);
     });
   }
   /**
@@ -5214,7 +5304,7 @@ class Ai {
       const i = this.cellBlocks.getBlockIdsFromCells([t]);
       this.cellBlocks.deleteBlocks(i);
     }
-    const n = t.querySelector(`[${D}]`);
+    const n = t.querySelector(`[${H}]`);
     if (n) {
       if (e.blocks.length === 0) {
         (o = this.cellBlocks) == null || o.ensureCellHasBlock(t);
@@ -5241,7 +5331,7 @@ const hi = (r) => {
 }, ui = (r, t, e) => {
   if (!t) return r;
   const n = e();
-  return { text: n ? Nt(n.innerHTML) : r.text };
+  return { text: n ? Gt(n.innerHTML) : r.text };
 }, pi = (r, t) => {
   const { data: e, getContentElement: n } = r;
   e.text += t.text;
@@ -5257,30 +5347,35 @@ const hi = (r) => {
   const o = T(T({}, r), t);
   return typeof t.text == "string" && (n.innerHTML = t.text), { newData: o, inPlace: !0 };
 }, fi = async (r) => {
-  var u;
-  const { api: t, blockId: e, data: n, getContentElement: o, syncContentFromDOM: s } = r;
+  var p;
+  const { api: t, blockId: e, data: n, getContentElement: o, syncContentFromDOM: s, isOpen: i } = r;
   if (s(), e === void 0)
     return;
-  const i = o(), l = window.getSelection();
-  if (!i || !l || l.rangeCount === 0)
+  const l = o(), a = window.getSelection();
+  if (!l || !a || a.rangeCount === 0)
+    return;
+  const c = a.getRangeAt(0), { beforeContent: d, afterContent: h } = Ci(l, c), u = (p = t.blocks.getBlockIndex(e)) != null ? p : t.blocks.getCurrentBlockIndex();
+  if (i && h === "") {
+    const g = t.blocks.insert("paragraph", { text: "" }, {}, u + 1, !0);
+    t.blocks.setBlockParent(g.id, e);
     return;
-  const a = l.getRangeAt(0), { beforeContent: c, afterContent: d } = Ci(i, a), h = (u = t.blocks.getBlockIndex(e)) != null ? u : t.blocks.getCurrentBlockIndex();
+  }
   t.blocks.splitBlock(
     e,
-    { text: c },
-    _t,
     { text: d },
-    h + 1
-  ), n.text = c;
+    Mt,
+    { text: h },
+    u + 1
+  ), n.text = d;
 }, mi = async (r, t) => {
-  const { api: e, blockId: n, data: o, getContentElement: s } = r;
-  if (n === void 0)
+  const { api: e, blockId: n, data: o, getContentElement: s, syncContentFromDOM: i } = r;
+  if (i(), n === void 0)
     return;
-  const i = s();
-  if (!i || !Ln(i))
+  const l = s();
+  if (!l || !Hn(l))
     return;
-  const l = o.text;
-  l === "" && (t.preventDefault(), await e.blocks.convert(n, "paragraph", { text: l }));
+  const a = o.text;
+  a === "" && (t.preventDefault(), await e.blocks.convert(n, "paragraph", { text: a }));
 }, Ci = (r, t) => {
   if (!r.lastChild)
     return { beforeContent: "", afterContent: "" };
@@ -5308,8 +5403,8 @@ class xi {
   get placeholder() {
     if (this._settings.placeholder)
       return this._settings.placeholder;
-    const t = this.api.i18n.t(Yt);
-    return t !== Yt ? t : "Toggle";
+    const t = this.api.i18n.t(Xt);
+    return t !== Xt ? t : "Toggle";
   }
   render() {
     const t = jn({
@@ -5341,13 +5436,22 @@ class xi {
       t
     );
   }
+  onPaste(t) {
+    const e = t.detail;
+    if (!("data" in e))
+      return;
+    const n = e.data, o = n.querySelector("summary"), s = o !== null ? o.innerHTML : n.innerHTML;
+    this._data = { text: s };
+    const i = this.getContentElement();
+    i !== null && (i.innerHTML = s);
+  }
   setData(t) {
     const e = gi(
       this._data,
       t,
       this.getContentElement.bind(this)
     );
-    return this._data = e.newData, e.inPlace;
+    return this._data = e.newData, this.updateChildrenVisibility(), e.inPlace;
   }
   renderSettings() {
     return [];
@@ -5370,20 +5474,23 @@ class xi {
     return this._contentElement;
   }
   setOpenState(t) {
-    this._isOpen = t, this._arrowElement && this._element && Le(this._arrowElement, this._element, this._isOpen), this.updateChildrenVisibility();
+    this._isOpen = t, this._arrowElement && this._element && vt(this._arrowElement, this._element, this._isOpen), this.updateChildrenVisibility();
   }
   toggleOpen() {
     this.setOpenState(!this._isOpen);
   }
   updateChildrenVisibility() {
-    this.blockId !== void 0 && Ie(this.api, this.blockId, this._isOpen);
+    this.blockId !== void 0 && Ht(this.api, this.blockId, this._isOpen);
   }
   handleKeyDown(t) {
     if (t.key === "Enter" && !t.shiftKey) {
       t.preventDefault(), this.handleEnter();
       return;
     }
-    t.key === "Backspace" && this.handleBackspace(t);
+    if (t.key === "Backspace") {
+      this.handleBackspace(t);
+      return;
+    }
   }
   createKeyboardContext() {
     return {
@@ -5409,16 +5516,14 @@ class xi {
     const t = this.getContentElement();
     t && (this._data.text = t.innerHTML);
   }
-  static get shortcut() {
-    return "CMD+ALT+7";
-  }
   static get toolbox() {
     return {
-      icon: In,
+      icon: Pn,
       title: "Toggle list",
       titleKey: "toggleList",
-      name: _t,
-      searchTerms: ["toggle", "collapse", "expand", "accordion"]
+      name: Mt,
+      searchTerms: ["toggle", "collapse", "expand", "accordion"],
+      shortcut: ">"
     };
   }
   static get conversionConfig() {
@@ -5458,7 +5563,7 @@ class xi {
 const X = (r) => {
   const t = r.tagName;
   return t === "B" || t === "STRONG";
-}, St = (r) => !!(r && r.nodeType === Node.ELEMENT_NODE && X(r)), Ke = (r) => r.textContent.length === 0, G = (r) => r ? r.nodeType === Node.ELEMENT_NODE && X(r) ? z(r) : G(r.parentNode) : null, z = (r) => {
+}, wt = (r) => !!(r && r.nodeType === Node.ELEMENT_NODE && X(r)), Ke = (r) => r.textContent.length === 0, W = (r) => r ? r.nodeType === Node.ELEMENT_NODE && X(r) ? z(r) : W(r.parentNode) : null, z = (r) => {
   if (r.tagName === "STRONG")
     return r;
   const t = document.createElement("strong");
@@ -5484,12 +5589,12 @@ const X = (r) => {
     boundary: o,
     boldElement: t
   } : null;
-}, Ht = (r, t) => r ? r === t || t.contains(r) : !1, R = {
+}, Nt = (r, t) => r ? r === t || t.contains(r) : !1, R = {
   COLLAPSED_LENGTH: "data-blok-bold-collapsed-length",
   COLLAPSED_ACTIVE: "data-blok-bold-collapsed-active",
   PREV_LENGTH: "data-blok-bold-prev-length",
   LEADING_WHITESPACE: "data-blok-bold-leading-ws"
-}, M = class M {
+}, G = class G {
   constructor() {
     this.records = /* @__PURE__ */ new Set();
   }
@@ -5497,13 +5602,13 @@ const X = (r) => {
    * Get the singleton instance
    */
   static getInstance() {
-    return M.instance || (M.instance = new M()), M.instance;
+    return G.instance || (G.instance = new G()), G.instance;
   }
   /**
    * Reset the singleton instance (for testing)
    */
   static reset() {
-    M.instance && M.instance.records.clear(), M.instance = null;
+    G.instance && G.instance.records.clear(), G.instance = null;
   }
   /**
    * Check if there are any active exit records
@@ -5662,10 +5767,10 @@ const X = (r) => {
       const C = a.textContent, v = C + f, k = (st = a.getAttribute(R.LEADING_WHITESPACE)) != null ? st : "", E = k.length > 0 && C.length === 0 && !v.startsWith(k) ? k + v : v, A = document.createTextNode(E);
       for (; a.firstChild; )
         a.removeChild(a.firstChild);
-      if (a.appendChild(A), !(t != null && t.isCollapsed) || !Ht(t.focusNode, u))
+      if (a.appendChild(A), !(t != null && t.isCollapsed) || !Nt(t.focusNode, u))
         return;
-      const N = document.createRange(), ut = A.textContent.length;
-      N.setStart(A, ut), N.collapse(!0), t.removeAllRanges(), t.addRange(N);
+      const _ = document.createRange(), ut = A.textContent.length;
+      _.setStart(A, ut), _.collapse(!0), t.removeAllRanges(), t.addRange(_);
     });
   }
   /**
@@ -5692,10 +5797,10 @@ const X = (r) => {
       if (v && m) {
         const E = C.slice(0, g), A = C.slice(g);
         m.textContent = E;
-        const N = document.createTextNode(A);
-        (x = l.parentNode) == null || x.insertBefore(N, l.nextSibling);
+        const _ = document.createTextNode(A);
+        (x = l.parentNode) == null || x.insertBefore(_, l.nextSibling);
       }
-      if (v && l.removeAttribute(R.PREV_LENGTH), t != null && t.isCollapsed && u && Ht(t.focusNode, l)) {
+      if (v && l.removeAttribute(R.PREV_LENGTH), t != null && t.isCollapsed && u && Nt(t.focusNode, l)) {
         const E = document.createRange(), A = u.textContent.length;
         E.setStart(u, A), E.collapse(!0), t.removeAllRanges(), t.addRange(E);
       }
@@ -5757,7 +5862,7 @@ const X = (r) => {
     const e = t.getRangeAt(0);
     if (!e.collapsed)
       return;
-    const n = G(e.startContainer);
+    const n = W(e.startContainer);
     (n == null ? void 0 : n.getAttribute(R.COLLAPSED_ACTIVE)) !== "true" && (this.moveCaretFromElementContainer(t, e) || this.moveCaretFromTextContainer(t, e));
   }
   /**
@@ -5816,7 +5921,7 @@ const X = (r) => {
       this.setCaret(t, n, s.length);
       return;
     }
-    const l = G(n);
+    const l = W(n);
     if (!l || e.startOffset !== n.textContent.length)
       return;
     const a = this.ensureFollowingTextNode(l, l.nextSibling);
@@ -5862,8 +5967,8 @@ const X = (r) => {
     return e.tagName === "STRONG" || e.tagName === "B";
   }
 };
-M.instance = null;
-let I = M;
+G.instance = null;
+let I = G;
 const vi = {
   convertLegacyTags: !0,
   normalizeWhitespace: !0,
@@ -5871,7 +5976,7 @@ const vi = {
   mergeAdjacent: !0,
   preserveNode: null
 };
-class O {
+class N {
   /**
    * Create a new normalization pass with specified options
    * @param options - Configuration for the normalization pass
@@ -5895,10 +6000,10 @@ class O {
    * @param options - Optional normalization configuration
    */
   static normalizeAroundSelection(t, e) {
-    const n = O.findScopeFromSelection(t);
+    const n = N.findScopeFromSelection(t);
     if (!n)
       return;
-    new O(e).run(n);
+    new N(e).run(n);
   }
   /**
    * Phase 1: Traverse the scope and normalize text nodes while collecting elements
@@ -5973,7 +6078,7 @@ class O {
    * @returns true if the element is empty and doesn't contain the preserved node
    */
   isEmptyAndSafe(t) {
-    return !(t.textContent.length === 0) || I.getInstance().isActivePlaceholder(t) ? !1 : !(this.options.preserveNode && Ht(this.options.preserveNode, t));
+    return !(t.textContent.length === 0) || I.getInstance().isActivePlaceholder(t) ? !1 : !(this.options.preserveNode && Nt(this.options.preserveNode, t));
   }
   /**
    * Merge a <strong> element with adjacent <strong> siblings
@@ -5981,12 +6086,12 @@ class O {
    */
   mergeWithAdjacent(t) {
     const e = t.previousSibling;
-    if (e && St(e)) {
+    if (e && wt(e)) {
       this.mergeStrongNodes(e, t);
       return;
     }
     const n = t.nextSibling;
-    n && St(n) && this.mergeStrongNodes(t, n);
+    n && wt(n) && this.mergeStrongNodes(t, n);
   }
   /**
    * Merge two <strong> elements by moving children from right to left
@@ -6016,7 +6121,7 @@ class O {
     return o || n.closest($(B.editor));
   }
 }
-const H = class H {
+const O = class O {
   constructor() {
     this.handlers = /* @__PURE__ */ new Map(), this.listenersRegistered = !1, this.handleSelectionChange = () => {
       const t = this.getSelection();
@@ -6049,13 +6154,13 @@ const H = class H {
    * Get the singleton instance
    */
   static getInstance() {
-    return H.instance || (H.instance = new H()), H.instance;
+    return O.instance || (O.instance = new O()), O.instance;
   }
   /**
    * Reset the singleton instance (for testing)
    */
   static reset() {
-    H.instance && (H.instance.removeListeners(), H.instance.handlers.clear()), H.instance = null;
+    O.instance && (O.instance.removeListeners(), O.instance.handlers.clear()), O.instance = null;
   }
   /**
    * Register a handler for an inline tool
@@ -6107,8 +6212,8 @@ const H = class H {
     return !(e.meta && !s || e.ctrl && !t.ctrlKey);
   }
 };
-H.instance = null;
-let Ot = H;
+O.instance = null;
+let _t = O;
 const Si = (r, t) => {
   try {
     return r.intersectsNode(t);
@@ -6124,7 +6229,7 @@ const Si = (r, t) => {
   {
     acceptNode: (t) => Si(r, t) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT
   }
-), J = (r, t, e) => !r || r === e ? null : r.nodeType === Node.ELEMENT_NODE && t(r) ? r : J(r.parentNode, t, e), je = (r, t) => J(r, t) !== null, Mt = (r, t, e = {}) => {
+), J = (r, t, e) => !r || r === e ? null : r.nodeType === Node.ELEMENT_NODE && t(r) ? r : J(r.parentNode, t, e), je = (r, t) => J(r, t) !== null, Wt = (r, t, e = {}) => {
   if (r.collapsed)
     return J(r.startContainer, t) !== null;
   const n = Ue(r), o = [];
@@ -6164,7 +6269,7 @@ const Si = (r, t) => {
   static initializeGlobalListeners() {
     if (typeof document == "undefined")
       return !1;
-    const t = Ot.getInstance();
+    const t = _t.getInstance();
     return t.hasHandler("bold") || (t.register("bold", {
       shortcut: { key: "b", meta: !0 },
       onShortcut: (e, n) => {
@@ -6177,7 +6282,7 @@ const Si = (r, t) => {
       onInput: (e, n) => {
         S.refreshSelectionState("input");
       },
-      onBeforeInput: (e) => e.inputType !== "formatBold" ? !1 : (O.normalizeAroundSelection(window.getSelection()), !0),
+      onBeforeInput: (e) => e.inputType !== "formatBold" ? !1 : (N.normalizeAroundSelection(window.getSelection()), !0),
       isRelevant: (e) => S.isSelectionInsideBlok(e)
     }), S.guardKeydownListenerRegistered || (document.addEventListener("keydown", (e) => {
       I.getInstance().guardBoundaryKeydown(e);
@@ -6199,7 +6304,7 @@ const Si = (r, t) => {
    */
   render() {
     return {
-      icon: Dn,
+      icon: On,
       name: "bold",
       onActivate: () => {
         this.toggleBold();
@@ -6243,11 +6348,11 @@ const Si = (r, t) => {
     o && n && (o.removeAllRanges(), o.addRange(n));
     const s = this.findBoldElementFromRangeOrSelection(n, o);
     if (!s) {
-      O.normalizeAroundSelection(o), this.notifySelectionChange();
+      N.normalizeAroundSelection(o), this.notifySelectionChange();
       return;
     }
     const i = this.mergeAdjacentBold(s);
-    this.selectElementContents(i), O.normalizeAroundSelection(o), this.notifySelectionChange();
+    this.selectElementContents(i), N.normalizeAroundSelection(o), this.notifySelectionChange();
   }
   /**
    * Remove bold tags (<strong>) while preserving content
@@ -6261,7 +6366,7 @@ const Si = (r, t) => {
     o.setAttribute("data-blok-bold-marker", `unwrap-${S.markerSequence++}`), o.appendChild(s), this.removeNestedBold(o), t.insertNode(o);
     const i = document.createRange();
     for (i.selectNodeContents(o), n.removeAllRanges(), n.addRange(i); ; ) {
-      const d = G(o);
+      const d = W(o);
       if (!d)
         break;
       this.moveMarkerOutOfBold(o, d);
@@ -6270,7 +6375,7 @@ const Si = (r, t) => {
     this.unwrapElement(o), l && a && (() => {
       const d = document.createRange();
       return d.setStartBefore(l), d.setEndAfter(a), n.removeAllRanges(), n.addRange(d), d;
-    })() || n.removeAllRanges(), O.normalizeAroundSelection(n), e.forEach((d) => {
+    })() || n.removeAllRanges(), N.normalizeAroundSelection(n), e.forEach((d) => {
       Ke(d) && d.remove();
     }), this.notifySelectionChange();
   }
@@ -6336,7 +6441,7 @@ const Si = (r, t) => {
    * @param options.ignoreWhitespace - Whether to ignore whitespace-only text nodes
    */
   isRangeBold(t, e) {
-    return Mt(t, X, e);
+    return Wt(t, X, e);
   }
   /**
    * Remove nested bold tags from a root node
@@ -6368,11 +6473,11 @@ const Si = (r, t) => {
    */
   findBoldElementFromRangeOrSelection(t, e) {
     if (!t)
-      return e ? G(e.focusNode) : null;
-    const n = G(t.startContainer);
+      return e ? W(e.focusNode) : null;
+    const n = W(t.startContainer);
     if (n)
       return n;
-    const o = G(t.commonAncestorContainer);
+    const o = W(t.commonAncestorContainer);
     return o || (t.startContainer.nodeType === Node.ELEMENT_NODE && X(t.startContainer) ? t.startContainer : null);
   }
   /**
@@ -6391,13 +6496,13 @@ const Si = (r, t) => {
     const t = window.getSelection();
     if (!t || t.rangeCount === 0)
       return;
-    const e = t.getRangeAt(0), n = G(e.startContainer), o = (() => {
+    const e = t.getRangeAt(0), n = W(e.startContainer), o = (() => {
       if (n && n.getAttribute(I.ATTR.COLLAPSED_ACTIVE) !== "true")
         return I.getInstance().exit(t, n);
       const s = n != null ? n : S.getBoundaryBold(e);
       return s ? I.getInstance().exit(t, s) : this.startCollapsedBold(e);
     })();
-    document.dispatchEvent(new Event("selectionchange")), o && (t.removeAllRanges(), t.addRange(o)), O.normalizeAroundSelection(t), this.notifySelectionChange();
+    document.dispatchEvent(new Event("selectionchange")), o && (t.removeAllRanges(), t.addRange(o)), N.normalizeAroundSelection(t), this.notifySelectionChange();
   }
   /**
    * Insert a bold wrapper at the caret so newly typed text becomes bold
@@ -6405,7 +6510,7 @@ const Si = (r, t) => {
    */
   startCollapsedBold(t) {
     const n = I.getInstance().enter(t, (s) => this.mergeAdjacentBold(s)), o = window.getSelection();
-    return O.normalizeAroundSelection(o), o && n && (o.removeAllRanges(), o.addRange(n)), this.notifySelectionChange(), n;
+    return N.normalizeAroundSelection(o), o && n && (o.removeAllRanges(), o.addRange(n)), this.notifySelectionChange(), n;
   }
   /**
    * Notify listeners that the selection state has changed
@@ -6437,7 +6542,7 @@ const Si = (r, t) => {
    */
   static refreshSelectionState(t) {
     const e = window.getSelection();
-    I.getInstance().enforceLengths(e), I.getInstance().maintain(), I.getInstance().synchronize(e), O.normalizeAroundSelection(e, { normalizeWhitespace: !1 }), t === "input" && e && I.getInstance().moveCaretAfterBoundaryBold(e);
+    I.getInstance().enforceLengths(e), I.getInstance().maintain(), I.getInstance().synchronize(e), N.normalizeAroundSelection(e, { normalizeWhitespace: !1 }), t === "input" && e && I.getInstance().moveCaretAfterBoundaryBold(e);
   }
   /**
    * Ensure mutation observer is registered to convert legacy <b> tags
@@ -6450,7 +6555,7 @@ const Si = (r, t) => {
         S.isProcessingMutation = !0;
         try {
           const n = (o) => {
-            o && new O({ mergeAdjacent: !1, removeEmpty: !1, normalizeWhitespace: !1 }).run(o);
+            o && new N({ mergeAdjacent: !1, removeEmpty: !1, normalizeWhitespace: !1 }).run(o);
           };
           e.forEach((o) => {
             o.addedNodes.forEach((s) => {
@@ -6493,11 +6598,11 @@ const Si = (r, t) => {
   static getBoundaryBoldForText(t, e) {
     const n = e.textContent.length;
     if (t.startOffset === n)
-      return G(e);
+      return W(e);
     if (t.startOffset !== 0)
       return null;
     const o = e.previousSibling;
-    return St(o) ? o : null;
+    return wt(o) ? o : null;
   }
   /**
    * Get boundary bold when caret container is an element
@@ -6508,7 +6613,7 @@ const Si = (r, t) => {
     if (t.startOffset <= 0)
       return null;
     const n = e.childNodes[t.startOffset - 1];
-    return St(n) ? n : null;
+    return wt(n) ? n : null;
   }
   /**
    * Check if a selection is inside the blok
@@ -6548,7 +6653,7 @@ const Si = (r, t) => {
   }
 };
 S.isInline = !0, S.title = "Bold", S.titleKey = "bold", S.markerSequence = 0, S.isProcessingMutation = !1, S.instances = /* @__PURE__ */ new Set(), S.guardKeydownListenerRegistered = !1, S.shortcut = "CMD+B";
-let Ce = S;
+let be = S;
 const yt = (r) => {
   const t = r.tagName;
   return t === "I" || t === "EM";
@@ -6569,7 +6674,7 @@ const yt = (r) => {
    */
   render() {
     return {
-      icon: Pn,
+      icon: Nn,
       name: "italic",
       onActivate: () => {
         this.toggleItalic();
@@ -6628,7 +6733,7 @@ const yt = (r) => {
    * @param options - Options for checking italic status
    */
   isRangeItalic(t, e) {
-    return Mt(t, yt, e);
+    return Wt(t, yt, e);
   }
   /**
    * Wrap selection with <i> tag
@@ -6770,7 +6875,7 @@ const yt = (r) => {
   }
 };
 tt.isInline = !0, tt.title = "Italic", tt.titleKey = "italic", tt.shortcut = "CMD+I";
-let be = tt;
+let ye = tt;
 const et = class et {
   /**
    * @param api - Blok API
@@ -6806,7 +6911,7 @@ const et = class et {
    */
   render() {
     return {
-      icon: Hn,
+      icon: _n,
       name: "link",
       isActive: () => !!this.selection.findParentTag("A"),
       children: {
@@ -6865,7 +6970,7 @@ const et = class et {
    */
   getButtonElement() {
     const t = document.querySelector(
-      `${$(B.interface, Nn)} [data-blok-item-name="link"]`
+      `${$(B.interface, Gn)} [data-blok-item-name="link"]`
     );
     return t && t !== this.nodes.button && (t.addEventListener("click", this.handleButtonClick, !0), this.nodes.button = t), t;
   }
@@ -6922,7 +7027,7 @@ const et = class et {
       this.notifier.show({
         message: this.i18n.t("tools.link.invalidLink"),
         style: "error"
-      }), On("Incorrect Link pasted", "warn", e);
+      }), Mn("Incorrect Link pasted", "warn", e);
       return;
     }
     const n = this.prepareLink(e);
@@ -7000,8 +7105,8 @@ const et = class et {
   }
 };
 et.isInline = !0, et.title = "Link", et.titleKey = "link", et.shortcut = "CMD+K";
-let ye = et;
-const ct = (r) => r.tagName === "MARK", Bt = (r) => J(r, ct), ve = {
+let ve = et;
+const ct = (r) => r.tagName === "MARK", It = (r) => J(r, ct), Se = {
   color: "background-color",
   "background-color": "color"
 }, U = class U {
@@ -7043,14 +7148,14 @@ const ct = (r) => r.tagName === "MARK", Bt = (r) => J(r, ct), ve = {
    */
   render() {
     return {
-      icon: Ae,
+      icon: Te,
       name: "marker",
       isActive: () => {
         const t = window.getSelection();
         if (!t || t.rangeCount === 0)
           return !1;
         const e = t.getRangeAt(0);
-        return Mt(e, ct, { ignoreWhitespace: !0 });
+        return Wt(e, ct, { ignoreWhitespace: !0 });
       },
       children: {
         hideChevron: !0,
@@ -7112,7 +7217,7 @@ const ct = (r) => r.tagName === "MARK", Bt = (r) => J(r, ct), ve = {
     const n = e.getRangeAt(0), o = n.startContainer, s = n.startOffset, i = n.endContainer, l = n.endOffset, a = n.toString(), c = n.commonAncestorContainer, d = c.nodeType === Node.ELEMENT_NODE ? c : c.parentElement, h = d != null && d.closest("mark") && (m = (f = d.closest("mark")) == null ? void 0 : f.parentElement) != null ? m : d, u = dt(n, ct);
     for (const C of u) {
       C.style.removeProperty(t);
-      const v = ve[t], k = C.style.getPropertyValue(v);
+      const v = Se[t], k = C.style.getPropertyValue(v);
       k !== "" && k !== "transparent" ? this.ensureTransparentBg(C) : this.unwrapElement(C);
     }
     const p = o.isConnected, g = i.isConnected;
@@ -7149,7 +7254,7 @@ const ct = (r) => r.tagName === "MARK", Bt = (r) => J(r, ct), ve = {
     const t = window.getSelection();
     if (!t || t.rangeCount === 0)
       return null;
-    const e = t.getRangeAt(0), n = Bt(e.startContainer);
+    const e = t.getRangeAt(0), n = It(e.startContainer);
     if (!n)
       return null;
     const o = n.style.getPropertyValue("color");
@@ -7169,7 +7274,7 @@ const ct = (r) => r.tagName === "MARK", Bt = (r) => J(r, ct), ve = {
    * @param range - The range to check
    */
   findContainingMark(t) {
-    const e = Bt(t.startContainer), n = Bt(t.endContainer);
+    const e = It(t.startContainer), n = It(t.endContainer);
     return e && e === n ? e : null;
   }
   /**
@@ -7181,7 +7286,7 @@ const ct = (r) => r.tagName === "MARK", Bt = (r) => J(r, ct), ve = {
     const n = dt(t, ct);
     for (const o of n) {
       o.style.removeProperty(e);
-      const s = ve[e], i = o.style.getPropertyValue(s);
+      const s = Se[e], i = o.style.getPropertyValue(s);
       i !== "" && i !== "transparent" ? this.ensureTransparentBg(o) : this.unwrapElement(o);
     }
   }
@@ -7328,7 +7433,7 @@ const ct = (r) => r.tagName === "MARK", Bt = (r) => J(r, ct), ve = {
   }
 };
 U.isInline = !0, U.title = "Color", U.titleKey = "marker", U.shortcut = "CMD+SHIFT+H", U.ALLOWED_STYLE_PROPS = /* @__PURE__ */ new Set(["color", "background-color"]);
-let Se = U;
+let we = U;
 const Ti = {
   paragraph: { preserveBlank: !0 },
   header: {},
@@ -7342,14 +7447,14 @@ const Ti = {
   marker: {}
 };
 export {
-  Ce as Bold,
+  be as Bold,
   Ii as Convert,
-  Xt as Header,
-  be as Italic,
-  ye as Link,
+  Jt as Header,
+  ye as Italic,
+  ve as Link,
   Ei as List,
-  Se as Marker,
-  jt as Paragraph,
+  we as Marker,
+  Zt as Paragraph,
   Ai as Table,
   xi as Toggle,
   Ti as defaultBlockTools,