@storyblok/react 6.1.11 → 7.0.0

package/dist/core/create-default-blok.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");function i(r){return function({attrs:e}){return Array.isArray(e==null?void 0:e.body)?e.body.map((u,n)=>o.jsx(r,{blok:u},u._uid||n)):null}}exports.createDefaultBlok=i;

package/dist/core/create-default-blok.mjs

@@ -0,0 +1,15 @@
+import { jsx as o } from "react/jsx-runtime";
+function l(e) {
+  return function({ attrs: r }) {
+    return Array.isArray(r == null ? void 0 : r.body) ? r.body.map((u, n) => /* @__PURE__ */ o(
+      e,
+      {
+        blok: u
+      },
+      u._uid || n
+    )) : null;
+  };
+}
+export {
+  l as createDefaultBlok
+};

package/dist/core/create-storyblok-richtext.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),s=require("./rich-text-renderer.js");require("@storyblok/richtext");const a=require("./create-default-blok.js");function d(t){const r=a.createDefaultBlok(t);return function({document:n,optimizeImage:o,components:c,wrapper:i=!0,...u}){const e=s.createRichTextRenderer({optimizeImage:o,components:{blok:r,...c}})(n);return i?l.jsx("div",{...u,children:e}):e}}exports.createStoryblokRichText=d;

package/dist/core/create-storyblok-richtext.mjs

@@ -0,0 +1,26 @@
+import { jsx as l } from "react/jsx-runtime";
+import { createRichTextRenderer as m } from "./rich-text-renderer.mjs";
+import "@storyblok/richtext";
+import { createDefaultBlok as u } from "./create-default-blok.mjs";
+function h(t) {
+  const e = u(t);
+  return function({
+    document: o,
+    optimizeImage: n,
+    components: c,
+    wrapper: i = !0,
+    ...f
+  }) {
+    const r = m({
+      optimizeImage: n,
+      components: {
+        blok: e,
+        ...c
+      }
+    })(o);
+    return i ? /* @__PURE__ */ l("div", { ...f, children: r }) : r;
+  };
+}
+export {
+  h as createStoryblokRichText
+};

package/dist/core/init.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@storyblok/js"),t=require("./state.js"),l=(e={})=>{const o=t.getStoryblokApiInstance();if(o)return()=>o;const{storyblokApi:n}=a.storyblokInit(e);return t.setStoryblokApiInstance(n),e.components&&t.setComponents(e.components),e.enableFallbackComponent!==void 0&&t.setEnableFallbackComponent(e.enableFallbackComponent),e.customFallbackComponent&&t.setCustomFallbackComponent(e.customFallbackComponent),()=>n};exports.getComponent=t.getComponent;exports.getCustomFallbackComponent=t.getCustomFallbackComponent;exports.getEnableFallbackComponent=t.getEnableFallbackComponent;exports.setComponents=t.setComponents;exports.storyblokInit=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@storyblok/js"),e=require("./state.js"),l=(t={})=>{const n=e.getStoryblokApiInstance();if(n)return()=>n;const{storyblokApi:a}=o.storyblokInit(t);return e.setStoryblokApiInstance(a),t.components&&e.setComponents(t.components),t.enableFallbackComponent!==void 0&&e.setEnableFallbackComponent(t.enableFallbackComponent),t.customFallbackComponent&&e.setCustomFallbackComponent(t.customFallbackComponent),()=>a};Object.defineProperty(exports,"apiPlugin",{enumerable:!0,get:()=>o.apiPlugin});Object.defineProperty(exports,"storyblokEditable",{enumerable:!0,get:()=>o.storyblokEditable});exports.getComponent=e.getComponent;exports.getCustomFallbackComponent=e.getCustomFallbackComponent;exports.getEnableFallbackComponent=e.getEnableFallbackComponent;exports.setComponents=e.setComponents;exports.storyblokInit=l;

package/dist/core/init.mjs

@@ -1,17 +1,20 @@
 import { storyblokInit as n } from "@storyblok/js";
-import { setComponents as a, setEnableFallbackComponent as m, setCustomFallbackComponent as l, setStoryblokApiInstance as b, getStoryblokApiInstance as c } from "./state.mjs";
-import { getComponent as f, getCustomFallbackComponent as p, getEnableFallbackComponent as y } from "./state.mjs";
+import { apiPlugin as f, storyblokEditable as F } from "@storyblok/js";
+import { setComponents as a, setEnableFallbackComponent as l, setCustomFallbackComponent as m, setStoryblokApiInstance as b, getStoryblokApiInstance as r } from "./state.mjs";
+import { getComponent as i, getCustomFallbackComponent as I, getEnableFallbackComponent as x } from "./state.mjs";
 const k = (o = {}) => {
-  const t = c();
+  const t = r();
   if (t)
     return () => t;
   const { storyblokApi: e } = n(o);
-  return b(e), o.components && a(o.components), o.enableFallbackComponent !== void 0 && m(o.enableFallbackComponent), o.customFallbackComponent && l(o.customFallbackComponent), () => e;
+  return b(e), o.components && a(o.components), o.enableFallbackComponent !== void 0 && l(o.enableFallbackComponent), o.customFallbackComponent && m(o.customFallbackComponent), () => e;
 };
 export {
-  f as getComponent,
-  p as getCustomFallbackComponent,
-  y as getEnableFallbackComponent,
+  f as apiPlugin,
+  i as getComponent,
+  I as getCustomFallbackComponent,
+  x as getEnableFallbackComponent,
   a as setComponents,
+  F as storyblokEditable,
   k as storyblokInit
 };

package/dist/core/rich-text-renderer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),i=require("@storyblok/richtext"),o=require("react");function y(t,e){return e==null?void 0:e[t]}const p={class:"className"};function C(t){return function(c){const r=i.normalizeNodes(c,!0);return r!=null&&r.length?g(r,t):null}}function g(t,e){return i.groupLinkNodes(t).map((r,n)=>r.linkMark?T(r.nodes,r.linkMark,e,r._key||n):x(r.nodes[0],e,r._key||n))}function T(t,e,c,r){const n=t.map((l,a)=>{const m=l,h=i.getInnerMarks(l);return b(m,h,c,l._key||a)}),s=y(e.type,c.components);if(s)return f.jsx(s,{...e,children:n},r);const u=i.resolveTag(e);return u?o.createElement(u,{key:r,...i.processAttrs(e.type,e.attrs,p)},n):f.jsx(o.Fragment,{children:n},r)}function x(t,e,c){if(t.type==="text")return A(t,e,c);const r=y(t.type,e.components);if(r)return f.jsx(r,{...t,context:e,children:t.content?g(t.content,e):null},c);const n=i.resolveTag(t);if(!n)return t.content?g(t.content,e):null;if(t.type==="image"&&e.optimizeImage)return R(t,e,c);const s=i.processAttrs(t.type,t.attrs,p);if(i.isSelfClosing(n))return o.createElement(n,{key:c,...s});if(t.type==="table")return S(t,e,c,n,s);const u=i.getStaticChildren(t);if(u){const l=t.content?g(t.content,e):null,a=d(t.type,u,t.attrs,l);return o.createElement(n,{key:c},a)}return o.createElement(n,{key:c,...s},t.content?g(t.content,e):null)}function R(t,e,c){const r=t.attrs,n=r==null?void 0:r.src;if(!n)return null;const{src:s,attrs:u}=i.buildStoryblokImage(n,e.optimizeImage),l=i.processAttrs("image",{...r,src:s,...u},p);return f.jsx("img",{...l},c)}function S(t,e,c,r,n){const{headerRows:s,bodyRows:u}=i.splitTableRows(t.content),l=[];return s.length>0&&l.push(f.jsx("thead",{children:s.map((a,m)=>x(a,e,a._key||m))},"thead")),u.length>0&&l.push(f.jsx("tbody",{children:u.map((a,m)=>x(a,e,a._key||m))},"tbody")),o.createElement(r,{key:c,...n},l)}function d(t,e,c,r){return e.map((n,s)=>{const{tag:u,children:l,attrs:a}=n,m={...a,...c},h=i.processAttrs(t,m,p);if(i.isSelfClosing(u))return o.createElement(u,{key:s,...h});const j=l?d(t,l,c,r):r;return o.createElement(u,{key:s,...h},j)})}function A(t,e,c){return b(t,t.marks,e,c)}function b(t,e,c,r){let n=t.text;if(e!=null&&e.length)for(const s of e)n=E(n,s,c);return f.jsx(o.Fragment,{children:n},r)}function E(t,e,c){const r=y(e.type,c.components);if(r)return f.jsx(r,{...e,children:t});const n=i.resolveTag(e);if(!n)return t;const s=i.processAttrs(e.type,e.attrs,p);return o.createElement(n,s,t)}exports.createRichTextRenderer=C;

package/dist/core/rich-text-renderer.mjs

