@01.software/sdk 0.23.0 → 0.25.0

package/dist/ui/rich-text.cjs

@@ -32,11 +32,14 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var RichText_exports = {};
 __export(RichText_exports, {
   RichTextContent: () => RichTextContent,
-  StyledRichTextContent: () => StyledRichTextContent
+  StyledRichTextContent: () => StyledRichTextContent,
+  richTextNodeMap: () => richTextNodeMap,
+  richTextTextState: () => richTextTextState,
+  richTextViewMap: () => richTextViewMap
 });
 module.exports = __toCommonJS(RichText_exports);
-var import_react2 = __toESM(require("react"), 1);
-var import_react3 = require("@payloadcms/richtext-lexical/react");
+var import_react3 = __toESM(require("react"), 1);
+var import_react4 = require("@payloadcms/richtext-lexical/react");
 
 // src/ui/RichText/styled.tsx
 var import_react = __toESM(require("react"), 1);
@@ -177,12 +180,167 @@ function StyledRichTextContent({
   );
 }
 
+// src/ui/RichText/views.tsx
+var import_react2 = __toESM(require("react"), 1);
+function getBlockFields(props) {
+  return props.formData;
+}
+function CodeView(props) {
+  const fields = getBlockFields(props);
+  const code = fields.code ?? "";
+  const language = fields.language ?? "plaintext";
+  if (props.isEditor) {
+    const { BlockCollapsible } = props.useBlockComponentContext();
+    return /* @__PURE__ */ import_react2.default.createElement(BlockCollapsible, { className: props.className }, /* @__PURE__ */ import_react2.default.createElement("pre", { style: { margin: 0, overflow: "auto", whiteSpace: "pre-wrap" } }, /* @__PURE__ */ import_react2.default.createElement("code", { "data-language": language }, code)));
+  }
+  return /* @__PURE__ */ import_react2.default.createElement("pre", { style: { overflow: "auto", whiteSpace: "pre-wrap" } }, /* @__PURE__ */ import_react2.default.createElement("code", { "data-language": language }, code));
+}
+function IframeView(props) {
+  const fields = getBlockFields(props);
+  const url = fields.url ?? "";
+  const width = fields.width ?? void 0;
+  const height = fields.height ?? void 0;
+  if (!url) return null;
+  if (props.isEditor) {
+    const { BlockCollapsible } = props.useBlockComponentContext();
+    return /* @__PURE__ */ import_react2.default.createElement(BlockCollapsible, { className: props.className }, /* @__PURE__ */ import_react2.default.createElement(
+      "iframe",
+      {
+        src: url,
+        title: fields.blockName ?? "Embedded content",
+        width,
+        height,
+        style: {
+          aspectRatio: width && height ? `${width} / ${height}` : "16 / 9",
+          width: "100%"
+        }
+      }
+    ));
+  }
+  return /* @__PURE__ */ import_react2.default.createElement(
+    "iframe",
+    {
+      src: url,
+      title: fields.blockName ?? "Embedded content",
+      width,
+      height,
+      style: {
+        aspectRatio: width && height ? `${width} / ${height}` : "16 / 9",
+        width: "100%"
+      }
+    }
+  );
+}
+var richTextTextState = {
+  color: {
+    "text-red": {
+      css: {
+        color: "light-dark(oklch(0.577 0.245 27.325), oklch(0.704 0.191 22.216))"
+      },
+      label: "Red"
+    },
+    "text-orange": {
+      css: {
+        color: "light-dark(oklch(0.646 0.222 41.116), oklch(0.75 0.183 55.934))"
+      },
+      label: "Orange"
+    },
+    "text-yellow": {
+      css: {
+        color: "light-dark(oklch(0.554 0.135 66.442), oklch(0.905 0.182 98.111))"
+      },
+      label: "Yellow"
+    },
+    "text-green": {
+      css: {
+        color: "light-dark(oklch(0.527 0.154 150.069), oklch(0.792 0.209 151.711))"
+      },
+      label: "Green"
+    },
+    "text-blue": {
+      css: {
+        color: "light-dark(oklch(0.546 0.245 262.881), oklch(0.707 0.165 254.624))"
+      },
+      label: "Blue"
+    },
+    "text-purple": {
+      css: {
+        color: "light-dark(oklch(0.558 0.288 302.321), oklch(0.714 0.203 305.504))"
+      },
+      label: "Purple"
+    },
+    "text-pink": {
+      css: {
+        color: "light-dark(oklch(0.592 0.249 0.584), oklch(0.718 0.202 349.761))"
+      },
+      label: "Pink"
+    },
+    "bg-red": {
+      css: {
+        "background-color": "light-dark(oklch(0.704 0.191 22.216), oklch(0.577 0.245 27.325))"
+      },
+      label: "Red"
+    },
+    "bg-orange": {
+      css: {
+        "background-color": "light-dark(oklch(0.75 0.183 55.934), oklch(0.646 0.222 41.116))"
+      },
+      label: "Orange"
+    },
+    "bg-yellow": {
+      css: {
+        "background-color": "light-dark(oklch(0.905 0.182 98.111), oklch(0.554 0.135 66.442))"
+      },
+      label: "Yellow"
+    },
+    "bg-green": {
+      css: {
+        "background-color": "light-dark(oklch(0.792 0.209 151.711), oklch(0.527 0.154 150.069))"
+      },
+      label: "Green"
+    },
+    "bg-blue": {
+      css: {
+        "background-color": "light-dark(oklch(0.707 0.165 254.624), oklch(0.546 0.245 262.881))"
+      },
+      label: "Blue"
+    },
+    "bg-purple": {
+      css: {
+        "background-color": "light-dark(oklch(0.714 0.203 305.504), oklch(0.558 0.288 302.321))"
+      },
+      label: "Purple"
+    },
+    "bg-pink": {
+      css: {
+        "background-color": "light-dark(oklch(0.718 0.202 349.761), oklch(0.592 0.249 0.584))"
+      },
+      label: "Pink"
+    }
+  }
+};
+var richTextNodeMap = {
+  blocks: {
+    Code: {
+      Block: CodeView
+    },
+    Iframe: {
+      Block: IframeView
+    }
+  }
+};
+var richTextViewMap = {
+  default: {
+    nodes: richTextNodeMap
+  }
+};
+
 // 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;
