@readme/markdown 6.66.0 → 6.67.0-beta.1

package/dist/main.node.js

@@ -1,14 +1,4 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("@readme/variable"), require("@tippyjs/react"), require("react"));
-	else if(typeof define === 'function' && define.amd)
-		define(["@readme/variable", "@tippyjs/react", "react"], factory);
-	else {
-		var a = typeof exports === 'object' ? factory(require("@readme/variable"), require("@tippyjs/react"), require("react")) : factory(root["@readme/variable"], root["@tippyjs/react"], root["React"]);
-		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
-	}
-})(global, (__WEBPACK_EXTERNAL_MODULE__3689__, __WEBPACK_EXTERNAL_MODULE__578__, __WEBPACK_EXTERNAL_MODULE__4466__) => {
-return /******/ (() => { // webpackBootstrap
+/******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
 /***/ 478:
@@ -7398,7 +7388,7 @@ var _objectWithoutProperties = __webpack_require__(215);
 var _slicedToArray = __webpack_require__(7424);
 var _excluded = ["baseUrl", "children", "href", "target", "title"];
 var PropTypes = __webpack_require__(5697);
-var React = __webpack_require__(4466);
+var React = __webpack_require__(3634);
 var BaseUrlContext = __webpack_require__(6785);
 
 // Nabbed from here:
@@ -7495,7 +7485,7 @@ AnchorWithContext.getHref = getHref;
 var _extends = __webpack_require__(434);
 var _toArray = __webpack_require__(1589);
 var PropTypes = __webpack_require__(5697);
-var React = __webpack_require__(4466);
+var React = __webpack_require__(3634);
 var Callout = function Callout(props) {
   var attributes = props.attributes,
     theme = props.theme,
@@ -7545,7 +7535,7 @@ module.exports = Callout;
 var _extends = __webpack_require__(434);
 var copy = __webpack_require__(640);
 var PropTypes = __webpack_require__(5697);
-var React = __webpack_require__(4466);
+var React = __webpack_require__(3634);
 
 // Only load CodeMirror in the browser, for SSR
 // apps. Necessary because of people like this:
@@ -7607,7 +7597,8 @@ function Code(props) {
     tokenizeVariables: true,
     dark: theme === 'dark'
   };
-  var codeContent = syntaxHighlighter && children ? syntaxHighlighter(children[0], language, codeOpts) : (children === null || children === void 0 ? void 0 : children[0]) || '';
+  var code = Array.isArray(children) ? children[0] : children;
+  var codeContent = syntaxHighlighter && children ? syntaxHighlighter(code, language, codeOpts) : code || '';
   return /*#__PURE__*/React.createElement(React.Fragment, null, copyButtons && /*#__PURE__*/React.createElement(CopyCode, {
     className: "fa",
     codeRef: codeRef
@@ -7634,7 +7625,7 @@ function CreateCode(_ref2) {
   };
 }
 Code.propTypes = {
-  children: PropTypes.arrayOf(PropTypes.string),
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.string]),
   className: PropTypes.string,
   copyButtons: PropTypes.bool,
   lang: PropTypes.string,
@@ -7664,9 +7655,22 @@ var _slicedToArray = __webpack_require__(7424);
 var _require = __webpack_require__(6841),
   uppercase = _require.uppercase;
 var PropTypes = __webpack_require__(5697);
-var React = __webpack_require__(4466);
-var _require2 = __webpack_require__(4466),
+var React = __webpack_require__(3634);
+var _require2 = __webpack_require__(3634),
   useState = _require2.useState;
+var traverseProps = function traverseProps(props, fn) {
+  if (!props) return;
+  fn(props);
+  if (props && 'children' in props) {
+    if (Array.isArray(props.children)) {
+      props.children.forEach(function (child) {
+        return child.props && traverseProps(child.props, fn);
+      });
+    } else {
+      traverseProps(props.children.props, fn);
+    }
+  }
+};
 var CodeTabs = function CodeTabs(props) {
   var children = props.children,
     theme = props.theme;
@@ -7686,16 +7690,23 @@ var CodeTabs = function CodeTabs(props) {
     codeblocks[index].classList.add('CodeTabs_active');
     setActiveIndex(index);
   }
+  var tabs = [];
+  traverseProps(props, function (childProps) {
+    if ('meta' in childProps || 'lang' in childProps) {
+      tabs.push({
+        meta: childProps.meta,
+        lang: childProps.lang
+      });
+    }
+  });
   return /*#__PURE__*/React.createElement("div", {
     className: "CodeTabs CodeTabs_initial theme-".concat(theme)
   }, /*#__PURE__*/React.createElement("div", {
     className: "CodeTabs-toolbar",
     role: "tablist"
-  }, children.map(function (_ref2, i) {
-    var pre = _ref2.props;
-    var _pre$children$0$props = pre.children[0].props,
-      meta = _pre$children$0$props.meta,
-      lang = _pre$children$0$props.lang;
+  }, tabs.map(function (_ref2, i) {
+    var meta = _ref2.meta,
+      lang = _ref2.lang;
     /* istanbul ignore next */
     return /*#__PURE__*/React.createElement("button", {
       key: i,
@@ -7713,7 +7724,7 @@ var CodeTabs = function CodeTabs(props) {
   }, children));
 };
 CodeTabs.propTypes = {
-  children: PropTypes.arrayOf(PropTypes.any).isRequired,
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.any), PropTypes.object]),
   theme: PropTypes.string
 };
 function CreateCodeTabs(_ref3) {
@@ -7725,11 +7736,63 @@ function CreateCodeTabs(_ref3) {
     }));
   };
 }
+CreateCodeTabs.sanitize = function (sanitizeSchema) {
+  sanitizeSchema.attributes.div = ['className', 'tabs'];
+  return sanitizeSchema;
+};
 module.exports = CreateCodeTabs;
 module.exports.CodeTabs = CodeTabs;
 
 /***/ }),
 
+/***/ 996:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var _extends = __webpack_require__(434);
+var _objectWithoutProperties = __webpack_require__(215);
+var _excluded = ["components", "theme"];
+var PropTypes = __webpack_require__(5697);
+var React = __webpack_require__(3634);
+
+/*
+ * To get around hast/html sanitation, we pass custom components through using
+ * className's. Then this Div component, can render the associated component
+ * instead. This used to be done with a custom `React.createElement`, but for
+ * mdx@v1.6, I don't see a way to customize that.
+ */
+
+var Div = function Div(_ref) {
+  var components = _ref.components,
+    theme = _ref.theme,
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (Object.keys(components).includes(props.className)) {
+    var Component = components[props.className];
+    return /*#__PURE__*/React.createElement(Component, _extends({
+      theme: theme
+    }, props));
+  }
+
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  return /*#__PURE__*/React.createElement("div", props);
+};
+Div.propTypes = {
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.any), PropTypes.object]),
+  className: PropTypes.string,
+  components: PropTypes.object,
+  theme: PropTypes.string.isRequired
+};
+module.exports = function (components, _ref2) {
+  var theme = _ref2.theme;
+  return function (props) {
+    return /*#__PURE__*/React.createElement(Div, _extends({
+      components: components,
+      theme: theme
+    }, props));
+  };
+};
+
+/***/ }),
+
 /***/ 1053:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
