@bloklabs/react 1.16.1 → 2.0.0

package/dist/index.mjs

@@ -1,63 +1,58 @@
-import { Component as e, Fragment as t, createContext as n, createElement as r, forwardRef as i, isValidElement as a, useCallback as o, useContext as s, useEffect as c, useImperativeHandle as l, useMemo as u, useRef as d, useState as f, useSyncExternalStore as p } from "react";
-import { Blok as m } from "@bloklabs/core";
-import { BlockChildrenMounted as h, DATA_ATTR as g, EMPTY_API as _, EMPTY_OUTPUT_DATA as v, applyChildDecoration as y, changeTouchesSubtree as b, createBlocksApiForEditor as ee, createChildDecorationLedger as x, createEmittedEchoWindow as te, deepEqual as S, deepEqual as C, equalsOutputData as ne, fillDefaults as w, markSanitizerConfig as re, mountChildBlocks as T, normalizeReadOnlyConfig as ie, toRenderableData as ae, withSlotlessDescendants as E } from "@bloklabs/core/adapters";
-import { Fragment as D, jsx as O } from "react/jsx-runtime";
-import { getDirection as k, normalizeLocale as A } from "@bloklabs/core/locales";
-import { createPortal as j, flushSync as M } from "react-dom";
-import { blocksToViewNodes as N } from "@bloklabs/core/view";
-import { createRoot as P } from "react-dom/client";
-//#region src/holder-map.ts
-var F = /* @__PURE__ */ new WeakMap();
-function oe(e, t) {
-	F.set(e, t);
+import { Component as e, Fragment as t, createContext as n, createElement as r, forwardRef as i, isValidElement as a, useCallback as o, useContext as s, useEffect as c, useImperativeHandle as l, useLayoutEffect as u, useMemo as d, useRef as f, useState as p, useSyncExternalStore as m } from "react";
+import { Blok as h } from "@bloklabs/core";
+import { BlockChildrenMounted as g, DATA_ATTR as _, EMPTY_API as v, EMPTY_OUTPUT_DATA as y, applyChildDecoration as ee, changeTouchesSubtree as b, createBlocksApiForEditor as x, createChildDecorationLedger as S, createEmittedEchoWindow as te, deepEqual as C, deepEqual as w, describeFromPropSchema as T, equalsOutputData as ne, fillDefaults as E, markSanitizerConfig as D, mountChildBlocks as O, normalizeReadOnlyConfig as re, toRenderableData as ie, withSlotlessDescendants as k } from "@bloklabs/core/adapters";
+import { Fragment as A, jsx as j } from "react/jsx-runtime";
+import { getDirection as M, normalizeLocale as N } from "@bloklabs/core/locales";
+import { createPortal as P, flushSync as F } from "react-dom";
+import { blocksToViewNodes as ae } from "@bloklabs/core/view";
+import { createRoot as oe } from "react-dom/client";
+// src/holder-map.ts
+var I = /* @__PURE__ */ new WeakMap();
+function se(e, t) {
+	I.set(e, t);
 }
-function se(e) {
-	return F.get(e);
+function L(e) {
+	return I.get(e);
 }
-function I(e) {
-	F.delete(e);
+function R(e) {
+	I.delete(e);
 }
-//#endregion
-//#region \0@oxc-project+runtime@0.152.0/helpers/esm/typeof.js
-function L(e) {
+// \0@oxc-project+runtime@0.155.0/helpers/esm/typeof.js
+function z(e) {
 	"@babel/helpers - typeof";
-	return L = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+	return z = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
 		return typeof e;
 	} : function(e) {
 		return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-	}, L(e);
+	}, z(e);
 }
-//#endregion
-//#region \0@oxc-project+runtime@0.152.0/helpers/esm/toPrimitive.js
-function R(e, t) {
-	if (L(e) != "object" || !e) return e;
+// \0@oxc-project+runtime@0.155.0/helpers/esm/toPrimitive.js
+function B(e, t) {
+	if (z(e) != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
 		var r = n.call(e, t || "default");
-		if (L(r) != "object") return r;
+		if (z(r) != "object") return r;
 		throw TypeError("@@toPrimitive must return a primitive value.");
 	}
 	return (t === "string" ? String : Number)(e);
 }
-//#endregion
-//#region \0@oxc-project+runtime@0.152.0/helpers/esm/toPropertyKey.js
-function z(e) {
-	var t = R(e, "string");
-	return L(t) == "symbol" ? t : t + "";
+// \0@oxc-project+runtime@0.155.0/helpers/esm/toPropertyKey.js
+function V(e) {
+	var t = B(e, "string");
+	return z(t) == "symbol" ? t : t + "";
 }
-//#endregion
-//#region \0@oxc-project+runtime@0.152.0/helpers/esm/defineProperty.js
-function B(e, t, n) {
-	return (t = z(t)) in e ? Object.defineProperty(e, t, {
+// \0@oxc-project+runtime@0.155.0/helpers/esm/defineProperty.js
+function H(e, t, n) {
+	return (t = V(t)) in e ? Object.defineProperty(e, t, {
 		value: n,
 		enumerable: !0,
 		configurable: !0,
 		writable: !0
 	}) : e[t] = n, e;
 }
-//#endregion
-//#region \0@oxc-project+runtime@0.152.0/helpers/esm/objectSpread2.js
-function V(e, t) {
+// \0@oxc-project+runtime@0.155.0/helpers/esm/objectSpread2.js
+function U(e, t) {
 	var n = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
 		var r = Object.getOwnPropertySymbols(e);
@@ -67,48 +62,46 @@ function V(e, t) {
 	}
 	return n;
 }
-function H(e) {
+function W(e) {
 	for (var t = 1; t < arguments.length; t++) {
 		var n = arguments[t] == null ? {} : arguments[t];
-		t % 2 ? V(Object(n), !0).forEach(function(t) {
-			B(e, t, n[t]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : V(Object(n)).forEach(function(t) {
+		t % 2 ? U(Object(n), !0).forEach(function(t) {
+			H(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : U(Object(n)).forEach(function(t) {
 			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
 		});
 	}
 	return e;
 }
-//#endregion
-//#region src/provide-blok.tsx
-var U = n({});
-function W({ defaults: e, children: t }) {
-	return /* @__PURE__ */ O(U.Provider, {
+// src/provide-blok.tsx
+var G = n({});
+function K({ defaults: e, children: t }) {
+	return /* @__PURE__ */ j(G.Provider, {
 		value: e,
 		children: t
 	});
 }
-function G() {
-	return s(U);
+function ce() {
+	return s(G);
 }
-function ce(e, t) {
+function le(e, t) {
 	if (Object.keys(e).length === 0) return t;
-	let n = H({}, e);
+	let n = W({}, e);
 	for (let e of Object.keys(t)) {
 		let r = t[e];
 		r !== void 0 && (n[e] = r);
 	}
-	return (e.tools !== void 0 || t.tools !== void 0) && (n.tools = H(H({}, e.tools), t.tools)), n;
+	return (e.tools !== void 0 || t.tools !== void 0) && (n.tools = W(W({}, e.tools), t.tools)), n;
 }
-//#endregion
-//#region src/block-portal-registry.ts
-var K = "__blokPortalRegistry", q = "__blokToolName", le = () => {
+// src/block-portal-registry.ts
+var q = "__blokPortalRegistry", J = "__blokToolName", ue = () => {
 	let e = { snapshot: /* @__PURE__ */ new Map() }, t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Map(), r = (n) => {
 		e.snapshot = n, t.forEach((e) => e());
 	};
 	return {
 		register(t, i) {
 			let a = new Map(e.snapshot), o = i.toolName === void 0 ? void 0 : n.get(i.toolName);
-			a.set(t, o === void 0 ? i : H(H({}, i), {}, { props: H(H({}, i.props), {}, { config: o }) })), r(a);
+			a.set(t, o === void 0 ? i : W(W({}, i), {}, { props: W(W({}, i.props), {}, { config: o }) })), r(a);
 		},
 		unregister(t, n) {
 			let i = e.snapshot.get(t);
@@ -120,14 +113,14 @@ var K = "__blokPortalRegistry", q = "__blokToolName", le = () => {
 			let i = e.snapshot.get(t);
 			if (i === void 0) return;
 			let a = new Map(e.snapshot);
-			a.set(t, H(H({}, i), {}, { props: H(H({}, i.props), n) })), r(a);
+			a.set(t, W(W({}, i), {}, { props: W(W({}, i.props), n) })), r(a);
 		},
 		setToolConfig(t, i) {
 			n.set(t, i);
 			let a = [...e.snapshot].filter(([, e]) => e.toolName === t);
 			if (a.length === 0) return;
 			let o = new Map(e.snapshot);
-			for (let [e, t] of a) o.set(e, H(H({}, t), {}, { props: H(H({}, t.props), {}, { config: i }) }));
+			for (let [e, t] of a) o.set(e, W(W({}, t), {}, { props: W(W({}, t.props), {}, { config: i }) }));
 			r(o);
 		},
 		subscribe(e) {
@@ -139,38 +132,36 @@ var K = "__blokPortalRegistry", q = "__blokToolName", le = () => {
 			return e.snapshot;
 		}
 	};
-}, J = /* @__PURE__ */ new WeakMap();
-function ue(e, t) {
-	J.set(e, t);
+}, Y = /* @__PURE__ */ new WeakMap();
+function de(e, t) {
+	Y.set(e, t);
 }
-function de(e) {
-	return J.get(e);
+function fe(e) {
+	return Y.get(e);
 }
-function Y(e) {
-	J.delete(e);
+function X(e) {
+	Y.delete(e);
 }
-//#endregion
-//#region src/content-baseline-map.ts
-var X = /* @__PURE__ */ new WeakMap();
-function fe(e, t) {
-	X.set(e, t);
+// src/content-baseline-map.ts
+var Z = /* @__PURE__ */ new WeakMap();
+function pe(e, t) {
+	Z.set(e, t);
 }
-function pe(e) {
-	return X.get(e);
+function me(e) {
+	return Z.get(e);
 }
-function Z(e) {
-	X.delete(e);
+function he(e) {
+	Z.delete(e);
 }
-//#endregion
-//#region src/live-tool-config.ts
+// src/live-tool-config.ts
 var Q = (e) => {
 	if (typeof e != "object" || !e) return !1;
 	let t = Object.getPrototypeOf(e);
 	return t === Object.prototype || t === null;
-}, me = (e, t) => t.reduce((e, t) => {
+}, ge = (e, t) => t.reduce((e, t) => {
 	if (Array.isArray(e)) return typeof t == "number" ? e[t] : void 0;
 	if (Q(e)) return e[t];
-}, e), he = (e, t) => {
+}, e), _e = (e, t) => {
 	let n = (e, t) => {
 		if (typeof e == "function") return typeof t == "function" ? t : e;
 		if (Array.isArray(e)) {
@@ -185,7 +176,7 @@ var Q = (e) => {
 		return e;
 	}, r = n(t, e);
 	return Q(r) ? r : {};
-}, ge = (e, t) => {
+}, ve = (e, t) => {
 	if (!Q(e)) return e;
 	let n = {};
 	for (let [r, i] of Object.entries(e)) {
@@ -197,7 +188,7 @@ var Q = (e) => {
 			if (typeof n == "function") {
 				let e = n;
 				return function(...n) {
-					let a = t(), o = Q(a) ? a[r] : void 0, s = me(Q(o) ? o.config : void 0, i);
+					let a = t(), o = Q(a) ? a[r] : void 0, s = ge(Q(o) ? o.config : void 0, i);
 					return Reflect.apply(typeof s == "function" ? s : e, this, n);
 				};
 			}
@@ -211,46 +202,46 @@ var Q = (e) => {
 			}
 			return n;
 		};
-		n[r] = H(H({}, i), {}, { config: a(i.config, []) });
+		n[r] = W(W({}, i), {}, { config: a(i.config, []) });
 	}
 	return n;
-}, _e = (e) => `[Blok] \`data\` is ignored while collaboration is on: the document lives on the sync service and is shared with everyone editing it, so replacing it from this editor would overwrite their work. To replace the whole document, call POST /sync/${e == null ? "{doc}" : e}/reset on your server — it reloads the document from your own document endpoint and every open editor picks it up. To change part of it, use the blocks API (insert/update/delete).`, ve = (e) => {
+}, ye = (e) => `[Blok] \`data\` is ignored while collaboration is on: the document lives on the sync service and is shared with everyone editing it, so replacing it from this editor would overwrite their work. To replace the whole document, call POST /sync/${e == null ? "{doc}" : e}/reset on your server — it reloads the document from your own document endpoint and every open editor picks it up. To change part of it, use the blocks API (insert/update/delete).`, be = (e) => {
 	let t = typeof e == "function" ? e : e == null ? void 0 : e.class;
 	return typeof t == "function" && t.__isBlokReactBlock === !0;
-}, ye = (e) => {
+}, xe = (e) => {
 	let t = typeof e == "function" ? e : e == null ? void 0 : e.class;
 	return typeof t == "function" && t.__isBlokReactInlineTool === !0;
-}, be = (e, t) => {
+}, Se = (e, t) => {
 	if (typeof e != "object" || !e) return e;
 	let n = {};
 	for (let [i, a] of Object.entries(e)) {
 		var r;
-		if (!ve(a) && !ye(a)) {
+		if (!be(a) && !xe(a)) {
 			n[i] = a;
 			continue;
 		}
-		let e = typeof a == "function" ? { class: a } : H({}, a);
-		e.config = H(H({}, (r = e.config) == null ? {} : r), {}, {
-			[K]: t,
-			[q]: i
+		let e = typeof a == "function" ? { class: a } : W({}, a);
+		e.config = W(W({}, (r = e.config) == null ? {} : r), {}, {
+			[q]: t,
+			[J]: i
 		});
 		let o = e.class.__buildPortalToolbox, s = typeof o == "function" && e.toolbox === void 0 ? o(t, i) : void 0;
 		s !== void 0 && (e.toolbox = s), n[i] = e;
 	}
 	return n;
 };
-function xe(e, t) {
+function Ce(e, t) {
 	var n, r;
-	let i = ce(s(U), e), [a, o] = f(null), l = d(i);
+	let i = le(s(G), e), [a, o] = p(null), l = f(i);
 	l.current = i;
-	let p = d({
+	let u = f({
 		editor: null,
 		holder: null,
 		destroyTimeout: null,
 		isDestroyed: !1,
 		isEditorReady: !1,
 		depsToken: null
-	}), h = u(() => ({}), t == null ? [] : t), g = d(i.data), _ = d(te()), v = d(null), y = d(i.data), b = d(i.collaboration), ee = d(Promise.resolve()), x = d(null), S = d(void 0), w = d(null), re = d(void 0), T = d(/* @__PURE__ */ new Map()), E = d(/* @__PURE__ */ new Map()), D = d(null), O = d({
+	}), m = d(() => ({}), t == null ? [] : t), g = f(i.data), _ = f(te()), v = f(null), y = f(i.data), ee = f(i.collaboration), b = f(Promise.resolve()), x = f(null), S = f(void 0), C = f(null), T = f(void 0), E = f(/* @__PURE__ */ new Map()), D = f(/* @__PURE__ */ new Map()), O = f(null), k = f({
 		onChange: !1,
 		onSave: !1,
 		onEnter: !1,
@@ -261,21 +252,21 @@ function xe(e, t) {
 	c(() => {
 		var e;
 		if (typeof window > "u") return;
-		let t = p.current;
-		if (t.destroyTimeout !== null && (clearTimeout(t.destroyTimeout), t.destroyTimeout = null), t.editor !== null && !t.isDestroyed && t.depsToken === h) return t.isEditorReady && o(t.editor), () => {
-			Se(t, o);
+		let t = u.current;
+		if (t.destroyTimeout !== null && (clearTimeout(t.destroyTimeout), t.destroyTimeout = null), t.editor !== null && !t.isDestroyed && t.depsToken === m) return t.isEditorReady && o(t.editor), () => {
+			we(t, o);
 		};
 		if (t.editor !== null && !t.isDestroyed) {
-			I(t.editor), Y(t.editor), Z(t.editor);
+			R(t.editor), X(t.editor), he(t.editor);
 			try {
 				t.editor.destroy();
 			} catch (e) {}
 			t.editor = null, t.holder = null, t.isDestroyed = !0, t.isEditorReady = !1, o(null);
 		}
 		let n = document.createElement("div");
-		t.holder = n, t.isDestroyed = !1, t.isEditorReady = !1, t.depsToken = h;
-		let r = l.current, i = le(), a = r.tools === void 0 ? void 0 : ge(r.tools, () => l.current.tools), s = a === void 0 ? void 0 : be(a, i);
-		w.current = i, re.current = a, T.current = /* @__PURE__ */ new Map(), E.current = new Map(Object.entries((e = r.tools) == null ? {} : e).map(([e, t]) => [e, typeof t == "object" && t ? t.toolbox : void 0]));
+		t.holder = n, t.isDestroyed = !1, t.isEditorReady = !1, t.depsToken = m;
+		let r = l.current, i = ue(), a = r.tools === void 0 ? void 0 : ve(r.tools, () => l.current.tools), s = a === void 0 ? void 0 : Se(a, i);
+		C.current = i, T.current = a, E.current = /* @__PURE__ */ new Map(), D.current = new Map(Object.entries((e = r.tools) == null ? {} : e).map(([e, t]) => [e, typeof t == "object" && t ? t.toolbox : void 0]));
 		let c = {
 			onChange: (...e) => {
 				var t, n;
@@ -302,8 +293,8 @@ function xe(e, t) {
 				(t = (n = l.current).onAfterRender) == null || t.call(n, ...e);
 			}
 		};
-		D.current = c;
-		let u = {
+		O.current = c;
+		let d = {
 			onChange: r.onChange !== void 0,
 			onSave: r.onSave !== void 0,
 			onEnter: r.onEnter !== void 0,
@@ -311,57 +302,72 @@ function xe(e, t) {
 			onBeforeRender: r.onBeforeRender !== void 0,
 			onAfterRender: r.onAfterRender !== void 0
 		};
-		O.current = u;
-		let d = H(H(H(H(H(H(H(H({}, r), s === void 0 ? {} : { tools: s }), {}, {
+		k.current = d;
+		let f = r.pageTitle ? W(W({}, typeof r.pageTitle == "object" ? r.pageTitle : {}), {}, {
+			onChange: (...e) => {
+				let t = l.current.pageTitle;
+				if (typeof t == "object" && t) {
+					var n;
+					(n = t.onChange) == null || n.call(t, ...e);
+				}
+			},
+			onIconChange: (...e) => {
+				let t = l.current.pageTitle;
+				if (typeof t == "object" && t) {
+					var n;
+					(n = t.onIconChange) == null || n.call(t, ...e);
+				}
+			}
+		}) : void 0, p = W(W(W(W(W(W(W(W(W({}, r), f === void 0 ? {} : { pageTitle: f }), s === void 0 ? {} : { tools: s }), {}, {
 			holder: n,
 			onReady: (...e) => {
 				var t, n;
 				(t = (n = l.current).onReady) == null || t.call(n, ...e);
 			}
-		}, u.onChange ? { onChange: c.onChange } : {}), u.onSave ? { onSave: c.onSave } : {}), u.onEnter ? { onEnter: c.onEnter } : {}), u.onSubmit ? { onSubmit: c.onSubmit } : {}), u.onBeforeRender ? { onBeforeRender: c.onBeforeRender } : {}), u.onAfterRender ? { onAfterRender: c.onAfterRender } : {}), f = new m(d);
-		return t.editor = f, y.current = r.data, b.current = r.collaboration, oe(f, n), ue(f, i), fe(f, { markRendered: (e) => {
+		}, d.onChange ? { onChange: c.onChange } : {}), d.onSave ? { onSave: c.onSave } : {}), d.onEnter ? { onEnter: c.onEnter } : {}), d.onSubmit ? { onSubmit: c.onSubmit } : {}), d.onBeforeRender ? { onBeforeRender: c.onBeforeRender } : {}), d.onAfterRender ? { onAfterRender: c.onAfterRender } : {}), v = new h(p);
+		return t.editor = v, y.current = r.data, ee.current = r.collaboration, se(v, n), de(v, i), pe(v, { markRendered: (e) => {
 			_.current.clear(), g.current = e, S.current = void 0;
-		} }), f.isReady.then(() => {
-			t.editor === f && !t.isDestroyed && (t.isEditorReady = !0, o(f));
+		} }), v.isReady.then(() => {
+			t.editor === v && !t.isDestroyed && (t.isEditorReady = !0, o(v));
 		}).catch(() => {
-			if (t.editor === f && !t.isDestroyed) {
-				I(f), Y(f), Z(f);
+			if (t.editor === v && !t.isDestroyed) {
+				R(v), X(v), he(v);
 				try {
-					f.destroy();
+					v.destroy();
 				} catch (e) {}
 				t.editor = null, t.holder = null, t.isDestroyed = !0, t.isEditorReady = !1, o(null);
 			}
 		}), () => {
-			Se(t, o);
+			we(t, o);
 		};
-	}, [h]), c(() => {
-		let e = w.current, t = p.current;
+	}, [m]), c(() => {
+		let e = C.current, t = u.current;
 		if (e === null || t.editor === null || t.isDestroyed) return;
 		let n = l.current.tools;
 		if (typeof n != "object" || !n) return;
-		let r = re.current;
+		let r = T.current;
 		for (let [t, a] of Object.entries(n)) {
 			var i;
-			if (!ve(a)) continue;
-			let n = typeof a == "function" || (i = a.config) == null ? {} : i, o = r == null ? void 0 : r[t], s = he(typeof o == "object" && o ? o.config : void 0, n), c = T.current.get(t);
-			if (c !== void 0 && C(s, c)) continue;
+			if (!be(a)) continue;
+			let n = typeof a == "function" || (i = a.config) == null ? {} : i, o = r == null ? void 0 : r[t], s = _e(typeof o == "object" && o ? o.config : void 0, n), c = E.current.get(t);
+			if (c !== void 0 && w(s, c)) continue;
 			let l = Object.freeze(s);
-			T.current.set(t, l), e.setToolConfig(t, l);
+			E.current.set(t, l), e.setToolConfig(t, l);
 		}
 	}), c(() => {
-		let e = p.current;
+		let e = u.current;
 		if (e.editor === null || e.isDestroyed || !e.isEditorReady) return;
 		let t = l.current.tools;
 		if (typeof t == "object" && t) for (let [r, i] of Object.entries(t)) {
 			var n;
-			if (!E.current.has(r)) continue;
-			let t = typeof i == "object" && i ? i.toolbox : void 0, a = E.current.get(r);
-			C(t, a) || (E.current.set(r, t), (n = e.editor.tools) == null || n.update(r, { toolbox: t }));
+			if (!D.current.has(r)) continue;
+			let t = typeof i == "object" && i ? i.toolbox : void 0, a = D.current.get(r);
+			w(t, a) || (D.current.set(r, t), (n = e.editor.tools) == null || n.update(r, { toolbox: t }));
 		}
 	}), c(() => {
-		let e = p.current, t = D.current;
+		let e = u.current, t = O.current;
 		if (e.editor === null || e.isDestroyed || !e.isEditorReady || t === null) return;
-		let n = l.current, r = O.current, i = {}, a = { value: !1 }, o = (e, i) => {
+		let n = l.current, r = k.current, i = {}, a = { value: !1 }, o = (e, i) => {
 			let o = n[e] !== void 0;
 			o !== r[e] && (r[e] = o, a.value = !0, i(o ? t[e] : void 0));
 		};
@@ -379,82 +385,78 @@ function xe(e, t) {
 			i.onAfterRender = e;
 		}), a.value && e.editor.handlers.set(i);
 	});
-	let k = typeof i.readOnly == "object" && i.readOnly !== null, { enabled: A, hideControls: j } = ie(i.readOnly);
+	let A = typeof i.readOnly == "object" && i.readOnly !== null, { enabled: j, hideControls: M } = re(i.readOnly);
 	c(() => {
-		a !== null && (k ? a.readOnly.set(A, { hideControls: j }) : a.readOnly.set(A));
+		a !== null && (A ? a.readOnly.set(j, { hideControls: M }) : a.readOnly.set(j));
 	}, [
 		a,
-		A,
 		j,
-		k
+		M,
+		A
 	]);
-	let { hideToolbar: M } = i;
+	let { hideToolbar: N } = i;
 	c(() => {
-		a !== null && M !== void 0 && a.toolbar.setHidden(M);
-	}, [a, M]);
-	let { toolbarPosition: N } = i;
-	c(() => {
-		a !== null && N !== void 0 && a.toolbar.setPosition(N);
+		a !== null && N !== void 0 && a.toolbar.setHidden(N);
 	}, [a, N]);
-	let { inlineToolbar: P } = i, F = P === void 0 ? void 0 : JSON.stringify(P);
+	let { toolbarPosition: P } = i;
 	c(() => {
-		a !== null && P !== void 0 && a.tools.setInlineToolbar(P);
-	}, [a, F]);
-	let { autofocus: se } = i;
+		a !== null && P !== void 0 && a.toolbar.setPosition(P);
+	}, [a, P]);
+	let { inlineToolbar: F } = i, ae = F === void 0 ? void 0 : JSON.stringify(F);
 	c(() => {
-		a !== null && se && a.focus();
-	}, [a, se]);
-	let { theme: L } = i;
+		a !== null && F !== void 0 && a.tools.setInlineToolbar(F);
+	}, [a, ae]);
+	let { autofocus: oe } = i;
 	c(() => {
-		a !== null && L !== void 0 && a.theme.set(L);
-	}, [a, L]);
-	let { width: R } = i;
+		a !== null && oe && a.focus();
+	}, [a, oe]);
+	let { theme: I } = i;
+	c(() => {
+		a !== null && I !== void 0 && a.theme.set(I);
+	}, [a, I]);
+	let { width: L } = i;
 	c(() => {
-		a !== null && R !== void 0 && a.width.set(R);
-	}, [a, R]);
-	let z = (n = i.style) == null ? void 0 : n.tokens, B = d((r = i.style) == null ? void 0 : r.tokens);
+		a !== null && L !== void 0 && a.width.set(L);
+	}, [a, L]);
+	let z = (n = i.style) == null ? void 0 : n.tokens, B = f((r = i.style) == null ? void 0 : r.tokens);
 	c(() => {
-		a !== null && z !== void 0 && (C(z, B.current) || (B.current = z, a.tokens.set(z)));
+		a !== null && z !== void 0 && (w(z, B.current) || (B.current = z, a.tokens.set(z)));
 	}, [a, z]);
-	let { i18n: V } = i, W = d(i.i18n);
+	let { i18n: V } = i, H = f(i.i18n);
 	c(() => {
-		let e = W.current;
-		if (a === null || V === void 0 && (e == null ? void 0 : e.direction) === void 0 || C(V, e)) return;
-		W.current = V;
+		let e = H.current;
+		if (a === null || V === void 0 && (e == null ? void 0 : e.direction) === void 0 || w(V, e)) return;
+		H.current = V;
 		let { locale: t, messages: n, direction: r } = V == null ? {} : V, i = r == null ? (e == null ? void 0 : e.direction) === void 0 ? void 0 : null : r;
-		a.i18n.update(H(H(H({}, t === void 0 ? {} : { locale: t }), n === void 0 ? {} : { messages: n }), i === void 0 ? {} : { direction: i }));
+		a.i18n.update(W(W(W({}, t === void 0 ? {} : { locale: t }), n === void 0 ? {} : { messages: n }), i === void 0 ? {} : { direction: i }));
 	}, [a, V]);
-	let { placeholder: G } = i;
+	let { placeholder: U } = i;
 	c(() => {
-		a !== null && G !== void 0 && a.placeholder.set(G);
-	}, [a, G]);
+		a !== null && U !== void 0 && a.placeholder.set(U);
+	}, [a, U]);
 	let { data: K } = i;
 	return c(() => {
 		if (a === null || K === void 0) return;
-		let e = p.current;
+		let e = u.current;
 		if (e.editor !== a || e.isDestroyed) return;
-		if (v.current !== a && (v.current = a, S.current = void 0, _.current.clear(), C(K, y.current))) {
+		if (v.current !== a && (v.current = a, S.current = void 0, _.current.clear(), w(K, y.current))) {
 			g.current = K;
 			return;
 		}
 		let t = g.current, n = S.current;
 		if (t !== void 0 && ne(K, t) || n !== void 0 && ne(K, n) || _.current.matches(K)) return;
-		let r = b.current;
-		if (r !== void 0) {
-			x.current !== a && (x.current = a, console.warn(_e(r.doc)));
-			return;
-		}
-		_.current.clear(), S.current = K, ee.current = ee.current.catch(() => void 0).then(() => a.render(ae(K))).then(() => {
+		let r = ee.current;
+		r === void 0 ? (_.current.clear(), S.current = K, b.current = b.current.catch(() => void 0).then(() => a.render(ie(K))).then(() => {
 			g.current = K;
 		}, () => {}).then(() => {
 			S.current === K && (S.current = void 0);
-		});
+		})) : x.current !== a && (x.current = a, console.warn(ye(r.doc)));
 	}, [a, K]), a;
 }
-function Se(e, t) {
+function we(e, t) {
 	e.destroyTimeout = setTimeout(() => {
 		if (e.editor !== null) {
-			I(e.editor), Y(e.editor), Z(e.editor);
+			R(e.editor), X(e.editor), he(e.editor);
 			try {
 				e.editor.destroy();
 			} catch (e) {}
@@ -462,9 +464,8 @@ function Se(e, t) {
 		}
 	}, 0);
 }
-//#endregion
-//#region src/BlockPortalHost.tsx
-var Ce = class extends e {
+// src/BlockPortalHost.tsx
+var Te = class extends e {
 	constructor(...e) {
 		super(...e), this.state = { failed: !1 };
 	}
@@ -476,22 +477,20 @@ var Ce = class extends e {
 		return this.state.failed ? null : this.props.children;
 	}
 };
-function we({ registry: e }) {
-	let t = p(e.subscribe, e.getSnapshot, e.getSnapshot);
-	return /* @__PURE__ */ O(D, { children: Array.from(t.entries()).map(([e, t]) => {
+function Ee({ registry: e }) {
+	let t = m(e.subscribe, e.getSnapshot, e.getSnapshot);
+	return /* @__PURE__ */ j(A, { children: Array.from(t.entries()).map(([e, t]) => {
 		let n = t.component;
-		return j(/* @__PURE__ */ O(Ce, { children: /* @__PURE__ */ O(n, H({}, t.props)) }), t.hostEl, e);
+		return P(/* @__PURE__ */ j(Te, { children: /* @__PURE__ */ j(n, W({}, t.props)) }), t.hostEl, e);
 	}) });
 }
-//#endregion
-//#region src/blok-instance-context.ts
-var Te = n(null);
-function Ee() {
-	return s(Te);
+// src/blok-instance-context.ts
+var De = n(null);
+function Oe() {
+	return s(De);
 }
-//#endregion
-//#region \0@oxc-project+runtime@0.152.0/helpers/esm/objectWithoutPropertiesLoose.js
-function De(e, t) {
+// \0@oxc-project+runtime@0.155.0/helpers/esm/objectWithoutPropertiesLoose.js
+function ke(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -500,35 +499,33 @@ function De(e, t) {
 	}
 	return n;
 }
-//#endregion
-//#region \0@oxc-project+runtime@0.152.0/helpers/esm/objectWithoutProperties.js
+// \0@oxc-project+runtime@0.155.0/helpers/esm/objectWithoutProperties.js
 function $(e, t) {
 	if (e == null) return {};
-	var n, r, i = De(e, t);
+	var n, r, i = ke(e, t);
 	if (Object.getOwnPropertySymbols) {
 		var a = Object.getOwnPropertySymbols(e);
 		for (r = 0; r < a.length; r++) n = a[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (i[n] = e[n]);
 	}
 	return i;
 }
-//#endregion
-//#region src/BlokContent.tsx
-var Oe = ["editor"];
-function ke(e) {
+// src/BlokContent.tsx
+var Ae = ["editor"];
+function je(e) {
 	var t, n;
 	if (typeof window > "u") return;
 	let r = window.location.hash.slice(1);
-	r !== "" && ((t = (n = e.blocks).scrollToBlock) == null || t.call(n, Ae(r)));
+	r !== "" && ((t = (n = e.blocks).scrollToBlock) == null || t.call(n, Me(r)));
 }
-function Ae(e) {
+function Me(e) {
 	try {
 		return decodeURIComponent(e);
 	} catch (t) {
 		return e;
 	}
 }
-var je = i(function(e, t) {
-	let { editor: n } = e, r = $(e, Oe), i = d(null), a = (e) => {
+var Ne = i(function(e, t) {
+	let { editor: n } = e, r = $(e, Ae), i = f(null), a = (e) => {
 		if (i.current = e, typeof t == "function") t(e);
 		else if (t != null) {
 			let n = t;
@@ -537,46 +534,63 @@ var je = i(function(e, t) {
 	};
 	c(() => {
 		if (n === null || i.current === null) return;
-		let e = se(n);
-		if (e !== void 0) return i.current.appendChild(e), ke(n), () => {
+		let e = L(n);
+		if (e !== void 0) return i.current.appendChild(e), je(n), () => {
 			e.remove();
 		};
 	}, [n]);
-	let o = n === null ? void 0 : de(n);
-	return /* @__PURE__ */ O("div", H(H({ ref: a }, r), {}, { children: o === void 0 ? null : /* @__PURE__ */ O(Te.Provider, {
+	let o = n === null ? void 0 : fe(n);
+	return /* @__PURE__ */ j("div", W(W({ ref: a }, r), {}, { children: o === void 0 ? null : /* @__PURE__ */ j(De.Provider, {
 		value: n,
-		children: /* @__PURE__ */ O(we, { registry: o })
+		children: /* @__PURE__ */ j(Ee, { registry: o })
 	}) }));
-}), Me = /* @__PURE__ */ "autofocus.defaultBlock.dataModel.placeholder.sanitizer.hideToolbar.toolbarPosition.maxHistoryLength.historyDebounceTime.newGroupDelay.globalUndoRedo.tools.data.minHeight.loader.logLevel.readOnly.i18n.link.linkPaste.onBeforePaste.onReady.onChange.onSave.onError.onImageFailure.onEnter.onSubmit.onBeforeRender.onAfterRender.inlineToolbar.inlineEmoji.find.tunes.style.theme.onThemeChange.scrollToBlock.user.resolveUser.notifierPosition.notifier.width.migrations.uploader.media.server.ticket.persistence.collaboration.documentId.tabSync.captureClicksBelowEditor".split("."), Ne = [
+}), Pe = ["editor"], Fe = ["children"], Ie = typeof window > "u" ? c : u, Le = i(function(e, t) {
+	let { editor: n } = e, r = $(e, Pe), i = f(null), a = (e) => {
+		if (i.current = e, typeof t == "function") t(e);
+		else if (t != null) {
+			let n = t;
+			n.current = e;
+		}
+	};
+	Ie(() => {
+		let e = i.current;
+		if (n !== null && e !== null) return n.title.mount(e), () => {
+			let e = n.title;
+			typeof (e == null ? void 0 : e.mount) == "function" && e.mount(null);
+		};
+	}, [n]);
+	let { children: o } = r, s = $(r, Fe);
+	return /* @__PURE__ */ j("div", W({ ref: a }, s));
+}), Re = /* @__PURE__ */ "autofocus.defaultBlock.dataModel.placeholder.sanitizer.hideToolbar.toolbarPosition.maxHistoryLength.historyDebounceTime.newGroupDelay.globalUndoRedo.tools.data.minHeight.loader.logLevel.readOnly.i18n.link.linkPaste.onBeforePaste.onReady.onChange.onSave.onError.onImageFailure.onEnter.onSubmit.onBeforeRender.onAfterRender.inlineToolbar.inlineEmoji.find.tunes.style.theme.onThemeChange.scrollToBlock.user.resolveUser.notifierPosition.notifier.width.migrations.uploader.media.server.ticket.persistence.collaboration.documentId.tabSync.captureClicksBelowEditor.pageTitle.agent".split("."), ze = [
 	"deps",
 	"onReady",
 	"locale",
 	"onBlocksRendered",
 	"onBlockRendered"
-], Pe = new Set(Me), Fe = i(function(e, t) {
-	let { deps: n, onReady: r, locale: i, onBlocksRendered: a, onBlockRendered: o } = e, s = $(e, Ne), u = {}, f = {};
+], Be = new Set(Re), Ve = i(function(e, t) {
+	let { deps: n, onReady: r, locale: i, onBlocksRendered: a, onBlockRendered: o } = e, s = $(e, ze), u = {}, d = {};
 	for (let e of Object.keys(s)) {
 		let t = s[e];
-		Pe.has(e) ? u[e] = t : f[e] = t;
+		Be.has(e) ? u[e] = t : d[e] = t;
 	}
 	if (i !== void 0) {
 		let e = u.i18n;
-		u.i18n = H(H({}, e), {}, { locale: i });
+		u.i18n = W(W({}, e), {}, { locale: i });
 	}
-	let p = xe(u, n);
+	let p = Ce(u, n);
 	l(t, () => p, [p]);
-	let m = d(r);
+	let m = f(r);
 	m.current = r;
-	let h = d(null);
+	let h = f(null);
 	c(() => {
 		if (p !== null && h.current !== p) {
 			var e;
 			h.current = p, (e = m.current) == null || e.call(m, p);
 		}
 	}, [p]);
-	let g = d(a);
+	let g = f(a);
 	g.current = a;
-	let _ = d(o);
+	let _ = f(o);
 	_.current = o;
 	let v = !!a, y = !!o;
 	return c(() => {
@@ -603,13 +617,12 @@ var je = i(function(e, t) {
 		p,
 		v,
 		y
-	]), /* @__PURE__ */ O(je, H({ editor: p }, f));
+	]), /* @__PURE__ */ j(Ne, W({ editor: p }, d));
 });
-//#endregion
-//#region src/useBlokHandle.ts
-function Ie() {
-	let e = d(null);
-	return u(() => ({
+// src/useBlokHandle.ts
+function He() {
+	let e = f(null);
+	return d(() => ({
 		ref: (t) => {
 			e.current = t;
 		},
@@ -627,7 +640,7 @@ function Ie() {
 			let t = e.current;
 			return t === null ? Promise.resolve() : t.clear().then(() => {
 				var e;
-				(e = pe(t)) == null || e.markRendered(v);
+				(e = me(t)) == null || e.markRendered(y);
 			});
 		},
 		save: () => e.current === null ? Promise.resolve(null) : e.current.save(),
@@ -636,7 +649,7 @@ function Ie() {
 			let n = e.current;
 			return n === null ? Promise.resolve() : n.render(t).then(() => {
 				var e;
-				(e = pe(n)) == null || e.markRendered(t);
+				(e = me(n)) == null || e.markRendered(t);
 			});
 		},
 		setReadOnly: (t) => {
@@ -645,41 +658,38 @@ function Ie() {
 		}
 	}), []);
 }
-//#endregion
-//#region src/useBlocks.ts
-var Le = "block changed";
-function Re(e, t = {}) {
+// src/useBlocks.ts
+var Ue = "block changed";
+function We(e, t = {}) {
 	var n;
-	let r = (n = t.within) == null ? null : n, i = d(0), a = d(e);
+	let r = (n = t.within) == null ? null : n, i = f(0), a = f(e);
 	a.current !== e && (a.current = e, i.current = 0);
 	let s = o((t) => {
 		if (e === null) return () => void 0;
 		let n = (n) => {
 			(r === null || b(e, n, r)) && (i.current += 1, t());
 		};
-		return e.on(Le, n), () => e.off(Le, n);
+		return e.on(Ue, n), () => e.off(Ue, n);
 	}, [e, r]), c = o(() => i.current, []);
-	return p(s, c, c), u(() => e === null ? _ : ee(e), [e]);
+	return m(s, c, c), d(() => e === null ? v : x(e), [e]);
 }
-//#endregion
-//#region src/useBlokReady.ts
-function ze(e = {}) {
-	let { within: t, settleOn: n } = e, [r, i] = f(!1);
+// src/useBlokReady.ts
+function Ge(e = {}) {
+	let { within: t, settleOn: n } = e, [r, i] = p(!1);
 	return c(() => {
 		let e = () => {
 			var e;
 			let r = t instanceof Element ? t : (e = t == null ? void 0 : t.current) == null ? null : e;
-			i(t !== void 0 && r === null ? !1 : m.readyState({
+			i(t !== void 0 && r === null ? !1 : h.readyState({
 				within: r,
 				settleOn: n
 			}).ready);
 		};
-		return e(), m.subscribeReady(e);
+		return e(), h.subscribeReady(e);
 	}, [t, n]), r;
 }
-//#endregion
-//#region src/view-nodes-to-react.ts
-var Be = /* @__PURE__ */ new Set([
+// src/view-nodes-to-react.ts
+var Ke = /* @__PURE__ */ new Set([
 	"area",
 	"base",
 	"br",
@@ -694,7 +704,7 @@ var Be = /* @__PURE__ */ new Set([
 	"source",
 	"track",
 	"wbr"
-]), Ve = /* @__PURE__ */ new Set([
+]), qe = /* @__PURE__ */ new Set([
 	"disabled",
 	"open",
 	"controls",
@@ -710,7 +720,7 @@ var Be = /* @__PURE__ */ new Set([
 	"novalidate",
 	"allowfullscreen",
 	"itemscope"
-]), He = {
+]), Je = {
 	class: "className",
 	for: "htmlFor",
 	colspan: "colSpan",
@@ -732,7 +742,7 @@ var Be = /* @__PURE__ */ new Set([
 	minlength: "minLength",
 	usemap: "useMap",
 	itemscope: "itemScope"
-}, Ue = (e) => e.startsWith("aria-") || e.startsWith("data-") ? e : e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), We = (e) => {
+}, Ye = (e) => e.startsWith("aria-") || e.startsWith("data-") ? e : e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), Xe = (e) => {
 	let t = {};
 	for (let n of e.split(";")) {
 		let e = n.indexOf(":");
@@ -743,44 +753,33 @@ var Be = /* @__PURE__ */ new Set([
 		t[a] = i;
 	}
 	return t;
-}, Ge = (e, t, n) => {
+}, Ze = (e, t, n) => {
 	let r = { key: t };
 	for (let [t, o] of Object.entries(e)) {
 		var i;
-		if (t === "style") {
-			r.style = We(o);
-			continue;
-		}
-		if (t === "checked") {
-			r.defaultChecked = !0;
-			continue;
-		}
-		if (t === "value") {
-			r.defaultValue = o;
-			continue;
-		}
-		if (Ve.has(t)) {
+		if (t === "style") r.style = Xe(o);
+		else if (t === "checked") r.defaultChecked = !0;
+		else if (t === "value") r.defaultValue = o;
+		else if (qe.has(t)) {
 			var a;
-			r[(a = He[t]) == null ? t : a] = !0;
-			continue;
-		}
-		r[(i = He[t]) == null ? n ? Ue(t) : t : i] = o;
+			r[(a = Je[t]) == null ? t : a] = !0;
+		} else r[(i = Je[t]) == null ? n ? Ye(t) : t : i] = o;
 	}
 	return r;
-}, Ke = (e, t = !1) => e.map((e, n) => {
+}, Qe = (e, t = !1) => e.map((e, n) => {
 	if ("text" in e) return e.text;
-	let i = t || e.tag === "svg", a = Ge(e.attrs, n, i);
-	return Be.has(e.tag) || e.children.length === 0 ? r(e.tag, a) : r(e.tag, a, ...Ke(e.children, i));
-}), qe = (e, n) => {
-	let i = n == null ? void 0 : n.schema, a = n == null ? void 0 : n.renderers, o = n == null ? void 0 : n.onUnknownBlock, s = n == null ? void 0 : n.toolAttributes, c = n == null ? void 0 : n.blockIds, l = n == null ? void 0 : n.transformUrl, d = n == null ? void 0 : n.inlineRenderers, f = n == null ? void 0 : n.pageHref, p = n == null ? void 0 : n.pageInfo, m = n == null ? void 0 : n.classes, h = n == null ? void 0 : n.direction;
-	return u(() => r(t, null, ...Ke(N(e, {
+	let i = t || e.tag === "svg", a = Ze(e.attrs, n, i);
+	return Ke.has(e.tag) || e.children.length === 0 ? r(e.tag, a) : r(e.tag, a, ...Qe(e.children, i));
+}), $e = (e, n) => {
+	let i = n == null ? void 0 : n.schema, a = n == null ? void 0 : n.renderers, o = n == null ? void 0 : n.onUnknownBlock, s = n == null ? void 0 : n.toolAttributes, c = n == null ? void 0 : n.blockIds, l = n == null ? void 0 : n.transformUrl, u = n == null ? void 0 : n.inlineRenderers, f = n == null ? void 0 : n.pageHref, p = n == null ? void 0 : n.pageInfo, m = n == null ? void 0 : n.classes, h = n == null ? void 0 : n.direction;
+	return d(() => r(t, null, ...Qe(ae(e, {
 		schema: i,
 		renderers: a,
 		onUnknownBlock: o,
 		toolAttributes: s,
 		blockIds: c,
 		transformUrl: l,
-		inlineRenderers: d,
+		inlineRenderers: u,
 		pageHref: f,
 		pageInfo: p,
 		classes: m,
@@ -793,13 +792,13 @@ var Be = /* @__PURE__ */ new Set([
 		s,
 		c,
 		l,
-		d,
+		u,
 		f,
 		p,
 		m,
 		h
 	]);
-}, Je = [
+}, et = [
 	"data",
 	"schema",
 	"renderers",
@@ -812,8 +811,8 @@ var Be = /* @__PURE__ */ new Set([
 	"pageInfo",
 	"classes",
 	"direction"
-], Ye = (e) => {
-	let { data: t, schema: n, renderers: r, onUnknownBlock: i, toolAttributes: a, blockIds: o, transformUrl: s, inlineRenderers: c, pageHref: l, pageInfo: u, classes: d, direction: f } = e, p = $(e, Je), m = qe(t, {
+], tt = (e) => {
+	let { data: t, schema: n, renderers: r, onUnknownBlock: i, toolAttributes: a, blockIds: o, transformUrl: s, inlineRenderers: c, pageHref: l, pageInfo: u, classes: d, direction: f } = e, p = $(e, et), m = $e(t, {
 		schema: n,
 		renderers: r,
 		onUnknownBlock: i,
@@ -826,100 +825,100 @@ var Be = /* @__PURE__ */ new Set([
 		classes: d == null || d,
 		direction: f
 	});
-	return /* @__PURE__ */ O("div", H(H({
+	return /* @__PURE__ */ j("div", W(W({
 		"data-blok-interface": "view",
 		dir: f
 	}, p), {}, { children: m }));
-}, Xe = ["icon", "title"], Ze = ["commit", "readOnly"], Qe = [K, q], $e = (e, t, n) => {
+}, nt = ["icon", "title"], rt = ["commit", "readOnly"], it = [q, J], at = (e, t, n) => {
 	var r;
-	e == null || (r = e.events) == null || r.emit(h, {
+	e == null || (r = e.events) == null || r.emit(g, {
 		blockId: t,
 		childIds: n.map((e) => e.id)
 	});
-}, et = /* @__PURE__ */ new Set([
+}, ot = /* @__PURE__ */ new Set([
 	void 0,
 	"user",
 	"api",
 	"convert"
-]), tt = [
+]), st = [
 	"toolbox",
 	"isReadOnlySupported",
 	"__isBlokReactBlock",
 	"__buildPortalToolbox"
 ];
-function nt(e) {
-	var t, n;
-	let r = (e) => {
+function ct(e) {
+	var t, n, r;
+	let i = (e) => {
 		if (typeof document > "u") return null;
-		let t = document.createElement("div"), n = P(t);
-		M(() => {
+		let t = document.createElement("div"), n = oe(t);
+		F(() => {
 			n.render(e);
 		});
 		let r = t.innerHTML;
 		return n.unmount(), r === "" ? null : r;
-	}, i = (e) => {
-		let { icon: t, title: n } = e, i = H({}, $(e, Xe));
-		if (typeof n == "string" && (i.title = n), !a(t)) return t !== void 0 && (i.icon = t), {
-			entry: i,
+	}, o = (e) => {
+		let { icon: t, title: n } = e, r = W({}, $(e, nt));
+		if (typeof n == "string" && (r.title = n), !a(t)) return t !== void 0 && (r.icon = t), {
+			entry: r,
 			deferred: !1
 		};
-		let o = r(t);
-		return o === null ? (i.icon = t, {
-			entry: i,
+		let o = i(t);
+		return o === null ? (r.icon = t, {
+			entry: r,
 			deferred: !0
-		}) : (i.icon = o, {
-			entry: i,
+		}) : (r.icon = o, {
+			entry: r,
 			deferred: !1
 		});
-	}, o = () => {
+	}, s = () => {
 		if (e.toolbox === void 0) return {
 			value: void 0,
 			complete: !0
 		};
-		let t = (Array.isArray(e.toolbox) ? e.toolbox : [e.toolbox]).map((e) => i(e)), n = t.every((e) => !e.deferred), r = t.map((e) => e.entry);
+		let t = (Array.isArray(e.toolbox) ? e.toolbox : [e.toolbox]).map((e) => o(e)), n = t.every((e) => !e.deferred), r = t.map((e) => e.entry);
 		return {
 			value: Array.isArray(e.toolbox) ? r : r[0],
 			complete: n
 		};
-	}, s = (t, n) => {
+	}, l = (t, n) => {
 		if (e.toolbox === void 0) return;
 		let r = Array.isArray(e.toolbox) ? e.toolbox : [e.toolbox];
 		if (!r.some((e) => a(e.title))) return;
-		let o = r.map((e, r) => {
-			let { entry: o, deferred: s } = i(e);
-			if (s && delete o.icon, !a(e.title)) return o;
+		let i = r.map((e, r) => {
+			let { entry: i, deferred: s } = o(e);
+			if (s && delete i.icon, !a(e.title)) return i;
 			let c = document.createElement("span");
 			c.setAttribute("data-blok-mutation-free", "true");
-			let l = e.title, u = () => /* @__PURE__ */ O(D, { children: l });
+			let l = e.title, u = () => /* @__PURE__ */ j(A, { children: l });
 			return u.displayName = `BlokToolboxTitle(${n})`, t.register(`__blok-toolbox-title__:${n}:${r}`, {
 				hostEl: c,
 				component: u,
 				props: {},
 				toolName: n
-			}), H(H({}, o), {}, { titleEl: c });
+			}), W(W({}, i), {}, { titleEl: c });
 		});
-		return Array.isArray(e.toolbox) ? o : o[0];
-	}, l = {
+		return Array.isArray(e.toolbox) ? i : i[0];
+	}, u = {
 		resolved: !1,
 		value: void 0
-	}, u = () => {
-		if (l.resolved) return l.value;
-		let { value: e, complete: t } = o();
-		return t && (l.value = e, l.resolved = !0), e;
-	}, f = e.viewComponent === void 0 ? e.component : (t) => {
+	}, d = () => {
+		if (u.resolved) return u.value;
+		let { value: e, complete: t } = s();
+		return t && (u.value = e, u.resolved = !0), e;
+	}, p = e.viewComponent === void 0 ? e.component : (t) => {
 		let n = e.viewComponent;
 		if (t.readOnly && n !== void 0) {
-			let { commit: e, readOnly: r } = t, i = $(t, Ze);
-			return /* @__PURE__ */ O(n, H({}, i));
+			let { commit: e, readOnly: r } = t, i = $(t, rt);
+			return /* @__PURE__ */ j(n, W({}, i));
 		}
 		let r = e.component;
-		return /* @__PURE__ */ O(r, H({}, t));
-	}, p = (t = class {
+		return /* @__PURE__ */ j(r, W({}, t));
+	}, m = (t = class {
 		static get toolbox() {
-			return u();
+			return d();
 		}
 		static __buildPortalToolbox(e, t) {
-			return s(e, t);
+			return l(e, t);
 		}
 		static get isReadOnlySupported() {
 			return !0;
@@ -930,49 +929,49 @@ function nt(e) {
 				this.anchorEl = e;
 			}, this.commit = (t) => {
 				var n;
-				let r = w(e.propSchema, H(H({}, this.mirror), t));
-				S(r, this.mirror) || (this.mirror = r, this.lastRendered = r, (n = this.registry) == null || n.setProps(this.blockApi.id, { data: r }), this.flushDispatch());
+				let r = E(e.propSchema, W(W({}, this.mirror), t));
+				C(r, this.mirror) || (this.mirror = r, this.lastRendered = r, (n = this.registry) == null || n.setProps(this.blockApi.id, { data: r }), this.flushDispatch());
 			}, this.blockApi = t.block;
 			let a = (n = t.config) == null ? {} : n;
-			this.registry = a[K];
-			let o = a[q];
+			this.registry = a[q];
+			let o = a[J];
 			this.toolName = typeof o == "string" ? o : void 0;
 			let s = {};
-			for (let [e, t] of Object.entries(a)) Qe.includes(e) || (s[e] = t);
+			for (let [e, t] of Object.entries(a)) it.includes(e) || (s[e] = t);
 			this.toolConfig = Object.freeze(s), this.api = t.api;
 			let l = t.api;
 			this.pointerDrag = () => {
 				var e;
 				return (l == null || (e = l.blocks) == null ? void 0 : e.isPointerDragActive) === !0;
-			}, this.mirror = w(e.propSchema, (r = t.data) == null ? {} : r), this.lastRendered = this.mirror, this.readOnly = t.readOnly, this.origin = (i = t.origin) == null ? "api" : i;
-			let u = this.blockApi, f = this.api;
+			}, this.mirror = E(e.propSchema, (r = t.data) == null ? {} : r), this.lastRendered = this.mirror, this.readOnly = t.readOnly, this.origin = (i = t.origin) == null ? "api" : i;
+			let u = this.blockApi, d = this.api;
 			this.childrenComponent = function({ childAttributes: e, childContentAttributes: t }) {
-				let n = d(null), r = d(x());
+				let n = f(null), r = f(S());
 				return c(() => {
 					if (n.current === null) return;
 					let i = u.getChildren();
-					T(n.current, E(i, (e) => f.blocks.getChildren(e))), y(r.current, i, {
+					O(n.current, k(i, (e) => d.blocks.getChildren(e))), ee(r.current, i, {
 						childAttributes: e,
 						childContentAttributes: t
-					}), $e(f, u.id, i);
-				}), /* @__PURE__ */ O("div", {
+					}), at(d, u.id, i);
+				}), /* @__PURE__ */ j("div", {
 					ref: n,
-					[g.nestedBlocks]: ""
+					[_.nestedBlocks]: ""
 				});
 			}, this.entryComponent = this.buildEntryComponent();
 		}
 		buildEntryComponent() {
 			let t = e.onMounted, n = e.onCreated;
-			if (t === void 0 && n === void 0) return f;
-			let r = f, i = () => {
+			if (t === void 0 && n === void 0) return p;
+			let r = p, i = () => {
 				if (this.mountSignalled) return;
 				this.mountSignalled = !0;
 				let e = {
 					origin: this.origin,
 					api: this.api
 				};
-				t == null || t(this.blockApi, e), et.has(this.origin) && (n == null || n(this.blockApi, e));
-			}, a = (e) => (c(i, []), /* @__PURE__ */ O(r, H({}, e)));
+				t == null || t(this.blockApi, e), ot.has(this.origin) && (n == null || n(this.blockApi, e));
+			}, a = (e) => (c(i, []), /* @__PURE__ */ j(r, W({}, e)));
 			return a.displayName = `BlokBlockMount(${e.type})`, a;
 		}
 		render() {
@@ -993,8 +992,8 @@ function nt(e) {
 			return this.mirror;
 		}
 		async setData(t) {
-			let n = w(e.propSchema, t == null ? {} : t);
-			return S(n, this.lastRendered) ? !0 : (this.mirror = n, this.lastRendered = n, this.pushProps({ data: n }), !0);
+			let n = E(e.propSchema, t == null ? {} : t);
+			return C(n, this.lastRendered) || (this.mirror = n, this.lastRendered = n, this.pushProps({ data: n })), !0;
 		}
 		setReadOnly(e) {
 			this.readOnly = e, this.pushProps({ readOnly: e });
@@ -1010,13 +1009,21 @@ function nt(e) {
 			var n;
 			return ((n = e.onNavigationEnter) == null ? void 0 : n.call(e, t, this.blockApi)) === !0;
 		}
+		isReadOnly() {
+			var t;
+			return ((t = e.isReadOnly) == null ? void 0 : t.call(e, this.blockApi)) === !0;
+		}
+		isDataReadOnly() {
+			var t;
+			return ((t = e.isDataReadOnly) == null ? void 0 : t.call(e, this.blockApi)) === !0;
+		}
 		moved() {
 			var t;
 			(t = e.onMoved) == null || t.call(e, this.blockApi);
 		}
-		removed() {
-			var t, n, r;
-			(t = this.registry) == null || t.unregister(this.blockApi.id, (n = this.hostEl) == null ? void 0 : n), (r = e.onRemoved) == null || r.call(e, this.blockApi);
+		removed(t) {
+			var n, r, i;
+			(n = this.registry) == null || n.unregister(this.blockApi.id, (r = this.hostEl) == null ? void 0 : r), (i = e.onRemoved) == null || i.call(e, this.blockApi, t);
 		}
 		destroy() {
 			var e, t;
@@ -1036,7 +1043,7 @@ function nt(e) {
 		}
 		pushProps(e) {
 			let t = this.registry;
-			t !== void 0 && M(() => {
+			t !== void 0 && F(() => {
 				t.setProps(this.blockApi.id, e);
 			});
 		}
@@ -1048,32 +1055,40 @@ function nt(e) {
 			if (this.pendingDispatch) return;
 			this.pendingDispatch = !0;
 			let e = () => {
-				if (this.pointerDrag()) {
-					requestAnimationFrame(e);
-					return;
-				}
-				this.pendingDispatch = !1, this.blockApi.dispatchChange();
+				this.pointerDrag() ? requestAnimationFrame(e) : (this.pendingDispatch = !1, this.blockApi.dispatchChange());
 			};
 			requestAnimationFrame(e);
 		}
 	}, t.__isBlokReactBlock = !0, t);
-	for (let [t, r] of Object.entries((n = e.statics) == null ? {} : n)) tt.includes(t) || Object.defineProperty(p, t, {
+	for (let [t, r] of Object.entries((n = e.statics) == null ? {} : n)) st.includes(t) || Object.defineProperty(m, t, {
 		value: r,
 		writable: !0,
 		enumerable: !0,
 		configurable: !0
 	});
-	return p;
+	return ((r = e.statics) == null ? void 0 : r.describe) === void 0 && Object.defineProperty(m, "describe", {
+		value: () => {
+			var t;
+			return T({
+				type: e.type,
+				title: typeof e.toolbox == "object" && !Array.isArray(e.toolbox) && typeof e.toolbox.title == "string" ? e.toolbox.title : void 0,
+				propSchema: e.propSchema,
+				richTextFields: (t = e.statics) == null ? void 0 : t.richTextFields
+			});
+		},
+		writable: !0,
+		enumerable: !0,
+		configurable: !0
+	}), m;
 }
-//#endregion
-//#region src/createReactInlineTool.tsx
-var rt = [K, q], it = (e) => `__blok-inline-tool__:${e}:${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`, at = n(null);
-function ot() {
-	let e = s(at);
+// src/createReactInlineTool.tsx
+var lt = [q, J], ut = (e) => `__blok-inline-tool__:${e}:${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`, dt = n(null);
+function ft() {
+	let e = s(dt);
 	if (e === null) throw Error("useInlineTool() must be called from a component rendered by createReactInlineTool");
 	return e;
 }
-function st(e) {
+function pt(e) {
 	var t = class {
 		static get type() {
 			return e.type;
@@ -1092,7 +1107,7 @@ function st(e) {
 			return e.mark;
 		}
 		static get sanitize() {
-			return e.sanitize === void 0 ? e.mark === void 0 ? void 0 : re(e.mark) : e.sanitize;
+			return e.sanitize === void 0 ? e.mark === void 0 ? void 0 : D(e.mark) : e.sanitize;
 		}
 		static get isReadOnlySupported() {
 			var t;
@@ -1102,11 +1117,11 @@ function st(e) {
 			var n;
 			this.active = !1, this.registered = !1;
 			let r = (n = t == null ? void 0 : t.config) == null ? {} : n;
-			this.api = t == null ? void 0 : t.api, this.registry = r[K];
-			let i = r[q];
-			this.toolName = typeof i == "string" ? i : e.type, this.portalKey = it(this.toolName);
+			this.api = t == null ? void 0 : t.api, this.registry = r[q];
+			let i = r[J];
+			this.toolName = typeof i == "string" ? i : e.type, this.portalKey = ut(this.toolName);
 			let a = {};
-			for (let [e, t] of Object.entries(r)) rt.includes(e) || (a[e] = t);
+			for (let [e, t] of Object.entries(r)) lt.includes(e) || (a[e] = t);
 			this.toolConfig = Object.freeze(a), this.portalComponent = this.createPortalComponent();
 		}
 		render() {
@@ -1139,9 +1154,7 @@ function st(e) {
 				let t = window.getSelection();
 				if (!t || t.rangeCount === 0) return;
 				e.surround(t.getRangeAt(0), this.api);
-				return;
-			}
-			e.mark !== void 0 && ((t = this.api) == null ? void 0 : t.marks) !== void 0 && this.api.marks.toggle(e.mark);
+			} else e.mark !== void 0 && ((t = this.api) == null ? void 0 : t.marks) !== void 0 && this.api.marks.toggle(e.mark);
 		}
 		refreshActiveState() {
 			let e = this.computeActiveState();
@@ -1163,15 +1176,15 @@ function st(e) {
 				remove: () => t.marks.remove(n),
 				read: () => t.marks.read(n)
 			} : null, a = (e) => {
-				let n = u(() => ({
+				let n = d(() => ({
 					active: e.active,
 					config: e.config,
 					api: t,
 					mark: i
 				}), [e.active, e.config]);
-				return /* @__PURE__ */ O(at.Provider, {
+				return /* @__PURE__ */ j(dt.Provider, {
 					value: n,
-					children: /* @__PURE__ */ O(r, {
+					children: /* @__PURE__ */ j(r, {
 						active: e.active,
 						config: e.config
 					})
@@ -1182,5 +1195,4 @@ function st(e) {
 	};
 	return t.__isBlokReactInlineTool = !0, t.isInline = !0, t;
 }
-//#endregion
-export { K as BLOK_PORTAL_REGISTRY_CONFIG_KEY, q as BLOK_TOOL_NAME_CONFIG_KEY, we as BlockPortalHost, je as BlokContent, Fe as BlokEditor, W as BlokProvider, Ye as BlokView, Me as USE_BLOK_CONFIG_KEYS, le as createBlockPortalRegistry, nt as createReactBlock, st as createReactInlineTool, k as getDirection, A as normalizeLocale, Re as useBlocks, xe as useBlok, G as useBlokDefaults, Ie as useBlokHandle, Ee as useBlokInstance, ze as useBlokReady, qe as useBlokView, ot as useInlineTool };
+export { q as BLOK_PORTAL_REGISTRY_CONFIG_KEY, J as BLOK_TOOL_NAME_CONFIG_KEY, Ee as BlockPortalHost, Ne as BlokContent, Ve as BlokEditor, K as BlokProvider, Le as BlokTitle, tt as BlokView, Re as USE_BLOK_CONFIG_KEYS, ue as createBlockPortalRegistry, ct as createReactBlock, pt as createReactInlineTool, M as getDirection, N as normalizeLocale, We as useBlocks, Ce as useBlok, ce as useBlokDefaults, He as useBlokHandle, Oe as useBlokInstance, Ge as useBlokReady, $e as useBlokView, ft as useInlineTool };