@readme/markdown 6.31.0-integration-test.2 → 6.32.0-next.3

package/dist/main.node.js

@@ -7,7 +7,7 @@
 		var a = typeof exports === 'object' ? factory(require("@readme/variable"), require("react")) : factory(root["@readme/variable"], root["React"]);
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
-})(global, function(__WEBPACK_EXTERNAL_MODULE__2215__, __WEBPACK_EXTERNAL_MODULE__7444__) {
+})(global, function(__WEBPACK_EXTERNAL_MODULE__3689__, __WEBPACK_EXTERNAL_MODULE__4466__) {
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
@@ -9054,7 +9054,7 @@ var _objectWithoutProperties = __webpack_require__(6479);
 
 var _excluded = ["baseUrl", "children", "href", "target", "title"];
 
-var React = __webpack_require__(7444);
+var React = __webpack_require__(4466);
 
 var PropTypes = __webpack_require__(5697);
 
@@ -9161,7 +9161,7 @@ var _extends = __webpack_require__(7154);
 
 var _toArray = __webpack_require__(8551);
 
-var React = __webpack_require__(7444);
+var React = __webpack_require__(4466);
 
 var PropTypes = __webpack_require__(5697);
 
@@ -9227,19 +9227,27 @@ module.exports = function (sanitizeSchema) {
 
 var _extends = __webpack_require__(7154);
 
-var React = __webpack_require__(7444);
+var React = __webpack_require__(4466);
 
-var PropTypes = __webpack_require__(5697); // Only load CodeMirror in the browser, for SSR
+var PropTypes = __webpack_require__(5697);
+
+var copy = __webpack_require__(640); // Only load CodeMirror in the browser, for SSR
 // apps. Necessary because of people like this:
 // https://github.com/codemirror/CodeMirror/issues/3701#issuecomment-164904534
 
 
-var syntaxHighlighter = typeof window !== 'undefined' ? __webpack_require__(6841).default : false;
+var syntaxHighlighter;
 
-var _require = __webpack_require__(6841),
-    canonicalLanguage = _require.canonical;
+var canonicalLanguage = function canonicalLanguage() {};
+
+if (typeof window !== 'undefined') {
+  // eslint-disable-next-line global-require
+  syntaxHighlighter = __webpack_require__(6841)["default"]; // eslint-disable-next-line global-require
 
-var copy = __webpack_require__(640);
+  var _require = __webpack_require__(6841);
+
+  canonicalLanguage = _require.canonical;
+}
 
 function CopyCode(_ref) {
   var codeRef = _ref.codeRef,
@@ -9284,18 +9292,20 @@ function Code(props) {
       className = props.className,
       copyButtons = props.copyButtons,
       lang = props.lang,
-      meta = props.meta;
+      meta = props.meta,
+      theme = props.theme;
   var langClass = className.search(/lang(?:uage)?-\w+/) >= 0 ? className.match(/\s?lang(?:uage)?-(\w+)/)[1] : '';
   var language = canonicalLanguage(lang) || langClass;
   var codeRef = React.createRef();
   var codeOpts = {
     inline: !lang,
-    tokenizeVariables: true
+    tokenizeVariables: true,
+    dark: theme === 'dark'
   };
   var codeContent = syntaxHighlighter ? syntaxHighlighter(children[0], language, codeOpts) : children[0];
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("code", {
     ref: codeRef,
-    className: ['rdmd-code', "lang-".concat(language)].join(' '),
+    className: ['rdmd-code', "lang-".concat(language), "theme-".concat(theme)].join(' '),
     "data-lang": language,
     name: meta,
     suppressHydrationWarning: true
@@ -9306,13 +9316,15 @@ function Code(props) {
 }
 
 function CreateCode(sanitizeSchema, _ref2) {
-  var copyButtons = _ref2.copyButtons;
+  var copyButtons = _ref2.copyButtons,
+      theme = _ref2.theme;
   // This is for code blocks class name
   sanitizeSchema.attributes.code = ['className', 'lang', 'meta', 'value']; // eslint-disable-next-line react/display-name
 
   return function (props) {
     return /*#__PURE__*/React.createElement(Code, _extends({}, props, {
-      copyButtons: copyButtons
+      copyButtons: copyButtons,
+      theme: theme
     }));
   };
 }
@@ -9322,7 +9334,8 @@ Code.propTypes = {
   className: PropTypes.string,
   copyButtons: PropTypes.bool,
   lang: PropTypes.string,
-  meta: PropTypes.string
+  meta: PropTypes.string,
+  theme: PropTypes.string
 };
 Code.defaultProps = {
   className: '',
@@ -9342,7 +9355,7 @@ module.exports = function (sanitizeSchema, opts) {
 
 var _extends = __webpack_require__(7154);
 
-var React = __webpack_require__(7444);
+var React = __webpack_require__(4466);
 
 var PropTypes = __webpack_require__(5697);
 
@@ -9351,7 +9364,8 @@ var _require = __webpack_require__(6841),
 
 var CodeTabs = function CodeTabs(props) {
   var attributes = props.attributes,
-      children = props.children;
+      children = props.children,
+      theme = props.theme;
 
   function handleClick(_ref, index) {
     var target = _ref.target;
@@ -9370,7 +9384,7 @@ var CodeTabs = function CodeTabs(props) {
     /*#__PURE__*/
     // eslint-disable-next-line react/jsx-props-no-spreading
     React.createElement("div", _extends({}, attributes, {
-      className: "CodeTabs CodeTabs_initial"
+      className: "CodeTabs CodeTabs_initial theme-".concat(theme)
     }), /*#__PURE__*/React.createElement("div", {
       className: "CodeTabs-toolbar"
     }, children.map(function (_ref2, i) {
@@ -9395,14 +9409,25 @@ var CodeTabs = function CodeTabs(props) {
 
 CodeTabs.propTypes = {
   attributes: PropTypes.shape({}),
-  children: PropTypes.arrayOf(PropTypes.any).isRequired
+  children: PropTypes.arrayOf(PropTypes.any).isRequired,
+  theme: PropTypes.string
 };
 CodeTabs.defaultProps = {
   attributes: null
 };
 
-module.exports = function () {
-  return CodeTabs;
+function CreateCodeTabs(_ref3) {
+  var theme = _ref3.theme;
+  // eslint-disable-next-line react/display-name
+  return function (props) {
+    return /*#__PURE__*/React.createElement(CodeTabs, _extends({}, props, {
+      theme: theme
+    }));
+  };
+}
+
+module.exports = function (_, opts) {
+  return CreateCodeTabs(opts);
 };
 
 /***/ }),
@@ -9432,7 +9457,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 React = __webpack_require__(7444);
+var React = __webpack_require__(4466);
 
 var propTypes = __webpack_require__(5697);
 
@@ -9566,7 +9591,7 @@ module.exports = function () {
 
 var _extends = __webpack_require__(7154);
 
-var React = __webpack_require__(7444);
+var React = __webpack_require__(4466);
 
 var PropTypes = __webpack_require__(5697);
 
@@ -9636,7 +9661,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 /* eslint-disable no-eval
  */
-var React = __webpack_require__(7444);
+var React = __webpack_require__(4466);
 
 var PropTypes = __webpack_require__(5697);
 
@@ -9728,7 +9753,7 @@ var _objectWithoutProperties = __webpack_require__(6479);
 
 var _excluded = ["tag", "showAnchorIcons"];
 
-var React = __webpack_require__(7444);
+var React = __webpack_require__(4466);
 
 var PropTypes = __webpack_require__(5697);
 
@@ -9812,7 +9837,7 @@ var _objectWithoutProperties = __webpack_require__(6479);
 var _excluded = ["alt", "onScroll", "opened"];
 
 /* eslint-disable jsx-a11y/no-autofocus, jsx-a11y/no-noninteractive-tabindex, react/jsx-props-no-spreading */
-var React = __webpack_require__(7444);
+var React = __webpack_require__(4466);
 /**
  * A very simple, CSS-driven lightbox.
  * @todo currently, a new <Lightbox> instance is rendered for
@@ -9880,7 +9905,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 no-param-reassign, react/jsx-props-no-spreading, no-fallthrough */
-var React = __webpack_require__(7444);
+var React = __webpack_require__(4466);
 
 var PropTypes = __webpack_require__(5697);
 
@@ -10025,7 +10050,7 @@ module.exports = function (sanitizeSchema) {
 /***/ 484:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
-var React = __webpack_require__(7444);
+var React = __webpack_require__(4466);
 
 var PropTypes = __webpack_require__(5697);
 
@@ -10051,7 +10076,7 @@ module.exports = function () {
 /***/ 4479:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
-var React = __webpack_require__(7444);
+var React = __webpack_require__(4466);
 
 var PropTypes = __webpack_require__(5697);
 
@@ -10133,7 +10158,7 @@ __webpack_require__.r(__webpack_exports__);
 /***/ 6785:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
-var React = __webpack_require__(7444);
+var React = __webpack_require__(4466);
 
 module.exports = React.createContext('/');
 
@@ -10142,12 +10167,56 @@ module.exports = React.createContext('/');
 /***/ 1252:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
-var React = __webpack_require__(7444);
+var React = __webpack_require__(4466);
 
 module.exports = React.createContext([]);
 
 /***/ }),
 
+/***/ 1264:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var _slicedToArray = __webpack_require__(3038);
+
+/* eslint-disable no-param-reassign
+ */
+var sanitize = __webpack_require__(8229);
+
+var kebabCase = __webpack_require__(5683);
+
+var registerCustomComponents = function registerCustomComponents(components) {
+  var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'x';
+  return Object.entries(components).reduce(function (all, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+        tag = _ref2[0],
+        component = _ref2[1];
+
+    /* Sanitize + prefix element names.
+     */
+    tag = kebabCase(tag);
+    var isValidOverride = sanitize.tagNames.includes(tag);
+    var isValidElemName = tag.includes('-');
+    if (!(isValidElemName || isValidOverride)) tag = "".concat(prefix, "-").concat(tag);
+    /* Safelist custom tag names.
+     */
+
+    sanitize.tagNames.push(tag);
+    /* Safelist allowed attributes.
+     */
+
+    if (component.propTypes) sanitize.attributes[tag] = [].concat(sanitize.attributes[tag], Object.keys(component.propTypes)).filter(Boolean);
+    /* Add element to custom component store.
+     */
+
+    all[tag] = component;
+    return all;
+  }, {});
+};
+
+module.exports = registerCustomComponents;
+
+/***/ }),
+
 /***/ 368:
 /***/ ((__unused_webpack_module, exports) => {
 
@@ -10169,382 +10238,381 @@ if (true) {
 /***/ }),
 
 /***/ 6841:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+/***/ ((module) => {
 
-var _typeof = __webpack_require__(8);
+(function () {
+  var e = {
+    559: function _(e) {
+      var l = {
+        aspx: "asp",
+        bash: "shell",
+        "c++": "cplusplus",
+        "c#": "csharp",
+        clj: "clojure",
+        cljc: "clojure",
+        cljx: "clojure",
+        coffeescript: "javascript",
+        cpp: "cplusplus",
+        cql: "sql",
+        cs: "csharp",
+        docker: "dockerfile",
+        ecmascript: "javascript",
+        erl: "erlang",
+        gql: "graphql",
+        gradle: "groovy",
+        handlebars: "html",
+        hbs: "html",
+        jl: "julia",
+        jruby: "ruby",
+        js: "javascript",
+        kt: "kotlin",
+        less: "css",
+        macruby: "ruby",
+        md: "markdown",
+        ml: "ocaml",
+        mssql: "sql",
+        mysql: "sql",
+        node: "javascript",
+        "obj-c": "objectivec",
+        "obj-c++": "objectivecplusplus",
+        "objc++": "objectivecplusplus",
+        objc: "objectivec",
+        objcpp: "objectivecplusplus",
+        objectivecpp: "objectivecplusplus",
+        pgsql: "sql",
+        pl: "perl",
+        plsql: "sql",
+        postgres: "sql",
+        postgresql: "sql",
+        ps1: "powershell",
+        py: "python",
+        rake: "ruby",
+        rb: "ruby",
+        rbx: "ruby",
+        rs: "rust",
+        sass: "css",
+        scss: "css",
+        sh: "shell",
+        sqlite: "sql",
+        styl: "css",
+        stylus: "css",
+        xhtml: "html",
+        yml: "yaml",
+        zsh: "shell"
+      };
 
-module.exports = function (e) {
-  var t = {};
+      e.exports = function (e) {
+        return e in l ? l[e] : e;
+      };
+    },
+    476: function _(e) {
+      function l(e, l) {
+        return function (e) {
+          if (Array.isArray(e)) return e;
+        }(e) || function (e, l) {
+          var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+          if (null == t) return;
+          var s,
+              r,
+              c = [],
+              a = !0,
+              o = !1;
+
+          try {
+            for (t = t.call(e); !(a = (s = t.next()).done) && (c.push(s.value), !l || c.length !== l); a = !0) {
+              ;
+            }
+          } catch (e) {
+            o = !0, r = e;
+          } finally {
+            try {
+              a || null == t.return || t.return();
+            } finally {
+              if (o) throw r;
+            }
+          }
+
+          return c;
+        }(e, l) || function (e, l) {
+          if (!e) return;
+          if ("string" == typeof e) return t(e, l);
+          var s = Object.prototype.toString.call(e).slice(8, -1);
+          "Object" === s && e.constructor && (s = e.constructor.name);
+          if ("Map" === s || "Set" === s) return Array.from(e);
+          if ("Arguments" === s || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)) return t(e, l);
+        }(e, l) || function () {
+          throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+        }();
+      }
 
-  function l(r) {
-    if (t[r]) return t[r].exports;
-    var s = t[r] = {
-      i: r,
-      l: !1,
+      function t(e, l) {
+        (null == l || l > e.length) && (l = e.length);
+
+        for (var t = 0, s = new Array(l); t < l; t++) {
+          s[t] = e[t];
+        }
+
+        return s;
+      }
+
+      var s = {
+        asp: "clike",
+        aspx: "clike",
+        bash: "shell",
+        c: "clike",
+        "c#": ["clike", "text/x-csharp"],
+        "c++": ["clike", "text/x-c++src"],
+        clj: "clojure",
+        cljc: "clojure",
+        cljx: "clojure",
+        coffeescript: "javascript",
+        cplusplus: ["clike", "text/x-c++src"],
+        cpp: ["clike", "text/x-c++src"],
+        cql: ["sql", "text/x-cassandra"],
+        cs: ["clike", "text/x-csharp"],
+        csharp: ["clike", "text/x-csharp"],
+        curl: "shell",
+        d: "d",
+        diff: "diff",
+        ecmascript: "javascript",
+        erl: "erlang",
+        go: ["go", "text/x-go"],
+        gradle: "groovy",
+        gql: "graphql",
+        handlebars: "htmlmixed",
+        hbs: "htmlmixed",
+        html: "htmlmixed",
+        java: ["clike", "text/x-java"],
+        jl: "julia",
+        js: "javascript",
+        jsx: "jsx",
+        json: ["javascript", "application/ld+json"],
+        jruby: "ruby",
+        kotlin: ["clike", "text/x-kotlin"],
+        kt: ["clike", "text/x-kotlin"],
+        less: "css",
+        liquid: "htmlmixed",
+        node: "javascript",
+        macruby: "ruby",
+        markdown: "gfm",
+        ml: ["mllike", "text/x-ocaml"],
+        mssql: ["sql", "text/x-mssql"],
+        mysql: ["sql", "text/x-mysql"],
+        objc: ["clike", "text/x-objectivec"],
+        "objc++": ["clike", "text/x-objectivec++"],
+        objcpp: ["clike", "text/x-objectivec++"],
+        objectivec: ["clike", "text/x-objectivec"],
+        objectivecpp: ["clike", "text/x-objectivec++"],
+        objectivecplusplus: ["clike", "text/x-objectivec++"],
+        ocaml: ["mllike", "text/x-ocaml"],
+        php: ["php", "text/x-php"],
+        pgsql: ["sql", "text/x-pgsql"],
+        pl: "perl",
+        plsql: ["sql", "text/x-plsql"],
+        postgres: ["sql", "text/x-pgsql"],
+        postgresql: ["sql", "text/x-pgsql"],
+        ps1: "powershell",
+        py: "python",
+        r: "r",
+        rake: "ruby",
+        rb: "ruby",
+        rbx: "ruby",
+        rs: "rust",
+        sass: "css",
+        scala: ["clike", "text/x-scala"],
+        scss: "css",
+        sh: "shell",
+        sql: ["sql", "text/x-sql"],
+        sqlite: ["sql", "text/x-sqlite"],
+        styl: "css",
+        stylus: "css",
+        text: ["null", "text/plain"],
+        ts: ["javascript", "text/typescript"],
+        typescript: ["javascript", "text/typescript"],
+        xhtml: "htmlmixed",
+        yml: "yaml",
+        zsh: "shell"
+      };
+      e.exports = {
+        modes: s,
+        getMode: function getMode(e) {
+          var t = e;
+          return t in s && (t = s[t], Array.isArray(t) && (t = l(t, 2)[1])), t;
+        }
+      };
+    },
+    857: function _(e) {
+      var l = {
+        asp: "ASP.NET",
+        aspx: "ASP.NET",
+        bash: "Bash",
+        c: "C",
+        "c#": "C#",
+        "c++": "C++",
+        coffeescript: "CoffeeScript",
+        clj: "Clojure",
+        cljc: "Clojure",
+        cljx: "Clojure",
+        clojure: "Clojure",
+        cplusplus: "C++",
+        cpp: "C++",
+        cql: "Cassandra",
+        cs: "C#",
+        csharp: "C#",
+        css: "CSS",
+        curl: "cURL",
+        d: "D",
+        dart: "Dart",
+        diff: "Diff",
+        dockerfile: "Dockerfile",
+        ecmascript: "ECMAScript",
+        erl: "Erlang",
+        erlang: "Erlang",
+        go: "Go",
+        gql: "GraphQL",
+        gradle: "Gradle",
+        graphql: "GraphQL",
+        groovy: "Groovy",
+        handlebars: "Handlebars",
+        hbs: "Handlebars",
+        haml: "HAML",
+        haxe: "Haxe",
+        html: "HTML",
+        http: "HTTP",
+        java: "Java",
+        javascript: "JavaScript",
+        jinja2: "Jinja2",
+        jl: "Julia",
+        jruby: "JRuby",
+        js: "JavaScript",
+        json: "JSON",
+        jsx: "JSX",
+        julia: "Julia",
+        kotlin: "Kotlin",
+        kt: "Kotlin",
+        less: "LESS",
+        liquid: "Liquid",
+        lua: "Lua",
+        macruby: "MacRuby",
+        markdown: "Markdown",
+        md: "Markdown",
+        ml: "OCaml",
+        mssql: "SQL Server",
+        mysql: "MySQL",
+        node: "Node",
+        objc: "Objective-C",
+        "objc++": "Objective-C++",
+        objcpp: "Objective-C++",
+        objectivec: "Objective-C",
+        objectivecpp: "Objective-C++",
+        objectivecplusplus: "Objective-C++",
+        ocaml: "OCaml",
+        perl: "Perl",
+        php: "PHP",
+        pl: "Perl",
+        pgsql: "PL/pgSQL",
+        plsql: "PL/SQL",
+        postgres: "PostgreSQL",
+        postgresql: "PostgreSQL",
+        powershell: "PowerShell",
+        ps1: "PowerShell",
+        python: "Python",
+        py: "Python",
+        r: "R",
+        rake: "Rake",
+        rb: "Ruby",
+        rbx: "Rubinius",
+        rs: "Rust",
+        ruby: "Ruby",
+        rust: "Rust",
+        sass: "Sass",
+        scala: "Scala",
+        scss: "SCSS",
+        sh: "Shell",
+        shell: "Shell",
+        smarty: "Smarty",
+        sql: "SQL",
+        sqlite: "SQLite",
+        stylus: "Stylus",
+        styl: "Stylus",
+        swift: "Swift",
+        text: "Text",
+        toml: "TOML",
+        twig: "Twig",
+        typescript: "TypeScript",
+        xhtml: "XHTML",
+        xml: "XML",
+        yaml: "YAML",
+        yml: "YAML",
+        zsh: "Zsh"
+      };
+
+      e.exports = function (e) {
+        return e in l ? l[e] : e;
+      };
+    }
+  },
+      l = {};
+
+  function t(s) {
+    var r = l[s];
+    if (void 0 !== r) return r.exports;
+    var c = l[s] = {
       exports: {}
     };
-    return e[r].call(s.exports, s, s.exports, l), s.l = !0, s.exports;
+    return e[s](c, c.exports, t), c.exports;
   }
 
-  return l.m = e, l.c = t, l.d = function (e, t, r) {
-    l.o(e, t) || Object.defineProperty(e, t, {
-      enumerable: !0,
-      get: r
-    });
-  }, l.r = function (e) {
-    "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {
-      value: "Module"
-    }), Object.defineProperty(e, "__esModule", {
-      value: !0
-    });
-  }, l.t = function (e, t) {
-    if (1 & t && (e = l(e)), 8 & t) return e;
-    if (4 & t && "object" == _typeof(e) && e && e.__esModule) return e;
-    var r = Object.create(null);
-    if (l.r(r), Object.defineProperty(r, "default", {
-      enumerable: !0,
-      value: e
-    }), 2 & t && "string" != typeof e) for (var s in e) {
-      l.d(r, s, function (t) {
-        return e[t];
-      }.bind(null, s));
-    }
-    return r;
-  }, l.n = function (e) {
-    var t = e && e.__esModule ? function () {
+  t.n = function (e) {
+    var l = e && e.__esModule ? function () {
       return e.default;
     } : function () {
       return e;
     };
-    return l.d(t, "a", t), t;
-  }, l.o = function (e, t) {
-    return Object.prototype.hasOwnProperty.call(e, t);
-  }, l.p = "", l(l.s = 3);
-}([function (e, t) {
-  function l(e, t) {
-    return function (e) {
-      if (Array.isArray(e)) return e;
-    }(e) || function (e, t) {
-      var l = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-      if (null == l) return;
-      var r,
-          s,
-          c = [],
-          o = !0,
-          a = !1;
-
-      try {
-        for (l = l.call(e); !(o = (r = l.next()).done) && (c.push(r.value), !t || c.length !== t); o = !0) {
-          ;
-        }
-      } catch (e) {
-        a = !0, s = e;
-      } finally {
-        try {
-          o || null == l.return || l.return();
-        } finally {
-          if (a) throw s;
-        }
-      }
-
-      return c;
-    }(e, t) || function (e, t) {
-      if (!e) return;
-      if ("string" == typeof e) return r(e, t);
-      var l = Object.prototype.toString.call(e).slice(8, -1);
-      "Object" === l && e.constructor && (l = e.constructor.name);
-      if ("Map" === l || "Set" === l) return Array.from(e);
-      if ("Arguments" === l || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)) return r(e, t);
-    }(e, t) || function () {
-      throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-    }();
-  }
-
-  function r(e, t) {
-    (null == t || t > e.length) && (t = e.length);
-
-    for (var l = 0, r = new Array(t); l < t; l++) {
-      r[l] = e[l];
-    }
-
-    return r;
-  }
-
-  var s = {
-    asp: "clike",
-    aspx: "clike",
-    bash: "shell",
-    c: "clike",
-    "c#": ["clike", "text/x-csharp"],
-    "c++": ["clike", "text/x-c++src"],
-    clj: "clojure",
-    cljc: "clojure",
-    cljx: "clojure",
-    coffeescript: "javascript",
-    cplusplus: ["clike", "text/x-c++src"],
-    cpp: ["clike", "text/x-c++src"],
-    cql: ["sql", "text/x-cassandra"],
-    cs: ["clike", "text/x-csharp"],
-    csharp: ["clike", "text/x-csharp"],
-    curl: "shell",
-    d: "d",
-    diff: "diff",
-    ecmascript: "javascript",
-    erl: "erlang",
-    go: ["go", "text/x-go"],
-    gradle: "groovy",
-    handlebars: "htmlmixed",
-    hbs: "htmlmixed",
-    html: "htmlmixed",
-    java: ["clike", "text/x-java"],
-    jl: "julia",
-    js: "javascript",
-    jsx: "jsx",
-    json: ["javascript", "application/ld+json"],
-    jruby: "ruby",
-    kotlin: ["clike", "text/x-kotlin"],
-    kt: ["clike", "text/x-kotlin"],
-    less: "css",
-    liquid: "htmlmixed",
-    node: "javascript",
-    macruby: "ruby",
-    markdown: "gfm",
-    ml: ["mllike", "text/x-ocaml"],
-    mssql: ["sql", "text/x-mssql"],
-    mysql: ["sql", "text/x-mysql"],
-    objc: ["clike", "text/x-objectivec"],
-    "objc++": ["clike", "text/x-objectivec++"],
-    objcpp: ["clike", "text/x-objectivec++"],
-    objectivec: ["clike", "text/x-objectivec"],
-    objectivecpp: ["clike", "text/x-objectivec++"],
-    objectivecplusplus: ["clike", "text/x-objectivec++"],
-    ocaml: ["mllike", "text/x-ocaml"],
-    php: ["php", "text/x-php"],
-    pgsql: ["sql", "text/x-pgsql"],
-    pl: "perl",
-    plsql: ["sql", "text/x-plsql"],
-    postgres: ["sql", "text/x-pgsql"],
-    postgresql: ["sql", "text/x-pgsql"],
-    ps1: "powershell",
-    py: "python",
-    r: "r",
-    rake: "ruby",
-    rb: "ruby",
-    rbx: "ruby",
-    rs: "rust",
-    sass: "css",
-    scala: ["clike", "text/x-scala"],
-    scss: "css",
-    sh: "shell",
-    sql: ["sql", "text/x-sql"],
-    sqlite: ["sql", "text/x-sqlite"],
-    styl: "css",
-    stylus: "css",
-    text: ["null", "text/plain"],
-    ts: ["javascript", "text/typescript"],
-    typescript: ["javascript", "text/typescript"],
-    xhtml: "htmlmixed",
-    yml: "yaml",
-    zsh: "shell"
-  };
-  e.exports = {
-    modes: s,
-    getMode: function getMode(e) {
-      var t = e;
-      return t in s && (t = s[t], Array.isArray(t) && (t = l(t, 2)[1])), t;
+    return t.d(l, {
+      a: l
+    }), l;
+  }, t.d = function (e, l) {
+    for (var s in l) {
+      t.o(l, s) && !t.o(e, s) && Object.defineProperty(e, s, {
+        enumerable: !0,
+        get: l[s]
+      });
     }
+  }, t.o = function (e, l) {
+    return Object.prototype.hasOwnProperty.call(e, l);
+  }, t.r = function (e) {
+    "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {
+      value: "Module"
+    }), Object.defineProperty(e, "__esModule", {
+      value: !0
+    });
   };
-}, function (e, t) {
-  var l = {
-    asp: "ASP.NET",
-    aspx: "ASP.NET",
-    bash: "Bash",
-    c: "C",
-    "c#": "C#",
-    "c++": "C++",
-    coffeescript: "CoffeeScript",
-    clj: "Clojure",
-    cljc: "Clojure",
-    cljx: "Clojure",
-    clojure: "Clojure",
-    cplusplus: "C++",
-    cpp: "C++",
-    cql: "Cassandra",
-    cs: "C#",
-    csharp: "C#",
-    css: "CSS",
-    curl: "cURL",
-    d: "D",
-    dart: "Dart",
-    diff: "Diff",
-    dockerfile: "Dockerfile",
-    ecmascript: "ECMAScript",
-    erl: "Erlang",
-    erlang: "Erlang",
-    go: "Go",
-    gradle: "Gradle",
-    groovy: "Groovy",
-    handlebars: "Handlebars",
-    hbs: "Handlebars",
-    haml: "HAML",
-    haxe: "Haxe",
-    html: "HTML",
-    http: "HTTP",
-    java: "Java",
-    javascript: "JavaScript",
-    jinja2: "Jinja2",
-    jl: "Julia",
-    jruby: "JRuby",
-    js: "JavaScript",
-    json: "JSON",
-    jsx: "JSX",
-    julia: "Julia",
-    kotlin: "Kotlin",
-    kt: "Kotlin",
-    less: "LESS",
-    liquid: "Liquid",
-    lua: "Lua",
-    macruby: "MacRuby",
-    markdown: "Markdown",
-    md: "Markdown",
-    ml: "OCaml",
-    mssql: "SQL Server",
-    mysql: "MySQL",
-    node: "Node",
-    objc: "Objective-C",
-    "objc++": "Objective-C++",
-    objcpp: "Objective-C++",
-    objectivec: "Objective-C",
-    objectivecpp: "Objective-C++",
-    objectivecplusplus: "Objective-C++",
-    ocaml: "OCaml",
-    perl: "Perl",
-    php: "PHP",
-    pl: "Perl",
-    pgsql: "PL/pgSQL",
-    plsql: "PL/SQL",
-    postgres: "PostgreSQL",
-    postgresql: "PostgreSQL",
-    powershell: "PowerShell",
-    ps1: "PowerShell",
-    python: "Python",
-    py: "Python",
-    r: "R",
-    rake: "Rake",
-    rb: "Ruby",
-    rbx: "Rubinius",
-    rs: "Rust",
-    ruby: "Ruby",
-    rust: "Rust",
-    sass: "Sass",
-    scala: "Scala",
-    scss: "SCSS",
-    sh: "Shell",
-    shell: "Shell",
-    smarty: "Smarty",
-    sql: "SQL",
-    sqlite: "SQLite",
-    stylus: "Stylus",
-    styl: "Stylus",
-    swift: "Swift",
-    text: "Text",
-    toml: "TOML",
-    twig: "Twig",
-    typescript: "TypeScript",
-    xhtml: "XHTML",
-    xml: "XML",
-    yaml: "YAML",
-    yml: "YAML",
-    zsh: "Zsh"
-  };
-
-  e.exports = function (e) {
-    return e in l ? l[e] : e;
-  };
-}, function (e, t) {
-  var l = {
-    aspx: "asp",
-    bash: "shell",
-    "c++": "cplusplus",
-    "c#": "csharp",
-    clj: "clojure",
-    cljc: "clojure",
-    cljx: "clojure",
-    coffeescript: "javascript",
-    cpp: "cplusplus",
-    cql: "sql",
-    cs: "csharp",
-    docker: "dockerfile",
-    ecmascript: "javascript",
-    erl: "erlang",
-    gradle: "groovy",
-    handlebars: "html",
-    hbs: "html",
-    jl: "julia",
-    jruby: "ruby",
-    js: "javascript",
-    kt: "kotlin",
-    less: "css",
-    macruby: "ruby",
-    md: "markdown",
-    ml: "ocaml",
-    mssql: "sql",
-    mysql: "sql",
-    node: "javascript",
-    "obj-c": "objectivec",
-    "obj-c++": "objectivecplusplus",
-    "objc++": "objectivecplusplus",
-    objc: "objectivec",
-    objcpp: "objectivecplusplus",
-    objectivecpp: "objectivecplusplus",
-    pgsql: "sql",
-    pl: "perl",
-    plsql: "sql",
-    postgres: "sql",
-    postgresql: "sql",
-    ps1: "powershell",
-    py: "python",
-    rake: "ruby",
-    rb: "ruby",
-    rbx: "ruby",
-    rs: "rust",
-    sass: "css",
-    scss: "css",
-    sh: "shell",
-    sqlite: "sql",
-    styl: "css",
-    stylus: "css",
-    xhtml: "html",
-    yml: "yaml",
-    zsh: "shell"
-  };
-
-  e.exports = function (e) {
-    return e in l ? l[e] : e;
-  };
-}, function (e, t, l) {
-  e.exports = l(4);
-}, function (e, t, l) {
-  "use strict";
+  var s = {};
+  (function () {
+    "use strict";
 
-  l.r(t);
-  var r = l(1),
-      s = l.n(r);
-  l.d(t, "uppercase", function () {
-    return s.a;
-  });
-  var c = l(2),
-      o = l.n(c);
-  l.d(t, "canonical", function () {
-    return o.a;
-  });
-  var a = l(0);
-  l.d(t, "modes", function () {
-    return a.modes;
-  }), l.d(t, "getMode", function () {
-    return a.getMode;
-  });
-}]);
+    t.r(s), t.d(s, {
+      uppercase: function uppercase() {
+        return l.a;
+      },
+      canonical: function canonical() {
+        return c.a;
+      },
+      modes: function modes() {
+        return a.modes;
+      },
+      getMode: function getMode() {
+        return a.getMode;
+      }
+    });
+    var e = t(857),
+        l = t.n(e),
+        r = t(559),
+        c = t.n(r),
+        a = t(476);
+  })(), module.exports = s;
+})();
 
 /***/ }),
 
@@ -10582,7 +10650,8 @@ var options = {
   normalize: true,
   settings: {
     position: false
-  }
+  },
+  theme: 'light'
 };
 /**
  * @note disabling `newline`, `paragraph`, or `text` tokenizers trips Remark into an infinite loop!
@@ -11537,7 +11606,7 @@ module.exports.sanitize = function (sanitizeSchema) {
 /***/ 2697:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
-var _require = __webpack_require__(2215),
+var _require = __webpack_require__(3689),
     VARIABLE_REGEXP = _require.VARIABLE_REGEXP;
 
 function tokenizeVariable(eat, value, silent) {
@@ -11751,13 +11820,6 @@ var _require = __webpack_require__(2781),
 sanitize.clobberPrefix = '';
 sanitize.tagNames.push('span', 'style');
 sanitize.attributes['*'].push('class', 'className', 'align', 'style');
-/**
- * @todo don't manually whitelist custom component attributes
- *       within the engine!
- * @todo change `link` to `href`
- */
-
-sanitize.attributes['tutorial-tile'] = ['backgroundColor', 'emoji', 'link', 'slug'];
 sanitize.tagNames.push('rdme-pin');
 sanitize.tagNames.push('rdme-embed');
 sanitize.attributes['rdme-embed'] = ['url', 'provider', 'html', 'title', 'href', 'iframe', 'width', 'height', 'image', 'favicon'];
@@ -15532,7 +15594,7 @@ module.exports = svg
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 try {
-  var util = __webpack_require__(1669);
+  var util = __webpack_require__(3837);
   /* istanbul ignore next */
   if (typeof util.inherits !== 'function') throw '';
   module.exports = util.inherits;
@@ -29414,7 +29476,7 @@ function repeat(str, num) {
 "use strict";
 
 
-var path = __webpack_require__(5622);
+var path = __webpack_require__(1017);
 
 function replaceExt(npath, ext) {
   if (typeof npath !== 'string') {
@@ -31552,7 +31614,7 @@ function parseOrigin(origin) {
 "use strict";
 
 
-var path = __webpack_require__(5622)
+var path = __webpack_require__(1017)
 var replace = __webpack_require__(8245)
 var buffer = __webpack_require__(8738)
 
@@ -31843,35 +31905,35 @@ function factory(key, options) {
 
 /***/ }),
 
-/***/ 2215:
+/***/ 1017:
 /***/ ((module) => {
 
 "use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__2215__;
+module.exports = require("path");
 
 /***/ }),
 
-/***/ 5622:
+/***/ 3837:
 /***/ ((module) => {
 
 "use strict";
-module.exports = require("path");
+module.exports = require("util");
 
 /***/ }),
 
-/***/ 1669:
+/***/ 3689:
 /***/ ((module) => {
 
 "use strict";
-module.exports = require("util");
+module.exports = __WEBPACK_EXTERNAL_MODULE__3689__;
 
 /***/ }),
 
-/***/ 7444:
+/***/ 4466:
 /***/ ((module) => {
 
 "use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__7444__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__4466__;
 
 /***/ }),
 
@@ -32064,7 +32126,7 @@ const defaultSchema = {
 
 /***/ }),
 
-/***/ 9823:
+/***/ 5907:
 /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -33724,7 +33786,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 /* eslint-disable no-param-reassign */
 __webpack_require__(2787);
 
-var React = __webpack_require__(7444);
+var React = __webpack_require__(4466);
 
 var unified = __webpack_require__(8835);
 /* Unified Plugins
@@ -33737,7 +33799,7 @@ var generateTOC = __webpack_require__(3263);
 
 var mapNodes = __webpack_require__(6579);
 
-var _require = __webpack_require__(9823),
+var _require = __webpack_require__(5907),
     selectAll = _require.selectAll; // remark plugins
 
 
@@ -33769,7 +33831,7 @@ var rehypeReact = __webpack_require__(7431);
 
 var BaseUrlContext = __webpack_require__(6785);
 
-var Variable = __webpack_require__(2215);
+var Variable = __webpack_require__(3689);
 
 var Components = __webpack_require__(3354);
 
@@ -33808,6 +33870,11 @@ var toPlainText = __webpack_require__(4792); // Processor Option Defaults
 var _require2 = __webpack_require__(2531),
     options = _require2.options,
     parseOptions = _require2.parseOptions;
+/* Utilities
+ */
+
+
+var registerCustomComponents = __webpack_require__(1264);
 /**
  * Normalize Magic Block Raw Text
  */
@@ -33898,14 +33965,11 @@ var count = {};
 function reactProcessor() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var components = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  Object.keys(components).map(function (key) {
-    return sanitize.tagNames.push(key);
-  });
   return processor(opts).use(sectionAnchorId).use(rehypeReact, {
     createElement: React.createElement,
     Fragment: React.Fragment,
     components: _objectSpread({
-      'code-tabs': CodeTabs(sanitize),
+      'code-tabs': CodeTabs(sanitize, opts),
       'html-block': HTMLBlock(sanitize),
       'rdme-callout': Callout(sanitize),
       'readme-variable': Variable,
@@ -33922,7 +33986,7 @@ function reactProcessor() {
       h6: Heading(6, count, opts),
       code: Code(sanitize, opts),
       img: Image(sanitize)
-    }, components)
+    }, registerCustomComponents(components, opts.customComponentPrefix))
   });
 }
 function react(content) {