@@ -7746,7 +7809,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 /* eslint-disable react/jsx-props-no-spreading, jsx-a11y/iframe-has-title */
 var propTypes = __webpack_require__(5697);
-var React = __webpack_require__(4466);
+var React = __webpack_require__(3634);
 var Favicon = function Favicon(_ref) {
   var src = _ref.src,
     _ref$alt = _ref.alt,
@@ -7881,9 +7944,9 @@ module.exports = CreateEmbed;
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 var _extends = __webpack_require__(434);
-var Tooltip = (__webpack_require__(578)["default"]);
+var Tooltip = (__webpack_require__(1918)["default"]);
 var PropTypes = __webpack_require__(5697);
-var React = __webpack_require__(4466);
+var React = __webpack_require__(3634);
 var GlossaryContext = __webpack_require__(1252);
 
 // https://github.com/readmeio/api-explorer/blob/0dedafcf71102feedaa4145040d3f57d79d95752/packages/api-explorer/src/lib/replace-vars.js#L8
@@ -7943,7 +8006,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
  */
 var escape = __webpack_require__(8686);
 var PropTypes = __webpack_require__(5697);
-var React = __webpack_require__(4466);
+var React = __webpack_require__(3634);
 var MATCH_SCRIPT_TAGS = /<script\b[^>]*>([\s\S]*?)<\/script *>\n?/gim;
 var extractScripts = function extractScripts() {
   var html = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
@@ -8041,7 +8104,7 @@ var _extends = __webpack_require__(434);
 var _objectWithoutProperties = __webpack_require__(215);
 var _excluded = ["tag", "showAnchorIcons"];
 var PropTypes = __webpack_require__(5697);
-var React = __webpack_require__(4466);
+var React = __webpack_require__(3634);
 function Heading(_ref) {
   var tag = _ref.tag,
     showAnchorIcons = _ref.showAnchorIcons,
@@ -8119,7 +8182,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 /* eslint-disable no-param-reassign, react/jsx-props-no-spreading, no-fallthrough */
 
 var PropTypes = __webpack_require__(5697);
-var React = __webpack_require__(4466);
+var React = __webpack_require__(3634);
 var Image = /*#__PURE__*/function (_React$Component) {
   "use strict";
 
@@ -8245,7 +8308,7 @@ module.exports = CreateImage;
 
 var _extends = __webpack_require__(434);
 var PropTypes = __webpack_require__(5697);
-var React = __webpack_require__(4466);
+var React = __webpack_require__(3634);
 var Style = function Style(_ref) {
   var children = _ref.children,
     safeMode = _ref.safeMode;
@@ -8278,7 +8341,7 @@ module.exports = CreateStyle;
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 var PropTypes = __webpack_require__(5697);
-var React = __webpack_require__(4466);
+var React = __webpack_require__(3634);
 function Table(props) {
   var children = props.children;
   return /*#__PURE__*/React.createElement("div", {
@@ -8298,7 +8361,7 @@ module.exports = Table;
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 var PropTypes = __webpack_require__(5697);
-var React = __webpack_require__(4466);
+var React = __webpack_require__(3634);
 function TableOfContents(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement("nav", null, /*#__PURE__*/React.createElement("ul", {
@@ -8329,14 +8392,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "Callout": () => (/* reexport default from dynamic */ _Callout__WEBPACK_IMPORTED_MODULE_1___default.a),
 /* harmony export */   "Code": () => (/* reexport default from dynamic */ _Code__WEBPACK_IMPORTED_MODULE_2___default.a),
 /* harmony export */   "CodeTabs": () => (/* reexport default from dynamic */ _CodeTabs__WEBPACK_IMPORTED_MODULE_3___default.a),
-/* harmony export */   "Embed": () => (/* reexport default from dynamic */ _Embed__WEBPACK_IMPORTED_MODULE_4___default.a),
-/* harmony export */   "GlossaryItem": () => (/* reexport default from dynamic */ _GlossaryItem__WEBPACK_IMPORTED_MODULE_5___default.a),
-/* harmony export */   "HTMLBlock": () => (/* reexport default from dynamic */ _HTMLBlock__WEBPACK_IMPORTED_MODULE_6___default.a),
-/* harmony export */   "Heading": () => (/* reexport default from dynamic */ _Heading__WEBPACK_IMPORTED_MODULE_7___default.a),
-/* harmony export */   "Image": () => (/* reexport default from dynamic */ _Image__WEBPACK_IMPORTED_MODULE_8___default.a),
-/* harmony export */   "Style": () => (/* reexport default from dynamic */ _Style__WEBPACK_IMPORTED_MODULE_9___default.a),
-/* harmony export */   "Table": () => (/* reexport default from dynamic */ _Table__WEBPACK_IMPORTED_MODULE_10___default.a),
-/* harmony export */   "TableOfContents": () => (/* reexport default from dynamic */ _TableOfContents__WEBPACK_IMPORTED_MODULE_11___default.a)
+/* harmony export */   "Div": () => (/* reexport default from dynamic */ _Div__WEBPACK_IMPORTED_MODULE_4___default.a),
+/* harmony export */   "Embed": () => (/* reexport default from dynamic */ _Embed__WEBPACK_IMPORTED_MODULE_5___default.a),
+/* harmony export */   "GlossaryItem": () => (/* reexport default from dynamic */ _GlossaryItem__WEBPACK_IMPORTED_MODULE_6___default.a),
+/* harmony export */   "HTMLBlock": () => (/* reexport default from dynamic */ _HTMLBlock__WEBPACK_IMPORTED_MODULE_7___default.a),
+/* harmony export */   "Heading": () => (/* reexport default from dynamic */ _Heading__WEBPACK_IMPORTED_MODULE_8___default.a),
+/* harmony export */   "Image": () => (/* reexport default from dynamic */ _Image__WEBPACK_IMPORTED_MODULE_9___default.a),
+/* harmony export */   "Style": () => (/* reexport default from dynamic */ _Style__WEBPACK_IMPORTED_MODULE_10___default.a),
+/* harmony export */   "Table": () => (/* reexport default from dynamic */ _Table__WEBPACK_IMPORTED_MODULE_11___default.a),
+/* harmony export */   "TableOfContents": () => (/* reexport default from dynamic */ _TableOfContents__WEBPACK_IMPORTED_MODULE_12___default.a)
 /* harmony export */ });
 /* harmony import */ var _Anchor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8447);
 /* harmony import */ var _Anchor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_Anchor__WEBPACK_IMPORTED_MODULE_0__);
@@ -8346,22 +8410,25 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Code__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_Code__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _CodeTabs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6553);
 /* harmony import */ var _CodeTabs__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_CodeTabs__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _Embed__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1053);
-/* harmony import */ var _Embed__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Embed__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _GlossaryItem__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(4337);
-/* harmony import */ var _GlossaryItem__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_GlossaryItem__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _HTMLBlock__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(822);
-/* harmony import */ var _HTMLBlock__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_HTMLBlock__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _Heading__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(1984);
-/* harmony import */ var _Heading__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_Heading__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var _Image__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(9167);
-/* harmony import */ var _Image__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_Image__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var _Style__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(3197);
-/* harmony import */ var _Style__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_Style__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var _Table__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(484);
-/* harmony import */ var _Table__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_Table__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var _TableOfContents__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(4479);
-/* harmony import */ var _TableOfContents__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_TableOfContents__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var _Div__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(996);
+/* harmony import */ var _Div__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Div__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _Embed__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1053);
+/* harmony import */ var _Embed__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_Embed__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _GlossaryItem__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(4337);
+/* harmony import */ var _GlossaryItem__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_GlossaryItem__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _HTMLBlock__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(822);
+/* harmony import */ var _HTMLBlock__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_HTMLBlock__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var _Heading__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(1984);
+/* harmony import */ var _Heading__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_Heading__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var _Image__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(9167);
+/* harmony import */ var _Image__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_Image__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var _Style__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(3197);
+/* harmony import */ var _Style__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_Style__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var _Table__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(484);
+/* harmony import */ var _Table__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_Table__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var _TableOfContents__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(4479);
+/* harmony import */ var _TableOfContents__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_TableOfContents__WEBPACK_IMPORTED_MODULE_12__);
+
 
 
 
@@ -8380,7 +8447,7 @@ __webpack_require__.r(__webpack_exports__);
 /***/ 6785:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
-var React = __webpack_require__(4466);
+var React = __webpack_require__(3634);
 module.exports = React.createContext('/');
 
 /***/ }),
@@ -8388,7 +8455,7 @@ module.exports = React.createContext('/');
 /***/ 1252:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
-var React = __webpack_require__(4466);
+var React = __webpack_require__(3634);
 module.exports = React.createContext([]);
 
 /***/ }),
