@apolitical/component-library 5.2.1-jc.2 → 5.2.1-jc.4

package/index.mjs

@@ -75,7 +75,7 @@ var Nc = { exports: {} };
   })();
 })(Nc);
 var Fh = Nc.exports;
-const Z = /* @__PURE__ */ Mn(Fh), Bh = ({
+const H = /* @__PURE__ */ Mn(Fh), Bh = ({
   element: e = "span",
   showOnFocus: t = !0,
   children: n,
@@ -83,7 +83,7 @@ const Z = /* @__PURE__ */ Mn(Fh), Bh = ({
   ...i
 }) => ie.createElement(e, {
   ...i,
-  className: Z("hidden", r, { "show-on-focus": t }),
+  className: H("hidden", r, { "show-on-focus": t }),
   children: n
 }), qe = Gt(Bh), Ah = ({
   element: e = "span",
@@ -447,17 +447,17 @@ function Sh() {
     }
     function Ve(j) {
       try {
-        return V(j), !1;
+        return K(j), !1;
       } catch {
         return !0;
       }
     }
-    function V(j) {
+    function K(j) {
       return "" + j;
     }
     function ee(j) {
       if (Ve(j))
-        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", We(j)), V(j);
+        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", We(j)), K(j);
     }
     var ce = v.ReactCurrentOwner, ge = {
       key: !0,
@@ -928,11 +928,11 @@ const Ko = {}, mr = Gs(
     const M = {
       className: "content"
     };
-    return A ? M.className = Z("content", { hidden: f === "hidden" }) : M.hidden = f === "hidden", /* @__PURE__ */ c.jsx(
+    return A ? M.className = H("content", { hidden: f === "hidden" }) : M.hidden = f === "hidden", /* @__PURE__ */ c.jsx(
       "aside",
       {
         ref: g,
-        className: Z("tooltip text-medium", f, a, {
+        className: H("tooltip text-medium", f, a, {
           loading: r,
           "extra-padding": v,
           "has-pointer": w,
@@ -1662,7 +1662,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
 const Be = ({
   variant: e = "primary",
   size: t = "medium",
-  styling: n = { muted: !1, fullWidth: !1, new: !1 },
+  styling: n = { muted: !1, fullWidth: !1 },
   icon: r = !1,
   href: i = !1,
   element: a = "button",
@@ -1684,11 +1684,10 @@ const Be = ({
   typeof t == "string" && v.push(t), r && (v.push("icon"), typeof r == "object" ? (v.push(r.icon), r.position ? v.push(r.position) : v.push("left"), r.hover && v.push(`hover_${r.hover}`), r.animate && (v.push("animate"), typeof r.animate == "string" && v.push(r.animate))) : (v.push(r), !r.includes("right") && !r.includes("left") && v.push("left")));
   const w = {
     ...p,
-    className: Z(e, o, v, {
+    className: H(e, o, v, {
       "no-text": !h,
       disabled: l,
       button: i,
-      new: n.new,
       muted: n.muted,
       "full-width": n.fullWidth
     }),
@@ -1720,14 +1719,14 @@ const Be = ({
     return i === "p" ? /* @__PURE__ */ c.jsx(Be, { ...s }, o) : /* @__PURE__ */ c.jsx("li", { className: ((l = t[o]) == null ? void 0 : l.className) || "", children: /* @__PURE__ */ c.jsx(Be, { ...s }) }, o);
   });
   return ie.createElement(i, {
-    className: Z("button-wrapper", n),
+    className: H("button-wrapper", n),
     ...r,
     children: a
   });
 };
 const an = ({ className: e = "", maxWidth: t = !1 }) => {
   const n = t ? { "--max-width": `${t / 16}rem` } : {};
-  return /* @__PURE__ */ c.jsx("hr", { className: Z(e, { "has-max-width": t }), style: n });
+  return /* @__PURE__ */ c.jsx("hr", { className: H(e, { "has-max-width": t }), style: n });
 }, Qo = {
   card: {
     range: [
@@ -1918,7 +1917,7 @@ const B_ = ({ 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: Z("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: H("gtm-trackable", r), ...l, children: t });
   }
   return n ? ie.createElement(n, { children: t, className: r, ...o }) : /* @__PURE__ */ c.jsx(c.Fragment, { children: t });
 };
@@ -1929,7 +1928,7 @@ const em = Gs(
       "aside",
       {
         ref: i,
-        className: Z("popover", e),
+        className: H("popover", e),
         "aria-live": "polite",
         children: t
       }
@@ -1956,7 +1955,7 @@ const A_ = ({ currentStep: e = 1, steps: t = 1 }) => /* @__PURE__ */ c.jsxs(c.Fr
       /* @__PURE__ */ c.jsx(
         "div",
         {
-          className: Z("dot", {
+          className: H("dot", {
             active: i === e,
             completed: i < e
           }),
@@ -1966,7 +1965,7 @@ const A_ = ({ currentStep: e = 1, steps: t = 1 }) => /* @__PURE__ */ c.jsxs(c.Fr
       /* @__PURE__ */ c.jsx(
         "div",
         {
-          className: Z("line", {
+          className: H("line", {
             active: i < e
           })
         }
@@ -1996,7 +1995,7 @@ const T_ = ({ elementId: e, offset: t = 20 }) => {
     }
   );
 };
-const S_ = ({ items: e, className: t = "", ...n }) => /* @__PURE__ */ c.jsx("ul", { className: Z("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 S_ = ({ items: e, className: t = "", ...n }) => /* @__PURE__ */ c.jsx("ul", { className: H("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)) }), Jo = 300, Xo = "ease-in-out";
@@ -2059,7 +2058,7 @@ const eo = ({
     "details",
     {
       ref: a,
-      className: Z("collapsible-section", t, {
+      className: H("collapsible-section", t, {
         "should-animate": r
       }),
       children: [
@@ -2096,7 +2095,7 @@ const tu = {
   return !n && !s ? null : /* @__PURE__ */ c.jsx(
     "small",
     {
-      className: Z(
+      className: H(
         "content-type-label text-small",
         e in tu ? tu[e] : e,
         r,
@@ -2122,7 +2121,7 @@ const Zt = ({
   return /* @__PURE__ */ c.jsx(
     "div",
     {
-      className: Z("highlighted-text-box", e, r, {
+      className: H("highlighted-text-box", e, r, {
         "has-icon": t,
         "show-highlight": s,
         [o]: o !== "default"
@@ -2155,7 +2154,7 @@ const In = ({
     Zt,
     {
       variant: "subtle",
-      className: Z("empty-state-box", e, r),
+      className: H("empty-state-box", e, r),
       children: /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
         t && typeof t == "string" ? /* @__PURE__ */ c.jsx(Kt, { options: { forceBlock: !0 }, children: t }) : t,
         i && typeof n == "object" && (u || /* @__PURE__ */ c.jsx(
@@ -2179,7 +2178,7 @@ const am = ({
   heading: n = !1,
   children: r,
   ...i
-}) => /* @__PURE__ */ c.jsxs("div", { ...i, className: Z("helper-text-box text-small", e, t), children: [
+}) => /* @__PURE__ */ c.jsxs("div", { ...i, className: H("helper-text-box text-small", e, t), children: [
   n && /* @__PURE__ */ c.jsx("p", { className: "title", children: n }),
   typeof r == "string" ? /* @__PURE__ */ c.jsx(
     Kt,
@@ -2231,14 +2230,14 @@ const sm = ({
     Zt,
     {
       variant: "subtle",
-      className: Z("hide-show-text-box", t),
+      className: H("hide-show-text-box", t),
       children: [
         /* @__PURE__ */ c.jsx(
           "div",
           {
             ref: u,
             id: e,
-            className: Z("content", p, s),
+            className: H("content", p, s),
             children: i ? /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
               /* @__PURE__ */ c.jsx(Kt, { options: { forceBlock: !0, ...a }, children: p === "closed" ? d : i }),
               p !== "closed" && o
@@ -2251,7 +2250,7 @@ const sm = ({
             variant: "tertiary",
             icon: { icon: "navigation_arrow", position: "left", animate: !0 },
             styling: { muted: !0 },
-            className: Z({ "rotate-180": f }),
+            className: H({ "rotate-180": f }),
             onClick: () => {
               m(f ? "ready-to-close" : "opening");
             },
@@ -2274,7 +2273,7 @@ const j_ = ({
 }) => {
   const { hasBorder: s = !1, zebraStriping: o = !1 } = i;
   return ie.createElement(e, {
-    className: Z("icon-bulleted-list text-medium", n, a, {
+    className: H("icon-bulleted-list text-medium", n, a, {
       "has-border": s,
       "has-zebra-stripes": o,
       [t]: e !== "dl"
@@ -2400,7 +2399,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(Be, { variant: "primary", size: "medium", ...r, children: i }) })) : /* @__PURE__ */ c.jsx("a", { ...r, children: i });
-}, ru = ({ children: e, ...t }) => /* @__PURE__ */ c.jsx("span", { className: Z({ url: t == null ? void 0 : t.href }), children: e });
+}, ru = ({ children: e, ...t }) => /* @__PURE__ */ c.jsx("span", { className: H({ url: t == null ? void 0 : t.href }), children: e });
 const mm = {
   default: {
     a: hm,
@@ -2452,7 +2451,7 @@ const mm = {
   };
   let l = mm[i];
   return n.overrides && (l = { ...l, ...n.overrides }), ie.createElement(e, {
-    className: Z("markdown-text", t, {
+    className: H("markdown-text", t, {
       "highlight-titles": s
     }),
     children: /* @__PURE__ */ c.jsx(Kt, { options: { ...o, ...n, overrides: l }, children: r })
@@ -2466,8 +2465,8 @@ const pm = ({
   className: i = ""
 }) => {
   const a = e ? { "--max-width": `${e / 16}rem` } : {};
-  return /* @__PURE__ */ c.jsxs("section", { className: Z("page-heading", i), children: [
-    /* @__PURE__ */ c.jsxs("div", { className: Z("content", { "has-max-width": e }), style: a, children: [
+  return /* @__PURE__ */ c.jsxs("section", { className: H("page-heading", i), children: [
+    /* @__PURE__ */ c.jsxs("div", { className: H("content", { "has-max-width": e }), style: a, children: [
       t && t.text && ie.createElement(t.element || "h1", { className: "title" }, t.text),
       n && n.text && ie.createElement(
         n.element || "h2",
@@ -2491,7 +2490,7 @@ const vn = ({
   const l = {
     "--icon": `url(${rn}icons/${r}.svg)`
   }, { showTooltip: u, tooltipProps: d } = $c(!!i), h = ie.createElement(s, {
-    className: Z("pill", e, t, n, {
+    className: H("pill", e, t, n, {
       "has-icon": r
     }),
     style: l,
@@ -2520,7 +2519,7 @@ const Pi = ({
   e,
   {
     ...r,
-    className: Z("status-banner text-small", n),
+    className: H("status-banner text-small", n),
     "aria-live": "assertive"
   },
   t
@@ -2540,7 +2539,7 @@ const gm = ({
   return /* @__PURE__ */ c.jsx(
     "span",
     {
-      className: Z(`progress-bar section-${u}`, s, r, {
+      className: H(`progress-bar section-${u}`, s, r, {
         [o]: o !== "default",
         [l !== "default" ? l : ""]: l !== "default"
       }),
@@ -2569,7 +2568,7 @@ const Da = "loadingBlock_", vm = ({ progress: e = 0, steps: t = !1, className: n
   return /* @__PURE__ */ c.jsxs(
     Zt,
     {
-      className: Z("loading-block", n, {
+      className: H("loading-block", n, {
         "has-icon": i && t[i].icon
       }),
       variant: "subtle",
@@ -2585,7 +2584,7 @@ const $t = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */
   Js,
   {
     element: e,
-    className: Z("loading-placeholder", t),
+    className: H("loading-placeholder", t),
     ...n
   }
 );
@@ -2638,7 +2637,7 @@ const Cs = {
   "course-navigation": ["button", "button"],
   "course-lesson-page": ["breadcrumb", "course-navigation", "text-page"],
   "course-lesson-quiz": ["text-page", "quiz-box"]
-}, Zc = (e, t) => e in Cs ? /* @__PURE__ */ c.jsx("div", { className: e, children: Cs[e].map((n, r) => Zc(n, r)) }, t) : /* @__PURE__ */ c.jsx($t, { className: e }, t), Yc = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ c.jsx("div", { className: Z("loading-state", e), ...t, children: Cs[e].map((n, r) => Zc(n, r)) }), Gc = (e) => {
+}, Zc = (e, t) => e in Cs ? /* @__PURE__ */ c.jsx("div", { className: e, children: Cs[e].map((n, r) => Zc(n, r)) }, t) : /* @__PURE__ */ c.jsx($t, { className: e }, t), Yc = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ c.jsx("div", { className: H("loading-state", e), ...t, children: Cs[e].map((n, r) => Zc(n, r)) }), Gc = (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) : "";
 }, ei = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], bm = (e) => {
@@ -2675,7 +2674,7 @@ const iu = 256, $n = ({
   return t && t !== "" && !l && (t.includes("http") || t.includes("//")) && (p = !0), /* @__PURE__ */ c.jsx(
     "figure",
     {
-      className: Z("profile-picture", e, { error: l }),
+      className: H("profile-picture", e, { error: l }),
       ...o,
       children: p ? /* @__PURE__ */ c.jsx(
         "img",
@@ -2846,7 +2845,7 @@ const jm = ({ slug: e }) => {
   return /* @__PURE__ */ c.jsx(
     vn,
     {
-      className: Z("user-badge", a == null ? void 0 : a.toLowerCase()),
+      className: H("user-badge", a == null ? void 0 : a.toLowerCase()),
       icon: i && Sm[i],
       element: "li",
       tooltip: s,
@@ -2892,7 +2891,7 @@ const bn = ({
   const P = Tm(x), z = r && r.createdAt ? xs(r.createdAt) : !1, M = r && r.createdAt ? qc(r.createdAt) : "";
   return ie.createElement(e, {
     ...d,
-    className: Z("member text-medium", g, f, l, {
+    className: H("member text-medium", g, f, l, {
       "has-profile-link": w
     }),
     ...m,
@@ -2940,7 +2939,7 @@ const bn = ({
               P && /* @__PURE__ */ c.jsx(
                 "small",
                 {
-                  className: Z({ "text-medium": g === "large" }),
+                  className: H({ "text-medium": g === "large" }),
                   "data-testid": "member-details",
                   children: b ? P : /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
                     x.role,
@@ -3009,7 +3008,7 @@ const au = {
   const h = le();
   return !n || n.length === 0 ? null : ie.createElement(e, {
     ...d,
-    className: Z("contributors", u, i, { "has-gap": a }),
+    className: H("contributors", u, i, { "has-gap": a }),
     children: /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
       /* @__PURE__ */ c.jsx("ul", { children: n.map((p, m) => {
         let g, f = "";
@@ -3031,7 +3030,7 @@ const au = {
           g = /* @__PURE__ */ c.jsxs(
             "small",
             {
-              className: Z({ "large-number": b > 99 }),
+              className: H({ "large-number": b > 99 }),
               children: [
                 "+",
                 Zh(b, 0)
@@ -3039,14 +3038,14 @@ const au = {
             }
           ), f = "number-left";
         }
-        return g ? /* @__PURE__ */ c.jsx("li", { className: Z("contributor", f), children: g }, m) : null;
+        return g ? /* @__PURE__ */ c.jsx("li", { className: H("contributor", f), children: g }, m) : 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]}` }) : ir(n[0].name || "", 20) : l || null })
     ] })
   });
 };
 const rd = ({ element: e = "section", children: t, className: n, ...r }) => ie.createElement(e, {
-  className: Z("modal", n),
+  className: H("modal", n),
   children: typeof t == "string" ? /* @__PURE__ */ c.jsx("p", { children: t }) : t,
   ...r
 });
@@ -4739,7 +4738,7 @@ const Ln = ({
     {
       id: `${e}-overlay`,
       ref: B,
-      className: Z("overlay", {
+      className: H("overlay", {
         open: f,
         "in-portal": d.includes("in-portal")
       }),
@@ -4748,7 +4747,7 @@ const Ln = ({
         rd,
         {
           id: e,
-          className: Z("overlay-modal", d, {
+          className: H("overlay-modal", d, {
             "has-max-width": r
           }),
           hidden: !f,
@@ -4827,7 +4826,7 @@ const wr = "joinCommunityButton", pd = ({
           await w();
         }, 500), h(!d);
       },
-      className: Z("join-community-button", p, {
+      className: H("join-community-button", p, {
         active: p === "joining"
       }),
       disabled: u,
@@ -4848,7 +4847,7 @@ const Ba = "communityDetails_", N_ = ({
   functions: { invite: s, ...o }
 }) => {
   const l = le(), { id: u } = Ne(vt), d = u, h = 5, p = i || a.length, m = a.length ? a : Array(h).fill({}), g = `/communities/${r}/members` === window.location.pathname, f = t || n, b = !n && !t;
-  return /* @__PURE__ */ c.jsxs("div", { className: Z("community-details", e), children: [
+  return /* @__PURE__ */ c.jsxs("div", { className: H("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: [
@@ -4906,7 +4905,7 @@ const M_ = ({ breadcrumbs: e, cutoff: t = 20, className: n = "" }) => {
         children: r.formatMessage({ id: "breadcrumbs_label" })
       }
     ),
-    /* @__PURE__ */ c.jsx("ul", { className: Z("breadcrumbs text-small", n), children: e.map(
+    /* @__PURE__ */ c.jsx("ul", { className: H("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: [
@@ -4924,6 +4923,43 @@ const M_ = ({ breadcrumbs: e, cutoff: t = 20, className: n = "" }) => {
   ] });
 };
 const R_ = ({
+  variant: e = "default",
+  data: { image: t, url: n, title: r, description: i },
+  gtm: a
+}) => {
+  const s = n.split("//")[1].split("/")[0], { context: o = "EnrichedLink", event: l = "enriched-link-click" } = a ?? {};
+  return /* @__PURE__ */ c.jsxs(
+    "aside",
+    {
+      className: H("enriched-url gtm-trackable", {
+        "has-image": t,
+        [e]: e !== "default"
+      }),
+      onClick: (u) => {
+        u.preventDefault(), u.stopPropagation(), window.location.href = n;
+      },
+      "data-gtm-event-context": o,
+      "data-gtm-event-type": l,
+      children: [
+        /* @__PURE__ */ c.jsx("small", { children: s }),
+        /* @__PURE__ */ c.jsx("p", { className: "title text-medium", children: /* @__PURE__ */ c.jsx("a", { href: n, target: "_blank", children: r }) }),
+        i && e !== "condensed" ? /* @__PURE__ */ c.jsx("p", { className: "text-small", children: i }) : /* @__PURE__ */ c.jsx(c.Fragment, {}),
+        t && t.src ? /* @__PURE__ */ c.jsx("p", { className: "img", children: /* @__PURE__ */ c.jsx(
+          "img",
+          {
+            src: t.src,
+            alt: t.alt || "",
+            loading: "lazy",
+            fetchpriority: "low",
+            width: t.width || "auto",
+            height: t.height || "100%"
+          }
+        ) }) : /* @__PURE__ */ c.jsx(c.Fragment, {})
+      ]
+    }
+  );
+};
+const I_ = ({
   options: e,
   allOption: t = !1,
   allowMultiple: n = !0,
@@ -4941,7 +4977,7 @@ const R_ = ({
     let p = [];
     o.includes(d) ? p = o.filter((m) => m !== d) : d === "all" ? p = ["all"] : n ? p = [...o.filter((m) => m !== "all"), d] : p = [d], l((m) => (r && typeof r == "function" && r({ current: p, previous: m }), p)), h && typeof h == "function" && h();
   };
-  return /* @__PURE__ */ c.jsx("ul", { className: Z("filters", i), children: s.map(({ id: d, text: h, disabled: p = !1, callback: m = () => {
+  return /* @__PURE__ */ c.jsx("ul", { className: H("filters", i), children: s.map(({ id: d, text: h, disabled: p = !1, callback: m = () => {
   } }) => {
     let g = {};
     return p && (g = {
@@ -4950,7 +4986,7 @@ const R_ = ({
     }), /* @__PURE__ */ c.jsx("li", { children: /* @__PURE__ */ c.jsx(
       "button",
       {
-        className: Z(d, { selected: o.includes(d) }),
+        className: H(d, { selected: o.includes(d) }),
         onClick: (f) => {
           f.preventDefault(), f.stopPropagation(), u(d, m);
         },
@@ -4971,7 +5007,7 @@ const R_ = ({
     urlForRouter: `/${i.split("/").slice(2).join("/")}`
   } : i;
 };
-const ai = "languageSwitcher_", I_ = ({
+const ai = "languageSwitcher_", $_ = ({
   currentLanguage: e,
   isOriginalLanguage: t = !1,
   isHumanTranslation: n = !1,
@@ -4991,7 +5027,7 @@ const ai = "languageSwitcher_", I_ = ({
   ))
     return null;
   const g = Object.keys(r), f = h !== e;
-  return /* @__PURE__ */ c.jsxs("div", { className: Z("language-switcher text-small", s, l), children: [
+  return /* @__PURE__ */ c.jsxs("div", { className: H("language-switcher text-small", s, l), children: [
     /* @__PURE__ */ c.jsxs("nav", { children: [
       s !== "short" && /* @__PURE__ */ c.jsx("p", { children: o || u.formatMessage({ id: `${ai}label` }) }),
       /* @__PURE__ */ c.jsx("ul", { children: g.map((b) => {
@@ -5066,7 +5102,7 @@ const Aa = bh({ locale: "en", messages: pr }), ia = ({
         g instanceof Error ? h(g.message) : h("Unknown error");
       }
   };
-  return !d && !e && !o.endOfFeed ? null : /* @__PURE__ */ c.jsx("footer", { className: Z("load-more", l), children: !d && e ? /* @__PURE__ */ c.jsx(
+  return !d && !e && !o.endOfFeed ? null : /* @__PURE__ */ c.jsx("footer", { className: H("load-more", l), children: !d && e ? /* @__PURE__ */ c.jsx(
     Be,
     {
       variant: r,
@@ -5092,7 +5128,7 @@ const gd = ({
   "a",
   {
     href: "/home/",
-    className: Z("logo", e, t, n),
+    className: H("logo", e, t, n),
     ...r,
     children: /* @__PURE__ */ c.jsx(qe, { children: /* @__PURE__ */ c.jsx(ct, { id: "apolitical" }) })
   }
@@ -5113,7 +5149,7 @@ const Mp = ({
     document.removeEventListener("click", l, !0);
   })), ie.createElement(e, {
     ref: a,
-    className: Z("more-menu text-medium", r),
+    className: H("more-menu text-medium", r),
     children: /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
       /* @__PURE__ */ c.jsx(
         Be,
@@ -5184,7 +5220,7 @@ const Ip = Kr(() => Promise.resolve().then(() => Mm)), $p = [
   return /* @__PURE__ */ c.jsxs("ul", { id: "navigation-menu", className: "text-medium", children: [
     $p.map(({ key: a, href: s }) => {
       const o = Rp(s, e), l = {};
-      return o && (l["aria-current"] = "page"), /* @__PURE__ */ c.jsx("li", { className: Z(a, { active: o }), children: /* @__PURE__ */ c.jsx(
+      return o && (l["aria-current"] = "page"), /* @__PURE__ */ c.jsx("li", { className: H(a, { active: o }), children: /* @__PURE__ */ c.jsx(
         "a",
         {
           href: s,
@@ -5254,7 +5290,7 @@ ${Cr(t, "mailto", n)}&src=email`
     onClick: (r, i) => (r.preventDefault(), r.stopPropagation(), navigator.clipboard.writeText(i))
   }
 ];
-const qp = "shareLinks_", $_ = ({
+const qp = "shareLinks_", L_ = ({
   title: e,
   link: t,
   referrer: n,
@@ -5264,7 +5300,7 @@ const qp = "shareLinks_", $_ = ({
   className: s = ""
 }) => {
   const o = le(), l = zp({ title: e, link: t, referrer: n });
-  return /* @__PURE__ */ c.jsxs("aside", { className: Z("share-links", i, a, s), children: [
+  return /* @__PURE__ */ c.jsxs("aside", { className: H("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: p = !0, onClick: m }) => {
       if (typeof p == "function" && !p())
@@ -5290,7 +5326,7 @@ const qp = "shareLinks_", $_ = ({
     }) })
   ] });
 };
-const L_ = ({ tabs: e, className: t = "", preventLocationChange: n }) => {
+const z_ = ({ tabs: e, className: t = "", preventLocationChange: n }) => {
   var g;
   const r = (f, b, v) => (f || (f = `panel-${window.btoa(b)}-${v}`), f), i = hr(!0) || 0;
   let a = e.findIndex((f) => f.current === !0);
@@ -5362,7 +5398,7 @@ const L_ = ({ tabs: e, className: t = "", preventLocationChange: n }) => {
             href: w || `#${f}`,
             id: `tab-${f}`,
             "aria-controls": f,
-            className: Z({ selected: A }),
+            className: H({ selected: A }),
             role: "tab",
             tabIndex: A ? 0 : -1,
             "aria-selected": A,
@@ -5373,7 +5409,7 @@ const L_ = ({ tabs: e, className: t = "", preventLocationChange: n }) => {
         ) }, `tab-${f}`)
       );
     }
-  ), /* @__PURE__ */ c.jsxs("div", { className: Z("tabs-wrapper", t), children: [
+  ), /* @__PURE__ */ c.jsxs("div", { className: H("tabs-wrapper", t), children: [
     /* @__PURE__ */ c.jsx("ul", { className: "tabs", role: "tablist", children: p }),
     /* @__PURE__ */ c.jsx("div", { className: "tab-content", children: m })
   ] });
@@ -5394,7 +5430,7 @@ const Wp = {
   return ie.Children.count(i) === 1 && (s = ie.Children.toArray(i)[0], s.props && (s = s.props.children)), /* @__PURE__ */ c.jsx(
     "section",
     {
-      className: Z("columns", `layout-${e}`, r, {
+      className: H("columns", `layout-${e}`, r, {
         "has-containers": n
       }),
       children: ie.Children.map(s, (o, l) => t !== !1 && l === t && a && a < Wp[e] ? null : o)
@@ -5416,7 +5452,7 @@ const vd = ({
       "small",
       {
         id: e,
-        className: Z("character-limit", {
+        className: H("character-limit", {
           "near-limit": l,
           "approaching-limit": u
         }),
@@ -5612,7 +5648,7 @@ const oi = "emailHelperTextBox_", Vp = ({
     type: o,
     id: n,
     name: a,
-    className: Z(e, t, {
+    className: H(e, t, {
       "has-scrollbar": o === "textarea" && p.current && p.current.clientHeight < p.current.scrollHeight
     }),
     value: l,
@@ -5739,7 +5775,7 @@ const Hn = {
           ...A,
           activePredictionIndex: x
         })),
-        className: Z("predictions-list-item", {
+        className: H("predictions-list-item", {
           active: x === m
         }),
         children: E.description
@@ -5794,7 +5830,7 @@ const bd = ({
         const w = v.target;
         w.nodeName.toLowerCase() === "a" || w.parentNode && w.parentNode.nodeName.toLowerCase() === "a" || (v.preventDefault(), v.stopPropagation(), f());
       },
-      className: Z("checkbox-wrapper", e),
+      className: H("checkbox-wrapper", e),
       ...h,
       ...g
     },
@@ -5807,7 +5843,7 @@ const Yp = Gt(function({
   return /* @__PURE__ */ c.jsx(
     Js,
     {
-      className: Z("rotating-chevron", `direction-${t}`)
+      className: H("rotating-chevron", `direction-${t}`)
     }
   );
 });
@@ -5843,7 +5879,7 @@ const Gp = ({
     } else
       b([]), w && w([]);
   };
-  return /* @__PURE__ */ c.jsxs("div", { className: Z("dropdown-wrapper", e), children: [
+  return /* @__PURE__ */ c.jsxs("div", { className: H("dropdown-wrapper", e), children: [
     /* @__PURE__ */ c.jsxs(
       "button",
       {
@@ -5928,7 +5964,7 @@ const Gp = ({
               return /* @__PURE__ */ c.jsx("li", { "data-testid": "dropdown-options", children: /* @__PURE__ */ c.jsxs(
                 "button",
                 {
-                  className: Z("gtm-trackable", {
+                  className: H("gtm-trackable", {
                     selected: L,
                     "selected-single": L && !o
                   }),
@@ -5942,7 +5978,7 @@ const Gp = ({
                   "data-testid": L ? "current-selection" : "",
                   children: [
                     o && /* @__PURE__ */ c.jsx("span", { className: "pretty-checkbox", "data-testid": "pretty-checkbox" }),
-                    /* @__PURE__ */ c.jsx("span", { className: Z({ "menu-option-label": o }), children: T.label })
+                    /* @__PURE__ */ c.jsx("span", { className: H({ "menu-option-label": o }), children: T.label })
                   ]
                 }
               ) }, T.id);
@@ -5990,7 +6026,7 @@ const Qp = ({
     "ul",
     {
       ...h,
-      className: Z("options-wrapper", e),
+      className: H("options-wrapper", e),
       "data-testid": `ul-${r}`,
       children: o == null ? void 0 : o.map(
         ({
@@ -6051,7 +6087,7 @@ const Jp = ({
       "button",
       {
         type: "button",
-        className: Z("show-password gtm-trackable", {
+        className: H("show-password gtm-trackable", {
           "password-visible": l
         }),
         "data-gtm-event-context": n,
@@ -6144,7 +6180,7 @@ const Vn = {
         {
           ...x,
           label: T,
-          className: Z("field-wrapper", n)
+          className: H("field-wrapper", n)
         }
       ),
       /* @__PURE__ */ c.jsx(L, { as: "p" })
@@ -6158,7 +6194,7 @@ const Vn = {
   });
   return /* @__PURE__ */ c.jsx(c.Fragment, { children: ie.createElement(
     b ? "fieldset" : "div",
-    { className: Z("field-wrapper text-medium", n) },
+    { className: H("field-wrapper text-medium", n) },
     /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
       ie.createElement(
         b ? ie.Fragment : "p",
@@ -6410,23 +6446,23 @@ const Dn = ({
         }
       });
     }
+  }, X = (_) => {
+    var W;
+    if (_.preventDefault(), _.stopPropagation(), N)
+      return;
+    let I = 0;
+    if ((W = ne == null ? void 0 : ne.current) != null && W.id) {
+      const re = document.getElementById(ne.current.id);
+      re && (I = re.getBoundingClientRect().top + window.scrollY);
+    }
+    const R = document.getElementById("header");
+    R && (I = I - R.offsetHeight - b), I < 0 && (I = 0), window.scrollTo({ top: I, behavior: "smooth" }), $();
   }, k = [
     {
       ...f,
       icon: q ? { icon: "tick", position: "left" } : !1,
-      className: "gtm-trackable",
-      onClick: (_) => {
-        var W;
-        if (_.preventDefault(), _.stopPropagation(), N)
-          return;
-        let I = 0;
-        if ((W = ne == null ? void 0 : ne.current) != null && W.id) {
-          const re = document.getElementById(ne.current.id);
-          re && (I = re.getBoundingClientRect().top + window.scrollY);
-        }
-        const R = document.getElementById("header");
-        R && (I = I - R.offsetHeight - b), I < 0 && (I = 0), window.scrollTo({ top: I, behavior: "smooth" }), $();
-      },
+      className: H("gtm-trackable", f.className),
+      onClick: X,
       disabled: N || q || s.disabled,
       "data-gtm-event-context": d.context,
       "data-gtm-event-type": d.event,
@@ -6435,7 +6471,7 @@ const Dn = ({
   ];
   return v && k.unshift({
     ...o,
-    className: "gtm-trackable",
+    className: H("gtm-trackable", o.className),
     "data-gtm-event-context": d.context,
     "data-gtm-event-type": d.event,
     disabled: N || q,
@@ -6447,7 +6483,7 @@ const Dn = ({
       {
         ...p,
         id: r,
-        className: Z("form", n),
+        className: H("form", n),
         ref: ne
       },
       /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
@@ -6493,7 +6529,7 @@ const Dn = ({
         g ? null : (N || q) && m ? m : /* @__PURE__ */ c.jsx(
           Zr,
           {
-            className: Z("cta", {
+            className: H("cta", {
               center: N || q,
               submitted: q
             }),
@@ -6518,13 +6554,13 @@ const ui = "passwordRules_", yd = "isMoreThanEightCharacters", Dd = "includesNum
   className: t = ""
 }) => {
   const n = le();
-  return /* @__PURE__ */ c.jsxs("aside", { className: Z("password-rules", t), children: [
+  return /* @__PURE__ */ c.jsxs("aside", { className: H("password-rules", t), children: [
     /* @__PURE__ */ c.jsx("small", { children: n.formatMessage({ id: `${ui}intro` }) }),
     /* @__PURE__ */ c.jsx("ul", { children: [yd, Dd, xd].map(
       (r) => /* @__PURE__ */ c.jsxs(
         "li",
         {
-          className: Z({ matches: e[r] }),
+          className: H({ matches: e[r] }),
           children: [
             /* @__PURE__ */ c.jsxs(qe, { children: [
               n.formatMessage({ id: `${ui}rule_label` }),
@@ -6542,7 +6578,7 @@ const ui = "passwordRules_", yd = "isMoreThanEightCharacters", Dd = "includesNum
     ) })
   ] });
 }, rg = Gt(ng);
-const z_ = ({
+const q_ = ({
   text: e = {},
   topRating: t = 5,
   functions: {
@@ -6593,14 +6629,14 @@ const z_ = ({
         u((w) => ({ ...w, disabled: !1 }));
       }
   };
-  return /* @__PURE__ */ c.jsxs("div", { className: Z("rating", a), children: [
+  return /* @__PURE__ */ c.jsxs("div", { className: H("rating", a), children: [
     /* @__PURE__ */ c.jsx("span", { className: "label", children: f[p ? "success" : "text"] }),
     /* @__PURE__ */ c.jsx("ol", { children: Array.from(new Array(t).keys()).map((v) => {
       const w = v + 1;
       return /* @__PURE__ */ c.jsx(
         "li",
         {
-          className: Z({ selected: p && w <= p }),
+          className: H({ selected: p && w <= p }),
           children: /* @__PURE__ */ c.jsx(
             Be,
             {
@@ -7788,7 +7824,7 @@ var Tu = Bt.createDraft.bind(Bt), Su = Bt.finishDraft.bind(Bt), Lg = {
       affinity: r
     } = e;
     if (n != null) {
-      var i = H.transform(n, t, {
+      var i = V.transform(n, t, {
         affinity: r
       });
       e.current = i, i == null && e.unref();
@@ -8039,7 +8075,7 @@ var Hg = (e, t, n) => {
       if (s > a.children.length)
         throw new Error('Cannot apply an "insert_node" operation at path ['.concat(r, "] because the destination is past the end of the node."));
       if (a.children.splice(s, 0, i), t)
-        for (var [o, l] of H.points(t))
+        for (var [o, l] of V.points(t))
           t[l] = ke.transform(o, n);
       break;
     }
@@ -8053,7 +8089,7 @@ var Hg = (e, t, n) => {
         break;
       var p = oe.leaf(e, u), m = p.text.slice(0, d), g = p.text.slice(d);
       if (p.text = m + h + g, t)
-        for (var [f, b] of H.points(t))
+        for (var [f, b] of V.points(t))
           t[b] = ke.transform(f, n);
       break;
     }
@@ -8068,7 +8104,7 @@ var Hg = (e, t, n) => {
       else
         throw new Error('Cannot apply a "merge_node" operation at path ['.concat(v, "] to nodes of different interfaces: ").concat(rt.stringify(w), " ").concat(rt.stringify(E)));
       if (x.children.splice(A, 1), t)
-        for (var [T, L] of H.points(t))
+        for (var [T, L] of V.points(t))
           t[L] = ke.transform(T, n);
       break;
     }
@@ -8083,7 +8119,7 @@ var Hg = (e, t, n) => {
       F.children.splice(C, 1);
       var S = O.transform(P, n), N = oe.get(e, O.parent(S)), q = S[S.length - 1];
       if (N.children.splice(q, 0, M), t)
-        for (var [U, Y] of H.points(t))
+        for (var [U, Y] of V.points(t))
           t[Y] = ke.transform(U, n);
       break;
     }
@@ -8092,7 +8128,7 @@ var Hg = (e, t, n) => {
         path: ne
       } = n, D = ne[ne.length - 1], $ = oe.parent(e, ne);
       if ($.children.splice(D, 1), t)
-        for (var [X, k] of H.points(t)) {
+        for (var [X, k] of V.points(t)) {
           var _ = ke.transform(X, n);
           if (t != null && _ != null)
             t[k] = _;
@@ -8121,7 +8157,7 @@ var Hg = (e, t, n) => {
         break;
       var ye = oe.leaf(e, ae), ve = ye.text.slice(0, me), Fe = ye.text.slice(me + G.length);
       if (ye.text = ve + Fe, t)
-        for (var [Te, Oe] of H.points(t))
+        for (var [Te, Oe] of V.points(t))
           t[Oe] = ke.transform(Te, n);
       break;
     }
@@ -8146,18 +8182,18 @@ var Hg = (e, t, n) => {
     }
     case "set_selection": {
       var {
-        newProperties: V
+        newProperties: K
       } = n;
-      if (V == null)
-        t = V;
+      if (K == null)
+        t = K;
       else {
         if (t == null) {
-          if (!H.isRange(V))
-            throw new Error('Cannot apply an incomplete "set_selection" operation properties '.concat(rt.stringify(V), " when there is no current selection."));
-          t = Er({}, V);
+          if (!V.isRange(K))
+            throw new Error('Cannot apply an incomplete "set_selection" operation properties '.concat(rt.stringify(K), " when there is no current selection."));
+          t = Er({}, K);
         }
-        for (var ee in V) {
-          var ce = V[ee];
+        for (var ee in K) {
+          var ce = K[ee];
           if (ce == null) {
             if (ee === "anchor" || ee === "focus")
               throw new Error('Cannot remove the "'.concat(ee, '" selection property'));
@@ -8189,7 +8225,7 @@ var Hg = (e, t, n) => {
         });
       }
       if (ut.children.splice(Qt + 1, 0, Pt), t)
-        for (var [vr, Qr] of H.points(t))
+        for (var [vr, Qr] of V.points(t))
           t[Qr] = ke.transform(vr, n);
       break;
     }
@@ -8316,7 +8352,7 @@ function Qg(e) {
   }
   return e;
 }
-var H = {
+var V = {
   edges(e) {
     var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
       reverse: n = !1
@@ -8324,27 +8360,27 @@ var H = {
       anchor: r,
       focus: i
     } = e;
-    return H.isBackward(e) === n ? [r, i] : [i, r];
+    return V.isBackward(e) === n ? [r, i] : [i, r];
   },
   end(e) {
-    var [, t] = H.edges(e);
+    var [, t] = V.edges(e);
     return t;
   },
   equals(e, t) {
     return ke.equals(e.anchor, t.anchor) && ke.equals(e.focus, t.focus);
   },
   includes(e, t) {
-    if (H.isRange(t)) {
-      if (H.includes(e, t.anchor) || H.includes(e, t.focus))
+    if (V.isRange(t)) {
+      if (V.includes(e, t.anchor) || V.includes(e, t.focus))
         return !0;
-      var [n, r] = H.edges(e), [i, a] = H.edges(t);
+      var [n, r] = V.edges(e), [i, a] = V.edges(t);
       return ke.isBefore(n, i) && ke.isAfter(r, a);
     }
-    var [s, o] = H.edges(e), l = !1, u = !1;
+    var [s, o] = V.edges(e), l = !1, u = !1;
     return ke.isPoint(t) ? (l = ke.compare(t, s) >= 0, u = ke.compare(t, o) <= 0) : (l = O.compare(t, s.path) >= 0, u = O.compare(t, o.path) <= 0), l && u;
   },
   intersection(e, t) {
-    var n = sn(e, Gg), [r, i] = H.edges(e), [a, s] = H.edges(t), o = ke.isBefore(r, a) ? a : r, l = ke.isBefore(i, s) ? i : s;
+    var n = sn(e, Gg), [r, i] = V.edges(e), [a, s] = V.edges(t), o = ke.isBefore(r, a) ? a : r, l = ke.isBefore(i, s) ? i : s;
     return ke.isBefore(l, o) ? null : Qg({
       anchor: o,
       focus: l
@@ -8365,10 +8401,10 @@ var H = {
     return ke.equals(t, n);
   },
   isExpanded(e) {
-    return !H.isCollapsed(e);
+    return !V.isCollapsed(e);
   },
   isForward(e) {
-    return !H.isBackward(e);
+    return !V.isBackward(e);
   },
   isRange(e) {
     return st(e) && ke.isPoint(e.anchor) && ke.isPoint(e.focus);
@@ -8377,7 +8413,7 @@ var H = {
     yield [e.anchor, "anchor"], yield [e.focus, "focus"];
   },
   start(e) {
-    var [t] = H.edges(e);
+    var [t] = V.edges(e);
     return t;
   },
   transform(e, t) {
@@ -8389,10 +8425,10 @@ var H = {
         affinity: i = "inward"
       } = n, a, s;
       if (i === "inward") {
-        var o = H.isCollapsed(r);
-        H.isForward(r) ? (a = "forward", s = o ? a : "backward") : (a = "backward", s = o ? a : "forward");
+        var o = V.isCollapsed(r);
+        V.isForward(r) ? (a = "forward", s = o ? a : "backward") : (a = "backward", s = o ? a : "forward");
       } else
-        i === "outward" ? H.isForward(r) ? (a = "backward", s = "forward") : (a = "forward", s = "backward") : (a = i, s = i);
+        i === "outward" ? V.isForward(r) ? (a = "backward", s = "forward") : (a = "forward", s = "backward") : (a = i, s = i);
       var l = ke.transform(r.anchor, t, {
         affinity: a
       }), u = ke.transform(r.focus, t, {
@@ -8505,15 +8541,15 @@ var H = {
     var n = fo({
       children: e.children
     }, (r) => {
-      var [i, a] = H.edges(t), s = oe.nodes(r, {
+      var [i, a] = V.edges(t), s = oe.nodes(r, {
         reverse: !0,
         pass: (p) => {
           var [, m] = p;
-          return !H.includes(t, m);
+          return !V.includes(t, m);
         }
       });
       for (var [, o] of s) {
-        if (!H.includes(t, o)) {
+        if (!V.includes(t, o)) {
           var l = oe.parent(r, o), u = o[o.length - 1];
           l.children.splice(u, 1);
         }
@@ -8680,7 +8716,7 @@ var pn = {
       case "set_node":
         return O.isPath(e.path) && st(e.properties) && st(e.newProperties);
       case "set_selection":
-        return e.properties === null && H.isRange(e.newProperties) || e.newProperties === null && H.isRange(e.properties) || st(e.properties) && st(e.newProperties);
+        return e.properties === null && V.isRange(e.newProperties) || e.newProperties === null && V.isRange(e.properties) || st(e.properties) && st(e.newProperties);
       case "split_node":
         return O.isPath(e.path) && typeof e.position == "number" && st(e.properties);
       default:
@@ -8776,7 +8812,7 @@ var pn = {
     return t;
   if (!st(e))
     return !1;
-  var n = typeof e.addMark == "function" && typeof e.apply == "function" && typeof e.deleteFragment == "function" && typeof e.insertBreak == "function" && typeof e.insertSoftBreak == "function" && typeof e.insertFragment == "function" && typeof e.insertNode == "function" && typeof e.insertText == "function" && typeof e.isElementReadOnly == "function" && typeof e.isInline == "function" && typeof e.isSelectable == "function" && typeof e.isVoid == "function" && typeof e.normalizeNode == "function" && typeof e.onChange == "function" && typeof e.removeMark == "function" && typeof e.getDirtyPaths == "function" && (e.marks === null || st(e.marks)) && (e.selection === null || H.isRange(e.selection)) && oe.isNodeList(e.children) && pn.isOperationList(e.operations);
+  var n = typeof e.addMark == "function" && typeof e.apply == "function" && typeof e.deleteFragment == "function" && typeof e.insertBreak == "function" && typeof e.insertSoftBreak == "function" && typeof e.insertFragment == "function" && typeof e.insertNode == "function" && typeof e.insertText == "function" && typeof e.isElementReadOnly == "function" && typeof e.isInline == "function" && typeof e.isSelectable == "function" && typeof e.isVoid == "function" && typeof e.normalizeNode == "function" && typeof e.onChange == "function" && typeof e.removeMark == "function" && typeof e.getDirtyPaths == "function" && (e.marks === null || st(e.marks)) && (e.selection === null || V.isRange(e.selection)) && oe.isNodeList(e.children) && pn.isOperationList(e.operations);
   return Lu.set(e, n), n;
 }, y = {
   above(e, t) {
@@ -9113,7 +9149,7 @@ var pe = {
   decorations(e, t) {
     var n = [Xt({}, e)];
     for (var r of t) {
-      var i = sn(r, rv), [a, s] = H.edges(r), o = [], l = 0, u = a.offset, d = s.offset;
+      var i = sn(r, rv), [a, s] = V.edges(r), o = [], l = 0, u = a.offset, d = s.offset;
       for (var h of n) {
         var {
           length: p
@@ -9257,16 +9293,16 @@ var Ev = /(?:[\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u2
       } = n, {
         at: i = ho(e)
       } = n;
-      if (O.isPath(i) && (i = y.range(e, i)), H.isRange(i))
-        if (H.isCollapsed(i))
+      if (O.isPath(i) && (i = y.range(e, i)), V.isRange(i))
+        if (V.isCollapsed(i))
           i = i.anchor;
         else {
-          var a = H.end(i);
+          var a = V.end(i);
           if (!r && y.void(e, {
             at: a
           }))
             return;
-          var s = H.start(i), o = y.pointRef(e, s), l = y.pointRef(e, a);
+          var s = V.start(i), o = y.pointRef(e, s), l = y.pointRef(e, a);
           Q.delete(e, {
             at: i,
             voids: r
@@ -9510,7 +9546,7 @@ var Tv = (e, t) => {
       reverse: l
     }))
       if (!pe.isText(u)) {
-        if (H.isRange(a)) {
+        if (V.isRange(a)) {
           if (O.isAncestor(d, a.anchor.path) && O.isAncestor(d, a.focus.path))
             return [u, d];
         } else if (!O.equals(o, d))
@@ -9549,7 +9585,7 @@ var Mv = (e, t, n) => {
         return !1;
       var [m, g] = y.parent(e, p);
       return !e.isVoid(m) || e.markableVoid(m);
-    }, a = H.isExpanded(r), s = !1;
+    }, a = V.isExpanded(r), s = !1;
     if (!a) {
       var [o, l] = y.node(e, r);
       if (o && i(o, l)) {
@@ -9655,7 +9691,7 @@ var Iv = function(t, n) {
   var {
     selection: n
   } = e;
-  n && H.isCollapsed(n) && Q.delete(e, {
+  n && V.isCollapsed(n) && Q.delete(e, {
     unit: t,
     reverse: !0
   });
@@ -9663,7 +9699,7 @@ var Iv = function(t, n) {
   var {
     selection: n
   } = e;
-  n && H.isCollapsed(n) && Q.delete(e, {
+  n && V.isCollapsed(n) && Q.delete(e, {
     unit: t
   });
 }, zv = function(t) {
@@ -9672,7 +9708,7 @@ var Iv = function(t, n) {
   } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, {
     selection: r
   } = t;
-  r && H.isExpanded(r) && Q.delete(t, {
+  r && V.isExpanded(r) && Q.delete(t, {
     reverse: n === "backward"
   });
 }, qv = (e, t) => [y.start(e, t), y.end(e, t)];
@@ -9846,7 +9882,7 @@ var f0 = ["text"], h0 = ["text"], m0 = function(t) {
   } = r;
   if (n)
     return n;
-  if (H.isExpanded(r)) {
+  if (V.isExpanded(r)) {
     var s = y.isEnd(t, i, i.path);
     if (s) {
       var o = y.after(t, i);
@@ -10054,7 +10090,7 @@ var b0 = function(t) {
       n = o;
     }
   }
-  return H.isRange(n) && (a === "start" ? n = H.start(n) : a === "end" ? n = H.end(n) : n = O.common(n.anchor.path, n.focus.path)), ke.isPoint(n) && (n = n.path), i != null && (n = n.slice(0, i)), n;
+  return V.isRange(n) && (a === "start" ? n = V.start(n) : a === "end" ? n = V.end(n) : n = O.common(n.anchor.path, n.focus.path)), ke.isPoint(n) && (n = n.path), i != null && (n = n.slice(0, i)), n;
 }, C0 = function(t, n) {
   var r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, {
     affinity: i = "forward"
@@ -10093,8 +10129,8 @@ var b0 = function(t) {
       offset: i === "end" ? l.text.length : 0
     };
   }
-  if (H.isRange(n)) {
-    var [u, d] = H.edges(n);
+  if (V.isRange(n)) {
+    var [u, d] = V.edges(n);
     return i === "start" ? u : d;
   }
   return n;
@@ -10111,7 +10147,7 @@ function k0(e) {
     } = t;
     if (!n)
       return;
-    var o = y.range(e, n), [l, u] = H.edges(o), d = i ? u : l, h = !1, p = "", m = 0, g = 0, f = 0;
+    var o = y.range(e, n), [l, u] = V.edges(o), d = i ? u : l, h = !1, p = "", m = 0, g = 0, f = 0;
     for (var [b, v] of y.nodes(e, {
       at: n,
       reverse: i,
@@ -10212,7 +10248,7 @@ var F0 = function(t) {
   var t = Pu.get(e);
   return t || (t = /* @__PURE__ */ new Set(), Pu.set(e, t)), t;
 }, T0 = (e, t, n) => {
-  if (H.isRange(t) && !n)
+  if (V.isRange(t) && !n)
     return t;
   var r = y.start(e, t), i = y.end(e, n || t);
   return {
@@ -10251,7 +10287,7 @@ var j0 = (e, t) => {
         return !1;
       var [p, m] = y.parent(e, h);
       return !e.isVoid(p) || e.markableVoid(p);
-    }, i = H.isExpanded(n), a = !1;
+    }, i = V.isExpanded(n), a = !1;
     if (!i) {
       var [s, o] = y.node(e, n);
       if (s && r(s, o)) {
@@ -10277,7 +10313,7 @@ var j0 = (e, t) => {
 }), N0 = function(t, n) {
   var r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, {
     voids: i = !1
-  } = r, a = y.range(t, n), [s, o] = H.edges(a), l = "";
+  } = r, a = y.range(t, n), [s, o] = V.edges(a), l = "";
   for (var [u, d] of y.nodes(t, {
     at: a,
     match: pe.isText,
@@ -10290,8 +10326,8 @@ var j0 = (e, t) => {
 }, M0 = function(t, n) {
   var r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, {
     voids: i = !1
-  } = r, [a, s] = H.edges(n);
-  if (a.offset !== 0 || s.offset !== 0 || H.isCollapsed(n) || O.hasPrevious(s.path))
+  } = r, [a, s] = V.edges(n);
+  if (a.offset !== 0 || s.offset !== 0 || V.isCollapsed(n) || O.hasPrevious(s.path))
     return n;
   var o = y.above(t, {
     at: s,
@@ -10346,7 +10382,7 @@ var j0 = (e, t) => {
     } = n;
     if (u) {
       var h = !1;
-      if (H.isRange(u) && H.isCollapsed(u) && (h = !0, u = u.anchor), ke.isPoint(u)) {
+      if (V.isRange(u) && V.isCollapsed(u) && (h = !0, u = u.anchor), ke.isPoint(u)) {
         var p = y.void(t, {
           at: u,
           mode: "highest"
@@ -10372,14 +10408,14 @@ var j0 = (e, t) => {
         });
         return;
       }
-      if (!H.isCollapsed(u)) {
+      if (!V.isCollapsed(u)) {
         if (!d) {
-          var [, b] = H.edges(u), v = y.end(t, []);
+          var [, b] = V.edges(u), v = y.end(t, []);
           ke.equals(b, v) || (u = y.unhangRange(t, u, {
             voids: l
           }));
         }
-        var [w, B] = H.edges(u), E = y.above(t, {
+        var [w, B] = V.edges(u), E = y.above(t, {
           match: (ve) => he.isElement(ve) && y.isBlock(t, ve),
           at: w,
           voids: l
@@ -10468,13 +10504,13 @@ var j0 = (e, t) => {
       batchDirty: o = !0
     } = r;
     if (n.length) {
-      if (H.isRange(s))
+      if (V.isRange(s))
         if (i || (s = y.unhangRange(t, s, {
           voids: a
-        })), H.isCollapsed(s))
+        })), V.isCollapsed(s))
           s = s.anchor;
         else {
-          var [, l] = H.edges(s);
+          var [, l] = V.edges(s);
           if (!a && y.void(t, {
             at: l
           }))
@@ -10584,10 +10620,10 @@ var j0 = (e, t) => {
     else if (r === "focus")
       Q.select(t, i.focus);
     else if (r === "start") {
-      var [a] = H.edges(i);
+      var [a] = V.edges(i);
       Q.select(t, a);
     } else if (r === "end") {
-      var [, s] = H.edges(i);
+      var [, s] = V.edges(i);
       Q.select(t, s);
     }
   } else
@@ -10612,7 +10648,7 @@ var j0 = (e, t) => {
     edge: o = null
   } = n;
   if (r) {
-    o === "start" && (o = H.isBackward(r) ? "focus" : "anchor"), o === "end" && (o = H.isBackward(r) ? "anchor" : "focus");
+    o === "start" && (o = V.isBackward(r) ? "focus" : "anchor"), o === "end" && (o = V.isBackward(r) ? "anchor" : "focus");
     var {
       anchor: l,
       focus: u
@@ -10639,7 +10675,7 @@ var j0 = (e, t) => {
     Q.setSelection(e, t);
     return;
   }
-  if (!H.isRange(t))
+  if (!V.isRange(t))
     throw new Error("When setting the selection and the current selection is `null` you must provide at least an `anchor` and `focus`, but you passed: ".concat(rt.stringify(t)));
   e.apply({
     type: "set_selection",
@@ -10675,7 +10711,7 @@ var U0 = function(t, n) {
     edge: a = "both"
   } = r;
   if (i) {
-    a === "start" && (a = H.isBackward(i) ? "focus" : "anchor"), a === "end" && (a = H.isBackward(i) ? "anchor" : "focus");
+    a === "start" && (a = V.isBackward(i) ? "focus" : "anchor"), a === "end" && (a = V.isBackward(i) ? "anchor" : "focus");
     var {
       anchor: s,
       focus: o
@@ -10712,13 +10748,13 @@ var U0 = function(t, n) {
     } = r;
     if (oe.isNode(n) && (n = [n]), n.length !== 0) {
       var [h] = n;
-      if (l || (l = ho(t), d !== !1 && (d = !0)), d == null && (d = !1), H.isRange(l))
+      if (l || (l = ho(t), d !== !1 && (d = !0)), d == null && (d = !1), V.isRange(l))
         if (i || (l = y.unhangRange(t, l, {
           voids: a
-        })), H.isCollapsed(l))
+        })), V.isCollapsed(l))
           l = l.anchor;
         else {
-          var [, p] = H.edges(l), m = y.pointRef(t, p);
+          var [, p] = V.edges(l), m = y.pointRef(t, p);
           Q.delete(t, {
             at: l
           }), l = m.unref();
@@ -10879,13 +10915,13 @@ var U0 = function(t, n) {
           r = (z) => l.children.includes(z);
         } else
           r = (z) => he.isElement(z) && y.isBlock(t, z);
-      if (!a && H.isRange(i) && (i = y.unhangRange(t, i, {
+      if (!a && V.isRange(i) && (i = y.unhangRange(t, i, {
         voids: s
-      })), H.isRange(i))
-        if (H.isCollapsed(i))
+      })), V.isRange(i))
+        if (V.isCollapsed(i))
           i = i.anchor;
         else {
-          var [, u] = H.edges(i), d = y.pointRef(t, u);
+          var [, u] = V.edges(i), d = y.pointRef(t, u);
           Q.delete(t, {
             at: i
           }), i = d.unref(), n.at == null && Q.select(t, i);
@@ -10986,7 +11022,7 @@ var U0 = function(t, n) {
       match: o
     } = n;
     if (s) {
-      o == null && (o = O.isPath(s) ? gr(t, s) : (m) => he.isElement(m) && y.isBlock(t, m)), !r && H.isRange(s) && (s = y.unhangRange(t, s, {
+      o == null && (o = O.isPath(s) ? gr(t, s) : (m) => he.isElement(m) && y.isBlock(t, m)), !r && V.isRange(s) && (s = y.unhangRange(t, s, {
         voids: i
       }));
       var l = y.nodes(t, {
@@ -11026,14 +11062,14 @@ var U0 = function(t, n) {
       voids: h = !1
     } = r;
     if (a) {
-      if (i == null && (i = O.isPath(a) ? gr(t, a) : (L) => he.isElement(L) && y.isBlock(t, L)), !l && H.isRange(a) && (a = y.unhangRange(t, a, {
+      if (i == null && (i = O.isPath(a) ? gr(t, a) : (L) => he.isElement(L) && y.isBlock(t, L)), !l && V.isRange(a) && (a = y.unhangRange(t, a, {
         voids: h
-      })), d && H.isRange(a)) {
-        if (H.isCollapsed(a) && y.leaf(t, a.anchor)[0].text.length > 0)
+      })), d && V.isRange(a)) {
+        if (V.isCollapsed(a) && y.leaf(t, a.anchor)[0].text.length > 0)
           return;
         var p = y.rangeRef(t, a, {
           affinity: "inward"
-        }), [m, g] = H.edges(a), f = u === "lowest" ? "lowest" : "highest", b = y.isEnd(t, g, g.path);
+        }), [m, g] = V.edges(a), f = u === "lowest" ? "lowest" : "highest", b = y.isEnd(t, g, g.path);
         Q.splitNodes(t, {
           at: g,
           match: i,
@@ -11073,9 +11109,9 @@ var U0 = function(t, n) {
     }
   });
 }, eb = (e, t) => {
-  if (H.isCollapsed(t))
+  if (V.isCollapsed(t))
     return t.anchor;
-  var [, n] = H.edges(t), r = y.pointRef(e, n);
+  var [, n] = V.edges(t), r = y.pointRef(e, n);
   return Q.delete(e, {
     at: t
   }), r.unref();
@@ -11091,7 +11127,7 @@ var U0 = function(t, n) {
       height: o = 0,
       always: l = !1
     } = n;
-    if (a == null && (a = (ne) => he.isElement(ne) && y.isBlock(t, ne)), H.isRange(s) && (s = eb(t, s)), O.isPath(s)) {
+    if (a == null && (a = (ne) => he.isElement(ne) && y.isBlock(t, ne)), V.isRange(s) && (s = eb(t, s)), O.isPath(s)) {
       var u = s, d = y.point(t, u), [h] = y.parent(t, u);
       a = (ne) => ne === h, o = d.path.length - u.length + 1, s = d, l = !0;
     }
@@ -11183,7 +11219,7 @@ var U0 = function(t, n) {
     } = n;
     if (s) {
       o == null && (o = O.isPath(s) ? gr(t, s) : (m) => he.isElement(m) && y.isBlock(t, m)), O.isPath(s) && (s = y.range(t, s));
-      var l = H.isRange(s) ? y.rangeRef(t, s) : null, u = y.nodes(t, {
+      var l = V.isRange(s) ? y.rangeRef(t, s) : null, u = y.nodes(t, {
         at: s,
         match: o,
         mode: r,
@@ -11199,7 +11235,7 @@ var U0 = function(t, n) {
         // that wrap target node. So we reverse the order.
       ).reverse(), h = function() {
         var g = p.unref(), [f] = y.node(t, g), b = y.range(t, g);
-        i && l && (b = H.intersection(l.current, b)), Q.liftNodes(t, {
+        i && l && (b = V.intersection(l.current, b)), Q.liftNodes(t, {
           at: b,
           match: (v) => he.isAncestor(f) && f.children.includes(v),
           voids: a
@@ -11244,8 +11280,8 @@ var ib = function(t, n) {
       at: l = t.selection
     } = r;
     if (l) {
-      if (o == null && (O.isPath(l) ? o = gr(t, l) : t.isInline(n) ? o = (b) => he.isElement(b) && y.isInline(t, b) || pe.isText(b) : o = (b) => he.isElement(b) && y.isBlock(t, b)), a && H.isRange(l)) {
-        var [u, d] = H.edges(l), h = y.rangeRef(t, l, {
+      if (o == null && (O.isPath(l) ? o = gr(t, l) : t.isInline(n) ? o = (b) => he.isElement(b) && y.isInline(t, b) || pe.isText(b) : o = (b) => he.isElement(b) && y.isBlock(t, b)), a && V.isRange(l)) {
+        var [u, d] = V.edges(l), h = y.rangeRef(t, l, {
           affinity: "inward"
         });
         Q.splitNodes(t, {
@@ -11264,7 +11300,7 @@ var ib = function(t, n) {
         mode: "lowest",
         voids: s
       })), m = function() {
-        var v = H.isRange(l) ? H.intersection(l, y.range(t, f)) : l;
+        var v = V.isRange(l) ? V.intersection(l, y.range(t, f)) : l;
         if (!v)
           return 0;
         var w = Array.from(y.nodes(t, {
@@ -12784,7 +12820,7 @@ var te = {
     var {
       anchor: n,
       focus: r
-    } = t, i = H.isBackward(t), a = te.toDOMPoint(e, n), s = H.isCollapsed(t) ? a : te.toDOMPoint(e, r), o = te.getWindow(e), l = o.document.createRange(), [u, d] = i ? s : a, [h, p] = i ? a : s, m = jt(u) ? u : u.parentElement, g = !!m.getAttribute("data-slate-zero-width"), f = jt(h) ? h : h.parentElement, b = !!f.getAttribute("data-slate-zero-width");
+    } = t, i = V.isBackward(t), a = te.toDOMPoint(e, n), s = V.isCollapsed(t) ? a : te.toDOMPoint(e, r), o = te.getWindow(e), l = o.document.createRange(), [u, d] = i ? s : a, [h, p] = i ? a : s, m = jt(u) ? u : u.parentElement, g = !!m.getAttribute("data-slate-zero-width"), f = jt(h) ? h : h.parentElement, b = !!f.getAttribute("data-slate-zero-width");
     return l.setStart(u, g ? 1 : d), l.setEnd(h, b ? 1 : p), l;
   },
   toSlateNode: (e, t) => {
@@ -12914,7 +12950,7 @@ var te = {
       anchor: B,
       focus: E
     };
-    return H.isExpanded(x) && H.isForward(x) && jt(u) && y.void(e, {
+    return V.isExpanded(x) && V.isForward(x) && jt(u) && y.void(e, {
       at: x.focus,
       mode: "highest"
     }) && (x = y.unhangRange(e, x, {
@@ -13027,7 +13063,7 @@ function Bl(e, t) {
   var n = $s(e, t.anchor);
   if (!n)
     return null;
-  if (H.isCollapsed(t))
+  if (V.isCollapsed(t))
     return {
       anchor: n,
       focus: n
@@ -13079,7 +13115,7 @@ function Al(e, t, n) {
   var r = Ls(e, t.anchor, n);
   if (!r)
     return null;
-  if (H.isCollapsed(t))
+  if (V.isCollapsed(t))
     return {
       anchor: r,
       focus: r
@@ -13215,7 +13251,7 @@ function C1(e) {
       var {
         selection: C
       } = t, S = Bl(t, F);
-      S && (!C || !H.equals(S, C)) && Q.select(t, S);
+      S && (!C || !V.equals(S, C)) && Q.select(t, S);
     }
   }, h = () => {
     var F = fn.get(t);
@@ -13225,7 +13261,7 @@ function C1(e) {
         if (!C)
           return;
         var S = y.range(t, C);
-        (!t.selection || !H.equals(t.selection, S)) && Q.select(t, C);
+        (!t.selection || !V.equals(t.selection, S)) && Q.select(t, C);
       }
       F.run();
     }
@@ -13243,7 +13279,7 @@ function C1(e) {
       var N, q, U = Rt.get(t);
       U !== void 0 && (Rt.delete(t), t.marks = U), U && u === !1 && (u = null);
       var Y = v1(S);
-      (!t.selection || !H.equals(t.selection, Y)) && Q.select(t, Y), S.diff.text ? y.insertText(t, S.diff.text) : y.deleteFragment(t), Dt.set(t, (q = Dt.get(t)) === null || q === void 0 ? void 0 : q.filter(($) => {
+      (!t.selection || !V.equals(t.selection, Y)) && Q.select(t, Y), S.diff.text ? y.insertText(t, S.diff.text) : y.deleteFragment(t), Dt.set(t, (q = Dt.get(t)) === null || q === void 0 ? void 0 : q.filter(($) => {
         var {
           id: X
         } = $;
@@ -13251,7 +13287,7 @@ function C1(e) {
       })), h1(t, S) || (C = !1, fn.delete(t), tn.delete(t), i = "action", hn.delete(t), n.cancel(), r.cancel(), F == null || F.unref());
     }
     var ne = F == null ? void 0 : F.unref();
-    if (ne && !hn.get(t) && (!t.selection || !H.equals(ne, t.selection)) && Q.select(t, ne), B()) {
+    if (ne && !hn.get(t) && (!t.selection || !V.equals(ne, t.selection)) && Q.select(t, ne), B()) {
       h();
       return;
     }
@@ -13321,8 +13357,8 @@ function C1(e) {
     })), N = (C = N) !== null && C !== void 0 ? C : t.selection, !!N) {
       var D = !0;
       if (S.startsWith("delete")) {
-        if (H.isExpanded(N)) {
-          var [$, X] = H.edges(N), k = oe.leaf(t, $.path);
+        if (V.isExpanded(N)) {
+          var [$, X] = V.edges(N), k = oe.leaf(t, $.path);
           if (k.text.length === $.offset && X.offset === 0) {
             var _ = y.next(t, {
               at: $.path,
@@ -13334,12 +13370,12 @@ function C1(e) {
             });
           }
         }
-        var I = S.endsWith("Backward") ? "backward" : "forward", [R, W] = H.edges(N), [re, J] = y.leaf(t, R.path), ae = {
+        var I = S.endsWith("Backward") ? "backward" : "forward", [R, W] = V.edges(N), [re, J] = y.leaf(t, R.path), ae = {
           text: "",
           start: R.offset,
           end: W.offset
         }, me = Dt.get(t), G = me == null ? void 0 : me.find((ge) => O.equals(ge.path, J)), ye = G ? [G.diff, ae] : [ae], ve = df(re.text, ...ye);
-        if (ve.length === 0 && (D = !1), H.isExpanded(N)) {
+        if (ve.length === 0 && (D = !1), V.isExpanded(N)) {
           if (D && O.equals(N.anchor.path, N.focus.path)) {
             var Fe = {
               path: N.anchor.path,
@@ -13370,7 +13406,7 @@ function C1(e) {
           var {
             anchor: Oe
           } = N;
-          if (D && H.isCollapsed(N)) {
+          if (D && V.isCollapsed(N)) {
             var Ge = oe.leaf(t, Oe.path);
             if (Oe.offset < Ge.text.length)
               return b(Oe.path, {
@@ -13387,7 +13423,7 @@ function C1(e) {
           var Ke, {
             anchor: Se
           } = N, Pe = Is(U) ? U.isCollapsed : !!((Ke = U) !== null && Ke !== void 0 && Ke.collapsed);
-          return D && Pe && H.isCollapsed(N) && Se.offset > 0 ? b(Se.path, {
+          return D && Pe && V.isCollapsed(N) && Se.offset > 0 ? b(Se.path, {
             text: "",
             start: Se.offset - 1,
             end: Se.offset
@@ -13474,20 +13510,20 @@ function C1(e) {
               at: N
             });
           if (O.equals(N.anchor.path, N.focus.path)) {
-            var [We, Ve] = H.edges(N), V = {
+            var [We, Ve] = V.edges(N), K = {
               start: We.offset,
               end: Ve.offset,
               text: we
             };
             if (we && u && S === "insertCompositionText") {
-              var ee = u.start + u.text.search(/\S|$/), ce = V.start + V.text.search(/\S|$/);
-              ce === ee + 1 && V.end === u.start + u.text.length ? (V.start -= 1, u = null, z()) : u = !1;
+              var ee = u.start + u.text.search(/\S|$/), ce = K.start + K.text.search(/\S|$/);
+              ce === ee + 1 && K.end === u.start + u.text.length ? (K.start -= 1, u = null, z()) : u = !1;
             } else
-              S === "insertText" ? u === null ? u = V : u && H.isCollapsed(N) && u.end + u.text.length === We.offset ? u = pi(pi({}, u), {}, {
+              S === "insertText" ? u === null ? u = K : u && V.isCollapsed(N) && u.end + u.text.length === We.offset ? u = pi(pi({}, u), {}, {
                 text: u.text + we
               }) : u = !1 : u = !1;
             if (D) {
-              b(We.path, V);
+              b(We.path, K);
               return;
             }
           }
@@ -13598,7 +13634,7 @@ var B1 = {
     return !1;
   for (var n = 0; n < e.length; n++) {
     var r = e[n], i = t[n];
-    if (!H.equals(r, i) || !hf(r, i))
+    if (!V.equals(r, i) || !hf(r, i))
       return !1;
   }
   return !0;
@@ -13877,7 +13913,7 @@ var U1 = (e) => {
     children: p,
     element: n
   });
-}, H1 = /* @__PURE__ */ ie.memo(U1, (e, t) => e.element === t.element && e.renderElement === t.renderElement && e.renderLeaf === t.renderLeaf && e.renderPlaceholder === t.renderPlaceholder && O1(e.decorations, t.decorations) && (e.selection === t.selection || !!e.selection && !!t.selection && H.equals(e.selection, t.selection))), V1 = (e) => {
+}, H1 = /* @__PURE__ */ ie.memo(U1, (e, t) => e.element === t.element && e.renderElement === t.renderElement && e.renderLeaf === t.renderLeaf && e.renderPlaceholder === t.renderPlaceholder && O1(e.decorations, t.decorations) && (e.selection === t.selection || !!e.selection && !!t.selection && V.equals(e.selection, t.selection))), V1 = (e) => {
   var {
     attributes: t,
     children: n,
@@ -13897,9 +13933,9 @@ var U1 = (e) => {
     renderLeaf: a,
     selection: s
   } = e, o = K1(), l = xn(), u = te.findPath(l, n), d = [], h = he.isElement(n) && !l.isInline(n) && y.hasInlines(l, n), p = 0; p < n.children.length; p++) {
-    var m = u.concat(p), g = n.children[p], f = te.findKey(l, g), b = y.range(l, m), v = s && H.intersection(b, s), w = o([g, m]);
+    var m = u.concat(p), g = n.children[p], f = te.findKey(l, g), b = y.range(l, m), v = s && V.intersection(b, s), w = o([g, m]);
     for (var B of t) {
-      var E = H.intersection(B, b);
+      var E = V.intersection(B, b);
       E && w.push(E);
     }
     he.isElement(g) ? d.push(/* @__PURE__ */ ie.createElement(Z1.Provider, {
@@ -14183,7 +14219,7 @@ var sD = (e) => /* @__PURE__ */ ie.createElement(ie.Fragment, null, vf(e)), oD =
               // (e.g. when clicking on contentEditable:false element)
               suppressThrow: !0
             });
-            if (we && H.equals(we, W)) {
+            if (we && V.equals(we, W)) {
               var We;
               if (!P.hasMarkPlaceholder || (We = Oe) !== null && We !== void 0 && (We = We.parentElement) !== null && We !== void 0 && We.hasAttribute("data-slate-mark-placeholder"))
                 return;
@@ -14198,7 +14234,7 @@ var sD = (e) => /* @__PURE__ */ ie.createElement(ie.Fragment, null, vf(e)), oD =
           }
           P.isUpdatingSelection = !0;
           var Ve = W && te.toDOMRange(f, W);
-          return Ve ? (te.isComposing(f) && !pt ? J.collapseToEnd() : H.isBackward(W) ? J.setBaseAndExtent(Ve.endContainer, Ve.endOffset, Ve.startContainer, Ve.startOffset) : J.setBaseAndExtent(Ve.startContainer, Ve.startOffset, Ve.endContainer, Ve.endOffset), d(f, Ve)) : J.removeAllRanges(), Ve;
+          return Ve ? (te.isComposing(f) && !pt ? J.collapseToEnd() : V.isBackward(W) ? J.setBaseAndExtent(Ve.endContainer, Ve.endOffset, Ve.startContainer, Ve.startOffset) : J.setBaseAndExtent(Ve.startContainer, Ve.startOffset, Ve.endContainer, Ve.endOffset), d(f, Ve)) : J.removeAllRanges(), Ve;
         }
       };
       J.rangeCount <= 1 && ae();
@@ -14242,7 +14278,7 @@ var sD = (e) => /* @__PURE__ */ ie.createElement(ie.Fragment, null, vf(e)), oD =
       if (J && te.isComposing(f))
         return;
       var ae = !1;
-      if (W === "insertText" && R && H.isCollapsed(R) && // Only use native character insertion for single characters a-z or space for now.
+      if (W === "insertText" && R && V.isCollapsed(R) && // Only use native character insertion for single characters a-z or space for now.
       // Long-press events (hold a + press 4 = ä) to choose a special character otherwise
       // causes duplicate inserts.
       _.data && _.data.length === 1 && /[a-z ]/i.test(_.data) && // Chrome has issues correctly editing the start of nodes: https://bugs.chromium.org/p/chromium/issues/detail?id=1249405
@@ -14273,7 +14309,7 @@ var sD = (e) => /* @__PURE__ */ ie.createElement(ie.Fragment, null, vf(e)), oD =
             exactMatch: !1,
             suppressThrow: !1
           });
-          if (!R || !H.equals(R, we)) {
+          if (!R || !V.equals(R, we)) {
             ae = !1;
             var We = !J && f.selection && y.rangeRef(f, f.selection);
             Q.select(f, we), We && Or.set(f, We);
@@ -14282,7 +14318,7 @@ var sD = (e) => /* @__PURE__ */ ie.createElement(ie.Fragment, null, vf(e)), oD =
       }
       if (J)
         return;
-      if (ae || _.preventDefault(), R && H.isExpanded(R) && W.startsWith("delete")) {
+      if (ae || _.preventDefault(), R && V.isExpanded(R) && W.startsWith("delete")) {
         var Ve = W.endsWith("Backward") ? "backward" : "forward";
         y.deleteFragment(f, {
           direction: Ve
@@ -14366,8 +14402,8 @@ var sD = (e) => /* @__PURE__ */ ie.createElement(ie.Fragment, null, vf(e)), oD =
           break;
         }
       }
-      var V = (I = Or.get(f)) === null || I === void 0 ? void 0 : I.unref();
-      Or.delete(f), V && (!f.selection || !H.equals(f.selection, V)) && Q.select(f, V);
+      var K = (I = Or.get(f)) === null || I === void 0 ? void 0 : I.unref();
+      Or.delete(f), K && (!f.selection || !V.equals(f.selection, K)) && Q.select(f, K);
     }
   }, [f, M, A, i, s, F]), S = Re((_) => {
     _ == null ? (M.cancel(), F.cancel(), Bi.delete(f), Tn.delete(f), w.current && cn && w.current.removeEventListener("beforeinput", C)) : cn && _.addEventListener("beforeinput", C), w.current = _;
@@ -14398,7 +14434,7 @@ var sD = (e) => /* @__PURE__ */ ie.createElement(ie.Fragment, null, vf(e)), oD =
   var {
     marks: ne
   } = f;
-  if (P.hasMarkPlaceholder = !1, f.selection && H.isCollapsed(f.selection) && ne) {
+  if (P.hasMarkPlaceholder = !1, f.selection && V.isCollapsed(f.selection) && ne) {
     var {
       anchor: D
     } = f.selection, $ = oe.leaf(f, D.path), X = lr($, aD);
@@ -14569,7 +14605,7 @@ var sD = (e) => /* @__PURE__ */ ie.createElement(ie.Fragment, null, vf(e)), oD =
         var {
           selection: R
         } = f;
-        if (R && H.isExpanded(R)) {
+        if (R && V.isExpanded(R)) {
           y.deleteFragment(f);
           return;
         }
@@ -14585,7 +14621,7 @@ var sD = (e) => /* @__PURE__ */ ie.createElement(ie.Fragment, null, vf(e)), oD =
           selection: I
         } = f;
         if (I)
-          if (H.isExpanded(I))
+          if (V.isExpanded(I))
             y.deleteFragment(f);
           else {
             var R = oe.parent(f, I.anchor.path);
@@ -14616,7 +14652,7 @@ var sD = (e) => /* @__PURE__ */ ie.createElement(ie.Fragment, null, vf(e)), oD =
       if (!s && te.hasTarget(f, _.target) && !ht(_, g.onDrop)) {
         _.preventDefault();
         var I = f.selection, R = te.findEventRange(f, _), W = _.dataTransfer;
-        Q.select(f, R), P.isDraggingInternally && I && !H.equals(I, R) && !y.void(f, {
+        Q.select(f, R), P.isDraggingInternally && I && !V.equals(I, R) && !y.void(f, {
           at: R,
           voids: !0
         }) && Q.delete(f, {
@@ -14691,7 +14727,7 @@ var sD = (e) => /* @__PURE__ */ ie.createElement(ie.Fragment, null, vf(e)), oD =
           return;
         }
         if (Qe.isMoveBackward(R)) {
-          _.preventDefault(), W && H.isCollapsed(W) ? Q.move(f, {
+          _.preventDefault(), W && V.isCollapsed(W) ? Q.move(f, {
             reverse: !J
           }) : Q.collapse(f, {
             edge: J ? "end" : "start"
@@ -14699,7 +14735,7 @@ var sD = (e) => /* @__PURE__ */ ie.createElement(ie.Fragment, null, vf(e)), oD =
           return;
         }
         if (Qe.isMoveForward(R)) {
-          _.preventDefault(), W && H.isCollapsed(W) ? Q.move(f, {
+          _.preventDefault(), W && V.isCollapsed(W) ? Q.move(f, {
             reverse: J
           }) : Q.collapse(f, {
             edge: J ? "start" : "end"
@@ -14707,7 +14743,7 @@ var sD = (e) => /* @__PURE__ */ ie.createElement(ie.Fragment, null, vf(e)), oD =
           return;
         }
         if (Qe.isMoveWordBackward(R)) {
-          _.preventDefault(), W && H.isExpanded(W) && Q.collapse(f, {
+          _.preventDefault(), W && V.isExpanded(W) && Q.collapse(f, {
             edge: "focus"
           }), Q.move(f, {
             unit: "word",
@@ -14716,7 +14752,7 @@ var sD = (e) => /* @__PURE__ */ ie.createElement(ie.Fragment, null, vf(e)), oD =
           return;
         }
         if (Qe.isMoveWordForward(R)) {
-          _.preventDefault(), W && H.isExpanded(W) && Q.collapse(f, {
+          _.preventDefault(), W && V.isExpanded(W) && Q.collapse(f, {
             edge: "focus"
           }), Q.move(f, {
             unit: "word",
@@ -14725,7 +14761,7 @@ var sD = (e) => /* @__PURE__ */ ie.createElement(ie.Fragment, null, vf(e)), oD =
           return;
         }
         if (cn) {
-          if ((rf || Ar) && W && (Qe.isDeleteBackward(R) || Qe.isDeleteForward(R)) && H.isCollapsed(W)) {
+          if ((rf || Ar) && W && (Qe.isDeleteBackward(R) || Qe.isDeleteForward(R)) && V.isCollapsed(W)) {
             var G = oe.parent(f, W.anchor.path);
             if (he.isElement(G) && y.isVoid(f, G) && (y.isInline(f, G) || y.isBlock(f, G))) {
               _.preventDefault(), y.deleteBackward(f, {
@@ -14748,19 +14784,19 @@ var sD = (e) => /* @__PURE__ */ ie.createElement(ie.Fragment, null, vf(e)), oD =
             return;
           }
           if (Qe.isDeleteBackward(R)) {
-            _.preventDefault(), W && H.isExpanded(W) ? y.deleteFragment(f, {
+            _.preventDefault(), W && V.isExpanded(W) ? y.deleteFragment(f, {
               direction: "backward"
             }) : y.deleteBackward(f);
             return;
           }
           if (Qe.isDeleteForward(R)) {
-            _.preventDefault(), W && H.isExpanded(W) ? y.deleteFragment(f, {
+            _.preventDefault(), W && V.isExpanded(W) ? y.deleteFragment(f, {
               direction: "forward"
             }) : y.deleteForward(f);
             return;
           }
           if (Qe.isDeleteLineBackward(R)) {
-            _.preventDefault(), W && H.isExpanded(W) ? y.deleteFragment(f, {
+            _.preventDefault(), W && V.isExpanded(W) ? y.deleteFragment(f, {
               direction: "backward"
             }) : y.deleteBackward(f, {
               unit: "line"
@@ -14768,7 +14804,7 @@ var sD = (e) => /* @__PURE__ */ ie.createElement(ie.Fragment, null, vf(e)), oD =
             return;
           }
           if (Qe.isDeleteLineForward(R)) {
-            _.preventDefault(), W && H.isExpanded(W) ? y.deleteFragment(f, {
+            _.preventDefault(), W && V.isExpanded(W) ? y.deleteFragment(f, {
               direction: "forward"
             }) : y.deleteForward(f, {
               unit: "line"
@@ -14776,7 +14812,7 @@ var sD = (e) => /* @__PURE__ */ ie.createElement(ie.Fragment, null, vf(e)), oD =
             return;
           }
           if (Qe.isDeleteWordBackward(R)) {
-            _.preventDefault(), W && H.isExpanded(W) ? y.deleteFragment(f, {
+            _.preventDefault(), W && V.isExpanded(W) ? y.deleteFragment(f, {
               direction: "backward"
             }) : y.deleteBackward(f, {
               unit: "word"
@@ -14784,7 +14820,7 @@ var sD = (e) => /* @__PURE__ */ ie.createElement(ie.Fragment, null, vf(e)), oD =
             return;
           }
           if (Qe.isDeleteWordForward(R)) {
-            _.preventDefault(), W && H.isExpanded(W) ? y.deleteFragment(f, {
+            _.preventDefault(), W && V.isExpanded(W) ? y.deleteFragment(f, {
               direction: "forward"
             }) : y.deleteForward(f, {
               unit: "word"
@@ -14816,7 +14852,7 @@ var sD = (e) => /* @__PURE__ */ ie.createElement(ie.Fragment, null, vf(e)), oD =
     /* @__PURE__ */ ie.createElement("span", Wt({}, t), n, pt && /* @__PURE__ */ ie.createElement("br", null))
   );
 }, lD = () => [], cD = (e, t) => {
-  if (t.getBoundingClientRect && (!e.selection || e.selection && H.isCollapsed(e.selection))) {
+  if (t.getBoundingClientRect && (!e.selection || e.selection && V.isCollapsed(e.selection))) {
     var n = t.startContainer.parentElement;
     n.getBoundingClientRect = t.getBoundingClientRect.bind(t), xy(n, {
       scrollMode: "if-needed"
@@ -14913,7 +14949,7 @@ var pD = ["editor", "children", "onChange", "onSelectionChange", "onValueChange"
   var r = te.toDOMRange(e, t).getBoundingClientRect(), i = te.toDOMRange(e, n).getBoundingClientRect();
   return $l(r, i) && $l(i, r);
 }, vD = (e, t) => {
-  var n = y.range(e, H.end(t)), r = Array.from(y.positions(e, {
+  var n = y.range(e, V.end(t)), r = Array.from(y.positions(e, {
     at: t
   })), i = 0, a = r.length, s = Math.floor(a / 2);
   if (Ll(e, y.range(e, r[i]), n))
@@ -14962,14 +14998,14 @@ var bD = function(t) {
   }, r.deleteBackward = (u) => {
     if (u !== "line")
       return s(u);
-    if (r.selection && H.isCollapsed(r.selection)) {
+    if (r.selection && V.isCollapsed(r.selection)) {
       var d = y.above(r, {
         match: (g) => he.isElement(g) && y.isBlock(r, g),
         at: r.selection
       });
       if (d) {
         var [, h] = d, p = y.range(r, h, r.selection.anchor), m = vD(r, p);
-        H.isCollapsed(m) || Q.delete(r, {
+        V.isCollapsed(m) || Q.delete(r, {
           at: m
         });
       }
@@ -15037,12 +15073,12 @@ var bD = function(t) {
       selection: d
     } = r;
     if (d) {
-      var [h, p] = H.edges(d), m = y.void(r, {
+      var [h, p] = V.edges(d), m = y.void(r, {
         at: h.path
       }), g = y.void(r, {
         at: p.path
       });
-      if (!(H.isCollapsed(d) && !m)) {
+      if (!(V.isCollapsed(d) && !m)) {
         var f = te.toDOMRange(r, d), b = f.cloneContents(), v = b.childNodes[0];
         if (b.childNodes.forEach((z) => {
           z.textContent && z.textContent.trim() !== "" && (v = z);
@@ -15125,7 +15161,7 @@ const yD = {
     console.error(e);
   }
 }, ln = Ct(yD);
-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))(K || {}), nn = /* @__PURE__ */ ((e) => (e.delete = "delete_mark", e.emphasis = "emphasis_mark", e.code = "inline_code_mark", e.strong = "strong_mark", e))(nn || {});
+var Z = /* @__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))(Z || {}), nn = /* @__PURE__ */ ((e) => (e.delete = "delete_mark", e.emphasis = "emphasis_mark", e.code = "inline_code_mark", e.strong = "strong_mark", e))(nn || {});
 const DD = ({
   attributes: e,
   children: t,
@@ -15133,13 +15169,13 @@ const DD = ({
 }) => {
   const r = n;
   switch (r.type) {
-    case K.blockquote:
+    case Z.blockquote:
       return /* @__PURE__ */ c.jsx("blockquote", { className: "subtle", ...e, children: t });
-    case K.link:
+    case Z.link:
       return /* @__PURE__ */ c.jsx("a", { ...e, children: t });
-    case K.li:
+    case Z.li:
       return /* @__PURE__ */ c.jsx("li", { ...e, children: t });
-    case K.mention:
+    case Z.mention:
       const i = r;
       return i != null && i.name && i.name === Si ? /* @__PURE__ */ c.jsxs("span", { ...e, className: "mention deleted-user", children: [
         "@",
@@ -15150,20 +15186,20 @@ const DD = ({
         (i == null ? void 0 : i.name) || "",
         t
       ] });
-    case K.ol:
+    case Z.ol:
       return /* @__PURE__ */ c.jsx("ol", { ...e, children: t });
-    case K.ul:
+    case Z.ul:
       return /* @__PURE__ */ c.jsx("ul", { ...e, children: t });
-    case K.span:
+    case Z.span:
       return /* @__PURE__ */ c.jsx("span", { ...e, children: t });
-    case K.paragraph:
+    case Z.paragraph:
       return /* @__PURE__ */ c.jsx("p", { ...e, children: t });
     default:
       return /* @__PURE__ */ c.jsx("span", { ...e, children: t });
   }
 }, xD = ({ 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 })), /* @__PURE__ */ c.jsx("span", { ...e, children: t });
+  return r[Z.bold] && (t = /* @__PURE__ */ c.jsx("strong", { children: t })), r[Z.italic] && (t = /* @__PURE__ */ c.jsx("em", { children: t })), r[Z.strikethrough] && (t = /* @__PURE__ */ c.jsx("s", { children: t })), /* @__PURE__ */ c.jsx("span", { ...e, children: t });
 }, qs = "MENTION: ", xf = {
   anchor: { offset: 0, path: [0, 0] },
   focus: { offset: 0, path: [0, 0] }
@@ -15218,7 +15254,7 @@ const DD = ({
     }
     const [i] = y.nodes(e, {
       at: r,
-      match: (a) => a.type === K.link
+      match: (a) => a.type === Z.link
     });
     if (i) {
       const a = i[0], s = Uc(a.link), o = a.children[0], l = (o == null ? void 0 : o.text) || "";
@@ -15229,15 +15265,15 @@ const DD = ({
 };
 var mt = /* @__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))(mt || {});
 const er = {
-  [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]: {
+  [Z.paragraph]: Z.paragraph,
+  [Z.blockquote]: Z.blockquote,
+  [Z.codeblock]: Z.codeblock,
+  [Z.link]: Z.link,
+  [Z.ul]: Z.ul,
+  [Z.ol]: Z.ol,
+  [Z.li]: Z.li,
+  [Z.mention]: Z.mention,
+  [Z.heading]: {
     1: "heading_one",
     2: "heading_two",
     3: "heading_three",
@@ -15245,12 +15281,12 @@ const er = {
     5: "heading_five",
     6: "heading_six"
   },
-  [nn.emphasis]: K.italic,
-  [nn.strong]: K.bold,
-  [nn.delete]: K.strikethrough,
-  [nn.code]: K.code,
-  [K.hr]: K.hr,
-  [K.image]: K.image
+  [nn.emphasis]: Z.italic,
+  [nn.strong]: Z.bold,
+  [nn.delete]: Z.strikethrough,
+  [nn.code]: Z.code,
+  [Z.hr]: Z.hr,
+  [Z.image]: Z.image
 };
 function Ul(e) {
   if (e)
@@ -18907,7 +18943,7 @@ function Kw(e) {
   Mf(t, (e || {}).mdastExtensions || []);
   const n = {};
   return r;
-  function r(V) {
+  function r(K) {
     let ee = {
       type: "root",
       children: []
@@ -18923,24 +18959,24 @@ function Kw(e) {
       data: n
     }, ge = [];
     let Ee = -1;
-    for (; ++Ee < V.length; )
-      if (V[Ee][1].type === "listOrdered" || V[Ee][1].type === "listUnordered")
-        if (V[Ee][0] === "enter")
+    for (; ++Ee < K.length; )
+      if (K[Ee][1].type === "listOrdered" || K[Ee][1].type === "listUnordered")
+        if (K[Ee][0] === "enter")
           ge.push(Ee);
         else {
           const Je = ge.pop();
-          Ee = i(V, Je, Ee);
+          Ee = i(K, Je, Ee);
         }
-    for (Ee = -1; ++Ee < V.length; ) {
-      const Je = t[V[Ee][0]];
-      Nf.call(Je, V[Ee][1].type) && Je[V[Ee][1].type].call(
+    for (Ee = -1; ++Ee < K.length; ) {
+      const Je = t[K[Ee][0]];
+      Nf.call(Je, K[Ee][1].type) && Je[K[Ee][1].type].call(
         Object.assign(
           {
-            sliceSerialize: V[Ee][2].sliceSerialize
+            sliceSerialize: K[Ee][2].sliceSerialize
           },
           ce
         ),
-        V[Ee][1]
+        K[Ee][1]
       );
     }
     if (ce.tokenStack.length > 0) {
@@ -18949,14 +18985,14 @@ function Kw(e) {
     }
     for (ee.position = {
       start: dn(
-        V.length > 0 ? V[0][1].start : {
+        K.length > 0 ? K[0][1].start : {
           line: 1,
           column: 1,
           offset: 0
         }
       ),
       end: dn(
-        V.length > 0 ? V[V.length - 2][1].end : {
+        K.length > 0 ? K[K.length - 2][1].end : {
           line: 1,
           column: 1,
           offset: 0
@@ -18966,10 +19002,10 @@ function Kw(e) {
       ee = t.transforms[Ee](ee) || ee;
     return ee;
   }
-  function i(V, ee, ce) {
+  function i(K, ee, ce) {
     let ge = ee - 1, Ee = -1, Je = !1, Xe, ut, Qt, Pt;
     for (; ++ge <= ce; ) {
-      const at = V[ge];
+      const at = K[ge];
       switch (at[1].type) {
         case "listUnordered":
         case "listOrdered":
@@ -18994,18 +19030,18 @@ function Kw(e) {
         if (Xe) {
           let Lt = ge;
           for (ut = void 0; Lt--; ) {
-            const _t = V[Lt];
+            const _t = K[Lt];
             if (_t[1].type === "lineEnding" || _t[1].type === "lineEndingBlank") {
               if (_t[0] === "exit")
                 continue;
-              ut && (V[ut][1].type = "lineEndingBlank", Je = !0), _t[1].type = "lineEnding", ut = Lt;
+              ut && (K[ut][1].type = "lineEndingBlank", Je = !0), _t[1].type = "lineEnding", ut = Lt;
             } else if (!(_t[1].type === "linePrefix" || _t[1].type === "blockQuotePrefix" || _t[1].type === "blockQuotePrefixWhitespace" || _t[1].type === "blockQuoteMarker" || _t[1].type === "listItemIndent"))
               break;
           }
           Qt && (!ut || Qt < ut) && (Xe._spread = !0), Xe.end = Object.assign(
             {},
-            ut ? V[ut][1].start : at[1].end
-          ), V.splice(ut || ge, 0, ["exit", Xe, at[2]]), ge++, ce++;
+            ut ? K[ut][1].start : at[1].end
+          ), K.splice(ut || ge, 0, ["exit", Xe, at[2]]), ge++, ce++;
         }
         if (at[1].type === "listItemPrefix") {
           const Lt = {
@@ -19015,16 +19051,16 @@ function Kw(e) {
             // @ts-expect-error: we’ll add `end` in a second.
             end: void 0
           };
-          Xe = Lt, V.splice(ge, 0, ["enter", Lt, at[2]]), ge++, ce++, Qt = void 0, Pt = !0;
+          Xe = Lt, K.splice(ge, 0, ["enter", Lt, at[2]]), ge++, ce++, Qt = void 0, Pt = !0;
         }
       }
     }
-    return V[ee][1]._spread = Je, ce;
+    return K[ee][1]._spread = Je, ce;
   }
-  function a(V, ee) {
+  function a(K, ee) {
     return ce;
     function ce(ge) {
-      o.call(this, V(ge), ge), ee && ee.call(this, ge);
+      o.call(this, K(ge), ge), ee && ee.call(this, ge);
     }
   }
   function s() {
@@ -19033,31 +19069,31 @@ function Kw(e) {
       children: []
     });
   }
-  function o(V, ee, ce) {
-    this.stack[this.stack.length - 1].children.push(V), this.stack.push(V), this.tokenStack.push([ee, ce]), V.position = {
+  function o(K, ee, ce) {
+    this.stack[this.stack.length - 1].children.push(K), this.stack.push(K), this.tokenStack.push([ee, ce]), K.position = {
       start: dn(ee.start),
       // @ts-expect-error: `end` will be patched later.
       end: void 0
     };
   }
-  function l(V) {
+  function l(K) {
     return ee;
     function ee(ce) {
-      V && V.call(this, ce), u.call(this, ce);
+      K && K.call(this, ce), u.call(this, ce);
     }
   }
-  function u(V, ee) {
+  function u(K, ee) {
     const ce = this.stack.pop(), ge = this.tokenStack.pop();
     if (ge)
-      ge[0].type !== V.type && (ee ? ee.call(this, V, ge[0]) : (ge[1] || hc).call(this, V, ge[0]));
+      ge[0].type !== K.type && (ee ? ee.call(this, K, ge[0]) : (ge[1] || hc).call(this, K, ge[0]));
     else
       throw new Error(
-        "Cannot close `" + V.type + "` (" + Pr({
-          start: V.start,
-          end: V.end
+        "Cannot close `" + K.type + "` (" + Pr({
+          start: K.start,
+          end: K.end
         }) + "): it’s not open"
       );
-    ce.position.end = dn(V.end);
+    ce.position.end = dn(K.end);
   }
   function d() {
     return HD(this.stack.pop());
@@ -19065,136 +19101,136 @@ function Kw(e) {
   function h() {
     this.data.expectingFirstListItemValue = !0;
   }
-  function p(V) {
+  function p(K) {
     if (this.data.expectingFirstListItemValue) {
       const ee = this.stack[this.stack.length - 2];
-      ee.start = Number.parseInt(this.sliceSerialize(V), 10), this.data.expectingFirstListItemValue = void 0;
+      ee.start = Number.parseInt(this.sliceSerialize(K), 10), this.data.expectingFirstListItemValue = void 0;
     }
   }
   function m() {
-    const V = this.resume(), ee = this.stack[this.stack.length - 1];
-    ee.lang = V;
+    const K = this.resume(), ee = this.stack[this.stack.length - 1];
+    ee.lang = K;
   }
   function g() {
-    const V = this.resume(), ee = this.stack[this.stack.length - 1];
-    ee.meta = V;
+    const K = this.resume(), ee = this.stack[this.stack.length - 1];
+    ee.meta = K;
   }
   function f() {
     this.data.flowCodeInside || (this.buffer(), this.data.flowCodeInside = !0);
   }
   function b() {
-    const V = this.resume(), ee = this.stack[this.stack.length - 1];
-    ee.value = V.replace(/^(\r?\n|\r)|(\r?\n|\r)$/g, ""), this.data.flowCodeInside = void 0;
+    const K = this.resume(), ee = this.stack[this.stack.length - 1];
+    ee.value = K.replace(/^(\r?\n|\r)|(\r?\n|\r)$/g, ""), this.data.flowCodeInside = void 0;
   }
   function v() {
-    const V = this.resume(), ee = this.stack[this.stack.length - 1];
-    ee.value = V.replace(/(\r?\n|\r)$/g, "");
+    const K = this.resume(), ee = this.stack[this.stack.length - 1];
+    ee.value = K.replace(/(\r?\n|\r)$/g, "");
   }
-  function w(V) {
+  function w(K) {
     const ee = this.resume(), ce = this.stack[this.stack.length - 1];
     ce.label = ee, ce.identifier = rr(
-      this.sliceSerialize(V)
+      this.sliceSerialize(K)
     ).toLowerCase();
   }
   function B() {
-    const V = this.resume(), ee = this.stack[this.stack.length - 1];
-    ee.title = V;
+    const K = this.resume(), ee = this.stack[this.stack.length - 1];
+    ee.title = K;
   }
   function E() {
-    const V = this.resume(), ee = this.stack[this.stack.length - 1];
-    ee.url = V;
+    const K = this.resume(), ee = this.stack[this.stack.length - 1];
+    ee.url = K;
   }
-  function x(V) {
+  function x(K) {
     const ee = this.stack[this.stack.length - 1];
     if (!ee.depth) {
-      const ce = this.sliceSerialize(V).length;
+      const ce = this.sliceSerialize(K).length;
       ee.depth = ce;
     }
   }
   function A() {
     this.data.setextHeadingSlurpLineEnding = !0;
   }
-  function T(V) {
+  function T(K) {
     const ee = this.stack[this.stack.length - 1];
-    ee.depth = this.sliceSerialize(V).codePointAt(0) === 61 ? 1 : 2;
+    ee.depth = this.sliceSerialize(K).codePointAt(0) === 61 ? 1 : 2;
   }
   function L() {
     this.data.setextHeadingSlurpLineEnding = void 0;
   }
-  function P(V) {
+  function P(K) {
     const ce = this.stack[this.stack.length - 1].children;
     let ge = ce[ce.length - 1];
     (!ge || ge.type !== "text") && (ge = We(), ge.position = {
-      start: dn(V.start),
+      start: dn(K.start),
       // @ts-expect-error: we’ll add `end` later.
       end: void 0
     }, ce.push(ge)), this.stack.push(ge);
   }
-  function z(V) {
+  function z(K) {
     const ee = this.stack.pop();
-    ee.value += this.sliceSerialize(V), ee.position.end = dn(V.end);
+    ee.value += this.sliceSerialize(K), ee.position.end = dn(K.end);
   }
-  function M(V) {
+  function M(K) {
     const ee = this.stack[this.stack.length - 1];
     if (this.data.atHardBreak) {
       const ce = ee.children[ee.children.length - 1];
-      ce.position.end = dn(V.end), this.data.atHardBreak = void 0;
+      ce.position.end = dn(K.end), this.data.atHardBreak = void 0;
       return;
     }
-    !this.data.setextHeadingSlurpLineEnding && t.canContainEols.includes(ee.type) && (P.call(this, V), z.call(this, V));
+    !this.data.setextHeadingSlurpLineEnding && t.canContainEols.includes(ee.type) && (P.call(this, K), z.call(this, K));
   }
   function F() {
     this.data.atHardBreak = !0;
   }
   function C() {
-    const V = this.resume(), ee = this.stack[this.stack.length - 1];
-    ee.value = V;
+    const K = this.resume(), ee = this.stack[this.stack.length - 1];
+    ee.value = K;
   }
   function S() {
-    const V = this.resume(), ee = this.stack[this.stack.length - 1];
-    ee.value = V;
+    const K = this.resume(), ee = this.stack[this.stack.length - 1];
+    ee.value = K;
   }
   function N() {
-    const V = this.resume(), ee = this.stack[this.stack.length - 1];
-    ee.value = V;
+    const K = this.resume(), ee = this.stack[this.stack.length - 1];
+    ee.value = K;
   }
   function q() {
-    const V = this.stack[this.stack.length - 1];
+    const K = this.stack[this.stack.length - 1];
     if (this.data.inReference) {
       const ee = this.data.referenceType || "shortcut";
-      V.type += "Reference", V.referenceType = ee, delete V.url, delete V.title;
+      K.type += "Reference", K.referenceType = ee, delete K.url, delete K.title;
     } else
-      delete V.identifier, delete V.label;
+      delete K.identifier, delete K.label;
     this.data.referenceType = void 0;
   }
   function U() {
-    const V = this.stack[this.stack.length - 1];
+    const K = this.stack[this.stack.length - 1];
     if (this.data.inReference) {
       const ee = this.data.referenceType || "shortcut";
-      V.type += "Reference", V.referenceType = ee, delete V.url, delete V.title;
+      K.type += "Reference", K.referenceType = ee, delete K.url, delete K.title;
     } else
-      delete V.identifier, delete V.label;
+      delete K.identifier, delete K.label;
     this.data.referenceType = void 0;
   }
-  function Y(V) {
-    const ee = this.sliceSerialize(V), ce = this.stack[this.stack.length - 2];
+  function Y(K) {
+    const ee = this.sliceSerialize(K), ce = this.stack[this.stack.length - 2];
     ce.label = Uw(ee), ce.identifier = rr(ee).toLowerCase();
   }
   function ne() {
-    const V = this.stack[this.stack.length - 1], ee = this.resume(), ce = this.stack[this.stack.length - 1];
+    const K = this.stack[this.stack.length - 1], ee = this.resume(), ce = this.stack[this.stack.length - 1];
     if (this.data.inReference = !0, ce.type === "link") {
-      const ge = V.children;
+      const ge = K.children;
       ce.children = ge;
     } else
       ce.alt = ee;
   }
   function D() {
-    const V = this.resume(), ee = this.stack[this.stack.length - 1];
-    ee.url = V;
+    const K = this.resume(), ee = this.stack[this.stack.length - 1];
+    ee.url = K;
   }
   function $() {
-    const V = this.resume(), ee = this.stack[this.stack.length - 1];
-    ee.title = V;
+    const K = this.resume(), ee = this.stack[this.stack.length - 1];
+    ee.title = K;
   }
   function X() {
     this.data.inReference = void 0;
@@ -19202,34 +19238,34 @@ function Kw(e) {
   function k() {
     this.data.referenceType = "collapsed";
   }
-  function _(V) {
+  function _(K) {
     const ee = this.resume(), ce = this.stack[this.stack.length - 1];
     ce.label = ee, ce.identifier = rr(
-      this.sliceSerialize(V)
+      this.sliceSerialize(K)
     ).toLowerCase(), this.data.referenceType = "full";
   }
-  function I(V) {
-    this.data.characterReferenceType = V.type;
+  function I(K) {
+    this.data.characterReferenceType = K.type;
   }
-  function R(V) {
-    const ee = this.sliceSerialize(V), ce = this.data.characterReferenceType;
+  function R(K) {
+    const ee = this.sliceSerialize(K), ce = this.data.characterReferenceType;
     let ge;
     ce ? (ge = _f(
       ee,
       ce === "characterReferenceMarkerNumeric" ? 10 : 16
     ), this.data.characterReferenceType = void 0) : ge = Fo(ee);
     const Ee = this.stack.pop();
-    Ee.value += ge, Ee.position.end = dn(V.end);
+    Ee.value += ge, Ee.position.end = dn(K.end);
   }
-  function W(V) {
-    z.call(this, V);
+  function W(K) {
+    z.call(this, K);
     const ee = this.stack[this.stack.length - 1];
-    ee.url = this.sliceSerialize(V);
+    ee.url = this.sliceSerialize(K);
   }
-  function re(V) {
-    z.call(this, V);
+  function re(K) {
+    z.call(this, K);
     const ee = this.stack[this.stack.length - 1];
-    ee.url = "mailto:" + this.sliceSerialize(V);
+    ee.url = "mailto:" + this.sliceSerialize(K);
   }
   function J() {
     return {
@@ -19301,19 +19337,19 @@ function Kw(e) {
       children: []
     };
   }
-  function Ke(V) {
+  function Ke(K) {
     return {
       type: "list",
-      ordered: V.type === "listOrdered",
+      ordered: K.type === "listOrdered",
       start: null,
-      spread: V._spread,
+      spread: K._spread,
       children: []
     };
   }
-  function Se(V) {
+  function Se(K) {
     return {
       type: "listItem",
-      spread: V._spread,
+      spread: K._spread,
       checked: null,
       children: []
     };
@@ -19415,9 +19451,9 @@ function Rf(e, t) {
   const n = {
     ...er,
     ...t == null ? void 0 : t.nodeTypes,
-    [K.heading]: {
-      ...er[K.heading],
-      ...(l = t == null ? void 0 : t.nodeTypes) == null ? void 0 : l[K.heading]
+    [Z.heading]: {
+      ...er[Z.heading],
+      ...(l = t == null ? void 0 : t.nodeTypes) == null ? void 0 : l[Z.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: "" }];
@@ -19433,45 +19469,45 @@ function Rf(e, t) {
   )), e.type) {
     case mt.heading:
       return {
-        type: n[K.heading][e.depth || 1],
+        type: n[Z.heading][e.depth || 1],
         children: s
       };
     case mt.list:
       return {
-        type: e.ordered ? n[K.ol] : n[K.ul],
+        type: e.ordered ? n[Z.ol] : n[Z.ul],
         children: s
       };
     case mt.listItem:
-      return { type: n[K.li], children: s };
+      return { type: n[Z.li], children: s };
     case mt.paragraph:
-      return { type: n[K.paragraph], children: s };
+      return { type: n[Z.paragraph], children: s };
     case mt.link:
       return {
-        type: n[K.link],
+        type: n[Z.link],
         [r]: e.url,
         children: s
       };
     case mt.image:
       return {
-        type: n[K.image],
+        type: n[Z.image],
         children: [{ text: "" }],
         [i]: e.url,
         [a]: e.alt
       };
     case mt.blockquote:
-      return { type: n[K.blockquote], children: s };
+      return { type: n[Z.blockquote], children: s };
     case mt.code:
       return {
-        type: n[K.codeblock],
+        type: n[Z.codeblock],
         language: e.lang,
         children: [{ text: e.value }]
       };
     case mt.html:
       return (u = e.value) != null && u.includes("<br>") ? {
         break: !0,
-        type: n[K.paragraph],
+        type: n[Z.paragraph],
         children: [{ text: ((d = e.value) == null ? void 0 : d.replace(/<br>/g, "")) || "" }]
-      } : { type: K.paragraph, children: [{ text: e.value || "" }] };
+      } : { type: Z.paragraph, children: [{ text: e.value || "" }] };
     case mt.emphasis:
       return {
         [n[nn.emphasis]]: !0,
@@ -19498,7 +19534,7 @@ function Rf(e, t) {
       };
     case mt.thematicBreak:
       return {
-        type: n[K.hr],
+        type: n[Z.hr],
         children: [{ text: "" }]
       };
     case "text":
@@ -19522,20 +19558,20 @@ const Gw = function(t) {
   LD().use(Yw).use(Gw).process(e).then((n) => {
     const r = Fn(n.result), i = (s) => {
       const o = s;
-      [K.li, K.blockquote].includes(o.type) && o.children.map((l, u) => {
+      [Z.li, Z.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 === Z.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 === Z.link) {
           const d = u.children && u.children[0];
           if (d && "text" in d && d.text.includes(qs)) {
             const h = u, p = d.text.replace(qs, ""), m = "link" in h && h.link ? h.link : "";
-            h.type = K.mention, h.id = m, h.name = p, h.children = [{ text: "" }], s[o + 1] || s.splice(o + 1, 0, { text: " " }), o++;
+            h.type = Z.mention, h.id = m, h.name = p, h.children = [{ text: "" }], s[o + 1] || s.splice(o + 1, 0, { text: " " }), o++;
           }
         }
         "children" in l && l.children && a(l.children);
@@ -19548,7 +19584,7 @@ const Gw = function(t) {
           u && u.map((d) => {
             const h = d.replace(/~~/g, ""), p = o.text.indexOf(d), m = o.text.substring(0, p), g = o.text.substring(p + d.length), f = [
               { text: m },
-              { text: h, [K.strikethrough]: !0 },
+              { text: h, [Z.strikethrough]: !0 },
               { text: g }
             ];
             s.children.splice(l, 1, ...f);
@@ -19582,19 +19618,19 @@ const Gw = function(t) {
   }
   return t;
 }, pc = {
-  "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": Z.bold,
+  "mod+i": Z.italic,
+  "mod+shift+x": Z.strikethrough,
+  "mod+k": Z.link,
+  "mod+shift+7": Z.ol,
+  "mod+shift+8": Z.ul,
+  "mod+shift+9": Z.blockquote
 }, eC = (e, t, n, r) => {
   for (const i in pc)
     if (Vy(i, e)) {
       e.stopPropagation(), e.preventDefault();
       const a = pc[i];
-      if (a === K.link) {
+      if (a === Z.link) {
         n([{ type: "showLinkEditor", value: !0 }]);
         return;
       }
@@ -19612,7 +19648,7 @@ const Gw = 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: Z.mention,
     id: o,
     name: l,
     children: [{ text: "" }]
@@ -19626,8 +19662,8 @@ const Gw = function(t) {
   dispatch: i
 }) => {
   const { selection: a } = e;
-  if (a && H.isCollapsed(a)) {
-    const [s] = H.edges(a), o = y.start(e, s.path), l = y.range(e, o, s), d = y.string(e, l).match(Ih);
+  if (a && V.isCollapsed(a)) {
+    const [s] = V.edges(a), o = y.start(e, s.path), l = y.range(e, o, s), d = y.string(e, l).match(Ih);
     if (d) {
       const h = d.index || 0, p = { path: s.path, offset: h }, m = { path: s.path, offset: h + d[0].length }, g = y.range(e, p, m), f = y.after(e, s), b = y.range(e, s, f);
       if (y.string(e, b).match(/^(\s|\.|,|\?|!|:|;|'|"|`|$)/)) {
@@ -19669,9 +19705,9 @@ const Gw = function(t) {
   }
   return t;
 }, Zn = (e) => typeof e.text == "string", nC = [
-  K.hr,
-  K.image,
-  K.mention
+  Z.hr,
+  Z.image,
+  Z.mention
 ], gc = "<br>";
 function Lf(e, t = { nodeTypes: er }) {
   const {
@@ -19684,12 +19720,12 @@ function Lf(e, t = { nodeTypes: er }) {
     ...er,
     ...n,
     heading: {
-      ...er[K.heading],
-      ...n[K.heading]
+      ...er[Z.heading],
+      ...n[Z.heading]
     }
-  }, l = [o[K.ul], o[K.ol]];
+  }, l = [o[Z.ul], o[Z.ol]];
   let u = a;
-  if (!Zn(e) && s !== K.mention && (u = e.children.map((d) => {
+  if (!Zn(e) && s !== Z.mention && (u = e.children.map((d) => {
     const h = Zn(d) ? !1 : l.includes(d.type || ""), p = l.includes(e.type || "");
     let m = !1;
     return !Zn(e) && Array.isArray(e.children) && (m = e.children.some(
@@ -19709,65 +19745,65 @@ function Lf(e, t = { nodeTypes: er }) {
         !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[Z.blockquote] || e.parentType === o[Z.blockquote]
       }
     );
   }).join("")), !r && (a === "" || a === `
-`) && e.parentType === o[K.paragraph] && s !== o[K.mention] && (s = o[K.paragraph], u = gc), !(u === "" && !nC.find((d) => o[d] === s)))
-    switch (u !== gc && Zn(e) && (e[K.strikethrough] && e[K.bold] && e[K.italic] ? u = Yn(u, "~~***") : e[K.bold] && e[K.italic] ? u = Yn(u, "***") : (e[K.bold] && (u = Yn(u, "**")), e[K.italic] && (u = Yn(u, "_")), e[K.strikethrough] && (u = Yn(u, "~~")), e[K.code] && (u = Yn(u, "`")))), s) {
-      case o[K.heading][1]:
+`) && e.parentType === o[Z.paragraph] && s !== o[Z.mention] && (s = o[Z.paragraph], u = gc), !(u === "" && !nC.find((d) => o[d] === s)))
+    switch (u !== gc && Zn(e) && (e[Z.strikethrough] && e[Z.bold] && e[Z.italic] ? u = Yn(u, "~~***") : e[Z.bold] && e[Z.italic] ? u = Yn(u, "***") : (e[Z.bold] && (u = Yn(u, "**")), e[Z.italic] && (u = Yn(u, "_")), e[Z.strikethrough] && (u = Yn(u, "~~")), e[Z.code] && (u = Yn(u, "`")))), s) {
+      case o[Z.heading][1]:
         return `# ${u}
 `;
-      case o[K.heading][2]:
+      case o[Z.heading][2]:
         return `## ${u}
 `;
-      case o[K.heading][3]:
+      case o[Z.heading][3]:
         return `### ${u}
 `;
-      case o[K.heading][4]:
+      case o[Z.heading][4]:
         return `#### ${u}
 `;
-      case o[K.heading][5]:
+      case o[Z.heading][5]:
         return `##### ${u}
 `;
-      case o[K.heading][6]:
+      case o[Z.heading][6]:
         return `###### ${u}
 `;
-      case o[K.blockquote]:
+      case o[Z.blockquote]:
         return `> ${u}
 
 `;
-      case o[K.codeblock]:
+      case o[Z.codeblock]:
         return `\`\`\`${e.language || ""}
 ${u}
 \`\`\`
 `;
-      case o[K.link]:
+      case o[Z.link]:
         return `[${u}](${e.link || ""})`;
       case o.image:
         return `![${e.caption}](${e.link || ""})`;
-      case o[K.mention]:
+      case o[Z.mention]:
         const { id: d } = e;
         return e ? `@{{${d}}}` : u;
-      case o[K.ul]:
-      case o[K.ol]:
+      case o[Z.ul]:
+      case o[Z.ol]:
         return `
 ${u}
 
 `;
-      case o[K.li]:
-        const h = e && e.parentType === o[K.ol], p = e.children.length === 1 && Zn(e.children[0]);
+      case o[Z.li]:
+        const h = e && e.parentType === o[Z.ol], p = e.children.length === 1 && Zn(e.children[0]);
         let m = "";
         for (let g = 0; i > g; g++)
           h ? m += "   " : m += "  ";
         return t.inBlockquote && (m = "> " + m), `
 ${m}${h ? "1." : "-"} ${u}${p ? `
 ` : ""}`;
-      case o[K.paragraph]:
+      case o[Z.paragraph]:
         return `${u}
 
 `;
-      case o[K.hr]:
+      case o[Z.hr]:
         return `---
 `;
       default:
@@ -19803,7 +19839,7 @@ const iC = ({
           bn,
           {
             element: "li",
-            className: Z({ selected: f === u }),
+            className: H({ selected: f === u }),
             member: { id: m, ...g, link: !1 },
             functions: {
               onClick: (b) => {
@@ -19824,7 +19860,7 @@ const iC = ({
           bn,
           {
             element: "li",
-            className: Z("fallback", {
+            className: H("fallback", {
               selected: d.length === u
             }),
             member: {
@@ -19876,7 +19912,7 @@ const iC = ({
     "li",
     {
       id: `${d}-${e}`,
-      className: Z(e, { "has-divider": n }),
+      className: H(e, { "has-divider": n }),
       onMouseEnter: () => {
         g([{ type: "openTooltip", value: e }]);
       },
@@ -19903,7 +19939,7 @@ const iC = ({
           {
             ...o,
             ...f,
-            className: Z(e, i, { active: t }),
+            className: H(e, i, { active: t }),
             onClick: (b) => {
               b.stopPropagation(), b.preventDefault();
             },
@@ -19957,7 +19993,7 @@ const iC = ({
       ]
     }
   );
-}, bc = [K.ol, K.ul], zf = (e, t) => {
+}, bc = [Z.ol, Z.ul], zf = (e, t) => {
   const { selection: n } = e;
   if (!n)
     return !1;
@@ -19973,7 +20009,7 @@ const iC = ({
   return !!r;
 }, aC = (e) => {
   const [t] = y.nodes(e, {
-    match: (n) => n.type === K.blockquote
+    match: (n) => n.type === Z.blockquote
   });
   return !!t;
 }, qf = (e, t, n) => {
@@ -19987,7 +20023,7 @@ const iC = ({
       split: !0
     });
     const o = {
-      type: i ? K.paragraph : a ? K.li : t
+      type: i ? Z.paragraph : a ? Z.li : t
     };
     if (Q.setNodes(e, o), a)
       if (i) {
@@ -20000,7 +20036,7 @@ const iC = ({
             at: d,
             match: (p) => {
               const m = p;
-              return !y.isEditor(p) && he.isElement(p) && m.type === K.li;
+              return !y.isEditor(p) && he.isElement(p) && m.type === Z.li;
             }
           })
         ).forEach(([p, m]) => {
@@ -20009,7 +20045,7 @@ const iC = ({
       } else {
         if (r) {
           const u = {
-            type: K.blockquote,
+            type: Z.blockquote,
             children: []
           };
           Q.wrapNodes(e, u);
@@ -20038,7 +20074,7 @@ const iC = ({
   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 === Z.link;
     }
   });
   return !!t;
@@ -20046,11 +20082,11 @@ const iC = ({
   e.selection && jo(e, t, n, r);
 }, uC = (e, t, n, r) => {
   const { selection: i } = e;
-  if (i && H.isCollapsed(i)) {
+  if (i && V.isCollapsed(i)) {
     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 === Z.link;
       }
     });
     if (s) {
@@ -20064,8 +20100,8 @@ const iC = ({
 }) => {
   try {
     Mr(e) && Wf(e);
-    const { selection: i } = e, a = i && H.isCollapsed(i), s = {
-      type: K.link,
+    const { selection: i } = e, a = i && V.isCollapsed(i), s = {
+      type: Z.link,
       link: t,
       children: a ? [{ text: t }] : []
     };
@@ -20078,7 +20114,7 @@ const iC = ({
   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 === Z.link;
     }
   });
 };
@@ -20192,7 +20228,7 @@ const lC = () => {
         {
           element: "fieldset",
           id: `${n}-link-editor`,
-          className: Z({ "show-labels": u }),
+          className: H({ "show-labels": u }),
           meta: { shouldReset: !0, showRequiredLabels: !1 },
           functions: {
             onSuccess: async (w) => {
@@ -20234,7 +20270,7 @@ const lC = () => {
       "aria-pressed": null
     }
   );
-}, dC = (e) => [K.bold, K.italic, K.strikethrough].includes(
+}, dC = (e) => [Z.bold, Z.italic, Z.strikethrough].includes(
   e
 ), Uf = (e, t) => {
   const n = y.marks(e);
@@ -20260,13 +20296,13 @@ const lC = () => {
     }
   );
 }, Ki = [
-  K.bold,
-  K.italic,
-  K.strikethrough
+  Z.bold,
+  Z.italic,
+  Z.strikethrough
 ], hC = [
-  K.ol,
-  K.ul,
-  K.blockquote
+  Z.ol,
+  Z.ul,
+  Z.blockquote
 ];
 const mC = ({ ...e }) => {
   const t = le(), { id: n } = Ne(ln);
@@ -20297,7 +20333,7 @@ const DC = /* @__PURE__ */ Mn(pC), xC = (e, t, n) => {
   try {
     e.isInline = (a) => {
       const s = a;
-      return [K.link].includes(s.type) || i(a);
+      return [Z.link].includes(s.type) || i(a);
     }, e.insertText = (a) => {
       a && DC(a) ? jo(e, a, t) : r(a);
     };
@@ -20309,7 +20345,7 @@ const DC = /* @__PURE__ */ Mn(pC), xC = (e, t, n) => {
 }, wC = (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 === Z.mention ? !0 : n(a), e.isVoid = (a) => a.type === Z.mention ? !0 : r(a), e.markableVoid = (a) => a.type === Z.mention || i(a);
   } catch (a) {
     const s = a.message;
     t(`Error in withMentions: ${s}`);
@@ -20319,7 +20355,7 @@ const DC = /* @__PURE__ */ Mn(pC), xC = (e, t, n) => {
   const { normalizeNode: n } = e;
   try {
     e.normalizeNode = ([r, i]) => {
-      if (r.type === K.link && oe.string(r).trim() === "") {
+      if (r.type === Z.link && oe.string(r).trim() === "") {
         Q.removeNodes(e, { at: i });
         return;
       }
@@ -20356,7 +20392,7 @@ const EC = ({
     }
   } = a || {}, v = [
     {
-      type: K.paragraph,
+      type: Z.paragraph,
       children: [{ text: "" }]
     }
   ];
@@ -20524,11 +20560,11 @@ const EC = ({
                       C.show && ($.preventDefault(), $.stopPropagation(), If(Y, C, E, N));
                       const { selection: X } = Y;
                       if (X) {
-                        const k = H.isCollapsed(X), [_, I] = y.node(Y, X, { depth: 1 });
+                        const k = V.isCollapsed(X), [_, I] = y.node(Y, X, { depth: 1 });
                         let R = _, W = R.type;
                         const re = R.children[0];
-                        if (re && [K.ol, K.ul].includes(re.type) && (R = re, W = re.type), R && he.isElement(R) && W !== K.paragraph) {
-                          if (W === K.blockquote && !$.shiftKey) {
+                        if (re && [Z.ol, Z.ul].includes(re.type) && (R = re, W = re.type), R && he.isElement(R) && W !== Z.paragraph) {
+                          if (W === Z.blockquote && !$.shiftKey) {
                             $.stopPropagation(), $.preventDefault(), Q.insertNodes(Y, v);
                             return;
                           }
@@ -20536,8 +20572,8 @@ const EC = ({
                             const [J, ae] = y.parent(Y, X, {
                               edge: "end"
                             }), G = J.type;
-                            if ([K.ul, K.ol].includes(W))
-                              if ($.stopPropagation(), $.preventDefault(), G === K.li && z === "Enter") {
+                            if ([Z.ul, Z.ol].includes(W))
+                              if ($.stopPropagation(), $.preventDefault(), G === Z.li && z === "Enter") {
                                 J.children.length === 1 && "text" in J.children[0] && J.children[0].text === "" && Q.removeNodes(Y, { at: ae }), Q.insertNodes(Y, v, {
                                   at: O.next(I)
                                 }), Q.select(
@@ -20546,8 +20582,8 @@ const EC = ({
                                 );
                                 return;
                               } else {
-                                const [ye, ve] = Jw(Y, K.li), Fe = {
-                                  type: K.li,
+                                const [ye, ve] = Jw(Y, Z.li), Fe = {
+                                  type: Z.li,
                                   children: [{ text: "" }]
                                 };
                                 Q.insertNodes(Y, Fe, {
@@ -20622,7 +20658,7 @@ const EC = ({
     }
   ) }) : /* @__PURE__ */ c.jsx(c.Fragment, {});
 };
-const q_ = ({
+const W_ = ({
   id: e = "form-toggle",
   label: t,
   options: n,
@@ -20644,7 +20680,7 @@ const q_ = ({
   return /* @__PURE__ */ c.jsxs(
     "div",
     {
-      className: Z("toggle", s),
+      className: H("toggle", s),
       onClick: (d) => {
         d.preventDefault(), d.stopPropagation(), u(o === n[0].value ? n[1].value : n[0].value);
       },
@@ -20653,7 +20689,7 @@ const q_ = ({
         /* @__PURE__ */ c.jsx(
           "ul",
           {
-            className: Z("toggle-options", {
+            className: H("toggle-options", {
               disabled: a,
               on: o === n[1].value
             }),
@@ -20712,7 +20748,7 @@ function _C({
     change: w = o.formatMessage({ id: `${l}cta_change` }),
     uploading: B = o.formatMessage({ id: `${l}cta_uploading` })
   } = (a == null ? void 0 : a.text) || {};
-  return /* @__PURE__ */ c.jsxs("div", { className: Z("profile-image-change-figure", e), children: [
+  return /* @__PURE__ */ c.jsxs("div", { className: H("profile-image-change-figure", e), children: [
     /* @__PURE__ */ c.jsx(
       $n,
       {
@@ -20797,7 +20833,7 @@ const kC = ({
       intlPath: "contactForm",
       gtm: { context: r, event: i },
       functions: { onSuccess: t, onFailure: n },
-      button: { styling: { new: !0 } }
+      button: { className: "new" }
     }
   );
 };
@@ -20853,7 +20889,7 @@ const FC = ({
     {
       style: { backgroundColor: a },
       onSubmit: v,
-      className: Z("invite-form gtm-trackable"),
+      className: H("invite-form gtm-trackable"),
       children: [
         /* @__PURE__ */ c.jsxs("fieldset", { className: "content", children: [
           /* @__PURE__ */ c.jsx("h2", { className: "title", style: { color: r }, children: e }),
@@ -20898,7 +20934,7 @@ const FC = ({
   NEW_PASSWORD: "newPassword",
   CONFIRMED_PASSWORD: "confirmedPassword",
   CURRENT_PASSWORD: "oldPassword"
-}, W_ = ({ functions: e, ...t }) => {
+}, U_ = ({ functions: e, ...t }) => {
   const { formatMessage: n } = le(), [r, i] = ue(null), [a, s] = ue(!1), [o, l] = ue({
     isMoreThanEightCharacters: !1,
     includesNumberAndSymbol: !1,
@@ -21110,7 +21146,7 @@ const AC = ({
     "form",
     {
       onSubmit: d,
-      className: Z("search-form gtm-trackable", t),
+      className: H("search-form gtm-trackable", t),
       role: "search",
       "data-gtm-event-context": i,
       "data-gtm-event-type": a,
@@ -21393,7 +21429,7 @@ const AC = ({
 const OC = ({ className: e = "" }) => /* @__PURE__ */ c.jsxs(
   "div",
   {
-    className: Z("success-message", e),
+    className: H("success-message", e),
     "data-testid": "success-message",
     children: [
       /* @__PURE__ */ c.jsx("p", { className: "success-title", children: /* @__PURE__ */ c.jsx(ct, { id: "signup_success_title" }) }),
@@ -21422,7 +21458,7 @@ const PC = {
   loadRecaptcha: !1,
   showSuccessMessage: !1,
   showError: !1
-}, U_ = ({
+}, H_ = ({
   className: e = "",
   labels: t = {},
   placeholders: n = {},
@@ -21493,7 +21529,7 @@ const PC = {
   return g.successMessage && x ? /* @__PURE__ */ c.jsx(OC, { className: e }) : /* @__PURE__ */ c.jsxs(
     "fieldset",
     {
-      className: Z("signup-form-fieldset", e),
+      className: H("signup-form-fieldset", e),
       "data-testid": "signup-form",
       children: [
         g.title && /* @__PURE__ */ c.jsx("p", { className: "signup-title", children: /* @__PURE__ */ c.jsx(ct, { id: "signup_title" }) }),
@@ -21574,7 +21610,7 @@ const qn = ({
   return /* @__PURE__ */ c.jsx(
     "section",
     {
-      className: Z("full-width-section", t, {
+      className: H("full-width-section", t, {
         [i]: i !== "default",
         [a]: a !== "none"
       }),
@@ -21583,7 +21619,7 @@ const qn = ({
     }
   );
 };
-const H_ = ({ text: e, buttons: t, className: n = "" }) => {
+const V_ = ({ text: e, buttons: t, className: n = "" }) => {
   const r = [];
   return t.forEach((i) => {
     r.push({
@@ -21596,7 +21632,7 @@ const H_ = ({ text: e, buttons: t, className: n = "" }) => {
       target: "_blank",
       children: i.text
     });
-  }), /* @__PURE__ */ c.jsx(qn, { className: Z("download-section", n), children: /* @__PURE__ */ c.jsxs("div", { className: "content-default", children: [
+  }), /* @__PURE__ */ c.jsx(qn, { className: H("download-section", n), children: /* @__PURE__ */ c.jsxs("div", { className: "content-default", children: [
     ie.createElement(
       typeof e == "string" ? "h2" : e.element,
       { className: "text" },
@@ -21631,7 +21667,7 @@ const NC = ({
       }
     ) })
   ] });
-}, V_ = ({
+}, K_ = ({
   children: e,
   className: t = "",
   formProps: n,
@@ -21660,7 +21696,7 @@ const NC = ({
         r.props.functions.onCancel && r.props.functions.onCancel(), m();
       }
     }
-  })), /* @__PURE__ */ c.jsxs("section", { className: Z("edit-section", t), children: [
+  })), /* @__PURE__ */ c.jsxs("section", { className: H("edit-section", t), children: [
     g && /* @__PURE__ */ c.jsx(
       Ln,
       {
@@ -21669,7 +21705,7 @@ const NC = ({
         showDivider: !1,
         showIcon: !1,
         functions: { onClose: m },
-        className: Z("edit-section-modal"),
+        className: H("edit-section-modal"),
         children: b || (n ? /* @__PURE__ */ c.jsx(
           Dn,
           {
@@ -21693,7 +21729,7 @@ const NC = ({
         ) : /* @__PURE__ */ c.jsx(c.Fragment, {}))
       }
     ),
-    /* @__PURE__ */ c.jsxs("div", { className: Z("edit-section-header", { "no-title": !s }), children: [
+    /* @__PURE__ */ c.jsxs("div", { className: H("edit-section-header", { "no-title": !s }), children: [
       s && /* @__PURE__ */ c.jsx("h2", { className: "edit-section-header-title", children: a }),
       f && /* @__PURE__ */ c.jsx(
         Be,
@@ -21719,7 +21755,7 @@ const NC = ({
     u && /* @__PURE__ */ c.jsx(an, {})
   ] });
 };
-const K_ = ({
+const Z_ = ({
   title: e = !1,
   text: t,
   logos: n = [],
@@ -21737,21 +21773,21 @@ const K_ = ({
   return /* @__PURE__ */ c.jsxs(
     "div",
     {
-      className: Z("logos", i, `align-${l}`, {
+      className: H("logos", i, `align-${l}`, {
         [u]: u !== "block",
         "wrap-logos": o
       }),
       children: [
         e && ie.createElement(
           s.element,
-          { className: Z("title", s.className) },
+          { className: H("title", s.className) },
           s.text
         ),
         t && /* @__PURE__ */ c.jsx("p", { children: t }),
         /* @__PURE__ */ c.jsx(
           "ul",
           {
-            className: Z({
+            className: H({
               "two-col": a === 2 || a === 4,
               "three-col": a === 5 || a <= 10 && a % 3 === 0
             }),
@@ -21779,7 +21815,7 @@ const K_ = ({
   );
 };
 let is;
-const as = "contactFooter_", Z_ = ({ onSuccess: e = async () => {
+const as = "contactFooter_", Y_ = ({ onSuccess: e = async () => {
 }, onFailure: t = () => {
 } }) => {
   const n = _e(null), [r, i] = ie.useState(0), [a, s] = ie.useState(!1), o = () => {
@@ -21816,7 +21852,7 @@ const as = "contactFooter_", Z_ = ({ onSuccess: e = async () => {
       }
     )
   ] }) });
-}, Y_ = ({ activeLink: e, profile: t, ...n }) => /* @__PURE__ */ c.jsx(qn, { children: /* @__PURE__ */ c.jsx(Up, { layout: "1-3", children: /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+}, G_ = ({ activeLink: e, profile: t, ...n }) => /* @__PURE__ */ c.jsx(qn, { children: /* @__PURE__ */ c.jsx(Up, { layout: "1-3", children: /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
   /* @__PURE__ */ c.jsx(Lp, { activeLink: e, profile: t }),
   /* @__PURE__ */ c.jsx(pm, { ...n })
 ] }) }) });
@@ -22334,7 +22370,7 @@ const tr = "footer_", Zi = "SiteFooter", Dc = ({ group: e }) => {
   return /* @__PURE__ */ c.jsxs(
     "li",
     {
-      className: Z({
+      className: H({
         [o.className]: o.className,
         "has-submenu": m,
         parent: g,
@@ -22365,7 +22401,7 @@ const tr = "footer_", Zi = "SiteFooter", Dc = ({ group: e }) => {
           return o[B].order ? /* @__PURE__ */ c.jsxs(
             "li",
             {
-              className: Z({
+              className: H({
                 [o[B].className]: o[B].className
               }),
               children: [
@@ -22587,7 +22623,7 @@ const Zf = ({ showNavigation: e = !0 }) => {
       "nav",
       {
         id: "header",
-        className: Z({
+        className: H({
           "logged-in": i,
           "logged-out": !i,
           visible: l
@@ -22661,7 +22697,7 @@ const Zf = ({ showNavigation: e = !0 }) => {
     /* @__PURE__ */ c.jsx(
       "div",
       {
-        className: Z("overlay", {
+        className: H("overlay", {
           open: u[
             "site-navigation"
             /* SITE */
@@ -22720,14 +22756,14 @@ const IC = () => {
       "div",
       {
         id: "wrapper",
-        className: Z(s, x, { "has-footer": u }),
+        className: H(s, x, { "has-footer": u }),
         children: [
           /* @__PURE__ */ c.jsx(Zf, { showNavigation: l }),
           /* @__PURE__ */ c.jsxs("main", { id: "content-wrapper", children: [
             B && /* @__PURE__ */ c.jsx(
               "div",
               {
-                className: Z("additional-content prepended", {
+                className: H("additional-content prepended", {
                   "large-modal": m === "large"
                 }),
                 children: B
@@ -22736,7 +22772,7 @@ const IC = () => {
             ie.createElement(d === "bold" ? rd : "div", {
               id: "content",
               children: w,
-              className: Z({ "large-modal": m === "large" })
+              className: H({ "large-modal": m === "large" })
             })
           ] }),
           E && /* @__PURE__ */ c.jsx("div", { className: "additional-content appended", children: E }),
@@ -22786,7 +22822,7 @@ const IC = () => {
     return ls[e] ? (e = ls[e], { id: e, text: `${xc.default}${e}` }) : null;
   }
 };
-const G_ = ({
+const Q_ = ({
   tags: e = [],
   color: t = "default",
   forceOneLine: n = !1,
@@ -22807,7 +22843,7 @@ const G_ = ({
   }), l.length < 1 ? null : /* @__PURE__ */ c.jsx(
     "ul",
     {
-      className: Z("tags text-small", t, i, {
+      className: H("tags text-small", t, i, {
         "one-line": n
       }),
       children: l.map((u) => {
@@ -22827,7 +22863,7 @@ const G_ = ({
   );
 };
 var gt = /* @__PURE__ */ ((e) => (e.COMMUNITIES = "communities", e.PLATFORM = "platform", e))(gt || {});
-const Q_ = ({
+const J_ = ({
   members: { data: e = [], total: t = e.length },
   communitySlug: n,
   isMember: r = !1,
@@ -22840,7 +22876,7 @@ const Q_ = ({
   className: u = ""
 }) => {
   const d = le(), h = "membersList", p = Ne(vt), [m, g] = ue(!1);
-  return e.length === 0 ? null : /* @__PURE__ */ c.jsxs("div", { className: Z("members-list", u), children: [
+  return e.length === 0 ? null : /* @__PURE__ */ c.jsxs("div", { className: H("members-list", u), children: [
     /* @__PURE__ */ c.jsxs("h1", { children: [
       d.formatMessage({ id: h }),
       /* @__PURE__ */ c.jsx("span", { className: "count", children: t })
@@ -23199,7 +23235,7 @@ const nt = "discussion_form_", ha = ({
       Dn,
       {
         id: re,
-        className: Z("discussion-card discussion-form", {
+        className: H("discussion-card discussion-form", {
           "no-styling": w && x
         }),
         meta: {
@@ -23223,7 +23259,6 @@ const nt = "discussion_form_", ha = ({
         button: {
           variant: "primary",
           size: { mobile: "small", 600: "medium" },
-          className: "gtm-trackable",
           "data-gtm-event-context": p,
           "data-gtm-event-type": `${x ? "save" : "submit"}-${n.type}-click`,
           "data-testid": "save-button",
@@ -23240,7 +23275,6 @@ const nt = "discussion_form_", ha = ({
         secondaryActionButton: {
           variant: "secondary",
           size: { mobile: "small", 600: "medium" },
-          className: "gtm-trackable",
           "data-gtm-event-context": p,
           "data-gtm-event-type": `cancel-${n.type}-click`,
           disabled: !l.cancel && (!g || !g.id || !$.body),
@@ -23305,7 +23339,7 @@ const Qi = ({
 }) => /* @__PURE__ */ c.jsx(
   Be,
   {
-    className: Z("discussion-button", t),
+    className: H("discussion-button", t),
     variant: "tertiary",
     icon: e,
     ...n
@@ -23403,7 +23437,7 @@ const ZC = ({
       /* @__PURE__ */ c.jsx(
         Qi,
         {
-          className: Z("discussion-button text-medium action-button", {
+          className: H("discussion-button text-medium action-button", {
             "show-spinner": f,
             "is-liked": g,
             disabled: !s
@@ -23532,7 +23566,7 @@ const ZC = ({
 }) => {
   const r = {
     ...n,
-    class: Z("subtle", t)
+    class: H("subtle", t)
   };
   return /* @__PURE__ */ c.jsx("blockquote", { ...r, children: e });
 }, YC = 280, Yf = async (e, t, n, r = () => Promise.resolve([])) => {
@@ -23592,7 +23626,7 @@ const GC = 3e3, QC = ({
     /* @__PURE__ */ c.jsx(
       mr,
       {
-        className: Z({
+        className: H({
           copied: i.isCopied
         }),
         isOpen: i.isOpen,
@@ -23628,7 +23662,7 @@ const ma = ({
   isCommunity: f = !1,
   badges: b
 }) => {
-  var Ge, Ke, Se, Pe, we, We, Ve, V;
+  var Ge, Ke, Se, Pe, we, We, Ve, K;
   const v = le(), w = Ne(vt), B = Ne(Oo), {
     createContent: E = async () => {
     },
@@ -23783,7 +23817,7 @@ const ma = ({
     "data-gtm-event-context": d,
     "data-gtm-event-type": `edit-${t.type}-click`
   }), g && ((Ge = k == null ? void 0 : k.current) == null || Ge.focus(), (Ke = k == null ? void 0 : k.current) == null || Ke.scrollIntoView({ behavior: "smooth" })), ie.createElement(e, {
-    className: Z("discussion-post", u, {
+    className: H("discussion-post", u, {
       [re]: !u || !u.includes("highlighted-text-box"),
       "has-link": l.post && !_.isEditing,
       "is-pinned": (t == null ? void 0 : t.pinned) || !1
@@ -23808,7 +23842,7 @@ const ma = ({
         "div",
         {
           id: N || t.slug,
-          className: Z("discussion-card", t.type, {
+          className: H("discussion-card", t.type, {
             editing: _.isEditing,
             "has-link": l.post && !_.isEditing
           }),
@@ -23902,7 +23936,7 @@ const ma = ({
             !_.isEditing && !(s != null && s.actionBar) && /* @__PURE__ */ c.jsxs(
               "ul",
               {
-                className: Z("actions text-medium", t.type),
+                className: H("actions text-medium", t.type),
                 "data-testid": `${t.type}-actions`,
                 children: [
                   !s.likes && /* @__PURE__ */ c.jsx(
@@ -23956,7 +23990,7 @@ const ma = ({
                   m && /* @__PURE__ */ c.jsx(
                     QC,
                     {
-                      url: (Se = t.slugs) != null && Se.reply ? `${window.location.origin}${(Pe = t.slugs) == null ? void 0 : Pe.question}/${(we = t.slugs) == null ? void 0 : we.answer}#${(We = t.slugs) == null ? void 0 : We.reply}` : `${window.location.origin}${(Ve = t.slugs) == null ? void 0 : Ve.question}/${(V = t.slugs) == null ? void 0 : V.answer}`,
+                      url: (Se = t.slugs) != null && Se.reply ? `${window.location.origin}${(Pe = t.slugs) == null ? void 0 : Pe.question}/${(we = t.slugs) == null ? void 0 : we.answer}#${(We = t.slugs) == null ? void 0 : We.reply}` : `${window.location.origin}${(Ve = t.slugs) == null ? void 0 : Ve.question}/${(K = t.slugs) == null ? void 0 : K.answer}`,
                       gtm: { context: d, event: `copy-link-${t.type}-click` }
                     }
                   ),
@@ -24104,7 +24138,7 @@ const XC = Kr(
     /* @__PURE__ */ c.jsxs(
       "button",
       {
-        className: Z("discussion-form-card", n),
+        className: H("discussion-form-card", n),
         onClick: (b) => {
           b.preventDefault(), b.stopPropagation(), h((v) => ({ ...v, form: !0 }));
         },
@@ -24114,7 +24148,7 @@ const XC = Kr(
           /* @__PURE__ */ c.jsx(
             sr,
             {
-              className: Z("input", { placeholder: !p.showCachedText }),
+              className: H("input", { placeholder: !p.showCachedText }),
               element: "span",
               options: {
                 forceInline: !0,
@@ -24291,7 +24325,7 @@ const iE = ({
   return /* @__PURE__ */ c.jsxs(
     "div",
     {
-      className: Z("thread-wrapper", {
+      className: H("thread-wrapper", {
         "empty-thread": !o
       }),
       children: [
@@ -24919,7 +24953,7 @@ function _E(e) {
   var t;
   return ((t = e == null ? void 0 : e.pages) == null ? void 0 : t.reduce((n, { results: r }) => [...n, ...r], [])) || [];
 }
-const J_ = ({
+const X_ = ({
   basePath: e,
   parentId: t,
   isMember: n,
@@ -25142,7 +25176,7 @@ const J_ = ({
     ),
     /* @__PURE__ */ c.jsx(Qf, { form: l })
   ] });
-}, X_ = {
+}, ek = {
   next: "id_lt=67ef0342-6f6e-4807-beea-5a9184ec140c&limit=5",
   results: [
     {
@@ -26315,7 +26349,7 @@ function HE({
   });
   return i;
 }
-const ek = ({
+const tk = ({
   basePath: e,
   parentId: t,
   activityId: n,
@@ -26468,7 +26502,7 @@ const VE = ({
           (p !== "" || m !== "") && l((b) => ({ ...b, showCachedText: !0 })), o();
         }
       },
-      className: Z("discussion-form-modal", i),
+      className: H("discussion-form-modal", i),
       children: /* @__PURE__ */ c.jsx(
         ha,
         {
@@ -26523,7 +26557,7 @@ const VE = ({
   __proto__: null,
   default: VE
 }, Symbol.toStringTag, { value: "Module" }));
-const tk = ({
+const nk = ({
   className: e,
   showModal: t = !0,
   title: n,
@@ -26546,7 +26580,7 @@ const tk = ({
       showDivider: !1,
       showIcon: s,
       functions: { onClose: o },
-      className: Z("invite-modal", e, { success: !!n }),
+      className: H("invite-modal", e, { success: !!n }),
       children: /* @__PURE__ */ c.jsx(
         FC,
         {
@@ -26586,7 +26620,7 @@ const Ro = ({
       functions: {
         onClose: d
       },
-      className: Z("profile-modal", s, { success: !!t }),
+      className: H("profile-modal", s, { success: !!t }),
       maxWidth: 700,
       children: /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
         t && n || r ? /* @__PURE__ */ c.jsxs("div", { className: "intro", children: [
@@ -26619,7 +26653,7 @@ const Ro = ({
   __proto__: null,
   default: Ro
 }, Symbol.toStringTag, { value: "Module" }));
-const nk = ({ members: e }) => {
+const rk = ({ members: e }) => {
   const [t, n] = ue(!1), r = (i) => {
     const { fullName: a, jobTitle: s, organisation: o, photo: l } = i || {};
     return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
@@ -26665,13 +26699,13 @@ const YE = ({
   content: n,
   member: r,
   className: i = ""
-}) => /* @__PURE__ */ c.jsxs("blockquote", { className: Z("testimonial-block", i), children: [
+}) => /* @__PURE__ */ c.jsxs("blockquote", { className: H("testimonial-block", i), children: [
   /* @__PURE__ */ c.jsx(Kt, { className: "testimonial", children: n }),
   r ? /* @__PURE__ */ c.jsx(bn, { member: r, styling: { size: "large" } }) : /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
     e && /* @__PURE__ */ c.jsx(
       "p",
       {
-        className: Z("author", {
+        className: H("author", {
           "text-small": !i.includes("new")
         }),
         children: e
@@ -26680,15 +26714,15 @@ const YE = ({
     t && /* @__PURE__ */ c.jsx(
       "p",
       {
-        className: Z("author-cite", {
+        className: H("author-cite", {
           "text-small": !i.includes("new")
         }),
         children: /* @__PURE__ */ c.jsx("cite", { children: t })
       }
     )
   ] })
-] }), rk = Gt(YE);
-const ik = ({
+] }), ik = Gt(YE);
+const ak = ({
   items: e = [],
   selector: t = "",
   className: n = ""
@@ -26712,7 +26746,7 @@ const ik = ({
     Zt,
     {
       variant: "subtle",
-      className: Z("table-of-contents", n),
+      className: H("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)) }) })
@@ -26754,9 +26788,9 @@ const Io = ({
       { early: u, late: h }
     );
   }
-  return n && (u = `${n} ${u}`, l = `${n} ${l}`), r && (u = `${u} ${r}`, l = `${l} ${r}`), /* @__PURE__ */ c.jsx("span", { className: Z("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: H("time-to-complete", i), "aria-label": u, children: l });
 };
-const ak = ({ className: e = "", image: t, ...n }) => t ? (typeof t == "string" && (t = {
+const sk = ({ className: e = "", image: t, ...n }) => t ? (typeof t == "string" && (t = {
   width: 1080,
   height: 200,
   type: "image/png",
@@ -26769,7 +26803,7 @@ const ak = ({ className: e = "", image: t, ...n }) => t ? (typeof t == "string"
   Yr,
   {
     ...n,
-    className: Z("banner", e),
+    className: H("banner", e),
     image: { ...t, aspect: "banner" }
   }
 )) : null;
@@ -26840,7 +26874,7 @@ const GE = [
   }), /* @__PURE__ */ c.jsx(
     qn,
     {
-      className: Z("banner-section", r, i, e, {
+      className: H("banner-section", r, i, e, {
         "has-image": n,
         "image-full-width": n && u.imageFullWidth,
         "image-inline": n && !u.imageFullWidth,
@@ -26864,7 +26898,7 @@ const GE = [
               size: { mobile: "medium", 768: "large" },
               href: o.link,
               ...o.props,
-              className: Z({
+              className: H({
                 new: r === "subtle",
                 [(g = o.props) == null ? void 0 : g.className]: (f = o.props) == null ? void 0 : f.className
               }),
@@ -26884,8 +26918,8 @@ const GE = [
       ] })
     }
   );
-}, sk = Gt(QE);
-const ok = ({
+}, ok = Gt(QE);
+const uk = ({
   image: e,
   variant: t = "default",
   children: n,
@@ -26895,7 +26929,7 @@ const ok = ({
   return e && (i["--image"] = `url(${e})`), /* @__PURE__ */ c.jsx(
     qn,
     {
-      className: Z("custom-content-banner", t, r, {
+      className: H("custom-content-banner", t, r, {
         "has-image": e
       }),
       style: i,
@@ -26910,11 +26944,11 @@ const JE = ({
   image: r
 }) => {
   const i = typeof n == "string" ? /* @__PURE__ */ c.jsx(sr, { children: n }) : n;
-  return /* @__PURE__ */ c.jsxs(qn, { className: Z("highlight-section", t), children: [
+  return /* @__PURE__ */ c.jsxs(qn, { className: H("highlight-section", t), children: [
     r && /* @__PURE__ */ c.jsx(
       "div",
       {
-        className: Z("highlight-container highlight-image", {
+        className: H("highlight-container highlight-image", {
           [`highlight-image-${e}`]: e === "right"
         }),
         children: /* @__PURE__ */ c.jsx(
@@ -26931,13 +26965,13 @@ const JE = ({
     /* @__PURE__ */ c.jsx(
       "div",
       {
-        className: Z("highlight-container highlight-content-wrapper", {
+        className: H("highlight-container highlight-content-wrapper", {
           "no-image": !r
         }),
         children: /* @__PURE__ */ c.jsx(
           "div",
           {
-            className: Z("highlight-content", {
+            className: H("highlight-content", {
               "highlight-content-right": e === "left"
             }),
             children: r ? i : /* @__PURE__ */ c.jsx("div", { className: "content-default", children: i })
@@ -26946,14 +26980,14 @@ const JE = ({
       }
     )
   ] });
-}, uk = Gt(JE);
-const lk = ({
+}, lk = Gt(JE);
+const ck = ({
   variant: e = "primary",
   button: t = null,
   title: n,
   text: r,
   gtmContext: i
-}) => !n && !r ? null : /* @__PURE__ */ c.jsxs("aside", { className: Z("marketing-block", e), children: [
+}) => !n && !r ? null : /* @__PURE__ */ c.jsxs("aside", { className: H("marketing-block", e), children: [
   n && /* @__PURE__ */ c.jsx("p", { className: "title", children: n }),
   r && /* @__PURE__ */ c.jsx("p", { children: r }),
   t && /* @__PURE__ */ c.jsx(
@@ -27145,7 +27179,7 @@ const lk = ({
     return /* @__PURE__ */ c.jsx(
       "p",
       {
-        className: Z("cta-wrapper", {
+        className: H("cta-wrapper", {
           "has-member-section": e == null ? void 0 : e.members
         }),
         children: /* @__PURE__ */ c.jsx(
@@ -27267,7 +27301,7 @@ const ah = ({
   }, (M = p == null ? void 0 : p.current) == null || M.focus(), (F = p == null ? void 0 : p.current) == null || F.scrollIntoView({ behavior: "smooth" })), /* @__PURE__ */ c.jsx(
     "li",
     {
-      className: Z("card-wrapper text-medium", B, t, {
+      className: H("card-wrapper text-medium", B, t, {
         "has-link": A,
         "no-link": !A,
         "has-image": f.banner
@@ -27353,7 +27387,7 @@ const ah = ({
     }
   );
 };
-const r_ = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__ */ c.jsx("ul", { className: Z("card-block", n), children: e.map((i, a) => {
+const r_ = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__ */ c.jsx("ul", { className: H("card-block", n), children: e.map((i, a) => {
   const s = i.slug ? `${i.slug}-${t[a]}` : `${t[a]}-${a}`;
   return /* @__PURE__ */ c.jsx(
     ah,
@@ -27374,7 +27408,7 @@ const r_ = ({ 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 ie.createElement(i, {
-    className: Z("title", a, s, {
+    className: H("title", a, s, {
       "highlighted-title": a === "highlighted"
     }),
     children: /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
@@ -27487,7 +27521,7 @@ const s_ = ({
     "section",
     {
       ref: A,
-      className: Z("carousel-wrapper", a),
+      className: H("carousel-wrapper", a),
       "data-testid": "carousel",
       children: [
         /* @__PURE__ */ c.jsx(a_, { id: e, title: i }),
@@ -27547,7 +27581,7 @@ const s_ = ({
                 children: /* @__PURE__ */ c.jsx(
                   "button",
                   {
-                    className: Z("page-indicator", {
+                    className: H("page-indicator", {
                       selected: S === b
                     }),
                     onClick: (N) => {
@@ -27590,7 +27624,7 @@ const s_ = ({
       ]
     }
   );
-}, ck = ({
+}, dk = ({
   carousels: e = [],
   isLoading: t,
   title: n,
@@ -27622,7 +27656,7 @@ const s_ = ({
     ] }, `carousel-${d}`);
   }
 );
-const dk = ({
+const fk = ({
   element: e = "p",
   data: {
     timeLeftToFinish: t,
@@ -27638,7 +27672,7 @@ const dk = ({
   u > 99 ? u = 100 : u < 1 && (u = 0);
   const { highlightPercentage: d = !1 } = s;
   return ie.createElement(e, {
-    className: Z("course-progression", o, {
+    className: H("course-progression", o, {
       "highlight-percentage": d,
       "has-circle-graph": a === "circle"
     }),
@@ -27677,7 +27711,7 @@ const o_ = ({
   title: r,
   className: i = ""
 }) => ie.createElement(e, {
-  className: Z("lesson-name", i),
+  className: H("lesson-name", i),
   "data-number": `${t}.${n}`,
   children: r
 });
@@ -27690,15 +27724,15 @@ const u_ = ({
   children: a
 }) => {
   const s = le(), o = Xs(`lessonType_${i}`) ? s.formatMessage({ id: `lessonType_${i}` }) : Mh(i || "");
-  return /* @__PURE__ */ c.jsxs("small", { className: Z("content-type", { [e]: e !== "default" }), children: [
-    /* @__PURE__ */ c.jsx("span", { className: Z("type", n), children: o }),
+  return /* @__PURE__ */ c.jsxs("small", { className: H("content-type", { [e]: e !== "default" }), children: [
+    /* @__PURE__ */ c.jsx("span", { className: H("type", n), children: o }),
     " ",
     t > 0 && !r && /* @__PURE__ */ c.jsx(Io, { time: t }),
     " ",
     a ? /* @__PURE__ */ c.jsx("span", { className: "additional", children: a }) : null
   ] });
 };
-const fk = ({
+const hk = ({
   course: {
     articles: e,
     canAccessCourse: t,
@@ -27756,7 +27790,7 @@ const fk = ({
             return w && (z.style = { "--image": `url(${w})` }), /* @__PURE__ */ c.jsx(
               "li",
               {
-                className: Z({
+                className: H({
                   article: b === Xr.ARTICLE,
                   discussion: b === Xr.DISCUSSION,
                   quiz: b === Xr.QUIZ,
@@ -27805,7 +27839,7 @@ const fk = ({
     }
   );
 };
-const hk = ({
+const mk = ({
   isComplete: e = !1,
   onClick: t,
   ...n
@@ -27821,7 +27855,7 @@ const hk = ({
         hover: "check-inside-circle_no-overlap_inverted"
       },
       onClick: t,
-      className: Z("mark-complete-button center gtm-trackable", {
+      className: H("mark-complete-button center gtm-trackable", {
         completed: e
       }),
       "data-gtm-event-type": "mark-as-complete",
@@ -27829,7 +27863,7 @@ const hk = ({
       children: r.formatMessage({ id: `markCompleteButton${e ? "_completed" : ""}` })
     }
   );
-}, mk = ({
+}, pk = ({
   id: e,
   data: { jobTitle: t, name: n, organization: r, thumbnail: i }
 }) => ({
@@ -27882,7 +27916,7 @@ const hk = ({
     contributors: ["community"]
   }
 ];
-const xi = "notFoundError_", pk = () => {
+const xi = "notFoundError_", gk = () => {
   const e = le(), t = [];
   return Ac.forEach((n, r) => {
     n.title = e.formatMessage({ id: `${xi}post_${r + 1}` }), t.push("solutionArticle");
@@ -27917,13 +27951,13 @@ const xi = "notFoundError_", pk = () => {
 };
 export {
   rn as ASSETS_BUCKET,
-  J_ as ActivitiesFeed,
-  ek as ActivitySection,
+  X_ as ActivitiesFeed,
+  tk as ActivitySection,
   Gf as AddPost,
   Qc as BadgesContext,
   Dm as BadgesProvider,
-  ak as Banner,
-  sk as BannerSection,
+  sk as Banner,
+  ok as BannerSection,
   M_ as Breadcrumbs,
   S_ as Buckets,
   Be as Button,
@@ -27932,23 +27966,23 @@ export {
   xm as CacheProvider,
   ah as Card,
   r_ as CardBlock,
-  ck as Carousel,
+  dk as Carousel,
   vd as CharacterLimit,
   eo as CollapsibleSection,
   Up as Columns,
   N_ as CommunityDetails,
-  Z_ as ContactFooter,
+  Y_ as ContactFooter,
   kC as ContactForm,
   im as ContentTypeLabel,
   nd as Contributors,
   Oo as ConversationContext,
   MC as CookieBanner,
-  dk as CourseProgression,
-  fk as CourseStructure,
-  ok as CustomContentBanner,
+  fk as CourseProgression,
+  hk as CourseStructure,
+  uk as CustomContentBanner,
   it as CustomEvents,
   Si as DELETED_USER_ID,
-  nk as Directory,
+  rk as Directory,
   qC as DiscussionConversation,
   ha as DiscussionForm,
   tE as DiscussionFormCard,
@@ -27957,17 +27991,18 @@ export {
   ma as DiscussionPost,
   iE as DiscussionThread,
   an as Divider,
-  H_ as DownloadSection,
+  V_ as DownloadSection,
   Fr as EMAILS,
-  V_ as EditSection,
+  K_ as EditSection,
   Vp as EmailHelperTextBox,
   In as EmptyStateBox,
+  R_ as EnrichedUrl,
   Xc as FeatureFlags,
-  R_ as Filters,
+  I_ as Filters,
   _m as FlagsProvider,
   Kf as Footer,
   Dn as Form,
-  K as Formatting,
+  Z as Formatting,
   Nt as Fragment,
   qn as FullWidthSection,
   Zo as GET_STREAM_USER_PREFIX,
@@ -27976,17 +28011,17 @@ export {
   am as HelperTextBox,
   Js as HiddenFromScreenReaders,
   sm as HideShowTextBox,
-  uk as HighlightSection,
+  lk as HighlightSection,
   Zt as HighlightedTextBox,
   Rh as INVALID_TOKEN,
   j_ as IconBulletedList,
   B_ as ImageContainer,
   km as IntlProvider,
   FC as InviteForm,
-  tk as InviteModal,
+  nk as InviteModal,
   pd as JoinButton,
   ed as LanguageContext,
-  I_ as LanguageSwitcher,
+  $_ as LanguageSwitcher,
   o_ as LessonName,
   u_ as LessonType,
   Rn as Link,
@@ -27995,26 +28030,26 @@ export {
   $t as LoadingPlaceholder,
   Yc as LoadingState,
   gd as Logo,
-  K_ as LogoSection,
+  Z_ as LogoSection,
   Ih as MENTION_REGEX,
-  hk as MarkCompleteButton,
+  mk as MarkCompleteButton,
   sr as MarkdownText,
-  lk as MarketingBlock,
+  ck as MarketingBlock,
   nn as Marks,
   bn as Member,
-  Q_ as MembersList,
+  J_ as MembersList,
   rd as Modal,
   Mp as MoreMenu,
   k_ as NUMBER_OF_COUNTRIES,
   __ as NUMBER_OF_USERS,
   Lp as NavigationMenu,
-  pk as NotFoundError,
+  gk as NotFoundError,
   Ln as Overlay,
   td as OverlayContext,
   Am as OverlayProvider,
   pm as PageHeading,
   $C as PageLayout,
-  W_ as PasswordForm,
+  U_ as PasswordForm,
   rg as PasswordRules,
   vn as Pill,
   em as Popover,
@@ -28026,25 +28061,25 @@ export {
   $n as ProfilePicture,
   Kc as ProgressBar,
   A_ as ProgressTracker,
-  z_ as Rating,
+  q_ as Rating,
   IE as RepliesFeed,
   rE as ResponsesHeading,
   Yr as ResponsiveImage,
   T_ as ReturnToNavButton,
   EC as RichTextEditor,
   AC as SearchForm,
-  $_ as ShareLinks,
-  U_ as SignupForm,
+  L_ as ShareLinks,
+  H_ as SignupForm,
   ru as Span,
   Pi as StatusBanner,
-  ik as TableOfContents,
-  L_ as Tabs,
-  G_ as Tags,
-  rk as TestimonialBlock,
+  ak as TableOfContents,
+  z_ as Tabs,
+  Q_ as Tags,
+  ik as TestimonialBlock,
   Io as TimeToComplete,
-  q_ as Toggle,
+  W_ as Toggle,
   mr as Tooltip,
-  Y_ as TopLevelPage,
+  G_ as TopLevelPage,
   ji as UUID_V4_REGEX,
   vt as UserContext,
   Fm as UserProvider,
@@ -28062,10 +28097,10 @@ export {
   $h as getShortDate,
   ao as getValueLength,
   Yi as headerData,
-  mk as mapGetStreamData,
+  pk as mapGetStreamData,
   Yh as pageReady,
   Go as passwordValidator,
-  X_ as repliesFeedMock,
+  ek as repliesFeedMock,
   xa as supportedLanguages,
   Nh as toCamelCase,
   E_ as toCapitalisedCase,