@storyblok/react 6.1.10 → 7.0.0

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.10",
+  "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.9"
+    "@storyblok/js": "6.0.0",
+    "@storyblok/richtext": "5.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.27.1",
@@ -76,7 +77,7 @@
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.3",
     "vitest": "^3.1.3",
-    "@storyblok/eslint-config": "0.5.0"
+    "@storyblok/eslint-config": "0.5.1"
   },
   "babel": {
     "presets": [

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;