@apolitical/component-library 6.6.4 → 6.6.5

package/index.mjs

@@ -75,7 +75,7 @@ var id = { exports: {} };
   })();
 })(id);
 var Jm = id.exports;
-const V = /* @__PURE__ */ qn(Jm), Xm = ({
+const U = /* @__PURE__ */ qn(Jm), Xm = ({
   element: e = "span",
   showOnFocus: t = !0,
   children: n,
@@ -83,7 +83,7 @@ const V = /* @__PURE__ */ qn(Jm), Xm = ({
   ...i
 }) => ie.createElement(e, {
   ...i,
-  className: V("hidden", r, { "show-on-focus": t }),
+  className: U("hidden", r, { "show-on-focus": t }),
   children: n
 }), qe = rn(Xm), eh = ({
   element: e = "span",
@@ -220,14 +220,14 @@ function nh() {
         }
       return null;
     }
-    var T = Object.assign, R = 0, q, U, re, ne, D, J, G;
+    var T = Object.assign, R = 0, q, V, re, ne, D, J, G;
     function E() {
     }
     E.__reactDisabledLog = !0;
     function S() {
       {
         if (R === 0) {
-          q = console.log, U = console.info, re = console.warn, ne = console.error, D = console.group, J = console.groupCollapsed, G = console.groupEnd;
+          q = console.log, V = console.info, re = console.warn, ne = console.error, D = console.group, J = console.groupCollapsed, G = console.groupEnd;
           var P = {
             configurable: !0,
             enumerable: !0,
@@ -260,7 +260,7 @@ function nh() {
               value: q
             }),
             info: T({}, P, {
-              value: U
+              value: V
             }),
             warn: T({}, P, {
               value: re
@@ -943,12 +943,12 @@ const cu = {}, xr = so(
     const I = {
       className: "content"
     };
-    return _ ? I.className = V("content", { hidden: f === "hidden" }) : I.hidden = f === "hidden", /* @__PURE__ */ c.jsx(
+    return _ ? I.className = U("content", { hidden: f === "hidden" }) : I.hidden = f === "hidden", /* @__PURE__ */ c.jsx(
       "aside",
       {
         ref: v,
         id: h,
-        className: V("tooltip text-medium", f, a, {
+        className: U("tooltip text-medium", f, a, {
           loading: r,
           "extra-padding": g,
           "has-pointer": y,
@@ -1747,7 +1747,7 @@ const Se = ({
   typeof t == "string" && g.push(t), r && (g.push("icon"), typeof r == "object" ? (g.push(r.icon), r.position ? g.push(r.position) : g.push("left"), r.hover && g.push(`hover_${r.hover}`), r.animate && (g.push("animate"), typeof r.animate == "string" && g.push(r.animate))) : (g.push(r), !r.includes("right") && !r.includes("left") && g.push("left")));
   const y = {
     ...h,
-    className: V(e, o, g, {
+    className: U(e, o, g, {
       "no-text": !m,
       disabled: l,
       button: i,
@@ -1782,14 +1782,14 @@ const Se = ({
     return i === "p" ? /* @__PURE__ */ c.jsx(Se, { ...s }, o) : /* @__PURE__ */ c.jsx("li", { className: ((l = t[o]) == null ? void 0 : l.className) || "", children: /* @__PURE__ */ c.jsx(Se, { ...s }) }, o);
   });
   return ie.createElement(i, {
-    className: V("button-wrapper", n),
+    className: U("button-wrapper", n),
     ...r,
     children: a
   });
 };
 const tn = ({ className: e = "", maxWidth: t = !1 }) => {
   const n = t ? { "--max-width": `${t / 16}rem` } : {};
-  return /* @__PURE__ */ c.jsx("hr", { className: V(e, { "has-max-width": t }), style: n });
+  return /* @__PURE__ */ c.jsx("hr", { className: U(e, { "has-max-width": t }), style: n });
 }, mu = {
   card: {
     range: [
@@ -2001,7 +2001,7 @@ const Nk = ({ image: e, className: t = "", testId: n }) => /* @__PURE__ */ c.jsx
 }) => {
   if (e) {
     const l = { ...o };
-    return i && (l.onClick = i), a && (l["data-gtm-event-context"] = a), s && (l["data-gtm-event-type"] = s), /* @__PURE__ */ c.jsx("a", { href: e, className: V("gtm-trackable", r), ...l, children: t });
+    return i && (l.onClick = i), a && (l["data-gtm-event-context"] = a), s && (l["data-gtm-event-type"] = s), /* @__PURE__ */ c.jsx("a", { href: e, className: U("gtm-trackable", r), ...l, children: t });
   }
   return n ? ie.createElement(n, { children: t, className: r, ...o }) : /* @__PURE__ */ c.jsx(c.Fragment, { children: t });
 };
@@ -2012,7 +2012,7 @@ const kh = so(
       "aside",
       {
         ref: i,
-        className: V("popover", e),
+        className: U("popover", e),
         "aria-live": "polite",
         children: t
       }
@@ -2042,7 +2042,7 @@ const Mk = ({
       /* @__PURE__ */ c.jsx(
         "div",
         {
-          className: V("dot", {
+          className: U("dot", {
             active: i === e,
             completed: i < e
           }),
@@ -2052,7 +2052,7 @@ const Mk = ({
       /* @__PURE__ */ c.jsx(
         "div",
         {
-          className: V("line", {
+          className: U("line", {
             active: i < e
           })
         }
@@ -2082,7 +2082,7 @@ const Rk = ({ elementId: e, offset: t = 20 }) => {
     }
   );
 };
-const $k = ({ items: e, className: t = "", ...n }) => /* @__PURE__ */ c.jsx("ul", { className: V("buckets", t), ...n, children: e.map(({ title: r, text: i, link: a, ...s }, o) => /* @__PURE__ */ c.jsx("li", { className: "bucket text-medium", children: /* @__PURE__ */ c.jsxs("a", { href: a, ...s, children: [
+const $k = ({ items: e, className: t = "", ...n }) => /* @__PURE__ */ c.jsx("ul", { className: U("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)) }), hu = 300, pu = "ease-in-out";
@@ -2145,7 +2145,7 @@ const mo = ({
     "details",
     {
       ref: a,
-      className: V("collapsible-section", t, {
+      className: U("collapsible-section", t, {
         "should-animate": r
       }),
       children: [
@@ -2182,7 +2182,7 @@ const vu = {
   return !n && !s ? null : /* @__PURE__ */ c.jsx(
     "small",
     {
-      className: V(
+      className: U(
         "content-type-label text-small",
         e in vu ? vu[e] : e,
         r,
@@ -2208,7 +2208,7 @@ const zt = ({
   return /* @__PURE__ */ c.jsx(
     "div",
     {
-      className: V("highlighted-text-box", e, r, {
+      className: U("highlighted-text-box", e, r, {
         "has-icon": t,
         "show-highlight": s,
         [o]: o !== "default"
@@ -2241,7 +2241,7 @@ const Vn = ({
     zt,
     {
       variant: "subtle",
-      className: V("empty-state-box", e, r),
+      className: U("empty-state-box", e, r),
       children: /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
         t && typeof t == "string" ? /* @__PURE__ */ c.jsx(en, { options: { forceBlock: !0 }, children: t }) : t,
         i && typeof n == "object" && (u || /* @__PURE__ */ c.jsx(
@@ -2265,7 +2265,7 @@ const Sh = ({
   heading: n = !1,
   children: r,
   ...i
-}) => /* @__PURE__ */ c.jsxs("div", { ...i, className: V("helper-text-box text-small", e, t), children: [
+}) => /* @__PURE__ */ c.jsxs("div", { ...i, className: U("helper-text-box text-small", e, t), children: [
   n && /* @__PURE__ */ c.jsx("p", { className: "title", children: n }),
   typeof r == "string" ? /* @__PURE__ */ c.jsx(
     en,
@@ -2317,14 +2317,14 @@ const jh = ({
     zt,
     {
       variant: "subtle",
-      className: V("hide-show-text-box", t),
+      className: U("hide-show-text-box", t),
       children: [
         /* @__PURE__ */ c.jsx(
           "div",
           {
             ref: u,
             id: e,
-            className: V("content", h, s),
+            className: U("content", h, s),
             children: i ? /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
               /* @__PURE__ */ c.jsx(en, { options: { forceBlock: !0, ...a }, children: h === "closed" ? d : i }),
               h !== "closed" && o
@@ -2337,7 +2337,7 @@ const jh = ({
             variant: "tertiary",
             icon: { icon: "navigation_arrow", position: "left", animate: !0 },
             styling: { muted: !0 },
-            className: V({ "rotate-180": f }),
+            className: U({ "rotate-180": f }),
             onClick: () => {
               p(f ? "ready-to-close" : "opening");
             },
@@ -2360,7 +2360,7 @@ const Ik = ({
 }) => {
   const { hasBorder: s = !1, zebraStriping: o = !1 } = i;
   return ie.createElement(e, {
-    className: V("icon-bulleted-list text-medium", n, a, {
+    className: U("icon-bulleted-list text-medium", n, a, {
       "has-border": s,
       "has-zebra-stripes": o,
       [t]: e !== "dl"
@@ -2486,7 +2486,7 @@ const Ik = ({
     "@",
     n.formatMessage({ id: "member_deleted" })
   ] })) : a ? (r = { ...r, className: "button primary medium" }, /* @__PURE__ */ c.jsx("p", { className: "center", children: /* @__PURE__ */ c.jsx(Se, { variant: "primary", size: "medium", ...r, children: i }) })) : /* @__PURE__ */ c.jsx("a", { ...r, children: i });
-}, yu = ({ children: e, ...t }) => /* @__PURE__ */ c.jsx("span", { className: V({ url: t == null ? void 0 : t.href }), children: e });
+}, yu = ({ children: e, ...t }) => /* @__PURE__ */ c.jsx("span", { className: U({ url: t == null ? void 0 : t.href }), children: e });
 const Lh = {
   default: {
     a: Ih,
@@ -2538,7 +2538,7 @@ const Lh = {
   };
   let l = Lh[i];
   return n.overrides && (l = { ...l, ...n.overrides }), ie.createElement(e, {
-    className: V("markdown-text", t, {
+    className: U("markdown-text", t, {
       "highlight-titles": s
     }),
     children: /* @__PURE__ */ c.jsx(en, { options: { ...o, ...n, overrides: l }, children: r })
@@ -2553,9 +2553,9 @@ const zh = ({
   ctaButton: a
 }) => {
   const s = e ? { "--max-width": `${e / 16}rem` } : {};
-  return /* @__PURE__ */ c.jsxs("section", { className: V("page-heading", i), children: [
-    /* @__PURE__ */ c.jsxs("div", { className: V("content", { "has-max-width": e }), style: s, children: [
-      /* @__PURE__ */ c.jsxs("div", { className: V("content-wrapper", { "has-max-width": e }), children: [
+  return /* @__PURE__ */ c.jsxs("section", { className: U("page-heading", i), children: [
+    /* @__PURE__ */ c.jsxs("div", { className: U("content", { "has-max-width": e }), style: s, children: [
+      /* @__PURE__ */ c.jsxs("div", { className: U("content-wrapper", { "has-max-width": e }), children: [
         t && t.text && ie.createElement(t.element || "h1", { className: "title" }, t.text),
         n && n.text && ie.createElement(
           n.element || "h2",
@@ -2567,7 +2567,7 @@ const zh = ({
         Se,
         {
           ...a,
-          className: V("cta-button", "gtm-trackable"),
+          className: U("cta-button", "gtm-trackable"),
           "data-gtm-event-context": "CreateNewArticle",
           "data-gtm-event-type": "create-article-click",
           children: a.text
@@ -2592,7 +2592,7 @@ const cn = ({
   }, { showTooltip: u, tooltipProps: d } = ud(!!i), m = {}, h = i ? typeof i == "string" ? `tooltip-${window.btoa(i)}` : i.id : void 0, p = i ? typeof i == "string" ? i : i.text : void 0;
   i && h && (m["aria-describedby"] = h);
   const v = ie.createElement(i ? "button" : s, {
-    className: V("pill", e, t, n, {
+    className: U("pill", e, t, n, {
       "has-icon": r
     }),
     style: l,
@@ -2619,7 +2619,7 @@ const Zr = ({
   e,
   {
     ...r,
-    className: V("status-banner text-small", n),
+    className: U("status-banner text-small", n),
     "aria-live": "assertive"
   },
   t
@@ -2739,7 +2739,7 @@ const ep = ({ slug: e }) => {
   return /* @__PURE__ */ c.jsx(
     cn,
     {
-      className: V("user-badge", a == null ? void 0 : a.toLowerCase()),
+      className: U("user-badge", a == null ? void 0 : a.toLowerCase()),
       icon: i && Xh[i],
       element: "li",
       tooltip: s,
@@ -2775,7 +2775,7 @@ const np = ({
   return /* @__PURE__ */ c.jsx(
     "span",
     {
-      className: V(`progress-bar section-${u}`, s, r, {
+      className: U(`progress-bar section-${u}`, s, r, {
         [o]: o !== "default",
         [l !== "default" ? l : ""]: l !== "default"
       }),
@@ -2808,7 +2808,7 @@ const Ta = "loadingBlock_", rp = ({
   return /* @__PURE__ */ c.jsxs(
     zt,
     {
-      className: V("loading-block", n, {
+      className: U("loading-block", n, {
         "has-icon": i && t[i].icon
       }),
       variant: "subtle",
@@ -2824,7 +2824,7 @@ const Zt = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */
   lo,
   {
     element: e,
-    className: V("loading-placeholder", t),
+    className: U("loading-placeholder", t),
     ...n
   }
 );
@@ -2878,7 +2878,7 @@ const js = {
   "course-navigation": ["button", "button"],
   "course-lesson-page": ["breadcrumb", "course-navigation", "text-page"],
   "course-lesson-quiz": ["text-page", "quiz-box"]
-}, yd = (e, t) => e in js ? /* @__PURE__ */ c.jsx("div", { className: e, children: js[e].map((n, r) => yd(n, r)) }, t) : /* @__PURE__ */ c.jsx(Zt, { className: e }, t), po = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ c.jsx("div", { className: V("loading-state", e), ...t, children: js[e].map((n, r) => yd(n, r)) }), xd = (e) => {
+}, yd = (e, t) => e in js ? /* @__PURE__ */ c.jsx("div", { className: e, children: js[e].map((n, r) => yd(n, r)) }, t) : /* @__PURE__ */ c.jsx(Zt, { className: e }, t), po = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ c.jsx("div", { className: U("loading-state", e), ...t, children: js[e].map((n, r) => yd(n, r)) }), xd = (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) : "";
 }, di = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], ap = (e) => {
@@ -2915,7 +2915,7 @@ const xu = 256, kn = ({
   return t && t !== "" && !l && (t.includes("http") || t.includes("//")) && (h = !0), /* @__PURE__ */ c.jsx(
     "figure",
     {
-      className: V("profile-picture", e, { error: l }),
+      className: U("profile-picture", e, { error: l }),
       ...o,
       children: h ? /* @__PURE__ */ c.jsx(
         "img",
@@ -2976,7 +2976,7 @@ const En = ({
   badges: u,
   ...d
 }) => {
-  var k, T, R, q, U;
+  var k, T, R, q, V;
   const m = de(), { profile: h, ...p } = a, {
     size: v = "medium",
     variant: f = "inline",
@@ -2992,7 +2992,7 @@ const En = ({
   const L = sp(_), I = r && r.createdAt ? Ts(r.createdAt) : !1, A = r && r.createdAt ? dd(r.createdAt) : "";
   return ie.createElement(e, {
     ...d,
-    className: V("member text-medium", v, f, l, {
+    className: U("member text-medium", v, f, l, {
       "has-profile-link": w
     }),
     ...p,
@@ -3020,7 +3020,7 @@ const En = ({
               /* @__PURE__ */ c.jsxs(
                 "div",
                 {
-                  className: V("name", { "new-line": g }),
+                  className: U("name", { "new-line": g }),
                   "data-testid": "member-name",
                   children: [
                     /* @__PURE__ */ c.jsx("span", { children: B }),
@@ -3028,7 +3028,7 @@ const En = ({
                     r && /* @__PURE__ */ c.jsxs(
                       "span",
                       {
-                        className: V("additional-content", {
+                        className: U("additional-content", {
                           "new-line": g
                         }),
                         children: [
@@ -3054,7 +3054,7 @@ const En = ({
                                 { id: `dates_${I.path}` },
                                 { number: I.number }
                               ),
-                              community: (U = (q = r.customMessage) == null ? void 0 : q.link) == null ? void 0 : U.text,
+                              community: (V = (q = r.customMessage) == null ? void 0 : q.link) == null ? void 0 : V.text,
                               link: (re) => {
                                 var ne, D;
                                 return /* @__PURE__ */ c.jsx(
@@ -3078,7 +3078,7 @@ const En = ({
               L && !g && /* @__PURE__ */ c.jsx(
                 "small",
                 {
-                  className: V({ "text-medium": v === "large" }),
+                  className: U({ "text-medium": v === "large" }),
                   "data-testid": "member-details",
                   children: b ? L : /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
                     _.role,
@@ -3147,7 +3147,7 @@ const wu = {
   const m = de();
   return !n || n.length === 0 ? null : ie.createElement(e, {
     ...d,
-    className: V("contributors", u, i, { "has-gap": a }),
+    className: U("contributors", u, i, { "has-gap": a }),
     children: /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
       /* @__PURE__ */ c.jsx("ul", { children: n.map((h, p) => {
         let v, f = "";
@@ -3169,7 +3169,7 @@ const wu = {
           v = /* @__PURE__ */ c.jsxs(
             "small",
             {
-              className: V({ "large-number": b > 99 }),
+              className: U({ "large-number": b > 99 }),
               children: [
                 "+",
                 xh(b, 0)
@@ -3177,14 +3177,14 @@ const wu = {
             }
           ), f = "number-left";
         }
-        return v ? /* @__PURE__ */ c.jsx("li", { className: V("contributor", f), children: v }, p) : null;
+        return v ? /* @__PURE__ */ c.jsx("li", { className: U("contributor", f), children: v }, p) : null;
       }) }),
       r && /* @__PURE__ */ c.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? m.formatMessage({ id: `member_${n[0]}` }) : lr(n[0].name || "", 20) : l || null })
     ] })
   });
 };
 const Dd = ({ element: e = "section", children: t, className: n, ...r }) => ie.createElement(e, {
-  className: V("modal", n),
+  className: U("modal", n),
   children: typeof t == "string" ? /* @__PURE__ */ c.jsx("p", { children: t }) : t,
   ...r
 });
@@ -3313,7 +3313,7 @@ function dp() {
         }
       }
     }
-    var C = l, _ = u, B = o, $ = s, O = t, L = d, I = r, A = v, k = p, T = n, R = a, q = i, U = m, re = !1;
+    var C = l, _ = u, B = o, $ = s, O = t, L = d, I = r, A = v, k = p, T = n, R = a, q = i, V = m, re = !1;
     function ne(Q) {
       return re || (re = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), D(Q) || F(Q) === l;
     }
@@ -3353,7 +3353,7 @@ function dp() {
     function oe(Q) {
       return F(Q) === m;
     }
-    Ke.AsyncMode = C, Ke.ConcurrentMode = _, Ke.ContextConsumer = B, Ke.ContextProvider = $, Ke.Element = O, Ke.ForwardRef = L, Ke.Fragment = I, Ke.Lazy = A, Ke.Memo = k, Ke.Portal = T, Ke.Profiler = R, Ke.StrictMode = q, Ke.Suspense = U, Ke.isAsyncMode = ne, Ke.isConcurrentMode = D, Ke.isContextConsumer = J, Ke.isContextProvider = G, Ke.isElement = E, Ke.isForwardRef = S, Ke.isFragment = z, Ke.isLazy = j, Ke.isMemo = M, Ke.isPortal = W, Ke.isProfiler = Z, Ke.isStrictMode = ee, Ke.isSuspense = oe, Ke.isValidElementType = w, Ke.typeOf = F;
+    Ke.AsyncMode = C, Ke.ConcurrentMode = _, Ke.ContextConsumer = B, Ke.ContextProvider = $, Ke.Element = O, Ke.ForwardRef = L, Ke.Fragment = I, Ke.Lazy = A, Ke.Memo = k, Ke.Portal = T, Ke.Profiler = R, Ke.StrictMode = q, Ke.Suspense = V, Ke.isAsyncMode = ne, Ke.isConcurrentMode = D, Ke.isContextConsumer = J, Ke.isContextProvider = G, Ke.isElement = E, Ke.isForwardRef = S, Ke.isFragment = z, Ke.isLazy = j, Ke.isMemo = M, Ke.isPortal = W, Ke.isProfiler = Z, Ke.isStrictMode = ee, Ke.isSuspense = oe, Ke.isValidElementType = w, Ke.typeOf = F;
   }()), Ke;
 }
 var Eu;
@@ -3554,7 +3554,7 @@ function hp() {
       function J(G, E, S, z, j, M) {
         var W = G[E], Z = q(W);
         if (Z !== D) {
-          var ee = U(W);
+          var ee = V(W);
           return new f(
             "Invalid " + z + " `" + j + "` of type " + ("`" + ee + "` supplied to `" + S + "`, expected ") + ("`" + D + "`."),
             { expectedType: D }
@@ -3627,7 +3627,7 @@ function hp() {
           if (v(M, D[W]))
             return null;
         var Z = JSON.stringify(D, function(oe, Q) {
-          var be = U(Q);
+          var be = V(Q);
           return be === "symbol" ? String(Q) : Q;
         });
         return new f("Invalid " + z + " `" + j + "` of value `" + String(M) + "` " + ("supplied to `" + S + "`, expected one of " + Z + "."));
@@ -3692,7 +3692,7 @@ function hp() {
         for (var Z in D) {
           var ee = D[Z];
           if (typeof ee != "function")
-            return I(S, z, j, Z, U(ee));
+            return I(S, z, j, Z, V(ee));
           var oe = ee(M, Z, S, z, j + "." + Z, n);
           if (oe)
             return oe;
@@ -3710,7 +3710,7 @@ function hp() {
         for (var ee in Z) {
           var oe = D[ee];
           if (r(D, ee) && typeof oe != "function")
-            return I(S, z, j, ee, U(oe));
+            return I(S, z, j, ee, V(oe));
           if (!oe)
             return new f(
               "Invalid " + z + " `" + j + "` key `" + ee + "` supplied to `" + S + "`.\nBad object: " + JSON.stringify(G[E], null, "  ") + `
@@ -3764,7 +3764,7 @@ Valid keys: ` + JSON.stringify(Object.keys(D), null, "  ")
       var J = typeof D;
       return Array.isArray(D) ? "array" : D instanceof RegExp ? "object" : R(J, D) ? "symbol" : J;
     }
-    function U(D) {
+    function V(D) {
       if (typeof D > "u" || D === null)
         return "" + D;
       var J = q(D);
@@ -3777,7 +3777,7 @@ Valid keys: ` + JSON.stringify(Object.keys(D), null, "  ")
       return J;
     }
     function re(D) {
-      var J = U(D);
+      var J = V(D);
       switch (J) {
         case "array":
         case "object":
@@ -4187,12 +4187,12 @@ var Pu = {
   }, u = function(A, k) {
     var T = typeof (k == null ? void 0 : k.composedPath) == "function" ? k.composedPath() : void 0;
     return s.containerGroups.findIndex(function(R) {
-      var q = R.container, U = R.tabbableNodes;
+      var q = R.container, V = R.tabbableNodes;
       return q.contains(A) || // fall back to explicit tabbable search which will take into consideration any
       //  web components if the `tabbableOptions.getShadowRoot` option was used for
       //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
       //  look inside web components even if open)
-      (T == null ? void 0 : T.includes(q)) || U.find(function(re) {
+      (T == null ? void 0 : T.includes(q)) || V.find(function(re) {
         return re === A;
       });
     });
@@ -4208,10 +4208,10 @@ var Pu = {
         return k;
       throw new Error("`".concat(A, "` was specified but was not a node, or did not return a node"));
     }
-    var U = k;
-    if (typeof k == "string" && (U = r.querySelector(k), !U))
+    var V = k;
+    if (typeof k == "string" && (V = r.querySelector(k), !V))
       throw new Error("`".concat(A, "` as selector refers to no known node"));
-    return U;
+    return V;
   }, m = function() {
     var A = d("initialFocus");
     if (A === !1)
@@ -4228,7 +4228,7 @@ var Pu = {
     return A;
   }, h = function() {
     if (s.containerGroups = s.containers.map(function(A) {
-      var k = Sd(A, a.tabbableOptions), T = jd(A, a.tabbableOptions), R = k.length > 0 ? k[0] : void 0, q = k.length > 0 ? k[k.length - 1] : void 0, U = T.find(function(D) {
+      var k = Sd(A, a.tabbableOptions), T = jd(A, a.tabbableOptions), R = k.length > 0 ? k[0] : void 0, q = k.length > 0 ? k[k.length - 1] : void 0, V = T.find(function(D) {
         return Tn(D);
       }), re = T.slice().reverse().find(function(D) {
         return Tn(D);
@@ -4253,7 +4253,7 @@ var Pu = {
         //  "close enough most of the time" alternative for positive tabindexes which should generally
         //  be avoided anyway...
         /** First tabbable node in container, __DOM__ order; `undefined` if none. */
-        firstDomTabbableNode: U,
+        firstDomTabbableNode: V,
         /** Last tabbable node in container, __DOM__ order; `undefined` if none. */
         lastDomTabbableNode: re,
         /**
@@ -4301,11 +4301,11 @@ var Pu = {
   }, b = function(A) {
     var k = A.target, T = A.event, R = A.isBackward, q = R === void 0 ? !1 : R;
     k = k || hi(T), h();
-    var U = null;
+    var V = null;
     if (s.tabbableGroups.length > 0) {
       var re = u(k, T), ne = re >= 0 ? s.containerGroups[re] : void 0;
       if (re < 0)
-        q ? U = s.tabbableGroups[s.tabbableGroups.length - 1].lastTabbableNode : U = s.tabbableGroups[0].firstTabbableNode;
+        q ? V = s.tabbableGroups[s.tabbableGroups.length - 1].lastTabbableNode : V = s.tabbableGroups[0].firstTabbableNode;
       else if (q) {
         var D = Mu(s.tabbableGroups, function(j) {
           var M = j.firstTabbableNode;
@@ -4313,9 +4313,9 @@ var Pu = {
         });
         if (D < 0 && (ne.container === k || Ni(k, a.tabbableOptions) && !Tn(k, a.tabbableOptions) && !ne.nextTabbableNode(k, !1)) && (D = re), D >= 0) {
           var J = D === 0 ? s.tabbableGroups.length - 1 : D - 1, G = s.tabbableGroups[J];
-          U = wn(k) >= 0 ? G.lastTabbableNode : G.lastDomTabbableNode;
+          V = wn(k) >= 0 ? G.lastTabbableNode : G.lastDomTabbableNode;
         } else
-          $r(T) || (U = ne.nextTabbableNode(k, !1));
+          $r(T) || (V = ne.nextTabbableNode(k, !1));
       } else {
         var E = Mu(s.tabbableGroups, function(j) {
           var M = j.lastTabbableNode;
@@ -4323,13 +4323,13 @@ var Pu = {
         });
         if (E < 0 && (ne.container === k || Ni(k, a.tabbableOptions) && !Tn(k, a.tabbableOptions) && !ne.nextTabbableNode(k)) && (E = re), E >= 0) {
           var S = E === s.tabbableGroups.length - 1 ? 0 : E + 1, z = s.tabbableGroups[S];
-          U = wn(k) >= 0 ? z.firstTabbableNode : z.firstDomTabbableNode;
+          V = wn(k) >= 0 ? z.firstTabbableNode : z.firstDomTabbableNode;
         } else
-          $r(T) || (U = ne.nextTabbableNode(k));
+          $r(T) || (V = ne.nextTabbableNode(k));
       }
     } else
-      U = d("fallbackFocus");
-    return U;
+      V = d("fallbackFocus");
+    return V;
   }, g = function(A) {
     var k = hi(A);
     if (!(u(k, A) >= 0)) {
@@ -4356,7 +4356,7 @@ var Pu = {
       var R, q = !0;
       if (s.mostRecentlyFocusedNode)
         if (wn(s.mostRecentlyFocusedNode) > 0) {
-          var U = u(s.mostRecentlyFocusedNode), re = s.containerGroups[U].tabbableNodes;
+          var V = u(s.mostRecentlyFocusedNode), re = s.containerGroups[V].tabbableNodes;
           if (re.length > 0) {
             var ne = re.findIndex(function(D) {
               return D === s.mostRecentlyFocusedNode;
@@ -4458,14 +4458,14 @@ var Pu = {
         checkCanReturnFocus: a.checkCanReturnFocus
       }, A);
       clearTimeout(s.delayInitialFocusTimer), s.delayInitialFocusTimer = void 0, B(), s.active = !1, s.paused = !1, L(), Pu.deactivateTrap(i, o);
-      var T = l(k, "onDeactivate"), R = l(k, "onPostDeactivate"), q = l(k, "checkCanReturnFocus"), U = l(k, "returnFocus", "returnFocusOnDeactivate");
+      var T = l(k, "onDeactivate"), R = l(k, "onPostDeactivate"), q = l(k, "checkCanReturnFocus"), V = l(k, "returnFocus", "returnFocusOnDeactivate");
       T == null || T();
       var re = function() {
         Nu(function() {
-          U && v(f(s.nodeFocusedBeforeActivation)), R == null || R();
+          V && v(f(s.nodeFocusedBeforeActivation)), R == null || R();
         });
       };
-      return U && q ? (q(f(s.nodeFocusedBeforeActivation)).then(re, re), this) : (re(), this);
+      return V && q ? (q(f(s.nodeFocusedBeforeActivation)).then(re, re), this) : (re(), this);
     },
     pause: function(A) {
       if (s.paused || !s.active)
@@ -4877,7 +4877,7 @@ const An = ({
     {
       id: `${e}-overlay`,
       ref: w,
-      className: V("overlay", {
+      className: U("overlay", {
         open: f,
         "in-portal": d.includes("in-portal")
       }),
@@ -4886,7 +4886,7 @@ const An = ({
         Dd,
         {
           id: e,
-          className: V("overlay-modal", d, {
+          className: U("overlay-modal", d, {
             "has-max-width": r
           }),
           hidden: !f,
@@ -4965,7 +4965,7 @@ const Br = "joinCommunityButton", Pd = ({
           await y();
         }, 500), m(!d);
       },
-      className: V("join-community-button", h, {
+      className: U("join-community-button", h, {
         active: h === "joining"
       }),
       disabled: u,
@@ -4986,7 +4986,7 @@ const Ra = "communityDetails_", zk = ({
   functions: { invite: s, ...o }
 }) => {
   const l = de(), { id: u } = ze(mt), d = u, m = 5, h = i || a.length, p = a.length ? a : Array(m).fill({}), v = `/communities/${r}/members` === window.location.pathname, f = t || n, b = !n && !t;
-  return /* @__PURE__ */ c.jsxs("div", { className: V("community-details", e), children: [
+  return /* @__PURE__ */ c.jsxs("div", { className: U("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: [
@@ -5041,7 +5041,7 @@ const Ji = ({
 }) => /* @__PURE__ */ c.jsx(
   Se,
   {
-    className: V("action-button", t),
+    className: U("action-button", t),
     variant: "tertiary",
     icon: e,
     ...n
@@ -5758,7 +5758,7 @@ const Ag = ({
       /* @__PURE__ */ c.jsx(
         Ji,
         {
-          className: V(
+          className: U(
             "discussion-button text-medium action-button likes-button",
             {
               "show-spinner": w,
@@ -6262,7 +6262,7 @@ const Ig = 280, Ud = async (e, t, n, r = () => Promise.resolve([])) => {
       unpin: T,
       createPoll: R,
       createVote: q,
-      removeVote: U,
+      removeVote: V,
       removePoll: re
     }
   } = jg({
@@ -6446,7 +6446,7 @@ const Ig = 280, Ud = async (e, t, n, r = () => Promise.resolve([])) => {
             },
             polls: {
               createVote: ({ reactionId: ke }) => q({ activityId: S, reactionId: ke }),
-              removeVote: ({ reactionId: ke }) => U({ activityId: S, reactionId: ke }),
+              removeVote: ({ reactionId: ke }) => V({ activityId: S, reactionId: ke }),
               removePoll: () => re({ activityId: S })
             },
             form: s
@@ -7671,7 +7671,7 @@ const av = ({
       functions: {
         onClose: t
       },
-      className: V("profile-modal in-portal", i, {
+      className: U("profile-modal in-portal", i, {
         open: e
       }),
       maxWidth: 600,
@@ -7795,7 +7795,7 @@ const ov = 3e3, uv = ({
     /* @__PURE__ */ c.jsx(
       xr,
       {
-        className: V({
+        className: U({
           copied: i.isCopied
         }),
         isOpen: i.isOpen,
@@ -7839,7 +7839,7 @@ const Yn = "discussion_", lv = ({
   }), /* @__PURE__ */ c.jsxs(
     "ul",
     {
-      className: V("actions text-medium", e),
+      className: U("actions text-medium", e),
       "data-testid": `${n}-actions`,
       children: [
         r ? /* @__PURE__ */ c.jsx(
@@ -7926,7 +7926,7 @@ const Wk = ({ breadcrumbs: e, cutoff: t = 20, className: n = "" }) => {
         children: r.formatMessage({ id: "breadcrumbs_label" })
       }
     ),
-    /* @__PURE__ */ c.jsx("ul", { className: V("breadcrumbs text-small", n), children: e.map(
+    /* @__PURE__ */ c.jsx("ul", { className: U("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: [
@@ -7954,7 +7954,7 @@ const Hd = ({
   return /* @__PURE__ */ c.jsxs(
     "aside",
     {
-      className: V("enriched-url gtm-trackable", {
+      className: U("enriched-url gtm-trackable", {
         "has-image": t,
         [e]: e !== "default"
       }),
@@ -8008,7 +8008,7 @@ const cv = ({
     let b = [];
     u.includes(v) && !a ? b = u.filter((g) => g !== v) : v === "all" ? b = ["all"] : r ? b = [...u.filter((g) => g !== "all"), v] : b = [v], d((g) => (i && typeof i == "function" && i({ current: b, previous: g }), b)), f && typeof f == "function" && f();
   };
-  return /* @__PURE__ */ c.jsx("ul", { className: V("filters", s), children: l.map(
+  return /* @__PURE__ */ c.jsx("ul", { className: U("filters", s), children: l.map(
     ({ id: v, text: f, disabled: b = !1, callback: g = () => {
     } }, y) => {
       let w = {
@@ -8023,7 +8023,7 @@ const cv = ({
       }), /* @__PURE__ */ c.jsx("li", { children: /* @__PURE__ */ c.jsx(
         "button",
         {
-          className: V(v, {
+          className: U(v, {
             selected: u.includes(v)
           }),
           onClick: (F) => {
@@ -8082,7 +8082,7 @@ const gi = "languageSwitcher_", Hk = ({
   ))
     return null;
   const v = Object.keys(r), f = m !== e;
-  return /* @__PURE__ */ c.jsxs("div", { className: V("language-switcher text-small", s, l), children: [
+  return /* @__PURE__ */ c.jsxs("div", { className: U("language-switcher text-small", s, l), children: [
     /* @__PURE__ */ c.jsxs("nav", { children: [
       s !== "short" && /* @__PURE__ */ c.jsx("p", { children: o || u.formatMessage({ id: `${gi}label` }) }),
       /* @__PURE__ */ c.jsx("ul", { children: v.map((b) => {
@@ -8157,7 +8157,7 @@ const za = Um({ locale: "en", messages: wr }), ha = ({
         v instanceof Error ? m(v.message) : m("Unknown error");
       }
   };
-  return !d && !e && !o.endOfFeed ? null : /* @__PURE__ */ c.jsx("footer", { className: V("load-more", l), children: !d && e ? /* @__PURE__ */ c.jsx(
+  return !d && !e && !o.endOfFeed ? null : /* @__PURE__ */ c.jsx("footer", { className: U("load-more", l), children: !d && e ? /* @__PURE__ */ c.jsx(
     Se,
     {
       variant: r,
@@ -8183,7 +8183,7 @@ const Kd = ({
   "a",
   {
     href: "/home/",
-    className: V("logo", e, t, n),
+    className: U("logo", e, t, n),
     ...r,
     children: /* @__PURE__ */ c.jsx(qe, { children: /* @__PURE__ */ c.jsx(ft, { id: "apolitical" }) })
   }
@@ -8204,7 +8204,7 @@ const fv = ({
     document.removeEventListener("click", l, !0);
   })), ie.createElement(e, {
     ref: a,
-    className: V("more-menu text-medium", r),
+    className: U("more-menu text-medium", r),
     children: /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
       /* @__PURE__ */ c.jsx(
         Se,
@@ -8276,7 +8276,7 @@ const hv = vr(() => Promise.resolve().then(() => lp)), pv = [
   return /* @__PURE__ */ c.jsxs("ul", { id: "navigation-menu", className: "text-medium", children: [
     pv.map(({ key: a, href: s }) => {
       const o = mv(s, e), l = {};
-      return o && (l["aria-current"] = "page"), /* @__PURE__ */ c.jsx("li", { className: V(a, { active: o }), children: /* @__PURE__ */ c.jsx(
+      return o && (l["aria-current"] = "page"), /* @__PURE__ */ c.jsx("li", { className: U(a, { active: o }), children: /* @__PURE__ */ c.jsx(
         "a",
         {
           href: s,
@@ -8356,7 +8356,7 @@ const bv = "shareLinks_", Kk = ({
   className: s = ""
 }) => {
   const o = de(), l = vv({ title: e, link: t, referrer: n });
-  return /* @__PURE__ */ c.jsxs("aside", { className: V("share-links", i, a, s), children: [
+  return /* @__PURE__ */ c.jsxs("aside", { className: U("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: m, shouldRender: h = !0, onClick: p }) => {
       if (typeof h == "function" && !h())
@@ -8454,7 +8454,7 @@ const Zk = ({ tabs: e, className: t = "", preventLocationChange: n }) => {
             href: y || `#${f}`,
             id: `tab-${f}`,
             "aria-controls": f,
-            className: V({ selected: _ }),
+            className: U({ selected: _ }),
             role: "tab",
             tabIndex: _ ? 0 : -1,
             "aria-selected": _,
@@ -8465,7 +8465,7 @@ const Zk = ({ tabs: e, className: t = "", preventLocationChange: n }) => {
         ) }, `tab-${f}`)
       );
     }
-  ), /* @__PURE__ */ c.jsxs("div", { className: V("tabs-wrapper", t), children: [
+  ), /* @__PURE__ */ c.jsxs("div", { className: U("tabs-wrapper", t), children: [
     /* @__PURE__ */ c.jsx("ul", { className: "tabs", role: "tablist", children: h }),
     /* @__PURE__ */ c.jsx("div", { className: "tab-content", children: p })
   ] });
@@ -8486,7 +8486,7 @@ const yv = {
   return ie.Children.count(i) === 1 && (s = ie.Children.toArray(i)[0], s.props && (s = s.props.children)), /* @__PURE__ */ c.jsx(
     "section",
     {
-      className: V("columns", `layout-${e}`, r, {
+      className: U("columns", `layout-${e}`, r, {
         "has-containers": n
       }),
       children: ie.Children.map(s, (o, l) => t !== !1 && l === t && a && a < yv[e] ? null : o)
@@ -8508,7 +8508,7 @@ const Zd = ({
       "small",
       {
         id: e,
-        className: V("character-limit", {
+        className: U("character-limit", {
           "near-limit": l,
           "approaching-limit": u
         }),
@@ -8707,7 +8707,7 @@ const bi = "emailHelperTextBox_", Dv = ({
     ...h,
     id: n,
     name: a,
-    className: V(e, t, { autoresize: f }),
+    className: U(e, t, { autoresize: f }),
     value: l,
     placeholder: s,
     autoFocus: u,
@@ -8832,7 +8832,7 @@ const Gn = {
           ..._,
           activePredictionIndex: C
         })),
-        className: V("predictions-list-item", {
+        className: U("predictions-list-item", {
           active: C === p
         }),
         children: F.description
@@ -8874,7 +8874,15 @@ const Yd = ({
         tabIndex: -1
       }
     ),
-    /* @__PURE__ */ c.jsx("span", { className: "pretty-checkbox", "data-testid": "pretty-checkbox" }),
+    /* @__PURE__ */ c.jsx(
+      "span",
+      {
+        className: U("pretty-checkbox", {
+          radio: u === "radio"
+        }),
+        "data-testid": "pretty-checkbox"
+      }
+    ),
     /* @__PURE__ */ c.jsx(
       "label",
       {
@@ -8918,7 +8926,7 @@ const Yd = ({
               break;
           }
       } : void 0,
-      className: V(i, "checkbox-wrapper", e, {
+      className: U(i, "checkbox-wrapper", e, {
         "is-checked": d
       }),
       ...h,
@@ -8933,7 +8941,7 @@ const _v = rn(function({
   return /* @__PURE__ */ c.jsx(
     lo,
     {
-      className: V("rotating-chevron", `direction-${t}`)
+      className: U("rotating-chevron", `direction-${t}`)
     }
   );
 });
@@ -8969,7 +8977,7 @@ const kv = ({
     } else
       b([]), y && y([]);
   };
-  return /* @__PURE__ */ c.jsxs("div", { className: V("dropdown-wrapper", e), children: [
+  return /* @__PURE__ */ c.jsxs("div", { className: U("dropdown-wrapper", e), children: [
     /* @__PURE__ */ c.jsxs(
       "button",
       {
@@ -9054,7 +9062,7 @@ const kv = ({
               return /* @__PURE__ */ c.jsx("li", { "data-testid": "dropdown-options", children: /* @__PURE__ */ c.jsxs(
                 "button",
                 {
-                  className: V("gtm-trackable", {
+                  className: U("gtm-trackable", {
                     selected: $,
                     "selected-single": $ && !o
                   }),
@@ -9068,7 +9076,7 @@ const kv = ({
                   "data-testid": $ ? "current-selection" : "",
                   children: [
                     o && /* @__PURE__ */ c.jsx("span", { className: "pretty-checkbox", "data-testid": "pretty-checkbox" }),
-                    /* @__PURE__ */ c.jsx("span", { className: V({ "menu-option-label": o }), children: B.label })
+                    /* @__PURE__ */ c.jsx("span", { className: U({ "menu-option-label": o }), children: B.label })
                   ]
                 }
               ) }, B.id);
@@ -9154,14 +9162,14 @@ const Av = ({
         return;
       const T = It(l);
       T && e && (T.forEach((R) => {
-        const { condition: q, error: U } = R;
+        const { condition: q, error: V } = R;
         if (typeof q == "function")
           R.condition = (re) => {
             var J;
             let ne = (J = re == null ? void 0 : re[e]) == null ? void 0 : J[k];
             ne || (re[e] && !Array.isArray(re[e]) ? ne = re[e] : ne = "");
             const D = It(re);
-            return D[e] = ne, typeof q == "function" && q(D) ? U : !1;
+            return D[e] = ne, typeof q == "function" && q(D) ? V : !1;
           };
         else {
           const re = q;
@@ -9170,16 +9178,16 @@ const Av = ({
             let D = (J = ne == null ? void 0 : ne[e]) == null ? void 0 : J[k];
             switch (D || (ne[e] && !Array.isArray(ne[e]) ? D = ne[e] : D = ""), re) {
               case "required":
-                U || (R.error = h == null ? void 0 : h.formatMessage({ id: "form_error_required" }));
+                V || (R.error = h == null ? void 0 : h.formatMessage({ id: "form_error_required" }));
                 break;
               case "no-numbers":
-                U || (R.error = h == null ? void 0 : h.formatMessage({ id: "form_error_numbers" }));
+                V || (R.error = h == null ? void 0 : h.formatMessage({ id: "form_error_numbers" }));
                 break;
               case "valid-email":
-                U || (R.error = U || (h == null ? void 0 : h.formatMessage({ id: "form_error_email" })));
+                V || (R.error = V || (h == null ? void 0 : h.formatMessage({ id: "form_error_email" })));
                 break;
               case "valid-url":
-                U || (R.error = h == null ? void 0 : h.formatMessage({ id: "form_error_url" }));
+                V || (R.error = h == null ? void 0 : h.formatMessage({ id: "form_error_url" }));
                 break;
               default:
                 console.warn("WARNING! No field validation condition has been set");
@@ -9210,7 +9218,7 @@ const Av = ({
   return /* @__PURE__ */ c.jsxs(
     "fieldset",
     {
-      className: V("multiple-inputs field-wrapper", {
+      className: U("multiple-inputs field-wrapper", {
         "has-button": g,
         "has-legend": t
       }),
@@ -9324,7 +9332,7 @@ const Hu = ({
     "ul",
     {
       ...p,
-      className: V("options-wrapper", e, {
+      className: U("options-wrapper", e, {
         "with-pills filters": h
       }),
       "data-testid": `ul-${r}`,
@@ -9388,7 +9396,7 @@ const Fv = ({
       "button",
       {
         type: "button",
-        className: V("show-password gtm-trackable", {
+        className: U("show-password gtm-trackable", {
           "password-visible": l
         }),
         "data-gtm-event-context": n,
@@ -9490,7 +9498,7 @@ const Qn = {
         {
           ...$,
           label: L,
-          className: V("field-wrapper", i)
+          className: U("field-wrapper", i)
         }
       ),
       /* @__PURE__ */ c.jsx(I, { as: "p" })
@@ -9504,7 +9512,7 @@ const Qn = {
   return /* @__PURE__ */ c.jsx(c.Fragment, { children: ie.createElement(
     w ? "fieldset" : "div",
     {
-      className: V(
+      className: U(
         "field-wrapper text-medium",
         i,
         `${u}-wrapper`,
@@ -9700,7 +9708,7 @@ const hn = ({
     formSubmitted: !1,
     errors: {},
     values: T
-  }), { errors: U, isSubmitting: re, formSubmitted: ne, values: D } = R;
+  }), { errors: V, isSubmitting: re, formSubmitted: ne, values: D } = R;
   fe(() => {
     C && ne && (Ua = setTimeout(() => {
       q({
@@ -9792,7 +9800,7 @@ const hn = ({
     {
       ...y,
       icon: ne ? { icon: "tick", position: "left" } : !1,
-      className: V("gtm-trackable", y.className),
+      className: U("gtm-trackable", y.className),
       onClick: z,
       disabled: re || ne || s.disabled,
       "data-gtm-event-context": d.context,
@@ -9802,7 +9810,7 @@ const hn = ({
   ];
   return F && j.unshift({
     ...o,
-    className: V("gtm-trackable", o.className),
+    className: U("gtm-trackable", o.className),
     "data-gtm-event-context": d.context,
     "data-gtm-event-type": d.event,
     disabled: re || ne,
@@ -9814,11 +9822,11 @@ const hn = ({
       {
         ...h,
         id: r,
-        className: V("form", n),
+        className: U("form", n),
         ref: G
       },
       /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-        U != null && U.general ? /* @__PURE__ */ c.jsx(
+        V != null && V.general ? /* @__PURE__ */ c.jsx(
           Vn,
           {
             variant: "error",
@@ -9851,7 +9859,7 @@ const hn = ({
               ...M,
               showRequiredLabels: B,
               value: be,
-              error: M.type === "multiple-inputs" ? U : U == null ? void 0 : U[Z],
+              error: M.type === "multiple-inputs" ? V : V == null ? void 0 : V[Z],
               functions: me,
               fieldData: {
                 fields: v.fieldsToValidate,
@@ -9866,7 +9874,7 @@ const hn = ({
         g ? null : (re || ne) && b ? b : /* @__PURE__ */ c.jsx(
           ri,
           {
-            className: V("cta", {
+            className: U("cta", {
               center: re || ne,
               submitted: ne
             }),
@@ -9891,13 +9899,13 @@ const yi = "passwordRules_", Qd = "isMoreThanEightCharacters", Jd = "includesNum
   className: t = ""
 }) => {
   const n = de();
-  return /* @__PURE__ */ c.jsxs("aside", { className: V("password-rules", t), children: [
+  return /* @__PURE__ */ c.jsxs("aside", { className: U("password-rules", t), children: [
     /* @__PURE__ */ c.jsx("small", { children: n.formatMessage({ id: `${yi}intro` }) }),
     /* @__PURE__ */ c.jsx("ul", { children: [Qd, Jd, Xd].map(
       (r) => /* @__PURE__ */ c.jsxs(
         "li",
         {
-          className: V({ matches: e[r] }),
+          className: U({ matches: e[r] }),
           children: [
             /* @__PURE__ */ c.jsxs(qe, { children: [
               n.formatMessage({ id: `${yi}rule_label` }),
@@ -9966,14 +9974,14 @@ const Yk = ({
         u((y) => ({ ...y, disabled: !1 }));
       }
   };
-  return /* @__PURE__ */ c.jsxs("div", { className: V("rating", a), children: [
+  return /* @__PURE__ */ c.jsxs("div", { className: U("rating", a), children: [
     /* @__PURE__ */ c.jsx("span", { className: "label", children: f[h ? "success" : "text"] }),
     /* @__PURE__ */ c.jsx("ol", { children: Array.from(new Array(t).keys()).map((g) => {
       const y = g + 1;
       return /* @__PURE__ */ c.jsx(
         "li",
         {
-          className: V({ selected: h && y <= h }),
+          className: U({ selected: h && y <= h }),
           children: /* @__PURE__ */ c.jsx(
             Se,
             {
@@ -10228,26 +10236,26 @@ const Vb = /* @__PURE__ */ qn(Ub), Xu = (e) => typeof e == "object" && e != null
     v != null && v === document.body && Wa(v) && !Wa(document.documentElement) || v != null && Wa(v, d) && p.push(v);
   }
   const f = (r = (n = window.visualViewport) == null ? void 0 : n.width) != null ? r : innerWidth, b = (a = (i = window.visualViewport) == null ? void 0 : i.height) != null ? a : innerHeight, { scrollX: g, scrollY: y } = window, { height: w, width: F, top: C, right: _, bottom: B, left: $ } = e.getBoundingClientRect(), { top: O, right: L, bottom: I, left: A } = ((q) => {
-    const U = window.getComputedStyle(q);
-    return { top: parseFloat(U.scrollMarginTop) || 0, right: parseFloat(U.scrollMarginRight) || 0, bottom: parseFloat(U.scrollMarginBottom) || 0, left: parseFloat(U.scrollMarginLeft) || 0 };
+    const V = window.getComputedStyle(q);
+    return { top: parseFloat(V.scrollMarginTop) || 0, right: parseFloat(V.scrollMarginRight) || 0, bottom: parseFloat(V.scrollMarginBottom) || 0, left: parseFloat(V.scrollMarginLeft) || 0 };
   })(e);
   let k = o === "start" || o === "nearest" ? C - O : o === "end" ? B + I : C + w / 2 - O + I, T = l === "center" ? $ + F / 2 - A + L : l === "end" ? _ + L : $ - A;
   const R = [];
   for (let q = 0; q < p.length; q++) {
-    const U = p[q], { height: re, width: ne, top: D, right: J, bottom: G, left: E } = U.getBoundingClientRect();
+    const V = p[q], { height: re, width: ne, top: D, right: J, bottom: G, left: E } = V.getBoundingClientRect();
     if (s === "if-needed" && C >= 0 && $ >= 0 && B <= b && _ <= f && C >= D && B <= G && $ >= E && _ <= J)
       return R;
-    const S = getComputedStyle(U), z = parseInt(S.borderLeftWidth, 10), j = parseInt(S.borderTopWidth, 10), M = parseInt(S.borderRightWidth, 10), W = parseInt(S.borderBottomWidth, 10);
+    const S = getComputedStyle(V), z = parseInt(S.borderLeftWidth, 10), j = parseInt(S.borderTopWidth, 10), M = parseInt(S.borderRightWidth, 10), W = parseInt(S.borderBottomWidth, 10);
     let Z = 0, ee = 0;
-    const oe = "offsetWidth" in U ? U.offsetWidth - U.clientWidth - z - M : 0, Q = "offsetHeight" in U ? U.offsetHeight - U.clientHeight - j - W : 0, be = "offsetWidth" in U ? U.offsetWidth === 0 ? 0 : ne / U.offsetWidth : 0, me = "offsetHeight" in U ? U.offsetHeight === 0 ? 0 : re / U.offsetHeight : 0;
-    if (h === U)
+    const oe = "offsetWidth" in V ? V.offsetWidth - V.clientWidth - z - M : 0, Q = "offsetHeight" in V ? V.offsetHeight - V.clientHeight - j - W : 0, be = "offsetWidth" in V ? V.offsetWidth === 0 ? 0 : ne / V.offsetWidth : 0, me = "offsetHeight" in V ? V.offsetHeight === 0 ? 0 : re / V.offsetHeight : 0;
+    if (h === V)
       Z = o === "start" ? k : o === "end" ? k - b : o === "nearest" ? xi(y, y + b, b, j, W, y + k, y + k + w, w) : k - b / 2, ee = l === "start" ? T : l === "center" ? T - f / 2 : l === "end" ? T - f : xi(g, g + f, f, z, M, g + T, g + T + F, F), Z = Math.max(0, Z + y), ee = Math.max(0, ee + g);
     else {
       Z = o === "start" ? k - D - j : o === "end" ? k - G + W + Q : o === "nearest" ? xi(D, G, re, j, W + Q, k, k + w, w) : k - (D + re / 2) + Q / 2, ee = l === "start" ? T - E - z : l === "center" ? T - (E + ne / 2) + oe / 2 : l === "end" ? T - J + M + oe : xi(E, J, ne, z, M + oe, T, T + F, F);
-      const { scrollLeft: we, scrollTop: je } = U;
-      Z = me === 0 ? 0 : Math.max(0, Math.min(je + Z / me, U.scrollHeight - re / me + Q)), ee = be === 0 ? 0 : Math.max(0, Math.min(we + ee / be, U.scrollWidth - ne / be + oe)), k += je - Z, T += we - ee;
+      const { scrollLeft: we, scrollTop: je } = V;
+      Z = me === 0 ? 0 : Math.max(0, Math.min(je + Z / me, V.scrollHeight - re / me + Q)), ee = be === 0 ? 0 : Math.max(0, Math.min(we + ee / be, V.scrollWidth - ne / be + oe)), k += je - Z, T += we - ee;
     }
-    R.push({ el: U, top: Z, left: ee });
+    R.push({ el: V, top: Z, left: ee });
   }
   return R;
 }, Hb = (e) => e === !1 ? { block: "end", inline: "nearest" } : ((t) => t === Object(t) && Object.keys(t).length !== 0)(e) ? e : { block: "start", inline: "nearest" };
@@ -11076,8 +11084,8 @@ var c0 = (e, t, n) => {
       A.children.splice(k, 1);
       var T = N.transform(O, n), R = le.get(e, N.parent(T)), q = T[T.length - 1];
       if (R.children.splice(q, 0, I), t)
-        for (var [U, re] of Y.points(t))
-          t[re] = Pe.transform(U, n);
+        for (var [V, re] of Y.points(t))
+          t[re] = Pe.transform(V, n);
       break;
     }
     case "remove_node": {
@@ -13409,7 +13417,7 @@ var Qy = (e, t) => {
           var [R, q] = T;
           k && N.compare(q, k) === 0 || (!l && pe.isElement(R) && (x.isVoid(t, R) || x.isElementReadOnly(t, R)) || !N.isCommon(q, y.path) && !N.isCommon(q, w.path)) && (A.push(T), k = q);
         }
-        var U = Array.from(A, (me) => {
+        var V = Array.from(A, (me) => {
           var [, we] = me;
           return x.pathRef(t, we);
         }), re = x.pointRef(t, y), ne = x.pointRef(t, w), D = "";
@@ -13426,7 +13434,7 @@ var Qy = (e, t) => {
             text: z
           }), D = z);
         }
-        if (U.reverse().map((me) => me.unref()).filter((me) => me !== null).forEach((me) => X.removeNodes(t, {
+        if (V.reverse().map((me) => me.unref()).filter((me) => me !== null).forEach((me) => X.removeNodes(t, {
           at: me,
           voids: l
         })), !O) {
@@ -13524,7 +13532,7 @@ var Qy = (e, t) => {
           match: (z) => ve.isText(z) || x.isInline(t, z),
           mode: "highest",
           voids: a
-        }), [, U] = q, re = x.isStart(t, s, U), ne = x.isEnd(t, s, U), D = x.pathRef(t, g && !A.length ? N.next(f) : f), J = x.pathRef(t, ne ? N.next(U) : U);
+        }), [, V] = q, re = x.isStart(t, s, V), ne = x.isEnd(t, s, V), D = x.pathRef(t, g && !A.length ? N.next(f) : f), J = x.pathRef(t, ne ? N.next(V) : V);
         X.splitNodes(t, {
           at: s,
           match: (z) => T ? pe.isElement(z) && x.isBlock(t, z) : ve.isText(z) || x.isInline(t, z),
@@ -13532,7 +13540,7 @@ var Qy = (e, t) => {
           always: T && (!b || L.length > 0) && (!g || A.length > 0),
           voids: a
         });
-        var G = x.pathRef(t, !re || re && ne ? N.next(U) : U);
+        var G = x.pathRef(t, !re || re && ne ? N.next(V) : V);
         if (X.insertNodes(t, L, {
           at: G.current,
           match: (z) => ve.isText(z) || x.isInline(t, z),
@@ -14147,8 +14155,8 @@ var l1 = function(t, n) {
           L = A[A.length - 1] + (k || R ? 1 : 0);
         }
         if (n.at == null) {
-          var U = p.current || x.end(t, []);
-          X.select(t, U);
+          var V = p.current || x.end(t, []);
+          X.select(t, V);
         }
       } finally {
         var re;
@@ -15906,8 +15914,8 @@ function kx(e) {
     });
     ln.set(t, t.marks), Ex("flush", yn.get(t), kt.get(t));
     for (var k = F(), T; T = (R = kt.get(t)) === null || R === void 0 ? void 0 : R[0]; ) {
-      var R, q, U = Ht.get(t);
-      U !== void 0 && (Ht.delete(t), t.marks = U), U && u === !1 && (u = null);
+      var R, q, V = Ht.get(t);
+      V !== void 0 && (Ht.delete(t), t.marks = V), V && u === !1 && (u = null);
       var re = xx(T);
       (!t.selection || !Y.equals(t.selection, re)) && X.select(t, re), T.diff.text ? x.insertText(t, T.diff.text) : x.deleteFragment(t), kt.set(t, (q = kt.get(t)) === null || q === void 0 ? void 0 : q.filter((J) => {
         var {
@@ -15942,8 +15950,8 @@ function kx(e) {
   }, b = (A, k) => {
     var T, R = (T = kt.get(t)) !== null && T !== void 0 ? T : [];
     kt.set(t, R);
-    var q = le.leaf(t, A), U = R.findIndex((D) => N.equals(D.path, A));
-    if (U < 0) {
+    var q = le.leaf(t, A), V = R.findIndex((D) => N.equals(D.path, A));
+    if (V < 0) {
       var re = Rf(q.text, k);
       re && R.push({
         path: A,
@@ -15952,12 +15960,12 @@ function kx(e) {
       }), f();
       return;
     }
-    var ne = yx(q.text, R[U].diff, k);
+    var ne = yx(q.text, R[V].diff, k);
     if (!ne) {
-      R.splice(U, 1), f();
+      R.splice(V, 1), f();
       return;
     }
-    R[U] = ki(ki({}, R[U]), {}, {
+    R[V] = ki(ki({}, R[V]), {}, {
       diff: ne
     });
   }, g = function(k) {
@@ -15975,13 +15983,13 @@ function kx(e) {
       inputType: T
     } = A, R = null, q = A.dataTransfer || A.data || void 0;
     u !== !1 && T !== "insertText" && T !== "insertCompositionText" && (u = !1);
-    var [U] = A.getTargetRanges();
-    U && (R = te.toSlateRange(t, U, {
+    var [V] = A.getTargetRanges();
+    V && (R = te.toSlateRange(t, V, {
       exactMatch: !1,
       suppressThrow: !0
     }));
     var re = te.getWindow(t), ne = re.getSelection();
-    if (!R && ne && (U = ne, R = te.toSlateRange(t, ne, {
+    if (!R && ne && (V = ne, R = te.toSlateRange(t, ne, {
       exactMatch: !1,
       suppressThrow: !0
     })), R = (k = R) !== null && k !== void 0 ? k : t.selection, !!R) {
@@ -16052,7 +16060,7 @@ function kx(e) {
         case "deleteContentBackward": {
           var Ue, {
             anchor: Le
-          } = R, tt = Hs(U) ? U.isCollapsed : !!((Ue = U) !== null && Ue !== void 0 && Ue.collapsed);
+          } = R, tt = Hs(V) ? V.isCollapsed : !!((Ue = V) !== null && Ue !== void 0 && Ue.collapsed);
           return D && tt && Y.isCollapsed(R) && Le.offset > 0 ? b(Le.path, {
             text: "",
             start: Le.offset - 1,
@@ -17044,7 +17052,7 @@ var lw = (e) => /* @__PURE__ */ ie.createElement(ie.Fragment, null, qf(e)), cw =
       S.document.removeEventListener("selectionchange", A);
     };
   }, [A]);
-  var R = r([f, []]), q = a && f.children.length === 1 && Array.from(le.texts(f)).length === 1 && le.string(f) === "" && !b, U = Ie((S) => {
+  var R = r([f, []]), q = a && f.children.length === 1 && Array.from(le.texts(f)).length === 1 && le.string(f) === "" && !b, V = Ie((S) => {
     if (S && q) {
       var z;
       C((z = S.getBoundingClientRect()) === null || z === void 0 ? void 0 : z.height);
@@ -17056,7 +17064,7 @@ var lw = (e) => /* @__PURE__ */ ie.createElement(ie.Fragment, null, qf(e)), cw =
     R.push({
       [gr]: !0,
       placeholder: a,
-      onPlaceholderResize: U,
+      onPlaceholderResize: V,
       anchor: re,
       focus: re
     });
@@ -20447,7 +20455,7 @@ function HD(e, t, n) {
     return E === null || Ce(E) ? A(E) : We(E) ? (e.consume(E), I) : n(E);
   }
   function A(E) {
-    return E === 45 && i === 2 ? (e.consume(E), q) : E === 60 && i === 1 ? (e.consume(E), U) : E === 62 && i === 4 ? (e.consume(E), J) : E === 63 && i === 3 ? (e.consume(E), D) : E === 93 && i === 5 ? (e.consume(E), ne) : Ce(E) && (i === 6 || i === 7) ? (e.exit("htmlFlowData"), e.check(UD, G, k)(E)) : E === null || Ce(E) ? (e.exit("htmlFlowData"), k(E)) : (e.consume(E), A);
+    return E === 45 && i === 2 ? (e.consume(E), q) : E === 60 && i === 1 ? (e.consume(E), V) : E === 62 && i === 4 ? (e.consume(E), J) : E === 63 && i === 3 ? (e.consume(E), D) : E === 93 && i === 5 ? (e.consume(E), ne) : Ce(E) && (i === 6 || i === 7) ? (e.exit("htmlFlowData"), e.check(UD, G, k)(E)) : E === null || Ce(E) ? (e.exit("htmlFlowData"), k(E)) : (e.consume(E), A);
   }
   function k(E) {
     return e.check(VD, T, G)(E);
@@ -20461,7 +20469,7 @@ function HD(e, t, n) {
   function q(E) {
     return E === 45 ? (e.consume(E), D) : A(E);
   }
-  function U(E) {
+  function V(E) {
     return E === 47 ? (e.consume(E), s = "", re) : A(E);
   }
   function re(E) {
@@ -20521,7 +20529,7 @@ function GD(e, t, n) {
     return D === 45 ? (e.consume(D), p) : n(D);
   }
   function m(D) {
-    return D === null ? n(D) : D === 45 ? (e.consume(D), h) : Ce(D) ? (s = m, U(D)) : (e.consume(D), m);
+    return D === null ? n(D) : D === 45 ? (e.consume(D), h) : Ce(D) ? (s = m, V(D)) : (e.consume(D), m);
   }
   function h(D) {
     return D === 45 ? (e.consume(D), p) : m(D);
@@ -20534,7 +20542,7 @@ function GD(e, t, n) {
     return D === J.charCodeAt(a++) ? (e.consume(D), a === J.length ? f : v) : n(D);
   }
   function f(D) {
-    return D === null ? n(D) : D === 93 ? (e.consume(D), b) : Ce(D) ? (s = f, U(D)) : (e.consume(D), f);
+    return D === null ? n(D) : D === 93 ? (e.consume(D), b) : Ce(D) ? (s = f, V(D)) : (e.consume(D), f);
   }
   function b(D) {
     return D === 93 ? (e.consume(D), g) : f(D);
@@ -20543,10 +20551,10 @@ function GD(e, t, n) {
     return D === 62 ? q(D) : D === 93 ? (e.consume(D), g) : f(D);
   }
   function y(D) {
-    return D === null || D === 62 ? q(D) : Ce(D) ? (s = y, U(D)) : (e.consume(D), y);
+    return D === null || D === 62 ? q(D) : Ce(D) ? (s = y, V(D)) : (e.consume(D), y);
   }
   function w(D) {
-    return D === null ? n(D) : D === 63 ? (e.consume(D), F) : Ce(D) ? (s = w, U(D)) : (e.consume(D), w);
+    return D === null ? n(D) : D === 63 ? (e.consume(D), F) : Ce(D) ? (s = w, V(D)) : (e.consume(D), w);
   }
   function F(D) {
     return D === 62 ? q(D) : w(D);
@@ -20558,25 +20566,25 @@ function GD(e, t, n) {
     return D === 45 || Kt(D) ? (e.consume(D), _) : B(D);
   }
   function B(D) {
-    return Ce(D) ? (s = B, U(D)) : We(D) ? (e.consume(D), B) : q(D);
+    return Ce(D) ? (s = B, V(D)) : We(D) ? (e.consume(D), B) : q(D);
   }
   function $(D) {
     return D === 45 || Kt(D) ? (e.consume(D), $) : D === 47 || D === 62 || Ft(D) ? O(D) : n(D);
   }
   function O(D) {
-    return D === 47 ? (e.consume(D), q) : D === 58 || D === 95 || Jt(D) ? (e.consume(D), L) : Ce(D) ? (s = O, U(D)) : We(D) ? (e.consume(D), O) : q(D);
+    return D === 47 ? (e.consume(D), q) : D === 58 || D === 95 || Jt(D) ? (e.consume(D), L) : Ce(D) ? (s = O, V(D)) : We(D) ? (e.consume(D), O) : q(D);
   }
   function L(D) {
     return D === 45 || D === 46 || D === 58 || D === 95 || Kt(D) ? (e.consume(D), L) : I(D);
   }
   function I(D) {
-    return D === 61 ? (e.consume(D), A) : Ce(D) ? (s = I, U(D)) : We(D) ? (e.consume(D), I) : O(D);
+    return D === 61 ? (e.consume(D), A) : Ce(D) ? (s = I, V(D)) : We(D) ? (e.consume(D), I) : O(D);
   }
   function A(D) {
-    return D === null || D === 60 || D === 61 || D === 62 || D === 96 ? n(D) : D === 34 || D === 39 ? (e.consume(D), i = D, k) : Ce(D) ? (s = A, U(D)) : We(D) ? (e.consume(D), A) : (e.consume(D), T);
+    return D === null || D === 60 || D === 61 || D === 62 || D === 96 ? n(D) : D === 34 || D === 39 ? (e.consume(D), i = D, k) : Ce(D) ? (s = A, V(D)) : We(D) ? (e.consume(D), A) : (e.consume(D), T);
   }
   function k(D) {
-    return D === i ? (e.consume(D), i = void 0, R) : D === null ? n(D) : Ce(D) ? (s = k, U(D)) : (e.consume(D), k);
+    return D === i ? (e.consume(D), i = void 0, R) : D === null ? n(D) : Ce(D) ? (s = k, V(D)) : (e.consume(D), k);
   }
   function T(D) {
     return D === null || D === 34 || D === 39 || D === 60 || D === 61 || D === 96 ? n(D) : D === 47 || D === 62 || Ft(D) ? O(D) : (e.consume(D), T);
@@ -20587,7 +20595,7 @@ function GD(e, t, n) {
   function q(D) {
     return D === 62 ? (e.consume(D), e.exit("htmlTextData"), e.exit("htmlText"), t) : n(D);
   }
-  function U(D) {
+  function V(D) {
     return e.exit("htmlTextData"), e.enter("lineEnding"), e.consume(D), e.exit("lineEnding"), re;
   }
   function re(D) {
@@ -21141,7 +21149,7 @@ function AC(e, t, n) {
   function B(I, A) {
     return k;
     function k(T, R, q) {
-      let U, re, ne, D;
+      let V, re, ne, D;
       return Array.isArray(T) ? G(T) : "tokenize" in T ? (
         // @ts-expect-error Looks like a construct.
         G([T])
@@ -21159,7 +21167,7 @@ function AC(e, t, n) {
         }
       }
       function G(j) {
-        return U = j, re = 0, j.length === 0 ? q : E(j[re]);
+        return V = j, re = 0, j.length === 0 ? q : E(j[re]);
       }
       function E(j) {
         return M;
@@ -21179,7 +21187,7 @@ function AC(e, t, n) {
         return I(ne, D), R;
       }
       function z(j) {
-        return D.restore(), ++re < U.length ? E(U[re]) : q;
+        return D.restore(), ++re < V.length ? E(V[re]) : q;
       }
     }
   }
@@ -21488,7 +21496,7 @@ function KC(e) {
       htmlFlowData: L,
       htmlText: l(T),
       htmlTextData: L,
-      image: l(U),
+      image: l(V),
       label: ne,
       labelText: re,
       lineEnding: I,
@@ -21771,7 +21779,7 @@ function KC(e) {
       delete K.identifier, delete K.label;
     this.data.referenceType = void 0;
   }
-  function U() {
+  function V() {
     const K = this.stack[this.stack.length - 1];
     if (this.data.inReference) {
       const se = this.data.referenceType || "shortcut";
@@ -22418,7 +22426,7 @@ const aE = ({
           En,
           {
             element: "li",
-            className: V({ selected: f === u }),
+            className: U({ selected: f === u }),
             member: { id: p, ...v, link: !1 },
             functions: {
               onClick: (b) => {
@@ -22439,7 +22447,7 @@ const aE = ({
           En,
           {
             element: "li",
-            className: V("fallback", {
+            className: U("fallback", {
               selected: d.length === u
             }),
             member: {
@@ -22509,7 +22517,7 @@ const fm = ({ formID: e, label: t, showLabel: n }) => {
     "li",
     {
       id: `${d}-${e}`,
-      className: V(e, { "has-divider": n }),
+      className: U(e, { "has-divider": n }),
       onMouseEnter: () => {
         v([{ type: "openTooltip", value: e }]);
       },
@@ -22536,7 +22544,7 @@ const fm = ({ formID: e, label: t, showLabel: n }) => {
           {
             ...o,
             ...f,
-            className: V(e, i, { active: t }),
+            className: U(e, i, { active: t }),
             onClick: (b) => {
               b.stopPropagation(), b.preventDefault();
             },
@@ -22839,7 +22847,7 @@ const lE = () => {
         {
           element: "fieldset",
           id: `${n}-link-editor`,
-          className: V({ "show-labels": m }),
+          className: U({ "show-labels": m }),
           meta: { shouldReset: !0, showRequiredLabels: !1 },
           functions: {
             onSuccess: async (C) => {
@@ -23844,7 +23852,7 @@ const _m = ({
     hasInteracted: T,
     hasLoaded: R,
     enrichedUrl: q,
-    mentionPopover: U
+    mentionPopover: V
   } = _, re = (j) => {
     j && B([{ type: "tabbableOption", value: j || oa[0] }]);
   }, ne = async (j) => {
@@ -23954,8 +23962,8 @@ const _m = ({
   const z = ad(() => {
     nE({
       editor: E,
-      isShowing: U.show,
-      numberOfUsers: U.numberOfUsers,
+      isShowing: V.show,
+      numberOfUsers: V.numberOfUsers,
       listMembers: p,
       dispatch: B
     });
@@ -24018,7 +24026,7 @@ const _m = ({
                   },
                   onKeyDown: (j) => {
                     if (j.key === "Enter") {
-                      U.show && (j.preventDefault(), j.stopPropagation(), lm(E, U, B, D));
+                      V.show && (j.preventDefault(), j.stopPropagation(), lm(E, V, B, D));
                       const { selection: M } = E;
                       if (M) {
                         const W = Y.isCollapsed(M), [Z, ee] = x.node(E, M, { depth: 1 });
@@ -24058,20 +24066,20 @@ const _m = ({
                         }
                       }
                     } else if (j.key === "Escape") {
-                      if (U.show) {
+                      if (V.show) {
                         j.preventDefault(), j.stopPropagation(), B([
-                          { type: "mentionPopover", value: { ...U, show: !1 } }
+                          { type: "mentionPopover", value: { ...V, show: !1 } }
                         ]);
                         return;
                       }
-                    } else if (["ArrowUp", "ArrowDown"].includes(j.key) && U.show) {
+                    } else if (["ArrowUp", "ArrowDown"].includes(j.key) && V.show) {
                       j.preventDefault(), j.stopPropagation();
-                      const { selectedUser: M, possibleUsers: W } = U;
+                      const { selectedUser: M, possibleUsers: W } = V;
                       let Z = j.key === "ArrowUp" ? M - 1 : M + 1;
                       Z < 0 && (Z = W.length - 1), Z >= W.length + 1 && (Z = 0), B([
                         {
                           type: "mentionPopover",
-                          value: { ...U, selectedUser: Z }
+                          value: { ...V, selectedUser: Z }
                         }
                       ]);
                     }
@@ -24167,7 +24175,7 @@ const Gk = ({
   return /* @__PURE__ */ c.jsxs(
     "div",
     {
-      className: V("toggle", s),
+      className: U("toggle", s),
       onClick: (d) => {
         d.preventDefault(), d.stopPropagation(), u(o === n[0].value ? n[1].value : n[0].value);
       },
@@ -24176,7 +24184,7 @@ const Gk = ({
         /* @__PURE__ */ c.jsx(
           "ul",
           {
-            className: V("toggle-options", {
+            className: U("toggle-options", {
               disabled: a,
               on: o === n[1].value
             }),
@@ -24235,7 +24243,7 @@ function e_({
     change: y = o.formatMessage({ id: `${l}cta_change` }),
     uploading: w = o.formatMessage({ id: `${l}cta_uploading` })
   } = (a == null ? void 0 : a.text) || {};
-  return /* @__PURE__ */ c.jsxs("div", { className: V("profile-image-change-figure", e), children: [
+  return /* @__PURE__ */ c.jsxs("div", { className: U("profile-image-change-figure", e), children: [
     /* @__PURE__ */ c.jsx(
       kn,
       {
@@ -24832,7 +24840,7 @@ const s_ = ({
     "form",
     {
       onSubmit: d,
-      className: V("search-form gtm-trackable", t),
+      className: U("search-form gtm-trackable", t),
       role: "search",
       "data-gtm-event-context": i,
       "data-gtm-event-type": a,
@@ -25115,7 +25123,7 @@ const s_ = ({
 const c_ = ({ className: e = "" }) => /* @__PURE__ */ c.jsxs(
   "div",
   {
-    className: V("success-message", e),
+    className: U("success-message", e),
     "data-testid": "success-message",
     children: [
       /* @__PURE__ */ c.jsx("p", { className: "success-title", children: /* @__PURE__ */ c.jsx(ft, { id: "signup_success_title" }) }),
@@ -25215,7 +25223,7 @@ const d_ = {
   return v.successMessage && C ? /* @__PURE__ */ c.jsx(c_, { className: e }) : /* @__PURE__ */ c.jsxs(
     "fieldset",
     {
-      className: V("signup-form-fieldset", e),
+      className: U("signup-form-fieldset", e),
       "data-testid": "signup-form",
       children: [
         v.title && /* @__PURE__ */ c.jsx("p", { className: "signup-title", children: /* @__PURE__ */ c.jsx(ft, { id: "signup_title" }) }),
@@ -25296,7 +25304,7 @@ const Hn = ({
   return /* @__PURE__ */ c.jsx(
     "section",
     {
-      className: V("full-width-section", t, {
+      className: U("full-width-section", t, {
         [i]: i !== "default",
         [a]: a !== "none"
       }),
@@ -25321,7 +25329,7 @@ const eA = ({ text: e, buttons: t, className: n = "" }) => {
   }), /* @__PURE__ */ c.jsx(
     Hn,
     {
-      className: V("download-section", n),
+      className: U("download-section", n),
       styling: { background: "dark" },
       children: /* @__PURE__ */ c.jsxs("div", { className: "content-default", children: [
         ie.createElement(
@@ -25389,7 +25397,7 @@ const f_ = ({
         r.props.functions.onCancel && r.props.functions.onCancel(), p();
       }
     }
-  })), /* @__PURE__ */ c.jsxs("section", { className: V("edit-section", t), children: [
+  })), /* @__PURE__ */ c.jsxs("section", { className: U("edit-section", t), children: [
     v && /* @__PURE__ */ c.jsx(
       An,
       {
@@ -25398,7 +25406,7 @@ const f_ = ({
         showDivider: !1,
         showIcon: !1,
         functions: { onClose: p },
-        className: V("edit-section-modal"),
+        className: U("edit-section-modal"),
         children: b || (n ? /* @__PURE__ */ c.jsx(
           hn,
           {
@@ -25422,7 +25430,7 @@ const f_ = ({
         ) : /* @__PURE__ */ c.jsx(c.Fragment, {}))
       }
     ),
-    /* @__PURE__ */ c.jsxs("div", { className: V("edit-section-header", { "no-title": !s }), children: [
+    /* @__PURE__ */ c.jsxs("div", { className: U("edit-section-header", { "no-title": !s }), children: [
       s && /* @__PURE__ */ c.jsx("h2", { className: "edit-section-header-title", children: a }),
       f && /* @__PURE__ */ c.jsx(
         Se,
@@ -25466,21 +25474,21 @@ const nA = ({
   return /* @__PURE__ */ c.jsxs(
     "div",
     {
-      className: V("logos", i, `align-${l}`, {
+      className: U("logos", i, `align-${l}`, {
         [u]: u !== "block",
         "wrap-logos": o
       }),
       children: [
         e && ie.createElement(
           s.element,
-          { className: V("title", s.className) },
+          { className: U("title", s.className) },
           s.text
         ),
         t && /* @__PURE__ */ c.jsx("p", { children: t }),
         /* @__PURE__ */ c.jsx(
           "ul",
           {
-            className: V({
+            className: U({
               "two-col": a === 2 || a === 4,
               "three-col": a === 5 || a <= 10 && a % 3 === 0
             }),
@@ -26071,7 +26079,7 @@ const sr = "footer_", la = "SiteFooter", Zc = ({ group: e }) => {
   return /* @__PURE__ */ c.jsxs(
     "li",
     {
-      className: V({
+      className: U({
         [o.className]: o.className,
         "has-submenu": p,
         parent: v,
@@ -26102,7 +26110,7 @@ const sr = "footer_", la = "SiteFooter", Zc = ({ group: e }) => {
           return o[w].order ? /* @__PURE__ */ c.jsxs(
             "li",
             {
-              className: V({
+              className: U({
                 [o[w].className]: o[w].className
               }),
               children: [
@@ -26324,7 +26332,7 @@ const Fm = ({ showNavigation: e = !0 }) => {
       "nav",
       {
         id: "header",
-        className: V({
+        className: U({
           "logged-in": i,
           "logged-out": !i,
           visible: l
@@ -26398,7 +26406,7 @@ const Fm = ({ showNavigation: e = !0 }) => {
     /* @__PURE__ */ c.jsx(
       "div",
       {
-        className: V("overlay", {
+        className: U("overlay", {
           open: u[
             "site-navigation"
             /* SITE */
@@ -26457,14 +26465,14 @@ const p_ = () => {
       "div",
       {
         id: "wrapper",
-        className: V(s, C, { "has-footer": u }),
+        className: U(s, C, { "has-footer": u }),
         children: [
           /* @__PURE__ */ c.jsx(Fm, { showNavigation: l }),
           /* @__PURE__ */ c.jsxs("main", { id: "content-wrapper", children: [
             w && /* @__PURE__ */ c.jsx(
               "div",
               {
-                className: V("additional-content prepended", {
+                className: U("additional-content prepended", {
                   "large-modal": p === "large"
                 }),
                 children: w
@@ -26473,7 +26481,7 @@ const p_ = () => {
             ie.createElement(d === "bold" ? Dd : "div", {
               id: "content",
               children: y,
-              className: V({ "large-modal": p === "large" })
+              className: U({ "large-modal": p === "large" })
             })
           ] }),
           F && /* @__PURE__ */ c.jsx("div", { className: "additional-content appended", children: F }),
@@ -26544,7 +26552,7 @@ const aA = ({
   }), l.length < 1 ? null : /* @__PURE__ */ c.jsx(
     "ul",
     {
-      className: V("tags text-small", t, i, {
+      className: U("tags text-small", t, i, {
         "one-line": n
       }),
       children: l.map((u) => {
@@ -26578,7 +26586,7 @@ const b_ = 25, y_ = ({
   className: m = ""
 }) => {
   const h = de(), p = "membersList", v = ze(mt), [f, b] = ce(!1);
-  return e.length === 0 && !d ? null : /* @__PURE__ */ c.jsxs("div", { className: V("members-list", m), children: [
+  return e.length === 0 && !d ? null : /* @__PURE__ */ c.jsxs("div", { className: U("members-list", m), children: [
     u ? /* @__PURE__ */ c.jsxs("h1", { children: [
       h.formatMessage({ id: p }),
       /* @__PURE__ */ c.jsx("span", { className: "count", children: t })
@@ -26756,7 +26764,7 @@ const et = "discussion_form_", Da = ({
   } = i || {}, {
     onChange: q = () => {
     },
-    create: U = () => {
+    create: V = () => {
     },
     createPoll: re = () => {
     },
@@ -26825,7 +26833,7 @@ const et = "discussion_form_", Da = ({
       let ye;
       switch (v) {
         case Te.Post:
-          ye = await U({
+          ye = await V({
             title: ae.title,
             content: ae.body,
             categories: ae.categories,
@@ -26836,7 +26844,7 @@ const et = "discussion_form_", Da = ({
           ye = await re(C_(ae));
           break;
         case Te.Question:
-          ye = await U({
+          ye = await V({
             title: ae.body,
             authorId: p && p.id,
             data: ae.data,
@@ -26844,7 +26852,7 @@ const et = "discussion_form_", Da = ({
           });
           break;
         case Te.Response:
-          ye = await U(
+          ye = await V(
             { questionSlug: n.slugs.question },
             {
               body: ae.body,
@@ -26855,7 +26863,7 @@ const et = "discussion_form_", Da = ({
           );
           break;
         case Te.Reply:
-          ye = await U(
+          ye = await V(
             { questionSlug: n.slugs.question, answerSlug: n.slugs.answer },
             {
               body: ae.body,
@@ -27038,7 +27046,7 @@ const et = "discussion_form_", Da = ({
       hn,
       {
         id: we,
-        className: V("discussion-card discussion-form", {
+        className: U("discussion-card discussion-form", {
           "no-styling": w && _
         }),
         meta: {
@@ -27157,7 +27165,7 @@ function A_({
           didEdit: r.didEdit,
           customMessage: d
         },
-        className: V({
+        className: U({
           highlighted: typeof e != "string" && e.id === t
         }),
         styling: {
@@ -27178,7 +27186,7 @@ const Es = ({
 }) => {
   const r = {
     ...n,
-    class: V("subtle", t)
+    class: U("subtle", t)
   };
   return /* @__PURE__ */ c.jsx("blockquote", { ...r, children: e });
 };
@@ -27227,7 +27235,7 @@ const S_ = ({
     g.stopPropagation(), p && (l == null || l.createVote(t), d(!0));
   }, f = {
     htmlFor: t.id,
-    className: V({
+    className: U({
       "can-vote": p
     }),
     tabIndex: o && p ? 0 : -1,
@@ -27263,7 +27271,7 @@ const S_ = ({
     {
       "data-testid": "poll-option",
       style: h,
-      className: V("poll-option text-small", {
+      className: U("poll-option text-small", {
         selected: t.hasUserVoted
       }),
       children: [
@@ -27464,7 +27472,7 @@ const Ca = ({
     },
     removeVote: q = () => {
     },
-    removePoll: U = () => {
+    removePoll: V = () => {
     }
   } = o.polls || {}, {
     author: re,
@@ -27564,7 +27572,7 @@ const Ca = ({
   }, Re = async () => {
     me(!1);
     try {
-      t.type === Te.Poll ? (await U(), window.location.href = `${b}/${g}`) : await B(Vu(t.slugs));
+      t.type === Te.Poll ? (await V(), window.location.href = `${b}/${g}`) : await B(Vu(t.slugs));
     } catch {
       Ye("delete-error");
     }
@@ -27596,7 +27604,7 @@ const Ca = ({
     "data-gtm-event-context": d,
     "data-gtm-event-type": `edit-${t.type}-click`
   }), p && ((K = ee == null ? void 0 : ee.current) == null || K.focus(), (se = ee == null ? void 0 : ee.current) == null || se.scrollIntoView({ behavior: "smooth" })), ie.createElement(e, {
-    className: V("discussion-post", u, {
+    className: U("discussion-post", u, {
       [we]: !u || !u.includes("highlighted-text-box"),
       "has-link": l.post && !oe.isEditing,
       "is-pinned": (t == null ? void 0 : t.pinned) || !1
@@ -27621,7 +27629,7 @@ const Ca = ({
         "div",
         {
           id: J || t.slug,
-          className: V("discussion-card", t.type, {
+          className: U("discussion-card", t.type, {
             editing: oe.isEditing,
             "has-link": l.post && !oe.isEditing
           }),
@@ -27882,7 +27890,7 @@ const M_ = vr(
     /* @__PURE__ */ c.jsxs(
       "button",
       {
-        className: V("discussion-form-card", n),
+        className: U("discussion-form-card", n),
         onClick: (b) => {
           b.preventDefault(), b.stopPropagation(), m((g) => ({ ...g, form: !0 }));
         },
@@ -27892,7 +27900,7 @@ const M_ = vr(
           /* @__PURE__ */ c.jsx(
             cr,
             {
-              className: V("input", { placeholder: !h.showCachedText }),
+              className: U("input", { placeholder: !h.showCachedText }),
               element: "span",
               options: {
                 forceInline: !0,
@@ -28078,7 +28086,7 @@ const z_ = ({
   return /* @__PURE__ */ c.jsxs(
     "div",
     {
-      className: V("thread-wrapper", {
+      className: U("thread-wrapper", {
         "empty-thread": !o
       }),
       children: [
@@ -28316,7 +28324,7 @@ const sA = ({
     latest_reactions: T,
     mentioned_users: R,
     additional_data: q
-  } = y, U = (((G = T == null ? void 0 : T.like) == null ? void 0 : G.length) || 0) > 0, re = (((E = A == null ? void 0 : A.like) == null ? void 0 : E.length) || 0) > 0, ne = re ? A == null ? void 0 : A.like[0].id : "", D = U ? (S = T == null ? void 0 : T.like) == null ? void 0 : S.map((me) => {
+  } = y, V = (((G = T == null ? void 0 : T.like) == null ? void 0 : G.length) || 0) > 0, re = (((E = A == null ? void 0 : A.like) == null ? void 0 : E.length) || 0) > 0, ne = re ? A == null ? void 0 : A.like[0].id : "", D = V ? (S = T == null ? void 0 : T.like) == null ? void 0 : S.map((me) => {
     var we, je, Fe;
     return {
       id: (we = me == null ? void 0 : me.user) == null ? void 0 : we.id,
@@ -28460,7 +28468,7 @@ const J_ = ({
           (h !== "" || p !== "") && l((b) => ({ ...b, showCachedText: !0 })), o();
         }
       },
-      className: V("discussion-form-modal", i),
+      className: U("discussion-form-modal", i),
       children: /* @__PURE__ */ c.jsx(
         Da,
         {
@@ -28545,7 +28553,7 @@ const oA = ({
       showDivider: !1,
       showIcon: o,
       functions: { onClose: l },
-      className: V("invite-modal", e, { success: !!n }),
+      className: U("invite-modal", e, { success: !!n }),
       children: /* @__PURE__ */ c.jsx(
         r_,
         {
@@ -28586,7 +28594,7 @@ const ek = ({
       functions: {
         onClose: d
       },
-      className: V("profile-modal", s, { success: !!t }),
+      className: U("profile-modal", s, { success: !!t }),
       maxWidth: 700,
       children: /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
         t && n || r ? /* @__PURE__ */ c.jsxs("div", { className: "intro", children: [
@@ -28665,13 +28673,13 @@ const nk = ({
   content: n,
   member: r,
   className: i = ""
-}) => /* @__PURE__ */ c.jsxs("blockquote", { className: V("testimonial-block", i), children: [
+}) => /* @__PURE__ */ c.jsxs("blockquote", { className: U("testimonial-block", i), children: [
   /* @__PURE__ */ c.jsx(en, { className: "testimonial", children: n }),
   r ? /* @__PURE__ */ c.jsx(En, { member: r, styling: { size: "large" } }) : /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
     e && /* @__PURE__ */ c.jsx(
       "p",
       {
-        className: V("author", {
+        className: U("author", {
           "text-small": !i.includes("new")
         }),
         children: e
@@ -28680,7 +28688,7 @@ const nk = ({
     t && /* @__PURE__ */ c.jsx(
       "p",
       {
-        className: V("author-cite", {
+        className: U("author-cite", {
           "text-small": !i.includes("new")
         }),
         children: /* @__PURE__ */ c.jsx("cite", { children: t })
@@ -28712,7 +28720,7 @@ const cA = ({
     zt,
     {
       variant: "subtle",
-      className: V("table-of-contents", n),
+      className: U("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)) }) })
@@ -28754,7 +28762,7 @@ const tu = ({
       { early: u, late: m }
     );
   }
-  return n && (u = `${n} ${u}`, l = `${n} ${l}`), r && (u = `${u} ${r}`, l = `${l} ${r}`), /* @__PURE__ */ c.jsx("span", { className: V("time-to-complete", i), "aria-label": u, children: l });
+  return n && (u = `${n} ${u}`, l = `${n} ${l}`), r && (u = `${u} ${r}`, l = `${l} ${r}`), /* @__PURE__ */ c.jsx("span", { className: U("time-to-complete", i), "aria-label": u, children: l });
 };
 const dA = ({ className: e = "", image: t, ...n }) => t ? (typeof t == "string" && (t = {
   width: 1080,
@@ -28769,7 +28777,7 @@ const dA = ({ className: e = "", image: t, ...n }) => t ? (typeof t == "string"
   Dr,
   {
     ...n,
-    className: V("banner", e),
+    className: U("banner", e),
     image: { ...t, aspect: "banner" }
   }
 )) : null;
@@ -28840,7 +28848,7 @@ const rk = [
   }), /* @__PURE__ */ c.jsx(
     Hn,
     {
-      className: V("banner-section", r, i, e, {
+      className: U("banner-section", r, i, e, {
         "has-image": n,
         "image-full-width": n && u.imageFullWidth,
         "image-inline": n && !u.imageFullWidth,
@@ -28864,7 +28872,7 @@ const rk = [
               size: { mobile: "medium", 768: "large" },
               href: o.link,
               ...o.props,
-              className: V({
+              className: U({
                 new: r === "subtle",
                 [(v = o.props) == null ? void 0 : v.className]: (f = o.props) == null ? void 0 : f.className
               }),
@@ -28895,7 +28903,7 @@ const mA = ({
   return e && (i["--image"] = `url(${e})`), /* @__PURE__ */ c.jsx(
     Hn,
     {
-      className: V("custom-content-banner", t, r, {
+      className: U("custom-content-banner", t, r, {
         "has-image": e
       }),
       style: i,
@@ -28910,11 +28918,11 @@ const ak = ({
   image: r
 }) => {
   const i = typeof n == "string" ? /* @__PURE__ */ c.jsx(cr, { children: n }) : n;
-  return /* @__PURE__ */ c.jsxs(Hn, { className: V("highlight-section", t), children: [
+  return /* @__PURE__ */ c.jsxs(Hn, { className: U("highlight-section", t), children: [
     r && /* @__PURE__ */ c.jsx(
       "div",
       {
-        className: V("highlight-container highlight-image", {
+        className: U("highlight-container highlight-image", {
           [`highlight-image-${e}`]: e === "right"
         }),
         children: /* @__PURE__ */ c.jsx(
@@ -28933,13 +28941,13 @@ const ak = ({
     /* @__PURE__ */ c.jsx(
       "div",
       {
-        className: V("highlight-container highlight-content-wrapper", {
+        className: U("highlight-container highlight-content-wrapper", {
           "no-image": !r
         }),
         children: /* @__PURE__ */ c.jsx(
           "div",
           {
-            className: V("highlight-content", {
+            className: U("highlight-content", {
               "highlight-content-right": e === "left"
             }),
             children: r ? i : /* @__PURE__ */ c.jsx("div", { className: "content-default", children: i })
@@ -28955,7 +28963,7 @@ const pA = ({
   title: n,
   text: r,
   gtmContext: i
-}) => !n && !r ? null : /* @__PURE__ */ c.jsxs("aside", { className: V("marketing-block", e), children: [
+}) => !n && !r ? null : /* @__PURE__ */ c.jsxs("aside", { className: U("marketing-block", e), children: [
   n && /* @__PURE__ */ c.jsx("p", { className: "title", children: n }),
   r && /* @__PURE__ */ c.jsx("p", { children: r }),
   t && /* @__PURE__ */ c.jsx(
@@ -29147,7 +29155,7 @@ const pA = ({
     return /* @__PURE__ */ c.jsx(
       "p",
       {
-        className: V("cta-wrapper", {
+        className: U("cta-wrapper", {
           "has-member-section": e == null ? void 0 : e.members
         }),
         children: /* @__PURE__ */ c.jsx(
@@ -29269,7 +29277,7 @@ const Sm = ({
   }, (k = v == null ? void 0 : v.current) == null || k.focus(), (T = v == null ? void 0 : v.current) == null || T.scrollIntoView({ behavior: "smooth" })), /* @__PURE__ */ c.jsx(
     "li",
     {
-      className: V("card-wrapper text-medium", C, t, {
+      className: U("card-wrapper text-medium", C, t, {
         "has-link": $,
         "no-link": !$,
         "has-image": g.banner
@@ -29328,10 +29336,10 @@ const Sm = ({
           const q = g[R];
           if (!q)
             return null;
-          const U = sh(R), re = {
+          const V = sh(R), re = {
             key: R,
-            className: U,
-            "data-testid": U
+            className: V,
+            "data-testid": V
           }, ne = {
             wrapper: "p",
             forceWrapper: !0,
@@ -29355,7 +29363,7 @@ const Sm = ({
     }
   );
 };
-const ck = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__ */ c.jsx("ul", { className: V("card-block", n), children: e.map((i, a) => {
+const ck = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__ */ c.jsx("ul", { className: U("card-block", n), children: e.map((i, a) => {
   const s = i.slug ? `${i.slug}-${t[a]}` : `${t[a]}-${a}`;
   return /* @__PURE__ */ c.jsx(
     Sm,
@@ -29379,7 +29387,7 @@ const ck = ({ 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: V("title", a, s, {
+    className: U("title", a, s, {
       "highlighted-title": a === "highlighted"
     }),
     children: /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
@@ -29449,8 +29457,8 @@ const mk = ({
       loadedPages: [.../* @__PURE__ */ new Set([...g, T])]
     }));
     const R = () => {
-      const q = T * d.cardsPerPage, U = q + d.cardsPerPage;
-      return t.slice(q, U).length;
+      const q = T * d.cardsPerPage, V = q + d.cardsPerPage;
+      return t.slice(q, V).length;
     };
     As = setTimeout(() => {
       w(
@@ -29492,7 +29500,7 @@ const mk = ({
     "section",
     {
       ref: _,
-      className: V("carousel-wrapper", a),
+      className: U("carousel-wrapper", a),
       "data-testid": "carousel",
       children: [
         /* @__PURE__ */ c.jsx(fk, { id: e, title: i }),
@@ -29506,13 +29514,13 @@ const mk = ({
             "data-testid": "carousel-list",
             children: t.map((k, T) => {
               let R = A(k, T);
-              const { inView: q, isLoaded: U } = dk(
+              const { inView: q, isLoaded: V } = dk(
                 T,
                 h,
                 b,
                 g
               );
-              return R && (q || U) ? /* @__PURE__ */ c.jsx(
+              return R && (q || V) ? /* @__PURE__ */ c.jsx(
                 Sm,
                 {
                   id: R,
@@ -29559,7 +29567,7 @@ const mk = ({
                 children: /* @__PURE__ */ c.jsx(
                   "button",
                   {
-                    className: V("page-indicator", {
+                    className: U("page-indicator", {
                       selected: T === b
                     }),
                     onClick: (R) => {
@@ -29643,7 +29651,7 @@ const vA = ({
     "data-gtm-event-context": `${r}-NarrowCard`,
     "data-gtm-event-type": `${r}-click`
   }), ie.createElement(e, {
-    className: V("narrow-card", t, {
+    className: U("narrow-card", t, {
       "has-link": l,
       "gtm-trackable": l,
       "no-link": !l
@@ -29653,7 +29661,7 @@ const vA = ({
       /* @__PURE__ */ c.jsx(
         "div",
         {
-          className: V("img", {
+          className: U("img", {
             private: o,
             "no-image": !i
           }),
@@ -29683,7 +29691,7 @@ const bA = ({
   u > 99 ? u = 100 : u < 1 && (u = 0);
   const { highlightPercentage: d = !1 } = s;
   return ie.createElement(e, {
-    className: V("course-progression", o, {
+    className: U("course-progression", o, {
       "highlight-percentage": d,
       "has-circle-graph": a === "circle"
     }),
@@ -29722,7 +29730,7 @@ const hk = ({
   title: r,
   className: i = ""
 }) => ie.createElement(e, {
-  className: V("lesson-name", i),
+  className: U("lesson-name", i),
   "data-number": `${t}.${n}`,
   children: r
 });
@@ -29735,8 +29743,8 @@ const pk = ({
   children: a
 }) => {
   const s = de(), o = co(`lessonType_${i}`) ? s.formatMessage({ id: `lessonType_${i}` }) : uh(i || "");
-  return /* @__PURE__ */ c.jsxs("small", { className: V("content-type", { [e]: e !== "default" }), children: [
-    /* @__PURE__ */ c.jsx("span", { className: V("type", n), children: o }),
+  return /* @__PURE__ */ c.jsxs("small", { className: U("content-type", { [e]: e !== "default" }), children: [
+    /* @__PURE__ */ c.jsx("span", { className: U("type", n), children: o }),
     " ",
     t > 0 && !r && /* @__PURE__ */ c.jsx(tu, { time: t }),
     " ",
@@ -29801,7 +29809,7 @@ const yA = ({
             return y && (L.style = { "--image": `url(${y})` }), /* @__PURE__ */ c.jsx(
               "li",
               {
-                className: V({
+                className: U({
                   article: b === ci.ARTICLE,
                   discussion: b === ci.DISCUSSION,
                   quiz: b === ci.QUIZ,
@@ -29866,7 +29874,7 @@ const xA = ({
         hover: "check-inside-circle_no-overlap_inverted"
       },
       onClick: t,
-      className: V("mark-complete-button center gtm-trackable", {
+      className: U("mark-complete-button center gtm-trackable", {
         completed: e
       }),
       "data-gtm-event-type": "mark-as-complete",
@@ -29985,6 +29993,7 @@ export {
   ck as CardBlock,
   gA as Carousel,
   Zd as CharacterLimit,
+  Yd as Checkbox,
   mo as CollapsibleSection,
   xv as Columns,
   zk as CommunityDetails,