@okam/directus-flexible-content 1.2.23 → 1.2.25

package/CHANGELOG.md

@@ -1,3 +1,61 @@
+## 1.2.25 (2026-01-14)
+
+### 🚀 Features
+
+- ⚠️  React 19 + Next.js 15 upgrade for all @okam/* packages ([#369](https://github.com/OKAMca/stack/pull/369))
+- bump ([ab924b9](https://github.com/OKAMca/stack/commit/ab924b9))
+
+### 🩹 Fixes
+
+- **directus-flexible-content:** core-lib in external deps ([e44cb2b](https://github.com/OKAMca/stack/commit/e44cb2b))
+- update vite-plugin-dts to version 3 ([5d33c77](https://github.com/OKAMca/stack/commit/5d33c77))
+- package deps error ([b665a45](https://github.com/OKAMca/stack/commit/b665a45))
+- search field type export ([5ab6070](https://github.com/OKAMca/stack/commit/5ab6070))
+- search field icon ([0850fde](https://github.com/OKAMca/stack/commit/0850fde))
+- select controlled ([#280](https://github.com/OKAMca/stack/pull/280))
+
+### ⚠️  Breaking Changes
+
+- Consumers must now have react and react-dom in their own
+
+### 🧱 Updated Dependencies
+
+- Updated stack-ui to 1.44.0
+- Updated directus-block to 1.6.3
+
+### ❤️ Thank You
+
+- Marie-Maxime Tanguay @marie-maxime
+- Pierre-Olivier Clerson @poclerson
+- poclerson
+
+## 1.2.24 (2026-01-13)
+
+### 🚀 Features
+
+- React 19 + Next.js 15 support ([#369](https://github.com/OKAMca/stack/pull/369))
+- bump ([ab924b9](https://github.com/OKAMca/stack/commit/ab924b9))
+
+### 🩹 Fixes
+
+- **directus-flexible-content:** core-lib in external deps ([e44cb2b](https://github.com/OKAMca/stack/commit/e44cb2b))
+- update vite-plugin-dts to version 3 ([5d33c77](https://github.com/OKAMca/stack/commit/5d33c77))
+- package deps error ([b665a45](https://github.com/OKAMca/stack/commit/b665a45))
+- search field type export ([5ab6070](https://github.com/OKAMca/stack/commit/5ab6070))
+- search field icon ([0850fde](https://github.com/OKAMca/stack/commit/0850fde))
+- select controlled ([#280](https://github.com/OKAMca/stack/pull/280))
+
+### 🧱 Updated Dependencies
+
+- Updated stack-ui to 1.43.0
+- Updated directus-block to 1.6.2
+
+### ❤️ Thank You
+
+- Marie-Maxime Tanguay @marie-maxime
+- Pierre-Olivier Clerson @poclerson
+- poclerson
+
 ## 1.2.23 (2025-11-27)
 
 ### 🚀 Features

package/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),O=require("@tanstack/react-query"),_=require("radashi"),C=require("graphql-request"),E=require("@okam/stack-ui"),G=require("react"),B=require("@tiptap/core"),K=require("@tiptap/extension-blockquote"),V=require("@tiptap/extension-bold"),X=require("@tiptap/extension-bullet-list"),J=require("@tiptap/extension-code"),W=require("@tiptap/extension-code-block"),$=require("@tiptap/extension-document"),Y=require("@tiptap/extension-hard-break"),Z=require("@tiptap/extension-heading"),ee=require("@tiptap/extension-horizontal-rule"),te=require("@tiptap/extension-italic"),ne=require("@tiptap/extension-link"),re=require("@tiptap/extension-list-item"),oe=require("@tiptap/extension-ordered-list"),ie=require("@tiptap/extension-paragraph"),se=require("@tiptap/extension-strike"),ce=require("@tiptap/extension-subscript"),ae=require("@tiptap/extension-superscript"),le=require("@tiptap/extension-table"),ue=require("@tiptap/extension-table-cell"),de=require("@tiptap/extension-table-header"),me=require("@tiptap/extension-table-row"),fe=require("@tiptap/extension-text"),pe=require("@tiptap/extension-text-align");function H(e,n){return n}class q{constructor(n,r,t){this.nameSpace="[STACK]",this.suppressConsole=!1,this.env=process.env.NODE_ENV,this.nameSpace=n??this.nameSpace,this.suppressConsole=t??this.suppressConsole,this.logger=r??this.internalLogger}internalLogger(n,r,t){this.env!=="production"&&console[r||"log"](`${this.nameSpace} ${n}`.trimStart(),t??"")}setLogger(n){this.logger=(r,t,i)=>{this.suppressConsole&&this.internalLogger(r,t,i),n(r,t,i)}}static getInstance(){return q.instance||(q.instance=new q),q.instance}log(n,r,t){this.logger(n,r,t)}}q.getInstance();const ge=(e,n,r=!1)=>{const t=new q(e,n,r);return t.log("Logger initialized","info"),t},ke=ge("[DirectusQuery]"),ye=process.env.NEXT_PUBLIC_GRAPHQL_URL,be=process.env.NEXT_SERVER_GRAPHQL_URL,Ne=process.env.NEXT_GRAPHQL_URL_ADMIN,qe=process.env.NEXT_PUBLIC_API_TOKEN??"",Te=process.env.NEXT_PUBLIC_API_TOKEN,he=new C.GraphQLClient(be||ye,{credentials:"include",mode:"cors",fetch,headers:{Authorization:`Bearer ${qe}`}});new C.GraphQLClient(Ne,{credentials:"include",mode:"cors",fetch,headers:{Authorization:`Bearer ${Te}`}});new O.QueryClient({queryCache:new O.QueryCache({onError:e=>{ke.log("QueryClient Error","error",{error:e})}}),defaultOptions:{queries:{staleTime:5*1e3}}});function M(e,n,r=he){return r.request(e,{...n})}process.env.NEXT_PUBLIC_GRAPHQL_URL;process.env.NEXT_PUBLIC_API_TOKEN;function A(e){return!!e}function Be(e){const{id:n,settings:r,...t}=e??{};return _.isEmpty(t)}async function Se(e){const{document:n,blockKey:r,variables:t}=e;if(!n||!A(t))return null;const i=await M(n,t);return!i||typeof i!="object"||!r?null:i[r]}async function _e(e){const{document:n,item:r,blockKey:t,variables:i}=e;if(r){if(!Be(r))return r;const s={id:r.id,...i};return A(s)?Se({...e,variables:s}):null}if(!n||!A(i))return null;const o=await M(n,i);return!o||typeof o!="object"||!t?null:o[t]}function ve(e,...n){return n.reduce((t,i)=>i?{components:{...t.components,...i.components}}:t,e)}const z={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"BlockSettings"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"block_settings"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"tokens"}},{kind:"Field",name:{kind:"Name",value:"variant"}}]}}]},Le=e=>{var N,k,h;const{item:n,collection:r,config:t,variables:i,defaultVariant:o,...c}=e;if(!r||!t)return null;const s=(N=t==null?void 0:t.components)==null?void 0:N[r];if(!s)return null;const{settings:l}=n??{},u=(n==null?void 0:n.id)??(i==null?void 0:i.id);if(!u)return null;const{variant:f}=H(z,l)??{},d=((k=s.getVariant)==null?void 0:k.call(s,e))??f??o,{default:g,document:m}=s,b=((h=s.variants)==null?void 0:h[d??""])??g;return b?p.jsx(b,{document:m,config:t,collection:r,item:n,...u?{variables:{...i,id:u}}:{variables:i},...c},u):null};async function xe(e,n,r){const t=_.get(e,"item"),i=_.get(e,"document"),o=_.get(e,"variables"),c=await _e({item:t,blockKey:n,document:i,variables:o}),{tokens:s}=H(z,c==null?void 0:c.settings)??{};return{...c,cmsTokens:s}}const Ee=async e=>{const n="block_wysiwyg_by_id",{themeName:r="wysiwyg",tokens:t}=e,{content:i,title:o,level:c,cmsTokens:s}=await xe(e,n);return!i&&!(o&&c)?null:p.jsxs(p.Fragment,{children:[o&&c&&p.jsx(E.Box,{as:"span",themeName:r,tokens:{...t,...s},children:G.createElement(c,{},o)}),i&&p.jsx(E.WysiwygBlock,{themeName:r,tokens:{...t,...s},content:i})]})},Ae={block_wysiwyg:{default:e=>p.jsx(Ee,{...e})}},Ie={components:{...Ae}},P=e=>{const{children:n,config:r,...t}=e,i=ve(Ie,r),o=s=>n?n({...t,...s,config:i}):p.jsx(Le,{...t,...s,config:i});if("blocks"in e){const{blocks:s}=e;return s.map(o)}const{block:c}=e;return o(c)},Re=(e,n,r="id",t="item")=>{const i=o=>{var c,s,l,u,f,d;if(!e&&o)return o;if(!o||!e)return null;if(o.type==="relation-mark"&&((c=o.attrs)!=null&&c.id)||o.type==="relation-block"&&((s=o.attrs)!=null&&s.id)||o.type==="relation-inline-block"&&((l=o.attrs)!=null&&l.id)){const g=(u=e.find(m=>{var y;return(m==null?void 0:m[r])===((y=o.attrs)==null?void 0:y.id)}))==null?void 0:u[t];o.attrs.data=g}return(f=o.content)==null||f.map(i),(d=o.marks)==null||d.map(i),o};return i(n)},we=(e,n)=>{const r=n.map(o=>(o.type==="mark"?B.Mark:B.Node).create({name:o.name,renderHTML({HTMLAttributes:s}){return o.render?[...o.render(s),0]:[o.component??(o.type==="mark"?"span":"div"),s,0]}})),t=r.map(({name:o})=>o);return[...e.filter(o=>t.indexOf(o.name)<0),...r]},D=(e,n,r)=>{const t=r.find(i=>i.type===n&&i.name===e);if(t)return{...t.config,options:t.options}},Oe=(e,n)=>{var t;const r=(t=n.addAttributes)==null?void 0:t.call(n);return!r||!e?e:Object.fromEntries(Object.entries(e).filter(([i])=>{var o;return((o=r[i])==null?void 0:o.rendered)!==!1}))},v=(e,n,r="node")=>{const t=D(e.type,r,n);if(!(t!=null&&t.renderHTML))return[];const i=Oe(e.attrs,t);return t.render?t.render(e):t.renderHTML({node:e,HTMLAttributes:i})},F=(e,n,r)=>{if(e!=null&&e.content&&(e.content=e.content.map(c=>F(c,n,r))),e.type==="text"){if(e.marks){let c;return e.marks.reverse().forEach(s=>{var u;const l=v({...s,attrs:{...s.attrs,data:{...(u=s==null?void 0:s.attrs)==null?void 0:u.data,markText:e.text}}},n,"mark");if(Array.isArray(l)){const[f="span",d=s.attrs]=l,g={...d,data:void 0};c=r(f,g,c||e.text)}else c={...l,text:e.text}}),c}return e.text??""}const t=D(e.type,"node",n);if(t!=null&&t.render)return v(e,n);const[i="div",o=e.attrs]=v(e,n);return r(i,o,e.content)},Pe=(e,n,r)=>F(e,n,r),L={colspan:"colSpan",rowspan:"rowSpan",textAlign:"textalign"},Ce=(e,n)=>({...Object.fromEntries(Object.entries(n).map(([r,t])=>[(e==null?void 0:e[r])??(L==null?void 0:L[r])??r,t]))}),x={},Q=e=>{const{content:n,serializers:r=[],componentSerializers:t=[],renderingNodes:i,remappedAttributes:o,themeName:c,tokens:s,customTheme:l}=e,u=JSON.parse(JSON.stringify(n)),f=we(r,t);return Pe(u,f,(d,g,m)=>{const y={...g,style:void 0},b=Ce(o,y),N=(i==null?void 0:i[d])??(x==null?void 0:x[d]);return N?N({children:m,attrs:b,themeName:c,tokens:s,customTheme:l}):p.jsx(E.Box,{as:d,...b,themeName:c,tokens:s,customTheme:l,children:m},JSON.stringify(m))})},He=[$,fe,ie,Y,Z,W,X,oe,re,K,ee,ne,V,te,se,J,le.Table,de.TableHeader,me.TableRow,ue.TableCell,pe,ce,ae],Me=e=>{const{jsonContent:n,editorNodes:r,serializers:t,nodes:i,config:o,relationMarksConfig:c,themeName:s,tokens:l,customTheme:u,remappedAttributes:f}=e,d=Re(r,n),g=t??[...He]??[],m=(k,h)=>{var I,R,w;const{attrs:a}=k,U=`${(I=a==null?void 0:a.collection)==null?void 0:I.replace("related_","")}_id`;if(a!=null&&a.data){if(!((R=a==null?void 0:a.data)!=null&&R.blocks)){const T={collection:a.collection,item:{...a==null?void 0:a.data}};return p.jsx(P,{block:T,config:h},JSON.stringify(T))}const S=(w=a==null?void 0:a.data)==null?void 0:w.blocks,j=S==null?void 0:S.map(T=>({item:T==null?void 0:T[U],collection:a==null?void 0:a.collection}));return p.jsx(P,{blocks:j,config:h},JSON.stringify(S))}return null},y=B.Node.create({name:"relation-block",renderHTML:()=>["relation-block"],render:k=>m(k,o)}),b=B.Node.create({name:"relation-inline-block",renderHTML:()=>["relation-inline-block"],render:k=>m(k,o)}),N=B.Mark.create({name:"relation-mark",type:"relation-mark",renderHTML:()=>["relation-mark"],render:k=>m(k,c)});return g.push(y,b,N),d?p.jsx(Q,{content:d,serializers:g,renderingNodes:i,themeName:s,tokens:l,customTheme:u,remappedAttributes:f}):null};exports.FlexibleEditorContent=Me;exports.RenderNodes=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),H=require("@tanstack/react-query"),v=require("radashi"),R=require("graphql-request"),A=require("@okam/stack-ui"),K=require("react"),B=require("@tiptap/core"),V=require("@tiptap/extension-blockquote"),X=require("@tiptap/extension-bold"),J=require("@tiptap/extension-bullet-list"),W=require("@tiptap/extension-code"),$=require("@tiptap/extension-code-block"),Y=require("@tiptap/extension-document"),Z=require("@tiptap/extension-hard-break"),ee=require("@tiptap/extension-heading"),te=require("@tiptap/extension-horizontal-rule"),ne=require("@tiptap/extension-italic"),re=require("@tiptap/extension-link"),oe=require("@tiptap/extension-list-item"),ie=require("@tiptap/extension-ordered-list"),se=require("@tiptap/extension-paragraph"),ce=require("@tiptap/extension-strike"),ae=require("@tiptap/extension-subscript"),le=require("@tiptap/extension-superscript"),ue=require("@tiptap/extension-table"),de=require("@tiptap/extension-table-cell"),me=require("@tiptap/extension-table-header"),fe=require("@tiptap/extension-table-row"),pe=require("@tiptap/extension-text"),ge=require("@tiptap/extension-text-align");function M(e,n){return n}class q{constructor(n,r,t){this.nameSpace="[STACK]",this.suppressConsole=!1,this.env=process.env.NODE_ENV,this.nameSpace=n??this.nameSpace,this.suppressConsole=t??this.suppressConsole,this.logger=r??this.internalLogger}internalLogger(n,r,t){this.env!=="production"&&console[r||"log"](`${this.nameSpace} ${n}`.trimStart(),t??"")}setLogger(n){this.logger=(r,t,i)=>{this.suppressConsole&&this.internalLogger(r,t,i),n(r,t,i)}}static getInstance(){return q.instance||(q.instance=new q),q.instance}log(n,r,t){this.logger(n,r,t)}}q.getInstance();const ke=(e,n,r=!1)=>{const t=new q(e,n,r);return t.log("Logger initialized","info"),t},ye=ke("[DirectusQuery]"),be=process.env.NEXT_PUBLIC_GRAPHQL_URL,Ne=process.env.NEXT_SERVER_GRAPHQL_URL,qe=process.env.NEXT_GRAPHQL_URL_ADMIN,Te=process.env.NEXT_PUBLIC_API_TOKEN??"",he=process.env.NEXT_PUBLIC_API_TOKEN,_=new R.GraphQLClient(Ne||be,{credentials:"include",mode:"cors",fetch,headers:{Authorization:`Bearer ${Te}`}});new R.GraphQLClient(qe,{credentials:"include",mode:"cors",fetch,headers:{Authorization:`Bearer ${he}`}});new H.QueryClient({queryCache:new H.QueryCache({onError:e=>{ye.log("QueryClient Error","error",{error:e})}}),defaultOptions:{queries:{staleTime:5*1e3}}});function Q(e,n,r=_){return r.request(e,{...n})}process.env.NEXT_PUBLIC_GRAPHQL_URL;process.env.NEXT_PUBLIC_API_TOKEN;const z={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"BlockSettings"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"block_settings"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"tokens"}},{kind:"Field",name:{kind:"Name",value:"variant"}}]}}]};function I(e){return!!e}function Be(e){const{id:n,settings:r,...t}=e??{};return v.isEmpty(t)}async function Se(e,n=_){const{document:r,blockKey:t,variables:i}=e;if(!r||!I(i))return null;const o=await Q(r,i,n);return!o||typeof o!="object"||!t?null:o[t]}async function ve(e,n=_){const{document:r,item:t,blockKey:i,variables:o}=e;if(t){if(!Be(t))return t;const a={id:t.id,...o};return I(a)?Se({...e,variables:a}):null}if(!r||!I(o))return null;const c=await Q(r,o,n);return!c||typeof c!="object"||!i?null:c[i]}function _e(e){return e instanceof R.GraphQLClient}async function Le(e,n,r=_){const t=v.get(e,"item"),i=_e(r),o=v.get(e,"document"),c=v.get(e,"variables"),s=await ve({item:t,blockKey:n,document:o??(i?void 0:r),variables:c},i?r:void 0),{tokens:a}=M(z,s==null?void 0:s.settings)??{};return{...s,cmsTokens:a}}function xe(e,...n){return n.reduce((t,i)=>i?{components:{...t.components,...i.components}}:t,e)}const Ee=e=>{var N,m,h;const{item:n,collection:r,config:t,variables:i,defaultVariant:o,...c}=e;if(!r||!t)return null;const s=(N=t==null?void 0:t.components)==null?void 0:N[r];if(!s)return null;const{settings:a}=n??{},u=(n==null?void 0:n.id)??(i==null?void 0:i.id);if(!u)return null;const{variant:p}=M(z,a)??{},f=((m=s.getVariant)==null?void 0:m.call(s,e))??p??o,{default:k,document:d}=s,b=((h=s.variants)==null?void 0:h[f??""])??k;return b?g.jsx(b,{document:d,config:t,collection:r,item:n,...u?{variables:{...i,id:u}}:{variables:i},...c},u):null},Ae=async e=>{const n="block_wysiwygs_by_id",{themeName:r="wysiwyg",tokens:t}=e,{content:i,title:o,level:c,cmsTokens:s}=await Le(e,n);return!i&&!(o&&c)?null:g.jsxs(g.Fragment,{children:[o&&c&&g.jsx(A.Box,{as:"span",themeName:r,tokens:{...t,...s},children:K.createElement(c,{},o)}),i&&g.jsx(A.WysiwygBlock,{themeName:r,tokens:{...t,...s},content:i})]})},Ie={block_wysiwygs:{default:e=>g.jsx(Ae,{...e})}},Re={components:{...Ie}},O=e=>{const{children:n,config:r,...t}=e,i=xe(Re,r),o=s=>n?n({...t,...s,config:i}):g.jsx(Ee,{...t,...s,config:i});if("blocks"in e){const{blocks:s}=e;return s.map(o)}const{block:c}=e;return o(c)},we=(e,n,r="id",t="item")=>{const i=o=>{var c,s,a,u,p,f;if(!e&&o)return o;if(!o||!e)return null;if(o.type==="relation-mark"&&((c=o.attrs)!=null&&c.id)||o.type==="relation-block"&&((s=o.attrs)!=null&&s.id)||o.type==="relation-inline-block"&&((a=o.attrs)!=null&&a.id)){const k=(u=e.find(d=>{var y;return(d==null?void 0:d[r])===((y=o.attrs)==null?void 0:y.id)}))==null?void 0:u[t];o.attrs.data=k}return(p=o.content)==null||p.map(i),(f=o.marks)==null||f.map(i),o};return i(n)},Pe=(e,n)=>{const r=n.map(o=>(o.type==="mark"?B.Mark:B.Node).create({name:o.name,renderHTML({HTMLAttributes:s}){return o.render?[...o.render(s),0]:[o.component??(o.type==="mark"?"span":"div"),s,0]}})),t=r.map(({name:o})=>o);return[...e.filter(o=>t.indexOf(o.name)<0),...r]},D=(e,n,r)=>{const t=r.find(i=>i.type===n&&i.name===e);if(t)return{...t.config,options:t.options}},Ce=(e,n)=>{var t;const r=(t=n.addAttributes)==null?void 0:t.call(n);return!r||!e?e:Object.fromEntries(Object.entries(e).filter(([i])=>{var o;return((o=r[i])==null?void 0:o.rendered)!==!1}))},L=(e,n,r="node")=>{const t=D(e.type,r,n);if(!(t!=null&&t.renderHTML))return[];const i=Ce(e.attrs,t);return t.render?t.render(e):t.renderHTML({node:e,HTMLAttributes:i})},F=(e,n,r)=>{if(e!=null&&e.content&&(e.content=e.content.map(c=>F(c,n,r))),e.type==="text"){if(e.marks){let c;return e.marks.reverse().forEach(s=>{var u;const a=L({...s,attrs:{...s.attrs,data:{...(u=s==null?void 0:s.attrs)==null?void 0:u.data,markText:e.text}}},n,"mark");if(Array.isArray(a)){const[p="span",f=s.attrs]=a,k={...f,data:void 0};c=r(p,k,c||e.text)}else c={...a,text:e.text}}),c}return e.text??""}const t=D(e.type,"node",n);if(t!=null&&t.render)return L(e,n);const[i="div",o=e.attrs]=L(e,n);return r(i,o,e.content)},He=(e,n,r)=>F(e,n,r),x={colspan:"colSpan",rowspan:"rowSpan",textAlign:"textalign"},Oe=(e,n)=>({...Object.fromEntries(Object.entries(n).map(([r,t])=>[(e==null?void 0:e[r])??(x==null?void 0:x[r])??r,t]))}),E={},U=e=>{const{content:n,serializers:r=[],componentSerializers:t=[],renderingNodes:i,remappedAttributes:o,themeName:c,tokens:s,customTheme:a}=e,u=JSON.parse(JSON.stringify(n)),p=Pe(r,t);return He(u,p,(f,k,d)=>{const y={...k,style:void 0},b=Oe(o,y),N=f,m=(i==null?void 0:i[N])??(E==null?void 0:E[N]);return m?m({children:d,attrs:b,themeName:c,tokens:s,customTheme:a}):g.jsx(A.Box,{as:f,...b,themeName:c,tokens:s,customTheme:a,children:d},JSON.stringify(d))})},Me=[Y,pe,se,Z,ee,$,J,ie,oe,V,te,re,X,ne,ce,W,ue.Table,me.TableHeader,fe.TableRow,de.TableCell,ge,ae,le],Qe=e=>{const{jsonContent:n,editorNodes:r,serializers:t,nodes:i,config:o,relationMarksConfig:c,themeName:s,tokens:a,customTheme:u,remappedAttributes:p}=e,f=we(r,n),k=t??[...Me]??[],d=(m,h)=>{var w,P,C;const{attrs:l}=m,G=`${(w=l==null?void 0:l.collection)==null?void 0:w.replace("related_","")}_id`;if(l!=null&&l.data){if(!((P=l==null?void 0:l.data)!=null&&P.blocks)){const T={collection:l.collection,item:{...l==null?void 0:l.data}};return g.jsx(O,{block:T,config:h},JSON.stringify(T))}const S=(C=l==null?void 0:l.data)==null?void 0:C.blocks,j=S==null?void 0:S.map(T=>({item:T==null?void 0:T[G],collection:l==null?void 0:l.collection}));return g.jsx(O,{blocks:j,config:h},JSON.stringify(S))}return null},y=B.Node.create({name:"relation-block",renderHTML:()=>["relation-block"],render:m=>d(m,o)}),b=B.Node.create({name:"relation-inline-block",renderHTML:()=>["relation-inline-block"],render:m=>d(m,o)}),N=B.Mark.create({name:"relation-mark",type:"relation-mark",renderHTML:()=>["relation-mark"],render:m=>d(m,c)});return k.push(y,b,N),f?g.jsx(U,{content:f,serializers:k,renderingNodes:i,themeName:s,tokens:a,customTheme:u,remappedAttributes:p}):null};exports.FlexibleEditorContent=Qe;exports.RenderNodes=U;

package/index.mjs

@@ -1,79 +1,79 @@
-import { jsx as g, jsxs as G, Fragment as K } from "react/jsx-runtime";
-import { QueryClient as V, QueryCache as X } from "@tanstack/react-query";
-import { isEmpty as J, get as _ } from "radashi";
-import { GraphQLClient as H } from "graphql-request";
-import { Box as C, WysiwygBlock as W } from "@okam/stack-ui";
-import $ from "react";
-import { Mark as x, Node as A } from "@tiptap/core";
-import j from "@tiptap/extension-blockquote";
-import Y from "@tiptap/extension-bold";
-import Z from "@tiptap/extension-bullet-list";
-import ee from "@tiptap/extension-code";
-import te from "@tiptap/extension-code-block";
+import { jsx as k, jsxs as G, Fragment as V } from "react/jsx-runtime";
+import { QueryClient as X, QueryCache as J } from "@tanstack/react-query";
+import { isEmpty as W, get as v } from "radashi";
+import { GraphQLClient as P } from "graphql-request";
+import { Box as x, WysiwygBlock as $ } from "@okam/stack-ui";
+import j from "react";
+import { Mark as q, Node as I } from "@tiptap/core";
+import Y from "@tiptap/extension-blockquote";
+import Z from "@tiptap/extension-bold";
+import ee from "@tiptap/extension-bullet-list";
+import te from "@tiptap/extension-code";
+import ne from "@tiptap/extension-code-block";
 import re from "@tiptap/extension-document";
-import ne from "@tiptap/extension-hard-break";
-import oe from "@tiptap/extension-heading";
-import ie from "@tiptap/extension-horizontal-rule";
-import se from "@tiptap/extension-italic";
-import ce from "@tiptap/extension-link";
-import ae from "@tiptap/extension-list-item";
-import le from "@tiptap/extension-ordered-list";
-import me from "@tiptap/extension-paragraph";
-import ue from "@tiptap/extension-strike";
-import fe from "@tiptap/extension-subscript";
+import oe from "@tiptap/extension-hard-break";
+import ie from "@tiptap/extension-heading";
+import se from "@tiptap/extension-horizontal-rule";
+import ce from "@tiptap/extension-italic";
+import ae from "@tiptap/extension-link";
+import le from "@tiptap/extension-list-item";
+import me from "@tiptap/extension-ordered-list";
+import ue from "@tiptap/extension-paragraph";
+import fe from "@tiptap/extension-strike";
+import pe from "@tiptap/extension-subscript";
 import de from "@tiptap/extension-superscript";
-import { Table as pe } from "@tiptap/extension-table";
+import { Table as ge } from "@tiptap/extension-table";
 import { TableCell as ke } from "@tiptap/extension-table-cell";
-import { TableHeader as ge } from "@tiptap/extension-table-header";
-import { TableRow as ye } from "@tiptap/extension-table-row";
-import Ne from "@tiptap/extension-text";
-import be from "@tiptap/extension-text-align";
-function q(e, r) {
-  return r;
+import { TableHeader as ye } from "@tiptap/extension-table-header";
+import { TableRow as Ne } from "@tiptap/extension-table-row";
+import be from "@tiptap/extension-text";
+import Te from "@tiptap/extension-text-align";
+function z(e, n) {
+  return n;
 }
 class T {
-  constructor(r, n, t) {
-    this.nameSpace = "[STACK]", this.suppressConsole = !1, this.env = process.env.NODE_ENV, this.nameSpace = r ?? this.nameSpace, this.suppressConsole = t ?? this.suppressConsole, this.logger = n ?? this.internalLogger;
+  constructor(n, r, t) {
+    this.nameSpace = "[STACK]", this.suppressConsole = !1, this.env = process.env.NODE_ENV, this.nameSpace = n ?? this.nameSpace, this.suppressConsole = t ?? this.suppressConsole, this.logger = r ?? this.internalLogger;
   }
-  internalLogger(r, n, t) {
-    this.env !== "production" && console[n || "log"](`${this.nameSpace} ${r}`.trimStart(), t ?? "");
+  internalLogger(n, r, t) {
+    this.env !== "production" && console[r || "log"](`${this.nameSpace} ${n}`.trimStart(), t ?? "");
   }
-  setLogger(r) {
-    this.logger = (n, t, i) => {
-      this.suppressConsole && this.internalLogger(n, t, i), r(n, t, i);
+  setLogger(n) {
+    this.logger = (r, t, i) => {
+      this.suppressConsole && this.internalLogger(r, t, i), n(r, t, i);
     };
   }
   static getInstance() {
     return T.instance || (T.instance = new T()), T.instance;
   }
-  log(r, n, t) {
-    this.logger(r, n, t);
+  log(n, r, t) {
+    this.logger(n, r, t);
   }
 }
 T.getInstance();
-const Te = (e, r, n = !1) => {
-  const t = new T(e, r, n);
+const he = (e, n, r = !1) => {
+  const t = new T(e, n, r);
   return t.log("Logger initialized", "info"), t;
-}, he = Te("[DirectusQuery]"), Be = process.env.NEXT_PUBLIC_GRAPHQL_URL, Se = process.env.NEXT_SERVER_GRAPHQL_URL, _e = process.env.NEXT_GRAPHQL_URL_ADMIN, ve = process.env.NEXT_PUBLIC_API_TOKEN ?? "", Le = process.env.NEXT_PUBLIC_API_TOKEN, Ee = new H(Se || Be, {
+}, Be = he("[DirectusQuery]"), Se = process.env.NEXT_PUBLIC_GRAPHQL_URL, _e = process.env.NEXT_SERVER_GRAPHQL_URL, ve = process.env.NEXT_GRAPHQL_URL_ADMIN, Le = process.env.NEXT_PUBLIC_API_TOKEN ?? "", Ee = process.env.NEXT_PUBLIC_API_TOKEN, _ = new P(_e || Se, {
   credentials: "include",
   mode: "cors",
   fetch,
   headers: {
-    Authorization: `Bearer ${ve}`
+    Authorization: `Bearer ${Le}`
   }
 });
-new H(_e, {
+new P(ve, {
   credentials: "include",
   mode: "cors",
   fetch,
   headers: {
-    Authorization: `Bearer ${Le}`
+    Authorization: `Bearer ${Ee}`
   }
 });
-new V({
-  queryCache: new X({
+new X({
+  queryCache: new J({
     onError: (e) => {
-      he.log("QueryClient Error", "error", { error: e });
+      Be.log("QueryClient Error", "error", { error: e });
     }
   }),
   defaultOptions: {
@@ -82,286 +82,292 @@ new V({
     }
   }
 });
-function z(e, r, n = Ee) {
-  return n.request(e, {
-    ...r
+function D(e, n, r = _) {
+  return r.request(e, {
+    ...n
   });
 }
 process.env.NEXT_PUBLIC_GRAPHQL_URL;
 process.env.NEXT_PUBLIC_API_TOKEN;
-function I(e) {
+const F = { kind: "Document", definitions: [{ kind: "FragmentDefinition", name: { kind: "Name", value: "BlockSettings" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "block_settings" } }, selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "tokens" } }, { kind: "Field", name: { kind: "Name", value: "variant" } }] } }] };
+function w(e) {
   return !!e;
 }
 function Ae(e) {
-  const { id: r, settings: n, ...t } = e ?? {};
-  return J(t);
+  const { id: n, settings: r, ...t } = e ?? {};
+  return W(t);
 }
-async function Ie(e) {
-  const { document: r, blockKey: n, variables: t } = e;
-  if (!r || !I(t)) return null;
-  const i = await z(r, t);
-  return !i || typeof i != "object" || !n ? null : i[n];
+async function Ie(e, n = _) {
+  const { document: r, blockKey: t, variables: i } = e;
+  if (!r || !w(i)) return null;
+  const o = await D(r, i, n);
+  return !o || typeof o != "object" || !t ? null : o[t];
 }
-async function we(e) {
-  const { document: r, item: n, blockKey: t, variables: i } = e;
-  if (n) {
-    if (!Ae(n))
-      return n;
-    const s = { id: n.id, ...i };
-    return I(s) ? Ie({
+async function we(e, n = _) {
+  const { document: r, item: t, blockKey: i, variables: o } = e;
+  if (t) {
+    if (!Ae(t))
+      return t;
+    const a = { id: t.id, ...o };
+    return w(a) ? Ie({
       ...e,
-      variables: s
+      variables: a
     }) : null;
   }
-  if (!r || !I(i)) return null;
-  const o = await z(r, i);
-  return !o || typeof o != "object" || !t ? null : o[t];
+  if (!r || !w(o)) return null;
+  const c = await D(r, o, n);
+  return !c || typeof c != "object" || !i ? null : c[i];
+}
+function Pe(e) {
+  return e instanceof P;
 }
-function Oe(e, ...r) {
-  return r.reduce((t, i) => i ? { components: { ...t.components, ...i.components } } : t, e);
+async function Re(e, n, r = _) {
+  const t = v(e, "item"), i = Pe(r), o = v(e, "document"), c = v(e, "variables"), s = await we(
+    {
+      item: t,
+      blockKey: n,
+      document: o ?? (i ? void 0 : r),
+      variables: c
+    },
+    i ? r : void 0
+  ), { tokens: a } = z(F, s == null ? void 0 : s.settings) ?? {};
+  return { ...s, cmsTokens: a };
+}
+function He(e, ...n) {
+  return n.reduce((t, i) => i ? { components: { ...t.components, ...i.components } } : t, e);
 }
-const D = { kind: "Document", definitions: [{ kind: "FragmentDefinition", name: { kind: "Name", value: "BlockSettings" }, typeCondition: { kind: "NamedType", name: { kind: "Name", value: "block_settings" } }, selectionSet: { kind: "SelectionSet", selections: [{ kind: "Field", name: { kind: "Name", value: "tokens" } }, { kind: "Field", name: { kind: "Name", value: "variant" } }] } }] }, Pe = (e) => {
-  var b, k, B;
-  const { item: r, collection: n, config: t, variables: i, defaultVariant: o, ...c } = e;
-  if (!n || !t) return null;
-  const s = (b = t == null ? void 0 : t.components) == null ? void 0 : b[n];
+const Oe = (e) => {
+  var b, f, B;
+  const { item: n, collection: r, config: t, variables: i, defaultVariant: o, ...c } = e;
+  if (!r || !t) return null;
+  const s = (b = t == null ? void 0 : t.components) == null ? void 0 : b[r];
   if (!s) return null;
-  const { settings: l } = r ?? {}, m = (r == null ? void 0 : r.id) ?? (i == null ? void 0 : i.id);
+  const { settings: a } = n ?? {}, m = (n == null ? void 0 : n.id) ?? (i == null ? void 0 : i.id);
   if (!m) return null;
-  const { variant: d } = q(D, l) ?? {}, u = ((k = s.getVariant) == null ? void 0 : k.call(s, e)) ?? d ?? o, { default: p, document: f } = s, N = ((B = s.variants) == null ? void 0 : B[u ?? ""]) ?? p;
-  return N ? /* @__PURE__ */ g(
+  const { variant: d } = z(F, a) ?? {}, p = ((f = s.getVariant) == null ? void 0 : f.call(s, e)) ?? d ?? o, { default: g, document: u } = s, N = ((B = s.variants) == null ? void 0 : B[p ?? ""]) ?? g;
+  return N ? /* @__PURE__ */ k(
     N,
     {
-      document: f,
+      document: u,
       config: t,
-      collection: n,
-      item: r,
+      collection: r,
+      item: n,
       ...m ? { variables: { ...i, id: m } } : { variables: i },
       ...c
     },
     m
   ) : null;
-};
-async function Re(e, r, n) {
-  const t = _(e, "item"), i = _(e, "document"), o = _(e, "variables"), c = await we({
-    item: t,
-    blockKey: r,
-    document: i,
-    variables: o
-  }), { tokens: s } = q(D, c == null ? void 0 : c.settings) ?? {};
-  return { ...c, cmsTokens: s };
-}
-const He = async (e) => {
-  const r = "block_wysiwyg_by_id", { themeName: n = "wysiwyg", tokens: t } = e, { content: i, title: o, level: c, cmsTokens: s } = await Re(e, r);
-  return !i && !(o && c) ? null : /* @__PURE__ */ G(K, { children: [
-    o && c && /* @__PURE__ */ g(C, { as: "span", themeName: n, tokens: { ...t, ...s }, children: $.createElement(c, {}, o) }),
-    i && /* @__PURE__ */ g(W, { themeName: n, tokens: { ...t, ...s }, content: i })
+}, Ce = async (e) => {
+  const n = "block_wysiwygs_by_id", { themeName: r = "wysiwyg", tokens: t } = e, { content: i, title: o, level: c, cmsTokens: s } = await Re(e, n);
+  return !i && !(o && c) ? null : /* @__PURE__ */ G(V, { children: [
+    o && c && /* @__PURE__ */ k(x, { as: "span", themeName: r, tokens: { ...t, ...s }, children: j.createElement(c, {}, o) }),
+    i && /* @__PURE__ */ k($, { themeName: r, tokens: { ...t, ...s }, content: i })
   ] });
-}, Ce = {
-  block_wysiwyg: {
-    default: (e) => /* @__PURE__ */ g(He, { ...e })
-  }
 }, xe = {
+  block_wysiwygs: {
+    default: (e) => /* @__PURE__ */ k(Ce, { ...e })
+  }
+}, qe = {
   components: {
-    ...Ce
+    ...xe
   }
-}, R = (e) => {
-  const { children: r, config: n, ...t } = e, i = Oe(xe, n), o = (s) => r ? r({ ...t, ...s, config: i }) : /* @__PURE__ */ g(Pe, { ...t, ...s, config: i });
+}, C = (e) => {
+  const { children: n, config: r, ...t } = e, i = He(qe, r), o = (s) => n ? n({ ...t, ...s, config: i }) : /* @__PURE__ */ k(Oe, { ...t, ...s, config: i });
   if ("blocks" in e) {
     const { blocks: s } = e;
     return s.map(o);
   }
   const { block: c } = e;
   return o(c);
-}, qe = (e, r, n = "id", t = "item") => {
+}, ze = (e, n, r = "id", t = "item") => {
   const i = (o) => {
-    var c, s, l, m, d, u;
+    var c, s, a, m, d, p;
     if (!e && o) return o;
     if (!o || !e) return null;
-    if (o.type === "relation-mark" && ((c = o.attrs) != null && c.id) || o.type === "relation-block" && ((s = o.attrs) != null && s.id) || o.type === "relation-inline-block" && ((l = o.attrs) != null && l.id)) {
-      const p = (m = e.find((f) => {
+    if (o.type === "relation-mark" && ((c = o.attrs) != null && c.id) || o.type === "relation-block" && ((s = o.attrs) != null && s.id) || o.type === "relation-inline-block" && ((a = o.attrs) != null && a.id)) {
+      const g = (m = e.find((u) => {
         var y;
-        return (f == null ? void 0 : f[n]) === ((y = o.attrs) == null ? void 0 : y.id);
+        return (u == null ? void 0 : u[r]) === ((y = o.attrs) == null ? void 0 : y.id);
       })) == null ? void 0 : m[t];
-      o.attrs.data = p;
+      o.attrs.data = g;
     }
-    return (d = o.content) == null || d.map(i), (u = o.marks) == null || u.map(i), o;
+    return (d = o.content) == null || d.map(i), (p = o.marks) == null || p.map(i), o;
   };
-  return i(r);
-}, ze = (e, r) => {
-  const n = r.map((o) => (o.type === "mark" ? x : A).create({
+  return i(n);
+}, De = (e, n) => {
+  const r = n.map((o) => (o.type === "mark" ? q : I).create({
     name: o.name,
     // eslint-disable-next-line
     renderHTML({ HTMLAttributes: s }) {
       return o.render ? [...o.render(s), 0] : [o.component ?? (o.type === "mark" ? "span" : "div"), s, 0];
     }
-  })), t = n.map(({ name: o }) => o);
-  return [...e.filter((o) => t.indexOf(o.name) < 0), ...n];
-}, F = (e, r, n) => {
-  const t = n.find((i) => i.type === r && i.name === e);
+  })), t = r.map(({ name: o }) => o);
+  return [...e.filter((o) => t.indexOf(o.name) < 0), ...r];
+}, M = (e, n, r) => {
+  const t = r.find((i) => i.type === n && i.name === e);
   if (t)
     return {
       ...t.config,
       options: t.options
     };
-}, De = (e, r) => {
+}, Fe = (e, n) => {
   var t;
-  const n = (t = r.addAttributes) == null ? void 0 : t.call(r);
-  return !n || !e ? e : Object.fromEntries(Object.entries(e).filter(([i]) => {
+  const r = (t = n.addAttributes) == null ? void 0 : t.call(n);
+  return !r || !e ? e : Object.fromEntries(Object.entries(e).filter(([i]) => {
     var o;
-    return ((o = n[i]) == null ? void 0 : o.rendered) !== !1;
+    return ((o = r[i]) == null ? void 0 : o.rendered) !== !1;
   }));
-}, v = (e, r, n = "node") => {
-  const t = F(e.type, n, r);
+}, L = (e, n, r = "node") => {
+  const t = M(e.type, r, n);
   if (!(t != null && t.renderHTML)) return [];
-  const i = De(e.attrs, t);
+  const i = Fe(e.attrs, t);
   return t.render ? t.render(e) : t.renderHTML({
     node: e,
     HTMLAttributes: i
   });
-}, M = (e, r, n) => {
-  if (e != null && e.content && (e.content = e.content.map((c) => M(c, r, n))), e.type === "text") {
+}, Q = (e, n, r) => {
+  if (e != null && e.content && (e.content = e.content.map((c) => Q(c, n, r))), e.type === "text") {
     if (e.marks) {
       let c;
       return e.marks.reverse().forEach((s) => {
         var m;
-        const l = v(
+        const a = L(
           { ...s, attrs: { ...s.attrs, data: { ...(m = s == null ? void 0 : s.attrs) == null ? void 0 : m.data, markText: e.text } } },
-          r,
+          n,
           "mark"
         );
-        if (Array.isArray(l)) {
-          const [d = "span", u = s.attrs] = l, p = { ...u, data: void 0 };
-          c = n(d, p, c || e.text);
+        if (Array.isArray(a)) {
+          const [d = "span", p = s.attrs] = a, g = { ...p, data: void 0 };
+          c = r(d, g, c || e.text);
         } else
-          c = { ...l, text: e.text };
+          c = { ...a, text: e.text };
       }), c;
     }
     return e.text ?? "";
   }
-  const t = F(e.type, "node", r);
+  const t = M(e.type, "node", n);
   if (t != null && t.render)
-    return v(e, r);
-  const [i = "div", o = e.attrs] = v(e, r);
-  return n(i, o, e.content);
-}, Fe = (e, r, n) => M(e, r, n), L = {
+    return L(e, n);
+  const [i = "div", o = e.attrs] = L(e, n);
+  return r(i, o, e.content);
+}, Me = (e, n, r) => Q(e, n, r), E = {
   colspan: "colSpan",
   rowspan: "rowSpan",
   textAlign: "textalign"
-}, Me = (e, r) => ({
+}, Qe = (e, n) => ({
   ...Object.fromEntries(
-    Object.entries(r).map(([n, t]) => [(e == null ? void 0 : e[n]) ?? (L == null ? void 0 : L[n]) ?? n, t])
+    Object.entries(n).map(([r, t]) => [(e == null ? void 0 : e[r]) ?? (E == null ? void 0 : E[r]) ?? r, t])
   )
-}), E = {}, Qe = (e) => {
+}), A = {}, Ue = (e) => {
   const {
-    content: r,
-    serializers: n = [],
+    content: n,
+    serializers: r = [],
     componentSerializers: t = [],
     renderingNodes: i,
     remappedAttributes: o,
     themeName: c,
     tokens: s,
-    customTheme: l
-  } = e, m = JSON.parse(JSON.stringify(r)), d = ze(n, t);
-  return Fe(
+    customTheme: a
+  } = e, m = JSON.parse(JSON.stringify(n)), d = De(r, t);
+  return Me(
     m,
     d,
     // @ts-expect-error Expects ReactNode
-    (u, p, f) => {
+    (p, g, u) => {
       const y = {
-        ...p,
+        ...g,
         style: void 0
-      }, N = Me(o, y), b = (i == null ? void 0 : i[u]) ?? (E == null ? void 0 : E[u]);
-      return b ? b({ children: f, attrs: N, themeName: c, tokens: s, customTheme: l }) : /* @__PURE__ */ g(
-        C,
+      }, N = Qe(o, y), b = p, f = (i == null ? void 0 : i[b]) ?? (A == null ? void 0 : A[b]);
+      return f ? f({ children: u, attrs: N, themeName: c, tokens: s, customTheme: a }) : /* @__PURE__ */ k(
+        x,
         {
-          as: u,
+          as: p,
           ...N,
           themeName: c,
           tokens: s,
-          customTheme: l,
-          children: f
+          customTheme: a,
+          children: u
         },
-        JSON.stringify(f)
+        JSON.stringify(u)
       );
     }
   );
-}, Ue = [
+}, Ke = [
   re,
-  Ne,
-  me,
-  ne,
+  be,
+  ue,
   oe,
-  te,
-  Z,
-  le,
-  ae,
-  j,
   ie,
-  ce,
+  ne,
+  ee,
+  me,
+  le,
   Y,
   se,
-  ue,
-  ee,
-  pe,
+  ae,
+  Z,
+  ce,
+  fe,
+  te,
   ge,
   ye,
+  Ne,
   ke,
-  be,
-  fe,
+  Te,
+  pe,
   de
-], ht = (e) => {
+], Bt = (e) => {
   const {
-    jsonContent: r,
-    editorNodes: n,
+    jsonContent: n,
+    editorNodes: r,
     serializers: t,
     nodes: i,
     config: o,
     relationMarksConfig: c,
     themeName: s,
-    tokens: l,
+    tokens: a,
     customTheme: m,
     remappedAttributes: d
-  } = e, u = qe(n, r), p = t ?? [...Ue] ?? [], f = (k, B) => {
-    var w, O, P;
-    const { attrs: a } = k, Q = `${(w = a == null ? void 0 : a.collection) == null ? void 0 : w.replace("related_", "")}_id`;
-    if (a != null && a.data) {
-      if (!((O = a == null ? void 0 : a.data) != null && O.blocks)) {
-        const h = { collection: a.collection, item: { ...a == null ? void 0 : a.data } };
-        return /* @__PURE__ */ g(R, { block: h, config: B }, JSON.stringify(h));
+  } = e, p = ze(r, n), g = t ?? [...Ke] ?? [], u = (f, B) => {
+    var R, H, O;
+    const { attrs: l } = f, U = `${(R = l == null ? void 0 : l.collection) == null ? void 0 : R.replace("related_", "")}_id`;
+    if (l != null && l.data) {
+      if (!((H = l == null ? void 0 : l.data) != null && H.blocks)) {
+        const h = { collection: l.collection, item: { ...l == null ? void 0 : l.data } };
+        return /* @__PURE__ */ k(C, { block: h, config: B }, JSON.stringify(h));
       }
-      const S = (P = a == null ? void 0 : a.data) == null ? void 0 : P.blocks, U = S == null ? void 0 : S.map((h) => ({ item: h == null ? void 0 : h[Q], collection: a == null ? void 0 : a.collection }));
-      return /* @__PURE__ */ g(R, { blocks: U, config: B }, JSON.stringify(S));
+      const S = (O = l == null ? void 0 : l.data) == null ? void 0 : O.blocks, K = S == null ? void 0 : S.map((h) => ({ item: h == null ? void 0 : h[U], collection: l == null ? void 0 : l.collection }));
+      return /* @__PURE__ */ k(C, { blocks: K, config: B }, JSON.stringify(S));
     }
     return null;
-  }, y = A.create({
+  }, y = I.create({
     name: "relation-block",
     renderHTML: () => ["relation-block"],
-    render: (k) => f(k, o)
-  }), N = A.create({
+    render: (f) => u(f, o)
+  }), N = I.create({
     name: "relation-inline-block",
     renderHTML: () => ["relation-inline-block"],
-    render: (k) => f(k, o)
-  }), b = x.create({
+    render: (f) => u(f, o)
+  }), b = q.create({
     name: "relation-mark",
     type: "relation-mark",
     renderHTML: () => ["relation-mark"],
-    render: (k) => f(k, c)
+    render: (f) => u(f, c)
   });
-  return p.push(y, N, b), u ? /* @__PURE__ */ g(
-    Qe,
+  return g.push(y, N, b), p ? /* @__PURE__ */ k(
+    Ue,
     {
-      content: u,
-      serializers: p,
+      content: p,
+      serializers: g,
       renderingNodes: i,
       themeName: s,
-      tokens: l,
+      tokens: a,
       customTheme: m,
       remappedAttributes: d
     }
   ) : null;
 };
 export {
-  ht as FlexibleEditorContent,
-  Qe as RenderNodes
+  Bt as FlexibleEditorContent,
+  Ue as RenderNodes
 };

package/lib/components/FlexibleEditorContent/extensions.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (import("@tiptap/core").Node<any, any> | import("@tiptap/core").Extension<import("@tiptap/extension-text-align").TextAlignOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-subscript").SubscriptExtensionOptions, any>)[];
+declare const _default: (import('@tiptap/core').Node<any, any> | import('@tiptap/core').Extension<import('@tiptap/extension-text-align').TextAlignOptions, any> | import('@tiptap/core').Mark<import('@tiptap/extension-subscript').SubscriptExtensionOptions, any>)[];
 export default _default;

package/lib/components/FlexibleEditorContent/index.d.ts

@@ -1,7 +1,8 @@
-import type { TBlockSerializerConfig } from '@okam/directus-block';
-import type { TDefaultComponent } from '@okam/stack-ui';
-import type { JSONContent, Extensions, EditorNodes } from '../../functions/types';
-import type { TRenderingNodes } from '../nodes/types';
+import { TBlockSerializerConfig } from '../../../../../directus-block/src/index.ts';
+import { TDefaultComponent } from '../../../../../../stack/stack-ui/src/index.ts';
+import { JSONContent, Extensions, EditorNodes } from '../../functions/types';
+import { TRenderingNodes } from '../nodes/types';
+
 interface FlexibleEditorContentProps extends TDefaultComponent {
     jsonContent: JSONContent;
     editorNodes?: EditorNodes[] | undefined | null;

package/lib/components/RenderNodes/index.d.ts

@@ -1,7 +1,8 @@
-import type { TDefaultComponent } from '@okam/stack-ui';
-import type { FunctionComponent } from 'react';
-import type { JSONContent, Extensions, ReactComponentSerializers } from '../../functions/types';
-import type { TRenderingNodes } from '../nodes/types';
+import { TDefaultComponent } from '../../../../../../stack/stack-ui/src/index.ts';
+import { ReactNode } from 'react';
+import { JSONContent, Extensions, ReactComponentSerializers } from '../../functions/types';
+import { TRenderingNodes } from '../nodes/types';
+
 interface RenderNodesProps extends TDefaultComponent {
     content: JSONContent;
     serializers?: Extensions;
@@ -9,5 +10,5 @@ interface RenderNodesProps extends TDefaultComponent {
     renderingNodes?: TRenderingNodes;
     remappedAttributes?: Record<string, string>;
 }
-declare const RenderNodes: FunctionComponent<RenderNodesProps>;
+declare const RenderNodes: (props: RenderNodesProps) => ReactNode;
 export default RenderNodes;

package/lib/components/nodes/index.d.ts

@@ -1,3 +1,4 @@
-import type { TRenderingNodes } from './types';
+import { TRenderingNodes } from './types';
+
 declare const nodes: TRenderingNodes;
 export default nodes;

package/lib/components/nodes/types.d.ts

@@ -1,8 +1,10 @@
-import type { TDefaultComponent } from '@okam/stack-ui';
+import { TDefaultComponent } from '../../../../../../stack/stack-ui/src/index.ts';
+import { default as React } from 'react';
+
 export interface TBaseRenderingNode extends TDefaultComponent {
     children: React.ReactNode;
     attrs?: Record<string, number | string | boolean | undefined>;
 }
 export type TRenderingNodes = {
-    [key in keyof JSX.IntrinsicElements]?: (props: TBaseRenderingNode) => JSX.Element;
+    [key in keyof React.JSX.IntrinsicElements]?: (props: TBaseRenderingNode) => React.JSX.Element;
 };

package/lib/functions/injectDataIntoContent.d.ts

@@ -1,4 +1,5 @@
-import type { JSONContent } from '@tiptap/core';
-import type { EditorNodes } from './types';
+import { JSONContent } from '@tiptap/core';
+import { EditorNodes } from './types';
+
 declare const injectDataIntoContent: (data: EditorNodes[] | undefined | null, content: JSONContent, primaryKeyField?: string, itemField?: string) => JSONContent | null;
 export default injectDataIntoContent;

package/lib/functions/mergeSerializers.d.ts

@@ -1,3 +1,4 @@
-import type { Extensions, ComponentSerializers } from './types';
+import { Extensions, ComponentSerializers } from './types';
+
 declare const mergeSerializers: <T>(serializers: Extensions, componentSerializers: ComponentSerializers<T>) => Extensions;
 export default mergeSerializers;

package/lib/functions/renderView.d.ts

@@ -1,4 +1,5 @@
-import type { ReactNode } from 'react';
-import type { JSONContent, Extensions, RenderedNode, RenderCallback } from './types';
+import { ReactNode } from 'react';
+import { JSONContent, Extensions, RenderedNode, RenderCallback } from './types';
+
 declare const renderView: <T>(node: JSONContent, serializers: Extensions, renderCallback: RenderCallback<ReactNode | JSONContent[]>) => RenderedNode<T>;
 export default renderView;

package/lib/functions/types.d.ts

@@ -1,6 +1,7 @@
-import type { TBlock } from '@okam/directus-block';
-import type { JSONContent, Extensions, AnyExtension } from '@tiptap/core';
-import type { ElementType, FunctionComponent, ReactNode } from 'react';
+import { TBlock } from '../../../../directus-block/src/index.ts';
+import { JSONContent, Extensions, AnyExtension } from '@tiptap/core';
+import { ElementType, FunctionComponent, ReactNode } from 'react';
+
 export type { JSONContent, Extensions };
 export type RenderedNode<T> = T | string | (T | string)[];
 export type Tag = ElementType;

package/lib/types.d.ts

@@ -1,4 +1,5 @@
-import type { TCommonBlockFragment } from '@okam/directus-block';
+import { TCommonBlockFragment } from '../../../directus-block/src/index.ts';
+
 export type RelationBlockSerializers<T> = {
     collection: string;
     component: T;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okam/directus-flexible-content",
-  "version": "1.2.23",
+  "version": "1.2.25",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "@nx/vite": "20.2.2",
-    "@okam/directus-block": "1.6.1",
-    "@okam/stack-ui": "1.42.4",
+    "@okam/directus-block": "1.6.3",
+    "@okam/stack-ui": "1.44.0",
     "@vitejs/plugin-react": "4.3.4",
     "vite": "^5.0.13",
     "vite-plugin-dts": "~2.3.0",
@@ -51,7 +51,12 @@
     "@tiptap/extension-table-row": "^2.10.3",
     "@tiptap/extension-text": "^2.10.3",
     "@tiptap/extension-text-align": "^2.10.3",
-    "@tiptap/core": "^2.10.3",
-    "react": "18.3.1"
+    "@tiptap/core": "^2.10.3"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "react": "^19.0.0"
   }
 }