@localess/react 3.0.1-dev.20260410071322 → 3.0.1-dev.20260412201733

package/dist/ssr/index.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @localess/react/ssr
+ *
+ * Server-side rendering export — safe for SSR and Next.js static site generation (`output: 'export'`).
+ * Does NOT include live Visual Editor editing, client-side hooks, or any browser-only utilities.
+ * This is the smallest bundle of the three exports.
+ *
+ * Use this export when:
+ * - Using Next.js with `output: 'export'` (static site generation)
+ * - Server-side rendering where live editing is not required
+ * - You want to minimise bundle size by excluding all sync/bridge code
+ *
+ * For the default SPA export use `@localess/react`.
+ * For React Server Components with live editing use `@localess/react/rsc`.
+ *
+ * @example
+ * ```ts
+ * import { localessInit, LocalessServerComponent } from '@localess/react/ssr';
+ * ```
+ *
+ * NOT available in this export:
+ * - LocalessDocument   (requires 'use client')
+ * - useLocaless        (requires 'use client')
+ * - localessEditable / localessEditableField / isBrowser / isIframe (browser-only)
+ * - isSyncEnabled      (not meaningful without live editing)
+ * - Sync event types   (LocalessSync, EventToApp, EventCallback, EventToAppType)
+ */
+export { localessInit, getLocalessClient, registerComponent, unregisterComponent, getComponent, getFallbackComponent, resolveAsset, } from '../core/state';
+export * from './localess-component';
+export * from './localess-document';
+export { renderRichTextToReact } from '../core/richtext';
+export * from '../core/utils';
+export type * from '../core/models';

