@readme/markdown 6.75.0-beta.34 → 6.75.0-beta.36

package/dist/main.node.js

@@ -6780,100 +6780,6 @@ module.exports = {
 }));
 
 
-/***/ }),
-
-/***/ 294:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-const _excluded = ["baseUrl", "children", "href", "target", "title"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const PropTypes = __webpack_require__(556);
-const React = __webpack_require__(540);
-const BaseUrlContext = __webpack_require__(357);
-
-// Nabbed from here:
-// https://github.com/readmeio/api-explorer/blob/0dedafcf71102feedaa4145040d3f57d79d95752/packages/api-explorer/src/lib/markdown/renderer.js#L52
-function getHref(href, baseUrl) {
-  const [path, hash] = href.split('#');
-  const hashStr = hash ? `#${hash}` : '';
-  const base = baseUrl === '/' ? '' : baseUrl;
-  const doc = path.match(/^doc:([-_a-zA-Z0-9#]*)$/);
-  if (doc) {
-    return `${base}/docs/${doc[1]}${hashStr}`;
-  }
-  const ref = path.match(/^ref:([-_a-zA-Z0-9#]*)$/);
-  if (ref) {
-    return `${base}/reference-link/${ref[1]}${hashStr}`;
-  }
-
-  // we need to perform two matches for changelogs in case
-  // of legacy links that use 'blog' instead of 'changelog'
-  const blog = path.match(/^blog:([-_a-zA-Z0-9#]*)$/);
-  const changelog = path.match(/^changelog:([-_a-zA-Z0-9#]*)$/);
-  const changelogMatch = blog || changelog;
-  if (changelogMatch) {
-    return `${base}/changelog/${changelogMatch[1]}${hashStr}`;
-  }
-  const custompage = path.match(/^page:([-_a-zA-Z0-9#]*)$/);
-  if (custompage) {
-    return `${base}/page/${custompage[1]}${hashStr}`;
-  }
-  return href;
-}
-function docLink(href) {
-  const doc = href.match(/^doc:([-_a-zA-Z0-9#]*)$/);
-  if (!doc) return false;
-  return {
-    className: 'doc-link',
-    'data-sidebar': doc[1]
-  };
-}
-function Anchor(props) {
-  const {
-      baseUrl,
-      children,
-      href,
-      target,
-      title
-    } = props,
-    attrs = _objectWithoutProperties(props, _excluded);
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    React.createElement("a", _extends({}, attrs, {
-      href: getHref(href, baseUrl),
-      target: target,
-      title: title
-    }, docLink(href)), children)
-  );
-}
-Anchor.propTypes = {
-  baseUrl: PropTypes.string,
-  children: PropTypes.node.isRequired,
-  download: PropTypes.string,
-  href: PropTypes.string,
-  target: PropTypes.string,
-  title: PropTypes.string
-};
-Anchor.defaultProps = {
-  baseUrl: '/',
-  href: '',
-  target: '',
-  title: ''
-};
-const AnchorWithContext = props => /*#__PURE__*/React.createElement(BaseUrlContext.Consumer, null, baseUrl => /*#__PURE__*/React.createElement(Anchor, _extends({
-  baseUrl: baseUrl
-}, props)));
-AnchorWithContext.sanitize = sanitizeSchema => {
-  // This is for our custom link formats
-  sanitizeSchema.protocols.href.push('doc', 'target', 'ref', 'blog', 'changelog', 'page');
-  return sanitizeSchema;
-};
-module.exports = AnchorWithContext;
-AnchorWithContext.getHref = getHref;
-
 /***/ }),
 
 /***/ 398:
@@ -6977,14 +6883,6 @@ module.exports = CreateStyle;
 
 /***/ }),
 
-/***/ 357:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-const React = __webpack_require__(540);
-module.exports = React.createContext('/');
-
-/***/ }),
-
 /***/ 965:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
@@ -9922,12 +9820,12 @@ __webpack_require__.d(util_types_namespaceObject, {
 var components_namespaceObject = {};
 __webpack_require__.r(components_namespaceObject);
 __webpack_require__.d(components_namespaceObject, {
-  Anchor: () => ((Anchor_default())),
+  Anchor: () => (components_Anchor),
   Callout: () => (components_Callout),
   Code: () => (components_Code),
   CodeTabs: () => (components_CodeTabs),
   Embed: () => (components_Embed),
-  GlossaryItem: () => (GlossaryItemWithContext),
+  Glossary: () => (GlossaryWithContext),
   HTMLBlock: () => (components_HTMLBlock),
   Heading: () => ((Heading_default())),
   Image: () => (components_Image),
@@ -58237,9 +58135,92 @@ var jsx_runtime_namespaceObject = /*#__PURE__*/__webpack_require__.t(jsx_runtime
 // EXTERNAL MODULE: ./node_modules/@readme/variable/dist/index.js
 var dist = __webpack_require__(355);
 var dist_default = /*#__PURE__*/__webpack_require__.n(dist);
-// EXTERNAL MODULE: ./components/Anchor.jsx
-var Anchor = __webpack_require__(294);
-var Anchor_default = /*#__PURE__*/__webpack_require__.n(Anchor);
+// EXTERNAL MODULE: ./node_modules/prop-types/index.js
+var prop_types = __webpack_require__(556);
+;// CONCATENATED MODULE: ./contexts/BaseUrl.js
+
+const BaseUrlContext = /*#__PURE__*/react.createContext('/');
+/* harmony default export */ const BaseUrl = (BaseUrlContext);
+;// CONCATENATED MODULE: ./components/Anchor.jsx
+const _excluded = ["children", "href", "target", "title"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+// Nabbed from here:
+// https://github.com/readmeio/api-explorer/blob/0dedafcf71102feedaa4145040d3f57d79d95752/packages/api-explorer/src/lib/markdown/renderer.js#L52
+function getHref(href, baseUrl) {
+  const [path, hash] = href.split('#');
+  const hashStr = hash ? `#${hash}` : '';
+  const base = baseUrl === '/' ? '' : baseUrl;
+  const doc = path.match(/^doc:([-_a-zA-Z0-9#]*)$/);
+  if (doc) {
+    return `${base}/docs/${doc[1]}${hashStr}`;
+  }
+  const ref = path.match(/^ref:([-_a-zA-Z0-9#]*)$/);
+  if (ref) {
+    return `${base}/reference-link/${ref[1]}${hashStr}`;
+  }
+
+  // we need to perform two matches for changelogs in case
+  // of legacy links that use 'blog' instead of 'changelog'
+  const blog = path.match(/^blog:([-_a-zA-Z0-9#]*)$/);
+  const changelog = path.match(/^changelog:([-_a-zA-Z0-9#]*)$/);
+  const changelogMatch = blog || changelog;
+  if (changelogMatch) {
+    return `${base}/changelog/${changelogMatch[1]}${hashStr}`;
+  }
+  const custompage = path.match(/^page:([-_a-zA-Z0-9#]*)$/);
+  if (custompage) {
+    return `${base}/page/${custompage[1]}${hashStr}`;
+  }
+  return href;
+}
+function docLink(href) {
+  const doc = href.match(/^doc:([-_a-zA-Z0-9#]*)$/);
+  if (!doc) return false;
+  return {
+    className: 'doc-link',
+    'data-sidebar': doc[1]
+  };
+}
+function Anchor(props) {
+  const {
+      children,
+      href,
+      target,
+      title
+    } = props,
+    attrs = _objectWithoutProperties(props, _excluded);
+  const baseUrl = useContext(BaseUrl);
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    react.createElement("a", _extends({}, attrs, {
+      href: getHref(href, baseUrl),
+      target: target,
+      title: title
+    }, docLink(href)), children)
+  );
+}
+Anchor.propTypes = {
+  baseUrl: prop_types.string,
+  children: prop_types.node.isRequired,
+  download: prop_types.string,
+  href: prop_types.string,
+  target: prop_types.string,
+  title: prop_types.string
+};
+Anchor.defaultProps = {
+  baseUrl: '/',
+  href: '',
+  target: '',
+  title: ''
+};
+/* harmony default export */ const components_Anchor = (Anchor);
 ;// CONCATENATED MODULE: ./components/Callout/index.tsx
 
 const themes = {
@@ -58257,15 +58238,17 @@ const themes = {
     '\u26A0': 'warn',
 };
 const Callout = (props) => {
-    const { attributes, children, icon, heading } = props;
+    const { attributes, children, icon } = props;
     let theme = props.theme || themes[icon] || 'default';
+    const [heading, ...body] = Array.isArray(children) ? children : [children];
+    const empty = !heading.props.children;
     return (
     // @ts-ignore
     react.createElement("blockquote", Object.assign({}, attributes, { className: `callout callout_${theme}`, theme: icon }),
-        heading && (react.createElement("h3", { className: `callout-heading${heading ? '' : ' empty'}` },
+        react.createElement("h3", { className: `callout-heading${empty ? ' empty' : ''}` },
             react.createElement("span", { className: "callout-icon" }, icon),
-            heading)),
-        children));
+            !empty && heading),
+        body));
 };
 /* harmony default export */ const components_Callout = (Callout);
 
@@ -62815,7 +62798,7 @@ var react_dom = __webpack_require__(961);
 
 
 
-function _objectWithoutPropertiesLoose(source, excluded) {
+function tippy_react_esm_objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
@@ -62977,7 +62960,7 @@ function TippyGenerator(tippy) {
         ignoreAttributes = _ref$ignoreAttributes === void 0 ? true : _ref$ignoreAttributes,
         __source = _ref.__source,
         __self = _ref.__self,
-        restOfNativeProps = _objectWithoutPropertiesLoose(_ref, ["children", "content", "visible", "singleton", "render", "reference", "disabled", "ignoreAttributes", "__source", "__self"]);
+        restOfNativeProps = tippy_react_esm_objectWithoutPropertiesLoose(_ref, ["children", "content", "visible", "singleton", "render", "reference", "disabled", "ignoreAttributes", "__source", "__self"]);
 
     var isControlledMode = visible !== undefined;
     var isSingletonMode = singleton !== undefined;
@@ -63241,7 +63224,7 @@ function useSingletonGenerator(createSingleton) {
 
       var _sourceData$props = sourceData.props,
           content = _sourceData$props.content,
-          props = _objectWithoutPropertiesLoose(_sourceData$props, ["content"]);
+          props = tippy_react_esm_objectWithoutPropertiesLoose(_sourceData$props, ["content"]);
 
       instance.setProps(deepPreserveProps(instance.props, Object.assign({}, props, {
         overrides: overrides
@@ -63307,7 +63290,7 @@ function useSingletonGenerator(createSingleton) {
 var forwardRef = (function (Tippy, defaultProps) {
   return /*#__PURE__*/(0,react.forwardRef)(function TippyWrapper(_ref, _ref2) {
     var children = _ref.children,
-        props = _objectWithoutPropertiesLoose(_ref, ["children"]);
+        props = tippy_react_esm_objectWithoutPropertiesLoose(_ref, ["children"]);
 
     return (
       /*#__PURE__*/
@@ -63334,28 +63317,25 @@ var tippy_react_esm_index = /*#__PURE__*/forwardRef( /*#__PURE__*/TippyGenerator
 
 const GlossaryContext = (0,react.createContext)([]);
 /* harmony default export */ const GlossaryTerms = (GlossaryContext);
-// haxx
-function Provider(Provider, arg1) {
-    throw new Error('Function not implemented.');
-}
 
-;// CONCATENATED MODULE: ./components/GlossaryItem/index.tsx
+;// CONCATENATED MODULE: ./components/Glossary/index.tsx
 
 
 
-const GlossaryItem = ({ term, terms }) => {
-    const foundTerm = terms.find(i => term.toLowerCase() === i.term.toLowerCase());
+const Glossary = ({ children, term: termProp, terms }) => {
+    const term = (Array.isArray(children) ? children[0] : children) || termProp;
+    const foundTerm = terms.find(i => { var _a; return term.toLowerCase() === ((_a = i === null || i === void 0 ? void 0 : i.term) === null || _a === void 0 ? void 0 : _a.toLowerCase()); });
     if (!foundTerm)
         return react.createElement("span", null, term);
-    return (react.createElement(tippy_react_esm, { content: react.createElement("div", { className: "GlossaryItem-tooltip-content" },
-            react.createElement("strong", { className: "GlossaryItem-term" }, foundTerm.term),
+    return (react.createElement(tippy_react_esm, { content: react.createElement("div", { className: "Glossary-tooltip-content" },
+            react.createElement("strong", { className: "Glossary-term" }, foundTerm.term),
             " - ",
             foundTerm.definition), offset: [-5, 5], placement: "bottom-start" },
-        react.createElement("span", { className: "GlossaryItem-trigger" }, term)));
+        react.createElement("span", { className: "Glossary-trigger" }, term)));
 };
-const GlossaryItemWithContext = props => {
+const GlossaryWithContext = props => {
     const terms = (0,react.useContext)(GlossaryTerms);
-    return terms ? react.createElement(GlossaryItem, Object.assign({}, props, { terms: terms })) : null;
+    return terms ? react.createElement(Glossary, Object.assign({}, props, { terms: terms })) : react.createElement("span", null, props.term);
 };
 
 
@@ -63450,8 +63430,6 @@ const Table = (props) => {
 };
 /* harmony default export */ const components_Table = (Table);
 
-// EXTERNAL MODULE: ./node_modules/prop-types/index.js
-var prop_types = __webpack_require__(556);
 ;// CONCATENATED MODULE: ./components/TableOfContents/index.jsx
 
 
@@ -63487,9 +63465,6 @@ TableOfContents.propTypes = {
 
 
 
-// EXTERNAL MODULE: ./contexts/BaseUrl.js
-var BaseUrl = __webpack_require__(357);
-var BaseUrl_default = /*#__PURE__*/__webpack_require__.n(BaseUrl);
 ;// CONCATENATED MODULE: ./options.js
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -63591,26 +63566,20 @@ const callouts_regex = `^(${emoji_regex().source}|⚠)(\\s+|$)`;
 const calloutTransformer = () => {
     return (tree) => {
         visit(tree, 'blockquote', (node) => {
-            try {
-                if (!(node.children[0].type === 'paragraph' && node.children[0].children[0].type === 'text'))
-                    return;
-                const startText = node.children[0].children[0].value;
-                const [match, icon] = startText.match(callouts_regex) || [];
-                if (icon && match) {
-                    const heading = startText.slice(match.length);
-                    node.children.shift();
-                    node.type = NodeTypes.callout;
-                    node.data = {
-                        hName: 'Callout',
-                        hProperties: {
-                            heading,
-                            icon,
-                        },
-                    };
-                }
-            }
-            catch (e) {
-                console.log(e);
+            if (!(node.children[0].type === 'paragraph' && node.children[0].children[0].type === 'text'))
+                return;
+            const startText = node.children[0].children[0].value;
+            const [match, icon] = startText.match(callouts_regex) || [];
+            if (icon && match) {
+                const heading = startText.slice(match.length);
+                node.children[0].children[0].value = heading;
+                node.type = NodeTypes.callout;
+                node.data = {
+                    hName: 'Callout',
+                    hProperties: {
+                        icon,
+                    },
+                };
             }
         });
     };
@@ -80675,10 +80644,12 @@ const gemojiTransformer = () => (tree) => {
 
 ;// CONCATENATED MODULE: ./processor/transform/readme-components.ts
 
+
+
 const readme_components_types = {
-    Callout: 'rdme-callout',
+    Callout: NodeTypes['callout'],
     Code: 'code',
-    CodeTabs: 'code-tabs',
+    CodeTabs: NodeTypes['codeTabs'],
     Image: 'image',
     Table: 'table',
     tr: 'tableRow',
@@ -80691,6 +80662,7 @@ const attributes = (jsx) => jsx.attributes.reduce((memo, attr) => {
     return memo;
 }, {});
 const coerceJsxToMd = ({ components = {} } = {}) => (node, index, parent) => {
+    var _a;
     if (node.name in components)
         return;
     if (node.name === 'Code') {
@@ -80732,6 +80704,21 @@ const coerceJsxToMd = ({ components = {} } = {}) => (node, index, parent) => {
         };
         parent.children[index] = mdNode;
     }
+    else if (node.name === 'Callout') {
+        const { heading, icon } = attributes(node);
+        const child = mdast(heading);
+        // @ts-ignore
+        const mdNode = {
+            children: [(_a = child === null || child === void 0 ? void 0 : child.children) === null || _a === void 0 ? void 0 : _a[0], ...node.children].filter(Boolean),
+            type: NodeTypes.callout,
+            data: {
+                hName: node.name,
+                hProperties: { icon },
+            },
+            position: node.position,
+        };
+        parent.children[index] = mdNode;
+    }
     else if (node.name in readme_components_types) {
         const hProperties = attributes(node);
         // @ts-ignore
@@ -80769,9 +80756,29 @@ const readmeComponents = (opts) => () => tree => {
 
 /* harmony default export */ const transform = ([callouts, code_tabs, transform_embeds, gemoji_]);
 
-;// CONCATENATED MODULE: ./processor/compile/gemoji.ts
-const gemoji_gemoji = (node) => `:${node.name}:`;
-/* harmony default export */ const compile_gemoji = (gemoji_gemoji);
+;// CONCATENATED MODULE: ./processor/compile/callout.ts
+
+const callout = (node, _, state, info) => {
+    const tracker = state.createTracker(info);
+    const exit = state.enter(NodeTypes.callout);
+    state.join.push(() => 0);
+    const value = state.containerFlow(node, tracker.current());
+    state.join.pop();
+    exit();
+    let lines = value.split('\n');
+    if (lines.length > 1) {
+        const [first, ...rest] = lines;
+        lines = [first, '', ...rest];
+    }
+    let content = lines
+        .map((line, index) => (index > 0 ? `>${line.length > 0 ? ' ' : ''}${line}` : line))
+        .join('\n');
+    if (content.match(/^[^\n]/))
+        content = ' ' + content;
+    const block = `> ${node.data.hProperties.icon}${content}`;
+    return block;
+};
+/* harmony default export */ const compile_callout = (callout);
 
 ;// CONCATENATED MODULE: ./processor/compile/code-tabs.ts
 
@@ -80797,6 +80804,10 @@ const embed_embed = (node) => {
 };
 /* harmony default export */ const compile_embed = (embed_embed);
 
+;// CONCATENATED MODULE: ./processor/compile/gemoji.ts
+const gemoji_gemoji = (node) => `:${node.name}:`;
+/* harmony default export */ const compile_gemoji = (gemoji_gemoji);
+
 ;// CONCATENATED MODULE: ./processor/compile/html-block.ts
 const htmlBlock = (node) => {
     const html = node.data.hProperties.html;
@@ -80822,10 +80833,12 @@ const compile_image_image = (node) => {
 
 
 
+
 function compilers() {
     const data = this.data();
     const toMarkdownExtensions = data.toMarkdownExtensions || (data.toMarkdownExtensions = []);
     const handlers = {
+        [NodeTypes.callout]: compile_callout,
         [NodeTypes.emoji]: compile_gemoji,
         [NodeTypes.codeTabs]: compile_code_tabs,
         [NodeTypes.embed]: compile_embed,
@@ -80834,7 +80847,6 @@ function compilers() {
     };
     toMarkdownExtensions.push({ extensions: [{ handlers }] });
 }
-;
 /* harmony default export */ const processor_compile = (compilers);
 
 ;// CONCATENATED MODULE: ./errors/mdx-syntax-error.ts
@@ -80857,6 +80869,21 @@ class MdxSyntaxError extends SyntaxError {
     }
 }
 
+;// CONCATENATED MODULE: ./contexts/index.tsx
+
+
+
+
+const compose = (children, ...contexts) => {
+    return contexts.reduce((content, [Context, value]) => {
+        return react.createElement(Context.Provider, { value: value }, content);
+    }, children);
+};
+const Contexts = ({ children, terms = [], variables = { user: { keys: [] }, defaults: [] }, baseUrl = '/' }) => {
+    return compose(children, [GlossaryTerms, terms], [dist.VariablesContext, variables], [BaseUrl, baseUrl]);
+};
+/* harmony default export */ const contexts = (Contexts);
+
 ;// CONCATENATED MODULE: ./index.tsx
 var index_rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -80886,17 +80913,13 @@ var index_rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 
-
 const unimplemented = src_default()('mdx:unimplemented');
 
 const utils = {
     get options() {
         return Object.assign({}, options);
     },
-    BaseUrlContext: (BaseUrl_default()),
-    getHref: Anchor.getHref,
-    GlossaryContext: GlossaryTerms,
-    VariablesContext: (dist_default()).VariablesContext,
+    getHref: getHref,
     calloutIcons: {},
 };
 const makeUseMDXComponents = (more) => {
@@ -80909,7 +80932,7 @@ const reactProcessor = (opts = {}) => {
 };
 const index_compile = (text, opts = {}) => {
     try {
-        return String(compileSync(text, Object.assign({ outputFormat: 'function-body', providerImportSource: '#', remarkPlugins }, opts))).replace(/await import\(_resolveDynamicMdxSpecifier\('react'\)\)/, 'arguments[0].imports.React');
+        return String(compileSync(text, Object.assign({ outputFormat: 'function-body', providerImportSource: '#', remarkPlugins }, opts))).replace(/await import\(_resolveDynamicMdxSpecifier\(('react'|"react")\)\)/, 'arguments[0].imports.React');
     }
     catch (error) {
         console.error(error);
@@ -80918,9 +80941,11 @@ const index_compile = (text, opts = {}) => {
 };
 const index_run = async (code, _opts = {}) => {
     const { Fragment } = jsx_runtime_namespaceObject;
-    const { components } = _opts, opts = index_rest(_opts, ["components"]);
+    const { components, terms, variables, baseUrl } = _opts, opts = index_rest(_opts, ["components", "terms", "variables", "baseUrl"]);
     const file = await run(code, Object.assign(Object.assign(Object.assign({}, jsx_runtime_namespaceObject), { Fragment, baseUrl: "file:///home/runner/work/markdown/markdown/index.tsx", imports: { React: react }, useMDXComponents: makeUseMDXComponents(components) }), opts));
-    return (file === null || file === void 0 ? void 0 : file.default) || (() => null);
+    const Content = (file === null || file === void 0 ? void 0 : file.default) || (() => null);
+    return () => (react.createElement(contexts, { terms: terms, variables: variables, baseUrl: baseUrl },
+        react.createElement(Content, null)));
 };
 const reactTOC = (text, opts = {}) => {
     unimplemented('reactTOC');

package/dist/processor/compile/callout.d.ts

@@ -0,0 +1,3 @@
+import { Callout } from '../../types';
+declare const callout: (node: Callout, _: any, state: any, info: any) => string;
+export default callout;

package/package.json

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

package/styles/components.scss

@@ -6,4 +6,4 @@
 @import '../components/Callout/style';
 @import '../components/Heading/style';
 @import '../components/Embed/style';
-@import '../components/GlossaryItem/style';
+@import '../components/Glossary/style';

package/components/GlossaryItem/index.tsx

@@ -1,31 +0,0 @@
-import React, { useContext } from 'react';
-import Tooltip from '@tippyjs/react';
-import GlossaryContext from '../../contexts/GlossaryTerms';
-import type { GlossaryItem, GlossaryTerm } from '../../contexts/GlossaryTerms';
-
-const GlossaryItem = ({ term, terms }: { term: string; terms: GlossaryTerm[] }) => {
-  const foundTerm = terms.find(i => term.toLowerCase() === i.term.toLowerCase());
-
-  if (!foundTerm) return <span>{term}</span>;
-
-  return (
-    <Tooltip
-      content={
-        <div className="GlossaryItem-tooltip-content">
-          <strong className="GlossaryItem-term">{foundTerm.term}</strong> - {foundTerm.definition}
-        </div>
-      }
-      offset={[-5, 5]}
-      placement="bottom-start"
-    >
-      <span className="GlossaryItem-trigger">{term}</span>
-    </Tooltip>
-  );
-};
-
-const GlossaryItemWithContext = props => {
-  const terms = useContext(GlossaryContext);
-  return terms ? <GlossaryItem {...props} terms={terms} /> : null;
-};
-
-export { GlossaryItem, GlossaryItemWithContext as default, GlossaryContext };

package/components/GlossaryItem/style.scss

@@ -1,60 +0,0 @@
-.GlossaryItem {
-  &-trigger {
-    border-bottom: 1px solid #737c83;
-    border-style: dotted;
-    border-top: none;
-    border-left: none;
-    border-right: none;
-    cursor: pointer;
-  }
-
-  &-tooltip-content {
-    --GlossaryItem-bg: var(--color-bg-page, var(--white));
-    --GlossaryItem-color: var(--color-text-default, var(--gray20));
-    --GlossaryItem-shadow: var(--box-shadow-menu-light, 0 5px 10px rgba(0, 0, 0, .05),
-      0 2px 6px rgba(0, 0, 0, .025),
-      0 1px 3px rgba(0, 0, 0, .025));
-
-    /* what the dark-mode mixin does in the readme project */
-    [data-color-mode='dark'] & {
-      --GlossaryItem-bg: var(--gray15);
-      --GlossaryItem-color: var(--color-text-default, var(--white));
-      --GlossaryItem-shadow: var(--box-shadow-menu-dark, 0 1px 3px rgba(0, 0, 0, 0.025),
-        0 2px 6px rgba(0, 0, 0, 0.025),
-        0 5px 10px rgba(0, 0, 0, 0.05))
-    }
-
-    @media (prefers-color-scheme: dark) {
-      [data-color-mode='auto'] & {
-        --GlossaryItem-bg: var(--Tooltip-bg, var(--gray0));
-        --GlossaryItem-color: var(--color-text-default, var(--white));
-        --GlossaryItem-shadow: var(--box-shadow-menu-dark, 0 1px 3px rgba(0, 0, 0, 0.025),
-          0 2px 6px rgba(0, 0, 0, 0.025),
-          0 5px 10px rgba(0, 0, 0, 0.05))
-      }
-    }
-
-    background-color: var(--GlossaryItem-bg);
-    border: 1px solid #{var(--color-border-default, rgba(black, 0.1))};
-    border-radius: var(--border-radius);
-    box-shadow: var(--GlossaryItem-shadow);
-    color: var(--GlossaryItem-color);
-    font-size: 15px;
-    font-weight: 400;
-    line-height: 1.5;
-    padding: 15px;
-    text-align: left;
-    width: 350px;
-  }
-
-  &-term {
-    font-style: italic;
-  }
-}
-
-.tippy-box {
-  // needed for tippy's default animation
-  &[data-animation='fade'][data-state='hidden'] {
-    opacity: 0;
-  }
-}