tinacms 0.0.0-bf22bf8-20241004045704 → 0.0.0-bf308a9-20251208040244

package/dist/rich-text/index.js

@@ -1,213 +1,256 @@
-(function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react")) : typeof define === "function" && define.amd ? define(["exports", "react"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.tinacms = {}, global.NOOP));
-})(this, function(exports2, React) {
-  "use strict";
-  const TinaMarkdown = ({
-    content,
-    components = {}
-  }) => {
-    if (!content) {
-      return null;
+import React from "react";
+const TinaMarkdown = ({
+  content,
+  components = {}
+}) => {
+  if (!content) {
+    return null;
+  }
+  const nodes = Array.isArray(content) ? content : content.children;
+  if (!nodes) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, nodes.map((child, index) => {
+    return /* @__PURE__ */ React.createElement(MemoNode, { components, key: index, child });
+  }));
+};
+const Leaf = (props) => {
+  if (props.bold) {
+    const { bold, ...rest } = props;
+    if (props.components.bold) {
+      const Component = props.components.bold;
+      return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
     }
-    const nodes = Array.isArray(content) ? content : content.children;
-    if (!nodes) {
-      return null;
+    return /* @__PURE__ */ React.createElement("strong", null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
+  }
+  if (props.italic) {
+    const { italic, ...rest } = props;
+    if (props.components.italic) {
+      const Component = props.components.italic;
+      return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
     }
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, nodes.map((child, index) => {
-      return /* @__PURE__ */ React.createElement(MemoNode, { components, key: index, child });
-    }));
-  };
-  const Leaf = (props) => {
-    if (props.bold) {
-      const { bold, ...rest } = props;
-      if (props.components.bold) {
-        const Component = props.components.bold;
-        return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
-      }
-      return /* @__PURE__ */ React.createElement("strong", null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
+    return /* @__PURE__ */ React.createElement("em", null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
+  }
+  if (props.underline) {
+    const { underline, ...rest } = props;
+    if (props.components.underline) {
+      const Component = props.components.underline;
+      return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
     }
-    if (props.italic) {
-      const { italic, ...rest } = props;
-      if (props.components.italic) {
-        const Component = props.components.italic;
-        return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
-      }
-      return /* @__PURE__ */ React.createElement("em", null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
+    return /* @__PURE__ */ React.createElement("u", null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
+  }
+  if (props.strikethrough) {
+    const { strikethrough, ...rest } = props;
+    if (props.components.strikethrough) {
+      const Component = props.components.strikethrough;
+      return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
     }
-    if (props.underline) {
-      const { underline, ...rest } = props;
-      if (props.components.underline) {
-        const Component = props.components.underline;
-        return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
-      }
-      return /* @__PURE__ */ React.createElement("u", null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
+    return /* @__PURE__ */ React.createElement("s", null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
+  }
+  if (props.code) {
+    const { code, ...rest } = props;
+    if (props.components.code) {
+      const Component = props.components.code;
+      return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
     }
-    if (props.strikethrough) {
-      const { strikethrough, ...rest } = props;
-      if (props.components.strikethrough) {
-        const Component = props.components.strikethrough;
-        return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
+    return /* @__PURE__ */ React.createElement("code", null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
+  }
+  if (props.components.text) {
+    const Component = props.components.text;
+    return /* @__PURE__ */ React.createElement(Component, null, props.text);
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, props.text);
+};
+const MemoNode = (props) => {
+  const MNode = React.useMemo(
+    () => /* @__PURE__ */ React.createElement(Node, { ...props }),
+    [JSON.stringify(props)]
+  );
+  return MNode;
+};
+const Node = ({ components, child }) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const { children, ...props } = child;
+  switch (child.type) {
+    case "h1":
+    case "h2":
+    case "h3":
+    case "h4":
+    case "h5":
+    case "h6":
+    case "p":
+    case "ol":
+    case "ul":
+    case "li":
+      if (components[child.type]) {
+        const Component2 = components[child.type];
+        return /* @__PURE__ */ React.createElement(Component2, { ...props }, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children }));
       }
-      return /* @__PURE__ */ React.createElement("s", null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
-    }
-    if (props.code) {
-      const { code, ...rest } = props;
-      if (props.components.code) {
-        const Component = props.components.code;
-        return /* @__PURE__ */ React.createElement(Component, null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
+      return React.createElement(child.type, {
+        children: /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children })
+      });
+    case "lic":
+      if (components.lic) {
+        const Component2 = components.lic;
+        return /* @__PURE__ */ React.createElement(Component2, { ...props }, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children }));
       }
-      return /* @__PURE__ */ React.createElement("code", null, /* @__PURE__ */ React.createElement(Leaf, { ...rest }));
-    }
-    if (props.components.text) {
-      const Component = props.components.text;
-      return /* @__PURE__ */ React.createElement(Component, null, props.text);
-    }
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, props.text);
-  };
-  const MemoNode = (props) => {
-    const MNode = React.useMemo(
-      () => /* @__PURE__ */ React.createElement(Node, { ...props }),
-      [JSON.stringify(props)]
-    );
-    return MNode;
-  };
-  const Node = ({ components, child }) => {
-    var _a, _b, _c, _d, _e, _f;
-    const { children, ...props } = child;
-    switch (child.type) {
-      case "h1":
-      case "h2":
-      case "h3":
-      case "h4":
-      case "h5":
-      case "h6":
-      case "p":
-      case "blockquote":
-      case "ol":
-      case "ul":
-      case "li":
-        if (components[child.type]) {
-          const Component2 = components[child.type];
-          return /* @__PURE__ */ React.createElement(Component2, { ...props }, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children }));
-        }
-        return React.createElement(child.type, {
-          children: /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children })
-        });
-      case "lic":
-        if (components.lic) {
-          const Component2 = components.lic;
-          return /* @__PURE__ */ React.createElement(Component2, { ...props }, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children }));
-        }
-        return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: child.children }));
-      case "img":
-        if (components[child.type]) {
-          const Component2 = components[child.type];
-          return /* @__PURE__ */ React.createElement(Component2, { ...props });
-        }
-        return /* @__PURE__ */ React.createElement("img", { src: child.url, alt: child.alt });
-      case "a":
-        if (components[child.type]) {
-          const Component2 = components[child.type];
-          return (
-            // @ts-ignore FIXME: TinaMarkdownContent needs to be a union of all possible node types
-            /* @__PURE__ */ React.createElement(Component2, { ...props }, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children }))
-          );
-        }
+      return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: child.children }));
+    case "blockquote":
+      const BlockquoteComponent = components.blockquote || components.block_quote;
+      if (BlockquoteComponent) {
+        return /* @__PURE__ */ React.createElement(BlockquoteComponent, { ...props }, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children }));
+      }
+      return React.createElement("blockquote", {
+        children: /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children })
+      });
+    case "img":
+      if (components[child.type]) {
+        const Component2 = components[child.type];
+        return /* @__PURE__ */ React.createElement(Component2, { ...props });
+      }
+      return /* @__PURE__ */ React.createElement("img", { src: child.url, alt: child.alt });
+    case "a":
+      if (components[child.type]) {
+        const Component2 = components[child.type];
         return (
           // @ts-ignore FIXME: TinaMarkdownContent needs to be a union of all possible node types
-          /* @__PURE__ */ React.createElement("a", { href: child.url }, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children }))
+          /* @__PURE__ */ React.createElement(Component2, { ...props }, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children }))
         );
