@storyblok/react 5.3.0 → 5.4.1

package/dist/index.d.ts

@@ -1,13 +1,209 @@
-import { ISbStoriesParams, ISbStoryData, StoryblokBridgeConfigV2 } from './types';
-import { useStoryblokRichText } from './richtext';
-export declare const useStoryblok: (slug: string, apiOptions?: ISbStoriesParams, bridgeOptions?: StoryblokBridgeConfigV2) => ISbStoryData<import('storyblok-js-client').ISbComponentType<string> & {
-    [index: string]: any;
-}>;
-export * from './common/client';
-export * from './common/index';
-export { useStoryblokRichText };
-/** @deprecated Use useStoryblokRichText instead */
-export declare const useStoryblokRichTextResolver: typeof useStoryblokRichText;
-export { default as StoryblokRichText } from './storyblok-rich-text';
-export * from './utils';
-//# sourceMappingURL=index.d.ts.map
+import { apiPlugin } from '@storyblok/js';
+import { ArrayFn } from '@storyblok/js';
+import { AsyncFn } from '@storyblok/js';
+import { BlockTypes } from '@storyblok/js';
+import { default as default_2 } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { ISbAlternateObject } from '@storyblok/js';
+import { ISbCache } from '@storyblok/js';
+import { ISbComponentType } from 'storyblok-js-client';
+import { ISbConfig } from '@storyblok/js';
+import { ISbContentMangmntAPI } from '@storyblok/js';
+import { ISbDimensions } from '@storyblok/js';
+import { ISbError } from '@storyblok/js';
+import { ISbManagmentApiResult } from '@storyblok/js';
+import { ISbResponse } from '@storyblok/js';
+import { ISbResult } from '@storyblok/js';
+import { ISbSchema } from '@storyblok/js';
+import { ISbStories } from '@storyblok/js';
+import { ISbStoriesParams } from '@storyblok/js';
+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 { SbBlokData } from '@storyblok/js';
+import { SbBlokKeyDataTypes } from '@storyblok/js';
+import { SbSDKOptions } from '@storyblok/js';
+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 { StoryblokRichTextImageOptimizationOptions } from '@storyblok/js';
+import { StoryblokRichTextNode } from '@storyblok/js';
+import { StoryblokRichTextNode as StoryblokRichTextNode_2 } from '@storyblok/richtext';
+import { StoryblokRichTextNodeResolver } from '@storyblok/js';
+import { StoryblokRichTextNodeTypes } from '@storyblok/js';
+import { StoryblokRichTextOptions } from '@storyblok/js';
+import { StoryblokRichTextOptions as StoryblokRichTextOptions_2 } from '@storyblok/richtext';
+import { StoryblokRichTextResolvers } from '@storyblok/js';
+import { TextTypes } from '@storyblok/js';
+import { useStoryblokBridge } from '@storyblok/js';
+
+export { apiPlugin }
+
+export { ArrayFn }
+
+export { AsyncFn }
+
+export { BlockTypes }
+
+/**
+ * Recursively converts HTML attributes in a React element tree to their JSX property names.
+ *
+ * @param {React.ReactElement} element The React element to process.
+ * @return {React.ReactElement} A new React element with converted attributes.
+ */
+export declare function convertAttributesInElement(element: default_2.ReactElement | default_2.ReactElement[]): default_2.ReactElement | default_2.ReactElement[];
+
+export declare const getComponent: (componentKey: string) => React.ElementType | false;
+
+export declare const getCustomFallbackComponent: () => React.ElementType;
+
+export declare const getEnableFallbackComponent: () => boolean;
+
+export { ISbAlternateObject }
+
+export { ISbCache }
+
+export { ISbConfig }
+
+export { ISbContentMangmntAPI }
+
+export { ISbDimensions }
+
+export { ISbError }
+
+export { ISbManagmentApiResult }
+
+export { ISbResponse }
+
+export { ISbResult }
+
+export declare const isBridgeLoaded: () => boolean;
+
+export declare const isBrowser: () => boolean;
+
+export { ISbSchema }
+
+export { ISbStories }
+
+export { ISbStoriesParams }
+
+export { ISbStory }
+
+export { ISbStoryData }
+
+export { ISbStoryParams }
+
+export { ISbThrottle }
+
+export declare const isIframe: () => boolean;
+
+export declare const isServer: () => boolean;
+
+/**
+ * Detects if the current page is running inside Storyblok's Visual Editor.
+ * Requires the page to be in an iframe context with the _storyblok URL parameter.
+ * This is more reliable than just checking for the URL parameter alone.
+ */
+export declare const isVisualEditor: () => boolean;
+
+export { loadStoryblokBridge }
+
+export { MarkTypes }
+
+export { registerStoryblokBridge }
+
+export { renderRichText }
+
+export { richTextResolver }
+
+export { SbBlokData }
+
+export { SbBlokKeyDataTypes }
+
+export declare interface SbReactComponentsMap {
+    [key: string]: default_2.ElementType;
+}
+
+export declare interface SbReactSDKOptions extends SbSDKOptions {
+    components?: SbReactComponentsMap;
+    enableFallbackComponent?: boolean;
+    customFallbackComponent?: default_2.ElementType;
+}
+
+export { SbSDKOptions }
+
+export declare const setComponents: (newComponentsMap: SbReactComponentsMap) => Map<string, React.ElementType>;
+
+export { StoryblokBridgeConfigV2 }
+
+export { StoryblokBridgeV2 }
+
+export { StoryblokClient }
+
+export declare const StoryblokComponent: ForwardRefExoticComponent<Omit<StoryblokComponentProps, "ref"> & RefAttributes<HTMLElement>>;
+
+declare interface StoryblokComponentProps extends Omit<Record<string, unknown>, 'blok'> {
+    blok: SbBlokData;
+}
+
+export { StoryblokComponentType }
+
+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 { StoryblokRichTextNodeResolver }
+
+export { StoryblokRichTextNodeTypes }
+
+export { StoryblokRichTextOptions }
+
+export declare interface StoryblokRichTextProps {
+    doc: StoryblokRichTextNode<default_2.ReactElement>;
+    resolvers?: StoryblokRichTextResolvers<default_2.ReactElement>;
+}
+
+export { StoryblokRichTextResolvers }
+
+export { TextTypes }
+
+export declare type TUseStoryblokState = <T = void>(initialStory: ISbStoryData<T> | null, bridgeOptions?: StoryblokBridgeConfigV2) => ISbStoryData<T> | null;
+
+export declare const useStoryblok: (slug: string, apiOptions?: ISbStoriesParams, bridgeOptions?: StoryblokBridgeConfigV2) => ISbStoryData<ISbComponentType<string> & {
+    [index: string]: any;
+}>;
+
+declare const useStoryblokApi: () => StoryblokClient;
+export { useStoryblokApi as getStoryblokApi }
+export { useStoryblokApi }
+
+export { useStoryblokBridge }
+
+export declare const useStoryblokRichText: (options: StoryblokRichTextOptions_2<React.ReactElement>) => {
+    render: (node: StoryblokRichTextNode_2<ReactNode>) => ReactNode;
+};
+
+/** @deprecated Use useStoryblokRichText instead */
+export declare const useStoryblokRichTextResolver: (options: StoryblokRichTextOptions_2<React.ReactElement>) => {
+    render: (node: StoryblokRichTextNode_2<ReactNode>) => ReactNode;
+};
+
+export declare const useStoryblokState: TUseStoryblokState;
+
+export { }

