@revealui/core 0.0.1-pre.4 → 0.2.1

package/dist/richtext/exports/client/rcc.d.ts

@@ -0,0 +1,37 @@
+/**
+ * RevealUI Rich Text Editor - React Client Components
+ *
+ * Provides client-side rendering components for Lexical content.
+ * Converts Lexical JSON state to React elements without requiring a server.
+ */
+import type { SerializedLinkNode } from '@lexical/link';
+import { type SerializedEditorState, type SerializedLexicalNode } from 'lexical';
+import { type JSX } from 'react';
+interface SerializedBlockNode extends SerializedLexicalNode {
+    type: 'block';
+    fields?: Record<string, unknown>;
+}
+export interface ClientSerializeOptions {
+    renderBlock?: (node: SerializedBlockNode, index: number) => JSX.Element | null;
+    renderLink?: (node: SerializedLinkNode, children: JSX.Element | null, index: number) => JSX.Element;
+    renderImage?: (data: {
+        src?: string;
+        alt?: string;
+        width?: number;
+        height?: number;
+        caption?: string;
+    }, index: number) => JSX.Element | null;
+}
+/**
+ * Serialize a Lexical editor state to React elements (client-side)
+ */
+export declare function serializeLexicalStateClient(data: SerializedEditorState | null | undefined, options?: ClientSerializeOptions): JSX.Element | null;
+/**
+ * Client-side RichText rendering component
+ */
+export declare function RichTextContent({ data, className, ...options }: {
+    data: SerializedEditorState | null | undefined;
+    className?: string;
+} & ClientSerializeOptions): JSX.Element | null;
+export {};
+//# sourceMappingURL=rcc.d.ts.map

package/dist/richtext/exports/client/rcc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rcc.d.ts","sourceRoot":"","sources":["../../../../src/richtext/exports/client/rcc.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAA0B,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAQ/E,OAAO,EAQL,KAAK,qBAAqB,EAE1B,KAAK,qBAAqB,EAE3B,MAAM,SAAS,CAAA;AAChB,OAAO,EAAY,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AA2B1C,UAAU,mBAAoB,SAAQ,qBAAqB;IACzD,IAAI,EAAE,OAAO,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACjC;AAED,MAAM,WAAW,sBAAsB;IACrC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;IAC9E,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,kBAAkB,EACxB,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,EAC5B,KAAK,EAAE,MAAM,KACV,GAAG,CAAC,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,CACZ,IAAI,EAAE;QACJ,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,OAAO,CAAC,EAAE,MAAM,CAAA;KACjB,EACD,KAAK,EAAE,MAAM,KACV,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;CACxB;AAwPD;;GAEG;AACH,wBAAgB,2BAA2B,CACzC,IAAI,EAAE,qBAAqB,GAAG,IAAI,GAAG,SAAS,EAC9C,OAAO,CAAC,EAAE,sBAAsB,GAC/B,GAAG,CAAC,OAAO,GAAG,IAAI,CAMpB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,GAAG,OAAO,EACX,EAAE;IACD,IAAI,EAAE,qBAAqB,GAAG,IAAI,GAAG,SAAS,CAAA;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,sBAAsB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAO9C"}

package/dist/richtext/exports/client/rcc.js

