@jackuait/blok 0.6.0 → 0.7.0-beta.1

package/dist/tools.mjs

@@ -1,18 +1,18 @@
-var $e = Object.defineProperty, Fe = Object.defineProperties;
-var qe = Object.getOwnPropertyDescriptors;
-var Ht = Object.getOwnPropertySymbols;
-var ze = Object.prototype.hasOwnProperty, Ve = Object.prototype.propertyIsEnumerable;
-var Nt = (r, t, e) => t in r ? $e(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, R = (r, t) => {
+var Ye = Object.defineProperty, Xe = Object.defineProperties;
+var Ze = Object.getOwnPropertyDescriptors;
+var Gt = 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) => {
   for (var e in t || (t = {}))
-    ze.call(t, e) && Nt(r, e, t[e]);
-  if (Ht)
-    for (var e of Ht(t))
-      Ve.call(t, e) && Nt(r, e, t[e]);
+    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]);
   return r;
-}, q = (r, t) => Fe(r, qe(t));
-import { t as w, D, au as Ue, av as Ke, a6 as je, aw as Xe, ax as Ye, ay as Ze, az as Je, aA as Qe, aB as tn, aC as me, aD as Ce, aE as ye, n as en, o as Ot, ad as Mt, ab as nn, aF as on, aG as _t, P as W, aH as be, aI as sn, aJ as rn, T as ve, Z as Se, aK as ln, aL as an, aM as cn, a8 as we, aN as dn, aO as hn, aP as un, aQ as pn, aR as gn, aS as fn, J as Gt, aT as mn, aU as Wt, aV as $t, aW as Ft, M as Cn, aX as yn, G, aY as bn, aZ as vn, S as it, a_ as Sn, l as wn, ag as kn } from "./chunks/inline-tool-convert-DduRc0fF.mjs";
-import { ak as si } from "./chunks/inline-tool-convert-DduRc0fF.mjs";
-const ke = (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) => {
   if (!r || !r.includes("data-blok-fake-background"))
     return r;
   const t = document.createElement("div");
@@ -24,7 +24,7 @@ const ke = (r) => {
       o.removeChild(n);
     }
   }), t.innerHTML;
-}, bt = [
+}, nt = [
   "empty:before:pointer-events-none",
   "empty:before:text-gray-text",
   "empty:before:cursor-text",
@@ -33,7 +33,7 @@ const ke = (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)]"
-], An = [
+], _n = [
   "empty:focus:before:pointer-events-none",
   "empty:focus:before:text-gray-text",
   "empty:focus:before:cursor-text",
@@ -42,7 +42,7 @@ const ke = (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)]"
-], En = [
+], Mn = [
   "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,27 +51,27 @@ const ke = (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)]"
-], xn = (r) => {
+], Gn = (r) => {
   const t = r.innerHTML.trim();
   return t === "" || t === "<br>";
-}, Tn = (r) => {
+}, Wn = (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);
-}, Rn = (r) => {
-  xn(r) && Tn(r);
-}, Dt = (r, t, e = "data-placeholder") => {
+}, $n = (r) => {
+  Gn(r) && Wn(r);
+}, wt = (r, t, e = "data-placeholder") => {
   r.setAttribute(e, t != null ? t : "");
-  const n = () => Rn(r);
+  const n = () => $n(r);
   r.addEventListener("focus", n), r.addEventListener("input", n);
-}, Bn = (r) => {
+}, Fn = (r) => {
   const t = document.createElement("div");
   t.innerHTML = r.trim();
   const e = document.createDocumentFragment();
   return e.append(...Array.from(t.childNodes)), e;
-}, ct = class ct {
+}, ht = class ht {
   /**
    * Default placeholder for Paragraph Tool
    *
@@ -91,7 +91,7 @@ const ke = (r) => {
    */
   constructor({ data: t, config: e, api: n, readOnly: o }) {
     var s, i, l;
-    this.api = n, this.readOnly = o, this.readOnly || (this.onKeyUp = this.onKeyUp.bind(this)), this._placeholder = (s = e == null ? void 0 : e.placeholder) != null ? s : ct.DEFAULT_PLACEHOLDER, this._data = t != null ? t : { text: "" }, this._element = null, this._preserveBlank = (i = e == null ? void 0 : e.preserveBlank) != null ? i : !1, this._styles = (l = e == null ? void 0 : e.styles) != null ? l : {};
+    this.api = n, this.readOnly = o, this.readOnly || (this.onKeyUp = this.onKeyUp.bind(this)), this._placeholder = (s = e == null ? void 0 : e.placeholder) != null ? s : ht.DEFAULT_PLACEHOLDER, this._data = t != null ? t : { text: "" }, this._element = null, this._preserveBlank = (i = e == null ? void 0 : e.preserveBlank) != null ? i : !1, this._styles = (l = e == null ? void 0 : e.styles) != null ? l : {};
   }
   /**
    * Check if text content is empty and set empty string to inner html.
@@ -118,12 +118,12 @@ const ke = (r) => {
     const t = document.createElement("DIV");
     t.className = w(
       this.api.styles.block,
-      ct.WRAPPER_CLASSES,
-      An,
-      En
-    ), t.setAttribute(D.tool, "paragraph"), t.contentEditable = "false";
+      ht.WRAPPER_CLASSES,
+      _n,
+      Mn
+    ), 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), Dt(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), wt(t, this.api.i18n.t(this._placeholder), "data-blok-placeholder-active")), t;
   }
   /**
    * Return Tool's view
@@ -143,7 +143,7 @@ const ke = (r) => {
     if (!this._element)
       return;
     this._data.text += t.text;
-    const e = Bn(t.text);
+    const e = Fn(t.text);
     this._element.appendChild(e), this._element.normalize();
   }
   /**
@@ -164,7 +164,7 @@ const ke = (r) => {
    */
   save(t) {
     return {
-      text: ke(t.innerHTML)
+      text: Nt(t.innerHTML)
     };
   }
   /**
@@ -241,14 +241,14 @@ const ke = (r) => {
    */
   static get toolbox() {
     return {
-      icon: Ue,
+      icon: tn,
       title: "Text",
       titleKey: "text",
       searchTerms: ["p", "paragraph", "plain"]
     };
   }
 };