package/dist/index.js

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

package/dist/index.mjs

@@ -1,15 +1,16 @@
 import { useState as f, useEffect as u } from "react";
-import { registerStoryblokBridge as k } from "./storyblok-js.mjs";
-import { BlockTypes as T, MarkTypes as B, TextTypes as E, apiPlugin as w, loadStoryblokBridge as C, renderRichText as h, richTextResolver as A, storyblokEditable as I } from "./storyblok-js.mjs";
-import { useStoryblokApi as c } from "./index2.mjs";
-import { getComponent as F, getCustomFallbackComponent as P, getEnableFallbackComponent as _, setComponents as $, storyblokInit as J } from "./index2.mjs";
-import { useStoryblokRichText as m } from "./richtext.mjs";
-import { useStoryblokState as N } from "./client.mjs";
-import { default as Y } from "./storyblok-rich-text.mjs";
+import { registerStoryblokBridge as k } from "@storyblok/js";
+import { BlockTypes as T, MarkTypes as B, TextTypes as E, apiPlugin as w, loadStoryblokBridge as C, registerStoryblokBridge as h, renderRichText as A, richTextResolver as I, storyblokEditable as L, useStoryblokBridge as F } from "@storyblok/js";
+import { storyblokInit as _ } from "./core/init.mjs";
+import { useStoryblokApi as m } from "./core/use-storyblok-api.mjs";
+import { default as M } from "./core/storyblok-component.mjs";
+import { useStoryblokState as V } from "./core/use-storyblok-state.mjs";
+import { useStoryblokRichText as c } from "./richtext.mjs";
+import { default as $ } from "./storyblok-rich-text.mjs";
 import { convertAttributesInElement as q, isBridgeLoaded as z, isBrowser as D, isIframe as G, isServer as H, isVisualEditor as K } from "./utils.mjs";