@@ -0,0 +1,182 @@
+/**
+ * RevealUI Rich Text Editor - React Client Components
+ *
+ * Provides client-side rendering components for Lexical content.
+ * Converts Lexical JSON state to React elements without requiring a server.
+ */
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IS_BOLD, IS_CODE, IS_ITALIC, IS_STRIKETHROUGH, IS_SUBSCRIPT, IS_SUPERSCRIPT, IS_UNDERLINE, } from 'lexical';
+import { Fragment } from 'react';
+// ============================================
+// TEXT SERIALIZATION
+// ============================================
+function serializeTextNode(node, index) {
+    let text = _jsx(Fragment, { children: node.text }, index);
+    const format = node.format || 0;
+    if (format & IS_BOLD) {
+        text = _jsx("strong", { children: text }, index);
+    }
+    if (format & IS_ITALIC) {
+        text = _jsx("em", { children: text }, index);
+    }
+    if (format & IS_UNDERLINE) {
+        text = (_jsx("span", { style: { textDecoration: 'underline' }, children: text }, index));
+    }
+    if (format & IS_STRIKETHROUGH) {
+        text = (_jsx("span", { style: { textDecoration: 'line-through' }, children: text }, index));
+    }
+    if (format & IS_CODE) {
+        text = _jsx("code", { children: node.text }, index);
+    }
+    if (format & IS_SUBSCRIPT) {
+        text = _jsx("sub", { children: text }, index);
+    }
+    if (format & IS_SUPERSCRIPT) {
+        text = _jsx("sup", { children: text }, index);
+    }
+    return text;
+}
+// ============================================
+// RECURSIVE SERIALIZATION
+// ============================================
+function serializeChildren(children, options) {
+    if (!children || children.length === 0)
+        return null;
+    return _jsx(Fragment, { children: children.map((child, index) => serializeNode(child, index, options)) });
+}
+function serializeNode(node, index, options) {
+    if (!node)
+        return null;
+    const n = node;
+    // Text node
+    if (node.type === 'text') {
+        return serializeTextNode(node, index);
+    }
+    // Linebreak
+    if (node.type === 'linebreak') {
+        return _jsx("br", {}, index);
+    }
+    // Tab
+    if (node.type === 'tab') {
+        return _jsx("span", { children: '{"\t"}' }, index);
+    }
+    // Paragraph
+    if (node.type === 'paragraph') {
+        return _jsx("p", { children: serializeChildren(n.children, options) }, index);
+    }
+    // Heading
+    if (node.type === 'heading') {
+        const headingNode = node;
+        const Tag = (headingNode.tag || 'h1');
+        return _jsx(Tag, { children: serializeChildren(n.children, options) }, index);
+    }
+    // Quote
+    if (node.type === 'quote') {
+        return _jsx("blockquote", { children: serializeChildren(n.children, options) }, index);
+    }
+    // List
+    if (node.type === 'list') {
+        const listNode = node;
+        const Tag = listNode.listType === 'number' ? 'ol' : 'ul';
+        return _jsx(Tag, { children: serializeChildren(n.children, options) }, index);
+    }
+    // List item
+    if (node.type === 'listitem') {
+        const listItemNode = node;
+        return (_jsx("li", { value: listItemNode.value, children: serializeChildren(n.children, options) }, index));
+    }
+    // Link
+    if (node.type === 'link') {
+        const linkNode = node;
+        const children = serializeChildren(n.children, options);
+        if (options?.renderLink) {
+            return options.renderLink(linkNode, children, index);
+        }
+        const href = linkNode.url || '#';
+        const target = linkNode.target ? '_blank' : undefined;
+        const rel = linkNode.target ? 'noopener noreferrer' : undefined;
+        return (_jsx("a", { href: href, target: target, rel: rel, children: children }, index));
+    }
+    // Autolink
+    if (node.type === 'autolink') {
+        const autoLinkNode = node;
+        return (_jsx("a", { href: autoLinkNode.url || '#', children: serializeChildren(n.children, options) }, index));
+    }
+    // Image
+    if (node.type === 'image') {
+        const imageNode = node;
+        const src = imageNode.fields?.src || imageNode.src || '';
+        const alt = imageNode.fields?.alt || imageNode.alt || '';
+        const width = imageNode.fields?.width || imageNode.width;
+        const height = imageNode.fields?.height || imageNode.height;
+        const caption = imageNode.fields?.caption || imageNode.caption;
+        if (options?.renderImage) {
+            return options.renderImage({ src, alt, width, height, caption }, index);
+        }
+        return (_jsxs("figure", { style: { margin: '16px 0', textAlign: 'center' }, children: [_jsx("img", { src: src, alt: alt, width: width, height: height, style: { maxWidth: '100%', height: 'auto', display: 'block' } }), caption && (_jsx("figcaption", { style: { marginTop: '8px', fontSize: '14px', color: '#64748b', fontStyle: 'italic' }, children: caption }))] }, index));
+    }
+    // Horizontal rule
+    if (node.type === 'horizontalrule') {
+        return _jsx("hr", {}, index);
+    }
+    // Code block
+    if (node.type === 'code') {
+        return (_jsx("pre", { children: _jsx("code", { children: serializeChildren(n.children, options) }) }, index));
+    }
+    // Code highlight
+    if (node.type === 'code-highlight') {
+        const codeHighlightNode = node;
+        return (_jsx("span", { className: codeHighlightNode.highlightType, children: serializeChildren(n.children, options) }, index));
+    }
+    // Block (custom block types)
+    if (node.type === 'block') {
+        if (options?.renderBlock) {
+            return options.renderBlock(node, index);
+        }
+        return null;
+    }
+    // Table
+    if (node.type === 'table') {
+        return (_jsx("table", { children: _jsx("tbody", { children: serializeChildren(n.children, options) }) }, index));
+    }
+    // Table row
+    if (node.type === 'tablerow') {
+        return _jsx("tr", { children: serializeChildren(n.children, options) }, index);
+    }
+    // Table cell
+    if (node.type === 'tablecell') {
+        const tableCellNode = node;
+        const isHeader = (tableCellNode.headerState ?? 0) !== 0;
+        const Tag = isHeader ? 'th' : 'td';
+        return (_jsx(Tag, { colSpan: tableCellNode.colSpan, rowSpan: tableCellNode.rowSpan, children: serializeChildren(n.children, options) }, index));
+    }
+    // Unknown node type — try to render children
+    if (n.children) {
+        return _jsx(Fragment, { children: serializeChildren(n.children, options) }, index);
+    }
+    return null;
+}
+// ============================================
+// PUBLIC API
+// ============================================
+/**
+ * Serialize a Lexical editor state to React elements (client-side)
+ */
+export function serializeLexicalStateClient(data, options) {
+    if (!data?.root?.children) {
+        return null;
+    }
+    return serializeChildren(data.root.children, options);
+}
+/**
+ * Client-side RichText rendering component
+ */
+export function RichTextContent({ data, className, ...options }) {
+    if (!data)
+        return null;
+    const content = serializeLexicalStateClient(data, options);
+    if (!content)
+        return null;
+    return _jsx("div", { className: className, children: content });
+}