-      case "code_block":
-        const value = child.value;
-        if (components[child.type]) {
-          const Component2 = components[child.type];
-          return (
-            // @ts-ignore FIXME: TinaMarkdownContent needs to be a union of all possible node types
-            /* @__PURE__ */ React.createElement(Component2, { ...props })
-          );
-        }
-        return /* @__PURE__ */ React.createElement("pre", null, /* @__PURE__ */ React.createElement("code", null, value));
-      case "hr":
-        if (components[child.type]) {
-          const Component2 = components[child.type];
-          return /* @__PURE__ */ React.createElement(Component2, { ...props });
-        }
-        return /* @__PURE__ */ React.createElement("hr", null);
-      case "break":
-        if (components[child.type]) {
-          const Component2 = components[child.type];
-          return /* @__PURE__ */ React.createElement(Component2, { ...props });
-        }
-        return /* @__PURE__ */ React.createElement("br", null);
-      case "text":
-        return /* @__PURE__ */ React.createElement(Leaf, { components, ...child });
-      case "mdxJsxTextElement":
-      case "mdxJsxFlowElement":
-        const Component = components[child.name];
-        if (Component) {
-          const props2 = child.props ? child.props : {};
-          return /* @__PURE__ */ React.createElement(Component, { ...props2 });
-        } else {
-          if (child.name === "table") {
-            const firstRowHeader = (_a = child.props) == null ? void 0 : _a.firstRowHeader;
-            const rows = (firstRowHeader ? (_b = child.props) == null ? void 0 : _b.tableRows.filter((_, i) => i !== 0) : (_c = child.props) == null ? void 0 : _c.tableRows) || [];
-            const header = (_e = (_d = child.props) == null ? void 0 : _d.tableRows) == null ? void 0 : _e.at(0);
-            const TableComponent = components["table"] || ((props2) => /* @__PURE__ */ React.createElement("table", { ...props2 }));
-            const TrComponent = components["tr"] || ((props2) => /* @__PURE__ */ React.createElement("tr", { ...props2 }));
-            const ThComponent = components["th"] || ((props2) => /* @__PURE__ */ React.createElement("th", { style: { textAlign: (props2 == null ? void 0 : props2.align) || "auto" }, ...props2 }));
-            const TdComponent = components["td"] || ((props2) => /* @__PURE__ */ React.createElement("td", { style: { textAlign: (props2 == null ? void 0 : props2.align) || "auto" }, ...props2 }));
-            const align = ((_f = child.props) == null ? void 0 : _f.align) || [];
-            return /* @__PURE__ */ React.createElement(TableComponent, null, firstRowHeader && /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement(TrComponent, null, header.tableCells.map((c, i) => {
+      }
+      return (
+        // @ts-ignore FIXME: TinaMarkdownContent needs to be a union of all possible node types
+        /* @__PURE__ */ React.createElement("a", { href: child.url }, /* @__PURE__ */ React.createElement(TinaMarkdown, { components, content: children }))
+      );
+    case "code_block": {
+      let codeString = "";
+      if (Array.isArray(child.children)) {
+        codeString = child.children.map(
+          (line) => Array.isArray(line.children) ? line.children.map((t) => t.text).join("") : ""
+        ).join("\n");
+      } else if (typeof child.value === "string") {
+        codeString = child.value;
+      }
+      if (components[child.type]) {
+        const Component2 = components[child.type];
+        return (
+          // @ts-ignore FIXME: TinaMarkdownContent needs to be a union of all possible node types
+          /* @__PURE__ */ React.createElement(Component2, { ...props, value: codeString })
+        );
+      }
+      return /* @__PURE__ */ React.createElement("pre", null, /* @__PURE__ */ React.createElement("code", null, codeString));
+    }
+    case "hr":
+      if (components[child.type]) {
+        const Component2 = components[child.type];
+        return /* @__PURE__ */ React.createElement(Component2, { ...props });
+      }
+      return /* @__PURE__ */ React.createElement("hr", null);
+    case "break":
+      if (components[child.type]) {
+        const Component2 = components[child.type];
+        return /* @__PURE__ */ React.createElement(Component2, { ...props });
+      }
+      return /* @__PURE__ */ React.createElement("br", null);
+    case "text":
+      return /* @__PURE__ */ React.createElement(Leaf, { components, ...child });
+    case "mdxJsxTextElement":
+    case "mdxJsxFlowElement":
+      const Component = components[child.name];
+      if (Component) {
+        const props2 = child.props ? child.props : {};
+        return /* @__PURE__ */ React.createElement(Component, { ...props2 });
+      } else {
+        if (child.name === "table") {
+          const firstRowHeader = (_a = child.props) == null ? void 0 : _a.firstRowHeader;
+          const rows2 = (firstRowHeader ? (_b = child.props) == null ? void 0 : _b.tableRows.filter((_, i) => i !== 0) : (_c = child.props) == null ? void 0 : _c.tableRows) || [];
+          const header = (_e = (_d = child.props) == null ? void 0 : _d.tableRows) == null ? void 0 : _e.at(0);
+          const TableComponent2 = components["table"] || ((props2) => /* @__PURE__ */ React.createElement("table", { ...props2 }));
+          const TrComponent2 = components["tr"] || ((props2) => /* @__PURE__ */ React.createElement("tr", { ...props2 }));
+          const ThComponent = components["th"] || ((props2) => /* @__PURE__ */ React.createElement("th", { style: { textAlign: (props2 == null ? void 0 : props2.align) || "auto" }, ...props2 }));
+          const TdComponent2 = components["td"] || ((props2) => /* @__PURE__ */ React.createElement("td", { style: { textAlign: (props2 == null ? void 0 : props2.align) || "auto" }, ...props2 }));
+          const align2 = ((_f = child.props) == null ? void 0 : _f.align) || [];
+          return /* @__PURE__ */ React.createElement(TableComponent2, null, firstRowHeader && /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement(TrComponent2, null, header.tableCells.map((c, i) => {
+            return /* @__PURE__ */ React.createElement(
+              TinaMarkdown,
+              {
+                key: i,
+                components: {
+                  p: (props2) => /* @__PURE__ */ React.createElement(ThComponent, { align: align2[i], ...props2 })
+                },
+                content: c.value
+              }
+            );
+          }))), /* @__PURE__ */ React.createElement("tbody", null, rows2.map((row, i) => {
+            var _a2;
+            return /* @__PURE__ */ React.createElement(TrComponent2, { key: i }, (_a2 = row == null ? void 0 : row.tableCells) == null ? void 0 : _a2.map((c, i2) => {
               return /* @__PURE__ */ React.createElement(
                 TinaMarkdown,
                 {
-                  key: i,
+                  key: i2,
                   components: {
-                    p: (props2) => /* @__PURE__ */ React.createElement(ThComponent, { align: align[i], ...props2 })
+                    p: (props2) => /* @__PURE__ */ React.createElement(TdComponent2, { align: align2[i2], ...props2 })
                   },
                   content: c.value
                 }
               );
-            }))), /* @__PURE__ */ React.createElement("tbody", null, rows.map((row, i) => {
-              var _a2;
-              return /* @__PURE__ */ React.createElement(TrComponent, { key: i }, (_a2 = row == null ? void 0 : row.tableCells) == null ? void 0 : _a2.map((c, i2) => {
-                return /* @__PURE__ */ React.createElement(
-                  TinaMarkdown,
-                  {
-                    key: i2,
-                    components: {
-                      p: (props2) => /* @__PURE__ */ React.createElement(TdComponent, { align: align[i2], ...props2 })
-                    },
-                    content: c.value
-                  }
-                );
-              }));
-            })));
-          }
-          const ComponentMissing = components["component_missing"];
-          if (ComponentMissing) {
-            return /* @__PURE__ */ React.createElement(ComponentMissing, { name: child.name });
-          } else {
-            return /* @__PURE__ */ React.createElement("span", null, `No component provided for ${child.name}`);
-          }
+            }));
+          })));
         }