@@ -0,0 +1,106 @@
+import { jsx as o } from "react/jsx-runtime";
+import { normalizeNodes as R, groupLinkNodes as S, getInnerMarks as T, resolveTag as d, processAttrs as p, isSelfClosing as x, getStaticChildren as z, buildStoryblokImage as _, splitTableRows as A } from "@storyblok/richtext";
+import a from "react";
+function b(t, e) {
+  return e == null ? void 0 : e[t];
+}
+const g = {
+  class: "className"
+};
+function O(t) {
+  return function(c) {
+    const r = R(c, !0);
+    return r != null && r.length ? m(r, t) : null;
+  };
+}
+function m(t, e) {
+  return S(t).map((r, n) => r.linkMark ? I(r.nodes, r.linkMark, e, r._key || n) : y(r.nodes[0], e, r._key || n));
+}
+function I(t, e, c, r) {
+  const n = t.map((i, l) => {
+    const f = i, h = T(i);
+    return E(f, h, c, i._key || l);
+  }), s = b(e.type, c.components);
+  if (s)
+    return /* @__PURE__ */ o(s, { ...e, children: n }, r);
+  const u = d(e);
+  return u ? a.createElement(u, { key: r, ...p(e.type, e.attrs, g) }, n) : /* @__PURE__ */ o(a.Fragment, { children: n }, r);
+}
+function y(t, e, c) {
+  if (t.type === "text")
+    return w(t, e, c);
+  const r = b(t.type, e.components);
+  if (r)
+    return /* @__PURE__ */ o(r, { ...t, context: e, children: t.content ? m(t.content, e) : null }, c);
+  const n = d(t);
+  if (!n)
+    return t.content ? m(t.content, e) : null;
+  if (t.type === "image" && e.optimizeImage)
+    return M(t, e, c);
+  const s = p(t.type, t.attrs, g);
+  if (x(n))
+    return a.createElement(n, { key: c, ...s });
+  if (t.type === "table")
+    return v(t, e, c, n, s);
+  const u = z(t);
+  if (u) {
+    const i = t.content ? m(t.content, e) : null, l = C(t.type, u, t.attrs, i);
+    return a.createElement(n, { key: c }, l);
+  }
+  return a.createElement(
+    n,
+    { key: c, ...s },
+    t.content ? m(t.content, e) : null
+  );
+}
+function M(t, e, c) {
+  const r = t.attrs, n = r == null ? void 0 : r.src;
+  if (!n)
+    return null;
+  const { src: s, attrs: u } = _(n, e.optimizeImage), i = p("image", {
+    ...r,
+    src: s,
+    ...u
+  }, g);
+  return /* @__PURE__ */ o("img", { ...i }, c);
+}
+function v(t, e, c, r, n) {
+  const { headerRows: s, bodyRows: u } = A(t.content), i = [];
+  return s.length > 0 && i.push(
+    /* @__PURE__ */ o("thead", { children: s.map((l, f) => y(l, e, l._key || f)) }, "thead")
+  ), u.length > 0 && i.push(
+    /* @__PURE__ */ o("tbody", { children: u.map((l, f) => y(l, e, l._key || f)) }, "tbody")
+  ), a.createElement(r, { key: c, ...n }, i);
+}
+function C(t, e, c, r) {
+  return e.map((n, s) => {
+    const { tag: u, children: i, attrs: l } = n, f = { ...l, ...c }, h = p(t, f, g);
+    if (x(u))
+      return a.createElement(u, { key: s, ...h });
+    const N = i ? C(t, i, c, r) : r;
+    return a.createElement(u, { key: s, ...h }, N);
+  });
+}
+function w(t, e, c) {
+  return E(t, t.marks, e, c);
+}
+function E(t, e, c, r) {
+  let n = t.text;
+  if (e != null && e.length)
+    for (const s of e)
+      n = F(n, s, c);
+  return /* @__PURE__ */ o(a.Fragment, { children: n }, r);
+}
+function F(t, e, c) {
+  const r = b(e.type, c.components);
+  if (r)
+    return /* @__PURE__ */ o(r, { ...e, children: t });
+  const n = d(e);
+  if (!n)
+    return t;
+  const s = p(e.type, e.attrs, g);
+  return a.createElement(n, s, t);
+}
+export {
+  O as createRichTextRenderer
+};

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import { apiPlugin } from '@storyblok/js';
 import { ArrayFn } from '@storyblok/js';
-import { asTag } from '@storyblok/js';
 import { AsyncFn } from '@storyblok/js';
-import { BlockTypes } from '@storyblok/js';
-import { ComponentBlok } from '@storyblok/js';
+import { buildStoryblokImage } from '@storyblok/richtext';
+import { ComponentPropsWithoutRef } from 'react';
+import { ComponentType } from 'react';
 import { default as default_2 } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { ISbAlternateObject } from '@storyblok/js';
@@ -24,43 +24,42 @@ import { ISbStoryData } from '@storyblok/js';
 import { ISbStoryParams } from '@storyblok/js';
 import { ISbThrottle } from '@storyblok/js';
 import { loadStoryblokBridge } from '@storyblok/js';
-import { MarkTypes } from '@storyblok/js';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import { registerStoryblokBridge } from '@storyblok/js';
-import { renderRichText } from '@storyblok/js';
-import { richTextResolver } from '@storyblok/js';
+import { renderRichText } from '@storyblok/richtext';
 import { SbBlokData } from '@storyblok/js';
 import { SbBlokKeyDataTypes } from '@storyblok/js';
+import { SbRichTextDoc } from '@storyblok/richtext';
+import { SbRichTextElement } from '@storyblok/richtext';
+import { SbRichTextElementByType } from '@storyblok/richtext';
+import { SbRichTextImageOptions } from '@storyblok/richtext';
+import { SbRichTextInput } from '@storyblok/richtext';
+import { SbRichTextMark } from '@storyblok/richtext';
+import { SbRichTextNode } from '@storyblok/richtext';
+import { SbRichTextProps } from '@storyblok/richtext';
+import { SbRichTextRenderContext } from '@storyblok/richtext';
+import { SbRichTextRendererMap } from '@storyblok/richtext';
 import { SbSDKOptions } from '@storyblok/js';
+import { splitTableRows } from '@storyblok/richtext';
 import { StoryblokBridgeConfigV2 } from '@storyblok/js';
 import { StoryblokBridgeV2 } from '@storyblok/js';
 import { StoryblokClient } from '@storyblok/js';
 import { StoryblokComponentType } from '@storyblok/js';
 import { storyblokEditable } from '@storyblok/js';
-import { StoryblokRichTextDocumentNode } from '@storyblok/richtext';
-import { StoryblokRichTextImageOptimizationOptions } from '@storyblok/js';
-import { StoryblokRichTextNode } from '@storyblok/js';
-import { StoryblokRichTextNode as StoryblokRichTextNode_2 } from '@storyblok/richtext';
-import { StoryblokRichTextNodeTypes } from '@storyblok/js';
-import { StoryblokRichTextOptions } from '@storyblok/js';
-import { StoryblokRichTextOptions as StoryblokRichTextOptions_2 } from '@storyblok/richtext';
-import { TextTypes } from '@storyblok/js';
 import { useStoryblokBridge } from '@storyblok/js';
 
 export { apiPlugin }
 
 export { ArrayFn }
 
-export { asTag }
-
 export { AsyncFn }
 
-export { BlockTypes }
-
-export { ComponentBlok }
+export { buildStoryblokImage }
 
 /**
+ * @deprecated This utility is no longer needed and will be removed in a future release.
+ *
  * Recursively converts HTML attributes in a React element tree to their JSX property names.
  *
  * @param {React.ReactElement} element The React element to process.
@@ -68,6 +67,10 @@ export { ComponentBlok }
  */
 export declare function convertAttributesInElement(element: default_2.ReactElement | default_2.ReactElement[]): default_2.ReactElement | default_2.ReactElement[];
 
+export declare function createRichTextRenderer(options: SbReactRichTextRenderContext): (document: SbRichTextInput) => ReactNode | null;
+
+declare type DivProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'>;
+
 export declare const getComponent: (componentKey: string) => React.ElementType | false;
 
 export declare const getCustomFallbackComponent: () => React.ElementType;
@@ -123,14 +126,10 @@ export declare const isVisualEditor: () => boolean;
 
 export { loadStoryblokBridge }
 
-export { MarkTypes }
-
 export { registerStoryblokBridge }
 
 export { renderRichText }
 
-export { richTextResolver }
-
 export { SbBlokData }
 
 export { SbBlokKeyDataTypes }
@@ -139,16 +138,53 @@ export declare interface SbReactComponentsMap {
     [key: string]: default_2.ElementType;
 }
 
+declare type SbReactRichTextComponent<T extends SbRichTextElement> = ComponentType<SbReactRichTextProps<T>>;
+
+export declare type SbReactRichTextComponentMap = {
+    [K in SbRichTextElement]?: SbReactRichTextComponent<K>;
+};
+
+/**
+ * Props type for React richtext node/mark components.
+ * Similar to SbRichTextProps but uses ReactNode for children instead of string.
+ */
+export declare type SbReactRichTextProps<T extends SbRichTextElement> = SbRichTextElementByType<SbReactRichTextRenderContext>[T] & {
+    children?: ReactNode;
+};
+
+export declare interface SbReactRichTextRenderContext {
+    optimizeImage?: boolean | SbRichTextImageOptions;
+    components?: SbReactRichTextComponentMap;
+}
+
 export declare interface SbReactSDKOptions extends SbSDKOptions {
     components?: SbReactComponentsMap;
     enableFallbackComponent?: boolean;
     customFallbackComponent?: default_2.ElementType;
 }
 