package/dist/richtext/exports/server/rsc.d.ts

@@ -0,0 +1,117 @@
+/**
+ * RevealUI Rich Text Editor - React Server Components
+ *
+ * Provides server-side rendering components for Lexical content.
+ * Converts Lexical JSON state to React elements without requiring a browser.
+ */
+import type { SerializedEditorState, SerializedLexicalNode } from 'lexical';
+import { type JSX } from 'react';
+export type { SerializedEditorState };
+interface SerializedElementNode extends SerializedLexicalNode {
+    type: string;
+    children?: SerializedLexicalNode[];
+    direction?: 'ltr' | 'rtl' | null;
+    format?: string | number;
+    indent?: number;
+    tag?: string;
+    listType?: 'bullet' | 'number' | 'check';
+    checked?: boolean;
+    value?: number;
+}
+interface SerializedLinkNode extends SerializedElementNode {
+    type: 'link';
+    fields?: {
+        url?: string;
+        linkType?: 'custom' | 'internal';
+        newTab?: boolean;
+        doc?: {
+            value: string;
+            relationTo: string;
+        };
+    };
+}
+interface SerializedBlockNode extends SerializedLexicalNode {
+    type: 'block';
+    fields?: Record<string, unknown>;
+}
+export interface DefaultNodeTypes {
+    type: string;
+    children?: DefaultNodeTypes[];
+    format?: number;
+    text?: string;
+    tag?: string;
+    listType?: string;
+    checked?: boolean;
+    value?: number;
+    fields?: Record<string, unknown>;
+}
+export interface SerializedBlockNodeGeneric<T = Record<string, unknown>> extends SerializedLexicalNode {
+    type: 'block';
+    fields: T & {
+        blockType: string;
+    };
+}
+export interface RscEntryLexicalCellProps {
+    data?: SerializedEditorState | null;
+    className?: string;
+}
+export interface RscEntryLexicalFieldProps {
+    data?: SerializedEditorState | null;
+    className?: string;
+}
+interface SerializeOptions {
+    /** Custom block renderer */
+    renderBlock?: (node: SerializedBlockNode, index: number) => JSX.Element | null;
+    /** Custom link renderer */
+    renderLink?: (node: SerializedLinkNode, children: JSX.Element | null, index: number) => JSX.Element;
+    /** Custom image renderer */
+    renderImage?: (data: {
+        src?: string;
+        alt?: string;
+        width?: number;
+        height?: number;
+        caption?: string;
+    }, index: number) => JSX.Element | null;
+}
+/**
+ * Serialize a Lexical editor state to React elements
+ */
+export declare function serializeLexicalState(data: SerializedEditorState | null | undefined, options?: SerializeOptions): JSX.Element | null;
+/**
+ * Generate HTML string from Lexical nodes (server-side)
+ *
+ * @async
+ * Uses ReactDOMServer.renderToString to convert React elements to HTML string.
+ * Falls back to text extraction if ReactDOMServer is not available (e.g., edge runtime).
+ *
+ * @param data - Serialized Lexical editor state
+ * @returns Promise resolving to HTML string
+ */
+export declare function $generateHtmlFromNodes(data: SerializedEditorState | null | undefined): Promise<string>;
+/**
+ * Server component for rendering Lexical content in table cells
+ */
+export declare function RscEntryLexicalCell({ data, className }: RscEntryLexicalCellProps): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Server component for rendering Lexical content in form fields
+ */
+export declare function RscEntryLexicalField({ data, className }: RscEntryLexicalFieldProps): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Generic RSC component for rendering Lexical content
+ */
+export interface RichTextContentProps {
+    data: SerializedEditorState | null | undefined;
+    className?: string;
+    renderBlock?: (node: SerializedBlockNode, index: number) => JSX.Element | null;
+    renderLink?: (node: SerializedLinkNode, children: JSX.Element | null, index: number) => JSX.Element;
+    renderImage?: (data: {
+        src?: string;
+        alt?: string;
+        width?: number;
+        height?: number;
+        caption?: string;
+    }, index: number) => JSX.Element | null;
+}
+export declare function RichTextContent({ data, className, renderBlock, renderLink, renderImage, }: RichTextContentProps): import("react/jsx-runtime").JSX.Element | null;
+export default RichTextContent;
+//# sourceMappingURL=rsc.d.ts.map