-ct.WRAPPER_CLASSES = [
+ht.WRAPPER_CLASSES = [
   "leading-[1.6em]",
   "outline-hidden",
   "mt-[2px]",
@@ -256,8 +256,35 @@ ct.WRAPPER_CLASSES = [
   "[&>p:first-of-type]:mt-0",
   "[&>p:last-of-type]:mb-0"
 ];
-let qt = ct;
-const V = class V {
+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) => {
+  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);
+  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;
+}, 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;
+}, jn = (r) => {
+  const t = Vn(r);
+  return t.contentElement && wt(t.contentElement, r.placeholder), t;
+}, Le = (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) => {
+  const n = r.blocks.getChildren(t);
+  for (const o of n)
+    e ? o.holder.classList.remove("hidden") : o.holder.classList.add("hidden");
+}, P = class P {
   /**
    * Render plugin's main Element and fill it with saved data
    *
@@ -266,9 +293,10 @@ const V = class V {
    * @param options.config - user config for Tool
    * @param options.api - Editor API
    * @param options.readOnly - read only mode flag
+   * @param options.block - block instance
    */
-  constructor({ data: t, config: e, api: n, readOnly: o }) {
-    this.api = n, this.readOnly = o, this._settings = e || {}, this._data = this.normalizeData(t), this._element = this.getTag();
+  constructor({ data: t, config: e, api: n, readOnly: o, block: s }) {
+    this._arrowElement = null, this._isOpen = !1, this.api = n, this.readOnly = o, this._settings = e || {}, this._data = this.normalizeData(t), this._element = this.getTag(), s && (this.blockId = s.id);
   }
   /**
    * Styles
@@ -298,11 +326,11 @@ const V = class V {
   normalizeData(t) {
     if (!this.isHeaderData(t))
       return { text: "", level: this.defaultLevel.number };
-    const e = parseInt(String(t.level)), n = t.level !== void 0 && !isNaN(e);
-    return {
+    const e = parseInt(String(t.level)), n = t.level !== void 0 && !isNaN(e), o = {
       text: t.text || "",
       level: n ? e : this.defaultLevel.number
     };
+    return t.isToggleable === !0 && (o.isToggleable = !0), o;
   }
   /**
    * Return Tool's view
@@ -312,26 +340,39 @@ const V = class V {
   render() {
     return this._element;
   }
+  /**
+   * Called after the block is rendered in the DOM.
+   * Hides children if the toggle heading is collapsed.
+   */
+  rendered() {
+    this._data.isToggleable && this.updateChildrenVisibility();
+  }
   /**
    * Returns header block tunes config
    *
    * @returns MenuConfig array
    */
   renderSettings() {
-    const t = this._settings._toolboxEntries, e = (t == null ? void 0 : t.length) === 1 && t[0].data === void 0 && (t[0].title === void 0 || t[0].title === "Heading");
-    return t !== void 0 && t.length > 0 && !e ? this.buildSettingsFromToolboxEntries(t) : this.levels.map((n) => {
-      const o = this.api.i18n.t(n.nameKey), s = o !== n.nameKey ? o : n.name;
+    const t = this._settings._toolboxEntries, e = (t == null ? void 0 : t.length) === 1 && t[0].data === void 0 && (t[0].title === void 0 || t[0].title === "Heading"), n = t !== void 0 && t.length > 0 && !e ? this.buildSettingsFromToolboxEntries(t) : this.levels.map((i) => {
+      const l = this.api.i18n.t(i.nameKey), a = l !== i.nameKey ? l : i.name;
       return {
-        icon: n.icon,
-        title: s,
-        onActivate: () => this.setLevel(n.number),
+        icon: i.icon,
+        title: a,
+        onActivate: () => this.setLevel(i.number),
         closeOnActivate: !0,
-        isActive: this.currentLevel.number === n.number,
+        isActive: this.currentLevel.number === i.number,
         dataset: {
-          "blok-header-level": String(n.number)
+          "blok-header-level": String(i.number)
         }
       };
-    });
+    }), o = Array.isArray(n) ? n : [n], s = this.api.i18n.t("tools.header.toggleHeading");
+    return o.push({
+      icon: It,
+      title: s !== "tools.header.toggleHeading" ? s : "Toggle heading",
+      onActivate: () => this.toggleIsToggleable(),
+      closeOnActivate: !0,
+      isActive: this._data.isToggleable === !0
+    }), o;
   }
   /**
    * Build settings menu items from toolbox entries.
@@ -344,9 +385,9 @@ const V = class V {
   buildSettingsFromToolboxEntries(t) {
     return t.map((e) => {
       var c, d, h, u;
-      const n = e.data, o = (c = n == null ? void 0 : n.level) != null ? c : this.defaultLevel.number, s = V.DEFAULT_LEVELS.find((p) => p.number === o), i = (d = s == null ? void 0 : s.name) != null ? d : `Heading ${o}`, l = this.resolveToolboxEntryTitle(e, i);
+      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 : Ke,
+        icon: (u = (h = e.icon) != null ? h : s == null ? void 0 : s.icon) != null ? u : en,
         title: l,
         onActivate: () => this.setLevel(o),
         closeOnActivate: !0,
@@ -365,7 +406,7 @@ const V = class V {
    * @returns Resolved title string
    */
   resolveToolboxEntryTitle(t, e) {
-    return je(this.api.i18n, t, e);
+    return nn(this.api.i18n, t, e);
   }
   /**
    * Callback for Block's settings buttons
@@ -375,7 +416,8 @@ const V = class V {
   setLevel(t) {
     this.data = {
       level: t,
-      text: this.data.text
+      text: this.data.text,
+      isToggleable: this._data.isToggleable
     };
   }
   /**
@@ -404,10 +446,11 @@ const V = class V {
    * @returns saved data
    */
   save(t) {
-    return {
+    const e = {
       text: t.innerHTML,
       level: this.currentLevel.number
     };
+    return this._data.isToggleable === !0 && (e.isToggleable = !0), e;
   }
   /**
    * Allow Header to be converted to/from other blocks
@@ -426,7 +469,8 @@ const V = class V {
   static get sanitize() {
     return {
       level: !1,
-      text: {}
+      text: {},
+      isToggleable: !1
     };
   }
   /**
@@ -457,7 +501,14 @@ const V = class V {
       const e = this.getTag();
       e.innerHTML = this._element.innerHTML, this._element.parentNode.replaceChild(e, this._element), this._element = e;
     }
-    t.text !== void 0 && (this._element.innerHTML = this._data.text || "");
+    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}]`)) {
+        const e = this.buildArrow();
+        this._arrowElement = e, this._element.prepend(e);
+      }
+      this._element.className = w(P.BASE_STYLES, this.currentLevel.styles, nt, Lt);
+    } else
+      this._element.removeAttribute(W.toggleOpen), this._arrowElement = null, this._element.className = w(P.BASE_STYLES, this.currentLevel.styles, nt);
   }
   /**
    * Get tag for target level
@@ -467,9 +518,49 @@ const V = class V {
    */
   getTag() {
     const t = document.createElement(this.currentLevel.tag);
-    t.innerHTML = this._data.text || "", t.className = w(V.BASE_STYLES, this.currentLevel.styles, bt);
+    t.innerHTML = this._data.text || "", t.className = w(P.BASE_STYLES, this.currentLevel.styles, nt, this._data.isToggleable ? Lt : "");
     const { inlineStyles: e } = this.currentLevel;
-    return e && Object.assign(t.style, e), t.setAttribute(D.tool, "header"), t.contentEditable = this.readOnly ? "false" : "true", this.readOnly ? t.setAttribute("data-placeholder", this.api.i18n.t(this._settings.placeholder || "")) : Dt(t, this.api.i18n.t(this._settings.placeholder || "")), t;
+    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));
+      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;
+  }
+  /**
+   * Build the arrow element for toggle heading.
+   *
+   * @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;
+  }
+  /**
+   * Toggle the isToggleable state on/off.
+   * Called from the settings menu.
+   */
+  toggleIsToggleable() {
+    const t = this._data.isToggleable === !0;
+    this.data = {
+      level: this._data.level,
+      text: this._data.text,
+      isToggleable: !t || void 0
+    };
+  }
+  /**
+   * 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();
+  }
+  /**
+   * Show or hide child blocks based on the toggle's open state.
+   */
+  updateChildrenVisibility() {
+    this.blockId !== void 0 && Ie(this.api, this.blockId, this._isOpen);
   }
   /**
    * Get current level
@@ -497,7 +588,7 @@ const V = class V {
    * @returns Level array
    */
   get levels() {
-    const t = this._settings.levelOverrides || {}, e = V.DEFAULT_LEVELS.map((o) => {
+    const t = this._settings.levelOverrides || {}, e = P.DEFAULT_LEVELS.map((o) => {
       var l;
       const s = t[o.number] || {}, i = {};
       return s.size && (i.fontSize = s.size), s.marginTop && (i.marginTop = s.marginTop), s.marginBottom && (i.marginBottom = s.marginBottom), {
@@ -554,30 +645,42 @@ const V = class V {
    * @returns ToolboxConfig array with entries for H1-H6
    */
   static get toolbox() {
-    return V.DEFAULT_LEVELS.map((t) => ({
-      icon: t.icon,
-      title: t.name,
-      titleKey: t.nameKey,
-      name: `header-${t.number}`,
-      data: { level: t.number },
-      searchTerms: [`h${t.number}`, "title", "header", "heading"],
-      shortcut: "#".repeat(t.number)
+    const t = P.DEFAULT_LEVELS.map((o) => ({
+      icon: o.icon,
+      title: o.name,
+      titleKey: o.nameKey,
+      name: `header-${o.number}`,
+      data: { level: o.number },
+      searchTerms: [`h${o.number}`, "title", "header", "heading"],
+      shortcut: "#".repeat(o.number)
+    })), e = {
+      1: un,
+      2: hn,
+      3: dn
+    }, n = P.DEFAULT_LEVELS.filter((o) => o.number <= 3).map((o) => ({
+      icon: e[o.number],
+      title: `Toggle heading ${o.number}`,
+      titleKey: `tools.header.toggleHeading${o.number}`,
+      name: `toggle-header-${o.number}`,
+      data: { level: o.number, isToggleable: !0 },
+      searchTerms: ["toggle", "heading", `h${o.number}`, "collapsible"]
     }));
+    return [...t, ...n];
   }
 };
-V.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!", V.DEFAULT_LEVELS = [
-  { number: 1, tag: "H1", nameKey: "tools.header.heading1", name: "Heading 1", icon: Xe, styles: "text-4xl font-bold mt-8 mb-1" },
-  { number: 2, tag: "H2", nameKey: "tools.header.heading2", name: "Heading 2", icon: Ye, styles: "text-3xl font-semibold mt-6 mb-px" },
-  { number: 3, tag: "H3", nameKey: "tools.header.heading3", name: "Heading 3", icon: Ze, styles: "text-2xl font-semibold mt-4 mb-px" },
-  { number: 4, tag: "H4", nameKey: "tools.header.heading4", name: "Heading 4", icon: Je, styles: "text-xl font-semibold mt-3 mb-px" },
-  { number: 5, tag: "H5", nameKey: "tools.header.heading5", name: "Heading 5", icon: Qe, styles: "text-base font-semibold mt-3 mb-px" },
-  { number: 6, tag: "H6", nameKey: "tools.header.heading6", name: "Heading 6", icon: tn, styles: "text-sm font-semibold mt-3 mb-px" }
+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" }
 ];
-let zt = V;
-const J = 24, In = "outline-hidden py-[3px] mt-[2px] mb-px", Ln = "outline-hidden pl-0.5 leading-[1.6em]", Dn = "flex items-start pl-0.5", Pn = "mt-1 w-4 mr-2 h-4 cursor-pointer accent-current", Hn = "tools.list.placeholder", B = "list", Ae = {
+let Xt = 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"
-}, Ee = (r, t) => {
+}, Pe = (r, t) => {
   const e = r;
   e._placeholder = t, Object.defineProperty(e, "getPlaceholder", {
     value: () => e._placeholder,
@@ -585,8 +688,8 @@ const J = 24, In = "outline-hidden py-[3px] mt-[2px] mb-px", Ln = "outline-hidde
     enumerable: !0,
     configurable: !1
   });
-}, xe = (r) => {
-  const { data: t, keydownHandler: e, readOnly: n } = r, o = Nn(r), s = t.style === "checklist" ? Mn(r) : On(r);
+}, He = (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]");
   return {
@@ -595,52 +698,52 @@ const J = 24, In = "outline-hidden py-[3px] mt-[2px] mb-px", Ln = "outline-hidde
     markerElement: i,
     checkboxElement: l
   };
-}, Nn = (r) => {
+}, to = (r) => {
   var n;
   const { data: t } = r, e = document.createElement("div");
-  return e.className = In, e.setAttribute(D.tool, B), e.setAttribute("data-list-style", t.style), e.setAttribute("data-list-depth", String((n = t.depth) != null ? n : 0)), t.start !== void 0 && t.start !== 1 && e.setAttribute("data-list-start", String(t.start)), e;
-}, On = (r) => {
+  return e.className = Yn, e.setAttribute(B.tool, L), e.setAttribute("data-list-style", t.style), e.setAttribute("data-list-depth", String((n = t.depth) != null ? n : 0)), t.start !== void 0 && t.start !== 1 && e.setAttribute("data-list-start", String(t.start)), e;
+}, eo = (r) => {
   var c;
   const { data: t, itemColor: e, itemSize: n, placeholder: o } = r, s = document.createElement("div");
-  s.setAttribute("role", "listitem"), s.className = w(Ln, "flex", ...bt), e && (s.style.color = e), n && (s.style.fontSize = n);
+  s.setAttribute("role", "listitem"), s.className = w(Xn, "flex", ...nt), e && (s.style.color = e), n && (s.style.fontSize = n);
   const i = (c = t.depth) != null ? c : 0;
-  i > 0 && (s.style.marginLeft = `${i * J}px`);
-  const l = _n(t.style, i);
+  i > 0 && (s.style.marginLeft = `${i * Q}px`);
+  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", ...bt), a.setAttribute("data-blok-testid", Ae.contentContainer), a.contentEditable = r.readOnly ? "false" : "true", a.innerHTML = t.text, Ee(a, o), s.appendChild(a), s;
-}, Mn = (r) => {
+  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;
+}, no = (r) => {
   var d;
   const { data: t, itemColor: e, itemSize: n, placeholder: o, readOnly: s } = r, i = document.createElement("div");
-  i.setAttribute("role", "listitem"), i.className = Dn, e && (i.style.color = e), n && (i.style.fontSize = n);
+  i.setAttribute("role", "listitem"), i.className = Zn, e && (i.style.color = e), n && (i.style.fontSize = n);
   const l = (d = t.depth) != null ? d : 0;
-  l > 0 && (i.style.marginLeft = `${l * J}px`);
+  l > 0 && (i.style.marginLeft = `${l * Q}px`);
   const a = document.createElement("input");
-  a.type = "checkbox", a.className = Pn, a.checked = !!t.checked, a.disabled = s;
+  a.type = "checkbox", a.className = Jn, a.checked = !!t.checked, a.disabled = s;
   const c = document.createElement("div");
   return c.className = w(
     "flex-1 outline-hidden leading-[1.6em]",
     t.checked ? "line-through opacity-60" : "",
-    ...bt
-  ), c.setAttribute("data-blok-testid", Ae.checklistContent), c.setAttribute("data-checked", String(t.checked)), c.contentEditable = s ? "false" : "true", c.innerHTML = t.text, Ee(c, o), i.appendChild(a), i.appendChild(c), i;
-}, _n = (r, t) => {
+    ...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;
+}, 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")
     e.textContent = "1.", e.className = w(e.className, "text-right"), e.style.paddingRight = "11px", e.style.minWidth = "fit-content";
   else {
-    const n = Gn(t);
+    const n = so(t);
     e.textContent = n, e.className = w(e.className, "w-6 text-center flex justify-center"), e.style.paddingLeft = "1px", e.style.paddingRight = "13px", e.style.fontSize = "24px", e.style.fontFamily = "Arial";
   }
   return e;
-}, Gn = (r) => {
+}, so = (r) => {
   const t = ["•", "◦", "▪"];
   return t[r % t.length];
-}, Wn = (r) => {
+}, io = (r) => {
   const { data: t, readOnly: e, placeholder: n, itemColor: o, itemSize: s, element: i, setupItemPlaceholder: l, onCheckboxChange: a, keydownHandler: c } = r;
   if (!i) return null;
   const d = i.parentNode;
   if (!d) return null;
-  const h = xe({
+  const h = He({
     data: t,
     readOnly: e,
     placeholder: n,
@@ -655,26 +758,26 @@ const J = 24, In = "outline-hidden py-[3px] mt-[2px] mb-px", Ln = "outline-hidde
     });
   }
   return d.replaceChild(h.wrapper, i), h.wrapper;
-}, $n = (r, t, e) => {
+}, ro = (r, t, e) => {
   if (!t) return r;
   const n = e(), s = {
-    text: n ? ke(n.innerHTML) : r.text,
+    text: n ? Nt(n.innerHTML) : r.text,
     style: r.style,
     checked: r.checked
   };
   return r.start !== void 0 && r.start !== 1 && (s.start = r.start), r.depth !== void 0 && r.depth > 0 && (s.depth = r.depth), s;
-}, Fn = (r, t, e, n, o) => {
+}, lo = (r, t, e, n, o) => {
   var g, f, m;
   if (!e)
     return { newData: r, inPlace: !1 };
   const s = (g = r.depth) != null ? g : 0, i = (f = t.depth) != null ? f : 0, l = r.style, a = t.style;
   if (l !== a)
     return { newData: r, inPlace: !1 };
-  const c = "depth" in t ? t.depth : 0, d = q(R(R({}, r), t), {
+  const c = "depth" in t ? t.depth : 0, d = V(T(T({}, r), t), {
     depth: c
   }), h = n();
   return h && typeof t.text == "string" && (h.innerHTML = t.text), s !== i ? (o.adjustDepthTo(i), o.updateMarkerForDepth(i, a), { newData: d, inPlace: !0 }) : (a === "checklist" && o.updateCheckboxState((m = t.checked) != null ? m : !1), { newData: d, inPlace: !0 });
-}, qn = (r, t) => {
+}, ao = (r, t) => {
   const { element: e, getContentElement: n, parseHTML: o, data: s } = r;
   if (!e)
     return;
@@ -684,13 +787,13 @@ const J = 24, In = "outline-hidden py-[3px] mt-[2px] mb-px", Ln = "outline-hidde
     const l = o(t.text);
     i.appendChild(l), i.normalize();
   }
-}, zn = (r, t, e, n) => r.map((o) => ({
+}, co = (r, t, e, n) => r.map((o) => ({
   icon: o.icon,
   title: e(`toolNames.${o.titleKey}`),
   onActivate: () => n(o.style),
   closeOnActivate: !0,
   isActive: t === o.style
-})), Vn = (r) => {
+})), ho = (r) => {
   if (!r)
     return;
   const e = (r.getAttribute("style") || "").match(/margin-left:\s*(\d+)px/);
@@ -698,7 +801,7 @@ const J = 24, In = "outline-hidden py-[3px] mt-[2px] mb-px", Ln = "outline-hidde
     return;
   const n = parseInt(e[1], 10);
   return n > 0 ? { left: n } : void 0;
-}, Un = (r) => {
+}, uo = (r) => {
   const t = r.closest("[data-list-depth]");
   if (!t)
     return;
@@ -706,11 +809,11 @@ const J = 24, In = "outline-hidden py-[3px] mt-[2px] mb-px", Ln = "outline-hidde
   if (e === null)
     return;
   const n = parseInt(e, 10);
-  return n > 0 ? { left: n * J } : void 0;
-}, Kn = (r) => {
-  const t = r.closest('[role="listitem"]') || r.querySelector('[role="listitem"]'), e = Vn(t);
-  return e !== void 0 ? e : Un(r);
-}, jn = (r, t) => {
+  return n > 0 ? { left: n * Q } : void 0;
+}, po = (r) => {
+  const t = r.closest('[role="listitem"]') || r.querySelector('[role="listitem"]'), e = ho(t);
+  return e !== void 0 ? e : uo(r);
+}, go = (r, t) => {
   const e = document.createRange();
   if (e.setStart(r, 0), e.setEnd(t.startContainer, t.startOffset), !r.lastChild)
     return {
@@ -719,33 +822,33 @@ const J = 24, In = "outline-hidden py-[3px] mt-[2px] mb-px", Ln = "outline-hidde
     };
   const n = document.createRange();
   return n.setStart(t.endContainer, t.endOffset), n.setEndAfter(r.lastChild), {
-    beforeContent: Vt(e.cloneContents()),
-    afterContent: Vt(n.cloneContents())
+    beforeContent: Zt(e.cloneContents()),
+    afterContent: Zt(n.cloneContents())
   };
-}, Vt = (r) => {
+}, Zt = (r) => {
   const t = document.createElement("div");
   return t.appendChild(r), t.innerHTML;
-}, Xn = (r) => {
+}, fo = (r) => {
   const t = document.createElement("div");
   t.innerHTML = r.trim();
   const e = document.createDocumentFragment();
   return e.append(...Array.from(t.childNodes)), e;
-}, Yn = (r, t) => {
+}, mo = (r, t) => {
   const e = document.createRange();
   return e.selectNodeContents(r), e.setEnd(t.startContainer, t.startOffset), e.toString().length === 0;
-}, Zn = (r, t) => {
+}, Co = (r, t) => {
   const e = document.createRange();
   e.selectNodeContents(r), e.setEnd(t.startContainer, t.startOffset);
   const n = e.toString().length === 0, o = document.createRange();
   o.selectNodeContents(r), o.setStart(t.endContainer, t.endOffset);
   const s = o.toString().length === 0;
   return n && s;
-}, Jn = (r) => {
+}, bo = (r) => {
   if (typeof r != "object" || r === null)
     return !1;
   const e = Object.entries(r).find(([n]) => n === "items");
   return e === void 0 ? !1 : Array.isArray(e[1]);
-}, Qn = (r) => typeof r == "object" && r !== null, to = (r) => typeof r == "string" ? r : "", eo = (r, t) => r === "unordered" || r === "ordered" || r === "checklist" ? r : t, no = (r) => !!r, oo = (r, t) => typeof r == "number" ? r : t, so = (r, t) => {
+}, yo = (r) => typeof r == "object" && r !== null, vo = (r) => typeof r == "string" ? r : "", So = (r, t) => r === "unordered" || r === "ordered" || r === "checklist" ? r : t, wo = (r) => !!r, ko = (r, t) => typeof r == "number" ? r : t, Eo = (r, t) => {
   const e = t.defaultStyle || "unordered";
   if (!r || typeof r != "object")
     return {
@@ -754,18 +857,18 @@ const J = 24, In = "outline-hidden py-[3px] mt-[2px] mb-px", Ln = "outline-hidde
       checked: !1,
       depth: 0
     };
-  if (Jn(r)) {
+  if (bo(r)) {
     const n = r.items[0], o = (n == null ? void 0 : n.content) || "", s = (n == null ? void 0 : n.checked) || !1;
-    return R({
+    return T({
       text: o,
       style: r.style || e,
       checked: !!s,
       depth: 0
     }, r.start !== void 0 && r.start !== 1 ? { start: r.start } : {});
   }
-  if (Qn(r)) {
-    const n = to(r.text), o = eo(r.style, e), s = no(r.checked), i = oo(r.depth, 0), l = r.start, a = typeof l == "number" && l !== void 0 && l !== 1 ? l : void 0;
-    return R({
+  if (yo(r)) {
+    const n = vo(r.text), o = So(r.style, e), s = wo(r.checked), i = ko(r.depth, 0), l = r.start, a = typeof l == "number" && l !== void 0 && l !== 1 ? l : void 0;
+    return T({
       text: n,
       style: o,
       checked: s,
@@ -779,7 +882,7 @@ const J = 24, In = "outline-hidden py-[3px] mt-[2px] mb-px", Ln = "outline-hidde
     depth: 0
   };
 };
-class Te {
+class Oe {
   constructor(t) {
     this.blocks = t;
   }
@@ -798,7 +901,7 @@ class Te {
     if (t === 0)
       return 0;
     const e = this.blocks.getBlockByIndex(t - 1);
-    return !e || e.name !== B ? 0 : this.getBlockDepth(e) + 1;
+    return !e || e.name !== L ? 0 : this.getBlockDepth(e) + 1;
   }
   /**
    * Calculate the target depth for a list item dropped at the given index.
@@ -811,10 +914,10 @@ class Te {
     const { blockIndex: e, currentDepth: n } = t, o = this.getMaxAllowedDepth(e);
     if (n > o)
       return o;
-    const s = this.blocks.getBlockByIndex(e + 1), i = s && s.name === B, l = i ? this.getBlockDepth(s) : 0;
+    const s = this.blocks.getBlockByIndex(e + 1), i = s && s.name === L, l = i ? this.getBlockDepth(s) : 0;
     if (i && l > n && l <= o)
       return l;
-    const c = e > 0 ? this.blocks.getBlockByIndex(e - 1) : void 0, d = c && c.name === B, h = d ? this.getBlockDepth(c) : 0;
+    const c = e > 0 ? this.blocks.getBlockByIndex(e - 1) : void 0, d = c && c.name === L, h = d ? this.getBlockDepth(c) : 0;
     return d && !i && h > n && h <= o ? h : n;
   }
   /**
@@ -836,10 +939,10 @@ class Te {
     if (!t)
       return 0;
     const e = (s = (o = t.holder) == null ? void 0 : o.querySelector('[role="listitem"]')) == null ? void 0 : s.getAttribute("style"), n = e == null ? void 0 : e.match(/margin-left:\s*(\d+)px/);
-    return n ? Math.round(parseInt(n[1], 10) / J) : 0;
+    return n ? Math.round(parseInt(n[1], 10) / Q) : 0;
   }
 }
-const io = (r, t) => {
+const Ao = (r, t) => {
   if (!r) return null;
   if (t === "checklist") {
     const n = r.querySelector("[contenteditable]");
@@ -847,15 +950,15 @@ const io = (r, t) => {
   }
   const e = r.querySelector('[data-blok-testid="list-content-container"]');
   return e instanceof HTMLElement ? e : null;
-}, ro = (r, t, e) => {
+}, xo = (r, t, e) => {
   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 * J}px` : ""), t.depth = e;
-}, Re = (r, t) => t.getBlockDepth(r), Be = (r, t) => t.getBlockStyle(r), lo = (r, t) => t.getBulletCharacter(r), Ut = (r, t, e, n, o) => {
+  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) => {
   var i;
   const s = r && (i = n.getBlockIndex(r)) != null ? i : n.getCurrentBlockIndex();
   return s <= 0 ? 0 : o.getSiblingIndex(s, t, e);
-}, ao = (r, t, e, n, o, s) => {
+}, Ro = (r, t, e, n, o, s) => {
   var a, c;
   if (r === 0)
     return (a = n.start) != null ? a : 1;
@@ -866,10 +969,10 @@ const io = (r, t) => {
     n.style
   );
   return l === null ? 1 : s.getBlockStartValue(l);
-}, Kt = (r, t, e, n, o, s) => {
-  const l = ao(r, t, n, e, o, s) + r;
+}, Qt = (r, t, e, n, o, s) => {
+  const l = Ro(r, t, n, e, o, s) + r;
   return s.formatNumber(l, t);
-}, co = (r, t, e, n) => n.findGroupStart(r, t, e), Ie = (r, t, e, n) => {
+}, Bo = (r, t, e, n) => n.findGroupStart(r, t, e), Me = (r, t, e, n) => {
   if (!r)
     return;
   const o = r.holder, s = o == null ? void 0 : o.querySelector('[data-list-style="ordered"]');
@@ -881,9 +984,9 @@ const io = (r, t) => {
   const l = t.getBlockIndex(r.id);
   if (l == null)
     return;
-  const a = Re(r, e), c = Be(r, n) || "ordered", d = n.getSiblingIndex(l, a, c), u = n.getGroupStartValue(l, a, d, c) + d, p = n.formatNumber(u, a);
+  const a = Ne(r, e), c = _e(r, n) || "ordered", d = n.getSiblingIndex(l, a, c), u = n.getGroupStartValue(l, a, d, c) + d, p = n.formatNumber(u, a);
   i.textContent = p;
-}, ho = (r, t, e, n, o, s, i, l) => {
+}, Lo = (r, t, e, n, o, s, i, l) => {
   const a = (c) => {
     if (c >= t)
       return;
@@ -892,28 +995,28 @@ const io = (r, t) => {
       return;
     }
     const d = s.getBlockByIndex(c);
-    if (!d || d.name !== B)
+    if (!d || d.name !== L)
       return;
-    const h = Re(d, i);
+    const h = Ne(d, i);
     if (h < n)
       return;
     if (h > n) {
       a(c + 1);
       return;
     }
-    Be(d, l) === o && (Ie(d, s, i, l), a(c + 1));
+    _e(d, l) === o && (Me(d, s, i, l), a(c + 1));
   };
   a(r);
-}, uo = (r, t, e) => {
+}, Io = (r, t, e) => {
   const n = r.getBlocksCount();
   Array.from({ length: n }, (o, s) => s).forEach((o) => {
     const s = r.getBlockByIndex(o);
-    if (!s || s.name !== B)
+    if (!s || s.name !== L)
       return;
     const i = s.holder;
-    i != null && i.querySelector('[data-list-style="ordered"]') && Ie(s, r, t, e);
+    i != null && i.querySelector('[data-list-style="ordered"]') && Me(s, r, t, e);
   });
-}, et = (r, t, e = "end") => {
+}, ot = (r, t, e = "end") => {
   const n = (i) => {
     const l = t.holder;
     if (!l) return;
@@ -929,7 +1032,7 @@ const io = (r, t) => {
     e === "start" ? (d.setStart(a, 0), d.collapse(!0)) : (d.selectNodeContents(a), d.collapse(!1)), c.removeAllRanges(), c.addRange(d), i && r.caret.updateLastCaretAfterPosition();
   }, o = t.holder;
   (o == null ? void 0 : o.querySelector('[contenteditable="true"]')) instanceof HTMLElement ? n(!1) : requestAnimationFrame(() => n(!0));
-}, po = async (r) => {
+}, Do = async (r) => {
   var g;
   const { api: t, blockId: e, data: n, element: o, getContentElement: s } = r, i = window.getSelection();
   if (!i || !o) return;
@@ -937,25 +1040,25 @@ const io = (r, t) => {
   if (!l) return;
   const a = l.innerHTML.trim();
   if (a === "" || a === "<br>") {
-    await go(r);
+    await Po(r);
     return;
   }
-  const c = i.getRangeAt(0), { beforeContent: d, afterContent: h } = jn(l, c), u = e && (g = t.blocks.getBlockIndex(e)) != null ? g : t.blocks.getCurrentBlockIndex();
+  const c = i.getRangeAt(0), { beforeContent: d, afterContent: h } = go(l, c), u = e && (g = t.blocks.getBlockIndex(e)) != null ? g : t.blocks.getCurrentBlockIndex();
   if (!e) {
     l.innerHTML = d, n.text = d;
-    const f = t.blocks.insert(B, {
+    const f = t.blocks.insert(L, {
       text: h,
       style: n.style,
       checked: !1,
       depth: n.depth
     }, void 0, u + 1, !0);
-    et(t, f, "start");
+    ot(t, f, "start");
     return;
   }
   const p = t.blocks.splitBlock(
     e,
     { text: d },
-    B,
+    L,
     {
       text: h,
       style: n.style,
@@ -964,63 +1067,63 @@ const io = (r, t) => {
     },
     u + 1
   );
-  n.text = d, et(t, p, "start");
-}, go = async (r) => {
+  n.text = d, ot(t, p, "start");
+}, Po = async (r) => {
   const { api: t, blockId: e, getDepth: n } = r;
   if (n() > 0) {
-    await Le(r);
+    await Ge(r);
     return;
   }
   if (e === void 0)
     return;
   const s = await t.blocks.convert(e, "paragraph", { text: "" });
-  et(t, s, "start");
-}, fo = async (r, t) => {
+  ot(t, s, "start");
+}, Ho = 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();
   if (!h) return;
   a();
   const u = o.text, p = l();
-  if (Zn(h, d) && !c.isCollapsed) {
+  if (Co(h, d) && !c.isCollapsed) {
     t.preventDefault(), h.innerHTML = "", o.text = "";
     const m = document.createRange();
     m.setStart(h, 0), m.collapse(!0), c.removeAllRanges(), c.addRange(m);
     return;
   }
-  if (!Yn(h, d) || (t.preventDefault(), n === void 0))
+  if (!mo(h, d) || (t.preventDefault(), n === void 0))
     return;
   const f = await e.blocks.convert(n, "paragraph", { text: u });
   p > 0 && requestAnimationFrame(() => {
     const m = f.holder;
-    m && (m.style.marginLeft = `${p * J}px`, m.setAttribute("data-blok-depth", String(p)));
-  }), et(e, f, "start");
-}, mo = async (r, t) => {
+    m && (m.style.marginLeft = `${p * Q}px`, m.setAttribute("data-blok-depth", String(p)));
+  }), ot(e, f, "start");
+}, Oo = async (r, t) => {
   const { api: e, blockId: n, data: o, syncContentFromDOM: s, getDepth: i } = r, l = e.blocks.getCurrentBlockIndex();
   if (l === 0) return;
   const a = e.blocks.getBlockByIndex(l - 1);
-  if (!a || a.name !== B) return;
+  if (!a || a.name !== L) return;
   const c = i(), d = t.getBlockDepth(a);
   if (c > d) return;
   s();
   const h = c + 1;
   o.depth = h;
-  const u = await e.blocks.update(n || "", q(R({}, o), {
+  const u = await e.blocks.update(n || "", V(T({}, o), {
     depth: h
   }));
-  et(e, u);
-}, Le = async (r) => {
+  ot(e, u);
+}, Ge = async (r) => {
   const { api: t, blockId: e, data: n, syncContentFromDOM: o, getDepth: s } = r, i = s();
   if (i === 0) return;
   o();
   const l = i - 1;
   n.depth = l;
-  const a = await t.blocks.update(e || "", q(R({}, n), {
+  const a = await t.blocks.update(e || "", V(T({}, n), {
     depth: l
   }));
-  et(t, a);
-}, Co = (r) => {
-  const { data: t, readOnly: e, placeholder: n, itemColor: o, itemSize: s, setupItemPlaceholder: i, onCheckboxChange: l, keydownHandler: a } = r, c = xe({
+  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({
     data: t,
     readOnly: e,
     placeholder: n,
@@ -1035,14 +1138,14 @@ const io = (r, t) => {
     });
   }
   return c.wrapper;
-}, yo = (r) => {
+}, _o = (r) => {
   const t = (e) => {
     if (e <= 0) return "";
     const n = e - 1;
     return t(Math.floor(n / 26)) + String.fromCharCode(97 + n % 26);
   };
   return t(r);
-}, bo = (r) => {
+}, Mo = (r) => {
   const t = [
     [1e3, "m"],
     [900, "cm"],
@@ -1064,7 +1167,7 @@ const io = (r, t) => {
   };
   return e(r, 0);
 };
-class De {
+class We {
   constructor(t) {
     this.blocks = t;
   }
@@ -1123,7 +1226,7 @@ class De {
    */
   formatNumber(t, e) {
     const n = e % 3;
-    return n === 1 ? `${yo(t)}.` : n === 2 ? `${bo(t)}.` : `${t}.`;
+    return n === 1 ? `${_o(t)}.` : n === 2 ? `${Mo(t)}.` : `${t}.`;
   }
   /**
    * Get the start value for a list group.
@@ -1158,7 +1261,7 @@ class De {
     if (t < 0 || n <= 0)
       return t + 1;
     const s = this.blocks.getBlockByIndex(t);
-    if (!s || s.name !== B)
+    if (!s || s.name !== L)
       return t + 1;
     const i = this.getBlockDepth(s);
     if (i < e)
@@ -1176,7 +1279,7 @@ class De {
     if (!t)
       return 0;
     const e = (s = (o = t.holder) == null ? void 0 : o.querySelector('[role="listitem"]')) == null ? void 0 : s.getAttribute("style"), n = e == null ? void 0 : e.match(/margin-left:\s*(\d+)px/);
-    return n ? Math.round(parseInt(n[1], 10) / J) : 0;
+    return n ? Math.round(parseInt(n[1], 10) / Q) : 0;
   }
   /**
    * Get the style of a block by reading from its DOM.
@@ -1201,7 +1304,7 @@ class De {
     if (t < 0)
       return 0;
     const o = this.blocks.getBlockByIndex(t);
-    if (!o || o.name !== B)
+    if (!o || o.name !== L)
       return 0;
     const s = this.getBlockDepth(o);
     return s < e ? 0 : s > e ? this.countPrecedingAtDepth(t - 1, e, n) : this.getBlockStyle(o) !== n ? 0 : 1 + this.countPrecedingAtDepth(t - 1, e, n);
@@ -1213,16 +1316,16 @@ class De {
     if (t < 0)
       return e;
     const s = this.blocks.getBlockByIndex(t);
-    if (!s || s.name !== B)
+    if (!s || s.name !== L)
       return e;
     const i = this.getBlockDepth(s);
     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 St = { value: !1 };
-class vo {
+const kt = { value: !1 };
+class Go {
   constructor(t) {
-    this.blocks = t, this.depthValidator = new Te(t), this.markerCalculator = new De(t);
+    this.blocks = t, this.depthValidator = new Oe(t), this.markerCalculator = new We(t);
   }
   /**
    * Update this block's marker element with the correct index.
@@ -1263,7 +1366,7 @@ class vo {
     const t = this.blocks.getBlocksCount();
     for (const e of Array.from({ length: t }, (n, o) => o)) {
       const n = this.blocks.getBlockByIndex(e);
-      if (!n || n.name !== B)
+      if (!n || n.name !== L)
         continue;
       const o = n.holder;
       o != null && o.querySelector('[data-list-style="ordered"]') && this.updateBlockMarker(n);
@@ -1274,8 +1377,8 @@ class vo {
    * Uses a static flag to deduplicate multiple calls in the same frame.
    */
   scheduleUpdateAll() {
-    St.value || (St.value = !0, requestAnimationFrame(() => {
-      St.value = !1, this.updateAllMarkers();
+    kt.value || (kt.value = !0, requestAnimationFrame(() => {
+      kt.value = !1, this.updateAllMarkers();
     }));
   }
   /**
@@ -1295,7 +1398,7 @@ class vo {
       if (l === n)
         continue;
       const a = this.blocks.getBlockByIndex(l);
-      if (!a || a.name !== B)
+      if (!a || a.name !== L)
         return;
       const c = this.depthValidator.getBlockDepth(a);
       if (c < o)
@@ -1337,7 +1440,7 @@ class vo {
     o.textContent = u;
   }
 }
-const So = (r) => r instanceof HTMLElement, wo = /* @__PURE__ */ new Set([
+const Wo = (r) => r instanceof HTMLElement, $o = /* @__PURE__ */ new Set([
   "decimal",
   "decimal-leading-zero",
   "lower-roman",
@@ -1368,12 +1471,12 @@ const So = (r) => r instanceof HTMLElement, wo = /* @__PURE__ */ new Set([
   "telugu",
   "thai",
   "tibetan"
-]), ko = /* @__PURE__ */ new Set([
+]), Fo = /* @__PURE__ */ new Set([
   "disc",
   "circle",
   "square",
   "none"
-]), Ao = (r) => {
+]), qo = (r) => {
   const t = r.getAttribute("data-list-style");
   if (t === "ordered") return "ordered";
   if (t === "unordered") return "unordered";
@@ -1382,25 +1485,25 @@ const So = (r) => r instanceof HTMLElement, wo = /* @__PURE__ */ new Set([
   const n = e.match(/list-style-type\s*:\s*([^;]+)/);
   if (!n) return null;
   const o = n[1].trim().toLowerCase();
-  return wo.has(o) ? "ordered" : ko.has(o) ? "unordered" : null;
-}, Eo = (r, t) => {
+  return $o.has(o) ? "ordered" : Fo.has(o) ? "unordered" : null;
+}, zo = (r, t) => {
   const e = r.parentElement;
   if ((e == null ? void 0 : e.tagName) === "OL") return "ordered";
   if ((e == null ? void 0 : e.tagName) === "UL")
     return r.querySelector('input[type="checkbox"]') ? "checklist" : "unordered";
-  const n = Ao(r);
+  const n = qo(r);
   return n || t;
-}, xo = (r) => {
+}, Vo = (r) => {
   const t = r.innerHTML || r.textContent || "", e = r.querySelector('input[type="checkbox"]'), n = e instanceof HTMLInputElement ? e.checked : !1;
   return { text: t, checked: n };
-}, To = (r) => {
+}, Ko = (r) => {
   const t = r.getAttribute("aria-level");
   if (t) {
     const e = parseInt(t, 10);
     return Math.max(0, e - 1);
   }
   return 0;
-}, Ro = () => ({
+}, Uo = () => ({
   text: {
     br: !0,
     a: {
@@ -1411,7 +1514,7 @@ const So = (r) => r instanceof HTMLElement, wo = /* @__PURE__ */ new Set([
     b: !0,
     i: !0
   }
-}), Bo = () => ({
+}), jo = () => ({
   tags: [
     {
       li: {
@@ -1422,35 +1525,35 @@ const So = (r) => r instanceof HTMLElement, wo = /* @__PURE__ */ new Set([
       }
     }
   ]
-}), Io = () => ({
+}), Yo = () => ({
   export: (r) => r.text,
   import: (r) => ({
     text: r,
     style: "unordered",
     checked: !1
   })
-}), jt = [
+}), te = [
   {
     name: "bulletedList",
     titleKey: "bulletedList",
     style: "unordered",
-    icon: me
+    icon: we
   },
   {
     name: "numberedList",
     titleKey: "numberedList",
     style: "ordered",
-    icon: Ce
+    icon: ke
   },
   {
     name: "todoList",
     titleKey: "todoList",
     style: "checklist",
-    icon: ye
+    icon: Ee
   }
-], Lo = () => [
+], Xo = () => [
   {
-    icon: me,
+    icon: we,
     title: "Bulleted list",
     titleKey: "bulletedList",
     data: { style: "unordered" },
@@ -1459,7 +1562,7 @@ const So = (r) => r instanceof HTMLElement, wo = /* @__PURE__ */ new Set([
     shortcut: "-"
   },
   {
-    icon: Ce,
+    icon: ke,
     title: "Numbered list",
     titleKey: "numberedList",
     data: { style: "ordered" },
@@ -1468,7 +1571,7 @@ const So = (r) => r instanceof HTMLElement, wo = /* @__PURE__ */ new Set([
     shortcut: "1."
   },
   {
-    icon: ye,
+    icon: Ee,
     title: "To-do list",
     titleKey: "todoList",
     data: { style: "checklist" },
@@ -1477,22 +1580,22 @@ const So = (r) => r instanceof HTMLElement, wo = /* @__PURE__ */ new Set([
     shortcut: "[]"
   }
 ];
-class Js {
+class Ei {
   constructor({ data: t, config: e, api: n, readOnly: o, block: s }) {
     this._element = null, this.handleBlockChanged = (i) => {
       var l;
       this.isBlockChangedEventPayload(i) && (i.event.type === "block-removed" || i.event.type === "block-added") && ((l = this.markerManager) == null || l.scheduleUpdateAll());
-    }, this.api = n, this.readOnly = o, this._settings = e || {}, this._data = this.normalizeData(t), this.depthValidator = new Te(n.blocks), this.markerCalculator = new De(n.blocks), this.markerManager = this._data.style === "ordered" ? new vo(n.blocks) : null, s && (this.blockId = s.id), this._data.style === "ordered" && this.api.events.on("block changed", this.handleBlockChanged);
+    }, this.api = n, this.readOnly = o, this._settings = e || {}, this._data = this.normalizeData(t), this.depthValidator = new Oe(n.blocks), this.markerCalculator = new We(n.blocks), this.markerManager = this._data.style === "ordered" ? new Go(n.blocks) : null, s && (this.blockId = s.id), this._data.style === "ordered" && this.api.events.on("block changed", this.handleBlockChanged);
   }
   isBlockChangedEventPayload(t) {
     return typeof t == "object" && t !== null && "event" in t && typeof t.event == "object" && t.event !== null && "type" in t.event && typeof t.event.type == "string";
   }
   normalizeData(t) {
-    return so(t, this._settings);
+    return Eo(t, this._settings);
   }
   get availableStyles() {
     const t = this._settings.styles;
-    return !t || t.length === 0 ? jt : jt.filter((e) => t.includes(e.style));
+    return !t || t.length === 0 ? te : te.filter((e) => t.includes(e.style));
   }
   get itemColor() {
     return this._settings.itemColor;
@@ -1501,13 +1604,13 @@ class Js {
     return this._settings.itemSize;
   }
   get placeholder() {
-    return this.api.i18n.t(Hn);
+    return this.api.i18n.t(Qn);
   }
   setupItemPlaceholder(t) {
-    this.readOnly || Dt(t, this.placeholder);
+    this.readOnly || wt(t, this.placeholder);
   }
   render() {
-    return this._element = Co({
+    return this._element = No({
       data: this._data,
       readOnly: this.readOnly,
       placeholder: this.placeholder,
@@ -1537,7 +1640,7 @@ class Js {
     e !== n && this.adjustDepthTo(n);
   }
   adjustDepthTo(t) {
-    ro(this._element, this._data, t);
+    xo(this._element, this._data, t);
   }
   removed() {
     this._data.style === "ordered" && (this.api.events.off("block changed", this.handleBlockChanged), requestAnimationFrame(() => {
@@ -1545,30 +1648,30 @@ class Js {
     }));
   }
   updateAllOrderedListMarkers() {
-    uo(this.api.blocks, this.depthValidator, this.markerCalculator);
+    Io(this.api.blocks, this.depthValidator, this.markerCalculator);
   }
   updateMarker() {
     var s;
     const t = (s = this._element) == null ? void 0 : s.querySelector("[data-list-marker]");
     if (!t)
       return;
-    const e = this.getDepth(), n = Ut(this.blockId, e, this._data.style, this.api.blocks, this.markerCalculator), o = Kt(n, e, this._data, this.blockId, this.api.blocks, this.markerCalculator);
+    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);
     t.textContent = o;
   }
   updateSiblingListMarkers() {
     var i;
-    const t = this.blockId ? (i = this.api.blocks.getBlockIndex(this.blockId)) != null ? i : this.api.blocks.getCurrentBlockIndex() : this.api.blocks.getCurrentBlockIndex(), e = this.getDepth(), n = this._data.style, o = this.api.blocks.getBlocksCount(), s = co(t, e, n, this.markerCalculator);
-    ho(s, o, t, e, n, this.api.blocks, this.depthValidator, this.markerCalculator);
+    const t = this.blockId ? (i = this.api.blocks.getBlockIndex(this.blockId)) != null ? i : this.api.blocks.getCurrentBlockIndex() : this.api.blocks.getCurrentBlockIndex(), e = this.getDepth(), n = this._data.style, o = this.api.blocks.getBlocksCount(), s = Bo(t, e, n, this.markerCalculator);
+    Lo(s, o, t, e, n, this.api.blocks, this.depthValidator, this.markerCalculator);
   }
   updateMarkerForDepth(t, e) {
     var o;
     const n = (o = this._element) == null ? void 0 : o.querySelector('[aria-hidden="true"]');
     if (n instanceof HTMLElement)
       if (e === "ordered") {
-        const s = Ut(this.blockId, t, this._data.style, this.api.blocks, this.markerCalculator), i = Kt(s, t, this._data, this.blockId, this.api.blocks, this.markerCalculator);
+        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);
         n.textContent = i;
       } else {
-        const s = lo(t, this.markerCalculator);
+        const s = To(t, this.markerCalculator);
         n.textContent = s;
       }
   }
@@ -1608,7 +1711,7 @@ class Js {
       syncContentFromDOM: this.syncContentFromDOM.bind(this),
       getDepth: this.getDepth.bind(this)
     };
-    await po(t);
+    await Do(t);
   }
   async handleBackspace(t) {
     const e = {
@@ -1620,7 +1723,7 @@ class Js {
       syncContentFromDOM: this.syncContentFromDOM.bind(this),
       getDepth: this.getDepth.bind(this)
     };
-    await fo(e, t);
+    await Ho(e, t);
   }
   async handleIndent() {
     const t = {
@@ -1632,7 +1735,7 @@ class Js {
       syncContentFromDOM: this.syncContentFromDOM.bind(this),
       getDepth: this.getDepth.bind(this)
     };
-    await mo(t, this.depthValidator);
+    await Oo(t, this.depthValidator);
   }
   async handleOutdent() {
     const t = {
@@ -1644,7 +1747,7 @@ class Js {
       syncContentFromDOM: this.syncContentFromDOM.bind(this),
       getDepth: this.getDepth.bind(this)
     };
-    await Le(t);
+    await Ge(t);
   }
   syncContentFromDOM() {
     var n;
@@ -1655,10 +1758,10 @@ class Js {
     e instanceof HTMLInputElement && (this._data.checked = e.checked);
   }
   getContentElement() {
-    return io(this._element, this._data.style);
+    return Ao(this._element, this._data.style);
   }
   renderSettings() {
-    return zn(this.availableStyles, this._data.style, this.api.i18n.t, (t) => this.setStyle(t));
+    return co(this.availableStyles, this._data.style, this.api.i18n.t, (t) => this.setStyle(t));
   }
   setStyle(t) {
     const e = this._data.style;
@@ -1667,7 +1770,7 @@ class Js {
     });
   }
   rerender() {
-    const t = Wn({
+    const t = io({
       data: this._data,
       readOnly: this.readOnly,
       placeholder: this.placeholder,
@@ -1686,10 +1789,10 @@ class Js {
     return typeof t.text == "string";
   }
   save() {
-    return $n(this._data, this._element, this.getContentElement.bind(this));
+    return ro(this._data, this._element, this.getContentElement.bind(this));
   }
   setData(t) {
-    const e = Fn(
+    const e = lo(
       this._data,
       t,
       this._element,
@@ -1703,35 +1806,35 @@ class Js {
     return this._data = e.newData, e.inPlace;
   }
   merge(t) {
-    qn(
+    ao(
       {
         data: this._data,
         element: this._element,
         getContentElement: this.getContentElement.bind(this),
-        parseHTML: Xn
+        parseHTML: fo
       },
       t
     );
   }
   static get conversionConfig() {
-    return Io();
+    return Yo();
   }
   static get sanitize() {
-    return Ro();
+    return Uo();
   }
   static get pasteConfig() {
-    return Bo();
+    return jo();
   }
   onPaste(t) {
     const e = t.detail;
     if (!("data" in e)) return;
     const n = e.data;
-    if (!So(n))
+    if (!Wo(n))
       return;
-    const { text: o, checked: s } = xo(n), i = To(n);
+    const { text: o, checked: s } = Vo(n), i = Ko(n);
     this._data = {
       text: o,
-      style: Eo(n, this._data.style),
+      style: zo(n, this._data.style),
       checked: s,
       depth: i
     }, this.rerender();
@@ -1740,19 +1843,19 @@ class Js {
     return !0;
   }
   getContentOffset(t) {
-    return Kn(t);
+    return po(t);
   }
   static get toolbox() {
-    return Lo();
+    return Xo();
   }
 }
-const Do = "data-blok-table-add-row", Po = "data-blok-table-add-col", Xt = 150, Ho = 5, Yt = 40, Zt = [
+const Zo = "data-blok-table-add-row", Jo = "data-blok-table-add-col", ee = 150, Qo = 5, ne = 40, oe = [
   "flex",
   "items-center",
   "justify-center",
   "transition-opacity",
   "duration-150"
-], Jt = [
+], se = [
   "flex",
   "items-center",
   "justify-center",
@@ -1760,8 +1863,8 @@ const Do = "data-blok-table-add-row", Po = "data-blok-table-add-col", Xt = 150,
   "border-gray-300",
   "rounded-full",
   "group-hover/add:bg-gray-50"
-], Qt = "12";
-class No {
+], ie = "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);
   }
@@ -1834,7 +1937,7 @@ class No {
       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) > Ho && !this.dragState.didDrag && (this.dragState.didDrag = !0, document.body.style.cursor = e === "row" ? "row-resize" : "col-resize", en(), this.onDragStart());
+    Math.abs(i) > Qo && !this.dragState.didDrag && (this.dragState.didDrag = !0, document.body.style.cursor = e === "row" ? "row-resize" : "col-resize", pn(), this.onDragStart());
   }
   handlePointerUp(t) {
     if (!this.dragState)
@@ -1871,7 +1974,7 @@ class No {
   }
   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 <= Yt ? this.showRow() : this.scheduleHideRow(), l <= Yt ? this.showCol() : this.scheduleHideCol();
+    i <= ne ? this.showRow() : this.scheduleHideRow(), l <= ne ? this.showCol() : this.scheduleHideCol();
   }
   handleMouseLeave() {
     this.scheduleHideRow(), this.scheduleHideCol();
@@ -1886,13 +1989,13 @@ class No {
     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;
-    }, Xt));
+    }, ee));
   }
   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;
-    }, Xt));
+    }, ee));
   }
   clearRowTimeout() {
     this.rowHideTimeout !== null && (clearTimeout(this.rowHideTimeout), this.rowHideTimeout = null);
@@ -1902,31 +2005,31 @@ class No {
   }
   createAddRowButton() {
     const t = document.createElement("div");
-    t.className = w(Zt, "group/add", "items-start", "cursor-row-resize"), t.setAttribute(Do, ""), 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(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";
     const e = document.createElement("div");
-    return e.className = w(Jt), e.style.width = "100%", e.style.height = "16px", this.appendIcon(e), t.appendChild(e), Ot(t, Mt([
+    return e.className = w(se), e.style.width = "100%", e.style.height = "16px", this.appendIcon(e), t.appendChild(e), $t(t, Ft([
       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(Zt, "group/add", "justify-start", "cursor-col-resize"), t.setAttribute(Po, ""), 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(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";
     const e = document.createElement("div");
-    return e.className = w(Jt), e.style.width = "16px", e.style.height = "100%", this.appendIcon(e), t.appendChild(e), Ot(t, Mt([
+    return e.className = w(se), e.style.width = "16px", e.style.height = "100%", this.appendIcon(e), t.appendChild(e), $t(t, Ft([
       this.i18n.t("tools.table.clickToAddColumn"),
       this.i18n.t("tools.table.dragToAddRemoveColumns")
     ]), { placement: "bottom" }), t;
   }
   appendIcon(t) {
-    t.insertAdjacentHTML("beforeend", nn);
+    t.insertAdjacentHTML("beforeend", gn);
     const e = t.querySelector("svg");
-    e && (e.setAttribute("width", Qt), e.setAttribute("height", Qt), e.setAttribute("viewBox", "0 0 24 24"), e.classList.add("text-gray-500", "pointer-events-none"));
+    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"));
   }
 }
-const b = "data-blok-table-row", y = "data-blok-table-cell", $ = 1, ht = `${$}px solid #d1d5db`, Oo = [
+const y = "data-blok-table-row", b = "data-blok-table-cell", q = 1, pt = `${q}px solid #d1d5db`, es = [
   "flex"
-], Mo = [
+], ns = [
   "py-1",
   "px-2",
   "min-h-[2em]",
@@ -1934,11 +2037,11 @@ const b = "data-blok-table-row", y = "data-blok-table-cell", $ = 1, ht = `${$}px
   "leading-normal",
   "text-sm",
   "cursor-text"
-], _o = (r) => {
+], os = (r) => {
   const t = Math.round(100 / r * 100) / 100;
   return Array.from({ length: r }, () => t);
 };
-class Go {
+class ss {
   constructor(t) {
     this.readOnly = t.readOnly;
   }
@@ -1947,8 +2050,8 @@ class Go {
    */
   createGrid(t, e, n) {
     const o = document.createElement("div");
-    o.style.borderTop = ht, o.style.borderLeft = ht;
-    const s = n != null ? n : _o(e);
+    o.style.borderTop = pt, o.style.borderLeft = pt;
+    const s = n != null ? n : os(e);
     return Array.from({ length: t }).forEach(() => {
       o.appendChild(this.createRow(e, s));
     }), o;
@@ -1964,14 +2067,14 @@ class Go {
    * Otherwise appends at the end.
    */
   addRow(t, e) {
-    const n = this.getColumnCount(t), o = this.getRawCellWidths(t), s = this.createRow(n, o), i = t.querySelectorAll(`[${b}]`);
+    const n = this.getColumnCount(t), o = this.getRawCellWidths(t), s = this.createRow(n, o), i = t.querySelectorAll(`[${y}]`);
     return e !== void 0 && e < i.length ? t.insertBefore(s, i[e]) : t.appendChild(s), s;
   }
   /**
    * Delete a row at index
    */
   deleteRow(t, e) {
-    const n = t.querySelectorAll(`[${b}]`);
+    const n = t.querySelectorAll(`[${y}]`);
     e < n.length && n[e].remove();
   }
   /**
@@ -1983,7 +2086,7 @@ class Go {
    * existing columns from shrinking when the table is in percent mode.
    */
   addColumn(t, e, n, o) {
-    const s = t.querySelectorAll(`[${b}]`), i = this.getColumnCount(t), l = n !== void 0 && n.length === i, a = l || this.detectWidthUnit(t) === "px";
+    const s = t.querySelectorAll(`[${y}]`), i = this.getColumnCount(t), l = n !== void 0 && n.length === i, a = l || this.detectWidthUnit(t) === "px";
     return l && this.convertToPixelWidths(s, n), a ? (this.addColumnPx(s, i, e, o), !0) : (this.addColumnPercent(s, i, e), !0);
   }
   /**
@@ -1991,7 +2094,7 @@ class Go {
    */
   convertToPixelWidths(t, e) {
     t.forEach((n) => {
-      n.querySelectorAll(`[${y}]`).forEach((s, i) => {
+      n.querySelectorAll(`[${b}]`).forEach((s, i) => {
         if (i < e.length) {
           const l = s;
           l.style.width = `${e[i]}px`;
@@ -2005,7 +2108,7 @@ class Go {
   addColumnPx(t, e, n, o) {
     const s = o != null ? o : this.computeHalfAvgPxWidth(t, e);
     t.forEach((i) => {
-      const l = i.querySelectorAll(`[${y}]`), a = n === void 0 || n >= l.length, c = this.createCell(`${s}px`);
+      const l = i.querySelectorAll(`[${b}]`), a = n === void 0 || n >= l.length, c = this.createCell(`${s}px`);
       if (!a) {
         i.insertBefore(c, l[n]);
         return;
@@ -2014,7 +2117,7 @@ class Go {
     });
   }
   computeHalfAvgPxWidth(t, e) {
-    const n = t[0], o = n == null ? void 0 : n.querySelectorAll(`[${y}]`), s = Array.from(o != null ? o : []).reduce(
+    const n = t[0], o = n == null ? void 0 : n.querySelectorAll(`[${b}]`), s = Array.from(o != null ? o : []).reduce(
       (i, l) => i + (parseFloat(l.style.width) || 0),
       0
     );
@@ -2026,11 +2129,11 @@ class Go {
   addColumnPercent(t, e, n) {
     const s = 1 - 0.5 / e;
     t.forEach((i) => {
-      i.querySelectorAll(`[${y}]`).forEach((u) => {
+      i.querySelectorAll(`[${b}]`).forEach((u) => {
         const p = u, g = parseFloat(p.style.width) || 100 / e, f = Math.round(g * s * 100) / 100;
         p.style.width = `${f}%`;
       });
-      const a = Math.round(100 / e / 2 * 100) / 100, c = i.querySelectorAll(`[${y}]`), d = n === void 0 || n >= c.length, h = this.createCell(`${a}%`);
+      const a = Math.round(100 / e / 2 * 100) / 100, c = i.querySelectorAll(`[${b}]`), d = n === void 0 || n >= c.length, h = this.createCell(`${a}%`);
       if (!d) {
         i.insertBefore(h, c[n]);
         return;
@@ -2042,8 +2145,8 @@ class Go {
    * Delete a column at index
    */
   deleteColumn(t, e) {
-    t.querySelectorAll(`[${b}]`).forEach((o) => {
-      const s = o.querySelectorAll(`[${y}]`);
+    t.querySelectorAll(`[${y}]`).forEach((o) => {
+      const s = o.querySelectorAll(`[${b}]`);
       e >= s.length || s[e].remove();
     });
   }
@@ -2054,12 +2157,12 @@ class Go {
   moveRow(t, e, n) {
     if (e === n)
       return;
-    const o = Array.from(t.querySelectorAll(`[${b}]`));
+    const o = Array.from(t.querySelectorAll(`[${y}]`));
     if (e >= o.length || n >= o.length)
       return;
     const s = o[e];
     s.remove();
-    const i = Array.from(t.querySelectorAll(`[${b}]`));
+    const i = Array.from(t.querySelectorAll(`[${y}]`));
     n >= i.length ? t.appendChild(s) : t.insertBefore(s, i[n]);
   }
   /**
@@ -2069,13 +2172,13 @@ class Go {
   moveColumn(t, e, n) {
     if (e === n)
       return;
-    t.querySelectorAll(`[${b}]`).forEach((s) => {
-      const i = Array.from(s.querySelectorAll(`[${y}]`));
+    t.querySelectorAll(`[${y}]`).forEach((s) => {
+      const i = Array.from(s.querySelectorAll(`[${b}]`));
       if (e >= i.length || n >= i.length)
         return;
       const l = i[e];
       l.remove();
-      const a = Array.from(s.querySelectorAll(`[${y}]`));
+      const a = Array.from(s.querySelectorAll(`[${b}]`));
       n >= a.length ? s.appendChild(l) : s.insertBefore(l, a[n]);
     });
   }
@@ -2083,33 +2186,33 @@ class Go {
    * Get number of rows
    */
   getRowCount(t) {
-    return t.querySelectorAll(`[${b}]`).length;
+    return t.querySelectorAll(`[${y}]`).length;
   }
   /**
    * Get number of columns (from first row)
    */
   getColumnCount(t) {
-    const e = t.querySelector(`[${b}]`);
-    return e ? e.querySelectorAll(`[${y}]`).length : 0;
+    const e = t.querySelector(`[${y}]`);
+    return e ? e.querySelectorAll(`[${b}]`).length : 0;
   }
   /**
    * Get a specific cell element
    */
   getCell(t, e, n) {
-    const o = t.querySelectorAll(`[${b}]`);
+    const o = t.querySelectorAll(`[${y}]`);
     if (e >= o.length)
       return null;
-    const s = o[e].querySelectorAll(`[${y}]`);
+    const s = o[e].querySelectorAll(`[${b}]`);
     return n >= s.length ? null : s[n];
   }
   /**
    * Read column widths from the DOM
    */
   getColWidths(t) {
-    const e = t.querySelector(`[${b}]`);
+    const e = t.querySelector(`[${y}]`);
     if (!e)
       return [];
-    const n = e.querySelectorAll(`[${y}]`), o = [];
+    const n = e.querySelectorAll(`[${b}]`), o = [];
     return n.forEach((s) => {
       const i = parseFloat(s.style.width);
       o.push(isNaN(i) ? 0 : i);
@@ -2119,20 +2222,20 @@ class Go {
    * Detect whether cells use 'px' or '%' widths
    */
   detectWidthUnit(t) {
-    const e = t.querySelector(`[${b}]`);
+    const e = t.querySelector(`[${y}]`);
     if (!e)
       return "%";
-    const n = e.querySelector(`[${y}]`);
+    const n = e.querySelector(`[${b}]`);
     return n && n.style.width.endsWith("px") ? "px" : "%";
   }
   /**
    * Read raw CSS width strings (e.g. "200px", "33.33%") from first row cells
    */
   getRawCellWidths(t) {
-    const e = t.querySelector(`[${b}]`);
+    const e = t.querySelector(`[${y}]`);
     if (!e)
       return [];
-    const n = e.querySelectorAll(`[${y}]`);
+    const n = e.querySelectorAll(`[${b}]`);
     return Array.from(n).map((o) => o.style.width);
   }
   /**
@@ -2140,7 +2243,7 @@ class Go {
    */
   createRow(t, e) {
     const n = document.createElement("div");
-    return n.className = w(Oo), n.setAttribute(b, ""), Array.from({ length: t }).forEach((o, s) => {
+    return n.className = w(es), n.setAttribute(y, ""), Array.from({ length: t }).forEach((o, s) => {
       n.appendChild(this.createCell(e[s]));
     }), n;
   }
@@ -2149,13 +2252,13 @@ class Go {
    */
   createCell(t) {
     const e = document.createElement("div");
-    e.className = w(Mo), e.style.borderRight = ht, e.style.borderBottom = ht, 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(y, "");
+    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(L, ""), e.appendChild(n), e;
+    return n.setAttribute(D, ""), e.appendChild(n), e;
   }
 }
-const Y = (r) => typeof r == "object" && r !== null && "blocks" in r, L = "data-blok-table-cell-blocks";
-class Wo {
+const Z = (r) => typeof r == "object" && r !== null && "blocks" in r, D = "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) => {
@@ -2180,9 +2283,9 @@ class Wo {
         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(`[${L}]`);
+      const a = s.target.holder, c = a.closest(`[${D}]`);
       c && this.stripPlaceholders(c);
-      const d = c && !this.model.findCellForBlock(s.target.id) ? c.closest(`[${y}]`) : null;
+      const d = c && !this.model.findCellForBlock(s.target.id) ? c.closest(`[${b}]`) : null;
       if (d && this.syncBlockToModel(d, s.target.id), c)
         return;
       if (!this.gridElement.contains(a)) {
@@ -2199,13 +2302,13 @@ class Wo {
       const o = n.target;
       if (!o)
         return;
-      const s = o.hasAttribute(y), i = o.hasAttribute(L);
+      const s = o.hasAttribute(b), i = o.hasAttribute(D);
       if (!s && !i)
         return;
-      const l = s ? o : o.closest(`[${y}]`);
+      const l = s ? o : o.closest(`[${b}]`);
       if (!l)
         return;
-      const a = s ? l.querySelector(`[${L}]`) : o;
+      const a = s ? l.querySelector(`[${D}]`) : o;
       if (!a)
         return;
       const c = a.querySelectorAll("[data-blok-id]"), d = c[c.length - 1];
@@ -2283,7 +2386,7 @@ class Wo {
     const n = this.getCell(t.row, t.col);
     if (!n)
       return;
-    const o = n.querySelector(`[${L}]`);
+    const o = n.querySelector(`[${D}]`);
     if (!o)
       return;
     const s = o.querySelectorAll('[contenteditable="true"]');
@@ -2320,30 +2423,30 @@ class Wo {
    * - If referenced blocks are missing from BlockManager, a fallback paragraph is created.
    */
   initializeCells(t) {
-    const e = this.gridElement.querySelectorAll(`[${b}]`), n = [];
+    const e = this.gridElement.querySelectorAll(`[${y}]`), n = [];
     return t.forEach((o, s) => {
       const i = e[s];
       if (!i)
         return;
-      const l = i.querySelectorAll(`[${y}]`), a = [];
+      const l = i.querySelectorAll(`[${b}]`), a = [];
       o.forEach((c, d) => {
         var m;
         const h = l[d];
         if (!h)
           return;
-        const u = h.querySelector(`[${L}]`);
+        const u = h.querySelector(`[${D}]`);
         if (!u)
           return;
-        const p = Y(c) && c.blocks.length > 0 ? [...c.blocks] : null, g = p ? this.mountBlocksInCell(u, p) : [], f = {};
-        if (Y(c) && (c.color !== void 0 && (f.color = c.color), c.textColor !== void 0 && (f.textColor = c.textColor)), g.length > 0)
-          a.push(R({ blocks: p != null ? p : g }, f));
+        const p = Z(c) && c.blocks.length > 0 ? [...c.blocks] : null, g = p ? this.mountBlocksInCell(u, p) : [], f = {};
+        if (Z(c) && (c.color !== void 0 && (f.color = c.color), c.textColor !== void 0 && (f.textColor = c.textColor)), g.length > 0)
+          a.push(T({ blocks: p != null ? p : g }, f));
         else {
-          const C = typeof c == "string" ? c : (m = c.text) != null ? m : "", v = C.split(/<br\s*\/?>/i).map((A) => A.trim()).filter(Boolean), k = v.length > 0 ? v : [C], x = [];
-          for (const A of k) {
-            const E = this.api.blocks.insert("paragraph", { text: A }, {}, this.api.blocks.getBlocksCount(), !1);
-            u.appendChild(E.holder), this.api.blocks.setBlockParent(E.id, this.tableBlockId), x.push(E.id);
+          const C = typeof c == "string" ? c : (m = c.text) != null ? m : "", v = C.split(/<br\s*\/?>/i).map((E) => E.trim()).filter(Boolean), k = v.length > 0 ? v : [C], x = [];
+          for (const E of k) {
+            const A = this.api.blocks.insert("paragraph", { text: E }, {}, this.api.blocks.getBlocksCount(), !1);
+            u.appendChild(A.holder), this.api.blocks.setBlockParent(A.id, this.tableBlockId), x.push(A.id);
           }
-          a.push(R({
+          a.push(T({
             blocks: p === null ? x : [...p, ...x]
           }, f));
         }
@@ -2381,7 +2484,7 @@ class Wo {
    * Move a block's DOM holder into a cell's blocks container.
    */
   claimBlockForCell(t, e) {
-    const n = t.querySelector(`[${L}]`);
+    const n = t.querySelector(`[${D}]`);
     if (!n)
       return;
     const o = this.api.blocks.getBlockIndex(e);
@@ -2405,7 +2508,7 @@ class Wo {
   findCellForAdjacentBlock(t) {
     if (t < 0 || t >= this.api.blocks.getBlocksCount())
       return null;
-    const e = this.api.blocks.getBlockByIndex(t), n = e == null ? void 0 : e.holder.closest(`[${y}]`);
+    const e = this.api.blocks.getBlockByIndex(t), n = e == null ? void 0 : e.holder.closest(`[${b}]`);
     return n && this.gridElement.contains(n) ? n : null;
   }
   /**
@@ -2413,7 +2516,7 @@ class Wo {
    * If the blocks container is empty, insert an empty paragraph.
    */
   ensureCellHasBlock(t) {
-    const e = t.querySelector(`[${L}]`);
+    const e = t.querySelector(`[${D}]`);
     if (!e || e.querySelector("[data-blok-id]") !== null)
       return;
     const o = this.api.blocks.insert("paragraph", { text: "" }, {}, this.api.blocks.getBlocksCount(), !0);
@@ -2444,13 +2547,13 @@ class Wo {
    * Get the row/col position of a cell element within the grid.
    */
   getCellPosition(t) {
-    const e = t.closest(`[${b}]`);
+    const e = t.closest(`[${y}]`);
     if (!e)
       return null;
-    const o = Array.from(this.gridElement.querySelectorAll(`[${b}]`)).indexOf(e);
+    const o = Array.from(this.gridElement.querySelectorAll(`[${y}]`)).indexOf(e);
     if (o < 0)
       return null;
-    const i = Array.from(e.querySelectorAll(`[${y}]`)).indexOf(t);
+    const i = Array.from(e.querySelectorAll(`[${b}]`)).indexOf(t);
     return i < 0 ? null : { row: o, col: i };
   }
   /**
@@ -2461,7 +2564,7 @@ class Wo {
   recordRemovedBlockCell(t) {
     if (t.index === void 0)
       return;
-    const e = t.target.holder.closest(`[${y}]`);
+    const e = t.target.holder.closest(`[${b}]`);
     e && this.gridElement.contains(e) && this.removedBlockCells.set(t.target.id, { cell: e, index: t.index });
   }
   /**
@@ -2554,7 +2657,7 @@ class Wo {
   getBlockIdsFromCells(t) {
     const e = [];
     return Array.from(t).forEach((o) => {
-      const s = o.querySelector(`[${L}]`);
+      const s = o.querySelector(`[${D}]`);
       s && s.querySelectorAll("[data-blok-id]").forEach((i) => {
         const l = i.getAttribute("data-blok-id");
         l && e.push(l);
@@ -2574,7 +2677,7 @@ class Wo {
    * Called before the table block itself is removed to prevent orphaned cell blocks.
    */
   deleteAllBlocks() {
-    const t = this.gridElement.querySelectorAll(`[${y}]`), e = this.getBlockIdsFromCells(t);
+    const t = this.gridElement.querySelectorAll(`[${b}]`), e = this.getBlockIdsFromCells(t);
     this.deleteBlocks(e);
   }
   /**
@@ -2601,14 +2704,14 @@ class Wo {
     this.deferredEvents.length = 0;
   }
 }
-function $o(r, t) {
+function rs(r, t) {
   if (r === t)
     return !0;
-  const e = _t(r), n = _t(t);
+  const e = qt(r), n = qt(t);
   return e === null || n === null ? !1 : e[0] === n[0] && e[1] === n[1] && e[2] === n[2];
 }
-const Fo = "flex-1 py-1.5 text-xs text-center rounded-md cursor-pointer border-none transition-colors", qo = "#f7f7f5";
-function Pe(r) {
+const ls = "flex-1 py-1.5 text-xs text-center rounded-md cursor-pointer border-none transition-colors", as = "#f7f7f5";
+function $e(r) {
   var g;
   const { i18n: t, modes: e, testIdPrefix: n, onColorSelect: o } = r, s = (g = r.defaultModeIndex) != null ? g : 0, i = { modeIndex: s, activeColor: null }, l = document.createElement("div");
   l.setAttribute("data-blok-testid", `${n}-picker`), l.className = "flex flex-col gap-2 p-2";
@@ -2624,7 +2727,7 @@ function Pe(r) {
   const d = () => {
     for (const [f, m] of c.entries())
       m.className = w(
-        Fo,
+        ls,
         f === i.modeIndex ? "bg-item-hover-bg font-medium" : "bg-transparent hover:bg-item-hover-bg/50"
       );
   }, h = document.createElement("div");
@@ -2632,14 +2735,14 @@ function Pe(r) {
   const u = () => {
     h.innerHTML = "";
     const f = e[i.modeIndex];
-    for (const m of on) {
-      const C = document.createElement("button"), v = f.presetField === "text" ? m.text : m.bg, k = i.activeColor !== null && $o(v, i.activeColor);
+    for (const m of fn) {
+      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",
         "flex items-center justify-center text-sm font-semibold",
         "transition-shadow ring-inset hover:ring-2 hover:ring-black/10",
         k && "ring-2 ring-black/30"
-      ), C.textContent = "A", f.presetField === "text" ? (C.style.color = m.text, C.style.backgroundColor = qo) : (C.style.color = "", C.style.backgroundColor = m.bg), C.addEventListener("click", () => {
+      ), C.textContent = "A", f.presetField === "text" ? (C.style.color = m.text, C.style.backgroundColor = as) : (C.style.color = "", C.style.backgroundColor = m.bg), C.addEventListener("click", () => {
         o(v, f.key);
       }), h.appendChild(C);
     }
@@ -2662,7 +2765,7 @@ function Pe(r) {
     }
   };
 }
-const zo = (r) => ({ element: Pe({
+const cs = (r) => ({ element: $e({
   i18n: r.i18n,
   testIdPrefix: "cell-color",
   defaultModeIndex: 1,
@@ -2673,21 +2776,21 @@ const zo = (r) => ({ element: Pe({
   onColorSelect: (e, n) => {
     r.onColorSelect(e, n);
   }
-}).element }), K = 16, Vo = [
+}).element }), j = 16, ds = [
   [2, 2],
   [8, 2],
   [2, 7],
   [8, 7],
   [2, 12],
   [8, 12]
-], Uo = [
+], hs = [
   [2, 2],
   [7, 2],
   [12, 2],
   [2, 8],
   [7, 8],
   [12, 8]
-], He = (r) => {
+], Fe = (r) => {
   const t = document.createElementNS("http://www.w3.org/2000/svg", "svg"), e = r === "horizontal";
   t.setAttribute("width", e ? "14" : "10"), t.setAttribute("height", e ? "10" : "14"), t.setAttribute("viewBox", e ? "0 0 14 10" : "0 0 10 14"), t.setAttribute("fill", "currentColor"), t.classList.add(
     "opacity-0",
@@ -2696,21 +2799,21 @@ const zo = (r) => ({ element: Pe({
     "text-gray-400",
     "pointer-events-none"
   );
-  const n = e ? Uo : Vo;
+  const n = e ? hs : ds;
   for (const [o, s] of n) {
     const i = document.createElementNS("http://www.w3.org/2000/svg", "circle");
     i.setAttribute("cx", String(o)), i.setAttribute("cy", String(s)), i.setAttribute("r", "1.5"), t.appendChild(i);
   }
   return t;
-}, Ko = (r, t) => {
-  t === "col" ? Object.assign(r.style, { height: `${K}px` }) : Object.assign(r.style, { width: `${K}px` }), r.classList.add("bg-gray-200"), r.classList.remove("bg-gray-300");
+}, us = (r, t) => {
+  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"));
-}, wt = (r, t, e) => {
+}, Et = (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"));
-}, kt = "data-blok-table-cell-selected", jo = "2px solid #3b82f6", At = "data-blok-table-selection-pill", Xo = 16, Yo = 20, te = 4, Zo = [
+}, At = "data-blok-table-cell-selected", ps = "2px solid #3b82f6", xt = "data-blok-table-selection-pill", gs = 16, fs = 20, re = 4, ms = [
   "absolute",
   "z-3",
   "rounded-sm",
@@ -2723,8 +2826,8 @@ const zo = (r) => ({ element: Pe({
   "overflow-hidden",
   "cursor-pointer",
   "bg-blue-500"
-], Jo = (r) => r.style.userSelect === "none";
-class Qo {
+], Cs = (r) => r.style.userSelect === "none";
+class bs {
   constructor(t) {
     this.anchorCell = null, this.extentCell = null, this.isSelecting = !1, this.hasSelection = !1, this.selectedCells = [], this.overlay = null, this.pill = null, this.pillPopover = null, this.resizeObserver = null, this.lastPaintedRange = null, this.grid = t.grid, this.rectangleSelection = t.rectangleSelection, this.onSelectionActiveChange = t.onSelectionActiveChange, this.onClearContent = t.onClearContent, this.onCopy = t.onCopy, this.onCut = t.onCut, this.onCopyViaButton = t.onCopyViaButton, this.onColorChange = t.onColorChange, this.onSelectionRangeChange = t.onSelectionRangeChange, this.isPopoverOpen = t.isPopoverOpen, this.i18n = t.i18n, this.grid.style.position = "relative", this.boundPointerDown = this.handlePointerDown.bind(this), this.boundPointerMove = this.handlePointerMove.bind(this), this.boundPointerUp = this.handlePointerUp.bind(this), this.boundClearSelection = this.handleClearSelection.bind(this), this.boundCancelRectangle = this.handleCancelRectangle.bind(this), this.boundKeyDown = this.handleKeyDown.bind(this), this.boundCopyHandler = this.handleCopy.bind(this), this.boundCutHandler = this.handleCut.bind(this), this.boundPreventDragStart = this.handleDragStart.bind(this), this.grid.addEventListener("pointerdown", this.boundPointerDown), this.grid.addEventListener("dragstart", this.boundPreventDragStart), document.addEventListener("keydown", this.boundKeyDown), document.addEventListener("copy", this.boundCopyHandler), document.addEventListener("cut", this.boundCutHandler);
   }
@@ -2736,14 +2839,14 @@ class Qo {
    */
   selectRow(t) {
     var o, s;
-    const n = (s = (o = this.grid.querySelectorAll(`[${b}]`)[0]) == null ? void 0 : o.querySelectorAll(`[${y}]`).length) != null ? s : 0;
+    const n = (s = (o = this.grid.querySelectorAll(`[${y}]`)[0]) == null ? void 0 : o.querySelectorAll(`[${b}]`).length) != null ? s : 0;
     n !== 0 && this.showProgrammaticSelection(t, 0, t, n - 1);
   }
   /**
    * Programmatically select an entire column.
    */
   selectColumn(t) {
-    const n = this.grid.querySelectorAll(`[${b}]`).length;
+    const n = this.grid.querySelectorAll(`[${y}]`).length;
     n !== 0 && this.showProgrammaticSelection(0, t, n - 1, t);
   }
   /**
@@ -2774,10 +2877,10 @@ class Qo {
     this.anchorCell && t.preventDefault();
   }
   handlePointerDown(t) {
-    if (Jo(this.grid) || t.button !== 0)
+    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(`[${At}]`))
+    if (e.closest("[data-blok-table-grip]") || e.closest("[data-blok-table-resize]") || e.closest(`[${xt}]`))
       return;
     const n = this.resolveCellCoord(e);
     if (!n)
@@ -2819,7 +2922,7 @@ class Qo {
   }
   handleClearSelection(t) {
     const e = t.target;
-    e instanceof HTMLElement && e.closest(`[${At}]`) || 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(`[${xt}]`) || 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;
@@ -2840,7 +2943,7 @@ class Qo {
   }
   restoreModifiedCells() {
     this.destroyPillPopover(), this.disconnectResizeObserver(), this.selectedCells.forEach((t) => {
-      t.removeAttribute(kt);
+      t.removeAttribute(At);
     }), this.pill && (this.pill.remove(), this.pill = null), this.overlay && (this.overlay.remove(), this.overlay = null), this.selectedCells = [];
   }
   showProgrammaticSelection(t, e, n, o) {
@@ -2852,19 +2955,19 @@ class Qo {
     if (!this.anchorCell || !this.extentCell)
       return;
     this.selectedCells.forEach((x) => {
-      x.removeAttribute(kt);
+      x.removeAttribute(At);
     }), 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(`[${b}]`);
+    const s = this.grid.querySelectorAll(`[${y}]`);
     this.selectedCells = this.collectCellsInRange(s, t, e, n, o), this.selectedCells.forEach((x) => {
-      x.setAttribute(kt, "");
+      x.setAttribute(At, "");
     });
-    const i = (v = s[t]) == null ? void 0 : v.querySelectorAll(`[${y}]`)[n], l = (k = s[e]) == null ? void 0 : k.querySelectorAll(`[${y}]`)[o];
+    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)
       return;
     const a = this.grid.getBoundingClientRect(), c = i.getBoundingClientRect(), d = l.getBoundingClientRect(), h = getComputedStyle(this.grid), u = parseFloat(h.borderTopWidth) || 0, p = parseFloat(h.borderLeftWidth) || 0, g = d.right - c.left + 1, f = d.bottom - c.top + 1, m = c.top - a.top - u - 1, C = c.left - a.left - p - 1;
-    this.overlay || (this.overlay = document.createElement("div"), this.overlay.setAttribute("data-blok-table-selection-overlay", ""), this.overlay.style.position = "absolute", this.overlay.style.border = jo, this.overlay.style.pointerEvents = "none", this.overlay.style.boxSizing = "border-box", this.overlay.style.borderRadius = "2px", this.grid.appendChild(this.overlay)), this.overlay.style.top = `${m}px`, this.overlay.style.left = `${C}px`, this.overlay.style.width = `${g}px`, this.overlay.style.height = `${f}px`, this.pill || (this.pill = this.createPill(), this.grid.appendChild(this.pill)), this.pill.style.left = `${C + g - 1}px`, this.pill.style.top = `${m + f / 2}px`, this.observeCellResizes();
+    this.overlay || (this.overlay = document.createElement("div"), this.overlay.setAttribute("data-blok-table-selection-overlay", ""), this.overlay.style.position = "absolute", this.overlay.style.border = ps, this.overlay.style.pointerEvents = "none", this.overlay.style.boxSizing = "border-box", this.overlay.style.borderRadius = "2px", this.grid.appendChild(this.overlay)), this.overlay.style.top = `${m}px`, this.overlay.style.left = `${C}px`, this.overlay.style.width = `${g}px`, this.overlay.style.height = `${f}px`, this.pill || (this.pill = this.createPill(), this.grid.appendChild(this.pill)), this.pill.style.left = `${C + g - 1}px`, this.pill.style.top = `${m + f / 2}px`, this.observeCellResizes();
   }
   /**
    * Recalculate overlay and pill positions from the last painted range.
@@ -2875,7 +2978,7 @@ class Qo {
     const t = this.lastPaintedRange;
     if (!t || !this.overlay)
       return;
-    const e = this.grid.querySelectorAll(`[${b}]`), n = (f = e[t.minRow]) == null ? void 0 : f.querySelectorAll(`[${y}]`)[t.minCol], o = (m = e[t.maxRow]) == null ? void 0 : m.querySelectorAll(`[${y}]`)[t.maxCol];
+    const e = this.grid.querySelectorAll(`[${y}]`), n = (f = e[t.minRow]) == null ? void 0 : f.querySelectorAll(`[${b}]`)[t.minCol], o = (m = e[t.maxRow]) == null ? void 0 : m.querySelectorAll(`[${b}]`)[t.maxCol];
     if (!n || !o)
       return;
     const s = this.grid.getBoundingClientRect(), i = n.getBoundingClientRect(), l = o.getBoundingClientRect(), a = getComputedStyle(this.grid), c = parseFloat(a.borderTopWidth) || 0, d = parseFloat(a.borderLeftWidth) || 0, h = l.right - i.left + 1, u = l.bottom - i.top + 1, p = i.top - s.top - c - 1, g = i.left - s.left - d - 1;
@@ -2899,8 +3002,8 @@ class Qo {
   }
   createPill() {
     const t = document.createElement("div");
-    t.setAttribute(At, ""), t.setAttribute("contenteditable", "false"), t.className = w(Zo), t.style.width = `${te}px`, t.style.height = `${Yo}px`, t.style.pointerEvents = "auto", t.style.transform = "translate(-50%, -50%)", t.style.outline = "2px solid white";
-    const e = He("vertical");
+    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";
+    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();
     }), t.addEventListener("mouseleave", () => {
@@ -2913,9 +3016,9 @@ class Qo {
     if (this.destroyPillPopover(), !this.pill)
       return;
     this.expandPill();
-    const t = ln === "Meta" ? "⌘C" : "Ctrl+C", e = [];
+    const t = bn === "Meta" ? "⌘C" : "Ctrl+C", e = [];
     if (this.onColorChange !== void 0) {
-      const { element: o } = zo({
+      const { element: o } = cs({
         i18n: this.i18n,
         onColorSelect: (s, i) => {
           var l;
@@ -2923,12 +3026,12 @@ class Qo {
         }
       });
       e.push({
-        icon: be,
+        icon: Ae,
         title: this.i18n.t("tools.table.cellColor"),
         name: "cellColor",
         children: {
           items: [{
-            type: W.Html,
+            type: F.Html,
             element: o
           }],
           isFlippable: !1,
@@ -2939,7 +3042,7 @@ class Qo {
     const n = [
       ...e,
       {
-        icon: sn,
+        icon: mn,
         title: this.i18n.t("tools.table.copySelection"),
         secondaryLabel: t,
         closeOnActivate: !0,
@@ -2949,7 +3052,7 @@ class Qo {
         }
       },
       {
-        icon: rn,
+        icon: Cn,
         title: this.i18n.t("tools.table.clearSelection"),
         secondaryLabel: "Del",
         closeOnActivate: !0,
@@ -2959,25 +3062,25 @@ class Qo {
         }
       }
     ];
-    this.pillPopover = new ve({
+    this.pillPopover = new xe({
       items: n,
       trigger: this.pill,
       flippable: !0
-    }), this.pillPopover.on(Se.Closed, () => {
+    }), this.pillPopover.on(Te.Closed, () => {
       this.pillPopover !== null && (this.destroyPillPopover(), this.collapsePill());
     }), this.pillPopover.show();
   }
   expandPill() {
     if (!this.pill)
       return;
-    this.pill.style.width = `${Xo}px`;
+    this.pill.style.width = `${gs}px`;
     const t = this.pill.querySelector("svg");
     t && (t.classList.remove("opacity-0"), t.classList.add("opacity-100"));
   }
   collapsePill() {
     if (!this.pill)
       return;
-    this.pill.style.width = `${te}px`;
+    this.pill.style.width = `${re}px`;
     const t = this.pill.querySelector("svg");
     t && (t.classList.add("opacity-0"), t.classList.remove("opacity-100"));
   }
@@ -2988,23 +3091,23 @@ class Qo {
     }
   }
   resolveCellCoord(t) {
-    const e = t.closest(`[${y}]`);
+    const e = t.closest(`[${b}]`);
     if (!e)
       return null;
-    const n = e.closest(`[${b}]`);
+    const n = e.closest(`[${y}]`);
     if (!n || !this.grid.contains(n))
       return null;
-    const s = Array.from(this.grid.querySelectorAll(`[${b}]`)).indexOf(n);
+    const s = Array.from(this.grid.querySelectorAll(`[${y}]`)).indexOf(n);
     if (s < 0)
       return null;
-    const l = Array.from(n.querySelectorAll(`[${y}]`)).indexOf(e);
+    const l = Array.from(n.querySelectorAll(`[${b}]`)).indexOf(e);
     return l < 0 ? null : { row: s, col: l };
   }
   clampExtentToEdge(t) {
     var c, d, h, u, p, g;
     if (!this.anchorCell || !this.isSelecting)
       return;
-    const e = this.grid.getBoundingClientRect(), n = this.grid.querySelectorAll(`[${b}]`), o = n.length, s = (d = (c = n[0]) == null ? void 0 : c.querySelectorAll(`[${y}]`).length) != null ? d : 0;
+    const e = this.grid.getBoundingClientRect(), n = this.grid.querySelectorAll(`[${y}]`), o = n.length, s = (d = (c = n[0]) == null ? void 0 : c.querySelectorAll(`[${b}]`).length) != null ? d : 0;
     if (o === 0 || s === 0)
       return;
     const i = this.clampAxis(t.clientY, e.top, e.bottom, o, (u = (h = this.extentCell) == null ? void 0 : h.row) != null ? u : this.anchorCell.row), l = this.clampAxis(t.clientX, e.left, e.right, s, (g = (p = this.extentCell) == null ? void 0 : p.col) != null ? g : this.anchorCell.col), a = { row: i, col: l };
@@ -3012,7 +3115,7 @@ class Qo {
   }
   collectCellsInRange(t, e, n, o, s) {
     return Array.from(t).slice(e, n + 1).flatMap((i) => {
-      const l = i.querySelectorAll(`[${y}]`);
+      const l = i.querySelectorAll(`[${b}]`);
       return Array.from(l).slice(o, s + 1).filter((a) => a instanceof HTMLElement);
     });
   }
@@ -3024,51 +3127,51 @@ class Qo {
     return t < e ? 0 : t > n ? o - 1 : s;
   }
 }
-const j = (r) => {
-  const t = r.querySelector(`[${b}]`);
+const Y = (r) => {
+  const t = r.querySelector(`[${y}]`);
   if (!t)
     return [];
-  const e = t.querySelectorAll(`[${y}]`);
+  const e = t.querySelectorAll(`[${b}]`);
   return Array.from(e).map(
     (n) => n.getBoundingClientRect().width
   );
-}, yt = (r, t) => {
+}, vt = (r, t) => {
   const e = t.reduce((s, i) => s + i, 0), n = r;
-  n.style.width = `${e + $}px`, r.querySelectorAll(`[${b}]`).forEach((s) => {
-    s.querySelectorAll(`[${y}]`).forEach((l, a) => {
+  n.style.width = `${e + q}px`, r.querySelectorAll(`[${y}]`).forEach((s) => {
+    s.querySelectorAll(`[${b}]`).forEach((l, a) => {
       if (a < t.length) {
         const c = l;
         c.style.width = `${t[a]}px`;
       }
     });
   });
-}, Rt = (r, t) => {
-  const e = Array.from(r.querySelectorAll(`[${b}]`)), n = e.findIndex((i) => Array.from(i.querySelectorAll(`[${y}]`)).includes(t));
+}, Dt = (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;
-  const s = Array.from(e[n].querySelectorAll(`[${y}]`)).indexOf(t);
+  const s = Array.from(e[n].querySelectorAll(`[${b}]`)).indexOf(t);
   return { row: n, col: s };
-}, Ne = (r) => {
+}, qe = (r) => {
   var e;
-  const t = r.querySelector(`[${L}]`);
+  const t = r.querySelector(`[${D}]`);
   return t ? ((e = t.textContent) != null ? e : "").trim().length === 0 : !0;
-}, ts = (r, t) => {
-  const n = r.querySelectorAll(`[${b}]`)[t];
+}, ys = (r, t) => {
+  const n = r.querySelectorAll(`[${y}]`)[t];
   if (!n)
     return !0;
-  const o = n.querySelectorAll(`[${y}]`);
-  return Array.from(o).every((s) => Ne(s));
-}, es = (r, t) => {
-  const e = r.querySelectorAll(`[${b}]`);
+  const o = n.querySelectorAll(`[${b}]`);
+  return Array.from(o).every((s) => qe(s));
+}, vs = (r, t) => {
+  const e = r.querySelectorAll(`[${y}]`);
   return Array.from(e).every((n) => {
-    const s = n.querySelectorAll(`[${y}]`)[t];
-    return !s || Ne(s);
+    const s = n.querySelectorAll(`[${b}]`)[t];
+    return !s || qe(s);
   });
-}, ns = (r) => {
-  const t = r.querySelectorAll(`[${b}]`), e = t[0];
+}, Ss = (r) => {
+  const t = r.querySelectorAll(`[${y}]`), e = t[0];
   if (!e)
     return;
-  const n = e.querySelectorAll(`[${y}]`), o = Array.from(n).reduce(
+  const n = e.querySelectorAll(`[${b}]`), o = Array.from(n).reduce(
     (i, l) => i + (parseFloat(l.style.width) || 0),
     0
   );
@@ -3076,65 +3179,65 @@ const j = (r) => {
     return;
   const s = 100 / o;
   t.forEach((i) => {
-    i.querySelectorAll(`[${y}]`).forEach((a) => {
+    i.querySelectorAll(`[${b}]`).forEach((a) => {
       const c = a, d = parseFloat(c.style.width) || 0;
       c.style.width = `${Math.round(d * s * 100) / 100}%`;
     });
   });
-}, os = (r, t, e) => {
+}, ws = (r, t, e) => {
   if (!r)
     return r;
   const n = [...r], [o] = n.splice(t, 1);
   return n.splice(e, 0, o), n;
-}, ss = (r, t) => {
+}, ks = (r, t) => {
   if (!r)
     return r;
   const e = [...r];
   return e.splice(t, 1), e.length > 0 ? e : void 0;
-}, is = (r, t, e, n, o) => {
-  const s = e != null ? e : j(r), i = n !== void 0 ? Math.round(n / 2 * 100) / 100 : rt(s);
+}, Es = (r, t, e, n, o) => {
+  const s = e != null ? e : Y(r), i = n !== void 0 ? Math.round(n / 2 * 100) / 100 : at(s);
   o.addColumn(r, t, s, i);
   const l = [...s];
   return l.splice(t, 0, i), l;
-}, rt = (r) => Math.round(
+}, at = (r) => Math.round(
   r.reduce((t, e) => t + e, 0) / r.length / 2 * 100
-) / 100, rs = (r) => r.length === 0 ? 0 : Math.round(r.reduce((t, e) => t + e, 0) / r.length * 100) / 100, ls = (r, t, e) => {
+) / 100, As = (r) => r.length === 0 ? 0 : Math.round(r.reduce((t, e) => t + e, 0) / r.length * 100) / 100, xs = (r, t, e) => {
   var s;
   if (!r)
     return [];
-  const o = r.querySelectorAll(`[${b}]`)[e];
-  return o ? (s = t == null ? void 0 : t.getBlockIdsFromCells(o.querySelectorAll(`[${y}]`))) != null ? s : [] : [];
-}, as = (r, t, e) => {
+  const o = r.querySelectorAll(`[${y}]`)[e];
+  return o ? (s = t == null ? void 0 : t.getBlockIdsFromCells(o.querySelectorAll(`[${b}]`))) != null ? s : [] : [];
+}, Ts = (r, t, e) => {
   var s;
   if (!r)
     return [];
-  const n = r.querySelectorAll(`[${b}]`), o = [];
+  const n = r.querySelectorAll(`[${y}]`), o = [];
   return n.forEach((i) => {
-    const l = i.querySelectorAll(`[${y}]`);
+    const l = i.querySelectorAll(`[${b}]`);
     e < l.length && o.push(l[e]);
   }), (s = t == null ? void 0 : t.getBlockIdsFromCells(o)) != null ? s : [];
-}, O = (r, t) => {
-  r.querySelectorAll(`[${y}]`).forEach((n) => {
+}, _ = (r, t) => {
+  r.querySelectorAll(`[${b}]`).forEach((n) => {
     t == null || t.ensureCellHasBlock(n);
   });
-}, cs = (r, t, e, n) => {
-  const o = r.querySelectorAll(`[${b}]`);
+}, Rs = (r, t, e, n) => {
+  const o = r.querySelectorAll(`[${y}]`);
   t.forEach((s, i) => {
     const l = o[i];
     if (!l)
       return;
-    const a = l.querySelectorAll(`[${y}]`);
+    const a = l.querySelectorAll(`[${b}]`);
     s.forEach((c, d) => {
       var g;
       const h = a[d];
       if (!h)
         return;
-      const u = h.querySelector(`[${L}]`);
+      const u = h.querySelector(`[${D}]`);
       if (!u)
         return;
       const p = u.querySelectorAll("[data-blok-id]").length > 0;
-      if (!(!Y(c) && p)) {
-        if (!Y(c)) {
+      if (!(!Z(c) && p)) {
+        if (!Z(c)) {
           u.textContent = c;
           return;
         }
@@ -3154,7 +3257,7 @@ const j = (r) => {
       }
     });
   });
-}, ee = (r, t) => {
+}, le = (r, t) => {
   var l, a, c, d, h, u, p, g, f, m;
   if (!(typeof r == "object" && r !== null && "content" in r))
     return {
@@ -3172,47 +3275,47 @@ const j = (r) => {
     colWidths: i,
     initialColWidth: n.initialColWidth
   };
-}, ds = (r, t) => {
+}, Bs = (r, t) => {
   r.addEventListener("keydown", (e) => {
-    const o = e.target.closest(`[${y}]`);
+    const o = e.target.closest(`[${b}]`);
     if (!o)
       return;
-    const s = Rt(r, o);
+    const s = Dt(r, o);
     s && (t == null || t.handleKeyDown(e, s));
   });
-}, Oe = ["overflow-x-auto", "overflow-y-hidden"], ne = (r) => {
-  r == null || r.classList.add(...Oe);
-}, ot = (r, t) => {
+}, ze = ["overflow-x-auto", "overflow-y-hidden"], ae = (r) => {
+  r == null || r.classList.add(...ze);
+}, it = (r, t) => {
   if (!r)
     return;
-  const e = r.querySelectorAll(`[${b}]`);
+  const e = r.querySelectorAll(`[${y}]`);
   e.forEach((n) => {
     n.removeAttribute("data-blok-table-heading");
   }), t && e.length > 0 && e[0].setAttribute("data-blok-table-heading", "");
-}, st = (r, t) => {
-  const e = r.querySelectorAll(`[${b}]`);
+}, rt = (r, t) => {
+  const e = r.querySelectorAll(`[${y}]`);
   t.forEach((n, o) => {
     if (o >= e.length)
       return;
-    const s = e[o].querySelectorAll(`[${y}]`);
+    const s = e[o].querySelectorAll(`[${b}]`);
     n.forEach((i, l) => {
       if (l >= s.length)
         return;
       const a = s[l];
-      Y(i) && i.color ? a.style.backgroundColor = i.color : a.style.backgroundColor = "", Y(i) && i.textColor ? a.style.color = i.textColor : a.style.color = "";
+      Z(i) && i.color ? a.style.backgroundColor = i.color : a.style.backgroundColor = "", Z(i) && i.textColor ? a.style.color = i.textColor : a.style.color = "";
     });
   });
-}, z = (r, t) => {
+}, K = (r, t) => {
   if (!r)
     return;
-  r.querySelectorAll(`[${y}]`).forEach((n) => {
+  r.querySelectorAll(`[${b}]`).forEach((n) => {
     n.removeAttribute("data-blok-table-heading-col");
-  }), t && r.querySelectorAll(`[${b}]`).forEach((o) => {
-    const s = o.querySelector(`[${y}]`);
+  }), t && r.querySelectorAll(`[${y}]`).forEach((o) => {
+    const s = o.querySelector(`[${b}]`);
     s && s.setAttribute("data-blok-table-heading-col", "");
   });
-}, ut = (r) => !!(/^#[0-9a-f]{3,4}$/i.test(r) || /^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(r) || /^rgba?\(\s*[\d.]+\s*,\s*[\d.]+\s*,\s*[\d.]+\s*(,\s*[\d.]+\s*)?\)$/i.test(r) || /^hsla?\(\s*[\d.]+\s*,\s*[\d.]+%\s*,\s*[\d.]+%\s*(,\s*[\d.]+\s*)?\)$/i.test(r) || r === "transparent");
-class hs {
+}, gt = (r) => !!(/^#[0-9a-f]{3,4}$/i.test(r) || /^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(r) || /^rgba?\(\s*[\d.]+\s*,\s*[\d.]+\s*,\s*[\d.]+\s*(,\s*[\d.]+\s*)?\)$/i.test(r) || /^hsla?\(\s*[\d.]+\s*,\s*[\d.]+%\s*,\s*[\d.]+%\s*(,\s*[\d.]+\s*)?\)$/i.test(r) || r === "transparent");
+class Ls {
   constructor(t) {
     var e, n, o;
     this.withHeadingsValue = (e = t == null ? void 0 : t.withHeadings) != null ? e : !1, this.withHeadingColumnValue = (n = t == null ? void 0 : t.withHeadingColumn) != null ? n : !1, this.stretchedValue = (o = t == null ? void 0 : t.stretched) != null ? o : !1, this.colWidthsValue = t != null && t.colWidths ? [...t.colWidths] : void 0, this.initialColWidthValue = t == null ? void 0 : t.initialColWidth, this.contentGrid = this.normalizeContent(t == null ? void 0 : t.content), this.blockCellMap = /* @__PURE__ */ new Map(), this.rebuildBlockCellMap();
@@ -3311,7 +3414,7 @@ class hs {
    * Set the background color for a cell. Pass undefined to remove.
    */
   setCellColor(t, e, n) {
-    this.isInBounds(t, e) && (n === void 0 ? delete this.contentGrid[t][e].color : ut(n) && (this.contentGrid[t][e].color = n));
+    this.isInBounds(t, e) && (n === void 0 ? delete this.contentGrid[t][e].color : gt(n) && (this.contentGrid[t][e].color = n));
   }
   /**
    * Get the background color for a cell, or undefined if none set.
@@ -3324,7 +3427,7 @@ class hs {
    * Set the text color for a cell. Pass undefined to remove.
    */
   setCellTextColor(t, e, n) {
-    this.isInBounds(t, e) && (n === void 0 ? delete this.contentGrid[t][e].textColor : ut(n) && (this.contentGrid[t][e].textColor = n));
+    this.isInBounds(t, e) && (n === void 0 ? delete this.contentGrid[t][e].textColor : gt(n) && (this.contentGrid[t][e].textColor = n));
   }
   /**
    * Get the text color for a cell, or undefined if none set.
@@ -3501,9 +3604,9 @@ class hs {
    * Normalize a single cell: legacy strings become empty blocks arrays.
    */
   normalizeCell(t) {
-    if (Y(t)) {
+    if (Z(t)) {
       const e = { blocks: [...t.blocks] };
-      return t.color !== void 0 && ut(t.color) && (e.color = t.color), t.textColor !== void 0 && ut(t.textColor) && (e.textColor = t.textColor), e;
+      return t.color !== void 0 && gt(t.color) && (e.color = t.color), t.textColor !== void 0 && gt(t.textColor) && (e.textColor = t.textColor), e;
     }
     return { blocks: [] };
   }
@@ -3541,8 +3644,8 @@ class hs {
     return e;
   }
 }
-const oe = "data-blok-table-resize", us = "data-blok-table-cell", ps = "data-blok-table-row", gs = 50, Et = 16;
-class fs {
+const ce = "data-blok-table-resize", Is = "data-blok-table-cell", Ds = "data-blok-table-row", Ps = 50, Tt = 16;
+class Hs {
   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);
   }
@@ -3569,7 +3672,7 @@ class fs {
   }
   createHandle(t) {
     const e = document.createElement("div"), n = this.getHandleLeftPx(t);
-    return e.setAttribute(oe, ""), e.setAttribute("data-col", String(t)), e.style.position = "absolute", e.style.top = `-${$}px`, e.style.bottom = "0px", e.style.width = `${Et}px`, e.style.left = `${n - Et / 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(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", () => {
       this.isDragging || (e.style.opacity = "1");
     }), e.addEventListener("mouseleave", () => {
       this.isDragging || (e.style.opacity = "0");
@@ -3581,7 +3684,7 @@ class fs {
   updateHandlePositions() {
     this.handles.forEach((t, e) => {
       const n = this.getHandleLeftPx(e), o = t;
-      o.style.left = `${n - Et / 2}px`;
+      o.style.left = `${n - Tt / 2}px`;
     });
   }
   onPointerDown(t) {
@@ -3589,7 +3692,7 @@ class fs {
     if (!this._enabled)
       return;
     const e = t.target;
-    if (!e.hasAttribute(oe))
+    if (!e.hasAttribute(ce))
       return;
     t.preventDefault(), this.needsInitialApply && (this.applyWidths(), this.updateHandlePositions(), this.needsInitialApply = !1);
     const n = e.getAttribute("data-col");
@@ -3599,7 +3702,7 @@ class fs {
     var s, i;
     if (!this.isDragging)
       return;
-    const e = t.clientX - this.dragStartX, n = this.startColWidth + e, o = Math.max(gs, n);
+    const e = t.clientX - this.dragStartX, n = this.startColWidth + e, o = Math.max(Ps, 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() {
@@ -3610,46 +3713,46 @@ class fs {
     t && (t.style.opacity = "0"), document.removeEventListener("pointermove", this.boundPointerMove), document.removeEventListener("pointerup", this.boundPointerUp), this.dragRowCells = null, this.onChange([...this.colWidths]);
   }
   resolveRowCells() {
-    const t = this.gridEl.querySelectorAll(`[${ps}]`);
-    return Array.from(t, (e) => Array.from(e.querySelectorAll(`[${us}]`)));
+    const t = this.gridEl.querySelectorAll(`[${Ds}]`);
+    return Array.from(t, (e) => Array.from(e.querySelectorAll(`[${Is}]`)));
   }
   applyWidths(t = this.resolveRowCells()) {
     const e = this.colWidths.reduce((n, o) => n + o, 0);
-    this.gridEl.style.width = `${e + $}px`, t.forEach((n) => {
+    this.gridEl.style.width = `${e + q}px`, t.forEach((n) => {
       n.forEach((o, s) => {
         s < this.colWidths.length && o.style.setProperty("width", `${this.colWidths[s]}px`);
       });
     });
   }
 }
-const se = (r, t, e) => (e.grid.addRow(r, t), O(r, e.cellBlocks), {
+const de = (r, t, e) => (e.grid.addRow(r, t), _(r, e.cellBlocks), {
   pendingHighlight: { type: "row", index: t },
   moveSelection: null,
   colWidths: e.data.colWidths,
   withHeadings: e.data.withHeadings,
   withHeadingColumn: e.data.withHeadingColumn
-}), ie = (r, t, e) => {
-  const n = is(r, t, e.data.colWidths, e.data.initialColWidth, e.grid);
-  return O(r, e.cellBlocks), {
+}), he = (r, t, e) => {
+  const n = Es(r, t, e.data.colWidths, e.data.initialColWidth, e.grid);
+  return _(r, e.cellBlocks), {
     pendingHighlight: { type: "col", index: t },
     moveSelection: null,
     colWidths: n,
     withHeadings: e.data.withHeadings,
     withHeadingColumn: e.data.withHeadingColumn
   };
-}, ms = (r, t, e, n) => (n.grid.moveRow(r, t, e), {
+}, Os = (r, t, e, n) => (n.grid.moveRow(r, t, e), {
   pendingHighlight: null,
   moveSelection: { type: "row", index: e },
   colWidths: n.data.colWidths,
   withHeadings: n.data.withHeadings,
   withHeadingColumn: n.data.withHeadingColumn
-}), Cs = (r, t, e, n) => (n.grid.moveColumn(r, t, e), {
+}), Ns = (r, t, e, n) => (n.grid.moveColumn(r, t, e), {
   pendingHighlight: null,
   moveSelection: { type: "col", index: e },
-  colWidths: os(n.data.colWidths, t, e),
+  colWidths: ws(n.data.colWidths, t, e),
   withHeadings: n.data.withHeadings,
   withHeadingColumn: n.data.withHeadingColumn
-}), ys = (r, t, e) => {
+}), _s = (r, t, e) => {
   var s, i;
   (i = e.cellBlocks) == null || i.deleteBlocks((s = e.blocksToDelete) != null ? s : []), e.grid.deleteRow(r, t);
   const n = e.grid.getRowCount(r);
@@ -3660,11 +3763,11 @@ const se = (r, t, e) => (e.grid.addRow(r, t), O(r, e.cellBlocks), {
     withHeadings: e.data.withHeadings,
     withHeadingColumn: e.data.withHeadingColumn
   };
-}, bs = (r, t, e) => {
+}, Ms = (r, t, e) => {
   var i, l;
   (l = e.cellBlocks) == null || l.deleteBlocks((i = e.blocksToDelete) != null ? i : []), e.grid.deleteColumn(r, t);
-  const n = ss(e.data.colWidths, t);
-  n ? yt(r, n) : ns(r);
+  const n = ks(e.data.colWidths, t);
+  n ? vt(r, n) : Ss(r);
   const o = e.grid.getColumnCount(r);
   return {
     pendingHighlight: { type: "col", index: t < o ? t : t - 1 },
@@ -3673,24 +3776,24 @@ const se = (r, t, e) => (e.grid.addRow(r, t), O(r, e.cellBlocks), {
     withHeadings: e.data.withHeadings,
     withHeadingColumn: e.data.withHeadingColumn
   };
-}, vs = (r, t, e) => {
+}, Gs = (r, t, e) => {
   switch (t.type) {
     case "insert-row-above":
-      return se(r, t.index, e);
+      return de(r, t.index, e);
     case "insert-row-below":
-      return se(r, t.index + 1, e);
+      return de(r, t.index + 1, e);
     case "insert-col-left":
-      return ie(r, t.index, e);
+      return he(r, t.index, e);
     case "insert-col-right":
-      return ie(r, t.index + 1, e);
+      return he(r, t.index + 1, e);
     case "move-row":
-      return ms(r, t.fromIndex, t.toIndex, e);
+      return Os(r, t.fromIndex, t.toIndex, e);
     case "move-col":
-      return Cs(r, t.fromIndex, t.toIndex, e);
+      return Ns(r, t.fromIndex, t.toIndex, e);
     case "delete-row":
-      return ys(r, t.index, e);
+      return _s(r, t.index, e);
     case "delete-col":
-      return bs(r, t.index, e);
+      return Ms(r, t.index, e);
     case "toggle-heading":
       return {
         pendingHighlight: { type: "row", index: 0 },
@@ -3708,9 +3811,9 @@ const se = (r, t, e) => (e.grid.addRow(r, t), O(r, e.cellBlocks), {
         withHeadingColumn: !e.data.withHeadingColumn
       };
   }
-}, re = 10, Ss = "data-blok-table-drag-ghost", Bt = (r) => {
-  const t = r.querySelector(`[${b}]`);
-  return t ? Array.from(t.querySelectorAll(`[${y}]`)).reduce(
+}, ue = 10, Ws = "data-blok-table-drag-ghost", Pt = (r) => {
+  const t = r.querySelector(`[${y}]`);
+  return t ? Array.from(t.querySelectorAll(`[${b}]`)).reduce(
     (n, o) => {
       const s = n[n.length - 1];
       return [...n, s + o.offsetWidth];
@@ -3718,7 +3821,7 @@ const se = (r, t, e) => (e.grid.addRow(r, t), O(r, e.cellBlocks), {
     [0]
   ) : [0];
 };
-class ws {
+class $s {
   constructor(t) {
     var e;
     this.isDragging = !1, this.dragType = null, this.dragFromIndex = -1, this.dragStartX = 0, this.dragStartY = 0, this.dropIndicator = null, this.dragOverlayCells = [], this.ghostEl = null, this.ghostOffsetX = 0, this.ghostOffsetY = 0, this.resolveTracking = null, this.grid = t.grid, this.onAction = t.onAction, this.onDragStateChange = (e = t.onDragStateChange) != null ? e : null, this.boundDocPointerMove = this.handleDocPointerMove.bind(this), this.boundDocPointerUp = this.handleDocPointerUp.bind(this), this.boundDocPointerCancel = this.handleDocPointerCancel.bind(this);
@@ -3742,7 +3845,7 @@ class ws {
   }
   handleDocPointerMove(t) {
     const e = Math.abs(t.clientX - this.dragStartX), n = Math.abs(t.clientY - this.dragStartY);
-    !this.isDragging && (e > re || n > re) && (this.isDragging = !0, this.startDrag()), this.isDragging && (this.updateDragIndicator(t), this.updateGhostPosition(t));
+    !this.isDragging && (e > ue || n > ue) && (this.isDragging = !0, this.startDrag()), this.isDragging && (this.updateDragIndicator(t), this.updateGhostPosition(t));
   }
   handleDocPointerUp(t) {
     var e, n;
@@ -3761,7 +3864,7 @@ class ws {
     this.grid.style.userSelect = "none", document.body.style.cursor = "grabbing", (t = this.onDragStateChange) == null || t.call(this, !0, this.dragType), this.highlightSourceCells(), this.createDropIndicator(), this.createGhost();
   }
   highlightSourceCells() {
-    const t = this.grid.querySelectorAll(`[${b}]`);
+    const t = this.grid.querySelectorAll(`[${y}]`);
     if (this.dragType === "row") {
       this.highlightRowCells(t);
       return;
@@ -3772,14 +3875,14 @@ class ws {
     const e = t[this.dragFromIndex];
     if (!e)
       return;
-    e.querySelectorAll(`[${y}]`).forEach((o) => {
+    e.querySelectorAll(`[${b}]`).forEach((o) => {
       const s = o;
       s.style.backgroundColor = "#f3f4f6", s.style.opacity = "0.7", this.dragOverlayCells.push(s);
     });
   }
   highlightColumnCells(t) {
     t.forEach((e) => {
-      const n = e.querySelectorAll(`[${y}]`);
+      const n = e.querySelectorAll(`[${b}]`);
       if (this.dragFromIndex >= n.length)
         return;
       const o = n[this.dragFromIndex];
@@ -3790,10 +3893,10 @@ class ws {
     this.dropIndicator = document.createElement("div");
     const t = this.dropIndicator.style;
     if (t.position = "absolute", t.backgroundColor = "#3b82f6", t.borderRadius = "1.5px", t.zIndex = "5", t.pointerEvents = "none", this.dropIndicator.setAttribute("contenteditable", "false"), this.dragType === "row")
-      t.height = "3px", t.left = `${-$}px`, t.right = "0", t.transition = "top 100ms ease";
+      t.height = "3px", t.left = `${-q}px`, t.right = "0", t.transition = "top 100ms ease";
     else {
-      const e = this.grid.querySelectorAll(`[${b}]`), n = e[e.length - 1], o = n ? n.offsetTop + n.offsetHeight : 0;
-      t.width = "3px", t.top = `${-$}px`, t.height = `${o + $}px`, t.transition = "left 100ms ease";
+      const e = this.grid.querySelectorAll(`[${y}]`), n = e[e.length - 1], o = n ? n.offsetTop + n.offsetHeight : 0;
+      t.width = "3px", t.top = `${-q}px`, t.height = `${o + q}px`, t.transition = "left 100ms ease";
     }
     this.grid.appendChild(this.dropIndicator);
   }
@@ -3817,7 +3920,7 @@ class ws {
     var i;
     if (!this.dropIndicator)
       return;
-    const n = t.clientX - e.left, o = this.getColDropIndex(n), s = Bt(this.grid);
+    const n = t.clientX - e.left, o = this.getColDropIndex(n), s = Pt(this.grid);
     this.dropIndicator.style.left = `${((i = s[o]) != null ? i : 0) - 1.5}px`;
   }
   finishDrag(t) {
@@ -3838,7 +3941,7 @@ class ws {
   }
   createGhost() {
     const t = document.createElement("div");
-    t.setAttribute(Ss, ""), t.setAttribute("contenteditable", "false");
+    t.setAttribute(Ws, ""), t.setAttribute("contenteditable", "false");
     const e = t.style;
     e.position = "fixed", e.pointerEvents = "none", e.opacity = "0.5", e.zIndex = "50", e.borderRadius = "4px", e.overflow = "hidden", e.boxShadow = "0 4px 12px rgba(0,0,0,0.15)", this.ghostEl = t;
     const n = this.getSourceRect();
@@ -3849,25 +3952,25 @@ class ws {
   }
   getRowSourceRect() {
     var n;
-    const e = this.grid.querySelectorAll(`[${b}]`)[this.dragFromIndex];
+    const e = this.grid.querySelectorAll(`[${y}]`)[this.dragFromIndex];
     return (n = e == null ? void 0 : e.getBoundingClientRect()) != null ? n : null;
   }
   getColSourceRect() {
-    const t = this.grid.querySelectorAll(`[${b}]`), e = t[0], n = t[t.length - 1];
+    const t = this.grid.querySelectorAll(`[${y}]`), e = t[0], n = t[t.length - 1];
     if (!e || !n)
       return null;
-    const o = e.querySelectorAll(`[${y}]`)[this.dragFromIndex], s = n.querySelectorAll(`[${y}]`)[this.dragFromIndex];
+    const o = e.querySelectorAll(`[${b}]`)[this.dragFromIndex], s = n.querySelectorAll(`[${b}]`)[this.dragFromIndex];
     if (!o || !s)
       return null;
     const i = o.getBoundingClientRect(), l = s.getBoundingClientRect();
     return new DOMRect(i.left, i.top, i.width, l.bottom - i.top);
   }
   buildRowGhost() {
-    const e = this.grid.querySelectorAll(`[${b}]`)[this.dragFromIndex];
+    const e = this.grid.querySelectorAll(`[${y}]`)[this.dragFromIndex];
     if (!e || !this.ghostEl)
       return;
     const n = this.ghostEl.style;
-    n.display = "flex", n.height = `${e.offsetHeight}px`, e.querySelectorAll(`[${y}]`).forEach((s) => {
+    n.display = "flex", n.height = `${e.offsetHeight}px`, e.querySelectorAll(`[${b}]`).forEach((s) => {
       var a;
       const i = s, l = i.cloneNode(!0);
       l.style.width = `${i.offsetWidth}px`, l.style.flexShrink = "0", l.removeAttribute("contenteditable"), (a = this.ghostEl) == null || a.appendChild(l);
@@ -3876,10 +3979,10 @@ class ws {
   buildColumnGhost() {
     if (!this.ghostEl)
       return;
-    const t = this.grid.querySelectorAll(`[${b}]`), e = this.ghostEl.style;
+    const t = this.grid.querySelectorAll(`[${y}]`), e = this.ghostEl.style;
     e.display = "flex", e.flexDirection = "column", t.forEach((n) => {
       var l;
-      const o = n.querySelectorAll(`[${y}]`);
+      const o = n.querySelectorAll(`[${b}]`);
       if (this.dragFromIndex >= o.length)
         return;
       const s = o[this.dragFromIndex], i = s.cloneNode(!0);
@@ -3893,7 +3996,7 @@ class ws {
     this.dragType === "row" && (e.top = `${t.clientY - this.ghostOffsetY}px`), this.dragType === "col" && (e.left = `${t.clientX - this.ghostOffsetX}px`);
   }
   getRowDropIndex(t) {
-    const e = Array.from(this.grid.querySelectorAll(`[${b}]`)), n = e.map((i) => i.offsetTop);
+    const e = Array.from(this.grid.querySelectorAll(`[${y}]`)), n = e.map((i) => i.offsetTop);
     if (e.length > 0) {
       const i = e[e.length - 1];
       n.push(i.offsetTop + i.offsetHeight);
@@ -3902,7 +4005,7 @@ class ws {
     return o.indexOf(s);
   }
   getRowDropTopPx(t) {
-    const e = this.grid.querySelectorAll(`[${b}]`);
+    const e = this.grid.querySelectorAll(`[${y}]`);
     if (t < e.length)
       return e[t].offsetTop;
     if (e.length > 0) {
@@ -3912,11 +4015,11 @@ class ws {
     return 0;
   }
   getColDropIndex(t) {
-    const n = Bt(this.grid).map((s) => Math.abs(t - s)), o = Math.min(...n);
+    const n = Pt(this.grid).map((s) => Math.abs(t - s)), o = Math.min(...n);
     return n.indexOf(o);
   }
 }
-const ks = [
+const Fs = [
   "flex",
   "items-center",
   "select-none",
@@ -3928,7 +4031,7 @@ const ks = [
   "mb-px",
   "cursor-pointer",
   "can-hover:hover:bg-item-hover-bg"
-], As = [
+], qs = [
   "flex",
   "items-center",
   "justify-center",
@@ -3937,13 +4040,13 @@ const ks = [
   "mr-2",
   "[&_svg]:w-icon",
   "[&_svg]:h-icon"
-], Es = [
+], zs = [
   "mr-auto",
   "truncate",
   "text-sm",
   "font-medium",
   "leading-5"
-], xs = [
+], Vs = [
   "relative",
   "w-[34px]",
   "h-[20px]",
@@ -3951,7 +4054,7 @@ const ks = [
   "transition-colors",
   "duration-200",
   "shrink-0"
-], Ts = [
+], Ks = [
   "absolute",
   "top-[2px]",
   "w-4",
@@ -3961,29 +4064,29 @@ const ks = [
   "shadow-xs",
   "transition-[left]",
   "duration-200"
-], Me = (r) => {
+], Ve = (r) => {
   const { icon: t, label: e, isActive: n, onToggle: o } = r, s = { active: n }, i = document.createElement("div");
-  i.className = w(ks);
+  i.className = w(Fs);
   const l = document.createElement("div");
-  l.className = w(As), l.innerHTML = t, i.appendChild(l);
+  l.className = w(qs), l.innerHTML = t, i.appendChild(l);
   const a = document.createElement("span");
-  a.className = w(Es), a.textContent = e, i.appendChild(a);
+  a.className = w(zs), a.textContent = e, i.appendChild(a);
   const c = document.createElement("div");
-  c.className = w(xs);
+  c.className = w(Vs);
   const d = document.createElement("div");
-  d.className = w(Ts), c.appendChild(d), i.appendChild(c);
+  d.className = w(Ks), c.appendChild(d), i.appendChild(c);
   const h = () => {
     c.style.backgroundColor = s.active ? "#3b82f6" : "#d1d5db", d.style.left = s.active ? "16px" : "2px";
   };
   return h(), i.addEventListener("click", (u) => {
     u.stopPropagation(), s.active = !s.active, h(), o(s.active);
   }), i;
-}, Rs = (r, t) => {
+}, Us = (r, t) => {
   const e = r === 0 ? [
     {
-      type: W.Html,
-      element: Me({
-        icon: un,
+      type: F.Html,
+      element: Ve({
+        icon: kn,
         label: t.i18n.t("tools.table.headerColumn"),
         isActive: t.isHeadingColumn(),
         onToggle: () => {
@@ -3991,10 +4094,10 @@ const ks = [
         }
       })
     },
-    { type: W.Separator }
+    { type: F.Separator }
   ] : [], n = [
     {
-      icon: an,
+      icon: yn,
       title: t.i18n.t("tools.table.insertColumnLeft"),
       closeOnActivate: !0,
       onActivate: () => {
@@ -4002,7 +4105,7 @@ const ks = [
       }
     },
     {
-      icon: cn,
+      icon: vn,
       title: t.i18n.t("tools.table.insertColumnRight"),
       closeOnActivate: !0,
       onActivate: () => {
@@ -4010,9 +4113,9 @@ const ks = [
       }
     }
   ], o = t.getColumnCount() > 1, s = [
-    { type: W.Separator },
+    { type: F.Separator },
     {
-      icon: we,
+      icon: Re,
       title: t.i18n.t("tools.table.deleteColumn"),
       isDestructive: !0,
       isDisabled: !o,
@@ -4023,12 +4126,12 @@ const ks = [
     }
   ];
   return [...e, ...n, ...s];
-}, Bs = (r, t) => {
+}, js = (r, t) => {
   const e = r === 0 ? [
     {
-      type: W.Html,
-      element: Me({
-        icon: pn,
+      type: F.Html,
+      element: Ve({
+        icon: En,
         label: t.i18n.t("tools.table.headerRow"),
         isActive: t.isHeadingRow(),
         onToggle: () => {
@@ -4036,10 +4139,10 @@ const ks = [
         }
       })
     },
-    { type: W.Separator }
+    { type: F.Separator }
   ] : [], n = [
     {
-      icon: dn,
+      icon: Sn,
       title: t.i18n.t("tools.table.insertRowAbove"),
       closeOnActivate: !0,
       onActivate: () => {
@@ -4047,7 +4150,7 @@ const ks = [
       }
     },
     {
-      icon: hn,
+      icon: wn,
       title: t.i18n.t("tools.table.insertRowBelow"),
       closeOnActivate: !0,
       onActivate: () => {
@@ -4055,9 +4158,9 @@ const ks = [
       }
     }
   ], o = t.getRowCount() > 1, s = [
-    { type: W.Separator },
+    { type: F.Separator },
     {
-      icon: we,
+      icon: Re,
       title: t.i18n.t("tools.table.deleteRow"),
       isDestructive: !0,
       isDisabled: !o,
@@ -4068,21 +4171,21 @@ const ks = [
     }
   ];
   return [...e, ...n, ...s];
-}, Is = (r, t, e, n, o) => {
+}, Ys = (r, t, e, n, o) => {
   o.destroyPopover(), o.clearHideTimeout();
   const s = r === "col" ? e.col[t] : e.row[t];
   if (!s)
     return { popover: null, grip: null };
-  const i = r === "col" ? Rs(t, n) : Bs(t, n), l = new ve({
+  const i = r === "col" ? Us(t, n) : js(t, n), l = new xe({
     items: i,
     trigger: s,
     flippable: !0
   });
-  return l.on(Se.Closed, () => {
+  return l.on(Te.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 = `${K}px` : s.style.width = `${K}px`, { popover: l, grip: s };
-}, le = "data-blok-table-grip", pt = "data-blok-table-grip-col", ae = "data-blok-table-grip-row", Ls = 150, Ds = 24, gt = 4, ft = 4, Ps = 20, mt = [
+  }), 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 = [
   "absolute",
   "z-3",
   "rounded-sm",
@@ -4095,23 +4198,23 @@ const ks = [
   "items-center",
   "justify-center",
   "overflow-hidden"
-], ce = [
+], fe = [
   "bg-gray-300",
   "opacity-0",
   "pointer-events-none"
-], Hs = [
+], Qs = [
   "bg-gray-300",
   "opacity-100",
   "pointer-events-auto"
-], Ns = [
+], ti = [
   "bg-blue-500",
   "text-white",
   "opacity-100",
   "pointer-events-auto"
 ];
-class Os {
+class ei {
   constructor(t) {
-    this.colGrips = [], this.rowGrips = [], this.popoverState = { popover: null, grip: null }, this.lockedGrip = null, this.hideTimeout = null, this.activeColGripIndex = -1, this.activeRowGripIndex = -1, this.isInsideTable = !1, this.rowResizeObserver = null, this.boundScrollHandler = null, this.grid = t.grid, this.overlay = t.overlay, this.scrollContainer = t.scrollContainer, this.getColumnCount = t.getColumnCount, this.getRowCount = t.getRowCount, this.isHeadingRow = t.isHeadingRow, this.isHeadingColumn = t.isHeadingColumn, this.onAction = t.onAction, this.onGripClick = t.onGripClick, this.onGripPopoverClose = t.onGripPopoverClose, this.i18n = t.i18n, this.drag = new ws({
+    this.colGrips = [], this.rowGrips = [], this.popoverState = { popover: null, grip: null }, this.lockedGrip = null, this.hideTimeout = null, this.activeColGripIndex = -1, this.activeRowGripIndex = -1, this.isInsideTable = !1, this.rowResizeObserver = null, this.boundScrollHandler = null, this.grid = t.grid, this.overlay = t.overlay, this.scrollContainer = t.scrollContainer, this.getColumnCount = t.getColumnCount, this.getRowCount = t.getRowCount, this.isHeadingRow = t.isHeadingRow, this.isHeadingColumn = t.isHeadingColumn, this.onAction = t.onAction, this.onGripClick = t.onGripClick, this.onGripPopoverClose = t.onGripPopoverClose, this.i18n = t.i18n, this.drag = new $s({
       grid: this.grid,
       onAction: this.onAction,
       onDragStateChange: (e, n) => {
@@ -4130,7 +4233,7 @@ class Os {
     if (this.destroyGrips(), this.createGrips(), !t)
       return;
     const e = t.type === "col" ? this.colGrips[t.index] : this.rowGrips[t.index];
-    e && (this.popoverState.grip = e, this.hideAllGripsExcept(e), this.applyActiveClasses(e), t.type === "col" ? e.style.height = `${K}px` : e.style.width = `${K}px`);
+    e && (this.popoverState.grip = e, this.hideAllGripsExcept(e), this.applyActiveClasses(e), t.type === "col" ? e.style.height = `${j}px` : e.style.width = `${j}px`);
   }
   /**
    * Set a specific grip to active (blue) state without opening the popover.
@@ -4138,11 +4241,11 @@ class Os {
    */
   setActiveGrip(t, e) {
     const n = t === "col" ? this.colGrips[e] : this.rowGrips[e];
-    n && (this.unlockGrip(), this.clearHideTimeout(), this.hideAllGripsExcept(n), this.applyActiveClasses(n), t === "col" ? n.style.height = `${K}px` : n.style.width = `${K}px`, this.lockedGrip = n, document.addEventListener("pointerdown", this.boundUnlockGrip));
+    n && (this.unlockGrip(), this.clearHideTimeout(), this.hideAllGripsExcept(n), this.applyActiveClasses(n), t === "col" ? n.style.height = `${j}px` : n.style.width = `${j}px`, this.lockedGrip = n, document.addEventListener("pointerdown", this.boundUnlockGrip));
   }
   handleUnlockGrip(t) {
     document.removeEventListener("pointerdown", this.boundUnlockGrip), this.lockedGrip && (this.applyIdleClasses(this.lockedGrip), this.lockedGrip = null);
-    const e = t.target instanceof HTMLElement ? t.target : null, n = e == null ? void 0 : e.closest(`[${y}]`);
+    const e = t.target instanceof HTMLElement ? t.target : null, n = e == null ? void 0 : e.closest(`[${b}]`);
     if (n) {
       const o = this.getCellPosition(n);
       o && (this.clearHideTimeout(), this.showColGrip(o.col), this.showRowGrip(o.row), this.isInsideTable = !0);
@@ -4192,12 +4295,12 @@ class Os {
   }
   createGripElement(t, e) {
     const n = document.createElement("div");
-    n.className = w(mt, ce), n.setAttribute(le, ""), n.setAttribute(t === "col" ? pt : ae, String(e)), n.setAttribute("contenteditable", "false");
-    const o = t === "col" ? Ds : ft, s = t === "col" ? gt : Ps, i = t === "col" ? gt : ft;
-    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(He(t === "col" ? "horizontal" : "vertical")), n.addEventListener("pointerdown", this.boundPointerDown), n.addEventListener("mouseenter", () => {
-      this.overlay && this.clearHideTimeout(), this.isGripInteractionLocked() || Ko(n, t);
+    n.className = w(bt, fe), n.setAttribute(pe, ""), n.setAttribute(t === "col" ? ft : ge, 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() || (wt(n, t, i), this.overlay && this.scheduleHideAll());
+      this.isGripInteractionLocked() || (Et(n, t, i), this.overlay && this.scheduleHideAll());
     }), n;
   }
   /**
@@ -4205,20 +4308,20 @@ class Os {
    * Called after resize or structural changes.
    */
   positionGrips() {
-    const t = this.grid.querySelectorAll(`[${b}]`);
+    const t = this.grid.querySelectorAll(`[${y}]`);
     if (!t[0])
       return;
-    const n = Bt(this.grid), o = this.overlay && this.scrollContainer ? this.scrollContainer.scrollLeft : 0, s = this.overlay && this.scrollContainer ? this.scrollContainer.clientWidth : 1 / 0;
+    const n = Pt(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;
       const c = (n[l] + n[l + 1]) / 2 - o, d = i.style;
-      d.top = `${-$ / 2}px`, d.left = `${c}px`, this.overlay && (d.visibility = c < 0 || c > s ? "hidden" : "");
+      d.top = `${-q / 2}px`, d.left = `${c}px`, this.overlay && (d.visibility = c < 0 || c > s ? "hidden" : "");
     }), this.rowGrips.forEach((i, l) => {
       if (l >= t.length)
         return;
       const a = t[l], c = a.offsetTop + a.offsetHeight / 2, d = i.style;
-      d.left = `${-$ / 2}px`, d.top = `${c}px`;
+      d.left = `${-q / 2}px`, d.top = `${c}px`;
     });
   }
   /**
@@ -4228,7 +4331,7 @@ class Os {
     var e;
     (e = this.rowResizeObserver) == null || e.disconnect(), this.rowResizeObserver = new ResizeObserver(() => {
       this.positionGrips();
-    }), this.grid.querySelectorAll(`[${b}]`).forEach((n) => {
+    }), this.grid.querySelectorAll(`[${y}]`).forEach((n) => {
       var o;
       (o = this.rowResizeObserver) == null || o.observe(n);
     });
@@ -4239,7 +4342,7 @@ class Os {
   handleMouseOver(t) {
     if (this.isGripInteractionLocked())
       return;
-    const n = t.target.closest(`[${y}]`);
+    const n = t.target.closest(`[${b}]`);
     if (!n)
       return;
     this.clearHideTimeout();
@@ -4250,13 +4353,13 @@ class Os {
     this.isGripInteractionLocked() || this.scheduleHideAll();
   }
   getCellPosition(t) {
-    const e = t.closest(`[${b}]`);
+    const e = t.closest(`[${y}]`);
     if (!e)
       return null;
-    const o = Array.from(this.grid.querySelectorAll(`[${b}]`)).indexOf(e);
+    const o = Array.from(this.grid.querySelectorAll(`[${y}]`)).indexOf(e);
     if (o < 0)
       return null;
-    const i = Array.from(e.querySelectorAll(`[${y}]`)).indexOf(t);
+    const i = Array.from(e.querySelectorAll(`[${b}]`)).indexOf(t);
     return i < 0 ? null : { row: o, col: i };
   }
   /**
@@ -4290,13 +4393,13 @@ class Os {
     this.activeRowGripIndex >= 0 && this.activeRowGripIndex < this.rowGrips.length && this.applyIdleClasses(this.rowGrips[this.activeRowGripIndex]), this.activeRowGripIndex = -1;
   }
   applyVisibleClasses(t) {
-    const e = t, n = e.hasAttribute(pt);
-    wt(e, n ? "col" : "row", n ? gt : ft), this.isInsideTable && (e.style.transition = "none"), e.className = w(mt, Hs), e.setAttribute("data-blok-table-grip-visible", ""), this.isInsideTable && (e.offsetHeight, e.style.transition = "");
+    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 = "");
     const i = e.querySelector("svg");
     i && (i.classList.remove("text-white"), i.classList.add("text-gray-400"));
   }
   applyActiveClasses(t) {
-    Object.assign(t, { className: w(mt, Ns) }), t.setAttribute("data-blok-table-grip-visible", "");
+    Object.assign(t, { className: w(bt, ti) }), t.setAttribute("data-blok-table-grip-visible", "");
     const e = t.querySelector("svg");
     e && (e.classList.remove("text-gray-400", "opacity-0"), e.classList.add("text-white", "opacity-100"));
   }
@@ -4306,8 +4409,8 @@ class Os {
     });
   }
   applyIdleClasses(t) {
-    const e = t, n = e.hasAttribute(pt), o = n ? "col" : "row", s = 12, i = n ? gt + s : ft + s;
-    this.isInsideTable && (e.style.transition = "none"), wt(e, o, i), e.className = w(mt, ce), e.removeAttribute("data-blok-table-grip-visible"), this.isInsideTable && (e.offsetHeight, e.style.transition = "");
+    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 = "");
   }
   handleDragStateChange(t, e) {
     [...this.colGrips, ...this.rowGrips].forEach((n) => {
@@ -4318,14 +4421,14 @@ class Os {
   scheduleHideAll() {
     this.hideTimeout = setTimeout(() => {
       this.hideColGrip(), this.hideRowGrip(), this.isInsideTable = !1, this.hideTimeout = null;
-    }, Ls);
+    }, Xs);
   }
   clearHideTimeout() {
     this.hideTimeout !== null && (clearTimeout(this.hideTimeout), this.hideTimeout = null);
   }
   // ── Click / Drag discrimination ──────────────────────────────
   handlePointerDown(t) {
-    const n = t.target.closest(`[${le}]`);
+    const n = t.target.closest(`[${pe}]`);
     if (!n)
       return;
     t.preventDefault(), t.stopPropagation();
@@ -4335,16 +4438,16 @@ class Os {
     });
   }
   detectGripType(t) {
-    const e = t.getAttribute(pt);
+    const e = t.getAttribute(ft);
     if (e !== null)
       return { type: "col", index: Number(e) };
-    const n = t.getAttribute(ae);
+    const n = t.getAttribute(ge);
     return n !== null ? { type: "row", index: Number(n) } : null;
   }
   // ── Popover menus ────────────────────────────────────────────
   openPopover(t, e) {
     var n, o;
-    this.popoverState = Is(
+    this.popoverState = Ys(
       t,
       e,
       { col: this.colGrips, row: this.rowGrips },
@@ -4374,7 +4477,7 @@ class Os {
     }
   }
 }
-const Ms = "data-blok-table-haze", de = "data-blok-table-haze-visible", xt = 1, _s = [
+const ni = "data-blok-table-haze", me = "data-blok-table-haze-visible", Rt = 1, oi = [
   "absolute",
   "top-0",
   "bottom-0",
@@ -4384,18 +4487,18 @@ const Ms = "data-blok-table-haze", de = "data-blok-table-haze-visible", xt = 1,
   "transition-opacity",
   "duration-150",
   "z-1"
-], Gs = [
+], si = [
   "left-0",
   "bg-linear-to-r",
   "from-white/80",
   "to-transparent"
-], Ws = [
+], ii = [
   "right-5",
   "bg-linear-to-l",
   "from-white/80",
   "to-transparent"
 ];
-class $s {
+class ri {
   constructor() {
     this.leftHaze = null, this.rightHaze = null, this.scrollContainer = null, this.boundOnScroll = null, this.ticking = !1;
   }
@@ -4427,7 +4530,7 @@ class $s {
   }
   createHazeElement(t) {
     const e = document.createElement("div");
-    return e.setAttribute(Ms, t), e.setAttribute("aria-hidden", "true"), e.classList.add(..._s, ...t === "left" ? Gs : Ws), e;
+    return e.setAttribute(ni, t), e.setAttribute("aria-hidden", "true"), e.classList.add(...oi, ...t === "left" ? si : ii), e;
   }
   syncVisibility() {
     const t = this.scrollContainer;
@@ -4439,16 +4542,16 @@ class $s {
       return;
     }
     const { scrollLeft: o, scrollWidth: s, clientWidth: i } = t, l = s - i;
-    this.setVisible(this.leftHaze, o > xt), this.setVisible(this.rightHaze, l > xt && o < l - xt);
+    this.setVisible(this.leftHaze, o > Rt), this.setVisible(this.rightHaze, l > Rt && o < l - Rt);
   }
   setVisible(t, e) {
-    t && (e ? t.setAttribute(de, "") : t.removeAttribute(de));
+    t && (e ? t.setAttribute(me, "") : t.removeAttribute(me));
   }
 }
-const Fs = 3, qs = 3, zs = [
+const li = 3, ai = 3, ci = [
   "my-2",
   "pr-5"
-], Vs = [
+], di = [
   "relative",
   'after:content-[""]',
   "after:absolute",
@@ -4457,11 +4560,11 @@ const Fs = 3, qs = 3, zs = [
   "after:right-0",
   "after:h-10"
 ];
-class Qs {
+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 = ee(t, this.config);
-    this.initialContent = i.content, this.grid = new Go({ readOnly: o }), this.model = new hs(i), this.blockId = s == null ? void 0 : s.id, this.config.restrictedTools !== void 0 && (this.unregisterRestrictedTools = gn(this.config.restrictedTools));
+    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));
   }
   /**
    * Execute a function within a structural operation lock.
@@ -4517,7 +4620,7 @@ class Qs {
   }
   static get toolbox() {
     return {
-      icon: fn,
+      icon: xn,
       title: "Table",
       titleKey: "tools.table.title",
       searchTerms: ["table", "grid", "spreadsheet"]
@@ -4560,15 +4663,15 @@ class Qs {
   render() {
     var s, i, l, a, c, d, h;
     const t = document.createElement("div");
-    t.className = w(zs, !this.readOnly && Vs), t.setAttribute(D.tool, "table"), this.readOnly && t.setAttribute("data-blok-table-readonly", ""), this.isNewTable = ((i = (s = this.initialContent) == null ? void 0 : s.length) != null ? i : 0) === 0;
-    const e = ((l = this.initialContent) == null ? void 0 : l.length) || this.config.rows || Fs, n = ((a = this.initialContent) == null ? void 0 : a.reduce((u, p) => {
+    t.className = w(ci, !this.readOnly && di), t.setAttribute(B.tool, "table"), this.readOnly && t.setAttribute("data-blok-table-readonly", ""), this.isNewTable = ((i = (s = this.initialContent) == null ? void 0 : s.length) != null ? i : 0) === 0;
+    const e = ((l = this.initialContent) == null ? void 0 : l.length) || this.config.rows || li, n = ((a = this.initialContent) == null ? void 0 : a.reduce((u, p) => {
       var g;
       return Math.max(u, (g = p == null ? void 0 : p.length) != null ? g : 0);
-    }, 0)) || this.config.cols || qs, 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 && yt(o, this.model.colWidths), this.gridElement = o, this.model.colWidths || !this.readOnly) {
+    }, 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) {
       const u = document.createElement("div");
       u.setAttribute("data-blok-table-scroll", "");
-      const p = this.model.colWidths ? Oe : [];
+      const p = this.model.colWidths ? ze : [];
       u.classList.add(...p), u.appendChild(o), t.appendChild(u), this.scrollContainer = u;
     } else
       t.appendChild(o), this.scrollContainer = null;
@@ -4576,7 +4679,7 @@ class Qs {
       const u = document.createElement("div");
       u.setAttribute("data-blok-table-grip-overlay", ""), u.style.position = "absolute", u.style.inset = "0", u.style.pointerEvents = "none", u.style.zIndex = "3", t.appendChild(u), this.gripOverlay = u;
     }
-    return this.element = t, this.model.withHeadings && ot(this.gridElement, this.model.withHeadings), this.model.withHeadingColumn && z(this.gridElement, this.model.withHeadingColumn), this.readOnly || (this.initCellBlocks(o), ds(o, this.cellBlocks)), t;
+    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;
@@ -4587,23 +4690,23 @@ class Qs {
       return;
     const e = this.initialContent;
     if (this.initialContent = null, this.readOnly) {
-      cs(t, e, this.api, (n = this.blockId) != null ? n : ""), st(t, this.model.snapshot().content), this.initScrollHaze();
+      Rs(t, e, this.api, (n = this.blockId) != null ? n : ""), rt(t, this.model.snapshot().content), this.initScrollHaze();
       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(`[${b}]`), (c) => {
-        const d = c.querySelectorAll(`[${y}]`).length;
+      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;
-      this.model.replaceAll(q(R({}, this.model.snapshot()), {
+      this.model.replaceAll(V(T({}, this.model.snapshot()), {
         content: i
-      })), this.isNewTable && O(t, this.cellBlocks);
+      })), this.isNewTable && _(t, this.cellBlocks);
     }, !0), this.model.initialColWidth === void 0) {
-      const s = (o = this.model.colWidths) != null ? o : j(t);
-      this.model.setInitialColWidth(s.length > 0 ? rs(s) : 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), st(t, this.model.snapshot().content), this.isNewTable) {
+    if (this.initSubsystems(t), rt(t, this.model.snapshot().content), this.isNewTable) {
       const s = t.querySelector('[contenteditable="true"]');
       s == null || s.focus();
     }
@@ -4621,8 +4724,8 @@ class Qs {
   setData(t) {
     var c, d, h, u, p;
     this.setDataGeneration++;
-    const e = this.setDataGeneration, n = ee(
-      R(R({}, this.model.snapshot()), t),
+    const e = this.setDataGeneration, n = le(
+      T(T({}, this.model.snapshot()), t),
       this.config
     );
     this.initialContent = n.content, this.model.replaceAll(n), this.api.blocks.isSyncingFromYjs || this.runStructuralOp(() => {
@@ -4639,7 +4742,7 @@ class Qs {
     const a = this.gridElement;
     if (a) {
       if (this.readOnly) {
-        st(a, this.model.snapshot().content);
+        rt(a, this.model.snapshot().content);
         return;
       }
       e === this.setDataGeneration && (this.runStructuralOp(() => {
@@ -4647,20 +4750,20 @@ class Qs {
         const g = (v = (C = (m = this.cellBlocks) == null ? void 0 : m.initializeCells((f = this.initialContent) != null ? f : [])) != null ? C : this.initialContent) != null ? v : [];
         if (e === this.setDataGeneration) {
           if (this.api.blocks.isSyncingFromYjs && g.length === 0 && a) {
-            const k = Array.from(a.querySelectorAll(`[${b}]`), (x) => {
-              const A = x.querySelectorAll(`[${y}]`).length;
-              return Array.from({ length: A }, () => ({ blocks: [] }));
+            const k = Array.from(a.querySelectorAll(`[${y}]`), (x) => {
+              const E = x.querySelectorAll(`[${b}]`).length;
+              return Array.from({ length: E }, () => ({ blocks: [] }));
             });
-            this.model.replaceAll(q(R({}, this.model.snapshot()), {
+            this.model.replaceAll(V(T({}, this.model.snapshot()), {
               content: k
-            })), O(a, this.cellBlocks);
+            })), _(a, this.cellBlocks);
           } else
-            this.model.replaceAll(q(R({}, this.model.snapshot()), {
+            this.model.replaceAll(V(T({}, this.model.snapshot()), {
               content: g
             }));
           this.initialContent = null;
         }
-      }, !0), e === this.setDataGeneration && (this.initSubsystems(a), s !== null && this.cellSelection !== null && this.cellSelection.selectRange(s), i !== null && this.rowColControls !== null && this.rowColControls.restoreVisibleGrips(i.col, i.row), st(a, this.model.snapshot().content)));
+      }, !0), e === this.setDataGeneration && (this.initSubsystems(a), s !== null && this.cellSelection !== null && this.cellSelection.selectRange(s), i !== null && this.rowColControls !== null && this.rowColControls.restoreVisibleGrips(i.col, i.row), rt(a, this.model.snapshot().content)));
     }
   }
   onPaste(t) {
@@ -4671,10 +4774,10 @@ class Qs {
       f.forEach((v) => {
         var N;
         m.push(v.innerHTML);
-        const k = (N = v.getAttribute("style")) != null ? N : "", x = {}, A = /background-color\s*:\s*([^;]+)/i.exec(k);
-        A != null && A[1] && (x.color = Gt(A[1].trim(), "bg"));
-        const E = new RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i").exec(k);
-        E != null && E[1] && !mn(E[1].trim()) && (x.textColor = Gt(E[1].trim(), "text")), C.push(x);
+        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 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);
       }), 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;
@@ -4691,14 +4794,14 @@ class Qs {
     !this.readOnly && h && (this.runStructuralOp(() => {
       var f, m, C, v;
       const g = (v = (C = (m = this.cellBlocks) == null ? void 0 : m.initializeCells((f = this.initialContent) != null ? f : [])) != null ? C : this.initialContent) != null ? v : [];
-      this.model.replaceAll(q(R({}, this.model.snapshot()), {
+      this.model.replaceAll(V(T({}, this.model.snapshot()), {
         content: g
       })), this.initialContent = null, s.forEach((k, x) => {
-        k.forEach((A, E) => {
-          A.color !== void 0 && this.model.setCellColor(x, E, A.color), A.textColor !== void 0 && this.model.setCellTextColor(x, E, A.textColor);
+        k.forEach((E, A) => {
+          E.color !== void 0 && this.model.setCellColor(x, A, E.color), E.textColor !== void 0 && this.model.setCellTextColor(x, A, E.textColor);
         });
       });
-    }, !0), this.initSubsystems(h), st(h, this.model.snapshot().content));
+    }, !0), this.initSubsystems(h), rt(h, this.model.snapshot().content));
   }
   destroy() {
     var t, e, n;
@@ -4721,36 +4824,36 @@ class Qs {
     });
   }
   getBlockIdsInRow(t) {
-    return ls(this.element, this.cellBlocks, t);
+    return xs(this.element, this.cellBlocks, t);
   }
   getBlockIdsInColumn(t) {
-    return as(this.element, this.cellBlocks, t);
+    return Ts(this.element, this.cellBlocks, t);
   }
   initAddControls(t) {
     var n;
     if ((n = this.addControls) == null || n.destroy(), !this.element)
       return;
     const e = { addedCols: 0 };
-    this.addControls = new No({
+    this.addControls = new ts({
       wrapper: this.element,
       grid: t,
       i18n: this.api.i18n,
       getNewColumnWidth: () => {
         var s;
-        const o = (s = this.model.colWidths) != null ? s : j(t);
-        return this.model.initialColWidth !== void 0 ? Math.round(this.model.initialColWidth / 2 * 100) / 100 : rt(o);
+        const o = (s = this.model.colWidths) != null ? s : Y(t);
+        return this.model.initialColWidth !== void 0 ? Math.round(this.model.initialColWidth / 2 * 100) / 100 : at(o);
       },
       onAddRow: () => {
         this.runTransactedStructuralOp(() => {
           var o, s;
-          this.grid.addRow(t), this.model.addRow(), O(t, this.cellBlocks), ot(this.gridElement, this.model.withHeadings), z(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(), _(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 : j(t), s = this.model.initialColWidth !== void 0 ? Math.round(this.model.initialColWidth / 2 * 100) / 100 : rt(o);
-          this.grid.addColumn(t, void 0, o, s), this.model.addColumn(void 0, s), this.model.setColWidths([...o, s]), O(t, this.cellBlocks), z(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);
+          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);
         });
       },
       onDragStart: () => {
@@ -4759,14 +4862,14 @@ class Qs {
       },
       onDragAddRow: () => {
         this.runTransactedStructuralOp(() => {
-          this.grid.addRow(t), this.model.addRow(), O(t, this.cellBlocks), ot(this.gridElement, this.model.withHeadings), z(this.gridElement, this.model.withHeadingColumn);
+          this.grid.addRow(t), this.model.addRow(), _(t, this.cellBlocks), it(this.gridElement, this.model.withHeadings), K(this.gridElement, this.model.withHeadingColumn);
         });
       },
       onDragRemoveRow: () => {
         this.runTransactedStructuralOp(() => {
           var s;
           const o = this.grid.getRowCount(t);
-          if (o > 1 && ts(t, o - 1)) {
+          if (o > 1 && ys(t, o - 1)) {
             const { blocksToDelete: i } = this.model.deleteRow(o - 1);
             (s = this.cellBlocks) == null || s.deleteBlocks(i), this.grid.deleteRow(t, o - 1);
           }
@@ -4775,20 +4878,20 @@ class Qs {
       onDragAddCol: () => {
         this.runTransactedStructuralOp(() => {
           var l;
-          const o = (l = this.model.colWidths) != null ? l : j(t), s = this.model.initialColWidth !== void 0 ? Math.round(this.model.initialColWidth / 2 * 100) / 100 : rt(o), i = [...o, s];
-          this.grid.addColumn(t, void 0, o, s), this.model.addColumn(void 0, s), this.model.setColWidths(i), yt(t, i), O(t, this.cellBlocks), z(this.gridElement, this.model.withHeadingColumn), this.initResize(t), e.addedCols++, this.scrollContainer && (this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth);
+          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);
         });
       },
       onDragRemoveCol: () => {
         this.runTransactedStructuralOp(() => {
           var l;
           const o = this.grid.getColumnCount(t);
-          if (o <= 1 || !es(t, o - 1))
+          if (o <= 1 || !vs(t, o - 1))
             return;
           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 && yt(t, i), this.initResize(t), e.addedCols--;
+          i && vt(t, i), this.initResize(t), e.addedCols--;
         });
       },
       onDragEnd: () => {
@@ -4799,7 +4902,7 @@ class Qs {
   }
   initRowColControls(t) {
     var e, n, o;
-    (e = this.rowColControls) == null || e.destroy(), this.element && (this.rowColControls = new Os({
+    (e = this.rowColControls) == null || e.destroy(), this.element && (this.rowColControls = new ei({
       grid: t,
       overlay: (n = this.gripOverlay) != null ? n : void 0,
       scrollContainer: (o = this.scrollContainer) != null ? o : void 0,
@@ -4836,7 +4939,7 @@ class Qs {
       var d, h, u, p, g;
       if (n !== this.setDataGeneration || this.gridElement !== t)
         return;
-      const o = this.model.colWidths, { blocksToDelete: s } = this.syncModelForAction(e), i = vs(
+      const o = this.model.colWidths, { blocksToDelete: s } = this.syncModelForAction(e), i = Gs(
         t,
         e,
         {
@@ -4851,7 +4954,7 @@ class Qs {
           blocksToDelete: s
         }
       );
-      if (n !== this.setDataGeneration || this.gridElement !== t || (this.model.setColWidths(i.colWidths), this.model.setWithHeadings(i.withHeadings), this.model.setWithHeadingColumn(i.withHeadingColumn), this.pendingHighlight = i.pendingHighlight, ot(this.gridElement, this.model.withHeadings), z(this.gridElement, this.model.withHeadingColumn), this.initResize(t), (d = this.addControls) == null || d.syncRowButtonWidth(), e.type === "toggle-heading" || e.type === "toggle-heading-column" || (h = this.rowColControls) == null || h.refresh(), !i.moveSelection))
+      if (n !== this.setDataGeneration || this.gridElement !== t || (this.model.setColWidths(i.colWidths), this.model.setWithHeadings(i.withHeadings), this.model.setWithHeadingColumn(i.withHeadingColumn), this.pendingHighlight = i.pendingHighlight, it(this.gridElement, this.model.withHeadings), K(this.gridElement, this.model.withHeadingColumn), this.initResize(t), (d = this.addControls) == null || d.syncRowButtonWidth(), e.type === "toggle-heading" || e.type === "toggle-heading-column" || (h = this.rowColControls) == null || h.refresh(), !i.moveSelection))
         return;
       const { type: a, index: c } = i.moveSelection;
       a === "row" ? (u = this.cellSelection) == null || u.selectRow(c) : (p = this.cellSelection) == null || p.selectColumn(c), (g = this.rowColControls) == null || g.setActiveGrip(a, c);
@@ -4887,13 +4990,13 @@ class Qs {
   initResize(t) {
     var o, s;
     (o = this.resize) == null || o.destroy();
-    const e = this.model.colWidths === void 0, n = (s = this.model.colWidths) != null ? s : j(t);
-    e || ne(this.ensureScrollContainer()), this.resize = new fs(
+    const e = this.model.colWidths === void 0, n = (s = this.model.colWidths) != null ? s : Y(t);
+    e || ae(this.ensureScrollContainer()), this.resize = new Hs(
       t,
       n,
       (i) => {
         var l, a, c;
-        this.model.setColWidths(i), ne(this.ensureScrollContainer()), (l = this.rowColControls) == null || l.positionGrips(), (a = this.addControls) == null || a.syncRowButtonWidth(), (c = this.scrollHaze) == null || c.update();
+        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();
       },
       () => {
         var i;
@@ -4908,7 +5011,7 @@ class Qs {
   }
   initCellBlocks(t) {
     var e;
-    this.cellBlocks = new Wo({
+    this.cellBlocks = new is({
       api: this.api,
       gridElement: t,
       tableBlockId: (e = this.blockId) != null ? e : "",
@@ -4920,14 +5023,14 @@ class Qs {
     const n = this.collectCellBlockData(t);
     if (n.length === 0)
       return;
-    const o = Wt(n);
-    e.setData("text/html", $t(o)), e.setData("text/plain", Ft(o));
+    const o = Vt(n);
+    e.setData("text/html", Kt(o)), e.setData("text/plain", Ut(o));
   }
   handleCellCopyViaButton(t) {
     const e = this.collectCellBlockData(t);
     if (e.length === 0)
       return;
-    const n = Wt(e), o = $t(n), s = Ft(n), i = new Blob([o], { type: "text/html" }), l = new Blob([s], { type: "text/plain" });
+    const n = Vt(e), o = Kt(n), s = Ut(n), i = new Blob([o], { type: "text/html" }), l = new Blob([s], { type: "text/plain" });
     navigator.clipboard.write([
       new ClipboardItem({
         "text/html": i,
@@ -4939,7 +5042,7 @@ class Qs {
     const o = this.gridElement;
     o && this.runTransactedStructuralOp(() => {
       for (const s of t) {
-        const i = Rt(o, s);
+        const i = Dt(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 : ""));
       }
     });
@@ -4948,13 +5051,13 @@ class Qs {
     const e = this.gridElement;
     if (!e)
       return [];
-    const n = Array.from(e.querySelectorAll(`[${b}]`));
+    const n = Array.from(e.querySelectorAll(`[${y}]`));
     return t.map((o) => {
       var g;
-      const s = o.closest(`[${b}]`);
+      const s = o.closest(`[${y}]`);
       if (!s)
         return null;
-      const i = n.indexOf(s), a = Array.from(s.querySelectorAll(`[${y}]`)).indexOf(o), c = o.querySelector(`[${L}]`), d = [];
+      const i = n.indexOf(s), a = Array.from(s.querySelectorAll(`[${b}]`)).indexOf(o), c = o.querySelector(`[${D}]`), d = [];
       if (!c)
         return { row: i, col: a, blocks: d };
       c.querySelectorAll("[data-blok-id]").forEach((f) => {
@@ -4965,7 +5068,7 @@ class Qs {
         if (C === void 0)
           return;
         const v = this.api.blocks.getBlockByIndex(C);
-        v && d.push(R({
+        v && d.push(T({
           tool: v.name,
           data: v.preservedData
         }, Object.keys(v.preservedTunes).length > 0 ? { tunes: v.preservedTunes } : {}));
@@ -4976,7 +5079,7 @@ class Qs {
         data: { text: h }
       });
       const u = this.model.getCellColor(i, a), p = this.model.getCellTextColor(i, a);
-      return R(R({
+      return T(T({
         row: i,
         col: a,
         blocks: d
@@ -4987,7 +5090,7 @@ class Qs {
     var n;
     (n = this.cellSelection) == null || n.destroy();
     const e = this.api.rectangleSelection;
-    this.cellSelection = new Qo({
+    this.cellSelection = new bs({
       grid: t,
       rectangleSelection: e,
       // Pass reference
@@ -5012,7 +5115,7 @@ class Qs {
           const l = this.gridElement;
           if (l)
             for (const a of o) {
-              const c = Rt(l, a);
+              const c = Dt(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 = "");
             }
         });
@@ -5033,7 +5136,7 @@ class Qs {
   }
   initScrollHaze() {
     var t;
-    (t = this.scrollHaze) == null || t.destroy(), !(!this.element || !this.scrollContainer) && (this.scrollHaze = new $s(), this.scrollHaze.init(this.element, this.scrollContainer));
+    (t = this.scrollHaze) == null || t.destroy(), !(!this.element || !this.scrollContainer) && (this.scrollHaze = new ri(), this.scrollHaze.init(this.element, this.scrollContainer));
   }
   initGridPasteListener(t) {
     t.addEventListener("paste", (e) => {
@@ -5043,47 +5146,47 @@ class Qs {
   handleGridPaste(t, e) {
     if (this.readOnly || !t.clipboardData || t.defaultPrevented)
       return;
-    const n = t.clipboardData.getData("text/html"), o = Cn(n), s = o === null ? yn(n) : null, i = o != null ? o : s;
+    const n = t.clipboardData.getData("text/html"), o = Rn(n), s = o === null ? Bn(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;
     if (!l)
       return;
-    const a = l.closest(`[${y}]`);
+    const a = l.closest(`[${b}]`);
     if (!a || !e.contains(a))
       return;
-    const c = a.closest(`[${b}]`);
+    const c = a.closest(`[${y}]`);
     if (!c)
       return;
     t.preventDefault(), t.stopPropagation();
-    const h = Array.from(e.querySelectorAll(`[${b}]`)).indexOf(c), p = Array.from(c.querySelectorAll(`[${y}]`)).indexOf(a);
+    const h = Array.from(e.querySelectorAll(`[${y}]`)).indexOf(c), p = Array.from(c.querySelectorAll(`[${b}]`)).indexOf(a);
     this.pastePayloadIntoCells(e, i, h, p);
   }
   pastePayloadIntoCells(t, e, n, o) {
     this.runTransactedStructuralOp(() => {
       var h, u;
       this.expandGridForPaste(t, n + e.rows, o + e.cols);
-      const d = t.querySelectorAll(`[${b}]`);
+      const d = t.querySelectorAll(`[${y}]`);
       Array.from({ length: e.rows }, (p, g) => g).forEach((p) => {
         const g = d[n + p];
         if (!g)
           return;
-        const f = g.querySelectorAll(`[${y}]`);
+        const f = g.querySelectorAll(`[${b}]`);
         Array.from({ length: e.cols }, (m, C) => C).forEach((m) => {
-          var v, k, x, A;
+          var v, k, x, E;
           const C = f[o + m];
           if (C) {
-            const E = e.cells[p][m];
-            this.pasteCellPayload(C, E);
+            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 dt = n + p, nt = o + m;
-            this.model.setCellColor(dt, nt, E.color), C.style.backgroundColor = (x = E.color) != null ? x : "", this.model.setCellTextColor(dt, nt, E.textColor), C.style.color = (A = E.textColor) != null ? A : "";
+            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 : "";
           }
         });
       }), this.initResize(t), (h = this.addControls) == null || h.syncRowButtonWidth(), (u = this.rowColControls) == null || u.refresh();
     });
-    const i = t.querySelectorAll(`[${b}]`)[n + e.rows - 1], l = i == null ? void 0 : i.querySelectorAll(`[${y}]`)[o + e.cols - 1];
+    const i = t.querySelectorAll(`[${y}]`)[n + e.rows - 1], l = i == null ? void 0 : i.querySelectorAll(`[${b}]`)[o + e.cols - 1];
     if (!l || !this.cellBlocks || !this.api.caret)
       return;
     const a = this.cellBlocks.getBlockIdsFromCells([l]), c = a[a.length - 1];
@@ -5095,11 +5198,11 @@ class Qs {
   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(), O(t, this.cellBlocks), ot(this.gridElement, this.model.withHeadings), z(this.gridElement, this.model.withHeadingColumn);
+      this.grid.addRow(t), this.model.addRow(), _(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 : j(t), l = this.model.initialColWidth !== void 0 ? Math.round(this.model.initialColWidth / 2 * 100) / 100 : rt(i);
-      this.grid.addColumn(t, void 0, i, l), this.model.addColumn(void 0, l), this.model.setColWidths([...i, l]), O(t, this.cellBlocks), z(this.gridElement, this.model.withHeadingColumn);
+      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);
     });
   }
   /**
@@ -5111,7 +5214,7 @@ class Qs {
       const i = this.cellBlocks.getBlockIdsFromCells([t]);
       this.cellBlocks.deleteBlocks(i);
     }
-    const n = t.querySelector(`[${L}]`);
+    const n = t.querySelector(`[${D}]`);
     if (n) {
       if (e.blocks.length === 0) {
         (o = this.cellBlocks) == null || o.ensureCellHasBlock(t);
@@ -5130,10 +5233,232 @@ class Qs {
     }
   }
 }
+const hi = (r) => {
+  const t = document.createElement("div");
+  t.innerHTML = r.trim();
+  const e = document.createDocumentFragment();
+  return e.append(...Array.from(t.childNodes)), e;
+}, ui = (r, t, e) => {
+  if (!t) return r;
+  const n = e();
+  return { text: n ? Nt(n.innerHTML) : r.text };
+}, pi = (r, t) => {
+  const { data: e, getContentElement: n } = r;
+  e.text += t.text;
+  const o = n();
+  if (o && t.text) {
+    const s = r.parseHTML(t.text);
+    o.appendChild(s), o.normalize();
+  }
+}, gi = (r, t, e) => {
+  const n = e();
+  if (!n)
+    return { newData: r, inPlace: !1 };
+  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;
+  if (s(), e === void 0)
+    return;
+  const i = o(), l = window.getSelection();
+  if (!i || !l || l.rangeCount === 0)
+    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;
+}, mi = async (r, t) => {
+  const { api: e, blockId: n, data: o, getContentElement: s } = r;
+  if (n === void 0)
+    return;
+  const i = s();
+  if (!i || !Ln(i))
+    return;
+  const l = o.text;
+  l === "" && (t.preventDefault(), await e.blocks.convert(n, "paragraph", { text: l }));
+}, Ci = (r, t) => {
+  if (!r.lastChild)
+    return { beforeContent: "", afterContent: "" };
+  const e = document.createRange();
+  e.setStart(r, 0), e.setEnd(t.startContainer, t.startOffset);
+  const n = document.createRange();
+  n.setStart(t.endContainer, t.endOffset), n.setEndAfter(r.lastChild);
+  const o = document.createElement("div");
+  o.appendChild(e.cloneContents());
+  const s = document.createElement("div");
+  return s.appendChild(n.cloneContents()), {
+    beforeContent: o.innerHTML,
+    afterContent: s.innerHTML
+  };
+};
+class xi {
+  constructor({ data: t, config: e, api: n, readOnly: o, block: s }) {
+    this._element = null, this._contentElement = null, this._arrowElement = null, this._isOpen = !1, this.api = n, this.readOnly = o, this._settings = e || {}, this._data = this.normalizeData(t), s && (this.blockId = s.id);
+  }
+  normalizeData(t) {
+    return typeof t == "object" && t !== null && "text" in t ? {
+      text: typeof t.text == "string" ? t.text : ""
+    } : { text: "" };
+  }
+  get placeholder() {
+    if (this._settings.placeholder)
+      return this._settings.placeholder;
+    const t = this.api.i18n.t(Yt);
+    return t !== Yt ? t : "Toggle";
+  }
+  render() {
+    const t = jn({
+      data: this._data,
+      readOnly: this.readOnly,
+      isOpen: this._isOpen,
+      placeholder: this.placeholder,
+      keydownHandler: this.readOnly ? null : this.handleKeyDown.bind(this),
+      onArrowClick: () => this.toggleOpen()
+    });
+    return this._element = t.wrapper, this._contentElement = t.contentElement, this._arrowElement = t.arrowElement, this._element;
+  }
+  rendered() {
+    this.updateChildrenVisibility();
+  }
+  save() {
+    return ui(this._data, this._element, this.getContentElement.bind(this));
+  }
+  validate(t) {
+    return !0;
+  }
+  merge(t) {
+    pi(
+      {
+        data: this._data,
+        getContentElement: this.getContentElement.bind(this),
+        parseHTML: hi
+      },
+      t
+    );
+  }
+  setData(t) {
+    const e = gi(
+      this._data,
+      t,
+      this.getContentElement.bind(this)
+    );
+    return this._data = e.newData, e.inPlace;
+  }
+  renderSettings() {
+    return [];
+  }
+  /**
+   * Expand the toggle (no-op if already expanded).
+   * Can be called externally via block.call('expand').
+   */
+  expand() {
+    this._isOpen || this.setOpenState(!0);
+  }
+  /**
+   * Collapse the toggle (no-op if already collapsed).
+   * Can be called externally via block.call('collapse').
+   */
+  collapse() {
+    this._isOpen && this.setOpenState(!1);
+  }
+  getContentElement() {
+    return this._contentElement;
+  }
+  setOpenState(t) {
+    this._isOpen = t, this._arrowElement && this._element && Le(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);
+  }
+  handleKeyDown(t) {
+    if (t.key === "Enter" && !t.shiftKey) {
+      t.preventDefault(), this.handleEnter();
+      return;
+    }
+    t.key === "Backspace" && this.handleBackspace(t);
+  }
+  createKeyboardContext() {
+    return {
+      api: this.api,
+      blockId: this.blockId,
+      data: this._data,
+      element: this._element,
+      getContentElement: this.getContentElement.bind(this),
+      syncContentFromDOM: this.syncContentFromDOM.bind(this),
+      isOpen: this._isOpen,
+      setOpen: (t) => {
+        this._isOpen = t;
+      }
+    };
+  }
+  async handleEnter() {
+    await fi(this.createKeyboardContext());
+  }
+  async handleBackspace(t) {
+    await mi(this.createKeyboardContext(), t);
+  }
+  syncContentFromDOM() {
+    const t = this.getContentElement();
+    t && (this._data.text = t.innerHTML);
+  }
+  static get shortcut() {
+    return "CMD+ALT+7";
+  }
+  static get toolbox() {
+    return {
+      icon: In,
+      title: "Toggle list",
+      titleKey: "toggleList",
+      name: _t,
+      searchTerms: ["toggle", "collapse", "expand", "accordion"]
+    };
+  }
+  static get conversionConfig() {
+    return {
+      export: "text",
+      import: "text"
+    };
+  }
+  static get sanitize() {
+    return {
+      text: {
+        br: !0,
+        a: {
+          href: !0,
+          target: "_blank",
+          rel: "nofollow"
+        },
+        b: !0,
+        i: !0,
+        mark: {
+          class: !0,
+          style: !0
+        },
+        code: !0
+      }
+    };
+  }
+  static get pasteConfig() {
+    return {
+      tags: ["DETAILS"]
+    };
+  }
+  static get isReadOnlySupported() {
+    return !0;
+  }
+}
 const X = (r) => {
   const t = r.tagName;
   return t === "B" || t === "STRONG";
-}, vt = (r) => !!(r && r.nodeType === Node.ELEMENT_NODE && X(r)), _e = (r) => r.textContent.length === 0, _ = (r) => r ? r.nodeType === Node.ELEMENT_NODE && X(r) ? F(r) : _(r.parentNode) : null, F = (r) => {
+}, 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) => {
   if (r.tagName === "STRONG")
     return r;
   const t = document.createElement("strong");
@@ -5142,7 +5467,7 @@ const X = (r) => {
   }); r.firstChild; )
     t.appendChild(r.firstChild);
   return r.replaceWith(t), t;
-}, Us = (r) => {
+}, bi = (r) => {
   const t = r.nextSibling;
   if ((t == null ? void 0 : t.nodeType) === Node.TEXT_NODE)
     return t;
@@ -5151,15 +5476,15 @@ const X = (r) => {
     return null;
   const n = r.ownerDocument.createTextNode("");
   return e.insertBefore(n, t), n;
-}, Ks = (r) => {
+}, yi = (r) => {
   if (!r.boldElement.isConnected)
     return null;
-  const t = F(r.boldElement), e = r.boundary, o = e.isConnected && e.previousSibling === t ? e : Us(t);
+  const t = z(r.boldElement), e = r.boundary, o = e.isConnected && e.previousSibling === t ? e : bi(t);
   return o ? {
     boundary: o,
     boldElement: t
   } : null;
-}, It = (r, t) => r ? r === t || t.contains(r) : !1, T = {
+}, Ht = (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",
@@ -5192,13 +5517,13 @@ const X = (r) => {
    * @param element - The element to check
    */
   isActivePlaceholder(t) {
-    return t.getAttribute(T.COLLAPSED_ACTIVE) === "true" || t.hasAttribute(T.COLLAPSED_LENGTH);
+    return t.getAttribute(R.COLLAPSED_ACTIVE) === "true" || t.hasAttribute(R.COLLAPSED_LENGTH);
   }
   /**
    * Get the ATTR constants for external use
    */
   static get ATTR() {
-    return T;
+    return R;
   }
   /**
    * Enter collapsed bold mode by inserting an empty <strong> for typing
@@ -5209,7 +5534,7 @@ const X = (r) => {
     if (!t.collapsed)
       return;
     const n = document.createElement("strong"), o = document.createTextNode("");
-    n.appendChild(o), n.setAttribute(T.COLLAPSED_ACTIVE, "true");
+    n.appendChild(o), n.setAttribute(R.COLLAPSED_ACTIVE, "true");
     const s = t.startContainer, i = t.startOffset;
     if (!(s.nodeType === Node.TEXT_NODE ? this.insertCollapsedBoldIntoText(s, n, i) : s.nodeType === Node.ELEMENT_NODE ? (this.insertCollapsedBoldIntoElement(s, n, i), !0) : !1))
       return;
@@ -5231,7 +5556,7 @@ const X = (r) => {
     const s = t.textContent, i = s.slice(0, n), l = s.slice(n);
     t.textContent = i;
     const a = l.length ? document.createTextNode(l) : null;
-    return a && o.insertBefore(a, t.nextSibling), o.insertBefore(e, a != null ? a : t.nextSibling), e.setAttribute(T.PREV_LENGTH, i.length.toString()), !0;
+    return a && o.insertBefore(a, t.nextSibling), o.insertBefore(e, a != null ? a : t.nextSibling), e.setAttribute(R.PREV_LENGTH, i.length.toString()), !0;
   }
   /**
    * Insert a collapsed bold wrapper directly into an element container
@@ -5239,7 +5564,7 @@ const X = (r) => {
   insertCollapsedBoldIntoElement(t, e, n) {
     var s;
     const o = (s = t.childNodes[n]) != null ? s : null;
-    t.insertBefore(e, o), e.setAttribute(T.PREV_LENGTH, "0");
+    t.insertBefore(e, o), e.setAttribute(R.PREV_LENGTH, "0");
   }
   /**
    * Exit a collapsed bold selection by moving caret outside the bold element
@@ -5247,16 +5572,16 @@ const X = (r) => {
    * @param boldElement - The bold element to exit from
    */
   exit(t, e) {
-    const n = F(e), o = n.parentNode;
+    const n = z(e), o = n.parentNode;
     if (o)
-      return _e(n) ? this.removeEmptyBoldElement(t, n, o) : this.exitBoldWithContent(t, n, o);
+      return Ke(n) ? this.removeEmptyBoldElement(t, n, o) : this.exitBoldWithContent(t, n, o);
   }
   removeEmptyBoldElement(t, e, n) {
     const o = document.createRange();
     return o.setStartBefore(e), o.collapse(!0), n.removeChild(e), t.removeAllRanges(), t.addRange(o), o;
   }
   exitBoldWithContent(t, e, n) {
-    e.setAttribute(T.COLLAPSED_LENGTH, e.textContent.length.toString()), e.removeAttribute(T.PREV_LENGTH), e.removeAttribute(T.COLLAPSED_ACTIVE), e.removeAttribute(T.LEADING_WHITESPACE);
+    e.setAttribute(R.COLLAPSED_LENGTH, e.textContent.length.toString()), e.removeAttribute(R.PREV_LENGTH), e.removeAttribute(R.COLLAPSED_ACTIVE), e.removeAttribute(R.LEADING_WHITESPACE);
     const o = e.nextSibling, s = !o || o.nodeType !== Node.TEXT_NODE, i = s ? document.createTextNode("​") : null;
     i && n.insertBefore(i, o);
     const l = i != null ? i : o;
@@ -5277,7 +5602,7 @@ const X = (r) => {
   maintain() {
     if (typeof document != "undefined")
       for (const t of Array.from(this.records)) {
-        const e = Ks(t);
+        const e = yi(t);
         if (!e) {
           this.records.delete(t);
           continue;
@@ -5314,13 +5639,13 @@ const X = (r) => {
    */
   synchronize(t) {
     var i, l;
-    const e = (i = t == null ? void 0 : t.anchorNode) != null ? i : t == null ? void 0 : t.focusNode, n = e && e.nodeType === Node.ELEMENT_NODE ? e : e == null ? void 0 : e.parentElement, o = (l = n == null ? void 0 : n.closest(G(D.editor))) != null ? l : n == null ? void 0 : n.ownerDocument;
+    const e = (i = t == null ? void 0 : t.anchorNode) != null ? i : t == null ? void 0 : t.focusNode, n = e && e.nodeType === Node.ELEMENT_NODE ? e : e == null ? void 0 : e.parentElement, o = (l = n == null ? void 0 : n.closest($(B.editor))) != null ? l : n == null ? void 0 : n.ownerDocument;
     if (!o)
       return;
-    const s = `strong[${T.COLLAPSED_ACTIVE}="true"]`;
+    const s = `strong[${R.COLLAPSED_ACTIVE}="true"]`;
     o.querySelectorAll(s).forEach((a) => {
-      var nt;
-      const c = a.getAttribute(T.PREV_LENGTH), d = a.previousSibling;
+      var st;
+      const c = a.getAttribute(R.PREV_LENGTH), d = a.previousSibling;
       if (!c || !d || d.nodeType !== Node.TEXT_NODE)
         return;
       const h = Number(c);
@@ -5332,15 +5657,15 @@ const X = (r) => {
       const g = p.slice(0, h), f = p.slice(h);
       u.textContent = g;
       const m = f.match(/^[\u00A0\s]+/);
-      if (m && !a.hasAttribute(T.LEADING_WHITESPACE) && a.setAttribute(T.LEADING_WHITESPACE, m[0]), f.length === 0)
+      if (m && !a.hasAttribute(R.LEADING_WHITESPACE) && a.setAttribute(R.LEADING_WHITESPACE, m[0]), f.length === 0)
         return;
-      const C = a.textContent, v = C + f, k = (nt = a.getAttribute(T.LEADING_WHITESPACE)) != null ? nt : "", A = k.length > 0 && C.length === 0 && !v.startsWith(k) ? k + v : v, E = document.createTextNode(A);
+      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(E), !(t != null && t.isCollapsed) || !It(t.focusNode, u))
+      if (a.appendChild(A), !(t != null && t.isCollapsed) || !Ht(t.focusNode, u))
         return;
-      const N = document.createRange(), dt = E.textContent.length;
-      N.setStart(E, dt), N.collapse(!0), t.removeAllRanges(), t.addRange(N);
+      const N = document.createRange(), ut = A.textContent.length;
+      N.setStart(A, ut), N.collapse(!0), t.removeAllRanges(), t.addRange(N);
     });
   }
   /**
@@ -5352,29 +5677,29 @@ const X = (r) => {
     const e = (i = t == null ? void 0 : t.anchorNode) != null ? i : t == null ? void 0 : t.focusNode;
     if (!e)
       return;
-    const n = e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement, o = n == null ? void 0 : n.closest(G(D.editor));
+    const n = e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement, o = n == null ? void 0 : n.closest($(B.editor));
     if (!o)
       return;
-    o.querySelectorAll(`strong[${T.COLLAPSED_LENGTH}]`).forEach((l) => {
+    o.querySelectorAll(`strong[${R.COLLAPSED_LENGTH}]`).forEach((l) => {
       var k, x;
-      const a = l.getAttribute(T.COLLAPSED_LENGTH);
+      const a = l.getAttribute(R.COLLAPSED_LENGTH);
       if (!a)
         return;
       const c = Number(a), d = l.textContent;
       if (!Number.isFinite(c))
         return;
-      const h = d.length > c, u = h ? this.splitCollapsedBoldText(l, c, d) : null, p = l.getAttribute(T.PREV_LENGTH), g = p ? Number(p) : NaN, f = l.previousSibling, m = (f == null ? void 0 : f.nodeType) === Node.TEXT_NODE ? f : null, C = (k = m == null ? void 0 : m.textContent) != null ? k : "", v = !!(p && Number.isFinite(g) && m && C.length > g);
+      const h = d.length > c, u = h ? this.splitCollapsedBoldText(l, c, d) : null, p = l.getAttribute(R.PREV_LENGTH), g = p ? Number(p) : NaN, f = l.previousSibling, m = (f == null ? void 0 : f.nodeType) === Node.TEXT_NODE ? f : null, C = (k = m == null ? void 0 : m.textContent) != null ? k : "", v = !!(p && Number.isFinite(g) && m && C.length > g);
       if (v && m) {
-        const A = C.slice(0, g), E = C.slice(g);
-        m.textContent = A;
-        const N = document.createTextNode(E);
+        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);
       }
-      if (v && l.removeAttribute(T.PREV_LENGTH), t != null && t.isCollapsed && u && It(t.focusNode, l)) {
-        const A = document.createRange(), E = u.textContent.length;
-        A.setStart(u, E), A.collapse(!0), t.removeAllRanges(), t.addRange(A);
+      if (v && l.removeAttribute(R.PREV_LENGTH), t != null && t.isCollapsed && u && Ht(t.focusNode, l)) {
+        const E = document.createRange(), A = u.textContent.length;
+        E.setStart(u, A), E.collapse(!0), t.removeAllRanges(), t.addRange(E);
       }
-      h && l.removeAttribute(T.COLLAPSED_LENGTH);
+      h && l.removeAttribute(R.COLLAPSED_LENGTH);
     });
   }
   /**
@@ -5432,8 +5757,8 @@ const X = (r) => {
     const e = t.getRangeAt(0);
     if (!e.collapsed)
       return;
-    const n = _(e.startContainer);
-    (n == null ? void 0 : n.getAttribute(T.COLLAPSED_ACTIVE)) !== "true" && (this.moveCaretFromElementContainer(t, e) || this.moveCaretFromTextContainer(t, e));
+    const n = G(e.startContainer);
+    (n == null ? void 0 : n.getAttribute(R.COLLAPSED_ACTIVE)) !== "true" && (this.moveCaretFromElementContainer(t, e) || this.moveCaretFromTextContainer(t, e));
   }
   /**
    * Adjust caret when selection container is an element adjacent to bold content
@@ -5491,7 +5816,7 @@ const X = (r) => {
       this.setCaret(t, n, s.length);
       return;
     }
-    const l = _(n);
+    const l = G(n);
     if (!l || e.startOffset !== n.textContent.length)
       return;
     const a = this.ensureFollowingTextNode(l, l.nextSibling);
@@ -5539,20 +5864,20 @@ const X = (r) => {
 };
 M.instance = null;
 let I = M;
-const js = {
+const vi = {
   convertLegacyTags: !0,
   normalizeWhitespace: !0,
   removeEmpty: !0,
   mergeAdjacent: !0,
   preserveNode: null
 };
-class H {
+class O {
   /**
    * Create a new normalization pass with specified options
    * @param options - Configuration for the normalization pass
    */
   constructor(t) {
-    this.options = R(R({}, js), t);
+    this.options = T(T({}, vi), t);
   }
   /**
    * Run normalization on a scoped element
@@ -5570,10 +5895,10 @@ class H {
    * @param options - Optional normalization configuration
    */
   static normalizeAroundSelection(t, e) {
-    const n = H.findScopeFromSelection(t);
+    const n = O.findScopeFromSelection(t);
     if (!n)
       return;
-    new H(e).run(n);
+    new O(e).run(n);
   }
   /**
    * Phase 1: Traverse the scope and normalize text nodes while collecting elements
@@ -5618,7 +5943,7 @@ class H {
   processCollectedElements(t, e) {
     this.options.convertLegacyTags && t.forEach((n) => {
       if (n.isConnected) {
-        const o = F(n);
+        const o = z(n);
         e.push(o);
       }
     }), e.forEach((n) => {
@@ -5648,7 +5973,7 @@ class H {
    * @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 && It(this.options.preserveNode, t));
+    return !(t.textContent.length === 0) || I.getInstance().isActivePlaceholder(t) ? !1 : !(this.options.preserveNode && Ht(this.options.preserveNode, t));
   }
   /**
    * Merge a <strong> element with adjacent <strong> siblings
@@ -5656,12 +5981,12 @@ class H {
    */
   mergeWithAdjacent(t) {
     const e = t.previousSibling;
-    if (e && vt(e)) {
+    if (e && St(e)) {
       this.mergeStrongNodes(e, t);
       return;
     }
     const n = t.nextSibling;
-    n && vt(n) && this.mergeStrongNodes(t, n);
+    n && St(n) && this.mergeStrongNodes(t, n);
   }
   /**
    * Merge two <strong> elements by moving children from right to left
@@ -5669,7 +5994,7 @@ class H {
    * @param right - The right strong element to merge from
    */
   mergeStrongNodes(t, e) {
-    const n = F(t), o = F(e);
+    const n = z(t), o = z(e);
     for (; o.firstChild; )
       n.appendChild(o.firstChild);
     o.remove();
@@ -5687,11 +6012,11 @@ class H {
     const n = e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement;
     if (!n)
       return null;
-    const o = (l = n.closest('[data-blok-component="paragraph"]')) != null ? l : n.closest(G(D.elementContent));
-    return o || n.closest(G(D.editor));
+    const o = (l = n.closest('[data-blok-component="paragraph"]')) != null ? l : n.closest($(B.elementContent));
+    return o || n.closest($(B.editor));
   }
 }
-const P = class P {
+const H = class H {
   constructor() {
     this.handlers = /* @__PURE__ */ new Map(), this.listenersRegistered = !1, this.handleSelectionChange = () => {
       const t = this.getSelection();
@@ -5724,13 +6049,13 @@ const P = class P {
    * Get the singleton instance
    */
   static getInstance() {
-    return P.instance || (P.instance = new P()), P.instance;
+    return H.instance || (H.instance = new H()), H.instance;
   }
   /**
    * Reset the singleton instance (for testing)
    */
   static reset() {
-    P.instance && (P.instance.removeListeners(), P.instance.handlers.clear()), P.instance = null;
+    H.instance && (H.instance.removeListeners(), H.instance.handlers.clear()), H.instance = null;
   }
   /**
    * Register a handler for an inline tool
@@ -5782,9 +6107,9 @@ const P = class P {
     return !(e.meta && !s || e.ctrl && !t.ctrlKey);
   }
 };
-P.instance = null;
-let Lt = P;
-const Xs = (r, t) => {
+H.instance = null;
+let Ot = H;
+const Si = (r, t) => {
   try {
     return r.intersectsNode(t);
   } catch (e) {
@@ -5793,25 +6118,25 @@ const Xs = (r, t) => {
     const o = r.compareBoundaryPoints(Range.END_TO_START, n) > 0, s = r.compareBoundaryPoints(Range.START_TO_END, n) < 0;
     return o && s;
   }
-}, Ge = (r) => document.createTreeWalker(
+}, Ue = (r) => document.createTreeWalker(
   r.commonAncestorContainer,
   NodeFilter.SHOW_TEXT,
   {
-    acceptNode: (t) => Xs(r, t) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT
+    acceptNode: (t) => Si(r, t) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT
   }
-), Z = (r, t, e) => !r || r === e ? null : r.nodeType === Node.ELEMENT_NODE && t(r) ? r : Z(r.parentNode, t, e), We = (r, t) => Z(r, t) !== null, Pt = (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, Mt = (r, t, e = {}) => {
   if (r.collapsed)
-    return Z(r.startContainer, t) !== null;
-  const n = Ge(r), o = [];
+    return J(r.startContainer, t) !== null;
+  const n = Ue(r), o = [];
   for (; n.nextNode(); ) {
     const s = n.currentNode, i = s.textContent;
     e.ignoreWhitespace && i.trim().length === 0 || i.length !== 0 && o.push(s);
   }
-  return o.length === 0 ? Z(r.startContainer, t) !== null : o.every((s) => We(s, t));
-}, at = (r, t) => {
-  const e = /* @__PURE__ */ new Set(), n = Ge(r);
+  return o.length === 0 ? J(r.startContainer, t) !== null : o.every((s) => je(s, t));
+}, dt = (r, t) => {
+  const e = /* @__PURE__ */ new Set(), n = Ue(r);
   for (; n.nextNode(); ) {
-    const o = Z(n.currentNode, t);
+    const o = J(n.currentNode, t);
     o && e.add(o);
   }
   return Array.from(e);
@@ -5839,7 +6164,7 @@ const Xs = (r, t) => {
   static initializeGlobalListeners() {
     if (typeof document == "undefined")
       return !1;
-    const t = Lt.getInstance();
+    const t = Ot.getInstance();
     return t.hasHandler("bold") || (t.register("bold", {
       shortcut: { key: "b", meta: !0 },
       onShortcut: (e, n) => {
@@ -5852,7 +6177,7 @@ const Xs = (r, t) => {
       onInput: (e, n) => {
         S.refreshSelectionState("input");
       },
-      onBeforeInput: (e) => e.inputType !== "formatBold" ? !1 : (H.normalizeAroundSelection(window.getSelection()), !0),
+      onBeforeInput: (e) => e.inputType !== "formatBold" ? !1 : (O.normalizeAroundSelection(window.getSelection()), !0),
       isRelevant: (e) => S.isSelectionInsideBlok(e)
     }), S.guardKeydownListenerRegistered || (document.addEventListener("keydown", (e) => {
       I.getInstance().guardBoundaryKeydown(e);
@@ -5864,7 +6189,7 @@ const Xs = (r, t) => {
    * @param right - The right strong element to merge from
    */
   static mergeStrongNodes(t, e) {
-    const n = F(t), o = F(e);
+    const n = z(t), o = z(e);
     for (; o.firstChild; )
       n.appendChild(o.firstChild);
     return o.remove(), n;
@@ -5874,7 +6199,7 @@ const Xs = (r, t) => {
    */
   render() {
     return {
-      icon: bn,
+      icon: Dn,
       name: "bold",
       onActivate: () => {
         this.toggleBold();
@@ -5918,11 +6243,11 @@ const Xs = (r, t) => {
     o && n && (o.removeAllRanges(), o.addRange(n));
     const s = this.findBoldElementFromRangeOrSelection(n, o);
     if (!s) {
-      H.normalizeAroundSelection(o), this.notifySelectionChange();
+      O.normalizeAroundSelection(o), this.notifySelectionChange();
       return;
     }
     const i = this.mergeAdjacentBold(s);
-    this.selectElementContents(i), H.normalizeAroundSelection(o), this.notifySelectionChange();
+    this.selectElementContents(i), O.normalizeAroundSelection(o), this.notifySelectionChange();
   }
   /**
    * Remove bold tags (<strong>) while preserving content
@@ -5936,7 +6261,7 @@ const Xs = (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 = _(o);
+      const d = G(o);
       if (!d)
         break;
       this.moveMarkerOutOfBold(o, d);
@@ -5945,8 +6270,8 @@ const Xs = (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(), H.normalizeAroundSelection(n), e.forEach((d) => {
-      _e(d) && d.remove();
+    })() || n.removeAllRanges(), O.normalizeAroundSelection(n), e.forEach((d) => {
+      Ke(d) && d.remove();
     }), this.notifySelectionChange();
   }
   /**
@@ -6011,7 +6336,7 @@ const Xs = (r, t) => {
    * @param options.ignoreWhitespace - Whether to ignore whitespace-only text nodes
    */
   isRangeBold(t, e) {
-    return Pt(t, X, e);
+    return Mt(t, X, e);
   }
   /**
    * Remove nested bold tags from a root node
@@ -6043,11 +6368,11 @@ const Xs = (r, t) => {
    */
   findBoldElementFromRangeOrSelection(t, e) {
     if (!t)
-      return e ? _(e.focusNode) : null;
-    const n = _(t.startContainer);
+      return e ? G(e.focusNode) : null;
+    const n = G(t.startContainer);
     if (n)
       return n;
-    const o = _(t.commonAncestorContainer);
+    const o = G(t.commonAncestorContainer);
     return o || (t.startContainer.nodeType === Node.ELEMENT_NODE && X(t.startContainer) ? t.startContainer : null);
   }
   /**
@@ -6055,7 +6380,7 @@ const Xs = (r, t) => {
    * @param element - The bold element to merge with adjacent elements
    */
   mergeAdjacentBold(t) {
-    const e = F(t), n = e.previousSibling, o = n && n.nodeType === Node.ELEMENT_NODE && X(n) ? S.mergeStrongNodes(n, e) : e, s = o.nextSibling;
+    const e = z(t), n = e.previousSibling, o = n && n.nodeType === Node.ELEMENT_NODE && X(n) ? S.mergeStrongNodes(n, e) : e, s = o.nextSibling;
     return s && s.nodeType === Node.ELEMENT_NODE && X(s) ? S.mergeStrongNodes(o, s) : o;
   }
   /**
@@ -6066,13 +6391,13 @@ const Xs = (r, t) => {
     const t = window.getSelection();
     if (!t || t.rangeCount === 0)
       return;
-    const e = t.getRangeAt(0), n = _(e.startContainer), o = (() => {
+    const e = t.getRangeAt(0), n = G(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)), H.normalizeAroundSelection(t), this.notifySelectionChange();
+    document.dispatchEvent(new Event("selectionchange")), o && (t.removeAllRanges(), t.addRange(o)), O.normalizeAroundSelection(t), this.notifySelectionChange();
   }
   /**
    * Insert a bold wrapper at the caret so newly typed text becomes bold
@@ -6080,7 +6405,7 @@ const Xs = (r, t) => {
    */
   startCollapsedBold(t) {
     const n = I.getInstance().enter(t, (s) => this.mergeAdjacentBold(s)), o = window.getSelection();
-    return H.normalizeAroundSelection(o), o && n && (o.removeAllRanges(), o.addRange(n)), this.notifySelectionChange(), n;
+    return O.normalizeAroundSelection(o), o && n && (o.removeAllRanges(), o.addRange(n)), this.notifySelectionChange(), n;
   }
   /**
    * Notify listeners that the selection state has changed
@@ -6095,7 +6420,7 @@ const Xs = (r, t) => {
     const t = window.getSelection();
     if (!t)
       return;
-    const e = t.anchorNode, n = (e == null ? void 0 : e.nodeType) === Node.ELEMENT_NODE ? e : e == null ? void 0 : e.parentElement, o = n == null ? void 0 : n.closest(G(D.editor));
+    const e = t.anchorNode, n = (e == null ? void 0 : e.nodeType) === Node.ELEMENT_NODE ? e : e == null ? void 0 : e.parentElement, o = n == null ? void 0 : n.closest($(B.editor));
     if (!o)
       return;
     const s = o.querySelector("[data-blok-testid=inline-toolbar]");
@@ -6112,7 +6437,7 @@ const Xs = (r, t) => {
    */
   static refreshSelectionState(t) {
     const e = window.getSelection();
-    I.getInstance().enforceLengths(e), I.getInstance().maintain(), I.getInstance().synchronize(e), H.normalizeAroundSelection(e, { normalizeWhitespace: !1 }), t === "input" && e && I.getInstance().moveCaretAfterBoundaryBold(e);
+    I.getInstance().enforceLengths(e), I.getInstance().maintain(), I.getInstance().synchronize(e), O.normalizeAroundSelection(e, { normalizeWhitespace: !1 }), t === "input" && e && I.getInstance().moveCaretAfterBoundaryBold(e);
   }
   /**
    * Ensure mutation observer is registered to convert legacy <b> tags
@@ -6125,7 +6450,7 @@ const Xs = (r, t) => {
         S.isProcessingMutation = !0;
         try {
           const n = (o) => {
-            o && new H({ mergeAdjacent: !1, removeEmpty: !1, normalizeWhitespace: !1 }).run(o);
+            o && new O({ mergeAdjacent: !1, removeEmpty: !1, normalizeWhitespace: !1 }).run(o);
           };
           e.forEach((o) => {
             o.addedNodes.forEach((s) => {
@@ -6150,7 +6475,7 @@ const Xs = (r, t) => {
    */
   static findBlokScopeFromNode(t) {
     const e = t.nodeType === Node.ELEMENT_NODE ? t : t.parentElement;
-    return !e || typeof e.closest != "function" ? null : e.closest(`${G(D.interface)}, ${G(D.editor)}`);
+    return !e || typeof e.closest != "function" ? null : e.closest(`${$(B.interface)}, ${$(B.editor)}`);
   }
   /**
    * Get a bold element at the boundary of a collapsed range
@@ -6168,11 +6493,11 @@ const Xs = (r, t) => {
   static getBoundaryBoldForText(t, e) {
     const n = e.textContent.length;
     if (t.startOffset === n)
-      return _(e);
+      return G(e);
     if (t.startOffset !== 0)
       return null;
     const o = e.previousSibling;
-    return vt(o) ? o : null;
+    return St(o) ? o : null;
   }
   /**
    * Get boundary bold when caret container is an element
@@ -6183,7 +6508,7 @@ const Xs = (r, t) => {
     if (t.startOffset <= 0)
       return null;
     const n = e.childNodes[t.startOffset - 1];
-    return vt(n) ? n : null;
+    return St(n) ? n : null;
   }
   /**
    * Check if a selection is inside the blok
@@ -6194,7 +6519,7 @@ const Xs = (r, t) => {
     if (!e)
       return !1;
     const n = e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement;
-    return !!(n != null && n.closest(G(D.editor)));
+    return !!(n != null && n.closest($(B.editor)));
   }
   /**
    * Get HTML content of a range with bold tags removed
@@ -6219,15 +6544,15 @@ const Xs = (r, t) => {
    * @param range - The range to search for bold ancestors
    */
   collectBoldAncestors(t) {
-    return at(t, X);
+    return dt(t, X);
   }
 };
 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 he = S;
-const Ct = (r) => {
+let Ce = S;
+const yt = (r) => {
   const t = r.tagName;
   return t === "I" || t === "EM";
-}, Q = class Q {
+}, tt = class tt {
   /**
    * Sanitizer Rule
    * Leave <i> and <em> tags
@@ -6244,7 +6569,7 @@ const Ct = (r) => {
    */
   render() {
     return {
-      icon: vn,
+      icon: Pn,
       name: "italic",
       onActivate: () => {
         this.toggleItalic();
@@ -6303,7 +6628,7 @@ const Ct = (r) => {
    * @param options - Options for checking italic status
    */
   isRangeItalic(t, e) {
-    return Pt(t, Ct, e);
+    return Mt(t, yt, e);
   }
   /**
    * Wrap selection with <i> tag
@@ -6343,21 +6668,21 @@ const Ct = (r) => {
    * @param node - The node to check
    */
   hasItalicParent(t) {
-    return We(t, Ct);
+    return je(t, yt);
   }
   /**
    * Find an italic element in the parent chain
    * @param node - The node to start searching from
    */
   findItalicElement(t) {
-    return Z(t, Ct);
+    return J(t, yt);
   }
   /**
    * Collect all italic ancestor elements within a range
    * @param range - The range to search for italic ancestors
    */
   collectItalicAncestors(t) {
-    return at(t, Ct);
+    return dt(t, yt);
   }
   /**
    * Get HTML content of a range with italic tags removed
@@ -6444,9 +6769,9 @@ const Ct = (r) => {
     n.insertBefore(l, e.nextSibling), n.insertBefore(t, l);
   }
 };
-Q.isInline = !0, Q.title = "Italic", Q.titleKey = "italic", Q.shortcut = "CMD+I";
-let ue = Q;
-const tt = class tt {
+tt.isInline = !0, tt.title = "Italic", tt.titleKey = "italic", tt.shortcut = "CMD+I";
+let be = tt;
+const et = class et {
   /**
    * @param api - Blok API
    */
@@ -6460,7 +6785,7 @@ const tt = class tt {
       button: null
     }, this.inputOpened = !1, this.unlinkAvailable = !1, this.handleButtonClick = (e) => {
       !this.inputOpened || !this.unlinkAvailable || (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), this.restoreSelection(), this.unlink(), this.inlineToolbar.close());
-    }, this.toolbar = t.toolbar, this.inlineToolbar = t.inlineToolbar, this.notifier = t.notifier, this.i18n = t.i18n, this.selection = new it(), this.nodes.input = this.createInput();
+    }, this.toolbar = t.toolbar, this.inlineToolbar = t.inlineToolbar, this.notifier = t.notifier, this.i18n = t.i18n, this.selection = new lt(), this.nodes.input = this.createInput();
   }
   /**
    * Sanitizer Rule
@@ -6481,7 +6806,7 @@ const tt = class tt {
    */
   render() {
     return {
-      icon: Sn,
+      icon: Hn,
       name: "link",
       isActive: () => !!this.selection.findParentTag("A"),
       children: {
@@ -6489,7 +6814,7 @@ const tt = class tt {
         width: "200px",
         items: [
           {
-            type: W.Html,
+            type: F.Html,
             // Input is created in constructor, so it's always available here
             element: this.nodes.input
           }
@@ -6540,7 +6865,7 @@ const tt = class tt {
    */
   getButtonElement() {
     const t = document.querySelector(
-      `${G(D.interface, kn)} [data-blok-item-name="link"]`
+      `${$(B.interface, Nn)} [data-blok-item-name="link"]`
     );
     return t && t !== this.nodes.button && (t.addEventListener("click", this.handleButtonClick, !0), this.nodes.button = t), t;
   }
@@ -6567,7 +6892,7 @@ const tt = class tt {
    * Restore selection after closing actions
    */
   restoreSelection() {
-    const t = new it(), e = it.isAtBlok;
+    const t = new lt(), e = lt.isAtBlok;
     if (e && t.save(), this.selection.removeFakeBackground(), this.selection.restore(), !e && this.selection.savedSelectionRange) {
       const s = this.selection.savedSelectionRange.commonAncestorContainer, i = s.nodeType === Node.ELEMENT_NODE ? s : s.parentElement;
       i == null || i.focus();
@@ -6597,7 +6922,7 @@ const tt = class tt {
       this.notifier.show({
         message: this.i18n.t("tools.link.invalidLink"),
         style: "error"
-      }), wn("Incorrect Link pasted", "warn", e);
+      }), On("Incorrect Link pasted", "warn", e);
       return;
     }
     const n = this.prepareLink(e);
@@ -6640,7 +6965,7 @@ const tt = class tt {
       this.selection.expandToTag(e), e.href = t, e.target = "_blank", e.rel = "nofollow";
       return;
     }
-    const n = it.range;
+    const n = lt.range;
     if (!n)
       return;
     const o = document.createElement("a");
@@ -6674,9 +6999,9 @@ const tt = class tt {
     t && t.setAttribute(e, n ? "true" : "false");
   }
 };
-tt.isInline = !0, tt.title = "Link", tt.titleKey = "link", tt.shortcut = "CMD+K";
-let pe = tt;
-const lt = (r) => r.tagName === "MARK", Tt = (r) => Z(r, lt), ge = {
+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 = {
   color: "background-color",
   "background-color": "color"
 }, U = class U {
@@ -6684,7 +7009,7 @@ const lt = (r) => r.tagName === "MARK", Tt = (r) => Z(r, lt), ge = {
    * @param options - Inline tool constructor options with API
    */
   constructor({ api: t }) {
-    this.colorMode = "color", this.i18n = t.i18n, this.inlineToolbar = t.inlineToolbar, this.selection = new it(), this.picker = Pe({
+    this.colorMode = "color", this.i18n = t.i18n, this.inlineToolbar = t.inlineToolbar, this.selection = new lt(), this.picker = $e({
       i18n: this.i18n,
       testIdPrefix: "marker",
       defaultModeIndex: 0,
@@ -6718,21 +7043,21 @@ const lt = (r) => r.tagName === "MARK", Tt = (r) => Z(r, lt), ge = {
    */
   render() {
     return {
-      icon: be,
+      icon: Ae,
       name: "marker",
       isActive: () => {
         const t = window.getSelection();
         if (!t || t.rangeCount === 0)
           return !1;
         const e = t.getRangeAt(0);
-        return Pt(e, lt, { ignoreWhitespace: !0 });
+        return Mt(e, ct, { ignoreWhitespace: !0 });
       },
       children: {
         hideChevron: !0,
         width: "200px",
         items: [
           {
-            type: W.Html,
+            type: F.Html,
             element: this.picker.element
           }
         ],
@@ -6784,10 +7109,10 @@ const lt = (r) => r.tagName === "MARK", Tt = (r) => Z(r, lt), ge = {
     const e = window.getSelection();
     if (!e || e.rangeCount === 0)
       return;
-    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 = at(n, lt);
+    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 = ge[t], k = C.style.getPropertyValue(v);
+      const v = ve[t], k = C.style.getPropertyValue(v);
       k !== "" && k !== "transparent" ? this.ensureTransparentBg(C) : this.unwrapElement(C);
     }
     const p = o.isConnected, g = i.isConnected;
@@ -6824,7 +7149,7 @@ const lt = (r) => r.tagName === "MARK", Tt = (r) => Z(r, lt), ge = {
     const t = window.getSelection();
     if (!t || t.rangeCount === 0)
       return null;
-    const e = t.getRangeAt(0), n = Tt(e.startContainer);
+    const e = t.getRangeAt(0), n = Bt(e.startContainer);
     if (!n)
       return null;
     const o = n.style.getPropertyValue("color");
@@ -6844,7 +7169,7 @@ const lt = (r) => r.tagName === "MARK", Tt = (r) => Z(r, lt), ge = {
    * @param range - The range to check
    */
   findContainingMark(t) {
-    const e = Tt(t.startContainer), n = Tt(t.endContainer);
+    const e = Bt(t.startContainer), n = Bt(t.endContainer);
     return e && e === n ? e : null;
   }
   /**
@@ -6853,10 +7178,10 @@ const lt = (r) => r.tagName === "MARK", Tt = (r) => Z(r, lt), ge = {
    * @param mode - The style property to remove
    */
   removeNestedMarkStyle(t, e) {
-    const n = at(t, lt);
+    const n = dt(t, ct);
     for (const o of n) {
       o.style.removeProperty(e);
-      const s = ge[e], i = o.style.getPropertyValue(s);
+      const s = ve[e], i = o.style.getPropertyValue(s);
       i !== "" && i !== "transparent" ? this.ensureTransparentBg(o) : this.unwrapElement(o);
     }
   }
@@ -6902,7 +7227,7 @@ const lt = (r) => r.tagName === "MARK", Tt = (r) => Z(r, lt), ge = {
    * @param range - The selection range
    */
   splitMarksAtBoundaries(t) {
-    const e = at(t, lt);
+    const e = dt(t, ct);
     for (const n of e) {
       const o = document.createRange();
       o.selectNodeContents(n);
@@ -7003,28 +7328,30 @@ const lt = (r) => r.tagName === "MARK", Tt = (r) => Z(r, lt), ge = {
   }
 };
 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 fe = U;
-const ti = {
+let Se = U;
+const Ti = {
   paragraph: { preserveBlank: !0 },
   header: {},
   list: {},
-  table: {}
-}, ei = {
+  table: {},
+  toggle: {}
+}, Ri = {
   bold: {},
   italic: {},
   link: {},
   marker: {}
 };
 export {
-  he as Bold,
-  si as Convert,
-  zt as Header,
-  ue as Italic,
-  pe as Link,
-  Js as List,
-  fe as Marker,
-  qt as Paragraph,
-  Qs as Table,
-  ti as defaultBlockTools,
-  ei as defaultInlineTools
+  Ce as Bold,
+  Ii as Convert,
+  Xt as Header,
+  be as Italic,
+  ye as Link,
+  Ei as List,
+  Se as Marker,
+  jt as Paragraph,
+  Ai as Table,
+  xi as Toggle,
+  Ti as defaultBlockTools,
+  Ri as defaultInlineTools
 };