@apolitical/component-library 6.0.3-ac.0 → 6.0.3-ac.1

package/index.mjs

@@ -75,7 +75,7 @@ var Wc = { exports: {} };
   })();
 })(Wc);
 var Oh = Wc.exports;
-const V = /* @__PURE__ */ qn(Oh), Ph = ({
+const K = /* @__PURE__ */ qn(Oh), Ph = ({
   element: e = "span",
   showOnFocus: t = !0,
   children: n,
@@ -83,7 +83,7 @@ const V = /* @__PURE__ */ qn(Oh), Ph = ({
   ...i
 }) => te.createElement(e, {
   ...i,
-  className: V("hidden", r, { "show-on-focus": t }),
+  className: K("hidden", r, { "show-on-focus": t }),
   children: n
 }), Ue = nn(Ph), Nh = ({
   element: e = "span",
@@ -932,12 +932,12 @@ const nu = {}, xr = eo(
     const $ = {
       className: "content"
     };
-    return C ? $.className = V("content", { hidden: f === "hidden" }) : ($.hidden = f === "hidden", $["aria-live"] = "polite"), /* @__PURE__ */ c.jsx(
+    return C ? $.className = K("content", { hidden: f === "hidden" }) : ($.hidden = f === "hidden", $["aria-live"] = "polite"), /* @__PURE__ */ c.jsx(
       "aside",
       {
         ref: g,
         id: m,
-        className: V("tooltip text-medium", f, a, {
+        className: K("tooltip text-medium", f, a, {
           loading: r,
           "extra-padding": b,
           "has-pointer": w,
@@ -1717,7 +1717,7 @@ const Ae = ({
   typeof t == "string" && b.push(t), r && (b.push("icon"), typeof r == "object" ? (b.push(r.icon), r.position ? b.push(r.position) : b.push("left"), r.hover && b.push(`hover_${r.hover}`), r.animate && (b.push("animate"), typeof r.animate == "string" && b.push(r.animate))) : (b.push(r), !r.includes("right") && !r.includes("left") && b.push("left")));
   const w = {
     ...m,
-    className: V(e, o, b, {
+    className: K(e, o, b, {
       "no-text": !h,
       disabled: l,
       button: i,
@@ -1752,14 +1752,14 @@ const Ae = ({
     return i === "p" ? /* @__PURE__ */ c.jsx(Ae, { ...s }, o) : /* @__PURE__ */ c.jsx("li", { className: ((l = t[o]) == null ? void 0 : l.className) || "", children: /* @__PURE__ */ c.jsx(Ae, { ...s }) }, o);
   });
   return te.createElement(i, {
-    className: V("button-wrapper", n),
+    className: K("button-wrapper", n),
     ...r,
     children: a
   });
 };
 const en = ({ className: e = "", maxWidth: t = !1 }) => {
   const n = t ? { "--max-width": `${t / 16}rem` } : {};
-  return /* @__PURE__ */ c.jsx("hr", { className: V(e, { "has-max-width": t }), style: n });
+  return /* @__PURE__ */ c.jsx("hr", { className: K(e, { "has-max-width": t }), style: n });
 }, au = {
   card: {
     range: [
@@ -1971,7 +1971,7 @@ const Z_ = ({ image: e, className: t = "", testId: n }) => /* @__PURE__ */ c.jsx
 }) => {
   if (e) {
     const l = { ...o };
-    return i && (l.onClick = i), a && (l["data-gtm-event-context"] = a), s && (l["data-gtm-event-type"] = s), /* @__PURE__ */ c.jsx("a", { href: e, className: V("gtm-trackable", r), ...l, children: t });
+    return i && (l.onClick = i), a && (l["data-gtm-event-context"] = a), s && (l["data-gtm-event-type"] = s), /* @__PURE__ */ c.jsx("a", { href: e, className: K("gtm-trackable", r), ...l, children: t });
   }
   return n ? te.createElement(n, { children: t, className: r, ...o }) : /* @__PURE__ */ c.jsx(c.Fragment, { children: t });
 };
@@ -1982,7 +1982,7 @@ const sm = eo(
       "aside",
       {
         ref: i,
-        className: V("popover", e),
+        className: K("popover", e),
         "aria-live": "polite",
         children: t
       }
@@ -2012,7 +2012,7 @@ const Y_ = ({
       /* @__PURE__ */ c.jsx(
         "div",
         {
-          className: V("dot", {
+          className: K("dot", {
             active: i === e,
             completed: i < e
           }),
@@ -2022,7 +2022,7 @@ const Y_ = ({
       /* @__PURE__ */ c.jsx(
         "div",
         {
-          className: V("line", {
+          className: K("line", {
             active: i < e
           })
         }
@@ -2052,7 +2052,7 @@ const G_ = ({ elementId: e, offset: t = 20 }) => {
     }
   );
 };
-const Q_ = ({ items: e, className: t = "", ...n }) => /* @__PURE__ */ c.jsx("ul", { className: V("buckets", t), ...n, children: e.map(({ title: r, text: i, link: a, ...s }, o) => /* @__PURE__ */ c.jsx("li", { className: "bucket text-medium", children: /* @__PURE__ */ c.jsxs("a", { href: a, ...s, children: [
+const Q_ = ({ items: e, className: t = "", ...n }) => /* @__PURE__ */ c.jsx("ul", { className: K("buckets", t), ...n, children: e.map(({ title: r, text: i, link: a, ...s }, o) => /* @__PURE__ */ c.jsx("li", { className: "bucket text-medium", children: /* @__PURE__ */ c.jsxs("a", { href: a, ...s, children: [
   /* @__PURE__ */ c.jsx("p", { className: "title", children: r }),
   /* @__PURE__ */ c.jsx("p", { children: i })
 ] }) }, o)) }), su = 300, ou = "ease-in-out";
@@ -2115,7 +2115,7 @@ const so = ({
     "details",
     {
       ref: a,
-      className: V("collapsible-section", t, {
+      className: K("collapsible-section", t, {
         "should-animate": r
       }),
       children: [
@@ -2152,7 +2152,7 @@ const lu = {
   return !n && !s ? null : /* @__PURE__ */ c.jsx(
     "small",
     {
-      className: V(
+      className: K(
         "content-type-label text-small",
         e in lu ? lu[e] : e,
         r,
@@ -2178,7 +2178,7 @@ const Ht = ({
   return /* @__PURE__ */ c.jsx(
     "div",
     {
-      className: V("highlighted-text-box", e, r, {
+      className: K("highlighted-text-box", e, r, {
         "has-icon": t,
         "show-highlight": s,
         [o]: o !== "default"
@@ -2211,7 +2211,7 @@ const Wn = ({
     Ht,
     {
       variant: "subtle",
-      className: V("empty-state-box", e, r),
+      className: K("empty-state-box", e, r),
       children: /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
         t && typeof t == "string" ? /* @__PURE__ */ c.jsx(Xt, { options: { forceBlock: !0 }, children: t }) : t,
         i && typeof n == "object" && (u || /* @__PURE__ */ c.jsx(
@@ -2235,7 +2235,7 @@ const dm = ({
   heading: n = !1,
   children: r,
   ...i
-}) => /* @__PURE__ */ c.jsxs("div", { ...i, className: V("helper-text-box text-small", e, t), children: [
+}) => /* @__PURE__ */ c.jsxs("div", { ...i, className: K("helper-text-box text-small", e, t), children: [
   n && /* @__PURE__ */ c.jsx("p", { className: "title", children: n }),
   typeof r == "string" ? /* @__PURE__ */ c.jsx(
     Xt,
@@ -2287,14 +2287,14 @@ const fm = ({
     Ht,
     {
       variant: "subtle",
-      className: V("hide-show-text-box", t),
+      className: K("hide-show-text-box", t),
       children: [
         /* @__PURE__ */ c.jsx(
           "div",
           {
             ref: u,
             id: e,
-            className: V("content", m, s),
+            className: K("content", m, s),
             children: i ? /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
               /* @__PURE__ */ c.jsx(Xt, { options: { forceBlock: !0, ...a }, children: m === "closed" ? d : i }),
               m !== "closed" && o
@@ -2307,7 +2307,7 @@ const fm = ({
             variant: "tertiary",
             icon: { icon: "navigation_arrow", position: "left", animate: !0 },
             styling: { muted: !0 },
-            className: V({ "rotate-180": f }),
+            className: K({ "rotate-180": f }),
             onClick: () => {
               p(f ? "ready-to-close" : "opening");
             },
@@ -2330,7 +2330,7 @@ const J_ = ({
 }) => {
   const { hasBorder: s = !1, zebraStriping: o = !1 } = i;
   return te.createElement(e, {
-    className: V("icon-bulleted-list text-medium", n, a, {
+    className: K("icon-bulleted-list text-medium", n, a, {
       "has-border": s,
       "has-zebra-stripes": o,
       [t]: e !== "dl"
@@ -2456,7 +2456,7 @@ const J_ = ({
     "@",
     n.formatMessage({ id: "member_deleted" })
   ] })) : a ? (r = { ...r, className: "button primary medium" }, /* @__PURE__ */ c.jsx("p", { className: "center", children: /* @__PURE__ */ c.jsx(Ae, { variant: "primary", size: "medium", ...r, children: i }) })) : /* @__PURE__ */ c.jsx("a", { ...r, children: i });
-}, du = ({ children: e, ...t }) => /* @__PURE__ */ c.jsx("span", { className: V({ url: t == null ? void 0 : t.href }), children: e });
+}, du = ({ children: e, ...t }) => /* @__PURE__ */ c.jsx("span", { className: K({ url: t == null ? void 0 : t.href }), children: e });
 const xm = {
   default: {
     a: ym,
@@ -2508,7 +2508,7 @@ const xm = {
   };
   let l = xm[i];
   return n.overrides && (l = { ...l, ...n.overrides }), te.createElement(e, {
-    className: V("markdown-text", t, {
+    className: K("markdown-text", t, {
       "highlight-titles": s
     }),
     children: /* @__PURE__ */ c.jsx(Xt, { options: { ...o, ...n, overrides: l }, children: r })
@@ -2522,8 +2522,8 @@ const Dm = ({
   className: i = ""
 }) => {
   const a = e ? { "--max-width": `${e / 16}rem` } : {};
-  return /* @__PURE__ */ c.jsxs("section", { className: V("page-heading", i), children: [
-    /* @__PURE__ */ c.jsxs("div", { className: V("content", { "has-max-width": e }), style: a, children: [
+  return /* @__PURE__ */ c.jsxs("section", { className: K("page-heading", i), children: [
+    /* @__PURE__ */ c.jsxs("div", { className: K("content", { "has-max-width": e }), style: a, children: [
       t && t.text && te.createElement(t.element || "h1", { className: "title" }, t.text),
       n && n.text && te.createElement(
         n.element || "h2",
@@ -2549,7 +2549,7 @@ const dn = ({
   }, { showTooltip: u, tooltipProps: d } = Zc(!!i), h = {}, m = i ? `tooltip-${window.btoa(i).substring(9, 15)}` : void 0;
   i && m && (h["aria-describedby"] = m, h.role = "button");
   const p = te.createElement(i ? "span" : s, {
-    className: V("pill", e, t, n, {
+    className: K("pill", e, t, n, {
       "has-icon": r
     }),
     style: l,
@@ -2576,7 +2576,7 @@ const Vr = ({
   e,
   {
     ...r,
-    className: V("status-banner text-small", n),
+    className: K("status-banner text-small", n),
     "aria-live": "assertive"
   },
   t
@@ -2696,7 +2696,7 @@ const Pm = ({ slug: e }) => {
   return /* @__PURE__ */ c.jsx(
     dn,
     {
-      className: V("user-badge", a == null ? void 0 : a.toLowerCase()),
+      className: K("user-badge", a == null ? void 0 : a.toLowerCase()),
       icon: i && Om[i],
       element: "li",
       tooltip: s,
@@ -2732,7 +2732,7 @@ const Mm = ({
   return /* @__PURE__ */ c.jsx(
     "span",
     {
-      className: V(`progress-bar section-${u}`, s, r, {
+      className: K(`progress-bar section-${u}`, s, r, {
         [o]: o !== "default",
         [l !== "default" ? l : ""]: l !== "default"
       }),
@@ -2765,7 +2765,7 @@ const ka = "loadingBlock_", Rm = ({
   return /* @__PURE__ */ c.jsxs(
     Ht,
     {
-      className: V("loading-block", n, {
+      className: K("loading-block", n, {
         "has-icon": i && t[i].icon
       }),
       variant: "subtle",
@@ -2781,7 +2781,7 @@ const Vt = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */
   ro,
   {
     element: e,
-    className: V("loading-placeholder", t),
+    className: K("loading-placeholder", t),
     ...n
   }
 );
@@ -2835,7 +2835,7 @@ const Fs = {
   "course-navigation": ["button", "button"],
   "course-lesson-page": ["breadcrumb", "course-navigation", "text-page"],
   "course-lesson-quiz": ["text-page", "quiz-box"]
-}, ad = (e, t) => e in Fs ? /* @__PURE__ */ c.jsx("div", { className: e, children: Fs[e].map((n, r) => ad(n, r)) }, t) : /* @__PURE__ */ c.jsx(Vt, { className: e }, t), uo = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ c.jsx("div", { className: V("loading-state", e), ...t, children: Fs[e].map((n, r) => ad(n, r)) }), sd = (e) => {
+}, ad = (e, t) => e in Fs ? /* @__PURE__ */ c.jsx("div", { className: e, children: Fs[e].map((n, r) => ad(n, r)) }, t) : /* @__PURE__ */ c.jsx(Vt, { className: e }, t), uo = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ c.jsx("div", { className: K("loading-state", e), ...t, children: Fs[e].map((n, r) => ad(n, r)) }), sd = (e) => {
   const t = e && e.toUpperCase().trim().split(" ");
   return Array.isArray(t) && t.length > 1 && t[0] !== "" ? t[1] === "" ? t[0][0] : t[0][0] + t[t.length - 1][0] : e ? e.substr(0, 1) : "";
 }, oi = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], Im = (e) => {
@@ -2872,7 +2872,7 @@ const fu = 256, Hn = ({
   return t && t !== "" && !l && (t.includes("http") || t.includes("//")) && (m = !0), /* @__PURE__ */ c.jsx(
     "figure",
     {
-      className: V("profile-picture", e, { error: l }),
+      className: K("profile-picture", e, { error: l }),
       ...o,
       children: m ? /* @__PURE__ */ c.jsx(
         "img",
@@ -2949,7 +2949,7 @@ const En = ({
   const z = Lm(C), $ = r && r.createdAt ? _s(r.createdAt) : !1, F = r && r.createdAt ? Qc(r.createdAt) : "";
   return te.createElement(e, {
     ...d,
-    className: V("member text-medium", g, f, l, {
+    className: K("member text-medium", g, f, l, {
       "has-profile-link": E
     }),
     ...p,
@@ -2977,7 +2977,7 @@ const En = ({
               /* @__PURE__ */ c.jsxs(
                 "div",
                 {
-                  className: V("name", { "new-line": b }),
+                  className: K("name", { "new-line": b }),
                   "data-testid": "member-name",
                   children: [
                     /* @__PURE__ */ c.jsx("span", { children: T }),
@@ -2985,7 +2985,7 @@ const En = ({
                     r && /* @__PURE__ */ c.jsxs(
                       "span",
                       {
-                        className: V("additional-content", {
+                        className: K("additional-content", {
                           "new-line": b
                         }),
                         children: [
@@ -3035,7 +3035,7 @@ const En = ({
               z && !b && /* @__PURE__ */ c.jsx(
                 "small",
                 {
-                  className: V({ "text-medium": g === "large" }),
+                  className: K({ "text-medium": g === "large" }),
                   "data-testid": "member-details",
                   children: v ? z : /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
                     C.role,
@@ -3104,7 +3104,7 @@ const hu = {
   const h = ce();
   return !n || n.length === 0 ? null : te.createElement(e, {
     ...d,
-    className: V("contributors", u, i, { "has-gap": a }),
+    className: K("contributors", u, i, { "has-gap": a }),
     children: /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
       /* @__PURE__ */ c.jsx("ul", { children: n.map((m, p) => {
         let g, f = "";
@@ -3126,7 +3126,7 @@ const hu = {
           g = /* @__PURE__ */ c.jsxs(
             "small",
             {
-              className: V({ "large-number": v > 99 }),
+              className: K({ "large-number": v > 99 }),
               children: [
                 "+",
                 em(v, 0)
@@ -3134,14 +3134,14 @@ const hu = {
             }
           ), f = "number-left";
         }
-        return g ? /* @__PURE__ */ c.jsx("li", { className: V("contributor", f), children: g }, p) : null;
+        return g ? /* @__PURE__ */ c.jsx("li", { className: K("contributor", f), children: g }, p) : null;
       }) }),
       r && /* @__PURE__ */ c.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? h.formatMessage({ id: `member_${n[0]}` }) : cr(n[0].name || "", 20) : l || null })
     ] })
   });
 };
 const ud = ({ element: e = "section", children: t, className: n, ...r }) => te.createElement(e, {
-  className: V("modal", n),
+  className: K("modal", n),
   children: typeof t == "string" ? /* @__PURE__ */ c.jsx("p", { children: t }) : t,
   ...r
 });
@@ -4834,7 +4834,7 @@ const kn = ({
     {
       id: `${e}-overlay`,
       ref: E,
-      className: V("overlay", {
+      className: K("overlay", {
         open: f,
         "in-portal": d.includes("in-portal")
       }),
@@ -4843,7 +4843,7 @@ const kn = ({
         ud,
         {
           id: e,
-          className: V("overlay-modal", d, {
+          className: K("overlay-modal", d, {
             "has-max-width": r
           }),
           hidden: !f,
@@ -4922,7 +4922,7 @@ const Ar = "joinCommunityButton", xd = ({
           await w();
         }, 500), h(!d);
       },
-      className: V("join-community-button", m, {
+      className: K("join-community-button", m, {
         active: m === "joining"
       }),
       disabled: u,
@@ -4943,7 +4943,7 @@ const Oa = "communityDetails_", ek = ({
   functions: { invite: s, ...o }
 }) => {
   const l = ce(), { id: u } = Ne(mt), d = u, h = 5, m = i || a.length, p = a.length ? a : Array(h).fill({}), g = `/communities/${r}/members` === window.location.pathname, f = t || n, v = !n && !t;
-  return /* @__PURE__ */ c.jsxs("div", { className: V("community-details", e), children: [
+  return /* @__PURE__ */ c.jsxs("div", { className: K("community-details", e), children: [
     f ? /* @__PURE__ */ c.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ c.jsxs("div", { className: "top", children: [
         /* @__PURE__ */ c.jsxs("h4", { children: [
@@ -4998,7 +4998,7 @@ const Yi = ({
 }) => /* @__PURE__ */ c.jsx(
   Ae,
   {
-    className: V("action-button", t),
+    className: K("action-button", t),
     variant: "tertiary",
     icon: e,
     ...n
@@ -5136,7 +5136,7 @@ const Kp = ({
       /* @__PURE__ */ c.jsx(
         Yi,
         {
-          className: V(
+          className: K(
             "discussion-button text-medium action-button likes-button",
             {
               "show-spinner": E,
@@ -7219,7 +7219,7 @@ const Fg = ({
       functions: {
         onClose: t
       },
-      className: V("profile-modal in-portal", i, {
+      className: K("profile-modal in-portal", i, {
         open: e
       }),
       maxWidth: 600,
@@ -7343,7 +7343,7 @@ const Bg = 3e3, Tg = ({
     /* @__PURE__ */ c.jsx(
       xr,
       {
-        className: V({
+        className: K({
           copied: i.isCopied
         }),
         isOpen: i.isOpen,
@@ -7387,7 +7387,7 @@ const Gn = "discussion_", Sg = ({
   }), /* @__PURE__ */ c.jsxs(
     "ul",
     {
-      className: V("actions text-medium", e),
+      className: K("actions text-medium", e),
       "data-testid": `${n}-actions`,
       children: [
         r ? /* @__PURE__ */ c.jsx(
@@ -7469,7 +7469,7 @@ const ik = ({ breadcrumbs: e, cutoff: t = 20, className: n = "" }) => {
         children: r.formatMessage({ id: "breadcrumbs_label" })
       }
     ),
-    /* @__PURE__ */ c.jsx("ul", { className: V("breadcrumbs text-small", n), children: e.map(
+    /* @__PURE__ */ c.jsx("ul", { className: K("breadcrumbs text-small", n), children: e.map(
       ({ text: i, href: a, current: s = !1 }, o) => {
         const l = {};
         return s && (l["aria-current"] = "location"), /* @__PURE__ */ c.jsxs("li", { children: [
@@ -7497,7 +7497,7 @@ const Bd = ({
   return /* @__PURE__ */ c.jsxs(
     "aside",
     {
-      className: V("enriched-url gtm-trackable", {
+      className: K("enriched-url gtm-trackable", {
         "has-image": t,
         [e]: e !== "default"
       }),
@@ -7551,7 +7551,7 @@ const jg = ({
     let g = [];
     u.includes(m) && !a ? g = u.filter((f) => f !== m) : m === "all" ? g = ["all"] : r ? g = [...u.filter((f) => f !== "all"), m] : g = [m], d((f) => (i && typeof i == "function" && i({ current: g, previous: f }), g)), p && typeof p == "function" && p();
   };
-  return /* @__PURE__ */ c.jsx("ul", { className: V("filters", s), children: l.map(({ id: m, text: p, disabled: g = !1, callback: f = () => {
+  return /* @__PURE__ */ c.jsx("ul", { className: K("filters", s), children: l.map(({ id: m, text: p, disabled: g = !1, callback: f = () => {
   } }) => {
     let v = {};
     return g && (v = {
@@ -7560,7 +7560,7 @@ const jg = ({
     }), /* @__PURE__ */ c.jsx("li", { children: /* @__PURE__ */ c.jsx(
       "button",
       {
-        className: V(m, {
+        className: K(m, {
           selected: u.includes(m)
         }),
         onClick: (b) => {
@@ -7604,7 +7604,7 @@ const fi = "languageSwitcher_", ak = ({
   ))
     return null;
   const g = Object.keys(r), f = h !== e;
-  return /* @__PURE__ */ c.jsxs("div", { className: V("language-switcher text-small", s, l), children: [
+  return /* @__PURE__ */ c.jsxs("div", { className: K("language-switcher text-small", s, l), children: [
     /* @__PURE__ */ c.jsxs("nav", { children: [
       s !== "short" && /* @__PURE__ */ c.jsx("p", { children: o || u.formatMessage({ id: `${fi}label` }) }),
       /* @__PURE__ */ c.jsx("ul", { children: g.map((v) => {
@@ -7679,7 +7679,7 @@ const Ra = Eh({ locale: "en", messages: Dr }), fa = ({
         g instanceof Error ? h(g.message) : h("Unknown error");
       }
   };
-  return !d && !e && !o.endOfFeed ? null : /* @__PURE__ */ c.jsx("footer", { className: V("load-more", l), children: !d && e ? /* @__PURE__ */ c.jsx(
+  return !d && !e && !o.endOfFeed ? null : /* @__PURE__ */ c.jsx("footer", { className: K("load-more", l), children: !d && e ? /* @__PURE__ */ c.jsx(
     Ae,
     {
       variant: r,
@@ -7705,7 +7705,7 @@ const Td = ({
   "a",
   {
     href: "/home/",
-    className: V("logo", e, t, n),
+    className: K("logo", e, t, n),
     ...r,
     children: /* @__PURE__ */ c.jsx(Ue, { children: /* @__PURE__ */ c.jsx(ht, { id: "apolitical" }) })
   }
@@ -7726,7 +7726,7 @@ const Pg = ({
     document.removeEventListener("click", l, !0);
   })), te.createElement(e, {
     ref: a,
-    className: V("more-menu text-medium", r),
+    className: K("more-menu text-medium", r),
     children: /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
       /* @__PURE__ */ c.jsx(
         Ae,
@@ -7798,7 +7798,7 @@ const Mg = vr(() => Promise.resolve().then(() => Um)), Rg = [
   return /* @__PURE__ */ c.jsxs("ul", { id: "navigation-menu", className: "text-medium", children: [
     Rg.map(({ key: a, href: s }) => {
       const o = Ng(s, e), l = {};
-      return o && (l["aria-current"] = "page"), /* @__PURE__ */ c.jsx("li", { className: V(a, { active: o }), children: /* @__PURE__ */ c.jsx(
+      return o && (l["aria-current"] = "page"), /* @__PURE__ */ c.jsx("li", { className: K(a, { active: o }), children: /* @__PURE__ */ c.jsx(
         "a",
         {
           href: s,
@@ -7878,7 +7878,7 @@ const Lg = "shareLinks_", sk = ({
   className: s = ""
 }) => {
   const o = ce(), l = Ig({ title: e, link: t, referrer: n });
-  return /* @__PURE__ */ c.jsxs("aside", { className: V("share-links", i, a, s), children: [
+  return /* @__PURE__ */ c.jsxs("aside", { className: K("share-links", i, a, s), children: [
     /* @__PURE__ */ c.jsx("p", { className: "text-small", children: o.formatMessage({ id: "shareLinks_label" }) }),
     /* @__PURE__ */ c.jsx("ul", { children: l.map(({ key: u, icon: d, url: h, shouldRender: m = !0, onClick: p }) => {
       if (typeof m == "function" && !m())
@@ -7976,7 +7976,7 @@ const ok = ({ tabs: e, className: t = "", preventLocationChange: n }) => {
             href: w || `#${f}`,
             id: `tab-${f}`,
             "aria-controls": f,
-            className: V({ selected: C }),
+            className: K({ selected: C }),
             role: "tab",
             tabIndex: C ? 0 : -1,
             "aria-selected": C,
@@ -7987,7 +7987,7 @@ const ok = ({ tabs: e, className: t = "", preventLocationChange: n }) => {
         ) }, `tab-${f}`)
       );
     }
-  ), /* @__PURE__ */ c.jsxs("div", { className: V("tabs-wrapper", t), children: [
+  ), /* @__PURE__ */ c.jsxs("div", { className: K("tabs-wrapper", t), children: [
     /* @__PURE__ */ c.jsx("ul", { className: "tabs", role: "tablist", children: m }),
     /* @__PURE__ */ c.jsx("div", { className: "tab-content", children: p })
   ] });
@@ -8008,7 +8008,7 @@ const zg = {
   return te.Children.count(i) === 1 && (s = te.Children.toArray(i)[0], s.props && (s = s.props.children)), /* @__PURE__ */ c.jsx(
     "section",
     {
-      className: V("columns", `layout-${e}`, r, {
+      className: K("columns", `layout-${e}`, r, {
         "has-containers": n
       }),
       children: te.Children.map(s, (o, l) => t !== !1 && l === t && a && a < zg[e] ? null : o)
@@ -8030,7 +8030,7 @@ const Sd = ({
       "small",
       {
         id: e,
-        className: V("character-limit", {
+        className: K("character-limit", {
           "near-limit": l,
           "approaching-limit": u
         }),
@@ -8226,7 +8226,7 @@ const mi = "emailHelperTextBox_", Wg = ({
     type: o,
     id: n,
     name: a,
-    className: V(e, t, {
+    className: K(e, t, {
       "has-scrollbar": o === "textarea" && m.current && m.current.clientHeight < m.current.scrollHeight
     }),
     value: l,
@@ -8353,7 +8353,7 @@ const Qn = {
           ...C,
           activePredictionIndex: D
         })),
-        className: V("predictions-list-item", {
+        className: K("predictions-list-item", {
           active: D === p
         }),
         children: A.description
@@ -8439,7 +8439,7 @@ const jd = ({
               break;
           }
       } : void 0,
-      className: V(i, "checkbox-wrapper", e, {
+      className: K(i, "checkbox-wrapper", e, {
         "is-checked": d
       }),
       ...m,
@@ -8454,7 +8454,7 @@ const Kg = nn(function({
   return /* @__PURE__ */ c.jsx(
     ro,
     {
-      className: V("rotating-chevron", `direction-${t}`)
+      className: K("rotating-chevron", `direction-${t}`)
     }
   );
 });
@@ -8490,7 +8490,7 @@ const Zg = ({
     } else
       v([]), w && w([]);
   };
-  return /* @__PURE__ */ c.jsxs("div", { className: V("dropdown-wrapper", e), children: [
+  return /* @__PURE__ */ c.jsxs("div", { className: K("dropdown-wrapper", e), children: [
     /* @__PURE__ */ c.jsxs(
       "button",
       {
@@ -8575,7 +8575,7 @@ const Zg = ({
               return /* @__PURE__ */ c.jsx("li", { "data-testid": "dropdown-options", children: /* @__PURE__ */ c.jsxs(
                 "button",
                 {
-                  className: V("gtm-trackable", {
+                  className: K("gtm-trackable", {
                     selected: L,
                     "selected-single": L && !o
                   }),
@@ -8589,7 +8589,7 @@ const Zg = ({
                   "data-testid": L ? "current-selection" : "",
                   children: [
                     o && /* @__PURE__ */ c.jsx("span", { className: "pretty-checkbox", "data-testid": "pretty-checkbox" }),
-                    /* @__PURE__ */ c.jsx("span", { className: V({ "menu-option-label": o }), children: T.label })
+                    /* @__PURE__ */ c.jsx("span", { className: K({ "menu-option-label": o }), children: T.label })
                   ]
                 }
               ) }, T.id);
@@ -8638,7 +8638,7 @@ const Nu = ({
     "ul",
     {
       ...m,
-      className: V("options-wrapper", e),
+      className: K("options-wrapper", e),
       "data-testid": `ul-${r}`,
       children: o == null ? void 0 : o.map(
         ({
@@ -8700,7 +8700,7 @@ const Yg = ({
       "button",
       {
         type: "button",
-        className: V("show-password gtm-trackable", {
+        className: K("show-password gtm-trackable", {
           "password-visible": l
         }),
         "data-gtm-event-context": n,
@@ -8794,7 +8794,7 @@ const Jn = {
         {
           ...D,
           label: T,
-          className: V("field-wrapper", n)
+          className: K("field-wrapper", n)
         }
       ),
       /* @__PURE__ */ c.jsx(L, { as: "p" })
@@ -8808,7 +8808,7 @@ const Jn = {
   });
   return /* @__PURE__ */ c.jsx(c.Fragment, { children: te.createElement(
     v ? "fieldset" : "div",
-    { className: V("field-wrapper text-medium", n) },
+    { className: K("field-wrapper text-medium", n) },
     /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
       te.createElement(
         v ? te.Fragment : "p",
@@ -9075,7 +9075,7 @@ const pn = ({
     {
       ...f,
       icon: q ? { icon: "tick", position: "left" } : !1,
-      className: V("gtm-trackable", f.className),
+      className: K("gtm-trackable", f.className),
       onClick: re,
       disabled: O || q || s.disabled,
       "data-gtm-event-context": d.context,
@@ -9085,7 +9085,7 @@ const pn = ({
   ];
   return b && _.unshift({
     ...o,
-    className: V("gtm-trackable", o.className),
+    className: K("gtm-trackable", o.className),
     "data-gtm-event-context": d.context,
     "data-gtm-event-type": d.event,
     disabled: O || q,
@@ -9097,7 +9097,7 @@ const pn = ({
       {
         ...m,
         id: r,
-        className: V("form", n),
+        className: K("form", n),
         ref: ne
       },
       /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
@@ -9143,7 +9143,7 @@ const pn = ({
         g ? null : (O || q) && p ? p : /* @__PURE__ */ c.jsx(
           ti,
           {
-            className: V("cta", {
+            className: K("cta", {
               center: O || q,
               submitted: q
             }),
@@ -9168,13 +9168,13 @@ const pi = "passwordRules_", Od = "isMoreThanEightCharacters", Pd = "includesNum
   className: t = ""
 }) => {
   const n = ce();
-  return /* @__PURE__ */ c.jsxs("aside", { className: V("password-rules", t), children: [
+  return /* @__PURE__ */ c.jsxs("aside", { className: K("password-rules", t), children: [
     /* @__PURE__ */ c.jsx("small", { children: n.formatMessage({ id: `${pi}intro` }) }),
     /* @__PURE__ */ c.jsx("ul", { children: [Od, Pd, Nd].map(
       (r) => /* @__PURE__ */ c.jsxs(
         "li",
         {
-          className: V({ matches: e[r] }),
+          className: K({ matches: e[r] }),
           children: [
             /* @__PURE__ */ c.jsxs(Ue, { children: [
               n.formatMessage({ id: `${pi}rule_label` }),
@@ -9243,14 +9243,14 @@ const uk = ({
         u((w) => ({ ...w, disabled: !1 }));
       }
   };
-  return /* @__PURE__ */ c.jsxs("div", { className: V("rating", a), children: [
+  return /* @__PURE__ */ c.jsxs("div", { className: K("rating", a), children: [
     /* @__PURE__ */ c.jsx("span", { className: "label", children: f[m ? "success" : "text"] }),
     /* @__PURE__ */ c.jsx("ol", { children: Array.from(new Array(t).keys()).map((b) => {
       const w = b + 1;
       return /* @__PURE__ */ c.jsx(
         "li",
         {
-          className: V({ selected: m && w <= m }),
+          className: K({ selected: m && w <= m }),
           children: /* @__PURE__ */ c.jsx(
             Ae,
             {
@@ -9302,7 +9302,7 @@ const uk = ({
     console.error(e);
   }
 }, rn = At(tv);
-var K = /* @__PURE__ */ ((e) => (e.blockquote = "block_quote", e.bold = "bold", e.code = "code", e.codeblock = "code_block", e.heading = "heading", e.hr = "thematic_break", e.image = "image", e.italic = "italic", e.li = "list_item", e.link = "link", e.mention = "mention", e.ol = "ol_list", e.paragraph = "paragraph", e.ul = "ul_list", e.strikethrough = "strikeThrough", e.span = "span", e.h3 = "h3", e))(K || {}), ln = /* @__PURE__ */ ((e) => (e.delete = "delete_mark", e.emphasis = "emphasis_mark", e.code = "inline_code_mark", e.strong = "strong_mark", e))(ln || {});
+var V = /* @__PURE__ */ ((e) => (e.blockquote = "block_quote", e.bold = "bold", e.code = "code", e.codeblock = "code_block", e.heading = "heading", e.hr = "thematic_break", e.image = "image", e.italic = "italic", e.li = "list_item", e.link = "link", e.mention = "mention", e.ol = "ol_list", e.paragraph = "paragraph", e.ul = "ul_list", e.strikethrough = "strikeThrough", e.span = "span", e.h3 = "heading_three", e))(V || {}), ln = /* @__PURE__ */ ((e) => (e.delete = "delete_mark", e.emphasis = "emphasis_mark", e.code = "inline_code_mark", e.strong = "strong_mark", e))(ln || {});
 const nv = ({
   attributes: e,
   children: t,
@@ -9310,13 +9310,13 @@ const nv = ({
 }) => {
   const r = n;
   switch (r.type) {
-    case K.blockquote:
+    case V.blockquote:
       return /* @__PURE__ */ c.jsx("blockquote", { className: "subtle", ...e, children: t });
-    case K.link:
+    case V.link:
       return /* @__PURE__ */ c.jsx("a", { ...e, children: t });
-    case K.li:
+    case V.li:
       return /* @__PURE__ */ c.jsx("li", { ...e, children: t });
-    case K.mention:
+    case V.mention:
       const i = r;
       return i != null && i.name && i.name === Li ? /* @__PURE__ */ c.jsxs("span", { ...e, className: "mention deleted-user", children: [
         "@",
@@ -9327,20 +9327,20 @@ const nv = ({
         (i == null ? void 0 : i.name) || "",
         t
       ] });
-    case K.ol:
+    case V.ol:
       return /* @__PURE__ */ c.jsx("ol", { ...e, children: t });
-    case K.ul:
+    case V.ul:
       return /* @__PURE__ */ c.jsx("ul", { ...e, children: t });
-    case K.span:
+    case V.span:
       return /* @__PURE__ */ c.jsx("span", { ...e, children: t });
-    case K.paragraph:
+    case V.paragraph:
       return /* @__PURE__ */ c.jsx("p", { ...e, children: t });
     default:
       return /* @__PURE__ */ c.jsx("span", { ...e, children: t });
   }
 }, rv = ({ attributes: e, children: t, leaf: n }) => {
   const r = n;
-  return r[K.bold] && (t = /* @__PURE__ */ c.jsx("strong", { children: t })), r[K.italic] && (t = /* @__PURE__ */ c.jsx("em", { children: t })), r[K.strikethrough] && (t = /* @__PURE__ */ c.jsx("s", { children: t })), r[K.h3] && (t = /* @__PURE__ */ c.jsx("h3", { children: t })), /* @__PURE__ */ c.jsx("span", { ...e, children: t });
+  return r[V.bold] && (t = /* @__PURE__ */ c.jsx("strong", { children: t })), r[V.italic] && (t = /* @__PURE__ */ c.jsx("em", { children: t })), r[V.strikethrough] && (t = /* @__PURE__ */ c.jsx("s", { children: t })), r[V.h3] && (t = /* @__PURE__ */ c.jsx("h3", { children: t })), /* @__PURE__ */ c.jsx("span", { ...e, children: t });
 };
 var iv = ov, Md = "֑-߿יִ-﷽ﹰ-ﻼ", Rd = "A-Za-zÀ-ÖØ-öø-ʸ̀-֐ࠀ-῿‎Ⰰ-﬜︀-﹯﻽-￿", av = new RegExp("^[^" + Rd + "]*[" + Md + "]"), sv = new RegExp("^[^" + Md + "]*[" + Rd + "]");
 function ov(e) {
@@ -17098,7 +17098,7 @@ const Hs = "MENTION: ", Af = {
     }
     const [i] = y.nodes(e, {
       at: r,
-      match: (a) => a.type === K.link
+      match: (a) => a.type === V.link
     });
     if (i) {
       const a = i[0], s = ao(a.link), o = a.children[0], l = (o == null ? void 0 : o.text) || "";
@@ -17107,17 +17107,17 @@ const Hs = "MENTION: ", Af = {
       n(null);
   }, [e, e.selection]), t;
 };
-var yt = /* @__PURE__ */ ((e) => (e.paragraph = "paragraph", e.heading = "heading", e.list = "list", e.listItem = "listItem", e.link = "link", e.mention = "mention", e.image = "image", e.blockquote = "blockquote", e.code = "code", e.html = "html", e.emphasis = "emphasis", e.strong = "strong", e.delete = "delete", e.inlineCode = "inlineCode", e.thematicBreak = "thematicBreak", e.text = "text", e))(yt || {});
+var yt = /* @__PURE__ */ ((e) => (e.paragraph = "paragraph", e.heading = "heading", e.list = "list", e.listItem = "listItem", e.link = "link", e.mention = "mention", e.image = "image", e.blockquote = "blockquote", e.code = "code", e.html = "html", e.emphasis = "emphasis", e.strong = "strong", e.delete = "delete", e.inlineCode = "inlineCode", e.thematicBreak = "thematicBreak", e.text = "text", e.h3 = "heading_three", e))(yt || {});
 const ar = {
-  [K.paragraph]: K.paragraph,
-  [K.blockquote]: K.blockquote,
-  [K.codeblock]: K.codeblock,
-  [K.link]: K.link,
-  [K.ul]: K.ul,
-  [K.ol]: K.ol,
-  [K.li]: K.li,
-  [K.mention]: K.mention,
-  [K.heading]: {
+  [V.paragraph]: V.paragraph,
+  [V.blockquote]: V.blockquote,
+  [V.codeblock]: V.codeblock,
+  [V.link]: V.link,
+  [V.ul]: V.ul,
+  [V.ol]: V.ol,
+  [V.li]: V.li,
+  [V.mention]: V.mention,
+  [V.heading]: {
     1: "heading_one",
     2: "heading_two",
     3: "heading_three",
@@ -17125,12 +17125,13 @@ const ar = {
     5: "heading_five",
     6: "heading_six"
   },
-  [ln.emphasis]: K.italic,
-  [ln.strong]: K.bold,
-  [ln.delete]: K.strikethrough,
-  [ln.code]: K.code,
-  [K.hr]: K.hr,
-  [K.image]: K.image
+  [ln.emphasis]: V.italic,
+  [ln.strong]: V.bold,
+  [ln.delete]: V.strikethrough,
+  [ln.code]: V.code,
+  [V.hr]: V.hr,
+  [V.image]: V.image,
+  [V.h3]: V.h3
 };
 function nc(e) {
   if (e)
@@ -21295,9 +21296,9 @@ function Wf(e, t) {
   const n = {
     ...ar,
     ...t == null ? void 0 : t.nodeTypes,
-    [K.heading]: {
-      ...ar[K.heading],
-      ...(l = t == null ? void 0 : t.nodeTypes) == null ? void 0 : l[K.heading]
+    [V.heading]: {
+      ...ar[V.heading],
+      ...(l = t == null ? void 0 : t.nodeTypes) == null ? void 0 : l[V.heading]
     }
   }, r = (t == null ? void 0 : t.linkDestinationKey) ?? "link", i = (t == null ? void 0 : t.imageSourceKey) ?? "link", a = (t == null ? void 0 : t.imageCaptionKey) ?? "caption";
   let s = [{ text: "" }];
@@ -21313,45 +21314,49 @@ function Wf(e, t) {
   )), e.type) {
     case yt.heading:
       return {
-        type: n[K.heading][e.depth || 1],
-        children: s
+        type: n[V.heading][e.depth || 1],
+        // we need to flag the type of heading in the children to ensure it renders as the correct heading type
+        children: s.map((h) => ({
+          ...h,
+          [n[V.heading][e.depth || 1]]: !0
+        }))
       };
     case yt.list:
       return {
-        type: e.ordered ? n[K.ol] : n[K.ul],
+        type: e.ordered ? n[V.ol] : n[V.ul],
         children: s
       };
     case yt.listItem:
-      return { type: n[K.li], children: s };
+      return { type: n[V.li], children: s };
     case yt.paragraph:
-      return { type: n[K.paragraph], children: s };
+      return { type: n[V.paragraph], children: s };
     case yt.link:
       return {
-        type: n[K.link],
+        type: n[V.link],
         [r]: e.url,
         children: s
       };
     case yt.image:
       return {
-        type: n[K.image],
+        type: n[V.image],
         children: [{ text: "" }],
         [i]: e.url,
         [a]: e.alt
       };
     case yt.blockquote:
-      return { type: n[K.blockquote], children: s };
+      return { type: n[V.blockquote], children: s };
     case yt.code:
       return {
-        type: n[K.codeblock],
+        type: n[V.codeblock],
         language: e.lang,
         children: [{ text: e.value }]
       };
     case yt.html:
       return (u = e.value) != null && u.includes("<br>") ? {
         break: !0,
-        type: n[K.paragraph],
+        type: n[V.paragraph],
         children: [{ text: ((d = e.value) == null ? void 0 : d.replace(/<br>/g, "")) || "" }]
-      } : { type: K.paragraph, children: [{ text: e.value || "" }] };
+      } : { type: V.paragraph, children: [{ text: e.value || "" }] };
     case yt.emphasis:
       return {
         [n[ln.emphasis]]: !0,
@@ -21378,7 +21383,7 @@ function Wf(e, t) {
       };
     case yt.thematicBreak:
       return {
-        type: n[K.hr],
+        type: n[V.hr],
         children: [{ text: "" }]
       };
     case "text":
@@ -21402,20 +21407,20 @@ const bC = function(t) {
   uD().use(vC).use(bC).process(e).then((n) => {
     const r = Pn(n.result), i = (s) => {
       const o = s;
-      [K.li, K.blockquote].includes(o.type) && o.children.map((l, u) => {
+      [V.li, V.blockquote].includes(o.type) && o.children.map((l, u) => {
         const d = l;
-        d.type === K.paragraph && o.children.splice(u, 1, ...d.children);
+        d.type === V.paragraph && o.children.splice(u, 1, ...d.children);
       }), "children" in s && s.children && s.children.forEach((l) => i(l));
     };
     r.forEach(i);
     const a = (s) => {
       for (let o = 0; o < s.length; o++) {
         const l = s[o], u = l;
-        if (u.type === K.link) {
+        if (u.type === V.link) {
           const d = u.children && u.children[0];
           if (d && "text" in d && d.text.includes(Hs)) {
             const h = u, m = d.text.replace(Hs, ""), p = "link" in h && h.link ? h.link : "";
-            h.type = K.mention, h.id = p, h.name = m, h.children = [{ text: "" }], s[o + 1] || s.splice(o + 1, 0, { text: " " }), o++;
+            h.type = V.mention, h.id = p, h.name = m, h.children = [{ text: "" }], s[o + 1] || s.splice(o + 1, 0, { text: " " }), o++;
           }
         }
         "children" in l && l.children && a(l.children);
@@ -21428,7 +21433,7 @@ const bC = function(t) {
           u && u.map((d) => {
             const h = d.replace(/~~/g, ""), m = o.text.indexOf(d), p = o.text.substring(0, m), g = o.text.substring(m + d.length), f = [
               { text: p },
-              { text: h, [K.strikethrough]: !0 },
+              { text: h, [V.strikethrough]: !0 },
               { text: g }
             ];
             s.children.splice(l, 1, ...f);
@@ -21464,24 +21469,24 @@ const bC = function(t) {
 }, wC = (e) => {
   for (const [t] of ue.descendants(e)) {
     const n = t;
-    if (n.type === K.link)
+    if (n.type === V.link)
       return n.link;
   }
   return null;
 }, Fc = {
-  "mod+b": K.bold,
-  "mod+i": K.italic,
-  "mod+shift+x": K.strikethrough,
-  "mod+k": K.link,
-  "mod+shift+7": K.ol,
-  "mod+shift+8": K.ul,
-  "mod+shift+9": K.blockquote
+  "mod+b": V.bold,
+  "mod+i": V.italic,
+  "mod+shift+x": V.strikethrough,
+  "mod+k": V.link,
+  "mod+shift+7": V.ol,
+  "mod+shift+8": V.ul,
+  "mod+shift+9": V.blockquote
 }, CC = (e, t, n, r) => {
   for (const i in Fc)
     if (v1(i, e)) {
       e.stopPropagation(), e.preventDefault();
       const a = Fc[i];
-      if (a === K.link) {
+      if (a === V.link) {
         n([{ type: "showLinkEditor", value: !0 }]);
         return;
       }
@@ -21499,7 +21504,7 @@ const bC = function(t) {
   const o = s.userId || "", l = (d = s.user) == null ? void 0 : d.name;
   n([{ type: "mentionPopover", value: { ...t, show: !1 } }]);
   const u = {
-    type: K.mention,
+    type: V.mention,
     id: o,
     name: l,
     children: [{ text: "" }]
@@ -21556,9 +21561,9 @@ const bC = function(t) {
   }
   return t;
 }, er = (e) => typeof e.text == "string", _C = [
-  K.hr,
-  K.image,
-  K.mention
+  V.hr,
+  V.image,
+  V.mention
 ], Ac = "<br>";
 function Kf(e, t = { nodeTypes: ar }) {
   const {
@@ -21571,12 +21576,12 @@ function Kf(e, t = { nodeTypes: ar }) {
     ...ar,
     ...n,
     heading: {
-      ...ar[K.heading],
-      ...n[K.heading]
+      ...ar[V.heading],
+      ...n[V.heading]
     }
-  }, l = [o[K.ul], o[K.ol]];
+  }, l = [o[V.ul], o[V.ol]];
   let u = a;
-  if (!er(e) && s !== K.mention && (u = e.children.map((d) => {
+  if (!er(e) && s !== V.mention && (u = e.children.map((d) => {
     const h = er(d) ? !1 : l.includes(d.type || ""), m = l.includes(e.type || "");
     let p = !1;
     return !er(e) && Array.isArray(e.children) && (p = e.children.some(
@@ -21596,65 +21601,65 @@ function Kf(e, t = { nodeTypes: ar }) {
         !d.break,
         // track depth of nested lists so we can add proper spacing
         listDepth: l.includes(d.type || "") ? i + 1 : i,
-        inBlockquote: s === o[K.blockquote] || e.parentType === o[K.blockquote]
+        inBlockquote: s === o[V.blockquote] || e.parentType === o[V.blockquote]
       }
     );
   }).join("")), !r && (a === "" || a === `
-`) && e.parentType === o[K.paragraph] && s !== o[K.mention] && (s = o[K.paragraph], u = Ac), !(u === "" && !_C.find((d) => o[d] === s)))
-    switch (u !== Ac && er(e) && (e[K.strikethrough] && e[K.bold] && e[K.italic] ? u = tr(u, "~~***") : e[K.bold] && e[K.italic] ? u = tr(u, "***") : (e[K.bold] && (u = tr(u, "**")), e[K.italic] && (u = tr(u, "_")), e[K.strikethrough] && (u = tr(u, "~~")), e[K.code] && (u = tr(u, "`")))), s) {
-      case o[K.heading][1]:
+`) && e.parentType === o[V.paragraph] && s !== o[V.mention] && (s = o[V.paragraph], u = Ac), !(u === "" && !_C.find((d) => o[d] === s)))
+    switch (u !== Ac && er(e) && (e[V.strikethrough] && e[V.bold] && e[V.italic] ? u = tr(u, "~~***") : e[V.bold] && e[V.italic] ? u = tr(u, "***") : (e[V.bold] && (u = tr(u, "**")), e[V.italic] && (u = tr(u, "_")), e[V.strikethrough] && (u = tr(u, "~~")), e[V.code] && (u = tr(u, "`")))), s) {
+      case o[V.heading][1]:
         return `# ${u}
 `;
-      case o[K.heading][2]:
+      case o[V.heading][2]:
         return `## ${u}
 `;
-      case o[K.heading][3]:
+      case o[V.heading][3]:
         return `### ${u}
 `;
-      case o[K.heading][4]:
+      case o[V.heading][4]:
         return `#### ${u}
 `;
-      case o[K.heading][5]:
+      case o[V.heading][5]:
         return `##### ${u}
 `;
-      case o[K.heading][6]:
+      case o[V.heading][6]:
         return `###### ${u}
 `;
-      case o[K.blockquote]:
+      case o[V.blockquote]:
         return `> ${u}
 
 `;
-      case o[K.codeblock]:
+      case o[V.codeblock]:
         return `\`\`\`${e.language || ""}
 ${u}
 \`\`\`
 `;
-      case o[K.link]:
+      case o[V.link]:
         return `[${u}](${e.link || ""})`;
       case o.image:
         return `![${e.caption}](${e.link || ""})`;
-      case o[K.mention]:
+      case o[V.mention]:
         const { id: d } = e;
         return e ? `@{{${d}}}` : u;
-      case o[K.ul]:
-      case o[K.ol]:
+      case o[V.ul]:
+      case o[V.ol]:
         return `
 ${u}
 
 `;
-      case o[K.li]:
-        const h = e && e.parentType === o[K.ol], m = e.children.length === 1 && er(e.children[0]);
+      case o[V.li]:
+        const h = e && e.parentType === o[V.ol], m = e.children.length === 1 && er(e.children[0]);
         let p = "";
         for (let g = 0; i > g; g++)
           h ? p += "   " : p += "  ";
         return t.inBlockquote && (p = "> " + p), `
 ${p}${h ? "1." : "-"} ${u}${m ? `
 ` : ""}`;
-      case o[K.paragraph]:
+      case o[V.paragraph]:
         return `${u}
 
 `;
-      case o[K.hr]:
+      case o[V.hr]:
         return `---
 `;
       default:
@@ -21690,7 +21695,7 @@ const FC = ({
           En,
           {
             element: "li",
-            className: V({ selected: f === u }),
+            className: K({ selected: f === u }),
             member: { id: p, ...g, link: !1 },
             functions: {
               onClick: (v) => {
@@ -21711,7 +21716,7 @@ const FC = ({
           En,
           {
             element: "li",
-            className: V("fallback", {
+            className: K("fallback", {
               selected: d.length === u
             }),
             member: {
@@ -21781,7 +21786,7 @@ const Zf = ({ formID: e, label: t, showLabel: n }) => {
     "li",
     {
       id: `${d}-${e}`,
-      className: V(e, { "has-divider": n }),
+      className: K(e, { "has-divider": n }),
       onMouseEnter: () => {
         g([{ type: "openTooltip", value: e }]);
       },
@@ -21808,7 +21813,7 @@ const Zf = ({ formID: e, label: t, showLabel: n }) => {
           {
             ...o,
             ...f,
-            className: V(e, i, { active: t }),
+            className: K(e, i, { active: t }),
             onClick: (v) => {
               v.stopPropagation(), v.preventDefault();
             },
@@ -21862,7 +21867,7 @@ const Zf = ({ formID: e, label: t, showLabel: n }) => {
       ]
     }
   );
-}, Tc = [K.ol, K.ul], Yf = (e, t) => {
+}, Tc = [V.ol, V.ul], Yf = (e, t) => {
   const { selection: n } = e;
   if (!n)
     return !1;
@@ -21878,7 +21883,7 @@ const Zf = ({ formID: e, label: t, showLabel: n }) => {
   return !!r;
 }, AC = (e) => {
   const [t] = y.nodes(e, {
-    match: (n) => n.type === K.blockquote
+    match: (n) => n.type === V.blockquote
   });
   return !!t;
 }, Gf = (e, t, n) => {
@@ -21892,7 +21897,7 @@ const Zf = ({ formID: e, label: t, showLabel: n }) => {
       split: !0
     });
     const o = {
-      type: i ? K.paragraph : a ? K.li : t
+      type: i ? V.paragraph : a ? V.li : t
     };
     if (Q.setNodes(e, o), a)
       if (i) {
@@ -21905,7 +21910,7 @@ const Zf = ({ formID: e, label: t, showLabel: n }) => {
             at: d,
             match: (m) => {
               const p = m;
-              return !y.isEditor(m) && he.isElement(m) && p.type === K.li;
+              return !y.isEditor(m) && he.isElement(m) && p.type === V.li;
             }
           })
         ).forEach(([m, p]) => {
@@ -21914,7 +21919,7 @@ const Zf = ({ formID: e, label: t, showLabel: n }) => {
       } else {
         if (r) {
           const u = {
-            type: K.blockquote,
+            type: V.blockquote,
             children: []
           };
           Q.wrapNodes(e, u);
@@ -21943,7 +21948,7 @@ const Zf = ({ formID: e, label: t, showLabel: n }) => {
   const [t] = y.nodes(e, {
     match: (n) => {
       const r = n;
-      return !y.isEditor(n) && he.isElement(n) && r.type === K.link;
+      return !y.isEditor(n) && he.isElement(n) && r.type === V.link;
     }
   });
   return !!t;
@@ -21955,7 +21960,7 @@ const Zf = ({ formID: e, label: t, showLabel: n }) => {
     const [s] = y.nodes(e, {
       match: (o) => {
         const l = o;
-        return !y.isEditor(o) && he.isElement(o) && l.type === K.link;
+        return !y.isEditor(o) && he.isElement(o) && l.type === V.link;
       }
     });
     if (s) {
@@ -21970,7 +21975,7 @@ const Zf = ({ formID: e, label: t, showLabel: n }) => {
   try {
     Ur(e) && Qf(e);
     const { selection: i } = e, a = i && Z.isCollapsed(i), s = {
-      type: K.link,
+      type: V.link,
       link: t,
       children: a ? [{ text: t }] : []
     };
@@ -21983,7 +21988,7 @@ const Zf = ({ formID: e, label: t, showLabel: n }) => {
   Q.unwrapNodes(e, {
     match: (t) => {
       const n = t;
-      return !y.isEditor(t) && he.isElement(t) && n.type === K.link;
+      return !y.isEditor(t) && he.isElement(t) && n.type === V.link;
     }
   });
 };
@@ -22105,7 +22110,7 @@ const jC = () => {
         {
           element: "fieldset",
           id: `${n}-link-editor`,
-          className: V({ "show-labels": h }),
+          className: K({ "show-labels": h }),
           meta: { shouldReset: !0, showRequiredLabels: !1 },
           functions: {
             onSuccess: async (D) => {
@@ -22151,7 +22156,7 @@ const jC = () => {
       "aria-pressed": null
     }
   );
-}, PC = (e) => [K.bold, K.italic, K.strikethrough].includes(
+}, PC = (e) => [V.bold, V.italic, V.strikethrough].includes(
   e
 ), Lo = (e, t) => {
   const n = y.marks(e);
@@ -22177,16 +22182,18 @@ const jC = () => {
     }
   );
 }, aa = [
-  K.bold,
-  K.italic,
-  K.strikethrough
+  V.bold,
+  V.italic,
+  V.strikethrough
 ], MC = [
-  K.ol,
-  K.ul,
-  K.blockquote
+  V.ol,
+  V.ul,
+  V.blockquote
 ];
 const RC = () => {
-  const e = "h3", { setFocus: t, reportError: n } = Ne(rn), r = An(), i = Lo(r, e);
+  const e = V.h3, { setFocus: t, reportError: n } = Ne(rn), r = An(), i = Lo(r, e), a = {
+    type: e
+  };
   return /* @__PURE__ */ c.jsx(
     xa,
     {
@@ -22194,7 +22201,7 @@ const RC = () => {
       active: i,
       hasDivider: !0,
       callback: () => {
-        zo(r, e, n), t(i ? null : e);
+        zo(r, e, n), t(i ? null : e), Q.setNodes(r, a);
       },
       "aria-pressed": null
     }
@@ -22994,7 +23001,7 @@ const mE = (e, t) => {
   const { apply: n } = e;
   try {
     e.apply = (r) => {
-      if (r.type === "remove_node" && "type" in r.node && r.node.type === K.link) {
+      if (r.type === "remove_node" && "type" in r.node && r.node.type === V.link) {
         const i = r.node;
         if (i.link) {
           const a = new CustomEvent("linkRemoved", {
@@ -23026,7 +23033,7 @@ const xE = /* @__PURE__ */ qn(pE), DE = (e, t, n) => {
   try {
     e.isInline = (a) => {
       const s = a;
-      return [K.link].includes(s.type) || i(a);
+      return [V.link].includes(s.type) || i(a);
     }, e.insertText = (a) => {
       a && xE(a) ? Io(e, a, t) : r(a);
     };
@@ -23038,7 +23045,7 @@ const xE = /* @__PURE__ */ qn(pE), DE = (e, t, n) => {
 }, wE = (e, t) => {
   const { isInline: n, isVoid: r, markableVoid: i } = e;
   try {
-    e.isInline = (a) => a.type === K.mention ? !0 : n(a), e.isVoid = (a) => a.type === K.mention ? !0 : r(a), e.markableVoid = (a) => a.type === K.mention || i(a);
+    e.isInline = (a) => a.type === V.mention ? !0 : n(a), e.isVoid = (a) => a.type === V.mention ? !0 : r(a), e.markableVoid = (a) => a.type === V.mention || i(a);
   } catch (a) {
     const s = a.message;
     t(`Error in withMentions: ${s}`);
@@ -23048,7 +23055,7 @@ const xE = /* @__PURE__ */ qn(pE), DE = (e, t, n) => {
   const { normalizeNode: n } = e;
   try {
     e.normalizeNode = ([r, i]) => {
-      if (r.type === K.link && ue.string(r).trim() === "") {
+      if (r.type === V.link && ue.string(r).trim() === "") {
         Q.removeNodes(e, { at: i });
         return;
       }
@@ -23089,7 +23096,7 @@ const ah = ({
     }
   } = a || {}, A = [
     {
-      type: K.paragraph,
+      type: V.paragraph,
       children: [{ text: "" }]
     }
   ];
@@ -23304,8 +23311,8 @@ const ah = ({
                         const H = Z.isCollapsed(N), [Y, ee] = y.node(_, N, { depth: 1 });
                         let se = Y, G = se.type;
                         const ve = se.children[0];
-                        if (ve && [K.ol, K.ul].includes(ve.type) && (se = ve, G = ve.type), se && he.isElement(se) && G !== K.paragraph) {
-                          if (G === K.blockquote && !S.shiftKey) {
+                        if (ve && [V.ol, V.ul].includes(ve.type) && (se = ve, G = ve.type), se && he.isElement(se) && G !== V.paragraph) {
+                          if (G === V.blockquote && !S.shiftKey) {
                             S.stopPropagation(), S.preventDefault(), Q.insertNodes(_, A);
                             return;
                           }
@@ -23313,8 +23320,8 @@ const ah = ({
                             const [ge, Be] = y.parent(_, N, {
                               edge: "end"
                             }), je = ge.type;
-                            if ([K.ul, K.ol].includes(G))
-                              if (S.stopPropagation(), S.preventDefault(), je === K.li && k === "Enter") {
+                            if ([V.ul, V.ol].includes(G))
+                              if (S.stopPropagation(), S.preventDefault(), je === V.li && k === "Enter") {
                                 ge.children.length === 1 && "text" in ge.children[0] && ge.children[0].text === "" && Q.removeNodes(_, { at: Be }), Q.insertNodes(_, A, {
                                   at: R.next(ee)
                                 }), Q.select(
@@ -23323,8 +23330,8 @@ const ah = ({
                                 );
                                 return;
                               } else {
-                                const [Qe, He] = xC(_, K.li), Le = {
-                                  type: K.li,
+                                const [Qe, He] = xC(_, V.li), Le = {
+                                  type: V.li,
                                   children: [{ text: "" }]
                                 };
                                 Q.insertNodes(_, Le, {
@@ -23447,7 +23454,7 @@ const lk = ({
   return /* @__PURE__ */ c.jsxs(
     "div",
     {
-      className: V("toggle", s),
+      className: K("toggle", s),
       onClick: (d) => {
         d.preventDefault(), d.stopPropagation(), u(o === n[0].value ? n[1].value : n[0].value);
       },
@@ -23456,7 +23463,7 @@ const lk = ({
         /* @__PURE__ */ c.jsx(
           "ul",
           {
-            className: V("toggle-options", {
+            className: K("toggle-options", {
               disabled: a,
               on: o === n[1].value
             }),
@@ -23515,7 +23522,7 @@ function EE({
     change: w = o.formatMessage({ id: `${l}cta_change` }),
     uploading: E = o.formatMessage({ id: `${l}cta_uploading` })
   } = (a == null ? void 0 : a.text) || {};
-  return /* @__PURE__ */ c.jsxs("div", { className: V("profile-image-change-figure", e), children: [
+  return /* @__PURE__ */ c.jsxs("div", { className: K("profile-image-change-figure", e), children: [
     /* @__PURE__ */ c.jsx(
       Hn,
       {
@@ -24116,7 +24123,7 @@ const TE = ({
     "form",
     {
       onSubmit: d,
-      className: V("search-form gtm-trackable", t),
+      className: K("search-form gtm-trackable", t),
       role: "search",
       "data-gtm-event-context": i,
       "data-gtm-event-type": a,
@@ -24399,7 +24406,7 @@ const TE = ({
 const PE = ({ className: e = "" }) => /* @__PURE__ */ c.jsxs(
   "div",
   {
-    className: V("success-message", e),
+    className: K("success-message", e),
     "data-testid": "success-message",
     children: [
       /* @__PURE__ */ c.jsx("p", { className: "success-title", children: /* @__PURE__ */ c.jsx(ht, { id: "signup_success_title" }) }),
@@ -24499,7 +24506,7 @@ const NE = {
   return g.successMessage && D ? /* @__PURE__ */ c.jsx(PE, { className: e }) : /* @__PURE__ */ c.jsxs(
     "fieldset",
     {
-      className: V("signup-form-fieldset", e),
+      className: K("signup-form-fieldset", e),
       "data-testid": "signup-form",
       children: [
         g.title && /* @__PURE__ */ c.jsx("p", { className: "signup-title", children: /* @__PURE__ */ c.jsx(ht, { id: "signup_title" }) }),
@@ -24580,7 +24587,7 @@ const Vn = ({
   return /* @__PURE__ */ c.jsx(
     "section",
     {
-      className: V("full-width-section", t, {
+      className: K("full-width-section", t, {
         [i]: i !== "default",
         [a]: a !== "none"
       }),
@@ -24605,7 +24612,7 @@ const hk = ({ text: e, buttons: t, className: n = "" }) => {
   }), /* @__PURE__ */ c.jsx(
     Vn,
     {
-      className: V("download-section", n),
+      className: K("download-section", n),
       styling: { background: "dark" },
       children: /* @__PURE__ */ c.jsxs("div", { className: "content-default", children: [
         te.createElement(
@@ -24673,7 +24680,7 @@ const ME = ({
         r.props.functions.onCancel && r.props.functions.onCancel(), p();
       }
     }
-  })), /* @__PURE__ */ c.jsxs("section", { className: V("edit-section", t), children: [
+  })), /* @__PURE__ */ c.jsxs("section", { className: K("edit-section", t), children: [
     g && /* @__PURE__ */ c.jsx(
       kn,
       {
@@ -24682,7 +24689,7 @@ const ME = ({
         showDivider: !1,
         showIcon: !1,
         functions: { onClose: p },
-        className: V("edit-section-modal"),
+        className: K("edit-section-modal"),
         children: v || (n ? /* @__PURE__ */ c.jsx(
           pn,
           {
@@ -24706,7 +24713,7 @@ const ME = ({
         ) : /* @__PURE__ */ c.jsx(c.Fragment, {}))
       }
     ),
-    /* @__PURE__ */ c.jsxs("div", { className: V("edit-section-header", { "no-title": !s }), children: [
+    /* @__PURE__ */ c.jsxs("div", { className: K("edit-section-header", { "no-title": !s }), children: [
       s && /* @__PURE__ */ c.jsx("h2", { className: "edit-section-header-title", children: a }),
       f && /* @__PURE__ */ c.jsx(
         Ae,
@@ -24750,21 +24757,21 @@ const pk = ({
   return /* @__PURE__ */ c.jsxs(
     "div",
     {
-      className: V("logos", i, `align-${l}`, {
+      className: K("logos", i, `align-${l}`, {
         [u]: u !== "block",
         "wrap-logos": o
       }),
       children: [
         e && te.createElement(
           s.element,
-          { className: V("title", s.className) },
+          { className: K("title", s.className) },
           s.text
         ),
         t && /* @__PURE__ */ c.jsx("p", { children: t }),
         /* @__PURE__ */ c.jsx(
           "ul",
           {
-            className: V({
+            className: K({
               "two-col": a === 2 || a === 4,
               "three-col": a === 5 || a <= 10 && a % 3 === 0
             }),
@@ -25350,7 +25357,7 @@ const or = "footer_", oa = "SiteFooter", Mc = ({ group: e }) => {
   return /* @__PURE__ */ c.jsxs(
     "li",
     {
-      className: V({
+      className: K({
         [o.className]: o.className,
         "has-submenu": p,
         parent: g,
@@ -25381,7 +25388,7 @@ const or = "footer_", oa = "SiteFooter", Mc = ({ group: e }) => {
           return o[E].order ? /* @__PURE__ */ c.jsxs(
             "li",
             {
-              className: V({
+              className: K({
                 [o[E].className]: o[E].className
               }),
               children: [
@@ -25603,7 +25610,7 @@ const uh = ({ showNavigation: e = !0 }) => {
       "nav",
       {
         id: "header",
-        className: V({
+        className: K({
           "logged-in": i,
           "logged-out": !i,
           visible: l
@@ -25677,7 +25684,7 @@ const uh = ({ showNavigation: e = !0 }) => {
     /* @__PURE__ */ c.jsx(
       "div",
       {
-        className: V("overlay", {
+        className: K("overlay", {
           open: u[
             "site-navigation"
             /* SITE */
@@ -25736,14 +25743,14 @@ const IE = () => {
       "div",
       {
         id: "wrapper",
-        className: V(s, D, { "has-footer": u }),
+        className: K(s, D, { "has-footer": u }),
         children: [
           /* @__PURE__ */ c.jsx(uh, { showNavigation: l }),
           /* @__PURE__ */ c.jsxs("main", { id: "content-wrapper", children: [
             E && /* @__PURE__ */ c.jsx(
               "div",
               {
-                className: V("additional-content prepended", {
+                className: K("additional-content prepended", {
                   "large-modal": p === "large"
                 }),
                 children: E
@@ -25752,7 +25759,7 @@ const IE = () => {
             te.createElement(d === "bold" ? ud : "div", {
               id: "content",
               children: w,
-              className: V({ "large-modal": p === "large" })
+              className: K({ "large-modal": p === "large" })
             })
           ] }),
           A && /* @__PURE__ */ c.jsx("div", { className: "additional-content appended", children: A }),
@@ -25823,7 +25830,7 @@ const bk = ({
   }), l.length < 1 ? null : /* @__PURE__ */ c.jsx(
     "ul",
     {
-      className: V("tags text-small", t, i, {
+      className: K("tags text-small", t, i, {
         "one-line": n
       }),
       children: l.map((u) => {
@@ -25857,7 +25864,7 @@ const qE = 25, UE = ({
   className: h = ""
 }) => {
   const m = ce(), p = "membersList", g = Ne(mt), [f, v] = le(!1);
-  return e.length === 0 && !d ? null : /* @__PURE__ */ c.jsxs("div", { className: V("members-list", h), children: [
+  return e.length === 0 && !d ? null : /* @__PURE__ */ c.jsxs("div", { className: K("members-list", h), children: [
     u ? /* @__PURE__ */ c.jsxs("h1", { children: [
       m.formatMessage({ id: p }),
       /* @__PURE__ */ c.jsx("span", { className: "count", children: t })
@@ -26249,7 +26256,7 @@ const rt = "discussion_form_", Da = ({
       pn,
       {
         id: se,
-        className: V("discussion-card discussion-form", {
+        className: K("discussion-card discussion-form", {
           "no-styling": w && D
         }),
         meta: {
@@ -26344,7 +26351,7 @@ const rt = "discussion_form_", Da = ({
 }) => {
   const r = {
     ...n,
-    class: V("subtle", t)
+    class: K("subtle", t)
   };
   return /* @__PURE__ */ c.jsx("blockquote", { ...r, children: e });
 }, ZE = 280, lh = async (e, t, n, r = () => Promise.resolve([])) => {
@@ -26542,7 +26549,7 @@ const wa = ({
     "data-gtm-event-context": d,
     "data-gtm-event-type": `edit-${t.type}-click`
   }), p && ((tt = S == null ? void 0 : S.current) == null || tt.focus(), (Te = S == null ? void 0 : S.current) == null || Te.scrollIntoView({ behavior: "smooth" })), te.createElement(e, {
-    className: V("discussion-post", u, {
+    className: K("discussion-post", u, {
       [se]: !u || !u.includes("highlighted-text-box"),
       "has-link": l.post && !N.isEditing,
       "is-pinned": (t == null ? void 0 : t.pinned) || !1
@@ -26567,7 +26574,7 @@ const wa = ({
         "div",
         {
           id: ae || t.slug,
-          className: V("discussion-card", t.type, {
+          className: K("discussion-card", t.type, {
             editing: N.isEditing,
             "has-link": l.post && !N.isEditing
           }),
@@ -26852,7 +26859,7 @@ const JE = vr(
     /* @__PURE__ */ c.jsxs(
       "button",
       {
-        className: V("discussion-form-card", n),
+        className: K("discussion-form-card", n),
         onClick: (v) => {
           v.preventDefault(), v.stopPropagation(), h((b) => ({ ...b, form: !0 }));
         },
@@ -26862,7 +26869,7 @@ const JE = vr(
           /* @__PURE__ */ c.jsx(
             dr,
             {
-              className: V("input", { placeholder: !m.showCachedText }),
+              className: K("input", { placeholder: !m.showCachedText }),
               element: "span",
               options: {
                 forceInline: !0,
@@ -27047,7 +27054,7 @@ const r_ = ({
   return /* @__PURE__ */ c.jsxs(
     "div",
     {
-      className: V("thread-wrapper", {
+      className: K("thread-wrapper", {
         "empty-thread": !o
       }),
       children: [
@@ -27350,7 +27357,7 @@ const d_ = ({
           (m !== "" || p !== "") && l((v) => ({ ...v, showCachedText: !0 })), o();
         }
       },
-      className: V("discussion-form-modal", i),
+      className: K("discussion-form-modal", i),
       children: /* @__PURE__ */ c.jsx(
         Da,
         {
@@ -27430,7 +27437,7 @@ const xk = ({
       showDivider: !1,
       showIcon: o,
       functions: { onClose: l },
-      className: V("invite-modal", e, { success: !!n }),
+      className: K("invite-modal", e, { success: !!n }),
       children: /* @__PURE__ */ c.jsx(
         FE,
         {
@@ -27471,7 +27478,7 @@ const h_ = ({
       functions: {
         onClose: d
       },
-      className: V("profile-modal", s, { success: !!t }),
+      className: K("profile-modal", s, { success: !!t }),
       maxWidth: 700,
       children: /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
         t && n || r ? /* @__PURE__ */ c.jsxs("div", { className: "intro", children: [
@@ -27550,13 +27557,13 @@ const p_ = ({
   content: n,
   member: r,
   className: i = ""
-}) => /* @__PURE__ */ c.jsxs("blockquote", { className: V("testimonial-block", i), children: [
+}) => /* @__PURE__ */ c.jsxs("blockquote", { className: K("testimonial-block", i), children: [
   /* @__PURE__ */ c.jsx(Xt, { className: "testimonial", children: n }),
   r ? /* @__PURE__ */ c.jsx(En, { member: r, styling: { size: "large" } }) : /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
     e && /* @__PURE__ */ c.jsx(
       "p",
       {
-        className: V("author", {
+        className: K("author", {
           "text-small": !i.includes("new")
         }),
         children: e
@@ -27565,7 +27572,7 @@ const p_ = ({
     t && /* @__PURE__ */ c.jsx(
       "p",
       {
-        className: V("author-cite", {
+        className: K("author-cite", {
           "text-small": !i.includes("new")
         }),
         children: /* @__PURE__ */ c.jsx("cite", { children: t })
@@ -27597,7 +27604,7 @@ const Ck = ({
     Ht,
     {
       variant: "subtle",
-      className: V("table-of-contents", n),
+      className: K("table-of-contents", n),
       children: [
         /* @__PURE__ */ c.jsx("h2", { children: r.formatMessage({ id: "tableOfContents" }) }),
         /* @__PURE__ */ c.jsx("nav", { children: /* @__PURE__ */ c.jsx("ul", { children: i.map(({ id: s, text: o }) => /* @__PURE__ */ c.jsx("li", { children: /* @__PURE__ */ c.jsx("a", { href: `#${s}`, children: o }) }, s)) }) })
@@ -27639,7 +27646,7 @@ const Ko = ({
       { early: u, late: h }
     );
   }
-  return n && (u = `${n} ${u}`, l = `${n} ${l}`), r && (u = `${u} ${r}`, l = `${l} ${r}`), /* @__PURE__ */ c.jsx("span", { className: V("time-to-complete", i), "aria-label": u, children: l });
+  return n && (u = `${n} ${u}`, l = `${n} ${l}`), r && (u = `${u} ${r}`, l = `${l} ${r}`), /* @__PURE__ */ c.jsx("span", { className: K("time-to-complete", i), "aria-label": u, children: l });
 };
 const Ek = ({ className: e = "", image: t, ...n }) => t ? (typeof t == "string" && (t = {
   width: 1080,
@@ -27654,7 +27661,7 @@ const Ek = ({ className: e = "", image: t, ...n }) => t ? (typeof t == "string"
   wr,
   {
     ...n,
-    className: V("banner", e),
+    className: K("banner", e),
     image: { ...t, aspect: "banner" }
   }
 )) : null;
@@ -27725,7 +27732,7 @@ const g_ = [
   }), /* @__PURE__ */ c.jsx(
     Vn,
     {
-      className: V("banner-section", r, i, e, {
+      className: K("banner-section", r, i, e, {
         "has-image": n,
         "image-full-width": n && u.imageFullWidth,
         "image-inline": n && !u.imageFullWidth,
@@ -27749,7 +27756,7 @@ const g_ = [
               size: { mobile: "medium", 768: "large" },
               href: o.link,
               ...o.props,
-              className: V({
+              className: K({
                 new: r === "subtle",
                 [(g = o.props) == null ? void 0 : g.className]: (f = o.props) == null ? void 0 : f.className
               }),
@@ -27780,7 +27787,7 @@ const kk = ({
   return e && (i["--image"] = `url(${e})`), /* @__PURE__ */ c.jsx(
     Vn,
     {
-      className: V("custom-content-banner", t, r, {
+      className: K("custom-content-banner", t, r, {
         "has-image": e
       }),
       style: i,
@@ -27795,11 +27802,11 @@ const b_ = ({
   image: r
 }) => {
   const i = typeof n == "string" ? /* @__PURE__ */ c.jsx(dr, { children: n }) : n;
-  return /* @__PURE__ */ c.jsxs(Vn, { className: V("highlight-section", t), children: [
+  return /* @__PURE__ */ c.jsxs(Vn, { className: K("highlight-section", t), children: [
     r && /* @__PURE__ */ c.jsx(
       "div",
       {
-        className: V("highlight-container highlight-image", {
+        className: K("highlight-container highlight-image", {
           [`highlight-image-${e}`]: e === "right"
         }),
         children: /* @__PURE__ */ c.jsx(
@@ -27818,13 +27825,13 @@ const b_ = ({
     /* @__PURE__ */ c.jsx(
       "div",
       {
-        className: V("highlight-container highlight-content-wrapper", {
+        className: K("highlight-container highlight-content-wrapper", {
           "no-image": !r
         }),
         children: /* @__PURE__ */ c.jsx(
           "div",
           {
-            className: V("highlight-content", {
+            className: K("highlight-content", {
               "highlight-content-right": e === "left"
             }),
             children: r ? i : /* @__PURE__ */ c.jsx("div", { className: "content-default", children: i })
@@ -27840,7 +27847,7 @@ const Ak = ({
   title: n,
   text: r,
   gtmContext: i
-}) => !n && !r ? null : /* @__PURE__ */ c.jsxs("aside", { className: V("marketing-block", e), children: [
+}) => !n && !r ? null : /* @__PURE__ */ c.jsxs("aside", { className: K("marketing-block", e), children: [
   n && /* @__PURE__ */ c.jsx("p", { className: "title", children: n }),
   r && /* @__PURE__ */ c.jsx("p", { children: r }),
   t && /* @__PURE__ */ c.jsx(
@@ -28032,7 +28039,7 @@ const Ak = ({
     return /* @__PURE__ */ c.jsx(
       "p",
       {
-        className: V("cta-wrapper", {
+        className: K("cta-wrapper", {
           "has-member-section": e == null ? void 0 : e.members
         }),
         children: /* @__PURE__ */ c.jsx(
@@ -28154,7 +28161,7 @@ const fh = ({
   }, ($ = m == null ? void 0 : m.current) == null || $.focus(), (F = m == null ? void 0 : m.current) == null || F.scrollIntoView({ behavior: "smooth" })), /* @__PURE__ */ c.jsx(
     "li",
     {
-      className: V("card-wrapper text-medium", E, t, {
+      className: K("card-wrapper text-medium", E, t, {
         "has-link": C,
         "no-link": !C,
         "has-image": f.banner
@@ -28240,7 +28247,7 @@ const fh = ({
     }
   );
 };
-const C_ = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__ */ c.jsx("ul", { className: V("card-block", n), children: e.map((i, a) => {
+const C_ = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__ */ c.jsx("ul", { className: K("card-block", n), children: e.map((i, a) => {
   const s = i.slug ? `${i.slug}-${t[a]}` : `${t[a]}-${a}`;
   return /* @__PURE__ */ c.jsx(
     fh,
@@ -28261,7 +28268,7 @@ const C_ = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__
     return null;
   const { text: r, element: i = "h2", variant: a = "default", size: s = "medium", link: o } = t;
   return te.createElement(i, {
-    className: V("title", a, s, {
+    className: K("title", a, s, {
       "highlighted-title": a === "highlighted"
     }),
     children: /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
@@ -28374,7 +28381,7 @@ const k_ = ({
     "section",
     {
       ref: C,
-      className: V("carousel-wrapper", a),
+      className: K("carousel-wrapper", a),
       "data-testid": "carousel",
       children: [
         /* @__PURE__ */ c.jsx(__, { id: e, title: i }),
@@ -28434,7 +28441,7 @@ const k_ = ({
                 children: /* @__PURE__ */ c.jsx(
                   "button",
                   {
-                    className: V("page-indicator", {
+                    className: K("page-indicator", {
                       selected: j === v
                     }),
                     onClick: (O) => {
@@ -28525,7 +28532,7 @@ const Tk = ({
     "data-gtm-event-context": `${r}-NarrowCard`,
     "data-gtm-event-type": `${r}-click`
   }), te.createElement(e, {
-    className: V("narrow-card", t, {
+    className: K("narrow-card", t, {
       "has-link": l,
       "gtm-trackable": l,
       "no-link": !l
@@ -28535,7 +28542,7 @@ const Tk = ({
       /* @__PURE__ */ c.jsx(
         "div",
         {
-          className: V("img", {
+          className: K("img", {
             private: o,
             "no-image": !i
           }),
@@ -28565,7 +28572,7 @@ const Sk = ({
   u > 99 ? u = 100 : u < 1 && (u = 0);
   const { highlightPercentage: d = !1 } = s;
   return te.createElement(e, {
-    className: V("course-progression", o, {
+    className: K("course-progression", o, {
       "highlight-percentage": d,
       "has-circle-graph": a === "circle"
     }),
@@ -28604,7 +28611,7 @@ const F_ = ({
   title: r,
   className: i = ""
 }) => te.createElement(e, {
-  className: V("lesson-name", i),
+  className: K("lesson-name", i),
   "data-number": `${t}.${n}`,
   children: r
 });
@@ -28617,8 +28624,8 @@ const A_ = ({
   children: a
 }) => {
   const s = ce(), o = io(`lessonType_${i}`) ? s.formatMessage({ id: `lessonType_${i}` }) : qh(i || "");
-  return /* @__PURE__ */ c.jsxs("small", { className: V("content-type", { [e]: e !== "default" }), children: [
-    /* @__PURE__ */ c.jsx("span", { className: V("type", n), children: o }),
+  return /* @__PURE__ */ c.jsxs("small", { className: K("content-type", { [e]: e !== "default" }), children: [
+    /* @__PURE__ */ c.jsx("span", { className: K("type", n), children: o }),
     " ",
     t > 0 && !r && /* @__PURE__ */ c.jsx(Ko, { time: t }),
     " ",
@@ -28683,7 +28690,7 @@ const jk = ({
             return w && (z.style = { "--image": `url(${w})` }), /* @__PURE__ */ c.jsx(
               "li",
               {
-                className: V({
+                className: K({
                   article: v === si.ARTICLE,
                   discussion: v === si.DISCUSSION,
                   quiz: v === si.QUIZ,
@@ -28748,7 +28755,7 @@ const Ok = ({
         hover: "check-inside-circle_no-overlap_inverted"
       },
       onClick: t,
-      className: V("mark-complete-button center gtm-trackable", {
+      className: K("mark-complete-button center gtm-trackable", {
         completed: e
       }),
       "data-gtm-event-type": "mark-as-complete",
@@ -28899,7 +28906,7 @@ export {
   Fm as FlagsProvider,
   oh as Footer,
   pn as Form,
-  K as Formatting,
+  V as Formatting,
   zt as Fragment,
   Vn as FullWidthSection,
   ru as GET_STREAM_USER_PREFIX,