@apolitical/component-library 5.2.1 → 5.2.2

package/index.mjs

@@ -220,14 +220,14 @@ function Th() {
         }
       return null;
     }
-    var T = Object.assign, j = 0, H, U, G, ie, D, I, X;
+    var T = Object.assign, j = 0, H, U, G, ie, D, I, J;
     function F() {
     }
     F.__reactDisabledLog = !0;
     function B() {
       {
         if (j === 0) {
-          H = console.log, U = console.info, G = console.warn, ie = console.error, D = console.group, I = console.groupCollapsed, X = console.groupEnd;
+          H = console.log, U = console.info, G = console.warn, ie = console.error, D = console.group, I = console.groupCollapsed, J = console.groupEnd;
           var P = {
             configurable: !0,
             enumerable: !0,
@@ -275,7 +275,7 @@ function Th() {
               value: I
             }),
             groupEnd: T({}, P, {
-              value: X
+              value: J
             })
           });
         }
@@ -301,7 +301,7 @@ function Th() {
       var de = typeof WeakMap == "function" ? WeakMap : Map;
       ne = new de();
     }
-    function J(P, ae) {
+    function X(P, ae) {
       if (!P || te)
         return "";
       {
@@ -373,7 +373,7 @@ function Th() {
       return typeof P == "function" && ne.set(P, Vo), Vo;
     }
     function ve(P, ae, fe) {
-      return J(P, !1);
+      return X(P, !1);
     }
     function ge(P) {
       var ae = P.prototype;
@@ -383,7 +383,7 @@ function Th() {
       if (P == null)
         return "";
       if (typeof P == "function")
-        return J(P, ge(P));
+        return X(P, ge(P));
       if (typeof P == "string")
         return W(P);
       switch (P) {
@@ -1681,13 +1681,15 @@ const Te = ({
   }
   !l && u && (u = "");
   const v = [];
-  typeof t == "string" && v.push(t), r && (v.push("icon"), typeof r == "object" ? (v.push(r.icon), r.position ? v.push(r.position) : v.push("left"), r.hover && v.push(`hover_${r.hover}`), r.animate && (v.push("animate"), typeof r.animate == "string" && v.push(r.animate))) : (v.push(r), !r.includes("right") && !r.includes("left") && v.push("left"))), n.muted && v.push("muted"), n.fullWidth && v.push("full-width");
+  typeof t == "string" && v.push(t), r && (v.push("icon"), typeof r == "object" ? (v.push(r.icon), r.position ? v.push(r.position) : v.push("left"), r.hover && v.push(`hover_${r.hover}`), r.animate && (v.push("animate"), typeof r.animate == "string" && v.push(r.animate))) : (v.push(r), !r.includes("right") && !r.includes("left") && v.push("left")));
   const x = {
     ...m,
     className: V(e, o, v, {
       "no-text": !h,
       disabled: l,
-      button: i
+      button: i,
+      muted: n.muted,
+      "full-width": n.fullWidth
     }),
     onClick: (E) => {
       (!i || i[0] === "#") && s && (E.preventDefault(), E.stopPropagation()), s && s(E);
@@ -3180,16 +3182,16 @@ var lu;
 function Rm() {
   return lu || (lu = 1, process.env.NODE_ENV !== "production" && function() {
     var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, o = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, p = e ? Symbol.for("react.memo") : 60115, g = e ? Symbol.for("react.lazy") : 60116, f = e ? Symbol.for("react.block") : 60121, b = e ? Symbol.for("react.fundamental") : 60117, v = e ? Symbol.for("react.responder") : 60118, x = e ? Symbol.for("react.scope") : 60119;
-    function k(J) {
-      return typeof J == "string" || typeof J == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      J === r || J === u || J === a || J === i || J === h || J === m || typeof J == "object" && J !== null && (J.$$typeof === g || J.$$typeof === p || J.$$typeof === s || J.$$typeof === o || J.$$typeof === d || J.$$typeof === b || J.$$typeof === v || J.$$typeof === x || J.$$typeof === f);
+    function k(X) {
+      return typeof X == "string" || typeof X == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      X === r || X === u || X === a || X === i || X === h || X === m || typeof X == "object" && X !== null && (X.$$typeof === g || X.$$typeof === p || X.$$typeof === s || X.$$typeof === o || X.$$typeof === d || X.$$typeof === b || X.$$typeof === v || X.$$typeof === x || X.$$typeof === f);
     }
-    function E(J) {
-      if (typeof J == "object" && J !== null) {
-        var ve = J.$$typeof;
+    function E(X) {
+      if (typeof X == "object" && X !== null) {
+        var ve = X.$$typeof;
         switch (ve) {
           case t:
-            var ge = J.type;
+            var ge = X.type;
             switch (ge) {
               case l:
               case u:
@@ -3217,46 +3219,46 @@ function Rm() {
       }
     }
     var w = l, _ = u, S = o, z = s, O = t, L = d, M = r, A = g, C = p, T = n, j = a, H = i, U = h, G = !1;
-    function ie(J) {
-      return G || (G = !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(J) || E(J) === l;
+    function ie(X) {
+      return G || (G = !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(X) || E(X) === l;
     }
-    function D(J) {
-      return E(J) === u;
+    function D(X) {
+      return E(X) === u;
     }
-    function I(J) {
-      return E(J) === o;
+    function I(X) {
+      return E(X) === o;
     }
-    function X(J) {
-      return E(J) === s;
+    function J(X) {
+      return E(X) === s;
     }
-    function F(J) {
-      return typeof J == "object" && J !== null && J.$$typeof === t;
+    function F(X) {
+      return typeof X == "object" && X !== null && X.$$typeof === t;
     }
-    function B(J) {
-      return E(J) === d;
+    function B(X) {
+      return E(X) === d;
     }
-    function $(J) {
-      return E(J) === r;
+    function $(X) {
+      return E(X) === r;
     }
-    function R(J) {
-      return E(J) === g;
+    function R(X) {
+      return E(X) === g;
     }
-    function q(J) {
-      return E(J) === p;
+    function q(X) {
+      return E(X) === p;
     }
-    function W(J) {
-      return E(J) === n;
+    function W(X) {
+      return E(X) === n;
     }
-    function te(J) {
-      return E(J) === a;
+    function te(X) {
+      return E(X) === a;
     }
-    function ne(J) {
-      return E(J) === i;
+    function ne(X) {
+      return E(X) === i;
     }
-    function de(J) {
-      return E(J) === h;
+    function de(X) {
+      return E(X) === h;
     }
-    qe.AsyncMode = w, qe.ConcurrentMode = _, qe.ContextConsumer = S, qe.ContextProvider = z, qe.Element = O, qe.ForwardRef = L, qe.Fragment = M, qe.Lazy = A, qe.Memo = C, qe.Portal = T, qe.Profiler = j, qe.StrictMode = H, qe.Suspense = U, qe.isAsyncMode = ie, qe.isConcurrentMode = D, qe.isContextConsumer = I, qe.isContextProvider = X, qe.isElement = F, qe.isForwardRef = B, qe.isFragment = $, qe.isLazy = R, qe.isMemo = q, qe.isPortal = W, qe.isProfiler = te, qe.isStrictMode = ne, qe.isSuspense = de, qe.isValidElementType = k, qe.typeOf = E;
+    qe.AsyncMode = w, qe.ConcurrentMode = _, qe.ContextConsumer = S, qe.ContextProvider = z, qe.Element = O, qe.ForwardRef = L, qe.Fragment = M, qe.Lazy = A, qe.Memo = C, qe.Portal = T, qe.Profiler = j, qe.StrictMode = H, qe.Suspense = U, qe.isAsyncMode = ie, qe.isConcurrentMode = D, qe.isContextConsumer = I, qe.isContextProvider = J, qe.isElement = F, qe.isForwardRef = B, qe.isFragment = $, qe.isLazy = R, qe.isMemo = q, qe.isPortal = W, qe.isProfiler = te, qe.isStrictMode = ne, qe.isSuspense = de, qe.isValidElementType = k, qe.typeOf = E;
   }()), qe;
 }
 var cu;
@@ -3432,20 +3434,20 @@ function Lm() {
     f.prototype = Error.prototype;
     function b(D) {
       if (process.env.NODE_ENV !== "production")
-        var I = {}, X = 0;
+        var I = {}, J = 0;
       function F($, R, q, W, te, ne, de) {
         if (W = W || m, ne = ne || q, de !== n) {
           if (l) {
-            var J = new Error(
+            var X = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
-            throw J.name = "Invariant Violation", J;
+            throw X.name = "Invariant Violation", X;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var ve = W + ":" + q;
             !I[ve] && // Avoid spamming the console because they are often not actionable except for lib authors
-            X < 3 && (a(
+            J < 3 && (a(
               "You are manually calling a React.PropTypes validation function for the `" + ne + "` prop on `" + W + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), I[ve] = !0, X++);
+            ), I[ve] = !0, J++);
           }
         }
         return R[q] == null ? $ ? R[q] === null ? new f("The " + te + " `" + ne + "` is marked as required " + ("in `" + W + "`, but its value is `null`.")) : new f("The " + te + " `" + ne + "` is marked as required in " + ("`" + W + "`, but its value is `undefined`.")) : null : D(R, q, W, te, ne);
@@ -3454,8 +3456,8 @@ function Lm() {
       return B.isRequired = F.bind(null, !0), B;
     }
     function v(D) {
-      function I(X, F, B, $, R, q) {
-        var W = X[F], te = H(W);
+      function I(J, F, B, $, R, q) {
+        var W = J[F], te = H(W);
         if (te !== D) {
           var ne = U(W);
           return new f(
@@ -3471,10 +3473,10 @@ function Lm() {
       return b(s);
     }
     function k(D) {
-      function I(X, F, B, $, R) {
+      function I(J, F, B, $, R) {
         if (typeof D != "function")
           return new f("Property `" + R + "` of component `" + B + "` has invalid PropType notation inside arrayOf.");
-        var q = X[F];
+        var q = J[F];
         if (!Array.isArray(q)) {
           var W = H(q);
           return new f("Invalid " + $ + " `" + R + "` of type " + ("`" + W + "` supplied to `" + B + "`, expected an array."));
@@ -3489,8 +3491,8 @@ function Lm() {
       return b(I);
     }
     function E() {
-      function D(I, X, F, B, $) {
-        var R = I[X];
+      function D(I, J, F, B, $) {
+        var R = I[J];
         if (!o(R)) {
           var q = H(R);
           return new f("Invalid " + B + " `" + $ + "` of type " + ("`" + q + "` supplied to `" + F + "`, expected a single ReactElement."));
@@ -3500,8 +3502,8 @@ function Lm() {
       return b(D);
     }
     function w() {
-      function D(I, X, F, B, $) {
-        var R = I[X];
+      function D(I, J, F, B, $) {
+        var R = I[J];
         if (!e.isValidElementType(R)) {
           var q = H(R);
           return new f("Invalid " + B + " `" + $ + "` of type " + ("`" + q + "` supplied to `" + F + "`, expected a single ReactElement type."));
@@ -3511,9 +3513,9 @@ function Lm() {
       return b(D);
     }
     function _(D) {
-      function I(X, F, B, $, R) {
-        if (!(X[F] instanceof D)) {
-          var q = D.name || m, W = ie(X[F]);
+      function I(J, F, B, $, R) {
+        if (!(J[F] instanceof D)) {
+          var q = D.name || m, W = ie(J[F]);
           return new f("Invalid " + $ + " `" + R + "` of type " + ("`" + W + "` supplied to `" + B + "`, expected ") + ("instance of `" + q + "`."));
         }
         return null;
@@ -3525,23 +3527,23 @@ function Lm() {
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? a(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : a("Invalid argument supplied to oneOf, expected an array.")), s;
-      function I(X, F, B, $, R) {
-        for (var q = X[F], W = 0; W < D.length; W++)
+      function I(J, F, B, $, R) {
+        for (var q = J[F], W = 0; W < D.length; W++)
           if (g(q, D[W]))
             return null;
-        var te = JSON.stringify(D, function(de, J) {
-          var ve = U(J);
-          return ve === "symbol" ? String(J) : J;
+        var te = JSON.stringify(D, function(de, X) {
+          var ve = U(X);
+          return ve === "symbol" ? String(X) : X;
         });
         return new f("Invalid " + $ + " `" + R + "` of value `" + String(q) + "` " + ("supplied to `" + B + "`, expected one of " + te + "."));
       }
       return b(I);
     }
     function z(D) {
-      function I(X, F, B, $, R) {
+      function I(J, F, B, $, R) {
         if (typeof D != "function")
           return new f("Property `" + R + "` of component `" + B + "` has invalid PropType notation inside objectOf.");
-        var q = X[F], W = H(q);
+        var q = J[F], W = H(q);
         if (W !== "object")
           return new f("Invalid " + $ + " `" + R + "` of type " + ("`" + W + "` supplied to `" + B + "`, expected an object."));
         for (var te in q)
@@ -3558,18 +3560,18 @@ function Lm() {
       if (!Array.isArray(D))
         return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), s;
       for (var I = 0; I < D.length; I++) {
-        var X = D[I];
-        if (typeof X != "function")
+        var J = D[I];
+        if (typeof J != "function")
           return a(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + G(X) + " at index " + I + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + G(J) + " at index " + I + "."
           ), s;
       }
       function F(B, $, R, q, W) {
         for (var te = [], ne = 0; ne < D.length; ne++) {
-          var de = D[ne], J = de(B, $, R, q, W, n);
-          if (J == null)
+          var de = D[ne], X = de(B, $, R, q, W, n);
+          if (X == null)
             return null;
-          J.data && r(J.data, "expectedType") && te.push(J.data.expectedType);
+          X.data && r(X.data, "expectedType") && te.push(X.data.expectedType);
         }
         var ve = te.length > 0 ? ", expected one of type [" + te.join(", ") + "]" : "";
         return new f("Invalid " + q + " `" + W + "` supplied to " + ("`" + R + "`" + ve + "."));
@@ -3577,19 +3579,19 @@ function Lm() {
       return b(F);
     }
     function L() {
-      function D(I, X, F, B, $) {
-        return T(I[X]) ? null : new f("Invalid " + B + " `" + $ + "` supplied to " + ("`" + F + "`, expected a ReactNode."));
+      function D(I, J, F, B, $) {
+        return T(I[J]) ? null : new f("Invalid " + B + " `" + $ + "` supplied to " + ("`" + F + "`, expected a ReactNode."));
       }
       return b(D);
     }
-    function M(D, I, X, F, B) {
+    function M(D, I, J, F, B) {
       return new f(
-        (D || "React class") + ": " + I + " type `" + X + "." + F + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + B + "`."
+        (D || "React class") + ": " + I + " type `" + J + "." + F + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + B + "`."
       );
     }
     function A(D) {
-      function I(X, F, B, $, R) {
-        var q = X[F], W = H(q);
+      function I(J, F, B, $, R) {
+        var q = J[F], W = H(q);
         if (W !== "object")
           return new f("Invalid " + $ + " `" + R + "` of type `" + W + "` " + ("supplied to `" + B + "`, expected `object`."));
         for (var te in D) {
@@ -3605,23 +3607,23 @@ function Lm() {
       return b(I);
     }
     function C(D) {
-      function I(X, F, B, $, R) {
-        var q = X[F], W = H(q);
+      function I(J, F, B, $, R) {
+        var q = J[F], W = H(q);
         if (W !== "object")
           return new f("Invalid " + $ + " `" + R + "` of type `" + W + "` " + ("supplied to `" + B + "`, expected `object`."));
-        var te = t({}, X[F], D);
+        var te = t({}, J[F], D);
         for (var ne in te) {
           var de = D[ne];
           if (r(D, ne) && typeof de != "function")
             return M(B, $, R, ne, U(de));
           if (!de)
             return new f(
-              "Invalid " + $ + " `" + R + "` key `" + ne + "` supplied to `" + B + "`.\nBad object: " + JSON.stringify(X[F], null, "  ") + `
+              "Invalid " + $ + " `" + R + "` key `" + ne + "` supplied to `" + B + "`.\nBad object: " + JSON.stringify(J[F], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(D), null, "  ")
             );
-          var J = de(q, ne, B, $, R + "." + ne, n);
-          if (J)
-            return J;
+          var X = de(q, ne, B, $, R + "." + ne, n);
+          if (X)
+            return X;
         }
         return null;
       }
@@ -3642,13 +3644,13 @@ Valid keys: ` + JSON.stringify(Object.keys(D), null, "  ")
             return !0;
           var I = h(D);
           if (I) {
-            var X = I.call(D), F;
+            var J = I.call(D), F;
             if (I !== D.entries) {
-              for (; !(F = X.next()).done; )
+              for (; !(F = J.next()).done; )
                 if (!T(F.value))
                   return !1;
             } else
-              for (; !(F = X.next()).done; ) {
+              for (; !(F = J.next()).done; ) {
                 var B = F.value;
                 if (B && !T(B[1]))
                   return !1;
@@ -4168,12 +4170,12 @@ var Du = {
          * @returns {HTMLElement|undefined} The next tabbable node, if any.
          */
         nextTabbableNode: function(I) {
-          var X = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, F = C.indexOf(I);
-          return F < 0 ? X ? T.slice(T.indexOf(I) + 1).find(function(B) {
+          var J = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, F = C.indexOf(I);
+          return F < 0 ? J ? T.slice(T.indexOf(I) + 1).find(function(B) {
             return _n(B);
           }) : T.slice(0, T.indexOf(I)).reverse().find(function(B) {
             return _n(B);
-          }) : C[F + (X ? 1 : -1)];
+          }) : C[F + (J ? 1 : -1)];
         }
       };
     }), s.tabbableGroups = s.containerGroups.filter(function(A) {
@@ -4215,8 +4217,8 @@ var Du = {
           return C === q;
         });
         if (D < 0 && (ie.container === C || ki(C, a.tabbableOptions) && !_n(C, a.tabbableOptions) && !ie.nextTabbableNode(C, !1)) && (D = G), D >= 0) {
-          var I = D === 0 ? s.tabbableGroups.length - 1 : D - 1, X = s.tabbableGroups[I];
-          U = pn(C) >= 0 ? X.lastTabbableNode : X.lastDomTabbableNode;
+          var I = D === 0 ? s.tabbableGroups.length - 1 : D - 1, J = s.tabbableGroups[I];
+          U = pn(C) >= 0 ? J.lastTabbableNode : J.lastDomTabbableNode;
         } else
           Tr(T) || (U = ie.nextTabbableNode(C, !1));
       } else {
@@ -6488,23 +6490,23 @@ const wn = ({
         }
       });
     }
+  }, J = (B) => {
+    var q;
+    if (B.preventDefault(), B.stopPropagation(), j)
+      return;
+    let $ = 0;
+    if ((q = ie == null ? void 0 : ie.current) != null && q.id) {
+      const W = document.getElementById(ie.current.id);
+      W && ($ = W.getBoundingClientRect().top + window.scrollY);
+    }
+    const R = document.getElementById("header");
+    R && ($ = $ - R.offsetHeight - b), $ < 0 && ($ = 0), window.scrollTo({ top: $, behavior: "smooth" }), I();
   }, F = [
     {
       ...f,
       icon: H ? { icon: "tick", position: "left" } : !1,
-      className: "gtm-trackable",
-      onClick: (B) => {
-        var q;
-        if (B.preventDefault(), B.stopPropagation(), j)
-          return;
-        let $ = 0;
-        if ((q = ie == null ? void 0 : ie.current) != null && q.id) {
-          const W = document.getElementById(ie.current.id);
-          W && ($ = W.getBoundingClientRect().top + window.scrollY);
-        }
-        const R = document.getElementById("header");
-        R && ($ = $ - R.offsetHeight - b), $ < 0 && ($ = 0), window.scrollTo({ top: $, behavior: "smooth" }), I();
-      },
+      className: V("gtm-trackable", f.className),
+      onClick: J,
       disabled: j || H || s.disabled,
       "data-gtm-event-context": d.context,
       "data-gtm-event-type": d.event,
@@ -6513,7 +6515,7 @@ const wn = ({
   ];
   return v && F.unshift({
     ...o,
-    className: "gtm-trackable",
+    className: V("gtm-trackable", o.className),
     "data-gtm-event-context": d.context,
     "data-gtm-event-type": d.event,
     disabled: j || H,
@@ -6549,12 +6551,12 @@ const wn = ({
             return /* @__PURE__ */ c.jsx(q, { ...B.props || {} }, `component-${R}-${$}`);
           const ne = (U == null ? void 0 : U[R]) || "", de = {
             ...W,
-            onChange: (J) => {
-              C({ type: "updateValue", payload: { key: R, value: J } }), W.onChange(J && J.toString(), C);
+            onChange: (X) => {
+              C({ type: "updateValue", payload: { key: R, value: X } }), W.onChange(X && X.toString(), C);
             }
           };
-          return te && (de.onKeyDown = (J) => {
-            J.key === "Enter" && (J.stopPropagation(), J.preventDefault(), I()), W.onKeyDown && W.onKeyDown(J);
+          return te && (de.onKeyDown = (X) => {
+            X.key === "Enter" && (X.stopPropagation(), X.preventDefault(), I()), W.onKeyDown && W.onKeyDown(X);
           }), /* @__PURE__ */ c.jsx(
             Jp,
             {
@@ -8170,8 +8172,8 @@ var Ug = (e, t, n) => {
         path: ie
       } = n, D = ie[ie.length - 1], I = oe.parent(e, ie);
       if (I.children.splice(D, 1), t)
-        for (var [X, F] of K.points(t)) {
-          var B = Be.transform(X, n);
+        for (var [J, F] of K.points(t)) {
+          var B = Be.transform(J, n);
           if (t != null && B != null)
             t[F] = B;
           else {
@@ -8184,7 +8186,7 @@ var Ug = (e, t, n) => {
                 break;
               }
             var te = !1;
-            $ && R && (N.equals(R[1], ie) ? te = !N.hasPrevious(R[1]) : te = N.common($[1], ie).length < N.common(R[1], ie).length), $ && !te ? (X.path = $[1], X.offset = $[0].text.length) : R ? (X.path = R[1], X.offset = 0) : t = null;
+            $ && R && (N.equals(R[1], ie) ? te = !N.hasPrevious(R[1]) : te = N.common($[1], ie).length < N.common(R[1], ie).length), $ && !te ? (J.path = $[1], J.offset = $[0].text.length) : R ? (J.path = R[1], J.offset = 0) : t = null;
           }
         }
       break;
@@ -8193,11 +8195,11 @@ var Ug = (e, t, n) => {
       var {
         path: ne,
         offset: de,
-        text: J
+        text: X
       } = n;
-      if (J.length === 0)
+      if (X.length === 0)
         break;
-      var ve = oe.leaf(e, ne), ge = ve.text.slice(0, de), Ae = ve.text.slice(de + J.length);
+      var ve = oe.leaf(e, ne), ge = ve.text.slice(0, de), Ae = ve.text.slice(de + X.length);
       if (ve.text = ge + Ae, t)
         for (var [Se, Pe] of K.points(t))
           t[Pe] = Be.transform(Se, n);
@@ -10499,11 +10501,11 @@ var S0 = (e, t) => {
           return y.pathRef(t, Ae);
         }), G = y.pointRef(t, x), ie = y.pointRef(t, k), D = "";
         if (!S && !z) {
-          var I = G.current, [X] = y.leaf(t, I), {
+          var I = G.current, [J] = y.leaf(t, I), {
             path: F
           } = I, {
             offset: B
-          } = x, $ = X.text.slice(B);
+          } = x, $ = J.text.slice(B);
           $.length > 0 && (t.apply({
             type: "remove_text",
             path: F,
@@ -10530,7 +10532,7 @@ var S0 = (e, t) => {
           hanging: !0,
           voids: l
         }), h && a && s === "character" && D.length > 1 && D.match(/[\u0E00-\u0E7F]+/) && Q.insertText(t, D.slice(0, D.length - o));
-        var de = G.unref(), J = ie.unref(), ve = a ? de || J : J || de;
+        var de = G.unref(), X = ie.unref(), ve = a ? de || X : X || de;
         n.at == null && ve && Q.select(t, ve);
       }
     }
@@ -10617,9 +10619,9 @@ var S0 = (e, t) => {
           always: T && (!b || L.length > 0) && (!v || A.length > 0),
           voids: a
         });
-        var X = y.pathRef(t, !G || G && ie ? N.next(U) : U);
+        var J = y.pathRef(t, !G || G && ie ? N.next(U) : U);
         if (Q.insertNodes(t, L, {
-          at: X.current,
+          at: J.current,
           match: ($) => me.isText($) || y.isInline(t, $),
           mode: "highest",
           voids: a,
@@ -10641,12 +10643,12 @@ var S0 = (e, t) => {
           batchDirty: o
         }), !r.at) {
           var F;
-          if (A.length > 0 && I.current ? F = N.previous(I.current) : M.length > 0 && D.current ? F = N.previous(D.current) : X.current && (F = N.previous(X.current)), F) {
+          if (A.length > 0 && I.current ? F = N.previous(I.current) : M.length > 0 && D.current ? F = N.previous(D.current) : J.current && (F = N.previous(J.current)), F) {
             var B = y.end(t, F);
             Q.select(t, B);
           }
         }
-        X.unref(), D.unref(), I.unref();
+        J.unref(), D.unref(), I.unref();
       }
     }
   });
@@ -12058,18 +12060,18 @@ const vy = /* @__PURE__ */ Rn(gy), vl = (e) => typeof e == "object" && e != null
   let C = o === "start" || o === "nearest" ? w - O : o === "end" ? S + M : w + k / 2 - O + M, T = l === "center" ? z + E / 2 - A + L : l === "end" ? _ + L : z - A;
   const j = [];
   for (let H = 0; H < p.length; H++) {
-    const U = p[H], { height: G, width: ie, top: D, right: I, bottom: X, left: F } = U.getBoundingClientRect();
-    if (s === "if-needed" && w >= 0 && z >= 0 && S <= b && _ <= f && w >= D && S <= X && z >= F && _ <= I)
+    const U = p[H], { height: G, width: ie, top: D, right: I, bottom: J, left: F } = U.getBoundingClientRect();
+    if (s === "if-needed" && w >= 0 && z >= 0 && S <= b && _ <= f && w >= D && S <= J && z >= F && _ <= I)
       return j;
     const B = getComputedStyle(U), $ = parseInt(B.borderLeftWidth, 10), R = parseInt(B.borderTopWidth, 10), q = parseInt(B.borderRightWidth, 10), W = parseInt(B.borderBottomWidth, 10);
     let te = 0, ne = 0;
-    const de = "offsetWidth" in U ? U.offsetWidth - U.clientWidth - $ - q : 0, J = "offsetHeight" in U ? U.offsetHeight - U.clientHeight - R - W : 0, ve = "offsetWidth" in U ? U.offsetWidth === 0 ? 0 : ie / U.offsetWidth : 0, ge = "offsetHeight" in U ? U.offsetHeight === 0 ? 0 : G / U.offsetHeight : 0;
+    const de = "offsetWidth" in U ? U.offsetWidth - U.clientWidth - $ - q : 0, X = "offsetHeight" in U ? U.offsetHeight - U.clientHeight - R - W : 0, ve = "offsetWidth" in U ? U.offsetWidth === 0 ? 0 : ie / U.offsetWidth : 0, ge = "offsetHeight" in U ? U.offsetHeight === 0 ? 0 : G / U.offsetHeight : 0;
     if (m === U)
       te = o === "start" ? C : o === "end" ? C - b : o === "nearest" ? fi(x, x + b, b, R, W, x + C, x + C + k, k) : C - b / 2, ne = l === "start" ? T : l === "center" ? T - f / 2 : l === "end" ? T - f : fi(v, v + f, f, $, q, v + T, v + T + E, E), te = Math.max(0, te + x), ne = Math.max(0, ne + v);
     else {
-      te = o === "start" ? C - D - R : o === "end" ? C - X + W + J : o === "nearest" ? fi(D, X, G, R, W + J, C, C + k, k) : C - (D + G / 2) + J / 2, ne = l === "start" ? T - F - $ : l === "center" ? T - (F + ie / 2) + de / 2 : l === "end" ? T - I + q + de : fi(F, I, ie, $, q + de, T, T + E, E);
+      te = o === "start" ? C - D - R : o === "end" ? C - J + W + X : o === "nearest" ? fi(D, J, G, R, W + X, C, C + k, k) : C - (D + G / 2) + X / 2, ne = l === "start" ? T - F - $ : l === "center" ? T - (F + ie / 2) + de / 2 : l === "end" ? T - I + q + de : fi(F, I, ie, $, q + de, T, T + E, E);
       const { scrollLeft: Ae, scrollTop: Se } = U;
-      te = ge === 0 ? 0 : Math.max(0, Math.min(Se + te / ge, U.scrollHeight - G / ge + J)), ne = ve === 0 ? 0 : Math.max(0, Math.min(Ae + ne / ve, U.scrollWidth - ie / ve + de)), C += Se - te, T += Ae - ne;
+      te = ge === 0 ? 0 : Math.max(0, Math.min(Se + te / ge, U.scrollHeight - G / ge + X)), ne = ve === 0 ? 0 : Math.max(0, Math.min(Ae + ne / ve, U.scrollWidth - ie / ve + de)), C += Se - te, T += Ae - ne;
     }
     j.push({ el: U, top: te, left: ne });
   }
@@ -13323,9 +13325,9 @@ function w1(e) {
       var G = g1(T);
       (!t.selection || !K.equals(t.selection, G)) && Q.select(t, G), T.diff.text ? y.insertText(t, T.diff.text) : y.deleteFragment(t), xt.set(t, (H = xt.get(t)) === null || H === void 0 ? void 0 : H.filter((I) => {
         var {
-          id: X
+          id: J
         } = I;
-        return X !== T.id;
+        return J !== T.id;
       })), f1(t, T) || (C = !1, hn.delete(t), nn.delete(t), i = "action", mn.delete(t), n.cancel(), r.cancel(), A == null || A.unref());
     }
     var ie = A == null ? void 0 : A.unref();
@@ -13400,15 +13402,15 @@ function w1(e) {
       var D = !0;
       if (T.startsWith("delete")) {
         if (K.isExpanded(j)) {
-          var [I, X] = K.edges(j), F = oe.leaf(t, I.path);
-          if (F.text.length === I.offset && X.offset === 0) {
+          var [I, J] = K.edges(j), F = oe.leaf(t, I.path);
+          if (F.text.length === I.offset && J.offset === 0) {
             var B = y.next(t, {
               at: I.path,
               match: me.isText
             });
-            B && N.equals(B[1], X.path) && (j = {
-              anchor: X,
-              focus: X
+            B && N.equals(B[1], J.path) && (j = {
+              anchor: J,
+              focus: J
             });
           }
         }
@@ -13416,7 +13418,7 @@ function w1(e) {
           text: "",
           start: R.offset,
           end: q.offset
-        }, de = xt.get(t), J = de == null ? void 0 : de.find((be) => N.equals(be.path, te)), ve = J ? [J.diff, ne] : [ne], ge = cf(W.text, ...ve);
+        }, de = xt.get(t), X = de == null ? void 0 : de.find((be) => N.equals(be.path, te)), ve = X ? [X.diff, ne] : [ne], ge = cf(W.text, ...ve);
         if (ge.length === 0 && (D = !1), K.isExpanded(j)) {
           if (D && N.equals(j.anchor.path, j.focus.path)) {
             var Ae = {
@@ -14222,15 +14224,15 @@ var aD = (e) => /* @__PURE__ */ re.createElement(re.Fragment, null, gf(e)), sD =
       var {
         anchorNode: te,
         focusNode: ne
-      } = W, de = ee.hasEditableTarget(f, te) || ee.isTargetInsideNonReadonlyVoid(f, te), J = ee.hasEditableTarget(f, ne) || ee.isTargetInsideNonReadonlyVoid(f, ne);
-      if (de && J) {
+      } = W, de = ee.hasEditableTarget(f, te) || ee.isTargetInsideNonReadonlyVoid(f, te), X = ee.hasEditableTarget(f, ne) || ee.isTargetInsideNonReadonlyVoid(f, ne);
+      if (de && X) {
         var ve = ee.toSlateRange(f, W, {
           exactMatch: !1,
           suppressThrow: !0
         });
         ve && (!ee.isComposing(f) && !(B != null && B.hasPendingChanges()) && !(B != null && B.isFlushing()) ? Q.select(f, ve) : B == null || B.handleUserSelect(ve));
       }
-      s && (!de || !J) && Q.deselect(f);
+      s && (!de || !X) && Q.deselect(f);
     }
   }, 100), [f, s, O]), A = Zt(() => dy(M, 0), [M]);
   L.current = A1({
@@ -14287,7 +14289,7 @@ var aD = (e) => /* @__PURE__ */ re.createElement(re.Fragment, null, gf(e)), sD =
         });
         return;
       }
-      var J = null, ve = requestAnimationFrame(() => {
+      var X = null, ve = requestAnimationFrame(() => {
         if (de) {
           var ge = (Ae) => {
             try {
@@ -14296,13 +14298,13 @@ var aD = (e) => /* @__PURE__ */ re.createElement(re.Fragment, null, gf(e)), sD =
             } catch {
             }
           };
-          ge(), J = setTimeout(() => {
+          ge(), X = setTimeout(() => {
             ge(!0), O.isUpdatingSelection = !1;
           });
         }
       });
       return () => {
-        cancelAnimationFrame(ve), J && clearTimeout(J);
+        cancelAnimationFrame(ve), X && clearTimeout(X);
       };
     }
   });
@@ -14327,7 +14329,7 @@ var aD = (e) => /* @__PURE__ */ re.createElement(re.Fragment, null, gf(e)), sD =
       // When there is an inline element, e.g. a link, and you select
       // right after it (the start of the next node).
       R.anchor.offset !== 0) {
-        var de, J;
+        var de, X;
         ne = !0, f.marks && (ne = !1);
         var {
           anchor: ve
@@ -14336,7 +14338,7 @@ var aD = (e) => /* @__PURE__ */ re.createElement(re.Fragment, null, gf(e)), sD =
           var Xe, Qe = Pe == null ? void 0 : Pe.document.createTreeWalker(Se, NodeFilter.SHOW_TEXT).lastChild();
           Qe === ge && ((Xe = Qe.textContent) === null || Xe === void 0 ? void 0 : Xe.length) === Ae && (ne = !1);
         }
-        if (ne && ge.parentElement && (Pe == null || (J = Pe.getComputedStyle(ge.parentElement)) === null || J === void 0 ? void 0 : J.whiteSpace) === "pre") {
+        if (ne && ge.parentElement && (Pe == null || (X = Pe.getComputedStyle(ge.parentElement)) === null || X === void 0 ? void 0 : X.whiteSpace) === "pre") {
           var Ne = y.above(f, {
             at: ve.path,
             match: (se) => he.isElement(se) && y.isBlock(f, se)
@@ -14479,12 +14481,12 @@ var aD = (e) => /* @__PURE__ */ re.createElement(re.Fragment, null, gf(e)), sD =
   if (O.hasMarkPlaceholder = !1, f.selection && K.isCollapsed(f.selection) && ie) {
     var {
       anchor: D
-    } = f.selection, I = oe.leaf(f, D.path), X = ur(I, iD);
+    } = f.selection, I = oe.leaf(f, D.path), J = ur(I, iD);
     if (!me.equals(I, ie, {
       loose: !0
     })) {
       O.hasMarkPlaceholder = !0;
-      var F = Object.fromEntries(Object.keys(X).map((B) => [B, null]));
+      var F = Object.fromEntries(Object.keys(J).map((B) => [B, null]));
       j.push(Ht(Ht(Ht({
         [sf]: !0
       }, F), ie), {}, {
@@ -14609,10 +14611,10 @@ var aD = (e) => /* @__PURE__ */ re.createElement(re.Fragment, null, gf(e)), sD =
         }
         if (s)
           return;
-        var de = y.start(f, R), J = y.end(f, R), ve = y.void(f, {
+        var de = y.start(f, R), X = y.end(f, R), ve = y.void(f, {
           at: de
         }), ge = y.void(f, {
-          at: J
+          at: X
         });
         if (ve && ge && N.equals(ve[1], ge[1])) {
           var Ae = y.range(f, de);
@@ -14804,8 +14806,8 @@ var aD = (e) => /* @__PURE__ */ re.createElement(re.Fragment, null, gf(e)), sD =
         }
         if (dn) {
           if ((nf || Br) && q && (Je.isDeleteBackward(R) || Je.isDeleteForward(R)) && K.isCollapsed(q)) {
-            var J = oe.parent(f, q.anchor.path);
-            if (he.isElement(J) && y.isVoid(f, J) && (y.isInline(f, J) || y.isBlock(f, J))) {
+            var X = oe.parent(f, q.anchor.path);
+            if (he.isElement(X) && y.isVoid(f, X) && (y.isInline(f, X) || y.isBlock(f, X))) {
               B.preventDefault(), y.deleteBackward(f, {
                 unit: "block"
               });
@@ -17921,10 +17923,10 @@ function Hx(e, t, n) {
     return F === null || xe(F) ? A(F) : Le(F) ? (e.consume(F), M) : n(F);
   }
   function A(F) {
-    return F === 45 && i === 2 ? (e.consume(F), H) : F === 60 && i === 1 ? (e.consume(F), U) : F === 62 && i === 4 ? (e.consume(F), I) : F === 63 && i === 3 ? (e.consume(F), D) : F === 93 && i === 5 ? (e.consume(F), ie) : xe(F) && (i === 6 || i === 7) ? (e.exit("htmlFlowData"), e.check(qx, X, C)(F)) : F === null || xe(F) ? (e.exit("htmlFlowData"), C(F)) : (e.consume(F), A);
+    return F === 45 && i === 2 ? (e.consume(F), H) : F === 60 && i === 1 ? (e.consume(F), U) : F === 62 && i === 4 ? (e.consume(F), I) : F === 63 && i === 3 ? (e.consume(F), D) : F === 93 && i === 5 ? (e.consume(F), ie) : xe(F) && (i === 6 || i === 7) ? (e.exit("htmlFlowData"), e.check(qx, J, C)(F)) : F === null || xe(F) ? (e.exit("htmlFlowData"), C(F)) : (e.consume(F), A);
   }
   function C(F) {
-    return e.check(Wx, T, X)(F);
+    return e.check(Wx, T, J)(F);
   }
   function T(F) {
     return e.enter("lineEnding"), e.consume(F), e.exit("lineEnding"), j;
@@ -17952,9 +17954,9 @@ function Hx(e, t, n) {
     return F === 62 ? (e.consume(F), I) : F === 45 && i === 2 ? (e.consume(F), D) : A(F);
   }
   function I(F) {
-    return F === null || xe(F) ? (e.exit("htmlFlowData"), X(F)) : (e.consume(F), I);
+    return F === null || xe(F) ? (e.exit("htmlFlowData"), J(F)) : (e.consume(F), I);
   }
-  function X(F) {
+  function J(F) {
     return e.exit("htmlFlow"), t(F);
   }
 }
@@ -18616,9 +18618,9 @@ function kw(e, t, n) {
     return C;
     function C(T, j, H) {
       let U, G, ie, D;
-      return Array.isArray(T) ? X(T) : "tokenize" in T ? (
+      return Array.isArray(T) ? J(T) : "tokenize" in T ? (
         // @ts-expect-error Looks like a construct.
-        X([T])
+        J([T])
       ) : I(T);
       function I(R) {
         return q;
@@ -18629,10 +18631,10 @@ function kw(e, t, n) {
             ...Array.isArray(te) ? te : te ? [te] : [],
             ...Array.isArray(ne) ? ne : ne ? [ne] : []
           ];
-          return X(de)(W);
+          return J(de)(W);
         }
       }
-      function X(R) {
+      function J(R) {
         return U = R, G = 0, R.length === 0 ? H : F(R[G]);
       }
       function F(R) {
@@ -18904,7 +18906,7 @@ function Vw(e) {
       codeTextData: O,
       data: O,
       codeFlowValue: O,
-      definition: a(J),
+      definition: a(X),
       definitionDestinationString: s,
       definitionLabelString: s,
       definitionTitleString: s,
@@ -18974,7 +18976,7 @@ function Vw(e) {
       referenceString: B,
       resourceDestinationString: D,
       resourceTitleString: I,
-      resource: X,
+      resource: J,
       setextHeading: l(z),
       setextHeadingLineSequence: S,
       setextHeadingText: _,
@@ -19274,7 +19276,7 @@ function Vw(e) {
     const Z = this.resume(), se = this.stack[this.stack.length - 1];
     se.title = Z;
   }
-  function X() {
+  function J() {
     this.data.inReference = void 0;
   }
   function F() {
@@ -19329,7 +19331,7 @@ function Vw(e) {
       value: ""
     };
   }
-  function J() {
+  function X() {
     return {
       type: "definition",
       identifier: "",
@@ -20469,8 +20471,8 @@ const CC = ({
     hasLoaded: A,
     mentionPopover: C
   } = k, T = (I) => {
-    const X = I || Yi[0];
-    I && E([{ type: "tabbableOption", value: X }]);
+    const J = I || Yi[0];
+    I && E([{ type: "tabbableOption", value: J }]);
   }, j = `rte-${e}`, H = Re(
     (I) => /* @__PURE__ */ c.jsx(yD, { ...I }),
     []
@@ -20495,13 +20497,13 @@ const CC = ({
   const ie = (I) => {
     if (!G || I !== j)
       return;
-    const X = y.end(G, []);
-    Q.select(G, X), ee.focus(G);
+    const J = y.end(G, []);
+    Q.select(G, J), ee.focus(G);
   };
   ce(() => {
-    const I = (X) => {
+    const I = (J) => {
       var $;
-      const F = X, B = (($ = F == null ? void 0 : F.detail) == null ? void 0 : $.id) || null;
+      const F = J, B = (($ = F == null ? void 0 : F.detail) == null ? void 0 : $.id) || null;
       B && ie(B);
     };
     return window.addEventListener("focusEditor", I), () => {
@@ -20515,8 +20517,8 @@ const CC = ({
     }
   }, [G.children.length, S]), ce(() => {
     _ && (async () => {
-      let X = Bn(_);
-      if (X.includes("<")) {
+      let J = Bn(_);
+      if (J.includes("<")) {
         Lr.prototype.escape = (B) => B;
         const F = new Lr();
         F.addRule("br", {
@@ -20524,14 +20526,14 @@ const CC = ({
           replacement: (B) => B + `
 
 `
-        }), X = F.turndown(X);
+        }), J = F.turndown(J);
       }
-      o && o.mentions && (X = await Wc({
-        text: X,
+      o && o.mentions && (J = await Wc({
+        text: J,
         template: `[${zs}{{name}}]({{id}})`,
         mentions: o.mentions,
         listMembers: m || (() => Promise.resolve([]))
-      })), Gw(X, (F) => {
+      })), Gw(J, (F) => {
         E([
           { type: "initialValue", value: F },
           { type: "editorKey", value: _.toString() }
@@ -20600,9 +20602,9 @@ const CC = ({
                   onKeyDown: (I) => {
                     if (I.key === "Enter") {
                       C.show && (I.preventDefault(), I.stopPropagation(), Rf(G, C, E, j));
-                      const { selection: X } = G;
-                      if (X) {
-                        const F = K.isCollapsed(X), [B, $] = y.node(G, X, { depth: 1 });
+                      const { selection: J } = G;
+                      if (J) {
+                        const F = K.isCollapsed(J), [B, $] = y.node(G, J, { depth: 1 });
                         let R = B, q = R.type;
                         const W = R.children[0];
                         if (W && [Y.ol, Y.ul].includes(W.type) && (R = W, q = W.type), R && he.isElement(R) && q !== Y.paragraph) {
@@ -20611,11 +20613,11 @@ const CC = ({
                             return;
                           }
                           if (F) {
-                            const [te, ne] = y.parent(G, X, {
+                            const [te, ne] = y.parent(G, J, {
                               edge: "end"
-                            }), J = te.type;
+                            }), X = te.type;
                             if ([Y.ul, Y.ol].includes(q))
-                              if (I.stopPropagation(), I.preventDefault(), J === Y.li && L === "Enter") {
+                              if (I.stopPropagation(), I.preventDefault(), X === Y.li && L === "Enter") {
                                 te.children.length === 1 && "text" in te.children[0] && te.children[0].text === "" && Q.removeNodes(G, { at: ne }), Q.insertNodes(G, v, {
                                   at: N.next($)
                                 }), Q.select(
@@ -20647,8 +20649,8 @@ const CC = ({
                       }
                     } else if (["ArrowUp", "ArrowDown"].includes(I.key) && C.show) {
                       I.preventDefault(), I.stopPropagation();
-                      const { selectedUser: X, possibleUsers: F } = C;
-                      let B = I.key === "ArrowUp" ? X - 1 : X + 1;
+                      const { selectedUser: J, possibleUsers: F } = C;
+                      let B = I.key === "ArrowUp" ? J - 1 : J + 1;
                       B < 0 && (B = F.length - 1), B >= F.length + 1 && (B = 0), E([
                         {
                           type: "mentionPopover",
@@ -20666,8 +20668,8 @@ const CC = ({
                       if (!N.isPath(O.path) || !oe.has(G, O.path))
                         return;
                       const I = oe.get(G, O.path);
-                      let X = 0;
-                      if (me.isText(I) ? X = I.text.length : I.children && (X = I.children.length), O.offset > X)
+                      let J = 0;
+                      if (me.isText(I) ? J = I.text.length : I.children && (J = I.children.length), O.offset > J)
                         return;
                       try {
                         Q.select(G, {
@@ -20874,7 +20876,8 @@ const _C = ({
       ],
       intlPath: "contactForm",
       gtm: { context: r, event: i },
-      functions: { onSuccess: t, onFailure: n }
+      functions: { onSuccess: t, onFailure: n },
+      button: { className: "new" }
     }
   );
 };
@@ -21647,12 +21650,13 @@ const qn = ({
   styling: n = {},
   ...r
 }) => {
-  const { background: i = "default" } = n;
+  const { background: i = "default", padding: a = "none" } = n;
   return /* @__PURE__ */ c.jsx(
     "section",
     {
       className: V("full-width-section", t, {
-        [i]: i !== "default"
+        [i]: i !== "default",
+        [a]: a !== "none"
       }),
       ...r,
       children: e
@@ -21666,20 +21670,27 @@ const Q_ = ({ text: e, buttons: t, className: n = "" }) => {
       href: i.link,
       variant: "secondary",
       size: { mobile: "medium", 1024: "large" },
-      className: "gtm-trackable",
+      className: "gtm-trackable new",
       "data-gtm-event-type": "download-click",
       "data-gtm-event-context": i.eventContext || "Download",
       target: "_blank",
       children: i.text
     });
-  }), /* @__PURE__ */ c.jsx(qn, { className: V("download-section", n), children: /* @__PURE__ */ c.jsxs("div", { className: "content-default", children: [
-    re.createElement(
-      typeof e == "string" ? "h2" : e.element,
-      { className: "text" },
-      typeof e == "string" ? e : e.text
-    ),
-    /* @__PURE__ */ c.jsx(Zr, { buttons: r })
-  ] }) });
+  }), /* @__PURE__ */ c.jsx(
+    qn,
+    {
+      className: V("download-section", n),
+      styling: { background: "dark" },
+      children: /* @__PURE__ */ c.jsxs("div", { className: "content-default", children: [
+        re.createElement(
+          typeof e == "string" ? "h2" : e.element,
+          { className: "text" },
+          typeof e == "string" ? e : e.text
+        ),
+        /* @__PURE__ */ c.jsx(Zr, { buttons: r })
+      ] })
+    }
+  );
 };
 const Zs = "editSection_";
 function Hf({ href: e, setShowModal: t }) {
@@ -23127,12 +23138,12 @@ const rt = "discussion_form_", ha = ({
     props: D = {
       create: { projectNames: ["questions-answers"] }
     }
-  } = d, [I, X] = ue({
+  } = d, [I, J] = ue({
     title: _ && _.text || "",
     body: w && w.text || S && S.text || ""
   }), [F, B] = ue(l.error || !1), [$, R] = ue(!1);
   if (ce(() => {
-    u && !w && S && S !== I.body && X({ ...I, body: S.text || "" });
+    u && !w && S && S !== I.body && J({ ...I, body: S.text || "" });
   }, [S]), v)
     return /* @__PURE__ */ c.jsx(
       zt,
@@ -23142,7 +23153,7 @@ const rt = "discussion_form_", ha = ({
       }
     );
   const q = (Ne) => {
-    X({ ...I, body: Ne }), A({ body: Ne });
+    J({ ...I, body: Ne }), A({ body: Ne });
     let Me;
     !g || !g.id ? Me = It(
       p.formatMessage,
@@ -23196,7 +23207,7 @@ const rt = "discussion_form_", ha = ({
           break;
       }
       await zh(1e3), H && await H(Me), Di = setTimeout(() => {
-        X({ title: "", body: "" }), R("submitted"), b(
+        J({ title: "", body: "" }), R("submitted"), b(
           It(p.formatMessage, `${rt}success`, n.type, "action")
         );
         const Ce = new Event(st.DISCUSSION_FORM_SUBMITTED);
@@ -23221,9 +23232,9 @@ const rt = "discussion_form_", ha = ({
     Di = setTimeout(() => {
       B(!1), R(!1), b("");
     }, 5e3);
-  }, de = !I.title || !Qo(I.title), J = !I.body || !Qo(I.body);
-  let ve = J;
-  _ && (ve = de && J);
+  }, de = !I.title || !Qo(I.title), X = !I.body || !Qo(I.body);
+  let ve = X;
+  _ && (ve = de && X);
   const ge = $ === "submitting", Ae = [
     {
       component: HC,
@@ -23274,7 +23285,7 @@ const rt = "discussion_form_", ha = ({
     placeholder: p.formatMessage({ id: `${rt}titleField_placeholder` }),
     functions: {
       onChange: (Ne) => {
-        X({ ...I, title: Ne }), A({ title: Ne });
+        J({ ...I, title: Ne }), A({ title: Ne });
       }
     },
     validation: [
@@ -23314,7 +23325,6 @@ const rt = "discussion_form_", ha = ({
         button: {
           variant: "primary",
           size: { mobile: "small", 600: "medium" },
-          className: "gtm-trackable",
           "data-gtm-event-context": m,
           "data-gtm-event-type": `${w ? "save" : "submit"}-${n.type}-click`,
           "data-testid": "save-button",
@@ -23331,7 +23341,6 @@ const rt = "discussion_form_", ha = ({
         secondaryActionButton: {
           variant: "secondary",
           size: { mobile: "small", 600: "medium" },
-          className: "gtm-trackable",
           "data-gtm-event-context": m,
           "data-gtm-event-type": `cancel-${n.type}-click`,
           disabled: !l.cancel && (!g || !g.id || !I.body),
@@ -24381,12 +24390,12 @@ const rk = ({
         latest_reactions: ie,
         reaction_counts: D,
         mentioned_users: I,
-        total_replies: X
+        total_replies: J
       } = j, F = (((q = ie == null ? void 0 : ie.like) == null ? void 0 : q.length) || 0) > 0, B = (((W = G == null ? void 0 : G.like) == null ? void 0 : W.length) || 0) > 0, $ = B ? G == null ? void 0 : G.like[0].id : "", R = F ? (te = ie == null ? void 0 : ie.like) == null ? void 0 : te.map((ne) => {
-        var de, J, ve;
+        var de, X, ve;
         return {
           id: (de = ne == null ? void 0 : ne.user) == null ? void 0 : de.id,
-          name: (ve = (J = ne == null ? void 0 : ne.user) == null ? void 0 : J.data) == null ? void 0 : ve.name
+          name: (ve = (X = ne == null ? void 0 : ne.user) == null ? void 0 : X.data) == null ? void 0 : ve.name
         };
       }) : !1;
       return /* @__PURE__ */ c.jsx(Ir, { children: /* @__PURE__ */ c.jsx(
@@ -24406,7 +24415,7 @@ const rk = ({
             author: Jr(j == null ? void 0 : j.actor),
             userLiked: B,
             likes: (D == null ? void 0 : D.like) || 0,
-            comments: X || 0,
+            comments: J || 0,
             peopleWhoLiked: R,
             mentions: I,
             pinned: (D == null ? void 0 : D.pin) && (D == null ? void 0 : D.pin) > 0 || !1
@@ -25233,7 +25242,7 @@ const FE = ({
           }
         },
         children: d && d.length > 0 ? d == null ? void 0 : d.map((_) => {
-          var ie, D, I, X, F, B, $;
+          var ie, D, I, J, F, B, $;
           const {
             id: S,
             own_children: z,
@@ -25243,7 +25252,7 @@ const FE = ({
           } = _, C = (((ie = z == null ? void 0 : z.like) == null ? void 0 : ie.length) || 0) > 0 ? (D = z == null ? void 0 : z.like) == null ? void 0 : D.find((R) => {
             var q;
             return ((q = R == null ? void 0 : R.user) == null ? void 0 : q.id) === (k == null ? void 0 : k.id);
-          }) : !1, T = C ? C == null ? void 0 : C.id : "", j = !!C, U = (((I = O == null ? void 0 : O.like) == null ? void 0 : I.length) || 0) > 0 ? (X = O == null ? void 0 : O.like) == null ? void 0 : X.map((R) => {
+          }) : !1, T = C ? C == null ? void 0 : C.id : "", j = !!C, U = (((I = O == null ? void 0 : O.like) == null ? void 0 : I.length) || 0) > 0 ? (J = O == null ? void 0 : O.like) == null ? void 0 : J.map((R) => {
             var q, W, te;
             return {
               id: (q = R == null ? void 0 : R.user) == null ? void 0 : q.id,
@@ -25383,12 +25392,12 @@ const AE = ({
         var de;
         return ((de = ne == null ? void 0 : ne.user) == null ? void 0 : de.id) === (w == null ? void 0 : w.id);
       }) : !1, G = U ? U == null ? void 0 : U.id : "", ie = !!U, I = ((($ = C == null ? void 0 : C.like) == null ? void 0 : $.length) || 0) > 0 ? (R = C == null ? void 0 : C.like) == null ? void 0 : R.map((ne) => {
-        var de, J, ve;
+        var de, X, ve;
         return {
           id: (de = ne == null ? void 0 : ne.user) == null ? void 0 : de.id,
-          name: (ve = (J = ne == null ? void 0 : ne.user) == null ? void 0 : J.data) == null ? void 0 : ve.name
+          name: (ve = (X = ne == null ? void 0 : ne.user) == null ? void 0 : X.data) == null ? void 0 : ve.name
         };
-      }) : !1, X = typeof O.data.content == "string" ? (q = O == null ? void 0 : O.data) == null ? void 0 : q.content : (
+      }) : !1, J = typeof O.data.content == "string" ? (q = O == null ? void 0 : O.data) == null ? void 0 : q.content : (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         ((te = (W = O == null ? void 0 : O.data) == null ? void 0 : W.content) == null ? void 0 : te.text) || ""
       );
@@ -25399,7 +25408,7 @@ const AE = ({
           content: {
             id: M,
             type: "reply",
-            body: X,
+            body: J,
             canLike: i,
             createdAt: O == null ? void 0 : O.created_at,
             slugs: {
@@ -25702,7 +25711,7 @@ const ma = ({
     id: ie,
     likes: D = 0,
     userLiked: I,
-    comments: X = 0,
+    comments: J = 0,
     mentions: F
   } = t, B = w && w.id && typeof H != "string" && H.id && H.id === w.id || !1, $ = typeof U == "boolean" ? U : !0, R = B && (!t.createdAt || $h(t.createdAt, 10, "seconds")), q = Fe(null), [W, te] = ue({
     title: t && t.body !== t.title && t.title || "",
@@ -25711,13 +25720,13 @@ const ma = ({
     didEdit: t && t.isEdited || !1,
     postBody: "",
     memberCustomMessage: (t == null ? void 0 : t.memberCustomMessage) || ""
-  }), [ne, de] = ue(!1), [J, ve] = ue(
+  }), [ne, de] = ue(!1), [X, ve] = ue(
     R ? "highlighted" : "default"
     /* Default */
   ), [ge, Ae] = ue("");
   ce(() => {
     const De = q.current;
-    if (!(!De || J === "default"))
+    if (!(!De || X === "default"))
       return document.addEventListener(st.DISCUSSION_FORM_SUBMITTED, Se), De.addEventListener("transitionend", Pe), () => {
         document.removeEventListener(
           st.DISCUSSION_FORM_SUBMITTED,
@@ -25840,7 +25849,7 @@ const ma = ({
     "data-gtm-event-type": `edit-${t.type}-click`
   }), f && ((Ce = q == null ? void 0 : q.current) == null || Ce.focus(), (He = q == null ? void 0 : q.current) == null || He.scrollIntoView({ behavior: "smooth" })), re.createElement(e, {
     className: V("discussion-post", u, {
-      [J]: !u || !u.includes("highlighted-text-box"),
+      [X]: !u || !u.includes("highlighted-text-box"),
       "has-link": l.post && !W.isEditing,
       "is-pinned": (t == null ? void 0 : t.pinned) || !1
     }),
@@ -26004,11 +26013,11 @@ const ma = ({
                       "data-gtm-event-type": `answer-${t.type}-click`,
                       screenreaderText: E.formatMessage(
                         { id: `${Ut}comments_screenReader` },
-                        { count: X }
+                        { count: J }
                       ),
                       children: E.formatMessage(
                         { id: `${Ut}comments` },
-                        { count: X }
+                        { count: J }
                       )
                     }
                   ) }),
@@ -26535,10 +26544,10 @@ const ak = ({
       }
     );
   const { own_reactions: _, latest_reactions: S, mentioned_users: z } = g, O = (((T = S == null ? void 0 : S.like) == null ? void 0 : T.length) || 0) > 0, L = (((j = _ == null ? void 0 : _.like) == null ? void 0 : j.length) || 0) > 0, M = L ? _ == null ? void 0 : _.like[0].id : "", A = O ? (H = S == null ? void 0 : S.like) == null ? void 0 : H.map((D) => {
-    var I, X, F;
+    var I, J, F;
     return {
       id: (I = D == null ? void 0 : D.user) == null ? void 0 : I.id,
-      name: (F = (X = D == null ? void 0 : D.user) == null ? void 0 : X.data) == null ? void 0 : F.name
+      name: (F = (J = D == null ? void 0 : D.user) == null ? void 0 : J.data) == null ? void 0 : F.name
     };
   }) : !1, C = g == null ? void 0 : g.actor;
   return /* @__PURE__ */ c.jsxs("section", { className: "activity-section", children: [
@@ -26574,7 +26583,7 @@ const ak = ({
             createContent: () => null,
             deleteContent: a,
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            updateContent: (D, { title: I, body: X }) => v({ title: I, content: X })
+            updateContent: (D, { title: I, body: J }) => v({ title: I, content: J })
           },
           likes: {
             createLike: () => x({ activityId: n }),