@splunk/react-ui 5.2.0 → 5.4.0

package/Code.js

@@ -1,113 +1,13 @@
 /******/ (() => {
     // webpackBootstrap
     /******/ var e = {
-        /***/ 6283: 
-        /***/ (e, t, n) => {
-            "use strict";
-            // EXPORTS
-                        n.d(t, {
-                default: () => /* reexport */ p
-            });
-            // EXTERNAL MODULE: external "react"
-                        var r = n(9497);
-            // CONCATENATED MODULE: ./src/useResizeObserver/useResizeObserver.ts
-            function a(e, t) {
-                return u(e) || l(e, t) || s(e, t) || i();
-            }
-            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 s(e, t) {
-                if (e) {
-                    if ("string" == typeof e) return o(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) ? o(e, t) : void 0;
-                }
-            }
-            function o(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 u(e) {
-                if (Array.isArray(e)) return e;
-            }
-            /**
- * Watches a React ref element for changes in size.
- *
- * @param ref - The React ref to observe size changes on
- */            var c = function e(t, n) {
-                var i = (0, r.useState)({
-                    width: 0,
-                    height: 0
-                }), 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 r = new ResizeObserver((function(e) {
-                            if (e[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 !== i.height || e.width !== i.width) {
-                                        n === null || n === void 0 ? void 0 : n(i);
-                                        return i;
-                                    }
-                                    return e;
-                                }));
-                            }
-                        }));
-                        if (e) {
-                            r.observe(e);
-                        }
-                        return function() {
-                            if (e) {
-                                r.unobserve(e);
-                            }
-                        };
-                    }
-                    // Return a no-op function to satisfy consistent-return rule
-                                        return function() {};
-                }), [ n, t ]);
-                return o;
-            };
-            /* harmony default export */            const p = c;
-        } // CONCATENATED MODULE: ./src/useResizeObserver/index.ts
-        /***/ ,
         /***/ 74: 
         /***/ e => {
             (function() {
                 var t = undefined;
                 var n = undefined;
                 /// <reference lib="WebWorker"/>
-                                var r = typeof t !== "undefined" ? t : typeof WorkerGlobalScope !== "undefined" && self instanceof WorkerGlobalScope ? self : {};
+                                var a = typeof t !== "undefined" ? t : typeof WorkerGlobalScope !== "undefined" && self instanceof WorkerGlobalScope ? self : {};
                 /**
  * Prism: Lightweight, robust, elegant syntax highlighting
  *
@@ -115,12 +15,12 @@
  * @author Lea Verou <https://lea.verou.me>
  * @namespace
  * @public
- */                var a = function(e) {
+ */                var r = function(e) {
                     // Private helper vars
                     var n = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i;
-                    var r = 0;
+                    var a = 0;
                     // The grammar object for plaintext
-                                        var a = {};
+                                        var r = {};
                     var i = {
                         /**
 		 * By default, Prism will attempt to highlight all code elements (by calling {@link Prism.highlightAll}) on the
@@ -213,7 +113,7 @@
                             objId: function(e) {
                                 if (!e["__id"]) {
                                     Object.defineProperty(e, "__id", {
-                                        value: ++r
+                                        value: ++a
                                     });
                                 }
                                 return e["__id"];
@@ -230,36 +130,36 @@
 			 */
                             clone: function e(t, n) {
                                 n = n || {};
-                                var r;
                                 var a;
+                                var r;
                                 switch (i.util.type(t)) {
                                   case "Object":
-                                    a = i.util.objId(t);
-                                    if (n[a]) {
-                                        return n[a];
+                                    r = i.util.objId(t);
+                                    if (n[r]) {
+                                        return n[r];
                                     }
-                                    r = /** @type {Record<string, any>} */ {};
-                                    n[a] = r;
+                                    a = /** @type {Record<string, any>} */ {};
+                                    n[r] = a;
                                     for (var s in t) {
                                         if (t.hasOwnProperty(s)) {
-                                            r[s] = e(t[s], n);
+                                            a[s] = e(t[s], n);
                                         }
                                     }
                                     /** @type {any} */
-                                    return r;
+                                    return a;
 
                                   case "Array":
-                                    a = i.util.objId(t);
-                                    if (n[a]) {
-                                        return n[a];
+                                    r = i.util.objId(t);
+                                    if (n[r]) {
+                                        return n[r];
                                     }
-                                    r = [];
-                                    n[a] = r;
-                                    /** @type {Array} */ /** @type {any} */ t.forEach((function(t, a) {
-                                        r[a] = e(t, n);
+                                    a = [];
+                                    n[r] = a;
+                                    /** @type {Array} */ /** @type {any} */ t.forEach((function(t, r) {
+                                        a[r] = e(t, n);
                                     }));
                                     /** @type {any} */
-                                    return r;
+                                    return a;
 
                                   default:
                                     return t;
@@ -318,13 +218,13 @@
                                 // this will not work for inline scripts
                                                                 try {
                                     throw new Error;
-                                } catch (r) {
+                                } catch (a) {
                                     // 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(r.stack) || [])[1];
+                                    var e = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(a.stack) || [])[1];
                                     if (e) {
                                         var t = document.getElementsByTagName("script");
                                         for (var n in t) {
@@ -356,13 +256,13 @@
 			 * @returns {boolean}
 			 */
                             isActive: function(e, t, n) {
-                                var r = "no-" + t;
+                                var a = "no-" + t;
                                 while (e) {
-                                    var a = e.classList;
-                                    if (a.contains(t)) {
+                                    var r = e.classList;
+                                    if (r.contains(t)) {
                                         return true;
                                     }
-                                    if (a.contains(r)) {
+                                    if (r.contains(a)) {
                                         return false;
                                     }
                                     e = e.parentElement;
@@ -381,10 +281,10 @@
                             /**
 			 * The grammar for plain, unformatted text.
 			 */
-                            plain: a,
-                            plaintext: a,
-                            text: a,
-                            txt: a,
+                            plain: r,
+                            plaintext: r,
+                            text: r,
+                            txt: r,
                             /**
 			 * Creates a deep copy of the language with the given id and appends the given tokens.
 			 *
@@ -415,8 +315,8 @@
 			 */
                             extend: function(e, t) {
                                 var n = i.util.clone(i.languages[e]);
-                                for (var r in t) {
-                                    n[r] = t[r];
+                                for (var a in t) {
+                                    n[a] = t[a];
                                 }
                                 return n;
                             },
@@ -495,12 +395,12 @@
 			 * @returns {Grammar} The new grammar object.
 			 * @public
 			 */
-                            insertBefore: function(e, t, n, r) {
-                                r = r || /** @type {any} */ i.languages;
-                                var a = r[e];
+                            insertBefore: function(e, t, n, a) {
+                                a = a || /** @type {any} */ i.languages;
+                                var r = a[e];
                                 /** @type {Grammar} */                                var s = {};
-                                for (var o in a) {
-                                    if (a.hasOwnProperty(o)) {
+                                for (var o in r) {
+                                    if (r.hasOwnProperty(o)) {
                                         if (o == t) {
                                             for (var l in n) {
                                                 if (n.hasOwnProperty(l)) {
@@ -510,12 +410,12 @@
                                         }
                                         // Do not insert token which also occur in insert. See #1525
                                                                                 if (!n.hasOwnProperty(o)) {
-                                            s[o] = a[o];
+                                            s[o] = r[o];
                                         }
                                     }
                                 }
-                                var u = r[e];
-                                r[e] = s;
+                                var u = a[e];
+                                a[e] = s;
                                 // Update references in other language definitions
                                                                 i.languages.DFS(i.languages, (function(t, n) {
                                     if (n === u && t != e) {
@@ -525,20 +425,20 @@
                                 return s;
                             },
                             // Traverse a language definition with Depth First Search
-                            DFS: function e(t, n, r, a) {
-                                a = a || {};
+                            DFS: function e(t, n, a, r) {
+                                r = r || {};
                                 var s = i.util.objId;
                                 for (var o in t) {
                                     if (t.hasOwnProperty(o)) {
-                                        n.call(t, o, t[o], r || o);
+                                        n.call(t, o, t[o], a || o);
                                         var l = t[o];
                                         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);
+                                        if (u === "Object" && !r[s(l)]) {
+                                            r[s(l)] = true;
+                                            e(l, n, null, r);
+                                        } else if (u === "Array" && !r[s(l)]) {
+                                            r[s(l)] = true;
+                                            e(l, n, o, r);
                                         }
                                     }
                                 }
@@ -576,16 +476,16 @@
 		 * @public
 		 */
                         highlightAllUnder: function(e, t, n) {
-                            var r = {
+                            var a = {
                                 callback: n,
                                 container: e,
                                 selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
                             };
-                            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);
+                            i.hooks.run("before-highlightall", a);
+                            a.elements = Array.prototype.slice.apply(a.container.querySelectorAll(a.selector));
+                            i.hooks.run("before-all-elements-highlight", a);
+                            for (var r = 0, s; s = a.elements[r++]; ) {
+                                i.highlightElement(s, t === true, a.callback);
                             }
                         },
                         /**
@@ -616,21 +516,21 @@
 		 * @memberof Prism
 		 * @public
 		 */
-                        highlightElement: function(t, n, r) {
+                        highlightElement: function(t, n, a) {
                             // Find language
-                            var a = i.util.getLanguage(t);
-                            var s = i.languages[a];
+                            var r = i.util.getLanguage(t);
+                            var s = i.languages[r];
                             // Set language on the element, if not present
-                                                        i.util.setLanguage(t, a);
+                                                        i.util.setLanguage(t, r);
                             // Set language on the parent, for styling
                                                         var o = t.parentElement;
                             if (o && o.nodeName.toLowerCase() === "pre") {
-                                i.util.setLanguage(o, a);
+                                i.util.setLanguage(o, r);
                             }
                             var l = t.textContent;
                             var u = {
                                 element: t,
-                                language: a,
+                                language: r,
                                 grammar: s,
                                 code: l
                             };
@@ -640,7 +540,7 @@
                                 u.element.innerHTML = u.highlightedCode;
                                 i.hooks.run("after-highlight", u);
                                 i.hooks.run("complete", u);
-                                r && r.call(u.element);
+                                a && a.call(u.element);
                             }
                             i.hooks.run("before-sanity-check", u);
                             // plugins may change/add the parent/element
@@ -650,7 +550,7 @@
                             }
                             if (!u.code) {
                                 i.hooks.run("complete", u);
-                                r && r.call(u.element);
+                                a && a.call(u.element);
                                 return;
                             }
                             i.hooks.run("before-highlight", u);
@@ -693,18 +593,18 @@
 		 * Prism.highlight('var foo = true;', Prism.languages.javascript, 'javascript');
 		 */
                         highlight: function(e, t, n) {
-                            var r = {
+                            var a = {
                                 code: e,
                                 grammar: t,
                                 language: n
                             };
-                            i.hooks.run("before-tokenize", r);
-                            if (!r.grammar) {
-                                throw new Error('The language "' + r.language + '" has no grammar.');
+                            i.hooks.run("before-tokenize", a);
+                            if (!a.grammar) {
+                                throw new Error('The language "' + a.language + '" has no grammar.');
                             }
-                            r.tokens = i.tokenize(r.code, r.grammar);
-                            i.hooks.run("after-tokenize", r);
-                            return s.stringify(i.util.encode(r.tokens), r.language);
+                            a.tokens = i.tokenize(a.code, a.grammar);
+                            i.hooks.run("after-tokenize", a);
+                            return s.stringify(i.util.encode(a.tokens), a.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 +633,15 @@
                         tokenize: function(e, t) {
                             var n = t.rest;
                             if (n) {
-                                for (var r in n) {
-                                    t[r] = n[r];
+                                for (var a in n) {
+                                    t[a] = n[a];
                                 }
                                 delete t.rest;
                             }
-                            var a = new u;
-                            c(a, a.head, e);
-                            l(e, a, t, a.head, 0);
-                            return d(a);
+                            var r = new u;
+                            c(r, r.head, e);
+                            l(e, r, t, r.head, 0);
+                            return d(r);
                         },
                         /**
 		 * @namespace
@@ -781,8 +681,8 @@
                                 if (!n || !n.length) {
                                     return;
                                 }
-                                for (var r = 0, a; a = n[r++]; ) {
-                                    a(t);
+                                for (var a = 0, r; r = n[a++]; ) {
+                                    r(t);
                                 }
                             }
                         },
@@ -803,7 +703,7 @@
 	 * @class
 	 * @global
 	 * @public
-	 */                    function s(e, t, n, r) {
+	 */                    function s(e, t, n, a) {
                         /**
 		 * The type of the token.
 		 *
@@ -830,7 +730,7 @@
 		 * @public
 		 */                        this.alias = n;
                         // Copy of the full string this token was created from
-                                                this.length = (r || "").length | 0;
+                                                this.length = (a || "").length | 0;
                     }
                     /**
 	 * A token stream is an array of strings and {@link Token Token} objects.
@@ -863,13 +763,13 @@
                             return t;
                         }
                         if (Array.isArray(t)) {
-                            var r = "";
+                            var a = "";
                             t.forEach((function(t) {
-                                r += e(t, n);
+                                a += e(t, n);
                             }));
-                            return r;
+                            return a;
                         }
-                        var a = {
+                        var r = {
                             type: t.type,
                             content: e(t.content, n),
                             tag: "span",
@@ -880,17 +780,17 @@
                         var s = t.alias;
                         if (s) {
                             if (Array.isArray(s)) {
-                                Array.prototype.push.apply(a.classes, s);
+                                Array.prototype.push.apply(r.classes, s);
                             } else {
-                                a.classes.push(s);
+                                r.classes.push(s);
                             }
                         }
-                        i.hooks.run("wrap", a);
+                        i.hooks.run("wrap", r);
                         var o = "";
-                        for (var l in a.attributes) {
-                            o += " " + l + '="' + (a.attributes[l] || "").replace(/"/g, "&quot;") + '"';
+                        for (var l in r.attributes) {
+                            o += " " + l + '="' + (r.attributes[l] || "").replace(/"/g, "&quot;") + '"';
                         }
-                        return "<" + a.tag + ' class="' + a.classes.join(" ") + '"' + o + ">" + a.content + "</" + a.tag + ">";
+                        return "<" + r.tag + ' class="' + r.classes.join(" ") + '"' + o + ">" + r.content + "</" + r.tag + ">";
                     };
                     /**
 	 * @param {RegExp} pattern
@@ -898,16 +798,16 @@
 	 * @param {string} text
 	 * @param {boolean} lookbehind
 	 * @returns {RegExpExecArray | null}
-	 */                    function o(e, t, n, r) {
+	 */                    function o(e, t, n, a) {
                         e.lastIndex = t;
-                        var a = e.exec(n);
-                        if (a && r && a[1]) {
+                        var r = e.exec(n);
+                        if (r && a && r[1]) {
                             // change the match to remove the text matched by the Prism lookbehind group
-                            var i = a[1].length;
-                            a.index += i;
-                            a[0] = a[0].slice(i);
+                            var i = r[1].length;
+                            r.index += i;
+                            r[0] = r[0].slice(i);
                         }
-                        return a;
+                        return r;
                     }
                     /**
 	 * @param {string} text
@@ -922,7 +822,7 @@
 	 * @typedef RematchOptions
 	 * @property {string} cause
 	 * @property {number} reach
-	 */                    function l(e, t, n, r, a, u) {
+	 */                    function l(e, t, n, a, r, u) {
                         for (var d in n) {
                             if (!n.hasOwnProperty(d) || !n[d]) {
                                 continue;
@@ -934,18 +834,18 @@
                                     return;
                                 }
                                 var m = g[f];
-                                var h = m.inside;
+                                var E = m.inside;
                                 var v = !!m.lookbehind;
-                                var E = !!m.greedy;
+                                var h = !!m.greedy;
                                 var b = m.alias;
-                                if (E && !m.pattern.global) {
+                                if (h && !m.pattern.global) {
                                     // Without the global flag, lastIndex won't work
                                     var y = m.pattern.toString().match(/[imsuy]*$/)[0];
                                     m.pattern = RegExp(m.pattern.source, y + "g");
                                 }
                                 /** @type {RegExp} */                                var S = m.pattern || m;
                                 for (// iterate the token list and keep track of the current token/string position
-                                var A = r.next, T = a; A !== t.tail; T += A.value.length, A = A.next) {
+                                var A = a.next, T = r; A !== t.tail; T += A.value.length, A = A.next) {
                                     if (u && T >= u.reach) {
                                         break;
                                     }
@@ -960,7 +860,7 @@
                                     var O = 1;
  // this is the to parameter of removeBetween
                                                                         var N;
-                                    if (E) {
+                                    if (h) {
                                         N = o(S, T, e, v);
                                         if (!N || N.index >= e.length) {
                                             break;
@@ -1011,7 +911,7 @@
                                         T += w.length;
                                     }
                                     p(t, P, O);
-                                    var _ = new s(d, h ? i.tokenize(F, h) : F, b, F);
+                                    var _ = new s(d, E ? i.tokenize(F, E) : F, b, F);
                                     A = c(t, P, _);
                                     if (C) {
                                         c(t, A, C);
@@ -1072,16 +972,16 @@
 	 * @template T
 	 */                    function c(e, t, n) {
                         // assumes that node != list.tail && values.length >= 0
-                        var r = t.next;
-                        var a = {
+                        var a = t.next;
+                        var r = {
                             value: n,
                             prev: t,
-                            next: r
+                            next: a
                         };
-                        t.next = a;
-                        r.prev = a;
+                        t.next = r;
+                        a.prev = r;
                         e.length++;
-                        return a;
+                        return r;
                     }
                     /**
 	 * Removes `count` nodes after the given node. The given node will not be removed.
@@ -1091,13 +991,13 @@
 	 * @param {number} count
 	 * @template T
 	 */                    function p(e, t, n) {
-                        var r = t.next;
-                        for (var a = 0; a < n && r !== e.tail; a++) {
-                            r = r.next;
+                        var a = t.next;
+                        for (var r = 0; r < n && a !== e.tail; r++) {
+                            a = a.next;
                         }
-                        t.next = r;
-                        r.prev = t;
-                        e.length -= a;
+                        t.next = a;
+                        a.prev = t;
+                        e.length -= r;
                     }
                     /**
 	 * @param {LinkedList<T>} list
@@ -1121,10 +1021,10 @@
                             // In worker
                             e.addEventListener("message", (function(t) {
                                 var n = JSON.parse(t.data);
-                                var r = n.language;
-                                var a = n.code;
+                                var a = n.language;
+                                var r = n.code;
                                 var s = n.immediateClose;
-                                e.postMessage(i.highlight(a, i.languages[r], r));
+                                e.postMessage(i.highlight(r, i.languages[a], a));
                                 if (s) {
                                     e.close();
                                 }
@@ -1164,13 +1064,13 @@
                         }
                     }
                     return i;
-                }(r);
+                }(a);
                 if (true && e.exports) {
-                    e.exports = a;
+                    e.exports = r;
                 }
                 // hack for components to work correctly in node.js
                                 if (typeof n !== "undefined") {
-                    n.Prism = a;
+                    n.Prism = r;
                 }
                 // some additional documentation/types
                 /**
@@ -1217,7 +1117,7 @@
  * @public
  */
                 // https://www.json.org/json-en.html
-                                a.languages.json = {
+                                r.languages.json = {
                     property: {
                         pattern: /(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,
                         lookbehind: true,
@@ -1241,8 +1141,8 @@
                         alias: "keyword"
                     }
                 };
-                a.languages.webmanifest = a.languages.json;
-                a.languages.markup = {
+                r.languages.webmanifest = r.languages.json;
+                r.languages.markup = {
                     comment: {
                         pattern: /<!--(?:(?!<!--)[\s\S])*?-->/,
                         greedy: true
@@ -1313,15 +1213,15 @@
                         alias: "named-entity"
                     }, /&#x?[\da-f]{1,8};/i ]
                 };
-                a.languages.markup["tag"].inside["attr-value"].inside["entity"] = a.languages.markup["entity"];
-                a.languages.markup["doctype"].inside["internal-subset"].inside = a.languages.markup;
+                r.languages.markup["tag"].inside["attr-value"].inside["entity"] = r.languages.markup["entity"];
+                r.languages.markup["doctype"].inside["internal-subset"].inside = r.languages.markup;
                 // Plugin to make entity title show the real entity, idea by Roman Komarov
-                                a.hooks.add("wrap", (function(e) {
+                                r.hooks.add("wrap", (function(e) {
                     if (e.type === "entity") {
                         e.attributes["title"] = e.content.replace(/&amp;/, "&");
                     }
                 }));
-                Object.defineProperty(a.languages.markup.tag, "addInlined", {
+                Object.defineProperty(r.languages.markup.tag, "addInlined", {
                     /**
 	 * Adds an inlined language to markup.
 	 *
@@ -1334,22 +1234,22 @@
 	 * addInlined('style', 'css');
 	 */
                     value: function e(t, n) {
-                        var r = {};
-                        r["language-" + n] = {
+                        var a = {};
+                        a["language-" + n] = {
                             pattern: /(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,
                             lookbehind: true,
-                            inside: a.languages[n]
+                            inside: r.languages[n]
                         };
-                        r["cdata"] = /^<!\[CDATA\[|\]\]>$/i;
+                        a["cdata"] = /^<!\[CDATA\[|\]\]>$/i;
                         var i = {
                             "included-cdata": {
                                 pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
-                                inside: r
+                                inside: a
                             }
                         };
                         i["language-" + n] = {
                             pattern: /[\s\S]+/,
-                            inside: a.languages[n]
+                            inside: r.languages[n]
                         };
                         var s = {};
                         s[t] = {
@@ -1360,10 +1260,10 @@
                             greedy: true,
                             inside: i
                         };
-                        a.languages.insertBefore("markup", "cdata", s);
+                        r.languages.insertBefore("markup", "cdata", s);
                     }
                 });
-                Object.defineProperty(a.languages.markup.tag, "addAttribute", {
+                Object.defineProperty(r.languages.markup.tag, "addAttribute", {
                     /**
 	 * Adds an pattern to highlight languages embedded in HTML attributes.
 	 *
@@ -1376,7 +1276,7 @@
 	 * addAttribute('style', 'css');
 	 */
                     value: function(e, t) {
-                        a.languages.markup.tag.inside["special-attr"].push({
+                        r.languages.markup.tag.inside["special-attr"].push({
                             pattern: RegExp(/(^|["'\s])/.source + "(?:" + e + ")" + /\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source, "i"),
                             lookbehind: true,
                             inside: {
@@ -1388,7 +1288,7 @@
                                             pattern: /(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,
                                             lookbehind: true,
                                             alias: [ t, "language-" + t ],
-                                            inside: a.languages[t]
+                                            inside: r.languages[t]
                                         },
                                         punctuation: [ {
                                             pattern: /^=/,
@@ -1400,14 +1300,14 @@
                         });
                     }
                 });
-                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 = {
+                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 = {
                     comment: [ {
                         pattern: /(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,
                         lookbehind: true,
@@ -1435,8 +1335,8 @@
                     operator: /[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,
                     punctuation: /[{}[\];(),.:]/
                 };
-                a.languages.javascript = a.languages.extend("clike", {
-                    "class-name": [ a.languages.clike["class-name"], {
+                r.languages.javascript = r.languages.extend("clike", {
+                    "class-name": [ r.languages.clike["class-name"], {
                         pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,
                         lookbehind: true
                     } ],
@@ -1467,8 +1367,8 @@
                     },
                     operator: /--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/
                 });
-                a.languages.javascript["class-name"][0].pattern = /(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/;
-                a.languages.insertBefore("javascript", "keyword", {
+                r.languages.javascript["class-name"][0].pattern = /(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/;
+                r.languages.insertBefore("javascript", "keyword", {
                     regex: {
                         pattern: RegExp(
                         // lookbehind
@@ -1490,7 +1390,7 @@
                                 pattern: /^(\/)[\s\S]+(?=\/[a-z]*$)/,
                                 lookbehind: true,
                                 alias: "language-regex",
-                                inside: a.languages.regex
+                                inside: r.languages.regex
                             },
                             "regex-delimiter": /^\/|\/$/,
                             "regex-flags": /^[a-z]+$/
@@ -1504,23 +1404,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: a.languages.javascript
+                        inside: r.languages.javascript
                     }, {
                         pattern: /(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,
                         lookbehind: true,
-                        inside: a.languages.javascript
+                        inside: r.languages.javascript
                     }, {
                         pattern: /(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,
                         lookbehind: true,
-                        inside: a.languages.javascript
+                        inside: r.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: a.languages.javascript
+                        inside: r.languages.javascript
                     } ],
                     constant: /\b[A-Z](?:[A-Z_]|\dx?)*\b/
                 });
-                a.languages.insertBefore("javascript", "string", {
+                r.languages.insertBefore("javascript", "string", {
                     hashbang: {
                         pattern: /^#!.*/,
                         greedy: true,
@@ -1542,7 +1442,7 @@
                                         pattern: /^\$\{|\}$/,
                                         alias: "punctuation"
                                     },
-                                    rest: a.languages.javascript
+                                    rest: r.languages.javascript
                                 }
                             },
                             string: /[\s\S]+/
@@ -1555,25 +1455,25 @@
                         alias: "property"
                     }
                 });
-                a.languages.insertBefore("javascript", "operator", {
+                r.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 (a.languages.markup) {
-                    a.languages.markup.tag.addInlined("script", "javascript");
+                if (r.languages.markup) {
+                    r.languages.markup.tag.addInlined("script", "javascript");
                     // add attribute support for all DOM events.
                     // https://developer.mozilla.org/en-US/docs/Web/Events#Standard_events
-                                        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.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.js = a.languages.javascript;
+                r.languages.js = r.languages.javascript;
                 (function(e) {
                     var t = e.util.clone(e.languages.javascript);
                     var n = /(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source;
-                    var r = /(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source;
-                    var a = /(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;
+                    var a = /(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source;
+                    var r = /(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;
                     /**
 	 * @param {string} source
 	 * @param {string} [flags]
@@ -1581,13 +1481,13 @@
                         e = e.replace(/<S>/g, (function() {
                             return n;
                         })).replace(/<BRACES>/g, (function() {
-                            return r;
-                        })).replace(/<SPREAD>/g, (function() {
                             return a;
+                        })).replace(/<SPREAD>/g, (function() {
+                            return r;
                         }));
                         return RegExp(e, t);
                     }
-                    a = i(a).source;
+                    r = i(r).source;
                     e.languages.jsx = e.languages.extend("markup", t);
                     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>\/]*/;
@@ -1629,59 +1529,59 @@
                     };
                     var o = function(t) {
                         var n = [];
-                        for (var r = 0; r < t.length; r++) {
-                            var a = t[r];
+                        for (var a = 0; a < t.length; a++) {
+                            var r = t[a];
                             var i = false;
-                            if (typeof a !== "string") {
-                                if (a.type === "tag" && a.content[0] && a.content[0].type === "tag") {
+                            if (typeof r !== "string") {
+                                if (r.type === "tag" && r.content[0] && r.content[0].type === "tag") {
                                     // We found a tag, now find its kind
-                                    if (a.content[0].content[0].content === "</") {
+                                    if (r.content[0].content[0].content === "</") {
                                         // Closing tag
-                                        if (n.length > 0 && n[n.length - 1].tagName === s(a.content[0].content[1])) {
+                                        if (n.length > 0 && n[n.length - 1].tagName === s(r.content[0].content[1])) {
                                             // Pop matching opening tag
                                             n.pop();
                                         }
                                     } else {
-                                        if (a.content[a.content.length - 1].content === "/>") {
+                                        if (r.content[r.content.length - 1].content === "/>") {
                                             // Autoclosed tag, ignore
                                         } else {
                                             // Opening tag
                                             n.push({
-                                                tagName: s(a.content[0].content[1]),
+                                                tagName: s(r.content[0].content[1]),
                                                 openedBraces: 0
                                             });
                                         }
                                     }
-                                } else if (n.length > 0 && a.type === "punctuation" && a.content === "{") {
+                                } else if (n.length > 0 && r.type === "punctuation" && r.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 && a.type === "punctuation" && a.content === "}") {
+                                } else if (n.length > 0 && n[n.length - 1].openedBraces > 0 && r.type === "punctuation" && r.content === "}") {
                                     // Here we might have left a JSX context inside a tag
                                     n[n.length - 1].openedBraces--;
                                 } else {
                                     i = true;
                                 }
                             }
-                            if (i || typeof a === "string") {
+                            if (i || typeof r === "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 = s(a);
+                                    var l = s(r);
                                     // And merge text with adjacent text
-                                                                        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 < t.length - 1 && (typeof t[a + 1] === "string" || t[a + 1].type === "plain-text")) {
+                                        l += s(t[a + 1]);
+                                        t.splice(a + 1, 1);
                                     }
-                                    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--;
+                                    if (a > 0 && (typeof t[a - 1] === "string" || t[a - 1].type === "plain-text")) {
+                                        l = s(t[a - 1]) + l;
+                                        t.splice(a - 1, 1);
+                                        a--;
                                     }
-                                    t[r] = new e.Token("plain-text", l, null, l);
+                                    t[a] = new e.Token("plain-text", l, null, l);
                                 }
                             }
-                            if (a.content && typeof a.content !== "string") {
-                                o(a.content);
+                            if (r.content && typeof r.content !== "string") {
+                                o(r.content);
                             }
                         }
                     };
@@ -1691,7 +1591,7 @@
                         }
                         o(e.tokens);
                     }));
-                })(a);
+                })(r);
                 (function(e) {
                     e.languages.typescript = e.languages.extend("javascript", {
                         "class-name": {
@@ -1742,7 +1642,7 @@
                         }
                     });
                     e.languages.ts = e.languages.typescript;
-                })(a);
+                })(r);
                 (function(e) {
                     var t = e.util.clone(e.languages.typescript);
                     e.languages.tsx = e.languages.extend("jsx", t);
@@ -1755,7 +1655,7 @@
                                         var n = e.languages.tsx.tag;
                     n.pattern = RegExp(/(^|[^\w$]|(?=<\/))/.source + "(?:" + n.pattern.source + ")", n.pattern.flags);
                     n.lookbehind = true;
-                })(a);
+                })(r);
                 (function(e) {
                     var t = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
                     e.languages.css = {
@@ -1813,7 +1713,7 @@
                         n.tag.addInlined("style", "css");
                         n.tag.addAttribute("style", "css");
                     }
-                })(a);
+                })(r);
                 (function(e) {
                     // $ set | grep '^[A-Z][^[:space:]]*=' | cut -d= -f1 | tr '\n' '|'
                     // + LC_ALL, RANDOM, REPLY, SECONDS.
@@ -1827,7 +1727,7 @@
                         // this looks reasonably well in all themes
                         inside: null
                     };
-                    var r = {
+                    var a = {
                         bash: n,
                         environment: {
                             pattern: RegExp("\\$" + t),
@@ -1932,7 +1832,7 @@
                             pattern: /((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,
                             lookbehind: true,
                             greedy: true,
-                            inside: r
+                            inside: a
                         }, 
                         // Here-document with quotes around the tag
                         // → No expansion (so no “inside”).
@@ -1950,7 +1850,7 @@
                             pattern: /(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,
                             lookbehind: true,
                             greedy: true,
-                            inside: r
+                            inside: a
                         }, {
                             // https://www.gnu.org/software/bash/manual/html_node/Single-Quotes.html
                             pattern: /(^|[^$\\])'[^']*'/,
@@ -1961,14 +1861,14 @@
                             pattern: /\$'(?:[^'\\]|\\[\s\S])*'/,
                             greedy: true,
                             inside: {
-                                entity: r.entity
+                                entity: a.entity
                             }
                         } ],
                         environment: {
                             pattern: RegExp("\\$?" + t),
                             alias: "constant"
                         },
-                        variable: r.variable,
+                        variable: a.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 +1909,14 @@
                         }
                     };
                     n.inside = e.languages.bash;
-                    /* 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]];
+                    /* 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 i = a.variable[1].inside;
+                    for (var s = 0; s < r.length; s++) {
+                        i[r[s]] = e.languages.bash[r[s]];
                     }
                     e.languages.sh = e.languages.bash;
                     e.languages.shell = e.languages.bash;
-                })(a);
+                })(r);
                 (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,11 +1924,11 @@
                     // 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 r = "(?:" + n.source + "(?:[ \t]+" + t.source + ")?|" + t.source + "(?:[ \t]+" + n.source + ")?)";
+                                        var a = "(?:" + 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 a = /(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g, (function() {
+                                        var r = /(?:[^\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 i = /"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;
@@ -2041,7 +1941,7 @@
                         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 r;
+                            return a;
                         })).replace(/<<value>>/g, (function() {
                             return e;
                         }));
@@ -2050,7 +1950,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 r;
+                                return a;
                             }))),
                             lookbehind: true,
                             alias: "string"
@@ -2058,9 +1958,9 @@
                         comment: /#.*/,
                         key: {
                             pattern: RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g, (function() {
-                                return r;
+                                return a;
                             })).replace(/<<key>>/g, (function() {
-                                return "(?:" + a + "|" + i + ")";
+                                return "(?:" + r + "|" + i + ")";
                             }))),
                             lookbehind: true,
                             greedy: true,
@@ -2100,8 +2000,8 @@
                         punctuation: /---|[:[\]{}\-,|>?]|\.\.\./
                     };
                     e.languages.yml = e.languages.yaml;
-                })(a);
-                a.languages["splunk-spl"] = {
+                })(r);
+                r.languages["splunk-spl"] = {
                     comment: /`comment\("(?:\\.|[^\\"])*"\)`/,
                     string: {
                         pattern: /"(?:\\.|[^\\"])*"/,
@@ -2125,7 +2025,7 @@
                     operator: /[<>=]=?|[-+*/%|]/,
                     punctuation: /[()[\],]/
                 };
-                a.languages.sql = {
+                r.languages.sql = {
                     comment: {
                         pattern: /(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,
                         lookbehind: true
@@ -2156,11 +2056,6 @@
                     punctuation: /[;[\]()`,.]/
                 };
             })();
-            /***/        },
-        /***/ 9497: 
-        /***/ e => {
-            "use strict";
-            e.exports = require("react");
             /***/
             /******/        }
     };
@@ -2169,21 +2064,21 @@
     /******/    var t = {};
     /******/
     /******/ // The require function
-    /******/    function n(r) {
+    /******/    function n(a) {
         /******/ // Check if module is in cache
-        /******/ var a = t[r];
-        /******/        if (a !== undefined) {
-            /******/ return a.exports;
+        /******/ var r = t[a];
+        /******/        if (r !== undefined) {
+            /******/ return r.exports;
             /******/        }
         /******/ // Create a new module (and put it into the cache)
-        /******/        var i = t[r] = {
+        /******/        var i = t[a] = {
             /******/ // no module.id needed
             /******/ // no module.loaded needed
             /******/ exports: {}
             /******/        };
         /******/
         /******/ // Execute the module function
-        /******/        e[r](i, i.exports, n);
+        /******/        e[a](i, i.exports, n);
         /******/
         /******/ // Return the exports of the module
         /******/        return i.exports;
@@ -2209,11 +2104,11 @@
     /******/    (() => {
         /******/ // define getter functions for harmony exports
         /******/ n.d = (e, t) => {
-            /******/ for (var r in t) {
-                /******/ if (n.o(t, r) && !n.o(e, r)) {
-                    /******/ Object.defineProperty(e, r, {
+            /******/ for (var a in t) {
+                /******/ if (n.o(t, a) && !n.o(e, a)) {
+                    /******/ Object.defineProperty(e, a, {
                         enumerable: true,
-                        get: t[r]
+                        get: t[a]
                     });
                     /******/                }
                 /******/            }
@@ -2241,22 +2136,22 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var r = {};
+    /************************************************************************/    var a = {};
     // This entry need to be wrapped in an IIFE because it need to be in strict mode.
         (() => {
         "use strict";
         // ESM COMPAT FLAG
-                n.r(r);
+                n.r(a);
         // EXPORTS
-                n.d(r, {
-            default: () => /* reexport */ re
+                n.d(a, {
+            default: () => /* reexport */ ie
         });
-        // EXTERNAL MODULE: external "react"
-                var e = n(9497);
+        // CONCATENATED MODULE: external "react"
+        const e = require("react");
         var t =  n.n(e);
         // CONCATENATED MODULE: external "lodash/castArray"
-        const a = require("lodash/castArray");
-        var i =  n.n(a);
+        const r = require("lodash/castArray");
+        var i =  n.n(r);
         // CONCATENATED MODULE: external "lodash/flatten"
         const s = require("lodash/flatten");
         var o =  n.n(s);
@@ -2272,68 +2167,76 @@
         // CONCATENATED MODULE: external "prop-types"
         const f = require("prop-types");
         var m =  n.n(f);
+        // CONCATENATED MODULE: external "@splunk/react-ui/useResizeObserver"
+        const E = require("@splunk/react-ui/useResizeObserver");
+        var v =  n.n(E);
         // CONCATENATED MODULE: external "styled-components"
         const h = require("styled-components");
-        var v =  n.n(h);
+        var b =  n.n(h);
         // CONCATENATED MODULE: external "@splunk/themes"
-        const E = require("@splunk/themes");
+        const y = require("@splunk/themes");
         // CONCATENATED MODULE: ./src/Code/CodeStyles.ts
-        var b = "1.429em";
-        var y = v().pre.withConfig({
-            displayName: "CodeStyles__StyledPre",
+        var S = "lineHeightSpacious";
+        var A = "spacingLarge";
+        var T = b().code.withConfig({
+            displayName: "CodeStyles__StyledCode",
             componentId: "sc-1eq4k68-0"
-        })([ "", ";", ";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);
+        })([ "font-family:", ";position:relative;z-index:1;", ";" ], y.variables.monoFontFamily, (function(e) {
+            var t = e.$isPlaintext;
+            return !t && (0, h.css)([ "color:", ";" ], y.variables.syntaxTeal);
         }));
-        var S = v().code.withConfig({
-            displayName: "CodeStyles__StyledCode",
+        var I = b().pre.withConfig({
+            displayName: "CodeStyles__StyledPre",
             componentId: "sc-1eq4k68-1"
-        })([ "font-family:", ";position:relative;z-index:1;", ";" ], E.variables.monoFontFamily, (function(e) {
-            var t = e.$isPlaintext;
-            return !t && (0, h.css)([ "color:", ";" ], E.variables.syntaxTeal);
+        })([ "", ";", ";line-height:", ";position:relative;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("grid"), y.mixins.typography("monoBody"), y.variables[S], y.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);
+        }), (function(e) {
+            var t = e.$containerAppearance;
+            return t === "none" ? (0, h.css)([ "gap:", ";" ], y.variables.spacingMedium) : (0, 
+            h.css)([ "background-color:", ";border-radius:", ";", "{margin:", ";}" ], y.variables.neutral50, y.variables.borderRadius, /* sc-sel */ T, y.variables[A]);
         }));
-        var A = v().span.withConfig({
+        var O = b().span.withConfig({
             displayName: "CodeStyles__StyledIndent",
             componentId: "sc-1eq4k68-2"
-        })([ "&: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
+        })([ "&:not(:last-child){background-image:linear-gradient( to left,", " 1px,transparent 1px,transparent );}" ], y.variables.syntaxGray);
+        var N = {
+            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
         };
-        var I = v().span.withConfig({
+        var x = b().span.withConfig({
             displayName: "CodeStyles__StyledToken",
             componentId: "sc-1eq4k68-3"
         })([ "color:", ";cursor:", ";opacity:", ";font-style:", ";font-weight:", ";" ], (function(e) {
             var t = e.partType;
-            return T[t];
+            return N[t];
         }), (function(e) {
             var t = e.partType;
             return t === "entity" ? "help" : null;
@@ -2345,79 +2248,80 @@
             return t === "italic" ? "italic" : null;
         }), (function(e) {
             var t = e.partType;
-            return t === "important" || t === "bold" ? E.variables.fontWeightBold : null;
+            return t === "important" || t === "bold" ? y.variables.fontWeightBold : null;
         }));
         // CONCATENATED MODULE: ./src/Code/LineHighlightsStyles.ts
-        var O = v().div.withConfig({
+        var R = b().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) {
+        })([ "position:absolute;left:0;height:1lh;background:", ";border-left:2px solid ", ";pointer-events:none;line-height:inherit;width:", "px;", ";" ], y.variables.notificationColorInfoWeak, y.variables.notificationColorInfo, (function(e) {
             var t = e.$width;
             return t;
+        }), (function(e) {
+            var t = e.$containerAppearance, n = e.$lineNum;
+            return t === "none" ? (0, h.css)([ "top:calc(", " * ", "em);" ], n - 1, y.variables[S]) : (0, 
+            h.css)([ "top:calc( ", " * ", "em + ", " );" ], n - 1, y.variables[S], y.variables[A]);
         }));
         // CONCATENATED MODULE: ./src/Code/LineHighlights.tsx
-        function N(e, t) {
-            return F(e) || L(e, t) || R(e, t) || x();
+        function k(e, t) {
+            return D(e) || C(e, t) || F(e, t) || L();
         }
-        function x() {
+        function L() {
             throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
         }
-        function R(e, t) {
+        function F(e, t) {
             if (e) {
-                if ("string" == typeof e) return k(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) ? k(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 k(e, t) {
+        function w(e, t) {
             (null == t || t > e.length) && (t = e.length);
-            for (var n = 0, r = Array(t); n < t; n++) {
-                r[n] = e[n];
+            for (var n = 0, a = Array(t); n < t; n++) {
+                a[n] = e[n];
             }
-            return r;
+            return a;
         }
-        function L(e, t) {
+        function C(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;
+                var a, r, 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) {
+                    } else for (;!(l = (a = i.call(n)).done) && (o.push(a.value), o.length !== t); l = !0) {
                     }
                 } catch (e) {
-                    u = !0, a = e;
+                    u = !0, r = e;
                 } finally {
                     try {
                         if (!l && null != n["return"] && (s = n["return"](), Object(s) !== s)) return;
                     } finally {
-                        if (u) throw a;
+                        if (u) throw r;
                     }
                 }
                 return o;
             }
         }
-        function F(e) {
+        function D(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) {
+                var P = 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 ];
+                var t = e.split("-").map(Number), n = k(t, 2), a = n[0], r = n[1];
+                return [ a, r || a ];
             }));
         };
         // 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 _ = function e(t) {
             var n = t.map((function(e) {
-                var t = N(e, 2), n = t[0], r = t[1];
+                var t = k(e, 2), n = t[0], a = t[1];
                 return Array.from({
-                    length: r - n + 1
+                    length: a - n + 1
                 }, (function(e, t) {
                     return n + t;
                 }));
@@ -2427,37 +2331,45 @@
             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);
+        var $ = function e(n) {
+            var a = n.containerAppearance, r = n.highlight, i = n.width;
+            var s = P(r);
+            var o = _(s);
             
-            return t().createElement(t().Fragment, null, s.map((function(e) {
+            return t().createElement(t().Fragment, null, o.map((function(e) {
                 
-                return t().createElement(O, {
+                return t().createElement(R, {
                     key: e,
                     className: "line-highlight",
                     "aria-hidden": "true",
+                    $containerAppearance: a,
                     $lineNum: e,
-                    $width: a
+                    $width: i
                 });
             })));
         };
-        /* harmony default export */        const P = D;
+        /* harmony default export */        const U = $;
         // CONCATENATED MODULE: ./src/Code/LineNumbersStyles.ts
-        var _ = v().span.withConfig({
+        var M = b().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);
+        })([ "pointer-events:none;user-select:none;", ";& > span{display:block;counter-increment:linenumber;position:relative;z-index:1;&::before{display:block;content:counter(linenumber);color:", ";text-align:right;", "}}" ], (function(e) {
+            var t = e.$containerAppearance;
+            return t === "none" ? (0, h.css)([ "border-right:1px solid ", ";z-index:1;" ], y.variables.borderColor) : (0, 
+            h.css)([ "padding:", ";background-color:", ";" ], y.variables[A], y.variables.neutral200);
+        }), y.variables.contentColorDefault, (function(e) {
+            var t = e.$containerAppearance;
+            return t === "none" && (0, h.css)([ "padding-inline-end:", ";" ], y.variables.spacingSmall);
+        }));
         // CONCATENATED MODULE: ./src/Code/LineNumbers.tsx
-        function $(e) {
-            var n = e.value, r = n === void 0 ? "" : n;
+        function B(e) {
+            var n = e.containerAppearance, a = n === void 0 ? "none" : n, r = e.value, i = r === void 0 ? "" : r;
             // 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
+                        var s = i.match(/\n(?!$)/g);
+            var o = s ? s.length + 1 : 1;
+            var l = Array.from({
+                length: o
             }, (function(e, n) {
                 
                 return t().createElement("span", {
@@ -2465,16 +2377,15 @@
                 });
             }));
             
-            return t().createElement(_, {
+            return t().createElement(M, {
+                $containerAppearance: a,
                 "aria-hidden": true
-            }, s);
+            }, l);
         }
-        /* harmony default export */        const U = $;
-        // EXTERNAL MODULE: ./src/useResizeObserver/index.ts + 1 modules
-                var M = n(6283);
+        /* harmony default export */        const G = B;
         // EXTERNAL MODULE: ./src/Code/prism/prism.empty
-                var B = n(74);
-        var G =  n.n(B);
+                var H = n(74);
+        var j =  n.n(H);
         // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
         /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -2482,7 +2393,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-        function j(e, t) {
+        function z(e, t) {
             if (e) {
                 if (typeof e === "function") {
                     e(t);
@@ -2495,80 +2406,80 @@
             }
         }
         // CONCATENATED MODULE: ./src/Code/Code.tsx
-        function H() {
-            return H = Object.assign ? Object.assign.bind() : function(e) {
+        function Y() {
+            return Y = Object.assign ? Object.assign.bind() : function(e) {
                 for (var t = 1; t < arguments.length; t++) {
                     var n = arguments[t];
-                    for (var r in n) {
-                        ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+                    for (var a in n) {
+                        ({}).hasOwnProperty.call(n, a) && (e[a] = n[a]);
                     }
                 }
                 return e;
-            }, H.apply(null, arguments);
+            }, Y.apply(null, arguments);
         }
-        function z(e, t) {
-            return K(e) || q(e, t) || X(e, t) || Y();
+        function X(e, t) {
+            return Z(e) || V(e, t) || q(e, t) || W();
         }
-        function Y() {
+        function W() {
             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) {
+        function q(e, t) {
             if (e) {
-                if ("string" == typeof e) return W(e, t);
+                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) ? 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) ? K(e, t) : void 0;
             }
         }
-        function W(e, t) {
+        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];
+            for (var n = 0, a = Array(t); n < t; n++) {
+                a[n] = e[n];
             }
-            return r;
+            return a;
         }
-        function q(e, t) {
+        function V(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;
+                var a, r, 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) {
+                    } else for (;!(l = (a = i.call(n)).done) && (o.push(a.value), o.length !== t); l = !0) {
                     }
                 } catch (e) {
-                    u = !0, a = e;
+                    u = !0, r = e;
                 } finally {
                     try {
                         if (!l && null != n["return"] && (s = n["return"](), Object(s) !== s)) return;
                     } finally {
-                        if (u) throw a;
+                        if (u) throw r;
                     }
                 }
                 return o;
             }
         }
-        function K(e) {
+        function Z(e) {
             if (Array.isArray(e)) return e;
         }
-        function V(e, t) {
+        function Q(e, t) {
             if (null == e) return {};
-            var n, r, a = Z(e, t);
+            var n, a, r = J(e, t);
             if (Object.getOwnPropertySymbols) {
                 var i = Object.getOwnPropertySymbols(e);
-                for (r = 0; r < i.length; r++) {
-                    n = i[r], -1 === t.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
+                for (a = 0; a < i.length; a++) {
+                    n = i[a], -1 === t.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (r[n] = e[n]);
                 }
             }
-            return a;
+            return r;
         }
-        function Z(e, t) {
+        function J(e, t) {
             if (null == e) return {};
             var n = {};
-            for (var r in e) {
-                if ({}.hasOwnProperty.call(e, r)) {
-                    if (-1 !== t.indexOf(r)) continue;
-                    n[r] = e[r];
+            for (var a in e) {
+                if ({}.hasOwnProperty.call(e, a)) {
+                    if (-1 !== t.indexOf(a)) continue;
+                    n[a] = e[a];
                 }
             }
             return n;
@@ -2577,123 +2488,127 @@
         // 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 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) {
+                var ee = [ "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 te(e) {
             return [ "plain", "plaintext", "text", "txt" ].includes(e);
         }
-        function ee(e, t) {
-            if (J(t)) {
-                return G().tokenize(e, {});
+        function ne(e, t) {
+            if (te(t)) {
+                return j().tokenize(e, {});
             }
-            return G().tokenize(e, G().languages[t]);
+            return j().tokenize(e, j().languages[t]);
         }
-        var te = {
+        var ae = {
+            containerAppearance: m().oneOf([ "none", "section" ]),
             elementRef: m().oneOfType([ m().func, m().object ]),
             indentChars: m().number,
-            language: m().oneOf(Q),
-            languageFallback: m().oneOf(Q),
+            language: m().oneOf(ee),
+            languageFallback: m().oneOf(ee),
             lineHighlights: m().string,
             lineNumberStart: m().number,
             showIndentGuide: m().bool,
             showLineNumbers: m().bool,
             value: m().string
         };
-        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" ]);
+        function re(n) {
+            var a = n.containerAppearance, r = a === void 0 ? "none" : a, s = n.elementRef, l = n.indentChars, c = l === void 0 ? 4 : l, d = n.language, f = n.languageFallback, m = f === void 0 ? "javascript" : f, E = n.lineHighlights, h = n.lineNumberStart, b = n.showIndentGuide, y = b === void 0 ? true : b, S = n.showLineNumbers, A = n.value, N = A === void 0 ? "" : A, R = Q(n, [ "containerAppearance", "elementRef", "indentChars", "language", "languageFallback", "lineHighlights", "lineNumberStart", "showIndentGuide", "showLineNumbers", "value" ]);
             // @docs-props-type CodePropsBase
-                        var N = (0, e.useRef)(null);
-            var x = (0, e.useState)(undefined), R = z(x, 2), k = R[0], L = R[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 ]);
+                        var k = (0, e.useRef)(null);
+            var L = (0, e.useState)(undefined), F = X(L, 2), w = F[0], C = F[1];
+            var D = v()(k), P = D.width, _ = D.height;
+            var $ = (0, e.useCallback)((function(e) {
+                z(k, e);
+                z(s, e);
+            }), [ s ]);
             (0, e.useEffect)((function() {
-                var e = N.current;
+                var e = k.current;
                 if (e) {
-                    var t = e.scrollHeight > Math.round(C);
-                    var n = e.scrollWidth > Math.round(w);
-                    var r = t || n;
-                    L(r ? 0 : undefined);
+                    var t = e.scrollHeight > Math.round(_);
+                    var n = e.scrollWidth > Math.round(P);
+                    var a = t || n;
+                    C(a ? 0 : undefined);
                 }
-            }), [ 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) {
+            }), [ k, P, _ ]);
+            var M = p()(" ", c);
+            var B = function e(n) {
+                var a = Math.floor(n / c);
+                var r = n % c;
+                var i = g()(a, (function(e) {
                     
-                    return t().createElement(A, {
+                    return t().createElement(O, {
                         key: e.toString()
-                    }, _);
+                    }, M);
                 }));
-                if (a) {
-                    i.push(p()(" ", a));
+                if (r) {
+                    i.push(p()(" ", r));
                 }
                 return i;
             };
-            var B = u()(Q, l) > -1;
+            var H = u()(ee, d) > -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) {}
-            }), [ 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) {
+            }), [ H, d, m ]);
+            var j = H && d ? d : m;
+            var W = ne(N, j);
+            var q = te(j);
+            var K = function e(n) {
+                return i()(n).map((function(n, a) {
                     if (typeof n === "string") {
-                        if (!v) {
+                        if (!y) {
                             return n;
                         }
-                        var a = n.split("\n");
-                        if (a.length === 1) {
+                        var r = n.split("\n");
+                        if (r.length === 1) {
                             return n;
                         }
-                        return o()(a.map((function(e, n) {
-                            var a = n === 0 ? [] : [ "\n" ];
+                        return o()(r.map((function(e, n) {
+                            var r = n === 0 ? [] : [ "\n" ];
                             var i = e.match(/^(\s+)(.*)/);
                             if (!i) {
-                                a.push(e);
+                                r.push(e);
                             } else {
-                                a.push( t().createElement("span", {
-                                    key: "".concat(r.toString(), ":").concat(n.toString())
-                                }, $(i[1].length)), i[2]);
+                                r.push( t().createElement("span", {
+                                    key: "".concat(a.toString(), ":").concat(n.toString())
+                                }, B(i[1].length)), i[2]);
                             }
-                            return a;
+                            return r;
                         })));
                     }
                     var i = typeof n.content === "string" ? n.content : e(n.content);
                     
                     // eslint-disable-next-line react/no-array-index-key
-                    return t().createElement(I, {
+                    return t().createElement(x, {
                         "data-part-type": n.type,
                         partType: n.type,
-                        key: r.toString()
+                        key: a.toString()
                     }, i);
                 }));
             };
-            var q = W(Y);
+            var V = K(W);
             
-            return t().createElement(y, H({
+            return t().createElement(I, Y({
                 "data-test": "code",
-                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
+                ref: $,
+                tabIndex: w,
+                $containerAppearance: r,
+                $showLineNumbers: S,
+                $counterReset: h && h - 1
+            }, R), S &&  t().createElement(G, {
+                containerAppearance: r,
+                value: N
+            }),  t().createElement(T, {
+                className: "language-".concat(j),
+                $isPlaintext: q
+            }, V), E &&  t().createElement(U, {
+                containerAppearance: r,
+                width: P,
+                highlight: E
             }));
         }
-        ne.propTypes = te;
-        /* harmony default export */        const re = ne;
+        re.propTypes = ae;
+        /* harmony default export */        const ie = re;
     }) // CONCATENATED MODULE: ./src/Code/index.ts
     ();
-    module.exports = r;
+    module.exports = a;
     /******/})();