@splunk/react-ui 4.42.0 → 5.0.0-beta.2

package/Code.js

@@ -1,13 +1,106 @@
 /******/ (() => {
     // webpackBootstrap
     /******/ var e = {
+        /***/ 6283: 
+        /***/ (e, t, n) => {
+            "use strict";
+            // EXPORTS
+                        n.d(t, {
+                default: () => /* reexport */ p
+            });
+            // EXTERNAL MODULE: external "react"
+                        var a = n(9497);
+            // CONCATENATED MODULE: ./src/useResizeObserver/useResizeObserver.ts
+            function r(e, t) {
+                return u(e) || l(e, t) || i(e, t) || s();
+            }
+            function s() {
+                throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+            }
+            function i(e, t) {
+                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, a = Array(t); n < t; n++) {
+                    a[n] = e[n];
+                }
+                return a;
+            }
+            function l(e, t) {
+                var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+                if (null != n) {
+                    var a, r, s, i, o = [], l = !0, u = !1;
+                    try {
+                        if (s = (n = n.call(e)).next, 0 === t) {
+                            if (Object(n) !== n) return;
+                            l = !1;
+                        } else for (;!(l = (a = s.call(n)).done) && (o.push(a.value), o.length !== t); l = !0) {
+                        }
+                    } catch (e) {
+                        u = !0, r = e;
+                    } finally {
+                        try {
+                            if (!l && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
+                        } finally {
+                            if (u) throw r;
+                        }
+                    }
+                    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) {
+                var n = (0, a.useState)({
+                    width: 0,
+                    height: 0
+                }), s = r(n, 2), i = s[0], o = s[1];
+                (0, a.useEffect)((function() {
+                    var e = t.current;
+                    if (typeof window !== "undefined" && window.ResizeObserver) {
+                        var n = new ResizeObserver((function(e) {
+                            if (e[0]) {
+                                var n, a;
+                                o({
+                                    width: (t === null || t === void 0 ? void 0 : (n = t.current) === null || n === void 0 ? void 0 : n.getBoundingClientRect().width) || 0,
+                                    height: (t === null || t === void 0 ? void 0 : (a = t.current) === null || a === void 0 ? void 0 : a.getBoundingClientRect().height) || 0
+                                });
+                            }
+                        }));
+                        if (e) {
+                            n.observe(e);
+                        }
+                        return function() {
+                            if (e) {
+                                n.unobserve(e);
+                            }
+                        };
+                    }
+                    // Return a no-op function to satisfy consistent-return rule
+                                        return function() {};
+                }), [ t ]);
+                return i;
+            };
+            /* harmony default export */            const p = c;
+        } // CONCATENATED MODULE: ./src/useResizeObserver/index.ts
+        /***/ ,
         /***/ 74: 
         /***/ e => {
             (function() {
                 var t = undefined;
-                var a = undefined;
+                var n = undefined;
                 /// <reference lib="WebWorker"/>
-                                var n = 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
  *
@@ -17,8 +110,8 @@
  * @public
  */                var r = function(e) {
                     // Private helper vars
-                    var a = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i;
-                    var n = 0;
+                    var n = /(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i;
+                    var a = 0;
                     // The grammar object for plaintext
                                         var r = {};
                     var s = {
@@ -113,7 +206,7 @@
                             objId: function(e) {
                                 if (!e["__id"]) {
                                     Object.defineProperty(e, "__id", {
-                                        value: ++n
+                                        value: ++a
                                     });
                                 }
                                 return e["__id"];
@@ -128,38 +221,38 @@
 			 * @returns {T}
 			 * @template T
 			 */
-                            clone: function e(t, a) {
-                                a = a || {};
-                                var n;
+                            clone: function e(t, n) {
+                                n = n || {};
+                                var a;
                                 var r;
                                 switch (s.util.type(t)) {
                                   case "Object":
                                     r = s.util.objId(t);
-                                    if (a[r]) {
-                                        return a[r];
+                                    if (n[r]) {
+                                        return n[r];
                                     }
-                                    n = /** @type {Record<string, any>} */ {};
-                                    a[r] = n;
+                                    a = /** @type {Record<string, any>} */ {};
+                                    n[r] = a;
                                     for (var i in t) {
                                         if (t.hasOwnProperty(i)) {
-                                            n[i] = e(t[i], a);
+                                            a[i] = e(t[i], n);
                                         }
                                     }
                                     /** @type {any} */
-                                    return n;
+                                    return a;
 
                                   case "Array":
                                     r = s.util.objId(t);
-                                    if (a[r]) {
-                                        return a[r];
+                                    if (n[r]) {
+                                        return n[r];
                                     }
-                                    n = [];
-                                    a[r] = n;
+                                    a = [];
+                                    n[r] = a;
                                     /** @type {Array} */ /** @type {any} */ t.forEach((function(t, r) {
-                                        n[r] = e(t, a);
+                                        a[r] = e(t, n);
                                     }));
                                     /** @type {any} */
-                                    return n;
+                                    return a;
 
                                   default:
                                     return t;
@@ -175,7 +268,7 @@
 			 */
                             getLanguage: function(e) {
                                 while (e) {
-                                    var t = a.exec(e.className);
+                                    var t = n.exec(e.className);
                                     if (t) {
                                         return t[1].toLowerCase();
                                     }
@@ -193,7 +286,7 @@
                             setLanguage: function(e, t) {
                                 // remove all `language-xxxx` classes
                                 // (this might leave behind a leading space)
-                                e.className = e.className.replace(RegExp(a, "gi"), "");
+                                e.className = e.className.replace(RegExp(n, "gi"), "");
                                 // add the new `language-xxxx` class
                                 // (using `classList` will automatically clean up spaces for us)
                                                                 e.classList.add("language-" + t);
@@ -218,18 +311,18 @@
                                 // this will not work for inline scripts
                                                                 try {
                                     throw new Error;
-                                } catch (n) {
+                                } 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(n.stack) || [])[1];
+                                    var e = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(a.stack) || [])[1];
                                     if (e) {
                                         var t = document.getElementsByTagName("script");
-                                        for (var a in t) {
-                                            if (t[a].src == e) {
-                                                return t[a];
+                                        for (var n in t) {
+                                            if (t[n].src == e) {
+                                                return t[n];
                                             }
                                         }
                                     }
@@ -255,19 +348,19 @@
 			 * @param {boolean} [defaultActivation=false]
 			 * @returns {boolean}
 			 */
-                            isActive: function(e, t, a) {
-                                var n = "no-" + t;
+                            isActive: function(e, t, n) {
+                                var a = "no-" + t;
                                 while (e) {
                                     var r = e.classList;
                                     if (r.contains(t)) {
                                         return true;
                                     }
-                                    if (r.contains(n)) {
+                                    if (r.contains(a)) {
                                         return false;
                                     }
                                     e = e.parentElement;
                                 }
-                                return !!a;
+                                return !!n;
                             }
                         },
                         /**
@@ -314,11 +407,11 @@
 			 * });
 			 */
                             extend: function(e, t) {
-                                var a = s.util.clone(s.languages[e]);
-                                for (var n in t) {
-                                    a[n] = t[n];
+                                var n = s.util.clone(s.languages[e]);
+                                for (var a in t) {
+                                    n[a] = t[a];
                                 }
-                                return a;
+                                return n;
                             },
                             /**
 			 * Inserts tokens _before_ another token in a language definition or any other grammar.
@@ -395,50 +488,50 @@
 			 * @returns {Grammar} The new grammar object.
 			 * @public
 			 */
-                            insertBefore: function(e, t, a, n) {
-                                n = n || /** @type {any} */ s.languages;
-                                var r = n[e];
+                            insertBefore: function(e, t, n, a) {
+                                a = a || /** @type {any} */ s.languages;
+                                var r = a[e];
                                 /** @type {Grammar} */                                var i = {};
                                 for (var o in r) {
                                     if (r.hasOwnProperty(o)) {
                                         if (o == t) {
-                                            for (var l in a) {
-                                                if (a.hasOwnProperty(l)) {
-                                                    i[l] = a[l];
+                                            for (var l in n) {
+                                                if (n.hasOwnProperty(l)) {
+                                                    i[l] = n[l];
                                                 }
                                             }
                                         }
                                         // Do not insert token which also occur in insert. See #1525
-                                                                                if (!a.hasOwnProperty(o)) {
+                                                                                if (!n.hasOwnProperty(o)) {
                                             i[o] = r[o];
                                         }
                                     }
                                 }
-                                var u = n[e];
-                                n[e] = i;
+                                var u = a[e];
+                                a[e] = i;
                                 // Update references in other language definitions
-                                                                s.languages.DFS(s.languages, (function(t, a) {
-                                    if (a === u && t != e) {
+                                                                s.languages.DFS(s.languages, (function(t, n) {
+                                    if (n === u && t != e) {
                                         this[t] = i;
                                     }
                                 }));
                                 return i;
                             },
                             // Traverse a language definition with Depth First Search
-                            DFS: function e(t, a, n, r) {
+                            DFS: function e(t, n, a, r) {
                                 r = r || {};
                                 var i = s.util.objId;
                                 for (var o in t) {
                                     if (t.hasOwnProperty(o)) {
-                                        a.call(t, o, t[o], n || o);
+                                        n.call(t, o, t[o], a || o);
                                         var l = t[o];
                                         var u = s.util.type(l);
                                         if (u === "Object" && !r[i(l)]) {
                                             r[i(l)] = true;
-                                            e(l, a, null, r);
+                                            e(l, n, null, r);
                                         } else if (u === "Array" && !r[i(l)]) {
                                             r[i(l)] = true;
-                                            e(l, a, o, r);
+                                            e(l, n, o, r);
                                         }
                                     }
                                 }
@@ -475,17 +568,17 @@
 		 * @memberof Prism
 		 * @public
 		 */
-                        highlightAllUnder: function(e, t, a) {
-                            var n = {
-                                callback: a,
+                        highlightAllUnder: function(e, t, n) {
+                            var a = {
+                                callback: n,
                                 container: e,
                                 selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
                             };
-                            s.hooks.run("before-highlightall", n);
-                            n.elements = Array.prototype.slice.apply(n.container.querySelectorAll(n.selector));
-                            s.hooks.run("before-all-elements-highlight", n);
-                            for (var r = 0, i; i = n.elements[r++]; ) {
-                                s.highlightElement(i, t === true, n.callback);
+                            s.hooks.run("before-highlightall", a);
+                            a.elements = Array.prototype.slice.apply(a.container.querySelectorAll(a.selector));
+                            s.hooks.run("before-all-elements-highlight", a);
+                            for (var r = 0, i; i = a.elements[r++]; ) {
+                                s.highlightElement(i, t === true, a.callback);
                             }
                         },
                         /**
@@ -516,7 +609,7 @@
 		 * @memberof Prism
 		 * @public
 		 */
-                        highlightElement: function(t, a, n) {
+                        highlightElement: function(t, n, a) {
                             // Find language
                             var r = s.util.getLanguage(t);
                             var i = s.languages[r];
@@ -540,7 +633,7 @@
                                 u.element.innerHTML = u.highlightedCode;
                                 s.hooks.run("after-highlight", u);
                                 s.hooks.run("complete", u);
-                                n && n.call(u.element);
+                                a && a.call(u.element);
                             }
                             s.hooks.run("before-sanity-check", u);
                             // plugins may change/add the parent/element
@@ -550,7 +643,7 @@
                             }
                             if (!u.code) {
                                 s.hooks.run("complete", u);
-                                n && n.call(u.element);
+                                a && a.call(u.element);
                                 return;
                             }
                             s.hooks.run("before-highlight", u);
@@ -558,7 +651,7 @@
                                 c(s.util.encode(u.code));
                                 return;
                             }
-                            if (a && e.Worker) {
+                            if (n && e.Worker) {
                                 var p = new Worker(s.filename);
                                 p.onmessage = function(e) {
                                     c(e.data);
@@ -592,19 +685,19 @@
 		 * @example
 		 * Prism.highlight('var foo = true;', Prism.languages.javascript, 'javascript');
 		 */
-                        highlight: function(e, t, a) {
-                            var n = {
+                        highlight: function(e, t, n) {
+                            var a = {
                                 code: e,
                                 grammar: t,
-                                language: a
+                                language: n
                             };
-                            s.hooks.run("before-tokenize", n);
-                            if (!n.grammar) {
-                                throw new Error('The language "' + n.language + '" has no grammar.');
+                            s.hooks.run("before-tokenize", a);
+                            if (!a.grammar) {
+                                throw new Error('The language "' + a.language + '" has no grammar.');
                             }
-                            n.tokens = s.tokenize(n.code, n.grammar);
-                            s.hooks.run("after-tokenize", n);
-                            return i.stringify(s.util.encode(n.tokens), n.language);
+                            a.tokens = s.tokenize(a.code, a.grammar);
+                            s.hooks.run("after-tokenize", a);
+                            return i.stringify(s.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
@@ -631,10 +724,10 @@
 		 * });
 		 */
                         tokenize: function(e, t) {
-                            var a = t.rest;
-                            if (a) {
-                                for (var n in a) {
-                                    t[n] = a[n];
+                            var n = t.rest;
+                            if (n) {
+                                for (var a in n) {
+                                    t[a] = n[a];
                                 }
                                 delete t.rest;
                             }
@@ -663,9 +756,9 @@
 			 * @public
 			 */
                             add: function(e, t) {
-                                var a = s.hooks.all;
-                                a[e] = a[e] || [];
-                                a[e].push(t);
+                                var n = s.hooks.all;
+                                n[e] = n[e] || [];
+                                n[e].push(t);
                             },
                             /**
 			 * Runs a hook invoking all registered callbacks with the given environment variables.
@@ -677,11 +770,11 @@
 			 * @public
 			 */
                             run: function(e, t) {
-                                var a = s.hooks.all[e];
-                                if (!a || !a.length) {
+                                var n = s.hooks.all[e];
+                                if (!n || !n.length) {
                                     return;
                                 }
-                                for (var n = 0, r; r = a[n++]; ) {
+                                for (var a = 0, r; r = n[a++]; ) {
                                     r(t);
                                 }
                             }
@@ -703,7 +796,7 @@
 	 * @class
 	 * @global
 	 * @public
-	 */                    function i(e, t, a, n) {
+	 */                    function i(e, t, n, a) {
                         /**
 		 * The type of the token.
 		 *
@@ -728,9 +821,9 @@
 		 * @type {string|string[]}
 		 * @see GrammarToken
 		 * @public
-		 */                        this.alias = a;
+		 */                        this.alias = n;
                         // Copy of the full string this token was created from
-                                                this.length = (n || "").length | 0;
+                                                this.length = (a || "").length | 0;
                     }
                     /**
 	 * A token stream is an array of strings and {@link Token Token} objects.
@@ -758,24 +851,24 @@
 	 * @returns {string} The HTML representation of the token or token stream.
 	 * @memberof Token
 	 * @static
-	 */                    i.stringify = function e(t, a) {
+	 */                    i.stringify = function e(t, n) {
                         if (typeof t == "string") {
                             return t;
                         }
                         if (Array.isArray(t)) {
-                            var n = "";
+                            var a = "";
                             t.forEach((function(t) {
-                                n += e(t, a);
+                                a += e(t, n);
                             }));
-                            return n;
+                            return a;
                         }
                         var r = {
                             type: t.type,
-                            content: e(t.content, a),
+                            content: e(t.content, n),
                             tag: "span",
                             classes: [ "token", t.type ],
                             attributes: {},
-                            language: a
+                            language: n
                         };
                         var i = t.alias;
                         if (i) {
@@ -798,10 +891,10 @@
 	 * @param {string} text
 	 * @param {boolean} lookbehind
 	 * @returns {RegExpExecArray | null}
-	 */                    function o(e, t, a, n) {
+	 */                    function o(e, t, n, a) {
                         e.lastIndex = t;
-                        var r = e.exec(a);
-                        if (r && n && r[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 s = r[1].length;
                             r.index += s;
@@ -822,46 +915,46 @@
 	 * @typedef RematchOptions
 	 * @property {string} cause
 	 * @property {number} reach
-	 */                    function l(e, t, a, n, r, u) {
-                        for (var d in a) {
-                            if (!a.hasOwnProperty(d) || !a[d]) {
+	 */                    function l(e, t, n, a, r, u) {
+                        for (var d in n) {
+                            if (!n.hasOwnProperty(d) || !n[d]) {
                                 continue;
                             }
-                            var g = a[d];
+                            var g = n[d];
                             g = Array.isArray(g) ? g : [ g ];
                             for (var f = 0; f < g.length; ++f) {
                                 if (u && u.cause == d + "," + f) {
                                     return;
                                 }
                                 var m = g[f];
-                                var h = m.inside;
-                                var v = !!m.lookbehind;
-                                var b = !!m.greedy;
-                                var y = m.alias;
-                                if (b && !m.pattern.global) {
+                                var v = m.inside;
+                                var h = !!m.lookbehind;
+                                var y = !!m.greedy;
+                                var b = m.alias;
+                                if (y && !m.pattern.global) {
                                     // Without the global flag, lastIndex won't work
-                                    var k = m.pattern.toString().match(/[imsuy]*$/)[0];
-                                    m.pattern = RegExp(m.pattern.source, k + "g");
+                                    var x = m.pattern.toString().match(/[imsuy]*$/)[0];
+                                    m.pattern = RegExp(m.pattern.source, x + "g");
                                 }
-                                /** @type {RegExp} */                                var x = m.pattern || m;
+                                /** @type {RegExp} */                                var k = m.pattern || m;
                                 for (// iterate the token list and keep track of the current token/string position
-                                var S = n.next, A = r; S !== t.tail; A += S.value.length, S = S.next) {
+                                var S = a.next, A = r; S !== t.tail; A += S.value.length, S = S.next) {
                                     if (u && A >= u.reach) {
                                         break;
                                     }
-                                    var F = S.value;
+                                    var w = S.value;
                                     if (t.length > e.length) {
                                         // Something went terribly wrong, ABORT, ABORT!
                                         return;
                                     }
-                                    if (F instanceof i) {
+                                    if (w instanceof i) {
                                         continue;
                                     }
-                                    var w = 1;
+                                    var F = 1;
  // this is the to parameter of removeBetween
                                                                         var E;
-                                    if (b) {
-                                        E = o(x, A, e, v);
+                                    if (y) {
+                                        E = o(k, A, e, h);
                                         if (!E || E.index >= e.length) {
                                             break;
                                         }
@@ -882,26 +975,26 @@
                                             continue;
                                         }
                                         // find the last node which is affected by this match
-                                                                                for (var $ = S; $ !== t.tail && (T < O || typeof $.value === "string"); $ = $.next) {
-                                            w++;
-                                            T += $.value.length;
+                                                                                for (var I = S; I !== t.tail && (T < O || typeof I.value === "string"); I = I.next) {
+                                            F++;
+                                            T += I.value.length;
                                         }
-                                        w--;
+                                        F--;
                                         // replace with the new match
-                                                                                F = e.slice(A, T);
+                                                                                w = e.slice(A, T);
                                         E.index -= A;
                                     } else {
-                                        E = o(x, 0, F, v);
+                                        E = o(k, 0, w, h);
                                         if (!E) {
                                             continue;
                                         }
                                     }
                                     // eslint-disable-next-line no-redeclare
                                                                         var _ = E.index;
-                                    var I = E[0];
-                                    var R = F.slice(0, _);
-                                    var P = F.slice(_ + I.length);
-                                    var N = A + F.length;
+                                    var $ = E[0];
+                                    var R = w.slice(0, _);
+                                    var P = w.slice(_ + $.length);
+                                    var N = A + w.length;
                                     if (u && N > u.reach) {
                                         u.reach = N;
                                     }
@@ -910,24 +1003,24 @@
                                         C = c(t, C, R);
                                         A += R.length;
                                     }
-                                    p(t, C, w);
-                                    var D = new i(d, h ? s.tokenize(I, h) : I, y, I);
-                                    S = c(t, C, D);
+                                    p(t, C, F);
+                                    var j = new i(d, v ? s.tokenize($, v) : $, b, $);
+                                    S = c(t, C, j);
                                     if (P) {
                                         c(t, S, P);
                                     }
-                                    if (w > 1) {
+                                    if (F > 1) {
                                         // at least one Token object was removed, so we have to do some rematching
                                         // this can only happen if the current pattern is greedy
                                         /** @type {RematchOptions} */
-                                        var L = {
+                                        var D = {
                                             cause: d + "," + f,
                                             reach: N
                                         };
-                                        l(e, t, a, S.prev, A, L);
+                                        l(e, t, n, S.prev, A, D);
                                         // the reach might have been extended because of the rematching
-                                                                                if (u && L.reach > u.reach) {
-                                            u.reach = L.reach;
+                                                                                if (u && D.reach > u.reach) {
+                                            u.reach = D.reach;
                                         }
                                     }
                                 }
@@ -970,16 +1063,16 @@
 	 * @param {T} value
 	 * @returns {LinkedListNode<T>} The added node.
 	 * @template T
-	 */                    function c(e, t, a) {
+	 */                    function c(e, t, n) {
                         // assumes that node != list.tail && values.length >= 0
-                        var n = t.next;
+                        var a = t.next;
                         var r = {
-                            value: a,
+                            value: n,
                             prev: t,
-                            next: n
+                            next: a
                         };
                         t.next = r;
-                        n.prev = r;
+                        a.prev = r;
                         e.length++;
                         return r;
                     }
@@ -990,13 +1083,13 @@
 	 * @param {LinkedListNode<T>} node
 	 * @param {number} count
 	 * @template T
-	 */                    function p(e, t, a) {
-                        var n = t.next;
-                        for (var r = 0; r < a && n !== e.tail; r++) {
-                            n = n.next;
+	 */                    function p(e, t, n) {
+                        var a = t.next;
+                        for (var r = 0; r < n && a !== e.tail; r++) {
+                            a = a.next;
                         }
-                        t.next = n;
-                        n.prev = t;
+                        t.next = a;
+                        a.prev = t;
                         e.length -= r;
                     }
                     /**
@@ -1005,10 +1098,10 @@
 	 * @template T
 	 */                    function d(e) {
                         var t = [];
-                        var a = e.head.next;
-                        while (a !== e.tail) {
-                            t.push(a.value);
-                            a = a.next;
+                        var n = e.head.next;
+                        while (n !== e.tail) {
+                            t.push(n.value);
+                            n = n.next;
                         }
                         return t;
                     }
@@ -1020,11 +1113,11 @@
                         if (!s.disableWorkerMessageHandler) {
                             // In worker
                             e.addEventListener("message", (function(t) {
-                                var a = JSON.parse(t.data);
-                                var n = a.language;
-                                var r = a.code;
-                                var i = a.immediateClose;
-                                e.postMessage(s.highlight(r, s.languages[n], n));
+                                var n = JSON.parse(t.data);
+                                var a = n.language;
+                                var r = n.code;
+                                var i = n.immediateClose;
+                                e.postMessage(s.highlight(r, s.languages[a], a));
                                 if (i) {
                                     e.close();
                                 }
@@ -1064,13 +1157,13 @@
                         }
                     }
                     return s;
-                }(n);
+                }(a);
                 if (true && e.exports) {
                     e.exports = r;
                 }
                 // hack for components to work correctly in node.js
-                                if (typeof a !== "undefined") {
-                    a.Prism = r;
+                                if (typeof n !== "undefined") {
+                    n.Prism = r;
                 }
                 // some additional documentation/types
                 /**
@@ -1233,23 +1326,23 @@
 	 * @example
 	 * addInlined('style', 'css');
 	 */
-                    value: function e(t, a) {
-                        var n = {};
-                        n["language-" + a] = {
+                    value: function e(t, n) {
+                        var a = {};
+                        a["language-" + n] = {
                             pattern: /(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,
                             lookbehind: true,
-                            inside: r.languages[a]
+                            inside: r.languages[n]
                         };
-                        n["cdata"] = /^<!\[CDATA\[|\]\]>$/i;
+                        a["cdata"] = /^<!\[CDATA\[|\]\]>$/i;
                         var s = {
                             "included-cdata": {
                                 pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
-                                inside: n
+                                inside: a
                             }
                         };
-                        s["language-" + a] = {
+                        s["language-" + n] = {
                             pattern: /[\s\S]+/,
-                            inside: r.languages[a]
+                            inside: r.languages[n]
                         };
                         var i = {};
                         i[t] = {
@@ -1471,17 +1564,17 @@
                 r.languages.js = r.languages.javascript;
                 (function(e) {
                     var t = e.util.clone(e.languages.javascript);
-                    var a = /(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source;
-                    var n = /(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source;
+                    var n = /(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source;
+                    var a = /(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source;
                     var r = /(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;
                     /**
 	 * @param {string} source
 	 * @param {string} [flags]
 	 */                    function s(e, t) {
                         e = e.replace(/<S>/g, (function() {
-                            return a;
-                        })).replace(/<BRACES>/g, (function() {
                             return n;
+                        })).replace(/<BRACES>/g, (function() {
+                            return a;
                         })).replace(/<SPREAD>/g, (function() {
                             return r;
                         }));
@@ -1528,56 +1621,56 @@
                         return e.content.map(i).join("");
                     };
                     var o = function(t) {
-                        var a = [];
-                        for (var n = 0; n < t.length; n++) {
-                            var r = t[n];
+                        var n = [];
+                        for (var a = 0; a < t.length; a++) {
+                            var r = t[a];
                             var s = false;
                             if (typeof r !== "string") {
                                 if (r.type === "tag" && r.content[0] && r.content[0].type === "tag") {
                                     // We found a tag, now find its kind
                                     if (r.content[0].content[0].content === "</") {
                                         // Closing tag
-                                        if (a.length > 0 && a[a.length - 1].tagName === i(r.content[0].content[1])) {
+                                        if (n.length > 0 && n[n.length - 1].tagName === i(r.content[0].content[1])) {
                                             // Pop matching opening tag
-                                            a.pop();
+                                            n.pop();
                                         }
                                     } else {
                                         if (r.content[r.content.length - 1].content === "/>") {
                                             // Autoclosed tag, ignore
                                         } else {
                                             // Opening tag
-                                            a.push({
+                                            n.push({
                                                 tagName: i(r.content[0].content[1]),
                                                 openedBraces: 0
                                             });
                                         }
                                     }
-                                } else if (a.length > 0 && r.type === "punctuation" && r.content === "{") {
+                                } else if (n.length > 0 && r.type === "punctuation" && r.content === "{") {
                                     // Here we might have entered a JSX context inside a tag
-                                    a[a.length - 1].openedBraces++;
-                                } else if (a.length > 0 && a[a.length - 1].openedBraces > 0 && r.type === "punctuation" && r.content === "}") {
+                                    n[n.length - 1].openedBraces++;
+                                } 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
-                                    a[a.length - 1].openedBraces--;
+                                    n[n.length - 1].openedBraces--;
                                 } else {
                                     s = true;
                                 }
                             }
                             if (s || typeof r === "string") {
-                                if (a.length > 0 && a[a.length - 1].openedBraces === 0) {
+                                if (n.length > 0 && n[n.length - 1].openedBraces === 0) {
                                     // Here we are inside a tag, and not inside a JSX context.
                                     // That's plain text: drop any tokens matched.
                                     var l = i(r);
                                     // And merge text with adjacent text
-                                                                        if (n < t.length - 1 && (typeof t[n + 1] === "string" || t[n + 1].type === "plain-text")) {
-                                        l += i(t[n + 1]);
-                                        t.splice(n + 1, 1);
+                                                                        if (a < t.length - 1 && (typeof t[a + 1] === "string" || t[a + 1].type === "plain-text")) {
+                                        l += i(t[a + 1]);
+                                        t.splice(a + 1, 1);
                                     }
-                                    if (n > 0 && (typeof t[n - 1] === "string" || t[n - 1].type === "plain-text")) {
-                                        l = i(t[n - 1]) + l;
-                                        t.splice(n - 1, 1);
-                                        n--;
+                                    if (a > 0 && (typeof t[a - 1] === "string" || t[a - 1].type === "plain-text")) {
+                                        l = i(t[a - 1]) + l;
+                                        t.splice(a - 1, 1);
+                                        a--;
                                     }
-                                    t[n] = new e.Token("plain-text", l, null, l);
+                                    t[a] = new e.Token("plain-text", l, null, l);
                                 }
                             }
                             if (r.content && typeof r.content !== "string") {
@@ -1652,9 +1745,9 @@
                     // This will prevent collisions between TSX tags and TS generic types.
                     // Idea by https://github.com/karlhorky
                     // Discussion: https://github.com/PrismJS/prism/issues/2594#issuecomment-710666928
-                                        var a = e.languages.tsx.tag;
-                    a.pattern = RegExp(/(^|[^\w$]|(?=<\/))/.source + "(?:" + a.pattern.source + ")", a.pattern.flags);
-                    a.lookbehind = true;
+                                        var n = e.languages.tsx.tag;
+                    n.pattern = RegExp(/(^|[^\w$]|(?=<\/))/.source + "(?:" + n.pattern.source + ")", n.pattern.flags);
+                    n.lookbehind = true;
                 })(r);
                 (function(e) {
                     var t = /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
@@ -1708,10 +1801,10 @@
                         punctuation: /[(){};:,]/
                     };
                     e.languages.css["atrule"].inside.rest = e.languages.css;
-                    var a = e.languages.markup;
-                    if (a) {
-                        a.tag.addInlined("style", "css");
-                        a.tag.addAttribute("style", "css");
+                    var n = e.languages.markup;
+                    if (n) {
+                        n.tag.addInlined("style", "css");
+                        n.tag.addAttribute("style", "css");
                     }
                 })(r);
                 (function(e) {
@@ -1720,15 +1813,15 @@
                     // + make sure PS1..4 are here as they are not always set,
                     // - some useless things.
                     var t = "\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b";
-                    var a = {
+                    var n = {
                         pattern: /(^(["']?)\w+\2)[ \t]+\S.*/,
                         lookbehind: true,
                         alias: "punctuation",
                         // this looks reasonably well in all themes
                         inside: null
                     };
-                    var n = {
-                        bash: a,
+                    var a = {
+                        bash: n,
                         environment: {
                             pattern: RegExp("\\$" + t),
                             alias: "constant"
@@ -1832,7 +1925,7 @@
                             pattern: /((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,
                             lookbehind: true,
                             greedy: true,
-                            inside: n
+                            inside: a
                         }, 
                         // Here-document with quotes around the tag
                         // → No expansion (so no “inside”).
@@ -1841,7 +1934,7 @@
                             lookbehind: true,
                             greedy: true,
                             inside: {
-                                bash: a
+                                bash: n
                             }
                         }, 
                         // “Normal” string
@@ -1850,7 +1943,7 @@
                             pattern: /(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,
                             lookbehind: true,
                             greedy: true,
-                            inside: n
+                            inside: a
                         }, {
                             // https://www.gnu.org/software/bash/manual/html_node/Single-Quotes.html
                             pattern: /(^|[^$\\])'[^']*'/,
@@ -1861,14 +1954,14 @@
                             pattern: /\$'(?:[^'\\]|\\[\s\S])*'/,
                             greedy: true,
                             inside: {
-                                entity: n.entity
+                                entity: a.entity
                             }
                         } ],
                         environment: {
                             pattern: RegExp("\\$?" + t),
                             alias: "constant"
                         },
-                        variable: n.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
@@ -1908,9 +2001,9 @@
                             lookbehind: true
                         }
                     };
-                    a.inside = e.languages.bash;
+                    n.inside = e.languages.bash;
                     /* Patterns in command substitution. */                    var r = [ "comment", "function-name", "for-or-select", "assign-left", "parameter", "string", "environment", "function", "keyword", "builtin", "boolean", "file-descriptor", "operator", "punctuation", "number" ];
-                    var s = n.variable[1].inside;
+                    var s = a.variable[1].inside;
                     for (var i = 0; i < r.length; i++) {
                         s[r[i]] = e.languages.bash[r[i]];
                     }
@@ -1922,9 +2015,9 @@
                     // https://yaml.org/spec/1.2/spec.html#c-ns-alias-node
                     var t = /[*&][^\s[\]{},]+/;
                     // https://yaml.org/spec/1.2/spec.html#c-ns-tag-property
-                                        var a = /!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/;
+                                        var n = /!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/;
                     // https://yaml.org/spec/1.2/spec.html#c-ns-properties(n,c)
-                                        var n = "(?:" + a.source + "(?:[ \t]+" + t.source + ")?|" + t.source + "(?:[ \t]+" + a.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
@@ -1940,17 +2033,17 @@
 	 */                    function i(e, t) {
                         t = (t || "").replace(/m/g, "") + "m";
  // add m flag
-                                                var a = /([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g, (function() {
-                            return n;
+                                                var n = /([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g, (function() {
+                            return a;
                         })).replace(/<<value>>/g, (function() {
                             return e;
                         }));
-                        return RegExp(a, t);
+                        return RegExp(n, t);
                     }
                     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 n;
+                                return a;
                             }))),
                             lookbehind: true,
                             alias: "string"
@@ -1958,7 +2051,7 @@
                         comment: /#.*/,
                         key: {
                             pattern: RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g, (function() {
-                                return n;
+                                return a;
                             })).replace(/<<key>>/g, (function() {
                                 return "(?:" + r + "|" + s + ")";
                             }))),
@@ -1995,7 +2088,7 @@
                             pattern: i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source, "i"),
                             lookbehind: true
                         },
-                        tag: a,
+                        tag: n,
                         important: t,
                         punctuation: /---|[:[\]{}\-,|>?]|\.\.\./
                     };
@@ -2026,6 +2119,11 @@
                     punctuation: /[()[\],]/
                 };
             })();
+            /***/        },
+        /***/ 9497: 
+        /***/ e => {
+            "use strict";
+            e.exports = require("react");
             /***/
             /******/        }
     };
@@ -2034,21 +2132,21 @@
     /******/    var t = {};
     /******/
     /******/ // The require function
-    /******/    function a(n) {
+    /******/    function n(a) {
         /******/ // Check if module is in cache
-        /******/ var r = t[n];
+        /******/ var r = t[a];
         /******/        if (r !== undefined) {
             /******/ return r.exports;
             /******/        }
         /******/ // Create a new module (and put it into the cache)
-        /******/        var s = t[n] = {
+        /******/        var s = t[a] = {
             /******/ // no module.id needed
             /******/ // no module.loaded needed
             /******/ exports: {}
             /******/        };
         /******/
         /******/ // Execute the module function
-        /******/        e[n](s, s.exports, a);
+        /******/        e[a](s, s.exports, n);
         /******/
         /******/ // Return the exports of the module
         /******/        return s.exports;
@@ -2058,12 +2156,12 @@
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ a.n = e => {
+        /******/ n.n = e => {
             /******/ var t = e && e.__esModule ? 
             /******/ () => e["default"]
             /******/ : () => e
             /******/;
-            a.d(t, {
+            n.d(t, {
                 a: t
             });
             /******/            return t;
@@ -2073,12 +2171,12 @@
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ a.d = (e, t) => {
-            /******/ for (var n in t) {
-                /******/ if (a.o(t, n) && !a.o(e, n)) {
-                    /******/ Object.defineProperty(e, n, {
+        /******/ n.d = (e, t) => {
+            /******/ for (var a in t) {
+                /******/ if (n.o(t, a) && !n.o(e, a)) {
+                    /******/ Object.defineProperty(e, a, {
                         enumerable: true,
-                        get: t[n]
+                        get: t[a]
                     });
                     /******/                }
                 /******/            }
@@ -2087,14 +2185,14 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ a.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/ n.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
         /******/;
     })();
     /******/
     /******/ /* webpack/runtime/make namespace object */
     /******/    (() => {
         /******/ // define __esModule on exports
-        /******/ a.r = e => {
+        /******/ n.r = e => {
             /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
                 /******/ Object.defineProperty(e, Symbol.toStringTag, {
                     value: "Module"
@@ -2106,126 +2204,97 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var n = {};
+    /************************************************************************/    var a = {};
     // This entry need to be wrapped in an IIFE because it need to be in strict mode.
         (() => {
         "use strict";
         // ESM COMPAT FLAG
-                a.r(n);
+                n.r(a);
         // EXPORTS
-                a.d(n, {
-            default: () => /* reexport */ j
+                n.d(a, {
+            default: () => /* reexport */ M
         });
-        // CONCATENATED MODULE: external "react"
-        const e = require("react");
-        var t =  a.n(e);
+        // EXTERNAL MODULE: external "react"
+                var e = n(9497);
+        var t =  n.n(e);
         // CONCATENATED MODULE: external "prop-types"
         const r = require("prop-types");
-        var s =  a.n(r);
+        var s =  n.n(r);
         // CONCATENATED MODULE: external "lodash/castArray"
         const i = require("lodash/castArray");
-        var o =  a.n(i);
+        var o =  n.n(i);
         // CONCATENATED MODULE: external "lodash/flatten"
         const l = require("lodash/flatten");
-        var u =  a.n(l);
+        var u =  n.n(l);
         // CONCATENATED MODULE: external "lodash/indexOf"
         const c = require("lodash/indexOf");
-        var p =  a.n(c);
+        var p =  n.n(c);
         // CONCATENATED MODULE: external "lodash/repeat"
         const d = require("lodash/repeat");
-        var g =  a.n(d);
+        var g =  n.n(d);
         // CONCATENATED MODULE: external "lodash/times"
         const f = require("lodash/times");
-        var m =  a.n(f);
+        var m =  n.n(f);
         // EXTERNAL MODULE: ./src/Code/prism/prism.empty
-                var h = a(74);
-        var v =  a.n(h);
+                var v = n(74);
+        var h =  n.n(v);
         // CONCATENATED MODULE: external "styled-components"
-        const b = require("styled-components");
-        var y =  a.n(b);
+        const y = require("styled-components");
+        var b =  n.n(y);
         // CONCATENATED MODULE: external "@splunk/themes"
-        const k = require("@splunk/themes");
+        const x = require("@splunk/themes");
         // CONCATENATED MODULE: ./src/Code/CodeStyles.ts
-        var x = y().pre.withConfig({
+        var k = b().pre.withConfig({
             displayName: "CodeStyles__Styled",
             componentId: "sc-1eq4k68-0"
-        })([ "", ";", " line-height:", ";text-align:left;tab-size:4;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;hyphens:none;overflow-x:auto;margin-bottom:1.3em;&:focus-visible{outline:solid ", ";}" ], k.mixins.reset("block"), (0, 
-        k.pick)({
-            enterprise: {
-                dark: (0, b.css)([ "color:", ";" ], k.variables.gray92)
-            }
-        }), (0, k.pick)({
-            enterprise: "17px",
-            prisma: k.variables.lineHeight
-        }), k.variables.focusColor);
-        var S = y().code.withConfig({
+        })([ "", ";", ";color:", ";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:", ";}" ], x.mixins.reset("block"), x.mixins.typography("monoBody", {
+            lineHeight: "spacious"
+        }), x.variables.syntaxTeal, x.variables.focusShadow);
+        var S = b().code.withConfig({
             displayName: "CodeStyles__StyledCode",
             componentId: "sc-1eq4k68-1"
-        })([ "font-family:", ";" ], k.variables.monoFontFamily);
-        var A = y().span.withConfig({
+        })([ "font-family:", ";" ], x.variables.monoFontFamily);
+        var A = b().span.withConfig({
             displayName: "CodeStyles__StyledIndent",
             componentId: "sc-1eq4k68-2"
-        })([ "&:not(:last-child){background-image:linear-gradient( to left,rgba(0,0,0,0.15) 1px,transparent 1px,transparent );}" ]);
-        var F = (0, k.pick)({
-            prisma: k.variables.syntaxGray,
-            enterprise: {
-                dark: k.variables.gray60,
-                light: k.variables.syntaxGray
-            }
-        });
-        var w = (0, k.pick)({
-            prisma: k.variables.syntaxPurple,
-            enterprise: {
-                dark: k.variables.syntaxPurpleLight,
-                light: k.variables.syntaxPurple
-            }
-        });
-        var E = (0, k.pick)({
-            prisma: k.variables.syntaxGreen,
-            enterprise: {
-                dark: k.variables.syntaxGreenLight,
-                light: k.variables.syntaxGreen
-            }
-        });
-        var _ = k.variables.syntaxBlue;
-        var O = k.variables.syntaxRed;
-        var T = {
-            comment: F,
-            prolog: F,
-            doctype: F,
-            cdata: F,
-            punctuation: F,
-            property: w,
-            tag: w,
-            boolean: w,
-            number: w,
-            constant: w,
-            symbol: w,
-            deleted: w,
-            key: w,
-            selector: E,
-            "attr-name": E,
-            string: E,
-            char: E,
-            builtin: E,
-            inserted: E,
-            operator: k.variables.syntaxBrown,
-            entity: k.variables.syntaxBrown,
-            url: k.variables.syntaxBrown,
-            atrule: _,
-            "attr-value": _,
-            keyword: _,
-            function: O,
-            regex: k.variables.syntaxOrange,
-            important: k.variables.syntaxOrange,
-            variable: k.variables.syntaxOrange
+        })([ "&:not(:last-child){background-image:linear-gradient( to left,", " 1px,transparent 1px,transparent );}" ], x.variables.syntaxGray);
+        var w = {
+            comment: x.variables.syntaxGray,
+            prolog: x.variables.syntaxGray,
+            doctype: x.variables.syntaxGray,
+            cdata: x.variables.syntaxGray,
+            punctuation: x.variables.syntaxGray,
+            property: x.variables.syntaxPurple,
+            tag: x.variables.syntaxPurple,
+            boolean: x.variables.syntaxPurple,
+            number: x.variables.syntaxPurple,
+            constant: x.variables.syntaxPurple,
+            symbol: x.variables.syntaxPurple,
+            deleted: x.variables.syntaxPurple,
+            key: x.variables.syntaxPurple,
+            selector: x.variables.syntaxGreen,
+            "attr-name": x.variables.syntaxGreen,
+            string: x.variables.syntaxGreen,
+            char: x.variables.syntaxGreen,
+            builtin: x.variables.syntaxGreen,
+            inserted: x.variables.syntaxGreen,
+            operator: x.variables.syntaxBrown,
+            entity: x.variables.syntaxBrown,
+            url: x.variables.syntaxBrown,
+            atrule: x.variables.syntaxBlue,
+            "attr-value": x.variables.syntaxBlue,
+            keyword: x.variables.syntaxBlue,
+            function: x.variables.syntaxRed,
+            regex: x.variables.syntaxOrange,
+            important: x.variables.syntaxOrange,
+            variable: x.variables.syntaxOrange
         };
-        var $ = y().span.withConfig({
+        var F = 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 w[t];
         }), (function(e) {
             var t = e.partType;
             return t === "entity" ? "help" : null;
@@ -2237,127 +2306,214 @@
             return t === "italic" ? "italic" : null;
         }), (function(e) {
             var t = e.partType;
-            return t === "important" || t === "bold" ? "bold" : null;
+            return t === "important" || t === "bold" ? x.variables.fontWeightBold : null;
         }));
+        // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
+        /**
+ * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
+ *
+ * @param ref - The React callback or object ref. Can be `null` or `undefined`.
+ * @param current - The new value of the ref.
+ */
+        function E(e, t) {
+            if (e) {
+                if (typeof e === "function") {
+                    e(t);
+                } else {
+                    // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
+                    // the intention here is to signal "we will take care of setting 'current', not you".
+                    e.current = t;
+ // eslint-disable-line no-param-reassign
+                                }
+            }
+        }
+        // EXTERNAL MODULE: ./src/useResizeObserver/index.ts + 1 modules
+                var _ = n(6283);
         // CONCATENATED MODULE: ./src/Code/Code.tsx
-        function I() {
-            return I = Object.assign ? Object.assign.bind() : function(e) {
+        function O() {
+            return O = Object.assign ? Object.assign.bind() : function(e) {
                 for (var t = 1; t < arguments.length; t++) {
-                    var a = arguments[t];
-                    for (var n in a) {
-                        ({}).hasOwnProperty.call(a, n) && (e[n] = a[n]);
+                    var n = arguments[t];
+                    for (var a in n) {
+                        ({}).hasOwnProperty.call(n, a) && (e[a] = n[a]);
                     }
                 }
                 return e;
-            }, I.apply(null, arguments);
+            }, O.apply(null, arguments);
+        }
+        function T(e, t) {
+            return N(e) || P(e, t) || $(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 $(e, t) {
+            if (e) {
+                if ("string" == typeof e) return R(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) ? R(e, t) : void 0;
+            }
         }
         function R(e, t) {
+            (null == t || t > e.length) && (t = e.length);
+            for (var n = 0, a = Array(t); n < t; n++) {
+                a[n] = e[n];
+            }
+            return a;
+        }
+        function P(e, t) {
+            var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+            if (null != n) {
+                var a, r, s, i, o = [], l = !0, u = !1;
+                try {
+                    if (s = (n = n.call(e)).next, 0 === t) {
+                        if (Object(n) !== n) return;
+                        l = !1;
+                    } else for (;!(l = (a = s.call(n)).done) && (o.push(a.value), o.length !== t); l = !0) {
+                    }
+                } catch (e) {
+                    u = !0, r = e;
+                } finally {
+                    try {
+                        if (!l && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
+                    } finally {
+                        if (u) throw r;
+                    }
+                }
+                return o;
+            }
+        }
+        function N(e) {
+            if (Array.isArray(e)) return e;
+        }
+        function C(e, t) {
             if (null == e) return {};
-            var a, n, r = P(e, t);
+            var n, a, r = j(e, t);
             if (Object.getOwnPropertySymbols) {
                 var s = Object.getOwnPropertySymbols(e);
-                for (n = 0; n < s.length; n++) {
-                    a = s[n], t.includes(a) || {}.propertyIsEnumerable.call(e, a) && (r[a] = e[a]);
+                for (a = 0; a < s.length; a++) {
+                    n = s[a], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (r[n] = e[n]);
                 }
             }
             return r;
         }
-        function P(e, t) {
+        function j(e, t) {
             if (null == e) return {};
-            var a = {};
-            for (var n in e) {
-                if ({}.hasOwnProperty.call(e, n)) {
-                    if (t.includes(n)) continue;
-                    a[n] = e[n];
+            var n = {};
+            for (var a in e) {
+                if ({}.hasOwnProperty.call(e, a)) {
+                    if (t.includes(a)) continue;
+                    n[a] = e[a];
                 }
             }
-            return a;
+            return n;
         }
         // Prism requires special handling to work around issues related to global scope and
         // 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 N = [ "bash", "clike", "css", "html", "json", "javascript", "js", "jsx", "typescript", "ts", "tsx", "markup", "mathml", "splunk-spl", "svg", "xml", "yaml", "yml" ];
-        function C(e, t) {
-            return v().tokenize(e, v().languages[t]);
+                var D = [ "bash", "clike", "css", "html", "json", "javascript", "js", "jsx", "typescript", "ts", "tsx", "markup", "mathml", "plain", "plaintext", "splunk-spl", "svg", "text", "txt", "xml", "yaml", "yml" ];
+        function L(e, t) {
+            if ([ "plain", "plaintext", "text", "txt" ].indexOf(t) >= 0) {
+                return h().tokenize(e, {});
+            }
+            return h().tokenize(e, h().languages[t]);
         }
-        var D = {
+        var B = {
             elementRef: s().oneOfType([ s().func, s().object ]),
             indentChars: s().number,
-            language: s().oneOf(N),
-            languageFallback: s().oneOf(N),
+            language: s().oneOf(D),
+            languageFallback: s().oneOf(D),
             showIndentGuide: s().bool,
             value: s().string
         };
-        function L(e) {
-            var a = e.elementRef, n = e.indentChars, r = n === void 0 ? 4 : n, s = e.language, i = e.languageFallback, l = i === void 0 ? "javascript" : i, c = e.showIndentGuide, d = c === void 0 ? true : c, f = e.value, h = f === void 0 ? "" : f, v = R(e, [ "elementRef", "indentChars", "language", "languageFallback", "showIndentGuide", "value" ]);
+        function G(n) {
+            var a = n.elementRef, r = n.indentChars, s = r === void 0 ? 4 : r, i = n.language, l = n.languageFallback, c = l === void 0 ? "javascript" : l, d = n.showIndentGuide, f = d === void 0 ? true : d, v = n.value, h = v === void 0 ? "" : v, y = C(n, [ "elementRef", "indentChars", "language", "languageFallback", "showIndentGuide", "value" ]);
             // @docs-props-type CodePropsBase
-                        var b = g()(" ", r);
-            var y = function e(a) {
-                var n = Math.floor(a / r);
-                var s = a % r;
-                var i = m()(n, (function(e) {
+                        var b = (0, e.useRef)(null);
+            var x = (0, e.useState)(undefined), w = T(x, 2), I = w[0], $ = w[1];
+            var R = (0, _["default"])(b), P = R.width, N = R.height;
+            var j = (0, e.useCallback)((function(e) {
+                E(b, e);
+                E(a, e);
+            }), [ a ]);
+            (0, e.useEffect)((function() {
+                var e = b.current;
+                if (e) {
+                    var t = e.scrollHeight > Math.round(N);
+                    var n = e.scrollWidth > Math.round(P);
+                    var a = t || n;
+                    $(a ? 0 : undefined);
+                }
+            }), [ b, P, N ]);
+            var B = g()(" ", s);
+            var G = function e(n) {
+                var a = Math.floor(n / s);
+                var r = n % s;
+                var i = m()(a, (function(e) {
                     
                     return t().createElement(A, {
                         key: e.toString()
-                    }, b);
+                    }, B);
                 }));
-                if (s) {
-                    i.push(g()(" ", s));
+                if (r) {
+                    i.push(g()(" ", r));
                 }
                 return i;
             };
-            // a fix for SUI-5425, where the Markdown component doesn't pass a valid language in some circumstances
-                        var k = p()(N, s) > -1;
-            if (false) {}
-            var F = k && s ? s : l;
-            var w = C(h, F);
-            var E = function e(a) {
-                return o()(a).map((function(a, n) {
-                    if (typeof a === "string") {
-                        if (!d) {
-                            return a;
+            var M = p()(D, i) > -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) {}
+            }), [ M, i, c ]);
+            var z = M && i ? i : c;
+            var H = L(h, z);
+            var q = function e(n) {
+                return o()(n).map((function(n, a) {
+                    if (typeof n === "string") {
+                        if (!f) {
+                            return n;
                         }
-                        var r = a.split("\n");
+                        var r = n.split("\n");
                         if (r.length === 1) {
-                            return a;
+                            return n;
                         }
-                        return u()(r.map((function(e, a) {
-                            var r = a === 0 ? [] : [ "\n" ];
+                        return u()(r.map((function(e, n) {
+                            var r = n === 0 ? [] : [ "\n" ];
                             var s = e.match(/^(\s+)(.*)/);
                             if (!s) {
                                 r.push(e);
                             } else {
                                 r.push( t().createElement("span", {
-                                    key: "".concat(n.toString(), ":").concat(a.toString())
-                                }, y(s[1].length)), s[2]);
+                                    key: "".concat(a.toString(), ":").concat(n.toString())
+                                }, G(s[1].length)), s[2]);
                             }
                             return r;
                         })));
                     }
-                    var s = typeof a.content === "string" ? a.content : e(a.content);
+                    var s = typeof n.content === "string" ? n.content : e(n.content);
                     
                     // eslint-disable-next-line react/no-array-index-key
-                    return t().createElement($, {
-                        "data-part-type": a.type,
-                        partType: a.type,
-                        key: n.toString()
+                    return t().createElement(F, {
+                        "data-part-type": n.type,
+                        partType: n.type,
+                        key: a.toString()
                     }, s);
                 }));
             };
-            var _ = E(w);
+            var U = q(H);
             
-            return t().createElement(x, I({
+            return t().createElement(k, O({
                 "data-test": "code",
-                ref: a,
-                tabIndex: 0
-            }, v),  t().createElement(S, {
-                className: "language-".concat(F)
-            }, _));
+                ref: j,
+                tabIndex: I
+            }, y),  t().createElement(S, {
+                className: "language-".concat(z)
+            }, U));
         }
-        L.propTypes = D;
-        /* harmony default export */        const j = L;
+        G.propTypes = B;
+        /* harmony default export */        const M = G;
     }) // CONCATENATED MODULE: ./src/Code/index.ts
     ();
-    module.exports = n;
+    module.exports = a;
     /******/})();