@happeouikit/content-renderer 3.2.6 → 3.2.7

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import { jsxs as Yt, Fragment as Xt, jsx as yr } from "react/jsx-runtime";
-import { useRef as Zt, useState as Jt, useCallback as ea, useEffect as ra, useMemo as ta } from "react";
-import aa from "react-dom";
-import _t, { css as na } from "styled-components";
+import { jsxs as Xt, Fragment as Zt, jsx as yr } from "react/jsx-runtime";
+import { useRef as Jt, useState as ea, useCallback as ra, useEffect as ta, useMemo as aa } from "react";
+import na from "react-dom";
+import kt, { css as nt } from "styled-components";
 import { CopyToClipboardButton as ia } from "@happeouikit/copy-to-clipboard-button";
 import { BodyUI as ua, sansFamily as sa } from "@happeouikit/typography";
 import { media as me } from "@happeouikit/layout";
@@ -10,7 +10,7 @@ var je = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 function Ur(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var kt = { exports: {} };
+var Et = { exports: {} };
 (function(e, i) {
   (function(u, t) {
     e.exports = t();
@@ -110,11 +110,11 @@ var kt = { exports: {} };
       return D in t;
     }, E;
   });
-})(kt);
-var ca = kt.exports;
+})(Et);
+var ca = Et.exports;
 const _r = /* @__PURE__ */ Ur(ca);
 var qr = { exports: {} }, x = {}, Dr = { exports: {} }, ce = {};