package/dist/richtext/exports/server/rsc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rsc.d.ts","sourceRoot":"","sources":["../../../../src/richtext/exports/server/rsc.tsx"],"names":[],"mappings":"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"}

package/dist/richtext/exports/server/rsc.js

@@ -0,0 +1,288 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from 'react';
+// ============================================
+// TEXT FORMAT CONSTANTS
+// ============================================
+const IS_BOLD = 1;
+const IS_ITALIC = 2;
+const IS_STRIKETHROUGH = 4;
+const IS_UNDERLINE = 8;
+const IS_CODE = 16;
+const IS_SUBSCRIPT = 32;
+const IS_SUPERSCRIPT = 64;
+/**
+ * Serialize a text node with formatting
+ */
+function serializeTextNode(node, index) {
+    let text = _jsx(Fragment, { children: node.text }, index);
+    const format = node.format || 0;
+    if (format & IS_BOLD) {
+        text = _jsx("strong", { children: text }, index);
+    }
+    if (format & IS_ITALIC) {
+        text = _jsx("em", { children: text }, index);
+    }
+    if (format & IS_UNDERLINE) {
+        text = (_jsx("span", { style: { textDecoration: 'underline' }, children: text }, index));
+    }
+    if (format & IS_STRIKETHROUGH) {
+        text = (_jsx("span", { style: { textDecoration: 'line-through' }, children: text }, index));
+    }
+    if (format & IS_CODE) {
+        text = _jsx("code", { children: node.text }, index);
+    }
+    if (format & IS_SUBSCRIPT) {
+        text = _jsx("sub", { children: text }, index);
+    }
+    if (format & IS_SUPERSCRIPT) {
+        text = _jsx("sup", { children: text }, index);
+    }
+    return text;
+}
+/**
+ * Serialize children nodes recursively
+ */
+function serializeChildren(children, options) {
+    if (!children || children.length === 0)
+        return null;
+    return _jsx(Fragment, { children: children.map((child, index) => serializeNode(child, index, options)) });
+}
+/**
+ * Serialize a single Lexical node to React elements
+ */
+function serializeNode(node, index, options) {
+    if (!node)
+        return null;
+    // Cast for property access
+    const n = node;
+    // Text node
+    if (node.type === 'text') {
+        return serializeTextNode(node, index);
+    }
+    // Linebreak
+    if (node.type === 'linebreak') {
+        return _jsx("br", {}, index);
+    }
+    // Tab
+    if (node.type === 'tab') {
+        return _jsx("span", { children: '\t' }, index);
+    }
+    // Paragraph
+    if (node.type === 'paragraph') {
+        return _jsx("p", { children: serializeChildren(n.children, options) }, index);
+    }
+    // Heading
+    if (node.type === 'heading') {
+        const Tag = (n.tag || 'h1');
+        return _jsx(Tag, { children: serializeChildren(n.children, options) }, index);
+    }
+    // Quote
+    if (node.type === 'quote') {
+        return _jsx("blockquote", { children: serializeChildren(n.children, options) }, index);
+    }
+    // List
+    if (node.type === 'list') {
+        const Tag = n.listType === 'number' ? 'ol' : 'ul';
+        const listClass = n.listType === 'check' ? 'checklist' : undefined;
+        return (_jsx(Tag, { className: listClass, children: serializeChildren(n.children, options) }, index));
+    }
+    // List item
+    if (node.type === 'listitem') {
+        if (n.checked !== undefined) {
+            // Checklist item
+            return (_jsx("li", { 
+                // role="checkbox"
+                // aria-checked={n.checked}
+                tabIndex: -1, className: n.checked ? 'checked' : 'unchecked', value: n.value, children: serializeChildren(n.children, options) }, index));
+        }
+        return (_jsx("li", { value: n.value, children: serializeChildren(n.children, options) }, index));
+    }
+    // Link
+    if (node.type === 'link') {
+        const linkNode = node;
+        const children = serializeChildren(n.children, options);
+        // Allow custom link renderer
+        if (options?.renderLink) {
+            return options.renderLink(linkNode, children, index);
+        }
+        // Default link rendering
+        const href = linkNode.fields?.url || '#';
+        const target = linkNode.fields?.newTab ? '_blank' : undefined;
+        const rel = linkNode.fields?.newTab ? 'noopener noreferrer' : undefined;
+        return (_jsx("a", { href: href, target: target, rel: rel, children: children }, index));
+    }
+    // Autolink
+    if (node.type === 'autolink') {
+        const children = serializeChildren(n.children, options);
+        const autoLinkNode = node;
+        return (_jsx("a", { href: autoLinkNode.url || '#', children: children }, index));
+    }
+    // Image (from upload feature)
+    if (node.type === 'image') {
+        const imageNode = node;
+        const src = imageNode.fields?.src || '';
+        const alt = imageNode.fields?.alt || '';
+        const width = imageNode.fields?.width;
+        const height = imageNode.fields?.height;
+        const caption = imageNode.fields?.caption;
+        // Allow custom image renderer
+        if (options?.renderImage) {
+            return options.renderImage(imageNode.fields || {}, index);
+        }
+        // Default image rendering
+        return (_jsxs("figure", { style: { margin: '16px 0', textAlign: 'center' }, children: [_jsx("img", { src: src, alt: alt, width: width, height: height, style: {
+                        maxWidth: '100%',
+                        height: 'auto',
+                        display: 'block',
+                    } }), caption && (_jsx("figcaption", { style: {
+                        marginTop: '8px',
+                        fontSize: '14px',
+                        color: '#64748b',
+                        fontStyle: 'italic',
+                    }, children: caption }))] }, index));
+    }
+    // Horizontal rule
+    if (node.type === 'horizontalrule') {
+        return _jsx("hr", {}, index);
+    }
+    // Code block
+    if (node.type === 'code') {
+        return (_jsx("pre", { children: _jsx("code", { children: serializeChildren(n.children, options) }) }, index));
+    }
+    // Code highlight
+    if (node.type === 'code-highlight') {
+        const codeHighlightNode = node;
+        return (_jsx("span", { className: codeHighlightNode.highlightType, children: serializeChildren(n.children, options) }, index));
+    }
+    // Block (custom block types)
+    if (node.type === 'block') {
+        const blockNode = node;
+        if (options?.renderBlock) {
+            return options.renderBlock(blockNode, index);
+        }
+        // Default: render nothing for unknown blocks
+        return null;
+    }
+    // Table
+    if (node.type === 'table') {
+        return (_jsx("table", { children: _jsx("tbody", { children: serializeChildren(n.children, options) }) }, index));
+    }
+    // Table row
+    if (node.type === 'tablerow') {
+        return _jsx("tr", { children: serializeChildren(n.children, options) }, index);
+    }
+    // Table cell
+    if (node.type === 'tablecell') {
+        const tableCellNode = node;
+        const isHeader = (tableCellNode.headerState ?? 0) !== 0;
+        const Tag = isHeader ? 'th' : 'td';
+        return (_jsx(Tag, { colSpan: tableCellNode.colSpan, rowSpan: tableCellNode.rowSpan, children: serializeChildren(n.children, options) }, index));
+    }
+    // Unknown node type - try to render children if available
+    if (n.children) {
+        return _jsx(Fragment, { children: serializeChildren(n.children, options) }, index);
+    }
+    return null;
+}
+/**
+ * Serialize a Lexical editor state to React elements
+ */
+export function serializeLexicalState(data, options) {
+    if (!data?.root?.children) {
+        return null;
+    }
+    return serializeChildren(data.root.children, options);
+}
+/**
+ * Generate HTML string from Lexical nodes (server-side)
+ *
+ * @async
+ * Uses ReactDOMServer.renderToString to convert React elements to HTML string.
+ * Falls back to text extraction if ReactDOMServer is not available (e.g., edge runtime).
+ *
+ * @param data - Serialized Lexical editor state
+ * @returns Promise resolving to HTML string
+ */
+export async function $generateHtmlFromNodes(data) {
+    if (!data?.root?.children) {
+        return '';
+    }
+    // Serialize to React elements first
+    const reactElement = serializeLexicalState(data);
+    if (!reactElement) {
+        return '';
+    }
+    // Try to use ReactDOMServer for full HTML rendering
+    // This is the proper implementation for server-side HTML generation
+    try {
+        // Dynamic import to avoid bundling in client code
+        const ReactDOMServer = await import('react-dom/server');
+        if (ReactDOMServer && typeof ReactDOMServer.renderToString === 'function') {
+            return ReactDOMServer.renderToString(reactElement);
+        }
+    }
+    catch {
+        // ReactDOMServer not available (e.g., edge runtime, client-side)
+        // Fall back to simple text extraction for compatibility
+    }
+    // Fallback: Extract text content only (for edge runtime compatibility)
+    const extractText = (nodes) => {
+        return nodes
+            .map((node) => {
+            if (node.type === 'text') {
+                return node.text;
+            }
+            const elementChildren = node.children;
+            if (elementChildren) {
+                return extractText(elementChildren);
+            }
+            return '';
+        })
+            .join('');
+    };
+    return extractText(data.root.children);
+}
+// ============================================
+// RSC COMPONENTS
+// ============================================
+/**
+ * Server component for rendering Lexical content in table cells
+ */
+export function RscEntryLexicalCell({ data, className }) {
+    if (!data) {
+        return null;
+    }
+    const content = serializeLexicalState(data);
+    if (!content) {
+        return null;
+    }
+    return _jsx("div", { className: className, children: content });
+}
+/**
+ * Server component for rendering Lexical content in form fields
+ */
+export function RscEntryLexicalField({ data, className }) {
+    if (!data) {
+        return null;
+    }
+    const content = serializeLexicalState(data);
+    if (!content) {
+        return null;
+    }
+    return _jsx("div", { className: className, children: content });
+}
+export function RichTextContent({ data, className, renderBlock, renderLink, renderImage, }) {
+    if (!data) {
+        return null;
+    }
+    const content = serializeLexicalState(data, {
+        renderBlock: renderBlock || undefined,
+        renderLink: renderLink || undefined,
+        renderImage: renderImage || undefined,
+    });
+    if (!content) {
+        return null;
+    }
+    return _jsx("div", { className: className, children: content });
+}
+export default RichTextContent;