@localess/react 3.0.1-dev.20260410070330 → 3.0.1-dev.20260411012947

package/dist/{chunk-AJP75NRT.mjs → chunk-DD2NUMQJ.mjs}

@@ -39,7 +39,7 @@ var LocalessServerComponent = forwardRef(({ data, links, references, ...restProp
 import { forwardRef as forwardRef2 } from "react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var LocalessServerDocument = forwardRef2(({ document }, ref) => {
-  if (!document || !document.data) {
+  if (!document.data) {
     console.error("LocalessServerDocument property %cdocument.data%c is not provided.", FONT_BOLD, FONT_NORMAL);
     return /* @__PURE__ */ jsxs2("div", { children: [
       "LocalessServerDocument property ",

package/dist/{chunk-V6JSXN66.mjs → chunk-UW7OWE53.mjs}

@@ -3,7 +3,6 @@ import {
   FONT_NORMAL,
   getComponent,
   getFallbackComponent,
-  getLocalessClient,
   isSyncEnabled,
   localessEditable
 } from "./chunk-ETSLIILF.mjs";
@@ -41,36 +40,6 @@ var LocalessComponent = forwardRef(
   }
 );
 
-// src/core/hooks/use-localess.ts
-import { useEffect, useState } from "react";
-import { isBrowser } from "@localess/client";
-var useLocaless = (slug, options = {}) => {
-  const [document, setDocument] = useState();
-  const client = getLocalessClient();
-  let normalizedSlug;
-  if (Array.isArray(slug)) {
-    normalizedSlug = slug.join("/");
-  } else {
-    normalizedSlug = slug;
-  }
-  useEffect(() => {
-    async function loadDocument() {
-      const document2 = await client.getContentBySlug(normalizedSlug, options);
-      setDocument(document2);
-      if (isSyncEnabled() && isBrowser()) {
-        window.localess?.on(["input", "change"], (event) => {
-          if (event.type === "change" || event.type === "input") {
-            setDocument({ ...document2, data: event.data });
-          }
-        });
-      }
-    }
-    loadDocument();
-  }, [slug, options, client]);
-  return document;
-};
-
 export {
-  LocalessComponent,
-  useLocaless
+  LocalessComponent
 };

package/dist/index.d.mts

@@ -1,16 +1,104 @@
-export { L as LocalessOptions, f as findLink, g as getComponent, a as getFallbackComponent, b as getLocalessClient, i as isSyncEnabled, l as localessInit, r as registerComponent, c as renderRichTextToReact, d as resolveAsset, s as setComponents, e as setFallbackComponent, u as unregisterComponent } from './richtext-XH7pH80J.mjs';
-import * as React from 'react';
-import { ContentData, Links, References, ContentFetchParams, Content } from '@localess/client';
+export { L as LocalessOptions, f as findLink, g as getComponent, a as getFallbackComponent, b as getLocalessClient, i as isSyncEnabled, l as localessInit, r as registerComponent, c as renderRichTextToReact, d as resolveAsset, s as setComponents, e as setFallbackComponent, u as unregisterComponent } from './richtext-D6tBmv-7.mjs';
+export { L as LocalessComponent, a as LocalessComponentProps } from './localess-component-DikkO35Z.mjs';
+import * as react from 'react';
+import { ContentData, Content, ContentFetchParams } from '@localess/client';
 export { Content, ContentAsset, ContentData, ContentDataField, ContentDataSchema, ContentLink, ContentMetadata, ContentReference, ContentRichText, EventCallback, EventToApp, EventToAppType, Links, LocalessClient, LocalessSync, References, Translations, isBrowser, isIframe, isServer, localessEditable, localessEditableField } from '@localess/client';
 
-type LocalessComponentProps<T extends ContentData = ContentData> = {
-    data: T;
-    links?: Links;
-    references?: References;
+/**
+ * Props for {@link LocalessDocument}.
+ *
+ * @template T - The content data shape. Defaults to the base {@link ContentData} type.
+ */
+type LocalessDocumentProps<T extends ContentData = ContentData> = {
+    /**
+     * The full content response object as returned by `getContentBySlug` or `getContentById`.
+     * Must contain a `data` field with a valid `_schema` key.
+     */
+    document: Content<T>;
 };
-declare const LocalessComponent: React.ForwardRefExoticComponent<LocalessComponentProps<ContentData> & React.RefAttributes<HTMLElement>>;
+/**
+ * Client Component that renders content and automatically subscribes to Visual Editor sync events.
+ *
+ * Wraps {@link LocalessComponent} with local state so that live `input` and `change` events
+ * from the Localess Visual Editor update the rendered content without a full page reload.
+ *
+ * **Recommended pattern for Next.js App Router:** fetch data in a Server Component and pass it
+ * as props. The page renders immediately with server data; once the client hydrates, live editing
+ * activates on top — no loading state needed.
+ *
+ * Sync only activates when `enableSync: true` was passed to `localessInit` **and** the page
+ * is running inside the Visual Editor iframe (`isIframe()` is true).
+ *
+ * **Requires `'use client'`** — must be used inside a Client Component boundary in Next.js
+ * App Router. Available from `@localess/react` (SPA) and `@localess/react/rsc` (RSC).
+ * Not available from `@localess/react/ssr`.
+ *
+ * @template T - The content data shape. Defaults to {@link ContentData}.
+ *
+ * @example Server Component passes data; Client Component renders with live sync
+ * ```tsx
+ * // app/[locale]/page.tsx  (Server Component)
+ * import { getLocalessClient } from '@localess/react/rsc';
+ * import PageClient from './page-client';
+ *
+ * export default async function Page({ params }) {
+ *   const content = await getLocalessClient().getContentBySlug('home', { locale: params.locale });
+ *   return <PageClient data={content.data} links={content.links} references={content.references} />;
+ * }
+ *
+ * // app/[locale]/page-client.tsx  (Client Component)
+ * 'use client';
+ * import { LocalessDocument } from '@localess/react/rsc';
+ *
+ * export default function PageClient({ data, links, references }) {
+ *   return <LocalessDocument data={data} links={links} references={references} />;
+ * }
+ * ```
+ */
+declare const LocalessDocument: react.ForwardRefExoticComponent<LocalessDocumentProps<ContentData> & react.RefAttributes<HTMLElement>>;
 
+/**
+ * Options for {@link useLocaless}.
+ * Extends {@link ContentFetchParams} with any future hook-specific settings.
+ */
 type UseLocalessOptions = ContentFetchParams & {};
+/**
+ * React hook for fetching Localess content by slug inside a Client Component.
+ *
+ * Fetches content on mount using `getLocalessClient().getContentBySlug`, stores it in local state,
+ * and — when `enableSync` is active and the page is running inside the Visual Editor iframe —
+ * automatically subscribes to `input` and `change` events so content updates live without a reload.
+ *
+ * **Requires `'use client'`** — must be called inside a Client Component.
+ *
+ * **Recommended pattern:** fetch data server-side and pass it as `initialContent`, then use the
+ * hook result with `?? initialContent` to avoid a loading flash:
+ * ```tsx
+ * const content = useLocaless('home', { locale }) ?? initialContent;
+ * ```
+ *
+ * @template T - The content data shape. Defaults to {@link ContentData}.
+ *
+ * @param slug - Content slug string, or an array of path segments that will be joined with `/`.
+ * @param options - Optional fetch parameters (locale, version, resolveReference, resolveLink).
+ * @returns The fetched {@link Content}<T> object, or `undefined` while the initial fetch is in flight.
+ *
+ * @example Basic usage
+ * ```tsx
+ * 'use client';
+ * import { useLocaless } from '@localess/react/rsc';
+ *
+ * export function PageClient({ initialContent, locale }) {
+ *   const content = useLocaless('home', { locale }) ?? initialContent;
+ *   return <LocalessComponent data={content.data} links={content.links} />;
+ * }
+ * ```
+ *
+ * @example Array slug (joined as 'blog/my-post')
+ * ```tsx
+ * const content = useLocaless(['blog', 'my-post'], { locale: 'en' });
+ * ```
+ */
 declare const useLocaless: <T extends ContentData = ContentData>(slug: string | string[], options?: UseLocalessOptions) => Content<T> | undefined;
 
-export { LocalessComponent, type LocalessComponentProps, type UseLocalessOptions, useLocaless };
+export { LocalessDocument, type LocalessDocumentProps, type UseLocalessOptions, useLocaless };

package/dist/index.d.ts

@@ -1,16 +1,104 @@
-export { L as LocalessOptions, f as findLink, g as getComponent, a as getFallbackComponent, b as getLocalessClient, i as isSyncEnabled, l as localessInit, r as registerComponent, c as renderRichTextToReact, d as resolveAsset, s as setComponents, e as setFallbackComponent, u as unregisterComponent } from './richtext-XH7pH80J.js';
-import * as React from 'react';
-import { ContentData, Links, References, ContentFetchParams, Content } from '@localess/client';
+export { L as LocalessOptions, f as findLink, g as getComponent, a as getFallbackComponent, b as getLocalessClient, i as isSyncEnabled, l as localessInit, r as registerComponent, c as renderRichTextToReact, d as resolveAsset, s as setComponents, e as setFallbackComponent, u as unregisterComponent } from './richtext-D6tBmv-7.js';
+export { L as LocalessComponent, a as LocalessComponentProps } from './localess-component-DikkO35Z.js';
+import * as react from 'react';
+import { ContentData, Content, ContentFetchParams } from '@localess/client';
 export { Content, ContentAsset, ContentData, ContentDataField, ContentDataSchema, ContentLink, ContentMetadata, ContentReference, ContentRichText, EventCallback, EventToApp, EventToAppType, Links, LocalessClient, LocalessSync, References, Translations, isBrowser, isIframe, isServer, localessEditable, localessEditableField } from '@localess/client';
 
-type LocalessComponentProps<T extends ContentData = ContentData> = {
-    data: T;
-    links?: Links;
-    references?: References;
+/**
+ * Props for {@link LocalessDocument}.
+ *
+ * @template T - The content data shape. Defaults to the base {@link ContentData} type.
+ */
+type LocalessDocumentProps<T extends ContentData = ContentData> = {
+    /**
+     * The full content response object as returned by `getContentBySlug` or `getContentById`.
+     * Must contain a `data` field with a valid `_schema` key.
+     */
+    document: Content<T>;
 };
-declare const LocalessComponent: React.ForwardRefExoticComponent<LocalessComponentProps<ContentData> & React.RefAttributes<HTMLElement>>;
+/**
+ * Client Component that renders content and automatically subscribes to Visual Editor sync events.
+ *
+ * Wraps {@link LocalessComponent} with local state so that live `input` and `change` events
+ * from the Localess Visual Editor update the rendered content without a full page reload.
+ *
+ * **Recommended pattern for Next.js App Router:** fetch data in a Server Component and pass it
+ * as props. The page renders immediately with server data; once the client hydrates, live editing
+ * activates on top — no loading state needed.
+ *
+ * Sync only activates when `enableSync: true` was passed to `localessInit` **and** the page
+ * is running inside the Visual Editor iframe (`isIframe()` is true).
+ *
+ * **Requires `'use client'`** — must be used inside a Client Component boundary in Next.js
+ * App Router. Available from `@localess/react` (SPA) and `@localess/react/rsc` (RSC).
+ * Not available from `@localess/react/ssr`.
+ *
+ * @template T - The content data shape. Defaults to {@link ContentData}.
+ *
+ * @example Server Component passes data; Client Component renders with live sync
+ * ```tsx
+ * // app/[locale]/page.tsx  (Server Component)
+ * import { getLocalessClient } from '@localess/react/rsc';
+ * import PageClient from './page-client';
+ *
+ * export default async function Page({ params }) {
+ *   const content = await getLocalessClient().getContentBySlug('home', { locale: params.locale });
+ *   return <PageClient data={content.data} links={content.links} references={content.references} />;
+ * }
+ *
+ * // app/[locale]/page-client.tsx  (Client Component)
+ * 'use client';
+ * import { LocalessDocument } from '@localess/react/rsc';
+ *
+ * export default function PageClient({ data, links, references }) {
+ *   return <LocalessDocument data={data} links={links} references={references} />;
+ * }
+ * ```
+ */
+declare const LocalessDocument: react.ForwardRefExoticComponent<LocalessDocumentProps<ContentData> & react.RefAttributes<HTMLElement>>;
 
+/**
+ * Options for {@link useLocaless}.
+ * Extends {@link ContentFetchParams} with any future hook-specific settings.
+ */
 type UseLocalessOptions = ContentFetchParams & {};
+/**
+ * React hook for fetching Localess content by slug inside a Client Component.
+ *
+ * Fetches content on mount using `getLocalessClient().getContentBySlug`, stores it in local state,
+ * and — when `enableSync` is active and the page is running inside the Visual Editor iframe —
+ * automatically subscribes to `input` and `change` events so content updates live without a reload.
+ *
+ * **Requires `'use client'`** — must be called inside a Client Component.
+ *
+ * **Recommended pattern:** fetch data server-side and pass it as `initialContent`, then use the
+ * hook result with `?? initialContent` to avoid a loading flash:
+ * ```tsx
+ * const content = useLocaless('home', { locale }) ?? initialContent;
+ * ```
+ *
+ * @template T - The content data shape. Defaults to {@link ContentData}.
+ *
+ * @param slug - Content slug string, or an array of path segments that will be joined with `/`.
+ * @param options - Optional fetch parameters (locale, version, resolveReference, resolveLink).
+ * @returns The fetched {@link Content}<T> object, or `undefined` while the initial fetch is in flight.
+ *
+ * @example Basic usage
+ * ```tsx
+ * 'use client';
+ * import { useLocaless } from '@localess/react/rsc';
+ *
+ * export function PageClient({ initialContent, locale }) {
+ *   const content = useLocaless('home', { locale }) ?? initialContent;
+ *   return <LocalessComponent data={content.data} links={content.links} />;
+ * }
+ * ```
+ *
+ * @example Array slug (joined as 'blog/my-post')
+ * ```tsx
+ * const content = useLocaless(['blog', 'my-post'], { locale: 'en' });
+ * ```
+ */
 declare const useLocaless: <T extends ContentData = ContentData>(slug: string | string[], options?: UseLocalessOptions) => Content<T> | undefined;
 
-export { LocalessComponent, type LocalessComponentProps, type UseLocalessOptions, useLocaless };
+export { LocalessDocument, type LocalessDocumentProps, type UseLocalessOptions, useLocaless };

package/dist/index.js

@@ -21,6 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   LocalessComponent: () => LocalessComponent,
+  LocalessDocument: () => LocalessDocument,
   findLink: () => findLink,
   getComponent: () => getComponent,
   getFallbackComponent: () => getFallbackComponent,
@@ -163,11 +164,36 @@ var LocalessComponent = (0, import_react.forwardRef)(
   }
 );
 
-// src/core/hooks/use-localess.ts
+// src/core/components/localess-document.tsx
 var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var LocalessDocument = (0, import_react2.forwardRef)(({ document }, ref) => {
+  const [contentData, setContentData] = (0, import_react2.useState)(document.data);
+  (0, import_react2.useEffect)(() => {
+    if (isSyncEnabled() && (0, import_client2.isBrowser)() && (0, import_client2.isIframe)()) {
+      window.localess?.on(["input", "change"], (event) => {
+        if (event.type === "change" || event.type === "input") {
+          setContentData(event.data);
+        }
+      });
+    }
+  }, []);
+  if (!contentData) {
+    console.error("LocalessDocument property %cdocument.data%c is not provided.", FONT_BOLD, FONT_NORMAL);
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+      "LocalessDocument property ",
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("b", { children: "document.data" }),
+      " is not provided."
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LocalessComponent, { ref, data: contentData, links: document.links, references: document.references });
+});
+
+// src/core/hooks/use-localess.ts
+var import_react3 = require("react");
 var import_client3 = require("@localess/client");
 var useLocaless = (slug, options = {}) => {
-  const [document, setDocument] = (0, import_react2.useState)();
+  const [document, setDocument] = (0, import_react3.useState)();
   const client = getLocalessClient();
   let normalizedSlug;
   if (Array.isArray(slug)) {
@@ -175,7 +201,7 @@ var useLocaless = (slug, options = {}) => {
   } else {
     normalizedSlug = slug;
   }
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     async function loadDocument() {
       const document2 = await client.getContentBySlug(normalizedSlug, options);
       setDocument(document2);
@@ -193,7 +219,7 @@ var useLocaless = (slug, options = {}) => {
 };
 
 // src/core/richtext.ts
-var import_react3 = require("@tiptap/static-renderer/pm/react");
+var import_react4 = require("@tiptap/static-renderer/pm/react");
 var import_extension_document = require("@tiptap/extension-document");
 var import_extension_text = require("@tiptap/extension-text");
 var import_extension_paragraph = require("@tiptap/extension-paragraph");
@@ -210,7 +236,7 @@ var import_extension_code = require("@tiptap/extension-code");
 var import_extension_code_block_lowlight = require("@tiptap/extension-code-block-lowlight");
 var import_extension_link = require("@tiptap/extension-link");
 function renderRichTextToReact(content) {
-  return (0, import_react3.renderToReactElement)({
+  return (0, import_react4.renderToReactElement)({
     content,
     extensions: [
       import_extension_document.Document,
@@ -236,6 +262,7 @@ function renderRichTextToReact(content) {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   LocalessComponent,
+  LocalessDocument,
   findLink,
   getComponent,
   getFallbackComponent,

package/dist/index.mjs

@@ -1,8 +1,9 @@
 import {
-  LocalessComponent,
-  useLocaless
-} from "./chunk-V6JSXN66.mjs";
+  LocalessComponent
+} from "./chunk-UW7OWE53.mjs";
 import {
+  FONT_BOLD,
+  FONT_NORMAL,
   findLink,
   getComponent,
   getFallbackComponent,
@@ -21,8 +22,63 @@ import {
   setFallbackComponent,
   unregisterComponent
 } from "./chunk-ETSLIILF.mjs";
+
+// src/core/components/localess-document.tsx
+import { forwardRef, useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var LocalessDocument = forwardRef(({ document }, ref) => {
+  const [contentData, setContentData] = useState(document.data);
+  useEffect(() => {
+    if (isSyncEnabled() && isBrowser() && isIframe()) {
+      window.localess?.on(["input", "change"], (event) => {
+        if (event.type === "change" || event.type === "input") {
+          setContentData(event.data);
+        }
+      });
+    }
+  }, []);
+  if (!contentData) {
+    console.error("LocalessDocument property %cdocument.data%c is not provided.", FONT_BOLD, FONT_NORMAL);
+    return /* @__PURE__ */ jsxs("div", { children: [
+      "LocalessDocument property ",
+      /* @__PURE__ */ jsx("b", { children: "document.data" }),
+      " is not provided."
+    ] });
+  }
+  return /* @__PURE__ */ jsx(LocalessComponent, { ref, data: contentData, links: document.links, references: document.references });
+});
+
+// src/core/hooks/use-localess.ts
+import { useEffect as useEffect2, useState as useState2 } from "react";
+import { isBrowser as isBrowser2 } from "@localess/client";
+var useLocaless = (slug, options = {}) => {
+  const [document, setDocument] = useState2();
+  const client = getLocalessClient();
+  let normalizedSlug;
+  if (Array.isArray(slug)) {
+    normalizedSlug = slug.join("/");
+  } else {
+    normalizedSlug = slug;
+  }
+  useEffect2(() => {
+    async function loadDocument() {
+      const document2 = await client.getContentBySlug(normalizedSlug, options);
+      setDocument(document2);
+      if (isSyncEnabled() && isBrowser2()) {
+        window.localess?.on(["input", "change"], (event) => {
+          if (event.type === "change" || event.type === "input") {
+            setDocument({ ...document2, data: event.data });
+          }
+        });
+      }
+    }
+    loadDocument();
+  }, [slug, options, client]);
+  return document;
+};
 export {
   LocalessComponent,
+  LocalessDocument,
   findLink,
   getComponent,
   getFallbackComponent,

package/dist/localess-component-DikkO35Z.d.mts

@@ -0,0 +1,58 @@
+import * as react from 'react';
+import { ContentData, Links, References } from '@localess/client';
+
+/**
+ * Props for {@link LocalessComponent}.
+ *
+ * @template T - The content data shape. Defaults to the base {@link ContentData} type.
+ */
+type LocalessComponentProps<T extends ContentData = ContentData> = {
+    /**
+     * The content data object to render. Must have a `_schema` field that matches a key
+     * in the component registry configured via `localessInit`.
+     */
+    data: T;
+    /**
+     * Optional map of content links keyed by link ID.
+     * Pass through to child components so they can resolve {@link ContentLink} values with `findLink`.
+     */
+    links?: Links;
+    /**
+     * Optional map of resolved content references keyed by reference ID.
+     * Pass through to child components that consume referenced content.
+     */
+    references?: References;
+};
+/**
+ * Dynamic schema-to-component renderer for use in SPA and client-side contexts.
+ *
+ * Looks up `data._schema` in the component registry (set via `localessInit` or `setComponents`),
+ * renders the matched component, and — when Visual Editor sync is active — automatically
+ * spreads `localessEditable` attributes on the root element for live targeting.
+ *
+ * Falls back to the `fallbackComponent` (if registered) when the schema key is not found,
+ * or renders an inline error message as a last resort.
+ *
+ * **Server-safe** — does not include a `'use client'` directive and can be used in
+ * React Server Components. For SSR / static-export environments use {@link LocalessServerComponent}
+ * from `@localess/react/ssr` instead, which omits the sync attribute injection.
+ *
+ * @template T - The content data shape. Defaults to {@link ContentData}.
+ *
+ * @example Basic usage
+ * ```tsx
+ * import { LocalessComponent } from '@localess/react';
+ *
+ * <LocalessComponent data={content.data} links={content.links} references={content.references} />
+ * ```
+ *
+ * @example Rendering a list of nested blocks
+ * ```tsx
+ * {data.body.map(item => (
+ *   <LocalessComponent key={item._id} data={item} links={content.links} references={content.references} />
+ * ))}
+ * ```
+ */
+declare const LocalessComponent: react.ForwardRefExoticComponent<LocalessComponentProps<ContentData> & react.RefAttributes<HTMLElement>>;
+
+export { LocalessComponent as L, type LocalessComponentProps as a };

package/dist/localess-component-DikkO35Z.d.ts

@@ -0,0 +1,58 @@
+import * as react from 'react';
+import { ContentData, Links, References } from '@localess/client';
+
+/**
+ * Props for {@link LocalessComponent}.
+ *
+ * @template T - The content data shape. Defaults to the base {@link ContentData} type.
+ */
+type LocalessComponentProps<T extends ContentData = ContentData> = {
+    /**
+     * The content data object to render. Must have a `_schema` field that matches a key
+     * in the component registry configured via `localessInit`.
+     */
+    data: T;
+    /**
+     * Optional map of content links keyed by link ID.
+     * Pass through to child components so they can resolve {@link ContentLink} values with `findLink`.
+     */
+    links?: Links;
+    /**
+     * Optional map of resolved content references keyed by reference ID.
+     * Pass through to child components that consume referenced content.
+     */
+    references?: References;
+};
+/**
+ * Dynamic schema-to-component renderer for use in SPA and client-side contexts.
+ *
+ * Looks up `data._schema` in the component registry (set via `localessInit` or `setComponents`),
+ * renders the matched component, and — when Visual Editor sync is active — automatically
+ * spreads `localessEditable` attributes on the root element for live targeting.
+ *
+ * Falls back to the `fallbackComponent` (if registered) when the schema key is not found,
+ * or renders an inline error message as a last resort.
+ *
+ * **Server-safe** — does not include a `'use client'` directive and can be used in
+ * React Server Components. For SSR / static-export environments use {@link LocalessServerComponent}
+ * from `@localess/react/ssr` instead, which omits the sync attribute injection.
+ *
+ * @template T - The content data shape. Defaults to {@link ContentData}.
+ *
+ * @example Basic usage
+ * ```tsx
+ * import { LocalessComponent } from '@localess/react';
+ *
+ * <LocalessComponent data={content.data} links={content.links} references={content.references} />
+ * ```
+ *
+ * @example Rendering a list of nested blocks
+ * ```tsx
+ * {data.body.map(item => (
+ *   <LocalessComponent key={item._id} data={item} links={content.links} references={content.references} />
+ * ))}
+ * ```
+ */
+declare const LocalessComponent: react.ForwardRefExoticComponent<LocalessComponentProps<ContentData> & react.RefAttributes<HTMLElement>>;
+
+export { LocalessComponent as L, type LocalessComponentProps as a };