-function Et() {
+function Tt() {
   var e = {};
   return e["align-content"] = !1, e["align-items"] = !1, e["align-self"] = !1, e["alignment-adjust"] = !1, e["alignment-baseline"] = !1, e.all = !1, e["anchor-point"] = !1, e.animation = !1, e["animation-delay"] = !1, e["animation-direction"] = !1, e["animation-duration"] = !1, e["animation-fill-mode"] = !1, e["animation-iteration-count"] = !1, e["animation-name"] = !1, e["animation-play-state"] = !1, e["animation-timing-function"] = !1, e.azimuth = !1, e["backface-visibility"] = !1, e.background = !0, e["background-attachment"] = !0, e["background-clip"] = !0, e["background-color"] = !0, e["background-image"] = !0, e["background-origin"] = !0, e["background-position"] = !0, e["background-repeat"] = !0, e["background-size"] = !0, e["baseline-shift"] = !1, e.binding = !1, e.bleed = !1, e["bookmark-label"] = !1, e["bookmark-level"] = !1, e["bookmark-state"] = !1, e.border = !0, e["border-bottom"] = !0, e["border-bottom-color"] = !0, e["border-bottom-left-radius"] = !0, e["border-bottom-right-radius"] = !0, e["border-bottom-style"] = !0, e["border-bottom-width"] = !0, e["border-collapse"] = !0, e["border-color"] = !0, e["border-image"] = !0, e["border-image-outset"] = !0, e["border-image-repeat"] = !0, e["border-image-slice"] = !0, e["border-image-source"] = !0, e["border-image-width"] = !0, e["border-left"] = !0, e["border-left-color"] = !0, e["border-left-style"] = !0, e["border-left-width"] = !0, e["border-radius"] = !0, e["border-right"] = !0, e["border-right-color"] = !0, e["border-right-style"] = !0, e["border-right-width"] = !0, e["border-spacing"] = !0, e["border-style"] = !0, e["border-top"] = !0, e["border-top-color"] = !0, e["border-top-left-radius"] = !0, e["border-top-right-radius"] = !0, e["border-top-style"] = !0, e["border-top-width"] = !0, e["border-width"] = !0, e.bottom = !1, e["box-decoration-break"] = !0, e["box-shadow"] = !0, e["box-sizing"] = !0, e["box-snap"] = !0, e["box-suppress"] = !0, e["break-after"] = !0, e["break-before"] = !0, e["break-inside"] = !0, e["caption-side"] = !1, e.chains = !1, e.clear = !0, e.clip = !1, e["clip-path"] = !1, e["clip-rule"] = !1, e.color = !0, e["color-interpolation-filters"] = !0, e["column-count"] = !1, e["column-fill"] = !1, e["column-gap"] = !1, e["column-rule"] = !1, e["column-rule-color"] = !1, e["column-rule-style"] = !1, e["column-rule-width"] = !1, e["column-span"] = !1, e["column-width"] = !1, e.columns = !1, e.contain = !1, e.content = !1, e["counter-increment"] = !1, e["counter-reset"] = !1, e["counter-set"] = !1, e.crop = !1, e.cue = !1, e["cue-after"] = !1, e["cue-before"] = !1, e.cursor = !1, e.direction = !1, e.display = !0, e["display-inside"] = !0, e["display-list"] = !0, e["display-outside"] = !0, e["dominant-baseline"] = !1, e.elevation = !1, e["empty-cells"] = !1, e.filter = !1, e.flex = !1, e["flex-basis"] = !1, e["flex-direction"] = !1, e["flex-flow"] = !1, e["flex-grow"] = !1, e["flex-shrink"] = !1, e["flex-wrap"] = !1, e.float = !1, e["float-offset"] = !1, e["flood-color"] = !1, e["flood-opacity"] = !1, e["flow-from"] = !1, e["flow-into"] = !1, e.font = !0, e["font-family"] = !0, e["font-feature-settings"] = !0, e["font-kerning"] = !0, e["font-language-override"] = !0, e["font-size"] = !0, e["font-size-adjust"] = !0, e["font-stretch"] = !0, e["font-style"] = !0, e["font-synthesis"] = !0, e["font-variant"] = !0, e["font-variant-alternates"] = !0, e["font-variant-caps"] = !0, e["font-variant-east-asian"] = !0, e["font-variant-ligatures"] = !0, e["font-variant-numeric"] = !0, e["font-variant-position"] = !0, e["font-weight"] = !0, e.grid = !1, e["grid-area"] = !1, e["grid-auto-columns"] = !1, e["grid-auto-flow"] = !1, e["grid-auto-rows"] = !1, e["grid-column"] = !1, e["grid-column-end"] = !1, e["grid-column-start"] = !1, e["grid-row"] = !1, e["grid-row-end"] = !1, e["grid-row-start"] = !1, e["grid-template"] = !1, e["grid-template-areas"] = !1, e["grid-template-columns"] = !1, e["grid-template-rows"] = !1, e["hanging-punctuation"] = !1, e.height = !0, e.hyphens = !1, e.icon = !1, e["image-orientation"] = !1, e["image-resolution"] = !1, e["ime-mode"] = !1, e["initial-letters"] = !1, e["inline-box-align"] = !1, e["justify-content"] = !1, e["justify-items"] = !1, e["justify-self"] = !1, e.left = !1, e["letter-spacing"] = !0, e["lighting-color"] = !0, e["line-box-contain"] = !1, e["line-break"] = !1, e["line-grid"] = !1, e["line-height"] = !1, e["line-snap"] = !1, e["line-stacking"] = !1, e["line-stacking-ruby"] = !1, e["line-stacking-shift"] = !1, e["line-stacking-strategy"] = !1, e["list-style"] = !0, e["list-style-image"] = !0, e["list-style-position"] = !0, e["list-style-type"] = !0, e.margin = !0, e["margin-bottom"] = !0, e["margin-left"] = !0, e["margin-right"] = !0, e["margin-top"] = !0, e["marker-offset"] = !1, e["marker-side"] = !1, e.marks = !1, e.mask = !1, e["mask-box"] = !1, e["mask-box-outset"] = !1, e["mask-box-repeat"] = !1, e["mask-box-slice"] = !1, e["mask-box-source"] = !1, e["mask-box-width"] = !1, e["mask-clip"] = !1, e["mask-image"] = !1, e["mask-origin"] = !1, e["mask-position"] = !1, e["mask-repeat"] = !1, e["mask-size"] = !1, e["mask-source-type"] = !1, e["mask-type"] = !1, e["max-height"] = !0, e["max-lines"] = !1, e["max-width"] = !0, e["min-height"] = !0, e["min-width"] = !0, e["move-to"] = !1, e["nav-down"] = !1, e["nav-index"] = !1, e["nav-left"] = !1, e["nav-right"] = !1, e["nav-up"] = !1, e["object-fit"] = !1, e["object-position"] = !1, e.opacity = !1, e.order = !1, e.orphans = !1, e.outline = !1, e["outline-color"] = !1, e["outline-offset"] = !1, e["outline-style"] = !1, e["outline-width"] = !1, e.overflow = !1, e["overflow-wrap"] = !1, e["overflow-x"] = !1, e["overflow-y"] = !1, e.padding = !0, e["padding-bottom"] = !0, e["padding-left"] = !0, e["padding-right"] = !0, e["padding-top"] = !0, e.page = !1, e["page-break-after"] = !1, e["page-break-before"] = !1, e["page-break-inside"] = !1, e["page-policy"] = !1, e.pause = !1, e["pause-after"] = !1, e["pause-before"] = !1, e.perspective = !1, e["perspective-origin"] = !1, e.pitch = !1, e["pitch-range"] = !1, e["play-during"] = !1, e.position = !1, e["presentation-level"] = !1, e.quotes = !1, e["region-fragment"] = !1, e.resize = !1, e.rest = !1, e["rest-after"] = !1, e["rest-before"] = !1, e.richness = !1, e.right = !1, e.rotation = !1, e["rotation-point"] = !1, e["ruby-align"] = !1, e["ruby-merge"] = !1, e["ruby-position"] = !1, e["shape-image-threshold"] = !1, e["shape-outside"] = !1, e["shape-margin"] = !1, e.size = !1, e.speak = !1, e["speak-as"] = !1, e["speak-header"] = !1, e["speak-numeral"] = !1, e["speak-punctuation"] = !1, e["speech-rate"] = !1, e.stress = !1, e["string-set"] = !1, e["tab-size"] = !1, e["table-layout"] = !1, e["text-align"] = !0, e["text-align-last"] = !0, e["text-combine-upright"] = !0, e["text-decoration"] = !0, e["text-decoration-color"] = !0, e["text-decoration-line"] = !0, e["text-decoration-skip"] = !0, e["text-decoration-style"] = !0, e["text-emphasis"] = !0, e["text-emphasis-color"] = !0, e["text-emphasis-position"] = !0, e["text-emphasis-style"] = !0, e["text-height"] = !0, e["text-indent"] = !0, e["text-justify"] = !0, e["text-orientation"] = !0, e["text-overflow"] = !0, e["text-shadow"] = !0, e["text-space-collapse"] = !0, e["text-transform"] = !0, e["text-underline-position"] = !0, e["text-wrap"] = !0, e.top = !1, e.transform = !1, e["transform-origin"] = !1, e["transform-style"] = !1, e.transition = !1, e["transition-delay"] = !1, e["transition-duration"] = !1, e["transition-property"] = !1, e["transition-timing-function"] = !1, e["unicode-bidi"] = !1, e["vertical-align"] = !1, e.visibility = !1, e["voice-balance"] = !1, e["voice-duration"] = !1, e["voice-family"] = !1, e["voice-pitch"] = !1, e["voice-range"] = !1, e["voice-rate"] = !1, e["voice-stress"] = !1, e["voice-volume"] = !1, e.volume = !1, e["white-space"] = !1, e.widows = !1, e.width = !0, e["will-change"] = !1, e["word-break"] = !0, e["word-spacing"] = !0, e["word-wrap"] = !0, e["wrap-flow"] = !1, e["wrap-through"] = !1, e["writing-mode"] = !1, e["z-index"] = !1, e;
 }
@@ -126,8 +126,8 @@ var pa = /javascript\s*\:/img;
 function ha(e, i) {
   return pa.test(i) ? "" : i;
 }
-ce.whiteList = Et();
-ce.getDefaultWhiteList = Et;
+ce.whiteList = Tt();
+ce.getDefaultWhiteList = Tt;
 ce.onAttr = la;
 ce.onIgnoreAttr = fa;
 ce.safeAttrValue = ha;
@@ -185,7 +185,7 @@ function ma(e, i) {
   return be.trim(g);
 }
 var ba = ma, Te = ce, va = ba;
-function nt(e) {
+function it(e) {
   return e == null;
 }
 function wa(e) {
@@ -194,10 +194,10 @@ function wa(e) {
     i[u] = e[u];
   return i;
 }
-function Tt(e) {
+function At(e) {
   e = wa(e || {}), e.whiteList = e.whiteList || Te.whiteList, e.onAttr = e.onAttr || Te.onAttr, e.onIgnoreAttr = e.onIgnoreAttr || Te.onIgnoreAttr, e.safeAttrValue = e.safeAttrValue || Te.safeAttrValue, this.options = e;
 }
-Tt.prototype.process = function(e) {
+At.prototype.process = function(e) {
   if (e = e || "", e = e.toString(), !e)
     return "";
   var i = this, u = i.options, t = u.whiteList, s = u.onAttr, p = u.onIgnoreAttr, g = u.safeAttrValue, m = va(e, function(b, S, q, E, w) {
@@ -211,17 +211,17 @@ Tt.prototype.process = function(e) {
       };
       if (C) {
         var j = s(q, E, R);
-        return nt(j) ? q + ":" + E : j;
+        return it(j) ? q + ":" + E : j;
       } else {
         var j = p(q, E, R);
-        if (!nt(j))
+        if (!it(j))
           return j;
       }
     }
   });
   return m;
 };
-var ya = Tt;
+var ya = At;
 (function(e, i) {
   var u = ce, t = ya;
   function s(g, m) {
@@ -258,7 +258,7 @@ var Br = Dr.exports, Vr = {
     return u ? u.index : -1;
   }
 }, _a = Br.FilterCSS, ka = Br.getDefaultWhiteList, Ie = Vr;
-function At() {
+function Ct() {
   return {
     a: ["target", "href", "title"],
     abbr: ["title"],
@@ -350,7 +350,7 @@ function At() {
     ]
   };
 }
-var Ct = new _a();
+var St = new _a();
 function Ea(e, i, u) {
 }
 function Ta(e, i, u) {
@@ -359,11 +359,11 @@ function Aa(e, i, u) {
 }
 function Ca(e, i, u) {
 }
-function St(e) {
+function Lt(e) {
   return e.replace(La, "&lt;").replace(qa, "&gt;");
 }
 function Sa(e, i, u, t) {
-  if (u = zt(u), i === "href" || i === "src") {
+  if (u = Nt(u), i === "href" || i === "src") {
     if (u = Ie.trim(u), u === "#")
       return "#";
     if (!(u.substr(0, 7) === "http://" || u.substr(0, 8) === "https://" || u.substr(0, 7) === "mailto:" || u.substr(0, 4) === "tel:" || u.substr(0, 11) === "data:image/" || u.substr(0, 6) === "ftp://" || u.substr(0, 2) === "./" || u.substr(0, 3) === "../" || u[0] === "#" || u[0] === "/"))
@@ -372,37 +372,37 @@ function Sa(e, i, u, t) {
     if (Ae.lastIndex = 0, Ae.test(u))
       return "";
   } else if (i === "style") {
-    if (it.lastIndex = 0, it.test(u) || (ut.lastIndex = 0, ut.test(u) && (Ae.lastIndex = 0, Ae.test(u))))
+    if (ut.lastIndex = 0, ut.test(u) || (st.lastIndex = 0, st.test(u) && (Ae.lastIndex = 0, Ae.test(u))))
       return "";
-    t !== !1 && (t = t || Ct, u = t.process(u));
+    t !== !1 && (t = t || St, u = t.process(u));
   }
-  return u = Nt(u), u;
+  return u = jt(u), u;
 }
-var La = /</g, qa = />/g, Da = /"/g, Pa = /&quot;/g, Ra = /&#([a-zA-Z0-9]*);?/gim, za = /&colon;?/gim, Na = /&newline;?/gim, Ae = /((j\s*a\s*v\s*a|v\s*b|l\s*i\s*v\s*e)\s*s\s*c\s*r\s*i\s*p\s*t\s*|m\s*o\s*c\s*h\s*a):/gi, it = /e\s*x\s*p\s*r\s*e\s*s\s*s\s*i\s*o\s*n\s*\(.*/gi, ut = /u\s*r\s*l\s*\(.*/gi;
-function Lt(e) {
+var La = /</g, qa = />/g, Da = /"/g, Pa = /&quot;/g, Ra = /&#([a-zA-Z0-9]*);?/gim, za = /&colon;?/gim, Na = /&newline;?/gim, Ae = /((j\s*a\s*v\s*a|v\s*b|l\s*i\s*v\s*e)\s*s\s*c\s*r\s*i\s*p\s*t\s*|m\s*o\s*c\s*h\s*a):/gi, ut = /e\s*x\s*p\s*r\s*e\s*s\s*s\s*i\s*o\s*n\s*\(.*/gi, st = /u\s*r\s*l\s*\(.*/gi;
+function qt(e) {
   return e.replace(Da, "&quot;");
 }
-function qt(e) {
+function Dt(e) {
   return e.replace(Pa, '"');
 }
-function Dt(e) {
+function Pt(e) {
   return e.replace(Ra, function(u, t) {
     return t[0] === "x" || t[0] === "X" ? String.fromCharCode(parseInt(t.substr(1), 16)) : String.fromCharCode(parseInt(t, 10));
   });
 }
-function Pt(e) {
+function Rt(e) {
   return e.replace(za, ":").replace(Na, " ");
 }
-function Rt(e) {
+function zt(e) {
   for (var i = "", u = 0, t = e.length; u < t; u++)
     i += e.charCodeAt(u) < 32 ? " " : e.charAt(u);
   return Ie.trim(i);
 }
-function zt(e) {
-  return e = qt(e), e = Dt(e), e = Pt(e), e = Rt(e), e;
-}
 function Nt(e) {
-  return e = Lt(e), e = St(e), e;
+  return e = Dt(e), e = Pt(e), e = Rt(e), e = zt(e), e;
+}
+function jt(e) {
+  return e = qt(e), e = Lt(e), e;
 }
 function ja() {
   return "";
@@ -459,27 +459,27 @@ function Ha(e) {
     return t === 127 ? !1 : t <= 31 ? t === 10 || t === 13 : !0;
   }), i.join("");
 }
-x.whiteList = At();
-x.getDefaultWhiteList = At;
+x.whiteList = Ct();
+x.getDefaultWhiteList = Ct;
 x.onTag = Ea;
 x.onIgnoreTag = Ta;
 x.onTagAttr = Aa;
 x.onIgnoreTagAttr = Ca;
 x.safeAttrValue = Sa;
-x.escapeHtml = St;
-x.escapeQuote = Lt;
-x.unescapeQuote = qt;
-x.escapeHtmlEntities = Dt;
-x.escapeDangerHtml5Entities = Pt;
-x.clearNonPrintableCharacter = Rt;
-x.friendlyAttrValue = zt;
-x.escapeAttrValue = Nt;
+x.escapeHtml = Lt;
+x.escapeQuote = qt;
+x.unescapeQuote = Dt;
+x.escapeHtmlEntities = Pt;
+x.escapeDangerHtml5Entities = Rt;
+x.clearNonPrintableCharacter = zt;
+x.friendlyAttrValue = Nt;
+x.escapeAttrValue = jt;
 x.onIgnoreTagStripAll = ja;
 x.StripTagBody = Ia;
 x.stripCommentTag = Oa;
 x.stripBlankChar = Ha;
 x.attributeWrapSign = '"';
-x.cssFilter = Ct;
+x.cssFilter = St;
 x.getDefaultCSSWhiteList = ka;
 var pr = {}, ue = Vr;
 function Ma(e) {
@@ -560,12 +560,12 @@ function Va(e, i) {
           continue;
         }
       else if (E = Ga(e, b - 1), E === -1) {
-        q = ue.trim(e.slice(u, b)), q = st(q), m(p, q), p = !1, u = b + 1;
+        q = ue.trim(e.slice(u, b)), q = dt(q), m(p, q), p = !1, u = b + 1;
         continue;
       } else
         continue;
   }
-  return u < e.length && (p === !1 ? m(e.slice(u)) : m(p, st(ue.trim(e.slice(u))))), ue.trim(s.join(" "));
+  return u < e.length && (p === !1 ? m(e.slice(u)) : m(p, dt(ue.trim(e.slice(u))))), ue.trim(s.join(" "));
 }
 function Fa(e, i) {
   for (; i < e.length; i++) {
@@ -591,12 +591,12 @@ function Ga(e, i) {
 function Wa(e) {
   return e[0] === '"' && e[e.length - 1] === '"' || e[0] === "'" && e[e.length - 1] === "'";
 }
-function st(e) {
+function dt(e) {
   return Wa(e) ? e.substr(1, e.length - 2) : e;
 }
 pr.parseTag = Ua;
 pr.parseAttr = Va;
-var Ka = Br.FilterCSS, Z = x, jt = pr, Qa = jt.parseTag, Ya = jt.parseAttr, Re = Vr;
+var Ka = Br.FilterCSS, Z = x, It = pr, Qa = It.parseTag, Ya = It.parseAttr, Re = Vr;
 function Ce(e) {
   return e == null;
 }
@@ -628,12 +628,12 @@ function Ja(e) {
     }) : i[u.toLowerCase()] = e[u];
   return i;
 }
-function It(e) {
+function Ot(e) {
   e = Za(e || {}), e.stripIgnoreTag && (e.onIgnoreTag && console.error(
     'Notes: cannot use these two options "stripIgnoreTag" and "onIgnoreTag" at the same time'
   ), e.onIgnoreTag = Z.onIgnoreTagStripAll), e.whiteList || e.allowList ? e.whiteList = Ja(e.whiteList || e.allowList) : e.whiteList = Z.whiteList, this.attributeWrapSign = e.singleQuotedAttributeValue === !0 ? "'" : Z.attributeWrapSign, e.onTag = e.onTag || Z.onTag, e.onTagAttr = e.onTagAttr || Z.onTagAttr, e.onIgnoreTag = e.onIgnoreTag || Z.onIgnoreTag, e.onIgnoreTagAttr = e.onIgnoreTagAttr || Z.onIgnoreTagAttr, e.safeAttrValue = e.safeAttrValue || Z.safeAttrValue, e.escapeHtml = e.escapeHtml || Z.escapeHtml, this.options = e, e.css === !1 ? this.cssFilter = !1 : (e.css = e.css || {}, this.cssFilter = new Ka(e.css));
 }
-It.prototype.process = function(e) {
+Ot.prototype.process = function(e) {
   if (e = e || "", e = e.toString(), !e)
     return "";
   var i = this, u = i.options, t = u.whiteList, s = u.onTag, p = u.onIgnoreTag, g = u.onTagAttr, m = u.onIgnoreTagAttr, b = u.safeAttrValue, S = u.escapeHtml, q = i.attributeWrapSign, E = i.cssFilter;
@@ -669,7 +669,7 @@ It.prototype.process = function(e) {
   );
   return w && (D = w.remove(D)), D;
 };
-var en = It;
+var en = Ot;
 (function(e, i) {
   var u = x, t = pr, s = en;
   function p(m, b) {
@@ -692,12 +692,12 @@ const Pr = /* @__PURE__ */ Ur(rn), tn = "aaa1rp3bb0ott3vie4c1le2ogado5udhabi7c0a
   for (const u in i)
     e[u] = i[u];
   return e;
-}, Rr = "numeric", zr = "ascii", Nr = "alpha", ze = "asciinumeric", Se = "alphanumeric", jr = "domain", Ot = "emoji", nn = "scheme", un = "slashscheme", dt = "whitespace";
+}, Rr = "numeric", zr = "ascii", Nr = "alpha", ze = "asciinumeric", Se = "alphanumeric", jr = "domain", Ht = "emoji", nn = "scheme", un = "slashscheme", ot = "whitespace";
 function sn(e, i) {
   return e in i || (i[e] = []), i[e];
 }
 function oe(e, i, u) {
-  i[Rr] && (i[ze] = !0, i[Se] = !0), i[zr] && (i[ze] = !0, i[Nr] = !0), i[ze] && (i[Se] = !0), i[Nr] && (i[Se] = !0), i[Se] && (i[jr] = !0), i[Ot] && (i[jr] = !0);
+  i[Rr] && (i[ze] = !0, i[Se] = !0), i[zr] && (i[ze] = !0, i[Nr] = !0), i[ze] && (i[Se] = !0), i[Nr] && (i[Se] = !0), i[Se] && (i[jr] = !0), i[Ht] && (i[jr] = !0);
   for (const t in i) {
     const s = sn(t, u);
     s.indexOf(e) < 0 && s.push(e);
@@ -834,8 +834,8 @@ Q.prototype = {
     return s.j[e] = g, g;
   }
 };
-const I = (e, i, u, t, s) => e.ta(i, u, t, s), Y = (e, i, u, t, s) => e.tr(i, u, t, s), ot = (e, i, u, t, s) => e.ts(i, u, t, s), A = (e, i, u, t, s) => e.tt(i, u, t, s), ae = "WORD", Ir = "UWORD", ke = "LOCALHOST", Or = "TLD", Hr = "UTLD", Ne = "SCHEME", fe = "SLASH_SCHEME", Fr = "NUM", Ht = "WS", $r = "NL", ve = "OPENBRACE", we = "CLOSEBRACE", Oe = "OPENBRACKET", He = "CLOSEBRACKET", Me = "OPENPAREN", xe = "CLOSEPAREN", Ue = "OPENANGLEBRACKET", Be = "CLOSEANGLEBRACKET", Ve = "FULLWIDTHLEFTPAREN", Fe = "FULLWIDTHRIGHTPAREN", $e = "LEFTCORNERBRACKET", Ge = "RIGHTCORNERBRACKET", We = "LEFTWHITECORNERBRACKET", Ke = "RIGHTWHITECORNERBRACKET", Qe = "FULLWIDTHLESSTHAN", Ye = "FULLWIDTHGREATERTHAN", Xe = "AMPERSAND", Ze = "APOSTROPHE", Je = "ASTERISK", se = "AT", er = "BACKSLASH", rr = "BACKTICK", tr = "CARET", de = "COLON", Gr = "COMMA", ar = "DOLLAR", ee = "DOT", nr = "EQUALS", Wr = "EXCLAMATION", re = "HYPHEN", ir = "PERCENT", ur = "PIPE", sr = "PLUS", dr = "POUND", or = "QUERY", Kr = "QUOTE", Qr = "SEMI", te = "SLASH", ye = "TILDE", cr = "UNDERSCORE", Mt = "EMOJI", lr = "SYM";
-var xt = /* @__PURE__ */ Object.freeze({
+const I = (e, i, u, t, s) => e.ta(i, u, t, s), Y = (e, i, u, t, s) => e.tr(i, u, t, s), ct = (e, i, u, t, s) => e.ts(i, u, t, s), A = (e, i, u, t, s) => e.tt(i, u, t, s), ae = "WORD", Ir = "UWORD", ke = "LOCALHOST", Or = "TLD", Hr = "UTLD", Ne = "SCHEME", fe = "SLASH_SCHEME", Fr = "NUM", Mt = "WS", $r = "NL", ve = "OPENBRACE", we = "CLOSEBRACE", Oe = "OPENBRACKET", He = "CLOSEBRACKET", Me = "OPENPAREN", xe = "CLOSEPAREN", Ue = "OPENANGLEBRACKET", Be = "CLOSEANGLEBRACKET", Ve = "FULLWIDTHLEFTPAREN", Fe = "FULLWIDTHRIGHTPAREN", $e = "LEFTCORNERBRACKET", Ge = "RIGHTCORNERBRACKET", We = "LEFTWHITECORNERBRACKET", Ke = "RIGHTWHITECORNERBRACKET", Qe = "FULLWIDTHLESSTHAN", Ye = "FULLWIDTHGREATERTHAN", Xe = "AMPERSAND", Ze = "APOSTROPHE", Je = "ASTERISK", se = "AT", er = "BACKSLASH", rr = "BACKTICK", tr = "CARET", de = "COLON", Gr = "COMMA", ar = "DOLLAR", ee = "DOT", nr = "EQUALS", Wr = "EXCLAMATION", re = "HYPHEN", ir = "PERCENT", ur = "PIPE", sr = "PLUS", dr = "POUND", or = "QUERY", Kr = "QUOTE", Qr = "SEMI", te = "SLASH", ye = "TILDE", cr = "UNDERSCORE", xt = "EMOJI", lr = "SYM";
+var Ut = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   WORD: ae,
   UWORD: Ir,
@@ -845,7 +845,7 @@ var xt = /* @__PURE__ */ Object.freeze({
   SCHEME: Ne,
   SLASH_SCHEME: fe,
   NUM: Fr,
-  WS: Ht,
+  WS: Mt,
   NL: $r,
   OPENBRACE: ve,
   CLOSEBRACE: we,
@@ -887,10 +887,10 @@ var xt = /* @__PURE__ */ Object.freeze({
   SLASH: te,
   TILDE: ye,
   UNDERSCORE: cr,
-  EMOJI: Mt,
+  EMOJI: xt,
   SYM: lr
 });
-const le = /[a-z]/, kr = new RegExp("\\p{L}", "u"), Er = new RegExp("\\p{Emoji}", "u"), Tr = /\d/, ct = /\s/, lt = `
+const le = /[a-z]/, kr = new RegExp("\\p{L}", "u"), Er = new RegExp("\\p{Emoji}", "u"), Tr = /\d/, lt = /\s/, ft = `
 `, on = "️", cn = "‍";
 let Le = null, qe = null;
 function ln(e) {
@@ -898,7 +898,7 @@ function ln(e) {
   const i = {};
   Q.groups = i;
   const u = new Q();
-  Le == null && (Le = ft(tn)), qe == null && (qe = ft(an)), A(u, "'", Ze), A(u, "{", ve), A(u, "}", we), A(u, "[", Oe), A(u, "]", He), A(u, "(", Me), A(u, ")", xe), A(u, "<", Ue), A(u, ">", Be), A(u, "（", Ve), A(u, "）", Fe), A(u, "「", $e), A(u, "」", Ge), A(u, "『", We), A(u, "』", Ke), A(u, "＜", Qe), A(u, "＞", Ye), A(u, "&", Xe), A(u, "*", Je), A(u, "@", se), A(u, "`", rr), A(u, "^", tr), A(u, ":", de), A(u, ",", Gr), A(u, "$", ar), A(u, ".", ee), A(u, "=", nr), A(u, "!", Wr), A(u, "-", re), A(u, "%", ir), A(u, "|", ur), A(u, "+", sr), A(u, "#", dr), A(u, "?", or), A(u, '"', Kr), A(u, "/", te), A(u, ";", Qr), A(u, "~", ye), A(u, "_", cr), A(u, "\\", er);
+  Le == null && (Le = pt(tn)), qe == null && (qe = pt(an)), A(u, "'", Ze), A(u, "{", ve), A(u, "}", we), A(u, "[", Oe), A(u, "]", He), A(u, "(", Me), A(u, ")", xe), A(u, "<", Ue), A(u, ">", Be), A(u, "（", Ve), A(u, "）", Fe), A(u, "「", $e), A(u, "」", Ge), A(u, "『", We), A(u, "』", Ke), A(u, "＜", Qe), A(u, "＞", Ye), A(u, "&", Xe), A(u, "*", Je), A(u, "@", se), A(u, "`", rr), A(u, "^", tr), A(u, ":", de), A(u, ",", Gr), A(u, "$", ar), A(u, ".", ee), A(u, "=", nr), A(u, "!", Wr), A(u, "-", re), A(u, "%", ir), A(u, "|", ur), A(u, "+", sr), A(u, "#", dr), A(u, "?", or), A(u, '"', Kr), A(u, "/", te), A(u, ";", Qr), A(u, "~", ye), A(u, "_", cr), A(u, "\\", er);
   const t = Y(u, Tr, Fr, {
     [Rr]: !0
   });
@@ -911,14 +911,14 @@ function ln(e) {
     [Nr]: !0
   });
   Y(p, le), Y(p, kr, p);
-  const g = Y(u, ct, Ht, {
-    [dt]: !0
+  const g = Y(u, lt, Mt, {
+    [ot]: !0
   });
-  A(u, lt, $r, {
-    [dt]: !0
-  }), A(g, lt), Y(g, ct, g);
-  const m = Y(u, Er, Mt, {
-    [Ot]: !0
+  A(u, ft, $r, {
+    [ot]: !0
+  }), A(g, ft), Y(g, lt, g);
+  const m = Y(u, Er, xt, {
+    [Ht]: !0
   });
   Y(m, Er, m), A(m, on, m);
   const b = A(m, cn);
@@ -947,15 +947,15 @@ function ln(e) {
     } : {
       [un]: !0
     };
-    w.indexOf("-") >= 0 ? C[jr] = !0 : le.test(w) ? Tr.test(w) ? C[ze] = !0 : C[zr] = !0 : C[Rr] = !0, ot(u, w, w, C);
+    w.indexOf("-") >= 0 ? C[jr] = !0 : le.test(w) ? Tr.test(w) ? C[ze] = !0 : C[zr] = !0 : C[Rr] = !0, ct(u, w, w, C);
   }
-  return ot(u, "localhost", ke, {
+  return ct(u, "localhost", ke, {
     ascii: !0
   }), u.jd = new Q(lr), {
     start: u,
     tokens: pe({
       groups: i
-    }, xt)
+    }, Ut)
   };
 }
 function fn(e, i) {
@@ -996,7 +996,7 @@ function ne(e, i, u, t, s) {
   }
   return p = new Q(u), p.jr = s.slice(), e.j[i[g - 1]] = p, p;
 }
-function ft(e) {
+function pt(e) {
   const i = [], u = [];
   let t = 0, s = "0123456789";
   for (; t < e.length; ) {
@@ -1016,8 +1016,8 @@ function ft(e) {
 const Ee = {
   defaultProtocol: "http",
   events: null,
-  format: pt,
-  formatHref: pt,
+  format: ht,
+  formatHref: ht,
   nl2br: !1,
   tagName: "a",
   target: null,
@@ -1100,13 +1100,13 @@ Yr.prototype = {
     return (this.get("render", null, e) || this.defaultRender)(i, e.t, e);
   }
 };
-function pt(e) {
+function ht(e) {
   return e;
 }
-function Ut(e, i) {
+function Bt(e, i) {
   this.t = "token", this.v = e, this.tk = i;
 }
-Ut.prototype = {
+Bt.prototype = {
   isLink: !1,
   /**
    * Return the string this token represents.
@@ -1211,7 +1211,7 @@ Ut.prototype = {
   }
 };
 function hr(e, i) {
-  class u extends Ut {
+  class u extends Bt {
     constructor(s, p) {
       super(s, p), this.t = e;
     }
@@ -1220,12 +1220,12 @@ function hr(e, i) {
     u.prototype[t] = i[t];
   return u.t = e, u;
 }
-const ht = hr("email", {
+const gt = hr("email", {
   isLink: !0,
   toHref() {
     return "mailto:" + this.toString();
   }
-}), gt = hr("text"), hn = hr("nl"), De = hr("url", {
+}), mt = hr("text"), hn = hr("nl"), De = hr("url", {
   isLink: !0,
   /**
   	Lowercases relevant parts of the domain and adds the protocol if
@@ -1262,12 +1262,12 @@ function gn(e) {
   I(q, i.domain, w), I(w, i.domain, w);
   const D = A(w, ee);
   I(D, i.domain, w);
-  const C = X(ht);
+  const C = X(gt);
   I(D, i.tld, C), I(D, i.utld, C), A(q, ke, C);
   const R = A(w, re);
   I(R, i.domain, w), I(C, i.domain, w), A(C, ee, D), A(C, re, R);
   const j = A(C, de);
-  I(j, i.numeric, ht);
+  I(j, i.numeric, gt);
   const O = A(m, re), M = A(m, ee);
   I(O, i.domain, m), I(M, s, g), I(M, i.domain, m);
   const N = X(De);
@@ -1306,7 +1306,7 @@ function gn(e) {
   }
   return A(p, ke, N), A(p, $r, hn), {
     start: p,
-    tokens: xt
+    tokens: Ut
   };
 }
 function mn(e, i, u) {
@@ -1320,12 +1320,12 @@ function mn(e, i, u) {
     if (w < 0)
       s -= q, s < t && (g.push(u[s]), s++);
     else {
-      g.length > 0 && (p.push(Ar(gt, i, g)), g = []), s -= w, q -= w;
+      g.length > 0 && (p.push(Ar(mt, i, g)), g = []), s -= w, q -= w;
       const D = E.t, C = u.slice(s - q, s);
       p.push(Ar(D, i, C));
     }
   }
-  return g.length > 0 && p.push(Ar(gt, i, g)), p;
+  return g.length > 0 && p.push(Ar(mt, i, g)), p;
 }
 function Ar(e, i, u) {
   const t = u[0].s, s = u[u.length - 1].e, p = i.slice(t, s);
@@ -1388,7 +1388,7 @@ var wn = {
 function V(e) {
   return Tn.test(e);
 }
-function mt(e) {
+function bt(e) {
   return An.test(e);
 }
 function Sn(e) {
@@ -1434,7 +1434,7 @@ var Ln = (
           ) : s === "/" ? this.transitionTo(
             "endTagOpen"
             /* endTagOpen */
-          ) : (s === "@" || s === ":" || mt(s)) && (this.transitionTo(
+          ) : (s === "@" || s === ":" || bt(s)) && (this.transitionTo(
             "tagName"
             /* tagName */
           ), this.tagNameBuffer = "", this.delegate.beginStartTag(), this.appendToTagName(s));
@@ -1795,7 +1795,7 @@ var Ln = (
         },
         endTagOpen: function() {
           var s = this.consume();
-          (s === "@" || s === ":" || mt(s)) && (this.transitionTo(
+          (s === "@" || s === ":" || bt(s)) && (this.transitionTo(
             "endTagName"
             /* endTagName */
           ), this.tagNameBuffer = "", this.delegate.beginEndTag(), this.appendToTagName(s));
@@ -1986,7 +1986,7 @@ function Dn(e, i) {
   var u = new qn(new En(wn), i);
   return u.tokenize(e);
 }
-const Bt = "LinkifyResult", fr = "StartTag", Vt = "EndTag", Mr = "Chars", Pn = "Comment", Rn = "Doctype";
+const Vt = "LinkifyResult", fr = "StartTag", Ft = "EndTag", Mr = "Chars", Pn = "Comment", Rn = "Doctype";
 function zn(e, i) {
   i === void 0 && (i = {});
   const u = Dn(e), t = [], s = [], p = new Yr(i, In);
@@ -2009,7 +2009,7 @@ function zn(e, i) {
   for (let g = 0; g < t.length; g++) {
     const m = t[g];
     switch (m.type) {
-      case Bt:
+      case Vt:
         s.push(m.rendered);
         break;
       case fr: {
@@ -2017,7 +2017,7 @@ function zn(e, i) {
         m.attributes.length > 0 && (b += " " + Hn(m.attributes).join(" ")), m.selfClosing && (b += " /"), b += ">", s.push(b);
         break;
       }
-      case Vt:
+      case Ft:
         s.push(`</${m.tagName}>`);
         break;
       case Mr:
@@ -2048,7 +2048,7 @@ function Nn(e, i) {
       type: Mr,
       chars: p.toString()
     }) : t.push({
-      type: Bt,
+      type: Vt,
       rendered: i.render(p)
     });
   }
@@ -2058,7 +2058,7 @@ function jn(e, i, u, t) {
   let s = 1;
   for (; u < i.length && s > 0; ) {
     let p = i[u];
-    p.type === fr && p.tagName.toUpperCase() === e ? s++ : p.type === Vt && p.tagName.toUpperCase() === e && s--, t.push(p), u++;
+    p.type === fr && p.tagName.toUpperCase() === e ? s++ : p.type === Ft && p.tagName.toUpperCase() === e && s--, t.push(p), u++;
   }
   return t;
 }
@@ -2073,14 +2073,14 @@ function In(e) {
 function xr(e) {
   return e.replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
-function Ft(e) {
+function $t(e) {
   return e.replace(/"/g, "&quot;");
 }
 function On(e) {
   const i = [];
   for (const u in e) {
     const t = e[u] + "";
-    i.push(`${u}="${Ft(t)}"`);
+    i.push(`${u}="${$t(t)}"`);
   }
   return i.join(" ");
 }
@@ -2088,7 +2088,7 @@ function Hn(e) {
   const i = [];
   for (let u = 0; u < e.length; u++) {
     const t = e[u][0], s = e[u][1] + "";
-    i.push(`${t}="${Ft(s)}"`);
+    i.push(`${t}="${$t(s)}"`);
   }
   return i;
 }
@@ -2123,7 +2123,7 @@ var he = je && je.__assign || function() {
   }, he.apply(this, arguments);
 };
 Object.defineProperty(gr, "__esModule", { value: !0 });
-var _e = mr, $t = Xr, Zr = ge, Jr = he(he({}, _e.namedReferences), { all: _e.namedReferences.html5 }), Mn = {
+var _e = mr, Gt = Xr, Zr = ge, Jr = he(he({}, _e.namedReferences), { all: _e.namedReferences.html5 }), Mn = {
   specialChars: /[<>'"&]/g,
   nonAscii: /(?:[<>'"&\u0080-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g,
   nonAsciiPrintable: /(?:[<>'"&\x01-\x08\x11-\x15\x17-\x1F\x7f-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g,
@@ -2161,7 +2161,7 @@ gr.encode = Un;
 var Bn = {
   scope: "body",
   level: "all"
-}, Cr = /&(?:#\d+|#[xX][\da-fA-F]+|[0-9a-zA-Z]+);/g, Sr = /&(?:#\d+|#[xX][\da-fA-F]+|[0-9a-zA-Z]+)[;=]?/g, bt = {
+}, Cr = /&(?:#\d+|#[xX][\da-fA-F]+|[0-9a-zA-Z]+);/g, Sr = /&(?:#\d+|#[xX][\da-fA-F]+|[0-9a-zA-Z]+)[;=]?/g, vt = {
   xml: {
     strict: Cr,
     attribute: Sr,
@@ -2177,7 +2177,7 @@ var Bn = {
     attribute: Sr,
     body: _e.bodyRegExps.html5
   }
-}, Vn = he(he({}, bt), { all: bt.html5 }), et = String.fromCharCode, Gt = et(65533), Fn = {
+}, Vn = he(he({}, vt), { all: vt.html5 }), et = String.fromCharCode, Wt = et(65533), Fn = {
   level: "all"
 };
 function $n(e, i) {
@@ -2192,7 +2192,7 @@ function $n(e, i) {
       t = s;
     else if (e[0] === "&" && e[1] === "#") {
       var p = e[2], g = p == "x" || p == "X" ? parseInt(e.substr(3), 16) : parseInt(e.substr(2));
-      t = g >= 1114111 ? Gt : g > 65535 ? Zr.fromCodePoint(g) : et($t.numericUnicodeMap[g] || g);
+      t = g >= 1114111 ? Wt : g > 65535 ? Zr.fromCodePoint(g) : et(Gt.numericUnicodeMap[g] || g);
     }
   }
   return t;
@@ -2221,7 +2221,7 @@ function Gn(e, i) {
           R = O;
         else if (C[0] === "&" && C[1] === "#") {
           var M = C[2], N = M == "x" || M == "X" ? parseInt(C.substr(3), 16) : parseInt(C.substr(2));
-          R = N >= 1114111 ? Gt : N > 65535 ? Zr.fromCodePoint(N) : et($t.numericUnicodeMap[N] || N);
+          R = N >= 1114111 ? Wt : N > 65535 ? Zr.fromCodePoint(N) : et(Gt.numericUnicodeMap[N] || N);
         }
       }
       w += R, D = E.index + C.length;
@@ -2231,7 +2231,7 @@ function Gn(e, i) {
     w = e;
   return w;
 }
-var Wt = gr.decode = Gn;
+var Kt = gr.decode = Gn;
 const Wn = {
   a: [
     "class",
@@ -2330,7 +2330,7 @@ const Wn = {
 ], Xn = [
   "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.6.0/styles/default.min.css",
   `https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.6.0/styles/${Kn}.min.css`
-], vt = "PRE", Zn = "CODE", Jn = [
+], wt = "PRE", Zn = "CODE", Jn = [
   "javascript",
   "html",
   "css",
@@ -2340,7 +2340,7 @@ const Wn = {
   "php",
   "typescript"
 ];
-var Kt = { exports: {} };
+var Qt = { exports: {} };
 (function(e) {
   (function() {
     function i(r) {
@@ -5011,9 +5011,9 @@ var Kt = { exports: {} };
     var N = this;
     e.exports ? e.exports = t : N.showdown = t;
   }).call(je);
-})(Kt);
-var ei = Kt.exports;
-const Pe = /* @__PURE__ */ Ur(ei), rt = /@(\d*|channel|editors):\((.*?)\)/, Qt = ["channel", "editors"], ri = new RegExp(rt, "i"), ti = new RegExp(rt, "gi");
+})(Qt);
+var ei = Qt.exports;
+const Pe = /* @__PURE__ */ Ur(ei), rt = /@(\d*|channel|editors):\((.*?)\)/, Yt = ["channel", "editors"], ri = new RegExp(rt, "i"), ti = new RegExp(rt, "gi");
 let ie;
 const Lr = {
   color: {
@@ -5028,7 +5028,7 @@ const Lr = {
     regex: ti,
     replace: (e) => {
       const i = e.match(ri), u = i && i.length > 1 && i[1], t = i && i.length > 2 && i[2];
-      return Qt.find(
+      return Yt.find(
         (s) => s.toLowerCase() === String(u).toLowerCase()
       ) ? `<a class="mention extraMention" data-user-id="${u}">@${t}</a>` : `<a class="mention" data-user-id="${u}">@${t}</a>`;
     }
@@ -5050,9 +5050,9 @@ function ai() {
 const ni = ai(), ii = new RegExp(rt, "gi"), ui = new RegExp(
   /<user-mentio[^>]*data-user-id=["']([^"]+)["'][^>]*>(?:@|(?:&#64;))(.+?)<\/user-mentio>/,
   "gi"
-), wt = (e, i, u) => Qt.find(
+), yt = (e, i, u) => Yt.find(
   (t) => t.toLowerCase() === String(i).toLowerCase()
-) ? `<a class="mention extraMention" data-user-id="${i}">@${u}</a>` : `<a class="mention" data-user-id="${i}">@${u}</a>`, si = (e = "") => e.replace(ii, wt).replace(ui, wt), di = (e = "") => Pr(e, {
+) ? `<a class="mention extraMention" data-user-id="${i}">@${u}</a>` : `<a class="mention" data-user-id="${i}">@${u}</a>`, si = (e = "") => e.replace(ii, yt).replace(ui, yt), di = (e = "") => Pr(e, {
   whiteList: Wn,
   css: {
     whiteList: {
@@ -5096,7 +5096,7 @@ const ni = ai(), ii = new RegExp(rt, "gi"), ui = new RegExp(
   }
 }, li = (e = "", i = "html") => {
   let u = da(e);
-  return u = oa(u), i === "markdown" ? u = ni.makeHtml(u) : u = si(u), u = Wt(u), u = ci(u), u;
+  return u = oa(u), i === "markdown" ? u = ni.makeHtml(u) : u = si(u), u = Kt(u), u = ci(u), u;
 }, fi = () => {
   const e = "ibmMonoOnDemand";
   if (!document.getElementById(e)) {
@@ -5105,7 +5105,7 @@ const ni = ai(), ii = new RegExp(rt, "gi"), ui = new RegExp(
       document.createTextNode(`@import url(${Qn});`)
     ), document.head.appendChild(i);
   }
-}, yt = (e = "") => (
+}, _t = (e = "") => (
   // eslint-disable-next-line no-control-regex
   e.replace(/[^\u0000-\u007E]/g, "")
 ), pi = (e = "") => {
@@ -5128,7 +5128,7 @@ const ni = ai(), ii = new RegExp(rt, "gi"), ui = new RegExp(
   inheritBrandingStyles: m = !1,
   addColorBlocks: b = !1
 }) => {
-  const S = Zt(null), [q, E] = Jt([]), w = ea(() => {
+  const S = Jt(null), [q, E] = ea([]), w = ra(() => {
     var C;
     try {
       const { hash: R } = window.location;
@@ -5146,7 +5146,7 @@ const ni = ai(), ii = new RegExp(rt, "gi"), ui = new RegExp(
     } catch {
     }
   }, [p]);
-  ra(() => {
+  ta(() => {
     if (!S.current)
       return;
     const C = () => {
@@ -5155,7 +5155,7 @@ const ni = ai(), ii = new RegExp(rt, "gi"), ui = new RegExp(
       const N = S.current.querySelectorAll("h1, h2, h3, h4, h5, h6") || [];
       N.length > 0 && N.forEach((r) => {
         const { textContent: n = "" } = r;
-        (n || "").length > 0 && (r.id = r.id || yt(
+        (n || "").length > 0 && (r.id = r.id || _t(
           (n || "").toLowerCase().replace(/\s/g, "-")
         ));
       }), E((r) => [...r, ...N]);
@@ -5179,14 +5179,14 @@ const ni = ai(), ii = new RegExp(rt, "gi"), ui = new RegExp(
       if (!S.current)
         return;
       const N = S.current.querySelectorAll(
-        vt
+        wt
       );
       N.length > 0 && (_r.isDefined("highlightjs") || (fi(), _r([...Yn, ...Xn], "highlightjs")), _r.ready("highlightjs", () => {
         window.hljs.configure({
           languages: Jn,
           useBr: !0
         }), N.forEach((r) => {
-          const n = r.innerText, a = document.createElement(Zn), d = Wt(n);
+          const n = r.innerText, a = document.createElement(Zn), d = Kt(n);
           a.textContent = d, r.innerHTML = "", r.appendChild(a), window.hljs.highlightBlock(r);
         }), E((r) => [...r, ...N]);
       }));
@@ -5205,12 +5205,12 @@ const ni = ai(), ii = new RegExp(rt, "gi"), ui = new RegExp(
     s,
     w
   ]);
-  const D = ta(() => {
+  const D = aa(() => {
     const C = i && typeof i == "string" ? i.toLowerCase() : "html";
     let R = C === "text" ? `<p>${e}</p>` : li(e, C);
     return b && (R = oi(R)), R = pi(R), di(R);
   }, [e, i, b]);
-  return /* @__PURE__ */ Yt(Xt, { children: [
+  return /* @__PURE__ */ Xt(Zt, { children: [
     /* @__PURE__ */ yr(
       gi,
       {
@@ -5226,13 +5226,13 @@ const ni = ai(), ii = new RegExp(rt, "gi"), ui = new RegExp(
     ),
     q.map((C) => {
       let R = C.textContent || "";
-      return C.tagName !== vt && (R = `${window.location.href.split("#")[0]}#${C.id}`), R = yt(R), aa.createPortal(
+      return C.tagName !== wt && (R = `${window.location.href.split("#")[0]}#${C.id}`), R = _t(R), na.createPortal(
         /* @__PURE__ */ yr(hi, { className: "content-copy-btn", children: /* @__PURE__ */ yr(ia, { clipboardContent: R }) }),
         C
       );
     })
   ] });
-}, hi = _t.div`
+}, hi = kt.div`
   display: inline-flex;
   margin-left: var(--space-xs);
   button {
@@ -5250,7 +5250,7 @@ const ni = ai(), ii = new RegExp(rt, "gi"), ui = new RegExp(
     font-size: 12px;
     line-height: 16px;
   }
-`, gi = _t(ua).attrs({ as: "div" })`
+`, gi = kt(ua).attrs({ as: "div" })`
   ${({ createAnchors: e }) => e ? `
     h1, h2, h3, h4, h5, h6 {
       display: flex;
@@ -5322,7 +5322,7 @@ const ni = ai(), ii = new RegExp(rt, "gi"), ui = new RegExp(
     border-radius: var(--radii-md);
     background-color: var(--color-yellow50);
     border: 1px solid var(--color-yellow50);
-    color: var(--color-primary-text-on-light)
+    color: var(--color-primary-text-on-light);
     font-weight: 400;
 
     &:hover {
@@ -5343,7 +5343,64 @@ const ni = ai(), ii = new RegExp(rt, "gi"), ui = new RegExp(
     border-radius: var(--radius-md);
     border: 1px solid var(--color-gray100);
   }
-  ${({ widgetType: e, inheritBrandingStyles: i }) => e === "page" ? "" : `
+    
+  // NOTE - most of these table colors should have opacity so that they work well with colored backgrounds
+  table {
+    width: 100%;
+    margin: var(--space-md) 0;
+    text-align: left;
+    border-collapse: collapse;
+    thead th {
+      background: rgba(0, 0, 0, 0.1);
+    }
+    th,
+    td {
+      padding: 0.5em;
+      border: 1px solid rgba(0, 0, 0, 0.12);
+      &.fr-selected-cell {
+        border: 1px double var(--color-active-primary);
+      }
+      &.cell-bold {
+        font-weight: bold;
+        li {
+          font-weight: bold !important;
+        }
+      }
+      &.cell-disable-break-word {
+        // v2-widgets apply word-break: break-word, this allows users to override it
+        word-break: normal;
+      }
+    }
+    &.padded-1 {
+      th,
+      td {
+        padding: 1em;
+      }
+    }
+    &.padded-2 {
+      th,
+      td {
+        padding: 2em;
+      }
+    }
+    &.no-borders {
+      th:not(.fr-selected-cell),
+      td:not(.fr-selected-cell) {
+        // keeping a transparent border so that selection doesn't push things by 1 pixel
+        border: 1px dashed transparent;
+      }
+    }
+    &.alternating-rows {
+      tr:nth-child(odd) {
+        background: rgba(255, 255, 255, 0.05);
+      }
+      tr:nth-child(even) {
+        background: rgba(0, 0, 0, 0.05);
+      }
+    }
+  }
+    
+  ${({ widgetType: e, inheritBrandingStyles: i }) => e === "page" ? "" : nt`
     * {
       font-family: ${sa};
     }
@@ -5498,45 +5555,6 @@ const ni = ai(), ii = new RegExp(rt, "gi"), ui = new RegExp(
       height: 0px;
       border-width: 1px 0 0 0;
     }
-    table {
-      width: 100%;
-      margin: 15px 0;
-      text-align: left;
-      thead th {
-        background: var(--color-surface);
-      }
-      th,
-      td {
-        border-width: 1px;
-        border-style: solid;
-        border-color: var(--color-divider);
-        padding: 0.5em;
-      }
-      tr:nth-child(even) {
-        background: var(--color-surface-darken);
-      }
-      tr:nth-child(odd) {
-        background: var(--color-surface);
-      }
-    }
-    table.no-borders {
-      th,
-      td {
-        border: none;
-      }
-    }
-    table.padded-2 {
-      th,
-      td {
-        padding: 2em;
-      }
-    }
-    table.padded-1 {
-      th,
-      td {
-        padding: 1em;
-      }
-    }
     img {
       max-width: 100%;
       margin: var(--space-md) 0;
@@ -5560,7 +5578,7 @@ const ni = ai(), ii = new RegExp(rt, "gi"), ui = new RegExp(
     }
   `}
 
-  ${({ widgetType: e, inheritBrandingStyles: i }) => e === "article" && na`
+  ${({ widgetType: e, inheritBrandingStyles: i }) => e === "article" && nt`
       h1 {
         font-family: ${i ? "var(--channels-h1-font-family, revert)" : "revert"};
         & * {
@@ -5632,44 +5650,12 @@ const ni = ai(), ii = new RegExp(rt, "gi"), ui = new RegExp(
       }
 
       table {
-        width: 100% !important;
-        margin: var(--space-md) 0;
         font-size: var(--font-size-subtitle-sm) !important;
         text-align: left;
-        border-collapse: collapse;
-        border-spacing: 0;
-
-        thead th {
-          background: var(--color-surface);
-        }
         th,
         td {
-          border-width: 1px;
-          border-style: solid;
-          border-color: var(--color-divider);
-          padding: var(--space-sm);
           word-wrap: break-word;
         }
-        tr:nth-child(odd) {
-          background: var(--color-divider-lighten);
-        }
-        tr:nth-child(even) {
-          background: var(--color-surface);
-        }
-      }
-
-      table.no-borders {
-        th,
-        td {
-          border: none;
-        }
-
-        tr:nth-child(odd) {
-          background: var(--color-surface-darken);
-        }
-        tr:nth-child(even) {
-          background: var(--color-surface);
-        }
       }
 
       img,