-      case "maybe_mdx":
-        return null;
-      case "html":
-      case "html_inline":
-        if (components[child.type]) {
-          const Component2 = components[child.type];
-          return /* @__PURE__ */ React.createElement(Component2, { ...props });
+        const ComponentMissing = components["component_missing"];
+        if (ComponentMissing) {
+          return /* @__PURE__ */ React.createElement(ComponentMissing, { name: child.name });
+        } else {
+          return /* @__PURE__ */ React.createElement("span", null, `No component provided for ${child.name}`);
         }
-        return child.value;
-      case "invalid_markdown":
-        return /* @__PURE__ */ React.createElement("pre", null, child.value);
-      default:
-        if (typeof child.text === "string") {
-          return /* @__PURE__ */ React.createElement(Leaf, { components, ...child });
+      }
+    case "table":
+      const rows = child.children || [];
+      const TableComponent = components["table"] || ((props2) => /* @__PURE__ */ React.createElement("table", { style: { border: "1px solid #EDECF3" }, ...props2 }));
+      const TrComponent = components["tr"] || ((props2) => /* @__PURE__ */ React.createElement("tr", { ...props2 }));
+      const TdComponent = components["td"] || ((props2) => /* @__PURE__ */ React.createElement(
+        "td",
+        {
+          style: {
+            textAlign: (props2 == null ? void 0 : props2.align) || "auto",
+            border: "1px solid #EDECF3",
+            padding: "0.25rem"
+          },
+          ...props2
         }
-    }
-  };
-  exports2.TinaMarkdown = TinaMarkdown;
-  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
-});
+      ));
+      const align = ((_g = child.props) == null ? void 0 : _g.align) || [];
+      return /* @__PURE__ */ React.createElement(TableComponent, null, /* @__PURE__ */ React.createElement("tbody", null, rows.map((row, i) => {
+        var _a2;
+        return /* @__PURE__ */ React.createElement(TrComponent, { key: i }, (_a2 = row.children) == null ? void 0 : _a2.map((cell, i2) => {
+          return /* @__PURE__ */ React.createElement(
+            TinaMarkdown,
+            {
+              key: i2,
+              components: {
+                p: (props2) => /* @__PURE__ */ React.createElement(TdComponent, { align: align[i2], ...props2 })
+              },
+              content: cell.children
+            }
+          );
+        }));
+      })));
+    case "maybe_mdx":
+      return null;
+    case "html":
+    case "html_inline":
+      if (components[child.type]) {
+        const Component2 = components[child.type];
+        return /* @__PURE__ */ React.createElement(Component2, { ...props });
+      }
+      return child.value;
+    case "invalid_markdown":
+      return /* @__PURE__ */ React.createElement("pre", null, child.value);
+    default:
+      if (typeof child.text === "string") {
+        return /* @__PURE__ */ React.createElement(Leaf, { components, ...child });
+      }
+  }
+};
+export {
+  TinaMarkdown
+};