package/dist/ssr/index.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../core/state.js`),t=require(`../core/utils/link.util.js`),n=require(`../core/richtext.js`),r=require(`./localess-component.js`),i=require(`./localess-document.js`);let a=require(`@localess/client`);exports.LocalessServerComponent=r.LocalessServerComponent,exports.LocalessServerDocument=i.LocalessServerDocument,exports.findLink=t.findLink,exports.getComponent=e.getComponent,exports.getFallbackComponent=e.getFallbackComponent,exports.getLocalessClient=e.getLocalessClient,Object.defineProperty(exports,`isBrowser`,{enumerable:!0,get:function(){return a.isBrowser}}),Object.defineProperty(exports,`isIframe`,{enumerable:!0,get:function(){return a.isIframe}}),Object.defineProperty(exports,`isServer`,{enumerable:!0,get:function(){return a.isServer}}),Object.defineProperty(exports,`localessEditable`,{enumerable:!0,get:function(){return a.localessEditable}}),Object.defineProperty(exports,`localessEditableField`,{enumerable:!0,get:function(){return a.localessEditableField}}),exports.localessInit=e.localessInit,exports.registerComponent=e.registerComponent,exports.renderRichTextToReact=n.renderRichTextToReact,exports.resolveAsset=e.resolveAsset,exports.unregisterComponent=e.unregisterComponent;

package/dist/ssr/index.mjs

@@ -0,0 +1,7 @@
+import { getComponent as e, getFallbackComponent as t, getLocalessClient as n, localessInit as r, registerComponent as i, resolveAsset as a, unregisterComponent as o } from "../core/state.mjs";
+import { findLink as s } from "../core/utils/link.util.mjs";
+import { isBrowser as c, isIframe as l, isServer as u, localessEditable as d, localessEditableField as f } from "../core/utils/index.mjs";
+import { renderRichTextToReact as p } from "../core/richtext.mjs";
+import { LocalessServerComponent as m } from "./localess-component.mjs";
+import { LocalessServerDocument as h } from "./localess-document.mjs";
+export { m as LocalessServerComponent, h as LocalessServerDocument, s as findLink, e as getComponent, t as getFallbackComponent, n as getLocalessClient, c as isBrowser, l as isIframe, u as isServer, d as localessEditable, f as localessEditableField, r as localessInit, i as registerComponent, p as renderRichTextToReact, a as resolveAsset, o as unregisterComponent };

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

@@ -0,0 +1,48 @@
+import { ContentData, Links, References } from '../core/models';
+/**
+ * Props for {@link LocalessServerComponent}.
+ *
+ * @template T - The content data shape. Defaults to the base {@link ContentData} type.
+ */
+export type LocalessServerComponentProps<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;
+};
+/**
+ * Server-safe dynamic schema-to-component renderer for SSR and static-export environments.
+ *
+ * Equivalent to {@link LocalessComponent} but intentionally omits Visual Editor sync
+ * attribute injection (`localessEditable`), making it safe for:
+ * - Next.js static exports (`output: 'export'`)
+ * - Server-side rendering where live editing is not needed
+ *
+ * Looks up `data._schema` in the component registry, renders the matched component,
+ * falls back to the `fallbackComponent` if registered, or renders an inline error.
+ *
+ * **No `'use client'` directive** — safe to render in React Server Components.
+ * If you need live Visual Editor editing use {@link LocalessComponent} from
+ * `@localess/react` or `@localess/react/rsc` instead.
+ *
+ * @template T - The content data shape. Defaults to {@link ContentData}.
+ *
+ * @example
+ * ```tsx
+ * import { LocalessServerComponent } from '@localess/react/ssr';
+ *
+ * <LocalessServerComponent data={content.data} links={content.links} references={content.references} />
+ * ```
+ */
+export declare const LocalessServerComponent: import('react').ForwardRefExoticComponent<LocalessServerComponentProps<ContentData> & import('react').RefAttributes<HTMLElement>>;

package/dist/ssr/localess-component.js

@@ -0,0 +1 @@
+const e=require(`../console.js`),t=require(`../core/state.js`);let n=require(`react`),r=require(`react/jsx-runtime`);var i=(0,n.forwardRef)(({data:n,links:i,references:a,...o},s)=>{if(!n)return console.error(`LocalessServerComponent property %cdata%c is not provided.`,e.FONT_BOLD,e.FONT_NORMAL),(0,r.jsxs)(`div`,{children:[`LocalessServerComponent property `,(0,r.jsx)(`b`,{children:`data`}),` is not provided.`]});let c=t.getComponent(n._schema);if(c)return(0,r.jsx)(c,{ref:s,data:n,links:i,references:a,...o});let l=t.getFallbackComponent();return l?(0,r.jsx)(l,{ref:s,data:n,links:i,references:a,...o}):(0,r.jsxs)(`p`,{children:[(0,r.jsx)(`b`,{children:`LocalessServerComponent`}),` could not found component with key `,(0,r.jsx)(`b`,{children:n._schema}),`. `,(0,r.jsx)(`br`,{}),`Please check if your configuration is correct.`]})});exports.LocalessServerComponent=i;

package/dist/ssr/localess-component.mjs

@@ -0,0 +1,37 @@
+import { FONT_BOLD as e, FONT_NORMAL as t } from "../console.mjs";
+import { getComponent as n, getFallbackComponent as r } from "../core/state.mjs";
+import { forwardRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/ssr/localess-component.tsx
+var s = i(({ data: i, links: s, references: c, ...l }, u) => {
+	if (!i) return console.error("LocalessServerComponent property %cdata%c is not provided.", e, t), /* @__PURE__ */ o("div", { children: [
+		"LocalessServerComponent property ",
+		/* @__PURE__ */ a("b", { children: "data" }),
+		" is not provided."
+	] });
+	let d = n(i._schema);
+	if (d) return /* @__PURE__ */ a(d, {
+		ref: u,
+		data: i,
+		links: s,
+		references: c,
+		...l
+	});
+	let f = r();
+	return f ? /* @__PURE__ */ a(f, {
+		ref: u,
+		data: i,
+		links: s,
+		references: c,
+		...l
+	}) : /* @__PURE__ */ o("p", { children: [
+		/* @__PURE__ */ a("b", { children: "LocalessServerComponent" }),
+		" could not found component with key ",
+		/* @__PURE__ */ a("b", { children: i._schema }),
+		". ",
+		/* @__PURE__ */ a("br", {}),
+		"Please check if your configuration is correct."
+	] });
+});
+//#endregion
+export { s as LocalessServerComponent };

package/dist/ssr/localess-document.d.ts

@@ -0,0 +1,42 @@
+import { Content, ContentData } from '../core/models';
+/**
+ * Props for {@link LocalessServerDocument}.
+ *
+ * @template T - The content data shape. Defaults to the base {@link ContentData} type.
+ */
+export type LocalessServerDocumentProps<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>;
+};
+/**
+ * Server-safe document renderer for SSR and static-export environments.
+ *
+ * Accepts the full {@link Content} wrapper (as returned by `getContentBySlug` /
+ * `getContentById`) and delegates to {@link LocalessServerComponent}, automatically
+ * passing `data`, `links`, and `references` through.
+ *
+ * This is a convenience wrapper — use it when you want to render a fetched
+ * `Content<T>` object without manually destructuring it.
+ *
+ * **No live editing** — does not subscribe to Visual Editor sync events.
+ * For live Visual Editor editing use {@link LocalessDocument} from `@localess/react/rsc`.
+ *
+ * **No `'use client'` directive** — safe to render in React Server Components
+ * and Next.js static export pages.
+ *
+ * @template T - The content data shape. Defaults to {@link ContentData}.
+ *
+ * @example
+ * ```tsx
+ * import { LocalessServerDocument } from '@localess/react/ssr';
+ *
+ * // Server Component or getServerSideProps
+ * const content = await getLocalessClient().getContentBySlug<MyPage>('home', { locale: 'en' });
+ *
+ * return <LocalessServerDocument document={content} />;
+ * ```
+ */
+export declare const LocalessServerDocument: import('react').ForwardRefExoticComponent<LocalessServerDocumentProps<ContentData> & import('react').RefAttributes<HTMLElement>>;

package/dist/ssr/localess-document.js

@@ -0,0 +1 @@
+const e=require(`../console.js`),t=require(`./localess-component.js`);let n=require(`react`),r=require(`react/jsx-runtime`);var i=(0,n.forwardRef)(({document:n},i)=>n.data?(0,r.jsx)(t.LocalessServerComponent,{ref:i,data:n.data,links:n.links,references:n.references}):(console.error(`LocalessServerDocument property %cdocument.data%c is not provided.`,e.FONT_BOLD,e.FONT_NORMAL),(0,r.jsxs)(`div`,{children:[`LocalessServerDocument property `,(0,r.jsx)(`b`,{children:`document.data`}),` is not provided.`]})));exports.LocalessServerDocument=i;

package/dist/ssr/localess-document.mjs

@@ -0,0 +1,17 @@
+import { FONT_BOLD as e, FONT_NORMAL as t } from "../console.mjs";
+import { LocalessServerComponent as n } from "./localess-component.mjs";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/ssr/localess-document.tsx
+var o = r(({ document: r }, o) => r.data ? /* @__PURE__ */ i(n, {
+	ref: o,
+	data: r.data,
+	links: r.links,
+	references: r.references
+}) : (console.error("LocalessServerDocument property %cdocument.data%c is not provided.", e, t), /* @__PURE__ */ a("div", { children: [
+	"LocalessServerDocument property ",
+	/* @__PURE__ */ i("b", { children: "document.data" }),
+	" is not provided."
+] })));
+//#endregion
+export { o as LocalessServerDocument };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@localess/react",
-  "version": "3.0.1-dev.20260410071322",
+  "version": "3.0.1-dev.20260412201733",
   "description": "ReactJS JavaScript/TypeScript SDK for Localess's API.",
   "keywords": [
     "localess",
@@ -36,52 +36,60 @@
       "require": "./dist/index.js"
     },
     "./ssr": {
-      "types": "./dist/ssr.d.ts",
-      "import": "./dist/ssr.mjs",
-      "require": "./dist/ssr.js"
+      "types": "./dist/ssr/index.d.ts",
+      "import": "./dist/ssr/index.mjs",
+      "require": "./dist/ssr/index.js"
     },
     "./rsc": {
-      "types": "./dist/rsc.d.ts",
-      "import": "./dist/rsc.mjs",
-      "require": "./dist/rsc.js"
+      "types": "./dist/rsc/index.d.ts",
+      "import": "./dist/rsc/index.mjs",
+      "require": "./dist/rsc/index.js"
+    },
+    "./rsc/client": {
+      "types": "./dist/rsc/client.d.ts",
+      "import": "./dist/rsc/client.mjs",
+      "require": "./dist/rsc/client.js"
     }
   },
   "private": false,
   "license": "MIT",
   "scripts": {
-    "build": "tsup"
+    "build": "vite build"
   },
   "peerDependencies": {
     "react": "^17 || ^18 || ^19",
     "react-dom": "^17 || ^18 || ^19"
   },
   "dependencies": {
-    "@localess/client": "3.0.1-dev.20260410071322",
-    "@tiptap/static-renderer": "^3.20.1",
-    "@tiptap/html": "^3.20.1",
+    "@localess/client": "3.0.1-dev.20260412201733",
     "@tiptap/extension-bold": "^3.20.1",
-    "@tiptap/extension-italic": "^3.20.1",
-    "@tiptap/extension-strike": "^3.20.1",
-    "@tiptap/extension-underline": "^3.20.1",
-    "@tiptap/extension-document": "^3.20.1",
-    "@tiptap/extension-text": "^3.20.1",
-    "@tiptap/extension-paragraph": "^3.20.1",
-    "@tiptap/extension-history": "^3.20.1",
-    "@tiptap/extension-list-item": "^3.20.1",
     "@tiptap/extension-bullet-list": "^3.20.1",
-    "@tiptap/extension-ordered-list": "^3.20.1",
     "@tiptap/extension-code": "^3.20.1",
     "@tiptap/extension-code-block-lowlight": "^3.20.1",
+    "@tiptap/extension-document": "^3.20.1",
+    "@tiptap/extension-heading": "^3.20.1",
+    "@tiptap/extension-history": "^3.20.1",
+    "@tiptap/extension-italic": "^3.20.1",
     "@tiptap/extension-link": "^3.20.1",
-    "@tiptap/extension-heading": "^3.20.1"
+    "@tiptap/extension-list-item": "^3.20.1",
+    "@tiptap/extension-ordered-list": "^3.20.1",
+    "@tiptap/extension-paragraph": "^3.20.1",
+    "@tiptap/extension-strike": "^3.20.1",
+    "@tiptap/extension-text": "^3.20.1",
+    "@tiptap/extension-underline": "^3.20.1",
+    "@tiptap/html": "^3.20.1",
+    "@tiptap/static-renderer": "^3.20.1"
   },
   "devDependencies": {
-    "@types/react": "^19.0.0",
     "@types/node": "^20",
+    "@types/react": "^19.0.0",
+    "@vitejs/plugin-react": "^6.0.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "tsup": "^8.5.1",
-    "typescript": "^5.9.3"
+    "rollup-preserve-directives": "^1.1.3",
+    "typescript": "^5.9.3",
+    "vite": "^8.0.8",
+    "vite-plugin-dts": "^4.5.4"
   },
   "engines": {
     "node": ">= 20.0.0"

package/dist/chunk-AJP75NRT.mjs

@@ -1,56 +0,0 @@
-import {
-  FONT_BOLD,
-  FONT_NORMAL,
-  getComponent,
-  getFallbackComponent
-} from "./chunk-ETSLIILF.mjs";
-
-// src/ssr/localess-component.tsx
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var LocalessServerComponent = forwardRef(({ data, links, references, ...restProps }, ref) => {
-  if (!data) {
-    console.error("LocalessServerComponent property %cdata%c is not provided.", FONT_BOLD, FONT_NORMAL);
-    return /* @__PURE__ */ jsxs("div", { children: [
-      "LocalessServerComponent property ",
-      /* @__PURE__ */ jsx("b", { children: "data" }),
-      " is not provided."
-    ] });
-  }
-  const Comp = getComponent(data._schema);
-  if (Comp) {
-    return /* @__PURE__ */ jsx(Comp, { ref, data, links, references, ...restProps });
-  }
-  const FallbackComponent = getFallbackComponent();
-  if (FallbackComponent) {
-    return /* @__PURE__ */ jsx(FallbackComponent, { ref, data, links, references, ...restProps });
-  }
-  return /* @__PURE__ */ jsxs("p", { children: [
-    /* @__PURE__ */ jsx("b", { children: "LocalessServerComponent" }),
-    " could not found component with key ",
-    /* @__PURE__ */ jsx("b", { children: data._schema }),
-    ". ",
-    /* @__PURE__ */ jsx("br", {}),
-    "Please check if your configuration is correct."
-  ] });
-});
-
-// src/ssr/localess-document.tsx
-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) {
-    console.error("LocalessServerDocument property %cdocument.data%c is not provided.", FONT_BOLD, FONT_NORMAL);
-    return /* @__PURE__ */ jsxs2("div", { children: [
-      "LocalessServerDocument property ",
-      /* @__PURE__ */ jsx2("b", { children: "document.data" }),
-      " is not provided."
-    ] });
-  }
-  return /* @__PURE__ */ jsx2(LocalessServerComponent, { ref, data: document.data, links: document.links, references: document.references });
-});
-
-export {
-  LocalessServerComponent,
-  LocalessServerDocument
-};

package/dist/chunk-ETSLIILF.mjs

@@ -1,149 +0,0 @@
-// src/core/state.ts
-import { loadLocalessSync, localessClient } from "@localess/client";
-
-// src/console.ts
-var FONT_BOLD = "font-weight: bold";
-var FONT_NORMAL = "font-weight: normal";
-
-// src/core/state.ts
-var _client = void 0;
-var _components = {};
-var _fallbackComponent = void 0;
-var _enableSync = false;
-var _assetPathPrefix = "";
-function localessInit(options) {
-  console.log("localessInit", options);
-  const { components, fallbackComponent, enableSync, ...restOptions } = options;
-  _client = localessClient(restOptions);
-  _assetPathPrefix = `${options.origin}/api/v1/spaces/${options.spaceId}/assets/`;
-  _components = components || {};
-  _fallbackComponent = fallbackComponent;
-  if (enableSync) {
-    _enableSync = true;
-    loadLocalessSync(restOptions.origin);
-  }
-  return _client;
-}
-function getLocalessClient() {
-  if (!_client) {
-    console.error("[Localess] No client found. Please check if the Localess is initialized.");
-    throw new Error("[Localess] No client found.");
-  }
-  return _client;
-}
-function registerComponent(key, component) {
-  _components[key] = component;
-}
-function unregisterComponent(key) {
-  delete _components[key];
-}
-function setComponents(components) {
-  _components = components;
-}
-function getComponent(key) {
-  if (Object.hasOwn(_components, key)) {
-    return _components[key];
-  }
-  console.error(`[Localess] component %c${key}%c can't be found.`, FONT_BOLD, FONT_NORMAL);
-  return void 0;
-}
-function setFallbackComponent(fallbackComponent) {
-  _fallbackComponent = fallbackComponent;
-}
-function getFallbackComponent() {
-  return _fallbackComponent;
-}
-function isSyncEnabled() {
-  return _enableSync;
-}
-function resolveAsset(asset) {
-  return `${_assetPathPrefix}${asset.uri}`;
-}
-
-// src/core/utils/link.util.ts
-function findLink(links, link) {
-  switch (link.type) {
-    case "content": {
-      if (links) {
-        const path = links[link.uri];
-        if (path) {
-          return "/" + path.fullSlug;
-        } else {
-          return "/not-found";
-        }
-      }
-      return "/not-found";
-    }
-    case "url":
-      return link.uri;
-    default:
-      return "no-type";
-  }
-}
-
-// src/core/utils/index.ts
-import { localessEditable, localessEditableField, isBrowser, isServer, isIframe } from "@localess/client";
-
-// src/core/richtext.ts
-import { renderToReactElement } from "@tiptap/static-renderer/pm/react";
-import { Document } from "@tiptap/extension-document";
-import { Text } from "@tiptap/extension-text";
-import { Paragraph } from "@tiptap/extension-paragraph";
-import { Heading } from "@tiptap/extension-heading";
-import { Bold } from "@tiptap/extension-bold";
-import { Italic } from "@tiptap/extension-italic";
-import { Strike } from "@tiptap/extension-strike";
-import { Underline } from "@tiptap/extension-underline";
-import { History } from "@tiptap/extension-history";
-import { ListItem } from "@tiptap/extension-list-item";
-import { OrderedList } from "@tiptap/extension-ordered-list";
-import { BulletList } from "@tiptap/extension-bullet-list";
-import { Code } from "@tiptap/extension-code";
-import { CodeBlockLowlight } from "@tiptap/extension-code-block-lowlight";
-import { Link } from "@tiptap/extension-link";
-function renderRichTextToReact(content) {
-  return renderToReactElement({
-    content,
-    extensions: [
-      Document,
-      Text,
-      Paragraph,
-      Heading.configure({
-        levels: [1, 2, 3, 4, 5, 6]
-      }),
-      Bold,
-      Italic,
-      Strike,
-      Underline,
-      History,
-      ListItem,
-      OrderedList,
-      BulletList,
-      Code,
-      CodeBlockLowlight,
-      Link
-    ]
-  });
-}
-
-export {
-  FONT_BOLD,
-  FONT_NORMAL,
-  localessInit,
-  getLocalessClient,
-  registerComponent,
-  unregisterComponent,
-  setComponents,
-  getComponent,
-  setFallbackComponent,
-  getFallbackComponent,
-  isSyncEnabled,
-  resolveAsset,
-  findLink,
-  localessEditable,
-  localessEditableField,
-  isBrowser,
-  isServer,
-  isIframe,
-  renderRichTextToReact
-};