-import { default as U } from "./storyblok-component.mjs";
-const g = (s, e = {}, o = {}) => {
-  const [n, l] = f({}), i = typeof window < "u" && typeof window.storyblokRegisterEvent < "u", t = c();
+import { getComponent as U, getCustomFallbackComponent as W, getEnableFallbackComponent as X, setComponents as Z } from "./core/state.mjs";
+const x = (s, e = {}, o = {}) => {
+  const [n, l] = f({}), i = typeof window < "u" && typeof window.storyblokRegisterEvent < "u", t = m();
   return u(() => {
     if (!t) {
       console.error(
@@ -17,48 +18,48 @@ const g = (s, e = {}, o = {}) => {
       );
       return;
     }
-    async function a() {
+    async function y() {
       const { data: r } = await t.get(
         `cdn/stories/${s}`,
         e
       );
       l(r.story), i && r.story.id && k(
         r.story.id,
-        (y) => l(y),
+        (a) => l(a),
         o
       );
     }
-    a();
+    y();
   }, [s, JSON.stringify(e), t]), t ? (o.resolveRelations = o.resolveRelations ?? e.resolve_relations, o.resolveLinks = o.resolveLinks ?? e.resolve_links, n) : null;
-}, x = m;
+}, g = c;
 export {
   T as BlockTypes,
   B as MarkTypes,
-  U as StoryblokComponent,
-  Y as StoryblokRichText,
+  M as StoryblokComponent,
+  $ as StoryblokRichText,
   E as TextTypes,
   w as apiPlugin,
   q as convertAttributesInElement,
-  F as getComponent,
-  P as getCustomFallbackComponent,
-  _ as getEnableFallbackComponent,
-  c as getStoryblokApi,
+  U as getComponent,
+  W as getCustomFallbackComponent,
+  X as getEnableFallbackComponent,
+  m as getStoryblokApi,
   z as isBridgeLoaded,
   D as isBrowser,
   G as isIframe,
   H as isServer,
   K as isVisualEditor,
   C as loadStoryblokBridge,
-  k as registerStoryblokBridge,
-  h as renderRichText,
-  A as richTextResolver,
-  $ as setComponents,
-  I as storyblokEditable,
-  J as storyblokInit,
-  g as useStoryblok,
-  c as useStoryblokApi,
-  k as useStoryblokBridge,
-  m as useStoryblokRichText,
-  x as useStoryblokRichTextResolver,
-  N as useStoryblokState
+  h as registerStoryblokBridge,
+  A as renderRichText,
+  I as richTextResolver,
+  Z as setComponents,
+  L as storyblokEditable,
+  _ as storyblokInit,
+  x as useStoryblok,
+  m as useStoryblokApi,
+  F as useStoryblokBridge,
+  c as useStoryblokRichText,
+  g as useStoryblokRichTextResolver,
+  V as useStoryblokState
 };

package/dist/richtext.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),l=require("./storyblok-component.js"),n=require("./storyblok-js.js");function c(e){var r,s;const t=(r=e==null?void 0:e.attrs)==null?void 0:r.body;return o.createElement(l,{blok:Array.isArray(t)?t[0]:void 0,key:(s=e.attrs)==null?void 0:s.id})}function i(e){const t={renderFn:o.createElement,textFn:r=>o.createElement(o.Fragment,{key:Math.random().toString(36).substring(2,15)},r),resolvers:{[n.BlockTypes.COMPONENT]:c,...e.resolvers},keyedResolvers:!0};return n.richTextResolver(t)}exports.componentResolver=c;exports.useStoryblokRichText=i;
+"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;

package/dist/richtext.mjs

@@ -1,29 +1,8 @@
-import o from "react";
-import n from "./storyblok-component.mjs";
-import { BlockTypes as m, richTextResolver as a } from "./storyblok-js.mjs";
-function i(e) {
-  var t, s;
-  const r = (t = e == null ? void 0 : e.attrs) == null ? void 0 : t.body;
-  return o.createElement(n, {
-    blok: Array.isArray(r) ? r[0] : void 0,
-    key: (s = e.attrs) == null ? void 0 : s.id
-  });
-}
-function p(e) {
-  const r = {
-    renderFn: o.createElement,
-    textFn: (t) => o.createElement(o.Fragment, {
-      key: Math.random().toString(36).substring(2, 15)
-    }, t),
-    resolvers: {
-      [m.COMPONENT]: i,
-      ...e.resolvers
-    },
-    keyedResolvers: !0
-  };
-  return a(r);
-}
+import o from "./core/storyblok-component.mjs";
+import { createRichTextHook as t } from "./core/richtext-hoc.mjs";
+const i = t(o, {
+  isServerContext: !1
+});
 export {
-  i as componentResolver,
-  p as useStoryblokRichText
+  i as useStoryblokRichText
 };

package/dist/rsc/live-editing.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";const o=require("@storyblok/js"),l=require("react"),s=require("../utils.js"),u=({story:t=null,bridgeOptions:r={}})=>{if(!s.isVisualEditor())return null;const n=(t==null?void 0:t.id)??0;return l.useEffect(()=>{(async()=>{s.isBridgeLoaded()||await o.loadStoryblokBridge();const c=async i=>{var a;if(i)try{const{liveEditUpdateAction:e}=await Promise.resolve().then(()=>require("./live-edit-update-action.js"));l.startTransition(()=>{e({story:i,pathToRevalidate:window.location.pathname})})}catch(e){console.warn("Server action not available, caching story locally:",e),i.uuid&&((a=globalThis.storyCache)==null||a.set(i.uuid,i))}};o.registerStoryblokBridge(n,i=>c(i),r)})()},[n,JSON.stringify(r)]),null};module.exports=u;

package/dist/rsc/live-editing.mjs

@@ -0,0 +1,30 @@
+"use client";
+import { loadStoryblokBridge as l, registerStoryblokBridge as d } from "@storyblok/js";
+import { useEffect as c, startTransition as s } from "react";
+import { isVisualEditor as u, isBridgeLoaded as f } from "../utils.mjs";
+const E = ({ story: t = null, bridgeOptions: o = {} }) => {
+  if (!u())
+    return null;
+  const r = (t == null ? void 0 : t.id) ?? 0;
+  return c(() => {
+    (async () => {
+      f() || await l();
+      const e = async (i) => {
+        var n;
+        if (i)
+          try {
+            const { liveEditUpdateAction: a } = await import("./live-edit-update-action.mjs");
+            s(() => {
+              a({ story: i, pathToRevalidate: window.location.pathname });
+            });
+          } catch (a) {
+            console.warn("Server action not available, caching story locally:", a), i.uuid && ((n = globalThis.storyCache) == null || n.set(i.uuid, i));
+          }
+      };
+      d(r, (i) => e(i), o);
+    })();
+  }, [r, JSON.stringify(o)]), null;
+};
+export {
+  E as default
+};

package/dist/rsc/story.js

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),i=require("react"),s=require("../server/server-component.js"),l=require("./live-editing.js"),u=i.forwardRef(({story:e,bridgeOptions:t,...o},n)=>{if(!e)return console.error("Please provide a 'story' property to the StoryblokServerComponent"),null;if(globalThis.storyCache.has(e.uuid)&&(e=globalThis.storyCache.get(e.uuid),globalThis.storyCache.delete(e.uuid)),typeof e.content=="string")try{e.content=JSON.parse(e.content)}catch(c){console.error("An error occurred while trying to parse the story content",c),e.content={}}return r.jsxs(r.Fragment,{children:[r.jsx(s,{ref:n,blok:e.content,...o}),r.jsx(l,{story:e,bridgeOptions:t})]})});module.exports=u;

