@readme/markdown 7.10.4 → 7.12.0

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.
@@ -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;
@@ -65253,6 +65262,31 @@ const gemojiTransformer = () => (tree) => {
 };
 /* harmony default export */ const gemoji_ = (gemojiTransformer);
 
+;// ./processor/transform/compatability.ts
+
+
+const strongTest = (node) => ['emphasis', 'strong'].includes(node.type);
+const compatibilityTransfomer = () => tree => {
+    const trimEmphasis = (node) => {
+        lib_visit(node, 'text', child => {
+            child.value = child.value.trim();
+            return EXIT;
+        });
+        return node;
+    };
+    lib_visit(tree, strongTest, node => {
+        trimEmphasis(node);
+        return SKIP;
+    });
+    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] });
+    });
+    return tree;
+};
+/* harmony default export */ const compatability = (compatibilityTransfomer);
+
 ;// ./processor/transform/div.ts
 var div_rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -65268,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) {
@@ -65296,11 +65330,46 @@ 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);
 
+;// ./processor/transform/mdx-to-hast.ts
+
+
+
+const setData = (node, index, parent) => {
+    if (!node.name)
+        return;
+    if (!(node.name in components_namespaceObject))
+        return;
+    parent.children[index] = Object.assign(Object.assign({}, node), { data: {
+            hName: node.name,
+            hProperties: getAttrs(node),
+        } });
+};
+const mdxToHast = () => tree => {
+    lib_visit(tree, isMDXElement, setData);
+    return tree;
+};
+/* harmony default export */ const mdx_to_hast = (mdxToHast);
+
+;// ./processor/transform/mermaid.ts
+
+const mermaidTransformer = () => (tree) => {
+    lib_visit(tree, 'element', (node) => {
+        if (node.tagName !== 'pre' || node.children.length !== 1)
+            return;
+        const [child] = node.children;
+        if (child.type === 'element' && child.tagName === 'code' && child.properties.lang === 'mermaid') {
+            node.properties = Object.assign(Object.assign({}, node.properties), { className: ['mermaid', ...(node.properties.className || [])] });
+        }
+    });
+    return tree;
+};
+/* harmony default export */ const transform_mermaid = (mermaidTransformer);
+
 ;// ./processor/transform/readme-components.ts
 
 
@@ -65378,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,
@@ -65399,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;
     }
@@ -65442,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;
@@ -65461,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',
@@ -65473,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';
@@ -65485,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)
@@ -65507,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, {
@@ -65521,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))
@@ -65539,58 +65608,6 @@ const readmeToMdx = () => tree => {
 };
 /* harmony default export */ const readme_to_mdx = (readmeToMdx);
 
-;// ./processor/transform/variables.ts
-
-
-const variables = ({ asMdx } = { asMdx: true }) => tree => {
-    visit(tree, (node, index, parent) => {
-        var _a, _b;
-        if (!['mdxFlowExpression', 'mdxTextExpression'].includes(node.type) || !('value' in node))
-            return;
-        // @ts-expect-error - estree is not defined on our mdx types?!
-        if (node.data.estree.type !== 'Program')
-            return;
-        // @ts-expect-error - estree is not defined on our mdx types?!
-        const [expression] = node.data.estree.body;
-        if (!expression ||
-            expression.type !== 'ExpressionStatement' ||
-            ((_a = expression.expression.object) === null || _a === void 0 ? void 0 : _a.name) !== 'user' ||
-            !['Literal', 'Identifier'].includes((_b = expression.expression.property) === null || _b === void 0 ? void 0 : _b.type))
-            return;
-        const name = expression.expression.property.type === 'Identifier'
-            ? expression.expression.property.name
-            : expression.expression.property.value;
-        let variable = asMdx
-            ? {
-                type: 'mdxJsxTextElement',
-                name: 'Variable',
-                attributes: [
-                    {
-                        type: 'mdxJsxAttribute',
-                        name: 'name',
-                        value: name,
-                    },
-                ],
-                children: [],
-                position: node.position,
-            }
-            : {
-                type: NodeTypes.variable,
-                data: {
-                    hName: 'Variable',
-                    hProperties: {
-                        name,
-                    },
-                },
-                value: `{${node.value}}`,
-                position: node.position,
-            };
-        parent.children.splice(index, 1, variable);
-    });
-    return tree;
-};
-/* harmony default export */ const transform_variables = (variables);
-
 ;// ./processor/transform/tables-to-jsx.ts
 
 