package/dist/rich-text/prism.js

@@ -1,18 +1,16 @@
-(function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("prism-react-renderer")) : typeof define === "function" && define.amd ? define(["exports", "react", "prism-react-renderer"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.tinacms = {}, global.NOOP, global.NOOP));
-})(this, function(exports2, React, prismReactRenderer) {
-  "use strict";
-  const Prism = (props) => {
-    return /* @__PURE__ */ React.createElement(
-      prismReactRenderer.Highlight,
-      {
-        theme: prismReactRenderer.themes[props.theme || "github"],
-        code: props.value,
-        language: props.lang || ""
-      },
-      ({ className, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ React.createElement("pre", { className, style }, tokens.map((line, i) => /* @__PURE__ */ React.createElement("div", { ...getLineProps({ line, key: i }) }, line.map((token, key) => /* @__PURE__ */ React.createElement("span", { ...getTokenProps({ token, key }) })))))
-    );
-  };
-  exports2.Prism = Prism;
-  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
-});
+import React from "react";
+import { Highlight, themes } from "prism-react-renderer";
+const Prism = (props) => {
+  return /* @__PURE__ */ React.createElement(
+    Highlight,
+    {
+      theme: themes[props.theme || "github"],
+      code: props.value || "",
+      language: props.lang || ""
+    },
+    ({ className, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ React.createElement("pre", { className, style }, tokens.map((line, i) => /* @__PURE__ */ React.createElement("div", { ...getLineProps({ line, key: i }) }, line.map((token, key) => /* @__PURE__ */ React.createElement("span", { ...getTokenProps({ token, key }) })))))
+  );
+};
+export {
+  Prism
+};

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

@@ -0,0 +1,154 @@
+/**
+ * This is a static-ready version of the TinaMarkdown component.
+ * The primary change is the removal of the `MemoNode` wrapper, which used
+ * the `React.useMemo` hook. This hook is for client-side performance
+ * optimization and is not needed for server-side rendering (SSR).
+ * By rendering the `Node` component directly, the component becomes
+ * fully static and can be rendered on the server.
+ */
+import React from 'react';
+type BaseComponents = {
+    h1?: {
+        children: JSX.Element;
+    };
+    h2?: {
+        children: JSX.Element;
+    };
+    h3?: {
+        children: JSX.Element;
+    };
+    h4?: {
+        children: JSX.Element;
+    };
+    h5?: {
+        children: JSX.Element;
+    };
+    h6?: {
+        children: JSX.Element;
+    };
+    p?: {
+        children: JSX.Element;
+    };
+    a?: {
+        url: string;
+        children: JSX.Element;
+    };
+    italic?: {
+        children: JSX.Element;
+    };
+    bold?: {
+        children: JSX.Element;
+    };
+    strikethrough?: {
+        children: JSX.Element;
+    };
+    underline?: {
+        children: JSX.Element;
+    };
+    code?: {
+        children: JSX.Element;
+    };
+    text?: {
+        children: string;
+    };
+    ul?: {
+        children: JSX.Element;
+    };
+    ol?: {
+        children: JSX.Element;
+    };
+    li?: {
+        children: JSX.Element;
+    };
+    lic?: {
+        children: JSX.Element;
+    };
+    /**
+     * @deprecated Use `blockquote` instead. This was incorrectly named and will be removed in a future version.
+     */
+    block_quote?: {
+        children: JSX.Element;
+    };
+    blockquote?: {
+        children: JSX.Element;
+    };
+    code_block?: {
+        lang?: string;
+        value: string;
+    };
+    mermaid?: {
+        value: string;
+    };
+    img?: {
+        url: string;
+        caption?: string;
+        alt?: string;
+    };
+    hr?: {};
+    break?: {};
+    maybe_mdx?: {
+        children: JSX.Element;
+    };
+    html?: {
+        value: string;
+    };
+    html_inline?: {
+        value: string;
+    };
+    table?: {
+        align?: ('left' | 'right' | 'center')[];
+        tableRows: {
+            tableCells: {
+                value: TinaMarkdownContent;
+            }[];
+        }[];
+    };
+    component_missing?: {
+        name: string;
+    };
+};
+type BaseComponentSignature = {
+    [BK in keyof BaseComponents]: (props: BaseComponents[BK]) => JSX.Element;
+};
+/**
+ * Define the allowed components and their props
+ * ```ts
+ * const components:
+ * Components<{
+ *  BlockQuote: {
+ *      children: TinaMarkdownContent;
+ *      authorName: string;
+ *    };
+ *  }> = {
+ *    BlockQuote: (props: {
+ *      children: TinaMarkdownContent;
+ *      authorName: string;
+ *    }) => {
+ *      return (
+ *        <div>
+ *          <blockquote>
+ *            <TinaMarkdown content={props.children} />
+ *            {props.authorName}
+ *          </blockquote>
+ *        </div>
+ *      );
+ *    }
+ *  }
+ * }
+ * ```
+ */
+export type Components<ComponentAndProps extends object> = {
+    [K in keyof ComponentAndProps]: (props: ComponentAndProps[K]) => JSX.Element;
+} & BaseComponentSignature;
+export type TinaMarkdownContent = {
+    type: string;
+    children: TinaMarkdownContent[];
+    [key: string]: any;
+};
+export declare const StaticTinaMarkdown: <CustomComponents extends {
+    [key: string]: object;
+} = any>({ content, components, }: {
+    content: TinaMarkdownContent | TinaMarkdownContent[];
+    components?: Components<{}> | Components<{ [BK in keyof CustomComponents]: (props: CustomComponents[BK]) => JSX.Element; }>;
+}) => React.JSX.Element;
+export {};