@bloklabs/react 1.12.0 → 1.14.0

package/README.md

@@ -1,6 +1,6 @@
 # @bloklabs/react
 
-The React block editor bindings for [Blok](https://blokeditor.com) — a headless, Notion-like rich text editor whose content is JSON blocks, not HTML.
+The React block editor bindings for [Blok](https://blokeditor.com). Blok is a headless, Notion-like rich text editor whose content is JSON blocks, not HTML.
 
 ## Install
 
@@ -54,8 +54,8 @@ export function Editor() {
 
 ## Also exported
 
-- `useBlok(config, deps?)` — the hook behind the component, returns `Blok | null`.
-- `useBlokHandle()` — a stable, null-safe imperative handle (`focus`/`clear`/`save`/`render`/`setReadOnly`); attach via `<BlokEditor ref={handle.ref} />` instead of guarding a raw `Blok | null` ref.
+- `useBlok(config, deps?)` — the hook behind the component. Returns `Blok | null`.
+- `useBlokHandle()` — a stable, null-safe imperative handle (`focus`/`clear`/`save`/`render`/`setReadOnly`). Attach it via `<BlokEditor ref={handle.ref} />` instead of guarding a raw `Blok | null` ref.
 - `BlokContent` — the mount-point `<div>`, if you want to wire the hook yourself.
 - `useBlocks(editor)` — a reactive snapshot of the block tree plus a manipulation API.
 - `createReactBlock` / `createReactInlineTool` — author block and inline tools as React components.

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("@bloklabs/core"),n=require("@bloklabs/core/adapters"),r=require("react/jsx-runtime"),i=require("@bloklabs/core/locales"),a=require("react-dom"),o=require("@bloklabs/core/view"),s=require("react-dom/client");var c=new WeakMap;function l(e,t){c.set(e,t)}function u(e){return c.get(e)}function d(e){c.delete(e)}function f(e){"@babel/helpers - typeof";return f=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},f(e)}function p(e,t){if(f(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(f(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function m(e){var t=p(e,`string`);return f(t)==`symbol`?t:t+``}function h(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?g(Object(n),!0).forEach(function(t){h(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var v=(0,e.createContext)({});function y({defaults:e,children:t}){return(0,r.jsx)(v.Provider,{value:e,children:t})}function b(){return(0,e.useContext)(v)}function ee(e,t){if(Object.keys(e).length===0)return t;let n=_({},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=_(_({},e.tools),t.tools)),n}var x=`__blokPortalRegistry`,S=`__blokToolName`,C=()=>{let e={snapshot:new Map},t=new Set,n=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:_(_({},i),{},{props:_(_({},i.props),{},{config:o})})),r(a)},unregister(t,n){let i=e.snapshot.get(t);if(i===void 0||n!==void 0&&i.hostEl!==n)return;let a=new Map(e.snapshot);a.delete(t),r(a)},setProps(t,n){let i=e.snapshot.get(t);if(i===void 0)return;let a=new Map(e.snapshot);a.set(t,_(_({},i),{},{props:_(_({},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,_(_({},t),{},{props:_(_({},t.props),{},{config:i})}));r(o)},subscribe(e){return t.add(e),()=>{t.delete(e)}},getSnapshot(){return e.snapshot}}},w=new WeakMap;function te(e,t){w.set(e,t)}function T(e){return w.get(e)}function E(e){w.delete(e)}var D=new WeakMap;function ne(e,t){D.set(e,t)}function O(e){return D.get(e)}function k(e){D.delete(e)}var A=e=>{if(typeof e!=`object`||!e)return!1;let t=Object.getPrototypeOf(e);return t===Object.prototype||t===null},j=(e,t)=>t.reduce((e,t)=>{if(Array.isArray(e))return typeof t==`number`?e[t]:void 0;if(A(e))return e[t]},e),re=(e,t)=>{let n=(e,t)=>{if(typeof e==`function`)return typeof t==`function`?t:e;if(Array.isArray(e)){let r=Array.isArray(t)?t:[];return e.map((e,t)=>n(e,r[t]))}if(A(e)){let r=A(t)?t:{},i={};for(let[t,a]of Object.entries(e))i[t]=n(a,r[t]);return i}return e},r=n(t,e);return A(r)?r:{}},ie=(e,t)=>{if(!A(e))return e;let n={};for(let[r,i]of Object.entries(e)){if(!A(i)||!A(i.config)){n[r]=i;continue}let e=new WeakSet,a=(n,i)=>{if(typeof n==`function`){let e=n;return function(...n){let a=t(),o=A(a)?a[r]:void 0,s=j(A(o)?o.config:void 0,i);return Reflect.apply(typeof s==`function`?s:e,this,n)}}if(Array.isArray(n))return e.has(n)?n:(e.add(n),n.map((e,t)=>a(e,[...i,t])));if(A(n)){if(e.has(n))return n;e.add(n);let t={};for(let[e,r]of Object.entries(n))t[e]=a(r,[...i,e]);return t}return n};n[r]=_(_({},i),{},{config:a(i.config,[])})}return n},M=e=>{let t=typeof e==`function`?e:e==null?void 0:e.class;return typeof t==`function`&&t.__isBlokReactBlock===!0},N=e=>{let t=typeof e==`function`?e:e==null?void 0:e.class;return typeof t==`function`&&t.__isBlokReactInlineTool===!0},ae=(e,t)=>{if(typeof e!=`object`||!e)return e;let n={};for(let[i,a]of Object.entries(e)){var r;if(!M(a)&&!N(a)){n[i]=a;continue}let e=typeof a==`function`?{class:a}:_({},a);e.config=_(_({},(r=e.config)==null?{}:r),{},{[x]:t,[S]: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 P(r,i){var a,o;let s=ee((0,e.useContext)(v),r),[c,u]=(0,e.useState)(null),f=(0,e.useRef)(s);f.current=s;let p=(0,e.useRef)({editor:null,holder:null,destroyTimeout:null,isDestroyed:!1,isEditorReady:!1,depsToken:null}),m=(0,e.useMemo)(()=>({}),i==null?[]:i),h=(0,e.useRef)(s.data),g=(0,e.useRef)((0,n.createEmittedEchoWindow)()),y=(0,e.useRef)(null),b=(0,e.useRef)(s.data),x=(0,e.useRef)(Promise.resolve()),S=(0,e.useRef)(void 0),w=(0,e.useRef)(null),T=(0,e.useRef)(void 0),D=(0,e.useRef)(new Map),O=(0,e.useRef)(new Map),A=(0,e.useRef)(null),j=(0,e.useRef)({onChange:!1,onSave:!1,onEnter:!1,onSubmit:!1,onBeforeRender:!1,onAfterRender:!1});(0,e.useEffect)(()=>{var e;if(typeof window>`u`)return;let n=p.current;if(n.destroyTimeout!==null&&(clearTimeout(n.destroyTimeout),n.destroyTimeout=null),n.editor!==null&&!n.isDestroyed&&n.depsToken===m)return n.isEditorReady&&u(n.editor),()=>{F(n,u)};if(n.editor!==null&&!n.isDestroyed){d(n.editor),E(n.editor),k(n.editor);try{n.editor.destroy()}catch(e){}n.editor=null,n.holder=null,n.isDestroyed=!0,n.isEditorReady=!1,u(null)}let r=document.createElement(`div`);n.holder=r,n.isDestroyed=!1,n.isEditorReady=!1,n.depsToken=m;let i=f.current,a=C(),o=i.tools===void 0?void 0:ie(i.tools,()=>f.current.tools),s=o===void 0?void 0:ae(o,a);w.current=a,T.current=o,D.current=new Map,O.current=new Map(Object.entries((e=i.tools)==null?{}:e).map(([e,t])=>[e,typeof t==`object`&&t?t.toolbox:void 0]));let c={onChange:(...e)=>{var t,n;(t=(n=f.current).onChange)==null||t.call(n,...e)},onSave:(...e)=>{var t,n;h.current=e[0],g.current.record(e[0]),(t=(n=f.current).onSave)==null||t.call(n,...e)},onEnter:(...e)=>{var t,n;return(t=(n=f.current).onEnter)==null?void 0:t.call(n,...e)},onSubmit:(...e)=>{var t,n;(t=(n=f.current).onSubmit)==null||t.call(n,...e)},onBeforeRender:(...e)=>{var t,n,r;return(t=(n=(r=f.current).onBeforeRender)==null?void 0:n.call(r,...e))==null?e[0]:t},onAfterRender:(...e)=>{var t,n;(t=(n=f.current).onAfterRender)==null||t.call(n,...e)}};A.current=c;let v={onChange:i.onChange!==void 0,onSave:i.onSave!==void 0,onEnter:i.onEnter!==void 0,onSubmit:i.onSubmit!==void 0,onBeforeRender:i.onBeforeRender!==void 0,onAfterRender:i.onAfterRender!==void 0};j.current=v;let y=new t.Blok(_(_(_(_(_(_(_(_({},i),s===void 0?{}:{tools:s}),{},{holder:r,onReady:(...e)=>{var t,n;(t=(n=f.current).onReady)==null||t.call(n,...e)}},v.onChange?{onChange:c.onChange}:{}),v.onSave?{onSave:c.onSave}:{}),v.onEnter?{onEnter:c.onEnter}:{}),v.onSubmit?{onSubmit:c.onSubmit}:{}),v.onBeforeRender?{onBeforeRender:c.onBeforeRender}:{}),v.onAfterRender?{onAfterRender:c.onAfterRender}:{}));return n.editor=y,b.current=i.data,l(y,r),te(y,a),ne(y,{markRendered:e=>{g.current.clear(),h.current=e,S.current=void 0}}),y.isReady.then(()=>{n.editor===y&&!n.isDestroyed&&(n.isEditorReady=!0,u(y))}).catch(()=>{if(n.editor===y&&!n.isDestroyed){d(y),E(y),k(y);try{y.destroy()}catch(e){}n.editor=null,n.holder=null,n.isDestroyed=!0,n.isEditorReady=!1,u(null)}}),()=>{F(n,u)}},[m]),(0,e.useEffect)(()=>{let e=w.current,t=p.current;if(e===null||t.editor===null||t.isDestroyed)return;let r=f.current.tools;if(typeof r!=`object`||!r)return;let i=T.current;for(let[t,o]of Object.entries(r)){var a;if(!M(o))continue;let r=typeof o==`function`||(a=o.config)==null?{}:a,s=i==null?void 0:i[t],c=re(typeof s==`object`&&s?s.config:void 0,r),l=D.current.get(t);if(l!==void 0&&(0,n.deepEqual)(c,l))continue;let u=Object.freeze(c);D.current.set(t,u),e.setToolConfig(t,u)}}),(0,e.useEffect)(()=>{let e=p.current;if(e.editor===null||e.isDestroyed||!e.isEditorReady)return;let t=f.current.tools;if(!(typeof t!=`object`||!t))for(let[i,a]of Object.entries(t)){var r;if(!O.current.has(i))continue;let t=typeof a==`object`&&a?a.toolbox:void 0;(0,n.deepEqual)(t,O.current.get(i))||(O.current.set(i,t),(r=e.editor.tools)==null||r.update(i,{toolbox:t}))}}),(0,e.useEffect)(()=>{let e=p.current,t=A.current;if(e.editor===null||e.isDestroyed||!e.isEditorReady||t===null)return;let n=f.current,r=j.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))};o(`onChange`,e=>{i.onChange=e}),o(`onSave`,e=>{i.onSave=e}),o(`onEnter`,e=>{i.onEnter=e}),o(`onSubmit`,e=>{i.onSubmit=e}),o(`onBeforeRender`,e=>{i.onBeforeRender=e}),o(`onAfterRender`,e=>{i.onAfterRender=e}),a.value&&e.editor.handlers.set(i)});let N=typeof s.readOnly==`object`&&s.readOnly!==null,{enabled:P,hideControls:I}=(0,n.normalizeReadOnlyConfig)(s.readOnly);(0,e.useEffect)(()=>{c!==null&&(N?c.readOnly.set(P,{hideControls:I}):c.readOnly.set(P))},[c,P,I,N]);let{hideToolbar:L}=s;(0,e.useEffect)(()=>{c===null||L===void 0||c.toolbar.setHidden(L)},[c,L]);let{toolbarPosition:R}=s;(0,e.useEffect)(()=>{c===null||R===void 0||c.toolbar.setPosition(R)},[c,R]);let{inlineToolbar:z}=s;(0,e.useEffect)(()=>{c===null||z===void 0||c.tools.setInlineToolbar(z)},[c,z===void 0?void 0:JSON.stringify(z)]);let{autofocus:B}=s;(0,e.useEffect)(()=>{c===null||!B||c.focus()},[c,B]);let{theme:V}=s;(0,e.useEffect)(()=>{c===null||V===void 0||c.theme.set(V)},[c,V]);let{width:H}=s;(0,e.useEffect)(()=>{c===null||H===void 0||c.width.set(H)},[c,H]);let U=(a=s.style)==null?void 0:a.tokens,W=(0,e.useRef)((o=s.style)==null?void 0:o.tokens);(0,e.useEffect)(()=>{c===null||U===void 0||(0,n.deepEqual)(U,W.current)||(W.current=U,c.tokens.set(U))},[c,U]);let{i18n:G}=s,K=(0,e.useRef)(s.i18n);(0,e.useEffect)(()=>{if(c===null||G===void 0||(0,n.deepEqual)(G,K.current))return;K.current=G;let{locale:e,messages:t,direction:r}=G;c.i18n.update(_(_(_({},e===void 0?{}:{locale:e}),t===void 0?{}:{messages:t}),r===void 0?{}:{direction:r}))},[c,G]);let{placeholder:q}=s;(0,e.useEffect)(()=>{c===null||q===void 0||c.placeholder.set(q)},[c,q]);let{data:J}=s;return(0,e.useEffect)(()=>{if(c===null||J===void 0)return;let e=p.current;if(e.editor!==c||e.isDestroyed)return;if(y.current!==c&&(y.current=c,S.current=void 0,g.current.clear(),(0,n.deepEqual)(J,b.current))){h.current=J;return}let t=h.current,r=S.current;t!==void 0&&(0,n.equalsOutputData)(J,t)||r!==void 0&&(0,n.equalsOutputData)(J,r)||g.current.matches(J)||(g.current.clear(),S.current=J,x.current=x.current.catch(()=>void 0).then(()=>c.render((0,n.toRenderableData)(J))).then(()=>{h.current=J},()=>{}).then(()=>{S.current===J&&(S.current=void 0)}))},[c,J]),c}function F(e,t){e.destroyTimeout=setTimeout(()=>{if(e.editor!==null){d(e.editor),E(e.editor),k(e.editor);try{e.editor.destroy()}catch(e){}e.editor=null,e.holder=null,e.isDestroyed=!0,e.isEditorReady=!1,e.destroyTimeout=null,t(null)}},0)}var I=class extends e.Component{constructor(...e){super(...e),this.state={failed:!1}}static getDerivedStateFromError(){return{failed:!0}}componentDidCatch(){}render(){return this.state.failed?null:this.props.children}};function L({registry:t}){let n=(0,e.useSyncExternalStore)(t.subscribe,t.getSnapshot,t.getSnapshot);return(0,r.jsx)(r.Fragment,{children:Array.from(n.entries()).map(([e,t])=>{let n=t.component;return(0,a.createPortal)((0,r.jsx)(I,{children:(0,r.jsx)(n,_({},t.props))}),t.hostEl,e)})})}var R=(0,e.createContext)(null);function z(){return(0,e.useContext)(R)}function B(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}function V(e,t){if(e==null)return{};var n,r,i=B(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}var H=[`editor`];function U(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,W(r)))}function W(e){try{return decodeURIComponent(e)}catch(t){return e}}var G=(0,e.forwardRef)(function(t,n){let{editor:i}=t,a=V(t,H),o=(0,e.useRef)(null),s=e=>{if(o.current=e,typeof n==`function`)n(e);else if(n!=null){let t=n;t.current=e}};(0,e.useEffect)(()=>{if(i===null||o.current===null)return;let e=u(i);if(e!==void 0)return o.current.appendChild(e),U(i),()=>{e.remove()}},[i]);let c=i===null?void 0:T(i);return(0,r.jsx)(`div`,_(_({ref:s},a),{},{children:c===void 0?null:(0,r.jsx)(R.Provider,{value:i,children:(0,r.jsx)(L,{registry:c})})}))}),K=`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.tunes.style.theme.onThemeChange.scrollToBlock.user.resolveUser.notifierPosition.notifier.width.migrations.uploader.captureClicksBelowEditor`.split(`.`),q=[`deps`,`onReady`,`locale`,`onBlocksRendered`,`onBlockRendered`],J=new Set(K),oe=(0,e.forwardRef)(function(t,n){let{deps:i,onReady:a,locale:o,onBlocksRendered:s,onBlockRendered:c}=t,l=V(t,q),u={},d={};for(let e of Object.keys(l)){let t=l[e];J.has(e)?u[e]=t:d[e]=t}if(o!==void 0){let e=u.i18n;u.i18n=_(_({},e),{},{locale:o})}let f=P(u,i);(0,e.useImperativeHandle)(n,()=>f,[f]);let p=(0,e.useRef)(a);p.current=a;let m=(0,e.useRef)(null);(0,e.useEffect)(()=>{if(f!==null&&m.current!==f){var e;m.current=f,(e=p.current)==null||e.call(p,f)}},[f]);let h=(0,e.useRef)(s);h.current=s;let g=(0,e.useRef)(c);g.current=c;let v=!!s,y=!!c;return(0,e.useEffect)(()=>{if(f===null)return;let e=[];if(v){let t=e=>{var t;return(t=h.current)==null?void 0:t.call(h,e)};f.on(`blocks:rendered`,t),e.push([`blocks:rendered`,t])}if(y){let t=e=>{var t;return(t=g.current)==null?void 0:t.call(g,e)};f.on(`block:rendered`,t),e.push([`block:rendered`,t])}return()=>{for(let[t,n]of e)f.off(t,n)}},[f,v,y]),(0,r.jsx)(G,_({editor:f},d))});function se(){let t=(0,e.useRef)(null);return(0,e.useMemo)(()=>({ref:e=>{t.current=e},get current(){return t.current},get isReady(){return t.current!==null},focus:e=>{var n,r;return(n=(r=t.current)==null?void 0:r.focus(e))!=null&&n},clear:()=>{let e=t.current;return e===null?Promise.resolve():e.clear().then(()=>{var t;(t=O(e))==null||t.markRendered(n.EMPTY_OUTPUT_DATA)})},save:()=>t.current===null?Promise.resolve(null):t.current.save(),render:e=>{let n=t.current;return n===null?Promise.resolve():n.render(e).then(()=>{var t;(t=O(n))==null||t.markRendered(e)})},setReadOnly:e=>{let n=t.current;return n===null?Promise.resolve(!1):n.readOnly.set(e==null?!n.readOnly.isEnabled:e)}}),[])}var Y=`block changed`;function ce(t,r={}){var i;let a=(i=r.within)==null?null:i,o=(0,e.useRef)(0),s=(0,e.useRef)(t);s.current!==t&&(s.current=t,o.current=0);let c=(0,e.useCallback)(e=>{if(t===null)return()=>void 0;let r=r=>{a!==null&&!(0,n.changeTouchesSubtree)(t,r,a)||(o.current+=1,e())};return t.on(Y,r),()=>t.off(Y,r)},[t,a]),l=(0,e.useCallback)(()=>o.current,[]);return(0,e.useSyncExternalStore)(c,l,l),(0,e.useMemo)(()=>t===null?n.EMPTY_API:(0,n.createBlocksApiForEditor)(t),[t])}function le(n={}){let{within:r,settleOn:i}=n,[a,o]=(0,e.useState)(!1);return(0,e.useEffect)(()=>{let e=()=>{var e;let n=r instanceof Element?r:(e=r==null?void 0:r.current)==null?null:e;o(r!==void 0&&n===null?!1:t.Blok.readyState({within:n,settleOn:i}).ready)};return e(),t.Blok.subscribeReady(e)},[r,i]),a}var ue=new Set([`area`,`base`,`br`,`col`,`embed`,`hr`,`img`,`input`,`link`,`meta`,`param`,`source`,`track`,`wbr`]),de=new Set([`disabled`,`open`,`controls`,`autoplay`,`loop`,`muted`,`required`,`multiple`,`playsinline`,`reversed`,`hidden`,`default`,`novalidate`,`allowfullscreen`,`itemscope`]),X={class:`className`,for:`htmlFor`,colspan:`colSpan`,rowspan:`rowSpan`,tabindex:`tabIndex`,readonly:`readOnly`,srcset:`srcSet`,srclang:`srcLang`,datetime:`dateTime`,autoplay:`autoPlay`,playsinline:`playsInline`,novalidate:`noValidate`,allowfullscreen:`allowFullScreen`,crossorigin:`crossOrigin`,referrerpolicy:`referrerPolicy`,contenteditable:`contentEditable`,spellcheck:`spellCheck`,maxlength:`maxLength`,minlength:`minLength`,usemap:`useMap`,itemscope:`itemScope`},fe=e=>{let t={};for(let n of e.split(`;`)){let e=n.indexOf(`:`);if(e===-1)continue;let r=n.slice(0,e).trim(),i=n.slice(e+1).trim();if(r===``||i===``)continue;let a=r.startsWith(`--`)?r:r.toLowerCase().replace(/-([a-z])/g,(e,t)=>t.toUpperCase());t[a]=i}return t},pe=(e,t)=>{let n={key:t};for(let[t,a]of Object.entries(e)){var r;if(t===`style`){n.style=fe(a);continue}if(t===`checked`){n.defaultChecked=!0;continue}if(t===`value`){n.defaultValue=a;continue}if(de.has(t)){var i;n[(i=X[t])==null?t:i]=!0;continue}n[(r=X[t])==null?t:r]=a}return n},Z=t=>t.map((t,n)=>{if(`text`in t)return t.text;let r=pe(t.attrs,n);return ue.has(t.tag)||t.children.length===0?(0,e.createElement)(t.tag,r):(0,e.createElement)(t.tag,r,...Z(t.children))}),Q=(t,n)=>{let r=n==null?void 0:n.schema,i=n==null?void 0:n.renderers,a=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,d=n==null?void 0:n.classes;return(0,e.useMemo)(()=>(0,e.createElement)(e.Fragment,null,...Z((0,o.blocksToViewNodes)(t,{schema:r,renderers:i,onUnknownBlock:a,toolAttributes:s,blockIds:c,transformUrl:l,inlineRenderers:u,classes:d}))),[t,r,i,a,s,c,l,u,d])},me=[`data`,`schema`,`renderers`,`onUnknownBlock`,`toolAttributes`,`blockIds`,`transformUrl`,`inlineRenderers`,`classes`],he=e=>{let{data:t,schema:n,renderers:i,onUnknownBlock:a,toolAttributes:o,blockIds:s,transformUrl:c,inlineRenderers:l,classes:u}=e,d=V(e,me),f=Q(t,{schema:n,renderers:i,onUnknownBlock:a,toolAttributes:o,blockIds:s,transformUrl:c,inlineRenderers:l,classes:u==null||u});return(0,r.jsx)(`div`,_(_({"data-blok-interface":`view`},d),{},{children:f}))},ge=[`icon`,`title`],_e=[`commit`,`readOnly`],ve=[x,S],ye=(e,t,r)=>{var i;e==null||(i=e.events)==null||i.emit(n.BlockChildrenMounted,{blockId:t,childIds:r.map(e=>e.id)})},be=new Set([void 0,`user`,`api`,`convert`]),xe=[`toolbox`,`isReadOnlySupported`,`__isBlokReactBlock`,`__buildPortalToolbox`];function Se(t){var i,o;let c=e=>{if(typeof document>`u`)return null;let t=document.createElement(`div`),n=(0,s.createRoot)(t);(0,a.flushSync)(()=>{n.render(e)});let r=t.innerHTML;return n.unmount(),r===``?null:r},l=t=>{let{icon:n,title:r}=t,i=_({},V(t,ge));if(typeof r==`string`&&(i.title=r),!(0,e.isValidElement)(n))return n!==void 0&&(i.icon=n),{entry:i,deferred:!1};let a=c(n);return a===null?(i.icon=n,{entry:i,deferred:!0}):(i.icon=a,{entry:i,deferred:!1})},u=()=>{if(t.toolbox===void 0)return{value:void 0,complete:!0};let e=(Array.isArray(t.toolbox)?t.toolbox:[t.toolbox]).map(e=>l(e)),n=e.every(e=>!e.deferred),r=e.map(e=>e.entry);return{value:Array.isArray(t.toolbox)?r:r[0],complete:n}},d=(n,i)=>{if(t.toolbox===void 0)return;let a=Array.isArray(t.toolbox)?t.toolbox:[t.toolbox];if(!a.some(t=>(0,e.isValidElement)(t.title)))return;let o=a.map((t,a)=>{let{entry:o,deferred:s}=l(t);if(s&&delete o.icon,!(0,e.isValidElement)(t.title))return o;let c=document.createElement(`span`);c.setAttribute(`data-blok-mutation-free`,`true`);let u=t.title,d=()=>(0,r.jsx)(r.Fragment,{children:u});return d.displayName=`BlokToolboxTitle(${i})`,n.register(`__blok-toolbox-title__:${i}:${a}`,{hostEl:c,component:d,props:{},toolName:i}),_(_({},o),{},{titleEl:c})});return Array.isArray(t.toolbox)?o:o[0]},f={resolved:!1,value:void 0},p=()=>{if(f.resolved)return f.value;let{value:e,complete:t}=u();return t&&(f.value=e,f.resolved=!0),e},m=t.viewComponent===void 0?t.component:e=>{let n=t.viewComponent;if(e.readOnly&&n!==void 0){let{commit:t,readOnly:i}=e;return(0,r.jsx)(n,_({},V(e,_e)))}let i=t.component;return(0,r.jsx)(i,_({},e))},h=(i=class{static get toolbox(){return p()}static __buildPortalToolbox(e,t){return d(e,t)}static get isReadOnlySupported(){return!0}constructor(i){var a,o,s;this.mountSignalled=!1,this.hostEl=null,this.pendingDispatch=!1,this.anchorEl=null,this.toolbarAnchorRef=e=>{this.anchorEl=e},this.commit=e=>{var r;let i=(0,n.fillDefaults)(t.propSchema,_(_({},this.mirror),e));(0,n.deepEqual)(i,this.mirror)||(this.mirror=i,this.lastRendered=i,(r=this.registry)==null||r.setProps(this.blockApi.id,{data:i}),this.flushDispatch())},this.blockApi=i.block;let c=(a=i.config)==null?{}:a;this.registry=c[x];let l=c[S];this.toolName=typeof l==`string`?l:void 0;let u={};for(let[e,t]of Object.entries(c))ve.includes(e)||(u[e]=t);this.toolConfig=Object.freeze(u),this.api=i.api;let d=i.api;this.pointerDrag=()=>{var e;return(d==null||(e=d.blocks)==null?void 0:e.isPointerDragActive)===!0},this.mirror=(0,n.fillDefaults)(t.propSchema,(o=i.data)==null?{}:o),this.lastRendered=this.mirror,this.readOnly=i.readOnly,this.origin=(s=i.origin)==null?`api`:s;let f=this.blockApi,p=this.api;this.childrenComponent=function({childAttributes:t,childContentAttributes:i}){let a=(0,e.useRef)(null),o=(0,e.useRef)((0,n.createChildDecorationLedger)());return(0,e.useEffect)(()=>{if(a.current===null)return;let e=f.getChildren();(0,n.mountChildBlocks)(a.current,e),(0,n.applyChildDecoration)(o.current,e,{childAttributes:t,childContentAttributes:i}),ye(p,f.id,e)}),(0,r.jsx)(`div`,{ref:a,[n.DATA_ATTR.nestedBlocks]:``})},this.entryComponent=this.buildEntryComponent()}buildEntryComponent(){let n=t.onMounted,i=t.onCreated;if(n===void 0&&i===void 0)return m;let a=m,o=()=>{if(this.mountSignalled)return;this.mountSignalled=!0;let e={origin:this.origin,api:this.api};n==null||n(this.blockApi,e),be.has(this.origin)&&(i==null||i(this.blockApi,e))},s=t=>((0,e.useEffect)(o,[]),(0,r.jsx)(a,_({},t)));return s.displayName=`BlokBlockMount(${t.type})`,s}render(){var e;let t=document.createElement(`div`);return t.setAttribute(`data-blok-mutation-free`,`true`),this.hostEl=t,(e=this.registry)==null||e.register(this.blockApi.id,{hostEl:t,component:this.entryComponent,props:this.buildProps(),toolName:this.toolName}),t}rendered(){var e;(e=t.onRendered)==null||e.call(t,this.blockApi)}save(){return this.mirror}async setData(e){var r=this;let i=(0,n.fillDefaults)(t.propSchema,e==null?{}:e);return(0,n.deepEqual)(i,r.lastRendered)?!0:(r.mirror=i,r.lastRendered=i,r.pushProps({data:i}),!0)}setReadOnly(e){this.readOnly=e,this.pushProps({readOnly:e})}getToolbarAnchorElement(){var e;let n=this.anchorEl;if(n!==null&&n.isConnected)return n;let r=this.hostEl;if(!(r===null||t.getToolbarAnchorElement===void 0))return(e=t.getToolbarAnchorElement(r,this.blockApi))==null?void 0:e}moved(){var e;(e=t.onMoved)==null||e.call(t,this.blockApi)}removed(){var e,n,r;(e=this.registry)==null||e.unregister(this.blockApi.id,(n=this.hostEl)==null?void 0:n),(r=t.onRemoved)==null||r.call(t,this.blockApi)}destroy(){var e,t;(e=this.registry)==null||e.unregister(this.blockApi.id,(t=this.hostEl)==null?void 0:t)}buildProps(){return{data:this.mirror,commit:this.commit,block:this.blockApi,api:this.api,readOnly:this.readOnly,config:this.toolConfig,BlockChildren:this.childrenComponent,toolbarAnchorRef:this.toolbarAnchorRef}}pushProps(e){let t=this.registry;t!==void 0&&(0,a.flushSync)(()=>{t.setProps(this.blockApi.id,e)})}flushDispatch(){if(!this.pointerDrag()){this.pendingDispatch=!1,this.blockApi.dispatchChange();return}if(this.pendingDispatch)return;this.pendingDispatch=!0;let e=()=>{if(this.pointerDrag()){requestAnimationFrame(e);return}this.pendingDispatch=!1,this.blockApi.dispatchChange()};requestAnimationFrame(e)}},i.__isBlokReactBlock=!0,i);for(let[e,n]of Object.entries((o=t.statics)==null?{}:o))xe.includes(e)||Object.defineProperty(h,e,{value:n,writable:!0,enumerable:!0,configurable:!0});return h}var Ce=[x,S],we=e=>`__blok-inline-tool__:${e}:${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`,$=(0,e.createContext)(null);function Te(){let t=(0,e.useContext)($);if(t===null)throw Error(`useInlineTool() must be called from a component rendered by createReactInlineTool`);return t}function Ee(t){var i;return i=class{static get type(){return t.type}static get title(){return t.title}static get titleKey(){var e;return(e=t.titleKey)==null?t.type:e}static get shortcut(){return t.shortcut}static get mark(){return t.mark}static get sanitize(){return t.sanitize===void 0?t.mark===void 0?void 0:(0,n.markSanitizerConfig)(t.mark):t.sanitize}static get isReadOnlySupported(){var e;return(e=t.isReadOnlySupported)!=null&&e}constructor(e){var n;this.active=!1,this.registered=!1;let r=(n=e==null?void 0:e.config)==null?{}:n;this.api=e==null?void 0:e.api,this.registry=r[x];let i=r[S];this.toolName=typeof i==`string`?i:t.type,this.portalKey=we(this.toolName);let a={};for(let[e,t]of Object.entries(r))Ce.includes(e)||(a[e]=t);this.toolConfig=Object.freeze(a),this.portalComponent=this.createPortalComponent()}render(){let e=document.createElement(`div`);return e.setAttribute(`data-blok-mutation-free`,`true`),this.registry!==void 0&&(this.registry.register(this.portalKey,{hostEl:e,component:this.portalComponent,props:{active:this.active,config:this.toolConfig},toolName:this.toolName}),this.registered=!0),{name:this.toolName,title:t.title,icon:e,onActivate:()=>{this.activate()},isActive:()=>this.refreshActiveState()}}destroy(){var e;this.registered&&(this.registered=!1,(e=this.registry)==null||e.unregister(this.portalKey))}activate(){var e;if(typeof t.surround==`function`){let e=window.getSelection();if(!e||e.rangeCount===0)return;t.surround(e.getRangeAt(0),this.api);return}t.mark!==void 0&&((e=this.api)==null?void 0:e.marks)!==void 0&&this.api.marks.toggle(t.mark)}refreshActiveState(){let e=this.computeActiveState();if(e!==this.active&&(this.active=e,this.registered)){var t;(t=this.registry)==null||t.setProps(this.portalKey,{active:e})}return e}computeActiveState(){var e;return typeof t.checkState==`function`?!!t.checkState(window.getSelection(),this.api):t.mark!==void 0&&((e=this.api)==null?void 0:e.marks)!==void 0&&this.api.marks.has(t.mark)}createPortalComponent(){let n=this.api,i=t.mark,a=t.component,o=i!==void 0&&(n==null?void 0:n.marks)!==void 0?{has:()=>n.marks.has(i),toggle:e=>n.marks.toggle(i,e),apply:e=>n.marks.apply(i,e),remove:()=>n.marks.remove(i),read:()=>n.marks.read(i)}:null,s=t=>{let i=(0,e.useMemo)(()=>({active:t.active,config:t.config,api:n,mark:o}),[t.active,t.config]);return(0,r.jsx)($.Provider,{value:i,children:(0,r.jsx)(a,{active:t.active,config:t.config})})};return s.displayName=`BlokInlineTool(${this.toolName})`,s}},i.__isBlokReactInlineTool=!0,i.isInline=!0,i}exports.BLOK_PORTAL_REGISTRY_CONFIG_KEY=x,exports.BLOK_TOOL_NAME_CONFIG_KEY=S,exports.BlockPortalHost=L,exports.BlokContent=G,exports.BlokEditor=oe,exports.BlokProvider=y,exports.BlokView=he,exports.createBlockPortalRegistry=C,exports.createReactBlock=Se,exports.createReactInlineTool=Ee,Object.defineProperty(exports,"getDirection",{enumerable:!0,get:function(){return i.getDirection}}),Object.defineProperty(exports,"normalizeLocale",{enumerable:!0,get:function(){return i.normalizeLocale}}),exports.useBlocks=ce,exports.useBlok=P,exports.useBlokDefaults=b,exports.useBlokHandle=se,exports.useBlokInstance=z,exports.useBlokReady=le,exports.useBlokView=Q,exports.useInlineTool=Te;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("@bloklabs/core"),n=require("@bloklabs/core/adapters"),r=require("react/jsx-runtime"),i=require("@bloklabs/core/locales"),a=require("react-dom"),o=require("@bloklabs/core/view"),s=require("react-dom/client");var c=new WeakMap;function l(e,t){c.set(e,t)}function u(e){return c.get(e)}function d(e){c.delete(e)}function f(e){"@babel/helpers - typeof";return f=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},f(e)}function p(e,t){if(f(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(f(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function m(e){var t=p(e,`string`);return f(t)==`symbol`?t:t+``}function h(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?g(Object(n),!0).forEach(function(t){h(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var v=(0,e.createContext)({});function y({defaults:e,children:t}){return(0,r.jsx)(v.Provider,{value:e,children:t})}function b(){return(0,e.useContext)(v)}function x(e,t){if(Object.keys(e).length===0)return t;let n=_({},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=_(_({},e.tools),t.tools)),n}var S=`__blokPortalRegistry`,C=`__blokToolName`,w=()=>{let e={snapshot:new Map},t=new Set,n=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:_(_({},i),{},{props:_(_({},i.props),{},{config:o})})),r(a)},unregister(t,n){let i=e.snapshot.get(t);if(i===void 0||n!==void 0&&i.hostEl!==n)return;let a=new Map(e.snapshot);a.delete(t),r(a)},setProps(t,n){let i=e.snapshot.get(t);if(i===void 0)return;let a=new Map(e.snapshot);a.set(t,_(_({},i),{},{props:_(_({},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,_(_({},t),{},{props:_(_({},t.props),{},{config:i})}));r(o)},subscribe(e){return t.add(e),()=>{t.delete(e)}},getSnapshot(){return e.snapshot}}},T=new WeakMap;function ee(e,t){T.set(e,t)}function E(e){return T.get(e)}function D(e){T.delete(e)}var O=new WeakMap;function te(e,t){O.set(e,t)}function k(e){return O.get(e)}function A(e){O.delete(e)}var j=e=>{if(typeof e!=`object`||!e)return!1;let t=Object.getPrototypeOf(e);return t===Object.prototype||t===null},M=(e,t)=>t.reduce((e,t)=>{if(Array.isArray(e))return typeof t==`number`?e[t]:void 0;if(j(e))return e[t]},e),ne=(e,t)=>{let n=(e,t)=>{if(typeof e==`function`)return typeof t==`function`?t:e;if(Array.isArray(e)){let r=Array.isArray(t)?t:[];return e.map((e,t)=>n(e,r[t]))}if(j(e)){let r=j(t)?t:{},i={};for(let[t,a]of Object.entries(e))i[t]=n(a,r[t]);return i}return e},r=n(t,e);return j(r)?r:{}},re=(e,t)=>{if(!j(e))return e;let n={};for(let[r,i]of Object.entries(e)){if(!j(i)||!j(i.config)){n[r]=i;continue}let e=new WeakSet,a=(n,i)=>{if(typeof n==`function`){let e=n;return function(...n){let a=t(),o=j(a)?a[r]:void 0,s=M(j(o)?o.config:void 0,i);return Reflect.apply(typeof s==`function`?s:e,this,n)}}if(Array.isArray(n))return e.has(n)?n:(e.add(n),n.map((e,t)=>a(e,[...i,t])));if(j(n)){if(e.has(n))return n;e.add(n);let t={};for(let[e,r]of Object.entries(n))t[e]=a(r,[...i,e]);return t}return n};n[r]=_(_({},i),{},{config:a(i.config,[])})}return n},ie=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).`,N=e=>{let t=typeof e==`function`?e:e==null?void 0:e.class;return typeof t==`function`&&t.__isBlokReactBlock===!0},P=e=>{let t=typeof e==`function`?e:e==null?void 0:e.class;return typeof t==`function`&&t.__isBlokReactInlineTool===!0},ae=(e,t)=>{if(typeof e!=`object`||!e)return e;let n={};for(let[i,a]of Object.entries(e)){var r;if(!N(a)&&!P(a)){n[i]=a;continue}let e=typeof a==`function`?{class:a}:_({},a);e.config=_(_({},(r=e.config)==null?{}:r),{},{[S]:t,[C]: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 F(r,i){var a,o;let s=x((0,e.useContext)(v),r),[c,u]=(0,e.useState)(null),f=(0,e.useRef)(s);f.current=s;let p=(0,e.useRef)({editor:null,holder:null,destroyTimeout:null,isDestroyed:!1,isEditorReady:!1,depsToken:null}),m=(0,e.useMemo)(()=>({}),i==null?[]:i),h=(0,e.useRef)(s.data),g=(0,e.useRef)((0,n.createEmittedEchoWindow)()),y=(0,e.useRef)(null),b=(0,e.useRef)(s.data),S=(0,e.useRef)(s.collaboration),C=(0,e.useRef)(Promise.resolve()),T=(0,e.useRef)(!1),E=(0,e.useRef)(void 0),O=(0,e.useRef)(null),k=(0,e.useRef)(void 0),j=(0,e.useRef)(new Map),M=(0,e.useRef)(new Map),P=(0,e.useRef)(null),F=(0,e.useRef)({onChange:!1,onSave:!1,onEnter:!1,onSubmit:!1,onBeforeRender:!1,onAfterRender:!1});(0,e.useEffect)(()=>{var e;if(typeof window>`u`)return;let n=p.current;if(n.destroyTimeout!==null&&(clearTimeout(n.destroyTimeout),n.destroyTimeout=null),n.editor!==null&&!n.isDestroyed&&n.depsToken===m)return n.isEditorReady&&u(n.editor),()=>{I(n,u)};if(n.editor!==null&&!n.isDestroyed){d(n.editor),D(n.editor),A(n.editor);try{n.editor.destroy()}catch(e){}n.editor=null,n.holder=null,n.isDestroyed=!0,n.isEditorReady=!1,u(null)}let r=document.createElement(`div`);n.holder=r,n.isDestroyed=!1,n.isEditorReady=!1,n.depsToken=m;let i=f.current,a=w(),o=i.tools===void 0?void 0:re(i.tools,()=>f.current.tools),s=o===void 0?void 0:ae(o,a);O.current=a,k.current=o,j.current=new Map,M.current=new Map(Object.entries((e=i.tools)==null?{}:e).map(([e,t])=>[e,typeof t==`object`&&t?t.toolbox:void 0]));let c={onChange:(...e)=>{var t,n;(t=(n=f.current).onChange)==null||t.call(n,...e)},onSave:(...e)=>{var t,n;h.current=e[0],g.current.record(e[0]),(t=(n=f.current).onSave)==null||t.call(n,...e)},onEnter:(...e)=>{var t,n;return(t=(n=f.current).onEnter)==null?void 0:t.call(n,...e)},onSubmit:(...e)=>{var t,n;(t=(n=f.current).onSubmit)==null||t.call(n,...e)},onBeforeRender:(...e)=>{var t,n,r;return(t=(n=(r=f.current).onBeforeRender)==null?void 0:n.call(r,...e))==null?e[0]:t},onAfterRender:(...e)=>{var t,n;(t=(n=f.current).onAfterRender)==null||t.call(n,...e)}};P.current=c;let v={onChange:i.onChange!==void 0,onSave:i.onSave!==void 0,onEnter:i.onEnter!==void 0,onSubmit:i.onSubmit!==void 0,onBeforeRender:i.onBeforeRender!==void 0,onAfterRender:i.onAfterRender!==void 0};F.current=v;let y=_(_(_(_(_(_(_(_({},i),s===void 0?{}:{tools:s}),{},{holder:r,onReady:(...e)=>{var t,n;(t=(n=f.current).onReady)==null||t.call(n,...e)}},v.onChange?{onChange:c.onChange}:{}),v.onSave?{onSave:c.onSave}:{}),v.onEnter?{onEnter:c.onEnter}:{}),v.onSubmit?{onSubmit:c.onSubmit}:{}),v.onBeforeRender?{onBeforeRender:c.onBeforeRender}:{}),v.onAfterRender?{onAfterRender:c.onAfterRender}:{}),x=new t.Blok(y);return n.editor=x,b.current=i.data,S.current=i.collaboration,l(x,r),ee(x,a),te(x,{markRendered:e=>{g.current.clear(),h.current=e,E.current=void 0}}),x.isReady.then(()=>{n.editor===x&&!n.isDestroyed&&(n.isEditorReady=!0,u(x))}).catch(()=>{if(n.editor===x&&!n.isDestroyed){d(x),D(x),A(x);try{x.destroy()}catch(e){}n.editor=null,n.holder=null,n.isDestroyed=!0,n.isEditorReady=!1,u(null)}}),()=>{I(n,u)}},[m]),(0,e.useEffect)(()=>{let e=O.current,t=p.current;if(e===null||t.editor===null||t.isDestroyed)return;let r=f.current.tools;if(typeof r!=`object`||!r)return;let i=k.current;for(let[t,o]of Object.entries(r)){var a;if(!N(o))continue;let r=typeof o==`function`||(a=o.config)==null?{}:a,s=i==null?void 0:i[t],c=ne(typeof s==`object`&&s?s.config:void 0,r),l=j.current.get(t);if(l!==void 0&&(0,n.deepEqual)(c,l))continue;let u=Object.freeze(c);j.current.set(t,u),e.setToolConfig(t,u)}}),(0,e.useEffect)(()=>{let e=p.current;if(e.editor===null||e.isDestroyed||!e.isEditorReady)return;let t=f.current.tools;if(!(typeof t!=`object`||!t))for(let[i,a]of Object.entries(t)){var r;if(!M.current.has(i))continue;let t=typeof a==`object`&&a?a.toolbox:void 0,o=M.current.get(i);(0,n.deepEqual)(t,o)||(M.current.set(i,t),(r=e.editor.tools)==null||r.update(i,{toolbox:t}))}}),(0,e.useEffect)(()=>{let e=p.current,t=P.current;if(e.editor===null||e.isDestroyed||!e.isEditorReady||t===null)return;let n=f.current,r=F.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))};o(`onChange`,e=>{i.onChange=e}),o(`onSave`,e=>{i.onSave=e}),o(`onEnter`,e=>{i.onEnter=e}),o(`onSubmit`,e=>{i.onSubmit=e}),o(`onBeforeRender`,e=>{i.onBeforeRender=e}),o(`onAfterRender`,e=>{i.onAfterRender=e}),a.value&&e.editor.handlers.set(i)});let L=typeof s.readOnly==`object`&&s.readOnly!==null,{enabled:R,hideControls:z}=(0,n.normalizeReadOnlyConfig)(s.readOnly);(0,e.useEffect)(()=>{c!==null&&(L?c.readOnly.set(R,{hideControls:z}):c.readOnly.set(R))},[c,R,z,L]);let{hideToolbar:B}=s;(0,e.useEffect)(()=>{c!==null&&B!==void 0&&c.toolbar.setHidden(B)},[c,B]);let{toolbarPosition:V}=s;(0,e.useEffect)(()=>{c!==null&&V!==void 0&&c.toolbar.setPosition(V)},[c,V]);let{inlineToolbar:H}=s,U=H===void 0?void 0:JSON.stringify(H);(0,e.useEffect)(()=>{c!==null&&H!==void 0&&c.tools.setInlineToolbar(H)},[c,U]);let{autofocus:W}=s;(0,e.useEffect)(()=>{c===null||!W||c.focus()},[c,W]);let{theme:G}=s;(0,e.useEffect)(()=>{c!==null&&G!==void 0&&c.theme.set(G)},[c,G]);let{width:K}=s;(0,e.useEffect)(()=>{c!==null&&K!==void 0&&c.width.set(K)},[c,K]);let q=(a=s.style)==null?void 0:a.tokens,J=(0,e.useRef)((o=s.style)==null?void 0:o.tokens);(0,e.useEffect)(()=>{c!==null&&q!==void 0&&((0,n.deepEqual)(q,J.current)||(J.current=q,c.tokens.set(q)))},[c,q]);let{i18n:Y}=s,X=(0,e.useRef)(s.i18n);(0,e.useEffect)(()=>{if(c===null||Y===void 0||(0,n.deepEqual)(Y,X.current))return;X.current=Y;let{locale:e,messages:t,direction:r}=Y;c.i18n.update(_(_(_({},e===void 0?{}:{locale:e}),t===void 0?{}:{messages:t}),r===void 0?{}:{direction:r}))},[c,Y]);let{placeholder:Z}=s;(0,e.useEffect)(()=>{c!==null&&Z!==void 0&&c.placeholder.set(Z)},[c,Z]);let{data:Q}=s;return(0,e.useEffect)(()=>{if(c===null||Q===void 0)return;let e=p.current;if(e.editor!==c||e.isDestroyed)return;if(y.current!==c&&(y.current=c,E.current=void 0,g.current.clear(),(0,n.deepEqual)(Q,b.current))){h.current=Q;return}let t=h.current,r=E.current;if(t!==void 0&&(0,n.equalsOutputData)(Q,t)||r!==void 0&&(0,n.equalsOutputData)(Q,r)||g.current.matches(Q))return;let i=S.current;if(i!==void 0){T.current||(T.current=!0,console.warn(ie(i.doc)));return}g.current.clear(),E.current=Q,C.current=C.current.catch(()=>void 0).then(()=>c.render((0,n.toRenderableData)(Q))).then(()=>{h.current=Q},()=>{}).then(()=>{E.current===Q&&(E.current=void 0)})},[c,Q]),c}function I(e,t){e.destroyTimeout=setTimeout(()=>{if(e.editor!==null){d(e.editor),D(e.editor),A(e.editor);try{e.editor.destroy()}catch(e){}e.editor=null,e.holder=null,e.isDestroyed=!0,e.isEditorReady=!1,e.destroyTimeout=null,t(null)}},0)}var L=class extends e.Component{constructor(...e){super(...e),this.state={failed:!1}}static getDerivedStateFromError(){return{failed:!0}}componentDidCatch(){}render(){return this.state.failed?null:this.props.children}};function R({registry:t}){let n=(0,e.useSyncExternalStore)(t.subscribe,t.getSnapshot,t.getSnapshot);return(0,r.jsx)(r.Fragment,{children:Array.from(n.entries()).map(([e,t])=>{let n=t.component;return(0,a.createPortal)((0,r.jsx)(L,{children:(0,r.jsx)(n,_({},t.props))}),t.hostEl,e)})})}var z=(0,e.createContext)(null);function B(){return(0,e.useContext)(z)}function V(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}function H(e,t){if(e==null)return{};var n,r,i=V(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}var U=[`editor`];function W(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,G(r)))}function G(e){try{return decodeURIComponent(e)}catch(t){return e}}var K=(0,e.forwardRef)(function(t,n){let{editor:i}=t,a=H(t,U),o=(0,e.useRef)(null),s=e=>{if(o.current=e,typeof n==`function`)n(e);else if(n!=null){let t=n;t.current=e}};(0,e.useEffect)(()=>{if(i===null||o.current===null)return;let e=u(i);if(e!==void 0)return o.current.appendChild(e),W(i),()=>{e.remove()}},[i]);let c=i===null?void 0:E(i);return(0,r.jsx)(`div`,_(_({ref:s},a),{},{children:c===void 0?null:(0,r.jsx)(z.Provider,{value:i,children:(0,r.jsx)(R,{registry:c})})}))}),q=`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(`.`),J=[`deps`,`onReady`,`locale`,`onBlocksRendered`,`onBlockRendered`],Y=new Set(q),X=(0,e.forwardRef)(function(t,n){let{deps:i,onReady:a,locale:o,onBlocksRendered:s,onBlockRendered:c}=t,l=H(t,J),u={},d={};for(let e of Object.keys(l)){let t=l[e];Y.has(e)?u[e]=t:d[e]=t}if(o!==void 0){let e=u.i18n;u.i18n=_(_({},e),{},{locale:o})}let f=F(u,i);(0,e.useImperativeHandle)(n,()=>f,[f]);let p=(0,e.useRef)(a);p.current=a;let m=(0,e.useRef)(null);(0,e.useEffect)(()=>{if(f!==null&&m.current!==f){var e;m.current=f,(e=p.current)==null||e.call(p,f)}},[f]);let h=(0,e.useRef)(s);h.current=s;let g=(0,e.useRef)(c);g.current=c;let v=!!s,y=!!c;return(0,e.useEffect)(()=>{if(f===null)return;let e=[];if(v){let t=e=>{var t;return(t=h.current)==null?void 0:t.call(h,e)};f.on(`blocks:rendered`,t),e.push([`blocks:rendered`,t])}if(y){let t=e=>{var t;return(t=g.current)==null?void 0:t.call(g,e)};f.on(`block:rendered`,t),e.push([`block:rendered`,t])}return()=>{for(let[t,n]of e)f.off(t,n)}},[f,v,y]),(0,r.jsx)(K,_({editor:f},d))});function Z(){let t=(0,e.useRef)(null);return(0,e.useMemo)(()=>({ref:e=>{t.current=e},get current(){return t.current},get isReady(){return t.current!==null},focus:e=>{var n,r;return(n=(r=t.current)==null?void 0:r.focus(e))!=null&&n},clear:()=>{let e=t.current;return e===null?Promise.resolve():e.clear().then(()=>{var t;(t=k(e))==null||t.markRendered(n.EMPTY_OUTPUT_DATA)})},save:()=>t.current===null?Promise.resolve(null):t.current.save(),render:e=>{let n=t.current;return n===null?Promise.resolve():n.render(e).then(()=>{var t;(t=k(n))==null||t.markRendered(e)})},setReadOnly:e=>{let n=t.current;return n===null?Promise.resolve(!1):n.readOnly.set(e==null?!n.readOnly.isEnabled:e)}}),[])}var Q=`block changed`;function oe(t,r={}){var i;let a=(i=r.within)==null?null:i,o=(0,e.useRef)(0),s=(0,e.useRef)(t);s.current!==t&&(s.current=t,o.current=0);let c=(0,e.useCallback)(e=>{if(t===null)return()=>void 0;let r=r=>{a!==null&&!(0,n.changeTouchesSubtree)(t,r,a)||(o.current+=1,e())};return t.on(Q,r),()=>t.off(Q,r)},[t,a]),l=(0,e.useCallback)(()=>o.current,[]);return(0,e.useSyncExternalStore)(c,l,l),(0,e.useMemo)(()=>t===null?n.EMPTY_API:(0,n.createBlocksApiForEditor)(t),[t])}function se(n={}){let{within:r,settleOn:i}=n,[a,o]=(0,e.useState)(!1);return(0,e.useEffect)(()=>{let e=()=>{var e;let n=r instanceof Element?r:(e=r==null?void 0:r.current)==null?null:e;o(r!==void 0&&n===null?!1:t.Blok.readyState({within:n,settleOn:i}).ready)};return e(),t.Blok.subscribeReady(e)},[r,i]),a}var ce=new Set([`area`,`base`,`br`,`col`,`embed`,`hr`,`img`,`input`,`link`,`meta`,`param`,`source`,`track`,`wbr`]),le=new Set([`disabled`,`open`,`controls`,`autoplay`,`loop`,`muted`,`required`,`multiple`,`playsinline`,`reversed`,`hidden`,`default`,`novalidate`,`allowfullscreen`,`itemscope`]),ue={class:`className`,for:`htmlFor`,colspan:`colSpan`,rowspan:`rowSpan`,tabindex:`tabIndex`,readonly:`readOnly`,srcset:`srcSet`,srclang:`srcLang`,datetime:`dateTime`,autoplay:`autoPlay`,playsinline:`playsInline`,novalidate:`noValidate`,allowfullscreen:`allowFullScreen`,crossorigin:`crossOrigin`,referrerpolicy:`referrerPolicy`,contenteditable:`contentEditable`,spellcheck:`spellCheck`,maxlength:`maxLength`,minlength:`minLength`,usemap:`useMap`,itemscope:`itemScope`},de=e=>{let t={};for(let n of e.split(`;`)){let e=n.indexOf(`:`);if(e===-1)continue;let r=n.slice(0,e).trim(),i=n.slice(e+1).trim();if(r===``||i===``)continue;let a=r.startsWith(`--`)?r:r.toLowerCase().replace(/-([a-z])/g,(e,t)=>t.toUpperCase());t[a]=i}return t},fe=(e,t)=>{let n={key:t};for(let[t,a]of Object.entries(e)){var r;if(t===`style`){n.style=de(a);continue}if(t===`checked`){n.defaultChecked=!0;continue}if(t===`value`){n.defaultValue=a;continue}if(le.has(t)){var i;n[(i=ue[t])==null?t:i]=!0;continue}n[(r=ue[t])==null?t:r]=a}return n},pe=t=>t.map((t,n)=>{if(`text`in t)return t.text;let r=fe(t.attrs,n);return ce.has(t.tag)||t.children.length===0?(0,e.createElement)(t.tag,r):(0,e.createElement)(t.tag,r,...pe(t.children))}),me=(t,n)=>{let r=n==null?void 0:n.schema,i=n==null?void 0:n.renderers,a=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,d=n==null?void 0:n.classes;return(0,e.useMemo)(()=>(0,e.createElement)(e.Fragment,null,...pe((0,o.blocksToViewNodes)(t,{schema:r,renderers:i,onUnknownBlock:a,toolAttributes:s,blockIds:c,transformUrl:l,inlineRenderers:u,classes:d}))),[t,r,i,a,s,c,l,u,d])},he=[`data`,`schema`,`renderers`,`onUnknownBlock`,`toolAttributes`,`blockIds`,`transformUrl`,`inlineRenderers`,`classes`],ge=e=>{let{data:t,schema:n,renderers:i,onUnknownBlock:a,toolAttributes:o,blockIds:s,transformUrl:c,inlineRenderers:l,classes:u}=e,d=H(e,he),f=me(t,{schema:n,renderers:i,onUnknownBlock:a,toolAttributes:o,blockIds:s,transformUrl:c,inlineRenderers:l,classes:u==null||u});return(0,r.jsx)(`div`,_(_({"data-blok-interface":`view`},d),{},{children:f}))},_e=[`icon`,`title`],ve=[`commit`,`readOnly`],ye=[S,C],be=(e,t,r)=>{var i;e==null||(i=e.events)==null||i.emit(n.BlockChildrenMounted,{blockId:t,childIds:r.map(e=>e.id)})},xe=new Set([void 0,`user`,`api`,`convert`]),Se=[`toolbox`,`isReadOnlySupported`,`__isBlokReactBlock`,`__buildPortalToolbox`];function Ce(t){var i,o;let c=e=>{if(typeof document>`u`)return null;let t=document.createElement(`div`),n=(0,s.createRoot)(t);(0,a.flushSync)(()=>{n.render(e)});let r=t.innerHTML;return n.unmount(),r===``?null:r},l=t=>{let{icon:n,title:r}=t,i=_({},H(t,_e));if(typeof r==`string`&&(i.title=r),!(0,e.isValidElement)(n))return n!==void 0&&(i.icon=n),{entry:i,deferred:!1};let a=c(n);return a===null?(i.icon=n,{entry:i,deferred:!0}):(i.icon=a,{entry:i,deferred:!1})},u=()=>{if(t.toolbox===void 0)return{value:void 0,complete:!0};let e=(Array.isArray(t.toolbox)?t.toolbox:[t.toolbox]).map(e=>l(e)),n=e.every(e=>!e.deferred),r=e.map(e=>e.entry);return{value:Array.isArray(t.toolbox)?r:r[0],complete:n}},d=(n,i)=>{if(t.toolbox===void 0)return;let a=Array.isArray(t.toolbox)?t.toolbox:[t.toolbox];if(!a.some(t=>(0,e.isValidElement)(t.title)))return;let o=a.map((t,a)=>{let{entry:o,deferred:s}=l(t);if(s&&delete o.icon,!(0,e.isValidElement)(t.title))return o;let c=document.createElement(`span`);c.setAttribute(`data-blok-mutation-free`,`true`);let u=t.title,d=()=>(0,r.jsx)(r.Fragment,{children:u});return d.displayName=`BlokToolboxTitle(${i})`,n.register(`__blok-toolbox-title__:${i}:${a}`,{hostEl:c,component:d,props:{},toolName:i}),_(_({},o),{},{titleEl:c})});return Array.isArray(t.toolbox)?o:o[0]},f={resolved:!1,value:void 0},p=()=>{if(f.resolved)return f.value;let{value:e,complete:t}=u();return t&&(f.value=e,f.resolved=!0),e},m=t.viewComponent===void 0?t.component:e=>{let n=t.viewComponent;if(e.readOnly&&n!==void 0){let{commit:t,readOnly:i}=e,a=H(e,ve);return(0,r.jsx)(n,_({},a))}let i=t.component;return(0,r.jsx)(i,_({},e))},h=(i=class{static get toolbox(){return p()}static __buildPortalToolbox(e,t){return d(e,t)}static get isReadOnlySupported(){return!0}constructor(i){var a,o,s;this.mountSignalled=!1,this.hostEl=null,this.pendingDispatch=!1,this.anchorEl=null,this.toolbarAnchorRef=e=>{this.anchorEl=e},this.commit=e=>{var r;let i=(0,n.fillDefaults)(t.propSchema,_(_({},this.mirror),e));(0,n.deepEqual)(i,this.mirror)||(this.mirror=i,this.lastRendered=i,(r=this.registry)==null||r.setProps(this.blockApi.id,{data:i}),this.flushDispatch())},this.blockApi=i.block;let c=(a=i.config)==null?{}:a;this.registry=c[S];let l=c[C];this.toolName=typeof l==`string`?l:void 0;let u={};for(let[e,t]of Object.entries(c))ye.includes(e)||(u[e]=t);this.toolConfig=Object.freeze(u),this.api=i.api;let d=i.api;this.pointerDrag=()=>{var e;return(d==null||(e=d.blocks)==null?void 0:e.isPointerDragActive)===!0},this.mirror=(0,n.fillDefaults)(t.propSchema,(o=i.data)==null?{}:o),this.lastRendered=this.mirror,this.readOnly=i.readOnly,this.origin=(s=i.origin)==null?`api`:s;let f=this.blockApi,p=this.api;this.childrenComponent=function({childAttributes:t,childContentAttributes:i}){let a=(0,e.useRef)(null),o=(0,e.useRef)((0,n.createChildDecorationLedger)());return(0,e.useEffect)(()=>{if(a.current===null)return;let e=f.getChildren();(0,n.mountChildBlocks)(a.current,e),(0,n.applyChildDecoration)(o.current,e,{childAttributes:t,childContentAttributes:i}),be(p,f.id,e)}),(0,r.jsx)(`div`,{ref:a,[n.DATA_ATTR.nestedBlocks]:``})},this.entryComponent=this.buildEntryComponent()}buildEntryComponent(){let n=t.onMounted,i=t.onCreated;if(n===void 0&&i===void 0)return m;let a=m,o=()=>{if(this.mountSignalled)return;this.mountSignalled=!0;let e={origin:this.origin,api:this.api};n==null||n(this.blockApi,e),xe.has(this.origin)&&(i==null||i(this.blockApi,e))},s=t=>((0,e.useEffect)(o,[]),(0,r.jsx)(a,_({},t)));return s.displayName=`BlokBlockMount(${t.type})`,s}render(){var e;let t=document.createElement(`div`);return t.setAttribute(`data-blok-mutation-free`,`true`),this.hostEl=t,(e=this.registry)==null||e.register(this.blockApi.id,{hostEl:t,component:this.entryComponent,props:this.buildProps(),toolName:this.toolName}),t}rendered(){var e;(e=t.onRendered)==null||e.call(t,this.blockApi)}save(){return this.mirror}async setData(e){var r=this;let i=(0,n.fillDefaults)(t.propSchema,e==null?{}:e);return(0,n.deepEqual)(i,r.lastRendered)?!0:(r.mirror=i,r.lastRendered=i,r.pushProps({data:i}),!0)}setReadOnly(e){this.readOnly=e,this.pushProps({readOnly:e})}getToolbarAnchorElement(){var e;let n=this.anchorEl;if(n!==null&&n.isConnected)return n;let r=this.hostEl;if(r!==null&&t.getToolbarAnchorElement!==void 0)return(e=t.getToolbarAnchorElement(r,this.blockApi))==null?void 0:e}moved(){var e;(e=t.onMoved)==null||e.call(t,this.blockApi)}removed(){var e,n,r;(e=this.registry)==null||e.unregister(this.blockApi.id,(n=this.hostEl)==null?void 0:n),(r=t.onRemoved)==null||r.call(t,this.blockApi)}destroy(){var e,t;(e=this.registry)==null||e.unregister(this.blockApi.id,(t=this.hostEl)==null?void 0:t)}buildProps(){return{data:this.mirror,commit:this.commit,block:this.blockApi,api:this.api,readOnly:this.readOnly,config:this.toolConfig,BlockChildren:this.childrenComponent,toolbarAnchorRef:this.toolbarAnchorRef}}pushProps(e){let t=this.registry;t!==void 0&&(0,a.flushSync)(()=>{t.setProps(this.blockApi.id,e)})}flushDispatch(){if(!this.pointerDrag()){this.pendingDispatch=!1,this.blockApi.dispatchChange();return}if(this.pendingDispatch)return;this.pendingDispatch=!0;let e=()=>{if(this.pointerDrag()){requestAnimationFrame(e);return}this.pendingDispatch=!1,this.blockApi.dispatchChange()};requestAnimationFrame(e)}},i.__isBlokReactBlock=!0,i);for(let[e,n]of Object.entries((o=t.statics)==null?{}:o))Se.includes(e)||Object.defineProperty(h,e,{value:n,writable:!0,enumerable:!0,configurable:!0});return h}var we=[S,C],Te=e=>`__blok-inline-tool__:${e}:${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`,$=(0,e.createContext)(null);function Ee(){let t=(0,e.useContext)($);if(t===null)throw Error(`useInlineTool() must be called from a component rendered by createReactInlineTool`);return t}function De(t){var i;return i=class{static get type(){return t.type}static get title(){return t.title}static get titleKey(){var e;return(e=t.titleKey)==null?t.type:e}static get shortcut(){return t.shortcut}static get mark(){return t.mark}static get sanitize(){return t.sanitize===void 0?t.mark===void 0?void 0:(0,n.markSanitizerConfig)(t.mark):t.sanitize}static get isReadOnlySupported(){var e;return(e=t.isReadOnlySupported)!=null&&e}constructor(e){var n;this.active=!1,this.registered=!1;let r=(n=e==null?void 0:e.config)==null?{}:n;this.api=e==null?void 0:e.api,this.registry=r[S];let i=r[C];this.toolName=typeof i==`string`?i:t.type,this.portalKey=Te(this.toolName);let a={};for(let[e,t]of Object.entries(r))we.includes(e)||(a[e]=t);this.toolConfig=Object.freeze(a),this.portalComponent=this.createPortalComponent()}render(){let e=document.createElement(`div`);return e.setAttribute(`data-blok-mutation-free`,`true`),this.registry!==void 0&&(this.registry.register(this.portalKey,{hostEl:e,component:this.portalComponent,props:{active:this.active,config:this.toolConfig},toolName:this.toolName}),this.registered=!0),{name:this.toolName,title:t.title,icon:e,onActivate:()=>{this.activate()},isActive:()=>this.refreshActiveState()}}destroy(){var e;this.registered&&(this.registered=!1,(e=this.registry)==null||e.unregister(this.portalKey))}activate(){var e;if(typeof t.surround==`function`){let e=window.getSelection();if(!e||e.rangeCount===0)return;t.surround(e.getRangeAt(0),this.api);return}t.mark!==void 0&&((e=this.api)==null?void 0:e.marks)!==void 0&&this.api.marks.toggle(t.mark)}refreshActiveState(){let e=this.computeActiveState();if(e!==this.active&&(this.active=e,this.registered)){var t;(t=this.registry)==null||t.setProps(this.portalKey,{active:e})}return e}computeActiveState(){var e;return typeof t.checkState==`function`?!!t.checkState(window.getSelection(),this.api):t.mark!==void 0&&((e=this.api)==null?void 0:e.marks)!==void 0&&this.api.marks.has(t.mark)}createPortalComponent(){let n=this.api,i=t.mark,a=t.component,o=i!==void 0&&(n==null?void 0:n.marks)!==void 0?{has:()=>n.marks.has(i),toggle:e=>n.marks.toggle(i,e),apply:e=>n.marks.apply(i,e),remove:()=>n.marks.remove(i),read:()=>n.marks.read(i)}:null,s=t=>{let i=(0,e.useMemo)(()=>({active:t.active,config:t.config,api:n,mark:o}),[t.active,t.config]);return(0,r.jsx)($.Provider,{value:i,children:(0,r.jsx)(a,{active:t.active,config:t.config})})};return s.displayName=`BlokInlineTool(${this.toolName})`,s}},i.__isBlokReactInlineTool=!0,i.isInline=!0,i}exports.BLOK_PORTAL_REGISTRY_CONFIG_KEY=S,exports.BLOK_TOOL_NAME_CONFIG_KEY=C,exports.BlockPortalHost=R,exports.BlokContent=K,exports.BlokEditor=X,exports.BlokProvider=y,exports.BlokView=ge,exports.createBlockPortalRegistry=w,exports.createReactBlock=Ce,exports.createReactInlineTool=De,Object.defineProperty(exports,"getDirection",{enumerable:!0,get:function(){return i.getDirection}}),Object.defineProperty(exports,"normalizeLocale",{enumerable:!0,get:function(){return i.normalizeLocale}}),exports.useBlocks=oe,exports.useBlok=F,exports.useBlokDefaults=b,exports.useBlokHandle=Z,exports.useBlokInstance=B,exports.useBlokReady=se,exports.useBlokView=me,exports.useInlineTool=Ee;

package/dist/index.mjs

@@ -11,44 +11,44 @@ var I = /* @__PURE__ */ new WeakMap();
 function ie(e, t) {
 	I.set(e, t);
 }
-function L(e) {
+function ae(e) {
 	return I.get(e);
 }
-function R(e) {
+function L(e) {
 	I.delete(e);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.139.0/helpers/esm/typeof.js
-function z(e) {
+//#region \0@oxc-project+runtime@0.147.0/helpers/esm/typeof.js
+function R(e) {
 	"@babel/helpers - typeof";
-	return z = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+	return R = 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;
-	}, z(e);
+	}, R(e);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.139.0/helpers/esm/toPrimitive.js
-function B(e, t) {
-	if (z(e) != "object" || !e) return e;
+//#region \0@oxc-project+runtime@0.147.0/helpers/esm/toPrimitive.js
+function z(e, t) {
+	if (R(e) != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
 		var r = n.call(e, t || "default");
-		if (z(r) != "object") return r;
+		if (R(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.139.0/helpers/esm/toPropertyKey.js
-function V(e) {
-	var t = B(e, "string");
-	return z(t) == "symbol" ? t : t + "";
+//#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 + "";
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.139.0/helpers/esm/defineProperty.js
-function H(e, t, n) {
-	return (t = V(t)) in e ? Object.defineProperty(e, t, {
+//#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, {
 		value: n,
 		enumerable: !0,
 		configurable: !0,
@@ -56,8 +56,8 @@ function H(e, t, n) {
 	}) : e[t] = n, e;
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.139.0/helpers/esm/objectSpread2.js
-function U(e, t) {
+//#region \0@oxc-project+runtime@0.147.0/helpers/esm/objectSpread2.js
+function H(e, t) {
 	var n = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
 		var r = Object.getOwnPropertySymbols(e);
@@ -67,12 +67,12 @@ function U(e, t) {
 	}
 	return n;
 }
-function W(e) {
+function U(e) {
 	for (var t = 1; t < arguments.length; t++) {
 		var n = arguments[t] == null ? {} : arguments[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) {
+		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) {
 			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
 		});
 	}
@@ -80,24 +80,24 @@ function W(e) {
 }
 //#endregion
 //#region src/provide-blok.tsx
-var G = n({});
-function K({ defaults: e, children: t }) {
-	return /* @__PURE__ */ k(G.Provider, {
+var W = n({});
+function G({ defaults: e, children: t }) {
+	return /* @__PURE__ */ k(W.Provider, {
 		value: e,
 		children: t
 	});
 }
-function ae() {
-	return s(G);
+function K() {
+	return s(W);
 }
 function oe(e, t) {
 	if (Object.keys(e).length === 0) return t;
-	let n = W({}, e);
+	let n = U({}, 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 = W(W({}, e.tools), t.tools)), n;
+	return (e.tools !== void 0 || t.tools !== void 0) && (n.tools = U(U({}, e.tools), t.tools)), n;
 }
 //#endregion
 //#region src/block-portal-registry.ts
@@ -108,7 +108,7 @@ var q = "__blokPortalRegistry", J = "__blokToolName", se = () => {
 	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 : W(W({}, i), {}, { props: W(W({}, i.props), {}, { config: o }) })), r(a);
+			a.set(t, o === void 0 ? i : U(U({}, i), {}, { props: U(U({}, 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, W(W({}, i), {}, { props: W(W({}, i.props), n) })), r(a);
+			a.set(t, U(U({}, i), {}, { props: U(U({}, 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, W(W({}, t), {}, { props: W(W({}, t.props), {}, { config: i }) }));
+			for (let [e, t] of a) o.set(e, U(U({}, t), {}, { props: U(U({}, t.props), {}, { config: i }) }));
 			r(o);
 		},
 		subscribe(e) {
@@ -211,26 +211,26 @@ var Q = (e) => {
 			}
 			return n;
 		};
-		n[r] = W(W({}, i), {}, { config: a(i.config, []) });
+		n[r] = U(U({}, i), {}, { config: a(i.config, []) });
 	}
 	return n;
-}, ge = (e) => {
+}, 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) => {
 	let t = typeof e == "function" ? e : e == null ? void 0 : e.class;
 	return typeof t == "function" && t.__isBlokReactBlock === !0;
-}, _e = (e) => {
+}, ve = (e) => {
 	let t = typeof e == "function" ? e : e == null ? void 0 : e.class;
 	return typeof t == "function" && t.__isBlokReactInlineTool === !0;
-}, ve = (e, t) => {
+}, ye = (e, t) => {
 	if (typeof e != "object" || !e) return e;
 	let n = {};
 	for (let [i, a] of Object.entries(e)) {
 		var r;
-		if (!ge(a) && !_e(a)) {
+		if (!_e(a) && !ve(a)) {
 			n[i] = a;
 			continue;
 		}
-		let e = typeof a == "function" ? { class: a } : W({}, a);
-		e.config = W(W({}, (r = e.config) == null ? {} : r), {}, {
+		let e = typeof a == "function" ? { class: a } : U({}, a);
+		e.config = U(U({}, (r = e.config) == null ? {} : r), {}, {
 			[q]: t,
 			[J]: i
 		});
@@ -239,9 +239,9 @@ var Q = (e) => {
 	}
 	return n;
 };
-function ye(e, t) {
+function be(e, t) {
 	var n, r;
-	let i = oe(s(G), e), [a, o] = f(null), l = d(i);
+	let i = oe(s(W), e), [a, o] = f(null), l = d(i);
 	l.current = i;
 	let p = d({
 		editor: null,
@@ -250,7 +250,7 @@ function ye(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(Promise.resolve()), x = d(void 0), S = d(null), C = d(void 0), T = d(/* @__PURE__ */ new Map()), E = d(/* @__PURE__ */ new Map()), D = d(null), O = d({
+	}), 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({
 		onChange: !1,
 		onSave: !1,
 		onEnter: !1,
@@ -263,10 +263,10 @@ function ye(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), () => {
-			be(t, o);
+			xe(t, o);
 		};
 		if (t.editor !== null && !t.isDestroyed) {
-			R(t.editor), X(t.editor), fe(t.editor);
+			L(t.editor), X(t.editor), fe(t.editor);
 			try {
 				t.editor.destroy();
 			} catch (e) {}
@@ -274,8 +274,8 @@ function ye(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 : ve(a, i);
-		S.current = i, C.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 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 c = {
 			onChange: (...e) => {
 				var t, n;
@@ -302,7 +302,7 @@ function ye(e, t) {
 				(t = (n = l.current).onAfterRender) == null || t.call(n, ...e);
 			}
 		};
-		D.current = c;
+		k.current = c;
 		let u = {
 			onChange: r.onChange !== void 0,
 			onSave: r.onSave !== void 0,
@@ -311,42 +311,42 @@ function ye(e, t) {
 			onBeforeRender: r.onBeforeRender !== void 0,
 			onAfterRender: r.onAfterRender !== void 0
 		};
-		O.current = u;
-		let d = new m(W(W(W(W(W(W(W(W({}, r), s === void 0 ? {} : { tools: s }), {}, {
+		A.current = u;
+		let d = U(U(U(U(U(U(U(U({}, 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 } : {}));
-		return t.editor = d, y.current = r.data, ie(d, n), ce(d, i), ue(d, { markRendered: (e) => {
-			_.current.clear(), g.current = e, x.current = void 0;
-		} }), d.isReady.then(() => {
-			t.editor === d && !t.isDestroyed && (t.isEditorReady = !0, o(d));
+		}, 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;
+		} }), f.isReady.then(() => {
+			t.editor === f && !t.isDestroyed && (t.isEditorReady = !0, o(f));
 		}).catch(() => {
-			if (t.editor === d && !t.isDestroyed) {
-				R(d), X(d), fe(d);
+			if (t.editor === f && !t.isDestroyed) {
+				L(f), X(f), fe(f);
 				try {
-					d.destroy();
+					f.destroy();
 				} catch (e) {}
 				t.editor = null, t.holder = null, t.isDestroyed = !0, t.isEditorReady = !1, o(null);
 			}
 		}), () => {
-			be(t, o);
+			xe(t, o);
 		};
 	}, [h]), c(() => {
-		let e = S.current, t = p.current;
+		let e = T.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 = C.current;
+		let r = E.current;
 		for (let [t, a] of Object.entries(n)) {
 			var i;
-			if (!ge(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 = T.current.get(t);
+			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;
 			let l = Object.freeze(s);
-			T.current.set(t, l), e.setToolConfig(t, l);
+			D.current.set(t, l), e.setToolConfig(t, l);
 		}
 	}), c(() => {
 		let e = p.current;
@@ -354,14 +354,14 @@ function ye(e, t) {
 		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;
-			w(t, E.current.get(r)) || (E.current.set(r, t), (n = e.editor.tools) == null || n.update(r, { toolbox: t }));
+			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 }));
 		}
 	}), c(() => {
-		let e = p.current, t = D.current;
+		let e = p.current, t = k.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 = A.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,75 +379,81 @@ function ye(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 } = ne(i.readOnly);
+	let j = typeof i.readOnly == "object" && i.readOnly !== null, { enabled: M, hideControls: N } = ne(i.readOnly);
 	c(() => {
-		a !== null && (k ? a.readOnly.set(A, { hideControls: j }) : a.readOnly.set(A));
+		a !== null && (j ? a.readOnly.set(M, { hideControls: N }) : a.readOnly.set(M));
 	}, [
 		a,
-		A,
-		j,
-		k
+		M,
+		N,
+		j
 	]);
-	let { hideToolbar: M } = i;
-	c(() => {
-		a === null || M === void 0 || a.toolbar.setHidden(M);
-	}, [a, M]);
-	let { toolbarPosition: N } = i;
+	let { hideToolbar: P } = i;
 	c(() => {
-		a === null || N === void 0 || a.toolbar.setPosition(N);
-	}, [a, N]);
-	let { inlineToolbar: P } = i;
+		a !== null && P !== void 0 && a.toolbar.setHidden(P);
+	}, [a, P]);
+	let { toolbarPosition: F } = i;
 	c(() => {
-		a === null || P === void 0 || a.tools.setInlineToolbar(P);
-	}, [a, P === void 0 ? void 0 : JSON.stringify(P)]);
-	let { autofocus: F } = i;
-	c(() => {
-		a === null || !F || a.focus();
+		a !== null && F !== void 0 && a.toolbar.setPosition(F);
 	}, [a, F]);
-	let { theme: I } = i;
+	let { inlineToolbar: I } = i, ae = I === void 0 ? void 0 : JSON.stringify(I);
 	c(() => {
-		a === null || I === void 0 || a.theme.set(I);
-	}, [a, I]);
-	let { width: L } = i;
+		a !== null && I !== void 0 && a.tools.setInlineToolbar(I);
+	}, [a, ae]);
+	let { autofocus: R } = i;
 	c(() => {
-		a === null || L === void 0 || a.width.set(L);
-	}, [a, L]);
-	let z = (n = i.style) == null ? void 0 : n.tokens, B = d((r = i.style) == null ? void 0 : r.tokens);
+		a === null || !R || a.focus();
+	}, [a, R]);
+	let { theme: z } = i;
 	c(() => {
-		a === null || z === void 0 || w(z, B.current) || (B.current = z, a.tokens.set(z));
+		a !== null && z !== void 0 && a.theme.set(z);
 	}, [a, z]);
-	let { i18n: V } = i, H = d(i.i18n);
+	let { width: B } = i;
+	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(() => {
-		if (a === null || V === void 0 || w(V, H.current)) return;
-		H.current = V;
-		let { locale: e, messages: t, direction: n } = V;
-		a.i18n.update(W(W(W({}, e === void 0 ? {} : { locale: e }), t === void 0 ? {} : { messages: t }), n === void 0 ? {} : { direction: n }));
+		a !== null && V !== void 0 && (w(V, H.current) || (H.current = V, a.tokens.set(V)));
 	}, [a, V]);
-	let { placeholder: U } = i;
+	let { i18n: G } = i, K = d(i.i18n);
 	c(() => {
-		a === null || U === void 0 || a.placeholder.set(U);
-	}, [a, U]);
-	let { data: K } = i;
+		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, G]);
+	let { placeholder: q } = i;
+	c(() => {
+		a !== null && q !== void 0 && a.placeholder.set(q);
+	}, [a, q]);
+	let { data: J } = i;
 	return c(() => {
-		if (a === null || K === void 0) return;
+		if (a === null || J === void 0) return;
 		let e = p.current;
 		if (e.editor !== a || e.isDestroyed) return;
-		if (v.current !== a && (v.current = a, x.current = void 0, _.current.clear(), w(K, y.current))) {
-			g.current = K;
+		if (v.current !== a && (v.current = a, C.current = void 0, _.current.clear(), w(J, y.current))) {
+			g.current = J;
+			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 r = b.current;
+		if (r !== void 0) {
+			S.current || (S.current = !0, console.warn(ge(r.doc)));
 			return;
 		}
-		let t = g.current, n = x.current;
-		t !== void 0 && te(K, t) || n !== void 0 && te(K, n) || _.current.matches(K) || (_.current.clear(), x.current = K, b.current = b.current.catch(() => void 0).then(() => a.render(re(K))).then(() => {
-			g.current = K;
+		_.current.clear(), C.current = J, x.current = x.current.catch(() => void 0).then(() => a.render(re(J))).then(() => {
+			g.current = J;
 		}, () => {}).then(() => {
-			x.current === K && (x.current = void 0);
-		}));
-	}, [a, K]), a;
+			C.current === J && (C.current = void 0);
+		});
+	}, [a, J]), a;
 }
-function be(e, t) {
+function xe(e, t) {
 	e.destroyTimeout = setTimeout(() => {
 		if (e.editor !== null) {
-			R(e.editor), X(e.editor), fe(e.editor);
+			L(e.editor), X(e.editor), fe(e.editor);
 			try {
 				e.editor.destroy();
 			} catch (e) {}
@@ -457,7 +463,7 @@ function be(e, t) {
 }
 //#endregion
 //#region src/BlockPortalHost.tsx
-var xe = class extends e {
+var Se = class extends e {
 	constructor(...e) {
 		super(...e), this.state = { failed: !1 };
 	}
@@ -469,22 +475,22 @@ var xe = class extends e {
 		return this.state.failed ? null : this.props.children;
 	}
 };
-function Se({ registry: e }) {
+function Ce({ registry: e }) {
 	let t = p(e.subscribe, e.getSnapshot, e.getSnapshot);
 	return /* @__PURE__ */ k(O, { children: Array.from(t.entries()).map(([e, t]) => {
 		let n = t.component;
-		return M(/* @__PURE__ */ k(xe, { children: /* @__PURE__ */ k(n, W({}, t.props)) }), t.hostEl, e);
+		return M(/* @__PURE__ */ k(Se, { children: /* @__PURE__ */ k(n, U({}, t.props)) }), t.hostEl, e);
 	}) });
 }
 //#endregion
 //#region src/blok-instance-context.ts
-var Ce = n(null);
-function we() {
-	return s(Ce);
+var we = n(null);
+function Te() {
+	return s(we);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.139.0/helpers/esm/objectWithoutPropertiesLoose.js
-function Te(e, t) {
+//#region \0@oxc-project+runtime@0.147.0/helpers/esm/objectWithoutPropertiesLoose.js
+function Ee(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -494,10 +500,10 @@ function Te(e, t) {
 	return n;
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.139.0/helpers/esm/objectWithoutProperties.js
+//#region \0@oxc-project+runtime@0.147.0/helpers/esm/objectWithoutProperties.js
 function $(e, t) {
 	if (e == null) return {};
-	var n, r, i = Te(e, t);
+	var n, r, i = Ee(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]);
@@ -506,22 +512,22 @@ function $(e, t) {
 }
 //#endregion
 //#region src/BlokContent.tsx
-var Ee = ["editor"];
-function De(e) {
+var De = ["editor"];
+function Oe(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, Oe(r)));
+	r !== "" && ((t = (n = e.blocks).scrollToBlock) == null || t.call(n, ke(r)));
 }
-function Oe(e) {
+function ke(e) {
 	try {
 		return decodeURIComponent(e);
 	} catch (t) {
 		return e;
 	}
 }
-var ke = i(function(e, t) {
-	let { editor: n } = e, r = $(e, Ee), i = d(null), a = (e) => {
+var Ae = i(function(e, t) {
+	let { editor: n } = e, r = $(e, De), i = d(null), a = (e) => {
 		if (i.current = e, typeof t == "function") t(e);
 		else if (t != null) {
 			let n = t;
@@ -530,33 +536,33 @@ var ke = i(function(e, t) {
 	};
 	c(() => {
 		if (n === null || i.current === null) return;
-		let e = L(n);
-		if (e !== void 0) return i.current.appendChild(e), De(n), () => {
+		let e = ae(n);
+		if (e !== void 0) return i.current.appendChild(e), Oe(n), () => {
 			e.remove();
 		};
 	}, [n]);
 	let o = n === null ? void 0 : le(n);
-	return /* @__PURE__ */ k("div", W(W({ ref: a }, r), {}, { children: o === void 0 ? null : /* @__PURE__ */ k(Ce.Provider, {
+	return /* @__PURE__ */ k("div", U(U({ ref: a }, r), {}, { children: o === void 0 ? null : /* @__PURE__ */ k(we.Provider, {
 		value: n,
-		children: /* @__PURE__ */ k(Se, { registry: o })
+		children: /* @__PURE__ */ k(Ce, { registry: o })
 	}) }));
-}), Ae = /* @__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.tunes.style.theme.onThemeChange.scrollToBlock.user.resolveUser.notifierPosition.notifier.width.migrations.uploader.captureClicksBelowEditor".split("."), je = [
+}), 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 = [
 	"deps",
 	"onReady",
 	"locale",
 	"onBlocksRendered",
 	"onBlockRendered"
-], Me = new Set(Ae), Ne = i(function(e, t) {
-	let { deps: n, onReady: r, locale: i, onBlocksRendered: a, onBlockRendered: o } = e, s = $(e, je), u = {}, f = {};
+], 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 = {};
 	for (let e of Object.keys(s)) {
 		let t = s[e];
-		Me.has(e) ? u[e] = t : f[e] = t;
+		Ne.has(e) ? u[e] = t : f[e] = t;
 	}
 	if (i !== void 0) {
 		let e = u.i18n;
-		u.i18n = W(W({}, e), {}, { locale: i });
+		u.i18n = U(U({}, e), {}, { locale: i });
 	}
-	let p = ye(u, n);
+	let p = be(u, n);
 	l(t, () => p, [p]);
 	let m = d(r);
 	m.current = r;
@@ -596,11 +602,11 @@ var ke = i(function(e, t) {
 		p,
 		v,
 		y
-	]), /* @__PURE__ */ k(ke, W({ editor: p }, f));
+	]), /* @__PURE__ */ k(Ae, U({ editor: p }, f));
 });
 //#endregion
 //#region src/useBlokHandle.ts
-function Pe() {
+function Fe() {
 	let e = d(null);
 	return u(() => ({
 		ref: (t) => {
@@ -639,8 +645,8 @@ function Pe() {
 }
 //#endregion
 //#region src/useBlocks.ts
-var Fe = "block changed";
-function Ie(e, t = {}) {
+var Ie = "block changed";
+function Le(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);
@@ -649,13 +655,13 @@ function Ie(e, t = {}) {
 		let n = (n) => {
 			r !== null && !b(e, n, r) || (i.current += 1, t());
 		};
-		return e.on(Fe, n), () => e.off(Fe, n);
+		return e.on(Ie, n), () => e.off(Ie, n);
 	}, [e, r]), c = o(() => i.current, []);
 	return p(s, c, c), u(() => e === null ? _ : x(e), [e]);
 }
 //#endregion
 //#region src/useBlokReady.ts
-function Le(e = {}) {
+function Re(e = {}) {
 	let { within: t, settleOn: n } = e, [r, i] = f(!1);
 	return c(() => {
 		let e = () => {
@@ -671,7 +677,7 @@ function Le(e = {}) {
 }
 //#endregion
 //#region src/view-nodes-to-react.ts
-var Re = /* @__PURE__ */ new Set([
+var ze = /* @__PURE__ */ new Set([
 	"area",
 	"base",
 	"br",
@@ -686,7 +692,7 @@ var Re = /* @__PURE__ */ new Set([
 	"source",
 	"track",
 	"wbr"
-]), ze = /* @__PURE__ */ new Set([
+]), Be = /* @__PURE__ */ new Set([
 	"disabled",
 	"open",
 	"controls",
@@ -702,7 +708,7 @@ var Re = /* @__PURE__ */ new Set([
 	"novalidate",
 	"allowfullscreen",
 	"itemscope"
-]), Be = {
+]), Ve = {
 	class: "className",
 	for: "htmlFor",
 	colspan: "colSpan",
@@ -724,7 +730,7 @@ var Re = /* @__PURE__ */ new Set([
 	minlength: "minLength",
 	usemap: "useMap",
 	itemscope: "itemScope"
-}, Ve = (e) => {
+}, He = (e) => {
 	let t = {};
 	for (let n of e.split(";")) {
 		let e = n.indexOf(":");
@@ -735,12 +741,12 @@ var Re = /* @__PURE__ */ new Set([
 		t[a] = i;
 	}
 	return t;
-}, He = (e, t) => {
+}, Ue = (e, t) => {
 	let n = { key: t };
 	for (let [t, a] of Object.entries(e)) {
 		var r;
 		if (t === "style") {
-			n.style = Ve(a);
+			n.style = He(a);
 			continue;
 		}
 		if (t === "checked") {
@@ -751,21 +757,21 @@ var Re = /* @__PURE__ */ new Set([
 			n.defaultValue = a;
 			continue;
 		}
-		if (ze.has(t)) {
+		if (Be.has(t)) {
 			var i;
-			n[(i = Be[t]) == null ? t : i] = !0;
+			n[(i = Ve[t]) == null ? t : i] = !0;
 			continue;
 		}
-		n[(r = Be[t]) == null ? t : r] = a;
+		n[(r = Ve[t]) == null ? t : r] = a;
 	}
 	return n;
-}, Ue = (e) => e.map((e, t) => {
+}, We = (e) => e.map((e, t) => {
 	if ("text" in e) return e.text;
-	let n = He(e.attrs, t);
-	return Re.has(e.tag) || e.children.length === 0 ? r(e.tag, n) : r(e.tag, n, ...Ue(e.children));
-}), We = (e, n) => {
+	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, ...Ue(P(e, {
+	return u(() => r(t, null, ...We(P(e, {
 		schema: i,
 		renderers: a,
 		onUnknownBlock: o,
@@ -785,7 +791,7 @@ var Re = /* @__PURE__ */ new Set([
 		d,
 		f
 	]);
-}, Ge = [
+}, Ke = [
 	"data",
 	"schema",
 	"renderers",
@@ -795,8 +801,8 @@ var Re = /* @__PURE__ */ new Set([
 	"transformUrl",
 	"inlineRenderers",
 	"classes"
-], Ke = (e) => {
-	let { data: t, schema: n, renderers: r, onUnknownBlock: i, toolAttributes: a, blockIds: o, transformUrl: s, inlineRenderers: c, classes: l } = e, u = $(e, Ge), d = We(t, {
+], 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, {
 		schema: n,
 		renderers: r,
 		onUnknownBlock: i,
@@ -806,25 +812,25 @@ var Re = /* @__PURE__ */ new Set([
 		inlineRenderers: c,
 		classes: l == null || l
 	});
-	return /* @__PURE__ */ k("div", W(W({ "data-blok-interface": "view" }, u), {}, { children: d }));
-}, qe = ["icon", "title"], Je = ["commit", "readOnly"], Ye = [q, J], Xe = (e, t, n) => {
+	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) => {
 	var r;
 	e == null || (r = e.events) == null || r.emit(h, {
 		blockId: t,
 		childIds: n.map((e) => e.id)
 	});
-}, Ze = /* @__PURE__ */ new Set([
+}, Qe = /* @__PURE__ */ new Set([
 	void 0,
 	"user",
 	"api",
 	"convert"
-]), Qe = [
+]), $e = [
 	"toolbox",
 	"isReadOnlySupported",
 	"__isBlokReactBlock",
 	"__buildPortalToolbox"
 ];
-function $e(e) {
+function et(e) {
 	var t, n;
 	let r = (e) => {
 		if (typeof document > "u") return null;
@@ -835,7 +841,7 @@ function $e(e) {
 		let r = t.innerHTML;
 		return n.unmount(), r === "" ? null : r;
 	}, i = (e) => {
-		let { icon: t, title: n } = e, i = W({}, $(e, qe));
+		let { icon: t, title: n } = e, i = U({}, $(e, Je));
 		if (typeof n == "string" && (i.title = n), !a(t)) return t !== void 0 && (i.icon = t), {
 			entry: i,
 			deferred: !1
@@ -873,7 +879,7 @@ function $e(e) {
 				component: u,
 				props: {},
 				toolName: n
-			}), W(W({}, o), {}, { titleEl: c });
+			}), U(U({}, o), {}, { titleEl: c });
 		});
 		return Array.isArray(e.toolbox) ? o : o[0];
 	}, l = {
@@ -886,11 +892,11 @@ function $e(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;
-			return /* @__PURE__ */ k(n, W({}, $(t, Je)));
+			let { commit: e, readOnly: r } = t, i = $(t, Ye);
+			return /* @__PURE__ */ k(n, U({}, i));
 		}
 		let r = e.component;
-		return /* @__PURE__ */ k(r, W({}, t));
+		return /* @__PURE__ */ k(r, U({}, t));
 	}, p = (t = class {
 		static get toolbox() {
 			return u();
@@ -907,7 +913,7 @@ function $e(e) {
 				this.anchorEl = e;
 			}, this.commit = (t) => {
 				var n;
-				let r = T(e.propSchema, W(W({}, this.mirror), t));
+				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());
 			}, this.blockApi = t.block;
 			let a = (n = t.config) == null ? {} : n;
@@ -915,7 +921,7 @@ function $e(e) {
 			let o = a[J];
 			this.toolName = typeof o == "string" ? o : void 0;
 			let s = {};
-			for (let [e, t] of Object.entries(a)) Ye.includes(e) || (s[e] = t);
+			for (let [e, t] of Object.entries(a)) Xe.includes(e) || (s[e] = t);
 			this.toolConfig = Object.freeze(s), this.api = t.api;
 			let l = t.api;
 			this.pointerDrag = () => {
@@ -931,7 +937,7 @@ function $e(e) {
 					D(n.current, i), y(r.current, i, {
 						childAttributes: e,
 						childContentAttributes: t
-					}), Xe(f, u.id, i);
+					}), Ze(f, u.id, i);
 				}), /* @__PURE__ */ k("div", {
 					ref: n,
 					[g.nestedBlocks]: ""
@@ -948,8 +954,8 @@ function $e(e) {
 					origin: this.origin,
 					api: this.api
 				};
-				t == null || t(this.blockApi, e), Ze.has(this.origin) && (n == null || n(this.blockApi, e));
-			}, a = (e) => (c(i, []), /* @__PURE__ */ k(r, W({}, e)));
+				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)));
 			return a.displayName = `BlokBlockMount(${e.type})`, a;
 		}
 		render() {
@@ -982,7 +988,7 @@ function $e(e) {
 			let n = this.anchorEl;
 			if (n !== null && n.isConnected) return n;
 			let r = this.hostEl;
-			if (!(r === null || e.getToolbarAnchorElement === void 0)) return (t = e.getToolbarAnchorElement(r, this.blockApi)) == null ? void 0 : t;
+			if (r !== null && e.getToolbarAnchorElement !== void 0) return (t = e.getToolbarAnchorElement(r, this.blockApi)) == null ? void 0 : t;
 		}
 		moved() {
 			var t;
@@ -1031,7 +1037,7 @@ function $e(e) {
 			requestAnimationFrame(e);
 		}
 	}, t.__isBlokReactBlock = !0, t);
-	for (let [t, r] of Object.entries((n = e.statics) == null ? {} : n)) Qe.includes(t) || Object.defineProperty(p, t, {
+	for (let [t, r] of Object.entries((n = e.statics) == null ? {} : n)) $e.includes(t) || Object.defineProperty(p, t, {
 		value: r,
 		writable: !0,
 		enumerable: !0,
@@ -1041,13 +1047,13 @@ function $e(e) {
 }
 //#endregion
 //#region src/createReactInlineTool.tsx
-var et = [q, J], tt = (e) => `__blok-inline-tool__:${e}:${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`, nt = n(null);
-function rt() {
-	let e = s(nt);
+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);
 	if (e === null) throw Error("useInlineTool() must be called from a component rendered by createReactInlineTool");
 	return e;
 }
-function it(e) {
+function at(e) {
 	var t;
 	return t = class {
 		static get type() {
@@ -1079,9 +1085,9 @@ function it(e) {
 			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 = tt(this.toolName);
+			this.toolName = typeof i == "string" ? i : e.type, this.portalKey = nt(this.toolName);
 			let a = {};
-			for (let [e, t] of Object.entries(r)) et.includes(e) || (a[e] = t);
+			for (let [e, t] of Object.entries(r)) tt.includes(e) || (a[e] = t);
 			this.toolConfig = Object.freeze(a), this.portalComponent = this.createPortalComponent();
 		}
 		render() {
@@ -1144,7 +1150,7 @@ function it(e) {
 					api: t,
 					mark: i
 				}), [e.active, e.config]);
-				return /* @__PURE__ */ k(nt.Provider, {
+				return /* @__PURE__ */ k(rt.Provider, {
 					value: n,
 					children: /* @__PURE__ */ k(r, {
 						active: e.active,
@@ -1157,4 +1163,4 @@ function it(e) {
 	}, t.__isBlokReactInlineTool = !0, t.isInline = !0, t;
 }
 //#endregion
-export { q as BLOK_PORTAL_REGISTRY_CONFIG_KEY, J as BLOK_TOOL_NAME_CONFIG_KEY, Se as BlockPortalHost, ke as BlokContent, Ne as BlokEditor, K as BlokProvider, Ke as BlokView, se as createBlockPortalRegistry, $e as createReactBlock, it as createReactInlineTool, A as getDirection, j as normalizeLocale, Ie as useBlocks, ye as useBlok, ae as useBlokDefaults, Pe as useBlokHandle, we as useBlokInstance, Le as useBlokReady, We as useBlokView, rt as useInlineTool };
+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, 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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloklabs/react",
-  "version": "1.12.0",
+  "version": "1.14.0",
   "description": "React block editor — official React bindings for Blok, the headless Notion-like rich text editor. Hooks and components that render blocks and save to JSON.",
   "license": "Apache-2.0",
   "author": "JackUait",
@@ -54,7 +54,7 @@
     "test": "yarn run -T vitest run"
   },
   "peerDependencies": {
-    "@bloklabs/core": "^1.12.0",
+    "@bloklabs/core": "^1.14.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   }

package/src/config-keys.ts

@@ -38,6 +38,7 @@ export const USE_BLOK_CONFIG_KEYS = [
   'onBeforeRender',
   'onAfterRender',
   'inlineToolbar',
+  'inlineEmoji',
   'tunes',
   'style',
   'theme',
@@ -50,6 +51,10 @@ export const USE_BLOK_CONFIG_KEYS = [
   'width',
   'migrations',
   'uploader',
+  'server',
+  'ticket',
+  'persistence',
+  'collaboration',
   'captureClicksBelowEditor',
 ] as const satisfies readonly (keyof UseBlokConfig)[];
 

package/src/useBlok.ts

@@ -32,6 +32,19 @@ interface EditorInstanceState {
   depsToken: Record<string, unknown> | null;
 }
 
+/**
+ * Warning text for a controlled `data` change the adapter refuses to render
+ * under collaboration. Kept verbatim in all three adapters (they share no code).
+ * @param doc - the collaboration document id, for the reset endpoint in the text
+ * @returns the message to warn with, once per adapter instance
+ */
+const collaborationDataIgnoredMessage = (doc?: string): string =>
+  '[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/${doc ?? '{doc}'}/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).';
+
 /**
  * Inject the editor's portal registry into every `createReactBlock` tool's
  * config (vanilla tools are left untouched), returning a NEW tools object so
@@ -165,7 +178,16 @@ export function useBlok(configInput: UseBlokConfig, deps?: DependencyList): Blok
   // undefined-at-mount then loaded, or changed before the editor finished
   // initializing — still renders instead of being mistaken for the seed.
   const constructedDataRef = useRef(config.data);
+  // The `collaboration` the live editor was CONSTRUCTED with. The key is
+  // mount-fixed, so dropping it from the prop (`collaboration: on ? {...} :
+  // undefined`) cannot turn a live session into a single-player editor —
+  // reading the current prop instead would let that change fall through into
+  // render(), which refuses under collaboration and rejects with nothing
+  // surfaced anywhere.
+  const constructedCollaborationRef = useRef(config.collaboration);
   const renderChainRef = useRef<Promise<void>>(Promise.resolve());
+  // One collaboration warning per hook instance (see the data effect).
+  const collaborationWarnedRef = useRef(false);
   // The content of the render currently queued/in-flight (distinct from
   // `lastRenderedDataRef`, which tracks the last SUCCESSFULLY rendered content).
   // Used to dedupe a re-queue of the same in-flight content without advancing the
@@ -351,6 +373,7 @@ export function useBlok(configInput: UseBlokConfig, deps?: DependencyList): Blok
     // Remember what this editor was seeded with so the reactive-`data` effect can
     // tell a genuine post-construction change from the construction value itself.
     constructedDataRef.current = currentConfig.data;
+    constructedCollaborationRef.current = currentConfig.collaboration;
     setHolder(blok, holder);
     setRegistry(blok, registry);
     // Imperative-content channel: `useBlokHandle().clear()` / `.render()` change
@@ -797,6 +820,23 @@ export function useBlok(configInput: UseBlokConfig, deps?: DependencyList): Blok
       return;
     }
 
+    // Under collaboration the document belongs to the sync service, and render()
+    // refuses a wholesale replace — so don't attempt one. The prop's premise
+    // ("this value IS the document") does not hold here. Decided against the
+    // MOUNTED config, never the current prop: `collaboration` is mount-fixed,
+    // so a host that drops the key is still driving a collaboration session and
+    // deserves the warning rather than a silently rejected render.
+    const mountedCollaboration = constructedCollaborationRef.current;
+
+    if (mountedCollaboration !== undefined) {
+      if (!collaborationWarnedRef.current) {
+        collaborationWarnedRef.current = true;
+        console.warn(collaborationDataIgnoredMessage(mountedCollaboration.doc));
+      }
+
+      return;
+    }
+
     // Genuinely external content takes over: earlier emitted payloads are moot,
     // and keeping them could wrongly no-op a later deliberate revert to one.
     echoWindowRef.current.clear();