@01.software/sdk 0.2.9-dev.260310.cf511cb → 0.2.9-dev.260311.892250f

package/dist/ui/rich-text.cjs

@@ -0,0 +1,258 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ui/RichText/index.tsx
+var RichText_exports = {};
+__export(RichText_exports, {
+  RichTextContent: () => RichTextContent,
+  StyledRichTextContent: () => StyledRichTextContent
+});
+module.exports = __toCommonJS(RichText_exports);
+var import_react2 = __toESM(require("react"), 1);
+var import_react3 = require("@payloadcms/richtext-lexical/react");
+
+// src/ui/RichText/styled.tsx
+var import_react = __toESM(require("react"), 1);
+function createComponentConverters(components, internalDocToHref) {
+  const converters = {};
+  if (components.Heading) {
+    const Heading = components.Heading;
+    converters.heading = ({ node, nodesToJSX }) => /* @__PURE__ */ import_react.default.createElement(Heading, { tag: node.tag, node }, nodesToJSX({ nodes: node.children }));
+  }
+  if (components.Paragraph) {
+    const Paragraph = components.Paragraph;
+    converters.paragraph = ({ node, nodesToJSX }) => {
+      const children = nodesToJSX({ nodes: node.children });
+      return /* @__PURE__ */ import_react.default.createElement(Paragraph, { isEmpty: !(children == null ? void 0 : children.length), node }, (children == null ? void 0 : children.length) ? children : /* @__PURE__ */ import_react.default.createElement("br", null));
+    };
+  }
+  if (components.Blockquote) {
+    const Blockquote = components.Blockquote;
+    converters.quote = ({ node, nodesToJSX }) => /* @__PURE__ */ import_react.default.createElement(Blockquote, { node }, nodesToJSX({ nodes: node.children }));
+  }
+  if (components.List) {
+    const List = components.List;
+    converters.list = ({ node, nodesToJSX }) => /* @__PURE__ */ import_react.default.createElement(List, { tag: node.tag, listType: node.listType, node }, nodesToJSX({ nodes: node.children }));
+  }
+  if (components.ListItem) {
+    const ListItem = components.ListItem;
+    converters.listitem = ({ node, nodesToJSX }) => {
+      const hasSubLists = node.children.some(
+        (child) => child.type === "list"
+      );
+      return /* @__PURE__ */ import_react.default.createElement(
+        ListItem,
+        {
+          hasSubLists,
+          checked: node.checked,
+          value: node.value,
+          node
+        },
+        nodesToJSX({ nodes: node.children })
+      );
+    };
+  }
+  if (components.Link) {
+    const Link = components.Link;
+    const resolveHref = (node) => {
+      var _a;
+      if (node.fields.linkType === "internal") {
+        return internalDocToHref ? internalDocToHref({ linkNode: node }) : "#";
+      }
+      return (_a = node.fields.url) != null ? _a : "";
+    };
+    converters.link = ({ node, nodesToJSX }) => /* @__PURE__ */ import_react.default.createElement(
+      Link,
+      {
+        href: resolveHref(node),
+        rel: node.fields.newTab ? "noopener noreferrer" : void 0,
+        target: node.fields.newTab ? "_blank" : void 0,
+        node
+      },
+      nodesToJSX({ nodes: node.children })
+    );
+    converters.autolink = ({ node, nodesToJSX }) => {
+      var _a;
+      return /* @__PURE__ */ import_react.default.createElement(
+        Link,
+        {
+          href: (_a = node.fields.url) != null ? _a : "",
+          rel: node.fields.newTab ? "noopener noreferrer" : void 0,
+          target: node.fields.newTab ? "_blank" : void 0,
+          node
+        },
+        nodesToJSX({ nodes: node.children })
+      );
+    };
+  }
+  if (components.HorizontalRule) {
+    const HorizontalRule = components.HorizontalRule;
+    converters.horizontalrule = /* @__PURE__ */ import_react.default.createElement(HorizontalRule, null);
+  }
+  if (components.Upload) {
+    const Upload = components.Upload;
+    converters.upload = ({ node }) => {
+      var _a;
+      const uploadNode = node;
+      if (typeof uploadNode.value !== "object") return null;
+      const doc = uploadNode.value;
+      return /* @__PURE__ */ import_react.default.createElement(
+        Upload,
+        {
+          src: doc.url,
+          alt: ((_a = uploadNode.fields) == null ? void 0 : _a.alt) || (doc == null ? void 0 : doc.alt) || "",
+          width: doc.width,
+          height: doc.height,
+          mimeType: doc.mimeType,
+          filename: doc.filename,
+          sizes: doc.sizes,
+          node
+        }
+      );
+    };
+  }
+  if (components.Table) {
+    const Table = components.Table;
+    converters.table = ({ node, nodesToJSX }) => /* @__PURE__ */ import_react.default.createElement(Table, { node }, nodesToJSX({ nodes: node.children }));
+  }
+  if (components.TableRow) {
+    const TableRow = components.TableRow;
+    converters.tablerow = ({ node, nodesToJSX }) => /* @__PURE__ */ import_react.default.createElement(TableRow, { node }, nodesToJSX({ nodes: node.children }));
+  }
+  if (components.TableCell) {
+    const TableCell = components.TableCell;
+    converters.tablecell = ({ node, nodesToJSX }) => /* @__PURE__ */ import_react.default.createElement(
+      TableCell,
+      {
+        tag: node.headerState > 0 ? "th" : "td",
+        colSpan: node.colSpan > 1 ? node.colSpan : void 0,
+        rowSpan: node.rowSpan > 1 ? node.rowSpan : void 0,
+        backgroundColor: node.backgroundColor || void 0,
+        node
+      },
+      nodesToJSX({ nodes: node.children })
+    );
+  }
+  return converters;
+}
+function StyledRichTextContent(_a) {
+  var _b = _a, {
+    components = {},
+    internalDocToHref,
+    blocks,
+    textState
+  } = _b, props = __objRest(_b, [
+    "components",
+    "internalDocToHref",
+    "blocks",
+    "textState"
+  ]);
+  const converters = createComponentConverters(components, internalDocToHref);
+  return /* @__PURE__ */ import_react.default.createElement(
+    RichTextContent,
+    __spreadProps(__spreadValues({}, props), {
+      internalDocToHref,
+      converters,
+      blocks,
+      textState
+    })
+  );
+}
+
+// src/ui/RichText/index.tsx
+function hyphenToCamel(str) {
+  return str.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
+}
+function createTextStateConverter(state) {
+  const defaultTextConverter = import_react3.TextJSXConverter.text;
+  return (_a) => {
+    var _b = _a, { node } = _b, rest = __objRest(_b, ["node"]);
+    var _a2, _b2;
+    const base = defaultTextConverter(__spreadValues({ node }, rest));
+    const nodeState = node.$;
+    if (!nodeState || typeof nodeState !== "object") return base;
+    const style = {};
+    for (const stateKey in nodeState) {
+      const stateValue = nodeState[stateKey];
+      if (!stateValue) continue;
+      const css = (_b2 = (_a2 = state[stateKey]) == null ? void 0 : _a2[stateValue]) == null ? void 0 : _b2.css;
+      if (css) {
+        for (const prop in css) {
+          const val = css[prop];
+          if (val) style[hyphenToCamel(prop)] = val;
+        }
+      }
+    }
+    if (Object.keys(style).length === 0) return base;
+    return /* @__PURE__ */ import_react2.default.createElement("span", { style }, base);
+  };
+}
+function RichTextContent({
+  data,
+  className,
+  internalDocToHref,
+  converters,
+  blocks,
+  disableDefaultConverters,
+  textState
+}) {
+  const baseConverters = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, disableDefaultConverters ? {} : import_react3.defaultJSXConverters), (0, import_react3.LinkJSXConverter)({ internalDocToHref })), textState ? { text: createTextStateConverter(textState) } : {}), converters), blocks ? { blocks } : {});
+  return /* @__PURE__ */ import_react2.default.createElement(import_react3.RichText, { data, className, converters: baseConverters });
+}
+//# sourceMappingURL=rich-text.cjs.map

