@jackuait/blok 0.10.0-beta.16 → 0.10.0-beta.18

package/dist/chunks/{tools-Dt2I14vP.mjs → tools-QLa-0Rbm.mjs}

@@ -1,6 +1,6 @@
-import { $ as e, $n as t, $t as n, A as r, B as i, Bt as a, Cn as o, Ct as s, D as c, Dt as l, Et as u, F as d, Ft as f, G as p, H as m, Ht as h, I as g, It as _, J as v, K as y, L as b, Lt as x, M as ee, Mt as te, N as ne, Nt as S, O as re, Ot as ie, P as ae, Pt as oe, Q as se, Qt as C, R as ce, Rt as le, St as ue, Tt as de, U as fe, Ut as pe, V as me, Vt as he, W as ge, Wt as _e, X as ve, Y as ye, Z as be, Zt as xe, _t as Se, a as Ce, at as we, bt as Te, c as Ee, cn as De, ct as Oe, d as ke, dt as Ae, en as je, er as w, et as Me, f as Ne, g as Pe, gt as Fe, h as Ie, ht as Le, i as Re, in as ze, it as Be, j as Ve, jt as He, kt as Ue, l as We, lt as Ge, mt as Ke, n as qe, nt as Je, o as Ye, ot as Xe, p as Ze, pt as Qe, q as $e, qn as et, qt as tt, r as nt, rn as T, rt, s as it, sn as at, st as ot, t as st, tt as ct, u as E, ut as lt, v as ut, wt as dt, xt as ft, yt as pt, z as mt, zt as ht } from "./constants-BURnHRy_.mjs";
-import { t as D } from "./objectSpread2-CWwMYL_U.mjs";
-import { n as O } from "./tw-CqxBf-1Y.mjs";
+import { $ as e, $t as t, At as n, B as r, Bt as i, Ct as a, D as o, Dt as s, Et as c, F as l, Ft as u, G as d, Gt as f, H as p, Ht as m, I as h, It as g, J as ee, K as _, Kt as v, L as y, Lt as b, M as te, N as ne, Nt as re, O as ie, Ot as x, P as ae, Pt as oe, Q as S, R as C, Rt as se, St as ce, Tn as le, Tt as ue, U as de, Ut as fe, V as pe, Vt as me, W as he, Wt as ge, X as _e, Y as ve, Yn as ye, Yt as be, Z as xe, _t as Se, a as Ce, an as w, at as we, c as Te, ct as Ee, d as De, dt as Oe, en as T, et as ke, f as Ae, ft as je, g as Me, gt as Ne, h as Pe, ht as Fe, i as Ie, it as Le, j as Re, jt as ze, k as Be, kt as Ve, l as He, ln as Ue, lt as We, n as Ge, nn as Ke, nr as E, nt as qe, o as Je, on as Ye, ot as Xe, p as Ze, pt as Qe, q as $e, r as et, rt as tt, s as nt, st as rt, t as it, tn as at, tr as D, tt as ot, u as O, un as st, ut as ct, v as lt, vt as ut, wt as dt, xt as ft, yt as pt, z as mt, zt as ht } from "./constants-B0Vnu9kC.mjs";
+import { t as k } from "./objectSpread2-CWwMYL_U.mjs";
+import { n as A } from "./tw-CqxBf-1Y.mjs";
 //#region src/components/utils/html.ts
 var gt = (e) => {
 	if (!e || !e.includes("data-blok-fake-background")) return e;
@@ -12,7 +12,7 @@ var gt = (e) => {
 			t.removeChild(e);
 		}
 	}), t.innerHTML;