package/dist/{story.mjs → rsc/story.mjs}

@@ -1,9 +1,8 @@
 import { jsxs as l, Fragment as c, jsx as o } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
-import "./common.mjs";
-import p from "./live-editing.mjs";
-import h from "./server-component.mjs";
-const b = a(
+import p from "../server/server-component.mjs";
+import h from "./live-editing.mjs";
+const s = a(
   ({ story: e, bridgeOptions: r, ...t }, n) => {
     if (!e)
       return console.error(
@@ -19,11 +18,11 @@ const b = a(
         ), e.content = {};
       }
     return /* @__PURE__ */ l(c, { children: [
-      /* @__PURE__ */ o(h, { ref: n, blok: e.content, ...t }),
-      /* @__PURE__ */ o(p, { story: e, bridgeOptions: r })
+      /* @__PURE__ */ o(p, { ref: n, blok: e.content, ...t }),
+      /* @__PURE__ */ o(h, { story: e, bridgeOptions: r })
     ] });
   }
 );
 export {
-  b as default
+  s as default
 };

package/dist/rsc.d.ts

@@ -0,0 +1,194 @@
+import { apiPlugin } from '@storyblok/js';
+import { ArrayFn } from '@storyblok/js';
+import { AsyncFn } from '@storyblok/js';
+import { BlockTypes } from '@storyblok/js';
+import { default as default_2 } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { ISbAlternateObject } from '@storyblok/js';
+import { ISbCache } from '@storyblok/js';
+import { ISbConfig } from '@storyblok/js';
+import { ISbContentMangmntAPI } from '@storyblok/js';
+import { ISbDimensions } from '@storyblok/js';
+import { ISbError } from '@storyblok/js';
+import { ISbManagmentApiResult } from '@storyblok/js';
+import { ISbResponse } from '@storyblok/js';
+import { ISbResult } from '@storyblok/js';
+import { ISbSchema } from '@storyblok/js';
+import { ISbStories } from '@storyblok/js';
+import { ISbStoriesParams } from '@storyblok/js';
+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 { SbBlokData } from '@storyblok/js';
+import { SbBlokKeyDataTypes } from '@storyblok/js';
+import { SbSDKOptions } from '@storyblok/js';
+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 { StoryblokRichTextImageOptimizationOptions } from '@storyblok/js';
+import { StoryblokRichTextNode } from '@storyblok/js';
+import { StoryblokRichTextNode as StoryblokRichTextNode_2 } from '@storyblok/richtext';
+import { StoryblokRichTextNodeResolver } from '@storyblok/js';
+import { StoryblokRichTextNodeTypes } from '@storyblok/js';
+import { StoryblokRichTextOptions } from '@storyblok/js';
+import { StoryblokRichTextOptions as StoryblokRichTextOptions_2 } from '@storyblok/richtext';
+import { StoryblokRichTextResolvers } from '@storyblok/js';
+import { TextTypes } from '@storyblok/js';
+import { useStoryblokBridge } from '@storyblok/js';
+
+export { apiPlugin }
+
+export { ArrayFn }
+
+export { AsyncFn }
+
+export { BlockTypes }
+
+export declare const getComponent: (componentKey: string) => React.ElementType | false;
+
+export declare const getCustomFallbackComponent: () => React.ElementType;
+
+export declare const getEnableFallbackComponent: () => boolean;
+
+export declare const getStoryblokApi: () => StoryblokClient;
+
+export { ISbAlternateObject }
+
+export { ISbCache }
+
+export { ISbConfig }
+
+export { ISbContentMangmntAPI }
+
+export { ISbDimensions }
+
+export { ISbError }
+
+export { ISbManagmentApiResult }
+
+export { ISbResponse }
+
+export { ISbResult }
+
+export { ISbSchema }
+
+export { ISbStories }
+
+export { ISbStoriesParams }
+
+export { ISbStory }
+
+export { ISbStoryData }
+
+export { ISbStoryParams }
+
+export { ISbThrottle }
+
+export { loadStoryblokBridge }
+
+export { MarkTypes }
+
+export { registerStoryblokBridge }
+
+export { renderRichText }
+
+export { richTextResolver }
+
+export { SbBlokData }
+
+export { SbBlokKeyDataTypes }
+
+export declare interface SbReactComponentsMap {
+    [key: string]: default_2.ElementType;
+}
+
+export declare interface SbReactSDKOptions extends SbSDKOptions {
+    components?: SbReactComponentsMap;
+    enableFallbackComponent?: boolean;
+    customFallbackComponent?: default_2.ElementType;
+}
+
+export { SbSDKOptions }
+
+declare interface SbServerComponentProps extends Omit<Record<string, unknown>, 'blok'> {
+    blok: SbBlokData;
+}
+
+export declare const setComponents: (newComponentsMap: SbReactComponentsMap) => Map<string, React.ElementType>;
+
+export { StoryblokBridgeConfigV2 }
+
+export { StoryblokBridgeV2 }
+
+export { StoryblokClient }
+
+export { StoryblokComponentType }
+
+export { storyblokEditable }
+
+export declare const storyblokInit: (pluginOptions?: SbReactSDKOptions) => (() => StoryblokClient);
+
+export declare const StoryblokLiveEditing: ({ story, bridgeOptions }: {
+    story: ISbStoryData;
+    bridgeOptions?: StoryblokBridgeConfigV2;
+}) => any;
+
+export { StoryblokRichTextImageOptimizationOptions }
+
+export { StoryblokRichTextNode }
+
+export { StoryblokRichTextNodeResolver }
+
+export { StoryblokRichTextNodeTypes }
+
+export { StoryblokRichTextOptions }
+
+export declare interface StoryblokRichTextProps {
+    doc: StoryblokRichTextNode<default_2.ReactElement>;
+    resolvers?: StoryblokRichTextResolvers<default_2.ReactElement>;
+}
+
+export { StoryblokRichTextResolvers }
+
+export declare const StoryblokServerComponent: ForwardRefExoticComponent<Omit<SbServerComponentProps, "ref"> & RefAttributes<HTMLElement>>;
+
+export declare const StoryblokServerRichText: default_2.ForwardRefExoticComponent<StoryblokRichTextProps & default_2.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Shared server component for rendering Storyblok stories.
+ * Works in both SSR and RSC contexts without server actions.
+ */
+export declare const StoryblokServerStory: ForwardRefExoticComponent<Omit<StoryblokServerStoryProps, "ref"> & RefAttributes<HTMLElement>>;
+
+declare interface StoryblokServerStoryProps extends Omit<Record<string, unknown>, 'story'> {
+    story: ISbStoryData;
+}
+
+export declare const StoryblokStory: ForwardRefExoticComponent<Omit<StoryblokStoryProps, "ref"> & RefAttributes<HTMLElement>>;
+
+declare interface StoryblokStoryProps extends Omit<Record<string, unknown>, 'story' | 'bridgeOptions'> {
+    story: ISbStoryData;
+    bridgeOptions?: StoryblokBridgeConfigV2;
+}
+
+export { TextTypes }
+
+export declare type TUseStoryblokState = <T = void>(initialStory: ISbStoryData<T> | null, bridgeOptions?: StoryblokBridgeConfigV2) => ISbStoryData<T> | null;
+
+export { useStoryblokBridge }
+
+export declare const useStoryblokServerRichText: (options: StoryblokRichTextOptions_2<React.ReactElement>) => {
+    render: (node: StoryblokRichTextNode_2<ReactNode>) => ReactNode;
+};
+
+export { }

package/dist/rsc.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./common.js"),t=require("./live-editing.js"),r=require("./richtext2.js"),i=require("./server-storyblok-richtext-component.js"),l=require("./story.js"),e=require("./storyblok-js.js"),n=require("./server-component.js");exports.getComponent=o.getComponent;exports.getCustomFallbackComponent=o.getCustomFallbackComponent;exports.getEnableFallbackComponent=o.getEnableFallbackComponent;exports.getStoryblokApi=o.useStoryblokApi;exports.setComponents=o.setComponents;exports.storyblokInit=o.storyblokInit;exports.useStoryblokApi=o.useStoryblokApi;exports.StoryblokLiveEditing=t;exports.useStoryblokServerRichText=r.useStoryblokServerRichText;exports.StoryblokServerRichText=i;exports.StoryblokStory=l;exports.BlockTypes=e.BlockTypes;exports.MarkTypes=e.MarkTypes;exports.TextTypes=e.TextTypes;exports.apiPlugin=e.apiPlugin;exports.loadStoryblokBridge=e.loadStoryblokBridge;exports.registerStoryblokBridge=e.registerStoryblokBridge;exports.renderRichText=e.renderRichText;exports.richTextResolver=e.richTextResolver;exports.storyblokEditable=e.storyblokEditable;exports.useStoryblokBridge=e.registerStoryblokBridge;exports.StoryblokServerComponent=n;
+"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"),s=require("./rsc/story.js"),e=require("@storyblok/js"),t=require("./core/state.js"),u=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=s;Object.defineProperty(exports,"BlockTypes",{enumerable:!0,get:()=>e.BlockTypes});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,"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=u.useStoryblokApi;