@@ -65616,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)) {
+        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;
@@ -65678,50 +65695,62 @@ 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);
 
-;// ./processor/transform/compatability.ts
+;// ./processor/transform/variables.ts
 
 
-const strongTest = (node) => ['emphasis', 'strong'].includes(node.type);
-const compatibilityTransfomer = () => tree => {
-    const trimEmphasis = (node) => {
-        visit(node, 'text', child => {
-            child.value = child.value.trim();
-            return EXIT;
-        });
-        return node;
-    };
-    visit(tree, strongTest, node => {
-        trimEmphasis(node);
-        return SKIP;
-    });
-    visit(tree, 'image', (node, index, parent) => {
-        if (phrasing(parent) || !parent.children.every(child => child.type === 'image' || !phrasing(child)))
+const variables = ({ asMdx } = { asMdx: true }) => tree => {
+    lib_visit(tree, (node, index, parent) => {
+        var _a, _b;
+        if (!['mdxFlowExpression', 'mdxTextExpression'].includes(node.type) || !('value' in node))
             return;
-        parent.children.splice(index, 1, { type: 'paragraph', children: [node] });
-    });
-    return tree;
-};
-/* harmony default export */ const compatability = (compatibilityTransfomer);
-
-;// ./processor/transform/mermaid.ts
-
-const mermaidTransformer = () => (tree) => {
-    visit(tree, 'element', (node) => {
-        if (node.tagName !== 'pre' || node.children.length !== 1)
+        // @ts-expect-error - estree is not defined on our mdx types?!
+        if (node.data.estree.type !== 'Program')
             return;
-        const [child] = node.children;
-        if (child.type === 'element' && child.tagName === 'code' && child.properties.lang === 'mermaid') {
-            node.properties = Object.assign(Object.assign({}, node.properties), { className: ['mermaid', ...(node.properties.className || [])] });
-        }
+        // @ts-expect-error - estree is not defined on our mdx types?!
+        const [expression] = node.data.estree.body;
+        if (!expression ||
+            expression.type !== 'ExpressionStatement' ||
+            ((_a = expression.expression.object) === null || _a === void 0 ? void 0 : _a.name) !== 'user' ||
+            !['Literal', 'Identifier'].includes((_b = expression.expression.property) === null || _b === void 0 ? void 0 : _b.type))
+            return;
+        const name = expression.expression.property.type === 'Identifier'
+            ? expression.expression.property.name
+            : expression.expression.property.value;
+        let variable = asMdx
+            ? {
+                type: 'mdxJsxTextElement',
+                name: 'Variable',
+                attributes: [
+                    {
+                        type: 'mdxJsxAttribute',
+                        name: 'name',
+                        value: name,
+                    },
+                ],
+                children: [],
+                position: node.position,
+            }
+            : {
+                type: NodeTypes.variable,
+                data: {
+                    hName: 'Variable',
+                    hProperties: {
+                        name,
+                    },
+                },
+                value: `{${node.value}}`,
+                position: node.position,
+            };
+        parent.children.splice(index, 1, variable);
     });
     return tree;
 };
-/* harmony default export */ const transform_mermaid = (mermaidTransformer);
+/* harmony default export */ const transform_variables = (variables);
 
 ;// ./processor/transform/index.ts
 
@@ -65738,6 +65767,7 @@ const mermaidTransformer = () => (tree) => {
 
 
 
+
 const defaultTransforms = {
     calloutTransformer: callouts,
     codeTabsTransformer: code_tabs,
@@ -65954,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))
       }
@@ -74077,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()
@@ -76738,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
@@ -76862,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
@@ -78481,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);
     });
@@ -78537,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;
@@ -78547,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
 
 
@@ -78557,7 +78606,11 @@ const hast = (text, opts = {}) => {
         memo[name] = lib_mdast(doc);
         return memo;
     }, {});