package/dist/chunk-V6JSXN66.mjs

@@ -1,76 +0,0 @@
-import {
-  FONT_BOLD,
-  FONT_NORMAL,
-  getComponent,
-  getFallbackComponent,
-  getLocalessClient,
-  isSyncEnabled,
-  localessEditable
-} from "./chunk-ETSLIILF.mjs";
-
-// src/core/components/localess-component.tsx
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var LocalessComponent = forwardRef(
-  ({ data, links, references, ...restProps }, ref) => {
-    if (!data) {
-      console.error("LocalessComponent property %cdata%c is not provided.", FONT_BOLD, FONT_NORMAL);
-      return /* @__PURE__ */ jsxs("div", { children: [
-        "LocalessComponent property ",
-        /* @__PURE__ */ jsx("b", { children: "data" }),
-        " is not provided."
-      ] });
-    }
-    const Comp = getComponent(data._schema);
-    if (Comp) {
-      const attr = isSyncEnabled() ? localessEditable(data) : {};
-      return /* @__PURE__ */ jsx(Comp, { ref, data, links, references, ...attr, ...restProps });
-    }
-    const FallbackComponent = getFallbackComponent();
-    if (FallbackComponent) {
-      return /* @__PURE__ */ jsx(FallbackComponent, { ref, data, links, references, ...restProps });
-    }
-    return /* @__PURE__ */ jsxs("p", { children: [
-      /* @__PURE__ */ jsx("b", { children: "LocalessComponent" }),
-      " could not found component with key ",
-      /* @__PURE__ */ jsx("b", { children: data._schema }),
-      ". ",
-      /* @__PURE__ */ jsx("br", {}),
-      "Please check if your configuration is correct."
-    ] });
-  }
-);
-
-// 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
-};