@jackuait/blok 0.8.3-beta.3 → 0.8.3-beta.4

package/dist/chunks/{constants-B-YnSMJS.mjs → constants-Duj_CSIT.mjs}

@@ -137,7 +137,7 @@ var r = Object.create, i = Object.defineProperty, a = Object.getOwnPropertyDescr
 	RIGHT: 2,
 	BACKWARD: 3,
 	FORWARD: 4
-}, g = () => "0.8.3-beta.3", _ = /* @__PURE__ */ function(e) {
+}, g = () => "0.8.3-beta.4", _ = /* @__PURE__ */ function(e) {
 	return e.VERBOSE = "VERBOSE", e.INFO = "INFO", e.WARN = "WARN", e.ERROR = "ERROR", e;
 }({}), v = (e, t, n = "log", r, i = "color: inherit") => {
 	let a = typeof console > "u" ? void 0 : console;

package/dist/chunks/{tools-tDa2fh-J.mjs → tools-BG9c26dK.mjs}

@@ -1,4 +1,4 @@
-import { $ as e, $t as t, A as n, At as r, B as i, Ct as a, D as o, Dt as s, Et as c, F as l, Ft as u, G as d, Gn as f, Gt as p, H as m, Ht as h, I as g, J as ee, Jt as _, K as te, L as ne, M as re, Mt as ie, N as ae, Nt as oe, O as se, Ot as ce, P as le, Pt as ue, Q as de, Qt as fe, R as pe, Rn as me, Rt as he, Tt as ge, U as _e, Ut as v, V as ve, W as ye, Wn as y, X as be, Y as xe, Yt as b, Z as Se, _t as Ce, a as we, at as Te, bt as Ee, c as De, d as Oe, 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, kt as Be, l as Ve, lt as He, mn as Ue, mt as We, n as Ge, nt as Ke, o as qe, ot as Je, p as Ye, pt as Xe, q as Ze, r as Qe, rt as $e, s as et, st as tt, t as nt, tt as rt, u as x, ut as it, v as at, vt as ot, wt as st, xt as ct, yt as lt, z as ut } from "./constants-B-YnSMJS.mjs";
+import { $ as e, $t as t, A as n, At as r, B as i, Ct as a, D as o, Dt as s, Et as c, F as l, Ft as u, G as d, Gn as f, Gt as p, H as m, Ht as h, I as g, J as ee, Jt as _, K as te, L as ne, M as re, Mt as ie, N as ae, Nt as oe, O as se, Ot as ce, P as le, Pt as ue, Q as de, Qt as fe, R as pe, Rn as me, Rt as he, Tt as ge, U as _e, Ut as v, V as ve, W as ye, Wn as y, X as be, Y as xe, Yt as b, Z as Se, _t as Ce, a as we, at as Te, bt as Ee, c as De, d as Oe, 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, kt as Be, l as Ve, lt as He, mn as Ue, mt as We, n as Ge, nt as Ke, o as qe, ot as Je, p as Ye, pt as Xe, q as Ze, r as Qe, rt as $e, s as et, st as tt, t as nt, tt as rt, u as x, ut as it, v as at, vt as ot, wt as st, xt as ct, yt as lt, z as ut } from "./constants-Duj_CSIT.mjs";
 import { t as S } from "./objectSpread2-CyPxu8-u.mjs";
 import { n as C } from "./tw-DmW6-pCY.mjs";
 //#region src/components/utils/html.ts
@@ -5323,17 +5323,40 @@ var La = {
 		let t = e.getBoundingClientRect(), n = this._element.getBoundingClientRect(), r = window.innerHeight, i = window.innerWidth, a = t.bottom + n.height > r ? t.top - n.height - 4 : t.bottom + 4, o = t.left - 8, s = o + n.width > i ? t.right - n.width : Math.max(0, o);
 		this._element.style.top = `${a}px`, this._element.style.left = `${s}px`;
 	}
-}, Ha = class {
+};
+//#endregion
+//#region src/tools/callout/index.ts
+function Ha(e) {
+	return e.isEmojiVisible === !1 ? "" : typeof e.emoji == "string" && e.emoji.length > 0 ? e.emoji : xa;
+}
+var Ua = {
+	general: null,
+	note: "blue",
+	important: "purple",
+	warning: "orange",
+	additional: "yellow",
+	recommendation: "green",
+	caution: "red"
+}, Wa = 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);
 	}
 	normalizeData(e) {
-		return {
+		let t = e;
+		return "variant" in t || "isEmojiVisible" in t ? this.normalizeLegacyData(t) : {
 			emoji: typeof e.emoji == "string" ? e.emoji : xa,
 			textColor: typeof e.textColor == "string" ? e.textColor : null,
 			backgroundColor: typeof e.backgroundColor == "string" ? e.backgroundColor : null
 		};
 	}
+	normalizeLegacyData(e) {
+		let t = typeof e.variant == "string" ? e.variant : "general", n = t in Ua ? Ua[t] : null;
+		return {
+			emoji: Ha(e),
+			textColor: null,
+			backgroundColor: n == null ? null : n
+		};
+	}
 	render() {
 		let e = Ta({
 			emoji: this._data.emoji,
@@ -5480,28 +5503,28 @@ var La = {
 }, L = (e) => {
 	let t = e.tagName;
 	return t === "B" || t === "STRONG";
-}, Ua = (e) => !!(e && e.nodeType === Node.ELEMENT_NODE && L(e)), Wa = (e) => e.textContent.length === 0, R = (e) => e ? e.nodeType === Node.ELEMENT_NODE && L(e) ? z(e) : R(e.parentNode) : null, z = (e) => {
+}, Ga = (e) => !!(e && e.nodeType === Node.ELEMENT_NODE && L(e)), Ka = (e) => e.textContent.length === 0, R = (e) => e ? e.nodeType === Node.ELEMENT_NODE && L(e) ? z(e) : R(e.parentNode) : null, z = (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;
-}, Ga = (e) => {
+}, qa = (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;
-}, Ka = (e) => {
+}, Ja = (e) => {
 	if (!e.boldElement.isConnected) return null;
-	let t = z(e.boldElement), n = e.boundary, r = n.isConnected && n.previousSibling === t ? n : Ga(t);
+	let t = z(e.boldElement), n = e.boundary, r = n.isConnected && n.previousSibling === t ? n : qa(t);
 	return r ? {
 		boundary: r,
 		boldElement: t
 	} : null;
-}, qa = (e, t) => e ? e === t || t.contains(e) : !1, Ja, B = {
+}, Ya = (e, t) => e ? e === t || t.contains(e) : !1, Xa, B = {
 	COLLAPSED_LENGTH: "data-blok-bold-collapsed-length",
 	COLLAPSED_ACTIVE: "data-blok-bold-collapsed-active",
 	PREV_LENGTH: "data-blok-bold-prev-length",
@@ -5554,7 +5577,7 @@ var La = {
 	}
 	exit(e, t) {
 		let n = z(t), r = n.parentNode;
-		if (r) return Wa(n) ? this.removeEmptyBoldElement(e, n, r) : this.exitBoldWithContent(e, n, r);
+		if (r) return Ka(n) ? this.removeEmptyBoldElement(e, n, r) : this.exitBoldWithContent(e, n, r);
 	}
 	removeEmptyBoldElement(e, t, n) {
 		let r = document.createRange();
@@ -5578,7 +5601,7 @@ var La = {
 	}
 	maintain() {
 		if (!(typeof document > "u")) for (let e of Array.from(this.records)) {
-			let t = Ka(e);
+			let t = Ja(e);
 			if (!t) {
 				this.records.delete(e);
 				continue;
@@ -5628,7 +5651,7 @@ var La = {
 			if (u && !t.hasAttribute(B.LEADING_WHITESPACE) && t.setAttribute(B.LEADING_WHITESPACE, u[0]), l.length === 0) return;
 			let d = t.textContent, f = d + l, p = (n = t.getAttribute(B.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) || !qa(e.focusNode, o)) return;
+			if (t.appendChild(h), !(e != null && e.isCollapsed) || !Ya(e.focusNode, o)) return;
 			let g = document.createRange(), ee = h.textContent.length;
 			g.setStart(h, ee), g.collapse(!0), e.removeAllRanges(), e.addRange(g);
 		});
@@ -5652,7 +5675,7 @@ var La = {
 				let r = document.createTextNode(n);
 				(m = t.parentNode) == null || m.insertBefore(r, t.nextSibling);
 			}
-			if (p && t.removeAttribute(B.PREV_LENGTH), e != null && e.isCollapsed && s && qa(e.focusNode, t)) {
+			if (p && t.removeAttribute(B.PREV_LENGTH), e != null && e.isCollapsed && s && Ya(e.focusNode, t)) {
 				let t = document.createRange(), n = s.textContent.length;
 				t.setStart(s, n), t.collapse(!0), e.removeAllRanges(), e.addRange(t);
 			}
@@ -5746,10 +5769,10 @@ var La = {
 		return t.tagName === "STRONG" || t.tagName === "B";
 	}
 };
-Ja = V, Ja.instance = null;
+Xa = V, Xa.instance = null;
 //#endregion
 //#region src/components/inline-tools/services/bold-normalization-pass.ts
-var Ya = {
+var Za = {
 	convertLegacyTags: !0,
 	normalizeWhitespace: !0,
 	removeEmpty: !0,
@@ -5757,7 +5780,7 @@ var Ya = {
 	preserveNode: null
 }, H = class e {
 	constructor(e) {
-		this.options = S(S({}, Ya), e);
+		this.options = S(S({}, Za), e);
 	}
 	run(e) {
 		if (typeof document > "u") return;
@@ -5810,16 +5833,16 @@ var Ya = {
 		t.includes("\xA0") && (e.textContent = t.replace(/\u00A0/g, " "));
 	}
 	isEmptyAndSafe(e) {
-		return e.textContent.length !== 0 || V.getInstance().isActivePlaceholder(e) ? !1 : !(this.options.preserveNode && qa(this.options.preserveNode, e));
+		return e.textContent.length !== 0 || V.getInstance().isActivePlaceholder(e) ? !1 : !(this.options.preserveNode && Ya(this.options.preserveNode, e));
 	}
 	mergeWithAdjacent(e) {
 		let t = e.previousSibling;
-		if (t && Ua(t)) {
+		if (t && Ga(t)) {
 			this.mergeStrongNodes(t, e);
 			return;
 		}
 		let n = e.nextSibling;
-		n && Ua(n) && this.mergeStrongNodes(e, n);
+		n && Ga(n) && this.mergeStrongNodes(e, n);
 	}
 	mergeStrongNodes(e, t) {
 		let n = z(e), r = z(t);
@@ -5833,7 +5856,7 @@ var Ya = {
 		let i = r.nodeType === Node.ELEMENT_NODE ? r : r.parentElement;
 		return i ? ((n = i.closest("[data-blok-component=\"paragraph\"]")) == null ? i.closest(f(y.elementContent)) : n) || i.closest(f(y.editor)) : null;
 	}
-}, Xa, Za = class e {
+}, Qa, $a = class e {
 	constructor() {
 		this.handlers = /* @__PURE__ */ new Map(), this.listenersRegistered = !1, this.handleSelectionChange = () => {
 			let e = this.getSelection();
@@ -5890,10 +5913,10 @@ var Ya = {
 		return !(t.meta && !n || t.ctrl && !e.ctrlKey);
 	}
 };
-Xa = Za, Xa.instance = null;
+Qa = $a, Qa.instance = null;
 //#endregion
 //#region src/components/inline-tools/utils/formatting-range-utils.ts
-var Qa = (e, t) => {
+var eo = (e, t) => {
 	try {
 		return e.intersectsNode(t);
 	} catch (n) {
@@ -5902,26 +5925,26 @@ var Qa = (e, t) => {
 		let i = e.compareBoundaryPoints(Range.END_TO_START, r) > 0, a = e.compareBoundaryPoints(Range.START_TO_END, r) < 0;
 		return i && a;
 	}
-}, $a = (e) => {
+}, to = (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) => Qa(e, t) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT });
-}, U = (e, t, n) => !e || e === n ? null : e.nodeType === Node.ELEMENT_NODE && t(e) ? e : U(e.parentNode, t, n), W = (e, t) => U(e, t) !== null, G = (e, t, n = {}) => {
+	return document.createTreeWalker(r, NodeFilter.SHOW_TEXT, { acceptNode: (t) => eo(e, t) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT });
+}, U = (e, t, n) => !e || e === n ? null : e.nodeType === Node.ELEMENT_NODE && t(e) ? e : U(e.parentNode, t, n), no = (e, t) => U(e, t) !== null, W = (e, t, n = {}) => {
 	if (e.collapsed) return U(e.startContainer, t) !== null;
-	let r = $a(e), i = [];
+	let r = to(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 ? U(e.startContainer, t) !== null : i.every((e) => W(e, t));
-}, K = (e, t) => {
-	let n = /* @__PURE__ */ new Set(), r = $a(e);
+	return i.length === 0 ? U(e.startContainer, t) !== null : i.every((e) => no(e, t));
+}, G = (e, t) => {
+	let n = /* @__PURE__ */ new Set(), r = to(e);
 	for (; r.nextNode();) {
 		let e = U(r.currentNode, t);
 		e && n.add(e);
 	}
 	return Array.from(n);
-}, q, eo = class e {
+}, K, ro = class e {
 	static get sanitize() {
 		return {
 			strong: {},
@@ -5933,7 +5956,7 @@ var Qa = (e, t) => {
 	}
 	static initializeGlobalListeners() {
 		if (typeof document > "u") return !1;
-		let t = Za.getInstance();
+		let t = $a.getInstance();
 		return t.hasHandler("bold") ? !0 : (t.register("bold", {
 			shortcut: {
 				key: "b",
@@ -6015,7 +6038,7 @@ var Qa = (e, t) => {
 			let e = document.createRange();
 			return e.setStartBefore(s), e.setEndAfter(c), r.removeAllRanges(), r.addRange(e), e;
 		})() || r.removeAllRanges(), H.normalizeAroundSelection(r), n.forEach((e) => {
-			Wa(e) && e.remove();
+			Ka(e) && e.remove();
 		}), this.notifySelectionChange();
 	}
 	replaceRangeWithHtml(t, n) {
@@ -6055,7 +6078,7 @@ var Qa = (e, t) => {
 		n.selectNodeContents(e), t.removeAllRanges(), t.addRange(n);
 	}
 	isRangeBold(e, t) {
-		return G(e, L, t);
+		return W(e, L, t);
 	}
 	removeNestedBold(e) {
 		e.querySelectorAll("b,strong").forEach((e) => {
@@ -6151,12 +6174,12 @@ var Qa = (e, t) => {
 		if (e.startOffset === n) return R(t);
 		if (e.startOffset !== 0) return null;
 		let r = t.previousSibling;
-		return Ua(r) ? r : null;
+		return Ga(r) ? r : null;
 	}
 	static getBoundaryBoldForElement(e, t) {
 		if (e.startOffset <= 0) return null;
 		let n = t.childNodes[e.startOffset - 1];
-		return Ua(n) ? n : null;
+		return Ga(n) ? n : null;
 	}
 	static isSelectionInsideBlok(e) {
 		let t = e.anchorNode;
@@ -6175,16 +6198,16 @@ var Qa = (e, t) => {
 		return t.innerHTML = e, t.content;
 	}
 	collectBoldAncestors(e) {
-		return K(e, L);
+		return G(e, L);
 	}
 };
-q = eo, q.isInline = !0, q.title = "Bold", q.titleKey = "bold", q.markerSequence = 0, q.isProcessingMutation = !1, q.instances = /* @__PURE__ */ new Set(), q.guardKeydownListenerRegistered = !1, q.shortcut = "CMD+B";
+K = ro, K.isInline = !0, K.title = "Bold", K.titleKey = "bold", K.markerSequence = 0, K.isProcessingMutation = !1, K.instances = /* @__PURE__ */ new Set(), K.guardKeydownListenerRegistered = !1, K.shortcut = "CMD+B";
 //#endregion
 //#region src/components/inline-tools/inline-tool-italic.ts
-var J, to = (e) => {
+var q, io = (e) => {
 	let t = e.tagName;
 	return t === "I" || t === "EM";
-}, no = class {
+}, ao = class {
 	static get sanitize() {
 		return {
 			i: {},
@@ -6233,7 +6256,7 @@ var J, to = (e) => {
 		return this.isRangeItalic(t, { ignoreWhitespace: !0 });
 	}
 	isRangeItalic(e, t) {
-		return G(e, to, t);
+		return W(e, io, t);
 	}
 	wrapWithItalic(e) {
 		let t = this.getRangeHtmlWithoutItalic(e), n = this.replaceRangeWithHtml(e, `<i>${t}</i>`), r = window.getSelection();
@@ -6259,13 +6282,13 @@ var J, to = (e) => {
 		});
 	}
 	hasItalicParent(e) {
-		return W(e, to);
+		return no(e, io);
 	}
 	findItalicElement(e) {
-		return U(e, to);
+		return U(e, io);
 	}
 	collectItalicAncestors(e) {
-		return K(e, to);
+		return G(e, io);
 	}
 	getRangeHtmlWithoutItalic(e) {
 		let t = e.cloneContents();
@@ -6322,10 +6345,10 @@ var J, to = (e) => {
 		n.insertBefore(r, t.nextSibling), n.insertBefore(e, r);
 	}
 };
-J = no, J.isInline = !0, J.title = "Italic", J.titleKey = "italic", J.shortcut = "CMD+I";
+q = ao, q.isInline = !0, q.title = "Italic", q.titleKey = "italic", q.shortcut = "CMD+I";
 //#endregion
 //#region src/components/inline-tools/inline-tool-link.ts
-var Y, ro = "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", io = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text-left pointer-events-none", ao = class {
+var J, oo = "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", so = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text-left pointer-events-none", co = class {
 	static get sanitize() {
 		return { a: {
 			href: !0,
@@ -6385,7 +6408,7 @@ var Y, ro = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text
 		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 = ro, n.setAttribute("data-link-suggestion-row", "");
+		n.type = "button", n.className = oo, 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");
@@ -6403,7 +6426,7 @@ var Y, ro = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text
 			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 ? ro : io), 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 ? oo : so), 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);
@@ -6532,13 +6555,13 @@ var Y, ro = "flex items-center gap-2 w-full mt-0.5 px-1.5 py-1.5 rounded-md text
 		e && e.setAttribute(t, n ? "true" : "false");
 	}
 };
-Y = ao, Y.isInline = !0, Y.title = "Link", Y.titleKey = "link", Y.shortcut = "CMD+K";
+J = co, J.isInline = !0, J.title = "Link", J.titleKey = "link", J.shortcut = "CMD+K";
 //#endregion
 //#region src/components/inline-tools/utils/marker-dom-utils.ts
-var X = (e) => e.tagName === "MARK", oo = (e) => U(e, X), Z, so = {
+var Y = (e) => e.tagName === "MARK", X = (e) => U(e, Y), Z, lo = {
 	color: "background-color",
 	"background-color": "color"
-}, co = class e {
+}, uo = class e {
 	static get sanitize() {
 		return { mark: (t) => {
 			let n = t.style, r = Array.from({ length: n.length }, (e, t) => n.item(t));
@@ -6571,7 +6594,7 @@ var X = (e) => e.tagName === "MARK", oo = (e) => U(e, X), Z, so = {
 			isActive: () => {
 				let e = window.getSelection();
 				if (!e || e.rangeCount === 0) return !1;
-				let t = e.getRangeAt(0), n = G(t, X, { ignoreWhitespace: !0 });
+				let t = e.getRangeAt(0), n = W(t, Y, { ignoreWhitespace: !0 });
 				if (n) {
 					let e = this.detectBothSelectionColors(t);
 					this.updateToolbarColors(e.text, e.bg);
@@ -6622,10 +6645,10 @@ var X = (e) => e.tagName === "MARK", oo = (e) => U(e, X), Z, so = {
 		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 = K(i, X);
+		let p = G(i, Y);
 		for (let t of p) {
 			t.style.removeProperty(e);
-			let n = so[e], r = t.style.getPropertyValue(n);
+			let n = lo[e], r = t.style.getPropertyValue(n);
 			r !== "" && r !== "transparent" ? this.ensureTransparentBg(t) : this.unwrapElement(t);
 		}
 		let m = a.isConnected, h = s.isConnected;
@@ -6653,7 +6676,7 @@ var X = (e) => e.tagName === "MARK", oo = (e) => U(e, X), Z, so = {
 		this.selection.removeFakeBackground(), this.selection.savedSelectionRange && this.selection.restore(), this.selection.clearSaved();
 	}
 	detectBothSelectionColors(e) {
-		let t = oo(e.startContainer);
+		let t = X(e.startContainer);
 		if (!t) return {
 			text: null,
 			bg: null
@@ -6673,7 +6696,7 @@ var X = (e) => e.tagName === "MARK", oo = (e) => U(e, X), Z, so = {
 			text: null,
 			bg: null
 		};
-		let t = oo(e.getRangeAt(0).startContainer);
+		let t = X(e.getRangeAt(0).startContainer);
 		if (!t) return {
 			text: null,
 			bg: null
@@ -6693,14 +6716,14 @@ var X = (e) => e.tagName === "MARK", oo = (e) => U(e, X), Z, so = {
 		this.selection.savedSelectionRange && (this.selection.removeFakeBackground(), this.selection.restore(), this.selection.clearSaved());
 	}
 	findContainingMark(e) {
-		let t = oo(e.startContainer), n = oo(e.endContainer);
+		let t = X(e.startContainer), n = X(e.endContainer);
 		return t && t === n ? t : null;
 	}
 	removeNestedMarkStyle(e, t) {
-		let n = K(e, X);
+		let n = G(e, Y);
 		for (let e of n) {
 			e.style.removeProperty(t);
-			let n = so[t], r = e.style.getPropertyValue(n);
+			let n = lo[t], r = e.style.getPropertyValue(n);
 			r !== "" && r !== "transparent" ? this.ensureTransparentBg(e) : this.unwrapElement(e);
 		}
 	}
@@ -6731,7 +6754,7 @@ var X = (e) => e.tagName === "MARK", oo = (e) => U(e, X), Z, so = {
 		}
 	}
 	splitMarksAtBoundaries(e) {
-		let t = K(e, X);
+		let t = G(e, Y);
 		for (let n of t) {
 			let t = document.createRange();
 			t.selectNodeContents(n);
@@ -6800,10 +6823,10 @@ var X = (e) => e.tagName === "MARK", oo = (e) => U(e, X), Z, so = {
 		return r === null ? e : u(r, n);
 	}
 };
-Z = co, Z.isInline = !0, Z.title = "Color", Z.titleKey = "marker", Z.shortcut = "CMD+SHIFT+H", Z.ALLOWED_STYLE_PROPS = new Set(["color", "background-color"]);
+Z = uo, Z.isInline = !0, Z.title = "Color", Z.titleKey = "marker", Z.shortcut = "CMD+SHIFT+H", Z.ALLOWED_STYLE_PROPS = new Set(["color", "background-color"]);
 //#endregion
 //#region src/components/inline-tools/inline-tool-underline.ts
-var Q, lo = (e) => e.tagName === "U", uo = class {
+var Q, fo = (e) => e.tagName === "U", po = class {
 	static get sanitize() {
 		return { u: {} };
 	}
@@ -6849,7 +6872,7 @@ var Q, lo = (e) => e.tagName === "U", uo = class {
 		return this.isRangeUnderline(t, { ignoreWhitespace: !0 });
 	}
 	isRangeUnderline(e, t) {
-		return G(e, lo, t);
+		return W(e, fo, t);
 	}
 	wrapWithUnderline(e) {
 		let t = this.getRangeHtmlWithoutUnderline(e), n = this.replaceRangeWithHtml(e, `<u>${t}</u>`), r = window.getSelection();
@@ -6875,13 +6898,13 @@ var Q, lo = (e) => e.tagName === "U", uo = class {
 		});
 	}
 	hasUnderlineParent(e) {
-		return W(e, lo);
+		return no(e, fo);
 	}
 	findUnderlineElement(e) {
-		return U(e, lo);
+		return U(e, fo);
 	}
 	collectUnderlineAncestors(e) {
-		return K(e, lo);
+		return G(e, fo);
 	}
 	getRangeHtmlWithoutUnderline(e) {
 		let t = e.cloneContents();
@@ -6938,10 +6961,10 @@ var Q, lo = (e) => e.tagName === "U", uo = class {
 		n.insertBefore(r, t.nextSibling), n.insertBefore(e, r);
 	}
 };
-Q = uo, Q.isInline = !0, Q.title = "Underline", Q.titleKey = "underline", Q.shortcut = "CMD+U";
+Q = po, Q.isInline = !0, Q.title = "Underline", Q.titleKey = "underline", Q.shortcut = "CMD+U";
 //#endregion
 //#region src/components/inline-tools/inline-tool-strikethrough.ts
-var $, fo = (e) => e.tagName === "S", po = class {
+var $, mo = (e) => e.tagName === "S", ho = class {
 	static get sanitize() {
 		return { s: {} };
 	}
@@ -6987,7 +7010,7 @@ var $, fo = (e) => e.tagName === "S", po = class {
 		return this.isRangeStrikethrough(t, { ignoreWhitespace: !0 });
 	}
 	isRangeStrikethrough(e, t) {
-		return G(e, fo, t);
+		return W(e, mo, t);
 	}
 	wrapWithStrikethrough(e) {
 		let t = this.getRangeHtmlWithoutStrikethrough(e), n = this.replaceRangeWithHtml(e, `<s>${t}</s>`), r = window.getSelection();
@@ -7013,13 +7036,13 @@ var $, fo = (e) => e.tagName === "S", po = class {
 		});
 	}
 	hasStrikethroughParent(e) {
-		return W(e, fo);
+		return no(e, mo);
 	}
 	findStrikethroughElement(e) {
-		return U(e, fo);
+		return U(e, mo);
 	}
 	collectStrikethroughAncestors(e) {
-		return K(e, fo);
+		return G(e, mo);
 	}
 	getRangeHtmlWithoutStrikethrough(e) {
 		let t = e.cloneContents();
@@ -7076,17 +7099,17 @@ var $, fo = (e) => e.tagName === "S", po = class {
 		n.insertBefore(r, t.nextSibling), n.insertBefore(e, r);
 	}
 };
-$ = po, $.isInline = !0, $.title = "Strikethrough", $.titleKey = "strikethrough", $.shortcut = "CMD+SHIFT+S";
+$ = ho, $.isInline = !0, $.title = "Strikethrough", $.titleKey = "strikethrough", $.shortcut = "CMD+SHIFT+S";
 //#endregion
 //#region src/tools/index.ts
-var mo = {
+var go = {
 	paragraph: { preserveBlank: !0 },
 	header: {},
 	list: {},
 	table: {},
 	toggle: {},
 	callout: {}
-}, ho = {
+}, _o = {
 	bold: {},
 	italic: {},
 	link: {},
@@ -7095,4 +7118,4 @@ var mo = {
 	strikethrough: {}
 };
 //#endregion
-export { co as a, eo as c, Zi as d, er as f, uo as i, Ha as l, xt as m, ho as n, ao as o, It as p, po as r, no as s, mo as t, na as u };
+export { uo as a, ro as c, Zi as d, er as f, po as i, Wa as l, xt as m, _o as n, co as o, It as p, ho as r, ao as s, go as t, na as u };

package/dist/full.mjs

@@ -1,7 +1,7 @@
-import { Wn as e } from "./chunks/constants-B-YnSMJS.mjs";
-import { n as t, t as n } from "./chunks/blok-AX-spzEU.mjs";
+import { Wn as e } from "./chunks/constants-Duj_CSIT.mjs";
+import { n as t, t as n } from "./chunks/blok-eDCl1y00.mjs";
 import { t as r } from "./chunks/objectSpread2-CyPxu8-u.mjs";
-import { a as i, c as a, f as o, i as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h } from "./chunks/tools-tDa2fh-J.mjs";
+import { a as i, c as a, f as o, i as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h } from "./chunks/tools-BG9c26dK.mjs";
 //#region src/full.ts
 var g = {
 	paragraph: {

package/dist/react.mjs

@@ -1,5 +1,5 @@
-import "./chunks/constants-B-YnSMJS.mjs";
-import { r as e, t } from "./chunks/blok-AX-spzEU.mjs";
+import "./chunks/constants-Duj_CSIT.mjs";
+import { r as e, t } from "./chunks/blok-eDCl1y00.mjs";
 import { t as n } from "./chunks/objectSpread2-CyPxu8-u.mjs";
 import { forwardRef as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
 import { jsx as c } from "react/jsx-runtime";

package/dist/tools.mjs

@@ -1,3 +1,3 @@
-import { m as e } from "./chunks/constants-B-YnSMJS.mjs";
-import { a as t, c as n, d as r, f as i, i as a, l as o, m as s, n as c, o as l, p as u, r as d, s as f, t as p, u as m } from "./chunks/tools-tDa2fh-J.mjs";
+import { m as e } from "./chunks/constants-Duj_CSIT.mjs";
+import { a as t, c as n, d as r, f as i, i as a, l as o, m as s, n as c, o as l, p as u, r as d, s as f, t as p, u as m } from "./chunks/tools-BG9c26dK.mjs";
 export { n as Bold, o as Callout, e as Convert, u as Header, f as Italic, l as Link, i as List, t as Marker, s as Paragraph, d as Strikethrough, r as Table, m as Toggle, a as Underline, p as defaultBlockTools, c as defaultInlineTools };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jackuait/blok",
-  "version": "0.8.3-beta.3",
+  "version": "0.8.3-beta.4",
   "description": "Blok — headless, highly extensible rich text editor built for developers who need to implement a block-based editing experience (similar to Notion) without building it from scratch",
   "module": "dist/blok.mjs",
   "types": "./types/index.d.ts",