-}, k = [
+}, _t = [
 	"empty:before:pointer-events-none",
 	"empty:before:text-gray-text",
 	"empty:before:cursor-text",
@@ -21,7 +21,7 @@ var gt = (e) => {
 	"data-[blok-empty=true]:before:text-gray-text",
 	"data-[blok-empty=true]:before:cursor-text",
 	"data-[blok-empty=true]:before:content-[attr(data-placeholder)]"
-], _t = [
+], vt = [
 	"empty:before:pointer-events-none",
 	"empty:before:text-gray-text",
 	"empty:before:cursor-text",
@@ -30,7 +30,7 @@ var gt = (e) => {
 	"data-[empty=true]:before:text-gray-text",
 	"data-[empty=true]:before:cursor-text",
 	"data-[empty=true]:before:content-[attr(data-blok-placeholder-active)]"
-], vt = [
+], yt = [
 	"empty:focus:before:pointer-events-none",
 	"empty:focus:before:text-gray-text",
 	"empty:focus:before:cursor-text",
@@ -39,7 +39,7 @@ var gt = (e) => {
 	"[&[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)]"
-], yt = [
+], bt = [
 	"empty:in-data-[blok-empty=true]:before:pointer-events-none",
 	"empty:in-data-[blok-empty=true]:before:text-gray-text",
 	"empty:in-data-[blok-empty=true]:before:cursor-text",
@@ -48,29 +48,29 @@ var gt = (e) => {
 	"[[data-blok-empty=true]_&[data-empty=true]]:before:text-gray-text",
 	"[[data-blok-empty=true]_&[data-empty=true]]:before:cursor-text",
 	"[[data-blok-empty=true]_&[data-empty=true]]:before:content-[attr(data-blok-placeholder-active)]"
-], bt = (e) => {
+], xt = (e) => {
 	let t = e.innerHTML.trim();
 	return t === "" || t === "<br>";
-}, xt = (e) => {
+}, St = (e) => {
 	e.innerHTML === "<br>" && (e.innerHTML = "");
 	let t = window.getSelection();
 	if (!t) return;
 	let n = document.createRange();
 	n.selectNodeContents(e), n.collapse(!0), t.removeAllRanges(), t.addRange(n);
-}, St = (e) => {
-	bt(e) && xt(e);
-}, A = (e, t, n = "data-placeholder") => {
+}, Ct = (e) => {
+	xt(e) && St(e);
+}, j = (e, t, n = "data-placeholder") => {
 	e.setAttribute(n, t == null ? "" : t);
-	let r = () => St(e);
+	let r = () => Ct(e);
 	return e.addEventListener("focus", r), () => {
 		e.removeEventListener("focus", r), e.removeAttribute(n);
 	};
-}, Ct, wt = (e) => {
+}, wt, Tt = (e) => {
 	let t = document.createElement("div");
 	t.innerHTML = e.trim();
 	let n = document.createDocumentFragment();
 	return n.append(...Array.from(t.childNodes)), n;
-}, Tt = class e {
+}, Et = class e {
 	static get DEFAULT_PLACEHOLDER() {
 		return "tools.paragraph.placeholder";
 	}
@@ -88,21 +88,21 @@ var gt = (e) => {
 		return this._styles.size && (e.fontSize = this._styles.size), this._styles.lineHeight && (e.lineHeight = this._styles.lineHeight), this._styles.marginTop && (e.marginTop = this._styles.marginTop), this._styles.marginBottom && (e.marginBottom = this._styles.marginBottom), e;
 	}
 	drawView() {
-		let n = document.createElement("DIV");
-		n.className = O(this.api.styles.block, e.WRAPPER_CLASSES, vt, yt), n.setAttribute(t.tool, "paragraph"), n.contentEditable = "false";
-		let r = this.buildInlineStyles();
-		return Object.keys(r).length > 0 && Object.assign(n.style, r), this._data.text ? n.innerHTML = this._data.text : this.readOnly && (n.innerHTML = "<br>"), this.readOnly || (n.contentEditable = "true", n.addEventListener("keyup", this.onKeyUp), this.placeholderCleanup = A(n, this.api.i18n.t(this._placeholder), "data-blok-placeholder-active")), n;
+		let t = document.createElement("DIV");
+		t.className = A(this.api.styles.block, e.WRAPPER_CLASSES, yt, bt), t.setAttribute(D.tool, "paragraph"), t.contentEditable = "false";
+		let n = this.buildInlineStyles();
+		return Object.keys(n).length > 0 && Object.assign(t.style, n), this._data.text ? t.innerHTML = this._data.text : this.readOnly && (t.innerHTML = "<br>"), this.readOnly || (t.contentEditable = "true", t.addEventListener("keyup", this.onKeyUp), this.placeholderCleanup = j(t, this.api.i18n.t(this._placeholder), "data-blok-placeholder-active")), t;
 	}
 	render() {
 		return this._element || (this._element = this.drawView()), this._element;
 	}
 	setReadOnly(e) {
-		this._element && (this.readOnly = e, e ? (this._element.contentEditable = "false", this._element.removeEventListener("keyup", this.onKeyUp), this.placeholderCleanup && (this.placeholderCleanup(), this.placeholderCleanup = null), bt(this._element) && (this._element.innerHTML = "<br>")) : (this._element.contentEditable = "true", this._element.addEventListener("keyup", this.onKeyUp), this.placeholderCleanup = A(this._element, this.api.i18n.t(this._placeholder), "data-blok-placeholder-active"), this._element.innerHTML === "<br>" && (this._element.innerHTML = "")));
+		this._element && (this.readOnly = e, e ? (this._element.contentEditable = "false", this._element.removeEventListener("keyup", this.onKeyUp), this.placeholderCleanup && (this.placeholderCleanup(), this.placeholderCleanup = null), xt(this._element) && (this._element.innerHTML = "<br>")) : (this._element.contentEditable = "true", this._element.addEventListener("keyup", this.onKeyUp), this.placeholderCleanup = j(this._element, this.api.i18n.t(this._placeholder), "data-blok-placeholder-active"), this._element.innerHTML === "<br>" && (this._element.innerHTML = "")));
 	}
 	merge(e) {
 		if (!this._element) return;
 		this._data.text += e.text;
-		let t = wt(e.text);
+		let t = Tt(e.text);
 		this._element.appendChild(t), this._element.normalize();
 	}
 	validate(e) {
@@ -141,7 +141,7 @@ var gt = (e) => {
 	}
 	static get toolbox() {
 		return {
-			icon: s,
+			icon: ue,
 			title: "Text",
 			titleKey: "text",
 			searchTerms: [
@@ -153,7 +153,7 @@ var gt = (e) => {
 		};
 	}
 };
-Ct = Tt, Ct.WRAPPER_CLASSES = [
+wt = Et, wt.WRAPPER_CLASSES = [
 	"leading-[1.5]",
 	"outline-hidden",
 	"mt-px",
@@ -163,53 +163,53 @@ Ct = Tt, Ct.WRAPPER_CLASSES = [
 ];
 //#endregion
 //#region src/tools/toggle/dom-builder.ts
-var Et = (e) => {
-	let { data: n, readOnly: r, isOpen: i, keydownHandler: a, onArrowClick: o, onBodyPlaceholderClick: s } = e, c = document.createElement("div");
-	c.className = Ce, c.setAttribute(t.tool, Ze), c.setAttribute(E.toggleOpen, String(i));
-	let l = document.createElement("div");
-	l.className = Ne;
-	let u = Dt(i, o, {}, e.ariaLabels), d = kt(n, r, a);
-	l.appendChild(u), l.appendChild(d);
-	let f = Ot(s, e.bodyPlaceholderText), p = document.createElement("div");
-	return p.className = ke, p.setAttribute(E.toggleChildren, ""), p.setAttribute(t.nestedBlocks, ""), p.setAttribute("data-blok-mutation-free", "true"), p.id = `toggle-children-${Date.now()}-${Math.random().toString(36).slice(2)}`, u.setAttribute("aria-controls", p.id), c.appendChild(l), c.appendChild(f), c.appendChild(p), {
-		wrapper: c,
-		arrowElement: u,
-		contentElement: d,
-		bodyPlaceholderElement: f,
-		childContainerElement: p
+var Dt = (e) => {
+	let { data: t, readOnly: n, isOpen: r, keydownHandler: i, onArrowClick: a, onBodyPlaceholderClick: o } = e, s = document.createElement("div");
+	s.className = Ce, s.setAttribute(D.tool, Ze), s.setAttribute(O.toggleOpen, String(r));
+	let c = document.createElement("div");
+	c.className = Ae;
+	let l = Ot(r, a, {}, e.ariaLabels), u = At(t, n, i);
+	c.appendChild(l), c.appendChild(u);
+	let d = kt(o, e.bodyPlaceholderText), f = document.createElement("div");
+	return f.className = De, f.setAttribute(O.toggleChildren, ""), f.setAttribute(D.nestedBlocks, ""), f.setAttribute("data-blok-mutation-free", "true"), f.id = `toggle-children-${Date.now()}-${Math.random().toString(36).slice(2)}`, l.setAttribute("aria-controls", f.id), s.appendChild(c), s.appendChild(d), s.appendChild(f), {
+		wrapper: s,
+		arrowElement: l,
+		contentElement: u,
+		bodyPlaceholderElement: d,
+		childContainerElement: f
 	};
-}, Dt = (e, n, r = {}, i = {
+}, Ot = (e, t, n = {}, r = {
 	collapse: "Collapse",
 	expand: "Expand"
 }) => {
-	let a = document.createElement("span");
-	a.className = Re, a.setAttribute(E.toggleArrow, ""), a.setAttribute(t.mutationFree, "true"), a.setAttribute("role", "button"), a.setAttribute("tabindex", "0"), a.setAttribute("aria-label", e ? i.collapse : i.expand), a.setAttribute("aria-expanded", String(e)), r.contentEditableFalse === !0 && (a.contentEditable = "false"), a.innerHTML = nt;
-	let o = a.querySelector("svg");
-	return o && (o.style.transition = "transform 200ms ease-in-out", e && (o.style.transform = "rotate(90deg)")), n && (a.addEventListener("click", (e) => {
-		e.stopPropagation(), n();
-	}), a.addEventListener("keydown", (e) => {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), n());
-	})), a;
-}, Ot = (e, t) => {
+	let i = document.createElement("span");
+	i.className = Ie, i.setAttribute(O.toggleArrow, ""), i.setAttribute(D.mutationFree, "true"), i.setAttribute("role", "button"), i.setAttribute("tabindex", "0"), i.setAttribute("aria-label", e ? r.collapse : r.expand), i.setAttribute("aria-expanded", String(e)), n.contentEditableFalse === !0 && (i.contentEditable = "false"), i.innerHTML = et;
+	let a = i.querySelector("svg");
+	return a && (a.style.transition = "transform 200ms ease-in-out", e && (a.style.transform = "rotate(90deg)")), t && (i.addEventListener("click", (e) => {
+		e.stopPropagation(), t();
+	}), i.addEventListener("keydown", (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), t());
+	})), i;
+}, kt = (e, t) => {
 	let n = document.createElement("div");
-	return n.className = it, n.setAttribute(E.toggleBodyPlaceholder, ""), n.setAttribute("data-blok-mutation-free", "true"), n.textContent = t, e && n.addEventListener("click", e), n;
-}, kt = (e, t, n) => {
+	return n.className = nt, n.setAttribute(O.toggleBodyPlaceholder, ""), n.setAttribute("data-blok-mutation-free", "true"), n.textContent = t, e && n.addEventListener("click", e), n;
+}, At = (e, t, n) => {
 	let r = document.createElement("div");
-	return r.className = O(Ee, _t, yt), r.setAttribute(E.toggleContent, ""), r.contentEditable = t ? "false" : "true", r.innerHTML = e.text, n && r.addEventListener("keydown", n), r;
-}, At = (e, n) => {
-	for (let r of n) r.holder.parentElement !== e && (r.holder.closest(`[${t.nestedBlocks}]`) || e.appendChild(r.holder));
-}, jt = (e) => {
-	let t = Et(e);
-	return t.contentElement && A(t.contentElement, e.placeholder, "data-blok-placeholder-active"), t;
-}, Mt = (e, t, n, r = {
+	return r.className = A(Te, vt, bt), r.setAttribute(O.toggleContent, ""), r.contentEditable = t ? "false" : "true", r.innerHTML = e.text, n && r.addEventListener("keydown", n), r;
+}, jt = (e, t) => {
+	for (let n of t) n.holder.parentElement !== e && (n.holder.closest(`[${D.nestedBlocks}]`) || e.appendChild(n.holder));
+}, Mt = (e) => {
+	let t = Dt(e);
+	return t.contentElement && j(t.contentElement, e.placeholder, "data-blok-placeholder-active"), t;
+}, M = (e, t, n, r = {
 	collapse: "Collapse",
 	expand: "Expand"
 }) => {
 	let i = e.querySelector("svg");
-	i && (i.style.transform = n ? "rotate(90deg)" : ""), e.setAttribute("aria-label", n ? r.collapse : r.expand), e.setAttribute("aria-expanded", String(n)), t.setAttribute(E.toggleOpen, String(n));
+	i && (i.style.transform = n ? "rotate(90deg)" : ""), e.setAttribute("aria-label", n ? r.collapse : r.expand), e.setAttribute("aria-expanded", String(n)), t.setAttribute(O.toggleOpen, String(n));
 }, Nt = (e, t, n, r, i) => {
 	let a = e.blocks.getChildren(t);
-	!n && r && i && r.contains(document.activeElement) && i.focus(), r && At(r, a);
+	!n && r && i && r.contains(document.activeElement) && i.focus(), r && jt(r, a);
 	for (let e of a) n ? e.holder.classList.remove("hidden") : e.holder.classList.add("hidden");
 	r && (n ? r.removeAttribute("aria-hidden") : r.setAttribute("aria-hidden", "true"));
 }, Pt = (e, t, n, r, i) => {
@@ -237,7 +237,7 @@ var Et = (e) => {
 	let { api: n, blockId: r, data: i, getContentElement: a, syncContentFromDOM: o } = e;
 	if (o(), r === void 0) return;
 	let s = a();
-	if (!s || !tt(s)) return;
+	if (!s || !be(s)) return;
 	let c = i.text;
 	c === "" && (t.preventDefault(), await n.blocks.convert(r, "paragraph", { text: c }));
 }, Lt = (e, t, n) => {
@@ -287,7 +287,7 @@ var Et = (e) => {
 	let { api: n, blockId: r, getText: i, getContentElement: a, syncContentFromDOM: o, currentLevel: s } = e;
 	if (o(), r === void 0) return;
 	let c = a();
-	if (!c || !tt(c)) return;
+	if (!c || !be(c)) return;
 	let l = i();
 	l === "" && (t.preventDefault(), await n.blocks.convert(r, "header", {
 		text: l,
@@ -327,7 +327,7 @@ var Et = (e) => {
 		if (e.isToggleable === !0 && (r.isToggleable = !0), typeof e.isOpen == "boolean" && (r.isOpen = e.isOpen), r.text) {
 			let e = document.createElement("div");
 			e.innerHTML = r.text;
-			let t = e.querySelector(`[${E.toggleArrow}]`);
+			let t = e.querySelector(`[${O.toggleArrow}]`);
 			t && (t.remove(), r.text = e.innerHTML);
 		}
 		return r;
@@ -346,17 +346,17 @@ var Et = (e) => {
 		else {
 			this._element.contentEditable = "true", this._data.isToggleable && this._element.addEventListener("keydown", this.handleKeyDown);
 			let e = this.api.i18n.t(this.currentLevel.nameKey), t = this.resolvePlaceholderText(e);
-			this.placeholderCleanup = A(this._element, t);
+			this.placeholderCleanup = j(this._element, t);
 		}
 	}
 	expand() {
-		!this._data.isToggleable || this._isOpen || (this._isOpen = !0, this._arrowElement && this._element && Mt(this._arrowElement, this._element, this._isOpen, {
+		!this._data.isToggleable || this._isOpen || (this._isOpen = !0, this._arrowElement && this._element && M(this._arrowElement, this._element, this._isOpen, {
 			collapse: this.api.i18n.t("tools.toggle.ariaLabelCollapse"),
 			expand: this.api.i18n.t("tools.toggle.ariaLabelExpand")
 		}), this.updateChildrenVisibility(), this.updateBodyPlaceholderVisibility());
 	}
 	collapse() {
-		!this._data.isToggleable || !this._isOpen || (this._isOpen = !1, this._arrowElement && this._element && Mt(this._arrowElement, this._element, this._isOpen, {
+		!this._data.isToggleable || !this._isOpen || (this._isOpen = !1, this._arrowElement && this._element && M(this._arrowElement, this._element, this._isOpen, {
 			collapse: this.api.i18n.t("tools.toggle.ariaLabelCollapse"),
 			expand: this.api.i18n.t("tools.toggle.ariaLabelExpand")
 		}), this.updateChildrenVisibility(), this.updateBodyPlaceholderVisibility());
@@ -384,14 +384,14 @@ var Et = (e) => {
 	merge(e) {
 		let t = document.createElement("div");
 		t.innerHTML = e.text;
-		let n = t.querySelector(`[${E.toggleArrow}]`);
+		let n = t.querySelector(`[${O.toggleArrow}]`);
 		n && n.remove(), this._element.insertAdjacentHTML("beforeend", t.innerHTML);
 	}
 	validate(e) {
 		return typeof e.text == "string";
 	}
 	setData(e) {
-		return this._data = this.normalizeData(e), typeof e.text == "string" && (this._element.innerHTML = e.text), this._data.isToggleable && typeof this._data.isOpen == "boolean" && (this._isOpen = this._data.isOpen, this._arrowElement && this._element && Mt(this._arrowElement, this._element, this._isOpen, {
+		return this._data = this.normalizeData(e), typeof e.text == "string" && (this._element.innerHTML = e.text), this._data.isToggleable && typeof this._data.isOpen == "boolean" && (this._isOpen = this._data.isOpen, this._arrowElement && this._element && M(this._arrowElement, this._element, this._isOpen, {
 			collapse: this.api.i18n.t("tools.toggle.ariaLabelCollapse"),
 			expand: this.api.i18n.t("tools.toggle.ariaLabelExpand")
 		}), this.updateChildrenVisibility(), this.updateBodyPlaceholderVisibility()), !0;
@@ -430,13 +430,13 @@ var Et = (e) => {
 			e.innerHTML = this._element.innerHTML, this._element.parentNode.replaceChild(e, this._element), this._element = e;
 		}
 		if (t.text !== void 0 && (this._element.innerHTML = this._data.text || ""), this._data.isToggleable) {
-			if (this._element.setAttribute(E.toggleOpen, String(this._isOpen)), this._element.className = O(e.BASE_STYLES, this.currentLevel.styles, k, "pl-8"), !this._wrapper) this.createToggleWrapper();
-			else if (!this._wrapper.querySelector(`[${E.toggleArrow}]`)) {
+			if (this._element.setAttribute(O.toggleOpen, String(this._isOpen)), this._element.className = A(e.BASE_STYLES, this.currentLevel.styles, _t, "pl-8"), !this._wrapper) this.createToggleWrapper();
+			else if (!this._wrapper.querySelector(`[${O.toggleArrow}]`)) {
 				var n;
 				let e = this.buildArrow();
 				this._arrowElement = e, ((n = this._headerRow) == null ? this._wrapper : n).prepend(e);
 			}
-		} else if (this._element.removeAttribute(E.toggleOpen), this._element.className = O(e.BASE_STYLES, this.currentLevel.styles, k), this._arrowElement = null, this._wrapper) {
+		} else if (this._element.removeAttribute(O.toggleOpen), this._element.className = A(e.BASE_STYLES, this.currentLevel.styles, _t), this._arrowElement = null, this._wrapper) {
 			let e = this._wrapper.parentNode;
 			e && e.replaceChild(this._element, this._wrapper), this._wrapper = null, this._headerRow = null;
 		}
@@ -445,29 +445,29 @@ var Et = (e) => {
 		return this._settings.placeholder ? this.api.i18n.t(this._settings.placeholder) : e === this.currentLevel.nameKey ? this.currentLevel.name : e;
 	}
 	getTag() {
-		let n = document.createElement(this.currentLevel.tag);
-		n.innerHTML = this._data.text || "", n.className = O(e.BASE_STYLES, this.currentLevel.styles, k, this._data.isToggleable ? "pl-8" : "");
-		let { inlineStyles: r } = this.currentLevel;
-		r && Object.assign(n.style, r), n.setAttribute(t.tool, "header"), n.contentEditable = this.readOnly ? "false" : "true", this._data.isToggleable && n.setAttribute(E.toggleOpen, String(this._isOpen));
-		let i = this.api.i18n.t(this.currentLevel.nameKey), a = this.resolvePlaceholderText(i);
-		return this.readOnly ? n.setAttribute("data-placeholder", a) : this.placeholderCleanup = A(n, a), !this.readOnly && this._data.isToggleable && n.addEventListener("keydown", this.handleKeyDown), n;
+		let t = document.createElement(this.currentLevel.tag);
+		t.innerHTML = this._data.text || "", t.className = A(e.BASE_STYLES, this.currentLevel.styles, _t, this._data.isToggleable ? "pl-8" : "");
+		let { inlineStyles: n } = this.currentLevel;
+		n && Object.assign(t.style, n), t.setAttribute(D.tool, "header"), t.contentEditable = this.readOnly ? "false" : "true", this._data.isToggleable && t.setAttribute(O.toggleOpen, String(this._isOpen));
+		let r = this.api.i18n.t(this.currentLevel.nameKey), i = this.resolvePlaceholderText(r);
+		return this.readOnly ? t.setAttribute("data-placeholder", i) : this.placeholderCleanup = j(t, i), !this.readOnly && this._data.isToggleable && t.addEventListener("keydown", this.handleKeyDown), t;
 	}
 	buildArrow() {
-		let e = Dt(this._isOpen, () => this.toggleOpen(), {}, {
+		let e = Ot(this._isOpen, () => this.toggleOpen(), {}, {
 			collapse: this.api.i18n.t("tools.toggle.ariaLabelCollapse"),
 			expand: this.api.i18n.t("tools.toggle.ariaLabelExpand")
 		});
 		return e.classList.add("absolute", "left-0", "top-1/2", "-translate-y-1/2"), e;
 	}
 	buildWrapper() {
-		let e = document.createElement("div"), n = document.createElement("div");
-		n.className = "relative", this._headerRow = n;
-		let r = this.buildArrow();
-		this._arrowElement = r, n.appendChild(r), n.appendChild(this._element), e.appendChild(n);
+		let e = document.createElement("div"), t = document.createElement("div");
+		t.className = "relative", this._headerRow = t;
+		let n = this.buildArrow();
+		this._arrowElement = n, t.appendChild(n), t.appendChild(this._element), e.appendChild(t);
+		let r = document.createElement("div");
+		r.className = A(nt, "pl-8"), r.setAttribute(O.toggleBodyPlaceholder, ""), r.setAttribute("data-blok-mutation-free", "true"), r.textContent = this.api.i18n.t("tools.toggle.bodyPlaceholder"), this.readOnly || r.addEventListener("click", () => this.handleBodyPlaceholderClick()), this._bodyPlaceholderElement = r, e.appendChild(r);
 		let i = document.createElement("div");
-		i.className = O(it, "pl-8"), i.setAttribute(E.toggleBodyPlaceholder, ""), i.setAttribute("data-blok-mutation-free", "true"), i.textContent = this.api.i18n.t("tools.toggle.bodyPlaceholder"), this.readOnly || i.addEventListener("click", () => this.handleBodyPlaceholderClick()), this._bodyPlaceholderElement = i, e.appendChild(i);
-		let a = document.createElement("div");
-		return a.className = "pl-8", a.setAttribute(E.toggleChildren, ""), a.setAttribute(t.nestedBlocks, ""), a.setAttribute("data-blok-mutation-free", "true"), this._childContainerElement = a, e.appendChild(a), e;
+		return i.className = "pl-8", i.setAttribute(O.toggleChildren, ""), i.setAttribute(D.nestedBlocks, ""), i.setAttribute("data-blok-mutation-free", "true"), this._childContainerElement = i, e.appendChild(i), e;
 	}
 	createToggleWrapper() {
 		let e = this._element.parentNode;
@@ -495,7 +495,7 @@ var Et = (e) => {
 		await zt(e.createKeyboardContext()), e.updateChildrenVisibility(), e.updateBodyPlaceholderVisibility();
 	}
 	toggleOpen() {
-		this._isOpen = !this._isOpen, this._arrowElement && this._element && Mt(this._arrowElement, this._element, this._isOpen, {
+		this._isOpen = !this._isOpen, this._arrowElement && this._element && M(this._arrowElement, this._element, this._isOpen, {
 			collapse: this.api.i18n.t("tools.toggle.ariaLabelCollapse"),
 			expand: this.api.i18n.t("tools.toggle.ariaLabelExpand")
 		}), this.updateChildrenVisibility(), this.updateBodyPlaceholderVisibility();
@@ -587,9 +587,9 @@ var Et = (e) => {
 			],
 			shortcut: "#".repeat(e.number)
 		})), n = {
-			1: dt,
-			2: de,
-			3: u
+			1: c,
+			2: s,
+			3: x
 		}, r = e.DEFAULT_LEVELS.filter((e) => e.number <= 3).map((e) => ({
 			icon: n[e.number],
 			title: `Toggle heading ${e.number}`,
@@ -621,7 +621,7 @@ Vt = Ht, Vt.BASE_STYLES = "py-[7px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H1",
 		nameKey: "tools.header.heading1",
 		name: "Heading 1",
-		icon: p,
+		icon: $e,
 		styles: "text-3xl font-semibold mt-8 mb-px"
 	},
 	{
@@ -629,7 +629,7 @@ Vt = Ht, Vt.BASE_STYLES = "py-[7px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H2",
 		nameKey: "tools.header.heading2",
 		name: "Heading 2",
-		icon: y,
+		icon: ee,
 		styles: "text-2xl font-semibold mt-[26px] mb-px"
 	},
 	{
@@ -637,7 +637,7 @@ Vt = Ht, Vt.BASE_STYLES = "py-[7px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H3",
 		nameKey: "tools.header.heading3",
 		name: "Heading 3",
-		icon: $e,
+		icon: ve,
 		styles: "text-xl font-semibold mt-5 mb-px"
 	},
 	{
@@ -645,7 +645,7 @@ Vt = Ht, Vt.BASE_STYLES = "py-[7px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H4",
 		nameKey: "tools.header.heading4",
 		name: "Heading 4",
-		icon: v,
+		icon: _e,
 		styles: "text-lg font-semibold mt-3 mb-px"
 	},
 	{
@@ -653,7 +653,7 @@ Vt = Ht, Vt.BASE_STYLES = "py-[7px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H5",
 		nameKey: "tools.header.heading5",
 		name: "Heading 5",
-		icon: ye,
+		icon: xe,
 		styles: "text-base font-semibold mt-3 mb-px"
 	},
 	{
@@ -661,7 +661,7 @@ Vt = Ht, Vt.BASE_STYLES = "py-[7px] px-[2px] m-0 leading-[1.3]! outline-hidden [
 		tag: "H6",
 		nameKey: "tools.header.heading6",
 		name: "Heading 6",
-		icon: ve,
+		icon: S,
 		styles: "text-sm font-semibold mt-3 mb-px"
 	}
 ];
@@ -689,13 +689,13 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 		checkboxElement: s
 	};
 }, Qt = (e) => {
-	var n;
-	let { data: r } = e, i = document.createElement("div");
-	return i.className = Ut, i.setAttribute(t.tool, Jt), i.setAttribute("data-list-style", r.style), i.setAttribute("data-list-depth", String((n = r.depth) == null ? 0 : n)), r.start !== void 0 && r.start !== 1 && i.setAttribute("data-list-start", String(r.start)), i;
+	var t;
+	let { data: n } = e, r = document.createElement("div");
+	return r.className = Ut, r.setAttribute(D.tool, Jt), r.setAttribute("data-list-style", n.style), r.setAttribute("data-list-depth", String((t = n.depth) == null ? 0 : t)), n.start !== void 0 && n.start !== 1 && r.setAttribute("data-list-start", String(n.start)), r;
 }, $t = (e) => {
 	var t;
 	let { data: n, itemColor: r, itemSize: i, placeholder: a, markerDepth: o } = e, s = document.createElement("div");
-	s.setAttribute("role", "listitem"), s.className = O(Wt, "flex", ...k), r && (s.style.color = r), i && (s.style.fontSize = i);
+	s.setAttribute("role", "listitem"), s.className = A(Wt, "flex", ..._t), r && (s.style.color = r), i && (s.style.fontSize = i);
 	let c = (t = n.depth) == null ? 0 : t;
 	if (c > 0) {
 		let e = n.style === "ordered" ? 26 : 27;
@@ -704,7 +704,7 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 	let l = tn(n.style, o == null ? c : o);
 	l.setAttribute("data-list-marker", "true"), l.setAttribute("data-blok-mutation-free", "true"), s.appendChild(l);
 	let u = document.createElement("div");
-	return u.className = O("flex-1 min-w-0 outline-hidden", ...k), u.setAttribute("data-blok-testid", Yt.contentContainer), u.contentEditable = e.readOnly ? "false" : "true", u.innerHTML = n.text, Xt(u, a), s.appendChild(u), s;
+	return u.className = A("flex-1 min-w-0 outline-hidden", ..._t), u.setAttribute("data-blok-testid", Yt.contentContainer), u.contentEditable = e.readOnly ? "false" : "true", u.innerHTML = n.text, Xt(u, a), s.appendChild(u), s;
 }, en = (e) => {
 	var t;
 	let { data: n, itemColor: r, itemSize: i, placeholder: a, readOnly: o } = e, s = document.createElement("div");
@@ -714,10 +714,10 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 	let l = document.createElement("input");
 	l.type = "checkbox", l.className = Kt, l.checked = !!n.checked, l.disabled = o;
 	let u = document.createElement("div");
-	return u.className = O("flex-1 outline-hidden leading-[1.5]", n.checked ? "line-through opacity-60" : "", ...k), u.setAttribute("data-blok-testid", Yt.checklistContent), u.setAttribute("data-checked", String(n.checked)), u.contentEditable = o ? "false" : "true", u.innerHTML = n.text, Xt(u, a), s.appendChild(l), s.appendChild(u), s;
+	return u.className = A("flex-1 outline-hidden leading-[1.5]", n.checked ? "line-through opacity-60" : "", ..._t), u.setAttribute("data-blok-testid", Yt.checklistContent), u.setAttribute("data-checked", String(n.checked)), u.contentEditable = o ? "false" : "true", u.innerHTML = n.text, Xt(u, a), s.appendChild(l), s.appendChild(u), s;
 }, tn = (e, t) => {
 	let n = document.createElement("span");
-	return n.className = "shrink-0 select-none", n.setAttribute("aria-hidden", "true"), n.contentEditable = "false", e === "ordered" ? (n.textContent = "1.", n.className = O(n.className, "text-right"), n.style.paddingRight = "11px", n.style.minWidth = "fit-content") : (n.textContent = nn(t), n.className = O(n.className, "w-6 text-center flex justify-center"), n.style.paddingLeft = "1px", n.style.paddingRight = "13px", n.style.fontSize = "24px", n.style.fontFamily = "Arial", n.style.lineHeight = "1.5rem"), n;
+	return n.className = "shrink-0 select-none", n.setAttribute("aria-hidden", "true"), n.contentEditable = "false", e === "ordered" ? (n.textContent = "1.", n.className = A(n.className, "text-right"), n.style.paddingRight = "11px", n.style.minWidth = "fit-content") : (n.textContent = nn(t), n.className = A(n.className, "w-6 text-center flex justify-center"), n.style.paddingLeft = "1px", n.style.paddingRight = "13px", n.style.fontSize = "24px", n.style.fontFamily = "Arial", n.style.lineHeight = "1.5rem"), n;
 }, nn = (e) => {
 	let t = [
 		"•",
@@ -748,7 +748,7 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 	return d.replaceChild(f.wrapper, s), f.wrapper;
 }, an = (e, t, n) => {
 	if (!t) return e;
-	let r = n(), i = D({
+	let r = n(), i = k({
 		text: r ? gt(r.innerHTML) : e.text,
 		style: e.style
 	}, e.style === "checklist" ? { checked: !!e.checked } : {});
@@ -764,7 +764,7 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 		newData: e,
 		inPlace: !1
 	};
-	let d = "depth" in t ? t.depth : 0, f = D(D(D({}, e), t), {}, { depth: d }), p = r();
+	let d = "depth" in t ? t.depth : 0, f = k(k(k({}, e), t), {}, { depth: d }), p = r();
 	if (p && typeof t.text == "string" && (p.innerHTML = t.text), s !== c) return i.adjustDepthTo(c), i.updateMarkerForDepth(c, u), {
 		newData: f,
 		inPlace: !0
@@ -851,7 +851,7 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 	};
 	if (_n(e)) {
 		let t = e.items[0], r = (t == null ? void 0 : t.content) || "", i = (t == null ? void 0 : t.checked) || !1;
-		return D({
+		return k({
 			text: r,
 			style: e.style || n,
 			checked: !!i,
@@ -860,7 +860,7 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 	}
 	if (vn(e)) {
 		let t = yn(e.text), r = bn(e.style, n), i = xn(e.checked), a = Sn(e.depth, 0), o = e.start, s = typeof o == "number" && o !== void 0 && o !== 1 ? o : void 0;
-		return D({
+		return k({
 			text: t,
 			style: r,
 			checked: i,
@@ -995,13 +995,13 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 	}
 	let { beforeContent: d, afterContent: f } = fn(l, c.getRangeAt(0)), p = i ? (n = r.blocks.getBlockIndex(i)) == null ? r.blocks.getCurrentBlockIndex() : n : r.blocks.getCurrentBlockIndex();
 	if (!i) {
-		l.innerHTML = d, a.text = d, Ln(r, r.blocks.insert(Jt, D(D({
+		l.innerHTML = d, a.text = d, Ln(r, r.blocks.insert(Jt, k(k({
 			text: f,
 			style: a.style
 		}, a.style === "checklist" ? { checked: !!a.checked } : {}), {}, { depth: a.depth }), void 0, p + 1, !0), "start");
 		return;
 	}
-	let m = r.blocks.splitBlock(i, { text: d }, Jt, D(D({
+	let m = r.blocks.splitBlock(i, { text: d }, Jt, k(k({
 		text: f,
 		style: a.style
 	}, a.style === "checklist" ? { checked: !!a.checked } : {}), {}, { depth: a.depth }), p + 1);
@@ -1037,7 +1037,7 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 	if (c >= t.getMaxAllowedDepth(s)) return;
 	a();
 	let l = c + 1;
-	i.depth = l, Ln(n, await n.blocks.update(r || "", D(D({}, i), {}, { depth: l })));
+	i.depth = l, Ln(n, await n.blocks.update(r || "", k(k({}, i), {}, { depth: l })));
 }, Hn = async (e, t, n, r) => {
 	var i;
 	let a = t ? (i = e.blocks.getBlockIndex(t)) == null ? e.blocks.getCurrentBlockIndex() : i : e.blocks.getCurrentBlockIndex(), o = e.blocks.getBlocksCount(), s = async (t) => {
@@ -1054,7 +1054,7 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 	a();
 	let c = s - 1;
 	i.depth = c;
-	let l = await n.blocks.update(r || "", D(D({}, i), {}, { depth: c }));
+	let l = await n.blocks.update(r || "", k(k({}, i), {}, { depth: c }));
 	t && await Hn(n, r, s, t), Ln(n, l);
 }, Wn = (e) => {
 	let { data: t, readOnly: n, placeholder: r, itemColor: i, itemSize: a, markerDepth: o, setupItemPlaceholder: s, onCheckboxChange: c, keydownHandler: l } = e, u = Zt({
@@ -1317,23 +1317,23 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 		name: "bulletedList",
 		titleKey: "bulletedList",
 		style: "unordered",
-		icon: ot
+		icon: We
 	},
 	{
 		name: "numberedList",
 		titleKey: "numberedList",
 		style: "ordered",
-		icon: Ge
+		icon: Oe
 	},
 	{
 		name: "todoList",
 		titleKey: "todoList",
 		style: "checklist",
-		icon: Oe
+		icon: ct
 	}
 ], sr = () => [
 	{
-		icon: ot,
+		icon: We,
 		title: "Bulleted list",
 		titleKey: "bulletedList",
 		data: { style: "unordered" },
@@ -1352,7 +1352,7 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 		shortcut: "-"
 	},
 	{
-		icon: Ge,
+		icon: Oe,
 		title: "Numbered list",
 		titleKey: "numberedList",
 		data: { style: "ordered" },
@@ -1371,7 +1371,7 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 		shortcut: "1."
 	},
 	{
-		icon: Oe,
+		icon: ct,
 		title: "To-do list",
 		titleKey: "todoList",
 		data: { style: "checklist" },
@@ -1421,7 +1421,7 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 		return this.api.i18n.t(qt);
 	}
 	setupItemPlaceholder(e) {
-		this.readOnly || (this.placeholderCleanup = A(e, this.placeholder));
+		this.readOnly || (this.placeholderCleanup = j(e, this.placeholder));
 	}
 	render() {
 		var e, t;
@@ -1447,7 +1447,7 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 		let t = this.getContentElement();
 		t && (t.contentEditable = e ? "false" : "true");
 		let n = this._element.querySelector("input[type=\"checkbox\"]");
-		n && (n.disabled = e), e ? (this.boundHandleKeyDown && this._element.removeEventListener("keydown", this.boundHandleKeyDown), this.placeholderCleanup && (this.placeholderCleanup(), this.placeholderCleanup = null)) : (this.boundHandleKeyDown && this._element.addEventListener("keydown", this.boundHandleKeyDown), t && (this.placeholderCleanup = A(t, this.placeholder)));
+		n && (n.disabled = e), e ? (this.boundHandleKeyDown && this._element.removeEventListener("keydown", this.boundHandleKeyDown), this.placeholderCleanup && (this.placeholderCleanup(), this.placeholderCleanup = null)) : (this.boundHandleKeyDown && this._element.addEventListener("keydown", this.boundHandleKeyDown), t && (this.placeholderCleanup = j(t, this.placeholder)));
 	}
 	rendered() {
 		this.updateMarkersAfterPositionChange();
@@ -1733,11 +1733,11 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 	}
 	showDimensionTooltip() {
 		if (!this.dragState) return;
-		let e = this.getTableSize(), t = this.dragState.axis === "row" ? this.addRowBtn : this.addColBtn, r = this.dragState.axis === "row" ? {
+		let e = this.getTableSize(), t = this.dragState.axis === "row" ? this.addRowBtn : this.addColBtn, n = this.dragState.axis === "row" ? {
 			placement: "bottom",
 			marginTop: -16
 		} : { placement: "bottom" };
-		n(t, `${e.cols}\u00D7${e.rows}`, r);
+		at(t, `${e.cols}\u00D7${e.rows}`, n);
 	}
 	handlePointerDown(e, t) {
 		t.preventDefault();
@@ -1766,17 +1766,17 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 	}
 	handlePointerUp(e) {
 		if (!this.dragState) return;
-		let { axis: t, pointerId: n, didDrag: r } = this.dragState, i = t === "row" ? this.addRowBtn : this.addColBtn;
-		if (i.releasePointerCapture(n), i.removeEventListener("pointermove", this.boundPointerMove), i.removeEventListener("pointerup", this.boundPointerUp), i.removeEventListener("pointercancel", this.boundPointerCancel), document.body.style.cursor = "", xe(), this.dragState = null, !r) {
-			(t === "row" ? this.boundAddRowClick : this.boundAddColClick)();
+		let { axis: n, pointerId: r, didDrag: i } = this.dragState, a = n === "row" ? this.addRowBtn : this.addColBtn;
+		if (a.releasePointerCapture(r), a.removeEventListener("pointermove", this.boundPointerMove), a.removeEventListener("pointerup", this.boundPointerUp), a.removeEventListener("pointercancel", this.boundPointerCancel), document.body.style.cursor = "", t(), this.dragState = null, !i) {
+			(n === "row" ? this.boundAddRowClick : this.boundAddColClick)();
 			return;
 		}
 		this.onDragEnd();
 	}
 	handlePointerCancel(e) {
 		if (!this.dragState) return;
-		let { axis: t, didDrag: n } = this.dragState, r = t === "row" ? this.addRowBtn : this.addColBtn;
-		r.removeEventListener("pointermove", this.boundPointerMove), r.removeEventListener("pointerup", this.boundPointerUp), r.removeEventListener("pointercancel", this.boundPointerCancel), document.body.style.cursor = "", xe(), this.dragState = null, n && this.onDragEnd();
+		let { axis: n, didDrag: r } = this.dragState, i = n === "row" ? this.addRowBtn : this.addColBtn;
+		i.removeEventListener("pointermove", this.boundPointerMove), i.removeEventListener("pointerup", this.boundPointerUp), i.removeEventListener("pointercancel", this.boundPointerCancel), document.body.style.cursor = "", t(), this.dragState = null, r && this.onDragEnd();
 	}
 	measureUnitSize(e) {
 		if (e === "row") {
@@ -1827,25 +1827,25 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 	}
 	createAddRowButton() {
 		let e = document.createElement("div");
-		e.className = O(mr, "group/add", "items-start", "cursor-row-resize"), e.setAttribute(lr, ""), e.setAttribute("contenteditable", "false"), e.style.opacity = "0", e.style.pointerEvents = "none", e.style.position = "absolute", e.style.left = "0", e.style.bottom = "-36px", e.style.zIndex = "1", e.style.height = "32px";
+		e.className = A(mr, "group/add", "items-start", "cursor-row-resize"), e.setAttribute(lr, ""), e.setAttribute("contenteditable", "false"), e.style.opacity = "0", e.style.pointerEvents = "none", e.style.position = "absolute", e.style.left = "0", e.style.bottom = "-36px", e.style.zIndex = "1", e.style.height = "32px";
 		let t = document.createElement("div");
-		return t.className = O(hr), t.style.width = "100%", t.style.height = "16px", this.appendIcon(t), e.appendChild(t), C(e, Ie([this.i18n.t("tools.table.clickToAddRow"), this.i18n.t("tools.table.dragToAddRemoveRows")]), {
+		return t.className = A(hr), t.style.width = "100%", t.style.height = "16px", this.appendIcon(t), e.appendChild(t), T(e, Pe([this.i18n.t("tools.table.clickToAddRow"), this.i18n.t("tools.table.dragToAddRemoveRows")]), {
 			placement: "bottom",
 			marginTop: -16
 		}), e;
 	}
 	createAddColumnButton() {
 		let e = document.createElement("div");
-		e.className = O(mr, "group/add", "justify-start", "cursor-col-resize"), e.setAttribute(ur, ""), e.setAttribute("contenteditable", "false"), e.style.opacity = "0", e.style.pointerEvents = "none", e.style.position = "absolute", e.style.right = "-36px", e.style.top = "0px", e.style.bottom = "0px", e.style.width = "32px";
+		e.className = A(mr, "group/add", "justify-start", "cursor-col-resize"), e.setAttribute(ur, ""), e.setAttribute("contenteditable", "false"), e.style.opacity = "0", e.style.pointerEvents = "none", e.style.position = "absolute", e.style.right = "-36px", e.style.top = "0px", e.style.bottom = "0px", e.style.width = "32px";
 		let t = document.createElement("div");
-		return t.className = O(hr), t.style.width = "16px", t.style.height = "100%", this.appendIcon(t), e.appendChild(t), C(e, Ie([this.i18n.t("tools.table.clickToAddColumn"), this.i18n.t("tools.table.dragToAddRemoveColumns")]), { placement: "bottom" }), e;
+		return t.className = A(hr), t.style.width = "16px", t.style.height = "100%", this.appendIcon(t), e.appendChild(t), T(e, Pe([this.i18n.t("tools.table.clickToAddColumn"), this.i18n.t("tools.table.dragToAddRemoveColumns")]), { placement: "bottom" }), e;
 	}
 	appendIcon(e) {
-		e.insertAdjacentHTML("beforeend", Fe);
+		e.insertAdjacentHTML("beforeend", ut);
 		let t = e.querySelector("svg");
 		t && (t.setAttribute("width", gr), t.setAttribute("height", gr), t.setAttribute("viewBox", "0 0 24 24"), t.classList.add("text-gray-500", "pointer-events-none"));
 	}
-}, j = "data-blok-table-row", M = "data-blok-table-cell", vr = "data-blok-table-cell-row", N = "data-blok-table-cell-col", yr = "1px solid var(--blok-table-border)", br = [
+}, N = "data-blok-table-row", P = "data-blok-table-cell", vr = "data-blok-table-cell-row", F = "data-blok-table-cell-col", yr = "1px solid var(--blok-table-border)", br = [
 	"py-1",
 	"px-2",
 	"min-h-[2em]",
@@ -1882,7 +1882,7 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 		let i = document.createElement("tbody");
 		return Array.from({ length: e.rows }).forEach((t, n) => {
 			let r = document.createElement("tr");
-			r.setAttribute(j, ""), Array.from({ length: e.cols }).forEach((t, i) => {
+			r.setAttribute(N, ""), Array.from({ length: e.cols }).forEach((t, i) => {
 				if (e.isSpannedCell(n, i)) return;
 				let a = this.createCell(n, i), o = e.getCellSpan(n, i);
 				o.colspan > 1 && (a.colSpan = o.colspan), o.rowspan > 1 && (a.rowSpan = o.rowspan), r.appendChild(a);
@@ -1891,11 +1891,11 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 	}
 	addRow(e, t) {
 		var n;
-		let r = this.getColumnCount(e), i = this.createRow(r), a = (n = e.querySelector("tbody")) == null ? e : n, o = a.querySelectorAll(`[${j}]`);
+		let r = this.getColumnCount(e), i = this.createRow(r), a = (n = e.querySelector("tbody")) == null ? e : n, o = a.querySelectorAll(`[${N}]`);
 		return t !== void 0 && t < o.length ? a.insertBefore(i, o[t]) : a.appendChild(i), this.reindexCoordinates(e), i;
 	}
 	deleteRow(e, t) {
-		let n = e.querySelectorAll(`[${j}]`);
+		let n = e.querySelectorAll(`[${N}]`);
 		t < n.length && n[t].remove(), this.reindexCoordinates(e);
 	}
 	addColumn(e, t, n, r) {
@@ -1933,8 +1933,8 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 			let i = r.querySelectorAll("col");
 			t === void 0 || t >= i.length ? r.appendChild(e) : r.insertBefore(e, i[t]);
 		}
-		e.querySelectorAll(`[${j}]`).forEach((e) => {
-			let n = e.querySelectorAll(`[${M}]`), r = t === void 0 || t >= n.length, i = this.createCell();
+		e.querySelectorAll(`[${N}]`).forEach((e) => {
+			let n = e.querySelectorAll(`[${P}]`), r = t === void 0 || t >= n.length, i = this.createCell();
 			r ? e.appendChild(i) : e.insertBefore(i, n[t]);
 		});
 	}
@@ -1944,53 +1944,53 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 			let e = n.querySelectorAll("col");
 			t < e.length && e[t].remove();
 		}
-		e.querySelectorAll(`[${j}]`).forEach((e) => {
-			let n = e.querySelectorAll(`[${M}]`);
+		e.querySelectorAll(`[${N}]`).forEach((e) => {
+			let n = e.querySelectorAll(`[${P}]`);
 			t >= n.length || n[t].remove();
 		}), this.reindexCoordinates(e);
 	}
 	moveRow(e, t, n) {
 		var r;
 		if (t === n) return;
-		let i = (r = e.querySelector("tbody")) == null ? e : r, a = Array.from(i.querySelectorAll(`[${j}]`));
+		let i = (r = e.querySelector("tbody")) == null ? e : r, a = Array.from(i.querySelectorAll(`[${N}]`));
 		if (t >= a.length || n >= a.length) return;
 		let o = a[t];
 		o.remove();
-		let s = Array.from(i.querySelectorAll(`[${j}]`));
+		let s = Array.from(i.querySelectorAll(`[${N}]`));
 		n >= s.length ? i.appendChild(o) : i.insertBefore(o, s[n]), this.reindexCoordinates(e);
 	}
 	moveColumn(e, t, n) {
-		t !== n && (this.reorderColElement(e, t, n), e.querySelectorAll(`[${j}]`).forEach((e) => {
-			let r = Array.from(e.querySelectorAll(`[${M}]`));
+		t !== n && (this.reorderColElement(e, t, n), e.querySelectorAll(`[${N}]`).forEach((e) => {
+			let r = Array.from(e.querySelectorAll(`[${P}]`));
 			if (t >= r.length || n >= r.length) return;
 			let i = r[t];
 			i.remove();
-			let a = Array.from(e.querySelectorAll(`[${M}]`));
+			let a = Array.from(e.querySelectorAll(`[${P}]`));
 			n >= a.length ? e.appendChild(i) : e.insertBefore(i, a[n]);
 		}), this.reindexCoordinates(e));
 	}
 	reindexCoordinates(e) {
-		e.querySelectorAll(`[${j}]`).forEach((e, t) => {
-			e.querySelectorAll(`[${M}]`).forEach((e, n) => {
-				e.setAttribute(vr, String(t)), e.setAttribute(N, String(n));
+		e.querySelectorAll(`[${N}]`).forEach((e, t) => {
+			e.querySelectorAll(`[${P}]`).forEach((e, n) => {
+				e.setAttribute(vr, String(t)), e.setAttribute(F, String(n));
 			});
 		});
 	}
 	getRowCount(e) {
-		return e.querySelectorAll(`[${j}]`).length;
+		return e.querySelectorAll(`[${N}]`).length;
 	}
 	getColumnCount(e) {
 		let t = e.querySelector("colgroup");
 		if (t) return t.querySelectorAll("col").length;
-		let n = e.querySelector(`[${j}]`);
-		return n ? n.querySelectorAll(`[${M}]`).length : 0;
+		let n = e.querySelector(`[${N}]`);
+		return n ? n.querySelectorAll(`[${P}]`).length : 0;
 	}
 	getCell(e, t, n) {
-		let r = e.querySelector(`[${vr}="${t}"][${N}="${n}"]`);
+		let r = e.querySelector(`[${vr}="${t}"][${F}="${n}"]`);
 		if (r) return r;
-		let i = e.querySelectorAll(`[${j}]`);
+		let i = e.querySelectorAll(`[${N}]`);
 		if (t >= i.length) return null;
-		let a = i[t].querySelectorAll(`[${M}]`);
+		let a = i[t].querySelectorAll(`[${P}]`);
 		return n >= a.length ? null : a[n];
 	}
 	getColWidths(e) {
@@ -2035,17 +2035,17 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 	}
 	createRow(e, t) {
 		let n = document.createElement("tr");
-		return n.setAttribute(j, ""), Array.from({ length: e }).forEach((e, r) => {
+		return n.setAttribute(N, ""), Array.from({ length: e }).forEach((e, r) => {
 			n.appendChild(this.createCell(t, t === void 0 ? void 0 : r));
 		}), n;
 	}
-	createCell(e, n) {
-		let r = document.createElement("td");
-		r.className = O(br), r.style.borderRight = yr, r.style.borderBottom = yr, r.style.overflow = "hidden", r.style.overflowWrap = "break-word", r.style.height = "0", r.setAttribute(M, ""), e !== void 0 && n !== void 0 && (r.setAttribute(vr, String(e)), r.setAttribute(N, String(n)));
-		let i = document.createElement("div");
-		return i.setAttribute(F, ""), i.setAttribute(t.nestedBlocks, ""), i.style.display = "flex", i.style.flexDirection = "column", i.style.minHeight = "100%", r.appendChild(i), r;
+	createCell(e, t) {
+		let n = document.createElement("td");
+		n.className = A(br), n.style.borderRight = yr, n.style.borderBottom = yr, n.style.overflow = "hidden", n.style.overflowWrap = "break-word", n.style.height = "0", n.setAttribute(P, ""), e !== void 0 && t !== void 0 && (n.setAttribute(vr, String(e)), n.setAttribute(F, String(t)));
+		let r = document.createElement("div");
+		return r.setAttribute(L, ""), r.setAttribute(D.nestedBlocks, ""), r.style.display = "flex", r.style.flexDirection = "column", r.style.minHeight = "100%", n.appendChild(r), n;
 	}
-}, P = (e) => typeof e == "object" && !!e && "blocks" in e, F = "data-blok-table-cell-blocks", Cr = class {
+}, I = (e) => typeof e == "object" && !!e && "blocks" in e, L = "data-blok-table-cell-blocks", Cr = class {
 	constructor(e) {
 		var t;
 		this._activeCellWithBlocks = null, this.cellsPendingCheck = /* @__PURE__ */ new Set(), this.pendingCheckScheduled = !1, this.removedBlockCells = /* @__PURE__ */ new Map(), this.deferredEvents = [], this.isExitingTable = !1, this.handleBlockMutation = (e) => {
@@ -2071,9 +2071,9 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 				this.claimBlockForCell(i.cell, n.target.id), this.syncBlockToModel(i.cell, n.target.id), this.cellsPendingCheck.delete(i.cell);
 				return;
 			}
-			let a = n.target.holder, o = a.closest(`[${F}]`);
+			let a = n.target.holder, o = a.closest(`[${L}]`);
 			o && this.stripPlaceholders(o);
-			let s = o && !this.model.findCellForBlock(n.target.id) ? o.closest(`[${M}]`) : null;
+			let s = o && !this.model.findCellForBlock(n.target.id) ? o.closest(`[${P}]`) : null;
 			if (s && this.syncBlockToModel(s, n.target.id), o) return;
 			if (!this.gridElement.contains(a)) {
 				let e = this.api.blocks.getBlockIndex(this.tableBlockId), t = e === void 0 ? null : this.api.blocks.getBlockByIndex(e);
@@ -2089,11 +2089,11 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 		}, this.handleCellBlankSpaceClick = (e) => {
 			let t = e.target;
 			if (!t) return;
-			let n = t.hasAttribute(M), r = t.hasAttribute(F);
+			let n = t.hasAttribute(P), r = t.hasAttribute(L);
 			if (!n && !r) return;
-			let i = n ? t : t.closest(`[${M}]`);
+			let i = n ? t : t.closest(`[${P}]`);
 			if (!i) return;
-			let a = n ? i.querySelector(`[${F}]`) : t;
+			let a = n ? i.querySelector(`[${L}]`) : t;
 			if (!a) return;
 			let o = a.querySelectorAll("[data-blok-id]"), s = o[o.length - 1];
 			if (!s) return;
@@ -2191,7 +2191,7 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 		this.clearActiveCellWithBlocks();
 		let r = this.getCell(e.row, e.col);
 		if (!r) return;
-		let i = r.querySelector(`[${F}]`);
+		let i = r.querySelector(`[${L}]`);
 		if (!i) return;
 		let a = i.querySelectorAll("[contenteditable=\"true\"]");
 		a.length !== 0 && ((t ? a[a.length - 1] : a[0]).focus(), (n = this.onNavigateToCell) == null || n.call(this, e));
@@ -2212,26 +2212,26 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 		return r ? (n = r.querySelector(`[data-blok-table-cell-col="${t}"]`)) == null ? null : n : null;
 	}
 	initializeCells(e) {
-		let t = this.gridElement.querySelectorAll(`[${j}]`), n = [];
+		let t = this.gridElement.querySelectorAll(`[${N}]`), n = [];
 		return e.forEach((e, r) => {
 			let i = t[r];
 			if (!i) return;
 			let a = [];
 			e.forEach((e, t) => {
-				let n = i.querySelector(`[${N}="${t}"]`);
+				let n = i.querySelector(`[${F}="${t}"]`);
 				if (!n) return;
-				let r = n.querySelector(`[${F}]`);
+				let r = n.querySelector(`[${L}]`);
 				if (!r) return;
-				let o = P(e) && e.blocks.length > 0 ? [...e.blocks] : null, { mountedIds: s, replacements: c } = o ? this.mountBlocksInCell(r, o) : {
+				let o = I(e) && e.blocks.length > 0 ? [...e.blocks] : null, { mountedIds: s, replacements: c } = o ? this.mountBlocksInCell(r, o) : {
 					mountedIds: [],
 					replacements: /* @__PURE__ */ new Map()
 				}, l = {};
-				if (P(e) && (e.color !== void 0 && (l.color = e.color), e.textColor !== void 0 && (l.textColor = e.textColor)), s.length > 0) {
+				if (I(e) && (e.color !== void 0 && (l.color = e.color), e.textColor !== void 0 && (l.textColor = e.textColor)), s.length > 0) {
 					let e = o == null ? s : o, t = c.size > 0 ? e.map((e) => {
 						var t;
 						return (t = c.get(e)) == null ? e : t;
 					}) : e;
-					a.push(D({ blocks: t }, l));
+					a.push(k({ blocks: t }, l));
 				} else {
 					var u;
 					let t = typeof e == "string" ? e : (u = e.text) == null ? "" : u, n = t.split(/<br\s*\/?>/i).map((e) => e.trim()).filter(Boolean), i = n.length > 0 ? n : [t], s = [];
@@ -2239,7 +2239,7 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 						let t = this.api.blocks.insert("paragraph", { text: e }, {}, this.api.blocks.getBlocksCount(), !1);
 						r.appendChild(t.holder), this.api.blocks.setBlockParent(t.id, this.tableBlockId), s.push(t.id);
 					}
-					a.push(D({ blocks: o === null ? s : [...o, ...s] }, l));
+					a.push(k({ blocks: o === null ? s : [...o, ...s] }, l));
 				}
 				this.stripPlaceholders(r);
 			}), n.push(a);
@@ -2252,48 +2252,48 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 			e.removeAttribute("data-placeholder");
 		});
 	}
-	mountBlocksInCell(e, n) {
-		let r = [], i = /* @__PURE__ */ new Map();
-		for (let a of n) {
-			let n = this.api.blocks.getBlockIndex(a);
-			if (n === void 0) continue;
-			let o = this.api.blocks.getBlockByIndex(n);
-			if (o) {
-				if (o.holder.closest(`[${t.nestedBlocks}]`)) {
-					let t = this.api.blocks.insert(o.name, o.preservedData, {}, this.api.blocks.getBlocksCount(), !1);
-					e.appendChild(t.holder), this.api.blocks.setBlockParent(t.id, this.tableBlockId), r.push(t.id), i.set(a, t.id);
+	mountBlocksInCell(e, t) {
+		let n = [], r = /* @__PURE__ */ new Map();
+		for (let i of t) {
+			let t = this.api.blocks.getBlockIndex(i);
+			if (t === void 0) continue;
+			let a = this.api.blocks.getBlockByIndex(t);
+			if (a) {
+				if (a.holder.closest(`[${D.nestedBlocks}]`)) {
+					let t = this.api.blocks.insert(a.name, a.preservedData, {}, this.api.blocks.getBlocksCount(), !1);
+					e.appendChild(t.holder), this.api.blocks.setBlockParent(t.id, this.tableBlockId), n.push(t.id), r.set(i, t.id);
 					continue;
 				}
-				e.appendChild(o.holder), this.api.blocks.setBlockParent(a, this.tableBlockId), r.push(a);
+				e.appendChild(a.holder), this.api.blocks.setBlockParent(i, this.tableBlockId), n.push(i);
 			}
 		}
 		return {
-			mountedIds: r,
-			replacements: i
+			mountedIds: n,
+			replacements: r
 		};
 	}
-	claimBlockForCell(e, n) {
-		var r, i;
-		let a = e.querySelector(`[${F}]`);
-		if (!a) return;
-		let o = this.api.blocks.getBlockIndex(n);
-		if (o === void 0) return;
-		let s = this.api.blocks.getBlockByIndex(o);
-		if (!s || s.holder.contains(a) || s.holder.closest(`[${t.nestedBlocks}]`)) return;
-		let c = this.api.blocks.getBlocksCount(), l = (r = (i = Array.from({ length: c - o - 1 }, (e, t) => this.api.blocks.getBlockByIndex(o + 1 + t)).find((e) => (e == null ? void 0 : e.holder.parentElement) === a)) == null ? void 0 : i.holder) == null ? null : r;
-		a.insertBefore(s.holder, l), this.api.blocks.setBlockParent(n, this.tableBlockId), this.stripPlaceholders(a);
+	claimBlockForCell(e, t) {
+		var n, r;
+		let i = e.querySelector(`[${L}]`);
+		if (!i) return;
+		let a = this.api.blocks.getBlockIndex(t);
+		if (a === void 0) return;
+		let o = this.api.blocks.getBlockByIndex(a);
+		if (!o || o.holder.contains(i) || o.holder.closest(`[${D.nestedBlocks}]`)) return;
+		let s = this.api.blocks.getBlocksCount(), c = (n = (r = Array.from({ length: s - a - 1 }, (e, t) => this.api.blocks.getBlockByIndex(a + 1 + t)).find((e) => (e == null ? void 0 : e.holder.parentElement) === i)) == null ? void 0 : r.holder) == null ? null : n;
+		i.insertBefore(o.holder, c), this.api.blocks.setBlockParent(t, this.tableBlockId), this.stripPlaceholders(i);
 	}
 	findCellForNewBlock(e) {
 		return this.findCellForAdjacentBlock(e - 1) || this.findCellForAdjacentBlock(e + 1);
 	}
 	findCellForAdjacentBlock(e) {
 		if (e < 0 || e >= this.api.blocks.getBlocksCount()) return null;
-		let t = this.api.blocks.getBlockByIndex(e), n = t == null ? void 0 : t.holder.closest(`[${M}]`);
+		let t = this.api.blocks.getBlockByIndex(e), n = t == null ? void 0 : t.holder.closest(`[${P}]`);
 		return n && this.gridElement.contains(n) ? n : null;
 	}
 	ensureCellHasBlock(e) {
 		var t, n;
-		let r = e.querySelector(`[${F}]`);
+		let r = e.querySelector(`[${L}]`);
 		r && r.querySelector("[data-blok-id]") === null && ((t = (n = this.api.blocks).transactWithoutCapture) == null || t.call(n, () => {
 			let t = this.api.blocks.insert("paragraph", { text: "" }, {}, this.api.blocks.getBlocksCount(), !0);
 			r.appendChild(t.holder), this.api.blocks.setBlockParent(t.id, this.tableBlockId), this.syncBlockToModel(e, t.id), this.stripPlaceholders(r);
@@ -2319,11 +2319,11 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 		n && this.model.addBlockToCell(n.row, n.col, t);
 	}
 	getCellPosition(e) {
-		let t = e.closest(`[${j}]`);
+		let t = e.closest(`[${N}]`);
 		if (!t) return null;
-		let n = Array.from(this.gridElement.querySelectorAll(`[${j}]`)).indexOf(t);
+		let n = Array.from(this.gridElement.querySelectorAll(`[${N}]`)).indexOf(t);
 		if (n < 0) return null;
-		let r = Array.from(t.querySelectorAll(`[${M}]`)).indexOf(e);
+		let r = Array.from(t.querySelectorAll(`[${P}]`)).indexOf(e);
 		return r < 0 ? null : {
 			row: n,
 			col: r
@@ -2331,7 +2331,7 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 	}
 	recordRemovedBlockCell(e) {
 		if (e.index === void 0) return;
-		let t = e.target.holder.closest(`[${M}]`);
+		let t = e.target.holder.closest(`[${P}]`);
 		t && this.gridElement.contains(t) && this.removedBlockCells.set(e.target.id, {
 			cell: t,
 			index: e.index
@@ -2379,7 +2379,7 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 	getBlockIdsFromCells(e) {
 		let t = [];
 		return Array.from(e).forEach((e) => {
-			let n = e.querySelector(`[${F}]`);
+			let n = e.querySelector(`[${L}]`);
 			n && n.querySelectorAll("[data-blok-id]").forEach((e) => {
 				let n = e.getAttribute("data-blok-id");
 				n && t.push(n);
@@ -2393,7 +2393,7 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 		});
 	}
 	deleteAllBlocks() {
-		let e = this.gridElement.querySelectorAll(`[${M}]`), t = this.getBlockIdsFromCells(e);
+		let e = this.gridElement.querySelectorAll(`[${P}]`), t = this.getBlockIdsFromCells(e);
 		this.deleteBlocks(t);
 	}
 	destroy() {
@@ -2413,11 +2413,11 @@ var Ut = "outline-hidden py-[7px] mt-[2px] mb-px", Wt = "outline-hidden pl-0.5 l
 function wr() {
 	var e, t;
 	let n = document.documentElement.getAttribute("data-blok-theme");
-	return n === "dark" ? pe : n === "light" ? h : typeof window < "u" && (e = (t = window).matchMedia) != null && e.call(t, "(prefers-color-scheme: dark)").matches ? pe : h;
+	return n === "dark" ? f : n === "light" ? ge : typeof window < "u" && (e = (t = window).matchMedia) != null && e.call(t, "(prefers-color-scheme: dark)").matches ? f : ge;
 }
 function Tr(e, t) {
 	if (e === t) return !0;
-	let n = he(e), r = he(t);
+	let n = fe(e), r = fe(t);
 	return n === null || r === null ? !1 : n[0] === r[0] && n[1] === r[1] && n[2] === r[2];
 }
 var Er = "var(--blok-swatch-neutral-bg)";
@@ -2436,19 +2436,19 @@ function Dr(e) {
 	let c = (e) => {
 		let o = s[e], c = n[e], l = wr();
 		o.innerHTML = "";
-		let u = a.activeColors[c.key], d = document.createElement("button"), f = u === null;
-		d.setAttribute("data-blok-testid", `${r}-swatch-${c.key}-default`), d.className = O("w-9 h-9 rounded-md cursor-pointer border-none outline-hidden", "flex items-center justify-center text-sm font-semibold", "transition-[box-shadow,transform] ring-inset hover:ring-2 hover:ring-swatch-ring-hover active:scale-90", f && "ring-2 ring-swatch-ring-hover"), d.textContent = c.presetField === "text" ? "A" : "", c.presetField === "text" && (d.style.color = "var(--blok-text-primary)"), d.style.backgroundColor = Er, d.addEventListener("click", () => {
+		let u = a.activeColors[c.key], d = document.createElement("button"), p = u === null;
+		d.setAttribute("data-blok-testid", `${r}-swatch-${c.key}-default`), d.className = A("w-9 h-9 rounded-md cursor-pointer border-none outline-hidden", "flex items-center justify-center text-sm font-semibold", "transition-[box-shadow,transform] ring-inset hover:ring-2 hover:ring-swatch-ring-hover active:scale-90", p && "ring-2 ring-swatch-ring-hover"), d.textContent = c.presetField === "text" ? "A" : "", c.presetField === "text" && (d.style.color = "var(--blok-text-primary)"), d.style.backgroundColor = Er, d.addEventListener("click", () => {
 			i(null, c.key);
 		});
-		let p = t.t("tools.colorPicker.defaultSwatchLabel").replace("{default}", t.t("tools.marker.default")).replace("{mode}", t.t(c.labelKey).toLowerCase());
-		C(d, p.charAt(0).toUpperCase() + p.slice(1), { placement: "top" }), o.appendChild(d);
+		let m = t.t("tools.colorPicker.defaultSwatchLabel").replace("{default}", t.t("tools.marker.default")).replace("{mode}", t.t(c.labelKey).toLowerCase());
+		T(d, m.charAt(0).toUpperCase() + m.slice(1), { placement: "top" }), o.appendChild(d);
 		for (let e of l) {
 			let n = document.createElement("button"), a = c.presetField === "text" ? e.text : e.bg, s = u !== null && Tr(a, u);
-			n.setAttribute("data-blok-testid", `${r}-swatch-${c.key}-${e.name}`), n.className = O("w-9 h-9 rounded-md cursor-pointer border-none outline-hidden", "flex items-center justify-center text-sm font-semibold", "transition-[box-shadow,transform] ring-inset hover:ring-2 hover:ring-swatch-ring-hover active:scale-90", s && "ring-2 ring-swatch-ring-hover"), n.textContent = c.presetField === "text" ? "A" : "", c.presetField === "text" ? (n.style.color = e.text, n.style.backgroundColor = Er) : (n.style.color = l === pe ? e.text : "#37352f", n.style.backgroundColor = e.bg), n.addEventListener("click", () => {
+			n.setAttribute("data-blok-testid", `${r}-swatch-${c.key}-${e.name}`), n.className = A("w-9 h-9 rounded-md cursor-pointer border-none outline-hidden", "flex items-center justify-center text-sm font-semibold", "transition-[box-shadow,transform] ring-inset hover:ring-2 hover:ring-swatch-ring-hover active:scale-90", s && "ring-2 ring-swatch-ring-hover"), n.textContent = c.presetField === "text" ? "A" : "", c.presetField === "text" ? (n.style.color = e.text, n.style.backgroundColor = Er) : (n.style.color = l === f ? e.text : "#37352f", n.style.backgroundColor = e.bg), n.addEventListener("click", () => {
 				i(a, c.key);
 			});
 			let d = t.t("tools.colorPicker.colorSwatchLabel").replace("{color}", t.t("tools.colorPicker.color." + e.name)).replace("{mode}", t.t(c.labelKey).toLowerCase());
-			C(n, d.charAt(0).toUpperCase() + d.slice(1), { placement: "top" }), o.appendChild(n);
+			T(n, d.charAt(0).toUpperCase() + d.slice(1), { placement: "top" }), o.appendChild(n);
 		}
 	}, l = () => {
 		n.forEach((e, t) => c(t));
@@ -2597,7 +2597,7 @@ var Or = (e) => {
 		t !== 0 && this.showProgrammaticSelection(e, 0, e, t - 1);
 	}
 	selectColumn(e) {
-		let t = this.grid.querySelectorAll(`[${j}]`).length;
+		let t = this.grid.querySelectorAll(`[${N}]`).length;
 		t !== 0 && this.showProgrammaticSelection(0, e, t - 1, e);
 	}
 	clearActiveSelection() {
@@ -2710,7 +2710,7 @@ var Or = (e) => {
 			minCol: n,
 			maxCol: r
 		};
-		let i = this.grid.querySelectorAll(`[${j}]`);
+		let i = this.grid.querySelectorAll(`[${N}]`);
 		this.selectedCells = this.collectCellsInRange(i, e, t, n, r), this.selectedCells.forEach((e) => {
 			e.setAttribute(Br, "");
 		});
@@ -2722,7 +2722,7 @@ var Or = (e) => {
 	repositionOverlay() {
 		let e = this.lastPaintedRange;
 		if (!e || !this.overlay) return;
-		let t = this.grid.querySelectorAll(`[${j}]`), n = this.findCellByCoordOrIndex(t, e.minRow, e.minCol), r = this.findCellByCoordOrIndex(t, e.maxRow, e.maxCol);
+		let t = this.grid.querySelectorAll(`[${N}]`), n = this.findCellByCoordOrIndex(t, e.minRow, e.minCol), r = this.findCellByCoordOrIndex(t, e.maxRow, e.maxCol);
 		if (!n || !r) return;
 		let i = this.grid.getBoundingClientRect(), a = n.getBoundingClientRect(), o = r.getBoundingClientRect(), s = getComputedStyle(this.grid), c = parseFloat(s.borderTopWidth) || 0, l = parseFloat(s.borderLeftWidth) || 0, u = o.right - a.left + 1, d = o.bottom - a.top + 1, f = a.top - i.top - c - 1, p = a.left - i.left - l - 1;
 		this.overlay.style.top = `${f}px`, this.overlay.style.left = `${p}px`, this.overlay.style.width = `${u}px`, this.overlay.style.height = `${d}px`, this.pill && (this.pill.style.left = `${p + u - 1}px`, this.pill.style.top = `${f + d / 2}px`);
@@ -2740,7 +2740,7 @@ var Or = (e) => {
 	}
 	createPill() {
 		let e = document.createElement("div");
-		e.setAttribute(Hr, ""), e.setAttribute("contenteditable", "false"), e.className = O(Kr), e.style.width = `${Gr}px`, e.style.height = `${Wr}px`, e.style.pointerEvents = "auto", e.style.transform = "translate(-50%, -50%)", e.style.outline = "2px solid var(--blok-table-grip-outline, transparent)";
+		e.setAttribute(Hr, ""), e.setAttribute("contenteditable", "false"), e.className = A(Kr), e.style.width = `${Gr}px`, e.style.height = `${Wr}px`, e.style.pointerEvents = "auto", e.style.transform = "translate(-50%, -50%)", e.style.outline = "2px solid var(--blok-table-grip-outline, transparent)";
 		let t = Lr("vertical");
 		return t.classList.remove("text-gray-400"), t.classList.add("text-white"), e.appendChild(t), e.addEventListener("mouseenter", () => {
 			this.pillPopover === null && this.expandPill();
@@ -2753,7 +2753,7 @@ var Or = (e) => {
 	openPillPopover() {
 		if (this.destroyPillPopover(), !this.pill) return;
 		this.expandPill();
-		let e = De === "Meta" ? "⌘C" : "Ctrl+C", t = [];
+		let e = st === "Meta" ? "⌘C" : "Ctrl+C", t = [];
 		if (this.onColorChange !== void 0) {
 			let { element: e } = Or({
 				i18n: this.i18n,
@@ -2763,12 +2763,12 @@ var Or = (e) => {
 				}
 			});
 			t.push({
-				icon: Ae,
+				icon: Qe,
 				title: this.i18n.t("tools.table.cellColor"),
 				name: "cellColor",
 				children: {
 					items: [{
-						type: T.Html,
+						type: w.Html,
 						element: e
 					}],
 					isFlippable: !1
@@ -2786,12 +2786,12 @@ var Or = (e) => {
 				}
 			});
 			n.push({
-				icon: Le,
+				icon: Se,
 				title: this.i18n.t("tools.table.placement"),
 				name: "cellPlacement",
 				children: {
 					items: [{
-						type: T.Html,
+						type: w.Html,
 						element: t
 					}],
 					isFlippable: !1
@@ -2803,7 +2803,7 @@ var Or = (e) => {
 			var i;
 			let e = this.lastPaintedRange;
 			(e.minRow !== e.maxRow || e.minCol !== e.maxCol) && (i = this.canMergeCells) != null && i.call(this, e) && r.push({
-				icon: Qe,
+				icon: Fe,
 				title: this.i18n.t("tools.table.mergeCells"),
 				closeOnActivate: !0,
 				onActivate: () => {
@@ -2816,7 +2816,7 @@ var Or = (e) => {
 			var a;
 			let e = this.lastPaintedRange;
 			e.minRow === e.maxRow && e.minCol === e.maxCol && (a = this.isMergedCell) != null && a.call(this, e.minRow, e.minCol) && r.push({
-				icon: Te,
+				icon: ce,
 				title: this.i18n.t("tools.table.splitCell"),
 				closeOnActivate: !0,
 				onActivate: () => {
@@ -2825,13 +2825,13 @@ var Or = (e) => {
 				}
 			});
 		}
-		this.pillPopover = new Pe({
+		this.pillPopover = new Me({
 			items: [
 				...t,
 				...n,
 				...r,
 				{
-					icon: ee,
+					icon: ne,
 					title: this.i18n.t("tools.table.copySelection"),
 					secondaryLabel: e,
 					closeOnActivate: !0,
@@ -2841,7 +2841,7 @@ var Or = (e) => {
 					}
 				},
 				{
-					icon: ne,
+					icon: ae,
 					title: this.i18n.t("tools.table.clearSelection"),
 					secondaryLabel: "Del",
 					closeOnActivate: !0,
@@ -2853,7 +2853,7 @@ var Or = (e) => {
 			],
 			trigger: this.pill,
 			flippable: !0
-		}), this.pillPopover.on(ut.Closed, () => {
+		}), this.pillPopover.on(lt.Closed, () => {
 			this.pillPopover !== null && (this.destroyPillPopover(), this.collapsePill());
 		}), this.pillPopover.show();
 	}
@@ -2876,13 +2876,13 @@ var Or = (e) => {
 		}
 	}
 	resolveCellCoord(e) {
-		let t = e.closest(`[${M}]`);
+		let t = e.closest(`[${P}]`);
 		if (!t) return null;
-		let n = t.closest(`[${j}]`);
+		let n = t.closest(`[${N}]`);
 		if (!n || !this.grid.contains(n)) return null;
-		let r = Array.from(this.grid.querySelectorAll(`[${j}]`)).indexOf(n);
+		let r = Array.from(this.grid.querySelectorAll(`[${N}]`)).indexOf(n);
 		if (r < 0) return null;
-		let i = Array.from(n.querySelectorAll(`[${M}]`)).indexOf(t);
+		let i = Array.from(n.querySelectorAll(`[${P}]`)).indexOf(t);
 		return i < 0 ? null : {
 			row: r,
 			col: i
@@ -2891,7 +2891,7 @@ var Or = (e) => {
 	clampExtentToEdge(e) {
 		var t, n, r, i;
 		if (!this.anchorCell || !this.isSelecting) return;
-		let a = this.grid.getBoundingClientRect(), o = this.grid.querySelectorAll(`[${j}]`).length, s = this.getLogicalColumnCount();
+		let a = this.grid.getBoundingClientRect(), o = this.grid.querySelectorAll(`[${N}]`).length, s = this.getLogicalColumnCount();
 		if (o === 0 || s === 0) return;
 		let c = {
 			row: this.clampAxis(e.clientY, a.top, a.bottom, o, (t = (n = this.extentCell) == null ? void 0 : n.row) == null ? this.anchorCell.row : t),
@@ -2901,12 +2901,12 @@ var Or = (e) => {
 	}
 	collectCellsInRange(e, t, n, r, i) {
 		if (this.grid.querySelector("[data-blok-table-cell-row]") === null) return Array.from(e).slice(t, n + 1).flatMap((e) => {
-			let t = e.querySelectorAll(`[${M}]`);
+			let t = e.querySelectorAll(`[${P}]`);
 			return Array.from(t).slice(r, i + 1).filter((e) => e instanceof HTMLElement);
 		});
-		let a = this.grid.querySelectorAll(`[${M}]`);
+		let a = this.grid.querySelectorAll(`[${P}]`);
 		return Array.from(a).filter((e) => {
-			let a = e.getAttribute(vr), o = e.getAttribute(N);
+			let a = e.getAttribute(vr), o = e.getAttribute(F);
 			if (a === null || o === null) return !1;
 			let s = Number(a), c = Number(o), l = e, u = s + (l.rowSpan || 1) - 1, d = c + (l.colSpan || 1) - 1;
 			return s <= n && u >= t && c <= i && d >= r;
@@ -2914,28 +2914,28 @@ var Or = (e) => {
 	}
 	findCellByCoordOrIndex(e, t, n) {
 		var r;
-		return this.grid.querySelector(`[${vr}="${t}"][${N}="${n}"]`) || ((r = e[t]) == null ? void 0 : r.querySelectorAll(`[${M}]`)[n]);
+		return this.grid.querySelector(`[${vr}="${t}"][${F}="${n}"]`) || ((r = e[t]) == null ? void 0 : r.querySelectorAll(`[${P}]`)[n]);
 	}
 	getLogicalColumnCount() {
 		var e, t;
 		let n = (e = this.grid.querySelector("colgroup")) == null ? void 0 : e.querySelectorAll("col").length;
 		if (n !== void 0 && n > 0) return n;
-		let r = this.grid.querySelector(`[${j}]`);
+		let r = this.grid.querySelector(`[${N}]`);
 		return (t = r == null ? void 0 : r.querySelectorAll("[data-blok-table-cell]").length) == null ? 0 : t;
 	}
 	clampAxis(e, t, n, r, i) {
 		return e < t ? 0 : e > n ? r - 1 : i;
 	}
-}, I = (e) => {
+}, R = (e) => {
 	let t = e.querySelector("colgroup");
 	if (!t) return [];
 	let n = t.querySelectorAll("col"), r = n[0];
 	if (r && r.style.width.endsWith("%")) {
-		let t = e.querySelector(`[${j}]`);
-		if (t) return Array.from(t.querySelectorAll(`[${M}]`)).map((e) => Math.round(e.getBoundingClientRect().width));
+		let t = e.querySelector(`[${N}]`);
+		if (t) return Array.from(t.querySelectorAll(`[${P}]`)).map((e) => Math.round(e.getBoundingClientRect().width));
 	}
 	return Array.from(n).map((e) => parseFloat(e.style.width) || 0);
-}, L = (e, t) => {
+}, z = (e, t) => {
 	let n = t.reduce((e, t) => e + t, 0), r = e;
 	r.style.width = `${n + 1}px`;
 	let i = e.querySelector("colgroup");
@@ -2945,24 +2945,24 @@ var Or = (e) => {
 		t < a.length && (a[t].style.width = `${e}px`);
 	});
 }, Yr = (e, t) => {
-	let n = Array.from(e.querySelectorAll(`[${j}]`)), r = n.findIndex((e) => Array.from(e.querySelectorAll(`[${M}]`)).includes(t));
+	let n = Array.from(e.querySelectorAll(`[${N}]`)), r = n.findIndex((e) => Array.from(e.querySelectorAll(`[${P}]`)).includes(t));
 	return r === -1 ? null : {
 		row: r,
-		col: Array.from(n[r].querySelectorAll(`[${M}]`)).indexOf(t)
+		col: Array.from(n[r].querySelectorAll(`[${P}]`)).indexOf(t)
 	};
 }, Xr = (e) => {
 	var t;
-	let n = e.querySelector(`[${F}]`);
+	let n = e.querySelector(`[${L}]`);
 	return n ? ((t = n.textContent) == null ? "" : t).trim().length === 0 : !0;
 }, Zr = (e, t) => {
-	let n = e.querySelectorAll(`[${j}]`)[t];
+	let n = e.querySelectorAll(`[${N}]`)[t];
 	if (!n) return !0;
-	let r = n.querySelectorAll(`[${M}]`);
+	let r = n.querySelectorAll(`[${P}]`);
 	return Array.from(r).every((e) => Xr(e));
 }, Qr = (e, t) => {
-	let n = e.querySelectorAll(`[${j}]`);
+	let n = e.querySelectorAll(`[${N}]`);
 	return Array.from(n).every((e) => {
-		let n = e.querySelector(`[${N}="${t}"]`);
+		let n = e.querySelector(`[${F}="${t}"]`);
 		return !n || Xr(n);
 	});
 }, $r = (e) => {
@@ -2984,60 +2984,60 @@ var Or = (e) => {
 	let n = [...e];
 	return n.splice(t, 1), n.length > 0 ? n : void 0;
 }, ni = (e, t, n, r, i) => {
-	let a = n == null ? I(e) : n, o = r === void 0 ? R(a) : Math.round(r / 2 * 100) / 100;
+	let a = n == null ? R(e) : n, o = r === void 0 ? B(a) : Math.round(r / 2 * 100) / 100;
 	i.addColumn(e, t, a, o);
 	let s = [...a];
 	return s.splice(t, 0, o), s;
-}, R = (e) => Math.round(e.reduce((e, t) => e + t, 0) / e.length / 2 * 100) / 100, ri = (e) => e.length === 0 ? 0 : Math.round(e.reduce((e, t) => e + t, 0) / e.length * 100) / 100, ii = (e, t, n) => {
+}, B = (e) => Math.round(e.reduce((e, t) => e + t, 0) / e.length / 2 * 100) / 100, ri = (e) => e.length === 0 ? 0 : Math.round(e.reduce((e, t) => e + t, 0) / e.length * 100) / 100, ii = (e, t, n) => {
 	var r;
 	if (!e) return [];
-	let i = e.querySelectorAll(`[${j}]`)[n];
+	let i = e.querySelectorAll(`[${N}]`)[n];
 	return i ? (r = t == null ? void 0 : t.getBlockIdsFromCells(i.querySelectorAll("[data-blok-table-cell]"))) == null ? [] : r : [];
 }, ai = (e, t, n) => {
 	var r;
 	if (!e) return [];
-	let i = e.querySelectorAll(`[${j}]`), a = [];
+	let i = e.querySelectorAll(`[${N}]`), a = [];
 	return i.forEach((e) => {
-		let t = e.querySelector(`[${N}="${n}"]`);
+		let t = e.querySelector(`[${F}="${n}"]`);
 		t && a.push(t);
 	}), (r = t == null ? void 0 : t.getBlockIdsFromCells(a)) == null ? [] : r;
-}, z = (e, t) => {
-	e.querySelectorAll(`[${M}]`).forEach((e) => {
+}, V = (e, t) => {
+	e.querySelectorAll(`[${P}]`).forEach((e) => {
 		t == null || t.ensureCellHasBlock(e);
 	});
-}, oi = (e, n, r, i) => {
-	let a = e.querySelectorAll(`[${j}]`);
-	n.forEach((e, n) => {
-		let o = a[n];
-		o && e.forEach((e, n) => {
-			var a;
-			let s = o.querySelector(`[${N}="${n}"]`);
+}, oi = (e, t, n, r) => {
+	let i = e.querySelectorAll(`[${N}]`);
+	t.forEach((e, t) => {
+		let a = i[t];
+		a && e.forEach((e, t) => {
+			var i;
+			let o = a.querySelector(`[${F}="${t}"]`);
+			if (!o) return;
+			let s = o.querySelector(`[${L}]`);
 			if (!s) return;
-			let c = s.querySelector(`[${F}]`);
-			if (!c) return;
-			let l = c.querySelectorAll("[data-blok-id]").length > 0;
-			if (!(!P(e) && l)) {
-				if (!P(e)) {
+			let c = s.querySelectorAll("[data-blok-id]").length > 0;
+			if (!(!I(e) && c)) {
+				if (!I(e)) {
 					let t = document.createElement("div");
-					t.className = "leading-[1.5]", t.innerHTML = e, c.replaceChildren(t);
+					t.className = "leading-[1.5]", t.innerHTML = e, s.replaceChildren(t);
 					return;
 				}
-				(l || ((a = c.textContent) == null ? "" : a).length > 0) && c.replaceChildren();
-				for (let n of e.blocks) {
-					let e = r.blocks.getBlockIndex(n);
+				(c || ((i = s.textContent) == null ? "" : i).length > 0) && s.replaceChildren();
+				for (let t of e.blocks) {
+					let e = n.blocks.getBlockIndex(t);
 					if (e === void 0) continue;
-					let a = r.blocks.getBlockByIndex(e);
-					if (a && a.parentId === i) {
-						if (a.holder.closest(`[${t.nestedBlocks}]`)) {
-							c.appendChild(a.holder.cloneNode(!0));
+					let i = n.blocks.getBlockByIndex(e);
+					if (i && i.parentId === r) {
+						if (i.holder.closest(`[${D.nestedBlocks}]`)) {
+							s.appendChild(i.holder.cloneNode(!0));
 							continue;
 						}
-						c.appendChild(a.holder);
+						s.appendChild(i.holder);
 					}
 				}
-				c.querySelectorAll("[data-blok-placeholder-active]").forEach((e) => {
+				s.querySelectorAll("[data-blok-placeholder-active]").forEach((e) => {
 					e.removeAttribute("data-blok-placeholder-active");
-				}), c.querySelectorAll("[data-placeholder]").forEach((e) => {
+				}), s.querySelectorAll("[data-placeholder]").forEach((e) => {
 					e.removeAttribute("data-placeholder");
 				});
 			}
@@ -3065,7 +3065,7 @@ var Or = (e) => {
 	};
 }, ci = (e, t) => {
 	let n = (n) => {
-		let r = n.target.closest(`[${M}]`);
+		let r = n.target.closest(`[${P}]`);
 		if (!r) return;
 		let i = Yr(e, r);
 		i && (t == null || t.handleKeyDown(n, i));
@@ -3075,35 +3075,35 @@ var Or = (e) => {
 	};
 }, li = ["overflow-x-auto", "overflow-y-hidden"], ui = (e) => {
 	e == null || e.classList.add(...li);
-}, B = (e, t) => {
+}, H = (e, t) => {
 	if (!e) return;
-	let n = e.querySelectorAll(`[${j}]`);
+	let n = e.querySelectorAll(`[${N}]`);
 	n.forEach((e) => {
 		e.removeAttribute("data-blok-table-heading");
 	}), t && n.length > 0 && n[0].setAttribute("data-blok-table-heading", "");
 }, di = (e, t) => {
-	let n = e.querySelectorAll(`[${j}]`);
+	let n = e.querySelectorAll(`[${N}]`);
 	t.forEach((e, t) => {
 		t >= n.length || e.forEach((e, r) => {
-			let i = n[t].querySelector(`[${N}="${r}"]`);
-			i && (P(e) && e.color ? i.style.backgroundColor = e.color : i.style.backgroundColor = "", P(e) && e.textColor ? i.style.color = e.textColor : i.style.color = "");
+			let i = n[t].querySelector(`[${F}="${r}"]`);
+			i && (I(e) && e.color ? i.style.backgroundColor = e.color : i.style.backgroundColor = "", I(e) && e.textColor ? i.style.color = e.textColor : i.style.color = "");
 		});
 	});
 }, fi = (e, t) => {
-	let n = e.querySelectorAll(`[${j}]`);
+	let n = e.querySelectorAll(`[${N}]`);
 	t.forEach((e, t) => {
 		t >= n.length || e.forEach((e, r) => {
-			let i = n[t].querySelector(`[${N}="${r}"]`);
+			let i = n[t].querySelector(`[${F}="${r}"]`);
 			if (!i) return;
-			let a = i.querySelector(`[${F}]`);
-			a && (P(e) && e.placement && e.placement !== "top-left" ? a.setAttribute("data-blok-cell-placement", e.placement) : a.removeAttribute("data-blok-cell-placement"));
+			let a = i.querySelector(`[${L}]`);
+			a && (I(e) && e.placement && e.placement !== "top-left" ? a.setAttribute("data-blok-cell-placement", e.placement) : a.removeAttribute("data-blok-cell-placement"));
 		});
 	});
-}, V = (e, t) => {
-	e && (e.querySelectorAll(`[${M}]`).forEach((e) => {
+}, U = (e, t) => {
+	e && (e.querySelectorAll(`[${P}]`).forEach((e) => {
 		e.removeAttribute("data-blok-table-heading-col");
-	}), t && e.querySelectorAll(`[${j}]`).forEach((e) => {
-		let t = e.querySelector(`[${M}]`);
+	}), t && e.querySelectorAll(`[${N}]`).forEach((e) => {
+		let t = e.querySelector(`[${P}]`);
 		t && t.setAttribute("data-blok-table-heading-col", "");
 	}));
 }, pi = (e) => !!(/^#[0-9a-f]{3,4}$/i.test(e) || /^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(e) || /^rgba?\(\s*[\d.]+\s*,\s*[\d.]+\s*,\s*[\d.]+\s*(,\s*[\d.]+\s*)?\)$/i.test(e) || /^hsla?\(\s*[\d.]+\s*,\s*[\d.]+%\s*,\s*[\d.]+%\s*(,\s*[\d.]+\s*)?\)$/i.test(e) || e === "transparent"), mi = class {
@@ -3633,7 +3633,7 @@ var Or = (e) => {
 		return !e || !Array.isArray(e) ? [] : e.map((e) => (e == null ? [] : e).map((e) => this.normalizeCell(e)));
 	}
 	normalizeCell(e) {
-		if (P(e)) {
+		if (I(e)) {
 			let t = { blocks: [...e.blocks] };
 			return e.color !== void 0 && pi(e.color) && (t.color = e.color), e.textColor !== void 0 && pi(e.textColor) && (t.textColor = e.textColor), e.placement !== void 0 && (t.placement = e.placement), e.colspan !== void 0 && e.colspan > 1 && (t.colspan = e.colspan), e.rowspan !== void 0 && e.rowspan > 1 && (t.rowspan = e.rowspan), e.mergedInto !== void 0 && (t.mergedInto = [...e.mergedInto]), t;
 		}
@@ -3744,7 +3744,7 @@ var Or = (e) => {
 			}
 		});
 	}
-}, yi = (e, t, n) => (n.grid.addRow(e, t), z(e, n.cellBlocks), {
+}, yi = (e, t, n) => (n.grid.addRow(e, t), V(e, n.cellBlocks), {
 	pendingHighlight: {
 		type: "row",
 		index: t
@@ -3755,7 +3755,7 @@ var Or = (e) => {
 	withHeadingColumn: n.data.withHeadingColumn
 }), bi = (e, t, n) => {
 	let r = ni(e, t, n.data.colWidths, n.data.initialColWidth, n.grid);
-	return z(e, n.cellBlocks), {
+	return V(e, n.cellBlocks), {
 		pendingHighlight: {
 			type: "col",
 			index: t
@@ -3799,7 +3799,7 @@ var Or = (e) => {
 	var r, i;
 	(r = n.cellBlocks) == null || r.deleteBlocks((i = n.blocksToDelete) == null ? [] : i), n.grid.deleteColumn(e, t);
 	let a = ti(n.data.colWidths, t);
-	return a ? L(e, a) : $r(e), {
+	return a ? z(e, a) : $r(e), {
 		pendingHighlight: {
 			type: "col",
 			index: t < n.grid.getColumnCount(e) ? t : t - 1
@@ -3846,8 +3846,8 @@ var Or = (e) => {
 		let n = e[e.length - 1], r = t.offsetWidth || parseFloat(t.style.width) || 0;
 		return [...e, n + r];
 	}, [0]);
-	let n = e.querySelector(`[${j}]`);
-	return n ? Array.from(n.querySelectorAll(`[${M}]`)).reduce((e, t) => {
+	let n = e.querySelector(`[${N}]`);
+	return n ? Array.from(n.querySelectorAll(`[${P}]`)).reduce((e, t) => {
 		let n = e[e.length - 1];
 		return [...e, n + t.offsetWidth];
 	}, [0]) : [0];
@@ -3891,7 +3891,7 @@ var Or = (e) => {
 		this.grid.style.userSelect = "none", document.body.style.cursor = "grabbing", (e = this.onDragStateChange) == null || e.call(this, !0, this.dragType), this.highlightSourceCells(), this.createDropIndicator(), this.createGhost();
 	}
 	highlightSourceCells() {
-		let e = this.grid.querySelectorAll(`[${j}]`);
+		let e = this.grid.querySelectorAll(`[${N}]`);
 		if (this.dragType === "row") {
 			this.highlightRowCells(e);
 			return;
@@ -3902,7 +3902,7 @@ var Or = (e) => {
 		let t = e[this.dragFromIndex];
 		if (!t) return;
 		let n = this.getDragSourceBg();
-		t.querySelectorAll(`[${M}]`).forEach((e) => {
+		t.querySelectorAll(`[${P}]`).forEach((e) => {
 			let t = e;
 			t.style.backgroundColor = n, t.style.opacity = "0.7", this.dragOverlayCells.push(t);
 		});
@@ -3910,7 +3910,7 @@ var Or = (e) => {
 	highlightColumnCells(e) {
 		let t = this.getDragSourceBg();
 		e.forEach((e) => {
-			let n = e.querySelector(`[${N}="${this.dragFromIndex}"]`);
+			let n = e.querySelector(`[${F}="${this.dragFromIndex}"]`);
 			n && (n.style.backgroundColor = t, n.style.opacity = "0.7", this.dragOverlayCells.push(n));
 		});
 	}
@@ -3927,7 +3927,7 @@ var Or = (e) => {
 		let e = this.dropIndicator.style;
 		if (e.position = "absolute", e.backgroundColor = "#3b82f6", e.borderRadius = "1.5px", e.zIndex = "5", e.pointerEvents = "none", this.dropIndicator.setAttribute("contenteditable", "false"), this.dragType === "row") e.height = "3px", e.left = "-1px", e.right = "0", e.transition = "top 100ms ease";
 		else {
-			let t = this.grid.querySelectorAll(`[${j}]`), n = t[t.length - 1], r = n ? n.offsetTop + n.offsetHeight : 0;
+			let t = this.grid.querySelectorAll(`[${N}]`), n = t[t.length - 1], r = n ? n.offsetTop + n.offsetHeight : 0;
 			e.width = "3px", e.top = "-1px", e.height = `${r + 1}px`, e.transition = "left 100ms ease";
 		}
 		this.grid.appendChild(this.dropIndicator);
@@ -3989,22 +3989,22 @@ var Or = (e) => {
 	}
 	getRowSourceRect() {
 		var e;
-		let t = this.grid.querySelectorAll(`[${j}]`)[this.dragFromIndex];
+		let t = this.grid.querySelectorAll(`[${N}]`)[this.dragFromIndex];
 		return (e = t == null ? void 0 : t.getBoundingClientRect()) == null ? null : e;
 	}
 	getColSourceRect() {
-		let e = this.grid.querySelectorAll(`[${j}]`), t = e[0], n = e[e.length - 1];
+		let e = this.grid.querySelectorAll(`[${N}]`), t = e[0], n = e[e.length - 1];
 		if (!t || !n) return null;
-		let r = t.querySelector(`[${N}="${this.dragFromIndex}"]`), i = n.querySelector(`[${N}="${this.dragFromIndex}"]`);
+		let r = t.querySelector(`[${F}="${this.dragFromIndex}"]`), i = n.querySelector(`[${F}="${this.dragFromIndex}"]`);
 		if (!r || !i) return null;
 		let a = r.getBoundingClientRect(), o = i.getBoundingClientRect();
 		return new DOMRect(a.left, a.top, a.width, o.bottom - a.top);
 	}
 	buildRowGhost() {
-		let e = this.grid.querySelectorAll(`[${j}]`)[this.dragFromIndex];
+		let e = this.grid.querySelectorAll(`[${N}]`)[this.dragFromIndex];
 		if (!e || !this.ghostEl) return;
 		let t = this.ghostEl.style;
-		t.display = "flex", t.height = `${e.offsetHeight}px`, e.querySelectorAll(`[${M}]`).forEach((e) => {
+		t.display = "flex", t.height = `${e.offsetHeight}px`, e.querySelectorAll(`[${P}]`).forEach((e) => {
 			var t;
 			let n = e, r = n.cloneNode(!0);
 			r.style.width = `${n.offsetWidth}px`, r.style.flexShrink = "0", r.removeAttribute("contenteditable"), (t = this.ghostEl) == null || t.appendChild(r);
@@ -4012,10 +4012,10 @@ var Or = (e) => {
 	}
 	buildColumnGhost() {
 		if (!this.ghostEl) return;
-		let e = this.grid.querySelectorAll(`[${j}]`), t = this.ghostEl.style;
+		let e = this.grid.querySelectorAll(`[${N}]`), t = this.ghostEl.style;
 		t.display = "flex", t.flexDirection = "column", e.forEach((e) => {
 			var t;
-			let n = e.querySelector(`[${N}="${this.dragFromIndex}"]`);
+			let n = e.querySelector(`[${F}="${this.dragFromIndex}"]`);
 			if (!n) return;
 			let r = n.cloneNode(!0);
 			r.style.width = `${n.offsetWidth}px`, r.style.height = `${n.offsetHeight}px`, r.removeAttribute("contenteditable"), (t = this.ghostEl) == null || t.appendChild(r);
@@ -4027,7 +4027,7 @@ var Or = (e) => {
 		this.dragType === "row" && (t.top = `${e.clientY - this.ghostOffsetY}px`), this.dragType === "col" && (t.left = `${e.clientX - this.ghostOffsetX}px`);
 	}
 	getRowDropIndex(e) {
-		let t = Array.from(this.grid.querySelectorAll(`[${j}]`)), n = t.map((e) => e.offsetTop);
+		let t = Array.from(this.grid.querySelectorAll(`[${N}]`)), n = t.map((e) => e.offsetTop);
 		if (t.length > 0) {
 			let e = t[t.length - 1];
 			n.push(e.offsetTop + e.offsetHeight);
@@ -4036,7 +4036,7 @@ var Or = (e) => {
 		return r.indexOf(i);
 	}
 	getRowDropTopPx(e) {
-		let t = this.grid.querySelectorAll(`[${j}]`);
+		let t = this.grid.querySelectorAll(`[${N}]`);
 		if (e < t.length) return t[e].offsetTop;
 		if (t.length > 0) {
 			let e = t[t.length - 1];
@@ -4097,15 +4097,15 @@ var Or = (e) => {
 	"[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]"
 ], Fi = (e) => {
 	let { icon: t, label: n, isActive: r, onToggle: i } = e, a = { active: r }, o = document.createElement("div");
-	o.className = O(Ai);
+	o.className = A(Ai);
 	let s = document.createElement("div");
-	s.className = O(ji), s.innerHTML = t, o.appendChild(s);
+	s.className = A(ji), s.innerHTML = t, o.appendChild(s);
 	let c = document.createElement("span");
-	c.className = O(Mi), c.textContent = n, o.appendChild(c);
+	c.className = A(Mi), c.textContent = n, o.appendChild(c);
 	let l = document.createElement("div");
-	l.className = O(Ni);
+	l.className = A(Ni);
 	let u = document.createElement("div");
-	u.className = O(Pi), l.appendChild(u), o.appendChild(l);
+	u.className = A(Pi), l.appendChild(u), o.appendChild(l);
 	let d = () => {
 		l.style.backgroundColor = a.active ? "var(--blok-toggle-on-bg)" : "var(--blok-toggle-off-bg)", u.style.left = a.active ? "14px" : "2px", u.style.backgroundColor = a.active ? "var(--blok-toggle-thumb-on-bg)" : "", u.style.boxShadow = a.active ? "0 1px 3px rgba(0,0,0,0.35), 0 0 0 1px rgba(0,0,0,0.04)" : "0 1px 3px rgba(0,0,0,0.25), 0 0 0 1px rgba(0,0,0,0.06)";
 	};
@@ -4113,18 +4113,18 @@ var Or = (e) => {
 		e.stopPropagation(), a.active = !a.active, d(), i(a.active);
 	}), o;
 }, Ii = (e, t) => {
-	let n = e === 0 ? [{
-		type: T.Html,
+	let r = e === 0 ? [{
+		type: w.Html,
 		element: Fi({
-			icon: se,
+			icon: ke,
 			label: t.i18n.t("tools.table.headerColumn"),
 			isActive: t.isHeadingColumn(),
 			onToggle: () => {
 				t.onAction({ type: "toggle-heading-column" });
 			}
 		})
-	}, { type: T.Separator }] : [], r = [{
-		icon: Je,
+	}, { type: w.Separator }] : [], i = [{
+		icon: Le,
 		title: t.i18n.t("tools.table.insertColumnLeft"),
 		closeOnActivate: !0,
 		onActivate: () => {
@@ -4134,7 +4134,7 @@ var Or = (e) => {
 			});
 		}
 	}, {
-		icon: rt,
+		icon: we,
 		title: t.i18n.t("tools.table.insertColumnRight"),
 		closeOnActivate: !0,
 		onActivate: () => {
@@ -4143,11 +4143,11 @@ var Or = (e) => {
 				index: e
 			});
 		}
-	}], i = t.getColumnCount() > 1, a = [{ type: T.Separator }, {
-		icon: ie,
+	}], a = t.getColumnCount() > 1, o = [{ type: w.Separator }, {
+		icon: n,
 		title: t.i18n.t("tools.table.deleteColumn"),
 		isDestructive: !0,
-		isDisabled: !i,
+		isDisabled: !a,
 		closeOnActivate: !0,
 		onActivate: () => {
 			t.onAction({
@@ -4157,51 +4157,51 @@ var Or = (e) => {
 		}
 	}];
 	return [
-		...n,
 		...r,
-		...a
+		...i,
+		...o
 	];
-}, Li = (t, n) => {
-	let r = t === 0 ? [{
-		type: T.Html,
+}, Li = (e, t) => {
+	let r = e === 0 ? [{
+		type: w.Html,
 		element: Fi({
-			icon: e,
-			label: n.i18n.t("tools.table.headerRow"),
-			isActive: n.isHeadingRow(),
+			icon: ot,
+			label: t.i18n.t("tools.table.headerRow"),
+			isActive: t.isHeadingRow(),
 			onToggle: () => {
-				n.onAction({ type: "toggle-heading" });
+				t.onAction({ type: "toggle-heading" });
 			}
 		})
-	}, { type: T.Separator }] : [], i = [{
-		icon: Me,
-		title: n.i18n.t("tools.table.insertRowAbove"),
+	}, { type: w.Separator }] : [], i = [{
+		icon: qe,
+		title: t.i18n.t("tools.table.insertRowAbove"),
 		closeOnActivate: !0,
 		onActivate: () => {
-			n.onAction({
+			t.onAction({
 				type: "insert-row-above",
-				index: t
+				index: e
 			});
 		}
 	}, {
-		icon: ct,
-		title: n.i18n.t("tools.table.insertRowBelow"),
+		icon: tt,
+		title: t.i18n.t("tools.table.insertRowBelow"),
 		closeOnActivate: !0,
 		onActivate: () => {
-			n.onAction({
+			t.onAction({
 				type: "insert-row-below",
-				index: t
+				index: e
 			});
 		}
-	}], a = n.getRowCount() > 1, o = [{ type: T.Separator }, {
-		icon: ie,
-		title: n.i18n.t("tools.table.deleteRow"),
+	}], a = t.getRowCount() > 1, o = [{ type: w.Separator }, {
+		icon: n,
+		title: t.i18n.t("tools.table.deleteRow"),
 		isDestructive: !0,
 		isDisabled: !a,
 		closeOnActivate: !0,
 		onActivate: () => {
-			n.onAction({
+			t.onAction({
 				type: "delete-row",
-				index: t
+				index: e
 			});
 		}
 	}];
@@ -4217,12 +4217,12 @@ var Or = (e) => {
 		popover: null,
 		grip: null
 	};
-	let o = new Pe({
+	let o = new Me({
 		items: e === "col" ? Ii(t, r) : Li(t, r),
 		trigger: a,
 		flippable: !0
 	});
-	return o.on(ut.Closed, () => {
+	return o.on(lt.Closed, () => {
 		var e;
 		i.destroyPopover(), i.applyVisibleClasses(a), i.scheduleHideAll(), (e = i.onGripPopoverClose) == null || e.call(i);
 	}), i.hideAllGripsExcept(a), i.applyActiveClasses(a), e === "col" ? a.style.height = "16px" : a.style.width = "16px", {
@@ -4281,7 +4281,7 @@ var Or = (e) => {
 	}
 	handleUnlockGrip(e) {
 		document.removeEventListener("pointerdown", this.boundUnlockGrip), this.lockedGrip && (this.applyIdleClasses(this.lockedGrip), this.lockedGrip = null);
-		let t = e.target instanceof HTMLElement ? e.target : null, n = t == null ? void 0 : t.closest(`[${M}]`);
+		let t = e.target instanceof HTMLElement ? e.target : null, n = t == null ? void 0 : t.closest(`[${P}]`);
 		if (n) {
 			let e = this.getCellPosition(n);
 			e && (this.clearHideTimeout(), this.showColGrip(e.col), this.showRowGrip(e.row), this.isInsideTable = !0);
@@ -4328,7 +4328,7 @@ var Or = (e) => {
 	}
 	createGripElement(e, t) {
 		let n = document.createElement("div");
-		n.className = O(qi, Ji), n.setAttribute(zi, ""), n.setAttribute(e === "col" ? Bi : Vi, String(t)), n.setAttribute("contenteditable", "false");
+		n.className = A(qi, Ji), n.setAttribute(zi, ""), n.setAttribute(e === "col" ? Bi : Vi, String(t)), n.setAttribute("contenteditable", "false");
 		let r = e === "col" ? Ui : Gi, i = e === "col" ? Wi : Ki, a = e === "col" ? Wi : Gi;
 		return n.style.width = `${r}px`, n.style.height = `${i}px`, n.style.transform = "translate(-50%, -50%)", n.style.outline = "2px solid var(--blok-table-grip-outline, transparent)", n.appendChild(Lr(e === "col" ? "horizontal" : "vertical")), n.addEventListener("pointerdown", this.boundPointerDown), n.addEventListener("mouseenter", () => {
 			this.overlay && this.clearHideTimeout(), this.isGripInteractionLocked() || Rr(n, e);
@@ -4337,7 +4337,7 @@ var Or = (e) => {
 		}), n;
 	}
 	positionGrips() {
-		let e = this.grid.querySelectorAll(`[${j}]`);
+		let e = this.grid.querySelectorAll(`[${N}]`);
 		if (!e[0]) return;
 		let t = Oi(this.grid), n = this.overlay && this.scrollContainer ? this.scrollContainer.scrollLeft : 0, r = this.overlay && this.scrollContainer ? this.scrollContainer.clientWidth : Infinity;
 		this.colGrips.forEach((e, i) => {
@@ -4354,7 +4354,7 @@ var Or = (e) => {
 		var e;
 		(e = this.rowResizeObserver) == null || e.disconnect(), this.rowResizeObserver = new ResizeObserver(() => {
 			this.positionGrips();
-		}), this.grid.querySelectorAll(`[${j}]`).forEach((e) => {
+		}), this.grid.querySelectorAll(`[${N}]`).forEach((e) => {
 			var t;
 			(t = this.rowResizeObserver) == null || t.observe(e);
 		});
@@ -4364,7 +4364,7 @@ var Or = (e) => {
 	}
 	handleMouseOver(e) {
 		if (this.isGripInteractionLocked()) return;
-		let t = e.target.closest(`[${M}]`);
+		let t = e.target.closest(`[${P}]`);
 		if (!t) return;
 		this.clearHideTimeout();
 		let n = this.getCellPosition(t);
@@ -4374,11 +4374,11 @@ var Or = (e) => {
 		this.isGripInteractionLocked() || this.scheduleHideAll();
 	}
 	getCellPosition(e) {
-		let t = e.closest(`[${j}]`);
+		let t = e.closest(`[${N}]`);
 		if (!t) return null;
-		let n = Array.from(this.grid.querySelectorAll(`[${j}]`)).indexOf(t);
+		let n = Array.from(this.grid.querySelectorAll(`[${N}]`)).indexOf(t);
 		if (n < 0) return null;
-		let r = Array.from(t.querySelectorAll(`[${M}]`)).indexOf(e);
+		let r = Array.from(t.querySelectorAll(`[${P}]`)).indexOf(e);
 		return r < 0 ? null : {
 			row: n,
 			col: r
@@ -4408,12 +4408,12 @@ var Or = (e) => {
 	}
 	applyVisibleClasses(e) {
 		let t = e, n = t.hasAttribute(Bi);
-		Pr(t, n ? "col" : "row", n ? Wi : Gi), this.isInsideTable && (t.style.transition = "none"), t.className = O(qi, Yi), t.setAttribute("data-blok-table-grip-visible", ""), this.isInsideTable && (t.offsetHeight, t.style.transition = "");
+		Pr(t, n ? "col" : "row", n ? Wi : Gi), this.isInsideTable && (t.style.transition = "none"), t.className = A(qi, Yi), t.setAttribute("data-blok-table-grip-visible", ""), this.isInsideTable && (t.offsetHeight, t.style.transition = "");
 		let r = t.querySelector("svg");
 		r && (r.classList.remove("text-white", "opacity-100"), r.classList.add("text-gray-400", "opacity-0"));
 	}
 	applyActiveClasses(e) {
-		Object.assign(e, { className: O(qi, Xi) }), e.setAttribute("data-blok-table-grip-visible", "");
+		Object.assign(e, { className: A(qi, Xi) }), e.setAttribute("data-blok-table-grip-visible", "");
 		let t = e.querySelector("svg");
 		t && (t.classList.remove("text-gray-400", "opacity-0"), t.classList.add("text-white", "opacity-100"));
 	}
@@ -4424,7 +4424,7 @@ var Or = (e) => {
 	}
 	applyIdleClasses(e) {
 		let t = e, n = t.hasAttribute(Bi), r = n ? "col" : "row", i = n ? Wi + 12 : Gi + 12;
-		this.isInsideTable && (t.style.transition = "none"), Pr(t, r, i), t.className = O(qi, Ji), t.removeAttribute("data-blok-table-grip-visible");
+		this.isInsideTable && (t.style.transition = "none"), Pr(t, r, i), t.className = A(qi, Ji), t.removeAttribute("data-blok-table-grip-visible");
 		let a = t.querySelector("svg");
 		a && (a.classList.add("opacity-0"), a.classList.remove("opacity-100")), this.isInsideTable && (t.offsetHeight, t.style.transition = "");
 	}
@@ -4501,13 +4501,13 @@ var Or = (e) => {
 	}
 	updateTooltip() {
 		let e = this.getTableSize();
-		n(this.hitZone, `${e.cols}\u00D7${e.rows}`, { placement: "bottom" });
+		at(this.hitZone, `${e.cols}\u00D7${e.rows}`, { placement: "bottom" });
 	}
 	handleMouseEnter() {
 		this.updateTooltip();
 	}
 	handleMouseLeave() {
-		this.dragState === null && xe();
+		this.dragState === null && t();
 	}
 	measureUnitHeight() {
 		let e = this.gridEl.querySelectorAll("[data-blok-table-row]"), t = e[e.length - 1];
@@ -4547,8 +4547,8 @@ var Or = (e) => {
 	}
 	handlePointerUp(e) {
 		if (this.dragState === null) return;
-		let { didDrag: t, pointerId: n } = this.dragState;
-		this.dragState = null, xe(), this.hitZone.releasePointerCapture(n), this.hitZone.removeEventListener("pointermove", this.boundPointerMove), this.hitZone.removeEventListener("pointerup", this.boundPointerUp), t ? (document.body.style.cursor = "", document.body.style.userSelect = "", this.onDragEnd()) : this.onClickAdd ? this.onClickAdd() : (this.onAddRow(), this.onAddColumn());
+		let { didDrag: n, pointerId: r } = this.dragState;
+		this.dragState = null, t(), this.hitZone.releasePointerCapture(r), this.hitZone.removeEventListener("pointermove", this.boundPointerMove), this.hitZone.removeEventListener("pointerup", this.boundPointerUp), n ? (document.body.style.cursor = "", document.body.style.userSelect = "", this.onDragEnd()) : this.onClickAdd ? this.onClickAdd() : (this.onAddRow(), this.onAddColumn());
 	}
 	setDisplay(e) {
 		this.hitZone.style.display = e ? "" : "none";
@@ -4558,7 +4558,7 @@ var Or = (e) => {
 	}
 	destroy() {
 		var e;
-		this.hitZone.removeEventListener("mouseenter", this.boundMouseEnter), this.hitZone.removeEventListener("mouseleave", this.boundMouseLeave), this.hitZone.removeEventListener("pointerdown", this.boundPointerDown), this.hitZone.removeEventListener("pointermove", this.boundPointerMove), this.hitZone.removeEventListener("pointerup", this.boundPointerUp), (e = this.dragState) != null && e.didDrag && (document.body.style.cursor = "", document.body.style.userSelect = ""), this.dragState = null, xe(), this.hitZone.remove();
+		this.hitZone.removeEventListener("mouseenter", this.boundMouseEnter), this.hitZone.removeEventListener("mouseleave", this.boundMouseLeave), this.hitZone.removeEventListener("pointerdown", this.boundPointerDown), this.hitZone.removeEventListener("pointermove", this.boundPointerMove), this.hitZone.removeEventListener("pointerup", this.boundPointerUp), (e = this.dragState) != null && e.didDrag && (document.body.style.cursor = "", document.body.style.userSelect = ""), this.dragState = null, t(), this.hitZone.remove();
 	}
 }, ta = "data-blok-table-haze", na = "data-blok-table-haze-visible", ra = 1, ia = [
 	"absolute",
@@ -4630,7 +4630,7 @@ var Or = (e) => {
 	constructor({ data: e, config: t, api: n, readOnly: r, block: i }) {
 		this.initialContent = null, this.resize = null, this.addControls = null, this.rowColControls = null, this.cellBlocks = null, this.cellSelection = null, this.cornerDrag = null, this.scrollHaze = null, this.element = null, this.gridElement = null, this.scrollContainer = null, this.gripOverlay = null, this.pendingHighlight = null, this.isNewTable = !1, this.unregisterRestrictedTools = null, this.gridPasteCleanup = null, this.keyboardNavCleanup = null, this.setDataGeneration = 0, this.structuralOpDepth = 0, this.api = n, this.readOnly = r, this.config = t == null ? {} : t;
 		let a = si(e, this.config);
-		this.initialContent = a.content, this.grid = new Sr({ readOnly: r }), this.model = new mi(a), this.blockId = i == null ? void 0 : i.id, this.config.restrictedTools !== void 0 && (this.unregisterRestrictedTools = o(this.config.restrictedTools));
+		this.initialContent = a.content, this.grid = new Sr({ readOnly: r }), this.model = new mi(a), this.blockId = i == null ? void 0 : i.id, this.config.restrictedTools !== void 0 && (this.unregisterRestrictedTools = le(this.config.restrictedTools));
 	}
 	runStructuralOp(e, t = !1) {
 		this.structuralOpDepth++;
@@ -4680,9 +4680,9 @@ var Or = (e) => {
 		e.forEach((e, i) => {
 			e.forEach((e, a) => {
 				if (typeof e == "string" || e.mergedInto) return;
-				let o = t.querySelector(`[${vr}="${i}"][${N}="${a}"]`);
+				let o = t.querySelector(`[${vr}="${i}"][${F}="${a}"]`);
 				if (!o) return;
-				let s = o.querySelector(`[${F}]`);
+				let s = o.querySelector(`[${L}]`);
 				s && e.blocks.forEach((e) => {
 					let t = n.get(e);
 					t && !r.has(e) && (s.appendChild(t), r.add(e));
@@ -4709,7 +4709,7 @@ var Or = (e) => {
 	}
 	static get toolbox() {
 		return {
-			icon: ue,
+			icon: dt,
 			title: "Table",
 			titleKey: "tools.table.title",
 			searchTerms: [
@@ -4747,7 +4747,7 @@ var Or = (e) => {
 			em: !0,
 			mark: (e) => {
 				let t = e.style, n = Array.from({ length: t.length }, (e, n) => t.item(n));
-				for (let e of n) te.has(e) || t.removeProperty(e);
+				for (let e of n) oe.has(e) || t.removeProperty(e);
 				return t.length > 0 ? { style: !0 } : {};
 			},
 			a: {
@@ -4770,25 +4770,25 @@ var Or = (e) => {
 		return n && this.element && (this.element.insertBefore(t, n), t.appendChild(n)), this.scrollContainer = t, (e = this.addControls) == null || e.attachScrollContainer(t), t;
 	}
 	render() {
-		var e, n, r, i;
-		let a = document.createElement("div");
-		a.className = O(ua, !this.readOnly && da), a.setAttribute(t.tool, "table"), this.readOnly && a.setAttribute("data-blok-table-readonly", ""), this.isNewTable = ((e = (n = this.initialContent) == null ? void 0 : n.length) == null ? 0 : e) === 0;
-		let o = ((r = (i = this.initialContent) == null ? void 0 : i.length) == null ? 0 : r) > 0, s = o && this.modelHasMerges(), c = s ? this.grid.createGridFromModel(this.model) : this.createFlatGrid();
-		if (o && !s) {
-			var l;
-			this.grid.fillGrid(c, (l = this.initialContent) == null ? [] : l);
+		var e, t, n, r;
+		let i = document.createElement("div");
+		i.className = A(ua, !this.readOnly && da), i.setAttribute(D.tool, "table"), this.readOnly && i.setAttribute("data-blok-table-readonly", ""), this.isNewTable = ((e = (t = this.initialContent) == null ? void 0 : t.length) == null ? 0 : e) === 0;
+		let a = ((n = (r = this.initialContent) == null ? void 0 : r.length) == null ? 0 : n) > 0, o = a && this.modelHasMerges(), s = o ? this.grid.createGridFromModel(this.model) : this.createFlatGrid();
+		if (a && !o) {
+			var c;
+			this.grid.fillGrid(s, (c = this.initialContent) == null ? [] : c);
 		}
-		if (this.model.colWidths && L(c, this.model.colWidths), this.gridElement = c, this.model.colWidths || !this.readOnly) {
+		if (this.model.colWidths && z(s, this.model.colWidths), this.gridElement = s, this.model.colWidths || !this.readOnly) {
 			let e = document.createElement("div");
 			e.setAttribute("data-blok-table-scroll", "");
 			let t = this.model.colWidths ? li : [];
-			e.classList.add(...t), e.appendChild(c), a.appendChild(e), this.scrollContainer = e;
-		} else a.appendChild(c), this.scrollContainer = null;
+			e.classList.add(...t), e.appendChild(s), i.appendChild(e), this.scrollContainer = e;
+		} else i.appendChild(s), this.scrollContainer = null;
 		if (!this.readOnly) {
 			let e = document.createElement("div");
-			e.setAttribute("data-blok-table-grip-overlay", ""), e.style.position = "absolute", e.style.inset = "0", e.style.pointerEvents = "none", e.style.zIndex = "3", a.appendChild(e), this.gripOverlay = e;
+			e.setAttribute("data-blok-table-grip-overlay", ""), e.style.position = "absolute", e.style.inset = "0", e.style.pointerEvents = "none", e.style.zIndex = "3", i.appendChild(e), this.gripOverlay = e;
 		}
-		return this.element = a, this.model.withHeadings && B(this.gridElement, this.model.withHeadings), this.model.withHeadingColumn && V(this.gridElement, this.model.withHeadingColumn), this.readOnly || (this.initCellBlocks(c), this.keyboardNavCleanup = ci(c, this.cellBlocks)), a;
+		return this.element = i, this.model.withHeadings && H(this.gridElement, this.model.withHeadings), this.model.withHeadingColumn && U(this.gridElement, this.model.withHeadingColumn), this.readOnly || (this.initCellBlocks(s), this.keyboardNavCleanup = ci(s, this.cellBlocks)), i;
 	}
 	rendered() {
 		if (!this.element || this.initialContent === null) return;
@@ -4804,14 +4804,14 @@ var Or = (e) => {
 		}
 		if (this.runTransactedStructuralOp(() => {
 			var n, r;
-			let i = (n = (r = this.cellBlocks) == null ? void 0 : r.initializeCells(t)) == null ? t : n, a = this.isNewTable && i.length === 0 ? Array.from(e.querySelectorAll(`[${j}]`), (e) => {
-				let t = e.querySelectorAll(`[${M}]`).length;
+			let i = (n = (r = this.cellBlocks) == null ? void 0 : r.initializeCells(t)) == null ? t : n, a = this.isNewTable && i.length === 0 ? Array.from(e.querySelectorAll(`[${N}]`), (e) => {
+				let t = e.querySelectorAll(`[${P}]`).length;
 				return Array.from({ length: t }, () => ({ blocks: [] }));
 			}) : i;
-			this.model.replaceAll(D(D({}, this.model.snapshot()), {}, { content: a })), this.isNewTable && z(e, this.cellBlocks), this.removeGhostChildren();
+			this.model.replaceAll(k(k({}, this.model.snapshot()), {}, { content: a })), this.isNewTable && V(e, this.cellBlocks), this.removeGhostChildren();
 		}, !0), this.model.initialColWidth === void 0) {
 			var r;
-			let t = (r = this.model.colWidths) == null ? I(e) : r;
+			let t = (r = this.model.colWidths) == null ? R(e) : r;
 			this.model.setInitialColWidth(t.length > 0 ? ri(t) : void 0);
 		}
 		this.initSubsystems(e);
@@ -4849,13 +4849,13 @@ var Or = (e) => {
 	save(e) {
 		let t = this.model.snapshot();
 		return t.content = t.content.map((e) => e.map((e) => {
-			if (!P(e)) return e;
+			if (!I(e)) return e;
 			let t = e.blocks.filter((e) => {
 				var t, n;
 				let r = (t = (n = this.api.blocks).getById) == null ? void 0 : t.call(n, e);
 				return !r || r.parentId === this.blockId;
 			});
-			return D(D({}, e), {}, { blocks: t });
+			return k(k({}, e), {}, { blocks: t });
 		})), t;
 	}
 	validate(e) {
@@ -4864,7 +4864,7 @@ var Or = (e) => {
 	setData(e) {
 		var t, n, r, i, a;
 		this.setDataGeneration++;
-		let o = this.setDataGeneration, s = si(D(D({}, this.model.snapshot()), e), this.config);
+		let o = this.setDataGeneration, s = si(k(k({}, this.model.snapshot()), e), this.config);
 		this.initialContent = s.content, this.model.replaceAll(s), this.api.blocks.isSyncingFromYjs || this.runStructuralOp(() => {
 			var e;
 			(e = this.cellBlocks) == null || e.deleteAllBlocks();
@@ -4887,12 +4887,12 @@ var Or = (e) => {
 			let i = (e = (t = (n = this.cellBlocks) == null ? void 0 : n.initializeCells((r = this.initialContent) == null ? [] : r)) == null ? this.initialContent : t) == null ? [] : e;
 			if (o === this.setDataGeneration) {
 				if (this.api.blocks.isSyncingFromYjs && i.length === 0 && f) {
-					let e = Array.from(f.querySelectorAll(`[${j}]`), (e) => {
-						let t = e.querySelectorAll(`[${M}]`).length;
+					let e = Array.from(f.querySelectorAll(`[${N}]`), (e) => {
+						let t = e.querySelectorAll(`[${P}]`).length;
 						return Array.from({ length: t }, () => ({ blocks: [] }));
 					});
-					this.model.replaceAll(D(D({}, this.model.snapshot()), {}, { content: e })), z(f, this.cellBlocks);
-				} else this.model.replaceAll(D(D({}, this.model.snapshot()), {}, { content: i }));
+					this.model.replaceAll(k(k({}, this.model.snapshot()), {}, { content: e })), V(f, this.cellBlocks);
+				} else this.model.replaceAll(k(k({}, this.model.snapshot()), {}, { content: i }));
 				this.initialContent = null;
 			}
 		}, !0), o !== this.setDataGeneration)) return;
@@ -4909,9 +4909,9 @@ var Or = (e) => {
 				var t;
 				n.push(e.innerHTML);
 				let i = (t = e.getAttribute("style")) == null ? "" : t, a = {}, o = /background-color\s*:\s*([^;]+)/i.exec(i);
-				o != null && o[1] && (a.color = ht(o[1].trim(), "bg"));
+				o != null && o[1] && (a.color = me(o[1].trim(), "bg"));
 				let s = (/* @__PURE__ */ RegExp("(?<![a-z-])color\\s*:\\s*([^;]+)", "i")).exec(i);
-				s != null && s[1] && !f(s[1].trim()) && (a.textColor = ht(s[1].trim(), "text")), r.push(a);
+				s != null && s[1] && !b(s[1].trim()) && (a.textColor = me(s[1].trim(), "text")), r.push(a);
 			}), n.length > 0 && (a.push(n), o.push(r));
 		});
 		let s = r.querySelector("thead") !== null, c = ((t = i[0]) == null ? void 0 : t.querySelector("th")) !== null, l = s || c;
@@ -4923,19 +4923,19 @@ var Or = (e) => {
 		if (!(u != null && u.parentNode)) return;
 		let d = this.render();
 		u.parentNode.replaceChild(d, u);
-		let p = this.gridElement;
-		if (!this.readOnly && p) {
+		let f = this.gridElement;
+		if (!this.readOnly && f) {
 			this.runStructuralOp(() => {
 				var e, t, n, r;
 				let i = (e = (t = (n = this.cellBlocks) == null ? void 0 : n.initializeCells((r = this.initialContent) == null ? [] : r)) == null ? this.initialContent : t) == null ? [] : e;
-				this.model.replaceAll(D(D({}, this.model.snapshot()), {}, { content: i })), this.initialContent = null, o.forEach((e, t) => {
+				this.model.replaceAll(k(k({}, this.model.snapshot()), {}, { content: i })), this.initialContent = null, o.forEach((e, t) => {
 					e.forEach((e, n) => {
 						e.color !== void 0 && this.model.setCellColor(t, n, e.color), e.textColor !== void 0 && this.model.setCellTextColor(t, n, e.textColor);
 					});
 				});
-			}, !0), this.initSubsystems(p);
+			}, !0), this.initSubsystems(f);
 			let e = this.model.snapshot();
-			di(p, e.content), fi(p, e.content);
+			di(f, e.content), fi(f, e.content);
 		}
 	}
 	destroy() {
@@ -4982,20 +4982,20 @@ var Or = (e) => {
 			}),
 			getNewColumnWidth: () => {
 				var t;
-				let n = (t = this.model.colWidths) == null ? I(e) : t;
-				return this.model.initialColWidth === void 0 ? R(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
+				let n = (t = this.model.colWidths) == null ? R(e) : t;
+				return this.model.initialColWidth === void 0 ? B(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
 			},
 			onAddRow: () => {
 				this.runTransactedStructuralOp(() => {
 					var t, n;
-					this.grid.addRow(e), this.model.addRow(), z(e, this.cellBlocks), B(this.gridElement, this.model.withHeadings), V(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (t = this.addControls) == null || t.syncRowButtonWidth(), (n = this.rowColControls) == null || n.refresh();
+					this.grid.addRow(e), this.model.addRow(), V(e, this.cellBlocks), H(this.gridElement, this.model.withHeadings), U(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (t = this.addControls) == null || t.syncRowButtonWidth(), (n = this.rowColControls) == null || n.refresh();
 				});
 			},
 			onAddColumn: () => {
 				this.runTransactedStructuralOp(() => {
 					var t, n, r;
-					let i = (t = this.model.colWidths) == null ? I(e) : t, a = this.model.initialColWidth === void 0 ? R(i) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
-					this.grid.addColumn(e, void 0, i, a), this.model.addColumn(void 0, a), this.model.setColWidths([...i, a]), z(e, this.cellBlocks), V(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (n = this.rowColControls) == null || n.refresh(), this.scrollContainer && (this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth), (r = this.addControls) == null || r.syncRowButtonWidth();
+					let i = (t = this.model.colWidths) == null ? R(e) : t, a = this.model.initialColWidth === void 0 ? B(i) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
+					this.grid.addColumn(e, void 0, i, a), this.model.addColumn(void 0, a), this.model.setColWidths([...i, a]), V(e, this.cellBlocks), U(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (n = this.rowColControls) == null || n.refresh(), this.scrollContainer && (this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth), (r = this.addControls) == null || r.syncRowButtonWidth();
 				});
 			},
 			onDragStart: () => {
@@ -5004,7 +5004,7 @@ var Or = (e) => {
 			},
 			onDragAddRow: () => {
 				this.runTransactedStructuralOp(() => {
-					this.grid.addRow(e), this.model.addRow(), z(e, this.cellBlocks), B(this.gridElement, this.model.withHeadings), V(this.gridElement, this.model.withHeadingColumn);
+					this.grid.addRow(e), this.model.addRow(), V(e, this.cellBlocks), H(this.gridElement, this.model.withHeadings), U(this.gridElement, this.model.withHeadingColumn);
 				});
 			},
 			onDragRemoveRow: () => {
@@ -5020,8 +5020,8 @@ var Or = (e) => {
 			onDragAddCol: () => {
 				this.runTransactedStructuralOp(() => {
 					var t;
-					let r = (t = this.model.colWidths) == null ? I(e) : t, i = this.model.initialColWidth === void 0 ? R(r) : Math.round(this.model.initialColWidth / 2 * 100) / 100, a = [...r, i];
-					this.grid.addColumn(e, void 0, r, i), this.model.addColumn(void 0, i), this.model.setColWidths(a), L(e, a), z(e, this.cellBlocks), V(this.gridElement, this.model.withHeadingColumn), this.initResize(e), n.addedCols++, this.scrollContainer && (this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth);
+					let r = (t = this.model.colWidths) == null ? R(e) : t, i = this.model.initialColWidth === void 0 ? B(r) : Math.round(this.model.initialColWidth / 2 * 100) / 100, a = [...r, i];
+					this.grid.addColumn(e, void 0, r, i), this.model.addColumn(void 0, i), this.model.setColWidths(a), z(e, a), V(e, this.cellBlocks), U(this.gridElement, this.model.withHeadingColumn), this.initResize(e), n.addedCols++, this.scrollContainer && (this.scrollContainer.scrollLeft = this.scrollContainer.scrollWidth);
 				});
 			},
 			onDragRemoveCol: () => {
@@ -5032,7 +5032,7 @@ var Or = (e) => {
 					let { blocksToDelete: i } = this.model.deleteColumn(r - 1);
 					(t = this.cellBlocks) == null || t.deleteBlocks(i), this.grid.deleteColumn(e, r - 1);
 					let a = this.model.colWidths;
-					a && L(e, a), this.initResize(e), n.addedCols--;
+					a && z(e, a), this.initResize(e), n.addedCols--;
 				});
 			},
 			onDragEnd: () => {
@@ -5048,14 +5048,14 @@ var Or = (e) => {
 			gridEl: e,
 			onAddRow: () => {
 				this.runStructuralOp(() => {
-					this.grid.addRow(e), this.model.addRow(), z(e, this.cellBlocks), B(this.gridElement, this.model.withHeadings), V(this.gridElement, this.model.withHeadingColumn);
+					this.grid.addRow(e), this.model.addRow(), V(e, this.cellBlocks), H(this.gridElement, this.model.withHeadings), U(this.gridElement, this.model.withHeadingColumn);
 				});
 			},
 			onAddColumn: () => {
 				this.runStructuralOp(() => {
 					var t;
-					let n = (t = this.model.colWidths) == null ? I(e) : t, r = this.model.initialColWidth === void 0 ? R(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100, i = [...n, r];
-					this.grid.addColumn(e, void 0, n, r), this.model.addColumn(void 0, r), this.model.setColWidths(i), L(e, i), ui(this.ensureScrollContainer()), z(e, this.cellBlocks), V(this.gridElement, this.model.withHeadingColumn);
+					let n = (t = this.model.colWidths) == null ? R(e) : t, r = this.model.initialColWidth === void 0 ? B(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100, i = [...n, r];
+					this.grid.addColumn(e, void 0, n, r), this.model.addColumn(void 0, r), this.model.setColWidths(i), z(e, i), ui(this.ensureScrollContainer()), V(e, this.cellBlocks), U(this.gridElement, this.model.withHeadingColumn);
 				});
 			},
 			onRemoveLastRow: () => {
@@ -5075,7 +5075,7 @@ var Or = (e) => {
 					let { blocksToDelete: r } = this.model.deleteColumn(n - 1);
 					(t = this.cellBlocks) == null || t.deleteBlocks(r), this.grid.deleteColumn(e, n - 1);
 					let i = this.model.colWidths;
-					i && L(e, i);
+					i && z(e, i);
 				});
 			},
 			onDragStart: () => {
@@ -5095,9 +5095,9 @@ var Or = (e) => {
 			onClickAdd: () => {
 				this.runTransactedStructuralOp(() => {
 					var t, n, r;
-					this.grid.addRow(e), this.model.addRow(), z(e, this.cellBlocks), B(this.gridElement, this.model.withHeadings), V(this.gridElement, this.model.withHeadingColumn);
-					let i = (t = this.model.colWidths) == null ? I(e) : t, a = this.model.initialColWidth === void 0 ? R(i) : Math.round(this.model.initialColWidth / 2 * 100) / 100, o = [...i, a];
-					this.grid.addColumn(e, void 0, i, a), this.model.addColumn(void 0, a), this.model.setColWidths(o), L(e, o), z(e, this.cellBlocks), V(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (n = this.rowColControls) == null || n.refresh(), (r = this.addControls) == null || r.syncRowButtonWidth();
+					this.grid.addRow(e), this.model.addRow(), V(e, this.cellBlocks), H(this.gridElement, this.model.withHeadings), U(this.gridElement, this.model.withHeadingColumn);
+					let i = (t = this.model.colWidths) == null ? R(e) : t, a = this.model.initialColWidth === void 0 ? B(i) : Math.round(this.model.initialColWidth / 2 * 100) / 100, o = [...i, a];
+					this.grid.addColumn(e, void 0, i, a), this.model.addColumn(void 0, a), this.model.setColWidths(o), z(e, o), V(e, this.cellBlocks), U(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (n = this.rowColControls) == null || n.refresh(), (r = this.addControls) == null || r.syncRowButtonWidth();
 				});
 			}
 		}));
@@ -5164,7 +5164,7 @@ var Or = (e) => {
 				blocksToDelete: o
 			});
 			if (n !== this.setDataGeneration || this.gridElement !== e) return;
-			if (this.model.setColWidths(s.colWidths), this.model.setWithHeadings(s.withHeadings), this.model.setWithHeadingColumn(s.withHeadingColumn), this.pendingHighlight = s.pendingHighlight, B(this.gridElement, this.model.withHeadings), V(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (r = this.addControls) == null || r.syncRowButtonWidth(), !(t.type === "toggle-heading" || t.type === "toggle-heading-column")) {
+			if (this.model.setColWidths(s.colWidths), this.model.setWithHeadings(s.withHeadings), this.model.setWithHeadingColumn(s.withHeadingColumn), this.pendingHighlight = s.pendingHighlight, H(this.gridElement, this.model.withHeadings), U(this.gridElement, this.model.withHeadingColumn), this.initResize(e), (r = this.addControls) == null || r.syncRowButtonWidth(), !(t.type === "toggle-heading" || t.type === "toggle-heading-column")) {
 				var c;
 				(c = this.rowColControls) == null || c.refresh();
 			}
@@ -5210,7 +5210,7 @@ var Or = (e) => {
 	initResize(e) {
 		var t, n;
 		(t = this.resize) == null || t.destroy();
-		let r = this.model.colWidths === void 0, i = (n = this.model.colWidths) == null ? I(e) : n;
+		let r = this.model.colWidths === void 0, i = (n = this.model.colWidths) == null ? R(e) : n;
 		r || ui(this.ensureScrollContainer()), this.resize = new vi(e, i, (e) => {
 			var t, n, r;
 			this.model.setColWidths(e), ui(this.ensureScrollContainer()), (t = this.rowColControls) == null || t.positionGrips(), (n = this.addControls) == null || n.syncRowButtonWidth(), (r = this.scrollHaze) == null || r.update();
@@ -5235,16 +5235,16 @@ var Or = (e) => {
 	handleCellCopy(e, t) {
 		let n = this.collectCellBlockData(e);
 		if (n.length === 0) return;
-		let r = le(n);
-		t.setData("text/html", S(r)), t.setData("text/plain", oe(r));
+		let r = i(n);
+		t.setData("text/html", u(r)), t.setData("text/plain", g(r));
 	}
 	handleCellCopyViaButton(e) {
 		let t = this.collectCellBlockData(e);
 		if (t.length === 0) return;
-		let n = le(t), r = S(n), i = oe(n), a = new Blob([r], { type: "text/html" }), o = new Blob([i], { type: "text/plain" });
+		let n = i(t), r = u(n), a = g(n), o = new Blob([r], { type: "text/html" }), s = new Blob([a], { type: "text/plain" });
 		navigator.clipboard.write([new ClipboardItem({
-			"text/html": a,
-			"text/plain": o
+			"text/html": o,
+			"text/plain": s
 		})]);
 	}
 	handleCellColorChange(e, t, n) {
@@ -5263,7 +5263,7 @@ var Or = (e) => {
 				let e = Yr(n, r);
 				if (!e) continue;
 				this.model.setCellPlacement(e.row, e.col, t === "top-left" ? void 0 : t);
-				let i = r.querySelector(`[${F}]`);
+				let i = r.querySelector(`[${L}]`);
 				i && (t === "top-left" ? i.removeAttribute("data-blok-cell-placement") : i.setAttribute("data-blok-cell-placement", t));
 			}
 		});
@@ -5271,12 +5271,12 @@ var Or = (e) => {
 	collectCellBlockData(e) {
 		let t = this.gridElement;
 		if (!t) return [];
-		let n = Array.from(t.querySelectorAll(`[${j}]`));
+		let n = Array.from(t.querySelectorAll(`[${N}]`));
 		return e.map((e) => {
 			var t;
-			let r = e.closest(`[${j}]`);
+			let r = e.closest(`[${N}]`);
 			if (!r) return null;
-			let i = n.indexOf(r), a = Array.from(r.querySelectorAll(`[${M}]`)).indexOf(e), o = e.querySelector(`[${F}]`), s = [];
+			let i = n.indexOf(r), a = Array.from(r.querySelectorAll(`[${P}]`)).indexOf(e), o = e.querySelector(`[${L}]`), s = [];
 			if (!o) return {
 				row: i,
 				col: a,
@@ -5288,7 +5288,7 @@ var Or = (e) => {
 				let n = this.api.blocks.getBlockIndex(t);
 				if (n === void 0) return;
 				let r = this.api.blocks.getBlockByIndex(n);
-				r && s.push(D({
+				r && s.push(k({
 					tool: r.name,
 					data: r.preservedData
 				}, Object.keys(r.preservedTunes).length > 0 ? { tunes: r.preservedTunes } : {}));
@@ -5299,7 +5299,7 @@ var Or = (e) => {
 				data: { text: c }
 			});
 			let l = this.model.getCellColor(i, a), u = this.model.getCellTextColor(i, a);
-			return D(D({
+			return k(k({
 				row: i,
 				col: a,
 				blocks: s
@@ -5386,20 +5386,20 @@ var Or = (e) => {
 	}
 	handleGridPaste(e, t) {
 		if (this.readOnly || !e.clipboardData || e.defaultPrevented) return;
-		let n = e.clipboardData.getData("text/html"), r = _(n), i = r === null ? x(n) : null, a = r == null ? i : r;
+		let n = e.clipboardData.getData("text/html"), r = se(n), i = r === null ? ht(n) : null, a = r == null ? i : r;
 		if (!a || i !== null && new DOMParser().parseFromString(n, "text/html").querySelectorAll("table").length > 1) return;
 		let o = document.activeElement;
 		if (!o) return;
-		let s = o.closest(`[${M}]`);
+		let s = o.closest(`[${P}]`);
 		if (!s || !t.contains(s)) return;
-		let c = s.closest(`[${j}]`);
+		let c = s.closest(`[${N}]`);
 		if (!c) return;
 		if (a.rows === 1 && a.cols === 1) {
 			e.preventDefault(), e.stopPropagation(), this.insertSingleCellPayloadInline(a.cells[0][0]);
 			return;
 		}
 		e.preventDefault(), e.stopPropagation();
-		let l = Array.from(t.querySelectorAll(`[${j}]`)).indexOf(c), u = Array.from(c.querySelectorAll(`[${M}]`)).indexOf(s);
+		let l = Array.from(t.querySelectorAll(`[${N}]`)).indexOf(c), u = Array.from(c.querySelectorAll(`[${P}]`)).indexOf(s);
 		this.pastePayloadIntoCells(t, a, l, u);
 	}
 	insertSingleCellPayloadInline(e) {
@@ -5420,11 +5420,11 @@ var Or = (e) => {
 		this.runTransactedStructuralOp(() => {
 			var i, a;
 			this.expandGridForPaste(e, n + t.rows, r + t.cols);
-			let o = e.querySelectorAll(`[${j}]`);
+			let o = e.querySelectorAll(`[${N}]`);
 			Array.from({ length: t.rows }, (e, t) => t).forEach((e) => {
 				let i = o[n + e];
 				if (!i) return;
-				let a = i.querySelectorAll(`[${M}]`);
+				let a = i.querySelectorAll(`[${P}]`);
 				Array.from({ length: t.cols }, (e, t) => t).forEach((i) => {
 					let o = a[r + i];
 					if (o) {
@@ -5439,7 +5439,7 @@ var Or = (e) => {
 				});
 			}), this.initResize(e), (i = this.addControls) == null || i.syncRowButtonWidth(), (a = this.rowColControls) == null || a.refresh();
 		});
-		let i = e.querySelectorAll(`[${j}]`)[n + t.rows - 1], a = i == null ? void 0 : i.querySelectorAll(`[${M}]`)[r + t.cols - 1];
+		let i = e.querySelectorAll(`[${N}]`)[n + t.rows - 1], a = i == null ? void 0 : i.querySelectorAll(`[${P}]`)[r + t.cols - 1];
 		if (!a || !this.cellBlocks || !this.api.caret) return;
 		let o = this.cellBlocks.getBlockIdsFromCells([a]), s = o[o.length - 1];
 		s !== void 0 && this.api.caret.setToBlock(s, "end");
@@ -5447,11 +5447,11 @@ var Or = (e) => {
 	expandGridForPaste(e, t, n) {
 		let r = this.grid.getRowCount(e), i = this.grid.getColumnCount(e);
 		Array.from({ length: Math.max(0, t - r) }).forEach(() => {
-			this.grid.addRow(e), this.model.addRow(), z(e, this.cellBlocks), B(this.gridElement, this.model.withHeadings), V(this.gridElement, this.model.withHeadingColumn);
+			this.grid.addRow(e), this.model.addRow(), V(e, this.cellBlocks), H(this.gridElement, this.model.withHeadings), U(this.gridElement, this.model.withHeadingColumn);
 		}), Array.from({ length: Math.max(0, n - i) }).forEach(() => {
 			var t;
-			let n = (t = this.model.colWidths) == null ? I(e) : t, r = this.model.initialColWidth === void 0 ? R(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
-			this.grid.addColumn(e, void 0, n, r), this.model.addColumn(void 0, r), this.model.setColWidths([...n, r]), z(e, this.cellBlocks), V(this.gridElement, this.model.withHeadingColumn);
+			let n = (t = this.model.colWidths) == null ? R(e) : t, r = this.model.initialColWidth === void 0 ? B(n) : Math.round(this.model.initialColWidth / 2 * 100) / 100;
+			this.grid.addColumn(e, void 0, n, r), this.model.addColumn(void 0, r), this.model.setColWidths([...n, r]), V(e, this.cellBlocks), U(this.gridElement, this.model.withHeadingColumn);
 		});
 	}
 	pasteCellPayload(e, t) {
@@ -5459,7 +5459,7 @@ var Or = (e) => {
 			let t = this.cellBlocks.getBlockIdsFromCells([e]);
 			this.cellBlocks.deleteBlocks(t);
 		}
-		let n = e.querySelector(`[${F}]`);
+		let n = e.querySelector(`[${L}]`);
 		if (n) {
 			if (t.blocks.length === 0) {
 				var r;
@@ -5499,7 +5499,7 @@ var Or = (e) => {
 		newData: e,
 		inPlace: !1
 	};
-	let i = D(D({}, e), t);
+	let i = k(k({}, e), t);
 	return typeof t.text == "string" && (r.innerHTML = t.text), {
 		newData: i,
 		inPlace: !0
@@ -5524,11 +5524,11 @@ var Or = (e) => {
 	}
 	get placeholder() {
 		if (this._settings.placeholder) return this._settings.placeholder;
-		let e = this.api.i18n.t(We);
+		let e = this.api.i18n.t(He);
 		return e === "tools.toggle.placeholder" ? "Toggle" : e;
 	}
 	render() {
-		let e = jt({
+		let e = Mt({
 			data: this._data,
 			readOnly: this.readOnly,
 			isOpen: this._isOpen,
@@ -5536,10 +5536,10 @@ var Or = (e) => {
 			keydownHandler: this.readOnly ? null : this.handleKeyDown.bind(this),
 			onArrowClick: () => this.toggleOpen(),
 			onBodyPlaceholderClick: this.readOnly ? null : () => this.handleBodyPlaceholderClick(),
-			bodyPlaceholderText: this.api.i18n.t(Ye),
+			bodyPlaceholderText: this.api.i18n.t(Je),
 			ariaLabels: {
-				collapse: this.api.i18n.t(st),
-				expand: this.api.i18n.t(qe)
+				collapse: this.api.i18n.t(it),
+				expand: this.api.i18n.t(Ge)
 			}
 		});
 		return this._element = e.wrapper, this._contentElement = e.contentElement, this._arrowElement = e.arrowElement, this._bodyPlaceholderElement = e.bodyPlaceholderElement, this._childContainerElement = e.childContainerElement, this._element;
@@ -5563,16 +5563,16 @@ var Or = (e) => {
 	onPaste(t) {
 		let n = t.detail;
 		if (!("data" in n)) return;
-		let r = n.data, i = r.querySelector("summary"), a = je(i === null ? r.innerHTML : i.innerHTML, e.sanitize.text);
+		let r = n.data, i = r.querySelector("summary"), a = Ke(i === null ? r.innerHTML : i.innerHTML, e.sanitize.text);
 		this._data = { text: a };
 		let o = this.getContentElement();
 		o !== null && (o.innerHTML = a);
 	}
 	setData(e) {
 		let t = ga(this._data, e, this.getContentElement.bind(this));
-		return this._data = t.newData, typeof this._data.isOpen == "boolean" && (this._isOpen = this._data.isOpen), this._arrowElement && this._element && Mt(this._arrowElement, this._element, this._isOpen, {
-			collapse: this.api.i18n.t(st),
-			expand: this.api.i18n.t(qe)
+		return this._data = t.newData, typeof this._data.isOpen == "boolean" && (this._isOpen = this._data.isOpen), this._arrowElement && this._element && M(this._arrowElement, this._element, this._isOpen, {
+			collapse: this.api.i18n.t(it),
+			expand: this.api.i18n.t(Ge)
 		}), this.updateChildrenVisibility(), this.updateBodyPlaceholderVisibility(), t.inPlace;
 	}
 	renderSettings() {
@@ -5599,9 +5599,9 @@ var Or = (e) => {
 		return this._contentElement;
 	}
 	setOpenState(e) {
-		this._isOpen = e, this._arrowElement && this._element && Mt(this._arrowElement, this._element, this._isOpen, {
-			collapse: this.api.i18n.t(st),
-			expand: this.api.i18n.t(qe)
+		this._isOpen = e, this._arrowElement && this._element && M(this._arrowElement, this._element, this._isOpen, {
+			collapse: this.api.i18n.t(it),
+			expand: this.api.i18n.t(Ge)
 		}), this.updateChildrenVisibility(), this.updateBodyPlaceholderVisibility();
 	}
 	toggleOpen() {
@@ -5658,7 +5658,7 @@ var Or = (e) => {
 	}
 	static get toolbox() {
 		return {
-			icon: l,
+			icon: Ve,
 			title: "Toggle list",
 			titleKey: "toggleList",
 			name: Ze,
@@ -5706,24 +5706,27 @@ var Or = (e) => {
 	static get isReadOnlySupported() {
 		return !0;
 	}
-}, va = "callout", ya = "tools.callout.color", ba = "tools.callout.editIcon", xa = "tools.callout.addEmoji", Sa = "tools.callout.removeEmoji", Ca = "tools.callout.filterEmojis", wa = "tools.callout.calloutEmojiCategory", Ta = "tools.callout.noEmojisFound", Ea = "tools.callout.pickRandom", Da = "tools.callout.skinTone", Oa = "tools.callout.emojiCategoryPeople", ka = "tools.callout.emojiCategoryNature", Aa = "tools.callout.emojiCategoryFood", ja = "tools.callout.emojiCategoryActivity", Ma = "tools.callout.emojiCategoryTravel", Na = "tools.callout.emojiCategoryObjects", Pa = "tools.callout.emojiCategorySymbols", Fa = "tools.callout.emojiCategoryFlags", Ia = "💡", La = "rounded-xl px-4 py-[5px] my-1 flex items-start gap-2", Ra = "text-[1.5rem] leading-[1] cursor-pointer bg-transparent border-0 px-0 py-[7px] h-[38px] flex-shrink-0 select-none", za = "flex-1 min-w-0";
+}, va = "callout", ya = "tools.callout.color", ba = "tools.callout.editIcon", xa = "tools.callout.addEmoji", Sa = "tools.callout.removeEmoji", Ca = "tools.callout.filterEmojis", wa = "tools.callout.calloutEmojiCategory", Ta = "tools.callout.noEmojisFound", Ea = "tools.callout.pickRandom", Da = "tools.callout.skinTone", Oa = "tools.callout.emojiCategoryPeople", ka = "tools.callout.emojiCategoryNature", Aa = "tools.callout.emojiCategoryFood", ja = "tools.callout.emojiCategoryActivity", Ma = "tools.callout.emojiCategoryTravel", Na = "tools.callout.emojiCategoryObjects", Pa = "tools.callout.emojiCategorySymbols", Fa = "tools.callout.emojiCategoryFlags", Ia = "💡", La = "rounded-xl pl-8 pr-4 py-[5px] my-1 flex items-start gap-2 relative", Ra = "text-[1.5rem] leading-[1] cursor-pointer bg-transparent border-0 px-0 py-[7px] h-[38px] flex-shrink-0 select-none", za = "flex-1 min-w-0", Ba = "absolute left-0 top-0 h-full cursor-grab select-none";
 //#endregion
 //#region src/tools/callout/dom-builder.ts
-function Ba(e) {
-	let { emoji: n, readOnly: r, addEmojiLabel: i } = e, a = document.createElement("div");
-	a.className = La;
-	let o = document.createElement("button");
-	o.type = "button", o.className = Ra, o.textContent = n || "", o.setAttribute("aria-label", n === "" ? i : n), o.setAttribute("tabindex", "0"), o.setAttribute("data-blok-testid", "callout-emoji-btn"), r && (o.disabled = !0);
-	let s = document.createElement("div");
-	return s.className = za, s.setAttribute(E.toggleChildren, ""), s.setAttribute(t.nestedBlocks, ""), s.setAttribute("data-blok-child-toolbar", ""), s.setAttribute("data-blok-mutation-free", "true"), a.appendChild(o), a.appendChild(s), {
-		wrapper: a,
-		emojiButton: o,
-		childContainer: s
+function Va(e) {
+	let { emoji: t, readOnly: n, addEmojiLabel: r } = e, i = document.createElement("div");
+	i.className = La;
+	let a = document.createElement("button");
+	a.type = "button", a.className = Ra, a.textContent = t || "", a.setAttribute("aria-label", t === "" ? r : t), a.setAttribute("tabindex", "0"), a.setAttribute("data-blok-testid", "callout-emoji-btn"), n && (a.disabled = !0);
+	let o = document.createElement("div");
+	o.className = za, o.setAttribute(O.toggleChildren, ""), o.setAttribute(D.nestedBlocks, ""), o.setAttribute("data-blok-child-toolbar", ""), o.setAttribute("data-blok-mutation-free", "true"), i.appendChild(a), i.appendChild(o);
+	let s = document.createElement("span");
+	return s.className = Ba, s.style.width = "32px", s.setAttribute("data-callout-drag-zone", ""), i.prepend(s), {
+		wrapper: i,
+		emojiButton: a,
+		childContainer: o,
+		dragZone: s
 	};
 }
 //#endregion
 //#region src/tools/callout/block-operations.ts
-function Va(e) {
+function Ha(e) {
 	return {
 		emoji: e.emoji,
 		textColor: e.textColor,
@@ -5732,7 +5735,7 @@ function Va(e) {
 }
 //#endregion
 //#region src/tools/callout/callout-keyboard.ts
-async function Ha(e) {
+async function Ua(e) {
 	if (e.calloutBlockId === void 0) return;
 	let t = e.api.blocks.getChildren(e.calloutBlockId);
 	if (e.event.preventDefault(), t.length <= 1) {
@@ -5746,7 +5749,7 @@ async function Ha(e) {
 }
 //#endregion
 //#region src/tools/callout/emoji-picker/emoji-data.ts
-var Ua = [
+var Wa = [
 	"💡",
 	"👉",
 	"☝️",
@@ -5767,8 +5770,8 @@ var Ua = [
 	"📢",
 	"🛠️",
 	"⚙️"
-], Wa = { data: null };
-function Ga(e, t) {
+], Ga = { data: null };
+function Ka(e, t) {
 	let n = [];
 	for (let r of e.emojis) {
 		let i = t[r];
@@ -5785,12 +5788,12 @@ function Ga(e, t) {
 	}
 	return n;
 }
-async function Ka() {
-	if (Wa.data !== null) return Wa.data;
-	let e = await import("./native-D0cfLXsM.mjs"), t = "default" in e && e.default !== void 0 ? e.default : e, n = t.categories.flatMap((e) => Ga(e, t.emojis));
-	return Wa.data = n, n;
+async function qa() {
+	if (Ga.data !== null) return Ga.data;
+	let e = await import("./native-D0cfLXsM.mjs"), t = "default" in e && e.default !== void 0 ? e.default : e, n = t.categories.flatMap((e) => Ka(e, t.emojis));
+	return Ga.data = n, n;
 }
-function qa(e, t, n) {
+function Ja(e, t, n) {
 	let r = t.toLowerCase();
 	return e.filter((e) => {
 		if (e.name.toLowerCase().includes(r) || e.keywords.some((e) => e.includes(r))) return !0;
@@ -5798,7 +5801,7 @@ function qa(e, t, n) {
 		return t === void 0 ? !1 : t.n.toLowerCase().includes(r) || t.k !== void 0 && t.k.some((e) => e.toLowerCase().includes(r));
 	});
 }
-function Ja(e) {
+function Ya(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let r of e) {
 		var n;
@@ -5809,7 +5812,7 @@ function Ja(e) {
 }
 //#endregion
 //#region src/tools/callout/emoji-picker/emoji-locale.ts
-var Ya = /* @__PURE__ */ new Map(), Xa = {
+var Xa = /* @__PURE__ */ new Map(), Za = {
 	am: () => import("./am-BxlkYGsI.mjs"),
 	ar: () => import("./ar-9vlpr9V8.mjs"),
 	az: () => import("./az-ON63W_FP.mjs"),
@@ -5876,22 +5879,22 @@ var Ya = /* @__PURE__ */ new Map(), Xa = {
 	vi: () => import("./vi-bt-3LPGO.mjs"),
 	zh: () => import("./zh-Dgyb5Ly8.mjs")
 };
-async function Za(e) {
+async function Qa(e) {
 	if (e === "en") return null;
-	let t = Ya.get(e);
+	let t = Xa.get(e);
 	if (t !== void 0) return t;
-	let n = Xa[e];
+	let n = Za[e];
 	if (n === void 0) return null;
 	try {
 		let t = (await n()).default;
-		return Ya.set(e, t), t;
+		return Xa.set(e, t), t;
 	} catch (e) {
 		return null;
 	}
 }
 //#endregion
 //#region src/tools/callout/emoji-picker/index.ts
-var Qa = {
+var $a = {
 	callout: wa,
 	people: Oa,
 	nature: ka,
@@ -5901,27 +5904,27 @@ var Qa = {
 	objects: Na,
 	symbols: Pa,
 	flags: Fa
-}, $a = [
-	["callout", m],
-	["people", i],
-	["nature", me],
-	["foods", fe],
-	["activity", d],
-	["places", b],
-	["objects", mt],
-	["symbols", ce],
-	["flags", g]
-], eo = [
+}, eo = [
+	["callout", he],
+	["people", p],
+	["nature", de],
+	["foods", d],
+	["activity", y],
+	["places", mt],
+	["objects", pe],
+	["symbols", r],
+	["flags", C]
+], to = [
 	"✋",
 	"✋🏻",
 	"✋🏼",
 	"✋🏽",
 	"✋🏾",
 	"✋🏿"
-], to = "blok-emoji-skin-tone";
-function no() {
+], no = "blok-emoji-skin-tone";
+function ro() {
 	try {
-		let e = localStorage.getItem(to);
+		let e = localStorage.getItem(no);
 		if (e === null) return 0;
 		let t = parseInt(e, 10);
 		return t >= 0 && t <= 5 ? t : 0;
@@ -5929,12 +5932,12 @@ function no() {
 		return 0;
 	}
 }
-function ro(e) {
+function io(e) {
 	try {
-		localStorage.setItem(to, String(e));
+		localStorage.setItem(no, String(e));
 	} catch (e) {}
 }
-var io = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><rect x=\"1.5\" y=\"1.5\" width=\"11\" height=\"11\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.2\"/><circle cx=\"4.5\" cy=\"4.5\" r=\".9\" fill=\"currentColor\"/><circle cx=\"7\" cy=\"7\" r=\".9\" fill=\"currentColor\"/><circle cx=\"9.5\" cy=\"9.5\" r=\".9\" fill=\"currentColor\"/></svg>", ao = class {
+var ao = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><rect x=\"1.5\" y=\"1.5\" width=\"11\" height=\"11\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.2\"/><circle cx=\"4.5\" cy=\"4.5\" r=\".9\" fill=\"currentColor\"/><circle cx=\"7\" cy=\"7\" r=\".9\" fill=\"currentColor\"/><circle cx=\"9.5\" cy=\"9.5\" r=\".9\" fill=\"currentColor\"/></svg>", oo = class {
 	constructor(e) {
 		this._localeData = null, this._open = !1, this._allEmojis = [], this._skinTone = 0, this._showingEmptyState = !1, this._anchorEl = null, this._backdrop = null, this._savedOverflow = "", this._navButtons = /* @__PURE__ */ new Map(), this._sectionEls = /* @__PURE__ */ new Map(), this._activeNavId = "", this._navRafId = 0, this._skinToneButtons = [], this.onSelect = e.onSelect, this.onRemove = e.onRemove, this.i18n = e.i18n, this._locale = e.locale, this._element = this.buildElement();
 		let t = this._element.querySelector("[data-emoji-picker-body]"), n = this._element.querySelector("[data-emoji-picker-nav]"), r = this._element.querySelector("input[type=\"text\"]");
@@ -5952,13 +5955,13 @@ var io = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 	async open(e) {
 		var t = this;
 		t._anchorEl = e, t._open = !0, t._filterInput.value = "", t._element.setAttribute("data-theme", t.resolveTheme());
-		let n = no();
+		let n = ro();
 		if (n !== t._skinTone) {
-			t._skinTone = n, t._skinToneToggle.textContent = eo[n];
+			t._skinTone = n, t._skinToneToggle.textContent = to[n];
 			for (let [e, r] of t._skinToneButtons.entries()) t.applySkinToneActiveStyle(r, e === n);
 		}
-		if (t._allEmojis.length === 0 && (t._allEmojis = await Ka()), t._locale !== "en" && t._localeData === null) {
-			let e = await Za(t._locale);
+		if (t._allEmojis.length === 0 && (t._allEmojis = await qa()), t._locale !== "en" && t._localeData === null) {
+			let e = await Qa(t._locale);
 			e !== null && (t._localeData = e);
 		}
 		t.renderEmojiGrid(t._allEmojis), t.showBackdrop(), t._element.style.animation = "none", t._element.hidden = !1, t.position(e), t._element.offsetHeight, t._element.style.animation = "", t._filterInput.focus();
@@ -5979,7 +5982,7 @@ var io = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 		let n = document.createElement("div");
 		n.className = "relative flex-1 min-w-0";
 		let r = document.createElement("span");
-		r.className = ["pointer-events-none absolute left-2.5 top-1/2 -translate-y-1/2 flex items-center", "text-neutral-400 theme-dark:text-neutral-500 [&>svg]:w-[16px] [&>svg]:h-[16px]"].join(" "), r.innerHTML = pt;
+		r.className = ["pointer-events-none absolute left-2.5 top-1/2 -translate-y-1/2 flex items-center", "text-neutral-400 theme-dark:text-neutral-500 [&>svg]:w-[16px] [&>svg]:h-[16px]"].join(" "), r.innerHTML = ft;
 		let i = document.createElement("input");
 		i.type = "text", i.placeholder = this.i18n.t(Ca), i.className = [
 			"w-full text-[13px] rounded-lg py-[7px] pl-8 pr-3 outline-hidden",
@@ -5996,14 +5999,14 @@ var io = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 			"text-[14px] leading-none cursor-pointer select-none",
 			"hover:bg-neutral-100 theme-dark:hover:bg-neutral-800",
 			"active:scale-90 transition-all duration-100"
-		].join(" "), o.textContent = eo[this._skinTone], o.addEventListener("click", () => this.toggleSkinTonePopover()), this._skinToneToggle = o, a.appendChild(o), this._skinTonePopover = this.buildSkinTonePopover(), a.appendChild(this._skinTonePopover);
+		].join(" "), o.textContent = to[this._skinTone], o.addEventListener("click", () => this.toggleSkinTonePopover()), this._skinToneToggle = o, a.appendChild(o), this._skinTonePopover = this.buildSkinTonePopover(), a.appendChild(this._skinTonePopover);
 		let s = document.createElement("button");
 		s.type = "button", s.setAttribute("data-emoji-picker-random", ""), s.setAttribute("aria-label", this.i18n.t(Ea)), s.className = [
 			"flex-shrink-0 w-[34px] h-[34px] flex items-center justify-center rounded-lg",
 			"text-neutral-400 hover:bg-neutral-100 hover:text-neutral-600",
 			"theme-dark:hover:bg-neutral-800 theme-dark:hover:text-neutral-300",
 			"transition-colors duration-100 cursor-pointer"
-		].join(" "), s.innerHTML = io, s.addEventListener("click", () => this.pickRandom()), C(s, this.i18n.t(Ea), { placement: "bottom" });
+		].join(" "), s.innerHTML = ao, s.addEventListener("click", () => this.pickRandom()), T(s, this.i18n.t(Ea), { placement: "bottom" });
 		let c = document.createElement("button");
 		c.type = "button", c.setAttribute("data-emoji-picker-remove", ""), c.setAttribute("aria-label", this.i18n.t(Sa)), c.className = [
 			"flex-shrink-0 w-[34px] h-[34px] flex items-center justify-center rounded-lg",
@@ -6012,7 +6015,7 @@ var io = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 			"transition-colors duration-100 cursor-pointer"
 		].join(" "), c.innerHTML = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3.5 3.5l7 7M10.5 3.5l-7 7\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/></svg>", c.addEventListener("click", () => {
 			this.onRemove(), this.close();
-		}), C(c, this.i18n.t(Sa), { placement: "bottom" });
+		}), T(c, this.i18n.t(Sa), { placement: "bottom" });
 		let l = document.createElement("div");
 		l.className = "flex items-center gap-1", l.appendChild(s), l.appendChild(c), t.appendChild(n), t.appendChild(a), t.appendChild(l), e.appendChild(t);
 		let u = document.createElement("div");
@@ -6039,7 +6042,7 @@ var io = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 			"bg-white border border-neutral-200/70 shadow-lg",
 			"theme-dark:bg-neutral-800 theme-dark:border-neutral-700/50"
 		].join(" "), e.hidden = !0, this._skinToneButtons = [];
-		for (let [t, n] of eo.entries()) {
+		for (let [t, n] of to.entries()) {
 			let r = document.createElement("button");
 			r.type = "button", r.textContent = n, r.setAttribute("aria-label", `${this.i18n.t(Da)} ${t + 1}`), r.className = [
 				"w-[32px] h-[32px] flex items-center justify-center rounded-lg",
@@ -6073,7 +6076,7 @@ var io = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 		e ? this._skinToneToggle.classList.add(...t) : this._skinToneToggle.classList.remove(...t);
 	}
 	setSkinTone(e) {
-		this._skinTone = e, ro(e), this._skinToneToggle.textContent = eo[e];
+		this._skinTone = e, io(e), this._skinToneToggle.textContent = to[e];
 		for (let [t, n] of this._skinToneButtons.entries()) this.applySkinToneActiveStyle(n, t === e);
 		let t = Array.from(this._body.querySelectorAll("[data-emoji-native]"));
 		for (let e of t) {
@@ -6090,7 +6093,7 @@ var io = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 	}
 	buildCategoryNav(e) {
 		this._nav.innerHTML = "", this._navButtons.clear(), this._activeNavId = "";
-		for (let [t, n] of $a) {
+		for (let [t, n] of eo) {
 			if (!e.has(t)) continue;
 			let r = this.translateCategory(t), i = document.createElement("button");
 			i.type = "button", i.innerHTML = n, i.title = r, i.setAttribute("aria-label", r), i.setAttribute("data-emoji-nav", t), i.className = [
@@ -6130,11 +6133,11 @@ var io = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 			return;
 		}
 		this._nav.hidden = !0;
-		let t = qa(this._allEmojis, e, this._localeData);
+		let t = Ja(this._allEmojis, e, this._localeData);
 		if (t.length === 0) this._showingEmptyState || this.renderEmptyState();
 		else {
 			this._body.innerHTML = "", this._sectionEls.clear(), this._showingEmptyState = !1;
-			let e = Ja(t);
+			let e = Ya(t);
 			for (let [t, n] of e) {
 				let e = this.buildSection(this.translateCategory(t), n);
 				e.setAttribute("data-emoji-section", t), this._sectionEls.set(t, e), this._body.appendChild(e);
@@ -6143,13 +6146,13 @@ var io = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 	}
 	renderEmojiGrid(e) {
 		this._body.innerHTML = "", this._sectionEls.clear(), this._showingEmptyState = !1;
-		let t = /* @__PURE__ */ new Set(), n = Ua.map((t) => e.find((e) => e.native === t)).filter((e) => e !== void 0);
+		let t = /* @__PURE__ */ new Set(), n = Wa.map((t) => e.find((e) => e.native === t)).filter((e) => e !== void 0);
 		if (n.length > 0) {
 			t.add("callout");
 			let e = this.buildSection(this.translateCategory("callout"), n);
 			e.setAttribute("data-emoji-section", "callout"), this._sectionEls.set("callout", e), this._body.appendChild(e);
 		}
-		let r = new Set(Ua), i = Ja(e.filter((e) => !r.has(e.native)));
+		let r = new Set(Wa), i = Ya(e.filter((e) => !r.has(e.native)));
 		for (let [e, n] of i) {
 			t.add(e);
 			let r = this.buildSection(this.translateCategory(e), n);
@@ -6166,12 +6169,12 @@ var io = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 			"animate-[blok-emoji-empty-in_300ms_ease-out_both]"
 		].join(" ");
 		let t = document.createElement("span");
-		t.className = "mb-3 opacity-20 [&>svg]:w-9 [&>svg]:h-9", t.innerHTML = pt;
+		t.className = "mb-3 opacity-20 [&>svg]:w-9 [&>svg]:h-9", t.innerHTML = ft;
 		let n = document.createElement("span");
 		n.className = "text-[13px] font-medium", n.textContent = this.i18n.t(Ta), e.appendChild(t), e.appendChild(n), this._body.appendChild(e);
 	}
 	translateCategory(e) {
-		let t = Qa[e];
+		let t = $a[e];
 		return t === void 0 ? e : this.i18n.t(t);
 	}
 	buildSection(e, t) {
@@ -6199,7 +6202,7 @@ var io = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 				"transition-transform duration-75"
 			].join(" "), e.addEventListener("click", () => {
 				this.onSelect(this.getSkinnedNative(n)), this.close();
-			}), C(e, this.getDisplayName(n), { placement: "bottom" }), t.appendChild(e);
+			}), T(e, this.getDisplayName(n), { placement: "bottom" }), t.appendChild(e);
 		}
 		return t;
 	}
@@ -6226,10 +6229,10 @@ var io = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><r
 };
 //#endregion
 //#region src/tools/callout/index.ts
-function oo(e) {
+function so(e) {
 	return e.isEmojiVisible === !1 ? "" : typeof e.emoji == "string" && e.emoji.length > 0 ? e.emoji : Ia;
 }
-var so = {
+var co = {
 	general: null,
 	note: "blue",
 	important: "purple",
@@ -6237,9 +6240,9 @@ var so = {
 	additional: "yellow",
 	recommendation: "green",
 	caution: "red"
-}, co = class {
+}, lo = class {
 	constructor({ data: e, api: t, readOnly: n, block: r }) {
-		this._dom = null, this._emojiPicker = null, this._colorPicker = null, this.api = t, this.readOnly = n, this._data = this.normalizeData(e), r && (this.blockId = r.id);
+		this._dom = null, this._emojiPicker = null, this._colorPicker = null, this._dragZone = null, this.api = t, this.readOnly = n, this._data = this.normalizeData(e), r && (this.blockId = r.id);
 	}
 	normalizeData(e) {
 		let t = e;
@@ -6250,21 +6253,21 @@ var so = {
 		};
 	}
 	normalizeLegacyData(e) {
-		let t = typeof e.variant == "string" ? e.variant : "general", n = t in so ? so[t] : null;
+		let t = typeof e.variant == "string" ? e.variant : "general", n = t in co ? co[t] : null;
 		return {
-			emoji: oo(e),
+			emoji: so(e),
 			textColor: null,
 			backgroundColor: n == null ? null : n
 		};
 	}
 	render() {
 		if (this._dom) return this._dom.wrapper;
-		let e = Ba({
+		let e = Va({
 			emoji: this._data.emoji,
 			readOnly: this.readOnly,
 			addEmojiLabel: this.api.i18n.t(xa)
 		});
-		return this._dom = e, this.applyColors(), this.readOnly || (e.emojiButton.addEventListener("click", () => this.openEmojiPicker()), e.emojiButton.addEventListener("keydown", (e) => {
+		return this._dom = e, this._dragZone = e.dragZone, this.applyColors(), this.readOnly || (e.emojiButton.addEventListener("click", () => this.openEmojiPicker()), e.emojiButton.addEventListener("keydown", (e) => {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.openEmojiPicker());
 		}), e.childContainer.addEventListener("keydown", (e) => {
 			e.key === "Backspace" && this.handleChildBackspace(e);
@@ -6273,7 +6276,7 @@ var so = {
 	rendered() {
 		if (this.blockId === void 0 || this._dom === null) return;
 		let e = this.api.blocks.getChildren(this.blockId);
-		if (At(this._dom.childContainer, e), e.length === 0) {
+		if (jt(this._dom.childContainer, e), e.length === 0) {
 			let e = this.api.blocks.getBlockIndex(this.blockId);
 			if (e !== void 0) {
 				let t = this.api.blocks.insertInsideParent(this.blockId, e + 1);
@@ -6282,7 +6285,7 @@ var so = {
 		}
 	}
 	save() {
-		return Va({
+		return Ha({
 			emoji: this._data.emoji,
 			textColor: this._data.textColor,
 			backgroundColor: this._data.backgroundColor
@@ -6295,7 +6298,7 @@ var so = {
 		var t;
 		let n = (t = e.detail.data.getAttribute("style")) == null ? "" : t, r = /background(?:-color)?\s*:\s*([^;]+)/i.exec(n);
 		if (r != null && r[1]) {
-			let e = a(r[1].trim(), "bg");
+			let e = m(r[1].trim(), "bg");
 			e && (this._data.backgroundColor = e);
 		}
 		this.applyColors();
@@ -6315,24 +6318,24 @@ var so = {
 					presetField: "bg"
 				}],
 				onColorSelect: (t, n) => {
-					let r = t === null ? null : a(t, n === "color" ? "text" : "bg");
+					let r = t === null ? null : m(t, n === "color" ? "text" : "bg");
 					n === "color" ? this._data.textColor = r : this._data.backgroundColor = r, e.setActiveColor(t, n), this.applyColors();
 				}
 			});
 			this._colorPicker = e;
 		}
 		return this.syncPickerActiveColors(), [{
-			icon: i,
+			icon: p,
 			title: this.api.i18n.t(ba),
 			name: "callout-edit-icon",
 			closeOnActivate: !0,
 			onActivate: () => this.openEmojiPicker()
 		}, {
-			icon: Ke,
+			icon: Ne,
 			title: this.api.i18n.t(ya),
 			name: "callout-color",
 			children: { items: [{
-				type: T.Html,
+				type: w.Html,
 				element: this._colorPicker.element
 			}] }
 		}];
@@ -6341,16 +6344,19 @@ var so = {
 	setReadOnly(e) {
 		this.readOnly = e, this._dom && (this._dom.emojiButton.disabled = e);
 	}
+	get dragZone() {
+		return this._dragZone;
+	}
 	syncPickerActiveColors() {
 		if (this._colorPicker === null) return;
 		let e = this._data.textColor, t = this._data.backgroundColor;
-		this._colorPicker.setActiveColor(e === null ? null : _e(e, "text"), "color"), this._colorPicker.setActiveColor(t === null ? null : _e(t, "bg"), "background-color");
+		this._colorPicker.setActiveColor(e === null ? null : v(e, "text"), "color"), this._colorPicker.setActiveColor(t === null ? null : v(t, "bg"), "background-color");
 	}
 	applyColors() {
 		if (this._dom === null) return;
 		let { textColor: e, backgroundColor: t } = this._data;
-		if (e === null ? this._dom.wrapper.style.color = "" : this._dom.wrapper.style.color = _e(e, "text"), t !== null) {
-			let e = _e(t, "bg");
+		if (e === null ? this._dom.wrapper.style.color = "" : this._dom.wrapper.style.color = v(e, "text"), t !== null) {
+			let e = v(t, "bg");
 			this._dom.wrapper.style.backgroundColor = e, this._dom.wrapper.style.border = "", this._dom.wrapper.style.setProperty("--blok-search-input-bg", `light-dark(color-mix(in srgb, ${e} 70%, white), color-mix(in srgb, ${e} 85%, white))`);
 		} else this._dom.wrapper.style.backgroundColor = "", this._dom.wrapper.style.border = "1px solid var(--blok-callout-default-border, #e5e7eb)", this._dom.wrapper.style.removeProperty("--blok-search-input-bg"), this._dom.wrapper.style.removeProperty("--blok-search-input-border");
 	}
@@ -6361,7 +6367,7 @@ var so = {
 		let n = t[0], r = e.target;
 		if (!n.holder.contains(r)) return;
 		let i = window.getSelection(), a = i !== null && i.rangeCount > 0 && i.getRangeAt(0).startOffset === 0 && i.getRangeAt(0).collapsed;
-		n.holder.textContent !== "" || !a || Ha({
+		n.holder.textContent !== "" || !a || Ua({
 			api: this.api,
 			calloutBlockId: this.blockId,
 			firstChildBlockId: n.id,
@@ -6369,7 +6375,7 @@ var so = {
 		});
 	}
 	openEmojiPicker() {
-		this._dom !== null && (this._emojiPicker === null && (this._emojiPicker = new ao({
+		this._dom !== null && (this._emojiPicker === null && (this._emojiPicker = new oo({
 			onSelect: (e) => this.setEmoji(e),
 			onRemove: () => this.setEmoji(""),
 			i18n: this.api.i18n,
@@ -6381,7 +6387,7 @@ var so = {
 	}
 	static get toolbox() {
 		return {
-			icon: re,
+			icon: ie,
 			title: "Callout",
 			titleKey: "callout",
 			name: va,
@@ -6423,15 +6429,15 @@ var so = {
 	static get isReadOnlySupported() {
 		return !0;
 	}
-}, lo = class {
+}, uo = class {
 	constructor(e) {
 		this.element = null;
 	}
 	render() {
 		let e = document.createElement("div");
-		e.className = O("py-3", "leading-[1px]");
+		e.className = A("py-3", "leading-[1px]");
 		let t = document.createElement("hr");
-		return t.className = O("border-t", "border-border-primary", "border-b-0", "border-l-0", "border-r-0"), e.appendChild(t), this.element = e, e;
+		return t.className = A("border-t", "border-border-primary", "border-b-0", "border-l-0", "border-r-0"), e.appendChild(t), this.element = e, e;
 	}
 	save() {
 		return {};
@@ -6441,7 +6447,7 @@ var so = {
 	}
 	static get toolbox() {
 		return {
-			icon: ae,
+			icon: l,
 			titleKey: "divider",
 			shortcut: "---",
 			searchTerms: [
@@ -6476,7 +6482,7 @@ var so = {
 	static get sanitize() {
 		return {};
 	}
-}, uo = "tools.quote.placeholder", fo = [
+}, fo = "tools.quote.placeholder", po = [
 	"border-l-[3px]",
 	"border-current",
 	"pl-[0.9em]",
@@ -6486,7 +6492,7 @@ var so = {
 	"outline-hidden",
 	"mt-[0.3em]",
 	"mb-[0.3em]"
-], po = "text-[1.2em]", mo = class {
+], mo = "text-[1.2em]", ho = class {
 	constructor({ data: e, api: t, readOnly: n }) {
 		var r, i;
 		this.placeholderCleanup = null, this._element = null, this.api = t, this.readOnly = n, this._data = {
@@ -6499,13 +6505,13 @@ var so = {
 	}
 	drawView() {
 		let e = document.createElement("blockquote");
-		return e.className = O(this.api.styles.block, fo, vt, this._data.size === "large" ? po : ""), e.setAttribute(t.tool, "quote"), e.contentEditable = "false", this._data.text ? e.innerHTML = this._data.text : this.readOnly && (e.innerHTML = "<br>"), this.readOnly || (e.contentEditable = "true", e.addEventListener("keyup", this.onKeyUp), this.placeholderCleanup = A(e, this.api.i18n.t(uo), "data-blok-placeholder-active")), e;
+		return e.className = A(this.api.styles.block, po, yt, this._data.size === "large" ? mo : ""), e.setAttribute(D.tool, "quote"), e.contentEditable = "false", this._data.text ? e.innerHTML = this._data.text : this.readOnly && (e.innerHTML = "<br>"), this.readOnly || (e.contentEditable = "true", e.addEventListener("keyup", this.onKeyUp), this.placeholderCleanup = j(e, this.api.i18n.t(fo), "data-blok-placeholder-active")), e;
 	}
 	render() {
 		return this._element || (this._element = this.drawView()), this._element;
 	}
 	setReadOnly(e) {
-		this._element && (this.readOnly = e, e ? (this._element.contentEditable = "false", this._element.removeEventListener("keyup", this.onKeyUp), this.placeholderCleanup && (this.placeholderCleanup(), this.placeholderCleanup = null), bt(this._element) && (this._element.innerHTML = "<br>")) : (this._element.contentEditable = "true", this._element.addEventListener("keyup", this.onKeyUp), this.placeholderCleanup = A(this._element, this.api.i18n.t(uo), "data-blok-placeholder-active"), this._element.innerHTML === "<br>" && (this._element.innerHTML = "")));
+		this._element && (this.readOnly = e, e ? (this._element.contentEditable = "false", this._element.removeEventListener("keyup", this.onKeyUp), this.placeholderCleanup && (this.placeholderCleanup(), this.placeholderCleanup = null), xt(this._element) && (this._element.innerHTML = "<br>")) : (this._element.contentEditable = "true", this._element.addEventListener("keyup", this.onKeyUp), this.placeholderCleanup = j(this._element, this.api.i18n.t(fo), "data-blok-placeholder-active"), this._element.innerHTML === "<br>" && (this._element.innerHTML = "")));
 	}
 	save(e) {
 		return {
@@ -6526,17 +6532,17 @@ var so = {
 	}
 	renderSettings() {
 		return [{
-			icon: Se,
+			icon: pt,
 			title: this.api.i18n.t("tools.quote.size"),
 			name: "quote-size",
 			children: { items: [{
-				icon: Se,
+				icon: pt,
 				title: this.api.i18n.t("tools.quote.defaultSize"),
 				onActivate: () => this.setSize("default"),
 				closeOnActivate: !0,
 				isActive: this._data.size === "default"
 			}, {
-				icon: Se,
+				icon: pt,
 				title: this.api.i18n.t("tools.quote.largeSize"),
 				onActivate: () => this.setSize("large"),
 				closeOnActivate: !0,
@@ -6545,7 +6551,7 @@ var so = {
 		}];
 	}
 	setSize(e) {
-		this._data.size = e, this._element && (this._element.className = O(this.api.styles.block, fo, vt, e === "large" ? po : ""));
+		this._data.size = e, this._element && (this._element.className = A(this.api.styles.block, po, yt, e === "large" ? mo : ""));
 	}
 	onPaste(e) {
 		let t = e.detail;
@@ -6556,7 +6562,7 @@ var so = {
 	}
 	static get toolbox() {
 		return {
-			icon: Se,
+			icon: pt,
 			title: "Quote",
 			titleKey: "quote",
 			searchTerms: [
@@ -6592,7 +6598,7 @@ var so = {
 	static get pasteConfig() {
 		return { tags: ["BLOCKQUOTE"] };
 	}
-}, ho = "tools.code.language", go = "tools.code.copied", _o = "tools.code.copyCode", vo = "tools.code.wrapLines", yo = "tools.code.searchLanguage", bo = "plain text", xo = [
+}, go = "tools.code.language", _o = "tools.code.copied", vo = "tools.code.copyCode", yo = "tools.code.wrapLines", bo = "tools.code.searchLanguage", xo = "plain text", So = [
 	{
 		id: "plain text",
 		name: "Plain Text"
@@ -6717,64 +6723,79 @@ var so = {
 		id: "lua",
 		name: "Lua"
 	}
-], So = "flex flex-col rounded-lg bg-bg-secondary overflow-hidden my-1", Co = "flex items-center gap-1 px-3 py-1.5 border-b border-border-primary text-xs text-gray-text", wo = "px-1.5 py-0.5 rounded cursor-pointer bg-transparent border-0 text-xs text-gray-text font-medium transition-colors can-hover:hover:bg-item-hover-bg select-none", To = "p-1 rounded cursor-pointer bg-transparent border-0 text-gray-text transition-colors can-hover:hover:bg-item-hover-bg flex items-center justify-center", Eo = "block px-4 py-3 font-mono text-sm leading-relaxed outline-hidden whitespace-pre-wrap overflow-x-auto min-h-[1.5em]", Do = "text-xs text-gray-text font-medium select-none", Oo = new Set(["latex", "mermaid"]), ko = "tools.code.codeTab", Ao = "tools.code.previewTab", H = "px-2 py-0.5 rounded text-xs font-medium cursor-pointer border-0 transition-colors select-none", jo = "bg-blue-500 text-white", Mo = "bg-transparent text-gray-text can-hover:hover:bg-item-hover-bg", No = "px-4 py-3 overflow-x-auto min-h-[1.5em] flex justify-center", Po = "one-light", Fo = "vitesse-dark", Io = ".dark", Lo = new Set(xo.map((e) => e.id).filter((e) => e !== bo)), Ro = "tools.code.lineNumbers", zo = "flex overflow-hidden", Bo = "select-none text-right pr-3 py-3 font-mono text-sm leading-relaxed text-gray-text/40 border-r border-border-primary shrink-0", Vo = "leading-relaxed";
+], Co = "flex flex-col rounded-lg border border-border-secondary bg-bg-secondary overflow-hidden my-1", wo = "flex items-center gap-1 px-3 py-1.5 border-b border-border-primary text-xs text-gray-text", To = "px-1.5 py-0.5 rounded cursor-pointer bg-transparent border-0 text-xs text-gray-text font-medium transition-colors can-hover:hover:bg-item-hover-bg select-none", Eo = "p-1 rounded cursor-pointer bg-transparent border-0 text-gray-text transition-colors can-hover:hover:bg-item-hover-bg flex items-center justify-center", Do = "block px-4 py-3 font-mono text-sm leading-relaxed outline-hidden whitespace-pre-wrap overflow-x-auto min-h-[1.5em]", Oo = "text-xs text-gray-text font-medium select-none", ko = new Set(["latex", "mermaid"]), Ao = "px-4 py-3 overflow-x-auto min-h-[1.5em] flex justify-center", jo = "tools.code.previewToggle", Mo = "absolute right-0 top-full mt-1 min-w-[10rem] rounded-lg bg-bg-secondary border border-border-secondary shadow-lg p-1 z-10", No = "flex items-center gap-2 w-full px-2.5 py-1.5 rounded text-xs text-gray-text cursor-pointer bg-transparent border-0 transition-colors can-hover:hover:bg-item-hover-bg select-none", Po = "one-light", Fo = "vitesse-dark", Io = ".dark", Lo = new Set(So.map((e) => e.id).filter((e) => e !== xo)), Ro = "tools.code.lineNumbers", zo = "flex overflow-hidden", Bo = "select-none text-right pr-3 py-3 font-mono text-sm leading-relaxed text-gray-text/40 border-r border-border-primary shrink-0", Vo = "leading-relaxed";
 //#endregion
 //#region src/tools/code/dom-builder.ts
-function Ho(e, t) {
-	let n = document.createElement("button");
-	n.type = "button", n.className = `${H} ${Mo}`, n.textContent = e == null ? "Code" : e, n.setAttribute("data-blok-testid", "code-code-tab");
-	let r = document.createElement("button");
-	r.type = "button", r.className = `${H} ${jo}`, r.textContent = t == null ? "Preview" : t, r.setAttribute("data-blok-testid", "code-preview-tab");
-	let i = document.createElement("div");
-	return i.className = No, i.setAttribute("data-blok-testid", "code-preview"), {
-		codeTab: n,
-		previewTab: r,
-		previewElement: i
+function Ho(e) {
+	let t = document.createElement("button");
+	t.type = "button", t.className = Eo, t.innerHTML = Re, t.setAttribute("aria-label", e == null ? "Preview" : e), t.setAttribute("data-blok-testid", "code-preview-toggle-btn");
+	let n = document.createElement("div");
+	return n.className = Ao, n.setAttribute("data-blok-testid", "code-preview"), {
+		previewToggleButton: t,
+		previewElement: n
 	};
 }
 function Uo(e) {
-	let { code: t, languageName: n, readOnly: r, copyLabel: i, wrapLabel: a, lineNumbersLabel: o, previewable: s, codeTabLabel: c, previewTabLabel: l } = e, u = document.createElement("div");
-	u.className = So;
-	let d = document.createElement("div");
-	d.className = Co;
-	let f = document.createElement("button");
-	f.type = "button", f.className = wo, f.textContent = n, f.setAttribute("aria-haspopup", "listbox"), f.setAttribute("data-blok-testid", "code-language-btn");
-	let p = document.createElement("div");
-	p.className = "flex-1";
-	let { codeTab: m, previewTab: h, previewElement: g } = s ? Ho(c, l) : {
-		codeTab: null,
-		previewTab: null,
+	let { code: t, languageName: n, readOnly: r, copyLabel: i, wrapLabel: a, lineNumbersLabel: o, previewable: s, previewToggleLabel: c } = e, l = document.createElement("div");
+	l.className = Co;
+	let u = document.createElement("div");
+	u.className = wo;
+	let d = document.createElement("button");
+	d.type = "button", d.className = To, d.setAttribute("aria-haspopup", "listbox"), d.setAttribute("data-blok-testid", "code-language-btn");
+	let f = document.createElement("span");
+	f.textContent = n, d.appendChild(f);
+	let p = document.createElement("span");
+	p.className = "inline-flex items-center ml-0.5 -mr-0.5", p.innerHTML = Be, d.appendChild(p);
+	let m = document.createElement("div");
+	m.className = "flex-1";
+	let { previewToggleButton: g, previewElement: ee } = s ? Ho(c) : {
+		previewToggleButton: null,
 		previewElement: null
 	}, _ = document.createElement("button");
-	_.type = "button", _.className = To, _.innerHTML = He, _.setAttribute("aria-label", a), _.setAttribute("data-blok-testid", "code-wrap-btn");
+	_.type = "button", _.className = Eo, _.innerHTML = ne, _.setAttribute("aria-label", i), _.setAttribute("data-blok-testid", "code-copy-btn");
 	let v = document.createElement("button");
-	v.type = "button", v.className = To, v.innerHTML = we, v.setAttribute("aria-label", o == null ? "Line numbers" : o), v.setAttribute("data-blok-testid", "code-line-numbers-btn");
-	let y = document.createElement("button");
-	y.type = "button", y.className = To, y.innerHTML = ee, y.setAttribute("aria-label", i), y.setAttribute("data-blok-testid", "code-copy-btn");
-	let b = document.createElement("code");
-	b.className = Eo, b.setAttribute("data-blok-testid", "code-content"), t && (b.textContent = t), r || (b.setAttribute("contenteditable", "plaintext-only"), b.setAttribute("spellcheck", "false"));
-	let x = document.createElement("div");
-	x.className = Bo, x.setAttribute("aria-hidden", "true"), x.setAttribute("data-blok-testid", "code-gutter");
-	let te = t ? t.split("\n").length : 1;
-	Array.from({ length: te }, (e, t) => {
+	v.type = "button", v.className = Eo, v.innerHTML = h, v.setAttribute("aria-label", "More"), v.setAttribute("aria-haspopup", "true"), v.setAttribute("data-blok-testid", "code-more-btn");
+	let y = document.createElement("div");
+	y.className = Mo, y.hidden = !0, y.setAttribute("data-blok-testid", "code-more-menu");
+	let b = document.createElement("button");
+	b.type = "button", b.className = No, b.setAttribute("data-blok-testid", "code-line-numbers-btn");
+	let te = document.createElement("span");
+	te.className = "flex items-center justify-center w-5 h-5", te.innerHTML = rt, b.appendChild(te);
+	let ie = document.createElement("span");
+	ie.textContent = o == null ? "Line numbers" : o, b.appendChild(ie);
+	let x = document.createElement("button");
+	x.type = "button", x.className = No, x.setAttribute("data-blok-testid", "code-wrap-btn");
+	let ae = document.createElement("span");
+	ae.className = "flex items-center justify-center w-5 h-5", ae.innerHTML = re, x.appendChild(ae);
+	let oe = document.createElement("span");
+	oe.textContent = a, x.appendChild(oe), y.appendChild(b), y.appendChild(x);
+	let S = document.createElement("code");
+	S.className = Do, S.setAttribute("data-blok-testid", "code-content"), t && (S.textContent = t), r || (S.setAttribute("contenteditable", "plaintext-only"), S.setAttribute("spellcheck", "false"));
+	let C = document.createElement("div");
+	C.className = Bo, C.setAttribute("aria-hidden", "true"), C.setAttribute("data-blok-testid", "code-gutter");
+	let se = t ? t.split("\n").length : 1;
+	Array.from({ length: se }, (e, t) => {
 		let n = document.createElement("div");
-		n.className = Vo, n.textContent = String(t + 1), x.appendChild(n);
-	}), d.appendChild(f), d.appendChild(p), m && h && (d.appendChild(m), d.appendChild(h)), d.appendChild(v), d.appendChild(_), d.appendChild(y);
-	let ne = document.createElement("pre");
-	ne.appendChild(b);
-	let S = document.createElement("div");
-	return S.className = zo, S.appendChild(x), S.appendChild(ne), u.appendChild(d), u.appendChild(S), g && u.appendChild(g), {
-		wrapper: u,
-		languageButton: f,
-		lineNumbersButton: v,
-		copyButton: y,
-		wrapButton: _,
-		preElement: ne,
-		codeElement: b,
-		gutterElement: x,
-		codeTab: m,
-		previewTab: h,
-		previewElement: g
+		n.className = Vo, n.textContent = String(t + 1), C.appendChild(n);
+	}), u.appendChild(d), u.appendChild(m), g && u.appendChild(g), u.appendChild(_);
+	let ce = document.createElement("div");
+	ce.className = "relative", ce.appendChild(v), ce.appendChild(y), u.appendChild(ce);
+	let le = document.createElement("pre");
+	le.appendChild(S);
+	let ue = document.createElement("div");
+	return ue.className = zo, ue.appendChild(C), ue.appendChild(le), l.appendChild(u), l.appendChild(ue), ee && l.appendChild(ee), {
+		wrapper: l,
+		languageButton: d,
+		lineNumbersButton: b,
+		copyButton: _,
+		wrapButton: x,
+		preElement: le,
+		codeElement: S,
+		gutterElement: C,
+		previewToggleButton: g,
+		previewElement: ee,
+		moreButton: v,
+		moreMenu: y
 	};
 }
 //#endregion
@@ -6870,7 +6891,7 @@ var Xo = class {
 		let t = document.createElement("div");
 		t.className = "px-2 pt-2 pb-1";
 		let n = document.createElement("input");
-		n.type = "text", n.placeholder = this._i18n.t(yo), n.setAttribute("data-blok-testid", "code-language-search"), n.className = [
+		n.type = "text", n.placeholder = this._i18n.t(bo), n.setAttribute("data-blok-testid", "code-language-search"), n.className = [
 			"w-full text-xs rounded-md py-1.5 px-2.5 outline-hidden",
 			"bg-neutral-100 text-neutral-800 placeholder:text-neutral-400",
 			"theme-dark:bg-neutral-800 theme-dark:text-neutral-200 theme-dark:placeholder:text-neutral-500",
@@ -7011,29 +7032,29 @@ var is = {
 	lua: () => import("./lua-DV0fuZWx.mjs"),
 	latex: () => import("./latex-24n3TcOR.mjs"),
 	mermaid: () => import("./mermaid-vF0cEnZ0.mjs")
-}, U = {
+}, as = {
 	highlighterPromise: null,
 	highlighter: null
 };
-function as(e) {
+function os(e) {
 	return Lo.has(e);
 }
-async function os() {
-	return U.highlighterPromise || (U.highlighterPromise = (async () => {
+async function ss() {
+	return as.highlighterPromise || (as.highlighterPromise = (async () => {
 		let { createHighlighterCore: e } = await import("./core-Bm6DWt7D.mjs"), { createJavaScriptRegexEngine: t } = await import("./engine-javascript-CJpnSvzf.mjs"), n = await e({
 			themes: [import("./one-light-DmNO_Y4X.mjs"), import("./vitesse-dark-CcorSKT2.mjs")],
 			langs: [],
 			engine: t()
 		});
-		return U.highlighter = n, n;
-	})()), U.highlighterPromise;
+		return as.highlighter = n, n;
+	})()), as.highlighterPromise;
 }
-async function ss(e, t) {
+async function cs(e, t) {
 	if (e.getLoadedLanguages().includes(t)) return;
 	let n = is[t];
 	n && await e.loadLanguage(await n());
 }
-function cs(e) {
+function ls(e) {
 	return {
 		tokens: e.tokens.map((t) => t.map((t) => {
 			var n;
@@ -7046,11 +7067,11 @@ function cs(e) {
 		fg: e.fg
 	};
 }
-async function ls(e, t) {
-	if (!as(t)) return null;
+async function us(e, t) {
+	if (!os(t)) return null;
 	try {
-		let n = await os();
-		await ss(n, t);
+		let n = await ss();
+		await cs(n, t);
 		let r = n.codeToTokens(e, {
 			lang: t,
 			theme: Po
@@ -7059,11 +7080,11 @@ async function ls(e, t) {
 			theme: Fo
 		});
 		return {
-			light: cs(r),
-			dark: cs(i)
+			light: ls(r),
+			dark: ls(i)
 		};
 	} catch (e) {
-		return U.highlighterPromise = null, U.highlighter = null, null;
+		return as.highlighterPromise = null, as.highlighter = null, null;
 	}
 }
 //#endregion
@@ -7072,26 +7093,26 @@ var W = {
 	stylesheet: null,
 	knownRules: /* @__PURE__ */ new Set()
 };
-function us() {
+function ds() {
 	return typeof CSS < "u" && "highlights" in CSS;
 }
-function ds() {
+function fs() {
 	return CSS.highlights;
 }
-function fs() {
+function ps() {
 	return W.stylesheet || (W.stylesheet = new CSSStyleSheet(), document.adoptedStyleSheets = [...document.adoptedStyleSheets, W.stylesheet]), W.stylesheet;
 }
-function ps(e) {
+function ms(e) {
 	let t = e.replace("#", "").toLowerCase();
 	return t.length > 6 ? t.substring(0, 6) : t;
 }
-function ms(e, t, n, r) {
+function hs(e, t, n, r) {
 	let i = `${r == null ? "" : r}::${t}`;
 	if (W.knownRules.has(i)) return;
 	let a = r ? `${r} ::highlight(${t}) { color: ${n}; }` : `::highlight(${t}) { color: ${n}; }`;
 	e.insertRule(a, e.cssRules.length), W.knownRules.add(i);
 }
-function hs(e, t) {
+function gs(e, t) {
 	let n = document.createTreeWalker(e, NodeFilter.SHOW_TEXT), r = (i, a) => {
 		var o, s;
 		if (!i) {
@@ -7112,7 +7133,7 @@ function hs(e, t) {
 	};
 	return r(n.nextNode(), 0);
 }
-function gs(e) {
+function _s(e) {
 	return e.split("\n").reduce((e, t) => ({
 		offsets: [...e.offsets, e.pos],
 		pos: e.pos + t.length + 1
@@ -7121,30 +7142,30 @@ function gs(e) {
 		pos: 0
 	}).offsets;
 }
-function _s(e, t, n, r, i, a, o, s, c) {
+function vs(e, t, n, r, i, a, o, s, c) {
 	if (!r.content.trim()) return;
 	let l = n + r.offset, u = l + r.content.length;
 	if (u > t.length) return;
-	let d = hs(e, l), f = hs(e, u);
+	let d = gs(e, l), f = gs(e, u);
 	if (!(!d || !f)) try {
 		let e = new Range();
 		e.setStart(d.node, d.offset), e.setEnd(f.node, f.offset);
-		let t = `blok-${i}-${ps(r.color)}`, n = ds();
-		ms(s, t, r.color, a);
+		let t = `blok-${i}-${ms(r.color)}`, n = fs();
+		hs(s, t, r.color, a);
 		let l = n.get(t), u = l == null ? new Highlight() : l;
 		l || (u.priority = o, n.set(t, u)), u.add(e), c.push([t, e]);
 	} catch (e) {}
 }
-function vs(e, t, n, r, i, a, o, s, c) {
+function ys(e, t, n, r, i, a, o, s, c) {
 	for (let [l, u] of r.tokens.entries()) {
 		let r = n[l];
-		if (r !== void 0) for (let n of u) _s(e, t, r, n, i, a, o, s, c);
+		if (r !== void 0) for (let n of u) vs(e, t, r, n, i, a, o, s, c);
 	}
 }
-function ys(e, t) {
+function bs(e, t) {
 	var n;
-	if (!us()) return () => {};
-	let r = fs(), i = [], a = (n = e.textContent) == null ? "" : n, o = gs(a), s = [[
+	if (!ds()) return () => {};
+	let r = ps(), i = [], a = (n = e.textContent) == null ? "" : n, o = _s(a), s = [[
 		"l",
 		t.light,
 		void 0,
@@ -7155,10 +7176,10 @@ function ys(e, t) {
 		Io,
 		1
 	]];
-	for (let [t, n, c, l] of s) vs(e, a, o, n, t, c, l, r, i);
-	return () => bs(i, ds());
+	for (let [t, n, c, l] of s) ys(e, a, o, n, t, c, l, r, i);
+	return () => xs(i, fs());
 }
-function bs(e, t) {
+function xs(e, t) {
 	for (let [n, r] of e) {
 		let e = t.get(n);
 		e && (e.delete(r), e.size === 0 && t.delete(n));
@@ -7166,37 +7187,36 @@ function bs(e, t) {
 }
 //#endregion
 //#region src/tools/code/index.ts
-var xs = 1500, Ss = class {
+var Ss = 1500, Cs = class {
 	constructor({ data: e, api: t, readOnly: n }) {
 		var r, i, a;
 		this._dom = null, this._wrapping = !0, this._lineNumbers = !0, this._picker = null, this._previewActive = !1, this._previewContainer = null, this._disposeHighlights = null, this._highlightRafId = null, this.api = t, this.readOnly = n, this._data = {
 			code: (r = e == null ? void 0 : e.code) == null ? "" : r,
-			language: (i = e == null ? void 0 : e.language) == null ? bo : i,
+			language: (i = e == null ? void 0 : e.language) == null ? xo : i,
 			lineNumbers: e == null ? void 0 : e.lineNumbers
 		}, this._lineNumbers = (a = e == null ? void 0 : e.lineNumbers) == null ? !0 : a;
 	}
 	render() {
-		let e = Oo.has(this._data.language), t = Uo({
+		let e = ko.has(this._data.language), t = Uo({
 			code: this._data.code,
 			languageName: this.getLanguageName(this._data.language),
 			readOnly: this.readOnly,
-			copyLabel: this.api.i18n.t(_o),
-			wrapLabel: this.api.i18n.t(vo),
+			copyLabel: this.api.i18n.t(vo),
+			wrapLabel: this.api.i18n.t(yo),
 			lineNumbersLabel: this.api.i18n.t(Ro),
 			previewable: this.readOnly ? !1 : e,
-			codeTabLabel: this.api.i18n.t(ko),
-			previewTabLabel: this.api.i18n.t(Ao)
+			previewToggleLabel: this.api.i18n.t(jo)
 		});
-		if (this._dom = t, t.gutterElement.hidden = !this._lineNumbers, t.lineNumbersButton.addEventListener("click", () => this.toggleLineNumbers()), this.readOnly && e) {
+		if (this._dom = t, t.gutterElement.hidden = !this._lineNumbers, t.lineNumbersButton.addEventListener("click", () => this.toggleLineNumbers()), t.moreButton.addEventListener("click", () => this.toggleMoreMenu()), this.readOnly && e) {
 			let e = document.createElement("div");
-			e.className = No, e.setAttribute("data-blok-testid", "code-preview"), t.wrapper.appendChild(e), t.preElement.hidden = !0, t.gutterElement.hidden = !0, this._previewContainer = e, this.renderPreview();
+			e.className = Ao, e.setAttribute("data-blok-testid", "code-preview"), t.wrapper.appendChild(e), t.preElement.hidden = !0, t.gutterElement.hidden = !0, this._previewContainer = e, this.renderPreview();
 		}
-		return !this.readOnly && e && t.codeTab && t.previewTab && t.previewElement && (this._previewActive = !0, t.preElement.hidden = !0, t.gutterElement.hidden = !0, t.previewElement.hidden = !1, this._previewContainer = t.previewElement, this.renderPreview(), t.codeTab.addEventListener("click", () => this.showCode()), t.previewTab.addEventListener("click", () => this.showPreview())), this.readOnly || (t.codeElement.addEventListener("keydown", (e) => {
+		return !this.readOnly && e && t.previewToggleButton && t.previewElement && (this._previewActive = !0, t.preElement.hidden = !0, t.gutterElement.hidden = !0, t.previewElement.hidden = !1, this._previewContainer = t.previewElement, this.renderPreview(), t.previewToggleButton.addEventListener("click", () => this.togglePreview())), this.readOnly || (t.codeElement.addEventListener("keydown", (e) => {
 			Wo(e, t.codeElement, () => this.exitBlock()) && (e.preventDefault(), this.syncTrailingBr(), this.updateGutter(), this.scheduleHighlight());
 		}), t.codeElement.addEventListener("input", () => {
 			this.syncTrailingBr(), this.updateGutter(), this.scheduleHighlight();
 		})), t.copyButton.addEventListener("click", () => this.copyCode()), t.wrapButton.addEventListener("click", () => this.toggleWrap()), this.readOnly || (this._picker = new Xo({
-			languages: xo,
+			languages: So,
 			onSelect: (e) => this.setLanguage(e),
 			i18n: this.api.i18n,
 			activeLanguageId: this._data.language
@@ -7208,13 +7228,19 @@ var xs = 1500, Ss = class {
 	rendered() {
 		this.highlightCode();
 	}
+	togglePreview() {
+		this._previewActive ? this.showCode() : this.showPreview();
+	}
 	showCode() {
 		var e;
-		!((e = this._dom) != null && e.previewElement) || !this._dom.codeTab || !this._dom.previewTab || (this._previewActive = !1, this._dom.preElement.hidden = !1, this._dom.gutterElement.hidden = !this._lineNumbers, this._dom.previewElement.hidden = !0, this._dom.codeTab.className = `${H} ${jo}`, this._dom.previewTab.className = `${H} ${Mo}`);
+		!((e = this._dom) != null && e.previewElement) || !this._dom.previewToggleButton || (this._previewActive = !1, this._dom.preElement.hidden = !1, this._dom.gutterElement.hidden = !this._lineNumbers, this._dom.previewElement.hidden = !0);
 	}
 	showPreview() {
 		var e;
-		!((e = this._dom) != null && e.previewElement) || !this._dom.codeTab || !this._dom.previewTab || (this._previewActive = !0, this._dom.preElement.hidden = !0, this._dom.gutterElement.hidden = !0, this._dom.previewElement.hidden = !1, this._dom.codeTab.className = `${H} ${Mo}`, this._dom.previewTab.className = `${H} ${jo}`, this.renderPreview());
+		!((e = this._dom) != null && e.previewElement) || !this._dom.previewToggleButton || (this._previewActive = !0, this._dom.preElement.hidden = !0, this._dom.gutterElement.hidden = !0, this._dom.previewElement.hidden = !1, this.renderPreview());
+	}
+	toggleMoreMenu() {
+		this._dom && (this._dom.moreMenu.hidden = !this._dom.moreMenu.hidden);
 	}
 	async renderPreview() {
 		var e = this, t, n;
@@ -7241,10 +7267,10 @@ var xs = 1500, Ss = class {
 	}
 	renderSettings() {
 		return [{
-			icon: Ve,
-			title: this.api.i18n.t(ho),
+			icon: te,
+			title: this.api.i18n.t(go),
 			name: "code-language",
-			children: { items: xo.map((e) => ({
+			children: { items: So.map((e) => ({
 				title: e.name,
 				onActivate: () => this.setLanguage(e.id),
 				closeOnActivate: !0,
@@ -7268,10 +7294,14 @@ var xs = 1500, Ss = class {
 	}
 	setLanguage(e) {
 		var t;
-		this._data.language = e, this._dom && (this._dom.languageButton.textContent = this.getLanguageName(e)), (t = this._picker) == null || t.setActiveLanguage(e), this.highlightCode();
+		if (this._data.language = e, this._dom) {
+			let t = this._dom.languageButton.querySelector("span");
+			t && (t.textContent = this.getLanguageName(e));
+		}
+		(t = this._picker) == null || t.setActiveLanguage(e), this.highlightCode();
 	}
 	getLanguageName(e) {
-		let t = xo.find((t) => t.id === e);
+		let t = So.find((t) => t.id === e);
 		return t ? t.name : e;
 	}
 	copyCode() {
@@ -7280,13 +7310,13 @@ var xs = 1500, Ss = class {
 		navigator.clipboard.writeText(n).then(() => {
 			if (!this._dom) return;
 			let e = this._dom.copyButton, t = e.innerHTML;
-			e.innerHTML = `<span class="${Do}">${this.api.i18n.t(go)}</span>`, setTimeout(() => {
+			e.innerHTML = `<span class="${Oo}">${this.api.i18n.t(_o)}</span>`, setTimeout(() => {
 				e.innerHTML = t;
-			}, xs);
+			}, Ss);
 		}).catch(() => {});
 	}
 	toggleWrap() {
-		this._wrapping = !this._wrapping, this._dom && (this._wrapping ? this._dom.codeElement.className = Eo : this._dom.codeElement.className = Eo.replace("whitespace-pre-wrap", "whitespace-pre"));
+		this._wrapping = !this._wrapping, this._dom && (this._wrapping ? this._dom.codeElement.className = Do : this._dom.codeElement.className = Do.replace("whitespace-pre-wrap", "whitespace-pre"));
 	}
 	toggleLineNumbers() {
 		this._lineNumbers = !this._lineNumbers, this._dom && (this._dom.gutterElement.hidden = !this._lineNumbers);
@@ -7313,7 +7343,7 @@ var xs = 1500, Ss = class {
 	}
 	async highlightCode() {
 		var e = this, t, n, r;
-		if (!us() || !as(e._data.language)) {
+		if (!ds() || !os(e._data.language)) {
 			var i;
 			(i = e._disposeHighlights) == null || i.call(e), e._disposeHighlights = null;
 			return;
@@ -7324,8 +7354,8 @@ var xs = 1500, Ss = class {
 			(o = e._disposeHighlights) == null || o.call(e), e._disposeHighlights = null;
 			return;
 		}
-		let s = await ls(a, e._data.language);
-		!s || !e._dom || ((r = e._disposeHighlights) == null || r.call(e), e._disposeHighlights = ys(e._dom.codeElement, s));
+		let s = await us(a, e._data.language);
+		!s || !e._dom || ((r = e._disposeHighlights) == null || r.call(e), e._disposeHighlights = bs(e._dom.codeElement, s));
 	}
 	exitBlock() {
 		let e = this.api.blocks.getCurrentBlockIndex();
@@ -7337,7 +7367,7 @@ var xs = 1500, Ss = class {
 	}
 	static get toolbox() {
 		return {
-			icon: Ve,
+			icon: te,
 			title: "Code",
 			titleKey: "code",
 			searchTerms: [
@@ -7375,28 +7405,28 @@ var xs = 1500, Ss = class {
 }, G = (e) => {
 	let t = e.tagName;
 	return t === "B" || t === "STRONG";
-}, Cs = (e) => !!(e && e.nodeType === Node.ELEMENT_NODE && G(e)), ws = (e) => e.textContent.length === 0, K = (e) => e ? e.nodeType === Node.ELEMENT_NODE && G(e) ? q(e) : K(e.parentNode) : null, q = (e) => {
+}, ws = (e) => !!(e && e.nodeType === Node.ELEMENT_NODE && G(e)), Ts = (e) => e.textContent.length === 0, K = (e) => e ? e.nodeType === Node.ELEMENT_NODE && G(e) ? q(e) : K(e.parentNode) : null, q = (e) => {
 	if (e.tagName === "STRONG") return e;
 	let t = document.createElement("strong");
 	for (e.hasAttributes() && Array.from(e.attributes).forEach((e) => {
 		t.setAttribute(e.name, e.value);
 	}); e.firstChild;) t.appendChild(e.firstChild);
 	return e.replaceWith(t), t;
-}, Ts = (e) => {
+}, Es = (e) => {
 	let t = e.nextSibling;
 	if ((t == null ? void 0 : t.nodeType) === Node.TEXT_NODE) return t;
 	let n = e.parentNode;
 	if (!n) return null;
 	let r = e.ownerDocument.createTextNode("");
 	return n.insertBefore(r, t), r;
-}, Es = (e) => {
+}, Ds = (e) => {
 	if (!e.boldElement.isConnected) return null;
-	let t = q(e.boldElement), n = e.boundary, r = n.isConnected && n.previousSibling === t ? n : Ts(t);
+	let t = q(e.boldElement), n = e.boundary, r = n.isConnected && n.previousSibling === t ? n : Es(t);
 	return r ? {
 		boundary: r,
 		boldElement: t
 	} : null;
-}, Ds = (e, t) => e ? e === t || t.contains(e) : !1, Os, J = {
+}, Os = (e, t) => e ? e === t || t.contains(e) : !1, ks, J = {
 	COLLAPSED_LENGTH: "data-blok-bold-collapsed-length",
 	COLLAPSED_ACTIVE: "data-blok-bold-collapsed-active",
 	PREV_LENGTH: "data-blok-bold-prev-length",
@@ -7449,7 +7479,7 @@ var xs = 1500, Ss = class {
 	}
 	exit(e, t) {
 		let n = q(t), r = n.parentNode;
-		if (r) return ws(n) ? this.removeEmptyBoldElement(e, n, r) : this.exitBoldWithContent(e, n, r);
+		if (r) return Ts(n) ? this.removeEmptyBoldElement(e, n, r) : this.exitBoldWithContent(e, n, r);
 	}
 	removeEmptyBoldElement(e, t, n) {
 		let r = document.createRange();
@@ -7473,7 +7503,7 @@ var xs = 1500, Ss = class {
 	}
 	maintain() {
 		if (!(typeof document > "u")) for (let e of Array.from(this.records)) {
-			let t = Es(e);
+			let t = Ds(e);
 			if (!t) {
 				this.records.delete(e);
 				continue;
@@ -7505,11 +7535,11 @@ var xs = 1500, Ss = class {
 		c && this.records.delete(e);
 	}
 	synchronize(e) {
-		var n, r;
-		let i = (n = e == null ? void 0 : e.anchorNode) == null ? e == null ? void 0 : e.focusNode : n, a = i && i.nodeType === Node.ELEMENT_NODE ? i : i == null ? void 0 : i.parentElement, o = (r = a == null ? void 0 : a.closest(w(t.editor))) == null ? a == null ? void 0 : a.ownerDocument : r;
-		if (!o) return;
-		let s = `strong[${J.COLLAPSED_ACTIVE}="true"]`;
-		o.querySelectorAll(s).forEach((t) => {
+		var t, n;
+		let r = (t = e == null ? void 0 : e.anchorNode) == null ? e == null ? void 0 : e.focusNode : t, i = r && r.nodeType === Node.ELEMENT_NODE ? r : r == null ? void 0 : r.parentElement, a = (n = i == null ? void 0 : i.closest(E(D.editor))) == null ? i == null ? void 0 : i.ownerDocument : n;
+		if (!a) return;
+		let o = `strong[${J.COLLAPSED_ACTIVE}="true"]`;
+		a.querySelectorAll(o).forEach((t) => {
 			var n;
 			let r = t.getAttribute(J.PREV_LENGTH), i = t.previousSibling;
 			if (!r || !i || i.nodeType !== Node.TEXT_NODE) return;
@@ -7523,17 +7553,17 @@ var xs = 1500, Ss = class {
 			if (u && !t.hasAttribute(J.LEADING_WHITESPACE) && t.setAttribute(J.LEADING_WHITESPACE, u[0]), l.length === 0) return;
 			let d = t.textContent, f = d + l, p = (n = t.getAttribute(J.LEADING_WHITESPACE)) == null ? "" : n, m = p.length > 0 && d.length === 0 && !f.startsWith(p) ? p + f : f, h = document.createTextNode(m);
 			for (; t.firstChild;) t.removeChild(t.firstChild);
-			if (t.appendChild(h), !(e != null && e.isCollapsed) || !Ds(e.focusNode, o)) return;
-			let g = document.createRange(), _ = h.textContent.length;
-			g.setStart(h, _), g.collapse(!0), e.removeAllRanges(), e.addRange(g);
+			if (t.appendChild(h), !(e != null && e.isCollapsed) || !Os(e.focusNode, o)) return;
+			let g = document.createRange(), ee = h.textContent.length;
+			g.setStart(h, ee), g.collapse(!0), e.removeAllRanges(), e.addRange(g);
 		});
 	}
 	enforceLengths(e) {
-		var n;
-		let r = (n = e == null ? void 0 : e.anchorNode) == null ? e == null ? void 0 : e.focusNode : n;
-		if (!r) return;
-		let i = r.nodeType === Node.ELEMENT_NODE ? r : r.parentElement, a = i == null ? void 0 : i.closest(w(t.editor));
-		a && a.querySelectorAll(`strong[${J.COLLAPSED_LENGTH}]`).forEach((t) => {
+		var t;
+		let n = (t = e == null ? void 0 : e.anchorNode) == null ? e == null ? void 0 : e.focusNode : t;
+		if (!n) return;
+		let r = n.nodeType === Node.ELEMENT_NODE ? n : n.parentElement, i = r == null ? void 0 : r.closest(E(D.editor));
+		i && i.querySelectorAll(`strong[${J.COLLAPSED_LENGTH}]`).forEach((t) => {
 			var n;
 			let r = t.getAttribute(J.COLLAPSED_LENGTH);
 			if (!r) return;
@@ -7547,7 +7577,7 @@ var xs = 1500, Ss = class {
 				let r = document.createTextNode(n);
 				(m = t.parentNode) == null || m.insertBefore(r, t.nextSibling);
 			}
-			if (p && t.removeAttribute(J.PREV_LENGTH), e != null && e.isCollapsed && s && Ds(e.focusNode, t)) {
+			if (p && t.removeAttribute(J.PREV_LENGTH), e != null && e.isCollapsed && s && Os(e.focusNode, t)) {
 				let t = document.createRange(), n = s.textContent.length;
 				t.setStart(s, n), t.collapse(!0), e.removeAllRanges(), e.addRange(t);
 			}
@@ -7641,10 +7671,10 @@ var xs = 1500, Ss = class {
 		return t.tagName === "STRONG" || t.tagName === "B";
 	}
 };
-Os = Y, Os.instance = null;
+ks = Y, ks.instance = null;
 //#endregion
 //#region src/components/inline-tools/services/bold-normalization-pass.ts
-var ks = {
+var As = {
 	convertLegacyTags: !0,
 	normalizeWhitespace: !0,
 	removeEmpty: !0,
@@ -7652,7 +7682,7 @@ var ks = {
 	preserveNode: null
 }, X = class e {
 	constructor(e) {
-		this.options = D(D({}, ks), e);
+		this.options = k(k({}, As), e);
 	}
 	run(e) {
 		if (typeof document > "u") return;
@@ -7705,16 +7735,16 @@ var ks = {
 		t.includes("\xA0") && (e.textContent = t.replace(/\u00A0/g, " "));
 	}
 	isEmptyAndSafe(e) {
-		return e.textContent.length !== 0 || Y.getInstance().isActivePlaceholder(e) ? !1 : !(this.options.preserveNode && Ds(this.options.preserveNode, e));
+		return e.textContent.length !== 0 || Y.getInstance().isActivePlaceholder(e) ? !1 : !(this.options.preserveNode && Os(this.options.preserveNode, e));
 	}
 	mergeWithAdjacent(e) {
 		let t = e.previousSibling;
-		if (t && Cs(t)) {
+		if (t && ws(t)) {
 			this.mergeStrongNodes(t, e);
 			return;
 		}
 		let n = e.nextSibling;
-		n && Cs(n) && this.mergeStrongNodes(e, n);
+		n && ws(n) && this.mergeStrongNodes(e, n);
 	}
 	mergeStrongNodes(e, t) {
 		let n = q(e), r = q(t);
@@ -7722,13 +7752,13 @@ var ks = {
 		r.remove();
 	}
 	static findScopeFromSelection(e) {
-		var n, r;
-		let i = (n = e == null ? void 0 : e.anchorNode) == null ? e == null ? void 0 : e.focusNode : n;
-		if (!i) return null;
-		let a = i.nodeType === Node.ELEMENT_NODE ? i : i.parentElement;
-		return a ? ((r = a.closest("[data-blok-component=\"paragraph\"]")) == null ? a.closest(w(t.elementContent)) : r) || a.closest(w(t.editor)) : null;
+		var t, n;
+		let r = (t = e == null ? void 0 : e.anchorNode) == null ? e == null ? void 0 : e.focusNode : t;
+		if (!r) return null;
+		let i = r.nodeType === Node.ELEMENT_NODE ? r : r.parentElement;
+		return i ? ((n = i.closest("[data-blok-component=\"paragraph\"]")) == null ? i.closest(E(D.elementContent)) : n) || i.closest(E(D.editor)) : null;
 	}
-}, As, js = class e {
+}, js, Ms = class e {
 	constructor() {
 		this.handlers = /* @__PURE__ */ new Map(), this.listenersRegistered = !1, this.handleSelectionChange = () => {
 			let e = this.getSelection();
@@ -7785,10 +7815,10 @@ var ks = {
 		return !(t.meta && !n || t.ctrl && !e.ctrlKey);
 	}
 };
-As = js, As.instance = null;
+js = Ms, js.instance = null;
 //#endregion
 //#region src/components/inline-tools/utils/formatting-range-utils.ts
-var Ms = (e, t) => {
+var Ns = (e, t) => {
 	try {
 		return e.intersectsNode(t);
 	} catch (n) {
@@ -7797,26 +7827,26 @@ var Ms = (e, t) => {
 		let i = e.compareBoundaryPoints(Range.END_TO_START, r) > 0, a = e.compareBoundaryPoints(Range.START_TO_END, r) < 0;
 		return i && a;
 	}
-}, Ns = (e) => {
+}, Ps = (e) => {
 	var t;
 	let n = e.commonAncestorContainer, r = n.nodeType === Node.TEXT_NODE ? (t = n.parentNode) == null ? n : t : n;
-	return document.createTreeWalker(r, NodeFilter.SHOW_TEXT, { acceptNode: (t) => Ms(e, t) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT });
-}, Z = (e, t, n) => !e || e === n ? null : e.nodeType === Node.ELEMENT_NODE && t(e) ? e : Z(e.parentNode, t, n), Ps = (e, t) => Z(e, t) !== null, Fs = (e, t, n = {}) => {
+	return document.createTreeWalker(r, NodeFilter.SHOW_TEXT, { acceptNode: (t) => Ns(e, t) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT });
+}, Z = (e, t, n) => !e || e === n ? null : e.nodeType === Node.ELEMENT_NODE && t(e) ? e : Z(e.parentNode, t, n), Fs = (e, t) => Z(e, t) !== null, Is = (e, t, n = {}) => {
 	if (e.collapsed) return Z(e.startContainer, t) !== null;
-	let r = Ns(e), i = [];
+	let r = Ps(e), i = [];
 	for (; r.nextNode();) {
 		let e = r.currentNode, t = e.textContent;
 		n.ignoreWhitespace && t.trim().length === 0 || t.length !== 0 && i.push(e);
 	}
-	return i.length === 0 ? Z(e.startContainer, t) !== null : i.every((e) => Ps(e, t));
+	return i.length === 0 ? Z(e.startContainer, t) !== null : i.every((e) => Fs(e, t));
 }, Q = (e, t) => {
-	let n = /* @__PURE__ */ new Set(), r = Ns(e);
+	let n = /* @__PURE__ */ new Set(), r = Ps(e);
 	for (; r.nextNode();) {
 		let e = Z(r.currentNode, t);
 		e && n.add(e);
 	}
 	return Array.from(n);
-}, $, Is = class e {
+}, $, Ls = class e {
 	static get sanitize() {
 		return {
 			strong: {},
@@ -7828,7 +7858,7 @@ var Ms = (e, t) => {
 	}
 	static initializeGlobalListeners() {
 		if (typeof document > "u") return !1;
-		let t = js.getInstance();
+		let t = Ms.getInstance();
 		return t.hasHandler("bold") ? !0 : (t.register("bold", {
 			shortcut: {
 				key: "b",
@@ -7857,7 +7887,7 @@ var Ms = (e, t) => {
 	}
 	render() {
 		return {
-			icon: c,
+			icon: o,
 			name: "bold",
 			onActivate: () => {
 				this.toggleBold();
@@ -7910,7 +7940,7 @@ var Ms = (e, t) => {
 			let e = document.createRange();
 			return e.setStartBefore(s), e.setEndAfter(c), r.removeAllRanges(), r.addRange(e), e;
 		})() || r.removeAllRanges(), X.normalizeAroundSelection(r), n.forEach((e) => {
-			ws(e) && e.remove();
+			Ts(e) && e.remove();
 		}), this.notifySelectionChange();
 	}
 	replaceRangeWithHtml(t, n) {
@@ -7950,7 +7980,7 @@ var Ms = (e, t) => {
 		n.selectNodeContents(e), t.removeAllRanges(), t.addRange(n);
 	}
 	isRangeBold(e, t) {
-		return Fs(e, G, t);
+		return Is(e, G, t);
 	}
 	removeNestedBold(e) {
 		e.querySelectorAll("b,strong").forEach((e) => {
@@ -7993,12 +8023,12 @@ var Ms = (e, t) => {
 	updateToolbarButtonState() {
 		let e = window.getSelection();
 		if (!e) return;
-		let n = e.anchorNode, r = (n == null ? void 0 : n.nodeType) === Node.ELEMENT_NODE ? n : n == null ? void 0 : n.parentElement, i = r == null ? void 0 : r.closest(w(t.editor));
-		if (!i) return;
-		let a = i.querySelector("[data-blok-testid=inline-toolbar]");
-		if (!(a instanceof HTMLElement)) return;
-		let o = a.querySelector("[data-blok-item-name=\"bold\"]");
-		o instanceof HTMLElement && (this.isSelectionVisuallyBold(e) ? o.setAttribute("data-blok-popover-item-active", "true") : o.removeAttribute("data-blok-popover-item-active"));
+		let t = e.anchorNode, n = (t == null ? void 0 : t.nodeType) === Node.ELEMENT_NODE ? t : t == null ? void 0 : t.parentElement, r = n == null ? void 0 : n.closest(E(D.editor));
+		if (!r) return;
+		let i = r.querySelector("[data-blok-testid=inline-toolbar]");
+		if (!(i instanceof HTMLElement)) return;
+		let a = i.querySelector("[data-blok-item-name=\"bold\"]");
+		a instanceof HTMLElement && (this.isSelectionVisuallyBold(e) ? a.setAttribute("data-blok-popover-item-active", "true") : a.removeAttribute("data-blok-popover-item-active"));
 	}
 	static refreshSelectionState(e) {
 		let t = window.getSelection();
@@ -8034,8 +8064,8 @@ var Ms = (e, t) => {
 		}), e.mutationObserver = t;
 	}
 	static findBlokScopeFromNode(e) {
-		let n = e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement;
-		return !n || typeof n.closest != "function" ? null : n.closest(`${w(t.interface)}, ${w(t.editor)}`);
+		let t = e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement;
+		return !t || typeof t.closest != "function" ? null : t.closest(`${E(D.interface)}, ${E(D.editor)}`);
 	}
 	static getBoundaryBold(t) {
 		let n = t.startContainer;
@@ -8046,18 +8076,18 @@ var Ms = (e, t) => {
 		if (e.startOffset === n) return K(t);
 		if (e.startOffset !== 0) return null;
 		let r = t.previousSibling;
-		return Cs(r) ? r : null;
+		return ws(r) ? r : null;
 	}
 	static getBoundaryBoldForElement(e, t) {
 		if (e.startOffset <= 0) return null;
 		let n = t.childNodes[e.startOffset - 1];
-		return Cs(n) ? n : null;
+		return ws(n) ? n : null;
 	}
 	static isSelectionInsideBlok(e) {
-		let n = e.anchorNode;
-		if (!n) return !1;
-		let r = n.nodeType === Node.ELEMENT_NODE ? n : n.parentElement;
-		return !!(r != null && r.closest(w(t.editor)));
+		let t = e.anchorNode;
+		if (!t) return !1;
+		let n = t.nodeType === Node.ELEMENT_NODE ? t : t.parentElement;
+		return !!(n != null && n.closest(E(D.editor)));
 	}
 	getRangeHtmlWithoutBold(e) {
 		let t = e.cloneContents();
@@ -8073,13 +8103,13 @@ var Ms = (e, t) => {
 		return Q(e, G);
 	}
 };
-$ = Is, $.isInline = !0, $.title = "Bold", $.titleKey = "bold", $.markerSequence = 0, $.isProcessingMutation = !1, $.instances = /* @__PURE__ */ new Set(), $.guardKeydownListenerRegistered = !1, $.shortcut = "CMD+B";
+$ = Ls, $.isInline = !0, $.title = "Bold", $.titleKey = "bold", $.markerSequence = 0, $.isProcessingMutation = !1, $.instances = /* @__PURE__ */ new Set(), $.guardKeydownListenerRegistered = !1, $.shortcut = "CMD+B";
 //#endregion
 //#region src/components/inline-tools/inline-tool-italic.ts
-var Ls, Rs = (e) => {
+var Rs, zs = (e) => {
 	let t = e.tagName;
 	return t === "I" || t === "EM";
-}, zs = class {
+}, Bs = class {
 	static get sanitize() {
 		return {
 			i: {},
@@ -8088,7 +8118,7 @@ var Ls, Rs = (e) => {
 	}
 	render() {
 		return {
-			icon: Be,
+			icon: Xe,
 			name: "italic",
 			onActivate: () => {
 				this.toggleItalic();
@@ -8128,7 +8158,7 @@ var Ls, Rs = (e) => {
 		return this.isRangeItalic(t, { ignoreWhitespace: !0 });
 	}
 	isRangeItalic(e, t) {
-		return Fs(e, Rs, t);
+		return Is(e, zs, t);
 	}
 	wrapWithItalic(e) {
 		let t = this.getRangeHtmlWithoutItalic(e), n = this.replaceRangeWithHtml(e, `<i>${t}</i>`), r = window.getSelection();
@@ -8154,13 +8184,13 @@ var Ls, Rs = (e) => {
 		});
 	}
 	hasItalicParent(e) {
-		return Ps(e, Rs);
+		return Fs(e, zs);
 	}
 	findItalicElement(e) {
-		return Z(e, Rs);
+		return Z(e, zs);
 	}
 	collectItalicAncestors(e) {
-		return Q(e, Rs);
+		return Q(e, zs);
 	}
 	getRangeHtmlWithoutItalic(e) {
 		let t = e.cloneContents();
@@ -8217,10 +8247,10 @@ var Ls, Rs = (e) => {
 		n.insertBefore(r, t.nextSibling), n.insertBefore(e, r);
 	}
 };
-Ls = zs, Ls.isInline = !0, Ls.title = "Italic", Ls.titleKey = "italic", Ls.shortcut = "CMD+I";
+Rs = Bs, Rs.isInline = !0, Rs.title = "Italic", Rs.titleKey = "italic", Rs.shortcut = "CMD+I";
 //#endregion
 //#region src/components/inline-tools/inline-tool-link.ts
-var Bs, Vs = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text-left cursor-pointer can-hover:hover:bg-item-hover-bg transition-colors", Hs = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text-left pointer-events-none", Us = class {
+var Vs, Hs = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text-left cursor-pointer can-hover:hover:bg-item-hover-bg transition-colors", Us = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text-left pointer-events-none", Ws = class {
 	static get sanitize() {
 		return { a: {
 			href: !0,
@@ -8240,17 +8270,17 @@ var Bs, Vs = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md tex
 			button: null
 		}, this.inputOpened = !1, this.unlinkAvailable = !1, this.handleButtonClick = (e) => {
 			!this.inputOpened || !this.unlinkAvailable || (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), this.restoreSelection(), this.unlink(), this.inlineToolbar.close());
-		}, this.toolbar = e.toolbar, this.inlineToolbar = e.inlineToolbar, this.notifier = e.notifier, this.i18n = e.i18n, this.selection = new ze(), this.nodes.input = this.createInput(), this.nodes.suggestion = this.createSuggestion(), this.nodes.inputWrapper = document.createElement("div"), this.nodes.inputWrapper.append(this.nodes.input, this.nodes.suggestion);
+		}, this.toolbar = e.toolbar, this.inlineToolbar = e.inlineToolbar, this.notifier = e.notifier, this.i18n = e.i18n, this.selection = new Ye(), this.nodes.input = this.createInput(), this.nodes.suggestion = this.createSuggestion(), this.nodes.inputWrapper = document.createElement("div"), this.nodes.inputWrapper.append(this.nodes.input, this.nodes.suggestion);
 	}
 	render() {
 		return {
-			icon: Xe,
+			icon: Ee,
 			name: "link",
 			isActive: () => !!this.selection.findParentTag("A"),
 			children: {
 				hideChevron: !0,
 				items: [{
-					type: T.Html,
+					type: w.Html,
 					element: this.nodes.inputWrapper
 				}],
 				onOpen: () => {
@@ -8280,7 +8310,7 @@ var Bs, Vs = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md tex
 		let t = document.createElement("div");
 		t.className = "mt-1 mb-0.5 h-px bg-link-input-border";
 		let n = document.createElement("button");
-		n.type = "button", n.className = Vs, n.setAttribute("data-link-suggestion-row", "");
+		n.type = "button", n.className = Hs, n.setAttribute("data-link-suggestion-row", "");
 		let r = document.createElement("span");
 		r.className = "text-gray-text shrink-0 flex [&>svg]:size-7", r.setAttribute("data-link-suggestion-icon", "");
 		let i = document.createElement("span");
@@ -8298,20 +8328,20 @@ var Bs, Vs = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md tex
 			return;
 		}
 		let n = this.isLinkComplete(t), { icon: r, label: i } = this.getLinkTypeInfo(t), a = this.nodes.suggestion.querySelector("[data-link-suggestion-icon]"), o = this.nodes.suggestion.querySelector("[data-link-suggestion-url]"), s = this.nodes.suggestion.querySelector("[data-link-suggestion-type]"), c = this.nodes.suggestion.querySelector("[data-link-suggestion-row]");
-		a && (a.innerHTML = r, a.className = `${n ? "text-gray-text" : "text-gray-text opacity-40"} shrink-0 flex [&>svg]:size-7`), o && (o.textContent = t, o.className = `block text-xs font-medium truncate ${n ? "text-text-primary" : "text-gray-text"}`), s && (s.textContent = n ? i : "Keep typing to add a link", s.className = "block text-[10.5px] text-gray-text leading-tight mt-px"), c && (c.className = n ? Vs : Hs), this.nodes.suggestion.classList.remove("hidden");
+		a && (a.innerHTML = r, a.className = `${n ? "text-gray-text" : "text-gray-text opacity-40"} shrink-0 flex [&>svg]:size-7`), o && (o.textContent = t, o.className = `block text-xs font-medium truncate ${n ? "text-text-primary" : "text-gray-text"}`), s && (s.textContent = n ? i : "Keep typing to add a link", s.className = "block text-[10.5px] text-gray-text leading-tight mt-px"), c && (c.className = n ? Hs : Us), this.nodes.suggestion.classList.remove("hidden");
 	}
 	isLinkComplete(e) {
 		return /^https?:\/\//i.test(e) ? e.replace(/^https?:\/\//i, "").length > 0 : /^\w+:\/\//.test(e) ? e.replace(/^\w+:\/\//, "").length > 0 : /^\w+:/.test(e) ? e.slice(e.indexOf(":") + 1).length > 0 : e.startsWith("//") ? e.slice(2).length > 0 : e.startsWith("#") ? e.length > 1 : e.startsWith("/") ? !0 : /\.[a-zA-Z]{2,}/.test(e) || /^\d{1,3}(\.\d{1,3}){3}/.test(e);
 	}
-	getLinkTypeInfo(e) {
-		return e.startsWith("mailto:") ? {
-			icon: lt,
+	getLinkTypeInfo(t) {
+		return t.startsWith("mailto:") ? {
+			icon: je,
 			label: "Email address"
-		} : e.startsWith("#") ? {
-			icon: be,
+		} : t.startsWith("#") ? {
+			icon: e,
 			label: "Jump to section"
 		} : {
-			icon: ge,
+			icon: _,
 			label: "Link to web page"
 		};
 	}
@@ -8336,7 +8366,7 @@ var Bs, Vs = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md tex
 			let e = t.getAttribute("href");
 			this.nodes.input.value = e === null ? "" : e;
 		} else this.nodes.input.value = "";
-		this.updateSuggestion(this.nodes.input.value), this.nodes.input.className = O(this.INPUT_BASE_CLASSES, "block"), this.setBooleanStateAttribute(this.nodes.input, this.DATA_ATTRIBUTES.inputOpened, !0), this.selection.setFakeBackground(), this.selection.save(), e && this.focusInputWithRetry(), this.inputOpened = !0;
+		this.updateSuggestion(this.nodes.input.value), this.nodes.input.className = A(this.INPUT_BASE_CLASSES, "block"), this.setBooleanStateAttribute(this.nodes.input, this.DATA_ATTRIBUTES.inputOpened, !0), this.selection.setFakeBackground(), this.selection.save(), e && this.focusInputWithRetry(), this.inputOpened = !0;
 	}
 	focusInputWithRetry() {
 		this.nodes.input && (this.nodes.input.focus(), !(typeof window > "u" || typeof document > "u") && window.setTimeout(() => {
@@ -8347,7 +8377,7 @@ var Bs, Vs = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md tex
 		}, 0));
 	}
 	getButtonElement() {
-		let e = document.querySelector(`${w(t.interface, at)} [data-blok-item-name="link"]`);
+		let e = document.querySelector(`${E(D.interface, Ue)} [data-blok-item-name="link"]`);
 		return e && e !== this.nodes.button && (e.addEventListener("click", this.handleButtonClick, !0), this.nodes.button = e), e;
 	}
 	updateButtonStateAttributes(e) {
@@ -8361,7 +8391,7 @@ var Bs, Vs = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md tex
 		(this.selection.isFakeBackgroundEnabled || e && this.selection.savedSelectionRange) && this.restoreSelection(), this.nodes.input && (this.nodes.input.className = this.INPUT_BASE_CLASSES, this.setBooleanStateAttribute(this.nodes.input, this.DATA_ATTRIBUTES.inputOpened, !1), this.nodes.input.value = "", (t = this.nodes.suggestion) == null || t.classList.add("hidden"), this.updateButtonStateAttributes(!1), this.unlinkAvailable = !1, e && this.selection.clearSaved(), this.inputOpened = !1);
 	}
 	restoreSelection() {
-		let e = new ze(), t = ze.isAtBlok;
+		let e = new Ye(), t = Ye.isAtBlok;
 		if (t && e.save(), this.selection.removeFakeBackground(), this.selection.restore(), !t && this.selection.savedSelectionRange) {
 			let e = this.selection.savedSelectionRange.commonAncestorContainer, t = e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement;
 			t == null || t.focus();
@@ -8385,7 +8415,7 @@ var Bs, Vs = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md tex
 			this.notifier.show({
 				message: this.i18n.t("tools.link.invalidLink"),
 				style: "error"
-			}), et("Incorrect Link pasted", "warn", t);
+			}), ye("Incorrect Link pasted", "warn", t);
 			return;
 		}
 		let n = this.prepareLink(t);
@@ -8408,7 +8438,7 @@ var Bs, Vs = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md tex
 			this.selection.expandToTag(t), t.href = e, t.target = "_blank", t.rel = "nofollow";
 			return;
 		}
-		let n = ze.range;
+		let n = Ye.range;
 		if (!n) return;
 		let r = document.createElement("a");
 		r.href = e, r.target = "_blank", r.rel = "nofollow", r.appendChild(n.extractContents()), n.insertNode(r), this.selection.expandToTag(r);
@@ -8427,13 +8457,13 @@ var Bs, Vs = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md tex
 		e && e.setAttribute(t, n ? "true" : "false");
 	}
 };
-Bs = Us, Bs.isInline = !0, Bs.title = "Link", Bs.titleKey = "link", Bs.shortcut = "CMD+K";
+Vs = Ws, Vs.isInline = !0, Vs.title = "Link", Vs.titleKey = "link", Vs.shortcut = "CMD+K";
 //#endregion
 //#region src/components/inline-tools/utils/marker-dom-utils.ts
-var Ws = (e) => e.tagName === "MARK", Gs = (e) => Z(e, Ws), Ks, qs = {
+var Gs = (e) => e.tagName === "MARK", Ks = (e) => Z(e, Gs), qs, Js = {
 	color: "background-color",
 	"background-color": "color"
-}, Js = class e {
+}, Ys = class e {
 	static get sanitize() {
 		return { mark: (t) => {
 			let n = t.style, r = Array.from({ length: n.length }, (e, t) => n.item(t));
@@ -8442,7 +8472,7 @@ var Ws = (e) => e.tagName === "MARK", Gs = (e) => Z(e, Ws), Ks, qs = {
 		} };
 	}
 	constructor({ api: e }) {
-		this.colorMode = "color", this.activeTextColor = null, this.activeBgColor = null, this.i18n = e.i18n, this.inlineToolbar = e.inlineToolbar, this.selection = new ze(), this.picker = Dr({
+		this.colorMode = "color", this.activeTextColor = null, this.activeBgColor = null, this.i18n = e.i18n, this.inlineToolbar = e.inlineToolbar, this.selection = new Ye(), this.picker = Dr({
 			i18n: this.i18n,
 			testIdPrefix: "marker",
 			modes: [{
@@ -8461,12 +8491,12 @@ var Ws = (e) => e.tagName === "MARK", Gs = (e) => Z(e, Ws), Ks, qs = {
 	}
 	render() {
 		return {
-			icon: Ae,
+			icon: Qe,
 			name: "marker",
 			isActive: () => {
 				let e = window.getSelection();
 				if (!e || e.rangeCount === 0) return !1;
-				let t = e.getRangeAt(0), n = Fs(t, Ws, { ignoreWhitespace: !0 });
+				let t = e.getRangeAt(0), n = Is(t, Gs, { ignoreWhitespace: !0 });
 				if (n) {
 					let e = this.detectBothSelectionColors(t);
 					this.updateToolbarColors(e.text, e.bg);
@@ -8476,7 +8506,7 @@ var Ws = (e) => e.tagName === "MARK", Gs = (e) => Z(e, Ws), Ks, qs = {
 			children: {
 				hideChevron: !0,
 				items: [{
-					type: T.Html,
+					type: w.Html,
 					element: this.picker.element
 				}],
 				onOpen: () => {
@@ -8517,10 +8547,10 @@ var Ws = (e) => e.tagName === "MARK", Gs = (e) => Z(e, Ws), Ks, qs = {
 		if (!r || r.rangeCount === 0) return;
 		let i = r.getRangeAt(0), a = i.startContainer, o = i.startOffset, s = i.endContainer, c = i.endOffset, l = i.toString(), u = i.commonAncestorContainer, d = u.nodeType === Node.ELEMENT_NODE ? u : u.parentElement, f = d != null && d.closest("mark") ? (t = (n = d.closest("mark")) == null ? void 0 : n.parentElement) == null ? d : t : d;
 		this.splitMarksAtBoundaries(i);
-		let p = Q(i, Ws);
+		let p = Q(i, Gs);
 		for (let t of p) {
 			t.style.removeProperty(e);
-			let n = qs[e], r = t.style.getPropertyValue(n);
+			let n = Js[e], r = t.style.getPropertyValue(n);
 			r !== "" && r !== "transparent" ? this.ensureTransparentBg(t) : this.unwrapElement(t);
 		}
 		let m = a.isConnected, h = s.isConnected;
@@ -8548,7 +8578,7 @@ var Ws = (e) => e.tagName === "MARK", Gs = (e) => Z(e, Ws), Ks, qs = {
 		this.selection.removeFakeBackground(), this.selection.savedSelectionRange && this.selection.restore(), this.selection.clearSaved();
 	}
 	detectBothSelectionColors(e) {
-		let t = Gs(e.startContainer);
+		let t = Ks(e.startContainer);
 		if (!t) return {
 			text: null,
 			bg: null
@@ -8568,7 +8598,7 @@ var Ws = (e) => e.tagName === "MARK", Gs = (e) => Z(e, Ws), Ks, qs = {
 			text: null,
 			bg: null
 		};
-		let t = Gs(e.getRangeAt(0).startContainer);
+		let t = Ks(e.getRangeAt(0).startContainer);
 		if (!t) return {
 			text: null,
 			bg: null
@@ -8588,14 +8618,14 @@ var Ws = (e) => e.tagName === "MARK", Gs = (e) => Z(e, Ws), Ks, qs = {
 		this.selection.savedSelectionRange && (this.selection.removeFakeBackground(), this.selection.restore(), this.selection.clearSaved());
 	}
 	findContainingMark(e) {
-		let t = Gs(e.startContainer), n = Gs(e.endContainer);
+		let t = Ks(e.startContainer), n = Ks(e.endContainer);
 		return t && t === n ? t : null;
 	}
 	removeNestedMarkStyle(e, t) {
-		let n = Q(e, Ws);
+		let n = Q(e, Gs);
 		for (let e of n) {
 			e.style.removeProperty(t);
-			let n = qs[t], r = e.style.getPropertyValue(n);
+			let n = Js[t], r = e.style.getPropertyValue(n);
 			r !== "" && r !== "transparent" ? this.ensureTransparentBg(e) : this.unwrapElement(e);
 		}
 	}
@@ -8626,7 +8656,7 @@ var Ws = (e) => e.tagName === "MARK", Gs = (e) => Z(e, Ws), Ks, qs = {
 		}
 	}
 	splitMarksAtBoundaries(e) {
-		let t = Q(e, Ws);
+		let t = Q(e, Gs);
 		for (let n of t) {
 			let t = document.createRange();
 			t.selectNodeContents(n);
@@ -8691,20 +8721,20 @@ var Ws = (e) => e.tagName === "MARK", Gs = (e) => Z(e, Ws), Ks, qs = {
 	}
 	resolveToVar(e, t) {
 		if (e.startsWith("var(")) return e;
-		let n = t === "color" ? "text" : "bg", r = a(e, n);
-		return r === null ? e : _e(r, n);
+		let n = t === "color" ? "text" : "bg", r = m(e, n);
+		return r === null ? e : v(r, n);
 	}
 };
-Ks = Js, Ks.isInline = !0, Ks.title = "Color", Ks.titleKey = "marker", Ks.shortcut = "CMD+SHIFT+H", Ks.ALLOWED_STYLE_PROPS = new Set(["color", "background-color"]);
+qs = Ys, qs.isInline = !0, qs.title = "Color", qs.titleKey = "marker", qs.shortcut = "CMD+SHIFT+H", qs.ALLOWED_STYLE_PROPS = new Set(["color", "background-color"]);
 //#endregion
 //#region src/components/inline-tools/inline-tool-underline.ts
-var Ys, Xs = (e) => e.tagName === "U", Zs = class {
+var Xs, Zs = (e) => e.tagName === "U", Qs = class {
 	static get sanitize() {
 		return { u: {} };
 	}
 	render() {
 		return {
-			icon: Ue,
+			icon: ze,
 			name: "underline",
 			onActivate: () => {
 				this.toggleUnderline();
@@ -8744,7 +8774,7 @@ var Ys, Xs = (e) => e.tagName === "U", Zs = class {
 		return this.isRangeUnderline(t, { ignoreWhitespace: !0 });
 	}
 	isRangeUnderline(e, t) {
-		return Fs(e, Xs, t);
+		return Is(e, Zs, t);
 	}
 	wrapWithUnderline(e) {
 		let t = this.getRangeHtmlWithoutUnderline(e), n = this.replaceRangeWithHtml(e, `<u>${t}</u>`), r = window.getSelection();
@@ -8770,13 +8800,13 @@ var Ys, Xs = (e) => e.tagName === "U", Zs = class {
 		});
 	}
 	hasUnderlineParent(e) {
-		return Ps(e, Xs);
+		return Fs(e, Zs);
 	}
 	findUnderlineElement(e) {
-		return Z(e, Xs);
+		return Z(e, Zs);
 	}
 	collectUnderlineAncestors(e) {
-		return Q(e, Xs);
+		return Q(e, Zs);
 	}
 	getRangeHtmlWithoutUnderline(e) {
 		let t = e.cloneContents();
@@ -8833,16 +8863,16 @@ var Ys, Xs = (e) => e.tagName === "U", Zs = class {
 		n.insertBefore(r, t.nextSibling), n.insertBefore(e, r);
 	}
 };
-Ys = Zs, Ys.isInline = !0, Ys.title = "Underline", Ys.titleKey = "underline", Ys.shortcut = "CMD+U";
+Xs = Qs, Xs.isInline = !0, Xs.title = "Underline", Xs.titleKey = "underline", Xs.shortcut = "CMD+U";
 //#endregion
 //#region src/components/inline-tools/inline-tool-strikethrough.ts
-var Qs, $s = (e) => e.tagName === "S", ec = class {
+var $s, ec = (e) => e.tagName === "S", tc = class {
 	static get sanitize() {
 		return { s: {} };
 	}
 	render() {
 		return {
-			icon: ft,
+			icon: a,
 			name: "strikethrough",
 			onActivate: () => {
 				this.toggleStrikethrough();
@@ -8882,7 +8912,7 @@ var Qs, $s = (e) => e.tagName === "S", ec = class {
 		return this.isRangeStrikethrough(t, { ignoreWhitespace: !0 });
 	}
 	isRangeStrikethrough(e, t) {
-		return Fs(e, $s, t);
+		return Is(e, ec, t);
 	}
 	wrapWithStrikethrough(e) {
 		let t = this.getRangeHtmlWithoutStrikethrough(e), n = this.replaceRangeWithHtml(e, `<s>${t}</s>`), r = window.getSelection();
@@ -8908,13 +8938,13 @@ var Qs, $s = (e) => e.tagName === "S", ec = class {
 		});
 	}
 	hasStrikethroughParent(e) {
-		return Ps(e, $s);
+		return Fs(e, ec);
 	}
 	findStrikethroughElement(e) {
-		return Z(e, $s);
+		return Z(e, ec);
 	}
 	collectStrikethroughAncestors(e) {
-		return Q(e, $s);
+		return Q(e, ec);
 	}
 	getRangeHtmlWithoutStrikethrough(e) {
 		let t = e.cloneContents();
@@ -8971,16 +9001,16 @@ var Qs, $s = (e) => e.tagName === "S", ec = class {
 		n.insertBefore(r, t.nextSibling), n.insertBefore(e, r);
 	}
 };
-Qs = ec, Qs.isInline = !0, Qs.title = "Strikethrough", Qs.titleKey = "strikethrough", Qs.shortcut = "CMD+SHIFT+S";
+$s = tc, $s.isInline = !0, $s.title = "Strikethrough", $s.titleKey = "strikethrough", $s.shortcut = "CMD+SHIFT+S";
 //#endregion
 //#region src/components/inline-tools/inline-tool-code.ts
-var tc, nc = (e) => e.tagName === "CODE", rc = class {
+var nc, rc = (e) => e.tagName === "CODE", ic = class {
 	static get sanitize() {
 		return { code: {} };
 	}
 	render() {
 		return {
-			icon: r,
+			icon: Re,
 			name: "code",
 			onActivate: () => {
 				this.toggleCode();
@@ -9020,7 +9050,7 @@ var tc, nc = (e) => e.tagName === "CODE", rc = class {
 		return this.isRangeCode(t, { ignoreWhitespace: !0 });
 	}
 	isRangeCode(e, t) {
-		return Fs(e, nc, t);
+		return Is(e, rc, t);
 	}
 	wrapWithCode(e) {
 		let t = this.getRangeHtmlWithoutCode(e), n = this.replaceRangeWithHtml(e, `<code>${t}</code>`), r = window.getSelection();
@@ -9046,10 +9076,10 @@ var tc, nc = (e) => e.tagName === "CODE", rc = class {
 		});
 	}
 	findCodeElement(e) {
-		return Z(e, nc);
+		return Z(e, rc);
 	}
 	collectCodeAncestors(e) {
-		return Q(e, nc);
+		return Q(e, rc);
 	}
 	getRangeHtmlWithoutCode(e) {
 		let t = e.cloneContents();
@@ -9106,10 +9136,10 @@ var tc, nc = (e) => e.tagName === "CODE", rc = class {
 		n.insertBefore(r, t.nextSibling), n.insertBefore(e, r);
 	}
 };
-tc = rc, tc.isInline = !0, tc.title = "Code", tc.titleKey = "inlineCode", tc.shortcut = "CMD+E";
+nc = ic, nc.isInline = !0, nc.title = "Code", nc.titleKey = "inlineCode", nc.shortcut = "CMD+E";
 //#endregion
 //#region src/tools/index.ts
-var ic = {
+var ac = {
 	paragraph: { preserveBlank: !0 },
 	header: {},
 	list: {},
@@ -9119,7 +9149,7 @@ var ic = {
 	divider: {},
 	quote: {},
 	code: { inlineToolbar: !1 }
-}, ac = {
+}, oc = {
 	bold: {},
 	italic: {},
 	link: {},
@@ -9129,4 +9159,4 @@ var ic = {
 	inlineCode: {}
 };
 //#endregion
-export { Ht as _, Zs as a, zs as c, mo as d, lo as f, cr as g, fa as h, ec as i, Is as l, _a as m, ac as n, Js as o, co as p, rc as r, Us as s, ic as t, Ss as u, Tt as v };
+export { Ht as _, Qs as a, Bs as c, ho as d, uo as f, cr as g, fa as h, tc as i, Ls as l, _a as m, oc as n, Ys as o, lo as p, ic as r, Ws as s, ac as t, Cs as u, Et as v };