@@ -8396,8 +8463,16 @@ module.exports = React.createContext([]);
 /***/ 5894:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
-var React = __webpack_require__(4466);
+var React = __webpack_require__(3634);
 var CreateCodeTabs = __webpack_require__(6553);
+
+/*
+ * To get around hast/html sanitation, we pass custom components through using
+ * className's. Then we hijack `React.createElement` so we can render the associated component
+ * instead. If we use a custom `Div` like we do with MDX, `remarkRehype`
+ * inserts an extra root div, and that messes with our styles. Fun!
+ */
+
 var createElement = function createElement(opts) {
   return (
     // eslint-disable-next-line react/display-name
@@ -8875,6 +8950,7 @@ var options = {
   },
   lazyImages: true,
   normalize: true,
+  mdx: false,
   safeMode: false,
   settings: {
     position: false
@@ -10261,7 +10337,7 @@ function insertInlineTokenizerBefore(args) {
 /***/ 2697:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
-var _require = __webpack_require__(3689),
+var _require = __webpack_require__(1882),
   VARIABLE_REGEXP = _require.VARIABLE_REGEXP;
 var _require2 = __webpack_require__(2135),
   insertInlineTokenizerBefore = _require2.insertInlineTokenizerBefore;
@@ -10979,7 +11055,7 @@ const visit =
 
 var singleCodeTabs = function singleCodeTabs() {
   return function (tree) {
-    visit(tree, function (node, index, parent) {
+    return visit(tree, function (node, index, parent) {
       if (node.type === 'code' && (node.lang || node.meta) && parent.type !== 'code-tabs') {
         Object.assign(node, {
           className: 'tab-panel',
@@ -11003,8 +11079,8 @@ var singleCodeTabs = function singleCodeTabs() {
           children: [node]
         };
       }
+      return tree;
     });
-    return tree;
   };
 };
 /* harmony default export */ const single_code_tabs = (singleCodeTabs);
@@ -11142,8 +11218,9 @@ function ccount(value, character) {
 /***/ }),
 
 /***/ 6313:
-/***/ ((module) => {
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
+/* provided dependency */ var Buffer = __webpack_require__(4300)["Buffer"];
 var clone = (function() {
 'use strict';
 
@@ -30378,9 +30455,9 @@ function pipelineParse(p, ctx) {
 function pipelineRun(p, ctx, next) {
   p.run(ctx.tree, ctx.file, done)
 
-  function done(error, tree, file) {
-    if (error) {
-      next(error)
+  function done(err, tree, file) {
+    if (err) {
+      next(err)
     } else {
       ctx.tree = tree
       ctx.file = file
@@ -30391,17 +30468,14 @@ function pipelineRun(p, ctx, next) {
 
 function pipelineStringify(p, ctx) {
   var result = p.stringify(ctx.tree, ctx.file)
+  var file = ctx.file
 
   if (result === undefined || result === null) {
     // Empty.
   } else if (typeof result === 'string' || buffer(result)) {
-    if ('value' in ctx.file) {
-      ctx.file.value = result
-    }
-
-    ctx.file.contents = result
+    file.contents = result
   } else {
-    ctx.file.result = result
+    file.result = result
   }
 }
 
@@ -30410,8 +30484,8 @@ function unified() {
   var attachers = []
   var transformers = trough()
   var namespace = {}
+  var frozen = false
   var freezeIndex = -1
-  var frozen
 
   // Data management.
   processor.data = data
@@ -30437,9 +30511,10 @@ function unified() {
   // Create a new processor based on the processor in the current scope.
   function processor() {
     var destination = unified()
+    var length = attachers.length
     var index = -1
 
-    while (++index < attachers.length) {
+    while (++index < length) {
       destination.use.apply(null, attachers[index])
     }
 
@@ -30457,6 +30532,8 @@ function unified() {
   // In essence, always invoke this when exporting a processor.
   function freeze() {
     var values
+    var plugin
+    var options
     var transformer
 
     if (frozen) {
@@ -30465,16 +30542,19 @@ function unified() {
 
     while (++freezeIndex < attachers.length) {
       values = attachers[freezeIndex]
+      plugin = values[0]
+      options = values[1]
+      transformer = null
 
-      if (values[1] === false) {
+      if (options === false) {
         continue
       }
 
-      if (values[1] === true) {
+      if (options === true) {
         values[1] = undefined
       }
 
-      transformer = values[0].apply(processor, values.slice(1))
+      transformer = plugin.apply(processor, values.slice(1))
 
       if (typeof transformer === 'function') {
         transformers.use(transformer)
@@ -30494,7 +30574,9 @@ function unified() {
       // Set `key`.
       if (arguments.length === 2) {
         assertUnfrozen('data', frozen)
+
         namespace[key] = value
+
         return processor
       }
 
@@ -30568,12 +30650,16 @@ function unified() {
     }
 
     function addList(plugins) {
-      var index = -1
+      var length
+      var index
 
       if (plugins === null || plugins === undefined) {
         // Empty.
       } else if (typeof plugins === 'object' && 'length' in plugins) {
-        while (++index < plugins.length) {
+        length = plugins.length
+        index = -1
+
+        while (++index < length) {
           add(plugins[index])
         }
       } else {
@@ -30586,7 +30672,7 @@ function unified() {
 
       if (entry) {
         if (plain(entry[1]) && plain(value)) {
-          value = extend(true, entry[1], value)
+          value = extend(entry[1], value)
         }
 
         entry[1] = value
@@ -30597,11 +30683,15 @@ function unified() {
   }
 
   function find(plugin) {
+    var length = attachers.length
     var index = -1
+    var entry
+
+    while (++index < length) {
+      entry = attachers[index]
 
-    while (++index < attachers.length) {
-      if (attachers[index][0] === plugin) {
-        return attachers[index]
+      if (entry[0] === plugin) {
+        return entry
       }
     }
   }
@@ -30643,10 +30733,10 @@ function unified() {
     function executor(resolve, reject) {
       transformers.run(node, vfile(file), done)
 
-      function done(error, tree, file) {
+      function done(err, tree, file) {
         tree = tree || node
-        if (error) {
-          reject(error)
+        if (err) {
+          reject(err)
         } else if (resolve) {
           resolve(tree)
         } else {
@@ -30659,8 +30749,8 @@ function unified() {
   // Run transforms on a unist node representation of a file (in string or
   // vfile representation), sync.
   function runSync(node, file) {
+    var complete = false
     var result
-    var complete
 
     run(node, file, done)
 
@@ -30668,10 +30758,10 @@ function unified() {
 
     return result
 
-    function done(error, tree) {
+    function done(err, tree) {
       complete = true
+      bail(err)
       result = tree
-      bail(error)
     }
   }
 
@@ -30713,9 +30803,9 @@ function unified() {
 
       pipeline.run(processor, {file: file}, done)
 
-      function done(error) {
-        if (error) {
-          reject(error)
+      function done(err) {
+        if (err) {
+          reject(err)
         } else if (resolve) {
           resolve(file)
         } else {
@@ -30727,8 +30817,8 @@ function unified() {
 
   // Process the given document (in string or vfile representation), sync.
   function processSync(doc) {
+    var complete = false
     var file
-    var complete
 
     freeze()
     assertParser('processSync', processor.Parser)
@@ -30741,9 +30831,9 @@ function unified() {
 
     return file
 
-    function done(error) {
+    function done(err) {
       complete = true
-      bail(error)
+      bail(err)
     }
   }
 }
@@ -31930,43 +32020,67 @@ function factory(key, options) {
 
 /***/ }),
 
-/***/ 1017:
+/***/ 2114:
 /***/ ((module) => {
 
 "use strict";
-module.exports = require("path");
+module.exports = require("@mdx-js/runtime");
 
 /***/ }),
 
-/***/ 3837:
+/***/ 1882:
 /***/ ((module) => {
 
 "use strict";
-module.exports = require("util");
+module.exports = require("@readme/variable");
+
+/***/ }),
+
+/***/ 1918:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("@tippyjs/react");
+
+/***/ }),
+
+/***/ 281:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("remark-mdx");
 
 /***/ }),
 
-/***/ 3689:
+/***/ 3634:
 /***/ ((module) => {
 
 "use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__3689__;
+module.exports = require("react");
 
 /***/ }),
 
-/***/ 578:
+/***/ 4300:
 /***/ ((module) => {
 
 "use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__578__;
+module.exports = require("buffer");
 
 /***/ }),
 
-/***/ 4466:
+/***/ 1017:
 /***/ ((module) => {
 
 "use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__4466__;
+module.exports = require("path");
+
+/***/ }),
+
+/***/ 3837:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("util");
 
 /***/ }),
 
@@ -34289,40 +34403,112 @@ var __webpack_exports__ = {};
 // This entry need to be wrapped in an IIFE because it need to be in strict mode.
 (() => {
 "use strict";
+// ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Components": () => (/* binding */ Components),
-/* harmony export */   "astToPlainText": () => (/* binding */ astToPlainText),
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
-/* harmony export */   "hast": () => (/* binding */ hast),
-/* harmony export */   "html": () => (/* binding */ html),
-/* harmony export */   "htmlProcessor": () => (/* binding */ htmlProcessor),
-/* harmony export */   "md": () => (/* binding */ md),
-/* harmony export */   "mdast": () => (/* binding */ mdast),
-/* harmony export */   "plain": () => (/* binding */ plain),
-/* harmony export */   "processor": () => (/* binding */ processor),
-/* harmony export */   "react": () => (/* binding */ react),
-/* harmony export */   "reactProcessor": () => (/* binding */ reactProcessor),
-/* harmony export */   "reactTOC": () => (/* binding */ reactTOC),
-/* harmony export */   "setup": () => (/* binding */ setup),
-/* harmony export */   "utils": () => (/* binding */ utils)
-/* harmony export */ });
-/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(861);
-/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7424);
-/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8416);
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Components": () => (/* binding */ Components),
+  "astToPlainText": () => (/* binding */ astToPlainText),
+  "default": () => (/* binding */ index),
+  "hast": () => (/* binding */ hast),
+  "html": () => (/* binding */ html),
+  "htmlProcessor": () => (/* binding */ htmlProcessor),
+  "md": () => (/* binding */ md),
+  "mdast": () => (/* binding */ mdast),
+  "plain": () => (/* binding */ plain),
+  "processor": () => (/* binding */ processor),
+  "react": () => (/* binding */ react),
+  "reactProcessor": () => (/* binding */ reactProcessor),
+  "reactTOC": () => (/* binding */ reactTOC),
+  "setup": () => (/* binding */ setup),
+  "utils": () => (/* binding */ utils)
+});
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/toConsumableArray.js
+var toConsumableArray = __webpack_require__(861);
+var toConsumableArray_default = /*#__PURE__*/__webpack_require__.n(toConsumableArray);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/slicedToArray.js
+var slicedToArray = __webpack_require__(7424);
+var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/defineProperty.js
+var defineProperty = __webpack_require__(8416);
+var defineProperty_default = /*#__PURE__*/__webpack_require__.n(defineProperty);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/classCallCheck.js
+var classCallCheck = __webpack_require__(6690);
+var classCallCheck_default = /*#__PURE__*/__webpack_require__.n(classCallCheck);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/createClass.js
+var createClass = __webpack_require__(9728);
+var createClass_default = /*#__PURE__*/__webpack_require__.n(createClass);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/inherits.js
+var inherits = __webpack_require__(1655);
+var inherits_default = /*#__PURE__*/__webpack_require__.n(inherits);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js
+var possibleConstructorReturn = __webpack_require__(4993);
+var possibleConstructorReturn_default = /*#__PURE__*/__webpack_require__.n(possibleConstructorReturn);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/getPrototypeOf.js
+var getPrototypeOf = __webpack_require__(3808);
+var getPrototypeOf_default = /*#__PURE__*/__webpack_require__.n(getPrototypeOf);
+// EXTERNAL MODULE: external {"amd":"react","commonjs":"react","commonjs2":"react","root":"React","umd":"react"}
+var external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_ = __webpack_require__(3634);
+var external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default = /*#__PURE__*/__webpack_require__.n(external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_);
+;// CONCATENATED MODULE: ./lib/ErrorBoundary.js
+
+
+
+
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = getPrototypeOf_default()(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf_default()(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return possibleConstructorReturn_default()(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
+  inherits_default()(ErrorBoundary, _React$Component);
+  var _super = _createSuper(ErrorBoundary);
+  function ErrorBoundary(props) {
+    var _this;
+    classCallCheck_default()(this, ErrorBoundary);
+    _this = _super.call(this, props);
+    _this.state = {
+      hasError: false
+    };
+    return _this;
+  }
+  createClass_default()(ErrorBoundary, [{
+    key: "render",
+    value: function render() {
+      if (this.state.hasError) {
+        return null;
+      }
+
+      // eslint-disable-next-line react/prop-types
+      return this.props.children;
+    }
+  }], [{
+    key: "getDerivedStateFromError",
+    value: function getDerivedStateFromError(error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+      return {
+        hasError: true
+      };
+    }
+  }]);
+  return ErrorBoundary;
+}((external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_default()).Component);
+
+;// CONCATENATED MODULE: ./index.jsx
 
 
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty_default()(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 /* eslint-disable no-param-reassign */
+
 __webpack_require__(2787);
-var Variable = __webpack_require__(3689);
+var Mdx = (__webpack_require__(2114)["default"]);
+var Variable = __webpack_require__(1882);
 var generateTOC = __webpack_require__(3263);
-var React = __webpack_require__(4466);
+var React = __webpack_require__(3634);
 var rehypeRaw = __webpack_require__(6388);
 var rehypeReact = __webpack_require__(7431);
 var rehypeSanitize = __webpack_require__(1667);
@@ -34330,6 +34516,7 @@ var rehypeStringify = __webpack_require__(7532);
 var remarkBreaks = __webpack_require__(2558);
 var remarkDisableTokenizers = __webpack_require__(9168);
 var remarkFrontmatter = __webpack_require__(5941);
+var remarkMdx = __webpack_require__(281);
 var remarkParse = __webpack_require__(2861);
 var remarkRehype = __webpack_require__(8818);
 var remarkSlug = __webpack_require__(4490);
@@ -34359,17 +34546,18 @@ var _require6 = __webpack_require__(2442),
   remarkTransformers = _require6.remarkTransformers,
   rehypeTransformers = _require6.rehypeTransformers;
 var createSchema = __webpack_require__(8229);
-var GlossaryItem = Components.GlossaryItem,
-  Code = Components.Code,
-  Table = Components.Table,
-  Anchor = Components.Anchor,
-  Heading = Components.Heading,
+var Anchor = Components.Anchor,
   Callout = Components.Callout,
+  Code = Components.Code,
   CodeTabs = Components.CodeTabs,
-  Image = Components.Image,
+  Div = Components.Div,
   Embed = Components.Embed,
+  GlossaryItem = Components.GlossaryItem,
   HTMLBlock = Components.HTMLBlock,
+  Heading = Components.Heading,
+  Image = Components.Image,
   Style = Components.Style,
+  Table = Components.Table,
   TableOfContents = Components.TableOfContents;
 
 
@@ -34409,17 +34597,17 @@ var utils = {
  * Core markdown to mdast processor
  */
 function processor() {
-  var _unified$use$use$data;
+  var _unified$use$use$use$;
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var _setup = setup('', opts);
-  var _setup2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_setup, 2);
+  var _setup2 = slicedToArray_default()(_setup, 2);
   opts = _setup2[1];
   var _opts = opts,
     sanitize = _opts.sanitize;
-  return (_unified$use$use$data = unified().use(remarkParse, opts.markdownOptions).use(remarkFrontmatter, ['yaml', 'toml']).data('settings', opts.settings).data('compatibilityMode', opts.compatibilityMode).data('alwaysThrow', opts.alwaysThrow).use(!opts.correctnewlines ? remarkBreaks : function () {}).use(CustomParsers.map(function (parser) {
+  return (_unified$use$use$use$ = unified().use(remarkParse, opts.markdownOptions).use(opts.mdx ? remarkMdx : function () {}).use(remarkFrontmatter, ['yaml', 'toml']).data('settings', opts.settings).data('compatibilityMode', opts.compatibilityMode).data('alwaysThrow', opts.alwaysThrow).data('mdx', opts.mdx).use(!opts.correctnewlines ? remarkBreaks : function () {}).use(CustomParsers.map(function (parser) {
     var _parser$sanitize;
     return ((_parser$sanitize = parser.sanitize) === null || _parser$sanitize === void 0 ? void 0 : _parser$sanitize.call(parser, sanitize)) || parser;
-  }))).use.apply(_unified$use$use$data, _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(remarkTransformers)).use(remarkSlug).use(remarkDisableTokenizers, opts.disableTokenizers);
+  }))).use.apply(_unified$use$use$use$, toConsumableArray_default()(remarkTransformers)).use(remarkSlug).use(remarkDisableTokenizers, opts.disableTokenizers);
 }
 
 /**
@@ -34429,7 +34617,7 @@ function htmlProcessor() {
   var _processor$use$use$us;
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var _setup3 = setup('', opts);
-  var _setup4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_setup3, 2);
+  var _setup4 = slicedToArray_default()(_setup3, 2);
   opts = _setup4[1];
   var _opts2 = opts,
     sanitize = _opts2.sanitize;
@@ -34454,18 +34642,18 @@ function htmlProcessor() {
    */
   return (_processor$use$use$us = processor(opts).use(remarkRehype, {
     allowDangerousHtml: true
-  }).use(rehypeRaw).use(rehypeSanitize, sanitize)).use.apply(_processor$use$use$us, _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(rehypeTransformers));
+  }).use(rehypeRaw).use(rehypeSanitize, sanitize)).use.apply(_processor$use$use$us, toConsumableArray_default()(rehypeTransformers));
 }
 function plain(text) {
   var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var components = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   if (!text) return null;
   var _setup5 = setup(text, opts);
-  var _setup6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_setup5, 2);
+  var _setup6 = slicedToArray_default()(_setup5, 2);
   text = _setup6[0];
   opts = _setup6[1];
   var proc = htmlProcessor(opts).use(rehypeReact, {
-    createElement: React.createElement,
+    createElement: createElement(opts),
     Fragment: React.Fragment,
     components: components
   });
@@ -34483,52 +34671,75 @@ var PinWrap = function PinWrap(_ref) {
   }, children);
 }; // @todo: move this to it's own component
 
+var reactComponents = function reactComponents(opts) {
+  var components = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return _objectSpread(_objectSpread({
+    'html-block': HTMLBlock(opts),
+    'rdme-callout': Callout,
+    'readme-variable': Variable,
+    'readme-glossary-item': GlossaryItem,
+    'rdme-embed': Embed(opts),
+    'rdme-pin': PinWrap,
+    table: Table,
+    a: Anchor,
+    h1: Heading(1, opts),
+    h2: Heading(2, opts),
+    h3: Heading(3, opts),
+    h4: Heading(4, opts),
+    h5: Heading(5, opts),
+    h6: Heading(6, opts),
+    code: Code(opts),
+    img: Image(opts),
+    style: Style(opts)
+  }, opts.mdx ? {
+    div: Div({
+      'code-tabs': CodeTabs(opts)
+    }, opts)
+  } : {}), registerCustomComponents(components, opts.sanitize, opts.customComponentPrefix));
+};
 function reactProcessor() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var components = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var _setup7 = setup('', opts);
-  var _setup8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_setup7, 2);
+  var _setup8 = slicedToArray_default()(_setup7, 2);
   opts = _setup8[1];
-  var _opts3 = opts,
-    sanitize = _opts3.sanitize;
-  return htmlProcessor(_objectSpread({}, opts)).use(sectionAnchorId).use(rehypeReact, {
+  var rdmdComponents = reactComponents(opts, components);
+  var proc = htmlProcessor(_objectSpread({}, opts)).use(sectionAnchorId).use(rehypeReact, {
     createElement: createElement(opts),
     Fragment: React.Fragment,
-    components: _objectSpread({
-      'code-tabs': CodeTabs(opts),
-      'html-block': HTMLBlock(opts),
-      'rdme-callout': Callout,
-      'readme-variable': Variable,
-      'readme-glossary-item': GlossaryItem,
-      'rdme-embed': Embed(opts),
-      'rdme-pin': PinWrap,
-      table: Table,
-      a: Anchor,
-      h1: Heading(1, opts),
-      h2: Heading(2, opts),
-      h3: Heading(3, opts),
-      h4: Heading(4, opts),
-      h5: Heading(5, opts),
-      h6: Heading(6, opts),
-      code: Code(opts),
-      img: Image(opts),
-      style: Style(opts)
-    }, registerCustomComponents(components, sanitize, opts.customComponentPrefix))
+    components: rdmdComponents
   });
+  proc.components = rdmdComponents;
+  return proc;
 }
 function react(content) {
   var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var components = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   if (!content) return null;else if (typeof content === 'string') {
     var _setup9 = setup(content, opts);
-    var _setup10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_setup9, 2);
+    var _setup10 = slicedToArray_default()(_setup9, 2);
     content = _setup10[0];
     opts = _setup10[1];
   } else {
     var _setup11 = setup('', opts);
-    var _setup12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_setup11, 2);
+    var _setup12 = slicedToArray_default()(_setup11, 2);
     opts = _setup12[1];
   }
+
+  // mdx
+  if (opts.mdx) {
+    var remarkPlugins = [[remarkFrontmatter, ['yaml', 'toml']], !opts.correctnewlines ? remarkBreaks : function () {}].concat(toConsumableArray_default()(CustomParsers.map(function (parser) {
+      var _parser$sanitize2;
+      return ((_parser$sanitize2 = parser.sanitize) === null || _parser$sanitize2 === void 0 ? void 0 : _parser$sanitize2.call(parser, opts.sanitize)) || parser;
+    })), toConsumableArray_default()(remarkTransformers), [remarkSlug, [remarkDisableTokenizers, opts.disableTokenizers]]);
+    return /*#__PURE__*/React.createElement(ErrorBoundary, {
+      key: content
+    }, /*#__PURE__*/React.createElement(Mdx, {
+      components: reactComponents(opts, components),
+      rehypePlugins: [sectionAnchorId].concat(toConsumableArray_default()(rehypeTransformers)),
+      remarkPlugins: remarkPlugins
+    }, content));
+  }
   var proc = reactProcessor(opts, components);
   if (typeof content === 'string') content = proc.parse(content);
   return proc.stringify(proc.runSync(content));
@@ -34537,7 +34748,7 @@ function reactTOC(tree) {
   var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (!tree) return null;
   var _setup13 = setup('', opts);
-  var _setup14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_setup13, 2);
+  var _setup14 = slicedToArray_default()(_setup13, 2);
   opts = _setup14[1];
   var proc = htmlProcessor(opts).use(rehypeReact, {
     createElement: React.createElement,
@@ -34571,7 +34782,7 @@ function html(text) {
   var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (!text) return null;
   var _setup15 = setup(text, opts);
-  var _setup16 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_setup15, 2);
+  var _setup16 = slicedToArray_default()(_setup15, 2);
   text = _setup16[0];
   opts = _setup16[1];
   return htmlProcessor(opts).use(rehypeStringify).processSync(text).contents;
@@ -34584,7 +34795,7 @@ function hast(text) {
   var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (!text) return null;
   var _setup17 = setup(text, opts);
-  var _setup18 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_setup17, 2);
+  var _setup18 = slicedToArray_default()(_setup17, 2);
   text = _setup18[0];
   opts = _setup18[1];
   var rdmd = htmlProcessor(opts).use(tableFlattening);
@@ -34599,7 +34810,7 @@ function mdast(text) {
   var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (!text) return null;
   var _setup19 = setup(text, opts);
-  var _setup20 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_setup19, 2);
+  var _setup20 = slicedToArray_default()(_setup19, 2);
   text = _setup20[0];
   opts = _setup20[1];
   var rdmd = processor(opts);
@@ -34613,7 +34824,7 @@ function astToPlainText(node) {
   var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (!node) return '';
   var _setup21 = setup('', opts);
-  var _setup22 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_setup21, 2);
+  var _setup22 = slicedToArray_default()(_setup21, 2);
   opts = _setup22[1];
   return processor(opts).use(toPlainText).stringify(node);
 }
@@ -34625,7 +34836,7 @@ function md(tree) {
   var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (!tree) return null;
   var _setup23 = setup('', opts);
-  var _setup24 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_setup23, 2);
+  var _setup24 = slicedToArray_default()(_setup23, 2);
   opts = _setup24[1];
   return processor(opts).use(remarkStringify, opts.markdownOptions).use(customCompilers).stringify(tree);
 }
@@ -34633,10 +34844,9 @@ var ReadMeMarkdown = function ReadMeMarkdown(text) {
   var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return react(text, opts);
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ReadMeMarkdown);
+/* harmony default export */ const index = (ReadMeMarkdown);
 })();
 
-/******/ 	return __webpack_exports__;
+module.exports = __webpack_exports__;
 /******/ })()
-;
-});
+;