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

package/Markdown.js

@@ -61,93 +61,146 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        MarkdownAnchorHeading: () => /* reexport */ ee,
-        MarkdownBlockquote: () => /* reexport */ k,
-        MarkdownCode: () => /* reexport */ E,
-        MarkdownCodeBlock: () => /* reexport */ B,
-        MarkdownHeading: () => /* reexport */ G,
-        MarkdownImage: () => /* reexport */ le,
-        MarkdownItem: () => /* reexport */ Ee,
-        MarkdownLink: () => /* reexport */ ye,
-        MarkdownList: () => /* reexport */ ke,
-        MarkdownParagraph: () => /* reexport */ _e,
-        default: () => /* reexport */ Ue
+        MarkdownAnchorHeading: () => /* reexport */ j,
+        MarkdownBlockquote: () => /* reexport */ T,
+        MarkdownCode: () => /* reexport */ B,
+        MarkdownCodeBlock: () => /* reexport */ F,
+        MarkdownHeading: () => /* reexport */ V,
+        MarkdownImage: () => /* reexport */ ee,
+        MarkdownItem: () => /* reexport */ ge,
+        MarkdownLink: () => /* reexport */ ae,
+        MarkdownList: () => /* reexport */ ve,
+        MarkdownParagraph: () => /* reexport */ ke,
+        default: () => /* reexport */ We
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
     var t =  e.n(n);
     // CONCATENATED MODULE: external "prop-types"
-    const o = require("prop-types");
-    var i =  e.n(o);
-    // CONCATENATED MODULE: external "commonmark-react-renderer"
-    const l = require("commonmark-react-renderer");
-    var a =  e.n(l);
-    // CONCATENATED MODULE: external "commonmark"
-    const c = require("commonmark");
-    // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const u = require("@splunk/react-ui/Box");
-    var s =  e.n(u);
+    const l = require("prop-types");
+    var o =  e.n(l);
     // CONCATENATED MODULE: external "styled-components"
-    const f = require("styled-components");
-    var p =  e.n(f);
+    const i = require("styled-components");
+    var a =  e.n(i);
+    // CONCATENATED MODULE: external "react-markdown"
+    const u = require("react-markdown");
+    var c =  e.n(u);
+    // CONCATENATED MODULE: external "remark-gfm"
+    const s = require("remark-gfm");
+    var f =  e.n(s);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Prose"
+    const d = require("@splunk/react-ui/Prose");
+    var p =  e.n(d);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Anchor"
+    const v = require("@splunk/react-ui/Anchor");
+    var y =  e.n(v);
+    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownAnchorHeading.tsx
+    function b() {
+        return b = Object.assign ? Object.assign.bind() : function(e) {
+            for (var r = 1; r < arguments.length; r++) {
+                var n = arguments[r];
+                for (var t in n) {
+                    ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
+                }
+            }
+            return e;
+        }, b.apply(null, arguments);
+    }
+    function m(e, r) {
+        if (null == e) return {};
+        var n, t, l = g(e, r);
+        if (Object.getOwnPropertySymbols) {
+            var o = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < o.length; t++) {
+                n = o[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (l[n] = e[n]);
+            }
+        }
+        return l;
+    }
+    function g(e, r) {
+        if (null == e) return {};
+        var n = {};
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (r.includes(t)) continue;
+                n[t] = e[t];
+            }
+        }
+        return n;
+    }
+    function h(e) {
+        "@babel/helpers - typeof";
+        return h = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return typeof e;
+        } : function(e) {
+            return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+        }, h(e);
+    }
+    // When this is used in MDX, the node isn't guaranteed to be text,
+    // so this method extracts the actual text from the node.
+        function O(e) {
+        var r = h(e);
+        var n = "";
+        if (e != null) {
+            if (r === "string" || r === "number") {
+                n = e.toString();
+            } else if (r === "boolean") {
+                n = e ? "true" : "false";
+            } else if (h(e) === "object") {
+                if (e instanceof Array) {
+                    n = e.map(O).join(" ");
+                } else if ("props" in e) {
+                    n = O(e.props.children);
+                }
+            }
+        }
+        return n;
+    }
+    function w(e) {
+        return n.Children.toArray(e).map(O).join(" ").toLowerCase().replace(/[^a-z0-9-. ]/g, "").replace(/[-. ]+/g, "-");
+    }
+    function P(e) {
+        var r = e.level, n = e.children, l = m(e, [ "level", "children" ]);
+        
+        return t().createElement(V, b({
+            level: r
+        }, l),  t().createElement(y(), {
+            name: w(n)
+        }, n));
+    }
+    /* harmony default export */    const j = P;
     // CONCATENATED MODULE: external "@splunk/themes"