+export { SbRichTextDoc }
+
+export { SbRichTextImageOptions }
+
+export { SbRichTextMark }
+
+export { SbRichTextNode }
+
+export { SbRichTextProps }
+
+declare type SbRichTextProps_2 = WrappedProps | UnwrappedProps;
+
+export { SbRichTextRenderContext }
+
+export { SbRichTextRendererMap }
+
 export { SbSDKOptions }
 
 export declare const setComponents: (newComponentsMap: SbReactComponentsMap) => Map<string, React.ElementType>;
 
+export { splitTableRows }
+
 export { StoryblokBridgeConfigV2 }
 
 export { StoryblokBridgeV2 }
@@ -167,25 +203,19 @@ export { storyblokEditable }
 
 export declare const storyblokInit: (pluginOptions?: SbReactSDKOptions) => (() => StoryblokClient);
 
-export declare const StoryblokRichText: default_2.ForwardRefExoticComponent<StoryblokRichTextProps & default_2.RefAttributes<HTMLDivElement>>;
-
-export { StoryblokRichTextImageOptimizationOptions }
-
-export { StoryblokRichTextNode }
-
-export { StoryblokRichTextNodeTypes }
+export declare const StoryblokRichText: ({ document, optimizeImage, components, wrapper, ...rest }: SbRichTextProps_2) => ReactNode;
 
-export { StoryblokRichTextOptions }
-
-export declare interface StoryblokRichTextProps {
-    doc: StoryblokRichTextNode<default_2.ReactElement>;
-    tiptapExtensions?: StoryblokRichTextOptions<default_2.ReactElement>['tiptapExtensions'];
+export declare interface StoryblokRichTextProps extends SbReactRichTextRenderContext {
+    optimizeImage?: boolean | SbRichTextImageOptions;
+    document?: SbRichTextInput;
 }
 
-export { TextTypes }
-
 export declare type TUseStoryblokState = <T = void>(initialStory: ISbStoryData<T> | null, bridgeOptions?: StoryblokBridgeConfigV2) => ISbStoryData<T> | null;
 
+declare type UnwrappedProps = StoryblokRichTextProps & {
+    wrapper: false;
+};
+
 export declare const useStoryblok: (slug: string, apiOptions?: ISbStoriesParams, bridgeOptions?: StoryblokBridgeConfigV2) => ISbStoryData<ISbComponentType<string> & {
     [index: string]: any;
 }>;
@@ -196,15 +226,12 @@ export { useStoryblokApi }
 
 export { useStoryblokBridge }
 
-export declare const useStoryblokRichText: (options: StoryblokRichTextOptions_2<React.ReactElement>) => {
-    render: (node: StoryblokRichTextDocumentNode | StoryblokRichTextNode_2<ReactNode>) => ReactNode;
-};
-
-/** @deprecated Use useStoryblokRichText instead */
-export declare const useStoryblokRichTextResolver: (options: StoryblokRichTextOptions_2<React.ReactElement>) => {
-    render: (node: StoryblokRichTextDocumentNode | StoryblokRichTextNode_2<ReactNode>) => ReactNode;
-};
+export declare const useStoryblokRichText: (props?: SbReactRichTextRenderContext) => (document: SbRichTextInput) => ReactNode | null;
 
 export declare const useStoryblokState: TUseStoryblokState;
 
+declare type WrappedProps = StoryblokRichTextProps & DivProps & {
+    wrapper?: true;
+};
+
 export { }

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),e=require("@storyblok/js"),S=require("./core/init.js"),l=require("./core/use-storyblok-api.js"),p=require("./core/storyblok-component.js"),m=require("./core/use-storyblok-state.js"),a=require("./richtext.js"),f=require("./storyblok-rich-text.js"),t=require("./utils.js"),s=require("./core/state.js"),T=(u,o={},r={})=>{const[c,b]=y.useState({}),k=typeof window<"u"&&typeof window.storyblokRegisterEvent<"u",n=l.getStoryblokApi();return y.useEffect(()=>{if(!n){console.error("You can't use useStoryblok if you're not loading apiPlugin.");return}async function d(){const{data:i}=await n.get(`cdn/stories/${u}`,o);b(i.story),k&&i.story.id&&e.registerStoryblokBridge(i.story.id,g=>b(g),r)}d()},[u,JSON.stringify(o),n]),n?(r.resolveRelations=r.resolveRelations??o.resolve_relations,r.resolveLinks=r.resolveLinks??o.resolve_links,c):null},R=a.useStoryblokRichText;Object.defineProperty(exports,"BlockTypes",{enumerable:!0,get:()=>e.BlockTypes});Object.defineProperty(exports,"ComponentBlok",{enumerable:!0,get:()=>e.ComponentBlok});Object.defineProperty(exports,"MarkTypes",{enumerable:!0,get:()=>e.MarkTypes});Object.defineProperty(exports,"TextTypes",{enumerable:!0,get:()=>e.TextTypes});Object.defineProperty(exports,"apiPlugin",{enumerable:!0,get:()=>e.apiPlugin});Object.defineProperty(exports,"asTag",{enumerable:!0,get:()=>e.asTag});Object.defineProperty(exports,"loadStoryblokBridge",{enumerable:!0,get:()=>e.loadStoryblokBridge});Object.defineProperty(exports,"registerStoryblokBridge",{enumerable:!0,get:()=>e.registerStoryblokBridge});Object.defineProperty(exports,"renderRichText",{enumerable:!0,get:()=>e.renderRichText});Object.defineProperty(exports,"richTextResolver",{enumerable:!0,get:()=>e.richTextResolver});Object.defineProperty(exports,"storyblokEditable",{enumerable:!0,get:()=>e.storyblokEditable});Object.defineProperty(exports,"useStoryblokBridge",{enumerable:!0,get:()=>e.useStoryblokBridge});exports.storyblokInit=S.storyblokInit;exports.getStoryblokApi=l.getStoryblokApi;exports.useStoryblokApi=l.getStoryblokApi;exports.StoryblokComponent=p;exports.useStoryblokState=m.useStoryblokState;exports.useStoryblokRichText=a.useStoryblokRichText;exports.StoryblokRichText=f;exports.convertAttributesInElement=t.convertAttributesInElement;exports.isBridgeLoaded=t.isBridgeLoaded;exports.isBrowser=t.isBrowser;exports.isIframe=t.isIframe;exports.isServer=t.isServer;exports.isVisualEditor=t.isVisualEditor;exports.getComponent=s.getComponent;exports.getCustomFallbackComponent=s.getCustomFallbackComponent;exports.getEnableFallbackComponent=s.getEnableFallbackComponent;exports.setComponents=s.setComponents;exports.useStoryblok=T;exports.useStoryblokRichTextResolver=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),e=require("@storyblok/js"),S=require("./core/init.js"),l=require("./core/use-storyblok-api.js"),m=require("./core/storyblok-component.js"),f=require("./core/use-storyblok-state.js"),p=require("./richtext.js"),R=require("./core/rich-text-renderer.js"),u=require("@storyblok/richtext"),T=require("./storyblok-rich-text.js"),t=require("./utils.js"),n=require("./core/state.js"),h=(b,o={},r={})=>{const[a,c]=y.useState({}),d=typeof window<"u"&&typeof window.storyblokRegisterEvent<"u",i=l.getStoryblokApi();return y.useEffect(()=>{if(!i){console.error("You can't use useStoryblok if you're not loading apiPlugin.");return}async function k(){const{data:s}=await i.get(`cdn/stories/${b}`,o);c(s.story),d&&s.story.id&&e.registerStoryblokBridge(s.story.id,g=>c(g),r)}k()},[b,JSON.stringify(o),i]),i?(r.resolveRelations=r.resolveRelations??o.resolve_relations,r.resolveLinks=r.resolveLinks??o.resolve_links,a):null};Object.defineProperty(exports,"apiPlugin",{enumerable:!0,get:()=>e.apiPlugin});Object.defineProperty(exports,"loadStoryblokBridge",{enumerable:!0,get:()=>e.loadStoryblokBridge});Object.defineProperty(exports,"registerStoryblokBridge",{enumerable:!0,get:()=>e.registerStoryblokBridge});Object.defineProperty(exports,"storyblokEditable",{enumerable:!0,get:()=>e.storyblokEditable});Object.defineProperty(exports,"useStoryblokBridge",{enumerable:!0,get:()=>e.useStoryblokBridge});exports.storyblokInit=S.storyblokInit;exports.getStoryblokApi=l.getStoryblokApi;exports.useStoryblokApi=l.getStoryblokApi;exports.StoryblokComponent=m;exports.useStoryblokState=f.useStoryblokState;exports.useStoryblokRichText=p.useStoryblokRichText;exports.createRichTextRenderer=R.createRichTextRenderer;Object.defineProperty(exports,"buildStoryblokImage",{enumerable:!0,get:()=>u.buildStoryblokImage});Object.defineProperty(exports,"renderRichText",{enumerable:!0,get:()=>u.renderRichText});Object.defineProperty(exports,"splitTableRows",{enumerable:!0,get:()=>u.splitTableRows});exports.StoryblokRichText=T.StoryblokRichText;exports.convertAttributesInElement=t.convertAttributesInElement;exports.isBridgeLoaded=t.isBridgeLoaded;exports.isBrowser=t.isBrowser;exports.isIframe=t.isIframe;exports.isServer=t.isServer;exports.isVisualEditor=t.isVisualEditor;exports.getComponent=n.getComponent;exports.getCustomFallbackComponent=n.getCustomFallbackComponent;exports.getEnableFallbackComponent=n.getEnableFallbackComponent;exports.setComponents=n.setComponents;exports.useStoryblok=h;

