@splunk/react-ui 5.0.0-rc.2 → 5.1.0

package/Code.js

@@ -9,15 +9,15 @@
                 default: () => /* reexport */ p
             });
             // EXTERNAL MODULE: external "react"
-                        var a = n(9497);
+                        var r = n(9497);
             // CONCATENATED MODULE: ./src/useResizeObserver/useResizeObserver.ts
-            function r(e, t) {
-                return u(e) || l(e, t) || i(e, t) || s();
+            function a(e, t) {
+                return u(e) || l(e, t) || s(e, t) || i();
             }
-            function s() {
+            function i() {
                 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 i(e, t) {
+            function s(e, t) {
                 if (e) {
                     if ("string" == typeof e) return o(e, t);
                     var n = {}.toString.call(e).slice(8, -1);
@@ -26,28 +26,28 @@
             }
             function o(e, t) {
                 (null == t || t > e.length) && (t = e.length);
-                for (var n = 0, a = Array(t); n < t; n++) {
-                    a[n] = e[n];
+                for (var n = 0, r = Array(t); n < t; n++) {
+                    r[n] = e[n];
                 }
-                return a;
+                return r;
             }
             function l(e, t) {
                 var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
                 if (null != n) {
-                    var a, r, s, i, o = [], l = !0, u = !1;
+                    var r, a, i, s, o = [], l = !0, u = !1;
                     try {
-                        if (s = (n = n.call(e)).next, 0 === t) {
+                        if (i = (n = n.call(e)).next, 0 === t) {
                             if (Object(n) !== n) return;
                             l = !1;
-                        } else for (;!(l = (a = s.call(n)).done) && (o.push(a.value), o.length !== t); l = !0) {
+                        } else for (;!(l = (r = i.call(n)).done) && (o.push(r.value), o.length !== t); l = !0) {
                         }
                     } catch (e) {
-                        u = !0, r = e;
+                        u = !0, a = e;
                     } finally {
                         try {
-                            if (!l && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
+                            if (!l && null != n["return"] && (s = n["return"](), Object(s) !== s)) return;
                         } finally {
-                            if (u) throw r;
+                            if (u) throw a;
                         }
                     }
                     return o;
@@ -61,35 +61,35 @@
  *
  * @param ref - The React ref to observe size changes on
  */            var c = function e(t, n) {
-                var s = (0, a.useState)({
+                var i = (0, r.useState)({
                     width: 0,
                     height: 0
-                }), i = r(s, 2), o = i[0], l = i[1];
-                (0, a.useEffect)((function() {
+                }), s = a(i, 2), o = s[0], l = s[1];
+                (0, r.useEffect)((function() {
                     var e = t.current;
                     if (typeof window !== "undefined" && window.ResizeObserver) {
-                        var a = new ResizeObserver((function(e) {
+                        var r = new ResizeObserver((function(e) {
                             if (e[0]) {
-                                var a, r;
-                                var s = {
-                                    width: (t === null || t === void 0 ? void 0 : (a = t.current) === null || a === void 0 ? void 0 : a.getBoundingClientRect().width) || 0,
-                                    height: (t === null || t === void 0 ? void 0 : (r = t.current) === null || r === void 0 ? void 0 : r.getBoundingClientRect().height) || 0
+                                var r, a;
+                                var i = {
+                                    width: (t === null || t === void 0 ? void 0 : (r = t.current) === null || r === void 0 ? void 0 : r.getBoundingClientRect().width) || 0,
+                                    height: (t === null || t === void 0 ? void 0 : (a = t.current) === null || a === void 0 ? void 0 : a.getBoundingClientRect().height) || 0
                                 };
                                 l((function(e) {
-                                    if (e.height !== s.height || e.width !== s.width) {
-                                        n === null || n === void 0 ? void 0 : n(s);
-                                        return s;
+                                    if (e.height !== i.height || e.width !== i.width) {
+                                        n === null || n === void 0 ? void 0 : n(i);
+                                        return i;
                                     }
                                     return o;
                                 }));
                             }
                         }));
                         if (e) {
-                            a.observe(e);
+                            r.observe(e);
                         }
                         return function() {
                             if (e) {
-                                a.unobserve(e);
+                                r.unobserve(e);
                             }
                         };
                     }
@@ -107,7 +107,7 @@
                 var t = undefined;
                 var n = undefined;
                 /// <reference lib="WebWorker"/>
-                                var a = typeof t !== "undefined" ? t : typeof WorkerGlobalScope !== "undefined" && self instanceof WorkerGlobalScope ? self : {};
+                                var r = typeof t !== "undefined" ? t : typeof WorkerGlobalScope !== "undefined" && self instanceof WorkerGlobalScope ? self : {};
                 /**
  * Prism: Lightweight, robust, elegant syntax highlighting
  *
@@ -115,13 +115,13 @@
  * @author Lea Verou <https://lea.verou.me>
  * @namespace
  * @public
- */                var r = function(e) {
+ */                var a = function(e) {
                     // Private helper vars
                     var n = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i;
-                    var a = 0;
+                    var r = 0;
                     // The grammar object for plaintext
-                                        var r = {};
-                    var s = {
+                                        var a = {};
+                    var i = {
                         /**
 		 * By default, Prism will attempt to highlight all code elements (by calling {@link Prism.highlightAll}) on the
 		 * current page after the page finished loading. This might be a problem if e.g. you wanted to asynchronously load
@@ -177,8 +177,8 @@
 		 */
                         util: {
                             encode: function e(t) {
-                                if (t instanceof i) {
-                                    return new i(t.type, e(t.content), t.alias);
+                                if (t instanceof s) {
+                                    return new s(t.type, e(t.content), t.alias);
                                 } else if (Array.isArray(t)) {
                                     return t.map(e);
                                 } else {
@@ -213,7 +213,7 @@
                             objId: function(e) {
                                 if (!e["__id"]) {
                                     Object.defineProperty(e, "__id", {
-                                        value: ++a
+                                        value: ++r
                                     });
                                 }
                                 return e["__id"];
@@ -230,36 +230,36 @@
 			 */
                             clone: function e(t, n) {
                                 n = n || {};
-                                var a;
                                 var r;
-                                switch (s.util.type(t)) {
+                                var a;
+                                switch (i.util.type(t)) {
                                   case "Object":
-                                    r = s.util.objId(t);
-                                    if (n[r]) {
-                                        return n[r];
+                                    a = i.util.objId(t);
+                                    if (n[a]) {
+                                        return n[a];
                                     }
-                                    a = /** @type {Record<string, any>} */ {};
-                                    n[r] = a;
-                                    for (var i in t) {
-                                        if (t.hasOwnProperty(i)) {
-                                            a[i] = e(t[i], n);
+                                    r = /** @type {Record<string, any>} */ {};
+                                    n[a] = r;
+                                    for (var s in t) {
+                                        if (t.hasOwnProperty(s)) {
+                                            r[s] = e(t[s], n);
                                         }
                                     }
                                     /** @type {any} */
-                                    return a;
+                                    return r;
 
                                   case "Array":
-                                    r = s.util.objId(t);
-                                    if (n[r]) {
-                                        return n[r];
+                                    a = i.util.objId(t);
+                                    if (n[a]) {
+                                        return n[a];
                                     }
-                                    a = [];
-                                    n[r] = a;
-                                    /** @type {Array} */ /** @type {any} */ t.forEach((function(t, r) {
-                                        a[r] = e(t, n);
+                                    r = [];
+                                    n[a] = r;
+                                    /** @type {Array} */ /** @type {any} */ t.forEach((function(t, a) {
+                                        r[a] = e(t, n);
                                     }));
                                     /** @type {any} */
-                                    return a;
+                                    return r;
 
                                   default:
                                     return t;
@@ -318,13 +318,13 @@
                                 // this will not work for inline scripts
                                                                 try {
                                     throw new Error;
-                                } catch (a) {
+                                } catch (r) {
                                     // Get file src url from stack. Specifically works with the format of stack traces in IE.
                                     // A stack will look like this:
                                     // Error
                                     //    at _.util.currentScript (http://localhost/components/prism-core.js:119:5)
                                     //    at Global code (http://localhost/components/prism-core.js:606:1)
-                                    var e = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(a.stack) || [])[1];
+                                    var e = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(r.stack) || [])[1];
                                     if (e) {
                                         var t = document.getElementsByTagName("script");
                                         for (var n in t) {
@@ -356,13 +356,13 @@
 			 * @returns {boolean}
 			 */
                             isActive: function(e, t, n) {
-                                var a = "no-" + t;
+                                var r = "no-" + t;
                                 while (e) {
-                                    var r = e.classList;
-                                    if (r.contains(t)) {
+                                    var a = e.classList;
+                                    if (a.contains(t)) {
                                         return true;
                                     }
-                                    if (r.contains(a)) {
+                                    if (a.contains(r)) {
                                         return false;
                                     }
                                     e = e.parentElement;
@@ -381,10 +381,10 @@
                             /**
 			 * The grammar for plain, unformatted text.
 			 */
-                            plain: r,
-                            plaintext: r,
-                            text: r,
-                            txt: r,
+                            plain: a,
+                            plaintext: a,
+                            text: a,
+                            txt: a,
                             /**
 			 * Creates a deep copy of the language with the given id and appends the given tokens.
 			 *
@@ -414,9 +414,9 @@
 			 * });
 			 */
                             extend: function(e, t) {
-                                var n = s.util.clone(s.languages[e]);
-                                for (var a in t) {
-                                    n[a] = t[a];
+                                var n = i.util.clone(i.languages[e]);
+                                for (var r in t) {
+                                    n[r] = t[r];
                                 }
                                 return n;
                             },
@@ -495,50 +495,50 @@
 			 * @returns {Grammar} The new grammar object.
 			 * @public
 			 */
-                            insertBefore: function(e, t, n, a) {
-                                a = a || /** @type {any} */ s.languages;
-                                var r = a[e];
-                                /** @type {Grammar} */                                var i = {};
-                                for (var o in r) {
-                                    if (r.hasOwnProperty(o)) {
+                            insertBefore: function(e, t, n, r) {
+                                r = r || /** @type {any} */ i.languages;
+                                var a = r[e];
+                                /** @type {Grammar} */                                var s = {};
+                                for (var o in a) {
+                                    if (a.hasOwnProperty(o)) {
                                         if (o == t) {
                                             for (var l in n) {
                                                 if (n.hasOwnProperty(l)) {
-                                                    i[l] = n[l];
+                                                    s[l] = n[l];
                                                 }
                                             }
                                         }
                                         // Do not insert token which also occur in insert. See #1525
                                                                                 if (!n.hasOwnProperty(o)) {
-                                            i[o] = r[o];
+                                            s[o] = a[o];
                                         }
                                     }
                                 }
-                                var u = a[e];
-                                a[e] = i;
+                                var u = r[e];
+                                r[e] = s;
                                 // Update references in other language definitions
-                                                                s.languages.DFS(s.languages, (function(t, n) {
+                                                                i.languages.DFS(i.languages, (function(t, n) {
                                     if (n === u && t != e) {
-                                        this[t] = i;
+                                        this[t] = s;
                                     }
                                 }));
-                                return i;
+                                return s;
                             },
                             // Traverse a language definition with Depth First Search
-                            DFS: function e(t, n, a, r) {
-                                r = r || {};
-                                var i = s.util.objId;
+                            DFS: function e(t, n, r, a) {
+                                a = a || {};
+                                var s = i.util.objId;
                                 for (var o in t) {
                                     if (t.hasOwnProperty(o)) {
-                                        n.call(t, o, t[o], a || o);
+                                        n.call(t, o, t[o], r || o);
                                         var l = t[o];
-                                        var u = s.util.type(l);
-                                        if (u === "Object" && !r[i(l)]) {
-                                            r[i(l)] = true;
-                                            e(l, n, null, r);
-                                        } else if (u === "Array" && !r[i(l)]) {
-                                            r[i(l)] = true;
-                                            e(l, n, o, r);
+                                        var u = i.util.type(l);
+                                        if (u === "Object" && !a[s(l)]) {
+                                            a[s(l)] = true;
+                                            e(l, n, null, a);
+                                        } else if (u === "Array" && !a[s(l)]) {
+                                            a[s(l)] = true;
+                                            e(l, n, o, a);
                                         }
                                     }
                                 }
@@ -558,7 +558,7 @@
 		 * @public
 		 */
                         highlightAll: function(e, t) {
-                            s.highlightAllUnder(document, e, t);
+                            i.highlightAllUnder(document, e, t);
                         },
                         /**
 		 * Fetches all the descendants of `container` that have a `.language-xxxx` class and then calls
@@ -576,16 +576,16 @@
 		 * @public
 		 */
                         highlightAllUnder: function(e, t, n) {
-                            var a = {
+                            var r = {
                                 callback: n,
                                 container: e,
                                 selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
                             };
-                            s.hooks.run("before-highlightall", a);
-                            a.elements = Array.prototype.slice.apply(a.container.querySelectorAll(a.selector));
-                            s.hooks.run("before-all-elements-highlight", a);
-                            for (var r = 0, i; i = a.elements[r++]; ) {
-                                s.highlightElement(i, t === true, a.callback);
+                            i.hooks.run("before-highlightall", r);
+                            r.elements = Array.prototype.slice.apply(r.container.querySelectorAll(r.selector));
+                            i.hooks.run("before-all-elements-highlight", r);
+                            for (var a = 0, s; s = r.elements[a++]; ) {
+                                i.highlightElement(s, t === true, r.callback);
                             }
                         },
                         /**
@@ -616,50 +616,50 @@
 		 * @memberof Prism
 		 * @public
 		 */
-                        highlightElement: function(t, n, a) {
+                        highlightElement: function(t, n, r) {
                             // Find language
-                            var r = s.util.getLanguage(t);
-                            var i = s.languages[r];
+                            var a = i.util.getLanguage(t);
+                            var s = i.languages[a];
                             // Set language on the element, if not present
-                                                        s.util.setLanguage(t, r);
+                                                        i.util.setLanguage(t, a);
                             // Set language on the parent, for styling
                                                         var o = t.parentElement;
                             if (o && o.nodeName.toLowerCase() === "pre") {
-                                s.util.setLanguage(o, r);
+                                i.util.setLanguage(o, a);
                             }
                             var l = t.textContent;
                             var u = {
                                 element: t,
-                                language: r,
-                                grammar: i,
+                                language: a,
+                                grammar: s,
                                 code: l
                             };
                             function c(e) {
                                 u.highlightedCode = e;
-                                s.hooks.run("before-insert", u);
+                                i.hooks.run("before-insert", u);
                                 u.element.innerHTML = u.highlightedCode;
-                                s.hooks.run("after-highlight", u);
-                                s.hooks.run("complete", u);
-                                a && a.call(u.element);
+                                i.hooks.run("after-highlight", u);
+                                i.hooks.run("complete", u);
+                                r && r.call(u.element);
                             }
-                            s.hooks.run("before-sanity-check", u);
+                            i.hooks.run("before-sanity-check", u);
                             // plugins may change/add the parent/element
                                                         o = u.element.parentElement;
                             if (o && o.nodeName.toLowerCase() === "pre" && !o.hasAttribute("tabindex")) {
                                 o.setAttribute("tabindex", "0");
                             }
                             if (!u.code) {
-                                s.hooks.run("complete", u);
-                                a && a.call(u.element);
+                                i.hooks.run("complete", u);
+                                r && r.call(u.element);
                                 return;
                             }
-                            s.hooks.run("before-highlight", u);
+                            i.hooks.run("before-highlight", u);
                             if (!u.grammar) {
-                                c(s.util.encode(u.code));
+                                c(i.util.encode(u.code));
                                 return;
                             }
                             if (n && e.Worker) {
-                                var p = new Worker(s.filename);
+                                var p = new Worker(i.filename);
                                 p.onmessage = function(e) {
                                     c(e.data);
                                 };
@@ -669,7 +669,7 @@
                                     immediateClose: true
                                 }));
                             } else {
-                                c(s.highlight(u.code, u.grammar, u.language));
+                                c(i.highlight(u.code, u.grammar, u.language));
                             }
                         },
                         /**
@@ -693,18 +693,18 @@
 		 * Prism.highlight('var foo = true;', Prism.languages.javascript, 'javascript');
 		 */
                         highlight: function(e, t, n) {
-                            var a = {
+                            var r = {
                                 code: e,
                                 grammar: t,
                                 language: n
                             };
-                            s.hooks.run("before-tokenize", a);
-                            if (!a.grammar) {
-                                throw new Error('The language "' + a.language + '" has no grammar.');
+                            i.hooks.run("before-tokenize", r);
+                            if (!r.grammar) {
+                                throw new Error('The language "' + r.language + '" has no grammar.');
                             }
-                            a.tokens = s.tokenize(a.code, a.grammar);
-                            s.hooks.run("after-tokenize", a);
-                            return i.stringify(s.util.encode(a.tokens), a.language);
+                            r.tokens = i.tokenize(r.code, r.grammar);
+                            i.hooks.run("after-tokenize", r);
+                            return s.stringify(i.util.encode(r.tokens), r.language);
                         },
                         /**
 		 * This is the heart of Prism, and the most low-level function you can use. It accepts a string of text as input
@@ -733,15 +733,15 @@
                         tokenize: function(e, t) {
                             var n = t.rest;
                             if (n) {
-                                for (var a in n) {
-                                    t[a] = n[a];
+                                for (var r in n) {
+                                    t[r] = n[r];
                                 }
                                 delete t.rest;
                             }
-                            var r = new u;
-                            c(r, r.head, e);
-                            l(e, r, t, r.head, 0);
-                            return d(r);
+                            var a = new u;
+                            c(a, a.head, e);
+                            l(e, a, t, a.head, 0);
+                            return d(a);
                         },
                         /**
 		 * @namespace
@@ -763,7 +763,7 @@
 			 * @public
 			 */
                             add: function(e, t) {
-                                var n = s.hooks.all;
+                                var n = i.hooks.all;
                                 n[e] = n[e] || [];
                                 n[e].push(t);
                             },
@@ -777,18 +777,18 @@
 			 * @public
 			 */
                             run: function(e, t) {
-                                var n = s.hooks.all[e];
+                                var n = i.hooks.all[e];
                                 if (!n || !n.length) {
                                     return;
                                 }
-                                for (var a = 0, r; r = n[a++]; ) {
-                                    r(t);
+                                for (var r = 0, a; a = n[r++]; ) {
+                                    a(t);
                                 }
                             }
                         },
-                        Token: i
+                        Token: s
                     };
-                    e.Prism = s;
+                    e.Prism = i;
                     // Typescript note:
                     // The following can be used to import the Token type in JSDoc:
                     
@@ -803,7 +803,7 @@
 	 * @class
 	 * @global
 	 * @public
-	 */                    function i(e, t, n, a) {
+	 */                    function s(e, t, n, r) {
                         /**
 		 * The type of the token.
 		 *
@@ -830,7 +830,7 @@
 		 * @public
 		 */                        this.alias = n;
                         // Copy of the full string this token was created from
-                                                this.length = (a || "").length | 0;
+                                                this.length = (r || "").length | 0;
                     }
                     /**
 	 * A token stream is an array of strings and {@link Token Token} objects.
@@ -858,18 +858,18 @@
 	 * @returns {string} The HTML representation of the token or token stream.
 	 * @memberof Token
 	 * @static
-	 */                    i.stringify = function e(t, n) {
+	 */                    s.stringify = function e(t, n) {
                         if (typeof t == "string") {
                             return t;
                         }
                         if (Array.isArray(t)) {
-                            var a = "";
+                            var r = "";
                             t.forEach((function(t) {
-                                a += e(t, n);
+                                r += e(t, n);
                             }));
-                            return a;
+                            return r;
                         }
-                        var r = {
+                        var a = {
                             type: t.type,
                             content: e(t.content, n),
                             tag: "span",
@@ -877,20 +877,20 @@
                             attributes: {},
                             language: n
                         };
-                        var i = t.alias;
-                        if (i) {
-                            if (Array.isArray(i)) {
-                                Array.prototype.push.apply(r.classes, i);
+                        var s = t.alias;
+                        if (s) {
+                            if (Array.isArray(s)) {
+                                Array.prototype.push.apply(a.classes, s);
                             } else {
-                                r.classes.push(i);
+                                a.classes.push(s);
                             }
                         }
-                        s.hooks.run("wrap", r);
+                        i.hooks.run("wrap", a);
                         var o = "";
-                        for (var l in r.attributes) {
-                            o += " " + l + '="' + (r.attributes[l] || "").replace(/"/g, "&quot;") + '"';
+                        for (var l in a.attributes) {
+                            o += " " + l + '="' + (a.attributes[l] || "").replace(/"/g, "&quot;") + '"';
                         }
-                        return "<" + r.tag + ' class="' + r.classes.join(" ") + '"' + o + ">" + r.content + "</" + r.tag + ">";
+                        return "<" + a.tag + ' class="' + a.classes.join(" ") + '"' + o + ">" + a.content + "</" + a.tag + ">";
                     };
                     /**
 	 * @param {RegExp} pattern
@@ -898,16 +898,16 @@
 	 * @param {string} text
 	 * @param {boolean} lookbehind
 	 * @returns {RegExpExecArray | null}
-	 */                    function o(e, t, n, a) {
+	 */                    function o(e, t, n, r) {
                         e.lastIndex = t;
-                        var r = e.exec(n);
-                        if (r && a && r[1]) {
+                        var a = e.exec(n);
+                        if (a && r && a[1]) {
                             // change the match to remove the text matched by the Prism lookbehind group
-                            var s = r[1].length;
-                            r.index += s;
-                            r[0] = r[0].slice(s);
+                            var i = a[1].length;
+                            a.index += i;
+                            a[0] = a[0].slice(i);
                         }
-                        return r;
+                        return a;
                     }
                     /**
 	 * @param {string} text
@@ -922,7 +922,7 @@
 	 * @typedef RematchOptions
 	 * @property {string} cause
 	 * @property {number} reach
-	 */                    function l(e, t, n, a, r, u) {
+	 */                    function l(e, t, n, r, a, u) {
                         for (var d in n) {
                             if (!n.hasOwnProperty(d) || !n[d]) {
                                 continue;
@@ -933,19 +933,19 @@
                                 if (u && u.cause == d + "," + f) {
                                     return;
                                 }
-                                var E = g[f];
-                                var m = E.inside;
-                                var v = !!E.lookbehind;
-                                var h = !!E.greedy;
-                                var b = E.alias;
-                                if (h && !E.pattern.global) {
+                                var m = g[f];
+                                var h = m.inside;
+                                var v = !!m.lookbehind;
+                                var E = !!m.greedy;
+                                var b = m.alias;
+                                if (E && !m.pattern.global) {
                                     // Without the global flag, lastIndex won't work
-                                    var y = E.pattern.toString().match(/[imsuy]*$/)[0];
-                                    E.pattern = RegExp(E.pattern.source, y + "g");
+                                    var y = m.pattern.toString().match(/[imsuy]*$/)[0];
+                                    m.pattern = RegExp(m.pattern.source, y + "g");
                                 }
-                                /** @type {RegExp} */                                var S = E.pattern || E;
+                                /** @type {RegExp} */                                var S = m.pattern || m;
                                 for (// iterate the token list and keep track of the current token/string position
-                                var A = a.next, T = r; A !== t.tail; T += A.value.length, A = A.next) {
+                                var A = r.next, T = a; A !== t.tail; T += A.value.length, A = A.next) {
                                     if (u && T >= u.reach) {
                                         break;
                                     }
@@ -954,23 +954,23 @@
                                         // Something went terribly wrong, ABORT, ABORT!
                                         return;
                                     }
-                                    if (I instanceof i) {
+                                    if (I instanceof s) {
                                         continue;
                                     }
                                     var O = 1;
  // this is the to parameter of removeBetween
-                                                                        var R;
-                                    if (h) {
-                                        R = o(S, T, e, v);
-                                        if (!R || R.index >= e.length) {
+                                                                        var N;
+                                    if (E) {
+                                        N = o(S, T, e, v);
+                                        if (!N || N.index >= e.length) {
                                             break;
                                         }
-                                        var x = R.index;
-                                        var N = R.index + R[0].length;
+                                        var R = N.index;
+                                        var x = N.index + N[0].length;
                                         var k = T;
                                         // find the node that contains the match
                                                                                 k += A.value.length;
-                                        while (x >= k) {
+                                        while (R >= k) {
                                             A = A.next;
                                             k += A.value.length;
                                         }
@@ -978,29 +978,29 @@
                                                                                 k -= A.value.length;
                                         T = k;
                                         // the current node is a Token, then the match starts inside another Token, which is invalid
-                                                                                if (A.value instanceof i) {
+                                                                                if (A.value instanceof s) {
                                             continue;
                                         }
                                         // find the last node which is affected by this match
-                                                                                for (var F = A; F !== t.tail && (k < N || typeof F.value === "string"); F = F.next) {
+                                                                                for (var L = A; L !== t.tail && (k < x || typeof L.value === "string"); L = L.next) {
                                             O++;
-                                            k += F.value.length;
+                                            k += L.value.length;
                                         }
                                         O--;
                                         // replace with the new match
                                                                                 I = e.slice(T, k);
-                                        R.index -= T;
+                                        N.index -= T;
                                     } else {
-                                        R = o(S, 0, I, v);
-                                        if (!R) {
+                                        N = o(S, 0, I, v);
+                                        if (!N) {
                                             continue;
                                         }
                                     }
                                     // eslint-disable-next-line no-redeclare
-                                                                        var x = R.index;
-                                    var L = R[0];
-                                    var w = I.slice(0, x);
-                                    var C = I.slice(x + L.length);
+                                                                        var R = N.index;
+                                    var F = N[0];
+                                    var w = I.slice(0, R);
+                                    var C = I.slice(R + F.length);
                                     var D = T + I.length;
                                     if (u && D > u.reach) {
                                         u.reach = D;
@@ -1011,7 +1011,7 @@
                                         T += w.length;
                                     }
                                     p(t, P, O);
-                                    var _ = new i(d, m ? s.tokenize(L, m) : L, b, L);
+                                    var _ = new s(d, h ? i.tokenize(F, h) : F, b, F);
                                     A = c(t, P, _);
                                     if (C) {
                                         c(t, A, C);
@@ -1020,14 +1020,14 @@
                                         // at least one Token object was removed, so we have to do some rematching
                                         // this can only happen if the current pattern is greedy
                                         /** @type {RematchOptions} */
-                                        var U = {
+                                        var $ = {
                                             cause: d + "," + f,
                                             reach: D
                                         };
-                                        l(e, t, n, A.prev, T, U);
+                                        l(e, t, n, A.prev, T, $);
                                         // the reach might have been extended because of the rematching
-                                                                                if (u && U.reach > u.reach) {
-                                            u.reach = U.reach;
+                                                                                if (u && $.reach > u.reach) {
+                                            u.reach = $.reach;
                                         }
                                     }
                                 }
@@ -1072,16 +1072,16 @@
 	 * @template T
 	 */                    function c(e, t, n) {
                         // assumes that node != list.tail && values.length >= 0
-                        var a = t.next;
-                        var r = {
+                        var r = t.next;
+                        var a = {
                             value: n,
                             prev: t,
-                            next: a
+                            next: r
                         };
-                        t.next = r;
-                        a.prev = r;
+                        t.next = a;
+                        r.prev = a;
                         e.length++;
-                        return r;
+                        return a;
                     }
                     /**
 	 * Removes `count` nodes after the given node. The given node will not be removed.
@@ -1091,13 +1091,13 @@
 	 * @param {number} count
 	 * @template T
 	 */                    function p(e, t, n) {
-                        var a = t.next;
-                        for (var r = 0; r < n && a !== e.tail; r++) {
-                            a = a.next;
+                        var r = t.next;
+                        for (var a = 0; a < n && r !== e.tail; a++) {
+                            r = r.next;
                         }
-                        t.next = a;
-                        a.prev = t;
-                        e.length -= r;
+                        t.next = r;
+                        r.prev = t;
+                        e.length -= a;
                     }
                     /**
 	 * @param {LinkedList<T>} list
@@ -1115,45 +1115,45 @@
                     if (!e.document) {
                         if (!e.addEventListener) {
                             // in Node.js
-                            return s;
+                            return i;
                         }
-                        if (!s.disableWorkerMessageHandler) {
+                        if (!i.disableWorkerMessageHandler) {
                             // In worker
                             e.addEventListener("message", (function(t) {
                                 var n = JSON.parse(t.data);
-                                var a = n.language;
-                                var r = n.code;
-                                var i = n.immediateClose;
-                                e.postMessage(s.highlight(r, s.languages[a], a));
-                                if (i) {
+                                var r = n.language;
+                                var a = n.code;
+                                var s = n.immediateClose;
+                                e.postMessage(i.highlight(a, i.languages[r], r));
+                                if (s) {
                                     e.close();
                                 }
                             }), false);
                         }
-                        return s;
+                        return i;
                     }
                     // Get current script and highlight
-                                        var g = s.util.currentScript();
+                                        var g = i.util.currentScript();
                     if (g) {
-                        s.filename = g.src;
+                        i.filename = g.src;
                         if (g.hasAttribute("data-manual")) {
-                            s.manual = true;
+                            i.manual = true;
                         }
                     }
                     function f() {
-                        if (!s.manual) {
-                            s.highlightAll();
+                        if (!i.manual) {
+                            i.highlightAll();
                         }
                     }
-                    if (!s.manual) {
+                    if (!i.manual) {
                         // If the document state is "loading", then we'll use DOMContentLoaded.
                         // If the document state is "interactive" and the prism.js script is deferred, then we'll also use the
                         // DOMContentLoaded event because there might be some plugins or languages which have also been deferred and they
                         // might take longer one animation frame to execute which can create a race condition where only some plugins have
                         // been loaded when Prism.highlightAll() is executed, depending on how fast resources are loaded.
                         // See https://github.com/PrismJS/prism/issues/2102
-                        var E = document.readyState;
-                        if (E === "loading" || E === "interactive" && g && g.defer) {
+                        var m = document.readyState;
+                        if (m === "loading" || m === "interactive" && g && g.defer) {
                             document.addEventListener("DOMContentLoaded", f);
                         } else {
                             if (t.requestAnimationFrame) {
@@ -1163,14 +1163,14 @@
                             }
                         }
                     }
-                    return s;
-                }(a);
+                    return i;
+                }(r);
                 if (true && e.exports) {
-                    e.exports = r;
+                    e.exports = a;
                 }
                 // hack for components to work correctly in node.js
                                 if (typeof n !== "undefined") {
-                    n.Prism = r;
+                    n.Prism = a;
                 }
                 // some additional documentation/types
                 /**
@@ -1217,7 +1217,7 @@
  * @public
  */
                 // https://www.json.org/json-en.html
-                                r.languages.json = {
+                                a.languages.json = {
                     property: {
                         pattern: /(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,
                         lookbehind: true,
@@ -1241,8 +1241,8 @@
                         alias: "keyword"
                     }
                 };
-                r.languages.webmanifest = r.languages.json;
-                r.languages.markup = {
+                a.languages.webmanifest = a.languages.json;
+                a.languages.markup = {
                     comment: {
                         pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
                         greedy: true
@@ -1313,15 +1313,15 @@
                         alias: "named-entity"
                     }, /&#x?[\da-f]{1,8};/i ]
                 };
-                r.languages.markup["tag"].inside["attr-value"].inside["entity"] = r.languages.markup["entity"];
-                r.languages.markup["doctype"].inside["internal-subset"].inside = r.languages.markup;
+                a.languages.markup["tag"].inside["attr-value"].inside["entity"] = a.languages.markup["entity"];
+                a.languages.markup["doctype"].inside["internal-subset"].inside = a.languages.markup;
                 // Plugin to make entity title show the real entity, idea by Roman Komarov
-                                r.hooks.add("wrap", (function(e) {
+                                a.hooks.add("wrap", (function(e) {
                     if (e.type === "entity") {
                         e.attributes["title"] = e.content.replace(/&amp;/, "&");
                     }
                 }));
-                Object.defineProperty(r.languages.markup.tag, "addInlined", {
+                Object.defineProperty(a.languages.markup.tag, "addInlined", {
                     /**
 	 * Adds an inlined language to markup.
 	 *
@@ -1334,36 +1334,36 @@
 	 * addInlined('style', 'css');
 	 */
                     value: function e(t, n) {
-                        var a = {};
-                        a["language-" + n] = {
+                        var r = {};
+                        r["language-" + n] = {
                             pattern: /(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,
                             lookbehind: true,
-                            inside: r.languages[n]
+                            inside: a.languages[n]
                         };
-                        a["cdata"] = /^<!\[CDATA\[|\]\]>$/i;
-                        var s = {
+                        r["cdata"] = /^<!\[CDATA\[|\]\]>$/i;
+                        var i = {
                             "included-cdata": {
                                 pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
-                                inside: a
+                                inside: r
                             }
                         };
-                        s["language-" + n] = {
+                        i["language-" + n] = {
                             pattern: /[\s\S]+/,
-                            inside: r.languages[n]
+                            inside: a.languages[n]
                         };
-                        var i = {};
-                        i[t] = {
+                        var s = {};
+                        s[t] = {
                             pattern: RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g, (function() {
                                 return t;
                             })), "i"),
                             lookbehind: true,
                             greedy: true,
-                            inside: s
+                            inside: i
                         };
-                        r.languages.insertBefore("markup", "cdata", i);
+                        a.languages.insertBefore("markup", "cdata", s);
                     }
                 });
-                Object.defineProperty(r.languages.markup.tag, "addAttribute", {
+                Object.defineProperty(a.languages.markup.tag, "addAttribute", {
                     /**
 	 * Adds an pattern to highlight languages embedded in HTML attributes.
 	 *
@@ -1376,7 +1376,7 @@
 	 * addAttribute('style', 'css');
 	 */
                     value: function(e, t) {
-                        r.languages.markup.tag.inside["special-attr"].push({
+                        a.languages.markup.tag.inside["special-attr"].push({
                             pattern: RegExp(/(^|["'\s])/.source + "(?:" + e + ")" + /\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source, "i"),
                             lookbehind: true,
                             inside: {
@@ -1388,7 +1388,7 @@
                                             pattern: /(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,
                                             lookbehind: true,
                                             alias: [ t, "language-" + t ],
-                                            inside: r.languages[t]
+                                            inside: a.languages[t]
                                         },
                                         punctuation: [ {
                                             pattern: /^=/,
@@ -1400,14 +1400,14 @@
                         });
                     }
                 });
-                r.languages.html = r.languages.markup;
-                r.languages.mathml = r.languages.markup;
-                r.languages.svg = r.languages.markup;
-                r.languages.xml = r.languages.extend("markup", {});
-                r.languages.ssml = r.languages.xml;
-                r.languages.atom = r.languages.xml;
-                r.languages.rss = r.languages.xml;
-                r.languages.clike = {
+                a.languages.html = a.languages.markup;
+                a.languages.mathml = a.languages.markup;
+                a.languages.svg = a.languages.markup;
+                a.languages.xml = a.languages.extend("markup", {});
+                a.languages.ssml = a.languages.xml;
+                a.languages.atom = a.languages.xml;
+                a.languages.rss = a.languages.xml;
+                a.languages.clike = {
                     comment: [ {
                         pattern: /(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,
                         lookbehind: true,
@@ -1435,8 +1435,8 @@
                     operator: /[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,
                     punctuation: /[{}[\];(),.:]/
                 };
-                r.languages.javascript = r.languages.extend("clike", {
-                    "class-name": [ r.languages.clike["class-name"], {
+                a.languages.javascript = a.languages.extend("clike", {
+                    "class-name": [ a.languages.clike["class-name"], {
                         pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,
                         lookbehind: true
                     } ],
@@ -1467,8 +1467,8 @@
                     },
                     operator: /--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/
                 });
-                r.languages.javascript["class-name"][0].pattern = /(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/;
-                r.languages.insertBefore("javascript", "keyword", {
+                a.languages.javascript["class-name"][0].pattern = /(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/;
+                a.languages.insertBefore("javascript", "keyword", {
                     regex: {
                         pattern: RegExp(
                         // lookbehind
@@ -1490,7 +1490,7 @@
                                 pattern: /^(\/)[\s\S]+(?=\/[a-z]*$)/,
                                 lookbehind: true,
                                 alias: "language-regex",
-                                inside: r.languages.regex
+                                inside: a.languages.regex
                             },
                             "regex-delimiter": /^\/|\/$/,
                             "regex-flags": /^[a-z]+$/
@@ -1504,23 +1504,23 @@
                     parameter: [ {
                         pattern: /(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,
                         lookbehind: true,
-                        inside: r.languages.javascript
+                        inside: a.languages.javascript
                     }, {
                         pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,
                         lookbehind: true,
-                        inside: r.languages.javascript
+                        inside: a.languages.javascript
                     }, {
                         pattern: /(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,
                         lookbehind: true,
-                        inside: r.languages.javascript
+                        inside: a.languages.javascript
                     }, {
                         pattern: /((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,
                         lookbehind: true,
-                        inside: r.languages.javascript
+                        inside: a.languages.javascript
                     } ],
                     constant: /\b[A-Z](?:[A-Z_]|\dx?)*\b/
                 });
-                r.languages.insertBefore("javascript", "string", {
+                a.languages.insertBefore("javascript", "string", {
                     hashbang: {
                         pattern: /^#!.*/,
                         greedy: true,
@@ -1542,7 +1542,7 @@
                                         pattern: /^\$\{|\}$/,
                                         alias: "punctuation"
                                     },
-                                    rest: r.languages.javascript
+                                    rest: a.languages.javascript
                                 }
                             },
                             string: /[\s\S]+/
@@ -1555,55 +1555,55 @@
                         alias: "property"
                     }
                 });
-                r.languages.insertBefore("javascript", "operator", {
+                a.languages.insertBefore("javascript", "operator", {
                     "literal-property": {
                         pattern: /((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,
                         lookbehind: true,
                         alias: "property"
                     }
                 });
-                if (r.languages.markup) {
-                    r.languages.markup.tag.addInlined("script", "javascript");
+                if (a.languages.markup) {
+                    a.languages.markup.tag.addInlined("script", "javascript");
                     // add attribute support for all DOM events.
                     // https://developer.mozilla.org/en-US/docs/Web/Events#Standard_events
-                                        r.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source, "javascript");
+                                        a.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source, "javascript");
                 }
-                r.languages.js = r.languages.javascript;
+                a.languages.js = a.languages.javascript;
                 (function(e) {
                     var t = e.util.clone(e.languages.javascript);
                     var n = /(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source;
-                    var a = /(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source;
-                    var r = /(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;
+                    var r = /(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source;
+                    var a = /(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;
                     /**
 	 * @param {string} source
 	 * @param {string} [flags]
-	 */                    function s(e, t) {
+	 */                    function i(e, t) {
                         e = e.replace(/<S>/g, (function() {
                             return n;
                         })).replace(/<BRACES>/g, (function() {
-                            return a;
-                        })).replace(/<SPREAD>/g, (function() {
                             return r;
+                        })).replace(/<SPREAD>/g, (function() {
+                            return a;
                         }));
                         return RegExp(e, t);
                     }
-                    r = s(r).source;
+                    a = i(a).source;
                     e.languages.jsx = e.languages.extend("markup", t);
-                    e.languages.jsx.tag.pattern = s(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source);
+                    e.languages.jsx.tag.pattern = i(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source);
                     e.languages.jsx.tag.inside["tag"].pattern = /^<\/?[^\s>\/]*/;
                     e.languages.jsx.tag.inside["attr-value"].pattern = /=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/;
                     e.languages.jsx.tag.inside["tag"].inside["class-name"] = /^[A-Z]\w*(?:\.[A-Z]\w*)*$/;
                     e.languages.jsx.tag.inside["comment"] = t["comment"];
                     e.languages.insertBefore("inside", "attr-name", {
                         spread: {
-                            pattern: s(/<SPREAD>/.source),
+                            pattern: i(/<SPREAD>/.source),
                             inside: e.languages.jsx
                         }
                     }, e.languages.jsx.tag);
                     e.languages.insertBefore("inside", "special-attr", {
                         script: {
                             // Allow for two levels of nesting
-                            pattern: s(/=<BRACES>/.source),
+                            pattern: i(/=<BRACES>/.source),
                             alias: "language-javascript",
                             inside: {
                                 "script-punctuation": {
@@ -1615,7 +1615,7 @@
                         }
                     }, e.languages.jsx.tag);
                     // The following will handle plain text inside tags
-                                        var i = function(e) {
+                                        var s = function(e) {
                         if (!e) {
                             return "";
                         }
@@ -1625,63 +1625,63 @@
                         if (typeof e.content === "string") {
                             return e.content;
                         }
-                        return e.content.map(i).join("");
+                        return e.content.map(s).join("");
                     };
                     var o = function(t) {
                         var n = [];
-                        for (var a = 0; a < t.length; a++) {
-                            var r = t[a];
-                            var s = false;
-                            if (typeof r !== "string") {
-                                if (r.type === "tag" && r.content[0] && r.content[0].type === "tag") {
+                        for (var r = 0; r < t.length; r++) {
+                            var a = t[r];
+                            var i = false;
+                            if (typeof a !== "string") {
+                                if (a.type === "tag" && a.content[0] && a.content[0].type === "tag") {
                                     // We found a tag, now find its kind
-                                    if (r.content[0].content[0].content === "</") {
+                                    if (a.content[0].content[0].content === "</") {
                                         // Closing tag
-                                        if (n.length > 0 && n[n.length - 1].tagName === i(r.content[0].content[1])) {
+                                        if (n.length > 0 && n[n.length - 1].tagName === s(a.content[0].content[1])) {
                                             // Pop matching opening tag
                                             n.pop();
                                         }
                                     } else {
-                                        if (r.content[r.content.length - 1].content === "/>") {
+                                        if (a.content[a.content.length - 1].content === "/>") {
                                             // Autoclosed tag, ignore
                                         } else {
                                             // Opening tag
                                             n.push({
-                                                tagName: i(r.content[0].content[1]),
+                                                tagName: s(a.content[0].content[1]),
                                                 openedBraces: 0
                                             });
                                         }
                                     }
-                                } else if (n.length > 0 && r.type === "punctuation" && r.content === "{") {
+                                } else if (n.length > 0 && a.type === "punctuation" && a.content === "{") {
                                     // Here we might have entered a JSX context inside a tag
                                     n[n.length - 1].openedBraces++;
-                                } else if (n.length > 0 && n[n.length - 1].openedBraces > 0 && r.type === "punctuation" && r.content === "}") {
+                                } else if (n.length > 0 && n[n.length - 1].openedBraces > 0 && a.type === "punctuation" && a.content === "}") {
                                     // Here we might have left a JSX context inside a tag
                                     n[n.length - 1].openedBraces--;
                                 } else {
-                                    s = true;
+                                    i = true;
                                 }
                             }
-                            if (s || typeof r === "string") {
+                            if (i || typeof a === "string") {
                                 if (n.length > 0 && n[n.length - 1].openedBraces === 0) {
                                     // Here we are inside a tag, and not inside a JSX context.
                                     // That's plain text: drop any tokens matched.
-                                    var l = i(r);
+                                    var l = s(a);
                                     // And merge text with adjacent text
-                                                                        if (a < t.length - 1 && (typeof t[a + 1] === "string" || t[a + 1].type === "plain-text")) {
-                                        l += i(t[a + 1]);
-                                        t.splice(a + 1, 1);
+                                                                        if (r < t.length - 1 && (typeof t[r + 1] === "string" || t[r + 1].type === "plain-text")) {
+                                        l += s(t[r + 1]);
+                                        t.splice(r + 1, 1);
                                     }
-                                    if (a > 0 && (typeof t[a - 1] === "string" || t[a - 1].type === "plain-text")) {
-                                        l = i(t[a - 1]) + l;
-                                        t.splice(a - 1, 1);
-                                        a--;
+                                    if (r > 0 && (typeof t[r - 1] === "string" || t[r - 1].type === "plain-text")) {
+                                        l = s(t[r - 1]) + l;
+                                        t.splice(r - 1, 1);
+                                        r--;
                                     }
-                                    t[a] = new e.Token("plain-text", l, null, l);
+                                    t[r] = new e.Token("plain-text", l, null, l);
                                 }
                             }
-                            if (r.content && typeof r.content !== "string") {
-                                o(r.content);
+                            if (a.content && typeof a.content !== "string") {
+                                o(a.content);
                             }
                         }
                     };
@@ -1691,7 +1691,7 @@
                         }
                         o(e.tokens);
                     }));
-                })(r);
+                })(a);
                 (function(e) {
                     e.languages.typescript = e.languages.extend("javascript", {
                         "class-name": {
@@ -1742,7 +1742,7 @@
                         }
                     });
                     e.languages.ts = e.languages.typescript;
-                })(r);
+                })(a);
                 (function(e) {
                     var t = e.util.clone(e.languages.typescript);
                     e.languages.tsx = e.languages.extend("jsx", t);
@@ -1755,7 +1755,7 @@
                                         var n = e.languages.tsx.tag;
                     n.pattern = RegExp(/(^|[^\w$]|(?=<\/))/.source + "(?:" + n.pattern.source + ")", n.pattern.flags);
                     n.lookbehind = true;
-                })(r);
+                })(a);
                 (function(e) {
                     var t = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
                     e.languages.css = {
@@ -1813,7 +1813,7 @@
                         n.tag.addInlined("style", "css");
                         n.tag.addAttribute("style", "css");
                     }
-                })(r);
+                })(a);
                 (function(e) {
                     // $ set | grep '^[A-Z][^[:space:]]*=' | cut -d= -f1 | tr '\n' '|'
                     // + LC_ALL, RANDOM, REPLY, SECONDS.
@@ -1827,7 +1827,7 @@
                         // this looks reasonably well in all themes
                         inside: null
                     };
-                    var a = {
+                    var r = {
                         bash: n,
                         environment: {
                             pattern: RegExp("\\$" + t),
@@ -1932,7 +1932,7 @@
                             pattern: /((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,
                             lookbehind: true,
                             greedy: true,
-                            inside: a
+                            inside: r
                         }, 
                         // Here-document with quotes around the tag
                         // → No expansion (so no “inside”).
@@ -1950,7 +1950,7 @@
                             pattern: /(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,
                             lookbehind: true,
                             greedy: true,
-                            inside: a
+                            inside: r
                         }, {
                             // https://www.gnu.org/software/bash/manual/html_node/Single-Quotes.html
                             pattern: /(^|[^$\\])'[^']*'/,
@@ -1961,14 +1961,14 @@
                             pattern: /\$'(?:[^'\\]|\\[\s\S])*'/,
                             greedy: true,
                             inside: {
-                                entity: a.entity
+                                entity: r.entity
                             }
                         } ],
                         environment: {
                             pattern: RegExp("\\$?" + t),
                             alias: "constant"
                         },
-                        variable: a.variable,
+                        variable: r.variable,
                         function: {
                             pattern: /(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,
                             lookbehind: true
@@ -2009,14 +2009,14 @@
                         }
                     };
                     n.inside = e.languages.bash;
-                    /* Patterns in command substitution. */                    var r = [ "comment", "function-name", "for-or-select", "assign-left", "parameter", "string", "environment", "function", "keyword", "builtin", "boolean", "file-descriptor", "operator", "punctuation", "number" ];
-                    var s = a.variable[1].inside;
-                    for (var i = 0; i < r.length; i++) {
-                        s[r[i]] = e.languages.bash[r[i]];
+                    /* Patterns in command substitution. */                    var a = [ "comment", "function-name", "for-or-select", "assign-left", "parameter", "string", "environment", "function", "keyword", "builtin", "boolean", "file-descriptor", "operator", "punctuation", "number" ];
+                    var i = r.variable[1].inside;
+                    for (var s = 0; s < a.length; s++) {
+                        i[a[s]] = e.languages.bash[a[s]];
                     }
                     e.languages.sh = e.languages.bash;
                     e.languages.shell = e.languages.bash;
-                })(r);
+                })(a);
                 (function(e) {
                     // https://yaml.org/spec/1.2/spec.html#c-ns-anchor-property
                     // https://yaml.org/spec/1.2/spec.html#c-ns-alias-node
@@ -2024,24 +2024,24 @@
                     // https://yaml.org/spec/1.2/spec.html#c-ns-tag-property
                                         var n = /!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/;
                     // https://yaml.org/spec/1.2/spec.html#c-ns-properties(n,c)
-                                        var a = "(?:" + n.source + "(?:[ \t]+" + t.source + ")?|" + t.source + "(?:[ \t]+" + n.source + ")?)";
+                                        var r = "(?:" + n.source + "(?:[ \t]+" + t.source + ")?|" + t.source + "(?:[ \t]+" + n.source + ")?)";
                     // https://yaml.org/spec/1.2/spec.html#ns-plain(n,c)
                     // This is a simplified version that doesn't support "#" and multiline keys
                     // All these long scarry character classes are simplified versions of YAML's characters
-                                        var r = /(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g, (function() {
+                                        var a = /(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g, (function() {
                         return /[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source;
                     }));
-                    var s = /"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;
+                    var i = /"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;
                     /**
 	 *
 	 * @param {string} value
 	 * @param {string} [flags]
 	 * @returns {RegExp}
-	 */                    function i(e, t) {
+	 */                    function s(e, t) {
                         t = (t || "").replace(/m/g, "") + "m";
  // add m flag
                                                 var n = /([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g, (function() {
-                            return a;
+                            return r;
                         })).replace(/<<value>>/g, (function() {
                             return e;
                         }));
@@ -2050,7 +2050,7 @@
                     e.languages.yaml = {
                         scalar: {
                             pattern: RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g, (function() {
-                                return a;
+                                return r;
                             }))),
                             lookbehind: true,
                             alias: "string"
@@ -2058,9 +2058,9 @@
                         comment: /#.*/,
                         key: {
                             pattern: RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g, (function() {
-                                return a;
+                                return r;
                             })).replace(/<<key>>/g, (function() {
-                                return "(?:" + r + "|" + s + ")";
+                                return "(?:" + a + "|" + i + ")";
                             }))),
                             lookbehind: true,
                             greedy: true,
@@ -2072,27 +2072,27 @@
                             alias: "important"
                         },
                         datetime: {
-                            pattern: i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),
+                            pattern: s(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),
                             lookbehind: true,
                             alias: "number"
                         },
                         boolean: {
-                            pattern: i(/false|true/.source, "i"),
+                            pattern: s(/false|true/.source, "i"),
                             lookbehind: true,
                             alias: "important"
                         },
                         null: {
-                            pattern: i(/null|~/.source, "i"),
+                            pattern: s(/null|~/.source, "i"),
                             lookbehind: true,
                             alias: "important"
                         },
                         string: {
-                            pattern: i(s),
+                            pattern: s(i),
                             lookbehind: true,
                             greedy: true
                         },
                         number: {
-                            pattern: i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source, "i"),
+                            pattern: s(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source, "i"),
                             lookbehind: true
                         },
                         tag: n,
@@ -2100,8 +2100,8 @@
                         punctuation: /---|[:[\]{}\-,|>?]|\.\.\./
                     };
                     e.languages.yml = e.languages.yaml;
-                })(r);
-                r.languages["splunk-spl"] = {
+                })(a);
+                a.languages["splunk-spl"] = {
                     comment: /`comment\("(?:\\.|[^\\"])*"\)`/,
                     string: {
                         pattern: /"(?:\\.|[^\\"])*"/,
@@ -2125,7 +2125,7 @@
                     operator: /[<>=]=?|[-+*/%|]/,
                     punctuation: /[()[\],]/
                 };
-                r.languages.sql = {
+                a.languages.sql = {
                     comment: {
                         pattern: /(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,
                         lookbehind: true
@@ -2169,24 +2169,24 @@
     /******/    var t = {};
     /******/
     /******/ // The require function
-    /******/    function n(a) {
+    /******/    function n(r) {
         /******/ // Check if module is in cache
-        /******/ var r = t[a];
-        /******/        if (r !== undefined) {
-            /******/ return r.exports;
+        /******/ var a = t[r];
+        /******/        if (a !== undefined) {
+            /******/ return a.exports;
             /******/        }
         /******/ // Create a new module (and put it into the cache)
-        /******/        var s = t[a] = {
+        /******/        var i = t[r] = {
             /******/ // no module.id needed
             /******/ // no module.loaded needed
             /******/ exports: {}
             /******/        };
         /******/
         /******/ // Execute the module function
-        /******/        e[a](s, s.exports, n);
+        /******/        e[r](i, i.exports, n);
         /******/
         /******/ // Return the exports of the module
-        /******/        return s.exports;
+        /******/        return i.exports;
         /******/    }
     /******/
     /************************************************************************/
@@ -2209,11 +2209,11 @@
     /******/    (() => {
         /******/ // define getter functions for harmony exports
         /******/ n.d = (e, t) => {
-            /******/ for (var a in t) {
-                /******/ if (n.o(t, a) && !n.o(e, a)) {
-                    /******/ Object.defineProperty(e, a, {
+            /******/ for (var r in t) {
+                /******/ if (n.o(t, r) && !n.o(e, r)) {
+                    /******/ Object.defineProperty(e, r, {
                         enumerable: true,
-                        get: t[a]
+                        get: t[r]
                     });
                     /******/                }
                 /******/            }
@@ -2241,100 +2241,99 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var a = {};
+    /************************************************************************/    var r = {};
     // This entry need to be wrapped in an IIFE because it need to be in strict mode.
         (() => {
         "use strict";
         // ESM COMPAT FLAG
-                n.r(a);
+                n.r(r);
         // EXPORTS
-                n.d(a, {
-            default: () => /* reexport */ j
+                n.d(r, {
+            default: () => /* reexport */ re
         });
         // EXTERNAL MODULE: external "react"
                 var e = n(9497);
         var t =  n.n(e);
-        // CONCATENATED MODULE: external "prop-types"
-        const r = require("prop-types");
-        var s =  n.n(r);
         // CONCATENATED MODULE: external "lodash/castArray"
-        const i = require("lodash/castArray");
-        var o =  n.n(i);
+        const a = require("lodash/castArray");
+        var i =  n.n(a);
         // CONCATENATED MODULE: external "lodash/flatten"
-        const l = require("lodash/flatten");
-        var u =  n.n(l);
+        const s = require("lodash/flatten");
+        var o =  n.n(s);
         // CONCATENATED MODULE: external "lodash/indexOf"
-        const c = require("lodash/indexOf");
-        var p =  n.n(c);
+        const l = require("lodash/indexOf");
+        var u =  n.n(l);
         // CONCATENATED MODULE: external "lodash/repeat"
-        const d = require("lodash/repeat");
-        var g =  n.n(d);
+        const c = require("lodash/repeat");
+        var p =  n.n(c);
         // CONCATENATED MODULE: external "lodash/times"
-        const f = require("lodash/times");
-        var E =  n.n(f);
-        // EXTERNAL MODULE: ./src/Code/prism/prism.empty
-                var m = n(74);
-        var v =  n.n(m);
+        const d = require("lodash/times");
+        var g =  n.n(d);
+        // CONCATENATED MODULE: external "prop-types"
+        const f = require("prop-types");
+        var m =  n.n(f);
         // CONCATENATED MODULE: external "styled-components"
         const h = require("styled-components");
-        var b =  n.n(h);
+        var v =  n.n(h);
         // CONCATENATED MODULE: external "@splunk/themes"
-        const y = require("@splunk/themes");
+        const E = require("@splunk/themes");
         // CONCATENATED MODULE: ./src/Code/CodeStyles.ts
-        var S = b().pre.withConfig({
-            displayName: "CodeStyles__Styled",
+        var b = "1.429em";
+        var y = v().pre.withConfig({
+            displayName: "CodeStyles__StyledPre",
             componentId: "sc-1eq4k68-0"
-        })([ "", ";", ";text-align:left;tab-size:4;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;hyphens:none;overflow-x:auto;&:focus-visible{box-shadow:", ";}" ], y.mixins.reset("block"), y.mixins.typography("monoBody", {
-            lineHeight: "spacious"
-        }), y.variables.focusShadow);
-        var A = b().code.withConfig({
+        })([ "", ";", ";line-height:", ";position:relative;gap:", ";text-align:left;tab-size:4;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;hyphens:none;overflow-x:auto;&:focus-visible{box-shadow:", ";}", "" ], E.mixins.reset("grid"), E.mixins.typography("monoBody"), b, E.variables.spacingMedium, E.variables.focusShadow, (function(e) {
+            var t = e.$showLineNumbers, n = e.$counterReset;
+            return t && (0, h.css)([ "grid-template-columns:min-content auto;counter-reset:linenumber ", ";" ], n);
+        }));
+        var S = v().code.withConfig({
             displayName: "CodeStyles__StyledCode",
             componentId: "sc-1eq4k68-1"
-        })([ "font-family:", ";", ";" ], y.variables.monoFontFamily, (function(e) {
+        })([ "font-family:", ";position:relative;z-index:1;", ";" ], E.variables.monoFontFamily, (function(e) {
             var t = e.$isPlaintext;
-            return !t && (0, h.css)([ "color:", ";" ], y.variables.syntaxTeal);
+            return !t && (0, h.css)([ "color:", ";" ], E.variables.syntaxTeal);
         }));
-        var T = b().span.withConfig({
+        var A = v().span.withConfig({
             displayName: "CodeStyles__StyledIndent",
             componentId: "sc-1eq4k68-2"
-        })([ "&:not(:last-child){background-image:linear-gradient( to left,", " 1px,transparent 1px,transparent );}" ], y.variables.syntaxGray);
-        var I = {
-            comment: y.variables.syntaxGray,
-            prolog: y.variables.syntaxGray,
-            doctype: y.variables.syntaxGray,
-            cdata: y.variables.syntaxGray,
-            punctuation: y.variables.syntaxGray,
-            property: y.variables.syntaxPurple,
-            tag: y.variables.syntaxPurple,
-            boolean: y.variables.syntaxPurple,
-            number: y.variables.syntaxPurple,
-            constant: y.variables.syntaxPurple,
-            symbol: y.variables.syntaxPurple,
-            deleted: y.variables.syntaxPurple,
-            key: y.variables.syntaxPurple,
-            selector: y.variables.syntaxGreen,
-            "attr-name": y.variables.syntaxGreen,
-            string: y.variables.syntaxGreen,
-            char: y.variables.syntaxGreen,
-            builtin: y.variables.syntaxGreen,
-            inserted: y.variables.syntaxGreen,
-            operator: y.variables.syntaxBrown,
-            entity: y.variables.syntaxBrown,
-            url: y.variables.syntaxBrown,
-            atrule: y.variables.syntaxBlue,
-            "attr-value": y.variables.syntaxBlue,
-            keyword: y.variables.syntaxBlue,
-            function: y.variables.syntaxRed,
-            regex: y.variables.syntaxOrange,
-            important: y.variables.syntaxOrange,
-            variable: y.variables.syntaxOrange
+        })([ "&:not(:last-child){background-image:linear-gradient( to left,", " 1px,transparent 1px,transparent );}" ], E.variables.syntaxGray);
+        var T = {
+            comment: E.variables.syntaxGray,
+            prolog: E.variables.syntaxGray,
+            doctype: E.variables.syntaxGray,
+            cdata: E.variables.syntaxGray,
+            punctuation: E.variables.syntaxGray,
+            property: E.variables.syntaxPurple,
+            tag: E.variables.syntaxPurple,
+            boolean: E.variables.syntaxPurple,
+            number: E.variables.syntaxPurple,
+            constant: E.variables.syntaxPurple,
+            symbol: E.variables.syntaxPurple,
+            deleted: E.variables.syntaxPurple,
+            key: E.variables.syntaxPurple,
+            selector: E.variables.syntaxGreen,
+            "attr-name": E.variables.syntaxGreen,
+            string: E.variables.syntaxGreen,
+            char: E.variables.syntaxGreen,
+            builtin: E.variables.syntaxGreen,
+            inserted: E.variables.syntaxGreen,
+            operator: E.variables.syntaxBrown,
+            entity: E.variables.syntaxBrown,
+            url: E.variables.syntaxBrown,
+            atrule: E.variables.syntaxBlue,
+            "attr-value": E.variables.syntaxBlue,
+            keyword: E.variables.syntaxBlue,
+            function: E.variables.syntaxRed,
+            regex: E.variables.syntaxOrange,
+            important: E.variables.syntaxOrange,
+            variable: E.variables.syntaxOrange
         };
-        var O = b().span.withConfig({
+        var I = v().span.withConfig({
             displayName: "CodeStyles__StyledToken",
             componentId: "sc-1eq4k68-3"
         })([ "color:", ";cursor:", ";opacity:", ";font-style:", ";font-weight:", ";" ], (function(e) {
             var t = e.partType;
-            return I[t];
+            return T[t];
         }), (function(e) {
             var t = e.partType;
             return t === "entity" ? "help" : null;
@@ -2346,8 +2345,136 @@
             return t === "italic" ? "italic" : null;
         }), (function(e) {
             var t = e.partType;
-            return t === "important" || t === "bold" ? y.variables.fontWeightBold : null;
+            return t === "important" || t === "bold" ? E.variables.fontWeightBold : null;
+        }));
+        // CONCATENATED MODULE: ./src/Code/LineHighlightsStyles.ts
+        var O = v().div.withConfig({
+            displayName: "LineHighlightsStyles__StyledLineHighlight",
+            componentId: "sc-1x2b02z-0"
+        })([ "position:absolute;left:0;height:1lh;background:", ";border-left:2px solid ", ";pointer-events:none;line-height:inherit;top:", ";width:", "px;" ], E.variables.notificationColorInfoWeak, E.variables.notificationColorInfo, (function(e) {
+            var t = e.$lineNum;
+            return "calc(".concat(t - 1, "  * ").concat(b, ")");
+        }), (function(e) {
+            var t = e.$width;
+            return t;
         }));
+        // CONCATENATED MODULE: ./src/Code/LineHighlights.tsx
+        function N(e, t) {
+            return F(e) || L(e, t) || x(e, t) || R();
+        }
+        function R() {
+            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 x(e, t) {
+            if (e) {
+                if ("string" == typeof e) return k(e, t);
+                var n = {}.toString.call(e).slice(8, -1);
+                return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? k(e, t) : void 0;
+            }
+        }
+        function k(e, t) {
+            (null == t || t > e.length) && (t = e.length);
+            for (var n = 0, r = Array(t); n < t; n++) {
+                r[n] = e[n];
+            }
+            return r;
+        }
+        function L(e, t) {
+            var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+            if (null != n) {
+                var r, a, i, s, o = [], l = !0, u = !1;
+                try {
+                    if (i = (n = n.call(e)).next, 0 === t) {
+                        if (Object(n) !== n) return;
+                        l = !1;
+                    } else for (;!(l = (r = i.call(n)).done) && (o.push(r.value), o.length !== t); l = !0) {
+                    }
+                } catch (e) {
+                    u = !0, a = e;
+                } finally {
+                    try {
+                        if (!l && null != n["return"] && (s = n["return"](), Object(s) !== s)) return;
+                    } finally {
+                        if (u) throw a;
+                    }
+                }
+                return o;
+            }
+        }
+        function F(e) {
+            if (Array.isArray(e)) return e;
+        }
+        // parseHighlightLines will turn a string like "2,4-5" into an array of ranges like [[2, 2], [4, 5]]
+                var w = function e(t) {
+            return t.replace(/\s+/g, "").split(",").filter(Boolean).map((function(e) {
+                var t = e.split("-").map(Number), n = N(t, 2), r = n[0], a = n[1];
+                return [ r, a || r ];
+            }));
+        };
+        // Flatten the array of ranges into a single array of line numbers
+        // example: [[2, 2], [4, 5]] will become [2, 4, 5]
+                var C = function e(t) {
+            var n = t.map((function(e) {
+                var t = N(e, 2), n = t[0], r = t[1];
+                return Array.from({
+                    length: r - n + 1
+                }, (function(e, t) {
+                    return n + t;
+                }));
+            })).reduce((function(e, t) {
+                return e.concat(t);
+            }), []);
+            return Array.from(new Set(n));
+ // Remove duplicates
+                };
+        var D = function e(n) {
+            var r = n.highlight, a = n.width;
+            var i = w(r);
+            var s = C(i);
+            
+            return t().createElement(t().Fragment, null, s.map((function(e) {
+                
+                return t().createElement(O, {
+                    key: e,
+                    className: "line-highlight",
+                    "aria-hidden": "true",
+                    $lineNum: e,
+                    $width: a
+                });
+            })));
+        };
+        /* harmony default export */        const P = D;
+        // CONCATENATED MODULE: ./src/Code/LineNumbersStyles.ts
+        var _ = v().span.withConfig({
+            displayName: "LineNumbersStyles__StyledLineNumberRows",
+            componentId: "sc-1h4k3dh-0"
+        })([ "pointer-events:none;user-select:none;border-right:1px solid ", ";z-index:1;& > span{display:block;counter-increment:linenumber;&::before{display:block;content:counter(linenumber);color:", ";padding-inline-end:", ";text-align:right;}}" ], E.variables.borderColor, E.variables.syntaxGray, E.variables.spacingSmall);
+        // CONCATENATED MODULE: ./src/Code/LineNumbers.tsx
+        function $(e) {
+            var n = e.value, r = n === void 0 ? "" : n;
+            // Use a regex to see how many lines there are in the value, then output an
+            // empty span for each line.  The numbers themselves are handled by the CSS counter.
+                        var a = r.match(/\n(?!$)/g);
+            var i = a ? a.length + 1 : 1;
+            var s = Array.from({
+                length: i
+            }, (function(e, n) {
+                
+                return t().createElement("span", {
+                    key: n
+                });
+            }));
+            
+            return t().createElement(_, {
+                "aria-hidden": true
+            }, s);
+        }
+        /* harmony default export */        const U = $;
+        // EXTERNAL MODULE: ./src/useResizeObserver/index.ts + 1 modules
+                var M = n(6283);
+        // EXTERNAL MODULE: ./src/Code/prism/prism.empty
+                var B = n(74);
+        var G =  n.n(B);
         // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
         /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -2355,7 +2482,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-        function R(e, t) {
+        function j(e, t) {
             if (e) {
                 if (typeof e === "function") {
                     e(t);
@@ -2367,83 +2494,81 @@
                                 }
             }
         }
-        // EXTERNAL MODULE: ./src/useResizeObserver/index.ts + 1 modules
-                var x = n(6283);
         // CONCATENATED MODULE: ./src/Code/Code.tsx
-        function N() {
-            return N = Object.assign ? Object.assign.bind() : function(e) {
+        function H() {
+            return H = Object.assign ? Object.assign.bind() : function(e) {
                 for (var t = 1; t < arguments.length; t++) {
                     var n = arguments[t];
-                    for (var a in n) {
-                        ({}).hasOwnProperty.call(n, a) && (e[a] = n[a]);
+                    for (var r in n) {
+                        ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
                     }
                 }
                 return e;
-            }, N.apply(null, arguments);
+            }, H.apply(null, arguments);
         }
-        function k(e, t) {
-            return D(e) || C(e, t) || L(e, t) || F();
+        function z(e, t) {
+            return K(e) || q(e, t) || X(e, t) || Y();
         }
-        function F() {
+        function Y() {
             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(e, t) {
+        function X(e, t) {
             if (e) {
-                if ("string" == typeof e) return w(e, t);
+                if ("string" == typeof e) return W(e, t);
                 var n = {}.toString.call(e).slice(8, -1);
-                return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? w(e, t) : void 0;
+                return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? W(e, t) : void 0;
             }
         }
-        function w(e, t) {
+        function W(e, t) {
             (null == t || t > e.length) && (t = e.length);
-            for (var n = 0, a = Array(t); n < t; n++) {
-                a[n] = e[n];
+            for (var n = 0, r = Array(t); n < t; n++) {
+                r[n] = e[n];
             }
-            return a;
+            return r;
         }
-        function C(e, t) {
+        function q(e, t) {
             var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
             if (null != n) {
-                var a, r, s, i, o = [], l = !0, u = !1;
+                var r, a, i, s, o = [], l = !0, u = !1;
                 try {
-                    if (s = (n = n.call(e)).next, 0 === t) {
+                    if (i = (n = n.call(e)).next, 0 === t) {
                         if (Object(n) !== n) return;
                         l = !1;
-                    } else for (;!(l = (a = s.call(n)).done) && (o.push(a.value), o.length !== t); l = !0) {
+                    } else for (;!(l = (r = i.call(n)).done) && (o.push(r.value), o.length !== t); l = !0) {
                     }
                 } catch (e) {
-                    u = !0, r = e;
+                    u = !0, a = e;
                 } finally {
                     try {
-                        if (!l && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
+                        if (!l && null != n["return"] && (s = n["return"](), Object(s) !== s)) return;
                     } finally {
-                        if (u) throw r;
+                        if (u) throw a;
                     }
                 }
                 return o;
             }
         }
-        function D(e) {
+        function K(e) {
             if (Array.isArray(e)) return e;
         }
-        function P(e, t) {
+        function V(e, t) {
             if (null == e) return {};
-            var n, a, r = _(e, t);
+            var n, r, a = Z(e, t);
             if (Object.getOwnPropertySymbols) {
-                var s = Object.getOwnPropertySymbols(e);
-                for (a = 0; a < s.length; a++) {
-                    n = s[a], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (r[n] = e[n]);
+                var i = Object.getOwnPropertySymbols(e);
+                for (r = 0; r < i.length; r++) {
+                    n = i[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
                 }
             }
-            return r;
+            return a;
         }
-        function _(e, t) {
+        function Z(e, t) {
             if (null == e) return {};
             var n = {};
-            for (var a in e) {
-                if ({}.hasOwnProperty.call(e, a)) {
-                    if (t.includes(a)) continue;
-                    n[a] = e[a];
+            for (var r in e) {
+                if ({}.hasOwnProperty.call(e, r)) {
+                    if (t.includes(r)) continue;
+                    n[r] = e[r];
                 }
             }
             return n;
@@ -2452,113 +2577,123 @@
         // auto formatting. The import below points to an empty file which is replaced at build
         // time, see ./prism/build-isolated-prism.js for details.
         // typed as 'prismjs'
-                var U = [ "bash", "clike", "css", "html", "json", "javascript", "js", "jsx", "typescript", "ts", "tsx", "markup", "mathml", "plain", "plaintext", "splunk-spl", "sql", "svg", "text", "txt", "xml", "yaml", "yml" ];
-        function M(e) {
+                var Q = [ "bash", "clike", "css", "html", "json", "javascript", "js", "jsx", "typescript", "ts", "tsx", "markup", "mathml", "plain", "plaintext", "splunk-spl", "sql", "svg", "text", "txt", "xml", "yaml", "yml" ];
+        function J(e) {
             return [ "plain", "plaintext", "text", "txt" ].includes(e);
         }
-        function $(e, t) {
-            if (M(t)) {
-                return v().tokenize(e, {});
+        function ee(e, t) {
+            if (J(t)) {
+                return G().tokenize(e, {});
             }
-            return v().tokenize(e, v().languages[t]);
+            return G().tokenize(e, G().languages[t]);
         }
-        var B = {
-            elementRef: s().oneOfType([ s().func, s().object ]),
-            indentChars: s().number,
-            language: s().oneOf(U),
-            languageFallback: s().oneOf(U),
-            showIndentGuide: s().bool,
-            value: s().string
+        var te = {
+            elementRef: m().oneOfType([ m().func, m().object ]),
+            indentChars: m().number,
+            language: m().oneOf(Q),
+            languageFallback: m().oneOf(Q),
+            lineHighlights: m().string,
+            lineNumberStart: m().number,
+            showIndentGuide: m().bool,
+            showLineNumbers: m().bool,
+            value: m().string
         };
-        function G(n) {
-            var a = n.elementRef, r = n.indentChars, s = r === void 0 ? 4 : r, i = n.language, l = n.languageFallback, c = l === void 0 ? "javascript" : l, d = n.showIndentGuide, f = d === void 0 ? true : d, m = n.value, v = m === void 0 ? "" : m, h = P(n, [ "elementRef", "indentChars", "language", "languageFallback", "showIndentGuide", "value" ]);
+        function ne(n) {
+            var r = n.elementRef, a = n.indentChars, s = a === void 0 ? 4 : a, l = n.language, c = n.languageFallback, d = c === void 0 ? "javascript" : c, f = n.lineHighlights, m = n.lineNumberStart, h = n.showIndentGuide, v = h === void 0 ? true : h, E = n.showLineNumbers, b = n.value, T = b === void 0 ? "" : b, O = V(n, [ "elementRef", "indentChars", "language", "languageFallback", "lineHighlights", "lineNumberStart", "showIndentGuide", "showLineNumbers", "value" ]);
             // @docs-props-type CodePropsBase
-                        var b = (0, e.useRef)(null);
-            var y = (0, e.useState)(undefined), I = k(y, 2), F = I[0], L = I[1];
-            var w = (0, x["default"])(b), C = w.width, D = w.height;
-            var _ = (0, e.useCallback)((function(e) {
-                R(b, e);
-                R(a, e);
-            }), [ a ]);
+                        var N = (0, e.useRef)(null);
+            var R = (0, e.useState)(undefined), x = z(R, 2), k = x[0], L = x[1];
+            var F = (0, M["default"])(N), w = F.width, C = F.height;
+            var D = (0, e.useCallback)((function(e) {
+                j(N, e);
+                j(r, e);
+            }), [ r ]);
             (0, e.useEffect)((function() {
-                var e = b.current;
+                var e = N.current;
                 if (e) {
-                    var t = e.scrollHeight > Math.round(D);
-                    var n = e.scrollWidth > Math.round(C);
-                    var a = t || n;
-                    L(a ? 0 : undefined);
+                    var t = e.scrollHeight > Math.round(C);
+                    var n = e.scrollWidth > Math.round(w);
+                    var r = t || n;
+                    L(r ? 0 : undefined);
                 }
-            }), [ b, C, D ]);
-            var B = g()(" ", s);
-            var G = function e(n) {
-                var a = Math.floor(n / s);
-                var r = n % s;
-                var i = E()(a, (function(e) {
+            }), [ N, w, C ]);
+            var _ = p()(" ", s);
+            var $ = function e(n) {
+                var r = Math.floor(n / s);
+                var a = n % s;
+                var i = g()(r, (function(e) {
                     
-                    return t().createElement(T, {
+                    return t().createElement(A, {
                         key: e.toString()
-                    }, B);
+                    }, _);
                 }));
-                if (r) {
-                    i.push(g()(" ", r));
+                if (a) {
+                    i.push(p()(" ", a));
                 }
                 return i;
             };
-            var j = p()(U, i) > -1;
+            var B = u()(Q, l) > -1;
             (0, e.useEffect)((function() {
                 // a fix for SUI-5425, where the Markdown component doesn't pass a valid language in some circumstances
                 if (false) {}
-            }), [ j, i, c ]);
-            var H = j && i ? i : c;
-            var Y = $(v, H);
-            var z = M(H);
-            var X = function e(n) {
-                return o()(n).map((function(n, a) {
+            }), [ B, l, d ]);
+            var G = B && l ? l : d;
+            var Y = ee(T, G);
+            var X = J(G);
+            var W = function e(n) {
+                return i()(n).map((function(n, r) {
                     if (typeof n === "string") {
-                        if (!f) {
+                        if (!v) {
                             return n;
                         }
-                        var r = n.split("\n");
-                        if (r.length === 1) {
+                        var a = n.split("\n");
+                        if (a.length === 1) {
                             return n;
                         }
-                        return u()(r.map((function(e, n) {
-                            var r = n === 0 ? [] : [ "\n" ];
-                            var s = e.match(/^(\s+)(.*)/);
-                            if (!s) {
-                                r.push(e);
+                        return o()(a.map((function(e, n) {
+                            var a = n === 0 ? [] : [ "\n" ];
+                            var i = e.match(/^(\s+)(.*)/);
+                            if (!i) {
+                                a.push(e);
                             } else {
-                                r.push( t().createElement("span", {
-                                    key: "".concat(a.toString(), ":").concat(n.toString())
-                                }, G(s[1].length)), s[2]);
+                                a.push( t().createElement("span", {
+                                    key: "".concat(r.toString(), ":").concat(n.toString())
+                                }, $(i[1].length)), i[2]);
                             }
-                            return r;
+                            return a;
                         })));
                     }
-                    var s = typeof n.content === "string" ? n.content : e(n.content);
+                    var i = typeof n.content === "string" ? n.content : e(n.content);
                     
                     // eslint-disable-next-line react/no-array-index-key
-                    return t().createElement(O, {
+                    return t().createElement(I, {
                         "data-part-type": n.type,
                         partType: n.type,
-                        key: a.toString()
-                    }, s);
+                        key: r.toString()
+                    }, i);
                 }));
             };
-            var W = X(Y);
+            var q = W(Y);
             
-            return t().createElement(S, N({
+            return t().createElement(y, H({
                 "data-test": "code",
-                ref: _,
-                tabIndex: F
-            }, h),  t().createElement(A, {
-                className: "language-".concat(H),
-                $isPlaintext: z
-            }, W));
+                ref: D,
+                tabIndex: k,
+                $showLineNumbers: E,
+                $counterReset: m && m - 1
+            }, O), E &&  t().createElement(U, {
+                value: T
+            }),  t().createElement(S, {
+                className: "language-".concat(G),
+                $isPlaintext: X
+            }, q), f &&  t().createElement(P, {
+                width: w,
+                highlight: f
+            }));
         }
-        G.propTypes = B;
-        /* harmony default export */        const j = G;
+        ne.propTypes = te;
+        /* harmony default export */        const re = ne;
     }) // CONCATENATED MODULE: ./src/Code/index.ts
     ();
-    module.exports = a;
+    module.exports = r;
     /******/})();