package/dist/ui/rich-text.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/RichText/index.tsx","../../src/ui/RichText/styled.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\nimport {\n  SerializedBlockNode,\n  SerializedLinkNode,\n} from '@payloadcms/richtext-lexical'\nimport {\n  SerializedEditorState,\n  SerializedLexicalNode,\n} from '@payloadcms/richtext-lexical/lexical'\nimport {\n  defaultJSXConverters,\n  JSXConverter,\n  JSXConverters,\n  LinkJSXConverter,\n  RichText,\n  TextJSXConverter,\n} from '@payloadcms/richtext-lexical/react'\n\nexport type RichTextData = SerializedEditorState<SerializedLexicalNode>\n\nexport type TextStateConfig = {\n  [stateKey: string]: {\n    [stateValue: string]: {\n      css: Record<string, string>\n      label: string\n    }\n  }\n}\n\nexport interface RichTextContentProps {\n  data: RichTextData\n  className?: string\n  internalDocToHref?: (args: { linkNode: SerializedLinkNode }) => string\n  converters?: Partial<JSXConverters>\n  blocks?: Record<string, JSXConverter<SerializedBlockNode>>\n  disableDefaultConverters?: boolean\n  textState?: TextStateConfig\n}\n\nexport { StyledRichTextContent } from './styled'\nexport type {\n  RichTextComponents,\n  StyledRichTextContentProps,\n  HeadingSlotProps,\n  ParagraphSlotProps,\n  BlockquoteSlotProps,\n  ListSlotProps,\n  ListItemSlotProps,\n  LinkSlotProps,\n  HorizontalRuleSlotProps,\n  UploadSlotProps,\n  TableSlotProps,\n  TableRowSlotProps,\n  TableCellSlotProps,\n} from './styled'\n\nfunction hyphenToCamel(str: string): string {\n  return str.replace(/-([a-z])/g, (_, c) => c.toUpperCase())\n}\n\nfunction createTextStateConverter(\n  state: TextStateConfig,\n): JSXConverters['text'] {\n  const defaultTextConverter = TextJSXConverter.text\n  // eslint-disable-next-line react/display-name\n  return ({ node, ...rest }) => {\n    const base = (\n      defaultTextConverter as (...args: unknown[]) => React.ReactNode\n    )({ node, ...rest })\n    const nodeState = (node as Record<string, unknown>).$ as\n      | Record<string, string>\n      | undefined\n    if (!nodeState || typeof nodeState !== 'object') return base\n\n    const style: Record<string, string> = {}\n    for (const stateKey in nodeState) {\n      const stateValue = nodeState[stateKey]\n      if (!stateValue) continue\n      const css = state[stateKey]?.[stateValue]?.css\n      if (css) {\n        for (const prop in css) {\n          const val = css[prop]\n          if (val) style[hyphenToCamel(prop)] = val\n        }\n      }\n    }\n\n    if (Object.keys(style).length === 0) return base\n    return <span style={style}>{base}</span>\n  }\n}\n\nexport function RichTextContent({\n  data,\n  className,\n  internalDocToHref,\n  converters,\n  blocks,\n  disableDefaultConverters,\n  textState,\n}: RichTextContentProps) {\n  const baseConverters: JSXConverters = {\n    ...(disableDefaultConverters ? {} : defaultJSXConverters),\n    ...LinkJSXConverter({ internalDocToHref }),\n    ...(textState ? { text: createTextStateConverter(textState) } : {}),\n    ...converters,\n    ...(blocks ? { blocks } : {}),\n  }\n\n  return (\n    <RichText data={data} className={className} converters={baseConverters} />\n  )\n}\n","'use client'\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react'\nimport { SerializedLinkNode } from '@payloadcms/richtext-lexical'\nimport { JSXConverters } from '@payloadcms/richtext-lexical/react'\nimport { RichTextContent, RichTextContentProps } from './index'\n\n// --- Slot prop types (each slot gets structured data + raw node) ---\n\nexport interface HeadingSlotProps {\n  tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n  children: React.ReactNode\n  node: any\n}\n\nexport interface ParagraphSlotProps {\n  children: React.ReactNode\n  isEmpty: boolean\n  node: any\n}\n\nexport interface BlockquoteSlotProps {\n  children: React.ReactNode\n  node: any\n}\n\nexport interface ListSlotProps {\n  tag: 'ul' | 'ol'\n  listType: string\n  children: React.ReactNode\n  node: any\n}\n\nexport interface ListItemSlotProps {\n  children: React.ReactNode\n  hasSubLists: boolean\n  checked?: boolean\n  value?: number\n  node: any\n}\n\nexport interface LinkSlotProps {\n  href: string\n  target?: string\n  rel?: string\n  children: React.ReactNode\n  node: any\n}\n\nexport interface HorizontalRuleSlotProps {\n  node?: any\n}\n\nexport interface UploadSlotProps {\n  src: string\n  alt: string\n  width?: number\n  height?: number\n  mimeType: string\n  filename: string\n  sizes?: Record<string, any>\n  node: any\n}\n\nexport interface TableSlotProps {\n  children: React.ReactNode\n  node: any\n}\n\nexport interface TableRowSlotProps {\n  children: React.ReactNode\n  node: any\n}\n\nexport interface TableCellSlotProps {\n  tag: 'th' | 'td'\n  children: React.ReactNode\n  colSpan?: number\n  rowSpan?: number\n  backgroundColor?: string\n  node: any\n}\n\n// --- Components map ---\n\nexport interface RichTextComponents {\n  Heading?: React.ComponentType<HeadingSlotProps>\n  Paragraph?: React.ComponentType<ParagraphSlotProps>\n  Blockquote?: React.ComponentType<BlockquoteSlotProps>\n  List?: React.ComponentType<ListSlotProps>\n  ListItem?: React.ComponentType<ListItemSlotProps>\n  Link?: React.ComponentType<LinkSlotProps>\n  HorizontalRule?: React.ComponentType<HorizontalRuleSlotProps>\n  Upload?: React.ComponentType<UploadSlotProps>\n  Table?: React.ComponentType<TableSlotProps>\n  TableRow?: React.ComponentType<TableRowSlotProps>\n  TableCell?: React.ComponentType<TableCellSlotProps>\n}\n\nexport interface StyledRichTextContentProps\n  extends Omit<RichTextContentProps, 'converters' | 'disableDefaultConverters'> {\n  components?: RichTextComponents\n}\n\nfunction createComponentConverters(\n  components: RichTextComponents,\n  internalDocToHref?: (args: { linkNode: SerializedLinkNode }) => string,\n): Partial<JSXConverters> {\n  const converters: Partial<JSXConverters> = {}\n\n  if (components.Heading) {\n    const Heading = components.Heading\n    converters.heading = ({ node, nodesToJSX }) => (\n      <Heading tag={node.tag} node={node}>\n        {nodesToJSX({ nodes: node.children })}\n      </Heading>\n    )\n  }\n\n  if (components.Paragraph) {\n    const Paragraph = components.Paragraph\n    converters.paragraph = ({ node, nodesToJSX }) => {\n      const children = nodesToJSX({ nodes: node.children })\n      return (\n        <Paragraph isEmpty={!children?.length} node={node}>\n          {children?.length ? children : <br />}\n        </Paragraph>\n      )\n    }\n  }\n\n  if (components.Blockquote) {\n    const Blockquote = components.Blockquote\n    converters.quote = ({ node, nodesToJSX }) => (\n      <Blockquote node={node}>\n        {nodesToJSX({ nodes: node.children })}\n      </Blockquote>\n    )\n  }\n\n  if (components.List) {\n    const List = components.List\n    converters.list = ({ node, nodesToJSX }) => (\n      <List tag={node.tag} listType={node.listType} node={node}>\n        {nodesToJSX({ nodes: node.children })}\n      </List>\n    )\n  }\n\n  if (components.ListItem) {\n    const ListItem = components.ListItem\n    converters.listitem = ({ node, nodesToJSX }) => {\n      const hasSubLists = node.children.some(\n        (child: { type: string }) => child.type === 'list',\n      )\n      return (\n        <ListItem\n          hasSubLists={hasSubLists}\n          checked={node.checked}\n          value={node.value}\n          node={node}\n        >\n          {nodesToJSX({ nodes: node.children })}\n        </ListItem>\n      )\n    }\n  }\n\n  if (components.Link) {\n    const Link = components.Link\n\n    const resolveHref = (node: any): string => {\n      if (node.fields.linkType === 'internal') {\n        return internalDocToHref ? internalDocToHref({ linkNode: node }) : '#'\n      }\n      return node.fields.url ?? ''\n    }\n\n    converters.link = ({ node, nodesToJSX }) => (\n      <Link\n        href={resolveHref(node)}\n        rel={node.fields.newTab ? 'noopener noreferrer' : undefined}\n        target={node.fields.newTab ? '_blank' : undefined}\n        node={node}\n      >\n        {nodesToJSX({ nodes: node.children })}\n      </Link>\n    )\n\n    converters.autolink = ({ node, nodesToJSX }) => (\n      <Link\n        href={node.fields.url ?? ''}\n        rel={node.fields.newTab ? 'noopener noreferrer' : undefined}\n        target={node.fields.newTab ? '_blank' : undefined}\n        node={node}\n      >\n        {nodesToJSX({ nodes: node.children })}\n      </Link>\n    )\n  }\n\n  if (components.HorizontalRule) {\n    const HorizontalRule = components.HorizontalRule\n    converters.horizontalrule = <HorizontalRule />\n  }\n\n  if (components.Upload) {\n    const Upload = components.Upload\n    converters.upload = ({ node }) => {\n      const uploadNode = node as any\n      if (typeof uploadNode.value !== 'object') return null\n      const doc = uploadNode.value\n      return (\n        <Upload\n          src={doc.url}\n          alt={uploadNode.fields?.alt || doc?.alt || ''}\n          width={doc.width}\n          height={doc.height}\n          mimeType={doc.mimeType}\n          filename={doc.filename}\n          sizes={doc.sizes}\n          node={node}\n        />\n      )\n    }\n  }\n\n  if (components.Table) {\n    const Table = components.Table\n    converters.table = ({ node, nodesToJSX }) => (\n      <Table node={node}>{nodesToJSX({ nodes: node.children })}</Table>\n    )\n  }\n\n  if (components.TableRow) {\n    const TableRow = components.TableRow\n    converters.tablerow = ({ node, nodesToJSX }) => (\n      <TableRow node={node}>{nodesToJSX({ nodes: node.children })}</TableRow>\n    )\n  }\n\n  if (components.TableCell) {\n    const TableCell = components.TableCell\n    converters.tablecell = ({ node, nodesToJSX }) => (\n      <TableCell\n        tag={node.headerState > 0 ? 'th' : 'td'}\n        colSpan={node.colSpan > 1 ? node.colSpan : undefined}\n        rowSpan={node.rowSpan > 1 ? node.rowSpan : undefined}\n        backgroundColor={node.backgroundColor || undefined}\n        node={node}\n      >\n        {nodesToJSX({ nodes: node.children })}\n      </TableCell>\n    )\n  }\n\n  return converters\n}\n\nexport function StyledRichTextContent({\n  components = {},\n  internalDocToHref,\n  blocks,\n  textState,\n  ...props\n}: StyledRichTextContentProps) {\n  const converters = createComponentConverters(components, internalDocToHref)\n\n  return (\n    <RichTextContent\n      {...props}\n      internalDocToHref={internalDocToHref}\n      converters={converters}\n      blocks={blocks}\n      textState={textState}\n    />\n  )\n}\n"],"mappings":"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","names":["import_react","React","_a","_b","React"]}

package/dist/ui/rich-text.d.cts

@@ -0,0 +1,110 @@
+import React from 'react';
+import { SerializedLinkNode, SerializedBlockNode } from '@payloadcms/richtext-lexical';
+import { SerializedEditorState, SerializedLexicalNode } from '@payloadcms/richtext-lexical/lexical';
+import { JSXConverters, JSXConverter } from '@payloadcms/richtext-lexical/react';
+
+interface HeadingSlotProps {
+    tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    children: React.ReactNode;
+    node: any;
+}
+interface ParagraphSlotProps {
+    children: React.ReactNode;
+    isEmpty: boolean;
+    node: any;
+}
+interface BlockquoteSlotProps {
+    children: React.ReactNode;
+    node: any;
+}
+interface ListSlotProps {
+    tag: 'ul' | 'ol';
+    listType: string;
+    children: React.ReactNode;
+    node: any;
+}
+interface ListItemSlotProps {
+    children: React.ReactNode;
+    hasSubLists: boolean;
+    checked?: boolean;
+    value?: number;
+    node: any;
+}
+interface LinkSlotProps {
+    href: string;
+    target?: string;
+    rel?: string;
+    children: React.ReactNode;
+    node: any;
+}
+interface HorizontalRuleSlotProps {
+    node?: any;
+}
+interface UploadSlotProps {
+    src: string;
+    alt: string;
+    width?: number;
+    height?: number;
+    mimeType: string;
+    filename: string;
+    sizes?: Record<string, any>;
+    node: any;
+}
+interface TableSlotProps {
+    children: React.ReactNode;
+    node: any;
+}
+interface TableRowSlotProps {
+    children: React.ReactNode;
+    node: any;
+}
+interface TableCellSlotProps {
+    tag: 'th' | 'td';
+    children: React.ReactNode;
+    colSpan?: number;
+    rowSpan?: number;
+    backgroundColor?: string;
+    node: any;
+}
+interface RichTextComponents {
+    Heading?: React.ComponentType<HeadingSlotProps>;
+    Paragraph?: React.ComponentType<ParagraphSlotProps>;
+    Blockquote?: React.ComponentType<BlockquoteSlotProps>;
+    List?: React.ComponentType<ListSlotProps>;
+    ListItem?: React.ComponentType<ListItemSlotProps>;
+    Link?: React.ComponentType<LinkSlotProps>;
+    HorizontalRule?: React.ComponentType<HorizontalRuleSlotProps>;
+    Upload?: React.ComponentType<UploadSlotProps>;
+    Table?: React.ComponentType<TableSlotProps>;
+    TableRow?: React.ComponentType<TableRowSlotProps>;
+    TableCell?: React.ComponentType<TableCellSlotProps>;
+}
+interface StyledRichTextContentProps extends Omit<RichTextContentProps, 'converters' | 'disableDefaultConverters'> {
+    components?: RichTextComponents;
+}
+declare function StyledRichTextContent({ components, internalDocToHref, blocks, textState, ...props }: StyledRichTextContentProps): React.JSX.Element;
+
+type RichTextData = SerializedEditorState<SerializedLexicalNode>;
+type TextStateConfig = {
+    [stateKey: string]: {
+        [stateValue: string]: {
+            css: Record<string, string>;
+            label: string;
+        };
+    };
+};
+interface RichTextContentProps {
+    data: RichTextData;
+    className?: string;
+    internalDocToHref?: (args: {
+        linkNode: SerializedLinkNode;
+    }) => string;
+    converters?: Partial<JSXConverters>;
+    blocks?: Record<string, JSXConverter<SerializedBlockNode>>;
+    disableDefaultConverters?: boolean;
+    textState?: TextStateConfig;
+}
+
+declare function RichTextContent({ data, className, internalDocToHref, converters, blocks, disableDefaultConverters, textState, }: RichTextContentProps): React.JSX.Element;
+
+export { type BlockquoteSlotProps, type HeadingSlotProps, type HorizontalRuleSlotProps, type LinkSlotProps, type ListItemSlotProps, type ListSlotProps, type ParagraphSlotProps, type RichTextComponents, RichTextContent, type RichTextContentProps, type RichTextData, StyledRichTextContent, type StyledRichTextContentProps, type TableCellSlotProps, type TableRowSlotProps, type TableSlotProps, type TextStateConfig, type UploadSlotProps };

package/dist/ui/rich-text.d.ts

@@ -0,0 +1,110 @@
+import React from 'react';
+import { SerializedLinkNode, SerializedBlockNode } from '@payloadcms/richtext-lexical';
+import { SerializedEditorState, SerializedLexicalNode } from '@payloadcms/richtext-lexical/lexical';
+import { JSXConverters, JSXConverter } from '@payloadcms/richtext-lexical/react';
+
+interface HeadingSlotProps {
+    tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    children: React.ReactNode;
+    node: any;
+}
+interface ParagraphSlotProps {
+    children: React.ReactNode;
+    isEmpty: boolean;
+    node: any;
+}
+interface BlockquoteSlotProps {
+    children: React.ReactNode;
+    node: any;
+}
+interface ListSlotProps {
+    tag: 'ul' | 'ol';
+    listType: string;
+    children: React.ReactNode;
+    node: any;
+}
+interface ListItemSlotProps {
+    children: React.ReactNode;
+    hasSubLists: boolean;
+    checked?: boolean;
+    value?: number;
+    node: any;
+}
+interface LinkSlotProps {
+    href: string;
+    target?: string;
+    rel?: string;
+    children: React.ReactNode;
+    node: any;
+}
+interface HorizontalRuleSlotProps {
+    node?: any;
+}
+interface UploadSlotProps {
+    src: string;
+    alt: string;
+    width?: number;
+    height?: number;
+    mimeType: string;
+    filename: string;
+    sizes?: Record<string, any>;
+    node: any;
+}
+interface TableSlotProps {
+    children: React.ReactNode;
+    node: any;
+}
+interface TableRowSlotProps {
+    children: React.ReactNode;
+    node: any;
+}
+interface TableCellSlotProps {
+    tag: 'th' | 'td';
+    children: React.ReactNode;
+    colSpan?: number;
+    rowSpan?: number;
+    backgroundColor?: string;
+    node: any;
+}
+interface RichTextComponents {
+    Heading?: React.ComponentType<HeadingSlotProps>;
+    Paragraph?: React.ComponentType<ParagraphSlotProps>;
+    Blockquote?: React.ComponentType<BlockquoteSlotProps>;
+    List?: React.ComponentType<ListSlotProps>;
+    ListItem?: React.ComponentType<ListItemSlotProps>;
+    Link?: React.ComponentType<LinkSlotProps>;
+    HorizontalRule?: React.ComponentType<HorizontalRuleSlotProps>;
+    Upload?: React.ComponentType<UploadSlotProps>;
+    Table?: React.ComponentType<TableSlotProps>;
+    TableRow?: React.ComponentType<TableRowSlotProps>;
+    TableCell?: React.ComponentType<TableCellSlotProps>;
+}
+interface StyledRichTextContentProps extends Omit<RichTextContentProps, 'converters' | 'disableDefaultConverters'> {
+    components?: RichTextComponents;
+}
+declare function StyledRichTextContent({ components, internalDocToHref, blocks, textState, ...props }: StyledRichTextContentProps): React.JSX.Element;
+
+type RichTextData = SerializedEditorState<SerializedLexicalNode>;
+type TextStateConfig = {
+    [stateKey: string]: {
+        [stateValue: string]: {
+            css: Record<string, string>;
+            label: string;
+        };
+    };
+};
+interface RichTextContentProps {
+    data: RichTextData;
+    className?: string;
+    internalDocToHref?: (args: {
+        linkNode: SerializedLinkNode;
+    }) => string;
+    converters?: Partial<JSXConverters>;
+    blocks?: Record<string, JSXConverter<SerializedBlockNode>>;
+    disableDefaultConverters?: boolean;
+    textState?: TextStateConfig;
+}
+
+declare function RichTextContent({ data, className, internalDocToHref, converters, blocks, disableDefaultConverters, textState, }: RichTextContentProps): React.JSX.Element;
+
+export { type BlockquoteSlotProps, type HeadingSlotProps, type HorizontalRuleSlotProps, type LinkSlotProps, type ListItemSlotProps, type ListSlotProps, type ParagraphSlotProps, type RichTextComponents, RichTextContent, type RichTextContentProps, type RichTextData, StyledRichTextContent, type StyledRichTextContentProps, type TableCellSlotProps, type TableRowSlotProps, type TableSlotProps, type TextStateConfig, type UploadSlotProps };