@readme/markdown 7.11.0 → 7.12.1

package/dist/lib/exports.d.ts

@@ -0,0 +1,2 @@
+declare const exports: (doc: string) => string[];
+export default exports;

package/dist/lib/index.d.ts

@@ -1,11 +1,12 @@
 export type { MdastOpts } from './ast-processor';
 export { default as astProcessor, remarkPlugins } from './ast-processor';
 export { default as compile } from './compile';
+export { default as exports } from './exports';
 export { default as hast } from './hast';
 export { default as mdast } from './mdast';
 export { default as mdastV6 } from './mdastV6';
 export { default as mdx } from './mdx';
+export { default as migrate } from './migrate';
 export { default as plain } from './plain';
 export { default as run } from './run';
 export { default as tags } from './tags';
-export { default as migrate } from './migrate';

package/dist/lib/run.d.ts

@@ -2,13 +2,7 @@ import React from 'react';
 import { RunOptions } from '@mdx-js/mdx';
 import { GlossaryTerm } from '../contexts/GlossaryTerms';
 import { CustomComponents } from '../types';
-interface Variables {
-    user: Record<string, string>;
-    defaults: {
-        name: string;
-        default: string;
-    }[];
-}
+import { Variables } from '../utils/user';
 export type RunOpts = Omit<RunOptions, 'Fragment'> & {
     components?: CustomComponents;
     imports?: Record<string, unknown>;

package/dist/main.js

@@ -26117,7 +26117,7 @@ function toResult(value) {
  * @template {Test} Check
  *   `unist-util-is`-compatible test.
  */
-function visit(tree, testOrVisitor, visitorOrReverse, maybeReverse) {
+function lib_visit(tree, testOrVisitor, visitorOrReverse, maybeReverse) {
   /** @type {boolean | null | undefined} */
   let reverse
   /** @type {Test} */
@@ -26172,7 +26172,7 @@ function formatHeadingAsSetext(node, state) {
 
   // Look for literals with a line break.
   // Note that this also
-  visit(node, function (node) {
+  lib_visit(node, function (node) {
     if (
       ('value' in node && /\r?\n|\r/.test(node.value)) ||
       node.type === 'break'
@@ -39512,7 +39512,7 @@ const lib_SKIP = Symbol('skip')
  * @returns {undefined}
  *   Nothing.
  */
-function lib_visit(tree, visitor) {
+function estree_util_visit_lib_visit(tree, visitor) {
   /** @type {Visitor | undefined} */
   let enter
   /** @type {Visitor | undefined} */
@@ -39815,7 +39815,7 @@ function eventsToAcorn(events, options) {
     estree.comments = comments;
 
     // @ts-expect-error: acorn looks enough like estree.
-    lib_visit(estree, function (esnode, field, index, parents) {
+    estree_util_visit_lib_visit(estree, function (esnode, field, index, parents) {
       let context = /** @type {AcornNode | Array<AcornNode>} */
       parents[parents.length - 1];
       /** @type {number | string | undefined} */
@@ -47941,7 +47941,7 @@ var NodeTypes;
 const regex = `^(${emoji_regex().source}|⚠)(\\s+|$)`;
 const calloutTransformer = () => {
     return (tree) => {
-        visit(tree, 'blockquote', (node) => {
+        lib_visit(tree, 'blockquote', (node) => {
             if (!(node.children[0].type === 'paragraph' && node.children[0].children[0].type === 'text'))
                 return;
             const startText = node.children[0].children[0].value;
@@ -47971,13 +47971,13 @@ const calloutTransformer = () => {
 
 const isCode = (node) => (node === null || node === void 0 ? void 0 : node.type) === 'code';
 const codeTabsTransformer = ({ copyButtons } = {}) => (tree) => {
-    visit(tree, 'code', (node) => {
+    lib_visit(tree, 'code', (node) => {
         const { lang, meta, value } = node;
         node.data = {
             hProperties: { lang, meta, value, copyButtons },
         };
     });
-    visit(tree, 'code', (node, index, parent) => {
+    lib_visit(tree, 'code', (node, index, parent) => {
         if (parent.type === 'code-tabs' || !('children' in parent))
             return;
         const length = parent.children.length;
@@ -48020,7 +48020,7 @@ const codeTabsTransformer = ({ copyButtons } = {}) => (tree) => {
 
 const embedTransformer = () => {
     return (tree) => {
-        visit(tree, 'paragraph', (node, i, parent) => {
+        lib_visit(tree, 'paragraph', (node, i, parent) => {
             var _a, _b, _c;
             const [{ url, title, children = [] }] = node.children;
             if (title !== '@embed')
@@ -48047,12 +48047,12 @@ const embedTransformer = () => {
 
 ;// ./lib/mdast.ts
 
-const mdast = (text, opts = {}) => {
+const mdast_mdast = (text, opts = {}) => {
     const processor = ast_processor(opts);
     const tree = processor.parse(text);
     return processor.runSync(tree);
 };
-/* harmony default export */ const lib_mdast = (mdast);
+/* harmony default export */ const lib_mdast = (mdast_mdast);
 
 ;// ./processor/utils.ts
 
@@ -48144,11 +48144,20 @@ const getChildren = (jsx) => jsx.children.reduce((memo, child, i) => {
  * TODO: Make this more extensible to all types of nodes. isElement(node, 'type' or ['type1', 'type2']), say
  *
  * @param {Node} node
- * @returns {(node is MdxJsxFlowElement | MdxJsxTextElement)}
+ * @returns {(node is MdxJsxFlowElement | MdxJsxTextElement | MdxjsEsm)}
  */
 const isMDXElement = (node) => {
     return ['mdxJsxFlowElement', 'mdxJsxTextElement'].includes(node.type);
 };
+/**
+ * Tests if a node is an MDX ESM element (i.e. import or export).
+ *
+ * @param {Node} node
+ * @returns {boolean}
+ */
+const utils_isMDXEsm = (node) => {
+    return node.type === 'mdxjsEsm';
+};
 /**
  * Takes an HTML string and formats it for display in the editor. Removes leading/trailing newlines
  * and unindents the HTML.
@@ -48181,7 +48190,7 @@ const formatHTML = (html) => {
  */
 const reformatHTML = (html, indent = 2) => {
     // Remove leading/trailing newlines
-    const cleaned = html.replace(/^\s*\n|\n\s*$/g, '');
+    const cleaned = html.replace(/^\s*\n|\n\s*$/g, '').replaceAll(/(?<!\\(\\\\)*)`/g, '\\`');
     // // Create a tab/indent with the specified number of spaces
     // const tab = ' '.repeat(indent);
     // // Indent each line of the HTML (converts to an array, indents each line, then joins back)
@@ -48235,7 +48244,7 @@ const toAttributes = (object, keys = []) => {
 
 
 const imageTransformer = () => (tree) => {
-    visit(tree, 'paragraph', (node, i, parent) => {
+    lib_visit(tree, 'paragraph', (node, i, parent) => {
         var _a;
         // check if inline
         if (parent.type !== 'root' || ((_a = node.children) === null || _a === void 0 ? void 0 : _a.length) > 1 || node.children[0].type !== 'image')
@@ -48259,7 +48268,7 @@ const imageTransformer = () => (tree) => {
         parent.children.splice(i, 1, newNode);
     });
     const isImage = (node) => node.name === 'Image';
-    visit(tree, isImage, (node) => {
+    lib_visit(tree, isImage, (node) => {
         const attrs = getAttrs(node);
         if (attrs.caption) {
             node.children = lib_mdast(attrs.caption).children;
@@ -65259,17 +65268,17 @@ const gemojiTransformer = () => (tree) => {
 const strongTest = (node) => ['emphasis', 'strong'].includes(node.type);
 const compatibilityTransfomer = () => tree => {
     const trimEmphasis = (node) => {
-        visit(node, 'text', child => {
+        lib_visit(node, 'text', child => {
             child.value = child.value.trim();
             return EXIT;
         });
         return node;
     };
-    visit(tree, strongTest, node => {
+    lib_visit(tree, strongTest, node => {
         trimEmphasis(node);
         return SKIP;
     });
-    visit(tree, 'image', (node, index, parent) => {
+    lib_visit(tree, 'image', (node, index, parent) => {
         if (phrasing(parent) || !parent.children.every(child => child.type === 'image' || !phrasing(child)))
             return;
         parent.children.splice(index, 1, { type: 'paragraph', children: [node] });
@@ -65293,7 +65302,7 @@ var div_rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 const divTransformer = () => tree => {
-    visit(tree, 'div', (node, index, parent) => {
+    lib_visit(tree, 'div', (node, index, parent) => {
         var _a;
         const type = (_a = node.data) === null || _a === void 0 ? void 0 : _a.hName;
         switch (type) {
@@ -65321,7 +65330,7 @@ const inject = ({ components } = {}) => (node, index, parent) => {
     parent.children.splice(index, children.length, ...children);
 };
 const injectComponents = (opts) => () => tree => {
-    visit(tree, isMDXElement, inject(opts));
+    lib_visit(tree, isMDXElement, inject(opts));
     return tree;
 };
 /* harmony default export */ const inject_components = (injectComponents);
@@ -65341,7 +65350,7 @@ const setData = (node, index, parent) => {
         } });
 };
 const mdxToHast = () => tree => {
-    visit(tree, isMDXElement, setData);
+    lib_visit(tree, isMDXElement, setData);
     return tree;
 };
 /* harmony default export */ const mdx_to_hast = (mdxToHast);
@@ -65349,7 +65358,7 @@ const mdxToHast = () => tree => {
 ;// ./processor/transform/mermaid.ts
 
 const mermaidTransformer = () => (tree) => {
-    visit(tree, 'element', (node) => {
+    lib_visit(tree, 'element', (node) => {
         if (node.tagName !== 'pre' || node.children.length !== 1)
             return;
         const [child] = node.children;
@@ -65438,9 +65447,9 @@ const coerceJsxToMd = ({ components = {}, html = false } = {}) => (node, index,
         const { position } = node;
         const { align = [...new Array(node.children.length)].map(() => null) } = getAttrs(node);
         let children = [];
-        visit(node, { name: 'tr' }, row => {
+        lib_visit(node, { name: 'tr' }, row => {
             let rowChildren = [];
-            visit(row, isTableCell, ({ name, children, position }) => {
+            lib_visit(row, isTableCell, ({ name, children, position }) => {
                 rowChildren.push({
                     type: tableTypes[name],
                     children,
@@ -65459,7 +65468,7 @@ const coerceJsxToMd = ({ components = {}, html = false } = {}) => (node, index,
             position,
             children,
         };
-        visit(mdNode, isMDXElement, coerceJsxToMd({ components, html }));
+        lib_visit(mdNode, isMDXElement, coerceJsxToMd({ components, html }));
         parent.children[index] = mdNode;
         return SKIP;
     }
@@ -65502,8 +65511,8 @@ const coerceJsxToMd = ({ components = {}, html = false } = {}) => (node, index,
     }
 };
 const readmeComponents = (opts) => () => tree => {
-    visit(tree, isMDXElement, coerceJsxToMd(opts));
-    visit(tree, 'paragraph', (node, index, parent) => {
+    lib_visit(tree, isMDXElement, coerceJsxToMd(opts));
+    lib_visit(tree, 'paragraph', (node, index, parent) => {
         // @ts-ignore
         if (parent.type !== 'tableRow')
             return;
@@ -65521,11 +65530,11 @@ const readmeComponents = (opts) => () => tree => {
 const imageAttrs = ['align', 'alt', 'caption', 'border', 'height', 'src', 'title', 'width', 'lazy', 'className'];
 const readmeToMdx = () => tree => {
     // Unwrap pinned nodes, replace rdme-pin with its child node
-    visit(tree, 'rdme-pin', (node, i, parent) => {
+    lib_visit(tree, 'rdme-pin', (node, i, parent) => {
         const newNode = node.children[0];
         parent.children.splice(i, 1, newNode);
     });
-    visit(tree, NodeTypes.tutorialTile, (tile, index, parent) => {
+    lib_visit(tree, NodeTypes.tutorialTile, (tile, index, parent) => {
         parent.children.splice(index, 1, {
             type: 'mdxJsxFlowElement',
             name: 'TutorialTile',
@@ -65533,7 +65542,7 @@ const readmeToMdx = () => tree => {
             children: [],
         });
     });
-    visit(tree, 'figure', (figure, index, parent) => {
+    lib_visit(tree, 'figure', (figure, index, parent) => {
         const [image, caption] = figure.children;
         const { align, width } = image.data.hProperties;
         const border = image.data.hProperties.className === 'border';
@@ -65545,7 +65554,7 @@ const readmeToMdx = () => tree => {
         });
     });
     const hasExtra = (attributes) => !!attributes.find(attr => !['alt', 'src', 'title'].includes(attr.name));
-    visit(tree, 'image', (image, index, parent) => {
+    lib_visit(tree, 'image', (image, index, parent) => {
         if (!('data' in image))
             return;
         if ('url' in image)
@@ -65567,7 +65576,7 @@ const readmeToMdx = () => tree => {
             });
         }
     });
-    visit(tree, NodeTypes.imageBlock, (image, index, parent) => {
+    lib_visit(tree, NodeTypes.imageBlock, (image, index, parent) => {
         const attributes = toAttributes(image.data.hProperties, imageAttrs);
         if (hasExtra(attributes)) {
             parent.children.splice(index, 1, {
@@ -65581,7 +65590,7 @@ const readmeToMdx = () => tree => {
             parent.children.splice(index, 1, Object.assign(Object.assign(Object.assign({ type: 'image', children: [] }, (image.src && { url: image.src })), (image.title && { title: image.title })), (image.alt && { alt: image.alt })));
         }
     });
-    visit(tree, 'html', (node, index, parent) => {
+    lib_visit(tree, 'html', (node, index, parent) => {
         const html = node.value;
         const isScriptOrStyleTag = [!!html.match(/^<(?:style|script)/i), !!html.match(/<\/(?:style|script)>$/i)];
         if (!isScriptOrStyleTag.includes(true))
@@ -65624,21 +65633,21 @@ const visitor = (table, index, parent) => {
             : cell.children[0];
         // @note: Compatibility with RDMD. Ideally, I'd put this in a separate
         // transformer, but then there'd be some duplication.
-        visit(cell, 'break', (_, index, parent) => {
+        lib_visit(cell, 'break', (_, index, parent) => {
             parent.children.splice(index, 1, { type: 'text', value: '\n' });
         });
         if (!phrasing(content) && content.type !== 'escape') {
             hasFlowContent = true;
             return EXIT;
         }
-        visit(cell, isLiteral, (node) => {
+        lib_visit(cell, isLiteral, (node) => {
             if (node.value.match(/\n/)) {
                 hasFlowContent = true;
                 return EXIT;
             }
         });
     };
-    visit(table, tables_to_jsx_isTableCell, tableCellVisitor);
+    lib_visit(table, tables_to_jsx_isTableCell, tableCellVisitor);
     if (!hasFlowContent) {
         table.type = 'table';
         return;
@@ -65686,7 +65695,7 @@ const visitor = (table, index, parent) => {
 };
 const isTable = (node) => ['table', 'tableau'].includes(node.type);
 const tablesToJsx = () => tree => {
-    visit(tree, isTable, visitor);
+    lib_visit(tree, isTable, visitor);
     return tree;
 };
 /* harmony default export */ const tables_to_jsx = (tablesToJsx);
@@ -65695,7 +65704,7 @@ const tablesToJsx = () => tree => {
 
 
 const variables = ({ asMdx } = { asMdx: true }) => tree => {
-    visit(tree, (node, index, parent) => {
+    lib_visit(tree, (node, index, parent) => {
         var _a, _b;
         if (!['mdxFlowExpression', 'mdxTextExpression'].includes(node.type) || !('value' in node))
             return;
@@ -65975,7 +65984,7 @@ function rehypeSlug(options) {
   return function (tree) {
     slugs.reset()
 
-    visit(tree, 'element', function (node) {
+    lib_visit(tree, 'element', function (node) {
       if (headingRank(node) && !node.properties.id) {
         node.properties.id = prefix + slugs.slug(hast_util_to_string_lib_toString(node))
       }
@@ -74098,7 +74107,7 @@ function state_createState(tree, options) {
     wrap: state_wrap
   }
 
-  visit(tree, function (node) {
+  lib_visit(tree, function (node) {
     if (node.type === 'definition' || node.type === 'footnoteDefinition') {
       const map = node.type === 'definition' ? definitionById : footnoteById
       const id = String(node.identifier).toUpperCase()
@@ -76759,7 +76768,7 @@ function rehypeRemoveRaw() {
    *   Nothing.
    */
   return function (tree) {
-    visit(tree, 'raw', function (_, index, parent) {
+    lib_visit(tree, 'raw', function (_, index, parent) {
       if (parent && typeof index === 'number') {
         parent.children.splice(index, 1)
         return index
@@ -76883,7 +76892,7 @@ function remarkMarkAndUnravel() {
    *   Nothing.
    */
   return function (tree) {
-    visit(tree, function (node, index, parent) {
+    lib_visit(tree, function (node, index, parent) {
       let offset = -1
       let all = true
       let oneOrMore = false
@@ -78502,7 +78511,7 @@ const tocToHast = (headings = []) => {
 };
 const tocToMdx = (toc, components) => {
     const tree = { type: 'root', children: toc };
-    visit(tree, 'mdxJsxFlowElement', (node, index, parent) => {
+    lib_visit(tree, 'mdxJsxFlowElement', (node, index, parent) => {
         const toc = components[node.name].toc || [];
         parent.children.splice(index, 1, ...toc);
     });
@@ -78558,9 +78567,10 @@ const compile_compile = (text, _a = {}) => {
                 remarkGfm,
                 ...Object.values(transforms),
                 [compile_codeTabsTransformer, { copyButtons }],
-                transform_variables,
             ], rehypePlugins: [...rehypePlugins, [rehypeToc, { components }]] }, opts));
-        return String(vfile).replace(/await import\(_resolveDynamicMdxSpecifier\(('react'|"react")\)\)/, 'arguments[0].imports.React');
+        return String(vfile)
+            .replace(/await import\(_resolveDynamicMdxSpecifier\(('react'|"react")\)\)/, 'arguments[0].imports.React')
+            .replace('"use strict";', '"use strict";\nconst { user } = arguments[0].imports;');
     }
     catch (error) {
         throw error.line ? new MdxSyntaxError(error, text) : error;
@@ -78568,6 +78578,24 @@ const compile_compile = (text, _a = {}) => {
 };
 /* harmony default export */ const lib_compile = (compile_compile);
 
+;// ./lib/exports.ts
+
+
+
+const EXPORT_NAME_REGEX = /export\s+(?:const|let|var|function)\s+(\w+)/;
+const exports_exports = (doc) => {
+    const set = new Set();
+    visit(mdast(doc), isMDXEsm, (node) => {
+        var _a;
+        if ((_a = node.value) === null || _a === void 0 ? void 0 : _a.match(EXPORT_NAME_REGEX)) {
+            const [, name] = node.value.match(EXPORT_NAME_REGEX);
+            set.add(name);
+        }
+    });
+    return Array.from(set);
+};
+/* harmony default export */ const lib_exports = ((/* unused pure expression or super */ null && (exports_exports)));
+
 ;// ./lib/hast.ts
 
 
@@ -78609,7 +78637,7 @@ const addSpaceAfter = (index, parent) => {
 };
 const trimEmphasis = (node, index, parent) => {
     let trimmed = false;
-    visit(node, 'text', (child) => {
+    lib_visit(node, 'text', (child) => {
         const newValue = child.value.trimStart();
         if (newValue !== child.value) {
             trimmed = true;
@@ -78617,7 +78645,7 @@ const trimEmphasis = (node, index, parent) => {
         }
         return EXIT;
     });
-    visit(node, 'text', (child) => {
+    lib_visit(node, 'text', (child) => {
         const newValue = child.value.trimEnd();
         if (newValue !== child.value) {
             trimmed = true;
@@ -78631,7 +78659,7 @@ const trimEmphasis = (node, index, parent) => {
     }
 };
 const emphasisTransfomer = () => (tree) => {
-    visit(tree, emphasis_strongTest, trimEmphasis);
+    lib_visit(tree, emphasis_strongTest, trimEmphasis);
     return tree;
 };
 /* harmony default export */ const migration_emphasis = (emphasisTransfomer);
@@ -78639,7 +78667,7 @@ const emphasisTransfomer = () => (tree) => {
 ;// ./processor/migration/images.ts
 
 const images_imageTransformer = () => tree => {
-    visit(tree, 'image', (image) => {
+    lib_visit(tree, 'image', (image) => {
         var _a, _b;
         if (((_b = (_a = image.data) === null || _a === void 0 ? void 0 : _a.hProperties) === null || _b === void 0 ? void 0 : _b.className) === 'border') {
             image.data.hProperties.border = true;
@@ -78651,9 +78679,9 @@ const images_imageTransformer = () => tree => {
 ;// ./processor/migration/linkReference.ts
 
 const linkReferenceTransformer = () => (tree) => {
-    visit(tree, 'linkReference', (node, index, parent) => {
+    lib_visit(tree, 'linkReference', (node, index, parent) => {
         const definitions = {};
-        visit(tree, 'definition', (def) => {
+        lib_visit(tree, 'definition', (def) => {
             definitions[def.identifier] = def;
         });
         if (node.label === node.identifier && parent) {
@@ -78716,8 +78744,8 @@ const migrateTableCells = (vfile, rdmd) => (table) => {
          */
         // console.error(err);
     }
-    visit(table, 'tableRow', (row, i) => {
-        visit(row, 'tableCell', (cell, j) => {
+    lib_visit(table, 'tableRow', (row, i) => {
+        lib_visit(row, 'tableCell', (cell, j) => {
             let children = cell.children;
             if (json && json.data[magicIndex(i, j)]) {
                 const string = json.data[magicIndex(i, j)].replace(psuedoListRegex, '$<ws>- $<item>');
@@ -78731,7 +78759,7 @@ const migrateTableCells = (vfile, rdmd) => (table) => {
         });
         return SKIP;
     });
-    visit(table, 'inlineCode', (code) => {
+    lib_visit(table, 'inlineCode', (code) => {
         if (code.value.includes('\n')) {
             // eslint-disable-next-line no-param-reassign
             code.type = 'code';
@@ -78741,7 +78769,7 @@ const migrateTableCells = (vfile, rdmd) => (table) => {
 function tableCellTransformer() {
     const rdmd = this.data('rdmd');
     return (tree, vfile) => {
-        visit(tree, 'table', migrateTableCells(vfile, rdmd));
+        lib_visit(tree, 'table', migrateTableCells(vfile, rdmd));
         return tree;
     };
 }
@@ -81836,7 +81864,7 @@ function media(state, node) {
   /** @type {Root} */
   const fragment = {type: 'root', children: nodes}
 
-  visit(fragment, function (node) {
+  lib_visit(fragment, function (node) {
     if (node.type === 'link') {
       linkInFallbackContent = true
       return EXIT
@@ -82307,7 +82335,7 @@ function inspect(node) {
   let rowIndex = 0
   let cellIndex = 0
 
-  visit(node, function (child) {
+  lib_visit(node, function (child) {
     if (child.type === 'element') {
       // Don’t enter nested tables.
       if (child.tagName === 'table' && node !== child) {
@@ -83129,7 +83157,7 @@ function toMdast(tree, options) {
   // @ts-expect-error: fine to pass an arbitrary node.
   transformWhitespace(cleanTree)
 
-  visit(cleanTree, function (node) {
+  lib_visit(cleanTree, function (node) {
     if (node && node.type === 'element' && node.properties) {
       const id = String(node.properties.id || '') || undefined
 
@@ -83157,7 +83185,7 @@ function toMdast(tree, options) {
   // we’re generating some whitespace too, and some nodes are in the end
   // ignored.
   // So clean up.
-  visit(mdast, function (node, index, parent) {
+  lib_visit(mdast, function (node, index, parent) {
     if (node.type === 'text' && index !== undefined && parent) {
       const previous = parent.children[index - 1]
 
@@ -83497,6 +83525,14 @@ const mdx_mdx = (tree, _a = {}) => {
 };
 /* harmony default export */ const lib_mdx = (mdx_mdx);
 
+;// ./lib/migrate.ts
+
+
+const migrate = (doc, { rdmd }) => {
+    return lib_mdx(lib_mdastV6(doc, { rdmd })).replaceAll(/&#x20;/g, ' ');
+};
+/* harmony default export */ const lib_migrate = (migrate);
+
 ;// ./lib/plain.ts
 
 const STRIP_TAGS = ['script', 'style'];
@@ -83629,6 +83665,24 @@ const Contexts = ({ children, terms = [], variables = { user: {}, defaults: [] }
 };
 /* harmony default export */ const contexts = (Contexts);
 
+;// ./utils/user.ts
+const User = (variables) => {
+    const { user = {}, defaults = [] } = variables || {};
+    return new Proxy(user, {
+        get(target, attribute) {
+            if (typeof attribute === 'symbol') {
+                return '';
+            }
+            if (attribute in target) {
+                return target[attribute];
+            }
+            const def = defaults.find((d) => d.name === attribute);
+            return def ? def.default : attribute.toUpperCase();
+        },
+    });
+};
+/* harmony default export */ const user = (User);
+
 ;// ./lib/run.tsx
 var run_rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -83649,6 +83703,7 @@ var run_rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 
+
 const makeUseMDXComponents = (more = {}) => {
     const headings = Array.from({ length: 6 }).reduce((map, _, index) => {
         map[`h${index + 1}`] = components_Heading((index + 1));
@@ -83660,21 +83715,26 @@ const makeUseMDXComponents = (more = {}) => {
 const run_run = async (string, _opts = {}) => {
     const { Fragment } = jsx_runtime_namespaceObject;
     const { components = {}, terms, variables, baseUrl } = _opts, opts = run_rest(_opts, ["components", "terms", "variables", "baseUrl"]);
-    const defaults = Object.fromEntries(Object.entries(components).map(([tag, module]) => [tag, 'default' in module ? module.default : module]));
-    const exec = (text, { useMDXComponents = makeUseMDXComponents(defaults) } = {}) => {
-        return run(text, Object.assign(Object.assign(Object.assign({}, jsx_runtime_namespaceObject), { Fragment, baseUrl: "file:///home/runner/work/markdown/markdown/lib/run.tsx", imports: { React: (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default()) }, useMDXComponents }), opts));
+    const executedComponents = Object.entries(components).reduce((memo, [tag, mod]) => {
+        const { default: Content, toc, Toc } = mod, rest = run_rest(mod, ["default", "toc", "Toc"]);
+        memo[tag] = Content;
+        if (rest) {
+            Object.entries(rest).forEach(([subTag, component]) => {
+                memo[subTag] = component;
+            });
+        }
+        return memo;
+    }, {});
+    const exec = (text, { useMDXComponents = makeUseMDXComponents(executedComponents) } = {}) => {
+        return run(text, Object.assign(Object.assign(Object.assign({}, jsx_runtime_namespaceObject), { Fragment, baseUrl: "file:///home/runner/work/markdown/markdown/lib/run.tsx", imports: { React: (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default()), user: user(variables) }, useMDXComponents }), opts));
     };
-    const { toc, default: Content } = await exec(string);
+    const _a = await exec(string), { Toc: _Toc, toc, default: Content } = _a, exports = run_rest(_a, ["Toc", "toc", "default"]);
     const tocMdx = tocToMdx(toc, components);
     const { default: Toc } = await exec(lib_compile(tocMdx), { useMDXComponents: () => ({ p: Fragment }) });
-    return {
-        default: () => (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(contexts, { terms: terms, variables: variables, baseUrl: baseUrl },
-            external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(Content, null))),
-        toc,
-        Toc: () => tocMdx &&
+    return Object.assign({ default: () => (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(contexts, { terms: terms, baseUrl: baseUrl, variables: variables },
+            external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(Content, null))), toc, Toc: () => tocMdx &&
             Toc && (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(components_TableOfContents, null,
-            external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(Toc, null))),
-    };
+            external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(Toc, null))) }, exports);
 };
 /* harmony default export */ const lib_run = (run_run);
 
@@ -83684,8 +83744,9 @@ const run_run = async (string, _opts = {}) => {
 
 const tags = (doc) => {
     const set = new Set();
-    visit(lib_mdast(doc), isMDXElement, (node) => {
-        if (node.name.match(/^[A-Z]/)) {
+    lib_visit(lib_mdast(doc), isMDXElement, (node) => {
+        var _a;
+        if ((_a = node.name) === null || _a === void 0 ? void 0 : _a.match(/^[A-Z]/)) {
             set.add(node.name);
         }
     });
@@ -83693,14 +83754,6 @@ const tags = (doc) => {
 };
 /* harmony default export */ const lib_tags = (tags);
 
-;// ./lib/migrate.ts
-
-
-const migrate = (doc, { rdmd }) => {
-    return lib_mdx(lib_mdastV6(doc, { rdmd })).replaceAll(/&#x20;/g, ' ');
-};
-/* harmony default export */ const lib_migrate = (migrate);
-
 ;// ./lib/index.ts
 
 
@@ -83713,6 +83766,7 @@ const migrate = (doc, { rdmd }) => {
 
 
 
+
 ;// ./index.tsx
 
 

package/dist/main.node.js

@@ -27700,7 +27700,7 @@ function toResult(value) {
  * @template {Test} Check
  *   `unist-util-is`-compatible test.
  */
-function visit(tree, testOrVisitor, visitorOrReverse, maybeReverse) {
+function lib_visit(tree, testOrVisitor, visitorOrReverse, maybeReverse) {
   /** @type {boolean | null | undefined} */
   let reverse
   /** @type {Test} */
@@ -27755,7 +27755,7 @@ function formatHeadingAsSetext(node, state) {
 
   // Look for literals with a line break.
   // Note that this also
-  visit(node, function (node) {
+  lib_visit(node, function (node) {
     if (
       ('value' in node && /\r?\n|\r/.test(node.value)) ||
       node.type === 'break'
@@ -40591,7 +40591,7 @@ const lib_SKIP = Symbol('skip')
  * @returns {undefined}
  *   Nothing.
  */
-function lib_visit(tree, visitor) {
+function estree_util_visit_lib_visit(tree, visitor) {
   /** @type {Visitor | undefined} */
   let enter
   /** @type {Visitor | undefined} */
@@ -40894,7 +40894,7 @@ function eventsToAcorn(events, options) {
     estree.comments = comments;
 
     // @ts-expect-error: acorn looks enough like estree.
-    lib_visit(estree, function (esnode, field, index, parents) {
+    estree_util_visit_lib_visit(estree, function (esnode, field, index, parents) {
       let context = /** @type {AcornNode | Array<AcornNode>} */
       parents[parents.length - 1];
       /** @type {number | string | undefined} */
@@ -49020,7 +49020,7 @@ var NodeTypes;
 const regex = `^(${emoji_regex().source}|⚠)(\\s+|$)`;
 const calloutTransformer = () => {
     return (tree) => {
-        visit(tree, 'blockquote', (node) => {
+        lib_visit(tree, 'blockquote', (node) => {
             if (!(node.children[0].type === 'paragraph' && node.children[0].children[0].type === 'text'))
                 return;
             const startText = node.children[0].children[0].value;
@@ -49050,13 +49050,13 @@ const calloutTransformer = () => {
 
 const isCode = (node) => (node === null || node === void 0 ? void 0 : node.type) === 'code';
 const codeTabsTransformer = ({ copyButtons } = {}) => (tree) => {
-    visit(tree, 'code', (node) => {
+    lib_visit(tree, 'code', (node) => {
         const { lang, meta, value } = node;
         node.data = {
             hProperties: { lang, meta, value, copyButtons },
         };
     });
-    visit(tree, 'code', (node, index, parent) => {
+    lib_visit(tree, 'code', (node, index, parent) => {
         if (parent.type === 'code-tabs' || !('children' in parent))
             return;
         const length = parent.children.length;
@@ -49099,7 +49099,7 @@ const codeTabsTransformer = ({ copyButtons } = {}) => (tree) => {
 
 const embedTransformer = () => {
     return (tree) => {
-        visit(tree, 'paragraph', (node, i, parent) => {
+        lib_visit(tree, 'paragraph', (node, i, parent) => {
             var _a, _b, _c;
             const [{ url, title, children = [] }] = node.children;
             if (title !== '@embed')
@@ -49126,12 +49126,12 @@ const embedTransformer = () => {
 
 ;// ./lib/mdast.ts
 
-const mdast = (text, opts = {}) => {
+const mdast_mdast = (text, opts = {}) => {
     const processor = ast_processor(opts);
     const tree = processor.parse(text);
     return processor.runSync(tree);
 };
-/* harmony default export */ const lib_mdast = (mdast);
+/* harmony default export */ const lib_mdast = (mdast_mdast);
 
 ;// ./processor/utils.ts
 
@@ -49223,11 +49223,20 @@ const utils_getChildren = (jsx) => jsx.children.reduce((memo, child, i) => {
  * TODO: Make this more extensible to all types of nodes. isElement(node, 'type' or ['type1', 'type2']), say
  *
  * @param {Node} node
- * @returns {(node is MdxJsxFlowElement | MdxJsxTextElement)}
+ * @returns {(node is MdxJsxFlowElement | MdxJsxTextElement | MdxjsEsm)}
  */
 const isMDXElement = (node) => {
     return ['mdxJsxFlowElement', 'mdxJsxTextElement'].includes(node.type);
 };
+/**
+ * Tests if a node is an MDX ESM element (i.e. import or export).
+ *
+ * @param {Node} node
+ * @returns {boolean}
+ */
+const utils_isMDXEsm = (node) => {
+    return node.type === 'mdxjsEsm';
+};
 /**
  * Takes an HTML string and formats it for display in the editor. Removes leading/trailing newlines
  * and unindents the HTML.
@@ -49260,7 +49269,7 @@ const formatHTML = (html) => {
  */
 const reformatHTML = (html, indent = 2) => {
     // Remove leading/trailing newlines
-    const cleaned = html.replace(/^\s*\n|\n\s*$/g, '');
+    const cleaned = html.replace(/^\s*\n|\n\s*$/g, '').replaceAll(/(?<!\\(\\\\)*)`/g, '\\`');
     // // Create a tab/indent with the specified number of spaces
     // const tab = ' '.repeat(indent);
     // // Indent each line of the HTML (converts to an array, indents each line, then joins back)
@@ -49314,7 +49323,7 @@ const toAttributes = (object, keys = []) => {
 
 
 const imageTransformer = () => (tree) => {
-    visit(tree, 'paragraph', (node, i, parent) => {
+    lib_visit(tree, 'paragraph', (node, i, parent) => {
         var _a;
         // check if inline
         if (parent.type !== 'root' || ((_a = node.children) === null || _a === void 0 ? void 0 : _a.length) > 1 || node.children[0].type !== 'image')
@@ -49338,7 +49347,7 @@ const imageTransformer = () => (tree) => {
         parent.children.splice(i, 1, newNode);
     });
     const isImage = (node) => node.name === 'Image';
-    visit(tree, isImage, (node) => {
+    lib_visit(tree, isImage, (node) => {
         const attrs = getAttrs(node);
         if (attrs.caption) {
             node.children = lib_mdast(attrs.caption).children;
@@ -66338,17 +66347,17 @@ const gemojiTransformer = () => (tree) => {
 const strongTest = (node) => ['emphasis', 'strong'].includes(node.type);
 const compatibilityTransfomer = () => tree => {
     const trimEmphasis = (node) => {
-        visit(node, 'text', child => {
+        lib_visit(node, 'text', child => {
             child.value = child.value.trim();
             return EXIT;
         });
         return node;
     };
-    visit(tree, strongTest, node => {
+    lib_visit(tree, strongTest, node => {
         trimEmphasis(node);
         return SKIP;
     });
-    visit(tree, 'image', (node, index, parent) => {
+    lib_visit(tree, 'image', (node, index, parent) => {
         if (phrasing(parent) || !parent.children.every(child => child.type === 'image' || !phrasing(child)))
             return;
         parent.children.splice(index, 1, { type: 'paragraph', children: [node] });
@@ -66372,7 +66381,7 @@ var div_rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 const divTransformer = () => tree => {
-    visit(tree, 'div', (node, index, parent) => {
+    lib_visit(tree, 'div', (node, index, parent) => {
         var _a;
         const type = (_a = node.data) === null || _a === void 0 ? void 0 : _a.hName;
         switch (type) {
@@ -66400,7 +66409,7 @@ const inject = ({ components } = {}) => (node, index, parent) => {
     parent.children.splice(index, children.length, ...children);
 };
 const injectComponents = (opts) => () => tree => {
-    visit(tree, isMDXElement, inject(opts));
+    lib_visit(tree, isMDXElement, inject(opts));
     return tree;
 };
 /* harmony default export */ const inject_components = (injectComponents);
@@ -66420,7 +66429,7 @@ const setData = (node, index, parent) => {
         } });
 };
 const mdxToHast = () => tree => {
-    visit(tree, isMDXElement, setData);
+    lib_visit(tree, isMDXElement, setData);
     return tree;
 };
 /* harmony default export */ const mdx_to_hast = (mdxToHast);
@@ -66428,7 +66437,7 @@ const mdxToHast = () => tree => {
 ;// ./processor/transform/mermaid.ts
 
 const mermaidTransformer = () => (tree) => {
-    visit(tree, 'element', (node) => {
+    lib_visit(tree, 'element', (node) => {
         if (node.tagName !== 'pre' || node.children.length !== 1)
             return;
         const [child] = node.children;
@@ -66517,9 +66526,9 @@ const coerceJsxToMd = ({ components = {}, html = false } = {}) => (node, index,
         const { position } = node;
         const { align = [...new Array(node.children.length)].map(() => null) } = getAttrs(node);
         let children = [];
-        visit(node, { name: 'tr' }, row => {
+        lib_visit(node, { name: 'tr' }, row => {
             let rowChildren = [];
-            visit(row, isTableCell, ({ name, children, position }) => {
+            lib_visit(row, isTableCell, ({ name, children, position }) => {
                 rowChildren.push({
                     type: tableTypes[name],
                     children,
@@ -66538,7 +66547,7 @@ const coerceJsxToMd = ({ components = {}, html = false } = {}) => (node, index,
             position,
             children,
         };
-        visit(mdNode, isMDXElement, coerceJsxToMd({ components, html }));
+        lib_visit(mdNode, isMDXElement, coerceJsxToMd({ components, html }));
         parent.children[index] = mdNode;
         return SKIP;
     }
@@ -66581,8 +66590,8 @@ const coerceJsxToMd = ({ components = {}, html = false } = {}) => (node, index,
     }
 };
 const readmeComponents = (opts) => () => tree => {
-    visit(tree, isMDXElement, coerceJsxToMd(opts));
-    visit(tree, 'paragraph', (node, index, parent) => {
+    lib_visit(tree, isMDXElement, coerceJsxToMd(opts));
+    lib_visit(tree, 'paragraph', (node, index, parent) => {
         // @ts-ignore
         if (parent.type !== 'tableRow')
             return;
@@ -66600,11 +66609,11 @@ const readmeComponents = (opts) => () => tree => {
 const imageAttrs = ['align', 'alt', 'caption', 'border', 'height', 'src', 'title', 'width', 'lazy', 'className'];
 const readmeToMdx = () => tree => {
     // Unwrap pinned nodes, replace rdme-pin with its child node
-    visit(tree, 'rdme-pin', (node, i, parent) => {
+    lib_visit(tree, 'rdme-pin', (node, i, parent) => {
         const newNode = node.children[0];
         parent.children.splice(i, 1, newNode);
     });
-    visit(tree, NodeTypes.tutorialTile, (tile, index, parent) => {
+    lib_visit(tree, NodeTypes.tutorialTile, (tile, index, parent) => {
         parent.children.splice(index, 1, {
             type: 'mdxJsxFlowElement',
             name: 'TutorialTile',
@@ -66612,7 +66621,7 @@ const readmeToMdx = () => tree => {
             children: [],
         });
     });
-    visit(tree, 'figure', (figure, index, parent) => {
+    lib_visit(tree, 'figure', (figure, index, parent) => {
         const [image, caption] = figure.children;
         const { align, width } = image.data.hProperties;
         const border = image.data.hProperties.className === 'border';
@@ -66624,7 +66633,7 @@ const readmeToMdx = () => tree => {
         });
     });
     const hasExtra = (attributes) => !!attributes.find(attr => !['alt', 'src', 'title'].includes(attr.name));
-    visit(tree, 'image', (image, index, parent) => {
+    lib_visit(tree, 'image', (image, index, parent) => {
         if (!('data' in image))
             return;
         if ('url' in image)
@@ -66646,7 +66655,7 @@ const readmeToMdx = () => tree => {
             });
         }
     });
-    visit(tree, NodeTypes.imageBlock, (image, index, parent) => {
+    lib_visit(tree, NodeTypes.imageBlock, (image, index, parent) => {
         const attributes = toAttributes(image.data.hProperties, imageAttrs);
         if (hasExtra(attributes)) {
             parent.children.splice(index, 1, {
@@ -66660,7 +66669,7 @@ const readmeToMdx = () => tree => {
             parent.children.splice(index, 1, Object.assign(Object.assign(Object.assign({ type: 'image', children: [] }, (image.src && { url: image.src })), (image.title && { title: image.title })), (image.alt && { alt: image.alt })));
         }
     });
-    visit(tree, 'html', (node, index, parent) => {
+    lib_visit(tree, 'html', (node, index, parent) => {
         const html = node.value;
         const isScriptOrStyleTag = [!!html.match(/^<(?:style|script)/i), !!html.match(/<\/(?:style|script)>$/i)];
         if (!isScriptOrStyleTag.includes(true))
@@ -66703,21 +66712,21 @@ const visitor = (table, index, parent) => {
             : cell.children[0];
         // @note: Compatibility with RDMD. Ideally, I'd put this in a separate
         // transformer, but then there'd be some duplication.
-        visit(cell, 'break', (_, index, parent) => {
+        lib_visit(cell, 'break', (_, index, parent) => {
             parent.children.splice(index, 1, { type: 'text', value: '\n' });
         });
         if (!phrasing(content) && content.type !== 'escape') {
             hasFlowContent = true;
             return EXIT;
         }
-        visit(cell, isLiteral, (node) => {
+        lib_visit(cell, isLiteral, (node) => {
             if (node.value.match(/\n/)) {
                 hasFlowContent = true;
                 return EXIT;
             }
         });
     };
-    visit(table, tables_to_jsx_isTableCell, tableCellVisitor);
+    lib_visit(table, tables_to_jsx_isTableCell, tableCellVisitor);
     if (!hasFlowContent) {
         table.type = 'table';
         return;
@@ -66765,7 +66774,7 @@ const visitor = (table, index, parent) => {
 };
 const isTable = (node) => ['table', 'tableau'].includes(node.type);
 const tablesToJsx = () => tree => {
-    visit(tree, isTable, visitor);
+    lib_visit(tree, isTable, visitor);
     return tree;
 };
 /* harmony default export */ const tables_to_jsx = (tablesToJsx);
@@ -66774,7 +66783,7 @@ const tablesToJsx = () => tree => {
 
 
 const variables = ({ asMdx } = { asMdx: true }) => tree => {
-    visit(tree, (node, index, parent) => {
+    lib_visit(tree, (node, index, parent) => {
         var _a, _b;
         if (!['mdxFlowExpression', 'mdxTextExpression'].includes(node.type) || !('value' in node))
             return;
@@ -67054,7 +67063,7 @@ function rehypeSlug(options) {
   return function (tree) {
     slugs.reset()
 
-    visit(tree, 'element', function (node) {
+    lib_visit(tree, 'element', function (node) {
       if (headingRank(node) && !node.properties.id) {
         node.properties.id = prefix + slugs.slug(hast_util_to_string_lib_toString(node))
       }
@@ -75177,7 +75186,7 @@ function state_createState(tree, options) {
     wrap: state_wrap
   }
 
-  visit(tree, function (node) {
+  lib_visit(tree, function (node) {
     if (node.type === 'definition' || node.type === 'footnoteDefinition') {
       const map = node.type === 'definition' ? definitionById : footnoteById
       const id = String(node.identifier).toUpperCase()
@@ -77838,7 +77847,7 @@ function rehypeRemoveRaw() {
    *   Nothing.
    */
   return function (tree) {
-    visit(tree, 'raw', function (_, index, parent) {
+    lib_visit(tree, 'raw', function (_, index, parent) {
       if (parent && typeof index === 'number') {
         parent.children.splice(index, 1)
         return index
@@ -77962,7 +77971,7 @@ function remarkMarkAndUnravel() {
    *   Nothing.
    */
   return function (tree) {
-    visit(tree, function (node, index, parent) {
+    lib_visit(tree, function (node, index, parent) {
       let offset = -1
       let all = true
       let oneOrMore = false
@@ -79581,7 +79590,7 @@ const tocToHast = (headings = []) => {
 };
 const tocToMdx = (toc, components) => {
     const tree = { type: 'root', children: toc };
-    visit(tree, 'mdxJsxFlowElement', (node, index, parent) => {
+    lib_visit(tree, 'mdxJsxFlowElement', (node, index, parent) => {
         const toc = components[node.name].toc || [];
         parent.children.splice(index, 1, ...toc);
     });
@@ -79637,9 +79646,10 @@ const compile_compile = (text, _a = {}) => {
                 remarkGfm,
                 ...Object.values(transforms),
                 [compile_codeTabsTransformer, { copyButtons }],
-                transform_variables,
             ], rehypePlugins: [...rehypePlugins, [rehypeToc, { components }]] }, opts));
-        return String(vfile).replace(/await import\(_resolveDynamicMdxSpecifier\(('react'|"react")\)\)/, 'arguments[0].imports.React');
+        return String(vfile)
+            .replace(/await import\(_resolveDynamicMdxSpecifier\(('react'|"react")\)\)/, 'arguments[0].imports.React')
+            .replace('"use strict";', '"use strict";\nconst { user } = arguments[0].imports;');
     }
     catch (error) {
         throw error.line ? new MdxSyntaxError(error, text) : error;
@@ -79647,6 +79657,24 @@ const compile_compile = (text, _a = {}) => {
 };
 /* harmony default export */ const lib_compile = (compile_compile);
 
+;// ./lib/exports.ts
+
+
+
+const EXPORT_NAME_REGEX = /export\s+(?:const|let|var|function)\s+(\w+)/;
+const exports_exports = (doc) => {
+    const set = new Set();
+    visit(mdast(doc), isMDXEsm, (node) => {
+        var _a;
+        if ((_a = node.value) === null || _a === void 0 ? void 0 : _a.match(EXPORT_NAME_REGEX)) {
+            const [, name] = node.value.match(EXPORT_NAME_REGEX);
+            set.add(name);
+        }
+    });
+    return Array.from(set);
+};
+/* harmony default export */ const lib_exports = ((/* unused pure expression or super */ null && (exports_exports)));
+
 ;// ./lib/hast.ts
 
 
@@ -79688,7 +79716,7 @@ const addSpaceAfter = (index, parent) => {
 };
 const trimEmphasis = (node, index, parent) => {
     let trimmed = false;
-    visit(node, 'text', (child) => {
+    lib_visit(node, 'text', (child) => {
         const newValue = child.value.trimStart();
         if (newValue !== child.value) {
             trimmed = true;
@@ -79696,7 +79724,7 @@ const trimEmphasis = (node, index, parent) => {
         }
         return EXIT;
     });
-    visit(node, 'text', (child) => {
+    lib_visit(node, 'text', (child) => {
         const newValue = child.value.trimEnd();
         if (newValue !== child.value) {
             trimmed = true;
@@ -79710,7 +79738,7 @@ const trimEmphasis = (node, index, parent) => {
     }
 };
 const emphasisTransfomer = () => (tree) => {
-    visit(tree, emphasis_strongTest, trimEmphasis);
+    lib_visit(tree, emphasis_strongTest, trimEmphasis);
     return tree;
 };
 /* harmony default export */ const migration_emphasis = (emphasisTransfomer);
@@ -79718,7 +79746,7 @@ const emphasisTransfomer = () => (tree) => {
 ;// ./processor/migration/images.ts
 
 const images_imageTransformer = () => tree => {
-    visit(tree, 'image', (image) => {
+    lib_visit(tree, 'image', (image) => {
         var _a, _b;
         if (((_b = (_a = image.data) === null || _a === void 0 ? void 0 : _a.hProperties) === null || _b === void 0 ? void 0 : _b.className) === 'border') {
             image.data.hProperties.border = true;
@@ -79730,9 +79758,9 @@ const images_imageTransformer = () => tree => {
 ;// ./processor/migration/linkReference.ts
 
 const linkReferenceTransformer = () => (tree) => {
-    visit(tree, 'linkReference', (node, index, parent) => {
+    lib_visit(tree, 'linkReference', (node, index, parent) => {
         const definitions = {};
-        visit(tree, 'definition', (def) => {
+        lib_visit(tree, 'definition', (def) => {
             definitions[def.identifier] = def;
         });
         if (node.label === node.identifier && parent) {
@@ -79795,8 +79823,8 @@ const migrateTableCells = (vfile, rdmd) => (table) => {
          */
         // console.error(err);
     }
-    visit(table, 'tableRow', (row, i) => {
-        visit(row, 'tableCell', (cell, j) => {
+    lib_visit(table, 'tableRow', (row, i) => {
+        lib_visit(row, 'tableCell', (cell, j) => {
             let children = cell.children;
             if (json && json.data[magicIndex(i, j)]) {
                 const string = json.data[magicIndex(i, j)].replace(psuedoListRegex, '$<ws>- $<item>');
@@ -79810,7 +79838,7 @@ const migrateTableCells = (vfile, rdmd) => (table) => {
         });
         return SKIP;
     });
-    visit(table, 'inlineCode', (code) => {
+    lib_visit(table, 'inlineCode', (code) => {
         if (code.value.includes('\n')) {
             // eslint-disable-next-line no-param-reassign
             code.type = 'code';
@@ -79820,7 +79848,7 @@ const migrateTableCells = (vfile, rdmd) => (table) => {
 function tableCellTransformer() {
     const rdmd = this.data('rdmd');
     return (tree, vfile) => {
-        visit(tree, 'table', migrateTableCells(vfile, rdmd));
+        lib_visit(tree, 'table', migrateTableCells(vfile, rdmd));
         return tree;
     };
 }
@@ -82915,7 +82943,7 @@ function media(state, node) {
   /** @type {Root} */
   const fragment = {type: 'root', children: nodes}
 
-  visit(fragment, function (node) {
+  lib_visit(fragment, function (node) {
     if (node.type === 'link') {
       linkInFallbackContent = true
       return EXIT
@@ -83386,7 +83414,7 @@ function inspect(node) {
   let rowIndex = 0
   let cellIndex = 0
 
-  visit(node, function (child) {
+  lib_visit(node, function (child) {
     if (child.type === 'element') {
       // Don’t enter nested tables.
       if (child.tagName === 'table' && node !== child) {
@@ -84208,7 +84236,7 @@ function toMdast(tree, options) {
   // @ts-expect-error: fine to pass an arbitrary node.
   transformWhitespace(cleanTree)
 
-  visit(cleanTree, function (node) {
+  lib_visit(cleanTree, function (node) {
     if (node && node.type === 'element' && node.properties) {
       const id = String(node.properties.id || '') || undefined
 
@@ -84236,7 +84264,7 @@ function toMdast(tree, options) {
   // we’re generating some whitespace too, and some nodes are in the end
   // ignored.
   // So clean up.
-  visit(mdast, function (node, index, parent) {
+  lib_visit(mdast, function (node, index, parent) {
     if (node.type === 'text' && index !== undefined && parent) {
       const previous = parent.children[index - 1]
 
@@ -84576,6 +84604,14 @@ const mdx_mdx = (tree, _a = {}) => {
 };
 /* harmony default export */ const lib_mdx = (mdx_mdx);
 
+;// ./lib/migrate.ts
+
+
+const migrate = (doc, { rdmd }) => {
+    return lib_mdx(lib_mdastV6(doc, { rdmd })).replaceAll(/&#x20;/g, ' ');
+};
+/* harmony default export */ const lib_migrate = (migrate);
+
 ;// ./lib/plain.ts
 
 const STRIP_TAGS = ['script', 'style'];
@@ -84708,6 +84744,24 @@ const Contexts = ({ children, terms = [], variables = { user: {}, defaults: [] }
 };
 /* harmony default export */ const contexts = (Contexts);
 
+;// ./utils/user.ts
+const User = (variables) => {
+    const { user = {}, defaults = [] } = variables || {};
+    return new Proxy(user, {
+        get(target, attribute) {
+            if (typeof attribute === 'symbol') {
+                return '';
+            }
+            if (attribute in target) {
+                return target[attribute];
+            }
+            const def = defaults.find((d) => d.name === attribute);
+            return def ? def.default : attribute.toUpperCase();
+        },
+    });
+};
+/* harmony default export */ const user = (User);
+
 ;// ./lib/run.tsx
 var run_rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -84728,6 +84782,7 @@ var run_rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 
+
 const makeUseMDXComponents = (more = {}) => {
     const headings = Array.from({ length: 6 }).reduce((map, _, index) => {
         map[`h${index + 1}`] = components_Heading((index + 1));
@@ -84739,21 +84794,26 @@ const makeUseMDXComponents = (more = {}) => {
 const run_run = async (string, _opts = {}) => {
     const { Fragment } = jsx_runtime_namespaceObject;
     const { components = {}, terms, variables, baseUrl } = _opts, opts = run_rest(_opts, ["components", "terms", "variables", "baseUrl"]);
-    const defaults = Object.fromEntries(Object.entries(components).map(([tag, module]) => [tag, 'default' in module ? module.default : module]));
-    const exec = (text, { useMDXComponents = makeUseMDXComponents(defaults) } = {}) => {
-        return run(text, Object.assign(Object.assign(Object.assign({}, jsx_runtime_namespaceObject), { Fragment, baseUrl: "file:///home/runner/work/markdown/markdown/lib/run.tsx", imports: { React: (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default()) }, useMDXComponents }), opts));
+    const executedComponents = Object.entries(components).reduce((memo, [tag, mod]) => {
+        const { default: Content, toc, Toc } = mod, rest = run_rest(mod, ["default", "toc", "Toc"]);
+        memo[tag] = Content;
+        if (rest) {
+            Object.entries(rest).forEach(([subTag, component]) => {
+                memo[subTag] = component;
+            });
+        }
+        return memo;
+    }, {});
+    const exec = (text, { useMDXComponents = makeUseMDXComponents(executedComponents) } = {}) => {
+        return run(text, Object.assign(Object.assign(Object.assign({}, jsx_runtime_namespaceObject), { Fragment, baseUrl: "file:///home/runner/work/markdown/markdown/lib/run.tsx", imports: { React: (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default()), user: user(variables) }, useMDXComponents }), opts));
     };
-    const { toc, default: Content } = await exec(string);
+    const _a = await exec(string), { Toc: _Toc, toc, default: Content } = _a, exports = run_rest(_a, ["Toc", "toc", "default"]);
     const tocMdx = tocToMdx(toc, components);
     const { default: Toc } = await exec(lib_compile(tocMdx), { useMDXComponents: () => ({ p: Fragment }) });
-    return {
-        default: () => (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(contexts, { terms: terms, variables: variables, baseUrl: baseUrl },
-            external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(Content, null))),
-        toc,
-        Toc: () => tocMdx &&
+    return Object.assign({ default: () => (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(contexts, { terms: terms, baseUrl: baseUrl, variables: variables },
+            external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(Content, null))), toc, Toc: () => tocMdx &&
             Toc && (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(components_TableOfContents, null,
-            external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(Toc, null))),
-    };
+            external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default().createElement(Toc, null))) }, exports);
 };
 /* harmony default export */ const lib_run = (run_run);
 
@@ -84763,8 +84823,9 @@ const run_run = async (string, _opts = {}) => {
 
 const tags = (doc) => {
     const set = new Set();
-    visit(lib_mdast(doc), isMDXElement, (node) => {
-        if (node.name.match(/^[A-Z]/)) {
+    lib_visit(lib_mdast(doc), isMDXElement, (node) => {
+        var _a;
+        if ((_a = node.name) === null || _a === void 0 ? void 0 : _a.match(/^[A-Z]/)) {
             set.add(node.name);
         }
     });
@@ -84772,14 +84833,6 @@ const tags = (doc) => {
 };
 /* harmony default export */ const lib_tags = (tags);
 
-;// ./lib/migrate.ts
-
-
-const migrate = (doc, { rdmd }) => {
-    return lib_mdx(lib_mdastV6(doc, { rdmd })).replaceAll(/&#x20;/g, ' ');
-};
-/* harmony default export */ const lib_migrate = (migrate);
-
 ;// ./lib/index.ts
 
 
@@ -84792,6 +84845,7 @@ const migrate = (doc, { rdmd }) => {
 
 
 
+
 ;// ./index.tsx
 
 

package/dist/processor/utils.d.ts

@@ -1,5 +1,5 @@
 import type { Node } from 'mdast';
-import type { MdxJsxFlowElement, MdxJsxTextElement } from 'mdast-util-mdx';
+import type { MdxJsxFlowElement, MdxJsxTextElement, MdxjsEsm } from 'mdast-util-mdx';
 import type { MdxJsxAttribute } from 'mdast-util-mdx-jsx';
 /**
  * Formats the hProperties of a node as a string, so they can be compiled back into JSX/MDX.
@@ -56,9 +56,16 @@ export declare const getChildren: <T>(jsx: MdxJsxFlowElement | MdxJsxTextElement
  * TODO: Make this more extensible to all types of nodes. isElement(node, 'type' or ['type1', 'type2']), say
  *
  * @param {Node} node
- * @returns {(node is MdxJsxFlowElement | MdxJsxTextElement)}
+ * @returns {(node is MdxJsxFlowElement | MdxJsxTextElement | MdxjsEsm)}
  */
 export declare const isMDXElement: (node: Node) => node is MdxJsxFlowElement | MdxJsxTextElement;
+/**
+ * Tests if a node is an MDX ESM element (i.e. import or export).
+ *
+ * @param {Node} node
+ * @returns {boolean}
+ */
+export declare const isMDXEsm: (node: Node) => node is MdxjsEsm;
 /**
  * Takes an HTML string and formats it for display in the editor. Removes leading/trailing newlines
  * and unindents the HTML.

package/dist/utils/user.d.ts

@@ -0,0 +1,10 @@
+interface Default {
+    name: string;
+    default: string;
+}
+export interface Variables {
+    user: Record<string, string>;
+    defaults: Default[];
+}
+declare const User: (variables?: Variables) => Record<string, string>;
+export default User;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@readme/markdown",
   "description": "ReadMe's React-based Markdown parser",
   "author": "Rafe Goldberg <rafe@readme.io>",
-  "version": "7.11.0",
+  "version": "7.12.1",
   "main": "dist/main.node.js",
   "types": "dist/index.d.ts",
   "browser": "dist/main.js",