@jackuait/blok 0.6.0-beta.2 → 0.6.0-beta.5

package/dist/tools.mjs

@@ -1,17 +1,17 @@
-var Ee = Object.defineProperty, ke = Object.defineProperties;
-var xe = Object.getOwnPropertyDescriptors;
-var Et = Object.getOwnPropertySymbols;
-var Te = Object.prototype.hasOwnProperty, Le = Object.prototype.propertyIsEnumerable;
-var kt = (i, t, e) => t in i ? Ee(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, L = (i, t) => {
+var ke = Object.defineProperty, xe = Object.defineProperties;
+var Te = Object.getOwnPropertyDescriptors;
+var xt = Object.getOwnPropertySymbols;
+var Re = Object.prototype.hasOwnProperty, Le = Object.prototype.propertyIsEnumerable;
+var Tt = (i, t, e) => t in i ? ke(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, x = (i, t) => {
   for (var e in t || (t = {}))
-    Te.call(t, e) && kt(i, e, t[e]);
-  if (Et)
-    for (var e of Et(t))
-      Le.call(t, e) && kt(i, e, t[e]);
+    Re.call(t, e) && Tt(i, e, t[e]);
+  if (xt)
+    for (var e of xt(t))
+      Le.call(t, e) && Tt(i, e, t[e]);
   return i;
-}, tt = (i, t) => ke(i, xe(t));
-import { t as v, D as E, am as Re, an as Be, _ as Ie, ao as De, ap as Ne, aq as Pe, ar as _e, as as He, at as Me, au as te, av as ee, aw as ne, o as Oe, p as xt, a5 as Tt, a3 as $e, J as se, ax as Ge, Q as oe, P as F, ay as We, az as qe, a0 as Lt, aA as Fe, aB as ze, aC as Ve, aD as Ue, aE as Ke, z as O, aF as je, aG as Xe, S as et, aH as Ye, l as Ze, a8 as Je } from "./chunks/inline-tool-convert-I0Hy4UKl.mjs";
-import { ab as fo } from "./chunks/inline-tool-convert-I0Hy4UKl.mjs";
+}, tt = (i, t) => xe(i, Te(t));
+import { t as v, D as E, am as Be, an as Ie, _ as De, ao as Ne, ap as He, aq as Pe, ar as _e, as as Oe, at as Me, au as Qt, av as te, aw as ee, o as We, p as Rt, a5 as Lt, a3 as $e, ax as Ge, J as ne, Q as se, P as q, ay as qe, az as Fe, a0 as oe, aA as ze, aB as Ve, aC as Ue, aD as Ke, aE as je, z as H, aF as Xe, aG as Ye, S as et, aH as Ze, l as Je, a8 as Qe } from "./chunks/inline-tool-convert-e3PyuxB6.mjs";
+import { ab as xo } from "./chunks/inline-tool-convert-e3PyuxB6.mjs";
 const ie = (i) => {
   if (!i || !i.includes("data-blok-fake-background"))
     return i;
@@ -24,7 +24,7 @@ const ie = (i) => {
       s.removeChild(n);
     }
   }), t.innerHTML;
-}, at = [
+}, dt = [
   "empty:before:pointer-events-none",
   "empty:before:text-gray-text",
   "empty:before:cursor-text",
@@ -33,7 +33,7 @@ const ie = (i) => {
   "[&[data-blok-empty=true]]:before:text-gray-text",
   "[&[data-blok-empty=true]]:before:cursor-text",
   "[&[data-blok-empty=true]]:before:content-[attr(data-placeholder)]"
-], Qe = [
+], tn = [
   "empty:focus:before:pointer-events-none",
   "empty:focus:before:text-gray-text",
   "empty:focus:before:cursor-text",
@@ -42,22 +42,22 @@ const ie = (i) => {
   "[&[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)]"
-], tn = (i) => {
+], en = (i) => {
   const t = i.innerHTML.trim();
   return t === "" || t === "<br>";
-}, en = (i) => {
+}, nn = (i) => {
   i.innerHTML === "<br>" && (i.innerHTML = "");
   const t = window.getSelection();
   if (!t) return;
   const e = document.createRange();
   e.selectNodeContents(i), e.collapse(!0), t.removeAllRanges(), t.addRange(e);
-}, nn = (i) => {
-  tn(i) && en(i);
-}, wt = (i, t, e = "data-placeholder") => {
+}, sn = (i) => {
+  en(i) && nn(i);
+}, Et = (i, t, e = "data-placeholder") => {
   i.setAttribute(e, t != null ? t : "");
-  const n = () => nn(i);
+  const n = () => sn(i);
   i.addEventListener("focus", n), i.addEventListener("input", n);
-}, sn = (i) => {
+}, on = (i) => {
   const t = document.createElement("div");
   t.innerHTML = i.trim();
   const e = document.createDocumentFragment();
@@ -110,10 +110,10 @@ const ie = (i) => {
     t.className = v(
       this.api.styles.block,
       Q.WRAPPER_CLASSES,
-      Qe
+      tn
     ), t.setAttribute(E.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.setAttribute("data-blok-placeholder-active", this.api.i18n.t(this._placeholder)) : (t.contentEditable = "true", t.addEventListener("keyup", this.onKeyUp), wt(t, this.api.i18n.t(this._placeholder), "data-blok-placeholder-active")), t;
+    return Object.keys(e).length > 0 && Object.assign(t.style, e), this._data.text && (t.innerHTML = this._data.text), this.readOnly ? t.setAttribute("data-blok-placeholder-active", this.api.i18n.t(this._placeholder)) : (t.contentEditable = "true", t.addEventListener("keyup", this.onKeyUp), Et(t, this.api.i18n.t(this._placeholder), "data-blok-placeholder-active")), t;
   }
   /**
    * Return Tool's view
@@ -133,7 +133,7 @@ const ie = (i) => {
     if (!this._element)
       return;
     this._data.text += t.text;
-    const e = sn(t.text);
+    const e = on(t.text);
     this._element.appendChild(e), this._element.normalize();
   }
   /**
@@ -224,7 +224,7 @@ const ie = (i) => {
    */
   static get toolbox() {
     return {
-      icon: Re,
+      icon: Be,
       title: "Text",
       titleKey: "text",
       searchTerms: ["p", "paragraph", "plain"]
@@ -239,8 +239,8 @@ Q.WRAPPER_CLASSES = [
   "[&>p:first-of-type]:mt-0",
   "[&>p:last-of-type]:mb-0"
 ];
-let Rt = Q;
-const q = class q {
+let Bt = Q;
+const O = class O {
   /**
    * Render plugin's main Element and fill it with saved data
    *
@@ -326,10 +326,10 @@ const q = class q {
    */
   buildSettingsFromToolboxEntries(t) {
     return t.map((e) => {
-      var c, d, h, u;
-      const n = e.data, s = (c = n == null ? void 0 : n.level) != null ? c : this.defaultLevel.number, o = q.DEFAULT_LEVELS.find((f) => f.number === s), r = (d = o == null ? void 0 : o.name) != null ? d : `Heading ${s}`, l = this.resolveToolboxEntryTitle(e, r);
+      var c, d, h, p;
+      const n = e.data, s = (c = n == null ? void 0 : n.level) != null ? c : this.defaultLevel.number, o = O.DEFAULT_LEVELS.find((m) => m.number === s), r = (d = o == null ? void 0 : o.name) != null ? d : `Heading ${s}`, l = this.resolveToolboxEntryTitle(e, r);
       return {
-        icon: (u = (h = e.icon) != null ? h : o == null ? void 0 : o.icon) != null ? u : Be,
+        icon: (p = (h = e.icon) != null ? h : o == null ? void 0 : o.icon) != null ? p : Ie,
         title: l,
         onActivate: () => this.setLevel(s),
         closeOnActivate: !0,
@@ -348,7 +348,7 @@ const q = class q {
    * @returns Resolved title string
    */
   resolveToolboxEntryTitle(t, e) {
-    return Ie(this.api.i18n, t, e);
+    return De(this.api.i18n, t, e);
   }
   /**
    * Callback for Block's settings buttons
@@ -450,9 +450,9 @@ const q = class q {
    */
   getTag() {
     const t = document.createElement(this.currentLevel.tag);
-    t.innerHTML = this._data.text || "", t.className = v(q.BASE_STYLES, this.currentLevel.styles, at);
+    t.innerHTML = this._data.text || "", t.className = v(O.BASE_STYLES, this.currentLevel.styles, dt);
     const { inlineStyles: e } = this.currentLevel;
-    return e && Object.assign(t.style, e), t.setAttribute(E.tool, "header"), t.contentEditable = this.readOnly ? "false" : "true", this.readOnly ? t.setAttribute("data-placeholder", this.api.i18n.t(this._settings.placeholder || "")) : wt(t, this.api.i18n.t(this._settings.placeholder || "")), t;
+    return e && Object.assign(t.style, e), t.setAttribute(E.tool, "header"), t.contentEditable = this.readOnly ? "false" : "true", this.readOnly ? t.setAttribute("data-placeholder", this.api.i18n.t(this._settings.placeholder || "")) : Et(t, this.api.i18n.t(this._settings.placeholder || "")), t;
   }
   /**
    * Get current level
@@ -480,7 +480,7 @@ const q = class q {
    * @returns Level array
    */
   get levels() {
-    const t = this._settings.levelOverrides || {}, e = q.DEFAULT_LEVELS.map((s) => {
+    const t = this._settings.levelOverrides || {}, e = O.DEFAULT_LEVELS.map((s) => {
       var l;
       const o = t[s.number] || {}, r = {};
       return o.size && (r.fontSize = o.size), o.marginTop && (r.marginTop = o.marginTop), o.marginBottom && (r.marginBottom = o.marginBottom), {
@@ -537,7 +537,7 @@ const q = class q {
    * @returns ToolboxConfig array with entries for H1-H6
    */
   static get toolbox() {
-    return q.DEFAULT_LEVELS.map((t) => ({
+    return O.DEFAULT_LEVELS.map((t) => ({
       icon: t.icon,
       title: t.name,
       titleKey: t.nameKey,
@@ -548,16 +548,16 @@ const q = class q {
     }));
   }
 };
-q.BASE_STYLES = "py-[3px] px-[2px] m-0 !leading-[1.3] outline-none [&_p]:!p-0 [&_p]:!m-0 [&_div]:!p-0 [&_div]:!m-0", q.DEFAULT_LEVELS = [
-  { number: 1, tag: "H1", nameKey: "tools.header.heading1", name: "Heading 1", icon: De, styles: "text-4xl font-bold mt-8 mb-1" },
-  { number: 2, tag: "H2", nameKey: "tools.header.heading2", name: "Heading 2", icon: Ne, styles: "text-3xl font-semibold mt-6 mb-px" },
+O.BASE_STYLES = "py-[3px] px-[2px] m-0 !leading-[1.3] outline-none [&_p]:!p-0 [&_p]:!m-0 [&_div]:!p-0 [&_div]:!m-0", O.DEFAULT_LEVELS = [
+  { number: 1, tag: "H1", nameKey: "tools.header.heading1", name: "Heading 1", icon: Ne, styles: "text-4xl font-bold mt-8 mb-1" },
+  { number: 2, tag: "H2", nameKey: "tools.header.heading2", name: "Heading 2", icon: He, styles: "text-3xl font-semibold mt-6 mb-px" },
   { number: 3, tag: "H3", nameKey: "tools.header.heading3", name: "Heading 3", icon: Pe, styles: "text-2xl font-semibold mt-4 mb-px" },
   { number: 4, tag: "H4", nameKey: "tools.header.heading4", name: "Heading 4", icon: _e, styles: "text-xl font-semibold mt-3 mb-px" },
-  { number: 5, tag: "H5", nameKey: "tools.header.heading5", name: "Heading 5", icon: He, styles: "text-base font-semibold mt-3 mb-px" },
+  { number: 5, tag: "H5", nameKey: "tools.header.heading5", name: "Heading 5", icon: Oe, styles: "text-base font-semibold mt-3 mb-px" },
   { number: 6, tag: "H6", nameKey: "tools.header.heading6", name: "Heading 6", icon: Me, styles: "text-sm font-semibold mt-3 mb-px" }
 ];
-let Bt = q;
-const V = 24, on = "outline-none py-[3px] mt-[2px] mb-px", rn = "outline-none pl-0.5 leading-[1.6em]", ln = "flex items-start pl-0.5", an = "mt-1 w-4 mr-2 h-4 cursor-pointer accent-current", cn = "tools.list.placeholder", w = "list", re = {
+let It = O;
+const F = 24, rn = "outline-none py-[3px] mt-[2px] mb-px", ln = "outline-none pl-0.5 leading-[1.6em]", an = "flex items-start pl-0.5", cn = "mt-1 w-4 mr-2 h-4 cursor-pointer accent-current", dn = "tools.list.placeholder", w = "list", re = {
   contentContainer: "list-content-container",
   checklistContent: "list-checklist-content"
 }, le = (i, t) => {
@@ -569,7 +569,7 @@ const V = 24, on = "outline-none py-[3px] mt-[2px] mb-px", rn = "outline-none pl
     configurable: !1
   });
 }, ae = (i) => {
-  const { data: t, keydownHandler: e, readOnly: n } = i, s = dn(i), o = t.style === "checklist" ? un(i) : hn(i);
+  const { data: t, keydownHandler: e, readOnly: n } = i, s = hn(i), o = t.style === "checklist" ? pn(i) : un(i);
   s.appendChild(o), !n && e && s.addEventListener("keydown", e);
   const r = o.querySelector("[data-list-marker]"), l = o.querySelector('input[type="checkbox"]'), a = o.querySelector("[contenteditable]");
   return {
@@ -578,47 +578,47 @@ const V = 24, on = "outline-none py-[3px] mt-[2px] mb-px", rn = "outline-none pl
     markerElement: r,
     checkboxElement: l
   };
-}, dn = (i) => {
+}, hn = (i) => {
   var n;
   const { data: t } = i, e = document.createElement("div");
-  return e.className = on, e.setAttribute(E.tool, w), 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;
-}, hn = (i) => {
+  return e.className = rn, e.setAttribute(E.tool, w), 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;
+}, un = (i) => {
   var c;
   const { data: t, itemColor: e, itemSize: n, placeholder: s } = i, o = document.createElement("div");
-  o.setAttribute("role", "listitem"), o.className = v(rn, "flex", ...at), e && (o.style.color = e), n && (o.style.fontSize = n);
+  o.setAttribute("role", "listitem"), o.className = v(ln, "flex", ...dt), e && (o.style.color = e), n && (o.style.fontSize = n);
   const r = (c = t.depth) != null ? c : 0;
-  r > 0 && (o.style.marginLeft = `${r * V}px`);
-  const l = pn(t.style, r);
+  r > 0 && (o.style.marginLeft = `${r * F}px`);
+  const l = gn(t.style, r);
   l.setAttribute("data-list-marker", "true"), l.setAttribute("data-blok-mutation-free", "true"), o.appendChild(l);
   const a = document.createElement("div");
-  return a.className = v("flex-1 min-w-0 outline-none", ...at), a.setAttribute("data-blok-testid", re.contentContainer), a.contentEditable = i.readOnly ? "false" : "true", a.innerHTML = t.text, le(a, s), o.appendChild(a), o;
-}, un = (i) => {
+  return a.className = v("flex-1 min-w-0 outline-none", ...dt), a.setAttribute("data-blok-testid", re.contentContainer), a.contentEditable = i.readOnly ? "false" : "true", a.innerHTML = t.text, le(a, s), o.appendChild(a), o;
+}, pn = (i) => {
   var d;
   const { data: t, itemColor: e, itemSize: n, placeholder: s, readOnly: o } = i, r = document.createElement("div");
-  r.setAttribute("role", "listitem"), r.className = ln, e && (r.style.color = e), n && (r.style.fontSize = n);
+  r.setAttribute("role", "listitem"), r.className = an, e && (r.style.color = e), n && (r.style.fontSize = n);
   const l = (d = t.depth) != null ? d : 0;
-  l > 0 && (r.style.marginLeft = `${l * V}px`);
+  l > 0 && (r.style.marginLeft = `${l * F}px`);
   const a = document.createElement("input");
-  a.type = "checkbox", a.className = an, a.checked = !!t.checked, a.disabled = o;
+  a.type = "checkbox", a.className = cn, a.checked = !!t.checked, a.disabled = o;
   const c = document.createElement("div");
   return c.className = v(
     "flex-1 outline-none leading-[1.6em]",
     t.checked ? "line-through opacity-60" : "",
-    ...at
+    ...dt
   ), c.setAttribute("data-blok-testid", re.checklistContent), c.setAttribute("data-checked", String(t.checked)), c.contentEditable = o ? "false" : "true", c.innerHTML = t.text, le(c, s), r.appendChild(a), r.appendChild(c), r;
-}, pn = (i, t) => {
+}, gn = (i, t) => {
   const e = document.createElement("span");
   if (e.className = "flex-shrink-0 select-none", e.setAttribute("aria-hidden", "true"), e.contentEditable = "false", i === "ordered")
     e.textContent = "1.", e.className = v(e.className, "text-right"), e.style.paddingRight = "11px", e.style.minWidth = "fit-content";
   else {
-    const n = gn(t);
+    const n = fn(t);
     e.textContent = n, e.className = v(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 = (i) => {
+}, fn = (i) => {
   const t = ["•", "◦", "▪"];
   return t[i % t.length];
-}, fn = (i) => {
+}, mn = (i) => {
   const { data: t, readOnly: e, placeholder: n, itemColor: s, itemSize: o, element: r, setupItemPlaceholder: l, onCheckboxChange: a, keydownHandler: c } = i;
   if (!r) return null;
   const d = r.parentNode;
@@ -632,13 +632,13 @@ const V = 24, on = "outline-none py-[3px] mt-[2px] mb-px", rn = "outline-none pl
     keydownHandler: c
   });
   if (h.contentElement && l(h.contentElement), h.checkboxElement && !e) {
-    const u = h.checkboxElement;
-    u.addEventListener("change", () => {
-      a(u.checked, h.contentElement);
+    const p = h.checkboxElement;
+    p.addEventListener("change", () => {
+      a(p.checked, h.contentElement);
     });
   }
   return d.replaceChild(h.wrapper, r), h.wrapper;
-}, mn = (i, t, e) => {
+}, Cn = (i, t, e) => {
   if (!t) return i;
   const n = e(), o = {
     text: n ? ie(n.innerHTML) : i.text,
@@ -646,18 +646,18 @@ const V = 24, on = "outline-none py-[3px] mt-[2px] mb-px", rn = "outline-none pl
     checked: i.checked
   };
   return i.start !== void 0 && i.start !== 1 && (o.start = i.start), i.depth !== void 0 && i.depth > 0 && (o.depth = i.depth), o;
-}, Cn = (i, t, e, n, s) => {
-  var m, y, b;
+}, yn = (i, t, e, n, s) => {
+  var f, y, b;
   if (!e)
     return { newData: i, inPlace: !1 };
-  const o = (m = i.depth) != null ? m : 0, r = (y = t.depth) != null ? y : 0, l = i.style, a = t.style;
+  const o = (f = i.depth) != null ? f : 0, r = (y = t.depth) != null ? y : 0, l = i.style, a = t.style;
   if (l !== a)
     return { newData: i, inPlace: !1 };
-  const c = "depth" in t ? t.depth : 0, d = tt(L(L({}, i), t), {
+  const c = "depth" in t ? t.depth : 0, d = tt(x(x({}, i), t), {
     depth: c
   }), h = n();
   return h && typeof t.text == "string" && (h.innerHTML = t.text), o !== r ? (s.adjustDepthTo(r), s.updateMarkerForDepth(r, a), { newData: d, inPlace: !0 }) : (a === "checklist" && s.updateCheckboxState((b = t.checked) != null ? b : !1), { newData: d, inPlace: !0 });
-}, yn = (i, t) => {
+}, bn = (i, t) => {
   const { element: e, getContentElement: n, parseHTML: s, data: o } = i;
   if (!e)
     return;
@@ -667,13 +667,13 @@ const V = 24, on = "outline-none py-[3px] mt-[2px] mb-px", rn = "outline-none pl
     const l = s(t.text);
     r.appendChild(l), r.normalize();
   }
-}, bn = (i, t, e, n) => i.map((s) => ({
+}, vn = (i, t, e, n) => i.map((s) => ({
   icon: s.icon,
   title: e(`toolNames.${s.titleKey}`),
   onActivate: () => n(s.style),
   closeOnActivate: !0,
   isActive: t === s.style
-})), vn = (i) => {
+})), Sn = (i) => {
   if (!i)
     return;
   const e = (i.getAttribute("style") || "").match(/margin-left:\s*(\d+)px/);
@@ -681,7 +681,7 @@ const V = 24, on = "outline-none py-[3px] mt-[2px] mb-px", rn = "outline-none pl
     return;
   const n = parseInt(e[1], 10);
   return n > 0 ? { left: n } : void 0;
-}, Sn = (i) => {
+}, wn = (i) => {
   const t = i.closest("[data-list-depth]");
   if (!t)
     return;
@@ -689,11 +689,11 @@ const V = 24, on = "outline-none py-[3px] mt-[2px] mb-px", rn = "outline-none pl
   if (e === null)
     return;
   const n = parseInt(e, 10);
-  return n > 0 ? { left: n * V } : void 0;
-}, wn = (i) => {
-  const t = i.closest('[role="listitem"]') || i.querySelector('[role="listitem"]'), e = vn(t);
-  return e !== void 0 ? e : Sn(i);
-}, An = (i, t) => {
+  return n > 0 ? { left: n * F } : void 0;
+}, An = (i) => {
+  const t = i.closest('[role="listitem"]') || i.querySelector('[role="listitem"]'), e = Sn(t);
+  return e !== void 0 ? e : wn(i);
+}, En = (i, t) => {
   const e = document.createRange();
   if (e.setStart(i, 0), e.setEnd(t.startContainer, t.startOffset), !i.lastChild)
     return {
@@ -702,33 +702,33 @@ const V = 24, on = "outline-none py-[3px] mt-[2px] mb-px", rn = "outline-none pl
     };
   const n = document.createRange();
   return n.setStart(t.endContainer, t.endOffset), n.setEndAfter(i.lastChild), {
-    beforeContent: It(e.cloneContents()),
-    afterContent: It(n.cloneContents())
+    beforeContent: Dt(e.cloneContents()),
+    afterContent: Dt(n.cloneContents())
   };
-}, It = (i) => {
+}, Dt = (i) => {
   const t = document.createElement("div");
   return t.appendChild(i), t.innerHTML;
-}, En = (i) => {
+}, kn = (i) => {
   const t = document.createElement("div");
   t.innerHTML = i.trim();
   const e = document.createDocumentFragment();
   return e.append(...Array.from(t.childNodes)), e;
-}, kn = (i, t) => {
+}, xn = (i, t) => {
   const e = document.createRange();
   return e.selectNodeContents(i), e.setEnd(t.startContainer, t.startOffset), e.toString().length === 0;
-}, xn = (i, t) => {
+}, Tn = (i, t) => {
   const e = document.createRange();
   e.selectNodeContents(i), e.setEnd(t.startContainer, t.startOffset);
   const n = e.toString().length === 0, s = document.createRange();
   s.selectNodeContents(i), s.setStart(t.endContainer, t.endOffset);
   const o = s.toString().length === 0;
   return n && o;
-}, Tn = (i) => {
+}, Rn = (i) => {
   if (typeof i != "object" || i === null)
     return !1;
   const e = Object.entries(i).find(([n]) => n === "items");
   return e === void 0 ? !1 : Array.isArray(e[1]);
-}, Ln = (i) => typeof i == "object" && i !== null, Rn = (i) => typeof i == "string" ? i : "", Bn = (i, t) => i === "unordered" || i === "ordered" || i === "checklist" ? i : t, In = (i) => !!i, Dn = (i, t) => typeof i == "number" ? i : t, Nn = (i, t) => {
+}, Ln = (i) => typeof i == "object" && i !== null, Bn = (i) => typeof i == "string" ? i : "", In = (i, t) => i === "unordered" || i === "ordered" || i === "checklist" ? i : t, Dn = (i) => !!i, Nn = (i, t) => typeof i == "number" ? i : t, Hn = (i, t) => {
   const e = t.defaultStyle || "unordered";
   if (!i || typeof i != "object")
     return {
@@ -737,9 +737,9 @@ const V = 24, on = "outline-none py-[3px] mt-[2px] mb-px", rn = "outline-none pl
       checked: !1,
       depth: 0
     };
-  if (Tn(i)) {
+  if (Rn(i)) {
     const n = i.items[0], s = (n == null ? void 0 : n.content) || "", o = (n == null ? void 0 : n.checked) || !1;
-    return L({
+    return x({
       text: s,
       style: i.style || e,
       checked: !!o,
@@ -747,8 +747,8 @@ const V = 24, on = "outline-none py-[3px] mt-[2px] mb-px", rn = "outline-none pl
     }, i.start !== void 0 && i.start !== 1 ? { start: i.start } : {});
   }
   if (Ln(i)) {
-    const n = Rn(i.text), s = Bn(i.style, e), o = In(i.checked), r = Dn(i.depth, 0), l = i.start, a = typeof l == "number" && l !== void 0 && l !== 1 ? l : void 0;
-    return L({
+    const n = Bn(i.text), s = In(i.style, e), o = Dn(i.checked), r = Nn(i.depth, 0), l = i.start, a = typeof l == "number" && l !== void 0 && l !== 1 ? l : void 0;
+    return x({
       text: n,
       style: s,
       checked: o,
@@ -819,7 +819,7 @@ class ce {
     if (!t)
       return 0;
     const e = (o = (s = t.holder) == null ? void 0 : s.querySelector('[role="listitem"]')) == null ? void 0 : o.getAttribute("style"), n = e == null ? void 0 : e.match(/margin-left:\s*(\d+)px/);
-    return n ? Math.round(parseInt(n[1], 10) / V) : 0;
+    return n ? Math.round(parseInt(n[1], 10) / F) : 0;
   }
 }
 const Pn = (i, t) => {
@@ -833,8 +833,8 @@ const Pn = (i, t) => {
 }, _n = (i, t, e) => {
   i && i.setAttribute("data-list-depth", String(e));
   const n = i == null ? void 0 : i.querySelector('[role="listitem"]');
-  n instanceof HTMLElement && (n.style.marginLeft = e > 0 ? `${e * V}px` : ""), t.depth = e;
-}, de = (i, t) => t.getBlockDepth(i), he = (i, t) => t.getBlockStyle(i), Hn = (i, t) => t.getBulletCharacter(i), Dt = (i, t, e, n, s) => {
+  n instanceof HTMLElement && (n.style.marginLeft = e > 0 ? `${e * F}px` : ""), t.depth = e;
+}, de = (i, t) => t.getBlockDepth(i), he = (i, t) => t.getBlockStyle(i), On = (i, t) => t.getBulletCharacter(i), Nt = (i, t, e, n, s) => {
   var r;
   const o = i && (r = n.getBlockIndex(i)) != null ? r : n.getCurrentBlockIndex();
   return o <= 0 ? 0 : s.getSiblingIndex(o, t, e);
@@ -849,10 +849,10 @@ const Pn = (i, t) => {
     n.style
   );
   return l === null ? 1 : o.getBlockStartValue(l);
-}, Nt = (i, t, e, n, s, o) => {
+}, Ht = (i, t, e, n, s, o) => {
   const l = Mn(i, t, n, e, s, o) + i;
   return o.formatNumber(l, t);
-}, On = (i, t, e, n) => n.findGroupStart(i, t, e), ue = (i, t, e, n) => {
+}, Wn = (i, t, e, n) => n.findGroupStart(i, t, e), ue = (i, t, e, n) => {
   if (!i)
     return;
   const s = i.holder, o = s == null ? void 0 : s.querySelector('[data-list-style="ordered"]');
@@ -864,8 +864,8 @@ const Pn = (i, t) => {
   const l = t.getBlockIndex(i.id);
   if (l == null)
     return;
-  const a = de(i, e), c = he(i, n) || "ordered", d = n.getSiblingIndex(l, a, c), u = n.getGroupStartValue(l, a, d, c) + d, f = n.formatNumber(u, a);
-  r.textContent = f;
+  const a = de(i, e), c = he(i, n) || "ordered", d = n.getSiblingIndex(l, a, c), p = n.getGroupStartValue(l, a, d, c) + d, m = n.formatNumber(p, a);
+  r.textContent = m;
 }, $n = (i, t, e, n, s, o, r, l) => {
   const a = (c) => {
     if (c >= t)
@@ -896,7 +896,7 @@ const Pn = (i, t) => {
     const r = o.holder;
     r != null && r.querySelector('[data-list-style="ordered"]') && ue(o, i, t, e);
   });
-}, Y = (i, t, e = "end") => {
+}, j = (i, t, e = "end") => {
   requestAnimationFrame(() => {
     const n = t.holder;
     if (!n) return;
@@ -911,18 +911,18 @@ const Pn = (i, t) => {
     const r = document.createRange();
     e === "start" ? (r.setStart(s, 0), r.collapse(!0)) : (r.selectNodeContents(s), r.collapse(!1)), o.removeAllRanges(), o.addRange(r), i.caret.updateLastCaretAfterPosition();
   });
-}, Wn = async (i) => {
-  var m;
+}, qn = async (i) => {
+  var f;
   const { api: t, blockId: e, data: n, element: s, getContentElement: o } = i, r = window.getSelection();
   if (!r || !s) return;
   const l = o();
   if (!l) return;
   const a = l.innerHTML.trim();
   if (a === "" || a === "<br>") {
-    await qn(i);
+    await Fn(i);
     return;
   }
-  const c = r.getRangeAt(0), { beforeContent: d, afterContent: h } = An(l, c), u = e && (m = t.blocks.getBlockIndex(e)) != null ? m : t.blocks.getCurrentBlockIndex();
+  const c = r.getRangeAt(0), { beforeContent: d, afterContent: h } = En(l, c), p = e && (f = t.blocks.getBlockIndex(e)) != null ? f : t.blocks.getCurrentBlockIndex();
   if (!e) {
     l.innerHTML = d, n.text = d;
     const y = t.blocks.insert(w, {
@@ -930,11 +930,11 @@ const Pn = (i, t) => {
       style: n.style,
       checked: !1,
       depth: n.depth
-    }, void 0, u + 1, !0);
-    Y(t, y, "start");
+    }, void 0, p + 1, !0);
+    j(t, y, "start");
     return;
   }
-  const f = t.blocks.splitBlock(
+  const m = t.blocks.splitBlock(
     e,
     { text: d },
     w,
@@ -944,10 +944,10 @@ const Pn = (i, t) => {
       checked: !1,
       depth: n.depth
     },
-    u + 1
+    p + 1
   );
-  n.text = d, Y(t, f, "start");
-}, qn = async (i) => {
+  n.text = d, j(t, m, "start");
+}, Fn = async (i) => {
   const { api: t, blockId: e, getDepth: n } = i;
   if (n() > 0) {
     await pe(i);
@@ -956,28 +956,28 @@ const Pn = (i, t) => {
   if (e === void 0)
     return;
   const o = await t.blocks.convert(e, "paragraph", { text: "" });
-  Y(t, o, "start");
-}, Fn = async (i, t) => {
+  j(t, o, "start");
+}, zn = async (i, t) => {
   const { api: e, blockId: n, data: s, element: o, getContentElement: r, getDepth: l, syncContentFromDOM: a } = i, c = window.getSelection();
   if (!c || !o) return;
   const d = c.getRangeAt(0), h = r();
   if (!h) return;
   a();
-  const u = s.text, f = l();
-  if (xn(h, d) && !c.isCollapsed) {
+  const p = s.text, m = l();
+  if (Tn(h, d) && !c.isCollapsed) {
     t.preventDefault(), h.innerHTML = "", s.text = "";
     const b = document.createRange();
     b.setStart(h, 0), b.collapse(!0), c.removeAllRanges(), c.addRange(b);
     return;
   }
-  if (!kn(h, d) || (t.preventDefault(), n === void 0))
+  if (!xn(h, d) || (t.preventDefault(), n === void 0))
     return;
-  const y = await e.blocks.convert(n, "paragraph", { text: u });
-  f > 0 && requestAnimationFrame(() => {
+  const y = await e.blocks.convert(n, "paragraph", { text: p });
+  m > 0 && requestAnimationFrame(() => {
     const b = y.holder;
-    b && (b.style.marginLeft = `${f * V}px`, b.setAttribute("data-blok-depth", String(f)));
-  }), Y(e, y, "start");
-}, zn = async (i, t) => {
+    b && (b.style.marginLeft = `${m * F}px`, b.setAttribute("data-blok-depth", String(m)));
+  }), j(e, y, "start");
+}, Vn = async (i, t) => {
   const { api: e, blockId: n, data: s, syncContentFromDOM: o, getDepth: r } = i, l = e.blocks.getCurrentBlockIndex();
   if (l === 0) return;
   const a = e.blocks.getBlockByIndex(l - 1);
@@ -987,21 +987,21 @@ const Pn = (i, t) => {
   o();
   const h = c + 1;
   s.depth = h;
-  const u = await e.blocks.update(n || "", tt(L({}, s), {
+  const p = await e.blocks.update(n || "", tt(x({}, s), {
     depth: h
   }));
-  Y(e, u);
+  j(e, p);
 }, pe = async (i) => {
   const { api: t, blockId: e, data: n, syncContentFromDOM: s, getDepth: o } = i, r = o();
   if (r === 0) return;
   s();
   const l = r - 1;
   n.depth = l;
-  const a = await t.blocks.update(e || "", tt(L({}, n), {
+  const a = await t.blocks.update(e || "", tt(x({}, n), {
     depth: l
   }));
-  Y(t, a);
-}, Vn = (i) => {
+  j(t, a);
+}, Un = (i) => {
   const { data: t, readOnly: e, placeholder: n, itemColor: s, itemSize: o, setupItemPlaceholder: r, onCheckboxChange: l, keydownHandler: a } = i, c = ae({
     data: t,
     readOnly: e,
@@ -1017,14 +1017,14 @@ const Pn = (i, t) => {
     });
   }
   return c.wrapper;
-}, Un = (i) => {
+}, Kn = (i) => {
   const t = (e) => {
     if (e <= 0) return "";
     const n = e - 1;
     return t(Math.floor(n / 26)) + String.fromCharCode(97 + n % 26);
   };
   return t(i);
-}, Kn = (i) => {
+}, jn = (i) => {
   const t = [
     [1e3, "m"],
     [900, "cm"],
@@ -1105,7 +1105,7 @@ class ge {
    */
   formatNumber(t, e) {
     const n = e % 3;
-    return n === 1 ? `${Un(t)}.` : n === 2 ? `${Kn(t)}.` : `${t}.`;
+    return n === 1 ? `${Kn(t)}.` : n === 2 ? `${jn(t)}.` : `${t}.`;
   }
   /**
    * Get the start value for a list group.
@@ -1158,7 +1158,7 @@ class ge {
     if (!t)
       return 0;
     const e = (o = (s = t.holder) == null ? void 0 : s.querySelector('[role="listitem"]')) == null ? void 0 : o.getAttribute("style"), n = e == null ? void 0 : e.match(/margin-left:\s*(\d+)px/);
-    return n ? Math.round(parseInt(n[1], 10) / V) : 0;
+    return n ? Math.round(parseInt(n[1], 10) / F) : 0;
   }
   /**
    * Get the style of a block by reading from its DOM.
@@ -1201,8 +1201,8 @@ class ge {
     return r < n ? e : r > n ? this.findGroupStartRecursive(t - 1, e, n, s) : this.getBlockStyle(o) !== s ? e : this.findGroupStartRecursive(t - 1, t, n, s);
   }
 }
-const dt = { value: !1 };
-class jn {
+const ut = { value: !1 };
+class Xn {
   constructor(t) {
     this.blocks = t, this.depthValidator = new ce(t), this.markerCalculator = new ge(t);
   }
@@ -1256,8 +1256,8 @@ class jn {
    * Uses a static flag to deduplicate multiple calls in the same frame.
    */
   scheduleUpdateAll() {
-    dt.value || (dt.value = !0, requestAnimationFrame(() => {
-      dt.value = !1, this.updateAllMarkers();
+    ut.value || (ut.value = !0, requestAnimationFrame(() => {
+      ut.value = !1, this.updateAllMarkers();
     }));
   }
   /**
@@ -1311,15 +1311,15 @@ class jn {
     if (o == null)
       return;
     const r = this.depthValidator.getBlockDepth(t), l = this.getBlockStyle(t) || "ordered", a = this.markerCalculator.getSiblingIndex(o, r, l), c = this.markerCalculator.getGroupStartValue(o, r, a, l), h = (a === 0 && c === 1 ? (() => {
-      const f = n.closest("[data-list-start]"), m = f == null ? void 0 : f.getAttribute("data-list-start");
-      if (!m) return c;
-      const y = parseInt(m, 10);
+      const m = n.closest("[data-list-start]"), f = m == null ? void 0 : m.getAttribute("data-list-start");
+      if (!f) return c;
+      const y = parseInt(f, 10);
       return isNaN(y) ? c : y;
-    })() : c) + a, u = this.markerCalculator.formatNumber(h, r);
-    s.textContent = u;
+    })() : c) + a, p = this.markerCalculator.formatNumber(h, r);
+    s.textContent = p;
   }
 }
-const Xn = (i) => i instanceof HTMLElement, Yn = /* @__PURE__ */ new Set([
+const Yn = (i) => i instanceof HTMLElement, Zn = /* @__PURE__ */ new Set([
   "decimal",
   "decimal-leading-zero",
   "lower-roman",
@@ -1350,12 +1350,12 @@ const Xn = (i) => i instanceof HTMLElement, Yn = /* @__PURE__ */ new Set([
   "telugu",
   "thai",
   "tibetan"
-]), Zn = /* @__PURE__ */ new Set([
+]), Jn = /* @__PURE__ */ new Set([
   "disc",
   "circle",
   "square",
   "none"
-]), Jn = (i) => {
+]), Qn = (i) => {
   const t = i.getAttribute("data-list-style");
   if (t === "ordered") return "ordered";
   if (t === "unordered") return "unordered";
@@ -1364,25 +1364,25 @@ const Xn = (i) => i instanceof HTMLElement, Yn = /* @__PURE__ */ new Set([
   const n = e.match(/list-style-type\s*:\s*([^;]+)/);
   if (!n) return null;
   const s = n[1].trim().toLowerCase();
-  return Yn.has(s) ? "ordered" : Zn.has(s) ? "unordered" : null;
-}, Qn = (i, t) => {
+  return Zn.has(s) ? "ordered" : Jn.has(s) ? "unordered" : null;
+}, ts = (i, t) => {
   const e = i.parentElement;
   if ((e == null ? void 0 : e.tagName) === "OL") return "ordered";
   if ((e == null ? void 0 : e.tagName) === "UL")
     return i.querySelector('input[type="checkbox"]') ? "checklist" : "unordered";
-  const n = Jn(i);
+  const n = Qn(i);
   return n || t;
-}, ts = (i) => {
+}, es = (i) => {
   const t = i.innerHTML || i.textContent || "", e = i.querySelector('input[type="checkbox"]'), n = e instanceof HTMLInputElement ? e.checked : !1;
   return { text: t, checked: n };
-}, es = (i) => {
+}, ns = (i) => {
   const t = i.getAttribute("aria-level");
   if (t) {
     const e = parseInt(t, 10);
     return Math.max(0, e - 1);
   }
   return 0;
-}, ns = () => ({
+}, ss = () => ({
   text: {
     br: !0,
     a: {
@@ -1394,7 +1394,7 @@ const Xn = (i) => i instanceof HTMLElement, Yn = /* @__PURE__ */ new Set([
     i: !0,
     mark: !0
   }
-}), ss = () => ({
+}), os = () => ({
   tags: [
     {
       li: {
@@ -1405,7 +1405,7 @@ const Xn = (i) => i instanceof HTMLElement, Yn = /* @__PURE__ */ new Set([
       }
     }
   ]
-}), os = () => ({
+}), is = () => ({
   export: (i) => i.text,
   import: (i) => ({
     text: i,
@@ -1417,23 +1417,23 @@ const Xn = (i) => i instanceof HTMLElement, Yn = /* @__PURE__ */ new Set([
     name: "bulletedList",
     titleKey: "bulletedList",
     style: "unordered",
-    icon: te
+    icon: Qt
   },
   {
     name: "numberedList",
     titleKey: "numberedList",
     style: "ordered",
-    icon: ee
+    icon: te
   },
   {
     name: "todoList",
     titleKey: "todoList",
     style: "checklist",
-    icon: ne
+    icon: ee
   }
-], is = () => [
+], rs = () => [
   {
-    icon: te,
+    icon: Qt,
     title: "Bulleted list",
     titleKey: "bulletedList",
     data: { style: "unordered" },
@@ -1442,7 +1442,7 @@ const Xn = (i) => i instanceof HTMLElement, Yn = /* @__PURE__ */ new Set([
     shortcut: "-"
   },
   {
-    icon: ee,
+    icon: te,
     title: "Numbered list",
     titleKey: "numberedList",
     data: { style: "ordered" },
@@ -1451,7 +1451,7 @@ const Xn = (i) => i instanceof HTMLElement, Yn = /* @__PURE__ */ new Set([
     shortcut: "1."
   },
   {
-    icon: ne,
+    icon: ee,
     title: "To-do list",
     titleKey: "todoList",
     data: { style: "checklist" },
@@ -1460,18 +1460,18 @@ const Xn = (i) => i instanceof HTMLElement, Yn = /* @__PURE__ */ new Set([
     shortcut: "[]"
   }
 ];
-class ao {
+class vo {
   constructor({ data: t, config: e, api: n, readOnly: s, block: o }) {
     this._element = null, this.handleBlockChanged = (r) => {
       var l;
       this.isBlockChangedEventPayload(r) && (r.event.type === "block-removed" || r.event.type === "block-added") && ((l = this.markerManager) == null || l.scheduleUpdateAll());
-    }, this.api = n, this.readOnly = s, this._settings = e || {}, this._data = this.normalizeData(t), this.depthValidator = new ce(n.blocks), this.markerCalculator = new ge(n.blocks), this.markerManager = this._data.style === "ordered" ? new jn(n.blocks) : null, o && (this.blockId = o.id), this._data.style === "ordered" && this.api.events.on("block changed", this.handleBlockChanged);
+    }, this.api = n, this.readOnly = s, this._settings = e || {}, this._data = this.normalizeData(t), this.depthValidator = new ce(n.blocks), this.markerCalculator = new ge(n.blocks), this.markerManager = this._data.style === "ordered" ? new Xn(n.blocks) : null, o && (this.blockId = o.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 Nn(t, this._settings);
+    return Hn(t, this._settings);
   }
   get availableStyles() {
     const t = this._settings.styles;
@@ -1484,13 +1484,13 @@ class ao {
     return this._settings.itemSize;
   }
   get placeholder() {
-    return this.api.i18n.t(cn);
+    return this.api.i18n.t(dn);
   }
   setupItemPlaceholder(t) {
-    this.readOnly || wt(t, this.placeholder);
+    this.readOnly || Et(t, this.placeholder);
   }
   render() {
-    return this._element = Vn({
+    return this._element = Un({
       data: this._data,
       readOnly: this.readOnly,
       placeholder: this.placeholder,
@@ -1535,12 +1535,12 @@ class ao {
     const t = (o = this._element) == null ? void 0 : o.querySelector("[data-list-marker]");
     if (!t)
       return;
-    const e = this.getDepth(), n = Dt(this.blockId, e, this._data.style, this.api.blocks, this.markerCalculator), s = Nt(n, e, this._data, this.blockId, this.api.blocks, this.markerCalculator);
+    const e = this.getDepth(), n = Nt(this.blockId, e, this._data.style, this.api.blocks, this.markerCalculator), s = Ht(n, e, this._data, this.blockId, this.api.blocks, this.markerCalculator);
     t.textContent = s;
   }
   updateSiblingListMarkers() {
     var r;
-    const t = this.blockId ? (r = this.api.blocks.getBlockIndex(this.blockId)) != null ? r : this.api.blocks.getCurrentBlockIndex() : this.api.blocks.getCurrentBlockIndex(), e = this.getDepth(), n = this._data.style, s = this.api.blocks.getBlocksCount(), o = On(t, e, n, this.markerCalculator);
+    const t = this.blockId ? (r = this.api.blocks.getBlockIndex(this.blockId)) != null ? r : this.api.blocks.getCurrentBlockIndex() : this.api.blocks.getCurrentBlockIndex(), e = this.getDepth(), n = this._data.style, s = this.api.blocks.getBlocksCount(), o = Wn(t, e, n, this.markerCalculator);
     $n(o, s, t, e, n, this.api.blocks, this.depthValidator, this.markerCalculator);
   }
   updateMarkerForDepth(t, e) {
@@ -1548,10 +1548,10 @@ class ao {
     const n = (s = this._element) == null ? void 0 : s.querySelector('[aria-hidden="true"]');
     if (n instanceof HTMLElement)
       if (e === "ordered") {
-        const o = Dt(this.blockId, t, this._data.style, this.api.blocks, this.markerCalculator), r = Nt(o, t, this._data, this.blockId, this.api.blocks, this.markerCalculator);
+        const o = Nt(this.blockId, t, this._data.style, this.api.blocks, this.markerCalculator), r = Ht(o, t, this._data, this.blockId, this.api.blocks, this.markerCalculator);
         n.textContent = r;
       } else {
-        const o = Hn(t, this.markerCalculator);
+        const o = On(t, this.markerCalculator);
         n.textContent = o;
       }
   }
@@ -1591,7 +1591,7 @@ class ao {
       syncContentFromDOM: this.syncContentFromDOM.bind(this),
       getDepth: this.getDepth.bind(this)
     };
-    await Wn(t);
+    await qn(t);
   }
   async handleBackspace(t) {
     const e = {
@@ -1603,7 +1603,7 @@ class ao {
       syncContentFromDOM: this.syncContentFromDOM.bind(this),
       getDepth: this.getDepth.bind(this)
     };
-    await Fn(e, t);
+    await zn(e, t);
   }
   async handleIndent() {
     const t = {
@@ -1615,7 +1615,7 @@ class ao {
       syncContentFromDOM: this.syncContentFromDOM.bind(this),
       getDepth: this.getDepth.bind(this)
     };
-    await zn(t, this.depthValidator);
+    await Vn(t, this.depthValidator);
   }
   async handleOutdent() {
     const t = {
@@ -1641,7 +1641,7 @@ class ao {
     return Pn(this._element, this._data.style);
   }
   renderSettings() {
-    return bn(this.availableStyles, this._data.style, this.api.i18n.t, (t) => this.setStyle(t));
+    return vn(this.availableStyles, this._data.style, this.api.i18n.t, (t) => this.setStyle(t));
   }
   setStyle(t) {
     const e = this._data.style;
@@ -1650,7 +1650,7 @@ class ao {
     });
   }
   rerender() {
-    const t = fn({
+    const t = mn({
       data: this._data,
       readOnly: this.readOnly,
       placeholder: this.placeholder,
@@ -1669,10 +1669,10 @@ class ao {
     return typeof t.text == "string";
   }
   save() {
-    return mn(this._data, this._element, this.getContentElement.bind(this));
+    return Cn(this._data, this._element, this.getContentElement.bind(this));
   }
   setData(t) {
-    const e = Cn(
+    const e = yn(
       this._data,
       t,
       this._element,
@@ -1686,35 +1686,35 @@ class ao {
     return this._data = e.newData, e.inPlace;
   }
   merge(t) {
-    yn(
+    bn(
       {
         data: this._data,
         element: this._element,
         getContentElement: this.getContentElement.bind(this),
-        parseHTML: En
+        parseHTML: kn
       },
       t
     );
   }
   static get conversionConfig() {
-    return os();
+    return is();
   }
   static get sanitize() {
-    return ns();
+    return ss();
   }
   static get pasteConfig() {
-    return ss();
+    return os();
   }
   onPaste(t) {
     const e = t.detail;
     if (!("data" in e)) return;
     const n = e.data;
-    if (!Xn(n))
+    if (!Yn(n))
       return;
-    const { text: s, checked: o } = ts(n), r = es(n);
+    const { text: s, checked: o } = es(n), r = ns(n);
     this._data = {
       text: s,
-      style: Qn(n, this._data.style),
+      style: ts(n, this._data.style),
       checked: o,
       depth: r
     }, this.rerender();
@@ -1723,19 +1723,19 @@ class ao {
     return !0;
   }
   getContentOffset(t) {
-    return wn(t);
+    return An(t);
   }
   static get toolbox() {
-    return is();
+    return rs();
   }
 }
-const rs = "data-blok-table-add-row", ls = "data-blok-table-add-col", _t = 150, as = 5, Ht = 40, Mt = [
+const ls = "data-blok-table-add-row", as = "data-blok-table-add-col", _t = 150, cs = 5, Ot = 40, Mt = [
   "flex",
   "items-center",
   "justify-center",
   "transition-opacity",
   "duration-150"
-], Ot = [
+], Wt = [
   "flex",
   "items-center",
   "justify-center",
@@ -1744,9 +1744,9 @@ const rs = "data-blok-table-add-row", ls = "data-blok-table-add-col", _t = 150,
   "rounded-full",
   "group-hover/add:bg-gray-50"
 ], $t = "12";
-class cs {
+class ds {
   constructor(t) {
-    this.rowHideTimeout = null, this.colHideTimeout = null, this.rowVisible = !1, this.colVisible = !1, this.dragState = null, this.wrapper = t.wrapper, this.grid = t.grid, 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.boundMouseMove = this.handleMouseMove.bind(this), this.boundMouseLeave = this.handleMouseLeave.bind(this), this.boundPointerMove = this.handlePointerMove.bind(this), this.boundPointerUp = this.handlePointerUp.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.grid.appendChild(this.addColBtn), this.syncRowButtonWidth(), this.wrapper.addEventListener("mousemove", this.boundMouseMove), this.wrapper.addEventListener("mouseleave", this.boundMouseLeave), this.addRowBtn.addEventListener("pointerdown", this.boundRowPointerDown), this.addColBtn.addEventListener("pointerdown", this.boundColPointerDown);
+    this.rowHideTimeout = null, this.colHideTimeout = null, this.rowVisible = !1, this.colVisible = !1, this.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.boundMouseMove = this.handleMouseMove.bind(this), this.boundMouseLeave = this.handleMouseLeave.bind(this), this.boundPointerMove = this.handlePointerMove.bind(this), this.boundPointerUp = this.handlePointerUp.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.grid.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);
   }
   /**
    * Match the add-row button width to the grid's explicit width.
@@ -1771,8 +1771,11 @@ class cs {
    * Disables pointer events and hover effects during cell selection.
    */
   setInteractive(t) {
-    const e = t ? "" : "none";
-    this.addRowBtn.style.pointerEvents = e, this.addColBtn.style.pointerEvents = e;
+    if (!t) {
+      this.addRowBtn.style.pointerEvents = "none", this.addColBtn.style.pointerEvents = "none";
+      return;
+    }
+    this.addRowBtn.style.pointerEvents = this.rowVisible ? "" : "none", this.addColBtn.style.pointerEvents = this.colVisible ? "" : "none";
   }
   destroy() {
     if (this.wrapper.removeEventListener("mousemove", this.boundMouseMove), this.wrapper.removeEventListener("mouseleave", this.boundMouseLeave), this.addRowBtn.removeEventListener("pointerdown", this.boundRowPointerDown), this.addColBtn.removeEventListener("pointerdown", this.boundColPointerDown), this.dragState) {
@@ -1803,7 +1806,7 @@ class cs {
       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(r) > as && !this.dragState.didDrag && (this.dragState.didDrag = !0, document.body.style.cursor = e === "row" ? "row-resize" : "col-resize", Oe(), this.onDragStart());
+    Math.abs(r) > cs && !this.dragState.didDrag && (this.dragState.didDrag = !0, document.body.style.cursor = e === "row" ? "row-resize" : "col-resize", We(), this.onDragStart());
   }
   handlePointerUp(t) {
     if (!this.dragState)
@@ -1828,27 +1831,27 @@ class cs {
   }
   handleMouseMove(t) {
     const e = this.grid.getBoundingClientRect(), n = Math.abs(t.clientY - e.bottom), s = Math.abs(t.clientX - e.right);
-    n <= Ht ? this.showRow() : this.scheduleHideRow(), s <= Ht ? this.showCol() : this.scheduleHideCol();
+    n <= Ot ? this.showRow() : this.scheduleHideRow(), s <= Ot ? this.showCol() : this.scheduleHideCol();
   }
   handleMouseLeave() {
     this.scheduleHideRow(), this.scheduleHideCol();
   }
   showRow() {
-    this.clearRowTimeout(), this.rowVisible || (this.addRowBtn.style.opacity = "1", this.rowVisible = !0);
+    this.clearRowTimeout(), this.rowVisible || (this.addRowBtn.style.opacity = "1", this.addRowBtn.style.pointerEvents = "", this.rowVisible = !0);
   }
   showCol() {
-    this.clearColTimeout(), this.colVisible || (this.addColBtn.style.opacity = "1", this.colVisible = !0);
+    this.clearColTimeout(), this.colVisible || (this.addColBtn.style.opacity = "1", this.addColBtn.style.pointerEvents = "", this.colVisible = !0);
   }
   scheduleHideRow() {
     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.rowVisible = !1, this.rowHideTimeout = null;
+      this.addRowBtn.style.opacity = "0", this.addRowBtn.style.pointerEvents = "none", this.rowVisible = !1, this.rowHideTimeout = null;
     }, _t));
   }
   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.colVisible = !1, this.colHideTimeout = null;
+      this.addColBtn.style.opacity = "0", this.addColBtn.style.pointerEvents = "none", this.colVisible = !1, this.colHideTimeout = null;
     }, _t));
   }
   clearRowTimeout() {
@@ -1859,20 +1862,20 @@ class cs {
   }
   createAddRowButton() {
     const t = document.createElement("div");
-    t.className = v(Mt, "group/add", "items-start", "cursor-row-resize"), t.setAttribute(rs, ""), t.setAttribute("contenteditable", "false"), t.style.opacity = "0", t.style.boxSizing = "content-box", t.style.width = "100%", t.style.height = "32px", t.style.padding = "4px 8px 0", t.style.marginLeft = "-8px";
+    t.className = v(Mt, "group/add", "items-start", "cursor-row-resize"), t.setAttribute(ls, ""), 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.boxSizing = "content-box", t.style.width = "100%", t.style.height = "32px", t.style.padding = "4px 8px 0", t.style.marginLeft = "-8px";
     const e = document.createElement("div");
-    return e.className = v(Ot), e.style.width = "100%", e.style.height = "16px", this.appendIcon(e), t.appendChild(e), xt(t, Tt([
-      "Click to add a new row",
-      "Drag to add or remove rows"
+    return e.className = v(Wt), e.style.width = "100%", e.style.height = "16px", this.appendIcon(e), t.appendChild(e), Rt(t, Lt([
+      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 = v(Mt, "group/add", "justify-start", "cursor-col-resize"), t.setAttribute(ls, ""), t.setAttribute("contenteditable", "false"), t.style.opacity = "0", t.style.position = "absolute", t.style.right = "-36px", t.style.top = "0px", t.style.bottom = "0px", t.style.width = "32px";
+    t.className = v(Mt, "group/add", "justify-start", "cursor-col-resize"), t.setAttribute(as, ""), 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 = v(Ot), e.style.width = "16px", e.style.height = "100%", this.appendIcon(e), t.appendChild(e), xt(t, Tt([
-      "Click to add a new column",
-      "Drag to add or remove columns"
+    return e.className = v(Wt), e.style.width = "16px", e.style.height = "100%", this.appendIcon(e), t.appendChild(e), Rt(t, Lt([
+      this.i18n.t("tools.table.clickToAddColumn"),
+      this.i18n.t("tools.table.dragToAddRemoveColumns")
     ]), { placement: "bottom" }), t;
   }
   appendIcon(t) {
@@ -1881,20 +1884,21 @@ class cs {
     e && (e.setAttribute("width", $t), e.setAttribute("height", $t), e.setAttribute("viewBox", "0 0 24 24"), e.classList.add("text-gray-500", "pointer-events-none"));
   }
 }
-const g = "data-blok-table-row", p = "data-blok-table-cell", $ = 1, nt = `${$}px solid #d1d5db`, ds = [
+const g = "data-blok-table-row", u = "data-blok-table-cell", P = 1, nt = `${P}px solid #d1d5db`, hs = [
   "flex"
-], hs = [
+], us = [
   "py-1",
   "px-2",
   "min-h-[2em]",
   "outline-none",
   "leading-normal",
-  "text-sm"
-], us = (i) => {
+  "text-sm",
+  "cursor-text"
+], ps = (i) => {
   const t = Math.round(100 / i * 100) / 100;
   return Array.from({ length: i }, () => t);
 };
-class ps {
+class gs {
   constructor(t) {
     this.readOnly = t.readOnly;
   }
@@ -1904,7 +1908,7 @@ class ps {
   createGrid(t, e, n) {
     const s = document.createElement("div");
     s.style.borderTop = nt, s.style.borderLeft = nt;
-    const o = n != null ? n : us(e);
+    const o = n != null ? n : ps(e);
     return Array.from({ length: t }).forEach(() => {
       s.appendChild(this.createRow(e, o));
     }), s;
@@ -1921,7 +1925,7 @@ class ps {
   getData(t) {
     const e = t.querySelectorAll(`[${g}]`), n = [];
     return e.forEach((s) => {
-      const o = s.querySelectorAll(`[${p}]`), r = [];
+      const o = s.querySelectorAll(`[${u}]`), r = [];
       o.forEach((l) => {
         r.push(this.getCellContent(l));
       }), n.push(r);
@@ -1950,16 +1954,16 @@ class ps {
    * those widths and the new column is added in px mode. This prevents
    * existing columns from shrinking when the table is in percent mode.
    */
-  addColumn(t, e, n) {
-    const s = t.querySelectorAll(`[${g}]`), o = this.getColumnCount(t), r = n !== void 0 && n.length === o, l = r || this.detectWidthUnit(t) === "px";
-    return r && this.convertToPixelWidths(s, n), l ? (this.addColumnPx(s, o, e), !0) : (this.addColumnPercent(s, o, e), !0);
+  addColumn(t, e, n, s) {
+    const o = t.querySelectorAll(`[${g}]`), r = this.getColumnCount(t), l = n !== void 0 && n.length === r, a = l || this.detectWidthUnit(t) === "px";
+    return l && this.convertToPixelWidths(o, n), a ? (this.addColumnPx(o, r, e, s), !0) : (this.addColumnPercent(o, r, e), !0);
   }
   /**
    * Convert all cells in each row to the given pixel widths
    */
   convertToPixelWidths(t, e) {
     t.forEach((n) => {
-      n.querySelectorAll(`[${p}]`).forEach((o, r) => {
+      n.querySelectorAll(`[${u}]`).forEach((o, r) => {
         if (r < e.length) {
           const l = o;
           l.style.width = `${e[r]}px`;
@@ -1968,33 +1972,37 @@ class ps {
     });
   }
   /**
-   * Add column in px mode: keep existing widths, add new column at half the average width
+   * Add column in px mode: keep existing widths, add new column at given width or half the average
    */
-  addColumnPx(t, e, n) {
-    const s = t[0], o = s == null ? void 0 : s.querySelectorAll(`[${p}]`), r = Array.from(o != null ? o : []).reduce(
-      (a, c) => a + (parseFloat(c.style.width) || 0),
-      0
-    ), l = e > 0 ? Math.round(r / e / 2 * 100) / 100 : 0;
-    t.forEach((a) => {
-      const c = a.querySelectorAll(`[${p}]`), d = n === void 0 || n >= c.length, h = this.createCell(`${l}px`);
-      if (!d) {
-        a.insertBefore(h, c[n]);
+  addColumnPx(t, e, n, s) {
+    const o = s != null ? s : this.computeHalfAvgPxWidth(t, e);
+    t.forEach((r) => {
+      const l = r.querySelectorAll(`[${u}]`), a = n === void 0 || n >= l.length, c = this.createCell(`${o}px`);
+      if (!a) {
+        r.insertBefore(c, l[n]);
         return;
       }
-      a.appendChild(h);
+      r.appendChild(c);
     });
   }
+  computeHalfAvgPxWidth(t, e) {
+    const n = t[0], s = n == null ? void 0 : n.querySelectorAll(`[${u}]`), o = Array.from(s != null ? s : []).reduce(
+      (r, l) => r + (parseFloat(l.style.width) || 0),
+      0
+    );
+    return e > 0 ? Math.round(o / e / 2 * 100) / 100 : 0;
+  }
   /**
    * Add column in % mode: shrink existing columns slightly and add new column at half the average width
    */
   addColumnPercent(t, e, n) {
     const o = 1 - 0.5 / e;
     t.forEach((r) => {
-      r.querySelectorAll(`[${p}]`).forEach((u) => {
-        const f = u, m = parseFloat(f.style.width) || 100 / e, y = Math.round(m * o * 100) / 100;
-        f.style.width = `${y}%`;
+      r.querySelectorAll(`[${u}]`).forEach((p) => {
+        const m = p, f = parseFloat(m.style.width) || 100 / e, y = Math.round(f * o * 100) / 100;
+        m.style.width = `${y}%`;
       });
-      const a = Math.round(100 / e / 2 * 100) / 100, c = r.querySelectorAll(`[${p}]`), d = n === void 0 || n >= c.length, h = this.createCell(`${a}%`);
+      const a = Math.round(100 / e / 2 * 100) / 100, c = r.querySelectorAll(`[${u}]`), d = n === void 0 || n >= c.length, h = this.createCell(`${a}%`);
       if (!d) {
         r.insertBefore(h, c[n]);
         return;
@@ -2007,7 +2015,7 @@ class ps {
    */
   deleteColumn(t, e) {
     t.querySelectorAll(`[${g}]`).forEach((s) => {
-      const o = s.querySelectorAll(`[${p}]`);
+      const o = s.querySelectorAll(`[${u}]`);
       e >= o.length || o[e].remove();
     });
   }
@@ -2034,12 +2042,12 @@ class ps {
     if (e === n)
       return;
     t.querySelectorAll(`[${g}]`).forEach((o) => {
-      const r = Array.from(o.querySelectorAll(`[${p}]`));
+      const r = Array.from(o.querySelectorAll(`[${u}]`));
       if (e >= r.length || n >= r.length)
         return;
       const l = r[e];
       l.remove();
-      const a = Array.from(o.querySelectorAll(`[${p}]`));
+      const a = Array.from(o.querySelectorAll(`[${u}]`));
       n >= a.length ? o.appendChild(l) : o.insertBefore(l, a[n]);
     });
   }
@@ -2054,7 +2062,7 @@ class ps {
    */
   getColumnCount(t) {
     const e = t.querySelector(`[${g}]`);
-    return e ? e.querySelectorAll(`[${p}]`).length : 0;
+    return e ? e.querySelectorAll(`[${u}]`).length : 0;
   }
   /**
    * Get a specific cell element
@@ -2063,7 +2071,7 @@ class ps {
     const s = t.querySelectorAll(`[${g}]`);
     if (e >= s.length)
       return null;
-    const o = s[e].querySelectorAll(`[${p}]`);
+    const o = s[e].querySelectorAll(`[${u}]`);
     return n >= o.length ? null : o[n];
   }
   /**
@@ -2073,7 +2081,7 @@ class ps {
     const e = t.querySelector(`[${g}]`);
     if (!e)
       return [];
-    const n = e.querySelectorAll(`[${p}]`), s = [];
+    const n = e.querySelectorAll(`[${u}]`), s = [];
     return n.forEach((o) => {
       const r = parseFloat(o.style.width);
       s.push(isNaN(r) ? 0 : r);
@@ -2083,7 +2091,7 @@ class ps {
    * Get cell content as block references
    */
   getCellContent(t) {
-    const e = t.querySelector(`[${B}]`);
+    const e = t.querySelector(`[${k}]`);
     if (!e)
       return { blocks: [] };
     const n = e.querySelectorAll("[data-blok-id]");
@@ -2099,7 +2107,7 @@ class ps {
     const e = t.querySelector(`[${g}]`);
     if (!e)
       return "%";
-    const n = e.querySelector(`[${p}]`);
+    const n = e.querySelector(`[${u}]`);
     return n && n.style.width.endsWith("px") ? "px" : "%";
   }
   /**
@@ -2109,7 +2117,7 @@ class ps {
     const e = t.querySelector(`[${g}]`);
     if (!e)
       return [];
-    const n = e.querySelectorAll(`[${p}]`);
+    const n = e.querySelectorAll(`[${u}]`);
     return Array.from(n).map((s) => s.style.width);
   }
   /**
@@ -2117,7 +2125,7 @@ class ps {
    */
   createRow(t, e) {
     const n = document.createElement("div");
-    return n.className = v(ds), n.setAttribute(g, ""), Array.from({ length: t }).forEach((s, o) => {
+    return n.className = v(hs), n.setAttribute(g, ""), Array.from({ length: t }).forEach((s, o) => {
       n.appendChild(this.createCell(e[o]));
     }), n;
   }
@@ -2126,20 +2134,20 @@ class ps {
    */
   createCell(t) {
     const e = document.createElement("div");
-    e.className = v(hs), e.style.borderRight = nt, e.style.borderBottom = nt, 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(p, "");
+    e.className = v(us), e.style.borderRight = nt, e.style.borderBottom = nt, 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(u, "");
     const n = document.createElement("div");
-    return n.setAttribute(B, ""), e.appendChild(n), e;
+    return n.setAttribute(k, ""), e.appendChild(n), e;
   }
 }
-const fe = (i) => typeof i == "object" && i !== null && "blocks" in i, B = "data-blok-table-cell-blocks";
-class gs {
+const Ct = (i) => typeof i == "object" && i !== null && "blocks" in i, k = "data-blok-table-cell-blocks";
+class fs {
   constructor(t) {
     this._activeCellWithBlocks = null, this.cellsPendingCheck = /* @__PURE__ */ new Set(), this.pendingCheckScheduled = !1, this.removedBlockCells = /* @__PURE__ */ new Map(), this.handleBlockMutation = (e) => {
       if (!this.isBlockMutationEvent(e))
         return;
       const { type: n, detail: s } = e.event;
       if (n === "block-removed") {
-        this.recordRemovedBlockCell(s), this.gridElement.querySelectorAll(`[${p}]`).forEach((h) => {
+        this.recordRemovedBlockCell(s), this.gridElement.querySelectorAll(`[${u}]`).forEach((h) => {
           this.cellsPendingCheck.add(h);
         }), this.schedulePendingCellCheck();
         return;
@@ -2154,14 +2162,32 @@ class gs {
         this.claimBlockForCell(r, s.target.id), this.cellsPendingCheck.delete(r);
         return;
       }
-      const a = s.target.holder.closest(`[${B}]`);
+      const a = s.target.holder.closest(`[${k}]`);
       if (a) {
         this.stripPlaceholders(a);
         return;
       }
       const c = this.findCellForNewBlock(o);
       c && (this.claimBlockForCell(c, s.target.id), this.cellsPendingCheck.delete(c));
-    }, this.api = t.api, this.gridElement = t.gridElement, this.onNavigateToCell = t.onNavigateToCell, this.api.events.on("block changed", this.handleBlockMutation);
+    }, this.handleCellBlankSpaceClick = (e) => {
+      const n = e.target;
+      if (!n)
+        return;
+      const s = n.hasAttribute(u), o = n.hasAttribute(k);
+      if (!s && !o)
+        return;
+      const r = s ? n : n.closest(`[${u}]`);
+      if (!r)
+        return;
+      const l = s ? r.querySelector(`[${k}]`) : n;
+      if (!l)
+        return;
+      const a = l.querySelectorAll("[data-blok-id]"), c = a[a.length - 1];
+      if (!c)
+        return;
+      const d = c.getAttribute("data-blok-id");
+      d && this.api.caret.setToBlock(d, "end");
+    }, this.api = t.api, this.gridElement = t.gridElement, this.onNavigateToCell = t.onNavigateToCell, this.api.events.on("block changed", this.handleBlockMutation), this.gridElement.addEventListener("click", this.handleCellBlankSpaceClick);
   }
   /**
    * Get the currently active cell that contains blocks
@@ -2231,7 +2257,7 @@ class gs {
     const n = this.getCell(t.row, t.col);
     if (!n)
       return;
-    const s = n.querySelector(`[${B}]`);
+    const s = n.querySelector(`[${k}]`);
     if (!s)
       return;
     const o = s.querySelectorAll('[contenteditable="true"]');
@@ -2272,20 +2298,20 @@ class gs {
       const r = e[o];
       if (!r)
         return;
-      const l = r.querySelectorAll(`[${p}]`), a = [];
+      const l = r.querySelectorAll(`[${u}]`), a = [];
       s.forEach((c, d) => {
         const h = l[d];
         if (!h)
           return;
-        const u = h.querySelector(`[${B}]`);
-        if (u) {
-          if (fe(c))
-            this.mountBlocksInCell(u, c.blocks), a.push(c);
+        const p = h.querySelector(`[${k}]`);
+        if (p) {
+          if (Ct(c))
+            this.mountBlocksInCell(p, c.blocks), a.push(c);
           else {
-            const f = typeof c == "string" ? c : "", m = this.api.blocks.insert("paragraph", { text: f }, {}, this.api.blocks.getBlocksCount(), !1);
-            u.appendChild(m.holder), a.push({ blocks: [m.id] });
+            const m = typeof c == "string" ? c : "", f = this.api.blocks.insert("paragraph", { text: m }, {}, this.api.blocks.getBlocksCount(), !1);
+            p.appendChild(f.holder), a.push({ blocks: [f.id] });
           }
-          this.stripPlaceholders(u);
+          this.stripPlaceholders(p);
         }
       }), n.push(a);
     }), n;
@@ -2317,7 +2343,7 @@ class gs {
    * Move a block's DOM holder into a cell's blocks container.
    */
   claimBlockForCell(t, e) {
-    const n = t.querySelector(`[${B}]`);
+    const n = t.querySelector(`[${k}]`);
     if (!n)
       return;
     const s = this.api.blocks.getBlockIndex(e);
@@ -2341,7 +2367,7 @@ class gs {
   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(`[${p}]`);
+    const e = this.api.blocks.getBlockByIndex(t), n = e == null ? void 0 : e.holder.closest(`[${u}]`);
     return n && this.gridElement.contains(n) ? n : null;
   }
   /**
@@ -2349,7 +2375,7 @@ class gs {
    * If the blocks container is empty, insert an empty paragraph.
    */
   ensureCellHasBlock(t) {
-    const e = t.querySelector(`[${B}]`);
+    const e = t.querySelector(`[${k}]`);
     if (!e || e.querySelector("[data-blok-id]") !== null)
       return;
     const s = this.api.blocks.insert("paragraph", { text: "" }, {}, this.api.blocks.getBlocksCount(), !0);
@@ -2363,7 +2389,7 @@ class gs {
   recordRemovedBlockCell(t) {
     if (t.index === void 0)
       return;
-    const e = t.target.holder.closest(`[${p}]`);
+    const e = t.target.holder.closest(`[${u}]`);
     e && this.gridElement.contains(e) && this.removedBlockCells.set(t.index, e);
   }
   /**
@@ -2391,7 +2417,7 @@ class gs {
   getBlockIdsFromCells(t) {
     const e = [];
     return Array.from(t).forEach((s) => {
-      const o = s.querySelector(`[${B}]`);
+      const o = s.querySelector(`[${k}]`);
       o && o.querySelectorAll("[data-blok-id]").forEach((r) => {
         const l = r.getAttribute("data-blok-id");
         l && e.push(l);
@@ -2406,28 +2432,36 @@ class gs {
       this.api.blocks.delete(n);
     });
   }
+  /**
+   * Delete all blocks managed by this table from the BlockManager.
+   * Called before the table block itself is removed to prevent orphaned cell blocks.
+   */
+  deleteAllBlocks() {
+    const t = this.gridElement.querySelectorAll(`[${u}]`), e = this.getBlockIdsFromCells(t);
+    this.deleteBlocks(e);
+  }
   /**
    * Clean up event listeners
    */
   destroy() {
-    this.api.events.off("block changed", this.handleBlockMutation), this._activeCellWithBlocks = null, this.cellsPendingCheck.clear(), this.removedBlockCells.clear();
+    this.gridElement.removeEventListener("click", this.handleCellBlankSpaceClick), this.api.events.off("block changed", this.handleBlockMutation), this._activeCellWithBlocks = null, this.cellsPendingCheck.clear(), this.removedBlockCells.clear();
   }
 }
-const K = 16, fs = [
+const X = 16, ms = [
   [2, 2],
   [8, 2],
   [2, 7],
   [8, 7],
   [2, 12],
   [8, 12]
-], ms = [
+], Cs = [
   [2, 2],
   [7, 2],
   [12, 2],
   [2, 8],
   [7, 8],
   [12, 8]
-], me = (i) => {
+], fe = (i) => {
   const t = document.createElementNS("http://www.w3.org/2000/svg", "svg"), e = i === "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",
@@ -2436,21 +2470,21 @@ const K = 16, fs = [
     "text-gray-400",
     "pointer-events-none"
   );
-  const n = e ? ms : fs;
+  const n = e ? Cs : ms;
   for (const [s, o] of n) {
     const r = document.createElementNS("http://www.w3.org/2000/svg", "circle");
     r.setAttribute("cx", String(s)), r.setAttribute("cy", String(o)), r.setAttribute("r", "1.5"), t.appendChild(r);
   }
   return t;
-}, Cs = (i, t) => {
-  t === "col" ? i.style.height = `${K}px` : i.style.width = `${K}px`, i.classList.add("bg-gray-200"), i.classList.remove("bg-gray-300");
+}, ys = (i, t) => {
+  t === "col" ? Object.assign(i.style, { height: `${X}px` }) : Object.assign(i.style, { width: `${X}px` }), i.classList.add("bg-gray-200"), i.classList.remove("bg-gray-300");
   const e = i.querySelector("svg");
   e && (e.classList.remove("opacity-0"), e.classList.add("opacity-100"));
-}, Gt = (i, t, e) => {
-  t === "col" ? i.style.height = `${e}px` : i.style.width = `${e}px`, i.classList.remove("bg-gray-200"), i.classList.add("bg-gray-300");
+}, pt = (i, t, e) => {
+  t === "col" ? Object.assign(i.style, { height: `${e}px` }) : Object.assign(i.style, { width: `${e}px` }), i.classList.remove("bg-gray-200"), i.classList.add("bg-gray-300");
   const n = i.querySelector("svg");
   n && (n.classList.add("opacity-0"), n.classList.remove("opacity-100"));
-}, ht = "data-blok-table-cell-selected", ys = "2px solid #3b82f6", ut = "data-blok-table-selection-pill", bs = 16, vs = 20, Wt = 4, Ss = [
+}, gt = "data-blok-table-cell-selected", bs = "2px solid #3b82f6", ft = "data-blok-table-selection-pill", vs = 16, Ss = 20, Gt = 4, ws = [
   "absolute",
   "z-[3]",
   "rounded",
@@ -2463,20 +2497,20 @@ const K = 16, fs = [
   "overflow-hidden",
   "cursor-pointer",
   "bg-blue-500"
-], ws = (i) => i.style.userSelect === "none";
-class As {
+], As = (i) => i.style.userSelect === "none";
+class Es {
   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.grid = t.grid, this.rectangleSelection = t.rectangleSelection, this.onSelectionActiveChange = t.onSelectionActiveChange, this.onClearContent = t.onClearContent, 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.grid.addEventListener("pointerdown", this.boundPointerDown);
+    this.anchorCell = null, this.extentCell = null, this.isSelecting = !1, this.hasSelection = !1, this.selectedCells = [], this.overlay = null, this.pill = null, this.pillPopover = null, this.grid = t.grid, this.rectangleSelection = t.rectangleSelection, this.onSelectionActiveChange = t.onSelectionActiveChange, this.onClearContent = t.onClearContent, 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.grid.addEventListener("pointerdown", this.boundPointerDown), document.addEventListener("keydown", this.boundKeyDown);
   }
   destroy() {
-    this.destroyPillPopover(), this.clearSelection(), this.grid.removeEventListener("pointerdown", this.boundPointerDown), document.removeEventListener("pointermove", this.boundPointerMove), document.removeEventListener("pointerup", this.boundPointerUp), document.removeEventListener("pointerdown", this.boundClearSelection), document.removeEventListener("mousemove", this.boundCancelRectangle, !0);
+    this.destroyPillPopover(), this.clearSelection(), this.grid.removeEventListener("pointerdown", this.boundPointerDown), document.removeEventListener("pointermove", this.boundPointerMove), document.removeEventListener("pointerup", this.boundPointerUp), document.removeEventListener("pointerdown", this.boundClearSelection), document.removeEventListener("mousemove", this.boundCancelRectangle, !0), document.removeEventListener("keydown", this.boundKeyDown);
   }
   /**
    * Programmatically select an entire row.
    */
   selectRow(t) {
     var s, o;
-    const n = (o = (s = this.grid.querySelectorAll(`[${g}]`)[0]) == null ? void 0 : s.querySelectorAll(`[${p}]`).length) != null ? o : 0;
+    const n = (o = (s = this.grid.querySelectorAll(`[${g}]`)[0]) == null ? void 0 : s.querySelectorAll(`[${u}]`).length) != null ? o : 0;
     n !== 0 && this.showProgrammaticSelection(t, 0, t, n - 1);
   }
   /**
@@ -2493,10 +2527,10 @@ class As {
     this.clearSelection();
   }
   handlePointerDown(t) {
-    if (ws(this.grid) || t.button !== 0)
+    if (As(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(`[${ut}]`))
+    if (e.closest("[data-blok-table-grip]") || e.closest("[data-blok-table-resize]") || e.closest(`[${ft}]`))
       return;
     const n = this.resolveCellCoord(e);
     n && (this.hasSelection && this.clearSelection(), this.anchorCell = n, this.isSelecting = !1, document.addEventListener("mousemove", this.boundCancelRectangle, !0), document.addEventListener("pointermove", this.boundPointerMove), document.addEventListener("pointerup", this.boundPointerUp));
@@ -2532,7 +2566,11 @@ class As {
   }
   handleClearSelection(t) {
     const e = t.target;
-    e instanceof HTMLElement && e.closest(`[${ut}]`) || this.pillPopover === null && (document.removeEventListener("pointerdown", this.boundClearSelection), this.clearSelection());
+    e instanceof HTMLElement && e.closest(`[${ft}]`) || this.pillPopover === null && (document.removeEventListener("pointerdown", this.boundClearSelection), this.clearSelection());
+  }
+  handleKeyDown(t) {
+    var e;
+    this.hasSelection && (t.key !== "Delete" && t.key !== "Backspace" || (t.preventDefault(), (e = this.onClearContent) == null || e.call(this, [...this.selectedCells]), this.clearSelection()));
   }
   clearSelection() {
     var e;
@@ -2541,7 +2579,7 @@ class As {
   }
   restoreModifiedCells() {
     this.destroyPillPopover(), this.selectedCells.forEach((t) => {
-      t.removeAttribute(ht);
+      t.removeAttribute(gt);
     }), this.pill && (this.pill.remove(), this.pill = null), this.overlay && (this.overlay.remove(), this.overlay = null), this.selectedCells = [];
   }
   showProgrammaticSelection(t, e, n, s) {
@@ -2551,35 +2589,26 @@ class As {
     });
   }
   paintSelection() {
-    var D, N;
+    var I, D;
     if (!this.anchorCell || !this.extentCell)
       return;
-    this.selectedCells.forEach((P) => {
-      P.removeAttribute(ht);
+    this.selectedCells.forEach((M) => {
+      M.removeAttribute(gt);
     }), 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), s = Math.max(this.anchorCell.col, this.extentCell.col), o = this.grid.querySelectorAll(`[${g}]`);
-    for (let P = t; P <= e; P++) {
-      const T = o[P];
-      if (!T)
-        continue;
-      const _ = T.querySelectorAll(`[${p}]`);
-      for (let H = n; H <= s; H++) {
-        const J = _[H];
-        J && (J.setAttribute(ht, ""), this.selectedCells.push(J));
-      }
-    }
-    const r = (D = o[t]) == null ? void 0 : D.querySelectorAll(`[${p}]`)[n], l = (N = o[e]) == null ? void 0 : N.querySelectorAll(`[${p}]`)[s];
+    this.selectedCells = this.collectCellsInRange(o, t, e, n, s), this.selectedCells.forEach((M) => {
+      M.setAttribute(gt, "");
+    });
+    const r = (I = o[t]) == null ? void 0 : I.querySelectorAll(`[${u}]`)[n], l = (D = o[e]) == null ? void 0 : D.querySelectorAll(`[${u}]`)[s];
     if (!r || !l)
       return;
-    const a = this.grid.getBoundingClientRect(), c = r.getBoundingClientRect(), d = l.getBoundingClientRect(), h = getComputedStyle(this.grid), u = parseFloat(h.borderTopWidth) || 0, f = parseFloat(h.borderLeftWidth) || 0;
-    let m = c.top - a.top - u, y = c.left - a.left - f;
-    const b = d.right - c.left + 1, I = d.bottom - c.top + 1;
-    m -= 1, y -= 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 = ys, 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 = `${y}px`, this.overlay.style.width = `${b}px`, this.overlay.style.height = `${I}px`, this.pill || (this.pill = this.createPill(), this.grid.appendChild(this.pill)), this.pill.style.left = `${y + b - 1}px`, this.pill.style.top = `${m + I / 2}px`;
+    const a = this.grid.getBoundingClientRect(), c = r.getBoundingClientRect(), d = l.getBoundingClientRect(), h = getComputedStyle(this.grid), p = parseFloat(h.borderTopWidth) || 0, m = parseFloat(h.borderLeftWidth) || 0, f = d.right - c.left + 1, y = d.bottom - c.top + 1, b = c.top - a.top - p - 1, B = c.left - a.left - m - 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 = bs, 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 = `${b}px`, this.overlay.style.left = `${B}px`, this.overlay.style.width = `${f}px`, this.overlay.style.height = `${y}px`, this.pill || (this.pill = this.createPill(), this.grid.appendChild(this.pill)), this.pill.style.left = `${B + f - 1}px`, this.pill.style.top = `${b + y / 2}px`;
   }
   createPill() {
     const t = document.createElement("div");
-    t.setAttribute(ut, ""), t.setAttribute("contenteditable", "false"), t.className = v(Ss), t.style.width = `${Wt}px`, t.style.height = `${vs}px`, t.style.pointerEvents = "auto", t.style.transform = "translate(-50%, -50%)", t.style.outline = "2px solid white";
-    const e = me("vertical");
+    t.setAttribute(ft, ""), t.setAttribute("contenteditable", "false"), t.className = v(ws), t.style.width = `${Gt}px`, t.style.height = `${Ss}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", () => {
@@ -2595,7 +2624,7 @@ class As {
     const t = [
       {
         icon: Ge,
-        title: "Clear",
+        title: this.i18n.t("tools.table.clearSelection"),
         closeOnActivate: !0,
         onActivate: () => {
           var e;
@@ -2603,25 +2632,25 @@ class As {
         }
       }
     ];
-    this.pillPopover = new se({
+    this.pillPopover = new ne({
       items: t,
       trigger: this.pill,
       flippable: !0
-    }), this.pillPopover.on(oe.Closed, () => {
+    }), this.pillPopover.on(se.Closed, () => {
       this.pillPopover !== null && (this.destroyPillPopover(), this.collapsePill());
     }), this.pillPopover.show();
   }
   expandPill() {
     if (!this.pill)
       return;
-    this.pill.style.width = `${bs}px`;
+    this.pill.style.width = `${vs}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 = `${Wt}px`;
+    this.pill.style.width = `${Gt}px`;
     const t = this.pill.querySelector("svg");
     t && (t.classList.add("opacity-0"), t.classList.remove("opacity-100"));
   }
@@ -2632,7 +2661,7 @@ class As {
     }
   }
   resolveCellCoord(t) {
-    const e = t.closest(`[${p}]`);
+    const e = t.closest(`[${u}]`);
     if (!e)
       return null;
     const n = e.closest(`[${g}]`);
@@ -2641,69 +2670,78 @@ class As {
     const o = Array.from(this.grid.querySelectorAll(`[${g}]`)).indexOf(n);
     if (o < 0)
       return null;
-    const l = Array.from(n.querySelectorAll(`[${p}]`)).indexOf(e);
+    const l = Array.from(n.querySelectorAll(`[${u}]`)).indexOf(e);
     return l < 0 ? null : { row: o, col: l };
   }
   clampExtentToEdge(t) {
-    var c, d, h, u, f, m;
+    var c, d, h, p, m, f;
     if (!this.anchorCell || !this.isSelecting)
       return;
-    const e = this.grid.getBoundingClientRect(), n = this.grid.querySelectorAll(`[${g}]`), s = n.length, o = (d = (c = n[0]) == null ? void 0 : c.querySelectorAll(`[${p}]`).length) != null ? d : 0;
+    const e = this.grid.getBoundingClientRect(), n = this.grid.querySelectorAll(`[${g}]`), s = n.length, o = (d = (c = n[0]) == null ? void 0 : c.querySelectorAll(`[${u}]`).length) != null ? d : 0;
     if (s === 0 || o === 0)
       return;
-    let r;
-    t.clientY < e.top ? r = 0 : t.clientY > e.bottom ? r = s - 1 : r = (u = (h = this.extentCell) == null ? void 0 : h.row) != null ? u : this.anchorCell.row;
-    let l;
-    t.clientX < e.left ? l = 0 : t.clientX > e.right ? l = o - 1 : l = (m = (f = this.extentCell) == null ? void 0 : f.col) != null ? m : this.anchorCell.col;
-    const a = { row: r, col: l };
+    const r = this.clampAxis(t.clientY, e.top, e.bottom, s, (p = (h = this.extentCell) == null ? void 0 : h.row) != null ? p : this.anchorCell.row), l = this.clampAxis(t.clientX, e.left, e.right, o, (f = (m = this.extentCell) == null ? void 0 : m.col) != null ? f : this.anchorCell.col), a = { row: r, col: l };
     (!this.extentCell || this.extentCell.row !== a.row || this.extentCell.col !== a.col) && (this.extentCell = a, this.paintSelection());
   }
+  collectCellsInRange(t, e, n, s, o) {
+    return Array.from(t).slice(e, n + 1).flatMap((r) => {
+      const l = r.querySelectorAll(`[${u}]`);
+      return Array.from(l).slice(s, o + 1).filter((a) => a instanceof HTMLElement);
+    });
+  }
+  /**
+   * Clamp a pointer coordinate to an axis range, returning the edge index
+   * when outside or the fallback when inside.
+   */
+  clampAxis(t, e, n, s, o) {
+    return t < e ? 0 : t > n ? s - 1 : o;
+  }
 }
-const lt = (i) => {
+const J = (i) => {
   const t = i.querySelector(`[${g}]`);
   if (!t)
     return [];
-  const e = t.querySelectorAll(`[${p}]`);
+  const e = t.querySelectorAll(`[${u}]`);
   return Array.from(e).map(
     (n) => n.getBoundingClientRect().width
   );
-}, st = (i, t) => {
+}, ct = (i, t) => {
   const e = t.reduce((o, r) => o + r, 0), n = i;
-  n.style.width = `${e + $}px`, i.querySelectorAll(`[${g}]`).forEach((o) => {
-    o.querySelectorAll(`[${p}]`).forEach((l, a) => {
+  n.style.width = `${e + P}px`, i.querySelectorAll(`[${g}]`).forEach((o) => {
+    o.querySelectorAll(`[${u}]`).forEach((l, a) => {
       if (a < t.length) {
         const c = l;
         c.style.width = `${t[a]}px`;
       }
     });
   });
-}, Es = (i, t) => {
-  const e = Array.from(i.querySelectorAll(`[${g}]`)), n = e.findIndex((r) => Array.from(r.querySelectorAll(`[${p}]`)).includes(t));
+}, ks = (i, t) => {
+  const e = Array.from(i.querySelectorAll(`[${g}]`)), n = e.findIndex((r) => Array.from(r.querySelectorAll(`[${u}]`)).includes(t));
   if (n === -1)
     return null;
-  const o = Array.from(e[n].querySelectorAll(`[${p}]`)).indexOf(t);
+  const o = Array.from(e[n].querySelectorAll(`[${u}]`)).indexOf(t);
   return { row: n, col: o };
-}, Ce = (i) => {
+}, me = (i) => {
   var e;
-  const t = i.querySelector(`[${B}]`);
+  const t = i.querySelector(`[${k}]`);
   return t ? ((e = t.textContent) != null ? e : "").trim().length === 0 : !0;
-}, ks = (i, t) => {
+}, xs = (i, t) => {
   const n = i.querySelectorAll(`[${g}]`)[t];
   if (!n)
     return !0;
-  const s = n.querySelectorAll(`[${p}]`);
-  return Array.from(s).every((o) => Ce(o));
-}, xs = (i, t) => {
+  const s = n.querySelectorAll(`[${u}]`);
+  return Array.from(s).every((o) => me(o));
+}, Ts = (i, t) => {
   const e = i.querySelectorAll(`[${g}]`);
   return Array.from(e).every((n) => {
-    const o = n.querySelectorAll(`[${p}]`)[t];
-    return !o || Ce(o);
+    const o = n.querySelectorAll(`[${u}]`)[t];
+    return !o || me(o);
   });
-}, Ts = (i) => {
+}, Rs = (i) => {
   const t = i.querySelectorAll(`[${g}]`), e = t[0];
   if (!e)
     return;
-  const n = e.querySelectorAll(`[${p}]`), s = Array.from(n).reduce(
+  const n = e.querySelectorAll(`[${u}]`), s = Array.from(n).reduce(
     (r, l) => r + (parseFloat(l.style.width) || 0),
     0
   );
@@ -2711,7 +2749,7 @@ const lt = (i) => {
     return;
   const o = 100 / s;
   t.forEach((r) => {
-    r.querySelectorAll(`[${p}]`).forEach((a) => {
+    r.querySelectorAll(`[${u}]`).forEach((a) => {
       const c = a, d = parseFloat(c.style.width) || 0;
       c.style.width = `${Math.round(d * o * 100) / 100}%`;
     });
@@ -2721,73 +2759,74 @@ const lt = (i) => {
     return i;
   const n = [...i], [s] = n.splice(t, 1);
   return n.splice(e, 0, s), n;
-}, Rs = (i, t) => {
+}, Bs = (i, t) => {
   if (!i)
     return i;
   const e = [...i];
   return e.splice(t, 1), e.length > 0 ? e : void 0;
-}, qt = (i, t, e, n) => {
+}, Is = (i, t, e, n) => {
   var l;
-  const s = (l = e.colWidths) != null ? l : lt(i);
-  n.addColumn(i, t, s);
-  const o = Math.round(
-    s.reduce((a, c) => a + c, 0) / s.length / 2 * 100
-  ) / 100, r = [...s];
+  const s = (l = e.colWidths) != null ? l : J(i), o = e.initialColWidth !== void 0 ? Math.round(e.initialColWidth / 2 * 100) / 100 : yt(s);
+  n.addColumn(i, t, s, o);
+  const r = [...s];
   return r.splice(t, 0, o), r;
-}, Ft = (i) => Math.round(
+}, yt = (i) => Math.round(
   i.reduce((t, e) => t + e, 0) / i.length / 2 * 100
-) / 100, Bs = (i, t, e) => {
+) / 100, Ds = (i) => i.length === 0 ? 0 : Math.round(i.reduce((t, e) => t + e, 0) / i.length * 100) / 100, Ns = (i, t, e) => {
   var o;
   if (!i)
     return [];
   const s = i.querySelectorAll(`[${g}]`)[e];
-  return s ? (o = t == null ? void 0 : t.getBlockIdsFromCells(s.querySelectorAll(`[${p}]`))) != null ? o : [] : [];
-}, Is = (i, t, e) => {
+  return s ? (o = t == null ? void 0 : t.getBlockIdsFromCells(s.querySelectorAll(`[${u}]`))) != null ? o : [] : [];
+}, Hs = (i, t, e) => {
   var o;
   if (!i)
     return [];
   const n = i.querySelectorAll(`[${g}]`), s = [];
   return n.forEach((r) => {
-    const l = r.querySelectorAll(`[${p}]`);
+    const l = r.querySelectorAll(`[${u}]`);
     e < l.length && s.push(l[e]);
   }), (o = t == null ? void 0 : t.getBlockIdsFromCells(s)) != null ? o : [];
-}, pt = (i, t, e, n) => {
+}, bt = (i, t, e, n) => {
   const o = i.querySelectorAll(`[${g}]`)[t];
   if (o && n) {
-    const r = o.querySelectorAll(`[${p}]`);
+    const r = o.querySelectorAll(`[${u}]`);
     n.deleteBlocks(n.getBlockIdsFromCells(r));
   }
   e.deleteRow(i, t);
-}, gt = (i, t, e, n, s) => {
+}, vt = (i, t, e, n, s) => {
   if (s) {
     const o = i.querySelectorAll(`[${g}]`), r = [];
     o.forEach((l) => {
-      const a = l.querySelectorAll(`[${p}]`);
+      const a = l.querySelectorAll(`[${u}]`);
       t < a.length && r.push(a[t]);
     }), s.deleteBlocks(s.getBlockIdsFromCells(r));
   }
-  return n.deleteColumn(i, t), Rs(e, t);
-}, W = (i, t) => {
-  i.querySelectorAll(`[${p}]`).forEach((n) => {
+  return n.deleteColumn(i, t), Bs(e, t);
+}, V = (i, t) => {
+  i.querySelectorAll(`[${u}]`).forEach((n) => {
     t == null || t.ensureCellHasBlock(n);
   });
-}, Ds = (i, t, e) => {
+}, Ps = (i, t, e) => {
   const n = i.querySelectorAll(`[${g}]`);
   t.forEach((s, o) => {
     const r = n[o];
     if (!r)
       return;
-    const l = r.querySelectorAll(`[${p}]`);
+    const l = r.querySelectorAll(`[${u}]`);
     s.forEach((a, c) => {
       const d = l[c];
       if (!d)
         return;
-      const h = d.querySelector(`[${B}]`);
-      if (h) {
-        if (!fe(a)) {
-          const u = typeof a == "string" ? a : "", f = e.blocks.insert(
+      const h = d.querySelector(`[${k}]`);
+      if (!h)
+        return;
+      const p = h.querySelectorAll("[data-blok-id]").length > 0;
+      if (!(!Ct(a) && p)) {
+        if (!Ct(a)) {
+          const m = typeof a == "string" ? a : "", f = e.blocks.insert(
             "paragraph",
-            { text: u },
+            { text: m },
             {},
             void 0,
             !0
@@ -2795,18 +2834,18 @@ const lt = (i) => {
           f != null && f.holder && h.appendChild(f.holder);
           return;
         }
-        for (const u of a.blocks) {
-          const f = e.blocks.getBlockIndex(u);
+        for (const m of a.blocks) {
+          const f = e.blocks.getBlockIndex(m);
           if (f === void 0)
             continue;
-          const m = e.blocks.getBlockByIndex(f);
-          m && h.appendChild(m.holder);
+          const y = e.blocks.getBlockByIndex(f);
+          y && h.appendChild(y.holder);
         }
       }
     });
   });
-}, Ns = (i, t) => {
-  var l, a, c, d, h, u, f, m, y, b;
+}, _s = (i, t) => {
+  var l, a, c, d, h, p, m, f, y, b;
   if (!(typeof i == "object" && i !== null && "content" in i))
     return {
       withHeadings: (l = t.withHeadings) != null ? l : !1,
@@ -2816,23 +2855,24 @@ const lt = (i) => {
     };
   const n = i, s = (d = (c = n.content) == null ? void 0 : c[0]) == null ? void 0 : d.length, o = n.colWidths, r = o && s && o.length === s ? o : void 0;
   return {
-    withHeadings: (u = (h = n.withHeadings) != null ? h : t.withHeadings) != null ? u : !1,
-    withHeadingColumn: (f = n.withHeadingColumn) != null ? f : !1,
-    stretched: (y = (m = n.stretched) != null ? m : t.stretched) != null ? y : !1,
+    withHeadings: (p = (h = n.withHeadings) != null ? h : t.withHeadings) != null ? p : !1,
+    withHeadingColumn: (m = n.withHeadingColumn) != null ? m : !1,
+    stretched: (y = (f = n.stretched) != null ? f : t.stretched) != null ? y : !1,
     content: (b = n.content) != null ? b : [],
-    colWidths: r
+    colWidths: r,
+    initialColWidth: n.initialColWidth
   };
-}, Ps = (i, t) => {
+}, Os = (i, t) => {
   i.addEventListener("keydown", (e) => {
-    const s = e.target.closest(`[${p}]`);
+    const s = e.target.closest(`[${u}]`);
     if (!s)
       return;
-    const o = Es(i, s);
+    const o = ks(i, s);
     o && (t == null || t.handleKeyDown(e, o));
   });
-}, ye = ["overflow-x-auto", "pt-[9px]", "pl-[9px]"], zt = (i) => {
-  i == null || i.classList.add(...ye);
-}, ot = (i, t) => {
+}, Ce = ["overflow-x-auto", "pt-[9px]", "pl-[9px]"], qt = (i) => {
+  i == null || i.classList.add(...Ce);
+}, st = (i, t) => {
   if (!i)
     return;
   const e = i.firstElementChild;
@@ -2842,20 +2882,20 @@ const lt = (i) => {
   n.forEach((s) => {
     s.removeAttribute("data-blok-table-heading");
   }), t && n.length > 0 && n[0].setAttribute("data-blok-table-heading", "");
-}, U = (i, t) => {
+}, z = (i, t) => {
   if (!i)
     return;
   const e = i.firstElementChild;
   if (!e)
     return;
-  e.querySelectorAll(`[${p}]`).forEach((s) => {
+  e.querySelectorAll(`[${u}]`).forEach((s) => {
     s.removeAttribute("data-blok-table-heading-col");
   }), t && e.querySelectorAll(`[${g}]`).forEach((o) => {
-    const r = o.querySelector(`[${p}]`);
+    const r = o.querySelector(`[${u}]`);
     r && r.setAttribute("data-blok-table-heading-col", "");
   });
-}, Vt = "data-blok-table-resize", _s = "data-blok-table-cell", Hs = "data-blok-table-row", Ms = 50, ft = 16;
-class Os {
+}, Ft = "data-blok-table-resize", Ms = "data-blok-table-cell", Ws = "data-blok-table-row", $s = 50, mt = 16;
+class Gs {
   constructor(t, e, n, s, o, r = !1) {
     this._enabled = !0, this.isDragging = !1, this.dragStartX = 0, this.dragColIndex = -1, this.startColWidth = 0, this.handles = [], this.gridEl = t, this.colWidths = [...e], this.onChange = n, this.onDragStart = s != null ? s : null, this.onDrag = o != null ? o : null, this.needsInitialApply = r, this.boundPointerDown = this.onPointerDown.bind(this), this.boundPointerMove = this.onPointerMove.bind(this), this.boundPointerUp = this.onPointerUp.bind(this), this.gridEl.style.position = "relative", r || this.applyWidths(), this.createHandles(), this.gridEl.addEventListener("pointerdown", this.boundPointerDown);
   }
@@ -2882,7 +2922,7 @@ class Os {
   }
   createHandle(t) {
     const e = document.createElement("div"), n = this.getHandleLeftPx(t);
-    return e.setAttribute(Vt, ""), e.setAttribute("data-col", String(t)), e.style.position = "absolute", e.style.top = `-${$}px`, e.style.bottom = "0px", e.style.width = `${ft}px`, e.style.left = `${n - ft / 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(Ft, ""), e.setAttribute("data-col", String(t)), e.style.position = "absolute", e.style.top = `-${P}px`, e.style.bottom = "0px", e.style.width = `${mt}px`, e.style.left = `${n - mt / 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");
@@ -2894,7 +2934,7 @@ class Os {
   updateHandlePositions() {
     this.handles.forEach((t, e) => {
       const n = this.getHandleLeftPx(e), s = t;
-      s.style.left = `${n - ft / 2}px`;
+      s.style.left = `${n - mt / 2}px`;
     });
   }
   onPointerDown(t) {
@@ -2902,7 +2942,7 @@ class Os {
     if (!this._enabled)
       return;
     const e = t.target;
-    if (!e.hasAttribute(Vt))
+    if (!e.hasAttribute(Ft))
       return;
     t.preventDefault(), this.needsInitialApply && (this.applyWidths(), this.updateHandlePositions(), this.needsInitialApply = !1);
     const n = e.getAttribute("data-col");
@@ -2912,7 +2952,7 @@ class Os {
     var o;
     if (!this.isDragging)
       return;
-    const e = t.clientX - this.dragStartX, n = this.startColWidth + e, s = Math.max(Ms, n);
+    const e = t.clientX - this.dragStartX, n = this.startColWidth + e, s = Math.max($s, n);
     this.colWidths[this.dragColIndex] = s, this.applyWidths(), this.updateHandlePositions(), (o = this.onDrag) == null || o.call(this);
   }
   onPointerUp() {
@@ -2924,8 +2964,8 @@ class Os {
   }
   applyWidths() {
     const t = this.colWidths.reduce((n, s) => n + s, 0);
-    this.gridEl.style.width = `${t + $}px`, this.gridEl.querySelectorAll(`[${Hs}]`).forEach((n) => {
-      n.querySelectorAll(`[${_s}]`).forEach((o, r) => {
+    this.gridEl.style.width = `${t + P}px`, this.gridEl.querySelectorAll(`[${Ws}]`).forEach((n) => {
+      n.querySelectorAll(`[${Ms}]`).forEach((o, r) => {
         if (r < this.colWidths.length) {
           const l = o;
           l.style.width = `${this.colWidths[r]}px`;
@@ -2934,71 +2974,92 @@ class Os {
     });
   }
 }
-const $s = [
-  "flex",
-  "items-center",
-  "select-none",
-  "border-none",
-  "bg-transparent",
-  "rounded-md",
-  "p-[var(--item-padding)]",
-  "text-text-primary",
-  "mb-px",
-  "cursor-pointer",
-  "can-hover:hover:bg-item-hover-bg"
-], Gs = [
-  "flex",
-  "items-center",
-  "justify-center",
-  "w-[26px]",
-  "h-[26px]",
-  "mr-2",
-  "[&_svg]:w-icon",
-  "[&_svg]:h-icon"
-], Ws = [
-  "mr-auto",
-  "truncate",
-  "text-sm",
-  "font-medium",
-  "leading-5"
-], qs = [
-  "relative",
-  "w-[34px]",
-  "h-[20px]",
-  "rounded-full",
-  "transition-colors",
-  "duration-200",
-  "shrink-0"
-], Fs = [
-  "absolute",
-  "top-[2px]",
-  "w-4",
-  "h-4",
-  "rounded-full",
-  "bg-white",
-  "shadow-sm",
-  "transition-[left]",
-  "duration-200"
-], Ut = (i) => {
-  const { icon: t, label: e, isActive: n, onToggle: s } = i, o = { active: n }, r = document.createElement("div");
-  r.className = v($s);
-  const l = document.createElement("div");
-  l.className = v(Gs), l.innerHTML = t, r.appendChild(l);
-  const a = document.createElement("span");
-  a.className = v(Ws), a.textContent = e, r.appendChild(a);
-  const c = document.createElement("div");
-  c.className = v(qs);
-  const d = document.createElement("div");
-  d.className = v(Fs), c.appendChild(d), r.appendChild(c);
-  const h = () => {
-    c.style.backgroundColor = o.active ? "#3b82f6" : "#d1d5db", d.style.left = o.active ? "16px" : "2px";
+const zt = (i, t, e) => (e.grid.addRow(i, t), V(i, e.cellBlocks), {
+  pendingHighlight: { type: "row", index: t },
+  moveSelection: null,
+  colWidths: e.data.colWidths,
+  withHeadings: e.data.withHeadings,
+  withHeadingColumn: e.data.withHeadingColumn
+}), Vt = (i, t, e) => {
+  const n = Is(i, t, e.data, e.grid);
+  return V(i, e.cellBlocks), {
+    pendingHighlight: { type: "col", index: t },
+    moveSelection: null,
+    colWidths: n,
+    withHeadings: e.data.withHeadings,
+    withHeadingColumn: e.data.withHeadingColumn
   };
-  return h(), r.addEventListener("click", (u) => {
-    u.stopPropagation(), o.active = !o.active, h(), s(o.active);
-  }), r;
-}, Kt = 10, zs = "data-blok-table-drag-ghost", bt = (i) => {
+}, qs = (i, t, e, n) => (n.grid.moveRow(i, t, e), {
+  pendingHighlight: null,
+  moveSelection: { type: "row", index: e },
+  colWidths: n.data.colWidths,
+  withHeadings: n.data.withHeadings,
+  withHeadingColumn: n.data.withHeadingColumn
+}), Fs = (i, t, e, n) => (n.grid.moveColumn(i, t, e), {
+  pendingHighlight: null,
+  moveSelection: { type: "col", index: e },
+  colWidths: Ls(n.data.colWidths, t, e),
+  withHeadings: n.data.withHeadings,
+  withHeadingColumn: n.data.withHeadingColumn
+}), zs = (i, t, e) => {
+  bt(i, t, e.grid, e.cellBlocks);
+  const n = e.grid.getRowCount(i);
+  return {
+    pendingHighlight: { type: "row", index: t < n ? t : t - 1 },
+    moveSelection: null,
+    colWidths: e.data.colWidths,
+    withHeadings: e.data.withHeadings,
+    withHeadingColumn: e.data.withHeadingColumn
+  };
+}, Vs = (i, t, e) => {
+  const n = vt(i, t, e.data.colWidths, e.grid, e.cellBlocks);
+  n ? ct(i, n) : Rs(i);
+  const s = e.grid.getColumnCount(i);
+  return {
+    pendingHighlight: { type: "col", index: t < s ? t : t - 1 },
+    moveSelection: null,
+    colWidths: n,
+    withHeadings: e.data.withHeadings,
+    withHeadingColumn: e.data.withHeadingColumn
+  };
+}, Us = (i, t, e) => {
+  switch (t.type) {
+    case "insert-row-above":
+      return zt(i, t.index, e);
+    case "insert-row-below":
+      return zt(i, t.index + 1, e);
+    case "insert-col-left":
+      return Vt(i, t.index, e);
+    case "insert-col-right":
+      return Vt(i, t.index + 1, e);
+    case "move-row":
+      return qs(i, t.fromIndex, t.toIndex, e);
+    case "move-col":
+      return Fs(i, t.fromIndex, t.toIndex, e);
+    case "delete-row":
+      return zs(i, t.index, e);
+    case "delete-col":
+      return Vs(i, t.index, e);
+    case "toggle-heading":
+      return {
+        pendingHighlight: { type: "row", index: 0 },
+        moveSelection: null,
+        colWidths: e.data.colWidths,
+        withHeadings: !e.data.withHeadings,
+        withHeadingColumn: e.data.withHeadingColumn
+      };
+    case "toggle-heading-column":
+      return {
+        pendingHighlight: { type: "col", index: 0 },
+        moveSelection: null,
+        colWidths: e.data.colWidths,
+        withHeadings: e.data.withHeadings,
+        withHeadingColumn: !e.data.withHeadingColumn
+      };
+  }
+}, Ut = 10, Ks = "data-blok-table-drag-ghost", St = (i) => {
   const t = i.querySelector(`[${g}]`);
-  return t ? Array.from(t.querySelectorAll(`[${p}]`)).reduce(
+  return t ? Array.from(t.querySelectorAll(`[${u}]`)).reduce(
     (n, s) => {
       const o = n[n.length - 1];
       return [...n, o + s.offsetWidth];
@@ -3006,7 +3067,7 @@ const $s = [
     [0]
   ) : [0];
 };
-class Vs {
+class js {
   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);
@@ -3030,7 +3091,7 @@ class Vs {
   }
   handleDocPointerMove(t) {
     const e = Math.abs(t.clientX - this.dragStartX), n = Math.abs(t.clientY - this.dragStartY);
-    !this.isDragging && (e > Kt || n > Kt) && (this.isDragging = !0, this.startDrag()), this.isDragging && (this.updateDragIndicator(t), this.updateGhostPosition(t));
+    !this.isDragging && (e > Ut || n > Ut) && (this.isDragging = !0, this.startDrag()), this.isDragging && (this.updateDragIndicator(t), this.updateGhostPosition(t));
   }
   handleDocPointerUp(t) {
     var e, n;
@@ -3052,28 +3113,28 @@ class Vs {
     const e = t[this.dragFromIndex];
     if (!e)
       return;
-    e.querySelectorAll(`[${p}]`).forEach((s) => {
+    e.querySelectorAll(`[${u}]`).forEach((s) => {
       const o = s;
-      o.style.backgroundColor = "#dbeafe", o.style.opacity = "0.6", this.dragOverlayCells.push(o);
+      o.style.backgroundColor = "#f3f4f6", o.style.opacity = "0.7", this.dragOverlayCells.push(o);
     });
   }
   highlightColumnCells(t) {
     t.forEach((e) => {
-      const n = e.querySelectorAll(`[${p}]`);
+      const n = e.querySelectorAll(`[${u}]`);
       if (this.dragFromIndex >= n.length)
         return;
       const s = n[this.dragFromIndex];
-      s.style.backgroundColor = "#dbeafe", s.style.opacity = "0.6", this.dragOverlayCells.push(s);
+      s.style.backgroundColor = "#f3f4f6", s.style.opacity = "0.7", this.dragOverlayCells.push(s);
     });
   }
   createDropIndicator() {
     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 = `${-P}px`, t.right = "0", t.transition = "top 100ms ease";
     else {
       const e = this.grid.querySelectorAll(`[${g}]`), n = e[e.length - 1], s = n ? n.offsetTop + n.offsetHeight : 0;
-      t.width = "3px", t.top = `${-$}px`, t.height = `${s + $}px`, t.transition = "left 100ms ease";
+      t.width = "3px", t.top = `${-P}px`, t.height = `${s + P}px`, t.transition = "left 100ms ease";
     }
     this.grid.appendChild(this.dropIndicator);
   }
@@ -3097,7 +3158,7 @@ class Vs {
     var r;
     if (!this.dropIndicator)
       return;
-    const n = t.clientX - e.left, s = this.getColDropIndex(n), o = bt(this.grid);
+    const n = t.clientX - e.left, s = this.getColDropIndex(n), o = St(this.grid);
     this.dropIndicator.style.left = `${((r = o[s]) != null ? r : 0) - 1.5}px`;
   }
   finishDrag(t) {
@@ -3118,7 +3179,7 @@ class Vs {
   }
   createGhost() {
     const t = document.createElement("div");
-    t.setAttribute(zs, ""), t.setAttribute("contenteditable", "false");
+    t.setAttribute(Ks, ""), 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();
@@ -3136,7 +3197,7 @@ class Vs {
     const t = this.grid.querySelectorAll(`[${g}]`), e = t[0], n = t[t.length - 1];
     if (!e || !n)
       return null;
-    const s = e.querySelectorAll(`[${p}]`)[this.dragFromIndex], o = n.querySelectorAll(`[${p}]`)[this.dragFromIndex];
+    const s = e.querySelectorAll(`[${u}]`)[this.dragFromIndex], o = n.querySelectorAll(`[${u}]`)[this.dragFromIndex];
     if (!s || !o)
       return null;
     const r = s.getBoundingClientRect(), l = o.getBoundingClientRect();
@@ -3147,7 +3208,7 @@ class Vs {
     if (!e || !this.ghostEl)
       return;
     const n = this.ghostEl.style;
-    n.display = "flex", n.height = `${e.offsetHeight}px`, e.querySelectorAll(`[${p}]`).forEach((o) => {
+    n.display = "flex", n.height = `${e.offsetHeight}px`, e.querySelectorAll(`[${u}]`).forEach((o) => {
       var a;
       const r = o, l = r.cloneNode(!0);
       l.style.width = `${r.offsetWidth}px`, l.style.flexShrink = "0", l.removeAttribute("contenteditable"), (a = this.ghostEl) == null || a.appendChild(l);
@@ -3159,7 +3220,7 @@ class Vs {
     const t = this.grid.querySelectorAll(`[${g}]`), e = this.ghostEl.style;
     e.display = "flex", e.flexDirection = "column", t.forEach((n) => {
       var l;
-      const s = n.querySelectorAll(`[${p}]`);
+      const s = n.querySelectorAll(`[${u}]`);
       if (this.dragFromIndex >= s.length)
         return;
       const o = s[this.dragFromIndex], r = o.cloneNode(!0);
@@ -3192,11 +3253,177 @@ class Vs {
     return 0;
   }
   getColDropIndex(t) {
-    const n = bt(this.grid).map((o) => Math.abs(t - o)), s = Math.min(...n);
+    const n = St(this.grid).map((o) => Math.abs(t - o)), s = Math.min(...n);
     return n.indexOf(s);
   }
 }
-const jt = "data-blok-table-grip", mt = "data-blok-table-grip-col", Xt = "data-blok-table-grip-row", Us = 150, Ks = 24, Ct = 4, yt = 4, js = 20, it = [
+const Xs = [
+  "flex",
+  "items-center",
+  "select-none",
+  "border-none",
+  "bg-transparent",
+  "rounded-md",
+  "p-[var(--item-padding)]",
+  "text-text-primary",
+  "mb-px",
+  "cursor-pointer",
+  "can-hover:hover:bg-item-hover-bg"
+], Ys = [
+  "flex",
+  "items-center",
+  "justify-center",
+  "w-[26px]",
+  "h-[26px]",
+  "mr-2",
+  "[&_svg]:w-icon",
+  "[&_svg]:h-icon"
+], Zs = [
+  "mr-auto",
+  "truncate",
+  "text-sm",
+  "font-medium",
+  "leading-5"
+], Js = [
+  "relative",
+  "w-[34px]",
+  "h-[20px]",
+  "rounded-full",
+  "transition-colors",
+  "duration-200",
+  "shrink-0"
+], Qs = [
+  "absolute",
+  "top-[2px]",
+  "w-4",
+  "h-4",
+  "rounded-full",
+  "bg-white",
+  "shadow-sm",
+  "transition-[left]",
+  "duration-200"
+], ye = (i) => {
+  const { icon: t, label: e, isActive: n, onToggle: s } = i, o = { active: n }, r = document.createElement("div");
+  r.className = v(Xs);
+  const l = document.createElement("div");
+  l.className = v(Ys), l.innerHTML = t, r.appendChild(l);
+  const a = document.createElement("span");
+  a.className = v(Zs), a.textContent = e, r.appendChild(a);
+  const c = document.createElement("div");
+  c.className = v(Js);
+  const d = document.createElement("div");
+  d.className = v(Qs), c.appendChild(d), r.appendChild(c);
+  const h = () => {
+    c.style.backgroundColor = o.active ? "#3b82f6" : "#d1d5db", d.style.left = o.active ? "16px" : "2px";
+  };
+  return h(), r.addEventListener("click", (p) => {
+    p.stopPropagation(), o.active = !o.active, h(), s(o.active);
+  }), r;
+}, to = (i, t) => {
+  const e = i === 0 ? [
+    {
+      type: q.Html,
+      element: ye({
+        icon: Ue,
+        label: t.i18n.t("tools.table.headerColumn"),
+        isActive: t.isHeadingColumn(),
+        onToggle: () => {
+          t.onAction({ type: "toggle-heading-column" });
+        }
+      })
+    },
+    { type: q.Separator }
+  ] : [], n = [
+    {
+      icon: qe,
+      title: t.i18n.t("tools.table.insertColumnLeft"),
+      closeOnActivate: !0,
+      onActivate: () => {
+        t.onAction({ type: "insert-col-left", index: i });
+      }
+    },
+    {
+      icon: Fe,
+      title: t.i18n.t("tools.table.insertColumnRight"),
+      closeOnActivate: !0,
+      onActivate: () => {
+        t.onAction({ type: "insert-col-right", index: i });
+      }
+    }
+  ], s = t.getColumnCount() > 1, o = [
+    { type: q.Separator },
+    {
+      icon: oe,
+      title: t.i18n.t("tools.table.deleteColumn"),
+      isDestructive: !0,
+      isDisabled: !s,
+      closeOnActivate: !0,
+      onActivate: () => {
+        t.onAction({ type: "delete-col", index: i });
+      }
+    }
+  ];
+  return [...e, ...n, ...o];
+}, eo = (i, t) => {
+  const e = i === 0 ? [
+    {
+      type: q.Html,
+      element: ye({
+        icon: Ke,
+        label: t.i18n.t("tools.table.headerRow"),
+        isActive: t.isHeadingRow(),
+        onToggle: () => {
+          t.onAction({ type: "toggle-heading" });
+        }
+      })
+    },
+    { type: q.Separator }
+  ] : [], n = [
+    {
+      icon: ze,
+      title: t.i18n.t("tools.table.insertRowAbove"),
+      closeOnActivate: !0,
+      onActivate: () => {
+        t.onAction({ type: "insert-row-above", index: i });
+      }
+    },
+    {
+      icon: Ve,
+      title: t.i18n.t("tools.table.insertRowBelow"),
+      closeOnActivate: !0,
+      onActivate: () => {
+        t.onAction({ type: "insert-row-below", index: i });
+      }
+    }
+  ], s = t.getRowCount() > 1, o = [
+    { type: q.Separator },
+    {
+      icon: oe,
+      title: t.i18n.t("tools.table.deleteRow"),
+      isDestructive: !0,
+      isDisabled: !s,
+      closeOnActivate: !0,
+      onActivate: () => {
+        t.onAction({ type: "delete-row", index: i });
+      }
+    }
+  ];
+  return [...e, ...n, ...o];
+}, no = (i, t, e, n, s) => {
+  s.destroyPopover(), s.clearHideTimeout();
+  const o = i === "col" ? e.col[t] : e.row[t];
+  if (!o)
+    return { popover: null, grip: null };
+  const r = i === "col" ? to(t, n) : eo(t, n), l = new ne({
+    items: r,
+    trigger: o,
+    flippable: !0
+  });
+  return l.on(se.Closed, () => {
+    var a;
+    s.destroyPopover(), s.applyVisibleClasses(o), s.scheduleHideAll(), (a = s.onGripPopoverClose) == null || a.call(s);
+  }), s.hideAllGripsExcept(o), s.applyActiveClasses(o), i === "col" ? o.style.height = `${X}px` : o.style.width = `${X}px`, { popover: l, grip: o };
+}, Kt = "data-blok-table-grip", ot = "data-blok-table-grip-col", jt = "data-blok-table-grip-row", so = 150, oo = 24, it = 4, rt = 4, io = 20, lt = [
   "absolute",
   "z-[3]",
   "rounded",
@@ -3209,23 +3436,23 @@ const jt = "data-blok-table-grip", mt = "data-blok-table-grip-col", Xt = "data-b
   "items-center",
   "justify-center",
   "overflow-hidden"
-], Yt = [
+], Xt = [
   "bg-gray-300",
   "opacity-0",
   "pointer-events-none"
-], Xs = [
+], ro = [
   "bg-gray-300",
   "opacity-100",
   "pointer-events-auto"
-], Ys = [
+], lo = [
   "bg-blue-500",
   "text-white",
   "opacity-100",
   "pointer-events-auto"
 ];
-class Zs {
+class ao {
   constructor(t) {
-    this.colGrips = [], this.rowGrips = [], this.activePopover = null, this.activePopoverGrip = null, this.lockedGrip = null, this.hideTimeout = null, this.activeColGripIndex = -1, this.activeRowGripIndex = -1, this.grid = t.grid, 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.drag = new Vs({
+    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.grid = t.grid, 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 js({
       grid: this.grid,
       onAction: this.onAction,
       onDragStateChange: (e, n) => {
@@ -3246,7 +3473,7 @@ class Zs {
    */
   setActiveGrip(t, e) {
     const n = t === "col" ? this.colGrips[e] : this.rowGrips[e];
-    n && (this.unlockGrip(), this.hideAllGripsExcept(n), this.applyActiveClasses(n), t === "col" ? n.style.height = `${K}px` : n.style.width = `${K}px`, this.lockedGrip = n, requestAnimationFrame(() => {
+    n && (this.unlockGrip(), this.hideAllGripsExcept(n), this.applyActiveClasses(n), t === "col" ? n.style.height = `${X}px` : n.style.width = `${X}px`, this.lockedGrip = n, requestAnimationFrame(() => {
       document.addEventListener("pointerdown", this.boundUnlockGrip);
     }));
   }
@@ -3267,19 +3494,20 @@ class Zs {
     }), Array.from({ length: e }).forEach((n, s) => {
       const o = this.createGripElement("row", s);
       this.rowGrips.push(o), this.grid.appendChild(o);
-    }), this.positionGrips();
+    }), this.positionGrips(), this.observeRowHeights();
   }
   destroyGrips() {
-    this.colGrips.forEach((t) => t.remove()), this.rowGrips.forEach((t) => t.remove()), this.colGrips = [], this.rowGrips = [], this.activeColGripIndex = -1, this.activeRowGripIndex = -1;
+    var t;
+    (t = this.rowResizeObserver) == null || t.disconnect(), this.rowResizeObserver = null, this.colGrips.forEach((e) => e.remove()), this.rowGrips.forEach((e) => e.remove()), this.colGrips = [], this.rowGrips = [], this.activeColGripIndex = -1, this.activeRowGripIndex = -1, this.isInsideTable = !1;
   }
   createGripElement(t, e) {
     const n = document.createElement("div");
-    n.className = v(it, Yt), n.setAttribute(jt, ""), n.setAttribute(t === "col" ? mt : Xt, String(e)), n.setAttribute("contenteditable", "false");
-    const s = t === "col" ? Ks : yt, o = t === "col" ? Ct : js, r = t === "col" ? Ct : yt;
-    return n.style.width = `${s}px`, n.style.height = `${o}px`, n.style.transform = "translate(-50%, -50%)", n.style.outline = "2px solid white", n.appendChild(me(t === "col" ? "horizontal" : "vertical")), n.addEventListener("pointerdown", this.boundPointerDown), n.addEventListener("mouseenter", () => {
-      this.isGripInteractionLocked() || Cs(n, t);
+    n.className = v(lt, Xt), n.setAttribute(Kt, ""), n.setAttribute(t === "col" ? ot : jt, String(e)), n.setAttribute("contenteditable", "false");
+    const s = t === "col" ? oo : rt, o = t === "col" ? it : io, r = t === "col" ? it : rt;
+    return n.style.width = `${s}px`, n.style.height = `${o}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.isGripInteractionLocked() || ys(n, t);
     }), n.addEventListener("mouseleave", () => {
-      this.isGripInteractionLocked() || Gt(n, t, r);
+      this.isGripInteractionLocked() || pt(n, t, r);
     }), n;
   }
   /**
@@ -3290,31 +3518,43 @@ class Zs {
     const t = this.grid.querySelectorAll(`[${g}]`);
     if (!t[0])
       return;
-    const n = bt(this.grid);
+    const n = St(this.grid);
     this.colGrips.forEach((s, o) => {
       if (o + 1 >= n.length)
         return;
       const r = (n[o] + n[o + 1]) / 2, l = s.style;
-      l.top = `${-$ / 2}px`, l.left = `${r}px`;
+      l.top = `${-P / 2}px`, l.left = `${r}px`;
     }), this.rowGrips.forEach((s, o) => {
       if (o >= t.length)
         return;
       const r = t[o], l = r.offsetTop + r.offsetHeight / 2, a = s.style;
-      a.left = `${-$ / 2}px`, a.top = `${l}px`;
+      a.left = `${-P / 2}px`, a.top = `${l}px`;
+    });
+  }
+  /**
+   * Set up ResizeObserver to watch for row height changes and reposition grips.
+   */
+  observeRowHeights() {
+    var e;
+    (e = this.rowResizeObserver) == null || e.disconnect(), this.rowResizeObserver = new ResizeObserver(() => {
+      this.positionGrips();
+    }), this.grid.querySelectorAll(`[${g}]`).forEach((n) => {
+      var s;
+      (s = this.rowResizeObserver) == null || s.observe(n);
     });
   }
   isGripInteractionLocked() {
-    return this.activePopover !== null || this.lockedGrip !== null;
+    return this.popoverState.popover !== null || this.lockedGrip !== null;
   }
   handleMouseOver(t) {
     if (this.isGripInteractionLocked())
       return;
-    const n = t.target.closest(`[${p}]`);
+    const n = t.target.closest(`[${u}]`);
     if (!n)
       return;
     this.clearHideTimeout();
     const s = this.getCellPosition(n);
-    s && (this.showColGrip(s.col), this.showRowGrip(s.row));
+    s && (this.showColGrip(s.col), this.showRowGrip(s.row), this.isInsideTable = !0);
   }
   handleMouseLeave() {
     this.isGripInteractionLocked() || this.scheduleHideAll();
@@ -3326,7 +3566,7 @@ class Zs {
     const s = Array.from(this.grid.querySelectorAll(`[${g}]`)).indexOf(e);
     if (s < 0)
       return null;
-    const r = Array.from(e.querySelectorAll(`[${p}]`)).indexOf(t);
+    const r = Array.from(e.querySelectorAll(`[${u}]`)).indexOf(t);
     return r < 0 ? null : { row: s, col: r };
   }
   /**
@@ -3338,14 +3578,14 @@ class Zs {
     const e = t ? "" : "none";
     [...this.colGrips, ...this.rowGrips].forEach((n) => {
       const s = n;
-      !t && n === this.activePopoverGrip || (s.style.display = e);
+      !t && n === this.popoverState.grip || (s.style.display = e);
     });
   }
   /**
    * Immediately hide all grips (no delay). Used when resize drag starts.
    */
   hideAllGrips() {
-    this.clearHideTimeout(), this.hideColGrip(), this.hideRowGrip();
+    this.clearHideTimeout(), this.hideColGrip(), this.hideRowGrip(), this.isInsideTable = !1;
   }
   showColGrip(t) {
     this.activeColGripIndex !== t && (this.hideColGrip(), this.activeColGripIndex = t, this.applyVisibleClasses(this.colGrips[t]));
@@ -3360,13 +3600,13 @@ class Zs {
     this.activeRowGripIndex >= 0 && this.activeRowGripIndex < this.rowGrips.length && this.applyIdleClasses(this.rowGrips[this.activeRowGripIndex]), this.activeRowGripIndex = -1;
   }
   applyVisibleClasses(t) {
-    const e = t;
-    e.className = v(it, Xs), e.setAttribute("data-blok-table-grip-visible", "");
-    const n = e.querySelector("svg");
-    n && (n.classList.remove("text-white"), n.classList.add("text-gray-400"));
+    const e = t, n = e.hasAttribute(ot);
+    pt(e, n ? "col" : "row", n ? it : rt), this.isInsideTable && (e.style.transition = "none"), e.className = v(lt, ro), e.setAttribute("data-blok-table-grip-visible", ""), this.isInsideTable && (e.offsetHeight, e.style.transition = "");
+    const r = e.querySelector("svg");
+    r && (r.classList.remove("text-white"), r.classList.add("text-gray-400"));
   }
   applyActiveClasses(t) {
-    t.className = v(it, Ys), t.setAttribute("data-blok-table-grip-visible", "");
+    Object.assign(t, { className: v(lt, lo) }), 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"));
   }
@@ -3376,8 +3616,8 @@ class Zs {
     });
   }
   applyIdleClasses(t) {
-    const e = t, n = e.hasAttribute(mt);
-    Gt(e, n ? "col" : "row", n ? Ct : yt), e.className = v(it, Yt), e.removeAttribute("data-blok-table-grip-visible");
+    const e = t, n = e.hasAttribute(ot), s = n ? "col" : "row", o = 12, r = n ? it + o : rt + o;
+    this.isInsideTable && (e.style.transition = "none"), pt(e, s, r), e.className = v(lt, Xt), e.removeAttribute("data-blok-table-grip-visible"), this.isInsideTable && (e.offsetHeight, e.style.transition = "");
   }
   handleDragStateChange(t, e) {
     [...this.colGrips, ...this.rowGrips].forEach((n) => {
@@ -3387,15 +3627,15 @@ class Zs {
   }
   scheduleHideAll() {
     this.hideTimeout = setTimeout(() => {
-      this.hideColGrip(), this.hideRowGrip(), this.hideTimeout = null;
-    }, Us);
+      this.hideColGrip(), this.hideRowGrip(), this.isInsideTable = !1, this.hideTimeout = null;
+    }, so);
   }
   clearHideTimeout() {
     this.hideTimeout !== null && (clearTimeout(this.hideTimeout), this.hideTimeout = null);
   }
   // ── Click / Drag discrimination ──────────────────────────────
   handlePointerDown(t) {
-    const n = t.target.closest(`[${jt}]`);
+    const n = t.target.closest(`[${Kt}]`);
     if (!n)
       return;
     t.preventDefault(), t.stopPropagation();
@@ -3405,141 +3645,58 @@ class Zs {
     });
   }
   detectGripType(t) {
-    const e = t.getAttribute(mt);
+    const e = t.getAttribute(ot);
     if (e !== null)
       return { type: "col", index: Number(e) };
-    const n = t.getAttribute(Xt);
+    const n = t.getAttribute(jt);
     return n !== null ? { type: "row", index: Number(n) } : null;
   }
   // ── Popover menus ────────────────────────────────────────────
   openPopover(t, e) {
-    var o;
-    this.destroyPopover(), this.clearHideTimeout();
-    const n = t === "col" ? this.colGrips[e] : this.rowGrips[e];
-    if (!n)
-      return;
-    const s = t === "col" ? this.buildColumnMenu(e) : this.buildRowMenu(e);
-    this.activePopover = new se({
-      items: s,
-      trigger: n,
-      flippable: !0
-    }), this.activePopoverGrip = n, this.activePopover.on(oe.Closed, () => {
-      var r;
-      this.activePopover !== null && (this.destroyPopover(), this.applyVisibleClasses(n), this.scheduleHideAll(), (r = this.onGripPopoverClose) == null || r.call(this));
-    }), this.hideAllGripsExcept(n), this.applyActiveClasses(n), t === "col" ? n.style.height = `${K}px` : n.style.width = `${K}px`, this.activePopover.show(), (o = this.onGripClick) == null || o.call(this, t, e);
-  }
-  destroyPopover() {
-    if (this.activePopover !== null) {
-      const t = this.activePopover;
-      this.activePopover = null, this.activePopoverGrip = null, t.destroy();
-    }
-  }
-  buildColumnMenu(t) {
-    const e = t === 0 ? [
-      {
-        type: F.Html,
-        element: Ut({
-          icon: Ve,
-          label: "Header column",
-          isActive: this.isHeadingColumn(),
-          onToggle: () => {
-            this.onAction({ type: "toggle-heading-column" });
-          }
-        })
-      },
-      { type: F.Separator }
-    ] : [], n = [
+    var n, s;
+    this.popoverState = no(
+      t,
+      e,
+      { col: this.colGrips, row: this.rowGrips },
       {
-        icon: We,
-        title: "Insert Column Left",
-        closeOnActivate: !0,
-        onActivate: () => {
-          this.onAction({ type: "insert-col-left", index: t });
-        }
+        getColumnCount: this.getColumnCount,
+        getRowCount: this.getRowCount,
+        isHeadingRow: this.isHeadingRow,
+        isHeadingColumn: this.isHeadingColumn,
+        onAction: this.onAction,
+        i18n: this.i18n
       },
       {
-        icon: qe,
-        title: "Insert Column Right",
-        closeOnActivate: !0,
-        onActivate: () => {
-          this.onAction({ type: "insert-col-right", index: t });
-        }
+        clearHideTimeout: () => this.clearHideTimeout(),
+        hideAllGripsExcept: (o) => this.hideAllGripsExcept(o),
+        applyActiveClasses: (o) => this.applyActiveClasses(o),
+        applyVisibleClasses: (o) => this.applyVisibleClasses(o),
+        scheduleHideAll: () => this.scheduleHideAll(),
+        destroyPopover: () => this.destroyPopover(),
+        onGripPopoverClose: this.onGripPopoverClose
       }
-    ], s = this.getColumnCount() > 1, o = [
-      { type: F.Separator },
-      {
-        icon: Lt,
-        title: "Delete",
-        isDestructive: !0,
-        isDisabled: !s,
-        closeOnActivate: !0,
-        onActivate: () => {
-          this.onAction({ type: "delete-col", index: t });
-        }
-      }
-    ];
-    return [...e, ...n, ...o];
+    ), (n = this.popoverState.popover) == null || n.show(), (s = this.onGripClick) == null || s.call(this, t, e);
   }
-  buildRowMenu(t) {
-    const e = t === 0 ? [
-      {
-        type: F.Html,
-        element: Ut({
-          icon: Ue,
-          label: "Header row",
-          isActive: this.isHeadingRow(),
-          onToggle: () => {
-            this.onAction({ type: "toggle-heading" });
-          }
-        })
-      },
-      { type: F.Separator }
-    ] : [], n = [
-      {
-        icon: Fe,
-        title: "Insert Row Above",
-        closeOnActivate: !0,
-        onActivate: () => {
-          this.onAction({ type: "insert-row-above", index: t });
-        }
-      },
-      {
-        icon: ze,
-        title: "Insert Row Below",
-        closeOnActivate: !0,
-        onActivate: () => {
-          this.onAction({ type: "insert-row-below", index: t });
-        }
-      }
-    ], s = this.getRowCount() > 1, o = [
-      { type: F.Separator },
-      {
-        icon: Lt,
-        title: "Delete",
-        isDestructive: !0,
-        isDisabled: !s,
-        closeOnActivate: !0,
-        onActivate: () => {
-          this.onAction({ type: "delete-row", index: t });
-        }
-      }
-    ];
-    return [...e, ...n, ...o];
+  destroyPopover() {
+    if (this.popoverState.popover !== null) {
+      const t = this.popoverState.popover;
+      this.popoverState = { popover: null, grip: null }, t.destroy();
+    }
   }
 }
-const Js = 3, Qs = 3, to = [
+const co = 3, ho = 3, uo = [
   "my-2",
   "pr-5"
-], eo = [
+], po = [
   "relative"
 ];
-class co {
+class So {
   constructor({ data: t, config: e, api: n, readOnly: s, block: o }) {
-    this.resize = null, this.addControls = null, this.rowColControls = null, this.cellBlocks = null, this.cellSelection = null, this.element = null, this.pendingHighlight = null, this.api = n, this.readOnly = s, this.config = e != null ? e : {}, this.data = Ns(t, e != null ? e : {}), this.grid = new ps({ readOnly: s }), this.blockId = o == null ? void 0 : o.id;
+    this.resize = null, this.addControls = null, this.rowColControls = null, this.cellBlocks = null, this.cellSelection = null, this.element = null, this.pendingHighlight = null, this.api = n, this.readOnly = s, this.config = e != null ? e : {}, this.data = _s(t, e != null ? e : {}), this.grid = new gs({ readOnly: s }), this.blockId = o == null ? void 0 : o.id;
   }
   static get toolbox() {
     return {
-      icon: Ke,
+      icon: je,
       title: "Table",
       titleKey: "tools.table.title",
       searchTerms: ["table", "grid", "spreadsheet"]
@@ -3570,31 +3727,35 @@ class co {
   render() {
     var o;
     const t = document.createElement("div");
-    t.className = v(to, !this.readOnly && eo, this.data.colWidths && ye), t.setAttribute(E.tool, "table"), this.readOnly && t.setAttribute("data-blok-table-readonly", "");
-    const e = this.data.content.length || this.config.rows || Js, n = ((o = this.data.content[0]) == null ? void 0 : o.length) || this.config.cols || Qs, s = this.grid.createGrid(e, n, this.data.colWidths);
-    return this.data.content.length > 0 && this.grid.fillGrid(s, this.data.content), this.data.colWidths && st(s, this.data.colWidths), t.appendChild(s), this.element = t, this.data.withHeadings && ot(this.element, this.data.withHeadings), this.data.withHeadingColumn && U(this.element, this.data.withHeadingColumn), this.readOnly || (this.initCellBlocks(s), Ps(s, this.cellBlocks)), t;
+    t.className = v(uo, !this.readOnly && po, this.data.colWidths && Ce), t.setAttribute(E.tool, "table"), this.readOnly && t.setAttribute("data-blok-table-readonly", "");
+    const e = this.data.content.length || this.config.rows || co, n = ((o = this.data.content[0]) == null ? void 0 : o.length) || this.config.cols || ho, s = this.grid.createGrid(e, n, this.data.colWidths);
+    return this.data.content.length > 0 && this.grid.fillGrid(s, this.data.content), this.data.colWidths && ct(s, this.data.colWidths), t.appendChild(s), this.element = t, this.data.withHeadings && st(this.element, this.data.withHeadings), this.data.withHeadingColumn && z(this.element, this.data.withHeadingColumn), this.readOnly || (this.initCellBlocks(s), Os(s, this.cellBlocks)), t;
   }
   rendered() {
-    var e, n;
+    var e, n, s;
     if (!this.element)
       return;
     const t = this.element.firstElementChild;
     if (t) {
       if (this.readOnly) {
-        Ds(t, this.data.content, this.api);
+        Ps(t, this.data.content, this.api);
         return;
       }
-      this.data.content = (n = (e = this.cellBlocks) == null ? void 0 : e.initializeCells(this.data.content)) != null ? n : this.data.content, this.initResize(t), this.initAddControls(t), this.initRowColControls(t), this.initCellSelection(t);
+      if (this.data.content = (n = (e = this.cellBlocks) == null ? void 0 : e.initializeCells(this.data.content)) != null ? n : this.data.content, this.data.initialColWidth === void 0) {
+        const o = (s = this.data.colWidths) != null ? s : J(t);
+        this.data.initialColWidth = o.length > 0 ? Ds(o) : void 0;
+      }
+      this.initResize(t), this.initAddControls(t), this.initRowColControls(t), this.initCellSelection(t);
     }
   }
   save(t) {
     const e = t.firstElementChild, n = this.data.colWidths, s = this.readOnly ? this.data.content : this.grid.getData(e);
-    return L({
+    return x(x({
       withHeadings: this.data.withHeadings,
       withHeadingColumn: this.data.withHeadingColumn,
       stretched: this.data.stretched,
       content: s
-    }, n ? { colWidths: n } : {});
+    }, n ? { colWidths: n } : {}), this.data.initialColWidth !== void 0 ? { initialColWidth: this.data.initialColWidth } : {});
   }
   validate(t) {
     return t.content.length > 0;
@@ -3602,11 +3763,11 @@ class co {
   onPaste(t) {
     var d, h;
     const e = t.detail.data, n = e.querySelectorAll("tr"), s = [];
-    n.forEach((u) => {
-      const f = u.querySelectorAll("td, th"), m = [];
-      f.forEach((y) => {
-        m.push(y.innerHTML);
-      }), m.length > 0 && s.push(m);
+    n.forEach((p) => {
+      const m = p.querySelectorAll("td, th"), f = [];
+      m.forEach((y) => {
+        f.push(y.innerHTML);
+      }), f.length > 0 && s.push(f);
     });
     const o = e.querySelector("thead") !== null, r = ((d = n[0]) == null ? void 0 : d.querySelector("th")) !== null, l = o || r;
     if (this.data = {
@@ -3622,73 +3783,78 @@ class co {
     !this.readOnly && c && (this.initResize(c), this.initAddControls(c), this.initRowColControls(c));
   }
   destroy() {
-    var t, e, n, s, o;
-    (t = this.resize) == null || t.destroy(), this.resize = null, (e = this.addControls) == null || e.destroy(), this.addControls = null, (n = this.rowColControls) == null || n.destroy(), this.rowColControls = null, (s = this.cellBlocks) == null || s.destroy(), this.cellBlocks = null, (o = this.cellSelection) == null || o.destroy(), this.cellSelection = null, this.element = null;
+    var t, e, n, s, o, r;
+    (t = this.cellBlocks) == null || t.deleteAllBlocks(), (e = this.resize) == null || e.destroy(), this.resize = null, (n = this.addControls) == null || n.destroy(), this.addControls = null, (s = this.rowColControls) == null || s.destroy(), this.rowColControls = null, (o = this.cellBlocks) == null || o.destroy(), this.cellBlocks = null, (r = this.cellSelection) == null || r.destroy(), this.cellSelection = null, this.element = null;
   }
   deleteRowWithCleanup(t) {
     var n;
     const e = (n = this.element) == null ? void 0 : n.firstElementChild;
-    e && pt(e, t, this.grid, this.cellBlocks);
+    e && bt(e, t, this.grid, this.cellBlocks);
   }
   deleteColumnWithCleanup(t) {
     var n;
     const e = (n = this.element) == null ? void 0 : n.firstElementChild;
-    e && (this.data.colWidths = gt(e, t, this.data.colWidths, this.grid, this.cellBlocks));
+    e && (this.data.colWidths = vt(e, t, this.data.colWidths, this.grid, this.cellBlocks));
   }
   getBlockIdsInRow(t) {
-    return Bs(this.element, this.cellBlocks, t);
+    return Ns(this.element, this.cellBlocks, t);
   }
   getBlockIdsInColumn(t) {
-    return Is(this.element, this.cellBlocks, t);
+    return Hs(this.element, this.cellBlocks, t);
   }
   initAddControls(t) {
-    var e;
-    (e = this.addControls) == null || e.destroy(), this.element && (this.addControls = new cs({
+    var n;
+    if ((n = this.addControls) == null || n.destroy(), !this.element)
+      return;
+    const e = { addedCols: 0 };
+    this.addControls = new ds({
       wrapper: this.element,
       grid: t,
+      i18n: this.api.i18n,
       onAddRow: () => {
-        var n, s;
-        this.grid.addRow(t), W(t, this.cellBlocks), ot(this.element, this.data.withHeadings), U(this.element, this.data.withHeadingColumn), this.initResize(t), (n = this.addControls) == null || n.syncRowButtonWidth(), (s = this.rowColControls) == null || s.refresh();
+        var s, o;
+        this.grid.addRow(t), V(t, this.cellBlocks), st(this.element, this.data.withHeadings), z(this.element, this.data.withHeadingColumn), this.initResize(t), (s = this.addControls) == null || s.syncRowButtonWidth(), (o = this.rowColControls) == null || o.refresh();
       },
       onAddColumn: () => {
-        var o, r, l;
-        const n = (o = this.data.colWidths) != null ? o : lt(t), s = Ft(n);
-        this.grid.addColumn(t, void 0, n), this.data.colWidths = [...n, s], W(t, this.cellBlocks), U(this.element, this.data.withHeadingColumn), this.initResize(t), (r = this.addControls) == null || r.syncRowButtonWidth(), (l = this.rowColControls) == null || l.refresh();
+        var r, l, a;
+        const s = (r = this.data.colWidths) != null ? r : J(t), o = this.data.initialColWidth !== void 0 ? Math.round(this.data.initialColWidth / 2 * 100) / 100 : yt(s);
+        this.grid.addColumn(t, void 0, s, o), this.data.colWidths = [...s, o], V(t, this.cellBlocks), z(this.element, this.data.withHeadingColumn), this.initResize(t), (l = this.addControls) == null || l.syncRowButtonWidth(), (a = this.rowColControls) == null || a.refresh();
       },
       onDragStart: () => {
-        var n, s;
-        this.resize && (this.resize.enabled = !1), (n = this.rowColControls) == null || n.hideAllGrips(), (s = this.rowColControls) == null || s.setGripsDisplay(!1);
+        var s, o;
+        this.resize && (this.resize.enabled = !1), (s = this.rowColControls) == null || s.hideAllGrips(), (o = this.rowColControls) == null || o.setGripsDisplay(!1);
       },
       onDragAddRow: () => {
-        this.grid.addRow(t), W(t, this.cellBlocks), ot(this.element, this.data.withHeadings), U(this.element, this.data.withHeadingColumn);
+        this.grid.addRow(t), V(t, this.cellBlocks), st(this.element, this.data.withHeadings), z(this.element, this.data.withHeadingColumn);
       },
       onDragRemoveRow: () => {
-        const n = this.grid.getRowCount(t);
-        n > 1 && ks(t, n - 1) && pt(t, n - 1, this.grid, this.cellBlocks);
+        const s = this.grid.getRowCount(t);
+        s > 1 && xs(t, s - 1) && bt(t, s - 1, this.grid, this.cellBlocks);
       },
       onDragAddCol: () => {
-        var o;
-        const n = (o = this.data.colWidths) != null ? o : lt(t), s = Ft(n);
-        this.grid.addColumn(t, void 0, n), this.data.colWidths = [...n, s], st(t, this.data.colWidths), W(t, this.cellBlocks), U(this.element, this.data.withHeadingColumn), this.initResize(t);
+        var r;
+        const s = (r = this.data.colWidths) != null ? r : J(t), o = this.data.initialColWidth !== void 0 ? Math.round(this.data.initialColWidth / 2 * 100) / 100 : yt(s);
+        this.grid.addColumn(t, void 0, s, o), this.data.colWidths = [...s, o], ct(t, this.data.colWidths), V(t, this.cellBlocks), z(this.element, this.data.withHeadingColumn), this.initResize(t), e.addedCols++, this.element && (this.element.scrollLeft = this.element.scrollWidth);
       },
       onDragRemoveCol: () => {
-        const n = this.grid.getColumnCount(t);
-        n <= 1 || !xs(t, n - 1) || (this.data.colWidths = gt(t, n - 1, this.data.colWidths, this.grid, this.cellBlocks), this.data.colWidths && st(t, this.data.colWidths), this.initResize(t));
+        const s = this.grid.getColumnCount(t);
+        s <= 1 || !Ts(t, s - 1) || (this.data.colWidths = vt(t, s - 1, this.data.colWidths, this.grid, this.cellBlocks), this.data.colWidths && ct(t, this.data.colWidths), this.initResize(t), e.addedCols--);
       },
       onDragEnd: () => {
-        var n, s;
-        this.initResize(t), (n = this.addControls) == null || n.syncRowButtonWidth(), (s = this.rowColControls) == null || s.refresh(), this.element && (this.element.scrollLeft = 0);
+        var s, o;
+        this.initResize(t), (s = this.addControls) == null || s.syncRowButtonWidth(), (o = this.rowColControls) == null || o.refresh(), this.element && (this.element.scrollLeft = e.addedCols > 0 ? this.element.scrollWidth : 0), e.addedCols = 0;
       }
-    }));
+    });
   }
   initRowColControls(t) {
     var e;
-    (e = this.rowColControls) == null || e.destroy(), this.element && (this.rowColControls = new Zs({
+    (e = this.rowColControls) == null || e.destroy(), this.element && (this.rowColControls = new ao({
       grid: t,
       getColumnCount: () => this.grid.getColumnCount(t),
       getRowCount: () => this.grid.getRowCount(t),
       isHeadingRow: () => this.data.withHeadings,
       isHeadingColumn: () => this.data.withHeadingColumn,
+      i18n: this.api.i18n,
       onAction: (n) => this.handleRowColAction(t, n),
       onDragStateChange: (n) => {
         var s;
@@ -3712,57 +3878,27 @@ class co {
     }));
   }
   handleRowColAction(t, e) {
-    var n, s;
-    switch (e.type) {
-      case "insert-row-above":
-        this.grid.addRow(t, e.index), W(t, this.cellBlocks), this.pendingHighlight = { type: "row", index: e.index };
-        break;
-      case "insert-row-below":
-        this.grid.addRow(t, e.index + 1), W(t, this.cellBlocks), this.pendingHighlight = { type: "row", index: e.index + 1 };
-        break;
-      case "insert-col-left":
-        this.data.colWidths = qt(t, e.index, this.data, this.grid), W(t, this.cellBlocks), this.pendingHighlight = { type: "col", index: e.index };
-        break;
-      case "insert-col-right":
-        this.data.colWidths = qt(t, e.index + 1, this.data, this.grid), W(t, this.cellBlocks), this.pendingHighlight = { type: "col", index: e.index + 1 };
-        break;
-      case "move-row":
-        this.grid.moveRow(t, e.fromIndex, e.toIndex);
-        break;
-      case "move-col":
-        this.grid.moveColumn(t, e.fromIndex, e.toIndex), this.data.colWidths = Ls(this.data.colWidths, e.fromIndex, e.toIndex);
-        break;
-      case "delete-row": {
-        pt(t, e.index, this.grid, this.cellBlocks);
-        const o = this.grid.getRowCount(t), r = e.index < o ? e.index : e.index - 1;
-        this.pendingHighlight = { type: "row", index: r };
-        break;
-      }
-      case "delete-col": {
-        this.data.colWidths = gt(t, e.index, this.data.colWidths, this.grid, this.cellBlocks), this.data.colWidths ? st(t, this.data.colWidths) : Ts(t);
-        const o = this.grid.getColumnCount(t), r = e.index < o ? e.index : e.index - 1;
-        this.pendingHighlight = { type: "col", index: r };
-        break;
-      }
-      case "toggle-heading":
-        this.data.withHeadings = !this.data.withHeadings, this.pendingHighlight = { type: "row", index: 0 };
-        break;
-      case "toggle-heading-column":
-        this.data.withHeadingColumn = !this.data.withHeadingColumn, this.pendingHighlight = { type: "col", index: 0 };
-        break;
-    }
-    ot(this.element, this.data.withHeadings), U(this.element, this.data.withHeadingColumn), this.initResize(t), (n = this.addControls) == null || n.syncRowButtonWidth(), (s = this.rowColControls) == null || s.refresh();
+    var r, l, a, c, d;
+    const n = Us(
+      t,
+      e,
+      { grid: this.grid, data: this.data, cellBlocks: this.cellBlocks }
+    );
+    if (this.data.colWidths = n.colWidths, this.data.withHeadings = n.withHeadings, this.data.withHeadingColumn = n.withHeadingColumn, this.pendingHighlight = n.pendingHighlight, st(this.element, this.data.withHeadings), z(this.element, this.data.withHeadingColumn), this.initResize(t), (r = this.addControls) == null || r.syncRowButtonWidth(), (l = this.rowColControls) == null || l.refresh(), !n.moveSelection)
+      return;
+    const { type: s, index: o } = n.moveSelection;
+    s === "row" ? (a = this.cellSelection) == null || a.selectRow(o) : (c = this.cellSelection) == null || c.selectColumn(o), (d = this.rowColControls) == null || d.setActiveGrip(s, o);
   }
   initResize(t) {
     var s, o;
     (s = this.resize) == null || s.destroy();
-    const e = this.data.colWidths === void 0, n = (o = this.data.colWidths) != null ? o : lt(t);
-    e || zt(this.element), this.resize = new Os(
+    const e = this.data.colWidths === void 0, n = (o = this.data.colWidths) != null ? o : J(t);
+    e || qt(this.element), this.resize = new Gs(
       t,
       n,
       (r) => {
         var l;
-        this.data.colWidths = r, zt(this.element), (l = this.rowColControls) == null || l.positionGrips();
+        this.data.colWidths = r, qt(this.element), (l = this.rowColControls) == null || l.positionGrips();
       },
       () => {
         var r;
@@ -3777,7 +3913,7 @@ class co {
   }
   initCellBlocks(t) {
     var e;
-    this.cellBlocks = new gs({
+    this.cellBlocks = new fs({
       api: this.api,
       gridElement: t,
       tableBlockId: (e = this.blockId) != null ? e : ""
@@ -3787,10 +3923,11 @@ class co {
     var n;
     (n = this.cellSelection) == null || n.destroy();
     const e = this.api.rectangleSelection;
-    this.cellSelection = new As({
+    this.cellSelection = new Es({
       grid: t,
       rectangleSelection: e,
       // Pass reference
+      i18n: this.api.i18n,
       onSelectionActiveChange: (s) => {
         var o, r;
         this.resize && (this.resize.enabled = !s), (o = this.addControls) == null || o.setInteractive(!s), (r = this.rowColControls) == null || r.setGripsDisplay(!s);
@@ -3804,10 +3941,10 @@ class co {
     });
   }
 }
-const z = (i) => {
+const G = (i) => {
   const t = i.tagName;
   return t === "B" || t === "STRONG";
-}, ct = (i) => !!(i && i.nodeType === Node.ELEMENT_NODE && z(i)), be = (i) => i.textContent.length === 0, M = (i) => i ? i.nodeType === Node.ELEMENT_NODE && z(i) ? G(i) : M(i.parentNode) : null, G = (i) => {
+}, ht = (i) => !!(i && i.nodeType === Node.ELEMENT_NODE && G(i)), be = (i) => i.textContent.length === 0, N = (i) => i ? i.nodeType === Node.ELEMENT_NODE && G(i) ? _(i) : N(i.parentNode) : null, _ = (i) => {
   if (i.tagName === "STRONG")
     return i;
   const t = document.createElement("strong");
@@ -3816,7 +3953,7 @@ const z = (i) => {
   }); i.firstChild; )
     t.appendChild(i.firstChild);
   return i.replaceWith(t), t;
-}, no = (i) => {
+}, go = (i) => {
   const t = i.nextSibling;
   if ((t == null ? void 0 : t.nodeType) === Node.TEXT_NODE)
     return t;
@@ -3825,20 +3962,20 @@ const z = (i) => {
     return null;
   const n = i.ownerDocument.createTextNode("");
   return e.insertBefore(n, t), n;
-}, so = (i) => {
+}, fo = (i) => {
   if (!i.boldElement.isConnected)
     return null;
-  const t = G(i.boldElement), e = i.boundary, s = e.isConnected && e.previousSibling === t ? e : no(t);
+  const t = _(i.boldElement), e = i.boundary, s = e.isConnected && e.previousSibling === t ? e : go(t);
   return s ? {
     boundary: s,
     boldElement: t
   } : null;
-}, vt = (i, t) => i ? i === t || t.contains(i) : !1, S = {
+}, wt = (i, t) => i ? i === t || t.contains(i) : !1, S = {
   COLLAPSED_LENGTH: "data-blok-bold-collapsed-length",
   COLLAPSED_ACTIVE: "data-blok-bold-collapsed-active",
   PREV_LENGTH: "data-blok-bold-prev-length",
   LEADING_WHITESPACE: "data-blok-bold-leading-ws"
-}, R = class R {
+}, L = class L {
   constructor() {
     this.records = /* @__PURE__ */ new Set();
   }
@@ -3846,13 +3983,13 @@ const z = (i) => {
    * Get the singleton instance
    */
   static getInstance() {
-    return R.instance || (R.instance = new R()), R.instance;
+    return L.instance || (L.instance = new L()), L.instance;
   }
   /**
    * Reset the singleton instance (for testing)
    */
   static reset() {
-    R.instance && R.instance.records.clear(), R.instance = null;
+    L.instance && L.instance.records.clear(), L.instance = null;
   }
   /**
    * Check if there are any active exit records
@@ -3921,7 +4058,7 @@ const z = (i) => {
    * @param boldElement - The bold element to exit from
    */
   exit(t, e) {
-    const n = G(e), s = n.parentNode;
+    const n = _(e), s = n.parentNode;
     if (s)
       return be(n) ? this.removeEmptyBoldElement(t, n, s) : this.exitBoldWithContent(t, n, s);
   }
@@ -3951,7 +4088,7 @@ const z = (i) => {
   maintain() {
     if (typeof document != "undefined")
       for (const t of Array.from(this.records)) {
-        const e = so(t);
+        const e = fo(t);
         if (!e) {
           this.records.delete(t);
           continue;
@@ -3977,8 +4114,8 @@ const z = (i) => {
   checkForRecordDeletion(t) {
     const { boundary: e, boldElement: n, allowedLength: s } = t, o = e.textContent, r = o.replace(/\u200B/g, ""), l = o.startsWith("​"), a = /^\s/.test(r), c = t.hasTypedContent && !l && n.textContent.length <= s, d = t.hasLeadingSpace && t.hasTypedContent && !a;
     if (c && d) {
-      const h = o.replace(/^[\u200B\s]+/, ""), u = t.leadingWhitespace || " ";
-      e.textContent = `${u}${h}`;
+      const h = o.replace(/^[\u200B\s]+/, ""), p = t.leadingWhitespace || " ";
+      e.textContent = `${p}${h}`;
     }
     c && this.records.delete(t);
   }
@@ -3988,33 +4125,33 @@ const z = (i) => {
    */
   synchronize(t) {
     var r, l;
-    const e = (r = t == null ? void 0 : t.anchorNode) != null ? r : t == null ? void 0 : t.focusNode, n = e && e.nodeType === Node.ELEMENT_NODE ? e : e == null ? void 0 : e.parentElement, s = (l = n == null ? void 0 : n.closest(O(E.editor))) != null ? l : n == null ? void 0 : n.ownerDocument;
+    const e = (r = t == null ? void 0 : t.anchorNode) != null ? r : t == null ? void 0 : t.focusNode, n = e && e.nodeType === Node.ELEMENT_NODE ? e : e == null ? void 0 : e.parentElement, s = (l = n == null ? void 0 : n.closest(H(E.editor))) != null ? l : n == null ? void 0 : n.ownerDocument;
     if (!s)
       return;
     const o = `strong[${S.COLLAPSED_ACTIVE}="true"]`;
     s.querySelectorAll(o).forEach((a) => {
-      var At;
+      var kt;
       const c = a.getAttribute(S.PREV_LENGTH), d = a.previousSibling;
       if (!c || !d || d.nodeType !== Node.TEXT_NODE)
         return;
       const h = Number(c);
       if (!Number.isFinite(h))
         return;
-      const u = d, f = u.textContent;
-      if (f.length <= h)
+      const p = d, m = p.textContent;
+      if (m.length <= h)
         return;
-      const m = f.slice(0, h), y = f.slice(h);
-      u.textContent = m;
+      const f = m.slice(0, h), y = m.slice(h);
+      p.textContent = f;
       const b = y.match(/^[\u00A0\s]+/);
       if (b && !a.hasAttribute(S.LEADING_WHITESPACE) && a.setAttribute(S.LEADING_WHITESPACE, b[0]), y.length === 0)
         return;
-      const I = a.textContent, D = I + y, N = (At = a.getAttribute(S.LEADING_WHITESPACE)) != null ? At : "", T = N.length > 0 && I.length === 0 && !D.startsWith(N) ? N + D : D, _ = document.createTextNode(T);
+      const B = a.textContent, I = B + y, D = (kt = a.getAttribute(S.LEADING_WHITESPACE)) != null ? kt : "", W = D.length > 0 && B.length === 0 && !I.startsWith(D) ? D + I : I, $ = document.createTextNode(W);
       for (; a.firstChild; )
         a.removeChild(a.firstChild);
-      if (a.appendChild(_), !(t != null && t.isCollapsed) || !vt(t.focusNode, u))
+      if (a.appendChild($), !(t != null && t.isCollapsed) || !wt(t.focusNode, p))
         return;
-      const H = document.createRange(), J = _.textContent.length;
-      H.setStart(_, J), H.collapse(!0), t.removeAllRanges(), t.addRange(H);
+      const Z = document.createRange(), Ee = $.textContent.length;
+      Z.setStart($, Ee), Z.collapse(!0), t.removeAllRanges(), t.addRange(Z);
     });
   }
   /**
@@ -4026,27 +4163,27 @@ const z = (i) => {
     const e = (r = t == null ? void 0 : t.anchorNode) != null ? r : t == null ? void 0 : t.focusNode;
     if (!e)
       return;
-    const n = e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement, s = n == null ? void 0 : n.closest(O(E.editor));
+    const n = e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement, s = n == null ? void 0 : n.closest(H(E.editor));
     if (!s)
       return;
     s.querySelectorAll(`strong[${S.COLLAPSED_LENGTH}]`).forEach((l) => {
-      var N, P;
+      var D, M;
       const a = l.getAttribute(S.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, f = l.getAttribute(S.PREV_LENGTH), m = f ? Number(f) : NaN, y = l.previousSibling, b = (y == null ? void 0 : y.nodeType) === Node.TEXT_NODE ? y : null, I = (N = b == null ? void 0 : b.textContent) != null ? N : "", D = !!(f && Number.isFinite(m) && b && I.length > m);
-      if (D && b) {
-        const T = I.slice(0, m), _ = I.slice(m);
-        b.textContent = T;
-        const H = document.createTextNode(_);
-        (P = l.parentNode) == null || P.insertBefore(H, l.nextSibling);
+      const h = d.length > c, p = h ? this.splitCollapsedBoldText(l, c, d) : null, m = l.getAttribute(S.PREV_LENGTH), f = m ? Number(m) : NaN, y = l.previousSibling, b = (y == null ? void 0 : y.nodeType) === Node.TEXT_NODE ? y : null, B = (D = b == null ? void 0 : b.textContent) != null ? D : "", I = !!(m && Number.isFinite(f) && b && B.length > f);
+      if (I && b) {
+        const W = B.slice(0, f), $ = B.slice(f);
+        b.textContent = W;
+        const Z = document.createTextNode($);
+        (M = l.parentNode) == null || M.insertBefore(Z, l.nextSibling);
       }
-      if (D && l.removeAttribute(S.PREV_LENGTH), t != null && t.isCollapsed && u && vt(t.focusNode, l)) {
-        const T = document.createRange(), _ = u.textContent.length;
-        T.setStart(u, _), T.collapse(!0), t.removeAllRanges(), t.addRange(T);
+      if (I && l.removeAttribute(S.PREV_LENGTH), t != null && t.isCollapsed && p && wt(t.focusNode, l)) {
+        const W = document.createRange(), $ = p.textContent.length;
+        W.setStart(p, $), W.collapse(!0), t.removeAllRanges(), t.addRange(W);
       }
       h && l.removeAttribute(S.COLLAPSED_LENGTH);
     });
@@ -4106,7 +4243,7 @@ const z = (i) => {
     const e = t.getRangeAt(0);
     if (!e.collapsed)
       return;
-    const n = M(e.startContainer);
+    const n = N(e.startContainer);
     (n == null ? void 0 : n.getAttribute(S.COLLAPSED_ACTIVE)) !== "true" && (this.moveCaretFromElementContainer(t, e) || this.moveCaretFromTextContainer(t, e));
   }
   /**
@@ -4165,7 +4302,7 @@ const z = (i) => {
       this.setCaret(t, n, o.length);
       return;
     }
-    const l = M(n);
+    const l = N(n);
     if (!l || e.startOffset !== n.textContent.length)
       return;
     const a = this.ensureFollowingTextNode(l, l.nextSibling);
@@ -4211,22 +4348,22 @@ const z = (i) => {
     return e.tagName === "STRONG" || e.tagName === "B";
   }
 };
-R.instance = null;
-let A = R;
-const oo = {
+L.instance = null;
+let A = L;
+const mo = {
   convertLegacyTags: !0,
   normalizeWhitespace: !0,
   removeEmpty: !0,
   mergeAdjacent: !0,
   preserveNode: null
 };
-class x {
+class R {
   /**
    * Create a new normalization pass with specified options
    * @param options - Configuration for the normalization pass
    */
   constructor(t) {
-    this.options = L(L({}, oo), t);
+    this.options = x(x({}, mo), t);
   }
   /**
    * Run normalization on a scoped element
@@ -4244,10 +4381,10 @@ class x {
    * @param options - Optional normalization configuration
    */
   static normalizeAroundSelection(t, e) {
-    const n = x.findScopeFromSelection(t);
+    const n = R.findScopeFromSelection(t);
     if (!n)
       return;
-    new x(e).run(n);
+    new R(e).run(n);
   }
   /**
    * Phase 1: Traverse the scope and normalize text nodes while collecting elements
@@ -4292,7 +4429,7 @@ class x {
   processCollectedElements(t, e) {
     this.options.convertLegacyTags && t.forEach((n) => {
       if (n.isConnected) {
-        const s = G(n);
+        const s = _(n);
         e.push(s);
       }
     }), e.forEach((n) => {
@@ -4322,7 +4459,7 @@ class x {
    * @returns true if the element is empty and doesn't contain the preserved node
    */
   isEmptyAndSafe(t) {
-    return !(t.textContent.length === 0) || A.getInstance().isActivePlaceholder(t) ? !1 : !(this.options.preserveNode && vt(this.options.preserveNode, t));
+    return !(t.textContent.length === 0) || A.getInstance().isActivePlaceholder(t) ? !1 : !(this.options.preserveNode && wt(this.options.preserveNode, t));
   }
   /**
    * Merge a <strong> element with adjacent <strong> siblings
@@ -4330,12 +4467,12 @@ class x {
    */
   mergeWithAdjacent(t) {
     const e = t.previousSibling;
-    if (e && ct(e)) {
+    if (e && ht(e)) {
       this.mergeStrongNodes(e, t);
       return;
     }
     const n = t.nextSibling;
-    n && ct(n) && this.mergeStrongNodes(t, n);
+    n && ht(n) && this.mergeStrongNodes(t, n);
   }
   /**
    * Merge two <strong> elements by moving children from right to left
@@ -4343,7 +4480,7 @@ class x {
    * @param right - The right strong element to merge from
    */
   mergeStrongNodes(t, e) {
-    const n = G(t), s = G(e);
+    const n = _(t), s = _(e);
     for (; s.firstChild; )
       n.appendChild(s.firstChild);
     s.remove();
@@ -4361,11 +4498,11 @@ class x {
     const n = e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement;
     if (!n)
       return null;
-    const s = (l = n.closest('[data-blok-component="paragraph"]')) != null ? l : n.closest(O(E.elementContent));
-    return s || n.closest(O(E.editor));
+    const s = (l = n.closest('[data-blok-component="paragraph"]')) != null ? l : n.closest(H(E.elementContent));
+    return s || n.closest(H(E.editor));
   }
 }
-const k = class k {
+const T = class T {
   constructor() {
     this.handlers = /* @__PURE__ */ new Map(), this.listenersRegistered = !1, this.handleSelectionChange = () => {
       const t = this.getSelection();
@@ -4398,13 +4535,13 @@ const k = class k {
    * Get the singleton instance
    */
   static getInstance() {
-    return k.instance || (k.instance = new k()), k.instance;
+    return T.instance || (T.instance = new T()), T.instance;
   }
   /**
    * Reset the singleton instance (for testing)
    */
   static reset() {
-    k.instance && (k.instance.removeListeners(), k.instance.handlers.clear()), k.instance = null;
+    T.instance && (T.instance.removeListeners(), T.instance.handlers.clear()), T.instance = null;
   }
   /**
    * Register a handler for an inline tool
@@ -4456,9 +4593,9 @@ const k = class k {
     return !(e.meta && !o || e.ctrl && !t.ctrlKey);
   }
 };
-k.instance = null;
-let St = k;
-const io = (i, t) => {
+T.instance = null;
+let At = T;
+const Co = (i, t) => {
   try {
     return i.intersectsNode(t);
   } catch (e) {
@@ -4471,21 +4608,21 @@ const io = (i, t) => {
   i.commonAncestorContainer,
   NodeFilter.SHOW_TEXT,
   {
-    acceptNode: (t) => io(i, t) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT
+    acceptNode: (t) => Co(i, t) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT
   }
-), Z = (i, t) => i ? i.nodeType === Node.ELEMENT_NODE && t(i) ? i : Z(i.parentNode, t) : null, Se = (i, t) => Z(i, t) !== null, we = (i, t, e = {}) => {
+), Y = (i, t) => i ? i.nodeType === Node.ELEMENT_NODE && t(i) ? i : Y(i.parentNode, t) : null, Se = (i, t) => Y(i, t) !== null, we = (i, t, e = {}) => {
   if (i.collapsed)
-    return Z(i.startContainer, t) !== null;
+    return Y(i.startContainer, t) !== null;
   const n = ve(i), s = [];
   for (; n.nextNode(); ) {
     const o = n.currentNode, r = o.textContent;
     e.ignoreWhitespace && r.trim().length === 0 || r.length !== 0 && s.push(o);
   }
-  return s.length === 0 ? Z(i.startContainer, t) !== null : s.every((o) => Se(o, t));
+  return s.length === 0 ? Y(i.startContainer, t) !== null : s.every((o) => Se(o, t));
 }, Ae = (i, t) => {
   const e = /* @__PURE__ */ new Set(), n = ve(i);
   for (; n.nextNode(); ) {
-    const s = Z(n.currentNode, t);
+    const s = Y(n.currentNode, t);
     s && e.add(s);
   }
   return Array.from(e);
@@ -4513,7 +4650,7 @@ const io = (i, t) => {
   static initializeGlobalListeners() {
     if (typeof document == "undefined")
       return !1;
-    const t = St.getInstance();
+    const t = At.getInstance();
     return t.hasHandler("bold") || (t.register("bold", {
       shortcut: { key: "b", meta: !0 },
       onShortcut: (e, n) => {
@@ -4526,7 +4663,7 @@ const io = (i, t) => {
       onInput: (e, n) => {
         C.refreshSelectionState("input");
       },
-      onBeforeInput: (e) => e.inputType !== "formatBold" ? !1 : (x.normalizeAroundSelection(window.getSelection()), !0),
+      onBeforeInput: (e) => e.inputType !== "formatBold" ? !1 : (R.normalizeAroundSelection(window.getSelection()), !0),
       isRelevant: (e) => C.isSelectionInsideBlok(e)
     }), C.guardKeydownListenerRegistered || (document.addEventListener("keydown", (e) => {
       A.getInstance().guardBoundaryKeydown(e);
@@ -4538,7 +4675,7 @@ const io = (i, t) => {
    * @param right - The right strong element to merge from
    */
   static mergeStrongNodes(t, e) {
-    const n = G(t), s = G(e);
+    const n = _(t), s = _(e);
     for (; s.firstChild; )
       n.appendChild(s.firstChild);
     return s.remove(), n;
@@ -4548,7 +4685,7 @@ const io = (i, t) => {
    */
   render() {
     return {
-      icon: je,
+      icon: Xe,
       name: "bold",
       onActivate: () => {
         this.toggleBold();
@@ -4592,11 +4729,11 @@ const io = (i, t) => {
     s && n && (s.removeAllRanges(), s.addRange(n));
     const o = this.findBoldElementFromRangeOrSelection(n, s);
     if (!o) {
-      x.normalizeAroundSelection(s), this.notifySelectionChange();
+      R.normalizeAroundSelection(s), this.notifySelectionChange();
       return;
     }
     const r = this.mergeAdjacentBold(o);
-    this.selectElementContents(r), x.normalizeAroundSelection(s), this.notifySelectionChange();
+    this.selectElementContents(r), R.normalizeAroundSelection(s), this.notifySelectionChange();
   }
   /**
    * Remove bold tags (<strong>) while preserving content
@@ -4610,7 +4747,7 @@ const io = (i, t) => {
     s.setAttribute("data-blok-bold-marker", `unwrap-${C.markerSequence++}`), s.appendChild(o), this.removeNestedBold(s), t.insertNode(s);
     const r = document.createRange();
     for (r.selectNodeContents(s), n.removeAllRanges(), n.addRange(r); ; ) {
-      const d = M(s);
+      const d = N(s);
       if (!d)
         break;
       this.moveMarkerOutOfBold(s, d);
@@ -4619,7 +4756,7 @@ const io = (i, t) => {
     this.unwrapElement(s), (l && a ? (() => {
       const d = document.createRange();
       return d.setStartBefore(l), d.setEndAfter(a), n.removeAllRanges(), n.addRange(d), d;
-    })() : void 0) || n.removeAllRanges(), x.normalizeAroundSelection(n), e.forEach((d) => {
+    })() : void 0) || n.removeAllRanges(), R.normalizeAroundSelection(n), e.forEach((d) => {
       be(d) && d.remove();
     }), this.notifySelectionChange();
   }
@@ -4685,7 +4822,7 @@ const io = (i, t) => {
    * @param options.ignoreWhitespace - Whether to ignore whitespace-only text nodes
    */
   isRangeBold(t, e) {
-    return we(t, z, e);
+    return we(t, G, e);
   }
   /**
    * Remove nested bold tags from a root node
@@ -4717,20 +4854,20 @@ const io = (i, t) => {
    */
   findBoldElementFromRangeOrSelection(t, e) {
     if (!t)
-      return e ? M(e.focusNode) : null;
-    const n = M(t.startContainer);
+      return e ? N(e.focusNode) : null;
+    const n = N(t.startContainer);
     if (n)
       return n;
-    const s = M(t.commonAncestorContainer);
-    return s || (t.startContainer.nodeType === Node.ELEMENT_NODE && z(t.startContainer) ? t.startContainer : null);
+    const s = N(t.commonAncestorContainer);
+    return s || (t.startContainer.nodeType === Node.ELEMENT_NODE && G(t.startContainer) ? t.startContainer : null);
   }
   /**
    * Merge adjacent bold elements into a single element
    * @param element - The bold element to merge with adjacent elements
    */
   mergeAdjacentBold(t) {
-    const e = G(t), n = e.previousSibling, s = n && n.nodeType === Node.ELEMENT_NODE && z(n) ? C.mergeStrongNodes(n, e) : e, o = s.nextSibling;
-    return o && o.nodeType === Node.ELEMENT_NODE && z(o) ? C.mergeStrongNodes(s, o) : s;
+    const e = _(t), n = e.previousSibling, s = n && n.nodeType === Node.ELEMENT_NODE && G(n) ? C.mergeStrongNodes(n, e) : e, o = s.nextSibling;
+    return o && o.nodeType === Node.ELEMENT_NODE && G(o) ? C.mergeStrongNodes(s, o) : s;
   }
   /**
    * Toggle bold formatting for a collapsed selection (caret position)
@@ -4740,13 +4877,13 @@ const io = (i, t) => {
     const t = window.getSelection();
     if (!t || t.rangeCount === 0)
       return;
-    const e = t.getRangeAt(0), n = M(e.startContainer), s = (() => {
+    const e = t.getRangeAt(0), n = N(e.startContainer), s = (() => {
       if (n && n.getAttribute(A.ATTR.COLLAPSED_ACTIVE) !== "true")
         return A.getInstance().exit(t, n);
       const o = n != null ? n : C.getBoundaryBold(e);
       return o ? A.getInstance().exit(t, o) : this.startCollapsedBold(e);
     })();
-    document.dispatchEvent(new Event("selectionchange")), s && (t.removeAllRanges(), t.addRange(s)), x.normalizeAroundSelection(t), this.notifySelectionChange();
+    document.dispatchEvent(new Event("selectionchange")), s && (t.removeAllRanges(), t.addRange(s)), R.normalizeAroundSelection(t), this.notifySelectionChange();
   }
   /**
    * Insert a bold wrapper at the caret so newly typed text becomes bold
@@ -4754,7 +4891,7 @@ const io = (i, t) => {
    */
   startCollapsedBold(t) {
     const n = A.getInstance().enter(t, (o) => this.mergeAdjacentBold(o)), s = window.getSelection();
-    return x.normalizeAroundSelection(s), s && n && (s.removeAllRanges(), s.addRange(n)), this.notifySelectionChange(), n;
+    return R.normalizeAroundSelection(s), s && n && (s.removeAllRanges(), s.addRange(n)), this.notifySelectionChange(), n;
   }
   /**
    * Notify listeners that the selection state has changed
@@ -4769,7 +4906,7 @@ const io = (i, 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, s = n == null ? void 0 : n.closest(O(E.editor));
+    const e = t.anchorNode, n = (e == null ? void 0 : e.nodeType) === Node.ELEMENT_NODE ? e : e == null ? void 0 : e.parentElement, s = n == null ? void 0 : n.closest(H(E.editor));
     if (!s)
       return;
     const o = s.querySelector("[data-blok-testid=inline-toolbar]");
@@ -4786,7 +4923,7 @@ const io = (i, t) => {
    */
   static refreshSelectionState(t) {
     const e = window.getSelection();
-    A.getInstance().enforceLengths(e), A.getInstance().maintain(), A.getInstance().synchronize(e), x.normalizeAroundSelection(e, { normalizeWhitespace: !1 }), t === "input" && e && A.getInstance().moveCaretAfterBoundaryBold(e);
+    A.getInstance().enforceLengths(e), A.getInstance().maintain(), A.getInstance().synchronize(e), R.normalizeAroundSelection(e, { normalizeWhitespace: !1 }), t === "input" && e && A.getInstance().moveCaretAfterBoundaryBold(e);
   }
   /**
    * Ensure mutation observer is registered to convert legacy <b> tags
@@ -4799,7 +4936,7 @@ const io = (i, t) => {
         C.isProcessingMutation = !0;
         try {
           const n = (s) => {
-            s && new x({ mergeAdjacent: !1, removeEmpty: !1, normalizeWhitespace: !1 }).run(s);
+            s && new R({ mergeAdjacent: !1, removeEmpty: !1, normalizeWhitespace: !1 }).run(s);
           };
           e.forEach((s) => {
             s.addedNodes.forEach((o) => {
@@ -4824,7 +4961,7 @@ const io = (i, t) => {
    */
   static findBlokScopeFromNode(t) {
     const e = t.nodeType === Node.ELEMENT_NODE ? t : t.parentElement;
-    return !e || typeof e.closest != "function" ? null : e.closest(`${O(E.interface)}, ${O(E.editor)}`);
+    return !e || typeof e.closest != "function" ? null : e.closest(`${H(E.interface)}, ${H(E.editor)}`);
   }
   /**
    * Get a bold element at the boundary of a collapsed range
@@ -4842,11 +4979,11 @@ const io = (i, t) => {
   static getBoundaryBoldForText(t, e) {
     const n = e.textContent.length;
     if (t.startOffset === n)
-      return M(e);
+      return N(e);
     if (t.startOffset !== 0)
       return null;
     const s = e.previousSibling;
-    return ct(s) ? s : null;
+    return ht(s) ? s : null;
   }
   /**
    * Get boundary bold when caret container is an element
@@ -4857,7 +4994,7 @@ const io = (i, t) => {
     if (t.startOffset <= 0)
       return null;
     const n = e.childNodes[t.startOffset - 1];
-    return ct(n) ? n : null;
+    return ht(n) ? n : null;
   }
   /**
    * Check if a selection is inside the blok
@@ -4868,7 +5005,7 @@ const io = (i, t) => {
     if (!e)
       return !1;
     const n = e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement;
-    return !!(n != null && n.closest(O(E.editor)));
+    return !!(n != null && n.closest(H(E.editor)));
   }
   /**
    * Get HTML content of a range with bold tags removed
@@ -4893,15 +5030,15 @@ const io = (i, t) => {
    * @param range - The range to search for bold ancestors
    */
   collectBoldAncestors(t) {
-    return Ae(t, z);
+    return Ae(t, G);
   }
 };
 C.isInline = !0, C.title = "Bold", C.titleKey = "bold", C.markerSequence = 0, C.isProcessingMutation = !1, C.instances = /* @__PURE__ */ new Set(), C.guardKeydownListenerRegistered = !1, C.shortcut = "CMD+B";
-let Zt = C;
-const rt = (i) => {
+let Yt = C;
+const at = (i) => {
   const t = i.tagName;
   return t === "I" || t === "EM";
-}, j = class j {
+}, U = class U {
   /**
    * Sanitizer Rule
    * Leave <i> and <em> tags
@@ -4918,7 +5055,7 @@ const rt = (i) => {
    */
   render() {
     return {
-      icon: Xe,
+      icon: Ye,
       name: "italic",
       onActivate: () => {
         this.toggleItalic();
@@ -4977,7 +5114,7 @@ const rt = (i) => {
    * @param options - Options for checking italic status
    */
   isRangeItalic(t, e) {
-    return we(t, rt, e);
+    return we(t, at, e);
   }
   /**
    * Wrap selection with <i> tag
@@ -5017,21 +5154,21 @@ const rt = (i) => {
    * @param node - The node to check
    */
   hasItalicParent(t) {
-    return Se(t, rt);
+    return Se(t, at);
   }
   /**
    * Find an italic element in the parent chain
    * @param node - The node to start searching from
    */
   findItalicElement(t) {
-    return Z(t, rt);
+    return Y(t, at);
   }
   /**
    * Collect all italic ancestor elements within a range
    * @param range - The range to search for italic ancestors
    */
   collectItalicAncestors(t) {
-    return Ae(t, rt);
+    return Ae(t, at);
   }
   /**
    * Get HTML content of a range with italic tags removed
@@ -5118,9 +5255,9 @@ const rt = (i) => {
     n.insertBefore(l, e.nextSibling), n.insertBefore(t, l);
   }
 };
-j.isInline = !0, j.title = "Italic", j.titleKey = "italic", j.shortcut = "CMD+I";
-let Jt = j;
-const X = class X {
+U.isInline = !0, U.title = "Italic", U.titleKey = "italic", U.shortcut = "CMD+I";
+let Zt = U;
+const K = class K {
   /**
    * @param api - Blok API
    */
@@ -5155,7 +5292,7 @@ const X = class X {
    */
   render() {
     return {
-      icon: Ye,
+      icon: Ze,
       name: "link",
       isActive: () => !!this.selection.findParentTag("A"),
       children: {
@@ -5163,7 +5300,7 @@ const X = class X {
         width: "200px",
         items: [
           {
-            type: F.Html,
+            type: q.Html,
             // Input is created in constructor, so it's always available here
             element: this.nodes.input
           }
@@ -5214,7 +5351,7 @@ const X = class X {
    */
   getButtonElement() {
     const t = document.querySelector(
-      `${O(E.interface, Je)} [data-blok-item-name="link"]`
+      `${H(E.interface, Qe)} [data-blok-item-name="link"]`
     );
     return t && t !== this.nodes.button && (t.addEventListener("click", this.handleButtonClick, !0), this.nodes.button = t), t;
   }
@@ -5271,7 +5408,7 @@ const X = class X {
       this.notifier.show({
         message: this.i18n.t("tools.link.invalidLink"),
         style: "error"
-      }), Ze("Incorrect Link pasted", "warn", e);
+      }), Je("Incorrect Link pasted", "warn", e);
       return;
     }
     const n = this.prepareLink(e);
@@ -5348,27 +5485,27 @@ const X = class X {
     t && t.setAttribute(e, n ? "true" : "false");
   }
 };
-X.isInline = !0, X.title = "Link", X.titleKey = "link", X.shortcut = "CMD+K";
-let Qt = X;
-const ho = {
+K.isInline = !0, K.title = "Link", K.titleKey = "link", K.shortcut = "CMD+K";
+let Jt = K;
+const wo = {
   paragraph: { preserveBlank: !0 },
   header: {},
   list: {},
   table: {}
-}, uo = {
+}, Ao = {
   bold: {},
   italic: {},
   link: {}
 };
 export {
-  Zt as Bold,
-  fo as Convert,
-  Bt as Header,
-  Jt as Italic,
-  Qt as Link,
-  ao as List,
-  Rt as Paragraph,
-  co as Table,
-  ho as defaultBlockTools,
-  uo as defaultInlineTools
+  Yt as Bold,
+  xo as Convert,
+  It as Header,
+  Zt as Italic,
+  Jt as Link,
+  vo as List,
+  Bt as Paragraph,
+  So as Table,
+  wo as defaultBlockTools,
+  Ao as defaultInlineTools
 };