-    const processor = ast_processor(opts).use(inject_components({ components })).use(remarkRehype).use(rehypePlugins);
+    const processor = ast_processor(opts)
+        .use(inject_components({ components }))
+        .use(mdx_to_hast)
+        .use(remarkRehype)
+        .use(rehypePlugins);
     return processor.runSync(processor.parse(text));
 };
 /* harmony default export */ const lib_hast = (hast);
@@ -78584,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;
@@ -78592,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;
@@ -78606,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);
@@ -78614,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;
@@ -78626,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) {
@@ -78691,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>');
@@ -78706,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';
@@ -78716,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;
     };
 }
@@ -78727,12 +78780,7 @@ function tableCellTransformer() {
 
 
 
-const transformers = [
-    migration_emphasis,
-    migration_images,
-    migration_linkReference,
-    table_cell,
-];
+const transformers = [migration_emphasis, migration_images, migration_linkReference, table_cell];
 /* harmony default export */ const migration = (transformers);
 
 ;// ./lib/mdastV6.ts
@@ -81816,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
@@ -82287,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) {
@@ -83109,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
 
@@ -83137,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]
 
@@ -83477,11 +83525,19 @@ 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'];
 function plain_one(node, opts) {
-    var _a, _b;
+    var _a, _b, _c;
     if (node.type === 'comment')
         return '';
     if ('type' in node && node.type === 'text') {
@@ -83490,27 +83546,37 @@ function plain_one(node, opts) {
     if ('tagName' in node) {
         if (STRIP_TAGS.includes(node.tagName))
             return '';
-        if (node.tagName === 'html-block') {
-            if (!node.properties.html)
-                return '';
-            return plain_all(lib_hast(node.properties.html.toString()), opts);
-        }
-        if (node.tagName === 'rdme-callout') {
-            const { icon, title } = node.properties;
-            const children = (_a = node === null || node === void 0 ? void 0 : node.children) === null || _a === void 0 ? void 0 : _a.slice(title ? 1 : 0);
-            const body = children ? plain_all({ type: 'root', children }, opts) : '';
-            return [icon, ' ', title, title && body && ': ', body].filter(Boolean).join('');
-        }
-        if (node.tagName === 'readme-glossary-item') {
-            return node.properties.term;
-        }
-        if (node.tagName === 'readme-variable') {
-            const key = node.properties.variable.toString();
-            const val = opts.variables[key];
-            return val || `<<${key}>>`;
-        }
-        if (node.tagName === 'img') {
-            return ((_b = node.properties) === null || _b === void 0 ? void 0 : _b.title) || '';
+        switch (node.tagName) {
+            case 'html-block': {
+                if (!node.properties.html)
+                    return '';
+                return plain_all(lib_hast(node.properties.html.toString()), opts);
+            }
+            case 'rdme-callout': {
+                const { icon, title } = node.properties;
+                const children = (_a = node === null || node === void 0 ? void 0 : node.children) === null || _a === void 0 ? void 0 : _a.slice(title ? 1 : 0);
+                const body = children ? plain_all({ type: 'root', children }, opts) : '';
+                return [icon, ' ', title, title && body && ': ', body].filter(Boolean).join('');
+            }
+            case 'readme-glossary-item': {
+                return node.properties.term;
+            }
+            case 'readme-variable': {
+                const key = node.properties.variable.toString();
+                const val = opts.variables[key];
+                return val || `<<${key}>>`;
+            }
+            case 'img': {
+                return ((_b = node.properties) === null || _b === void 0 ? void 0 : _b.title) || '';
+            }
+            case 'Accordion':
+            case 'Card':
+            case 'Tab': {
+                const title = ((_c = node.properties) === null || _c === void 0 ? void 0 : _c.title) || '';
+                const children = node === null || node === void 0 ? void 0 : node.children;
+                const body = children ? plain_all({ type: 'root', children }, opts) : '';
+                return [title, body].filter(Boolean).join(' ');
+            }
         }
     }
     if ('value' in node) {
@@ -83599,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 = {};
@@ -83619,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));
@@ -83630,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);
 
@@ -83654,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);
         }
     });
@@ -83663,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
 
 
@@ -83683,6 +83766,7 @@ const migrate = (doc, { rdmd }) => {
 
 
 
+
 ;// ./index.tsx