@bloklabs/react 1.15.2 → 1.16.0

package/dist/index.mjs

@@ -1,54 +1,54 @@
 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 x, createChildDecorationLedger as S, createEmittedEchoWindow as ee, deepEqual as C, deepEqual as w, equalsOutputData as te, fillDefaults as T, markSanitizerConfig as E, mountChildBlocks as D, normalizeReadOnlyConfig as ne, toRenderableData as re } from "@bloklabs/core/adapters";
-import { Fragment as O, jsx as k } from "react/jsx-runtime";
-import { getDirection as A, normalizeLocale as j } from "@bloklabs/core/locales";
-import { createPortal as M, flushSync as N } from "react-dom";
-import { blocksToViewNodes as P } from "@bloklabs/core/view";
-import { createRoot as F } from "react-dom/client";
+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 I = /* @__PURE__ */ new WeakMap();
-function ie(e, t) {
-	I.set(e, t);
+var F = /* @__PURE__ */ new WeakMap();
+function oe(e, t) {
+	F.set(e, t);
 }
-function ae(e) {
-	return I.get(e);
+function se(e) {
+	return F.get(e);
 }
-function L(e) {
-	I.delete(e);
+function I(e) {
+	F.delete(e);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.147.0/helpers/esm/typeof.js
-function R(e) {
+//#region \0@oxc-project+runtime@0.152.0/helpers/esm/typeof.js
+function L(e) {
 	"@babel/helpers - typeof";
-	return R = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+	return L = 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;
-	}, R(e);
+	}, L(e);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.147.0/helpers/esm/toPrimitive.js
-function z(e, t) {
-	if (R(e) != "object" || !e) return e;
+//#region \0@oxc-project+runtime@0.152.0/helpers/esm/toPrimitive.js
+function R(e, t) {
+	if (L(e) != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
 		var r = n.call(e, t || "default");
-		if (R(r) != "object") return r;
+		if (L(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.147.0/helpers/esm/toPropertyKey.js
-function B(e) {
-	var t = z(e, "string");
-	return R(t) == "symbol" ? t : t + "";
+//#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 + "";
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.147.0/helpers/esm/defineProperty.js
-function V(e, t, n) {
-	return (t = B(t)) in e ? Object.defineProperty(e, t, {
+//#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, {
 		value: n,
 		enumerable: !0,
 		configurable: !0,
@@ -56,8 +56,8 @@ function V(e, t, n) {
 	}) : e[t] = n, e;
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.147.0/helpers/esm/objectSpread2.js
-function H(e, t) {
+//#region \0@oxc-project+runtime@0.152.0/helpers/esm/objectSpread2.js
+function V(e, t) {
 	var n = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
 		var r = Object.getOwnPropertySymbols(e);
@@ -67,12 +67,12 @@ function H(e, t) {
 	}
 	return n;
 }
-function U(e) {
+function H(e) {
 	for (var t = 1; t < arguments.length; t++) {
 		var n = arguments[t] == null ? {} : arguments[t];
-		t % 2 ? H(Object(n), !0).forEach(function(t) {
-			V(e, t, n[t]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : H(Object(n)).forEach(function(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) {
 			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
 		});
 	}
@@ -80,35 +80,35 @@ function U(e) {
 }
 //#endregion
 //#region src/provide-blok.tsx
-var W = n({});
-function G({ defaults: e, children: t }) {
-	return /* @__PURE__ */ k(W.Provider, {
+var U = n({});
+function W({ defaults: e, children: t }) {
+	return /* @__PURE__ */ O(U.Provider, {
 		value: e,
 		children: t
 	});
 }
-function K() {
-	return s(W);
+function G() {
+	return s(U);
 }
-function oe(e, t) {
+function ce(e, t) {
 	if (Object.keys(e).length === 0) return t;
-	let n = U({}, e);
+	let n = H({}, 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 = U(U({}, e.tools), t.tools)), n;
+	return (e.tools !== void 0 || t.tools !== void 0) && (n.tools = H(H({}, e.tools), t.tools)), n;
 }
 //#endregion
 //#region src/block-portal-registry.ts
-var q = "__blokPortalRegistry", J = "__blokToolName", se = () => {
+var K = "__blokPortalRegistry", q = "__blokToolName", le = () => {
 	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 : U(U({}, i), {}, { props: U(U({}, i.props), {}, { config: o }) })), r(a);
+			a.set(t, o === void 0 ? i : H(H({}, i), {}, { props: H(H({}, i.props), {}, { config: o }) })), r(a);
 		},
 		unregister(t, n) {
 			let i = e.snapshot.get(t);
@@ -120,14 +120,14 @@ var q = "__blokPortalRegistry", J = "__blokToolName", se = () => {
 			let i = e.snapshot.get(t);
 			if (i === void 0) return;
 			let a = new Map(e.snapshot);
-			a.set(t, U(U({}, i), {}, { props: U(U({}, i.props), n) })), r(a);
+			a.set(t, H(H({}, i), {}, { props: H(H({}, 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, U(U({}, t), {}, { props: U(U({}, t.props), {}, { config: i }) }));
+			for (let [e, t] of a) o.set(e, H(H({}, t), {}, { props: H(H({}, t.props), {}, { config: i }) }));
 			r(o);
 		},
 		subscribe(e) {
@@ -139,27 +139,27 @@ var q = "__blokPortalRegistry", J = "__blokToolName", se = () => {
 			return e.snapshot;
 		}
 	};
-}, Y = /* @__PURE__ */ new WeakMap();
-function ce(e, t) {
-	Y.set(e, t);
+}, J = /* @__PURE__ */ new WeakMap();
+function ue(e, t) {
+	J.set(e, t);
 }
-function le(e) {
-	return Y.get(e);
+function de(e) {
+	return J.get(e);
 }
-function X(e) {
-	Y.delete(e);
+function Y(e) {
+	J.delete(e);
 }
 //#endregion
 //#region src/content-baseline-map.ts
-var Z = /* @__PURE__ */ new WeakMap();
-function ue(e, t) {
-	Z.set(e, t);
+var X = /* @__PURE__ */ new WeakMap();
+function fe(e, t) {
+	X.set(e, t);
 }
-function de(e) {
-	return Z.get(e);
+function pe(e) {
+	return X.get(e);
 }
-function fe(e) {
-	Z.delete(e);
+function Z(e) {
+	X.delete(e);
 }
 //#endregion
 //#region src/live-tool-config.ts
@@ -167,10 +167,10 @@ var Q = (e) => {
 	if (typeof e != "object" || !e) return !1;
 	let t = Object.getPrototypeOf(e);
 	return t === Object.prototype || t === null;
-}, pe = (e, t) => t.reduce((e, t) => {
+}, me = (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), me = (e, t) => {
+}, e), he = (e, t) => {
 	let n = (e, t) => {
 		if (typeof e == "function") return typeof t == "function" ? t : e;
 		if (Array.isArray(e)) {
@@ -185,7 +185,7 @@ var Q = (e) => {
 		return e;
 	}, r = n(t, e);
 	return Q(r) ? r : {};
-}, he = (e, t) => {
+}, ge = (e, t) => {
 	if (!Q(e)) return e;
 	let n = {};
 	for (let [r, i] of Object.entries(e)) {
@@ -197,7 +197,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 = pe(Q(o) ? o.config : void 0, i);
+					let a = t(), o = Q(a) ? a[r] : void 0, s = me(Q(o) ? o.config : void 0, i);
 					return Reflect.apply(typeof s == "function" ? s : e, this, n);
 				};
 			}
@@ -211,37 +211,37 @@ var Q = (e) => {
 			}
 			return n;
 		};
-		n[r] = U(U({}, i), {}, { config: a(i.config, []) });
+		n[r] = H(H({}, i), {}, { config: a(i.config, []) });
 	}
 	return n;
-}, ge = (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).`, _e = (e) => {
+}, _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) => {
 	let t = typeof e == "function" ? e : e == null ? void 0 : e.class;
 	return typeof t == "function" && t.__isBlokReactBlock === !0;
-}, ve = (e) => {
+}, ye = (e) => {
 	let t = typeof e == "function" ? e : e == null ? void 0 : e.class;
 	return typeof t == "function" && t.__isBlokReactInlineTool === !0;
-}, ye = (e, t) => {
+}, be = (e, t) => {
 	if (typeof e != "object" || !e) return e;
 	let n = {};
 	for (let [i, a] of Object.entries(e)) {
 		var r;
-		if (!_e(a) && !ve(a)) {
+		if (!ve(a) && !ye(a)) {
 			n[i] = a;
 			continue;
 		}
-		let e = typeof a == "function" ? { class: a } : U({}, a);
-		e.config = U(U({}, (r = e.config) == null ? {} : r), {}, {
-			[q]: t,
-			[J]: i
+		let e = typeof a == "function" ? { class: a } : H({}, a);
+		e.config = H(H({}, (r = e.config) == null ? {} : r), {}, {
+			[K]: t,
+			[q]: 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 be(e, t) {
+function xe(e, t) {
 	var n, r;
-	let i = oe(s(W), e), [a, o] = f(null), l = d(i);
+	let i = ce(s(U), e), [a, o] = f(null), l = d(i);
 	l.current = i;
 	let p = d({
 		editor: null,
@@ -250,7 +250,7 @@ function be(e, t) {
 		isDestroyed: !1,
 		isEditorReady: !1,
 		depsToken: null
-	}), h = u(() => ({}), t == null ? [] : t), g = d(i.data), _ = d(ee()), v = d(null), y = d(i.data), b = d(i.collaboration), x = d(Promise.resolve()), S = d(!1), C = d(void 0), T = d(null), E = d(void 0), D = d(/* @__PURE__ */ new Map()), O = d(/* @__PURE__ */ new Map()), k = d(null), A = d({
+	}), 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({
 		onChange: !1,
 		onSave: !1,
 		onEnter: !1,
@@ -263,10 +263,10 @@ function be(e, t) {
 		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), () => {
-			xe(t, o);
+			Se(t, o);
 		};
 		if (t.editor !== null && !t.isDestroyed) {
-			L(t.editor), X(t.editor), fe(t.editor);
+			I(t.editor), Y(t.editor), Z(t.editor);
 			try {
 				t.editor.destroy();
 			} catch (e) {}
@@ -274,8 +274,8 @@ function be(e, t) {
 		}
 		let n = document.createElement("div");
 		t.holder = n, t.isDestroyed = !1, t.isEditorReady = !1, t.depsToken = h;
-		let r = l.current, i = se(), a = r.tools === void 0 ? void 0 : he(r.tools, () => l.current.tools), s = a === void 0 ? void 0 : ye(a, i);
-		T.current = i, E.current = a, D.current = /* @__PURE__ */ new Map(), O.current = new Map(Object.entries((e = r.tools) == null ? {} : e).map(([e, t]) => [e, typeof t == "object" && t ? t.toolbox : void 0]));
+		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]));
 		let c = {
 			onChange: (...e) => {
 				var t, n;
@@ -302,7 +302,7 @@ function be(e, t) {
 				(t = (n = l.current).onAfterRender) == null || t.call(n, ...e);
 			}
 		};
-		k.current = c;
+		D.current = c;
 		let u = {
 			onChange: r.onChange !== void 0,
 			onSave: r.onSave !== void 0,
@@ -311,57 +311,57 @@ function be(e, t) {
 			onBeforeRender: r.onBeforeRender !== void 0,
 			onAfterRender: r.onAfterRender !== void 0
 		};
-		A.current = u;
-		let d = U(U(U(U(U(U(U(U({}, r), s === void 0 ? {} : { tools: s }), {}, {
+		O.current = u;
+		let d = H(H(H(H(H(H(H(H({}, r), 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, ie(f, n), ce(f, i), ue(f, { markRendered: (e) => {
-			_.current.clear(), g.current = e, C.current = void 0;
+		return t.editor = f, y.current = r.data, b.current = r.collaboration, oe(f, n), ue(f, i), fe(f, { markRendered: (e) => {
+			_.current.clear(), g.current = e, S.current = void 0;
 		} }), f.isReady.then(() => {
 			t.editor === f && !t.isDestroyed && (t.isEditorReady = !0, o(f));
 		}).catch(() => {
 			if (t.editor === f && !t.isDestroyed) {
-				L(f), X(f), fe(f);
+				I(f), Y(f), Z(f);
 				try {
 					f.destroy();
 				} catch (e) {}
 				t.editor = null, t.holder = null, t.isDestroyed = !0, t.isEditorReady = !1, o(null);
 			}
 		}), () => {
-			xe(t, o);
+			Se(t, o);
 		};
 	}, [h]), c(() => {
-		let e = T.current, t = p.current;
+		let e = w.current, t = p.current;
 		if (e === null || t.editor === null || t.isDestroyed) return;
 		let n = l.current.tools;
 		if (typeof n != "object" || !n) return;
-		let r = E.current;
+		let r = re.current;
 		for (let [t, a] of Object.entries(n)) {
 			var i;
-			if (!_e(a)) continue;
-			let n = typeof a == "function" || (i = a.config) == null ? {} : i, o = r == null ? void 0 : r[t], s = me(typeof o == "object" && o ? o.config : void 0, n), c = D.current.get(t);
-			if (c !== void 0 && w(s, c)) continue;
+			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;
 			let l = Object.freeze(s);
-			D.current.set(t, l), e.setToolConfig(t, l);
+			T.current.set(t, l), e.setToolConfig(t, l);
 		}
 	}), c(() => {
 		let e = p.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)) {
+		if (typeof t == "object" && t) for (let [r, i] of Object.entries(t)) {
 			var n;
-			if (!O.current.has(r)) continue;
-			let t = typeof i == "object" && i ? i.toolbox : void 0, a = O.current.get(r);
-			w(t, a) || (O.current.set(r, t), (n = e.editor.tools) == null || n.update(r, { toolbox: t }));
+			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 }));
 		}
 	}), c(() => {
-		let e = p.current, t = k.current;
+		let e = p.current, t = D.current;
 		if (e.editor === null || e.isDestroyed || !e.isEditorReady || t === null) return;
-		let n = l.current, r = A.current, i = {}, a = { value: !1 }, o = (e, i) => {
+		let n = l.current, r = O.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,81 +379,82 @@ function be(e, t) {
 			i.onAfterRender = e;
 		}), a.value && e.editor.handlers.set(i);
 	});
-	let j = typeof i.readOnly == "object" && i.readOnly !== null, { enabled: M, hideControls: N } = ne(i.readOnly);
+	let k = typeof i.readOnly == "object" && i.readOnly !== null, { enabled: A, hideControls: j } = ie(i.readOnly);
 	c(() => {
-		a !== null && (j ? a.readOnly.set(M, { hideControls: N }) : a.readOnly.set(M));
+		a !== null && (k ? a.readOnly.set(A, { hideControls: j }) : a.readOnly.set(A));
 	}, [
 		a,
-		M,
-		N,
-		j
+		A,
+		j,
+		k
 	]);
-	let { hideToolbar: P } = i;
+	let { hideToolbar: M } = i;
+	c(() => {
+		a !== null && M !== void 0 && a.toolbar.setHidden(M);
+	}, [a, M]);
+	let { toolbarPosition: N } = i;
 	c(() => {
-		a !== null && P !== void 0 && a.toolbar.setHidden(P);
-	}, [a, P]);
-	let { toolbarPosition: F } = i;
+		a !== null && N !== void 0 && a.toolbar.setPosition(N);
+	}, [a, N]);
+	let { inlineToolbar: P } = i, F = P === void 0 ? void 0 : JSON.stringify(P);
 	c(() => {
-		a !== null && F !== void 0 && a.toolbar.setPosition(F);
+		a !== null && P !== void 0 && a.tools.setInlineToolbar(P);
 	}, [a, F]);
-	let { inlineToolbar: I } = i, ae = I === void 0 ? void 0 : JSON.stringify(I);
+	let { autofocus: se } = i;
+	c(() => {
+		a !== null && se && a.focus();
+	}, [a, se]);
+	let { theme: L } = i;
 	c(() => {
-		a !== null && I !== void 0 && a.tools.setInlineToolbar(I);
-	}, [a, ae]);
-	let { autofocus: R } = i;
+		a !== null && L !== void 0 && a.theme.set(L);
+	}, [a, L]);
+	let { width: R } = i;
 	c(() => {
-		a === null || !R || a.focus();
+		a !== null && R !== void 0 && a.width.set(R);
 	}, [a, R]);
-	let { theme: z } = i;
+	let z = (n = i.style) == null ? void 0 : n.tokens, B = d((r = i.style) == null ? void 0 : r.tokens);
 	c(() => {
-		a !== null && z !== void 0 && a.theme.set(z);
+		a !== null && z !== void 0 && (C(z, B.current) || (B.current = z, a.tokens.set(z)));
 	}, [a, z]);
-	let { width: B } = i;
+	let { i18n: V } = i, W = d(i.i18n);
 	c(() => {
-		a !== null && B !== void 0 && a.width.set(B);
-	}, [a, B]);
-	let V = (n = i.style) == null ? void 0 : n.tokens, H = d((r = i.style) == null ? void 0 : r.tokens);
-	c(() => {
-		a !== null && V !== void 0 && (w(V, H.current) || (H.current = V, a.tokens.set(V)));
+		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 { 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, V]);
-	let { i18n: G } = i, K = d(i.i18n);
+	let { placeholder: G } = i;
 	c(() => {
-		if (a === null || G === void 0 || w(G, K.current)) return;
-		K.current = G;
-		let { locale: e, messages: t, direction: n } = G;
-		a.i18n.update(U(U(U({}, e === void 0 ? {} : { locale: e }), t === void 0 ? {} : { messages: t }), n === void 0 ? {} : { direction: n }));
+		a !== null && G !== void 0 && a.placeholder.set(G);
 	}, [a, G]);
-	let { placeholder: q } = i;
-	c(() => {
-		a !== null && q !== void 0 && a.placeholder.set(q);
-	}, [a, q]);
-	let { data: J } = i;
+	let { data: K } = i;
 	return c(() => {
-		if (a === null || J === void 0) return;
+		if (a === null || K === void 0) return;
 		let e = p.current;
 		if (e.editor !== a || e.isDestroyed) return;
-		if (v.current !== a && (v.current = a, C.current = void 0, _.current.clear(), w(J, y.current))) {
-			g.current = J;
+		if (v.current !== a && (v.current = a, S.current = void 0, _.current.clear(), C(K, y.current))) {
+			g.current = K;
 			return;
 		}
-		let t = g.current, n = C.current;
-		if (t !== void 0 && te(J, t) || n !== void 0 && te(J, n) || _.current.matches(J)) 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) {
-			S.current || (S.current = !0, console.warn(ge(r.doc)));
+			x.current !== a && (x.current = a, console.warn(_e(r.doc)));
 			return;
 		}
-		_.current.clear(), C.current = J, x.current = x.current.catch(() => void 0).then(() => a.render(re(J))).then(() => {
-			g.current = J;
+		_.current.clear(), S.current = K, ee.current = ee.current.catch(() => void 0).then(() => a.render(ae(K))).then(() => {
+			g.current = K;
 		}, () => {}).then(() => {
-			C.current === J && (C.current = void 0);
+			S.current === K && (S.current = void 0);
 		});
-	}, [a, J]), a;
+	}, [a, K]), a;
 }
-function xe(e, t) {
+function Se(e, t) {
 	e.destroyTimeout = setTimeout(() => {
 		if (e.editor !== null) {
-			L(e.editor), X(e.editor), fe(e.editor);
+			I(e.editor), Y(e.editor), Z(e.editor);
 			try {
 				e.editor.destroy();
 			} catch (e) {}
@@ -463,7 +464,7 @@ function xe(e, t) {
 }
 //#endregion
 //#region src/BlockPortalHost.tsx
-var Se = class extends e {
+var Ce = class extends e {
 	constructor(...e) {
 		super(...e), this.state = { failed: !1 };
 	}
@@ -475,22 +476,22 @@ var Se = class extends e {
 		return this.state.failed ? null : this.props.children;
 	}
 };
-function Ce({ registry: e }) {
+function we({ registry: e }) {
 	let t = p(e.subscribe, e.getSnapshot, e.getSnapshot);
-	return /* @__PURE__ */ k(O, { children: Array.from(t.entries()).map(([e, t]) => {
+	return /* @__PURE__ */ O(D, { children: Array.from(t.entries()).map(([e, t]) => {
 		let n = t.component;
-		return M(/* @__PURE__ */ k(Se, { children: /* @__PURE__ */ k(n, U({}, t.props)) }), t.hostEl, e);
+		return j(/* @__PURE__ */ O(Ce, { children: /* @__PURE__ */ O(n, H({}, t.props)) }), t.hostEl, e);
 	}) });
 }
 //#endregion
 //#region src/blok-instance-context.ts
-var we = n(null);
-function Te() {
-	return s(we);
+var Te = n(null);
+function Ee() {
+	return s(Te);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.147.0/helpers/esm/objectWithoutPropertiesLoose.js
-function Ee(e, t) {
+//#region \0@oxc-project+runtime@0.152.0/helpers/esm/objectWithoutPropertiesLoose.js
+function De(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -500,10 +501,10 @@ function Ee(e, t) {
 	return n;
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.147.0/helpers/esm/objectWithoutProperties.js
+//#region \0@oxc-project+runtime@0.152.0/helpers/esm/objectWithoutProperties.js
 function $(e, t) {
 	if (e == null) return {};
-	var n, r, i = Ee(e, t);
+	var n, r, i = De(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]);
@@ -512,22 +513,22 @@ function $(e, t) {
 }
 //#endregion
 //#region src/BlokContent.tsx
-var De = ["editor"];
-function Oe(e) {
+var Oe = ["editor"];
+function ke(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, ke(r)));
+	r !== "" && ((t = (n = e.blocks).scrollToBlock) == null || t.call(n, Ae(r)));
 }
-function ke(e) {
+function Ae(e) {
 	try {
 		return decodeURIComponent(e);
 	} catch (t) {
 		return e;
 	}
 }
-var Ae = i(function(e, t) {
-	let { editor: n } = e, r = $(e, De), i = d(null), a = (e) => {
+var je = i(function(e, t) {
+	let { editor: n } = e, r = $(e, Oe), i = d(null), a = (e) => {
 		if (i.current = e, typeof t == "function") t(e);
 		else if (t != null) {
 			let n = t;
@@ -536,33 +537,33 @@ var Ae = i(function(e, t) {
 	};
 	c(() => {
 		if (n === null || i.current === null) return;
-		let e = ae(n);
-		if (e !== void 0) return i.current.appendChild(e), Oe(n), () => {
+		let e = se(n);
+		if (e !== void 0) return i.current.appendChild(e), ke(n), () => {
 			e.remove();
 		};
 	}, [n]);
-	let o = n === null ? void 0 : le(n);
-	return /* @__PURE__ */ k("div", U(U({ ref: a }, r), {}, { children: o === void 0 ? null : /* @__PURE__ */ k(we.Provider, {
+	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, {
 		value: n,
-		children: /* @__PURE__ */ k(Ce, { registry: o })
+		children: /* @__PURE__ */ O(we, { registry: o })
 	}) }));
-}), je = /* @__PURE__ */ "autofocus.defaultBlock.dataModel.placeholder.sanitizer.hideToolbar.toolbarPosition.maxHistoryLength.historyDebounceTime.newGroupDelay.globalUndoRedo.tools.data.minHeight.logLevel.readOnly.i18n.link.linkPaste.onBeforePaste.onReady.onChange.onSave.onError.onEnter.onSubmit.onBeforeRender.onAfterRender.inlineToolbar.inlineEmoji.tunes.style.theme.onThemeChange.scrollToBlock.user.resolveUser.notifierPosition.notifier.width.migrations.uploader.server.ticket.persistence.collaboration.captureClicksBelowEditor".split("."), Me = [
+}), 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 = [
 	"deps",
 	"onReady",
 	"locale",
 	"onBlocksRendered",
 	"onBlockRendered"
-], Ne = new Set(je), Pe = i(function(e, t) {
-	let { deps: n, onReady: r, locale: i, onBlocksRendered: a, onBlockRendered: o } = e, s = $(e, Me), u = {}, f = {};
+], 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 = {};
 	for (let e of Object.keys(s)) {
 		let t = s[e];
-		Ne.has(e) ? u[e] = t : f[e] = t;
+		Pe.has(e) ? u[e] = t : f[e] = t;
 	}
 	if (i !== void 0) {
 		let e = u.i18n;
-		u.i18n = U(U({}, e), {}, { locale: i });
+		u.i18n = H(H({}, e), {}, { locale: i });
 	}
-	let p = be(u, n);
+	let p = xe(u, n);
 	l(t, () => p, [p]);
 	let m = d(r);
 	m.current = r;
@@ -602,11 +603,11 @@ var Ae = i(function(e, t) {
 		p,
 		v,
 		y
-	]), /* @__PURE__ */ k(Ae, U({ editor: p }, f));
+	]), /* @__PURE__ */ O(je, H({ editor: p }, f));
 });
 //#endregion
 //#region src/useBlokHandle.ts
-function Fe() {
+function Ie() {
 	let e = d(null);
 	return u(() => ({
 		ref: (t) => {
@@ -626,15 +627,16 @@ function Fe() {
 			let t = e.current;
 			return t === null ? Promise.resolve() : t.clear().then(() => {
 				var e;
-				(e = de(t)) == null || e.markRendered(v);
+				(e = pe(t)) == null || e.markRendered(v);
 			});
 		},
 		save: () => e.current === null ? Promise.resolve(null) : e.current.save(),
+		confirmLeave: () => e.current === null ? Promise.resolve(!0) : e.current.confirmLeave(),
 		render: (t) => {
 			let n = e.current;
 			return n === null ? Promise.resolve() : n.render(t).then(() => {
 				var e;
-				(e = de(n)) == null || e.markRendered(t);
+				(e = pe(n)) == null || e.markRendered(t);
 			});
 		},
 		setReadOnly: (t) => {
@@ -645,23 +647,23 @@ function Fe() {
 }
 //#endregion
 //#region src/useBlocks.ts
-var Ie = "block changed";
-function Le(e, t = {}) {
+var Le = "block changed";
+function Re(e, t = {}) {
 	var n;
 	let r = (n = t.within) == null ? null : n, i = d(0), a = d(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());
+			(r === null || b(e, n, r)) && (i.current += 1, t());
 		};
-		return e.on(Ie, n), () => e.off(Ie, n);
+		return e.on(Le, n), () => e.off(Le, n);
 	}, [e, r]), c = o(() => i.current, []);
-	return p(s, c, c), u(() => e === null ? _ : x(e), [e]);
+	return p(s, c, c), u(() => e === null ? _ : ee(e), [e]);
 }
 //#endregion
 //#region src/useBlokReady.ts
-function Re(e = {}) {
+function ze(e = {}) {
 	let { within: t, settleOn: n } = e, [r, i] = f(!1);
 	return c(() => {
 		let e = () => {
@@ -677,7 +679,7 @@ function Re(e = {}) {
 }
 //#endregion
 //#region src/view-nodes-to-react.ts
-var ze = /* @__PURE__ */ new Set([
+var Be = /* @__PURE__ */ new Set([
 	"area",
 	"base",
 	"br",
@@ -692,7 +694,7 @@ var ze = /* @__PURE__ */ new Set([
 	"source",
 	"track",
 	"wbr"
-]), Be = /* @__PURE__ */ new Set([
+]), Ve = /* @__PURE__ */ new Set([
 	"disabled",
 	"open",
 	"controls",
@@ -708,7 +710,7 @@ var ze = /* @__PURE__ */ new Set([
 	"novalidate",
 	"allowfullscreen",
 	"itemscope"
-]), Ve = {
+]), He = {
 	class: "className",
 	for: "htmlFor",
 	colspan: "colSpan",
@@ -730,7 +732,7 @@ var ze = /* @__PURE__ */ new Set([
 	minlength: "minLength",
 	usemap: "useMap",
 	itemscope: "itemScope"
-}, He = (e) => {
+}, Ue = (e) => e.startsWith("aria-") || e.startsWith("data-") ? e : e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), We = (e) => {
 	let t = {};
 	for (let n of e.split(";")) {
 		let e = n.indexOf(":");
@@ -741,37 +743,37 @@ var ze = /* @__PURE__ */ new Set([
 		t[a] = i;
 	}
 	return t;
-}, Ue = (e, t) => {
-	let n = { key: t };
-	for (let [t, a] of Object.entries(e)) {
-		var r;
+}, Ge = (e, t, n) => {
+	let r = { key: t };
+	for (let [t, o] of Object.entries(e)) {
+		var i;
 		if (t === "style") {
-			n.style = He(a);
+			r.style = We(o);
 			continue;
 		}
 		if (t === "checked") {
-			n.defaultChecked = !0;
+			r.defaultChecked = !0;
 			continue;
 		}
 		if (t === "value") {
-			n.defaultValue = a;
+			r.defaultValue = o;
 			continue;
 		}
-		if (Be.has(t)) {
-			var i;
-			n[(i = Ve[t]) == null ? t : i] = !0;
+		if (Ve.has(t)) {
+			var a;
+			r[(a = He[t]) == null ? t : a] = !0;
 			continue;
 		}
-		n[(r = Ve[t]) == null ? t : r] = a;
+		r[(i = He[t]) == null ? n ? Ue(t) : t : i] = o;
 	}
-	return n;
-}, We = (e) => e.map((e, t) => {
+	return r;
+}, Ke = (e, t = !1) => e.map((e, n) => {
 	if ("text" in e) return e.text;
-	let n = Ue(e.attrs, t);
-	return ze.has(e.tag) || e.children.length === 0 ? r(e.tag, n) : r(e.tag, n, ...We(e.children));
-}), Ge = (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.classes;
-	return u(() => r(t, null, ...We(P(e, {
+	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, {
 		schema: i,
 		renderers: a,
 		onUnknownBlock: o,
@@ -779,7 +781,10 @@ var ze = /* @__PURE__ */ new Set([
 		blockIds: c,
 		transformUrl: l,
 		inlineRenderers: d,
-		classes: f
+		pageHref: f,
+		pageInfo: p,
+		classes: m,
+		direction: h
 	}))), [
 		e,
 		i,
@@ -789,9 +794,12 @@ var ze = /* @__PURE__ */ new Set([
 		c,
 		l,
 		d,
-		f
+		f,
+		p,
+		m,
+		h
 	]);
-}, Ke = [
+}, Je = [
 	"data",
 	"schema",
 	"renderers",
@@ -800,9 +808,12 @@ var ze = /* @__PURE__ */ new Set([
 	"blockIds",
 	"transformUrl",
 	"inlineRenderers",
-	"classes"
-], qe = (e) => {
-	let { data: t, schema: n, renderers: r, onUnknownBlock: i, toolAttributes: a, blockIds: o, transformUrl: s, inlineRenderers: c, classes: l } = e, u = $(e, Ke), d = Ge(t, {
+	"pageHref",
+	"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, {
 		schema: n,
 		renderers: r,
 		onUnknownBlock: i,
@@ -810,38 +821,44 @@ var ze = /* @__PURE__ */ new Set([
 		blockIds: o,
 		transformUrl: s,
 		inlineRenderers: c,
-		classes: l == null || l
+		pageHref: l,
+		pageInfo: u,
+		classes: d == null || d,
+		direction: f
 	});
-	return /* @__PURE__ */ k("div", U(U({ "data-blok-interface": "view" }, u), {}, { children: d }));
-}, Je = ["icon", "title"], Ye = ["commit", "readOnly"], Xe = [q, J], Ze = (e, t, n) => {
+	return /* @__PURE__ */ O("div", H(H({
+		"data-blok-interface": "view",
+		dir: f
+	}, p), {}, { children: m }));
+}, Xe = ["icon", "title"], Ze = ["commit", "readOnly"], Qe = [K, q], $e = (e, t, n) => {
 	var r;
 	e == null || (r = e.events) == null || r.emit(h, {
 		blockId: t,
 		childIds: n.map((e) => e.id)
 	});
-}, Qe = /* @__PURE__ */ new Set([
+}, et = /* @__PURE__ */ new Set([
 	void 0,
 	"user",
 	"api",
 	"convert"
-]), $e = [
+]), tt = [
 	"toolbox",
 	"isReadOnlySupported",
 	"__isBlokReactBlock",
 	"__buildPortalToolbox"
 ];
-function et(e) {
+function nt(e) {
 	var t, n;
 	let r = (e) => {
 		if (typeof document > "u") return null;
-		let t = document.createElement("div"), n = F(t);
-		N(() => {
+		let t = document.createElement("div"), n = P(t);
+		M(() => {
 			n.render(e);
 		});
 		let r = t.innerHTML;
 		return n.unmount(), r === "" ? null : r;
 	}, i = (e) => {
-		let { icon: t, title: n } = e, i = U({}, $(e, Je));
+		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,
 			deferred: !1
@@ -873,13 +890,13 @@ function et(e) {
 			if (s && delete o.icon, !a(e.title)) return o;
 			let c = document.createElement("span");
 			c.setAttribute("data-blok-mutation-free", "true");
-			let l = e.title, u = () => /* @__PURE__ */ k(O, { children: l });
+			let l = e.title, u = () => /* @__PURE__ */ O(D, { children: l });
 			return u.displayName = `BlokToolboxTitle(${n})`, t.register(`__blok-toolbox-title__:${n}:${r}`, {
 				hostEl: c,
 				component: u,
 				props: {},
 				toolName: n
-			}), U(U({}, o), {}, { titleEl: c });
+			}), H(H({}, o), {}, { titleEl: c });
 		});
 		return Array.isArray(e.toolbox) ? o : o[0];
 	}, l = {
@@ -892,11 +909,11 @@ function et(e) {
 	}, f = 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, Ye);
-			return /* @__PURE__ */ k(n, U({}, i));
+			let { commit: e, readOnly: r } = t, i = $(t, Ze);
+			return /* @__PURE__ */ O(n, H({}, i));
 		}
 		let r = e.component;
-		return /* @__PURE__ */ k(r, U({}, t));
+		return /* @__PURE__ */ O(r, H({}, t));
 	}, p = (t = class {
 		static get toolbox() {
 			return u();
@@ -913,32 +930,32 @@ function et(e) {
 				this.anchorEl = e;
 			}, this.commit = (t) => {
 				var n;
-				let r = T(e.propSchema, U(U({}, 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());
+				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());
 			}, this.blockApi = t.block;
 			let a = (n = t.config) == null ? {} : n;
-			this.registry = a[q];
-			let o = a[J];
+			this.registry = a[K];
+			let o = a[q];
 			this.toolName = typeof o == "string" ? o : void 0;
 			let s = {};
-			for (let [e, t] of Object.entries(a)) Xe.includes(e) || (s[e] = t);
+			for (let [e, t] of Object.entries(a)) Qe.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 = T(e.propSchema, (r = t.data) == null ? {} : r), this.lastRendered = this.mirror, this.readOnly = t.readOnly, this.origin = (i = t.origin) == null ? "api" : i;
+			}, 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.childrenComponent = function({ childAttributes: e, childContentAttributes: t }) {
-				let n = d(null), r = d(S());
+				let n = d(null), r = d(x());
 				return c(() => {
 					if (n.current === null) return;
 					let i = u.getChildren();
-					D(n.current, i), y(r.current, i, {
+					T(n.current, E(i, (e) => f.blocks.getChildren(e))), y(r.current, i, {
 						childAttributes: e,
 						childContentAttributes: t
-					}), Ze(f, u.id, i);
-				}), /* @__PURE__ */ k("div", {
+					}), $e(f, u.id, i);
+				}), /* @__PURE__ */ O("div", {
 					ref: n,
 					[g.nestedBlocks]: ""
 				});
@@ -954,8 +971,8 @@ function et(e) {
 					origin: this.origin,
 					api: this.api
 				};
-				t == null || t(this.blockApi, e), Qe.has(this.origin) && (n == null || n(this.blockApi, e));
-			}, a = (e) => (c(i, []), /* @__PURE__ */ k(r, U({}, e)));
+				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)));
 			return a.displayName = `BlokBlockMount(${e.type})`, a;
 		}
 		render() {
@@ -976,9 +993,8 @@ function et(e) {
 			return this.mirror;
 		}
 		async setData(t) {
-			var n = this;
-			let r = T(e.propSchema, t == null ? {} : t);
-			return C(r, n.lastRendered) ? !0 : (n.mirror = r, n.lastRendered = r, n.pushProps({ data: r }), !0);
+			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);
 		}
 		setReadOnly(e) {
 			this.readOnly = e, this.pushProps({ readOnly: e });
@@ -990,6 +1006,10 @@ function et(e) {
 			let r = this.hostEl;
 			if (r !== null && e.getToolbarAnchorElement !== void 0) return (t = e.getToolbarAnchorElement(r, this.blockApi)) == null ? void 0 : t;
 		}
+		onNavigationEnter(t) {
+			var n;
+			return ((n = e.onNavigationEnter) == null ? void 0 : n.call(e, t, this.blockApi)) === !0;
+		}
 		moved() {
 			var t;
 			(t = e.onMoved) == null || t.call(e, this.blockApi);
@@ -1016,7 +1036,7 @@ function et(e) {
 		}
 		pushProps(e) {
 			let t = this.registry;
-			t !== void 0 && N(() => {
+			t !== void 0 && M(() => {
 				t.setProps(this.blockApi.id, e);
 			});
 		}
@@ -1037,7 +1057,7 @@ function et(e) {
 			requestAnimationFrame(e);
 		}
 	}, t.__isBlokReactBlock = !0, t);
-	for (let [t, r] of Object.entries((n = e.statics) == null ? {} : n)) $e.includes(t) || Object.defineProperty(p, t, {
+	for (let [t, r] of Object.entries((n = e.statics) == null ? {} : n)) tt.includes(t) || Object.defineProperty(p, t, {
 		value: r,
 		writable: !0,
 		enumerable: !0,
@@ -1047,15 +1067,14 @@ function et(e) {
 }
 //#endregion
 //#region src/createReactInlineTool.tsx
-var tt = [q, J], nt = (e) => `__blok-inline-tool__:${e}:${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`, rt = n(null);
-function it() {
-	let e = s(rt);
+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);
 	if (e === null) throw Error("useInlineTool() must be called from a component rendered by createReactInlineTool");
 	return e;
 }
-function at(e) {
-	var t;
-	return t = class {
+function st(e) {
+	var t = class {
 		static get type() {
 			return e.type;
 		}
@@ -1073,7 +1092,7 @@ function at(e) {
 			return e.mark;
 		}
 		static get sanitize() {
-			return e.sanitize === void 0 ? e.mark === void 0 ? void 0 : E(e.mark) : e.sanitize;
+			return e.sanitize === void 0 ? e.mark === void 0 ? void 0 : re(e.mark) : e.sanitize;
 		}
 		static get isReadOnlySupported() {
 			var t;
@@ -1083,11 +1102,11 @@ function at(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[q];
-			let i = r[J];
-			this.toolName = typeof i == "string" ? i : e.type, this.portalKey = nt(this.toolName);
+			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);
 			let a = {};
-			for (let [e, t] of Object.entries(r)) tt.includes(e) || (a[e] = t);
+			for (let [e, t] of Object.entries(r)) rt.includes(e) || (a[e] = t);
 			this.toolConfig = Object.freeze(a), this.portalComponent = this.createPortalComponent();
 		}
 		render() {
@@ -1150,9 +1169,9 @@ function at(e) {
 					api: t,
 					mark: i
 				}), [e.active, e.config]);
-				return /* @__PURE__ */ k(rt.Provider, {
+				return /* @__PURE__ */ O(at.Provider, {
 					value: n,
-					children: /* @__PURE__ */ k(r, {
+					children: /* @__PURE__ */ O(r, {
 						active: e.active,
 						config: e.config
 					})
@@ -1160,7 +1179,8 @@ function at(e) {
 			};
 			return a.displayName = `BlokInlineTool(${this.toolName})`, a;
 		}
-	}, t.__isBlokReactInlineTool = !0, t.isInline = !0, t;
+	};
+	return t.__isBlokReactInlineTool = !0, t.isInline = !0, t;
 }
 //#endregion
-export { q as BLOK_PORTAL_REGISTRY_CONFIG_KEY, J as BLOK_TOOL_NAME_CONFIG_KEY, Ce as BlockPortalHost, Ae as BlokContent, Pe as BlokEditor, G as BlokProvider, qe as BlokView, je as USE_BLOK_CONFIG_KEYS, se as createBlockPortalRegistry, et as createReactBlock, at as createReactInlineTool, A as getDirection, j as normalizeLocale, Le as useBlocks, be as useBlok, K as useBlokDefaults, Fe as useBlokHandle, Te as useBlokInstance, Re as useBlokReady, Ge as useBlokView, it as useInlineTool };
+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 };