+  const defaultTextConverter = import_react4.TextJSXConverter.text;
   return ({ node, ...rest }) => {
     const base = defaultTextConverter({ node, ...rest });
     const nodeState = node.$;
@@ -200,7 +358,7 @@ function createTextStateConverter(state) {
       }
     }
     if (Object.keys(style).length === 0) return base;
-    return /* @__PURE__ */ import_react2.default.createElement("span", { style }, base);
+    return /* @__PURE__ */ import_react3.default.createElement("span", { style }, base);
   };
 }
 function RichTextContent({
@@ -210,21 +368,23 @@ function RichTextContent({
   converters,
   blocks,
   disableDefaultConverters,
+  nodeMap,
   textState
 }) {
   const baseConverters = {
-    ...disableDefaultConverters ? {} : import_react3.defaultJSXConverters,
-    ...(0, import_react3.LinkJSXConverter)({ internalDocToHref }),
+    ...disableDefaultConverters ? {} : import_react4.defaultJSXConverters,
+    ...(0, import_react4.LinkJSXConverter)({ internalDocToHref }),
     ...textState ? { text: createTextStateConverter(textState) } : {},
     ...converters,
     ...blocks ? { blocks } : {}
   };
-  return /* @__PURE__ */ import_react2.default.createElement(
-    import_react3.RichText,
+  return /* @__PURE__ */ import_react3.default.createElement(
+    import_react4.RichText,
     {
       data,
       className,
-      converters: baseConverters
+      converters: baseConverters,
+      nodeMap
     }
   );
 }

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

@@ -1 +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\n/**\n * Accepts both Lexical's strict `SerializedEditorState` and Payload's generated\n * richText type (which includes index signatures like `[k: string]: unknown`).\n */\nexport type RichTextData = SerializedEditorState<SerializedLexicalNode> | {\n  root: {\n    type: string\n    children: { type: string; version: number; [k: string]: unknown }[]\n    direction: string | null\n    format: string\n    indent: number\n    version: number\n    [k: string]: unknown\n  }\n  [k: string]: unknown\n}\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\n      data={data as SerializedEditorState<SerializedLexicalNode>}\n      className={className}\n      converters={baseConverters}\n    />\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 extends Omit<\n  RichTextContentProps,\n  'converters' | 'disableDefaultConverters'\n> {\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","React"]}
+{"version":3,"sources":["../../src/ui/RichText/index.tsx","../../src/ui/RichText/styled.tsx","../../src/ui/RichText/views.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\nimport type {\n  LexicalEditorNodeMap,\n  SerializedBlockNode,\n  SerializedLinkNode,\n} from '@payloadcms/richtext-lexical'\nimport type {\n  SerializedEditorState,\n  SerializedLexicalNode,\n} from '@payloadcms/richtext-lexical/lexical'\nimport {\n  defaultJSXConverters,\n  LinkJSXConverter,\n  RichText,\n  TextJSXConverter,\n} from '@payloadcms/richtext-lexical/react'\nimport type {\n  JSXConverter,\n  JSXConverters,\n} from '@payloadcms/richtext-lexical/react'\n\n/**\n * Accepts both Lexical's strict `SerializedEditorState` and Payload's generated\n * richText type (which includes index signatures like `[k: string]: unknown`).\n */\nexport type RichTextData =\n  | SerializedEditorState<SerializedLexicalNode>\n  | {\n      root: {\n        type: string\n        children: { type: string; version: number; [k: string]: unknown }[]\n        direction: string | null\n        format: string\n        indent: number\n        version: number\n        [k: string]: unknown\n      }\n      [k: string]: unknown\n    }\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  nodeMap?: LexicalEditorNodeMap\n  textState?: TextStateConfig\n}\n\nexport { StyledRichTextContent } from './styled'\nexport { richTextNodeMap, richTextTextState, richTextViewMap } from './views'\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  nodeMap,\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\n      data={data as SerializedEditorState<SerializedLexicalNode>}\n      className={className}\n      converters={baseConverters}\n      nodeMap={nodeMap}\n    />\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 extends Omit<\n  RichTextContentProps,\n  'converters' | 'disableDefaultConverters'\n> {\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","'use client'\n\nimport React from 'react'\nimport type {\n  LexicalEditorNodeMap,\n  LexicalEditorViewMap,\n  SerializedBlockNode,\n  ViewMapBlockComponentProps,\n} from '@payloadcms/richtext-lexical'\nimport type { TextStateConfig } from './index'\n\ntype CodeBlockFields = {\n  blockName?: null | string\n  blockType: 'Code'\n  code?: string | null\n  language?: string | null\n}\n\ntype IframeBlockFields = {\n  blockName?: null | string\n  blockType: 'Iframe'\n  height?: number | null\n  url?: string | null\n  width?: number | null\n}\n\ntype SupportedRichTextBlockNode =\n  | SerializedBlockNode<CodeBlockFields>\n  | SerializedBlockNode<IframeBlockFields>\n\ntype RichTextBlockProps<TFields extends CodeBlockFields | IframeBlockFields> =\n  ViewMapBlockComponentProps<SerializedBlockNode<TFields>>\n\nfunction getBlockFields<TFields extends CodeBlockFields | IframeBlockFields>(\n  props: RichTextBlockProps<TFields>,\n): TFields {\n  return props.formData as TFields\n}\n\nfunction CodeView(props: RichTextBlockProps<CodeBlockFields>) {\n  const fields = getBlockFields(props)\n  const code = fields.code ?? ''\n  const language = fields.language ?? 'plaintext'\n\n  if (props.isEditor) {\n    const { BlockCollapsible } = props.useBlockComponentContext()\n\n    return (\n      <BlockCollapsible className={props.className}>\n        <pre style={{ margin: 0, overflow: 'auto', whiteSpace: 'pre-wrap' }}>\n          <code data-language={language}>{code}</code>\n        </pre>\n      </BlockCollapsible>\n    )\n  }\n\n  return (\n    <pre style={{ overflow: 'auto', whiteSpace: 'pre-wrap' }}>\n      <code data-language={language}>{code}</code>\n    </pre>\n  )\n}\n\nfunction IframeView(props: RichTextBlockProps<IframeBlockFields>) {\n  const fields = getBlockFields(props)\n  const url = fields.url ?? ''\n  const width = fields.width ?? undefined\n  const height = fields.height ?? undefined\n\n  if (!url) return null\n\n  if (props.isEditor) {\n    const { BlockCollapsible } = props.useBlockComponentContext()\n\n    return (\n      <BlockCollapsible className={props.className}>\n        <iframe\n          src={url}\n          title={fields.blockName ?? 'Embedded content'}\n          width={width}\n          height={height}\n          style={{\n            aspectRatio: width && height ? `${width} / ${height}` : '16 / 9',\n            width: '100%',\n          }}\n        />\n      </BlockCollapsible>\n    )\n  }\n\n  return (\n    <iframe\n      src={url}\n      title={fields.blockName ?? 'Embedded content'}\n      width={width}\n      height={height}\n      style={{\n        aspectRatio: width && height ? `${width} / ${height}` : '16 / 9',\n        width: '100%',\n      }}\n    />\n  )\n}\n\nexport const richTextTextState: TextStateConfig = {\n  color: {\n    'text-red': {\n      css: {\n        color:\n          'light-dark(oklch(0.577 0.245 27.325), oklch(0.704 0.191 22.216))',\n      },\n      label: 'Red',\n    },\n    'text-orange': {\n      css: {\n        color:\n          'light-dark(oklch(0.646 0.222 41.116), oklch(0.75 0.183 55.934))',\n      },\n      label: 'Orange',\n    },\n    'text-yellow': {\n      css: {\n        color:\n          'light-dark(oklch(0.554 0.135 66.442), oklch(0.905 0.182 98.111))',\n      },\n      label: 'Yellow',\n    },\n    'text-green': {\n      css: {\n        color:\n          'light-dark(oklch(0.527 0.154 150.069), oklch(0.792 0.209 151.711))',\n      },\n      label: 'Green',\n    },\n    'text-blue': {\n      css: {\n        color:\n          'light-dark(oklch(0.546 0.245 262.881), oklch(0.707 0.165 254.624))',\n      },\n      label: 'Blue',\n    },\n    'text-purple': {\n      css: {\n        color:\n          'light-dark(oklch(0.558 0.288 302.321), oklch(0.714 0.203 305.504))',\n      },\n      label: 'Purple',\n    },\n    'text-pink': {\n      css: {\n        color:\n          'light-dark(oklch(0.592 0.249 0.584), oklch(0.718 0.202 349.761))',\n      },\n      label: 'Pink',\n    },\n    'bg-red': {\n      css: {\n        'background-color':\n          'light-dark(oklch(0.704 0.191 22.216), oklch(0.577 0.245 27.325))',\n      },\n      label: 'Red',\n    },\n    'bg-orange': {\n      css: {\n        'background-color':\n          'light-dark(oklch(0.75 0.183 55.934), oklch(0.646 0.222 41.116))',\n      },\n      label: 'Orange',\n    },\n    'bg-yellow': {\n      css: {\n        'background-color':\n          'light-dark(oklch(0.905 0.182 98.111), oklch(0.554 0.135 66.442))',\n      },\n      label: 'Yellow',\n    },\n    'bg-green': {\n      css: {\n        'background-color':\n          'light-dark(oklch(0.792 0.209 151.711), oklch(0.527 0.154 150.069))',\n      },\n      label: 'Green',\n    },\n    'bg-blue': {\n      css: {\n        'background-color':\n          'light-dark(oklch(0.707 0.165 254.624), oklch(0.546 0.245 262.881))',\n      },\n      label: 'Blue',\n    },\n    'bg-purple': {\n      css: {\n        'background-color':\n          'light-dark(oklch(0.714 0.203 305.504), oklch(0.558 0.288 302.321))',\n      },\n      label: 'Purple',\n    },\n    'bg-pink': {\n      css: {\n        'background-color':\n          'light-dark(oklch(0.718 0.202 349.761), oklch(0.592 0.249 0.584))',\n      },\n      label: 'Pink',\n    },\n  },\n}\n\nexport const richTextNodeMap: LexicalEditorNodeMap<SupportedRichTextBlockNode> =\n  {\n    blocks: {\n      Code: {\n        Block: CodeView,\n      },\n      Iframe: {\n        Block: IframeView,\n      },\n    },\n  }\n\nexport const richTextViewMap: LexicalEditorViewMap<SupportedRichTextBlockNode> =\n  {\n    default: {\n      nodes: richTextNodeMap,\n    },\n  }\n"],"mappings":"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","names":["import_react","React","import_react","React","React"]}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SerializedLinkNode, SerializedBlockNode } from '@payloadcms/richtext-lexical';
+import { LexicalEditorNodeMap, SerializedBlockNode, LexicalEditorViewMap, SerializedLinkNode } from '@payloadcms/richtext-lexical';
 import { SerializedEditorState, SerializedLexicalNode } from '@payloadcms/richtext-lexical/lexical';
 import { JSXConverters, JSXConverter } from '@payloadcms/richtext-lexical/react';
 
@@ -84,6 +84,24 @@ interface StyledRichTextContentProps extends Omit<RichTextContentProps, 'convert
 }
 declare function StyledRichTextContent({ components, internalDocToHref, blocks, textState, ...props }: StyledRichTextContentProps): React.JSX.Element;
 
+type CodeBlockFields = {
+    blockName?: null | string;
+    blockType: 'Code';
+    code?: string | null;
+    language?: string | null;
+};
+type IframeBlockFields = {
+    blockName?: null | string;
+    blockType: 'Iframe';
+    height?: number | null;
+    url?: string | null;
+    width?: number | null;
+};
+type SupportedRichTextBlockNode = SerializedBlockNode<CodeBlockFields> | SerializedBlockNode<IframeBlockFields>;
+declare const richTextTextState: TextStateConfig;
+declare const richTextNodeMap: LexicalEditorNodeMap<SupportedRichTextBlockNode>;
+declare const richTextViewMap: LexicalEditorViewMap<SupportedRichTextBlockNode>;
+
 /**
  * Accepts both Lexical's strict `SerializedEditorState` and Payload's generated
  * richText type (which includes index signatures like `[k: string]: unknown`).
@@ -121,9 +139,10 @@ interface RichTextContentProps {
     converters?: Partial<JSXConverters>;
     blocks?: Record<string, JSXConverter<SerializedBlockNode>>;
     disableDefaultConverters?: boolean;
+    nodeMap?: LexicalEditorNodeMap;
     textState?: TextStateConfig;
 }
 
-declare function RichTextContent({ data, className, internalDocToHref, converters, blocks, disableDefaultConverters, textState, }: RichTextContentProps): React.JSX.Element;
+declare function RichTextContent({ data, className, internalDocToHref, converters, blocks, disableDefaultConverters, nodeMap, 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 };
+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, richTextNodeMap, richTextTextState, richTextViewMap };

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SerializedLinkNode, SerializedBlockNode } from '@payloadcms/richtext-lexical';
+import { LexicalEditorNodeMap, SerializedBlockNode, LexicalEditorViewMap, SerializedLinkNode } from '@payloadcms/richtext-lexical';
 import { SerializedEditorState, SerializedLexicalNode } from '@payloadcms/richtext-lexical/lexical';
 import { JSXConverters, JSXConverter } from '@payloadcms/richtext-lexical/react';
 
@@ -84,6 +84,24 @@ interface StyledRichTextContentProps extends Omit<RichTextContentProps, 'convert
 }
 declare function StyledRichTextContent({ components, internalDocToHref, blocks, textState, ...props }: StyledRichTextContentProps): React.JSX.Element;
 
+type CodeBlockFields = {
+    blockName?: null | string;
+    blockType: 'Code';
+    code?: string | null;
+    language?: string | null;
+};
+type IframeBlockFields = {
+    blockName?: null | string;
+    blockType: 'Iframe';
+    height?: number | null;
+    url?: string | null;
+    width?: number | null;
+};
+type SupportedRichTextBlockNode = SerializedBlockNode<CodeBlockFields> | SerializedBlockNode<IframeBlockFields>;
+declare const richTextTextState: TextStateConfig;
+declare const richTextNodeMap: LexicalEditorNodeMap<SupportedRichTextBlockNode>;
+declare const richTextViewMap: LexicalEditorViewMap<SupportedRichTextBlockNode>;
+
 /**
  * Accepts both Lexical's strict `SerializedEditorState` and Payload's generated
  * richText type (which includes index signatures like `[k: string]: unknown`).
@@ -121,9 +139,10 @@ interface RichTextContentProps {
     converters?: Partial<JSXConverters>;
     blocks?: Record<string, JSXConverter<SerializedBlockNode>>;
     disableDefaultConverters?: boolean;
+    nodeMap?: LexicalEditorNodeMap;
     textState?: TextStateConfig;
 }
 
-declare function RichTextContent({ data, className, internalDocToHref, converters, blocks, disableDefaultConverters, textState, }: RichTextContentProps): React.JSX.Element;
+declare function RichTextContent({ data, className, internalDocToHref, converters, blocks, disableDefaultConverters, nodeMap, 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 };
+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, richTextNodeMap, richTextTextState, richTextViewMap };

package/dist/ui/rich-text.js

@@ -1,7 +1,7 @@
 "use client";
 
 // src/ui/RichText/index.tsx
-import React2 from "react";
+import React3 from "react";
 import {
   defaultJSXConverters,
   LinkJSXConverter,
@@ -148,6 +148,161 @@ function StyledRichTextContent({
   );
 }
 
+// src/ui/RichText/views.tsx
+import React2 from "react";
+function getBlockFields(props) {
+  return props.formData;
+}
+function CodeView(props) {
+  const fields = getBlockFields(props);
+  const code = fields.code ?? "";
+  const language = fields.language ?? "plaintext";
+  if (props.isEditor) {
+    const { BlockCollapsible } = props.useBlockComponentContext();
+    return /* @__PURE__ */ React2.createElement(BlockCollapsible, { className: props.className }, /* @__PURE__ */ React2.createElement("pre", { style: { margin: 0, overflow: "auto", whiteSpace: "pre-wrap" } }, /* @__PURE__ */ React2.createElement("code", { "data-language": language }, code)));
+  }
+  return /* @__PURE__ */ React2.createElement("pre", { style: { overflow: "auto", whiteSpace: "pre-wrap" } }, /* @__PURE__ */ React2.createElement("code", { "data-language": language }, code));
+}
+function IframeView(props) {
+  const fields = getBlockFields(props);
+  const url = fields.url ?? "";
+  const width = fields.width ?? void 0;
+  const height = fields.height ?? void 0;
+  if (!url) return null;
+  if (props.isEditor) {
+    const { BlockCollapsible } = props.useBlockComponentContext();
+    return /* @__PURE__ */ React2.createElement(BlockCollapsible, { className: props.className }, /* @__PURE__ */ React2.createElement(
+      "iframe",
+      {
+        src: url,
+        title: fields.blockName ?? "Embedded content",
+        width,
+        height,
+        style: {
+          aspectRatio: width && height ? `${width} / ${height}` : "16 / 9",
+          width: "100%"
+        }
+      }
+    ));
+  }
+  return /* @__PURE__ */ React2.createElement(
+    "iframe",
+    {
+      src: url,
+      title: fields.blockName ?? "Embedded content",
+      width,
+      height,
+      style: {
+        aspectRatio: width && height ? `${width} / ${height}` : "16 / 9",
+        width: "100%"
+      }
+    }
+  );
+}
+var richTextTextState = {
+  color: {
+    "text-red": {
+      css: {
+        color: "light-dark(oklch(0.577 0.245 27.325), oklch(0.704 0.191 22.216))"
+      },
+      label: "Red"
+    },
+    "text-orange": {
+      css: {
+        color: "light-dark(oklch(0.646 0.222 41.116), oklch(0.75 0.183 55.934))"
+      },
+      label: "Orange"
+    },
+    "text-yellow": {
+      css: {
+        color: "light-dark(oklch(0.554 0.135 66.442), oklch(0.905 0.182 98.111))"
+      },
+      label: "Yellow"
+    },
+    "text-green": {
+      css: {
+        color: "light-dark(oklch(0.527 0.154 150.069), oklch(0.792 0.209 151.711))"
+      },
+      label: "Green"
+    },
+    "text-blue": {
+      css: {
+        color: "light-dark(oklch(0.546 0.245 262.881), oklch(0.707 0.165 254.624))"
+      },
+      label: "Blue"
+    },
+    "text-purple": {
+      css: {
+        color: "light-dark(oklch(0.558 0.288 302.321), oklch(0.714 0.203 305.504))"
+      },
+      label: "Purple"
+    },
+    "text-pink": {
+      css: {
+        color: "light-dark(oklch(0.592 0.249 0.584), oklch(0.718 0.202 349.761))"
+      },
+      label: "Pink"
+    },
+    "bg-red": {
+      css: {
+        "background-color": "light-dark(oklch(0.704 0.191 22.216), oklch(0.577 0.245 27.325))"
+      },
+      label: "Red"
+    },
+    "bg-orange": {
+      css: {
+        "background-color": "light-dark(oklch(0.75 0.183 55.934), oklch(0.646 0.222 41.116))"
+      },
+      label: "Orange"
+    },
+    "bg-yellow": {
+      css: {
+        "background-color": "light-dark(oklch(0.905 0.182 98.111), oklch(0.554 0.135 66.442))"
+      },
+      label: "Yellow"
+    },
+    "bg-green": {
+      css: {
+        "background-color": "light-dark(oklch(0.792 0.209 151.711), oklch(0.527 0.154 150.069))"
+      },
+      label: "Green"
+    },
+    "bg-blue": {
+      css: {
+        "background-color": "light-dark(oklch(0.707 0.165 254.624), oklch(0.546 0.245 262.881))"
+      },
+      label: "Blue"
+    },
+    "bg-purple": {
+      css: {
+        "background-color": "light-dark(oklch(0.714 0.203 305.504), oklch(0.558 0.288 302.321))"
+      },
+      label: "Purple"
+    },
+    "bg-pink": {
+      css: {
+        "background-color": "light-dark(oklch(0.718 0.202 349.761), oklch(0.592 0.249 0.584))"
+      },
+      label: "Pink"
+    }
+  }
+};
+var richTextNodeMap = {
+  blocks: {
+    Code: {
+      Block: CodeView
+    },
+    Iframe: {
+      Block: IframeView
+    }
+  }
+};
+var richTextViewMap = {
+  default: {
+    nodes: richTextNodeMap
+  }
+};
+
 // src/ui/RichText/index.tsx
 function hyphenToCamel(str) {
   return str.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
@@ -171,7 +326,7 @@ function createTextStateConverter(state) {
       }
     }
     if (Object.keys(style).length === 0) return base;
-    return /* @__PURE__ */ React2.createElement("span", { style }, base);
+    return /* @__PURE__ */ React3.createElement("span", { style }, base);
   };
 }
 function RichTextContent({
@@ -181,6 +336,7 @@ function RichTextContent({
   converters,
   blocks,
   disableDefaultConverters,
+  nodeMap,
   textState
 }) {
   const baseConverters = {
@@ -190,17 +346,21 @@ function RichTextContent({
     ...converters,
     ...blocks ? { blocks } : {}
   };
-  return /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React3.createElement(
     RichText,
     {
       data,
       className,
-      converters: baseConverters
+      converters: baseConverters,
+      nodeMap
     }
   );
 }
 export {
   RichTextContent,
-  StyledRichTextContent
+  StyledRichTextContent,
+  richTextNodeMap,
+  richTextTextState,
+  richTextViewMap
 };
 //# sourceMappingURL=rich-text.js.map