-    const d = require("@splunk/themes");
+    const k = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Markdown/MarkdownStyles.ts
-    var y = p().div.withConfig({
+    var S = a().div.withConfig({
         displayName: "MarkdownStyles__StyledCodeBlock",
         componentId: "sc-1xadih-0"
-    })([ "", ";margin:", " 0;background-color:", ";" ], (0, d.pick)({
-        enterprise: (0, f.css)([ "padding:", ";" ], d.variables.spacingSmall),
-        prisma: (0, f.css)([ "padding:10px ", ";" ], d.variables.spacingLarge)
-    }), (0, d.pick)({
-        enterprise: d.variables.spacingSmall,
-        prisma: d.variables.spacingLarge
-    }), (0, d.pick)({
-        enterprise: {
-            light: d.variables.gray96,
-            dark: d.variables.gray22
-        },
-        prisma: d.variables.backgroundColorSection
-    }));
-    var b = p().code.withConfig({
+    })([ "", "" ], k.mixins.reset("block"));
+    var E = a().code.withConfig({
         displayName: "MarkdownStyles__StyledCodeInline",
         componentId: "sc-1xadih-1"
-    })([ "", ";font-family:", ";background-color:", ";" ], d.mixins.reset("inline"), d.variables.monoFontFamily, (0, 
-    d.pick)({
-        enterprise: {
-            light: d.variables.gray92,
-            dark: d.variables.gray22
-        },
-        prisma: d.variables.neutral200
-    }));
-    var v = p().blockquote.withConfig({
+    })([ "", ";font-family:", ";background-color:", ";" ], k.mixins.reset("inline"), k.variables.monoFontFamily, k.variables.neutral100);
+    var R = a().blockquote.withConfig({
         displayName: "MarkdownStyles__StyledHint",
         componentId: "sc-1xadih-2"
-    })([ "", " ", " background-color:", ";margin-bottom:15px;padding:", ";border-left:10px solid ", ";>:last-child{margin-bottom:0;}" ], d.mixins.reset("block"), d.mixins.clearfix(), (0, 
-    d.pick)({
-        enterprise: {
-            light: d.variables.infoColorL50,
-            dark: d.variables.infoColorD50
-        },
-        prisma: d.variables.neutral100
-    }), d.variables.spacingSmall, d.variables.infoColor);
-    var m = p().img.withConfig({
-        displayName: "MarkdownStyles__StyledImage",
-        componentId: "sc-1xadih-3"
-    })([ "max-width:100%;" ]);
+    })([ "", " padding:", ";border-left:10px solid ", ";>:last-child{margin-bottom:0;}" ], k.mixins.reset("block"), k.variables.spacingSmall, (0, 
+    k.pick)({
+        dark: k.variables.white,
+        light: k.variables.neutral500
+    }));
     // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownBlockquote.tsx