package/dist/index.mjs

@@ -1,17 +1,19 @@
-import { useState as f, useEffect as k } from "react";
+import { useState as f, useEffect as m } from "react";
 import { registerStoryblokBridge as u } from "@storyblok/js";
-import { BlockTypes as B, ComponentBlok as R, MarkTypes as C, TextTypes as E, apiPlugin as w, asTag as h, loadStoryblokBridge as A, registerStoryblokBridge as I, renderRichText as L, richTextResolver as F, storyblokEditable as P, useStoryblokBridge as _ } from "@storyblok/js";
-import { storyblokInit as M } from "./core/init.mjs";
-import { getStoryblokApi as m } from "./core/use-storyblok-api.mjs";
-import { default as V } from "./core/storyblok-component.mjs";
-import { useStoryblokState as $ } from "./core/use-storyblok-state.mjs";
-import { useStoryblokRichText as c } from "./richtext.mjs";
-import { default as q } from "./storyblok-rich-text.mjs";
-import { convertAttributesInElement as D, isBridgeLoaded as G, isBrowser as H, isIframe as K, isServer as Q, isVisualEditor as U } from "./utils.mjs";
-import { getComponent as X, getCustomFallbackComponent as Z, getEnableFallbackComponent as O, setComponents as oo } from "./core/state.mjs";
-const g = (s, e = {}, o = {}) => {
-  const [n, l] = f({}), i = typeof window < "u" && typeof window.storyblokRegisterEvent < "u", t = m();
-  return k(() => {
+import { apiPlugin as x, loadStoryblokBridge as v, registerStoryblokBridge as R, storyblokEditable as w, useStoryblokBridge as B } from "@storyblok/js";
+import { storyblokInit as C } from "./core/init.mjs";
+import { getStoryblokApi as k } from "./core/use-storyblok-api.mjs";
+import { default as I } from "./core/storyblok-component.mjs";
+import { useStoryblokState as h } from "./core/use-storyblok-state.mjs";
+import { useStoryblokRichText as F } from "./richtext.mjs";
+import { createRichTextRenderer as _ } from "./core/rich-text-renderer.mjs";
+import { buildStoryblokImage as N, renderRichText as V, splitTableRows as Y } from "@storyblok/richtext";
+import { StoryblokRichText as j } from "./storyblok-rich-text.mjs";
+import { convertAttributesInElement as z, isBridgeLoaded as D, isBrowser as G, isIframe as H, isServer as K, isVisualEditor as M } from "./utils.mjs";
+import { getComponent as U, getCustomFallbackComponent as W, getEnableFallbackComponent as X, setComponents as Z } from "./core/state.mjs";
+const S = (s, e = {}, o = {}) => {
+  const [l, i] = f({}), n = typeof window < "u" && typeof window.storyblokRegisterEvent < "u", t = k();
+  return m(() => {
     if (!t) {
       console.error(
         "You can't use useStoryblok if you're not loading apiPlugin."
@@ -23,45 +25,41 @@ const g = (s, e = {}, o = {}) => {
         `cdn/stories/${s}`,
         e
       );
-      l(r.story), i && r.story.id && u(
+      i(r.story), n && r.story.id && u(
         r.story.id,
-        (y) => l(y),
+        (y) => i(y),
         o
       );
     }
     a();
-  }, [s, JSON.stringify(e), t]), t ? (o.resolveRelations = o.resolveRelations ?? e.resolve_relations, o.resolveLinks = o.resolveLinks ?? e.resolve_links, n) : null;
-}, x = c;
+  }, [s, JSON.stringify(e), t]), t ? (o.resolveRelations = o.resolveRelations ?? e.resolve_relations, o.resolveLinks = o.resolveLinks ?? e.resolve_links, l) : null;
+};
 export {
-  B as BlockTypes,
-  R as ComponentBlok,
-  C as MarkTypes,
-  V as StoryblokComponent,
-  q as StoryblokRichText,
-  E as TextTypes,
-  w as apiPlugin,
-  h as asTag,
-  D as convertAttributesInElement,
-  X as getComponent,
-  Z as getCustomFallbackComponent,
-  O as getEnableFallbackComponent,
-  m as getStoryblokApi,
-  G as isBridgeLoaded,
-  H as isBrowser,
-  K as isIframe,
-  Q as isServer,
-  U as isVisualEditor,
-  A as loadStoryblokBridge,
-  I as registerStoryblokBridge,
-  L as renderRichText,
-  F as richTextResolver,
-  oo as setComponents,
-  P as storyblokEditable,
-  M as storyblokInit,
-  g as useStoryblok,
-  m as useStoryblokApi,
-  _ as useStoryblokBridge,
-  c as useStoryblokRichText,
-  x as useStoryblokRichTextResolver,
-  $ as useStoryblokState
+  I as StoryblokComponent,
+  j as StoryblokRichText,
+  x as apiPlugin,
+  N as buildStoryblokImage,
+  z as convertAttributesInElement,
+  _ as createRichTextRenderer,
+  U as getComponent,
+  W as getCustomFallbackComponent,
+  X as getEnableFallbackComponent,
+  k as getStoryblokApi,
+  D as isBridgeLoaded,
+  G as isBrowser,
+  H as isIframe,
+  K as isServer,
+  M as isVisualEditor,
+  v as loadStoryblokBridge,
+  R as registerStoryblokBridge,
+  V as renderRichText,
+  Z as setComponents,
+  Y as splitTableRows,
+  w as storyblokEditable,
+  C as storyblokInit,
+  S as useStoryblok,
+  k as useStoryblokApi,
+  B as useStoryblokBridge,
+  F as useStoryblokRichText,
+  h as useStoryblokState
 };

package/dist/richtext.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./core/storyblok-component.js"),t=require("./core/richtext-hoc.js"),o=t.createRichTextHook(e,{isServerContext:!1});exports.useStoryblokRichText=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./core/rich-text-renderer.js");require("@storyblok/richtext");const o=require("./core/storyblok-component.js"),r=require("./core/create-default-blok.js"),c=(e={})=>t.createRichTextRenderer({optimizeImage:e.optimizeImage,components:{blok:r.createDefaultBlok(o),...e.components}});exports.useStoryblokRichText=c;

package/dist/richtext.mjs

@@ -1,8 +1,14 @@
-import o from "./core/storyblok-component.mjs";
-import { createRichTextHook as t } from "./core/richtext-hoc.mjs";
-const i = t(o, {
-  isServerContext: !1
+import { createRichTextRenderer as e } from "./core/rich-text-renderer.mjs";
+import "@storyblok/richtext";
+import t from "./core/storyblok-component.mjs";
+import { createDefaultBlok as r } from "./core/create-default-blok.mjs";
+const c = (o = {}) => e({
+  optimizeImage: o.optimizeImage,
+  components: {
+    blok: r(t),
+    ...o.components
+  }
 });
 export {
-  i as useStoryblokRichText
+  c as useStoryblokRichText
 };

package/dist/rsc.d.ts

@@ -1,9 +1,9 @@
 import { apiPlugin } from '@storyblok/js';
 import { ArrayFn } from '@storyblok/js';
-import { asTag } from '@storyblok/js';
 import { AsyncFn } from '@storyblok/js';
-import { BlockTypes } from '@storyblok/js';
-import { ComponentBlok } from '@storyblok/js';
+import { buildStoryblokImage } from '@storyblok/richtext';
+import { ComponentPropsWithoutRef } from 'react';
+import { ComponentType } from 'react';
 import { default as default_2 } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { ISbAlternateObject } from '@storyblok/js';
@@ -22,42 +22,41 @@ import { ISbStory } from '@storyblok/js';
 import { ISbStoryData } from '@storyblok/js';
 import { ISbStoryParams } from '@storyblok/js';
 import { ISbThrottle } from '@storyblok/js';
-import { loadStoryblokBridge } from '@storyblok/js';
-import { MarkTypes } from '@storyblok/js';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
-import { registerStoryblokBridge } from '@storyblok/js';
-import { renderRichText } from '@storyblok/js';
-import { richTextResolver } from '@storyblok/js';
+import { renderRichText } from '@storyblok/richtext';
 import { SbBlokData } from '@storyblok/js';
 import { SbBlokKeyDataTypes } from '@storyblok/js';
+import { SbRichTextDoc } from '@storyblok/richtext';
+import { SbRichTextElement } from '@storyblok/richtext';
+import { SbRichTextElementByType } from '@storyblok/richtext';
+import { SbRichTextImageOptions } from '@storyblok/richtext';
+import { SbRichTextInput } from '@storyblok/richtext';
+import { SbRichTextMark } from '@storyblok/richtext';
+import { SbRichTextNode } from '@storyblok/richtext';
+import { SbRichTextProps } from '@storyblok/richtext';
+import { SbRichTextRenderContext } from '@storyblok/richtext';
+import { SbRichTextRendererMap } from '@storyblok/richtext';
 import { SbSDKOptions } from '@storyblok/js';
+import { splitTableRows } from '@storyblok/richtext';
 import { StoryblokBridgeConfigV2 } from '@storyblok/js';
 import { StoryblokBridgeV2 } from '@storyblok/js';
 import { StoryblokClient } from '@storyblok/js';
 import { StoryblokComponentType } from '@storyblok/js';
 import { storyblokEditable } from '@storyblok/js';
-import { StoryblokRichTextDocumentNode } from '@storyblok/richtext';
-import { StoryblokRichTextImageOptimizationOptions } from '@storyblok/js';
-import { StoryblokRichTextNode } from '@storyblok/js';
-import { StoryblokRichTextNode as StoryblokRichTextNode_2 } from '@storyblok/richtext';
-import { StoryblokRichTextNodeTypes } from '@storyblok/js';
-import { StoryblokRichTextOptions } from '@storyblok/js';
-import { StoryblokRichTextOptions as StoryblokRichTextOptions_2 } from '@storyblok/richtext';
-import { TextTypes } from '@storyblok/js';
 import { useStoryblokBridge } from '@storyblok/js';
 
 export { apiPlugin }
 
 export { ArrayFn }
 
-export { asTag }
-
 export { AsyncFn }
 
-export { BlockTypes }
+export { buildStoryblokImage }
+
+export declare function createRichTextRenderer(options: SbReactRichTextRenderContext): (document: SbRichTextInput) => ReactNode | null;
 
-export { ComponentBlok }
+declare type DivProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'>;
 
 export declare const getComponent: (componentKey: string) => React.ElementType | false;
 
@@ -99,16 +98,8 @@ export { ISbStoryParams }
 
 export { ISbThrottle }
 
-export { loadStoryblokBridge }
-
-export { MarkTypes }
-
-export { registerStoryblokBridge }
-
 export { renderRichText }
 
-export { richTextResolver }
-
 export { SbBlokData }
 
 export { SbBlokKeyDataTypes }
@@ -117,12 +108,47 @@ export declare interface SbReactComponentsMap {
     [key: string]: default_2.ElementType;
 }
 
+declare type SbReactRichTextComponent<T extends SbRichTextElement> = ComponentType<SbReactRichTextProps<T>>;
+
+export declare type SbReactRichTextComponentMap = {
+    [K in SbRichTextElement]?: SbReactRichTextComponent<K>;
+};
+
+/**
+ * Props type for React richtext node/mark components.
+ * Similar to SbRichTextProps but uses ReactNode for children instead of string.
+ */
+export declare type SbReactRichTextProps<T extends SbRichTextElement> = SbRichTextElementByType<SbReactRichTextRenderContext>[T] & {
+    children?: ReactNode;
+};
+
+export declare interface SbReactRichTextRenderContext {
+    optimizeImage?: boolean | SbRichTextImageOptions;
+    components?: SbReactRichTextComponentMap;
+}
+
 export declare interface SbReactSDKOptions extends SbSDKOptions {
     components?: SbReactComponentsMap;
     enableFallbackComponent?: boolean;
     customFallbackComponent?: default_2.ElementType;
 }
 
+export { SbRichTextDoc }
+
+export { SbRichTextImageOptions }
+
+export { SbRichTextMark }
+
+export { SbRichTextNode }
+
+export { SbRichTextProps }
+
+declare type SbRichTextProps_2 = WrappedProps | UnwrappedProps;
+
+export { SbRichTextRenderContext }
+
+export { SbRichTextRendererMap }
+
 export { SbSDKOptions }
 
 declare interface SbServerComponentProps extends Omit<Record<string, unknown>, 'blok'> {
@@ -131,6 +157,8 @@ declare interface SbServerComponentProps extends Omit<Record<string, unknown>, '
 
 export declare const setComponents: (newComponentsMap: SbReactComponentsMap) => Map<string, React.ElementType>;
 
+export { splitTableRows }
+
 export { StoryblokBridgeConfigV2 }
 
 export { StoryblokBridgeV2 }
@@ -148,22 +176,14 @@ export declare const StoryblokLiveEditing: ({ story, bridgeOptions }: {
     bridgeOptions?: StoryblokBridgeConfigV2;
 }) => any;
 
-export { StoryblokRichTextImageOptimizationOptions }
-
-export { StoryblokRichTextNode }
-
-export { StoryblokRichTextNodeTypes }
-
-export { StoryblokRichTextOptions }
-
-export declare interface StoryblokRichTextProps {
-    doc: StoryblokRichTextNode<default_2.ReactElement>;
-    tiptapExtensions?: StoryblokRichTextOptions<default_2.ReactElement>['tiptapExtensions'];
+export declare interface StoryblokRichTextProps extends SbReactRichTextRenderContext {
+    optimizeImage?: boolean | SbRichTextImageOptions;
+    document?: SbRichTextInput;
 }
 
 export declare const StoryblokServerComponent: ForwardRefExoticComponent<Omit<SbServerComponentProps, "ref"> & RefAttributes<HTMLElement>>;
 
-export declare const StoryblokServerRichText: default_2.ForwardRefExoticComponent<StoryblokRichTextProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const StoryblokServerRichText: ({ document, optimizeImage, components, wrapper, ...rest }: SbRichTextProps_2) => ReactNode;
 
 /**
  * Shared server component for rendering Storyblok stories.
@@ -182,14 +202,18 @@ declare interface StoryblokStoryProps extends Omit<Record<string, unknown>, 'sto
     bridgeOptions?: StoryblokBridgeConfigV2;
 }
 
-export { TextTypes }
-
 export declare type TUseStoryblokState = <T = void>(initialStory: ISbStoryData<T> | null, bridgeOptions?: StoryblokBridgeConfigV2) => ISbStoryData<T> | null;
 
+declare type UnwrappedProps = StoryblokRichTextProps & {
+    wrapper: false;
+};
+
 export { useStoryblokBridge }
 
-export declare const useStoryblokServerRichText: (options: StoryblokRichTextOptions_2<React.ReactElement>) => {
-    render: (node: StoryblokRichTextDocumentNode | StoryblokRichTextNode_2<ReactNode>) => ReactNode;
+export declare const useStoryblokServerRichText: (props?: SbReactRichTextRenderContext) => (document: SbRichTextInput) => ReactNode | null;
+
+declare type WrappedProps = StoryblokRichTextProps & DivProps & {
+    wrapper?: true;
 };
 
 export { }

package/dist/rsc.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./core/init.js"),o=require("./server/richtext.js"),n=require("./server/server-component.js"),i=require("./server/server-story.js"),l=require("./server/server-storyblok-richtext-component.js"),b=require("./rsc/live-editing.js"),u=require("./rsc/story.js"),e=require("@storyblok/js"),t=require("./core/state.js"),s=require("./core/use-storyblok-api.js");exports.storyblokInit=r.storyblokInit;exports.useStoryblokServerRichText=o.useStoryblokServerRichText;exports.StoryblokServerComponent=n;exports.StoryblokServerStory=i;exports.StoryblokServerRichText=l;exports.StoryblokLiveEditing=b;exports.StoryblokStory=u;Object.defineProperty(exports,"BlockTypes",{enumerable:!0,get:()=>e.BlockTypes});Object.defineProperty(exports,"ComponentBlok",{enumerable:!0,get:()=>e.ComponentBlok});Object.defineProperty(exports,"MarkTypes",{enumerable:!0,get:()=>e.MarkTypes});Object.defineProperty(exports,"TextTypes",{enumerable:!0,get:()=>e.TextTypes});Object.defineProperty(exports,"apiPlugin",{enumerable:!0,get:()=>e.apiPlugin});Object.defineProperty(exports,"asTag",{enumerable:!0,get:()=>e.asTag});Object.defineProperty(exports,"loadStoryblokBridge",{enumerable:!0,get:()=>e.loadStoryblokBridge});Object.defineProperty(exports,"registerStoryblokBridge",{enumerable:!0,get:()=>e.registerStoryblokBridge});Object.defineProperty(exports,"renderRichText",{enumerable:!0,get:()=>e.renderRichText});Object.defineProperty(exports,"richTextResolver",{enumerable:!0,get:()=>e.richTextResolver});Object.defineProperty(exports,"storyblokEditable",{enumerable:!0,get:()=>e.storyblokEditable});Object.defineProperty(exports,"useStoryblokBridge",{enumerable:!0,get:()=>e.useStoryblokBridge});exports.getComponent=t.getComponent;exports.getCustomFallbackComponent=t.getCustomFallbackComponent;exports.getEnableFallbackComponent=t.getEnableFallbackComponent;exports.setComponents=t.setComponents;exports.getStoryblokApi=s.getStoryblokApi;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./core/init.js"),n=require("./core/rich-text-renderer.js"),t=require("@storyblok/richtext"),i=require("./server/richtext.js"),l=require("./server/server-component.js"),b=require("./server/server-story.js"),c=require("./server/server-storyblok-richtext.js"),s=require("./rsc/live-editing.js"),u=require("./rsc/story.js"),r=require("@storyblok/js"),e=require("./core/state.js"),y=require("./core/use-storyblok-api.js");exports.storyblokInit=o.storyblokInit;exports.createRichTextRenderer=n.createRichTextRenderer;Object.defineProperty(exports,"buildStoryblokImage",{enumerable:!0,get:()=>t.buildStoryblokImage});Object.defineProperty(exports,"renderRichText",{enumerable:!0,get:()=>t.renderRichText});Object.defineProperty(exports,"splitTableRows",{enumerable:!0,get:()=>t.splitTableRows});exports.useStoryblokServerRichText=i.useStoryblokServerRichText;exports.StoryblokServerComponent=l;exports.StoryblokServerStory=b;exports.StoryblokServerRichText=c.StoryblokServerRichText;exports.StoryblokLiveEditing=s;exports.StoryblokStory=u;Object.defineProperty(exports,"apiPlugin",{enumerable:!0,get:()=>r.apiPlugin});Object.defineProperty(exports,"storyblokEditable",{enumerable:!0,get:()=>r.storyblokEditable});exports.getComponent=e.getComponent;exports.getCustomFallbackComponent=e.getCustomFallbackComponent;exports.getEnableFallbackComponent=e.getEnableFallbackComponent;exports.setComponents=e.setComponents;exports.getStoryblokApi=y.getStoryblokApi;

package/dist/rsc.mjs

@@ -1,36 +1,32 @@
 import { storyblokInit as r } from "./core/init.mjs";
-import { useStoryblokServerRichText as l } from "./server/richtext.mjs";
-import { default as p } from "./server/server-component.mjs";
+import { createRichTextRenderer as l } from "./core/rich-text-renderer.mjs";
+import { buildStoryblokImage as m, renderRichText as a, splitTableRows as b } from "@storyblok/richtext";
+import { useStoryblokServerRichText as n } from "./server/richtext.mjs";
+import { default as i } from "./server/server-component.mjs";
 import { default as k } from "./server/server-story.mjs";
-import { default as n } from "./server/server-storyblok-richtext-component.mjs";
-import { default as b } from "./rsc/live-editing.mjs";
-import { default as S } from "./rsc/story.mjs";
-import { BlockTypes as x, ComponentBlok as d, MarkTypes as g, TextTypes as u, apiPlugin as T, asTag as c, loadStoryblokBridge as C, registerStoryblokBridge as v, renderRichText as B, richTextResolver as h, storyblokEditable as R, useStoryblokBridge as E } from "@storyblok/js";
-import { getComponent as A, getCustomFallbackComponent as I, getEnableFallbackComponent as L, setComponents as M } from "./core/state.mjs";
-import { getStoryblokApi as j } from "./core/use-storyblok-api.mjs";
+import { StoryblokServerRichText as y } from "./server/server-storyblok-richtext.mjs";
+import { default as u } from "./rsc/live-editing.mjs";
+import { default as g } from "./rsc/story.mjs";
+import { apiPlugin as R, storyblokEditable as v } from "@storyblok/js";
+import { getComponent as h, getCustomFallbackComponent as E, getEnableFallbackComponent as F, setComponents as I } from "./core/state.mjs";
+import { getStoryblokApi as A } from "./core/use-storyblok-api.mjs";
 export {
-  x as BlockTypes,
-  d as ComponentBlok,
-  g as MarkTypes,
-  b as StoryblokLiveEditing,
-  p as StoryblokServerComponent,
-  n as StoryblokServerRichText,
+  u as StoryblokLiveEditing,
+  i as StoryblokServerComponent,
+  y as StoryblokServerRichText,
   k as StoryblokServerStory,
-  S as StoryblokStory,
-  u as TextTypes,
-  T as apiPlugin,
-  c as asTag,
-  A as getComponent,
-  I as getCustomFallbackComponent,
-  L as getEnableFallbackComponent,
-  j as getStoryblokApi,
-  C as loadStoryblokBridge,
-  v as registerStoryblokBridge,
-  B as renderRichText,
-  h as richTextResolver,
-  M as setComponents,
-  R as storyblokEditable,
+  g as StoryblokStory,
+  R as apiPlugin,
+  m as buildStoryblokImage,
+  l as createRichTextRenderer,
+  h as getComponent,
+  E as getCustomFallbackComponent,
+  F as getEnableFallbackComponent,
+  A as getStoryblokApi,
+  a as renderRichText,
+  I as setComponents,
+  b as splitTableRows,
+  v as storyblokEditable,
   r as storyblokInit,
-  E as useStoryblokBridge,
-  l as useStoryblokServerRichText
+  n as useStoryblokServerRichText
 };

package/dist/server/richtext.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-component.js"),r=require("../core/richtext-hoc.js"),t=r.createRichTextHook(e,{isServerContext:!0});exports.useStoryblokServerRichText=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../core/create-default-blok.js"),t=require("../core/rich-text-renderer.js");require("@storyblok/richtext");const o=require("./server-component.js"),c=(e={})=>t.createRichTextRenderer({optimizeImage:e.optimizeImage,components:{blok:r.createDefaultBlok(o),...e.components}});exports.useStoryblokServerRichText=c;

package/dist/server/richtext.mjs

@@ -1,8 +1,14 @@
-import e from "./server-component.mjs";
-import { createRichTextHook as o } from "../core/richtext-hoc.mjs";
-const i = o(e, {
-  isServerContext: !0
+import { createDefaultBlok as o } from "../core/create-default-blok.mjs";
+import { createRichTextRenderer as r } from "../core/rich-text-renderer.mjs";
+import "@storyblok/richtext";
+import t from "./server-component.mjs";
+const c = (e = {}) => r({
+  optimizeImage: e.optimizeImage,
+  components: {
+    blok: o(t),
+    ...e.components
+  }
 });
 export {
-  i as useStoryblokServerRichText
+  c as useStoryblokServerRichText
 };

package/dist/server/server-storyblok-richtext.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-component.js"),t=require("../core/create-storyblok-richtext.js"),r=t.createStoryblokRichText(e);exports.StoryblokServerRichText=r;

package/dist/server/server-storyblok-richtext.mjs

@@ -0,0 +1,6 @@
+import o from "./server-component.mjs";
+import { createStoryblokRichText as r } from "../core/create-storyblok-richtext.mjs";
+const m = r(o);
+export {
+  m as StoryblokServerRichText
+};

package/dist/ssr.d.ts

@@ -1,9 +1,9 @@
 import { apiPlugin } from '@storyblok/js';
 import { ArrayFn } from '@storyblok/js';
-import { asTag } from '@storyblok/js';
 import { AsyncFn } from '@storyblok/js';
-import { BlockTypes } from '@storyblok/js';
-import { ComponentBlok } from '@storyblok/js';
+import { buildStoryblokImage } from '@storyblok/richtext';
+import { ComponentPropsWithoutRef } from 'react';
+import { ComponentType } from 'react';
 import { default as default_2 } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { ISbAlternateObject } from '@storyblok/js';
@@ -23,41 +23,42 @@ import { ISbStoryData } from '@storyblok/js';
 import { ISbStoryParams } from '@storyblok/js';
 import { ISbThrottle } from '@storyblok/js';
 import { loadStoryblokBridge } from '@storyblok/js';
-import { MarkTypes } from '@storyblok/js';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import { registerStoryblokBridge } from '@storyblok/js';
-import { renderRichText } from '@storyblok/js';
-import { richTextResolver } from '@storyblok/js';
+import { renderRichText } from '@storyblok/richtext';
 import { SbBlokData } from '@storyblok/js';
 import { SbBlokKeyDataTypes } from '@storyblok/js';
+import { SbRichTextDoc } from '@storyblok/richtext';
+import { SbRichTextElement } from '@storyblok/richtext';
+import { SbRichTextElementByType } from '@storyblok/richtext';
+import { SbRichTextImageOptions } from '@storyblok/richtext';
+import { SbRichTextInput } from '@storyblok/richtext';
+import { SbRichTextMark } from '@storyblok/richtext';
+import { SbRichTextNode } from '@storyblok/richtext';
+import { SbRichTextProps } from '@storyblok/richtext';
+import { SbRichTextRenderContext } from '@storyblok/richtext';
+import { SbRichTextRendererMap } from '@storyblok/richtext';
 import { SbSDKOptions } from '@storyblok/js';
+import { splitTableRows } from '@storyblok/richtext';
 import { StoryblokBridgeConfigV2 } from '@storyblok/js';
 import { StoryblokBridgeV2 } from '@storyblok/js';
 import { StoryblokClient } from '@storyblok/js';
 import { StoryblokComponentType } from '@storyblok/js';
 import { storyblokEditable } from '@storyblok/js';
-import { StoryblokRichTextDocumentNode } from '@storyblok/richtext';
-import { StoryblokRichTextImageOptimizationOptions } from '@storyblok/js';
-import { StoryblokRichTextNode } from '@storyblok/js';
-import { StoryblokRichTextNode as StoryblokRichTextNode_2 } from '@storyblok/richtext';
-import { StoryblokRichTextNodeTypes } from '@storyblok/js';
-import { StoryblokRichTextOptions } from '@storyblok/js';
-import { StoryblokRichTextOptions as StoryblokRichTextOptions_2 } from '@storyblok/richtext';
-import { TextTypes } from '@storyblok/js';
 import { useStoryblokBridge } from '@storyblok/js';
 
 export { apiPlugin }
 
 export { ArrayFn }
 
-export { asTag }
-
 export { AsyncFn }
 
-export { BlockTypes }
+export { buildStoryblokImage }
+
+export declare function createRichTextRenderer(options: SbReactRichTextRenderContext): (document: SbRichTextInput) => ReactNode | null;
 
-export { ComponentBlok }
+declare type DivProps = Omit<ComponentPropsWithoutRef<'div'>, 'children'>;
 
 export declare const getComponent: (componentKey: string) => React.ElementType | false;
 
@@ -99,14 +100,10 @@ export { ISbThrottle }
 
 export { loadStoryblokBridge }
 
-export { MarkTypes }
-
 export { registerStoryblokBridge }
 
 export { renderRichText }
 
-export { richTextResolver }
-
 export { SbBlokData }
 
 export { SbBlokKeyDataTypes }
@@ -115,12 +112,47 @@ export declare interface SbReactComponentsMap {
     [key: string]: default_2.ElementType;
 }
 
+declare type SbReactRichTextComponent<T extends SbRichTextElement> = ComponentType<SbReactRichTextProps<T>>;
+
+export declare type SbReactRichTextComponentMap = {
+    [K in SbRichTextElement]?: SbReactRichTextComponent<K>;
+};
+
+/**
+ * Props type for React richtext node/mark components.
+ * Similar to SbRichTextProps but uses ReactNode for children instead of string.
+ */
+export declare type SbReactRichTextProps<T extends SbRichTextElement> = SbRichTextElementByType<SbReactRichTextRenderContext>[T] & {
+    children?: ReactNode;
+};
+
+export declare interface SbReactRichTextRenderContext {
+    optimizeImage?: boolean | SbRichTextImageOptions;
+    components?: SbReactRichTextComponentMap;
+}
+
 export declare interface SbReactSDKOptions extends SbSDKOptions {
     components?: SbReactComponentsMap;
     enableFallbackComponent?: boolean;
     customFallbackComponent?: default_2.ElementType;
 }
 
+export { SbRichTextDoc }
+
+export { SbRichTextImageOptions }
+
+export { SbRichTextMark }
+
+export { SbRichTextNode }
+
+export { SbRichTextProps }
+
+declare type SbRichTextProps_2 = WrappedProps | UnwrappedProps;
+
+export { SbRichTextRenderContext }
+
+export { SbRichTextRendererMap }
+
 export { SbSDKOptions }
 
 declare interface SbServerComponentProps extends Omit<Record<string, unknown>, 'blok'> {
@@ -129,6 +161,8 @@ declare interface SbServerComponentProps extends Omit<Record<string, unknown>, '
 
 export declare const setComponents: (newComponentsMap: SbReactComponentsMap) => Map<string, React.ElementType>;
 
+export { splitTableRows }
+
 export { StoryblokBridgeConfigV2 }
 
 export { StoryblokBridgeV2 }
@@ -147,22 +181,14 @@ export { storyblokEditable }
 
 export declare const storyblokInit: (pluginOptions?: SbReactSDKOptions) => (() => StoryblokClient);
 
-export { StoryblokRichTextImageOptimizationOptions }
-
-export { StoryblokRichTextNode }
-
-export { StoryblokRichTextNodeTypes }
-
-export { StoryblokRichTextOptions }
-
-export declare interface StoryblokRichTextProps {
-    doc: StoryblokRichTextNode<default_2.ReactElement>;
-    tiptapExtensions?: StoryblokRichTextOptions<default_2.ReactElement>['tiptapExtensions'];
+export declare interface StoryblokRichTextProps extends SbReactRichTextRenderContext {
+    optimizeImage?: boolean | SbRichTextImageOptions;
+    document?: SbRichTextInput;
 }
 
 export declare const StoryblokServerComponent: ForwardRefExoticComponent<Omit<SbServerComponentProps, "ref"> & RefAttributes<HTMLElement>>;
 
-export declare const StoryblokServerRichText: default_2.ForwardRefExoticComponent<StoryblokRichTextProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare const StoryblokServerRichText: ({ document, optimizeImage, components, wrapper, ...rest }: SbRichTextProps_2) => ReactNode;
 
 /**
  * Shared server component for rendering Storyblok stories.
@@ -174,20 +200,22 @@ declare interface StoryblokServerStoryProps extends Omit<Record<string, unknown>
     story: ISbStoryData;
 }
 
-export { TextTypes }
-
 export declare type TUseStoryblokState = <T = void>(initialStory: ISbStoryData<T> | null, bridgeOptions?: StoryblokBridgeConfigV2) => ISbStoryData<T> | null;
 
+declare type UnwrappedProps = StoryblokRichTextProps & {
+    wrapper: false;
+};
+
 declare const useStoryblokApi: () => StoryblokClient;
 export { useStoryblokApi as getStoryblokApi }
 export { useStoryblokApi }
 
 export { useStoryblokBridge }
 
-export declare const useStoryblokServerRichText: (options: StoryblokRichTextOptions_2<React.ReactElement>) => {
-    render: (node: StoryblokRichTextDocumentNode | StoryblokRichTextNode_2<ReactNode>) => ReactNode;
-};
-
 export declare const useStoryblokState: TUseStoryblokState;
 
+declare type WrappedProps = StoryblokRichTextProps & DivProps & {
+    wrapper?: true;
+};
+
 export { }

package/dist/ssr.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./core/init.js"),r=require("./core/use-storyblok-api.js"),n=require("./core/storyblok-component.js"),l=require("./core/use-storyblok-state.js"),e=require("@storyblok/js"),b=require("./server/richtext.js"),i=require("./server/server-component.js"),u=require("./server/server-story.js"),s=require("./server/server-storyblok-richtext-component.js"),t=require("./core/state.js");exports.storyblokInit=o.storyblokInit;exports.getStoryblokApi=r.getStoryblokApi;exports.useStoryblokApi=r.getStoryblokApi;exports.StoryblokComponent=n;exports.useStoryblokState=l.useStoryblokState;Object.defineProperty(exports,"BlockTypes",{enumerable:!0,get:()=>e.BlockTypes});Object.defineProperty(exports,"ComponentBlok",{enumerable:!0,get:()=>e.ComponentBlok});Object.defineProperty(exports,"MarkTypes",{enumerable:!0,get:()=>e.MarkTypes});Object.defineProperty(exports,"TextTypes",{enumerable:!0,get:()=>e.TextTypes});Object.defineProperty(exports,"apiPlugin",{enumerable:!0,get:()=>e.apiPlugin});Object.defineProperty(exports,"asTag",{enumerable:!0,get:()=>e.asTag});Object.defineProperty(exports,"loadStoryblokBridge",{enumerable:!0,get:()=>e.loadStoryblokBridge});Object.defineProperty(exports,"registerStoryblokBridge",{enumerable:!0,get:()=>e.registerStoryblokBridge});Object.defineProperty(exports,"renderRichText",{enumerable:!0,get:()=>e.renderRichText});Object.defineProperty(exports,"richTextResolver",{enumerable:!0,get:()=>e.richTextResolver});Object.defineProperty(exports,"storyblokEditable",{enumerable:!0,get:()=>e.storyblokEditable});Object.defineProperty(exports,"useStoryblokBridge",{enumerable:!0,get:()=>e.useStoryblokBridge});exports.useStoryblokServerRichText=b.useStoryblokServerRichText;exports.StoryblokServerComponent=i;exports.StoryblokServerStory=u;exports.StoryblokServerRichText=s;exports.getComponent=t.getComponent;exports.getCustomFallbackComponent=t.getCustomFallbackComponent;exports.getEnableFallbackComponent=t.getEnableFallbackComponent;exports.setComponents=t.setComponents;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./core/init.js"),o=require("./core/use-storyblok-api.js"),l=require("./core/storyblok-component.js"),i=require("./core/use-storyblok-state.js"),e=require("@storyblok/js"),b=require("./core/rich-text-renderer.js"),r=require("@storyblok/richtext"),u=require("./server/server-component.js"),s=require("./server/server-story.js"),y=require("./server/server-storyblok-richtext.js"),t=require("./core/state.js");exports.storyblokInit=n.storyblokInit;exports.getStoryblokApi=o.getStoryblokApi;exports.useStoryblokApi=o.getStoryblokApi;exports.StoryblokComponent=l;exports.useStoryblokState=i.useStoryblokState;Object.defineProperty(exports,"apiPlugin",{enumerable:!0,get:()=>e.apiPlugin});Object.defineProperty(exports,"loadStoryblokBridge",{enumerable:!0,get:()=>e.loadStoryblokBridge});Object.defineProperty(exports,"registerStoryblokBridge",{enumerable:!0,get:()=>e.registerStoryblokBridge});Object.defineProperty(exports,"storyblokEditable",{enumerable:!0,get:()=>e.storyblokEditable});Object.defineProperty(exports,"useStoryblokBridge",{enumerable:!0,get:()=>e.useStoryblokBridge});exports.createRichTextRenderer=b.createRichTextRenderer;Object.defineProperty(exports,"buildStoryblokImage",{enumerable:!0,get:()=>r.buildStoryblokImage});Object.defineProperty(exports,"renderRichText",{enumerable:!0,get:()=>r.renderRichText});Object.defineProperty(exports,"splitTableRows",{enumerable:!0,get:()=>r.splitTableRows});exports.StoryblokServerComponent=u;exports.StoryblokServerStory=s;exports.StoryblokServerRichText=y.StoryblokServerRichText;exports.getComponent=t.getComponent;exports.getCustomFallbackComponent=t.getCustomFallbackComponent;exports.getEnableFallbackComponent=t.getEnableFallbackComponent;exports.setComponents=t.setComponents;

package/dist/ssr.mjs

@@ -1,37 +1,34 @@
 import { storyblokInit as r } from "./core/init.mjs";
 import { getStoryblokApi as l, getStoryblokApi as p } from "./core/use-storyblok-api.mjs";
-import { default as s } from "./core/storyblok-component.mjs";
-import { useStoryblokState as b } from "./core/use-storyblok-state.mjs";
-import { BlockTypes as n, ComponentBlok as y, MarkTypes as S, TextTypes as i, apiPlugin as x, asTag as f, loadStoryblokBridge as g, registerStoryblokBridge as d, renderRichText as u, richTextResolver as T, storyblokEditable as C, useStoryblokBridge as c } from "@storyblok/js";
-import { useStoryblokServerRichText as B } from "./server/richtext.mjs";
-import { default as R } from "./server/server-component.mjs";
-import { default as E } from "./server/server-story.mjs";
-import { default as I } from "./server/server-storyblok-richtext-component.mjs";
-import { getComponent as P, getCustomFallbackComponent as j, getEnableFallbackComponent as q, setComponents as w } from "./core/state.mjs";
+import { default as a } from "./core/storyblok-component.mjs";
+import { useStoryblokState as n } from "./core/use-storyblok-state.mjs";
+import { apiPlugin as i, loadStoryblokBridge as k, registerStoryblokBridge as s, storyblokEditable as y, useStoryblokBridge as f } from "@storyblok/js";
+import { createRichTextRenderer as d } from "./core/rich-text-renderer.mjs";
+import { buildStoryblokImage as u, renderRichText as C, splitTableRows as c } from "@storyblok/richtext";
+import { default as T } from "./server/server-component.mjs";
+import { default as v } from "./server/server-story.mjs";
+import { StoryblokServerRichText as B } from "./server/server-storyblok-richtext.mjs";
+import { getComponent as F, getCustomFallbackComponent as I, getEnableFallbackComponent as w, setComponents as P } from "./core/state.mjs";
 export {
-  n as BlockTypes,
-  y as ComponentBlok,
-  S as MarkTypes,
-  s as StoryblokComponent,
-  R as StoryblokServerComponent,
-  I as StoryblokServerRichText,
-  E as StoryblokServerStory,
-  i as TextTypes,
-  x as apiPlugin,
-  f as asTag,
-  P as getComponent,
-  j as getCustomFallbackComponent,
-  q as getEnableFallbackComponent,
+  a as StoryblokComponent,
+  T as StoryblokServerComponent,
+  B as StoryblokServerRichText,
+  v as StoryblokServerStory,
+  i as apiPlugin,
+  u as buildStoryblokImage,
+  d as createRichTextRenderer,
+  F as getComponent,
+  I as getCustomFallbackComponent,
+  w as getEnableFallbackComponent,
   l as getStoryblokApi,
-  g as loadStoryblokBridge,
-  d as registerStoryblokBridge,
-  u as renderRichText,
-  T as richTextResolver,
-  w as setComponents,
-  C as storyblokEditable,
+  k as loadStoryblokBridge,
+  s as registerStoryblokBridge,
+  C as renderRichText,
+  P as setComponents,
+  c as splitTableRows,
+  y as storyblokEditable,
   r as storyblokInit,
   p as useStoryblokApi,
-  c as useStoryblokBridge,
-  B as useStoryblokServerRichText,
-  b as useStoryblokState
+  f as useStoryblokBridge,
+  n as useStoryblokState
 };

package/dist/storyblok-rich-text.js

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),i=require("react"),u=require("./utils.js"),l=require("./richtext.js"),x=i.forwardRef(({doc:t,tiptapExtensions:e},r)=>{const{render:o}=l.useStoryblokRichText({tiptapExtensions:e}),s=o(t),c=u.convertAttributesInElement(s);return n.jsx("div",{ref:r,children:c})});module.exports=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./core/storyblok-component.js"),e=require("./core/create-storyblok-richtext.js"),o=e.createStoryblokRichText(t);exports.StoryblokRichText=o;

package/dist/storyblok-rich-text.mjs

@@ -1,15 +1,6 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { convertAttributesInElement as f } from "./utils.mjs";
-import { useStoryblokRichText as s } from "./richtext.mjs";
-const h = c(
-  ({ doc: t, tiptapExtensions: r }, o) => {
-    const { render: e } = s({
-      tiptapExtensions: r
-    }), m = e(t), n = f(m);
-    return /* @__PURE__ */ i("div", { ref: o, children: n });
-  }
-);
+import o from "./core/storyblok-component.mjs";
+import { createStoryblokRichText as t } from "./core/create-storyblok-richtext.mjs";
+const m = t(o);
 export {
-  h as default
+  m as StoryblokRichText
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@storyblok/react",
   "type": "module",
-  "version": "6.1.11",
+  "version": "7.0.0",
   "private": false,
   "description": "SDK to integrate Storyblok into your project using React.",
   "author": "Storyblok",
@@ -49,7 +49,8 @@
     }
   },
   "dependencies": {
-    "@storyblok/js": "5.1.10"
+    "@storyblok/js": "6.0.0",
+    "@storyblok/richtext": "5.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.27.1",

package/dist/core/richtext-hoc.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),o=require("@storyblok/js");function m(c,{isServerContext:n=!1}={}){return function(r){const{tiptapExtensions:i,...s}=r,a={...n?r:{},renderFn:t.createElement,textFn:e=>t.createElement(t.Fragment,{key:Math.random().toString(36).substring(2,15)},e),keyedResolvers:!0,...n?{}:s,tiptapExtensions:{blok:o.ComponentBlok.configure({renderComponent:(e,u)=>{const l=u||(n?`fallback-key-${JSON.stringify(e)}`:void 0);return t.createElement(c,{blok:e,key:l})}}),...i}};return o.richTextResolver(a)}}exports.createRichTextHook=m;

package/dist/core/richtext-hoc.mjs

@@ -1,33 +0,0 @@
-import t from "react";
-import { ComponentBlok as l, richTextResolver as p } from "@storyblok/js";
-function d(o, {
-  isServerContext: n = !1
-} = {}) {
-  return function(r) {
-    const { tiptapExtensions: c, ...i } = r, s = {
-      ...n ? r : {},
-      renderFn: t.createElement,
-      textFn: (e) => t.createElement(t.Fragment, {
-        key: Math.random().toString(36).substring(2, 15)
-      }, e),
-      keyedResolvers: !0,
-      ...n ? {} : i,
-      tiptapExtensions: {
-        blok: l.configure({
-          renderComponent: (e, a) => {
-            const m = a || (n ? `fallback-key-${JSON.stringify(e)}` : void 0);
-            return t.createElement(o, {
-              blok: e,
-              key: m
-            });
-          }
-        }),
-        ...c
-      }
-    };
-    return p(s);
-  };
-}
-export {
-  d as createRichTextHook
-};

package/dist/server/server-storyblok-richtext-component.js

@@ -1 +0,0 @@
-"use strict";const c=require("react/jsx-runtime"),i=require("react"),u=require("../utils.js"),l=require("./richtext.js"),x=i.forwardRef(({doc:t,tiptapExtensions:e},r)=>{if(!t)return null;const{render:n}=l.useStoryblokServerRichText({tiptapExtensions:e}),s=n(t),o=u.convertAttributesInElement(s);return c.jsx("div",{ref:r,children:o})});module.exports=x;

package/dist/server/server-storyblok-richtext-component.mjs

@@ -1,17 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { convertAttributesInElement as l } from "../utils.mjs";
-import { useStoryblokServerRichText as s } from "./richtext.mjs";
-const a = f(
-  ({ doc: r, tiptapExtensions: t }, o) => {
-    if (!r)
-      return null;
-    const { render: e } = s({
-      tiptapExtensions: t
-    }), m = e(r), n = l(m);
-    return /* @__PURE__ */ i("div", { ref: o, children: n });
-  }
-);
-export {
-  a as default
-};