-    function g(e, r) {
+    function q(e, r) {
         if (null == e) return {};
-        var n, t, o = O(e, r);
+        var n, t, l = I(e, r);
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < i.length; t++) {
-                n = i[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+            var o = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < o.length; t++) {
+                n = o[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (l[n] = e[n]);
             }
         }
-        return o;
+        return l;
     }
-    function O(e, r) {
+    function I(e, r) {
         if (null == e) return {};
         var n = {};
         for (var t in e) {
@@ -158,29 +211,25 @@
         }
         return n;
     }
-    var h = {
-        children: i().node
-    };
-    function w(e) {
-        var r = e.children, n = g(e, [ "children" ]);
+    function M(e) {
+        var r = e.children, n = q(e, [ "children" ]);
         
-        return t().createElement(v, n, r);
+        return t().createElement(R, n, r);
     }
-    w.propTypes = h;
-    /* harmony default export */    const k = w;
+    /* harmony default export */    const T = M;
     // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownCode.tsx
-    function P(e, r) {
+    function C(e, r) {
         if (null == e) return {};
-        var n, t, o = j(e, r);
+        var n, t, l = x(e, r);
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < i.length; t++) {
-                n = i[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+            var o = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < o.length; t++) {
+                n = o[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (l[n] = e[n]);
             }
         }
-        return o;
+        return l;
     }
-    function j(e, r) {
+    function x(e, r) {
         if (null == e) return {};
         var n = {};
         for (var t in e) {
@@ -191,34 +240,30 @@
         }
         return n;
     }
-    var S = {
-        literal: i().string
-    };
-    function R(e) {
-        var r = e.literal, n = P(e, [ "literal" ]);
+    function _(e) {
+        var r = e.children, n = C(e, [ "children" ]);
         
-        return t().createElement(b, n, r);
+        return t().createElement(E, n, r);
     }
-    R.propTypes = S;
-    /* harmony default export */    const E = R;
+    /* harmony default export */    const B = _;
     // CONCATENATED MODULE: external "@splunk/react-ui/Code"
-    const I = require("@splunk/react-ui/Code");
-    var q =  e.n(I);
+    const H = require("@splunk/react-ui/Code");
+    var A =  e.n(H);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const M = require("@splunk/ui-utils/i18n");
+    const U = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownCodeBlock.tsx
-    function C(e, r) {
+    function L(e, r) {
         if (null == e) return {};
-        var n, t, o = x(e, r);
+        var n, t, l = N(e, r);
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < i.length; t++) {
-                n = i[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+            var o = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < o.length; t++) {
+                n = o[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (l[n] = e[n]);
             }
         }
-        return o;
+        return l;
     }
-    function x(e, r) {
+    function N(e, r) {
         if (null == e) return {};
         var n = {};
         for (var t in e) {
@@ -229,30 +274,22 @@
         }
         return n;
     }
-    var T = {
-        literal: i().string,
-        language: i().string
-    };
-    function _(e) {
-        var r = e.literal, n = e.language, o = C(e, [ "literal", "language" ]);
+    function D(e) {
+        var r = e.children, n = e.language, l = L(e, [ "children", "language" ]);
         
-        return t().createElement(y, o,  t().createElement(q(), {
-            "aria-label": (0, M._)("Code Block"),
+        return t().createElement(S, l,  t().createElement(A(), {
+            "aria-label": (0, U._)("Code Block"),
             language: n,
-            value: r,
-            style: {
-                margin: 0
-            }
+            value: String(r).replace(/\n$/, "")
         }));
     }
-    _.propTypes = T;
-    /* harmony default export */    const B = _;
+    /* harmony default export */    const F = D;
     // CONCATENATED MODULE: external "@splunk/react-ui/Heading"
-    const L = require("@splunk/react-ui/Heading");
-    var H =  e.n(L);
+    const z = require("@splunk/react-ui/Heading");
+    var $ =  e.n(z);
     // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownHeading.tsx
-    function D() {
-        return D = Object.assign ? Object.assign.bind() : function(e) {
+    function G() {
+        return G = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var n = arguments[r];
                 for (var t in n) {
@@ -260,20 +297,20 @@
                 }
             }
             return e;
-        }, D.apply(null, arguments);
+        }, G.apply(null, arguments);
     }
-    function N(e, r) {
+    function J(e, r) {
         if (null == e) return {};
-        var n, t, o = A(e, r);
+        var n, t, l = K(e, r);
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < i.length; t++) {
-                n = i[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+            var o = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < o.length; t++) {
+                n = o[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (l[n] = e[n]);
             }
         }
-        return o;
+        return l;
     }
-    function A(e, r) {
+    function K(e, r) {
         if (null == e) return {};
         var n = {};
         for (var t in e) {
@@ -284,24 +321,18 @@
         }
         return n;
     }
-    var F = {
-        children: i().node
-    };
-    function z(e) {
-        var r = e.level, n = e.children, o = N(e, [ "level", "children" ]);
+    function Q(e) {
+        var r = e.level, n = e.children, l = J(e, [ "level", "children" ]);
+        var o = Math.min(r, 6);
         
-        return t().createElement(H(), D({
-            level: Math.min(r, 4)
-        }, o), n);
+        return t().createElement($(), G({
+            level: o
+        }, l), n);
     }
-    z.propTypes = F;
-    /* harmony default export */    const G = z;
-    // CONCATENATED MODULE: external "@splunk/react-ui/Anchor"
-    const J = require("@splunk/react-ui/Anchor");
-    var K =  e.n(J);
-    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownAnchorHeading.tsx
-    function Q() {
-        return Q = Object.assign ? Object.assign.bind() : function(e) {
+    /* harmony default export */    const V = Q;
+    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownImage.tsx
+    function W() {
+        return W = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var n = arguments[r];
                 for (var t in n) {
@@ -309,20 +340,20 @@
                 }
             }
             return e;
-        }, Q.apply(null, arguments);
+        }, W.apply(null, arguments);
     }
-    function U(e, r) {
+    function X(e, r) {
         if (null == e) return {};
-        var n, t, o = V(e, r);
+        var n, t, l = Y(e, r);
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < i.length; t++) {
-                n = i[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+            var o = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < o.length; t++) {
+                n = o[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (l[n] = e[n]);
             }
         }
-        return o;
+        return l;
     }
-    function V(e, r) {
+    function Y(e, r) {
         if (null == e) return {};
         var n = {};
         for (var t in e) {
@@ -333,54 +364,22 @@
         }
         return n;
     }
-    function W(e) {
-        "@babel/helpers - typeof";
-        return W = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
-            return typeof e;
-        } : function(e) {
-            return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, W(e);
-    }
-    var X = {
-        children: i().node
-    };
-    // When this is used in MDX, the node isn't guaranteed to be text,
-    // so this method extracts the actual text from the node.
-        function Y(e) {
-        var r = W(e);
-        var n = "";
-        if (e != null) {
-            if (r === "string" || r === "number") {
-                n = e.toString();
-            } else if (r === "boolean") {
-                n = e ? "true" : "false";
-            } else if (W(e) === "object") {
-                if (e instanceof Array) {
-                    n = e.map(Y).join(" ");
-                } else if ("props" in e) {
-                    n = Y(e.props.children);
-                }
-            }
-        }
-        return n;
-    }
     function Z(e) {
-        return n.Children.toArray(e).map(Y).join(" ").toLowerCase().replace(/[^a-z0-9-. ]/g, "").replace(/[-. ]+/g, "-");
-    }
-    function $(e) {
-        var r = e.level, n = e.children, o = U(e, [ "level", "children" ]);
+        var r = e.src, n = e.title, l = e.alt, o = X(e, [ "src", "title", "alt" ]);
         
-        return t().createElement(G, Q({
-            level: Math.min(r, 4)
-        }, o),  t().createElement(K(), {
-            name: Z(n)
-        }, n));
+        return t().createElement("img", W({
+            src: r,
+            title: n,
+            alt: l
+        }, o));
     }
-    $.propTypes = X;
-    /* harmony default export */    const ee = $;
-    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownImage.tsx
-    function re() {
-        return re = Object.assign ? Object.assign.bind() : function(e) {
+    /* harmony default export */    const ee = Z;
+    // CONCATENATED MODULE: external "@splunk/react-ui/Link"
+    const re = require("@splunk/react-ui/Link");
+    var ne =  e.n(re);
+    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownLink.tsx
+    function te() {
+        return te = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var n = arguments[r];
                 for (var t in n) {
@@ -388,20 +387,20 @@
                 }
             }
             return e;
-        }, re.apply(null, arguments);
+        }, te.apply(null, arguments);
     }
-    function ne(e, r) {
+    function le(e, r) {
         if (null == e) return {};
-        var n, t, o = te(e, r);
+        var n, t, l = oe(e, r);
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < i.length; t++) {
-                n = i[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+            var o = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < o.length; t++) {
+                n = o[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (l[n] = e[n]);
             }
         }
-        return o;
+        return l;
     }
-    function te(e, r) {
+    function oe(e, r) {
         if (null == e) return {};
         var n = {};
         for (var t in e) {
@@ -412,28 +411,20 @@
         }
         return n;
     }
-    var oe = {
-        alt: i().string,
-        src: i().string,
-        title: i().string
-    };
     function ie(e) {
-        var r = e.src, n = e.title, o = e.alt, i = ne(e, [ "src", "title", "alt" ]);
+        var r = e.children, n = e.href, l = le(e, [ "children", "href" ]);
         
-        return t().createElement(m, re({
-            src: r,
-            title: n,
-            alt: o
-        }, i));
+        return t().createElement(ne(), te({
+            to: n
+        }, l), r);
     }
-    ie.propTypes = oe;
-    /* harmony default export */    const le = ie;
-    // CONCATENATED MODULE: external "@splunk/react-ui/Link"
-    const ae = require("@splunk/react-ui/Link");
-    var ce =  e.n(ae);
-    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownLink.tsx
-    function ue() {
-        return ue = Object.assign ? Object.assign.bind() : function(e) {
+    /* harmony default export */    const ae = ie;
+    // CONCATENATED MODULE: external "@splunk/react-ui/List"
+    const ue = require("@splunk/react-ui/List");
+    var ce =  e.n(ue);
+    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownList.tsx
+    function se() {
+        return se = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var n = arguments[r];
                 for (var t in n) {
@@ -441,20 +432,20 @@
                 }
             }
             return e;
-        }, ue.apply(null, arguments);
+        }, se.apply(null, arguments);
     }
-    function se(e, r) {
+    function fe(e, r) {
         if (null == e) return {};
-        var n, t, o = fe(e, r);
+        var n, t, l = de(e, r);
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < i.length; t++) {
-                n = i[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+            var o = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < o.length; t++) {
+                n = o[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (l[n] = e[n]);
             }
         }
-        return o;
+        return l;
     }
-    function fe(e, r) {
+    function de(e, r) {
         if (null == e) return {};
         var n = {};
         for (var t in e) {
@@ -465,47 +456,27 @@
         }
         return n;
     }
-    var pe = {
-        children: i().node,
-        href: i().string,
-        title: i().string
-    };
-    function de(e) {
-        var r = e.children, n = e.href, o = se(e, [ "children", "href" ]);
+    function pe(e) {
+        var r = e.children, n = e.ordered, l = fe(e, [ "children", "ordered" ]);
         
-        return t().createElement(ce(), ue({
-            to: n
-        }, o), r);
+        return t().createElement(ce(), se({}, l, {
+            ordered: n
+        }), r);
     }
-    de.propTypes = pe;
-    /* harmony default export */    const ye = de;
-    // CONCATENATED MODULE: external "@splunk/react-ui/List"
-    const be = require("@splunk/react-ui/List");
-    var ve =  e.n(be);
-    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownList.tsx
-    function me() {
-        return me = Object.assign ? Object.assign.bind() : function(e) {
-            for (var r = 1; r < arguments.length; r++) {
-                var n = arguments[r];
-                for (var t in n) {
-                    ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
-                }
-            }
-            return e;
-        }, me.apply(null, arguments);
-    }
-    function ge(e, r) {
+    /* harmony default export */    const ve = pe;
+    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownItem.tsx
+    function ye(e, r) {
         if (null == e) return {};
-        var n, t, o = Oe(e, r);
+        var n, t, l = be(e, r);
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < i.length; t++) {
-                n = i[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+            var o = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < o.length; t++) {
+                n = o[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (l[n] = e[n]);
             }
         }
-        return o;
+        return l;
     }
-    function Oe(e, r) {
+    function be(e, r) {
         if (null == e) return {};
         var n = {};
         for (var t in e) {
@@ -516,36 +487,28 @@
         }
         return n;
     }
-    var he = {
-        children: i().node,
-        type: i().string
-    };
-    function we(e) {
-        var r = e.children, n = e.type, o = ge(e, [ "children", "type" ]);
-        if (n === "ordered") {
-            
-            return t().createElement(ve(), me({}, o, {
-                ordered: true
-            }), r);
-        }
+    function me(e) {
+        var r = e.children, n = ye(e, [ "children" ]);
         
-        return t().createElement(ve(), o, r);
+        return t().createElement(ue.Item, n, r);
     }
-    we.propTypes = he;
-    /* harmony default export */    const ke = we;
-    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownItem.tsx
-    function Pe(e, r) {
+    /* harmony default export */    const ge = me;
+    // CONCATENATED MODULE: external "@splunk/react-ui/Paragraph"
+    const he = require("@splunk/react-ui/Paragraph");
+    var Oe =  e.n(he);
+    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownParagraph.tsx
+    function we(e, r) {
         if (null == e) return {};
-        var n, t, o = je(e, r);
+        var n, t, l = Pe(e, r);
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < i.length; t++) {
-                n = i[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+            var o = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < o.length; t++) {
+                n = o[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (l[n] = e[n]);
             }
         }
-        return o;
+        return l;
     }
-    function je(e, r) {
+    function Pe(e, r) {
         if (null == e) return {};
         var n = {};
         for (var t in e) {
@@ -556,32 +519,39 @@
         }
         return n;
     }
-    var Se = {
-        children: i().node
-    };
-    function Re(e) {
-        var r = e.children, n = Pe(e, [ "children" ]);
+    function je(e) {
+        var r = e.children, n = we(e, [ "children" ]);
         
-        return t().createElement(be.Item, n, r);
+        return t().createElement(Oe(), n, r);
+    }
+    /* harmony default export */    const ke = je;
+    // CONCATENATED MODULE: external "@splunk/react-ui/Table"
+    const Se = require("@splunk/react-ui/Table");
+    var Ee =  e.n(Se);
+    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownTable.tsx
+    function Re() {
+        return Re = Object.assign ? Object.assign.bind() : function(e) {
+            for (var r = 1; r < arguments.length; r++) {
+                var n = arguments[r];
+                for (var t in n) {
+                    ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
+                }
+            }
+            return e;
+        }, Re.apply(null, arguments);
     }
-    Re.propTypes = Se;
-    /* harmony default export */    const Ee = Re;
-    // CONCATENATED MODULE: external "@splunk/react-ui/Paragraph"
-    const Ie = require("@splunk/react-ui/Paragraph");
-    var qe =  e.n(Ie);
-    // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownParagraph.tsx
-    function Me(e, r) {
+    function qe(e, r) {
         if (null == e) return {};
-        var n, t, o = Ce(e, r);
+        var n, t, l = Ie(e, r);
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < i.length; t++) {
-                n = i[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+            var o = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < o.length; t++) {
+                n = o[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (l[n] = e[n]);
             }
         }
-        return o;
+        return l;
     }
-    function Ce(e, r) {
+    function Ie(e, r) {
         if (null == e) return {};
         var n = {};
         for (var t in e) {
@@ -592,27 +562,71 @@
         }
         return n;
     }
-    var xe = {
-        children: i().node
-    };
+    function Me(e) {
+        var r = e.children, n = qe(e, [ "children" ]);
+        
+        return t().createElement(Ee(), n, r);
+    }
+    Me.splunkUiType = "Table";
     function Te(e) {
-        var r = e.children, n = Me(e, [ "children" ]);
+        var r = e.children, n = qe(e, [ "children" ]);
         
-        return t().createElement(qe(), n, r);
+        return t().createElement(Ee().Body, n, r);
     }
-    Te.propTypes = xe;
-    /* harmony default export */    const _e = Te;
-    // CONCATENATED MODULE: ./src/Markdown/Markdown.tsx
+    Te.splunkUiType = "Table.Body";
+    function Ce(e) {
+        var r = e.children, n = e.style, l = qe(e, [ "children", "style" ]);
+        
+        return t().createElement(Ee().Cell, Re({}, l, {
+            align: n === null || n === void 0 ? void 0 : n.textAlign
+        }), r);
+    }
+    Ce.splunkUiType = "Table.Cell";
+    function xe(e) {
+        var r;
+        return (e === null || e === void 0 ? void 0 : (r = e.props) === null || r === void 0 ? void 0 : r.children) != null;
+    }
+    // `Table.Head` automatically adds a `tr`, so the one generated by `react-markdown` needs to be thrown out
+        function _e(e) {
+        var r = e.children, n = qe(e, [ "children" ]);
+        // We can assume there is only one tr inside of thead as multiple trs are not supported in Markdown tables
+                var l = r[0];
+        // The types from react-markdown are in conflict here.
+        // react-markdown expects the `thead` component to take React.ReactNode as children to be a valid custom component,
+        // but will actually be passed react components from our custom `th` components, which also have children props
+                var o;
+        if (xe(l)) {
+            o = l.props.children;
+        }
+        
+        return t().createElement(Ee().Head, n, o);
+    }
+    _e.splunkUiType = "Table.Head";
     function Be(e) {
+        var r = e.children, n = e.style, l = qe(e, [ "children", "style" ]);
+        
+        return t().createElement(Ee().HeadCell, Re({}, l, {
+            align: n === null || n === void 0 ? void 0 : n.textAlign
+        }), r);
+    }
+    Be.splunkUiType = "Table.HeadCell";
+    function He(e) {
+        var r = e.children, n = qe(e, [ "children" ]);
+        
+        return t().createElement(Ee().Row, n, r);
+    }
+    He.splunkUiType = "Table.Row";
+    // CONCATENATED MODULE: ./src/Markdown/Markdown.tsx
+    function Ae(e) {
         "@babel/helpers - typeof";
-        return Be = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return Ae = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
             return typeof e;
         } : function(e) {
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, Be(e);
+        }, Ae(e);
     }
-    function Le() {
-        return Le = Object.assign ? Object.assign.bind() : function(e) {
+    function Ue() {
+        return Ue = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var n = arguments[r];
                 for (var t in n) {
@@ -620,9 +634,9 @@
                 }
             }
             return e;
-        }, Le.apply(null, arguments);
+        }, Ue.apply(null, arguments);
     }
-    function He(e, r) {
+    function Le(e, r) {
         var n = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var t = Object.getOwnPropertySymbols(e);
@@ -632,49 +646,49 @@
         }
         return n;
     }
-    function De(e) {
+    function Ne(e) {
         for (var r = 1; r < arguments.length; r++) {
             var n = null != arguments[r] ? arguments[r] : {};
-            r % 2 ? He(Object(n), !0).forEach((function(r) {
-                Ne(e, r, n[r]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : He(Object(n)).forEach((function(r) {
+            r % 2 ? Le(Object(n), !0).forEach((function(r) {
+                De(e, r, n[r]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : Le(Object(n)).forEach((function(r) {
                 Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
             }));
         }
         return e;
     }
-    function Ne(e, r, n) {
-        return (r = Ae(r)) in e ? Object.defineProperty(e, r, {
+    function De(e, r, n) {
+        return (r = Fe(r)) in e ? Object.defineProperty(e, r, {
             value: n,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[r] = n, e;
     }
-    function Ae(e) {
-        var r = Fe(e, "string");
-        return "symbol" == Be(r) ? r : r + "";
+    function Fe(e) {
+        var r = ze(e, "string");
+        return "symbol" == Ae(r) ? r : r + "";
     }
-    function Fe(e, r) {
-        if ("object" != Be(e) || !e) return e;
+    function ze(e, r) {
+        if ("object" != Ae(e) || !e) return e;
         var n = e[Symbol.toPrimitive];
         if (void 0 !== n) {
             var t = n.call(e, r || "default");
-            if ("object" != Be(t)) return t;
+            if ("object" != Ae(t)) return t;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === r ? String : Number)(e);
     }
-    function ze(e, r) {
+    function $e(e, r) {
         if (null == e) return {};
-        var n, t, o = Ge(e, r);
+        var n, t, l = Ge(e, r);
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < i.length; t++) {
-                n = i[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
+            var o = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < o.length; t++) {
+                n = o[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (l[n] = e[n]);
             }
         }
-        return o;
+        return l;
     }
     function Ge(e, r) {
         if (null == e) return {};
@@ -688,6 +702,8 @@
         return n;
     }
     /** @public */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    /** @public */
     /** @public */
     /** @public */
     /** @public */
@@ -697,60 +713,98 @@
     /** @public */
     /** @public */
     /** @public */    var Je = {
-        blockquoteRenderer: i().func,
-        codeBlockRenderer: i().func,
-        codeRenderer: i().func,
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        headingRenderer: i().func,
-        imageRenderer: i().func,
-        itemRenderer: i().func,
-        linkRenderer: i().func,
-        listRenderer: i().func,
-        paragraphRenderer: i().func,
-        text: i().string.isRequired,
-        rendererOptions: i().object
+        blockquoteRenderer: o().func,
+        codeBlockRenderer: o().func,
+        codeRenderer: o().func,
+        elementRef: o().oneOfType([ o().func, o().object ]),
+        headingRenderer: o().func,
+        imageRenderer: o().func,
+        itemRenderer: o().func,
+        linkRenderer: o().func,
+        listRenderer: o().func,
+        paragraphRenderer: o().func,
+        text: o().string.isRequired,
+        rendererOptions: o().object
+    };
+    // <pre /> is used to wrap <code /> blocks, but Code already adds a pre tag
+    // This custom renderer, removes the default tag from react-markdown to avoid nested pre tags
+        var Ke = function e(r) {
+        // eslint-disable-next-line react/jsx-no-useless-fragment, react/prop-types
+        
+        return t().createElement(t().Fragment, null, r.children);
     };
-    var Ke = new c.Parser;
+    var Qe = [ f() ];
     /**
  * The `Markdown` component renders the given Markdown text as a React component.
  * The component prefers @splunk/react-ui components over plain HTML components. For example
  * links are rendered as the `@splunk/react-ui/Link` component instead of plain `<a>` tag.
- */    function Qe(e) {
-        var r = e.blockquoteRenderer, n = e.codeBlockRenderer, o = e.codeRenderer, i = e.elementRef, l = e.headingRenderer, c = e.imageRenderer, u = e.itemRenderer, f = e.linkRenderer, p = e.listRenderer, d = e.paragraphRenderer, y = e.text, b = e.rendererOptions, v = ze(e, [ "blockquoteRenderer", "codeBlockRenderer", "codeRenderer", "elementRef", "headingRenderer", "imageRenderer", "itemRenderer", "linkRenderer", "listRenderer", "paragraphRenderer", "text", "rendererOptions" ]);
-        // @docs-props-type MarkdownPropsBase
-        // keep this option object inside the constructor, otherwise the renderers
-        // below will confuse the doc-gen
-                var m = {
-            escapeHtml: true,
-            renderers: {
-                CodeBlock: n || B,
-                Code: o || E,
-                Heading: l || G,
-                Link: f || ye,
-                List: p || ke,
-                Item: u || Ee,
-                Paragraph: d || _e
-            }
-        };
-        // not setting MarkdownBlockquote as the default
-                if (r) {
-            m.renderers.Blockquote = r;
-        }
-        // not setting MarkdownImage as the default
-                if (c) {
-            m.renderers.Image = c;
-        }
-        var g = new (a())(De(De({}, m), b));
-        var O = Ke.parse(y);
-        var h = g.render(O);
+ */    function Ve(e) {
+        var r = e.blockquoteRenderer, l = e.codeBlockRenderer, o = e.codeRenderer, a = e.elementRef, u = e.headingRenderer, s = e.imageRenderer, f = e.itemRenderer, d = e.linkRenderer, v = e.listRenderer, y = e.paragraphRenderer, b = e.text, m = e.rendererOptions, g = $e(e, [ "blockquoteRenderer", "codeBlockRenderer", "codeRenderer", "elementRef", "headingRenderer", "imageRenderer", "itemRenderer", "linkRenderer", "listRenderer", "paragraphRenderer", "text", "rendererOptions" ]);
+ // @docs-props-type MarkdownPropsBase
+                var h = (0, n.useCallback)((function(e) {
+            var r, n;
+            var i = e.className, a = i === void 0 ? "" : i, u = e.node;
+ // react-markdown does not indicate if the element is inline or a codeblock
+            // we have to infer this by checking if the node's position
+            // is on the same line or across multiple lines
+                        var c = u === null || u === void 0 ? void 0 : (r = u.position) === null || r === void 0 ? void 0 : r.start.line;
+            var s = u === null || u === void 0 ? void 0 : (n = u.position) === null || n === void 0 ? void 0 : n.end.line;
+            var f = c !== undefined && s !== undefined && c === s;
+            if (f) {
+                return o ? o(Ne({}, e)) :  t().createElement(B, e);
+            }
+            // Languages are passed from `react-markdown` via `classname`
+            // Follows react-markdown's README recommendation for handling syntax highlighting
+            // https://github.com/remarkjs/react-markdown?tab=readme-ov-file#use-custom-components-syntax-highlight
+                        var d = /language-(\w+)/.exec(a);
+            var p = d && d[1] || undefined;
+            return l ? l(Ne({
+                language: p
+            }, e)) :  t().createElement(F, Ue({
+                language: p
+            }, e));
+        }), [ l, o ]);
+        var O = (0, n.useMemo)((function() {
+            return {
+                a: d || ae,
+                blockquote: r || T,
+                code: h,
+                h1: u || V,
+                h2: u || V,
+                h3: u || V,
+                h4: u || V,
+                h5: u || V,
+                h6: u || V,
+                img: s || ee,
+                li: f || ge,
+                ol: v || ve,
+                p: y || ke,
+                pre: Ke,
+                ul: v || ve,
+                table: Me,
+                thead: _e,
+                th: Be,
+                td: Ce,
+                tr: He,
+                tbody: Te
+            };
+        }), [ r, h, u, s, f, d, v, y ]);
         
-        return t().createElement(s(), Le({
+        return t().createElement(p(), Ue({
             "data-test": "markdown",
-            elementRef: i
-        }, v), h);
-    }
-    Qe.propTypes = Je;
-    /* harmony default export */    const Ue = Qe;
+            elementRef: a,
+            elementSelectors: {
+                /* stylelint-disable */
+                pre: (0, i.css)([ ":is(", ")" ], S),
+                blockquote: (0, i.css)([ ":is(", ")" ], R)
+                /* stylelint-enable */            }
+        }, g),  t().createElement(c(), Ue({
+            remarkPlugins: Qe,
+            components: O
+        }, m), b));
+    }
+    Ve.propTypes = Je;
+    /* harmony default export */    const We = Ve;
     // CONCATENATED MODULE: ./src/Markdown/index.ts
     module.exports = r;
     /******/})();